Export react-search to unstable

.github/CODEOWNERS

@@ -239,7 +239,7 @@ packages/react-components/react-storybook-addon-codesandbox @microsoft/fluentui-
 packages/react-components/babel-preset-storybook-full-source @microsoft/fluentui-react-build
 packages/react-components/react-jsx-runtime @microsoft/teams-prg
 packages/react-components/react-toast @microsoft/teams-prg
-packages/react-components/react-search @microsoft/cxe-coastal
+packages/react-components/react-search-preview @microsoft/cxe-coastal
 packages/react-components/react-colorpicker-compat @microsoft/cxe-red @sopranopillow
 # <%= NX-CODEOWNER-PLACEHOLDER %>
 

apps/public-docsite-v9/.storybook/main.js

@@ -15,6 +15,7 @@ module.exports = /** @type {Omit<import('../../../.storybook/main'), 'typescript
     '../../../packages/react-components/react-migration-v0-v9/stories/**/@(index.stories.@(ts|tsx)|*.stories.mdx)',
     '../../../packages/react-components/react-migration-v8-v9/stories/**/@(index.stories.@(ts|tsx)|*.stories.mdx)',
     '../../../packages/react-components/react-datepicker-compat/stories/**/@(index.stories.@(ts|tsx)|*.stories.mdx)',
+    '../../../packages/react-components/react-search-preview/stories/**/@(index.stories.@(ts|tsx)|*.stories.mdx)',
   ],
   staticDirs: ['../public'],
   addons: [...rootMain.addons],

apps/vr-tests-react-components/package.json

@@ -46,7 +46,7 @@
     "@fluentui/react-progress": "^9.1.20",
     "@fluentui/react-provider": "^9.7.8",
     "@fluentui/react-radio": "^9.1.23",
-    "@fluentui/react-search": "9.0.0-alpha.0",
+    "@fluentui/react-search-preview": "0.0.0",
     "@fluentui/react-select": "^9.1.20",
     "@fluentui/react-shared-contexts": "^9.6.0",
     "@fluentui/react-skeleton": "^9.0.8",

apps/vr-tests-react-components/src/stories/SearchBox.stories.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Steps, StoryWright } from 'storywright';
 import { storiesOf } from '@storybook/react';
-import { SearchBox } from '@fluentui/react-search';
+import { SearchBox } from '@fluentui/react-search-preview';
 import { ArrowEnterLeftRegular, MicRegular } from '@fluentui/react-icons';
 import { TestWrapperDecorator } from '../utilities/TestWrapperDecorator';
 

change/@fluentui-react-search-9d777dec-b4fc-4d78-81c4-501df1872ab2.json

@@ -0,0 +1,7 @@
+{
+  "type": "minor",
+  "comment": "feat: release preview package",
+  "packageName": "@fluentui/react-search-preview",
+  "email": "eysjiang@gmail.com",
+  "dependentChangeType": "patch"
+}

packages/react-components/react-search/LICENSE → packages/react-components/react-search-preview/LICENSE

@@ -1,4 +1,4 @@
-@fluentui/react-search
+@fluentui/react-search-preview
 
 Copyright (c) Microsoft Corporation
 

packages/react-components/react-search/README.md → packages/react-components/react-search-preview/README.md

