From f2c755f316c412effbd51d1f7e49aac601f8e118 Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Fri, 10 Jan 2020 23:22:58 -0800 Subject: [PATCH 01/14] Config updates (all) --- build/gulp/tasks/test-dependencies/utils.ts | 6 +----- build/tsconfig.docs.json | 5 +---- build/webpack.config.perf.ts | 2 -- build/webpack.config.ts | 6 +----- packages/react/jest.config.js | 9 +-------- packages/react/tsconfig.json | 7 +------ 6 files changed, 5 insertions(+), 30 deletions(-) diff --git a/build/gulp/tasks/test-dependencies/utils.ts b/build/gulp/tasks/test-dependencies/utils.ts index 705f1d925b..40f09991e4 100644 --- a/build/gulp/tasks/test-dependencies/utils.ts +++ b/build/gulp/tasks/test-dependencies/utils.ts @@ -59,11 +59,7 @@ export const prepareWebpackConfig = (options: WebpackOptions) => { ], resolve: { extensions: ['.ts', '.tsx', '.js', '.json'], - alias: { - ...lernaAliases(), - src: paths.packageSrc('react'), - docs: paths.base('docs'), - }, + alias: lernaAliases(), }, } } diff --git a/build/tsconfig.docs.json b/build/tsconfig.docs.json index 93fc104626..967f2d93eb 100644 --- a/build/tsconfig.docs.json +++ b/build/tsconfig.docs.json @@ -3,10 +3,7 @@ "compilerOptions": { "module": "esnext", "paths": { - "@fluentui/*": ["packages/*/src"], - "docs/*": ["docs/*"], - "src/*": ["packages/react/src/*"], - "test/*": ["packages/react/test/*"] + "@fluentui/*": ["packages/*/src"] } }, "include": ["../docs/src", "../packages/react/src", "../types"] diff --git a/build/webpack.config.perf.ts b/build/webpack.config.perf.ts index 5f1412a622..0e826990af 100644 --- a/build/webpack.config.perf.ts +++ b/build/webpack.config.perf.ts @@ -54,8 +54,6 @@ const webpackConfig: any = { extensions: ['.ts', '.tsx', '.js', '.json'], alias: { ...lernaAliases(), - docs: paths.base('docs'), - src: paths.packageSrc('react'), // We are using React in production mode with tracing. // https://gist.github.com/bvaughn/25e6233aeb1b4f0cdb8d8366e54a3977 diff --git a/build/webpack.config.ts b/build/webpack.config.ts index 770190ef37..d2360ea8db 100644 --- a/build/webpack.config.ts +++ b/build/webpack.config.ts @@ -116,11 +116,7 @@ const webpackConfig: any = { ].filter(Boolean), resolve: { extensions: ['.ts', '.tsx', '.js', '.json'], - alias: { - ...lernaAliases(), - src: paths.packageSrc('react'), - docs: paths.base('docs'), - }, + alias: lernaAliases(), }, optimization: { // Automatically split vendor and commons diff --git a/packages/react/jest.config.js b/packages/react/jest.config.js index 2c90a62efe..635d7fbbad 100644 --- a/packages/react/jest.config.js +++ b/packages/react/jest.config.js @@ -3,12 +3,5 @@ const commonConfig = require('@fluentui/internal-tooling/jest') module.exports = { ...commonConfig, name: 'react', - moduleNameMapper: { - ...require('lerna-alias').jest(), - 'docs/(.*)$': `/../../docs/$1`, - - // Legacy aliases, they should not be used in new tests - '^src/(.*)$': `/src/$1`, - 'test/(.*)$': `/test/$1`, - }, + moduleNameMapper: require('lerna-alias').jest(), } diff --git a/packages/react/tsconfig.json b/packages/react/tsconfig.json index 61bd5687e9..aef66ae9ec 100644 --- a/packages/react/tsconfig.json +++ b/packages/react/tsconfig.json @@ -2,12 +2,7 @@ "extends": "../../build/tsconfig.common", "compilerOptions": { "composite": true, - "outDir": "dist/dts", - "paths": { - "docs/*": ["docs/*"], - "src/*": ["packages/react/src/*"], - "test/*": ["packages/react/test/*"] - } + "outDir": "dist/dts" }, "include": ["src", "test"], "references": [ From ae732cde70fd8b261ad2d8db746f6abfb21f4db5 Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Fri, 10 Jan 2020 23:24:44 -0800 Subject: [PATCH 02/14] Perf tests (both) depend on fluentui/docs --- packages/perf-test/.digest/config.tsx | 3 +-- packages/perf-test/package.json | 1 + perf/src/index.tsx | 6 +++++- 3 files changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/perf-test/.digest/config.tsx b/packages/perf-test/.digest/config.tsx index 4265a90fa9..c6255258fe 100644 --- a/packages/perf-test/.digest/config.tsx +++ b/packages/perf-test/.digest/config.tsx @@ -2,8 +2,7 @@ import * as React from 'react' import { Provider, themes } from '@fluentui/react' const reqContexts = [ - // TODO: Relative pathing isn't the best here, but docs containing perf stories isn't a package that can be added as a dep. - require.context('../../../docs/src', true, /\.perf\.tsx$/), + require.context('@fluentui/docs/src', true, /\.perf\.tsx$/), require.context('..', true, /\.perf\.tsx$/), // TODO: why does this break index.html?? seems to pull in stories the same way... // require.context('../stories', true, /\.perf\.tsx$/), diff --git a/packages/perf-test/package.json b/packages/perf-test/package.json index a43d118b05..1c55a73870 100644 --- a/packages/perf-test/package.json +++ b/packages/perf-test/package.json @@ -15,6 +15,7 @@ "perf:test": "just-scripts perf-test" }, "devDependencies": { + "@fluentui/docs": "^0.43.0", "@fluentui/digest": "^0.43.0", "@types/react": "^16.8.10", "@types/react-dom": "^16.8.3", diff --git a/perf/src/index.tsx b/perf/src/index.tsx index 4827f0aea1..430f316f45 100644 --- a/perf/src/index.tsx +++ b/perf/src/index.tsx @@ -12,7 +12,11 @@ import { ProfilerMeasure, ProfilerMeasureCycle } from '../types' const Profiler = (React as any).unstable_Profiler const mountNode = document.querySelector('#root') -const performanceExamplesContext = require.context('docs/src/examples/', true, /.perf.tsx$/) +const performanceExamplesContext = require.context( + '@fluentui/docs/src/examples/', + true, + /.perf.tsx$/, +) // Heads up! // We want to randomize examples to avoid any notable issues with always first example From dabf59a3992f0b39cc82775e306b1ec23c51de41 Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Fri, 10 Jan 2020 23:30:08 -0800 Subject: [PATCH 03/14] Remove src and test path imports from tests --- .github/test-a-feature.md | 8 ++++---- .../test/styles/resolveStylesAndClasses-test.ts | 2 +- .../specs/commonTests/handlesAccessibility.tsx | 4 ++-- .../commonTests/htmlIsAccessibilityCompliant.ts | 2 +- .../implementsCollectionShorthandProp.tsx | 4 ++-- .../commonTests/implementsShorthandProp.tsx | 4 ++-- .../specs/commonTests/implementsWrapperProp.tsx | 6 +++--- .../test/specs/commonTests/isConformant.tsx | 4 ++-- .../specs/commonTests/isExportedAtTopLevel.tsx | 4 ++-- .../specs/commonTests/stylesFunction-test.tsx | 4 ++-- .../components/Accordion/Accordion-test.tsx | 8 ++++---- .../Accordion/AccordionContent-test.tsx | 6 +++--- .../components/Accordion/AccordionTitle-test.tsx | 4 ++-- .../test/specs/components/Alert/Alert-test.tsx | 8 ++++---- .../components/Animation/Animation-test.tsx | 4 ++-- .../components/Attachment/Attachment-test.tsx | 12 ++++++------ .../test/specs/components/Avatar/Avatar-test.tsx | 8 ++++---- .../test/specs/components/Button/Button-test.tsx | 8 ++++---- .../specs/components/Button/ButtonGroup-test.tsx | 6 +++--- .../specs/components/Carousel/Carousel-test.tsx | 14 +++++++------- .../components/Carousel/CarouselItem-test.tsx | 8 +++++--- .../Carousel/CarouselNavigation-test.tsx | 4 ++-- .../Carousel/CarouselNavigationItem-test.tsx | 4 ++-- .../test/specs/components/Chat/Chat-test.ts | 6 +++--- .../test/specs/components/Chat/ChatItem-test.tsx | 6 +++--- .../specs/components/Chat/ChatMessage-test.tsx | 10 +++++----- .../specs/components/Checkbox/Checkbox-test.tsx | 8 ++------ .../test/specs/components/Debug/utils-test.ts | 8 +++++++- .../test/specs/components/Dialog/Dialog-test.tsx | 6 +++--- .../components/Dialog/DialogFooter-test.tsx | 4 ++-- .../specs/components/Divider/Divider-test.tsx | 4 ++-- .../specs/components/Dropdown/Dropdown-test.tsx | 14 +++++++------- .../Dropdown/DropdownSelectedItem-test.tsx | 6 +++--- .../test/specs/components/Embed/Embed-test.tsx | 6 +++--- .../test/specs/components/Form/Form-test.tsx | 6 +++--- .../specs/components/Form/FormField-test.tsx | 16 ++++++++-------- .../test/specs/components/Grid/Grid-test.tsx | 4 ++-- .../test/specs/components/Header/Header-test.ts | 4 ++-- .../components/Header/HeaderDescription-test.ts | 4 ++-- .../HierarchicalTree/HierarchicalTree-test.tsx | 10 +++++----- .../test/specs/components/Icon/Icon-test.tsx | 2 +- .../test/specs/components/Image/Image-test.tsx | 6 +++--- .../test/specs/components/Input/Input-test.tsx | 16 ++++++---------- .../components/ItemLayout/ItemLayout-test.ts | 4 ++-- .../test/specs/components/Label/Label-test.tsx | 8 ++++---- .../test/specs/components/Layout/Layout-test.ts | 4 ++-- .../test/specs/components/List/List-test.tsx | 8 ++++---- .../test/specs/components/List/ListItem-test.tsx | 6 +++--- .../test/specs/components/Loader/Loader-test.tsx | 6 +++--- .../test/specs/components/Menu/Menu-test.tsx | 8 ++++---- .../specs/components/Menu/MenuDivider-test.ts | 4 ++-- .../test/specs/components/Menu/MenuItem-test.tsx | 8 ++++---- .../components/MenuButton/MenuButton-test.tsx | 4 ++-- .../test/specs/components/Popup/Popup-test.tsx | 2 +- .../specs/components/Popup/PopupContent-test.ts | 4 ++-- .../test/specs/components/Portal/Portal-test.tsx | 6 +++--- .../components/PortalInner/PortalInner-test.tsx | 4 ++-- .../specs/components/Provider/Provider-test.tsx | 8 ++++---- .../Provider/ProviderConsumer-test.tsx | 6 +++--- .../components/RadioGroup/RadioGroup-test.tsx | 12 ++++-------- .../components/RadioGroup/RadioGroupItem-test.ts | 4 ++-- .../specs/components/Reaction/Reaction-test.tsx | 4 ++-- .../components/Reaction/ReactionGroup-test.tsx | 8 ++++---- .../specs/components/Segment/Segment-test.ts | 4 ++-- .../test/specs/components/Slider/Slider-test.tsx | 4 ++-- .../components/SplitButton/SplitButton-test.tsx | 10 +++++----- .../test/specs/components/Status/Status-test.tsx | 4 ++-- .../test/specs/components/Table/Table-test.tsx | 8 ++++---- .../specs/components/Table/TableCell-test.tsx | 6 +++--- .../specs/components/Table/TableRow-test.tsx | 8 ++++---- .../test/specs/components/Text/Text-test.tsx | 6 +++--- .../specs/components/TextArea/TextArea-test.tsx | 6 +++--- .../specs/components/Toolbar/Toolbar-test.tsx | 6 +++--- .../components/Toolbar/ToolbarCustomItem-test.ts | 4 ++-- .../components/Toolbar/ToolbarDivider-test.ts | 4 ++-- .../components/Toolbar/ToolbarItem-test.tsx | 6 +++--- .../components/Toolbar/ToolbarMenu-test.tsx | 6 +++--- .../Toolbar/ToolbarMenuDivider-test.ts | 4 ++-- .../components/Toolbar/ToolbarMenuItem-test.ts | 6 +++--- .../Toolbar/ToolbarMenuRadioGroup-test.ts | 6 +++--- .../Toolbar/ToolbarRadioGroup-test.tsx | 6 +++--- .../specs/components/Tooltip/Tooltip-test.tsx | 4 ++-- .../components/Tooltip/TooltipContent-test.ts | 4 ++-- .../test/specs/components/Tree/Tree-test.tsx | 10 +++++----- .../test/specs/components/Tree/TreeItem-test.tsx | 4 ++-- .../specs/components/Tree/TreeTitle-test.tsx | 4 ++-- .../test/specs/components/Video/Video-test.tsx | 4 ++-- .../react/test/specs/themes/colorUtils-test.ts | 4 ++-- .../specs/utils/AutoControlledComponent-test.tsx | 6 +++--- .../utils/accessibility/FocusContainer-test.ts | 2 +- .../test/specs/utils/childrenExist-test.tsx | 2 +- .../test/specs/utils/createComponent-test.tsx | 2 +- .../specs/utils/doesNodeContainClick-test.ts | 2 +- .../react/test/specs/utils/factories-test.tsx | 6 +++--- .../utils/felaDisableAnimationsPlugin-test.ts | 2 +- .../utils/felaExpandCssShorthandsPlugin-test.ts | 2 +- .../specs/utils/felaFocusVisibleEnhancer-test.ts | 2 +- .../utils/felaInvokeKeyframesPlugin-test.ts | 2 +- .../react/test/specs/utils/felaRenderer-test.tsx | 10 +++++----- .../specs/utils/felaSanitizeCssPlugin-test.ts | 2 +- .../test/specs/utils/fontSizeUtility-test.ts | 2 +- .../test/specs/utils/htmlInputPropsUtils-test.ts | 2 +- .../react/test/specs/utils/isBrowser-test.ts | 2 +- .../mergeProviderContexts-test.ts | 6 ++++-- .../utils/positioner/getScrollParent-test.ts | 2 +- .../utils/positioner/positioningHelper-test.ts | 7 +++++-- packages/react/test/utils/withProvider.tsx | 2 +- 107 files changed, 301 insertions(+), 300 deletions(-) diff --git a/.github/test-a-feature.md b/.github/test-a-feature.md index 76d7371b8d..eff5266909 100644 --- a/.github/test-a-feature.md +++ b/.github/test-a-feature.md @@ -51,9 +51,9 @@ These tests are typically imported into individual component tests. Every common test receives your component as its first argument. ```tsx -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Divider from 'src/components/Divider/Divider' +import Divider from '@fluentui/react/src/components/Divider/Divider' describe('Divider', () => { isConformant(Divider) @@ -85,9 +85,9 @@ There should be one describe block for each prop of your component. Example for `Button` component: ```tsx -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Button from 'src/components/Button' +import Button from '@fluentui/react/src/components/Button' describe('Button', () => { isConformant(Button) diff --git a/packages/react-bindings/test/styles/resolveStylesAndClasses-test.ts b/packages/react-bindings/test/styles/resolveStylesAndClasses-test.ts index 71ea32fdbe..3cd6cc4f78 100644 --- a/packages/react-bindings/test/styles/resolveStylesAndClasses-test.ts +++ b/packages/react-bindings/test/styles/resolveStylesAndClasses-test.ts @@ -4,7 +4,7 @@ import { emptyTheme, ICSSInJSStyle, } from '@fluentui/styles' -import resolveStylesAndClasses from '../../src/styles/resolveStylesAndClasses' +import resolveStylesAndClasses from '@fluentui/react/src/styles/resolveStylesAndClasses' const styleParam: ComponentStyleFunctionParam = { disableAnimations: false, diff --git a/packages/react/test/specs/commonTests/handlesAccessibility.tsx b/packages/react/test/specs/commonTests/handlesAccessibility.tsx index 15efdbc7d0..c6bc742087 100644 --- a/packages/react/test/specs/commonTests/handlesAccessibility.tsx +++ b/packages/react/test/specs/commonTests/handlesAccessibility.tsx @@ -8,8 +8,8 @@ import { FocusZone, FOCUSZONE_WRAP_ATTRIBUTE } from '@fluentui/react-bindings' import * as React from 'react' import * as keyboardKey from 'keyboard-key' -import { mountWithProviderAndGetComponent, mountWithProvider } from 'test/utils' -import { UIComponent } from 'src/utils' +import { mountWithProviderAndGetComponent, mountWithProvider } from '../../utils' +import { UIComponent } from '@fluentui/react/src/utils' import { EVENT_TARGET_ATTRIBUTE, getEventTargetComponent } from './eventTarget' export const getRenderedAttribute = (renderedComponent, propName, partSelector) => { diff --git a/packages/react/test/specs/commonTests/htmlIsAccessibilityCompliant.ts b/packages/react/test/specs/commonTests/htmlIsAccessibilityCompliant.ts index b4723cda56..aba67b090d 100644 --- a/packages/react/test/specs/commonTests/htmlIsAccessibilityCompliant.ts +++ b/packages/react/test/specs/commonTests/htmlIsAccessibilityCompliant.ts @@ -1,7 +1,7 @@ import * as React from 'react' import * as ReactDOMServer from 'react-dom/server' import { axe, toHaveNoViolations } from 'jest-axe' -import { EmptyThemeProvider } from 'test/utils' +import { EmptyThemeProvider } from '../../utils' type AxeMatcher = jest.Matchers & { toHaveNoViolations: () => R diff --git a/packages/react/test/specs/commonTests/implementsCollectionShorthandProp.tsx b/packages/react/test/specs/commonTests/implementsCollectionShorthandProp.tsx index 62c3014303..44f0b5e11e 100644 --- a/packages/react/test/specs/commonTests/implementsCollectionShorthandProp.tsx +++ b/packages/react/test/specs/commonTests/implementsCollectionShorthandProp.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import { mountWithProvider as mount } from 'test/utils' +import { mountWithProvider as mount } from '../../utils' import * as _ from 'lodash' -import { PropsOf } from 'src/types' +import { PropsOf } from '@fluentui/react/src/types' export type CollectionShorthandTestOptions = { mapsValueToProp: keyof (TProps & React.HTMLProps) | false diff --git a/packages/react/test/specs/commonTests/implementsShorthandProp.tsx b/packages/react/test/specs/commonTests/implementsShorthandProp.tsx index a52cfd9f91..436eef25be 100644 --- a/packages/react/test/specs/commonTests/implementsShorthandProp.tsx +++ b/packages/react/test/specs/commonTests/implementsShorthandProp.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { ReactWrapper } from 'enzyme' -import { mountWithProvider } from 'test/utils' -import { Props, PropsOf, InstanceOf } from 'src/types' +import { mountWithProvider } from '../../utils' +import { Props, PropsOf, InstanceOf } from '@fluentui/react/src/types' export type ShorthandTestOptions = { mapsValueToProp: keyof (TProps & React.HTMLProps) | false diff --git a/packages/react/test/specs/commonTests/implementsWrapperProp.tsx b/packages/react/test/specs/commonTests/implementsWrapperProp.tsx index 940891fa4a..578b485759 100644 --- a/packages/react/test/specs/commonTests/implementsWrapperProp.tsx +++ b/packages/react/test/specs/commonTests/implementsWrapperProp.tsx @@ -1,9 +1,9 @@ import * as React from 'react' import { ReactWrapper } from 'enzyme' -import { mountWithProvider as mount } from 'test/utils' +import { mountWithProvider as mount } from '../../utils' -import Box from 'src/components/Box/Box' -import { Props, ShorthandValue } from 'src/types' +import Box from '@fluentui/react/src/components/Box/Box' +import { Props, ShorthandValue } from '@fluentui/react/src/types' export interface ImplementsWrapperPropOptions { wrapppedComponentSelector: any diff --git a/packages/react/test/specs/commonTests/isConformant.tsx b/packages/react/test/specs/commonTests/isConformant.tsx index 2e3c9ea314..901bf8fa9d 100644 --- a/packages/react/test/specs/commonTests/isConformant.tsx +++ b/packages/react/test/specs/commonTests/isConformant.tsx @@ -14,10 +14,10 @@ import { getDisplayName, mountWithProvider as mount, syntheticEvent, -} from 'test/utils' +} from '../../utils' import helpers from './commonHelpers' -import * as FluentUI from 'src/index' +import * as FluentUI from '@fluentui/react/src/index' import { getEventTargetComponent, EVENT_TARGET_ATTRIBUTE } from './eventTarget' export interface Conformant { diff --git a/packages/react/test/specs/commonTests/isExportedAtTopLevel.tsx b/packages/react/test/specs/commonTests/isExportedAtTopLevel.tsx index c70e1b5206..c1589abdf2 100644 --- a/packages/react/test/specs/commonTests/isExportedAtTopLevel.tsx +++ b/packages/react/test/specs/commonTests/isExportedAtTopLevel.tsx @@ -1,5 +1,5 @@ import * as _ from 'lodash' -import * as FluentUI from 'src/index' +import * as FluentUI from '@fluentui/react/src/index' // ---------------------------------------- // Is exported or private @@ -12,7 +12,7 @@ export default (constructorName: string, displayName: string) => { test('is exported at the top level', () => { const message = [ `'${displayName}' must be exported at top level.`, - "Export it in 'src/index.js'.", + "Export it in 'src/index.ts'.", ].join(' ') expect({ isTopLevelAPIProp, message }).toEqual({ diff --git a/packages/react/test/specs/commonTests/stylesFunction-test.tsx b/packages/react/test/specs/commonTests/stylesFunction-test.tsx index d7a484066e..01f6ccaf88 100644 --- a/packages/react/test/specs/commonTests/stylesFunction-test.tsx +++ b/packages/react/test/specs/commonTests/stylesFunction-test.tsx @@ -2,8 +2,8 @@ import { Extendable, ICSSInJSStyle } from '@fluentui/styles' import * as React from 'react' import * as PropTypes from 'prop-types' import * as _ from 'lodash' -import { UIComponent } from 'src/utils' -import { mountWithProviderAndGetComponent } from 'test/utils' +import { UIComponent } from '@fluentui/react/src/utils' +import { mountWithProviderAndGetComponent } from '../../utils' type AttrValue = 'props' | 'state' diff --git a/packages/react/test/specs/components/Accordion/Accordion-test.tsx b/packages/react/test/specs/components/Accordion/Accordion-test.tsx index 1c376eeb2d..a2a00368c4 100644 --- a/packages/react/test/specs/components/Accordion/Accordion-test.tsx +++ b/packages/react/test/specs/components/Accordion/Accordion-test.tsx @@ -1,10 +1,10 @@ import * as React from 'react' import * as keyboardKey from 'keyboard-key' -import Accordion from 'src/components/Accordion/Accordion' -import { isConformant, handlesAccessibility } from 'test/specs/commonTests' -import { mountWithProvider, mountWithProviderAndGetComponent } from 'test/utils' -import AccordionTitle from 'src/components/Accordion/AccordionTitle' +import Accordion from '@fluentui/react/src/components/Accordion/Accordion' +import { isConformant, handlesAccessibility } from '../../commonTests' +import { mountWithProvider, mountWithProviderAndGetComponent } from '../../../utils' +import AccordionTitle from '@fluentui/react/src/components/Accordion/AccordionTitle' import { ReactWrapper, CommonWrapper } from 'enzyme' const panels = [ diff --git a/packages/react/test/specs/components/Accordion/AccordionContent-test.tsx b/packages/react/test/specs/components/Accordion/AccordionContent-test.tsx index 210694ff32..dc25caf306 100644 --- a/packages/react/test/specs/components/Accordion/AccordionContent-test.tsx +++ b/packages/react/test/specs/components/Accordion/AccordionContent-test.tsx @@ -1,8 +1,8 @@ import * as React from 'react' -import AccordionContent from 'src/components/Accordion/AccordionContent' -import { isConformant, handlesAccessibility, getRenderedAttribute } from 'test/specs/commonTests' -import { mountWithProviderAndGetComponent } from 'test/utils' +import AccordionContent from '@fluentui/react/src/components/Accordion/AccordionContent' +import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' +import { mountWithProviderAndGetComponent } from '../../../utils' describe('AccordionContent', () => { isConformant(AccordionContent) diff --git a/packages/react/test/specs/components/Accordion/AccordionTitle-test.tsx b/packages/react/test/specs/components/Accordion/AccordionTitle-test.tsx index 1f790fc0df..8009a17e8d 100644 --- a/packages/react/test/specs/components/Accordion/AccordionTitle-test.tsx +++ b/packages/react/test/specs/components/Accordion/AccordionTitle-test.tsx @@ -1,5 +1,5 @@ -import AccordionTitle from 'src/components/Accordion/AccordionTitle' -import { isConformant, handlesAccessibility } from 'test/specs/commonTests' +import AccordionTitle from '@fluentui/react/src/components/Accordion/AccordionTitle' +import { isConformant, handlesAccessibility } from '../../commonTests' describe('AccordionTitle', () => { isConformant(AccordionTitle, { diff --git a/packages/react/test/specs/components/Alert/Alert-test.tsx b/packages/react/test/specs/components/Alert/Alert-test.tsx index 19385e6fce..67411c4fb6 100644 --- a/packages/react/test/specs/components/Alert/Alert-test.tsx +++ b/packages/react/test/specs/components/Alert/Alert-test.tsx @@ -5,11 +5,11 @@ import { implementsShorthandProp, handlesAccessibility, htmlIsAccessibilityCompliant, -} from 'test/specs/commonTests' +} from '../../commonTests' -import Alert from 'src/components/Alert/Alert' -import Box from 'src/components/Box/Box' -import Button from 'src/components/Button/Button' +import Alert from '@fluentui/react/src/components/Alert/Alert' +import Box from '@fluentui/react/src/components/Box/Box' +import Button from '@fluentui/react/src/components/Button/Button' const alertImplementsShorthandProp = implementsShorthandProp(Alert) diff --git a/packages/react/test/specs/components/Animation/Animation-test.tsx b/packages/react/test/specs/components/Animation/Animation-test.tsx index 4933174e41..c985fc7efe 100644 --- a/packages/react/test/specs/components/Animation/Animation-test.tsx +++ b/packages/react/test/specs/components/Animation/Animation-test.tsx @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Animation from 'src/components/Animation/Animation' +import Animation from '@fluentui/react/src/components/Animation/Animation' describe('Animation', () => { isConformant(Animation, { hasAccessibilityProp: false }) diff --git a/packages/react/test/specs/components/Attachment/Attachment-test.tsx b/packages/react/test/specs/components/Attachment/Attachment-test.tsx index 3f683d3969..cf7c6a9cc6 100644 --- a/packages/react/test/specs/components/Attachment/Attachment-test.tsx +++ b/packages/react/test/specs/components/Attachment/Attachment-test.tsx @@ -1,12 +1,12 @@ import * as React from 'react' -import { isConformant, implementsShorthandProp, handlesAccessibility } from 'test/specs/commonTests' -import { mountWithProvider, findIntrinsicElement } from 'test/utils' +import { isConformant, implementsShorthandProp, handlesAccessibility } from '../../commonTests' +import { mountWithProvider, findIntrinsicElement } from '../../../utils' import * as keyboardKey from 'keyboard-key' -import Attachment from 'src/components/Attachment/Attachment' -import Text from 'src/components/Text/Text' -import Icon from 'src/components/Icon/Icon' -import Button from 'src/components/Button/Button' +import Attachment from '@fluentui/react/src/components/Attachment/Attachment' +import Text from '@fluentui/react/src/components/Text/Text' +import Icon from '@fluentui/react/src/components/Icon/Icon' +import Button from '@fluentui/react/src/components/Button/Button' import { ReactWrapper } from 'enzyme' const attachmentImplementsShorthandProp = implementsShorthandProp(Attachment) diff --git a/packages/react/test/specs/components/Avatar/Avatar-test.tsx b/packages/react/test/specs/components/Avatar/Avatar-test.tsx index 2a38004fea..6ce8a930c9 100644 --- a/packages/react/test/specs/components/Avatar/Avatar-test.tsx +++ b/packages/react/test/specs/components/Avatar/Avatar-test.tsx @@ -1,8 +1,8 @@ -import { implementsShorthandProp, isConformant } from 'test/specs/commonTests' +import { implementsShorthandProp, isConformant } from '../../commonTests' -import Avatar from 'src/components/Avatar/Avatar' -import Label from 'src/components/Label/Label' -import Image from 'src/components/Image/Image' +import Avatar from '@fluentui/react/src/components/Avatar/Avatar' +import Label from '@fluentui/react/src/components/Label/Label' +import Image from '@fluentui/react/src/components/Image/Image' const avatarImplementsShorthandProp = implementsShorthandProp(Avatar) const { getInitials } = (Avatar as any).defaultProps diff --git a/packages/react/test/specs/components/Button/Button-test.tsx b/packages/react/test/specs/components/Button/Button-test.tsx index 2d2809acc9..4b539f63bd 100644 --- a/packages/react/test/specs/components/Button/Button-test.tsx +++ b/packages/react/test/specs/components/Button/Button-test.tsx @@ -6,12 +6,12 @@ import { htmlIsAccessibilityCompliant, implementsShorthandProp, getRenderedAttribute, -} from 'test/specs/commonTests' -import { mountWithProvider, mountWithProviderAndGetComponent } from 'test/utils' +} from '../../commonTests' +import { mountWithProvider, mountWithProviderAndGetComponent } from '../../../utils' import { toggleButtonBehavior } from '@fluentui/accessibility' -import Button from 'src/components/Button/Button' -import Icon from 'src/components/Icon/Icon' +import Button from '@fluentui/react/src/components/Button/Button' +import Icon from '@fluentui/react/src/components/Icon/Icon' const buttonImplementsShorthandProp = implementsShorthandProp(Button) diff --git a/packages/react/test/specs/components/Button/ButtonGroup-test.tsx b/packages/react/test/specs/components/Button/ButtonGroup-test.tsx index 46e1528c7a..87ef2f22d2 100644 --- a/packages/react/test/specs/components/Button/ButtonGroup-test.tsx +++ b/packages/react/test/specs/components/Button/ButtonGroup-test.tsx @@ -1,7 +1,7 @@ -import { isConformant } from 'test/specs/commonTests' -import ButtonGroup from 'src/components/Button/ButtonGroup' +import { isConformant } from '../../commonTests' +import ButtonGroup from '@fluentui/react/src/components/Button/ButtonGroup' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import Button from 'src/components/Button/Button' +import Button from '@fluentui/react/src/components/Button/Button' const buttonGroupImplementsCollectionShorthandProp = implementsCollectionShorthandProp(ButtonGroup) diff --git a/packages/react/test/specs/components/Carousel/Carousel-test.tsx b/packages/react/test/specs/components/Carousel/Carousel-test.tsx index ad53567594..d19f065959 100644 --- a/packages/react/test/specs/components/Carousel/Carousel-test.tsx +++ b/packages/react/test/specs/components/Carousel/Carousel-test.tsx @@ -1,13 +1,13 @@ import * as React from 'react' -import { isConformant } from 'test/specs/commonTests' -import Carousel, { CarouselProps } from 'src/components/Carousel/Carousel' -import CarouselItem from 'src/components/Carousel/CarouselItem' -import CarouselNavigation from 'src/components/Carousel/CarouselNavigation' -import CarouselNavigationItem from 'src/components/Carousel/CarouselNavigationItem' -import Text from 'src/components/Text/Text' +import { isConformant } from '../../commonTests' +import Carousel, { CarouselProps } from '@fluentui/react/src/components/Carousel/Carousel' +import CarouselItem from '@fluentui/react/src/components/Carousel/CarouselItem' +import CarouselNavigation from '@fluentui/react/src/components/Carousel/CarouselNavigation' +import CarouselNavigationItem from '@fluentui/react/src/components/Carousel/CarouselNavigationItem' +import Text from '@fluentui/react/src/components/Text/Text' import { ReactWrapper, CommonWrapper } from 'enzyme' -import { findIntrinsicElement, mountWithProvider } from 'test/utils' +import { findIntrinsicElement, mountWithProvider } from '../../../utils' const items = [ { diff --git a/packages/react/test/specs/components/Carousel/CarouselItem-test.tsx b/packages/react/test/specs/components/Carousel/CarouselItem-test.tsx index b939d32657..6b32008d99 100644 --- a/packages/react/test/specs/components/Carousel/CarouselItem-test.tsx +++ b/packages/react/test/specs/components/Carousel/CarouselItem-test.tsx @@ -1,9 +1,11 @@ import * as React from 'react' -import { isConformant } from 'test/specs/commonTests' -import CarouselItem, { CarouselItemProps } from 'src/components/Carousel/CarouselItem' +import { isConformant } from '../../commonTests' +import CarouselItem, { + CarouselItemProps, +} from '@fluentui/react/src/components/Carousel/CarouselItem' import { ReactWrapper, CommonWrapper } from 'enzyme' -import { findIntrinsicElement, mountWithProvider } from 'test/utils' +import { findIntrinsicElement, mountWithProvider } from '../../../utils' function renderCarouselItem(props?: CarouselItemProps): ReactWrapper { return mountWithProvider() diff --git a/packages/react/test/specs/components/Carousel/CarouselNavigation-test.tsx b/packages/react/test/specs/components/Carousel/CarouselNavigation-test.tsx index 2c679c1175..24ccb8c4d7 100644 --- a/packages/react/test/specs/components/Carousel/CarouselNavigation-test.tsx +++ b/packages/react/test/specs/components/Carousel/CarouselNavigation-test.tsx @@ -1,5 +1,5 @@ -import { isConformant } from 'test/specs/commonTests' -import CarouselNavigation from 'src/components/Carousel/CarouselNavigation' +import { isConformant } from '../../commonTests' +import CarouselNavigation from '@fluentui/react/src/components/Carousel/CarouselNavigation' describe('CarouselNavigation', () => { isConformant(CarouselNavigation) diff --git a/packages/react/test/specs/components/Carousel/CarouselNavigationItem-test.tsx b/packages/react/test/specs/components/Carousel/CarouselNavigationItem-test.tsx index ec3c893555..c34f292832 100644 --- a/packages/react/test/specs/components/Carousel/CarouselNavigationItem-test.tsx +++ b/packages/react/test/specs/components/Carousel/CarouselNavigationItem-test.tsx @@ -1,5 +1,5 @@ -import { isConformant } from 'test/specs/commonTests' -import CarouselNavigationItem from 'src/components/Carousel/CarouselNavigationItem' +import { isConformant } from '../../commonTests' +import CarouselNavigationItem from '@fluentui/react/src/components/Carousel/CarouselNavigationItem' describe('CarouselNavigationItem', () => { isConformant(CarouselNavigationItem) diff --git a/packages/react/test/specs/components/Chat/Chat-test.ts b/packages/react/test/specs/components/Chat/Chat-test.ts index 0dfbbf1939..d5e76c4ff8 100644 --- a/packages/react/test/specs/components/Chat/Chat-test.ts +++ b/packages/react/test/specs/components/Chat/Chat-test.ts @@ -1,9 +1,9 @@ import { chatBehavior, AccessibilityDefinition } from '@fluentui/accessibility' -import { handlesAccessibility, isConformant } from 'test/specs/commonTests' +import { handlesAccessibility, isConformant } from '../../commonTests' -import Chat from 'src/components/Chat/Chat' +import Chat from '@fluentui/react/src/components/Chat/Chat' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import ChatItem from 'src/components/Chat/ChatItem' +import ChatItem from '@fluentui/react/src/components/Chat/ChatItem' const chatImplementsCollectionShorthandProp = implementsCollectionShorthandProp(Chat) diff --git a/packages/react/test/specs/components/Chat/ChatItem-test.tsx b/packages/react/test/specs/components/Chat/ChatItem-test.tsx index 43d5bcc799..bce850e9f6 100644 --- a/packages/react/test/specs/components/Chat/ChatItem-test.tsx +++ b/packages/react/test/specs/components/Chat/ChatItem-test.tsx @@ -1,6 +1,6 @@ -import { isConformant, implementsShorthandProp } from 'test/specs/commonTests' -import ChatItem from 'src/components/Chat/ChatItem' -import Box from 'src/components/Box/Box' +import { isConformant, implementsShorthandProp } from '../../commonTests' +import ChatItem from '@fluentui/react/src/components/Chat/ChatItem' +import Box from '@fluentui/react/src/components/Box/Box' const chatItemImplementsShorthandProp = implementsShorthandProp(ChatItem) diff --git a/packages/react/test/specs/components/Chat/ChatMessage-test.tsx b/packages/react/test/specs/components/Chat/ChatMessage-test.tsx index af2838d2f6..8c40ac0824 100644 --- a/packages/react/test/specs/components/Chat/ChatMessage-test.tsx +++ b/packages/react/test/specs/components/Chat/ChatMessage-test.tsx @@ -1,12 +1,12 @@ import { chatMessageBehavior, AccessibilityDefinition } from '@fluentui/accessibility' import * as React from 'react' -import { handlesAccessibility, implementsShorthandProp, isConformant } from 'test/specs/commonTests' -import { mountWithProvider } from 'test/utils' +import { handlesAccessibility, implementsShorthandProp, isConformant } from '../../commonTests' +import { mountWithProvider } from '../../../utils' -import ChatMessage from 'src/components/Chat/ChatMessage' -import Text from 'src/components/Text/Text' -import Box from 'src/components/Box/Box' +import ChatMessage from '@fluentui/react/src/components/Chat/ChatMessage' +import Text from '@fluentui/react/src/components/Text/Text' +import Box from '@fluentui/react/src/components/Box/Box' const chatMessageImplementsShorthandProp = implementsShorthandProp(ChatMessage) diff --git a/packages/react/test/specs/components/Checkbox/Checkbox-test.tsx b/packages/react/test/specs/components/Checkbox/Checkbox-test.tsx index 1a626d30a1..54cb4809a7 100644 --- a/packages/react/test/specs/components/Checkbox/Checkbox-test.tsx +++ b/packages/react/test/specs/components/Checkbox/Checkbox-test.tsx @@ -1,10 +1,6 @@ import * as React from 'react' -import Checkbox from 'src/components/Checkbox/Checkbox' -import { - isConformant, - handlesAccessibility, - htmlIsAccessibilityCompliant, -} from 'test/specs/commonTests' +import Checkbox from '@fluentui/react/src/components/Checkbox/Checkbox' +import { isConformant, handlesAccessibility, htmlIsAccessibilityCompliant } from '../../commonTests' describe('Checkbox', () => { isConformant(Checkbox) diff --git a/packages/react/test/specs/components/Debug/utils-test.ts b/packages/react/test/specs/components/Debug/utils-test.ts index 735f935c5b..35ecadecdd 100644 --- a/packages/react/test/specs/components/Debug/utils-test.ts +++ b/packages/react/test/specs/components/Debug/utils-test.ts @@ -1,4 +1,10 @@ -import { find, isOverridden, filter, getValues, removeNulls } from 'src/components/Debug/utils' +import { + find, + isOverridden, + filter, + getValues, + removeNulls, +} from '@fluentui/react/src/components/Debug/utils' describe('debugUtils', () => { describe('find', () => { diff --git a/packages/react/test/specs/components/Dialog/Dialog-test.tsx b/packages/react/test/specs/components/Dialog/Dialog-test.tsx index 2b1c7dfdf6..476b346ee4 100644 --- a/packages/react/test/specs/components/Dialog/Dialog-test.tsx +++ b/packages/react/test/specs/components/Dialog/Dialog-test.tsx @@ -1,8 +1,8 @@ import * as React from 'react' -import Dialog from 'src/components/Dialog/Dialog' -import Button from 'src/components/Button/Button' -import { mountWithProvider, findIntrinsicElement } from 'test/utils' +import Dialog from '@fluentui/react/src/components/Dialog/Dialog' +import Button from '@fluentui/react/src/components/Button/Button' +import { mountWithProvider, findIntrinsicElement } from '../../../utils' describe('Dialog', () => { describe('content', () => { diff --git a/packages/react/test/specs/components/Dialog/DialogFooter-test.tsx b/packages/react/test/specs/components/Dialog/DialogFooter-test.tsx index 5ba446b2b5..0ffc647d1a 100644 --- a/packages/react/test/specs/components/Dialog/DialogFooter-test.tsx +++ b/packages/react/test/specs/components/Dialog/DialogFooter-test.tsx @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import DialogFooter from 'src/components/Dialog/DialogFooter' +import DialogFooter from '@fluentui/react/src/components/Dialog/DialogFooter' describe('DialogFooter', () => { isConformant(DialogFooter) diff --git a/packages/react/test/specs/components/Divider/Divider-test.tsx b/packages/react/test/specs/components/Divider/Divider-test.tsx index c316ab8f93..2e66829f89 100644 --- a/packages/react/test/specs/components/Divider/Divider-test.tsx +++ b/packages/react/test/specs/components/Divider/Divider-test.tsx @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Divider from 'src/components/Divider/Divider' +import Divider from '@fluentui/react/src/components/Divider/Divider' describe('Divider', () => { isConformant(Divider) diff --git a/packages/react/test/specs/components/Dropdown/Dropdown-test.tsx b/packages/react/test/specs/components/Dropdown/Dropdown-test.tsx index e182f6f4bc..98ace07558 100644 --- a/packages/react/test/specs/components/Dropdown/Dropdown-test.tsx +++ b/packages/react/test/specs/components/Dropdown/Dropdown-test.tsx @@ -2,14 +2,14 @@ import * as React from 'react' import * as keyboardKey from 'keyboard-key' import * as _ from 'lodash' -import Dropdown from 'src/components/Dropdown/Dropdown' -import DropdownSearchInput from 'src/components/Dropdown/DropdownSearchInput' -import DropdownSelectedItem from 'src/components/Dropdown/DropdownSelectedItem' -import { isConformant } from 'test/specs/commonTests' -import { findIntrinsicElement, mountWithProvider } from 'test/utils' +import Dropdown from '@fluentui/react/src/components/Dropdown/Dropdown' +import DropdownSearchInput from '@fluentui/react/src/components/Dropdown/DropdownSearchInput' +import DropdownSelectedItem from '@fluentui/react/src/components/Dropdown/DropdownSelectedItem' +import { isConformant } from '../../commonTests' +import { findIntrinsicElement, mountWithProvider } from '../../../utils' import { ReactWrapper, CommonWrapper } from 'enzyme' -import { DropdownItemProps } from 'src/components/Dropdown/DropdownItem' -import { ShorthandValue } from 'src/types' +import { DropdownItemProps } from '@fluentui/react/src/components/Dropdown/DropdownItem' +import { ShorthandValue } from '@fluentui/react/src/types' jest.dontMock('keyboard-key') jest.useFakeTimers() diff --git a/packages/react/test/specs/components/Dropdown/DropdownSelectedItem-test.tsx b/packages/react/test/specs/components/Dropdown/DropdownSelectedItem-test.tsx index 4a9e439ac8..2ca9baf115 100644 --- a/packages/react/test/specs/components/Dropdown/DropdownSelectedItem-test.tsx +++ b/packages/react/test/specs/components/Dropdown/DropdownSelectedItem-test.tsx @@ -1,8 +1,8 @@ import * as React from 'react' -import DropdownSelectedItem from 'src/components/Dropdown/DropdownSelectedItem' -import { getRenderedAttribute } from 'test/specs/commonTests' -import { mountWithProviderAndGetComponent } from 'test/utils' +import DropdownSelectedItem from '@fluentui/react/src/components/Dropdown/DropdownSelectedItem' +import { getRenderedAttribute } from '../../commonTests' +import { mountWithProviderAndGetComponent } from '../../../utils' describe('DropdownSelectedItem', () => { describe('active', () => { diff --git a/packages/react/test/specs/components/Embed/Embed-test.tsx b/packages/react/test/specs/components/Embed/Embed-test.tsx index ef270ac00a..9460263f82 100644 --- a/packages/react/test/specs/components/Embed/Embed-test.tsx +++ b/packages/react/test/specs/components/Embed/Embed-test.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import Embed from 'src/components/Embed/Embed' -import { isConformant, handlesAccessibility } from 'test/specs/commonTests' -import { mountWithProviderAndGetComponent } from 'test/utils' +import Embed from '@fluentui/react/src/components/Embed/Embed' +import { isConformant, handlesAccessibility } from '../../commonTests' +import { mountWithProviderAndGetComponent } from '../../../utils' describe('Embed', () => { isConformant(Embed) diff --git a/packages/react/test/specs/components/Form/Form-test.tsx b/packages/react/test/specs/components/Form/Form-test.tsx index e3e5932d77..af4eefb05a 100644 --- a/packages/react/test/specs/components/Form/Form-test.tsx +++ b/packages/react/test/specs/components/Form/Form-test.tsx @@ -1,8 +1,8 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Form from 'src/components/Form/Form' +import Form from '@fluentui/react/src/components/Form/Form' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import FormField from 'src/components/Form/FormField' +import FormField from '@fluentui/react/src/components/Form/FormField' const formImplementsCollectionShorthandProp = implementsCollectionShorthandProp(Form) diff --git a/packages/react/test/specs/components/Form/FormField-test.tsx b/packages/react/test/specs/components/Form/FormField-test.tsx index 3e8c6a4bc1..ba49c86b3b 100644 --- a/packages/react/test/specs/components/Form/FormField-test.tsx +++ b/packages/react/test/specs/components/Form/FormField-test.tsx @@ -1,13 +1,13 @@ import * as React from 'react' -import { isConformant, implementsShorthandProp } from 'test/specs/commonTests' -import { mountWithProvider } from 'test/utils' -import Button from 'src/components/Button/Button' -import RadioGroup from 'src/components/RadioGroup/RadioGroup' -import Input from 'src/components/Input/Input' -import Text from 'src/components/Text/Text' -import FormField from 'src/components/Form/FormField' -import Box from 'src/components/Box/Box' +import { isConformant, implementsShorthandProp } from '../../commonTests' +import { mountWithProvider } from '../../../utils' +import Button from '@fluentui/react/src/components/Button/Button' +import RadioGroup from '@fluentui/react/src/components/RadioGroup/RadioGroup' +import Input from '@fluentui/react/src/components/Input/Input' +import Text from '@fluentui/react/src/components/Text/Text' +import FormField from '@fluentui/react/src/components/Form/FormField' +import Box from '@fluentui/react/src/components/Box/Box' const formFieldImplementsShorthandProp = implementsShorthandProp(FormField) diff --git a/packages/react/test/specs/components/Grid/Grid-test.tsx b/packages/react/test/specs/components/Grid/Grid-test.tsx index 4bb4c17cd1..ed3f24d590 100644 --- a/packages/react/test/specs/components/Grid/Grid-test.tsx +++ b/packages/react/test/specs/components/Grid/Grid-test.tsx @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Grid from 'src/components/Grid/Grid' +import Grid from '@fluentui/react/src/components/Grid/Grid' describe('Grid', () => { isConformant(Grid) diff --git a/packages/react/test/specs/components/Header/Header-test.ts b/packages/react/test/specs/components/Header/Header-test.ts index 218027ce4c..24fbfeeecf 100644 --- a/packages/react/test/specs/components/Header/Header-test.ts +++ b/packages/react/test/specs/components/Header/Header-test.ts @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Header from 'src/components/Header/Header' +import Header from '@fluentui/react/src/components/Header/Header' describe('Header', () => { isConformant(Header) diff --git a/packages/react/test/specs/components/Header/HeaderDescription-test.ts b/packages/react/test/specs/components/Header/HeaderDescription-test.ts index cf077c953a..a1bd69e55a 100644 --- a/packages/react/test/specs/components/Header/HeaderDescription-test.ts +++ b/packages/react/test/specs/components/Header/HeaderDescription-test.ts @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import HeaderDescription from 'src/components/Header/HeaderDescription' +import HeaderDescription from '@fluentui/react/src/components/Header/HeaderDescription' describe('HeaderDescription', () => { isConformant(HeaderDescription) diff --git a/packages/react/test/specs/components/HierarchicalTree/HierarchicalTree-test.tsx b/packages/react/test/specs/components/HierarchicalTree/HierarchicalTree-test.tsx index 334cd1d655..c5e33cedf9 100644 --- a/packages/react/test/specs/components/HierarchicalTree/HierarchicalTree-test.tsx +++ b/packages/react/test/specs/components/HierarchicalTree/HierarchicalTree-test.tsx @@ -1,11 +1,11 @@ import * as React from 'react' import * as keyboardKey from 'keyboard-key' -import { isConformant } from 'test/specs/commonTests' -import { mountWithProvider } from 'test/utils' -import HierarchicalTree from 'src/components/HierarchicalTree/HierarchicalTree' -import HierarchicalTreeTitle from 'src/components/HierarchicalTree/HierarchicalTreeTitle' -import HierarchicalTreeItem from 'src/components/HierarchicalTree/HierarchicalTreeItem' +import { isConformant } from '../../commonTests' +import { mountWithProvider } from '../../../utils' +import HierarchicalTree from '@fluentui/react/src/components/HierarchicalTree/HierarchicalTree' +import HierarchicalTreeTitle from '@fluentui/react/src/components/HierarchicalTree/HierarchicalTreeTitle' +import HierarchicalTreeItem from '@fluentui/react/src/components/HierarchicalTree/HierarchicalTreeItem' import { ReactWrapper, CommonWrapper } from 'enzyme' const items = [ diff --git a/packages/react/test/specs/components/Icon/Icon-test.tsx b/packages/react/test/specs/components/Icon/Icon-test.tsx index 942e25f904..fc6f5773b6 100644 --- a/packages/react/test/specs/components/Icon/Icon-test.tsx +++ b/packages/react/test/specs/components/Icon/Icon-test.tsx @@ -3,7 +3,7 @@ import * as React from 'react' import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' import Icon from '../../../../src/components/Icon/Icon' -import { mountWithProviderAndGetComponent } from 'test/utils' +import { mountWithProviderAndGetComponent } from '../../../utils' describe('Icon', () => { isConformant(Icon, { requiredProps: { name: 'at' } }) diff --git a/packages/react/test/specs/components/Image/Image-test.tsx b/packages/react/test/specs/components/Image/Image-test.tsx index 6d8c7cd8fc..f416f2aa0e 100644 --- a/packages/react/test/specs/components/Image/Image-test.tsx +++ b/packages/react/test/specs/components/Image/Image-test.tsx @@ -1,8 +1,8 @@ import * as React from 'react' -import { isConformant, handlesAccessibility, getRenderedAttribute } from 'test/specs/commonTests' +import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' -import Image from 'src/components/Image/Image' -import { mountWithProviderAndGetComponent } from 'test/utils' +import Image from '@fluentui/react/src/components/Image/Image' +import { mountWithProviderAndGetComponent } from '../../../utils' describe('Image', () => { isConformant(Image) diff --git a/packages/react/test/specs/components/Input/Input-test.tsx b/packages/react/test/specs/components/Input/Input-test.tsx index baa1d2f490..1f27105ed1 100644 --- a/packages/react/test/specs/components/Input/Input-test.tsx +++ b/packages/react/test/specs/components/Input/Input-test.tsx @@ -3,16 +3,12 @@ import * as React from 'react' import * as keyboardKey from 'keyboard-key' import { ReactWrapper } from 'enzyme' -import { mountWithProvider as mount } from 'test/utils' -import { - isConformant, - implementsShorthandProp, - implementsWrapperProp, -} from 'test/specs/commonTests' - -import Input from 'src/components/Input/Input' -import Icon from 'src/components/Icon/Icon' -import Box from 'src/components/Box/Box' +import { mountWithProvider as mount } from '../../../utils' +import { isConformant, implementsShorthandProp, implementsWrapperProp } from '../../commonTests' + +import Input from '@fluentui/react/src/components/Input/Input' +import Icon from '@fluentui/react/src/components/Icon/Icon' +import Box from '@fluentui/react/src/components/Box/Box' const testValue = 'test value' const htmlInputAttrs = ['id', 'name', 'pattern', 'placeholder', 'type', 'value'] diff --git a/packages/react/test/specs/components/ItemLayout/ItemLayout-test.ts b/packages/react/test/specs/components/ItemLayout/ItemLayout-test.ts index 0500050d52..361d33b01f 100644 --- a/packages/react/test/specs/components/ItemLayout/ItemLayout-test.ts +++ b/packages/react/test/specs/components/ItemLayout/ItemLayout-test.ts @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import ItemLayout from 'src/components/ItemLayout/ItemLayout' +import ItemLayout from '@fluentui/react/src/components/ItemLayout/ItemLayout' describe('ItemLayout', () => { isConformant(ItemLayout, { hasAccessibilityProp: false }) diff --git a/packages/react/test/specs/components/Label/Label-test.tsx b/packages/react/test/specs/components/Label/Label-test.tsx index e6af7b2089..1e34f246d5 100644 --- a/packages/react/test/specs/components/Label/Label-test.tsx +++ b/packages/react/test/specs/components/Label/Label-test.tsx @@ -1,8 +1,8 @@ -import { isConformant, implementsShorthandProp } from 'test/specs/commonTests' +import { isConformant, implementsShorthandProp } from '../../commonTests' -import Label from 'src/components/Label/Label' -import Icon from 'src/components/Icon/Icon' -import Image from 'src/components/Image/Image' +import Label from '@fluentui/react/src/components/Label/Label' +import Icon from '@fluentui/react/src/components/Icon/Icon' +import Image from '@fluentui/react/src/components/Image/Image' const labelImplementsShorthandProp = implementsShorthandProp(Label) diff --git a/packages/react/test/specs/components/Layout/Layout-test.ts b/packages/react/test/specs/components/Layout/Layout-test.ts index e35dfbfb04..7b0957ba1c 100644 --- a/packages/react/test/specs/components/Layout/Layout-test.ts +++ b/packages/react/test/specs/components/Layout/Layout-test.ts @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Layout from 'src/components/Layout/Layout' +import Layout from '@fluentui/react/src/components/Layout/Layout' describe('Layout', () => { isConformant(Layout, { hasAccessibilityProp: false }) diff --git a/packages/react/test/specs/components/List/List-test.tsx b/packages/react/test/specs/components/List/List-test.tsx index c4916f31b4..08e2410bd6 100644 --- a/packages/react/test/specs/components/List/List-test.tsx +++ b/packages/react/test/specs/components/List/List-test.tsx @@ -1,11 +1,11 @@ import * as React from 'react' -import { isConformant, handlesAccessibility } from 'test/specs/commonTests' -import { mountWithProvider } from 'test/utils' +import { isConformant, handlesAccessibility } from '../../commonTests' +import { mountWithProvider } from '../../../utils' -import List from 'src/components/List/List' +import List from '@fluentui/react/src/components/List/List' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import ListItem, { ListItemProps } from 'src/components/List/ListItem' +import ListItem, { ListItemProps } from '@fluentui/react/src/components/List/ListItem' const listImplementsCollectionShorthandProp = implementsCollectionShorthandProp(List) diff --git a/packages/react/test/specs/components/List/ListItem-test.tsx b/packages/react/test/specs/components/List/ListItem-test.tsx index 3181238710..1f54c0e113 100644 --- a/packages/react/test/specs/components/List/ListItem-test.tsx +++ b/packages/react/test/specs/components/List/ListItem-test.tsx @@ -1,10 +1,10 @@ import { selectableListItemBehavior } from '@fluentui/accessibility' import * as React from 'react' import * as keyboardKey from 'keyboard-key' -import { isConformant, handlesAccessibility } from 'test/specs/commonTests' -import { mountWithProvider } from 'test/utils' +import { isConformant, handlesAccessibility } from '../../commonTests' +import { mountWithProvider } from '../../../utils' -import ListItem from 'src/components/List/ListItem' +import ListItem from '@fluentui/react/src/components/List/ListItem' describe('ListItem', () => { isConformant(ListItem) diff --git a/packages/react/test/specs/components/Loader/Loader-test.tsx b/packages/react/test/specs/components/Loader/Loader-test.tsx index ff6d3ba173..2885cc7f9d 100644 --- a/packages/react/test/specs/components/Loader/Loader-test.tsx +++ b/packages/react/test/specs/components/Loader/Loader-test.tsx @@ -1,8 +1,8 @@ import * as React from 'react' -import Loader from 'src/components/Loader/Loader' -import { isConformant } from 'test/specs/commonTests' -import { mountWithProvider } from 'test/utils' +import Loader from '@fluentui/react/src/components/Loader/Loader' +import { isConformant } from '../../commonTests' +import { mountWithProvider } from '../../../utils' describe('Loader', () => { isConformant(Loader) diff --git a/packages/react/test/specs/components/Menu/Menu-test.tsx b/packages/react/test/specs/components/Menu/Menu-test.tsx index 57c254bf52..7b8f4bd11b 100644 --- a/packages/react/test/specs/components/Menu/Menu-test.tsx +++ b/packages/react/test/specs/components/Menu/Menu-test.tsx @@ -1,10 +1,10 @@ import * as React from 'react' -import Menu from 'src/components/Menu/Menu' -import { isConformant, handlesAccessibility, getRenderedAttribute } from 'test/specs/commonTests' -import { mountWithProvider, mountWithProviderAndGetComponent } from 'test/utils' +import Menu from '@fluentui/react/src/components/Menu/Menu' +import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' +import { mountWithProvider, mountWithProviderAndGetComponent } from '../../../utils' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import MenuItem from 'src/components/Menu/MenuItem' +import MenuItem from '@fluentui/react/src/components/Menu/MenuItem' import { AccessibilityDefinition, menuBehavior, diff --git a/packages/react/test/specs/components/Menu/MenuDivider-test.ts b/packages/react/test/specs/components/Menu/MenuDivider-test.ts index 9a2d25e6ad..f574c00ffc 100644 --- a/packages/react/test/specs/components/Menu/MenuDivider-test.ts +++ b/packages/react/test/specs/components/Menu/MenuDivider-test.ts @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import MenuDivider from 'src/components/Menu/MenuDivider' +import MenuDivider from '@fluentui/react/src/components/Menu/MenuDivider' describe('MenuDivider', () => { isConformant(MenuDivider) diff --git a/packages/react/test/specs/components/Menu/MenuItem-test.tsx b/packages/react/test/specs/components/Menu/MenuItem-test.tsx index f9947ee8b6..eeeaf2077e 100644 --- a/packages/react/test/specs/components/Menu/MenuItem-test.tsx +++ b/packages/react/test/specs/components/Menu/MenuItem-test.tsx @@ -5,10 +5,10 @@ import { } from '@fluentui/accessibility' import * as React from 'react' -import { isConformant, handlesAccessibility, getRenderedAttribute } from 'test/specs/commonTests' -import { mountWithProviderAndGetComponent } from 'test/utils' -import MenuItem from 'src/components/Menu/MenuItem' -import Box from 'src/components/Box/Box' +import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' +import { mountWithProviderAndGetComponent } from '../../../utils' +import MenuItem from '@fluentui/react/src/components/Menu/MenuItem' +import Box from '@fluentui/react/src/components/Box/Box' describe('MenuItem', () => { isConformant(MenuItem, { diff --git a/packages/react/test/specs/components/MenuButton/MenuButton-test.tsx b/packages/react/test/specs/components/MenuButton/MenuButton-test.tsx index 10d6be50ae..10bd404f69 100644 --- a/packages/react/test/specs/components/MenuButton/MenuButton-test.tsx +++ b/packages/react/test/specs/components/MenuButton/MenuButton-test.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import MenuButton from 'src/components/MenuButton/MenuButton' -import { isConformant, handlesAccessibility } from 'test/specs/commonTests' +import MenuButton from '@fluentui/react/src/components/MenuButton/MenuButton' +import { isConformant, handlesAccessibility } from '../../commonTests' import { mountWithProvider } from '../../../utils' const mockMenu = { items: ['1', '2', '3'] } diff --git a/packages/react/test/specs/components/Popup/Popup-test.tsx b/packages/react/test/specs/components/Popup/Popup-test.tsx index bc58a18e46..2e6438d93c 100644 --- a/packages/react/test/specs/components/Popup/Popup-test.tsx +++ b/packages/react/test/specs/components/Popup/Popup-test.tsx @@ -2,7 +2,7 @@ import * as React from 'react' import * as ReactDOM from 'react-dom' import * as ReactTestUtils from 'react-dom/test-utils' -import Popup, { PopupEvents } from 'src/components/Popup/Popup' +import Popup, { PopupEvents } from '@fluentui/react/src/components/Popup/Popup' import { domEvent, EmptyThemeProvider, mountWithProvider } from '../../../utils' import * as keyboardKey from 'keyboard-key' import { ReactWrapper } from 'enzyme' diff --git a/packages/react/test/specs/components/Popup/PopupContent-test.ts b/packages/react/test/specs/components/Popup/PopupContent-test.ts index 992db9cccd..cd4a01fdf3 100644 --- a/packages/react/test/specs/components/Popup/PopupContent-test.ts +++ b/packages/react/test/specs/components/Popup/PopupContent-test.ts @@ -1,5 +1,5 @@ -import { isConformant } from 'test/specs/commonTests' -import PopupContent from 'src/components/Popup/PopupContent' +import { isConformant } from '../../commonTests' +import PopupContent from '@fluentui/react/src/components/Popup/PopupContent' describe('PopupContent', () => { isConformant(PopupContent, { rendersPortal: true }) diff --git a/packages/react/test/specs/components/Portal/Portal-test.tsx b/packages/react/test/specs/components/Portal/Portal-test.tsx index 1a7752c32b..42e9ff3147 100644 --- a/packages/react/test/specs/components/Portal/Portal-test.tsx +++ b/packages/react/test/specs/components/Portal/Portal-test.tsx @@ -1,8 +1,8 @@ import * as React from 'react' -import { domEvent, nextFrame, mountWithProvider } from 'test/utils' +import { domEvent, nextFrame, mountWithProvider } from '../../../utils' -import Portal from 'src/components/Portal/Portal' -import PortalInner from 'src/components/Portal/PortalInner' +import Portal from '@fluentui/react/src/components/Portal/Portal' +import PortalInner from '@fluentui/react/src/components/Portal/PortalInner' describe('Portal', () => { const testPortalInnerIsOpen = (rootWrapper, visible: boolean) => { diff --git a/packages/react/test/specs/components/PortalInner/PortalInner-test.tsx b/packages/react/test/specs/components/PortalInner/PortalInner-test.tsx index 4a07e57831..e466d0be7b 100644 --- a/packages/react/test/specs/components/PortalInner/PortalInner-test.tsx +++ b/packages/react/test/specs/components/PortalInner/PortalInner-test.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import PortalInner, { PortalInnerProps } from 'src/components/Portal/PortalInner' -import { mountWithProvider } from 'test/utils' +import PortalInner, { PortalInnerProps } from '@fluentui/react/src/components/Portal/PortalInner' +import { mountWithProvider } from '../../../utils' const mountPortalInner = (props: PortalInnerProps) => mountWithProvider( diff --git a/packages/react/test/specs/components/Provider/Provider-test.tsx b/packages/react/test/specs/components/Provider/Provider-test.tsx index f6a3817919..b40b1b6209 100644 --- a/packages/react/test/specs/components/Provider/Provider-test.tsx +++ b/packages/react/test/specs/components/Provider/Provider-test.tsx @@ -3,16 +3,16 @@ import { mount } from 'enzyme' import { createRenderer } from 'src/utils/felaRenderer' import * as React from 'react' -import Provider from 'src/components/Provider/Provider' -import ProviderConsumer from 'src/components/Provider/ProviderConsumer' +import Provider from '@fluentui/react/src/components/Provider/Provider' +import ProviderConsumer from '@fluentui/react/src/components/Provider/ProviderConsumer' describe('Provider', () => { test('is exported', () => { - expect(require('src/index.ts').Provider).toEqual(Provider) + expect(require('@fluentui/react/src/index.ts').Provider).toEqual(Provider) }) test('has a ProviderConsumer subcomponent', () => { - expect(require('src/index.ts').Provider.Consumer).toEqual(ProviderConsumer) + expect(require('@fluentui/react/src/index.ts').Provider.Consumer).toEqual(ProviderConsumer) }) describe('overwrite', () => { diff --git a/packages/react/test/specs/components/Provider/ProviderConsumer-test.tsx b/packages/react/test/specs/components/Provider/ProviderConsumer-test.tsx index d7bdc708f9..dcc9cb54ac 100644 --- a/packages/react/test/specs/components/Provider/ProviderConsumer-test.tsx +++ b/packages/react/test/specs/components/Provider/ProviderConsumer-test.tsx @@ -2,8 +2,8 @@ import { ComponentStyleFunctionParam, emptyTheme, ThemeInput } from '@fluentui/s import * as React from 'react' import { mount } from 'enzyme' -import Provider from 'src/components/Provider/Provider' -import ProviderConsumer from 'src/components/Provider/ProviderConsumer' +import Provider from '@fluentui/react/src/components/Provider/Provider' +import ProviderConsumer from '@fluentui/react/src/components/Provider/ProviderConsumer' const styleParam: ComponentStyleFunctionParam = { disableAnimations: false, @@ -16,7 +16,7 @@ const styleParam: ComponentStyleFunctionParam = { describe('ProviderConsumer', () => { test('is exported', () => { - expect(require('src/index.ts').ProviderConsumer).toEqual(ProviderConsumer) + expect(require('@fluentui/react/src/index.ts').ProviderConsumer).toEqual(ProviderConsumer) }) test('is a subcomponent of the Provider', () => { diff --git a/packages/react/test/specs/components/RadioGroup/RadioGroup-test.tsx b/packages/react/test/specs/components/RadioGroup/RadioGroup-test.tsx index b770259fa1..99489610ed 100644 --- a/packages/react/test/specs/components/RadioGroup/RadioGroup-test.tsx +++ b/packages/react/test/specs/components/RadioGroup/RadioGroup-test.tsx @@ -1,15 +1,11 @@ import * as React from 'react' -import { - isConformant, - handlesAccessibility, - htmlIsAccessibilityCompliant, -} from 'test/specs/commonTests' +import { isConformant, handlesAccessibility, htmlIsAccessibilityCompliant } from '../../commonTests' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import { mountWithProvider } from 'test/utils' +import { mountWithProvider } from '../../../utils' -import RadioGroup from 'src/components/RadioGroup/RadioGroup' -import RadioGroupItem from 'src/components/RadioGroup/RadioGroupItem' +import RadioGroup from '@fluentui/react/src/components/RadioGroup/RadioGroup' +import RadioGroupItem from '@fluentui/react/src/components/RadioGroup/RadioGroupItem' const radioGroupImplementsCollectionShorthandProp = implementsCollectionShorthandProp(RadioGroup) diff --git a/packages/react/test/specs/components/RadioGroup/RadioGroupItem-test.ts b/packages/react/test/specs/components/RadioGroup/RadioGroupItem-test.ts index bb2ee4a6f5..060f092353 100644 --- a/packages/react/test/specs/components/RadioGroup/RadioGroupItem-test.ts +++ b/packages/react/test/specs/components/RadioGroup/RadioGroupItem-test.ts @@ -1,6 +1,6 @@ -import { isConformant, handlesAccessibility } from 'test/specs/commonTests' +import { isConformant, handlesAccessibility } from '../../commonTests' -import RadioGroupItem from 'src/components/RadioGroup/RadioGroupItem' +import RadioGroupItem from '@fluentui/react/src/components/RadioGroup/RadioGroupItem' describe('RadioGroupItem', () => { isConformant(RadioGroupItem) diff --git a/packages/react/test/specs/components/Reaction/Reaction-test.tsx b/packages/react/test/specs/components/Reaction/Reaction-test.tsx index 21c7b3e2a6..59c4700378 100644 --- a/packages/react/test/specs/components/Reaction/Reaction-test.tsx +++ b/packages/react/test/specs/components/Reaction/Reaction-test.tsx @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Reaction from 'src/components/Reaction/Reaction' +import Reaction from '@fluentui/react/src/components/Reaction/Reaction' describe('Reaction', () => { isConformant(Reaction) diff --git a/packages/react/test/specs/components/Reaction/ReactionGroup-test.tsx b/packages/react/test/specs/components/Reaction/ReactionGroup-test.tsx index e15a1883cc..6ce43af744 100644 --- a/packages/react/test/specs/components/Reaction/ReactionGroup-test.tsx +++ b/packages/react/test/specs/components/Reaction/ReactionGroup-test.tsx @@ -1,8 +1,8 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import ReactionGroup from 'src/components/Reaction/ReactionGroup' -import Reaction from 'src/components/Reaction/Reaction' -import implementsCollectionShorthandProp from 'test/specs/commonTests/implementsCollectionShorthandProp' +import ReactionGroup from '@fluentui/react/src/components/Reaction/ReactionGroup' +import Reaction from '@fluentui/react/src/components/Reaction/Reaction' +import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' const reactionGroupImplementsCollectionShorthandProp = implementsCollectionShorthandProp( ReactionGroup, diff --git a/packages/react/test/specs/components/Segment/Segment-test.ts b/packages/react/test/specs/components/Segment/Segment-test.ts index b69aff7639..a9f1a14fca 100644 --- a/packages/react/test/specs/components/Segment/Segment-test.ts +++ b/packages/react/test/specs/components/Segment/Segment-test.ts @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Segment from 'src/components/Segment/Segment' +import Segment from '@fluentui/react/src/components/Segment/Segment' describe('Segment', () => { isConformant(Segment) diff --git a/packages/react/test/specs/components/Slider/Slider-test.tsx b/packages/react/test/specs/components/Slider/Slider-test.tsx index af8f4ee925..7f09368203 100644 --- a/packages/react/test/specs/components/Slider/Slider-test.tsx +++ b/packages/react/test/specs/components/Slider/Slider-test.tsx @@ -1,5 +1,5 @@ -import { isConformant, handlesAccessibility } from 'test/specs/commonTests' -import Slider from 'src/components/Slider/Slider' +import { isConformant, handlesAccessibility } from '../../commonTests' +import Slider from '@fluentui/react/src/components/Slider/Slider' describe('Slider', () => { isConformant(Slider, { diff --git a/packages/react/test/specs/components/SplitButton/SplitButton-test.tsx b/packages/react/test/specs/components/SplitButton/SplitButton-test.tsx index ff49d6bddd..4475163860 100644 --- a/packages/react/test/specs/components/SplitButton/SplitButton-test.tsx +++ b/packages/react/test/specs/components/SplitButton/SplitButton-test.tsx @@ -1,13 +1,13 @@ import * as React from 'react' import * as keyboardKey from 'keyboard-key' -import SplitButton from 'src/components/SplitButton/SplitButton' -import { isConformant } from 'test/specs/commonTests' +import SplitButton from '@fluentui/react/src/components/SplitButton/SplitButton' +import { isConformant } from '../../commonTests' import { ReactWrapper, CommonWrapper } from 'enzyme' import { mountWithProvider, findIntrinsicElement } from '../../../utils' -import Menu from 'src/components/Menu/Menu' -import MenuButton from 'src/components/MenuButton/MenuButton' -import Button from 'src/components/Button/Button' +import Menu from '@fluentui/react/src/components/Menu/Menu' +import MenuButton from '@fluentui/react/src/components/MenuButton/MenuButton' +import Button from '@fluentui/react/src/components/Button/Button' const mockMenu = { items: ['1', '2', '3'] } diff --git a/packages/react/test/specs/components/Status/Status-test.tsx b/packages/react/test/specs/components/Status/Status-test.tsx index 019bc0511e..c69a78d6c6 100644 --- a/packages/react/test/specs/components/Status/Status-test.tsx +++ b/packages/react/test/specs/components/Status/Status-test.tsx @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Status from 'src/components/Status/Status' +import Status from '@fluentui/react/src/components/Status/Status' describe('Status', () => { isConformant(Status) diff --git a/packages/react/test/specs/components/Table/Table-test.tsx b/packages/react/test/specs/components/Table/Table-test.tsx index 16e390cb9b..7a032b59a9 100644 --- a/packages/react/test/specs/components/Table/Table-test.tsx +++ b/packages/react/test/specs/components/Table/Table-test.tsx @@ -1,9 +1,9 @@ import * as React from 'react' -import { isConformant, handlesAccessibility } from 'test/specs/commonTests' -import { mountWithProviderAndGetComponent } from 'test/utils' -import TableRow from 'src/components/Table/TableRow' +import { isConformant, handlesAccessibility } from '../../commonTests' +import { mountWithProviderAndGetComponent } from '../../../utils' +import TableRow from '@fluentui/react/src/components/Table/TableRow' -import Table from 'src/components/Table/Table' +import Table from '@fluentui/react/src/components/Table/Table' describe('Table', () => { isConformant(Table) diff --git a/packages/react/test/specs/components/Table/TableCell-test.tsx b/packages/react/test/specs/components/Table/TableCell-test.tsx index 53f9a27d19..0a83193062 100644 --- a/packages/react/test/specs/components/Table/TableCell-test.tsx +++ b/packages/react/test/specs/components/Table/TableCell-test.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import { isConformant, handlesAccessibility } from 'test/specs/commonTests' -import { mountWithProviderAndGetComponent } from 'test/utils' -import TableCell from 'src/components/Table/TableCell' +import { isConformant, handlesAccessibility } from '../../commonTests' +import { mountWithProviderAndGetComponent } from '../../../utils' +import TableCell from '@fluentui/react/src/components/Table/TableCell' describe('TableCell', () => { isConformant(TableCell) diff --git a/packages/react/test/specs/components/Table/TableRow-test.tsx b/packages/react/test/specs/components/Table/TableRow-test.tsx index 9751e06103..6013da6c59 100644 --- a/packages/react/test/specs/components/Table/TableRow-test.tsx +++ b/packages/react/test/specs/components/Table/TableRow-test.tsx @@ -1,9 +1,9 @@ import * as React from 'react' -import { isConformant, handlesAccessibility, getRenderedAttribute } from 'test/specs/commonTests' -import { mountWithProviderAndGetComponent } from 'test/utils' -import TableCell from 'src/components/Table/TableCell' +import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' +import { mountWithProviderAndGetComponent } from '../../../utils' +import TableCell from '@fluentui/react/src/components/Table/TableCell' -import TableRow from 'src/components/Table/TableRow' +import TableRow from '@fluentui/react/src/components/Table/TableRow' describe('TableRow', () => { isConformant(TableRow) diff --git a/packages/react/test/specs/components/Text/Text-test.tsx b/packages/react/test/specs/components/Text/Text-test.tsx index e179ec4d2b..1c423022f4 100644 --- a/packages/react/test/specs/components/Text/Text-test.tsx +++ b/packages/react/test/specs/components/Text/Text-test.tsx @@ -1,9 +1,9 @@ import * as React from 'react' -import { isConformant } from 'test/specs/commonTests' -import { mountWithProvider } from 'test/utils' +import { isConformant } from '../../commonTests' +import { mountWithProvider } from '../../../utils' -import Text from 'src/components/Text/Text' +import Text from '@fluentui/react/src/components/Text/Text' describe('Text', () => { isConformant(Text) diff --git a/packages/react/test/specs/components/TextArea/TextArea-test.tsx b/packages/react/test/specs/components/TextArea/TextArea-test.tsx index 09b9e57713..20af0c261c 100644 --- a/packages/react/test/specs/components/TextArea/TextArea-test.tsx +++ b/packages/react/test/specs/components/TextArea/TextArea-test.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import { mountWithProvider as mount } from 'test/utils' -import TextArea from 'src/components/TextArea/TextArea' -import { isConformant } from 'test/specs/commonTests' +import { mountWithProvider as mount } from '../../../utils' +import TextArea from '@fluentui/react/src/components/TextArea/TextArea' +import { isConformant } from '../../commonTests' import * as faker from 'faker' describe('TextArea', () => { diff --git a/packages/react/test/specs/components/Toolbar/Toolbar-test.tsx b/packages/react/test/specs/components/Toolbar/Toolbar-test.tsx index cc5f6290d9..de7728cb75 100644 --- a/packages/react/test/specs/components/Toolbar/Toolbar-test.tsx +++ b/packages/react/test/specs/components/Toolbar/Toolbar-test.tsx @@ -1,8 +1,8 @@ import * as React from 'react' -import Toolbar from 'src/components/Toolbar/Toolbar' +import Toolbar from '@fluentui/react/src/components/Toolbar/Toolbar' -import { isConformant } from 'test/specs/commonTests' -import { mountWithProvider } from 'test/utils' +import { isConformant } from '../../commonTests' +import { mountWithProvider } from '../../../utils' import { ReactWrapper } from 'enzyme' describe('Toolbar', () => { diff --git a/packages/react/test/specs/components/Toolbar/ToolbarCustomItem-test.ts b/packages/react/test/specs/components/Toolbar/ToolbarCustomItem-test.ts index dba74575cf..9005526ff0 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarCustomItem-test.ts +++ b/packages/react/test/specs/components/Toolbar/ToolbarCustomItem-test.ts @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import ToolbarCustomItem from 'src/components/Toolbar/ToolbarCustomItem' +import ToolbarCustomItem from '@fluentui/react/src/components/Toolbar/ToolbarCustomItem' describe('ToolbarCustomItem', () => { isConformant(ToolbarCustomItem, { diff --git a/packages/react/test/specs/components/Toolbar/ToolbarDivider-test.ts b/packages/react/test/specs/components/Toolbar/ToolbarDivider-test.ts index 41c32e772b..f3f8f3584c 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarDivider-test.ts +++ b/packages/react/test/specs/components/Toolbar/ToolbarDivider-test.ts @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import ToolbarDivider from 'src/components/Toolbar/ToolbarDivider' +import ToolbarDivider from '@fluentui/react/src/components/Toolbar/ToolbarDivider' describe('ToolbarDivider', () => { isConformant(ToolbarDivider) diff --git a/packages/react/test/specs/components/Toolbar/ToolbarItem-test.tsx b/packages/react/test/specs/components/Toolbar/ToolbarItem-test.tsx index 0feaebad5d..5b325502c8 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarItem-test.tsx +++ b/packages/react/test/specs/components/Toolbar/ToolbarItem-test.tsx @@ -1,8 +1,8 @@ import * as React from 'react' -import ToolbarItem from 'src/components/Toolbar/ToolbarItem' +import ToolbarItem from '@fluentui/react/src/components/Toolbar/ToolbarItem' -import { isConformant } from 'test/specs/commonTests' -import { mountWithProvider } from 'test/utils' +import { isConformant } from '../../commonTests' +import { mountWithProvider } from '../../../utils' import { ReactWrapper } from 'enzyme' describe('ToolbarItem', () => { diff --git a/packages/react/test/specs/components/Toolbar/ToolbarMenu-test.tsx b/packages/react/test/specs/components/Toolbar/ToolbarMenu-test.tsx index 35d8d51e46..ca7dd58521 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarMenu-test.tsx +++ b/packages/react/test/specs/components/Toolbar/ToolbarMenu-test.tsx @@ -1,8 +1,8 @@ import * as React from 'react' -import ToolbarMenu from 'src/components/Toolbar/ToolbarMenu' +import ToolbarMenu from '@fluentui/react/src/components/Toolbar/ToolbarMenu' -import { isConformant } from 'test/specs/commonTests' -import { mountWithProvider } from 'test/utils' +import { isConformant } from '../../commonTests' +import { mountWithProvider } from '../../../utils' import { ReactWrapper } from 'enzyme' describe('ToolbarMenu', () => { diff --git a/packages/react/test/specs/components/Toolbar/ToolbarMenuDivider-test.ts b/packages/react/test/specs/components/Toolbar/ToolbarMenuDivider-test.ts index 317e522c50..ea1d6fc380 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarMenuDivider-test.ts +++ b/packages/react/test/specs/components/Toolbar/ToolbarMenuDivider-test.ts @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import ToolbarMenuDivider from 'src/components/Toolbar/ToolbarMenuDivider' +import ToolbarMenuDivider from '@fluentui/react/src/components/Toolbar/ToolbarMenuDivider' describe('ToolbarMenuDivider', () => { isConformant(ToolbarMenuDivider) diff --git a/packages/react/test/specs/components/Toolbar/ToolbarMenuItem-test.ts b/packages/react/test/specs/components/Toolbar/ToolbarMenuItem-test.ts index d76e516d80..feb8b3bab6 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarMenuItem-test.ts +++ b/packages/react/test/specs/components/Toolbar/ToolbarMenuItem-test.ts @@ -1,7 +1,7 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import ToolbarMenuItem from 'src/components/Toolbar/ToolbarMenuItem' -import Box from 'src/components/Box/Box' +import ToolbarMenuItem from '@fluentui/react/src/components/Toolbar/ToolbarMenuItem' +import Box from '@fluentui/react/src/components/Box/Box' describe('ToolbarMenuItem', () => { isConformant(ToolbarMenuItem, { diff --git a/packages/react/test/specs/components/Toolbar/ToolbarMenuRadioGroup-test.ts b/packages/react/test/specs/components/Toolbar/ToolbarMenuRadioGroup-test.ts index 7d9a1a5079..82ab74dcc5 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarMenuRadioGroup-test.ts +++ b/packages/react/test/specs/components/Toolbar/ToolbarMenuRadioGroup-test.ts @@ -1,7 +1,7 @@ -import { handlesAccessibility, isConformant } from 'test/specs/commonTests' +import { handlesAccessibility, isConformant } from '../../commonTests' -import Box from 'src/components/Box/Box' -import ToolbarMenuRadioGroup from 'src/components/Toolbar/ToolbarMenuRadioGroup' +import Box from '@fluentui/react/src/components/Box/Box' +import ToolbarMenuRadioGroup from '@fluentui/react/src/components/Toolbar/ToolbarMenuRadioGroup' describe('ToolbarMenuRadioGroup', () => { isConformant(ToolbarMenuRadioGroup, { diff --git a/packages/react/test/specs/components/Toolbar/ToolbarRadioGroup-test.tsx b/packages/react/test/specs/components/Toolbar/ToolbarRadioGroup-test.tsx index 4fcb3695d3..56e89e108b 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarRadioGroup-test.tsx +++ b/packages/react/test/specs/components/Toolbar/ToolbarRadioGroup-test.tsx @@ -1,8 +1,8 @@ -import { isConformant, handlesAccessibility } from 'test/specs/commonTests' +import { isConformant, handlesAccessibility } from '../../commonTests' -import ToolbarRadioGroup from 'src/components/Toolbar/ToolbarRadioGroup' +import ToolbarRadioGroup from '@fluentui/react/src/components/Toolbar/ToolbarRadioGroup' import { ReactWrapper } from 'enzyme' -import { mountWithProvider } from 'test/utils' +import { mountWithProvider } from '../../../utils' import * as React from 'react' describe('ToolbarRadioGroup', () => { diff --git a/packages/react/test/specs/components/Tooltip/Tooltip-test.tsx b/packages/react/test/specs/components/Tooltip/Tooltip-test.tsx index d85f9d0be3..648f795553 100644 --- a/packages/react/test/specs/components/Tooltip/Tooltip-test.tsx +++ b/packages/react/test/specs/components/Tooltip/Tooltip-test.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import Tooltip from 'src/components/Tooltip/Tooltip' -import Button from 'src/components/Button/Button' +import Tooltip from '@fluentui/react/src/components/Tooltip/Tooltip' +import Button from '@fluentui/react/src/components/Button/Button' import { mountWithProvider, findIntrinsicElement } from '../../../utils' diff --git a/packages/react/test/specs/components/Tooltip/TooltipContent-test.ts b/packages/react/test/specs/components/Tooltip/TooltipContent-test.ts index afeda10e6b..bf781f3244 100644 --- a/packages/react/test/specs/components/Tooltip/TooltipContent-test.ts +++ b/packages/react/test/specs/components/Tooltip/TooltipContent-test.ts @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import TooltipContent from 'src/components/Tooltip/TooltipContent' +import TooltipContent from '@fluentui/react/src/components/Tooltip/TooltipContent' describe('TooltipContent', () => { isConformant(TooltipContent) diff --git a/packages/react/test/specs/components/Tree/Tree-test.tsx b/packages/react/test/specs/components/Tree/Tree-test.tsx index 0d4f66bd4b..cc9fcaa947 100644 --- a/packages/react/test/specs/components/Tree/Tree-test.tsx +++ b/packages/react/test/specs/components/Tree/Tree-test.tsx @@ -1,11 +1,11 @@ import * as React from 'react' import * as keyboardKey from 'keyboard-key' -import { isConformant } from 'test/specs/commonTests' -import { mountWithProvider } from 'test/utils' -import Tree from 'src/components/Tree/Tree' -import TreeTitle from 'src/components/Tree/TreeTitle' -import TreeItem from 'src/components/Tree/TreeItem' +import { isConformant } from '../../commonTests' +import { mountWithProvider } from '../../../utils' +import Tree from '@fluentui/react/src/components/Tree/Tree' +import TreeTitle from '@fluentui/react/src/components/Tree/TreeTitle' +import TreeItem from '@fluentui/react/src/components/Tree/TreeItem' import { ReactWrapper, CommonWrapper } from 'enzyme' const items = [ diff --git a/packages/react/test/specs/components/Tree/TreeItem-test.tsx b/packages/react/test/specs/components/Tree/TreeItem-test.tsx index 50198c24d2..1455bcb9b8 100644 --- a/packages/react/test/specs/components/Tree/TreeItem-test.tsx +++ b/packages/react/test/specs/components/Tree/TreeItem-test.tsx @@ -1,5 +1,5 @@ -import { isConformant } from 'test/specs/commonTests' -import TreeItem from 'src/components/Tree/TreeItem' +import { isConformant } from '../../commonTests' +import TreeItem from '@fluentui/react/src/components/Tree/TreeItem' describe('TreeItem', () => { isConformant(TreeItem, { requiredProps: { id: 'my-id' } }) diff --git a/packages/react/test/specs/components/Tree/TreeTitle-test.tsx b/packages/react/test/specs/components/Tree/TreeTitle-test.tsx index 529d494e4b..c2d7aaedaf 100644 --- a/packages/react/test/specs/components/Tree/TreeTitle-test.tsx +++ b/packages/react/test/specs/components/Tree/TreeTitle-test.tsx @@ -1,5 +1,5 @@ -import { isConformant } from 'test/specs/commonTests' -import TreeTitle from 'src/components/Tree/TreeTitle' +import { isConformant } from '../../commonTests' +import TreeTitle from '@fluentui/react/src/components/Tree/TreeTitle' describe('TreeTitle', () => { isConformant(TreeTitle) diff --git a/packages/react/test/specs/components/Video/Video-test.tsx b/packages/react/test/specs/components/Video/Video-test.tsx index 8ba619ae7e..fa58ee7249 100644 --- a/packages/react/test/specs/components/Video/Video-test.tsx +++ b/packages/react/test/specs/components/Video/Video-test.tsx @@ -1,6 +1,6 @@ -import { isConformant } from 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Video from 'src/components/Video/Video' +import Video from '@fluentui/react/src/components/Video/Video' describe('Video', () => { isConformant(Video) diff --git a/packages/react/test/specs/themes/colorUtils-test.ts b/packages/react/test/specs/themes/colorUtils-test.ts index 58d7fa69fc..55764998bf 100644 --- a/packages/react/test/specs/themes/colorUtils-test.ts +++ b/packages/react/test/specs/themes/colorUtils-test.ts @@ -1,5 +1,5 @@ -import { extendColorScheme, pickValuesFromColorScheme } from 'src/themes/colorUtils' -import { ColorSchemeMapping, ComponentAreaName } from 'src/themes/types' +import { extendColorScheme, pickValuesFromColorScheme } from '@fluentui/react/src/themes/colorUtils' +import { ColorSchemeMapping, ComponentAreaName } from '@fluentui/react/src/themes/types' const generateColorSchemeValues = color => ({ foreground: color, diff --git a/packages/react/test/specs/utils/AutoControlledComponent-test.tsx b/packages/react/test/specs/utils/AutoControlledComponent-test.tsx index 45c52dfcbb..b5bfbf1f40 100644 --- a/packages/react/test/specs/utils/AutoControlledComponent-test.tsx +++ b/packages/react/test/specs/utils/AutoControlledComponent-test.tsx @@ -1,9 +1,9 @@ import * as _ from 'lodash' import * as React from 'react' import { shallow, ShallowWrapper } from 'enzyme' -import { AutoControlledComponent } from 'src/utils' -import { consoleUtil } from 'test/utils' -import { Props } from 'src/types' +import { AutoControlledComponent } from '@fluentui/react/src/utils' +import { consoleUtil } from '../../utils' +import { Props } from '@fluentui/react/src/types' let TestClass diff --git a/packages/react/test/specs/utils/accessibility/FocusContainer-test.ts b/packages/react/test/specs/utils/accessibility/FocusContainer-test.ts index 2a3e0503a6..4e35445611 100644 --- a/packages/react/test/specs/utils/accessibility/FocusContainer-test.ts +++ b/packages/react/test/specs/utils/accessibility/FocusContainer-test.ts @@ -1,4 +1,4 @@ -import { ContainerFocusHandler } from 'src/utils/accessibility/FocusHandling/FocusContainer' +import { ContainerFocusHandler } from '@fluentui/react/src/utils/accessibility/FocusHandling/FocusContainer' const createFocusContainer = ( { itemsCount, setFocusAtFn }: { itemsCount: number; setFocusAtFn?: () => void } = { diff --git a/packages/react/test/specs/utils/childrenExist-test.tsx b/packages/react/test/specs/utils/childrenExist-test.tsx index 63fcfe9f94..8098b56888 100644 --- a/packages/react/test/specs/utils/childrenExist-test.tsx +++ b/packages/react/test/specs/utils/childrenExist-test.tsx @@ -1,5 +1,5 @@ import * as React from 'react' -import childrenExist from 'src/utils/childrenExist' +import childrenExist from '@fluentui/react/src/utils/childrenExist' describe('childrenExist', () => { test('returns false when no children are passed', () => { diff --git a/packages/react/test/specs/utils/createComponent-test.tsx b/packages/react/test/specs/utils/createComponent-test.tsx index 33c19c6eae..9b2c93ec23 100644 --- a/packages/react/test/specs/utils/createComponent-test.tsx +++ b/packages/react/test/specs/utils/createComponent-test.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import { createComponent } from 'src/utils' +import { createComponent } from '@fluentui/react/src/utils' describe('createComponent', () => { describe('className', () => { diff --git a/packages/react/test/specs/utils/doesNodeContainClick-test.ts b/packages/react/test/specs/utils/doesNodeContainClick-test.ts index fabdbf4724..f1963e336d 100644 --- a/packages/react/test/specs/utils/doesNodeContainClick-test.ts +++ b/packages/react/test/specs/utils/doesNodeContainClick-test.ts @@ -1,4 +1,4 @@ -import { doesNodeContainClick } from 'src/utils' +import { doesNodeContainClick } from '@fluentui/react/src/utils' const makeEvent = (event?: any) => ({ clientX: 0, clientY: 0, ...event }) diff --git a/packages/react/test/specs/utils/factories-test.tsx b/packages/react/test/specs/utils/factories-test.tsx index 3ba6d4cc53..3ee86f4abf 100644 --- a/packages/react/test/specs/utils/factories-test.tsx +++ b/packages/react/test/specs/utils/factories-test.tsx @@ -2,9 +2,9 @@ import { callable } from '@fluentui/styles' import * as React from 'react' import * as _ from 'lodash' import { shallow } from 'enzyme' -import { createShorthand, createShorthandFactory } from 'src/utils' -import { Props, ShorthandValue, ObjectOf, ShorthandRenderFunction } from 'src/types' -import { consoleUtil } from 'test/utils' +import { createShorthand, createShorthandFactory } from '@fluentui/react/src/utils' +import { Props, ShorthandValue, ObjectOf, ShorthandRenderFunction } from '@fluentui/react/src/types' +import { consoleUtil } from '../../utils' // ---------------------------------------- // Utils diff --git a/packages/react/test/specs/utils/felaDisableAnimationsPlugin-test.ts b/packages/react/test/specs/utils/felaDisableAnimationsPlugin-test.ts index d794975e73..6ca3b75100 100644 --- a/packages/react/test/specs/utils/felaDisableAnimationsPlugin-test.ts +++ b/packages/react/test/specs/utils/felaDisableAnimationsPlugin-test.ts @@ -1,4 +1,4 @@ -import felaDisableAnimationsPlugin from 'src/utils/felaDisableAnimationsPlugin' +import felaDisableAnimationsPlugin from '@fluentui/react/src/utils/felaDisableAnimationsPlugin' const disableAnimationsPlugin = felaDisableAnimationsPlugin() diff --git a/packages/react/test/specs/utils/felaExpandCssShorthandsPlugin-test.ts b/packages/react/test/specs/utils/felaExpandCssShorthandsPlugin-test.ts index 2d639dcc2d..11e28f65d2 100644 --- a/packages/react/test/specs/utils/felaExpandCssShorthandsPlugin-test.ts +++ b/packages/react/test/specs/utils/felaExpandCssShorthandsPlugin-test.ts @@ -1,4 +1,4 @@ -import felaExpandCssShorthandsPlugin from 'src/utils/felaExpandCssShorthandsPlugin' +import felaExpandCssShorthandsPlugin from '@fluentui/react/src/utils/felaExpandCssShorthandsPlugin' const expandCssShorthands = felaExpandCssShorthandsPlugin() diff --git a/packages/react/test/specs/utils/felaFocusVisibleEnhancer-test.ts b/packages/react/test/specs/utils/felaFocusVisibleEnhancer-test.ts index c7093354cc..e774de18c7 100644 --- a/packages/react/test/specs/utils/felaFocusVisibleEnhancer-test.ts +++ b/packages/react/test/specs/utils/felaFocusVisibleEnhancer-test.ts @@ -2,7 +2,7 @@ import { createRenderer } from 'fela' import { renderToString } from 'fela-tools' import { RULE_TYPE } from 'fela-utils' -import felaFocusVisibleEnhancer from 'src/utils/felaFocusVisibleEnhancer' +import felaFocusVisibleEnhancer from '@fluentui/react/src/utils/felaFocusVisibleEnhancer' describe('felaFocusVisibleEnhancer', () => { test('replaces :focus-visible', () => { diff --git a/packages/react/test/specs/utils/felaInvokeKeyframesPlugin-test.ts b/packages/react/test/specs/utils/felaInvokeKeyframesPlugin-test.ts index 04157bf4fd..427fe8d184 100644 --- a/packages/react/test/specs/utils/felaInvokeKeyframesPlugin-test.ts +++ b/packages/react/test/specs/utils/felaInvokeKeyframesPlugin-test.ts @@ -1,4 +1,4 @@ -import felaInvokeKeyframesPlugin from 'src/utils/felaInvokeKeyframesPlugin' +import felaInvokeKeyframesPlugin from '@fluentui/react/src/utils/felaInvokeKeyframesPlugin' const renderInvokeKeyframes = felaInvokeKeyframesPlugin() diff --git a/packages/react/test/specs/utils/felaRenderer-test.tsx b/packages/react/test/specs/utils/felaRenderer-test.tsx index 052400b716..78539c98bb 100644 --- a/packages/react/test/specs/utils/felaRenderer-test.tsx +++ b/packages/react/test/specs/utils/felaRenderer-test.tsx @@ -1,10 +1,10 @@ import * as React from 'react' import { createSnapshot } from 'jest-react-fela' -import { EmptyThemeProvider } from 'test/utils' -import Box from 'src/components/Box/Box' -import Provider from 'src/components/Provider/Provider' -import Text from 'src/components/Text/Text' -import { felaRenderer } from 'src/utils' +import { EmptyThemeProvider } from '../../utils' +import Box from '@fluentui/react/src/components/Box/Box' +import Provider from '@fluentui/react/src/components/Provider/Provider' +import Text from '@fluentui/react/src/components/Text/Text' +import { felaRenderer } from '@fluentui/react/src/utils' describe('felaRenderer', () => { test('basic styles are rendered', () => { diff --git a/packages/react/test/specs/utils/felaSanitizeCssPlugin-test.ts b/packages/react/test/specs/utils/felaSanitizeCssPlugin-test.ts index 34d1a9e0bb..cd8ed5e82c 100644 --- a/packages/react/test/specs/utils/felaSanitizeCssPlugin-test.ts +++ b/packages/react/test/specs/utils/felaSanitizeCssPlugin-test.ts @@ -1,4 +1,4 @@ -import sanitizeCss from 'src/utils/felaSanitizeCssPlugin' +import sanitizeCss from '@fluentui/react/src/utils/felaSanitizeCssPlugin' const assertCssPropertyValue = (value: string, isValid: boolean) => { test(`assert that '${value}' is ${isValid ? 'valid' : 'invalid'}`, () => { diff --git a/packages/react/test/specs/utils/fontSizeUtility-test.ts b/packages/react/test/specs/utils/fontSizeUtility-test.ts index d26e54e660..efd4328644 100644 --- a/packages/react/test/specs/utils/fontSizeUtility-test.ts +++ b/packages/react/test/specs/utils/fontSizeUtility-test.ts @@ -1,4 +1,4 @@ -import { pxToRem } from 'src/utils' +import { pxToRem } from '@fluentui/react/src/utils' describe('fontSizeUtility', () => { describe('pxToRem', () => { diff --git a/packages/react/test/specs/utils/htmlInputPropsUtils-test.ts b/packages/react/test/specs/utils/htmlInputPropsUtils-test.ts index a993df54d7..3de1d26265 100644 --- a/packages/react/test/specs/utils/htmlInputPropsUtils-test.ts +++ b/packages/react/test/specs/utils/htmlInputPropsUtils-test.ts @@ -1,4 +1,4 @@ -import { partitionHTMLProps } from 'src/utils/htmlPropsUtils' +import { partitionHTMLProps } from '@fluentui/react/src/utils/htmlPropsUtils' const props = { autoFocus: false, diff --git a/packages/react/test/specs/utils/isBrowser-test.ts b/packages/react/test/specs/utils/isBrowser-test.ts index 393452e1cc..a328312e59 100644 --- a/packages/react/test/specs/utils/isBrowser-test.ts +++ b/packages/react/test/specs/utils/isBrowser-test.ts @@ -1,4 +1,4 @@ -import isBrowser from 'src/utils/isBrowser' +import isBrowser from '@fluentui/react/src/utils/isBrowser' describe('isBrowser', () => { describe('browser', () => { diff --git a/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts b/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts index 81364c5498..d9f2350337 100644 --- a/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts +++ b/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts @@ -1,5 +1,7 @@ -import mergeProviderContexts, { mergeRenderers } from 'src/utils/mergeProviderContexts' -import { felaRenderer } from 'src/utils/felaRenderer' +import mergeProviderContexts, { + mergeRenderers, +} from '@fluentui/react/src/utils/mergeProviderContexts' +import { felaRenderer } from '@fluentui/react/src/utils/felaRenderer' describe('mergeRenderers', () => { test(`always uses "next" renderer`, () => { diff --git a/packages/react/test/specs/utils/positioner/getScrollParent-test.ts b/packages/react/test/specs/utils/positioner/getScrollParent-test.ts index b1260fc93d..64b92f8f97 100644 --- a/packages/react/test/specs/utils/positioner/getScrollParent-test.ts +++ b/packages/react/test/specs/utils/positioner/getScrollParent-test.ts @@ -1,6 +1,6 @@ import * as _ from 'lodash' -import getScrollParent from 'src/utils/positioner/getScrollParent' +import getScrollParent from '@fluentui/react/src/utils/positioner/getScrollParent' const overflowStyles: Partial[] = [ { overflow: 'scroll' }, diff --git a/packages/react/test/specs/utils/positioner/positioningHelper-test.ts b/packages/react/test/specs/utils/positioner/positioningHelper-test.ts index b5b1c6870e..d24d9dbe16 100644 --- a/packages/react/test/specs/utils/positioner/positioningHelper-test.ts +++ b/packages/react/test/specs/utils/positioner/positioningHelper-test.ts @@ -1,7 +1,10 @@ import { Placement } from 'popper.js' -import { Alignment, Position } from 'src/utils/positioner' -import { getPlacement, applyRtlToOffset } from 'src/utils/positioner/positioningHelper' +import { Alignment, Position } from '@fluentui/react/src/utils/positioner' +import { + getPlacement, + applyRtlToOffset, +} from '@fluentui/react/src/utils/positioner/positioningHelper' type PositionTestInput = { align: Alignment diff --git a/packages/react/test/utils/withProvider.tsx b/packages/react/test/utils/withProvider.tsx index 9e897f2d7a..69e320038c 100644 --- a/packages/react/test/utils/withProvider.tsx +++ b/packages/react/test/utils/withProvider.tsx @@ -2,7 +2,7 @@ import { ThemeInput } from '@fluentui/styles' import * as React from 'react' import { mount } from 'enzyme' import { ThemeProvider } from 'react-fela' -import { felaRenderer } from 'src/utils' +import { felaRenderer } from '@fluentui/react/src/utils' export const EmptyThemeProvider: React.FunctionComponent = ({ children }) => ( {children} From e91a087e7969afb2a33432a31a17455a80837642 Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Fri, 10 Jan 2020 23:33:42 -0800 Subject: [PATCH 04/14] Replace docs imports outside docs package with relative paths --- build/gulp/plugins/gulp-example-source.ts | 2 +- build/gulp/plugins/util/docs-types.ts | 5 +++++ build/gulp/plugins/util/getComponentInfo.ts | 2 +- build/gulp/plugins/util/getShorthandInfo.ts | 2 +- build/gulp/plugins/util/parseDefaultValue.ts | 2 +- build/gulp/plugins/util/parseType.ts | 2 +- build/gulp/plugins/util/parseTypeAnnotation.ts | 2 +- packages/accessibility/test/behaviors/behavior-test.tsx | 1 + packages/react/test/specs/commonTests/isConformant.tsx | 5 +++-- 9 files changed, 15 insertions(+), 8 deletions(-) create mode 100644 build/gulp/plugins/util/docs-types.ts diff --git a/build/gulp/plugins/gulp-example-source.ts b/build/gulp/plugins/gulp-example-source.ts index 9826d42f37..f725ce8d6d 100644 --- a/build/gulp/plugins/gulp-example-source.ts +++ b/build/gulp/plugins/gulp-example-source.ts @@ -7,7 +7,7 @@ import Vinyl from 'vinyl' const prettierConfig = require('../../../.prettierrc.json') -import { ExampleSource } from '../../../docs/src/types' +import { ExampleSource } from './util/docs-types' import transformStarImportPlugin from '../../babel/transform-star-import-plugin' import { getRelativePathToSourceFile } from './util' diff --git a/build/gulp/plugins/util/docs-types.ts b/build/gulp/plugins/util/docs-types.ts new file mode 100644 index 0000000000..109d6c3b24 --- /dev/null +++ b/build/gulp/plugins/util/docs-types.ts @@ -0,0 +1,5 @@ +// Temporary workaround to prevent having a circular dependency on @fluentui/docs or +// outside-package path imports in several files. Long-term the types and/or docs build scripts +// should move somewhere else. +// TODO (@ecraig12345) - remove relative docs import +export * from '../../.././../docs/src/types' diff --git a/build/gulp/plugins/util/getComponentInfo.ts b/build/gulp/plugins/util/getComponentInfo.ts index 6166f08a1f..ab27db050f 100644 --- a/build/gulp/plugins/util/getComponentInfo.ts +++ b/build/gulp/plugins/util/getComponentInfo.ts @@ -4,7 +4,7 @@ import _ from 'lodash' import path from 'path' import fs from 'fs' -import { BehaviorInfo, ComponentInfo, ComponentProp } from 'docs/src/types' +import { BehaviorInfo, ComponentInfo, ComponentProp } from './docs-types' import * as docgen from './docgen' import parseDefaultValue from './parseDefaultValue' import parseDocblock from './parseDocblock' diff --git a/build/gulp/plugins/util/getShorthandInfo.ts b/build/gulp/plugins/util/getShorthandInfo.ts index 6da230c0dc..307a7d8d47 100644 --- a/build/gulp/plugins/util/getShorthandInfo.ts +++ b/build/gulp/plugins/util/getShorthandInfo.ts @@ -2,7 +2,7 @@ import * as Babel from '@babel/core' import { NodePath } from '@babel/traverse' import * as t from '@babel/types' -import { ComponentInfo } from 'docs/src/types' +import { ComponentInfo } from './docs-types' type ShorthandInfo = Required< Pick diff --git a/build/gulp/plugins/util/parseDefaultValue.ts b/build/gulp/plugins/util/parseDefaultValue.ts index f8b9ee5220..18902e3363 100644 --- a/build/gulp/plugins/util/parseDefaultValue.ts +++ b/build/gulp/plugins/util/parseDefaultValue.ts @@ -1,7 +1,7 @@ import _ from 'lodash' import * as React from 'react' -import { ComponentPropType } from 'docs/src/types' +import { ComponentPropType } from './docs-types' import { PropItem } from './docgen' const parseDefaultValue = ( diff --git a/build/gulp/plugins/util/parseType.ts b/build/gulp/plugins/util/parseType.ts index 3bd85369dc..947b69b58a 100644 --- a/build/gulp/plugins/util/parseType.ts +++ b/build/gulp/plugins/util/parseType.ts @@ -3,7 +3,7 @@ import { NodePath } from '@babel/traverse' import * as t from '@babel/types' import _ from 'lodash' -import { ComponentPropType } from 'docs/src/types' +import { ComponentPropType } from './docs-types' import { PropItem } from './docgen' import parseTypeAnnotation from './parseTypeAnnotation' diff --git a/build/gulp/plugins/util/parseTypeAnnotation.ts b/build/gulp/plugins/util/parseTypeAnnotation.ts index b6b34a26de..57d4c306ff 100644 --- a/build/gulp/plugins/util/parseTypeAnnotation.ts +++ b/build/gulp/plugins/util/parseTypeAnnotation.ts @@ -1,7 +1,7 @@ import * as t from '@babel/types' import _ from 'lodash' -import { ComponentPropType } from 'docs/src/types' +import { ComponentPropType } from './docs-types' const keywords: Record = { any: t.isTSAnyKeyword, diff --git a/packages/accessibility/test/behaviors/behavior-test.tsx b/packages/accessibility/test/behaviors/behavior-test.tsx index 32125a553e..b2d9edfc76 100644 --- a/packages/accessibility/test/behaviors/behavior-test.tsx +++ b/packages/accessibility/test/behaviors/behavior-test.tsx @@ -83,6 +83,7 @@ import { import { TestHelper } from './testHelper' import definitions from './testDefinitions' +// TODO (@ecraig12345) - remove relative docs import const behaviorMenuItems = require('../../../../docs/src/behaviorMenu') const testHelper = new TestHelper() diff --git a/packages/react/test/specs/commonTests/isConformant.tsx b/packages/react/test/specs/commonTests/isConformant.tsx index 901bf8fa9d..9f77395090 100644 --- a/packages/react/test/specs/commonTests/isConformant.tsx +++ b/packages/react/test/specs/commonTests/isConformant.tsx @@ -112,7 +112,8 @@ export default function isConformant( // This is pretty ugly because: // - jest doesn't support custom error messages // - jest will run all test - const infoJSONPath = `docs/src/componentInfo/${constructorName}.info.json` + // TODO (@ecraig12345) - remove relative docs import + const infoJSONPath = `../../../../../docs/src/componentInfo/${constructorName}.info.json` let info @@ -124,7 +125,7 @@ export default function isConformant( throw new Error( [ '!! ==========================================================', - `!! Missing ${infoJSONPath}.`, + `!! Missing ${infoJSONPath.replace('../../../../../', '')}.`, '!! Run `yarn test` or `yarn test:watch` again to generate one.', '!! ==========================================================', ].join('\n'), From 40d04f5d5611263316b858e392f1210e05aab0af Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Fri, 10 Jan 2020 23:42:09 -0800 Subject: [PATCH 05/14] Replace docs imports with relative imports --- .../components/ComponentDoc/BehaviorCard.tsx | 2 +- .../ComponentDoc/ComponentBestPractices.tsx | 4 ++-- .../ComponentControls/ComponentControls.tsx | 2 +- .../ComponentControlsCodeSandbox.tsx | 2 +- .../createPackageJson.ts | 4 ++-- .../components/ComponentDoc/ComponentDoc.tsx | 10 ++++----- .../ComponentDocAccessibility.tsx | 6 ++--- .../ComponentDoc/ComponentDocSee.tsx | 2 +- .../ComponentExample/ComponentExample.tsx | 12 +++++----- .../ComponentExampleVariable.tsx | 2 +- .../ComponentDoc/ComponentExamples.tsx | 2 +- .../ComponentPerfChart.tsx | 4 ++-- .../ComponentProps/ComponentProps.tsx | 2 +- .../ComponentProps/ComponentPropsOutline.tsx | 2 +- .../ComponentPropsTable/ComponentPropsRow.tsx | 6 ++--- .../ComponentPropsTable.tsx | 2 +- .../ComponentSidebar/ComponentSidebar.tsx | 2 +- .../ComponentSidebarSection.tsx | 2 +- .../ComponentSourceManager.ts | 2 +- .../ComponentSourceManager/getExampeModule.ts | 4 ++-- .../ComponentDoc/useAccessibilityKnob.ts | 2 +- .../ComponentDoc/useComponentProps.ts | 4 ++-- .../ComponentPlayground.tsx | 2 +- .../ComponentPlaygroundSnippet.tsx | 2 +- .../componentGenerators.ts | 4 ++-- .../createHookGenerator.ts | 2 +- .../ComponentPlayground/propGenerators.tsx | 2 +- .../ComponentPlayground/typeGenerators.ts | 4 ++-- .../usePlaygroundComponent.tsx | 4 ++-- docs/src/components/DocsBehaviorRoot.tsx | 2 +- docs/src/components/DocsLayout.tsx | 4 ++-- docs/src/components/ExternalExampleLayout.tsx | 8 ++----- docs/src/components/MarkdownPage.tsx | 6 ++--- docs/src/components/Sidebar/Sidebar.tsx | 8 +++---- .../BestPractices/AccordionBestPractices.tsx | 2 +- .../components/Accordion/Rtl/index.tsx | 4 ++-- .../components/Accordion/Types/index.tsx | 4 ++-- .../components/Accordion/Usage/index.tsx | 4 ++-- .../BestPractices/AlertBestPractices.tsx | 2 +- .../examples/components/Alert/Rtl/index.tsx | 4 ++-- .../examples/components/Alert/Slots/index.tsx | 4 ++-- .../examples/components/Alert/State/index.tsx | 4 ++-- .../examples/components/Alert/Types/index.tsx | 4 ++-- .../examples/components/Alert/Usage/index.tsx | 4 ++-- .../components/Alert/Variations/index.tsx | 4 ++-- .../components/Animation/Types/index.tsx | 4 ++-- .../Attachment/Performance/index.tsx | 4 ++-- .../components/Attachment/Rtl/index.tsx | 4 ++-- .../components/Attachment/Slots/index.tsx | 4 ++-- .../components/Attachment/Types/index.tsx | 4 ++-- .../Attachment/Variations/index.tsx | 4 ++-- .../examples/components/Avatar/Rtl/index.tsx | 4 ++-- .../components/Avatar/Types/index.tsx | 4 ++-- .../components/Avatar/Usage/index.tsx | 4 ++-- .../components/Avatar/Variations/index.tsx | 4 ++-- .../examples/components/Box/Types/index.tsx | 4 ++-- docs/src/examples/components/Box/index.tsx | 2 +- .../BestPractices/ButtonBestPractices.tsx | 2 +- .../components/Button/Groups/index.tsx | 4 ++-- .../components/Button/Performance/index.tsx | 4 ++-- .../examples/components/Button/Rtl/index.tsx | 4 ++-- .../components/Button/States/index.tsx | 4 ++-- .../components/Button/Types/index.tsx | 4 ++-- .../components/Button/Usage/index.tsx | 4 ++-- .../components/Button/Variations/index.tsx | 4 ++-- .../components/Carousel/Types/index.tsx | 4 ++-- .../components/Carousel/Variations/index.tsx | 4 ++-- .../components/Chat/Content/index.tsx | 4 ++-- .../components/Chat/Performance/index.tsx | 4 ++-- .../examples/components/Chat/Rtl/index.tsx | 4 ++-- .../examples/components/Chat/Types/index.tsx | 4 ++-- .../examples/components/Chat/Usage/index.tsx | 4 ++-- .../components/Checkbox/Rtl/index.tsx | 4 ++-- .../components/Checkbox/Slots/index.tsx | 4 ++-- .../components/Checkbox/States/index.tsx | 4 ++-- .../components/Checkbox/Types/index.tsx | 4 ++-- .../BestPractices/DialogBestPractices.tsx | 2 +- .../components/Dialog/Content/index.tsx | 4 ++-- .../examples/components/Dialog/Rtl/index.tsx | 4 ++-- .../components/Dialog/Types/index.tsx | 4 ++-- .../components/Dialog/Usage/index.tsx | 4 ++-- .../components/Dialog/Variations/index.tsx | 4 ++-- .../components/Divider/Performance/index.tsx | 4 ++-- .../examples/components/Divider/Rtl/index.tsx | 4 ++-- .../components/Divider/Types/index.tsx | 4 ++-- .../components/Divider/Variations/index.tsx | 4 ++-- .../BestPractices/DropdownBestPractices.tsx | 2 +- .../components/Dropdown/Performance/index.tsx | 4 ++-- .../components/Dropdown/Rtl/index.tsx | 4 ++-- .../components/Dropdown/State/index.tsx | 4 ++-- .../components/Dropdown/Types/index.tsx | 4 ++-- .../components/Dropdown/Usage/index.tsx | 4 ++-- .../components/Dropdown/Variations/index.tsx | 4 ++-- .../examples/components/Embed/Slots/index.tsx | 4 ++-- .../examples/components/Embed/Usage/index.tsx | 4 ++-- docs/src/examples/components/Flex/Recipes.mdx | 2 +- .../examples/components/Flex/Rtl/index.tsx | 4 ++-- .../examples/components/Flex/Types/index.tsx | 4 ++-- .../Form/BestPractices/FormBestPractices.tsx | 2 +- .../examples/components/Form/Rtl/index.tsx | 4 ++-- .../examples/components/Form/Types/index.tsx | 4 ++-- .../examples/components/Form/Usage/index.tsx | 4 ++-- .../Grid/BestPractices/GridBestPractices.tsx | 2 +- .../examples/components/Grid/Rtl/index.tsx | 4 ++-- .../examples/components/Grid/Types/index.tsx | 4 ++-- .../components/Grid/Variations/index.tsx | 4 ++-- .../components/Header/Performance/index.tsx | 4 ++-- .../examples/components/Header/Rtl/index.tsx | 4 ++-- .../components/Header/Types/index.tsx | 4 ++-- .../components/Header/Variations/index.tsx | 4 ++-- .../HierarchicalTree/Types/index.tsx | 4 ++-- .../Icon/BestPractices/IconBestPractices.tsx | 2 +- .../components/Icon/Performance/index.tsx | 4 ++-- .../examples/components/Icon/Rtl/index.tsx | 4 ++-- .../examples/components/Icon/States/index.tsx | 4 ++-- .../examples/components/Icon/Types/index.tsx | 4 ++-- .../examples/components/Icon/Usage/index.tsx | 4 ++-- .../components/Icon/Variations/index.tsx | 4 ++-- .../examples/components/Image/Rtl/index.tsx | 4 ++-- .../examples/components/Image/Types/index.tsx | 4 ++-- .../components/Image/Variations/index.tsx | 4 ++-- .../BestPractices/InputBestPractices.tsx | 2 +- .../examples/components/Input/Rtl/index.tsx | 4 ++-- .../examples/components/Input/Types/index.tsx | 4 ++-- .../components/Input/Variations/index.tsx | 4 ++-- .../components/ItemLayout/Content/index.tsx | 4 ++-- .../components/ItemLayout/Rtl/index.tsx | 4 ++-- .../components/ItemLayout/Types/index.tsx | 4 ++-- .../examples/components/ItemLayout/index.tsx | 2 +- .../components/Label/Content/index.tsx | 4 ++-- .../examples/components/Label/Rtl/index.tsx | 4 ++-- .../components/Label/Variations/index.tsx | 4 ++-- .../components/Layout/Types/index.tsx | 4 ++-- .../components/Layout/Variations/index.tsx | 4 ++-- docs/src/examples/components/Layout/index.tsx | 2 +- .../components/List/Content/index.tsx | 4 ++-- .../components/List/Performance/index.tsx | 4 ++-- .../examples/components/List/Rtl/index.tsx | 4 ++-- .../examples/components/List/Types/index.tsx | 4 ++-- .../components/List/Variations/index.tsx | 6 ++--- .../components/Loader/Performance/index.tsx | 4 ++-- .../examples/components/Loader/Rtl/index.tsx | 4 ++-- .../components/Loader/Types/index.tsx | 4 ++-- .../components/Loader/Usage/index.tsx | 4 ++-- .../components/Loader/Variations/index.tsx | 4 ++-- .../Menu/BestPractices/MenuBestPractices.tsx | 2 +- .../examples/components/Menu/Playground.tsx | 2 +- .../examples/components/Menu/Rtl/index.tsx | 4 ++-- .../examples/components/Menu/Slots/index.tsx | 4 ++-- .../examples/components/Menu/States/index.tsx | 4 ++-- .../examples/components/Menu/Types/index.tsx | 4 ++-- .../examples/components/Menu/Usage/index.tsx | 4 ++-- .../components/Menu/Variations/index.tsx | 4 ++-- .../components/MenuButton/Rtl/index.tsx | 4 ++-- .../components/MenuButton/State/index.tsx | 4 ++-- .../components/MenuButton/Usage/index.tsx | 4 ++-- .../BestPractices/PopupBestPractices.tsx | 2 +- .../examples/components/Popup/Rtl/index.tsx | 4 ++-- .../examples/components/Popup/Types/index.tsx | 4 ++-- .../examples/components/Popup/Usage/index.tsx | 4 ++-- .../components/Popup/Variations/index.tsx | 4 ++-- .../components/Portal/State/index.tsx | 4 ++-- .../components/Portal/Types/index.tsx | 4 ++-- .../components/Provider/Performance/index.tsx | 4 ++-- .../components/Provider/Types/index.tsx | 6 ++--- .../components/Provider/Usage/index.tsx | 4 ++-- .../components/RadioGroup/Item/index.tsx | 4 ++-- .../components/RadioGroup/Rtl/index.tsx | 4 ++-- .../components/RadioGroup/Types/index.tsx | 4 ++-- .../BestPractices/ReactionBestPractices.tsx | 2 +- .../components/Reaction/Rtl/index.tsx | 4 ++-- .../components/Reaction/Types/index.tsx | 4 ++-- .../examples/components/Ref/Types/index.tsx | 4 ++-- .../examples/components/Segment/Rtl/index.tsx | 4 ++-- .../components/Segment/States/index.tsx | 4 ++-- .../components/Segment/Types/index.tsx | 4 ++-- .../components/Segment/Variations/index.tsx | 4 ++-- .../BestPractices/SliderBestPractices.tsx | 2 +- .../examples/components/Slider/Rtl/index.tsx | 4 ++-- .../components/Slider/States/index.tsx | 4 ++-- .../components/Slider/Types/index.tsx | 4 ++-- .../components/Slider/Usage/index.tsx | 4 ++-- .../components/Slider/Variations/index.tsx | 4 ++-- .../SplitButtonBestPractices.tsx | 2 +- .../components/SplitButton/Slots/index.tsx | 4 ++-- .../components/SplitButton/States/index.tsx | 4 ++-- .../components/SplitButton/Types/index.tsx | 4 ++-- .../components/SplitButton/Usage/index.tsx | 4 ++-- .../BestPractices/StatusBestPractices.tsx | 2 +- .../components/Status/Types/index.tsx | 4 ++-- .../components/Status/Variations/index.tsx | 4 ++-- .../BestPractices/TableBestPractices.tsx | 2 +- .../examples/components/Table/Usage/index.tsx | 4 ++-- .../Text/BestPractices/TextBestPractices.tsx | 2 +- .../examples/components/Text/Rtl/index.tsx | 4 ++-- .../examples/components/Text/States/index.tsx | 4 ++-- .../examples/components/Text/Types/index.tsx | 4 ++-- .../components/Text/Variations/index.tsx | 4 ++-- .../components/TextArea/States/index.tsx | 4 ++-- .../components/TextArea/Types/index.tsx | 4 ++-- .../components/TextArea/Usage/index.tsx | 4 ++-- .../components/TextArea/Variations/index.tsx | 4 ++-- .../BestPractices/ToolbarBestPractices.tsx | 2 +- .../components/Toolbar/Content/index.tsx | 4 ++-- .../components/Toolbar/Performance/index.tsx | 4 ++-- .../components/Toolbar/Types/index.tsx | 4 ++-- .../components/Toolbar/Usage/index.tsx | 4 ++-- .../BestPractices/TooltipBestPractices.tsx | 2 +- .../examples/components/Tooltip/Rtl/index.tsx | 4 ++-- .../components/Tooltip/States/index.tsx | 4 ++-- .../components/Tooltip/Types/index.tsx | 4 ++-- .../components/Tooltip/Usage/index.tsx | 4 ++-- .../components/Tooltip/Variations/index.tsx | 4 ++-- .../Tree/BestPractices/TreeBestPractices.tsx | 2 +- .../examples/components/Tree/Types/index.tsx | 4 ++-- .../examples/components/Tree/Usage/index.tsx | 4 ++-- .../examples/components/Video/Types/index.tsx | 4 ++-- docs/src/pages/Layout.mdx | 2 +- docs/src/prototypes/EditorToolbar/index.tsx | 2 +- docs/src/prototypes/IconViewer/index.tsx | 4 ++-- .../NestedPopupsAndDialogs/index.tsx | 2 +- docs/src/routes.tsx | 2 +- docs/src/utils/componentInfoContext.ts | 2 +- docs/src/utils/exampleContexts.ts | 22 ++++++------------- docs/src/views/AutoFocusZoneDoc.tsx | 2 +- docs/src/views/CategoryColorPalette.tsx | 6 ++--- docs/src/views/CategoryColorSchemes.tsx | 8 +++---- docs/src/views/ColorPalette.tsx | 8 +++---- docs/src/views/ColorSchemes.tsx | 8 +++---- docs/src/views/Colors.tsx | 14 ++++++------ docs/src/views/FocusTrapZoneDoc.tsx | 2 +- docs/src/views/FocusZoneDoc.tsx | 2 +- 232 files changed, 444 insertions(+), 456 deletions(-) diff --git a/docs/src/components/ComponentDoc/BehaviorCard.tsx b/docs/src/components/ComponentDoc/BehaviorCard.tsx index 7ec941d0f3..be812aade4 100644 --- a/docs/src/components/ComponentDoc/BehaviorCard.tsx +++ b/docs/src/components/ComponentDoc/BehaviorCard.tsx @@ -3,7 +3,7 @@ import { Divider, ICSSInJSStyle, Segment, Text } from '@fluentui/react' import * as _ from 'lodash' import ComponentExampleTitle from './ComponentExample/ComponentExampleTitle' import BehaviorDescription from './BehaviorDescription' -import { BehaviorVariantionInfo } from 'docs/src/types' +import { BehaviorVariantionInfo } from '../../types' export const behaviorVariantDisplayName = (fileName: string) => { const divided = _.startCase(fileName.replace(/Behavior\.ts$/, '')) diff --git a/docs/src/components/ComponentDoc/ComponentBestPractices.tsx b/docs/src/components/ComponentDoc/ComponentBestPractices.tsx index 76a56b27c3..68a4f4874e 100644 --- a/docs/src/components/ComponentDoc/ComponentBestPractices.tsx +++ b/docs/src/components/ComponentDoc/ComponentBestPractices.tsx @@ -2,8 +2,8 @@ import * as _ from 'lodash' import * as PropTypes from 'prop-types' import * as React from 'react' -import { exampleBestPracticesContext } from 'docs/src/utils' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import { exampleBestPracticesContext } from '../../utils' +import ExampleSection from '../ComponentDoc/ExampleSection' interface ComponentBestPracticesProps { displayName: string diff --git a/docs/src/components/ComponentDoc/ComponentControls/ComponentControls.tsx b/docs/src/components/ComponentDoc/ComponentControls/ComponentControls.tsx index 551b84fce0..f281bf3003 100644 --- a/docs/src/components/ComponentDoc/ComponentControls/ComponentControls.tsx +++ b/docs/src/components/ComponentDoc/ComponentControls/ComponentControls.tsx @@ -4,7 +4,7 @@ import * as _ from 'lodash' import * as React from 'react' import { NavLink } from 'react-router-dom' -import { ComponentSourceManagerLanguage } from 'docs/src/components/ComponentDoc/ComponentSourceManager' +import { ComponentSourceManagerLanguage } from '../ComponentSourceManager' import ComponentControlsCodeSandbox, { CodeSandboxState, } from './ComponentControlsCodeSandbox/ComponentControlsCodeSandbox' diff --git a/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCodeSandbox/ComponentControlsCodeSandbox.tsx b/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCodeSandbox/ComponentControlsCodeSandbox.tsx index 7c18f4cdf7..b011dc083a 100644 --- a/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCodeSandbox/ComponentControlsCodeSandbox.tsx +++ b/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCodeSandbox/ComponentControlsCodeSandbox.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import CodeSandboxer from 'react-codesandboxer' -import { ComponentSourceManagerLanguage } from 'docs/src/components/ComponentDoc/ComponentSourceManager' +import { ComponentSourceManagerLanguage } from '../../ComponentSourceManager' import { appTemplate } from './indexTemplates' import createPackageJson from './createPackageJson' diff --git a/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCodeSandbox/createPackageJson.ts b/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCodeSandbox/createPackageJson.ts index f13b636283..b14eef60dc 100644 --- a/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCodeSandbox/createPackageJson.ts +++ b/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCodeSandbox/createPackageJson.ts @@ -1,7 +1,7 @@ import * as _ from 'lodash' -import { imports } from 'docs/src/components/Playground/renderConfig' -import { ComponentSourceManagerLanguage } from 'docs/src/components/ComponentDoc/ComponentSourceManager' +import { imports } from '../../../Playground/renderConfig' +import { ComponentSourceManagerLanguage } from '../../ComponentSourceManager' const name = 'fluent-ui-example' const description = diff --git a/docs/src/components/ComponentDoc/ComponentDoc.tsx b/docs/src/components/ComponentDoc/ComponentDoc.tsx index bf482d08c2..ae1770f669 100644 --- a/docs/src/components/ComponentDoc/ComponentDoc.tsx +++ b/docs/src/components/ComponentDoc/ComponentDoc.tsx @@ -2,16 +2,16 @@ import * as React from 'react' import { RouteComponentProps, withRouter } from 'react-router-dom' import { tabListBehavior, Header, Icon, Dropdown, Text, Grid, Menu } from '@fluentui/react' -import { getFormattedHash } from 'docs/src/utils' +import { getFormattedHash } from '../../utils' // import ComponentDocLinks from './ComponentDocLinks' // import ComponentDocSee from './ComponentDocSee' import { ComponentExamples } from './ComponentExamples' import ComponentProps from './ComponentProps' import { ComponentDocAccessibility } from './ComponentDocAccessibility' -import { ThemeContext } from 'docs/src/context/ThemeContext' -import ExampleContext from 'docs/src/context/ExampleContext' -import ComponentPlayground from 'docs/src/components/ComponentPlayground/ComponentPlayground' -import { ComponentInfo } from 'docs/src/types' +import { ThemeContext } from '../../context/ThemeContext' +import ExampleContext from '../../context/ExampleContext' +import ComponentPlayground from '../ComponentPlayground/ComponentPlayground' +import { ComponentInfo } from '../../types' import ComponentBestPractices from './ComponentBestPractices' import * as _ from 'lodash' diff --git a/docs/src/components/ComponentDoc/ComponentDocAccessibility.tsx b/docs/src/components/ComponentDoc/ComponentDocAccessibility.tsx index b697926c4d..7ca1ea69e2 100644 --- a/docs/src/components/ComponentDoc/ComponentDocAccessibility.tsx +++ b/docs/src/components/ComponentDoc/ComponentDocAccessibility.tsx @@ -1,13 +1,13 @@ import * as React from 'react' import * as _ from 'lodash' import { Flex, Loader, Text, Segment, Header } from '@fluentui/react' -import { link } from './../../utils/helpers' -import { BehaviorInfo, ComponentInfo, BehaviorVariantionInfo } from 'docs/src/types' +import { link } from '../../utils/helpers' +import { BehaviorInfo, ComponentInfo, BehaviorVariantionInfo } from '../../types' import { BehaviorCard, exampleStyle, behaviorVariantDisplayName } from './BehaviorCard' const InlineMarkdown = React.lazy(() => import('./InlineMarkdown')) -const behaviorMenu = require('docs/src/behaviorMenu') +const behaviorMenu = require('../../behaviorMenu') const knownIsusesId = 'known-issues' diff --git a/docs/src/components/ComponentDoc/ComponentDocSee.tsx b/docs/src/components/ComponentDoc/ComponentDocSee.tsx index d705b0d13f..89b6519045 100644 --- a/docs/src/components/ComponentDoc/ComponentDocSee.tsx +++ b/docs/src/components/ComponentDoc/ComponentDocSee.tsx @@ -4,7 +4,7 @@ import * as React from 'react' import { Link } from 'react-router-dom' import { List, Header } from '@fluentui/react' -import { getComponentPathname, getInfoForSeeTags } from 'docs/src/utils' +import { getComponentPathname, getInfoForSeeTags } from '../../utils' const listStyle = { display: 'block' } diff --git a/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx b/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx index 4de86e4d86..9e159f3bff 100644 --- a/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx +++ b/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx @@ -21,18 +21,18 @@ import * as copyToClipboard from 'copy-to-clipboard' import qs from 'qs' import SourceRender from 'react-source-render' -import { examplePathToHash, getFormattedHash, scrollToAnchor } from 'docs/src/utils' +import { examplePathToHash, getFormattedHash, scrollToAnchor } from '../../../utils' import { constants } from '@fluentui/react/src/utils' -import Editor, { EDITOR_BACKGROUND_COLOR, EDITOR_GUTTER_COLOR } from 'docs/src/components/Editor' -import { babelConfig, importResolver } from 'docs/src/components/Playground/renderConfig' -import ExampleContext, { ExampleContextValue } from 'docs/src/context/ExampleContext' +import Editor, { EDITOR_BACKGROUND_COLOR, EDITOR_GUTTER_COLOR } from '../../Editor' +import { babelConfig, importResolver } from '../../Playground/renderConfig' +import ExampleContext, { ExampleContextValue } from '../../../context/ExampleContext' import ComponentControls from '../ComponentControls' import ComponentExampleTitle from './ComponentExampleTitle' import ComponentSourceManager, { ComponentSourceManagerRenderProps, } from '../ComponentSourceManager' -import VariableResolver from 'docs/src/components/VariableResolver/VariableResolver' -import ComponentExampleVariables from 'docs/src/components/ComponentDoc/ComponentExample/ComponentExampleVariables' +import VariableResolver from '../../VariableResolver/VariableResolver' +import ComponentExampleVariables from './ComponentExampleVariables' const ERROR_COLOR = '#D34' diff --git a/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleVariable.tsx b/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleVariable.tsx index 7ee25f0369..067ca99686 100644 --- a/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleVariable.tsx +++ b/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleVariable.tsx @@ -1,6 +1,6 @@ import { Input, InputProps, Popup } from '@fluentui/react' import * as React from 'react' -import ComponentExampleColorPicker from 'docs/src/components/ComponentDoc/ComponentExample/ComponentExampleColorPicker' +import ComponentExampleColorPicker from './ComponentExampleColorPicker' export type ComponentExampleVariableProps = { componentName: string diff --git a/docs/src/components/ComponentDoc/ComponentExamples.tsx b/docs/src/components/ComponentDoc/ComponentExamples.tsx index bef6c96c26..97e6011157 100644 --- a/docs/src/components/ComponentDoc/ComponentExamples.tsx +++ b/docs/src/components/ComponentDoc/ComponentExamples.tsx @@ -2,7 +2,7 @@ import * as _ from 'lodash' import * as PropTypes from 'prop-types' import * as React from 'react' -import { exampleIndexContext, exampleSourcesContext } from 'docs/src/utils' +import { exampleIndexContext, exampleSourcesContext } from '../../utils' import { List, Segment } from '@fluentui/react' import { componentAPIs } from './ComponentSourceManager' diff --git a/docs/src/components/ComponentDoc/ComponentPerfExample/ComponentPerfChart.tsx b/docs/src/components/ComponentDoc/ComponentPerfExample/ComponentPerfChart.tsx index f0e1611428..f89183bf5c 100644 --- a/docs/src/components/ComponentDoc/ComponentPerfExample/ComponentPerfChart.tsx +++ b/docs/src/components/ComponentDoc/ComponentPerfExample/ComponentPerfChart.tsx @@ -1,8 +1,8 @@ import * as _ from 'lodash' import { Box, Flex, RadioGroup, Text, Checkbox } from '@fluentui/react' -import { PerfChart, usePerfData } from 'docs/src/components/ComponentDoc/PerfChart' +import { PerfChart, usePerfData } from '../PerfChart' import * as React from 'react' -import { PerfData, PerfSample } from 'docs/src/components/ComponentDoc/PerfChart/PerfDataContext' +import { PerfData, PerfSample } from '../PerfChart/PerfDataContext' enum FILTER_BY { CI_BUILD = 'ci build', diff --git a/docs/src/components/ComponentDoc/ComponentProps/ComponentProps.tsx b/docs/src/components/ComponentDoc/ComponentProps/ComponentProps.tsx index 1f4a9b71c6..126a541599 100644 --- a/docs/src/components/ComponentDoc/ComponentProps/ComponentProps.tsx +++ b/docs/src/components/ComponentDoc/ComponentProps/ComponentProps.tsx @@ -2,7 +2,7 @@ import * as _ from 'lodash' import * as PropTypes from 'prop-types' import * as React from 'react' -import { getComponentGroup, scrollToAnchor } from 'docs/src/utils' +import { getComponentGroup, scrollToAnchor } from '../../../utils' import ComponentPropsOutline from './ComponentPropsOutline' import { Flex, Header } from '@fluentui/react' import ComponentPropCard from './ComponentPropCard' diff --git a/docs/src/components/ComponentDoc/ComponentProps/ComponentPropsOutline.tsx b/docs/src/components/ComponentDoc/ComponentProps/ComponentPropsOutline.tsx index 4ffd7fc9bd..267015839e 100644 --- a/docs/src/components/ComponentDoc/ComponentProps/ComponentPropsOutline.tsx +++ b/docs/src/components/ComponentDoc/ComponentProps/ComponentPropsOutline.tsx @@ -1,6 +1,6 @@ import * as _ from 'lodash' import * as React from 'react' -import { link } from 'docs/src/utils/helpers' +import { link } from '../../../utils/helpers' const ComponentPropsOutline: any = (props: ComponentPropsOutlineProps) => { const { displayNames } = props diff --git a/docs/src/components/ComponentDoc/ComponentPropsTable/ComponentPropsRow.tsx b/docs/src/components/ComponentDoc/ComponentPropsTable/ComponentPropsRow.tsx index 50ef532c16..8d29ba4c90 100644 --- a/docs/src/components/ComponentDoc/ComponentPropsTable/ComponentPropsRow.tsx +++ b/docs/src/components/ComponentDoc/ComponentPropsTable/ComponentPropsRow.tsx @@ -2,10 +2,10 @@ import * as React from 'react' import * as _ from 'lodash' import { Link } from 'react-router-dom' -import { ComponentProp, ComponentPropType } from 'docs/src/types' -import componentInfoContext from 'docs/src/utils/componentInfoContext' +import { ComponentProp, ComponentPropType } from '../../../types' +import componentInfoContext from '../../../utils/componentInfoContext' import ComponentPropName from '../ComponentProp/ComponentPropName' -import { getComponentGroup } from 'docs/src/utils' +import { getComponentGroup } from '../../../utils' const InlineMarkdown = React.lazy(() => import('../InlineMarkdown')) diff --git a/docs/src/components/ComponentDoc/ComponentPropsTable/ComponentPropsTable.tsx b/docs/src/components/ComponentDoc/ComponentPropsTable/ComponentPropsTable.tsx index d60c01f6f4..96de112571 100644 --- a/docs/src/components/ComponentDoc/ComponentPropsTable/ComponentPropsTable.tsx +++ b/docs/src/components/ComponentDoc/ComponentPropsTable/ComponentPropsTable.tsx @@ -1,7 +1,7 @@ import { Loader } from '@fluentui/react' import * as React from 'react' -import useComponentProps from 'docs/src/components/ComponentDoc/useComponentProps' +import useComponentProps from '../useComponentProps' import ComponentPropsRow from './ComponentPropsRow' const tableStyles: React.CSSProperties = { diff --git a/docs/src/components/ComponentDoc/ComponentSidebar/ComponentSidebar.tsx b/docs/src/components/ComponentDoc/ComponentSidebar/ComponentSidebar.tsx index b6c4b6c11c..b27d3d2e16 100644 --- a/docs/src/components/ComponentDoc/ComponentSidebar/ComponentSidebar.tsx +++ b/docs/src/components/ComponentDoc/ComponentSidebar/ComponentSidebar.tsx @@ -31,7 +31,7 @@ class ComponentSidebar extends React.Component { } fetchSections = (displayName: string) => { - import(`docs/src/exampleMenus/${displayName}.examples.json`).then(sections => { + import(`../../../exampleMenus/${displayName}.examples.json`).then(sections => { this.setState({ sections: sections.default }) }) } diff --git a/docs/src/components/ComponentDoc/ComponentSidebar/ComponentSidebarSection.tsx b/docs/src/components/ComponentDoc/ComponentSidebar/ComponentSidebarSection.tsx index b57d123185..669e6ec43e 100644 --- a/docs/src/components/ComponentDoc/ComponentSidebar/ComponentSidebarSection.tsx +++ b/docs/src/components/ComponentDoc/ComponentSidebar/ComponentSidebarSection.tsx @@ -3,7 +3,7 @@ import * as PropTypes from 'prop-types' import * as React from 'react' import { Icon, HierarchicalTree } from '@fluentui/react' -import { examplePathToHash } from 'docs/src/utils' +import { examplePathToHash } from '../../../utils' export default class ComponentSidebarSection extends React.PureComponent { static propTypes = { diff --git a/docs/src/components/ComponentDoc/ComponentSourceManager/ComponentSourceManager.ts b/docs/src/components/ComponentDoc/ComponentSourceManager/ComponentSourceManager.ts index 4d391a0a32..cb07159b76 100644 --- a/docs/src/components/ComponentDoc/ComponentSourceManager/ComponentSourceManager.ts +++ b/docs/src/components/ComponentDoc/ComponentSourceManager/ComponentSourceManager.ts @@ -2,7 +2,7 @@ import { prettifyCode } from '@fluentui/docs-components' import * as _ from 'lodash' import * as React from 'react' -import { ExampleSource } from 'docs/src/types' +import { ExampleSource } from '../../../types' import { componentAPIs as APIdefinitions, ComponentAPIs } from './componentAPIs' import getExampleModule from './getExampeModule' diff --git a/docs/src/components/ComponentDoc/ComponentSourceManager/getExampeModule.ts b/docs/src/components/ComponentDoc/ComponentSourceManager/getExampeModule.ts index 6ff1187a10..82359847a9 100644 --- a/docs/src/components/ComponentDoc/ComponentSourceManager/getExampeModule.ts +++ b/docs/src/components/ComponentDoc/ComponentSourceManager/getExampeModule.ts @@ -1,7 +1,7 @@ import * as React from 'react' -import { ExampleSource } from 'docs/src/types' -import { examplesContext, exampleSourcesContext } from 'docs/src/utils' +import { ExampleSource } from '../../../types' +import { examplesContext, exampleSourcesContext } from '../../../utils' import { componentAPIs, ComponentAPIs } from './componentAPIs' const getExampleModule = ( diff --git a/docs/src/components/ComponentDoc/useAccessibilityKnob.ts b/docs/src/components/ComponentDoc/useAccessibilityKnob.ts index 60ff5522db..9acc30738c 100644 --- a/docs/src/components/ComponentDoc/useAccessibilityKnob.ts +++ b/docs/src/components/ComponentDoc/useAccessibilityKnob.ts @@ -1,7 +1,7 @@ import { useSelectKnob } from '@fluentui/docs-components' import * as FluentUI from '@fluentui/react' -import componentInfoContext from 'docs/src/utils/componentInfoContext' +import componentInfoContext from '../../utils/componentInfoContext' import useComponentProps from './useComponentProps' const useAccessibilityKnob = (componentName: string): FluentUI.Accessibility => { diff --git a/docs/src/components/ComponentDoc/useComponentProps.ts b/docs/src/components/ComponentDoc/useComponentProps.ts index 8ebc9cd8e1..ad4df89065 100644 --- a/docs/src/components/ComponentDoc/useComponentProps.ts +++ b/docs/src/components/ComponentDoc/useComponentProps.ts @@ -1,5 +1,5 @@ -import componentInfoContext from 'docs/src/utils/componentInfoContext' -import { ComponentInfo } from 'docs/src/types' +import componentInfoContext from '../../utils/componentInfoContext' +import { ComponentInfo } from '../../types' const useComponentProps = (componentName: string): ComponentInfo['props'] => { const info = componentInfoContext.byDisplayName[componentName] diff --git a/docs/src/components/ComponentPlayground/ComponentPlayground.tsx b/docs/src/components/ComponentPlayground/ComponentPlayground.tsx index 0304e2a05c..950b86efda 100644 --- a/docs/src/components/ComponentPlayground/ComponentPlayground.tsx +++ b/docs/src/components/ComponentPlayground/ComponentPlayground.tsx @@ -2,7 +2,7 @@ import { KnobProvider } from '@fluentui/docs-components' import * as _ from 'lodash' import * as React from 'react' -import { examplePlaygroundContext } from 'docs/src/utils' +import { examplePlaygroundContext } from '../../utils' import ComponentPlaygroundTemplate from './ComponentPlaygroundTemplate' import usePlaygroundComponent from './usePlaygroundComponent' diff --git a/docs/src/components/ComponentPlayground/ComponentPlaygroundSnippet.tsx b/docs/src/components/ComponentPlayground/ComponentPlaygroundSnippet.tsx index 97fc9b6da3..f1786a6307 100644 --- a/docs/src/components/ComponentPlayground/ComponentPlaygroundSnippet.tsx +++ b/docs/src/components/ComponentPlayground/ComponentPlaygroundSnippet.tsx @@ -1,7 +1,7 @@ import { CodeSnippet, CodeSnippetProps } from '@fluentui/docs-components' import * as React from 'react' -import renderElementToJSX from 'docs/src/components/ExampleSnippet/renderElementToJSX' +import renderElementToJSX from '../ExampleSnippet/renderElementToJSX' type ComponentPlaygroundSnippetProps = { element?: React.ReactElement diff --git a/docs/src/components/ComponentPlayground/componentGenerators.ts b/docs/src/components/ComponentPlayground/componentGenerators.ts index 88bf758a52..766aa87560 100644 --- a/docs/src/components/ComponentPlayground/componentGenerators.ts +++ b/docs/src/components/ComponentPlayground/componentGenerators.ts @@ -12,8 +12,8 @@ import { import * as _ from 'lodash' import * as faker from 'faker' -import { KnobComponentGenerators } from 'docs/src/types' -import { number } from 'docs/src/components/ComponentPlayground/typeGenerators' +import { KnobComponentGenerators } from '../../types' +import { number } from '../ComponentPlayground/typeGenerators' export const Avatar: KnobComponentGenerators = { name: ({ propName }) => ({ diff --git a/docs/src/components/ComponentPlayground/createHookGenerator.ts b/docs/src/components/ComponentPlayground/createHookGenerator.ts index 4d848559c3..f79d670504 100644 --- a/docs/src/components/ComponentPlayground/createHookGenerator.ts +++ b/docs/src/components/ComponentPlayground/createHookGenerator.ts @@ -1,6 +1,6 @@ import * as FluentUI from '@fluentui/react' -import { KnobDefinition, KnobGeneratorOptions, KnobGenerator } from 'docs/src/types' +import { KnobDefinition, KnobGeneratorOptions, KnobGenerator } from '../../types' import * as componentGenerators from './componentGenerators' import * as propGenerators from './propGenerators' import * as typeGenerators from './typeGenerators' diff --git a/docs/src/components/ComponentPlayground/propGenerators.tsx b/docs/src/components/ComponentPlayground/propGenerators.tsx index e4673a6ce5..554d5f13b4 100644 --- a/docs/src/components/ComponentPlayground/propGenerators.tsx +++ b/docs/src/components/ComponentPlayground/propGenerators.tsx @@ -4,7 +4,7 @@ import * as _ from 'lodash' import * as faker from 'faker' import * as React from 'react' -import { KnobGenerator } from 'docs/src/types' +import { KnobGenerator } from '../../types' export const content: KnobGenerator = ({ propName }) => ({ hook: useStringKnob, diff --git a/docs/src/components/ComponentPlayground/typeGenerators.ts b/docs/src/components/ComponentPlayground/typeGenerators.ts index 1a651d5e5f..f62a6fe80b 100644 --- a/docs/src/components/ComponentPlayground/typeGenerators.ts +++ b/docs/src/components/ComponentPlayground/typeGenerators.ts @@ -6,8 +6,8 @@ import { } from '@fluentui/docs-components' import * as _ from 'lodash' -import { ComponentInfo, KnobComponentGenerators, KnobGenerator } from 'docs/src/types' -import componentInfoContext from 'docs/src/utils/componentInfoContext' +import { ComponentInfo, KnobComponentGenerators, KnobGenerator } from '../../types' +import componentInfoContext from '../../utils/componentInfoContext' import * as componentGenerators from './componentGenerators' import createHookGenerator from './createHookGenerator' diff --git a/docs/src/components/ComponentPlayground/usePlaygroundComponent.tsx b/docs/src/components/ComponentPlayground/usePlaygroundComponent.tsx index 8dd2497d40..2869b2a589 100644 --- a/docs/src/components/ComponentPlayground/usePlaygroundComponent.tsx +++ b/docs/src/components/ComponentPlayground/usePlaygroundComponent.tsx @@ -4,8 +4,8 @@ import * as React from 'react' // @ts-ignore import { ThemeContext } from 'react-fela' -import { ComponentInfo } from 'docs/src/types' -import componentInfoContext from 'docs/src/utils/componentInfoContext' +import { ComponentInfo } from '../../types' +import componentInfoContext from '../../utils/componentInfoContext' import createHookGenerator from './createHookGenerator' diff --git a/docs/src/components/DocsBehaviorRoot.tsx b/docs/src/components/DocsBehaviorRoot.tsx index 3b347998c5..81940b970c 100644 --- a/docs/src/components/DocsBehaviorRoot.tsx +++ b/docs/src/components/DocsBehaviorRoot.tsx @@ -6,7 +6,7 @@ import DocumentTitle from 'react-document-title' import ComponentExampleTitle from './ComponentDoc/ComponentExample/ComponentExampleTitle' import BehaviorDescription from './ComponentDoc/BehaviorDescription' -const behaviorMenuItems = require('docs/src/behaviorMenu') +const behaviorMenuItems = require('../behaviorMenu') class DocsBehaviorRoot extends React.Component { static propTypes = { diff --git a/docs/src/components/DocsLayout.tsx b/docs/src/components/DocsLayout.tsx index 63babb9cdc..27f77d2f7d 100644 --- a/docs/src/components/DocsLayout.tsx +++ b/docs/src/components/DocsLayout.tsx @@ -4,8 +4,8 @@ import * as PropTypes from 'prop-types' import * as React from 'react' import { withRouter } from 'react-router-dom' -import Sidebar from 'docs/src/components/Sidebar/Sidebar' -import { scrollToAnchor } from 'docs/src/utils' +import Sidebar from './Sidebar/Sidebar' +import { scrollToAnchor } from '../utils' import { mergeThemes } from '@fluentui/styles' const anchors = new AnchorJS({ diff --git a/docs/src/components/ExternalExampleLayout.tsx b/docs/src/components/ExternalExampleLayout.tsx index 432ef3c302..2d6d59df8c 100644 --- a/docs/src/components/ExternalExampleLayout.tsx +++ b/docs/src/components/ExternalExampleLayout.tsx @@ -5,12 +5,8 @@ import { match } from 'react-router-dom' import SourceRender from 'react-source-render' import { KnobProvider } from '@fluentui/docs-components' -import { ExampleSource } from 'docs/src/types' -import { - exampleSourcesContext, - exampleKebabNameToSourceFilename, - parseExamplePath, -} from 'docs/src/utils' +import { ExampleSource } from '../types' +import { exampleSourcesContext, exampleKebabNameToSourceFilename, parseExamplePath } from '../utils' import PageNotFound from '../views/PageNotFound' import { babelConfig, importResolver } from './Playground/renderConfig' diff --git a/docs/src/components/MarkdownPage.tsx b/docs/src/components/MarkdownPage.tsx index 3705f520e2..7608561eab 100644 --- a/docs/src/components/MarkdownPage.tsx +++ b/docs/src/components/MarkdownPage.tsx @@ -4,9 +4,9 @@ import { Header } from '@fluentui/react' import * as React from 'react' import { RouteProps } from 'react-router-dom' -import { link } from 'docs/src/utils/helpers' -import DocPage from 'docs/src/components/DocPage' -import GuidesNavigationFooter, { PageDescriptor } from 'docs/src/components/GuidesNavigationFooter' +import { link } from '../utils/helpers' +import DocPage from './DocPage' +import GuidesNavigationFooter, { PageDescriptor } from './GuidesNavigationFooter' type MarkdownPageProps = { page: { diff --git a/docs/src/components/Sidebar/Sidebar.tsx b/docs/src/components/Sidebar/Sidebar.tsx index 78d1c3895b..29db89ddb8 100644 --- a/docs/src/components/Sidebar/Sidebar.tsx +++ b/docs/src/components/Sidebar/Sidebar.tsx @@ -13,8 +13,8 @@ import { ShorthandValue, } from '@fluentui/react' import { CopyToClipboard } from '@fluentui/docs-components' -import Logo from 'docs/src/components/Logo/Logo' -import { getComponentPathname } from 'docs/src/utils' +import Logo from '../Logo/Logo' +import { getComponentPathname } from '../../utils' import keyboardKey from 'keyboard-key' import * as _ from 'lodash' import * as PropTypes from 'prop-types' @@ -26,8 +26,8 @@ import { constants } from '@fluentui/react/src/utils' type ComponentMenuItem = { displayName: string; type: string } const pkg = require('../../../../packages/react/package.json') -const componentMenu: ComponentMenuItem[] = require('docs/src/componentMenu') -const behaviorMenu: ComponentMenuItem[] = require('docs/src/behaviorMenu') +const componentMenu: ComponentMenuItem[] = require('../../componentMenu') +const behaviorMenu: ComponentMenuItem[] = require('../../behaviorMenu') const componentsBlackList = ['Debug', 'Design'] diff --git a/docs/src/examples/components/Accordion/BestPractices/AccordionBestPractices.tsx b/docs/src/examples/components/Accordion/BestPractices/AccordionBestPractices.tsx index 7ac99fde68..08ead74062 100644 --- a/docs/src/examples/components/Accordion/BestPractices/AccordionBestPractices.tsx +++ b/docs/src/examples/components/Accordion/BestPractices/AccordionBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'Use Accordion for grouping parts of the UI (multipart forms, articles...).', diff --git a/docs/src/examples/components/Accordion/Rtl/index.tsx b/docs/src/examples/components/Accordion/Rtl/index.tsx index 2f79a602bf..cfc4b77564 100644 --- a/docs/src/examples/components/Accordion/Rtl/index.tsx +++ b/docs/src/examples/components/Accordion/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Accordion/Types/index.tsx b/docs/src/examples/components/Accordion/Types/index.tsx index a3f05f1c78..22d3a71ed1 100644 --- a/docs/src/examples/components/Accordion/Types/index.tsx +++ b/docs/src/examples/components/Accordion/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Accordion/Usage/index.tsx b/docs/src/examples/components/Accordion/Usage/index.tsx index 480e46eccc..3c252a772f 100644 --- a/docs/src/examples/components/Accordion/Usage/index.tsx +++ b/docs/src/examples/components/Accordion/Usage/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Alert/BestPractices/AlertBestPractices.tsx b/docs/src/examples/components/Alert/BestPractices/AlertBestPractices.tsx index 1a03d2c958..2826afc9f6 100644 --- a/docs/src/examples/components/Alert/BestPractices/AlertBestPractices.tsx +++ b/docs/src/examples/components/Alert/BestPractices/AlertBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'Use warning and danger variants to announce the alert by the screen reader.', diff --git a/docs/src/examples/components/Alert/Rtl/index.tsx b/docs/src/examples/components/Alert/Rtl/index.tsx index b1ac4a1e2c..8d64d5412c 100644 --- a/docs/src/examples/components/Alert/Rtl/index.tsx +++ b/docs/src/examples/components/Alert/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Alert/Slots/index.tsx b/docs/src/examples/components/Alert/Slots/index.tsx index b5e4389673..3e9df4a820 100755 --- a/docs/src/examples/components/Alert/Slots/index.tsx +++ b/docs/src/examples/components/Alert/Slots/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Slots = () => ( diff --git a/docs/src/examples/components/Alert/State/index.tsx b/docs/src/examples/components/Alert/State/index.tsx index 24b1463495..095437c17e 100644 --- a/docs/src/examples/components/Alert/State/index.tsx +++ b/docs/src/examples/components/Alert/State/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const State = () => ( diff --git a/docs/src/examples/components/Alert/Types/index.tsx b/docs/src/examples/components/Alert/Types/index.tsx index b7b8f5a6c3..2d83e83c9e 100644 --- a/docs/src/examples/components/Alert/Types/index.tsx +++ b/docs/src/examples/components/Alert/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Alert/Usage/index.tsx b/docs/src/examples/components/Alert/Usage/index.tsx index 0b3040c57c..9d34a55203 100755 --- a/docs/src/examples/components/Alert/Usage/index.tsx +++ b/docs/src/examples/components/Alert/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Alert/Variations/index.tsx b/docs/src/examples/components/Alert/Variations/index.tsx index 3ff1496744..e519659fe3 100644 --- a/docs/src/examples/components/Alert/Variations/index.tsx +++ b/docs/src/examples/components/Alert/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Animation/Types/index.tsx b/docs/src/examples/components/Animation/Types/index.tsx index c31ecc49cc..eb3ad765dd 100644 --- a/docs/src/examples/components/Animation/Types/index.tsx +++ b/docs/src/examples/components/Animation/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' import { Segment } from '@fluentui/react' const Types = () => ( diff --git a/docs/src/examples/components/Attachment/Performance/index.tsx b/docs/src/examples/components/Attachment/Performance/index.tsx index 3c14fc3d85..5457627924 100644 --- a/docs/src/examples/components/Attachment/Performance/index.tsx +++ b/docs/src/examples/components/Attachment/Performance/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentPerfExample from 'docs/src/components/ComponentDoc/ComponentPerfExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentPerfExample from '../../../../components/ComponentDoc/ComponentPerfExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Performance = () => ( diff --git a/docs/src/examples/components/Attachment/Rtl/index.tsx b/docs/src/examples/components/Attachment/Rtl/index.tsx index a18342493b..b657b357a3 100644 --- a/docs/src/examples/components/Attachment/Rtl/index.tsx +++ b/docs/src/examples/components/Attachment/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Attachment/Slots/index.tsx b/docs/src/examples/components/Attachment/Slots/index.tsx index 39d911c544..28c7b75c81 100644 --- a/docs/src/examples/components/Attachment/Slots/index.tsx +++ b/docs/src/examples/components/Attachment/Slots/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Slots = () => ( diff --git a/docs/src/examples/components/Attachment/Types/index.tsx b/docs/src/examples/components/Attachment/Types/index.tsx index 28577fee88..f0c272843a 100644 --- a/docs/src/examples/components/Attachment/Types/index.tsx +++ b/docs/src/examples/components/Attachment/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Attachment/Variations/index.tsx b/docs/src/examples/components/Attachment/Variations/index.tsx index 368c440c64..6e84e1722a 100644 --- a/docs/src/examples/components/Attachment/Variations/index.tsx +++ b/docs/src/examples/components/Attachment/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Avatar/Rtl/index.tsx b/docs/src/examples/components/Avatar/Rtl/index.tsx index 2dfd2d7f38..5cbf304d42 100644 --- a/docs/src/examples/components/Avatar/Rtl/index.tsx +++ b/docs/src/examples/components/Avatar/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Avatar/Types/index.tsx b/docs/src/examples/components/Avatar/Types/index.tsx index 5c6e1fb574..ebf2d8a2ed 100644 --- a/docs/src/examples/components/Avatar/Types/index.tsx +++ b/docs/src/examples/components/Avatar/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Avatar/Usage/index.tsx b/docs/src/examples/components/Avatar/Usage/index.tsx index 4fce4a8bfc..0632a8b7b3 100644 --- a/docs/src/examples/components/Avatar/Usage/index.tsx +++ b/docs/src/examples/components/Avatar/Usage/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Avatar/Variations/index.tsx b/docs/src/examples/components/Avatar/Variations/index.tsx index 519f2f0359..f764a4059d 100644 --- a/docs/src/examples/components/Avatar/Variations/index.tsx +++ b/docs/src/examples/components/Avatar/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Box/Types/index.tsx b/docs/src/examples/components/Box/Types/index.tsx index 7772be09e6..87e21cbd18 100644 --- a/docs/src/examples/components/Box/Types/index.tsx +++ b/docs/src/examples/components/Box/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Box/index.tsx b/docs/src/examples/components/Box/index.tsx index 32b10c9318..de0fbf8204 100644 --- a/docs/src/examples/components/Box/index.tsx +++ b/docs/src/examples/components/Box/index.tsx @@ -3,7 +3,7 @@ import { Link } from 'react-router-dom' import { Alert } from '@fluentui/react' import Types from './Types' -import { LayoutSuggestions } from 'docs/src/components/ComponentDoc/Suggestions' +import { LayoutSuggestions } from '../../../components/ComponentDoc/Suggestions' const BoxExamples = () => ( <> diff --git a/docs/src/examples/components/Button/BestPractices/ButtonBestPractices.tsx b/docs/src/examples/components/Button/BestPractices/ButtonBestPractices.tsx index 7053d28be3..213947661d 100644 --- a/docs/src/examples/components/Button/BestPractices/ButtonBestPractices.tsx +++ b/docs/src/examples/components/Button/BestPractices/ButtonBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'Add textual representation if the component only contains an icon (using `title`, `aria-label` or `aria-labelledby` props).', diff --git a/docs/src/examples/components/Button/Groups/index.tsx b/docs/src/examples/components/Button/Groups/index.tsx index 169c0af173..139b527925 100644 --- a/docs/src/examples/components/Button/Groups/index.tsx +++ b/docs/src/examples/components/Button/Groups/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Groups = () => ( diff --git a/docs/src/examples/components/Button/Performance/index.tsx b/docs/src/examples/components/Button/Performance/index.tsx index c26bc22c54..5efc93192a 100644 --- a/docs/src/examples/components/Button/Performance/index.tsx +++ b/docs/src/examples/components/Button/Performance/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentPerfExample from 'docs/src/components/ComponentDoc/ComponentPerfExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentPerfExample from '../../../../components/ComponentDoc/ComponentPerfExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Performance = () => ( diff --git a/docs/src/examples/components/Button/Rtl/index.tsx b/docs/src/examples/components/Button/Rtl/index.tsx index 1a23315d40..10378fb7d2 100644 --- a/docs/src/examples/components/Button/Rtl/index.tsx +++ b/docs/src/examples/components/Button/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Button/States/index.tsx b/docs/src/examples/components/Button/States/index.tsx index b19931dab1..4b70652252 100644 --- a/docs/src/examples/components/Button/States/index.tsx +++ b/docs/src/examples/components/Button/States/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const States = () => ( diff --git a/docs/src/examples/components/Button/Types/index.tsx b/docs/src/examples/components/Button/Types/index.tsx index 37be67ac01..4086092afc 100644 --- a/docs/src/examples/components/Button/Types/index.tsx +++ b/docs/src/examples/components/Button/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Button/Usage/index.tsx b/docs/src/examples/components/Button/Usage/index.tsx index 29e5d84cc0..2be96e087a 100644 --- a/docs/src/examples/components/Button/Usage/index.tsx +++ b/docs/src/examples/components/Button/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { Link } from 'react-router-dom' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Button/Variations/index.tsx b/docs/src/examples/components/Button/Variations/index.tsx index 2a4fdd130f..0752327b23 100644 --- a/docs/src/examples/components/Button/Variations/index.tsx +++ b/docs/src/examples/components/Button/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Carousel/Types/index.tsx b/docs/src/examples/components/Carousel/Types/index.tsx index f43fa319bc..8026e80f86 100644 --- a/docs/src/examples/components/Carousel/Types/index.tsx +++ b/docs/src/examples/components/Carousel/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Carousel/Variations/index.tsx b/docs/src/examples/components/Carousel/Variations/index.tsx index b9dc26ed58..a331333288 100644 --- a/docs/src/examples/components/Carousel/Variations/index.tsx +++ b/docs/src/examples/components/Carousel/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Chat/Content/index.tsx b/docs/src/examples/components/Chat/Content/index.tsx index a8ef6f44f4..67d29a9684 100644 --- a/docs/src/examples/components/Chat/Content/index.tsx +++ b/docs/src/examples/components/Chat/Content/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Content = () => ( diff --git a/docs/src/examples/components/Chat/Performance/index.tsx b/docs/src/examples/components/Chat/Performance/index.tsx index 24b71cb688..7fde1af7a0 100644 --- a/docs/src/examples/components/Chat/Performance/index.tsx +++ b/docs/src/examples/components/Chat/Performance/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentPerfExample from 'docs/src/components/ComponentDoc/ComponentPerfExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentPerfExample from '../../../../components/ComponentDoc/ComponentPerfExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Performance = () => ( diff --git a/docs/src/examples/components/Chat/Rtl/index.tsx b/docs/src/examples/components/Chat/Rtl/index.tsx index 29e202e31b..42168ad449 100644 --- a/docs/src/examples/components/Chat/Rtl/index.tsx +++ b/docs/src/examples/components/Chat/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Chat/Types/index.tsx b/docs/src/examples/components/Chat/Types/index.tsx index 83952f611a..7365b292ea 100644 --- a/docs/src/examples/components/Chat/Types/index.tsx +++ b/docs/src/examples/components/Chat/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Chat/Usage/index.tsx b/docs/src/examples/components/Chat/Usage/index.tsx index 51929e8e35..4adbb0f7b3 100644 --- a/docs/src/examples/components/Chat/Usage/index.tsx +++ b/docs/src/examples/components/Chat/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Checkbox/Rtl/index.tsx b/docs/src/examples/components/Checkbox/Rtl/index.tsx index 577083f1e4..a7c459f3ec 100644 --- a/docs/src/examples/components/Checkbox/Rtl/index.tsx +++ b/docs/src/examples/components/Checkbox/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Checkbox/Slots/index.tsx b/docs/src/examples/components/Checkbox/Slots/index.tsx index c874db1ebf..ab04ffb008 100644 --- a/docs/src/examples/components/Checkbox/Slots/index.tsx +++ b/docs/src/examples/components/Checkbox/Slots/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Slots = () => ( diff --git a/docs/src/examples/components/Checkbox/States/index.tsx b/docs/src/examples/components/Checkbox/States/index.tsx index bcc90bd532..cc3e01cc12 100644 --- a/docs/src/examples/components/Checkbox/States/index.tsx +++ b/docs/src/examples/components/Checkbox/States/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const States = () => ( diff --git a/docs/src/examples/components/Checkbox/Types/index.tsx b/docs/src/examples/components/Checkbox/Types/index.tsx index 1c36cfc7f7..6e2c9545e4 100644 --- a/docs/src/examples/components/Checkbox/Types/index.tsx +++ b/docs/src/examples/components/Checkbox/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Dialog/BestPractices/DialogBestPractices.tsx b/docs/src/examples/components/Dialog/BestPractices/DialogBestPractices.tsx index cfb4a0525d..41a67d3e92 100644 --- a/docs/src/examples/components/Dialog/BestPractices/DialogBestPractices.tsx +++ b/docs/src/examples/components/Dialog/BestPractices/DialogBestPractices.tsx @@ -1,5 +1,5 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' import { link, code } from '../../../../utils/helpers' import { Text } from '@fluentui/react' diff --git a/docs/src/examples/components/Dialog/Content/index.tsx b/docs/src/examples/components/Dialog/Content/index.tsx index a3168a4b2a..f9d86ced19 100644 --- a/docs/src/examples/components/Dialog/Content/index.tsx +++ b/docs/src/examples/components/Dialog/Content/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const DialogContentExamples = () => ( diff --git a/docs/src/examples/components/Dialog/Rtl/index.tsx b/docs/src/examples/components/Dialog/Rtl/index.tsx index 0b1691447b..867a6e90e7 100644 --- a/docs/src/examples/components/Dialog/Rtl/index.tsx +++ b/docs/src/examples/components/Dialog/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Dialog/Types/index.tsx b/docs/src/examples/components/Dialog/Types/index.tsx index bc9fc6ce4c..b00b7f17e7 100644 --- a/docs/src/examples/components/Dialog/Types/index.tsx +++ b/docs/src/examples/components/Dialog/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const DialogTypesExamples = () => ( diff --git a/docs/src/examples/components/Dialog/Usage/index.tsx b/docs/src/examples/components/Dialog/Usage/index.tsx index 02343499ab..e613be6139 100644 --- a/docs/src/examples/components/Dialog/Usage/index.tsx +++ b/docs/src/examples/components/Dialog/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const DialogUsageExamples = () => ( diff --git a/docs/src/examples/components/Dialog/Variations/index.tsx b/docs/src/examples/components/Dialog/Variations/index.tsx index 20c69416cc..b5baf4e87c 100644 --- a/docs/src/examples/components/Dialog/Variations/index.tsx +++ b/docs/src/examples/components/Dialog/Variations/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const DialogVariationsExamples = () => ( diff --git a/docs/src/examples/components/Divider/Performance/index.tsx b/docs/src/examples/components/Divider/Performance/index.tsx index 0e39875ae9..d76703675f 100644 --- a/docs/src/examples/components/Divider/Performance/index.tsx +++ b/docs/src/examples/components/Divider/Performance/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentPerfExample from 'docs/src/components/ComponentDoc/ComponentPerfExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentPerfExample from '../../../../components/ComponentDoc/ComponentPerfExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Performance = () => ( diff --git a/docs/src/examples/components/Divider/Rtl/index.tsx b/docs/src/examples/components/Divider/Rtl/index.tsx index 9f2b0257af..b27450a55c 100644 --- a/docs/src/examples/components/Divider/Rtl/index.tsx +++ b/docs/src/examples/components/Divider/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Divider/Types/index.tsx b/docs/src/examples/components/Divider/Types/index.tsx index 7e0484cbf7..f0a7b7fece 100644 --- a/docs/src/examples/components/Divider/Types/index.tsx +++ b/docs/src/examples/components/Divider/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Divider/Variations/index.tsx b/docs/src/examples/components/Divider/Variations/index.tsx index 483332e48c..d0d1323e81 100644 --- a/docs/src/examples/components/Divider/Variations/index.tsx +++ b/docs/src/examples/components/Divider/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Dropdown/BestPractices/DropdownBestPractices.tsx b/docs/src/examples/components/Dropdown/BestPractices/DropdownBestPractices.tsx index e9117cd3b2..d3a221ab06 100644 --- a/docs/src/examples/components/Dropdown/BestPractices/DropdownBestPractices.tsx +++ b/docs/src/examples/components/Dropdown/BestPractices/DropdownBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'Provide `getA11ySelectionMessage`, `getA11yStatusMessage`, `noResultsMessage` and `loadingMessage` props to visualize dropdown state correctly.', diff --git a/docs/src/examples/components/Dropdown/Performance/index.tsx b/docs/src/examples/components/Dropdown/Performance/index.tsx index 1d9342fb7c..883c320ee2 100644 --- a/docs/src/examples/components/Dropdown/Performance/index.tsx +++ b/docs/src/examples/components/Dropdown/Performance/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentPerfExample from 'docs/src/components/ComponentDoc/ComponentPerfExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentPerfExample from '../../../../components/ComponentDoc/ComponentPerfExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Performance = () => ( diff --git a/docs/src/examples/components/Dropdown/Rtl/index.tsx b/docs/src/examples/components/Dropdown/Rtl/index.tsx index e8332c36ce..618b068582 100644 --- a/docs/src/examples/components/Dropdown/Rtl/index.tsx +++ b/docs/src/examples/components/Dropdown/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Dropdown/State/index.tsx b/docs/src/examples/components/Dropdown/State/index.tsx index 00564198a6..fc3e5e9aed 100644 --- a/docs/src/examples/components/Dropdown/State/index.tsx +++ b/docs/src/examples/components/Dropdown/State/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const State = () => ( diff --git a/docs/src/examples/components/Dropdown/Types/index.tsx b/docs/src/examples/components/Dropdown/Types/index.tsx index d4fba41a93..d5cdacce28 100644 --- a/docs/src/examples/components/Dropdown/Types/index.tsx +++ b/docs/src/examples/components/Dropdown/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Dropdown/Usage/index.tsx b/docs/src/examples/components/Dropdown/Usage/index.tsx index 1f36099ebc..655686fe7f 100644 --- a/docs/src/examples/components/Dropdown/Usage/index.tsx +++ b/docs/src/examples/components/Dropdown/Usage/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Dropdown/Variations/index.tsx b/docs/src/examples/components/Dropdown/Variations/index.tsx index cd4223c65c..f815d16e67 100644 --- a/docs/src/examples/components/Dropdown/Variations/index.tsx +++ b/docs/src/examples/components/Dropdown/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Embed/Slots/index.tsx b/docs/src/examples/components/Embed/Slots/index.tsx index a0ccd46d07..c3682694a0 100644 --- a/docs/src/examples/components/Embed/Slots/index.tsx +++ b/docs/src/examples/components/Embed/Slots/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Slots = () => ( diff --git a/docs/src/examples/components/Embed/Usage/index.tsx b/docs/src/examples/components/Embed/Usage/index.tsx index d5060e1e49..3e5ee79a54 100644 --- a/docs/src/examples/components/Embed/Usage/index.tsx +++ b/docs/src/examples/components/Embed/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Flex/Recipes.mdx b/docs/src/examples/components/Flex/Recipes.mdx index 83bacedc8e..ce9347a5fc 100644 --- a/docs/src/examples/components/Flex/Recipes.mdx +++ b/docs/src/examples/components/Flex/Recipes.mdx @@ -1,5 +1,5 @@ import { Alert, Button, Flex } from '@fluentui/react' -import ExampleSnippet from 'docs/src/components/ExampleSnippet/ExampleSnippet' +import ExampleSnippet from '../../../components/ExampleSnippet/ExampleSnippet' ## Recipes diff --git a/docs/src/examples/components/Flex/Rtl/index.tsx b/docs/src/examples/components/Flex/Rtl/index.tsx index 06f9c59e5d..61b6471fe2 100644 --- a/docs/src/examples/components/Flex/Rtl/index.tsx +++ b/docs/src/examples/components/Flex/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Flex/Types/index.tsx b/docs/src/examples/components/Flex/Types/index.tsx index 52d481fa18..952a0de1b4 100644 --- a/docs/src/examples/components/Flex/Types/index.tsx +++ b/docs/src/examples/components/Flex/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Form/BestPractices/FormBestPractices.tsx b/docs/src/examples/components/Form/BestPractices/FormBestPractices.tsx index bfef565a62..2f0908a30c 100644 --- a/docs/src/examples/components/Form/BestPractices/FormBestPractices.tsx +++ b/docs/src/examples/components/Form/BestPractices/FormBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' import { link, code } from '../../../../utils/helpers' import { Text } from '@fluentui/react' diff --git a/docs/src/examples/components/Form/Rtl/index.tsx b/docs/src/examples/components/Form/Rtl/index.tsx index b6283075d6..39b5d11c0e 100644 --- a/docs/src/examples/components/Form/Rtl/index.tsx +++ b/docs/src/examples/components/Form/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Form/Types/index.tsx b/docs/src/examples/components/Form/Types/index.tsx index 1d932fc241..2064695429 100644 --- a/docs/src/examples/components/Form/Types/index.tsx +++ b/docs/src/examples/components/Form/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Form/Usage/index.tsx b/docs/src/examples/components/Form/Usage/index.tsx index 96266e1b60..c44b69a7f0 100644 --- a/docs/src/examples/components/Form/Usage/index.tsx +++ b/docs/src/examples/components/Form/Usage/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Grid/BestPractices/GridBestPractices.tsx b/docs/src/examples/components/Grid/BestPractices/GridBestPractices.tsx index ba5035dcff..c25a7fc451 100644 --- a/docs/src/examples/components/Grid/BestPractices/GridBestPractices.tsx +++ b/docs/src/examples/components/Grid/BestPractices/GridBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'Use `gridBehavior` for bidirectional keyboard navigation with arrow keys.', diff --git a/docs/src/examples/components/Grid/Rtl/index.tsx b/docs/src/examples/components/Grid/Rtl/index.tsx index be349c64ec..3235757af8 100644 --- a/docs/src/examples/components/Grid/Rtl/index.tsx +++ b/docs/src/examples/components/Grid/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Grid/Types/index.tsx b/docs/src/examples/components/Grid/Types/index.tsx index 1c484cdb53..ca63faae47 100644 --- a/docs/src/examples/components/Grid/Types/index.tsx +++ b/docs/src/examples/components/Grid/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Grid/Variations/index.tsx b/docs/src/examples/components/Grid/Variations/index.tsx index 552c988d7b..2bd409c602 100644 --- a/docs/src/examples/components/Grid/Variations/index.tsx +++ b/docs/src/examples/components/Grid/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Header/Performance/index.tsx b/docs/src/examples/components/Header/Performance/index.tsx index 2c2cebf6cd..50b3396484 100644 --- a/docs/src/examples/components/Header/Performance/index.tsx +++ b/docs/src/examples/components/Header/Performance/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentPerfExample from 'docs/src/components/ComponentDoc/ComponentPerfExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentPerfExample from '../../../../components/ComponentDoc/ComponentPerfExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Performance = () => ( diff --git a/docs/src/examples/components/Header/Rtl/index.tsx b/docs/src/examples/components/Header/Rtl/index.tsx index 53cd7922d1..868d355882 100644 --- a/docs/src/examples/components/Header/Rtl/index.tsx +++ b/docs/src/examples/components/Header/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Header/Types/index.tsx b/docs/src/examples/components/Header/Types/index.tsx index ddd4e3701d..06ca4065c1 100644 --- a/docs/src/examples/components/Header/Types/index.tsx +++ b/docs/src/examples/components/Header/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Header/Variations/index.tsx b/docs/src/examples/components/Header/Variations/index.tsx index 8b16416fdd..ba2d2c44f7 100644 --- a/docs/src/examples/components/Header/Variations/index.tsx +++ b/docs/src/examples/components/Header/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/HierarchicalTree/Types/index.tsx b/docs/src/examples/components/HierarchicalTree/Types/index.tsx index 9decb10a96..0ddac0a3d9 100644 --- a/docs/src/examples/components/HierarchicalTree/Types/index.tsx +++ b/docs/src/examples/components/HierarchicalTree/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Icon/BestPractices/IconBestPractices.tsx b/docs/src/examples/components/Icon/BestPractices/IconBestPractices.tsx index eee9d43e7d..af2c77eb52 100644 --- a/docs/src/examples/components/Icon/BestPractices/IconBestPractices.tsx +++ b/docs/src/examples/components/Icon/BestPractices/IconBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const dontList = [ "Don't use as a replacement for actionable component - use `Button` text variant with an icon instead.", diff --git a/docs/src/examples/components/Icon/Performance/index.tsx b/docs/src/examples/components/Icon/Performance/index.tsx index a198ede8e6..5b1ff8116a 100644 --- a/docs/src/examples/components/Icon/Performance/index.tsx +++ b/docs/src/examples/components/Icon/Performance/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentPerfExample from 'docs/src/components/ComponentDoc/ComponentPerfExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentPerfExample from '../../../../components/ComponentDoc/ComponentPerfExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Performance = () => ( diff --git a/docs/src/examples/components/Icon/Rtl/index.tsx b/docs/src/examples/components/Icon/Rtl/index.tsx index e0dd6d3881..3ad571b7e6 100644 --- a/docs/src/examples/components/Icon/Rtl/index.tsx +++ b/docs/src/examples/components/Icon/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Icon/States/index.tsx b/docs/src/examples/components/Icon/States/index.tsx index a390816fcc..12d87895ad 100644 --- a/docs/src/examples/components/Icon/States/index.tsx +++ b/docs/src/examples/components/Icon/States/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const States = () => ( diff --git a/docs/src/examples/components/Icon/Types/index.tsx b/docs/src/examples/components/Icon/Types/index.tsx index 9c5b0f5570..d442ece548 100644 --- a/docs/src/examples/components/Icon/Types/index.tsx +++ b/docs/src/examples/components/Icon/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Icon/Usage/index.tsx b/docs/src/examples/components/Icon/Usage/index.tsx index edce4e6461..64cf973119 100644 --- a/docs/src/examples/components/Icon/Usage/index.tsx +++ b/docs/src/examples/components/Icon/Usage/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Icon/Variations/index.tsx b/docs/src/examples/components/Icon/Variations/index.tsx index f9d15fceae..f04e52fe8d 100644 --- a/docs/src/examples/components/Icon/Variations/index.tsx +++ b/docs/src/examples/components/Icon/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Image/Rtl/index.tsx b/docs/src/examples/components/Image/Rtl/index.tsx index 9913511978..ab9195129a 100644 --- a/docs/src/examples/components/Image/Rtl/index.tsx +++ b/docs/src/examples/components/Image/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Image/Types/index.tsx b/docs/src/examples/components/Image/Types/index.tsx index 78c5e14576..94669db823 100644 --- a/docs/src/examples/components/Image/Types/index.tsx +++ b/docs/src/examples/components/Image/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Image/Variations/index.tsx b/docs/src/examples/components/Image/Variations/index.tsx index d4ef2417e0..b252689042 100644 --- a/docs/src/examples/components/Image/Variations/index.tsx +++ b/docs/src/examples/components/Image/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Input/BestPractices/InputBestPractices.tsx b/docs/src/examples/components/Input/BestPractices/InputBestPractices.tsx index e3654e6c2b..3c6e93fd6e 100644 --- a/docs/src/examples/components/Input/BestPractices/InputBestPractices.tsx +++ b/docs/src/examples/components/Input/BestPractices/InputBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'For good screen reader experience set `aria-label` or `aria-labelledby` attribute for input.', diff --git a/docs/src/examples/components/Input/Rtl/index.tsx b/docs/src/examples/components/Input/Rtl/index.tsx index dc68424d10..41cb1b227e 100644 --- a/docs/src/examples/components/Input/Rtl/index.tsx +++ b/docs/src/examples/components/Input/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Input/Types/index.tsx b/docs/src/examples/components/Input/Types/index.tsx index 9901eff533..30e4bf9426 100644 --- a/docs/src/examples/components/Input/Types/index.tsx +++ b/docs/src/examples/components/Input/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Input/Variations/index.tsx b/docs/src/examples/components/Input/Variations/index.tsx index 5133a17c37..776dbec2d8 100644 --- a/docs/src/examples/components/Input/Variations/index.tsx +++ b/docs/src/examples/components/Input/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/ItemLayout/Content/index.tsx b/docs/src/examples/components/ItemLayout/Content/index.tsx index b30a8c62e7..0633231377 100644 --- a/docs/src/examples/components/ItemLayout/Content/index.tsx +++ b/docs/src/examples/components/ItemLayout/Content/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Content = () => ( diff --git a/docs/src/examples/components/ItemLayout/Rtl/index.tsx b/docs/src/examples/components/ItemLayout/Rtl/index.tsx index ac8d22946a..9571e19bb4 100644 --- a/docs/src/examples/components/ItemLayout/Rtl/index.tsx +++ b/docs/src/examples/components/ItemLayout/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/ItemLayout/Types/index.tsx b/docs/src/examples/components/ItemLayout/Types/index.tsx index b8b3f1a780..8183bc70f5 100644 --- a/docs/src/examples/components/ItemLayout/Types/index.tsx +++ b/docs/src/examples/components/ItemLayout/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/ItemLayout/index.tsx b/docs/src/examples/components/ItemLayout/index.tsx index 83c84cf05c..21f8d13edd 100644 --- a/docs/src/examples/components/ItemLayout/index.tsx +++ b/docs/src/examples/components/ItemLayout/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { Alert } from '@fluentui/react/' -import { LayoutSuggestions } from 'docs/src/components/ComponentDoc/Suggestions' +import { LayoutSuggestions } from '../../../components/ComponentDoc/Suggestions' import Types from './Types' import Content from './Content' import Rtl from './Rtl' diff --git a/docs/src/examples/components/Label/Content/index.tsx b/docs/src/examples/components/Label/Content/index.tsx index 94a98109eb..44cb11f814 100644 --- a/docs/src/examples/components/Label/Content/index.tsx +++ b/docs/src/examples/components/Label/Content/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Content = () => ( diff --git a/docs/src/examples/components/Label/Rtl/index.tsx b/docs/src/examples/components/Label/Rtl/index.tsx index d85d15f278..96c897e0df 100644 --- a/docs/src/examples/components/Label/Rtl/index.tsx +++ b/docs/src/examples/components/Label/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Label/Variations/index.tsx b/docs/src/examples/components/Label/Variations/index.tsx index b84d877a3e..8434dbe08e 100644 --- a/docs/src/examples/components/Label/Variations/index.tsx +++ b/docs/src/examples/components/Label/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Layout/Types/index.tsx b/docs/src/examples/components/Layout/Types/index.tsx index 03090ced19..3d1172b52d 100644 --- a/docs/src/examples/components/Layout/Types/index.tsx +++ b/docs/src/examples/components/Layout/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Layout/Variations/index.tsx b/docs/src/examples/components/Layout/Variations/index.tsx index ecb865b7d2..ad1b226fa8 100644 --- a/docs/src/examples/components/Layout/Variations/index.tsx +++ b/docs/src/examples/components/Layout/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Layout/index.tsx b/docs/src/examples/components/Layout/index.tsx index 8f937ba410..b15467905d 100644 --- a/docs/src/examples/components/Layout/index.tsx +++ b/docs/src/examples/components/Layout/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { Alert } from '@fluentui/react/' -import { LayoutSuggestions } from 'docs/src/components/ComponentDoc/Suggestions' +import { LayoutSuggestions } from '../../../components/ComponentDoc/Suggestions' import Types from './Types' import Variations from './Variations' diff --git a/docs/src/examples/components/List/Content/index.tsx b/docs/src/examples/components/List/Content/index.tsx index f765153970..e0f7de1fa0 100644 --- a/docs/src/examples/components/List/Content/index.tsx +++ b/docs/src/examples/components/List/Content/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Content = () => ( diff --git a/docs/src/examples/components/List/Performance/index.tsx b/docs/src/examples/components/List/Performance/index.tsx index b92684a87f..769902765b 100644 --- a/docs/src/examples/components/List/Performance/index.tsx +++ b/docs/src/examples/components/List/Performance/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentPerfExample from 'docs/src/components/ComponentDoc/ComponentPerfExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentPerfExample from '../../../../components/ComponentDoc/ComponentPerfExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Performance = () => ( diff --git a/docs/src/examples/components/List/Rtl/index.tsx b/docs/src/examples/components/List/Rtl/index.tsx index bebbe0bf36..8e9f374a69 100644 --- a/docs/src/examples/components/List/Rtl/index.tsx +++ b/docs/src/examples/components/List/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/List/Types/index.tsx b/docs/src/examples/components/List/Types/index.tsx index a91edf2684..e5014c68a6 100644 --- a/docs/src/examples/components/List/Types/index.tsx +++ b/docs/src/examples/components/List/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/List/Variations/index.tsx b/docs/src/examples/components/List/Variations/index.tsx index 9d1b027153..6e13a69317 100644 --- a/docs/src/examples/components/List/Variations/index.tsx +++ b/docs/src/examples/components/List/Variations/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Variations = () => ( <> diff --git a/docs/src/examples/components/Loader/Performance/index.tsx b/docs/src/examples/components/Loader/Performance/index.tsx index 8e93a058db..6e90457fe4 100644 --- a/docs/src/examples/components/Loader/Performance/index.tsx +++ b/docs/src/examples/components/Loader/Performance/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentPerfExample from 'docs/src/components/ComponentDoc/ComponentPerfExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentPerfExample from '../../../../components/ComponentDoc/ComponentPerfExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Performance = () => ( diff --git a/docs/src/examples/components/Loader/Rtl/index.tsx b/docs/src/examples/components/Loader/Rtl/index.tsx index 0041145068..aae22774b2 100644 --- a/docs/src/examples/components/Loader/Rtl/index.tsx +++ b/docs/src/examples/components/Loader/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Loader/Types/index.tsx b/docs/src/examples/components/Loader/Types/index.tsx index 30769a5a64..157959f9a3 100644 --- a/docs/src/examples/components/Loader/Types/index.tsx +++ b/docs/src/examples/components/Loader/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const LoaderTypesExamples = () => ( diff --git a/docs/src/examples/components/Loader/Usage/index.tsx b/docs/src/examples/components/Loader/Usage/index.tsx index ee9faf1d7a..76cba81c87 100644 --- a/docs/src/examples/components/Loader/Usage/index.tsx +++ b/docs/src/examples/components/Loader/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const LoaderUsageExamples = () => ( diff --git a/docs/src/examples/components/Loader/Variations/index.tsx b/docs/src/examples/components/Loader/Variations/index.tsx index de97527f08..cdc5042f41 100644 --- a/docs/src/examples/components/Loader/Variations/index.tsx +++ b/docs/src/examples/components/Loader/Variations/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const LoaderTypesExamples = () => ( diff --git a/docs/src/examples/components/Menu/BestPractices/MenuBestPractices.tsx b/docs/src/examples/components/Menu/BestPractices/MenuBestPractices.tsx index 6317ad865b..e28ed1e6a4 100644 --- a/docs/src/examples/components/Menu/BestPractices/MenuBestPractices.tsx +++ b/docs/src/examples/components/Menu/BestPractices/MenuBestPractices.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { Text } from '@fluentui/react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' import { link } from '../../../../utils/helpers' const doList = [ diff --git a/docs/src/examples/components/Menu/Playground.tsx b/docs/src/examples/components/Menu/Playground.tsx index 160f532708..1322cb17d7 100644 --- a/docs/src/examples/components/Menu/Playground.tsx +++ b/docs/src/examples/components/Menu/Playground.tsx @@ -2,7 +2,7 @@ import { useBooleanKnob } from '@fluentui/docs-components' import { Menu } from '@fluentui/react' import * as React from 'react' -import useAccessibilityKnob from 'docs/src/components/ComponentDoc/useAccessibilityKnob' +import useAccessibilityKnob from '../../../components/ComponentDoc/useAccessibilityKnob' const MenuPlayground: React.FunctionComponent = () => { const accessibility = useAccessibilityKnob('Menu') diff --git a/docs/src/examples/components/Menu/Rtl/index.tsx b/docs/src/examples/components/Menu/Rtl/index.tsx index 21aaff65a7..1e9d40c7d7 100644 --- a/docs/src/examples/components/Menu/Rtl/index.tsx +++ b/docs/src/examples/components/Menu/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Menu/Slots/index.tsx b/docs/src/examples/components/Menu/Slots/index.tsx index 60db64fc89..81c1c1dd64 100644 --- a/docs/src/examples/components/Menu/Slots/index.tsx +++ b/docs/src/examples/components/Menu/Slots/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Slots = () => ( diff --git a/docs/src/examples/components/Menu/States/index.tsx b/docs/src/examples/components/Menu/States/index.tsx index 9e5f2e0e49..fbf1121e8c 100644 --- a/docs/src/examples/components/Menu/States/index.tsx +++ b/docs/src/examples/components/Menu/States/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const States = () => ( diff --git a/docs/src/examples/components/Menu/Types/index.tsx b/docs/src/examples/components/Menu/Types/index.tsx index fd9a4732b5..63a2458491 100644 --- a/docs/src/examples/components/Menu/Types/index.tsx +++ b/docs/src/examples/components/Menu/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Menu/Usage/index.tsx b/docs/src/examples/components/Menu/Usage/index.tsx index 2772cc10bd..7a6ac9d98d 100644 --- a/docs/src/examples/components/Menu/Usage/index.tsx +++ b/docs/src/examples/components/Menu/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { Link } from 'react-router-dom' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Menu/Variations/index.tsx b/docs/src/examples/components/Menu/Variations/index.tsx index 19e78ba719..98eb5aa60d 100644 --- a/docs/src/examples/components/Menu/Variations/index.tsx +++ b/docs/src/examples/components/Menu/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/MenuButton/Rtl/index.tsx b/docs/src/examples/components/MenuButton/Rtl/index.tsx index 4c792149bd..e744ceb4b1 100644 --- a/docs/src/examples/components/MenuButton/Rtl/index.tsx +++ b/docs/src/examples/components/MenuButton/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/MenuButton/State/index.tsx b/docs/src/examples/components/MenuButton/State/index.tsx index e2c6cf3848..ef25cb3b22 100644 --- a/docs/src/examples/components/MenuButton/State/index.tsx +++ b/docs/src/examples/components/MenuButton/State/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const State = () => ( diff --git a/docs/src/examples/components/MenuButton/Usage/index.tsx b/docs/src/examples/components/MenuButton/Usage/index.tsx index 21d5b8687d..80f4c7ee5b 100644 --- a/docs/src/examples/components/MenuButton/Usage/index.tsx +++ b/docs/src/examples/components/MenuButton/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Popup/BestPractices/PopupBestPractices.tsx b/docs/src/examples/components/Popup/BestPractices/PopupBestPractices.tsx index 72f5e3aefc..5f7180522d 100644 --- a/docs/src/examples/components/Popup/BestPractices/PopupBestPractices.tsx +++ b/docs/src/examples/components/Popup/BestPractices/PopupBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' import { code, link } from '../../../../utils/helpers' import { Text } from '@fluentui/react' diff --git a/docs/src/examples/components/Popup/Rtl/index.tsx b/docs/src/examples/components/Popup/Rtl/index.tsx index 7f8ec54916..918923f6d2 100644 --- a/docs/src/examples/components/Popup/Rtl/index.tsx +++ b/docs/src/examples/components/Popup/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Popup/Types/index.tsx b/docs/src/examples/components/Popup/Types/index.tsx index deb2ced4e0..c2c8994390 100644 --- a/docs/src/examples/components/Popup/Types/index.tsx +++ b/docs/src/examples/components/Popup/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Popup/Usage/index.tsx b/docs/src/examples/components/Popup/Usage/index.tsx index bc43350695..9ff5fb60a5 100644 --- a/docs/src/examples/components/Popup/Usage/index.tsx +++ b/docs/src/examples/components/Popup/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Popup/Variations/index.tsx b/docs/src/examples/components/Popup/Variations/index.tsx index 43dadfa109..9716bcf7c9 100644 --- a/docs/src/examples/components/Popup/Variations/index.tsx +++ b/docs/src/examples/components/Popup/Variations/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Portal/State/index.tsx b/docs/src/examples/components/Portal/State/index.tsx index 927ae548f2..2a67752895 100644 --- a/docs/src/examples/components/Portal/State/index.tsx +++ b/docs/src/examples/components/Portal/State/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const PortalStateExamples = () => ( diff --git a/docs/src/examples/components/Portal/Types/index.tsx b/docs/src/examples/components/Portal/Types/index.tsx index c8908aaa21..4a88c15f65 100644 --- a/docs/src/examples/components/Portal/Types/index.tsx +++ b/docs/src/examples/components/Portal/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const PortalTypesExamples = () => ( diff --git a/docs/src/examples/components/Provider/Performance/index.tsx b/docs/src/examples/components/Provider/Performance/index.tsx index 89119eb6e7..3b9ff079bb 100644 --- a/docs/src/examples/components/Provider/Performance/index.tsx +++ b/docs/src/examples/components/Provider/Performance/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentPerfExample from 'docs/src/components/ComponentDoc/ComponentPerfExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentPerfExample from '../../../../components/ComponentDoc/ComponentPerfExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Performance = () => ( diff --git a/docs/src/examples/components/Provider/Types/index.tsx b/docs/src/examples/components/Provider/Types/index.tsx index c90a2850f5..a26553e569 100644 --- a/docs/src/examples/components/Provider/Types/index.tsx +++ b/docs/src/examples/components/Provider/Types/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Types = () => ( <> diff --git a/docs/src/examples/components/Provider/Usage/index.tsx b/docs/src/examples/components/Provider/Usage/index.tsx index b62c3083a0..2f86150cdd 100644 --- a/docs/src/examples/components/Provider/Usage/index.tsx +++ b/docs/src/examples/components/Provider/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/RadioGroup/Item/index.tsx b/docs/src/examples/components/RadioGroup/Item/index.tsx index d01d6ec246..d9b4b32e6d 100644 --- a/docs/src/examples/components/RadioGroup/Item/index.tsx +++ b/docs/src/examples/components/RadioGroup/Item/index.tsx @@ -1,7 +1,7 @@ import { Segment } from '@fluentui/react' import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const States = () => ( diff --git a/docs/src/examples/components/RadioGroup/Rtl/index.tsx b/docs/src/examples/components/RadioGroup/Rtl/index.tsx index d58ce19e70..b960980e09 100644 --- a/docs/src/examples/components/RadioGroup/Rtl/index.tsx +++ b/docs/src/examples/components/RadioGroup/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/RadioGroup/Types/index.tsx b/docs/src/examples/components/RadioGroup/Types/index.tsx index 628abb7c01..caf4d5f0e8 100644 --- a/docs/src/examples/components/RadioGroup/Types/index.tsx +++ b/docs/src/examples/components/RadioGroup/Types/index.tsx @@ -1,7 +1,7 @@ import { Segment } from '@fluentui/react' import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Reaction/BestPractices/ReactionBestPractices.tsx b/docs/src/examples/components/Reaction/BestPractices/ReactionBestPractices.tsx index 8703a08693..11472b9e05 100644 --- a/docs/src/examples/components/Reaction/BestPractices/ReactionBestPractices.tsx +++ b/docs/src/examples/components/Reaction/BestPractices/ReactionBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'Use actionable components (for example `Button`) if the reactions need to be actionable.', diff --git a/docs/src/examples/components/Reaction/Rtl/index.tsx b/docs/src/examples/components/Reaction/Rtl/index.tsx index 9c39f69910..b96a4b292d 100644 --- a/docs/src/examples/components/Reaction/Rtl/index.tsx +++ b/docs/src/examples/components/Reaction/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Reaction/Types/index.tsx b/docs/src/examples/components/Reaction/Types/index.tsx index 77c32c3529..b85173ad11 100644 --- a/docs/src/examples/components/Reaction/Types/index.tsx +++ b/docs/src/examples/components/Reaction/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Ref/Types/index.tsx b/docs/src/examples/components/Ref/Types/index.tsx index 8d61a36204..319d0ace9d 100644 --- a/docs/src/examples/components/Ref/Types/index.tsx +++ b/docs/src/examples/components/Ref/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const RefTypesExamples = () => ( diff --git a/docs/src/examples/components/Segment/Rtl/index.tsx b/docs/src/examples/components/Segment/Rtl/index.tsx index 3026778285..e361cc2a11 100644 --- a/docs/src/examples/components/Segment/Rtl/index.tsx +++ b/docs/src/examples/components/Segment/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Segment/States/index.tsx b/docs/src/examples/components/Segment/States/index.tsx index b252680d7f..8f4235f597 100644 --- a/docs/src/examples/components/Segment/States/index.tsx +++ b/docs/src/examples/components/Segment/States/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const States = () => ( diff --git a/docs/src/examples/components/Segment/Types/index.tsx b/docs/src/examples/components/Segment/Types/index.tsx index 4591e9f68e..8963afe6be 100644 --- a/docs/src/examples/components/Segment/Types/index.tsx +++ b/docs/src/examples/components/Segment/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Segment/Variations/index.tsx b/docs/src/examples/components/Segment/Variations/index.tsx index 3aae84cc3b..27eaba0d1d 100644 --- a/docs/src/examples/components/Segment/Variations/index.tsx +++ b/docs/src/examples/components/Segment/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Slider/BestPractices/SliderBestPractices.tsx b/docs/src/examples/components/Slider/BestPractices/SliderBestPractices.tsx index ea054e1ef7..42783e0a49 100644 --- a/docs/src/examples/components/Slider/BestPractices/SliderBestPractices.tsx +++ b/docs/src/examples/components/Slider/BestPractices/SliderBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const SliderBestPractices = () => ( ( diff --git a/docs/src/examples/components/Slider/States/index.tsx b/docs/src/examples/components/Slider/States/index.tsx index bf71e865b9..d0c0ffbe33 100644 --- a/docs/src/examples/components/Slider/States/index.tsx +++ b/docs/src/examples/components/Slider/States/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const States = () => ( diff --git a/docs/src/examples/components/Slider/Types/index.tsx b/docs/src/examples/components/Slider/Types/index.tsx index 43195a394e..c28eb22f3a 100644 --- a/docs/src/examples/components/Slider/Types/index.tsx +++ b/docs/src/examples/components/Slider/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Slider/Usage/index.tsx b/docs/src/examples/components/Slider/Usage/index.tsx index 75df8a8636..8eb028aa55 100644 --- a/docs/src/examples/components/Slider/Usage/index.tsx +++ b/docs/src/examples/components/Slider/Usage/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Slider/Variations/index.tsx b/docs/src/examples/components/Slider/Variations/index.tsx index 1c711196e9..f617654c45 100644 --- a/docs/src/examples/components/Slider/Variations/index.tsx +++ b/docs/src/examples/components/Slider/Variations/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/SplitButton/BestPractices/SplitButtonBestPractices.tsx b/docs/src/examples/components/SplitButton/BestPractices/SplitButtonBestPractices.tsx index 6e97d847a5..333c13b377 100644 --- a/docs/src/examples/components/SplitButton/BestPractices/SplitButtonBestPractices.tsx +++ b/docs/src/examples/components/SplitButton/BestPractices/SplitButtonBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'Use `aria-roledescription` with the value of `splitbutton` on the `button` slot to announce the proper semantics of the component.', diff --git a/docs/src/examples/components/SplitButton/Slots/index.tsx b/docs/src/examples/components/SplitButton/Slots/index.tsx index b854162096..ac0efc74bd 100644 --- a/docs/src/examples/components/SplitButton/Slots/index.tsx +++ b/docs/src/examples/components/SplitButton/Slots/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Slots = () => ( diff --git a/docs/src/examples/components/SplitButton/States/index.tsx b/docs/src/examples/components/SplitButton/States/index.tsx index afceddb744..ffce944639 100644 --- a/docs/src/examples/components/SplitButton/States/index.tsx +++ b/docs/src/examples/components/SplitButton/States/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const States = () => ( diff --git a/docs/src/examples/components/SplitButton/Types/index.tsx b/docs/src/examples/components/SplitButton/Types/index.tsx index 4b8483b071..901f90199a 100644 --- a/docs/src/examples/components/SplitButton/Types/index.tsx +++ b/docs/src/examples/components/SplitButton/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const SplitButton = () => ( diff --git a/docs/src/examples/components/SplitButton/Usage/index.tsx b/docs/src/examples/components/SplitButton/Usage/index.tsx index 8110c474c1..04e440b425 100644 --- a/docs/src/examples/components/SplitButton/Usage/index.tsx +++ b/docs/src/examples/components/SplitButton/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Status/BestPractices/StatusBestPractices.tsx b/docs/src/examples/components/Status/BestPractices/StatusBestPractices.tsx index 5e6f055d30..eb2fd453be 100644 --- a/docs/src/examples/components/Status/BestPractices/StatusBestPractices.tsx +++ b/docs/src/examples/components/Status/BestPractices/StatusBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'The `img` role is used to identify an element as image.', diff --git a/docs/src/examples/components/Status/Types/index.tsx b/docs/src/examples/components/Status/Types/index.tsx index fc829db29f..7de7400ec1 100644 --- a/docs/src/examples/components/Status/Types/index.tsx +++ b/docs/src/examples/components/Status/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Status/Variations/index.tsx b/docs/src/examples/components/Status/Variations/index.tsx index 80da2896d4..40397f4fa6 100644 --- a/docs/src/examples/components/Status/Variations/index.tsx +++ b/docs/src/examples/components/Status/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Table/BestPractices/TableBestPractices.tsx b/docs/src/examples/components/Table/BestPractices/TableBestPractices.tsx index 55bbc6bc67..3a41338503 100644 --- a/docs/src/examples/components/Table/BestPractices/TableBestPractices.tsx +++ b/docs/src/examples/components/Table/BestPractices/TableBestPractices.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { Text } from '@fluentui/react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' import { link } from '../../../../utils/helpers' const doList = [ diff --git a/docs/src/examples/components/Table/Usage/index.tsx b/docs/src/examples/components/Table/Usage/index.tsx index 31f1692499..3d9ed9df4a 100644 --- a/docs/src/examples/components/Table/Usage/index.tsx +++ b/docs/src/examples/components/Table/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Text/BestPractices/TextBestPractices.tsx b/docs/src/examples/components/Text/BestPractices/TextBestPractices.tsx index 554d7fe1ba..d22886698a 100644 --- a/docs/src/examples/components/Text/BestPractices/TextBestPractices.tsx +++ b/docs/src/examples/components/Text/BestPractices/TextBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'Ensure that a contrast ratio of at least 4.5:1 exists between text and the background behind the text.', diff --git a/docs/src/examples/components/Text/Rtl/index.tsx b/docs/src/examples/components/Text/Rtl/index.tsx index 4de6fff02c..58b72ac45e 100644 --- a/docs/src/examples/components/Text/Rtl/index.tsx +++ b/docs/src/examples/components/Text/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Text/States/index.tsx b/docs/src/examples/components/Text/States/index.tsx index 9ac7d81498..6005fc6d1c 100644 --- a/docs/src/examples/components/Text/States/index.tsx +++ b/docs/src/examples/components/Text/States/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const States = () => ( diff --git a/docs/src/examples/components/Text/Types/index.tsx b/docs/src/examples/components/Text/Types/index.tsx index b8275e86e4..2daa98aaec 100644 --- a/docs/src/examples/components/Text/Types/index.tsx +++ b/docs/src/examples/components/Text/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Text/Variations/index.tsx b/docs/src/examples/components/Text/Variations/index.tsx index 6b23f5d9be..1e21ac5866 100644 --- a/docs/src/examples/components/Text/Variations/index.tsx +++ b/docs/src/examples/components/Text/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/TextArea/States/index.tsx b/docs/src/examples/components/TextArea/States/index.tsx index 60e5ad91bd..ce4b91b808 100644 --- a/docs/src/examples/components/TextArea/States/index.tsx +++ b/docs/src/examples/components/TextArea/States/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const States = () => ( diff --git a/docs/src/examples/components/TextArea/Types/index.tsx b/docs/src/examples/components/TextArea/Types/index.tsx index f22496b1c6..4c7958c0b1 100644 --- a/docs/src/examples/components/TextArea/Types/index.tsx +++ b/docs/src/examples/components/TextArea/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/TextArea/Usage/index.tsx b/docs/src/examples/components/TextArea/Usage/index.tsx index b88625c999..c6e025ec96 100644 --- a/docs/src/examples/components/TextArea/Usage/index.tsx +++ b/docs/src/examples/components/TextArea/Usage/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/TextArea/Variations/index.tsx b/docs/src/examples/components/TextArea/Variations/index.tsx index 2bbdf1c5cd..7c6fd0d71c 100644 --- a/docs/src/examples/components/TextArea/Variations/index.tsx +++ b/docs/src/examples/components/TextArea/Variations/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Toolbar/BestPractices/ToolbarBestPractices.tsx b/docs/src/examples/components/Toolbar/BestPractices/ToolbarBestPractices.tsx index ced1fbd78b..3478cc2d89 100644 --- a/docs/src/examples/components/Toolbar/BestPractices/ToolbarBestPractices.tsx +++ b/docs/src/examples/components/Toolbar/BestPractices/ToolbarBestPractices.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { Text } from '@fluentui/react' import { link } from '../../../../utils/helpers' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ diff --git a/docs/src/examples/components/Toolbar/Content/index.tsx b/docs/src/examples/components/Toolbar/Content/index.tsx index 6f427a9b76..6d9229eeb8 100644 --- a/docs/src/examples/components/Toolbar/Content/index.tsx +++ b/docs/src/examples/components/Toolbar/Content/index.tsx @@ -2,8 +2,8 @@ import { Alert } from '@fluentui/react' import * as React from 'react' import { Link } from 'react-router-dom' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Content = () => ( diff --git a/docs/src/examples/components/Toolbar/Performance/index.tsx b/docs/src/examples/components/Toolbar/Performance/index.tsx index 4d65dec749..81617fde0c 100644 --- a/docs/src/examples/components/Toolbar/Performance/index.tsx +++ b/docs/src/examples/components/Toolbar/Performance/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentPerfExample from 'docs/src/components/ComponentDoc/ComponentPerfExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentPerfExample from '../../../../components/ComponentDoc/ComponentPerfExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Performance = () => ( diff --git a/docs/src/examples/components/Toolbar/Types/index.tsx b/docs/src/examples/components/Toolbar/Types/index.tsx index b37aa097a4..7a4f38763e 100644 --- a/docs/src/examples/components/Toolbar/Types/index.tsx +++ b/docs/src/examples/components/Toolbar/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Toolbar/Usage/index.tsx b/docs/src/examples/components/Toolbar/Usage/index.tsx index af8f3b5fa9..3e82e483d6 100644 --- a/docs/src/examples/components/Toolbar/Usage/index.tsx +++ b/docs/src/examples/components/Toolbar/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { Link } from 'react-router-dom' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Tooltip/BestPractices/TooltipBestPractices.tsx b/docs/src/examples/components/Tooltip/BestPractices/TooltipBestPractices.tsx index 0ed3ea21ef..f3942db556 100644 --- a/docs/src/examples/components/Tooltip/BestPractices/TooltipBestPractices.tsx +++ b/docs/src/examples/components/Tooltip/BestPractices/TooltipBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'Use `tooltipAsLabelBehavior` if adding tooltip to icon-only button or to another visual-only element without any text, title or label.', diff --git a/docs/src/examples/components/Tooltip/Rtl/index.tsx b/docs/src/examples/components/Tooltip/Rtl/index.tsx index c70ff93b2a..56065c9a93 100644 --- a/docs/src/examples/components/Tooltip/Rtl/index.tsx +++ b/docs/src/examples/components/Tooltip/Rtl/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import NonPublicSection from 'docs/src/components/ComponentDoc/NonPublicSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import NonPublicSection from '../../../../components/ComponentDoc/NonPublicSection' const Rtl = () => ( diff --git a/docs/src/examples/components/Tooltip/States/index.tsx b/docs/src/examples/components/Tooltip/States/index.tsx index 770f28009d..c528225bb4 100644 --- a/docs/src/examples/components/Tooltip/States/index.tsx +++ b/docs/src/examples/components/Tooltip/States/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const States = () => ( diff --git a/docs/src/examples/components/Tooltip/Types/index.tsx b/docs/src/examples/components/Tooltip/Types/index.tsx index d85beaafc5..37abb5bd7d 100644 --- a/docs/src/examples/components/Tooltip/Types/index.tsx +++ b/docs/src/examples/components/Tooltip/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Tooltip/Usage/index.tsx b/docs/src/examples/components/Tooltip/Usage/index.tsx index 5e6ba9ebf7..1afe6e7da8 100644 --- a/docs/src/examples/components/Tooltip/Usage/index.tsx +++ b/docs/src/examples/components/Tooltip/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Tooltip/Variations/index.tsx b/docs/src/examples/components/Tooltip/Variations/index.tsx index 5ac40fffdc..ad48add5a3 100644 --- a/docs/src/examples/components/Tooltip/Variations/index.tsx +++ b/docs/src/examples/components/Tooltip/Variations/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Variations = () => ( diff --git a/docs/src/examples/components/Tree/BestPractices/TreeBestPractices.tsx b/docs/src/examples/components/Tree/BestPractices/TreeBestPractices.tsx index 8021cfd70c..996de3babf 100644 --- a/docs/src/examples/components/Tree/BestPractices/TreeBestPractices.tsx +++ b/docs/src/examples/components/Tree/BestPractices/TreeBestPractices.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentBestPractices from 'docs/src/components/ComponentBestPractices' +import ComponentBestPractices from '../../../../components/ComponentBestPractices' const doList = [ 'Use `treeAsListBehavior` when `Tree` component is displayed for macOS.', diff --git a/docs/src/examples/components/Tree/Types/index.tsx b/docs/src/examples/components/Tree/Types/index.tsx index 6698242482..afeea28a81 100644 --- a/docs/src/examples/components/Tree/Types/index.tsx +++ b/docs/src/examples/components/Tree/Types/index.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/examples/components/Tree/Usage/index.tsx b/docs/src/examples/components/Tree/Usage/index.tsx index f9dbb63534..8b1aa2d0f7 100644 --- a/docs/src/examples/components/Tree/Usage/index.tsx +++ b/docs/src/examples/components/Tree/Usage/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Usage = () => ( diff --git a/docs/src/examples/components/Video/Types/index.tsx b/docs/src/examples/components/Video/Types/index.tsx index 934df9ff65..5d69e071ba 100644 --- a/docs/src/examples/components/Video/Types/index.tsx +++ b/docs/src/examples/components/Video/Types/index.tsx @@ -1,7 +1,7 @@ import * as React from 'react' -import ComponentExample from 'docs/src/components/ComponentDoc/ComponentExample' -import ExampleSection from 'docs/src/components/ComponentDoc/ExampleSection' +import ComponentExample from '../../../../components/ComponentDoc/ComponentExample' +import ExampleSection from '../../../../components/ComponentDoc/ExampleSection' const Types = () => ( diff --git a/docs/src/pages/Layout.mdx b/docs/src/pages/Layout.mdx index dbed822b5d..e315ff428b 100644 --- a/docs/src/pages/Layout.mdx +++ b/docs/src/pages/Layout.mdx @@ -1,5 +1,5 @@ import { Flex, Grid, Segment } from '@fluentui/react' -import ExampleSnippet from 'docs/src/components/ExampleSnippet/ExampleSnippet' +import ExampleSnippet from '../components/ExampleSnippet/ExampleSnippet' export const meta = { title: 'Layout', diff --git a/docs/src/prototypes/EditorToolbar/index.tsx b/docs/src/prototypes/EditorToolbar/index.tsx index f1c2e88ad2..ba144f14a9 100644 --- a/docs/src/prototypes/EditorToolbar/index.tsx +++ b/docs/src/prototypes/EditorToolbar/index.tsx @@ -2,7 +2,7 @@ import { KnobsSnippet } from '@fluentui/code-sandbox' import { CodeSnippet, KnobInspector, KnobProvider, useBooleanKnob } from '@fluentui/docs-components' import * as React from 'react' -import { ComponentPrototype, PrototypeSection } from 'docs/src/prototypes/Prototypes' +import { ComponentPrototype, PrototypeSection } from '../Prototypes' import EditorToolbar from './EditorToolbar' import { editorToolbarReducer, initialState } from './editorToolbarReducer' import { Button, Divider, Provider, themes } from '@fluentui/react' diff --git a/docs/src/prototypes/IconViewer/index.tsx b/docs/src/prototypes/IconViewer/index.tsx index e1c0e7dc03..f446d6c06d 100644 --- a/docs/src/prototypes/IconViewer/index.tsx +++ b/docs/src/prototypes/IconViewer/index.tsx @@ -1,8 +1,8 @@ import * as React from 'react' import { CopyToClipboard } from '@fluentui/docs-components' import { Provider, Grid, Divider, Header, Icon, Menu, Segment } from '@fluentui/react' -import themeWithProcessedIcons from 'src/themes/teams/withProcessedIcons' -import { TeamsProcessedSvgIconSpec } from 'src/themes/teams/components/Icon/svg/types' +import themeWithProcessedIcons from '@fluentui/react/src/themes/teams/withProcessedIcons' +import { TeamsProcessedSvgIconSpec } from '@fluentui/react/src/themes/teams/components/Icon/svg/types' const cellStyles = { margin: '10px 0', diff --git a/docs/src/prototypes/NestedPopupsAndDialogs/index.tsx b/docs/src/prototypes/NestedPopupsAndDialogs/index.tsx index 46445889d6..2ac8eca12c 100644 --- a/docs/src/prototypes/NestedPopupsAndDialogs/index.tsx +++ b/docs/src/prototypes/NestedPopupsAndDialogs/index.tsx @@ -1,7 +1,7 @@ import { Button, Dialog, Popup } from '@fluentui/react' import * as React from 'react' -import { ComponentPrototype, PrototypeSection } from 'docs/src/prototypes/Prototypes' +import { ComponentPrototype, PrototypeSection } from '../Prototypes' const PopupAndDialog: React.FC = () => ( { - exampleSourcesContext = require.context('docs/src/exampleSources/', true, /.source.json$/) + exampleSourcesContext = require.context('../exampleSources/', true, /.source.json$/) }) } } diff --git a/docs/src/views/AutoFocusZoneDoc.tsx b/docs/src/views/AutoFocusZoneDoc.tsx index 8720cb5a18..aa2e6d7f57 100644 --- a/docs/src/views/AutoFocusZoneDoc.tsx +++ b/docs/src/views/AutoFocusZoneDoc.tsx @@ -4,7 +4,7 @@ import { Header } from '@fluentui/react' import { Link } from 'react-router-dom' import DocPage from '../components/DocPage' import { code, link } from '../utils/helpers' -import ComponentPropsTable from 'docs/src/components/ComponentDoc/ComponentPropsTable' +import ComponentPropsTable from '../components/ComponentDoc/ComponentPropsTable' export default () => ( diff --git a/docs/src/views/CategoryColorPalette.tsx b/docs/src/views/CategoryColorPalette.tsx index 63fa029d99..b8150071c2 100644 --- a/docs/src/views/CategoryColorPalette.tsx +++ b/docs/src/views/CategoryColorPalette.tsx @@ -2,9 +2,9 @@ import { Provider, ProviderConsumer, Grid } from '@fluentui/react' import * as _ from 'lodash' import * as React from 'react' -import ColorBox, { colorBoxStyles, colorBoxVariables } from 'docs/src/components/ColorBox' -import { colorVariantsStyles } from 'docs/src/components/ColorVariants' -import DocPage from 'docs/src/components/DocPage/DocPage' +import ColorBox, { colorBoxStyles, colorBoxVariables } from '../components/ColorBox' +import { colorVariantsStyles } from '../components/ColorVariants' +import DocPage from '../components/DocPage/DocPage' const ColorPalette = () => ( { const [color, setColor] = React.useState('red') diff --git a/docs/src/views/ColorPalette.tsx b/docs/src/views/ColorPalette.tsx index 709cdce093..e60136260d 100644 --- a/docs/src/views/ColorPalette.tsx +++ b/docs/src/views/ColorPalette.tsx @@ -2,10 +2,10 @@ import { Provider, ProviderConsumer, Grid, Header } from '@fluentui/react' import * as _ from 'lodash' import * as React from 'react' -import ColorBox, { colorBoxStyles, colorBoxVariables } from 'docs/src/components/ColorBox' -import ColorVariants, { colorVariantsStyles } from 'docs/src/components/ColorVariants' -import DocPage from 'docs/src/components/DocPage/DocPage' -import GuidesNavigationFooter from 'docs/src/components/GuidesNavigationFooter' +import ColorBox, { colorBoxStyles, colorBoxVariables } from '../components/ColorBox' +import ColorVariants, { colorVariantsStyles } from '../components/ColorVariants' +import DocPage from '../components/DocPage/DocPage' +import GuidesNavigationFooter from '../components/GuidesNavigationFooter' const ColorPalette = () => ( { const [color, setColor] = React.useState('brand') diff --git a/docs/src/views/Colors.tsx b/docs/src/views/Colors.tsx index 67f92fb09b..bfeebba723 100644 --- a/docs/src/views/Colors.tsx +++ b/docs/src/views/Colors.tsx @@ -14,14 +14,14 @@ import * as _ from 'lodash' import * as React from 'react' import { Link } from 'react-router-dom' -import ColorBox, { colorBoxStyles, colorBoxVariables } from 'docs/src/components/ColorBox' -import Fader, { faderStyles } from 'docs/src/components/Fader' -import ColorVariants, { colorVariantsStyles } from 'docs/src/components/ColorVariants' -import DocPage from 'docs/src/components/DocPage/DocPage' +import ColorBox, { colorBoxStyles, colorBoxVariables } from '../components/ColorBox' +import Fader, { faderStyles } from '../components/Fader' +import ColorVariants, { colorVariantsStyles } from '../components/ColorVariants' +import DocPage from '../components/DocPage/DocPage' import ExampleSnippet from '../components/ExampleSnippet' -import ColorSchemes from 'docs/src/components/ColorSchemes' -import GuidesNavigationFooter from 'docs/src/components/GuidesNavigationFooter' -import { link, code } from 'docs/src/utils/helpers' +import ColorSchemes from '../components/ColorSchemes' +import GuidesNavigationFooter from '../components/GuidesNavigationFooter' +import { link, code } from '../utils/helpers' const theme = { componentVariables: { diff --git a/docs/src/views/FocusTrapZoneDoc.tsx b/docs/src/views/FocusTrapZoneDoc.tsx index b5f1ae77f1..9e0cf43556 100644 --- a/docs/src/views/FocusTrapZoneDoc.tsx +++ b/docs/src/views/FocusTrapZoneDoc.tsx @@ -5,7 +5,7 @@ import { Header } from '@fluentui/react' import DocPage from '../components/DocPage' import { link, code } from '../utils/helpers' -import ComponentPropsTable from 'docs/src/components/ComponentDoc/ComponentPropsTable' +import ComponentPropsTable from '../components/ComponentDoc/ComponentPropsTable' export default () => ( diff --git a/docs/src/views/FocusZoneDoc.tsx b/docs/src/views/FocusZoneDoc.tsx index c99575eba5..5e8d3e7b9f 100644 --- a/docs/src/views/FocusZoneDoc.tsx +++ b/docs/src/views/FocusZoneDoc.tsx @@ -3,7 +3,7 @@ import { Link } from 'react-router-dom' import { Header } from '@fluentui/react' import { CodeSnippet } from '@fluentui/docs-components' -import ComponentPropsTable from 'docs/src/components/ComponentDoc/ComponentPropsTable' +import ComponentPropsTable from '../components/ComponentDoc/ComponentPropsTable' import DocPage from '../components/DocPage' import { code, link } from '../utils/helpers' From 994c953b776058ca38ea28b0ac65b36438d9fb73 Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Fri, 10 Jan 2020 23:43:38 -0800 Subject: [PATCH 06/14] Replace src imports in docs with fluentui/react imports --- .../ComponentControls/ComponentControlsCopyLink.tsx | 2 +- .../ComponentExample/ComponentExampleColorPicker.tsx | 4 +--- docs/src/prototypes/EditorToolbar/EditorToolbarTable.tsx | 2 +- docs/src/prototypes/chatPane/chatPaneContent.tsx | 3 +-- docs/src/prototypes/chatPane/chatPaneLayout.tsx | 3 +-- docs/src/prototypes/chatPane/composeMessage.tsx | 2 +- docs/src/prototypes/chatPane/services/messageFactoryMock.tsx | 2 +- docs/src/prototypes/employeeCard/EmployeeCard.tsx | 3 +-- docs/src/prototypes/meetingOptions/components/MSTeamsLogo.tsx | 3 +-- .../src/prototypes/popups/GridImagePicker/GridImagePicker.tsx | 3 +-- docs/src/views/IntegrateCustomComponents.tsx | 2 +- 11 files changed, 11 insertions(+), 18 deletions(-) diff --git a/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCopyLink.tsx b/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCopyLink.tsx index 0776679b9d..509cfc04d1 100644 --- a/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCopyLink.tsx +++ b/docs/src/components/ComponentDoc/ComponentControls/ComponentControlsCopyLink.tsx @@ -1,6 +1,6 @@ import * as React from 'react' import * as _ from 'lodash' -import { Icon, Tooltip } from 'src/index' +import { Icon, Tooltip } from '@fluentui/react' export default class ComponentControlsCopyLink extends React.Component { mounted: boolean diff --git a/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleColorPicker.tsx b/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleColorPicker.tsx index 75562b910c..900639db43 100644 --- a/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleColorPicker.tsx +++ b/docs/src/components/ComponentDoc/ComponentExample/ComponentExampleColorPicker.tsx @@ -1,12 +1,10 @@ -import { ProviderContextPrepared } from '@fluentui/react' +import { ProviderContextPrepared, ColorVariants } from '@fluentui/react' import * as Color from 'color' import * as _ from 'lodash' import * as React from 'react' // @ts-ignore import { ThemeContext } from 'react-fela' -import { ColorVariants } from 'src/themes/types' - type ComponentExampleColorPickerProps = { onChange: (colorValue: string) => void variableValue: string diff --git a/docs/src/prototypes/EditorToolbar/EditorToolbarTable.tsx b/docs/src/prototypes/EditorToolbar/EditorToolbarTable.tsx index 7d6eb9a6f6..0fefd616f9 100644 --- a/docs/src/prototypes/EditorToolbar/EditorToolbarTable.tsx +++ b/docs/src/prototypes/EditorToolbar/EditorToolbarTable.tsx @@ -1,6 +1,6 @@ import * as React from 'react' import * as _ from 'lodash' -import { Grid } from 'src/index' +import { Grid } from '@fluentui/react' type EditorToolbarTableProps = { onClick: () => void diff --git a/docs/src/prototypes/chatPane/chatPaneContent.tsx b/docs/src/prototypes/chatPane/chatPaneContent.tsx index c7eda1c047..9e5b7b8a54 100644 --- a/docs/src/prototypes/chatPane/chatPaneContent.tsx +++ b/docs/src/prototypes/chatPane/chatPaneContent.tsx @@ -1,8 +1,7 @@ import * as React from 'react' import Scrollbars from 'react-custom-scrollbars' -import { Chat, Divider, Avatar } from '@fluentui/react' +import { Chat, Divider, Avatar, Props } from '@fluentui/react' -import { Props } from 'src/types' import { ChatData, ChatItemTypes, generateChatProps } from './services' import chatProtoStyle from './chatProtoStyle' diff --git a/docs/src/prototypes/chatPane/chatPaneLayout.tsx b/docs/src/prototypes/chatPane/chatPaneLayout.tsx index 70e1a6ccc2..e1142da263 100644 --- a/docs/src/prototypes/chatPane/chatPaneLayout.tsx +++ b/docs/src/prototypes/chatPane/chatPaneLayout.tsx @@ -1,6 +1,5 @@ import * as React from 'react' -import { Flex } from '@fluentui/react' -import { Props } from 'src/types' +import { Flex, Props } from '@fluentui/react' import { ChatData } from './services' import ChatPaneHeader from './chatPaneHeader' diff --git a/docs/src/prototypes/chatPane/composeMessage.tsx b/docs/src/prototypes/chatPane/composeMessage.tsx index 3cc4fb9906..38486a5be5 100644 --- a/docs/src/prototypes/chatPane/composeMessage.tsx +++ b/docs/src/prototypes/chatPane/composeMessage.tsx @@ -9,9 +9,9 @@ import { ShorthandCollection, IconXSpacing, ICSSInJSStyle, + Props, } from '@fluentui/react' -import { Props } from 'src/types' import chatProtoStyle from './chatProtoStyle' type ComposeMessageProps = Props<{ diff --git a/docs/src/prototypes/chatPane/services/messageFactoryMock.tsx b/docs/src/prototypes/chatPane/services/messageFactoryMock.tsx index 67f851de27..b9ffd4f4c4 100644 --- a/docs/src/prototypes/chatPane/services/messageFactoryMock.tsx +++ b/docs/src/prototypes/chatPane/services/messageFactoryMock.tsx @@ -7,11 +7,11 @@ import { ChatMessageProps, DividerProps, StatusProps, + ShorthandValue, } from '@fluentui/react' import * as React from 'react' import * as _ from 'lodash' import * as keyboardKey from 'keyboard-key' -import { ShorthandValue } from 'src/types' import { ChatData, UserStatus, MessageData, UserData, areSameDay, getFriendlyDateString } from '.' export enum ChatItemTypes { diff --git a/docs/src/prototypes/employeeCard/EmployeeCard.tsx b/docs/src/prototypes/employeeCard/EmployeeCard.tsx index b2729ac4df..34114158b5 100644 --- a/docs/src/prototypes/employeeCard/EmployeeCard.tsx +++ b/docs/src/prototypes/employeeCard/EmployeeCard.tsx @@ -1,6 +1,5 @@ import * as React from 'react' -import { ShorthandValue } from 'src/types' -import { Avatar, AvatarProps, Divider, Extendable, Grid } from '@fluentui/react' +import { Avatar, AvatarProps, Divider, Extendable, Grid, ShorthandValue } from '@fluentui/react' import CustomText from './CustomText' export interface EmployeeCardProps { diff --git a/docs/src/prototypes/meetingOptions/components/MSTeamsLogo.tsx b/docs/src/prototypes/meetingOptions/components/MSTeamsLogo.tsx index 5d09f9c96f..7028e8bcd9 100644 --- a/docs/src/prototypes/meetingOptions/components/MSTeamsLogo.tsx +++ b/docs/src/prototypes/meetingOptions/components/MSTeamsLogo.tsx @@ -1,6 +1,5 @@ import * as React from 'react' -import { Provider, Text, Icon, IconProps } from '@fluentui/react' -import { ShorthandValue } from 'src/types' +import { Provider, Text, Icon, IconProps, ShorthandValue } from '@fluentui/react' export interface LogoProps { companyName?: string diff --git a/docs/src/prototypes/popups/GridImagePicker/GridImagePicker.tsx b/docs/src/prototypes/popups/GridImagePicker/GridImagePicker.tsx index 565878fc0a..dce16248de 100644 --- a/docs/src/prototypes/popups/GridImagePicker/GridImagePicker.tsx +++ b/docs/src/prototypes/popups/GridImagePicker/GridImagePicker.tsx @@ -1,8 +1,7 @@ -import { Grid, Input, gridBehavior, IconProps } from '@fluentui/react' +import { Grid, Input, gridBehavior, IconProps, ShorthandValue } from '@fluentui/react' import * as React from 'react' import * as _ from 'lodash' -import { ShorthandValue } from 'src/types' import GridImagePickerItem, { GridPickerItemProps } from './GridImagePickerItem' export interface GridPickerProps { diff --git a/docs/src/views/IntegrateCustomComponents.tsx b/docs/src/views/IntegrateCustomComponents.tsx index f93be8bce0..a98b23372c 100644 --- a/docs/src/views/IntegrateCustomComponents.tsx +++ b/docs/src/views/IntegrateCustomComponents.tsx @@ -6,11 +6,11 @@ import { createComponent, ComponentSlotStyle, ComponentVariablesInput, + ReactChildren, } from '@fluentui/react' import DocPage from '../components/DocPage/DocPage' import ExampleSnippet from '../components/ExampleSnippet/ExampleSnippet' -import { ReactChildren } from 'src/types' import GuidesNavigationFooter from '../components/GuidesNavigationFooter' interface StyledButtonProps { From 25d05efff7add9a7b7035fa64dd74ade9b5c2574 Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Mon, 13 Jan 2020 22:06:10 -0800 Subject: [PATCH 07/14] Remove tsconfig-paths? --- build/screener/screener.config.js | 8 -------- build/tsconfig.docs.json | 5 +---- gulpfile.ts | 10 ---------- package.json | 1 - 4 files changed, 1 insertion(+), 23 deletions(-) diff --git a/build/screener/screener.config.js b/build/screener/screener.config.js index 5f604501f2..0d7743e8c2 100644 --- a/build/screener/screener.config.js +++ b/build/screener/screener.config.js @@ -1,13 +1,5 @@ require('@fluentui/internal-tooling/babel/register') -const config = require('../../config').default -const { compilerOptions } = require('../../build/tsconfig.docs.json') - -require('tsconfig-paths').register({ - baseUrl: config.path_base, - paths: compilerOptions.paths, -}) - // https://github.com/screener-io/screener-runner module.exports = { projectRepo: 'microsoft/fluent-ui-react', diff --git a/build/tsconfig.docs.json b/build/tsconfig.docs.json index 967f2d93eb..7a3748f267 100644 --- a/build/tsconfig.docs.json +++ b/build/tsconfig.docs.json @@ -1,10 +1,7 @@ { "extends": "./tsconfig.common.json", "compilerOptions": { - "module": "esnext", - "paths": { - "@fluentui/*": ["packages/*/src"] - } + "module": "esnext" }, "include": ["../docs/src", "../packages/react/src", "../types"] } diff --git a/gulpfile.ts b/gulpfile.ts index 891258940f..7563e393f0 100644 --- a/gulpfile.ts +++ b/gulpfile.ts @@ -1,20 +1,10 @@ import { task, parallel } from 'gulp' import * as path from 'path' -import * as tsPaths from 'tsconfig-paths' - -import config from './config' - -const { compilerOptions } = require('./build/tsconfig.docs.json') // add node_modules/.bin to the path so we can invoke .bin CLIs in tasks process.env.PATH = process.env.PATH + path.delimiter + path.resolve(__dirname, 'node_modules', '.bin') -tsPaths.register({ - baseUrl: config.path_base, - paths: compilerOptions.paths, -}) - // load tasks in order of dependency usage require('./build/gulp/tasks/bundle') require('./build/gulp/tasks/docs') diff --git a/package.json b/package.json index 4ee786ead3..1c36dcc219 100644 --- a/package.json +++ b/package.json @@ -153,7 +153,6 @@ "syncpack": "^4.5.4", "through2": "^2.0.3", "tmp": "^0.0.33", - "tsconfig-paths": "^3.7.0", "tslint": "^5.11.0", "tslint-config-airbnb": "^5.11.1", "tslint-config-prettier": "^1.18.0", From 535ad3a87d37a40d65f4a0a3c236853d373a0fe4 Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Mon, 13 Jan 2020 22:06:36 -0800 Subject: [PATCH 08/14] Remove build aliases --- build/gulp/tasks/perf.ts | 2 +- build/gulp/tasks/test-projects.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/build/gulp/tasks/perf.ts b/build/gulp/tasks/perf.ts index b12dc7fc7d..40b9d8ca67 100644 --- a/build/gulp/tasks/perf.ts +++ b/build/gulp/tasks/perf.ts @@ -17,7 +17,7 @@ import { } from '../../../perf/types' import config from '../../../config' import webpackPlugin from '../plugins/gulp-webpack' -import { safeLaunchOptions } from 'build/puppeteer.config' +import { safeLaunchOptions } from '../../puppeteer.config' const { paths } = config const { colors, log } = require('gulp-load-plugins')().util diff --git a/build/gulp/tasks/test-projects.ts b/build/gulp/tasks/test-projects.ts index f2b7d61151..0c7c193a03 100644 --- a/build/gulp/tasks/test-projects.ts +++ b/build/gulp/tasks/test-projects.ts @@ -11,7 +11,7 @@ import del from 'del' import config from '../../../config' import tmp from 'tmp' import http from 'http' -import { safeLaunchOptions } from 'build/puppeteer.config' +import { safeLaunchOptions } from '../../puppeteer.config' type PackedPackages = Record From fc266fa2cef04075e358c3b9ada659355ebc9eca Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Mon, 13 Jan 2020 23:26:37 -0800 Subject: [PATCH 09/14] remove docs-as-package references --- packages/perf-test/.digest/config.tsx | 3 ++- packages/perf-test/package.json | 1 - perf/src/index.tsx | 3 ++- 3 files changed, 4 insertions(+), 3 deletions(-) diff --git a/packages/perf-test/.digest/config.tsx b/packages/perf-test/.digest/config.tsx index c6255258fe..2446f4bc71 100644 --- a/packages/perf-test/.digest/config.tsx +++ b/packages/perf-test/.digest/config.tsx @@ -2,7 +2,8 @@ import * as React from 'react' import { Provider, themes } from '@fluentui/react' const reqContexts = [ - require.context('@fluentui/docs/src', true, /\.perf\.tsx$/), + // TODO (@ecraig12345) - switch to @fluentui/docs and add dep + require.context('../../../docs/src', true, /\.perf\.tsx$/), require.context('..', true, /\.perf\.tsx$/), // TODO: why does this break index.html?? seems to pull in stories the same way... // require.context('../stories', true, /\.perf\.tsx$/), diff --git a/packages/perf-test/package.json b/packages/perf-test/package.json index 1c55a73870..a43d118b05 100644 --- a/packages/perf-test/package.json +++ b/packages/perf-test/package.json @@ -15,7 +15,6 @@ "perf:test": "just-scripts perf-test" }, "devDependencies": { - "@fluentui/docs": "^0.43.0", "@fluentui/digest": "^0.43.0", "@types/react": "^16.8.10", "@types/react-dom": "^16.8.3", diff --git a/perf/src/index.tsx b/perf/src/index.tsx index 430f316f45..9464dcc625 100644 --- a/perf/src/index.tsx +++ b/perf/src/index.tsx @@ -13,7 +13,8 @@ const Profiler = (React as any).unstable_Profiler const mountNode = document.querySelector('#root') const performanceExamplesContext = require.context( - '@fluentui/docs/src/examples/', + // TODO (@ecraig12345) - switch to @fluentui/docs and add dep + '../../docs/src/examples/', true, /.perf.tsx$/, ) From 06c9e2f01c34cc0aab9db0f80fabae0516bfc03f Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Tue, 14 Jan 2020 00:43:24 -0800 Subject: [PATCH 10/14] Revert "Remove tsconfig-paths?" This reverts commit 26b95d01cdf50135428b582333670387f097176b. --- build/screener/screener.config.js | 8 ++++++++ build/tsconfig.docs.json | 5 ++++- gulpfile.ts | 10 ++++++++++ package.json | 1 + 4 files changed, 23 insertions(+), 1 deletion(-) diff --git a/build/screener/screener.config.js b/build/screener/screener.config.js index 0d7743e8c2..5f604501f2 100644 --- a/build/screener/screener.config.js +++ b/build/screener/screener.config.js @@ -1,5 +1,13 @@ require('@fluentui/internal-tooling/babel/register') +const config = require('../../config').default +const { compilerOptions } = require('../../build/tsconfig.docs.json') + +require('tsconfig-paths').register({ + baseUrl: config.path_base, + paths: compilerOptions.paths, +}) + // https://github.com/screener-io/screener-runner module.exports = { projectRepo: 'microsoft/fluent-ui-react', diff --git a/build/tsconfig.docs.json b/build/tsconfig.docs.json index 7a3748f267..967f2d93eb 100644 --- a/build/tsconfig.docs.json +++ b/build/tsconfig.docs.json @@ -1,7 +1,10 @@ { "extends": "./tsconfig.common.json", "compilerOptions": { - "module": "esnext" + "module": "esnext", + "paths": { + "@fluentui/*": ["packages/*/src"] + } }, "include": ["../docs/src", "../packages/react/src", "../types"] } diff --git a/gulpfile.ts b/gulpfile.ts index 7563e393f0..891258940f 100644 --- a/gulpfile.ts +++ b/gulpfile.ts @@ -1,10 +1,20 @@ import { task, parallel } from 'gulp' import * as path from 'path' +import * as tsPaths from 'tsconfig-paths' + +import config from './config' + +const { compilerOptions } = require('./build/tsconfig.docs.json') // add node_modules/.bin to the path so we can invoke .bin CLIs in tasks process.env.PATH = process.env.PATH + path.delimiter + path.resolve(__dirname, 'node_modules', '.bin') +tsPaths.register({ + baseUrl: config.path_base, + paths: compilerOptions.paths, +}) + // load tasks in order of dependency usage require('./build/gulp/tasks/bundle') require('./build/gulp/tasks/docs') diff --git a/package.json b/package.json index 1c36dcc219..4ee786ead3 100644 --- a/package.json +++ b/package.json @@ -153,6 +153,7 @@ "syncpack": "^4.5.4", "through2": "^2.0.3", "tmp": "^0.0.33", + "tsconfig-paths": "^3.7.0", "tslint": "^5.11.0", "tslint-config-airbnb": "^5.11.1", "tslint-config-prettier": "^1.18.0", From d5f69ab3b8822d9a6b9417e472cfca6e554e70aa Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Tue, 14 Jan 2020 14:46:04 -0800 Subject: [PATCH 11/14] Remove imports into src where possible --- .github/test-a-feature.md | 6 +++--- .../components/ComponentDoc/ComponentDocLinks.tsx | 3 +-- .../ComponentExample/ComponentExample.tsx | 2 +- .../components/ComponentDoc/ContributionPrompt.tsx | 3 +-- docs/src/components/Sidebar/Sidebar.tsx | 3 +-- .../test/specs/commonTests/handlesAccessibility.tsx | 2 +- .../implementsCollectionShorthandProp.tsx | 2 +- .../specs/commonTests/implementsShorthandProp.tsx | 2 +- .../specs/commonTests/implementsWrapperProp.tsx | 3 +-- .../react/test/specs/commonTests/isConformant.tsx | 2 +- .../test/specs/commonTests/isExportedAtTopLevel.tsx | 2 +- .../test/specs/commonTests/stylesFunction-test.tsx | 2 +- .../specs/components/Accordion/Accordion-test.tsx | 3 +-- .../components/Accordion/AccordionContent-test.tsx | 2 +- .../components/Accordion/AccordionTitle-test.tsx | 2 +- .../test/specs/components/Alert/Alert-test.tsx | 4 +--- .../specs/components/Animation/Animation-test.tsx | 2 +- .../specs/components/Attachment/Attachment-test.tsx | 5 +---- .../test/specs/components/Avatar/Avatar-test.tsx | 4 +--- .../test/specs/components/Button/Button-test.tsx | 3 +-- .../specs/components/Button/ButtonGroup-test.tsx | 3 +-- .../specs/components/Carousel/Carousel-test.tsx | 13 ++++++++----- .../specs/components/Carousel/CarouselItem-test.tsx | 4 +--- .../components/Carousel/CarouselNavigation-test.tsx | 2 +- .../Carousel/CarouselNavigationItem-test.tsx | 2 +- .../react/test/specs/components/Chat/Chat-test.ts | 3 +-- .../test/specs/components/Chat/ChatItem-test.tsx | 3 +-- .../test/specs/components/Chat/ChatMessage-test.tsx | 4 +--- .../specs/components/Checkbox/Checkbox-test.tsx | 2 +- .../test/specs/components/Dialog/Dialog-test.tsx | 3 +-- .../specs/components/Dialog/DialogFooter-test.tsx | 2 +- .../test/specs/components/Divider/Divider-test.tsx | 2 +- .../specs/components/Dropdown/Dropdown-test.tsx | 6 +----- .../Dropdown/DropdownSelectedItem-test.tsx | 2 +- .../test/specs/components/Embed/Embed-test.tsx | 2 +- .../react/test/specs/components/Form/Form-test.tsx | 3 +-- .../test/specs/components/Form/FormField-test.tsx | 7 +------ .../react/test/specs/components/Grid/Grid-test.tsx | 2 +- .../test/specs/components/Header/Header-test.ts | 2 +- .../components/Header/HeaderDescription-test.ts | 2 +- .../HierarchicalTree/HierarchicalTree-test.tsx | 4 +--- .../test/specs/components/Image/Image-test.tsx | 2 +- .../test/specs/components/Input/Input-test.tsx | 4 +--- .../specs/components/ItemLayout/ItemLayout-test.ts | 2 +- .../test/specs/components/Label/Label-test.tsx | 4 +--- .../test/specs/components/Layout/Layout-test.ts | 2 +- .../react/test/specs/components/List/List-test.tsx | 3 +-- .../test/specs/components/List/ListItem-test.tsx | 2 +- .../test/specs/components/Loader/Loader-test.tsx | 2 +- .../react/test/specs/components/Menu/Menu-test.tsx | 3 +-- .../test/specs/components/Menu/MenuDivider-test.ts | 2 +- .../test/specs/components/Menu/MenuItem-test.tsx | 3 +-- .../specs/components/MenuButton/MenuButton-test.tsx | 2 +- .../test/specs/components/Popup/Popup-test.tsx | 2 +- .../specs/components/Popup/PopupContent-test.ts | 2 +- .../test/specs/components/Portal/Portal-test.tsx | 2 +- .../specs/components/Provider/Provider-test.tsx | 10 ++-------- .../components/Provider/ProviderConsumer-test.tsx | 7 +------ .../specs/components/RadioGroup/RadioGroup-test.tsx | 3 +-- .../components/RadioGroup/RadioGroupItem-test.ts | 2 +- .../specs/components/Reaction/Reaction-test.tsx | 2 +- .../components/Reaction/ReactionGroup-test.tsx | 3 +-- .../test/specs/components/Segment/Segment-test.ts | 2 +- .../test/specs/components/Slider/Slider-test.tsx | 2 +- .../components/SplitButton/SplitButton-test.tsx | 5 +---- .../test/specs/components/Status/Status-test.tsx | 2 +- .../test/specs/components/Table/Table-test.tsx | 4 +--- .../test/specs/components/Table/TableCell-test.tsx | 2 +- .../test/specs/components/Table/TableRow-test.tsx | 4 +--- .../react/test/specs/components/Text/Text-test.tsx | 2 +- .../specs/components/TextArea/TextArea-test.tsx | 2 +- .../test/specs/components/Toolbar/Toolbar-test.tsx | 2 +- .../components/Toolbar/ToolbarCustomItem-test.ts | 2 +- .../specs/components/Toolbar/ToolbarDivider-test.ts | 2 +- .../specs/components/Toolbar/ToolbarItem-test.tsx | 2 +- .../specs/components/Toolbar/ToolbarMenu-test.tsx | 2 +- .../components/Toolbar/ToolbarMenuDivider-test.ts | 2 +- .../components/Toolbar/ToolbarMenuItem-test.ts | 3 +-- .../Toolbar/ToolbarMenuRadioGroup-test.ts | 3 +-- .../components/Toolbar/ToolbarRadioGroup-test.tsx | 2 +- .../test/specs/components/Tooltip/Tooltip-test.tsx | 3 +-- .../specs/components/Tooltip/TooltipContent-test.ts | 2 +- .../react/test/specs/components/Tree/Tree-test.tsx | 4 +--- .../test/specs/components/Tree/TreeItem-test.tsx | 2 +- .../test/specs/components/Tree/TreeTitle-test.tsx | 2 +- .../test/specs/components/Video/Video-test.tsx | 2 +- packages/react/test/specs/themes/colorUtils-test.ts | 8 ++++++-- .../specs/utils/AutoControlledComponent-test.tsx | 3 +-- .../react/test/specs/utils/childrenExist-test.tsx | 2 +- .../react/test/specs/utils/createComponent-test.tsx | 2 +- .../test/specs/utils/doesNodeContainClick-test.ts | 2 +- packages/react/test/specs/utils/factories-test.tsx | 10 ++++++++-- .../specs/utils/felaFocusVisibleEnhancer-test.ts | 2 +- .../react/test/specs/utils/felaRenderer-test.tsx | 5 +---- .../react/test/specs/utils/fontSizeUtility-test.ts | 2 +- .../test/specs/utils/htmlInputPropsUtils-test.ts | 2 +- packages/react/test/specs/utils/isBrowser-test.ts | 2 +- .../mergeProviderContexts-test.ts | 6 ++---- .../utils/positioner/positioningHelper-test.ts | 2 +- packages/react/test/utils/withProvider.tsx | 2 +- 100 files changed, 123 insertions(+), 181 deletions(-) diff --git a/.github/test-a-feature.md b/.github/test-a-feature.md index eff5266909..eb4c970fe3 100644 --- a/.github/test-a-feature.md +++ b/.github/test-a-feature.md @@ -53,7 +53,7 @@ Every common test receives your component as its first argument. ```tsx import { isConformant } from '../../commonTests' -import Divider from '@fluentui/react/src/components/Divider/Divider' +import { Divider } from '@fluentui/react' describe('Divider', () => { isConformant(Divider) @@ -87,7 +87,7 @@ Example for `Button` component: ```tsx import { isConformant } from '../../commonTests' -import Button from '@fluentui/react/src/components/Button' +import { Button } from '@fluentui/react' describe('Button', () => { isConformant(Button) @@ -242,7 +242,7 @@ Add your spec file into the array of files `skipSpecChecksForFiles` in `testHelp ## Performance Tests -Performance tests will measure performance, set a baseline for performance and help guard against regressions. +Performance tests will measure performance, set a baseline for performance and help guard against regressions. ### Adding a Perf Test diff --git a/docs/src/components/ComponentDoc/ComponentDocLinks.tsx b/docs/src/components/ComponentDoc/ComponentDocLinks.tsx index cecfe39d36..34a403382a 100644 --- a/docs/src/components/ComponentDoc/ComponentDocLinks.tsx +++ b/docs/src/components/ComponentDoc/ComponentDocLinks.tsx @@ -1,7 +1,6 @@ import * as PropTypes from 'prop-types' import * as React from 'react' -import { Flex, Icon } from '@fluentui/react' -import { constants } from '@fluentui/react/src/utils' +import { Flex, Icon, constants } from '@fluentui/react' export default class ComponentDocLinks extends React.PureComponent { static propTypes = { diff --git a/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx b/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx index 9e159f3bff..40de177c14 100644 --- a/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx +++ b/docs/src/components/ComponentDoc/ComponentExample/ComponentExample.tsx @@ -7,6 +7,7 @@ import { } from '@fluentui/docs-components' import { ComponentVariablesInput, + constants, Flex, ICSSInJSStyle, Menu, @@ -22,7 +23,6 @@ import qs from 'qs' import SourceRender from 'react-source-render' import { examplePathToHash, getFormattedHash, scrollToAnchor } from '../../../utils' -import { constants } from '@fluentui/react/src/utils' import Editor, { EDITOR_BACKGROUND_COLOR, EDITOR_GUTTER_COLOR } from '../../Editor' import { babelConfig, importResolver } from '../../Playground/renderConfig' import ExampleContext, { ExampleContextValue } from '../../../context/ExampleContext' diff --git a/docs/src/components/ComponentDoc/ContributionPrompt.tsx b/docs/src/components/ComponentDoc/ContributionPrompt.tsx index b86975f10a..9e42377f48 100644 --- a/docs/src/components/ComponentDoc/ContributionPrompt.tsx +++ b/docs/src/components/ComponentDoc/ContributionPrompt.tsx @@ -1,8 +1,7 @@ import * as PropTypes from 'prop-types' import * as React from 'react' -import { Icon, Segment, Text, ICSSInJSStyle } from '@fluentui/react' -import { constants } from '@fluentui/react/src/utils' +import { Icon, Segment, Text, ICSSInJSStyle, constants } from '@fluentui/react' const wrapStyle: ICSSInJSStyle = { wordBreak: 'break-word' } diff --git a/docs/src/components/Sidebar/Sidebar.tsx b/docs/src/components/Sidebar/Sidebar.tsx index 29db89ddb8..cd98f45bee 100644 --- a/docs/src/components/Sidebar/Sidebar.tsx +++ b/docs/src/components/Sidebar/Sidebar.tsx @@ -1,5 +1,6 @@ import { Box, + constants, Flex, HierarchicalTree, HierarchicalTreeItemProps, @@ -21,8 +22,6 @@ import * as PropTypes from 'prop-types' import * as React from 'react' import { NavLink, NavLinkProps, withRouter } from 'react-router-dom' -import { constants } from '@fluentui/react/src/utils' - type ComponentMenuItem = { displayName: string; type: string } const pkg = require('../../../../packages/react/package.json') diff --git a/packages/react/test/specs/commonTests/handlesAccessibility.tsx b/packages/react/test/specs/commonTests/handlesAccessibility.tsx index c6bc742087..83c5860df0 100644 --- a/packages/react/test/specs/commonTests/handlesAccessibility.tsx +++ b/packages/react/test/specs/commonTests/handlesAccessibility.tsx @@ -9,7 +9,7 @@ import * as React from 'react' import * as keyboardKey from 'keyboard-key' import { mountWithProviderAndGetComponent, mountWithProvider } from '../../utils' -import { UIComponent } from '@fluentui/react/src/utils' +import { UIComponent } from '@fluentui/react' import { EVENT_TARGET_ATTRIBUTE, getEventTargetComponent } from './eventTarget' export const getRenderedAttribute = (renderedComponent, propName, partSelector) => { diff --git a/packages/react/test/specs/commonTests/implementsCollectionShorthandProp.tsx b/packages/react/test/specs/commonTests/implementsCollectionShorthandProp.tsx index 44f0b5e11e..7ebe67fefd 100644 --- a/packages/react/test/specs/commonTests/implementsCollectionShorthandProp.tsx +++ b/packages/react/test/specs/commonTests/implementsCollectionShorthandProp.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { mountWithProvider as mount } from '../../utils' import * as _ from 'lodash' -import { PropsOf } from '@fluentui/react/src/types' +import { PropsOf } from '@fluentui/react' export type CollectionShorthandTestOptions = { mapsValueToProp: keyof (TProps & React.HTMLProps) | false diff --git a/packages/react/test/specs/commonTests/implementsShorthandProp.tsx b/packages/react/test/specs/commonTests/implementsShorthandProp.tsx index 436eef25be..b8e001acf7 100644 --- a/packages/react/test/specs/commonTests/implementsShorthandProp.tsx +++ b/packages/react/test/specs/commonTests/implementsShorthandProp.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { ReactWrapper } from 'enzyme' import { mountWithProvider } from '../../utils' -import { Props, PropsOf, InstanceOf } from '@fluentui/react/src/types' +import { Props, PropsOf, InstanceOf } from '@fluentui/react' export type ShorthandTestOptions = { mapsValueToProp: keyof (TProps & React.HTMLProps) | false diff --git a/packages/react/test/specs/commonTests/implementsWrapperProp.tsx b/packages/react/test/specs/commonTests/implementsWrapperProp.tsx index 578b485759..dc23042535 100644 --- a/packages/react/test/specs/commonTests/implementsWrapperProp.tsx +++ b/packages/react/test/specs/commonTests/implementsWrapperProp.tsx @@ -2,8 +2,7 @@ import * as React from 'react' import { ReactWrapper } from 'enzyme' import { mountWithProvider as mount } from '../../utils' -import Box from '@fluentui/react/src/components/Box/Box' -import { Props, ShorthandValue } from '@fluentui/react/src/types' +import { Box, Props, ShorthandValue } from '@fluentui/react' export interface ImplementsWrapperPropOptions { wrapppedComponentSelector: any diff --git a/packages/react/test/specs/commonTests/isConformant.tsx b/packages/react/test/specs/commonTests/isConformant.tsx index 9f77395090..9fa836aeee 100644 --- a/packages/react/test/specs/commonTests/isConformant.tsx +++ b/packages/react/test/specs/commonTests/isConformant.tsx @@ -17,7 +17,7 @@ import { } from '../../utils' import helpers from './commonHelpers' -import * as FluentUI from '@fluentui/react/src/index' +import * as FluentUI from '@fluentui/react' import { getEventTargetComponent, EVENT_TARGET_ATTRIBUTE } from './eventTarget' export interface Conformant { diff --git a/packages/react/test/specs/commonTests/isExportedAtTopLevel.tsx b/packages/react/test/specs/commonTests/isExportedAtTopLevel.tsx index c1589abdf2..20e26e17b0 100644 --- a/packages/react/test/specs/commonTests/isExportedAtTopLevel.tsx +++ b/packages/react/test/specs/commonTests/isExportedAtTopLevel.tsx @@ -1,5 +1,5 @@ import * as _ from 'lodash' -import * as FluentUI from '@fluentui/react/src/index' +import * as FluentUI from '@fluentui/react' // ---------------------------------------- // Is exported or private diff --git a/packages/react/test/specs/commonTests/stylesFunction-test.tsx b/packages/react/test/specs/commonTests/stylesFunction-test.tsx index 01f6ccaf88..fb3c6d6692 100644 --- a/packages/react/test/specs/commonTests/stylesFunction-test.tsx +++ b/packages/react/test/specs/commonTests/stylesFunction-test.tsx @@ -2,7 +2,7 @@ import { Extendable, ICSSInJSStyle } from '@fluentui/styles' import * as React from 'react' import * as PropTypes from 'prop-types' import * as _ from 'lodash' -import { UIComponent } from '@fluentui/react/src/utils' +import { UIComponent } from '@fluentui/react' import { mountWithProviderAndGetComponent } from '../../utils' type AttrValue = 'props' | 'state' diff --git a/packages/react/test/specs/components/Accordion/Accordion-test.tsx b/packages/react/test/specs/components/Accordion/Accordion-test.tsx index a2a00368c4..f80adff5df 100644 --- a/packages/react/test/specs/components/Accordion/Accordion-test.tsx +++ b/packages/react/test/specs/components/Accordion/Accordion-test.tsx @@ -1,10 +1,9 @@ import * as React from 'react' import * as keyboardKey from 'keyboard-key' -import Accordion from '@fluentui/react/src/components/Accordion/Accordion' +import { Accordion, AccordionTitle } from '@fluentui/react' import { isConformant, handlesAccessibility } from '../../commonTests' import { mountWithProvider, mountWithProviderAndGetComponent } from '../../../utils' -import AccordionTitle from '@fluentui/react/src/components/Accordion/AccordionTitle' import { ReactWrapper, CommonWrapper } from 'enzyme' const panels = [ diff --git a/packages/react/test/specs/components/Accordion/AccordionContent-test.tsx b/packages/react/test/specs/components/Accordion/AccordionContent-test.tsx index dc25caf306..6045e82220 100644 --- a/packages/react/test/specs/components/Accordion/AccordionContent-test.tsx +++ b/packages/react/test/specs/components/Accordion/AccordionContent-test.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import AccordionContent from '@fluentui/react/src/components/Accordion/AccordionContent' +import { AccordionContent } from '@fluentui/react' import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' import { mountWithProviderAndGetComponent } from '../../../utils' diff --git a/packages/react/test/specs/components/Accordion/AccordionTitle-test.tsx b/packages/react/test/specs/components/Accordion/AccordionTitle-test.tsx index 8009a17e8d..0c4c9c2a59 100644 --- a/packages/react/test/specs/components/Accordion/AccordionTitle-test.tsx +++ b/packages/react/test/specs/components/Accordion/AccordionTitle-test.tsx @@ -1,4 +1,4 @@ -import AccordionTitle from '@fluentui/react/src/components/Accordion/AccordionTitle' +import { AccordionTitle } from '@fluentui/react' import { isConformant, handlesAccessibility } from '../../commonTests' describe('AccordionTitle', () => { diff --git a/packages/react/test/specs/components/Alert/Alert-test.tsx b/packages/react/test/specs/components/Alert/Alert-test.tsx index 67411c4fb6..18fe1b90cd 100644 --- a/packages/react/test/specs/components/Alert/Alert-test.tsx +++ b/packages/react/test/specs/components/Alert/Alert-test.tsx @@ -7,9 +7,7 @@ import { htmlIsAccessibilityCompliant, } from '../../commonTests' -import Alert from '@fluentui/react/src/components/Alert/Alert' -import Box from '@fluentui/react/src/components/Box/Box' -import Button from '@fluentui/react/src/components/Button/Button' +import { Alert, Box, Button } from '@fluentui/react' const alertImplementsShorthandProp = implementsShorthandProp(Alert) diff --git a/packages/react/test/specs/components/Animation/Animation-test.tsx b/packages/react/test/specs/components/Animation/Animation-test.tsx index c985fc7efe..abc56c9f7f 100644 --- a/packages/react/test/specs/components/Animation/Animation-test.tsx +++ b/packages/react/test/specs/components/Animation/Animation-test.tsx @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import Animation from '@fluentui/react/src/components/Animation/Animation' +import { Animation } from '@fluentui/react' describe('Animation', () => { isConformant(Animation, { hasAccessibilityProp: false }) diff --git a/packages/react/test/specs/components/Attachment/Attachment-test.tsx b/packages/react/test/specs/components/Attachment/Attachment-test.tsx index cf7c6a9cc6..28dd539f44 100644 --- a/packages/react/test/specs/components/Attachment/Attachment-test.tsx +++ b/packages/react/test/specs/components/Attachment/Attachment-test.tsx @@ -3,10 +3,7 @@ import { isConformant, implementsShorthandProp, handlesAccessibility } from '../ import { mountWithProvider, findIntrinsicElement } from '../../../utils' import * as keyboardKey from 'keyboard-key' -import Attachment from '@fluentui/react/src/components/Attachment/Attachment' -import Text from '@fluentui/react/src/components/Text/Text' -import Icon from '@fluentui/react/src/components/Icon/Icon' -import Button from '@fluentui/react/src/components/Button/Button' +import { Attachment, Text, Icon, Button } from '@fluentui/react' import { ReactWrapper } from 'enzyme' const attachmentImplementsShorthandProp = implementsShorthandProp(Attachment) diff --git a/packages/react/test/specs/components/Avatar/Avatar-test.tsx b/packages/react/test/specs/components/Avatar/Avatar-test.tsx index 6ce8a930c9..531bd53ca3 100644 --- a/packages/react/test/specs/components/Avatar/Avatar-test.tsx +++ b/packages/react/test/specs/components/Avatar/Avatar-test.tsx @@ -1,8 +1,6 @@ import { implementsShorthandProp, isConformant } from '../../commonTests' -import Avatar from '@fluentui/react/src/components/Avatar/Avatar' -import Label from '@fluentui/react/src/components/Label/Label' -import Image from '@fluentui/react/src/components/Image/Image' +import { Avatar, Label, Image } from '@fluentui/react' const avatarImplementsShorthandProp = implementsShorthandProp(Avatar) const { getInitials } = (Avatar as any).defaultProps diff --git a/packages/react/test/specs/components/Button/Button-test.tsx b/packages/react/test/specs/components/Button/Button-test.tsx index 4b539f63bd..3e2930d46c 100644 --- a/packages/react/test/specs/components/Button/Button-test.tsx +++ b/packages/react/test/specs/components/Button/Button-test.tsx @@ -10,8 +10,7 @@ import { import { mountWithProvider, mountWithProviderAndGetComponent } from '../../../utils' import { toggleButtonBehavior } from '@fluentui/accessibility' -import Button from '@fluentui/react/src/components/Button/Button' -import Icon from '@fluentui/react/src/components/Icon/Icon' +import { Button, Icon } from '@fluentui/react' const buttonImplementsShorthandProp = implementsShorthandProp(Button) diff --git a/packages/react/test/specs/components/Button/ButtonGroup-test.tsx b/packages/react/test/specs/components/Button/ButtonGroup-test.tsx index 87ef2f22d2..8b91b0141a 100644 --- a/packages/react/test/specs/components/Button/ButtonGroup-test.tsx +++ b/packages/react/test/specs/components/Button/ButtonGroup-test.tsx @@ -1,7 +1,6 @@ import { isConformant } from '../../commonTests' -import ButtonGroup from '@fluentui/react/src/components/Button/ButtonGroup' +import { ButtonGroup, Button } from '@fluentui/react' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import Button from '@fluentui/react/src/components/Button/Button' const buttonGroupImplementsCollectionShorthandProp = implementsCollectionShorthandProp(ButtonGroup) diff --git a/packages/react/test/specs/components/Carousel/Carousel-test.tsx b/packages/react/test/specs/components/Carousel/Carousel-test.tsx index d19f065959..91971cafbc 100644 --- a/packages/react/test/specs/components/Carousel/Carousel-test.tsx +++ b/packages/react/test/specs/components/Carousel/Carousel-test.tsx @@ -1,11 +1,14 @@ import * as React from 'react' import { isConformant } from '../../commonTests' -import Carousel, { CarouselProps } from '@fluentui/react/src/components/Carousel/Carousel' -import CarouselItem from '@fluentui/react/src/components/Carousel/CarouselItem' -import CarouselNavigation from '@fluentui/react/src/components/Carousel/CarouselNavigation' -import CarouselNavigationItem from '@fluentui/react/src/components/Carousel/CarouselNavigationItem' -import Text from '@fluentui/react/src/components/Text/Text' +import { + Carousel, + CarouselProps, + CarouselItem, + CarouselNavigation, + CarouselNavigationItem, + Text, +} from '@fluentui/react' import { ReactWrapper, CommonWrapper } from 'enzyme' import { findIntrinsicElement, mountWithProvider } from '../../../utils' diff --git a/packages/react/test/specs/components/Carousel/CarouselItem-test.tsx b/packages/react/test/specs/components/Carousel/CarouselItem-test.tsx index 6b32008d99..3bcc3655c4 100644 --- a/packages/react/test/specs/components/Carousel/CarouselItem-test.tsx +++ b/packages/react/test/specs/components/Carousel/CarouselItem-test.tsx @@ -1,9 +1,7 @@ import * as React from 'react' import { isConformant } from '../../commonTests' -import CarouselItem, { - CarouselItemProps, -} from '@fluentui/react/src/components/Carousel/CarouselItem' +import { CarouselItem, CarouselItemProps } from '@fluentui/react' import { ReactWrapper, CommonWrapper } from 'enzyme' import { findIntrinsicElement, mountWithProvider } from '../../../utils' diff --git a/packages/react/test/specs/components/Carousel/CarouselNavigation-test.tsx b/packages/react/test/specs/components/Carousel/CarouselNavigation-test.tsx index 24ccb8c4d7..e9cb62ebf8 100644 --- a/packages/react/test/specs/components/Carousel/CarouselNavigation-test.tsx +++ b/packages/react/test/specs/components/Carousel/CarouselNavigation-test.tsx @@ -1,5 +1,5 @@ import { isConformant } from '../../commonTests' -import CarouselNavigation from '@fluentui/react/src/components/Carousel/CarouselNavigation' +import { CarouselNavigation } from '@fluentui/react' describe('CarouselNavigation', () => { isConformant(CarouselNavigation) diff --git a/packages/react/test/specs/components/Carousel/CarouselNavigationItem-test.tsx b/packages/react/test/specs/components/Carousel/CarouselNavigationItem-test.tsx index c34f292832..5402e51e65 100644 --- a/packages/react/test/specs/components/Carousel/CarouselNavigationItem-test.tsx +++ b/packages/react/test/specs/components/Carousel/CarouselNavigationItem-test.tsx @@ -1,5 +1,5 @@ import { isConformant } from '../../commonTests' -import CarouselNavigationItem from '@fluentui/react/src/components/Carousel/CarouselNavigationItem' +import { CarouselNavigationItem } from '@fluentui/react' describe('CarouselNavigationItem', () => { isConformant(CarouselNavigationItem) diff --git a/packages/react/test/specs/components/Chat/Chat-test.ts b/packages/react/test/specs/components/Chat/Chat-test.ts index d5e76c4ff8..b8f9c35af6 100644 --- a/packages/react/test/specs/components/Chat/Chat-test.ts +++ b/packages/react/test/specs/components/Chat/Chat-test.ts @@ -1,9 +1,8 @@ import { chatBehavior, AccessibilityDefinition } from '@fluentui/accessibility' import { handlesAccessibility, isConformant } from '../../commonTests' -import Chat from '@fluentui/react/src/components/Chat/Chat' +import { Chat, ChatItem } from '@fluentui/react' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import ChatItem from '@fluentui/react/src/components/Chat/ChatItem' const chatImplementsCollectionShorthandProp = implementsCollectionShorthandProp(Chat) diff --git a/packages/react/test/specs/components/Chat/ChatItem-test.tsx b/packages/react/test/specs/components/Chat/ChatItem-test.tsx index bce850e9f6..dafe6abf5b 100644 --- a/packages/react/test/specs/components/Chat/ChatItem-test.tsx +++ b/packages/react/test/specs/components/Chat/ChatItem-test.tsx @@ -1,6 +1,5 @@ import { isConformant, implementsShorthandProp } from '../../commonTests' -import ChatItem from '@fluentui/react/src/components/Chat/ChatItem' -import Box from '@fluentui/react/src/components/Box/Box' +import { ChatItem, Box } from '@fluentui/react' const chatItemImplementsShorthandProp = implementsShorthandProp(ChatItem) diff --git a/packages/react/test/specs/components/Chat/ChatMessage-test.tsx b/packages/react/test/specs/components/Chat/ChatMessage-test.tsx index 8c40ac0824..675ee125f1 100644 --- a/packages/react/test/specs/components/Chat/ChatMessage-test.tsx +++ b/packages/react/test/specs/components/Chat/ChatMessage-test.tsx @@ -4,9 +4,7 @@ import * as React from 'react' import { handlesAccessibility, implementsShorthandProp, isConformant } from '../../commonTests' import { mountWithProvider } from '../../../utils' -import ChatMessage from '@fluentui/react/src/components/Chat/ChatMessage' -import Text from '@fluentui/react/src/components/Text/Text' -import Box from '@fluentui/react/src/components/Box/Box' +import { ChatMessage, Text, Box } from '@fluentui/react' const chatMessageImplementsShorthandProp = implementsShorthandProp(ChatMessage) diff --git a/packages/react/test/specs/components/Checkbox/Checkbox-test.tsx b/packages/react/test/specs/components/Checkbox/Checkbox-test.tsx index 54cb4809a7..762482b25c 100644 --- a/packages/react/test/specs/components/Checkbox/Checkbox-test.tsx +++ b/packages/react/test/specs/components/Checkbox/Checkbox-test.tsx @@ -1,5 +1,5 @@ import * as React from 'react' -import Checkbox from '@fluentui/react/src/components/Checkbox/Checkbox' +import { Checkbox } from '@fluentui/react' import { isConformant, handlesAccessibility, htmlIsAccessibilityCompliant } from '../../commonTests' describe('Checkbox', () => { diff --git a/packages/react/test/specs/components/Dialog/Dialog-test.tsx b/packages/react/test/specs/components/Dialog/Dialog-test.tsx index 476b346ee4..5bce65626e 100644 --- a/packages/react/test/specs/components/Dialog/Dialog-test.tsx +++ b/packages/react/test/specs/components/Dialog/Dialog-test.tsx @@ -1,7 +1,6 @@ import * as React from 'react' -import Dialog from '@fluentui/react/src/components/Dialog/Dialog' -import Button from '@fluentui/react/src/components/Button/Button' +import { Dialog, Button } from '@fluentui/react' import { mountWithProvider, findIntrinsicElement } from '../../../utils' describe('Dialog', () => { diff --git a/packages/react/test/specs/components/Dialog/DialogFooter-test.tsx b/packages/react/test/specs/components/Dialog/DialogFooter-test.tsx index 0ffc647d1a..e5b5893b37 100644 --- a/packages/react/test/specs/components/Dialog/DialogFooter-test.tsx +++ b/packages/react/test/specs/components/Dialog/DialogFooter-test.tsx @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import DialogFooter from '@fluentui/react/src/components/Dialog/DialogFooter' +import { DialogFooter } from '@fluentui/react' describe('DialogFooter', () => { isConformant(DialogFooter) diff --git a/packages/react/test/specs/components/Divider/Divider-test.tsx b/packages/react/test/specs/components/Divider/Divider-test.tsx index 2e66829f89..ef9e4c8b92 100644 --- a/packages/react/test/specs/components/Divider/Divider-test.tsx +++ b/packages/react/test/specs/components/Divider/Divider-test.tsx @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import Divider from '@fluentui/react/src/components/Divider/Divider' +import { Divider } from '@fluentui/react' describe('Divider', () => { isConformant(Divider) diff --git a/packages/react/test/specs/components/Dropdown/Dropdown-test.tsx b/packages/react/test/specs/components/Dropdown/Dropdown-test.tsx index 98ace07558..2fb5b7e98b 100644 --- a/packages/react/test/specs/components/Dropdown/Dropdown-test.tsx +++ b/packages/react/test/specs/components/Dropdown/Dropdown-test.tsx @@ -2,14 +2,10 @@ import * as React from 'react' import * as keyboardKey from 'keyboard-key' import * as _ from 'lodash' -import Dropdown from '@fluentui/react/src/components/Dropdown/Dropdown' -import DropdownSearchInput from '@fluentui/react/src/components/Dropdown/DropdownSearchInput' -import DropdownSelectedItem from '@fluentui/react/src/components/Dropdown/DropdownSelectedItem' +import { Dropdown, DropdownSearchInput, DropdownItemProps, ShorthandValue } from '@fluentui/react' import { isConformant } from '../../commonTests' import { findIntrinsicElement, mountWithProvider } from '../../../utils' import { ReactWrapper, CommonWrapper } from 'enzyme' -import { DropdownItemProps } from '@fluentui/react/src/components/Dropdown/DropdownItem' -import { ShorthandValue } from '@fluentui/react/src/types' jest.dontMock('keyboard-key') jest.useFakeTimers() diff --git a/packages/react/test/specs/components/Dropdown/DropdownSelectedItem-test.tsx b/packages/react/test/specs/components/Dropdown/DropdownSelectedItem-test.tsx index 2ca9baf115..4200290fb3 100644 --- a/packages/react/test/specs/components/Dropdown/DropdownSelectedItem-test.tsx +++ b/packages/react/test/specs/components/Dropdown/DropdownSelectedItem-test.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import DropdownSelectedItem from '@fluentui/react/src/components/Dropdown/DropdownSelectedItem' +import { DropdownSelectedItem } from '@fluentui/react' import { getRenderedAttribute } from '../../commonTests' import { mountWithProviderAndGetComponent } from '../../../utils' diff --git a/packages/react/test/specs/components/Embed/Embed-test.tsx b/packages/react/test/specs/components/Embed/Embed-test.tsx index 9460263f82..47be902338 100644 --- a/packages/react/test/specs/components/Embed/Embed-test.tsx +++ b/packages/react/test/specs/components/Embed/Embed-test.tsx @@ -1,5 +1,5 @@ import * as React from 'react' -import Embed from '@fluentui/react/src/components/Embed/Embed' +import { Embed } from '@fluentui/react' import { isConformant, handlesAccessibility } from '../../commonTests' import { mountWithProviderAndGetComponent } from '../../../utils' diff --git a/packages/react/test/specs/components/Form/Form-test.tsx b/packages/react/test/specs/components/Form/Form-test.tsx index af4eefb05a..0e672d18f6 100644 --- a/packages/react/test/specs/components/Form/Form-test.tsx +++ b/packages/react/test/specs/components/Form/Form-test.tsx @@ -1,8 +1,7 @@ import { isConformant } from '../../commonTests' -import Form from '@fluentui/react/src/components/Form/Form' +import { Form, FormField } from '@fluentui/react' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import FormField from '@fluentui/react/src/components/Form/FormField' const formImplementsCollectionShorthandProp = implementsCollectionShorthandProp(Form) diff --git a/packages/react/test/specs/components/Form/FormField-test.tsx b/packages/react/test/specs/components/Form/FormField-test.tsx index ba49c86b3b..1b5ca65e93 100644 --- a/packages/react/test/specs/components/Form/FormField-test.tsx +++ b/packages/react/test/specs/components/Form/FormField-test.tsx @@ -2,12 +2,7 @@ import * as React from 'react' import { isConformant, implementsShorthandProp } from '../../commonTests' import { mountWithProvider } from '../../../utils' -import Button from '@fluentui/react/src/components/Button/Button' -import RadioGroup from '@fluentui/react/src/components/RadioGroup/RadioGroup' -import Input from '@fluentui/react/src/components/Input/Input' -import Text from '@fluentui/react/src/components/Text/Text' -import FormField from '@fluentui/react/src/components/Form/FormField' -import Box from '@fluentui/react/src/components/Box/Box' +import { Button, RadioGroup, Input, Text, FormField, Box } from '@fluentui/react' const formFieldImplementsShorthandProp = implementsShorthandProp(FormField) diff --git a/packages/react/test/specs/components/Grid/Grid-test.tsx b/packages/react/test/specs/components/Grid/Grid-test.tsx index ed3f24d590..7ee9c3c50a 100644 --- a/packages/react/test/specs/components/Grid/Grid-test.tsx +++ b/packages/react/test/specs/components/Grid/Grid-test.tsx @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import Grid from '@fluentui/react/src/components/Grid/Grid' +import { Grid } from '@fluentui/react' describe('Grid', () => { isConformant(Grid) diff --git a/packages/react/test/specs/components/Header/Header-test.ts b/packages/react/test/specs/components/Header/Header-test.ts index 24fbfeeecf..ecab5dabd4 100644 --- a/packages/react/test/specs/components/Header/Header-test.ts +++ b/packages/react/test/specs/components/Header/Header-test.ts @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import Header from '@fluentui/react/src/components/Header/Header' +import { Header } from '@fluentui/react' describe('Header', () => { isConformant(Header) diff --git a/packages/react/test/specs/components/Header/HeaderDescription-test.ts b/packages/react/test/specs/components/Header/HeaderDescription-test.ts index a1bd69e55a..bd9fae5e11 100644 --- a/packages/react/test/specs/components/Header/HeaderDescription-test.ts +++ b/packages/react/test/specs/components/Header/HeaderDescription-test.ts @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import HeaderDescription from '@fluentui/react/src/components/Header/HeaderDescription' +import { HeaderDescription } from '@fluentui/react' describe('HeaderDescription', () => { isConformant(HeaderDescription) diff --git a/packages/react/test/specs/components/HierarchicalTree/HierarchicalTree-test.tsx b/packages/react/test/specs/components/HierarchicalTree/HierarchicalTree-test.tsx index c5e33cedf9..29ad288b5f 100644 --- a/packages/react/test/specs/components/HierarchicalTree/HierarchicalTree-test.tsx +++ b/packages/react/test/specs/components/HierarchicalTree/HierarchicalTree-test.tsx @@ -3,9 +3,7 @@ import * as keyboardKey from 'keyboard-key' import { isConformant } from '../../commonTests' import { mountWithProvider } from '../../../utils' -import HierarchicalTree from '@fluentui/react/src/components/HierarchicalTree/HierarchicalTree' -import HierarchicalTreeTitle from '@fluentui/react/src/components/HierarchicalTree/HierarchicalTreeTitle' -import HierarchicalTreeItem from '@fluentui/react/src/components/HierarchicalTree/HierarchicalTreeItem' +import { HierarchicalTree, HierarchicalTreeTitle, HierarchicalTreeItem } from '@fluentui/react' import { ReactWrapper, CommonWrapper } from 'enzyme' const items = [ diff --git a/packages/react/test/specs/components/Image/Image-test.tsx b/packages/react/test/specs/components/Image/Image-test.tsx index f416f2aa0e..4c57b65f93 100644 --- a/packages/react/test/specs/components/Image/Image-test.tsx +++ b/packages/react/test/specs/components/Image/Image-test.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' -import Image from '@fluentui/react/src/components/Image/Image' +import { Image } from '@fluentui/react' import { mountWithProviderAndGetComponent } from '../../../utils' describe('Image', () => { diff --git a/packages/react/test/specs/components/Input/Input-test.tsx b/packages/react/test/specs/components/Input/Input-test.tsx index 1f27105ed1..0972464ae8 100644 --- a/packages/react/test/specs/components/Input/Input-test.tsx +++ b/packages/react/test/specs/components/Input/Input-test.tsx @@ -6,9 +6,7 @@ import { ReactWrapper } from 'enzyme' import { mountWithProvider as mount } from '../../../utils' import { isConformant, implementsShorthandProp, implementsWrapperProp } from '../../commonTests' -import Input from '@fluentui/react/src/components/Input/Input' -import Icon from '@fluentui/react/src/components/Icon/Icon' -import Box from '@fluentui/react/src/components/Box/Box' +import { Input, Icon, Box } from '@fluentui/react' const testValue = 'test value' const htmlInputAttrs = ['id', 'name', 'pattern', 'placeholder', 'type', 'value'] diff --git a/packages/react/test/specs/components/ItemLayout/ItemLayout-test.ts b/packages/react/test/specs/components/ItemLayout/ItemLayout-test.ts index 361d33b01f..cb709c58d9 100644 --- a/packages/react/test/specs/components/ItemLayout/ItemLayout-test.ts +++ b/packages/react/test/specs/components/ItemLayout/ItemLayout-test.ts @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import ItemLayout from '@fluentui/react/src/components/ItemLayout/ItemLayout' +import { ItemLayout } from '@fluentui/react' describe('ItemLayout', () => { isConformant(ItemLayout, { hasAccessibilityProp: false }) diff --git a/packages/react/test/specs/components/Label/Label-test.tsx b/packages/react/test/specs/components/Label/Label-test.tsx index 1e34f246d5..ac123e8f3a 100644 --- a/packages/react/test/specs/components/Label/Label-test.tsx +++ b/packages/react/test/specs/components/Label/Label-test.tsx @@ -1,8 +1,6 @@ import { isConformant, implementsShorthandProp } from '../../commonTests' -import Label from '@fluentui/react/src/components/Label/Label' -import Icon from '@fluentui/react/src/components/Icon/Icon' -import Image from '@fluentui/react/src/components/Image/Image' +import { Label, Icon, Image } from '@fluentui/react' const labelImplementsShorthandProp = implementsShorthandProp(Label) diff --git a/packages/react/test/specs/components/Layout/Layout-test.ts b/packages/react/test/specs/components/Layout/Layout-test.ts index 7b0957ba1c..f97c9a2ea2 100644 --- a/packages/react/test/specs/components/Layout/Layout-test.ts +++ b/packages/react/test/specs/components/Layout/Layout-test.ts @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import Layout from '@fluentui/react/src/components/Layout/Layout' +import { Layout } from '@fluentui/react' describe('Layout', () => { isConformant(Layout, { hasAccessibilityProp: false }) diff --git a/packages/react/test/specs/components/List/List-test.tsx b/packages/react/test/specs/components/List/List-test.tsx index 08e2410bd6..f47a0240b8 100644 --- a/packages/react/test/specs/components/List/List-test.tsx +++ b/packages/react/test/specs/components/List/List-test.tsx @@ -3,9 +3,8 @@ import * as React from 'react' import { isConformant, handlesAccessibility } from '../../commonTests' import { mountWithProvider } from '../../../utils' -import List from '@fluentui/react/src/components/List/List' +import { List, ListItem, ListItemProps } from '@fluentui/react' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import ListItem, { ListItemProps } from '@fluentui/react/src/components/List/ListItem' const listImplementsCollectionShorthandProp = implementsCollectionShorthandProp(List) diff --git a/packages/react/test/specs/components/List/ListItem-test.tsx b/packages/react/test/specs/components/List/ListItem-test.tsx index 1f54c0e113..5ddee3c60c 100644 --- a/packages/react/test/specs/components/List/ListItem-test.tsx +++ b/packages/react/test/specs/components/List/ListItem-test.tsx @@ -4,7 +4,7 @@ import * as keyboardKey from 'keyboard-key' import { isConformant, handlesAccessibility } from '../../commonTests' import { mountWithProvider } from '../../../utils' -import ListItem from '@fluentui/react/src/components/List/ListItem' +import { ListItem } from '@fluentui/react' describe('ListItem', () => { isConformant(ListItem) diff --git a/packages/react/test/specs/components/Loader/Loader-test.tsx b/packages/react/test/specs/components/Loader/Loader-test.tsx index 2885cc7f9d..231d501689 100644 --- a/packages/react/test/specs/components/Loader/Loader-test.tsx +++ b/packages/react/test/specs/components/Loader/Loader-test.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import Loader from '@fluentui/react/src/components/Loader/Loader' +import { Loader } from '@fluentui/react' import { isConformant } from '../../commonTests' import { mountWithProvider } from '../../../utils' diff --git a/packages/react/test/specs/components/Menu/Menu-test.tsx b/packages/react/test/specs/components/Menu/Menu-test.tsx index 7b8f4bd11b..63123f03f2 100644 --- a/packages/react/test/specs/components/Menu/Menu-test.tsx +++ b/packages/react/test/specs/components/Menu/Menu-test.tsx @@ -1,10 +1,9 @@ import * as React from 'react' -import Menu from '@fluentui/react/src/components/Menu/Menu' +import { Menu, MenuItem } from '@fluentui/react' import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' import { mountWithProvider, mountWithProviderAndGetComponent } from '../../../utils' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import MenuItem from '@fluentui/react/src/components/Menu/MenuItem' import { AccessibilityDefinition, menuBehavior, diff --git a/packages/react/test/specs/components/Menu/MenuDivider-test.ts b/packages/react/test/specs/components/Menu/MenuDivider-test.ts index f574c00ffc..ca33373e79 100644 --- a/packages/react/test/specs/components/Menu/MenuDivider-test.ts +++ b/packages/react/test/specs/components/Menu/MenuDivider-test.ts @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import MenuDivider from '@fluentui/react/src/components/Menu/MenuDivider' +import { MenuDivider } from '@fluentui/react' describe('MenuDivider', () => { isConformant(MenuDivider) diff --git a/packages/react/test/specs/components/Menu/MenuItem-test.tsx b/packages/react/test/specs/components/Menu/MenuItem-test.tsx index eeeaf2077e..fe7e953f18 100644 --- a/packages/react/test/specs/components/Menu/MenuItem-test.tsx +++ b/packages/react/test/specs/components/Menu/MenuItem-test.tsx @@ -7,8 +7,7 @@ import * as React from 'react' import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' import { mountWithProviderAndGetComponent } from '../../../utils' -import MenuItem from '@fluentui/react/src/components/Menu/MenuItem' -import Box from '@fluentui/react/src/components/Box/Box' +import { MenuItem, Box } from '@fluentui/react' describe('MenuItem', () => { isConformant(MenuItem, { diff --git a/packages/react/test/specs/components/MenuButton/MenuButton-test.tsx b/packages/react/test/specs/components/MenuButton/MenuButton-test.tsx index 10bd404f69..2c3015b320 100644 --- a/packages/react/test/specs/components/MenuButton/MenuButton-test.tsx +++ b/packages/react/test/specs/components/MenuButton/MenuButton-test.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import MenuButton from '@fluentui/react/src/components/MenuButton/MenuButton' +import { MenuButton } from '@fluentui/react' import { isConformant, handlesAccessibility } from '../../commonTests' import { mountWithProvider } from '../../../utils' diff --git a/packages/react/test/specs/components/Popup/Popup-test.tsx b/packages/react/test/specs/components/Popup/Popup-test.tsx index 2e6438d93c..02a5e8cdd9 100644 --- a/packages/react/test/specs/components/Popup/Popup-test.tsx +++ b/packages/react/test/specs/components/Popup/Popup-test.tsx @@ -2,7 +2,7 @@ import * as React from 'react' import * as ReactDOM from 'react-dom' import * as ReactTestUtils from 'react-dom/test-utils' -import Popup, { PopupEvents } from '@fluentui/react/src/components/Popup/Popup' +import { Popup, PopupEvents } from '@fluentui/react' import { domEvent, EmptyThemeProvider, mountWithProvider } from '../../../utils' import * as keyboardKey from 'keyboard-key' import { ReactWrapper } from 'enzyme' diff --git a/packages/react/test/specs/components/Popup/PopupContent-test.ts b/packages/react/test/specs/components/Popup/PopupContent-test.ts index cd4a01fdf3..99248d85ac 100644 --- a/packages/react/test/specs/components/Popup/PopupContent-test.ts +++ b/packages/react/test/specs/components/Popup/PopupContent-test.ts @@ -1,5 +1,5 @@ import { isConformant } from '../../commonTests' -import PopupContent from '@fluentui/react/src/components/Popup/PopupContent' +import { PopupContent } from '@fluentui/react' describe('PopupContent', () => { isConformant(PopupContent, { rendersPortal: true }) diff --git a/packages/react/test/specs/components/Portal/Portal-test.tsx b/packages/react/test/specs/components/Portal/Portal-test.tsx index 42e9ff3147..8026900d40 100644 --- a/packages/react/test/specs/components/Portal/Portal-test.tsx +++ b/packages/react/test/specs/components/Portal/Portal-test.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { domEvent, nextFrame, mountWithProvider } from '../../../utils' -import Portal from '@fluentui/react/src/components/Portal/Portal' +import { Portal } from '@fluentui/react' import PortalInner from '@fluentui/react/src/components/Portal/PortalInner' describe('Portal', () => { diff --git a/packages/react/test/specs/components/Provider/Provider-test.tsx b/packages/react/test/specs/components/Provider/Provider-test.tsx index b40b1b6209..b5a275bd0f 100644 --- a/packages/react/test/specs/components/Provider/Provider-test.tsx +++ b/packages/react/test/specs/components/Provider/Provider-test.tsx @@ -1,18 +1,12 @@ import { ThemeInput } from '@fluentui/styles' import { mount } from 'enzyme' -import { createRenderer } from 'src/utils/felaRenderer' import * as React from 'react' -import Provider from '@fluentui/react/src/components/Provider/Provider' -import ProviderConsumer from '@fluentui/react/src/components/Provider/ProviderConsumer' +import { Provider, ProviderConsumer, createRenderer } from '@fluentui/react' describe('Provider', () => { - test('is exported', () => { - expect(require('@fluentui/react/src/index.ts').Provider).toEqual(Provider) - }) - test('has a ProviderConsumer subcomponent', () => { - expect(require('@fluentui/react/src/index.ts').Provider.Consumer).toEqual(ProviderConsumer) + expect(Provider.Consumer).toEqual(ProviderConsumer) }) describe('overwrite', () => { diff --git a/packages/react/test/specs/components/Provider/ProviderConsumer-test.tsx b/packages/react/test/specs/components/Provider/ProviderConsumer-test.tsx index dcc9cb54ac..061130dd3c 100644 --- a/packages/react/test/specs/components/Provider/ProviderConsumer-test.tsx +++ b/packages/react/test/specs/components/Provider/ProviderConsumer-test.tsx @@ -2,8 +2,7 @@ import { ComponentStyleFunctionParam, emptyTheme, ThemeInput } from '@fluentui/s import * as React from 'react' import { mount } from 'enzyme' -import Provider from '@fluentui/react/src/components/Provider/Provider' -import ProviderConsumer from '@fluentui/react/src/components/Provider/ProviderConsumer' +import { Provider, ProviderConsumer } from '@fluentui/react' const styleParam: ComponentStyleFunctionParam = { disableAnimations: false, @@ -15,10 +14,6 @@ const styleParam: ComponentStyleFunctionParam = { } describe('ProviderConsumer', () => { - test('is exported', () => { - expect(require('@fluentui/react/src/index.ts').ProviderConsumer).toEqual(ProviderConsumer) - }) - test('is a subcomponent of the Provider', () => { expect(Provider.Consumer).toEqual(ProviderConsumer) }) diff --git a/packages/react/test/specs/components/RadioGroup/RadioGroup-test.tsx b/packages/react/test/specs/components/RadioGroup/RadioGroup-test.tsx index 99489610ed..fcba613743 100644 --- a/packages/react/test/specs/components/RadioGroup/RadioGroup-test.tsx +++ b/packages/react/test/specs/components/RadioGroup/RadioGroup-test.tsx @@ -4,8 +4,7 @@ import { isConformant, handlesAccessibility, htmlIsAccessibilityCompliant } from import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' import { mountWithProvider } from '../../../utils' -import RadioGroup from '@fluentui/react/src/components/RadioGroup/RadioGroup' -import RadioGroupItem from '@fluentui/react/src/components/RadioGroup/RadioGroupItem' +import { RadioGroup, RadioGroupItem } from '@fluentui/react' const radioGroupImplementsCollectionShorthandProp = implementsCollectionShorthandProp(RadioGroup) diff --git a/packages/react/test/specs/components/RadioGroup/RadioGroupItem-test.ts b/packages/react/test/specs/components/RadioGroup/RadioGroupItem-test.ts index 060f092353..46be492510 100644 --- a/packages/react/test/specs/components/RadioGroup/RadioGroupItem-test.ts +++ b/packages/react/test/specs/components/RadioGroup/RadioGroupItem-test.ts @@ -1,6 +1,6 @@ import { isConformant, handlesAccessibility } from '../../commonTests' -import RadioGroupItem from '@fluentui/react/src/components/RadioGroup/RadioGroupItem' +import { RadioGroupItem } from '@fluentui/react' describe('RadioGroupItem', () => { isConformant(RadioGroupItem) diff --git a/packages/react/test/specs/components/Reaction/Reaction-test.tsx b/packages/react/test/specs/components/Reaction/Reaction-test.tsx index 59c4700378..607cca5bf0 100644 --- a/packages/react/test/specs/components/Reaction/Reaction-test.tsx +++ b/packages/react/test/specs/components/Reaction/Reaction-test.tsx @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import Reaction from '@fluentui/react/src/components/Reaction/Reaction' +import { Reaction } from '@fluentui/react' describe('Reaction', () => { isConformant(Reaction) diff --git a/packages/react/test/specs/components/Reaction/ReactionGroup-test.tsx b/packages/react/test/specs/components/Reaction/ReactionGroup-test.tsx index 6ce43af744..26e618c58f 100644 --- a/packages/react/test/specs/components/Reaction/ReactionGroup-test.tsx +++ b/packages/react/test/specs/components/Reaction/ReactionGroup-test.tsx @@ -1,7 +1,6 @@ import { isConformant } from '../../commonTests' -import ReactionGroup from '@fluentui/react/src/components/Reaction/ReactionGroup' -import Reaction from '@fluentui/react/src/components/Reaction/Reaction' +import { ReactionGroup, Reaction } from '@fluentui/react' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' const reactionGroupImplementsCollectionShorthandProp = implementsCollectionShorthandProp( diff --git a/packages/react/test/specs/components/Segment/Segment-test.ts b/packages/react/test/specs/components/Segment/Segment-test.ts index a9f1a14fca..47e8eef45b 100644 --- a/packages/react/test/specs/components/Segment/Segment-test.ts +++ b/packages/react/test/specs/components/Segment/Segment-test.ts @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import Segment from '@fluentui/react/src/components/Segment/Segment' +import { Segment } from '@fluentui/react' describe('Segment', () => { isConformant(Segment) diff --git a/packages/react/test/specs/components/Slider/Slider-test.tsx b/packages/react/test/specs/components/Slider/Slider-test.tsx index 7f09368203..8d9518ab71 100644 --- a/packages/react/test/specs/components/Slider/Slider-test.tsx +++ b/packages/react/test/specs/components/Slider/Slider-test.tsx @@ -1,5 +1,5 @@ import { isConformant, handlesAccessibility } from '../../commonTests' -import Slider from '@fluentui/react/src/components/Slider/Slider' +import { Slider } from '@fluentui/react' describe('Slider', () => { isConformant(Slider, { diff --git a/packages/react/test/specs/components/SplitButton/SplitButton-test.tsx b/packages/react/test/specs/components/SplitButton/SplitButton-test.tsx index 4475163860..93c148349f 100644 --- a/packages/react/test/specs/components/SplitButton/SplitButton-test.tsx +++ b/packages/react/test/specs/components/SplitButton/SplitButton-test.tsx @@ -1,13 +1,10 @@ import * as React from 'react' import * as keyboardKey from 'keyboard-key' -import SplitButton from '@fluentui/react/src/components/SplitButton/SplitButton' +import { SplitButton, Menu, MenuButton, Button } from '@fluentui/react' import { isConformant } from '../../commonTests' import { ReactWrapper, CommonWrapper } from 'enzyme' import { mountWithProvider, findIntrinsicElement } from '../../../utils' -import Menu from '@fluentui/react/src/components/Menu/Menu' -import MenuButton from '@fluentui/react/src/components/MenuButton/MenuButton' -import Button from '@fluentui/react/src/components/Button/Button' const mockMenu = { items: ['1', '2', '3'] } diff --git a/packages/react/test/specs/components/Status/Status-test.tsx b/packages/react/test/specs/components/Status/Status-test.tsx index c69a78d6c6..e038bd2245 100644 --- a/packages/react/test/specs/components/Status/Status-test.tsx +++ b/packages/react/test/specs/components/Status/Status-test.tsx @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import Status from '@fluentui/react/src/components/Status/Status' +import { Status } from '@fluentui/react' describe('Status', () => { isConformant(Status) diff --git a/packages/react/test/specs/components/Table/Table-test.tsx b/packages/react/test/specs/components/Table/Table-test.tsx index 7a032b59a9..0dde41cca2 100644 --- a/packages/react/test/specs/components/Table/Table-test.tsx +++ b/packages/react/test/specs/components/Table/Table-test.tsx @@ -1,9 +1,7 @@ import * as React from 'react' import { isConformant, handlesAccessibility } from '../../commonTests' import { mountWithProviderAndGetComponent } from '../../../utils' -import TableRow from '@fluentui/react/src/components/Table/TableRow' - -import Table from '@fluentui/react/src/components/Table/Table' +import { TableRow, Table } from '@fluentui/react' describe('Table', () => { isConformant(Table) diff --git a/packages/react/test/specs/components/Table/TableCell-test.tsx b/packages/react/test/specs/components/Table/TableCell-test.tsx index 0a83193062..892377903f 100644 --- a/packages/react/test/specs/components/Table/TableCell-test.tsx +++ b/packages/react/test/specs/components/Table/TableCell-test.tsx @@ -1,7 +1,7 @@ import * as React from 'react' import { isConformant, handlesAccessibility } from '../../commonTests' import { mountWithProviderAndGetComponent } from '../../../utils' -import TableCell from '@fluentui/react/src/components/Table/TableCell' +import { TableCell } from '@fluentui/react' describe('TableCell', () => { isConformant(TableCell) diff --git a/packages/react/test/specs/components/Table/TableRow-test.tsx b/packages/react/test/specs/components/Table/TableRow-test.tsx index 6013da6c59..26eac1a7e5 100644 --- a/packages/react/test/specs/components/Table/TableRow-test.tsx +++ b/packages/react/test/specs/components/Table/TableRow-test.tsx @@ -1,9 +1,7 @@ import * as React from 'react' import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' import { mountWithProviderAndGetComponent } from '../../../utils' -import TableCell from '@fluentui/react/src/components/Table/TableCell' - -import TableRow from '@fluentui/react/src/components/Table/TableRow' +import { TableCell, TableRow } from '@fluentui/react' describe('TableRow', () => { isConformant(TableRow) diff --git a/packages/react/test/specs/components/Text/Text-test.tsx b/packages/react/test/specs/components/Text/Text-test.tsx index 1c423022f4..efe40230ab 100644 --- a/packages/react/test/specs/components/Text/Text-test.tsx +++ b/packages/react/test/specs/components/Text/Text-test.tsx @@ -3,7 +3,7 @@ import * as React from 'react' import { isConformant } from '../../commonTests' import { mountWithProvider } from '../../../utils' -import Text from '@fluentui/react/src/components/Text/Text' +import { Text } from '@fluentui/react' describe('Text', () => { isConformant(Text) diff --git a/packages/react/test/specs/components/TextArea/TextArea-test.tsx b/packages/react/test/specs/components/TextArea/TextArea-test.tsx index 20af0c261c..baa616bbfb 100644 --- a/packages/react/test/specs/components/TextArea/TextArea-test.tsx +++ b/packages/react/test/specs/components/TextArea/TextArea-test.tsx @@ -1,6 +1,6 @@ import * as React from 'react' import { mountWithProvider as mount } from '../../../utils' -import TextArea from '@fluentui/react/src/components/TextArea/TextArea' +import { TextArea } from '@fluentui/react' import { isConformant } from '../../commonTests' import * as faker from 'faker' diff --git a/packages/react/test/specs/components/Toolbar/Toolbar-test.tsx b/packages/react/test/specs/components/Toolbar/Toolbar-test.tsx index de7728cb75..1b7b881f0f 100644 --- a/packages/react/test/specs/components/Toolbar/Toolbar-test.tsx +++ b/packages/react/test/specs/components/Toolbar/Toolbar-test.tsx @@ -1,5 +1,5 @@ import * as React from 'react' -import Toolbar from '@fluentui/react/src/components/Toolbar/Toolbar' +import { Toolbar } from '@fluentui/react' import { isConformant } from '../../commonTests' import { mountWithProvider } from '../../../utils' diff --git a/packages/react/test/specs/components/Toolbar/ToolbarCustomItem-test.ts b/packages/react/test/specs/components/Toolbar/ToolbarCustomItem-test.ts index 9005526ff0..a5a5d845bc 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarCustomItem-test.ts +++ b/packages/react/test/specs/components/Toolbar/ToolbarCustomItem-test.ts @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import ToolbarCustomItem from '@fluentui/react/src/components/Toolbar/ToolbarCustomItem' +import { ToolbarCustomItem } from '@fluentui/react' describe('ToolbarCustomItem', () => { isConformant(ToolbarCustomItem, { diff --git a/packages/react/test/specs/components/Toolbar/ToolbarDivider-test.ts b/packages/react/test/specs/components/Toolbar/ToolbarDivider-test.ts index f3f8f3584c..8d3f5a8628 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarDivider-test.ts +++ b/packages/react/test/specs/components/Toolbar/ToolbarDivider-test.ts @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import ToolbarDivider from '@fluentui/react/src/components/Toolbar/ToolbarDivider' +import { ToolbarDivider } from '@fluentui/react' describe('ToolbarDivider', () => { isConformant(ToolbarDivider) diff --git a/packages/react/test/specs/components/Toolbar/ToolbarItem-test.tsx b/packages/react/test/specs/components/Toolbar/ToolbarItem-test.tsx index 5b325502c8..9ce21431ae 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarItem-test.tsx +++ b/packages/react/test/specs/components/Toolbar/ToolbarItem-test.tsx @@ -1,5 +1,5 @@ import * as React from 'react' -import ToolbarItem from '@fluentui/react/src/components/Toolbar/ToolbarItem' +import { ToolbarItem } from '@fluentui/react' import { isConformant } from '../../commonTests' import { mountWithProvider } from '../../../utils' diff --git a/packages/react/test/specs/components/Toolbar/ToolbarMenu-test.tsx b/packages/react/test/specs/components/Toolbar/ToolbarMenu-test.tsx index ca7dd58521..e24418cf91 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarMenu-test.tsx +++ b/packages/react/test/specs/components/Toolbar/ToolbarMenu-test.tsx @@ -1,5 +1,5 @@ import * as React from 'react' -import ToolbarMenu from '@fluentui/react/src/components/Toolbar/ToolbarMenu' +import { ToolbarMenu } from '@fluentui/react' import { isConformant } from '../../commonTests' import { mountWithProvider } from '../../../utils' diff --git a/packages/react/test/specs/components/Toolbar/ToolbarMenuDivider-test.ts b/packages/react/test/specs/components/Toolbar/ToolbarMenuDivider-test.ts index ea1d6fc380..0a12d86d90 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarMenuDivider-test.ts +++ b/packages/react/test/specs/components/Toolbar/ToolbarMenuDivider-test.ts @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import ToolbarMenuDivider from '@fluentui/react/src/components/Toolbar/ToolbarMenuDivider' +import { ToolbarMenuDivider } from '@fluentui/react' describe('ToolbarMenuDivider', () => { isConformant(ToolbarMenuDivider) diff --git a/packages/react/test/specs/components/Toolbar/ToolbarMenuItem-test.ts b/packages/react/test/specs/components/Toolbar/ToolbarMenuItem-test.ts index feb8b3bab6..8e386a89c6 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarMenuItem-test.ts +++ b/packages/react/test/specs/components/Toolbar/ToolbarMenuItem-test.ts @@ -1,7 +1,6 @@ import { isConformant } from '../../commonTests' -import ToolbarMenuItem from '@fluentui/react/src/components/Toolbar/ToolbarMenuItem' -import Box from '@fluentui/react/src/components/Box/Box' +import { ToolbarMenuItem, Box } from '@fluentui/react' describe('ToolbarMenuItem', () => { isConformant(ToolbarMenuItem, { diff --git a/packages/react/test/specs/components/Toolbar/ToolbarMenuRadioGroup-test.ts b/packages/react/test/specs/components/Toolbar/ToolbarMenuRadioGroup-test.ts index 82ab74dcc5..718d52b713 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarMenuRadioGroup-test.ts +++ b/packages/react/test/specs/components/Toolbar/ToolbarMenuRadioGroup-test.ts @@ -1,7 +1,6 @@ import { handlesAccessibility, isConformant } from '../../commonTests' -import Box from '@fluentui/react/src/components/Box/Box' -import ToolbarMenuRadioGroup from '@fluentui/react/src/components/Toolbar/ToolbarMenuRadioGroup' +import { Box, ToolbarMenuRadioGroup } from '@fluentui/react' describe('ToolbarMenuRadioGroup', () => { isConformant(ToolbarMenuRadioGroup, { diff --git a/packages/react/test/specs/components/Toolbar/ToolbarRadioGroup-test.tsx b/packages/react/test/specs/components/Toolbar/ToolbarRadioGroup-test.tsx index 56e89e108b..b4475d5c6e 100644 --- a/packages/react/test/specs/components/Toolbar/ToolbarRadioGroup-test.tsx +++ b/packages/react/test/specs/components/Toolbar/ToolbarRadioGroup-test.tsx @@ -1,6 +1,6 @@ import { isConformant, handlesAccessibility } from '../../commonTests' -import ToolbarRadioGroup from '@fluentui/react/src/components/Toolbar/ToolbarRadioGroup' +import { ToolbarRadioGroup } from '@fluentui/react' import { ReactWrapper } from 'enzyme' import { mountWithProvider } from '../../../utils' import * as React from 'react' diff --git a/packages/react/test/specs/components/Tooltip/Tooltip-test.tsx b/packages/react/test/specs/components/Tooltip/Tooltip-test.tsx index 648f795553..5ae6ae1684 100644 --- a/packages/react/test/specs/components/Tooltip/Tooltip-test.tsx +++ b/packages/react/test/specs/components/Tooltip/Tooltip-test.tsx @@ -1,7 +1,6 @@ import * as React from 'react' -import Tooltip from '@fluentui/react/src/components/Tooltip/Tooltip' -import Button from '@fluentui/react/src/components/Button/Button' +import { Tooltip, Button } from '@fluentui/react' import { mountWithProvider, findIntrinsicElement } from '../../../utils' diff --git a/packages/react/test/specs/components/Tooltip/TooltipContent-test.ts b/packages/react/test/specs/components/Tooltip/TooltipContent-test.ts index bf781f3244..1e844e0c70 100644 --- a/packages/react/test/specs/components/Tooltip/TooltipContent-test.ts +++ b/packages/react/test/specs/components/Tooltip/TooltipContent-test.ts @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import TooltipContent from '@fluentui/react/src/components/Tooltip/TooltipContent' +import { TooltipContent } from '@fluentui/react' describe('TooltipContent', () => { isConformant(TooltipContent) diff --git a/packages/react/test/specs/components/Tree/Tree-test.tsx b/packages/react/test/specs/components/Tree/Tree-test.tsx index cc9fcaa947..4366f58044 100644 --- a/packages/react/test/specs/components/Tree/Tree-test.tsx +++ b/packages/react/test/specs/components/Tree/Tree-test.tsx @@ -3,9 +3,7 @@ import * as keyboardKey from 'keyboard-key' import { isConformant } from '../../commonTests' import { mountWithProvider } from '../../../utils' -import Tree from '@fluentui/react/src/components/Tree/Tree' -import TreeTitle from '@fluentui/react/src/components/Tree/TreeTitle' -import TreeItem from '@fluentui/react/src/components/Tree/TreeItem' +import { Tree, TreeTitle, TreeItem } from '@fluentui/react' import { ReactWrapper, CommonWrapper } from 'enzyme' const items = [ diff --git a/packages/react/test/specs/components/Tree/TreeItem-test.tsx b/packages/react/test/specs/components/Tree/TreeItem-test.tsx index 1455bcb9b8..cbd19f41c4 100644 --- a/packages/react/test/specs/components/Tree/TreeItem-test.tsx +++ b/packages/react/test/specs/components/Tree/TreeItem-test.tsx @@ -1,5 +1,5 @@ import { isConformant } from '../../commonTests' -import TreeItem from '@fluentui/react/src/components/Tree/TreeItem' +import { TreeItem } from '@fluentui/react' describe('TreeItem', () => { isConformant(TreeItem, { requiredProps: { id: 'my-id' } }) diff --git a/packages/react/test/specs/components/Tree/TreeTitle-test.tsx b/packages/react/test/specs/components/Tree/TreeTitle-test.tsx index c2d7aaedaf..1066db7d23 100644 --- a/packages/react/test/specs/components/Tree/TreeTitle-test.tsx +++ b/packages/react/test/specs/components/Tree/TreeTitle-test.tsx @@ -1,5 +1,5 @@ import { isConformant } from '../../commonTests' -import TreeTitle from '@fluentui/react/src/components/Tree/TreeTitle' +import { TreeTitle } from '@fluentui/react' describe('TreeTitle', () => { isConformant(TreeTitle) diff --git a/packages/react/test/specs/components/Video/Video-test.tsx b/packages/react/test/specs/components/Video/Video-test.tsx index fa58ee7249..d7b4cd431c 100644 --- a/packages/react/test/specs/components/Video/Video-test.tsx +++ b/packages/react/test/specs/components/Video/Video-test.tsx @@ -1,6 +1,6 @@ import { isConformant } from '../../commonTests' -import Video from '@fluentui/react/src/components/Video/Video' +import { Video } from '@fluentui/react' describe('Video', () => { isConformant(Video) diff --git a/packages/react/test/specs/themes/colorUtils-test.ts b/packages/react/test/specs/themes/colorUtils-test.ts index 55764998bf..21225cbf45 100644 --- a/packages/react/test/specs/themes/colorUtils-test.ts +++ b/packages/react/test/specs/themes/colorUtils-test.ts @@ -1,5 +1,9 @@ -import { extendColorScheme, pickValuesFromColorScheme } from '@fluentui/react/src/themes/colorUtils' -import { ColorSchemeMapping, ComponentAreaName } from '@fluentui/react/src/themes/types' +import { + extendColorScheme, + pickValuesFromColorScheme, + ColorSchemeMapping, + ComponentAreaName, +} from '@fluentui/react' const generateColorSchemeValues = color => ({ foreground: color, diff --git a/packages/react/test/specs/utils/AutoControlledComponent-test.tsx b/packages/react/test/specs/utils/AutoControlledComponent-test.tsx index b5bfbf1f40..c9d7f8e347 100644 --- a/packages/react/test/specs/utils/AutoControlledComponent-test.tsx +++ b/packages/react/test/specs/utils/AutoControlledComponent-test.tsx @@ -1,9 +1,8 @@ import * as _ from 'lodash' import * as React from 'react' import { shallow, ShallowWrapper } from 'enzyme' -import { AutoControlledComponent } from '@fluentui/react/src/utils' +import { AutoControlledComponent, Props } from '@fluentui/react' import { consoleUtil } from '../../utils' -import { Props } from '@fluentui/react/src/types' let TestClass diff --git a/packages/react/test/specs/utils/childrenExist-test.tsx b/packages/react/test/specs/utils/childrenExist-test.tsx index 8098b56888..fb015e1011 100644 --- a/packages/react/test/specs/utils/childrenExist-test.tsx +++ b/packages/react/test/specs/utils/childrenExist-test.tsx @@ -1,5 +1,5 @@ import * as React from 'react' -import childrenExist from '@fluentui/react/src/utils/childrenExist' +import { childrenExist } from '@fluentui/react' describe('childrenExist', () => { test('returns false when no children are passed', () => { diff --git a/packages/react/test/specs/utils/createComponent-test.tsx b/packages/react/test/specs/utils/createComponent-test.tsx index 9b2c93ec23..cb864b98b6 100644 --- a/packages/react/test/specs/utils/createComponent-test.tsx +++ b/packages/react/test/specs/utils/createComponent-test.tsx @@ -1,6 +1,6 @@ import * as React from 'react' -import { createComponent } from '@fluentui/react/src/utils' +import { createComponent } from '@fluentui/react' describe('createComponent', () => { describe('className', () => { diff --git a/packages/react/test/specs/utils/doesNodeContainClick-test.ts b/packages/react/test/specs/utils/doesNodeContainClick-test.ts index f1963e336d..3eda3f43a7 100644 --- a/packages/react/test/specs/utils/doesNodeContainClick-test.ts +++ b/packages/react/test/specs/utils/doesNodeContainClick-test.ts @@ -1,4 +1,4 @@ -import { doesNodeContainClick } from '@fluentui/react/src/utils' +import { doesNodeContainClick } from '@fluentui/react' const makeEvent = (event?: any) => ({ clientX: 0, clientY: 0, ...event }) diff --git a/packages/react/test/specs/utils/factories-test.tsx b/packages/react/test/specs/utils/factories-test.tsx index 3ee86f4abf..2e309d55b0 100644 --- a/packages/react/test/specs/utils/factories-test.tsx +++ b/packages/react/test/specs/utils/factories-test.tsx @@ -2,8 +2,14 @@ import { callable } from '@fluentui/styles' import * as React from 'react' import * as _ from 'lodash' import { shallow } from 'enzyme' -import { createShorthand, createShorthandFactory } from '@fluentui/react/src/utils' -import { Props, ShorthandValue, ObjectOf, ShorthandRenderFunction } from '@fluentui/react/src/types' +import { + createShorthand, + createShorthandFactory, + Props, + ShorthandValue, + ObjectOf, + ShorthandRenderFunction, +} from '@fluentui/react' import { consoleUtil } from '../../utils' // ---------------------------------------- diff --git a/packages/react/test/specs/utils/felaFocusVisibleEnhancer-test.ts b/packages/react/test/specs/utils/felaFocusVisibleEnhancer-test.ts index e774de18c7..894fc4c8e6 100644 --- a/packages/react/test/specs/utils/felaFocusVisibleEnhancer-test.ts +++ b/packages/react/test/specs/utils/felaFocusVisibleEnhancer-test.ts @@ -2,7 +2,7 @@ import { createRenderer } from 'fela' import { renderToString } from 'fela-tools' import { RULE_TYPE } from 'fela-utils' -import felaFocusVisibleEnhancer from '@fluentui/react/src/utils/felaFocusVisibleEnhancer' +import { felaFocusVisibleEnhancer } from '@fluentui/react' describe('felaFocusVisibleEnhancer', () => { test('replaces :focus-visible', () => { diff --git a/packages/react/test/specs/utils/felaRenderer-test.tsx b/packages/react/test/specs/utils/felaRenderer-test.tsx index 78539c98bb..a5901768f6 100644 --- a/packages/react/test/specs/utils/felaRenderer-test.tsx +++ b/packages/react/test/specs/utils/felaRenderer-test.tsx @@ -1,10 +1,7 @@ import * as React from 'react' import { createSnapshot } from 'jest-react-fela' import { EmptyThemeProvider } from '../../utils' -import Box from '@fluentui/react/src/components/Box/Box' -import Provider from '@fluentui/react/src/components/Provider/Provider' -import Text from '@fluentui/react/src/components/Text/Text' -import { felaRenderer } from '@fluentui/react/src/utils' +import { Box, Provider, Text, felaRenderer } from '@fluentui/react' describe('felaRenderer', () => { test('basic styles are rendered', () => { diff --git a/packages/react/test/specs/utils/fontSizeUtility-test.ts b/packages/react/test/specs/utils/fontSizeUtility-test.ts index efd4328644..c3dd9925e5 100644 --- a/packages/react/test/specs/utils/fontSizeUtility-test.ts +++ b/packages/react/test/specs/utils/fontSizeUtility-test.ts @@ -1,4 +1,4 @@ -import { pxToRem } from '@fluentui/react/src/utils' +import { pxToRem } from '@fluentui/react' describe('fontSizeUtility', () => { describe('pxToRem', () => { diff --git a/packages/react/test/specs/utils/htmlInputPropsUtils-test.ts b/packages/react/test/specs/utils/htmlInputPropsUtils-test.ts index 3de1d26265..9fcabc0512 100644 --- a/packages/react/test/specs/utils/htmlInputPropsUtils-test.ts +++ b/packages/react/test/specs/utils/htmlInputPropsUtils-test.ts @@ -1,4 +1,4 @@ -import { partitionHTMLProps } from '@fluentui/react/src/utils/htmlPropsUtils' +import { partitionHTMLProps } from '@fluentui/react' const props = { autoFocus: false, diff --git a/packages/react/test/specs/utils/isBrowser-test.ts b/packages/react/test/specs/utils/isBrowser-test.ts index a328312e59..6a74481a4a 100644 --- a/packages/react/test/specs/utils/isBrowser-test.ts +++ b/packages/react/test/specs/utils/isBrowser-test.ts @@ -1,4 +1,4 @@ -import isBrowser from '@fluentui/react/src/utils/isBrowser' +import { isBrowser } from '@fluentui/react' describe('isBrowser', () => { describe('browser', () => { diff --git a/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts b/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts index d9f2350337..a386d3d6a2 100644 --- a/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts +++ b/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts @@ -1,7 +1,5 @@ -import mergeProviderContexts, { - mergeRenderers, -} from '@fluentui/react/src/utils/mergeProviderContexts' -import { felaRenderer } from '@fluentui/react/src/utils/felaRenderer' +import { mergeRenderers } from '@fluentui/react/src/utils/mergeProviderContexts' +import { felaRenderer, mergeProviderContexts } from '@fluentui/react' describe('mergeRenderers', () => { test(`always uses "next" renderer`, () => { diff --git a/packages/react/test/specs/utils/positioner/positioningHelper-test.ts b/packages/react/test/specs/utils/positioner/positioningHelper-test.ts index d24d9dbe16..9f9b55529e 100644 --- a/packages/react/test/specs/utils/positioner/positioningHelper-test.ts +++ b/packages/react/test/specs/utils/positioner/positioningHelper-test.ts @@ -1,6 +1,6 @@ import { Placement } from 'popper.js' -import { Alignment, Position } from '@fluentui/react/src/utils/positioner' +import { Alignment, Position } from '@fluentui/react' import { getPlacement, applyRtlToOffset, diff --git a/packages/react/test/utils/withProvider.tsx b/packages/react/test/utils/withProvider.tsx index 69e320038c..7a1e6eb493 100644 --- a/packages/react/test/utils/withProvider.tsx +++ b/packages/react/test/utils/withProvider.tsx @@ -2,7 +2,7 @@ import { ThemeInput } from '@fluentui/styles' import * as React from 'react' import { mount } from 'enzyme' import { ThemeProvider } from 'react-fela' -import { felaRenderer } from '@fluentui/react/src/utils' +import { felaRenderer } from '@fluentui/react' export const EmptyThemeProvider: React.FunctionComponent = ({ children }) => ( {children} From e17385f0b0f1d1c189483f45bcaa53706ee6ed0b Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Tue, 14 Jan 2020 14:46:41 -0800 Subject: [PATCH 12/14] fix typo? --- .../react-bindings/test/styles/resolveStylesAndClasses-test.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-bindings/test/styles/resolveStylesAndClasses-test.ts b/packages/react-bindings/test/styles/resolveStylesAndClasses-test.ts index 3cd6cc4f78..f64a0d9862 100644 --- a/packages/react-bindings/test/styles/resolveStylesAndClasses-test.ts +++ b/packages/react-bindings/test/styles/resolveStylesAndClasses-test.ts @@ -4,7 +4,7 @@ import { emptyTheme, ICSSInJSStyle, } from '@fluentui/styles' -import resolveStylesAndClasses from '@fluentui/react/src/styles/resolveStylesAndClasses' +import resolveStylesAndClasses from '@fluentui/react-bindings/src/styles/resolveStylesAndClasses' const styleParam: ComponentStyleFunctionParam = { disableAnimations: false, From 3ac058c48777398883677df1d18b4ae4065b8add Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Tue, 14 Jan 2020 14:49:28 -0800 Subject: [PATCH 13/14] tsconfig and tsconfig-paths updates --- build/screener/screener.config.js | 2 +- build/tsconfig.docs.json | 7 ++----- gulpfile.ts | 2 +- 3 files changed, 4 insertions(+), 7 deletions(-) diff --git a/build/screener/screener.config.js b/build/screener/screener.config.js index 5f604501f2..eab110f035 100644 --- a/build/screener/screener.config.js +++ b/build/screener/screener.config.js @@ -1,7 +1,7 @@ require('@fluentui/internal-tooling/babel/register') const config = require('../../config').default -const { compilerOptions } = require('../../build/tsconfig.docs.json') +const { compilerOptions } = require('../../build/tsconfig.common.json') require('tsconfig-paths').register({ baseUrl: config.path_base, diff --git a/build/tsconfig.docs.json b/build/tsconfig.docs.json index 967f2d93eb..6cadcbbe16 100644 --- a/build/tsconfig.docs.json +++ b/build/tsconfig.docs.json @@ -1,10 +1,7 @@ { "extends": "./tsconfig.common.json", "compilerOptions": { - "module": "esnext", - "paths": { - "@fluentui/*": ["packages/*/src"] - } + "module": "esnext" }, - "include": ["../docs/src", "../packages/react/src", "../types"] + "include": ["../docs/src"] } diff --git a/gulpfile.ts b/gulpfile.ts index 891258940f..79f6223ff7 100644 --- a/gulpfile.ts +++ b/gulpfile.ts @@ -4,7 +4,7 @@ import * as tsPaths from 'tsconfig-paths' import config from './config' -const { compilerOptions } = require('./build/tsconfig.docs.json') +const { compilerOptions } = require('./build/tsconfig.common.json') // add node_modules/.bin to the path so we can invoke .bin CLIs in tasks process.env.PATH = From d3f2ac662f16c07998d61f2321a3e61bb28d10b1 Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Tue, 14 Jan 2020 21:29:06 -0800 Subject: [PATCH 14/14] Re-include types --- build/tsconfig.docs.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/build/tsconfig.docs.json b/build/tsconfig.docs.json index 6cadcbbe16..e49fbafbb1 100644 --- a/build/tsconfig.docs.json +++ b/build/tsconfig.docs.json @@ -3,5 +3,5 @@ "compilerOptions": { "module": "esnext" }, - "include": ["../docs/src"] + "include": ["../docs/src", "../types"] }