Rename @uifabric/example-data to @fluentui/example-data (#15618)

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",

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' },

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: [

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 = [
   {

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[] = [];

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,

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,

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;

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'];
 

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": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-20T23:46:09.537Z"
+}

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": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-20T23:46:24.992Z"
+}

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": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-20T23:46:12.112Z"
+}

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": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-20T23:46:16.973Z"
+}

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": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-20T23:46:18.793Z"
+}

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": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-20T23:46:20.751Z"
+}

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": "[email protected]",
+  "dependentChangeType": "patch",
+  "date": "2020-10-20T23:46:23.155Z"
+}

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": "[email protected]",
   "dependentChangeType": "none",
   "date": "2020-10-15T08:59:06.626Z"

packages/example-data/LICENSE

@@ -1,4 +1,4 @@
-@uifabric/example-data
+@fluentui/example-data
 
 Copyright (c) Microsoft Corporation
 

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/))

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/).
 

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",

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',
 });

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",

packages/react-docsite-components/src/components/CodepenComponent/CodepenComponent.tsx

@@ -45,8 +45,8 @@ const CodepenComponentBase: React.FunctionComponent<ICodepenProps> = 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')
         : '',
       `<div id="${CONTENT_ID}"></div>`,
     ]

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;

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",

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');

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: {

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';

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;

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';
 

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 = [
   {

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';

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 {

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';

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,

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,

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,

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,

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 {

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';
 

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;

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';
 

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 }[] = [