@@ -1,4 +1,4 @@
-# @fluentui/react-search
+# @fluentui/react-search-preview
 
 **React Search components for [Fluent UI React](https://react.fluentui.dev/)**
 
@@ -26,7 +26,7 @@ See [Fluent UI Storybook](https://react.fluentui.dev/) for more detailed usage e
 Alternatively, run Storybook locally with:
 
 1. `yarn start`
-2. Select `react-search` from the list.
+2. Select `react-search-preview` from the list.
 
 ### Specification
 

packages/react-components/react-search/docs/Spec.md → packages/react-components/react-search-preview/docs/Spec.md

@@ -1,4 +1,4 @@
-# @fluentui/react-search Spec
+# @fluentui/react-search-preview Spec
 
 ## Background
 

packages/react-components/react-search-preview/etc/react-search-preview.api.md

@@ -0,0 +1,50 @@
+## API Report File for "@fluentui/react-search-preview"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+/// <reference types="react" />
+
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import { Input } from '@fluentui/react-input';
+import { InputState } from '@fluentui/react-input';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+// @public
+export const renderSearchBox_unstable: (state: SearchBoxState) => JSX.Element;
+
+// @public
+export const SearchBox: ForwardRefComponent<SearchBoxProps>;
+
+// @public (undocumented)
+export const searchBoxClassNames: SlotClassNames<SearchBoxSlots>;
+
+// @public
+export type SearchBoxProps = ComponentProps<SearchBoxSlots>;
+
+// @public (undocumented)
+export type SearchBoxSlots = {
+    root: NonNullable<Slot<typeof Input>>;
+    dismiss?: Slot<'span'>;
+    contentAfter?: Slot<'span'>;
+};
+
+// @public
+export type SearchBoxState = ComponentState<SearchBoxSlots> & Required<Pick<InputState, 'size'>> & Required<Pick<SearchBoxProps, 'disabled'>> & {
+    focused: boolean;
+};
+
+// @public
+export const useSearchBox_unstable: (props: SearchBoxProps, ref: React_2.Ref<HTMLInputElement>) => SearchBoxState;
+
+// @public
+export const useSearchBoxStyles_unstable: (state: SearchBoxState) => SearchBoxState;
+
+// (No @packageDocumentation comment for this package)
+
+```

packages/react-components/react-search/etc/react-search.api.md → packages/react-components/react-search-preview/etc/react-search.api.md

@@ -1,4 +1,4 @@
-## API Report File for "@fluentui/react-search"
+## API Report File for "@fluentui/react-search-preview"
 
 > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
 

packages/react-components/react-search/jest.config.js → packages/react-components/react-search-preview/jest.config.js

@@ -4,7 +4,7 @@
  * @type {import('@jest/types').Config.InitialOptions}
  */
 module.exports = {
-  displayName: 'react-search',
+  displayName: 'react-search-preview',
   preset: '../../../jest.preset.js',
   transform: {
     '^.+\\.tsx?$': [

packages/react-components/react-search/package.json → packages/react-components/react-search-preview/package.json

@@ -1,7 +1,6 @@
 {
-  "name": "@fluentui/react-search",
-  "version": "9.0.0-alpha.0",
-  "private": true,
+  "name": "@fluentui/react-search-preview",
+  "version": "0.0.0",
   "description": "Search input for Fluent UI v9",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -50,8 +49,7 @@
   "beachball": {
     "disallowedChangeTypes": [
       "major",
-      "minor",
-      "patch"
+      "prerelease"
     ]
   },
   "exports": {

packages/react-components/react-search/project.json → packages/react-components/react-search-preview/project.json

@@ -1,8 +1,8 @@
 {
-  "name": "@fluentui/react-search",
+  "name": "@fluentui/react-search-preview",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "library",
   "implicitDependencies": [],
-  "sourceRoot": "packages/react-components/react-search/src",
+  "sourceRoot": "packages/react-components/react-search-preview/src",
   "tags": ["vNext", "platform:web"]
 }

packages/react-components/react-search/stories/SearchBox/SearchBoxAppearance.stories.tsx → packages/react-components/react-search-preview/stories/SearchBox/SearchBoxAppearance.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SearchBox } from '@fluentui/react-search';
+import { SearchBox } from '@fluentui/react-search-preview';
 import { Field, makeStyles, mergeClasses, shorthands, tokens } from '@fluentui/react-components';
 
 const useStyles = makeStyles({

packages/react-components/react-search/stories/SearchBox/SearchBoxContentBeforeAfter.stories.tsx → packages/react-components/react-search-preview/stories/SearchBox/SearchBoxContentBeforeAfter.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SearchBox } from '@fluentui/react-search';
+import { SearchBox } from '@fluentui/react-search-preview';
 import { Button, ButtonProps, Field, makeStyles, shorthands, Text, tokens } from '@fluentui/react-components';
 import { PersonRegular, MicRegular } from '@fluentui/react-icons';
 

packages/react-components/react-search/stories/SearchBox/SearchBoxControlled.stories.tsx → packages/react-components/react-search-preview/stories/SearchBox/SearchBoxControlled.stories.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { SearchBox } from '@fluentui/react-search';
+import { SearchBox } from '@fluentui/react-search-preview';
 import { Field } from '@fluentui/react-components';
-import type { SearchBoxProps } from '@fluentui/react-search';
+import type { SearchBoxProps } from '@fluentui/react-search-preview';
 
 export const Controlled = () => {
   const [value, setValue] = React.useState('initial value');

packages/react-components/react-search/stories/SearchBox/SearchBoxDefault.stories.tsx → packages/react-components/react-search-preview/stories/SearchBox/SearchBoxDefault.stories.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { ArgTypes } from '@storybook/api';
-import { SearchBox } from '@fluentui/react-search';
+import { SearchBox } from '@fluentui/react-search-preview';
 import { Field } from '@fluentui/react-components';
-import type { SearchBoxProps } from '@fluentui/react-search';
+import type { SearchBoxProps } from '@fluentui/react-search-preview';
 
 export const Default = (props: SearchBoxProps) => {
   return (

packages/react-components/react-search/stories/SearchBox/SearchBoxDisabled.stories.tsx → packages/react-components/react-search-preview/stories/SearchBox/SearchBoxDisabled.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SearchBox } from '@fluentui/react-search';
+import { SearchBox } from '@fluentui/react-search-preview';
 import { Field } from '@fluentui/react-components';
 
 export const Disabled = () => {

packages/react-components/react-search/stories/SearchBox/SearchBoxPlaceholder.stories.tsx → packages/react-components/react-search-preview/stories/SearchBox/SearchBoxPlaceholder.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SearchBox } from '@fluentui/react-search';
+import { SearchBox } from '@fluentui/react-search-preview';
 import { Field } from '@fluentui/react-components';
 
 export const Placeholder = () => {

packages/react-components/react-search/stories/SearchBox/SearchBoxSize.stories.tsx → packages/react-components/react-search-preview/stories/SearchBox/SearchBoxSize.stories.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SearchBox } from '@fluentui/react-search';
+import { SearchBox } from '@fluentui/react-search-preview';
 import { Field, makeStyles, shorthands, tokens } from '@fluentui/react-components';
 
 const useStyles = makeStyles({

packages/react-components/react-search/stories/SearchBox/index.stories.tsx → packages/react-components/react-search-preview/stories/SearchBox/index.stories.tsx

@@ -1,4 +1,4 @@
-import { SearchBox } from '@fluentui/react-search';
+import { SearchBox } from '@fluentui/react-search-preview';
 
 import descriptionMd from './SearchBoxDescription.md';
 import bestPracticesMd from './SearchBoxBestPractices.md';

scripts/storybook/src/utils.js

@@ -168,6 +168,7 @@ function _createCodesandboxRule(allPackageInfo = getAllPackageInfo()) {
       '@fluentui/react-datepicker-compat',
       '@fluentui/react-migration-v8-v9',
       '@fluentui/react-migration-v0-v9',
+      '@fluentui/react-search-preview',
     ];
 
     const importMappings = Object.values(allPackageInfo).reduce((acc, cur) => {

tsconfig.base.all.json

@@ -128,7 +128,7 @@
       "@fluentui/react-progress": ["packages/react-components/react-progress/src/index.ts"],
       "@fluentui/react-provider": ["packages/react-components/react-provider/src/index.ts"],
       "@fluentui/react-radio": ["packages/react-components/react-radio/src/index.ts"],
-      "@fluentui/react-search": ["packages/react-components/react-search/src/index.ts"],
+      "@fluentui/react-search-preview": ["packages/react-components/react-search-preview/src/index.ts"],
       "@fluentui/react-select": ["packages/react-components/react-select/src/index.ts"],
       "@fluentui/react-shared-contexts": ["packages/react-components/react-shared-contexts/src/index.ts"],
       "@fluentui/react-skeleton": ["packages/react-components/react-skeleton/src/index.ts"],

tsconfig.base.json

@@ -63,7 +63,7 @@
       "@fluentui/react-progress": ["packages/react-components/react-progress/src/index.ts"],
       "@fluentui/react-provider": ["packages/react-components/react-provider/src/index.ts"],
       "@fluentui/react-radio": ["packages/react-components/react-radio/src/index.ts"],
-      "@fluentui/react-search": ["packages/react-components/react-search/src/index.ts"],
+      "@fluentui/react-search-preview": ["packages/react-components/react-search-preview/src/index.ts"],
       "@fluentui/react-select": ["packages/react-components/react-select/src/index.ts"],
       "@fluentui/react-shared-contexts": ["packages/react-components/react-shared-contexts/src/index.ts"],
       "@fluentui/react-skeleton": ["packages/react-components/react-skeleton/src/index.ts"],