From 44c0b9f00e42bbbc2f470caa9b1b88dbbf0b3844 Mon Sep 17 00:00:00 2001 From: tomi-msft <66456876+tomi-msft@users.noreply.github.com> Date: Tue, 20 Oct 2020 18:55:50 -0700 Subject: [PATCH] Rename `@uifabric/example-data` to `@fluentui/example-data` (#15618) --- apps/vr-tests/package.json | 2 +- apps/vr-tests/src/stories/ChoiceGroup.stories.tsx | 2 +- apps/vr-tests/src/stories/DocumentCard.stories.tsx | 2 +- apps/vr-tests/src/stories/Facepile.stories.tsx | 2 +- apps/vr-tests/src/stories/Icon.stories.tsx | 2 +- apps/vr-tests/src/stories/PeoplePicker.stories.tsx | 2 +- apps/vr-tests/src/stories/Persona.stories.tsx | 2 +- .../ScrollablePane.GroupedDetailsList.stories.tsx | 2 +- apps/vr-tests/src/stories/ScrollablePane.stories.tsx | 2 +- ...data-2020-10-20-16-46-25-example-data-rename.json | 8 ++++++++ ...eact-2020-10-20-16-46-25-example-data-rename.json | 8 ++++++++ ...ents-2020-10-20-16-46-25-example-data-rename.json | 8 ++++++++ ...ents-2020-10-20-16-46-25-example-data-rename.json | 8 ++++++++ ...rnal-2020-10-20-16-46-25-example-data-rename.json | 8 ++++++++ ...itor-2020-10-20-16-46-25-example-data-rename.json | 8 ++++++++ ...next-2020-10-20-16-46-25-example-data-rename.json | 8 ++++++++ ...c-example-data-2020-10-15-02-05-19-dep-fixes.json | 2 +- packages/example-data/LICENSE | 2 +- packages/example-data/README.md | 2 +- packages/example-data/etc/example-data.api.md | 2 +- packages/example-data/package.json | 2 +- packages/example-data/webpack.config.js | 2 +- packages/react-docsite-components/package.json | 2 +- .../components/CodepenComponent/CodepenComponent.tsx | 4 ++-- .../react-docsite-components/src/utilities/data.ts | 12 ++++++------ packages/react-examples/package.json | 2 +- .../react-examples/src/ComponentExamples.test.tsx | 2 +- .../components/activityitempersonas.stories.tsx | 2 +- .../src/react-cards/next/Card/Card.Teams.stories.tsx | 2 +- .../CollapsibleSection.Recursive.Example.tsx | 2 +- ...loatingPeopleSuggestions.CustomRender.Example.tsx | 2 +- .../FloatingPeopleSuggestions.Example.tsx | 2 +- .../SelectedPeopleList.Basic.DragDrop.Example.tsx | 2 +- .../SelectedPeopleList.Basic.Example.tsx | 2 +- ...lectedPeopleList.DragDropBetweenWells.Example.tsx | 2 +- .../SelectedPeopleList.WithContextMenu.Example.tsx | 2 +- .../SelectedPeopleList.WithEdit.Example.tsx | 2 +- ...ectedPeopleList.WithEditInContextMenu.Example.tsx | 2 +- .../SelectedPeopleList.WithGroupExpand.Example.tsx | 2 +- .../Signals/SignalField.Basic.Example.tsx | 2 +- .../Signals/Signals.Basic.Example.tsx | 2 +- .../react-experiments/Tile/Tile.Document.Example.tsx | 2 +- .../react-experiments/Tile/Tile.Folder.Example.tsx | 2 +- .../react-experiments/Tile/Tile.Media.Example.tsx | 2 +- .../react-experiments/TilesList/ExampleHelpers.tsx | 2 +- .../TilesList/TilesList.Media.Example.tsx | 2 +- .../DoubleUnifiedPeoplePicker.Example.tsx | 2 +- .../UnifiedPeoplePicker.Example.tsx | 2 +- .../UnifiedPeoplePicker.WithEdit.Example.tsx | 2 +- .../ActivityItem/ActivityItem.Compact.Example.tsx | 2 +- .../ActivityItem/ActivityItem.Persona.Example.tsx | 2 +- .../react/ChoiceGroup/ChoiceGroup.Image.Example.tsx | 2 +- .../DetailsList/DetailsList.Advanced.Example.tsx | 2 +- .../DetailsList.CustomColumns.Example.tsx | 2 +- .../DetailsList.CustomGroupHeaders.Example.tsx | 2 +- .../DetailsList/DetailsList.CustomRows.Example.tsx | 2 +- .../DetailsList/DetailsList.DragDrop.Example.tsx | 2 +- .../DocumentCard/DocumentCard.Basic.Example.tsx | 2 +- .../DocumentCard/DocumentCard.Compact.Example.tsx | 2 +- .../DocumentCard/DocumentCard.Complete.Example.tsx | 2 +- .../DocumentCard.Conversation.Example.tsx | 2 +- .../DocumentCard/DocumentCard.Image.Example.tsx | 2 +- .../ExtendedPeoplePicker.Basic.Example.tsx | 2 +- .../ExtendedPeoplePicker.Controlled.Example.tsx | 2 +- .../ExtendedPeoplePicker.Basic.Example.tsx | 2 +- .../ExtendedPeoplePicker.Controlled.Example.tsx | 2 +- .../src/react/Facepile/Facepile.AddFace.Example.tsx | 2 +- .../src/react/Facepile/Facepile.Basic.Example.tsx | 2 +- .../src/react/Facepile/Facepile.Overflow.Example.tsx | 2 +- .../FloatingPeoplePicker.Basic.Example.tsx | 2 +- .../react/GroupedList/GroupedList.Basic.Example.tsx | 2 +- .../react/GroupedList/GroupedList.Custom.Example.tsx | 2 +- .../GroupedList.CustomCheckbox.Example.tsx | 2 +- .../src/react/HoverCard/HoverCard.Basic.Example.tsx | 2 +- .../react/HoverCard/HoverCard.PlainCard.Example.tsx | 2 +- .../src/react/HoverCard/HoverCard.Target.Example.tsx | 2 +- .../src/react/Icon/Icon.ImageSheet.Example.tsx | 2 +- .../src/react/List/List.Basic.Example.tsx | 2 +- .../src/react/List/List.Ghosting.Example.tsx | 2 +- .../src/react/List/List.Grid.Example.tsx | 2 +- .../src/react/List/List.Scrolling.Example.tsx | 2 +- .../PeoplePicker/PeoplePicker.Compact.Example.tsx | 2 +- .../PeoplePicker/PeoplePicker.Controlled.Example.tsx | 2 +- .../PeoplePicker.LimitedSearch.Example.tsx | 2 +- .../react/PeoplePicker/PeoplePicker.List.Example.tsx | 2 +- .../PeoplePicker/PeoplePicker.Normal.Example.tsx | 2 +- .../PeoplePicker.PreselectedItems.Example.tsx | 2 +- .../PeoplePicker.ProcessSelection.Example.tsx | 2 +- .../PeoplePicker/examples/PeoplePickerExampleData.ts | 6 +++--- .../src/react/Persona/Persona.Alternate.Example.tsx | 2 +- .../src/react/Persona/Persona.Basic.Example.tsx | 2 +- .../Persona/Persona.CustomCoinRender.Example.tsx | 2 +- .../react/Persona/Persona.CustomRender.Example.tsx | 2 +- .../react/Persona/Persona.UnknownPersona.Example.tsx | 2 +- .../ScrollablePane.Default.Example.tsx | 2 +- .../SelectedPeopleList.Basic.Example.tsx | 2 +- .../SelectedPeopleList.Controlled.Example.tsx | 2 +- .../src/react/Selection/Selection.Basic.Example.tsx | 2 +- .../react/Shimmer/Shimmer.Application.Example.tsx | 2 +- .../Stack/Stack.Horizontal.Configure.Example.tsx | 2 +- .../Stack/Stack.Horizontal.WrapAdvanced.Example.tsx | 2 +- .../react/Stack/Stack.Vertical.Configure.Example.tsx | 2 +- .../react/TextField/TextField.Multiline.Example.tsx | 2 +- packages/react-experiments/package.json | 2 +- .../SelectedPeopleList/SelectedPeopleList.test.tsx | 2 +- .../UnifiedPeoplePicker/UnifiedPeoplePicker.test.tsx | 2 +- packages/react-internal/package.json | 2 +- packages/react-internal/src/common/TestImages.ts | 2 +- .../components/ActivityItem/ActivityItem.test.tsx | 2 +- .../src/components/Facepile/Facepile.test.tsx | 2 +- .../react-internal/src/components/Icon/Icon.test.tsx | 2 +- .../src/components/Persona/Persona.test.tsx | 2 +- .../pickers/PeoplePicker/PeoplePicker.test.tsx | 2 +- packages/react-monaco-editor/package.json | 2 +- packages/react-monaco-editor/scripts/copyTypes.js | 2 +- .../src/components/TsxEditor.types.ts | 2 +- .../src/transpiler/exampleParser.test.ts | 8 ++++---- .../src/transpiler/transpileHelpers.test.ts | 2 +- .../src/utilities/defaultSupportedPackages.ts | 10 +++++----- packages/react-next/package.json | 2 +- packages/react/package.json | 2 +- .../DocumentCard/DocumentCardImage.test.tsx | 2 +- scripts/tasks/lint-imports.js | 2 +- 123 files changed, 187 insertions(+), 131 deletions(-) create mode 100644 change/@fluentui-example-data-2020-10-20-16-46-25-example-data-rename.json create mode 100644 change/@fluentui-react-2020-10-20-16-46-25-example-data-rename.json create mode 100644 change/@fluentui-react-docsite-components-2020-10-20-16-46-25-example-data-rename.json create mode 100644 change/@fluentui-react-experiments-2020-10-20-16-46-25-example-data-rename.json create mode 100644 change/@fluentui-react-internal-2020-10-20-16-46-25-example-data-rename.json create mode 100644 change/@fluentui-react-monaco-editor-2020-10-20-16-46-25-example-data-rename.json create mode 100644 change/@fluentui-react-next-2020-10-20-16-46-25-example-data-rename.json diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json index e4417b8f69f12..fd44393a507dd 100644 --- a/apps/vr-tests/package.json +++ b/apps/vr-tests/package.json @@ -30,7 +30,7 @@ "@types/webpack-env": "1.15.1", "@uifabric/build": "^7.0.0", "@uifabric/date-time": "^7.17.16", - "@uifabric/example-data": "^7.1.5", + "@fluentui/example-data": "^7.1.5", "@fluentui/react-experiments": "^7.33.1", "@fluentui/react-cards": "^0.113.3", "@uifabric/react-hooks": "^7.13.5", diff --git a/apps/vr-tests/src/stories/ChoiceGroup.stories.tsx b/apps/vr-tests/src/stories/ChoiceGroup.stories.tsx index 791cb53995bb0..74955a6723e60 100644 --- a/apps/vr-tests/src/stories/ChoiceGroup.stories.tsx +++ b/apps/vr-tests/src/stories/ChoiceGroup.stories.tsx @@ -3,7 +3,7 @@ import Screener from 'screener-storybook/src/screener'; import { storiesOf } from '@storybook/react'; import { FabricDecorator } from '../utilities/index'; import { ChoiceGroup, IChoiceGroupOption } from '@fluentui/react'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const options: IChoiceGroupOption[] = [ { key: 'A', text: 'Selected' }, diff --git a/apps/vr-tests/src/stories/DocumentCard.stories.tsx b/apps/vr-tests/src/stories/DocumentCard.stories.tsx index 967672011c280..c6c90527c7b12 100644 --- a/apps/vr-tests/src/stories/DocumentCard.stories.tsx +++ b/apps/vr-tests/src/stories/DocumentCard.stories.tsx @@ -14,7 +14,7 @@ import { IDocumentCardPreviewProps, } from '@fluentui/react'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const previewProps: IDocumentCardPreviewProps = { previewImages: [ diff --git a/apps/vr-tests/src/stories/Facepile.stories.tsx b/apps/vr-tests/src/stories/Facepile.stories.tsx index a4d122ab37f7a..2d7ff49b4a0dc 100644 --- a/apps/vr-tests/src/stories/Facepile.stories.tsx +++ b/apps/vr-tests/src/stories/Facepile.stories.tsx @@ -10,7 +10,7 @@ import { IFacepileProps, } from '@fluentui/react'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const facepilePersonas = [ { diff --git a/apps/vr-tests/src/stories/Icon.stories.tsx b/apps/vr-tests/src/stories/Icon.stories.tsx index 96fc48cc44297..816b352975841 100644 --- a/apps/vr-tests/src/stories/Icon.stories.tsx +++ b/apps/vr-tests/src/stories/Icon.stories.tsx @@ -5,7 +5,7 @@ import { FabricDecorator } from '../utilities/index'; import { Icon, IconType, getIconClassName, Fabric } from '@fluentui/react'; import * as IconNames from '@fluentui/font-icons-mdl2/src/IconNames'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; // Rendering allIcons tests that the icon package can initialize all icons from the cdn const allIcons: JSX.Element[] = []; diff --git a/apps/vr-tests/src/stories/PeoplePicker.stories.tsx b/apps/vr-tests/src/stories/PeoplePicker.stories.tsx index d3f11fa7c5f33..ff696c789c8f9 100644 --- a/apps/vr-tests/src/stories/PeoplePicker.stories.tsx +++ b/apps/vr-tests/src/stories/PeoplePicker.stories.tsx @@ -11,7 +11,7 @@ import { PersonaPresence, } from '@fluentui/react'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const overflowPersona: IPersonaProps & { key: string | number } = { key: 2, diff --git a/apps/vr-tests/src/stories/Persona.stories.tsx b/apps/vr-tests/src/stories/Persona.stories.tsx index c165d7fe433ec..0d6be2ffc0e06 100644 --- a/apps/vr-tests/src/stories/Persona.stories.tsx +++ b/apps/vr-tests/src/stories/Persona.stories.tsx @@ -3,7 +3,7 @@ import Screener from 'screener-storybook/src/screener'; import { storiesOf } from '@storybook/react'; import { FabricDecorator } from '../utilities/index'; import { IPersonaProps, Persona, PersonaPresence, PersonaSize } from '@fluentui/react'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const examplePersona: IPersonaProps = { imageUrl: TestImages.personaFemale, diff --git a/apps/vr-tests/src/stories/ScrollablePane.GroupedDetailsList.stories.tsx b/apps/vr-tests/src/stories/ScrollablePane.GroupedDetailsList.stories.tsx index c20a370c304c9..edb81396a3d76 100644 --- a/apps/vr-tests/src/stories/ScrollablePane.GroupedDetailsList.stories.tsx +++ b/apps/vr-tests/src/stories/ScrollablePane.GroupedDetailsList.stories.tsx @@ -22,7 +22,7 @@ import { MarqueeSelection } from '@fluentui/react/lib/MarqueeSelection'; import { SelectionMode } from '@fluentui/react/lib/Selection'; import { Fabric } from '@fluentui/react/lib/Fabric'; import { getTheme } from '@fluentui/react/lib/Styling'; -import { createGroups } from '@uifabric/example-data'; +import { createGroups } from '@fluentui/example-data'; import { mergeStyleSets } from '@fluentui/react/lib/Styling'; const columnMidWidth = 200; diff --git a/apps/vr-tests/src/stories/ScrollablePane.stories.tsx b/apps/vr-tests/src/stories/ScrollablePane.stories.tsx index 29eb3b9f59050..5c4fa86963069 100644 --- a/apps/vr-tests/src/stories/ScrollablePane.stories.tsx +++ b/apps/vr-tests/src/stories/ScrollablePane.stories.tsx @@ -3,7 +3,7 @@ import Screener from 'screener-storybook/src/screener'; import { storiesOf } from '@storybook/react'; import { FabricDecorator } from '../utilities/index'; import { Fabric, ScrollablePane, StickyPositionType, Sticky } from '@fluentui/react'; -import { lorem } from '@uifabric/example-data'; +import { lorem } from '@fluentui/example-data'; const colors = ['#eaeaea', '#dadada', '#d0d0d0', '#c8c8c8', '#a6a6a6', '#c7e0f4']; diff --git a/change/@fluentui-example-data-2020-10-20-16-46-25-example-data-rename.json b/change/@fluentui-example-data-2020-10-20-16-46-25-example-data-rename.json new file mode 100644 index 0000000000000..a57de74c97cb6 --- /dev/null +++ b/change/@fluentui-example-data-2020-10-20-16-46-25-example-data-rename.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Rename @uifabric/example-date to @fluentui/example-data", + "packageName": "@fluentui/example-data", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-20T23:46:09.537Z" +} diff --git a/change/@fluentui-react-2020-10-20-16-46-25-example-data-rename.json b/change/@fluentui-react-2020-10-20-16-46-25-example-data-rename.json new file mode 100644 index 0000000000000..408c13e8582d9 --- /dev/null +++ b/change/@fluentui-react-2020-10-20-16-46-25-example-data-rename.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Rename @uifabric/example-date to @fluentui/example-data", + "packageName": "@fluentui/react", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-20T23:46:24.992Z" +} diff --git a/change/@fluentui-react-docsite-components-2020-10-20-16-46-25-example-data-rename.json b/change/@fluentui-react-docsite-components-2020-10-20-16-46-25-example-data-rename.json new file mode 100644 index 0000000000000..6ecd727f2b2f1 --- /dev/null +++ b/change/@fluentui-react-docsite-components-2020-10-20-16-46-25-example-data-rename.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Rename @uifabric/example-date to @fluentui/example-data", + "packageName": "@fluentui/react-docsite-components", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-20T23:46:12.112Z" +} diff --git a/change/@fluentui-react-experiments-2020-10-20-16-46-25-example-data-rename.json b/change/@fluentui-react-experiments-2020-10-20-16-46-25-example-data-rename.json new file mode 100644 index 0000000000000..e8d6a95fcb342 --- /dev/null +++ b/change/@fluentui-react-experiments-2020-10-20-16-46-25-example-data-rename.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Rename @uifabric/example-date to @fluentui/example-data", + "packageName": "@fluentui/react-experiments", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-20T23:46:16.973Z" +} diff --git a/change/@fluentui-react-internal-2020-10-20-16-46-25-example-data-rename.json b/change/@fluentui-react-internal-2020-10-20-16-46-25-example-data-rename.json new file mode 100644 index 0000000000000..da859c3212ff3 --- /dev/null +++ b/change/@fluentui-react-internal-2020-10-20-16-46-25-example-data-rename.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Rename @uifabric/example-date to @fluentui/example-data", + "packageName": "@fluentui/react-internal", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-20T23:46:18.793Z" +} diff --git a/change/@fluentui-react-monaco-editor-2020-10-20-16-46-25-example-data-rename.json b/change/@fluentui-react-monaco-editor-2020-10-20-16-46-25-example-data-rename.json new file mode 100644 index 0000000000000..8d13cd356b585 --- /dev/null +++ b/change/@fluentui-react-monaco-editor-2020-10-20-16-46-25-example-data-rename.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Rename @uifabric/example-date to @fluentui/example-data", + "packageName": "@fluentui/react-monaco-editor", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-20T23:46:20.751Z" +} diff --git a/change/@fluentui-react-next-2020-10-20-16-46-25-example-data-rename.json b/change/@fluentui-react-next-2020-10-20-16-46-25-example-data-rename.json new file mode 100644 index 0000000000000..7b1e5490fffde --- /dev/null +++ b/change/@fluentui-react-next-2020-10-20-16-46-25-example-data-rename.json @@ -0,0 +1,8 @@ +{ + "type": "prerelease", + "comment": "Rename @uifabric/example-date to @fluentui/example-data", + "packageName": "@fluentui/react-next", + "email": "ololubek@microsoft.com", + "dependentChangeType": "patch", + "date": "2020-10-20T23:46:23.155Z" +} diff --git a/change/@uifabric-example-data-2020-10-15-02-05-19-dep-fixes.json b/change/@uifabric-example-data-2020-10-15-02-05-19-dep-fixes.json index b68a9885e8a96..8bcf951121ac4 100644 --- a/change/@uifabric-example-data-2020-10-15-02-05-19-dep-fixes.json +++ b/change/@uifabric-example-data-2020-10-15-02-05-19-dep-fixes.json @@ -1,7 +1,7 @@ { "type": "none", "comment": "Use webpack config helper and update npmignore", - "packageName": "@uifabric/example-data", + "packageName": "@fluentui/example-data", "email": "elcraig@microsoft.com", "dependentChangeType": "none", "date": "2020-10-15T08:59:06.626Z" diff --git a/packages/example-data/LICENSE b/packages/example-data/LICENSE index 28050620d6c37..dcc372b5697bc 100644 --- a/packages/example-data/LICENSE +++ b/packages/example-data/LICENSE @@ -1,4 +1,4 @@ -@uifabric/example-data +@fluentui/example-data Copyright (c) Microsoft Corporation diff --git a/packages/example-data/README.md b/packages/example-data/README.md index 2f8707edac930..cccd857a77b89 100644 --- a/packages/example-data/README.md +++ b/packages/example-data/README.md @@ -1,4 +1,4 @@ -# @uifabric/example-data +# @fluentui/example-data **Data generators for [Fluent UI React](https://developer.microsoft.com/en-us/fluentui) examples** ([formerly Office UI Fabric React](https://developer.microsoft.com/en-us/office/blogs/ui-fabric-is-evolving-into-fluent-ui/)) diff --git a/packages/example-data/etc/example-data.api.md b/packages/example-data/etc/example-data.api.md index d4b96264c60af..133800ff12a21 100644 --- a/packages/example-data/etc/example-data.api.md +++ b/packages/example-data/etc/example-data.api.md @@ -1,4 +1,4 @@ -## API Report File for "@uifabric/example-data" +## API Report File for "@fluentui/example-data" > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). diff --git a/packages/example-data/package.json b/packages/example-data/package.json index a1d5e77c3997f..5052901474764 100644 --- a/packages/example-data/package.json +++ b/packages/example-data/package.json @@ -1,5 +1,5 @@ { - "name": "@uifabric/example-data", + "name": "@fluentui/example-data", "version": "7.1.5", "description": "Data generators for Fluent UI React examples.", "main": "lib-commonjs/index.js", diff --git a/packages/example-data/webpack.config.js b/packages/example-data/webpack.config.js index 60893678df647..0b77e114b5bfd 100644 --- a/packages/example-data/webpack.config.js +++ b/packages/example-data/webpack.config.js @@ -1,5 +1,5 @@ const resources = require('../../scripts/webpack/webpack-resources'); module.exports = resources.createBundleConfig({ - output: 'FabricExampleData', + output: 'FluentUIExampleData', }); diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json index 460622b48082e..81b41922c8cf4 100644 --- a/packages/react-docsite-components/package.json +++ b/packages/react-docsite-components/package.json @@ -45,7 +45,7 @@ "@fluentui/react-internal": "^7.142.0", "@fluentui/theme": "^1.2.1", "@microsoft/load-themed-styles": "^1.10.26", - "@uifabric/example-data": "^7.1.5", + "@fluentui/example-data": "^7.1.5", "@fluentui/foundation-legacy": "^7.9.9", "@uifabric/react-hooks": "^7.13.5", "@fluentui/set-version": "^7.0.23", diff --git a/packages/react-docsite-components/src/components/CodepenComponent/CodepenComponent.tsx b/packages/react-docsite-components/src/components/CodepenComponent/CodepenComponent.tsx index c163ebf97ac3c..27cc720c20102 100644 --- a/packages/react-docsite-components/src/components/CodepenComponent/CodepenComponent.tsx +++ b/packages/react-docsite-components/src/components/CodepenComponent/CodepenComponent.tsx @@ -45,8 +45,8 @@ const CodepenComponentBase: React.FunctionComponent = props => { script('@fluentui/react@7/dist/fluentui-react.js'), script('@uifabric/react-hooks@7/dist/react-hooks.js'), // load example data bundle only if used - jsContentStr.indexOf('window.FabricExampleData') !== -1 - ? script('@uifabric/example-data@7/dist/example-data.js') + jsContentStr.indexOf('window.FluentUIExampleData') !== -1 + ? script('@fluentui/example-data@7/dist/example-data.js') : '', `
`, ] diff --git a/packages/react-docsite-components/src/utilities/data.ts b/packages/react-docsite-components/src/utilities/data.ts index 6c58fae46ff82..950606491efab 100644 --- a/packages/react-docsite-components/src/utilities/data.ts +++ b/packages/react-docsite-components/src/utilities/data.ts @@ -1,16 +1,16 @@ -import * as exampleData from '@uifabric/example-data'; +import * as exampleData from '@fluentui/example-data'; -/** @deprecated Use `IExampleItem` from `@uifabric/example-data` instead */ +/** @deprecated Use `IExampleItem` from `@fluentui/example-data` instead */ export type IExampleItem = exampleData.IExampleItem; -/** @deprecated Use `createListItems` from `@uifabric/example-data` instead */ +/** @deprecated Use `createListItems` from `@fluentui/example-data` instead */ export const createListItems = exampleData.createListItems; -/** @deprecated Use `createGroups` from `@uifabric/example-data` instead */ +/** @deprecated Use `createGroups` from `@fluentui/example-data` instead */ export const createGroups = exampleData.createGroups; -/** @deprecated Use `lorem` from `@uifabric/example-data` instead */ +/** @deprecated Use `lorem` from `@fluentui/example-data` instead */ export const lorem = exampleData.lorem; -/** @deprecated Use `isGroupable` from `@uifabric/example-data` instead */ +/** @deprecated Use `isGroupable` from `@fluentui/example-data` instead */ export const isGroupable = exampleData.isGroupable; diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json index 7dfee1dde1b3b..34ff27397d37e 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -69,7 +69,7 @@ "@fluentui/react-charting": "^4.2.5", "@uifabric/date-time": "^7.17.16", "@fluentui/react-docsite-components": "^7.15.18", - "@uifabric/example-data": "^7.1.5", + "@fluentui/example-data": "^7.1.5", "@fluentui/react-experiments": "^7.33.1", "@uifabric/file-type-icons": "^7.6.9", "@fluentui/foundation-legacy": "^7.9.9", diff --git a/packages/react-examples/src/ComponentExamples.test.tsx b/packages/react-examples/src/ComponentExamples.test.tsx index 187c92ce07c2a..73834ec684a5d 100644 --- a/packages/react-examples/src/ComponentExamples.test.tsx +++ b/packages/react-examples/src/ComponentExamples.test.tsx @@ -7,7 +7,7 @@ import * as path from 'path'; import { resetIds } from '@fluentui/react/lib/Utilities'; -import * as ExampleData from '@uifabric/example-data'; +import * as ExampleData from '@fluentui/example-data'; import * as mergeStylesSerializer from '@uifabric/jest-serializer-merge-styles'; const ReactDOM = require('react-dom'); diff --git a/packages/react-examples/src/azure-themes/stories/components/activityitempersonas.stories.tsx b/packages/react-examples/src/azure-themes/stories/components/activityitempersonas.stories.tsx index cee7599749b3b..6d3bf0f6b330d 100644 --- a/packages/react-examples/src/azure-themes/stories/components/activityitempersonas.stories.tsx +++ b/packages/react-examples/src/azure-themes/stories/components/activityitempersonas.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { ActivityItem, IActivityItemProps, Link, mergeStyleSets } from '@fluentui/react'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const classNames = mergeStyleSets({ exampleRoot: { diff --git a/packages/react-examples/src/react-cards/next/Card/Card.Teams.stories.tsx b/packages/react-examples/src/react-cards/next/Card/Card.Teams.stories.tsx index cec0bda89bc5b..c548e5b8c6100 100644 --- a/packages/react-examples/src/react-cards/next/Card/Card.Teams.stories.tsx +++ b/packages/react-examples/src/react-cards/next/Card/Card.Teams.stories.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; import { Image, ImageFit, Persona, PersonaPresence, Stack, Text } from '@fluentui/react'; import { DefaultButton, IconButton } from '@fluentui/react/lib/compat/Button'; import { Card, CardBody, CardFooter, CardHeader } from '@fluentui/react-cards/lib/next/index'; diff --git a/packages/react-examples/src/react-experiments/CollapsibleSection/CollapsibleSection.Recursive.Example.tsx b/packages/react-examples/src/react-experiments/CollapsibleSection/CollapsibleSection.Recursive.Example.tsx index 2dbf1ba44d818..8d0d59946d79a 100644 --- a/packages/react-examples/src/react-experiments/CollapsibleSection/CollapsibleSection.Recursive.Example.tsx +++ b/packages/react-examples/src/react-experiments/CollapsibleSection/CollapsibleSection.Recursive.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { FocusZone, Text } from '@fluentui/react'; import { CollapsibleSection } from '@fluentui/react-experiments/lib/CollapsibleSection'; -import { lorem } from '@uifabric/example-data'; +import { lorem } from '@fluentui/example-data'; export interface IFileItem { name: string; diff --git a/packages/react-examples/src/react-experiments/FloatingPeopleSuggestions/FloatingPeopleSuggestions.CustomRender.Example.tsx b/packages/react-examples/src/react-experiments/FloatingPeopleSuggestions/FloatingPeopleSuggestions.CustomRender.Example.tsx index db14abf1ab353..7738462b1bac1 100644 --- a/packages/react-examples/src/react-experiments/FloatingPeopleSuggestions/FloatingPeopleSuggestions.CustomRender.Example.tsx +++ b/packages/react-examples/src/react-experiments/FloatingPeopleSuggestions/FloatingPeopleSuggestions.CustomRender.Example.tsx @@ -5,7 +5,7 @@ import { IFloatingSuggestionItem, IFloatingSuggestionOnRenderItemProps, } from '@fluentui/react-experiments/lib/FloatingPeopleSuggestionsComposite'; -import { mru } from '@uifabric/example-data'; +import { mru } from '@fluentui/example-data'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; import { css, classNamesFunction } from '@fluentui/react-experiments/lib/Utilities'; diff --git a/packages/react-examples/src/react-experiments/FloatingPeopleSuggestions/FloatingPeopleSuggestions.Example.tsx b/packages/react-examples/src/react-experiments/FloatingPeopleSuggestions/FloatingPeopleSuggestions.Example.tsx index 0ba480900d9ca..b71571eee0faa 100644 --- a/packages/react-examples/src/react-experiments/FloatingPeopleSuggestions/FloatingPeopleSuggestions.Example.tsx +++ b/packages/react-examples/src/react-experiments/FloatingPeopleSuggestions/FloatingPeopleSuggestions.Example.tsx @@ -5,7 +5,7 @@ import { IFloatingSuggestionItem, } from '@fluentui/react-experiments/lib/FloatingPeopleSuggestionsComposite'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; -import { mru } from '@uifabric/example-data'; +import { mru } from '@fluentui/example-data'; const _suggestions = [ { diff --git a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.Basic.DragDrop.Example.tsx b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.Basic.DragDrop.Example.tsx index 10d2325e95bcf..5a849e3aebae3 100644 --- a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.Basic.DragDrop.Example.tsx +++ b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.Basic.DragDrop.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { PrimaryButton } from '@fluentui/react/lib/compat/Button'; import { IPersona } from '@fluentui/react/lib/Persona'; -import { people } from '@uifabric/example-data'; +import { people } from '@fluentui/example-data'; import { SelectedPeopleList } from '@fluentui/react-experiments/lib/SelectedItemsList'; import { DragDropHelper } from '@fluentui/react/lib/DragDrop'; import { getTheme } from '@fluentui/react/lib/Styling'; diff --git a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.Basic.Example.tsx b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.Basic.Example.tsx index eed663362579a..2f98036ea2964 100644 --- a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.Basic.Example.tsx +++ b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.Basic.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { PrimaryButton } from '@fluentui/react/lib/compat/Button'; import { IPersona } from '@fluentui/react/lib/Persona'; -import { people } from '@uifabric/example-data'; +import { people } from '@fluentui/example-data'; import { SelectedPeopleList } from '@fluentui/react-experiments/lib/SelectedItemsList'; export interface IPeopleSelectedItemsListExampleState { diff --git a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.DragDropBetweenWells.Example.tsx b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.DragDropBetweenWells.Example.tsx index fe752424f3855..48ad1107c894e 100644 --- a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.DragDropBetweenWells.Example.tsx +++ b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.DragDropBetweenWells.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { PrimaryButton } from '@fluentui/react/lib/compat/Button'; import { IPersona, IPersonaProps } from '@fluentui/react/lib/Persona'; -import { people } from '@uifabric/example-data'; +import { people } from '@fluentui/example-data'; import { SelectedPeopleList } from '@fluentui/react-experiments/lib/SelectedItemsList'; import { DragDropHelper } from '@fluentui/react/lib/DragDrop'; import { getTheme } from '@fluentui/react/lib/Styling'; diff --git a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithContextMenu.Example.tsx b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithContextMenu.Example.tsx index e6745851804df..34794fe63d0b1 100644 --- a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithContextMenu.Example.tsx +++ b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithContextMenu.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { PrimaryButton } from '@fluentui/react/lib/compat/Button'; import { IPersonaProps, IPersona } from '@fluentui/react/lib/Persona'; -import { people } from '@uifabric/example-data'; +import { people } from '@fluentui/example-data'; import { SelectedPeopleList, SelectedPersona, diff --git a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithEdit.Example.tsx b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithEdit.Example.tsx index f8a5228dfc7be..0f20b0671d76e 100644 --- a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithEdit.Example.tsx +++ b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithEdit.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { PrimaryButton } from '@fluentui/react/lib/compat/Button'; import { IPersonaProps, IPersona } from '@fluentui/react/lib/Persona'; -import { people } from '@uifabric/example-data'; +import { people } from '@fluentui/example-data'; import { SelectedPeopleList, SelectedPersona, diff --git a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithEditInContextMenu.Example.tsx b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithEditInContextMenu.Example.tsx index 6ee4d3f6e1024..0515b52ee3f15 100644 --- a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithEditInContextMenu.Example.tsx +++ b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithEditInContextMenu.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { PrimaryButton } from '@fluentui/react/lib/compat/Button'; import { IPersonaProps, IPersona } from '@fluentui/react/lib/Persona'; -import { people } from '@uifabric/example-data'; +import { people } from '@fluentui/example-data'; import { SelectedPeopleList, SelectedPersona, diff --git a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithGroupExpand.Example.tsx b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithGroupExpand.Example.tsx index 051b0a9f8656c..a0a7a4705c4f3 100644 --- a/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithGroupExpand.Example.tsx +++ b/packages/react-examples/src/react-experiments/SelectedPeopleList/SelectedPeopleList.WithGroupExpand.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { PrimaryButton } from '@fluentui/react/lib/compat/Button'; import { IPersonaProps, IPersona } from '@fluentui/react/lib/Persona'; -import { people, groupOne, groupTwo } from '@uifabric/example-data'; +import { people, groupOne, groupTwo } from '@fluentui/example-data'; import { SelectedPeopleList, SelectedPersona, diff --git a/packages/react-examples/src/react-experiments/Signals/SignalField.Basic.Example.tsx b/packages/react-examples/src/react-experiments/Signals/SignalField.Basic.Example.tsx index fae88a96968a6..be7d55e7b038b 100644 --- a/packages/react-examples/src/react-experiments/Signals/SignalField.Basic.Example.tsx +++ b/packages/react-examples/src/react-experiments/Signals/SignalField.Basic.Example.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { SignalField, SignalFieldMode, YouCheckedOutSignal, AwaitingApprovalSignal } from '@fluentui/react-experiments'; -import { lorem } from '@uifabric/example-data'; +import { lorem } from '@fluentui/example-data'; import { Checkbox } from '@fluentui/react'; export interface ISignalFieldBasicExampleState { diff --git a/packages/react-examples/src/react-experiments/Signals/Signals.Basic.Example.tsx b/packages/react-examples/src/react-experiments/Signals/Signals.Basic.Example.tsx index 9856a8567e723..5a42c904b0b68 100644 --- a/packages/react-examples/src/react-experiments/Signals/Signals.Basic.Example.tsx +++ b/packages/react-examples/src/react-experiments/Signals/Signals.Basic.Example.tsx @@ -26,7 +26,7 @@ import { PicturesSignal, } from '@fluentui/react-experiments'; import { Checkbox, ChoiceGroup, IChoiceGroupOption, css } from '@fluentui/react'; -import { lorem } from '@uifabric/example-data'; +import { lorem } from '@fluentui/example-data'; import * as SignalStylesModule from '@fluentui/react-experiments/lib/components/signals/Signal.scss'; import * as SignalsExampleStylesModule from './Signals.Example.scss'; diff --git a/packages/react-examples/src/react-experiments/Tile/Tile.Document.Example.tsx b/packages/react-examples/src/react-experiments/Tile/Tile.Document.Example.tsx index 4325058ca5bb2..26f3c9d241ffa 100644 --- a/packages/react-examples/src/react-experiments/Tile/Tile.Document.Example.tsx +++ b/packages/react-examples/src/react-experiments/Tile/Tile.Document.Example.tsx @@ -10,7 +10,7 @@ import { getTileLayout, renderTileWithLayout, } from '@fluentui/react-experiments'; -import { lorem } from '@uifabric/example-data'; +import { lorem } from '@fluentui/example-data'; import * as TileExampleStylesModule from './Tile.Example.scss'; const TileExampleStyles = TileExampleStylesModule as any; diff --git a/packages/react-examples/src/react-experiments/Tile/Tile.Folder.Example.tsx b/packages/react-examples/src/react-experiments/Tile/Tile.Folder.Example.tsx index 91ac6815145d3..091a99fb1fbea 100644 --- a/packages/react-examples/src/react-experiments/Tile/Tile.Folder.Example.tsx +++ b/packages/react-examples/src/react-experiments/Tile/Tile.Folder.Example.tsx @@ -7,7 +7,7 @@ import { renderFolderCoverWithLayout, FolderCoverType, } from '@fluentui/react-experiments/lib/FolderCover'; -import { lorem } from '@uifabric/example-data'; +import { lorem } from '@fluentui/example-data'; import { css, ISize, fitContentToBounds } from '@fluentui/react-experiments/lib/Utilities'; import * as TileExampleStylesModule from './Tile.Example.scss'; diff --git a/packages/react-examples/src/react-experiments/Tile/Tile.Media.Example.tsx b/packages/react-examples/src/react-experiments/Tile/Tile.Media.Example.tsx index 90ab3c0b9a976..ddf596fa6e0df 100644 --- a/packages/react-examples/src/react-experiments/Tile/Tile.Media.Example.tsx +++ b/packages/react-examples/src/react-experiments/Tile/Tile.Media.Example.tsx @@ -10,7 +10,7 @@ import { getTileLayout, renderTileWithLayout, } from '@fluentui/react-experiments'; -import { lorem } from '@uifabric/example-data'; +import { lorem } from '@fluentui/example-data'; import * as TileExampleStylesModule from './Tile.Example.scss'; const ITEMS: { name: JSX.Element; activity: JSX.Element }[] = [ diff --git a/packages/react-examples/src/react-experiments/TilesList/ExampleHelpers.tsx b/packages/react-examples/src/react-experiments/TilesList/ExampleHelpers.tsx index 2de4d4459a9b1..d8f1013bb70a0 100644 --- a/packages/react-examples/src/react-experiments/TilesList/ExampleHelpers.tsx +++ b/packages/react-examples/src/react-experiments/TilesList/ExampleHelpers.tsx @@ -6,7 +6,7 @@ import { ITilesListRootProps, ITilesListRowProps, } from '@fluentui/react-experiments/lib/TilesList'; -import { lorem } from '@uifabric/example-data'; +import { lorem } from '@fluentui/example-data'; import { IRenderFunction } from '@uifabric/utilities'; type IAspectRatioByProbability = { [probability: string]: number }; diff --git a/packages/react-examples/src/react-experiments/TilesList/TilesList.Media.Example.tsx b/packages/react-examples/src/react-experiments/TilesList/TilesList.Media.Example.tsx index 971e69fc7eed3..ecb96135c702a 100644 --- a/packages/react-examples/src/react-experiments/TilesList/TilesList.Media.Example.tsx +++ b/packages/react-examples/src/react-experiments/TilesList/TilesList.Media.Example.tsx @@ -20,7 +20,7 @@ import { onRenderTilesListExampleRow, } from '@fluentui/react-examples/lib/react-experiments/TilesList/ExampleHelpers'; import * as TilesListExampleStylesModule from './TilesList.Example.scss'; -import { lorem } from '@uifabric/example-data'; +import { lorem } from '@fluentui/example-data'; import { SignalField, SharedSignal, CommentsSignal } from '@fluentui/react-experiments/lib/Signals'; const TilesListExampleStyles = TilesListExampleStylesModule as any; diff --git a/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/DoubleUnifiedPeoplePicker.Example.tsx b/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/DoubleUnifiedPeoplePicker.Example.tsx index 2bcf549b953fc..f63e271474a85 100644 --- a/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/DoubleUnifiedPeoplePicker.Example.tsx +++ b/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/DoubleUnifiedPeoplePicker.Example.tsx @@ -6,7 +6,7 @@ import { } from '@fluentui/react-experiments/lib/FloatingPeopleSuggestionsComposite'; import { UnifiedPeoplePicker } from '@fluentui/react-experiments/lib/UnifiedPeoplePicker'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; -import { mru, people } from '@uifabric/example-data'; +import { mru, people } from '@fluentui/example-data'; import { ISelectedPeopleListProps } from '@fluentui/react-experiments/lib/SelectedItemsList'; import { IInputProps } from '@fluentui/react'; diff --git a/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/UnifiedPeoplePicker.Example.tsx b/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/UnifiedPeoplePicker.Example.tsx index 936b8e8005071..d6ebebf2961bf 100644 --- a/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/UnifiedPeoplePicker.Example.tsx +++ b/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/UnifiedPeoplePicker.Example.tsx @@ -6,7 +6,7 @@ import { } from '@fluentui/react-experiments/lib/FloatingPeopleSuggestionsComposite'; import { UnifiedPeoplePicker } from '@fluentui/react-experiments/lib/UnifiedPeoplePicker'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; -import { mru, people } from '@uifabric/example-data'; +import { mru, people } from '@fluentui/example-data'; import { ISelectedPeopleListProps } from '@fluentui/react-experiments/lib/SelectedItemsList'; import { IInputProps } from '@fluentui/react'; diff --git a/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/UnifiedPeoplePicker.WithEdit.Example.tsx b/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/UnifiedPeoplePicker.WithEdit.Example.tsx index 59d74c368e867..9c487631ea888 100644 --- a/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/UnifiedPeoplePicker.WithEdit.Example.tsx +++ b/packages/react-examples/src/react-experiments/UnifiedPeoplePicker/UnifiedPeoplePicker.WithEdit.Example.tsx @@ -6,7 +6,7 @@ import { } from '@fluentui/react-experiments/lib/FloatingPeopleSuggestionsComposite'; import { UnifiedPeoplePicker } from '@fluentui/react-experiments/lib/UnifiedPeoplePicker'; import { IPersonaProps, IPersona } from '@fluentui/react/lib/Persona'; -import { mru, people } from '@uifabric/example-data'; +import { mru, people } from '@fluentui/example-data'; import { ISelectedPeopleListProps, SelectedPersona, diff --git a/packages/react-examples/src/react/ActivityItem/ActivityItem.Compact.Example.tsx b/packages/react-examples/src/react/ActivityItem/ActivityItem.Compact.Example.tsx index 63f2e37df5f84..dc6c96ef49c22 100644 --- a/packages/react-examples/src/react/ActivityItem/ActivityItem.Compact.Example.tsx +++ b/packages/react-examples/src/react/ActivityItem/ActivityItem.Compact.Example.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { ActivityItem, mergeStyleSets, IActivityItemProps, Icon } from '@fluentui/react'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const classNames = mergeStyleSets({ exampleRoot: { diff --git a/packages/react-examples/src/react/ActivityItem/ActivityItem.Persona.Example.tsx b/packages/react-examples/src/react/ActivityItem/ActivityItem.Persona.Example.tsx index 0a86acab735d0..bd207d583db90 100644 --- a/packages/react-examples/src/react/ActivityItem/ActivityItem.Persona.Example.tsx +++ b/packages/react-examples/src/react/ActivityItem/ActivityItem.Persona.Example.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { ActivityItem, IActivityItemProps, Link, mergeStyleSets } from '@fluentui/react'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const classNames = mergeStyleSets({ exampleRoot: { diff --git a/packages/react-examples/src/react/ChoiceGroup/ChoiceGroup.Image.Example.tsx b/packages/react-examples/src/react/ChoiceGroup/ChoiceGroup.Image.Example.tsx index 2a2fc045e06b4..d1497f075778a 100644 --- a/packages/react-examples/src/react/ChoiceGroup/ChoiceGroup.Image.Example.tsx +++ b/packages/react-examples/src/react/ChoiceGroup/ChoiceGroup.Image.Example.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { ChoiceGroup, IChoiceGroupOption } from '@fluentui/react/lib/ChoiceGroup'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const options: IChoiceGroupOption[] = [ { diff --git a/packages/react-examples/src/react/DetailsList/DetailsList.Advanced.Example.tsx b/packages/react-examples/src/react/DetailsList/DetailsList.Advanced.Example.tsx index 4637d0a746660..d0c19823a36e6 100644 --- a/packages/react-examples/src/react/DetailsList/DetailsList.Advanced.Example.tsx +++ b/packages/react-examples/src/react/DetailsList/DetailsList.Advanced.Example.tsx @@ -22,7 +22,7 @@ import { buildColumns, IDetailsColumnProps, } from '@fluentui/react/lib/DetailsList'; -import { createListItems, isGroupable, IExampleItem } from '@uifabric/example-data'; +import { createListItems, isGroupable, IExampleItem } from '@fluentui/example-data'; import { memoizeFunction } from '@fluentui/react/lib/Utilities'; import { getTheme, mergeStyleSets } from '@fluentui/react/lib/Styling'; diff --git a/packages/react-examples/src/react/DetailsList/DetailsList.CustomColumns.Example.tsx b/packages/react-examples/src/react/DetailsList/DetailsList.CustomColumns.Example.tsx index c786619465214..fddbb59637ff4 100644 --- a/packages/react-examples/src/react/DetailsList/DetailsList.CustomColumns.Example.tsx +++ b/packages/react-examples/src/react/DetailsList/DetailsList.CustomColumns.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { createListItems, IExampleItem } from '@uifabric/example-data'; +import { createListItems, IExampleItem } from '@fluentui/example-data'; import { Link } from '@fluentui/react/lib/Link'; import { Image, ImageFit } from '@fluentui/react/lib/Image'; import { DetailsList, buildColumns, IColumn } from '@fluentui/react/lib/DetailsList'; diff --git a/packages/react-examples/src/react/DetailsList/DetailsList.CustomGroupHeaders.Example.tsx b/packages/react-examples/src/react/DetailsList/DetailsList.CustomGroupHeaders.Example.tsx index 6b97ea2bb324d..b191e0baeff34 100644 --- a/packages/react-examples/src/react/DetailsList/DetailsList.CustomGroupHeaders.Example.tsx +++ b/packages/react-examples/src/react/DetailsList/DetailsList.CustomGroupHeaders.Example.tsx @@ -8,7 +8,7 @@ import { IDetailsListProps, IDetailsGroupRenderProps, } from '@fluentui/react/lib/DetailsList'; -import { createListItems, createGroups, IExampleItem } from '@uifabric/example-data'; +import { createListItems, createGroups, IExampleItem } from '@fluentui/example-data'; import { getTheme, mergeStyleSets } from '@fluentui/react/lib/Styling'; const ROW_HEIGHT: number = 42; // from DEFAULT_ROW_HEIGHTS in DetailsRow.styles.ts diff --git a/packages/react-examples/src/react/DetailsList/DetailsList.CustomRows.Example.tsx b/packages/react-examples/src/react/DetailsList/DetailsList.CustomRows.Example.tsx index 0a29262043f7d..bc5f007363e5f 100644 --- a/packages/react-examples/src/react/DetailsList/DetailsList.CustomRows.Example.tsx +++ b/packages/react-examples/src/react/DetailsList/DetailsList.CustomRows.Example.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { DetailsList, DetailsRow, IDetailsRowStyles, IDetailsListProps } from '@fluentui/react/lib/DetailsList'; -import { createListItems, IExampleItem } from '@uifabric/example-data'; +import { createListItems, IExampleItem } from '@fluentui/example-data'; import { getTheme } from '@fluentui/react/lib/Styling'; const theme = getTheme(); diff --git a/packages/react-examples/src/react/DetailsList/DetailsList.DragDrop.Example.tsx b/packages/react-examples/src/react/DetailsList/DetailsList.DragDrop.Example.tsx index 60fb95c89b8e6..afc4da6f033e1 100644 --- a/packages/react-examples/src/react/DetailsList/DetailsList.DragDrop.Example.tsx +++ b/packages/react-examples/src/react/DetailsList/DetailsList.DragDrop.Example.tsx @@ -10,7 +10,7 @@ import { IDragDropContext, } from '@fluentui/react/lib/DetailsList'; import { MarqueeSelection } from '@fluentui/react/lib/MarqueeSelection'; -import { createListItems, IExampleItem } from '@uifabric/example-data'; +import { createListItems, IExampleItem } from '@fluentui/example-data'; import { TextField, ITextFieldStyles } from '@fluentui/react/lib/TextField'; import { Toggle, IToggleStyles } from '@fluentui/react/lib/Toggle'; import { getTheme, mergeStyles } from '@fluentui/react/lib/Styling'; diff --git a/packages/react-examples/src/react/DocumentCard/DocumentCard.Basic.Example.tsx b/packages/react-examples/src/react/DocumentCard/DocumentCard.Basic.Example.tsx index bb80d669efdff..267be8f7a69d6 100644 --- a/packages/react-examples/src/react/DocumentCard/DocumentCard.Basic.Example.tsx +++ b/packages/react-examples/src/react/DocumentCard/DocumentCard.Basic.Example.tsx @@ -7,7 +7,7 @@ import { IDocumentCardPreviewProps, } from '@fluentui/react/lib/DocumentCard'; import { ImageFit } from '@fluentui/react/lib/Image'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const previewProps: IDocumentCardPreviewProps = { previewImages: [ diff --git a/packages/react-examples/src/react/DocumentCard/DocumentCard.Compact.Example.tsx b/packages/react-examples/src/react/DocumentCard/DocumentCard.Compact.Example.tsx index aef450fa15f6f..df2575a3d425f 100644 --- a/packages/react-examples/src/react/DocumentCard/DocumentCard.Compact.Example.tsx +++ b/packages/react-examples/src/react/DocumentCard/DocumentCard.Compact.Example.tsx @@ -11,7 +11,7 @@ import { } from '@fluentui/react/lib/DocumentCard'; import { Stack, IStackTokens } from '@fluentui/react/lib/Stack'; import { getTheme } from '@fluentui/react/lib/Styling'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const stackTokens: IStackTokens = { childrenGap: 20 }; const theme = getTheme(); diff --git a/packages/react-examples/src/react/DocumentCard/DocumentCard.Complete.Example.tsx b/packages/react-examples/src/react/DocumentCard/DocumentCard.Complete.Example.tsx index 8f7e40ecb4802..5e760a9b7c6fa 100644 --- a/packages/react-examples/src/react/DocumentCard/DocumentCard.Complete.Example.tsx +++ b/packages/react-examples/src/react/DocumentCard/DocumentCard.Complete.Example.tsx @@ -9,7 +9,7 @@ import { IDocumentCardPreviewProps, } from '@fluentui/react/lib/DocumentCard'; import { ImageFit } from '@fluentui/react/lib/Image'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const previewProps: IDocumentCardPreviewProps = { getOverflowDocumentCountText: (overflowCount: number) => `+${overflowCount} more`, diff --git a/packages/react-examples/src/react/DocumentCard/DocumentCard.Conversation.Example.tsx b/packages/react-examples/src/react/DocumentCard/DocumentCard.Conversation.Example.tsx index b71439cdfd21c..70981b4e48e48 100644 --- a/packages/react-examples/src/react/DocumentCard/DocumentCard.Conversation.Example.tsx +++ b/packages/react-examples/src/react/DocumentCard/DocumentCard.Conversation.Example.tsx @@ -10,7 +10,7 @@ import { IDocumentCardStyles, } from '@fluentui/react/lib/DocumentCard'; import { mergeStyles } from '@fluentui/react/lib/Styling'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const conversationTileClass = mergeStyles({ height: 182 }); diff --git a/packages/react-examples/src/react/DocumentCard/DocumentCard.Image.Example.tsx b/packages/react-examples/src/react/DocumentCard/DocumentCard.Image.Example.tsx index 6843bfd7b1846..83a0dc5001f77 100644 --- a/packages/react-examples/src/react/DocumentCard/DocumentCard.Image.Example.tsx +++ b/packages/react-examples/src/react/DocumentCard/DocumentCard.Image.Example.tsx @@ -10,7 +10,7 @@ import { } from '@fluentui/react/lib/DocumentCard'; import { IIconProps } from '@fluentui/react/lib/Icon'; import { ImageFit } from '@fluentui/react/lib/Image'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const people: IDocumentCardActivityPerson[] = [ { name: 'Annie Lindqvist', profileImageSrc: TestImages.personaFemale }, diff --git a/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.Basic.Example.tsx b/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.Basic.Example.tsx index a56afa71e06b7..8309220096169 100644 --- a/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.Basic.Example.tsx +++ b/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.Basic.Example.tsx @@ -6,7 +6,7 @@ import { SuggestionsStore, FloatingPeoplePicker } from '@fluentui/react/lib/Floa import { SelectedPeopleList, IExtendedPersonaProps } from '@fluentui/react/lib/SelectedItemsList'; import { FocusZoneTabbableElements } from '@fluentui/react/lib/FocusZone'; import { mergeStyleSets, getTheme } from '@fluentui/react/lib/Styling'; -import { people, mru, groupOne, groupTwo } from '@uifabric/example-data'; +import { people, mru, groupOne, groupTwo } from '@fluentui/example-data'; import { useConst } from '@uifabric/react-hooks'; const theme = getTheme(); diff --git a/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.Controlled.Example.tsx b/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.Controlled.Example.tsx index 85b4fe388704a..94b47b05e5c81 100644 --- a/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.Controlled.Example.tsx +++ b/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.Controlled.Example.tsx @@ -12,7 +12,7 @@ import { import { ISelectedPeopleProps, SelectedPeopleList, IExtendedPersonaProps } from '@fluentui/react/lib/SelectedItemsList'; import { IFocusZoneProps, FocusZoneTabbableElements } from '@fluentui/react/lib/FocusZone'; import { mergeStyleSets, getTheme, IStyle, IProcessedStyleSet } from '@fluentui/react/lib/Styling'; -import { people, mru, groupOne, groupTwo } from '@uifabric/example-data'; +import { people, mru, groupOne, groupTwo } from '@fluentui/example-data'; export interface IPeoplePickerExampleState { peopleList: IPersonaProps[]; diff --git a/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.Basic.Example.tsx b/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.Basic.Example.tsx index 1cc26d5766a51..daca480a7ccd1 100644 --- a/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.Basic.Example.tsx +++ b/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.Basic.Example.tsx @@ -6,7 +6,7 @@ import { SuggestionsStore, FloatingPeoplePicker } from '@fluentui/react/lib/Floa import { SelectedPeopleList, IExtendedPersonaProps } from '@fluentui/react/lib/SelectedItemsList'; import { FocusZoneTabbableElements } from '@fluentui/react/lib/FocusZone'; import { mergeStyleSets, getTheme } from '@fluentui/react/lib/Styling'; -import { people, mru, groupOne, groupTwo } from '@uifabric/example-data'; +import { people, mru, groupOne, groupTwo } from '@fluentui/example-data'; import { useConst } from '@uifabric/react-hooks'; const theme = getTheme(); diff --git a/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.Controlled.Example.tsx b/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.Controlled.Example.tsx index b3b23ead0312e..2dc5d6fe03278 100644 --- a/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.Controlled.Example.tsx +++ b/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.Controlled.Example.tsx @@ -12,7 +12,7 @@ import { import { ISelectedPeopleProps, SelectedPeopleList, IExtendedPersonaProps } from '@fluentui/react/lib/SelectedItemsList'; import { IFocusZoneProps, FocusZoneTabbableElements } from '@fluentui/react/lib/FocusZone'; import { mergeStyleSets, getTheme, IStyle, IProcessedStyleSet } from '@fluentui/react/lib/Styling'; -import { people, mru, groupOne, groupTwo } from '@uifabric/example-data'; +import { people, mru, groupOne, groupTwo } from '@fluentui/example-data'; export interface IPeoplePickerExampleState { peopleList: IPersonaProps[]; diff --git a/packages/react-examples/src/react/Facepile/Facepile.AddFace.Example.tsx b/packages/react-examples/src/react/Facepile/Facepile.AddFace.Example.tsx index 5bd54a41dbcfd..ad0b252724450 100644 --- a/packages/react-examples/src/react/Facepile/Facepile.AddFace.Example.tsx +++ b/packages/react-examples/src/react/Facepile/Facepile.AddFace.Example.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { Facepile, OverflowButtonType } from '@fluentui/react/lib/Facepile'; -import { facepilePersonas } from '@uifabric/example-data'; +import { facepilePersonas } from '@fluentui/example-data'; const overflowButtonProps = { ariaLabel: 'More users', diff --git a/packages/react-examples/src/react/Facepile/Facepile.Basic.Example.tsx b/packages/react-examples/src/react/Facepile/Facepile.Basic.Example.tsx index a2f0cdc6952e2..30d89a1c9a20b 100644 --- a/packages/react-examples/src/react/Facepile/Facepile.Basic.Example.tsx +++ b/packages/react-examples/src/react/Facepile/Facepile.Basic.Example.tsx @@ -4,7 +4,7 @@ import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown'; import { Facepile, IFacepilePersona } from '@fluentui/react/lib/Facepile'; import { PersonaSize, PersonaPresence } from '@fluentui/react/lib/Persona'; import { Slider } from '@fluentui/react/lib/Slider'; -import { facepilePersonas } from '@uifabric/example-data'; +import { facepilePersonas } from '@fluentui/example-data'; import { mergeStyleSets } from '@fluentui/react/lib/Styling'; import { useBoolean } from '@uifabric/react-hooks'; diff --git a/packages/react-examples/src/react/Facepile/Facepile.Overflow.Example.tsx b/packages/react-examples/src/react/Facepile/Facepile.Overflow.Example.tsx index 2c87e81ef47be..14ab4e3f2a206 100644 --- a/packages/react-examples/src/react/Facepile/Facepile.Overflow.Example.tsx +++ b/packages/react-examples/src/react/Facepile/Facepile.Overflow.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Facepile, OverflowButtonType } from '@fluentui/react/lib/Facepile'; import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown'; import { Slider } from '@fluentui/react/lib/Slider'; -import { facepilePersonas } from '@uifabric/example-data'; +import { facepilePersonas } from '@fluentui/example-data'; import { mergeStyleSets } from '@fluentui/react/lib/Styling'; const styles = mergeStyleSets({ diff --git a/packages/react-examples/src/react/FloatingPeoplePicker/FloatingPeoplePicker.Basic.Example.tsx b/packages/react-examples/src/react/FloatingPeoplePicker/FloatingPeoplePicker.Basic.Example.tsx index 56c71470b5a78..6f19750c8c410 100644 --- a/packages/react-examples/src/react/FloatingPeoplePicker/FloatingPeoplePicker.Basic.Example.tsx +++ b/packages/react-examples/src/react/FloatingPeoplePicker/FloatingPeoplePicker.Basic.Example.tsx @@ -7,7 +7,7 @@ import { SuggestionsStore, } from '@fluentui/react/lib/FloatingPicker'; import { SearchBox } from '@fluentui/react/lib/SearchBox'; -import { people } from '@uifabric/example-data'; +import { people } from '@fluentui/example-data'; import { useConst } from '@uifabric/react-hooks'; const searchBoxWrapperStyling = { width: 208 }; diff --git a/packages/react-examples/src/react/GroupedList/GroupedList.Basic.Example.tsx b/packages/react-examples/src/react/GroupedList/GroupedList.Basic.Example.tsx index ca10d8a810cd8..c307c27df8a88 100644 --- a/packages/react-examples/src/react/GroupedList/GroupedList.Basic.Example.tsx +++ b/packages/react-examples/src/react/GroupedList/GroupedList.Basic.Example.tsx @@ -4,7 +4,7 @@ import { IColumn, DetailsRow } from '@fluentui/react/lib/DetailsList'; import { Selection, SelectionMode, SelectionZone } from '@fluentui/react/lib/Selection'; import { Toggle, IToggleStyles } from '@fluentui/react/lib/Toggle'; import { useBoolean, useConst } from '@uifabric/react-hooks'; -import { createListItems, createGroups, IExampleItem } from '@uifabric/example-data'; +import { createListItems, createGroups, IExampleItem } from '@fluentui/example-data'; const toggleStyles: Partial = { root: { marginBottom: '20px' } }; const groupCount = 3; diff --git a/packages/react-examples/src/react/GroupedList/GroupedList.Custom.Example.tsx b/packages/react-examples/src/react/GroupedList/GroupedList.Custom.Example.tsx index 89c0ce12ae310..8ef6e24310168 100644 --- a/packages/react-examples/src/react/GroupedList/GroupedList.Custom.Example.tsx +++ b/packages/react-examples/src/react/GroupedList/GroupedList.Custom.Example.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { GroupedList, IGroup, IGroupHeaderProps, IGroupFooterProps } from '@fluentui/react/lib/GroupedList'; import { Link } from '@fluentui/react/lib/Link'; -import { createListItems, createGroups, IExampleItem } from '@uifabric/example-data'; +import { createListItems, createGroups, IExampleItem } from '@fluentui/example-data'; import { getTheme, mergeStyleSets, IRawStyle } from '@fluentui/react/lib/Styling'; const theme = getTheme(); diff --git a/packages/react-examples/src/react/GroupedList/GroupedList.CustomCheckbox.Example.tsx b/packages/react-examples/src/react/GroupedList/GroupedList.CustomCheckbox.Example.tsx index 80d069d6ac0f8..4a499ea9df795 100644 --- a/packages/react-examples/src/react/GroupedList/GroupedList.CustomCheckbox.Example.tsx +++ b/packages/react-examples/src/react/GroupedList/GroupedList.CustomCheckbox.Example.tsx @@ -11,7 +11,7 @@ import { FocusZone } from '@fluentui/react/lib/FocusZone'; import { Selection, SelectionMode, SelectionZone } from '@fluentui/react/lib/Selection'; import { Toggle } from '@fluentui/react/lib/Toggle'; import { useConst } from '@uifabric/react-hooks'; -import { createListItems, createGroups, IExampleItem } from '@uifabric/example-data'; +import { createListItems, createGroups, IExampleItem } from '@fluentui/example-data'; const groupCount = 3; const groupDepth = 1; diff --git a/packages/react-examples/src/react/HoverCard/HoverCard.Basic.Example.tsx b/packages/react-examples/src/react/HoverCard/HoverCard.Basic.Example.tsx index 2812d04c877c9..9c048642deb03 100644 --- a/packages/react-examples/src/react/HoverCard/HoverCard.Basic.Example.tsx +++ b/packages/react-examples/src/react/HoverCard/HoverCard.Basic.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { HoverCard, IExpandingCardProps } from '@fluentui/react/lib/HoverCard'; import { Fabric } from '@fluentui/react/lib/Fabric'; import { DetailsList, buildColumns, IColumn } from '@fluentui/react/lib/DetailsList'; -import { createListItems, IExampleItem } from '@uifabric/example-data'; +import { createListItems, IExampleItem } from '@fluentui/example-data'; import { mergeStyleSets } from '@fluentui/react/lib/Styling'; const classNames = mergeStyleSets({ diff --git a/packages/react-examples/src/react/HoverCard/HoverCard.PlainCard.Example.tsx b/packages/react-examples/src/react/HoverCard/HoverCard.PlainCard.Example.tsx index dbd7ff0e91015..9cdd9f4b13968 100644 --- a/packages/react-examples/src/react/HoverCard/HoverCard.PlainCard.Example.tsx +++ b/packages/react-examples/src/react/HoverCard/HoverCard.PlainCard.Example.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { HoverCard, IPlainCardProps, HoverCardType } from '@fluentui/react/lib/HoverCard'; import { DetailsList, buildColumns, IColumn } from '@fluentui/react/lib/DetailsList'; -import { createListItems, IExampleItem } from '@uifabric/example-data'; +import { createListItems, IExampleItem } from '@fluentui/example-data'; import { Image, ImageFit } from '@fluentui/react/lib/Image'; import { Fabric } from '@fluentui/react/lib/Fabric'; import { getColorFromString } from '@fluentui/react/lib/Color'; diff --git a/packages/react-examples/src/react/HoverCard/HoverCard.Target.Example.tsx b/packages/react-examples/src/react/HoverCard/HoverCard.Target.Example.tsx index 71d45a0b64f5c..18f92064a1765 100644 --- a/packages/react-examples/src/react/HoverCard/HoverCard.Target.Example.tsx +++ b/packages/react-examples/src/react/HoverCard/HoverCard.Target.Example.tsx @@ -10,7 +10,7 @@ import { KeyCodes, mergeStyleSets, } from '@fluentui/react'; -import { createListItems, IExampleItem } from '@uifabric/example-data'; +import { createListItems, IExampleItem } from '@fluentui/example-data'; import { useBoolean, useConst } from '@uifabric/react-hooks'; const classNames = mergeStyleSets({ diff --git a/packages/react-examples/src/react/Icon/Icon.ImageSheet.Example.tsx b/packages/react-examples/src/react/Icon/Icon.ImageSheet.Example.tsx index 8aeed770b9c91..6da3a7adfca96 100644 --- a/packages/react-examples/src/react/Icon/Icon.ImageSheet.Example.tsx +++ b/packages/react-examples/src/react/Icon/Icon.ImageSheet.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ImageIcon } from '@fluentui/react/lib/Icon'; import { mergeStyleSets } from '@fluentui/react/lib/Styling'; import { css } from '@fluentui/react/lib/Utilities'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const classNames = mergeStyleSets({ image: { diff --git a/packages/react-examples/src/react/List/List.Basic.Example.tsx b/packages/react-examples/src/react/List/List.Basic.Example.tsx index d69b9bb1d0b19..2e869bd08d58b 100644 --- a/packages/react-examples/src/react/List/List.Basic.Example.tsx +++ b/packages/react-examples/src/react/List/List.Basic.Example.tsx @@ -6,7 +6,7 @@ import { Image, ImageFit } from '@fluentui/react/lib/Image'; import { Icon } from '@fluentui/react/lib/Icon'; import { List } from '@fluentui/react/lib/List'; import { ITheme, mergeStyleSets, getTheme, getFocusStyle } from '@fluentui/react/lib/Styling'; -import { createListItems, IExampleItem } from '@uifabric/example-data'; +import { createListItems, IExampleItem } from '@fluentui/example-data'; import { useConst } from '@uifabric/react-hooks'; const theme: ITheme = getTheme(); diff --git a/packages/react-examples/src/react/List/List.Ghosting.Example.tsx b/packages/react-examples/src/react/List/List.Ghosting.Example.tsx index 3fa4f305bc2f9..d92e1815951aa 100644 --- a/packages/react-examples/src/react/List/List.Ghosting.Example.tsx +++ b/packages/react-examples/src/react/List/List.Ghosting.Example.tsx @@ -3,7 +3,7 @@ import { FocusZone, FocusZoneDirection } from '@fluentui/react/lib/FocusZone'; import { List } from '@fluentui/react/lib/List'; import { Image, ImageFit } from '@fluentui/react/lib/Image'; import { ITheme, mergeStyleSets, getTheme, getFocusStyle } from '@fluentui/react/lib/Styling'; -import { createListItems, IExampleItem } from '@uifabric/example-data'; +import { createListItems, IExampleItem } from '@fluentui/example-data'; import { useConst } from '@uifabric/react-hooks'; const theme: ITheme = getTheme(); diff --git a/packages/react-examples/src/react/List/List.Grid.Example.tsx b/packages/react-examples/src/react/List/List.Grid.Example.tsx index 4c6b5d42e9ce7..f72ca0f1b7712 100644 --- a/packages/react-examples/src/react/List/List.Grid.Example.tsx +++ b/packages/react-examples/src/react/List/List.Grid.Example.tsx @@ -3,7 +3,7 @@ import { FocusZone } from '@fluentui/react/lib/FocusZone'; import { List } from '@fluentui/react/lib/List'; import { IRectangle } from '@fluentui/react/lib/Utilities'; import { ITheme, getTheme, mergeStyleSets } from '@fluentui/react/lib/Styling'; -import { createListItems, IExampleItem } from '@uifabric/example-data'; +import { createListItems, IExampleItem } from '@fluentui/example-data'; import { useConst } from '@uifabric/react-hooks'; const theme: ITheme = getTheme(); diff --git a/packages/react-examples/src/react/List/List.Scrolling.Example.tsx b/packages/react-examples/src/react/List/List.Scrolling.Example.tsx index 54db0c47950ee..8998c560eed35 100644 --- a/packages/react-examples/src/react/List/List.Scrolling.Example.tsx +++ b/packages/react-examples/src/react/List/List.Scrolling.Example.tsx @@ -4,7 +4,7 @@ import { DefaultButton } from '@fluentui/react/lib/compat/Button'; import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown'; import { List, ScrollToMode, IList } from '@fluentui/react/lib/List'; import { TextField } from '@fluentui/react/lib/TextField'; -import { createListItems, IExampleItem } from '@uifabric/example-data'; +import { createListItems, IExampleItem } from '@fluentui/example-data'; import { mergeStyleSets, getTheme, normalize } from '@fluentui/react/lib/Styling'; import { useConst } from '@uifabric/react-hooks'; diff --git a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Compact.Example.tsx b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Compact.Example.tsx index bc1ca0c1682f0..a24bd2e3a6440 100644 --- a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Compact.Example.tsx +++ b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Compact.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Checkbox } from '@fluentui/react/lib/Checkbox'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; import { CompactPeoplePicker, IBasePickerSuggestionsProps, ValidationState } from '@fluentui/react/lib/Pickers'; -import { people, mru } from '@uifabric/example-data'; +import { people, mru } from '@fluentui/example-data'; const suggestionProps: IBasePickerSuggestionsProps = { suggestionsHeaderText: 'Suggested People', diff --git a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Controlled.Example.tsx b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Controlled.Example.tsx index 0678b41db0a50..e5c515ce18d12 100644 --- a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Controlled.Example.tsx +++ b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Controlled.Example.tsx @@ -3,7 +3,7 @@ import { DefaultButton, IButtonStyles } from '@fluentui/react/lib/compat/Button' import { Checkbox } from '@fluentui/react/lib/Checkbox'; import { IPersonaProps, Persona } from '@fluentui/react/lib/Persona'; import { IBasePickerSuggestionsProps, NormalPeoplePicker } from '@fluentui/react/lib/Pickers'; -import { people } from '@uifabric/example-data'; +import { people } from '@fluentui/example-data'; const suggestionProps: IBasePickerSuggestionsProps = { suggestionsHeaderText: 'Suggested People', diff --git a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.LimitedSearch.Example.tsx b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.LimitedSearch.Example.tsx index 58122405613a6..7493ab455af00 100644 --- a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.LimitedSearch.Example.tsx +++ b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.LimitedSearch.Example.tsx @@ -3,7 +3,7 @@ import { Checkbox } from '@fluentui/react/lib/Checkbox'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; import { CompactPeoplePicker, IBasePickerSuggestionsProps } from '@fluentui/react/lib/Pickers'; import { assign } from '@fluentui/react/lib/Utilities'; -import { people, mru } from '@uifabric/example-data'; +import { people, mru } from '@fluentui/example-data'; const suggestionProps: IBasePickerSuggestionsProps = { suggestionsHeaderText: 'Suggested People', mostRecentlyUsedHeaderText: 'Suggested Contacts', diff --git a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.List.Example.tsx b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.List.Example.tsx index 83341f92db32d..30ca271e4bce3 100644 --- a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.List.Example.tsx +++ b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.List.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Checkbox } from '@fluentui/react/lib/Checkbox'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; import { IBasePickerSuggestionsProps, ListPeoplePicker, ValidationState } from '@fluentui/react/lib/Pickers'; -import { people, mru } from '@uifabric/example-data'; +import { people, mru } from '@fluentui/example-data'; const suggestionProps: IBasePickerSuggestionsProps = { suggestionsHeaderText: 'Suggested People', diff --git a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Normal.Example.tsx b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Normal.Example.tsx index 43f09e77b5fd9..c07a04e85e3f7 100644 --- a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Normal.Example.tsx +++ b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.Normal.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Checkbox } from '@fluentui/react/lib/Checkbox'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; import { IBasePickerSuggestionsProps, NormalPeoplePicker, ValidationState } from '@fluentui/react/lib/Pickers'; -import { people, mru } from '@uifabric/example-data'; +import { people, mru } from '@fluentui/example-data'; const suggestionProps: IBasePickerSuggestionsProps = { suggestionsHeaderText: 'Suggested People', diff --git a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.PreselectedItems.Example.tsx b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.PreselectedItems.Example.tsx index 844f718bf21dc..c1b7b2260eb01 100644 --- a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.PreselectedItems.Example.tsx +++ b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.PreselectedItems.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Checkbox } from '@fluentui/react/lib/Checkbox'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; import { CompactPeoplePicker, IBasePickerSuggestionsProps, ValidationState } from '@fluentui/react/lib/Pickers'; -import { people, mru } from '@uifabric/example-data'; +import { people, mru } from '@fluentui/example-data'; const suggestionProps: IBasePickerSuggestionsProps = { suggestionsHeaderText: 'Suggested People', diff --git a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.ProcessSelection.Example.tsx b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.ProcessSelection.Example.tsx index 1824f2683f079..e3fa60d7af81e 100644 --- a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.ProcessSelection.Example.tsx +++ b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.ProcessSelection.Example.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Checkbox } from '@fluentui/react/lib/Checkbox'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; import { IBasePickerSuggestionsProps, NormalPeoplePicker, ValidationState } from '@fluentui/react/lib/Pickers'; -import { people, mru } from '@uifabric/example-data'; +import { people, mru } from '@fluentui/example-data'; const suggestionProps: IBasePickerSuggestionsProps = { suggestionsHeaderText: 'Suggested People', diff --git a/packages/react-examples/src/react/PeoplePicker/examples/PeoplePickerExampleData.ts b/packages/react-examples/src/react/PeoplePicker/examples/PeoplePickerExampleData.ts index 1b84dfd52f51e..26dd8d3a77481 100644 --- a/packages/react-examples/src/react/PeoplePicker/examples/PeoplePickerExampleData.ts +++ b/packages/react-examples/src/react/PeoplePicker/examples/PeoplePickerExampleData.ts @@ -1,9 +1,9 @@ import { IPersonaProps, PersonaPresence } from '@fluentui/react/lib/Persona'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; /* eslint-disable deprecation/deprecation */ -/** @deprecated Use the version from `@uifabric/example-data` instead. */ +/** @deprecated Use the version from `@fluentui/example-data` instead. */ export const people: (IPersonaProps & { key: string | number })[] = [ { key: 1, @@ -407,5 +407,5 @@ export const people: (IPersonaProps & { key: string | number })[] = [ }, ]; -/** @deprecated Use the version from `@uifabric/example-data` instead. */ +/** @deprecated Use the version from `@fluentui/example-data` instead. */ export const mru: IPersonaProps[] = people.slice(0, 5); diff --git a/packages/react-examples/src/react/Persona/Persona.Alternate.Example.tsx b/packages/react-examples/src/react/Persona/Persona.Alternate.Example.tsx index 8f74dcb23b607..52073fe317702 100644 --- a/packages/react-examples/src/react/Persona/Persona.Alternate.Example.tsx +++ b/packages/react-examples/src/react/Persona/Persona.Alternate.Example.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { IPersonaSharedProps, Persona, PersonaSize, PersonaPresence } from '@fluentui/react/lib/Persona'; import { Stack } from '@fluentui/react/lib/Stack'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; export const PersonaAlternateExample: React.FunctionComponent = () => { const examplePersona: IPersonaSharedProps = { diff --git a/packages/react-examples/src/react/Persona/Persona.Basic.Example.tsx b/packages/react-examples/src/react/Persona/Persona.Basic.Example.tsx index 75465b680716a..e5011af046c07 100644 --- a/packages/react-examples/src/react/Persona/Persona.Basic.Example.tsx +++ b/packages/react-examples/src/react/Persona/Persona.Basic.Example.tsx @@ -3,7 +3,7 @@ import { IPersonaSharedProps, Persona, PersonaSize, PersonaPresence } from '@flu import { Checkbox } from '@fluentui/react/lib/Checkbox'; import { Label } from '@fluentui/react/lib/Label'; import { Stack } from '@fluentui/react/lib/Stack'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; export const PersonaBasicExample: React.FunctionComponent = () => { const [renderDetails, updateRenderDetails] = React.useState(true); diff --git a/packages/react-examples/src/react/Persona/Persona.CustomCoinRender.Example.tsx b/packages/react-examples/src/react/Persona/Persona.CustomCoinRender.Example.tsx index ecb3cca144551..2ecf5e236b4ca 100644 --- a/packages/react-examples/src/react/Persona/Persona.CustomCoinRender.Example.tsx +++ b/packages/react-examples/src/react/Persona/Persona.CustomCoinRender.Example.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { IPersonaProps, IPersonaSharedProps, Persona, PersonaSize, PersonaPresence } from '@fluentui/react/lib/Persona'; import { Stack } from '@fluentui/react/lib/Stack'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; import { mergeStyles } from '@fluentui/react/lib/Styling'; const customCoinClass = mergeStyles({ diff --git a/packages/react-examples/src/react/Persona/Persona.CustomRender.Example.tsx b/packages/react-examples/src/react/Persona/Persona.CustomRender.Example.tsx index f39e95bf19811..ed551f9a48a0a 100644 --- a/packages/react-examples/src/react/Persona/Persona.CustomRender.Example.tsx +++ b/packages/react-examples/src/react/Persona/Persona.CustomRender.Example.tsx @@ -9,7 +9,7 @@ import { } from '@fluentui/react/lib/Persona'; import { Icon, IIconStyles } from '@fluentui/react/lib/Icon'; import { Stack } from '@fluentui/react/lib/Stack'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; const personaStyles: Partial = { root: { margin: '0 0 10px 0' } }; const iconStyles: Partial = { root: { marginRight: 5 } }; diff --git a/packages/react-examples/src/react/Persona/Persona.UnknownPersona.Example.tsx b/packages/react-examples/src/react/Persona/Persona.UnknownPersona.Example.tsx index 71e6f1c88dc59..895f5cc1ed28e 100644 --- a/packages/react-examples/src/react/Persona/Persona.UnknownPersona.Example.tsx +++ b/packages/react-examples/src/react/Persona/Persona.UnknownPersona.Example.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { Persona, PersonaSize } from '@fluentui/react/lib/Persona'; import { Stack } from '@fluentui/react/lib/Stack'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; export const UnknownPersonaExample: React.FunctionComponent = () => { return ( diff --git a/packages/react-examples/src/react/ScrollablePane/ScrollablePane.Default.Example.tsx b/packages/react-examples/src/react/ScrollablePane/ScrollablePane.Default.Example.tsx index 5293752f6fedd..bb611ad3015d3 100644 --- a/packages/react-examples/src/react/ScrollablePane/ScrollablePane.Default.Example.tsx +++ b/packages/react-examples/src/react/ScrollablePane/ScrollablePane.Default.Example.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { getTheme, mergeStyleSets } from '@fluentui/react/lib/Styling'; -import { lorem } from '@uifabric/example-data'; +import { lorem } from '@fluentui/example-data'; import { ScrollablePane, IScrollablePaneStyles } from '@fluentui/react/lib/ScrollablePane'; import { Sticky, StickyPositionType } from '@fluentui/react/lib/Sticky'; diff --git a/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.Basic.Example.tsx b/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.Basic.Example.tsx index 8b1656bce7ce8..550ab8e339303 100644 --- a/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.Basic.Example.tsx +++ b/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.Basic.Example.tsx @@ -7,7 +7,7 @@ import { ExtendedSelectedItem, } from '@fluentui/react/lib/SelectedItemsList'; import { Stack } from '@fluentui/react/lib/Stack'; -import { people, groupOne, groupTwo } from '@uifabric/example-data'; +import { people, groupOne, groupTwo } from '@fluentui/example-data'; const primaryButtonStyles: Partial = { root: { display: 'block', marginBottom: 20 } }; const onRenderItem = (props: ISelectedPeopleItemProps): JSX.Element => { diff --git a/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.Controlled.Example.tsx b/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.Controlled.Example.tsx index fe92cba454c72..3613067238ccd 100644 --- a/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.Controlled.Example.tsx +++ b/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.Controlled.Example.tsx @@ -7,7 +7,7 @@ import { ExtendedSelectedItem, } from '@fluentui/react/lib/SelectedItemsList'; import { Stack, IStackStyles } from '@fluentui/react/lib/Stack'; -import { people, groupOne, groupTwo } from '@uifabric/example-data'; +import { people, groupOne, groupTwo } from '@fluentui/example-data'; const primaryButtonStyles: Partial = { root: { display: 'block', marginBottom: 20 } }; const stackStyles: Partial = { root: { maxWidth: '100%' } }; diff --git a/packages/react-examples/src/react/Selection/Selection.Basic.Example.tsx b/packages/react-examples/src/react/Selection/Selection.Basic.Example.tsx index 6c76137c34d21..3e4b6b8b85336 100644 --- a/packages/react-examples/src/react/Selection/Selection.Basic.Example.tsx +++ b/packages/react-examples/src/react/Selection/Selection.Basic.Example.tsx @@ -3,7 +3,7 @@ import { ICommandBarItemProps, CommandBar } from '@fluentui/react/lib/CommandBar import { Check } from '@fluentui/react/lib/Check'; import { MarqueeSelection } from '@fluentui/react/lib/MarqueeSelection'; import { ISelection, Selection, SelectionMode, SelectionZone } from '@fluentui/react/lib/Selection'; -import { IExampleItem, createListItems } from '@uifabric/example-data'; +import { IExampleItem, createListItems } from '@fluentui/example-data'; import { IRawStyle, mergeStyleSets } from '@fluentui/react/lib/Styling'; import { useConst, useForceUpdate } from '@uifabric/react-hooks'; diff --git a/packages/react-examples/src/react/Shimmer/Shimmer.Application.Example.tsx b/packages/react-examples/src/react/Shimmer/Shimmer.Application.Example.tsx index 9465ee3ed8feb..b98b324af1582 100644 --- a/packages/react-examples/src/react/Shimmer/Shimmer.Application.Example.tsx +++ b/packages/react-examples/src/react/Shimmer/Shimmer.Application.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { createListItems, IExampleItem } from '@uifabric/example-data'; +import { createListItems, IExampleItem } from '@fluentui/example-data'; import { IColumn, buildColumns, SelectionMode, Toggle, IListProps } from '@fluentui/react/lib/index'; import { ShimmeredDetailsList } from '@fluentui/react/lib/ShimmeredDetailsList'; import { useSetInterval, useConst } from '@uifabric/react-hooks'; diff --git a/packages/react-examples/src/react/Stack/Stack.Horizontal.Configure.Example.tsx b/packages/react-examples/src/react/Stack/Stack.Horizontal.Configure.Example.tsx index 431db4662a082..14d0218b3ddb5 100644 --- a/packages/react-examples/src/react/Stack/Stack.Horizontal.Configure.Example.tsx +++ b/packages/react-examples/src/react/Stack/Stack.Horizontal.Configure.Example.tsx @@ -14,7 +14,7 @@ import { TextField, } from '@fluentui/react'; import { useBoolean } from '@uifabric/react-hooks'; -import { range } from '@uifabric/example-data'; +import { range } from '@fluentui/example-data'; export interface IExampleOptions { numItems: number; showBoxShadow: boolean; diff --git a/packages/react-examples/src/react/Stack/Stack.Horizontal.WrapAdvanced.Example.tsx b/packages/react-examples/src/react/Stack/Stack.Horizontal.WrapAdvanced.Example.tsx index 00422642aae8a..7803fbcea0e15 100644 --- a/packages/react-examples/src/react/Stack/Stack.Horizontal.WrapAdvanced.Example.tsx +++ b/packages/react-examples/src/react/Stack/Stack.Horizontal.WrapAdvanced.Example.tsx @@ -3,7 +3,7 @@ import { Dropdown, IDropdownOption } from '@fluentui/react/lib/Dropdown'; import { Slider } from '@fluentui/react/lib/Slider'; import { Stack, IStackProps, IStackStyles, IStackTokens } from '@fluentui/react/lib/Stack'; import { DefaultPalette } from '@fluentui/react/lib/Styling'; -import { range } from '@uifabric/example-data'; +import { range } from '@fluentui/example-data'; export type Overflow = 'visible' | 'auto' | 'hidden'; diff --git a/packages/react-examples/src/react/Stack/Stack.Vertical.Configure.Example.tsx b/packages/react-examples/src/react/Stack/Stack.Vertical.Configure.Example.tsx index 4f13ba5025da2..94f440ff8245a 100644 --- a/packages/react-examples/src/react/Stack/Stack.Vertical.Configure.Example.tsx +++ b/packages/react-examples/src/react/Stack/Stack.Vertical.Configure.Example.tsx @@ -6,7 +6,7 @@ import { Stack, IStackStyles, IStackTokens, IStackItemStyles, IStackProps } from import { mergeStyles, DefaultPalette } from '@fluentui/react/lib/Styling'; import { TextField } from '@fluentui/react/lib/TextField'; import { useBoolean } from '@uifabric/react-hooks'; -import { range } from '@uifabric/example-data'; +import { range } from '@fluentui/example-data'; export interface IExampleOptions { numItems: number; showBoxShadow: boolean; diff --git a/packages/react-examples/src/react/TextField/TextField.Multiline.Example.tsx b/packages/react-examples/src/react/TextField/TextField.Multiline.Example.tsx index 40e5ace075d75..6a6e79147074c 100644 --- a/packages/react-examples/src/react/TextField/TextField.Multiline.Example.tsx +++ b/packages/react-examples/src/react/TextField/TextField.Multiline.Example.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { TextField } from '@fluentui/react/lib/TextField'; import { useBoolean } from '@uifabric/react-hooks'; -import { lorem } from '@uifabric/example-data'; +import { lorem } from '@fluentui/example-data'; import { Stack, IStackProps, IStackStyles } from '@fluentui/react/lib/Stack'; const stackStyles: Partial = { root: { width: 650 } }; diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json index f816efb52704b..f6a9774e4b3b6 100644 --- a/packages/react-experiments/package.json +++ b/packages/react-experiments/package.json @@ -56,7 +56,7 @@ "@fluentui/react-internal": "^7.142.0", "@fluentui/theme": "^1.2.1", "@microsoft/load-themed-styles": "^1.10.26", - "@uifabric/example-data": "^7.1.5", + "@fluentui/example-data": "^7.1.5", "@fluentui/foundation-legacy": "^7.9.9", "@fluentui/font-icons-mdl2": "^7.5.8", "@uifabric/merge-styles": "^7.19.1", diff --git a/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx b/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx index 97f21c5f1e053..f37912da1f828 100644 --- a/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx +++ b/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { create } from 'react-test-renderer'; -import { people } from '@uifabric/example-data'; +import { people } from '@fluentui/example-data'; import { mount } from 'enzyme'; import { SelectedPeopleList, diff --git a/packages/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/UnifiedPeoplePicker.test.tsx b/packages/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/UnifiedPeoplePicker.test.tsx index 6d6a5d5760605..8b265c9a80c7b 100644 --- a/packages/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/UnifiedPeoplePicker.test.tsx +++ b/packages/react-experiments/src/components/UnifiedPicker/UnifiedPeoplePicker/UnifiedPeoplePicker.test.tsx @@ -4,7 +4,7 @@ import { create } from 'react-test-renderer'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; import { UnifiedPeoplePicker } from './UnifiedPeoplePicker'; import { IFloatingSuggestionItem, IFloatingPeopleSuggestionsProps } from '../../../FloatingPeopleSuggestionsComposite'; -import { people, mru } from '@uifabric/example-data'; +import { people, mru } from '@fluentui/example-data'; import { ISelectedPeopleListProps } from '../../../SelectedItemsList'; type InputElementWrapper = ReactWrapper, any>; diff --git a/packages/react-internal/package.json b/packages/react-internal/package.json index a88bc27234e9f..600443f65f299 100644 --- a/packages/react-internal/package.json +++ b/packages/react-internal/package.json @@ -38,7 +38,7 @@ "@types/sinon": "2.2.2", "@types/webpack-env": "1.15.1", "@uifabric/build": "^7.0.0", - "@uifabric/example-data": "^7.1.5", + "@fluentui/example-data": "^7.1.5", "@uifabric/jest-serializer-merge-styles": "^7.2.2", "@uifabric/test-utilities": "^7.3.0", "@fluentui/react-conformance": "^0.1.5", diff --git a/packages/react-internal/src/common/TestImages.ts b/packages/react-internal/src/common/TestImages.ts index b0c19e972367c..226d33ff21208 100644 --- a/packages/react-internal/src/common/TestImages.ts +++ b/packages/react-internal/src/common/TestImages.ts @@ -2,7 +2,7 @@ const baseProductionCdnUrl = 'https://static2.sharepointonline.com/files/fabric/office-ui-fabric-react-assets/'; -/** @deprecated Use the version from `@uifabric/example-data` instead. */ +/** @deprecated Use the version from `@fluentui/example-data` instead. */ export const TestImages = { choiceGroupBarUnselected: baseProductionCdnUrl + 'choicegroup-bar-unselected.png', choiceGroupBarSelected: baseProductionCdnUrl + 'choicegroup-bar-selected.png', diff --git a/packages/react-internal/src/components/ActivityItem/ActivityItem.test.tsx b/packages/react-internal/src/components/ActivityItem/ActivityItem.test.tsx index 9b3a4a7dc1b83..b755294ac5f69 100644 --- a/packages/react-internal/src/components/ActivityItem/ActivityItem.test.tsx +++ b/packages/react-internal/src/components/ActivityItem/ActivityItem.test.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import * as renderer from 'react-test-renderer'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; import { ActivityItem } from './ActivityItem'; import { Icon } from '../../Icon'; import { IPersonaSharedProps } from '../../Persona'; diff --git a/packages/react-internal/src/components/Facepile/Facepile.test.tsx b/packages/react-internal/src/components/Facepile/Facepile.test.tsx index 85bba19cc4fee..9b81da42492aa 100644 --- a/packages/react-internal/src/components/Facepile/Facepile.test.tsx +++ b/packages/react-internal/src/components/Facepile/Facepile.test.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import * as renderer from 'react-test-renderer'; import { mount } from 'enzyme'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; import { setRTL } from '../../Utilities'; import { Facepile } from './Facepile'; import { IFacepilePersona, OverflowButtonType } from './Facepile.types'; diff --git a/packages/react-internal/src/components/Icon/Icon.test.tsx b/packages/react-internal/src/components/Icon/Icon.test.tsx index a5b4ccb7147ee..315d30b0e1dec 100644 --- a/packages/react-internal/src/components/Icon/Icon.test.tsx +++ b/packages/react-internal/src/components/Icon/Icon.test.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import * as renderer from 'react-test-renderer'; import { Icon } from './index'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; import { isConformant } from '../../common/isConformant'; describe('Icon', () => { diff --git a/packages/react-internal/src/components/Persona/Persona.test.tsx b/packages/react-internal/src/components/Persona/Persona.test.tsx index 6e9a89dcdd5f2..6f44527e9aff0 100644 --- a/packages/react-internal/src/components/Persona/Persona.test.tsx +++ b/packages/react-internal/src/components/Persona/Persona.test.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { create } from '@uifabric/utilities/lib/test'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; import { Icon } from '../../Icon'; import { setRTL, IRenderFunction } from '../../Utilities'; import { Persona } from './Persona'; diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePicker.test.tsx b/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePicker.test.tsx index 877270cd5d49d..a1173a751faf1 100644 --- a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePicker.test.tsx +++ b/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePicker.test.tsx @@ -5,7 +5,7 @@ import * as renderer from 'react-test-renderer'; import { IBasePicker } from '../BasePicker.types'; import { resetIds } from '@uifabric/utilities'; -import { people } from '@uifabric/example-data'; +import { people } from '@fluentui/example-data'; import { NormalPeoplePicker } from './PeoplePicker'; import { IPersonaProps } from '../../Persona/Persona.types'; import { isConformant } from '../../../common/isConformant'; diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json index 42c2015a44155..6c079df9423b8 100644 --- a/packages/react-monaco-editor/package.json +++ b/packages/react-monaco-editor/package.json @@ -39,7 +39,7 @@ "dependencies": { "@fluentui/react": "^7.142.0", "@microsoft/load-themed-styles": "^1.10.26", - "@uifabric/example-data": "^7.1.5", + "@fluentui/example-data": "^7.1.5", "@fluentui/monaco-editor": "^0.5.18", "@uifabric/react-hooks": "^7.13.5", "raw-loader": "^0.5.1", diff --git a/packages/react-monaco-editor/scripts/copyTypes.js b/packages/react-monaco-editor/scripts/copyTypes.js index 02cd49e1e36be..8193451c23b8f 100644 --- a/packages/react-monaco-editor/scripts/copyTypes.js +++ b/packages/react-monaco-editor/scripts/copyTypes.js @@ -9,7 +9,7 @@ const path = require('path'); // Copy react.d.ts and other .d.ts files it references to the dist folder, // so we can more easily load them into the editor later. module.exports = function copyTypes() { - const packagesToResolve = ['@fluentui/react', '@uifabric/react-hooks', '@uifabric/example-data']; + const packagesToResolve = ['@fluentui/react', '@uifabric/react-hooks', '@fluentui/example-data']; const resolvedPackages = []; const pathsToCopy = []; diff --git a/packages/react-monaco-editor/src/components/TsxEditor.types.ts b/packages/react-monaco-editor/src/components/TsxEditor.types.ts index 82ad994bdaf67..c83c9e37bdc5a 100644 --- a/packages/react-monaco-editor/src/components/TsxEditor.types.ts +++ b/packages/react-monaco-editor/src/components/TsxEditor.types.ts @@ -25,7 +25,7 @@ export interface ITsxEditorProps { /** * Supported packages for imports (React is implicitly supported). - * Defaults to `@fluentui/react` (and everything it exports) plus `@uifabric/example-data`. + * Defaults to `@fluentui/react` (and everything it exports) plus `@fluentui/example-data`. * * WARNING: Changing this prop will cause editor initialization to re-run. * (Save the value in a constant to prevent it from mutating every render.) diff --git a/packages/react-monaco-editor/src/transpiler/exampleParser.test.ts b/packages/react-monaco-editor/src/transpiler/exampleParser.test.ts index d7817d09976a4..44a9eb0c342af 100644 --- a/packages/react-monaco-editor/src/transpiler/exampleParser.test.ts +++ b/packages/react-monaco-editor/src/transpiler/exampleParser.test.ts @@ -467,7 +467,7 @@ export class Foo extends React.Component {} const example = ` import * as React from 'react'; import { Bar } from '@fluentui/react/lib/Bar'; -import { createListItems } from '@uifabric/example-data'; +import { createListItems } from '@fluentui/example-data'; export class Foo extends React.Component {} `; expect(tryParseExample(example, SUPPORTED_PACKAGES)).toEqual({ @@ -482,9 +482,9 @@ export class Foo extends React.Component {} identifiers: [{ name: 'Bar' }], }, { - text: "import { createListItems } from '@uifabric/example-data';", - path: '@uifabric/example-data', - packageName: '@uifabric/example-data', + text: "import { createListItems } from '@fluentui/example-data';", + path: '@fluentui/example-data', + packageName: '@fluentui/example-data', identifiers: [{ name: 'createListItems' }], }, ], diff --git a/packages/react-monaco-editor/src/transpiler/transpileHelpers.test.ts b/packages/react-monaco-editor/src/transpiler/transpileHelpers.test.ts index b47f45d325517..04077ea660f9b 100644 --- a/packages/react-monaco-editor/src/transpiler/transpileHelpers.test.ts +++ b/packages/react-monaco-editor/src/transpiler/transpileHelpers.test.ts @@ -141,7 +141,7 @@ describe('_supportedPackageToGlobalMap', () => { '@fluentui/style-utilities': 'FluentUIReact', '@uifabric/utilities': 'FluentUIReact', '@uifabric/react-hooks': 'FabricReactHooks', - '@uifabric/example-data': 'FabricExampleData', + '@fluentui/example-data': 'FluentUIExampleData', }); }); diff --git a/packages/react-monaco-editor/src/utilities/defaultSupportedPackages.ts b/packages/react-monaco-editor/src/utilities/defaultSupportedPackages.ts index da59355801bad..a28f3f3999f44 100644 --- a/packages/react-monaco-editor/src/utilities/defaultSupportedPackages.ts +++ b/packages/react-monaco-editor/src/utilities/defaultSupportedPackages.ts @@ -14,8 +14,8 @@ const hooksGroup: IPackageGroup = { packages: [], }; const exampleDataGroup: IPackageGroup = { - globalName: 'FabricExampleData', - loadGlobal: cb => require.ensure([], require => cb(require('@uifabric/example-data'))), + globalName: 'FluentUIExampleData', + loadGlobal: cb => require.ensure([], require => cb(require('@fluentui/example-data'))), packages: [], }; @@ -42,7 +42,7 @@ if (typesContext) { ['react-focus', 'react'].indexOf(unscopedName) > -1 ? '@fluentui' : '@uifabric' }/${unscopedName}`; const packageGroup = - packageName === '@uifabric/example-data' + packageName === '@fluentui/example-data' ? exampleDataGroup : packageName === '@uifabric/react-hooks' ? hooksGroup @@ -73,11 +73,11 @@ if (typesContext) { { packageName: '@fluentui/date-time-utilities', loadTypes }, ); hooksGroup.packages.push({ packageName: '@uifabric/react-hooks', loadTypes }); - exampleDataGroup.packages.push({ packageName: '@uifabric/example-data', loadTypes }); + exampleDataGroup.packages.push({ packageName: '@fluentui/example-data', loadTypes }); } /** * Default supported packages for imports: `@fluentui/react` and everything it exports, - * plus `@uifabric/example-data`. (React is implicitly supported.) + * plus `@fluentui/example-data`. (React is implicitly supported.) */ export const SUPPORTED_PACKAGES: IPackageGroup[] = [fabricGroup, hooksGroup, exampleDataGroup]; diff --git a/packages/react-next/package.json b/packages/react-next/package.json index 91a4f078d113a..31f716799dd2a 100644 --- a/packages/react-next/package.json +++ b/packages/react-next/package.json @@ -43,7 +43,7 @@ "@types/react-test-renderer": "^16.0.0", "@types/webpack-env": "1.15.1", "@uifabric/build": "^7.0.0", - "@uifabric/example-data": "^7.1.5", + "@fluentui/example-data": "^7.1.5", "@uifabric/jest-serializer-merge-styles": "^7.2.2", "@uifabric/test-utilities": "^7.3.0", "@fluentui/react-conformance": "^0.1.5", diff --git a/packages/react/package.json b/packages/react/package.json index d780902b179b6..a2fd4cee926a2 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -42,7 +42,7 @@ "@types/sinon": "2.2.2", "@types/webpack-env": "1.15.1", "@uifabric/build": "^7.0.0", - "@uifabric/example-data": "^7.1.5", + "@fluentui/example-data": "^7.1.5", "@uifabric/jest-serializer-merge-styles": "^7.2.2", "@uifabric/test-utilities": "^7.3.0", "@uifabric/webpack-utils": "^7.0.25", diff --git a/packages/react/src/components/DocumentCard/DocumentCardImage.test.tsx b/packages/react/src/components/DocumentCard/DocumentCardImage.test.tsx index b2003dc22bab6..ace8b91635c96 100644 --- a/packages/react/src/components/DocumentCard/DocumentCardImage.test.tsx +++ b/packages/react/src/components/DocumentCard/DocumentCardImage.test.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import * as renderer from 'react-test-renderer'; -import { TestImages } from '@uifabric/example-data'; +import { TestImages } from '@fluentui/example-data'; import { ImageFit } from '../../Image'; import { DocumentCardImage } from './DocumentCardImage'; diff --git a/scripts/tasks/lint-imports.js b/scripts/tasks/lint-imports.js index cb59191a609b1..5527240cea873 100644 --- a/scripts/tasks/lint-imports.js +++ b/scripts/tasks/lint-imports.js @@ -47,7 +47,7 @@ function lintImports() { '@fluentui/react-examples/lib/react/Keytip/KeytipSetup', '@fluentui/react-charting/lib/types/IDataPoint', '@fluentui/react-experiments/lib/utilities/scrolling/ScrollContainer', - // Once the components using this data are promoted, the data should go into @uifabric/example-data + // Once the components using this data are promoted, the data should go into @fluentui/example-data '@fluentui/react-experiments/lib/common/TestImages', // Only used in experimental examples. Will need a different approach for this to work with the editor. '@fluentui/foundation-legacy/lib/next/composed',