diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index f96863764909da..62bc4a2676d674 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -349,9 +349,9 @@ packages/react-components/react-calendar-compat/stories @microsoft/cxe-prg packages/react-components/react-infolabel @microsoft/cxe-prg packages/react-components/react-infolabel/library @microsoft/cxe-prg packages/react-components/react-infolabel/stories @microsoft/cxe-prg -packages/react-components/react-list-preview @microsoft/teams-prg -packages/react-components/react-list-preview/library @microsoft/teams-prg -packages/react-components/react-list-preview/stories @microsoft/teams-prg +packages/react-components/react-list @microsoft/teams-prg +packages/react-components/react-list/library @microsoft/teams-prg +packages/react-components/react-list/stories @microsoft/teams-prg packages/react-components/react-motion @microsoft/teams-prg packages/react-components/react-motion/library @microsoft/teams-prg packages/react-components/react-motion/stories @microsoft/teams-prg diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index d65b60148a9db0..87a4c84603001b 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -29,7 +29,6 @@ "@fluentui/react-northstar": "*", "@fluentui/react-icons-northstar": "*", "@fluentui/react-components": "*", - "@fluentui/react-list-preview": "*", "@fluentui/react-storybook-addon": "*", "@fluentui/react-storybook-addon-export-to-sandbox": "*", "@fluentui/theme-designer": "*", diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index 555ce58bd23682..a96a9f6d0f4a62 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -80,6 +80,7 @@ "@fluentui/react-search": "*", "@fluentui/react-teaching-popover": "*", "@fluentui/react-tag-picker": "*", - "@fluentui/react-carousel": "*" + "@fluentui/react-carousel": "*", + "@fluentui/react-list": ">=9.0.0-alpha" } } diff --git a/change/@fluentui-react-components-4c011c9c-802b-466f-8bf8-cacdc208ad49.json b/change/@fluentui-react-components-4c011c9c-802b-466f-8bf8-cacdc208ad49.json new file mode 100644 index 00000000000000..a7215bf4831779 --- /dev/null +++ b/change/@fluentui-react-components-4c011c9c-802b-466f-8bf8-cacdc208ad49.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: add @fluentui/react-list to suite", + "packageName": "@fluentui/react-components", + "email": "jirivyhnalek@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-list-06d8884d-7988-49cd-a359-4efb7050f12c.json b/change/@fluentui-react-list-06d8884d-7988-49cd-a359-4efb7050f12c.json new file mode 100644 index 00000000000000..3af28cbdf09ec9 --- /dev/null +++ b/change/@fluentui-react-list-06d8884d-7988-49cd-a359-4efb7050f12c.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: release stable", + "packageName": "@fluentui/react-list", + "email": "jirivyhnalek@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 51165d849ad071..75bc436038bc95 100644 --- a/packages/react-components/react-components/etc/react-components.api.md +++ b/packages/react-components/react-components/etc/react-components.api.md @@ -496,6 +496,7 @@ import { linkClassNames } from '@fluentui/react-link'; import { LinkProps } from '@fluentui/react-link'; import { LinkSlots } from '@fluentui/react-link'; import { LinkState } from '@fluentui/react-link'; +import { List } from '@fluentui/react-list'; import { Listbox } from '@fluentui/react-combobox'; import { listboxClassNames } from '@fluentui/react-combobox'; import { ListboxContextValue } from '@fluentui/react-combobox'; @@ -504,6 +505,15 @@ import { ListboxProps } from '@fluentui/react-combobox'; import { ListboxProvider } from '@fluentui/react-combobox'; import { ListboxSlots } from '@fluentui/react-combobox'; import { ListboxState } from '@fluentui/react-combobox'; +import { listClassNames } from '@fluentui/react-list'; +import { ListItem } from '@fluentui/react-list'; +import { listItemClassNames } from '@fluentui/react-list'; +import { ListItemProps } from '@fluentui/react-list'; +import { ListItemSlots } from '@fluentui/react-list'; +import { ListItemState } from '@fluentui/react-list'; +import { ListProps } from '@fluentui/react-list'; +import { ListSlots } from '@fluentui/react-list'; +import { ListState } from '@fluentui/react-list'; import { makeResetStyles } from '@griffel/react'; import { makeStaticStyles } from '@griffel/react'; import { makeStyles } from '@griffel/react'; @@ -816,7 +826,9 @@ import { renderInteractionTagPrimary_unstable } from '@fluentui/react-tags'; import { renderInteractionTagSecondary_unstable } from '@fluentui/react-tags'; import { renderLabel_unstable } from '@fluentui/react-label'; import { renderLink_unstable } from '@fluentui/react-link'; +import { renderList_unstable } from '@fluentui/react-list'; import { renderListbox_unstable } from '@fluentui/react-combobox'; +import { renderListItem_unstable } from '@fluentui/react-list'; import { renderMenu_unstable } from '@fluentui/react-menu'; import { renderMenuButton_unstable } from '@fluentui/react-button'; import { renderMenuDivider_unstable } from '@fluentui/react-menu'; @@ -1552,10 +1564,14 @@ import { useLabelStyles_unstable } from '@fluentui/react-label'; import { useLink_unstable } from '@fluentui/react-link'; import { useLinkState_unstable } from '@fluentui/react-link'; import { useLinkStyles_unstable } from '@fluentui/react-link'; +import { useList_unstable } from '@fluentui/react-list'; import { useListbox_unstable } from '@fluentui/react-combobox'; import { useListboxContext_unstable } from '@fluentui/react-combobox'; import { useListboxContextValues } from '@fluentui/react-combobox'; import { useListboxStyles_unstable } from '@fluentui/react-combobox'; +import { useListItem_unstable } from '@fluentui/react-list'; +import { useListItemStyles_unstable } from '@fluentui/react-list'; +import { useListStyles_unstable } from '@fluentui/react-list'; import { useMenu_unstable } from '@fluentui/react-menu'; import { useMenuButton_unstable } from '@fluentui/react-button'; import { useMenuButtonStyles_unstable } from '@fluentui/react-button'; @@ -2792,6 +2808,8 @@ export { LinkSlots } export { LinkState } +export { List } + export { Listbox } export { listboxClassNames } @@ -2808,6 +2826,24 @@ export { ListboxSlots } export { ListboxState } +export { listClassNames } + +export { ListItem } + +export { listItemClassNames } + +export { ListItemProps } + +export { ListItemSlots } + +export { ListItemState } + +export { ListProps } + +export { ListSlots } + +export { ListState } + export { makeResetStyles } export { makeStaticStyles } @@ -3432,8 +3468,12 @@ export { renderLabel_unstable } export { renderLink_unstable } +export { renderList_unstable } + export { renderListbox_unstable } +export { renderListItem_unstable } + export { renderMenu_unstable } export { renderMenuButton_unstable } @@ -4904,6 +4944,8 @@ export { useLinkState_unstable } export { useLinkStyles_unstable } +export { useList_unstable } + export { useListbox_unstable } export { useListboxContext_unstable } @@ -4912,6 +4954,12 @@ export { useListboxContextValues } export { useListboxStyles_unstable } +export { useListItem_unstable } + +export { useListItemStyles_unstable } + +export { useListStyles_unstable } + export { useMenu_unstable } export { useMenuButton_unstable } diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index e42abbab8693ea..31bae180dbfcec 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -74,7 +74,8 @@ "@fluentui/react-teaching-popover": "^9.1.22", "@fluentui/react-tag-picker": "^9.3.9", "@fluentui/react-motion": "^9.6.2", - "@fluentui/react-carousel": "^9.4.0" + "@fluentui/react-carousel": "^9.4.0", + "@fluentui/react-list": "9.0.0-alpha.0" }, "peerDependencies": { "@types/react": ">=16.14.0 <19.0.0", diff --git a/packages/react-components/react-components/src/index.ts b/packages/react-components/react-components/src/index.ts index 7cea93285e621e..dc4d8fbed60524 100644 --- a/packages/react-components/react-components/src/index.ts +++ b/packages/react-components/react-components/src/index.ts @@ -1979,3 +1979,24 @@ export type { CarouselViewportSlots, CarouselViewportState, } from '@fluentui/react-carousel'; + +export { + List, + listClassNames, + renderList_unstable, + useListStyles_unstable, + useList_unstable, + ListItem, + listItemClassNames, + renderListItem_unstable, + useListItemStyles_unstable, + useListItem_unstable, +} from '@fluentui/react-list'; +export type { + ListProps, + ListSlots, + ListState, + ListItemProps, + ListItemSlots, + ListItemState, +} from '@fluentui/react-list'; diff --git a/packages/react-components/react-list-preview/stories/README.md b/packages/react-components/react-list-preview/stories/README.md deleted file mode 100644 index c2f763eb66e360..00000000000000 --- a/packages/react-components/react-list-preview/stories/README.md +++ /dev/null @@ -1,17 +0,0 @@ -# @fluentui/react-list-preview-stories - -Storybook stories for packages/react-components/react-list-preview - -## Usage - -To include within storybook specify stories globs: - -\`\`\`js -module.exports = { -stories: ['../packages/react-components/react-list-preview/stories/src/**/*.stories.mdx', '../packages/react-components/react-list-preview/stories/src/**/index.stories.@(ts|tsx)'], -} -\`\`\` - -## API - -no public API available diff --git a/packages/react-components/react-list-preview/library/.babelrc.json b/packages/react-components/react-list/library/.babelrc.json similarity index 100% rename from packages/react-components/react-list-preview/library/.babelrc.json rename to packages/react-components/react-list/library/.babelrc.json diff --git a/packages/react-components/react-list-preview/library/.eslintrc.json b/packages/react-components/react-list/library/.eslintrc.json similarity index 100% rename from packages/react-components/react-list-preview/library/.eslintrc.json rename to packages/react-components/react-list/library/.eslintrc.json diff --git a/packages/react-components/react-list-preview/library/.swcrc b/packages/react-components/react-list/library/.swcrc similarity index 100% rename from packages/react-components/react-list-preview/library/.swcrc rename to packages/react-components/react-list/library/.swcrc diff --git a/packages/react-components/react-list-preview/library/CHANGELOG.json b/packages/react-components/react-list/library/CHANGELOG.json similarity index 100% rename from packages/react-components/react-list-preview/library/CHANGELOG.json rename to packages/react-components/react-list/library/CHANGELOG.json diff --git a/packages/react-components/react-list-preview/library/CHANGELOG.md b/packages/react-components/react-list/library/CHANGELOG.md similarity index 97% rename from packages/react-components/react-list-preview/library/CHANGELOG.md rename to packages/react-components/react-list/library/CHANGELOG.md index 6ea1c28d3f3f8c..e4c32f622940ce 100644 --- a/packages/react-components/react-list-preview/library/CHANGELOG.md +++ b/packages/react-components/react-list/library/CHANGELOG.md @@ -6,7 +6,7 @@ This log was last generated on Mon, 18 Nov 2024 09:44:40 GMT and should not be m ## [0.4.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.4.1) -Mon, 18 Nov 2024 09:44:40 GMT +Mon, 18 Nov 2024 09:44:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.4.0..@fluentui/react-list-preview_v0.4.1) ### Patches @@ -15,7 +15,7 @@ Mon, 18 Nov 2024 09:44:40 GMT ## [0.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.4.0) -Mon, 11 Nov 2024 10:00:42 GMT +Mon, 11 Nov 2024 10:00:42 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.9..@fluentui/react-list-preview_v0.4.0) ### Minor changes @@ -36,7 +36,7 @@ Mon, 11 Nov 2024 10:00:42 GMT ## [0.3.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.9) -Tue, 15 Oct 2024 17:17:53 GMT +Tue, 15 Oct 2024 17:17:53 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.8..@fluentui/react-list-preview_v0.3.9) ### Patches @@ -51,7 +51,7 @@ Tue, 15 Oct 2024 17:17:53 GMT ## [0.3.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.8) -Tue, 08 Oct 2024 22:05:57 GMT +Tue, 08 Oct 2024 22:05:57 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.7..@fluentui/react-list-preview_v0.3.8) ### Patches @@ -61,7 +61,7 @@ Tue, 08 Oct 2024 22:05:57 GMT ## [0.3.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.7) -Mon, 23 Sep 2024 12:40:13 GMT +Mon, 23 Sep 2024 12:40:13 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.6..@fluentui/react-list-preview_v0.3.7) ### Patches @@ -76,7 +76,7 @@ Mon, 23 Sep 2024 12:40:13 GMT ## [0.3.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.6) -Tue, 10 Sep 2024 10:19:12 GMT +Tue, 10 Sep 2024 10:19:12 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.5..@fluentui/react-list-preview_v0.3.6) ### Patches @@ -89,7 +89,7 @@ Tue, 10 Sep 2024 10:19:12 GMT ## [0.3.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.5) -Thu, 15 Aug 2024 13:49:46 GMT +Thu, 15 Aug 2024 13:49:46 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.4..@fluentui/react-list-preview_v0.3.5) ### Patches @@ -99,7 +99,7 @@ Thu, 15 Aug 2024 13:49:46 GMT ## [0.3.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.4) -Thu, 15 Aug 2024 08:22:11 GMT +Thu, 15 Aug 2024 08:22:11 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.3..@fluentui/react-list-preview_v0.3.4) ### Patches @@ -110,7 +110,7 @@ Thu, 15 Aug 2024 08:22:11 GMT ## [0.3.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.3) -Tue, 30 Jul 2024 18:47:35 GMT +Tue, 30 Jul 2024 18:47:35 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.2..@fluentui/react-list-preview_v0.3.3) ### Patches @@ -119,7 +119,7 @@ Tue, 30 Jul 2024 18:47:35 GMT ## [0.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.2) -Tue, 23 Jul 2024 20:13:14 GMT +Tue, 23 Jul 2024 20:13:14 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.1..@fluentui/react-list-preview_v0.3.2) ### Patches @@ -133,7 +133,7 @@ Tue, 23 Jul 2024 20:13:14 GMT ## [0.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.1) -Mon, 15 Jul 2024 17:25:33 GMT +Mon, 15 Jul 2024 17:25:33 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.3.0..@fluentui/react-list-preview_v0.3.1) ### Patches @@ -148,7 +148,7 @@ Mon, 15 Jul 2024 17:25:33 GMT ## [0.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.3.0) -Mon, 01 Jul 2024 20:30:52 GMT +Mon, 01 Jul 2024 20:30:52 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.9..@fluentui/react-list-preview_v0.3.0) ### Minor changes @@ -166,7 +166,7 @@ Mon, 01 Jul 2024 20:30:52 GMT ## [0.2.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.9) -Mon, 17 Jun 2024 07:34:17 GMT +Mon, 17 Jun 2024 07:34:17 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.8..@fluentui/react-list-preview_v0.2.9) ### Patches @@ -177,7 +177,7 @@ Mon, 17 Jun 2024 07:34:17 GMT ## [0.2.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-list-preview_v0.2.8) -Thu, 06 Jun 2024 15:26:34 GMT +Thu, 06 Jun 2024 15:26:34 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-list-preview_v0.2.7..@fluentui/react-list-preview_v0.2.8) ### Patches diff --git a/packages/react-components/react-list-preview/library/LICENSE b/packages/react-components/react-list/library/LICENSE similarity index 97% rename from packages/react-components/react-list-preview/library/LICENSE rename to packages/react-components/react-list/library/LICENSE index 1a85f39e0650b8..1f57f4220e6380 100644 --- a/packages/react-components/react-list-preview/library/LICENSE +++ b/packages/react-components/react-list/library/LICENSE @@ -1,4 +1,4 @@ -@fluentui/react-list-preview +@fluentui/react-list Copyright (c) Microsoft Corporation diff --git a/packages/react-components/react-list-preview/library/README.md b/packages/react-components/react-list/library/README.md similarity index 89% rename from packages/react-components/react-list-preview/library/README.md rename to packages/react-components/react-list/library/README.md index 839279aca3d3b6..fed8f352b5a689 100644 --- a/packages/react-components/react-list-preview/library/README.md +++ b/packages/react-components/react-list/library/README.md @@ -1,4 +1,4 @@ -# @fluentui/react-list-preview +# @fluentui/react-list **React List components for [Fluent UI React](https://react.fluentui.dev/)** diff --git a/packages/react-components/react-list-preview/library/bundle-size/List.fixture.js b/packages/react-components/react-list/library/bundle-size/List.fixture.js similarity index 51% rename from packages/react-components/react-list-preview/library/bundle-size/List.fixture.js rename to packages/react-components/react-list/library/bundle-size/List.fixture.js index 2a0958ef57b143..bbf6ca451ffd83 100644 --- a/packages/react-components/react-list-preview/library/bundle-size/List.fixture.js +++ b/packages/react-components/react-list/library/bundle-size/List.fixture.js @@ -1,4 +1,4 @@ -import { List } from '@fluentui/react-list-preview'; +import { List } from '@fluentui/react-list'; console.log(List); diff --git a/packages/react-components/react-list-preview/library/bundle-size/ListItem.fixture.js b/packages/react-components/react-list/library/bundle-size/ListItem.fixture.js similarity index 53% rename from packages/react-components/react-list-preview/library/bundle-size/ListItem.fixture.js rename to packages/react-components/react-list/library/bundle-size/ListItem.fixture.js index 7dad316a48c29c..bb2a2b5cf76b4a 100644 --- a/packages/react-components/react-list-preview/library/bundle-size/ListItem.fixture.js +++ b/packages/react-components/react-list/library/bundle-size/ListItem.fixture.js @@ -1,4 +1,4 @@ -import { ListItem } from '@fluentui/react-list-preview'; +import { ListItem } from '@fluentui/react-list'; console.log(ListItem); diff --git a/packages/react-components/react-list-preview/library/config/api-extractor.json b/packages/react-components/react-list/library/config/api-extractor.json similarity index 100% rename from packages/react-components/react-list-preview/library/config/api-extractor.json rename to packages/react-components/react-list/library/config/api-extractor.json diff --git a/packages/react-components/react-list-preview/library/config/tests.js b/packages/react-components/react-list/library/config/tests.js similarity index 100% rename from packages/react-components/react-list-preview/library/config/tests.js rename to packages/react-components/react-list/library/config/tests.js diff --git a/packages/react-components/react-list-preview/library/cypress.config.ts b/packages/react-components/react-list/library/cypress.config.ts similarity index 100% rename from packages/react-components/react-list-preview/library/cypress.config.ts rename to packages/react-components/react-list/library/cypress.config.ts diff --git a/packages/react-components/react-list-preview/library/docs/ListA11y.md b/packages/react-components/react-list/library/docs/ListA11y.md similarity index 100% rename from packages/react-components/react-list-preview/library/docs/ListA11y.md rename to packages/react-components/react-list/library/docs/ListA11y.md diff --git a/packages/react-components/react-list-preview/library/docs/MIGRATION.md b/packages/react-components/react-list/library/docs/MIGRATION.md similarity index 100% rename from packages/react-components/react-list-preview/library/docs/MIGRATION.md rename to packages/react-components/react-list/library/docs/MIGRATION.md diff --git a/packages/react-components/react-list-preview/library/docs/Spec.md b/packages/react-components/react-list/library/docs/Spec.md similarity index 99% rename from packages/react-components/react-list-preview/library/docs/Spec.md rename to packages/react-components/react-list/library/docs/Spec.md index 81e9a80d2a9860..5fac7c3e69b88d 100644 --- a/packages/react-components/react-list-preview/library/docs/Spec.md +++ b/packages/react-components/react-list/library/docs/Spec.md @@ -1,4 +1,4 @@ -# @fluentui/react-list-preview Spec +# @fluentui/react-list Spec ## Background diff --git a/packages/react-components/react-list-preview/library/etc/react-list-preview.api.md b/packages/react-components/react-list/library/etc/react-list.api.md similarity index 98% rename from packages/react-components/react-list-preview/library/etc/react-list-preview.api.md rename to packages/react-components/react-list/library/etc/react-list.api.md index 773fd117ad1c4b..2ff7019a5bcdb5 100644 --- a/packages/react-components/react-list-preview/library/etc/react-list-preview.api.md +++ b/packages/react-components/react-list/library/etc/react-list.api.md @@ -1,4 +1,4 @@ -## API Report File for "@fluentui/react-list-preview" +## API Report File for "@fluentui/react-list" > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). diff --git a/packages/react-components/react-list-preview/library/jest.config.js b/packages/react-components/react-list/library/jest.config.js similarity index 97% rename from packages/react-components/react-list-preview/library/jest.config.js rename to packages/react-components/react-list/library/jest.config.js index f6333c979a2ced..b8b9f61ddfbf82 100644 --- a/packages/react-components/react-list-preview/library/jest.config.js +++ b/packages/react-components/react-list/library/jest.config.js @@ -23,7 +23,7 @@ if (swcJestConfig.swcrc === undefined) { * @type {import('@jest/types').Config.InitialOptions} */ module.exports = { - displayName: 'react-list-preview', + displayName: 'react-list', preset: '../../../../jest.preset.js', transform: { '^.+\\.tsx?$': ['@swc/jest', swcJestConfig], diff --git a/packages/react-components/react-list-preview/library/package.json b/packages/react-components/react-list/library/package.json similarity index 96% rename from packages/react-components/react-list-preview/library/package.json rename to packages/react-components/react-list/library/package.json index 71add2470da621..b3d317b45e4c07 100644 --- a/packages/react-components/react-list-preview/library/package.json +++ b/packages/react-components/react-list/library/package.json @@ -1,6 +1,6 @@ { - "name": "@fluentui/react-list-preview", - "version": "0.4.1", + "name": "@fluentui/react-list", + "version": "9.0.0-alpha.0", "description": "React List v9", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-list-preview/library/project.json b/packages/react-components/react-list/library/project.json similarity index 61% rename from packages/react-components/react-list-preview/library/project.json rename to packages/react-components/react-list/library/project.json index 240928152922b7..33aebf7aed8a69 100644 --- a/packages/react-components/react-list-preview/library/project.json +++ b/packages/react-components/react-list/library/project.json @@ -1,8 +1,8 @@ { - "name": "react-list-preview", + "name": "react-list", "$schema": "../../../../node_modules/nx/schemas/project-schema.json", "projectType": "library", - "sourceRoot": "packages/react-components/react-list-preview/library/src", + "sourceRoot": "packages/react-components/react-list/library/src", "tags": ["platform:web", "vNext"], "implicitDependencies": [] } diff --git a/packages/react-components/react-list-preview/library/src/List.ts b/packages/react-components/react-list/library/src/List.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/List.ts rename to packages/react-components/react-list/library/src/List.ts diff --git a/packages/react-components/react-list-preview/library/src/ListItem.ts b/packages/react-components/react-list/library/src/ListItem.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/ListItem.ts rename to packages/react-components/react-list/library/src/ListItem.ts diff --git a/packages/react-components/react-list-preview/library/src/components/List/List.cy.tsx b/packages/react-components/react-list/library/src/components/List/List.cy.tsx similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/List/List.cy.tsx rename to packages/react-components/react-list/library/src/components/List/List.cy.tsx diff --git a/packages/react-components/react-list-preview/library/src/components/List/List.test.tsx b/packages/react-components/react-list/library/src/components/List/List.test.tsx similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/List/List.test.tsx rename to packages/react-components/react-list/library/src/components/List/List.test.tsx diff --git a/packages/react-components/react-list-preview/library/src/components/List/List.tsx b/packages/react-components/react-list/library/src/components/List/List.tsx similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/List/List.tsx rename to packages/react-components/react-list/library/src/components/List/List.tsx diff --git a/packages/react-components/react-list-preview/library/src/components/List/List.types.ts b/packages/react-components/react-list/library/src/components/List/List.types.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/List/List.types.ts rename to packages/react-components/react-list/library/src/components/List/List.types.ts diff --git a/packages/react-components/react-list-preview/library/src/components/List/__snapshots__/List.test.tsx.snap b/packages/react-components/react-list/library/src/components/List/__snapshots__/List.test.tsx.snap similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/List/__snapshots__/List.test.tsx.snap rename to packages/react-components/react-list/library/src/components/List/__snapshots__/List.test.tsx.snap diff --git a/packages/react-components/react-list-preview/library/src/components/List/index.ts b/packages/react-components/react-list/library/src/components/List/index.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/List/index.ts rename to packages/react-components/react-list/library/src/components/List/index.ts diff --git a/packages/react-components/react-list-preview/library/src/components/List/listContext.ts b/packages/react-components/react-list/library/src/components/List/listContext.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/List/listContext.ts rename to packages/react-components/react-list/library/src/components/List/listContext.ts diff --git a/packages/react-components/react-list-preview/library/src/components/List/renderList.tsx b/packages/react-components/react-list/library/src/components/List/renderList.tsx similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/List/renderList.tsx rename to packages/react-components/react-list/library/src/components/List/renderList.tsx diff --git a/packages/react-components/react-list-preview/library/src/components/List/useList.ts b/packages/react-components/react-list/library/src/components/List/useList.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/List/useList.ts rename to packages/react-components/react-list/library/src/components/List/useList.ts diff --git a/packages/react-components/react-list-preview/library/src/components/List/useListContextValues.ts b/packages/react-components/react-list/library/src/components/List/useListContextValues.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/List/useListContextValues.ts rename to packages/react-components/react-list/library/src/components/List/useListContextValues.ts diff --git a/packages/react-components/react-list-preview/library/src/components/List/useListStyles.styles.ts b/packages/react-components/react-list/library/src/components/List/useListStyles.styles.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/List/useListStyles.styles.ts rename to packages/react-components/react-list/library/src/components/List/useListStyles.styles.ts diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.test.tsx b/packages/react-components/react-list/library/src/components/ListItem/ListItem.test.tsx similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.test.tsx rename to packages/react-components/react-list/library/src/components/ListItem/ListItem.test.tsx diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.tsx b/packages/react-components/react-list/library/src/components/ListItem/ListItem.tsx similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.tsx rename to packages/react-components/react-list/library/src/components/ListItem/ListItem.tsx diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.types.ts b/packages/react-components/react-list/library/src/components/ListItem/ListItem.types.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/ListItem/ListItem.types.ts rename to packages/react-components/react-list/library/src/components/ListItem/ListItem.types.ts diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/__snapshots__/ListItem.test.tsx.snap b/packages/react-components/react-list/library/src/components/ListItem/__snapshots__/ListItem.test.tsx.snap similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/ListItem/__snapshots__/ListItem.test.tsx.snap rename to packages/react-components/react-list/library/src/components/ListItem/__snapshots__/ListItem.test.tsx.snap diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/index.ts b/packages/react-components/react-list/library/src/components/ListItem/index.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/ListItem/index.ts rename to packages/react-components/react-list/library/src/components/ListItem/index.ts diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/renderListItem.tsx b/packages/react-components/react-list/library/src/components/ListItem/renderListItem.tsx similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/ListItem/renderListItem.tsx rename to packages/react-components/react-list/library/src/components/ListItem/renderListItem.tsx diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/useListItem.tsx b/packages/react-components/react-list/library/src/components/ListItem/useListItem.tsx similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/ListItem/useListItem.tsx rename to packages/react-components/react-list/library/src/components/ListItem/useListItem.tsx diff --git a/packages/react-components/react-list-preview/library/src/components/ListItem/useListItemStyles.styles.ts b/packages/react-components/react-list/library/src/components/ListItem/useListItemStyles.styles.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/components/ListItem/useListItemStyles.styles.ts rename to packages/react-components/react-list/library/src/components/ListItem/useListItemStyles.styles.ts diff --git a/packages/react-components/react-list-preview/library/src/events/ListItemActionEvent.ts b/packages/react-components/react-list/library/src/events/ListItemActionEvent.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/events/ListItemActionEvent.ts rename to packages/react-components/react-list/library/src/events/ListItemActionEvent.ts diff --git a/packages/react-components/react-list-preview/library/src/hooks/index.ts b/packages/react-components/react-list/library/src/hooks/index.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/hooks/index.ts rename to packages/react-components/react-list/library/src/hooks/index.ts diff --git a/packages/react-components/react-list-preview/library/src/hooks/types.ts b/packages/react-components/react-list/library/src/hooks/types.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/hooks/types.ts rename to packages/react-components/react-list/library/src/hooks/types.ts diff --git a/packages/react-components/react-list-preview/library/src/hooks/useListSelection.tsx b/packages/react-components/react-list/library/src/hooks/useListSelection.tsx similarity index 100% rename from packages/react-components/react-list-preview/library/src/hooks/useListSelection.tsx rename to packages/react-components/react-list/library/src/hooks/useListSelection.tsx diff --git a/packages/react-components/react-list-preview/library/src/index.ts b/packages/react-components/react-list/library/src/index.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/index.ts rename to packages/react-components/react-list/library/src/index.ts diff --git a/packages/react-components/react-list-preview/library/src/testing/isConformant.ts b/packages/react-components/react-list/library/src/testing/isConformant.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/testing/isConformant.ts rename to packages/react-components/react-list/library/src/testing/isConformant.ts diff --git a/packages/react-components/react-list-preview/library/src/utils/calculateListItemRoleForListRole.ts b/packages/react-components/react-list/library/src/utils/calculateListItemRoleForListRole.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/utils/calculateListItemRoleForListRole.ts rename to packages/react-components/react-list/library/src/utils/calculateListItemRoleForListRole.ts diff --git a/packages/react-components/react-list-preview/library/src/utils/calculateListRole.ts b/packages/react-components/react-list/library/src/utils/calculateListRole.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/utils/calculateListRole.ts rename to packages/react-components/react-list/library/src/utils/calculateListRole.ts diff --git a/packages/react-components/react-list-preview/library/src/utils/index.ts b/packages/react-components/react-list/library/src/utils/index.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/utils/index.ts rename to packages/react-components/react-list/library/src/utils/index.ts diff --git a/packages/react-components/react-list-preview/library/src/utils/validateGridCellsArePresent.ts b/packages/react-components/react-list/library/src/utils/validateGridCellsArePresent.ts similarity index 74% rename from packages/react-components/react-list-preview/library/src/utils/validateGridCellsArePresent.ts rename to packages/react-components/react-list/library/src/utils/validateGridCellsArePresent.ts index 5ca4178c27af4c..abc773e499d142 100644 --- a/packages/react-components/react-list-preview/library/src/utils/validateGridCellsArePresent.ts +++ b/packages/react-components/react-list/library/src/utils/validateGridCellsArePresent.ts @@ -14,7 +14,7 @@ export const validateGridCellsArePresent = (listRole: string, listItemEl: HTMLEl if (gridCells.length === 0) { //eslint-disable-next-line no-console console.warn( - `@fluentui/react-list-preview [useList]:\nList items in List with "grid" role (which is automatically assigned when navigationMode is set to "composite") must contain at least one "gridcell" as direct child of for proper screen reader support.`, + `@fluentui/react-list [useList]:\nList items in List with "grid" role (which is automatically assigned when navigationMode is set to "composite") must contain at least one "gridcell" as direct child of for proper screen reader support.`, `Ideally, each focus target should be in it's own "gridcell", which is a direct child of .\n`, ); } diff --git a/packages/react-components/react-list-preview/library/src/utils/validateProperElementTypes.ts b/packages/react-components/react-list/library/src/utils/validateProperElementTypes.ts similarity index 100% rename from packages/react-components/react-list-preview/library/src/utils/validateProperElementTypes.ts rename to packages/react-components/react-list/library/src/utils/validateProperElementTypes.ts diff --git a/packages/react-components/react-list-preview/library/src/utils/validateProperRolesAreUsed.ts b/packages/react-components/react-list/library/src/utils/validateProperRolesAreUsed.ts similarity index 81% rename from packages/react-components/react-list-preview/library/src/utils/validateProperRolesAreUsed.ts rename to packages/react-components/react-list/library/src/utils/validateProperRolesAreUsed.ts index 4e8c8cbfae0c31..3210c91aeb555c 100644 --- a/packages/react-components/react-list-preview/library/src/utils/validateProperRolesAreUsed.ts +++ b/packages/react-components/react-list/library/src/utils/validateProperRolesAreUsed.ts @@ -39,7 +39,7 @@ export const validateProperRolesAreUsed = ( if (role !== expectedRole) { /* eslint-disable-next-line no-console */ - console.warn(`@fluentui/react-list-preview [useList]:\nThe role "${role}" does not match the expected role "${expectedRole}".\nPlease use the "navigationMode" property for automatic role assignment and keyboard navigation.\nIf you are using this role intentionally, make sure to verify screen reader support. + console.warn(`@fluentui/react-list [useList]:\nThe role "${role}" does not match the expected role "${expectedRole}".\nPlease use the "navigationMode" property for automatic role assignment and keyboard navigation.\nIf you are using this role intentionally, make sure to verify screen reader support. `); } }; diff --git a/packages/react-components/react-list-preview/library/tsconfig.cy.json b/packages/react-components/react-list/library/tsconfig.cy.json similarity index 100% rename from packages/react-components/react-list-preview/library/tsconfig.cy.json rename to packages/react-components/react-list/library/tsconfig.cy.json diff --git a/packages/react-components/react-list-preview/library/tsconfig.json b/packages/react-components/react-list/library/tsconfig.json similarity index 100% rename from packages/react-components/react-list-preview/library/tsconfig.json rename to packages/react-components/react-list/library/tsconfig.json diff --git a/packages/react-components/react-list-preview/library/tsconfig.lib.json b/packages/react-components/react-list/library/tsconfig.lib.json similarity index 100% rename from packages/react-components/react-list-preview/library/tsconfig.lib.json rename to packages/react-components/react-list/library/tsconfig.lib.json diff --git a/packages/react-components/react-list-preview/library/tsconfig.spec.json b/packages/react-components/react-list/library/tsconfig.spec.json similarity index 100% rename from packages/react-components/react-list-preview/library/tsconfig.spec.json rename to packages/react-components/react-list/library/tsconfig.spec.json diff --git a/packages/react-components/react-list-preview/stories/.eslintrc.json b/packages/react-components/react-list/stories/.eslintrc.json similarity index 100% rename from packages/react-components/react-list-preview/stories/.eslintrc.json rename to packages/react-components/react-list/stories/.eslintrc.json diff --git a/packages/react-components/react-list-preview/stories/.storybook/main.js b/packages/react-components/react-list/stories/.storybook/main.js similarity index 100% rename from packages/react-components/react-list-preview/stories/.storybook/main.js rename to packages/react-components/react-list/stories/.storybook/main.js diff --git a/packages/react-components/react-list-preview/stories/.storybook/preview.js b/packages/react-components/react-list/stories/.storybook/preview.js similarity index 100% rename from packages/react-components/react-list-preview/stories/.storybook/preview.js rename to packages/react-components/react-list/stories/.storybook/preview.js diff --git a/packages/react-components/react-list-preview/stories/.storybook/tsconfig.json b/packages/react-components/react-list/stories/.storybook/tsconfig.json similarity index 100% rename from packages/react-components/react-list-preview/stories/.storybook/tsconfig.json rename to packages/react-components/react-list/stories/.storybook/tsconfig.json diff --git a/packages/react-components/react-list/stories/README.md b/packages/react-components/react-list/stories/README.md new file mode 100644 index 00000000000000..2b6ee1be8d78e9 --- /dev/null +++ b/packages/react-components/react-list/stories/README.md @@ -0,0 +1,17 @@ +# @fluentui/react-list-stories + +Storybook stories for packages/react-components/react-list + +## Usage + +To include within storybook specify stories globs: + +\`\`\`js +module.exports = { +stories: ['../packages/react-components/react-list/stories/src/**/*.stories.mdx', '../packages/react-components/react-list/stories/src/**/index.stories.@(ts|tsx)'], +} +\`\`\` + +## API + +no public API available diff --git a/packages/react-components/react-list-preview/stories/package.json b/packages/react-components/react-list/stories/package.json similarity index 76% rename from packages/react-components/react-list-preview/stories/package.json rename to packages/react-components/react-list/stories/package.json index 3a53d0878de0aa..dbfdc3b711cf52 100644 --- a/packages/react-components/react-list-preview/stories/package.json +++ b/packages/react-components/react-list/stories/package.json @@ -1,10 +1,9 @@ { - "name": "@fluentui/react-list-preview-stories", + "name": "@fluentui/react-list-stories", "version": "0.0.0", "private": true, "devDependencies": { "@fluentui/react-components": "*", - "@fluentui/react-list-preview": "*", "@fluentui/react-storybook-addon": "*", "@fluentui/react-storybook-addon-export-to-sandbox": "*", "@fluentui/scripts-storybook": "*", diff --git a/packages/react-components/react-list-preview/stories/project.json b/packages/react-components/react-list/stories/project.json similarity index 61% rename from packages/react-components/react-list-preview/stories/project.json rename to packages/react-components/react-list/stories/project.json index 2682fd6d16d5cc..90413e9e4abe5b 100644 --- a/packages/react-components/react-list-preview/stories/project.json +++ b/packages/react-components/react-list/stories/project.json @@ -1,8 +1,8 @@ { - "name": "react-list-preview-stories", + "name": "react-list-stories", "$schema": "../../../../node_modules/nx/schemas/project-schema.json", "projectType": "library", - "sourceRoot": "packages/react-components/react-list-preview/stories/src", + "sourceRoot": "packages/react-components/react-list/stories/src", "tags": ["vNext", "platform:web", "type:stories"], "implicitDependencies": [] } diff --git a/packages/react-components/react-list-preview/stories/src/List/ListActiveElement.stories.tsx b/packages/react-components/react-list/stories/src/List/ListActiveElement.stories.tsx similarity index 98% rename from packages/react-components/react-list-preview/stories/src/List/ListActiveElement.stories.tsx rename to packages/react-components/react-list/stories/src/List/ListActiveElement.stories.tsx index 1ed9c1d973ac32..e957fc8968226c 100644 --- a/packages/react-components/react-list-preview/stories/src/List/ListActiveElement.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/ListActiveElement.stories.tsx @@ -1,6 +1,6 @@ import { Button, makeStyles, Persona, mergeClasses, Text, tokens, SelectionItemId } from '@fluentui/react-components'; import { Mic16Regular } from '@fluentui/react-icons'; -import { List, ListItem } from '@fluentui/react-list-preview'; +import { List, ListItem } from '@fluentui/react-components'; import * as React from 'react'; diff --git a/packages/react-components/react-list-preview/stories/src/List/ListBestPractices.md b/packages/react-components/react-list/stories/src/List/ListBestPractices.md similarity index 100% rename from packages/react-components/react-list-preview/stories/src/List/ListBestPractices.md rename to packages/react-components/react-list/stories/src/List/ListBestPractices.md diff --git a/packages/react-components/react-list-preview/stories/src/List/ListDefault.stories.tsx b/packages/react-components/react-list/stories/src/List/ListDefault.stories.tsx similarity index 93% rename from packages/react-components/react-list-preview/stories/src/List/ListDefault.stories.tsx rename to packages/react-components/react-list/stories/src/List/ListDefault.stories.tsx index 243bc294a05e30..5d62c69ba78bd9 100644 --- a/packages/react-components/react-list-preview/stories/src/List/ListDefault.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/ListDefault.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { List, ListItem } from '@fluentui/react-list-preview'; +import { List, ListItem } from '@fluentui/react-components'; import { tokens, Text, makeResetStyles } from '@fluentui/react-components'; const useTextStyle = makeResetStyles({ diff --git a/packages/react-components/react-list-preview/stories/src/List/ListDescription.md b/packages/react-components/react-list/stories/src/List/ListDescription.md similarity index 100% rename from packages/react-components/react-list-preview/stories/src/List/ListDescription.md rename to packages/react-components/react-list/stories/src/List/ListDescription.md diff --git a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx b/packages/react-components/react-list/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx similarity index 98% rename from packages/react-components/react-list-preview/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx rename to packages/react-components/react-list/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx index 20c6801f2176f0..167701a80b7679 100644 --- a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/MultipleActionsDifferentPrimary.stories.tsx @@ -14,7 +14,7 @@ import { tokens, } from '@fluentui/react-components'; import { MoreHorizontal20Regular } from '@fluentui/react-icons'; -import { List, ListItem } from '@fluentui/react-list-preview'; +import { List, ListItem } from '@fluentui/react-components'; import * as React from 'react'; diff --git a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsSelection.stories.tsx b/packages/react-components/react-list/stories/src/List/MultipleActionsSelection.stories.tsx similarity index 98% rename from packages/react-components/react-list-preview/stories/src/List/MultipleActionsSelection.stories.tsx rename to packages/react-components/react-list/stories/src/List/MultipleActionsSelection.stories.tsx index 6422dc905ded08..d9860a8907a3fd 100644 --- a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsSelection.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/MultipleActionsSelection.stories.tsx @@ -14,7 +14,7 @@ import { tokens, } from '@fluentui/react-components'; import { MoreHorizontal20Regular } from '@fluentui/react-icons'; -import { List, ListItem } from '@fluentui/react-list-preview'; +import { List, ListItem } from '@fluentui/react-components'; import * as React from 'react'; diff --git a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsWithPrimary.stories.tsx b/packages/react-components/react-list/stories/src/List/MultipleActionsWithPrimary.stories.tsx similarity index 98% rename from packages/react-components/react-list-preview/stories/src/List/MultipleActionsWithPrimary.stories.tsx rename to packages/react-components/react-list/stories/src/List/MultipleActionsWithPrimary.stories.tsx index d2aa92f59727c8..9593b1ec20b24b 100644 --- a/packages/react-components/react-list-preview/stories/src/List/MultipleActionsWithPrimary.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/MultipleActionsWithPrimary.stories.tsx @@ -14,7 +14,7 @@ import { tokens, } from '@fluentui/react-components'; import { MoreHorizontal20Regular } from '@fluentui/react-icons'; -import { List, ListItem } from '@fluentui/react-list-preview'; +import { List, ListItem } from '@fluentui/react-components'; import * as React from 'react'; diff --git a/packages/react-components/react-list-preview/stories/src/List/SingleAction.stories.tsx b/packages/react-components/react-list/stories/src/List/SingleAction.stories.tsx similarity index 95% rename from packages/react-components/react-list-preview/stories/src/List/SingleAction.stories.tsx rename to packages/react-components/react-list/stories/src/List/SingleAction.stories.tsx index ca9ceb5993c53b..f10c2dabfce9be 100644 --- a/packages/react-components/react-list-preview/stories/src/List/SingleAction.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/SingleAction.stories.tsx @@ -1,5 +1,5 @@ import { Persona } from '@fluentui/react-components'; -import { List, ListItem } from '@fluentui/react-list-preview'; +import { List, ListItem } from '@fluentui/react-components'; import * as React from 'react'; diff --git a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelection.stories.tsx b/packages/react-components/react-list/stories/src/List/SingleActionSelection.stories.tsx similarity index 96% rename from packages/react-components/react-list-preview/stories/src/List/SingleActionSelection.stories.tsx rename to packages/react-components/react-list/stories/src/List/SingleActionSelection.stories.tsx index d034389afe4120..d07fee97c764be 100644 --- a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelection.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/SingleActionSelection.stories.tsx @@ -1,5 +1,5 @@ import { Persona } from '@fluentui/react-components'; -import { List, ListItem } from '@fluentui/react-list-preview'; +import { List, ListItem } from '@fluentui/react-components'; import * as React from 'react'; diff --git a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionControlled.stories.tsx b/packages/react-components/react-list/stories/src/List/SingleActionSelectionControlled.stories.tsx similarity index 97% rename from packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionControlled.stories.tsx rename to packages/react-components/react-list/stories/src/List/SingleActionSelectionControlled.stories.tsx index ab0e54d2c9dab5..4321135382adb4 100644 --- a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionControlled.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/SingleActionSelectionControlled.stories.tsx @@ -1,5 +1,5 @@ import { Button, makeStyles, Persona, SelectionItemId } from '@fluentui/react-components'; -import { List, ListItem } from '@fluentui/react-list-preview'; +import { List, ListItem } from '@fluentui/react-components'; import * as React from 'react'; diff --git a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx b/packages/react-components/react-list/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx similarity index 97% rename from packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx rename to packages/react-components/react-list/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx index d352c3d4a9757d..d73951698ab15b 100644 --- a/packages/react-components/react-list-preview/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/SingleActionSelectionDifferentPrimary.stories.tsx @@ -1,5 +1,5 @@ import { Persona, SelectionItemId } from '@fluentui/react-components'; -import { List, ListItem } from '@fluentui/react-list-preview'; +import { List, ListItem } from '@fluentui/react-components'; import * as React from 'react'; diff --git a/packages/react-components/react-list-preview/stories/src/List/VirtualizedList.stories.tsx b/packages/react-components/react-list/stories/src/List/VirtualizedList.stories.tsx similarity index 98% rename from packages/react-components/react-list-preview/stories/src/List/VirtualizedList.stories.tsx rename to packages/react-components/react-list/stories/src/List/VirtualizedList.stories.tsx index eb78c2ca347c7d..9ba6e0a7ef75b8 100644 --- a/packages/react-components/react-list-preview/stories/src/List/VirtualizedList.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/VirtualizedList.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { FixedSizeList } from 'react-window'; -import { List, ListItem } from '@fluentui/react-list-preview'; +import { List, ListItem } from '@fluentui/react-components'; import { tokens, Text, makeResetStyles } from '@fluentui/react-components'; const countries = [ diff --git a/packages/react-components/react-list-preview/stories/src/List/VirtualizedListWithActionableItems.stories.tsx b/packages/react-components/react-list/stories/src/List/VirtualizedListWithActionableItems.stories.tsx similarity index 98% rename from packages/react-components/react-list-preview/stories/src/List/VirtualizedListWithActionableItems.stories.tsx rename to packages/react-components/react-list/stories/src/List/VirtualizedListWithActionableItems.stories.tsx index 9ca56aafc5c4d6..9035e5dc4097cf 100644 --- a/packages/react-components/react-list-preview/stories/src/List/VirtualizedListWithActionableItems.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/VirtualizedListWithActionableItems.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { FixedSizeList } from 'react-window'; -import { List, ListItem } from '@fluentui/react-list-preview'; +import { List, ListItem } from '@fluentui/react-components'; import { tokens, Text, makeResetStyles } from '@fluentui/react-components'; const countries = [ diff --git a/packages/react-components/react-list-preview/stories/src/List/index.stories.tsx b/packages/react-components/react-list/stories/src/List/index.stories.tsx similarity index 92% rename from packages/react-components/react-list-preview/stories/src/List/index.stories.tsx rename to packages/react-components/react-list/stories/src/List/index.stories.tsx index a90149cbbdc23b..f5558d69783b31 100644 --- a/packages/react-components/react-list-preview/stories/src/List/index.stories.tsx +++ b/packages/react-components/react-list/stories/src/List/index.stories.tsx @@ -1,4 +1,4 @@ -import { List } from '@fluentui/react-list-preview'; +import { List } from '@fluentui/react-components'; import descriptionMd from './ListDescription.md'; import bestPracticesMd from './ListBestPractices.md'; @@ -16,7 +16,7 @@ export { VirtualizedListWithActionableItems } from './VirtualizedListWithActiona export { ListActiveElement } from './ListActiveElement.stories'; export default { - title: 'Preview Components/List', + title: 'Components/List', component: List, parameters: { docs: { diff --git a/packages/react-components/react-list-preview/stories/src/index.ts b/packages/react-components/react-list/stories/src/index.ts similarity index 100% rename from packages/react-components/react-list-preview/stories/src/index.ts rename to packages/react-components/react-list/stories/src/index.ts diff --git a/packages/react-components/react-list-preview/stories/tsconfig.json b/packages/react-components/react-list/stories/tsconfig.json similarity index 100% rename from packages/react-components/react-list-preview/stories/tsconfig.json rename to packages/react-components/react-list/stories/tsconfig.json diff --git a/packages/react-components/react-list-preview/stories/tsconfig.lib.json b/packages/react-components/react-list/stories/tsconfig.lib.json similarity index 100% rename from packages/react-components/react-list-preview/stories/tsconfig.lib.json rename to packages/react-components/react-list/stories/tsconfig.lib.json diff --git a/packages/react-components/react-virtualizer/library/etc/react-virtualizer.api.md b/packages/react-components/react-virtualizer/library/etc/react-virtualizer.api.md index 6b3c901b351b61..3bcd16bcd68144 100644 --- a/packages/react-components/react-virtualizer/library/etc/react-virtualizer.api.md +++ b/packages/react-components/react-virtualizer/library/etc/react-virtualizer.api.md @@ -6,10 +6,7 @@ import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; -import type { FC } from 'react'; -import type { MutableRefObject } from 'react'; import * as React_2 from 'react'; -import type { RefObject } from 'react'; import type { Slot } from '@fluentui/react-utilities'; import type { SlotClassNames } from '@fluentui/react-utilities'; @@ -132,7 +129,7 @@ export const useVirtualizerScrollViewStyles_unstable: (state: VirtualizerScrollV export const useVirtualizerStyles_unstable: (state: VirtualizerState) => VirtualizerState; // @public -export const Virtualizer: FC; +export const Virtualizer: React_2.FC; // @public export type VirtualizerChildRenderFunction = (index: number, isScrolling: boolean) => React_2.ReactNode; @@ -152,10 +149,10 @@ export const VirtualizerContextProvider: React_2.Provider; - nodeSizes: RefObject; + progressiveSizes: React_2.RefObject; + nodeSizes: React_2.RefObject; setFlaggedIndex: (index: number | null) => void; - currentIndex: RefObject; + currentIndex: React_2.RefObject; }; // @public (undocumented) diff --git a/tsconfig.base.all.json b/tsconfig.base.all.json index f3ec9a9fcbbf2a..259394b5d3b167 100644 --- a/tsconfig.base.all.json +++ b/tsconfig.base.all.json @@ -157,8 +157,6 @@ "@fluentui/react-label-stories": ["packages/react-components/react-label/stories/src/index.ts"], "@fluentui/react-link": ["packages/react-components/react-link/library/src/index.ts"], "@fluentui/react-link-stories": ["packages/react-components/react-link/stories/src/index.ts"], - "@fluentui/react-list-preview": ["packages/react-components/react-list-preview/library/src/index.ts"], - "@fluentui/react-list-preview-stories": ["packages/react-components/react-list-preview/stories/src/index.ts"], "@fluentui/react-menu": ["packages/react-components/react-menu/library/src/index.ts"], "@fluentui/react-menu-stories": ["packages/react-components/react-menu/stories/src/index.ts"], "@fluentui/react-message-bar": ["packages/react-components/react-message-bar/library/src/index.ts"], @@ -265,7 +263,9 @@ "@fluentui/recipes": ["packages/react-components/recipes/src/index.ts"], "@fluentui/theme-designer": ["packages/react-components/theme-designer/src/index.ts"], "@fluentui/tokens": ["packages/tokens/src/index.ts"], - "@fluentui/workspace-plugin": ["tools/workspace-plugin/src/index.ts"] + "@fluentui/workspace-plugin": ["tools/workspace-plugin/src/index.ts"], + "@fluentui/react-list-stories": ["packages/react-components/react-list/stories/src/index.ts"], + "@fluentui/react-list": ["packages/react-components/react-list/library/src/index.ts"] } } } diff --git a/tsconfig.base.json b/tsconfig.base.json index 753eb855d3f20a..8646fc887ddcb0 100644 --- a/tsconfig.base.json +++ b/tsconfig.base.json @@ -91,8 +91,8 @@ "@fluentui/react-label-stories": ["packages/react-components/react-label/stories/src/index.ts"], "@fluentui/react-link": ["packages/react-components/react-link/library/src/index.ts"], "@fluentui/react-link-stories": ["packages/react-components/react-link/stories/src/index.ts"], - "@fluentui/react-list-preview": ["packages/react-components/react-list-preview/library/src/index.ts"], - "@fluentui/react-list-preview-stories": ["packages/react-components/react-list-preview/stories/src/index.ts"], + "@fluentui/react-list": ["packages/react-components/react-list/library/src/index.ts"], + "@fluentui/react-list-stories": ["packages/react-components/react-list/stories/src/index.ts"], "@fluentui/react-menu": ["packages/react-components/react-menu/library/src/index.ts"], "@fluentui/react-menu-stories": ["packages/react-components/react-menu/stories/src/index.ts"], "@fluentui/react-message-bar": ["packages/react-components/react-message-bar/library/src/index.ts"],