From 22477ef4202cd24add6ebf823196b5888c9d8083 Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Tue, 31 Jan 2023 09:28:28 -0800 Subject: [PATCH] feat: Release `@fluentui/react-select` as stable (#26491) --- ...-fb13e7de-16e0-4fdc-844f-aeba1d747d9a.json | 7 +++++ ...-f496d8aa-9e7b-4f8d-a88d-d293e5587603.json | 7 +++++ .../etc/react-components.api.md | 27 +++++++++++++++++++ .../etc/react-components.unstable.api.md | 24 ----------------- .../react-components/src/index.ts | 8 ++++++ .../react-components/src/unstable/index.ts | 8 ------ .../react-components/react-select/README.md | 4 --- .../react-select/package.json | 3 +-- .../Select/SelectAppearance.stories.tsx | 3 +-- .../Select/SelectControlled.stories.tsx | 5 ++-- .../stories/Select/SelectDefault.stories.tsx | 5 ++-- .../stories/Select/SelectDescription.md | 13 --------- .../stories/Select/SelectDisabled.stories.tsx | 3 +-- .../Select/SelectInitialValue.stories.tsx | 3 +-- .../stories/Select/SelectSize.stories.tsx | 3 +-- .../stories/Select/index.stories.tsx | 2 +- 16 files changed, 59 insertions(+), 66 deletions(-) create mode 100644 change/@fluentui-react-components-fb13e7de-16e0-4fdc-844f-aeba1d747d9a.json create mode 100644 change/@fluentui-react-select-f496d8aa-9e7b-4f8d-a88d-d293e5587603.json diff --git a/change/@fluentui-react-components-fb13e7de-16e0-4fdc-844f-aeba1d747d9a.json b/change/@fluentui-react-components-fb13e7de-16e0-4fdc-844f-aeba1d747d9a.json new file mode 100644 index 0000000000000..975f4b761a87f --- /dev/null +++ b/change/@fluentui-react-components-fb13e7de-16e0-4fdc-844f-aeba1d747d9a.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: release `@fluentui/react-select` as stable", + "packageName": "@fluentui/react-components", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-select-f496d8aa-9e7b-4f8d-a88d-d293e5587603.json b/change/@fluentui-react-select-f496d8aa-9e7b-4f8d-a88d-d293e5587603.json new file mode 100644 index 0000000000000..70dee4930cd6c --- /dev/null +++ b/change/@fluentui-react-select-f496d8aa-9e7b-4f8d-a88d-d293e5587603.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "feat: release `@fluentui/react-select` as stable", + "packageName": "@fluentui/react-select", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-components/etc/react-components.api.md b/packages/react-components/react-components/etc/react-components.api.md index 3f343f3fc5dd6..d355ef23841d4 100644 --- a/packages/react-components/react-components/etc/react-components.api.md +++ b/packages/react-components/react-components/etc/react-components.api.md @@ -441,6 +441,7 @@ import { renderPopoverTrigger_unstable } from '@fluentui/react-popover'; import { renderPortal_unstable } from '@fluentui/react-portal'; import { renderRadio_unstable } from '@fluentui/react-radio'; import { renderRadioGroup_unstable } from '@fluentui/react-radio'; +import { renderSelect_unstable } from '@fluentui/react-select'; import { renderSlider_unstable } from '@fluentui/react-slider'; import { renderSpinButton_unstable } from '@fluentui/react-spinbutton'; import { renderSpinner_unstable } from '@fluentui/react-spinner'; @@ -459,7 +460,13 @@ import { resetIdsForTests } from '@fluentui/react-utilities'; import { resolveShorthand } from '@fluentui/react-utilities'; import { ResolveShorthandFunction } from '@fluentui/react-utilities'; import { ResolveShorthandOptions } from '@fluentui/react-utilities'; +import { Select } from '@fluentui/react-select'; import { SelectableHandler } from '@fluentui/react-menu'; +import { selectClassNames } from '@fluentui/react-select'; +import { SelectOnChangeData } from '@fluentui/react-select'; +import { SelectProps } from '@fluentui/react-select'; +import { SelectSlots } from '@fluentui/react-select'; +import { SelectState } from '@fluentui/react-select'; import { SelectTabData } from '@fluentui/react-tabs'; import { SelectTabEvent } from '@fluentui/react-tabs'; import { SelectTabEventHandler } from '@fluentui/react-tabs'; @@ -723,6 +730,8 @@ import { useRadioGroupContextValues } from '@fluentui/react-radio'; import { useRadioGroupStyles_unstable } from '@fluentui/react-radio'; import { useRadioStyles_unstable } from '@fluentui/react-radio'; import { useScrollbarWidth } from '@fluentui/react-utilities'; +import { useSelect_unstable } from '@fluentui/react-select'; +import { useSelectStyles_unstable } from '@fluentui/react-select'; import { useSlider_unstable } from '@fluentui/react-slider'; import { useSliderState_unstable } from '@fluentui/react-slider'; import { useSliderStyles_unstable } from '@fluentui/react-slider'; @@ -1641,6 +1650,8 @@ export { renderRadio_unstable } export { renderRadioGroup_unstable } +export { renderSelect_unstable } + export { renderSlider_unstable } export { renderSpinButton_unstable } @@ -1677,8 +1688,20 @@ export { ResolveShorthandFunction } export { ResolveShorthandOptions } +export { Select } + export { SelectableHandler } +export { selectClassNames } + +export { SelectOnChangeData } + +export { SelectProps } + +export { SelectSlots } + +export { SelectState } + export { SelectTabData } export { SelectTabEvent } @@ -2205,6 +2228,10 @@ export { useRadioStyles_unstable } export { useScrollbarWidth } +export { useSelect_unstable } + +export { useSelectStyles_unstable } + export { useSlider_unstable } export { useSliderState_unstable } diff --git a/packages/react-components/react-components/etc/react-components.unstable.api.md b/packages/react-components/react-components/etc/react-components.unstable.api.md index 4b9e7dc4ceb17..f6bff1347ce45 100644 --- a/packages/react-components/react-components/etc/react-components.unstable.api.md +++ b/packages/react-components/react-components/etc/react-components.unstable.api.md @@ -115,7 +115,6 @@ import { renderDataGridSelectionCell_unstable } from '@fluentui/react-table'; import { renderField_unstable } from '@fluentui/react-field'; import { renderInfoButton_unstable } from '@fluentui/react-infobutton'; import { renderProgressBar_unstable } from '@fluentui/react-progress'; -import { renderSelect_unstable } from '@fluentui/react-select'; import { renderTable_unstable } from '@fluentui/react-table'; import { renderTableBody_unstable } from '@fluentui/react-table'; import { renderTableCell_unstable } from '@fluentui/react-table'; @@ -126,14 +125,9 @@ import { renderTableHeaderCell_unstable } from '@fluentui/react-table'; import { renderTableRow_unstable } from '@fluentui/react-table'; import { renderTableSelectionCell_unstable } from '@fluentui/react-table'; import { renderVirtualizer_unstable } from '@fluentui/react-virtualizer'; -import { Select } from '@fluentui/react-select'; -import { selectClassNames } from '@fluentui/react-select'; import { SelectField_unstable as SelectField } from '@fluentui/react-select'; import { selectFieldClassNames } from '@fluentui/react-select'; import { SelectFieldProps_unstable as SelectFieldProps } from '@fluentui/react-select'; -import { SelectProps } from '@fluentui/react-select'; -import { SelectSlots } from '@fluentui/react-select'; -import { SelectState } from '@fluentui/react-select'; import { SliderField_unstable as SliderField } from '@fluentui/react-slider'; import { sliderFieldClassNames } from '@fluentui/react-slider'; import { SliderFieldProps_unstable as SliderFieldProps } from '@fluentui/react-slider'; @@ -241,8 +235,6 @@ import { useInfoButtonStyles_unstable } from '@fluentui/react-infobutton'; import { useIntersectionObserver } from '@fluentui/react-virtualizer'; import { useProgressBar_unstable } from '@fluentui/react-progress'; import { useProgressBarStyles_unstable } from '@fluentui/react-progress'; -import { useSelect_unstable } from '@fluentui/react-select'; -import { useSelectStyles_unstable } from '@fluentui/react-select'; import { useTable_unstable } from '@fluentui/react-table'; import { useTableBody_unstable } from '@fluentui/react-table'; import { useTableBodyStyles_unstable } from '@fluentui/react-table'; @@ -498,8 +490,6 @@ export { renderInfoButton_unstable } export { renderProgressBar_unstable } -export { renderSelect_unstable } - export { renderTable_unstable } export { renderTableBody_unstable } @@ -520,22 +510,12 @@ export { renderTableSelectionCell_unstable } export { renderVirtualizer_unstable } -export { Select } - -export { selectClassNames } - export { SelectField } export { selectFieldClassNames } export { SelectFieldProps } -export { SelectProps } - -export { SelectSlots } - -export { SelectState } - export { SliderField } export { sliderFieldClassNames } @@ -750,10 +730,6 @@ export { useProgressBar_unstable } export { useProgressBarStyles_unstable } -export { useSelect_unstable } - -export { useSelectStyles_unstable } - export { useTable_unstable } export { useTableBody_unstable } diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts index 91e7048ce5d92..f2cba7fbc04ab 100644 --- a/packages/react-components/react-components/src/index.ts +++ b/packages/react-components/react-components/src/index.ts @@ -576,6 +576,14 @@ export type { RadioSlots, RadioState, } from '@fluentui/react-radio'; +export { + Select, + renderSelect_unstable, + selectClassNames, + useSelectStyles_unstable, + useSelect_unstable, +} from '@fluentui/react-select'; +export type { SelectOnChangeData, SelectProps, SelectSlots, SelectState } from '@fluentui/react-select'; export { Slider, sliderClassNames, diff --git a/packages/react-components/react-components/src/unstable/index.ts b/packages/react-components/react-components/src/unstable/index.ts index f54ef7c9cc6bf..a8371621123f2 100644 --- a/packages/react-components/react-components/src/unstable/index.ts +++ b/packages/react-components/react-components/src/unstable/index.ts @@ -46,14 +46,6 @@ export type { CardSlots, CardState, } from '@fluentui/react-card'; -export { - Select, - renderSelect_unstable, - selectClassNames, - useSelectStyles_unstable, - useSelect_unstable, -} from '@fluentui/react-select'; -export type { SelectProps, SelectSlots, SelectState } from '@fluentui/react-select'; export { InfoButton, diff --git a/packages/react-components/react-select/README.md b/packages/react-components/react-select/README.md index b3bb416a0993b..38e4884f23178 100644 --- a/packages/react-components/react-select/README.md +++ b/packages/react-components/react-select/README.md @@ -3,7 +3,3 @@ **React Select components for [Fluent UI React](https://react.fluentui.dev)** The Select component provides a styled wrapper around the native `` element. - - - -> **⚠️ Preview components are considered unstable:** -> -> ```jsx -> -> import { Select } from '@fluentui/react-components/unstable'; -> -> ``` -> -> - Features and APIs may change before final release -> - Please contact us if you intend to use this in your product diff --git a/packages/react-components/react-select/stories/Select/SelectDisabled.stories.tsx b/packages/react-components/react-select/stories/Select/SelectDisabled.stories.tsx index 03dc713d638b6..96784b6bf9f64 100644 --- a/packages/react-components/react-select/stories/Select/SelectDisabled.stories.tsx +++ b/packages/react-components/react-select/stories/Select/SelectDisabled.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Select } from '@fluentui/react-select'; -import { useId } from '@fluentui/react-components'; +import { Select, useId } from '@fluentui/react-components'; export const Disabled = () => { const selectId = useId(); diff --git a/packages/react-components/react-select/stories/Select/SelectInitialValue.stories.tsx b/packages/react-components/react-select/stories/Select/SelectInitialValue.stories.tsx index 854f0685ae0ed..bec2a793eb810 100644 --- a/packages/react-components/react-select/stories/Select/SelectInitialValue.stories.tsx +++ b/packages/react-components/react-select/stories/Select/SelectInitialValue.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Select } from '@fluentui/react-select'; -import { useId } from '@fluentui/react-components'; +import { Select, useId } from '@fluentui/react-components'; export const InitialValue = () => { const selectId = useId(); diff --git a/packages/react-components/react-select/stories/Select/SelectSize.stories.tsx b/packages/react-components/react-select/stories/Select/SelectSize.stories.tsx index beae058ad169c..9f031e478bfb0 100644 --- a/packages/react-components/react-select/stories/Select/SelectSize.stories.tsx +++ b/packages/react-components/react-select/stories/Select/SelectSize.stories.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Select } from '@fluentui/react-select'; -import { useId } from '@fluentui/react-components'; +import { Select, useId } from '@fluentui/react-components'; export const Size = () => { const selectId = useId(); diff --git a/packages/react-components/react-select/stories/Select/index.stories.tsx b/packages/react-components/react-select/stories/Select/index.stories.tsx index 5aa2fb35f0133..063fb7e933441 100644 --- a/packages/react-components/react-select/stories/Select/index.stories.tsx +++ b/packages/react-components/react-select/stories/Select/index.stories.tsx @@ -11,7 +11,7 @@ export { InitialValue } from './SelectInitialValue.stories'; export { Size } from './SelectSize.stories'; export default { - title: 'Preview Components/Select', + title: 'Components/Select', component: Select, parameters: { docs: {