diff --git a/apps/perf-test/tsconfig.json b/apps/perf-test/tsconfig.json index 74a7815df7fd51..1ad60241b65c29 100644 --- a/apps/perf-test/tsconfig.json +++ b/apps/perf-test/tsconfig.json @@ -1,21 +1,15 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../tsconfig.base.v8.json", "compilerOptions": { "target": "es5", "outDir": "lib", "module": "commonjs", "jsx": "react", "declaration": true, - "sourceMap": true, "experimentalDecorators": true, - "forceConsistentCasingInFileNames": true, - "moduleResolution": "node", "preserveConstEnums": true, - "strictNullChecks": true, - "noImplicitAny": true, - "lib": ["es6", "dom"], - "types": ["webpack-env"], - "skipLibCheck": true + "lib": ["ES2015", "DOM"], + "types": ["webpack-env", "node"] }, "include": ["src"] } diff --git a/apps/public-docsite-resources/tsconfig.json b/apps/public-docsite-resources/tsconfig.json index 59faae6dc58f6a..15242005deed6b 100644 --- a/apps/public-docsite-resources/tsconfig.json +++ b/apps/public-docsite-resources/tsconfig.json @@ -1,4 +1,5 @@ { + "extends": "../../tsconfig.base.v8.json", "compilerOptions": { "baseUrl": ".", "outDir": "lib", @@ -6,19 +7,11 @@ "module": "commonjs", "jsx": "react", "declaration": true, - "sourceMap": true, "experimentalDecorators": true, "importHelpers": true, "noUnusedLocals": true, - "forceConsistentCasingInFileNames": true, - "strictNullChecks": true, - "noImplicitAny": true, - "moduleResolution": "node", "preserveConstEnums": true, - "noImplicitThis": true, - "skipLibCheck": true, "lib": ["es5", "dom", "es2015.promise"], - "typeRoots": ["../../node_modules/@types", "../../typings"], "types": ["webpack-env", "custom-global"] }, "include": ["src"] diff --git a/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Controls/web.tsx b/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Controls/web.tsx index c67ea1032941d3..43ecb10e92b001 100644 --- a/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Controls/web.tsx +++ b/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Controls/web.tsx @@ -12,7 +12,7 @@ export interface ICategory { // Exporting this object to be used in generating a TOC (table of content) for docs.microsoft documentation repo. // Any changes to this object need to be communicated to avoid accidental breaking of the documentation // and to allow the appropriate actions to be taken to mitigate this. -export const categories: { Other?: ICategory; [name: string]: ICategory } = { +export const categories: { [name: string]: ICategory } = { 'Basic Inputs': { Button: {}, Checkbox: {}, diff --git a/apps/public-docsite/src/components/IconGrid/IconGrid.tsx b/apps/public-docsite/src/components/IconGrid/IconGrid.tsx index fcd3304a399498..d818ecb1637e51 100644 --- a/apps/public-docsite/src/components/IconGrid/IconGrid.tsx +++ b/apps/public-docsite/src/components/IconGrid/IconGrid.tsx @@ -161,7 +161,7 @@ export class IconGrid extends React.Component { private _onSearchQueryChanged: ISearchBoxProps['onChange'] = (ev, newValue) => { this.setState({ - searchQuery: newValue, + searchQuery: newValue!, }); }; } diff --git a/apps/public-docsite/src/components/Nav/Nav.tsx b/apps/public-docsite/src/components/Nav/Nav.tsx index e66290ddd28697..d710cffb1f30eb 100644 --- a/apps/public-docsite/src/components/Nav/Nav.tsx +++ b/apps/public-docsite/src/components/Nav/Nav.tsx @@ -155,11 +155,11 @@ export class Nav extends React.Component {
  • {page.title.toLowerCase().indexOf(searchQuery) !== -1 && ( diff --git a/apps/public-docsite/src/components/Site/Site.tsx b/apps/public-docsite/src/components/Site/Site.tsx index 8e38e0ae4b5c50..f26e9c958e7cce 100644 --- a/apps/public-docsite/src/components/Site/Site.tsx +++ b/apps/public-docsite/src/components/Site/Site.tsx @@ -96,7 +96,7 @@ export class Site extends React.Component< let platform = 'default' as TPlatforms; // If current page doesn't have pages for the active platform, switch to its first platform. - if (Object.keys(navData.pagePlatforms).length > 0 && navData.activePages.length === 0) { + if (Object.keys(navData.pagePlatforms!).length > 0 && navData.activePages!.length === 0) { const firstPlatform = getPageFirstPlatform(getSiteArea(siteDefinition.pages), siteDefinition); const currentPage = getSiteArea(siteDefinition.pages); platform = firstPlatform; @@ -142,7 +142,7 @@ export class Site extends React.Component< const { siteDefinition } = this.props; // If current page doesn't have pages for the active platform, switch to its first platform. - if (Object.keys(pagePlatforms).length > 0 && activePages.length === 0) { + if (Object.keys(pagePlatforms!).length > 0 && activePages!.length === 0) { const firstPlatform = getPageFirstPlatform(getSiteArea(siteDefinition.pages), siteDefinition); this._onPlatformChanged(firstPlatform); } @@ -347,22 +347,19 @@ export class Site extends React.Component< return null; }; - private _renderPlatformBar = (): JSX.Element | undefined => { + private _renderPlatformBar = (): JSX.Element | null => { const { siteDefinition } = this.props; const { platform, pagePlatforms, hasPlatformPicker } = this.state; - return ( - hasPlatformPicker && - Object.keys(pagePlatforms).length > 0 && ( - - ) - ); + return hasPlatformPicker && Object.keys(pagePlatforms!).length > 0 ? ( + + ) : null; }; /** @@ -500,7 +497,7 @@ export class Site extends React.Component< document.title = [ siteDefinition.siteTitle, siteArea, - currPlatform && platforms[currPlatform]?.name, + currPlatform && platforms![currPlatform]?.name, activePageName !== siteArea && activePageName, ] .filter(Boolean) @@ -531,7 +528,7 @@ export class Site extends React.Component< this._jumpInterval = this._async.setInterval(() => { const el = document.getElementById(anchor); if (el || Date.now() - start > 1000) { - this._async.clearInterval(this._jumpInterval); + this._async.clearInterval(this._jumpInterval!); this._jumpInterval = undefined; if (el) { jumpToAnchor(anchor); diff --git a/apps/public-docsite/src/components/Table/Table.tsx b/apps/public-docsite/src/components/Table/Table.tsx index f8ce5d148b5a94..4f7b68c822c787 100644 --- a/apps/public-docsite/src/components/Table/Table.tsx +++ b/apps/public-docsite/src/components/Table/Table.tsx @@ -59,7 +59,7 @@ export class Table extends React.Component { ) : ( // eslint-disable-next-line react/no-danger - + ); } diff --git a/apps/public-docsite/src/pages/Controls/ActivityItemPage/ActivityItemPage.tsx b/apps/public-docsite/src/pages/Controls/ActivityItemPage/ActivityItemPage.tsx index af00032ebdea68..b7699fe1547659 100644 --- a/apps/public-docsite/src/pages/Controls/ActivityItemPage/ActivityItemPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ActivityItemPage/ActivityItemPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ActivityItemPageProps } from './ActivityItemPage.doc'; export const ActivityItemPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedBulkOperationsPage.tsx b/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedBulkOperationsPage.tsx index b09f9bd52ab6c6..64048b9d3aaf4b 100644 --- a/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedBulkOperationsPage.tsx +++ b/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedBulkOperationsPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { AnnouncedBulkOperationsPageProps } from './AnnouncedBulkOperationsPage.doc'; export const AnnouncedBulkOperationsPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedLazyLoadingPage.tsx b/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedLazyLoadingPage.tsx index 370eef01bdcbd9..348bb3371334b5 100644 --- a/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedLazyLoadingPage.tsx +++ b/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedLazyLoadingPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { AnnouncedLazyLoadingPageProps } from './AnnouncedLazyLoadingPage.doc'; export const AnnouncedLazyLoadingPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedPage.tsx b/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedPage.tsx index b3dbb46e03f69d..0d0b5769a20852 100644 --- a/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedPage.tsx +++ b/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { AnnouncedPageProps } from './AnnouncedPage.doc'; export const AnnouncedPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedQuickActionsPage.tsx b/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedQuickActionsPage.tsx index 1209b2617055e9..bf2faacbd5be0a 100644 --- a/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedQuickActionsPage.tsx +++ b/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedQuickActionsPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { AnnouncedQuickActionsPageProps } from './AnnouncedQuickActionsPage.doc'; export const AnnouncedQuickActionsPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedSearchResultsPage.tsx b/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedSearchResultsPage.tsx index 48a79fc71f5c64..1ef8228e28739b 100644 --- a/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedSearchResultsPage.tsx +++ b/apps/public-docsite/src/pages/Controls/AnnouncedPage/AnnouncedSearchResultsPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { AnnouncedSearchResultsPageProps } from './AnnouncedSearchResultsPage.doc'; export const AnnouncedSearchResultsPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/AvatarPage/AvatarPage.tsx b/apps/public-docsite/src/pages/Controls/AvatarPage/AvatarPage.tsx index d054547095b59e..d7fb6a7312417e 100644 --- a/apps/public-docsite/src/pages/Controls/AvatarPage/AvatarPage.tsx +++ b/apps/public-docsite/src/pages/Controls/AvatarPage/AvatarPage.tsx @@ -12,13 +12,13 @@ export const AvatarPage: React.FunctionComponent = props => ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/BottomNavigationPage/BottomNavigationPage.tsx b/apps/public-docsite/src/pages/Controls/BottomNavigationPage/BottomNavigationPage.tsx index 6b457f19b29873..0336f1855dc15a 100644 --- a/apps/public-docsite/src/pages/Controls/BottomNavigationPage/BottomNavigationPage.tsx +++ b/apps/public-docsite/src/pages/Controls/BottomNavigationPage/BottomNavigationPage.tsx @@ -11,7 +11,7 @@ export const BottomNavigationPage: React.FunctionComponent = return ( ); diff --git a/apps/public-docsite/src/pages/Controls/BottomSheetPage/BottomSheetPage.tsx b/apps/public-docsite/src/pages/Controls/BottomSheetPage/BottomSheetPage.tsx index 783769100cb1a4..4a16202d5d81dc 100644 --- a/apps/public-docsite/src/pages/Controls/BottomSheetPage/BottomSheetPage.tsx +++ b/apps/public-docsite/src/pages/Controls/BottomSheetPage/BottomSheetPage.tsx @@ -13,13 +13,13 @@ export const BottomSheetPage: React.FunctionComponent = prop ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'android': return [ diff --git a/apps/public-docsite/src/pages/Controls/BreadcrumbPage/BreadcrumbPage.tsx b/apps/public-docsite/src/pages/Controls/BreadcrumbPage/BreadcrumbPage.tsx index 5146f6ed1481a1..c9f6e4a9f561c4 100644 --- a/apps/public-docsite/src/pages/Controls/BreadcrumbPage/BreadcrumbPage.tsx +++ b/apps/public-docsite/src/pages/Controls/BreadcrumbPage/BreadcrumbPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { BreadcrumbPageProps } from './BreadcrumbPage.doc'; export const BreadcrumbPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/ButtonPage/ButtonPage.tsx b/apps/public-docsite/src/pages/Controls/ButtonPage/ButtonPage.tsx index 553c49b4cede5e..ae23594c4a61b1 100644 --- a/apps/public-docsite/src/pages/Controls/ButtonPage/ButtonPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ButtonPage/ButtonPage.tsx @@ -58,14 +58,14 @@ export class ButtonPage extends React.Component< ); } - private _otherSections(platform: Platforms): IPageSectionProps[] { + private _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/CalendarPage/CalendarPage.tsx b/apps/public-docsite/src/pages/Controls/CalendarPage/CalendarPage.tsx index 019c578045209c..06c3daa7e1b941 100644 --- a/apps/public-docsite/src/pages/Controls/CalendarPage/CalendarPage.tsx +++ b/apps/public-docsite/src/pages/Controls/CalendarPage/CalendarPage.tsx @@ -13,13 +13,13 @@ export const CalendarPage: React.FunctionComponent = props = ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'android': return [ diff --git a/apps/public-docsite/src/pages/Controls/CalloutPage/CalloutPage.tsx b/apps/public-docsite/src/pages/Controls/CalloutPage/CalloutPage.tsx index 701eb549ed4414..9565d478a31b83 100644 --- a/apps/public-docsite/src/pages/Controls/CalloutPage/CalloutPage.tsx +++ b/apps/public-docsite/src/pages/Controls/CalloutPage/CalloutPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { CalloutPageProps } from './CalloutPage.doc'; export const CalloutPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/CheckboxPage/CheckboxPage.tsx b/apps/public-docsite/src/pages/Controls/CheckboxPage/CheckboxPage.tsx index d79b3a2e24b8eb..6ec99fcb702650 100644 --- a/apps/public-docsite/src/pages/Controls/CheckboxPage/CheckboxPage.tsx +++ b/apps/public-docsite/src/pages/Controls/CheckboxPage/CheckboxPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { CheckboxPageProps } from './CheckboxPage.doc'; export const CheckboxPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/ChipPage/ChipPage.tsx b/apps/public-docsite/src/pages/Controls/ChipPage/ChipPage.tsx index df01399b8b105c..0e95a7639a2864 100644 --- a/apps/public-docsite/src/pages/Controls/ChipPage/ChipPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ChipPage/ChipPage.tsx @@ -11,13 +11,13 @@ export const ChipPage: React.FunctionComponent = props => { return ( ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/ChoiceGroupPage/ChoiceGroupPage.tsx b/apps/public-docsite/src/pages/Controls/ChoiceGroupPage/ChoiceGroupPage.tsx index c0f92483241748..6ff5842b76f3d9 100644 --- a/apps/public-docsite/src/pages/Controls/ChoiceGroupPage/ChoiceGroupPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ChoiceGroupPage/ChoiceGroupPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ChoiceGroupPageProps } from './ChoiceGroupPage.doc'; export const ChoiceGroupPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/CoachmarkPage/CoachmarkPage.tsx b/apps/public-docsite/src/pages/Controls/CoachmarkPage/CoachmarkPage.tsx index d09dfe7d2f371a..25eb65c1338f2d 100644 --- a/apps/public-docsite/src/pages/Controls/CoachmarkPage/CoachmarkPage.tsx +++ b/apps/public-docsite/src/pages/Controls/CoachmarkPage/CoachmarkPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { CoachmarkPageProps } from './CoachmarkPage.doc'; export const CoachmarkPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/ColorPickerPage/ColorPickerPage.tsx b/apps/public-docsite/src/pages/Controls/ColorPickerPage/ColorPickerPage.tsx index 961de49293b039..fb806f6d93de0f 100644 --- a/apps/public-docsite/src/pages/Controls/ColorPickerPage/ColorPickerPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ColorPickerPage/ColorPickerPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ColorPickerPageProps } from './ColorPickerPage.doc'; export const ColorPickerPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/ComboBoxPage/ComboBoxPage.tsx b/apps/public-docsite/src/pages/Controls/ComboBoxPage/ComboBoxPage.tsx index 3dfc7ee4057e29..5662468ecb4d7f 100644 --- a/apps/public-docsite/src/pages/Controls/ComboBoxPage/ComboBoxPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ComboBoxPage/ComboBoxPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ComboBoxPageProps } from './ComboBoxPage.doc'; export const ComboBoxPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/CommandBarPage/CommandBarPage.tsx b/apps/public-docsite/src/pages/Controls/CommandBarPage/CommandBarPage.tsx index 2e2991605a4f8e..fb1e3bf17aac65 100644 --- a/apps/public-docsite/src/pages/Controls/CommandBarPage/CommandBarPage.tsx +++ b/apps/public-docsite/src/pages/Controls/CommandBarPage/CommandBarPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { CommandBarPageProps } from './CommandBarPage.doc'; export const CommandBarPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/ContextualMenuPage/ContextualMenuPage.tsx b/apps/public-docsite/src/pages/Controls/ContextualMenuPage/ContextualMenuPage.tsx index 40674363dda456..6c134f0b5917f5 100644 --- a/apps/public-docsite/src/pages/Controls/ContextualMenuPage/ContextualMenuPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ContextualMenuPage/ContextualMenuPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ContextualMenuPageProps } from './ContextualMenuPage.doc'; export const ContextualMenuPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx b/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx index 260d6c0fc31889..25528c11ca408b 100644 --- a/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx @@ -22,8 +22,8 @@ const ControlsAreaPageBase: React.FunctionComponent = props } return ( = props return ( ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListAdvancedPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListAdvancedPage.tsx index 20f21346c1e14d..9fd6a695ec4fb8 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListAdvancedPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListAdvancedPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListAdvancedPageProps } from './DetailsListAdvancedPage.doc'; export const DetailsListAdvancedPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListAnimationPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListAnimationPage.tsx index ab39d5d383fffa..348e11275d9727 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListAnimationPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListAnimationPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListAnimationPageProps } from './DetailsListAnimationPage.doc'; export const DetailsListAnimationPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListBasicPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListBasicPage.tsx index 1a602718563041..c92832b10e8af4 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListBasicPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListBasicPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListBasicPageProps } from './DetailsListBasicPage.doc'; export const DetailsListBasicPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCompactPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCompactPage.tsx index fb710788b092ca..46bc6996548056 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCompactPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCompactPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListCompactPageProps } from './DetailsListCompactPage.doc'; export const DetailsListCompactPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomColumnsPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomColumnsPage.tsx index e37ed3b3d4ed60..acf749957dba9c 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomColumnsPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomColumnsPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListCustomColumnsPageProps } from './DetailsListCustomColumnsPage.doc'; export const DetailsListCustomColumnsPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomFooterPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomFooterPage.tsx index 48943b15a870ca..9ea3d3a95ca0bb 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomFooterPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomFooterPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListCustomFooterPageProps } from './DetailsListCustomFooterPage.doc'; export const DetailsListCustomFooterPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomGroupHeadersPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomGroupHeadersPage.tsx index 5af9efa5ed2b33..ce7a047971feff 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomGroupHeadersPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomGroupHeadersPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListCustomGroupHeadersPageProps } from './DetailsListCustomGroupHeadersPage.doc'; export const DetailsListCustomGroupHeadersPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomRowsPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomRowsPage.tsx index 80a8e48ca8ce12..6088e2b1233a1e 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomRowsPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListCustomRowsPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListCustomRowsPageProps } from './DetailsListCustomRowsPage.doc'; export const DetailsListCustomRowsPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListDragDropPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListDragDropPage.tsx index c6c5d386d6051a..47634e20459f2a 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListDragDropPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListDragDropPage.tsx @@ -17,7 +17,7 @@ export const DetailsListDragDropPage: React.FunctionComponent - ; + ; ); }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListGroupedPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListGroupedPage.tsx index a69d2f25604da2..b912bbf7ad01ff 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListGroupedPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListGroupedPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListGroupedPageProps } from './DetailsListGroupedPage.doc'; export const DetailsListGroupedPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListGroupedV2Page.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListGroupedV2Page.tsx index dac663349f9fe6..6595f9b803ac41 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListGroupedV2Page.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListGroupedV2Page.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListGroupedV2PageProps } from './DetailsListGroupedV2Page.doc'; export const DetailsListGroupedV2Page: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListKeyboardDragDropPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListKeyboardDragDropPage.tsx index c7b2a4f4c8eb21..11d1d5eb58eec8 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListKeyboardDragDropPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListKeyboardDragDropPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListKeyboardDragDropPageProps } from './DetailsListKeyboardDragDropPage.doc'; export const DetailsListKeyboardDragDropPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListKeyboardOverridesPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListKeyboardOverridesPage.tsx index dc436ef95f975a..33ec4888286cf2 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListKeyboardOverridesPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListKeyboardOverridesPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListKeyboardOverridesProps } from './DetailsListKeyboardOverrides.doc'; export const DetailsListKeyboardOverridesPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListLargeGroupedPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListLargeGroupedPage.tsx index 0945a61721f80d..3c97c96749f1d2 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListLargeGroupedPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListLargeGroupedPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListLargeGroupedPageProps } from './DetailsListLargeGroupedPage.doc'; export const DetailsListLargeGroupedPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListLargeGroupedV2Page.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListLargeGroupedV2Page.tsx index 0c55806c77397e..2d04890dffd02c 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListLargeGroupedV2Page.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListLargeGroupedV2Page.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListLargeGroupedV2PageProps } from './DetailsListLargeGroupedV2Page.doc'; export const DetailsListLargeGroupedV2Page: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListNavigatingFocusPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListNavigatingFocusPage.tsx index f9b06299b772ca..5ca279fc082731 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListNavigatingFocusPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListNavigatingFocusPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListNavigatingFocusPageProps } from './DetailsListNavigatingFocusPage.doc'; export const DetailsListNavigatingFocusPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListPage.tsx index 6d70f8b4437e24..f62edd373b9bcd 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListPageProps } from './DetailsListPage.doc'; export const DetailsListPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListProportionalColumnsPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListProportionalColumnsPage.tsx index 74cf427410f671..1b8b88fea244be 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListProportionalColumnsPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListProportionalColumnsPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListProportionalColumnsPageProps } from './DetailsListProportionalColumnsPage.doc'; export const DetailsListProportionalColumnsPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListShimmerPage.tsx b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListShimmerPage.tsx index d47778f5eb5ea7..7b37f39a8ef874 100644 --- a/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListShimmerPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DetailsListPage/DetailsListShimmerPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DetailsListShimmerPageProps } from './DetailsListShimmerPage.doc'; export const DetailsListShimmerPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DialogPage/DialogPage.tsx b/apps/public-docsite/src/pages/Controls/DialogPage/DialogPage.tsx index c27c154abe7ac0..f43c1df563e2f7 100644 --- a/apps/public-docsite/src/pages/Controls/DialogPage/DialogPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DialogPage/DialogPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DialogPageProps } from './DialogPage.doc'; export const DialogPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DocumentCardPage/DocumentCardPage.tsx b/apps/public-docsite/src/pages/Controls/DocumentCardPage/DocumentCardPage.tsx index fde3b5cd47405f..a335ee1fa4fd28 100644 --- a/apps/public-docsite/src/pages/Controls/DocumentCardPage/DocumentCardPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DocumentCardPage/DocumentCardPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DocumentCardPageProps } from './DocumentCardPage.doc'; export const DocumentCardPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/DrawerPage/DrawerPage.tsx b/apps/public-docsite/src/pages/Controls/DrawerPage/DrawerPage.tsx index 41d3eccce35faa..3ddf28f5f4e05a 100644 --- a/apps/public-docsite/src/pages/Controls/DrawerPage/DrawerPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DrawerPage/DrawerPage.tsx @@ -12,13 +12,13 @@ export const DrawerPage: React.FunctionComponent = props => ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/DropdownPage/DropdownPage.tsx b/apps/public-docsite/src/pages/Controls/DropdownPage/DropdownPage.tsx index 352318b9b43385..9eba28f7bdbd9f 100644 --- a/apps/public-docsite/src/pages/Controls/DropdownPage/DropdownPage.tsx +++ b/apps/public-docsite/src/pages/Controls/DropdownPage/DropdownPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { DropdownPageProps } from './DropdownPage.doc'; export const DropdownPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/FacepilePage/FacepilePage.tsx b/apps/public-docsite/src/pages/Controls/FacepilePage/FacepilePage.tsx index bd0690c400f75b..d45d1a2c985b7f 100644 --- a/apps/public-docsite/src/pages/Controls/FacepilePage/FacepilePage.tsx +++ b/apps/public-docsite/src/pages/Controls/FacepilePage/FacepilePage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { FacepilePageProps } from './FacepilePage.doc'; export const FacepilePage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/FocusTrapZonePage/FocusTrapZonePage.tsx b/apps/public-docsite/src/pages/Controls/FocusTrapZonePage/FocusTrapZonePage.tsx index 9333e2a018d1e4..9753b0e1da6d9e 100644 --- a/apps/public-docsite/src/pages/Controls/FocusTrapZonePage/FocusTrapZonePage.tsx +++ b/apps/public-docsite/src/pages/Controls/FocusTrapZonePage/FocusTrapZonePage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { FocusTrapZonePageProps } from './FocusTrapZonePage.doc'; export const FocusTrapZonePage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/FocusZonePage/FocusZonePage.tsx b/apps/public-docsite/src/pages/Controls/FocusZonePage/FocusZonePage.tsx index ef8c9d4a85c669..7b258dcbe380fa 100644 --- a/apps/public-docsite/src/pages/Controls/FocusZonePage/FocusZonePage.tsx +++ b/apps/public-docsite/src/pages/Controls/FocusZonePage/FocusZonePage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { FocusZonePageProps } from './FocusZonePage.doc'; export const FocusZonePage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/GroupedListPage/GroupedListPage.tsx b/apps/public-docsite/src/pages/Controls/GroupedListPage/GroupedListPage.tsx index 1348ad5db488aa..03c50d35c1262c 100644 --- a/apps/public-docsite/src/pages/Controls/GroupedListPage/GroupedListPage.tsx +++ b/apps/public-docsite/src/pages/Controls/GroupedListPage/GroupedListPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { GroupedListPageProps } from './GroupedListPage.doc'; export const GroupedListPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/HoverCardPage/HoverCardPage.tsx b/apps/public-docsite/src/pages/Controls/HoverCardPage/HoverCardPage.tsx index 54acd69bedd9d0..6b18b0696b1f42 100644 --- a/apps/public-docsite/src/pages/Controls/HoverCardPage/HoverCardPage.tsx +++ b/apps/public-docsite/src/pages/Controls/HoverCardPage/HoverCardPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { HoverCardPageProps } from './HoverCardPage.doc'; export const HoverCardPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/IconPage/IconPage.tsx b/apps/public-docsite/src/pages/Controls/IconPage/IconPage.tsx index cefd251d4262fd..59d9cf53f44d76 100644 --- a/apps/public-docsite/src/pages/Controls/IconPage/IconPage.tsx +++ b/apps/public-docsite/src/pages/Controls/IconPage/IconPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { IconPageProps } from './IconPage.doc'; export const IconPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/ImagePage/ImagePage.tsx b/apps/public-docsite/src/pages/Controls/ImagePage/ImagePage.tsx index 4a159c51c127bf..7dca1e58b935ca 100644 --- a/apps/public-docsite/src/pages/Controls/ImagePage/ImagePage.tsx +++ b/apps/public-docsite/src/pages/Controls/ImagePage/ImagePage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ImagePageProps } from './ImagePage.doc'; export const ImagePage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/KeytipsPage/KeytipsPage.tsx b/apps/public-docsite/src/pages/Controls/KeytipsPage/KeytipsPage.tsx index a0de154172595d..d5bb47786465ca 100644 --- a/apps/public-docsite/src/pages/Controls/KeytipsPage/KeytipsPage.tsx +++ b/apps/public-docsite/src/pages/Controls/KeytipsPage/KeytipsPage.tsx @@ -6,7 +6,7 @@ import { KeytipLayer } from '@fluentui/react/lib/KeytipLayer'; export const KeytipsPage: React.FunctionComponent = props => { return (
    - +
    ); diff --git a/apps/public-docsite/src/pages/Controls/LabelPage/LabelPage.tsx b/apps/public-docsite/src/pages/Controls/LabelPage/LabelPage.tsx index 84750f1883078d..1ac37fc69b9303 100644 --- a/apps/public-docsite/src/pages/Controls/LabelPage/LabelPage.tsx +++ b/apps/public-docsite/src/pages/Controls/LabelPage/LabelPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { LabelPageProps } from './LabelPage.doc'; export const LabelPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/LayerPage/LayerPage.tsx b/apps/public-docsite/src/pages/Controls/LayerPage/LayerPage.tsx index 08c87c96f05f41..7af0a8cb4c9328 100644 --- a/apps/public-docsite/src/pages/Controls/LayerPage/LayerPage.tsx +++ b/apps/public-docsite/src/pages/Controls/LayerPage/LayerPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { LayerPageProps } from './LayerPage.doc'; export const LayerPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/LinkPage/LinkPage.tsx b/apps/public-docsite/src/pages/Controls/LinkPage/LinkPage.tsx index dfd24cdd2ef36e..752b62010146e6 100644 --- a/apps/public-docsite/src/pages/Controls/LinkPage/LinkPage.tsx +++ b/apps/public-docsite/src/pages/Controls/LinkPage/LinkPage.tsx @@ -15,13 +15,13 @@ export const LinkPage: React.FunctionComponent = props => { return ( ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'mac': return [ diff --git a/apps/public-docsite/src/pages/Controls/ListCellsPage/ListCellsPage.tsx b/apps/public-docsite/src/pages/Controls/ListCellsPage/ListCellsPage.tsx index 9216302bb0953c..b35b86b4d341aa 100644 --- a/apps/public-docsite/src/pages/Controls/ListCellsPage/ListCellsPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ListCellsPage/ListCellsPage.tsx @@ -13,13 +13,13 @@ export const ListCellsPage: React.FunctionComponent = props ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/ListPage/ListPage.tsx b/apps/public-docsite/src/pages/Controls/ListPage/ListPage.tsx index d9dd9c0d68f595..1ddd04e0ab4722 100644 --- a/apps/public-docsite/src/pages/Controls/ListPage/ListPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ListPage/ListPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ListPageProps } from './ListPage.doc'; export const ListPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/MarqueeSelectionPage/MarqueeSelectionPage.tsx b/apps/public-docsite/src/pages/Controls/MarqueeSelectionPage/MarqueeSelectionPage.tsx index 06998feefdd544..11e66cb507e9b5 100644 --- a/apps/public-docsite/src/pages/Controls/MarqueeSelectionPage/MarqueeSelectionPage.tsx +++ b/apps/public-docsite/src/pages/Controls/MarqueeSelectionPage/MarqueeSelectionPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { MarqueeSelectionPageProps } from './MarqueeSelectionPage.doc'; export const MarqueeSelectionPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/MessageBarPage/MessageBarPage.tsx b/apps/public-docsite/src/pages/Controls/MessageBarPage/MessageBarPage.tsx index 762d08c24788f8..c5217553e42cdc 100644 --- a/apps/public-docsite/src/pages/Controls/MessageBarPage/MessageBarPage.tsx +++ b/apps/public-docsite/src/pages/Controls/MessageBarPage/MessageBarPage.tsx @@ -11,7 +11,7 @@ export const MessageBarPage: React.FunctionComponent = props return ( ); diff --git a/apps/public-docsite/src/pages/Controls/ModalPage/ModalPage.tsx b/apps/public-docsite/src/pages/Controls/ModalPage/ModalPage.tsx index e4e95aef14a8eb..20449c4bca94f9 100644 --- a/apps/public-docsite/src/pages/Controls/ModalPage/ModalPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ModalPage/ModalPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ModalPageProps } from './ModalPage.doc'; export const ModalPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/NavBarPage/NavBarPage.tsx b/apps/public-docsite/src/pages/Controls/NavBarPage/NavBarPage.tsx index 1e0f758a05c26b..0915e66a9deff0 100644 --- a/apps/public-docsite/src/pages/Controls/NavBarPage/NavBarPage.tsx +++ b/apps/public-docsite/src/pages/Controls/NavBarPage/NavBarPage.tsx @@ -11,13 +11,13 @@ export const NavBarPage: React.FunctionComponent = props => return ( ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/NavPage/NavPage.tsx b/apps/public-docsite/src/pages/Controls/NavPage/NavPage.tsx index c302aebbbc3673..ceb5f38bcff08d 100644 --- a/apps/public-docsite/src/pages/Controls/NavPage/NavPage.tsx +++ b/apps/public-docsite/src/pages/Controls/NavPage/NavPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { NavPageProps } from './NavPage.doc'; export const NavPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/OverflowSetPage/OverflowSetPage.tsx b/apps/public-docsite/src/pages/Controls/OverflowSetPage/OverflowSetPage.tsx index 4bdf45e892c0a9..54f22b71289df5 100644 --- a/apps/public-docsite/src/pages/Controls/OverflowSetPage/OverflowSetPage.tsx +++ b/apps/public-docsite/src/pages/Controls/OverflowSetPage/OverflowSetPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { OverflowSetPageProps } from './OverflowSetPage.doc'; export const OverflowSetPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/OverlayPage/OverlayPage.tsx b/apps/public-docsite/src/pages/Controls/OverlayPage/OverlayPage.tsx index d4456338c405a4..3e9dbb89860fee 100644 --- a/apps/public-docsite/src/pages/Controls/OverlayPage/OverlayPage.tsx +++ b/apps/public-docsite/src/pages/Controls/OverlayPage/OverlayPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { OverlayPageProps } from './OverlayPage.doc'; export const OverlayPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/PanelPage/PanelPage.tsx b/apps/public-docsite/src/pages/Controls/PanelPage/PanelPage.tsx index eb51bcaae19546..a7197c00769954 100644 --- a/apps/public-docsite/src/pages/Controls/PanelPage/PanelPage.tsx +++ b/apps/public-docsite/src/pages/Controls/PanelPage/PanelPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { PanelPageProps } from './PanelPage.doc'; export const PanelPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/PeoplePickerPage/PeoplePickerPage.tsx b/apps/public-docsite/src/pages/Controls/PeoplePickerPage/PeoplePickerPage.tsx index 69cd4574c9ffd9..b78ca997ee7de9 100644 --- a/apps/public-docsite/src/pages/Controls/PeoplePickerPage/PeoplePickerPage.tsx +++ b/apps/public-docsite/src/pages/Controls/PeoplePickerPage/PeoplePickerPage.tsx @@ -13,13 +13,13 @@ export const PeoplePickerPage: React.FunctionComponent = pro ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'android': return [ diff --git a/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.tsx b/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.tsx index eb0dcf666bc0cb..2d9f2b34202524 100644 --- a/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.tsx +++ b/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.tsx @@ -16,13 +16,13 @@ export const PersonaPage: React.FunctionComponent = props => ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/PickersPage/PickersPage.tsx b/apps/public-docsite/src/pages/Controls/PickersPage/PickersPage.tsx index 213b1c4d8b1d43..13f1479a3a7dfe 100644 --- a/apps/public-docsite/src/pages/Controls/PickersPage/PickersPage.tsx +++ b/apps/public-docsite/src/pages/Controls/PickersPage/PickersPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { PickersPageProps } from './PickersPage.doc'; export const PickersPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/PillButtonBarPage/PillButtonBarPage.tsx b/apps/public-docsite/src/pages/Controls/PillButtonBarPage/PillButtonBarPage.tsx index 311ef48215fbd3..271eca93a9fd7b 100644 --- a/apps/public-docsite/src/pages/Controls/PillButtonBarPage/PillButtonBarPage.tsx +++ b/apps/public-docsite/src/pages/Controls/PillButtonBarPage/PillButtonBarPage.tsx @@ -11,7 +11,7 @@ export const PillButtonBarPage: React.FunctionComponent = pr return ( ); diff --git a/apps/public-docsite/src/pages/Controls/PivotPage/PivotPage.tsx b/apps/public-docsite/src/pages/Controls/PivotPage/PivotPage.tsx index 17804b6e4cdd24..0a3b3fd57f9f7a 100644 --- a/apps/public-docsite/src/pages/Controls/PivotPage/PivotPage.tsx +++ b/apps/public-docsite/src/pages/Controls/PivotPage/PivotPage.tsx @@ -10,7 +10,7 @@ export const PivotPage: React.FunctionComponent = props => { return ( ); diff --git a/apps/public-docsite/src/pages/Controls/PopupMenuPage/PopupMenuPage.tsx b/apps/public-docsite/src/pages/Controls/PopupMenuPage/PopupMenuPage.tsx index 43cf41619da1a5..7645a2903f6a4a 100644 --- a/apps/public-docsite/src/pages/Controls/PopupMenuPage/PopupMenuPage.tsx +++ b/apps/public-docsite/src/pages/Controls/PopupMenuPage/PopupMenuPage.tsx @@ -13,13 +13,13 @@ export const PopupMenuPage: React.FunctionComponent = props ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/PopupPage/PopupPage.tsx b/apps/public-docsite/src/pages/Controls/PopupPage/PopupPage.tsx index ad7dca94b2228b..7ddf0a381266b9 100644 --- a/apps/public-docsite/src/pages/Controls/PopupPage/PopupPage.tsx +++ b/apps/public-docsite/src/pages/Controls/PopupPage/PopupPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { PopupPageProps } from './PopupPage.doc'; export const PopupPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/ProgressIndicatorPage/ProgressIndicatorPage.tsx b/apps/public-docsite/src/pages/Controls/ProgressIndicatorPage/ProgressIndicatorPage.tsx index 5c3232c386e059..eac3d618aa91b8 100644 --- a/apps/public-docsite/src/pages/Controls/ProgressIndicatorPage/ProgressIndicatorPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ProgressIndicatorPage/ProgressIndicatorPage.tsx @@ -5,5 +5,5 @@ import { ProgressIndicatorPageProps } from './ProgressIndicatorPage.doc'; export const ProgressIndicatorPage: React.FunctionComponent = props => { const { platform } = props; - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/RatingPage/RatingPage.tsx b/apps/public-docsite/src/pages/Controls/RatingPage/RatingPage.tsx index 9ec5920fd9a5c5..0bd52c9714cb05 100644 --- a/apps/public-docsite/src/pages/Controls/RatingPage/RatingPage.tsx +++ b/apps/public-docsite/src/pages/Controls/RatingPage/RatingPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { RatingPageProps } from './RatingPage.doc'; export const RatingPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/ResizeGroupPage/ResizeGroupPage.tsx b/apps/public-docsite/src/pages/Controls/ResizeGroupPage/ResizeGroupPage.tsx index abc71f8f6af8c3..a8a46a19456eeb 100644 --- a/apps/public-docsite/src/pages/Controls/ResizeGroupPage/ResizeGroupPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ResizeGroupPage/ResizeGroupPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ResizeGroupPageProps } from './ResizeGroupPage.doc'; export const ResizeGroupPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/ScrollablePanePage/ScrollablePanePage.tsx b/apps/public-docsite/src/pages/Controls/ScrollablePanePage/ScrollablePanePage.tsx index 6af27a4998986e..470488aa46caee 100644 --- a/apps/public-docsite/src/pages/Controls/ScrollablePanePage/ScrollablePanePage.tsx +++ b/apps/public-docsite/src/pages/Controls/ScrollablePanePage/ScrollablePanePage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ScrollablePanePageProps } from './ScrollablePanePage.doc'; export const ScrollablePanePage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/SearchBoxPage/SearchBoxPage.tsx b/apps/public-docsite/src/pages/Controls/SearchBoxPage/SearchBoxPage.tsx index 1c877fe2ba068a..a03d133eaa8b44 100644 --- a/apps/public-docsite/src/pages/Controls/SearchBoxPage/SearchBoxPage.tsx +++ b/apps/public-docsite/src/pages/Controls/SearchBoxPage/SearchBoxPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { SearchBoxPageProps } from './SearchBoxPage.doc'; export const SearchBoxPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/SelectionPage/SelectionPage.tsx b/apps/public-docsite/src/pages/Controls/SelectionPage/SelectionPage.tsx index 0419f2041c16d6..315c614a71f696 100644 --- a/apps/public-docsite/src/pages/Controls/SelectionPage/SelectionPage.tsx +++ b/apps/public-docsite/src/pages/Controls/SelectionPage/SelectionPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { SelectionPageProps } from './SelectionPage.doc'; export const SelectionPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.tsx b/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.tsx index 553cf260ed6f7b..583e7947c1aa32 100644 --- a/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.tsx +++ b/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.tsx @@ -17,13 +17,13 @@ export const SeparatorPage: React.FunctionComponent = props ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/ShimmerPage/ShimmerPage.tsx b/apps/public-docsite/src/pages/Controls/ShimmerPage/ShimmerPage.tsx index 8958377648df8c..162ab6df922506 100644 --- a/apps/public-docsite/src/pages/Controls/ShimmerPage/ShimmerPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ShimmerPage/ShimmerPage.tsx @@ -12,13 +12,13 @@ export const ShimmerPage: React.FunctionComponent = props => ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/SliderPage/SliderPage.tsx b/apps/public-docsite/src/pages/Controls/SliderPage/SliderPage.tsx index f728de02962299..53f9beeb789d4a 100644 --- a/apps/public-docsite/src/pages/Controls/SliderPage/SliderPage.tsx +++ b/apps/public-docsite/src/pages/Controls/SliderPage/SliderPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { SliderPageProps } from './SliderPage.doc'; export const SliderPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/SnackbarPage/SnackbarPage.tsx b/apps/public-docsite/src/pages/Controls/SnackbarPage/SnackbarPage.tsx index 231136bf950796..0b956b81547899 100644 --- a/apps/public-docsite/src/pages/Controls/SnackbarPage/SnackbarPage.tsx +++ b/apps/public-docsite/src/pages/Controls/SnackbarPage/SnackbarPage.tsx @@ -12,13 +12,13 @@ export const SnackbarPage: React.FunctionComponent = props = return ( ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'android': return [ diff --git a/apps/public-docsite/src/pages/Controls/SpinButtonPage/SpinButtonPage.tsx b/apps/public-docsite/src/pages/Controls/SpinButtonPage/SpinButtonPage.tsx index 488a04c913a253..5777afcb7e01fa 100644 --- a/apps/public-docsite/src/pages/Controls/SpinButtonPage/SpinButtonPage.tsx +++ b/apps/public-docsite/src/pages/Controls/SpinButtonPage/SpinButtonPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { SpinButtonPageProps } from './SpinButtonPage.doc'; export const SpinButtonPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/SpinnerPage/SpinnerPage.tsx b/apps/public-docsite/src/pages/Controls/SpinnerPage/SpinnerPage.tsx index 909c4a6d5a3e7b..00873435772e59 100644 --- a/apps/public-docsite/src/pages/Controls/SpinnerPage/SpinnerPage.tsx +++ b/apps/public-docsite/src/pages/Controls/SpinnerPage/SpinnerPage.tsx @@ -10,13 +10,13 @@ export const SpinnerPage: React.FunctionComponent = props => ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/StackPage/StackPage.tsx b/apps/public-docsite/src/pages/Controls/StackPage/StackPage.tsx index 129f316dc4527c..e3e72c7a7bad29 100644 --- a/apps/public-docsite/src/pages/Controls/StackPage/StackPage.tsx +++ b/apps/public-docsite/src/pages/Controls/StackPage/StackPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { StackPageProps } from './StackPage.doc'; export const StackPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/SwatchColorPickerPage/SwatchColorPickerPage.tsx b/apps/public-docsite/src/pages/Controls/SwatchColorPickerPage/SwatchColorPickerPage.tsx index b9b1afe27a44ad..7f3faab52e61bf 100644 --- a/apps/public-docsite/src/pages/Controls/SwatchColorPickerPage/SwatchColorPickerPage.tsx +++ b/apps/public-docsite/src/pages/Controls/SwatchColorPickerPage/SwatchColorPickerPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { SwatchColorPickerPageProps } from './SwatchColorPickerPage.doc'; export const SwatchColorPickerPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/TeachingBubblePage/TeachingBubblePage.tsx b/apps/public-docsite/src/pages/Controls/TeachingBubblePage/TeachingBubblePage.tsx index 19ea54594b547b..d4fc9b248a915d 100644 --- a/apps/public-docsite/src/pages/Controls/TeachingBubblePage/TeachingBubblePage.tsx +++ b/apps/public-docsite/src/pages/Controls/TeachingBubblePage/TeachingBubblePage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { TeachingBubblePageProps } from './TeachingBubblePage.doc'; export const TeachingBubblePage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/TextFieldPage/TextFieldPage.tsx b/apps/public-docsite/src/pages/Controls/TextFieldPage/TextFieldPage.tsx index 0046f279c1fdbd..42f0433a2a04b9 100644 --- a/apps/public-docsite/src/pages/Controls/TextFieldPage/TextFieldPage.tsx +++ b/apps/public-docsite/src/pages/Controls/TextFieldPage/TextFieldPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { TextFieldPageProps } from './TextFieldPage.doc'; export const TextFieldPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/TextPage/TextPage.tsx b/apps/public-docsite/src/pages/Controls/TextPage/TextPage.tsx index 0f61532f142fde..4ed8005229fa93 100644 --- a/apps/public-docsite/src/pages/Controls/TextPage/TextPage.tsx +++ b/apps/public-docsite/src/pages/Controls/TextPage/TextPage.tsx @@ -15,13 +15,13 @@ export const TextPage: React.FunctionComponent = props => { ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'ios': return [ diff --git a/apps/public-docsite/src/pages/Controls/ThemeProviderPage/ThemeProviderPage.tsx b/apps/public-docsite/src/pages/Controls/ThemeProviderPage/ThemeProviderPage.tsx index 1827fad21dc3c8..dc09c5dff30b69 100644 --- a/apps/public-docsite/src/pages/Controls/ThemeProviderPage/ThemeProviderPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ThemeProviderPage/ThemeProviderPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ThemeProviderProps } from './ThemeProviderPage.doc'; export const ThemeProviderPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/ThemesPage/ThemesPage.tsx b/apps/public-docsite/src/pages/Controls/ThemesPage/ThemesPage.tsx index e4e247d16fd7da..17d13653379509 100644 --- a/apps/public-docsite/src/pages/Controls/ThemesPage/ThemesPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ThemesPage/ThemesPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { ThemesPageProps } from './ThemesPage.doc'; export const ThemesPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/TimePickerPage/TimePickerPage.tsx b/apps/public-docsite/src/pages/Controls/TimePickerPage/TimePickerPage.tsx index 9d603c42e4e735..bca13e85b9c5b9 100644 --- a/apps/public-docsite/src/pages/Controls/TimePickerPage/TimePickerPage.tsx +++ b/apps/public-docsite/src/pages/Controls/TimePickerPage/TimePickerPage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { TimePickerPageProps } from './TimePickerPage.doc'; export const TimePickerPage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/TogglePage/TogglePage.tsx b/apps/public-docsite/src/pages/Controls/TogglePage/TogglePage.tsx index bfd707d9e49169..f9dcc8adab8b90 100644 --- a/apps/public-docsite/src/pages/Controls/TogglePage/TogglePage.tsx +++ b/apps/public-docsite/src/pages/Controls/TogglePage/TogglePage.tsx @@ -3,5 +3,5 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { TogglePageProps } from './TogglePage.doc'; export const TogglePage: React.FunctionComponent = props => { - return ; + return ; }; diff --git a/apps/public-docsite/src/pages/Controls/TooltipPage/TooltipPage.tsx b/apps/public-docsite/src/pages/Controls/TooltipPage/TooltipPage.tsx index 292440b8c4ddcb..39abb5b6f531cb 100644 --- a/apps/public-docsite/src/pages/Controls/TooltipPage/TooltipPage.tsx +++ b/apps/public-docsite/src/pages/Controls/TooltipPage/TooltipPage.tsx @@ -11,7 +11,7 @@ export const TooltipPage: React.FunctionComponent = props => ); diff --git a/apps/public-docsite/src/pages/HomePage/HomePage.base.tsx b/apps/public-docsite/src/pages/HomePage/HomePage.base.tsx index 8867544e5a1d7c..aa2af23d2a6859 100644 --- a/apps/public-docsite/src/pages/HomePage/HomePage.base.tsx +++ b/apps/public-docsite/src/pages/HomePage/HomePage.base.tsx @@ -105,7 +105,7 @@ export class HomePageBase extends React.Component @@ -335,7 +335,7 @@ export class HomePageBase extends React.Component { ]; /** Gets the top level page from the current URL and returns a link to it. */ - private _getAreaLink = (): JSX.Element => { + private _getAreaLink = (): JSX.Element | undefined => { const area = getSiteArea(SiteDefinition.pages); const pageForArea = SiteDefinition.pages.filter(page => page.title === area)[0]; if (pageForArea) { @@ -78,7 +78,7 @@ export class NotFoundPage extends React.Component { return (
  • - this._onInternalLinkClick(ev, url)} underline> + this._onInternalLinkClick(ev, url!)} underline> {title}
    • @@ -87,7 +87,7 @@ export class NotFoundPage extends React.Component { }; /** Renders a button to go back in the browser history only if there is a page to go back to. */ - private _renderBackButton = (): JSX.Element => { + private _renderBackButton = (): JSX.Element | undefined => { if (window.history.length > 1) { return (

    diff --git a/apps/public-docsite/src/pages/Overviews/ControlsPage/ControlsPage.tsx b/apps/public-docsite/src/pages/Overviews/ControlsPage/ControlsPage.tsx index 7ac76ae74d14f6..43022905623d67 100644 --- a/apps/public-docsite/src/pages/Overviews/ControlsPage/ControlsPage.tsx +++ b/apps/public-docsite/src/pages/Overviews/ControlsPage/ControlsPage.tsx @@ -20,21 +20,21 @@ const ControlsPageBase: React.FunctionComponent> = props = {...props} title="Controls" platform={platform} - subTitle={getSubTitle(platform)} - otherSections={_otherSections(platform) as IPageSectionProps[]} + subTitle={getSubTitle(platform!)} + otherSections={_otherSections(platform!) as IPageSectionProps[]} showSideRail={false} versionSwitcherDefinition={platform === Platforms.web ? SiteDefinition.versionSwitcherDefinition : undefined} - {...ControlsPageProps[platform]} + {...ControlsPageProps[platform!]} /> ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { const controls = SiteDefinition.pages.filter(page => page.title === 'Controls')[0].platforms; - const platformControls: INavPage[] = controls[platform]; + const platformControls: INavPage[] | undefined = controls![platform]; if (platformControls) { - let sections: IPageSectionProps[] = platformControls + let sections = platformControls .filter(page => !page.isHiddenFromMainNav && page.isCategory) .map( category => @@ -55,14 +55,16 @@ function _otherSections(platform: Platforms): IPageSectionProps[] { ), }, - ); + ) as IPageSectionProps[]; - _otherControlsRequestSections(platform) !== undefined && sections.push(_otherControlsRequestSections(platform)); + const _otherControlsRequestSectionsValue = _otherControlsRequestSections(platform); + + _otherControlsRequestSectionsValue !== undefined && sections.push(_otherControlsRequestSectionsValue); return sections; } } -function _otherControlsRequestSections(platform: Platforms): IPageSectionProps { +function _otherControlsRequestSections(platform: Platforms): IPageSectionProps | undefined { switch (platform) { case 'web': return { diff --git a/apps/public-docsite/src/pages/Overviews/GetStartedPage/GetStartedPage.tsx b/apps/public-docsite/src/pages/Overviews/GetStartedPage/GetStartedPage.tsx index bfb0a1491df3f2..bc481cac223a86 100644 --- a/apps/public-docsite/src/pages/Overviews/GetStartedPage/GetStartedPage.tsx +++ b/apps/public-docsite/src/pages/Overviews/GetStartedPage/GetStartedPage.tsx @@ -16,10 +16,10 @@ const GetStartedPageBase: React.FunctionComponent = props return ( ); }; diff --git a/apps/public-docsite/src/pages/Overviews/StylesPage/StylesPage.tsx b/apps/public-docsite/src/pages/Overviews/StylesPage/StylesPage.tsx index b5f5a172c6ec45..daa8b625567f41 100644 --- a/apps/public-docsite/src/pages/Overviews/StylesPage/StylesPage.tsx +++ b/apps/public-docsite/src/pages/Overviews/StylesPage/StylesPage.tsx @@ -17,8 +17,8 @@ const StylesPageBase: React.FunctionComponent> = props => diff --git a/apps/public-docsite/src/pages/PageTemplates/TemplatePage/TemplatePage.tsx b/apps/public-docsite/src/pages/PageTemplates/TemplatePage/TemplatePage.tsx index f0d515a18e5e33..f8580f42723e93 100644 --- a/apps/public-docsite/src/pages/PageTemplates/TemplatePage/TemplatePage.tsx +++ b/apps/public-docsite/src/pages/PageTemplates/TemplatePage/TemplatePage.tsx @@ -34,12 +34,12 @@ const TemplatePageBase: React.FunctionComponent = props => { // Pass all the props to the Page component. {...props} // Use the platform specific props from the doc.ts file. - {...TemplatePageProps[platform]} + {...TemplatePageProps[platform!]} // Use the getSubTitle helper function to get the page header subtitle from the active platform. - subTitle={getSubTitle(platform)} + subTitle={getSubTitle(platform!)} // You can define custom sections using the `otherSections` prop. // Here it is using a method that takes the platform as an argument to return the correct array of section props. - otherSections={_otherSections(platform) as IPageSectionProps[]} + otherSections={_otherSections(platform!) as IPageSectionProps[]} // You can hide the side rail by setting `showSideRail` to false. // showSideRail={false} diff --git a/apps/public-docsite/src/pages/Styles/Colors/MessagingPage.tsx b/apps/public-docsite/src/pages/Styles/Colors/MessagingPage.tsx index 7711d13d789482..b14c8c3fc6a55e 100644 --- a/apps/public-docsite/src/pages/Styles/Colors/MessagingPage.tsx +++ b/apps/public-docsite/src/pages/Styles/Colors/MessagingPage.tsx @@ -11,8 +11,8 @@ export const ColorsMessagingPage: React.FunctionComponent = pr return ( ); }; diff --git a/apps/public-docsite/src/pages/Styles/Colors/NeutralsPage.tsx b/apps/public-docsite/src/pages/Styles/Colors/NeutralsPage.tsx index 9d71ed59584b2f..a276563856547d 100644 --- a/apps/public-docsite/src/pages/Styles/Colors/NeutralsPage.tsx +++ b/apps/public-docsite/src/pages/Styles/Colors/NeutralsPage.tsx @@ -14,8 +14,8 @@ export const ColorsNeutralsPage: React.FunctionComponent = pro return ( ); }; diff --git a/apps/public-docsite/src/pages/Styles/Colors/PersonasPage.tsx b/apps/public-docsite/src/pages/Styles/Colors/PersonasPage.tsx index 438f349aae407f..82e49838efafc3 100644 --- a/apps/public-docsite/src/pages/Styles/Colors/PersonasPage.tsx +++ b/apps/public-docsite/src/pages/Styles/Colors/PersonasPage.tsx @@ -16,8 +16,8 @@ export const ColorsPersonasPage: React.FunctionComponent = pro return ( ); }; diff --git a/apps/public-docsite/src/pages/Styles/Colors/PresencePage.tsx b/apps/public-docsite/src/pages/Styles/Colors/PresencePage.tsx index 2954269b8c0ed1..a575dc5d1e854a 100644 --- a/apps/public-docsite/src/pages/Styles/Colors/PresencePage.tsx +++ b/apps/public-docsite/src/pages/Styles/Colors/PresencePage.tsx @@ -11,8 +11,8 @@ export const ColorsPresencePage: React.FunctionComponent = pro return ( ); }; diff --git a/apps/public-docsite/src/pages/Styles/Colors/ProductsPage.tsx b/apps/public-docsite/src/pages/Styles/Colors/ProductsPage.tsx index 6c5f12fe30a135..65c8c5952b627a 100644 --- a/apps/public-docsite/src/pages/Styles/Colors/ProductsPage.tsx +++ b/apps/public-docsite/src/pages/Styles/Colors/ProductsPage.tsx @@ -34,16 +34,16 @@ export interface IColorsProductsPageState { export class ColorsProductsPage extends React.Component { public readonly state = { - activeAppColorPalette: null, - activeAppDetails: null, - }; + activeAppColorPalette: undefined, + activeAppDetails: undefined, + } as IColorsProductsPageState; public render() { return ( ); } @@ -67,6 +67,7 @@ export class ColorsProductsPage extends React.Component {activeAppColorPalette.name} + {/* @ts-expect-error - FIXME: notes property doesn't exist within IColorPaletteTheme */}

    {activeAppColorPalette.notes}

    @@ -98,7 +99,7 @@ export class ColorsProductsPage extends React.Component = props return ( ); }; diff --git a/apps/public-docsite/src/pages/Styles/Colors/palettes/SharePoint.tsx b/apps/public-docsite/src/pages/Styles/Colors/palettes/SharePoint.tsx index adec3ed0913acb..389ff018c3750d 100644 --- a/apps/public-docsite/src/pages/Styles/Colors/palettes/SharePoint.tsx +++ b/apps/public-docsite/src/pages/Styles/Colors/palettes/SharePoint.tsx @@ -2,10 +2,11 @@ import * as React from 'react'; import { ColorPalette, IColorSwatch, MarkdownHeader } from '@fluentui/react-docsite-components/lib/index2'; import { SharePointNeutrals, SharePointThemes } from './sharePointThemes'; -export class SharePoint extends React.Component<{}, { activeThemeName?: string }> { +type SharePointState = { activeThemeName?: string }; +export class SharePoint extends React.Component<{}, SharePointState> { public readonly state = { - activeThemeName: null, - }; + activeThemeName: undefined, + } as SharePointState; public render() { const { activeThemeName } = this.state; @@ -45,11 +46,12 @@ export class SharePoint extends React.Component<{}, { activeThemeName?: string } } private _changeTheme = (theme: IColorSwatch) => { - this.setState( - prevState => - prevState.activeThemeName !== theme.name && { - activeThemeName: theme.name, - }, + this.setState(prevState => + prevState.activeThemeName !== theme.name + ? { + activeThemeName: theme.name, + } + : {}, ); }; } diff --git a/apps/public-docsite/src/pages/Styles/ElevationPage/ElevationPage.tsx b/apps/public-docsite/src/pages/Styles/ElevationPage/ElevationPage.tsx index 912c1c209ada76..6e998bd834b1e6 100644 --- a/apps/public-docsite/src/pages/Styles/ElevationPage/ElevationPage.tsx +++ b/apps/public-docsite/src/pages/Styles/ElevationPage/ElevationPage.tsx @@ -14,8 +14,8 @@ export const ElevationPage: React.FunctionComponent = props => return ( ); }; @@ -124,7 +124,7 @@ function _renderDepthsTable() { ); default: - return row[column.rowProperty]; + return row[column.rowProperty!]; } }} /> diff --git a/apps/public-docsite/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx b/apps/public-docsite/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx index dc6a39ed797879..b2063d5d2023c6 100644 --- a/apps/public-docsite/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx +++ b/apps/public-docsite/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx @@ -19,8 +19,8 @@ export const FabricIconsPage: React.FunctionComponent = props return ( ); }; @@ -52,7 +52,7 @@ function _otherSections(platform: Platforms): IPageSectionProps[] { content: ( { - setSelectedItem(item.props.itemKey); + setSelectedItem(item!.props.itemKey!); }} > diff --git a/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.tsx b/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.tsx index d38bce567ed11a..74152f08482717 100644 --- a/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.tsx +++ b/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.tsx @@ -18,8 +18,8 @@ export const FileTypeIconsPage: React.FunctionComponent = prop return ( ); }; diff --git a/apps/public-docsite/src/pages/Styles/LayoutPage/LayoutPage.tsx b/apps/public-docsite/src/pages/Styles/LayoutPage/LayoutPage.tsx index 57b51419b984dd..edccced77d1be2 100644 --- a/apps/public-docsite/src/pages/Styles/LayoutPage/LayoutPage.tsx +++ b/apps/public-docsite/src/pages/Styles/LayoutPage/LayoutPage.tsx @@ -20,13 +20,13 @@ export const LayoutPage: React.FunctionComponent = props => { return ( ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'web': return [ diff --git a/apps/public-docsite/src/pages/Styles/LocalizationPage/LocalizationPage.tsx b/apps/public-docsite/src/pages/Styles/LocalizationPage/LocalizationPage.tsx index 28a62be45fab1c..4700c6ec12c908 100644 --- a/apps/public-docsite/src/pages/Styles/LocalizationPage/LocalizationPage.tsx +++ b/apps/public-docsite/src/pages/Styles/LocalizationPage/LocalizationPage.tsx @@ -17,13 +17,13 @@ export const LocalizationPage: React.FunctionComponent = props return ( ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'web': return [ diff --git a/apps/public-docsite/src/pages/Styles/MotionPage/MotionPage.tsx b/apps/public-docsite/src/pages/Styles/MotionPage/MotionPage.tsx index c2b5266f5dfcf2..a4d6358ac783ca 100644 --- a/apps/public-docsite/src/pages/Styles/MotionPage/MotionPage.tsx +++ b/apps/public-docsite/src/pages/Styles/MotionPage/MotionPage.tsx @@ -8,6 +8,7 @@ import { Table, Video, MarkdownCode, + ITableRowProps, } from '@fluentui/react-docsite-components/lib/index2'; import { IStylesPageProps, StylesAreaPage } from '../StylesAreaPage'; import { MotionPageProps } from './MotionPage.doc'; @@ -16,7 +17,7 @@ import { Platforms } from '../../../interfaces/Platforms'; const baseUrl = 'https://github.com/microsoft/fluentui/tree/master/apps/public-docsite/src/pages/Styles/MotionPage/docs'; -const PatternTable = ({ rows }) => ( +const PatternTable = ({ rows }: { rows: ITableRowProps[] }) => ( ( { title: 'Delay', data: 'delay' }, ]} rows={rows} - formatter={(column, row) => row[column.data]} + formatter={(column, row) => row[column.data!]} /> ); @@ -35,8 +36,8 @@ export const MotionPage: React.FunctionComponent = props => { return ( ); }; @@ -333,7 +334,7 @@ function _otherSections(platform: Platforms): IPageSectionProps[] { }, ]} formatter={(column, row) => - column.data === 'duration' ? row[column.data] : {row[column.data]} + column.data === 'duration' ? row[column.data] : {row[column.data!]} } /> ), @@ -376,7 +377,7 @@ function _otherSections(platform: Platforms): IPageSectionProps[] { }, ]} formatter={(column, row) => - column.data === 'name' ? row[column.data] : {row[column.data]} + column.data === 'name' ? row[column.data] : {row[column.data!]} } /> ), diff --git a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.tsx b/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.tsx index 83ac07f54c93a4..eb3a7c62ff3cae 100644 --- a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.tsx +++ b/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.tsx @@ -20,8 +20,8 @@ export const OfficeBrandIconsPage: React.FunctionComponent = p return ( ); }; diff --git a/apps/public-docsite/src/pages/Styles/StylesAreaPage.tsx b/apps/public-docsite/src/pages/Styles/StylesAreaPage.tsx index 1543e6e06efd2b..a30050cb0654c9 100644 --- a/apps/public-docsite/src/pages/Styles/StylesAreaPage.tsx +++ b/apps/public-docsite/src/pages/Styles/StylesAreaPage.tsx @@ -7,7 +7,7 @@ export interface IStylesPageProps extends IPageProps {} export const StylesAreaPageBase: React.FunctionComponent = props => { const { platform } = props; - return ; + return ; }; export const StylesAreaPage: React.FunctionComponent = (props: IStylesPageProps) => ( diff --git a/apps/public-docsite/src/pages/Styles/TypographyPage/TypographyPage.tsx b/apps/public-docsite/src/pages/Styles/TypographyPage/TypographyPage.tsx index cd37f143858377..f9e391ff123fec 100644 --- a/apps/public-docsite/src/pages/Styles/TypographyPage/TypographyPage.tsx +++ b/apps/public-docsite/src/pages/Styles/TypographyPage/TypographyPage.tsx @@ -24,13 +24,13 @@ export const TypographyPage: React.FunctionComponent = props = return ( ); }; -function _otherSections(platform: Platforms): IPageSectionProps[] { +function _otherSections(platform: Platforms): IPageSectionProps[] | undefined { switch (platform) { case 'web': return [ @@ -88,7 +88,7 @@ function _renderWeightsTable(weights: ITableRowProps[]) { ]} rows={weights} formatter={(column, row) => { - const content = row[column.data]; + const content = row[column.data!]; switch (column.title) { case 'Weight': return `${row.name} (${row.weight})`; @@ -124,7 +124,7 @@ function _renderSizesTable(sizes: ITableColumnProps[]) { ]} rows={sizes} formatter={(column, row) => { - const content = row[column.data]; + const content = row[column.data!]; switch (column.title) { case 'Core class': return ms-fontSize-{row.size}; diff --git a/apps/public-docsite/src/utilities/createSite.tsx b/apps/public-docsite/src/utilities/createSite.tsx index 7f5498dcf3225d..07f99f7ef56dbe 100644 --- a/apps/public-docsite/src/utilities/createSite.tsx +++ b/apps/public-docsite/src/utilities/createSite.tsx @@ -67,7 +67,7 @@ export function createSite( } if (page.platforms) { Object.keys(page.platforms).forEach((plat: TPlatforms) => { - const platformPages: INavPage[] = page.platforms && page.platforms[plat]; + const platformPages: INavPage[] | undefined = page.platforms && page.platforms[plat]; routes = routes.concat(_createRoutes(platformPages || [])); }); } diff --git a/apps/public-docsite/src/utilities/getSubTitle.ts b/apps/public-docsite/src/utilities/getSubTitle.ts index 695ac425b811fe..fc6a47e0ec84f4 100644 --- a/apps/public-docsite/src/utilities/getSubTitle.ts +++ b/apps/public-docsite/src/utilities/getSubTitle.ts @@ -6,5 +6,5 @@ import { Platforms } from '../interfaces/Platforms'; * @param platform The active platform for the page. */ export const getSubTitle = (platform: Platforms): string => { - return platform !== 'default' && SiteDefinition.platforms[platform] ? SiteDefinition.platforms[platform].name : ''; + return platform !== 'default' && SiteDefinition.platforms![platform] ? SiteDefinition.platforms![platform]!.name : ''; }; diff --git a/apps/public-docsite/tsconfig.json b/apps/public-docsite/tsconfig.json index 2c8e2b798dfbdb..a602c87e693f2e 100644 --- a/apps/public-docsite/tsconfig.json +++ b/apps/public-docsite/tsconfig.json @@ -1,4 +1,5 @@ { + "extends": "../../tsconfig.base.v8.json", "compilerOptions": { "outDir": "lib", "target": "es5", @@ -6,18 +7,12 @@ "module": "esnext", "jsx": "react", "declaration": true, - "sourceMap": true, "experimentalDecorators": true, "importHelpers": true, - "forceConsistentCasingInFileNames": true, - "moduleResolution": "node", "preserveConstEnums": true, - "noImplicitThis": true, "noUnusedLocals": true, - "skipLibCheck": true, - "lib": ["es2015", "dom"], - "typeRoots": ["../../node_modules/@types", "../../typings"], - "types": ["webpack-env", "custom-global"] + "lib": ["ES2015", "DOM"], + "types": ["webpack-env", "custom-global", "node"] }, "include": ["src"] } diff --git a/apps/react-18-tests-v8/README.md b/apps/react-18-tests-v8/README.md index e8e374582ea71f..6d59da1dd1c467 100644 --- a/apps/react-18-tests-v8/README.md +++ b/apps/react-18-tests-v8/README.md @@ -21,3 +21,20 @@ This file and process will be replaced with Storybook once we are able to get st ``` Add test files for React 18 issues that have been triaged and resolved so that we do not regress. + +### `type-check` + +To be able to type-check cross React versions we need all v8 libraries build up front so we don't type check all v8 implementation rather public API surface. + +For that purpose we use `tsconfig.react-compat-check.json` as target for `type-check` npm script task, which disables path aliases and forces `tsc` to consume linked monorepo build packages. + +**Local machine flow:** + +```sh +lage build --to @fluentui/react-18-tests-v8 +yarn workspace @fluentui/react-18-tests-v8 type-check +``` + +**CI:** + +lage defines `build` targets to be executed prior to `type-check`. diff --git a/apps/react-18-tests-v8/package.json b/apps/react-18-tests-v8/package.json index 4fad7040a876cd..a1e79d17d4c6ac 100644 --- a/apps/react-18-tests-v8/package.json +++ b/apps/react-18-tests-v8/package.json @@ -4,7 +4,7 @@ "version": "8.0.0", "private": true, "scripts": { - "type-check": "tsc -b tsconfig.json", + "type-check": "tsc -p tsconfig.react-compat-check.json", "format": "prettier -w . --ignore-path ../.prettierignore", "format:check": "yarn format -c", "e2e": "cypress run --component", diff --git a/apps/react-18-tests-v8/tsconfig.app.json b/apps/react-18-tests-v8/tsconfig.app.json index c2f9c89ec5c8d6..356da34103c916 100644 --- a/apps/react-18-tests-v8/tsconfig.app.json +++ b/apps/react-18-tests-v8/tsconfig.app.json @@ -7,7 +7,7 @@ "declaration": true, "declarationDir": "dist/types", "inlineSources": true, - "types": ["static-assets", "environment"] + "types": ["static-assets", "environment", "node"] }, "exclude": ["**/*.spec.ts", "**/*.spec.tsx", "**/*.test.ts", "**/*.test.tsx", "**/*.cy.ts", "**/*.cy.tsx"], "include": ["./src/**/*.ts", "./src/**/*.tsx"] diff --git a/apps/react-18-tests-v8/tsconfig.json b/apps/react-18-tests-v8/tsconfig.json index 302fdc40bf2bca..dee30dfd6569d8 100644 --- a/apps/react-18-tests-v8/tsconfig.json +++ b/apps/react-18-tests-v8/tsconfig.json @@ -1,5 +1,5 @@ { - "extends": "../../tsconfig.base.json", + "extends": "../../tsconfig.base.v8.json", "compilerOptions": { "module": "CommonJS", "target": "ES2019", diff --git a/apps/react-18-tests-v8/tsconfig.react-compat-check.json b/apps/react-18-tests-v8/tsconfig.react-compat-check.json new file mode 100644 index 00000000000000..0f82e55cfd403b --- /dev/null +++ b/apps/react-18-tests-v8/tsconfig.react-compat-check.json @@ -0,0 +1,7 @@ +{ + "extends": "./tsconfig.app.json", + "compilerOptions": { + "noEmit": true, + "paths": {} + } +} diff --git a/apps/theming-designer/src/components/FabricPalette.tsx b/apps/theming-designer/src/components/FabricPalette.tsx index 17573dc9ed4837..0b60563d3aaeee 100644 --- a/apps/theming-designer/src/components/FabricPalette.tsx +++ b/apps/theming-designer/src/components/FabricPalette.tsx @@ -8,8 +8,8 @@ import { FabricSlotWidget } from './FabricSlotWidget'; import { DirectionalHint } from '@fluentui/react/lib/Callout'; export interface IFabricPaletteProps { - themeRules?: IThemeRules; - onFabricPaletteColorChange: (newColor: IColor | undefined, fabricSlot: FabricSlots) => void; + themeRules: IThemeRules; + onFabricPaletteColorChange: (newColor: IColor, fabricSlot: FabricSlots) => void; } const tableClassName = mergeStyles({ @@ -58,7 +58,7 @@ export const FabricPalette: React.FunctionComponent = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.themeDarker]].color.str} + {themeRules[FabricSlots[FabricSlots.themeDarker]].color!.str} = (prop directionalHint={DirectionalHint.topCenter} /> - {themeRules[FabricSlots[FabricSlots.black]].color.str} + {themeRules[FabricSlots[FabricSlots.black]].color?.str} = (prop directionalHint={DirectionalHint.topCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralTertiaryAlt]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralTertiaryAlt]].color!.str} @@ -87,7 +87,7 @@ export const FabricPalette: React.FunctionComponent = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.themeDark]].color.str} + {themeRules[FabricSlots[FabricSlots.themeDark]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralDark]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralDark]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralDark]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralDark]].color!.str} @@ -116,7 +116,7 @@ export const FabricPalette: React.FunctionComponent = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.themeDarkAlt]].color.str} + {themeRules[FabricSlots[FabricSlots.themeDarkAlt]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralPrimary]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralPrimary]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralQuaternaryAlt]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralQuaternaryAlt]].color!.str} @@ -145,7 +145,7 @@ export const FabricPalette: React.FunctionComponent = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.themePrimary]].color.str} + {themeRules[FabricSlots[FabricSlots.themePrimary]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralPrimaryAlt]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralPrimaryAlt]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralLight]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralLight]].color!.str} @@ -174,7 +174,7 @@ export const FabricPalette: React.FunctionComponent = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.themeSecondary]].color.str} + {themeRules[FabricSlots[FabricSlots.themeSecondary]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralSecondary]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralSecondary]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralLighter]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralLighter]].color!.str} @@ -203,7 +203,7 @@ export const FabricPalette: React.FunctionComponent = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.themeTertiary]].color.str} + {themeRules[FabricSlots[FabricSlots.themeTertiary]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralTertiary]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralTertiary]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralLighterAlt]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralLighterAlt]].color!.str} @@ -232,7 +232,7 @@ export const FabricPalette: React.FunctionComponent = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.themeLight]].color.str} + {themeRules[FabricSlots[FabricSlots.themeLight]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.neutralSecondaryAlt]].color.str} + {themeRules[FabricSlots[FabricSlots.neutralSecondaryAlt]].color!.str} @@ -253,7 +253,7 @@ export const FabricPalette: React.FunctionComponent = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.themeLighter]].color.str} + {themeRules[FabricSlots[FabricSlots.themeLighter]].color!.str} = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.white]].color.str} + {themeRules[FabricSlots[FabricSlots.white]].color!.str} @@ -273,7 +273,7 @@ export const FabricPalette: React.FunctionComponent = (prop directionalHint={DirectionalHint.leftCenter} /> - {themeRules[FabricSlots[FabricSlots.themeLighterAlt]].color.str} + {themeRules[FabricSlots[FabricSlots.themeLighterAlt]].color!.str}
    diff --git a/apps/theming-designer/src/components/FabricSlotWidget.tsx b/apps/theming-designer/src/components/FabricSlotWidget.tsx index 030b69c02c2daa..a76fa14597e517 100644 --- a/apps/theming-designer/src/components/FabricSlotWidget.tsx +++ b/apps/theming-designer/src/components/FabricSlotWidget.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IThemeRules, FabricSlots, IThemeSlotRule } from '@fluentui/react/lib/ThemeGenerator'; +import { FabricSlots, IThemeSlotRule } from '@fluentui/react/lib/ThemeGenerator'; import { IColor } from '@fluentui/react/lib/Color'; import { Stack, IStackStyles } from '@fluentui/react/lib/Stack'; import { mergeStyles } from '@fluentui/merge-styles'; @@ -9,7 +9,7 @@ import { Callout, DirectionalHint } from '@fluentui/react/lib/Callout'; export interface IFabricSlotWidgetProps { slot: FabricSlots; onFabricPaletteColorChange: (newColor: IColor, fabricSlot: FabricSlots) => void; - slotRule?: IThemeSlotRule; + slotRule: IThemeSlotRule; directionalHint?: DirectionalHint; } @@ -58,7 +58,7 @@ export class FabricSlotWidget extends React.Component
    {slotRule.name}
    @@ -71,7 +71,7 @@ export class FabricSlotWidget extends React.Component - + )}
    diff --git a/apps/theming-designer/src/components/SemanticSlots.tsx b/apps/theming-designer/src/components/SemanticSlots.tsx index 60b1defc10067c..f7447446180419 100644 --- a/apps/theming-designer/src/components/SemanticSlots.tsx +++ b/apps/theming-designer/src/components/SemanticSlots.tsx @@ -166,7 +166,7 @@ export const SemanticSlots: React.FunctionComponent = (prop } }; - let semanticSlotsNone = props.theme.semanticColors; + let semanticSlotsNone = props.theme!.semanticColors; slotNames = trimSemanticSlotsOrNames(Object.keys(semanticSlotsNone)) as ISlotNames; noneSlots = fillVariantSlotsList(VariantThemeType.None); neutralSlots = fillVariantSlotsList(VariantThemeType.Neutral); diff --git a/apps/theming-designer/src/components/ThemeSlots.tsx b/apps/theming-designer/src/components/ThemeSlots.tsx index 37f1edff608abe..159fd890e15a2f 100644 --- a/apps/theming-designer/src/components/ThemeSlots.tsx +++ b/apps/theming-designer/src/components/ThemeSlots.tsx @@ -9,7 +9,7 @@ import { IColor } from '@fluentui/react/lib/Color'; export interface IThemeSlotsProps { theme?: ITheme; - themeRules?: IThemeRules; + themeRules: IThemeRules; onFabricPaletteColorChange: (newColor: IColor | undefined, fabricSlot: FabricSlots) => void; } diff --git a/apps/theming-designer/src/components/ThemingDesigner.tsx b/apps/theming-designer/src/components/ThemingDesigner.tsx index 12671673555bae..bd3d7169f65911 100644 --- a/apps/theming-designer/src/components/ThemingDesigner.tsx +++ b/apps/theming-designer/src/components/ThemingDesigner.tsx @@ -133,7 +133,7 @@ export class ThemingDesigner extends React.Component<{}, IThemingDesignerState> @@ -142,7 +142,7 @@ export class ThemingDesigner extends React.Component<{}, IThemingDesignerState> ); } - private _onFabricPaletteColorChange = (newColor: IColor | undefined, fabricSlot: FabricSlots) => { + private _onFabricPaletteColorChange = (newColor: IColor, fabricSlot: FabricSlots) => { if (this._fabricPaletteColorChangeTimeout) { this._async.clearTimeout(this._fabricPaletteColorChangeTimeout); } @@ -159,7 +159,7 @@ export class ThemingDesigner extends React.Component<{}, IThemingDesignerState> ThemeGenerator.insureSlots(themeRules, currentIsDark); } } - this.setState({ themeRules: themeRules }, this._makeNewTheme); + this.setState({ themeRules }, this._makeNewTheme); }, 20); }; @@ -213,7 +213,7 @@ export class ThemingDesigner extends React.Component<{}, IThemingDesignerState> ThemeGenerator.insureSlots(themeRules, currentIsDark); } } - this.setState({ themeRules: themeRules }, this._makeNewTheme); + this.setState({ themeRules }, this._makeNewTheme); }, 20); // 20ms is low enough that you can slowly drag to change color and see that theme, // but high enough that quick changes don't get bogged down by a million changes inbetween @@ -250,7 +250,7 @@ export class ThemingDesigner extends React.Component<{}, IThemingDesignerState> const state = { ...colors, theme: finalTheme, - themeRules: themeRules, + themeRules, }; return state; diff --git a/apps/theming-designer/tsconfig.json b/apps/theming-designer/tsconfig.json index 2474846337f204..78c5173940ff73 100644 --- a/apps/theming-designer/tsconfig.json +++ b/apps/theming-designer/tsconfig.json @@ -1,4 +1,5 @@ { + "extends": "../../tsconfig.base.v8.json", "compilerOptions": { "target": "es5", "outDir": "lib", @@ -7,14 +8,9 @@ "declaration": true, "sourceMap": true, "experimentalDecorators": true, - "forceConsistentCasingInFileNames": true, - "moduleResolution": "node", "preserveConstEnums": true, - "strict": false, - "lib": ["es6", "dom"], - "types": [], - "skipLibCheck": true, - "noImplicitAny": true + "lib": ["ES2015", "DOM"], + "types": ["jest", "custom-global", "webpack-env", "node"] }, "include": ["src"] } diff --git a/apps/vr-tests/tsconfig.json b/apps/vr-tests/tsconfig.json index c787b450987660..7cf7902d44a8e6 100644 --- a/apps/vr-tests/tsconfig.json +++ b/apps/vr-tests/tsconfig.json @@ -1,20 +1,15 @@ { + "extends": "../../tsconfig.base.v8.json", "compilerOptions": { "target": "es5", "outDir": "lib", "module": "commonjs", "jsx": "react", "declaration": true, - "sourceMap": true, "noEmit": true, "experimentalDecorators": true, "noUnusedLocals": true, - "forceConsistentCasingInFileNames": true, - "strictNullChecks": true, - "noImplicitAny": true, - "moduleResolution": "node", "preserveConstEnums": true, - "skipLibCheck": true, "types": ["webpack-env", "@storybook/react", "screener-storybook"] }, "include": ["src"] diff --git a/change/@fluentui-merge-styles-8ac340a3-2238-4dc8-b344-3acfc1686031.json b/change/@fluentui-merge-styles-8ac340a3-2238-4dc8-b344-3acfc1686031.json new file mode 100644 index 00000000000000..a974e43acb0ac9 --- /dev/null +++ b/change/@fluentui-merge-styles-8ac340a3-2238-4dc8-b344-3acfc1686031.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: resolve leaking global type issues exposed by using ts path aliases", + "packageName": "@fluentui/merge-styles", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-style-utilities-9b72f25e-69cf-48bb-a74f-7e8fede8db9b.json b/change/@fluentui-style-utilities-9b72f25e-69cf-48bb-a74f-7e8fede8db9b.json new file mode 100644 index 00000000000000..da3641a46f442f --- /dev/null +++ b/change/@fluentui-style-utilities-9b72f25e-69cf-48bb-a74f-7e8fede8db9b.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "chore: resolve leaking global type issues exposed by using ts path aliases", + "packageName": "@fluentui/style-utilities", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "none" +} diff --git a/packages/merge-styles/src/Stylesheet.ts b/packages/merge-styles/src/Stylesheet.ts index aa536ccb805987..daf6257a705a04 100644 --- a/packages/merge-styles/src/Stylesheet.ts +++ b/packages/merge-styles/src/Stylesheet.ts @@ -104,7 +104,10 @@ let _global: (Window | {}) & { // Grab window. try { - _global = window || {}; + // Why the cast? + // if compiled/type checked in same program with `@fluentui/font-icons-mdl2` which extends `Window` on global + // ( check packages/font-icons-mdl2/src/index.ts ) the definitions don't match! Thus the need of this extra assertion + _global = (window || {}) as typeof _global; } catch { /* leave as blank object */ } diff --git a/packages/style-utilities/src/utilities/icons.ts b/packages/style-utilities/src/utilities/icons.ts index a151bc2c691d2d..9c454f89215a39 100644 --- a/packages/style-utilities/src/utilities/icons.ts +++ b/packages/style-utilities/src/utilities/icons.ts @@ -219,7 +219,7 @@ export function setIconOptions(options: Partial): void { } let _missingIcons: string[] = []; -let _missingIconsTimer: number | undefined = undefined; +let _missingIconsTimer: ReturnType | undefined = undefined; function _warnDuplicateIcon(iconName: string): void { const options = _iconSettings.__options; diff --git a/scripts/tasks/ts.ts b/scripts/tasks/ts.ts index 94493729686123..df18fd66d53a55 100644 --- a/scripts/tasks/ts.ts +++ b/scripts/tasks/ts.ts @@ -1,7 +1,7 @@ import * as path from 'path'; import { tscTask, TscTaskOptions, logger } from 'just-scripts'; import { getJustArgv } from './argv'; -import { getTsPathAliasesConfig } from './utils'; +import { getTsPathAliasesConfig, getTsPathAliasesConfigV8 } from './utils'; const libPath = path.resolve(process.cwd(), 'lib'); const srcPath = path.resolve(process.cwd(), 'src'); @@ -22,6 +22,15 @@ function prepareTsTaskConfig(options: TscTaskOptions) { options.sourceMap = true; } + const { isUsingV8pathAliases, tsConfigFileV8 } = getTsPathAliasesConfigV8(); + + if (isUsingV8pathAliases) { + logger.info(`📣 TSC: V8 package is using TS path aliases. Overriding tsconfig settings.`); + options.baseUrl = '.'; + options.rootDir = './src'; + options.project = tsConfigFileV8; + } + const { isUsingTsSolutionConfigs, tsConfigFile, tsConfig } = getTsPathAliasesConfig(); if (isUsingTsSolutionConfigs && tsConfig) { diff --git a/scripts/tasks/utils.ts b/scripts/tasks/utils.ts index 60ac3cf3daaa32..80f4bec8a8978b 100644 --- a/scripts/tasks/utils.ts +++ b/scripts/tasks/utils.ts @@ -2,6 +2,7 @@ import * as fs from 'fs'; import * as path from 'path'; import * as jju from 'jju'; import type { TscTaskOptions } from 'just-scripts'; +import { stripJsonComments } from '@nrwl/devkit'; export function getTsPathAliasesConfig() { const cwd = process.cwd(); @@ -17,6 +18,15 @@ export function getTsPathAliasesConfig() { return { tsConfig, isUsingTsSolutionConfigs, tsConfigFile, tsConfigPath, packageJson }; } +export function getTsPathAliasesConfigV8() { + const cwd = process.cwd(); + const tsConfigFile = 'tsconfig.json'; + const tsConfigPath = path.join(cwd, `./${tsConfigFile}`); + const tsConfig = JSON.parse(stripJsonComments(fs.readFileSync(tsConfigPath, 'utf-8'))); + const isUsingV8pathAliases = tsConfig.extends && tsConfig.extends.includes('tsconfig.base.v8.json'); + return { isUsingV8pathAliases, tsConfigFileV8: tsConfigFile }; +} + const packagesWithInvalidTypes = [ /** * @see @storybook/api/dist/ts3.9/lib/stories.d.ts:1:8 - `import React from 'react'` diff --git a/tsconfig.base.v8.json b/tsconfig.base.v8.json new file mode 100644 index 00000000000000..c4a84fb985c00c --- /dev/null +++ b/tsconfig.base.v8.json @@ -0,0 +1,61 @@ +{ + "compilerOptions": { + "moduleResolution": "Node", + "pretty": true, + "sourceMap": true, + "skipLibCheck": true, + "forceConsistentCasingInFileNames": true, + "strictNullChecks": true, + "noImplicitAny": true, + "typeRoots": ["node_modules/@types", "./typings"], + "rootDir": ".", + "baseUrl": ".", + "paths": { + "@fluentui/api-docs": ["packages/api-docs/src/index.ts"], + "@fluentui/azure-themes": ["packages/azure-themes/src/index.ts"], + "@fluentui/codemods": ["packages/codemods/src/index.ts"], + "@fluentui/date-time-utilities": ["packages/date-time-utilities/src/index.ts"], + "@fluentui/example-data": ["packages/example-data/src/index.ts"], + "@fluentui/font-icons-mdl2": ["packages/font-icons-mdl2/src/index.ts"], + "@fluentui/foundation-legacy": ["packages/foundation-legacy/src/index.ts"], + "@fluentui/jest-serializer-merge-styles": ["packages/jest-serializer-merge-styles/src/index.ts"], + "@fluentui/merge-styles": ["packages/merge-styles/src/index.ts"], + "@fluentui/react": ["packages/react/src/index.ts"], + "@fluentui/react/lib/*": ["packages/react/src/*"], + "@fluentui/react-date-time": ["packages/react-date-time/src/index.ts"], + "@fluentui/react-experiments": ["packages/react-experiments/src/index.ts"], + "@fluentui/react-experiments/lib/*": ["packages/react-experiments/src/*"], + "@fluentui/react-file-type-icons": ["packages/react-file-type-icons/src/index.ts"], + "@fluentui/react-focus": ["packages/react-focus/src/index.ts"], + "@fluentui/react-hooks": ["packages/react-hooks/src/index.ts"], + "@fluentui/scheme-utilities": ["packages/scheme-utilities/src/index.ts"], + "@fluentui/set-version": ["packages/set-version/src/index.ts"], + "@fluentui/style-utilities": ["packages/style-utilities/src/index.ts"], + "@fluentui/test-utilities": ["packages/test-utilities/src/index.ts"], + "@fluentui/theme-samples": ["packages/theme-samples/src/index.ts"], + "@fluentui/utilities": ["packages/utilities/src/index.ts"], + "@fluentui/webpack-utilities": ["packages/utilities/src/index.ts"], + "@fluentui/dom-utilities": ["packages/dom-utilities/src/index.ts"], + "@fluentui/theme": ["packages/theme/src/index.ts"], + "@fluentui/react-cards": ["packages/react-cards/src/index.ts"], + "@fluentui/react-charting": ["packages/react-charting/src/index.ts"], + "@fluentui/react-window-provider": ["packages/react-window-provider/src/index.ts"], + "@fluentui/react-icons-mdl2": ["packages/react-icons-mdl2/src/index.ts"], + "@fluentui/react-icons-mdl2-branded": ["packages/react-icons-mdl2-branded/src/index.ts"], + "@fluentui/react-icon-provider": ["packages/react-icon-provider/src/index.ts"], + "@fluentui/react-examples": ["packages/react-examples/src/index.ts"], + "@fluentui/react-examples/lib/*": ["packages/react-examples/src/*"], + "@fluentui/public-docsite-setup": ["packages/public-docsite-setup/src/index.ts"], + "@fluentui/react-docsite-components": ["packages/react-docsite-components/src/index.ts"], + "@fluentui/react-docsite-components/lib/index2": ["packages/react-docsite-components/src/index2.ts"], + "@fluentui/monaco-editor": [ + "packages/monaco-editor/esm/vs/editor/editor.api.d.ts", + "packages/monaco-editor/src/monacoBundle.ts" + ], + "@fluentui/monaco-editor/esm/*": ["packages/monaco-editor/esm/"], + "@fluentui/monaco-editor/lib/*": ["packages/monaco-editor/src/*"], + "@fluentui/react-monaco-editor": ["packages/react-monaco-editor/src/index.ts"], + "@fluentui/storybook": ["packages/storybook/src/index.ts"] + } + } +}