diff --git a/.github/test-a-feature.md b/.github/test-a-feature.md index 76d7371b8d..eb4c970fe3 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' 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' 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/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/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-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/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 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 93fc104626..e49fbafbb1 100644 --- a/build/tsconfig.docs.json +++ b/build/tsconfig.docs.json @@ -1,13 +1,7 @@ { "extends": "./tsconfig.common.json", "compilerOptions": { - "module": "esnext", - "paths": { - "@fluentui/*": ["packages/*/src"], - "docs/*": ["docs/*"], - "src/*": ["packages/react/src/*"], - "test/*": ["packages/react/test/*"] - } + "module": "esnext" }, - "include": ["../docs/src", "../packages/react/src", "../types"] + "include": ["../docs/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/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/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/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/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/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..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, @@ -21,18 +22,17 @@ 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 { 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 { examplePathToHash, getFormattedHash, scrollToAnchor } from '../../../utils' +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/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/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/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/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..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, @@ -13,21 +14,19 @@ 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' 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') -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/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/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' 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 { 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 = 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/perf-test/.digest/config.tsx b/packages/perf-test/.digest/config.tsx index 4265a90fa9..2446f4bc71 100644 --- a/packages/perf-test/.digest/config.tsx +++ b/packages/perf-test/.digest/config.tsx @@ -2,7 +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. + // 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... diff --git a/packages/react-bindings/test/styles/resolveStylesAndClasses-test.ts b/packages/react-bindings/test/styles/resolveStylesAndClasses-test.ts index 71ea32fdbe..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 '../../src/styles/resolveStylesAndClasses' +import resolveStylesAndClasses from '@fluentui/react-bindings/src/styles/resolveStylesAndClasses' const styleParam: ComponentStyleFunctionParam = { disableAnimations: false, 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/test/specs/commonTests/handlesAccessibility.tsx b/packages/react/test/specs/commonTests/handlesAccessibility.tsx index 15efdbc7d0..83c5860df0 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' 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..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 'test/utils' +import { mountWithProvider as mount } from '../../utils' import * as _ from 'lodash' -import { PropsOf } from '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 a52cfd9f91..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 'test/utils' -import { Props, PropsOf, InstanceOf } from 'src/types' +import { mountWithProvider } from '../../utils' +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 940891fa4a..dc23042535 100644 --- a/packages/react/test/specs/commonTests/implementsWrapperProp.tsx +++ b/packages/react/test/specs/commonTests/implementsWrapperProp.tsx @@ -1,9 +1,8 @@ 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, 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 2e3c9ea314..9fa836aeee 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' import { getEventTargetComponent, EVENT_TARGET_ATTRIBUTE } from './eventTarget' export interface Conformant { @@ -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'), diff --git a/packages/react/test/specs/commonTests/isExportedAtTopLevel.tsx b/packages/react/test/specs/commonTests/isExportedAtTopLevel.tsx index c70e1b5206..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 'src/index' +import * as FluentUI from '@fluentui/react' // ---------------------------------------- // 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..fb3c6d6692 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' +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..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 '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, AccordionTitle } from '@fluentui/react' +import { isConformant, handlesAccessibility } from '../../commonTests' +import { mountWithProvider, mountWithProviderAndGetComponent } from '../../../utils' 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..6045e82220 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' +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..0c4c9c2a59 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' +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..18fe1b90cd 100644 --- a/packages/react/test/specs/components/Alert/Alert-test.tsx +++ b/packages/react/test/specs/components/Alert/Alert-test.tsx @@ -5,11 +5,9 @@ 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, 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 4933174e41..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Animation from '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 3f683d3969..28dd539f44 100644 --- a/packages/react/test/specs/components/Attachment/Attachment-test.tsx +++ b/packages/react/test/specs/components/Attachment/Attachment-test.tsx @@ -1,12 +1,9 @@ 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, 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 2a38004fea..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 '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, 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 2d2809acc9..3e2930d46c 100644 --- a/packages/react/test/specs/components/Button/Button-test.tsx +++ b/packages/react/test/specs/components/Button/Button-test.tsx @@ -6,12 +6,11 @@ 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, 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 46e1528c7a..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 'test/specs/commonTests' -import ButtonGroup from 'src/components/Button/ButtonGroup' +import { isConformant } from '../../commonTests' +import { ButtonGroup, Button } from '@fluentui/react' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import Button from '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..91971cafbc 100644 --- a/packages/react/test/specs/components/Carousel/Carousel-test.tsx +++ b/packages/react/test/specs/components/Carousel/Carousel-test.tsx @@ -1,13 +1,16 @@ 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, + CarouselItem, + CarouselNavigation, + CarouselNavigationItem, + Text, +} from '@fluentui/react' 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..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,9 @@ 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' 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..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 'test/specs/commonTests' -import CarouselNavigation from 'src/components/Carousel/CarouselNavigation' +import { isConformant } from '../../commonTests' +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 ec3c893555..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 'test/specs/commonTests' -import CarouselNavigationItem from 'src/components/Carousel/CarouselNavigationItem' +import { isConformant } from '../../commonTests' +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 0dfbbf1939..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 'test/specs/commonTests' +import { handlesAccessibility, isConformant } from '../../commonTests' -import Chat from 'src/components/Chat/Chat' +import { Chat, ChatItem } from '@fluentui/react' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import ChatItem from '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..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 'test/specs/commonTests' -import ChatItem from 'src/components/Chat/ChatItem' -import Box from 'src/components/Box/Box' +import { isConformant, implementsShorthandProp } from '../../commonTests' +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 af2838d2f6..675ee125f1 100644 --- a/packages/react/test/specs/components/Chat/ChatMessage-test.tsx +++ b/packages/react/test/specs/components/Chat/ChatMessage-test.tsx @@ -1,12 +1,10 @@ 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, 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 1a626d30a1..762482b25c 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' +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..5bce65626e 100644 --- a/packages/react/test/specs/components/Dialog/Dialog-test.tsx +++ b/packages/react/test/specs/components/Dialog/Dialog-test.tsx @@ -1,8 +1,7 @@ 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, Button } from '@fluentui/react' +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..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import DialogFooter from '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 c316ab8f93..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Divider from '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 e182f6f4bc..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 '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, DropdownSearchInput, DropdownItemProps, ShorthandValue } from '@fluentui/react' +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' 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..4200290fb3 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' +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..47be902338 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' +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..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Form from 'src/components/Form/Form' +import { Form, FormField } from '@fluentui/react' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import FormField from '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..1b5ca65e93 100644 --- a/packages/react/test/specs/components/Form/FormField-test.tsx +++ b/packages/react/test/specs/components/Form/FormField-test.tsx @@ -1,13 +1,8 @@ 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, 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 4bb4c17cd1..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Grid from '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 218027ce4c..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Header from '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 cf077c953a..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import HeaderDescription from '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 334cd1d655..29ad288b5f 100644 --- a/packages/react/test/specs/components/HierarchicalTree/HierarchicalTree-test.tsx +++ b/packages/react/test/specs/components/HierarchicalTree/HierarchicalTree-test.tsx @@ -1,11 +1,9 @@ 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, HierarchicalTreeTitle, HierarchicalTreeItem } from '@fluentui/react' 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..4c57b65f93 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' +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..0972464ae8 100644 --- a/packages/react/test/specs/components/Input/Input-test.tsx +++ b/packages/react/test/specs/components/Input/Input-test.tsx @@ -3,16 +3,10 @@ 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, 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 0500050d52..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import ItemLayout from '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 e6af7b2089..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 '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, 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 e35dfbfb04..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Layout from '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 c4916f31b4..f47a0240b8 100644 --- a/packages/react/test/specs/components/List/List-test.tsx +++ b/packages/react/test/specs/components/List/List-test.tsx @@ -1,11 +1,10 @@ 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, ListItem, ListItemProps } from '@fluentui/react' import implementsCollectionShorthandProp from '../../commonTests/implementsCollectionShorthandProp' -import ListItem, { ListItemProps } from '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..5ddee3c60c 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' 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..231d501689 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' +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..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 'src/components/Menu/Menu' -import { isConformant, handlesAccessibility, getRenderedAttribute } from 'test/specs/commonTests' -import { mountWithProvider, mountWithProviderAndGetComponent } from 'test/utils' +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 '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..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import MenuDivider from '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 f9947ee8b6..fe7e953f18 100644 --- a/packages/react/test/specs/components/Menu/MenuItem-test.tsx +++ b/packages/react/test/specs/components/Menu/MenuItem-test.tsx @@ -5,10 +5,9 @@ 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, 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 10d6be50ae..2c3015b320 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' +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..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 '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 992db9cccd..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 'test/specs/commonTests' -import PopupContent from 'src/components/Popup/PopupContent' +import { isConformant } from '../../commonTests' +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 1a7752c32b..8026900d40 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' +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..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 'src/components/Provider/Provider' -import ProviderConsumer from 'src/components/Provider/ProviderConsumer' +import { Provider, ProviderConsumer, createRenderer } from '@fluentui/react' describe('Provider', () => { - test('is exported', () => { - expect(require('src/index.ts').Provider).toEqual(Provider) - }) - test('has a ProviderConsumer subcomponent', () => { - expect(require('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 d7bdc708f9..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 'src/components/Provider/Provider' -import ProviderConsumer from '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('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 b770259fa1..fcba613743 100644 --- a/packages/react/test/specs/components/RadioGroup/RadioGroup-test.tsx +++ b/packages/react/test/specs/components/RadioGroup/RadioGroup-test.tsx @@ -1,15 +1,10 @@ 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, 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 bb2ee4a6f5..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 'test/specs/commonTests' +import { isConformant, handlesAccessibility } from '../../commonTests' -import RadioGroupItem from '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 21c7b3e2a6..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Reaction from '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 e15a1883cc..26e618c58f 100644 --- a/packages/react/test/specs/components/Reaction/ReactionGroup-test.tsx +++ b/packages/react/test/specs/components/Reaction/ReactionGroup-test.tsx @@ -1,8 +1,7 @@ -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, Reaction } from '@fluentui/react' +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..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Segment from '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 af8f4ee925..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 'test/specs/commonTests' -import Slider from 'src/components/Slider/Slider' +import { isConformant, handlesAccessibility } from '../../commonTests' +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 ff49d6bddd..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 'src/components/SplitButton/SplitButton' -import { isConformant } from 'test/specs/commonTests' +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 'src/components/Menu/Menu' -import MenuButton from 'src/components/MenuButton/MenuButton' -import Button from '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..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Status from '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 16e390cb9b..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 'test/specs/commonTests' -import { mountWithProviderAndGetComponent } from 'test/utils' -import TableRow from 'src/components/Table/TableRow' - -import Table from 'src/components/Table/Table' +import { isConformant, handlesAccessibility } from '../../commonTests' +import { mountWithProviderAndGetComponent } from '../../../utils' +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 53f9a27d19..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 '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' 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..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 'test/specs/commonTests' -import { mountWithProviderAndGetComponent } from 'test/utils' -import TableCell from 'src/components/Table/TableCell' - -import TableRow from 'src/components/Table/TableRow' +import { isConformant, handlesAccessibility, getRenderedAttribute } from '../../commonTests' +import { mountWithProviderAndGetComponent } from '../../../utils' +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 e179ec4d2b..efe40230ab 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' 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..baa616bbfb 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' +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..1b7b881f0f 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' -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..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import ToolbarCustomItem from '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 41c32e772b..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import ToolbarDivider from '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 0feaebad5d..9ce21431ae 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' -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..e24418cf91 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' -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..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import ToolbarMenuDivider from '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 d76e516d80..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import ToolbarMenuItem from 'src/components/Toolbar/ToolbarMenuItem' -import Box from '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 7d9a1a5079..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 'test/specs/commonTests' +import { handlesAccessibility, isConformant } from '../../commonTests' -import Box from 'src/components/Box/Box' -import ToolbarMenuRadioGroup from '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 4fcb3695d3..b4475d5c6e 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' 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..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 'src/components/Tooltip/Tooltip' -import Button from '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 afeda10e6b..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import TooltipContent from '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 0d4f66bd4b..4366f58044 100644 --- a/packages/react/test/specs/components/Tree/Tree-test.tsx +++ b/packages/react/test/specs/components/Tree/Tree-test.tsx @@ -1,11 +1,9 @@ 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, 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 50198c24d2..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 'test/specs/commonTests' -import TreeItem from 'src/components/Tree/TreeItem' +import { isConformant } from '../../commonTests' +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 529d494e4b..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 'test/specs/commonTests' -import TreeTitle from 'src/components/Tree/TreeTitle' +import { isConformant } from '../../commonTests' +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 8ba619ae7e..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 'test/specs/commonTests' +import { isConformant } from '../../commonTests' -import Video from '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 58d7fa69fc..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 'src/themes/colorUtils' -import { ColorSchemeMapping, ComponentAreaName } from '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 45c52dfcbb..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 'src/utils' -import { consoleUtil } from 'test/utils' -import { Props } from 'src/types' +import { AutoControlledComponent, Props } from '@fluentui/react' +import { consoleUtil } from '../../utils' 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..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 '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 33c19c6eae..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 '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 fabdbf4724..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 '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 3ba6d4cc53..2e309d55b0 100644 --- a/packages/react/test/specs/utils/factories-test.tsx +++ b/packages/react/test/specs/utils/factories-test.tsx @@ -2,9 +2,15 @@ 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, + Props, + ShorthandValue, + ObjectOf, + ShorthandRenderFunction, +} from '@fluentui/react' +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..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 'src/utils/felaFocusVisibleEnhancer' +import { felaFocusVisibleEnhancer } from '@fluentui/react' 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..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 '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, Provider, Text, felaRenderer } from '@fluentui/react' 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..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 '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 a993df54d7..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 '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 393452e1cc..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 '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 81364c5498..a386d3d6a2 100644 --- a/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts +++ b/packages/react/test/specs/utils/mergeProviderContexts/mergeProviderContexts-test.ts @@ -1,5 +1,5 @@ -import mergeProviderContexts, { mergeRenderers } from 'src/utils/mergeProviderContexts' -import { felaRenderer } from '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/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..9f9b55529e 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' +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..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 'src/utils' +import { felaRenderer } from '@fluentui/react' export const EmptyThemeProvider: React.FunctionComponent = ({ children }) => ( {children} 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": [ diff --git a/perf/src/index.tsx b/perf/src/index.tsx index 4827f0aea1..9464dcc625 100644 --- a/perf/src/index.tsx +++ b/perf/src/index.tsx @@ -12,7 +12,12 @@ 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( + // TODO (@ecraig12345) - switch to @fluentui/docs and add dep + '../../docs/src/examples/', + true, + /.perf.tsx$/, +) // Heads up! // We want to randomize examples to avoid any notable issues with always first example