From 47b42efbbe9e869864973f3b2cb717e6112b8106 Mon Sep 17 00:00:00 2001 From: Elizabeth Craig Date: Tue, 9 Feb 2021 02:20:55 -0800 Subject: [PATCH] Merge react-internal back into react (#16832) * Merge react and react-internal changelogs * Move react-internal contents back to react * Merge config files * Make react-date-time re-export from react * Remove config references to react-internal * Update references to react-internal * Update react-date-time references to mostly point to react * Update APIs and eslint-disables * fix api-docs generation by renaming CompatButton docCategory to Button --- .github/CODEOWNERS | 112 +- apps/pr-deploy-site/just.config.ts | 1 - apps/pr-deploy-site/pr-deploy-site.js | 6 - apps/public-docsite-resources/package.json | 1 - .../src/components/DemoPage.types.ts | 2 +- .../src/components/pages/CalendarPage.tsx | 2 +- .../src/components/pages/DatePickerPage.tsx | 2 +- apps/public-docsite/package.json | 1 - .../SiteDefinition.pages/Controls/web.tsx | 2 +- .../pages/Controls/ButtonPage/ButtonPage.tsx | 2 +- .../Controls/CalendarPage/CalendarPage.doc.ts | 2 +- .../src/pages/Controls/ControlsAreaPage.tsx | 2 +- .../DatePickerPage/DatePickerPage.doc.ts | 2 +- .../src/pages/Controls/LinkPage/LinkPage.tsx | 2 +- .../Controls/PersonaPage/PersonaPage.tsx | 2 +- .../Controls/PickersPage/PickersPage.doc.ts | 2 +- .../Controls/SeparatorPage/SeparatorPage.tsx | 2 +- .../src/pages/Controls/TextPage/TextPage.tsx | 2 +- .../TemplatePage/TemplatePage.doc.ts | 2 +- apps/ssr-tests/test/test.js | 2 +- ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...ntui-react-2021-02-03-09-20-40-14191.json} | 2 +- ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...act-2021-02-08-11-06-00-pragma-patch.json} | 2 +- ...-3dce3474-0d7e-4154-a41c-796dd5a4c9b1.json | 7 + ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...2021-02-04-10-19-09-no-react-internal.json | 8 + ...2021-02-04-10-19-09-no-react-internal.json | 8 + packages/api-docs/config/api-docs.js | 10 - packages/api-docs/package.json | 8 - .../VerticalStackedBarChart.base.tsx | 2 - .../react-conformance/src/defaultTests.tsx | 12 +- .../react-date-time/config/api-extractor.json | 3 - packages/react-date-time/config/pre-copy.json | 9 - packages/react-date-time/config/tests.js | 13 - .../etc/react-date-time.api.md | 553 - packages/react-date-time/package.json | 28 +- packages/react-date-time/src/Calendar.ts | 2 +- packages/react-date-time/src/DatePicker.ts | 2 +- .../react-date-time/src/DateTimeUtilities.ts | 6 +- .../react-date-time/src/WeeklyDayPicker.ts | 2 +- .../src/common/isConformant.ts | 10 - .../react-docsite-components/package.json | 1 - .../ApiReferencesTable/ApiReferencesTable.tsx | 2 +- .../ApiReferencesTableSet.tsx | 2 +- .../ApiReferencesTableSet.types.ts | 2 +- .../ApiReferencesTable/tokenResolver.ts | 2 +- .../src/components/App/App.styles.ts | 2 +- .../src/components/App/App.tsx | 5 +- .../src/components/App/App.types.ts | 2 +- .../ComponentPage/ComponentPage.types.ts | 2 +- .../src/components/Page/Page.types.ts | 2 +- .../Page/sections/ImplementationSection.tsx | 2 +- .../.storybook/preview-loader.js | 6 +- packages/react-examples/package.json | 2 - .../src/ComponentExamples.test.tsx | 8 +- .../src/react-cards/Card/Card.doc.tsx | 2 +- .../react-focus/FocusZone/FocusZone.doc.tsx | 2 +- .../react/ActivityItem/ActivityItem.doc.tsx | 4 +- .../src/react/Announced/Announced.doc.tsx | 12 +- .../src/react/Breadcrumb/Breadcrumb.doc.tsx | 2 +- .../src/react/Button/Button.doc.tsx | 4 +- .../Calendar/Calendar.Button.Example.tsx | 3 +- ....Inline.ContiguousWorkWeekDays.Example.tsx | 2 +- ...lendar.Inline.CustomDayCellRef.Example.tsx | 2 +- ...Calendar.Inline.DateBoundaries.Example.tsx | 2 +- .../Calendar/Calendar.Inline.Example.tsx | 2 +- .../Calendar.Inline.MarkedDays.Example.tsx | 2 +- .../Calendar.Inline.MonthOnly.Example.tsx | 2 +- ...Calendar.Inline.MonthSelection.Example.tsx | 2 +- ...alendar.Inline.MultidayDayView.Example.tsx | 3 +- ...line.NonContiguousWorkWeekDays.Example.tsx | 2 +- ...dar.Inline.OverlaidMonthPicker.Example.tsx | 2 +- .../Calendar/Calendar.Inline.SixWeeks.tsx | 2 +- .../Calendar.Inline.WeekNumbers.Example.tsx | 2 +- .../Calendar.Inline.WeekSelection.Example.tsx | 2 +- .../Calendar/Calendar.doc.tsx | 34 +- .../Calendar/docs/CalendarBestPractices.md | 0 .../Calendar/docs/CalendarOverview.md | 0 .../src/react/Callout/Callout.doc.tsx | 4 +- .../src/react/Checkbox/Checkbox.doc.tsx | 4 +- .../src/react/ChoiceGroup/ChoiceGroup.doc.tsx | 4 +- .../src/react/Coachmark/Coachmark.doc.tsx | 4 +- .../src/react/ColorPicker/ColorPicker.doc.tsx | 4 +- .../src/react/ComboBox/ComboBox.doc.tsx | 2 +- .../src/react/CommandBar/CommandBar.doc.tsx | 4 +- .../ContextualMenu/ContextualMenu.doc.tsx | 5 +- .../DatePicker/DatePicker.Basic.Example.tsx | 3 +- .../DatePicker/DatePicker.Bounded.Example.tsx | 2 +- .../DatePicker.Disabled.Example.tsx | 3 +- .../DatePicker.ExternalControls.Example.tsx | 4 +- .../DatePicker/DatePicker.Format.Example.tsx | 3 +- .../DatePicker/DatePicker.Input.Example.tsx | 3 +- .../DatePicker.Required.Example.tsx | 3 +- .../DatePicker.WeekNumbers.Example.tsx | 3 +- .../DatePicker/DatePicker.doc.tsx | 24 +- .../docs/DatePickerBestPractices.md | 0 .../DatePicker/docs/DatePickerOverview.md | 0 .../src/react/DetailsList/DetailsList.doc.tsx | 2 +- .../src/react/Dialog/Dialog.doc.tsx | 4 +- .../src/react/Divider/Divider.doc.tsx | 4 +- .../react/DocumentCard/DocumentCard.doc.tsx | 2 +- .../src/react/Dropdown/Dropdown.doc.tsx | 2 +- .../ExtendedPeoplePicker.doc.tsx | 4 +- .../ExtendedPeoplePicker.doc.tsx | 4 +- .../src/react/Facepile/Facepile.doc.tsx | 4 +- .../FloatingPeoplePicker.doc.tsx | 7 +- .../react/FocusTrapZone/FocusTrapZone.doc.tsx | 5 +- .../src/react/GroupedList/GroupedList.doc.tsx | 2 +- .../src/react/HoverCard/HoverCard.doc.tsx | 4 +- .../src/react/Icon/Icon.doc.tsx | 4 +- .../src/react/Image/Image.doc.tsx | 4 +- .../src/react/Keytip/Keytips.doc.tsx | 4 +- .../src/react/Label/Label.doc.tsx | 4 +- .../src/react/Layer/Layer.doc.tsx | 4 +- .../src/react/Link/Link.doc.tsx | 4 +- .../src/react/List/List.doc.tsx | 4 +- .../MarqueeSelection/MarqueeSelection.doc.tsx | 5 +- .../src/react/MessageBar/MessageBar.doc.tsx | 4 +- .../src/react/Modal/Modal.doc.tsx | 4 +- .../react-examples/src/react/Nav/Nav.doc.tsx | 4 +- .../src/react/OverflowSet/OverflowSet.doc.tsx | 4 +- .../src/react/Overlay/Overlay.doc.tsx | 4 +- .../src/react/Panel/Panel.doc.tsx | 4 +- .../react/PeoplePicker/PeoplePicker.doc.tsx | 6 +- .../src/react/Persona/Persona.doc.tsx | 4 +- .../src/react/Pickers/Pickers.doc.tsx | 4 +- .../src/react/Pivot/Pivot.doc.tsx | 4 +- .../ProgressIndicator.doc.tsx | 5 +- .../src/react/Rating/Rating.doc.tsx | 4 +- .../src/react/ResizeGroup/ResizeGroup.doc.tsx | 4 +- .../ScrollablePane/ScrollablePane.doc.tsx | 5 +- .../src/react/SearchBox/SearchBox.doc.tsx | 4 +- .../SelectedPeopleList.doc.tsx | 7 +- .../src/react/Selection/Selection.doc.tsx | 2 +- .../src/react/Separator/Separator.doc.tsx | 4 +- .../src/react/Shimmer/Shimmer.doc.tsx | 4 +- .../src/react/Slider/Slider.doc.tsx | 4 +- .../src/react/SpinButton/SpinButton.doc.tsx | 4 +- .../src/react/Spinner/Spinner.doc.tsx | 4 +- .../src/react/Stack/Stack.doc.tsx | 4 +- .../SwatchColorPicker.doc.tsx | 5 +- .../TeachingBubble/TeachingBubble.doc.tsx | 5 +- .../src/react/Text/Text.doc.tsx | 4 +- .../src/react/TextField/TextField.doc.tsx | 4 +- .../src/react/Theme/Theme.doc.tsx | 2 +- .../react/ThemeProvider/ThemeProvider.doc.tsx | 2 +- .../src/react/Toggle/Toggle.doc.tsx | 4 +- .../src/react/Tooltip/Tooltip.doc.tsx | 4 +- .../WeeklyDayPicker.Example.scss | 0 .../WeeklyDayPicker.Inline.Example.tsx | 2 +- ...klyDayPicker.Inline.Expandable.Example.tsx | 2 +- ...klyDayPicker.Inline.MarkedDays.Example.tsx | 2 +- .../WeeklyDayPicker/WeeklyDayPickerPage.tsx | 6 +- packages/react-experiments/package.json | 1 - .../Button/Actionable/Actionable.styles.ts | 2 +- .../src/components/Button/Button.styles.ts | 2 +- .../Button/ButtonVariants/CompoundButton.tsx | 2 +- .../components/Pagination/Pagination.base.tsx | 2 +- packages/react-internal/.npmignore | 32 - packages/react-internal/.vscode/settings.json | 38 - packages/react-internal/CHANGELOG.json | 1046 -- packages/react-internal/CHANGELOG.md | 417 - packages/react-internal/LICENSE | 15 - packages/react-internal/README.md | 7 - .../__mocks__/@fluentui/utilities.ts | 52 - .../config/api-extractor-compat.json | 13 - .../react-internal/config/api-extractor.json | 3 - packages/react-internal/config/tests.js | 11 - .../etc/react-internal-compat.api.md | 298 - .../react-internal/etc/react-internal.api.md | 7576 ----------- packages/react-internal/jest.config.js | 9 - packages/react-internal/just.config.ts | 3 - packages/react-internal/package.json | 76 - packages/react-internal/src/ActivityItem.ts | 1 - packages/react-internal/src/Announced.ts | 1 - packages/react-internal/src/Autofill.ts | 1 - packages/react-internal/src/Callout.ts | 1 - packages/react-internal/src/Check.ts | 1 - packages/react-internal/src/Checkbox.ts | 1 - packages/react-internal/src/ChoiceGroup.ts | 1 - .../react-internal/src/ChoiceGroupOption.ts | 1 - packages/react-internal/src/Coachmark.ts | 1 - packages/react-internal/src/Color.ts | 1 - packages/react-internal/src/ColorPicker.ts | 1 - packages/react-internal/src/CommandBar.ts | 1 - packages/react-internal/src/ContextualMenu.ts | 1 - packages/react-internal/src/Dialog.ts | 2 - packages/react-internal/src/Divider.ts | 1 - packages/react-internal/src/DragDrop.ts | 1 - packages/react-internal/src/ExtendedPicker.ts | 1 - packages/react-internal/src/Fabric.ts | 1 - packages/react-internal/src/Facepile.ts | 1 - packages/react-internal/src/FloatingPicker.ts | 1 - packages/react-internal/src/FocusTrapZone.ts | 1 - packages/react-internal/src/FocusZone.ts | 1 - packages/react-internal/src/Grid.ts | 1 - packages/react-internal/src/HoverCard.ts | 1 - packages/react-internal/src/Icon.ts | 1 - packages/react-internal/src/Icons.ts | 1 - packages/react-internal/src/Image.ts | 1 - packages/react-internal/src/Keytip.ts | 1 - packages/react-internal/src/KeytipData.ts | 1 - packages/react-internal/src/KeytipLayer.ts | 1 - packages/react-internal/src/Keytips.ts | 4 - packages/react-internal/src/Label.ts | 1 - packages/react-internal/src/Layer.ts | 2 - packages/react-internal/src/Link.ts | 2 - packages/react-internal/src/List.ts | 1 - .../react-internal/src/MarqueeSelection.ts | 3 - packages/react-internal/src/MessageBar.ts | 1 - packages/react-internal/src/Modal.ts | 2 - packages/react-internal/src/Nav.ts | 1 - packages/react-internal/src/OverflowSet.ts | 1 - packages/react-internal/src/Overlay.ts | 1 - packages/react-internal/src/Panel.ts | 1 - packages/react-internal/src/Persona.ts | 1 - packages/react-internal/src/PersonaCoin.ts | 1 - .../react-internal/src/PersonaPresence.ts | 1 - packages/react-internal/src/Pickers.ts | 1 - packages/react-internal/src/Pivot.ts | 1 - packages/react-internal/src/Popup.ts | 1 - packages/react-internal/src/Positioning.ts | 1 - .../src/PositioningContainer.ts | 1 - .../react-internal/src/ProgressIndicator.ts | 1 - packages/react-internal/src/Rating.ts | 1 - packages/react-internal/src/ResizeGroup.ts | 1 - packages/react-internal/src/ScrollablePane.ts | 1 - packages/react-internal/src/SearchBox.ts | 1 - .../react-internal/src/SelectableOption.ts | 1 - .../react-internal/src/SelectedItemsList.ts | 1 - packages/react-internal/src/Selection.ts | 1 - packages/react-internal/src/Separator.ts | 1 - packages/react-internal/src/Shimmer.ts | 1 - packages/react-internal/src/Slider.ts | 1 - packages/react-internal/src/SpinButton.ts | 1 - packages/react-internal/src/Spinner.ts | 1 - packages/react-internal/src/Stack.ts | 1 - packages/react-internal/src/Sticky.ts | 1 - packages/react-internal/src/Styling.ts | 2 - .../react-internal/src/SwatchColorPicker.ts | 1 - packages/react-internal/src/TeachingBubble.ts | 1 - packages/react-internal/src/Text.ts | 1 - packages/react-internal/src/TextField.ts | 1 - packages/react-internal/src/Theme.ts | 2 - packages/react-internal/src/ThemeGenerator.ts | 1 - packages/react-internal/src/Toggle.ts | 1 - packages/react-internal/src/Tooltip.ts | 1 - packages/react-internal/src/Utilities.ts | 2 - packages/react-internal/src/WindowProvider.ts | 2 - .../react-internal/src/common/isConformant.ts | 10 - packages/react-internal/src/compat/Button.ts | 1 - packages/react-internal/src/compat/index.ts | 1 - .../components/ComponentConformance.test.tsx | 2 +- packages/react-internal/src/index.ts | 79 - packages/react-internal/src/version.ts | 4 - packages/react-internal/tsconfig.json | 24 - .../src/transpiler/transpileHelpers.test.ts | 2 +- .../src/utilities/defaultSupportedPackages.ts | 2 +- packages/react-slider/package.json | 2 +- .../src/components/Slider/Slider.base.tsx | 2 +- packages/react-tabs/etc/react-tabs.api.md | 4 +- packages/react-tabs/package.json | 2 +- .../src/components/Tabs/TabItem.types.ts | 4 +- .../src/components/Tabs/Tabs.base.tsx | 4 +- packages/react-toggle/package.json | 2 +- .../src/components/Toggle/Toggle.tsx | 2 +- .../{react-internal => react}/.eslintrc.js | 0 packages/react/.eslintrc.json | 5 - packages/react/CHANGELOG.md | 308 +- packages/react/etc/react-compat.api.md | 288 +- packages/react/etc/react.api.md | 11107 ++++++++++++++-- packages/react/package.json | 10 +- packages/react/src/ActivityItem.ts | 2 +- packages/react/src/Announced.ts | 2 +- packages/react/src/Autofill.ts | 2 +- packages/react/src/Button.ts | 2 +- .../src/ButtonGrid.ts | 0 packages/react/src/Calendar.ts | 2 +- packages/react/src/Callout.ts | 2 +- packages/react/src/Check.ts | 2 +- packages/react/src/Checkbox.ts | 2 +- packages/react/src/ChoiceGroup.ts | 2 +- packages/react/src/ChoiceGroupOption.ts | 2 +- packages/react/src/Coachmark.ts | 2 +- packages/react/src/Color.ts | 2 +- packages/react/src/ColorPicker.ts | 2 +- packages/react/src/CommandBar.ts | 2 +- packages/react/src/ContextualMenu.ts | 2 +- packages/react/src/DatePicker.ts | 2 +- packages/react/src/DateTimeUtilities.ts | 4 +- packages/react/src/Dialog.ts | 3 +- packages/react/src/Divider.ts | 2 +- packages/react/src/DragDrop.ts | 2 +- packages/react/src/ExtendedPicker.ts | 2 +- packages/react/src/Fabric.ts | 2 +- packages/react/src/Facepile.ts | 2 +- packages/react/src/FloatingPicker.ts | 2 +- packages/react/src/FocusTrapZone.ts | 2 +- packages/react/src/FocusZone.ts | 2 +- packages/react/src/Grid.ts | 2 +- packages/react/src/HoverCard.ts | 2 +- packages/react/src/Icon.ts | 2 +- packages/react/src/Icons.ts | 2 +- packages/react/src/Image.ts | 2 +- packages/react/src/Keytip.ts | 2 +- packages/react/src/KeytipData.ts | 2 +- packages/react/src/KeytipLayer.ts | 2 +- packages/react/src/Keytips.ts | 5 +- packages/react/src/Label.ts | 2 +- packages/react/src/Layer.ts | 3 +- packages/react/src/Link.ts | 3 +- packages/react/src/List.ts | 2 +- packages/react/src/MarqueeSelection.ts | 4 +- packages/react/src/MessageBar.ts | 2 +- packages/react/src/Modal.ts | 3 +- packages/react/src/Nav.ts | 2 +- packages/react/src/OverflowSet.ts | 2 +- packages/react/src/Overlay.ts | 2 +- packages/react/src/Panel.ts | 2 +- packages/react/src/Persona.ts | 2 +- packages/react/src/PersonaCoin.ts | 2 +- packages/react/src/PersonaPresence.ts | 2 +- packages/react/src/Pickers.ts | 2 +- packages/react/src/Pivot.ts | 2 +- packages/react/src/Popup.ts | 2 +- packages/react/src/Positioning.ts | 2 +- packages/react/src/PositioningContainer.ts | 2 +- packages/react/src/ProgressIndicator.ts | 2 +- packages/react/src/Rating.ts | 2 +- packages/react/src/ResizeGroup.ts | 2 +- packages/react/src/ScrollablePane.ts | 2 +- packages/react/src/SearchBox.ts | 2 +- packages/react/src/SelectableOption.ts | 2 +- packages/react/src/SelectedItemsList.ts | 2 +- packages/react/src/Selection.ts | 2 +- packages/react/src/Separator.ts | 2 +- packages/react/src/Shimmer.ts | 2 +- packages/react/src/Slider.ts | 2 +- packages/react/src/SpinButton.ts | 2 +- packages/react/src/Spinner.ts | 2 +- packages/react/src/Stack.ts | 2 +- packages/react/src/Sticky.ts | 2 +- packages/react/src/Styling.ts | 3 +- packages/react/src/SwatchColorPicker.ts | 2 +- packages/react/src/TeachingBubble.ts | 2 +- packages/react/src/Text.ts | 2 +- packages/react/src/TextField.ts | 2 +- packages/react/src/Theme.ts | 3 +- packages/react/src/ThemeGenerator.ts | 2 +- packages/react/src/Toggle.ts | 2 +- packages/react/src/Tooltip.ts | 2 +- packages/react/src/Utilities.ts | 3 +- packages/react/src/WeeklyDayPicker.ts | 2 +- packages/react/src/WindowProvider.ts | 3 +- .../src/common/DirectionalHint.ts | 0 .../src/common/DocPage.types.ts | 0 .../src/common/IAccessiblePopupProps.ts | 0 .../src/common/TestImages.ts | 0 .../src/common/shallowUntilTarget.ts | 0 .../src/common/testUtilities.ts | 0 packages/react/src/compat/Button.ts | 2 +- .../ActionButton/ActionButton.styles.ts | 0 .../Button/ActionButton/ActionButton.tsx | 2 +- .../Button/BaseButton.classNames.ts | 0 .../components/Button/BaseButton.styles.ts | 0 .../compat/components/Button/BaseButton.tsx | 6 +- .../Button/Button.deprecated.test.tsx | 0 .../compat/components/Button/Button.test.tsx | 0 .../src/compat/components/Button/Button.tsx | 2 +- .../compat/components/Button/Button.types.ts | 10 +- .../compat/components/Button/ButtonThemes.ts | 0 .../CommandBarButton.styles.ts | 0 .../CommandBarButton/CommandBarButton.tsx | 2 +- .../Button/CommandButton/CommandButton.tsx | 2 +- .../CompoundButton/CompoundButton.styles.ts | 0 .../Button/CompoundButton/CompoundButton.tsx | 2 +- .../DefaultButton/DefaultButton.styles.ts | 0 .../Button/DefaultButton/DefaultButton.tsx | 2 +- .../Button/IconButton/IconButton.styles.ts | 0 .../Button/IconButton/IconButton.tsx | 2 +- .../MessageBarButton.styles.ts | 0 .../MessageBarButton/MessageBarButton.tsx | 0 .../Button/PrimaryButton/PrimaryButton.tsx | 2 +- .../SplitButton/SplitButton.classNames.ts | 0 .../Button/SplitButton/SplitButton.styles.ts | 0 .../Button.deprecated.test.tsx.snap | 0 .../Button/__snapshots__/Button.test.tsx.snap | 0 .../src/compat/components/Button/index.ts | 0 .../ActivityItem/ActivityItem.classNames.ts | 0 .../ActivityItem/ActivityItem.styles.ts | 0 .../ActivityItem/ActivityItem.test.tsx | 0 .../components/ActivityItem/ActivityItem.tsx | 0 .../ActivityItem/ActivityItem.types.ts | 0 .../__snapshots__/ActivityItem.test.tsx.snap | 0 .../src/components/ActivityItem/index.ts | 0 .../components/Announced/Announced.base.tsx | 0 .../components/Announced/Announced.styles.ts | 0 .../components/Announced/Announced.test.tsx | 0 .../src/components/Announced/Announced.ts | 0 .../components/Announced/Announced.types.ts | 0 .../__snapshots__/Announced.test.tsx.snap | 0 .../src/components/Announced/index.ts | 0 .../src/components/Autofill/Autofill.test.tsx | 0 .../src/components/Autofill/Autofill.tsx | 0 .../src/components/Autofill/Autofill.types.ts | 0 .../src/components/Autofill/index.ts | 0 .../components/Breadcrumb/Breadcrumb.base.tsx | 2 +- .../src/components/Calendar/Calendar.base.tsx | 0 .../components/Calendar/Calendar.styles.ts | 0 .../src/components/Calendar/Calendar.test.tsx | 0 .../src/components/Calendar/Calendar.tsx | 0 .../src/components/Calendar/Calendar.types.ts | 0 .../Calendar/CalendarDay/CalendarDay.base.tsx | 2 +- .../CalendarDay/CalendarDay.styles.ts | 0 .../Calendar/CalendarDay/CalendarDay.tsx | 2 +- .../Calendar/CalendarDay/CalendarDay.types.ts | 0 .../CalendarMonth/CalendarMonth.base.tsx | 4 +- .../CalendarMonth/CalendarMonth.styles.ts | 0 .../Calendar/CalendarMonth/CalendarMonth.tsx | 2 +- .../CalendarMonth/CalendarMonth.types.ts | 0 .../CalendarPicker/CalendarPicker.styles.ts | 0 .../CalendarPicker/CalendarPicker.types.ts | 0 .../CalendarYear/CalendarYear.base.tsx | 6 +- .../CalendarYear/CalendarYear.styles.ts | 0 .../Calendar/CalendarYear/CalendarYear.tsx | 2 +- .../CalendarYear/CalendarYear.types.ts | 0 .../src/components/Calendar/defaults.ts | 0 .../src/components/Calendar/index.ts | 0 .../CalendarDayGrid/CalendarDayGrid.base.tsx | 2 +- .../CalendarDayGrid/CalendarDayGrid.styles.ts | 0 .../CalendarDayGrid/CalendarDayGrid.test.tsx | 0 .../CalendarDayGrid/CalendarDayGrid.tsx | 2 +- .../CalendarDayGrid/CalendarDayGrid.types.ts | 0 .../CalendarDayGrid/CalendarGridDayCell.tsx | 0 .../CalendarDayGrid/CalendarGridRow.tsx | 0 .../CalendarMonthHeaderRow.tsx | 0 .../src/components/Callout/Callout.test.tsx | 0 .../src/components/Callout/Callout.tsx | 0 .../src/components/Callout/Callout.types.ts | 0 .../Callout/CalloutContent.base.tsx | 0 .../Callout/CalloutContent.styles.ts | 0 .../src/components/Callout/CalloutContent.tsx | 0 .../components/Callout/FocusTrapCallout.tsx | 0 .../Callout/FocusTrapCallout.types.ts | 0 .../__snapshots__/Callout.test.tsx.snap | 0 .../src/components/Callout/index.ts | 0 .../src/components/Check/Check.base.tsx | 0 .../src/components/Check/Check.styles.ts | 0 .../src/components/Check/Check.test.tsx | 0 .../src/components/Check/Check.tsx | 0 .../src/components/Check/Check.types.ts | 0 .../src/components/Check/index.ts | 0 .../src/components/Checkbox/Checkbox.base.tsx | 0 .../components/Checkbox/Checkbox.styles.ts | 0 .../src/components/Checkbox/Checkbox.test.tsx | 0 .../src/components/Checkbox/Checkbox.tsx | 0 .../src/components/Checkbox/Checkbox.types.ts | 2 - .../__snapshots__/Checkbox.test.tsx.snap | 0 .../src/components/Checkbox/index.ts | 0 .../ChoiceGroup/ChoiceGroup.base.tsx | 0 .../ChoiceGroup/ChoiceGroup.styles.ts | 0 .../ChoiceGroup/ChoiceGroup.test.tsx | 0 .../components/ChoiceGroup/ChoiceGroup.tsx | 0 .../ChoiceGroup/ChoiceGroup.types.ts | 0 .../ChoiceGroupOption.base.tsx | 0 .../ChoiceGroupOption.styles.ts | 0 .../ChoiceGroupOption.test.tsx | 0 .../ChoiceGroupOption/ChoiceGroupOption.tsx | 0 .../ChoiceGroupOption.types.ts | 0 .../ChoiceGroupOption.test.tsx.snap | 0 .../ChoiceGroup/ChoiceGroupOption/index.ts | 0 .../__snapshots__/ChoiceGroup.test.tsx.snap | 0 .../src/components/ChoiceGroup/index.ts | 0 .../components/Coachmark/Beak/Beak.styles.ts | 0 .../src/components/Coachmark/Beak/Beak.tsx | 0 .../components/Coachmark/Beak/Beak.types.ts | 0 .../components/Coachmark/Coachmark.base.tsx | 0 .../components/Coachmark/Coachmark.styles.ts | 0 .../src/components/Coachmark/Coachmark.ts | 0 .../components/Coachmark/Coachmark.types.ts | 0 .../PositioningContainer.styles.ts | 0 .../PositioningContainer.tsx | 0 .../PositioningContainer.types.ts | 0 .../Coachmark/PositioningContainer/index.ts | 0 .../src/components/Coachmark/index.ts | 0 .../ColorPicker/ColorPicker.base.tsx | 0 .../ColorPicker.deprecated.test.tsx | 0 .../ColorPicker/ColorPicker.styles.ts | 0 .../ColorPicker/ColorPicker.test.tsx | 0 .../components/ColorPicker/ColorPicker.tsx | 0 .../ColorPicker/ColorPicker.types.ts | 0 .../ColorRectangle/ColorRectangle.base.tsx | 0 .../ColorRectangle/ColorRectangle.styles.ts | 0 .../ColorRectangle/ColorRectangle.test.tsx | 0 .../ColorRectangle/ColorRectangle.tsx | 0 .../ColorRectangle/ColorRectangle.types.ts | 0 .../ColorRectangle.test.tsx.snap | 0 .../ColorSlider/ColorSlider.base.tsx | 0 .../ColorSlider.deprecated.test.tsx | 0 .../ColorSlider/ColorSlider.styles.ts | 0 .../ColorSlider/ColorSlider.test.tsx | 0 .../ColorPicker/ColorSlider/ColorSlider.tsx | 0 .../ColorSlider/ColorSlider.types.ts | 0 .../ColorSlider.deprecated.test.tsx.snap | 0 .../__snapshots__/ColorSlider.test.tsx.snap | 0 .../__snapshots__/ColorPicker.test.tsx.snap | 0 .../src/components/ColorPicker/index.ts | 0 .../components/CommandBar/CommandBar.base.tsx | 0 .../CommandBar/CommandBar.deprecated.test.tsx | 0 .../CommandBar/CommandBar.styles.ts | 0 .../components/CommandBar/CommandBar.test.tsx | 0 .../src/components/CommandBar/CommandBar.tsx | 0 .../components/CommandBar/CommandBar.types.ts | 0 .../CommandBar.deprecated.test.tsx.snap | 0 .../__snapshots__/CommandBar.test.tsx.snap | 0 .../src/components/CommandBar/index.ts | 0 .../components/ComponentConformance.test.tsx | 60 + .../ContextualMenu/ContextualMenu.base.tsx | 0 .../ContextualMenu.classNames.ts | 0 .../ContextualMenu/ContextualMenu.cnstyles.ts | 0 .../ContextualMenu.deprecated.test.tsx | 0 .../ContextualMenu/ContextualMenu.styles.ts | 0 .../ContextualMenu/ContextualMenu.test.tsx | 0 .../ContextualMenu/ContextualMenu.tsx | 0 .../ContextualMenu/ContextualMenu.types.ts | 0 .../ContextualMenuItem.base.tsx | 0 .../ContextualMenuItem.test.tsx | 0 .../ContextualMenu/ContextualMenuItem.ts | 0 .../ContextualMenuItem.types.ts | 0 .../ContextualMenuAnchor.deprecated.test.tsx | 0 .../ContextualMenuAnchor.test.tsx | 0 .../ContextualMenuAnchor.tsx | 0 .../ContextualMenuButton.deprecated.test.tsx | 0 .../ContextualMenuButton.test.tsx | 0 .../ContextualMenuButton.tsx | 0 .../ContextualMenuItemWrapper.tsx | 0 .../ContextualMenuItemWrapper.types.ts | 0 ...textualMenuSplitButton.deprecated.test.tsx | 0 .../ContextualMenuSplitButton.test.tsx | 0 .../ContextualMenuSplitButton.tsx | 0 ...textualMenuAnchor.deprecated.test.tsx.snap | 0 .../ContextualMenuAnchor.test.tsx.snap | 0 ...textualMenuButton.deprecated.test.tsx.snap | 0 .../ContextualMenuButton.test.tsx.snap | 0 ...alMenuSplitButton.deprecated.test.tsx.snap | 0 .../ContextualMenuSplitButton.test.tsx.snap | 0 .../ContextualMenuItemWrapper/index.ts | 0 .../ContextualMenu.test.tsx.snap | 0 .../ContextualMenuItem.test.tsx.snap | 0 .../src/components/ContextualMenu/index.ts | 0 .../components/DatePicker/DatePicker.base.tsx | 6 +- .../DatePicker/DatePicker.styles.ts | 0 .../components/DatePicker/DatePicker.test.tsx | 6 +- .../src/components/DatePicker/DatePicker.tsx | 0 .../components/DatePicker/DatePicker.types.ts | 4 +- .../__snapshots__/DatePicker.test.tsx.snap | 10 +- .../src/components/DatePicker/defaults.ts | 0 .../src/components/DatePicker/index.ts | 0 .../DetailsList/DetailsList.base.tsx | 2 +- .../DetailsList/DetailsList.types.ts | 2 +- .../DetailsList/DetailsRow.types.ts | 2 +- .../DetailsList/DetailsRowCheck.styles.ts | 2 +- .../src/components/Dialog/Dialog.base.tsx | 0 .../Dialog/Dialog.deprecated.test.tsx | 0 .../src/components/Dialog/Dialog.styles.ts | 0 .../src/components/Dialog/Dialog.test.tsx | 0 .../src/components/Dialog/Dialog.tsx | 0 .../src/components/Dialog/Dialog.types.ts | 0 .../components/Dialog/DialogContent.base.tsx | 0 .../components/Dialog/DialogContent.styles.ts | 0 .../src/components/Dialog/DialogContent.tsx | 0 .../components/Dialog/DialogContent.types.ts | 0 .../components/Dialog/DialogFooter.base.tsx | 0 .../components/Dialog/DialogFooter.styles.ts | 0 .../src/components/Dialog/DialogFooter.tsx | 0 .../components/Dialog/DialogFooter.types.ts | 0 .../Dialog.deprecated.test.tsx.snap | 0 .../Dialog/__snapshots__/Dialog.test.tsx.snap | 0 .../src/components/Dialog/index.ts | 0 .../Divider/VerticalDivider.base.tsx | 0 .../Divider/VerticalDivider.classNames.ts | 0 .../Divider/VerticalDivider.styles.ts | 0 .../Divider/VerticalDivider.test.tsx | 0 .../components/Divider/VerticalDivider.tsx | 0 .../Divider/VerticalDivider.types.ts | 0 .../src/components/Divider/index.ts | 0 .../src/components/Dropdown/Dropdown.base.tsx | 7 +- .../src/components/Dropdown/Dropdown.types.ts | 2 +- .../ExtendedPicker/BaseExtendedPicker.scss | 0 .../BaseExtendedPicker.test.tsx | 0 .../ExtendedPicker/BaseExtendedPicker.tsx | 0 .../BaseExtendedPicker.types.ts | 0 .../PeoplePicker/ExtendedPeoplePicker.scss | 0 .../PeoplePicker/ExtendedPeoplePicker.tsx | 0 .../BaseExtendedPicker.test.tsx.snap | 0 .../src/components/ExtendedPicker/index.ts | 0 .../src/components/Fabric/Fabric.base.tsx | 0 .../src/components/Fabric/Fabric.styles.ts | 0 .../src/components/Fabric/Fabric.test.tsx | 0 .../src/components/Fabric/Fabric.tsx | 0 .../src/components/Fabric/Fabric.types.ts | 0 .../Fabric/__snapshots__/Fabric.test.tsx.snap | 0 .../src/components/Fabric/index.ts | 0 .../src/components/Facepile/Facepile.base.tsx | 0 .../components/Facepile/Facepile.styles.ts | 0 .../src/components/Facepile/Facepile.test.tsx | 0 .../src/components/Facepile/Facepile.tsx | 0 .../src/components/Facepile/Facepile.types.ts | 0 .../Facepile/FacepileButton.styles.ts | 0 .../components/Facepile/FacepileButton.tsx | 0 .../__snapshots__/Facepile.test.tsx.snap | 0 .../src/components/Facepile/index.ts | 0 .../FloatingPicker/BaseFloatingPicker.scss | 0 .../BaseFloatingPicker.test.tsx | 0 .../FloatingPicker/BaseFloatingPicker.tsx | 0 .../BaseFloatingPicker.types.ts | 0 .../PeoplePicker/FloatingPeoplePicker.tsx | 0 .../PeoplePicker/PeoplePicker.scss | 0 .../PeoplePickerItems/PickerItemsDefault.scss | 0 .../PeoplePickerItems/SelectedItemDefault.tsx | 0 .../SuggestionItemDefault.tsx | 0 .../Suggestions/SuggestionStore.test.tsx | 0 .../Suggestions/Suggestions.types.ts | 0 .../Suggestions/SuggestionsControl.scss | 0 .../Suggestions/SuggestionsControl.test.tsx | 0 .../Suggestions/SuggestionsControl.tsx | 0 .../Suggestions/SuggestionsCore.scss | 0 .../Suggestions/SuggestionsCore.tsx | 0 .../Suggestions/SuggestionsStore.ts | 0 .../BaseFloatingPicker.test.tsx.snap | 0 .../src/components/FloatingPicker/index.ts | 0 .../FocusTrapZone/FocusTrapZone.test.tsx | 0 .../FocusTrapZone/FocusTrapZone.tsx | 0 .../FocusTrapZone/FocusTrapZone.types.ts | 0 .../src/components/FocusTrapZone/index.ts | 0 .../GroupedList/GroupedList.types.ts | 2 +- .../GroupedList/GroupedListSection.tsx | 2 +- .../components/HoverCard/BaseCard.types.ts | 0 .../HoverCard/CardCallout/CardCallout.tsx | 0 .../HoverCard/ExpandingCard.base.tsx | 0 .../HoverCard/ExpandingCard.styles.ts | 0 .../src/components/HoverCard/ExpandingCard.ts | 0 .../HoverCard/ExpandingCard.types.ts | 0 .../components/HoverCard/HoverCard.base.tsx | 0 .../components/HoverCard/HoverCard.styles.ts | 0 .../components/HoverCard/HoverCard.test.tsx | 0 .../src/components/HoverCard/HoverCard.ts | 0 .../components/HoverCard/HoverCard.types.ts | 0 .../HoverCard/PlainCard/PlainCard.base.tsx | 0 .../HoverCard/PlainCard/PlainCard.styles.ts | 0 .../HoverCard/PlainCard/PlainCard.ts | 0 .../HoverCard/PlainCard/PlainCard.types.ts | 0 .../__snapshots__/HoverCard.test.tsx.snap | 0 .../src/components/HoverCard/index.ts | 0 .../src/components/Icon/FontIcon.test.tsx | 0 .../src/components/Icon/FontIcon.tsx | 0 .../src/components/Icon/Icon.base.tsx | 0 .../src/components/Icon/Icon.styles.ts | 0 .../src/components/Icon/Icon.test.tsx | 0 .../src/components/Icon/Icon.tsx | 0 .../src/components/Icon/Icon.types.ts | 0 .../src/components/Icon/ImageIcon.tsx | 0 .../Icon/__snapshots__/FontIcon.test.tsx.snap | 0 .../Icon/__snapshots__/Icon.test.tsx.snap | 0 .../src/components/Icon/index.ts | 0 .../src/components/Image/Image.base.tsx | 0 .../src/components/Image/Image.styles.ts | 0 .../src/components/Image/Image.test.tsx | 0 .../src/components/Image/Image.tsx | 0 .../src/components/Image/Image.types.ts | 0 .../Image/__snapshots__/Image.test.tsx.snap | 0 .../src/components/Image/index.ts | 0 .../src/components/Keytip/Keytip.styles.ts | 0 .../src/components/Keytip/Keytip.tsx | 0 .../src/components/Keytip/Keytip.types.ts | 0 .../components/Keytip/KeytipContent.base.tsx | 0 .../components/Keytip/KeytipContent.test.tsx | 0 .../src/components/Keytip/KeytipContent.tsx | 0 .../__snapshots__/KeytipContent.test.tsx.snap | 0 .../src/components/Keytip/index.ts | 0 .../src/components/KeytipData/KeytipData.tsx | 0 .../components/KeytipData/KeytipData.types.ts | 0 .../src/components/KeytipData/index.ts | 0 .../KeytipData/useKeytipData.test.tsx | 0 .../components/KeytipData/useKeytipData.ts | 0 .../KeytipData/useKeytipRef.test.ts | 0 .../src/components/KeytipData/useKeytipRef.ts | 0 .../components/KeytipLayer/IKeytipTreeNode.ts | 0 .../KeytipLayer/KeytipLayer.base.tsx | 0 .../KeytipLayer/KeytipLayer.styles.ts | 0 .../KeytipLayer/KeytipLayer.test.tsx | 0 .../components/KeytipLayer/KeytipLayer.tsx | 0 .../KeytipLayer/KeytipLayer.types.ts | 0 .../KeytipLayer/KeytipTree.test.tsx | 0 .../src/components/KeytipLayer/KeytipTree.ts | 0 .../src/components/KeytipLayer/index.ts | 0 .../src/components/Label/Label.base.tsx | 0 .../src/components/Label/Label.styles.ts | 0 .../src/components/Label/Label.test.tsx | 0 .../src/components/Label/Label.tsx | 0 .../src/components/Label/Label.types.ts | 0 .../src/components/Label/LabelMixins.scss | 0 .../Label/__snapshots__/Label.test.tsx.snap | 0 .../src/components/Label/index.ts | 0 .../src/components/Layer/Layer.base.tsx | 0 .../components/Layer/Layer.notification.ts | 0 .../src/components/Layer/Layer.styles.ts | 0 .../src/components/Layer/Layer.test.tsx | 0 .../src/components/Layer/Layer.tsx | 0 .../src/components/Layer/Layer.types.ts | 0 .../src/components/Layer/LayerHost.tsx | 0 .../src/components/Layer/LayerHost.types.ts | 0 .../Layer/__snapshots__/Layer.test.tsx.snap | 0 .../src/components/Layer/index.ts | 0 .../src/components/Link/Link.base.tsx | 0 .../src/components/Link/Link.styles.ts | 0 .../src/components/Link/Link.test.tsx | 0 .../src/components/Link/Link.tsx | 0 .../src/components/Link/Link.types.ts | 5 - .../Link/__snapshots__/Link.test.tsx.snap | 0 .../src/components/Link/index.ts | 0 .../src/components/Link/useLink.ts | 2 - .../src/components/List/List.test.tsx | 0 .../src/components/List/List.tsx | 0 .../src/components/List/List.types.ts | 0 .../List/__snapshots__/List.test.tsx.snap | 0 .../src/components/List/index.ts | 0 .../MarqueeSelection.base.tsx | 0 .../MarqueeSelection.styles.tsx | 0 .../MarqueeSelection.test.tsx | 0 .../MarqueeSelection/MarqueeSelection.tsx | 0 .../MarqueeSelection.types.ts | 0 .../MarqueeSelection.test.tsx.snap | 0 .../components/MessageBar/MessageBar.base.tsx | 0 .../MessageBar/MessageBar.styles.ts | 0 .../components/MessageBar/MessageBar.test.tsx | 0 .../src/components/MessageBar/MessageBar.tsx | 0 .../components/MessageBar/MessageBar.types.ts | 0 .../__snapshots__/MessageBar.test.tsx.snap | 0 .../src/components/MessageBar/index.ts | 0 .../src/components/Modal/Modal.base.tsx | 0 .../src/components/Modal/Modal.styles.ts | 0 .../src/components/Modal/Modal.test.tsx | 0 .../src/components/Modal/Modal.ts | 0 .../src/components/Modal/Modal.types.ts | 0 .../Modal/__snapshots__/Modal.test.tsx.snap | 0 .../src/components/Modal/index.ts | 0 .../src/components/Nav/Nav.base.tsx | 0 .../src/components/Nav/Nav.styles.ts | 0 .../src/components/Nav/Nav.test.tsx | 0 .../src/components/Nav/Nav.tsx | 0 .../src/components/Nav/Nav.types.ts | 0 .../Nav/__snapshots__/Nav.test.tsx.snap | 0 .../src/components/Nav/index.ts | 0 .../components/OverflowSet/OverflowButton.tsx | 0 .../OverflowSet/OverflowSet.base.tsx | 0 .../OverflowSet/OverflowSet.styles.ts | 0 .../OverflowSet/OverflowSet.test.tsx | 0 .../src/components/OverflowSet/OverflowSet.ts | 0 .../OverflowSet/OverflowSet.types.ts | 0 .../__snapshots__/OverflowSet.test.tsx.snap | 0 .../src/components/OverflowSet/index.ts | 0 .../src/components/Overlay/Overlay.base.tsx | 0 .../src/components/Overlay/Overlay.styles.ts | 0 .../src/components/Overlay/Overlay.test.tsx | 0 .../src/components/Overlay/Overlay.tsx | 0 .../src/components/Overlay/Overlay.types.ts | 0 .../src/components/Overlay/index.ts | 0 .../src/components/Panel/Panel.base.tsx | 0 .../src/components/Panel/Panel.styles.ts | 0 .../src/components/Panel/Panel.test.tsx | 0 .../src/components/Panel/Panel.ts | 0 .../src/components/Panel/Panel.types.ts | 0 .../Panel/__snapshots__/Panel.test.tsx.snap | 0 .../src/components/Panel/index.ts | 0 .../src/components/Persona/Persona.base.tsx | 0 .../Persona/Persona.deprecated.test.tsx | 0 .../src/components/Persona/Persona.styles.ts | 0 .../src/components/Persona/Persona.test.tsx | 0 .../src/components/Persona/Persona.tsx | 0 .../src/components/Persona/Persona.types.ts | 0 .../Persona/PersonaCoin/PersonaCoin.base.tsx | 0 .../PersonaCoin.deprecated.test.tsx | 0 .../Persona/PersonaCoin/PersonaCoin.styles.ts | 0 .../Persona/PersonaCoin/PersonaCoin.test.tsx | 0 .../Persona/PersonaCoin/PersonaCoin.tsx | 0 .../PersonaCoin.deprecated.test.tsx.snap | 0 .../__snapshots__/PersonaCoin.test.tsx.snap | 0 .../components/Persona/PersonaCoin/index.ts | 0 .../src/components/Persona/PersonaConsts.tsx | 0 .../Persona/PersonaInitialsColor.test.ts | 0 .../Persona/PersonaInitialsColor.ts | 0 .../PersonaPresence/PersonaPresence.base.tsx | 0 .../PersonaPresence/PersonaPresence.styles.ts | 0 .../PersonaPresence/PersonaPresence.test.tsx | 0 .../PersonaPresence/PersonaPresence.tsx | 0 .../PersonaPresence.test.tsx.snap | 0 .../Persona/PersonaPresence/index.ts | 0 .../Persona.deprecated.test.tsx.snap | 0 .../__snapshots__/Persona.test.tsx.snap | 0 .../src/components/Persona/index.ts | 0 .../src/components/Pivot/Pivot.base.tsx | 0 .../Pivot/Pivot.deprecated.test.tsx | 0 .../src/components/Pivot/Pivot.styles.ts | 0 .../src/components/Pivot/Pivot.test.tsx | 2 - .../src/components/Pivot/Pivot.tsx | 0 .../src/components/Pivot/Pivot.types.ts | 3 - .../src/components/Pivot/PivotItem.tsx | 0 .../src/components/Pivot/PivotItem.types.ts | 1 - .../Pivot.deprecated.test.tsx.snap | 0 .../Pivot/__snapshots__/Pivot.test.tsx.snap | 0 .../src/components/Pivot/index.ts | 0 .../src/components/Popup/Popup.tsx | 0 .../src/components/Popup/Popup.types.ts | 0 .../src/components/Popup/index.ts | 0 .../ProgressIndicator.base.tsx | 0 .../ProgressIndicator.styles.ts | 0 .../ProgressIndicator.test.tsx | 0 .../ProgressIndicator/ProgressIndicator.tsx | 0 .../ProgressIndicator.types.ts | 0 .../ProgressIndicator.test.tsx.snap | 0 .../src/components/ProgressIndicator/index.ts | 0 .../src/components/Rating/Rating.base.tsx | 0 .../src/components/Rating/Rating.styles.ts | 0 .../src/components/Rating/Rating.test.tsx | 0 .../src/components/Rating/Rating.tsx | 0 .../src/components/Rating/Rating.types.ts | 0 .../Rating/__snapshots__/Rating.test.tsx.snap | 0 .../src/components/Rating/index.ts | 0 .../ResizeGroup/ResizeGroup.base.tsx | 0 .../ResizeGroup/ResizeGroup.test.tsx | 0 .../components/ResizeGroup/ResizeGroup.tsx | 0 .../ResizeGroup/ResizeGroup.types.ts | 0 .../__snapshots__/ResizeGroup.test.tsx.snap | 0 .../src/components/ResizeGroup/index.ts | 0 .../ScrollablePane/ScrollablePane.base.tsx | 0 .../ScrollablePane/ScrollablePane.scss | 0 .../ScrollablePane/ScrollablePane.styles.ts | 0 .../ScrollablePane/ScrollablePane.test.tsx | 0 .../ScrollablePane/ScrollablePane.tsx | 0 .../ScrollablePane/ScrollablePane.types.ts | 0 .../ScrollablePane.test.tsx.snap | 0 .../src/components/ScrollablePane/index.ts | 0 .../components/SearchBox/SearchBox.base.tsx | 0 .../components/SearchBox/SearchBox.styles.tsx | 0 .../components/SearchBox/SearchBox.test.tsx | 0 .../src/components/SearchBox/SearchBox.tsx | 0 .../components/SearchBox/SearchBox.types.ts | 0 .../__snapshots__/SearchBox.test.tsx.snap | 0 .../src/components/SearchBox/index.ts | 0 .../BaseSelectedItemsList.test.tsx | 0 .../BaseSelectedItemsList.tsx | 0 .../BaseSelectedItemsList.types.ts | 0 .../SelectedPeopleList/Items/EditingItem.scss | 0 .../Items/EditingItem.styles.ts | 0 .../SelectedPeopleList/Items/EditingItem.tsx | 0 .../Items/EditingItem.types.ts | 0 .../Items/ExtendedSelectedItem.scss | 0 .../Items/ExtendedSelectedItem.tsx | 0 .../Items/SelectedItemWithContextMenu.tsx | 0 .../SelectedPeopleList.test.tsx | 0 .../SelectedPeopleList/SelectedPeopleList.tsx | 0 .../BaseSelectedItemsList.test.tsx.snap | 0 .../src/components/SelectedItemsList/index.ts | 0 .../components/Separator/Separator.base.tsx | 0 .../components/Separator/Separator.styles.ts | 0 .../components/Separator/Separator.test.tsx | 0 .../src/components/Separator/Separator.tsx | 0 .../components/Separator/Separator.types.ts | 0 .../src/components/Separator/index.ts | 0 .../src/components/Shimmer/Shimmer.base.tsx | 0 .../src/components/Shimmer/Shimmer.styles.ts | 0 .../src/components/Shimmer/Shimmer.test.tsx | 0 .../src/components/Shimmer/Shimmer.tsx | 0 .../src/components/Shimmer/Shimmer.types.ts | 0 .../ShimmerCircle/ShimmerCircle.base.tsx | 0 .../ShimmerCircle/ShimmerCircle.styles.ts | 0 .../Shimmer/ShimmerCircle/ShimmerCircle.tsx | 0 .../ShimmerCircle/ShimmerCircle.types.ts | 0 .../ShimmerElementsGroup.base.tsx | 0 .../ShimmerElementsGroup.styles.ts | 0 .../ShimmerElementsGroup.tsx | 0 .../ShimmerElementsGroup.types.ts | 0 .../Shimmer/ShimmerGap/ShimmerGap.base.tsx | 0 .../Shimmer/ShimmerGap/ShimmerGap.styles.ts | 0 .../Shimmer/ShimmerGap/ShimmerGap.tsx | 0 .../Shimmer/ShimmerGap/ShimmerGap.types.ts | 0 .../Shimmer/ShimmerLine/ShimmerLine.base.tsx | 0 .../Shimmer/ShimmerLine/ShimmerLine.styles.ts | 0 .../Shimmer/ShimmerLine/ShimmerLine.tsx | 0 .../Shimmer/ShimmerLine/ShimmerLine.types.ts | 0 .../__snapshots__/Shimmer.test.tsx.snap | 0 .../src/components/Shimmer/index.ts | 0 .../src/components/Slider/Slider.base.tsx | 0 .../src/components/Slider/Slider.styles.ts | 0 .../src/components/Slider/Slider.test.tsx | 0 .../src/components/Slider/Slider.tsx | 0 .../src/components/Slider/Slider.types.ts | 2 - .../Slider/__snapshots__/Slider.test.tsx.snap | 0 .../src/components/Slider/index.ts | 0 .../src/components/Slider/useSlider.ts | 1 - .../components/SpinButton/SpinButton.base.tsx | 0 .../SpinButton/SpinButton.styles.ts | 0 .../components/SpinButton/SpinButton.test.tsx | 0 .../src/components/SpinButton/SpinButton.tsx | 0 .../components/SpinButton/SpinButton.types.ts | 0 .../__snapshots__/SpinButton.test.tsx.snap | 0 .../src/components/SpinButton/index.ts | 0 .../src/components/Spinner/Spinner.base.tsx | 0 .../src/components/Spinner/Spinner.styles.tsx | 0 .../src/components/Spinner/Spinner.test.tsx | 0 .../src/components/Spinner/Spinner.tsx | 0 .../src/components/Spinner/Spinner.types.ts | 0 .../__snapshots__/Spinner.test.tsx.snap | 0 .../src/components/Spinner/index.ts | 0 .../src/components/Stack/Stack.styles.ts | 0 .../src/components/Stack/Stack.test.tsx | 0 .../src/components/Stack/Stack.tsx | 0 .../src/components/Stack/Stack.types.ts | 0 .../Stack/StackItem/StackItem.styles.ts | 0 .../Stack/StackItem/StackItem.test.tsx | 0 .../components/Stack/StackItem/StackItem.tsx | 0 .../Stack/StackItem/StackItem.types.ts | 0 .../src/components/Stack/StackUtils.test.ts | 0 .../src/components/Stack/StackUtils.ts | 0 .../Stack/__snapshots__/Stack.test.tsx.snap | 0 .../src/components/Stack/index.ts | 0 .../src/components/Sticky/Sticky.test.tsx | 0 .../src/components/Sticky/Sticky.tsx | 0 .../src/components/Sticky/Sticky.types.ts | 0 .../src/components/Sticky/index.ts | 0 .../ColorPickerGridCell.base.tsx | 0 .../ColorPickerGridCell.styles.ts | 0 .../SwatchColorPicker/ColorPickerGridCell.tsx | 0 .../ColorPickerGridCell.types.ts | 0 .../SwatchColorPicker.base.tsx | 0 .../SwatchColorPicker.styles.ts | 0 .../SwatchColorPicker.test.tsx | 0 .../SwatchColorPicker/SwatchColorPicker.tsx | 0 .../SwatchColorPicker.types.ts | 0 .../SwatchColorPicker.test.tsx.snap | 0 .../src/components/SwatchColorPicker/index.ts | 0 .../TeachingBubble/TeachingBubble.base.tsx | 0 .../TeachingBubble.deprecated.test.tsx | 0 .../TeachingBubble/TeachingBubble.styles.ts | 0 .../TeachingBubble/TeachingBubble.test.tsx | 0 .../TeachingBubble/TeachingBubble.ts | 0 .../TeachingBubble/TeachingBubble.types.ts | 0 .../TeachingBubbleContent.base.tsx | 0 .../TeachingBubble/TeachingBubbleContent.ts | 0 .../TeachingBubble.deprecated.test.tsx.snap | 0 .../TeachingBubble.test.tsx.snap | 0 .../src/components/TeachingBubble/index.ts | 0 .../src/components/Text/Text.styles.ts | 0 .../src/components/Text/Text.test.tsx | 0 .../src/components/Text/Text.ts | 0 .../src/components/Text/Text.types.tsx | 0 .../src/components/Text/Text.view.tsx | 0 .../Text/__snapshots__/Text.test.tsx.snap | 0 .../src/components/Text/index.ts | 0 .../MaskedTextField/MaskedTextField.test.tsx | 0 .../MaskedTextField/MaskedTextField.tsx | 0 .../MaskedTextField.test.tsx.snap | 0 .../MaskedTextField/inputMask.test.ts | 0 .../TextField/MaskedTextField/inputMask.ts | 0 .../components/TextField/TextField.base.tsx | 0 .../components/TextField/TextField.styles.tsx | 0 .../components/TextField/TextField.test.tsx | 0 .../src/components/TextField/TextField.ts | 0 .../components/TextField/TextField.types.ts | 0 .../__snapshots__/TextField.test.tsx.snap | 0 .../src/components/TextField/index.ts | 0 .../components/ThemeGenerator/IThemeRules.ts | 0 .../ThemeGenerator/IThemeSlotRule.ts | 0 .../ThemeGenerator/ThemeGenerator.ts | 0 .../ThemeGenerator/ThemeRulesStandard.ts | 0 .../src/components/ThemeGenerator/index.ts | 0 .../src/components/Toggle/Toggle.base.tsx | 0 .../Toggle/Toggle.deprecated.test.tsx | 0 .../src/components/Toggle/Toggle.styles.ts | 0 .../src/components/Toggle/Toggle.test.tsx | 0 .../src/components/Toggle/Toggle.tsx | 0 .../src/components/Toggle/Toggle.types.ts | 2 - .../Toggle/__snapshots__/Toggle.test.tsx.snap | 0 .../src/components/Toggle/index.ts | 0 .../src/components/Tooltip/Tooltip.base.tsx | 0 .../src/components/Tooltip/Tooltip.styles.ts | 0 .../src/components/Tooltip/Tooltip.test.tsx | 0 .../src/components/Tooltip/Tooltip.tsx | 0 .../src/components/Tooltip/Tooltip.types.ts | 0 .../components/Tooltip/TooltipHost.base.tsx | 0 .../components/Tooltip/TooltipHost.styles.ts | 0 .../components/Tooltip/TooltipHost.test.tsx | 0 .../src/components/Tooltip/TooltipHost.ts | 0 .../components/Tooltip/TooltipHost.types.ts | 0 .../__snapshots__/Tooltip.test.tsx.snap | 0 .../__snapshots__/TooltipHost.test.tsx.snap | 0 .../src/components/Tooltip/index.ts | 0 .../WeeklyDayPicker/WeeklyDayPicker.base.tsx | 2 +- .../WeeklyDayPicker/WeeklyDayPicker.styles.ts | 0 .../WeeklyDayPicker/WeeklyDayPicker.test.tsx | 0 .../WeeklyDayPicker/WeeklyDayPicker.tsx | 2 +- .../WeeklyDayPicker/WeeklyDayPicker.types.ts | 0 .../WeeklyDayPicker.test.tsx.snap | 40 +- .../components/WeeklyDayPicker/defaults.ts | 0 .../src/components/WeeklyDayPicker/index.ts | 0 .../pickers/AutoFill/BaseAutoFill.tsx | 0 .../pickers/AutoFill/BaseAutoFill.types.ts | 0 .../src/components/pickers/BasePicker.scss | 0 .../components/pickers/BasePicker.styles.ts | 0 .../components/pickers/BasePicker.test.tsx | 0 .../src/components/pickers/BasePicker.tsx | 0 .../components/pickers/BasePicker.types.ts | 0 .../PeoplePicker/PeoplePicker.test.tsx | 0 .../pickers/PeoplePicker/PeoplePicker.tsx | 0 .../PeoplePickerItem.styles.ts | 0 .../PeoplePickerItems/PeoplePickerItem.tsx | 0 .../PeoplePickerItem.types.ts | 0 .../PeoplePickerItemSuggestion.styles.ts | 0 .../PeoplePickerItemSuggestion.tsx | 0 .../PeoplePickerItems/PickerItemsDefault.scss | 0 .../PeoplePickerItems/SelectedItemDefault.tsx | 0 .../SuggestionItemDefault.scss | 0 .../SuggestionItemDefault.tsx | 0 .../__snapshots__/PeoplePicker.test.tsx.snap | 0 .../components/pickers/PickerItem.types.ts | 0 .../pickers/Suggestions/Suggestions.scss | 0 .../pickers/Suggestions/Suggestions.styles.ts | 0 .../pickers/Suggestions/Suggestions.test.tsx | 0 .../pickers/Suggestions/Suggestions.tsx | 0 .../pickers/Suggestions/Suggestions.types.ts | 0 .../Suggestions/SuggestionsController.ts | 0 .../Suggestions/SuggestionsItem.styles.ts | 0 .../pickers/Suggestions/SuggestionsItem.tsx | 0 .../Suggestions/SuggestionsItem.types.ts | 0 .../__snapshots__/Suggestions.test.tsx.snap | 0 .../pickers/TagPicker/TagItem.styles.ts | 0 .../pickers/TagPicker/TagItem.test.tsx | 0 .../components/pickers/TagPicker/TagItem.tsx | 0 .../TagPicker/TagItemSuggestion.styles.ts | 0 .../pickers/TagPicker/TagItemSuggestion.tsx | 0 .../pickers/TagPicker/TagPicker.test.tsx | 0 .../pickers/TagPicker/TagPicker.tsx | 0 .../pickers/TagPicker/TagPicker.types.ts | 0 .../__snapshots__/TagItem.test.tsx.snap | 0 .../__snapshots__/TagPicker.test.tsx.snap | 0 .../__snapshots__/BasePicker.test.tsx.snap | 0 .../src/components/pickers/index.ts | 0 packages/react/src/index.ts | 86 +- .../utilities/ButtonGrid/ButtonGrid.base.tsx | 0 .../utilities/ButtonGrid/ButtonGrid.styles.ts | 0 .../utilities/ButtonGrid/ButtonGrid.test.tsx | 0 .../src/utilities/ButtonGrid/ButtonGrid.tsx | 0 .../utilities/ButtonGrid/ButtonGrid.types.ts | 0 .../utilities/ButtonGrid/ButtonGridCell.tsx | 0 .../ButtonGrid/ButtonGridCell.types.ts | 0 .../src/utilities/ButtonGrid/index.ts | 0 .../DraggableZone/DraggableZone.styles.ts | 0 .../utilities/DraggableZone/DraggableZone.tsx | 0 .../DraggableZone/DraggableZone.types.ts | 0 .../src/utilities/DraggableZone/index.ts | 0 .../src/utilities/ThemeProvider/README.md | 0 .../utilities/ThemeProvider/ThemeContext.ts | 0 .../ThemeProvider/ThemeProvider.test.tsx | 0 .../utilities/ThemeProvider/ThemeProvider.tsx | 0 .../ThemeProvider/ThemeProvider.types.ts | 0 .../__snapshots__/ThemeProvider.test.tsx.snap | 0 .../src/utilities/ThemeProvider/index.ts | 0 .../ThemeProvider/makeStyles.test.tsx | 0 .../src/utilities/ThemeProvider/makeStyles.ts | 2 - .../ThemeProvider/renderThemeProvider.tsx | 0 .../styleRenderers/mergeStylesRenderer.tsx | 2 - .../ThemeProvider/styleRenderers/types.ts | 0 .../src/utilities/ThemeProvider/useTheme.ts | 0 .../ThemeProvider/useThemeProvider.tsx | 0 .../ThemeProvider/useThemeProviderClasses.tsx | 1 - .../ThemeProvider/useThemeProviderState.tsx | 0 .../src/utilities/color/_rgbaOrHexString.ts | 0 .../src/utilities/color/clamp.ts | 0 .../src/utilities/color/colors.test.ts | 0 .../src/utilities/color/colors.ts | 0 .../src/utilities/color/consts.ts | 0 .../src/utilities/color/correctHSV.ts | 0 .../src/utilities/color/correctHex.ts | 0 .../src/utilities/color/correctRGB.ts | 0 .../src/utilities/color/cssColor.ts | 0 .../src/utilities/color/getColorFromHSV.ts | 0 .../src/utilities/color/getColorFromRGBA.ts | 0 .../src/utilities/color/getColorFromString.ts | 0 .../src/utilities/color/getFullColorString.ts | 0 .../src/utilities/color/hsl2hsv.ts | 0 .../src/utilities/color/hsl2rgb.ts | 0 .../src/utilities/color/hsv2hex.ts | 0 .../src/utilities/color/hsv2hsl.ts | 0 .../src/utilities/color/hsv2rgb.ts | 0 .../src/utilities/color/index.ts | 0 .../src/utilities/color/interfaces.ts | 0 .../src/utilities/color/rgb2hex.ts | 0 .../src/utilities/color/rgb2hsv.ts | 0 .../src/utilities/color/shades.ts | 0 .../src/utilities/color/updateA.ts | 0 .../src/utilities/color/updateH.ts | 0 .../src/utilities/color/updateRGB.ts | 0 .../src/utilities/color/updateSV.ts | 0 .../src/utilities/color/updateT.ts | 0 .../contextualMenuUtility.test.ts | 0 .../contextualMenu/contextualMenuUtility.ts | 0 .../src/utilities/contextualMenu/index.ts | 0 .../src/utilities/decorators/BaseDecorator.ts | 0 .../decorators/withContainsFocus.tsx | 0 .../decorators/withResponsiveMode.test.tsx | 0 .../decorators/withResponsiveMode.tsx | 0 .../src/utilities/decorators/withViewport.tsx | 0 .../src/utilities/dragdrop/DragDropHelper.tsx | 0 .../src/utilities/dragdrop/index.ts | 0 .../src/utilities/dragdrop/interfaces.ts | 0 .../hooks/useResponsiveMode.test.tsx | 0 .../src/utilities/hooks/useResponsiveMode.tsx | 0 .../keytips/IKeytipTransitionKey.test.ts | 0 .../utilities/keytips/IKeytipTransitionKey.ts | 0 .../utilities/keytips/KeytipConfig.test.ts | 0 .../src/utilities/keytips/KeytipConfig.ts | 0 .../src/utilities/keytips/KeytipConstants.ts | 0 .../utilities/keytips/KeytipManager.test.tsx | 0 .../src/utilities/keytips/KeytipManager.ts | 0 .../src/utilities/keytips/KeytipUtils.test.ts | 0 .../src/utilities/keytips/KeytipUtils.ts | 0 .../src/utilities/keytips/index.ts | 0 .../src/utilities/observeResize.ts | 0 .../src/utilities/positioning.ts | 0 .../src/utilities/positioning/index.ts | 0 .../utilities/positioning/positioning.test.ts | 0 .../src/utilities/positioning/positioning.ts | 0 .../positioning/positioning.types.ts | 0 .../SelectableDroppableText.types.ts | 0 .../selectableOption/SelectableOption.ts | 0 .../SelectableOption.types.ts | 0 .../src/utilities/selectableOption/index.ts | 0 .../src/utilities/selection/Selection.ts | 0 .../selection/SelectionZone.test.tsx | 0 .../src/utilities/selection/SelectionZone.tsx | 0 .../src/utilities/selection/index.ts | 0 .../src/utilities/selection/interfaces.ts | 0 .../src/utilities/useOverflow.ts | 0 .../src/fabricAsyncLoaderInclude.ts | 4 +- scripts/tasks/lint-imports.ts | 1 - 1155 files changed, 11032 insertions(+), 12380 deletions(-) create mode 100644 change/@fluentui-api-docs-2021-02-04-10-19-09-no-react-internal.json create mode 100644 change/@fluentui-public-docsite-2021-02-04-10-19-09-no-react-internal.json create mode 100644 change/@fluentui-public-docsite-resources-2021-02-04-10-19-09-no-react-internal.json rename change/{@fluentui-react-internal-2021-02-03-09-20-40-14191.json => @fluentui-react-2021-02-03-09-20-40-14191.json} (83%) create mode 100644 change/@fluentui-react-2021-02-04-10-19-09-no-react-internal.json rename change/{@fluentui-react-internal-2021-02-08-11-06-00-pragma-patch.json => @fluentui-react-2021-02-08-11-06-00-pragma-patch.json} (82%) create mode 100644 change/@fluentui-react-charting-3dce3474-0d7e-4154-a41c-796dd5a4c9b1.json create mode 100644 change/@fluentui-react-date-time-2021-02-04-10-19-09-no-react-internal.json create mode 100644 change/@fluentui-react-docsite-components-2021-02-04-10-19-09-no-react-internal.json create mode 100644 change/@fluentui-react-examples-2021-02-04-10-19-09-no-react-internal.json create mode 100644 change/@fluentui-react-experiments-2021-02-04-10-19-09-no-react-internal.json create mode 100644 change/@fluentui-react-monaco-editor-2021-02-04-10-19-09-no-react-internal.json create mode 100644 change/@fluentui-react-slider-2021-02-04-10-19-09-no-react-internal.json create mode 100644 change/@fluentui-react-tabs-2021-02-04-10-19-09-no-react-internal.json create mode 100644 change/@fluentui-react-toggle-2021-02-04-10-19-09-no-react-internal.json create mode 100644 change/@fluentui-webpack-utilities-2021-02-04-10-19-09-no-react-internal.json delete mode 100644 packages/react-date-time/config/api-extractor.json delete mode 100644 packages/react-date-time/config/pre-copy.json delete mode 100644 packages/react-date-time/config/tests.js delete mode 100644 packages/react-date-time/etc/react-date-time.api.md delete mode 100644 packages/react-date-time/src/common/isConformant.ts rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Button.Example.tsx (92%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.ContiguousWorkWeekDays.Example.tsx (98%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.CustomDayCellRef.Example.tsx (93%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.DateBoundaries.Example.tsx (95%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.Example.tsx (88%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.MarkedDays.Example.tsx (90%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.MonthOnly.Example.tsx (94%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.MonthSelection.Example.tsx (99%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.MultidayDayView.Example.tsx (94%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.NonContiguousWorkWeekDays.Example.tsx (98%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.OverlaidMonthPicker.Example.tsx (92%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.SixWeeks.tsx (91%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.WeekNumbers.Example.tsx (91%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.Inline.WeekSelection.Example.tsx (99%) rename packages/react-examples/src/{react-date-time => react}/Calendar/Calendar.doc.tsx (72%) rename packages/react-examples/src/{react-date-time => react}/Calendar/docs/CalendarBestPractices.md (100%) rename packages/react-examples/src/{react-date-time => react}/Calendar/docs/CalendarOverview.md (100%) rename packages/react-examples/src/{react-date-time => react}/DatePicker/DatePicker.Basic.Example.tsx (89%) rename packages/react-examples/src/{react-date-time => react}/DatePicker/DatePicker.Bounded.Example.tsx (97%) rename packages/react-examples/src/{react-date-time => react}/DatePicker/DatePicker.Disabled.Example.tsx (80%) rename packages/react-examples/src/{react-date-time => react}/DatePicker/DatePicker.ExternalControls.Example.tsx (87%) rename packages/react-examples/src/{react-date-time => react}/DatePicker/DatePicker.Format.Example.tsx (94%) rename packages/react-examples/src/{react-date-time => react}/DatePicker/DatePicker.Input.Example.tsx (90%) rename packages/react-examples/src/{react-date-time => react}/DatePicker/DatePicker.Required.Example.tsx (86%) rename packages/react-examples/src/{react-date-time => react}/DatePicker/DatePicker.WeekNumbers.Example.tsx (90%) rename packages/react-examples/src/{react-date-time => react}/DatePicker/DatePicker.doc.tsx (70%) rename packages/react-examples/src/{react-date-time => react}/DatePicker/docs/DatePickerBestPractices.md (100%) rename packages/react-examples/src/{react-date-time => react}/DatePicker/docs/DatePickerOverview.md (100%) rename packages/react-examples/src/{react-date-time => react}/WeeklyDayPicker/WeeklyDayPicker.Example.scss (100%) rename packages/react-examples/src/{react-date-time => react}/WeeklyDayPicker/WeeklyDayPicker.Inline.Example.tsx (97%) rename packages/react-examples/src/{react-date-time => react}/WeeklyDayPicker/WeeklyDayPicker.Inline.Expandable.Example.tsx (97%) rename packages/react-examples/src/{react-date-time => react}/WeeklyDayPicker/WeeklyDayPicker.Inline.MarkedDays.Example.tsx (95%) rename packages/react-examples/src/{react-date-time => react}/WeeklyDayPicker/WeeklyDayPickerPage.tsx (77%) delete mode 100644 packages/react-internal/.npmignore delete mode 100644 packages/react-internal/.vscode/settings.json delete mode 100644 packages/react-internal/CHANGELOG.json delete mode 100644 packages/react-internal/CHANGELOG.md delete mode 100644 packages/react-internal/LICENSE delete mode 100644 packages/react-internal/README.md delete mode 100644 packages/react-internal/__mocks__/@fluentui/utilities.ts delete mode 100644 packages/react-internal/config/api-extractor-compat.json delete mode 100644 packages/react-internal/config/api-extractor.json delete mode 100644 packages/react-internal/config/tests.js delete mode 100644 packages/react-internal/etc/react-internal-compat.api.md delete mode 100644 packages/react-internal/etc/react-internal.api.md delete mode 100644 packages/react-internal/jest.config.js delete mode 100644 packages/react-internal/just.config.ts delete mode 100644 packages/react-internal/package.json delete mode 100644 packages/react-internal/src/ActivityItem.ts delete mode 100644 packages/react-internal/src/Announced.ts delete mode 100644 packages/react-internal/src/Autofill.ts delete mode 100644 packages/react-internal/src/Callout.ts delete mode 100644 packages/react-internal/src/Check.ts delete mode 100644 packages/react-internal/src/Checkbox.ts delete mode 100644 packages/react-internal/src/ChoiceGroup.ts delete mode 100644 packages/react-internal/src/ChoiceGroupOption.ts delete mode 100644 packages/react-internal/src/Coachmark.ts delete mode 100644 packages/react-internal/src/Color.ts delete mode 100644 packages/react-internal/src/ColorPicker.ts delete mode 100644 packages/react-internal/src/CommandBar.ts delete mode 100644 packages/react-internal/src/ContextualMenu.ts delete mode 100644 packages/react-internal/src/Dialog.ts delete mode 100644 packages/react-internal/src/Divider.ts delete mode 100644 packages/react-internal/src/DragDrop.ts delete mode 100644 packages/react-internal/src/ExtendedPicker.ts delete mode 100644 packages/react-internal/src/Fabric.ts delete mode 100644 packages/react-internal/src/Facepile.ts delete mode 100644 packages/react-internal/src/FloatingPicker.ts delete mode 100644 packages/react-internal/src/FocusTrapZone.ts delete mode 100644 packages/react-internal/src/FocusZone.ts delete mode 100644 packages/react-internal/src/Grid.ts delete mode 100644 packages/react-internal/src/HoverCard.ts delete mode 100644 packages/react-internal/src/Icon.ts delete mode 100644 packages/react-internal/src/Icons.ts delete mode 100644 packages/react-internal/src/Image.ts delete mode 100644 packages/react-internal/src/Keytip.ts delete mode 100644 packages/react-internal/src/KeytipData.ts delete mode 100644 packages/react-internal/src/KeytipLayer.ts delete mode 100644 packages/react-internal/src/Keytips.ts delete mode 100644 packages/react-internal/src/Label.ts delete mode 100644 packages/react-internal/src/Layer.ts delete mode 100644 packages/react-internal/src/Link.ts delete mode 100644 packages/react-internal/src/List.ts delete mode 100644 packages/react-internal/src/MarqueeSelection.ts delete mode 100644 packages/react-internal/src/MessageBar.ts delete mode 100644 packages/react-internal/src/Modal.ts delete mode 100644 packages/react-internal/src/Nav.ts delete mode 100644 packages/react-internal/src/OverflowSet.ts delete mode 100644 packages/react-internal/src/Overlay.ts delete mode 100644 packages/react-internal/src/Panel.ts delete mode 100644 packages/react-internal/src/Persona.ts delete mode 100644 packages/react-internal/src/PersonaCoin.ts delete mode 100644 packages/react-internal/src/PersonaPresence.ts delete mode 100644 packages/react-internal/src/Pickers.ts delete mode 100644 packages/react-internal/src/Pivot.ts delete mode 100644 packages/react-internal/src/Popup.ts delete mode 100644 packages/react-internal/src/Positioning.ts delete mode 100644 packages/react-internal/src/PositioningContainer.ts delete mode 100644 packages/react-internal/src/ProgressIndicator.ts delete mode 100644 packages/react-internal/src/Rating.ts delete mode 100644 packages/react-internal/src/ResizeGroup.ts delete mode 100644 packages/react-internal/src/ScrollablePane.ts delete mode 100644 packages/react-internal/src/SearchBox.ts delete mode 100644 packages/react-internal/src/SelectableOption.ts delete mode 100644 packages/react-internal/src/SelectedItemsList.ts delete mode 100644 packages/react-internal/src/Selection.ts delete mode 100644 packages/react-internal/src/Separator.ts delete mode 100644 packages/react-internal/src/Shimmer.ts delete mode 100644 packages/react-internal/src/Slider.ts delete mode 100644 packages/react-internal/src/SpinButton.ts delete mode 100644 packages/react-internal/src/Spinner.ts delete mode 100644 packages/react-internal/src/Stack.ts delete mode 100644 packages/react-internal/src/Sticky.ts delete mode 100644 packages/react-internal/src/Styling.ts delete mode 100644 packages/react-internal/src/SwatchColorPicker.ts delete mode 100644 packages/react-internal/src/TeachingBubble.ts delete mode 100644 packages/react-internal/src/Text.ts delete mode 100644 packages/react-internal/src/TextField.ts delete mode 100644 packages/react-internal/src/Theme.ts delete mode 100644 packages/react-internal/src/ThemeGenerator.ts delete mode 100644 packages/react-internal/src/Toggle.ts delete mode 100644 packages/react-internal/src/Tooltip.ts delete mode 100644 packages/react-internal/src/Utilities.ts delete mode 100644 packages/react-internal/src/WindowProvider.ts delete mode 100644 packages/react-internal/src/common/isConformant.ts delete mode 100644 packages/react-internal/src/compat/Button.ts delete mode 100644 packages/react-internal/src/compat/index.ts delete mode 100644 packages/react-internal/src/index.ts delete mode 100644 packages/react-internal/src/version.ts delete mode 100644 packages/react-internal/tsconfig.json rename packages/{react-internal => react}/.eslintrc.js (100%) delete mode 100644 packages/react/.eslintrc.json rename packages/{react-internal => react}/src/ButtonGrid.ts (100%) rename packages/{react-internal => react}/src/common/DirectionalHint.ts (100%) rename packages/{react-internal => react}/src/common/DocPage.types.ts (100%) rename packages/{react-internal => react}/src/common/IAccessiblePopupProps.ts (100%) rename packages/{react-internal => react}/src/common/TestImages.ts (100%) rename packages/{react-internal => react}/src/common/shallowUntilTarget.ts (100%) rename packages/{react-internal => react}/src/common/testUtilities.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/ActionButton/ActionButton.styles.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/ActionButton/ActionButton.tsx (95%) rename packages/{react-internal => react}/src/compat/components/Button/BaseButton.classNames.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/BaseButton.styles.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/BaseButton.tsx (99%) rename packages/{react-internal => react}/src/compat/components/Button/Button.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/compat/components/Button/Button.test.tsx (100%) rename packages/{react-internal => react}/src/compat/components/Button/Button.tsx (97%) rename packages/{react-internal => react}/src/compat/components/Button/Button.types.ts (99%) rename packages/{react-internal => react}/src/compat/components/Button/ButtonThemes.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/CommandBarButton/CommandBarButton.styles.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/CommandBarButton/CommandBarButton.tsx (95%) rename packages/{react-internal => react}/src/compat/components/Button/CommandButton/CommandButton.tsx (78%) rename packages/{react-internal => react}/src/compat/components/Button/CompoundButton/CompoundButton.styles.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/CompoundButton/CompoundButton.tsx (95%) rename packages/{react-internal => react}/src/compat/components/Button/DefaultButton/DefaultButton.styles.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/DefaultButton/DefaultButton.tsx (95%) rename packages/{react-internal => react}/src/compat/components/Button/IconButton/IconButton.styles.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/IconButton/IconButton.tsx (95%) rename packages/{react-internal => react}/src/compat/components/Button/MessageBarButton/MessageBarButton.styles.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/MessageBarButton/MessageBarButton.tsx (100%) rename packages/{react-internal => react}/src/compat/components/Button/PrimaryButton/PrimaryButton.tsx (93%) rename packages/{react-internal => react}/src/compat/components/Button/SplitButton/SplitButton.classNames.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/SplitButton/SplitButton.styles.ts (100%) rename packages/{react-internal => react}/src/compat/components/Button/__snapshots__/Button.deprecated.test.tsx.snap (100%) rename packages/{react-internal => react}/src/compat/components/Button/__snapshots__/Button.test.tsx.snap (100%) rename packages/{react-internal => react}/src/compat/components/Button/index.ts (100%) rename packages/{react-internal => react}/src/components/ActivityItem/ActivityItem.classNames.ts (100%) rename packages/{react-internal => react}/src/components/ActivityItem/ActivityItem.styles.ts (100%) rename packages/{react-internal => react}/src/components/ActivityItem/ActivityItem.test.tsx (100%) rename packages/{react-internal => react}/src/components/ActivityItem/ActivityItem.tsx (100%) rename packages/{react-internal => react}/src/components/ActivityItem/ActivityItem.types.ts (100%) rename packages/{react-internal => react}/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ActivityItem/index.ts (100%) rename packages/{react-internal => react}/src/components/Announced/Announced.base.tsx (100%) rename packages/{react-internal => react}/src/components/Announced/Announced.styles.ts (100%) rename packages/{react-internal => react}/src/components/Announced/Announced.test.tsx (100%) rename packages/{react-internal => react}/src/components/Announced/Announced.ts (100%) rename packages/{react-internal => react}/src/components/Announced/Announced.types.ts (100%) rename packages/{react-internal => react}/src/components/Announced/__snapshots__/Announced.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Announced/index.ts (100%) rename packages/{react-internal => react}/src/components/Autofill/Autofill.test.tsx (100%) rename packages/{react-internal => react}/src/components/Autofill/Autofill.tsx (100%) rename packages/{react-internal => react}/src/components/Autofill/Autofill.types.ts (100%) rename packages/{react-internal => react}/src/components/Autofill/index.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/Calendar.base.tsx (100%) rename packages/{react-date-time => react}/src/components/Calendar/Calendar.styles.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/Calendar.test.tsx (100%) rename packages/{react-date-time => react}/src/components/Calendar/Calendar.tsx (100%) rename packages/{react-date-time => react}/src/components/Calendar/Calendar.types.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarDay/CalendarDay.base.tsx (99%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarDay/CalendarDay.styles.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarDay/CalendarDay.tsx (75%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarDay/CalendarDay.types.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarMonth/CalendarMonth.base.tsx (99%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarMonth/CalendarMonth.styles.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarMonth/CalendarMonth.tsx (76%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarMonth/CalendarMonth.types.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarPicker/CalendarPicker.styles.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarPicker/CalendarPicker.types.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarYear/CalendarYear.base.tsx (98%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarYear/CalendarYear.styles.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarYear/CalendarYear.tsx (76%) rename packages/{react-date-time => react}/src/components/Calendar/CalendarYear/CalendarYear.types.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/defaults.ts (100%) rename packages/{react-date-time => react}/src/components/Calendar/index.ts (100%) rename packages/{react-date-time => react}/src/components/CalendarDayGrid/CalendarDayGrid.base.tsx (99%) rename packages/{react-date-time => react}/src/components/CalendarDayGrid/CalendarDayGrid.styles.ts (100%) rename packages/{react-date-time => react}/src/components/CalendarDayGrid/CalendarDayGrid.test.tsx (100%) rename packages/{react-date-time => react}/src/components/CalendarDayGrid/CalendarDayGrid.tsx (77%) rename packages/{react-date-time => react}/src/components/CalendarDayGrid/CalendarDayGrid.types.ts (100%) rename packages/{react-date-time => react}/src/components/CalendarDayGrid/CalendarGridDayCell.tsx (100%) rename packages/{react-date-time => react}/src/components/CalendarDayGrid/CalendarGridRow.tsx (100%) rename packages/{react-date-time => react}/src/components/CalendarDayGrid/CalendarMonthHeaderRow.tsx (100%) rename packages/{react-internal => react}/src/components/Callout/Callout.test.tsx (100%) rename packages/{react-internal => react}/src/components/Callout/Callout.tsx (100%) rename packages/{react-internal => react}/src/components/Callout/Callout.types.ts (100%) rename packages/{react-internal => react}/src/components/Callout/CalloutContent.base.tsx (100%) rename packages/{react-internal => react}/src/components/Callout/CalloutContent.styles.ts (100%) rename packages/{react-internal => react}/src/components/Callout/CalloutContent.tsx (100%) rename packages/{react-internal => react}/src/components/Callout/FocusTrapCallout.tsx (100%) rename packages/{react-internal => react}/src/components/Callout/FocusTrapCallout.types.ts (100%) rename packages/{react-internal => react}/src/components/Callout/__snapshots__/Callout.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Callout/index.ts (100%) rename packages/{react-internal => react}/src/components/Check/Check.base.tsx (100%) rename packages/{react-internal => react}/src/components/Check/Check.styles.ts (100%) rename packages/{react-internal => react}/src/components/Check/Check.test.tsx (100%) rename packages/{react-internal => react}/src/components/Check/Check.tsx (100%) rename packages/{react-internal => react}/src/components/Check/Check.types.ts (100%) rename packages/{react-internal => react}/src/components/Check/index.ts (100%) rename packages/{react-internal => react}/src/components/Checkbox/Checkbox.base.tsx (100%) rename packages/{react-internal => react}/src/components/Checkbox/Checkbox.styles.ts (100%) rename packages/{react-internal => react}/src/components/Checkbox/Checkbox.test.tsx (100%) rename packages/{react-internal => react}/src/components/Checkbox/Checkbox.tsx (100%) rename packages/{react-internal => react}/src/components/Checkbox/Checkbox.types.ts (98%) rename packages/{react-internal => react}/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Checkbox/index.ts (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroup.base.tsx (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroup.styles.ts (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroup.test.tsx (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroup.tsx (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroup.types.ts (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.base.tsx (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.styles.ts (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.test.tsx (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.tsx (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.types.ts (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroupOption/__snapshots__/ChoiceGroupOption.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/ChoiceGroupOption/index.ts (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/__snapshots__/ChoiceGroup.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ChoiceGroup/index.ts (100%) rename packages/{react-internal => react}/src/components/Coachmark/Beak/Beak.styles.ts (100%) rename packages/{react-internal => react}/src/components/Coachmark/Beak/Beak.tsx (100%) rename packages/{react-internal => react}/src/components/Coachmark/Beak/Beak.types.ts (100%) rename packages/{react-internal => react}/src/components/Coachmark/Coachmark.base.tsx (100%) rename packages/{react-internal => react}/src/components/Coachmark/Coachmark.styles.ts (100%) rename packages/{react-internal => react}/src/components/Coachmark/Coachmark.ts (100%) rename packages/{react-internal => react}/src/components/Coachmark/Coachmark.types.ts (100%) rename packages/{react-internal => react}/src/components/Coachmark/PositioningContainer/PositioningContainer.styles.ts (100%) rename packages/{react-internal => react}/src/components/Coachmark/PositioningContainer/PositioningContainer.tsx (100%) rename packages/{react-internal => react}/src/components/Coachmark/PositioningContainer/PositioningContainer.types.ts (100%) rename packages/{react-internal => react}/src/components/Coachmark/PositioningContainer/index.ts (100%) rename packages/{react-internal => react}/src/components/Coachmark/index.ts (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorPicker.base.tsx (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorPicker.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorPicker.styles.ts (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorPicker.test.tsx (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorPicker.tsx (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorPicker.types.ts (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorRectangle/ColorRectangle.base.tsx (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorRectangle/ColorRectangle.styles.ts (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorRectangle/ColorRectangle.test.tsx (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorRectangle/ColorRectangle.tsx (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorRectangle/ColorRectangle.types.ts (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorRectangle/__snapshots__/ColorRectangle.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorSlider/ColorSlider.base.tsx (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorSlider/ColorSlider.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorSlider/ColorSlider.styles.ts (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorSlider/ColorSlider.test.tsx (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorSlider/ColorSlider.tsx (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorSlider/ColorSlider.types.ts (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorSlider/__snapshots__/ColorSlider.deprecated.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ColorPicker/ColorSlider/__snapshots__/ColorSlider.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ColorPicker/index.ts (100%) rename packages/{react-internal => react}/src/components/CommandBar/CommandBar.base.tsx (100%) rename packages/{react-internal => react}/src/components/CommandBar/CommandBar.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/CommandBar/CommandBar.styles.ts (100%) rename packages/{react-internal => react}/src/components/CommandBar/CommandBar.test.tsx (100%) rename packages/{react-internal => react}/src/components/CommandBar/CommandBar.tsx (100%) rename packages/{react-internal => react}/src/components/CommandBar/CommandBar.types.ts (100%) rename packages/{react-internal => react}/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/CommandBar/index.ts (100%) create mode 100644 packages/react/src/components/ComponentConformance.test.tsx rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenu.base.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenu.classNames.ts (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenu.cnstyles.ts (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenu.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenu.styles.ts (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenu.test.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenu.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenu.types.ts (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItem.base.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItem.test.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItem.ts (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItem.types.ts (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.test.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.test.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuItemWrapper.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuItemWrapper.types.ts (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.test.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.tsx (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.deprecated.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.deprecated.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.deprecated.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/ContextualMenuItemWrapper/index.ts (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ContextualMenu/index.ts (100%) rename packages/{react-date-time => react}/src/components/DatePicker/DatePicker.base.tsx (98%) rename packages/{react-date-time => react}/src/components/DatePicker/DatePicker.styles.ts (100%) rename packages/{react-date-time => react}/src/components/DatePicker/DatePicker.test.tsx (98%) rename packages/{react-date-time => react}/src/components/DatePicker/DatePicker.tsx (100%) rename packages/{react-date-time => react}/src/components/DatePicker/DatePicker.types.ts (97%) rename packages/{react-date-time => react}/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap (96%) rename packages/{react-date-time => react}/src/components/DatePicker/defaults.ts (100%) rename packages/{react-date-time => react}/src/components/DatePicker/index.ts (100%) rename packages/{react-internal => react}/src/components/Dialog/Dialog.base.tsx (100%) rename packages/{react-internal => react}/src/components/Dialog/Dialog.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/Dialog/Dialog.styles.ts (100%) rename packages/{react-internal => react}/src/components/Dialog/Dialog.test.tsx (100%) rename packages/{react-internal => react}/src/components/Dialog/Dialog.tsx (100%) rename packages/{react-internal => react}/src/components/Dialog/Dialog.types.ts (100%) rename packages/{react-internal => react}/src/components/Dialog/DialogContent.base.tsx (100%) rename packages/{react-internal => react}/src/components/Dialog/DialogContent.styles.ts (100%) rename packages/{react-internal => react}/src/components/Dialog/DialogContent.tsx (100%) rename packages/{react-internal => react}/src/components/Dialog/DialogContent.types.ts (100%) rename packages/{react-internal => react}/src/components/Dialog/DialogFooter.base.tsx (100%) rename packages/{react-internal => react}/src/components/Dialog/DialogFooter.styles.ts (100%) rename packages/{react-internal => react}/src/components/Dialog/DialogFooter.tsx (100%) rename packages/{react-internal => react}/src/components/Dialog/DialogFooter.types.ts (100%) rename packages/{react-internal => react}/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Dialog/index.ts (100%) rename packages/{react-internal => react}/src/components/Divider/VerticalDivider.base.tsx (100%) rename packages/{react-internal => react}/src/components/Divider/VerticalDivider.classNames.ts (100%) rename packages/{react-internal => react}/src/components/Divider/VerticalDivider.styles.ts (100%) rename packages/{react-internal => react}/src/components/Divider/VerticalDivider.test.tsx (100%) rename packages/{react-internal => react}/src/components/Divider/VerticalDivider.tsx (100%) rename packages/{react-internal => react}/src/components/Divider/VerticalDivider.types.ts (100%) rename packages/{react-internal => react}/src/components/Divider/index.ts (100%) rename packages/{react-internal => react}/src/components/ExtendedPicker/BaseExtendedPicker.scss (100%) rename packages/{react-internal => react}/src/components/ExtendedPicker/BaseExtendedPicker.test.tsx (100%) rename packages/{react-internal => react}/src/components/ExtendedPicker/BaseExtendedPicker.tsx (100%) rename packages/{react-internal => react}/src/components/ExtendedPicker/BaseExtendedPicker.types.ts (100%) rename packages/{react-internal => react}/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss (100%) rename packages/{react-internal => react}/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.tsx (100%) rename packages/{react-internal => react}/src/components/ExtendedPicker/__snapshots__/BaseExtendedPicker.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ExtendedPicker/index.ts (100%) rename packages/{react-internal => react}/src/components/Fabric/Fabric.base.tsx (100%) rename packages/{react-internal => react}/src/components/Fabric/Fabric.styles.ts (100%) rename packages/{react-internal => react}/src/components/Fabric/Fabric.test.tsx (100%) rename packages/{react-internal => react}/src/components/Fabric/Fabric.tsx (100%) rename packages/{react-internal => react}/src/components/Fabric/Fabric.types.ts (100%) rename packages/{react-internal => react}/src/components/Fabric/__snapshots__/Fabric.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Fabric/index.ts (100%) rename packages/{react-internal => react}/src/components/Facepile/Facepile.base.tsx (100%) rename packages/{react-internal => react}/src/components/Facepile/Facepile.styles.ts (100%) rename packages/{react-internal => react}/src/components/Facepile/Facepile.test.tsx (100%) rename packages/{react-internal => react}/src/components/Facepile/Facepile.tsx (100%) rename packages/{react-internal => react}/src/components/Facepile/Facepile.types.ts (100%) rename packages/{react-internal => react}/src/components/Facepile/FacepileButton.styles.ts (100%) rename packages/{react-internal => react}/src/components/Facepile/FacepileButton.tsx (100%) rename packages/{react-internal => react}/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Facepile/index.ts (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/BaseFloatingPicker.scss (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/BaseFloatingPicker.test.tsx (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/BaseFloatingPicker.tsx (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/BaseFloatingPicker.types.ts (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/PeoplePicker/FloatingPeoplePicker.tsx (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/PeoplePicker/PeoplePicker.scss (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/Suggestions/SuggestionStore.test.tsx (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/Suggestions/Suggestions.types.ts (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/Suggestions/SuggestionsControl.scss (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/Suggestions/SuggestionsControl.test.tsx (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/Suggestions/SuggestionsControl.tsx (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/Suggestions/SuggestionsCore.scss (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/Suggestions/SuggestionsCore.tsx (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/Suggestions/SuggestionsStore.ts (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/__snapshots__/BaseFloatingPicker.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/FloatingPicker/index.ts (100%) rename packages/{react-internal => react}/src/components/FocusTrapZone/FocusTrapZone.test.tsx (100%) rename packages/{react-internal => react}/src/components/FocusTrapZone/FocusTrapZone.tsx (100%) rename packages/{react-internal => react}/src/components/FocusTrapZone/FocusTrapZone.types.ts (100%) rename packages/{react-internal => react}/src/components/FocusTrapZone/index.ts (100%) rename packages/{react-internal => react}/src/components/HoverCard/BaseCard.types.ts (100%) rename packages/{react-internal => react}/src/components/HoverCard/CardCallout/CardCallout.tsx (100%) rename packages/{react-internal => react}/src/components/HoverCard/ExpandingCard.base.tsx (100%) rename packages/{react-internal => react}/src/components/HoverCard/ExpandingCard.styles.ts (100%) rename packages/{react-internal => react}/src/components/HoverCard/ExpandingCard.ts (100%) rename packages/{react-internal => react}/src/components/HoverCard/ExpandingCard.types.ts (100%) rename packages/{react-internal => react}/src/components/HoverCard/HoverCard.base.tsx (100%) rename packages/{react-internal => react}/src/components/HoverCard/HoverCard.styles.ts (100%) rename packages/{react-internal => react}/src/components/HoverCard/HoverCard.test.tsx (100%) rename packages/{react-internal => react}/src/components/HoverCard/HoverCard.ts (100%) rename packages/{react-internal => react}/src/components/HoverCard/HoverCard.types.ts (100%) rename packages/{react-internal => react}/src/components/HoverCard/PlainCard/PlainCard.base.tsx (100%) rename packages/{react-internal => react}/src/components/HoverCard/PlainCard/PlainCard.styles.ts (100%) rename packages/{react-internal => react}/src/components/HoverCard/PlainCard/PlainCard.ts (100%) rename packages/{react-internal => react}/src/components/HoverCard/PlainCard/PlainCard.types.ts (100%) rename packages/{react-internal => react}/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/HoverCard/index.ts (100%) rename packages/{react-internal => react}/src/components/Icon/FontIcon.test.tsx (100%) rename packages/{react-internal => react}/src/components/Icon/FontIcon.tsx (100%) rename packages/{react-internal => react}/src/components/Icon/Icon.base.tsx (100%) rename packages/{react-internal => react}/src/components/Icon/Icon.styles.ts (100%) rename packages/{react-internal => react}/src/components/Icon/Icon.test.tsx (100%) rename packages/{react-internal => react}/src/components/Icon/Icon.tsx (100%) rename packages/{react-internal => react}/src/components/Icon/Icon.types.ts (100%) rename packages/{react-internal => react}/src/components/Icon/ImageIcon.tsx (100%) rename packages/{react-internal => react}/src/components/Icon/__snapshots__/FontIcon.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Icon/__snapshots__/Icon.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Icon/index.ts (100%) rename packages/{react-internal => react}/src/components/Image/Image.base.tsx (100%) rename packages/{react-internal => react}/src/components/Image/Image.styles.ts (100%) rename packages/{react-internal => react}/src/components/Image/Image.test.tsx (100%) rename packages/{react-internal => react}/src/components/Image/Image.tsx (100%) rename packages/{react-internal => react}/src/components/Image/Image.types.ts (100%) rename packages/{react-internal => react}/src/components/Image/__snapshots__/Image.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Image/index.ts (100%) rename packages/{react-internal => react}/src/components/Keytip/Keytip.styles.ts (100%) rename packages/{react-internal => react}/src/components/Keytip/Keytip.tsx (100%) rename packages/{react-internal => react}/src/components/Keytip/Keytip.types.ts (100%) rename packages/{react-internal => react}/src/components/Keytip/KeytipContent.base.tsx (100%) rename packages/{react-internal => react}/src/components/Keytip/KeytipContent.test.tsx (100%) rename packages/{react-internal => react}/src/components/Keytip/KeytipContent.tsx (100%) rename packages/{react-internal => react}/src/components/Keytip/__snapshots__/KeytipContent.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Keytip/index.ts (100%) rename packages/{react-internal => react}/src/components/KeytipData/KeytipData.tsx (100%) rename packages/{react-internal => react}/src/components/KeytipData/KeytipData.types.ts (100%) rename packages/{react-internal => react}/src/components/KeytipData/index.ts (100%) rename packages/{react-internal => react}/src/components/KeytipData/useKeytipData.test.tsx (100%) rename packages/{react-internal => react}/src/components/KeytipData/useKeytipData.ts (100%) rename packages/{react-internal => react}/src/components/KeytipData/useKeytipRef.test.ts (100%) rename packages/{react-internal => react}/src/components/KeytipData/useKeytipRef.ts (100%) rename packages/{react-internal => react}/src/components/KeytipLayer/IKeytipTreeNode.ts (100%) rename packages/{react-internal => react}/src/components/KeytipLayer/KeytipLayer.base.tsx (100%) rename packages/{react-internal => react}/src/components/KeytipLayer/KeytipLayer.styles.ts (100%) rename packages/{react-internal => react}/src/components/KeytipLayer/KeytipLayer.test.tsx (100%) rename packages/{react-internal => react}/src/components/KeytipLayer/KeytipLayer.tsx (100%) rename packages/{react-internal => react}/src/components/KeytipLayer/KeytipLayer.types.ts (100%) rename packages/{react-internal => react}/src/components/KeytipLayer/KeytipTree.test.tsx (100%) rename packages/{react-internal => react}/src/components/KeytipLayer/KeytipTree.ts (100%) rename packages/{react-internal => react}/src/components/KeytipLayer/index.ts (100%) rename packages/{react-internal => react}/src/components/Label/Label.base.tsx (100%) rename packages/{react-internal => react}/src/components/Label/Label.styles.ts (100%) rename packages/{react-internal => react}/src/components/Label/Label.test.tsx (100%) rename packages/{react-internal => react}/src/components/Label/Label.tsx (100%) rename packages/{react-internal => react}/src/components/Label/Label.types.ts (100%) rename packages/{react-internal => react}/src/components/Label/LabelMixins.scss (100%) rename packages/{react-internal => react}/src/components/Label/__snapshots__/Label.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Label/index.ts (100%) rename packages/{react-internal => react}/src/components/Layer/Layer.base.tsx (100%) rename packages/{react-internal => react}/src/components/Layer/Layer.notification.ts (100%) rename packages/{react-internal => react}/src/components/Layer/Layer.styles.ts (100%) rename packages/{react-internal => react}/src/components/Layer/Layer.test.tsx (100%) rename packages/{react-internal => react}/src/components/Layer/Layer.tsx (100%) rename packages/{react-internal => react}/src/components/Layer/Layer.types.ts (100%) rename packages/{react-internal => react}/src/components/Layer/LayerHost.tsx (100%) rename packages/{react-internal => react}/src/components/Layer/LayerHost.types.ts (100%) rename packages/{react-internal => react}/src/components/Layer/__snapshots__/Layer.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Layer/index.ts (100%) rename packages/{react-internal => react}/src/components/Link/Link.base.tsx (100%) rename packages/{react-internal => react}/src/components/Link/Link.styles.ts (100%) rename packages/{react-internal => react}/src/components/Link/Link.test.tsx (100%) rename packages/{react-internal => react}/src/components/Link/Link.tsx (100%) rename packages/{react-internal => react}/src/components/Link/Link.types.ts (93%) rename packages/{react-internal => react}/src/components/Link/__snapshots__/Link.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Link/index.ts (100%) rename packages/{react-internal => react}/src/components/Link/useLink.ts (95%) rename packages/{react-internal => react}/src/components/List/List.test.tsx (100%) rename packages/{react-internal => react}/src/components/List/List.tsx (100%) rename packages/{react-internal => react}/src/components/List/List.types.ts (100%) rename packages/{react-internal => react}/src/components/List/__snapshots__/List.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/List/index.ts (100%) rename packages/{react-internal => react}/src/components/MarqueeSelection/MarqueeSelection.base.tsx (100%) rename packages/{react-internal => react}/src/components/MarqueeSelection/MarqueeSelection.styles.tsx (100%) rename packages/{react-internal => react}/src/components/MarqueeSelection/MarqueeSelection.test.tsx (100%) rename packages/{react-internal => react}/src/components/MarqueeSelection/MarqueeSelection.tsx (100%) rename packages/{react-internal => react}/src/components/MarqueeSelection/MarqueeSelection.types.ts (100%) rename packages/{react-internal => react}/src/components/MarqueeSelection/__snapshots__/MarqueeSelection.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/MessageBar/MessageBar.base.tsx (100%) rename packages/{react-internal => react}/src/components/MessageBar/MessageBar.styles.ts (100%) rename packages/{react-internal => react}/src/components/MessageBar/MessageBar.test.tsx (100%) rename packages/{react-internal => react}/src/components/MessageBar/MessageBar.tsx (100%) rename packages/{react-internal => react}/src/components/MessageBar/MessageBar.types.ts (100%) rename packages/{react-internal => react}/src/components/MessageBar/__snapshots__/MessageBar.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/MessageBar/index.ts (100%) rename packages/{react-internal => react}/src/components/Modal/Modal.base.tsx (100%) rename packages/{react-internal => react}/src/components/Modal/Modal.styles.ts (100%) rename packages/{react-internal => react}/src/components/Modal/Modal.test.tsx (100%) rename packages/{react-internal => react}/src/components/Modal/Modal.ts (100%) rename packages/{react-internal => react}/src/components/Modal/Modal.types.ts (100%) rename packages/{react-internal => react}/src/components/Modal/__snapshots__/Modal.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Modal/index.ts (100%) rename packages/{react-internal => react}/src/components/Nav/Nav.base.tsx (100%) rename packages/{react-internal => react}/src/components/Nav/Nav.styles.ts (100%) rename packages/{react-internal => react}/src/components/Nav/Nav.test.tsx (100%) rename packages/{react-internal => react}/src/components/Nav/Nav.tsx (100%) rename packages/{react-internal => react}/src/components/Nav/Nav.types.ts (100%) rename packages/{react-internal => react}/src/components/Nav/__snapshots__/Nav.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Nav/index.ts (100%) rename packages/{react-internal => react}/src/components/OverflowSet/OverflowButton.tsx (100%) rename packages/{react-internal => react}/src/components/OverflowSet/OverflowSet.base.tsx (100%) rename packages/{react-internal => react}/src/components/OverflowSet/OverflowSet.styles.ts (100%) rename packages/{react-internal => react}/src/components/OverflowSet/OverflowSet.test.tsx (100%) rename packages/{react-internal => react}/src/components/OverflowSet/OverflowSet.ts (100%) rename packages/{react-internal => react}/src/components/OverflowSet/OverflowSet.types.ts (100%) rename packages/{react-internal => react}/src/components/OverflowSet/__snapshots__/OverflowSet.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/OverflowSet/index.ts (100%) rename packages/{react-internal => react}/src/components/Overlay/Overlay.base.tsx (100%) rename packages/{react-internal => react}/src/components/Overlay/Overlay.styles.ts (100%) rename packages/{react-internal => react}/src/components/Overlay/Overlay.test.tsx (100%) rename packages/{react-internal => react}/src/components/Overlay/Overlay.tsx (100%) rename packages/{react-internal => react}/src/components/Overlay/Overlay.types.ts (100%) rename packages/{react-internal => react}/src/components/Overlay/index.ts (100%) rename packages/{react-internal => react}/src/components/Panel/Panel.base.tsx (100%) rename packages/{react-internal => react}/src/components/Panel/Panel.styles.ts (100%) rename packages/{react-internal => react}/src/components/Panel/Panel.test.tsx (100%) rename packages/{react-internal => react}/src/components/Panel/Panel.ts (100%) rename packages/{react-internal => react}/src/components/Panel/Panel.types.ts (100%) rename packages/{react-internal => react}/src/components/Panel/__snapshots__/Panel.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Panel/index.ts (100%) rename packages/{react-internal => react}/src/components/Persona/Persona.base.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/Persona.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/Persona.styles.ts (100%) rename packages/{react-internal => react}/src/components/Persona/Persona.test.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/Persona.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/Persona.types.ts (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaCoin/PersonaCoin.base.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaCoin/PersonaCoin.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaCoin/PersonaCoin.styles.ts (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaCoin/PersonaCoin.test.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaCoin/PersonaCoin.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.deprecated.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaCoin/index.ts (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaConsts.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaInitialsColor.test.ts (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaInitialsColor.ts (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaPresence/PersonaPresence.base.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaPresence/PersonaPresence.styles.ts (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaPresence/PersonaPresence.test.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaPresence/PersonaPresence.tsx (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaPresence/__snapshots__/PersonaPresence.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Persona/PersonaPresence/index.ts (100%) rename packages/{react-internal => react}/src/components/Persona/__snapshots__/Persona.deprecated.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Persona/__snapshots__/Persona.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Persona/index.ts (100%) rename packages/{react-internal => react}/src/components/Pivot/Pivot.base.tsx (100%) rename packages/{react-internal => react}/src/components/Pivot/Pivot.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/Pivot/Pivot.styles.ts (100%) rename packages/{react-internal => react}/src/components/Pivot/Pivot.test.tsx (96%) rename packages/{react-internal => react}/src/components/Pivot/Pivot.tsx (100%) rename packages/{react-internal => react}/src/components/Pivot/Pivot.types.ts (95%) rename packages/{react-internal => react}/src/components/Pivot/PivotItem.tsx (100%) rename packages/{react-internal => react}/src/components/Pivot/PivotItem.types.ts (96%) rename packages/{react-internal => react}/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Pivot/index.ts (100%) rename packages/{react-internal => react}/src/components/Popup/Popup.tsx (100%) rename packages/{react-internal => react}/src/components/Popup/Popup.types.ts (100%) rename packages/{react-internal => react}/src/components/Popup/index.ts (100%) rename packages/{react-internal => react}/src/components/ProgressIndicator/ProgressIndicator.base.tsx (100%) rename packages/{react-internal => react}/src/components/ProgressIndicator/ProgressIndicator.styles.ts (100%) rename packages/{react-internal => react}/src/components/ProgressIndicator/ProgressIndicator.test.tsx (100%) rename packages/{react-internal => react}/src/components/ProgressIndicator/ProgressIndicator.tsx (100%) rename packages/{react-internal => react}/src/components/ProgressIndicator/ProgressIndicator.types.ts (100%) rename packages/{react-internal => react}/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ProgressIndicator/index.ts (100%) rename packages/{react-internal => react}/src/components/Rating/Rating.base.tsx (100%) rename packages/{react-internal => react}/src/components/Rating/Rating.styles.ts (100%) rename packages/{react-internal => react}/src/components/Rating/Rating.test.tsx (100%) rename packages/{react-internal => react}/src/components/Rating/Rating.tsx (100%) rename packages/{react-internal => react}/src/components/Rating/Rating.types.ts (100%) rename packages/{react-internal => react}/src/components/Rating/__snapshots__/Rating.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Rating/index.ts (100%) rename packages/{react-internal => react}/src/components/ResizeGroup/ResizeGroup.base.tsx (100%) rename packages/{react-internal => react}/src/components/ResizeGroup/ResizeGroup.test.tsx (100%) rename packages/{react-internal => react}/src/components/ResizeGroup/ResizeGroup.tsx (100%) rename packages/{react-internal => react}/src/components/ResizeGroup/ResizeGroup.types.ts (100%) rename packages/{react-internal => react}/src/components/ResizeGroup/__snapshots__/ResizeGroup.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ResizeGroup/index.ts (100%) rename packages/{react-internal => react}/src/components/ScrollablePane/ScrollablePane.base.tsx (100%) rename packages/{react-internal => react}/src/components/ScrollablePane/ScrollablePane.scss (100%) rename packages/{react-internal => react}/src/components/ScrollablePane/ScrollablePane.styles.ts (100%) rename packages/{react-internal => react}/src/components/ScrollablePane/ScrollablePane.test.tsx (100%) rename packages/{react-internal => react}/src/components/ScrollablePane/ScrollablePane.tsx (100%) rename packages/{react-internal => react}/src/components/ScrollablePane/ScrollablePane.types.ts (100%) rename packages/{react-internal => react}/src/components/ScrollablePane/__snapshots__/ScrollablePane.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/ScrollablePane/index.ts (100%) rename packages/{react-internal => react}/src/components/SearchBox/SearchBox.base.tsx (100%) rename packages/{react-internal => react}/src/components/SearchBox/SearchBox.styles.tsx (100%) rename packages/{react-internal => react}/src/components/SearchBox/SearchBox.test.tsx (100%) rename packages/{react-internal => react}/src/components/SearchBox/SearchBox.tsx (100%) rename packages/{react-internal => react}/src/components/SearchBox/SearchBox.types.ts (100%) rename packages/{react-internal => react}/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/SearchBox/index.ts (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/BaseSelectedItemsList.test.tsx (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/BaseSelectedItemsList.tsx (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.scss (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.styles.ts (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.tsx (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.types.ts (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.scss (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.tsx (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/SelectedPeopleList/Items/SelectedItemWithContextMenu.tsx (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.tsx (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/__snapshots__/BaseSelectedItemsList.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/SelectedItemsList/index.ts (100%) rename packages/{react-internal => react}/src/components/Separator/Separator.base.tsx (100%) rename packages/{react-internal => react}/src/components/Separator/Separator.styles.ts (100%) rename packages/{react-internal => react}/src/components/Separator/Separator.test.tsx (100%) rename packages/{react-internal => react}/src/components/Separator/Separator.tsx (100%) rename packages/{react-internal => react}/src/components/Separator/Separator.types.ts (100%) rename packages/{react-internal => react}/src/components/Separator/index.ts (100%) rename packages/{react-internal => react}/src/components/Shimmer/Shimmer.base.tsx (100%) rename packages/{react-internal => react}/src/components/Shimmer/Shimmer.styles.ts (100%) rename packages/{react-internal => react}/src/components/Shimmer/Shimmer.test.tsx (100%) rename packages/{react-internal => react}/src/components/Shimmer/Shimmer.tsx (100%) rename packages/{react-internal => react}/src/components/Shimmer/Shimmer.types.ts (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerCircle/ShimmerCircle.base.tsx (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.ts (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerCircle/ShimmerCircle.tsx (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerCircle/ShimmerCircle.types.ts (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.base.tsx (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.styles.ts (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.tsx (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.types.ts (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerGap/ShimmerGap.base.tsx (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerGap/ShimmerGap.styles.ts (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerGap/ShimmerGap.tsx (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerGap/ShimmerGap.types.ts (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerLine/ShimmerLine.base.tsx (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerLine/ShimmerLine.styles.ts (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerLine/ShimmerLine.tsx (100%) rename packages/{react-internal => react}/src/components/Shimmer/ShimmerLine/ShimmerLine.types.ts (100%) rename packages/{react-internal => react}/src/components/Shimmer/__snapshots__/Shimmer.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Shimmer/index.ts (100%) rename packages/{react-internal => react}/src/components/Slider/Slider.base.tsx (100%) rename packages/{react-internal => react}/src/components/Slider/Slider.styles.ts (100%) rename packages/{react-internal => react}/src/components/Slider/Slider.test.tsx (100%) rename packages/{react-internal => react}/src/components/Slider/Slider.tsx (100%) rename packages/{react-internal => react}/src/components/Slider/Slider.types.ts (98%) rename packages/{react-internal => react}/src/components/Slider/__snapshots__/Slider.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Slider/index.ts (100%) rename packages/{react-internal => react}/src/components/Slider/useSlider.ts (99%) rename packages/{react-internal => react}/src/components/SpinButton/SpinButton.base.tsx (100%) rename packages/{react-internal => react}/src/components/SpinButton/SpinButton.styles.ts (100%) rename packages/{react-internal => react}/src/components/SpinButton/SpinButton.test.tsx (100%) rename packages/{react-internal => react}/src/components/SpinButton/SpinButton.tsx (100%) rename packages/{react-internal => react}/src/components/SpinButton/SpinButton.types.ts (100%) rename packages/{react-internal => react}/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/SpinButton/index.ts (100%) rename packages/{react-internal => react}/src/components/Spinner/Spinner.base.tsx (100%) rename packages/{react-internal => react}/src/components/Spinner/Spinner.styles.tsx (100%) rename packages/{react-internal => react}/src/components/Spinner/Spinner.test.tsx (100%) rename packages/{react-internal => react}/src/components/Spinner/Spinner.tsx (100%) rename packages/{react-internal => react}/src/components/Spinner/Spinner.types.ts (100%) rename packages/{react-internal => react}/src/components/Spinner/__snapshots__/Spinner.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Spinner/index.ts (100%) rename packages/{react-internal => react}/src/components/Stack/Stack.styles.ts (100%) rename packages/{react-internal => react}/src/components/Stack/Stack.test.tsx (100%) rename packages/{react-internal => react}/src/components/Stack/Stack.tsx (100%) rename packages/{react-internal => react}/src/components/Stack/Stack.types.ts (100%) rename packages/{react-internal => react}/src/components/Stack/StackItem/StackItem.styles.ts (100%) rename packages/{react-internal => react}/src/components/Stack/StackItem/StackItem.test.tsx (100%) rename packages/{react-internal => react}/src/components/Stack/StackItem/StackItem.tsx (100%) rename packages/{react-internal => react}/src/components/Stack/StackItem/StackItem.types.ts (100%) rename packages/{react-internal => react}/src/components/Stack/StackUtils.test.ts (100%) rename packages/{react-internal => react}/src/components/Stack/StackUtils.ts (100%) rename packages/{react-internal => react}/src/components/Stack/__snapshots__/Stack.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Stack/index.ts (100%) rename packages/{react-internal => react}/src/components/Sticky/Sticky.test.tsx (100%) rename packages/{react-internal => react}/src/components/Sticky/Sticky.tsx (100%) rename packages/{react-internal => react}/src/components/Sticky/Sticky.types.ts (100%) rename packages/{react-internal => react}/src/components/Sticky/index.ts (100%) rename packages/{react-internal => react}/src/components/SwatchColorPicker/ColorPickerGridCell.base.tsx (100%) rename packages/{react-internal => react}/src/components/SwatchColorPicker/ColorPickerGridCell.styles.ts (100%) rename packages/{react-internal => react}/src/components/SwatchColorPicker/ColorPickerGridCell.tsx (100%) rename packages/{react-internal => react}/src/components/SwatchColorPicker/ColorPickerGridCell.types.ts (100%) rename packages/{react-internal => react}/src/components/SwatchColorPicker/SwatchColorPicker.base.tsx (100%) rename packages/{react-internal => react}/src/components/SwatchColorPicker/SwatchColorPicker.styles.ts (100%) rename packages/{react-internal => react}/src/components/SwatchColorPicker/SwatchColorPicker.test.tsx (100%) rename packages/{react-internal => react}/src/components/SwatchColorPicker/SwatchColorPicker.tsx (100%) rename packages/{react-internal => react}/src/components/SwatchColorPicker/SwatchColorPicker.types.ts (100%) rename packages/{react-internal => react}/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/SwatchColorPicker/index.ts (100%) rename packages/{react-internal => react}/src/components/TeachingBubble/TeachingBubble.base.tsx (100%) rename packages/{react-internal => react}/src/components/TeachingBubble/TeachingBubble.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/TeachingBubble/TeachingBubble.styles.ts (100%) rename packages/{react-internal => react}/src/components/TeachingBubble/TeachingBubble.test.tsx (100%) rename packages/{react-internal => react}/src/components/TeachingBubble/TeachingBubble.ts (100%) rename packages/{react-internal => react}/src/components/TeachingBubble/TeachingBubble.types.ts (100%) rename packages/{react-internal => react}/src/components/TeachingBubble/TeachingBubbleContent.base.tsx (100%) rename packages/{react-internal => react}/src/components/TeachingBubble/TeachingBubbleContent.ts (100%) rename packages/{react-internal => react}/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/TeachingBubble/index.ts (100%) rename packages/{react-internal => react}/src/components/Text/Text.styles.ts (100%) rename packages/{react-internal => react}/src/components/Text/Text.test.tsx (100%) rename packages/{react-internal => react}/src/components/Text/Text.ts (100%) rename packages/{react-internal => react}/src/components/Text/Text.types.tsx (100%) rename packages/{react-internal => react}/src/components/Text/Text.view.tsx (100%) rename packages/{react-internal => react}/src/components/Text/__snapshots__/Text.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Text/index.ts (100%) rename packages/{react-internal => react}/src/components/TextField/MaskedTextField/MaskedTextField.test.tsx (100%) rename packages/{react-internal => react}/src/components/TextField/MaskedTextField/MaskedTextField.tsx (100%) rename packages/{react-internal => react}/src/components/TextField/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/TextField/MaskedTextField/inputMask.test.ts (100%) rename packages/{react-internal => react}/src/components/TextField/MaskedTextField/inputMask.ts (100%) rename packages/{react-internal => react}/src/components/TextField/TextField.base.tsx (100%) rename packages/{react-internal => react}/src/components/TextField/TextField.styles.tsx (100%) rename packages/{react-internal => react}/src/components/TextField/TextField.test.tsx (100%) rename packages/{react-internal => react}/src/components/TextField/TextField.ts (100%) rename packages/{react-internal => react}/src/components/TextField/TextField.types.ts (100%) rename packages/{react-internal => react}/src/components/TextField/__snapshots__/TextField.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/TextField/index.ts (100%) rename packages/{react-internal => react}/src/components/ThemeGenerator/IThemeRules.ts (100%) rename packages/{react-internal => react}/src/components/ThemeGenerator/IThemeSlotRule.ts (100%) rename packages/{react-internal => react}/src/components/ThemeGenerator/ThemeGenerator.ts (100%) rename packages/{react-internal => react}/src/components/ThemeGenerator/ThemeRulesStandard.ts (100%) rename packages/{react-internal => react}/src/components/ThemeGenerator/index.ts (100%) rename packages/{react-internal => react}/src/components/Toggle/Toggle.base.tsx (100%) rename packages/{react-internal => react}/src/components/Toggle/Toggle.deprecated.test.tsx (100%) rename packages/{react-internal => react}/src/components/Toggle/Toggle.styles.ts (100%) rename packages/{react-internal => react}/src/components/Toggle/Toggle.test.tsx (100%) rename packages/{react-internal => react}/src/components/Toggle/Toggle.tsx (100%) rename packages/{react-internal => react}/src/components/Toggle/Toggle.types.ts (98%) rename packages/{react-internal => react}/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Toggle/index.ts (100%) rename packages/{react-internal => react}/src/components/Tooltip/Tooltip.base.tsx (100%) rename packages/{react-internal => react}/src/components/Tooltip/Tooltip.styles.ts (100%) rename packages/{react-internal => react}/src/components/Tooltip/Tooltip.test.tsx (100%) rename packages/{react-internal => react}/src/components/Tooltip/Tooltip.tsx (100%) rename packages/{react-internal => react}/src/components/Tooltip/Tooltip.types.ts (100%) rename packages/{react-internal => react}/src/components/Tooltip/TooltipHost.base.tsx (100%) rename packages/{react-internal => react}/src/components/Tooltip/TooltipHost.styles.ts (100%) rename packages/{react-internal => react}/src/components/Tooltip/TooltipHost.test.tsx (100%) rename packages/{react-internal => react}/src/components/Tooltip/TooltipHost.ts (100%) rename packages/{react-internal => react}/src/components/Tooltip/TooltipHost.types.ts (100%) rename packages/{react-internal => react}/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Tooltip/__snapshots__/TooltipHost.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/Tooltip/index.ts (100%) rename packages/{react-date-time => react}/src/components/WeeklyDayPicker/WeeklyDayPicker.base.tsx (99%) rename packages/{react-date-time => react}/src/components/WeeklyDayPicker/WeeklyDayPicker.styles.ts (100%) rename packages/{react-date-time => react}/src/components/WeeklyDayPicker/WeeklyDayPicker.test.tsx (100%) rename packages/{react-date-time => react}/src/components/WeeklyDayPicker/WeeklyDayPicker.tsx (85%) rename packages/{react-date-time => react}/src/components/WeeklyDayPicker/WeeklyDayPicker.types.ts (100%) rename packages/{react-date-time => react}/src/components/WeeklyDayPicker/__snapshots__/WeeklyDayPicker.test.tsx.snap (99%) rename packages/{react-date-time => react}/src/components/WeeklyDayPicker/defaults.ts (100%) rename packages/{react-date-time => react}/src/components/WeeklyDayPicker/index.ts (100%) rename packages/{react-internal => react}/src/components/pickers/AutoFill/BaseAutoFill.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/AutoFill/BaseAutoFill.types.ts (100%) rename packages/{react-internal => react}/src/components/pickers/BasePicker.scss (100%) rename packages/{react-internal => react}/src/components/pickers/BasePicker.styles.ts (100%) rename packages/{react-internal => react}/src/components/pickers/BasePicker.test.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/BasePicker.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/BasePicker.types.ts (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/PeoplePicker.test.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/PeoplePicker.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.styles.ts (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.types.ts (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.styles.ts (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.scss (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/pickers/PickerItem.types.ts (100%) rename packages/{react-internal => react}/src/components/pickers/Suggestions/Suggestions.scss (100%) rename packages/{react-internal => react}/src/components/pickers/Suggestions/Suggestions.styles.ts (100%) rename packages/{react-internal => react}/src/components/pickers/Suggestions/Suggestions.test.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/Suggestions/Suggestions.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/Suggestions/Suggestions.types.ts (100%) rename packages/{react-internal => react}/src/components/pickers/Suggestions/SuggestionsController.ts (100%) rename packages/{react-internal => react}/src/components/pickers/Suggestions/SuggestionsItem.styles.ts (100%) rename packages/{react-internal => react}/src/components/pickers/Suggestions/SuggestionsItem.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/Suggestions/SuggestionsItem.types.ts (100%) rename packages/{react-internal => react}/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/pickers/TagPicker/TagItem.styles.ts (100%) rename packages/{react-internal => react}/src/components/pickers/TagPicker/TagItem.test.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/TagPicker/TagItem.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/TagPicker/TagItemSuggestion.styles.ts (100%) rename packages/{react-internal => react}/src/components/pickers/TagPicker/TagItemSuggestion.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/TagPicker/TagPicker.test.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/TagPicker/TagPicker.tsx (100%) rename packages/{react-internal => react}/src/components/pickers/TagPicker/TagPicker.types.ts (100%) rename packages/{react-internal => react}/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/pickers/__snapshots__/BasePicker.test.tsx.snap (100%) rename packages/{react-internal => react}/src/components/pickers/index.ts (100%) rename packages/{react-internal => react}/src/utilities/ButtonGrid/ButtonGrid.base.tsx (100%) rename packages/{react-internal => react}/src/utilities/ButtonGrid/ButtonGrid.styles.ts (100%) rename packages/{react-internal => react}/src/utilities/ButtonGrid/ButtonGrid.test.tsx (100%) rename packages/{react-internal => react}/src/utilities/ButtonGrid/ButtonGrid.tsx (100%) rename packages/{react-internal => react}/src/utilities/ButtonGrid/ButtonGrid.types.ts (100%) rename packages/{react-internal => react}/src/utilities/ButtonGrid/ButtonGridCell.tsx (100%) rename packages/{react-internal => react}/src/utilities/ButtonGrid/ButtonGridCell.types.ts (100%) rename packages/{react-internal => react}/src/utilities/ButtonGrid/index.ts (100%) rename packages/{react-internal => react}/src/utilities/DraggableZone/DraggableZone.styles.ts (100%) rename packages/{react-internal => react}/src/utilities/DraggableZone/DraggableZone.tsx (100%) rename packages/{react-internal => react}/src/utilities/DraggableZone/DraggableZone.types.ts (100%) rename packages/{react-internal => react}/src/utilities/DraggableZone/index.ts (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/README.md (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/ThemeContext.ts (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/ThemeProvider.test.tsx (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/ThemeProvider.tsx (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/ThemeProvider.types.ts (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/__snapshots__/ThemeProvider.test.tsx.snap (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/index.ts (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/makeStyles.test.tsx (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/makeStyles.ts (94%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/renderThemeProvider.tsx (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/styleRenderers/mergeStylesRenderer.tsx (84%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/styleRenderers/types.ts (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/useTheme.ts (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/useThemeProvider.tsx (100%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/useThemeProviderClasses.tsx (96%) rename packages/{react-internal => react}/src/utilities/ThemeProvider/useThemeProviderState.tsx (100%) rename packages/{react-internal => react}/src/utilities/color/_rgbaOrHexString.ts (100%) rename packages/{react-internal => react}/src/utilities/color/clamp.ts (100%) rename packages/{react-internal => react}/src/utilities/color/colors.test.ts (100%) rename packages/{react-internal => react}/src/utilities/color/colors.ts (100%) rename packages/{react-internal => react}/src/utilities/color/consts.ts (100%) rename packages/{react-internal => react}/src/utilities/color/correctHSV.ts (100%) rename packages/{react-internal => react}/src/utilities/color/correctHex.ts (100%) rename packages/{react-internal => react}/src/utilities/color/correctRGB.ts (100%) rename packages/{react-internal => react}/src/utilities/color/cssColor.ts (100%) rename packages/{react-internal => react}/src/utilities/color/getColorFromHSV.ts (100%) rename packages/{react-internal => react}/src/utilities/color/getColorFromRGBA.ts (100%) rename packages/{react-internal => react}/src/utilities/color/getColorFromString.ts (100%) rename packages/{react-internal => react}/src/utilities/color/getFullColorString.ts (100%) rename packages/{react-internal => react}/src/utilities/color/hsl2hsv.ts (100%) rename packages/{react-internal => react}/src/utilities/color/hsl2rgb.ts (100%) rename packages/{react-internal => react}/src/utilities/color/hsv2hex.ts (100%) rename packages/{react-internal => react}/src/utilities/color/hsv2hsl.ts (100%) rename packages/{react-internal => react}/src/utilities/color/hsv2rgb.ts (100%) rename packages/{react-internal => react}/src/utilities/color/index.ts (100%) rename packages/{react-internal => react}/src/utilities/color/interfaces.ts (100%) rename packages/{react-internal => react}/src/utilities/color/rgb2hex.ts (100%) rename packages/{react-internal => react}/src/utilities/color/rgb2hsv.ts (100%) rename packages/{react-internal => react}/src/utilities/color/shades.ts (100%) rename packages/{react-internal => react}/src/utilities/color/updateA.ts (100%) rename packages/{react-internal => react}/src/utilities/color/updateH.ts (100%) rename packages/{react-internal => react}/src/utilities/color/updateRGB.ts (100%) rename packages/{react-internal => react}/src/utilities/color/updateSV.ts (100%) rename packages/{react-internal => react}/src/utilities/color/updateT.ts (100%) rename packages/{react-internal => react}/src/utilities/contextualMenu/contextualMenuUtility.test.ts (100%) rename packages/{react-internal => react}/src/utilities/contextualMenu/contextualMenuUtility.ts (100%) rename packages/{react-internal => react}/src/utilities/contextualMenu/index.ts (100%) rename packages/{react-internal => react}/src/utilities/decorators/BaseDecorator.ts (100%) rename packages/{react-internal => react}/src/utilities/decorators/withContainsFocus.tsx (100%) rename packages/{react-internal => react}/src/utilities/decorators/withResponsiveMode.test.tsx (100%) rename packages/{react-internal => react}/src/utilities/decorators/withResponsiveMode.tsx (100%) rename packages/{react-internal => react}/src/utilities/decorators/withViewport.tsx (100%) rename packages/{react-internal => react}/src/utilities/dragdrop/DragDropHelper.tsx (100%) rename packages/{react-internal => react}/src/utilities/dragdrop/index.ts (100%) rename packages/{react-internal => react}/src/utilities/dragdrop/interfaces.ts (100%) rename packages/{react-internal => react}/src/utilities/hooks/useResponsiveMode.test.tsx (100%) rename packages/{react-internal => react}/src/utilities/hooks/useResponsiveMode.tsx (100%) rename packages/{react-internal => react}/src/utilities/keytips/IKeytipTransitionKey.test.ts (100%) rename packages/{react-internal => react}/src/utilities/keytips/IKeytipTransitionKey.ts (100%) rename packages/{react-internal => react}/src/utilities/keytips/KeytipConfig.test.ts (100%) rename packages/{react-internal => react}/src/utilities/keytips/KeytipConfig.ts (100%) rename packages/{react-internal => react}/src/utilities/keytips/KeytipConstants.ts (100%) rename packages/{react-internal => react}/src/utilities/keytips/KeytipManager.test.tsx (100%) rename packages/{react-internal => react}/src/utilities/keytips/KeytipManager.ts (100%) rename packages/{react-internal => react}/src/utilities/keytips/KeytipUtils.test.ts (100%) rename packages/{react-internal => react}/src/utilities/keytips/KeytipUtils.ts (100%) rename packages/{react-internal => react}/src/utilities/keytips/index.ts (100%) rename packages/{react-internal => react}/src/utilities/observeResize.ts (100%) rename packages/{react-internal => react}/src/utilities/positioning.ts (100%) rename packages/{react-internal => react}/src/utilities/positioning/index.ts (100%) rename packages/{react-internal => react}/src/utilities/positioning/positioning.test.ts (100%) rename packages/{react-internal => react}/src/utilities/positioning/positioning.ts (100%) rename packages/{react-internal => react}/src/utilities/positioning/positioning.types.ts (100%) rename packages/{react-internal => react}/src/utilities/selectableOption/SelectableDroppableText.types.ts (100%) rename packages/{react-internal => react}/src/utilities/selectableOption/SelectableOption.ts (100%) rename packages/{react-internal => react}/src/utilities/selectableOption/SelectableOption.types.ts (100%) rename packages/{react-internal => react}/src/utilities/selectableOption/index.ts (100%) rename packages/{react-internal => react}/src/utilities/selection/Selection.ts (100%) rename packages/{react-internal => react}/src/utilities/selection/SelectionZone.test.tsx (100%) rename packages/{react-internal => react}/src/utilities/selection/SelectionZone.tsx (100%) rename packages/{react-internal => react}/src/utilities/selection/index.ts (100%) rename packages/{react-internal => react}/src/utilities/selection/interfaces.ts (100%) rename packages/{react-internal => react}/src/utilities/useOverflow.ts (100%) diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index cfad0c1c7dd05d..a287946b20df48 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -96,69 +96,71 @@ packages/react-tabs/ @behowell packages/react-toggle/ @xugao ## Components -packages/react-internal/src/components/ActivityItem/ @xugao -packages/react-internal/src/components/Announced/ @khmakoto +packages/react/src/components/ActivityItem/ @xugao +packages/react/src/components/Announced/ @khmakoto packages/react/src/components/Breadcrumb/ @xugao -packages/react-internal/src/compat/components/Button/ @khmakoto -packages/react-internal/src/components/Calendar/ @lorejoh12 @pompomon -packages/react-internal/src/components/Callout/ @joschect -packages/react-internal/src/components/Check/ @dzearing @xugao -packages/react-internal/src/components/Checkbox/ @khmakoto @xugao -packages/react-internal/src/components/ChoiceGroup/ @ecraig12345 -packages/react-internal/src/components/Coachmark/ @leddie24 -packages/react-internal/src/components/ColorPicker/ @ecraig12345 +packages/react/src/compat/components/Button/ @khmakoto +packages/react/src/components/Calendar/ @lorejoh12 @pompomon +packages/react/src/components/CalendarDayGrid/ @lorejoh12 +packages/react/src/components/Callout/ @joschect +packages/react/src/components/Check/ @dzearing @xugao +packages/react/src/components/Checkbox/ @khmakoto @xugao +packages/react/src/components/ChoiceGroup/ @ecraig12345 +packages/react/src/components/Coachmark/ @leddie24 +packages/react/src/components/ColorPicker/ @ecraig12345 packages/react/src/components/ComboBox/ @joschect -packages/react-internal/src/components/CommandBar/ @micahgodbolt @joschect -packages/react-internal/src/components/ContextualMenu/ @joschect -packages/react-internal/src/components/DatePicker/ @lorejoh12 @pompomon +packages/react/src/components/CommandBar/ @micahgodbolt @joschect +packages/react/src/components/ContextualMenu/ @joschect +packages/react/src/components/DatePicker/ @lorejoh12 @pompomon packages/react/src/components/DetailsList/ @dzearing -packages/react-internal/src/components/Dialog/ @joschect +packages/react/src/components/Dialog/ @joschect packages/react/src/components/DocumentCard/ @yiminwu packages/react/src/components/Dropdown/ @joschect -packages/react-internal/src/components/Fabric/ @dzearing -packages/react-internal/src/components/Facepile/ @markionium @mtennoe -packages/react-internal/src/components/FolderCover/ @ThomasMichon @bigbadcapers -packages/react-internal/src/components/FocusTrapZone/ @khmakoto +packages/react/src/components/Fabric/ @dzearing +packages/react/src/components/Facepile/ @markionium @mtennoe +packages/react/src/components/FolderCover/ @ThomasMichon @bigbadcapers +packages/react/src/components/FocusTrapZone/ @khmakoto packages/react/src/components/GroupedList/ @aditima @dzearing -packages/react-internal/src/components/HoverCard/ @Jahnp @Vitalius1 -packages/react-internal/src/components/Icon/ @dzearing @ecraig12345 -packages/react-internal/src/components/Image/ @dzearing -packages/react-internal/src/components/Label/ @khmakoto -packages/react-internal/src/components/Layer/ @ThomasMichon -packages/react-internal/src/components/Link/ @khmakoto -packages/react-internal/src/components/List/ @dzearing -packages/react-internal/src/components/MarqueeSelection/ @dzearing -packages/react-internal/src/components/MessageBar/ @ecraig12345 -packages/react-internal/src/components/Modal/ @joschect -packages/react-internal/src/components/Nav/ @ecraig12345 -packages/react-internal/src/components/OverflowSet/ @micahgodbolt -packages/react-internal/src/components/Overlay/ @xugao -packages/react-internal/src/components/Panel/ @xugao -packages/react-internal/src/components/Persona/ @markionium @mtennoe -packages/react-internal/src/components/PersonaCoin/ @mtennoe @markionium -packages/react-internal/src/components/Persona/PersonaConsts.tsx @mtennoe -packages/react-internal/src/components/pickers/ @joschect -packages/react-internal/src/components/Pivot/ @behowell -packages/react-internal/src/components/Popup/ @joschect -packages/react-internal/src/components/ProgressIndicator/ @xugao -packages/react-internal/src/components/Rating/ @jdhuntington -packages/react-internal/src/components/ResizeGroup/ @micahgodbolt -packages/react-internal/src/components/SearchBox/ @ecraig12345 -packages/react-internal/src/components/Separator/ @joschemd @khmakoto -packages/react-internal/src/components/Shimmer/ @Vitalius1 -packages/react-internal/src/components/Slider/ @joschect -packages/react-internal/src/components/SpinButton/ @ecraig12345 -packages/react-internal/src/components/Spinner/ @xugao -packages/react-internal/src/components/Stack/ @khmakoto -packages/react-internal/src/components/SwatchColorPicker/ @ecraig12345 -packages/react-internal/src/components/TeachingBubble/ @micahgodbolt -packages/react-internal/src/components/Text/ @khmakoto -packages/react-internal/src/components/TextField/ @ecraig12345 -packages/react-internal/src/components/Toggle/ @khmakoto -packages/react-internal/src/components/Tooltip/ @micahgodbolt +packages/react/src/components/HoverCard/ @Jahnp @Vitalius1 +packages/react/src/components/Icon/ @dzearing @ecraig12345 +packages/react/src/components/Image/ @dzearing +packages/react/src/components/Label/ @khmakoto +packages/react/src/components/Layer/ @ThomasMichon +packages/react/src/components/Link/ @khmakoto +packages/react/src/components/List/ @dzearing +packages/react/src/components/MarqueeSelection/ @dzearing +packages/react/src/components/MessageBar/ @ecraig12345 +packages/react/src/components/Modal/ @joschect +packages/react/src/components/Nav/ @ecraig12345 +packages/react/src/components/OverflowSet/ @micahgodbolt +packages/react/src/components/Overlay/ @xugao +packages/react/src/components/Panel/ @xugao +packages/react/src/components/Persona/ @markionium @mtennoe +packages/react/src/components/PersonaCoin/ @mtennoe @markionium +packages/react/src/components/Persona/PersonaConsts.tsx @mtennoe +packages/react/src/components/pickers/ @joschect +packages/react/src/components/Pivot/ @behowell +packages/react/src/components/Popup/ @joschect +packages/react/src/components/ProgressIndicator/ @xugao +packages/react/src/components/Rating/ @jdhuntington +packages/react/src/components/ResizeGroup/ @micahgodbolt +packages/react/src/components/SearchBox/ @ecraig12345 +packages/react/src/components/Separator/ @joschemd @khmakoto +packages/react/src/components/Shimmer/ @Vitalius1 +packages/react/src/components/Slider/ @joschect +packages/react/src/components/SpinButton/ @ecraig12345 +packages/react/src/components/Spinner/ @xugao +packages/react/src/components/Stack/ @khmakoto +packages/react/src/components/SwatchColorPicker/ @ecraig12345 +packages/react/src/components/TeachingBubble/ @micahgodbolt +packages/react/src/components/Text/ @khmakoto +packages/react/src/components/TextField/ @ecraig12345 +packages/react/src/components/Toggle/ @khmakoto +packages/react/src/components/Tooltip/ @micahgodbolt +packages/react/src/components/WeeklyDayPicker/ @lorejoh12 ## Theming and styling -packages/react-internal/src/utilities/ThemeProvider @xugao +packages/react/src/utilities/ThemeProvider @xugao ## Experiments packages/react-experiments/src/components/Pagination/ @caradong diff --git a/apps/pr-deploy-site/just.config.ts b/apps/pr-deploy-site/just.config.ts index fb62b0d68ba31a..be9aaae25ecb6c 100644 --- a/apps/pr-deploy-site/just.config.ts +++ b/apps/pr-deploy-site/just.config.ts @@ -25,7 +25,6 @@ const dependencies = [ '@fluentui/react-button', '@fluentui/react-charting', '@fluentui/react-checkbox', - '@fluentui/react-date-time', '@fluentui/react-experiments', '@fluentui/react-image', '@fluentui/react-link', diff --git a/apps/pr-deploy-site/pr-deploy-site.js b/apps/pr-deploy-site/pr-deploy-site.js index df27607330ba7e..5fb09b8e46233f 100644 --- a/apps/pr-deploy-site/pr-deploy-site.js +++ b/apps/pr-deploy-site/pr-deploy-site.js @@ -43,12 +43,6 @@ const siteInfo = [ icon: 'CheckboxComposite', title: 'Checkbox', }, - { - package: '@fluentui/react-date-time', - link: './react-date-time/storybook/index.html', - icon: 'PrimaryCalendar', - title: 'Date/Time', - }, { package: '@fluentui/react-image', link: './react-image/storybook/index.html', diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json index de58a6f7023271..b10e41005d0767 100644 --- a/apps/public-docsite-resources/package.json +++ b/apps/public-docsite-resources/package.json @@ -45,7 +45,6 @@ "dependencies": { "@fluentui/react": "^8.0.0-beta.50", "@fluentui/react-examples": "^1.1.0", - "@fluentui/react-internal": "^8.0.0-beta.44", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/api-docs": "^1.0.1", "@fluentui/azure-themes": "^8.0.0-beta.49", diff --git a/apps/public-docsite-resources/src/components/DemoPage.types.ts b/apps/public-docsite-resources/src/components/DemoPage.types.ts index 9679bbdf971a9d..c7725349e3af8f 100644 --- a/apps/public-docsite-resources/src/components/DemoPage.types.ts +++ b/apps/public-docsite-resources/src/components/DemoPage.types.ts @@ -1 +1 @@ -export { IDocPageProps as IDemoPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +export { IDocPageProps as IDemoPageProps } from '@fluentui/react/lib/common/DocPage.types'; diff --git a/apps/public-docsite-resources/src/components/pages/CalendarPage.tsx b/apps/public-docsite-resources/src/components/pages/CalendarPage.tsx index db094dc90a95db..c908661fddff70 100644 --- a/apps/public-docsite-resources/src/components/pages/CalendarPage.tsx +++ b/apps/public-docsite-resources/src/components/pages/CalendarPage.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { CalendarPageProps } from '@fluentui/react-examples/lib/react-date-time/Calendar/Calendar.doc'; +import { CalendarPageProps } from '@fluentui/react-examples/lib/react/Calendar/Calendar.doc'; import { DemoPage } from '../DemoPage'; export const CalendarPage = (props: { isHeaderVisible: boolean }) => ( diff --git a/apps/public-docsite-resources/src/components/pages/DatePickerPage.tsx b/apps/public-docsite-resources/src/components/pages/DatePickerPage.tsx index bda3ea5c41b772..da003bf70f175e 100644 --- a/apps/public-docsite-resources/src/components/pages/DatePickerPage.tsx +++ b/apps/public-docsite-resources/src/components/pages/DatePickerPage.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { DemoPage } from '../DemoPage'; -import { DatePickerPageProps } from '@fluentui/react-examples/lib/react-date-time/DatePicker/DatePicker.doc'; +import { DatePickerPageProps } from '@fluentui/react-examples/lib/react/DatePicker/DatePicker.doc'; export const DatePickerPage = (props: { isHeaderVisible: boolean }) => ( > & { subPages?: ICategory }; diff --git a/apps/public-docsite/src/pages/Controls/ButtonPage/ButtonPage.tsx b/apps/public-docsite/src/pages/Controls/ButtonPage/ButtonPage.tsx index 906e6f139be05f..553c49b4cede5e 100644 --- a/apps/public-docsite/src/pages/Controls/ButtonPage/ButtonPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ButtonPage/ButtonPage.tsx @@ -5,7 +5,7 @@ import { ButtonPageProps } from './ButtonPage.doc'; import { Platforms } from '../../../interfaces/Platforms'; import { IPageSectionProps } from '@fluentui/react-docsite-components/lib/index2'; import { ImplementationSection } from '@fluentui/react-docsite-components/lib/index2'; -import { ApiKind } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { ApiKind } from '@fluentui/react/lib/common/DocPage.types'; /* eslint-disable @fluentui/max-len */ diff --git a/apps/public-docsite/src/pages/Controls/CalendarPage/CalendarPage.doc.ts b/apps/public-docsite/src/pages/Controls/CalendarPage/CalendarPage.doc.ts index 19354df3786a8f..5db954014fe330 100644 --- a/apps/public-docsite/src/pages/Controls/CalendarPage/CalendarPage.doc.ts +++ b/apps/public-docsite/src/pages/Controls/CalendarPage/CalendarPage.doc.ts @@ -1,5 +1,5 @@ import { TFabricPlatformPageProps } from '../../../interfaces/Platforms'; -import { CalendarPageProps as ExternalProps } from '@fluentui/react-examples/lib/react-date-time/Calendar/Calendar.doc'; +import { CalendarPageProps as ExternalProps } from '@fluentui/react-examples/lib/react/Calendar/Calendar.doc'; import { ISideRailLink } from '@fluentui/react-docsite-components/lib/index2'; const related: ISideRailLink[] = [ diff --git a/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx b/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx index d8f54a029ca981..4ef080d48131b0 100644 --- a/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Page, IPageProps, PlatformContext } from '@fluentui/react-docsite-components/lib/index2'; import { getSubTitle } from '../../utilities/index'; import { Platforms } from '../../interfaces/Platforms'; -import { IPageJson } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IPageJson } from '@fluentui/react/lib/common/DocPage.types'; export interface IControlsPageProps extends IPageProps {} diff --git a/apps/public-docsite/src/pages/Controls/DatePickerPage/DatePickerPage.doc.ts b/apps/public-docsite/src/pages/Controls/DatePickerPage/DatePickerPage.doc.ts index 24dc8c82249e41..bfd8fb2af0d82d 100644 --- a/apps/public-docsite/src/pages/Controls/DatePickerPage/DatePickerPage.doc.ts +++ b/apps/public-docsite/src/pages/Controls/DatePickerPage/DatePickerPage.doc.ts @@ -1,5 +1,5 @@ import { TFabricPlatformPageProps } from '../../../interfaces/Platforms'; -import { DatePickerPageProps as ExternalProps } from '@fluentui/react-examples/lib/react-date-time/DatePicker/DatePicker.doc'; +import { DatePickerPageProps as ExternalProps } from '@fluentui/react-examples/lib/react/DatePicker/DatePicker.doc'; import { ISideRailLink } from '@fluentui/react-docsite-components/lib/index2'; const related: ISideRailLink[] = [ diff --git a/apps/public-docsite/src/pages/Controls/LinkPage/LinkPage.tsx b/apps/public-docsite/src/pages/Controls/LinkPage/LinkPage.tsx index 919c51d896de18..dfd24cdd2ef36e 100644 --- a/apps/public-docsite/src/pages/Controls/LinkPage/LinkPage.tsx +++ b/apps/public-docsite/src/pages/Controls/LinkPage/LinkPage.tsx @@ -4,7 +4,7 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { LinkPageProps } from './LinkPage.doc'; import { Platforms } from '../../../interfaces/Platforms'; import { ImplementationSection } from '@fluentui/react-docsite-components/lib/index2'; -import { ApiKind } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { ApiKind } from '@fluentui/react/lib/common/DocPage.types'; /* eslint-disable @fluentui/max-len */ diff --git a/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.tsx b/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.tsx index 2eeaa768b9dd4c..eb0dcf666bc0cb 100644 --- a/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.tsx +++ b/apps/public-docsite/src/pages/Controls/PersonaPage/PersonaPage.tsx @@ -4,7 +4,7 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { PersonaPageProps } from './PersonaPage.doc'; import { Platforms } from '../../../interfaces/Platforms'; import { ImplementationSection } from '@fluentui/react-docsite-components/lib/index2'; -import { ApiKind } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { ApiKind } from '@fluentui/react/lib/common/DocPage.types'; /* eslint-disable @fluentui/max-len */ diff --git a/apps/public-docsite/src/pages/Controls/PickersPage/PickersPage.doc.ts b/apps/public-docsite/src/pages/Controls/PickersPage/PickersPage.doc.ts index d6982f1257da1c..fd07bb23bfdb01 100644 --- a/apps/public-docsite/src/pages/Controls/PickersPage/PickersPage.doc.ts +++ b/apps/public-docsite/src/pages/Controls/PickersPage/PickersPage.doc.ts @@ -7,7 +7,7 @@ const related: ISideRailLink[] = []; export const PickersPageProps: TFabricPlatformPageProps = { web: { ...(ExternalProps as any), - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/pickers', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/pickers', related, }, }; diff --git a/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.tsx b/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.tsx index 503ae4f74ea63d..553cf260ed6f7b 100644 --- a/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.tsx +++ b/apps/public-docsite/src/pages/Controls/SeparatorPage/SeparatorPage.tsx @@ -4,7 +4,7 @@ import { SeparatorPageProps } from './SeparatorPage.doc'; import { Platforms } from '../../../interfaces/Platforms'; import { IPageSectionProps } from '@fluentui/react-docsite-components/lib/index2'; import { ImplementationSection } from '@fluentui/react-docsite-components/lib/index2'; -import { ApiKind } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { ApiKind } from '@fluentui/react/lib/common/DocPage.types'; /* eslint-disable @fluentui/max-len */ diff --git a/apps/public-docsite/src/pages/Controls/TextPage/TextPage.tsx b/apps/public-docsite/src/pages/Controls/TextPage/TextPage.tsx index 37b8a5fd6ffb9c..0f61532f142fde 100644 --- a/apps/public-docsite/src/pages/Controls/TextPage/TextPage.tsx +++ b/apps/public-docsite/src/pages/Controls/TextPage/TextPage.tsx @@ -3,7 +3,7 @@ import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage'; import { TextPageProps } from './TextPage.doc'; import { Platforms } from '../../../interfaces/Platforms'; import { IPageSectionProps, ImplementationSection } from '@fluentui/react-docsite-components/lib/index2'; -import { ApiKind } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { ApiKind } from '@fluentui/react/lib/common/DocPage.types'; /* eslint-disable @fluentui/max-len */ diff --git a/apps/public-docsite/src/pages/PageTemplates/TemplatePage/TemplatePage.doc.ts b/apps/public-docsite/src/pages/PageTemplates/TemplatePage/TemplatePage.doc.ts index 0d3eb2f7150e04..d7c82f7d965d18 100644 --- a/apps/public-docsite/src/pages/PageTemplates/TemplatePage/TemplatePage.doc.ts +++ b/apps/public-docsite/src/pages/PageTemplates/TemplatePage/TemplatePage.doc.ts @@ -59,7 +59,7 @@ export const TemplatePageProps: TFabricPlatformPageProps = { // Raw import of a types definition file to render the Implementation Section. (Array) propertiesTablesSources: [ - require('!raw-loader?esModule=false!@fluentui/react-internal/src/components/TeachingBubble/TeachingBubble.types.ts') as string, + require('!raw-loader?esModule=false!@fluentui/react/src/components/TeachingBubble/TeachingBubble.types.ts') as string, ], }, diff --git a/apps/ssr-tests/test/test.js b/apps/ssr-tests/test/test.js index 822a3458e16ee7..5ff6f0facf94ef 100644 --- a/apps/ssr-tests/test/test.js +++ b/apps/ssr-tests/test/test.js @@ -17,7 +17,7 @@ library.setSSR(true); library.setRTL(false); // Assume a large screen. -let responsiveLib = require('@fluentui/react-internal/lib/utilities/decorators/withResponsiveMode'); +let responsiveLib = require('@fluentui/react/lib/utilities/decorators/withResponsiveMode'); responsiveLib.setResponsiveMode(responsiveLib.ResponsiveMode.large); // Initialize icons. diff --git a/change/@fluentui-api-docs-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-api-docs-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..6dffe472717ba2 --- /dev/null +++ b/change/@fluentui-api-docs-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Combine react-internal back into react, and update references", + "packageName": "@fluentui/api-docs", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:16:32.747Z" +} diff --git a/change/@fluentui-public-docsite-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-public-docsite-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..39872e0391a8b4 --- /dev/null +++ b/change/@fluentui-public-docsite-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Combine react-internal back into react, and update references", + "packageName": "@fluentui/public-docsite", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:16:29.583Z" +} diff --git a/change/@fluentui-public-docsite-resources-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-public-docsite-resources-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..b3d8ae9f4cb444 --- /dev/null +++ b/change/@fluentui-public-docsite-resources-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Combine react-internal back into react, and update references", + "packageName": "@fluentui/public-docsite-resources", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:16:25.267Z" +} diff --git a/change/@fluentui-react-internal-2021-02-03-09-20-40-14191.json b/change/@fluentui-react-2021-02-03-09-20-40-14191.json similarity index 83% rename from change/@fluentui-react-internal-2021-02-03-09-20-40-14191.json rename to change/@fluentui-react-2021-02-03-09-20-40-14191.json index 5852dfbd230be8..05a7ca7c24b7d2 100644 --- a/change/@fluentui-react-internal-2021-02-03-09-20-40-14191.json +++ b/change/@fluentui-react-2021-02-03-09-20-40-14191.json @@ -1,7 +1,7 @@ { "type": "prerelease", "comment": "ChoiceGroup: Focus border now visible when focus method is called", - "packageName": "@fluentui/react-internal", + "packageName": "@fluentui/react", "email": "tristan.watanabe@gmail.com", "dependentChangeType": "patch", "date": "2021-02-03T17:20:40.612Z" diff --git a/change/@fluentui-react-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-react-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..89e139289ee78b --- /dev/null +++ b/change/@fluentui-react-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "prerelease", + "comment": "Combine react-internal back into react (and update references). Move react-date-time components into react to break circular dependency.", + "packageName": "@fluentui/react", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:19:03.880Z" +} diff --git a/change/@fluentui-react-internal-2021-02-08-11-06-00-pragma-patch.json b/change/@fluentui-react-2021-02-08-11-06-00-pragma-patch.json similarity index 82% rename from change/@fluentui-react-internal-2021-02-08-11-06-00-pragma-patch.json rename to change/@fluentui-react-2021-02-08-11-06-00-pragma-patch.json index f4bba1841e2bdb..6a05ad470e8917 100644 --- a/change/@fluentui-react-internal-2021-02-08-11-06-00-pragma-patch.json +++ b/change/@fluentui-react-2021-02-08-11-06-00-pragma-patch.json @@ -1,7 +1,7 @@ { "type": "prerelease", "comment": "Stack/Text: Added additional pragma to set jsxRuntime to classic", - "packageName": "@fluentui/react-internal", + "packageName": "@fluentui/react", "email": "subs@appsparkler.com", "dependentChangeType": "patch", "date": "2021-02-08T05:36:00.876Z" diff --git a/change/@fluentui-react-charting-3dce3474-0d7e-4154-a41c-796dd5a4c9b1.json b/change/@fluentui-react-charting-3dce3474-0d7e-4154-a41c-796dd5a4c9b1.json new file mode 100644 index 00000000000000..5a66b5be0c6d10 --- /dev/null +++ b/change/@fluentui-react-charting-3dce3474-0d7e-4154-a41c-796dd5a4c9b1.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "Remove unused eslint-disables", + "packageName": "@fluentui/react-charting", + "email": "elcraig@microsoft.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-date-time-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-react-date-time-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..45194e992c67bd --- /dev/null +++ b/change/@fluentui-react-date-time-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "prerelease", + "comment": "[BREAKING] Move components to @fluentui/react and re-export from there (working around a circular dependency)", + "packageName": "@fluentui/react-date-time", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:17:02.310Z" +} diff --git a/change/@fluentui-react-docsite-components-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-react-docsite-components-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..955a281efb54b2 --- /dev/null +++ b/change/@fluentui-react-docsite-components-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "prerelease", + "comment": "Combine react-internal back into react, and update references", + "packageName": "@fluentui/react-docsite-components", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:17:59.790Z" +} diff --git a/change/@fluentui-react-examples-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-react-examples-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..b0fa1e8629d2f4 --- /dev/null +++ b/change/@fluentui-react-examples-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "patch", + "comment": "Move react-date-time docs into react package; update references to react-internal to point to react", + "packageName": "@fluentui/react-examples", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:18:43.995Z" +} diff --git a/change/@fluentui-react-experiments-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-react-experiments-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..dac9e00f7eb2ea --- /dev/null +++ b/change/@fluentui-react-experiments-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "prerelease", + "comment": "Combine react-internal back into react, and update references", + "packageName": "@fluentui/react-experiments", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:18:50.383Z" +} diff --git a/change/@fluentui-react-monaco-editor-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-react-monaco-editor-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..74fbbd9c1a2128 --- /dev/null +++ b/change/@fluentui-react-monaco-editor-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "prerelease", + "comment": "Combine react-internal back into react, and update references", + "packageName": "@fluentui/react-monaco-editor", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:18:53.072Z" +} diff --git a/change/@fluentui-react-slider-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-react-slider-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..ec7646815c3b97 --- /dev/null +++ b/change/@fluentui-react-slider-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "prerelease", + "comment": "Combine react-internal back into react, and update references", + "packageName": "@fluentui/react-slider", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:18:54.141Z" +} diff --git a/change/@fluentui-react-tabs-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-react-tabs-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..06485a03726094 --- /dev/null +++ b/change/@fluentui-react-tabs-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "prerelease", + "comment": "Combine react-internal back into react, and update references", + "packageName": "@fluentui/react-tabs", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:18:55.113Z" +} diff --git a/change/@fluentui-react-toggle-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-react-toggle-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..6b8438d716800f --- /dev/null +++ b/change/@fluentui-react-toggle-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "prerelease", + "comment": "Combine react-internal back into react, and update references", + "packageName": "@fluentui/react-toggle", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:18:56.129Z" +} diff --git a/change/@fluentui-webpack-utilities-2021-02-04-10-19-09-no-react-internal.json b/change/@fluentui-webpack-utilities-2021-02-04-10-19-09-no-react-internal.json new file mode 100644 index 00000000000000..75547894d35a52 --- /dev/null +++ b/change/@fluentui-webpack-utilities-2021-02-04-10-19-09-no-react-internal.json @@ -0,0 +1,8 @@ +{ + "type": "prerelease", + "comment": "Combine react-internal back into react, and update references", + "packageName": "@fluentui/webpack-utilities", + "email": "elcraig@microsoft.com", + "dependentChangeType": "patch", + "date": "2021-02-04T18:19:09.079Z" +} diff --git a/packages/api-docs/config/api-docs.js b/packages/api-docs/config/api-docs.js index ea693facbb791f..566fe53259ed09 100644 --- a/packages/api-docs/config/api-docs.js +++ b/packages/api-docs/config/api-docs.js @@ -13,18 +13,9 @@ module.exports = { path.resolve(__dirname, '../../merge-styles/dist/merge-styles.api.json'), path.resolve(__dirname, '../../react/dist/react.api.json'), path.resolve(__dirname, '../../react/dist/react-compat.api.json'), - path.resolve(__dirname, '../../react-button/dist/react-button.api.json'), path.resolve(__dirname, '../../react-cards/dist/react-cards.api.json'), - path.resolve(__dirname, '../../react-checkbox/dist/react-checkbox.api.json'), - path.resolve(__dirname, '../../react-date-time/dist/react-date-time.api.json'), path.resolve(__dirname, '../../react-focus/dist/react-focus.api.json'), - path.resolve(__dirname, '../../react-internal/dist/react-internal.api.json'), - path.resolve(__dirname, '../../react-internal/dist/react-internal-compat.api.json'), - path.resolve(__dirname, '../../react-link/dist/react-link.api.json'), - path.resolve(__dirname, '../../react-slider/dist/react-slider.api.json'), - path.resolve(__dirname, '../../react-tabs/dist/react-tabs.api.json'), path.resolve(__dirname, '../../react-theme-provider/dist/react-theme-provider.api.json'), - path.resolve(__dirname, '../../react-toggle/dist/react-toggle.api.json'), path.resolve(__dirname, '../../style-utilities/dist/style-utilities.api.json'), path.resolve(__dirname, '../../theme/dist/theme.api.json'), path.resolve(__dirname, '../../utilities/dist/utilities.api.json'), @@ -46,7 +37,6 @@ module.exports = { 'ColorPicker', 'ComboBox', 'CommandBar', - 'CompatButton', 'ContextualMenu', 'DatePicker', 'DetailsList', diff --git a/packages/api-docs/package.json b/packages/api-docs/package.json index 7b083a3eda876e..e56268cbdcf7de 100644 --- a/packages/api-docs/package.json +++ b/packages/api-docs/package.json @@ -37,17 +37,9 @@ "@fluentui/date-time-utilities": "^8.0.0-beta.2", "@fluentui/merge-styles": "^8.0.0-beta.4", "@fluentui/react": "^8.0.0-beta.50", - "@fluentui/react-button": "^1.0.0-beta.29", "@fluentui/react-cards": "^1.0.0-beta.50", - "@fluentui/react-checkbox": "^1.0.0-beta.39", - "@fluentui/react-date-time": "^8.0.0-beta.40", "@fluentui/react-focus": "^8.0.0-beta.18", - "@fluentui/react-internal": "^8.0.0-beta.44", - "@fluentui/react-link": "^1.0.0-beta.38", - "@fluentui/react-slider": "^1.0.0-beta.40", - "@fluentui/react-tabs": "^1.0.0-beta.41", "@fluentui/react-theme-provider": "^1.0.0-beta.21", - "@fluentui/react-toggle": "^1.0.0-beta.40", "@fluentui/style-utilities": "^8.0.0-beta.13", "@fluentui/theme": "^2.0.0-beta.13", "@fluentui/utilities": "^8.0.0-beta.10", diff --git a/packages/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx b/packages/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx index b5efbc08f6c98a..5883e7c1c1601f 100644 --- a/packages/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx +++ b/packages/react-charting/src/components/VerticalStackedBarChart/VerticalStackedBarChart.base.tsx @@ -246,7 +246,6 @@ export class VerticalStackedBarChartBase extends React.Component< return lineLegends; }; - // eslint-disable-next-line @typescript-eslint/no-explicit-any private _createLines = ( xScale: NumericScale, yScale: NumericScale, @@ -838,7 +837,6 @@ export class VerticalStackedBarChartBase extends React.Component< return this._createBar(xBarScale, yBarScale, containerHeight, xElement); }; - // eslint-disable-next-line @typescript-eslint/no-explicit-any private _getGraphData = ( // eslint-disable-next-line @typescript-eslint/no-explicit-any xScale: any, diff --git a/packages/react-conformance/src/defaultTests.tsx b/packages/react-conformance/src/defaultTests.tsx index 3da8bda960f17f..0b04ca218939ef 100644 --- a/packages/react-conformance/src/defaultTests.tsx +++ b/packages/react-conformance/src/defaultTests.tsx @@ -13,6 +13,9 @@ import consoleUtil from './utils/consoleUtil'; /* eslint-disable @typescript-eslint/naming-convention */ +const hasAs = (componentInfo: ComponentDoc) => + !!componentInfo.props.as && componentInfo.props.as.parent?.fileName !== 'react/index.d.ts'; + export const defaultTests: TestObject = { /** Component has a docblock with 5 to 25 words */ 'has-docblock': (componentInfo: ComponentDoc, testInfo: IsConformantOptions) => { @@ -328,7 +331,7 @@ export const defaultTests: TestObject = { /** If it has "as" prop: Renders as functional component or passes as to the next component */ 'as-renders-fc': (componentInfo: ComponentDoc, testInfo: IsConformantOptions) => { - if (componentInfo.props.as) { + if (hasAs(componentInfo)) { it(`renders as a functional component or passes "as" to the next component`, () => { try { const { @@ -365,7 +368,7 @@ export const defaultTests: TestObject = { /** If it has "as" prop: Renders as ReactClass or passes as to the next component */ 'as-renders-react-class': (componentInfo: ComponentDoc, testInfo: IsConformantOptions) => { - if (componentInfo.props.as && !testInfo.asPropHandlesRef) { + if (hasAs(componentInfo) && !testInfo.asPropHandlesRef) { it(`renders as a ReactClass or passes "as" to the next component`, () => { try { const { requiredProps, Component, customMount = mount, wrapperComponent, helperComponents = [] } = testInfo; @@ -396,7 +399,8 @@ export const defaultTests: TestObject = { /** If it has "as" prop: Passes extra props to the component it renders as */ 'as-passes-as-value': (componentInfo: ComponentDoc, testInfo: IsConformantOptions) => { - if (componentInfo.props.as) { + // 2nd check: React.AllHTMLAttributes can also include `as` + if (hasAs(componentInfo)) { it(`passes extra props to the component it is renders as`, () => { try { const { customMount = mount, Component, requiredProps, targetComponent, asPropHandlesRef } = testInfo; @@ -423,7 +427,7 @@ export const defaultTests: TestObject = { /** If it has "as" prop: Renders component as HTML tags */ 'as-renders-html': (componentInfo: ComponentDoc, testInfo: IsConformantOptions) => { - if (componentInfo.props.as) { + if (hasAs(componentInfo)) { it(`renders component as HTML tags or passes "as" to the next component`, () => { try { // silence element nesting warnings diff --git a/packages/react-date-time/config/api-extractor.json b/packages/react-date-time/config/api-extractor.json deleted file mode 100644 index c8406ab42ca3cc..00000000000000 --- a/packages/react-date-time/config/api-extractor.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.json" -} diff --git a/packages/react-date-time/config/pre-copy.json b/packages/react-date-time/config/pre-copy.json deleted file mode 100644 index 11e18becc54f76..00000000000000 --- a/packages/react-date-time/config/pre-copy.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "copyTo": { - "dist/demo": [ - "@fluentui/react-docsite-components/index.html", - "react/umd/react.development.js", - "react-dom/umd/react-dom.development.js" - ] - } -} diff --git a/packages/react-date-time/config/tests.js b/packages/react-date-time/config/tests.js deleted file mode 100644 index 85e808f3fa0740..00000000000000 --- a/packages/react-date-time/config/tests.js +++ /dev/null @@ -1,13 +0,0 @@ -/** Jest test setup file. */ - -const { setIconOptions } = require('@fluentui/react-internal/lib/Styling'); -const { configure } = require('enzyme'); -const Adapter = require('enzyme-adapter-react-16'); - -// Suppress icon warnings. -setIconOptions({ - disableWarnings: true, -}); - -// Configure enzyme. -configure({ adapter: new Adapter() }); diff --git a/packages/react-date-time/etc/react-date-time.api.md b/packages/react-date-time/etc/react-date-time.api.md deleted file mode 100644 index faac26fa976a17..00000000000000 --- a/packages/react-date-time/etc/react-date-time.api.md +++ /dev/null @@ -1,553 +0,0 @@ -## API Report File for "@fluentui/react-date-time" - -> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). - -```ts - -import { DateRangeType } from '@fluentui/date-time-utilities'; -import { DayOfWeek } from '@fluentui/date-time-utilities'; -import { FirstWeekOfYear } from '@fluentui/date-time-utilities'; -import { IBaseProps } from '@fluentui/utilities'; -import { ICalendarStrings } from '@fluentui/date-time-utilities'; -import { ICalloutProps } from '@fluentui/react-internal/lib/Callout'; -import { IComponentAs } from '@fluentui/utilities'; -import { IDateFormatting } from '@fluentui/date-time-utilities'; -import { IDayGridOptions } from '@fluentui/date-time-utilities'; -import { IProcessedStyleSet } from '@fluentui/style-utilities'; -import { IRefObject } from '@fluentui/utilities'; -import { IStyle } from '@fluentui/style-utilities'; -import { IStyleFunctionOrObject } from '@fluentui/utilities'; -import { ITextFieldProps } from '@fluentui/react-internal/lib/TextField'; -import { ITheme } from '@fluentui/style-utilities'; -import * as React from 'react'; - -// @public (undocumented) -export enum AnimationDirection { - Horizontal = 0, - Vertical = 1 -} - -// @public (undocumented) -export const Calendar: React.FunctionComponent; - -// @public (undocumented) -export const DatePicker: React.FunctionComponent; - -// @public (undocumented) -export const DatePickerBase: React.FunctionComponent; - -export { DateRangeType } - -export { DayOfWeek } - -// @public (undocumented) -export const defaultCalendarNavigationIcons: ICalendarNavigationIcons; - -// @public (undocumented) -export const defaultCalendarStrings: ICalendarStrings; - -// @public (undocumented) -export const defaultDatePickerStrings: IDatePickerStrings; - -// @public @deprecated (undocumented) -export const defaultDayPickerStrings: ICalendarStrings; - -// @public (undocumented) -export const defaultWeeklyDayPickerNavigationIcons: IWeeklyDayPickerNavigationIcons; - -// @public (undocumented) -export const defaultWeeklyDayPickerStrings: IWeeklyDayPickerStrings; - -export { FirstWeekOfYear } - -// @public (undocumented) -export interface ICalendar { - focus: () => void; -} - -// @public (undocumented) -export interface ICalendarDay { - // (undocumented) - focus(): void; -} - -// @public (undocumented) -export interface ICalendarDayGrid { - // (undocumented) - focus(): void; -} - -// @public (undocumented) -export interface ICalendarDayGridProps extends IDayGridOptions, IBaseProps { - allFocusable?: boolean; - animationDirection?: AnimationDirection; - className?: string; - componentRef?: IRefObject; - customDayCellRef?: (element: HTMLElement, date: Date, classNames: IProcessedStyleSet) => void; - dateRangeType: DateRangeType; - dateTimeFormatter: IDateFormatting; - daysToSelectInDayView?: number; - firstDayOfWeek: DayOfWeek; - firstWeekOfYear: FirstWeekOfYear; - getMarkedDays?: (startingDate: Date, endingDate: Date) => Date[]; - labelledBy?: string; - lightenDaysOutsideNavigatedMonth?: boolean; - maxDate?: Date; - minDate?: Date; - navigatedDate: Date; - onDismiss?: () => void; - onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void; - onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void; - restrictedDates?: Date[]; - selectedDate: Date; - showCloseButton?: boolean; - showWeekNumbers?: boolean; - strings: ICalendarStrings; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - today?: Date; - weeksToShow?: number; - workWeekDays?: DayOfWeek[]; -} - -// @public (undocumented) -export interface ICalendarDayGridStyleProps { - animateBackwards?: boolean; - animationDirection?: AnimationDirection; - className?: string; - dateRangeType?: DateRangeType; - lightenDaysOutsideNavigatedMonth?: boolean; - showWeekNumbers?: boolean; - theme: ITheme; -} - -// @public (undocumented) -export interface ICalendarDayGridStyles { - // (undocumented) - bottomLeftCornerDate?: IStyle; - // (undocumented) - bottomRightCornerDate?: IStyle; - dayButton?: IStyle; - dayCell?: IStyle; - dayIsToday?: IStyle; - dayMarker?: IStyle; - dayOutsideBounds?: IStyle; - dayOutsideNavigatedMonth?: IStyle; - daySelected?: IStyle; - firstTransitionWeek?: IStyle; - lastTransitionWeek?: IStyle; - table?: IStyle; - // (undocumented) - topLeftCornerDate?: IStyle; - topRightCornerDate?: IStyle; - weekDayLabelCell?: IStyle; - weekNumberCell?: IStyle; - weekRow?: IStyle; - wrapper?: IStyle; -} - -// @public (undocumented) -export interface ICalendarDayProps extends IBaseProps, ICalendarDayGridProps { - allFocusable?: boolean; - className?: string; - componentRef?: IRefObject; - dateTimeFormatter: IDateFormatting; - maxDate?: Date; - minDate?: Date; - navigatedDate: Date; - navigationIcons: ICalendarNavigationIcons; - onDismiss?: () => void; - onHeaderSelect?: () => void; - onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void; - restrictedDates?: Date[]; - showCloseButton?: boolean; - showSixWeeksByDefault?: boolean; - showWeekNumbers?: boolean; - strings: ICalendarStrings; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface ICalendarDayStyleProps extends ICalendarDayGridStyleProps { - className?: string; - headerIsClickable?: boolean; - showWeekNumbers?: boolean; - theme: ITheme; -} - -// @public (undocumented) -export interface ICalendarDayStyles extends Partial { - disabledStyle: IStyle; - header: IStyle; - headerIconButton: IStyle; - monthAndYear: IStyle; - monthComponents: IStyle; - root: IStyle; -} - -// @public @deprecated (undocumented) -export type ICalendarFormatDateCallbacks = IDateFormatting; - -// @public @deprecated (undocumented) -export type ICalendarIconStrings = ICalendarNavigationIcons; - -// @public (undocumented) -export interface ICalendarMonth { - // (undocumented) - focus(): void; -} - -// @public (undocumented) -export interface ICalendarMonthProps extends IBaseProps { - allFocusable?: boolean; - animationDirection?: AnimationDirection; - className?: string; - componentRef?: IRefObject; - dateTimeFormatter?: IDateFormatting; - highlightCurrentMonth?: boolean; - highlightSelectedMonth?: boolean; - maxDate?: Date; - minDate?: Date; - navigatedDate: Date; - navigationIcons?: ICalendarNavigationIcons; - onHeaderSelect?: () => void; - onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void; - onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void; - selectedDate: Date; - strings: ICalendarStrings; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - today?: Date; - yearPickerHidden?: boolean; -} - -// @public (undocumented) -export interface ICalendarMonthStyleProps extends ICalendarPickerStyleProps { -} - -// @public (undocumented) -export interface ICalendarMonthStyles extends ICalendarPickerStyles { -} - -// @public (undocumented) -export interface ICalendarNavigationIcons { - closeIcon?: string; - leftNavigation?: string; - rightNavigation?: string; -} - -// @public (undocumented) -export interface ICalendarPickerStyleProps { - animateBackwards?: boolean; - animationDirection?: AnimationDirection; - className?: string; - hasHeaderClickCallback?: boolean; - highlightCurrent?: boolean; - highlightSelected?: boolean; - theme: ITheme; -} - -// @public (undocumented) -export interface ICalendarPickerStyles { - // (undocumented) - buttonRow: IStyle; - // (undocumented) - current: IStyle; - // (undocumented) - currentItemButton: IStyle; - // (undocumented) - disabled: IStyle; - // (undocumented) - gridContainer: IStyle; - // (undocumented) - headerContainer: IStyle; - // (undocumented) - itemButton: IStyle; - // (undocumented) - navigationButton: IStyle; - // (undocumented) - navigationButtonsContainer: IStyle; - root: IStyle; - // (undocumented) - selected: IStyle; -} - -// @public (undocumented) -export interface ICalendarProps extends IBaseProps, React.RefAttributes { - allFocusable?: boolean; - calendarDayProps?: Partial; - calendarMonthProps?: Partial; - className?: string; - componentRef?: IRefObject; - dateRangeType?: DateRangeType; - dateTimeFormatter?: IDateFormatting; - firstDayOfWeek?: DayOfWeek; - firstWeekOfYear?: FirstWeekOfYear; - highlightCurrentMonth?: boolean; - highlightSelectedMonth?: boolean; - isDayPickerVisible?: boolean; - isMonthPickerVisible?: boolean; - maxDate?: Date; - minDate?: Date; - navigationIcons?: ICalendarNavigationIcons; - onDismiss?: () => void; - onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void; - restrictedDates?: Date[]; - showCloseButton?: boolean; - showGoToToday?: boolean; - showMonthPickerAsOverlay?: boolean; - showSixWeeksByDefault?: boolean; - showWeekNumbers?: boolean; - strings?: ICalendarStrings; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - today?: Date; - value?: Date; - workWeekDays?: DayOfWeek[]; -} - -export { ICalendarStrings } - -// @public (undocumented) -export interface ICalendarStyleProps { - className?: string; - isDayPickerVisible?: boolean; - isMonthPickerVisible?: boolean; - monthPickerOnly?: boolean; - overlaidWithButton?: boolean; - // @deprecated (undocumented) - overlayedWithButton?: boolean; - showGoToToday?: boolean; - showMonthPickerAsOverlay?: boolean; - showWeekNumbers?: boolean; - theme: ITheme; -} - -// @public (undocumented) -export interface ICalendarStyles { - // (undocumented) - divider: IStyle; - // (undocumented) - goTodayButton: IStyle; - // (undocumented) - liveRegion: IStyle; - // (undocumented) - monthPickerWrapper: IStyle; - root: IStyle; -} - -// @public (undocumented) -export interface ICalendarYear { - // (undocumented) - focus(): void; -} - -// @public (undocumented) -export interface ICalendarYearHeaderProps extends ICalendarYearProps, ICalendarYearRange { - animateBackwards?: boolean; - onSelectNext?: () => void; - onSelectPrev?: () => void; -} - -// @public (undocumented) -export interface ICalendarYearProps extends IBaseProps { - animationDirection?: AnimationDirection; - className?: string; - componentRef?: IRefObject; - highlightCurrentYear?: boolean; - highlightSelectedYear?: boolean; - maxYear?: number; - minYear?: number; - navigatedYear?: number; - navigationIcons?: ICalendarNavigationIcons; - onHeaderSelect?: (focus: boolean) => void; - onRenderTitle?: (props: ICalendarYearHeaderProps) => React.ReactNode; - onRenderYear?: (year: number) => React.ReactNode; - onSelectYear?: (year: number) => void; - selectedYear?: number; - strings?: ICalendarYearStrings; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface ICalendarYearRange { - // (undocumented) - fromYear: number; - // (undocumented) - toYear: number; -} - -// @public (undocumented) -export interface ICalendarYearRangeToString { - // (undocumented) - (range: ICalendarYearRange): string; -} - -// @public (undocumented) -export interface ICalendarYearStrings { - // (undocumented) - headerAriaLabelFormatString?: string; - // (undocumented) - nextRangeAriaLabel?: string | ICalendarYearRangeToString; - // (undocumented) - prevRangeAriaLabel?: string | ICalendarYearRangeToString; - // (undocumented) - rangeAriaLabel?: string | ICalendarYearRangeToString; -} - -// @public (undocumented) -export interface ICalendarYearStyleProps extends ICalendarPickerStyleProps { -} - -// @public (undocumented) -export interface ICalendarYearStyles extends ICalendarPickerStyles { -} - -export { IDateFormatting } - -// @public (undocumented) -export interface IDatePicker { - focus(): void; - reset(): void; - showDatePickerPopup(): void; -} - -// @public (undocumented) -export interface IDatePickerProps extends IBaseProps, React.HTMLAttributes, React.RefAttributes { - allFocusable?: boolean; - allowTextInput?: boolean; - ariaLabel?: string; - borderless?: boolean; - calendarAs?: IComponentAs; - calendarProps?: ICalendarProps; - calloutProps?: ICalloutProps; - className?: string; - componentRef?: IRefObject; - dateTimeFormatter?: IDateFormatting; - disableAutoFocus?: boolean; - disabled?: boolean; - firstDayOfWeek?: DayOfWeek; - firstWeekOfYear?: FirstWeekOfYear; - formatDate?: (date?: Date) => string; - highlightCurrentMonth?: boolean; - highlightSelectedMonth?: boolean; - initialPickerDate?: Date; - isMonthPickerVisible?: boolean; - isRequired?: boolean; - label?: string; - maxDate?: Date; - minDate?: Date; - onAfterMenuDismiss?: () => void; - onSelectDate?: (date: Date | null | undefined) => void; - parseDateFromString?: (dateStr: string) => Date | null; - pickerAriaLabel?: string; - placeholder?: string; - showCloseButton?: boolean; - showGoToToday?: boolean; - showMonthPickerAsOverlay?: boolean; - showWeekNumbers?: boolean; - strings?: IDatePickerStrings; - styles?: IStyleFunctionOrObject; - tabIndex?: number; - textField?: ITextFieldProps; - theme?: ITheme; - today?: Date; - underlined?: boolean; - value?: Date; -} - -// @public (undocumented) -export interface IDatePickerStrings extends ICalendarStrings { - invalidInputErrorMessage?: string; - isOutOfBoundsErrorMessage?: string; - isRequiredErrorMessage?: string; -} - -// @public (undocumented) -export interface IDatePickerStyleProps { - className?: string; - // (undocumented) - disabled?: boolean; - // (undocumented) - isDatePickerShown?: boolean; - // (undocumented) - label?: boolean; - theme: ITheme; -} - -// @public (undocumented) -export interface IDatePickerStyles { - // (undocumented) - callout: IStyle; - // (undocumented) - icon: IStyle; - root: IStyle; - // (undocumented) - textField: IStyle; - // (undocumented) - wrapper?: IStyle; -} - -// @public (undocumented) -export interface IWeeklyDayPicker { - // (undocumented) - focus(): void; -} - -// @public (undocumented) -export type IWeeklyDayPickerNavigationIcons = Pick; - -// @public (undocumented) -export interface IWeeklyDayPickerProps extends IBaseProps, Partial { - animationDirection?: AnimationDirection; - className?: string; - componentRef?: IRefObject; - dateTimeFormatter?: IDateFormatting; - firstDayOfWeek?: DayOfWeek; - initialDate?: Date; - maxDate?: Date; - minDate?: Date; - navigationIcons?: IWeeklyDayPickerNavigationIcons; - onNavigateDate?: (date: Date) => void; - onSelectDate?: (date: Date) => void; - restrictedDates?: Date[]; - showFullMonth?: boolean; - strings: IWeeklyDayPickerStrings; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - today?: Date; - weeksToShow?: number; -} - -// @public (undocumented) -export interface IWeeklyDayPickerStrings extends ICalendarStrings { - nextWeekAriaLabel?: string; - prevWeekAriaLabel?: string; -} - -// @public (undocumented) -export interface IWeeklyDayPickerStyleProps extends ICalendarDayGridStyleProps { - className?: string; - theme: ITheme; -} - -// @public (undocumented) -export interface IWeeklyDayPickerStyles extends Partial { - disabledStyle: IStyle; - navigationIconButton: IStyle; - root: IStyle; -} - -// @public (undocumented) -export const WeeklyDayPicker: React.FunctionComponent; - - -export * from "@fluentui/date-time-utilities/lib/dateMath/dateMath"; -export * from "@fluentui/date-time-utilities/lib/dateValues/dateValues"; -export * from "@fluentui/date-time-utilities/lib/dateValues/timeConstants"; - -// (No @packageDocumentation comment for this package) - -``` diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json index e80fac1a956031..8a5b417cea177d 100644 --- a/packages/react-date-time/package.json +++ b/packages/react-date-time/package.json @@ -17,43 +17,21 @@ "build": "just-scripts build", "bundle": "just-scripts bundle", "lint": "just-scripts lint", - "test": "just-scripts test", "just": "just-scripts", "clean": "just-scripts clean", - "code-style": "just-scripts code-style", - "start": "just-scripts dev:storybook", - "start:legacy": "just-scripts dev", - "start-test": "just-scripts jest-watch", - "update-snapshots": "just-scripts jest -u" + "code-style": "just-scripts code-style" }, "devDependencies": { "@fluentui/eslint-plugin": "^1.0.0-beta.1", - "@fluentui/jest-serializer-merge-styles": "^8.0.0-beta.5", - "@fluentui/react-conformance": "^1.0.0", "@fluentui/scripts": "^1.0.0", - "@fluentui/test-utilities": "^8.0.0-beta.5", - "@types/enzyme-adapter-react-16": "1.0.3", - "@types/enzyme": "3.10.3", - "@types/jest": "~24.9.0", "@types/react-dom": "16.9.10", - "@types/react-test-renderer": "^16.0.0", "@types/react": "16.9.42", - "@types/webpack-env": "1.16.0", - "enzyme": "~3.10.0", - "enzyme-adapter-react-16": "^1.15.0", "react": "16.8.6", - "react-app-polyfill": "~1.0.1", - "react-dom": "16.8.6", - "react-test-renderer": "^16.3.0" + "react-dom": "16.8.6" }, "dependencies": { - "@fluentui/date-time-utilities": "^8.0.0-beta.2", - "@fluentui/react-hooks": "^8.0.0-beta.10", - "@fluentui/react-internal": "^8.0.0-beta.44", + "@fluentui/react": "^8.0.0-beta.50", "@fluentui/set-version": "^8.0.0-beta.1", - "@fluentui/style-utilities": "^8.0.0-beta.13", - "@fluentui/utilities": "^8.0.0-beta.10", - "@microsoft/load-themed-styles": "^1.10.26", "tslib": "^1.10.0" }, "peerDependencies": { diff --git a/packages/react-date-time/src/Calendar.ts b/packages/react-date-time/src/Calendar.ts index 44c674c047ffe5..7c2b064d7a8f5a 100644 --- a/packages/react-date-time/src/Calendar.ts +++ b/packages/react-date-time/src/Calendar.ts @@ -1 +1 @@ -export * from './components/Calendar/index'; +export * from '@fluentui/react/lib/Calendar'; diff --git a/packages/react-date-time/src/DatePicker.ts b/packages/react-date-time/src/DatePicker.ts index a9aaee081d5cc8..954f14018fb157 100644 --- a/packages/react-date-time/src/DatePicker.ts +++ b/packages/react-date-time/src/DatePicker.ts @@ -1 +1 @@ -export * from './components/DatePicker/index'; +export * from '@fluentui/react/lib/DatePicker'; diff --git a/packages/react-date-time/src/DateTimeUtilities.ts b/packages/react-date-time/src/DateTimeUtilities.ts index 1f5219282086e3..5fb53647c71a71 100644 --- a/packages/react-date-time/src/DateTimeUtilities.ts +++ b/packages/react-date-time/src/DateTimeUtilities.ts @@ -1,5 +1 @@ -// NOTE: This is not a full re-export because date-time-utilities includes some additional stuff -// which is exported elsewhere, causes conflicts, or isn't needed. -export * from '@fluentui/date-time-utilities/lib/dateMath/dateMath'; -export * from '@fluentui/date-time-utilities/lib/dateValues/dateValues'; -export * from '@fluentui/date-time-utilities/lib/dateValues/timeConstants'; +export * from '@fluentui/react/lib/DateTimeUtilities'; diff --git a/packages/react-date-time/src/WeeklyDayPicker.ts b/packages/react-date-time/src/WeeklyDayPicker.ts index f0b475fc49a05b..651c6d75cdd138 100644 --- a/packages/react-date-time/src/WeeklyDayPicker.ts +++ b/packages/react-date-time/src/WeeklyDayPicker.ts @@ -1 +1 @@ -export * from './components/WeeklyDayPicker/index'; +export * from '@fluentui/react/lib/WeeklyDayPicker'; diff --git a/packages/react-date-time/src/common/isConformant.ts b/packages/react-date-time/src/common/isConformant.ts deleted file mode 100644 index b5f22ac8807280..00000000000000 --- a/packages/react-date-time/src/common/isConformant.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance'; - -export function isConformant(testInfo: Omit & { componentPath?: string }) { - const defaultOptions = { - disabledTests: ['has-docblock', 'kebab-aria-attributes'], - componentPath: module!.parent!.filename.replace('.test', ''), - }; - - baseIsConformant(defaultOptions, testInfo); -} diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json index 48f2837d2be785..8d886dba0c5697 100644 --- a/packages/react-docsite-components/package.json +++ b/packages/react-docsite-components/package.json @@ -42,7 +42,6 @@ }, "dependencies": { "@fluentui/react": "^8.0.0-beta.50", - "@fluentui/react-internal": "^8.0.0-beta.44", "@fluentui/theme": "^2.0.0-beta.13", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.0.0-beta.3", diff --git a/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTable.tsx b/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTable.tsx index 1b659e4a1c822b..3e1c7458d53acf 100644 --- a/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTable.tsx +++ b/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTable.tsx @@ -13,7 +13,7 @@ import { Link } from '@fluentui/react/lib/Link'; import { SelectionMode } from '@fluentui/react/lib/Selection'; import { Stack } from '@fluentui/react/lib/Stack'; import { Text, ITextStyles } from '@fluentui/react/lib/Text'; -import { ILinkToken } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { ILinkToken } from '@fluentui/react/lib/common/DocPage.types'; import { useConst } from '@fluentui/react-hooks'; import { IApiInterfaceProperty, diff --git a/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTableSet.tsx b/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTableSet.tsx index fdb90b9df86d01..a6f28192fc02c5 100644 --- a/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTableSet.tsx +++ b/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTableSet.tsx @@ -9,7 +9,7 @@ import { IMethod, IApiReferencesTableSetProps, } from './ApiReferencesTableSet.types'; -import { ITableRowJson, IPageJson } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { ITableRowJson, IPageJson } from '@fluentui/react/lib/common/DocPage.types'; import { extractAnchorLink } from '../../utilities/extractAnchorLink'; import { jumpToAnchor } from '../../utilities/index2'; import { getTokenResolver } from './tokenResolver'; diff --git a/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTableSet.types.ts b/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTableSet.types.ts index 0b28f813ee2c90..3e603fe0953e5c 100644 --- a/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTableSet.types.ts +++ b/packages/react-docsite-components/src/components/ApiReferencesTable/ApiReferencesTableSet.types.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IPageJson, ILinkToken, ApiKind } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IPageJson, ILinkToken, ApiKind } from '@fluentui/react/lib/common/DocPage.types'; /** * Props for the ApiReferencesTableSet diff --git a/packages/react-docsite-components/src/components/ApiReferencesTable/tokenResolver.ts b/packages/react-docsite-components/src/components/ApiReferencesTable/tokenResolver.ts index 945e96d1c69356..2b6d2651f861dd 100644 --- a/packages/react-docsite-components/src/components/ApiReferencesTable/tokenResolver.ts +++ b/packages/react-docsite-components/src/components/ApiReferencesTable/tokenResolver.ts @@ -1,4 +1,4 @@ -import { ILinkToken } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { ILinkToken } from '@fluentui/react/lib/common/DocPage.types'; import { TokenResolver } from './ApiReferencesTableSet.types'; import { getCurrentUrl } from '../../utilities/getCurrentUrl'; diff --git a/packages/react-docsite-components/src/components/App/App.styles.ts b/packages/react-docsite-components/src/components/App/App.styles.ts index 76e527ed850c3e..6e274acefef0bd 100644 --- a/packages/react-docsite-components/src/components/App/App.styles.ts +++ b/packages/react-docsite-components/src/components/App/App.styles.ts @@ -1,7 +1,7 @@ import { getTheme } from '@fluentui/react/lib/Styling'; import { IStyleFunction } from '@fluentui/react/lib/Utilities'; import { IAppStyleProps, IAppStyles } from './App.types'; -import { ResponsiveMode } from '@fluentui/react-internal/lib/utilities/decorators/withResponsiveMode'; +import { ResponsiveMode } from '@fluentui/react/lib/utilities/decorators/withResponsiveMode'; const globalClassNames = { root: 'ms-App', diff --git a/packages/react-docsite-components/src/components/App/App.tsx b/packages/react-docsite-components/src/components/App/App.tsx index 313803f28ec79a..a6fa4319213712 100644 --- a/packages/react-docsite-components/src/components/App/App.tsx +++ b/packages/react-docsite-components/src/components/App/App.tsx @@ -8,10 +8,7 @@ import { Header } from '../Header/Header'; import { INavLink, Nav } from '@fluentui/react/lib/Nav'; import { IProcessedStyleSet } from '@fluentui/react/lib/Styling'; import { Panel, PanelType } from '@fluentui/react/lib/Panel'; -import { - ResponsiveMode, - withResponsiveMode, -} from '@fluentui/react-internal/lib/utilities/decorators/withResponsiveMode'; +import { ResponsiveMode, withResponsiveMode } from '@fluentui/react/lib/utilities/decorators/withResponsiveMode'; import { showOnlyExamples } from '../../utilities/showOnlyExamples'; import { getQueryParam } from '../../utilities/index2'; diff --git a/packages/react-docsite-components/src/components/App/App.types.ts b/packages/react-docsite-components/src/components/App/App.types.ts index 42e9c756595787..488843996640cf 100644 --- a/packages/react-docsite-components/src/components/App/App.types.ts +++ b/packages/react-docsite-components/src/components/App/App.types.ts @@ -1,6 +1,6 @@ import * as React from 'react'; import { IStyle, IStyleFunctionOrObject, Theme } from '@fluentui/react'; -import { IWithResponsiveModeState } from '@fluentui/react-internal/lib/utilities/decorators/withResponsiveMode'; +import { IWithResponsiveModeState } from '@fluentui/react/lib/utilities/decorators/withResponsiveMode'; import { INavLink, INavLinkGroup, INavStyleProps } from '@fluentui/react/lib/Nav'; import { IPanelStyleProps } from '@fluentui/react/lib/Panel'; import { IAppThemes } from '../../utilities/theme'; diff --git a/packages/react-docsite-components/src/components/ComponentPage/ComponentPage.types.ts b/packages/react-docsite-components/src/components/ComponentPage/ComponentPage.types.ts index 13ee34b3034633..1a0e713a8e4608 100644 --- a/packages/react-docsite-components/src/components/ComponentPage/ComponentPage.types.ts +++ b/packages/react-docsite-components/src/components/ComponentPage/ComponentPage.types.ts @@ -1,6 +1,6 @@ import { IStyle, ITheme } from '@fluentui/react/lib/Styling'; import { IStyleFunctionOrObject } from '@fluentui/react/lib/Utilities'; -import { IPageJson } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IPageJson } from '@fluentui/react/lib/common/DocPage.types'; export interface IComponentPageSection { title: string; diff --git a/packages/react-docsite-components/src/components/Page/Page.types.ts b/packages/react-docsite-components/src/components/Page/Page.types.ts index 8889e10071a880..aa695bf3d4ac6a 100644 --- a/packages/react-docsite-components/src/components/Page/Page.types.ts +++ b/packages/react-docsite-components/src/components/Page/Page.types.ts @@ -2,7 +2,7 @@ import * as React from 'react'; import { IComponentAs } from '@fluentui/react'; import { IExampleCardProps } from '../ExampleCard/index'; import { ISideRailLink } from '../SideRail/index'; -import { IPageJson } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IPageJson } from '@fluentui/react/lib/common/DocPage.types'; /** * Props for the page. diff --git a/packages/react-docsite-components/src/components/Page/sections/ImplementationSection.tsx b/packages/react-docsite-components/src/components/Page/sections/ImplementationSection.tsx index 908407a9d0b627..96a8d63e2dbe80 100644 --- a/packages/react-docsite-components/src/components/Page/sections/ImplementationSection.tsx +++ b/packages/react-docsite-components/src/components/Page/sections/ImplementationSection.tsx @@ -3,7 +3,7 @@ import { PropertiesTableSet } from '../../PropertiesTable/index'; import { MessageBar } from '@fluentui/react'; import { IPageSectionPropsWithSectionName } from '../Page.types'; import * as styles from '../Page.module.scss'; -import { IPageJson } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IPageJson } from '@fluentui/react/lib/common/DocPage.types'; import { ApiReferencesTableSet } from '../../ApiReferencesTable/index'; export interface IImplementationSectionProps extends IPageSectionPropsWithSectionName { diff --git a/packages/react-examples/.storybook/preview-loader.js b/packages/react-examples/.storybook/preview-loader.js index bb7c349927343a..be9d7a0c090a36 100644 --- a/packages/react-examples/.storybook/preview-loader.js +++ b/packages/react-examples/.storybook/preview-loader.js @@ -32,11 +32,7 @@ export default function loader(source) { const reactPackageJson = fs.readJSONSync(path.resolve(__dirname, '../../react/package.json')); // get unscoped dep names const reactDeps = Object.keys(reactPackageJson.dependencies).map(d => d.split('/')[1] || d); - const reactDepsWithExamples = [ - ...packagesWithExamples.filter(p => reactDeps.includes(p)), - // Lower-level component packages re-exported by react-internal - 'react-focus', - ]; + const reactDepsWithExamples = packagesWithExamples.filter(p => reactDeps.includes(p)); source = source.replace(/REACT_DEPS/g, reactDepsWithExamples.join('|')); } diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json index 4684d727407ed3..7a7eece5d1c728 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -65,7 +65,6 @@ "@fluentui/react-cards": "^1.0.0-beta.50", "@fluentui/react-charting": "^5.0.0-beta.50", "@fluentui/react-checkbox": "^1.0.0-beta.39", - "@fluentui/react-date-time": "^8.0.0-beta.40", "@fluentui/react-docsite-components": "^8.0.0-beta.50", "@fluentui/react-experiments": "^8.0.0-beta.54", "@fluentui/react-file-type-icons": "^8.0.0-beta.15", @@ -74,7 +73,6 @@ "@fluentui/react-hooks": "^8.0.0-beta.10", "@fluentui/react-icons-mdl2": "^1.0.0-beta.12", "@fluentui/react-image": "^0.6.21", - "@fluentui/react-internal": "^8.0.0-beta.44", "@fluentui/react-link": "^1.0.0-beta.38", "@fluentui/react-make-styles": "^0.2.4", "@fluentui/react-menu": "^0.2.0", diff --git a/packages/react-examples/src/ComponentExamples.test.tsx b/packages/react-examples/src/ComponentExamples.test.tsx index 1adee8b2f16800..4b294960e2e844 100644 --- a/packages/react-examples/src/ComponentExamples.test.tsx +++ b/packages/react-examples/src/ComponentExamples.test.tsx @@ -104,6 +104,10 @@ const excludedExampleFileRegexes: RegExp[] = [ // For some reason these are failing with "Styles are being recalculated too frequently" // TODO: investigate and re-enable /^TextField\.(Styled|PrefixAndSuffix|Multiline)\./, + // TODO: Fix these issues then re-enable tests for date/time components: + // 1. Date mocking causes infinite loops for examples that involve generating date ranges + // 2. Snapshots are sometimes different between local build and CI due to different machine time zones + /^(Calendar|DatePicker|WeeklyDayPicker)\./, ]; function setCacheFullWarning(enabled: boolean) { @@ -122,10 +126,6 @@ const includedPackages = [ 'react-button', 'react-cards', 'react-checkbox', - // TODO: Fix these issues then re-enable tests for react-date-time components: - // 1. Date mocking causes infinite loops for examples that involve generating date ranges - // 2. Snapshots are sometimes different between local build and CI due to different machine time zones - // 'react-date-time', 'react-focus', 'react-link', 'react-slider', diff --git a/packages/react-examples/src/react-cards/Card/Card.doc.tsx b/packages/react-examples/src/react-cards/Card/Card.doc.tsx index d5ef0f09f327fd..21e792015cae57 100644 --- a/packages/react-examples/src/react-cards/Card/Card.doc.tsx +++ b/packages/react-examples/src/react-cards/Card/Card.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { CardVerticalExample } from './Card.Vertical.Example'; import { CardHorizontalExample } from './Card.Horizontal.Example'; diff --git a/packages/react-examples/src/react-focus/FocusZone/FocusZone.doc.tsx b/packages/react-examples/src/react-focus/FocusZone/FocusZone.doc.tsx index 78a0bfd9605315..e6c1806889e6a8 100644 --- a/packages/react-examples/src/react-focus/FocusZone/FocusZone.doc.tsx +++ b/packages/react-examples/src/react-focus/FocusZone/FocusZone.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { FocusZonePhotosExample } from './FocusZone.Photos.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { FocusZoneListExample } from './FocusZone.List.Example'; import { FocusZoneDisabledExample } from './FocusZone.Disabled.Example'; import { FocusZoneTabbableExample } from './FocusZone.Tabbable.Example'; diff --git a/packages/react-examples/src/react/ActivityItem/ActivityItem.doc.tsx b/packages/react-examples/src/react/ActivityItem/ActivityItem.doc.tsx index 03efee7e1cecf6..2a919e04165d48 100644 --- a/packages/react-examples/src/react/ActivityItem/ActivityItem.doc.tsx +++ b/packages/react-examples/src/react/ActivityItem/ActivityItem.doc.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { ActivityItemBasicExample } from './ActivityItem.Basic.Example'; import { ActivityItemPersonaExample } from './ActivityItem.Persona.Example'; import { ActivityItemCompactExample } from './ActivityItem.Compact.Example'; @@ -11,7 +11,7 @@ const ActivityItemCompactExampleCode = require('!raw-loader?esModule=false!@flue export const ActivityItemPageProps: IDocPageProps = { title: 'ActivityItem', componentName: 'ActivityItem', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/ActivityItem', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/ActivityItem', examples: [ { title: 'Activity Items with Icons', diff --git a/packages/react-examples/src/react/Announced/Announced.doc.tsx b/packages/react-examples/src/react/Announced/Announced.doc.tsx index 5181a53cf8aebb..0a3390e505a039 100644 --- a/packages/react-examples/src/react/Announced/Announced.doc.tsx +++ b/packages/react-examples/src/react/Announced/Announced.doc.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { AnnouncedSearchResultsExample } from './Announced.SearchResults.Example'; const AnnouncedSearchResultsExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Announced/Announced.SearchResults.Example.tsx') as string; @@ -16,7 +16,7 @@ const AnnouncedQuickActionsExampleCode = require('!raw-loader?esModule=false!@fl export const AnnouncedPageProps: IDocPageProps = { title: 'Use Cases', componentName: 'Announced', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Announced', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Announced', overview: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Announced/docs/AnnouncedOverview.md'), isHeaderVisible: false, }; @@ -24,7 +24,7 @@ export const AnnouncedPageProps: IDocPageProps = { export const AnnouncedQuickActionsPageProps: IDocPageProps = { title: 'Quick Actions', componentName: 'Quick Actions', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Announced', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Announced', examples: [ { title: 'Quick actions', @@ -47,7 +47,7 @@ export const AnnouncedQuickActionsPageProps: IDocPageProps = { export const AnnouncedSearchResultsPageProps: IDocPageProps = { title: 'Search Results', componentName: 'Search Results', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Announced', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Announced', examples: [ { title: 'Search results', @@ -70,7 +70,7 @@ export const AnnouncedSearchResultsPageProps: IDocPageProps = { export const AnnouncedLazyLoadingPageProps: IDocPageProps = { title: 'Asynchronous', componentName: 'Asynchronous', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Announced', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Announced', examples: [ { title: 'Asynchronous', @@ -93,7 +93,7 @@ export const AnnouncedLazyLoadingPageProps: IDocPageProps = { export const AnnouncedBulkOperationsPageProps: IDocPageProps = { title: 'Bulk Long Running', componentName: 'Bulk Long Running', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Announced', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Announced', examples: [ { title: 'Bulk long running', diff --git a/packages/react-examples/src/react/Breadcrumb/Breadcrumb.doc.tsx b/packages/react-examples/src/react/Breadcrumb/Breadcrumb.doc.tsx index f4320b0a6f0468..7a74a98259ce64 100644 --- a/packages/react-examples/src/react/Breadcrumb/Breadcrumb.doc.tsx +++ b/packages/react-examples/src/react/Breadcrumb/Breadcrumb.doc.tsx @@ -3,7 +3,7 @@ import * as React from 'react'; import { BreadcrumbBasicExample } from './Breadcrumb.Basic.Example'; import { BreadcrumbCollapsingExample } from './Breadcrumb.Collapsing.Example'; import { BreadcrumbStaticExample } from './Breadcrumb.Static.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const BreadcrumbBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Breadcrumb/Breadcrumb.Basic.Example.tsx') as string; const BreadcrumbCollapsingExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Breadcrumb/Breadcrumb.Collapsing.Example.tsx') as string; diff --git a/packages/react-examples/src/react/Button/Button.doc.tsx b/packages/react-examples/src/react/Button/Button.doc.tsx index 6be4a20a90d2a9..9cf2cba5b19ffa 100644 --- a/packages/react-examples/src/react/Button/Button.doc.tsx +++ b/packages/react-examples/src/react/Button/Button.doc.tsx @@ -12,7 +12,7 @@ import { ButtonScreenReaderExample } from './Button.ScreenReader.Example'; import { ButtonSplitExample } from './Button.Split.Example'; import { ButtonSplitCustomExample } from './Button.CustomSplit.Example'; import { ButtonToggleExample } from './Button.Toggle.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const ButtonActionExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Button/Button.Action.Example.tsx') as string; const ButtonAnchorExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Button/Button.Anchor.Example.tsx') as string; @@ -41,7 +41,7 @@ export interface IButtonDocPageProps { export const ButtonPageProps = (props: IButtonDocPageProps): IDocPageProps => ({ title: 'Button', componentName: 'ButtonExample', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Button', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Button', examples: [ { title: 'Default Button', diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Button.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Button.Example.tsx similarity index 92% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Button.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Button.Example.tsx index f62dea6963d679..d2e2ad0d622e93 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Button.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Button.Example.tsx @@ -1,7 +1,6 @@ import * as React from 'react'; -import { FocusTrapZone, Callout, DirectionalHint } from '@fluentui/react'; +import { Calendar, FocusTrapZone, Callout, DirectionalHint } from '@fluentui/react'; import { DefaultButton } from '@fluentui/react/lib/compat/Button'; -import { Calendar } from '@fluentui/react-date-time'; import { useBoolean } from '@fluentui/react-hooks'; export const CalendarButtonExample: React.FunctionComponent = () => { diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.ContiguousWorkWeekDays.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.ContiguousWorkWeekDays.Example.tsx similarity index 98% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.ContiguousWorkWeekDays.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.ContiguousWorkWeekDays.Example.tsx index e53ab235103569..e38121774e769f 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.ContiguousWorkWeekDays.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.ContiguousWorkWeekDays.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Calendar, DateRangeType, DayOfWeek } from '@fluentui/react-date-time'; +import { Calendar, DateRangeType, DayOfWeek } from '@fluentui/react'; const workWeekDays = [DayOfWeek.Monday, DayOfWeek.Tuesday, DayOfWeek.Wednesday, DayOfWeek.Thursday, DayOfWeek.Friday]; diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.CustomDayCellRef.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.CustomDayCellRef.Example.tsx similarity index 93% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.CustomDayCellRef.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.CustomDayCellRef.Example.tsx index 694f363938b8f2..56ec3012b78e53 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.CustomDayCellRef.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.CustomDayCellRef.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Calendar, ICalendarDayProps } from '@fluentui/react-date-time'; +import { Calendar, ICalendarDayProps } from '@fluentui/react'; const calendarDayProps: Partial = { customDayCellRef: (element, date, classNames) => { diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.DateBoundaries.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.DateBoundaries.Example.tsx similarity index 95% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.DateBoundaries.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.DateBoundaries.Example.tsx index ad8ab21985b950..fc57a42b5d6a60 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.DateBoundaries.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.DateBoundaries.Example.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { addMonths, addYears, addDays } from '@fluentui/date-time-utilities'; -import { Calendar } from '@fluentui/react-date-time'; +import { Calendar } from '@fluentui/react'; import { useConst } from '@fluentui/react-hooks'; export const CalendarInlineDateBoundariesExample: React.FunctionComponent = () => { diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.Example.tsx similarity index 88% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.Example.tsx index 8f0a6faf08381d..6c24dd5f933b1e 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Calendar } from '@fluentui/react-date-time'; +import { Calendar } from '@fluentui/react'; export const CalendarInlineExample: React.FunctionComponent = () => { const [selectedDate, setSelectedDate] = React.useState(new Date()); diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MarkedDays.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.MarkedDays.Example.tsx similarity index 90% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MarkedDays.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.MarkedDays.Example.tsx index 8ffdc7809841d6..b5668defce4650 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MarkedDays.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.MarkedDays.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Calendar, ICalendarDayProps } from '@fluentui/react-date-time'; +import { Calendar, ICalendarDayProps } from '@fluentui/react'; import { addDays } from '@fluentui/date-time-utilities'; const calendarDayProps: Partial = { diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MonthOnly.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.MonthOnly.Example.tsx similarity index 94% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MonthOnly.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.MonthOnly.Example.tsx index b3479d3fd35c77..1597f31f8c17b4 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MonthOnly.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.MonthOnly.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Calendar, DateRangeType } from '@fluentui/react-date-time'; +import { Calendar, DateRangeType } from '@fluentui/react'; export const CalendarInlineMonthOnlyExample: React.FunctionComponent = () => { const [selectedDateRange, setSelectedDateRange] = React.useState(); diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MonthSelection.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.MonthSelection.Example.tsx similarity index 99% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MonthSelection.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.MonthSelection.Example.tsx index 0ae5fbefb6151c..d4a9aa5d6cd063 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MonthSelection.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.MonthSelection.Example.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { DefaultButton } from '@fluentui/react/lib/compat/Button'; import { addDays, getDateRangeArray } from '@fluentui/date-time-utilities'; -import { Calendar, DateRangeType, DayOfWeek } from '@fluentui/react-date-time'; +import { Calendar, DateRangeType, DayOfWeek } from '@fluentui/react'; import { mergeStyleSets } from '@fluentui/style-utilities'; const styles = mergeStyleSets({ diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MultidayDayView.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.MultidayDayView.Example.tsx similarity index 94% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MultidayDayView.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.MultidayDayView.Example.tsx index a0c1712c0db09e..1b1dbd8d296d85 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.MultidayDayView.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.MultidayDayView.Example.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Dropdown, IDropdownOption } from '@fluentui/react'; -import { Calendar } from '@fluentui/react-date-time'; +import { Calendar, Dropdown, IDropdownOption } from '@fluentui/react'; import { mergeStyleSets } from '@fluentui/style-utilities'; const styles = mergeStyleSets({ diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.NonContiguousWorkWeekDays.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.NonContiguousWorkWeekDays.Example.tsx similarity index 98% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.NonContiguousWorkWeekDays.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.NonContiguousWorkWeekDays.Example.tsx index cd8f569d3754d6..752ebba19f4e41 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.NonContiguousWorkWeekDays.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.NonContiguousWorkWeekDays.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Calendar, DateRangeType, DayOfWeek } from '@fluentui/react-date-time'; +import { Calendar, DateRangeType, DayOfWeek } from '@fluentui/react'; const workWeekDays = [DayOfWeek.Tuesday, DayOfWeek.Saturday, DayOfWeek.Wednesday, DayOfWeek.Friday]; diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.OverlaidMonthPicker.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.OverlaidMonthPicker.Example.tsx similarity index 92% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.OverlaidMonthPicker.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.OverlaidMonthPicker.Example.tsx index 0ecc34d3fca287..4cfc0da0cd6141 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.OverlaidMonthPicker.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.OverlaidMonthPicker.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Calendar } from '@fluentui/react-date-time'; +import { Calendar } from '@fluentui/react'; export const CalendarInlineOverlaidMonthExample: React.FunctionComponent = () => { const [selectedDate, setSelectedDate] = React.useState(); diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.SixWeeks.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.SixWeeks.tsx similarity index 91% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.SixWeeks.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.SixWeeks.tsx index 40f8d3de802e6b..cb390897f71db6 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.SixWeeks.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.SixWeeks.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Calendar } from '@fluentui/react-date-time'; +import { Calendar } from '@fluentui/react'; export const CalendarInlineSixWeeksExample: React.FunctionComponent = () => { const [selectedDate, setSelectedDate] = React.useState(); diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.WeekNumbers.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.WeekNumbers.Example.tsx similarity index 91% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.WeekNumbers.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.WeekNumbers.Example.tsx index 454725eed62c26..9c2f4a696711db 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.WeekNumbers.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.WeekNumbers.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { Calendar } from '@fluentui/react-date-time'; +import { Calendar } from '@fluentui/react'; export const CalendarInlineWeekNumbersExample: React.FunctionComponent = () => { const [selectedDate, setSelectedDate] = React.useState(); diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.WeekSelection.Example.tsx b/packages/react-examples/src/react/Calendar/Calendar.Inline.WeekSelection.Example.tsx similarity index 99% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.WeekSelection.Example.tsx rename to packages/react-examples/src/react/Calendar/Calendar.Inline.WeekSelection.Example.tsx index 1eb11df46f7503..8b70a3f67d2ded 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.Inline.WeekSelection.Example.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.Inline.WeekSelection.Example.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { DefaultButton } from '@fluentui/react/lib/compat/Button'; import { addDays, getDateRangeArray } from '@fluentui/date-time-utilities'; -import { Calendar, DateRangeType, DayOfWeek } from '@fluentui/react-date-time'; +import { Calendar, DateRangeType, DayOfWeek } from '@fluentui/react'; import { mergeStyleSets } from '@fluentui/style-utilities'; const styles = mergeStyleSets({ diff --git a/packages/react-examples/src/react-date-time/Calendar/Calendar.doc.tsx b/packages/react-examples/src/react/Calendar/Calendar.doc.tsx similarity index 72% rename from packages/react-examples/src/react-date-time/Calendar/Calendar.doc.tsx rename to packages/react-examples/src/react/Calendar/Calendar.doc.tsx index f05a4fcf0884d1..08106c4b922d51 100644 --- a/packages/react-examples/src/react-date-time/Calendar/Calendar.doc.tsx +++ b/packages/react-examples/src/react/Calendar/Calendar.doc.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { CalendarButtonExample } from './Calendar.Button.Example'; import { CalendarInlineContiguousWorkWeekDaysExample } from './Calendar.Inline.ContiguousWorkWeekDays.Example'; import { CalendarInlineCustomDayCellRefExample } from './Calendar.Inline.CustomDayCellRef.Example'; @@ -14,24 +14,24 @@ import { CalendarInlineWeekNumbersExample } from './Calendar.Inline.WeekNumbers. import { CalendarInlineWeekSelectionExample } from './Calendar.Inline.WeekSelection.Example'; import { CalendarInlineMonthSelectionExample } from './Calendar.Inline.MonthSelection.Example'; -const CalendarButtonExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Button.Example.tsx') as string; -const CalendarInlineContiguousWorkWeekDaysExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.ContiguousWorkWeekDays.Example.tsx') as string; -const CalendarInlineCustomDayCellRefExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.CustomDayCellRef.Example.tsx') as string; -const CalendarInlineDateBoundariesExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.DateBoundaries.Example.tsx') as string; -const CalendarInlineExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.Example.tsx') as string; -const CalendarInlineMonthOnlyExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.MonthOnly.Example.tsx') as string; -const CalendarInlineMultidayDayViewExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.MultidayDayView.Example.tsx') as string; -const CalendarInlineNonContiguousWorkWeekDaysExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.NonContiguousWorkWeekDays.Example.tsx') as string; -const CalendarInlineOverlaidMonthExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.OverlaidMonthPicker.Example.tsx') as string; -const CalendarInlineSixWeeksExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.SixWeeks.tsx') as string; -const CalendarInlineWeekNumbersExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.WeekNumbers.Example.tsx') as string; -const CalendarInlineWeekSelectionExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.WeekSelection.Example.tsx') as string; -const CalendarInlineMonthSelectionExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/Calendar.Inline.MonthSelection.Example.tsx') as string; +const CalendarButtonExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Button.Example.tsx') as string; +const CalendarInlineContiguousWorkWeekDaysExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.ContiguousWorkWeekDays.Example.tsx') as string; +const CalendarInlineCustomDayCellRefExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.CustomDayCellRef.Example.tsx') as string; +const CalendarInlineDateBoundariesExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.DateBoundaries.Example.tsx') as string; +const CalendarInlineExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.Example.tsx') as string; +const CalendarInlineMonthOnlyExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.MonthOnly.Example.tsx') as string; +const CalendarInlineMultidayDayViewExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.MultidayDayView.Example.tsx') as string; +const CalendarInlineNonContiguousWorkWeekDaysExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.NonContiguousWorkWeekDays.Example.tsx') as string; +const CalendarInlineOverlaidMonthExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.OverlaidMonthPicker.Example.tsx') as string; +const CalendarInlineSixWeeksExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.SixWeeks.tsx') as string; +const CalendarInlineWeekNumbersExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.WeekNumbers.Example.tsx') as string; +const CalendarInlineWeekSelectionExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.WeekSelection.Example.tsx') as string; +const CalendarInlineMonthSelectionExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/Calendar.Inline.MonthSelection.Example.tsx') as string; export const CalendarPageProps: IDocPageProps = { title: 'Calendar', componentName: 'Calendar', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-date-time/src/components/Calendar', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Calendar', examples: [ { title: 'Calendar', @@ -101,10 +101,10 @@ export const CalendarPageProps: IDocPageProps = { ], overview: require< string - >('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/docs/CalendarOverview.md'), + >('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/docs/CalendarOverview.md'), bestPractices: require< string - >('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/Calendar/docs/CalendarBestPractices.md'), + >('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Calendar/docs/CalendarBestPractices.md'), isHeaderVisible: true, isFeedbackVisible: true, }; diff --git a/packages/react-examples/src/react-date-time/Calendar/docs/CalendarBestPractices.md b/packages/react-examples/src/react/Calendar/docs/CalendarBestPractices.md similarity index 100% rename from packages/react-examples/src/react-date-time/Calendar/docs/CalendarBestPractices.md rename to packages/react-examples/src/react/Calendar/docs/CalendarBestPractices.md diff --git a/packages/react-examples/src/react-date-time/Calendar/docs/CalendarOverview.md b/packages/react-examples/src/react/Calendar/docs/CalendarOverview.md similarity index 100% rename from packages/react-examples/src/react-date-time/Calendar/docs/CalendarOverview.md rename to packages/react-examples/src/react/Calendar/docs/CalendarOverview.md diff --git a/packages/react-examples/src/react/Callout/Callout.doc.tsx b/packages/react-examples/src/react/Callout/Callout.doc.tsx index 89fdc39c94a01a..1ffa8126fd69bb 100644 --- a/packages/react-examples/src/react/Callout/Callout.doc.tsx +++ b/packages/react-examples/src/react/Callout/Callout.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { CalloutBasicExample } from './Callout.Basic.Example'; import { StatusCalloutExample } from './Callout.Status.Example'; @@ -17,7 +17,7 @@ const CalloutCoverExampleCode = require('!raw-loader?esModule=false!@fluentui/re export const CalloutPageProps: IDocPageProps = { title: 'Callout', componentName: 'Callout', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Callout', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Callout', examples: [ { title: 'Default Callout', diff --git a/packages/react-examples/src/react/Checkbox/Checkbox.doc.tsx b/packages/react-examples/src/react/Checkbox/Checkbox.doc.tsx index dbd7537f236719..6bb8b5f45168fc 100644 --- a/packages/react-examples/src/react/Checkbox/Checkbox.doc.tsx +++ b/packages/react-examples/src/react/Checkbox/Checkbox.doc.tsx @@ -3,7 +3,7 @@ import { CheckboxBasicExample } from './Checkbox.Basic.Example'; import { CheckboxIndeterminateExample } from './Checkbox.Indeterminate.Example'; import { CheckboxOtherExample } from './Checkbox.Other.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const CheckboxBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Checkbox/Checkbox.Basic.Example.tsx') as string; const CheckboxOtherExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Checkbox/Checkbox.Other.Example.tsx') as string; @@ -12,7 +12,7 @@ const CheckboxIndeterminateExampleCode = require('!raw-loader?esModule=false!@fl export const CheckboxPageProps: IDocPageProps = { title: 'Checkbox', componentName: 'Checkbox', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Checkbox', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Checkbox', examples: [ { title: 'Basic Checkboxes', diff --git a/packages/react-examples/src/react/ChoiceGroup/ChoiceGroup.doc.tsx b/packages/react-examples/src/react/ChoiceGroup/ChoiceGroup.doc.tsx index 06bb5894e2d0ed..537305f8cf2cd5 100644 --- a/packages/react-examples/src/react/ChoiceGroup/ChoiceGroup.doc.tsx +++ b/packages/react-examples/src/react/ChoiceGroup/ChoiceGroup.doc.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { ChoiceGroupBasicExample } from './ChoiceGroup.Basic.Example'; import { ChoiceGroupControlledExample } from './ChoiceGroup.Controlled.Example'; @@ -18,7 +18,7 @@ const ChoiceGroupIconExampleCode = require('!raw-loader?esModule=false!@fluentui export const ChoiceGroupPageProps: IDocPageProps = { title: 'ChoiceGroup', componentName: 'ChoiceGroup', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/ChoiceGroup', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/ChoiceGroup', examples: [ { title: 'Basic ChoiceGroup', diff --git a/packages/react-examples/src/react/Coachmark/Coachmark.doc.tsx b/packages/react-examples/src/react/Coachmark/Coachmark.doc.tsx index 4aea6c1919dfb7..1c1617b99b625a 100644 --- a/packages/react-examples/src/react/Coachmark/Coachmark.doc.tsx +++ b/packages/react-examples/src/react/Coachmark/Coachmark.doc.tsx @@ -2,12 +2,12 @@ import * as React from 'react'; import { CoachmarkBasicExample } from './Coachmark.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const CoachmarkBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Coachmark/Coachmark.Basic.Example.tsx') as string; export const CoachmarkPageProps: IDocPageProps = { title: 'Coachmark', componentName: 'Coachmark', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Coachmark', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Coachmark', examples: [ { title: 'Coachmark Basic', diff --git a/packages/react-examples/src/react/ColorPicker/ColorPicker.doc.tsx b/packages/react-examples/src/react/ColorPicker/ColorPicker.doc.tsx index 6dd15ff3d8fe34..037c0a0f9a707e 100644 --- a/packages/react-examples/src/react/ColorPicker/ColorPicker.doc.tsx +++ b/packages/react-examples/src/react/ColorPicker/ColorPicker.doc.tsx @@ -1,13 +1,13 @@ import * as React from 'react'; import { ColorPickerBasicExample } from './ColorPicker.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const ColorPickerBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/ColorPicker/ColorPicker.Basic.Example.tsx') as string; export const ColorPickerPageProps: IDocPageProps = { title: 'ColorPicker', componentName: 'ColorPicker', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/ColorPicker', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/ColorPicker', examples: [ { title: 'Default ColorPicker', diff --git a/packages/react-examples/src/react/ComboBox/ComboBox.doc.tsx b/packages/react-examples/src/react/ComboBox/ComboBox.doc.tsx index d8021f42a6d646..7f6c94c8bc859e 100644 --- a/packages/react-examples/src/react/ComboBox/ComboBox.doc.tsx +++ b/packages/react-examples/src/react/ComboBox/ComboBox.doc.tsx @@ -6,7 +6,7 @@ import { ComboBoxVirtualizedExample } from './ComboBox.Virtualized.Example'; import { ComboBoxErrorHandlingExample } from './ComboBox.ErrorHandling.Example'; import { ComboBoxCustomStyledExample } from './ComboBox.CustomStyled.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const ComboBoxBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/ComboBox/ComboBox.Basic.Example.tsx') as string; diff --git a/packages/react-examples/src/react/CommandBar/CommandBar.doc.tsx b/packages/react-examples/src/react/CommandBar/CommandBar.doc.tsx index 48d501686d918a..dd117420190e8b 100644 --- a/packages/react-examples/src/react/CommandBar/CommandBar.doc.tsx +++ b/packages/react-examples/src/react/CommandBar/CommandBar.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { CommandBarBasicExample } from './CommandBar.Basic.Example'; import { CommandBarButtonAsExample } from './CommandBar.ButtonAs.Example'; import { IndividualCommandBarButtonAsExampleWrapper } from './CommandBar.CommandBarButtonAs.Example'; @@ -20,7 +20,7 @@ const CommandBarLazyExampleCode = require('!raw-loader?esModule=false!@fluentui/ export const CommandBarPageProps: IDocPageProps = { title: 'CommandBar', componentName: 'CommandBar', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/CommandBar', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/CommandBar', examples: [ { title: 'CommandBar with overflowing menu items', diff --git a/packages/react-examples/src/react/ContextualMenu/ContextualMenu.doc.tsx b/packages/react-examples/src/react/ContextualMenu/ContextualMenu.doc.tsx index 1e5b04cf5486a7..24cda47db69f2b 100644 --- a/packages/react-examples/src/react/ContextualMenu/ContextualMenu.doc.tsx +++ b/packages/react-examples/src/react/ContextualMenu/ContextualMenu.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { ContextualMenuBasicExample } from './ContextualMenu.Basic.Example'; import { ContextualMenuDefaultExample } from './ContextualMenu.Default.Example'; @@ -39,8 +39,7 @@ const ContextualMenuScreenReaderExampleCode = require('!raw-loader?esModule=fals export const ContextualMenuPageProps: IDocPageProps = { title: 'ContextualMenu', componentName: 'ContextualMenu', - componentUrl: - 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/ContextualMenu', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/ContextualMenu', examples: [ { title: 'Basic ContextualMenu', diff --git a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Basic.Example.tsx b/packages/react-examples/src/react/DatePicker/DatePicker.Basic.Example.tsx similarity index 89% rename from packages/react-examples/src/react-date-time/DatePicker/DatePicker.Basic.Example.tsx rename to packages/react-examples/src/react/DatePicker/DatePicker.Basic.Example.tsx index dc90ef5218c526..1c167a1c659efd 100644 --- a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Basic.Example.tsx +++ b/packages/react-examples/src/react/DatePicker/DatePicker.Basic.Example.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Dropdown, IDropdownOption, mergeStyles } from '@fluentui/react'; -import { DatePicker, DayOfWeek } from '@fluentui/react-date-time'; +import { DatePicker, DayOfWeek, Dropdown, IDropdownOption, mergeStyles } from '@fluentui/react'; const days: IDropdownOption[] = [ { text: 'Sunday', key: DayOfWeek.Sunday }, diff --git a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Bounded.Example.tsx b/packages/react-examples/src/react/DatePicker/DatePicker.Bounded.Example.tsx similarity index 97% rename from packages/react-examples/src/react-date-time/DatePicker/DatePicker.Bounded.Example.tsx rename to packages/react-examples/src/react/DatePicker/DatePicker.Bounded.Example.tsx index 1f5a40a330a6a6..b585e02d070b78 100644 --- a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Bounded.Example.tsx +++ b/packages/react-examples/src/react/DatePicker/DatePicker.Bounded.Example.tsx @@ -6,7 +6,7 @@ import { addMonths, addYears, IDatePickerStyles, -} from '@fluentui/react-date-time'; +} from '@fluentui/react'; import { useConst } from '@fluentui/react-hooks'; const datePickerStyles: Partial = { root: { maxWidth: 300, marginTop: 15 } }; diff --git a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Disabled.Example.tsx b/packages/react-examples/src/react/DatePicker/DatePicker.Disabled.Example.tsx similarity index 80% rename from packages/react-examples/src/react-date-time/DatePicker/DatePicker.Disabled.Example.tsx rename to packages/react-examples/src/react/DatePicker/DatePicker.Disabled.Example.tsx index 8ce74d088e03bd..af4c2cd79a2245 100644 --- a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Disabled.Example.tsx +++ b/packages/react-examples/src/react/DatePicker/DatePicker.Disabled.Example.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { DatePicker } from '@fluentui/react-date-time'; -import { mergeStyles } from '@fluentui/react/lib/Styling'; +import { DatePicker, mergeStyles } from '@fluentui/react'; const rootClass = mergeStyles({ maxWidth: 300, selectors: { '> *': { marginBottom: 15 } } }); diff --git a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.ExternalControls.Example.tsx b/packages/react-examples/src/react/DatePicker/DatePicker.ExternalControls.Example.tsx similarity index 87% rename from packages/react-examples/src/react-date-time/DatePicker/DatePicker.ExternalControls.Example.tsx rename to packages/react-examples/src/react/DatePicker/DatePicker.ExternalControls.Example.tsx index 30d889f70a2308..8ffbfdf7a7285f 100644 --- a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.ExternalControls.Example.tsx +++ b/packages/react-examples/src/react/DatePicker/DatePicker.ExternalControls.Example.tsx @@ -1,8 +1,6 @@ import * as React from 'react'; -import { DatePicker } from '@fluentui/react-date-time'; -import { addDays } from '@fluentui/date-time-utilities'; +import { DatePicker, addDays, mergeStyleSets } from '@fluentui/react'; import { DefaultButton } from '@fluentui/react/lib/compat/Button'; -import { mergeStyleSets } from '@fluentui/style-utilities'; const styles = mergeStyleSets({ root: { maxWidth: 300, selectors: { '> *': { marginBottom: 15 } } }, diff --git a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Format.Example.tsx b/packages/react-examples/src/react/DatePicker/DatePicker.Format.Example.tsx similarity index 94% rename from packages/react-examples/src/react-date-time/DatePicker/DatePicker.Format.Example.tsx rename to packages/react-examples/src/react/DatePicker/DatePicker.Format.Example.tsx index 39eabe411a7e1c..cde486ae43f4eb 100644 --- a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Format.Example.tsx +++ b/packages/react-examples/src/react/DatePicker/DatePicker.Format.Example.tsx @@ -1,7 +1,6 @@ import * as React from 'react'; -import { DatePicker, IDatePicker } from '@fluentui/react-date-time'; +import { DatePicker, IDatePicker, mergeStyleSets } from '@fluentui/react'; import { DefaultButton } from '@fluentui/react/lib/compat/Button'; -import { mergeStyleSets } from '@fluentui/react/lib/Styling'; const styles = mergeStyleSets({ root: { selectors: { '> *': { marginBottom: 15 } } }, diff --git a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Input.Example.tsx b/packages/react-examples/src/react/DatePicker/DatePicker.Input.Example.tsx similarity index 90% rename from packages/react-examples/src/react-date-time/DatePicker/DatePicker.Input.Example.tsx rename to packages/react-examples/src/react/DatePicker/DatePicker.Input.Example.tsx index 0d3228ea1b5338..fba43a6acf50ce 100644 --- a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Input.Example.tsx +++ b/packages/react-examples/src/react/DatePicker/DatePicker.Input.Example.tsx @@ -1,7 +1,6 @@ import * as React from 'react'; import { DefaultButton } from '@fluentui/react/lib/compat/Button'; -import { DatePicker, IDatePicker } from '@fluentui/react-date-time'; -import { mergeStyleSets } from '@fluentui/react/lib/Styling'; +import { DatePicker, IDatePicker, mergeStyleSets } from '@fluentui/react'; const styles = mergeStyleSets({ root: { selectors: { '> *': { marginBottom: 15 } } }, diff --git a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Required.Example.tsx b/packages/react-examples/src/react/DatePicker/DatePicker.Required.Example.tsx similarity index 86% rename from packages/react-examples/src/react-date-time/DatePicker/DatePicker.Required.Example.tsx rename to packages/react-examples/src/react/DatePicker/DatePicker.Required.Example.tsx index 62d38b8dcf84f8..8f316c566632c4 100644 --- a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.Required.Example.tsx +++ b/packages/react-examples/src/react/DatePicker/DatePicker.Required.Example.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { DatePicker } from '@fluentui/react-date-time'; -import { mergeStyleSets } from '@fluentui/react/lib/Styling'; +import { DatePicker, mergeStyleSets } from '@fluentui/react'; const styles = mergeStyleSets({ root: { selectors: { '> *': { marginBottom: 15 } } }, diff --git a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.WeekNumbers.Example.tsx b/packages/react-examples/src/react/DatePicker/DatePicker.WeekNumbers.Example.tsx similarity index 90% rename from packages/react-examples/src/react-date-time/DatePicker/DatePicker.WeekNumbers.Example.tsx rename to packages/react-examples/src/react/DatePicker/DatePicker.WeekNumbers.Example.tsx index 17811235e03584..5b31a1dd3c5804 100644 --- a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.WeekNumbers.Example.tsx +++ b/packages/react-examples/src/react/DatePicker/DatePicker.WeekNumbers.Example.tsx @@ -1,6 +1,5 @@ import * as React from 'react'; -import { Dropdown, IDropdownOption, mergeStyles } from '@fluentui/react'; -import { DatePicker, DayOfWeek } from '@fluentui/react-date-time'; +import { DatePicker, DayOfWeek, Dropdown, IDropdownOption, mergeStyles } from '@fluentui/react'; const days: IDropdownOption[] = [ { text: 'Sunday', key: DayOfWeek.Sunday }, diff --git a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.doc.tsx b/packages/react-examples/src/react/DatePicker/DatePicker.doc.tsx similarity index 70% rename from packages/react-examples/src/react-date-time/DatePicker/DatePicker.doc.tsx rename to packages/react-examples/src/react/DatePicker/DatePicker.doc.tsx index 7e7355c90b8599..95f17e7868b241 100644 --- a/packages/react-examples/src/react-date-time/DatePicker/DatePicker.doc.tsx +++ b/packages/react-examples/src/react/DatePicker/DatePicker.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { DatePickerBasicExample } from './DatePicker.Basic.Example'; import { DatePickerDisabledExample } from './DatePicker.Disabled.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { DatePickerWeekNumbersExample } from './DatePicker.WeekNumbers.Example'; import { DatePickerRequiredExample } from './DatePicker.Required.Example'; import { DatePickerInputExample } from './DatePicker.Input.Example'; @@ -9,19 +9,19 @@ import { DatePickerFormatExample } from './DatePicker.Format.Example'; import { DatePickerBoundedExample } from './DatePicker.Bounded.Example'; import { DatePickerExternalControlsExample } from './DatePicker.ExternalControls.Example'; -const DatePickerBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/DatePicker/DatePicker.Basic.Example.tsx') as string; -const DatePickerDisabledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/DatePicker/DatePicker.Disabled.Example.tsx') as string; -const DatePickerWeekNumbersExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/DatePicker/DatePicker.WeekNumbers.Example.tsx') as string; -const DatePickerRequiredExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/DatePicker/DatePicker.Required.Example.tsx') as string; -const DatePickerInputExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/DatePicker/DatePicker.Input.Example.tsx') as string; -const DatePickerFormatExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/DatePicker/DatePicker.Format.Example.tsx') as string; -const DatePickerBoundedExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/DatePicker/DatePicker.Bounded.Example.tsx') as string; -const DatePickerExternalControlsExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/DatePicker/DatePicker.ExternalControls.Example.tsx') as string; +const DatePickerBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Basic.Example.tsx') as string; +const DatePickerDisabledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Disabled.Example.tsx') as string; +const DatePickerWeekNumbersExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.WeekNumbers.Example.tsx') as string; +const DatePickerRequiredExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Required.Example.tsx') as string; +const DatePickerInputExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Input.Example.tsx') as string; +const DatePickerFormatExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Format.Example.tsx') as string; +const DatePickerBoundedExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.Bounded.Example.tsx') as string; +const DatePickerExternalControlsExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/DatePicker.ExternalControls.Example.tsx') as string; export const DatePickerPageProps: IDocPageProps = { title: 'DatePicker', componentName: 'DatePicker', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-date-time/src/components/DatePicker', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/DatePicker', examples: [ { title: 'Default DatePicker', @@ -66,10 +66,10 @@ export const DatePickerPageProps: IDocPageProps = { ], overview: require< string - >('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/DatePicker/docs/DatePickerOverview.md'), + >('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/docs/DatePickerOverview.md'), bestPractices: require< string - >('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/DatePicker/docs/DatePickerBestPractices.md'), + >('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DatePicker/docs/DatePickerBestPractices.md'), isHeaderVisible: true, isFeedbackVisible: true, }; diff --git a/packages/react-examples/src/react-date-time/DatePicker/docs/DatePickerBestPractices.md b/packages/react-examples/src/react/DatePicker/docs/DatePickerBestPractices.md similarity index 100% rename from packages/react-examples/src/react-date-time/DatePicker/docs/DatePickerBestPractices.md rename to packages/react-examples/src/react/DatePicker/docs/DatePickerBestPractices.md diff --git a/packages/react-examples/src/react-date-time/DatePicker/docs/DatePickerOverview.md b/packages/react-examples/src/react/DatePicker/docs/DatePickerOverview.md similarity index 100% rename from packages/react-examples/src/react-date-time/DatePicker/docs/DatePickerOverview.md rename to packages/react-examples/src/react/DatePicker/docs/DatePickerOverview.md diff --git a/packages/react-examples/src/react/DetailsList/DetailsList.doc.tsx b/packages/react-examples/src/react/DetailsList/DetailsList.doc.tsx index 1856881291470e..89b4f9b54a84d8 100644 --- a/packages/react-examples/src/react/DetailsList/DetailsList.doc.tsx +++ b/packages/react-examples/src/react/DetailsList/DetailsList.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps, IExample } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps, IExample } from '@fluentui/react/lib/common/DocPage.types'; import { DetailsListBasicExample } from './DetailsList.Basic.Example'; const DetailsListBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/DetailsList/DetailsList.Basic.Example.tsx') as string; diff --git a/packages/react-examples/src/react/Dialog/Dialog.doc.tsx b/packages/react-examples/src/react/Dialog/Dialog.doc.tsx index a0375d9371b047..897a6dca587157 100644 --- a/packages/react-examples/src/react/Dialog/Dialog.doc.tsx +++ b/packages/react-examples/src/react/Dialog/Dialog.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { DialogBasicExample } from './Dialog.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { DialogLargeHeaderExample } from './Dialog.LargeHeader.Example'; import { DialogBlockingExample } from './Dialog.Blocking.Example'; import { DialogTopOffsetFixedExample } from './Dialog.TopOffsetFixed.Example'; @@ -16,7 +16,7 @@ const DialogModelessExampleCode = require('!raw-loader?esModule=false!@fluentui/ export const DialogPageProps: IDocPageProps = { title: 'Dialog', componentName: 'Dialog', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Dialog', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Dialog', examples: [ { title: 'Default Dialog', diff --git a/packages/react-examples/src/react/Divider/Divider.doc.tsx b/packages/react-examples/src/react/Divider/Divider.doc.tsx index e6dfa23404a795..c8dd2853b5ef5a 100644 --- a/packages/react-examples/src/react/Divider/Divider.doc.tsx +++ b/packages/react-examples/src/react/Divider/Divider.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { VerticalDividerBasicExample } from './VerticalDivider.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { VerticalDividerCustomExample } from './VerticalDivider.Custom.Example'; const VerticalDividerBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Divider/VerticalDivider.Basic.Example.tsx') as string; @@ -11,7 +11,7 @@ const VerticalDividerCustomExampleCode = require('!raw-loader?esModule=false!@fl export const DividerPageProps: IDocPageProps = { title: 'Divider', componentName: 'Divider', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Divider', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Divider', examples: [ { title: 'Vertical Divider', diff --git a/packages/react-examples/src/react/DocumentCard/DocumentCard.doc.tsx b/packages/react-examples/src/react/DocumentCard/DocumentCard.doc.tsx index 1ab1577a81c79d..a0014f992ba34b 100644 --- a/packages/react-examples/src/react/DocumentCard/DocumentCard.doc.tsx +++ b/packages/react-examples/src/react/DocumentCard/DocumentCard.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { DocumentCardBasicExample } from './DocumentCard.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { DocumentCardCompactExample } from './DocumentCard.Compact.Example'; import { DocumentCardCompleteExample } from './DocumentCard.Complete.Example'; import { DocumentCardImageExample } from './DocumentCard.Image.Example'; diff --git a/packages/react-examples/src/react/Dropdown/Dropdown.doc.tsx b/packages/react-examples/src/react/Dropdown/Dropdown.doc.tsx index 830c63d8012fa6..df2a4595a697ef 100644 --- a/packages/react-examples/src/react/Dropdown/Dropdown.doc.tsx +++ b/packages/react-examples/src/react/Dropdown/Dropdown.doc.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { DropdownBasicExample } from './Dropdown.Basic.Example'; import { DropdownControlledExample } from './Dropdown.Controlled.Example'; diff --git a/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.doc.tsx b/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.doc.tsx index 96a7f9302d8af6..5448519023895d 100644 --- a/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.doc.tsx +++ b/packages/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.doc.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ExtendedPeoplePickerBasicExample } from './ExtendedPeoplePicker.Basic.Example'; import { ExtendedPeoplePickerControlledExample } from './ExtendedPeoplePicker.Controlled.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const ExtendedPeoplePickerBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.Basic.Example.tsx') as string; const ExtendedPeoplePickerControlledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/ExtendedPeoplePicker/ExtendedPeoplePicker.Controlled.Example.tsx') as string; @@ -11,7 +11,7 @@ export const ExtendedPeoplePickerPageProps: IDocPageProps = { title: 'ExtendedPeoplePicker', componentName: 'ExtendedPeoplePicker', componentUrl: - 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/ExtendedPicker/PeoplePicker', + 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/ExtendedPicker/PeoplePicker', examples: [ { title: 'Extended People Picker (uncontrolled)', diff --git a/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.doc.tsx b/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.doc.tsx index ec83b226628be6..2e990c08623f43 100644 --- a/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.doc.tsx +++ b/packages/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.doc.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ExtendedPeoplePickerBasicExample } from './ExtendedPeoplePicker.Basic.Example'; import { ExtendedPeoplePickerControlledExample } from './ExtendedPeoplePicker.Controlled.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const ExtendedPeoplePickerBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.Basic.Example.tsx') as string; const ExtendedPeoplePickerControlledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/ExtendedPicker/ExtendedPeoplePicker.Controlled.Example.tsx') as string; @@ -11,7 +11,7 @@ export const ExtendedPeoplePickerPageProps: IDocPageProps = { title: 'ExtendedPeoplePicker', componentName: 'ExtendedPeoplePicker', componentUrl: - 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/ExtendedPicker/PeoplePicker', + 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/ExtendedPicker/PeoplePicker', examples: [ { title: 'Extended People Picker (uncontrolled)', diff --git a/packages/react-examples/src/react/Facepile/Facepile.doc.tsx b/packages/react-examples/src/react/Facepile/Facepile.doc.tsx index 46613d62448bb5..91469ac2e76899 100644 --- a/packages/react-examples/src/react/Facepile/Facepile.doc.tsx +++ b/packages/react-examples/src/react/Facepile/Facepile.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { FacepileAddFaceExample } from './Facepile.AddFace.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { FacepileBasicExample } from './Facepile.Basic.Example'; import { FacepileOverflowExample } from './Facepile.Overflow.Example'; @@ -11,7 +11,7 @@ const FacepileOverflowExampleCode = require('!raw-loader?esModule=false!@fluentu export const FacepilePageProps: IDocPageProps = { title: 'Facepile', componentName: 'Facepile', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Facepile', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Facepile', examples: [ { title: 'Facepile with size, presence, and fade in options', diff --git a/packages/react-examples/src/react/FloatingPeoplePicker/FloatingPeoplePicker.doc.tsx b/packages/react-examples/src/react/FloatingPeoplePicker/FloatingPeoplePicker.doc.tsx index d6c590d18b129c..a39b09ea3b18bd 100644 --- a/packages/react-examples/src/react/FloatingPeoplePicker/FloatingPeoplePicker.doc.tsx +++ b/packages/react-examples/src/react/FloatingPeoplePicker/FloatingPeoplePicker.doc.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { FloatingPeoplePickerTypesExample } from './FloatingPeoplePicker.Basic.Example'; import { FloatingPeoplePickerTypesSelectableFooterExample } from './FloatingPeoplePicker.SelectableFooter.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const FloatingPeoplePickerBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/FloatingPeoplePicker/FloatingPeoplePicker.Basic.Example.tsx') as string; const FloatingPeoplePickerSelectableFooterExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/FloatingPeoplePicker/FloatingPeoplePicker.SelectableFooter.Example.tsx') as string; @@ -10,8 +10,7 @@ const FloatingPeoplePickerSelectableFooterExampleCode = require('!raw-loader?esM export const FloatingPeoplePickerPageProps: IDocPageProps = { title: 'FloatingPeoplePicker', componentName: 'FloatingPeoplePicker', - componentUrl: - 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/FloatingPeoplePicker', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/FloatingPeoplePicker', examples: [ { title: 'Floating People Picker', @@ -25,7 +24,7 @@ export const FloatingPeoplePickerPageProps: IDocPageProps = { }, ], propertiesTablesSources: [ - require('!raw-loader?esModule=false!@fluentui/react-internal/src/components/FloatingPicker/BaseFloatingPicker.types.ts') as string, + require('!raw-loader?esModule=false!@fluentui/react/src/components/FloatingPicker/BaseFloatingPicker.types.ts') as string, ], overview: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/FloatingPeoplePicker/docs/FloatingPeoplePickerOverview.md') as string, bestPractices: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/FloatingPeoplePicker/docs/FloatingPeoplePickerBestPractices.md') as string, diff --git a/packages/react-examples/src/react/FocusTrapZone/FocusTrapZone.doc.tsx b/packages/react-examples/src/react/FocusTrapZone/FocusTrapZone.doc.tsx index 0027216958f760..59a470f58ea2da 100644 --- a/packages/react-examples/src/react/FocusTrapZone/FocusTrapZone.doc.tsx +++ b/packages/react-examples/src/react/FocusTrapZone/FocusTrapZone.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { FocusTrapZoneBoxExample } from './FocusTrapZone.Box.Example'; const FocusTrapZoneBoxExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/FocusTrapZone/FocusTrapZone.Box.Example.tsx') as string; @@ -23,8 +23,7 @@ const FocusTrapZoneDialogInPanelExampleCode = require('!raw-loader?esModule=fals export const FocusTrapZonePageProps: IDocPageProps = { title: 'FocusTrapZone', componentName: 'FocusTrapZone', - componentUrl: - 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/FocusTrapZone', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/FocusTrapZone', examples: [ { title: 'Simple box', diff --git a/packages/react-examples/src/react/GroupedList/GroupedList.doc.tsx b/packages/react-examples/src/react/GroupedList/GroupedList.doc.tsx index 0287b45e28ea15..83f38e1cb8da97 100644 --- a/packages/react-examples/src/react/GroupedList/GroupedList.doc.tsx +++ b/packages/react-examples/src/react/GroupedList/GroupedList.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { GroupedListBasicExample } from './GroupedList.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { GroupedListCustomExample } from './GroupedList.Custom.Example'; import { GroupedListCustomCheckboxExample } from './GroupedList.CustomCheckbox.Example'; diff --git a/packages/react-examples/src/react/HoverCard/HoverCard.doc.tsx b/packages/react-examples/src/react/HoverCard/HoverCard.doc.tsx index 4311a30be2880c..c3421853976eb3 100644 --- a/packages/react-examples/src/react/HoverCard/HoverCard.doc.tsx +++ b/packages/react-examples/src/react/HoverCard/HoverCard.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { HoverCardBasicExample } from './HoverCard.Basic.Example'; import { HoverCardPlainCardExample } from './HoverCard.PlainCard.Example'; import { HoverCardTargetExample } from './HoverCard.Target.Example'; @@ -16,7 +16,7 @@ const HoverCardEventListenerTargetExampleCode = require('!raw-loader?esModule=fa export const HoverCardPageProps: IDocPageProps = { title: 'HoverCard', componentName: 'HoverCard', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/HoverCard', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/HoverCard', examples: [ { title: 'Expanding HoverCard wrapping an element', diff --git a/packages/react-examples/src/react/Icon/Icon.doc.tsx b/packages/react-examples/src/react/Icon/Icon.doc.tsx index 4e2de27ca62ffd..621b23e157b56c 100644 --- a/packages/react-examples/src/react/Icon/Icon.doc.tsx +++ b/packages/react-examples/src/react/Icon/Icon.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { IconBasicExample } from './Icon.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { IconSvgExample } from './Icon.Svg.Example'; import { IconColorExample } from './Icon.Color.Example'; import { IconImageSheetExample } from './Icon.ImageSheet.Example'; @@ -16,7 +16,7 @@ const IconSvgFactoryExampleCode = require('!raw-loader?esModule=false!@fluentui/ export const IconPageProps: IDocPageProps = { title: 'Icon', componentName: 'Icon', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Icon', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Icon', examples: [ { title: 'Icon', diff --git a/packages/react-examples/src/react/Image/Image.doc.tsx b/packages/react-examples/src/react/Image/Image.doc.tsx index 1c1ad946f839d2..4261444b30c77b 100644 --- a/packages/react-examples/src/react/Image/Image.doc.tsx +++ b/packages/react-examples/src/react/Image/Image.doc.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { ImageCenterExample } from './Image.Center.Example'; import { ImageCenterContainExample } from './Image.CenterContain.Example'; import { ImageCenterCoverExample } from './Image.CenterCover.Example'; @@ -21,7 +21,7 @@ const ImageMaximizeFrameExampleCode = require('!raw-loader?esModule=false!@fluen export const ImagePageProps: IDocPageProps = { title: 'Image', componentName: 'Image', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Image', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Image', examples: [ { title: 'ImageFit: Not specified', diff --git a/packages/react-examples/src/react/Keytip/Keytips.doc.tsx b/packages/react-examples/src/react/Keytip/Keytips.doc.tsx index a953ea6f652385..ff73a71edcbf14 100644 --- a/packages/react-examples/src/react/Keytip/Keytips.doc.tsx +++ b/packages/react-examples/src/react/Keytip/Keytips.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { KeytipsBasicExample } from './Keytips.Basic.Example'; import { KeytipsButtonExample } from './Keytips.Button.Example'; import { KeytipsCommandBarExample } from './Keytips.CommandBar.Example'; @@ -16,7 +16,7 @@ const KeytipsDynamicCode = require('!raw-loader?esModule=false!@fluentui/react-e export const KeytipsPageProps: IDocPageProps = { title: 'Keytips', componentName: 'Keytips', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Keytips', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Keytips', examples: [ { title: 'Keytips on Buttons', diff --git a/packages/react-examples/src/react/Label/Label.doc.tsx b/packages/react-examples/src/react/Label/Label.doc.tsx index e0cdd7652d2cac..bb8914758ea423 100644 --- a/packages/react-examples/src/react/Label/Label.doc.tsx +++ b/packages/react-examples/src/react/Label/Label.doc.tsx @@ -1,14 +1,14 @@ import * as React from 'react'; import { LabelBasicExample } from './Label.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const LabelBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Label/Label.Basic.Example.tsx') as string; export const LabelPageProps: IDocPageProps = { title: 'Label', componentName: 'Label', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Label', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Label', examples: [ { title: 'Label', diff --git a/packages/react-examples/src/react/Layer/Layer.doc.tsx b/packages/react-examples/src/react/Layer/Layer.doc.tsx index 1832de885a8421..0a61f0087cb764 100644 --- a/packages/react-examples/src/react/Layer/Layer.doc.tsx +++ b/packages/react-examples/src/react/Layer/Layer.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { LayerBasicExample } from './Layer.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { LayerHostedExample } from './Layer.Hosted.Example'; import { LayerCustomizedExample } from './Layer.Customized.Example'; import { LayerNestedLayersExample } from './Layer.NestedLayers.Example'; @@ -13,7 +13,7 @@ const LayerNestedLayersExampleCode = require('!raw-loader?esModule=false!@fluent export const LayerPageProps: IDocPageProps = { title: 'Layer', componentName: 'Layer', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Layer', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Layer', examples: [ { title: 'Basic layered content', diff --git a/packages/react-examples/src/react/Link/Link.doc.tsx b/packages/react-examples/src/react/Link/Link.doc.tsx index 472992ae4698d0..b0391a10e6df58 100644 --- a/packages/react-examples/src/react/Link/Link.doc.tsx +++ b/packages/react-examples/src/react/Link/Link.doc.tsx @@ -1,14 +1,14 @@ import * as React from 'react'; import { LinkBasicExample } from './Link.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const LinkBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Link/Link.Basic.Example.tsx') as string; export const LinkPageProps: IDocPageProps = { title: 'Link', componentName: 'Link', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Link', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Link', examples: [ { title: 'Link', diff --git a/packages/react-examples/src/react/List/List.doc.tsx b/packages/react-examples/src/react/List/List.doc.tsx index a145ef17d88f69..bb89b856e96be8 100644 --- a/packages/react-examples/src/react/List/List.doc.tsx +++ b/packages/react-examples/src/react/List/List.doc.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { ListBasicExample } from './List.Basic.Example'; import { ListGridExample } from './List.Grid.Example'; import { ListScrollingExample } from './List.Scrolling.Example'; @@ -13,7 +13,7 @@ const ListGhostingExampleCode = require('!raw-loader?esModule=false!@fluentui/re export const ListPageProps: IDocPageProps = { title: 'List', componentName: 'ListExample', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/List', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/List', examples: [ { title: 'List of 5000 grid items', diff --git a/packages/react-examples/src/react/MarqueeSelection/MarqueeSelection.doc.tsx b/packages/react-examples/src/react/MarqueeSelection/MarqueeSelection.doc.tsx index 7da10986f3f966..26b5ba962b969f 100644 --- a/packages/react-examples/src/react/MarqueeSelection/MarqueeSelection.doc.tsx +++ b/packages/react-examples/src/react/MarqueeSelection/MarqueeSelection.doc.tsx @@ -2,14 +2,13 @@ import * as React from 'react'; import { MarqueeSelectionBasicExample } from './MarqueeSelection.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const MarqueeSelectionBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/MarqueeSelection/MarqueeSelection.Basic.Example.tsx') as string; export const MarqueeSelectionPageProps: IDocPageProps = { title: 'MarqueeSelection', componentName: 'MarqueeSelection', - componentUrl: - 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/MarqueeSelection', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/MarqueeSelection', examples: [ { title: 'Basic Selection Example', diff --git a/packages/react-examples/src/react/MessageBar/MessageBar.doc.tsx b/packages/react-examples/src/react/MessageBar/MessageBar.doc.tsx index bba969ad1e58c5..91615ce510f23f 100644 --- a/packages/react-examples/src/react/MessageBar/MessageBar.doc.tsx +++ b/packages/react-examples/src/react/MessageBar/MessageBar.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { MessageBarBasicExample } from './MessageBar.Basic.Example'; @@ -9,7 +9,7 @@ const MessageBarBasicExampleCode = require('!raw-loader?esModule=false!@fluentui export const MessageBarPageProps: IDocPageProps = { title: 'MessageBar', componentName: 'MessageBar', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/MessageBar', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/MessageBar', examples: [ { title: 'Various MessageBar types', diff --git a/packages/react-examples/src/react/Modal/Modal.doc.tsx b/packages/react-examples/src/react/Modal/Modal.doc.tsx index bfc79f9c7f4046..f35a5e6997e9ba 100644 --- a/packages/react-examples/src/react/Modal/Modal.doc.tsx +++ b/packages/react-examples/src/react/Modal/Modal.doc.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ModalBasicExample } from './Modal.Basic.Example'; import { ModalModelessExample } from './Modal.Modeless.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const ModalBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Modal/Modal.Basic.Example.tsx') as string; const ModalModelessExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Modal/Modal.Modeless.Example.tsx') as string; @@ -10,7 +10,7 @@ const ModalModelessExampleCode = require('!raw-loader?esModule=false!@fluentui/r export const ModalPageProps: IDocPageProps = { title: 'Modal', componentName: 'Modal', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Modal', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Modal', examples: [ { title: 'Modal', diff --git a/packages/react-examples/src/react/Nav/Nav.doc.tsx b/packages/react-examples/src/react/Nav/Nav.doc.tsx index 65219cf48fcc57..32a09b1c984f4e 100644 --- a/packages/react-examples/src/react/Nav/Nav.doc.tsx +++ b/packages/react-examples/src/react/Nav/Nav.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { NavBasicExample } from './Nav.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { NavFabricDemoAppExample } from './Nav.FabricDemoApp.Example'; import { NavNestedExample } from './Nav.Nested.Example'; import { NavCustomGroupHeadersExample } from './Nav.CustomGroupHeaders.Example'; @@ -13,7 +13,7 @@ const NavCustomGroupHeadersExampleCode = require('!raw-loader?esModule=false!@fl export const NavPageProps: IDocPageProps = { title: 'Nav', componentName: 'Nav', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Nav', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Nav', examples: [ { title: 'Basic nav with sample links', diff --git a/packages/react-examples/src/react/OverflowSet/OverflowSet.doc.tsx b/packages/react-examples/src/react/OverflowSet/OverflowSet.doc.tsx index fd46e87155cc46..680a87a36c510e 100644 --- a/packages/react-examples/src/react/OverflowSet/OverflowSet.doc.tsx +++ b/packages/react-examples/src/react/OverflowSet/OverflowSet.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { OverflowSetCustomExample } from './OverflowSet.Custom.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { OverflowSetBasicExample } from './OverflowSet.Basic.Example'; import { OverflowSetVerticalExample } from './OverflowSet.Vertical.Example'; import { OverflowSetBasicReversedExample } from './OverflowSet.BasicReversed.Example'; @@ -14,7 +14,7 @@ const OverflowSetBasicReversedExampleCode = require('!raw-loader?esModule=false! export const OverflowSetPageProps: IDocPageProps = { title: 'OverflowSet', componentName: 'OverflowSet', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/OverflowSet', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/OverflowSet', examples: [ { title: 'OverflowSet Basic Example', diff --git a/packages/react-examples/src/react/Overlay/Overlay.doc.tsx b/packages/react-examples/src/react/Overlay/Overlay.doc.tsx index 104897a0ef3720..2764c7ddcd6292 100644 --- a/packages/react-examples/src/react/Overlay/Overlay.doc.tsx +++ b/packages/react-examples/src/react/Overlay/Overlay.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { OverlayDarkExample } from './Overlay.Dark.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { OverlayLightExample } from './Overlay.Light.Example'; const OverlayLightExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Overlay/Overlay.Light.Example.tsx') as string; @@ -10,7 +10,7 @@ const OverlayDarkExampleCode = require('!raw-loader?esModule=false!@fluentui/rea export const OverlayPageProps: IDocPageProps = { title: 'Overlay', componentName: 'Overlay', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Overlay', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Overlay', examples: [ { title: 'Light', diff --git a/packages/react-examples/src/react/Panel/Panel.doc.tsx b/packages/react-examples/src/react/Panel/Panel.doc.tsx index c79f3e76a5a55e..8efe5b49311dec 100644 --- a/packages/react-examples/src/react/Panel/Panel.doc.tsx +++ b/packages/react-examples/src/react/Panel/Panel.doc.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { PanelBasicExample } from './Panel.Basic.Example'; import { PanelConfirmDismissExample } from './Panel.ConfirmDismiss.Example'; import { PanelControlledExample } from './Panel.Controlled.Example'; @@ -27,7 +27,7 @@ const PanelHandleDismissTargetExampleCode = require('!raw-loader?esModule=false! export const PanelPageProps: IDocPageProps = { title: 'Panel', componentName: 'Panel', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Panel', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Panel', examples: [ { title: 'Basic', diff --git a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.doc.tsx b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.doc.tsx index 3318aee7df731d..4145bd0afb66e5 100644 --- a/packages/react-examples/src/react/PeoplePicker/PeoplePicker.doc.tsx +++ b/packages/react-examples/src/react/PeoplePicker/PeoplePicker.doc.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { PeoplePickerNormalExample } from './PeoplePicker.Normal.Example'; import { PeoplePickerCompactExample } from './PeoplePicker.Compact.Example'; @@ -20,7 +20,7 @@ const PeoplePickerControlledExampleCode = require('!raw-loader?esModule=false!@f export const PeoplePickerPageProps: IDocPageProps = { title: 'PeoplePicker', componentName: 'PeoplePicker', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/PeoplePicker', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/PeoplePicker', examples: [ { title: 'Normal People Picker', @@ -59,7 +59,7 @@ export const PeoplePickerPageProps: IDocPageProps = { }, ], propertiesTablesSources: [ - require('!raw-loader?esModule=false!@fluentui/react-internal/src/components/pickers/BasePicker.types.ts'), + require('!raw-loader?esModule=false!@fluentui/react/src/components/pickers/BasePicker.types.ts'), ], overview: require< string diff --git a/packages/react-examples/src/react/Persona/Persona.doc.tsx b/packages/react-examples/src/react/Persona/Persona.doc.tsx index 76ccc032736019..eece33d508be58 100644 --- a/packages/react-examples/src/react/Persona/Persona.doc.tsx +++ b/packages/react-examples/src/react/Persona/Persona.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { PersonaInitialsExample } from './Persona.Initials.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { PersonaBasicExample } from './Persona.Basic.Example'; import { PersonaAlternateExample } from './Persona.Alternate.Example'; import { PersonaColorsExample } from './Persona.Colors.Example'; @@ -22,7 +22,7 @@ const PersonaPresenceExampleCode = require('!raw-loader?esModule=false!@fluentui export const PersonaPageProps: IDocPageProps = { title: 'Persona', componentName: 'Persona', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Persona', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Persona', examples: [ { title: 'Persona in various sizes', diff --git a/packages/react-examples/src/react/Pickers/Pickers.doc.tsx b/packages/react-examples/src/react/Pickers/Pickers.doc.tsx index f84f5c5c173bdb..e4cbc0a0d8f231 100644 --- a/packages/react-examples/src/react/Pickers/Pickers.doc.tsx +++ b/packages/react-examples/src/react/Pickers/Pickers.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { PickerCustomResultExample } from './Picker.CustomResult.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { TagPickerBasicExample } from './TagPicker.Basic.Example'; const TagPickerExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Pickers/TagPicker.Basic.Example.tsx') as string; @@ -10,7 +10,7 @@ const PickerCustomResultExampleCode = require('!raw-loader?esModule=false!@fluen export const PickersPageProps: IDocPageProps = { title: 'Pickers', componentName: 'Pickers', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Pickers', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Pickers', examples: [ { title: 'Tag Picker', diff --git a/packages/react-examples/src/react/Pivot/Pivot.doc.tsx b/packages/react-examples/src/react/Pivot/Pivot.doc.tsx index 92953dd8b100ab..f431915a2e1508 100644 --- a/packages/react-examples/src/react/Pivot/Pivot.doc.tsx +++ b/packages/react-examples/src/react/Pivot/Pivot.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { PivotBasicExample } from './Pivot.Basic.Example'; import { PivotIconCountExample } from './Pivot.IconCount.Example'; import { PivotLargeExample } from './Pivot.Large.Example'; @@ -26,7 +26,7 @@ const PivotOverflowMenuExampleCode = require('!raw-loader?esModule=false!@fluent export const PivotPageProps: IDocPageProps = { title: 'Pivot', componentName: 'Pivot', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Pivot', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Pivot', examples: [ { title: 'Default Pivot', diff --git a/packages/react-examples/src/react/ProgressIndicator/ProgressIndicator.doc.tsx b/packages/react-examples/src/react/ProgressIndicator/ProgressIndicator.doc.tsx index 28953594bf9204..2d557e63fbc035 100644 --- a/packages/react-examples/src/react/ProgressIndicator/ProgressIndicator.doc.tsx +++ b/packages/react-examples/src/react/ProgressIndicator/ProgressIndicator.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { ProgressIndicatorBasicExample } from './ProgressIndicator.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { ProgressIndicatorIndeterminateExample } from './ProgressIndicator.Indeterminate.Example'; const ProgressIndicatorBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/ProgressIndicator/ProgressIndicator.Basic.Example.tsx') as string; @@ -10,8 +10,7 @@ const ProgressIndicatorIndeterminateExampleCode = require('!raw-loader?esModule= export const ProgressIndicatorPageProps: IDocPageProps = { title: 'ProgressIndicator', componentName: 'ProgressIndicator', - componentUrl: - 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/ProgressIndicator', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/ProgressIndicator', examples: [ { title: 'Default ProgressIndicator', diff --git a/packages/react-examples/src/react/Rating/Rating.doc.tsx b/packages/react-examples/src/react/Rating/Rating.doc.tsx index 009c1feaed650a..bd58ec111ec2c0 100644 --- a/packages/react-examples/src/react/Rating/Rating.doc.tsx +++ b/packages/react-examples/src/react/Rating/Rating.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { RatingBasicExample } from './Rating.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { RatingButtonControlledExample } from './Rating.ButtonControlled.Example'; const RatingBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Rating/Rating.Basic.Example.tsx') as string; @@ -10,7 +10,7 @@ const RatingButtonControlledExampleCode = require('!raw-loader?esModule=false!@f export const RatingPageProps: IDocPageProps = { title: 'Rating', componentName: 'Rating', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Rating', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Rating', examples: [ { title: 'Rating', diff --git a/packages/react-examples/src/react/ResizeGroup/ResizeGroup.doc.tsx b/packages/react-examples/src/react/ResizeGroup/ResizeGroup.doc.tsx index 0af6da8f80da4d..bfcef061ceb909 100644 --- a/packages/react-examples/src/react/ResizeGroup/ResizeGroup.doc.tsx +++ b/packages/react-examples/src/react/ResizeGroup/ResizeGroup.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { ResizeGroupOverflowSetExample } from './ResizeGroup.OverflowSet.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { FlexBoxResizeGroupExample } from './ResizeGroup.FlexBox.Example'; import { ResizeGroupVerticalOverflowSetExample } from './ResizeGroup.VerticalOverflowSet.Example'; @@ -14,7 +14,7 @@ const ResizeGroupFlexBoxExampleCode = require('!raw-loader?esModule=false!@fluen export const ResizeGroupPageProps: IDocPageProps = { title: 'ResizeGroup', componentName: 'ResizeGroup', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/ResizeGroup', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/ResizeGroup', examples: [ { title: 'Use ResizeGroup to move commands into an overflow menu', diff --git a/packages/react-examples/src/react/ScrollablePane/ScrollablePane.doc.tsx b/packages/react-examples/src/react/ScrollablePane/ScrollablePane.doc.tsx index d8ec7c7efecbc1..0031a2b60f2949 100644 --- a/packages/react-examples/src/react/ScrollablePane/ScrollablePane.doc.tsx +++ b/packages/react-examples/src/react/ScrollablePane/ScrollablePane.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { ScrollablePaneDefaultExample } from './ScrollablePane.Default.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { ScrollablePaneDetailsListExample } from './ScrollablePane.DetailsList.Example'; const ScrollablePaneDefaultExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/ScrollablePane/ScrollablePane.Default.Example.tsx') as string; @@ -10,8 +10,7 @@ const ScrollablePaneDetailsListExampleCode = require('!raw-loader?esModule=false export const ScrollablePanePageProps: IDocPageProps = { title: 'ScrollablePane', componentName: 'ScrollablePane', - componentUrl: - 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/ScrollablePane', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/ScrollablePane', examples: [ { title: 'Default', diff --git a/packages/react-examples/src/react/SearchBox/SearchBox.doc.tsx b/packages/react-examples/src/react/SearchBox/SearchBox.doc.tsx index bbc227ae903417..e3d7dcde9ccf7a 100644 --- a/packages/react-examples/src/react/SearchBox/SearchBox.doc.tsx +++ b/packages/react-examples/src/react/SearchBox/SearchBox.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { SearchBoxFullSizeExample } from './SearchBox.FullSize.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { SearchBoxUnderlinedExample } from './SearchBox.Underlined.Example'; import { SearchBoxDisabledExample } from './SearchBox.Disabled.Example'; import { SearchBoxCustomIconExample } from './SearchBox.CustomIcon.Example'; @@ -16,7 +16,7 @@ const SearchBoxSmallExampleCode = require('!raw-loader?esModule=false!@fluentui/ export const SearchBoxPageProps: IDocPageProps = { title: 'SearchBox', componentName: 'SearchBox', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/SearchBox', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/SearchBox', examples: [ { title: 'Default SearchBox', diff --git a/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.doc.tsx b/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.doc.tsx index 4f4bca5ed11709..d8b948f4371d4a 100644 --- a/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.doc.tsx +++ b/packages/react-examples/src/react/SelectedPeopleList/SelectedPeopleList.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { SelectedPeopleListBasicExample } from './SelectedPeopleList.Basic.Example'; import { SelectedPeopleListControlledExample } from './SelectedPeopleList.Controlled.Example'; @@ -11,8 +11,7 @@ const SelectedPeopleListControlledExampleCode = require('!raw-loader?esModule=fa export const SelectedPeopleListPageProps: IDocPageProps = { title: 'SelectedPeopleList', componentName: 'SelectedPeopleList', - componentUrl: - 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/SelectedPeopleList', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/SelectedPeopleList', examples: [ { title: 'Selected People List (uncontrolled)', @@ -28,7 +27,7 @@ export const SelectedPeopleListPageProps: IDocPageProps = { propertiesTablesSources: [ require< string - >('!raw-loader?esModule=false!@fluentui/react-internal/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts'), + >('!raw-loader?esModule=false!@fluentui/react/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts'), ], overview: '', dos: require< diff --git a/packages/react-examples/src/react/Selection/Selection.doc.tsx b/packages/react-examples/src/react/Selection/Selection.doc.tsx index 354561f7f5f494..a80c2abba0e979 100644 --- a/packages/react-examples/src/react/Selection/Selection.doc.tsx +++ b/packages/react-examples/src/react/Selection/Selection.doc.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { SelectionBasicExample } from './Selection.Basic.Example'; const SelectionBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Selection/Selection.Basic.Example.tsx') as string; diff --git a/packages/react-examples/src/react/Separator/Separator.doc.tsx b/packages/react-examples/src/react/Separator/Separator.doc.tsx index 7123100684e1b9..51fcb19f0f2a13 100644 --- a/packages/react-examples/src/react/Separator/Separator.doc.tsx +++ b/packages/react-examples/src/react/Separator/Separator.doc.tsx @@ -3,7 +3,7 @@ import { SeparatorBasicExample } from './Separator.Basic.Example'; import { SeparatorThemingExample } from './Separator.Theming.Example'; import { SeparatorIconExample } from './Separator.Icon.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const SeparatorBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Separator/Separator.Basic.Example.tsx') as string; @@ -14,7 +14,7 @@ const SeparatorIconExampleCode = require('!raw-loader?esModule=false!@fluentui/r export const SeparatorPageProps: IDocPageProps = { title: 'Separator', componentName: 'Separator', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Separator', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Separator', examples: [ { title: 'Basic Separator with Text', diff --git a/packages/react-examples/src/react/Shimmer/Shimmer.doc.tsx b/packages/react-examples/src/react/Shimmer/Shimmer.doc.tsx index 1c8404bd340602..93098d818302c6 100644 --- a/packages/react-examples/src/react/Shimmer/Shimmer.doc.tsx +++ b/packages/react-examples/src/react/Shimmer/Shimmer.doc.tsx @@ -4,7 +4,7 @@ import { ShimmerCustomElementsExample } from './Shimmer.CustomElements.Example'; import { ShimmerLoadDataExample } from './Shimmer.LoadData.Example'; import { ShimmerApplicationExample } from './Shimmer.Application.Example'; import { ShimmerStylingExample } from './Shimmer.Styling.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const ShimmerBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Shimmer/Shimmer.Basic.Example.tsx') as string; @@ -19,7 +19,7 @@ const ShimmerApplicationExampleCode = require('!raw-loader?esModule=false!@fluen export const ShimmerPageProps: IDocPageProps = { title: 'Shimmer', componentName: 'ShimmerExample', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Shimmer', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Shimmer', examples: [ { title: 'Shimmer with basic elements using the ~shimmerElements~ prop', diff --git a/packages/react-examples/src/react/Slider/Slider.doc.tsx b/packages/react-examples/src/react/Slider/Slider.doc.tsx index 26cf305f7028ee..54304a74987241 100644 --- a/packages/react-examples/src/react/Slider/Slider.doc.tsx +++ b/packages/react-examples/src/react/Slider/Slider.doc.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { SliderBasicExample } from './Slider.Basic.Example'; import { SliderVerticalExample } from './Slider.Vertical.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const SliderBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Slider/Slider.Basic.Example.tsx') as string; const SliderVerticalExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Slider/Slider.Vertical.Example.tsx') as string; @@ -10,7 +10,7 @@ const SliderVerticalExampleCode = require('!raw-loader?esModule=false!@fluentui/ export const SliderPageProps: IDocPageProps = { title: 'Slider', componentName: 'Slider', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/undefined', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/undefined', examples: [ { title: 'Horizontal sliders', diff --git a/packages/react-examples/src/react/SpinButton/SpinButton.doc.tsx b/packages/react-examples/src/react/SpinButton/SpinButton.doc.tsx index a3636abcb47877..90547a343ee923 100644 --- a/packages/react-examples/src/react/SpinButton/SpinButton.doc.tsx +++ b/packages/react-examples/src/react/SpinButton/SpinButton.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { SpinButtonBasicExample } from './SpinButton.Basic.Example'; import { SpinButtonCustomStyledExample } from './SpinButton.CustomStyled.Example'; @@ -19,7 +19,7 @@ const SpinButtonControlledExampleCode = require('!raw-loader?esModule=false!@flu export const SpinButtonPageProps: IDocPageProps = { title: 'SpinButton', componentName: 'SpinButton', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/SpinButton', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/SpinButton', examples: [ { title: 'Basic SpinButton', diff --git a/packages/react-examples/src/react/Spinner/Spinner.doc.tsx b/packages/react-examples/src/react/Spinner/Spinner.doc.tsx index 10298cba2c96b4..f694956c9cca14 100644 --- a/packages/react-examples/src/react/Spinner/Spinner.doc.tsx +++ b/packages/react-examples/src/react/Spinner/Spinner.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { SpinnerBasicExample } from './Spinner.Basic.Example'; import { SpinnerLabeledExample } from './Spinner.Labeled.Example'; @@ -10,7 +10,7 @@ const SpinnerLabeledExampleCode = require('!raw-loader?esModule=false!@fluentui/ export const SpinnerPageProps: IDocPageProps = { title: 'Spinner', componentName: 'Spinner', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Spinner', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Spinner', examples: [ { title: 'Spinner sizes', diff --git a/packages/react-examples/src/react/Stack/Stack.doc.tsx b/packages/react-examples/src/react/Stack/Stack.doc.tsx index 33fb6a01e54c47..d982fa688ca207 100644 --- a/packages/react-examples/src/react/Stack/Stack.doc.tsx +++ b/packages/react-examples/src/react/Stack/Stack.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; // Vertical Stack Examples import { VerticalStackBasicExample } from './Stack.Vertical.Basic.Example'; @@ -73,7 +73,7 @@ const HorizontalStackConfigureExampleCode = require('!raw-loader?esModule=false! export const StackPageProps: IDocPageProps = { title: 'Stack', componentName: 'Stack', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Stack', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Stack', examples: [ { title: 'Basic Vertical Stack', diff --git a/packages/react-examples/src/react/SwatchColorPicker/SwatchColorPicker.doc.tsx b/packages/react-examples/src/react/SwatchColorPicker/SwatchColorPicker.doc.tsx index ab489f96e9cf85..dfad920298b6cb 100644 --- a/packages/react-examples/src/react/SwatchColorPicker/SwatchColorPicker.doc.tsx +++ b/packages/react-examples/src/react/SwatchColorPicker/SwatchColorPicker.doc.tsx @@ -1,15 +1,14 @@ import * as React from 'react'; import { SwatchColorPickerBasicExample } from './SwatchColorPicker.Basic.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const SwatchColorPickerBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SwatchColorPicker/SwatchColorPicker.Basic.Example.tsx') as string; export const SwatchColorPickerPageProps: IDocPageProps = { title: 'SwatchColorPicker', componentName: 'SwatchColorPicker', - componentUrl: - 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/SwatchColorPicker', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/SwatchColorPicker', examples: [ { title: 'SwatchColorPicker', diff --git a/packages/react-examples/src/react/TeachingBubble/TeachingBubble.doc.tsx b/packages/react-examples/src/react/TeachingBubble/TeachingBubble.doc.tsx index 3dc201474f0043..e9a13e029a83bd 100644 --- a/packages/react-examples/src/react/TeachingBubble/TeachingBubble.doc.tsx +++ b/packages/react-examples/src/react/TeachingBubble/TeachingBubble.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { TeachingBubbleBasicExample } from './TeachingBubble.Basic.Example'; import { TeachingBubbleWideExample } from './TeachingBubble.Wide.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { TeachingBubbleCondensedExample } from './TeachingBubble.Condensed.Example'; import { TeachingBubbleIllustrationExample } from './TeachingBubble.Illustration.Example'; import { TeachingBubbleWideIllustrationExample } from './TeachingBubble.WideIllustration.Example'; @@ -19,8 +19,7 @@ const TeachingBubbleMultiStepExampleCode = require('!raw-loader?esModule=false!@ export const TeachingBubblePageProps: IDocPageProps = { title: 'TeachingBubble', componentName: 'TeachingBubble', - componentUrl: - 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/TeachingBubble', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/TeachingBubble', examples: [ { title: 'TeachingBubble Basic', diff --git a/packages/react-examples/src/react/Text/Text.doc.tsx b/packages/react-examples/src/react/Text/Text.doc.tsx index aae7c5e2dfd2e3..dac0288c541422 100644 --- a/packages/react-examples/src/react/Text/Text.doc.tsx +++ b/packages/react-examples/src/react/Text/Text.doc.tsx @@ -3,7 +3,7 @@ import { TextRampExample } from './Text.Ramp.Example'; import { TextWrapExample } from './Text.Wrap.Example'; import { TextBlockExample } from './Text.Block.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const TextRampExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Text/Text.Ramp.Example.tsx') as string; @@ -14,7 +14,7 @@ const TextBlockExampleCode = require('!raw-loader?esModule=false!@fluentui/react export const TextPageProps: IDocPageProps = { title: 'Text', componentName: 'Text', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Text', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Text', examples: [ { title: 'Text Ramp Example', diff --git a/packages/react-examples/src/react/TextField/TextField.doc.tsx b/packages/react-examples/src/react/TextField/TextField.doc.tsx index 6febda3e186222..23a506b44958df 100644 --- a/packages/react-examples/src/react/TextField/TextField.doc.tsx +++ b/packages/react-examples/src/react/TextField/TextField.doc.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { TextFieldBasicExample } from './TextField.Basic.Example'; import { TextFieldBorderlessExample } from './TextField.Borderless.Example'; import { TextFieldCustomRenderExample } from './TextField.CustomRender.Example'; @@ -24,7 +24,7 @@ const TextFieldMaskedExampleCode = require('!raw-loader?esModule=false!@fluentui export const TextFieldPageProps: IDocPageProps = { title: 'TextField', componentName: 'TextField', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/TextField', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/TextField', examples: [ { title: 'Basic TextFields', diff --git a/packages/react-examples/src/react/Theme/Theme.doc.tsx b/packages/react-examples/src/react/Theme/Theme.doc.tsx index 5e040b7fb8a0c8..1ac28ae73d72a0 100644 --- a/packages/react-examples/src/react/Theme/Theme.doc.tsx +++ b/packages/react-examples/src/react/Theme/Theme.doc.tsx @@ -1,4 +1,4 @@ -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; export const ThemePageProps: IDocPageProps = { title: 'Themes', diff --git a/packages/react-examples/src/react/ThemeProvider/ThemeProvider.doc.tsx b/packages/react-examples/src/react/ThemeProvider/ThemeProvider.doc.tsx index bae39d06be091c..03a320bf6bc465 100644 --- a/packages/react-examples/src/react/ThemeProvider/ThemeProvider.doc.tsx +++ b/packages/react-examples/src/react/ThemeProvider/ThemeProvider.doc.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ThemeProviderBasicExample } from './ThemeProvider.Basic.Example'; import { ThemeProviderNestedExample } from './ThemeProvider.Nested.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const ThemeProviderBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/ThemeProvider/ThemeProvider.Basic.Example.tsx') as string; const ThemeProviderNestedExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/ThemeProvider/ThemeProvider.Nested.Example.tsx') as string; diff --git a/packages/react-examples/src/react/Toggle/Toggle.doc.tsx b/packages/react-examples/src/react/Toggle/Toggle.doc.tsx index 5be08f9eb63da5..779827b571a4e6 100644 --- a/packages/react-examples/src/react/Toggle/Toggle.doc.tsx +++ b/packages/react-examples/src/react/Toggle/Toggle.doc.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { ToggleBasicExample } from './Toggle.Basic.Example'; import { ToggleCustomLabelExample } from './Toggle.CustomLabel.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; const ToggleBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Toggle/Toggle.Basic.Example.tsx') as string; const ToggleCustomLabelExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Toggle/Toggle.CustomLabel.Example.tsx') as string; @@ -10,7 +10,7 @@ const ToggleCustomLabelExampleCode = require('!raw-loader?esModule=false!@fluent export const TogglePageProps: IDocPageProps = { title: 'Toggle', componentName: 'Toggle', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Toggle', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Toggle', examples: [ { title: 'Basic Toggles', diff --git a/packages/react-examples/src/react/Tooltip/Tooltip.doc.tsx b/packages/react-examples/src/react/Tooltip/Tooltip.doc.tsx index 323776d6840a09..eebee16e264ca5 100644 --- a/packages/react-examples/src/react/Tooltip/Tooltip.doc.tsx +++ b/packages/react-examples/src/react/Tooltip/Tooltip.doc.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { TooltipCustomExample } from './Tooltip.Custom.Example'; -import { IDocPageProps } from '@fluentui/react-internal/lib/common/DocPage.types'; +import { IDocPageProps } from '@fluentui/react/lib/common/DocPage.types'; import { TooltipBasicExample } from './Tooltip.Basic.Example'; import { TooltipDisplayExample } from './Tooltip.Display.Example'; import { TooltipInteractiveExample } from './Tooltip.Interactive.Example'; @@ -18,7 +18,7 @@ const TooltipAbsolutePositionExampleCode = require('!raw-loader?esModule=false!@ export const TooltipPageProps: IDocPageProps = { title: 'Tooltip', componentName: 'Tooltip', - componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-internal/src/components/Tooltip', + componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Tooltip', examples: [ { title: 'Default Tooltip', diff --git a/packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Example.scss b/packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Example.scss similarity index 100% rename from packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Example.scss rename to packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Example.scss diff --git a/packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.Example.tsx b/packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Inline.Example.tsx similarity index 97% rename from packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.Example.tsx rename to packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Inline.Example.tsx index 48ac5ed6ee751d..84c6d47fe2609c 100644 --- a/packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.Example.tsx +++ b/packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Inline.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { WeeklyDayPicker, DayOfWeek, addDays, defaultWeeklyDayPickerStrings } from '@fluentui/react-date-time'; +import { WeeklyDayPicker, DayOfWeek, addDays, defaultWeeklyDayPickerStrings } from '@fluentui/react'; import * as styles from './WeeklyDayPicker.Example.scss'; import { DefaultButton } from '@fluentui/react/lib/compat/Button'; diff --git a/packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.Expandable.Example.tsx b/packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Inline.Expandable.Example.tsx similarity index 97% rename from packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.Expandable.Example.tsx rename to packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Inline.Expandable.Example.tsx index ee03680b5cdd83..026d5e29dd7d09 100644 --- a/packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.Expandable.Example.tsx +++ b/packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Inline.Expandable.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { WeeklyDayPicker, DayOfWeek, addDays, defaultWeeklyDayPickerStrings } from '@fluentui/react-date-time'; +import { WeeklyDayPicker, DayOfWeek, addDays, defaultWeeklyDayPickerStrings } from '@fluentui/react'; import * as styles from './WeeklyDayPicker.Example.scss'; import { DefaultButton } from '@fluentui/react/lib/compat/Button'; diff --git a/packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.MarkedDays.Example.tsx b/packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Inline.MarkedDays.Example.tsx similarity index 95% rename from packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.MarkedDays.Example.tsx rename to packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Inline.MarkedDays.Example.tsx index 99112fa8efb8d7..ba1c128e7ed531 100644 --- a/packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.MarkedDays.Example.tsx +++ b/packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Inline.MarkedDays.Example.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { WeeklyDayPicker, DayOfWeek, addDays, defaultWeeklyDayPickerStrings } from '@fluentui/react-date-time'; +import { WeeklyDayPicker, DayOfWeek, addDays, defaultWeeklyDayPickerStrings } from '@fluentui/react'; import { mergeStyleSets } from '@fluentui/style-utilities'; const styles = mergeStyleSets({ diff --git a/packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPickerPage.tsx b/packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPickerPage.tsx similarity index 77% rename from packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPickerPage.tsx rename to packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPickerPage.tsx index a490169b7594d5..aaccaf4811ecd5 100644 --- a/packages/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPickerPage.tsx +++ b/packages/react-examples/src/react/WeeklyDayPicker/WeeklyDayPickerPage.tsx @@ -3,8 +3,8 @@ import { ExampleCard, ComponentPage, PropertiesTableSet } from '@fluentui/react- import { WeeklyDayPickerInlineExample } from './WeeklyDayPicker.Inline.Example'; import { WeeklyDayPickerInlineExpandableExample } from './WeeklyDayPicker.Inline.Expandable.Example'; -const WeeklyDayPickerInlineExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.Example.tsx') as string; -const WeeklyDayPickerInlineExpandableExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react-date-time/WeeklyDayPicker/WeeklyDayPicker.Inline.Expandable.Example.tsx') as string; +const WeeklyDayPickerInlineExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Inline.Example.tsx') as string; +const WeeklyDayPickerInlineExpandableExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/WeeklyDayPicker/WeeklyDayPicker.Inline.Expandable.Example.tsx') as string; export class WeeklyDayPickerPage extends React.Component<{}, {}> { public render(): JSX.Element { @@ -30,7 +30,7 @@ export class WeeklyDayPickerPage extends React.Component<{}, {}> { sources={[ require< string - >('!raw-loader?esModule=false!@fluentui/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.types.ts'), + >('!raw-loader?esModule=false!@fluentui/react/src/components/WeeklyDayPicker/WeeklyDayPicker.types.ts'), ]} /> } diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json index 6fd7c6587012ab..661d40ff29ac52 100644 --- a/packages/react-experiments/package.json +++ b/packages/react-experiments/package.json @@ -51,7 +51,6 @@ }, "dependencies": { "@fluentui/react": "^8.0.0-beta.50", - "@fluentui/react-internal": "^8.0.0-beta.44", "@fluentui/theme": "^2.0.0-beta.13", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.0.0-beta.3", diff --git a/packages/react-experiments/src/components/Button/Actionable/Actionable.styles.ts b/packages/react-experiments/src/components/Button/Actionable/Actionable.styles.ts index e7ba4bfa9f66a5..cfb2cba9da7121 100644 --- a/packages/react-experiments/src/components/Button/Actionable/Actionable.styles.ts +++ b/packages/react-experiments/src/components/Button/Actionable/Actionable.styles.ts @@ -1,4 +1,4 @@ -import { parseGap } from '@fluentui/react-internal/lib/components/Stack/StackUtils'; +import { parseGap } from '@fluentui/react/lib/components/Stack/StackUtils'; import { getFocusStyle, getGlobalClassNames, HighContrastSelector } from '../../../Styling'; import { IActionableComponent, IActionableStylesReturnType, IActionableTokenReturnType } from './Actionable.types'; diff --git a/packages/react-experiments/src/components/Button/Button.styles.ts b/packages/react-experiments/src/components/Button/Button.styles.ts index 02aaa776b711fa..10007b255bce77 100644 --- a/packages/react-experiments/src/components/Button/Button.styles.ts +++ b/packages/react-experiments/src/components/Button/Button.styles.ts @@ -1,4 +1,4 @@ -import { parseGap } from '@fluentui/react-internal/lib/components/Stack/StackUtils'; +import { parseGap } from '@fluentui/react/lib/components/Stack/StackUtils'; import { IButtonComponent, IButtonStylesReturnType, IButtonTokenReturnType } from './Button.types'; import { getFocusStyle, getGlobalClassNames, FontWeights, HighContrastSelector } from '../../Styling'; import { IsFocusVisibleClassName } from '../../Utilities'; diff --git a/packages/react-experiments/src/components/Button/ButtonVariants/CompoundButton.tsx b/packages/react-experiments/src/components/Button/ButtonVariants/CompoundButton.tsx index a99b30c893c098..3c617d166411f7 100644 --- a/packages/react-experiments/src/components/Button/ButtonVariants/CompoundButton.tsx +++ b/packages/react-experiments/src/components/Button/ButtonVariants/CompoundButton.tsx @@ -4,7 +4,7 @@ import { composed } from '@fluentui/foundation-legacy/lib/next/composed'; import { IComponent } from '@fluentui/foundation-legacy/lib/next/IComponent'; import { IComponentStyles, IStylesFunction, ITokenFunction } from '@fluentui/foundation-legacy'; import { Text, ITextStyles } from '@fluentui/react'; -import { parseGap } from '@fluentui/react-internal/lib/components/Stack/StackUtils'; +import { parseGap } from '@fluentui/react/lib/components/Stack/StackUtils'; import { HighContrastSelector } from '../../../Styling'; import { useButtonState as state } from '../Button.state'; import { ButtonStyles, ButtonTokens } from '../Button.styles'; diff --git a/packages/react-experiments/src/components/Pagination/Pagination.base.tsx b/packages/react-experiments/src/components/Pagination/Pagination.base.tsx index 421006e38b5061..b6f45decd062a0 100644 --- a/packages/react-experiments/src/components/Pagination/Pagination.base.tsx +++ b/packages/react-experiments/src/components/Pagination/Pagination.base.tsx @@ -6,7 +6,7 @@ import { IPaginationProps, IPaginationString, IPaginationStyleProps, IPagination import { ComboBox, IComboBoxOption, IComboBox } from '@fluentui/react/lib/ComboBox'; import { TooltipHost } from '@fluentui/react/lib/Tooltip'; import { IProcessedStyleSet } from '../../Styling'; -import { DirectionalHint } from '@fluentui/react-internal/lib/common/DirectionalHint'; +import { DirectionalHint } from '@fluentui/react/lib/common/DirectionalHint'; const getClassNames = classNamesFunction(); diff --git a/packages/react-internal/.npmignore b/packages/react-internal/.npmignore deleted file mode 100644 index 7fc556fac8db2a..00000000000000 --- a/packages/react-internal/.npmignore +++ /dev/null @@ -1,32 +0,0 @@ -*.api.json -*.config.js -*.log -*.nuspec -*.test.* -*.yml -.editorconfig -.eslintrc* -.eslintcache -.gitattributes -.gitignore -.vscode -coverage -dist/storybook -dist/*.stats.html -dist/*.stats.json -dist/demo -fabric-test* -gulpfile.js -images -index.html -jsconfig.json -node_modules -results -src/**/* -!src/**/*.types.ts -temp -tsconfig.json -tsd.json -tslint.json -typings -visualtests diff --git a/packages/react-internal/.vscode/settings.json b/packages/react-internal/.vscode/settings.json deleted file mode 100644 index 188a1fbb92278f..00000000000000 --- a/packages/react-internal/.vscode/settings.json +++ /dev/null @@ -1,38 +0,0 @@ -{ - // Controls the rendering size of tabs in characters. Accepted values: "auto", 2, 4, 6, etc. If set to "auto", the value will be guessed when a file is opened. - "editor.tabSize": 2, - // When opening a file, `editor.tabSize` and `editor.insertSpaces` will be detected based on the file contents. - "editor.detectIndentation": false, - // When enabled, will trim trailing whitespace when you save a file. - "files.trimTrailingWhitespace": true, - // Controls whether the editor should render whitespace characters - "editor.renderWhitespace": "all", - // Controls if the editor will insert spaces for tabs. Accepted values: "auto", true, false. If set to "auto", the value will be guessed when a file is opened. - "editor.insertSpaces": true, - "files.exclude": { - "**/.git": true, - "**/.DS_Store": true, - "**/coverage": true, - "**/*.scss.ts": true, - "**/.eslintcache": true - }, - // Configure glob patterns for excluding files and folders in searches. Inherits all glob patterns from the file.exclude setting. - "search.exclude": { - "**/node_modules": true, - "**/lib": true, - "**/lib-amd": true, - "**/lib-commonjs": true, - "**/dist": true, - "**/dist-storybook": true, - "**/*.scss.ts": true - }, - // Controls after how many characters the editor will wrap to the next line. Setting this to 0 turns on viewport width wrapping - "editor.wrappingColumn": 140, - "eslint.enable": true, - "eslint.workingDirectories": [{ "mode": "auto" }], // infer working directory based on .eslintrc/package.json location - // Defines space handling after opening and before closing JSX expression braces. Requires TypeScript >= 2.0.6. - "typescript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": true, - "editor.formatOnSave": true, - "typescript.tsdk": "../../node_modules/typescript/lib", - "jest.pathToJest": "./../../node_modules/.bin/jest" -} diff --git a/packages/react-internal/CHANGELOG.json b/packages/react-internal/CHANGELOG.json deleted file mode 100644 index 543954f0cdeb9b..00000000000000 --- a/packages/react-internal/CHANGELOG.json +++ /dev/null @@ -1,1046 +0,0 @@ -{ - "name": "@fluentui/react-internal", - "entries": [ - { - "date": "Tue, 09 Feb 2021 00:56:52 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.44", - "version": "8.0.0-beta.44", - "comments": { - "prerelease": [ - { - "comment": "Fixing modal Panel outer click issue", - "author": "ololubek@microsoft.com", - "commit": "e5458229c84393f83f794decc68e3b9a36d96fbb", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Fri, 05 Feb 2021 12:20:17 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.43", - "version": "8.0.0-beta.43", - "comments": { - "none": [ - { - "comment": "Removing redundant conformance tests from ComponentConformance.test and disabling component-handles-classname where necessary.", - "author": "czearing@outlook.com", - "commit": "0d0fe5677db29dc9c850a013d98fc381bc941f91", - "package": "@fluentui/react-internal" - }, - { - "comment": "Bump @fluentui/react-focus to v8.0.0-beta.18", - "author": "czearing@outlook.com", - "commit": "0d0fe5677db29dc9c850a013d98fc381bc941f91", - "package": "@fluentui/react-internal" - } - ], - "prerelease": [ - { - "comment": "Add missing HighContrast override to SplitButton", - "author": "andredias@microsoft.com", - "commit": "6cf32f99ceeea831227982cbe63e1e3e5c5be171", - "package": "@fluentui/react-internal" - }, - { - "comment": "Add missing styles for disabled buttons", - "author": "andredias@microsoft.com", - "commit": "8861d960cd98eed21ed8ca94293c9b0dba8a8070", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Wed, 03 Feb 2021 05:51:40 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.42", - "version": "8.0.0-beta.42", - "comments": { - "prerelease": [ - { - "comment": "Add high contrast overrides for the Separator", - "author": "andredias@microsoft.com", - "commit": "893af25f5fe707f24438bf9b8530cea896e432a3", - "package": "@fluentui/react-internal" - }, - { - "comment": "Checkbox: border is now visible when element is in focus in High Contrast White Mode", - "author": "tristan.watanabe@gmail.com", - "commit": "2e9c72c8b425341452e93c20e6ac34162d2edb38", - "package": "@fluentui/react-internal" - }, - { - "comment": "Update ColorPicker to announce clamping of RGBA values (#15855)", - "author": "jakubkonka@microsoft.com", - "commit": "aa9dd6faf0da0c86b0d84213c93d7573ec2d75ba", - "package": "@fluentui/react-internal" - } - ], - "none": [ - { - "comment": "refactor: remove unused .npmrc in packages", - "author": "hantatsang@gmail.com", - "commit": "c688ee2ea6f192c4874974ebf11598523ccf6db9", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Tue, 02 Feb 2021 12:21:54 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.41", - "version": "8.0.0-beta.41", - "comments": { - "prerelease": [ - { - "comment": "allow passing native properties to the root element of StackItem", - "author": "tristan.watanabe@gmail.com", - "commit": "f70a0143ec998a1e3b4820537dcee5325573f705", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Mon, 01 Feb 2021 12:23:48 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.40", - "version": "8.0.0-beta.40", - "comments": { - "prerelease": [ - { - "comment": "Remove react-theme-provider dependency from react package.", - "author": "xgao@microsoft.com", - "commit": "4f9fe37e9be56a7e2ceb81eec8dbe9f7aa6a64be", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moving Checkbox, Link, Pivot, Slider and Toggle from their respective @fluentui/react- packages back to @fluentui/react-internal.", - "author": "humbertomakotomorimoto@gmail.com", - "commit": "76f6043e4123577e17fecf64f536841bf543d32b", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Fri, 29 Jan 2021 12:21:00 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.39", - "version": "8.0.0-beta.39", - "comments": { - "prerelease": [ - { - "comment": "Tooltip: Fix positioning issues that can cause tooltip to flash/not render", - "author": "jspurlin@microsoft.com", - "commit": "922e0824b891cc1941ebaa23224c77c7a492113b", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Thu, 28 Jan 2021 12:25:56 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.38", - "version": "8.0.0-beta.38", - "comments": { - "none": [ - { - "comment": "Delete update-api script which is no longer needed", - "author": "elcraig@microsoft.com", - "commit": "943a9ef5768a9cd77ade84217d142f93b1be6127", - "package": "@fluentui/react-internal" - }, - { - "comment": "Remove sinon dependency", - "author": "elcraig@microsoft.com", - "commit": "6bd0ce75decd9f62c40967bd7a59bfff960a0105", - "package": "@fluentui/react-internal" - } - ], - "prerelease": [ - { - "comment": "Updating to webpack 5, latest typings, latest loaders and plugins.", - "author": "dzearing@microsoft.com", - "commit": "9c2c4a61c7d9eb8d153945ff57962118b569ea5b", - "package": "@fluentui/react-internal" - }, - { - "comment": "Clean up some prop comments and deprecated messages", - "author": "elcraig@microsoft.com", - "commit": "2e22b74a17aa6a8ce8d354730717b9517cdef7cd", - "package": "@fluentui/react-internal" - }, - { - "comment": "Update high contrast to support forced colors", - "author": "sareiff@microsoft.com", - "commit": "f9189e435dc8e73337ff40c54ac6af47567d9639", - "package": "@fluentui/react-internal" - }, - { - "comment": "Port delayed keytip fix to onKeytipUpdated", - "author": "keyou@microsoft.com", - "commit": "55dec9440316e0f33de7623d31da4540ea20add5", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Fri, 22 Jan 2021 12:24:49 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.36", - "version": "8.0.0-beta.36", - "comments": { - "prerelease": [ - { - "comment": "Added generic type for ISelectableOption interface", - "author": "ashwin.gokhale98@gmail.com", - "commit": "d6e9619f1679e6a526411c80eaddf6daeee45205", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Thu, 21 Jan 2021 12:36:12 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.35", - "version": "8.0.0-beta.35", - "comments": { - "prerelease": [ - { - "comment": "Set focus state in FocusTrapZone even if onFocus and onBlur do not bubble", - "author": "nsavas@microsoft.com", - "commit": "3edcbb8c0a92d19c48092e45ed96edd4d717be70", - "package": "@fluentui/react-internal" - }, - { - "comment": " Updating dev dependencies.", - "author": "dzearing@microsoft.com", - "commit": "f7813725750ecc893ca37792bbb004e554591279", - "package": "@fluentui/react-internal" - }, - { - "comment": "fix a typo in CalloutContent.base.tsx", - "author": "lin.zh.ming.27@gmail.com", - "commit": "dac7f1d8897162563d4985909299e64861932a22", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Wed, 20 Jan 2021 12:22:46 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.34", - "version": "8.0.0-beta.34", - "comments": { - "prerelease": [ - { - "comment": "Use GrayText for disabled Action Button in high contrast.", - "author": "mathew.olinger@outlook.com", - "commit": "4ad32be65728af8b75daa8386112349a636d1b14", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Mon, 18 Jan 2021 12:35:34 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.33", - "version": "8.0.0-beta.33", - "comments": { - "prerelease": [ - { - "comment": "Fixes TextField custom error message rendering", - "author": "sorgh@microsoft.com", - "commit": "0229138a8163f8544550bd64b21d1f3cddb85b1d", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Fri, 08 Jan 2021 12:32:12 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.30", - "version": "8.0.0-beta.30", - "comments": { - "prerelease": [ - { - "comment": "Fixes linux firefox persona/image rendering only the top left quarter of images (#16361)", - "author": "mhuan13@gmail.com", - "commit": "976f4540a49e6d5a7346187551346c9f3d079dbb", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Thu, 07 Jan 2021 12:35:30 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.29", - "version": "8.0.0-beta.29", - "comments": { - "prerelease": [ - { - "comment": "fix(Popup): use proper window from useWindow() hook", - "author": "olfedias@microsoft.com", - "commit": "aa34c48589728cf0ed77b856ddaee16e8ca5bfbe", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Thu, 31 Dec 2020 12:30:02 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.28", - "version": "8.0.0-beta.28", - "comments": { - "prerelease": [ - { - "comment": "Add calloutMinWidth props for Callout component", - "author": "qizheqi@microsoft.com", - "commit": "916d41f79900ceff3a11445f5cff74f8f6dceb3b", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Mon, 21 Dec 2020 12:28:34 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.27", - "version": "8.0.0-beta.27", - "comments": { - "prerelease": [ - { - "comment": "feat: add new property onRenderStar for Rating", - "author": "qiuya@microsoft.com", - "commit": "d7fdc9a9ffd9b23c9c467ac61360741af711353a", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Fri, 18 Dec 2020 12:27:55 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.26", - "version": "8.0.0-beta.26", - "comments": { - "prerelease": [ - { - "comment": "fix #15729: add type button to textfield of type password", - "author": "mirco.zeiss@gmail.com", - "commit": "7450653d3eaf15a5d6280c0871b415e5c5c03203", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Mon, 14 Dec 2020 12:27:38 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.25", - "version": "8.0.0-beta.25", - "comments": { - "prerelease": [ - { - "comment": "Pickers: add aria-label as an option to apply to the root combobox", - "author": "joschect@microsoft.com", - "commit": "c746068c40c5a4bc2df600dfa98def14cd819b65", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Wed, 09 Dec 2020 12:27:00 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.24", - "version": "8.0.0-beta.24", - "comments": { - "prerelease": [ - { - "comment": "fix narrator scan mode navigation for picker", - "author": "kuanubha@microsoft.com", - "commit": "d23cb36a3138a54a2286f0da38e0e8bde935187a", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Mon, 07 Dec 2020 12:29:34 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.23", - "version": "8.0.0-beta.23", - "comments": { - "prerelease": [ - { - "comment": "SpinButton: Add onChange", - "author": "elcraig@microsoft.com", - "commit": "259048336035be809c622b8fb0b149f60f7078fd", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Wed, 02 Dec 2020 12:37:40 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.21", - "version": "8.0.0-beta.21", - "comments": { - "prerelease": [ - { - "comment": "SpinButton: remove defaults for min and max", - "author": "elcraig@microsoft.com", - "commit": "71b6253e69d5faafeda96bf623f07bb7cd054464", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Tue, 01 Dec 2020 12:38:05 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.20", - "version": "8.0.0-beta.20", - "comments": { - "prerelease": [ - { - "comment": "SpinButton: Fix function component conversion issues revealed by eslint-plugin-react-hooks", - "author": "czearing@outlook.com", - "commit": "6210af1361f4af44fecf96a6238639d950db31c8", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Thu, 26 Nov 2020 12:28:18 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.19", - "version": "8.0.0-beta.19", - "comments": { - "prerelease": [ - { - "comment": "Only attempt to handle keydown event for tooltip close if the tooltip is currently open", - "author": "stefhan@microsoft.com", - "commit": "dcab0200c5ffcc731dfd40e1276e9146a582b5b2", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Tue, 24 Nov 2020 12:29:52 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.18", - "version": "8.0.0-beta.18", - "comments": { - "prerelease": [ - { - "comment": "Add interface for onRestoreFocus params", - "author": "elcraig@microsoft.com", - "commit": "5adfeff3d1ef72ab3621b8de323185b4855816b7", - "package": "@fluentui/react-internal" - }, - { - "comment": "SearchBox: Don't prevent Esc from propagating if the box is empty. Also fix infinite recursion in onKeyDown.", - "author": "behowell@microsoft.com", - "commit": "6629dd0f9847553a1cace45ff1331b9b56672a6c", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Mon, 23 Nov 2020 12:31:40 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.17", - "version": "8.0.0-beta.17", - "comments": { - "prerelease": [ - { - "comment": "Fixed SearchBox maximum call stack size on keydown", - "author": "richardkooiman@hotmail.com", - "commit": "8b8b621f2fcb6310ba651cd8365cf6deed1a12b2", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Fri, 20 Nov 2020 12:32:25 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.16", - "version": "8.0.0-beta.16", - "comments": { - "prerelease": [ - { - "comment": "Keyboard focus should be visible in selected footers in pickers in high contrast", - "author": "elvonspa@microsoft.com", - "commit": "07f9edb3f701781dd3439022520610c8cfba6d6e", - "package": "@fluentui/react-internal" - }, - { - "comment": "ContextualMenu: remove unnecessary resize check", - "author": "joschect@microsoft.com", - "commit": "b785b12fbea640582e06ef34f97785664453465f", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Thu, 19 Nov 2020 12:28:32 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.15", - "version": "8.0.0-beta.15", - "comments": { - "prerelease": [ - { - "comment": "improve Text variant style inheritance", - "author": "blaymist@gmail.com", - "commit": "a7727b31ea80eda2d346f80b5986162e8cacd63b", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Mon, 16 Nov 2020 12:31:52 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.12", - "version": "8.0.0-beta.12", - "comments": { - "prerelease": [ - { - "comment": "Avoid React.Children traversal for early return cases", - "author": "KevinTCoughlin@users.noreply.github.com", - "commit": "4a1eddf27492571a17d4934f34b613b33ee2fff4", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Fri, 13 Nov 2020 12:33:46 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.11", - "version": "8.0.0-beta.11", - "comments": { - "prerelease": [ - { - "comment": "Add support for ariaDescription in contextual menu items", - "author": "sareiff@microsoft.com", - "commit": "4270b4a2054bd89419dec726d6c6871b21f1e97b", - "package": "@fluentui/react-internal" - } - ], - "none": [ - { - "comment": "Fix react-internal.api.md.", - "author": "xgao@microsoft.com", - "commit": "27a282ef3a6d2a6729835d79a277fe7ac4101b78", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Wed, 11 Nov 2020 12:30:44 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.10", - "version": "8.0.0-beta.10", - "comments": { - "prerelease": [ - { - "comment": "Modify Persona example and tests to cover the new initials behavior", - "author": "elvonspa@microsoft.com", - "commit": "be9b211dc65086d9ce1194c25d0a88aade3428f1", - "package": "@fluentui/react-internal" - }, - { - "comment": "Add missing exports to API", - "author": "dahajek@microsoft.com", - "commit": "3abf8be25c9322d831a2bfdbd0ffc249ab72b4dc", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Tue, 10 Nov 2020 12:30:36 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.9", - "version": "8.0.0-beta.9", - "comments": { - "prerelease": [ - { - "comment": "Updating Modal to a function component within react-internal.", - "author": "czearing@outlook.com", - "commit": "08e6f5c341d0a11fba7917295fd2ffd3ffb0e9c3", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Fri, 06 Nov 2020 12:34:34 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.8", - "version": "8.0.0-beta.8", - "comments": { - "prerelease": [ - { - "comment": "ContextualMenu: Using MenuContext.Consumer to consume context pvovided by MenuButton.", - "author": "humbertomakotomorimoto@gmail.com", - "commit": "beb55393551e4e06a3864a6e2351c7cad7777dd6", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Tue, 03 Nov 2020 12:32:23 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.7", - "version": "8.0.0-beta.7", - "comments": { - "prerelease": [ - { - "comment": "Layer: fix not rendering into targeted host element defined by hostId prop.", - "author": "xgao@microsoft.com", - "commit": "f17bf808e08939ad938b3645425b8f7db1de9363", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Mon, 02 Nov 2020 12:32:47 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.6", - "version": "8.0.0-beta.6", - "comments": { - "prerelease": [ - { - "comment": "Update SpinButton to inherit Fabric font styles.", - "author": "lesliewilliams234@gmail.com", - "commit": "5f73b2cd4cc8e9319888cd90551610e72dff2648", - "package": "@fluentui/react-internal" - }, - { - "comment": "Remove references to custom Omit helper", - "author": "elcraig@microsoft.com", - "commit": "2858fcaf942682621467b87aaef5d1be47f8ce47", - "package": "@fluentui/react-internal" - }, - { - "comment": "SplitButton: Fix ariaDescription behavior so that it is correctly picked up by screen-readers.", - "author": "humbertomakotomorimoto@gmail.com", - "commit": "212441011d8e637c77a50e20280e517762553868", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Thu, 29 Oct 2020 12:34:59 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.5", - "version": "8.0.0-beta.5", - "comments": { - "prerelease": [ - { - "comment": "Export all from react-window-provider.", - "author": "xgao@microsoft.com", - "commit": "1b963c69f47a8eb69e4b79319fcfe060a9d2749c", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Wed, 28 Oct 2020 12:32:24 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.4", - "version": "8.0.0-beta.4", - "comments": { - "prerelease": [ - { - "comment": "Port TextField reveal password feature to master", - "author": "elcraig@microsoft.com", - "commit": "117d6ff2a1def8d26e93822c1baf05fbf4f7e865", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Tue, 27 Oct 2020 12:35:09 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.3", - "version": "8.0.0-beta.3", - "comments": { - "prerelease": [ - { - "comment": "ResizeGroup: Improve perf by making sure resize data state change is batched.", - "author": "xgao@microsoft.com", - "commit": "f67490d9a7c81323c4358c3f5a40b36b758b7439", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Mon, 26 Oct 2020 12:39:59 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.2", - "version": "8.0.0-beta.2", - "comments": { - "none": [ - { - "comment": "Remove incorrect usage of expect.toBeDefined + add missing act() in tests", - "author": "elcraig@microsoft.com", - "commit": "1491aa2a78a528064e2b33df46f6c864be878403", - "package": "@fluentui/react-internal" - } - ], - "prerelease": [ - { - "comment": "Adding a forwardRef to Separator within react-internal.", - "author": "czearing@outlook.com", - "commit": "8a3c81a98246558bdb80b05e1f1acf32eab34509", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Fri, 23 Oct 2020 23:25:40 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.1", - "version": "8.0.0-beta.1", - "comments": { - "prerelease": [ - { - "comment": "SelectionZone: Adding an optional className prop", - "author": "nebhatna@microsoft.com", - "commit": "4da219bab9f1ea95e24ec1b7742e46f457a271c9", - "package": "@fluentui/react-internal" - } - ] - } - }, - { - "date": "Fri, 23 Oct 2020 03:26:15 GMT", - "tag": "@fluentui/react-internal_v8.0.0-beta.0", - "version": "8.0.0-beta.0", - "comments": { - "prerelease": [ - { - "comment": "Add react-internal package", - "author": "elcraig@microsoft.com", - "commit": "c23194868dfef332395fef60df74d2e86dff7241", - "package": "@fluentui/react-internal" - }, - { - "comment": "Example updates.", - "author": "dzearing@hotmail.com", - "commit": "eff1a9885b9d67c6d811babc657fa1df778c16ac", - "package": "@fluentui/react-internal" - }, - { - "comment": "Export @fluentui/theme and react-theme-provider. Remove Foundation exports.", - "author": "xgao@microsoft.com", - "commit": "243797ca03e441815346d862be493bc8f9edadc3", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moving FocusTrapZone and Modal from react-next to react-internal.", - "author": "humbertomakotomorimoto@gmail.com", - "commit": "5e0957143308b2d1a3b49d0085b4a06eaf300404", - "package": "@fluentui/react-internal" - }, - { - "comment": "Move TextField \"next\" changes back to main package", - "author": "elcraig@microsoft.com", - "commit": "02a94bd839b1b96f4b86bccdddd50cc8973ce3e0", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moving SwatchColorPicker and ButtonGrid from react-next to react-internal.", - "author": "czearing@outlook.com", - "commit": "4dbb92f6c59e79fcc22c6d7a418f918af992ecf3", - "package": "@fluentui/react-internal" - }, - { - "comment": "Move ChoiceGroup v8 changes to react", - "author": "elcraig@microsoft.com", - "commit": "e75f6dadead8d459709d6444de4673d45d9ec755", - "package": "@fluentui/react-internal" - }, - { - "comment": "move Image component from react-next to react-internal", - "author": "ololubek@microsoft.com", - "commit": "b68d1f4be307f294f374fcb81176aaeab0d0010a", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moving react-next SearchBox to react-internal.", - "author": "czearing@outlook.com", - "commit": "6a007733fedfc986e81993cba67418e1b62db8a0", - "package": "@fluentui/react-internal" - }, - { - "comment": "move persona to react-internal", - "author": "joschect@microsoft.com", - "commit": "8677503dc01a117c95d5d47514a3ee02737e15fd", - "package": "@fluentui/react-internal" - }, - { - "comment": "Move Fabric from react-next to react-internal", - "author": "ololubek@microsoft.com", - "commit": "dbc58b74b99c3551085294cc794dda503040245a", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moving react-next OverflowSet to react-internal package.", - "author": "czearing@outlook.com", - "commit": "87409628a4747b842b80f07c363216fff91f43d3", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moving react-next MessageBar to react-internal.", - "author": "czearing@outlook.com", - "commit": "8e1d372b8d5e169d8c3deffb0710402638fff723", - "package": "@fluentui/react-internal" - }, - { - "comment": "Move v8 Rating changes to from react-next to react", - "author": "elcraig@microsoft.com", - "commit": "1eff0e0d24d99c9feaf5b4dc9e7d6d1763e19498", - "package": "@fluentui/react-internal" - }, - { - "comment": "Move v8 Coachmark changes from react-next to react", - "author": "elcraig@microsoft.com", - "commit": "44f5d80c54e799bd141a032c42076cd0c3e32d98", - "package": "@fluentui/react-internal" - }, - { - "comment": "Move v8 ResizeGroup changes from react-next to react", - "author": "elcraig@microsoft.com", - "commit": "4ccb2589b0e75579b9952dd883894238cd1f6578", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moving react-next Shimmer to react-internal package.", - "author": "czearing@outlook.com", - "commit": "d5d1c22eb351d5392fb87a45af4698d2ddef352f", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moving react-next SpinButton to react-internal.", - "author": "czearing@outlook.com", - "commit": "bd50a5fc2b18de7fb09bc9781f179698d5451b76", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moving react-next TeachingBubble to react-internal package.", - "author": "czearing@outlook.com", - "commit": "bbef6869c91cf388b5a1e7f33a869ef23476973c", - "package": "@fluentui/react-internal" - }, - { - "comment": "ContextualMenu: Move to react-internal", - "author": "joschect@microsoft.com", - "commit": "dc7b95861268b740712290edb89b3571f487be9b", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moving react-next SelectedItemsList to react-internal package.", - "author": "czearing@outlook.com", - "commit": "5f106c170b4e0fb127c5701b1a40fa25ebdcb79e", - "package": "@fluentui/react-internal" - }, - { - "comment": "Popup: Replacing version in react-internal with version from react-next.", - "author": "humbertomakotomorimoto@gmail.com", - "commit": "1e626b101db22df0f12bf04f42be6e94c1c5fdcb", - "package": "@fluentui/react-internal" - }, - { - "comment": "FloatingPickers: Move to react-internal", - "author": "joschect@microsoft.com", - "commit": "608304dc4858fab42de9a0d3fb3d89a88c7c01ea", - "package": "@fluentui/react-internal" - }, - { - "comment": "Callout: move to react-internal", - "author": "joschect@microsoft.com", - "commit": "510eb448ee82222e43b4dd1fc3b423e5c0b1aba9", - "package": "@fluentui/react-internal" - }, - { - "comment": "Remove unneeded package dependencies.", - "author": "xgao@microsoft.com", - "commit": "9775badfc989f8820a437367a53f761cc3ca7512", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moving react-next Layer into react-internal package.", - "author": "czearing@outlook.com", - "commit": "cbcf1510c6fcb5ea2c76ecb810a6546ab0209659", - "package": "@fluentui/react-internal" - }, - { - "comment": "Combobox: Move combobox to react", - "author": "joschect@microsoft.com", - "commit": "fc06f6cfa90237fed072b417e8783f8472aa651c", - "package": "@fluentui/react-internal" - }, - { - "comment": "Re-export FocusZone directly from react-focus", - "author": "elcraig@microsoft.com", - "commit": "8a2f70b3fc0fc4da01b07429312ca8b0763c6c85", - "package": "@fluentui/react-internal" - }, - { - "comment": "Don't ship a bundle of this package alone", - "author": "elcraig@microsoft.com", - "commit": "aec02d96e7cef745e9867c03a528426a5ad28038", - "package": "@fluentui/react-internal" - }, - { - "comment": "SpinButton: fix component typing, ref and remove keytipProps.", - "author": "xgao@microsoft.com", - "commit": "1f144cef92621ad25f625f587d1ea1b6831d6e64", - "package": "@fluentui/react-internal" - }, - { - "comment": "Deprecate Fabric.", - "author": "xgao@microsoft.com", - "commit": "10a51aeeeb8071a4b289a39ab55eb8b030d91439", - "package": "@fluentui/react-internal" - }, - { - "comment": "Stop publishing shared scss and css in react-internal", - "author": "elcraig@microsoft.com", - "commit": "d2fedc85c81bb0e2d86495ec1e928604bf2260f4", - "package": "@fluentui/react-internal" - }, - { - "comment": "Changing BaseButton's wrapper span to a fragment.", - "author": "czearing@outlook.com", - "commit": "b4472b18090f070d8ab97d3949baa4b1f960720f", - "package": "@fluentui/react-internal" - }, - { - "comment": "Rename @uifabric/styling to @fluentui/style-utilities", - "author": "elcraig@microsoft.com", - "commit": "5158b5e4050cb04e9c22e0d5292cd96cc674746e", - "package": "@fluentui/react-internal" - }, - { - "comment": "Export getMenuStyles from ContextualMenu", - "author": "xgao@microsoft.com", - "commit": "313cd4c76b18c57938b0abacb07f55d14ec30e46", - "package": "@fluentui/react-internal" - }, - { - "comment": "Moves Button export to compat folder.", - "author": "humbertomakotomorimoto@gmail.com", - "commit": "9c92b506d8139d1ab596caaec276774d9ae27b81", - "package": "@fluentui/react-internal" - }, - { - "comment": "rename @uifabric/foundation to @fluentui/foundation-legacy", - "author": "xgao@microsoft.com", - "commit": "ddb628724b27b6be3d430ea0a7b728ac9adfb8ec", - "package": "@fluentui/react-internal" - }, - { - "comment": "Rename @uifabric/icons to @fluentui/font-icons-mdl2", - "author": "ololubek@microsoft.com", - "commit": "d3bafa5b1bd0cc45ce7ba9c7888d4b670b512feb", - "package": "@fluentui/react-internal" - }, - { - "comment": "CommandBar: Fixing incorrect aria role.", - "author": "humbertomakotomorimoto@gmail.com", - "commit": "07e487070b38576d7e7a203ef78243be9b0289d3", - "package": "@fluentui/react-internal" - }, - { - "comment": "Rename @uifabric/set-version to @fluentui/set-version", - "author": "ololubek@microsoft.com", - "commit": "2eba5d5be163a7a64975f058dc38b465f2363064", - "package": "@fluentui/react-internal" - }, - { - "comment": "SearchBox: Making role on root div opt in.", - "author": "humbertomakotomorimoto@gmail.com", - "commit": "b14a4ed22b4ea4cd45fa09a4a34f9ccfe71d32dd", - "package": "@fluentui/react-internal" - }, - { - "comment": "Adding a forwardRef to Check (ref-conformance)", - "author": "czearing@outlook.com", - "commit": "6012a4f6d9677b3204e474540aca87b1e2599b2b", - "package": "@fluentui/react-internal" - }, - { - "comment": "Adding a forwardRef to ContextualMenu (ref-conformance)", - "author": "czearing@outlook.com", - "commit": "96fba5ad5cc6621c043b038f50804cbb55e9b156", - "package": "@fluentui/react-internal" - }, - { - "comment": "Rename @uifabric/example-date to @fluentui/example-data", - "author": "ololubek@microsoft.com", - "commit": "44c0b9f00e42bbbc2f470caa9b1b88dbbf0b3844", - "package": "@fluentui/react-internal" - }, - { - "comment": "Rename @uifabric/merge-styles to @fluentui/merge-styles", - "author": "ololubek@microsoft.com", - "commit": "30c25030ee043ded4a2afb86c7eb02a506ce9fdb", - "package": "@fluentui/react-internal" - }, - { - "comment": "Rename @uifabric/react-hooks to @fluentui/react-hooks & @uifabric/utilities to @fluentui/utilities", - "author": "ololubek@microsoft.com", - "commit": "c6ae2b350037deb4e0bea07cdbdfe2e93455f4b1", - "package": "@fluentui/react-internal" - }, - { - "comment": "ChoiceGroup option props cleanup", - "author": "elcraig@microsoft.com", - "commit": "fb8773239fa9476ab3dff28a483a1c758dac99ba", - "package": "@fluentui/react-internal" - }, - { - "comment": "Delete old Calendar and DatePicker", - "author": "elcraig@microsoft.com", - "commit": "c838c580546dffb42b3eda95f55899c93c14b396", - "package": "@fluentui/react-internal" - }, - { - "comment": "Adding a forwardRef to VerticalDivider within react-internal.", - "author": "czearing@outlook.com", - "commit": "67dfbd8018abe69426514a95cde33b3928cdb1b0", - "package": "@fluentui/react-internal" - } - ], - "none": [ - { - "comment": "Removing unused eslint-disable-next-line no-explicit-any rules from TextField.test.tsx", - "author": "czearing@outlook.com", - "commit": "66ba3997a888bc97e0ec33fc752f3be553d5ccf0", - "package": "@fluentui/react-internal" - }, - { - "comment": "Implementing ref conformance tests.", - "author": "czearing@outlook.com", - "commit": "1daae9cb3c49e7254fe8f92228d64298cdec95db", - "package": "@fluentui/react-internal" - }, - { - "comment": "Removing unused disabled eslint rules from react-internal package.", - "author": "czearing@outlook.com", - "commit": "1020e8c78a40a77d10c7f498731cf3f51f7c76b9", - "package": "@fluentui/react-internal" - }, - { - "comment": "Rename build-related packages", - "author": "elcraig@microsoft.com", - "commit": "32a158fd2c7fca8dc308a3e41f692817e6c26c44", - "package": "@fluentui/react-internal" - }, - { - "comment": "Update package version for @fluentui/react version 8 beta release.", - "author": "xgao@microsoft.com", - "commit": "ee2622a8572c11f1eeb9d7f1c8d759d6ae0281ca", - "package": "@fluentui/react-internal" - } - ] - } - } - ] -} diff --git a/packages/react-internal/CHANGELOG.md b/packages/react-internal/CHANGELOG.md deleted file mode 100644 index c4b55625e00c38..00000000000000 --- a/packages/react-internal/CHANGELOG.md +++ /dev/null @@ -1,417 +0,0 @@ -# Change Log - @fluentui/react-internal - -This log was last generated on Tue, 09 Feb 2021 00:56:52 GMT and should not be manually modified. - - - -## [8.0.0-beta.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.44) - -Tue, 09 Feb 2021 00:56:52 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.43..@fluentui/react-internal_v8.0.0-beta.44) - -### Changes - -- Fixing modal Panel outer click issue ([PR #16835](https://github.com/microsoft/fluentui/pull/16835) by ololubek@microsoft.com) - -## [8.0.0-beta.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.43) - -Fri, 05 Feb 2021 12:20:17 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.42..@fluentui/react-internal_v8.0.0-beta.43) - -### Changes - -- Add missing HighContrast override to SplitButton ([PR #16792](https://github.com/microsoft/fluentui/pull/16792) by andredias@microsoft.com) -- Add missing styles for disabled buttons ([PR #16794](https://github.com/microsoft/fluentui/pull/16794) by andredias@microsoft.com) - -## [8.0.0-beta.42](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.42) - -Wed, 03 Feb 2021 05:51:40 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.41..@fluentui/react-internal_v8.0.0-beta.42) - -### Changes - -- Add high contrast overrides for the Separator ([PR #16705](https://github.com/microsoft/fluentui/pull/16705) by andredias@microsoft.com) -- Checkbox: border is now visible when element is in focus in High Contrast White Mode ([PR #16739](https://github.com/microsoft/fluentui/pull/16739) by tristan.watanabe@gmail.com) -- Update ColorPicker to announce clamping of RGBA values (#15855) ([PR #16709](https://github.com/microsoft/fluentui/pull/16709) by jakubkonka@microsoft.com) - -## [8.0.0-beta.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.41) - -Tue, 02 Feb 2021 12:21:54 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.40..@fluentui/react-internal_v8.0.0-beta.41) - -### Changes - -- allow passing native properties to the root element of StackItem ([PR #16719](https://github.com/microsoft/fluentui/pull/16719) by tristan.watanabe@gmail.com) - -## [8.0.0-beta.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.40) - -Mon, 01 Feb 2021 12:23:48 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.39..@fluentui/react-internal_v8.0.0-beta.40) - -### Changes - -- Remove react-theme-provider dependency from react package. ([PR #16698](https://github.com/microsoft/fluentui/pull/16698) by xgao@microsoft.com) -- Moving Checkbox, Link, Pivot, Slider and Toggle from their respective @fluentui/react- packages back to @fluentui/react-internal. ([PR #16701](https://github.com/microsoft/fluentui/pull/16701) by humbertomakotomorimoto@gmail.com) - -## [8.0.0-beta.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.39) - -Fri, 29 Jan 2021 12:21:00 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.38..@fluentui/react-internal_v8.0.0-beta.39) - -### Changes - -- Tooltip: Fix positioning issues that can cause tooltip to flash/not render ([PR #16541](https://github.com/microsoft/fluentui/pull/16541) by jspurlin@microsoft.com) - -## [8.0.0-beta.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.38) - -Thu, 28 Jan 2021 12:25:56 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.36..@fluentui/react-internal_v8.0.0-beta.38) - -### Changes - -- Updating to webpack 5, latest typings, latest loaders and plugins. ([PR #16447](https://github.com/microsoft/fluentui/pull/16447) by dzearing@microsoft.com) -- Clean up some prop comments and deprecated messages ([PR #16555](https://github.com/microsoft/fluentui/pull/16555) by elcraig@microsoft.com) -- Update high contrast to support forced colors ([PR #16595](https://github.com/microsoft/fluentui/pull/16595) by sareiff@microsoft.com) -- Port delayed keytip fix to onKeytipUpdated ([PR #16614](https://github.com/microsoft/fluentui/pull/16614) by keyou@microsoft.com) - -## [8.0.0-beta.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.36) - -Fri, 22 Jan 2021 12:24:49 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.35..@fluentui/react-internal_v8.0.0-beta.36) - -### Changes - -- Added generic type for ISelectableOption interface ([PR #15488](https://github.com/microsoft/fluentui/pull/15488) by ashwin.gokhale98@gmail.com) - -## [8.0.0-beta.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.35) - -Thu, 21 Jan 2021 12:36:12 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.34..@fluentui/react-internal_v8.0.0-beta.35) - -### Changes - -- Set focus state in FocusTrapZone even if onFocus and onBlur do not bubble ([PR #15804](https://github.com/microsoft/fluentui/pull/15804) by nsavas@microsoft.com) -- Updating dev dependencies. ([PR #16548](https://github.com/microsoft/fluentui/pull/16548) by dzearing@microsoft.com) -- fix a typo in CalloutContent.base.tsx ([PR #15865](https://github.com/microsoft/fluentui/pull/15865) by lin.zh.ming.27@gmail.com) - -## [8.0.0-beta.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.34) - -Wed, 20 Jan 2021 12:22:46 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.33..@fluentui/react-internal_v8.0.0-beta.34) - -### Changes - -- Use GrayText for disabled Action Button in high contrast. ([PR #16188](https://github.com/microsoft/fluentui/pull/16188) by mathew.olinger@outlook.com) - -## [8.0.0-beta.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.33) - -Mon, 18 Jan 2021 12:35:34 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.30..@fluentui/react-internal_v8.0.0-beta.33) - -### Changes - -- Fixes TextField custom error message rendering ([PR #16487](https://github.com/microsoft/fluentui/pull/16487) by sorgh@microsoft.com) - -## [8.0.0-beta.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.30) - -Fri, 08 Jan 2021 12:32:12 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.29..@fluentui/react-internal_v8.0.0-beta.30) - -### Changes - -- Fixes linux firefox persona/image rendering only the top left quarter of images (#16361) ([PR #16370](https://github.com/microsoft/fluentui/pull/16370) by mhuan13@gmail.com) - -## [8.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.29) - -Thu, 07 Jan 2021 12:35:30 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.28..@fluentui/react-internal_v8.0.0-beta.29) - -### Changes - -- fix(Popup): use proper window from useWindow() hook ([PR #16394](https://github.com/microsoft/fluentui/pull/16394) by olfedias@microsoft.com) - -## [8.0.0-beta.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.28) - -Thu, 31 Dec 2020 12:30:02 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.27..@fluentui/react-internal_v8.0.0-beta.28) - -### Changes - -- Add calloutMinWidth props for Callout component ([PR #16298](https://github.com/microsoft/fluentui/pull/16298) by qizheqi@microsoft.com) - -## [8.0.0-beta.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.27) - -Mon, 21 Dec 2020 12:28:34 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.26..@fluentui/react-internal_v8.0.0-beta.27) - -### Changes - -- feat: add new property onRenderStar for Rating ([PR #15994](https://github.com/microsoft/fluentui/pull/15994) by qiuya@microsoft.com) - -## [8.0.0-beta.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.26) - -Fri, 18 Dec 2020 12:27:55 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.25..@fluentui/react-internal_v8.0.0-beta.26) - -### Changes - -- fix #15729: add type button to textfield of type password ([PR #15949](https://github.com/microsoft/fluentui/pull/15949) by mirco.zeiss@gmail.com) - -## [8.0.0-beta.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.25) - -Mon, 14 Dec 2020 12:27:38 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.24..@fluentui/react-internal_v8.0.0-beta.25) - -### Changes - -- Pickers: add aria-label as an option to apply to the root combobox ([PR #16187](https://github.com/microsoft/fluentui/pull/16187) by joschect@microsoft.com) - -## [8.0.0-beta.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.24) - -Wed, 09 Dec 2020 12:27:00 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.23..@fluentui/react-internal_v8.0.0-beta.24) - -### Changes - -- fix narrator scan mode navigation for picker ([PR #16177](https://github.com/microsoft/fluentui/pull/16177) by kuanubha@microsoft.com) - -## [8.0.0-beta.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.23) - -Mon, 07 Dec 2020 12:29:34 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.21..@fluentui/react-internal_v8.0.0-beta.23) - -### Changes - -- SpinButton: Add onChange ([PR #16137](https://github.com/microsoft/fluentui/pull/16137) by elcraig@microsoft.com) - -## [8.0.0-beta.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.21) - -Wed, 02 Dec 2020 12:37:40 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.20..@fluentui/react-internal_v8.0.0-beta.21) - -### Changes - -- SpinButton: remove defaults for min and max ([PR #16109](https://github.com/microsoft/fluentui/pull/16109) by elcraig@microsoft.com) - -## [8.0.0-beta.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.20) - -Tue, 01 Dec 2020 12:38:05 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.19..@fluentui/react-internal_v8.0.0-beta.20) - -### Changes - -- SpinButton: Fix function component conversion issues revealed by eslint-plugin-react-hooks ([PR #15431](https://github.com/microsoft/fluentui/pull/15431) by czearing@outlook.com) - -## [8.0.0-beta.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.19) - -Thu, 26 Nov 2020 12:28:18 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.18..@fluentui/react-internal_v8.0.0-beta.19) - -### Changes - -- Only attempt to handle keydown event for tooltip close if the tooltip is currently open ([PR #16011](https://github.com/microsoft/fluentui/pull/16011) by stefhan@microsoft.com) - -## [8.0.0-beta.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.18) - -Tue, 24 Nov 2020 12:29:52 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.17..@fluentui/react-internal_v8.0.0-beta.18) - -### Changes - -- Add interface for onRestoreFocus params ([PR #15941](https://github.com/microsoft/fluentui/pull/15941) by elcraig@microsoft.com) -- SearchBox: Don't prevent Esc from propagating if the box is empty. Also fix infinite recursion in onKeyDown. ([PR #16018](https://github.com/microsoft/fluentui/pull/16018) by behowell@microsoft.com) - -## [8.0.0-beta.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.17) - -Mon, 23 Nov 2020 12:31:40 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.16..@fluentui/react-internal_v8.0.0-beta.17) - -### Changes - -- Fixed SearchBox maximum call stack size on keydown ([PR #16028](https://github.com/microsoft/fluentui/pull/16028) by richardkooiman@hotmail.com) - -## [8.0.0-beta.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.16) - -Fri, 20 Nov 2020 12:32:25 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.15..@fluentui/react-internal_v8.0.0-beta.16) - -### Changes - -- Keyboard focus should be visible in selected footers in pickers in high contrast ([PR #15985](https://github.com/microsoft/fluentui/pull/15985) by elvonspa@microsoft.com) -- ContextualMenu: remove unnecessary resize check ([PR #15584](https://github.com/microsoft/fluentui/pull/15584) by joschect@microsoft.com) - -## [8.0.0-beta.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.15) - -Thu, 19 Nov 2020 12:28:32 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.12..@fluentui/react-internal_v8.0.0-beta.15) - -### Changes - -- improve Text variant style inheritance ([PR #15942](https://github.com/microsoft/fluentui/pull/15942) by blaymist@gmail.com) - -## [8.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.12) - -Mon, 16 Nov 2020 12:31:52 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.11..@fluentui/react-internal_v8.0.0-beta.12) - -### Changes - -- Avoid React.Children traversal for early return cases ([PR #15503](https://github.com/microsoft/fluentui/pull/15503) by KevinTCoughlin@users.noreply.github.com) - -## [8.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.11) - -Fri, 13 Nov 2020 12:33:46 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.10..@fluentui/react-internal_v8.0.0-beta.11) - -### Changes - -- Add support for ariaDescription in contextual menu items ([PR #15770](https://github.com/microsoft/fluentui/pull/15770) by sareiff@microsoft.com) - -## [8.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.10) - -Wed, 11 Nov 2020 12:30:44 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.9..@fluentui/react-internal_v8.0.0-beta.10) - -### Changes - -- Modify Persona example and tests to cover the new initials behavior ([PR #15880](https://github.com/microsoft/fluentui/pull/15880) by elvonspa@microsoft.com) -- Add missing exports to API ([PR #15882](https://github.com/microsoft/fluentui/pull/15882) by dahajek@microsoft.com) - -## [8.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.9) - -Tue, 10 Nov 2020 12:30:36 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.8..@fluentui/react-internal_v8.0.0-beta.9) - -### Changes - -- Updating Modal to a function component within react-internal. ([PR #15569](https://github.com/microsoft/fluentui/pull/15569) by czearing@outlook.com) - -## [8.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.8) - -Fri, 06 Nov 2020 12:34:34 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.7..@fluentui/react-internal_v8.0.0-beta.8) - -### Changes - -- ContextualMenu: Using MenuContext.Consumer to consume context pvovided by MenuButton. ([PR #15826](https://github.com/microsoft/fluentui/pull/15826) by humbertomakotomorimoto@gmail.com) - -## [8.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.7) - -Tue, 03 Nov 2020 12:32:23 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.6..@fluentui/react-internal_v8.0.0-beta.7) - -### Changes - -- Layer: fix not rendering into targeted host element defined by hostId prop. ([PR #15756](https://github.com/microsoft/fluentui/pull/15756) by xgao@microsoft.com) - -## [8.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.6) - -Mon, 02 Nov 2020 12:32:47 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.5..@fluentui/react-internal_v8.0.0-beta.6) - -### Changes - -- Update SpinButton to inherit Fabric font styles. ([PR #15724](https://github.com/microsoft/fluentui/pull/15724) by lesliewilliams234@gmail.com) -- Remove references to custom Omit helper ([PR #15790](https://github.com/microsoft/fluentui/pull/15790) by elcraig@microsoft.com) -- SplitButton: Fix ariaDescription behavior so that it is correctly picked up by screen-readers. ([PR #15797](https://github.com/microsoft/fluentui/pull/15797) by humbertomakotomorimoto@gmail.com) - -## [8.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.5) - -Thu, 29 Oct 2020 12:34:59 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.4..@fluentui/react-internal_v8.0.0-beta.5) - -### Changes - -- Export all from react-window-provider. ([PR #15738](https://github.com/microsoft/fluentui/pull/15738) by xgao@microsoft.com) - -## [8.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.4) - -Wed, 28 Oct 2020 12:32:24 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.3..@fluentui/react-internal_v8.0.0-beta.4) - -### Changes - -- Port TextField reveal password feature to master ([PR #15720](https://github.com/microsoft/fluentui/pull/15720) by elcraig@microsoft.com) - -## [8.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.3) - -Tue, 27 Oct 2020 12:35:09 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.2..@fluentui/react-internal_v8.0.0-beta.3) - -### Changes - -- ResizeGroup: Improve perf by making sure resize data state change is batched. ([PR #15701](https://github.com/microsoft/fluentui/pull/15701) by xgao@microsoft.com) - -## [8.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.2) - -Mon, 26 Oct 2020 12:39:59 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.1..@fluentui/react-internal_v8.0.0-beta.2) - -### Changes - -- Adding a forwardRef to Separator within react-internal. ([PR #15678](https://github.com/microsoft/fluentui/pull/15678) by czearing@outlook.com) - -## [8.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.1) - -Fri, 23 Oct 2020 23:25:40 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.0..@fluentui/react-internal_v8.0.0-beta.1) - -### Changes - -- SelectionZone: Adding an optional className prop ([PR #15652](https://github.com/microsoft/fluentui/pull/15652) by nebhatna@microsoft.com) - -## [8.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-internal_v8.0.0-beta.0) - -Fri, 23 Oct 2020 03:26:15 GMT - -### Changes - -- Add react-internal package ([PR #15271](https://github.com/microsoft/fluentui/pull/15271) by elcraig@microsoft.com) -- Example updates. ([PR #15337](https://github.com/microsoft/fluentui/pull/15337) by dzearing@hotmail.com) -- Export @fluentui/theme and react-theme-provider. Remove Foundation exports. ([PR #15354](https://github.com/microsoft/fluentui/pull/15354) by xgao@microsoft.com) -- Moving FocusTrapZone and Modal from react-next to react-internal. ([PR #15368](https://github.com/microsoft/fluentui/pull/15368) by humbertomakotomorimoto@gmail.com) -- Move TextField "next" changes back to main package ([PR #15370](https://github.com/microsoft/fluentui/pull/15370) by elcraig@microsoft.com) -- Moving SwatchColorPicker and ButtonGrid from react-next to react-internal. ([PR #15373](https://github.com/microsoft/fluentui/pull/15373) by czearing@outlook.com) -- Move ChoiceGroup v8 changes to react ([PR #15387](https://github.com/microsoft/fluentui/pull/15387) by elcraig@microsoft.com) -- move Image component from react-next to react-internal ([PR #15367](https://github.com/microsoft/fluentui/pull/15367) by ololubek@microsoft.com) -- Moving react-next SearchBox to react-internal. ([PR #15385](https://github.com/microsoft/fluentui/pull/15385) by czearing@outlook.com) -- move persona to react-internal ([PR #15386](https://github.com/microsoft/fluentui/pull/15386) by joschect@microsoft.com) -- Move Fabric from react-next to react-internal ([PR #15388](https://github.com/microsoft/fluentui/pull/15388) by ololubek@microsoft.com) -- Moving react-next OverflowSet to react-internal package. ([PR #15389](https://github.com/microsoft/fluentui/pull/15389) by czearing@outlook.com) -- Moving react-next MessageBar to react-internal. ([PR #15393](https://github.com/microsoft/fluentui/pull/15393) by czearing@outlook.com) -- Move v8 Rating changes to from react-next to react ([PR #15398](https://github.com/microsoft/fluentui/pull/15398) by elcraig@microsoft.com) -- Move v8 Coachmark changes from react-next to react ([PR #15400](https://github.com/microsoft/fluentui/pull/15400) by elcraig@microsoft.com) -- Move v8 ResizeGroup changes from react-next to react ([PR #15401](https://github.com/microsoft/fluentui/pull/15401) by elcraig@microsoft.com) -- Moving react-next Shimmer to react-internal package. ([PR #15407](https://github.com/microsoft/fluentui/pull/15407) by czearing@outlook.com) -- Moving react-next SpinButton to react-internal. ([PR #15408](https://github.com/microsoft/fluentui/pull/15408) by czearing@outlook.com) -- Moving react-next TeachingBubble to react-internal package. ([PR #15411](https://github.com/microsoft/fluentui/pull/15411) by czearing@outlook.com) -- ContextualMenu: Move to react-internal ([PR #15448](https://github.com/microsoft/fluentui/pull/15448) by joschect@microsoft.com) -- Moving react-next SelectedItemsList to react-internal package. ([PR #15430](https://github.com/microsoft/fluentui/pull/15430) by czearing@outlook.com) -- Popup: Replacing version in react-internal with version from react-next. ([PR #15436](https://github.com/microsoft/fluentui/pull/15436) by humbertomakotomorimoto@gmail.com) -- FloatingPickers: Move to react-internal ([PR #15458](https://github.com/microsoft/fluentui/pull/15458) by joschect@microsoft.com) -- Callout: move to react-internal ([PR #15455](https://github.com/microsoft/fluentui/pull/15455) by joschect@microsoft.com) -- Remove unneeded package dependencies. ([PR #15456](https://github.com/microsoft/fluentui/pull/15456) by xgao@microsoft.com) -- Moving react-next Layer into react-internal package. ([PR #15481](https://github.com/microsoft/fluentui/pull/15481) by czearing@outlook.com) -- Combobox: Move combobox to react ([PR #15490](https://github.com/microsoft/fluentui/pull/15490) by joschect@microsoft.com) -- Re-export FocusZone directly from react-focus ([PR #15515](https://github.com/microsoft/fluentui/pull/15515) by elcraig@microsoft.com) -- Don't ship a bundle of this package alone ([PR #15414](https://github.com/microsoft/fluentui/pull/15414) by elcraig@microsoft.com) -- SpinButton: fix component typing, ref and remove keytipProps. ([PR #15534](https://github.com/microsoft/fluentui/pull/15534) by xgao@microsoft.com) -- Deprecate Fabric. ([PR #15539](https://github.com/microsoft/fluentui/pull/15539) by xgao@microsoft.com) -- Stop publishing shared scss and css in react-internal ([PR #15543](https://github.com/microsoft/fluentui/pull/15543) by elcraig@microsoft.com) -- Changing BaseButton's wrapper span to a fragment. ([PR #15558](https://github.com/microsoft/fluentui/pull/15558) by czearing@outlook.com) -- Rename @uifabric/styling to @fluentui/style-utilities ([PR #15567](https://github.com/microsoft/fluentui/pull/15567) by elcraig@microsoft.com) -- Export getMenuStyles from ContextualMenu ([PR #15573](https://github.com/microsoft/fluentui/pull/15573) by xgao@microsoft.com) -- Moves Button export to compat folder. ([PR #15576](https://github.com/microsoft/fluentui/pull/15576) by humbertomakotomorimoto@gmail.com) -- rename @uifabric/foundation to @fluentui/foundation-legacy ([PR #15595](https://github.com/microsoft/fluentui/pull/15595) by xgao@microsoft.com) -- Rename @uifabric/icons to @fluentui/font-icons-mdl2 ([PR #15603](https://github.com/microsoft/fluentui/pull/15603) by ololubek@microsoft.com) -- CommandBar: Fixing incorrect aria role. ([PR #15614](https://github.com/microsoft/fluentui/pull/15614) by humbertomakotomorimoto@gmail.com) -- Rename @uifabric/set-version to @fluentui/set-version ([PR #15616](https://github.com/microsoft/fluentui/pull/15616) by ololubek@microsoft.com) -- SearchBox: Making role on root div opt in. ([PR #15621](https://github.com/microsoft/fluentui/pull/15621) by humbertomakotomorimoto@gmail.com) -- Adding a forwardRef to Check (ref-conformance) ([PR #15622](https://github.com/microsoft/fluentui/pull/15622) by czearing@outlook.com) -- Adding a forwardRef to ContextualMenu (ref-conformance) ([PR #15625](https://github.com/microsoft/fluentui/pull/15625) by czearing@outlook.com) -- Rename @uifabric/example-date to @fluentui/example-data ([PR #15618](https://github.com/microsoft/fluentui/pull/15618) by ololubek@microsoft.com) -- Rename @uifabric/merge-styles to @fluentui/merge-styles ([PR #15627](https://github.com/microsoft/fluentui/pull/15627) by ololubek@microsoft.com) -- Rename @uifabric/react-hooks to @fluentui/react-hooks & @uifabric/utilities to @fluentui/utilities ([PR #15629](https://github.com/microsoft/fluentui/pull/15629) by ololubek@microsoft.com) -- ChoiceGroup option props cleanup ([PR #15399](https://github.com/microsoft/fluentui/pull/15399) by elcraig@microsoft.com) -- Delete old Calendar and DatePicker ([PR #15644](https://github.com/microsoft/fluentui/pull/15644) by elcraig@microsoft.com) -- Adding a forwardRef to VerticalDivider within react-internal. ([PR #15654](https://github.com/microsoft/fluentui/pull/15654) by czearing@outlook.com) diff --git a/packages/react-internal/LICENSE b/packages/react-internal/LICENSE deleted file mode 100644 index 37321d19485b84..00000000000000 --- a/packages/react-internal/LICENSE +++ /dev/null @@ -1,15 +0,0 @@ -Fluent UI React - -Copyright (c) Microsoft Corporation - -All rights reserved. - -MIT License - -Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the ""Software""), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: - -The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. - -THE SOFTWARE IS PROVIDED *AS IS*, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. - -Note: Usage of the fonts and icons referenced in Fluent UI React is subject to the terms listed at https://aka.ms/fluentui-assets-license diff --git a/packages/react-internal/README.md b/packages/react-internal/README.md deleted file mode 100644 index fd3437b91f4bc8..00000000000000 --- a/packages/react-internal/README.md +++ /dev/null @@ -1,7 +0,0 @@ -# [Fluent UI React](https://developer.microsoft.com/en-us/fluentui) - Component internals - -## 🚨🚨🚨 DO NOT depend directly on this package! 🚨🚨🚨 - -This package only exists to work around circular dependency issues with the per-component packages. All Fluent UI React consumers should directly depend on and import from the `@fluentui/react` package (or per-component packages such as `@fluentui/react-button` or `@fluentui/react-checkbox`), NOT this package. - -While the public API exported from `@fluentui/react` (and the per-component packages) will be stable within major releases, **contents and paths in `@fluentui/react-internal` may change _at any time_**. diff --git a/packages/react-internal/__mocks__/@fluentui/utilities.ts b/packages/react-internal/__mocks__/@fluentui/utilities.ts deleted file mode 100644 index e0c338e3413dc6..00000000000000 --- a/packages/react-internal/__mocks__/@fluentui/utilities.ts +++ /dev/null @@ -1,52 +0,0 @@ -export * from '@fluentui/utilities'; -import { Async } from '@fluentui/utilities'; - -declare function setTimeout(cb: Function, delay: number): number; - -// Known issue with jest's runAllTimers and debounce implementations resulting in -// "Ran 100000 timers, and there are still more! Assuming we've hit an infinite recursion and bailing out..." -// https://github.com/facebook/jest/issues/3465 -// Mock impl inspired from issue. -class MockAsync extends Async { - private _timeoutId: number | null; - - public debounce(callback: Function, timeout: number) { - this._timeoutId = null; - const debounced = (...args: any[]) => { - if (this._timeoutId) { - clearTimeout(this._timeoutId); - this._timeoutId = null; - } - // Callback functions throughout repo aren't binding properly, so we have to access - // Async's private _parent member and invoke callbacks the same way Async.debounce does. - const invokeFunction = () => callback.apply((this as any)._parent, args); - this._timeoutId = setTimeout(invokeFunction, timeout); - }; - - const cancel = () => { - if (this._timeoutId) { - clearTimeout(this._timeoutId); - this._timeoutId = null; - } - }; - - (debounced as any).cancel = cancel; - - return debounced as any; - } - - public dispose() { - clearTimeout(this._timeoutId); - this._timeoutId = null; - - super.dispose(); - } - - protected _logError(e: any) { - super._logError(e); - // Don't eat errors thrown from async callbacks - throw e; - } -} - -export { MockAsync as Async }; diff --git a/packages/react-internal/config/api-extractor-compat.json b/packages/react-internal/config/api-extractor-compat.json deleted file mode 100644 index 3628eae45bca44..00000000000000 --- a/packages/react-internal/config/api-extractor-compat.json +++ /dev/null @@ -1,13 +0,0 @@ -{ - "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.json", - "mainEntryPointFilePath": "/lib/compat/index.d.ts", - "apiReport": { - "enabled": true, - "reportFileName": "-compat.api.md" - }, - "docModel": { - "enabled": true, - "apiJsonFilePath": "/dist/-compat.api.json" - } -} diff --git a/packages/react-internal/config/api-extractor.json b/packages/react-internal/config/api-extractor.json deleted file mode 100644 index c8406ab42ca3cc..00000000000000 --- a/packages/react-internal/config/api-extractor.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "extends": "@fluentui/scripts/api-extractor/api-extractor.common.json" -} diff --git a/packages/react-internal/config/tests.js b/packages/react-internal/config/tests.js deleted file mode 100644 index 375b28e297fde3..00000000000000 --- a/packages/react-internal/config/tests.js +++ /dev/null @@ -1,11 +0,0 @@ -/** Jest test setup file. */ - -const { configure } = require('enzyme'); -const { initializeIcons } = require('@fluentui/font-icons-mdl2'); -const Adapter = require('enzyme-adapter-react-16'); - -// Initialize icons. -initializeIcons(''); - -// Configure enzyme. -configure({ adapter: new Adapter() }); diff --git a/packages/react-internal/etc/react-internal-compat.api.md b/packages/react-internal/etc/react-internal-compat.api.md deleted file mode 100644 index 552e33a11d4192..00000000000000 --- a/packages/react-internal/etc/react-internal-compat.api.md +++ /dev/null @@ -1,298 +0,0 @@ -## API Report File for "@fluentui/react-internal" - -> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). - -```ts - -import { IBaseProps } from '@fluentui/utilities'; -import { IComponentAs } from '@fluentui/utilities'; -import { IFocusZoneProps } from '@fluentui/react-focus'; -import { IRectangle } from '@fluentui/utilities'; -import { IRefObject } from '@fluentui/utilities'; -import { IRenderFunction } from '@fluentui/utilities'; -import { IStyle } from '@fluentui/style-utilities'; -import { IStyleFunctionOrObject } from '@fluentui/utilities'; -import { ITheme } from '@fluentui/style-utilities'; -import { KeyCodes } from '@fluentui/utilities'; -import { Point } from '@fluentui/utilities'; -import * as React from 'react'; -import { Target } from '@fluentui/react-hooks'; - -// @public (undocumented) -export class ActionButton extends React.Component { - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export class BaseButton extends React.Component implements IButton { - constructor(props: IBaseButtonProps); - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(prevProps: IBaseButtonProps, prevState: IBaseButtonState): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - static defaultProps: Partial; - // (undocumented) - dismissMenu(): void; - // (undocumented) - focus(): void; - // (undocumented) - openMenu(shouldFocusOnContainer?: boolean, shouldFocusOnMount?: boolean): void; - // (undocumented) - render(): JSX.Element; - } - -// @public @deprecated -export class Button extends React.Component { - constructor(props: IButtonProps); - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export enum ButtonType { - // (undocumented) - command = 4, - // (undocumented) - compound = 3, - // (undocumented) - default = 6, - // (undocumented) - hero = 2, - // (undocumented) - icon = 5, - // (undocumented) - normal = 0, - // (undocumented) - primary = 1 -} - -// @public (undocumented) -export class CommandBarButton extends React.Component { - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export const CommandButton: typeof ActionButton; - -// @public (undocumented) -export class CompoundButton extends React.Component { - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export class DefaultButton extends React.Component { - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export enum ElementType { - anchor = 1, - button = 0 -} - -// @public (undocumented) -export const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean, expanded: boolean, checked: boolean, primaryDisabled?: boolean | undefined) => ISplitButtonClassNames; - -// @public (undocumented) -export interface IBaseButtonProps extends IButtonProps { - // (undocumented) - baseClassName?: string; - // (undocumented) - variantClassName?: string; -} - -// @public (undocumented) -export interface IBaseButtonState { - // (undocumented) - menuHidden: boolean; -} - -// @public (undocumented) -export interface IButton { - dismissMenu: () => void; - focus: () => void; - openMenu: (shouldFocusOnContainer?: boolean, shouldFocusOnMount?: boolean) => void; -} - -// @public (undocumented) -export interface IButtonClassNames { - // (undocumented) - description?: string; - // (undocumented) - flexContainer?: string; - // (undocumented) - icon?: string; - // (undocumented) - label?: string; - // (undocumented) - menuIcon?: string; - // (undocumented) - root?: string; - // (undocumented) - screenReaderText?: string; - // (undocumented) - textContainer?: string; -} - -// @public (undocumented) -export interface IButtonProps extends React.AllHTMLAttributes { - allowDisabledFocus?: boolean; - ariaDescription?: string; - ariaHidden?: boolean; - ariaLabel?: string; - // @deprecated (undocumented) - buttonType?: ButtonType; - checked?: boolean; - className?: string; - componentRef?: IRefObject; - data?: any; - defaultRender?: any; - // @deprecated - description?: IStyle; - disabled?: boolean; - // @deprecated - elementRef?: React.Ref; - getClassNames?: (theme: ITheme, className: string, variantClassName: string, iconClassName: string | undefined, menuIconClassName: string | undefined, disabled: boolean, checked: boolean, expanded: boolean, hasMenu: boolean, isSplit: boolean | undefined, allowDisabledFocus: boolean) => IButtonClassNames; - getSplitButtonClassNames?: (disabled: boolean, expanded: boolean, checked: boolean, allowDisabledFocus: boolean) => ISplitButtonClassNames; - href?: string; - // Warning: (ae-forgotten-export) The symbol "IIconProps" needs to be exported by the entry point index.d.ts - iconProps?: IIconProps; - // Warning: (ae-forgotten-export) The symbol "IKeytipProps" needs to be exported by the entry point index.d.ts - keytipProps?: IKeytipProps; - menuAs?: IComponentAs; - menuIconProps?: IIconProps; - // Warning: (ae-forgotten-export) The symbol "IContextualMenuProps" needs to be exported by the entry point index.d.ts - menuProps?: IContextualMenuProps; - menuTriggerKeyCode?: KeyCodes | null; - onAfterMenuDismiss?: () => void; - onMenuClick?: (ev?: React.MouseEvent | React.KeyboardEvent, button?: IButtonProps) => void; - onRenderAriaDescription?: IRenderFunction; - onRenderChildren?: IRenderFunction; - onRenderDescription?: IRenderFunction; - onRenderIcon?: IRenderFunction; - // @deprecated (undocumented) - onRenderMenu?: IRenderFunction; - onRenderMenuIcon?: IRenderFunction; - onRenderText?: IRenderFunction; - persistMenu?: boolean; - primary?: boolean; - primaryActionButtonProps?: IButtonProps; - primaryDisabled?: boolean; - // @deprecated - renderPersistedMenuHiddenOnMount?: boolean; - // @deprecated (undocumented) - rootProps?: React.ButtonHTMLAttributes | React.AnchorHTMLAttributes; - secondaryText?: string; - split?: boolean; - splitButtonAriaLabel?: string; - splitButtonMenuProps?: IButtonProps; - styles?: IButtonStyles; - text?: string; - theme?: ITheme; - toggle?: boolean; - // @deprecated (undocumented) - toggled?: boolean; - uniqueId?: string | number; -} - -// @public (undocumented) -export interface IButtonStyles { - description?: IStyle; - descriptionChecked?: IStyle; - descriptionDisabled?: IStyle; - descriptionHovered?: IStyle; - descriptionPressed?: IStyle; - flexContainer?: IStyle; - icon?: IStyle; - iconChecked?: IStyle; - iconDisabled?: IStyle; - iconExpanded?: IStyle; - iconExpandedHovered?: IStyle; - iconHovered?: IStyle; - iconPressed?: IStyle; - label?: IStyle; - labelChecked?: IStyle; - labelDisabled?: IStyle; - labelHovered?: IStyle; - menuIcon?: IStyle; - menuIconChecked?: IStyle; - menuIconDisabled?: IStyle; - menuIconExpanded?: IStyle; - menuIconExpandedHovered?: IStyle; - menuIconHovered?: IStyle; - menuIconPressed?: IStyle; - root?: IStyle; - rootChecked?: IStyle; - rootCheckedDisabled?: IStyle; - rootCheckedHovered?: IStyle; - rootCheckedPressed?: IStyle; - rootDisabled?: IStyle; - rootExpanded?: IStyle; - rootExpandedHovered?: IStyle; - rootFocused?: IStyle; - rootHasMenu?: IStyle; - rootHovered?: IStyle; - rootPressed?: IStyle; - screenReaderText?: IStyle; - secondaryText?: IStyle; - splitButtonContainer?: IStyle; - splitButtonContainerChecked?: IStyle; - splitButtonContainerCheckedHovered?: IStyle; - splitButtonContainerDisabled?: IStyle; - splitButtonContainerFocused?: IStyle; - splitButtonContainerHovered?: IStyle; - splitButtonDivider?: IStyle; - splitButtonDividerDisabled?: IStyle; - splitButtonFlexContainer?: IStyle; - splitButtonMenuButton?: IStyle; - splitButtonMenuButtonChecked?: IStyle; - splitButtonMenuButtonDisabled?: IStyle; - splitButtonMenuButtonExpanded?: IStyle; - splitButtonMenuIcon?: IStyle; - splitButtonMenuIconDisabled?: IStyle; - textContainer?: IStyle; -} - -// @public (undocumented) -export class IconButton extends React.Component { - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export interface ISplitButtonClassNames { - // (undocumented) - divider?: string; - // (undocumented) - flexContainer?: string; - // (undocumented) - icon?: string; - // (undocumented) - root?: string; - // (undocumented) - splitButtonContainer?: string; -} - -// @public (undocumented) -export class MessageBarButton extends React.Component { - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export class PrimaryButton extends React.Component { - // (undocumented) - render(): JSX.Element; -} - - -// (No @packageDocumentation comment for this package) - -``` diff --git a/packages/react-internal/etc/react-internal.api.md b/packages/react-internal/etc/react-internal.api.md deleted file mode 100644 index 89c21daae34f6f..00000000000000 --- a/packages/react-internal/etc/react-internal.api.md +++ /dev/null @@ -1,7576 +0,0 @@ -## API Report File for "@fluentui/react-internal" - -> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). - -```ts - -import { EventGroup } from '@fluentui/utilities'; -import { IBaseProps } from '@fluentui/utilities'; -import { IComponent } from '@fluentui/foundation-legacy'; -import { IComponentAs } from '@fluentui/utilities'; -import { IComponentStyles } from '@fluentui/foundation-legacy'; -import { ICSSPixelUnitRule } from '@fluentui/merge-styles/lib/IRawStyleBase'; -import { ICSSRule } from '@fluentui/merge-styles/lib/IRawStyleBase'; -import { IFocusZone } from '@fluentui/react-focus'; -import { IFocusZoneProps } from '@fluentui/react-focus'; -import { IFontStyles } from '@fluentui/style-utilities'; -import { IHTMLSlot } from '@fluentui/foundation-legacy'; -import { IObjectWithKey } from '@fluentui/utilities'; -import { IPoint } from '@fluentui/utilities'; -import { IProcessedStyleSet } from '@fluentui/style-utilities'; -import { IRawStyle } from '@fluentui/style-utilities'; -import { IRectangle } from '@fluentui/utilities'; -import { IRefObject } from '@fluentui/utilities'; -import { IRenderComponent } from '@fluentui/utilities'; -import { IRenderFunction } from '@fluentui/utilities'; -import { ISelection } from '@fluentui/utilities'; -import { ISelectionOptions } from '@fluentui/utilities'; -import { ISlotProp } from '@fluentui/foundation-legacy'; -import { ISlottableProps } from '@fluentui/foundation-legacy'; -import { IStyle } from '@fluentui/style-utilities'; -import { IStyleableComponentProps } from '@fluentui/foundation-legacy'; -import { IStyleFunction } from '@fluentui/utilities'; -import { IStyleFunctionOrObject } from '@fluentui/utilities'; -import { ITheme } from '@fluentui/style-utilities'; -import { KeyCodes } from '@fluentui/utilities'; -import { PartialTheme } from '@fluentui/theme'; -import { Point } from '@fluentui/utilities'; -import * as React from 'react'; -import { ReactNode } from 'react'; -import { Rectangle } from '@fluentui/utilities'; -import { Selection } from '@fluentui/utilities'; -import { SELECTION_CHANGE } from '@fluentui/utilities'; -import { SelectionDirection } from '@fluentui/utilities'; -import { SelectionMode } from '@fluentui/utilities'; -import { Target } from '@fluentui/react-hooks'; -import { Theme } from '@fluentui/theme'; - -// @public (undocumented) -export class ActivityItem extends React.Component { - constructor(props: IActivityItemProps); - // (undocumented) - render(): JSX.Element; -} - -// @public -export type Alignment = 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'baseline' | 'stretch'; - -// @public (undocumented) -export const Announced: React.FunctionComponent; - -// @public (undocumented) -export class AnnouncedBase extends React.Component { - // (undocumented) - static defaultProps: Partial; - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export class Autofill extends React.Component implements IAutofill { - constructor(props: IAutofillProps); - // (undocumented) - clear(): void; - // (undocumented) - componentDidUpdate(): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - get cursorLocation(): number | null; - // (undocumented) - static defaultProps: { - enableAutofillOnKeyPress: number[]; - }; - // (undocumented) - focus(): void; - // (undocumented) - static getDerivedStateFromProps(props: IAutofillProps, state: IAutofillState): IAutofillState | null; - // (undocumented) - get inputElement(): HTMLInputElement | null; - // (undocumented) - get isValueSelected(): boolean; - // (undocumented) - render(): JSX.Element; - // (undocumented) - get selectionEnd(): number | null; - // (undocumented) - get selectionStart(): number | null; - // (undocumented) - get value(): string; -} - -// @public (undocumented) -export class BaseExtendedPeoplePicker extends BaseExtendedPicker { -} - -// @public (undocumented) -export class BaseExtendedPicker> extends React.Component> implements IBaseExtendedPicker { - constructor(basePickerProps: P); - // (undocumented) - protected canAddItems(): boolean; - // (undocumented) - clearInput(): void; - // (undocumented) - componentDidMount(): void; - // (undocumented) - floatingPicker: React.RefObject>>; - // (undocumented) - protected get floatingPickerProps(): IBaseFloatingPickerProps; - // (undocumented) - focus(): void; - // (undocumented) - get highlightedItems(): T[]; - // (undocumented) - protected input: React.RefObject; - // (undocumented) - get inputElement(): HTMLInputElement | null; - // (undocumented) - get items(): any; - // (undocumented) - protected onBackspace: (ev: React.KeyboardEvent) => void; - // (undocumented) - protected onCopy: (ev: React.ClipboardEvent) => void; - // (undocumented) - protected onInputChange: (value: string, composing?: boolean | undefined) => void; - // (undocumented) - protected onInputClick: (ev: React.MouseEvent) => void; - // (undocumented) - protected onInputFocus: (ev: React.FocusEvent) => void; - // (undocumented) - protected onPaste: (ev: React.ClipboardEvent) => void; - // (undocumented) - protected _onSelectedItemsChanged: () => void; - // (undocumented) - protected onSelectionChange: () => void; - // (undocumented) - protected _onSuggestionSelected: (item: T) => void; - // (undocumented) - render(): JSX.Element; - // (undocumented) - protected renderFloatingPicker(): JSX.Element; - // (undocumented) - protected renderSelectedItemsList(): JSX.Element; - // (undocumented) - protected root: React.RefObject; - // (undocumented) - selectedItemsList: React.RefObject>>; - // (undocumented) - protected get selectedItemsListProps(): IBaseSelectedItemsListProps; - // (undocumented) - protected selection: Selection; -} - -// @public (undocumented) -export class BaseFloatingPeoplePicker extends BaseFloatingPicker { -} - -// @public (undocumented) -export class BaseFloatingPicker> extends React.Component implements IBaseFloatingPicker { - constructor(basePickerProps: P); - // (undocumented) - completeSuggestion: () => void; - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - protected currentPromise: PromiseLike; - // (undocumented) - get currentSelectedSuggestionIndex(): number; - // (undocumented) - forceResolveSuggestion(): void; - // (undocumented) - hidePicker: () => void; - // (undocumented) - get inputText(): string; - // (undocumented) - protected isComponentMounted: boolean; - // (undocumented) - get isSuggestionsShown(): boolean; - // (undocumented) - protected onChange(item: T): void; - // (undocumented) - protected onKeyDown: (ev: MouseEvent) => void; - // (undocumented) - onQueryStringChanged: (queryString: string) => void; - // (undocumented) - protected onSelectionChange(): void; - // (undocumented) - protected onSuggestionClick: (ev: React.MouseEvent, item: T, index: number) => void; - // (undocumented) - protected onSuggestionRemove: (ev: React.MouseEvent, item: T, index: number) => void; - // (undocumented) - render(): JSX.Element; - // (undocumented) - protected renderSuggestions(): JSX.Element | null; - // (undocumented) - protected root: React.RefObject; - // (undocumented) - protected selection: Selection; - // (undocumented) - showPicker: (updateValue?: boolean) => void; - // (undocumented) - get suggestions(): any[]; - // (undocumented) - protected suggestionsControl: React.RefObject>; - // (undocumented) - protected SuggestionsControlOfProperType: new (props: ISuggestionsControlProps) => SuggestionsControl; - // (undocumented) - protected suggestionStore: SuggestionsStore; - // (undocumented) - updateSuggestions(suggestions: T[], forceUpdate?: boolean): void; - // (undocumented) - protected updateSuggestionsList(suggestions: T[] | PromiseLike): void; - // (undocumented) - protected updateSuggestionWithZeroState(): void; - // (undocumented) - protected updateValue(updatedValue: string): void; -} - -// @public (undocumented) -export class BasePeoplePicker extends BasePicker { -} - -// @public (undocumented) -export class BasePeopleSelectedItemsList extends BaseSelectedItemsList { -} - -// @public (undocumented) -export class BasePicker> extends React.Component implements IBasePicker { - constructor(basePickerProps: P); - // (undocumented) - protected addItem: (item: T) => void; - // (undocumented) - protected addItemByIndex: (index: number) => void; - // (undocumented) - protected _ariaMap: IPickerAriaIds; - // (undocumented) - protected canAddItems(): boolean; - // (undocumented) - protected completeSelection: (item: T) => void; - // (undocumented) - completeSuggestion(forceComplete?: boolean): void; - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(oldProps: P, oldState: IBasePickerState): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - protected currentPromise: PromiseLike | undefined; - // (undocumented) - dismissSuggestions: (ev?: any) => void; - // (undocumented) - focus(): void; - // (undocumented) - focusInput(): void; - // (undocumented) - protected focusZone: React.RefObject; - // (undocumented) - protected getActiveDescendant(): string | undefined; - // (undocumented) - static getDerivedStateFromProps(newProps: IBasePickerProps): { - items: any[]; - } | null; - // (undocumented) - protected getSuggestionsAlert(suggestionAlertClassName?: string): JSX.Element | undefined; - // (undocumented) - protected input: React.RefObject; - // (undocumented) - get items(): T[]; - // (undocumented) - protected onBackspace(ev: React.KeyboardEvent): void; - // (undocumented) - protected onBlur: (ev: React.FocusEvent) => void; - // (undocumented) - protected onChange(items?: T[]): void; - protected onClick: (ev: React.MouseEvent) => void; - protected onEmptyInputFocus(): void; - // (undocumented) - protected onGetMoreResults: () => void; - // (undocumented) - protected onInputBlur: (ev: React.FocusEvent) => void; - // (undocumented) - protected onInputChange: (value: string) => void; - // (undocumented) - protected onInputFocus: (ev: React.FocusEvent) => void; - // (undocumented) - protected onItemChange: (changedItem: T, index: number) => void; - // (undocumented) - protected onKeyDown: (ev: React.KeyboardEvent) => void; - // (undocumented) - protected onSelectionChange(): void; - // (undocumented) - protected onSuggestionClick: (ev: React.MouseEvent, item: any, index: number) => void; - // (undocumented) - protected onSuggestionRemove: (ev: React.MouseEvent, item: T, index: number) => void; - // (undocumented) - protected onSuggestionSelect(): void; - // (undocumented) - refocusSuggestions: (keyCode: number) => void; - // (undocumented) - protected removeItem: (item: IPickerItemProps, focusNextItem?: boolean | undefined) => void; - // (undocumented) - protected removeItems: (itemsToRemove: any[]) => void; - // (undocumented) - render(): JSX.Element; - // (undocumented) - protected renderItems(): JSX.Element[]; - // (undocumented) - protected renderSuggestions(): JSX.Element | null; - // (undocumented) - protected resetFocus(index?: number): void; - // (undocumented) - protected resolveNewValue(updatedValue: string, suggestions: T[]): void; - // (undocumented) - protected root: React.RefObject; - // (undocumented) - protected selection: Selection; - // (undocumented) - protected _shouldFocusZoneEnterInnerZone: (ev: React.KeyboardEvent) => boolean; - // (undocumented) - protected suggestionElement: React.RefObject>; - // @deprecated (undocumented) - protected SuggestionOfProperType: new (props: ISuggestionsProps) => Suggestions; - // (undocumented) - protected suggestionStore: SuggestionsController; - // (undocumented) - protected updateSuggestions(suggestions: any[]): void; - // (undocumented) - protected updateSuggestionsList(suggestions: T[] | PromiseLike, updatedValue?: string): void; - // (undocumented) - protected updateValue(updatedValue: string): void; - } - -// @public (undocumented) -export class BasePickerListBelow> extends BasePicker { - // (undocumented) - protected onBackspace(ev: React.KeyboardEvent): void; - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export class BaseSelectedItemsList> extends React.Component> implements IBaseSelectedItemsList { - constructor(basePickerProps: P); - // (undocumented) - addItems: (items: T[]) => void; - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(oldProps: P, oldState: IBaseSelectedItemsListState): void; - // (undocumented) - protected copyItems(items: T[]): void; - // (undocumented) - static getDerivedStateFromProps(newProps: IBaseSelectedItemsListProps): { - items: any[]; - } | null; - // (undocumented) - hasSelectedItems(): boolean; - // (undocumented) - highlightedItems(): T[]; - // (undocumented) - get items(): T[]; - // (undocumented) - protected onChange(items?: T[]): void; - // (undocumented) - onCopy: (ev: React.ClipboardEvent) => void; - // (undocumented) - protected onItemChange: (changedItem: T, index: number) => void; - // (undocumented) - protected onSelectionChanged: () => void; - // (undocumented) - removeItem: (item: T) => void; - // (undocumented) - removeItemAt: (index: number) => void; - // (undocumented) - removeItems: (itemsToRemove: any[]) => void; - // (undocumented) - removeSelectedItems(): void; - // (undocumented) - render(): any; - // (undocumented) - protected renderItems: () => JSX.Element[]; - // (undocumented) - replaceItem: (itemToReplace: T, itemsToReplaceWith: T[]) => void; - // (undocumented) - protected root: HTMLElement; - // (undocumented) - protected get selection(): Selection; - // (undocumented) - unselectAll(): void; - updateItems(items: T[], focusIndex?: number): void; -} - -// @public (undocumented) -export enum BaseSlots { - // (undocumented) - backgroundColor = 1, - // (undocumented) - foregroundColor = 2, - // (undocumented) - primaryColor = 0 -} - -// @public -export function buildKeytipConfigMap(config: IKeytipConfig): IKeytipConfigMap; - -// @public (undocumented) -export const ButtonGrid: React.FunctionComponent; - -// @public (undocumented) -export const ButtonGridCell: >(props: IButtonGridCellProps) => JSX.Element; - -// @public (undocumented) -export const Callout: React.FunctionComponent; - -// @public (undocumented) -export const CalloutContent: import("react").FunctionComponent; - -// @public (undocumented) -export const CalloutContentBase: React.FunctionComponent; - -// @public -export function canAnyMenuItemsCheck(items: IContextualMenuItem[]): boolean; - -// @public (undocumented) -export const Check: React.FunctionComponent; - -// @public (undocumented) -export const CheckBase: React.FunctionComponent; - -// @public (undocumented) -export const Checkbox: React.FunctionComponent; - -// @public (undocumented) -export const CheckboxBase: React.FunctionComponent; - -// @public (undocumented) -export const ChoiceGroup: React.FunctionComponent; - -// @public (undocumented) -export const ChoiceGroupBase: React.FunctionComponent; - -// @public (undocumented) -export const ChoiceGroupOption: React.FunctionComponent; - -// @public -export function clamp(value: number, max: number, min?: number): number; - -// @public (undocumented) -export const Coachmark: React.FunctionComponent; - -// @public (undocumented) -export const COACHMARK_ATTRIBUTE_NAME = "data-coachmarkid"; - -// @public (undocumented) -export const CoachmarkBase: React.FunctionComponent; - -// @public (undocumented) -export const ColorPicker: React.FunctionComponent; - -// @public (undocumented) -export class ColorPickerBase extends React.Component implements IColorPicker { - constructor(props: IColorPickerProps); - // (undocumented) - get color(): IColor; - // (undocumented) - componentDidUpdate(prevProps: Readonly, prevState: Readonly): void; - // (undocumented) - static defaultProps: Partial; - // (undocumented) - render(): JSX.Element; - } - -// @public (undocumented) -export const ColorPickerGridCell: React.FunctionComponent; - -// @public (undocumented) -export const ColorPickerGridCellBase: React.FunctionComponent; - -// @public (undocumented) -export const CommandBar: React.FunctionComponent; - -// @public (undocumented) -export class CommandBarBase extends React.Component implements ICommandBar { - constructor(props: ICommandBarProps); - // (undocumented) - static defaultProps: ICommandBarProps; - // (undocumented) - focus(): void; - // (undocumented) - remeasure(): void; - // (undocumented) - render(): JSX.Element; - } - -// @public (undocumented) -export const CompactPeoplePicker: React.FunctionComponent; - -// @public -export class CompactPeoplePickerBase extends BasePeoplePicker { - static defaultProps: { - onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element; - onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps | undefined) => JSX.Element; - createGenericItem: typeof createGenericItem; - }; -} - -// @public -export function constructKeytip(configMap: IKeytipConfigMap, parentSequence: string[], keytip: IKeytipConfigItem): void; - -// @public -export const ContextualMenu: React.FunctionComponent; - -// @public (undocumented) -export const ContextualMenuBase: React.FunctionComponent; - -// @public -export const ContextualMenuItem: React.FunctionComponent; - -// @public (undocumented) -export class ContextualMenuItemBase extends React.Component { - constructor(props: IContextualMenuItemProps); - // (undocumented) - dismissMenu: (dismissAll?: boolean | undefined) => void; - // (undocumented) - dismissSubMenu: () => void; - // (undocumented) - openSubMenu: () => void; - // (undocumented) - render(): JSX.Element; - } - -// @public (undocumented) -export enum ContextualMenuItemType { - // (undocumented) - Divider = 1, - // (undocumented) - Header = 2, - // (undocumented) - Normal = 0, - // (undocumented) - Section = 3 -} - -// @public -export function correctHex(hex: string): string; - -// @public -export function correctHSV(color: IHSV): IHSV; - -// @public -export function correctRGB(color: IRGB): IRGB; - -// @public (undocumented) -export function createGenericItem(name: string, currentValidationState: ValidationState): IGenericItem & { - key: React.Key; -}; - -// @public (undocumented) -export function createItem(name: string, isValid: boolean): ISuggestionModel; - -// @public -export function cssColor(color?: string): IRGB | undefined; - -// @public (undocumented) -export const DATAKTP_ARIA_TARGET = "data-ktp-aria-target"; - -// @public (undocumented) -export const DATAKTP_EXECUTE_TARGET = "data-ktp-execute-target"; - -// @public (undocumented) -export const DATAKTP_TARGET = "data-ktp-target"; - -// @public (undocumented) -export const DEFAULT_MASK_CHAR = "_"; - -// @public (undocumented) -export const Dialog: React.FunctionComponent; - -// @public (undocumented) -export class DialogBase extends React.Component { - constructor(props: IDialogProps); - // (undocumented) - static defaultProps: IDialogProps; - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export const DialogContent: React.FunctionComponent; - -// @public (undocumented) -export class DialogContentBase extends React.Component { - constructor(props: IDialogContentProps); - // (undocumented) - static defaultProps: IDialogContentProps; - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export const DialogFooter: React.FunctionComponent; - -// @public (undocumented) -export class DialogFooterBase extends React.Component { - constructor(props: IDialogFooterProps); - // (undocumented) - render(): JSX.Element; - } - -// @public (undocumented) -export enum DialogType { - close = 2, - largeHeader = 1, - normal = 0 -} - -// @public (undocumented) -export const DirectionalHint: { - topLeftEdge: 0; - topCenter: 1; - topRightEdge: 2; - topAutoEdge: 3; - bottomLeftEdge: 4; - bottomCenter: 5; - bottomRightEdge: 6; - bottomAutoEdge: 7; - leftTopEdge: 8; - leftCenter: 9; - leftBottomEdge: 10; - rightTopEdge: 11; - rightCenter: 12; - rightBottomEdge: 13; -}; - -// @public (undocumented) -export type DirectionalHint = typeof DirectionalHint[keyof typeof DirectionalHint]; - -// @public (undocumented) -export class DragDropHelper implements IDragDropHelper { - constructor(params: IDragDropHelperParams); - // (undocumented) - dispose(): void; - // (undocumented) - subscribe(root: HTMLElement, events: EventGroup, dragDropOptions: IDragDropOptions): { - key: string; - dispose(): void; - }; - // (undocumented) - unsubscribe(root: HTMLElement, key: string): void; -} - -// @public (undocumented) -export const ExpandingCard: React.FunctionComponent; - -// @public (undocumented) -export class ExpandingCardBase extends React.Component { - constructor(props: IExpandingCardProps); - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - static defaultProps: { - compactCardHeight: number; - expandedCardHeight: number; - directionalHintFixed: boolean; - }; - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export enum ExpandingCardMode { - compact = 0, - expanded = 1 -} - -// @public (undocumented) -export class ExtendedPeoplePicker extends BaseExtendedPeoplePicker { -} - -// @public (undocumented) -export class ExtendedSelectedItem extends React.Component { - constructor(props: ISelectedPeopleItemProps); - // (undocumented) - protected persona: React.RefObject; - // (undocumented) - render(): JSX.Element; -} - -// @public @deprecated (undocumented) -export const Fabric: React.FunctionComponent; - -// @public (undocumented) -export const FabricBase: React.FunctionComponent; - -// @public (undocumented) -export enum FabricSlots { - // (undocumented) - black = 20, - // (undocumented) - neutralDark = 19, - // (undocumented) - neutralLight = 11, - // (undocumented) - neutralLighter = 10, - // (undocumented) - neutralLighterAlt = 9, - // (undocumented) - neutralPrimary = 18, - // (undocumented) - neutralPrimaryAlt = 17, - // (undocumented) - neutralQuaternary = 13, - // (undocumented) - neutralQuaternaryAlt = 12, - // (undocumented) - neutralSecondary = 16, - // (undocumented) - neutralTertiary = 15, - // (undocumented) - neutralTertiaryAlt = 14, - // (undocumented) - themeDark = 7, - // (undocumented) - themeDarkAlt = 6, - // (undocumented) - themeDarker = 8, - // (undocumented) - themeLight = 3, - // (undocumented) - themeLighter = 2, - // (undocumented) - themeLighterAlt = 1, - // (undocumented) - themePrimary = 0, - // (undocumented) - themeSecondary = 5, - // (undocumented) - themeTertiary = 4, - // (undocumented) - white = 21 -} - -// @public -export const Facepile: React.FunctionComponent; - -// @public -export class FacepileBase extends React.Component { - constructor(props: IFacepileProps); - // (undocumented) - static defaultProps: IFacepileProps; - // (undocumented) - protected onRenderAriaDescription(): "" | JSX.Element | undefined; - // (undocumented) - render(): JSX.Element; - } - -// @public (undocumented) -export class FloatingPeoplePicker extends BaseFloatingPeoplePicker { - // (undocumented) - static defaultProps: any; -} - -// @public -export const FocusTrapCallout: React.FunctionComponent; - -// @public (undocumented) -export const FocusTrapZone: React.FunctionComponent & { - focusStack: string[]; -}; - -// @public -export const FontIcon: React.FunctionComponent; - -// @public (undocumented) -export function getAllSelectedOptions(options: ISelectableOption[], selectedIndices: number[]): ISelectableOption[]; - -// @public -export function getAriaDescribedBy(keySequences: string[]): string; - -// @public (undocumented) -export function getBackgroundShade(color: IColor, shade: Shade, isInverted?: boolean): IColor | null; - -// @public (undocumented) -export function getBoundsFromTargetWindow(target: Element | MouseEvent | Point | null, targetWindow: IWindowWithSegments): IRectangle; - -// @public -export function getColorFromHSV(hsv: IHSV, a?: number): IColor; - -// @public -export function getColorFromRGBA(rgba: IRGB): IColor; - -// @public -export function getColorFromString(inputColor: string): IColor | undefined; - -// @public (undocumented) -export function getContrastRatio(color1: IColor, color2: IColor): number; - -// @public -export const getFontIcon: (iconName: string, className?: string | undefined, ariaLabel?: string | undefined) => React.ReactElement | null; - -// @public -export function getFullColorString(color: IColor): string; - -// @public (undocumented) -export const getIconContent: (iconName?: string | undefined) => IIconContent | null; - -// @public -export function getMaxHeight(target: Element | MouseEvent | Point, targetEdge: DirectionalHint, gapSpace?: number, bounds?: IRectangle, coverTarget?: boolean): number; - -// @public -export const getMeasurementCache: () => { - getCachedMeasurement: (data: any) => number | undefined; - addMeasurementToCache: (data: any, measurement: number) => void; -}; - -// @public (undocumented) -export const getMenuItemStyles: (theme: ITheme) => IMenuItemStyles; - -// @public -export const getNextResizeGroupStateProvider: (measurementCache?: { - getCachedMeasurement: (data: any) => number | undefined; - addMeasurementToCache: (data: any, measurement: number) => void; -}) => { - getNextState: (props: IResizeGroupProps, currentState: IResizeGroupState, getElementToMeasureDimension: () => number, newContainerDimension?: number | undefined) => IResizeGroupState | undefined; - shouldRenderDataForMeasurement: (dataToMeasure: any) => boolean; - getInitialResizeGroupState: (data: any) => IResizeGroupState; -}; - -// @public -export function getOppositeEdge(edge: RectangleEdge): RectangleEdge; - -// @public -export function getPersonaInitialsColor(props: Pick): string; - -// @public -export function getShade(color: IColor, shade: Shade, isInverted?: boolean): IColor | null; - -// @public (undocumented) -export function getSubmenuItems(item: IContextualMenuItem): IContextualMenuItem[] | undefined; - -// @public -export const HEX_REGEX: RegExp; - -// @public (undocumented) -export const HoverCard: React.FunctionComponent; - -// @public (undocumented) -export class HoverCardBase extends React.Component implements IHoverCard { - constructor(props: IHoverCardProps); - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(prevProps: IHoverCardProps, prevState: IHoverCardState): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - static defaultProps: { - cardOpenDelay: number; - cardDismissDelay: number; - expandedCardOpenDelay: number; - instantOpenOnClick: boolean; - setInitialFocus: boolean; - openHotKey: number; - type: HoverCardType; - }; - // (undocumented) - dismiss: (withTimeOut?: boolean | undefined) => void; - // (undocumented) - render(): JSX.Element; - } - -// @public (undocumented) -export enum HoverCardType { - expanding = "ExpandingCard", - plain = "PlainCard" -} - -// @public -export function hsl2hsv(h: number, s: number, l: number): IHSV; - -// @public -export function hsl2rgb(h: number, s: number, l: number): IRGB; - -// @public -export function hsv2hex(h: number, s: number, v: number): string; - -// @public -export function hsv2hsl(h: number, s: number, v: number): IHSL; - -// @public -export function hsv2rgb(h: number, s: number, v: number): IRGB; - -// @public (undocumented) -export interface IAccessiblePopupProps { - closeButtonAriaLabel?: string; - elementToFocusOnDismiss?: HTMLElement; - firstFocusableSelector?: string | (() => string); - forceFocusInsideTrap?: boolean; - ignoreExternalFocusing?: boolean; - isClickableOutsideFocusTrap?: boolean; -} - -// @public (undocumented) -export interface IActivityItemProps extends React.AllHTMLAttributes { - activityDescription?: React.ReactNode[] | React.ReactNode; - // @deprecated - activityDescriptionText?: string; - activityIcon?: React.ReactNode; - activityPersonas?: IPersonaSharedProps[]; - animateBeaconSignal?: boolean; - beaconColorOne?: string; - beaconColorTwo?: string; - comments?: React.ReactNode[] | React.ReactNode; - // @deprecated - commentText?: string; - isCompact?: boolean; - onRenderActivityDescription?: IRenderFunction; - onRenderComments?: IRenderFunction; - onRenderIcon?: IRenderFunction; - onRenderTimeStamp?: IRenderFunction; - styles?: IActivityItemStyles; - timeStamp?: string | React.ReactNode[] | React.ReactNode; -} - -// @public (undocumented) -export interface IActivityItemStyles { - activityContent?: IStyle; - activityPersona?: IStyle; - activityText?: IStyle; - activityTypeIcon?: IStyle; - commentText?: IStyle; - doublePersona?: IStyle; - isCompactContent?: IStyle; - isCompactIcon?: IStyle; - isCompactPersona?: IStyle; - isCompactPersonaContainer?: IStyle; - isCompactRoot?: IStyle; - isCompactTimeStamp?: IStyle; - personaContainer?: IStyle; - pulsingBeacon?: IStyle; - root?: IStyle; - timeStamp?: IStyle; -} - -// @public (undocumented) -export interface IAnnouncedProps extends React.Props, React.HTMLAttributes { - 'aria-live'?: 'off' | 'polite' | 'assertive'; - as?: React.ElementType; - message?: string; - styles?: IStyleFunctionOrObject<{}, IAnnouncedStyles>; -} - -// @public (undocumented) -export type IAnnouncedStyleProps = Pick; - -// @public (undocumented) -export interface IAnnouncedStyles { - root: IStyle; - screenReaderText: IStyle; -} - -// @public (undocumented) -export interface IAutofill { - clear(): void; - cursorLocation: number | null; - focus(): void; - inputElement: HTMLInputElement | null; - isValueSelected: boolean; - selectionEnd: number | null; - selectionStart: number | null; - value: string; -} - -// @public (undocumented) -export interface IAutofillProps extends React.InputHTMLAttributes { - componentRef?: IRefObject; - defaultVisibleValue?: string; - enableAutofillOnKeyPress?: KeyCodes[]; - onInputChange?: (value: string, composing: boolean) => string | void; - onInputValueChange?: (newValue?: string, composing?: boolean) => void; - preventValueSelection?: boolean; - shouldSelectFullInputValueInComponentDidUpdate?: () => boolean; - suggestedDisplayValue?: string; - // @deprecated - updateValueInWillReceiveProps?: () => string | null; -} - -// @public (undocumented) -export interface IAutofillState { - // (undocumented) - inputValue: string; -} - -// @public (undocumented) -export interface IBaseExtendedPicker { - focus: () => void; - forceResolve?: () => void; - items: T[] | undefined; -} - -// @public (undocumented) -export interface IBaseExtendedPickerProps { - className?: string; - componentRef?: IRefObject>; - currentRenderedQueryString?: string; - defaultSelectedItems?: T[]; - disabled?: boolean; - floatingPickerProps: IBaseFloatingPickerProps; - focusZoneProps?: IFocusZoneProps; - headerComponent?: JSX.Element; - inputProps?: IInputProps; - itemLimit?: number; - onBlur?: React.FocusEventHandler; - onChange?: (items?: T[]) => void; - onFocus?: React.FocusEventHandler; - onItemAdded?: (addedItem: T) => void; - onItemSelected?: (selectedItem?: T) => T | PromiseLike; - onItemsRemoved?: (removedItems: T[]) => void; - onPaste?: (pastedText: string) => T[]; - onRenderFloatingPicker: React.ComponentType>; - onRenderSelectedItems: React.ComponentType>; - selectedItems?: T[]; - selectedItemsListProps: IBaseSelectedItemsListProps; - suggestionItems?: T[]; -} - -// @public (undocumented) -export interface IBaseExtendedPickerState { - // (undocumented) - queryString: string | null; -} - -// @public (undocumented) -export interface IBaseFloatingPicker { - hidePicker: () => void; - inputText: string; - isSuggestionsShown: boolean; - onQueryStringChanged: (input: string) => void; - showPicker: (updateValue?: boolean) => void; - suggestions: any[]; -} - -// @public (undocumented) -export interface IBaseFloatingPickerProps extends React.ClassAttributes { - calloutWidth?: number; - className?: string; - // (undocumented) - componentRef?: IRefObject; - createGenericItem?: (input: string, isValid: boolean) => ISuggestionModel; - getTextFromItem?: (item: T, currentValue?: string) => string; - inputElement?: HTMLInputElement | null; - onChange?: (item: T) => void; - onInputChanged?: (filter: string) => void; - onRemoveSuggestion?: (item: T) => void; - onRenderSuggestionsItem?: (props: T, itemProps: ISuggestionItemProps) => JSX.Element; - onResolveSuggestions: (filter: string, selectedItems?: T[]) => T[] | PromiseLike | null; - onSuggestionsHidden?: () => void; - onSuggestionsShown?: () => void; - onValidateInput?: (input: string) => boolean; - onZeroQuerySuggestion?: (selectedItems?: T[]) => T[] | PromiseLike | null; - pickerCalloutProps?: ICalloutProps; - pickerSuggestionsProps?: IBaseFloatingPickerSuggestionProps; - resolveDelay?: number; - searchingText?: ((props: { - input: string; - }) => string) | string; - selectedItems?: T[]; - showForceResolve?: () => boolean; - suggestionItems?: T[]; - suggestionsStore: SuggestionsStore; -} - -// @public (undocumented) -export interface IBaseFloatingPickerState { - // (undocumented) - didBind: boolean; - // (undocumented) - queryString: string; - // (undocumented) - suggestionsVisible?: boolean; -} - -// @public -export type IBaseFloatingPickerSuggestionProps = Pick, 'shouldSelectFirstItem' | 'headerItemsProps' | 'footerItemsProps' | 'showRemoveButtons'>; - -// @public -export interface IBasePicker { - completeSuggestion: (forceComplete?: boolean) => void; - focus: () => void; - focusInput: () => void; - items: T[] | undefined; -} - -// @public -export interface IBasePickerProps extends React.Props { - ['aria-label']?: string; - className?: string; - componentRef?: IRefObject>; - createGenericItem?: (input: string, ValidationState: ValidationState) => ISuggestionModel | T; - defaultSelectedItems?: T[]; - disabled?: boolean; - enableSelectedSuggestionAlert?: boolean; - getTextFromItem?: (item: T, currentValue?: string) => string; - inputProps?: IInputProps; - itemLimit?: number; - onBlur?: React.FocusEventHandler; - onChange?: (items?: T[]) => void; - onDismiss?: (ev?: any, selectedItem?: T) => boolean | void; - // @deprecated - onEmptyInputFocus?: (selectedItems?: T[]) => T[] | PromiseLike; - onEmptyResolveSuggestions?: (selectedItems?: T[]) => T[] | PromiseLike; - // @deprecated - onFocus?: React.FocusEventHandler; - onGetMoreResults?: (filter: string, selectedItems?: T[]) => T[] | PromiseLike; - onInputChange?: (input: string) => string; - onItemSelected?: (selectedItem?: T) => T | PromiseLike | null; - onRemoveSuggestion?: (item: T) => void; - onRenderItem?: (props: IPickerItemProps) => JSX.Element; - onRenderSuggestionsItem?: (props: T, itemProps: ISuggestionItemProps) => JSX.Element; - onResolveSuggestions: (filter: string, selectedItems?: T[]) => T[] | PromiseLike; - onValidateInput?: (input: string) => ValidationState; - pickerCalloutProps?: ICalloutProps; - pickerSuggestionsProps?: IBasePickerSuggestionsProps; - removeButtonAriaLabel?: string; - resolveDelay?: number; - searchingText?: ((props: { - input: string; - }) => string) | string; - selectedItems?: T[]; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IBasePickerState { - // (undocumented) - isFocused?: boolean; - // (undocumented) - isMostRecentlyUsedVisible?: boolean; - // (undocumented) - isResultsFooterVisible?: boolean; - // (undocumented) - isSearching?: boolean; - // (undocumented) - items?: any; - // (undocumented) - moreSuggestionsAvailable?: boolean; - // (undocumented) - selectedIndices?: number[]; - // (undocumented) - suggestedDisplayValue?: string; - // (undocumented) - suggestionsLoading?: boolean; - // (undocumented) - suggestionsVisible?: boolean; -} - -// @public -export type IBasePickerStyleProps = Pick, 'theme' | 'className' | 'disabled'> & { - isFocused?: boolean; - inputClassName?: string; -}; - -// @public -export interface IBasePickerStyles { - input: IStyle; - itemsWrapper: IStyle; - root: IStyle; - screenReaderText: IStyle; - text: IStyle; -} - -// @public -export interface IBasePickerSuggestionsProps extends Pick, 'onRenderNoResultFound' | 'suggestionsHeaderText' | 'mostRecentlyUsedHeaderText' | 'noResultsFoundText' | 'className' | 'suggestionsClassName' | 'suggestionsItemClassName' | 'searchForMoreText' | 'forceResolveText' | 'loadingText' | 'searchingText' | 'resultsFooterFull' | 'resultsFooter' | 'resultsMaximumNumber' | 'showRemoveButtons' | 'suggestionsAvailableAlertText' | 'suggestionsContainerAriaLabel' | 'showForceResolve'> { -} - -// @public (undocumented) -export interface IBaseSelectedItemsList { - // (undocumented) - addItems: (items: T[]) => void; - items: T[] | undefined; -} - -// @public (undocumented) -export interface IBaseSelectedItemsListProps extends React.ClassAttributes { - canRemoveItem?: (item: T) => boolean; - // (undocumented) - componentRef?: IRefObject>; - createGenericItem?: (input: string, ValidationState: ValidationState) => ISuggestionModel; - defaultSelectedItems?: T[]; - onChange?: (items?: T[]) => void; - onCopyItems?: (items: T[]) => string; - // @deprecated - onItemDeleted?: (deletedItem: T) => void; - onItemsDeleted?: (deletedItems: T[]) => void; - onItemSelected?: (selectedItem?: T | T[]) => T | PromiseLike | T[] | PromiseLike; - onRenderItem?: (props: ISelectedItemProps) => JSX.Element; - removeButtonAriaLabel?: string; - selectedItems?: T[]; - selection?: Selection; -} - -// @public (undocumented) -export interface IBaseSelectedItemsListState { - // (undocumented) - items: T[]; -} - -// @public (undocumented) -export interface IButtonGrid { -} - -// @public (undocumented) -export interface IButtonGridCellProps { - cellDisabledStyle?: string[]; - cellIsSelectedStyle?: string[]; - className?: string; - disabled?: boolean; - // Warning: (ae-forgotten-export) The symbol "IButtonClassNames" needs to be exported by the entry point index.d.ts - getClassNames?: (theme: ITheme, className: string, variantClassName: string, iconClassName: string | undefined, menuIconClassName: string | undefined, disabled: boolean, checked: boolean, expanded: boolean, isSplit: boolean | undefined) => IButtonClassNames; - id: string; - index?: number; - item: T; - label?: string; - onClick?: (item: T) => void; - onFocus?: (item: T) => void; - onHover?: (item?: T) => void; - onKeyDown?: (ev: React.KeyboardEvent) => void; - onMouseEnter?: (ev: React.MouseEvent) => boolean; - onMouseLeave?: (ev: React.MouseEvent) => void; - onMouseMove?: (ev: React.MouseEvent) => boolean; - onRenderItem: (item: T) => JSX.Element; - onWheel?: (ev: React.MouseEvent) => void; - role?: string; - selected?: boolean; -} - -// @public (undocumented) -export interface IButtonGridProps extends React.TableHTMLAttributes, React.RefAttributes { - ariaPosInSet?: number; - ariaSetSize?: number; - columnCount: number; - componentRef?: IRefObject; - // @deprecated - containerClassName?: string; - doNotContainWithinFocusZone?: boolean; - items: any[]; - onBlur?: () => void; - onRenderItem: (item: any, index: number) => JSX.Element; - // @deprecated (undocumented) - positionInSet?: number; - // @deprecated (undocumented) - setSize?: number; - shouldFocusCircularNavigate?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public -export interface IButtonGridStyleProps { - theme: ITheme; -} - -// @public -export interface IButtonGridStyles { - focusedContainer?: IStyle; - root: IStyle; - tableCell: IStyle; -} - -// @public (undocumented) -export interface ICalloutBeakPositionedInfo extends IPositionedData { - // (undocumented) - closestEdge: RectangleEdge; -} - -// @public (undocumented) -export interface ICalloutContentStyleProps { - backgroundColor?: string; - beakWidth?: number; - calloutMaxWidth?: number; - calloutMinWidth?: number; - calloutWidth?: number; - className?: string; - overflowYHidden?: boolean; - positions?: ICalloutPositionedInfo; - theme: ITheme; -} - -// @public (undocumented) -export interface ICalloutContentStyles { - beak: IStyle; - beakCurtain: IStyle; - calloutMain: IStyle; - container: IStyle; - root: IStyle; -} - -// @public (undocumented) -export interface ICalloutPositionedInfo extends IPositionedData { - // (undocumented) - beakPosition: ICalloutBeakPositionedInfo; -} - -// @public (undocumented) -export interface ICalloutPositionProps extends IPositionProps { - beakWidth?: number; - isBeakVisible?: boolean; -} - -// @public (undocumented) -export interface ICalloutProps extends React.HTMLAttributes, React.RefAttributes { - alignTargetEdge?: boolean; - ariaDescribedBy?: string; - ariaLabel?: string; - ariaLabelledBy?: string; - backgroundColor?: string; - beakWidth?: number; - bounds?: IRectangle | ((target?: Target, targetWindow?: Window) => IRectangle | undefined); - calloutMaxHeight?: number; - calloutMaxWidth?: number; - calloutMinWidth?: number; - calloutWidth?: number; - className?: string; - coverTarget?: boolean; - directionalHint?: DirectionalHint; - directionalHintFixed?: boolean; - directionalHintForRTL?: DirectionalHint; - doNotLayer?: boolean; - finalHeight?: number; - gapSpace?: number; - hidden?: boolean; - hideOverflow?: boolean; - isBeakVisible?: boolean; - layerProps?: ILayerProps; - minPagePadding?: number; - onDismiss?: (ev?: Event | React.MouseEvent | React.KeyboardEvent) => void; - onLayerMounted?: () => void; - onPositioned?: (positions?: ICalloutPositionedInfo) => void; - onRestoreFocus?: (params: IPopupRestoreFocusParams) => void; - onScroll?: () => void; - preventDismissOnEvent?: (ev: Event | React.FocusEvent | React.KeyboardEvent | React.MouseEvent) => boolean; - // @deprecated - preventDismissOnLostFocus?: boolean; - // @deprecated - preventDismissOnResize?: boolean; - // @deprecated - preventDismissOnScroll?: boolean; - role?: string; - setInitialFocus?: boolean; - shouldDismissOnWindowFocus?: boolean; - // @deprecated - shouldRestoreFocus?: boolean; - shouldUpdateWhenHidden?: boolean; - style?: React.CSSProperties; - styles?: IStyleFunctionOrObject; - target?: Target; - theme?: ITheme; -} - -// @public -export interface ICheckbox { - checked: boolean; - focus: () => void; - indeterminate: boolean; -} - -// @public -export interface ICheckboxProps extends React.ButtonHTMLAttributes, React.RefAttributes { - ariaDescribedBy?: string; - ariaLabel?: string; - ariaLabelledBy?: string; - ariaPositionInSet?: number; - ariaSetSize?: number; - boxSide?: 'start' | 'end'; - checked?: boolean; - checkmarkIconProps?: IIconProps; - className?: string; - componentRef?: IRefObject; - defaultChecked?: boolean; - defaultIndeterminate?: boolean; - disabled?: boolean; - indeterminate?: boolean; - inputProps?: React.ButtonHTMLAttributes; - label?: string; - onChange?: (ev?: React.FormEvent, checked?: boolean) => void; - onRenderLabel?: IRenderFunction; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface ICheckboxStyleProps { - // (undocumented) - checked?: boolean; - // (undocumented) - className?: string; - // (undocumented) - disabled?: boolean; - // (undocumented) - indeterminate?: boolean; - // (undocumented) - isUsingCustomLabelRender: boolean; - // (undocumented) - reversed?: boolean; - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface ICheckboxStyles { - checkbox?: IStyle; - checkmark?: IStyle; - input?: IStyle; - label?: IStyle; - root?: IStyle; - text?: IStyle; -} - -// @public (undocumented) -export interface ICheckProps extends React.RefAttributes { - // @deprecated (undocumented) - alwaysShowCheck?: boolean; - checked?: boolean; - className?: string; - componentRef?: IRefObject; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - useFastIcons?: boolean; -} - -// @public (undocumented) -export type ICheckStyleProps = Required> & Pick & { - height?: string; - checkBoxHeight?: string; -}; - -// @public (undocumented) -export interface ICheckStyles { - check: IStyle; - // @deprecated - checkHost: IStyle; - circle: IStyle; - root: IStyle; -} - -// @public (undocumented) -export interface IChoiceGroup { - checkedOption: IChoiceGroupOption | undefined; - focus: () => void; -} - -// @public (undocumented) -export interface IChoiceGroupOption extends Omit, 'checked'> { - ariaLabel?: string; - disabled?: boolean; - iconProps?: IIconProps; - id?: string; - imageAlt?: string; - imageSize?: { - width: number; - height: number; - }; - imageSrc?: string; - key: string; - labelId?: string; - onRenderField?: IRenderFunction; - onRenderLabel?: IRenderFunction; - selectedImageSrc?: string; - styles?: IStyleFunctionOrObject; - text: string; -} - -// @public (undocumented) -export interface IChoiceGroupOptionProps extends Omit { - checked?: boolean; - // @deprecated (undocumented) - componentRef?: IRefObject; - focused?: boolean; - itemKey: string; - key?: string; - name?: string; - onBlur?: (ev?: React.FocusEvent, props?: IChoiceGroupOptionProps) => void; - onChange?: (evt?: React.FormEvent, props?: IChoiceGroupOptionProps) => void; - onFocus?: (ev?: React.FocusEvent, props?: IChoiceGroupOptionProps) => void | undefined; - required?: boolean; - theme?: ITheme; -} - -// @public -export interface IChoiceGroupOptionStyleProps { - checked?: boolean; - disabled?: boolean; - focused?: boolean; - hasIcon?: boolean; - hasImage?: boolean; - imageIsLarge?: boolean; - imageSize?: { - height: number; - width: number; - }; - theme: ITheme; -} - -// @public (undocumented) -export interface IChoiceGroupOptionStyles { - // (undocumented) - choiceFieldWrapper?: IStyle; - // (undocumented) - field?: IStyle; - // (undocumented) - iconWrapper?: IStyle; - // (undocumented) - imageWrapper?: IStyle; - // (undocumented) - innerField?: IStyle; - // (undocumented) - input?: IStyle; - // (undocumented) - labelWrapper?: IStyle; - // (undocumented) - root?: IStyle; - // (undocumented) - selectedImageWrapper?: IStyle; -} - -// @public (undocumented) -export interface IChoiceGroupProps extends React.InputHTMLAttributes, React.RefAttributes { - ariaLabelledBy?: string; - componentRef?: IRefObject; - defaultSelectedKey?: string | number; - label?: string; - onChange?: (ev?: React.FormEvent, option?: IChoiceGroupOption) => void; - options?: IChoiceGroupOption[]; - selectedKey?: string | number; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IChoiceGroupStyleProps { - // (undocumented) - className?: string; - // (undocumented) - optionsContainIconOrImage?: boolean; - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface IChoiceGroupStyles { - // (undocumented) - flexContainer?: IStyle; - // (undocumented) - label?: IStyle; - // (undocumented) - root?: IStyle; -} - -// @public -export interface ICircle extends IShimmerElement { - height?: number; -} - -// @public (undocumented) -export interface ICoachmark { - dismiss?: (ev?: Event | React.MouseEvent | React.KeyboardEvent) => void; -} - -// @public -export interface ICoachmarkProps extends React.RefAttributes { - ariaAlertText?: string; - ariaDescribedBy?: string; - ariaDescribedByText?: string; - ariaLabelledBy?: string; - ariaLabelledByText?: string; - beaconColorOne?: string; - beaconColorTwo?: string; - // @deprecated (undocumented) - beakHeight?: number; - // @deprecated (undocumented) - beakWidth?: number; - children?: React.ReactNode; - className?: string; - // @deprecated - collapsed?: boolean; - color?: string; - componentRef?: IRefObject; - delayBeforeCoachmarkAnimation?: number; - delayBeforeMouseOpen?: number; - // @deprecated (undocumented) - height?: number; - isCollapsed?: boolean; - isPositionForced?: boolean; - mouseProximityOffset?: number; - onAnimationOpenEnd?: () => void; - onAnimationOpenStart?: () => void; - onDismiss?: (ev?: Event | React.MouseEvent | React.KeyboardEvent) => void; - onMouseMove?: (e: MouseEvent) => void; - persistentBeak?: boolean; - positioningContainerProps?: IPositioningContainerProps; - preventDismissOnLostFocus?: boolean; - preventFocusOnMount?: boolean; - styles?: IStyleFunctionOrObject; - target: HTMLElement | string | null; - // @deprecated (undocumented) - teachingBubbleRef?: ITeachingBubble; - theme?: ITheme; - // @deprecated (undocumented) - width?: number; -} - -// @public -export interface ICoachmarkStyleProps { - beaconColorOne?: string; - beaconColorTwo?: string; - className?: string; - // @deprecated - collapsed?: boolean; - color?: string; - delayBeforeCoachmarkAnimation?: string; - entityHostHeight?: string; - entityHostWidth?: string; - height?: string; - isCollapsed: boolean; - isMeasuring: boolean; - theme?: ITheme; - transformOrigin?: string; - width?: string; -} - -// @public -export interface ICoachmarkStyles { - ariaContainer?: IStyle; - childrenContainer: IStyle; - collapsed?: IStyle; - entityHost?: IStyle; - entityInnerHost: IStyle; - pulsingBeacon?: IStyle; - root?: IStyle; - rotateAnimationLayer?: IStyle; - scaleAnimationLayer?: IStyle; - translateAnimationContainer?: IStyle; -} - -// @public @deprecated (undocumented) -export type ICoachmarkTypes = ICoachmarkProps; - -// @public (undocumented) -export interface IColor extends IRGB, IHSV { - hex: string; - str: string; - t?: number; -} - -// @public (undocumented) -export interface IColorCellProps { - color: string; - id: string; - index?: number; - label?: string; -} - -// @public (undocumented) -export interface IColorPicker { - color: IColor; -} - -// @public (undocumented) -export interface IColorPickerGridCellProps { - borderWidth?: number; - circle?: boolean; - color: string; - disabled?: boolean; - height?: number; - // @deprecated - id?: string; - idPrefix?: string; - index?: number; - item: IColorCellProps; - label?: string; - onClick?: (item: IColorCellProps) => void; - // (undocumented) - onFocus?: (item: IColorCellProps) => void; - // (undocumented) - onHover?: (item?: IColorCellProps) => void; - // (undocumented) - onKeyDown?: (ev: React.KeyboardEvent) => void; - onMouseEnter?: (ev: React.MouseEvent) => boolean; - // (undocumented) - onMouseLeave?: (ev: React.MouseEvent) => void; - onMouseMove?: (ev: React.MouseEvent) => boolean; - // (undocumented) - onWheel?: (ev: React.MouseEvent) => void; - selected: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - width?: number; -} - -// @public (undocumented) -export interface IColorPickerGridCellStyleProps { - borderWidth?: number; - circle?: boolean; - disabled?: boolean; - height?: number; - isWhite?: boolean; - selected?: boolean; - theme: ITheme; - width?: number; -} - -// @public (undocumented) -export interface IColorPickerGridCellStyles { - colorCell: IStyle; - svg: IStyle; -} - -// @public (undocumented) -export interface IColorPickerProps { - // @deprecated - alphaLabel?: string; - // @deprecated - alphaSliderHidden?: boolean; - alphaType?: 'alpha' | 'transparency' | 'none'; - // @deprecated - blueLabel?: string; - className?: string; - color: IColor | string; - componentRef?: IRefObject; - // @deprecated - greenLabel?: string; - // @deprecated - hexLabel?: string; - onChange?: (ev: React.SyntheticEvent, color: IColor) => void; - // @deprecated - redLabel?: string; - showPreview?: boolean; - strings?: IColorPickerStrings; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IColorPickerState { - color: IColor; - editingColor?: { - component: ColorComponent; - value: string; - }; -} - -// @public (undocumented) -export interface IColorPickerStrings { - alpha?: string; - alphaAriaLabel?: string; - blue?: string; - green?: string; - hex?: string; - // @deprecated - hue?: string; - hueAriaLabel?: string; - red?: string; - rootAriaLabelFormat?: string; - svAriaDescription?: string; - svAriaLabel?: string; - svAriaValueFormat?: string; - transparency?: string; - transparencyAriaLabel?: string; -} - -// @public (undocumented) -export type IColorPickerStyleProps = Required> & Pick; - -// @public (undocumented) -export interface IColorPickerStyles { - colorRectangle?: IStyle; - colorSquare?: IStyle; - flexContainer?: IStyle; - flexPreviewBox?: IStyle; - flexSlider?: IStyle; - input?: IStyle; - panel?: IStyle; - root?: IStyle; - table?: IStyle; - tableAlphaCell?: IStyle; - tableHeader?: IStyle; - tableHexCell?: IStyle; -} - -// @public (undocumented) -export interface IColorRectangle { - color: IColor; -} - -// @public (undocumented) -export interface IColorRectangleProps { - ariaDescription?: string; - ariaLabel?: string; - ariaValueFormat?: string; - className?: string; - color: IColor; - componentRef?: IRefObject; - minSize?: number; - onChange?: (ev: React.MouseEvent | React.KeyboardEvent, color: IColor) => void; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IColorRectangleStyleProps { - className?: string; - minSize?: number; - theme: ITheme; -} - -// @public (undocumented) -export interface IColorRectangleStyles { - dark?: IStyle; - description?: IStyle; - light?: IStyle; - root?: IStyle; - thumb?: IStyle; -} - -// @public (undocumented) -export interface IColorSlider { - value: number; -} - -// @public (undocumented) -export interface IColorSliderProps { - ariaLabel?: string; - className?: string; - componentRef?: IRefObject; - // @deprecated - isAlpha?: boolean; - // @deprecated - maxValue?: number; - // @deprecated - minValue?: number; - onChange?: (event: React.MouseEvent | React.KeyboardEvent, newValue?: number) => void; - overlayColor?: string; - // @deprecated - overlayStyle?: React.CSSProperties; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - // @deprecated - thumbColor?: string; - type?: 'hue' | 'alpha' | 'transparency'; - value?: number; -} - -// @public (undocumented) -export type IColorSliderStyleProps = Required> & Pick & { - isAlpha?: boolean; -}; - -// @public (undocumented) -export interface IColorSliderStyles { - root?: IStyle; - sliderOverlay?: IStyle; - sliderThumb?: IStyle; -} - -// @public (undocumented) -export interface ICommandBar { - focus(): void; - remeasure(): void; -} - -// @public (undocumented) -export interface ICommandBarData { - cacheKey: string; - farItems: ICommandBarItemProps[] | undefined; - minimumOverflowItems: number; - overflowItems: ICommandBarItemProps[]; - primaryItems: ICommandBarItemProps[]; -} - -// @public -export interface ICommandBarItemProps extends IContextualMenuItem { - // Warning: (ae-forgotten-export) The symbol "IButtonStyles" needs to be exported by the entry point index.d.ts - buttonStyles?: IButtonStyles; - cacheKey?: string; - commandBarButtonAs?: IComponentAs; - iconOnly?: boolean; - renderedInOverflow?: boolean; - tooltipHostProps?: ITooltipHostProps; -} - -// @public (undocumented) -export interface ICommandBarProps extends React.HTMLAttributes { - ariaLabel?: string; - buttonAs?: IComponentAs; - className?: string; - componentRef?: IRefObject; - dataDidRender?: (renderedData: any) => void; - farItems?: ICommandBarItemProps[]; - items: ICommandBarItemProps[]; - onDataGrown?: (movedItem: ICommandBarItemProps) => void; - onDataReduced?: (movedItem: ICommandBarItemProps) => void; - onGrowData?: (data: ICommandBarData) => ICommandBarData | undefined; - onReduceData?: (data: ICommandBarData) => ICommandBarData | undefined; - overflowButtonAs?: IComponentAs; - // Warning: (ae-forgotten-export) The symbol "IButtonProps" needs to be exported by the entry point index.d.ts - overflowButtonProps?: IButtonProps; - overflowItems?: ICommandBarItemProps[]; - shiftOnReduce?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface ICommandBarStyleProps { - // (undocumented) - className?: string; - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface ICommandBarStyles { - // (undocumented) - primarySet?: IStyle; - // (undocumented) - root?: IStyle; - // (undocumented) - secondarySet?: IStyle; -} - -// @public -export const Icon: React.FunctionComponent; - -// @public (undocumented) -export class IconBase extends React.Component { - constructor(props: IIconProps); - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export interface IContextualMenu { -} - -// @public @deprecated (undocumented) -export interface IContextualMenuClassNames { - // (undocumented) - container: string; - // (undocumented) - header: string; - // (undocumented) - list: string; - // (undocumented) - root: string; - // (undocumented) - subComponentStyles?: IContextualMenuSubComponentStyles; - // (undocumented) - title: string; -} - -// @public (undocumented) -export interface IContextualMenuItem { - [propertyName: string]: any; - ariaDescribedBy?: string; - ariaDescription?: string; - ariaLabel?: string; - canCheck?: boolean; - checked?: boolean; - className?: string; - componentRef?: IRefObject; - customOnRenderListLength?: number; - data?: any; - disabled?: boolean; - // @deprecated - getItemClassNames?: (theme: ITheme, disabled: boolean, expanded: boolean, checked: boolean, isAnchorLink: boolean, knownIcon: boolean, itemClassName?: string, dividerClassName?: string, iconClassName?: string, subMenuClassName?: string, primaryDisabled?: boolean) => IMenuItemClassNames; - getSplitButtonVerticalDividerClassNames?: (theme: ITheme) => IVerticalDividerClassNames; - href?: string; - iconProps?: IIconProps; - // @deprecated (undocumented) - inactive?: boolean; - itemProps?: Partial; - // (undocumented) - itemType?: ContextualMenuItemType; - key: string; - keytipProps?: IKeytipProps; - // @deprecated - name?: string; - onClick?: (ev?: React.MouseEvent | React.KeyboardEvent, item?: IContextualMenuItem) => boolean | void; - onMouseDown?: (item: IContextualMenuItem, event: React.MouseEvent) => void; - onRender?: (item: any, dismissMenu: (ev?: any, dismissAll?: boolean) => void) => React.ReactNode; - onRenderContent?: (props: IContextualMenuItemProps, defaultRenders: IContextualMenuItemRenderFunctions) => React.ReactNode; - onRenderIcon?: IRenderFunction; - primaryDisabled?: boolean; - rel?: string; - role?: string; - secondaryText?: string; - sectionProps?: IContextualMenuSection; - // @deprecated (undocumented) - shortCut?: string; - split?: boolean; - // @deprecated - style?: React.CSSProperties; - submenuIconProps?: IIconProps; - subMenuProps?: IContextualMenuProps; - target?: string; - text?: string; - title?: string; -} - -// @public (undocumented) -export interface IContextualMenuItemProps extends React.HTMLAttributes { - className?: string; - classNames: IMenuItemClassNames; - componentRef?: IRefObject; - dismissMenu?: (ev?: any, dismissAll?: boolean) => void; - dismissSubMenu?: () => void; - getSubmenuTarget?: () => HTMLElement | undefined; - hasIcons: boolean | undefined; - index: number; - item: IContextualMenuItem; - onCheckmarkClick?: (item: IContextualMenuItem, ev: React.MouseEvent) => void; - openSubMenu?: (item: any, target: HTMLElement) => void; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IContextualMenuItemRenderFunctions { - renderCheckMarkIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React.ReactNode; - renderItemIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React.ReactNode; - renderItemName: (props: IContextualMenuItemProps, customClassNames?: string[]) => React.ReactNode; - renderSecondaryText: (props: IContextualMenuItemProps, customClassNames?: string[]) => React.ReactNode; - renderSubMenuIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React.ReactNode; -} - -// @public (undocumented) -export interface IContextualMenuItemRenderProps extends IContextualMenuItem { - // (undocumented) - focusableElementIndex: number; - // (undocumented) - hasCheckmarks: boolean; - // (undocumented) - hasIcons: boolean; - // (undocumented) - index: number; - // (undocumented) - totalItemCount: number; -} - -// @public (undocumented) -export interface IContextualMenuItemStyleProps { - checked: boolean; - className?: string; - disabled: boolean; - dividerClassName?: string; - expanded: boolean; - iconClassName?: string; - isAnchorLink: boolean; - itemClassName?: string; - knownIcon: boolean; - primaryDisabled?: boolean; - subMenuClassName?: string; - theme: ITheme; -} - -// @public (undocumented) -export interface IContextualMenuItemStyles extends IButtonStyles { - anchorLink: IStyle; - checkmarkIcon: IStyle; - divider: IStyle; - icon: IStyle; - iconColor: IStyle; - item: IStyle; - label: IStyle; - linkContent: IStyle; - linkContentMenu: IStyle; - root: IStyle; - screenReaderText: IStyle; - secondaryText: IStyle; - splitContainer: IStyle; - splitMenu: IStyle; - splitPrimary: IStyle; - subMenuIcon: IStyle; -} - -// @public (undocumented) -export interface IContextualMenuListProps { - // (undocumented) - defaultMenuItemRenderer: (item: IContextualMenuItemRenderProps) => React.ReactNode; - // (undocumented) - hasCheckmarks: boolean; - // (undocumented) - hasIcons: boolean; - // (undocumented) - items: IContextualMenuItem[]; - // (undocumented) - role?: string; - // (undocumented) - totalItemCount: number; -} - -// Warning: (ae-forgotten-export) The symbol "IWithResponsiveModeState" needs to be exported by the entry point index.d.ts -// -// @public (undocumented) -export interface IContextualMenuProps extends IBaseProps, React.RefAttributes, IWithResponsiveModeState { - alignTargetEdge?: boolean; - ariaLabel?: string; - beakWidth?: number; - bounds?: IRectangle | ((target?: Target, targetWindow?: Window) => IRectangle | undefined); - calloutProps?: ICalloutProps; - className?: string; - componentRef?: IRefObject; - contextualMenuItemAs?: React.ComponentClass | React.FunctionComponent; - coverTarget?: boolean; - delayUpdateFocusOnHover?: boolean; - directionalHint?: DirectionalHint; - directionalHintFixed?: boolean; - directionalHintForRTL?: DirectionalHint; - doNotLayer?: boolean; - focusZoneProps?: IFocusZoneProps; - gapSpace?: number; - // @deprecated - getMenuClassNames?: (theme: ITheme, className?: string) => IContextualMenuClassNames; - hidden?: boolean; - id?: string; - isBeakVisible?: boolean; - isSubMenu?: boolean; - items: IContextualMenuItem[]; - labelElementId?: string; - onDismiss?: (ev?: Event | React.MouseEvent | React.KeyboardEvent, dismissAll?: boolean) => void; - onItemClick?: (ev?: React.MouseEvent | React.KeyboardEvent, item?: IContextualMenuItem) => boolean | void; - onMenuDismissed?: (contextualMenu?: IContextualMenuProps) => void; - onMenuOpened?: (contextualMenu?: IContextualMenuProps) => void; - onRenderMenuList?: IRenderFunction; - onRenderSubMenu?: IRenderFunction; - onRestoreFocus?: (params: IPopupRestoreFocusParams) => void; - shouldFocusOnContainer?: boolean; - shouldFocusOnMount?: boolean; - shouldUpdateWhenHidden?: boolean; - styles?: IStyleFunctionOrObject; - subMenuHoverDelay?: number; - target?: Target; - theme?: ITheme; - title?: string; - useTargetAsMinWidth?: boolean; - useTargetWidth?: boolean; -} - -// @public (undocumented) -export interface IContextualMenuRenderItem { - dismissMenu: (dismissAll?: boolean) => void; - dismissSubMenu: () => void; - openSubMenu: () => void; -} - -// @public (undocumented) -export interface IContextualMenuSection extends React.ClassAttributes { - bottomDivider?: boolean; - items: IContextualMenuItem[]; - title?: string; - topDivider?: boolean; -} - -// @public (undocumented) -export interface IContextualMenuState { - // (undocumented) - contextualMenuItems?: IContextualMenuItem[]; - // (undocumented) - contextualMenuTarget?: Element; - // (undocumented) - positions?: any; - // (undocumented) - slideDirectionalClassName?: string; - // (undocumented) - submenuDirection?: DirectionalHint; - // (undocumented) - subMenuId?: string; -} - -// @public (undocumented) -export interface IContextualMenuStyleProps { - // (undocumented) - className?: string; - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface IContextualMenuStyles { - container: IStyle; - header: IStyle; - list: IStyle; - root: IStyle; - subComponentStyles: IContextualMenuSubComponentStyles; - title: IStyle; -} - -// @public (undocumented) -export interface IContextualMenuSubComponentStyles { - callout: IStyleFunctionOrObject; - menuItem: IStyleFunctionOrObject; -} - -// @public @deprecated (undocumented) -export enum IconType { - // @deprecated (undocumented) - Default = 100000, - // @deprecated - default = 0, - // @deprecated (undocumented) - Image = 100001, - // @deprecated - image = 1 -} - -// @public (undocumented) -export interface IDialog { -} - -// @public (undocumented) -export interface IDialogContent { -} - -// @public (undocumented) -export interface IDialogContentProps extends React.ClassAttributes { - className?: string; - closeButtonAriaLabel?: string; - componentRef?: IRefObject; - draggableHeaderClassName?: string; - isMultiline?: boolean; - onDismiss?: (ev?: React.MouseEvent) => any; - responsiveMode?: ResponsiveMode; - showCloseButton?: boolean; - styles?: IStyleFunctionOrObject; - subText?: string; - subTextId?: string; - theme?: ITheme; - title?: string | JSX.Element; - // @deprecated - titleId?: string; - titleProps?: React.HTMLAttributes; - topButtonsProps?: IButtonProps[]; - type?: DialogType; -} - -// @public (undocumented) -export interface IDialogContentStyleProps { - className?: string; - draggableHeaderClassName?: string; - // (undocumented) - hidden?: boolean; - // (undocumented) - isClose?: boolean; - // (undocumented) - isLargeHeader?: boolean; - isMultiline?: boolean; - theme: ITheme; -} - -// @public (undocumented) -export interface IDialogContentStyles { - // (undocumented) - button: IStyle; - content: IStyle; - // (undocumented) - header: IStyle; - // (undocumented) - inner: IStyle; - // (undocumented) - innerContent: IStyle; - // (undocumented) - subText: IStyle; - // (undocumented) - title: IStyle; - // (undocumented) - topButton: IStyle; -} - -// @public (undocumented) -export interface IDialogFooter { -} - -// @public (undocumented) -export interface IDialogFooterProps extends React.Props { - className?: string; - componentRef?: IRefObject; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IDialogFooterStyleProps { - className?: string; - theme: ITheme; -} - -// @public (undocumented) -export interface IDialogFooterStyles { - // (undocumented) - action: IStyle; - actions: IStyle; - // (undocumented) - actionsRight: IStyle; -} - -// @public (undocumented) -export interface IDialogProps extends React.ClassAttributes, IWithResponsiveModeState, IAccessiblePopupProps { - // @deprecated - ariaDescribedById?: string; - // @deprecated - ariaLabelledById?: string; - // @deprecated - className?: string; - // @deprecated (undocumented) - componentRef?: IRefObject; - // @deprecated - containerClassName?: string; - // @deprecated - contentClassName?: string; - dialogContentProps?: IDialogContentProps; - hidden?: boolean; - // @deprecated - isBlocking?: boolean; - // @deprecated - isDarkOverlay?: boolean; - // @deprecated - isOpen?: boolean; - maxWidth?: ICSSRule | ICSSPixelUnitRule; - minWidth?: ICSSRule | ICSSPixelUnitRule; - modalProps?: IModalProps; - onDismiss?: (ev?: React.MouseEvent) => any; - // @deprecated - onDismissed?: () => any; - // @deprecated - onLayerDidMount?: () => void; - // @deprecated - onLayerMounted?: () => void; - styles?: IStyleFunctionOrObject; - // @deprecated - subText?: string; - theme?: ITheme; - // @deprecated - title?: string | JSX.Element; - // @deprecated - topButtonsProps?: IButtonProps[]; - // @deprecated - type?: DialogType; -} - -// @public (undocumented) -export interface IDialogStyleProps { - className?: string; - // @deprecated - containerClassName?: string; - // @deprecated - contentClassName?: string; - dialogDefaultMaxWidth?: string | ICSSRule | ICSSPixelUnitRule; - dialogDefaultMinWidth?: string | ICSSRule | ICSSPixelUnitRule; - hidden?: boolean; - theme: ITheme; -} - -// @public (undocumented) -export interface IDialogStyles { - // (undocumented) - main: IStyle; - root: IStyle; -} - -// @public -export interface IDragDropContext { - data: any; - index: number; - isGroup?: boolean; -} - -// @public (undocumented) -export interface IDragDropEvent { - isHandled?: boolean; -} - -// @public -export interface IDragDropEvents { - canDrag?: (item?: any) => boolean; - canDragGroups?: boolean; - canDrop?: (dropContext?: IDragDropContext, dragContext?: IDragDropContext) => boolean; - onDragEnd?: (item?: any, event?: DragEvent) => void; - onDragEnter?: (item?: any, event?: DragEvent) => string; - onDragLeave?: (item?: any, event?: DragEvent) => void; - onDragOver?: (item?: any, event?: DragEvent) => void; - onDragStart?: (item?: any, itemIndex?: number, selectedItems?: any[], event?: MouseEvent) => void; - onDrop?: (item?: any, event?: DragEvent) => void; -} - -// @public -export interface IDragDropHelper { - dispose: () => void; - subscribe: (root: HTMLElement, events: EventGroup, options: IDragDropOptions) => { - key: string; - dispose: () => void; - }; - unsubscribe: (root: HTMLElement, key: string) => void; -} - -// @public (undocumented) -export interface IDragDropHelperParams { - // (undocumented) - minimumPixelsForDrag?: number; - // (undocumented) - selection: ISelection; -} - -// @public -export interface IDragDropOptions { - canDrag?: (item?: any) => boolean; - canDrop?: (dropContext?: IDragDropContext, dragContext?: IDragDropContext) => boolean; - context: IDragDropContext; - eventMap?: { - eventName: string; - callback: (context: IDragDropContext, event?: any) => void; - }[]; - key?: string; - onDragEnd?: (item?: any, event?: DragEvent) => void; - onDragOver?: (item?: any, event?: DragEvent) => void; - onDragStart?: (item?: any, itemIndex?: number, selectedItems?: any[], event?: MouseEvent) => void; - onDrop?: (item?: any, event?: DragEvent) => void; - selectionIndex: number; - updateDropState: (isDropping: boolean, event: DragEvent) => void; -} - -// @public (undocumented) -export interface IDragDropTarget { - // (undocumented) - key: string; - // (undocumented) - options: IDragDropOptions; - // (undocumented) - root: HTMLElement; -} - -// @public (undocumented) -export interface IDragOptions { - closeMenuItemText: string; - dragHandleSelector?: string; - keepInBounds?: boolean; - keyboardMoveIconProps?: IIconProps; - menu: React.FunctionComponent; - moveMenuItemText: string; -} - -// @public (undocumented) -export interface IEditingSelectedPeopleItemProps extends ISelectedPeopleItemProps { - // (undocumented) - floatingPickerProps?: IBaseFloatingPickerProps; - // (undocumented) - getEditingItemText?: (item: IExtendedPersonaProps) => string; - // (undocumented) - onEditingComplete: (oldItem: any, newItem: any) => void; - // (undocumented) - onRenderFloatingPicker?: React.ComponentType>; -} - -// @public (undocumented) -export interface IEditingSelectedPeopleItemStyles { - // (undocumented) - input: IStyle; - // (undocumented) - root: IStyle; -} - -// @public (undocumented) -export interface IEditingSelectedPeopleItemStylesProps { -} - -// @public -export interface IElementPosition { - // (undocumented) - alignmentEdge: RectangleEdge | undefined; - // (undocumented) - elementRectangle: Rectangle; - // (undocumented) - targetEdge: RectangleEdge; -} - -// @public (undocumented) -export interface IElementPositionInfo extends IElementPosition { - // (undocumented) - targetRectangle: Rectangle; -} - -// @public -export interface IEntityRect { - // (undocumented) - height?: number; - // (undocumented) - width?: number; -} - -// @public (undocumented) -export interface IExpandingCard { -} - -// Warning: (ae-forgotten-export) The symbol "IBaseCardProps" needs to be exported by the entry point index.d.ts -// -// @public -export interface IExpandingCardProps extends IBaseCardProps { - compactCardHeight?: number; - expandedCardHeight?: number; - mode?: ExpandingCardMode; - onRenderCompactCard?: IRenderFunction; - onRenderExpandedCard?: IRenderFunction; -} - -// @public (undocumented) -export interface IExpandingCardState { - // (undocumented) - firstFrameRendered: boolean; - // (undocumented) - needsScroll: boolean; -} - -// Warning: (ae-forgotten-export) The symbol "IBaseCardStyleProps" needs to be exported by the entry point index.d.ts -// -// @public (undocumented) -export interface IExpandingCardStyleProps extends IBaseCardStyleProps { - compactCardHeight?: number; - expandedCardFirstFrameRendered?: boolean; - expandedCardHeight?: number; - needsScroll?: boolean; -} - -// Warning: (ae-forgotten-export) The symbol "IBaseCardStyles" needs to be exported by the entry point index.d.ts -// -// @public (undocumented) -export interface IExpandingCardStyles extends IBaseCardStyles { - compactCard?: IStyle; - expandedCard?: IStyle; - expandedCardScroll?: IStyle; -} - -// @public (undocumented) -export interface IExtendedPeoplePickerProps extends IBaseExtendedPickerProps { -} - -// @public (undocumented) -export interface IExtendedPersonaProps extends IPersonaProps { - // (undocumented) - blockRecipientRemoval?: boolean; - // (undocumented) - canExpand?: boolean; - // (undocumented) - isEditing?: boolean; - // (undocumented) - isValid: boolean; - // (undocumented) - key?: React.Key; - // (undocumented) - shouldBlockSelection?: boolean; -} - -// @public (undocumented) -export interface IFabricProps extends React.HTMLAttributes, React.RefAttributes { - applyTheme?: boolean; - applyThemeToBody?: boolean; - as?: React.ElementType; - // (undocumented) - componentRef?: IRefObject<{}>; - dir?: 'rtl' | 'ltr' | 'auto'; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IFabricStyleProps extends IFabricProps { - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface IFabricStyles { - // (undocumented) - bodyThemed: IStyle; - // (undocumented) - root: IStyle; -} - -// @public (undocumented) -export interface IFacepile { -} - -// @public (undocumented) -export interface IFacepilePersona extends React.ButtonHTMLAttributes { - allowPhoneInitials?: boolean; - data?: any; - imageInitials?: string; - imageUrl?: string; - initialsColor?: PersonaInitialsColor; - keytipProps?: IKeytipProps; - onClick?: (ev?: React.MouseEvent, persona?: IFacepilePersona) => void; - onMouseMove?: (ev?: React.MouseEvent, persona?: IFacepilePersona) => void; - onMouseOut?: (ev?: React.MouseEvent, persona?: IFacepilePersona) => void; - personaName?: string; -} - -// @public (undocumented) -export interface IFacepileProps extends React.ClassAttributes { - addButtonProps?: IButtonProps; - ariaDescription?: string; - ariaLabel?: string; - // @deprecated - chevronButtonProps?: IButtonProps; - className?: string; - componentRef?: IRefObject; - getPersonaProps?: (persona: IFacepilePersona) => IPersonaSharedProps; - maxDisplayablePersonas?: number; - onRenderPersona?: IRenderFunction; - onRenderPersonaCoin?: IRenderFunction; - overflowButtonProps?: IButtonProps; - overflowButtonType?: OverflowButtonType; - overflowPersonas?: IFacepilePersona[]; - personas: IFacepilePersona[]; - personaSize?: PersonaSize; - showAddButton?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IFacepileStyleProps { - className?: string; - spacingAroundItemButton?: number; - theme: ITheme; -} - -// @public (undocumented) -export interface IFacepileStyles { - // (undocumented) - addButton: IStyle; - // (undocumented) - descriptiveOverflowButton: IStyle; - // (undocumented) - itemButton: IStyle; - // (undocumented) - itemContainer: IStyle; - // (undocumented) - member: IStyle; - // (undocumented) - members: IStyle; - // (undocumented) - overflowButton: IStyle; - // (undocumented) - overflowInitialsIcon: IStyle; - root: IStyle; - // (undocumented) - screenReaderOnly: IStyle; -} - -// @public (undocumented) -export interface IFocusTrapCalloutProps extends ICalloutProps { - focusTrapProps?: IFocusTrapZoneProps; -} - -// @public (undocumented) -export interface IFocusTrapZone { - focus: () => void; -} - -// @public (undocumented) -export interface IFocusTrapZoneProps extends React.HTMLAttributes, React.RefAttributes { - ariaLabelledBy?: string; - componentRef?: IRefObject; - disabled?: boolean; - disableFirstFocus?: boolean; - elementToFocusOnDismiss?: HTMLElement; - enableAriaHiddenSiblings?: boolean; - firstFocusableSelector?: string | (() => string); - focusPreviouslyFocusedInnerElement?: boolean; - forceFocusInsideTrap?: boolean; - ignoreExternalFocusing?: boolean; - isClickableOutsideFocusTrap?: boolean; -} - -// @public -export interface IFontIconProps extends React.HTMLAttributes { - className?: string; - iconName?: string; -} - -// @public -export interface IGap extends IShimmerElement { - height?: number; - width?: number | string; -} - -// @public (undocumented) -export interface IGenericItem { - // (undocumented) - imageInitials: string; - // (undocumented) - primaryText: string; - // (undocumented) - ValidationState: ValidationState; -} - -// @public (undocumented) -export interface IHoverCard { - dismiss: (withTimeOut?: boolean) => void; -} - -// @public -export interface IHoverCardProps extends React.HTMLAttributes { - cardDismissDelay?: number; - cardOpenDelay?: number; - className?: string; - componentRef?: IRefObject; - eventListenerTarget?: HTMLElement | string | null; - expandedCardOpenDelay?: number; - expandingCardProps?: IExpandingCardProps; - instantOpenOnClick?: boolean; - onCardExpand?: () => void; - onCardHide?: () => void; - onCardVisible?: () => void; - openHotKey?: KeyCodes; - plainCardProps?: IPlainCardProps; - setAriaDescribedBy?: boolean; - setInitialFocus?: boolean; - shouldBlockHoverCard?: () => void; - sticky?: boolean; - styles?: IStyleFunctionOrObject; - target?: HTMLElement | string | null; - theme?: ITheme; - trapFocus?: boolean; - type?: HoverCardType; -} - -// @public (undocumented) -export interface IHoverCardState { - // (undocumented) - isHoverCardVisible?: boolean; - // (undocumented) - mode?: ExpandingCardMode; - // (undocumented) - openMode?: OpenCardMode; -} - -// @public (undocumented) -export interface IHoverCardStyleProps { - className?: string; - theme: ITheme; -} - -// @public (undocumented) -export interface IHoverCardStyles { - host?: IStyle; -} - -// @public (undocumented) -export interface IHSL { - h: number; - l: number; - s: number; -} - -// @public (undocumented) -export interface IHSV { - h: number; - s: number; - v: number; -} - -// @public (undocumented) -export interface IIconContent { - // (undocumented) - children?: string; - // (undocumented) - fontFamily?: string; - // (undocumented) - iconClassName?: string; -} - -// @public (undocumented) -export interface IIconProps extends IBaseProps, React.HTMLAttributes { - // @deprecated - ariaLabel?: string; - iconName?: string; - // @deprecated - iconType?: IconType; - imageErrorAs?: React.ComponentType; - imageProps?: IImageProps; - styles?: IStyleFunctionOrObject; - // (undocumented) - theme?: ITheme; -} - -// @public (undocumented) -export interface IIconState { - // (undocumented) - imageLoadError: boolean; -} - -// @public (undocumented) -export interface IIconStyleProps { - // (undocumented) - className?: string; - // (undocumented) - iconClassName?: string; - // (undocumented) - isImage: boolean; - // (undocumented) - isPlaceholder: boolean; - // (undocumented) - styles?: Partial; - // (undocumented) - theme?: ITheme; -} - -// @public (undocumented) -export interface IIconStyles { - // @deprecated (undocumented) - imageContainer?: IStyle; - // (undocumented) - root?: IStyle; -} - -// @public (undocumented) -export interface IImage { -} - -// @public -export interface IImageIconProps extends React.HTMLAttributes { - className?: string; - imageProps: IImageProps; -} - -// @public (undocumented) -export interface IImageProps extends React.ImgHTMLAttributes, React.RefAttributes { - className?: string; - coverStyle?: ImageCoverStyle; - // @deprecated (undocumented) - errorSrc?: string; - imageFit?: ImageFit; - maximizeFrame?: boolean; - onLoadingStateChange?: (loadState: ImageLoadState) => void; - shouldFadeIn?: boolean; - shouldStartVisible?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IImageState { - // (undocumented) - loadState?: ImageLoadState; -} - -// @public (undocumented) -export interface IImageStyleProps { - className?: string; - height?: number | string; - isCenter?: boolean; - // (undocumented) - isCenterContain?: boolean; - // (undocumented) - isCenterCover?: boolean; - // (undocumented) - isContain?: boolean; - // (undocumented) - isCover?: boolean; - isError?: boolean; - isLandscape?: boolean; - isLoaded?: boolean; - // (undocumented) - isNone?: boolean; - isNotImageFit?: boolean; - maximizeFrame?: boolean; - shouldFadeIn?: boolean; - shouldStartVisible?: boolean; - theme: ITheme; - width?: number | string; -} - -// @public (undocumented) -export interface IImageStyles { - image: IStyle; - root: IStyle; -} - -// @public -export interface IInputProps extends React.InputHTMLAttributes { - 'aria-label'?: string; - defaultVisibleValue?: string; -} - -// @public (undocumented) -export interface IKeytipConfig { - // (undocumented) - keytips: IKeytipConfigItem[]; -} - -// @public (undocumented) -export interface IKeytipConfigItem { - children?: IKeytipConfigItem[]; - content: string; - id: string; - optionalProps?: Partial; - sequence?: string; -} - -// @public (undocumented) -export interface IKeytipConfigMap { - // (undocumented) - [id: string]: IKeytipProps; -} - -// @public (undocumented) -export interface IKeytipDataProps { - ariaDescribedBy?: string; - disabled?: boolean; - keytipProps?: IKeytipProps; -} - -// @public (undocumented) -export interface IKeytipLayer { -} - -// @public (undocumented) -export interface IKeytipLayerProps extends React.ClassAttributes { - componentRef?: IRefObject; - content: string; - keytipExitSequences?: IKeytipTransitionKey[]; - keytipReturnSequences?: IKeytipTransitionKey[]; - keytipStartSequences?: IKeytipTransitionKey[]; - onEnterKeytipMode?: () => void; - onExitKeytipMode?: (ev?: React.KeyboardEvent | React.MouseEvent) => void; - styles?: IStyleFunctionOrObject; -} - -// @public (undocumented) -export interface IKeytipLayerState { - // (undocumented) - inKeytipMode: boolean; - // (undocumented) - keytips: IKeytipProps[]; - // (undocumented) - visibleKeytips: IKeytipProps[]; -} - -// @public (undocumented) -export interface IKeytipLayerStyleProps { -} - -// @public (undocumented) -export interface IKeytipLayerStyles { - // (undocumented) - innerContent: IStyle; -} - -// @public (undocumented) -export interface IKeytipProps { - calloutProps?: ICalloutProps; - content: string; - disabled?: boolean; - hasDynamicChildren?: boolean; - hasMenu?: boolean; - keySequences: string[]; - offset?: Point; - onExecute?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void; - onReturn?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void; - overflowSetSequence?: string[]; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - visible?: boolean; -} - -// @public -export interface IKeytipStyleProps { - disabled?: boolean; - theme: ITheme; - visible?: boolean; -} - -// @public (undocumented) -export interface IKeytipStyles { - container: IStyle; - root: IStyle; -} - -// @public (undocumented) -export interface IKeytipTransitionKey { - // (undocumented) - key: string; - // (undocumented) - modifierKeys?: KeytipTransitionModifier[]; -} - -// @public (undocumented) -export interface ILabel { -} - -// @public (undocumented) -export interface ILabelProps extends React.LabelHTMLAttributes { - as?: IComponentAs>; - componentRef?: IRefObject; - disabled?: boolean; - required?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface ILabelStyleProps { - // (undocumented) - className?: string; - // (undocumented) - disabled?: boolean; - // (undocumented) - required?: boolean; - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface ILabelStyles { - root: IStyle; -} - -// @public (undocumented) -export interface ILayer { -} - -// @public (undocumented) -export interface ILayerHost { -} - -// @public (undocumented) -export interface ILayerHostProps extends React.HTMLAttributes { - componentRef?: IRefObject; - id?: string; -} - -// @public (undocumented) -export interface ILayerProps extends React.HTMLAttributes, React.RefAttributes { - className?: string; - componentRef?: IRefObject; - eventBubblingEnabled?: boolean; - hostId?: string; - insertFirst?: boolean; - onLayerDidMount?: () => void; - // @deprecated - onLayerMounted?: () => void; - onLayerWillUnmount?: () => void; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface ILayerStyleProps { - className?: string; - isNotHost?: boolean; - theme: ITheme; -} - -// @public (undocumented) -export interface ILayerStyles { - content?: IStyle; - root?: IStyle; -} - -// @public -export interface ILine extends IShimmerElement { - height?: number; - width?: number | string; -} - -// @public (undocumented) -export interface ILink { - focus(): void; -} - -// @public @deprecated (undocumented) -export interface ILinkHTMLAttributes extends React.HTMLAttributes { - [key: string]: any; - // (undocumented) - autoFocus?: boolean; - // (undocumented) - disabled?: boolean; - // (undocumented) - download?: any; - // (undocumented) - form?: string; - // (undocumented) - formAction?: string; - // (undocumented) - formEncType?: string; - // (undocumented) - formMethod?: string; - // (undocumented) - formNoValidate?: boolean; - // (undocumented) - formTarget?: string; - // (undocumented) - href?: string; - // (undocumented) - hrefLang?: string; - // (undocumented) - media?: string; - // (undocumented) - name?: string; - // (undocumented) - rel?: string; - // (undocumented) - target?: string; - // (undocumented) - type?: string; - // (undocumented) - value?: string | string[] | number; -} - -// @public -export interface ILinkProps extends React.AnchorHTMLAttributes, Omit, 'type'>, React.RefAttributes { - [key: string]: any; - as?: React.ElementType; - componentRef?: IRefObject; - disabled?: boolean; - href?: string; - onClick?: (event: React.MouseEvent) => void; - rel?: string; - styles?: IStyleFunctionOrObject; - target?: string; - theme?: ITheme; - type?: string; - underline?: boolean; -} - -// @public (undocumented) -export interface ILinkStyleProps { - // (undocumented) - className?: string; - // (undocumented) - isButton?: boolean; - // (undocumented) - isDisabled?: boolean; - // (undocumented) - isUnderlined?: boolean; - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface ILinkStyles { - // (undocumented) - root: IStyle; -} - -// @public (undocumented) -export interface IList { - forceUpdate: () => void; - getStartItemIndexInView: () => number; - getTotalListHeight?: () => number; - scrollToIndex: (index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode) => void; -} - -// @public -export interface IListOnRenderRootProps { - divProps: React.HTMLAttributes; - pages: IPage[]; - rootRef: React.Ref; - surfaceElement: JSX.Element | null; -} - -// @public -export interface IListOnRenderSurfaceProps { - divProps: React.HTMLAttributes; - pageElements: JSX.Element[]; - pages: IPage[]; - surfaceRef: React.Ref; -} - -// @public (undocumented) -export interface IListProps extends React.HTMLAttributes | HTMLDivElement> { - className?: string; - componentRef?: IRefObject; - getItemCountForPage?: (itemIndex?: number, visibleRect?: IRectangle) => number; - getKey?: (item: T, index?: number) => string; - getPageHeight?: (itemIndex?: number, visibleRect?: IRectangle, itemCount?: number) => number; - getPageSpecification?: (itemIndex?: number, visibleRect?: IRectangle) => IPageSpecification; - getPageStyle?: (page: IPage) => any; - ignoreScrollingState?: boolean; - items?: T[]; - onPageAdded?: (page: IPage) => void; - onPageRemoved?: (page: IPage) => void; - onPagesUpdated?: (pages: IPage[]) => void; - onRenderCell?: (item?: T, index?: number, isScrolling?: boolean) => React.ReactNode; - onRenderPage?: IRenderFunction>; - onRenderRoot?: IRenderFunction>; - onRenderSurface?: IRenderFunction>; - onShouldVirtualize?: (props: IListProps) => boolean; - renderCount?: number; - renderedWindowsAhead?: number; - renderedWindowsBehind?: number; - role?: string; - startIndex?: number; - usePageCache?: boolean; - version?: {}; -} - -// @public (undocumented) -export interface IListState { - // (undocumented) - getDerivedStateFromProps(nextProps: IListProps, previousState: IListState): IListState; - // (undocumented) - isScrolling?: boolean; - measureVersion?: number; - // (undocumented) - pages?: IPage[]; -} - -// @public (undocumented) -export const Image: React.FunctionComponent; - -// @public (undocumented) -export const ImageBase: React.FunctionComponent; - -// @public -export enum ImageCoverStyle { - landscape = 0, - portrait = 1 -} - -// @public -export enum ImageFit { - center = 0, - centerContain = 5, - centerCover = 4, - contain = 1, - cover = 2, - none = 3 -} - -// @public -export const ImageIcon: React.FunctionComponent; - -// @public (undocumented) -export enum ImageLoadState { - error = 2, - // @deprecated (undocumented) - errorLoaded = 3, - loaded = 1, - notLoaded = 0 -} - -// @public (undocumented) -export interface IMarqueeSelection { -} - -// @public (undocumented) -export interface IMarqueeSelectionProps extends React.HTMLAttributes { - className?: string; - componentRef?: IRefObject; - isDraggingConstrainedToRoot?: boolean; - isEnabled?: boolean; - onShouldStartSelection?: (ev: MouseEvent) => boolean; - rootProps?: React.HTMLAttributes; - selection: ISelection; - styles?: IStyleFunction; - theme?: ITheme; -} - -// @public (undocumented) -export interface IMarqueeSelectionStyleProps { - // (undocumented) - className?: string; - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface IMarqueeSelectionStyles { - // (undocumented) - box?: IStyle; - // (undocumented) - boxFill?: IStyle; - // (undocumented) - dragMask?: IStyle; - // (undocumented) - root?: IStyle; -} - -// @public (undocumented) -export interface IMaskedTextField extends ITextField { - value: string | undefined; -} - -// @public -export interface IMaskedTextFieldProps extends ITextFieldProps, React.RefAttributes { - componentRef?: IRefObject; - mask?: string; - maskChar?: string; - maskFormat?: { - [key: string]: RegExp; - }; -} - -// @public @deprecated (undocumented) -export interface IMenuItemClassNames { - // (undocumented) - checkmarkIcon: string; - // (undocumented) - divider: string; - // (undocumented) - icon: string; - // (undocumented) - item: string; - // (undocumented) - label: string; - // (undocumented) - linkContent: string; - // (undocumented) - linkContentMenu: string; - // (undocumented) - root: string; - // (undocumented) - screenReaderText: string; - // (undocumented) - secondaryText: string; - // (undocumented) - splitContainer: string; - // (undocumented) - splitMenu: string; - // (undocumented) - splitPrimary: string; - // (undocumented) - subMenuIcon: string; -} - -// @public (undocumented) -export interface IMenuItemStyles extends IButtonStyles { - anchorLink: IStyle; - checkmarkIcon: IStyle; - divider: IStyle; - iconColor: IStyle; - item: IStyle; - linkContent: IStyle; - subMenuIcon: IStyle; -} - -// @public (undocumented) -export interface IMessageBar { -} - -// @public (undocumented) -export interface IMessageBarProps extends React.HTMLAttributes, React.RefAttributes { - actions?: JSX.Element; - // @deprecated - ariaLabel?: string; - className?: string; - componentRef?: IRefObject; - dismissButtonAriaLabel?: string; - dismissIconProps?: IIconProps; - isMultiline?: boolean; - messageBarIconProps?: IIconProps; - messageBarType?: MessageBarType; - // Warning: (ae-forgotten-export) The symbol "BaseButton" needs to be exported by the entry point index.d.ts - // Warning: (ae-forgotten-export) The symbol "Button" needs to be exported by the entry point index.d.ts - onDismiss?: (ev?: React.MouseEvent) => any; - overflowButtonAriaLabel?: string; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - truncated?: boolean; -} - -// @public (undocumented) -export interface IMessageBarStyleProps { - actions?: boolean; - className?: string; - expandSingleLine?: boolean; - isMultiline?: boolean; - messageBarType?: MessageBarType; - onDismiss?: boolean; - theme: ITheme; - truncated?: boolean; -} - -// @public (undocumented) -export interface IMessageBarStyles { - actions?: IStyle; - content?: IStyle; - dismissal?: IStyle; - dismissSingleLine?: IStyle; - expand?: IStyle; - expandSingleLine?: IStyle; - icon?: IStyle; - iconContainer?: IStyle; - innerText?: IStyle; - root?: IStyle; - text?: IStyle; -} - -// @public (undocumented) -export interface IModal { - focus: () => void; -} - -// @public (undocumented) -export interface IModalProps extends React.RefAttributes, IAccessiblePopupProps { - allowTouchBodyScroll?: boolean; - // (undocumented) - children?: React.ReactNode; - className?: string; - componentRef?: IRefObject; - containerClassName?: string; - dragOptions?: IDragOptions; - enableAriaHiddenSiblings?: boolean; - isBlocking?: boolean; - isDarkOverlay?: boolean; - isModeless?: boolean; - isOpen?: boolean; - layerProps?: ILayerProps; - onDismiss?: (ev?: React.MouseEvent) => any; - onDismissed?: () => any; - // @deprecated - onLayerDidMount?: () => void; - overlay?: IOverlayProps; - responsiveMode?: ResponsiveMode; - scrollableContentClassName?: string; - styles?: IStyleFunctionOrObject; - subtitleAriaId?: string; - theme?: ITheme; - titleAriaId?: string; - topOffsetFixed?: boolean; -} - -// @public (undocumented) -export type IModalStyleProps = Required> & Pick & { - isOpen?: boolean; - isVisible?: boolean; - hasBeenOpened?: boolean; - modalRectangleTop?: number; - layerClassName?: string; - isDefaultDragHandle?: boolean; - windowInnerHeight?: number; -}; - -// @public (undocumented) -export interface IModalStyles { - // (undocumented) - keyboardMoveIcon: IStyle; - // (undocumented) - keyboardMoveIconContainer: IStyle; - // (undocumented) - layer: IStyle; - // (undocumented) - main: IStyle; - // (undocumented) - root: IStyle; - // (undocumented) - scrollableContent: IStyle; -} - -// @public (undocumented) -export interface INav { - focus(forceIntoFirstElement?: boolean): boolean; - selectedKey: string | undefined; -} - -// @public (undocumented) -export interface INavButtonProps extends IButtonProps { - link?: INavLink; -} - -// @public (undocumented) -export interface INavLink { - [propertyName: string]: any; - ariaCurrent?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true'; - ariaLabel?: string; - automationId?: string; - collapseAriaLabel?: string; - disabled?: boolean; - expandAriaLabel?: string; - forceAnchor?: boolean; - icon?: string; - // @deprecated (undocumented) - iconClassName?: string; - iconProps?: IIconProps; - isExpanded?: boolean; - key?: string; - links?: INavLink[]; - name: string; - onClick?: (ev?: React.MouseEvent, item?: INavLink) => void; - target?: string; - title?: string; - url: string; -} - -// @public (undocumented) -export interface INavLinkGroup { - automationId?: string; - collapseAriaLabel?: string; - collapseByDefault?: boolean; - expandAriaLabel?: string; - groupData?: any; - links: INavLink[]; - name?: string; - onHeaderClick?: (ev?: React.MouseEvent, isCollapsing?: boolean) => void; -} - -// @public (undocumented) -export interface INavProps { - ariaLabel?: string; - className?: string; - componentRef?: IRefObject; - // @deprecated - expandButtonAriaLabel?: string; - groups: INavLinkGroup[] | null; - initialSelectedKey?: string; - isOnTop?: boolean; - linkAs?: IComponentAs; - onLinkClick?: (ev?: React.MouseEvent, item?: INavLink) => void; - onLinkExpandClick?: (ev?: React.MouseEvent, item?: INavLink) => void; - onRenderGroupHeader?: IRenderFunction; - onRenderLink?: IRenderFunction; - // @deprecated - selectedAriaLabel?: string; - selectedKey?: string; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface INavState { - // (undocumented) - isGroupCollapsed: { - [key: string]: boolean; - }; - // (undocumented) - isLinkExpandStateChanged?: boolean; - // (undocumented) - selectedKey?: string; -} - -// @public (undocumented) -export interface INavStyleProps { - className?: string; - groups: INavLinkGroup[] | null; - isButtonEntry?: boolean; - isDisabled?: boolean; - isExpanded?: boolean; - isGroup?: boolean; - isLink?: boolean; - isOnTop?: boolean; - isSelected?: boolean; - leftPadding?: number; - leftPaddingExpanded?: number; - navHeight?: number; - position?: number; - rightPadding?: number; - theme: ITheme; -} - -// @public (undocumented) -export interface INavStyles { - chevronButton: IStyle; - chevronIcon: IStyle; - compositeLink: IStyle; - group: IStyle; - groupContent: IStyle; - link: IStyle; - linkText: IStyle; - navItem: IStyle; - navItems: IStyle; - root: IStyle; -} - -export { IObjectWithKey } - -// @public (undocumented) -export interface IOverflowSet { - focus(forceIntoFirstElement?: boolean): boolean; - focusElement(childElement?: HTMLElement): boolean; -} - -// @public (undocumented) -export interface IOverflowSetItemProps { - [propertyName: string]: any; - key: string; - keytipProps?: IKeytipProps; -} - -// @public (undocumented) -export interface IOverflowSetProps extends React.RefAttributes { - className?: string; - componentRef?: IRefObject; - items?: IOverflowSetItemProps[]; - itemSubMenuProvider?: (item: IOverflowSetItemProps) => any[] | undefined; - keytipSequences?: string[]; - onRenderItem: (item: IOverflowSetItemProps) => any; - onRenderOverflowButton: IRenderFunction; - overflowItems?: IOverflowSetItemProps[]; - overflowSide?: 'start' | 'end'; - role?: string; - styles?: IStyleFunctionOrObject; - vertical?: boolean; -} - -// @public -export type IOverflowSetStyleProps = Pick; - -// @public (undocumented) -export interface IOverflowSetStyles { - item?: IStyle; - overflowButton?: IStyle; - root?: IStyle; -} - -// @public (undocumented) -export interface IOverlay { -} - -// @public (undocumented) -export interface IOverlayProps extends React.HTMLAttributes { - allowTouchBodyScroll?: boolean; - className?: string; - componentRef?: IRefObject; - isDarkThemed?: boolean; - // (undocumented) - onClick?: () => void; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IOverlayStyleProps { - className?: string; - isDark?: boolean; - isNone?: boolean; - theme: ITheme; -} - -// @public (undocumented) -export interface IOverlayStyles { - root: IStyle; -} - -// @public (undocumented) -export interface IPage { - // (undocumented) - data?: any; - // (undocumented) - height: number; - // (undocumented) - isSpacer?: boolean; - // (undocumented) - isVisible?: boolean; - // (undocumented) - itemCount: number; - // (undocumented) - items: T[] | undefined; - // (undocumented) - key: string; - // (undocumented) - startIndex: number; - // (undocumented) - style: React.CSSProperties; - // (undocumented) - top: number; -} - -// @public (undocumented) -export interface IPageProps extends React.HTMLAttributes, React.ClassAttributes { - page: IPage; - role?: string; -} - -// @public (undocumented) -export interface IPageSpecification { - data?: any; - height?: number; - itemCount?: number; - key?: string; -} - -// @public (undocumented) -export interface IPanel { - dismiss: (ev?: React.KeyboardEvent | KeyboardEvent) => void; - open: () => void; -} - -// @public -export interface IPanelHeaderRenderer extends IRenderFunction { - // (undocumented) - (props?: IPanelProps, defaultRender?: IPanelHeaderRenderer, headerTextId?: string | undefined): JSX.Element | null; -} - -// @public (undocumented) -export interface IPanelProps extends React.HTMLAttributes { - allowTouchBodyScroll?: boolean; - className?: string; - closeButtonAriaLabel?: string; - // @deprecated (undocumented) - componentId?: string; - componentRef?: IRefObject; - customWidth?: string; - elementToFocusOnDismiss?: HTMLElement; - // @deprecated - firstFocusableSelector?: string; - focusTrapZoneProps?: IFocusTrapZoneProps; - // @deprecated - forceFocusInsideTrap?: boolean; - hasCloseButton?: boolean; - headerClassName?: string; - headerText?: string; - headerTextProps?: React.HTMLAttributes; - // @deprecated - ignoreExternalFocusing?: boolean; - isBlocking?: boolean; - isFooterAtBottom?: boolean; - isHiddenOnDismiss?: boolean; - isLightDismiss?: boolean; - isOpen?: boolean; - layerProps?: ILayerProps; - onDismiss?: (ev?: React.SyntheticEvent | KeyboardEvent) => void; - onDismissed?: () => void; - onLightDismissClick?: () => void; - onOpen?: () => void; - onOpened?: () => void; - onOuterClick?: (ev?: React.MouseEvent) => void; - onRenderBody?: IRenderFunction; - onRenderFooter?: IRenderFunction; - onRenderFooterContent?: IRenderFunction; - onRenderHeader?: IPanelHeaderRenderer; - onRenderNavigation?: IRenderFunction; - onRenderNavigationContent?: IRenderFunction; - overlayProps?: IOverlayProps; - popupProps?: IPopupProps; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - type?: PanelType; -} - -// @public (undocumented) -export interface IPanelStyleProps { - className?: string; - focusTrapZoneClassName?: string; - hasCloseButton?: boolean; - hasCustomNavigation?: boolean; - headerClassName?: string; - isAnimating?: boolean; - isFooterAtBottom?: boolean; - isFooterSticky?: boolean; - isHiddenOnDismiss?: boolean; - isOnRightSide?: boolean; - isOpen?: boolean; - theme: ITheme; - type?: PanelType; -} - -// @public (undocumented) -export interface IPanelStyles { - // @deprecated - closeButton?: IStyle; - commands: IStyle; - content: IStyle; - contentInner: IStyle; - footer: IStyle; - footerInner: IStyle; - header: IStyle; - headerText: IStyle; - hiddenPanel: IStyle; - main: IStyle; - navigation: IStyle; - overlay: IStyle; - root: IStyle; - scrollableContent: IStyle; - subComponentStyles: IPanelSubComponentStyles; -} - -// @public (undocumented) -export interface IPanelSubComponentStyles { - closeButton: Partial; -} - -// @public (undocumented) -export interface IPeopleFloatingPickerProps extends IBaseFloatingPickerProps { -} - -// @public (undocumented) -export interface IPeoplePickerItemProps extends IPickerItemProps { -} - -// @public -export interface IPeoplePickerItemSelectedProps extends IPickerItemProps, IPeoplePickerItemSharedProps { - styles?: IStyleFunctionOrObject; -} - -// @public -export type IPeoplePickerItemSelectedStyleProps = Required> & Pick & { - invalid?: boolean; -}; - -// @public -export interface IPeoplePickerItemSelectedStyles { - itemContent: IStyle; - removeButton: IStyle; - root: IStyle; - subComponentStyles: IPeoplePickerItemSelectedSubComponentStyles; -} - -// @public -export interface IPeoplePickerItemSelectedSubComponentStyles { - persona: IStyleFunctionOrObject; - personaCoin?: IStyleFunctionOrObject; -} - -// @public -export interface IPeoplePickerItemSharedProps { - className?: string; - theme?: ITheme; -} - -// @public (undocumented) -export interface IPeoplePickerItemState { - // (undocumented) - contextualMenuVisible: boolean; -} - -// @public -export interface IPeoplePickerItemSuggestionProps extends IPeoplePickerItemSharedProps { - compact?: boolean; - personaProps?: IPersonaProps; - styles?: IStyleFunctionOrObject; - suggestionsProps?: IBasePickerSuggestionsProps; -} - -// @public -export type IPeoplePickerItemSuggestionStyleProps = Required> & Pick & {}; - -// @public -export interface IPeoplePickerItemSuggestionStyles { - personaWrapper: IStyle; - root: IStyle; - subComponentStyles: IPeoplePickerItemSelectedSubComponentStyles; -} - -// @public @deprecated -export interface IPeoplePickerItemWithMenuProps extends IPickerItemProps { -} - -// @public -export interface IPeoplePickerProps extends IBasePickerProps { -} - -// @public (undocumented) -export interface IPersona { -} - -// @public (undocumented) -export interface IPersonaCoinProps extends IPersonaSharedProps { - className?: string; - componentRef?: IRefObject<{}>; - styles?: IStyleFunctionOrObject; -} - -// @public (undocumented) -export interface IPersonaCoinStyleProps { - className?: string; - coinSize?: number; - showUnknownPersonaCoin?: boolean; - size?: PersonaSize; - theme: ITheme; -} - -// @public (undocumented) -export interface IPersonaCoinStyles { - // (undocumented) - coin: IStyle; - // (undocumented) - image: IStyle; - // (undocumented) - imageArea: IStyle; - // (undocumented) - initials: IStyle; - // (undocumented) - size10WithoutPresenceIcon: IStyle; -} - -// @public (undocumented) -export interface IPersonaPresenceProps extends IPersonaSharedProps { - componentRef?: IRefObject<{}>; - styles?: IStyleFunctionOrObject; -} - -// @public (undocumented) -export type IPersonaPresenceStyleProps = Required> & Pick & Pick; - -// @public (undocumented) -export interface IPersonaPresenceStyles { - // (undocumented) - presence: IStyle; - // (undocumented) - presenceIcon: IStyle; -} - -// @public (undocumented) -export interface IPersonaProps extends IPersonaSharedProps { - className?: string; - componentRef?: IRefObject; - onRenderOptionalText?: IRenderFunction; - onRenderPrimaryText?: IRenderFunction; - onRenderSecondaryText?: IRenderFunction; - onRenderTertiaryText?: IRenderFunction; - styles?: IStyleFunctionOrObject; -} - -// @public (undocumented) -export interface IPersonaSharedProps extends React.HTMLAttributes, React.RefAttributes { - allowPhoneInitials?: boolean; - coinProps?: IPersonaCoinProps; - coinSize?: number; - hidePersonaDetails?: boolean; - imageAlt?: string; - imageInitials?: string; - imageShouldFadeIn?: boolean; - imageShouldStartVisible?: boolean; - imageUrl?: string; - initialsColor?: PersonaInitialsColor | string; - isOutOfOffice?: boolean; - onPhotoLoadingStateChange?: (newImageLoadState: ImageLoadState) => void; - // @deprecated - onRenderCoin?: IRenderFunction; - onRenderInitials?: IRenderFunction; - onRenderPersonaCoin?: IRenderFunction; - optionalText?: string; - presence?: PersonaPresence; - presenceColors?: { - available: string; - away: string; - busy: string; - dnd: string; - offline: string; - oof: string; - background: string; - }; - presenceTitle?: string; - // @deprecated - primaryText?: string; - secondaryText?: string; - showInitialsUntilImageLoads?: boolean; - // (undocumented) - showSecondaryText?: boolean; - showUnknownPersonaCoin?: boolean; - size?: PersonaSize; - tertiaryText?: string; - text?: string; - theme?: ITheme; -} - -// @public (undocumented) -export interface IPersonaStyleProps { - className?: string; - coinSize?: number; - presence?: PersonaPresence; - // (undocumented) - showSecondaryText?: boolean; - size?: PersonaSize; - theme: ITheme; -} - -// @public (undocumented) -export interface IPersonaStyles { - // (undocumented) - details: IStyle; - // (undocumented) - optionalText: IStyle; - // (undocumented) - primaryText: IStyle; - // (undocumented) - root: IStyle; - // (undocumented) - secondaryText: IStyle; - // (undocumented) - tertiaryText: IStyle; - // (undocumented) - textContent: IStyle; -} - -// @public @deprecated -export interface IPersonaWithMenu extends IPersonaProps { - menuItems?: IContextualMenuItem[]; -} - -// @public -export type IPickerAriaIds = { - selectedSuggestionAlert: string; - selectedItems: string; - suggestionList: string; - combobox: string; -}; - -// @public -export interface IPickerItem { -} - -// @public -export interface IPickerItemProps extends React.AllHTMLAttributes { - componentRef?: IRefObject; - index: number; - item: T; - key?: string | number; - onItemChange?: (item: T, index: number) => void; - onRemoveItem?: () => void; - removeButtonAriaLabel?: string; - selected?: boolean; -} - -// @public (undocumented) -export interface IPivot { - focus(): void; -} - -// @public (undocumented) -export interface IPivotItemProps extends React.HTMLAttributes { - alwaysRender?: boolean; - ariaLabel?: string; - componentRef?: IRefObject<{}>; - headerButtonProps?: IButtonProps | { - [key: string]: string | number | boolean; - }; - headerText?: string; - itemCount?: number | string; - itemIcon?: string; - itemKey?: string; - keytipProps?: IKeytipProps; - // @deprecated - linkText?: string; - onRenderItemLink?: IRenderFunction; -} - -// @public (undocumented) -export interface IPivotProps extends React.HTMLAttributes, React.RefAttributes { - className?: string; - componentRef?: React.RefObject; - defaultSelectedKey?: string; - getTabId?: (itemKey: string, index: number) => string; - headersOnly?: boolean; - linkFormat?: PivotLinkFormatType; - linkSize?: PivotLinkSizeType; - onLinkClick?: (item?: PivotItem, ev?: React.MouseEvent) => void; - overflowBehavior?: 'none' | 'menu'; - selectedKey?: string | null; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export type IPivotStyleProps = Required> & Pick & { - linkSize?: PivotLinkSizeType; - linkFormat?: PivotLinkFormatType; -}; - -// @public (undocumented) -export interface IPivotStyles { - // (undocumented) - count: IStyle; - // (undocumented) - icon: IStyle; - // (undocumented) - itemContainer?: IStyle; - // (undocumented) - link: IStyle; - // (undocumented) - linkContent: IStyle; - // (undocumented) - linkInMenu: IStyle; - // (undocumented) - linkIsSelected: IStyle; - // (undocumented) - overflowMenuButton: IStyle; - root: IStyle; - // (undocumented) - text: IStyle; -} - -// @public (undocumented) -export interface IPlainCard { -} - -// @public -export interface IPlainCardProps extends IBaseCardProps { - onRenderPlainCard?: IRenderFunction; -} - -// @public (undocumented) -export interface IPlainCardStyleProps extends IBaseCardStyleProps { -} - -// @public (undocumented) -export interface IPlainCardStyles extends IBaseCardStyles { -} - -export { IPoint } - -// @public (undocumented) -export interface IPopupProps extends React.HTMLAttributes, React.RefAttributes { - ariaDescribedBy?: string; - ariaLabel?: string; - ariaLabelledBy?: string; - className?: string; - onDismiss?: (ev?: React.MouseEvent | React.KeyboardEvent | KeyboardEvent) => any; - onRestoreFocus?: (params: IPopupRestoreFocusParams) => void; - role?: string; - // @deprecated - shouldRestoreFocus?: boolean; -} - -// @public -export interface IPopupRestoreFocusParams { - containsFocus: boolean; - documentContainsFocus: boolean; - originalElement?: HTMLElement | Window; -} - -// @public -export interface IPosition { - // (undocumented) - [key: string]: number | undefined; - // (undocumented) - bottom?: number; - // (undocumented) - left?: number; - // (undocumented) - right?: number; - // (undocumented) - top?: number; -} - -// @public (undocumented) -export interface IPositionDirectionalHintData { - // (undocumented) - alignmentEdge?: RectangleEdge; - // (undocumented) - alignTargetEdge?: boolean; - // (undocumented) - isAuto?: boolean; - // (undocumented) - targetEdge: RectangleEdge; -} - -// @public (undocumented) -export interface IPositionedData { - alignmentEdge?: RectangleEdge; - elementPosition: IPosition; - targetEdge: RectangleEdge; -} - -// @public (undocumented) -export interface IPositioningContainer { -} - -// @public (undocumented) -export interface IPositioningContainerProps extends IBaseProps, React.RefAttributes { - ariaDescribedBy?: string; - ariaLabel?: string; - ariaLabelledBy?: string; - backgroundColor?: string; - bounds?: IRectangle; - children?: ReactNode; - className?: string; - componentRef?: IRefObject; - coverTarget?: boolean; - directionalHint?: DirectionalHint; - directionalHintFixed?: boolean; - directionalHintForRTL?: DirectionalHint; - doNotLayer?: boolean; - finalHeight?: number; - minPagePadding?: number; - offsetFromTarget?: number; - onDismiss?: (ev?: any) => void; - onLayerMounted?: () => void; - onPositioned?: (positions?: IPositionedData) => void; - positioningContainerMaxHeight?: number; - positioningContainerWidth?: number; - preventDismissOnScroll?: boolean; - role?: string; - setInitialFocus?: boolean; - target?: HTMLElement | string | MouseEvent | Point | null; - // @deprecated - targetPoint?: Point; - // @deprecated - useTargetPoint?: boolean; -} - -// @public @deprecated (undocumented) -export type IPositioningContainerTypes = IPositioningContainerProps; - -// @public (undocumented) -export interface IPositionProps { - alignTargetEdge?: boolean; - bounds?: IRectangle; - coverTarget?: boolean; - directionalHint?: DirectionalHint; - directionalHintFixed?: boolean; - directionalHintForRTL?: DirectionalHint; - gapSpace?: number; - // (undocumented) - target?: Element | MouseEvent | Point; -} - -// @public (undocumented) -export interface IProgressIndicatorProps extends React.ClassAttributes { - ariaValueText?: string; - barHeight?: number; - className?: string; - description?: React.ReactNode; - label?: React.ReactNode; - onRenderProgress?: IRenderFunction; - percentComplete?: number; - progressHidden?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - // @deprecated (undocumented) - title?: string; -} - -// @public (undocumented) -export interface IProgressIndicatorStyleProps { - // (undocumented) - barHeight?: number; - className?: string; - // (undocumented) - indeterminate?: boolean; - theme: ITheme; -} - -// @public (undocumented) -export interface IProgressIndicatorStyles { - // (undocumented) - itemDescription: IStyle; - // (undocumented) - itemName: IStyle; - // (undocumented) - itemProgress: IStyle; - // (undocumented) - progressBar: IStyle; - // (undocumented) - progressTrack: IStyle; - root: IStyle; -} - -// @public (undocumented) -export interface IRating { - rating: number; -} - -// @public -export interface IRatingProps extends React.HTMLAttributes, React.RefAttributes { - allowZeroStars?: boolean; - ariaLabelFormat?: string; - componentRef?: IRefObject; - defaultRating?: number; - disabled?: boolean; - // (undocumented) - getAriaLabel?: (rating: number, max: number) => string; - icon?: string; - max?: number; - // @deprecated - min?: number; - onChange?: (event: React.FormEvent, rating?: number) => void; - onRenderStar?: IRenderFunction; - rating?: number; - readOnly?: boolean; - size?: RatingSize; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - unselectedIcon?: string; -} - -// @public (undocumented) -export interface IRatingStarProps { - // (undocumented) - classNames: IProcessedStyleSet; - // (undocumented) - disabled?: boolean; - // (undocumented) - fillPercentage: number; - // (undocumented) - icon: string; - // (undocumented) - starNum?: number; -} - -// @public (undocumented) -export interface IRatingStyleProps { - // (undocumented) - disabled?: boolean; - // (undocumented) - readOnly?: boolean; - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface IRatingStyles { - // (undocumented) - labelText: IStyle; - // (undocumented) - ratingButton: IStyle; - // (undocumented) - ratingFocusZone: IStyle; - // (undocumented) - ratingStar: IStyle; - // (undocumented) - ratingStarBack: IStyle; - // (undocumented) - ratingStarFront: IStyle; - // (undocumented) - ratingStarIsLarge: IStyle; - // (undocumented) - ratingStarIsSmall: IStyle; - // (undocumented) - root: IStyle; - // (undocumented) - rootIsLarge: IStyle; - // (undocumented) - rootIsSmall: IStyle; -} - -// @public (undocumented) -export interface IRelativePositions { - // (undocumented) - beakPosition: { - position: IPosition | undefined; - display: 'block'; - }; - // (undocumented) - calloutPosition: IPosition; - // (undocumented) - directionalClassName: string; - // (undocumented) - submenuDirection: DirectionalHint; -} - -// @public (undocumented) -export interface IRenderGroupHeaderProps extends INavLinkGroup { - isExpanded?: boolean; -} - -// @public (undocumented) -export interface IResizeGroup { - remeasure(): void; -} - -// @public (undocumented) -export interface IResizeGroupProps extends React.HTMLAttributes, React.RefAttributes { - className?: string; - componentRef?: IRefObject; - data: any; - dataDidRender?: (renderedData: any) => void; - direction?: ResizeGroupDirection; - onGrowData?: (prevData: any) => any; - onReduceData: (prevData: any) => any; - onRenderData: (data: any) => JSX.Element; - // @deprecated - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IResizeGroupState { - dataToMeasure?: any; - measureContainer?: boolean; - renderedData?: any; - resizeDirection?: 'grow' | 'shrink'; -} - -// @public (undocumented) -export interface IResizeGroupStyleProps { - className?: string; - theme: ITheme; -} - -// @public (undocumented) -export interface IResizeGroupStyles { - root: IStyle; -} - -// @public -export interface IRGB { - a?: number; - b: number; - g: number; - r: number; -} - -// @public (undocumented) -export interface IScrollablePane { - forceLayoutUpdate(): void; - getScrollPosition(): number; -} - -// @public (undocumented) -export interface IScrollablePaneContext { - // (undocumented) - scrollablePane?: { - subscribe: (handler: (container: HTMLElement, stickyContainer: HTMLElement) => void) => void; - unsubscribe: (handler: (container: HTMLElement, stickyContainer: HTMLElement) => void) => void; - addSticky: (sticky: Sticky) => void; - removeSticky: (sticky: Sticky) => void; - updateStickyRefHeights: () => void; - sortSticky: (sticky: Sticky, sortAgain?: boolean) => void; - notifySubscribers: (sort?: boolean) => void; - syncScrollSticky: (sticky: Sticky) => void; - }; -} - -// @public (undocumented) -export interface IScrollablePaneProps extends React.HTMLAttributes { - className?: string; - componentRef?: IRefObject; - initialScrollPosition?: number; - // (undocumented) - scrollbarVisibility?: ScrollbarVisibility; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public (undocumented) -export interface IScrollablePaneState { - // (undocumented) - scrollbarHeight: number; - // (undocumented) - scrollbarWidth: number; - // (undocumented) - stickyBottomHeight: number; - // (undocumented) - stickyTopHeight: number; -} - -// @public (undocumented) -export interface IScrollablePaneStyleProps { - className?: string; - // (undocumented) - scrollbarVisibility?: IScrollablePaneProps['scrollbarVisibility']; - theme: ITheme; -} - -// @public (undocumented) -export interface IScrollablePaneStyles { - contentContainer: IStyle; - root: IStyle; - stickyAbove: IStyle; - stickyBelow: IStyle; - stickyBelowItems: IStyle; -} - -// @public (undocumented) -export function isDark(color: IColor): boolean; - -// @public (undocumented) -export interface ISearchBox { - focus(): void; - hasFocus(): boolean; -} - -// @public (undocumented) -export interface ISearchBoxProps extends React.InputHTMLAttributes, React.RefAttributes { - ariaLabel?: string; - className?: string; - clearButtonProps?: IButtonProps; - componentRef?: React.Ref; - defaultValue?: string; - disableAnimation?: boolean; - iconProps?: Pick>; - // @deprecated (undocumented) - labelText?: string; - onChange?: (event?: React.ChangeEvent, newValue?: string) => void; - // @deprecated (undocumented) - onChanged?: (newValue: any) => void; - onClear?: (ev?: any) => void; - onEscape?: (ev?: any) => void; - onSearch?: (newValue: any) => void; - placeholder?: string; - role?: string; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - underlined?: boolean; - value?: string; -} - -// @public (undocumented) -export interface ISearchBoxStyleProps { - // (undocumented) - className?: string; - // (undocumented) - disableAnimation?: boolean; - // (undocumented) - disabled?: boolean; - // (undocumented) - hasFocus?: boolean; - // (undocumented) - hasInput?: boolean; - // (undocumented) - theme: ITheme; - // (undocumented) - underlined?: boolean; -} - -// @public (undocumented) -export interface ISearchBoxStyles { - // (undocumented) - clearButton?: IStyle; - // (undocumented) - field?: IStyle; - // (undocumented) - icon?: IStyle; - // (undocumented) - iconContainer?: IStyle; - // (undocumented) - root?: IStyle; -} - -// @public -export interface ISelectableDroppableTextProps extends React.HTMLAttributes { - ariaLabel?: string; - calloutProps?: ICalloutProps; - className?: string; - componentRef?: IRefObject; - defaultSelectedKey?: string | number | string[] | number[] | null; - disabled?: boolean; - errorMessage?: string; - id?: string; - label?: string; - multiSelect?: boolean; - onDismiss?: () => void; - onRenderContainer?: IRenderFunction>; - onRenderItem?: IRenderFunction; - onRenderList?: IRenderFunction>; - onRenderOption?: IRenderFunction; - openOnKeyboardFocus?: boolean; - options?: any; - panelProps?: IPanelProps; - placeholder?: string; - required?: boolean; - selectedKey?: string | number | string[] | number[] | null; -} - -// @public (undocumented) -export interface ISelectableOption { - ariaLabel?: string; - data?: T; - disabled?: boolean; - hidden?: boolean; - id?: string; - index?: number; - itemType?: SelectableOptionMenuItemType; - key: string | number; - selected?: boolean; - text: string; - title?: string; -} - -// @public (undocumented) -export interface ISelectedItemProps extends IPickerItemProps { - // (undocumented) - onCopyItem: (item: T) => void; -} - -// @public (undocumented) -export interface ISelectedPeopleItemProps extends ISelectedItemProps { - // (undocumented) - onExpandItem?: () => void; - // (undocumented) - renderPersonaCoin?: IRenderFunction; - // (undocumented) - renderPrimaryText?: IRenderFunction; -} - -// @public (undocumented) -export interface ISelectedPeopleProps extends IBaseSelectedItemsListProps { - // (undocumented) - copyMenuItemText?: string; - // (undocumented) - editMenuItemText?: string; - // (undocumented) - floatingPickerProps?: IBaseFloatingPickerProps; - // (undocumented) - getEditingItemText?: (item: IExtendedPersonaProps) => string; - // (undocumented) - onExpandGroup?: (item: IExtendedPersonaProps) => void; - // (undocumented) - onRenderFloatingPicker?: React.ComponentType>; - // (undocumented) - removeMenuItemText?: string; -} - -export { ISelection } - -export { ISelectionOptions } - -// @public (undocumented) -export interface ISelectionZone { - ignoreNextFocus: () => void; -} - -// @public (undocumented) -export interface ISelectionZoneProps extends React.ClassAttributes { - className?: string; - componentRef?: () => void; - disableAutoSelectOnInputElements?: boolean; - enableTouchInvocationTarget?: boolean; - enterModalOnTouch?: boolean; - isSelectedOnFocus?: boolean; - // @deprecated (undocumented) - layout?: {}; - onItemContextMenu?: (item?: any, index?: number, ev?: Event) => void | boolean; - onItemInvoked?: (item?: IObjectWithKey, index?: number, ev?: Event) => void; - selection: ISelection; - selectionMode?: SelectionMode; - selectionPreservedOnEmptyClick?: boolean; -} - -// @public (undocumented) -export interface ISelectionZoneState { - // (undocumented) - isModal: boolean | undefined; -} - -// @public (undocumented) -export interface ISeparator { -} - -// @public (undocumented) -export interface ISeparatorProps extends React.HTMLAttributes, React.RefAttributes { - alignContent?: 'start' | 'center' | 'end'; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - vertical?: boolean; -} - -// @public (undocumented) -export type ISeparatorStyleProps = Required> & Pick; - -// @public (undocumented) -export interface ISeparatorStyles { - content: IStyle; - root: IStyle; -} - -// @public (undocumented) -export interface IShimmerCircle { -} - -// @public -export interface IShimmerCircleProps extends React.AllHTMLAttributes { - // @deprecated - borderStyle?: IRawStyle; - componentRef?: IRefObject; - height?: number; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public -export type IShimmerCircleStyleProps = { - theme: ITheme; - height?: number; - borderStyle?: IRawStyle; -}; - -// @public -export interface IShimmerCircleStyles { - root?: IStyle; - svg?: IStyle; -} - -// @public -export interface IShimmerColors { - background?: string; - shimmer?: string; - shimmerWave?: string; -} - -// @public -export interface IShimmerElement { - height?: number; - type: ShimmerElementType; - verticalAlign?: 'top' | 'center' | 'bottom'; - width?: number | string; -} - -// @public (undocumented) -export interface IShimmerElementsGroup { -} - -// @public -export interface IShimmerElementsGroupProps extends React.AllHTMLAttributes { - backgroundColor?: string; - componentRef?: IRefObject; - flexWrap?: boolean; - rowHeight?: number; - shimmerElements?: IShimmerElement[]; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - width?: string; -} - -// @public -export interface IShimmerElementsGroupStyleProps { - flexWrap?: boolean; - theme: ITheme; -} - -// @public -export interface IShimmerElementsGroupStyles { - root?: IStyle; -} - -// @public (undocumented) -export interface IShimmerGap { -} - -// @public -export interface IShimmerGapProps extends React.AllHTMLAttributes { - // @deprecated - borderStyle?: IRawStyle; - componentRef?: IRefObject; - height?: number; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - width?: number | string; -} - -// @public -export type IShimmerGapStyleProps = { - theme: ITheme; - height?: number; - borderStyle?: IRawStyle; -}; - -// @public -export interface IShimmerGapStyles { - root?: IStyle; -} - -// @public (undocumented) -export interface IShimmerLine { -} - -// @public -export interface IShimmerLineProps extends React.AllHTMLAttributes { - // @deprecated - borderStyle?: IRawStyle; - componentRef?: IRefObject; - height?: number; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - width?: number | string; -} - -// @public -export type IShimmerLineStyleProps = { - theme: ITheme; - height?: number; - borderStyle?: IRawStyle; -}; - -// @public -export interface IShimmerLineStyles { - bottomLeftCorner?: IStyle; - bottomRightCorner?: IStyle; - root?: IStyle; - topLeftCorner?: IStyle; - topRightCorner?: IStyle; -} - -// @public -export interface IShimmerProps extends React.AllHTMLAttributes, React.RefAttributes { - ariaLabel?: string; - className?: string; - customElementsGroup?: React.ReactNode; - isDataLoaded?: boolean; - shimmerColors?: IShimmerColors; - shimmerElements?: IShimmerElement[]; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - width?: number | string; -} - -// @public -export interface IShimmerStyleProps { - className?: string; - isDataLoaded?: boolean; - shimmerColor?: string; - shimmerWaveColor?: string; - theme: ITheme; - transitionAnimationInterval?: number; -} - -// @public -export interface IShimmerStyles { - dataWrapper?: IStyle; - root?: IStyle; - screenReaderText?: IStyle; - shimmerGradient?: IStyle; - shimmerWrapper?: IStyle; -} - -// @public (undocumented) -export interface ISlider { - // (undocumented) - focus: () => void; - // (undocumented) - value: number | undefined; -} - -// @public (undocumented) -export interface ISliderProps extends Omit, 'defaultValue' | 'onChange'>, React.RefAttributes { - ariaLabel?: string; - ariaValueText?: (value: number) => string; - buttonProps?: React.HTMLAttributes; - className?: string; - componentRef?: IRefObject; - defaultValue?: number; - disabled?: boolean; - label?: string; - max?: number; - min?: number; - onChange?: (value: number) => void; - onChanged?: (event: MouseEvent | TouchEvent | KeyboardEvent, value: number) => void; - originFromZero?: boolean; - showValue?: boolean; - snapToStep?: boolean; - step?: number; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - value?: number; - valueFormat?: (value: number) => string; - vertical?: boolean; -} - -// @public (undocumented) -export type ISliderStyleProps = Required> & Pick & { - showTransitions?: boolean; - showValue?: boolean; - titleLabelClassName?: string; -}; - -// @public (undocumented) -export interface ISliderStyles { - activeSection: IStyle; - container: IStyle; - inactiveSection: IStyle; - line: IStyle; - lineContainer: IStyle; - root: IStyle; - slideBox: IStyle; - thumb: IStyle; - titleLabel: IStyle; - valueLabel: IStyle; - zeroTick: IStyle; -} - -// @public (undocumented) -export interface ISpinButton { - focus: () => void; - value?: string; -} - -// @public (undocumented) -export interface ISpinButtonProps extends React.HTMLAttributes, React.RefAttributes { - ariaDescribedBy?: string; - ariaLabel?: string; - ariaPositionInSet?: number; - ariaSetSize?: number; - ariaValueNow?: number; - // (undocumented) - ariaValueText?: string; - className?: string; - componentRef?: IRefObject; - decrementButtonAriaLabel?: string; - decrementButtonIcon?: IIconProps; - defaultValue?: string; - disabled?: boolean; - downArrowButtonStyles?: Partial; - iconButtonProps?: IButtonProps; - iconProps?: IIconProps; - incrementButtonAriaLabel?: string; - incrementButtonIcon?: IIconProps; - inputProps?: React.InputHTMLAttributes; - keytipProps?: IKeytipProps; - label?: string; - labelPosition?: Position; - max?: number; - min?: number; - onBlur?: React.FocusEventHandler; - onChange?: (event: React.SyntheticEvent, newValue?: string) => void; - onDecrement?: (value: string, event?: React.MouseEvent | React.KeyboardEvent) => string | void; - onFocus?: React.FocusEventHandler; - onIncrement?: (value: string, event?: React.MouseEvent | React.KeyboardEvent) => string | void; - onValidate?: (value: string, event?: React.SyntheticEvent) => string | void; - precision?: number; - step?: number; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - title?: string; - upArrowButtonStyles?: Partial; - value?: string; -} - -// @public (undocumented) -export interface ISpinButtonStyleProps { - // (undocumented) - className: string | undefined; - // (undocumented) - disabled: boolean; - // (undocumented) - isFocused: boolean; - // (undocumented) - keyboardSpinDirection: KeyboardSpinDirection; - // (undocumented) - labelPosition: Position; - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface ISpinButtonStyles { - arrowButtonsContainer: IStyle; - icon: IStyle; - input: IStyle; - label: IStyle; - labelWrapper: IStyle; - root: IStyle; - spinButtonWrapper: IStyle; -} - -// @public (undocumented) -export interface ISpinner { -} - -// @public -export interface ISpinnerProps extends React.HTMLAttributes { - ariaLabel?: string; - ariaLive?: 'assertive' | 'polite' | 'off'; - className?: string; - componentRef?: IRefObject; - label?: string; - labelPosition?: SpinnerLabelPosition; - size?: SpinnerSize; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - // @deprecated (undocumented) - type?: SpinnerType; -} - -// @public -export interface ISpinnerStyleProps { - className?: string; - labelPosition?: SpinnerLabelPosition; - size?: SpinnerSize; - theme: ITheme; -} - -// @public -export interface ISpinnerStyles { - circle?: IStyle; - label?: IStyle; - root?: IStyle; - screenReaderText?: IStyle; -} - -// @public (undocumented) -export function isRelativeUrl(url: string): boolean; - -// @public (undocumented) -export type IStackComponent = IComponent; - -// @public (undocumented) -export type IStackItemComponent = IComponent; - -// @public (undocumented) -export interface IStackItemProps extends IStackItemSlots, IStyleableComponentProps, React.HTMLAttributes { - align?: 'auto' | 'stretch' | 'baseline' | 'start' | 'center' | 'end'; - className?: string; - disableShrink?: boolean; - grow?: boolean | number | 'inherit' | 'initial' | 'unset'; - order?: number | string; - shrink?: boolean | number | 'inherit' | 'initial' | 'unset'; - verticalFill?: boolean; -} - -// @public (undocumented) -export type IStackItemSlot = ISlotProp; - -// @public (undocumented) -export interface IStackItemSlots { - // (undocumented) - root?: IHTMLSlot; -} - -// @public (undocumented) -export type IStackItemStyles = IComponentStyles; - -// @public (undocumented) -export type IStackItemStylesReturnType = ReturnType>; - -// @public (undocumented) -export type IStackItemTokenReturnType = ReturnType>; - -// @public (undocumented) -export interface IStackItemTokens { - margin?: number | string; - padding?: number | string; -} - -// @public (undocumented) -export interface IStackProps extends ISlottableProps, IStyleableComponentProps, React.HTMLAttributes { - as?: React.ElementType>; - disableShrink?: boolean; - // @deprecated - gap?: number | string; - grow?: boolean | number | 'inherit' | 'initial' | 'unset'; - horizontal?: boolean; - horizontalAlign?: Alignment; - // @deprecated - maxHeight?: number | string; - // @deprecated - maxWidth?: number | string; - // @deprecated - padding?: number | string; - reversed?: boolean; - verticalAlign?: Alignment; - verticalFill?: boolean; - wrap?: boolean; -} - -// @public (undocumented) -export type IStackSlot = ISlotProp; - -// @public (undocumented) -export interface IStackSlots { - inner?: IHTMLSlot; - root?: IHTMLSlot; -} - -// @public (undocumented) -export type IStackStyles = IComponentStyles; - -// @public (undocumented) -export type IStackStylesReturnType = ReturnType>; - -// @public (undocumented) -export type IStackTokenReturnType = ReturnType>; - -// @public (undocumented) -export interface IStackTokens { - childrenGap?: number | string; - maxHeight?: number | string; - maxWidth?: number | string; - padding?: number | string; -} - -// @public (undocumented) -export interface IStickyProps extends React.Props { - componentRef?: IRefObject; - isScrollSynced?: boolean; - stickyBackgroundColor?: string; - stickyClassName?: string; - stickyPosition?: StickyPositionType; -} - -// @public (undocumented) -export interface IStickyState { - // (undocumented) - distanceFromTop?: number; - // (undocumented) - isStickyBottom: boolean; - // (undocumented) - isStickyTop: boolean; -} - -// @public -export interface ISuggestionItemProps { - className?: string; - componentRef?: IRefObject; - id?: string; - isSelectedOverride?: boolean; - onClick: (ev: React.MouseEvent) => void; - onRemoveItem: (ev: React.MouseEvent) => void; - removeButtonAriaLabel?: string; - RenderSuggestion: (item: T, suggestionItemProps: ISuggestionItemProps) => JSX.Element; - showRemoveButton?: boolean; - styles?: IStyleFunctionOrObject; - suggestionModel: ISuggestionModel; - theme?: ITheme; -} - -// @public -export interface ISuggestionModel { - ariaLabel?: string; - item: T; - selected: boolean; -} - -// @public -export interface ISuggestions { - executeSelectedAction: () => void; - focusAboveSuggestions: () => void; - focusBelowSuggestions: () => void; - focusSearchForMoreButton: () => void; - hasSuggestedAction: () => boolean; - hasSuggestedActionSelected: () => boolean; - tryHandleKeyDown: (keyCode: number, currentSuggestionIndex: number) => boolean; -} - -// @public (undocumented) -export interface ISuggestionsControlProps extends React.ClassAttributes, ISuggestionsCoreProps { - className?: string; - completeSuggestion: () => void; - footerItemsProps?: ISuggestionsHeaderFooterProps[]; - headerItemsProps?: ISuggestionsHeaderFooterProps[]; - shouldSelectFirstItem?: () => boolean; - suggestionsFooterContainerAriaLabel?: string; - suggestionsHeaderContainerAriaLabel?: string; -} - -// @public (undocumented) -export interface ISuggestionsControlState { - // (undocumented) - selectedFooterIndex: number; - // (undocumented) - selectedHeaderIndex: number; - // (undocumented) - suggestions: ISuggestionModel[]; -} - -// @public (undocumented) -export interface ISuggestionsCoreProps extends React.ClassAttributes { - componentRef?: IRefObject<{}>; - onRenderSuggestion?: (props: T, suggestionItemProps: ISuggestionItemProps) => JSX.Element; - onSuggestionClick: (ev?: React.MouseEvent, item?: any, index?: number) => void; - onSuggestionRemove?: (ev?: React.MouseEvent, item?: IPersonaProps, index?: number) => void; - resultsMaximumNumber?: number; - shouldLoopSelection: boolean; - showRemoveButtons?: boolean; - suggestions: ISuggestionModel[]; - suggestionsAvailableAlertText?: string; - suggestionsContainerAriaLabel?: string; - suggestionsItemClassName?: string; -} - -// @public (undocumented) -export interface ISuggestionsHeaderFooterItemProps { - // (undocumented) - className: string | undefined; - // (undocumented) - componentRef?: IRefObject<{}>; - // (undocumented) - id: string; - // (undocumented) - isSelected: boolean; - // (undocumented) - onExecute?: () => void; - // (undocumented) - renderItem: () => JSX.Element; -} - -// @public (undocumented) -export interface ISuggestionsHeaderFooterProps { - // (undocumented) - ariaLabel?: string; - // (undocumented) - className?: string; - // (undocumented) - onExecute?: () => void; - // (undocumented) - renderItem: () => JSX.Element; - // (undocumented) - shouldShow: () => boolean; -} - -// @public -export interface ISuggestionsItem { -} - -// @public -export type ISuggestionsItemStyleProps = Required, 'theme'>> & Pick, 'className'> & { - suggested?: boolean; -}; - -// @public -export interface ISuggestionsItemStyles { - closeButton: IStyle; - itemButton: IStyle; - root: IStyle; -} - -// @public -export interface ISuggestionsProps extends React.Props { - className?: string; - componentRef?: IRefObject>; - createGenericItem?: () => void; - forceResolveText?: string; - isLoading?: boolean; - isMostRecentlyUsedVisible?: boolean; - isResultsFooterVisible?: boolean; - isSearching?: boolean; - loadingText?: string; - moreSuggestionsAvailable?: boolean; - mostRecentlyUsedHeaderText?: string; - noResultsFoundText?: string; - onGetMoreResults?: () => void; - onRenderNoResultFound?: IRenderFunction; - onRenderSuggestion: (props: T, suggestionItemProps: ISuggestionItemProps) => JSX.Element; - onSuggestionClick: (ev?: React.MouseEvent, item?: any, index?: number) => void; - onSuggestionRemove?: (ev?: React.MouseEvent, item?: T | IPersonaProps, index?: number) => void; - refocusSuggestions?: (keyCode: KeyCodes) => void; - removeSuggestionAriaLabel?: string; - resultsFooter?: (props: ISuggestionsProps) => JSX.Element; - resultsFooterFull?: (props: ISuggestionsProps) => JSX.Element; - resultsMaximumNumber?: number; - // @deprecated - searchErrorText?: string; - searchForMoreText?: string; - searchingText?: string; - showForceResolve?: () => boolean; - showRemoveButtons?: boolean; - styles?: IStyleFunctionOrObject; - suggestions: ISuggestionModel[]; - suggestionsAvailableAlertText?: string; - suggestionsClassName?: string; - suggestionsContainerAriaLabel?: string; - suggestionsHeaderText?: string; - suggestionsItemClassName?: string; - suggestionsListId?: string; - theme?: ITheme; -} - -// @public (undocumented) -export interface ISuggestionsState { - // (undocumented) - selectedActionType: SuggestionActionType; -} - -// @public -export type ISuggestionsStyleProps = Required, 'theme'>> & Pick, 'className' | 'suggestionsClassName'> & { - forceResolveButtonSelected?: boolean; - searchForMoreButtonSelected?: boolean; -}; - -// @public -export interface ISuggestionsStyles { - forceResolveButton: IStyle; - noSuggestions: IStyle; - root: IStyle; - searchForMoreButton: IStyle; - subComponentStyles: ISuggestionsSubComponentStyles; - suggestionsAvailable: IStyle; - suggestionsContainer: IStyle; - title: IStyle; -} - -// @public -export interface ISuggestionsSubComponentStyles { - spinner: IStyleFunctionOrObject; -} - -// @public -export function isValidShade(shade?: Shade): boolean; - -// @public (undocumented) -export interface ISwatchColorPickerProps extends React.RefAttributes { - ariaPosInSet?: number; - ariaSetSize?: number; - cellBorderWidth?: number; - cellHeight?: number; - cellMargin?: number; - cellShape?: 'circle' | 'square'; - cellWidth?: number; - className?: string; - colorCells: IColorCellProps[]; - columnCount: number; - defaultSelectedId?: string | undefined; - disabled?: boolean; - doNotContainWithinFocusZone?: boolean; - focusOnHover?: boolean; - getColorGridCellStyles?: IStyleFunctionOrObject; - id?: string; - // @deprecated (undocumented) - isControlled?: boolean; - mouseLeaveParentSelector?: string | undefined; - onCellFocused?: (id?: string, color?: string) => void; - onCellHovered?: (id?: string, color?: string) => void; - onChange?: (event: React.FormEvent, id: string | undefined, color: string | undefined) => void; - // @deprecated (undocumented) - onColorChanged?: (id?: string, color?: string) => void; - onRenderColorCell?: IRenderFunction; - selectedId?: string; - shouldFocusCircularNavigate?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public -export interface ISwatchColorPickerStyleProps { - cellMargin?: number; - className?: string; - theme: ITheme; -} - -// @public -export interface ISwatchColorPickerStyles { - focusedContainer?: IStyle; - root: IStyle; - tableCell: IStyle; -} - -// @public -export interface ITag { - key: string | number; - name: string; -} - -// @public -export interface ITagItemProps extends IPickerItemProps { - className?: string; - enableTagFocusInDisabledPicker?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - title?: string; -} - -// @public -export type ITagItemStyleProps = Required> & Pick & {}; - -// @public -export interface ITagItemStyles { - close: IStyle; - root: IStyle; - text: IStyle; -} - -// @public -export interface ITagItemSuggestionProps extends React.AllHTMLAttributes { - className?: string; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public -export type ITagItemSuggestionStyleProps = Required> & Pick & {}; - -// @public -export interface ITagItemSuggestionStyles { - suggestionTextOverflow?: IStyle; -} - -// @public -export interface ITagPickerProps extends IBasePickerProps { -} - -// @public (undocumented) -export interface ITeachingBubble { - focus(): void; -} - -// @public -export interface ITeachingBubbleProps extends React.RefAttributes, IAccessiblePopupProps { - ariaDescribedBy?: string; - ariaLabelledBy?: string; - calloutProps?: ICalloutProps; - componentRef?: IRefObject; - focusTrapZoneProps?: IFocusTrapZoneProps; - footerContent?: string | JSX.Element; - hasCloseButton?: boolean; - // @deprecated (undocumented) - hasCloseIcon?: boolean; - hasCondensedHeadline?: boolean; - hasSmallHeadline?: boolean; - headline?: string; - illustrationImage?: IImageProps; - isWide?: boolean; - onDismiss?: (ev?: any) => void; - primaryButtonProps?: IButtonProps; - secondaryButtonProps?: IButtonProps; - styles?: IStyleFunctionOrObject; - target?: Target; - // @deprecated - targetElement?: HTMLElement; - theme?: ITheme; -} - -// @public (undocumented) -export type ITeachingBubbleStyleProps = Required> & Pick & { - calloutProps?: ICalloutContentStyleProps; - primaryButtonClassName?: string; - secondaryButtonClassName?: string; - hasCloseButton?: boolean; - hasHeadline?: boolean; -}; - -// @public (undocumented) -export interface ITeachingBubbleStyles { - // (undocumented) - body: IStyle; - // (undocumented) - bodyContent: IStyle; - // (undocumented) - closeButton: IStyle; - // (undocumented) - content: IStyle; - // (undocumented) - footer: IStyle; - // (undocumented) - header: IStyle; - // (undocumented) - headline: IStyle; - // (undocumented) - imageContent: IStyle; - // (undocumented) - primaryButton: IStyle; - // (undocumented) - root: IStyle; - // (undocumented) - secondaryButton: IStyle; - // (undocumented) - subComponentStyles?: ITeachingBubbleSubComponentStyles; - // (undocumented) - subText: IStyle; -} - -// @public (undocumented) -export interface ITeachingBubbleSubComponentStyles { - callout: IStyleFunctionOrObject; -} - -// @public (undocumented) -export type ITextComponent = IComponent; - -// @public (undocumented) -export interface ITextField { - blur: () => void; - focus: () => void; - select: () => void; - selectionEnd: number | null; - selectionStart: number | null; - setSelectionEnd: (value: number) => void; - setSelectionRange: (start: number, end: number) => void; - setSelectionStart: (value: number) => void; - value: string | undefined; -} - -// @public -export interface ITextFieldProps extends React.AllHTMLAttributes { - ariaLabel?: string; - autoAdjustHeight?: boolean; - autoComplete?: string; - borderless?: boolean; - canRevealPassword?: boolean; - className?: string; - componentRef?: IRefObject; - defaultValue?: string; - deferredValidationTime?: number; - description?: string; - disabled?: boolean; - // @deprecated - elementRef?: React.Ref; - errorMessage?: string | JSX.Element; - iconProps?: IIconProps; - inputClassName?: string; - label?: string; - multiline?: boolean; - onChange?: (event: React.FormEvent, newValue?: string) => void; - onGetErrorMessage?: (value: string) => string | JSX.Element | PromiseLike | undefined; - onNotifyValidationResult?: (errorMessage: string | JSX.Element, value: string | undefined) => void; - onRenderDescription?: IRenderFunction; - onRenderLabel?: IRenderFunction; - onRenderPrefix?: IRenderFunction; - onRenderSuffix?: IRenderFunction; - prefix?: string; - readOnly?: boolean; - resizable?: boolean; - styles?: IStyleFunctionOrObject; - suffix?: string; - theme?: ITheme; - underlined?: boolean; - validateOnFocusIn?: boolean; - validateOnFocusOut?: boolean; - validateOnLoad?: boolean; - value?: string; -} - -// Warning: (ae-internal-missing-underscore) The name "ITextFieldSnapshot" should be prefixed with an underscore because the declaration is marked as @internal -// -// @internal (undocumented) -export interface ITextFieldSnapshot { - selection?: [number | null, number | null]; -} - -// Warning: (ae-internal-missing-underscore) The name "ITextFieldState" should be prefixed with an underscore because the declaration is marked as @internal -// -// @internal (undocumented) -export interface ITextFieldState { - errorMessage: string | JSX.Element; - isFocused?: boolean; - isRevealingPassword?: boolean; - uncontrolledValue: string | undefined; -} - -// @public (undocumented) -export type ITextFieldStyleProps = Required> & Pick & { - hasErrorMessage?: boolean; - hasIcon?: boolean; - hasLabel?: boolean; - focused?: boolean; - hasRevealButton?: boolean; -}; - -// @public (undocumented) -export interface ITextFieldStyles { - description: IStyle; - errorMessage: IStyle; - field: IStyle; - fieldGroup: IStyle; - icon: IStyle; - prefix: IStyle; - revealButton: IStyle; - revealIcon: IStyle; - revealSpan: IStyle; - root: IStyle; - subComponentStyles: ITextFieldSubComponentStyles; - suffix: IStyle; - wrapper: IStyle; -} - -// @public (undocumented) -export interface ITextFieldSubComponentStyles { - label: IStyleFunctionOrObject; -} - -// @public -export interface ITextProps extends ISlottableProps, IStyleableComponentProps, React.HTMLAttributes { - as?: React.ElementType>; - block?: boolean; - nowrap?: boolean; - variant?: keyof IFontStyles; -} - -// @public (undocumented) -export type ITextSlot = ISlotProp; - -// @public (undocumented) -export interface ITextSlots { - // (undocumented) - root?: IHTMLSlot; -} - -// @public (undocumented) -export type ITextStyles = IComponentStyles; - -// @public (undocumented) -export type ITextStylesReturnType = ReturnType>; - -// @public (undocumented) -export type ITextTokenReturnType = ReturnType>; - -// @public (undocumented) -export interface ITextTokens { -} - -// @public (undocumented) -export interface IThemeRules { - // (undocumented) - [key: string]: IThemeSlotRule; -} - -// @public (undocumented) -export interface IThemeSlotRule { - asShade?: Shade; - color?: IColor; - dependentRules: IThemeSlotRule[]; - inherits?: IThemeSlotRule; - isBackgroundShade?: boolean; - isCustomized?: boolean; - name: string; - value?: string; -} - -// @public (undocumented) -export interface IToggle { - // (undocumented) - focus: () => void; -} - -// @public -export interface IToggleProps extends React.HTMLAttributes, React.RefAttributes { - ariaLabel?: string; - as?: IComponentAs>; - checked?: boolean; - componentRef?: IRefObject; - defaultChecked?: boolean; - disabled?: boolean; - inlineLabel?: boolean; - label?: string | JSX.Element; - // @deprecated (undocumented) - offAriaLabel?: string; - offText?: string; - // @deprecated (undocumented) - onAriaLabel?: string; - onChange?: (event: React.MouseEvent, checked?: boolean) => void; - // @deprecated (undocumented) - onChanged?: (checked: boolean) => void; - onText?: string; - role?: 'checkbox' | 'switch' | 'menuitemcheckbox'; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public -export interface IToggleStyleProps { - checked?: boolean; - className?: string; - disabled?: boolean; - inlineLabel?: boolean; - onOffMissing?: boolean; - theme: ITheme; -} - -// @public -export interface IToggleStyles { - container: IStyle; - label: IStyle; - pill: IStyle; - root: IStyle; - text: IStyle; - thumb: IStyle; -} - -// @public (undocumented) -export interface ITooltip { -} - -// @public (undocumented) -export interface ITooltipHost { - dismiss: () => void; - show: () => void; -} - -// @public -export interface ITooltipHostProps extends React.HTMLAttributes { - calloutProps?: ICalloutProps; - className?: string; - closeDelay?: number; - componentRef?: IRefObject; - content?: string | JSX.Element | JSX.Element[]; - delay?: TooltipDelay; - directionalHint?: DirectionalHint; - directionalHintForRTL?: DirectionalHint; - hostClassName?: string; - id?: string; - onTooltipToggle?(isTooltipVisible: boolean): void; - overflowMode?: TooltipOverflowMode; - setAriaDescribedBy?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - tooltipProps?: ITooltipProps; -} - -// @public (undocumented) -export interface ITooltipHostState { - // (undocumented) - isAriaPlaceholderRendered: boolean; - // (undocumented) - isTooltipVisible: boolean; -} - -// @public (undocumented) -export interface ITooltipHostStyleProps { - // (undocumented) - className?: string; - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface ITooltipHostStyles { - root: IStyle; -} - -// @public (undocumented) -export interface ITooltipProps extends React.HTMLAttributes { - calloutProps?: ICalloutProps; - componentRef?: IRefObject; - content?: string | JSX.Element | JSX.Element[]; - delay?: TooltipDelay; - directionalHint?: DirectionalHint; - directionalHintForRTL?: DirectionalHint; - maxWidth?: string | null; - onRenderContent?: IRenderFunction; - styles?: IStyleFunctionOrObject; - targetElement?: HTMLElement; - theme?: ITheme; -} - -// @public (undocumented) -export interface ITooltipStyleProps { - beakWidth?: number; - // (undocumented) - className?: string; - // @deprecated - delay?: TooltipDelay; - gapSpace?: number; - maxWidth?: string; - // (undocumented) - theme: ITheme; -} - -// @public (undocumented) -export interface ITooltipStyles { - content: IStyle; - root: IStyle; - subText: IStyle; -} - -// @public (undocumented) -export interface IUniqueKeytip { - // (undocumented) - keytip: IKeytipProps; - // (undocumented) - uniqueID: string; -} - -// @public @deprecated -export interface IVerticalDividerClassNames { - divider: string; - wrapper: string; -} - -// @public -export interface IVerticalDividerProps extends React.HTMLAttributes, React.RefAttributes { - className?: string; - // @deprecated - getClassNames?: (theme: ITheme) => IVerticalDividerClassNames; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} - -// @public -export type IVerticalDividerPropsStyles = Pick; - -// @public -export interface IVerticalDividerStyles { - divider: IStyle; - wrapper: IStyle; -} - -// @public -export interface IWindowWithSegments extends Window { - // (undocumented) - getWindowSegments?: () => DOMRect[]; -} - -// @public (undocumented) -export enum KeyboardSpinDirection { - // (undocumented) - down = -1, - // (undocumented) - notSpinning = 0, - // (undocumented) - up = 1 -} - -// @public -export class Keytip extends React.Component { - // (undocumented) - render(): JSX.Element; -} - -// @public -export const KeytipData: React.FunctionComponent>; - -// @public (undocumented) -export type KeytipDataOptions = IKeytipDataProps; - -// @public (undocumented) -export namespace KeytipEvents { - const // (undocumented) - KEYTIP_ADDED = "keytipAdded"; - const // (undocumented) - KEYTIP_REMOVED = "keytipRemoved"; - const // (undocumented) - KEYTIP_UPDATED = "keytipUpdated"; - const // (undocumented) - PERSISTED_KEYTIP_ADDED = "persistedKeytipAdded"; - const // (undocumented) - PERSISTED_KEYTIP_REMOVED = "persistedKeytipRemoved"; - const // (undocumented) - PERSISTED_KEYTIP_EXECUTE = "persistedKeytipExecute"; - const // (undocumented) - ENTER_KEYTIP_MODE = "enterKeytipMode"; - const // (undocumented) - EXIT_KEYTIP_MODE = "exitKeytipMode"; -} - -// @public (undocumented) -export const KeytipLayer: React.FunctionComponent; - -// @public -export class KeytipLayerBase extends React.Component { - constructor(props: IKeytipLayerProps, context: any); - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - static defaultProps: IKeytipLayerProps; - // (undocumented) - getCurrentSequence(): string; - // Warning: (ae-forgotten-export) The symbol "KeytipTree" needs to be exported by the entry point index.d.ts - // - // (undocumented) - getKeytipTree(): KeytipTree; - processInput(key: string, ev?: React.KeyboardEvent): void; - processTransitionInput(transitionKey: IKeytipTransitionKey, ev?: React.KeyboardEvent): void; - // (undocumented) - render(): JSX.Element; - showKeytips(ids: string[]): void; - } - -// @public -export class KeytipManager { - addParentOverflow(keytipProps: IKeytipProps): IKeytipProps; - // (undocumented) - delayUpdatingKeytipChange: boolean; - enterKeytipMode(): void; - exitKeytipMode(): void; - static getInstance(): KeytipManager; - getKeytips(): IKeytipProps[]; - init(delayUpdatingKeytipChange: boolean): void; - // (undocumented) - inKeytipMode: boolean; - // (undocumented) - keytips: { - [key: string]: IUniqueKeytip; - }; - menuExecute(overflowButtonSequences: string[], keytipSequences: string[]): void; - // (undocumented) - persistedKeytips: { - [key: string]: IUniqueKeytip; - }; - register(keytipProps: IKeytipProps, persisted?: boolean): string; - // (undocumented) - sequenceMapping: { - [key: string]: IKeytipProps; - }; - // (undocumented) - shouldEnterKeytipMode: boolean; - unregister(keytipToRemove: IKeytipProps, uniqueID: string, persisted?: boolean): void; - update(keytipProps: IKeytipProps, uniqueID: string): void; -} - -// @public (undocumented) -export type KeytipTransitionModifier = typeof KeyCodes.shift | typeof KeyCodes.ctrl | typeof KeyCodes.alt | typeof KeyCodes.leftWindow; - -// @public (undocumented) -export const KTP_ARIA_SEPARATOR = ", "; - -// @public (undocumented) -export const KTP_FULL_PREFIX: string; - -// @public (undocumented) -export const KTP_LAYER_ID = "ktp-layer-id"; - -// @public (undocumented) -export const KTP_PREFIX = "ktp"; - -// @public (undocumented) -export const KTP_SEPARATOR = "-"; - -// @public -export function ktpTargetFromId(keytipId: string): string; - -// @public -export function ktpTargetFromSequences(keySequences: string[]): string; - -// @public (undocumented) -export const Label: React.FunctionComponent; - -// @public (undocumented) -export class LabelBase extends React.Component { - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export const Layer: React.FunctionComponent; - -// @public (undocumented) -export const LayerBase: React.FunctionComponent; - -// @public (undocumented) -export const LayerHost: React.FunctionComponent; - -// @public (undocumented) -export const Link: React.FunctionComponent; - -// @public (undocumented) -export const LinkBase: React.FunctionComponent; - -// @public -export class List extends React.Component, IListState> implements IList { - constructor(props: IListProps); - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - static defaultProps: { - startIndex: number; - onRenderCell: (item: any, index: number, containsFocus: boolean) => JSX.Element; - renderedWindowsAhead: number; - renderedWindowsBehind: number; - }; - // (undocumented) - forceUpdate(): void; - // (undocumented) - static getDerivedStateFromProps(nextProps: IListProps, previousState: IListState): IListState; - // (undocumented) - getStartItemIndexInView(measureItem?: (itemIndex: number) => number): number; - getTotalListHeight(): number; - // (undocumented) - get pageRefs(): Readonly>; - // (undocumented) - render(): JSX.Element | null; - scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void; - // (undocumented) - shouldComponentUpdate(newProps: IListProps, newState: IListState): boolean; - } - -// @public (undocumented) -export const ListPeoplePicker: React.FunctionComponent; - -// @public -export class ListPeoplePickerBase extends MemberListPeoplePicker { - static defaultProps: { - onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element; - onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps | undefined) => JSX.Element; - createGenericItem: typeof createGenericItem; - }; -} - -// @public -export function makeStyles(styleOrFunction: TStyleSet | ((theme: Theme) => TStyleSet)): (options?: UseStylesOptions) => { - [key in keyof TStyleSet]: string; -}; - -// @public (undocumented) -export const MarqueeSelection: React.FunctionComponent; - -// @public (undocumented) -export const MaskedTextField: React.FunctionComponent; - -// @public (undocumented) -export const MAX_COLOR_ALPHA = 100; - -// @public (undocumented) -export const MAX_COLOR_HUE = 359; - -// @public (undocumented) -export const MAX_COLOR_RGB = 255; - -// @public @deprecated (undocumented) -export const MAX_COLOR_RGBA = 255; - -// @public (undocumented) -export const MAX_COLOR_SATURATION = 100; - -// @public (undocumented) -export const MAX_COLOR_VALUE = 100; - -// @public -export const MAX_HEX_LENGTH = 6; - -// @public -export const MAX_RGBA_LENGTH = 3; - -// @public (undocumented) -export const MeasuredContext: React.Context<{ - isMeasured: boolean; -}>; - -// @public (undocumented) -export class MemberListPeoplePicker extends BasePickerListBelow { -} - -// @public -export function mergeOverflows(keySequences: string[], overflowKeySequences: string[]): string[]; - -// @public (undocumented) -export const MessageBar: React.FunctionComponent; - -// @public (undocumented) -export const MessageBarBase: React.FunctionComponent; - -// @public (undocumented) -export enum MessageBarType { - blocked = 2, - error = 1, - info = 0, - severeWarning = 3, - success = 4, - warning = 5 -} - -// @public -export const MIN_HEX_LENGTH = 3; - -// @public -export const MIN_RGBA_LENGTH = 1; - -// @public (undocumented) -export const Modal: React.FunctionComponent; - -// @public (undocumented) -export const ModalBase: React.FunctionComponent; - -// @public (undocumented) -export const Nav: React.FunctionComponent; - -// @public (undocumented) -export class NavBase extends React.Component implements INav { - constructor(props: INavProps); - // (undocumented) - static defaultProps: INavProps; - focus(forceIntoFirstElement?: boolean): boolean; - // (undocumented) - render(): JSX.Element | null; - // (undocumented) - get selectedKey(): string | undefined; - } - -// @public (undocumented) -export const NormalPeoplePicker: React.FunctionComponent; - -// @public -export class NormalPeoplePickerBase extends BasePeoplePicker { - static defaultProps: { - onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element; - onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps | undefined) => JSX.Element; - createGenericItem: typeof createGenericItem; - }; -} - -// @public (undocumented) -export const ONKEYDOWN_TIMEOUT_DURATION = 1000; - -// @public (undocumented) -export enum OpenCardMode { - hotKey = 1, - hover = 0 -} - -// @public (undocumented) -export enum OverflowButtonType { - descriptive = 1, - downArrow = 3, - more = 2, - none = 0 -} - -// @public (undocumented) -export const OverflowSet: React.FunctionComponent; - -// @public (undocumented) -export const OverflowSetBase: React.FunctionComponent; - -// @public (undocumented) -export const Overlay: React.FunctionComponent; - -// @public (undocumented) -export class OverlayBase extends React.Component { - constructor(props: IOverlayProps); - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - render(): JSX.Element; -} - -// @public -export const Panel: React.FunctionComponent; - -// Warning: (ae-forgotten-export) The symbol "IPanelState" needs to be exported by the entry point index.d.ts -// -// @public (undocumented) -export class PanelBase extends React.Component implements IPanel { - constructor(props: IPanelProps); - // (undocumented) - close(): void; - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(previousProps: IPanelProps, previousState: IPanelState): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - static defaultProps: IPanelProps; - // (undocumented) - dismiss: (ev?: KeyboardEvent | React.SyntheticEvent | undefined) => void; - // (undocumented) - static getDerivedStateFromProps(nextProps: Readonly, prevState: Readonly): Partial | null; - get isActive(): boolean; - // (undocumented) - open(): void; - // (undocumented) - render(): JSX.Element | null; - } - -// @public (undocumented) -export enum PanelType { - custom = 7, - customNear = 8, - extraLarge = 6, - large = 4, - largeFixed = 5, - medium = 3, - smallFixedFar = 1, - smallFixedNear = 2, - smallFluid = 0 -} - -// @public (undocumented) -export const PeoplePickerItem: React.FunctionComponent; - -// @public (undocumented) -export const PeoplePickerItemBase: (props: IPeoplePickerItemSelectedProps) => JSX.Element; - -// @public (undocumented) -export const PeoplePickerItemSuggestion: React.FunctionComponent; - -// @public (undocumented) -export const PeoplePickerItemSuggestionBase: (props: IPeoplePickerItemSuggestionProps) => JSX.Element; - -// @public -export const Persona: React.FunctionComponent; - -// @public -export const PersonaBase: React.FunctionComponent; - -// @public -export const PersonaCoin: React.FunctionComponent; - -// @public -export const PersonaCoinBase: React.FunctionComponent; - -// @public (undocumented) -export enum PersonaInitialsColor { - // @deprecated (undocumented) - black = 11, - // (undocumented) - blue = 1, - // (undocumented) - burgundy = 19, - // (undocumented) - coolGray = 21, - // (undocumented) - cyan = 23, - // (undocumented) - darkBlue = 2, - // (undocumented) - darkGreen = 6, - // (undocumented) - darkRed = 14, - // (undocumented) - gold = 18, - gray = 22, - // (undocumented) - green = 5, - // (undocumented) - lightBlue = 0, - // (undocumented) - lightGreen = 4, - // (undocumented) - lightPink = 7, - // (undocumented) - lightRed = 17, - // (undocumented) - magenta = 9, - // (undocumented) - orange = 12, - // (undocumented) - pink = 8, - // (undocumented) - purple = 10, - // @deprecated (undocumented) - red = 13, - // (undocumented) - rust = 24, - // (undocumented) - teal = 3, - transparent = 15, - // (undocumented) - violet = 16, - // (undocumented) - warmGray = 20 -} - -// @public (undocumented) -export enum PersonaPresence { - // (undocumented) - away = 3, - // (undocumented) - blocked = 5, - // (undocumented) - busy = 6, - // (undocumented) - dnd = 4, - // (undocumented) - none = 0, - // (undocumented) - offline = 1, - // (undocumented) - online = 2 -} - -// @public (undocumented) -export namespace personaPresenceSize { - const // (undocumented) - size6 = "6px"; - const // (undocumented) - size8 = "8px"; - const // (undocumented) - size12 = "12px"; - const // (undocumented) - size16 = "16px"; - const // (undocumented) - size20 = "20px"; - const // (undocumented) - size28 = "28px"; - const // (undocumented) - size32 = "32px"; - const // @deprecated (undocumented) - border = "2px"; -} - -// @public (undocumented) -export enum PersonaSize { - // @deprecated - extraExtraSmall = 1, - // @deprecated - extraLarge = 6, - // @deprecated - extraSmall = 2, - // @deprecated - large = 5, - // @deprecated - regular = 4, - // @deprecated - size10 = 9, - size100 = 15, - size120 = 18, - // @deprecated - size16 = 8, - size24 = 10, - // @deprecated - size28 = 7, - size32 = 11, - size40 = 12, - size48 = 13, - size56 = 16, - size72 = 14, - size8 = 17, - // @deprecated - small = 3, - // @deprecated - tiny = 0 -} - -// @public (undocumented) -export namespace personaSize { - const // (undocumented) - size8 = "20px"; - const // (undocumented) - size10 = "20px"; - const // (undocumented) - size16 = "16px"; - const // (undocumented) - size24 = "24px"; - const // (undocumented) - size28 = "28px"; - const // (undocumented) - size32 = "32px"; - const // (undocumented) - size40 = "40px"; - const // (undocumented) - size48 = "48px"; - const // (undocumented) - size56 = "56px"; - const // (undocumented) - size72 = "72px"; - const // (undocumented) - size100 = "100px"; - const // (undocumented) - size120 = "120px"; -} - -// @public -export const Pivot: React.FunctionComponent; - -// @public (undocumented) -export const PivotBase: React.FunctionComponent; - -// @public (undocumented) -export class PivotItem extends React.Component { - constructor(props: IPivotItemProps); - // (undocumented) - render(): JSX.Element; -} - -// @public @deprecated (undocumented) -export const enum PivotLinkFormat { - links = "links", - tabs = "tabs" -} - -// @public -export type PivotLinkFormatType = 'links' | 'tabs'; - -// @public @deprecated (undocumented) -export const enum PivotLinkSize { - large = "large", - normal = "normal" -} - -// @public -export type PivotLinkSizeType = 'normal' | 'large'; - -// @public (undocumented) -export const PlainCard: React.FunctionComponent; - -// @public (undocumented) -export class PlainCardBase extends React.Component { - constructor(props: IPlainCardProps); - // (undocumented) - render(): JSX.Element; -} - -export { Point } - -// @public -export const Popup: React.FunctionComponent; - -// @public (undocumented) -export enum Position { - // (undocumented) - bottom = 1, - // (undocumented) - end = 3, - // (undocumented) - start = 2, - // (undocumented) - top = 0 -} - -// @public (undocumented) -export function positionCallout(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: ICalloutPositionedInfo): ICalloutPositionedInfo; - -// @public (undocumented) -export function positionCard(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: ICalloutPositionedInfo): ICalloutPositionedInfo; - -// @public -export function positionElement(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: IPositionedData): IPositionedData; - -// @public (undocumented) -export const PositioningContainer: React.FunctionComponent; - -// @public (undocumented) -export const presenceBoolean: (presence: PersonaPresence) => { - isAvailable: boolean; - isAway: boolean; - isBlocked: boolean; - isBusy: boolean; - isDoNotDisturb: boolean; - isOffline: boolean; -}; - -// @public -export const ProgressIndicator: React.FunctionComponent; - -// @public -export class ProgressIndicatorBase extends React.Component { - // (undocumented) - static defaultProps: { - label: string; - description: string; - width: number; - }; - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export const Rating: React.FunctionComponent; - -// @public (undocumented) -export const RatingBase: React.FunctionComponent; - -// @public (undocumented) -export enum RatingSize { - // (undocumented) - Large = 1, - // (undocumented) - Small = 0 -} - -// @public (undocumented) -export enum RectangleEdge { - // (undocumented) - bottom = -1, - // (undocumented) - left = 2, - // (undocumented) - right = -2, - // (undocumented) - top = 1 -} - -// @public (undocumented) -export const ResizeGroup: React.FunctionComponent; - -// @public (undocumented) -export const ResizeGroupBase: React.FunctionComponent; - -// @public (undocumented) -export enum ResizeGroupDirection { - // (undocumented) - horizontal = 0, - // (undocumented) - vertical = 1 -} - -// @public (undocumented) -export enum ResponsiveMode { - // (undocumented) - large = 2, - // (undocumented) - medium = 1, - // (undocumented) - small = 0, - // (undocumented) - unknown = 999, - // (undocumented) - xLarge = 3, - // (undocumented) - xxLarge = 4, - // (undocumented) - xxxLarge = 5 -} - -// @public -export function rgb2hex(r: number, g: number, b: number): string; - -// @public -export function rgb2hsv(r: number, g: number, b: number): IHSV; - -// @public -export const RGBA_REGEX: RegExp; - -// @public (undocumented) -export const ScrollablePane: React.FunctionComponent; - -// @public (undocumented) -export class ScrollablePaneBase extends React.Component implements IScrollablePane { - constructor(props: IScrollablePaneProps); - // (undocumented) - addSticky: (sticky: Sticky) => void; - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(prevProps: IScrollablePaneProps, prevState: IScrollablePaneState): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - get contentContainer(): HTMLDivElement | null; - // (undocumented) - forceLayoutUpdate(): void; - // (undocumented) - getScrollPosition: () => number; - // (undocumented) - notifySubscribers: () => void; - // (undocumented) - removeSticky: (sticky: Sticky) => void; - // (undocumented) - render(): JSX.Element; - // (undocumented) - get root(): HTMLDivElement | null; - // (undocumented) - setStickiesDistanceFromTop(): void; - // (undocumented) - shouldComponentUpdate(nextProps: IScrollablePaneProps, nextState: IScrollablePaneState): boolean; - // (undocumented) - sortSticky: (sticky: Sticky, sortAgain?: boolean | undefined) => void; - // (undocumented) - get stickyAbove(): HTMLDivElement | null; - // (undocumented) - get stickyBelow(): HTMLDivElement | null; - // (undocumented) - subscribe: (handler: Function) => void; - // (undocumented) - syncScrollSticky: (sticky: Sticky) => void; - // (undocumented) - unsubscribe: (handler: Function) => void; - // (undocumented) - updateStickyRefHeights: () => void; -} - -// @public (undocumented) -export const ScrollablePaneContext: React.Context; - -// @public (undocumented) -export const ScrollbarVisibility: { - auto: "auto"; - always: "always"; -}; - -// @public (undocumented) -export type ScrollbarVisibility = typeof ScrollbarVisibility[keyof typeof ScrollbarVisibility]; - -// @public (undocumented) -export const ScrollToMode: { - auto: 0; - top: 1; - bottom: 2; - center: 3; -}; - -// @public (undocumented) -export type ScrollToMode = typeof ScrollToMode[keyof typeof ScrollToMode]; - -// @public (undocumented) -export const SearchBox: React.FunctionComponent; - -// @public (undocumented) -export const SearchBoxBase: React.FunctionComponent; - -// @public (undocumented) -export enum SelectableOptionMenuItemType { - // (undocumented) - Divider = 1, - // (undocumented) - Header = 2, - // (undocumented) - Normal = 0 -} - -// @public -export class SelectedPeopleList extends BasePeopleSelectedItemsList { - // (undocumented) - static defaultProps: any; - // (undocumented) - protected renderItems: () => JSX.Element[]; -} - -export { Selection } - -export { SELECTION_CHANGE } - -export { SelectionDirection } - -export { SelectionMode } - -// @public (undocumented) -export class SelectionZone extends React.Component { - constructor(props: ISelectionZoneProps); - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(previousProps: ISelectionZoneProps): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - static defaultProps: { - isSelectedOnFocus: boolean; - selectionMode: SelectionMode; - }; - // (undocumented) - static getDerivedStateFromProps(nextProps: ISelectionZoneProps, prevState: ISelectionZoneState): ISelectionZoneState; - ignoreNextFocus: () => void; - // (undocumented) - render(): JSX.Element; - } - -// @public (undocumented) -export enum SemanticColorSlots { - // (undocumented) - bodyBackground = 0, - // (undocumented) - bodyText = 1, - // (undocumented) - disabledBackground = 2, - // (undocumented) - disabledText = 3 -} - -// @public (undocumented) -export const Separator: React.FunctionComponent; - -// @public (undocumented) -export const SeparatorBase: React.FunctionComponent; - -// @public -export function sequencesToID(keySequences: string[]): string; - -// @public -export enum Shade { - // (undocumented) - Shade1 = 1, - // (undocumented) - Shade2 = 2, - // (undocumented) - Shade3 = 3, - // (undocumented) - Shade4 = 4, - // (undocumented) - Shade5 = 5, - // (undocumented) - Shade6 = 6, - // (undocumented) - Shade7 = 7, - // (undocumented) - Shade8 = 8, - // (undocumented) - Unshaded = 0 -} - -// @public (undocumented) -export const Shimmer: React.FunctionComponent; - -// @public (undocumented) -export const ShimmerBase: React.FunctionComponent; - -// @public (undocumented) -export const ShimmerCircle: React.FunctionComponent; - -// @public (undocumented) -export const ShimmerCircleBase: React.FunctionComponent; - -// @public -export enum ShimmerElementsDefaultHeights { - circle = 24, - gap = 16, - line = 16 -} - -// @public (undocumented) -export const ShimmerElementsGroup: React.FunctionComponent; - -// @public (undocumented) -export const ShimmerElementsGroupBase: React.FunctionComponent; - -// @public -export enum ShimmerElementType { - circle = 2, - gap = 3, - line = 1 -} - -// @public (undocumented) -export const ShimmerGap: React.FunctionComponent; - -// @public (undocumented) -export const ShimmerGapBase: React.FunctionComponent; - -// @public (undocumented) -export const ShimmerLine: React.FunctionComponent; - -// @public (undocumented) -export const ShimmerLineBase: React.FunctionComponent; - -// @public (undocumented) -export const sizeBoolean: (size: PersonaSize) => { - isSize8: boolean; - isSize10: boolean; - isSize16: boolean; - isSize24: boolean; - isSize28: boolean; - isSize32: boolean; - isSize40: boolean; - isSize48: boolean; - isSize56: boolean; - isSize72: boolean; - isSize100: boolean; - isSize120: boolean; -}; - -// @public (undocumented) -export const sizeToPixels: { - [key: number]: number; -}; - -// @public (undocumented) -export const Slider: React.FunctionComponent; - -// @public (undocumented) -export const SliderBase: React.FunctionComponent; - -// @public -export const SpinButton: React.FunctionComponent; - -// @public (undocumented) -export const Spinner: React.FunctionComponent; - -// @public (undocumented) -export class SpinnerBase extends React.Component { - // (undocumented) - static defaultProps: ISpinnerProps; - // (undocumented) - render(): JSX.Element; -} - -// @public -export type SpinnerLabelPosition = 'top' | 'right' | 'bottom' | 'left'; - -// @public -export enum SpinnerSize { - large = 3, - medium = 2, - small = 1, - xSmall = 0 -} - -// @public @deprecated (undocumented) -export enum SpinnerType { - // @deprecated (undocumented) - large = 1, - // @deprecated (undocumented) - normal = 0 -} - -// @public (undocumented) -export const Stack: React.FunctionComponent & { - Item: React.FunctionComponent; -}; - -// @public (undocumented) -export const StackItem: React.FunctionComponent; - -// @public (undocumented) -export class Sticky extends React.Component { - constructor(props: IStickyProps); - // (undocumented) - addSticky(stickyContent: HTMLDivElement): void; - // (undocumented) - get canStickyBottom(): boolean; - // (undocumented) - get canStickyTop(): boolean; - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(prevProps: IStickyProps, prevState: IStickyState): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - static contextType: React.Context; - // (undocumented) - static defaultProps: IStickyProps; - // (undocumented) - get nonStickyContent(): HTMLDivElement | null; - // (undocumented) - get placeholder(): HTMLDivElement | null; - // (undocumented) - render(): JSX.Element; - // (undocumented) - resetSticky(): void; - // (undocumented) - get root(): HTMLDivElement | null; - // (undocumented) - setDistanceFromTop(container: HTMLDivElement): void; - // (undocumented) - shouldComponentUpdate(nextProps: IStickyProps, nextState: IStickyState): boolean; - // (undocumented) - get stickyContentBottom(): HTMLDivElement | null; - // (undocumented) - get stickyContentTop(): HTMLDivElement | null; - // (undocumented) - syncScroll: (container: HTMLElement) => void; -} - -// @public (undocumented) -export enum StickyPositionType { - // (undocumented) - Both = 0, - // (undocumented) - Footer = 2, - // (undocumented) - Header = 1 -} - -// @public -export enum SuggestionActionType { - forceResolve = 1, - none = 0, - searchMore = 2 -} - -// @public (undocumented) -export enum SuggestionItemType { - // (undocumented) - footer = 2, - // (undocumented) - header = 0, - // (undocumented) - suggestion = 1 -} - -// @public (undocumented) -export class Suggestions extends React.Component, ISuggestionsState> { - constructor(suggestionsProps: ISuggestionsProps); - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(): void; - // (undocumented) - executeSelectedAction(): void; - // (undocumented) - focusAboveSuggestions(): void; - // (undocumented) - focusBelowSuggestions(): void; - // (undocumented) - focusSearchForMoreButton(): void; - // Warning: (ae-forgotten-export) The symbol "IButton" needs to be exported by the entry point index.d.ts - // - // (undocumented) - protected _forceResolveButton: React.RefObject; - // (undocumented) - hasSuggestedAction(): boolean; - // (undocumented) - hasSuggestedActionSelected(): boolean; - // (undocumented) - render(): JSX.Element; - // (undocumented) - scrollSelected(): void; - // (undocumented) - protected _searchForMoreButton: React.RefObject; - // (undocumented) - protected _selectedElement: React.RefObject; - tryHandleKeyDown: (keyCode: number, currentSuggestionIndex: number) => boolean; -} - -// @public -export class SuggestionsControl extends React.Component, ISuggestionsControlState> { - constructor(suggestionsProps: ISuggestionsControlProps); - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(oldProps: ISuggestionsControlProps): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - get currentSuggestion(): ISuggestionModel | undefined; - // (undocumented) - get currentSuggestionIndex(): number; - // (undocumented) - executeSelectedAction(): void; - // (undocumented) - protected _forceResolveButton: IButton; - handleKeyDown(keyCode: number): boolean; - // (undocumented) - hasSelection(): boolean; - // (undocumented) - hasSuggestionSelected(): boolean; - // (undocumented) - removeSuggestion(index?: number): void; - // (undocumented) - render(): JSX.Element; - // (undocumented) - protected renderFooterItems(): JSX.Element | null; - // (undocumented) - protected renderHeaderItems(): JSX.Element | null; - // (undocumented) - protected _renderSuggestions(): JSX.Element; - protected resetSelectedItem(): void; - // (undocumented) - scrollSelected(): void; - // (undocumented) - protected _searchForMoreButton: IButton; - // (undocumented) - get selectedElement(): HTMLDivElement | undefined; - // (undocumented) - protected _selectedElement: React.RefObject; - protected selectFirstItem(): void; - protected selectLastItem(): void; - protected selectNextItem(itemType: SuggestionItemType, originalItemType?: SuggestionItemType): void; - protected selectPreviousItem(itemType: SuggestionItemType, originalItemType?: SuggestionItemType): void; - // (undocumented) - protected _suggestions: React.RefObject>; - } - -// @public (undocumented) -export class SuggestionsController { - constructor(); - // (undocumented) - convertSuggestionsToSuggestionItems(suggestions: Array | T>): ISuggestionModel[]; - // (undocumented) - createGenericSuggestion(itemToConvert: ISuggestionModel | T): void; - // (undocumented) - currentIndex: number; - // (undocumented) - currentSuggestion: ISuggestionModel | undefined; - // (undocumented) - deselectAllSuggestions(): void; - // (undocumented) - getCurrentItem(): ISuggestionModel; - // (undocumented) - getSuggestionAtIndex(index: number): ISuggestionModel; - // (undocumented) - getSuggestions(): ISuggestionModel[]; - // (undocumented) - hasSelectedSuggestion(): boolean; - nextSuggestion(): boolean; - previousSuggestion(): boolean; - // (undocumented) - removeSuggestion(index: number): void; - // (undocumented) - setSelectedSuggestion(index: number): void; - // (undocumented) - suggestions: ISuggestionModel[]; - // (undocumented) - updateSuggestions(newSuggestions: T[], selectedIndex?: number): void; -} - -// @public -export class SuggestionsCore extends React.Component, {}> { - constructor(suggestionsProps: ISuggestionsCoreProps); - // (undocumented) - componentDidUpdate(): void; - // (undocumented) - currentIndex: number; - // (undocumented) - currentSuggestion: ISuggestionModel | undefined; - // (undocumented) - deselectAllSuggestions(): void; - // (undocumented) - getCurrentItem(): ISuggestionModel; - // (undocumented) - getSuggestionAtIndex(index: number): ISuggestionModel; - // (undocumented) - hasSuggestionSelected(): boolean; - nextSuggestion(): boolean; - previousSuggestion(): boolean; - // (undocumented) - removeSuggestion(index: number): void; - // (undocumented) - render(): JSX.Element; - // (undocumented) - scrollSelected(): void; - // (undocumented) - get selectedElement(): HTMLDivElement | undefined; - // (undocumented) - protected _selectedElement: React.RefObject; - // (undocumented) - setSelectedSuggestion(index: number): void; - } - -// @public (undocumented) -export class SuggestionsHeaderFooterItem extends React.Component { - constructor(props: ISuggestionsHeaderFooterItemProps); - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export class SuggestionsItem extends React.Component, {}> { - constructor(props: ISuggestionItemProps); - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export class SuggestionsStore { - constructor(options?: SuggestionsStoreOptions); - // (undocumented) - convertSuggestionsToSuggestionItems(suggestions: Array | T>): ISuggestionModel[]; - // (undocumented) - getSuggestionAtIndex(index: number): ISuggestionModel; - // (undocumented) - getSuggestions(): ISuggestionModel[]; - // (undocumented) - removeSuggestion(index: number): void; - // (undocumented) - suggestions: ISuggestionModel[]; - // (undocumented) - updateSuggestions(newSuggestions: T[]): void; -} - -// @public (undocumented) -export type SuggestionsStoreOptions = { - getAriaLabel?: (item: T) => string; -}; - -// @public (undocumented) -export const SwatchColorPicker: React.FunctionComponent; - -// @public (undocumented) -export const SwatchColorPickerBase: React.FunctionComponent; - -// @public (undocumented) -export const TagItem: React.FunctionComponent; - -// @public (undocumented) -export const TagItemBase: (props: ITagItemProps) => JSX.Element; - -// @public (undocumented) -export const TagItemSuggestion: React.FunctionComponent; - -// @public (undocumented) -export const TagItemSuggestionBase: (props: ITagItemSuggestionProps) => JSX.Element; - -// @public (undocumented) -export const TagPicker: React.FunctionComponent; - -// @public (undocumented) -export class TagPickerBase extends BasePicker { - constructor(props: ITagPickerProps); - // (undocumented) - static defaultProps: { - onRenderItem: (props: ITagItemProps) => JSX.Element; - onRenderSuggestionsItem: (props: ITag) => JSX.Element; - }; -} - -export { Target } - -// @public (undocumented) -export const TeachingBubble: React.FunctionComponent; - -// @public (undocumented) -export const TeachingBubbleBase: React.FunctionComponent; - -// @public (undocumented) -export const TeachingBubbleContent: React.FunctionComponent; - -// @public (undocumented) -export const TeachingBubbleContentBase: React.FunctionComponent; - -// @public (undocumented) -export const Text: React.FunctionComponent; - -// @public (undocumented) -export const TextField: React.FunctionComponent; - -// Warning: (ae-incompatible-release-tags) The symbol "TextFieldBase" is marked as @public, but its signature references "ITextFieldState" which is marked as @internal -// Warning: (ae-incompatible-release-tags) The symbol "TextFieldBase" is marked as @public, but its signature references "ITextFieldSnapshot" which is marked as @internal -// -// @public (undocumented) -export class TextFieldBase extends React.Component implements ITextField { - constructor(props: ITextFieldProps); - blur(): void; - // (undocumented) - componentDidMount(): void; - // (undocumented) - componentDidUpdate(prevProps: ITextFieldProps, prevState: ITextFieldState, snapshot: ITextFieldSnapshot): void; - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - static defaultProps: ITextFieldProps; - focus(): void; - // (undocumented) - getSnapshotBeforeUpdate(prevProps: ITextFieldProps, prevState: ITextFieldState): ITextFieldSnapshot | null; - // (undocumented) - render(): JSX.Element; - select(): void; - get selectionEnd(): number | null; - get selectionStart(): number | null; - setSelectionEnd(value: number): void; - setSelectionRange(start: number, end: number): void; - setSelectionStart(value: number): void; - get value(): string | undefined; - } - -// @public (undocumented) -export const TextStyles: ITextComponent['styles']; - -// @public (undocumented) -export const TextView: ITextComponent['view']; - -// @public (undocumented) -export const ThemeContext: React.Context; - -// @public (undocumented) -export class ThemeGenerator { - static getThemeAsCode(slotRules: IThemeRules): any; - static getThemeAsCodeWithCreateTheme(slotRules: IThemeRules): any; - static getThemeAsJson(slotRules: IThemeRules): any; - static getThemeAsSass(slotRules: IThemeRules): any; - static getThemeForPowerShell(slotRules: IThemeRules): any; - static insureSlots(slotRules: IThemeRules, isInverted: boolean): void; - static setSlot(rule: IThemeSlotRule, color: string | IColor, isInverted?: boolean, isCustomization?: boolean, overwriteCustomColor?: boolean): void; - } - -// @public -export const ThemeProvider: React.FunctionComponent; - -// @public -export interface ThemeProviderProps extends React.HTMLAttributes { - applyTo?: 'element' | 'body' | 'none'; - as?: React.ElementType; - ref?: React.Ref; - theme?: PartialTheme | Theme; -} - -// @public (undocumented) -export function themeRulesStandardCreator(): IThemeRules; - -// @public (undocumented) -export const Toggle: React.FunctionComponent; - -// @public (undocumented) -export const ToggleBase: React.FunctionComponent; - -// @public (undocumented) -export const Tooltip: React.FunctionComponent; - -// @public (undocumented) -export class TooltipBase extends React.Component { - // (undocumented) - static defaultProps: Partial; - // (undocumented) - render(): JSX.Element; -} - -// @public (undocumented) -export enum TooltipDelay { - long = 2, - medium = 1, - // (undocumented) - zero = 0 -} - -// @public (undocumented) -export const TooltipHost: React.FunctionComponent; - -// @public (undocumented) -export class TooltipHostBase extends React.Component implements ITooltipHost { - constructor(props: ITooltipHostProps); - // (undocumented) - componentWillUnmount(): void; - // (undocumented) - static defaultProps: { - delay: TooltipDelay; - }; - // (undocumented) - dismiss: () => void; - // (undocumented) - render(): JSX.Element; - // (undocumented) - show: () => void; - } - -// @public (undocumented) -export enum TooltipOverflowMode { - Parent = 0, - Self = 1 -} - -// @public -export function transitionKeysAreEqual(key1: IKeytipTransitionKey, key2: IKeytipTransitionKey): boolean; - -// @public -export function transitionKeysContain(keys: IKeytipTransitionKey[], key: IKeytipTransitionKey): boolean; - -// @public -export function updateA(color: IColor, a: number): IColor; - -// @public -export function updateH(color: IColor, h: number): IColor; - -// @public -export function updateRGB(color: IColor, component: keyof IRGB, value: number): IColor; - -// @public -export function updateSV(color: IColor, s: number, v: number): IColor; - -// @public -export function updateT(color: IColor, t: number): IColor; - -// @public (undocumented) -export function useHeightOffset({ finalHeight }: IPositioningContainerProps, contentHost: React.RefObject): number; - -// @public -export function useKeytipRef(options: KeytipDataOptions): React.Ref; - -// @public (undocumented) -export const useSlider: (props: ISliderProps, ref: React.Ref) => { - root: { - className: string; - ref: React.Ref; - }; - label: { - className: string; - children: string | undefined; - disabled: boolean; - htmlFor: string | undefined; - }; - sliderBox: { - className: string; - role: string; - tabIndex: number | undefined; - 'data-is-focusable': boolean; - id: string; - 'aria-valuenow': number; - 'aria-valuemin': number; - 'aria-valuemax': number; - 'aria-valuetext': string | undefined; - 'aria-label': string | undefined; - 'aria-disabled': boolean; - } | { - className: string; - role: string; - tabIndex: number | undefined; - 'data-is-focusable': boolean; - defaultChecked?: boolean | undefined; - defaultValue?: string | number | readonly string[] | undefined; - suppressContentEditableWarning?: boolean | undefined; - suppressHydrationWarning?: boolean | undefined; - accessKey?: string | undefined; - contentEditable?: boolean | "inherit" | "true" | "false" | undefined; - contextMenu?: string | undefined; - dir?: string | undefined; - draggable?: boolean | "true" | "false" | undefined; - hidden?: boolean | undefined; - id: string; - lang?: string | undefined; - placeholder?: string | undefined; - slot?: string | undefined; - spellCheck?: boolean | "true" | "false" | undefined; - style?: React.CSSProperties | undefined; - title?: string | undefined; - translate?: "yes" | "no" | undefined; - radioGroup?: string | undefined; - about?: string | undefined; - datatype?: string | undefined; - inlist?: any; - prefix?: string | undefined; - property?: string | undefined; - resource?: string | undefined; - typeof?: string | undefined; - vocab?: string | undefined; - autoCapitalize?: string | undefined; - autoCorrect?: string | undefined; - autoSave?: string | undefined; - color?: string | undefined; - itemProp?: string | undefined; - itemScope?: boolean | undefined; - itemType?: string | undefined; - itemID?: string | undefined; - itemRef?: string | undefined; - results?: number | undefined; - security?: string | undefined; - unselectable?: "on" | "off" | undefined; - inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined; - is?: string | undefined; - 'aria-activedescendant'?: string | undefined; - 'aria-atomic'?: boolean | "true" | "false" | undefined; - 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined; - 'aria-busy'?: boolean | "true" | "false" | undefined; - 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined; - 'aria-colcount'?: number | undefined; - 'aria-colindex'?: number | undefined; - 'aria-colspan'?: number | undefined; - 'aria-controls'?: string | undefined; - 'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined; - 'aria-describedby'?: string | undefined; - 'aria-details'?: string | undefined; - 'aria-disabled': boolean | "true" | "false"; - 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined; - 'aria-errormessage'?: string | undefined; - 'aria-expanded'?: boolean | "true" | "false" | undefined; - 'aria-flowto'?: string | undefined; - 'aria-grabbed'?: boolean | "true" | "false" | undefined; - 'aria-haspopup'?: boolean | "true" | "false" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined; - 'aria-hidden'?: boolean | "true" | "false" | undefined; - 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined; - 'aria-keyshortcuts'?: string | undefined; - 'aria-label': string | undefined; - 'aria-labelledby'?: string | undefined; - 'aria-level'?: number | undefined; - 'aria-live'?: "off" | "assertive" | "polite" | undefined; - 'aria-modal'?: boolean | "true" | "false" | undefined; - 'aria-multiline'?: boolean | "true" | "false" | undefined; - 'aria-multiselectable'?: boolean | "true" | "false" | undefined; - 'aria-orientation'?: "horizontal" | "vertical" | undefined; - 'aria-owns'?: string | undefined; - 'aria-placeholder'?: string | undefined; - 'aria-posinset'?: number | undefined; - 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined; - 'aria-readonly'?: boolean | "true" | "false" | undefined; - 'aria-relevant'?: "text" | "additions" | "additions text" | "all" | "removals" | undefined; - 'aria-required'?: boolean | "true" | "false" | undefined; - 'aria-roledescription'?: string | undefined; - 'aria-rowcount'?: number | undefined; - 'aria-rowindex'?: number | undefined; - 'aria-rowspan'?: number | undefined; - 'aria-selected'?: boolean | "true" | "false" | undefined; - 'aria-setsize'?: number | undefined; - 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined; - 'aria-valuemax': number; - 'aria-valuemin': number; - 'aria-valuenow': number; - 'aria-valuetext': string | undefined; - children?: React.ReactNode; - dangerouslySetInnerHTML?: { - __html: string; - } | undefined; - onCopy?: ((event: React.ClipboardEvent) => void) | undefined; - onCopyCapture?: ((event: React.ClipboardEvent) => void) | undefined; - onCut?: ((event: React.ClipboardEvent) => void) | undefined; - onCutCapture?: ((event: React.ClipboardEvent) => void) | undefined; - onPaste?: ((event: React.ClipboardEvent) => void) | undefined; - onPasteCapture?: ((event: React.ClipboardEvent) => void) | undefined; - onCompositionEnd?: ((event: React.CompositionEvent) => void) | undefined; - onCompositionEndCapture?: ((event: React.CompositionEvent) => void) | undefined; - onCompositionStart?: ((event: React.CompositionEvent) => void) | undefined; - onCompositionStartCapture?: ((event: React.CompositionEvent) => void) | undefined; - onCompositionUpdate?: ((event: React.CompositionEvent) => void) | undefined; - onCompositionUpdateCapture?: ((event: React.CompositionEvent) => void) | undefined; - onFocus?: ((event: React.FocusEvent) => void) | undefined; - onFocusCapture?: ((event: React.FocusEvent) => void) | undefined; - onBlur?: ((event: React.FocusEvent) => void) | undefined; - onBlurCapture?: ((event: React.FocusEvent) => void) | undefined; - onChange?: ((event: React.FormEvent) => void) | undefined; - onChangeCapture?: ((event: React.FormEvent) => void) | undefined; - onBeforeInput?: ((event: React.FormEvent) => void) | undefined; - onBeforeInputCapture?: ((event: React.FormEvent) => void) | undefined; - onInput?: ((event: React.FormEvent) => void) | undefined; - onInputCapture?: ((event: React.FormEvent) => void) | undefined; - onReset?: ((event: React.FormEvent) => void) | undefined; - onResetCapture?: ((event: React.FormEvent) => void) | undefined; - onSubmit?: ((event: React.FormEvent) => void) | undefined; - onSubmitCapture?: ((event: React.FormEvent) => void) | undefined; - onInvalid?: ((event: React.FormEvent) => void) | undefined; - onInvalidCapture?: ((event: React.FormEvent) => void) | undefined; - onLoad?: ((event: React.SyntheticEvent) => void) | undefined; - onLoadCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onError?: ((event: React.SyntheticEvent) => void) | undefined; - onErrorCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onKeyDown?: ((event: React.KeyboardEvent) => void) | undefined; - onKeyDownCapture?: ((event: React.KeyboardEvent) => void) | undefined; - onKeyPress?: ((event: React.KeyboardEvent) => void) | undefined; - onKeyPressCapture?: ((event: React.KeyboardEvent) => void) | undefined; - onKeyUp?: ((event: React.KeyboardEvent) => void) | undefined; - onKeyUpCapture?: ((event: React.KeyboardEvent) => void) | undefined; - onAbort?: ((event: React.SyntheticEvent) => void) | undefined; - onAbortCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onCanPlay?: ((event: React.SyntheticEvent) => void) | undefined; - onCanPlayCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onCanPlayThrough?: ((event: React.SyntheticEvent) => void) | undefined; - onCanPlayThroughCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onDurationChange?: ((event: React.SyntheticEvent) => void) | undefined; - onDurationChangeCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onEmptied?: ((event: React.SyntheticEvent) => void) | undefined; - onEmptiedCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onEncrypted?: ((event: React.SyntheticEvent) => void) | undefined; - onEncryptedCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onEnded?: ((event: React.SyntheticEvent) => void) | undefined; - onEndedCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onLoadedData?: ((event: React.SyntheticEvent) => void) | undefined; - onLoadedDataCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onLoadedMetadata?: ((event: React.SyntheticEvent) => void) | undefined; - onLoadedMetadataCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onLoadStart?: ((event: React.SyntheticEvent) => void) | undefined; - onLoadStartCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onPause?: ((event: React.SyntheticEvent) => void) | undefined; - onPauseCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onPlay?: ((event: React.SyntheticEvent) => void) | undefined; - onPlayCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onPlaying?: ((event: React.SyntheticEvent) => void) | undefined; - onPlayingCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onProgress?: ((event: React.SyntheticEvent) => void) | undefined; - onProgressCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onRateChange?: ((event: React.SyntheticEvent) => void) | undefined; - onRateChangeCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onSeeked?: ((event: React.SyntheticEvent) => void) | undefined; - onSeekedCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onSeeking?: ((event: React.SyntheticEvent) => void) | undefined; - onSeekingCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onStalled?: ((event: React.SyntheticEvent) => void) | undefined; - onStalledCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onSuspend?: ((event: React.SyntheticEvent) => void) | undefined; - onSuspendCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onTimeUpdate?: ((event: React.SyntheticEvent) => void) | undefined; - onTimeUpdateCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onVolumeChange?: ((event: React.SyntheticEvent) => void) | undefined; - onVolumeChangeCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onWaiting?: ((event: React.SyntheticEvent) => void) | undefined; - onWaitingCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onAuxClick?: ((event: React.MouseEvent) => void) | undefined; - onAuxClickCapture?: ((event: React.MouseEvent) => void) | undefined; - onClick?: ((event: React.MouseEvent) => void) | undefined; - onClickCapture?: ((event: React.MouseEvent) => void) | undefined; - onContextMenu?: ((event: React.MouseEvent) => void) | undefined; - onContextMenuCapture?: ((event: React.MouseEvent) => void) | undefined; - onDoubleClick?: ((event: React.MouseEvent) => void) | undefined; - onDoubleClickCapture?: ((event: React.MouseEvent) => void) | undefined; - onDrag?: ((event: React.DragEvent) => void) | undefined; - onDragCapture?: ((event: React.DragEvent) => void) | undefined; - onDragEnd?: ((event: React.DragEvent) => void) | undefined; - onDragEndCapture?: ((event: React.DragEvent) => void) | undefined; - onDragEnter?: ((event: React.DragEvent) => void) | undefined; - onDragEnterCapture?: ((event: React.DragEvent) => void) | undefined; - onDragExit?: ((event: React.DragEvent) => void) | undefined; - onDragExitCapture?: ((event: React.DragEvent) => void) | undefined; - onDragLeave?: ((event: React.DragEvent) => void) | undefined; - onDragLeaveCapture?: ((event: React.DragEvent) => void) | undefined; - onDragOver?: ((event: React.DragEvent) => void) | undefined; - onDragOverCapture?: ((event: React.DragEvent) => void) | undefined; - onDragStart?: ((event: React.DragEvent) => void) | undefined; - onDragStartCapture?: ((event: React.DragEvent) => void) | undefined; - onDrop?: ((event: React.DragEvent) => void) | undefined; - onDropCapture?: ((event: React.DragEvent) => void) | undefined; - onMouseDown?: ((event: React.MouseEvent) => void) | undefined; - onMouseDownCapture?: ((event: React.MouseEvent) => void) | undefined; - onMouseEnter?: ((event: React.MouseEvent) => void) | undefined; - onMouseLeave?: ((event: React.MouseEvent) => void) | undefined; - onMouseMove?: ((event: React.MouseEvent) => void) | undefined; - onMouseMoveCapture?: ((event: React.MouseEvent) => void) | undefined; - onMouseOut?: ((event: React.MouseEvent) => void) | undefined; - onMouseOutCapture?: ((event: React.MouseEvent) => void) | undefined; - onMouseOver?: ((event: React.MouseEvent) => void) | undefined; - onMouseOverCapture?: ((event: React.MouseEvent) => void) | undefined; - onMouseUp?: ((event: React.MouseEvent) => void) | undefined; - onMouseUpCapture?: ((event: React.MouseEvent) => void) | undefined; - onSelect?: ((event: React.SyntheticEvent) => void) | undefined; - onSelectCapture?: ((event: React.SyntheticEvent) => void) | undefined; - onTouchCancel?: ((event: React.TouchEvent) => void) | undefined; - onTouchCancelCapture?: ((event: React.TouchEvent) => void) | undefined; - onTouchEnd?: ((event: React.TouchEvent) => void) | undefined; - onTouchEndCapture?: ((event: React.TouchEvent) => void) | undefined; - onTouchMove?: ((event: React.TouchEvent) => void) | undefined; - onTouchMoveCapture?: ((event: React.TouchEvent) => void) | undefined; - onTouchStart?: ((event: React.TouchEvent) => void) | undefined; - onTouchStartCapture?: ((event: React.TouchEvent) => void) | undefined; - onPointerDown?: ((event: React.PointerEvent) => void) | undefined; - onPointerDownCapture?: ((event: React.PointerEvent) => void) | undefined; - onPointerMove?: ((event: React.PointerEvent) => void) | undefined; - onPointerMoveCapture?: ((event: React.PointerEvent) => void) | undefined; - onPointerUp?: ((event: React.PointerEvent) => void) | undefined; - onPointerUpCapture?: ((event: React.PointerEvent) => void) | undefined; - onPointerCancel?: ((event: React.PointerEvent) => void) | undefined; - onPointerCancelCapture?: ((event: React.PointerEvent) => void) | undefined; - onPointerEnter?: ((event: React.PointerEvent) => void) | undefined; - onPointerEnterCapture?: ((event: React.PointerEvent) => void) | undefined; - onPointerLeave?: ((event: React.PointerEvent) => void) | undefined; - onPointerLeaveCapture?: ((event: React.PointerEvent) => void) | undefined; - onPointerOver?: ((event: React.PointerEvent) => void) | undefined; - onPointerOverCapture?: ((event: React.PointerEvent) => void) | undefined; - onPointerOut?: ((event: React.PointerEvent) => void) | undefined; - onPointerOutCapture?: ((event: React.PointerEvent) => void) | undefined; - onGotPointerCapture?: ((event: React.PointerEvent) => void) | undefined; - onGotPointerCaptureCapture?: ((event: React.PointerEvent) => void) | undefined; - onLostPointerCapture?: ((event: React.PointerEvent) => void) | undefined; - onLostPointerCaptureCapture?: ((event: React.PointerEvent) => void) | undefined; - onScroll?: ((event: React.UIEvent) => void) | undefined; - onScrollCapture?: ((event: React.UIEvent) => void) | undefined; - onWheel?: ((event: React.WheelEvent) => void) | undefined; - onWheelCapture?: ((event: React.WheelEvent) => void) | undefined; - onAnimationStart?: ((event: React.AnimationEvent) => void) | undefined; - onAnimationStartCapture?: ((event: React.AnimationEvent) => void) | undefined; - onAnimationEnd?: ((event: React.AnimationEvent) => void) | undefined; - onAnimationEndCapture?: ((event: React.AnimationEvent) => void) | undefined; - onAnimationIteration?: ((event: React.AnimationEvent) => void) | undefined; - onAnimationIterationCapture?: ((event: React.AnimationEvent) => void) | undefined; - onTransitionEnd?: ((event: React.TransitionEvent) => void) | undefined; - onTransitionEndCapture?: ((event: React.TransitionEvent) => void) | undefined; - }; - container: { - className: string; - }; - valueLabel: false | { - className: string; - children: string | number; - disabled: boolean; - }; - thumb: { - ref: React.RefObject; - className: string; - style: { - [x: string]: string; - }; - }; - zeroTick: false | { - className: string; - style: { - [x: string]: string; - }; - } | undefined; - activeTrack: { - className: string; - style: { - [x: string]: string; - }; - }; - topInactiveTrack: { - className: string; - style: { - [x: string]: string; - }; - }; - bottomInactiveTrack: { - className: string; - style: { - [x: string]: string; - }; - }; - sliderLine: { - ref: React.RefObject; - className: string; - }; -}; - -// @public -export type UseStylesOptions = { - theme?: Theme; -}; - -// @public -export const useTheme: () => Theme; - -// @public -export enum ValidationState { - invalid = 2, - valid = 0, - warning = 1 -} - -// @public (undocumented) -export const VerticalDivider: React.FunctionComponent; - - -export * from "@fluentui/font-icons-mdl2"; -export * from "@fluentui/react-focus"; -export * from "@fluentui/react-window-provider"; -export * from "@fluentui/style-utilities"; -export * from "@fluentui/theme"; -export * from "@fluentui/utilities"; - -// Warnings were encountered during analysis: -// -// lib/components/ColorPicker/ColorPicker.base.d.ts:11:9 - (ae-forgotten-export) The symbol "ColorComponent" needs to be exported by the entry point index.d.ts - -// (No @packageDocumentation comment for this package) - -``` diff --git a/packages/react-internal/jest.config.js b/packages/react-internal/jest.config.js deleted file mode 100644 index 2160afa436a444..00000000000000 --- a/packages/react-internal/jest.config.js +++ /dev/null @@ -1,9 +0,0 @@ -const { createConfig, resolveMergeStylesSerializer } = require('@fluentui/scripts/jest/jest-resources'); -const path = require('path'); - -const config = createConfig({ - setupFiles: [path.resolve(path.join(__dirname, 'config', 'tests.js'))], - snapshotSerializers: [resolveMergeStylesSerializer()], -}); - -module.exports = config; diff --git a/packages/react-internal/just.config.ts b/packages/react-internal/just.config.ts deleted file mode 100644 index bcc7d9d264037c..00000000000000 --- a/packages/react-internal/just.config.ts +++ /dev/null @@ -1,3 +0,0 @@ -import { preset } from '@fluentui/scripts'; - -preset(); diff --git a/packages/react-internal/package.json b/packages/react-internal/package.json deleted file mode 100644 index 6af8b85519353e..00000000000000 --- a/packages/react-internal/package.json +++ /dev/null @@ -1,76 +0,0 @@ -{ - "name": "@fluentui/react-internal", - "version": "8.0.0-beta.44", - "description": "Component internals for @fluentui/react.", - "main": "lib-commonjs/index.js", - "module": "lib/index.js", - "sideEffects": [ - "lib/version.js" - ], - "typings": "lib/index.d.ts", - "repository": { - "type": "git", - "url": "https://github.com/microsoft/fluentui" - }, - "license": "MIT", - "scripts": { - "build": "just-scripts build", - "clean": "just-scripts clean", - "code-style": "just-scripts code-style", - "just": "just-scripts", - "lint": "just-scripts lint", - "start-test": "just-scripts jest-watch", - "test": "just-scripts test", - "update-snapshots": "just-scripts jest -u" - }, - "devDependencies": { - "@fluentui/eslint-plugin": "^1.0.0-beta.1", - "@types/chalk": "^2.0.0", - "@types/enzyme": "3.10.3", - "@types/enzyme-adapter-react-16": "1.0.3", - "@types/glob": "^7.1.1", - "@types/jest": "~24.9.0", - "@types/node": "^10.3.2", - "@types/react": "16.9.42", - "@types/react-dom": "16.9.10", - "@types/react-test-renderer": "^16.0.0", - "@types/webpack-env": "1.16.0", - "@fluentui/scripts": "^1.0.0", - "@fluentui/example-data": "^8.0.0-beta.3", - "@fluentui/jest-serializer-merge-styles": "^8.0.0-beta.5", - "@fluentui/test-utilities": "^8.0.0-beta.5", - "@fluentui/react-conformance": "^1.0.0", - "chalk": "^2.1.0", - "enzyme": "~3.10.0", - "enzyme-adapter-react-16": "^1.15.0", - "glob": "^7.1.2", - "jest-snapshot": "~24.9.0", - "office-ui-fabric-core": "^11.0.0", - "react": "16.8.6", - "react-app-polyfill": "~1.0.1", - "react-dom": "16.8.6", - "react-test-renderer": "^16.3.0" - }, - "dependencies": { - "@fluentui/date-time-utilities": "^8.0.0-beta.2", - "@fluentui/foundation-legacy": "^8.0.0-beta.13", - "@fluentui/font-icons-mdl2": "^8.0.0-beta.13", - "@fluentui/merge-styles": "^8.0.0-beta.4", - "@fluentui/react-focus": "^8.0.0-beta.18", - "@fluentui/react-hooks": "^8.0.0-beta.10", - "@fluentui/react-shared-contexts": "^1.0.0-beta.5", - "@fluentui/react-window-provider": "^2.0.0-beta.5", - "@fluentui/set-version": "^8.0.0-beta.1", - "@fluentui/style-utilities": "^8.0.0-beta.13", - "@fluentui/theme": "^2.0.0-beta.13", - "@fluentui/utilities": "^8.0.0-beta.10", - "@microsoft/load-themed-styles": "^1.10.26", - "tslib": "^1.10.0" - }, - "peerDependencies": { - "@types/react": ">=16.8.0 <17.0.0", - "@types/react-dom": ">=16.8.0 <17.0.0", - "react": ">=16.8.0 <17.0.0", - "react-dom": ">=16.8.0 <17.0.0" - } -} diff --git a/packages/react-internal/src/ActivityItem.ts b/packages/react-internal/src/ActivityItem.ts deleted file mode 100644 index f0dc67381e8b72..00000000000000 --- a/packages/react-internal/src/ActivityItem.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/ActivityItem/index'; diff --git a/packages/react-internal/src/Announced.ts b/packages/react-internal/src/Announced.ts deleted file mode 100644 index 25bf18c54348f1..00000000000000 --- a/packages/react-internal/src/Announced.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Announced/index'; diff --git a/packages/react-internal/src/Autofill.ts b/packages/react-internal/src/Autofill.ts deleted file mode 100644 index 6668eb240bcc6a..00000000000000 --- a/packages/react-internal/src/Autofill.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Autofill/index'; diff --git a/packages/react-internal/src/Callout.ts b/packages/react-internal/src/Callout.ts deleted file mode 100644 index e7f27d542c0327..00000000000000 --- a/packages/react-internal/src/Callout.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Callout/index'; diff --git a/packages/react-internal/src/Check.ts b/packages/react-internal/src/Check.ts deleted file mode 100644 index da7523f37b386a..00000000000000 --- a/packages/react-internal/src/Check.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Check/index'; diff --git a/packages/react-internal/src/Checkbox.ts b/packages/react-internal/src/Checkbox.ts deleted file mode 100644 index 0c5e8af240aff5..00000000000000 --- a/packages/react-internal/src/Checkbox.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Checkbox/index'; diff --git a/packages/react-internal/src/ChoiceGroup.ts b/packages/react-internal/src/ChoiceGroup.ts deleted file mode 100644 index 9600c098d0bc61..00000000000000 --- a/packages/react-internal/src/ChoiceGroup.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/ChoiceGroup/index'; diff --git a/packages/react-internal/src/ChoiceGroupOption.ts b/packages/react-internal/src/ChoiceGroupOption.ts deleted file mode 100644 index fd3baee51c4483..00000000000000 --- a/packages/react-internal/src/ChoiceGroupOption.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/ChoiceGroup/ChoiceGroupOption/index'; diff --git a/packages/react-internal/src/Coachmark.ts b/packages/react-internal/src/Coachmark.ts deleted file mode 100644 index 8efdabae95c3ed..00000000000000 --- a/packages/react-internal/src/Coachmark.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Coachmark/index'; diff --git a/packages/react-internal/src/Color.ts b/packages/react-internal/src/Color.ts deleted file mode 100644 index f3c85511ea36db..00000000000000 --- a/packages/react-internal/src/Color.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './utilities/color/index'; diff --git a/packages/react-internal/src/ColorPicker.ts b/packages/react-internal/src/ColorPicker.ts deleted file mode 100644 index 83b2c1098f247b..00000000000000 --- a/packages/react-internal/src/ColorPicker.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/ColorPicker/index'; diff --git a/packages/react-internal/src/CommandBar.ts b/packages/react-internal/src/CommandBar.ts deleted file mode 100644 index bf610f9a887714..00000000000000 --- a/packages/react-internal/src/CommandBar.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/CommandBar/index'; diff --git a/packages/react-internal/src/ContextualMenu.ts b/packages/react-internal/src/ContextualMenu.ts deleted file mode 100644 index db4c73bf748018..00000000000000 --- a/packages/react-internal/src/ContextualMenu.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/ContextualMenu/index'; diff --git a/packages/react-internal/src/Dialog.ts b/packages/react-internal/src/Dialog.ts deleted file mode 100644 index e04588311a3302..00000000000000 --- a/packages/react-internal/src/Dialog.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from './components/Dialog/index'; -export { Dialog as default } from './components/Dialog/index'; diff --git a/packages/react-internal/src/Divider.ts b/packages/react-internal/src/Divider.ts deleted file mode 100644 index d9d14cf0c769df..00000000000000 --- a/packages/react-internal/src/Divider.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Divider/index'; diff --git a/packages/react-internal/src/DragDrop.ts b/packages/react-internal/src/DragDrop.ts deleted file mode 100644 index a9ed7d41998ef6..00000000000000 --- a/packages/react-internal/src/DragDrop.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './utilities/dragdrop/index'; diff --git a/packages/react-internal/src/ExtendedPicker.ts b/packages/react-internal/src/ExtendedPicker.ts deleted file mode 100644 index d93610b75eb6cc..00000000000000 --- a/packages/react-internal/src/ExtendedPicker.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/ExtendedPicker/index'; diff --git a/packages/react-internal/src/Fabric.ts b/packages/react-internal/src/Fabric.ts deleted file mode 100644 index 1d56dadb866e48..00000000000000 --- a/packages/react-internal/src/Fabric.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Fabric/index'; diff --git a/packages/react-internal/src/Facepile.ts b/packages/react-internal/src/Facepile.ts deleted file mode 100644 index 64b198ef72cb35..00000000000000 --- a/packages/react-internal/src/Facepile.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Facepile/index'; diff --git a/packages/react-internal/src/FloatingPicker.ts b/packages/react-internal/src/FloatingPicker.ts deleted file mode 100644 index 5910fc2cf4b123..00000000000000 --- a/packages/react-internal/src/FloatingPicker.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/FloatingPicker/index'; diff --git a/packages/react-internal/src/FocusTrapZone.ts b/packages/react-internal/src/FocusTrapZone.ts deleted file mode 100644 index cc6abd44802f76..00000000000000 --- a/packages/react-internal/src/FocusTrapZone.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/FocusTrapZone/index'; diff --git a/packages/react-internal/src/FocusZone.ts b/packages/react-internal/src/FocusZone.ts deleted file mode 100644 index 5753dd3d473726..00000000000000 --- a/packages/react-internal/src/FocusZone.ts +++ /dev/null @@ -1 +0,0 @@ -export * from '@fluentui/react-focus'; diff --git a/packages/react-internal/src/Grid.ts b/packages/react-internal/src/Grid.ts deleted file mode 100644 index 6c8abf888ccf3b..00000000000000 --- a/packages/react-internal/src/Grid.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './utilities/ButtonGrid/index'; diff --git a/packages/react-internal/src/HoverCard.ts b/packages/react-internal/src/HoverCard.ts deleted file mode 100644 index f9ac96f412618a..00000000000000 --- a/packages/react-internal/src/HoverCard.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/HoverCard/index'; diff --git a/packages/react-internal/src/Icon.ts b/packages/react-internal/src/Icon.ts deleted file mode 100644 index 360cd3315ee29c..00000000000000 --- a/packages/react-internal/src/Icon.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Icon/index'; diff --git a/packages/react-internal/src/Icons.ts b/packages/react-internal/src/Icons.ts deleted file mode 100644 index d6d4cd56d7fee1..00000000000000 --- a/packages/react-internal/src/Icons.ts +++ /dev/null @@ -1 +0,0 @@ -export * from '@fluentui/font-icons-mdl2'; diff --git a/packages/react-internal/src/Image.ts b/packages/react-internal/src/Image.ts deleted file mode 100644 index bf3d26a661305c..00000000000000 --- a/packages/react-internal/src/Image.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Image/index'; diff --git a/packages/react-internal/src/Keytip.ts b/packages/react-internal/src/Keytip.ts deleted file mode 100644 index 1eb45b0cc0387c..00000000000000 --- a/packages/react-internal/src/Keytip.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Keytip/index'; diff --git a/packages/react-internal/src/KeytipData.ts b/packages/react-internal/src/KeytipData.ts deleted file mode 100644 index 26adc81b5ecfc8..00000000000000 --- a/packages/react-internal/src/KeytipData.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/KeytipData/index'; diff --git a/packages/react-internal/src/KeytipLayer.ts b/packages/react-internal/src/KeytipLayer.ts deleted file mode 100644 index 2f3a483b01104b..00000000000000 --- a/packages/react-internal/src/KeytipLayer.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/KeytipLayer/index'; diff --git a/packages/react-internal/src/Keytips.ts b/packages/react-internal/src/Keytips.ts deleted file mode 100644 index afae616e38b02d..00000000000000 --- a/packages/react-internal/src/Keytips.ts +++ /dev/null @@ -1,4 +0,0 @@ -export * from './components/Keytip/index'; -export * from './components/KeytipData/index'; -export * from './components/KeytipLayer/index'; -export * from './utilities/keytips/index'; diff --git a/packages/react-internal/src/Label.ts b/packages/react-internal/src/Label.ts deleted file mode 100644 index a2a229e9ee106c..00000000000000 --- a/packages/react-internal/src/Label.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Label/index'; diff --git a/packages/react-internal/src/Layer.ts b/packages/react-internal/src/Layer.ts deleted file mode 100644 index 7c78fd611d6fed..00000000000000 --- a/packages/react-internal/src/Layer.ts +++ /dev/null @@ -1,2 +0,0 @@ -import './version'; -export * from './components/Layer/index'; diff --git a/packages/react-internal/src/Link.ts b/packages/react-internal/src/Link.ts deleted file mode 100644 index 335623cbb79621..00000000000000 --- a/packages/react-internal/src/Link.ts +++ /dev/null @@ -1,2 +0,0 @@ -import './version'; -export * from './components/Link/index'; diff --git a/packages/react-internal/src/List.ts b/packages/react-internal/src/List.ts deleted file mode 100644 index 038abd3e740ea4..00000000000000 --- a/packages/react-internal/src/List.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/List/index'; diff --git a/packages/react-internal/src/MarqueeSelection.ts b/packages/react-internal/src/MarqueeSelection.ts deleted file mode 100644 index 8f1eb7ae889297..00000000000000 --- a/packages/react-internal/src/MarqueeSelection.ts +++ /dev/null @@ -1,3 +0,0 @@ -export * from './components/MarqueeSelection/MarqueeSelection'; -export * from './components/MarqueeSelection/MarqueeSelection.types'; -export * from './utilities/selection/index'; diff --git a/packages/react-internal/src/MessageBar.ts b/packages/react-internal/src/MessageBar.ts deleted file mode 100644 index 380da827afeaa7..00000000000000 --- a/packages/react-internal/src/MessageBar.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/MessageBar/index'; diff --git a/packages/react-internal/src/Modal.ts b/packages/react-internal/src/Modal.ts deleted file mode 100644 index ef47b28e003b1d..00000000000000 --- a/packages/react-internal/src/Modal.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from './components/Modal/index'; -export { Modal as default } from './components/Modal/index'; diff --git a/packages/react-internal/src/Nav.ts b/packages/react-internal/src/Nav.ts deleted file mode 100644 index c8688cfbd60622..00000000000000 --- a/packages/react-internal/src/Nav.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Nav/index'; diff --git a/packages/react-internal/src/OverflowSet.ts b/packages/react-internal/src/OverflowSet.ts deleted file mode 100644 index ec6e7f73fadbcf..00000000000000 --- a/packages/react-internal/src/OverflowSet.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/OverflowSet/index'; diff --git a/packages/react-internal/src/Overlay.ts b/packages/react-internal/src/Overlay.ts deleted file mode 100644 index a4d0134d47e99c..00000000000000 --- a/packages/react-internal/src/Overlay.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Overlay/index'; diff --git a/packages/react-internal/src/Panel.ts b/packages/react-internal/src/Panel.ts deleted file mode 100644 index 2b0ceed98f7aa2..00000000000000 --- a/packages/react-internal/src/Panel.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Panel/index'; diff --git a/packages/react-internal/src/Persona.ts b/packages/react-internal/src/Persona.ts deleted file mode 100644 index f74dace95a2bb9..00000000000000 --- a/packages/react-internal/src/Persona.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Persona/index'; diff --git a/packages/react-internal/src/PersonaCoin.ts b/packages/react-internal/src/PersonaCoin.ts deleted file mode 100644 index f74dace95a2bb9..00000000000000 --- a/packages/react-internal/src/PersonaCoin.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Persona/index'; diff --git a/packages/react-internal/src/PersonaPresence.ts b/packages/react-internal/src/PersonaPresence.ts deleted file mode 100644 index 293d77fb255895..00000000000000 --- a/packages/react-internal/src/PersonaPresence.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Persona/PersonaPresence/index'; diff --git a/packages/react-internal/src/Pickers.ts b/packages/react-internal/src/Pickers.ts deleted file mode 100644 index a53c49dde10663..00000000000000 --- a/packages/react-internal/src/Pickers.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/pickers/index'; diff --git a/packages/react-internal/src/Pivot.ts b/packages/react-internal/src/Pivot.ts deleted file mode 100644 index 8fb9990e6ff1cd..00000000000000 --- a/packages/react-internal/src/Pivot.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Pivot/index'; diff --git a/packages/react-internal/src/Popup.ts b/packages/react-internal/src/Popup.ts deleted file mode 100644 index a72c6fdfa85890..00000000000000 --- a/packages/react-internal/src/Popup.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Popup/index'; diff --git a/packages/react-internal/src/Positioning.ts b/packages/react-internal/src/Positioning.ts deleted file mode 100644 index 42446734ae23e0..00000000000000 --- a/packages/react-internal/src/Positioning.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './utilities/positioning/index'; diff --git a/packages/react-internal/src/PositioningContainer.ts b/packages/react-internal/src/PositioningContainer.ts deleted file mode 100644 index 3b7e83f38f440c..00000000000000 --- a/packages/react-internal/src/PositioningContainer.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Coachmark/PositioningContainer/index'; diff --git a/packages/react-internal/src/ProgressIndicator.ts b/packages/react-internal/src/ProgressIndicator.ts deleted file mode 100644 index 824e79426a2b6b..00000000000000 --- a/packages/react-internal/src/ProgressIndicator.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/ProgressIndicator/index'; diff --git a/packages/react-internal/src/Rating.ts b/packages/react-internal/src/Rating.ts deleted file mode 100644 index 8547775f018804..00000000000000 --- a/packages/react-internal/src/Rating.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Rating/index'; diff --git a/packages/react-internal/src/ResizeGroup.ts b/packages/react-internal/src/ResizeGroup.ts deleted file mode 100644 index 1943569105e4de..00000000000000 --- a/packages/react-internal/src/ResizeGroup.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/ResizeGroup/index'; diff --git a/packages/react-internal/src/ScrollablePane.ts b/packages/react-internal/src/ScrollablePane.ts deleted file mode 100644 index f8ae6a868a95f7..00000000000000 --- a/packages/react-internal/src/ScrollablePane.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/ScrollablePane/index'; diff --git a/packages/react-internal/src/SearchBox.ts b/packages/react-internal/src/SearchBox.ts deleted file mode 100644 index 2164ad740c99e3..00000000000000 --- a/packages/react-internal/src/SearchBox.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/SearchBox/index'; diff --git a/packages/react-internal/src/SelectableOption.ts b/packages/react-internal/src/SelectableOption.ts deleted file mode 100644 index ec2ae3d50cbd76..00000000000000 --- a/packages/react-internal/src/SelectableOption.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './utilities/selectableOption/index'; diff --git a/packages/react-internal/src/SelectedItemsList.ts b/packages/react-internal/src/SelectedItemsList.ts deleted file mode 100644 index c1a4d67ef12035..00000000000000 --- a/packages/react-internal/src/SelectedItemsList.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/SelectedItemsList/index'; diff --git a/packages/react-internal/src/Selection.ts b/packages/react-internal/src/Selection.ts deleted file mode 100644 index 1ef1119af15df0..00000000000000 --- a/packages/react-internal/src/Selection.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './utilities/selection/index'; diff --git a/packages/react-internal/src/Separator.ts b/packages/react-internal/src/Separator.ts deleted file mode 100644 index 883cf23a560215..00000000000000 --- a/packages/react-internal/src/Separator.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Separator/index'; diff --git a/packages/react-internal/src/Shimmer.ts b/packages/react-internal/src/Shimmer.ts deleted file mode 100644 index 7a69f81856f73e..00000000000000 --- a/packages/react-internal/src/Shimmer.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Shimmer/index'; diff --git a/packages/react-internal/src/Slider.ts b/packages/react-internal/src/Slider.ts deleted file mode 100644 index 8d1679febd501f..00000000000000 --- a/packages/react-internal/src/Slider.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Slider/index'; diff --git a/packages/react-internal/src/SpinButton.ts b/packages/react-internal/src/SpinButton.ts deleted file mode 100644 index 25568549f09b5c..00000000000000 --- a/packages/react-internal/src/SpinButton.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/SpinButton/index'; diff --git a/packages/react-internal/src/Spinner.ts b/packages/react-internal/src/Spinner.ts deleted file mode 100644 index 80dda3618c894a..00000000000000 --- a/packages/react-internal/src/Spinner.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Spinner/index'; diff --git a/packages/react-internal/src/Stack.ts b/packages/react-internal/src/Stack.ts deleted file mode 100644 index e4370403ba8ed5..00000000000000 --- a/packages/react-internal/src/Stack.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Stack/index'; diff --git a/packages/react-internal/src/Sticky.ts b/packages/react-internal/src/Sticky.ts deleted file mode 100644 index f5f2552df1d83a..00000000000000 --- a/packages/react-internal/src/Sticky.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Sticky/index'; diff --git a/packages/react-internal/src/Styling.ts b/packages/react-internal/src/Styling.ts deleted file mode 100644 index fcea1137cc27c8..00000000000000 --- a/packages/react-internal/src/Styling.ts +++ /dev/null @@ -1,2 +0,0 @@ -import './version'; -export * from '@fluentui/style-utilities'; diff --git a/packages/react-internal/src/SwatchColorPicker.ts b/packages/react-internal/src/SwatchColorPicker.ts deleted file mode 100644 index 5f24569fd03c28..00000000000000 --- a/packages/react-internal/src/SwatchColorPicker.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/SwatchColorPicker/index'; diff --git a/packages/react-internal/src/TeachingBubble.ts b/packages/react-internal/src/TeachingBubble.ts deleted file mode 100644 index 0b8906bf2d9a10..00000000000000 --- a/packages/react-internal/src/TeachingBubble.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/TeachingBubble/index'; diff --git a/packages/react-internal/src/Text.ts b/packages/react-internal/src/Text.ts deleted file mode 100644 index 88d2ac97291b34..00000000000000 --- a/packages/react-internal/src/Text.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Text/index'; diff --git a/packages/react-internal/src/TextField.ts b/packages/react-internal/src/TextField.ts deleted file mode 100644 index de39c7fb352e9a..00000000000000 --- a/packages/react-internal/src/TextField.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/TextField/index'; diff --git a/packages/react-internal/src/Theme.ts b/packages/react-internal/src/Theme.ts deleted file mode 100644 index d92e1b03b7e245..00000000000000 --- a/packages/react-internal/src/Theme.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from '@fluentui/theme'; -export * from './utilities/ThemeProvider/index'; diff --git a/packages/react-internal/src/ThemeGenerator.ts b/packages/react-internal/src/ThemeGenerator.ts deleted file mode 100644 index 08c92902235183..00000000000000 --- a/packages/react-internal/src/ThemeGenerator.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/ThemeGenerator/index'; diff --git a/packages/react-internal/src/Toggle.ts b/packages/react-internal/src/Toggle.ts deleted file mode 100644 index ec53b2e53caa0f..00000000000000 --- a/packages/react-internal/src/Toggle.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Toggle/index'; diff --git a/packages/react-internal/src/Tooltip.ts b/packages/react-internal/src/Tooltip.ts deleted file mode 100644 index a1123c1f4bf614..00000000000000 --- a/packages/react-internal/src/Tooltip.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Tooltip/index'; diff --git a/packages/react-internal/src/Utilities.ts b/packages/react-internal/src/Utilities.ts deleted file mode 100644 index a5f4885c5d3136..00000000000000 --- a/packages/react-internal/src/Utilities.ts +++ /dev/null @@ -1,2 +0,0 @@ -import './version'; -export * from '@fluentui/utilities'; diff --git a/packages/react-internal/src/WindowProvider.ts b/packages/react-internal/src/WindowProvider.ts deleted file mode 100644 index 9bffe3b56d4841..00000000000000 --- a/packages/react-internal/src/WindowProvider.ts +++ /dev/null @@ -1,2 +0,0 @@ -import './version'; -export * from '@fluentui/react-window-provider'; diff --git a/packages/react-internal/src/common/isConformant.ts b/packages/react-internal/src/common/isConformant.ts deleted file mode 100644 index 6cd706619bdc80..00000000000000 --- a/packages/react-internal/src/common/isConformant.ts +++ /dev/null @@ -1,10 +0,0 @@ -import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance'; - -export function isConformant(testInfo: Omit & { componentPath?: string }) { - const defaultOptions = { - disabledTests: ['has-docblock', 'kebab-aria-attributes', 'is-static-property-of-parent'], - componentPath: module!.parent!.filename.replace('.test', ''), - }; - - baseIsConformant(defaultOptions, testInfo); -} diff --git a/packages/react-internal/src/compat/Button.ts b/packages/react-internal/src/compat/Button.ts deleted file mode 100644 index a26b1440791325..00000000000000 --- a/packages/react-internal/src/compat/Button.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './components/Button/index'; diff --git a/packages/react-internal/src/compat/index.ts b/packages/react-internal/src/compat/index.ts deleted file mode 100644 index 8b166a86e4df1f..00000000000000 --- a/packages/react-internal/src/compat/index.ts +++ /dev/null @@ -1 +0,0 @@ -export * from './Button'; diff --git a/packages/react-internal/src/components/ComponentConformance.test.tsx b/packages/react-internal/src/components/ComponentConformance.test.tsx index 5adae47611edb4..bc79bb0ae792cd 100644 --- a/packages/react-internal/src/components/ComponentConformance.test.tsx +++ b/packages/react-internal/src/components/ComponentConformance.test.tsx @@ -41,7 +41,7 @@ describe('Top Level Component File Conformance', () => { // make sure that there is a version import in each corresponding top level component file topLevelComponentFiles.forEach(file => { const componentName = path.basename(file).split('.')[0]; - const packageName = componentPackageMap[componentName] || '@fluentui/react-internal'; + const packageName = componentPackageMap[componentName] || '@fluentui/react'; it(`${componentName} imports the ${packageName} version file`, () => { (window as any).__packages__ = null; diff --git a/packages/react-internal/src/index.ts b/packages/react-internal/src/index.ts deleted file mode 100644 index 218befdaa67a0f..00000000000000 --- a/packages/react-internal/src/index.ts +++ /dev/null @@ -1,79 +0,0 @@ -export * from './ActivityItem'; -export * from './Autofill'; -export * from './Announced'; -export * from './ButtonGrid'; -export * from './Callout'; -export * from './Check'; -export * from './Checkbox'; -export * from './ChoiceGroup'; -// export * from './ChoiceGroupOption'; // exported by ChoiceGroup -export * from './Coachmark'; -export * from './Color'; -export * from './ColorPicker'; -export * from './CommandBar'; -export * from './ContextualMenu'; -export * from './Dialog'; -export * from './Divider'; -export * from './DragDrop'; -export * from './ExtendedPicker'; -export * from './Fabric'; -export * from './Facepile'; -export * from './FloatingPicker'; -export * from './FocusTrapZone'; -export * from './FocusZone'; -export * from './Grid'; -export * from './HoverCard'; -export * from './Icon'; -export * from './Icons'; -export * from './Image'; -export * from './Keytips'; -export * from './Keytip'; -export * from './KeytipData'; -export * from './KeytipLayer'; -export * from './Label'; -export * from './Layer'; -export * from './Link'; -export * from './List'; -export * from './MarqueeSelection'; -export * from './MessageBar'; -export * from './Modal'; -export * from './Nav'; -export * from './OverflowSet'; -export * from './Overlay'; -export * from './Panel'; -export * from './Persona'; -export * from './PersonaCoin'; -// export * from './PersonaPresence'; (Exported as part of Persona) -export * from './Pickers'; -export * from './Pivot'; -export * from './Popup'; -export * from './Positioning'; -export * from './PositioningContainer'; -export * from './ProgressIndicator'; -export * from './Rating'; -export * from './ResizeGroup'; -export * from './ScrollablePane'; -export * from './SearchBox'; -export * from './SelectableOption'; -export * from './SelectedItemsList'; -export * from './Selection'; -export * from './Separator'; -export * from './Shimmer'; -export * from './Slider'; -export * from './SpinButton'; -export * from './Spinner'; -export * from './Stack'; -export * from './Sticky'; -export * from './Styling'; -export * from './SwatchColorPicker'; -export * from './TeachingBubble'; -export * from './Text'; -export * from './TextField'; -export * from './Theme'; -export * from './ThemeGenerator'; -export * from './Toggle'; -export * from './Tooltip'; -export * from './Utilities'; -export * from './WindowProvider'; - -import './version'; diff --git a/packages/react-internal/src/version.ts b/packages/react-internal/src/version.ts deleted file mode 100644 index 53ed5cac9d94cd..00000000000000 --- a/packages/react-internal/src/version.ts +++ /dev/null @@ -1,4 +0,0 @@ -// Do not modify this file; it is generated as part of publish. -// The checked in version is a placeholder only and will not be updated. -import { setVersion } from '@fluentui/set-version'; -setVersion('@fluentui/react-internal', '0.0.0'); diff --git a/packages/react-internal/tsconfig.json b/packages/react-internal/tsconfig.json deleted file mode 100644 index b091ca11747223..00000000000000 --- a/packages/react-internal/tsconfig.json +++ /dev/null @@ -1,24 +0,0 @@ -{ - "compilerOptions": { - "baseUrl": ".", - "outDir": "lib", - "target": "es5", - "module": "commonjs", - "jsx": "react", - "declaration": true, - "sourceMap": true, - "experimentalDecorators": true, - "importHelpers": true, - "noUnusedLocals": true, - "forceConsistentCasingInFileNames": true, - "strictNullChecks": true, - "noImplicitAny": true, - "moduleResolution": "node", - "preserveConstEnums": true, - "lib": ["es5", "dom", "es2015.promise"], - "skipLibCheck": true, - "typeRoots": ["../../node_modules/@types", "../../typings"], - "types": ["jest", "webpack-env", "custom-global"] - }, - "include": ["src"] -} diff --git a/packages/react-monaco-editor/src/transpiler/transpileHelpers.test.ts b/packages/react-monaco-editor/src/transpiler/transpileHelpers.test.ts index 47ab92c2f118e2..627e3b2d47de90 100644 --- a/packages/react-monaco-editor/src/transpiler/transpileHelpers.test.ts +++ b/packages/react-monaco-editor/src/transpiler/transpileHelpers.test.ts @@ -137,7 +137,7 @@ describe('_supportedPackageToGlobalMap', () => { '@fluentui/foundation-legacy': 'FluentUIReact', '@fluentui/merge-styles': 'FluentUIReact', '@fluentui/react': 'FluentUIReact', - '@fluentui/react-date-time-utilities': 'FluentUIReact', + '@fluentui/date-time-utilities': 'FluentUIReact', '@fluentui/react-focus': 'FluentUIReact', '@fluentui/react-hooks': 'FluentUIReactHooks', '@fluentui/style-utilities': 'FluentUIReact', diff --git a/packages/react-monaco-editor/src/utilities/defaultSupportedPackages.ts b/packages/react-monaco-editor/src/utilities/defaultSupportedPackages.ts index 06d12180bbbd39..e7ea8f5aba0949 100644 --- a/packages/react-monaco-editor/src/utilities/defaultSupportedPackages.ts +++ b/packages/react-monaco-editor/src/utilities/defaultSupportedPackages.ts @@ -65,7 +65,7 @@ if (typesContext) { { packageName: '@fluentui/foundation-legacy', loadTypes }, { packageName: '@fluentui/merge-styles', loadTypes }, { packageName: '@fluentui/react', loadTypes }, - { packageName: '@fluentui/react-date-time-utilities', loadTypes }, + { packageName: '@fluentui/date-time-utilities', loadTypes }, { packageName: '@fluentui/react-focus', loadTypes }, { packageName: '@fluentui/style-utilities', loadTypes }, { packageName: '@fluentui/utilities', loadTypes }, diff --git a/packages/react-slider/package.json b/packages/react-slider/package.json index a72783b264fc9e..54012cb7db4d02 100644 --- a/packages/react-slider/package.json +++ b/packages/react-slider/package.json @@ -43,7 +43,7 @@ "react-dom": "16.8.6" }, "dependencies": { - "@fluentui/react-internal": "^8.0.0-beta.44", + "@fluentui/react": "^8.0.0-beta.50", "@fluentui/react-hooks": "^8.0.0-beta.10", "@fluentui/set-version": "^8.0.0-beta.1", "@fluentui/style-utilities": "^8.0.0-beta.13", diff --git a/packages/react-slider/src/components/Slider/Slider.base.tsx b/packages/react-slider/src/components/Slider/Slider.base.tsx index 74939b96f6b68c..2a9226bd91792c 100644 --- a/packages/react-slider/src/components/Slider/Slider.base.tsx +++ b/packages/react-slider/src/components/Slider/Slider.base.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { FocusRects } from '@fluentui/utilities'; import { ISliderProps } from './Slider.types'; -import { Label } from '@fluentui/react-internal/lib/Label'; +import { Label } from '@fluentui/react/lib/Label'; import { useSlider } from './useSlider'; import { useWarnings } from '@fluentui/react-hooks'; diff --git a/packages/react-tabs/etc/react-tabs.api.md b/packages/react-tabs/etc/react-tabs.api.md index d3cc5368250b91..37bdd933a9709e 100644 --- a/packages/react-tabs/etc/react-tabs.api.md +++ b/packages/react-tabs/etc/react-tabs.api.md @@ -4,8 +4,8 @@ ```ts -import { IButtonProps } from '@fluentui/react-internal/lib/compat/Button'; -import { IKeytipProps } from '@fluentui/react-internal'; +import { IButtonProps } from '@fluentui/react/lib/compat/Button'; +import { IKeytipProps } from '@fluentui/react'; import { IRefObject } from '@fluentui/utilities'; import { IRenderFunction } from '@fluentui/utilities'; import { IStyle } from '@fluentui/style-utilities'; diff --git a/packages/react-tabs/package.json b/packages/react-tabs/package.json index 0810e131371058..25cca0b1a24da0 100644 --- a/packages/react-tabs/package.json +++ b/packages/react-tabs/package.json @@ -43,7 +43,7 @@ "react-dom": "16.8.6" }, "dependencies": { - "@fluentui/react-internal": "^8.0.0-beta.44", + "@fluentui/react": "^8.0.0-beta.50", "@fluentui/react-hooks": "^8.0.0-beta.10", "@fluentui/set-version": "^8.0.0-beta.1", "@fluentui/style-utilities": "^8.0.0-beta.13", diff --git a/packages/react-tabs/src/components/Tabs/TabItem.types.ts b/packages/react-tabs/src/components/Tabs/TabItem.types.ts index 215a7c2556f36a..84911b2345bfe3 100644 --- a/packages/react-tabs/src/components/Tabs/TabItem.types.ts +++ b/packages/react-tabs/src/components/Tabs/TabItem.types.ts @@ -1,6 +1,6 @@ import * as React from 'react'; -import { IKeytipProps } from '@fluentui/react-internal'; -import { IButtonProps } from '@fluentui/react-internal/lib/compat/Button'; +import { IKeytipProps } from '@fluentui/react'; +import { IButtonProps } from '@fluentui/react/lib/compat/Button'; import { IRefObject, IRenderFunction } from '@fluentui/utilities'; /** diff --git a/packages/react-tabs/src/components/Tabs/Tabs.base.tsx b/packages/react-tabs/src/components/Tabs/Tabs.base.tsx index 966e40a5397148..5baed35f537e30 100644 --- a/packages/react-tabs/src/components/Tabs/Tabs.base.tsx +++ b/packages/react-tabs/src/components/Tabs/Tabs.base.tsx @@ -8,8 +8,8 @@ import { Icon, IContextualMenuProps, IFocusZone, -} from '@fluentui/react-internal'; -import { CommandButton, IButton } from '@fluentui/react-internal/lib/compat/Button'; +} from '@fluentui/react'; +import { CommandButton, IButton } from '@fluentui/react/lib/compat/Button'; import { TabsImperativeHandle, TabItemProps, TabsProps, TabsStyleProps, TabsStyles, TabItem } from './index'; import { useOverflow } from '../../utilities/useOverflow'; diff --git a/packages/react-toggle/package.json b/packages/react-toggle/package.json index a68202a7e67393..78a74866038946 100644 --- a/packages/react-toggle/package.json +++ b/packages/react-toggle/package.json @@ -42,7 +42,7 @@ }, "dependencies": { "@fluentui/react-compose": "^1.0.0-beta.11", - "@fluentui/react-internal": "^8.0.0-beta.44", + "@fluentui/react": "^8.0.0-beta.50", "@fluentui/react-hooks": "^8.0.0-beta.10", "@fluentui/set-version": "^8.0.0-beta.1", "@fluentui/style-utilities": "^8.0.0-beta.13", diff --git a/packages/react-toggle/src/components/Toggle/Toggle.tsx b/packages/react-toggle/src/components/Toggle/Toggle.tsx index e720e4f4bb4ad1..2d395f8cc47470 100644 --- a/packages/react-toggle/src/components/Toggle/Toggle.tsx +++ b/packages/react-toggle/src/components/Toggle/Toggle.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { compose } from '@fluentui/react-compose'; -import { Label } from '@fluentui/react-internal/lib/Label'; +import { Label } from '@fluentui/react/lib/Label'; import { getGlobalClassNames, ITheme } from '@fluentui/style-utilities'; import { css, memoizeFunction, styled } from '@fluentui/utilities'; import { ToggleBase } from './ToggleBase'; diff --git a/packages/react-internal/.eslintrc.js b/packages/react/.eslintrc.js similarity index 100% rename from packages/react-internal/.eslintrc.js rename to packages/react/.eslintrc.js diff --git a/packages/react/.eslintrc.json b/packages/react/.eslintrc.json deleted file mode 100644 index 3bed42e1a16a8f..00000000000000 --- a/packages/react/.eslintrc.json +++ /dev/null @@ -1,5 +0,0 @@ -{ - // react-internal has some overrides we need to mirror - "extends": ["../react-internal/.eslintrc"], - "root": true -} diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index b4fc97f52d33a3..f092c590cc0431 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -6,16 +6,19 @@ This log was last generated on Tue, 09 Feb 2021 00:56:52 GMT and should not be m ## [8.0.0-beta.50](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.50) -Tue, 09 Feb 2021 00:56:52 GMT +Tue, 09 Feb 2021 00:56:52 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.49..@fluentui/react_v8.0.0-beta.50) ### Changes - Bump @fluentui/react-date-time to v8.0.0-beta.40 ([PR #16835](https://github.com/microsoft/fluentui/pull/16835) by ololubek@microsoft.com) +- Fixing modal Panel outer click issue ([PR #16835](https://github.com/microsoft/fluentui/pull/16835) by ololubek@microsoft.com) +- Add missing HighContrast override to SplitButton ([PR #16792](https://github.com/microsoft/fluentui/pull/16792) by andredias@microsoft.com) +- Add missing styles for disabled buttons ([PR #16794](https://github.com/microsoft/fluentui/pull/16794) by andredias@microsoft.com) ## [8.0.0-beta.49](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.49) -Thu, 04 Feb 2021 12:22:24 GMT +Thu, 04 Feb 2021 12:22:24 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.48..@fluentui/react_v8.0.0-beta.49) ### Changes @@ -24,26 +27,51 @@ Thu, 04 Feb 2021 12:22:24 GMT ## [8.0.0-beta.48](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.48) -Wed, 03 Feb 2021 05:51:40 GMT +Wed, 03 Feb 2021 05:51:40 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.46..@fluentui/react_v8.0.0-beta.48) +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.41..@fluentui/react-internal_v8.0.0-beta.42) + ### Changes +- Add high contrast overrides for the Separator ([PR #16705](https://github.com/microsoft/fluentui/pull/16705) by andredias@microsoft.com) +- Checkbox: border is now visible when element is in focus in High Contrast White Mode ([PR #16739](https://github.com/microsoft/fluentui/pull/16739) by tristan.watanabe@gmail.com) +- Update ColorPicker to announce clamping of RGBA values (#15855) ([PR #16709](https://github.com/microsoft/fluentui/pull/16709) by jakubkonka@microsoft.com) - DocumentCardPreview: add maxDisplayCount prop ([PR #16666](https://github.com/microsoft/fluentui/pull/16666) by hantatsang@gmail.com) - Module federation innerloop experience ([PR #16771](https://github.com/microsoft/fluentui/pull/16771) by kchau@microsoft.com) +## [8.0.0-beta.47](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.47) + +Tue, 02 Feb 2021 12:21:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.46..@fluentui/react_v8.0.0-beta.47) + +### Changes + +- allow passing native properties to the root element of StackItem ([PR #16719](https://github.com/microsoft/fluentui/pull/16719) by tristan.watanabe@gmail.com) + ## [8.0.0-beta.46](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.46) -Mon, 01 Feb 2021 12:23:48 GMT +Mon, 01 Feb 2021 12:23:48 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.44..@fluentui/react_v8.0.0-beta.46) ### Changes +- Remove react-theme-provider dependency from react package. ([PR #16698](https://github.com/microsoft/fluentui/pull/16698) by xgao@microsoft.com) +- Moving Checkbox, Link, Pivot, Slider and Toggle from their respective @fluentui/react- packages back to @fluentui/react-internal. ([PR #16701](https://github.com/microsoft/fluentui/pull/16701) by humbertomakotomorimoto@gmail.com) - Updating re-exports that pointed to @fluentui/react- packages to now point to @fluentui/react-internal. ([PR #16701](https://github.com/microsoft/fluentui/pull/16701) by humbertomakotomorimoto@gmail.com) +## [8.0.0-beta.45](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.45) + +Fri, 29 Jan 2021 12:21:00 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.44..@fluentui/react_v8.0.0-beta.45) + +### Changes + +- Tooltip: Fix positioning issues that can cause tooltip to flash/not render ([PR #16541](https://github.com/microsoft/fluentui/pull/16541) by jspurlin@microsoft.com) + ## [8.0.0-beta.44](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.44) -Thu, 28 Jan 2021 12:25:56 GMT +Thu, 28 Jan 2021 12:25:56 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.40..@fluentui/react_v8.0.0-beta.44) ### Changes @@ -51,64 +79,133 @@ Thu, 28 Jan 2021 12:25:56 GMT - Updating to webpack 5, latest typings, latest loaders and plugins. Also stop generating dist/manifest.json (file an issue if you were using it). ([PR #16447](https://github.com/microsoft/fluentui/pull/16447) by dzearing@microsoft.com) - Clean up some prop comments and deprecated messages ([PR #16555](https://github.com/microsoft/fluentui/pull/16555) by elcraig@microsoft.com) - Update high contrast to support forced colors ([PR #16595](https://github.com/microsoft/fluentui/pull/16595) by sareiff@microsoft.com) +- Port delayed keytip fix to onKeytipUpdated ([PR #16614](https://github.com/microsoft/fluentui/pull/16614) by keyou@microsoft.com) ## [8.0.0-beta.40](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.40) -Fri, 22 Jan 2021 12:24:49 GMT +Fri, 22 Jan 2021 12:24:49 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.39..@fluentui/react_v8.0.0-beta.40) ### Changes -- Added generic type for IDropdownOption ([PR #15488](https://github.com/microsoft/fluentui/pull/15488) by ashwin.gokhale98@gmail.com) +- Added generic type for ISelectableOption interface ([PR #15488](https://github.com/microsoft/fluentui/pull/15488) by ashwin.gokhale98@gmail.com) ## [8.0.0-beta.39](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.39) -Thu, 21 Jan 2021 12:36:12 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.34..@fluentui/react_v8.0.0-beta.39) +Thu, 21 Jan 2021 12:36:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/@fluentui/react-internal_v8.0.0-beta.34..@fluentui/react_v8.0.0-beta.39) ### Changes +- Set focus state in FocusTrapZone even if onFocus and onBlur do not bubble ([PR #15804](https://github.com/microsoft/fluentui/pull/15804) by nsavas@microsoft.com) - Updating dev dependencies. ([PR #16548](https://github.com/microsoft/fluentui/pull/16548) by dzearing@microsoft.com) +- fix a typo in CalloutContent.base.tsx ([PR #15865](https://github.com/microsoft/fluentui/pull/15865) by lin.zh.ming.27@gmail.com) + +## [8.0.0-beta.38](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.38) + +Wed, 20 Jan 2021 12:22:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-internal_v8.0.0-beta.33..@fluentui/react-internal_v8.0.0-beta.34) + +### Changes + +- Use GrayText for disabled Action Button in high contrast. ([PR #16188](https://github.com/microsoft/fluentui/pull/16188) by mathew.olinger@outlook.com) + +## [8.0.0-beta.37](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.37) + +Mon, 18 Jan 2021 12:35:34 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.34..@fluentui/react-internal_v8.0.0-beta.33) + +### Changes + +- Fixes TextField custom error message rendering ([PR #16487](https://github.com/microsoft/fluentui/pull/16487) by sorgh@microsoft.com) ## [8.0.0-beta.34](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.34) -Fri, 08 Jan 2021 12:32:12 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.32..@fluentui/react_v8.0.0-beta.34) +Fri, 08 Jan 2021 12:32:12 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.33..@fluentui/react_v8.0.0-beta.34) ### Changes - Fixed ComboBox onBlur was not submitting pending value when relatedTarget is an ancestor to menu ([PR #16078](https://github.com/microsoft/fluentui/pull/16078) by marwankhalili@hotmail.com) +- Fixes linux firefox persona/image rendering only the top left quarter of images (#16361) ([PR #16370](https://github.com/microsoft/fluentui/pull/16370) by mhuan13@gmail.com) + +## [8.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.33) + +Thu, 07 Jan 2021 12:35:30 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.32..@fluentui/react_v8.0.0-beta.33) + +### Changes + +- fix(Popup): use proper window from useWindow() hook ([PR #16394](https://github.com/microsoft/fluentui/pull/16394) by olfedias@microsoft.com) ## [8.0.0-beta.32](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.32) -Thu, 31 Dec 2020 12:30:02 GMT +Thu, 31 Dec 2020 12:30:02 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.31..@fluentui/react_v8.0.0-beta.32) ### Changes - Add a props for Dropdown component to enable adjust width to fit content ([PR #16298](https://github.com/microsoft/fluentui/pull/16298) by qizheqi@microsoft.com) +- Add calloutMinWidth props for Callout component ([PR #16298](https://github.com/microsoft/fluentui/pull/16298) by qizheqi@microsoft.com) ## [8.0.0-beta.31](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.31) -Thu, 24 Dec 2020 12:35:10 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.27..@fluentui/react_v8.0.0-beta.31) +Thu, 24 Dec 2020 12:35:10 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.30..@fluentui/react_v8.0.0-beta.31) ### Changes - DetailsList: Fix group chevron alignment in single select mode ([PR #16289](https://github.com/microsoft/fluentui/pull/16289) by elcraig@microsoft.com) +## [8.0.0-beta.30](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.30) + +Mon, 21 Dec 2020 12:28:34 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.29..@fluentui/react_v8.0.0-beta.30) + +### Changes + +- feat: add new property onRenderStar for Rating ([PR #15994](https://github.com/microsoft/fluentui/pull/15994) by qiuya@microsoft.com) + +## [8.0.0-beta.29](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.29) + +Fri, 18 Dec 2020 12:27:55 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.28..@fluentui/react_v8.0.0-beta.29) + +### Changes + +- fix #15729: add type button to textfield of type password ([PR #15949](https://github.com/microsoft/fluentui/pull/15949) by mirco.zeiss@gmail.com) + +## [8.0.0-beta.28](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.28) + +Mon, 14 Dec 2020 12:27:38 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.27..@fluentui/react_v8.0.0-beta.28) + +### Changes + +- Pickers: add aria-label as an option to apply to the root combobox ([PR #16187](https://github.com/microsoft/fluentui/pull/16187) by joschect@microsoft.com) + ## [8.0.0-beta.27](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.27) -Wed, 09 Dec 2020 12:27:00 GMT +Wed, 09 Dec 2020 12:27:00 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.25..@fluentui/react_v8.0.0-beta.27) ### Changes - Button: Removing react-button Button from react-internal, re-exporting compat Button as regular Button. ([PR #16150](https://github.com/microsoft/fluentui/pull/16150) by humbertomakotomorimoto@gmail.com) +- fix narrator scan mode navigation for picker ([PR #16177](https://github.com/microsoft/fluentui/pull/16177) by kuanubha@microsoft.com) + +## [8.0.0-beta.26](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.26) + +Mon, 07 Dec 2020 12:29:34 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.25..@fluentui/react_v8.0.0-beta.26) + +### Changes + +- SpinButton: Add onChange ([PR #16137](https://github.com/microsoft/fluentui/pull/16137) by elcraig@microsoft.com) ## [8.0.0-beta.25](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.25) -Fri, 04 Dec 2020 12:30:32 GMT +Fri, 04 Dec 2020 12:30:32 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.23..@fluentui/react_v8.0.0-beta.25) ### Changes @@ -117,62 +214,136 @@ Fri, 04 Dec 2020 12:30:32 GMT ## [8.0.0-beta.23](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.23) -Wed, 02 Dec 2020 12:37:40 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.20..@fluentui/react_v8.0.0-beta.23) +Wed, 02 Dec 2020 12:37:40 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.22..@fluentui/react_v8.0.0-beta.23) ### Changes - Dropdown: fix option text truncation for single-select. ([PR #16096](https://github.com/microsoft/fluentui/pull/16096) by xgao@microsoft.com) +- SpinButton: remove defaults for min and max ([PR #16109](https://github.com/microsoft/fluentui/pull/16109) by elcraig@microsoft.com) + +## [8.0.0-beta.22](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.22) + +Tue, 01 Dec 2020 12:38:05 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.21..@fluentui/react_v8.0.0-beta.22) + +### Changes + +- SpinButton: Fix function component conversion issues revealed by eslint-plugin-react-hooks ([PR #15431](https://github.com/microsoft/fluentui/pull/15431) by czearing@outlook.com) + +## [8.0.0-beta.21](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.21) + +Thu, 26 Nov 2020 12:28:18 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.20..@fluentui/react_v8.0.0-beta.21) + +### Changes + +- Only attempt to handle keydown event for tooltip close if the tooltip is currently open ([PR #16011](https://github.com/microsoft/fluentui/pull/16011) by stefhan@microsoft.com) ## [8.0.0-beta.20](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.20) -Tue, 24 Nov 2020 12:29:52 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.18..@fluentui/react_v8.0.0-beta.20) +Tue, 24 Nov 2020 12:29:52 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.19..@fluentui/react_v8.0.0-beta.20) ### Changes - GroupedList: Allow passing of rootListProps to allow passing attributes to parent list (#15772) ([PR #16034](https://github.com/microsoft/fluentui/pull/16034) by noloyola@microsoft.com) +- Add interface for onRestoreFocus params ([PR #15941](https://github.com/microsoft/fluentui/pull/15941) by elcraig@microsoft.com) +- SearchBox: Don't prevent Esc from propagating if the box is empty. Also fix infinite recursion in onKeyDown. ([PR #16018](https://github.com/microsoft/fluentui/pull/16018) by behowell@microsoft.com) + +## [8.0.0-beta.19](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.19) + +Mon, 23 Nov 2020 12:31:40 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.18..@fluentui/react_v8.0.0-beta.19) + +### Changes + +- Fixed SearchBox maximum call stack size on keydown ([PR #16028](https://github.com/microsoft/fluentui/pull/16028) by richardkooiman@hotmail.com) ## [8.0.0-beta.18](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.18) -Fri, 20 Nov 2020 12:32:25 GMT +Fri, 20 Nov 2020 12:32:25 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.17..@fluentui/react_v8.0.0-beta.18) ### Changes - Fix display issue with Dropdown when using Chrome Translate ([PR #15984](https://github.com/microsoft/fluentui/pull/15984) by behowell@microsoft.com) +- Keyboard focus should be visible in selected footers in pickers in high contrast ([PR #15985](https://github.com/microsoft/fluentui/pull/15985) by elvonspa@microsoft.com) +- ContextualMenu: remove unnecessary resize check ([PR #15584](https://github.com/microsoft/fluentui/pull/15584) by joschect@microsoft.com) ## [8.0.0-beta.17](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.17) -Thu, 19 Nov 2020 12:28:32 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.8..@fluentui/react_v8.0.0-beta.17) +Thu, 19 Nov 2020 12:28:32 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.14..@fluentui/react_v8.0.0-beta.17) ### Changes - Add text to breacrumb overflow items ([PR #15977](https://github.com/microsoft/fluentui/pull/15977) by pbelsal@gmail.com) +- improve Text variant style inheritance ([PR #15942](https://github.com/microsoft/fluentui/pull/15942) by blaymist@gmail.com) + +## [8.0.0-beta.14](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.14) + +Mon, 16 Nov 2020 12:31:52 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.13..@fluentui/react_v8.0.0-beta.14) + +### Changes + +- Avoid React.Children traversal for early return cases ([PR #15503](https://github.com/microsoft/fluentui/pull/15503) by KevinTCoughlin@users.noreply.github.com) + +## [8.0.0-beta.13](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.13) + +Fri, 13 Nov 2020 12:33:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.12..@fluentui/react_v8.0.0-beta.13) + +### Changes + +- Add support for ariaDescription in contextual menu items ([PR #15770](https://github.com/microsoft/fluentui/pull/15770) by sareiff@microsoft.com) +- Modify Persona example and tests to cover the new initials behavior ([PR #15880](https://github.com/microsoft/fluentui/pull/15880) by elvonspa@microsoft.com) +- Add missing exports to API ([PR #15882](https://github.com/microsoft/fluentui/pull/15882) by dahajek@microsoft.com) + +## [8.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.12) + +Tue, 10 Nov 2020 12:30:36 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.11..@fluentui/react_v8.0.0-beta.12) + +### Changes + +- Updating Modal to a function component within react. ([PR #15569](https://github.com/microsoft/fluentui/pull/15569) by czearing@outlook.com) + +## [8.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.11) + +Fri, 06 Nov 2020 12:34:34 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.8..@fluentui/react_v8.0.0-beta.11) + +### Changes + +- ContextualMenu: Using MenuContext.Consumer to consume context pvovided by MenuButton. ([PR #15826](https://github.com/microsoft/fluentui/pull/15826) by humbertomakotomorimoto@gmail.com) ## [8.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.8) -Tue, 03 Nov 2020 12:32:23 GMT +Tue, 03 Nov 2020 12:32:23 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.7..@fluentui/react_v8.0.0-beta.8) ### Changes - Add aria-hidden to error section ([PR #15794](https://github.com/microsoft/fluentui/pull/15794) by dahajek@microsoft.com) +- Layer: fix not rendering into targeted host element defined by hostId prop. ([PR #15756](https://github.com/microsoft/fluentui/pull/15756) by xgao@microsoft.com) ## [8.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.7) -Mon, 02 Nov 2020 12:32:47 GMT +Mon, 02 Nov 2020 12:32:47 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.6..@fluentui/react_v8.0.0-beta.7) ### Changes - Combobox: Allow combobox to handle the inner focus aspects of itself before calling the passed in onItemClick callback or calling setSelectedItem ([PR #15791](https://github.com/microsoft/fluentui/pull/15791) by jspurlin@microsoft.com) - Remove references to custom Omit helper ([PR #15790](https://github.com/microsoft/fluentui/pull/15790) by elcraig@microsoft.com) +- Update SpinButton to inherit Fabric font styles. ([PR #15724](https://github.com/microsoft/fluentui/pull/15724) by lesliewilliams234@gmail.com) +- SplitButton: Fix ariaDescription behavior so that it is correctly picked up by screen-readers. ([PR #15797](https://github.com/microsoft/fluentui/pull/15797) by humbertomakotomorimoto@gmail.com) ## [8.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.6) -Fri, 30 Oct 2020 12:33:11 GMT +Fri, 30 Oct 2020 12:33:11 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.5..@fluentui/react_v8.0.0-beta.6) ### Changes @@ -181,20 +352,97 @@ Fri, 30 Oct 2020 12:33:11 GMT ## [8.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.5) -Thu, 29 Oct 2020 12:34:59 GMT -[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.2..@fluentui/react_v8.0.0-beta.5) +Thu, 29 Oct 2020 12:34:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.4..@fluentui/react_v8.0.0-beta.5) ### Changes - Export all from react-window-provider. ([PR #15738](https://github.com/microsoft/fluentui/pull/15738) by xgao@microsoft.com) +## [8.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.4) + +Wed, 28 Oct 2020 12:32:24 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.3..@fluentui/react_v8.0.0-beta.4) + +### Changes + +- Port TextField reveal password feature to master ([PR #15720](https://github.com/microsoft/fluentui/pull/15720) by elcraig@microsoft.com) + +## [8.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.3) + +Tue, 27 Oct 2020 12:35:09 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.2..@fluentui/react_v8.0.0-beta.3) + +### Changes + +- ResizeGroup: Improve perf by making sure resize data state change is batched. ([PR #15701](https://github.com/microsoft/fluentui/pull/15701) by xgao@microsoft.com) + +## [8.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.2) + +Mon, 26 Oct 2020 12:39:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.1..@fluentui/react_v8.0.0-beta.2) + +### Changes + +- Adding a forwardRef to Separator within react. ([PR #15678](https://github.com/microsoft/fluentui/pull/15678) by czearing@outlook.com) + +## [8.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.1) + +Fri, 23 Oct 2020 23:25:40 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.0.0-beta.0..@fluentui/react_v8.0.0-beta.1) + +### Changes + +- SelectionZone: Adding an optional className prop ([PR #15652](https://github.com/microsoft/fluentui/pull/15652) by nebhatna@microsoft.com) + ## [8.0.0-beta.0](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.0.0-beta.0) -Fri, 23 Oct 2020 03:26:15 GMT +Fri, 23 Oct 2020 03:26:15 GMT [Compare changes](https://github.com/microsoft/fluentui/compare/office-ui-fabric-react_v7.142.0..@fluentui/react_v8.0.0-beta.0) ### Changes +- Add react package ([PR #15271](https://github.com/microsoft/fluentui/pull/15271) by elcraig@microsoft.com) +- Example updates. ([PR #15337](https://github.com/microsoft/fluentui/pull/15337) by dzearing@hotmail.com) +- Moving FocusTrapZone and Modal from react-next to react. ([PR #15368](https://github.com/microsoft/fluentui/pull/15368) by humbertomakotomorimoto@gmail.com) +- Move TextField "next" changes back to main package ([PR #15370](https://github.com/microsoft/fluentui/pull/15370) by elcraig@microsoft.com) +- Moving SwatchColorPicker and ButtonGrid from react-next to react. ([PR #15373](https://github.com/microsoft/fluentui/pull/15373) by czearing@outlook.com) +- Move ChoiceGroup v8 changes to react ([PR #15387](https://github.com/microsoft/fluentui/pull/15387) by elcraig@microsoft.com) +- move Image component from react-next to react ([PR #15367](https://github.com/microsoft/fluentui/pull/15367) by ololubek@microsoft.com) +- Moving react-next SearchBox to react. ([PR #15385](https://github.com/microsoft/fluentui/pull/15385) by czearing@outlook.com) +- move persona to react ([PR #15386](https://github.com/microsoft/fluentui/pull/15386) by joschect@microsoft.com) +- Move Fabric from react-next to react ([PR #15388](https://github.com/microsoft/fluentui/pull/15388) by ololubek@microsoft.com) +- Moving react-next OverflowSet to react package. ([PR #15389](https://github.com/microsoft/fluentui/pull/15389) by czearing@outlook.com) +- Moving react-next MessageBar to react. ([PR #15393](https://github.com/microsoft/fluentui/pull/15393) by czearing@outlook.com) +- Move v8 Rating changes to from react-next to react ([PR #15398](https://github.com/microsoft/fluentui/pull/15398) by elcraig@microsoft.com) +- Move v8 Coachmark changes from react-next to react ([PR #15400](https://github.com/microsoft/fluentui/pull/15400) by elcraig@microsoft.com) +- Move v8 ResizeGroup changes from react-next to react ([PR #15401](https://github.com/microsoft/fluentui/pull/15401) by elcraig@microsoft.com) +- Moving react-next Shimmer to react package. ([PR #15407](https://github.com/microsoft/fluentui/pull/15407) by czearing@outlook.com) +- Moving react-next SpinButton to react. ([PR #15408](https://github.com/microsoft/fluentui/pull/15408) by czearing@outlook.com) +- Moving react-next TeachingBubble to react package. ([PR #15411](https://github.com/microsoft/fluentui/pull/15411) by czearing@outlook.com) +- ContextualMenu: Move to react ([PR #15448](https://github.com/microsoft/fluentui/pull/15448) by joschect@microsoft.com) +- Moving react-next SelectedItemsList to react package. ([PR #15430](https://github.com/microsoft/fluentui/pull/15430) by czearing@outlook.com) +- Popup: Replacing version in react with version from react-next. ([PR #15436](https://github.com/microsoft/fluentui/pull/15436) by humbertomakotomorimoto@gmail.com) +- FloatingPickers: Move to react ([PR #15458](https://github.com/microsoft/fluentui/pull/15458) by joschect@microsoft.com) +- Callout: move to react ([PR #15455](https://github.com/microsoft/fluentui/pull/15455) by joschect@microsoft.com) +- Moving react-next Layer into react package. ([PR #15481](https://github.com/microsoft/fluentui/pull/15481) by czearing@outlook.com) +- Re-export FocusZone directly from react-focus ([PR #15515](https://github.com/microsoft/fluentui/pull/15515) by elcraig@microsoft.com) +- Don't ship a bundle of this package alone ([PR #15414](https://github.com/microsoft/fluentui/pull/15414) by elcraig@microsoft.com) +- SpinButton: fix component typing, ref and remove keytipProps. ([PR #15534](https://github.com/microsoft/fluentui/pull/15534) by xgao@microsoft.com) +- Deprecate Fabric. ([PR #15539](https://github.com/microsoft/fluentui/pull/15539) by xgao@microsoft.com) +- Changing BaseButton's wrapper span to a fragment. ([PR #15558](https://github.com/microsoft/fluentui/pull/15558) by czearing@outlook.com) +- Rename @uifabric/styling to @fluentui/style-utilities ([PR #15567](https://github.com/microsoft/fluentui/pull/15567) by elcraig@microsoft.com) +- Export getMenuStyles from ContextualMenu ([PR #15573](https://github.com/microsoft/fluentui/pull/15573) by xgao@microsoft.com) +- Moves Button export to compat folder. ([PR #15576](https://github.com/microsoft/fluentui/pull/15576) by humbertomakotomorimoto@gmail.com) +- rename @uifabric/foundation to @fluentui/foundation-legacy ([PR #15595](https://github.com/microsoft/fluentui/pull/15595) by xgao@microsoft.com) +- CommandBar: Fixing incorrect aria role. ([PR #15614](https://github.com/microsoft/fluentui/pull/15614) by humbertomakotomorimoto@gmail.com) +- SearchBox: Making role on root div opt in. ([PR #15621](https://github.com/microsoft/fluentui/pull/15621) by humbertomakotomorimoto@gmail.com) +- Adding a forwardRef to Check (ref-conformance) ([PR #15622](https://github.com/microsoft/fluentui/pull/15622) by czearing@outlook.com) +- Adding a forwardRef to ContextualMenu (ref-conformance) ([PR #15625](https://github.com/microsoft/fluentui/pull/15625) by czearing@outlook.com) +- Rename @uifabric/merge-styles to @fluentui/merge-styles ([PR #15627](https://github.com/microsoft/fluentui/pull/15627) by ololubek@microsoft.com) +- ChoiceGroup option props cleanup ([PR #15399](https://github.com/microsoft/fluentui/pull/15399) by elcraig@microsoft.com) +- Delete old Calendar and DatePicker ([PR #15644](https://github.com/microsoft/fluentui/pull/15644) by elcraig@microsoft.com) +- Adding a forwardRef to VerticalDivider within react. ([PR #15654](https://github.com/microsoft/fluentui/pull/15654) by czearing@outlook.com) - Ensure GroupedList version is invalidated when parent list is invalidated ([PR #15439](https://github.com/microsoft/fluentui/pull/15439) by tmichon@microsoft.com) - Rename office-ui-fabric-react package and update references ([PR #15271](https://github.com/microsoft/fluentui/pull/15271) by elcraig@microsoft.com) - Export @fluentui/theme and react-theme-provider. Remove Foundation exports. ([PR #15354](https://github.com/microsoft/fluentui/pull/15354) by xgao@microsoft.com) @@ -212,7 +460,7 @@ Fri, 23 Oct 2020 03:26:15 GMT - Rename @uifabric/example-date to @fluentui/example-data ([PR #15618](https://github.com/microsoft/fluentui/pull/15618) by ololubek@microsoft.com) - GroupedList: Fixing issue where paging new data into existing groups did not trigger re-render. ([PR #15628](https://github.com/microsoft/fluentui/pull/15628) by humbertomakotomorimoto@gmail.com) - Rename @uifabric/react-hooks to @fluentui/react-hooks & @uifabric/utilities to @fluentui/utilities ([PR #15629](https://github.com/microsoft/fluentui/pull/15629) by ololubek@microsoft.com) -- Re-export Calendar and DatePicker from date-time-utilities ([PR #15644](https://github.com/microsoft/fluentui/pull/15644) by elcraig@microsoft.com) +- Delete old Calendar and DatePicker, re-export Calendar and DatePicker from date-time-utilities ([PR #15644](https://github.com/microsoft/fluentui/pull/15644) by elcraig@microsoft.com) - Rename @uifabric/date-time to @fluentui/react-date-time ([PR #15659](https://github.com/microsoft/fluentui/pull/15659) by elcraig@microsoft.com) ## [7.142.0](https://github.com/microsoft/fluentui/tree/office-ui-fabric-react_v7.142.0) diff --git a/packages/react/etc/react-compat.api.md b/packages/react/etc/react-compat.api.md index be012eb5eb3322..e60ff5972f1e2d 100644 --- a/packages/react/etc/react-compat.api.md +++ b/packages/react/etc/react-compat.api.md @@ -4,8 +4,294 @@ ```ts +import { IBaseProps } from '@fluentui/utilities'; +import { IComponentAs } from '@fluentui/utilities'; +import { IFocusZoneProps } from '@fluentui/react-focus'; +import { IRectangle } from '@fluentui/utilities'; +import { IRefObject } from '@fluentui/utilities'; +import { IRenderFunction } from '@fluentui/utilities'; +import { IStyle } from '@fluentui/style-utilities'; +import { IStyleFunctionOrObject } from '@fluentui/utilities'; +import { ITheme } from '@fluentui/style-utilities'; +import { KeyCodes } from '@fluentui/utilities'; +import { Point } from '@fluentui/utilities'; +import * as React from 'react'; +import { Target } from '@fluentui/react-hooks'; + +// @public (undocumented) +export class ActionButton extends React.Component { + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export class BaseButton extends React.Component implements IButton { + constructor(props: IBaseButtonProps); + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentDidUpdate(prevProps: IBaseButtonProps, prevState: IBaseButtonState): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + static defaultProps: Partial; + // (undocumented) + dismissMenu(): void; + // (undocumented) + focus(): void; + // (undocumented) + openMenu(shouldFocusOnContainer?: boolean, shouldFocusOnMount?: boolean): void; + // (undocumented) + render(): JSX.Element; + } + +// @public @deprecated +export class Button extends React.Component { + constructor(props: IButtonProps); + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export enum ButtonType { + // (undocumented) + command = 4, + // (undocumented) + compound = 3, + // (undocumented) + default = 6, + // (undocumented) + hero = 2, + // (undocumented) + icon = 5, + // (undocumented) + normal = 0, + // (undocumented) + primary = 1 +} + +// @public (undocumented) +export class CommandBarButton extends React.Component { + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export const CommandButton: typeof ActionButton; + +// @public (undocumented) +export class CompoundButton extends React.Component { + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export class DefaultButton extends React.Component { + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export enum ElementType { + anchor = 1, + button = 0 +} + +// @public (undocumented) +export const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean, expanded: boolean, checked: boolean, primaryDisabled?: boolean | undefined) => ISplitButtonClassNames; + +// @public (undocumented) +export interface IBaseButtonProps extends IButtonProps { + // (undocumented) + baseClassName?: string; + // (undocumented) + variantClassName?: string; +} + +// @public (undocumented) +export interface IBaseButtonState { + // (undocumented) + menuHidden: boolean; +} + +// @public (undocumented) +export interface IButton { + dismissMenu: () => void; + focus: () => void; + openMenu: (shouldFocusOnContainer?: boolean, shouldFocusOnMount?: boolean) => void; +} + +// @public (undocumented) +export interface IButtonClassNames { + // (undocumented) + description?: string; + // (undocumented) + flexContainer?: string; + // (undocumented) + icon?: string; + // (undocumented) + label?: string; + // (undocumented) + menuIcon?: string; + // (undocumented) + root?: string; + // (undocumented) + screenReaderText?: string; + // (undocumented) + textContainer?: string; +} + +// @public (undocumented) +export interface IButtonProps extends React.AllHTMLAttributes { + allowDisabledFocus?: boolean; + ariaDescription?: string; + ariaHidden?: boolean; + ariaLabel?: string; + // @deprecated (undocumented) + buttonType?: ButtonType; + checked?: boolean; + className?: string; + componentRef?: IRefObject; + data?: any; + defaultRender?: any; + // @deprecated + description?: IStyle; + disabled?: boolean; + // @deprecated + elementRef?: React.Ref; + getClassNames?: (theme: ITheme, className: string, variantClassName: string, iconClassName: string | undefined, menuIconClassName: string | undefined, disabled: boolean, checked: boolean, expanded: boolean, hasMenu: boolean, isSplit: boolean | undefined, allowDisabledFocus: boolean) => IButtonClassNames; + getSplitButtonClassNames?: (disabled: boolean, expanded: boolean, checked: boolean, allowDisabledFocus: boolean) => ISplitButtonClassNames; + href?: string; + // Warning: (ae-forgotten-export) The symbol "IIconProps" needs to be exported by the entry point index.d.ts + iconProps?: IIconProps; + // Warning: (ae-forgotten-export) The symbol "IKeytipProps" needs to be exported by the entry point index.d.ts + keytipProps?: IKeytipProps; + menuAs?: IComponentAs; + menuIconProps?: IIconProps; + // Warning: (ae-forgotten-export) The symbol "IContextualMenuProps" needs to be exported by the entry point index.d.ts + menuProps?: IContextualMenuProps; + menuTriggerKeyCode?: KeyCodes | null; + onAfterMenuDismiss?: () => void; + onMenuClick?: (ev?: React.MouseEvent | React.KeyboardEvent, button?: IButtonProps) => void; + onRenderAriaDescription?: IRenderFunction; + onRenderChildren?: IRenderFunction; + onRenderDescription?: IRenderFunction; + onRenderIcon?: IRenderFunction; + // @deprecated (undocumented) + onRenderMenu?: IRenderFunction; + onRenderMenuIcon?: IRenderFunction; + onRenderText?: IRenderFunction; + persistMenu?: boolean; + primary?: boolean; + primaryActionButtonProps?: IButtonProps; + primaryDisabled?: boolean; + // @deprecated + renderPersistedMenuHiddenOnMount?: boolean; + // @deprecated (undocumented) + rootProps?: React.ButtonHTMLAttributes | React.AnchorHTMLAttributes; + secondaryText?: string; + split?: boolean; + splitButtonAriaLabel?: string; + splitButtonMenuProps?: IButtonProps; + styles?: IButtonStyles; + text?: string; + theme?: ITheme; + toggle?: boolean; + // @deprecated (undocumented) + toggled?: boolean; + uniqueId?: string | number; +} + +// @public (undocumented) +export interface IButtonStyles { + description?: IStyle; + descriptionChecked?: IStyle; + descriptionDisabled?: IStyle; + descriptionHovered?: IStyle; + descriptionPressed?: IStyle; + flexContainer?: IStyle; + icon?: IStyle; + iconChecked?: IStyle; + iconDisabled?: IStyle; + iconExpanded?: IStyle; + iconExpandedHovered?: IStyle; + iconHovered?: IStyle; + iconPressed?: IStyle; + label?: IStyle; + labelChecked?: IStyle; + labelDisabled?: IStyle; + labelHovered?: IStyle; + menuIcon?: IStyle; + menuIconChecked?: IStyle; + menuIconDisabled?: IStyle; + menuIconExpanded?: IStyle; + menuIconExpandedHovered?: IStyle; + menuIconHovered?: IStyle; + menuIconPressed?: IStyle; + root?: IStyle; + rootChecked?: IStyle; + rootCheckedDisabled?: IStyle; + rootCheckedHovered?: IStyle; + rootCheckedPressed?: IStyle; + rootDisabled?: IStyle; + rootExpanded?: IStyle; + rootExpandedHovered?: IStyle; + rootFocused?: IStyle; + rootHasMenu?: IStyle; + rootHovered?: IStyle; + rootPressed?: IStyle; + screenReaderText?: IStyle; + secondaryText?: IStyle; + splitButtonContainer?: IStyle; + splitButtonContainerChecked?: IStyle; + splitButtonContainerCheckedHovered?: IStyle; + splitButtonContainerDisabled?: IStyle; + splitButtonContainerFocused?: IStyle; + splitButtonContainerHovered?: IStyle; + splitButtonDivider?: IStyle; + splitButtonDividerDisabled?: IStyle; + splitButtonFlexContainer?: IStyle; + splitButtonMenuButton?: IStyle; + splitButtonMenuButtonChecked?: IStyle; + splitButtonMenuButtonDisabled?: IStyle; + splitButtonMenuButtonExpanded?: IStyle; + splitButtonMenuIcon?: IStyle; + splitButtonMenuIconDisabled?: IStyle; + textContainer?: IStyle; +} + +// @public (undocumented) +export class IconButton extends React.Component { + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export interface ISplitButtonClassNames { + // (undocumented) + divider?: string; + // (undocumented) + flexContainer?: string; + // (undocumented) + icon?: string; + // (undocumented) + root?: string; + // (undocumented) + splitButtonContainer?: string; +} + +// @public (undocumented) +export class MessageBarButton extends React.Component { + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export class PrimaryButton extends React.Component { + // (undocumented) + render(): JSX.Element; +} -export * from "@fluentui/react-internal/lib/compat/Button"; // (No @packageDocumentation comment for this package) diff --git a/packages/react/etc/react.api.md b/packages/react/etc/react.api.md index b41fdd00d784cd..332eaaed7a46b3 100644 --- a/packages/react/etc/react.api.md +++ b/packages/react/etc/react.api.md @@ -4,1906 +4,10207 @@ ```ts -import { SelectableOptionMenuItemType as DropdownMenuItemType } from '@fluentui/react-internal/lib/SelectableOption'; -import { IAutofillProps } from '@fluentui/react-internal/lib/Autofill'; -import { IBaseProps } from '@fluentui/react-internal/lib/Utilities'; -import { IButtonProps } from '@fluentui/react-internal/lib/compat/Button'; -import { IButtonStyles } from '@fluentui/react-internal/lib/compat/Button'; -import { ICheckboxStyleProps } from '@fluentui/react-internal/lib/Checkbox'; -import { ICheckboxStyles } from '@fluentui/react-internal/lib/Checkbox'; -import { IComponentAs } from '@fluentui/react-internal/lib/Utilities'; -import { IDragDropContext } from '@fluentui/react-internal/lib/DragDrop'; -import { IDragDropEvents } from '@fluentui/react-internal/lib/DragDrop'; -import { IDragDropHelper } from '@fluentui/react-internal/lib/DragDrop'; -import { IDragDropOptions } from '@fluentui/react-internal/lib/DragDrop'; -import { IFocusZoneProps } from '@fluentui/react-internal/lib/FocusZone'; -import { IIconProps } from '@fluentui/react-internal/lib/Icon'; -import { ILabelStyleProps } from '@fluentui/react-internal/lib/Label'; -import { ILabelStyles } from '@fluentui/react-internal/lib/Label'; -import { ILinkProps } from '@fluentui/react-internal/lib/Link'; -import { IList } from '@fluentui/react-internal/lib/List'; -import { IListProps } from '@fluentui/react-internal/lib/List'; -import { ImageFit } from '@fluentui/react-internal/lib/Image'; -import { IPanelStyleProps } from '@fluentui/react-internal/lib/Panel'; -import { IPanelStyles } from '@fluentui/react-internal/lib/Panel'; -import { IProcessedStyleSet } from '@fluentui/react-internal/lib/Styling'; -import { IRefObject } from '@fluentui/react-internal/lib/Utilities'; -import { IRenderFunction } from '@fluentui/react-internal/lib/Utilities'; -import { ISelectableDroppableTextProps } from '@fluentui/react-internal/lib/SelectableOption'; -import { ISelectableOption } from '@fluentui/react-internal/lib/SelectableOption'; -import { ISelection } from '@fluentui/react-internal/lib/Selection'; -import { ISelectionZoneProps } from '@fluentui/react-internal/lib/Selection'; -import { IStyle } from '@fluentui/react-internal/lib/Styling'; -import { IStyleFunctionOrObject } from '@fluentui/react-internal/lib/Utilities'; -import { ITheme } from '@fluentui/react-internal/lib/Styling'; -import { ITooltipHostProps } from '@fluentui/react-internal/lib/Tooltip'; -import { IViewport } from '@fluentui/react-internal/lib/utilities/decorators/withViewport'; -import { IWithViewportProps } from '@fluentui/react-internal/lib/utilities/decorators/withViewport'; -import { PersonaInitialsColor } from '@fluentui/react-internal/lib/Persona'; +import { DateRangeType } from '@fluentui/date-time-utilities'; +import { DayOfWeek } from '@fluentui/date-time-utilities'; +import { EventGroup } from '@fluentui/utilities'; +import { FirstWeekOfYear } from '@fluentui/date-time-utilities'; +import { IBaseProps } from '@fluentui/utilities'; +import { ICalendarStrings } from '@fluentui/date-time-utilities'; +import { IComponent } from '@fluentui/foundation-legacy'; +import { IComponentAs } from '@fluentui/utilities'; +import { IComponentStyles } from '@fluentui/foundation-legacy'; +import { ICSSPixelUnitRule } from '@fluentui/merge-styles/lib/IRawStyleBase'; +import { ICSSRule } from '@fluentui/merge-styles/lib/IRawStyleBase'; +import { IDateFormatting } from '@fluentui/date-time-utilities'; +import { IDayGridOptions } from '@fluentui/date-time-utilities'; +import { IFocusZone } from '@fluentui/react-focus'; +import { IFocusZoneProps } from '@fluentui/react-focus'; +import { IFontStyles } from '@fluentui/style-utilities'; +import { IHTMLSlot } from '@fluentui/foundation-legacy'; +import { IObjectWithKey } from '@fluentui/utilities'; +import { IPoint } from '@fluentui/utilities'; +import { IProcessedStyleSet } from '@fluentui/style-utilities'; +import { IRawStyle } from '@fluentui/style-utilities'; +import { IRectangle } from '@fluentui/utilities'; +import { IRefObject } from '@fluentui/utilities'; +import { IRenderComponent } from '@fluentui/utilities'; +import { IRenderFunction } from '@fluentui/utilities'; +import { ISelection } from '@fluentui/utilities'; +import { ISelectionOptions } from '@fluentui/utilities'; +import { ISlotProp } from '@fluentui/foundation-legacy'; +import { ISlottableProps } from '@fluentui/foundation-legacy'; +import { IStyle } from '@fluentui/style-utilities'; +import { IStyleableComponentProps } from '@fluentui/foundation-legacy'; +import { IStyleFunction } from '@fluentui/utilities'; +import { IStyleFunctionOrObject } from '@fluentui/utilities'; +import { ITheme } from '@fluentui/style-utilities'; +import { KeyCodes } from '@fluentui/utilities'; +import { PartialTheme } from '@fluentui/theme'; +import { Point } from '@fluentui/utilities'; import * as React from 'react'; -import { RectangleEdge } from '@fluentui/react-internal/lib/Positioning'; -import { ResponsiveMode } from '@fluentui/react-internal/lib/utilities/decorators/withResponsiveMode'; -import { ScrollToMode } from '@fluentui/react-internal/lib/List'; -import { SelectionMode } from '@fluentui/react-internal/lib/Selection'; +import { ReactNode } from 'react'; +import { Rectangle } from '@fluentui/utilities'; +import { Selection } from '@fluentui/utilities'; +import { SELECTION_CHANGE } from '@fluentui/utilities'; +import { SelectionDirection } from '@fluentui/utilities'; +import { SelectionMode } from '@fluentui/utilities'; +import { Target } from '@fluentui/react-hooks'; +import { Theme } from '@fluentui/theme'; // @public (undocumented) -export const Breadcrumb: React.FunctionComponent; - -// @public (undocumented) -export class BreadcrumbBase extends React.Component { - constructor(props: IBreadcrumbProps); - // (undocumented) - static defaultProps: IBreadcrumbProps; - focus(): void; +export class ActionButton extends React.Component { // (undocumented) render(): JSX.Element; - } - -// @public (undocumented) -export function buildColumns(items: any[], canResizeColumns?: boolean, onColumnClick?: (ev: React.MouseEvent, column: IColumn) => void, sortedColumnKey?: string, isSortedDescending?: boolean, groupedColumnKey?: string, isMultiline?: boolean): IColumn[]; - -// @public (undocumented) -export enum CheckboxVisibility { - always = 1, - hidden = 2, - onHover = 0 } // @public (undocumented) -export enum CollapseAllVisibility { - // (undocumented) - hidden = 0, +export class ActivityItem extends React.Component { + constructor(props: IActivityItemProps); // (undocumented) - visible = 1 + render(): JSX.Element; } // @public -export enum ColumnActionsMode { - clickable = 1, - disabled = 0, - hasDropdown = 2 -} +export type Alignment = 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'baseline' | 'stretch'; -// @public -export enum ColumnDragEndLocation { - header = 2, - outside = 0, - surface = 1 +// @public (undocumented) +export enum AnimationDirection { + Horizontal = 0, + Vertical = 1 } // @public (undocumented) -export const ComboBox: React.FunctionComponent; +export const Announced: React.FunctionComponent; // @public (undocumented) -export enum ConstrainMode { - horizontalConstrained = 1, - unconstrained = 0 +export class AnnouncedBase extends React.Component { + // (undocumented) + static defaultProps: Partial; + // (undocumented) + render(): JSX.Element; } // @public (undocumented) -export const DEFAULT_CELL_STYLE_PROPS: ICellStyleProps; - -// @public (undocumented) -export const DEFAULT_ROW_HEIGHTS: { - rowHeight: number; - compactRowHeight: number; -}; - -// @public -export class DetailsColumnBase extends React.Component { - constructor(props: IDetailsColumnProps); +export class Autofill extends React.Component implements IAutofill { + constructor(props: IAutofillProps); // (undocumented) - componentDidMount(): void; + clear(): void; // (undocumented) componentDidUpdate(): void; // (undocumented) componentWillUnmount(): void; // (undocumented) + get cursorLocation(): number | null; + // (undocumented) + static defaultProps: { + enableAutofillOnKeyPress: number[]; + }; + // (undocumented) + focus(): void; + // (undocumented) + static getDerivedStateFromProps(props: IAutofillProps, state: IAutofillState): IAutofillState | null; + // (undocumented) + get inputElement(): HTMLInputElement | null; + // (undocumented) + get isValueSelected(): boolean; + // (undocumented) render(): JSX.Element; - } - -// @public (undocumented) -export const DetailsHeader: React.FunctionComponent; + // (undocumented) + get selectionEnd(): number | null; + // (undocumented) + get selectionStart(): number | null; + // (undocumented) + get value(): string; +} // @public (undocumented) -export class DetailsHeaderBase extends React.Component implements IDetailsHeader { - constructor(props: IDetailsHeaderBaseProps); +export class BaseButton extends React.Component implements IButton { + constructor(props: IBaseButtonProps); // (undocumented) componentDidMount(): void; // (undocumented) - componentDidUpdate(prevProps: IDetailsHeaderBaseProps): void; + componentDidUpdate(prevProps: IBaseButtonProps, prevState: IBaseButtonState): void; // (undocumented) componentWillUnmount(): void; // (undocumented) - static defaultProps: { - selectAllVisibility: SelectAllVisibility; - collapseAllVisibility: CollapseAllVisibility; - useFastIcons: boolean; - }; - focus(): boolean; + static defaultProps: Partial; + // (undocumented) + dismissMenu(): void; + // (undocumented) + focus(): void; + // (undocumented) + openMenu(shouldFocusOnContainer?: boolean, shouldFocusOnMount?: boolean): void; // (undocumented) render(): JSX.Element; } // @public (undocumented) -export const DetailsList: React.FunctionComponent; +export class BaseExtendedPeoplePicker extends BaseExtendedPicker { +} // @public (undocumented) -export class DetailsListBase extends React.Component implements IDetailsList { - constructor(props: IDetailsListProps); +export class BaseExtendedPicker> extends React.Component> implements IBaseExtendedPicker { + constructor(basePickerProps: P); // (undocumented) - componentDidUpdate(prevProps: IDetailsListProps, prevState: IDetailsListState): void; + protected canAddItems(): boolean; // (undocumented) - componentWillUnmount(): void; + clearInput(): void; // (undocumented) - static defaultProps: { - layoutMode: DetailsListLayoutMode; - selectionMode: SelectionMode; - constrainMode: ConstrainMode; - checkboxVisibility: CheckboxVisibility; - isHeaderVisible: boolean; - compact: boolean; - useFastIcons: boolean; - }; + componentDidMount(): void; // (undocumented) - focusIndex(index: number, forceIntoFirstElement?: boolean, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void; + floatingPicker: React.RefObject>>; // (undocumented) - forceUpdate(): void; + protected get floatingPickerProps(): IBaseFloatingPickerProps; // (undocumented) - static getDerivedStateFromProps(nextProps: IDetailsListProps, previousState: IDetailsListState): IDetailsListState; + focus(): void; // (undocumented) - getStartItemIndexInView(): number; + get highlightedItems(): T[]; // (undocumented) - protected _onRenderRow: (props: IDetailsRowProps, defaultRender?: IRenderFunction | undefined) => JSX.Element; + protected input: React.RefObject; + // (undocumented) + get inputElement(): HTMLInputElement | null; + // (undocumented) + get items(): any; + // (undocumented) + protected onBackspace: (ev: React.KeyboardEvent) => void; + // (undocumented) + protected onCopy: (ev: React.ClipboardEvent) => void; + // (undocumented) + protected onInputChange: (value: string, composing?: boolean | undefined) => void; + // (undocumented) + protected onInputClick: (ev: React.MouseEvent) => void; + // (undocumented) + protected onInputFocus: (ev: React.FocusEvent) => void; + // (undocumented) + protected onPaste: (ev: React.ClipboardEvent) => void; + // (undocumented) + protected _onSelectedItemsChanged: () => void; + // (undocumented) + protected onSelectionChange: () => void; + // (undocumented) + protected _onSuggestionSelected: (item: T) => void; // (undocumented) render(): JSX.Element; // (undocumented) - scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void; - } - -// @public (undocumented) -export enum DetailsListLayoutMode { - fixedColumns = 0, - justified = 1 + protected renderFloatingPicker(): JSX.Element; + // (undocumented) + protected renderSelectedItemsList(): JSX.Element; + // (undocumented) + protected root: React.RefObject; + // (undocumented) + selectedItemsList: React.RefObject>>; + // (undocumented) + protected get selectedItemsListProps(): IBaseSelectedItemsListProps; + // (undocumented) + protected selection: Selection; } // @public (undocumented) -export const DetailsRow: React.FunctionComponent; +export class BaseFloatingPeoplePicker extends BaseFloatingPicker { +} // @public (undocumented) -export class DetailsRowBase extends React.Component { - constructor(props: IDetailsRowBaseProps); +export class BaseFloatingPicker> extends React.Component implements IBaseFloatingPicker { + constructor(basePickerProps: P); + // (undocumented) + completeSuggestion: () => void; // (undocumented) componentDidMount(): void; // (undocumented) - componentDidUpdate(previousProps: IDetailsRowBaseProps): void; + componentDidUpdate(): void; // (undocumented) componentWillUnmount(): void; // (undocumented) - focus(forceIntoFirstElement?: boolean): boolean; + protected currentPromise: PromiseLike; // (undocumented) - static getDerivedStateFromProps(nextProps: IDetailsRowBaseProps, previousState: IDetailsRowState): IDetailsRowState; - measureCell(index: number, onMeasureDone: (width: number) => void): void; + get currentSelectedSuggestionIndex(): number; // (undocumented) - protected _onRenderCheck(props: IDetailsRowCheckProps): JSX.Element; + forceResolveSuggestion(): void; // (undocumented) - render(): JSX.Element; + hidePicker: () => void; // (undocumented) - shouldComponentUpdate(nextProps: IDetailsRowBaseProps, nextState: IDetailsRowState): boolean; - } - -// @public (undocumented) -export const DetailsRowCheck: React.FunctionComponent; - -// @public -export const DetailsRowFields: React.FunctionComponent; - -// @public (undocumented) -export const DetailsRowGlobalClassNames: { - root: string; - compact: string; - cell: string; - cellAnimation: string; - cellCheck: string; - check: string; - cellMeasurer: string; - listCellFirstChild: string; - isContentUnselectable: string; - isSelected: string; - isCheckVisible: string; - isRowHeader: string; - fields: string; -}; - -// @public (undocumented) -export const DocumentCard: React.FunctionComponent; - -// @public (undocumented) -export const DocumentCardActions: React.FunctionComponent; - -// @public (undocumented) -export const DocumentCardActivity: React.FunctionComponent; - -// @public (undocumented) -export const DocumentCardDetails: React.FunctionComponent; - -// @public (undocumented) -export const DocumentCardImage: React.FunctionComponent; - -// @public (undocumented) -export const DocumentCardLocation: React.FunctionComponent; - -// @public (undocumented) -export const DocumentCardLogo: React.FunctionComponent; - -// @public (undocumented) -export const DocumentCardPreview: React.FunctionComponent; - -// @public (undocumented) -export const DocumentCardStatus: React.FunctionComponent; - -// @public (undocumented) -export const DocumentCardTitle: React.FunctionComponent; - -// @public (undocumented) -export enum DocumentCardType { - compact = 1, - normal = 0 -} - -// @public (undocumented) -export const Dropdown: React.FunctionComponent; - -// @public (undocumented) -export const DropdownBase: React.FunctionComponent; - -export { DropdownMenuItemType } - -// @public (undocumented) -export const getDetailsRowStyles: (props: IDetailsRowStyleProps) => IDetailsRowStyles; - -// @public (undocumented) -export const GroupedList: React.FunctionComponent; - -// @public (undocumented) -export class GroupedListBase extends React.Component implements IGroupedList { - constructor(props: IGroupedListProps); + get inputText(): string; // (undocumented) - componentDidMount(): void; + protected isComponentMounted: boolean; // (undocumented) - static defaultProps: { - selectionMode: SelectionMode; - isHeaderVisible: boolean; - groupProps: {}; - compact: boolean; - }; + get isSuggestionsShown(): boolean; // (undocumented) - forceUpdate(): void; + protected onChange(item: T): void; // (undocumented) - static getDerivedStateFromProps(nextProps: IGroupedListProps, previousState: IGroupedListState): IGroupedListState; + protected onKeyDown: (ev: MouseEvent) => void; // (undocumented) - getStartItemIndexInView(): number; + onQueryStringChanged: (queryString: string) => void; + // (undocumented) + protected onSelectionChange(): void; + // (undocumented) + protected onSuggestionClick: (ev: React.MouseEvent, item: T, index: number) => void; + // (undocumented) + protected onSuggestionRemove: (ev: React.MouseEvent, item: T, index: number) => void; // (undocumented) render(): JSX.Element; // (undocumented) - scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void; + protected renderSuggestions(): JSX.Element | null; // (undocumented) - toggleCollapseAll(allCollapsed: boolean): void; - } - -// @public (undocumented) -export class GroupedListSection extends React.Component { - constructor(props: IGroupedListSectionProps); + protected root: React.RefObject; // (undocumented) - componentDidMount(): void; + protected selection: Selection; // (undocumented) - componentDidUpdate(previousProps: IGroupedListSectionProps): void; + showPicker: (updateValue?: boolean) => void; // (undocumented) - componentWillUnmount(): void; + get suggestions(): any[]; // (undocumented) - forceListUpdate(): void; + protected suggestionsControl: React.RefObject>; // (undocumented) - forceUpdate(): void; + protected SuggestionsControlOfProperType: new (props: ISuggestionsControlProps) => SuggestionsControl; // (undocumented) - render(): JSX.Element; - } + protected suggestionStore: SuggestionsStore; + // (undocumented) + updateSuggestions(suggestions: T[], forceUpdate?: boolean): void; + // (undocumented) + protected updateSuggestionsList(suggestions: T[] | PromiseLike): void; + // (undocumented) + protected updateSuggestionWithZeroState(): void; + // (undocumented) + protected updateValue(updatedValue: string): void; +} // @public (undocumented) -export const GroupFooter: React.FunctionComponent; +export class BasePeoplePicker extends BasePicker { +} // @public (undocumented) -export const GroupHeader: React.FunctionComponent; +export class BasePeopleSelectedItemsList extends BaseSelectedItemsList { +} // @public (undocumented) -export const GroupShowAll: React.FunctionComponent; - -// @public (undocumented) -export const GroupSpacer: React.FunctionComponent; - -// @public (undocumented) -export interface IBreadcrumb { +export class BasePicker> extends React.Component implements IBasePicker { + constructor(basePickerProps: P); + // (undocumented) + protected addItem: (item: T) => void; + // (undocumented) + protected addItemByIndex: (index: number) => void; + // (undocumented) + protected _ariaMap: IPickerAriaIds; + // (undocumented) + protected canAddItems(): boolean; + // (undocumented) + protected completeSelection: (item: T) => void; + // (undocumented) + completeSuggestion(forceComplete?: boolean): void; + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentDidUpdate(oldProps: P, oldState: IBasePickerState): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + protected currentPromise: PromiseLike | undefined; + // (undocumented) + dismissSuggestions: (ev?: any) => void; + // (undocumented) focus(): void; -} - -// @public @deprecated (undocumented) -export type IBreadCrumbData = IBreadcrumbData; - -// @public (undocumented) -export interface IBreadcrumbData { // (undocumented) - props: IBreadcrumbProps; + focusInput(): void; // (undocumented) - renderedItems: IBreadcrumbItem[]; + protected focusZone: React.RefObject; // (undocumented) - renderedOverflowItems: IBreadcrumbItem[]; -} - -// @public (undocumented) -export interface IBreadcrumbItem extends React.AllHTMLAttributes { - as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'a'; - href?: string; - isCurrentItem?: boolean; - key: string; - onClick?: (ev?: React.MouseEvent, item?: IBreadcrumbItem) => void; - role?: string; - text: string; -} - -// @public (undocumented) -export interface IBreadcrumbProps extends React.HTMLAttributes { - ariaLabel?: string; - className?: string; - componentRef?: IRefObject; - dividerAs?: IComponentAs; - focusZoneProps?: IFocusZoneProps; - items: IBreadcrumbItem[]; - maxDisplayedItems?: number; - onGrowData?: (data: IBreadcrumbData) => IBreadcrumbData | undefined; - onReduceData?: (data: IBreadcrumbData) => IBreadcrumbData | undefined; - onRenderItem?: IRenderFunction; - onRenderOverflowIcon?: IRenderFunction; - overflowAriaLabel?: string; - overflowButtonAs?: IComponentAs; - overflowIndex?: number; + protected getActiveDescendant(): string | undefined; // (undocumented) - styles?: IStyleFunctionOrObject; + static getDerivedStateFromProps(newProps: IBasePickerProps): { + items: any[]; + } | null; // (undocumented) - theme?: ITheme; - tooltipHostProps?: ITooltipHostProps; -} + protected getSuggestionsAlert(suggestionAlertClassName?: string): JSX.Element | undefined; + // (undocumented) + protected input: React.RefObject; + // (undocumented) + get items(): T[]; + // (undocumented) + protected onBackspace(ev: React.KeyboardEvent): void; + // (undocumented) + protected onBlur: (ev: React.FocusEvent) => void; + // (undocumented) + protected onChange(items?: T[]): void; + protected onClick: (ev: React.MouseEvent) => void; + protected onEmptyInputFocus(): void; + // (undocumented) + protected onGetMoreResults: () => void; + // (undocumented) + protected onInputBlur: (ev: React.FocusEvent) => void; + // (undocumented) + protected onInputChange: (value: string) => void; + // (undocumented) + protected onInputFocus: (ev: React.FocusEvent) => void; + // (undocumented) + protected onItemChange: (changedItem: T, index: number) => void; + // (undocumented) + protected onKeyDown: (ev: React.KeyboardEvent) => void; + // (undocumented) + protected onSelectionChange(): void; + // (undocumented) + protected onSuggestionClick: (ev: React.MouseEvent, item: any, index: number) => void; + // (undocumented) + protected onSuggestionRemove: (ev: React.MouseEvent, item: T, index: number) => void; + // (undocumented) + protected onSuggestionSelect(): void; + // (undocumented) + refocusSuggestions: (keyCode: number) => void; + // (undocumented) + protected removeItem: (item: IPickerItemProps, focusNextItem?: boolean | undefined) => void; + // (undocumented) + protected removeItems: (itemsToRemove: any[]) => void; + // (undocumented) + render(): JSX.Element; + // (undocumented) + protected renderItems(): JSX.Element[]; + // (undocumented) + protected renderSuggestions(): JSX.Element | null; + // (undocumented) + protected resetFocus(index?: number): void; + // (undocumented) + protected resolveNewValue(updatedValue: string, suggestions: T[]): void; + // (undocumented) + protected root: React.RefObject; + // (undocumented) + protected selection: Selection; + // (undocumented) + protected _shouldFocusZoneEnterInnerZone: (ev: React.KeyboardEvent) => boolean; + // (undocumented) + protected suggestionElement: React.RefObject>; + // @deprecated (undocumented) + protected SuggestionOfProperType: new (props: ISuggestionsProps) => Suggestions; + // (undocumented) + protected suggestionStore: SuggestionsController; + // (undocumented) + protected updateSuggestions(suggestions: any[]): void; + // (undocumented) + protected updateSuggestionsList(suggestions: T[] | PromiseLike, updatedValue?: string): void; + // (undocumented) + protected updateValue(updatedValue: string): void; + } // @public (undocumented) -export interface IBreadcrumbStyleProps { +export class BasePickerListBelow> extends BasePicker { // (undocumented) - className?: string; + protected onBackspace(ev: React.KeyboardEvent): void; // (undocumented) - theme: ITheme; + render(): JSX.Element; } // @public (undocumented) -export interface IBreadcrumbStyles { +export class BaseSelectedItemsList> extends React.Component> implements IBaseSelectedItemsList { + constructor(basePickerProps: P); // (undocumented) - chevron: IStyle; + addItems: (items: T[]) => void; // (undocumented) - item: IStyle; + componentDidMount(): void; // (undocumented) - itemLink: IStyle; + componentDidUpdate(oldProps: P, oldState: IBaseSelectedItemsListState): void; // (undocumented) - list: IStyle; + protected copyItems(items: T[]): void; // (undocumented) - listItem: IStyle; + static getDerivedStateFromProps(newProps: IBaseSelectedItemsListProps): { + items: any[]; + } | null; // (undocumented) - overflow: IStyle; + hasSelectedItems(): boolean; // (undocumented) - overflowButton: IStyle; + highlightedItems(): T[]; // (undocumented) - root: IStyle; + get items(): T[]; + // (undocumented) + protected onChange(items?: T[]): void; + // (undocumented) + onCopy: (ev: React.ClipboardEvent) => void; + // (undocumented) + protected onItemChange: (changedItem: T, index: number) => void; + // (undocumented) + protected onSelectionChanged: () => void; + // (undocumented) + removeItem: (item: T) => void; + // (undocumented) + removeItemAt: (index: number) => void; + // (undocumented) + removeItems: (itemsToRemove: any[]) => void; + // (undocumented) + removeSelectedItems(): void; + // (undocumented) + render(): any; + // (undocumented) + protected renderItems: () => JSX.Element[]; + // (undocumented) + replaceItem: (itemToReplace: T, itemsToReplaceWith: T[]) => void; + // (undocumented) + protected root: HTMLElement; + // (undocumented) + protected get selection(): Selection; + // (undocumented) + unselectAll(): void; + updateItems(items: T[], focusIndex?: number): void; } // @public (undocumented) -export interface ICellStyleProps { +export enum BaseSlots { // (undocumented) - cellExtraRightPadding: number; + backgroundColor = 1, // (undocumented) - cellLeftPadding: number; + foregroundColor = 2, // (undocumented) - cellRightPadding: number; + primaryColor = 0 } // @public (undocumented) -export interface IColumn { - ariaLabel?: string; - calculatedWidth?: number; - className?: string; - columnActionsMode?: ColumnActionsMode; - currentWidth?: number; - data?: any; - fieldName?: string; - filterAriaLabel?: string; - getValueKey?: (item?: any, index?: number, column?: IColumn) => string; - groupAriaLabel?: string; - headerClassName?: string; - iconClassName?: string; - iconName?: string; - // @deprecated - isCollapsable?: boolean; - isCollapsible?: boolean; - isFiltered?: boolean; - isGrouped?: boolean; - isIconOnly?: boolean; - isMenuOpen?: boolean; - isMultiline?: boolean; - isPadded?: boolean; - isResizable?: boolean; - isRowHeader?: boolean; - isSorted?: boolean; - isSortedDescending?: boolean; - key: string; - maxWidth?: number; - minWidth: number; - name: string; - onColumnClick?: (ev: React.MouseEvent, column: IColumn) => void; - onColumnContextMenu?: (column?: IColumn, ev?: React.MouseEvent) => void; - onColumnResize?: (width?: number) => void; - onRender?: (item?: any, index?: number, column?: IColumn) => any; - onRenderDivider?: IRenderFunction; - sortAscendingAriaLabel?: string; - sortDescendingAriaLabel?: string; - styles?: IStyleFunctionOrObject; -} +export const Breadcrumb: React.FunctionComponent; // @public (undocumented) -export interface IColumnDragDropDetails { - draggedIndex: number; - targetIndex: number; -} +export class BreadcrumbBase extends React.Component { + constructor(props: IBreadcrumbProps); + // (undocumented) + static defaultProps: IBreadcrumbProps; + focus(): void; + // (undocumented) + render(): JSX.Element; + } // @public (undocumented) -export interface IColumnReorderHeaderProps extends IColumnReorderOptions { - onColumnDragEnd?: (props: { - dropLocation?: ColumnDragEndLocation; - }, event: MouseEvent) => void; -} +export function buildColumns(items: any[], canResizeColumns?: boolean, onColumnClick?: (ev: React.MouseEvent, column: IColumn) => void, sortedColumnKey?: string, isSortedDescending?: boolean, groupedColumnKey?: string, isMultiline?: boolean): IColumn[]; -// @public (undocumented) -export interface IColumnReorderOptions { - frozenColumnCountFromEnd?: number; - frozenColumnCountFromStart?: number; - // @deprecated - handleColumnReorder?: (draggedIndex: number, targetIndex: number) => void; - onColumnDragStart?: (dragStarted: boolean) => void; - onColumnDrop?: (dragDropDetails: IColumnDragDropDetails) => void; - onDragEnd?: (columnDropLocationDetails: ColumnDragEndLocation) => void; -} +// @public +export function buildKeytipConfigMap(config: IKeytipConfig): IKeytipConfigMap; -// @public (undocumented) -export interface IColumnResizeDetails { - // (undocumented) - columnIndex: number; - // (undocumented) - columnMinWidth: number; +// @public @deprecated +export class Button extends React.Component { + constructor(props: IButtonProps); // (undocumented) - originX?: number; + render(): JSX.Element; } // @public (undocumented) -export interface IComboBox { - dismissMenu: () => void; - focus(shouldOpenOnFocus?: boolean, useFocusAsync?: boolean): boolean; - readonly selectedOptions: IComboBoxOption[]; -} +export const ButtonGrid: React.FunctionComponent; // @public (undocumented) -export interface IComboBoxClassNames { - // (undocumented) - callout: string; - // (undocumented) - container: string; - // (undocumented) - divider: string; - // (undocumented) - errorMessage: string; +export const ButtonGridCell: >(props: IButtonGridCellProps) => JSX.Element; + +// @public (undocumented) +export enum ButtonType { // (undocumented) - header: string; + command = 4, // (undocumented) - input: string; + compound = 3, // (undocumented) - label: string; + default = 6, // (undocumented) - optionsContainer: string; + hero = 2, // (undocumented) - optionsContainerWrapper: string; + icon = 5, // (undocumented) - root: string; + normal = 0, // (undocumented) - screenReaderText: string; + primary = 1 } // @public (undocumented) -export interface IComboBoxOption extends ISelectableOption { - styles?: Partial; - useAriaLabelAsText?: boolean; -} +export const Calendar: React.FunctionComponent; // @public (undocumented) -export interface IComboBoxOptionClassNames { - // (undocumented) - optionText: string; - // (undocumented) - optionTextWrapper: string; - // (undocumented) - root: string; -} +export const Callout: React.FunctionComponent; // @public (undocumented) -export interface IComboBoxOptionStyles extends IButtonStyles { - optionText: IStyle; - optionTextWrapper: IStyle; -} +export const CalloutContent: import("react").FunctionComponent; // @public (undocumented) -export interface IComboBoxProps extends ISelectableDroppableTextProps, React.RefAttributes { - allowFreeform?: boolean; - ariaDescribedBy?: string; - autoComplete?: 'on' | 'off'; - autofill?: IAutofillProps; - buttonIconProps?: IIconProps; - caretDownButtonStyles?: Partial; - comboBoxOptionStyles?: Partial; - componentRef?: IRefObject; - dropdownMaxWidth?: number; - dropdownWidth?: number; - getClassNames?: (theme: ITheme, isOpen: boolean, disabled: boolean, required: boolean, focused: boolean, allowFreeForm: boolean, hasErrorMessage: boolean, className?: string) => IComboBoxClassNames; - iconButtonProps?: IButtonProps; - isButtonAriaHidden?: boolean; - multiSelectDelimiter?: string; - onChange?: (event: React.FormEvent, option?: IComboBoxOption, index?: number, value?: string) => void; - onItemClick?: (event: React.FormEvent, option?: IComboBoxOption, index?: number) => void; - onMenuDismiss?: () => void; - onMenuDismissed?: () => void; - onMenuOpen?: () => void; - onPendingValueChanged?: (option?: IComboBoxOption, index?: number, value?: string) => void; - onRenderLabel?: IRenderFunction; - onRenderLowerContent?: IRenderFunction; - onRenderUpperContent?: IRenderFunction; - onResolveOptions?: (options: IComboBoxOption[]) => IComboBoxOption[] | PromiseLike; - onScrollToItem?: (itemIndex: number) => void; - options: IComboBoxOption[]; - persistMenu?: boolean; - scrollSelectedToTop?: boolean; - shouldRestoreFocus?: boolean; - styles?: Partial; - text?: string; - theme?: ITheme; - useComboBoxAsMenuWidth?: boolean; -} +export const CalloutContentBase: React.FunctionComponent; + +// @public +export function canAnyMenuItemsCheck(items: IContextualMenuItem[]): boolean; // @public (undocumented) -export interface IComboBoxState { - currentPendingValue?: string; - currentPendingValueValidIndex: number; - currentPendingValueValidIndexOnHover: number; - focusState?: 'none' | 'focused' | 'focusing'; - isOpen?: boolean; -} +export const Check: React.FunctionComponent; // @public (undocumented) -export interface IComboBoxStyles { - callout: IStyle; - container: IStyle; - divider: IStyle; - errorMessage: IStyle; - header: IStyle; - input: IStyle; - inputDisabled: IStyle; - label: IStyle; - labelDisabled: IStyle; - optionsContainer: IStyle; - optionsContainerWrapper: IStyle; - root: IStyle; - rootDisabled: IStyle; - rootDisallowFreeForm: IStyle; - rootError: IStyle; - rootFocused: IStyle; - rootHovered: IStyle; - rootPressed: IStyle; - screenReaderText: IStyle; +export const CheckBase: React.FunctionComponent; + +// @public (undocumented) +export const Checkbox: React.FunctionComponent; + +// @public (undocumented) +export const CheckboxBase: React.FunctionComponent; + +// @public (undocumented) +export enum CheckboxVisibility { + always = 1, + hidden = 2, + onHover = 0 } // @public (undocumented) -export interface IDetailsCheckboxProps { +export const ChoiceGroup: React.FunctionComponent; + +// @public (undocumented) +export const ChoiceGroupBase: React.FunctionComponent; + +// @public (undocumented) +export const ChoiceGroupOption: React.FunctionComponent; + +// @public +export function clamp(value: number, max: number, min?: number): number; + +// @public (undocumented) +export const Coachmark: React.FunctionComponent; + +// @public (undocumented) +export const COACHMARK_ATTRIBUTE_NAME = "data-coachmarkid"; + +// @public (undocumented) +export const CoachmarkBase: React.FunctionComponent; + +// @public (undocumented) +export enum CollapseAllVisibility { // (undocumented) - checked: boolean; + hidden = 0, // (undocumented) - theme?: ITheme; + visible = 1 } // @public (undocumented) -export interface IDetailsColumnProps extends React.ClassAttributes { - cellStyleProps?: ICellStyleProps; - column: IColumn; - columnIndex: number; - componentRef?: () => void; - dragDropHelper?: IDragDropHelper | null; - isDraggable?: boolean; - isDropped?: boolean; - onColumnClick?: (ev: React.MouseEvent, column: IColumn) => void; - onColumnContextMenu?: (column: IColumn, ev: React.MouseEvent) => void; - onRenderColumnHeaderTooltip?: IRenderFunction; - parentId?: string; - // @deprecated (undocumented) - setDraggedItemIndex?: (itemIndex: number) => void; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - updateDragInfo?: (props: { - itemIndex: number; - }, event?: MouseEvent) => void; - useFastIcons?: boolean; -} +export const ColorPicker: React.FunctionComponent; // @public (undocumented) -export interface IDetailsColumnRenderTooltipProps extends ITooltipHostProps { - column?: IColumn; -} +export class ColorPickerBase extends React.Component implements IColorPicker { + constructor(props: IColorPickerProps); + // (undocumented) + get color(): IColor; + // (undocumented) + componentDidUpdate(prevProps: Readonly, prevState: Readonly): void; + // (undocumented) + static defaultProps: Partial; + // (undocumented) + render(): JSX.Element; + } // @public (undocumented) -export type IDetailsColumnStyleProps = Required> & { - headerClassName?: string; - isActionable?: boolean; - isEmpty?: boolean; - isIconVisible?: boolean; - isPadded?: boolean; - isIconOnly?: boolean; - iconClassName?: string; - transitionDurationDrag?: number; - transitionDurationDrop?: number; -}; +export const ColorPickerGridCell: React.FunctionComponent; // @public (undocumented) -export interface IDetailsColumnStyles { - accessibleLabel: IStyle; - borderAfterDropping: IStyle; - borderWhileDragging: IStyle; - cellName: IStyle; - cellTitle: IStyle; - cellTooltip: IStyle; - filterChevron: IStyle; - gripperBarVerticalStyle: IStyle; - iconClassName: IStyle; - nearIcon: IStyle; - noBorderAfterDropping: IStyle; - noBorderWhileDragging: IStyle; - root: IStyle; - sortIcon: IStyle; +export const ColorPickerGridCellBase: React.FunctionComponent; + +// @public +export enum ColumnActionsMode { + clickable = 1, + disabled = 0, + hasDropdown = 2 } -// @public (undocumented) -export interface IDetailsFooterBaseProps extends IDetailsItemProps { +// @public +export enum ColumnDragEndLocation { + header = 2, + outside = 0, + surface = 1 } // @public (undocumented) -export interface IDetailsFooterProps extends IDetailsFooterBaseProps { - columns: IColumn[]; - selection: ISelection; - selectionMode: SelectionMode; -} +export const ComboBox: React.FunctionComponent; // @public (undocumented) -export interface IDetailsGroupDividerProps extends IGroupDividerProps, IDetailsItemProps { -} +export const CommandBar: React.FunctionComponent; // @public (undocumented) -export interface IDetailsGroupRenderProps extends IGroupRenderProps { +export class CommandBarBase extends React.Component implements ICommandBar { + constructor(props: ICommandBarProps); // (undocumented) - onRenderFooter?: IRenderFunction; + static defaultProps: ICommandBarProps; // (undocumented) - onRenderHeader?: IRenderFunction; -} + focus(): void; + // (undocumented) + remeasure(): void; + // (undocumented) + render(): JSX.Element; + } // @public (undocumented) -export interface IDetailsHeader { - focus: () => boolean; +export class CommandBarButton extends React.Component { + // (undocumented) + render(): JSX.Element; } // @public (undocumented) -export interface IDetailsHeaderBaseProps extends React.ClassAttributes, IDetailsItemProps { - ariaLabel?: string; - ariaLabelForSelectAllCheckbox?: string; - ariaLabelForSelectionColumn?: string; - ariaLabelForToggleAllGroupsButton?: string; - className?: string; - collapseAllVisibility?: CollapseAllVisibility; - columnReorderOptions?: IColumnReorderOptions; - columnReorderProps?: IColumnReorderHeaderProps; - componentRef?: IRefObject; - isAllCollapsed?: boolean; - layoutMode: DetailsListLayoutMode; - minimumPixelsForDrag?: number; - onColumnAutoResized?: (column: IColumn, columnIndex: number) => void; - onColumnClick?: (ev: React.MouseEvent, column: IColumn) => void; - onColumnContextMenu?: (column: IColumn, ev: React.MouseEvent) => void; - onColumnIsSizingChanged?: (column: IColumn, isSizing: boolean) => void; - onColumnResized?: (column: IColumn, newWidth: number, columnIndex: number) => void; - onRenderColumnHeaderTooltip?: IRenderFunction; - onRenderDetailsCheckbox?: IRenderFunction; - onToggleCollapseAll?: (isAllCollapsed: boolean) => void; - selectAllVisibility?: SelectAllVisibility; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - useFastIcons?: boolean; -} +export const CommandButton: typeof ActionButton; // @public (undocumented) -export interface IDetailsHeaderProps extends IDetailsHeaderBaseProps { - columns: IColumn[]; - selection: ISelection; - selectionMode: SelectionMode; +export const CompactPeoplePicker: React.FunctionComponent; + +// @public +export class CompactPeoplePickerBase extends BasePeoplePicker { + static defaultProps: { + onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element; + onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps | undefined) => JSX.Element; + createGenericItem: typeof createGenericItem; + }; } // @public (undocumented) -export interface IDetailsHeaderState { - // (undocumented) - columnResizeDetails?: IColumnResizeDetails; - // (undocumented) - isAllCollapsed?: boolean; - // (undocumented) - isAllSelected?: boolean; +export class CompoundButton extends React.Component { // (undocumented) - isSizing?: boolean; + render(): JSX.Element; } // @public (undocumented) -export type IDetailsHeaderStyleProps = Required> & Pick & { - isSelectAllHidden?: boolean; - isAllSelected?: boolean; - isResizingColumn?: boolean; - isAllCollapsed?: boolean; - isSizing?: boolean; - isCheckboxHidden?: boolean; - cellStyleProps?: ICellStyleProps; -}; +export enum ConstrainMode { + horizontalConstrained = 1, + unconstrained = 0 +} + +// @public +export function constructKeytip(configMap: IKeytipConfigMap, parentSequence: string[], keytip: IKeytipConfigItem): void; + +// @public +export const ContextualMenu: React.FunctionComponent; // @public (undocumented) -export interface IDetailsHeaderStyles { +export const ContextualMenuBase: React.FunctionComponent; + +// @public +export const ContextualMenuItem: React.FunctionComponent; + +// @public (undocumented) +export class ContextualMenuItemBase extends React.Component { + constructor(props: IContextualMenuItemProps); // (undocumented) - accessibleLabel: IStyle; - // @deprecated (undocumented) - cellIsActionable: IStyle; + dismissMenu: (dismissAll?: boolean | undefined) => void; // (undocumented) - cellIsCheck: IStyle; - // @deprecated (undocumented) - cellIsEmpty: IStyle; + dismissSubMenu: () => void; // (undocumented) - cellIsGroupExpander: IStyle; + openSubMenu: () => void; // (undocumented) - cellIsResizing: IStyle; + render(): JSX.Element; + } + +// @public (undocumented) +export enum ContextualMenuItemType { // (undocumented) - cellSizer: IStyle; + Divider = 1, // (undocumented) - cellSizerEnd: IStyle; + Header = 2, // (undocumented) - cellSizerStart: IStyle; - // @deprecated (undocumented) - cellWrapperPadded: IStyle; + Normal = 0, + // (undocumented) + Section = 3 +} + +// @public +export function correctHex(hex: string): string; + +// @public +export function correctHSV(color: IHSV): IHSV; + +// @public +export function correctRGB(color: IRGB): IRGB; + +// @public (undocumented) +export function createGenericItem(name: string, currentValidationState: ValidationState): IGenericItem & { + key: React.Key; +}; + +// @public (undocumented) +export function createItem(name: string, isValid: boolean): ISuggestionModel; + +// @public +export function cssColor(color?: string): IRGB | undefined; + +// @public (undocumented) +export const DATAKTP_ARIA_TARGET = "data-ktp-aria-target"; + +// @public (undocumented) +export const DATAKTP_EXECUTE_TARGET = "data-ktp-execute-target"; + +// @public (undocumented) +export const DATAKTP_TARGET = "data-ktp-target"; + +// @public (undocumented) +export const DatePicker: React.FunctionComponent; + +// @public (undocumented) +export const DatePickerBase: React.FunctionComponent; + +export { DateRangeType } + +export { DayOfWeek } + +// @public (undocumented) +export const DEFAULT_CELL_STYLE_PROPS: ICellStyleProps; + +// @public (undocumented) +export const DEFAULT_MASK_CHAR = "_"; + +// @public (undocumented) +export const DEFAULT_ROW_HEIGHTS: { + rowHeight: number; + compactRowHeight: number; +}; + +// @public (undocumented) +export class DefaultButton extends React.Component { + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export const defaultCalendarNavigationIcons: ICalendarNavigationIcons; + +// @public (undocumented) +export const defaultCalendarStrings: ICalendarStrings; + +// @public (undocumented) +export const defaultDatePickerStrings: IDatePickerStrings; + +// @public @deprecated (undocumented) +export const defaultDayPickerStrings: ICalendarStrings; + +// @public (undocumented) +export const defaultWeeklyDayPickerNavigationIcons: IWeeklyDayPickerNavigationIcons; + +// @public (undocumented) +export const defaultWeeklyDayPickerStrings: IWeeklyDayPickerStrings; + +// @public +export class DetailsColumnBase extends React.Component { + constructor(props: IDetailsColumnProps); + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentDidUpdate(): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + render(): JSX.Element; + } + +// @public (undocumented) +export const DetailsHeader: React.FunctionComponent; + +// @public (undocumented) +export class DetailsHeaderBase extends React.Component implements IDetailsHeader { + constructor(props: IDetailsHeaderBaseProps); + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentDidUpdate(prevProps: IDetailsHeaderBaseProps): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + static defaultProps: { + selectAllVisibility: SelectAllVisibility; + collapseAllVisibility: CollapseAllVisibility; + useFastIcons: boolean; + }; + focus(): boolean; + // (undocumented) + render(): JSX.Element; + } + +// @public (undocumented) +export const DetailsList: React.FunctionComponent; + +// @public (undocumented) +export class DetailsListBase extends React.Component implements IDetailsList { + constructor(props: IDetailsListProps); + // (undocumented) + componentDidUpdate(prevProps: IDetailsListProps, prevState: IDetailsListState): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + static defaultProps: { + layoutMode: DetailsListLayoutMode; + selectionMode: SelectionMode; + constrainMode: ConstrainMode; + checkboxVisibility: CheckboxVisibility; + isHeaderVisible: boolean; + compact: boolean; + useFastIcons: boolean; + }; + // (undocumented) + focusIndex(index: number, forceIntoFirstElement?: boolean, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void; + // (undocumented) + forceUpdate(): void; + // (undocumented) + static getDerivedStateFromProps(nextProps: IDetailsListProps, previousState: IDetailsListState): IDetailsListState; + // (undocumented) + getStartItemIndexInView(): number; + // (undocumented) + protected _onRenderRow: (props: IDetailsRowProps, defaultRender?: IRenderFunction | undefined) => JSX.Element; + // (undocumented) + render(): JSX.Element; + // (undocumented) + scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void; + } + +// @public (undocumented) +export enum DetailsListLayoutMode { + fixedColumns = 0, + justified = 1 +} + +// @public (undocumented) +export const DetailsRow: React.FunctionComponent; + +// @public (undocumented) +export class DetailsRowBase extends React.Component { + constructor(props: IDetailsRowBaseProps); + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentDidUpdate(previousProps: IDetailsRowBaseProps): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + focus(forceIntoFirstElement?: boolean): boolean; + // (undocumented) + static getDerivedStateFromProps(nextProps: IDetailsRowBaseProps, previousState: IDetailsRowState): IDetailsRowState; + measureCell(index: number, onMeasureDone: (width: number) => void): void; + // (undocumented) + protected _onRenderCheck(props: IDetailsRowCheckProps): JSX.Element; + // (undocumented) + render(): JSX.Element; + // (undocumented) + shouldComponentUpdate(nextProps: IDetailsRowBaseProps, nextState: IDetailsRowState): boolean; + } + +// @public (undocumented) +export const DetailsRowCheck: React.FunctionComponent; + +// @public +export const DetailsRowFields: React.FunctionComponent; + +// @public (undocumented) +export const DetailsRowGlobalClassNames: { + root: string; + compact: string; + cell: string; + cellAnimation: string; + cellCheck: string; + check: string; + cellMeasurer: string; + listCellFirstChild: string; + isContentUnselectable: string; + isSelected: string; + isCheckVisible: string; + isRowHeader: string; + fields: string; +}; + +// @public (undocumented) +export const Dialog: React.FunctionComponent; + +// @public (undocumented) +export class DialogBase extends React.Component { + constructor(props: IDialogProps); + // (undocumented) + static defaultProps: IDialogProps; + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export const DialogContent: React.FunctionComponent; + +// @public (undocumented) +export class DialogContentBase extends React.Component { + constructor(props: IDialogContentProps); + // (undocumented) + static defaultProps: IDialogContentProps; + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export const DialogFooter: React.FunctionComponent; + +// @public (undocumented) +export class DialogFooterBase extends React.Component { + constructor(props: IDialogFooterProps); + // (undocumented) + render(): JSX.Element; + } + +// @public (undocumented) +export enum DialogType { + close = 2, + largeHeader = 1, + normal = 0 +} + +// @public (undocumented) +export const DirectionalHint: { + topLeftEdge: 0; + topCenter: 1; + topRightEdge: 2; + topAutoEdge: 3; + bottomLeftEdge: 4; + bottomCenter: 5; + bottomRightEdge: 6; + bottomAutoEdge: 7; + leftTopEdge: 8; + leftCenter: 9; + leftBottomEdge: 10; + rightTopEdge: 11; + rightCenter: 12; + rightBottomEdge: 13; +}; + +// @public (undocumented) +export type DirectionalHint = typeof DirectionalHint[keyof typeof DirectionalHint]; + +// @public (undocumented) +export const DocumentCard: React.FunctionComponent; + +// @public (undocumented) +export const DocumentCardActions: React.FunctionComponent; + +// @public (undocumented) +export const DocumentCardActivity: React.FunctionComponent; + +// @public (undocumented) +export const DocumentCardDetails: React.FunctionComponent; + +// @public (undocumented) +export const DocumentCardImage: React.FunctionComponent; + +// @public (undocumented) +export const DocumentCardLocation: React.FunctionComponent; + +// @public (undocumented) +export const DocumentCardLogo: React.FunctionComponent; + +// @public (undocumented) +export const DocumentCardPreview: React.FunctionComponent; + +// @public (undocumented) +export const DocumentCardStatus: React.FunctionComponent; + +// @public (undocumented) +export const DocumentCardTitle: React.FunctionComponent; + +// @public (undocumented) +export enum DocumentCardType { + compact = 1, + normal = 0 +} + +// @public (undocumented) +export class DragDropHelper implements IDragDropHelper { + constructor(params: IDragDropHelperParams); + // (undocumented) + dispose(): void; + // (undocumented) + subscribe(root: HTMLElement, events: EventGroup, dragDropOptions: IDragDropOptions): { + key: string; + dispose(): void; + }; + // (undocumented) + unsubscribe(root: HTMLElement, key: string): void; +} + +// @public (undocumented) +export const Dropdown: React.FunctionComponent; + +// @public (undocumented) +export const DropdownBase: React.FunctionComponent; + +// @public (undocumented) +export enum ElementType { + anchor = 1, + button = 0 +} + +// @public (undocumented) +export const ExpandingCard: React.FunctionComponent; + +// @public (undocumented) +export class ExpandingCardBase extends React.Component { + constructor(props: IExpandingCardProps); + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + static defaultProps: { + compactCardHeight: number; + expandedCardHeight: number; + directionalHintFixed: boolean; + }; + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export enum ExpandingCardMode { + compact = 0, + expanded = 1 +} + +// @public (undocumented) +export class ExtendedPeoplePicker extends BaseExtendedPeoplePicker { +} + +// @public (undocumented) +export class ExtendedSelectedItem extends React.Component { + constructor(props: ISelectedPeopleItemProps); + // (undocumented) + protected persona: React.RefObject; + // (undocumented) + render(): JSX.Element; +} + +// @public @deprecated (undocumented) +export const Fabric: React.FunctionComponent; + +// @public (undocumented) +export const FabricBase: React.FunctionComponent; + +// @public (undocumented) +export enum FabricSlots { + // (undocumented) + black = 20, + // (undocumented) + neutralDark = 19, + // (undocumented) + neutralLight = 11, + // (undocumented) + neutralLighter = 10, + // (undocumented) + neutralLighterAlt = 9, + // (undocumented) + neutralPrimary = 18, + // (undocumented) + neutralPrimaryAlt = 17, + // (undocumented) + neutralQuaternary = 13, + // (undocumented) + neutralQuaternaryAlt = 12, + // (undocumented) + neutralSecondary = 16, + // (undocumented) + neutralTertiary = 15, + // (undocumented) + neutralTertiaryAlt = 14, + // (undocumented) + themeDark = 7, + // (undocumented) + themeDarkAlt = 6, + // (undocumented) + themeDarker = 8, + // (undocumented) + themeLight = 3, + // (undocumented) + themeLighter = 2, + // (undocumented) + themeLighterAlt = 1, + // (undocumented) + themePrimary = 0, + // (undocumented) + themeSecondary = 5, + // (undocumented) + themeTertiary = 4, + // (undocumented) + white = 21 +} + +// @public +export const Facepile: React.FunctionComponent; + +// @public +export class FacepileBase extends React.Component { + constructor(props: IFacepileProps); + // (undocumented) + static defaultProps: IFacepileProps; + // (undocumented) + protected onRenderAriaDescription(): "" | JSX.Element | undefined; + // (undocumented) + render(): JSX.Element; + } + +export { FirstWeekOfYear } + +// @public (undocumented) +export class FloatingPeoplePicker extends BaseFloatingPeoplePicker { + // (undocumented) + static defaultProps: any; +} + +// @public +export const FocusTrapCallout: React.FunctionComponent; + +// @public (undocumented) +export const FocusTrapZone: React.FunctionComponent & { + focusStack: string[]; +}; + +// @public +export const FontIcon: React.FunctionComponent; + +// @public (undocumented) +export function getAllSelectedOptions(options: ISelectableOption[], selectedIndices: number[]): ISelectableOption[]; + +// @public +export function getAriaDescribedBy(keySequences: string[]): string; + +// @public (undocumented) +export function getBackgroundShade(color: IColor, shade: Shade, isInverted?: boolean): IColor | null; + +// @public (undocumented) +export function getBoundsFromTargetWindow(target: Element | MouseEvent | Point | null, targetWindow: IWindowWithSegments): IRectangle; + +// @public +export function getColorFromHSV(hsv: IHSV, a?: number): IColor; + +// @public +export function getColorFromRGBA(rgba: IRGB): IColor; + +// @public +export function getColorFromString(inputColor: string): IColor | undefined; + +// @public (undocumented) +export function getContrastRatio(color1: IColor, color2: IColor): number; + +// @public (undocumented) +export const getDetailsRowStyles: (props: IDetailsRowStyleProps) => IDetailsRowStyles; + +// @public +export const getFontIcon: (iconName: string, className?: string | undefined, ariaLabel?: string | undefined) => React.ReactElement | null; + +// @public +export function getFullColorString(color: IColor): string; + +// @public (undocumented) +export const getIconContent: (iconName?: string | undefined) => IIconContent | null; + +// @public +export function getMaxHeight(target: Element | MouseEvent | Point, targetEdge: DirectionalHint, gapSpace?: number, bounds?: IRectangle, coverTarget?: boolean): number; + +// @public +export const getMeasurementCache: () => { + getCachedMeasurement: (data: any) => number | undefined; + addMeasurementToCache: (data: any, measurement: number) => void; +}; + +// @public (undocumented) +export const getMenuItemStyles: (theme: ITheme) => IMenuItemStyles; + +// @public +export const getNextResizeGroupStateProvider: (measurementCache?: { + getCachedMeasurement: (data: any) => number | undefined; + addMeasurementToCache: (data: any, measurement: number) => void; +}) => { + getNextState: (props: IResizeGroupProps, currentState: IResizeGroupState, getElementToMeasureDimension: () => number, newContainerDimension?: number | undefined) => IResizeGroupState | undefined; + shouldRenderDataForMeasurement: (dataToMeasure: any) => boolean; + getInitialResizeGroupState: (data: any) => IResizeGroupState; +}; + +// @public +export function getOppositeEdge(edge: RectangleEdge): RectangleEdge; + +// @public +export function getPersonaInitialsColor(props: Pick): string; + +// @public +export function getShade(color: IColor, shade: Shade, isInverted?: boolean): IColor | null; + +// @public (undocumented) +export const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean, expanded: boolean, checked: boolean, primaryDisabled?: boolean | undefined) => ISplitButtonClassNames; + +// @public (undocumented) +export function getSubmenuItems(item: IContextualMenuItem): IContextualMenuItem[] | undefined; + +// @public (undocumented) +export const GroupedList: React.FunctionComponent; + +// @public (undocumented) +export class GroupedListBase extends React.Component implements IGroupedList { + constructor(props: IGroupedListProps); + // (undocumented) + componentDidMount(): void; + // (undocumented) + static defaultProps: { + selectionMode: SelectionMode; + isHeaderVisible: boolean; + groupProps: {}; + compact: boolean; + }; + // (undocumented) + forceUpdate(): void; + // (undocumented) + static getDerivedStateFromProps(nextProps: IGroupedListProps, previousState: IGroupedListState): IGroupedListState; + // (undocumented) + getStartItemIndexInView(): number; + // (undocumented) + render(): JSX.Element; + // (undocumented) + scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void; + // (undocumented) + toggleCollapseAll(allCollapsed: boolean): void; + } + +// @public (undocumented) +export class GroupedListSection extends React.Component { + constructor(props: IGroupedListSectionProps); + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentDidUpdate(previousProps: IGroupedListSectionProps): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + forceListUpdate(): void; + // (undocumented) + forceUpdate(): void; + // (undocumented) + render(): JSX.Element; + } + +// @public (undocumented) +export const GroupFooter: React.FunctionComponent; + +// @public (undocumented) +export const GroupHeader: React.FunctionComponent; + +// @public (undocumented) +export const GroupShowAll: React.FunctionComponent; + +// @public (undocumented) +export const GroupSpacer: React.FunctionComponent; + +// @public +export const HEX_REGEX: RegExp; + +// @public (undocumented) +export const HoverCard: React.FunctionComponent; + +// @public (undocumented) +export class HoverCardBase extends React.Component implements IHoverCard { + constructor(props: IHoverCardProps); + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentDidUpdate(prevProps: IHoverCardProps, prevState: IHoverCardState): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + static defaultProps: { + cardOpenDelay: number; + cardDismissDelay: number; + expandedCardOpenDelay: number; + instantOpenOnClick: boolean; + setInitialFocus: boolean; + openHotKey: number; + type: HoverCardType; + }; + // (undocumented) + dismiss: (withTimeOut?: boolean | undefined) => void; + // (undocumented) + render(): JSX.Element; + } + +// @public (undocumented) +export enum HoverCardType { + expanding = "ExpandingCard", + plain = "PlainCard" +} + +// @public +export function hsl2hsv(h: number, s: number, l: number): IHSV; + +// @public +export function hsl2rgb(h: number, s: number, l: number): IRGB; + +// @public +export function hsv2hex(h: number, s: number, v: number): string; + +// @public +export function hsv2hsl(h: number, s: number, v: number): IHSL; + +// @public +export function hsv2rgb(h: number, s: number, v: number): IRGB; + +// @public (undocumented) +export interface IAccessiblePopupProps { + closeButtonAriaLabel?: string; + elementToFocusOnDismiss?: HTMLElement; + firstFocusableSelector?: string | (() => string); + forceFocusInsideTrap?: boolean; + ignoreExternalFocusing?: boolean; + isClickableOutsideFocusTrap?: boolean; +} + +// @public (undocumented) +export interface IActivityItemProps extends React.AllHTMLAttributes { + activityDescription?: React.ReactNode[] | React.ReactNode; + // @deprecated + activityDescriptionText?: string; + activityIcon?: React.ReactNode; + activityPersonas?: IPersonaSharedProps[]; + animateBeaconSignal?: boolean; + beaconColorOne?: string; + beaconColorTwo?: string; + comments?: React.ReactNode[] | React.ReactNode; + // @deprecated + commentText?: string; + isCompact?: boolean; + onRenderActivityDescription?: IRenderFunction; + onRenderComments?: IRenderFunction; + onRenderIcon?: IRenderFunction; + onRenderTimeStamp?: IRenderFunction; + styles?: IActivityItemStyles; + timeStamp?: string | React.ReactNode[] | React.ReactNode; +} + +// @public (undocumented) +export interface IActivityItemStyles { + activityContent?: IStyle; + activityPersona?: IStyle; + activityText?: IStyle; + activityTypeIcon?: IStyle; + commentText?: IStyle; + doublePersona?: IStyle; + isCompactContent?: IStyle; + isCompactIcon?: IStyle; + isCompactPersona?: IStyle; + isCompactPersonaContainer?: IStyle; + isCompactRoot?: IStyle; + isCompactTimeStamp?: IStyle; + personaContainer?: IStyle; + pulsingBeacon?: IStyle; + root?: IStyle; + timeStamp?: IStyle; +} + +// @public (undocumented) +export interface IAnnouncedProps extends React.Props, React.HTMLAttributes { + 'aria-live'?: 'off' | 'polite' | 'assertive'; + as?: React.ElementType; + message?: string; + styles?: IStyleFunctionOrObject<{}, IAnnouncedStyles>; +} + +// @public (undocumented) +export type IAnnouncedStyleProps = Pick; + +// @public (undocumented) +export interface IAnnouncedStyles { + root: IStyle; + screenReaderText: IStyle; +} + +// @public (undocumented) +export interface IAutofill { + clear(): void; + cursorLocation: number | null; + focus(): void; + inputElement: HTMLInputElement | null; + isValueSelected: boolean; + selectionEnd: number | null; + selectionStart: number | null; + value: string; +} + +// @public (undocumented) +export interface IAutofillProps extends React.InputHTMLAttributes { + componentRef?: IRefObject; + defaultVisibleValue?: string; + enableAutofillOnKeyPress?: KeyCodes[]; + onInputChange?: (value: string, composing: boolean) => string | void; + onInputValueChange?: (newValue?: string, composing?: boolean) => void; + preventValueSelection?: boolean; + shouldSelectFullInputValueInComponentDidUpdate?: () => boolean; + suggestedDisplayValue?: string; + // @deprecated + updateValueInWillReceiveProps?: () => string | null; +} + +// @public (undocumented) +export interface IAutofillState { + // (undocumented) + inputValue: string; +} + +// @public (undocumented) +export interface IBaseButtonProps extends IButtonProps { + // (undocumented) + baseClassName?: string; + // (undocumented) + variantClassName?: string; +} + +// @public (undocumented) +export interface IBaseButtonState { + // (undocumented) + menuHidden: boolean; +} + +// @public (undocumented) +export interface IBaseExtendedPicker { + focus: () => void; + forceResolve?: () => void; + items: T[] | undefined; +} + +// @public (undocumented) +export interface IBaseExtendedPickerProps { + className?: string; + componentRef?: IRefObject>; + currentRenderedQueryString?: string; + defaultSelectedItems?: T[]; + disabled?: boolean; + floatingPickerProps: IBaseFloatingPickerProps; + focusZoneProps?: IFocusZoneProps; + headerComponent?: JSX.Element; + inputProps?: IInputProps; + itemLimit?: number; + onBlur?: React.FocusEventHandler; + onChange?: (items?: T[]) => void; + onFocus?: React.FocusEventHandler; + onItemAdded?: (addedItem: T) => void; + onItemSelected?: (selectedItem?: T) => T | PromiseLike; + onItemsRemoved?: (removedItems: T[]) => void; + onPaste?: (pastedText: string) => T[]; + onRenderFloatingPicker: React.ComponentType>; + onRenderSelectedItems: React.ComponentType>; + selectedItems?: T[]; + selectedItemsListProps: IBaseSelectedItemsListProps; + suggestionItems?: T[]; +} + +// @public (undocumented) +export interface IBaseExtendedPickerState { + // (undocumented) + queryString: string | null; +} + +// @public (undocumented) +export interface IBaseFloatingPicker { + hidePicker: () => void; + inputText: string; + isSuggestionsShown: boolean; + onQueryStringChanged: (input: string) => void; + showPicker: (updateValue?: boolean) => void; + suggestions: any[]; +} + +// @public (undocumented) +export interface IBaseFloatingPickerProps extends React.ClassAttributes { + calloutWidth?: number; + className?: string; + // (undocumented) + componentRef?: IRefObject; + createGenericItem?: (input: string, isValid: boolean) => ISuggestionModel; + getTextFromItem?: (item: T, currentValue?: string) => string; + inputElement?: HTMLInputElement | null; + onChange?: (item: T) => void; + onInputChanged?: (filter: string) => void; + onRemoveSuggestion?: (item: T) => void; + onRenderSuggestionsItem?: (props: T, itemProps: ISuggestionItemProps) => JSX.Element; + onResolveSuggestions: (filter: string, selectedItems?: T[]) => T[] | PromiseLike | null; + onSuggestionsHidden?: () => void; + onSuggestionsShown?: () => void; + onValidateInput?: (input: string) => boolean; + onZeroQuerySuggestion?: (selectedItems?: T[]) => T[] | PromiseLike | null; + pickerCalloutProps?: ICalloutProps; + pickerSuggestionsProps?: IBaseFloatingPickerSuggestionProps; + resolveDelay?: number; + searchingText?: ((props: { + input: string; + }) => string) | string; + selectedItems?: T[]; + showForceResolve?: () => boolean; + suggestionItems?: T[]; + suggestionsStore: SuggestionsStore; +} + +// @public (undocumented) +export interface IBaseFloatingPickerState { + // (undocumented) + didBind: boolean; + // (undocumented) + queryString: string; + // (undocumented) + suggestionsVisible?: boolean; +} + +// @public +export type IBaseFloatingPickerSuggestionProps = Pick, 'shouldSelectFirstItem' | 'headerItemsProps' | 'footerItemsProps' | 'showRemoveButtons'>; + +// @public +export interface IBasePicker { + completeSuggestion: (forceComplete?: boolean) => void; + focus: () => void; + focusInput: () => void; + items: T[] | undefined; +} + +// @public +export interface IBasePickerProps extends React.Props { + ['aria-label']?: string; + className?: string; + componentRef?: IRefObject>; + createGenericItem?: (input: string, ValidationState: ValidationState) => ISuggestionModel | T; + defaultSelectedItems?: T[]; + disabled?: boolean; + enableSelectedSuggestionAlert?: boolean; + getTextFromItem?: (item: T, currentValue?: string) => string; + inputProps?: IInputProps; + itemLimit?: number; + onBlur?: React.FocusEventHandler; + onChange?: (items?: T[]) => void; + onDismiss?: (ev?: any, selectedItem?: T) => boolean | void; + // @deprecated + onEmptyInputFocus?: (selectedItems?: T[]) => T[] | PromiseLike; + onEmptyResolveSuggestions?: (selectedItems?: T[]) => T[] | PromiseLike; + // @deprecated + onFocus?: React.FocusEventHandler; + onGetMoreResults?: (filter: string, selectedItems?: T[]) => T[] | PromiseLike; + onInputChange?: (input: string) => string; + onItemSelected?: (selectedItem?: T) => T | PromiseLike | null; + onRemoveSuggestion?: (item: T) => void; + onRenderItem?: (props: IPickerItemProps) => JSX.Element; + onRenderSuggestionsItem?: (props: T, itemProps: ISuggestionItemProps) => JSX.Element; + onResolveSuggestions: (filter: string, selectedItems?: T[]) => T[] | PromiseLike; + onValidateInput?: (input: string) => ValidationState; + pickerCalloutProps?: ICalloutProps; + pickerSuggestionsProps?: IBasePickerSuggestionsProps; + removeButtonAriaLabel?: string; + resolveDelay?: number; + searchingText?: ((props: { + input: string; + }) => string) | string; + selectedItems?: T[]; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IBasePickerState { + // (undocumented) + isFocused?: boolean; + // (undocumented) + isMostRecentlyUsedVisible?: boolean; + // (undocumented) + isResultsFooterVisible?: boolean; + // (undocumented) + isSearching?: boolean; + // (undocumented) + items?: any; + // (undocumented) + moreSuggestionsAvailable?: boolean; + // (undocumented) + selectedIndices?: number[]; + // (undocumented) + suggestedDisplayValue?: string; + // (undocumented) + suggestionsLoading?: boolean; + // (undocumented) + suggestionsVisible?: boolean; +} + +// @public +export type IBasePickerStyleProps = Pick, 'theme' | 'className' | 'disabled'> & { + isFocused?: boolean; + inputClassName?: string; +}; + +// @public +export interface IBasePickerStyles { + input: IStyle; + itemsWrapper: IStyle; + root: IStyle; + screenReaderText: IStyle; + text: IStyle; +} + +// @public +export interface IBasePickerSuggestionsProps extends Pick, 'onRenderNoResultFound' | 'suggestionsHeaderText' | 'mostRecentlyUsedHeaderText' | 'noResultsFoundText' | 'className' | 'suggestionsClassName' | 'suggestionsItemClassName' | 'searchForMoreText' | 'forceResolveText' | 'loadingText' | 'searchingText' | 'resultsFooterFull' | 'resultsFooter' | 'resultsMaximumNumber' | 'showRemoveButtons' | 'suggestionsAvailableAlertText' | 'suggestionsContainerAriaLabel' | 'showForceResolve'> { +} + +// @public (undocumented) +export interface IBaseSelectedItemsList { + // (undocumented) + addItems: (items: T[]) => void; + items: T[] | undefined; +} + +// @public (undocumented) +export interface IBaseSelectedItemsListProps extends React.ClassAttributes { + canRemoveItem?: (item: T) => boolean; + // (undocumented) + componentRef?: IRefObject>; + createGenericItem?: (input: string, ValidationState: ValidationState) => ISuggestionModel; + defaultSelectedItems?: T[]; + onChange?: (items?: T[]) => void; + onCopyItems?: (items: T[]) => string; + // @deprecated + onItemDeleted?: (deletedItem: T) => void; + onItemsDeleted?: (deletedItems: T[]) => void; + onItemSelected?: (selectedItem?: T | T[]) => T | PromiseLike | T[] | PromiseLike; + onRenderItem?: (props: ISelectedItemProps) => JSX.Element; + removeButtonAriaLabel?: string; + selectedItems?: T[]; + selection?: Selection; +} + +// @public (undocumented) +export interface IBaseSelectedItemsListState { + // (undocumented) + items: T[]; +} + +// @public (undocumented) +export interface IBreadcrumb { + focus(): void; +} + +// @public @deprecated (undocumented) +export type IBreadCrumbData = IBreadcrumbData; + +// @public (undocumented) +export interface IBreadcrumbData { + // (undocumented) + props: IBreadcrumbProps; + // (undocumented) + renderedItems: IBreadcrumbItem[]; + // (undocumented) + renderedOverflowItems: IBreadcrumbItem[]; +} + +// @public (undocumented) +export interface IBreadcrumbItem extends React.AllHTMLAttributes { + as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'a'; + href?: string; + isCurrentItem?: boolean; + key: string; + onClick?: (ev?: React.MouseEvent, item?: IBreadcrumbItem) => void; + role?: string; + text: string; +} + +// @public (undocumented) +export interface IBreadcrumbProps extends React.HTMLAttributes { + ariaLabel?: string; + className?: string; + componentRef?: IRefObject; + dividerAs?: IComponentAs; + focusZoneProps?: IFocusZoneProps; + items: IBreadcrumbItem[]; + maxDisplayedItems?: number; + onGrowData?: (data: IBreadcrumbData) => IBreadcrumbData | undefined; + onReduceData?: (data: IBreadcrumbData) => IBreadcrumbData | undefined; + onRenderItem?: IRenderFunction; + onRenderOverflowIcon?: IRenderFunction; + overflowAriaLabel?: string; + overflowButtonAs?: IComponentAs; + overflowIndex?: number; + // (undocumented) + styles?: IStyleFunctionOrObject; + // (undocumented) + theme?: ITheme; + tooltipHostProps?: ITooltipHostProps; +} + +// @public (undocumented) +export interface IBreadcrumbStyleProps { + // (undocumented) + className?: string; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface IBreadcrumbStyles { + // (undocumented) + chevron: IStyle; + // (undocumented) + item: IStyle; + // (undocumented) + itemLink: IStyle; + // (undocumented) + list: IStyle; + // (undocumented) + listItem: IStyle; + // (undocumented) + overflow: IStyle; + // (undocumented) + overflowButton: IStyle; + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IButton { + dismissMenu: () => void; + focus: () => void; + openMenu: (shouldFocusOnContainer?: boolean, shouldFocusOnMount?: boolean) => void; +} + +// @public (undocumented) +export interface IButtonClassNames { + // (undocumented) + description?: string; + // (undocumented) + flexContainer?: string; + // (undocumented) + icon?: string; + // (undocumented) + label?: string; + // (undocumented) + menuIcon?: string; + // (undocumented) + root?: string; + // (undocumented) + screenReaderText?: string; + // (undocumented) + textContainer?: string; +} + +// @public (undocumented) +export interface IButtonGrid { +} + +// @public (undocumented) +export interface IButtonGridCellProps { + cellDisabledStyle?: string[]; + cellIsSelectedStyle?: string[]; + className?: string; + disabled?: boolean; + getClassNames?: (theme: ITheme, className: string, variantClassName: string, iconClassName: string | undefined, menuIconClassName: string | undefined, disabled: boolean, checked: boolean, expanded: boolean, isSplit: boolean | undefined) => IButtonClassNames; + id: string; + index?: number; + item: T; + label?: string; + onClick?: (item: T) => void; + onFocus?: (item: T) => void; + onHover?: (item?: T) => void; + onKeyDown?: (ev: React.KeyboardEvent) => void; + onMouseEnter?: (ev: React.MouseEvent) => boolean; + onMouseLeave?: (ev: React.MouseEvent) => void; + onMouseMove?: (ev: React.MouseEvent) => boolean; + onRenderItem: (item: T) => JSX.Element; + onWheel?: (ev: React.MouseEvent) => void; + role?: string; + selected?: boolean; +} + +// @public (undocumented) +export interface IButtonGridProps extends React.TableHTMLAttributes, React.RefAttributes { + ariaPosInSet?: number; + ariaSetSize?: number; + columnCount: number; + componentRef?: IRefObject; + // @deprecated + containerClassName?: string; + doNotContainWithinFocusZone?: boolean; + items: any[]; + onBlur?: () => void; + onRenderItem: (item: any, index: number) => JSX.Element; + // @deprecated (undocumented) + positionInSet?: number; + // @deprecated (undocumented) + setSize?: number; + shouldFocusCircularNavigate?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public +export interface IButtonGridStyleProps { + theme: ITheme; +} + +// @public +export interface IButtonGridStyles { + focusedContainer?: IStyle; + root: IStyle; + tableCell: IStyle; +} + +// @public (undocumented) +export interface IButtonProps extends React.AllHTMLAttributes { + allowDisabledFocus?: boolean; + ariaDescription?: string; + ariaHidden?: boolean; + ariaLabel?: string; + // @deprecated (undocumented) + buttonType?: ButtonType; + checked?: boolean; + className?: string; + componentRef?: IRefObject; + data?: any; + defaultRender?: any; + // @deprecated + description?: IStyle; + disabled?: boolean; + // @deprecated + elementRef?: React.Ref; + getClassNames?: (theme: ITheme, className: string, variantClassName: string, iconClassName: string | undefined, menuIconClassName: string | undefined, disabled: boolean, checked: boolean, expanded: boolean, hasMenu: boolean, isSplit: boolean | undefined, allowDisabledFocus: boolean) => IButtonClassNames; + getSplitButtonClassNames?: (disabled: boolean, expanded: boolean, checked: boolean, allowDisabledFocus: boolean) => ISplitButtonClassNames; + href?: string; + iconProps?: IIconProps; + keytipProps?: IKeytipProps; + menuAs?: IComponentAs; + menuIconProps?: IIconProps; + menuProps?: IContextualMenuProps; + menuTriggerKeyCode?: KeyCodes | null; + onAfterMenuDismiss?: () => void; + onMenuClick?: (ev?: React.MouseEvent | React.KeyboardEvent, button?: IButtonProps) => void; + onRenderAriaDescription?: IRenderFunction; + onRenderChildren?: IRenderFunction; + onRenderDescription?: IRenderFunction; + onRenderIcon?: IRenderFunction; + // @deprecated (undocumented) + onRenderMenu?: IRenderFunction; + onRenderMenuIcon?: IRenderFunction; + onRenderText?: IRenderFunction; + persistMenu?: boolean; + primary?: boolean; + primaryActionButtonProps?: IButtonProps; + primaryDisabled?: boolean; + // @deprecated + renderPersistedMenuHiddenOnMount?: boolean; + // @deprecated (undocumented) + rootProps?: React.ButtonHTMLAttributes | React.AnchorHTMLAttributes; + secondaryText?: string; + split?: boolean; + splitButtonAriaLabel?: string; + splitButtonMenuProps?: IButtonProps; + styles?: IButtonStyles; + text?: string; + theme?: ITheme; + toggle?: boolean; + // @deprecated (undocumented) + toggled?: boolean; + uniqueId?: string | number; +} + +// @public (undocumented) +export interface IButtonStyles { + description?: IStyle; + descriptionChecked?: IStyle; + descriptionDisabled?: IStyle; + descriptionHovered?: IStyle; + descriptionPressed?: IStyle; + flexContainer?: IStyle; + icon?: IStyle; + iconChecked?: IStyle; + iconDisabled?: IStyle; + iconExpanded?: IStyle; + iconExpandedHovered?: IStyle; + iconHovered?: IStyle; + iconPressed?: IStyle; + label?: IStyle; + labelChecked?: IStyle; + labelDisabled?: IStyle; + labelHovered?: IStyle; + menuIcon?: IStyle; + menuIconChecked?: IStyle; + menuIconDisabled?: IStyle; + menuIconExpanded?: IStyle; + menuIconExpandedHovered?: IStyle; + menuIconHovered?: IStyle; + menuIconPressed?: IStyle; + root?: IStyle; + rootChecked?: IStyle; + rootCheckedDisabled?: IStyle; + rootCheckedHovered?: IStyle; + rootCheckedPressed?: IStyle; + rootDisabled?: IStyle; + rootExpanded?: IStyle; + rootExpandedHovered?: IStyle; + rootFocused?: IStyle; + rootHasMenu?: IStyle; + rootHovered?: IStyle; + rootPressed?: IStyle; + screenReaderText?: IStyle; + secondaryText?: IStyle; + splitButtonContainer?: IStyle; + splitButtonContainerChecked?: IStyle; + splitButtonContainerCheckedHovered?: IStyle; + splitButtonContainerDisabled?: IStyle; + splitButtonContainerFocused?: IStyle; + splitButtonContainerHovered?: IStyle; + splitButtonDivider?: IStyle; + splitButtonDividerDisabled?: IStyle; + splitButtonFlexContainer?: IStyle; + splitButtonMenuButton?: IStyle; + splitButtonMenuButtonChecked?: IStyle; + splitButtonMenuButtonDisabled?: IStyle; + splitButtonMenuButtonExpanded?: IStyle; + splitButtonMenuIcon?: IStyle; + splitButtonMenuIconDisabled?: IStyle; + textContainer?: IStyle; +} + +// @public (undocumented) +export interface ICalendar { + focus: () => void; +} + +// @public (undocumented) +export interface ICalendarDay { + // (undocumented) + focus(): void; +} + +// @public (undocumented) +export interface ICalendarDayGrid { + // (undocumented) + focus(): void; +} + +// @public (undocumented) +export interface ICalendarDayGridProps extends IDayGridOptions, IBaseProps { + allFocusable?: boolean; + animationDirection?: AnimationDirection; + className?: string; + componentRef?: IRefObject; + customDayCellRef?: (element: HTMLElement, date: Date, classNames: IProcessedStyleSet) => void; + dateRangeType: DateRangeType; + dateTimeFormatter: IDateFormatting; + daysToSelectInDayView?: number; + firstDayOfWeek: DayOfWeek; + firstWeekOfYear: FirstWeekOfYear; + getMarkedDays?: (startingDate: Date, endingDate: Date) => Date[]; + labelledBy?: string; + lightenDaysOutsideNavigatedMonth?: boolean; + maxDate?: Date; + minDate?: Date; + navigatedDate: Date; + onDismiss?: () => void; + onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void; + onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void; + restrictedDates?: Date[]; + selectedDate: Date; + showCloseButton?: boolean; + showWeekNumbers?: boolean; + strings: ICalendarStrings; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + today?: Date; + weeksToShow?: number; + workWeekDays?: DayOfWeek[]; +} + +// @public (undocumented) +export interface ICalendarDayGridStyleProps { + animateBackwards?: boolean; + animationDirection?: AnimationDirection; + className?: string; + dateRangeType?: DateRangeType; + lightenDaysOutsideNavigatedMonth?: boolean; + showWeekNumbers?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface ICalendarDayGridStyles { + // (undocumented) + bottomLeftCornerDate?: IStyle; + // (undocumented) + bottomRightCornerDate?: IStyle; + dayButton?: IStyle; + dayCell?: IStyle; + dayIsToday?: IStyle; + dayMarker?: IStyle; + dayOutsideBounds?: IStyle; + dayOutsideNavigatedMonth?: IStyle; + daySelected?: IStyle; + firstTransitionWeek?: IStyle; + lastTransitionWeek?: IStyle; + table?: IStyle; + // (undocumented) + topLeftCornerDate?: IStyle; + topRightCornerDate?: IStyle; + weekDayLabelCell?: IStyle; + weekNumberCell?: IStyle; + weekRow?: IStyle; + wrapper?: IStyle; +} + +// @public (undocumented) +export interface ICalendarDayProps extends IBaseProps, ICalendarDayGridProps { + allFocusable?: boolean; + className?: string; + componentRef?: IRefObject; + dateTimeFormatter: IDateFormatting; + maxDate?: Date; + minDate?: Date; + navigatedDate: Date; + navigationIcons: ICalendarNavigationIcons; + onDismiss?: () => void; + onHeaderSelect?: () => void; + onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void; + restrictedDates?: Date[]; + showCloseButton?: boolean; + showSixWeeksByDefault?: boolean; + showWeekNumbers?: boolean; + strings: ICalendarStrings; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface ICalendarDayStyleProps extends ICalendarDayGridStyleProps { + className?: string; + headerIsClickable?: boolean; + showWeekNumbers?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface ICalendarDayStyles extends Partial { + disabledStyle: IStyle; + header: IStyle; + headerIconButton: IStyle; + monthAndYear: IStyle; + monthComponents: IStyle; + root: IStyle; +} + +// @public @deprecated (undocumented) +export type ICalendarFormatDateCallbacks = IDateFormatting; + +// @public @deprecated (undocumented) +export type ICalendarIconStrings = ICalendarNavigationIcons; + +// @public (undocumented) +export interface ICalendarMonth { + // (undocumented) + focus(): void; +} + +// @public (undocumented) +export interface ICalendarMonthProps extends IBaseProps { + allFocusable?: boolean; + animationDirection?: AnimationDirection; + className?: string; + componentRef?: IRefObject; + dateTimeFormatter?: IDateFormatting; + highlightCurrentMonth?: boolean; + highlightSelectedMonth?: boolean; + maxDate?: Date; + minDate?: Date; + navigatedDate: Date; + navigationIcons?: ICalendarNavigationIcons; + onHeaderSelect?: () => void; + onNavigateDate: (date: Date, focusOnNavigatedDay: boolean) => void; + onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void; + selectedDate: Date; + strings: ICalendarStrings; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + today?: Date; + yearPickerHidden?: boolean; +} + +// @public (undocumented) +export interface ICalendarMonthStyleProps extends ICalendarPickerStyleProps { +} + +// @public (undocumented) +export interface ICalendarMonthStyles extends ICalendarPickerStyles { +} + +// @public (undocumented) +export interface ICalendarNavigationIcons { + closeIcon?: string; + leftNavigation?: string; + rightNavigation?: string; +} + +// @public (undocumented) +export interface ICalendarPickerStyleProps { + animateBackwards?: boolean; + animationDirection?: AnimationDirection; + className?: string; + hasHeaderClickCallback?: boolean; + highlightCurrent?: boolean; + highlightSelected?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface ICalendarPickerStyles { + // (undocumented) + buttonRow: IStyle; + // (undocumented) + current: IStyle; + // (undocumented) + currentItemButton: IStyle; + // (undocumented) + disabled: IStyle; + // (undocumented) + gridContainer: IStyle; + // (undocumented) + headerContainer: IStyle; + // (undocumented) + itemButton: IStyle; + // (undocumented) + navigationButton: IStyle; + // (undocumented) + navigationButtonsContainer: IStyle; + root: IStyle; + // (undocumented) + selected: IStyle; +} + +// @public (undocumented) +export interface ICalendarProps extends IBaseProps, React.RefAttributes { + allFocusable?: boolean; + calendarDayProps?: Partial; + calendarMonthProps?: Partial; + className?: string; + componentRef?: IRefObject; + dateRangeType?: DateRangeType; + dateTimeFormatter?: IDateFormatting; + firstDayOfWeek?: DayOfWeek; + firstWeekOfYear?: FirstWeekOfYear; + highlightCurrentMonth?: boolean; + highlightSelectedMonth?: boolean; + isDayPickerVisible?: boolean; + isMonthPickerVisible?: boolean; + maxDate?: Date; + minDate?: Date; + navigationIcons?: ICalendarNavigationIcons; + onDismiss?: () => void; + onSelectDate?: (date: Date, selectedDateRangeArray?: Date[]) => void; + restrictedDates?: Date[]; + showCloseButton?: boolean; + showGoToToday?: boolean; + showMonthPickerAsOverlay?: boolean; + showSixWeeksByDefault?: boolean; + showWeekNumbers?: boolean; + strings?: ICalendarStrings; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + today?: Date; + value?: Date; + workWeekDays?: DayOfWeek[]; +} + +export { ICalendarStrings } + +// @public (undocumented) +export interface ICalendarStyleProps { + className?: string; + isDayPickerVisible?: boolean; + isMonthPickerVisible?: boolean; + monthPickerOnly?: boolean; + overlaidWithButton?: boolean; + // @deprecated (undocumented) + overlayedWithButton?: boolean; + showGoToToday?: boolean; + showMonthPickerAsOverlay?: boolean; + showWeekNumbers?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface ICalendarStyles { + // (undocumented) + divider: IStyle; + // (undocumented) + goTodayButton: IStyle; + // (undocumented) + liveRegion: IStyle; + // (undocumented) + monthPickerWrapper: IStyle; + root: IStyle; +} + +// @public (undocumented) +export interface ICalendarYear { + // (undocumented) + focus(): void; +} + +// @public (undocumented) +export interface ICalendarYearHeaderProps extends ICalendarYearProps, ICalendarYearRange { + animateBackwards?: boolean; + onSelectNext?: () => void; + onSelectPrev?: () => void; +} + +// @public (undocumented) +export interface ICalendarYearProps extends IBaseProps { + animationDirection?: AnimationDirection; + className?: string; + componentRef?: IRefObject; + highlightCurrentYear?: boolean; + highlightSelectedYear?: boolean; + maxYear?: number; + minYear?: number; + navigatedYear?: number; + navigationIcons?: ICalendarNavigationIcons; + onHeaderSelect?: (focus: boolean) => void; + onRenderTitle?: (props: ICalendarYearHeaderProps) => React.ReactNode; + onRenderYear?: (year: number) => React.ReactNode; + onSelectYear?: (year: number) => void; + selectedYear?: number; + strings?: ICalendarYearStrings; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface ICalendarYearRange { + // (undocumented) + fromYear: number; + // (undocumented) + toYear: number; +} + +// @public (undocumented) +export interface ICalendarYearRangeToString { + // (undocumented) + (range: ICalendarYearRange): string; +} + +// @public (undocumented) +export interface ICalendarYearStrings { + // (undocumented) + headerAriaLabelFormatString?: string; + // (undocumented) + nextRangeAriaLabel?: string | ICalendarYearRangeToString; + // (undocumented) + prevRangeAriaLabel?: string | ICalendarYearRangeToString; + // (undocumented) + rangeAriaLabel?: string | ICalendarYearRangeToString; +} + +// @public (undocumented) +export interface ICalendarYearStyleProps extends ICalendarPickerStyleProps { +} + +// @public (undocumented) +export interface ICalendarYearStyles extends ICalendarPickerStyles { +} + +// @public (undocumented) +export interface ICalloutBeakPositionedInfo extends IPositionedData { + // (undocumented) + closestEdge: RectangleEdge; +} + +// @public (undocumented) +export interface ICalloutContentStyleProps { + backgroundColor?: string; + beakWidth?: number; + calloutMaxWidth?: number; + calloutMinWidth?: number; + calloutWidth?: number; + className?: string; + overflowYHidden?: boolean; + positions?: ICalloutPositionedInfo; + theme: ITheme; +} + +// @public (undocumented) +export interface ICalloutContentStyles { + beak: IStyle; + beakCurtain: IStyle; + calloutMain: IStyle; + container: IStyle; + root: IStyle; +} + +// @public (undocumented) +export interface ICalloutPositionedInfo extends IPositionedData { + // (undocumented) + beakPosition: ICalloutBeakPositionedInfo; +} + +// @public (undocumented) +export interface ICalloutPositionProps extends IPositionProps { + beakWidth?: number; + isBeakVisible?: boolean; +} + +// @public (undocumented) +export interface ICalloutProps extends React.HTMLAttributes, React.RefAttributes { + alignTargetEdge?: boolean; + ariaDescribedBy?: string; + ariaLabel?: string; + ariaLabelledBy?: string; + backgroundColor?: string; + beakWidth?: number; + bounds?: IRectangle | ((target?: Target, targetWindow?: Window) => IRectangle | undefined); + calloutMaxHeight?: number; + calloutMaxWidth?: number; + calloutMinWidth?: number; + calloutWidth?: number; + className?: string; + coverTarget?: boolean; + directionalHint?: DirectionalHint; + directionalHintFixed?: boolean; + directionalHintForRTL?: DirectionalHint; + doNotLayer?: boolean; + finalHeight?: number; + gapSpace?: number; + hidden?: boolean; + hideOverflow?: boolean; + isBeakVisible?: boolean; + layerProps?: ILayerProps; + minPagePadding?: number; + onDismiss?: (ev?: Event | React.MouseEvent | React.KeyboardEvent) => void; + onLayerMounted?: () => void; + onPositioned?: (positions?: ICalloutPositionedInfo) => void; + onRestoreFocus?: (params: IPopupRestoreFocusParams) => void; + onScroll?: () => void; + preventDismissOnEvent?: (ev: Event | React.FocusEvent | React.KeyboardEvent | React.MouseEvent) => boolean; + // @deprecated + preventDismissOnLostFocus?: boolean; + // @deprecated + preventDismissOnResize?: boolean; + // @deprecated + preventDismissOnScroll?: boolean; + role?: string; + setInitialFocus?: boolean; + shouldDismissOnWindowFocus?: boolean; + // @deprecated + shouldRestoreFocus?: boolean; + shouldUpdateWhenHidden?: boolean; + style?: React.CSSProperties; + styles?: IStyleFunctionOrObject; + target?: Target; + theme?: ITheme; +} + +// @public (undocumented) +export interface ICellStyleProps { + // (undocumented) + cellExtraRightPadding: number; + // (undocumented) + cellLeftPadding: number; + // (undocumented) + cellRightPadding: number; +} + +// @public +export interface ICheckbox { + checked: boolean; + focus: () => void; + indeterminate: boolean; +} + +// @public +export interface ICheckboxProps extends React.ButtonHTMLAttributes, React.RefAttributes { + ariaDescribedBy?: string; + ariaLabel?: string; + ariaLabelledBy?: string; + ariaPositionInSet?: number; + ariaSetSize?: number; + boxSide?: 'start' | 'end'; + checked?: boolean; + checkmarkIconProps?: IIconProps; + className?: string; + componentRef?: IRefObject; + defaultChecked?: boolean; + defaultIndeterminate?: boolean; + disabled?: boolean; + indeterminate?: boolean; + inputProps?: React.ButtonHTMLAttributes; + label?: string; + onChange?: (ev?: React.FormEvent, checked?: boolean) => void; + onRenderLabel?: IRenderFunction; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface ICheckboxStyleProps { + // (undocumented) + checked?: boolean; + // (undocumented) + className?: string; + // (undocumented) + disabled?: boolean; + // (undocumented) + indeterminate?: boolean; + // (undocumented) + isUsingCustomLabelRender: boolean; + // (undocumented) + reversed?: boolean; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface ICheckboxStyles { + checkbox?: IStyle; + checkmark?: IStyle; + input?: IStyle; + label?: IStyle; + root?: IStyle; + text?: IStyle; +} + +// @public (undocumented) +export interface ICheckProps extends React.RefAttributes { + // @deprecated (undocumented) + alwaysShowCheck?: boolean; + checked?: boolean; + className?: string; + componentRef?: IRefObject; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + useFastIcons?: boolean; +} + +// @public (undocumented) +export type ICheckStyleProps = Required> & Pick & { + height?: string; + checkBoxHeight?: string; +}; + +// @public (undocumented) +export interface ICheckStyles { + check: IStyle; + // @deprecated + checkHost: IStyle; + circle: IStyle; + root: IStyle; +} + +// @public (undocumented) +export interface IChoiceGroup { + checkedOption: IChoiceGroupOption | undefined; + focus: () => void; +} + +// @public (undocumented) +export interface IChoiceGroupOption extends Omit, 'checked'> { + ariaLabel?: string; + disabled?: boolean; + iconProps?: IIconProps; + id?: string; + imageAlt?: string; + imageSize?: { + width: number; + height: number; + }; + imageSrc?: string; + key: string; + labelId?: string; + onRenderField?: IRenderFunction; + onRenderLabel?: IRenderFunction; + selectedImageSrc?: string; + styles?: IStyleFunctionOrObject; + text: string; +} + +// @public (undocumented) +export interface IChoiceGroupOptionProps extends Omit { + checked?: boolean; + // @deprecated (undocumented) + componentRef?: IRefObject; + focused?: boolean; + itemKey: string; + key?: string; + name?: string; + onBlur?: (ev?: React.FocusEvent, props?: IChoiceGroupOptionProps) => void; + onChange?: (evt?: React.FormEvent, props?: IChoiceGroupOptionProps) => void; + onFocus?: (ev?: React.FocusEvent, props?: IChoiceGroupOptionProps) => void | undefined; + required?: boolean; + theme?: ITheme; +} + +// @public +export interface IChoiceGroupOptionStyleProps { + checked?: boolean; + disabled?: boolean; + focused?: boolean; + hasIcon?: boolean; + hasImage?: boolean; + imageIsLarge?: boolean; + imageSize?: { + height: number; + width: number; + }; + theme: ITheme; +} + +// @public (undocumented) +export interface IChoiceGroupOptionStyles { + // (undocumented) + choiceFieldWrapper?: IStyle; + // (undocumented) + field?: IStyle; + // (undocumented) + iconWrapper?: IStyle; + // (undocumented) + imageWrapper?: IStyle; + // (undocumented) + innerField?: IStyle; + // (undocumented) + input?: IStyle; + // (undocumented) + labelWrapper?: IStyle; + // (undocumented) + root?: IStyle; + // (undocumented) + selectedImageWrapper?: IStyle; +} + +// @public (undocumented) +export interface IChoiceGroupProps extends React.InputHTMLAttributes, React.RefAttributes { + ariaLabelledBy?: string; + componentRef?: IRefObject; + defaultSelectedKey?: string | number; + label?: string; + onChange?: (ev?: React.FormEvent, option?: IChoiceGroupOption) => void; + options?: IChoiceGroupOption[]; + selectedKey?: string | number; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IChoiceGroupStyleProps { + // (undocumented) + className?: string; + // (undocumented) + optionsContainIconOrImage?: boolean; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface IChoiceGroupStyles { + // (undocumented) + flexContainer?: IStyle; + // (undocumented) + label?: IStyle; + // (undocumented) + root?: IStyle; +} + +// @public +export interface ICircle extends IShimmerElement { + height?: number; +} + +// @public (undocumented) +export interface ICoachmark { + dismiss?: (ev?: Event | React.MouseEvent | React.KeyboardEvent) => void; +} + +// @public +export interface ICoachmarkProps extends React.RefAttributes { + ariaAlertText?: string; + ariaDescribedBy?: string; + ariaDescribedByText?: string; + ariaLabelledBy?: string; + ariaLabelledByText?: string; + beaconColorOne?: string; + beaconColorTwo?: string; + // @deprecated (undocumented) + beakHeight?: number; + // @deprecated (undocumented) + beakWidth?: number; + children?: React.ReactNode; + className?: string; + // @deprecated + collapsed?: boolean; + color?: string; + componentRef?: IRefObject; + delayBeforeCoachmarkAnimation?: number; + delayBeforeMouseOpen?: number; + // @deprecated (undocumented) + height?: number; + isCollapsed?: boolean; + isPositionForced?: boolean; + mouseProximityOffset?: number; + onAnimationOpenEnd?: () => void; + onAnimationOpenStart?: () => void; + onDismiss?: (ev?: Event | React.MouseEvent | React.KeyboardEvent) => void; + onMouseMove?: (e: MouseEvent) => void; + persistentBeak?: boolean; + positioningContainerProps?: IPositioningContainerProps; + preventDismissOnLostFocus?: boolean; + preventFocusOnMount?: boolean; + styles?: IStyleFunctionOrObject; + target: HTMLElement | string | null; + // @deprecated (undocumented) + teachingBubbleRef?: ITeachingBubble; + theme?: ITheme; + // @deprecated (undocumented) + width?: number; +} + +// @public +export interface ICoachmarkStyleProps { + beaconColorOne?: string; + beaconColorTwo?: string; + className?: string; + // @deprecated + collapsed?: boolean; + color?: string; + delayBeforeCoachmarkAnimation?: string; + entityHostHeight?: string; + entityHostWidth?: string; + height?: string; + isCollapsed: boolean; + isMeasuring: boolean; + theme?: ITheme; + transformOrigin?: string; + width?: string; +} + +// @public +export interface ICoachmarkStyles { + ariaContainer?: IStyle; + childrenContainer: IStyle; + collapsed?: IStyle; + entityHost?: IStyle; + entityInnerHost: IStyle; + pulsingBeacon?: IStyle; + root?: IStyle; + rotateAnimationLayer?: IStyle; + scaleAnimationLayer?: IStyle; + translateAnimationContainer?: IStyle; +} + +// @public @deprecated (undocumented) +export type ICoachmarkTypes = ICoachmarkProps; + +// @public (undocumented) +export interface IColor extends IRGB, IHSV { + hex: string; + str: string; + t?: number; +} + +// @public (undocumented) +export interface IColorCellProps { + color: string; + id: string; + index?: number; + label?: string; +} + +// @public (undocumented) +export interface IColorPicker { + color: IColor; +} + +// @public (undocumented) +export interface IColorPickerGridCellProps { + borderWidth?: number; + circle?: boolean; + color: string; + disabled?: boolean; + height?: number; + // @deprecated + id?: string; + idPrefix?: string; + index?: number; + item: IColorCellProps; + label?: string; + onClick?: (item: IColorCellProps) => void; + // (undocumented) + onFocus?: (item: IColorCellProps) => void; + // (undocumented) + onHover?: (item?: IColorCellProps) => void; + // (undocumented) + onKeyDown?: (ev: React.KeyboardEvent) => void; + onMouseEnter?: (ev: React.MouseEvent) => boolean; + // (undocumented) + onMouseLeave?: (ev: React.MouseEvent) => void; + onMouseMove?: (ev: React.MouseEvent) => boolean; + // (undocumented) + onWheel?: (ev: React.MouseEvent) => void; + selected: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + width?: number; +} + +// @public (undocumented) +export interface IColorPickerGridCellStyleProps { + borderWidth?: number; + circle?: boolean; + disabled?: boolean; + height?: number; + isWhite?: boolean; + selected?: boolean; + theme: ITheme; + width?: number; +} + +// @public (undocumented) +export interface IColorPickerGridCellStyles { + colorCell: IStyle; + svg: IStyle; +} + +// @public (undocumented) +export interface IColorPickerProps { + // @deprecated + alphaLabel?: string; + // @deprecated + alphaSliderHidden?: boolean; + alphaType?: 'alpha' | 'transparency' | 'none'; + // @deprecated + blueLabel?: string; + className?: string; + color: IColor | string; + componentRef?: IRefObject; + // @deprecated + greenLabel?: string; + // @deprecated + hexLabel?: string; + onChange?: (ev: React.SyntheticEvent, color: IColor) => void; + // @deprecated + redLabel?: string; + showPreview?: boolean; + strings?: IColorPickerStrings; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IColorPickerState { + color: IColor; + editingColor?: { + component: ColorComponent; + value: string; + }; +} + +// @public (undocumented) +export interface IColorPickerStrings { + alpha?: string; + alphaAriaLabel?: string; + blue?: string; + green?: string; + hex?: string; + // @deprecated + hue?: string; + hueAriaLabel?: string; + red?: string; + rootAriaLabelFormat?: string; + svAriaDescription?: string; + svAriaLabel?: string; + svAriaValueFormat?: string; + transparency?: string; + transparencyAriaLabel?: string; +} + +// @public (undocumented) +export type IColorPickerStyleProps = Required> & Pick; + +// @public (undocumented) +export interface IColorPickerStyles { + colorRectangle?: IStyle; + colorSquare?: IStyle; + flexContainer?: IStyle; + flexPreviewBox?: IStyle; + flexSlider?: IStyle; + input?: IStyle; + panel?: IStyle; + root?: IStyle; + table?: IStyle; + tableAlphaCell?: IStyle; + tableHeader?: IStyle; + tableHexCell?: IStyle; +} + +// @public (undocumented) +export interface IColorRectangle { + color: IColor; +} + +// @public (undocumented) +export interface IColorRectangleProps { + ariaDescription?: string; + ariaLabel?: string; + ariaValueFormat?: string; + className?: string; + color: IColor; + componentRef?: IRefObject; + minSize?: number; + onChange?: (ev: React.MouseEvent | React.KeyboardEvent, color: IColor) => void; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IColorRectangleStyleProps { + className?: string; + minSize?: number; + theme: ITheme; +} + +// @public (undocumented) +export interface IColorRectangleStyles { + dark?: IStyle; + description?: IStyle; + light?: IStyle; + root?: IStyle; + thumb?: IStyle; +} + +// @public (undocumented) +export interface IColorSlider { + value: number; +} + +// @public (undocumented) +export interface IColorSliderProps { + ariaLabel?: string; + className?: string; + componentRef?: IRefObject; + // @deprecated + isAlpha?: boolean; + // @deprecated + maxValue?: number; + // @deprecated + minValue?: number; + onChange?: (event: React.MouseEvent | React.KeyboardEvent, newValue?: number) => void; + overlayColor?: string; + // @deprecated + overlayStyle?: React.CSSProperties; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + // @deprecated + thumbColor?: string; + type?: 'hue' | 'alpha' | 'transparency'; + value?: number; +} + +// @public (undocumented) +export type IColorSliderStyleProps = Required> & Pick & { + isAlpha?: boolean; +}; + +// @public (undocumented) +export interface IColorSliderStyles { + root?: IStyle; + sliderOverlay?: IStyle; + sliderThumb?: IStyle; +} + +// @public (undocumented) +export interface IColumn { + ariaLabel?: string; + calculatedWidth?: number; + className?: string; + columnActionsMode?: ColumnActionsMode; + currentWidth?: number; + data?: any; + fieldName?: string; + filterAriaLabel?: string; + getValueKey?: (item?: any, index?: number, column?: IColumn) => string; + groupAriaLabel?: string; + headerClassName?: string; + iconClassName?: string; + iconName?: string; + // @deprecated + isCollapsable?: boolean; + isCollapsible?: boolean; + isFiltered?: boolean; + isGrouped?: boolean; + isIconOnly?: boolean; + isMenuOpen?: boolean; + isMultiline?: boolean; + isPadded?: boolean; + isResizable?: boolean; + isRowHeader?: boolean; + isSorted?: boolean; + isSortedDescending?: boolean; + key: string; + maxWidth?: number; + minWidth: number; + name: string; + onColumnClick?: (ev: React.MouseEvent, column: IColumn) => void; + onColumnContextMenu?: (column?: IColumn, ev?: React.MouseEvent) => void; + onColumnResize?: (width?: number) => void; + onRender?: (item?: any, index?: number, column?: IColumn) => any; + onRenderDivider?: IRenderFunction; + sortAscendingAriaLabel?: string; + sortDescendingAriaLabel?: string; + styles?: IStyleFunctionOrObject; +} + +// @public (undocumented) +export interface IColumnDragDropDetails { + draggedIndex: number; + targetIndex: number; +} + +// @public (undocumented) +export interface IColumnReorderHeaderProps extends IColumnReorderOptions { + onColumnDragEnd?: (props: { + dropLocation?: ColumnDragEndLocation; + }, event: MouseEvent) => void; +} + +// @public (undocumented) +export interface IColumnReorderOptions { + frozenColumnCountFromEnd?: number; + frozenColumnCountFromStart?: number; + // @deprecated + handleColumnReorder?: (draggedIndex: number, targetIndex: number) => void; + onColumnDragStart?: (dragStarted: boolean) => void; + onColumnDrop?: (dragDropDetails: IColumnDragDropDetails) => void; + onDragEnd?: (columnDropLocationDetails: ColumnDragEndLocation) => void; +} + +// @public (undocumented) +export interface IColumnResizeDetails { + // (undocumented) + columnIndex: number; + // (undocumented) + columnMinWidth: number; + // (undocumented) + originX?: number; +} + +// @public (undocumented) +export interface IComboBox { + dismissMenu: () => void; + focus(shouldOpenOnFocus?: boolean, useFocusAsync?: boolean): boolean; + readonly selectedOptions: IComboBoxOption[]; +} + +// @public (undocumented) +export interface IComboBoxClassNames { + // (undocumented) + callout: string; + // (undocumented) + container: string; + // (undocumented) + divider: string; + // (undocumented) + errorMessage: string; + // (undocumented) + header: string; + // (undocumented) + input: string; + // (undocumented) + label: string; + // (undocumented) + optionsContainer: string; + // (undocumented) + optionsContainerWrapper: string; + // (undocumented) + root: string; + // (undocumented) + screenReaderText: string; +} + +// @public (undocumented) +export interface IComboBoxOption extends ISelectableOption { + styles?: Partial; + useAriaLabelAsText?: boolean; +} + +// @public (undocumented) +export interface IComboBoxOptionClassNames { + // (undocumented) + optionText: string; + // (undocumented) + optionTextWrapper: string; + // (undocumented) + root: string; +} + +// @public (undocumented) +export interface IComboBoxOptionStyles extends IButtonStyles { + optionText: IStyle; + optionTextWrapper: IStyle; +} + +// @public (undocumented) +export interface IComboBoxProps extends ISelectableDroppableTextProps, React.RefAttributes { + allowFreeform?: boolean; + ariaDescribedBy?: string; + autoComplete?: 'on' | 'off'; + autofill?: IAutofillProps; + buttonIconProps?: IIconProps; + caretDownButtonStyles?: Partial; + comboBoxOptionStyles?: Partial; + componentRef?: IRefObject; + dropdownMaxWidth?: number; + dropdownWidth?: number; + getClassNames?: (theme: ITheme, isOpen: boolean, disabled: boolean, required: boolean, focused: boolean, allowFreeForm: boolean, hasErrorMessage: boolean, className?: string) => IComboBoxClassNames; + iconButtonProps?: IButtonProps; + isButtonAriaHidden?: boolean; + multiSelectDelimiter?: string; + onChange?: (event: React.FormEvent, option?: IComboBoxOption, index?: number, value?: string) => void; + onItemClick?: (event: React.FormEvent, option?: IComboBoxOption, index?: number) => void; + onMenuDismiss?: () => void; + onMenuDismissed?: () => void; + onMenuOpen?: () => void; + onPendingValueChanged?: (option?: IComboBoxOption, index?: number, value?: string) => void; + onRenderLabel?: IRenderFunction; + onRenderLowerContent?: IRenderFunction; + onRenderUpperContent?: IRenderFunction; + onResolveOptions?: (options: IComboBoxOption[]) => IComboBoxOption[] | PromiseLike; + onScrollToItem?: (itemIndex: number) => void; + options: IComboBoxOption[]; + persistMenu?: boolean; + scrollSelectedToTop?: boolean; + shouldRestoreFocus?: boolean; + styles?: Partial; + text?: string; + theme?: ITheme; + useComboBoxAsMenuWidth?: boolean; +} + +// @public (undocumented) +export interface IComboBoxState { + currentPendingValue?: string; + currentPendingValueValidIndex: number; + currentPendingValueValidIndexOnHover: number; + focusState?: 'none' | 'focused' | 'focusing'; + isOpen?: boolean; +} + +// @public (undocumented) +export interface IComboBoxStyles { + callout: IStyle; + container: IStyle; + divider: IStyle; + errorMessage: IStyle; + header: IStyle; + input: IStyle; + inputDisabled: IStyle; + label: IStyle; + labelDisabled: IStyle; + optionsContainer: IStyle; + optionsContainerWrapper: IStyle; + root: IStyle; + rootDisabled: IStyle; + rootDisallowFreeForm: IStyle; + rootError: IStyle; + rootFocused: IStyle; + rootHovered: IStyle; + rootPressed: IStyle; + screenReaderText: IStyle; +} + +// @public (undocumented) +export interface ICommandBar { + focus(): void; + remeasure(): void; +} + +// @public (undocumented) +export interface ICommandBarData { + cacheKey: string; + farItems: ICommandBarItemProps[] | undefined; + minimumOverflowItems: number; + overflowItems: ICommandBarItemProps[]; + primaryItems: ICommandBarItemProps[]; +} + +// @public +export interface ICommandBarItemProps extends IContextualMenuItem { + buttonStyles?: IButtonStyles; + cacheKey?: string; + commandBarButtonAs?: IComponentAs; + iconOnly?: boolean; + renderedInOverflow?: boolean; + tooltipHostProps?: ITooltipHostProps; +} + +// @public (undocumented) +export interface ICommandBarProps extends React.HTMLAttributes { + ariaLabel?: string; + buttonAs?: IComponentAs; + className?: string; + componentRef?: IRefObject; + dataDidRender?: (renderedData: any) => void; + farItems?: ICommandBarItemProps[]; + items: ICommandBarItemProps[]; + onDataGrown?: (movedItem: ICommandBarItemProps) => void; + onDataReduced?: (movedItem: ICommandBarItemProps) => void; + onGrowData?: (data: ICommandBarData) => ICommandBarData | undefined; + onReduceData?: (data: ICommandBarData) => ICommandBarData | undefined; + overflowButtonAs?: IComponentAs; + overflowButtonProps?: IButtonProps; + overflowItems?: ICommandBarItemProps[]; + shiftOnReduce?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface ICommandBarStyleProps { + // (undocumented) + className?: string; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface ICommandBarStyles { + // (undocumented) + primarySet?: IStyle; + // (undocumented) + root?: IStyle; + // (undocumented) + secondarySet?: IStyle; +} + +// @public +export const Icon: React.FunctionComponent; + +// @public (undocumented) +export class IconBase extends React.Component { + constructor(props: IIconProps); + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export class IconButton extends React.Component { + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export interface IContextualMenu { +} + +// @public @deprecated (undocumented) +export interface IContextualMenuClassNames { + // (undocumented) + container: string; + // (undocumented) + header: string; + // (undocumented) + list: string; + // (undocumented) + root: string; + // (undocumented) + subComponentStyles?: IContextualMenuSubComponentStyles; + // (undocumented) + title: string; +} + +// @public (undocumented) +export interface IContextualMenuItem { + [propertyName: string]: any; + ariaDescribedBy?: string; + ariaDescription?: string; + ariaLabel?: string; + canCheck?: boolean; + checked?: boolean; + className?: string; + componentRef?: IRefObject; + customOnRenderListLength?: number; + data?: any; + disabled?: boolean; + // @deprecated + getItemClassNames?: (theme: ITheme, disabled: boolean, expanded: boolean, checked: boolean, isAnchorLink: boolean, knownIcon: boolean, itemClassName?: string, dividerClassName?: string, iconClassName?: string, subMenuClassName?: string, primaryDisabled?: boolean) => IMenuItemClassNames; + getSplitButtonVerticalDividerClassNames?: (theme: ITheme) => IVerticalDividerClassNames; + href?: string; + iconProps?: IIconProps; + // @deprecated (undocumented) + inactive?: boolean; + itemProps?: Partial; + // (undocumented) + itemType?: ContextualMenuItemType; + key: string; + keytipProps?: IKeytipProps; + // @deprecated + name?: string; + onClick?: (ev?: React.MouseEvent | React.KeyboardEvent, item?: IContextualMenuItem) => boolean | void; + onMouseDown?: (item: IContextualMenuItem, event: React.MouseEvent) => void; + onRender?: (item: any, dismissMenu: (ev?: any, dismissAll?: boolean) => void) => React.ReactNode; + onRenderContent?: (props: IContextualMenuItemProps, defaultRenders: IContextualMenuItemRenderFunctions) => React.ReactNode; + onRenderIcon?: IRenderFunction; + primaryDisabled?: boolean; + rel?: string; + role?: string; + secondaryText?: string; + sectionProps?: IContextualMenuSection; + // @deprecated (undocumented) + shortCut?: string; + split?: boolean; + // @deprecated + style?: React.CSSProperties; + submenuIconProps?: IIconProps; + subMenuProps?: IContextualMenuProps; + target?: string; + text?: string; + title?: string; +} + +// @public (undocumented) +export interface IContextualMenuItemProps extends React.HTMLAttributes { + className?: string; + classNames: IMenuItemClassNames; + componentRef?: IRefObject; + dismissMenu?: (ev?: any, dismissAll?: boolean) => void; + dismissSubMenu?: () => void; + getSubmenuTarget?: () => HTMLElement | undefined; + hasIcons: boolean | undefined; + index: number; + item: IContextualMenuItem; + onCheckmarkClick?: (item: IContextualMenuItem, ev: React.MouseEvent) => void; + openSubMenu?: (item: any, target: HTMLElement) => void; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IContextualMenuItemRenderFunctions { + renderCheckMarkIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React.ReactNode; + renderItemIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React.ReactNode; + renderItemName: (props: IContextualMenuItemProps, customClassNames?: string[]) => React.ReactNode; + renderSecondaryText: (props: IContextualMenuItemProps, customClassNames?: string[]) => React.ReactNode; + renderSubMenuIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React.ReactNode; +} + +// @public (undocumented) +export interface IContextualMenuItemRenderProps extends IContextualMenuItem { + // (undocumented) + focusableElementIndex: number; + // (undocumented) + hasCheckmarks: boolean; + // (undocumented) + hasIcons: boolean; + // (undocumented) + index: number; + // (undocumented) + totalItemCount: number; +} + +// @public (undocumented) +export interface IContextualMenuItemStyleProps { + checked: boolean; + className?: string; + disabled: boolean; + dividerClassName?: string; + expanded: boolean; + iconClassName?: string; + isAnchorLink: boolean; + itemClassName?: string; + knownIcon: boolean; + primaryDisabled?: boolean; + subMenuClassName?: string; + theme: ITheme; +} + +// @public (undocumented) +export interface IContextualMenuItemStyles extends IButtonStyles { + anchorLink: IStyle; + checkmarkIcon: IStyle; + divider: IStyle; + icon: IStyle; + iconColor: IStyle; + item: IStyle; + label: IStyle; + linkContent: IStyle; + linkContentMenu: IStyle; + root: IStyle; + screenReaderText: IStyle; + secondaryText: IStyle; + splitContainer: IStyle; + splitMenu: IStyle; + splitPrimary: IStyle; + subMenuIcon: IStyle; +} + +// @public (undocumented) +export interface IContextualMenuListProps { + // (undocumented) + defaultMenuItemRenderer: (item: IContextualMenuItemRenderProps) => React.ReactNode; + // (undocumented) + hasCheckmarks: boolean; + // (undocumented) + hasIcons: boolean; + // (undocumented) + items: IContextualMenuItem[]; + // (undocumented) + role?: string; + // (undocumented) + totalItemCount: number; +} + +// Warning: (ae-forgotten-export) The symbol "IWithResponsiveModeState" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export interface IContextualMenuProps extends IBaseProps, React.RefAttributes, IWithResponsiveModeState { + alignTargetEdge?: boolean; + ariaLabel?: string; + beakWidth?: number; + bounds?: IRectangle | ((target?: Target, targetWindow?: Window) => IRectangle | undefined); + calloutProps?: ICalloutProps; + className?: string; + componentRef?: IRefObject; + contextualMenuItemAs?: React.ComponentClass | React.FunctionComponent; + coverTarget?: boolean; + delayUpdateFocusOnHover?: boolean; + directionalHint?: DirectionalHint; + directionalHintFixed?: boolean; + directionalHintForRTL?: DirectionalHint; + doNotLayer?: boolean; + focusZoneProps?: IFocusZoneProps; + gapSpace?: number; + // @deprecated + getMenuClassNames?: (theme: ITheme, className?: string) => IContextualMenuClassNames; + hidden?: boolean; + id?: string; + isBeakVisible?: boolean; + isSubMenu?: boolean; + items: IContextualMenuItem[]; + labelElementId?: string; + onDismiss?: (ev?: Event | React.MouseEvent | React.KeyboardEvent, dismissAll?: boolean) => void; + onItemClick?: (ev?: React.MouseEvent | React.KeyboardEvent, item?: IContextualMenuItem) => boolean | void; + onMenuDismissed?: (contextualMenu?: IContextualMenuProps) => void; + onMenuOpened?: (contextualMenu?: IContextualMenuProps) => void; + onRenderMenuList?: IRenderFunction; + onRenderSubMenu?: IRenderFunction; + onRestoreFocus?: (params: IPopupRestoreFocusParams) => void; + shouldFocusOnContainer?: boolean; + shouldFocusOnMount?: boolean; + shouldUpdateWhenHidden?: boolean; + styles?: IStyleFunctionOrObject; + subMenuHoverDelay?: number; + target?: Target; + theme?: ITheme; + title?: string; + useTargetAsMinWidth?: boolean; + useTargetWidth?: boolean; +} + +// @public (undocumented) +export interface IContextualMenuRenderItem { + dismissMenu: (dismissAll?: boolean) => void; + dismissSubMenu: () => void; + openSubMenu: () => void; +} + +// @public (undocumented) +export interface IContextualMenuSection extends React.ClassAttributes { + bottomDivider?: boolean; + items: IContextualMenuItem[]; + title?: string; + topDivider?: boolean; +} + +// @public (undocumented) +export interface IContextualMenuState { + // (undocumented) + contextualMenuItems?: IContextualMenuItem[]; + // (undocumented) + contextualMenuTarget?: Element; + // (undocumented) + positions?: any; + // (undocumented) + slideDirectionalClassName?: string; + // (undocumented) + submenuDirection?: DirectionalHint; + // (undocumented) + subMenuId?: string; +} + +// @public (undocumented) +export interface IContextualMenuStyleProps { + // (undocumented) + className?: string; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface IContextualMenuStyles { + container: IStyle; + header: IStyle; + list: IStyle; + root: IStyle; + subComponentStyles: IContextualMenuSubComponentStyles; + title: IStyle; +} + +// @public (undocumented) +export interface IContextualMenuSubComponentStyles { + callout: IStyleFunctionOrObject; + menuItem: IStyleFunctionOrObject; +} + +// @public @deprecated (undocumented) +export enum IconType { + // @deprecated (undocumented) + Default = 100000, + // @deprecated + default = 0, + // @deprecated (undocumented) + Image = 100001, + // @deprecated + image = 1 +} + +export { IDateFormatting } + +// @public (undocumented) +export interface IDatePicker { + focus(): void; + reset(): void; + showDatePickerPopup(): void; +} + +// @public (undocumented) +export interface IDatePickerProps extends IBaseProps, React.HTMLAttributes, React.RefAttributes { + allFocusable?: boolean; + allowTextInput?: boolean; + ariaLabel?: string; + borderless?: boolean; + calendarAs?: IComponentAs; + calendarProps?: ICalendarProps; + calloutProps?: ICalloutProps; + className?: string; + componentRef?: IRefObject; + dateTimeFormatter?: IDateFormatting; + disableAutoFocus?: boolean; + disabled?: boolean; + firstDayOfWeek?: DayOfWeek; + firstWeekOfYear?: FirstWeekOfYear; + formatDate?: (date?: Date) => string; + highlightCurrentMonth?: boolean; + highlightSelectedMonth?: boolean; + initialPickerDate?: Date; + isMonthPickerVisible?: boolean; + isRequired?: boolean; + label?: string; + maxDate?: Date; + minDate?: Date; + onAfterMenuDismiss?: () => void; + onSelectDate?: (date: Date | null | undefined) => void; + parseDateFromString?: (dateStr: string) => Date | null; + pickerAriaLabel?: string; + placeholder?: string; + showCloseButton?: boolean; + showGoToToday?: boolean; + showMonthPickerAsOverlay?: boolean; + showWeekNumbers?: boolean; + strings?: IDatePickerStrings; + styles?: IStyleFunctionOrObject; + tabIndex?: number; + textField?: ITextFieldProps; + theme?: ITheme; + today?: Date; + underlined?: boolean; + value?: Date; +} + +// @public (undocumented) +export interface IDatePickerStrings extends ICalendarStrings { + invalidInputErrorMessage?: string; + isOutOfBoundsErrorMessage?: string; + isRequiredErrorMessage?: string; +} + +// @public (undocumented) +export interface IDatePickerStyleProps { + className?: string; + // (undocumented) + disabled?: boolean; + // (undocumented) + isDatePickerShown?: boolean; + // (undocumented) + label?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface IDatePickerStyles { + // (undocumented) + callout: IStyle; + // (undocumented) + icon: IStyle; + root: IStyle; + // (undocumented) + textField: IStyle; + // (undocumented) + wrapper?: IStyle; +} + +// @public (undocumented) +export interface IDetailsCheckboxProps { + // (undocumented) + checked: boolean; + // (undocumented) + theme?: ITheme; +} + +// @public (undocumented) +export interface IDetailsColumnProps extends React.ClassAttributes { + cellStyleProps?: ICellStyleProps; + column: IColumn; + columnIndex: number; + componentRef?: () => void; + dragDropHelper?: IDragDropHelper | null; + isDraggable?: boolean; + isDropped?: boolean; + onColumnClick?: (ev: React.MouseEvent, column: IColumn) => void; + onColumnContextMenu?: (column: IColumn, ev: React.MouseEvent) => void; + onRenderColumnHeaderTooltip?: IRenderFunction; + parentId?: string; + // @deprecated (undocumented) + setDraggedItemIndex?: (itemIndex: number) => void; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + updateDragInfo?: (props: { + itemIndex: number; + }, event?: MouseEvent) => void; + useFastIcons?: boolean; +} + +// @public (undocumented) +export interface IDetailsColumnRenderTooltipProps extends ITooltipHostProps { + column?: IColumn; +} + +// @public (undocumented) +export type IDetailsColumnStyleProps = Required> & { + headerClassName?: string; + isActionable?: boolean; + isEmpty?: boolean; + isIconVisible?: boolean; + isPadded?: boolean; + isIconOnly?: boolean; + iconClassName?: string; + transitionDurationDrag?: number; + transitionDurationDrop?: number; +}; + +// @public (undocumented) +export interface IDetailsColumnStyles { + accessibleLabel: IStyle; + borderAfterDropping: IStyle; + borderWhileDragging: IStyle; + cellName: IStyle; + cellTitle: IStyle; + cellTooltip: IStyle; + filterChevron: IStyle; + gripperBarVerticalStyle: IStyle; + iconClassName: IStyle; + nearIcon: IStyle; + noBorderAfterDropping: IStyle; + noBorderWhileDragging: IStyle; + root: IStyle; + sortIcon: IStyle; +} + +// @public (undocumented) +export interface IDetailsFooterBaseProps extends IDetailsItemProps { +} + +// @public (undocumented) +export interface IDetailsFooterProps extends IDetailsFooterBaseProps { + columns: IColumn[]; + selection: ISelection; + selectionMode: SelectionMode; +} + +// @public (undocumented) +export interface IDetailsGroupDividerProps extends IGroupDividerProps, IDetailsItemProps { +} + +// @public (undocumented) +export interface IDetailsGroupRenderProps extends IGroupRenderProps { + // (undocumented) + onRenderFooter?: IRenderFunction; + // (undocumented) + onRenderHeader?: IRenderFunction; +} + +// @public (undocumented) +export interface IDetailsHeader { + focus: () => boolean; +} + +// @public (undocumented) +export interface IDetailsHeaderBaseProps extends React.ClassAttributes, IDetailsItemProps { + ariaLabel?: string; + ariaLabelForSelectAllCheckbox?: string; + ariaLabelForSelectionColumn?: string; + ariaLabelForToggleAllGroupsButton?: string; + className?: string; + collapseAllVisibility?: CollapseAllVisibility; + columnReorderOptions?: IColumnReorderOptions; + columnReorderProps?: IColumnReorderHeaderProps; + componentRef?: IRefObject; + isAllCollapsed?: boolean; + layoutMode: DetailsListLayoutMode; + minimumPixelsForDrag?: number; + onColumnAutoResized?: (column: IColumn, columnIndex: number) => void; + onColumnClick?: (ev: React.MouseEvent, column: IColumn) => void; + onColumnContextMenu?: (column: IColumn, ev: React.MouseEvent) => void; + onColumnIsSizingChanged?: (column: IColumn, isSizing: boolean) => void; + onColumnResized?: (column: IColumn, newWidth: number, columnIndex: number) => void; + onRenderColumnHeaderTooltip?: IRenderFunction; + onRenderDetailsCheckbox?: IRenderFunction; + onToggleCollapseAll?: (isAllCollapsed: boolean) => void; + selectAllVisibility?: SelectAllVisibility; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + useFastIcons?: boolean; +} + +// @public (undocumented) +export interface IDetailsHeaderProps extends IDetailsHeaderBaseProps { + columns: IColumn[]; + selection: ISelection; + selectionMode: SelectionMode; +} + +// @public (undocumented) +export interface IDetailsHeaderState { + // (undocumented) + columnResizeDetails?: IColumnResizeDetails; + // (undocumented) + isAllCollapsed?: boolean; + // (undocumented) + isAllSelected?: boolean; + // (undocumented) + isSizing?: boolean; +} + +// @public (undocumented) +export type IDetailsHeaderStyleProps = Required> & Pick & { + isSelectAllHidden?: boolean; + isAllSelected?: boolean; + isResizingColumn?: boolean; + isAllCollapsed?: boolean; + isSizing?: boolean; + isCheckboxHidden?: boolean; + cellStyleProps?: ICellStyleProps; +}; + +// @public (undocumented) +export interface IDetailsHeaderStyles { + // (undocumented) + accessibleLabel: IStyle; + // @deprecated (undocumented) + cellIsActionable: IStyle; + // (undocumented) + cellIsCheck: IStyle; + // @deprecated (undocumented) + cellIsEmpty: IStyle; + // (undocumented) + cellIsGroupExpander: IStyle; + // (undocumented) + cellIsResizing: IStyle; + // (undocumented) + cellSizer: IStyle; + // (undocumented) + cellSizerEnd: IStyle; + // (undocumented) + cellSizerStart: IStyle; + // @deprecated (undocumented) + cellWrapperPadded: IStyle; + // (undocumented) + check: IStyle; + // (undocumented) + checkTooltip: IStyle; + // (undocumented) + collapseButton: IStyle; + // (undocumented) + dropHintCaretStyle: IStyle; + // (undocumented) + dropHintCircleStyle: IStyle; + // (undocumented) + dropHintLineStyle: IStyle; + // (undocumented) + dropHintStyle: IStyle; + // (undocumented) + root: IStyle; + // (undocumented) + sizingOverlay: IStyle; +} + +// @public (undocumented) +export interface IDetailsItemProps { + cellStyleProps?: ICellStyleProps; + checkboxVisibility?: CheckboxVisibility | undefined; + columns?: IColumn[]; + groupNestingDepth?: number; + indentWidth?: number | undefined; + rowWidth?: number; + selection?: ISelection | undefined; + selectionMode?: SelectionMode | undefined; + // @deprecated + viewport?: IViewport | undefined; +} + +// @public (undocumented) +export interface IDetailsList extends IList { + focusIndex: (index: number, forceIntoFirstElement?: boolean, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode) => void; + forceUpdate: () => void; + getStartItemIndexInView: () => number; +} + +// @public (undocumented) +export interface IDetailsListCheckboxProps extends IDetailsCheckboxProps { +} + +// @public (undocumented) +export interface IDetailsListProps extends IBaseProps, IWithViewportProps { + ariaLabel?: string; + ariaLabelForGrid?: string; + ariaLabelForListHeader?: string; + ariaLabelForSelectAllCheckbox?: string; + ariaLabelForSelectionColumn?: string; + cellStyleProps?: ICellStyleProps; + checkboxCellClassName?: string; + checkboxVisibility?: CheckboxVisibility; + checkButtonAriaLabel?: string; + className?: string; + columnReorderOptions?: IColumnReorderOptions; + columns?: IColumn[]; + compact?: boolean; + componentRef?: IRefObject; + constrainMode?: ConstrainMode; + disableSelectionZone?: boolean; + dragDropEvents?: IDragDropEvents; + enableUpdateAnimations?: boolean; + enterModalSelectionOnTouch?: boolean; + getCellValueKey?: (item?: any, index?: number, column?: IColumn) => string; + getGroupHeight?: IGroupedListProps['getGroupHeight']; + getKey?: (item: any, index?: number) => string; + getRowAriaDescribedBy?: (item: any) => string; + getRowAriaLabel?: (item: any) => string; + groupProps?: IDetailsGroupRenderProps; + groups?: IGroup[]; + indentWidth?: number; + initialFocusedIndex?: number; + isHeaderVisible?: boolean; + isPlaceholderData?: boolean; + items: any[]; + layoutMode?: DetailsListLayoutMode; + listProps?: IListProps; + minimumPixelsForDrag?: number; + onActiveItemChanged?: (item?: any, index?: number, ev?: React.FocusEvent) => void; + onColumnHeaderClick?: (ev?: React.MouseEvent, column?: IColumn) => void; + onColumnHeaderContextMenu?: (column?: IColumn, ev?: React.MouseEvent) => void; + onColumnResize?: (column?: IColumn, newWidth?: number, columnIndex?: number) => void; + onDidUpdate?: (detailsList?: DetailsListBase) => void; + onItemContextMenu?: (item?: any, index?: number, ev?: Event) => void | boolean; + onItemInvoked?: (item?: any, index?: number, ev?: Event) => void; + onRenderCheckbox?: IRenderFunction; + onRenderDetailsFooter?: IRenderFunction; + onRenderDetailsHeader?: IRenderFunction; + onRenderItemColumn?: (item?: any, index?: number, column?: IColumn) => React.ReactNode; + onRenderMissingItem?: (index?: number, rowProps?: IDetailsRowProps) => React.ReactNode; + onRenderRow?: IRenderFunction; + onRowDidMount?: (item?: any, index?: number) => void; + onRowWillUnmount?: (item?: any, index?: number) => void; + onShouldVirtualize?: (props: IListProps) => boolean; + rowElementEventMap?: { + eventName: string; + callback: (context: IDragDropContext, event?: any) => void; + }[]; + selection?: ISelection; + selectionMode?: SelectionMode; + selectionPreservedOnEmptyClick?: boolean; + selectionZoneProps?: ISelectionZoneProps; + setKey?: string; + shouldApplyApplicationRole?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + useFastIcons?: boolean; + usePageCache?: boolean; + useReducedRowRenderer?: boolean; + viewport?: IViewport; +} + +// @public (undocumented) +export interface IDetailsListState { + // (undocumented) + adjustedColumns: IColumn[]; + // (undocumented) + focusedItemIndex: number; + // (undocumented) + getDerivedStateFromProps(nextProps: IDetailsListProps, previousState: IDetailsListState): IDetailsListState; + // (undocumented) + isCollapsed?: boolean; + // (undocumented) + isSizing?: boolean; + // (undocumented) + isSomeGroupExpanded?: boolean; + // (undocumented) + lastSelectionMode?: SelectionMode; + // (undocumented) + lastWidth?: number; + version: {}; +} + +// @public (undocumented) +export type IDetailsListStyleProps = Required> & Pick & { + isHorizontalConstrained?: boolean; + compact?: boolean; + isFixed?: boolean; +}; + +// @public (undocumented) +export interface IDetailsListStyles { + // (undocumented) + contentWrapper: IStyle; + // (undocumented) + focusZone: IStyle; + // (undocumented) + headerWrapper: IStyle; + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IDetailsRow { +} + +// @public (undocumented) +export interface IDetailsRowBaseProps extends Pick, IBaseProps, IDetailsItemProps { + cellsByColumn?: { + [columnKey: string]: React.ReactNode; + }; + checkboxCellClassName?: string; + checkButtonAriaLabel?: string; + className?: string; + collapseAllVisibility?: CollapseAllVisibility; + compact?: boolean; + componentRef?: IRefObject; + dragDropEvents?: IDragDropEvents; + dragDropHelper?: IDragDropHelper; + enableUpdateAnimations?: boolean; + eventsToRegister?: { + eventName: string; + callback: (item?: any, index?: number, event?: any) => void; + }[]; + getRowAriaDescribedBy?: (item: any) => string; + getRowAriaLabel?: (item: any) => string; + item: any; + itemIndex: number; + onDidMount?: (row?: DetailsRowBase) => void; + onRenderCheck?: (props: IDetailsRowCheckProps) => JSX.Element; + onRenderDetailsCheckbox?: IRenderFunction; + onWillUnmount?: (row?: DetailsRowBase) => void; + rowFieldsAs?: React.ComponentType; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + useFastIcons?: boolean; + useReducedRowRenderer?: boolean; +} + +// @public (undocumented) +export interface IDetailsRowCheckProps extends React.HTMLAttributes { + anySelected?: boolean; + canSelect: boolean; + checkClassName?: string; + className?: string; + compact?: boolean; + isHeader?: boolean; + isVisible?: boolean; + onRenderDetailsCheckbox?: IRenderFunction; + selected?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + useFastIcons?: boolean; +} + +// @public (undocumented) +export type IDetailsRowCheckStyleProps = Required> & Pick & { + isVisible?: boolean; +}; + +// @public (undocumented) +export interface IDetailsRowCheckStyles { + // @deprecated (undocumented) + check: IStyle; + // (undocumented) + isDisabled: IStyle; + // (undocumented) + root: IStyle; +} + +// @public +export interface IDetailsRowFieldsProps extends IOverrideColumnRenderProps { + cellStyleProps?: ICellStyleProps; + columns: IColumn[]; + columnStartIndex: number; + compact?: boolean; + // (undocumented) + enableUpdateAnimations?: boolean; + item: any; + itemIndex: number; + rowClassNames: { + [k in keyof Pick]: string; + }; +} + +// @public (undocumented) +export interface IDetailsRowProps extends IDetailsRowBaseProps { + columns: IColumn[]; + selection: ISelection; + selectionMode: SelectionMode; +} + +// @public (undocumented) +export interface IDetailsRowSelectionState { + // (undocumented) + isSelected: boolean; + // (undocumented) + isSelectionModal: boolean; +} + +// @public (undocumented) +export interface IDetailsRowState { + // (undocumented) + columnMeasureInfo?: { + index: number; + column: IColumn; + onMeasureDone: (measuredWidth: number) => void; + }; + // (undocumented) + isDropping?: boolean; + // (undocumented) + selectionState: IDetailsRowSelectionState; +} + +// @public (undocumented) +export type IDetailsRowStyleProps = Required> & { + isSelected?: boolean; + anySelected?: boolean; + canSelect?: boolean; + droppingClassName?: string; + isCheckVisible?: boolean; + isRowHeader?: boolean; + checkboxCellClassName?: string; + className?: string; + compact?: boolean; + cellStyleProps?: ICellStyleProps; + enableUpdateAnimations?: boolean; +}; + +// @public (undocumented) +export interface IDetailsRowStyles { + // (undocumented) + cell: IStyle; + // (undocumented) + cellAnimation: IStyle; + // (undocumented) + cellMeasurer: IStyle; + // (undocumented) + cellPadded: IStyle; + // (undocumented) + cellUnpadded: IStyle; + // (undocumented) + check: IStyle; + // (undocumented) + checkCell: IStyle; + // (undocumented) + checkCover: IStyle; + // (undocumented) + fields: IStyle; + // (undocumented) + isMultiline: IStyle; + // (undocumented) + isRowHeader: IStyle; + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IDialog { +} + +// @public (undocumented) +export interface IDialogContent { +} + +// @public (undocumented) +export interface IDialogContentProps extends React.ClassAttributes { + className?: string; + closeButtonAriaLabel?: string; + componentRef?: IRefObject; + draggableHeaderClassName?: string; + isMultiline?: boolean; + onDismiss?: (ev?: React.MouseEvent) => any; + responsiveMode?: ResponsiveMode; + showCloseButton?: boolean; + styles?: IStyleFunctionOrObject; + subText?: string; + subTextId?: string; + theme?: ITheme; + title?: string | JSX.Element; + // @deprecated + titleId?: string; + titleProps?: React.HTMLAttributes; + topButtonsProps?: IButtonProps[]; + type?: DialogType; +} + +// @public (undocumented) +export interface IDialogContentStyleProps { + className?: string; + draggableHeaderClassName?: string; + // (undocumented) + hidden?: boolean; + // (undocumented) + isClose?: boolean; + // (undocumented) + isLargeHeader?: boolean; + isMultiline?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface IDialogContentStyles { + // (undocumented) + button: IStyle; + content: IStyle; + // (undocumented) + header: IStyle; + // (undocumented) + inner: IStyle; + // (undocumented) + innerContent: IStyle; + // (undocumented) + subText: IStyle; + // (undocumented) + title: IStyle; + // (undocumented) + topButton: IStyle; +} + +// @public (undocumented) +export interface IDialogFooter { +} + +// @public (undocumented) +export interface IDialogFooterProps extends React.Props { + className?: string; + componentRef?: IRefObject; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IDialogFooterStyleProps { + className?: string; + theme: ITheme; +} + +// @public (undocumented) +export interface IDialogFooterStyles { + // (undocumented) + action: IStyle; + actions: IStyle; + // (undocumented) + actionsRight: IStyle; +} + +// @public (undocumented) +export interface IDialogProps extends React.ClassAttributes, IWithResponsiveModeState, IAccessiblePopupProps { + // @deprecated + ariaDescribedById?: string; + // @deprecated + ariaLabelledById?: string; + // @deprecated + className?: string; + // @deprecated (undocumented) + componentRef?: IRefObject; + // @deprecated + containerClassName?: string; + // @deprecated + contentClassName?: string; + dialogContentProps?: IDialogContentProps; + hidden?: boolean; + // @deprecated + isBlocking?: boolean; + // @deprecated + isDarkOverlay?: boolean; + // @deprecated + isOpen?: boolean; + maxWidth?: ICSSRule | ICSSPixelUnitRule; + minWidth?: ICSSRule | ICSSPixelUnitRule; + modalProps?: IModalProps; + onDismiss?: (ev?: React.MouseEvent) => any; + // @deprecated + onDismissed?: () => any; + // @deprecated + onLayerDidMount?: () => void; + // @deprecated + onLayerMounted?: () => void; + styles?: IStyleFunctionOrObject; + // @deprecated + subText?: string; + theme?: ITheme; + // @deprecated + title?: string | JSX.Element; + // @deprecated + topButtonsProps?: IButtonProps[]; + // @deprecated + type?: DialogType; +} + +// @public (undocumented) +export interface IDialogStyleProps { + className?: string; + // @deprecated + containerClassName?: string; + // @deprecated + contentClassName?: string; + dialogDefaultMaxWidth?: string | ICSSRule | ICSSPixelUnitRule; + dialogDefaultMinWidth?: string | ICSSRule | ICSSPixelUnitRule; + hidden?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface IDialogStyles { + // (undocumented) + main: IStyle; + root: IStyle; +} + +// @public (undocumented) +export interface IDividerAsProps extends IIconProps { + item?: IBreadcrumbItem; +} + +// @public (undocumented) +export interface IDocumentCard { + focus: () => void; +} + +// @public (undocumented) +export interface IDocumentCardActions { +} + +// Warning: (ae-forgotten-export) The symbol "DocumentCardActionsBase" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export interface IDocumentCardActionsProps extends React.ClassAttributes { + actions: IButtonProps[]; + className?: string; + componentRef?: IRefObject; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + views?: Number; +} + +// @public (undocumented) +export interface IDocumentCardActionsStyleProps { + className?: string; + theme: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardActionsStyles { + // (undocumented) + action: IStyle; + // (undocumented) + root: IStyle; + // (undocumented) + views: IStyle; + // (undocumented) + viewsIcon: IStyle; +} + +// @public (undocumented) +export interface IDocumentCardActivity { +} + +// @public (undocumented) +export interface IDocumentCardActivityPerson { + allowPhoneInitials?: boolean; + initials?: string; + initialsColor?: PersonaInitialsColor; + name: string; + profileImageSrc: string; +} + +// Warning: (ae-forgotten-export) The symbol "DocumentCardActivityBase" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export interface IDocumentCardActivityProps extends React.ClassAttributes { + activity: string; + className?: string; + componentRef?: IRefObject; + people: IDocumentCardActivityPerson[]; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardActivityStyleProps { + className?: string; + multiplePeople?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardActivityStyles { + // (undocumented) + activity: IStyle; + // (undocumented) + avatar: IStyle; + // (undocumented) + avatars: IStyle; + // (undocumented) + details: IStyle; + // (undocumented) + name: IStyle; + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IDocumentCardDetails { +} + +// Warning: (ae-forgotten-export) The symbol "DocumentCardDetailsBase" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export interface IDocumentCardDetailsProps extends React.Props { + className?: string; + componentRef?: IRefObject; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardDetailsStyleProps { + className?: string; + theme: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardDetailsStyles { + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IDocumentCardImage { +} + +// @public (undocumented) +export interface IDocumentCardImageProps extends IBaseProps<{}> { + className?: string; + componentRef?: IRefObject; + height?: number; + iconProps?: IIconProps; + imageFit?: ImageFit; + imageSrc?: string; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + width?: number; +} + +// @public (undocumented) +export interface IDocumentCardImageStyleProps extends IDocumentCardImageProps { +} + +// @public (undocumented) +export interface IDocumentCardImageStyles { + // (undocumented) + centeredIcon: IStyle; + // (undocumented) + centeredIconWrapper: IStyle; + // (undocumented) + cornerIcon: IStyle; + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IDocumentCardLocation { +} + +// Warning: (ae-forgotten-export) The symbol "DocumentCardLocationBase" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export interface IDocumentCardLocationProps extends React.ClassAttributes { + ariaLabel?: string; + className?: string; + componentRef?: IRefObject; + location: string; + locationHref?: string; + onClick?: (ev?: React.MouseEvent) => void; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardLocationStyleProps { + className?: string; + theme: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardLocationStyles { + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IDocumentCardLogo { +} + +// Warning: (ae-forgotten-export) The symbol "DocumentCardLogoBase" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export interface IDocumentCardLogoProps extends React.ClassAttributes { + className?: string; + componentRef?: IRefObject; + logoIcon: string; + logoName?: string; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardLogoStyleProps { + className?: string; + theme: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardLogoStyles { + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IDocumentCardPreview { +} + +// @public (undocumented) +export interface IDocumentCardPreviewImage { + // @deprecated + accentColor?: string; + componentRef?: IRefObject<{}>; + // @deprecated (undocumented) + errorImageSrc?: string; + height?: number; + iconSrc?: string; + imageFit?: ImageFit; + linkProps?: ILinkProps; + name?: string; + previewIconContainerClass?: string; + previewIconProps?: IIconProps; + previewImageSrc?: string; + // @deprecated + url?: string; + width?: number; +} + +// @public (undocumented) +export interface IDocumentCardPreviewProps extends IBaseProps<{}> { + className?: string; + componentRef?: IRefObject; + getOverflowDocumentCountText?: (overflowCount: number) => string; + maxDisplayCount?: number; + previewImages: IDocumentCardPreviewImage[]; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardPreviewStyleProps { + className?: string; + isFileList?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardPreviewStyles { + // (undocumented) + fileList: IStyle; + // (undocumented) + fileListIcon: IStyle; + // (undocumented) + fileListLink: IStyle; + // (undocumented) + fileListOverflowText: IStyle; + // (undocumented) + icon: IStyle; + // (undocumented) + previewIcon: IStyle; + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IDocumentCardProps extends IBaseProps, React.HTMLAttributes { + // @deprecated + accentColor?: string; + children?: React.ReactNode; + className?: string; + componentRef?: IRefObject; + onClick?: (ev?: React.SyntheticEvent) => void; + onClickHref?: string; + onClickTarget?: string; + role?: string; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + type?: DocumentCardType; +} + +// @public (undocumented) +export interface IDocumentCardStatus { +} + +// Warning: (ae-forgotten-export) The symbol "DocumentCardStatusBase" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export interface IDocumentCardStatusProps extends React.Props { + className?: string; + componentRef?: IRefObject; + status: string; + statusIcon?: string; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardStatusStyleProps { + className?: string; + theme: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardStatusStyles { + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IDocumentCardStyleProps { + actionable?: boolean; + className?: string; + compact?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardStyles { + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IDocumentCardTitle { +} + +// Warning: (ae-forgotten-export) The symbol "DocumentCardTitleBase" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export interface IDocumentCardTitleProps extends React.ClassAttributes { + className?: string; + componentRef?: IRefObject; + shouldTruncate?: boolean; + showAsSecondaryTitle?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + title: string; +} + +// @public (undocumented) +export interface IDocumentCardTitleStyleProps { + className?: string; + showAsSecondaryTitle?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface IDocumentCardTitleStyles { + // (undocumented) + root: IStyle; +} + +// @public +export interface IDragDropContext { + data: any; + index: number; + isGroup?: boolean; +} + +// @public (undocumented) +export interface IDragDropEvent { + isHandled?: boolean; +} + +// @public +export interface IDragDropEvents { + canDrag?: (item?: any) => boolean; + canDragGroups?: boolean; + canDrop?: (dropContext?: IDragDropContext, dragContext?: IDragDropContext) => boolean; + onDragEnd?: (item?: any, event?: DragEvent) => void; + onDragEnter?: (item?: any, event?: DragEvent) => string; + onDragLeave?: (item?: any, event?: DragEvent) => void; + onDragOver?: (item?: any, event?: DragEvent) => void; + onDragStart?: (item?: any, itemIndex?: number, selectedItems?: any[], event?: MouseEvent) => void; + onDrop?: (item?: any, event?: DragEvent) => void; +} + +// @public +export interface IDragDropHelper { + dispose: () => void; + subscribe: (root: HTMLElement, events: EventGroup, options: IDragDropOptions) => { + key: string; + dispose: () => void; + }; + unsubscribe: (root: HTMLElement, key: string) => void; +} + +// @public (undocumented) +export interface IDragDropHelperParams { + // (undocumented) + minimumPixelsForDrag?: number; + // (undocumented) + selection: ISelection; +} + +// @public +export interface IDragDropOptions { + canDrag?: (item?: any) => boolean; + canDrop?: (dropContext?: IDragDropContext, dragContext?: IDragDropContext) => boolean; + context: IDragDropContext; + eventMap?: { + eventName: string; + callback: (context: IDragDropContext, event?: any) => void; + }[]; + key?: string; + onDragEnd?: (item?: any, event?: DragEvent) => void; + onDragOver?: (item?: any, event?: DragEvent) => void; + onDragStart?: (item?: any, itemIndex?: number, selectedItems?: any[], event?: MouseEvent) => void; + onDrop?: (item?: any, event?: DragEvent) => void; + selectionIndex: number; + updateDropState: (isDropping: boolean, event: DragEvent) => void; +} + +// @public (undocumented) +export interface IDragDropTarget { + // (undocumented) + key: string; + // (undocumented) + options: IDragDropOptions; + // (undocumented) + root: HTMLElement; +} + +// @public (undocumented) +export interface IDragOptions { + closeMenuItemText: string; + dragHandleSelector?: string; + keepInBounds?: boolean; + keyboardMoveIconProps?: IIconProps; + menu: React.FunctionComponent; + moveMenuItemText: string; +} + +// @public (undocumented) +export interface IDropdown { + // (undocumented) + focus: (shouldOpenOnFocus?: boolean) => void; + readonly selectedOptions: IDropdownOption[]; +} + +// @public (undocumented) +export interface IDropdownOption extends ISelectableOption { + // @deprecated (undocumented) + isSelected?: boolean; +} + +// @public (undocumented) +export interface IDropdownProps extends ISelectableDroppableTextProps, React.RefAttributes { + defaultSelectedKeys?: string[] | number[]; + dropdownWidth?: number | 'auto'; + // @deprecated (undocumented) + isDisabled?: boolean; + multiSelectDelimiter?: string; + notifyOnReselect?: boolean; + onChange?: (event: React.FormEvent, option?: IDropdownOption, index?: number) => void; + // @deprecated (undocumented) + onChanged?: (option: IDropdownOption, index?: number) => void; + onRenderCaretDown?: IRenderFunction; + onRenderLabel?: IRenderFunction; + // @deprecated + onRenderPlaceHolder?: IRenderFunction; + onRenderPlaceholder?: IRenderFunction; + onRenderTitle?: IRenderFunction; + options: IDropdownOption[]; + // @deprecated + placeHolder?: string; + responsiveMode?: ResponsiveMode; + selectedKeys?: string[] | number[] | null; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public +export type IDropdownStyleProps = Pick & { + hasError: boolean; + hasLabel: boolean; + isOpen: boolean; + isRenderingPlaceholder: boolean; + panelClassName?: string; + calloutClassName?: string; + calloutRenderEdge?: RectangleEdge; +}; + +// @public +export interface IDropdownStyles { + callout: IStyle; + caretDown: IStyle; + caretDownWrapper: IStyle; + dropdown: IStyle; + dropdownDivider: IStyle; + dropdownItem: IStyle; + dropdownItemDisabled: IStyle; + dropdownItemHeader: IStyle; + dropdownItemHidden: IStyle; + dropdownItems: IStyle; + dropdownItemSelected: IStyle; + dropdownItemSelectedAndDisabled: IStyle; + dropdownItemsWrapper: IStyle; + dropdownOptionText: IStyle; + errorMessage: IStyle; + label: IStyle; + // @deprecated + panel: IStyle; + root: IStyle; + subComponentStyles: IDropdownSubComponentStyles; + title: IStyle; +} + +// @public (undocumented) +export interface IDropdownSubComponentStyles { + label: IStyleFunctionOrObject; + multiSelectItem: IStyleFunctionOrObject; + panel: IStyleFunctionOrObject; +} + +// @public (undocumented) +export interface IDropHintDetails { + // (undocumented) + dropHintElementRef: HTMLElement; + // (undocumented) + endX: number; + // (undocumented) + originX: number; + // (undocumented) + startX: number; +} + +// @public (undocumented) +export interface IEditingSelectedPeopleItemProps extends ISelectedPeopleItemProps { + // (undocumented) + floatingPickerProps?: IBaseFloatingPickerProps; + // (undocumented) + getEditingItemText?: (item: IExtendedPersonaProps) => string; + // (undocumented) + onEditingComplete: (oldItem: any, newItem: any) => void; + // (undocumented) + onRenderFloatingPicker?: React.ComponentType>; +} + +// @public (undocumented) +export interface IEditingSelectedPeopleItemStyles { + // (undocumented) + input: IStyle; + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IEditingSelectedPeopleItemStylesProps { +} + +// @public +export interface IElementPosition { + // (undocumented) + alignmentEdge: RectangleEdge | undefined; + // (undocumented) + elementRectangle: Rectangle; + // (undocumented) + targetEdge: RectangleEdge; +} + +// @public (undocumented) +export interface IElementPositionInfo extends IElementPosition { + // (undocumented) + targetRectangle: Rectangle; +} + +// @public +export interface IEntityRect { + // (undocumented) + height?: number; + // (undocumented) + width?: number; +} + +// @public (undocumented) +export interface IExpandingCard { +} + +// Warning: (ae-forgotten-export) The symbol "IBaseCardProps" needs to be exported by the entry point index.d.ts +// +// @public +export interface IExpandingCardProps extends IBaseCardProps { + compactCardHeight?: number; + expandedCardHeight?: number; + mode?: ExpandingCardMode; + onRenderCompactCard?: IRenderFunction; + onRenderExpandedCard?: IRenderFunction; +} + +// @public (undocumented) +export interface IExpandingCardState { + // (undocumented) + firstFrameRendered: boolean; + // (undocumented) + needsScroll: boolean; +} + +// Warning: (ae-forgotten-export) The symbol "IBaseCardStyleProps" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export interface IExpandingCardStyleProps extends IBaseCardStyleProps { + compactCardHeight?: number; + expandedCardFirstFrameRendered?: boolean; + expandedCardHeight?: number; + needsScroll?: boolean; +} + +// Warning: (ae-forgotten-export) The symbol "IBaseCardStyles" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export interface IExpandingCardStyles extends IBaseCardStyles { + compactCard?: IStyle; + expandedCard?: IStyle; + expandedCardScroll?: IStyle; +} + +// @public (undocumented) +export interface IExtendedPeoplePickerProps extends IBaseExtendedPickerProps { +} + +// @public (undocumented) +export interface IExtendedPersonaProps extends IPersonaProps { + // (undocumented) + blockRecipientRemoval?: boolean; + // (undocumented) + canExpand?: boolean; + // (undocumented) + isEditing?: boolean; + // (undocumented) + isValid: boolean; + // (undocumented) + key?: React.Key; + // (undocumented) + shouldBlockSelection?: boolean; +} + +// @public (undocumented) +export interface IFabricProps extends React.HTMLAttributes, React.RefAttributes { + applyTheme?: boolean; + applyThemeToBody?: boolean; + as?: React.ElementType; + // (undocumented) + componentRef?: IRefObject<{}>; + dir?: 'rtl' | 'ltr' | 'auto'; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IFabricStyleProps extends IFabricProps { + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface IFabricStyles { + // (undocumented) + bodyThemed: IStyle; + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IFacepile { +} + +// @public (undocumented) +export interface IFacepilePersona extends React.ButtonHTMLAttributes { + allowPhoneInitials?: boolean; + data?: any; + imageInitials?: string; + imageUrl?: string; + initialsColor?: PersonaInitialsColor; + keytipProps?: IKeytipProps; + onClick?: (ev?: React.MouseEvent, persona?: IFacepilePersona) => void; + onMouseMove?: (ev?: React.MouseEvent, persona?: IFacepilePersona) => void; + onMouseOut?: (ev?: React.MouseEvent, persona?: IFacepilePersona) => void; + personaName?: string; +} + +// @public (undocumented) +export interface IFacepileProps extends React.ClassAttributes { + addButtonProps?: IButtonProps; + ariaDescription?: string; + ariaLabel?: string; + // @deprecated + chevronButtonProps?: IButtonProps; + className?: string; + componentRef?: IRefObject; + getPersonaProps?: (persona: IFacepilePersona) => IPersonaSharedProps; + maxDisplayablePersonas?: number; + onRenderPersona?: IRenderFunction; + onRenderPersonaCoin?: IRenderFunction; + overflowButtonProps?: IButtonProps; + overflowButtonType?: OverflowButtonType; + overflowPersonas?: IFacepilePersona[]; + personas: IFacepilePersona[]; + personaSize?: PersonaSize; + showAddButton?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IFacepileStyleProps { + className?: string; + spacingAroundItemButton?: number; + theme: ITheme; +} + +// @public (undocumented) +export interface IFacepileStyles { + // (undocumented) + addButton: IStyle; + // (undocumented) + descriptiveOverflowButton: IStyle; + // (undocumented) + itemButton: IStyle; + // (undocumented) + itemContainer: IStyle; + // (undocumented) + member: IStyle; + // (undocumented) + members: IStyle; + // (undocumented) + overflowButton: IStyle; + // (undocumented) + overflowInitialsIcon: IStyle; + root: IStyle; + // (undocumented) + screenReaderOnly: IStyle; +} + +// @public (undocumented) +export interface IFocusTrapCalloutProps extends ICalloutProps { + focusTrapProps?: IFocusTrapZoneProps; +} + +// @public (undocumented) +export interface IFocusTrapZone { + focus: () => void; +} + +// @public (undocumented) +export interface IFocusTrapZoneProps extends React.HTMLAttributes, React.RefAttributes { + ariaLabelledBy?: string; + componentRef?: IRefObject; + disabled?: boolean; + disableFirstFocus?: boolean; + elementToFocusOnDismiss?: HTMLElement; + enableAriaHiddenSiblings?: boolean; + firstFocusableSelector?: string | (() => string); + focusPreviouslyFocusedInnerElement?: boolean; + forceFocusInsideTrap?: boolean; + ignoreExternalFocusing?: boolean; + isClickableOutsideFocusTrap?: boolean; +} + +// @public +export interface IFontIconProps extends React.HTMLAttributes { + className?: string; + iconName?: string; +} + +// @public +export interface IGap extends IShimmerElement { + height?: number; + width?: number | string; +} + +// @public (undocumented) +export interface IGenericItem { + // (undocumented) + imageInitials: string; + // (undocumented) + primaryText: string; + // (undocumented) + ValidationState: ValidationState; +} + +// @public (undocumented) +export interface IGroup { + ariaLabel?: string; + children?: IGroup[]; + count: number; + data?: any; + hasMoreData?: boolean; + isCollapsed?: boolean; + isDropEnabled?: boolean; + // @deprecated (undocumented) + isSelected?: boolean; + isShowingAll?: boolean; + key: string; + level?: number; + name: string; + startIndex: number; +} + +// @public (undocumented) +export interface IGroupDividerProps { + ariaColSpan?: number; + className?: string; + compact?: boolean; + // (undocumented) + componentRef?: IRefObject<{}>; + // @deprecated + expandButtonProps?: React.HTMLAttributes; + footerText?: string; + group?: IGroup; + groupIndex?: number; + groupLevel?: number; + groups?: IGroup[]; + indentWidth?: number; + isCollapsedGroupSelectVisible?: boolean; + isGroupLoading?: (group: IGroup) => boolean; + // @deprecated (undocumented) + isSelected?: boolean; + loadingText?: string; + onGroupHeaderClick?: (group: IGroup) => void; + onGroupHeaderKeyUp?: (ev: React.KeyboardEvent, group?: IGroup) => void; + onRenderTitle?: IRenderFunction; + onToggleCollapse?: (group: IGroup) => void; + onToggleSelectGroup?: (group: IGroup) => void; + onToggleSummarize?: (group: IGroup) => void; + selected?: boolean; + selectionMode?: SelectionMode; + showAllLinkText?: string; + theme?: ITheme; + viewport?: IViewport; +} + +// @public (undocumented) +export interface IGroupedList extends IList { + forceUpdate: () => void; + toggleCollapseAll: (allCollapsed: boolean) => void; +} + +// @public (undocumented) +export interface IGroupedListProps extends React.ClassAttributes { + className?: string; + compact?: boolean; + componentRef?: IRefObject; + dragDropEvents?: IDragDropEvents; + dragDropHelper?: IDragDropHelper; + eventsToRegister?: { + eventName: string; + callback: (context: IDragDropContext, event?: any) => void; + }[]; + focusZoneProps?: IFocusZoneProps; + getGroupHeight?: (group: IGroup, groupIndex: number) => number; + groupProps?: IGroupRenderProps; + groups?: IGroup[]; + items: any[]; + listProps?: IListProps; + onGroupExpandStateChanged?: (isSomeGroupExpanded: boolean) => void; + onRenderCell: (nestingDepth?: number, item?: any, index?: number) => React.ReactNode; + onShouldVirtualize?: (props: IListProps) => boolean; + role?: string; + rootListProps?: IListProps; + selection?: ISelection; + selectionMode?: SelectionMode; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + usePageCache?: boolean; + viewport?: IViewport; +} + +// @public (undocumented) +export interface IGroupedListSectionProps extends React.ClassAttributes { + compact?: boolean; + componentRef?: () => void; + dragDropEvents?: IDragDropEvents; + dragDropHelper?: IDragDropHelper; + eventsToRegister?: { + eventName: string; + callback: (context: IDragDropContext, event?: any) => void; + }[]; + footerProps?: IGroupFooterProps; + getGroupItemLimit?: (group: IGroup) => number; + group?: IGroup; + groupedListClassNames?: IProcessedStyleSet; + groupIndex?: number; + groupNestingDepth?: number; + groupProps?: IGroupRenderProps; + groups?: IGroup[]; + headerProps?: IGroupHeaderProps; + items: any[]; + listProps?: IListProps; + onRenderCell: (nestingDepth?: number, item?: any, index?: number) => React.ReactNode; + onRenderGroupFooter?: IRenderFunction; + onRenderGroupHeader?: IRenderFunction; + onRenderGroupShowAll?: IRenderFunction; + onShouldVirtualize?: (props: IListProps) => boolean; + selection?: ISelection; + selectionMode?: SelectionMode; + showAllProps?: IGroupShowAllProps; + viewport?: IViewport; +} + +// @public (undocumented) +export interface IGroupedListSectionState { + // (undocumented) + isDropping?: boolean; + // (undocumented) + isSelected?: boolean; +} + +// @public (undocumented) +export interface IGroupedListState { + // (undocumented) + compact?: IGroupedListProps['compact']; + // (undocumented) + groups?: IGroup[]; + // (undocumented) + items?: IGroupedListProps['items']; + // (undocumented) + listProps?: IGroupedListProps['listProps']; + // (undocumented) + selectionMode?: IGroupedListProps['selectionMode']; + // (undocumented) + version: {}; +} + +// @public (undocumented) +export type IGroupedListStyleProps = Required> & Pick & { + isCollapsed?: boolean; + compact?: boolean; +}; + +// @public (undocumented) +export interface IGroupedListStyles { + // (undocumented) + group: IStyle; + // (undocumented) + groupIsDropping: IStyle; + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IGroupFooterProps extends IGroupDividerProps { + styles?: IStyleFunctionOrObject; +} + +// @public (undocumented) +export type IGroupFooterStyleProps = Required> & Pick & { + isCollapsed?: boolean; +}; + +// @public (undocumented) +export interface IGroupFooterStyles { + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IGroupHeaderCheckboxProps { + // (undocumented) + checked: boolean; + // (undocumented) + theme?: ITheme; +} + +// @public (undocumented) +export interface IGroupHeaderProps extends IGroupDividerProps { + ariaPosInSet?: number; + ariaSetSize?: number; + expandButtonIcon?: string; + expandButtonProps?: React.HTMLAttributes; + groupedListId?: string; + onRenderGroupHeaderCheckbox?: IRenderFunction; + selectAllButtonProps?: React.HTMLAttributes; + styles?: IStyleFunctionOrObject; + useFastIcons?: boolean; +} + +// @public (undocumented) +export type IGroupHeaderStyleProps = Required> & Pick & { + isCollapsed?: boolean; + compact?: boolean; +}; + +// @public (undocumented) +export interface IGroupHeaderStyles { // (undocumented) check: IStyle; // (undocumented) - checkTooltip: IStyle; + dropIcon: IStyle; + // (undocumented) + expand: IStyle; + // (undocumented) + expandIsCollapsed: IStyle; + // (undocumented) + groupHeaderContainer: IStyle; + // (undocumented) + headerCount: IStyle; + // (undocumented) + root: IStyle; + // (undocumented) + title: IStyle; +} + +// @public (undocumented) +export interface IGroupRenderProps { + collapseAllVisibility?: CollapseAllVisibility; + footerProps?: IGroupFooterProps; + getGroupItemLimit?: (group: IGroup) => number; + headerProps?: IGroupHeaderProps; + isAllGroupsCollapsed?: boolean; + onRenderFooter?: IRenderFunction; + onRenderHeader?: IRenderFunction; + onRenderShowAll?: IRenderFunction; + onToggleCollapseAll?: (isAllCollapsed: boolean) => void; + role?: string; + showAllProps?: IGroupShowAllProps; + showEmptyGroups?: boolean; +} + +// @public (undocumented) +export interface IGroupShowAllProps extends IGroupDividerProps { + showAllLinkText?: string; + styles?: IStyleFunctionOrObject; +} + +// @public (undocumented) +export type IGroupShowAllStyleProps = Required>; + +// @public (undocumented) +export interface IGroupShowAllStyles { + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IGroupSpacerProps { + count: number; + indentWidth?: number; + role?: string; + // @deprecated (undocumented) + styles?: IStyleFunctionOrObject; + // @deprecated (undocumented) + theme?: ITheme; +} + +// @public @deprecated (undocumented) +export type IGroupSpacerStyleProps = Required> & { + width?: number; +}; + +// @public @deprecated (undocumented) +export interface IGroupSpacerStyles { + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IHoverCard { + dismiss: (withTimeOut?: boolean) => void; +} + +// @public +export interface IHoverCardProps extends React.HTMLAttributes { + cardDismissDelay?: number; + cardOpenDelay?: number; + className?: string; + componentRef?: IRefObject; + eventListenerTarget?: HTMLElement | string | null; + expandedCardOpenDelay?: number; + expandingCardProps?: IExpandingCardProps; + instantOpenOnClick?: boolean; + onCardExpand?: () => void; + onCardHide?: () => void; + onCardVisible?: () => void; + openHotKey?: KeyCodes; + plainCardProps?: IPlainCardProps; + setAriaDescribedBy?: boolean; + setInitialFocus?: boolean; + shouldBlockHoverCard?: () => void; + sticky?: boolean; + styles?: IStyleFunctionOrObject; + target?: HTMLElement | string | null; + theme?: ITheme; + trapFocus?: boolean; + type?: HoverCardType; +} + +// @public (undocumented) +export interface IHoverCardState { + // (undocumented) + isHoverCardVisible?: boolean; + // (undocumented) + mode?: ExpandingCardMode; + // (undocumented) + openMode?: OpenCardMode; +} + +// @public (undocumented) +export interface IHoverCardStyleProps { + className?: string; + theme: ITheme; +} + +// @public (undocumented) +export interface IHoverCardStyles { + host?: IStyle; +} + +// @public (undocumented) +export interface IHSL { + h: number; + l: number; + s: number; +} + +// @public (undocumented) +export interface IHSV { + h: number; + s: number; + v: number; +} + +// @public (undocumented) +export interface IIconContent { + // (undocumented) + children?: string; + // (undocumented) + fontFamily?: string; + // (undocumented) + iconClassName?: string; +} + +// @public (undocumented) +export interface IIconProps extends IBaseProps, React.HTMLAttributes { + // @deprecated + ariaLabel?: string; + iconName?: string; + // @deprecated + iconType?: IconType; + imageErrorAs?: React.ComponentType; + imageProps?: IImageProps; + styles?: IStyleFunctionOrObject; + // (undocumented) + theme?: ITheme; +} + +// @public (undocumented) +export interface IIconState { + // (undocumented) + imageLoadError: boolean; +} + +// @public (undocumented) +export interface IIconStyleProps { + // (undocumented) + className?: string; + // (undocumented) + iconClassName?: string; + // (undocumented) + isImage: boolean; + // (undocumented) + isPlaceholder: boolean; + // (undocumented) + styles?: Partial; + // (undocumented) + theme?: ITheme; +} + +// @public (undocumented) +export interface IIconStyles { + // @deprecated (undocumented) + imageContainer?: IStyle; + // (undocumented) + root?: IStyle; +} + +// @public (undocumented) +export interface IImage { +} + +// @public +export interface IImageIconProps extends React.HTMLAttributes { + className?: string; + imageProps: IImageProps; +} + +// @public (undocumented) +export interface IImageProps extends React.ImgHTMLAttributes, React.RefAttributes { + className?: string; + coverStyle?: ImageCoverStyle; + // @deprecated (undocumented) + errorSrc?: string; + imageFit?: ImageFit; + maximizeFrame?: boolean; + onLoadingStateChange?: (loadState: ImageLoadState) => void; + shouldFadeIn?: boolean; + shouldStartVisible?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IImageState { + // (undocumented) + loadState?: ImageLoadState; +} + +// @public (undocumented) +export interface IImageStyleProps { + className?: string; + height?: number | string; + isCenter?: boolean; + // (undocumented) + isCenterContain?: boolean; + // (undocumented) + isCenterCover?: boolean; + // (undocumented) + isContain?: boolean; + // (undocumented) + isCover?: boolean; + isError?: boolean; + isLandscape?: boolean; + isLoaded?: boolean; + // (undocumented) + isNone?: boolean; + isNotImageFit?: boolean; + maximizeFrame?: boolean; + shouldFadeIn?: boolean; + shouldStartVisible?: boolean; + theme: ITheme; + width?: number | string; +} + +// @public (undocumented) +export interface IImageStyles { + image: IStyle; + root: IStyle; +} + +// @public +export interface IInputProps extends React.InputHTMLAttributes { + 'aria-label'?: string; + defaultVisibleValue?: string; +} + +// @public (undocumented) +export interface IKeytipConfig { + // (undocumented) + keytips: IKeytipConfigItem[]; +} + +// @public (undocumented) +export interface IKeytipConfigItem { + children?: IKeytipConfigItem[]; + content: string; + id: string; + optionalProps?: Partial; + sequence?: string; +} + +// @public (undocumented) +export interface IKeytipConfigMap { + // (undocumented) + [id: string]: IKeytipProps; +} + +// @public (undocumented) +export interface IKeytipDataProps { + ariaDescribedBy?: string; + disabled?: boolean; + keytipProps?: IKeytipProps; +} + +// @public (undocumented) +export interface IKeytipLayer { +} + +// @public (undocumented) +export interface IKeytipLayerProps extends React.ClassAttributes { + componentRef?: IRefObject; + content: string; + keytipExitSequences?: IKeytipTransitionKey[]; + keytipReturnSequences?: IKeytipTransitionKey[]; + keytipStartSequences?: IKeytipTransitionKey[]; + onEnterKeytipMode?: () => void; + onExitKeytipMode?: (ev?: React.KeyboardEvent | React.MouseEvent) => void; + styles?: IStyleFunctionOrObject; +} + +// @public (undocumented) +export interface IKeytipLayerState { + // (undocumented) + inKeytipMode: boolean; + // (undocumented) + keytips: IKeytipProps[]; + // (undocumented) + visibleKeytips: IKeytipProps[]; +} + +// @public (undocumented) +export interface IKeytipLayerStyleProps { +} + +// @public (undocumented) +export interface IKeytipLayerStyles { + // (undocumented) + innerContent: IStyle; +} + +// @public (undocumented) +export interface IKeytipProps { + calloutProps?: ICalloutProps; + content: string; + disabled?: boolean; + hasDynamicChildren?: boolean; + hasMenu?: boolean; + keySequences: string[]; + offset?: Point; + onExecute?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void; + onReturn?: (executeTarget: HTMLElement | null, target: HTMLElement | null) => void; + overflowSetSequence?: string[]; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + visible?: boolean; +} + +// @public +export interface IKeytipStyleProps { + disabled?: boolean; + theme: ITheme; + visible?: boolean; +} + +// @public (undocumented) +export interface IKeytipStyles { + container: IStyle; + root: IStyle; +} + +// @public (undocumented) +export interface IKeytipTransitionKey { + // (undocumented) + key: string; + // (undocumented) + modifierKeys?: KeytipTransitionModifier[]; +} + +// @public (undocumented) +export interface ILabel { +} + +// @public (undocumented) +export interface ILabelProps extends React.LabelHTMLAttributes { + as?: IComponentAs>; + componentRef?: IRefObject; + disabled?: boolean; + required?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface ILabelStyleProps { + // (undocumented) + className?: string; + // (undocumented) + disabled?: boolean; + // (undocumented) + required?: boolean; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface ILabelStyles { + root: IStyle; +} + +// @public (undocumented) +export interface ILayer { +} + +// @public (undocumented) +export interface ILayerHost { +} + +// @public (undocumented) +export interface ILayerHostProps extends React.HTMLAttributes { + componentRef?: IRefObject; + id?: string; +} + +// @public (undocumented) +export interface ILayerProps extends React.HTMLAttributes, React.RefAttributes { + className?: string; + componentRef?: IRefObject; + eventBubblingEnabled?: boolean; + hostId?: string; + insertFirst?: boolean; + onLayerDidMount?: () => void; + // @deprecated + onLayerMounted?: () => void; + onLayerWillUnmount?: () => void; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface ILayerStyleProps { + className?: string; + isNotHost?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface ILayerStyles { + content?: IStyle; + root?: IStyle; +} + +// @public +export interface ILine extends IShimmerElement { + height?: number; + width?: number | string; +} + +// @public (undocumented) +export interface ILink { + focus(): void; +} + +// @public @deprecated (undocumented) +export interface ILinkHTMLAttributes extends React.HTMLAttributes { + [key: string]: any; + // (undocumented) + autoFocus?: boolean; + // (undocumented) + disabled?: boolean; + // (undocumented) + download?: any; + // (undocumented) + form?: string; + // (undocumented) + formAction?: string; + // (undocumented) + formEncType?: string; + // (undocumented) + formMethod?: string; + // (undocumented) + formNoValidate?: boolean; + // (undocumented) + formTarget?: string; + // (undocumented) + href?: string; + // (undocumented) + hrefLang?: string; + // (undocumented) + media?: string; + // (undocumented) + name?: string; + // (undocumented) + rel?: string; + // (undocumented) + target?: string; + // (undocumented) + type?: string; + // (undocumented) + value?: string | string[] | number; +} + +// @public +export interface ILinkProps extends React.AnchorHTMLAttributes, Omit, 'type'>, React.RefAttributes { + [key: string]: any; + as?: React.ElementType; + componentRef?: IRefObject; + disabled?: boolean; + href?: string; + onClick?: (event: React.MouseEvent) => void; + rel?: string; + styles?: IStyleFunctionOrObject; + target?: string; + theme?: ITheme; + type?: string; + underline?: boolean; +} + +// @public (undocumented) +export interface ILinkStyleProps { + // (undocumented) + className?: string; + // (undocumented) + isButton?: boolean; + // (undocumented) + isDisabled?: boolean; + // (undocumented) + isUnderlined?: boolean; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface ILinkStyles { + // (undocumented) + root: IStyle; +} + +// @public (undocumented) +export interface IList { + forceUpdate: () => void; + getStartItemIndexInView: () => number; + getTotalListHeight?: () => number; + scrollToIndex: (index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode) => void; +} + +// @public +export interface IListOnRenderRootProps { + divProps: React.HTMLAttributes; + pages: IPage[]; + rootRef: React.Ref; + surfaceElement: JSX.Element | null; +} + +// @public +export interface IListOnRenderSurfaceProps { + divProps: React.HTMLAttributes; + pageElements: JSX.Element[]; + pages: IPage[]; + surfaceRef: React.Ref; +} + +// @public (undocumented) +export interface IListProps extends React.HTMLAttributes | HTMLDivElement> { + className?: string; + componentRef?: IRefObject; + getItemCountForPage?: (itemIndex?: number, visibleRect?: IRectangle) => number; + getKey?: (item: T, index?: number) => string; + getPageHeight?: (itemIndex?: number, visibleRect?: IRectangle, itemCount?: number) => number; + getPageSpecification?: (itemIndex?: number, visibleRect?: IRectangle) => IPageSpecification; + getPageStyle?: (page: IPage) => any; + ignoreScrollingState?: boolean; + items?: T[]; + onPageAdded?: (page: IPage) => void; + onPageRemoved?: (page: IPage) => void; + onPagesUpdated?: (pages: IPage[]) => void; + onRenderCell?: (item?: T, index?: number, isScrolling?: boolean) => React.ReactNode; + onRenderPage?: IRenderFunction>; + onRenderRoot?: IRenderFunction>; + onRenderSurface?: IRenderFunction>; + onShouldVirtualize?: (props: IListProps) => boolean; + renderCount?: number; + renderedWindowsAhead?: number; + renderedWindowsBehind?: number; + role?: string; + startIndex?: number; + usePageCache?: boolean; + version?: {}; +} + +// @public (undocumented) +export interface IListState { + // (undocumented) + getDerivedStateFromProps(nextProps: IListProps, previousState: IListState): IListState; + // (undocumented) + isScrolling?: boolean; + measureVersion?: number; + // (undocumented) + pages?: IPage[]; +} + +// @public (undocumented) +export const Image: React.FunctionComponent; + +// @public (undocumented) +export const ImageBase: React.FunctionComponent; + +// @public +export enum ImageCoverStyle { + landscape = 0, + portrait = 1 +} + +// @public +export enum ImageFit { + center = 0, + centerContain = 5, + centerCover = 4, + contain = 1, + cover = 2, + none = 3 +} + +// @public +export const ImageIcon: React.FunctionComponent; + +// @public (undocumented) +export enum ImageLoadState { + error = 2, + // @deprecated (undocumented) + errorLoaded = 3, + loaded = 1, + notLoaded = 0 +} + +// @public (undocumented) +export interface IMarqueeSelection { +} + +// @public (undocumented) +export interface IMarqueeSelectionProps extends React.HTMLAttributes { + className?: string; + componentRef?: IRefObject; + isDraggingConstrainedToRoot?: boolean; + isEnabled?: boolean; + onShouldStartSelection?: (ev: MouseEvent) => boolean; + rootProps?: React.HTMLAttributes; + selection: ISelection; + styles?: IStyleFunction; + theme?: ITheme; +} + +// @public (undocumented) +export interface IMarqueeSelectionStyleProps { + // (undocumented) + className?: string; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface IMarqueeSelectionStyles { + // (undocumented) + box?: IStyle; + // (undocumented) + boxFill?: IStyle; + // (undocumented) + dragMask?: IStyle; + // (undocumented) + root?: IStyle; +} + +// @public (undocumented) +export interface IMaskedTextField extends ITextField { + value: string | undefined; +} + +// @public +export interface IMaskedTextFieldProps extends ITextFieldProps, React.RefAttributes { + componentRef?: IRefObject; + mask?: string; + maskChar?: string; + maskFormat?: { + [key: string]: RegExp; + }; +} + +// @public @deprecated (undocumented) +export interface IMenuItemClassNames { + // (undocumented) + checkmarkIcon: string; + // (undocumented) + divider: string; + // (undocumented) + icon: string; + // (undocumented) + item: string; + // (undocumented) + label: string; + // (undocumented) + linkContent: string; + // (undocumented) + linkContentMenu: string; + // (undocumented) + root: string; + // (undocumented) + screenReaderText: string; + // (undocumented) + secondaryText: string; + // (undocumented) + splitContainer: string; + // (undocumented) + splitMenu: string; + // (undocumented) + splitPrimary: string; + // (undocumented) + subMenuIcon: string; +} + +// @public (undocumented) +export interface IMenuItemStyles extends IButtonStyles { + anchorLink: IStyle; + checkmarkIcon: IStyle; + divider: IStyle; + iconColor: IStyle; + item: IStyle; + linkContent: IStyle; + subMenuIcon: IStyle; +} + +// @public (undocumented) +export interface IMessageBar { +} + +// @public (undocumented) +export interface IMessageBarProps extends React.HTMLAttributes, React.RefAttributes { + actions?: JSX.Element; + // @deprecated + ariaLabel?: string; + className?: string; + componentRef?: IRefObject; + dismissButtonAriaLabel?: string; + dismissIconProps?: IIconProps; + isMultiline?: boolean; + messageBarIconProps?: IIconProps; + messageBarType?: MessageBarType; + onDismiss?: (ev?: React.MouseEvent) => any; + overflowButtonAriaLabel?: string; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + truncated?: boolean; +} + +// @public (undocumented) +export interface IMessageBarStyleProps { + actions?: boolean; + className?: string; + expandSingleLine?: boolean; + isMultiline?: boolean; + messageBarType?: MessageBarType; + onDismiss?: boolean; + theme: ITheme; + truncated?: boolean; +} + +// @public (undocumented) +export interface IMessageBarStyles { + actions?: IStyle; + content?: IStyle; + dismissal?: IStyle; + dismissSingleLine?: IStyle; + expand?: IStyle; + expandSingleLine?: IStyle; + icon?: IStyle; + iconContainer?: IStyle; + innerText?: IStyle; + root?: IStyle; + text?: IStyle; +} + +// @public (undocumented) +export interface IModal { + focus: () => void; +} + +// @public (undocumented) +export interface IModalProps extends React.RefAttributes, IAccessiblePopupProps { + allowTouchBodyScroll?: boolean; + // (undocumented) + children?: React.ReactNode; + className?: string; + componentRef?: IRefObject; + containerClassName?: string; + dragOptions?: IDragOptions; + enableAriaHiddenSiblings?: boolean; + isBlocking?: boolean; + isDarkOverlay?: boolean; + isModeless?: boolean; + isOpen?: boolean; + layerProps?: ILayerProps; + onDismiss?: (ev?: React.MouseEvent) => any; + onDismissed?: () => any; + // @deprecated + onLayerDidMount?: () => void; + overlay?: IOverlayProps; + responsiveMode?: ResponsiveMode; + scrollableContentClassName?: string; + styles?: IStyleFunctionOrObject; + subtitleAriaId?: string; + theme?: ITheme; + titleAriaId?: string; + topOffsetFixed?: boolean; +} + +// @public (undocumented) +export type IModalStyleProps = Required> & Pick & { + isOpen?: boolean; + isVisible?: boolean; + hasBeenOpened?: boolean; + modalRectangleTop?: number; + layerClassName?: string; + isDefaultDragHandle?: boolean; + windowInnerHeight?: number; +}; + +// @public (undocumented) +export interface IModalStyles { + // (undocumented) + keyboardMoveIcon: IStyle; + // (undocumented) + keyboardMoveIconContainer: IStyle; + // (undocumented) + layer: IStyle; + // (undocumented) + main: IStyle; + // (undocumented) + root: IStyle; + // (undocumented) + scrollableContent: IStyle; +} + +// @public (undocumented) +export interface INav { + focus(forceIntoFirstElement?: boolean): boolean; + selectedKey: string | undefined; +} + +// @public (undocumented) +export interface INavButtonProps extends IButtonProps { + link?: INavLink; +} + +// @public (undocumented) +export interface INavLink { + [propertyName: string]: any; + ariaCurrent?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true'; + ariaLabel?: string; + automationId?: string; + collapseAriaLabel?: string; + disabled?: boolean; + expandAriaLabel?: string; + forceAnchor?: boolean; + icon?: string; + // @deprecated (undocumented) + iconClassName?: string; + iconProps?: IIconProps; + isExpanded?: boolean; + key?: string; + links?: INavLink[]; + name: string; + onClick?: (ev?: React.MouseEvent, item?: INavLink) => void; + target?: string; + title?: string; + url: string; +} + +// @public (undocumented) +export interface INavLinkGroup { + automationId?: string; + collapseAriaLabel?: string; + collapseByDefault?: boolean; + expandAriaLabel?: string; + groupData?: any; + links: INavLink[]; + name?: string; + onHeaderClick?: (ev?: React.MouseEvent, isCollapsing?: boolean) => void; +} + +// @public (undocumented) +export interface INavProps { + ariaLabel?: string; + className?: string; + componentRef?: IRefObject; + // @deprecated + expandButtonAriaLabel?: string; + groups: INavLinkGroup[] | null; + initialSelectedKey?: string; + isOnTop?: boolean; + linkAs?: IComponentAs; + onLinkClick?: (ev?: React.MouseEvent, item?: INavLink) => void; + onLinkExpandClick?: (ev?: React.MouseEvent, item?: INavLink) => void; + onRenderGroupHeader?: IRenderFunction; + onRenderLink?: IRenderFunction; + // @deprecated + selectedAriaLabel?: string; + selectedKey?: string; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface INavState { + // (undocumented) + isGroupCollapsed: { + [key: string]: boolean; + }; + // (undocumented) + isLinkExpandStateChanged?: boolean; + // (undocumented) + selectedKey?: string; +} + +// @public (undocumented) +export interface INavStyleProps { + className?: string; + groups: INavLinkGroup[] | null; + isButtonEntry?: boolean; + isDisabled?: boolean; + isExpanded?: boolean; + isGroup?: boolean; + isLink?: boolean; + isOnTop?: boolean; + isSelected?: boolean; + leftPadding?: number; + leftPaddingExpanded?: number; + navHeight?: number; + position?: number; + rightPadding?: number; + theme: ITheme; +} + +// @public (undocumented) +export interface INavStyles { + chevronButton: IStyle; + chevronIcon: IStyle; + compositeLink: IStyle; + group: IStyle; + groupContent: IStyle; + link: IStyle; + linkText: IStyle; + navItem: IStyle; + navItems: IStyle; + root: IStyle; +} + +export { IObjectWithKey } + +// @public (undocumented) +export interface IOnRenderComboBoxLabelProps { + multiselectAccessibleText?: string; + props: IComboBoxProps; +} + +// @public (undocumented) +export interface IOverflowSet { + focus(forceIntoFirstElement?: boolean): boolean; + focusElement(childElement?: HTMLElement): boolean; +} + +// @public (undocumented) +export interface IOverflowSetItemProps { + [propertyName: string]: any; + key: string; + keytipProps?: IKeytipProps; +} + +// @public (undocumented) +export interface IOverflowSetProps extends React.RefAttributes { + className?: string; + componentRef?: IRefObject; + items?: IOverflowSetItemProps[]; + itemSubMenuProvider?: (item: IOverflowSetItemProps) => any[] | undefined; + keytipSequences?: string[]; + onRenderItem: (item: IOverflowSetItemProps) => any; + onRenderOverflowButton: IRenderFunction; + overflowItems?: IOverflowSetItemProps[]; + overflowSide?: 'start' | 'end'; + role?: string; + styles?: IStyleFunctionOrObject; + vertical?: boolean; +} + +// @public +export type IOverflowSetStyleProps = Pick; + +// @public (undocumented) +export interface IOverflowSetStyles { + item?: IStyle; + overflowButton?: IStyle; + root?: IStyle; +} + +// @public (undocumented) +export interface IOverlay { +} + +// @public (undocumented) +export interface IOverlayProps extends React.HTMLAttributes { + allowTouchBodyScroll?: boolean; + className?: string; + componentRef?: IRefObject; + isDarkThemed?: boolean; + // (undocumented) + onClick?: () => void; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IOverlayStyleProps { + className?: string; + isDark?: boolean; + isNone?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface IOverlayStyles { + root: IStyle; +} + +// @public +export type IOverrideColumnRenderProps = Pick & Pick; + +// @public (undocumented) +export interface IPage { + // (undocumented) + data?: any; + // (undocumented) + height: number; + // (undocumented) + isSpacer?: boolean; + // (undocumented) + isVisible?: boolean; + // (undocumented) + itemCount: number; + // (undocumented) + items: T[] | undefined; + // (undocumented) + key: string; + // (undocumented) + startIndex: number; + // (undocumented) + style: React.CSSProperties; + // (undocumented) + top: number; +} + +// @public (undocumented) +export interface IPageProps extends React.HTMLAttributes, React.ClassAttributes { + page: IPage; + role?: string; +} + +// @public (undocumented) +export interface IPageSpecification { + data?: any; + height?: number; + itemCount?: number; + key?: string; +} + +// @public (undocumented) +export interface IPanel { + dismiss: (ev?: React.KeyboardEvent | KeyboardEvent) => void; + open: () => void; +} + +// @public +export interface IPanelHeaderRenderer extends IRenderFunction { + // (undocumented) + (props?: IPanelProps, defaultRender?: IPanelHeaderRenderer, headerTextId?: string | undefined): JSX.Element | null; +} + +// @public (undocumented) +export interface IPanelProps extends React.HTMLAttributes { + allowTouchBodyScroll?: boolean; + className?: string; + closeButtonAriaLabel?: string; + // @deprecated (undocumented) + componentId?: string; + componentRef?: IRefObject; + customWidth?: string; + elementToFocusOnDismiss?: HTMLElement; + // @deprecated + firstFocusableSelector?: string; + focusTrapZoneProps?: IFocusTrapZoneProps; + // @deprecated + forceFocusInsideTrap?: boolean; + hasCloseButton?: boolean; + headerClassName?: string; + headerText?: string; + headerTextProps?: React.HTMLAttributes; + // @deprecated + ignoreExternalFocusing?: boolean; + isBlocking?: boolean; + isFooterAtBottom?: boolean; + isHiddenOnDismiss?: boolean; + isLightDismiss?: boolean; + isOpen?: boolean; + layerProps?: ILayerProps; + onDismiss?: (ev?: React.SyntheticEvent | KeyboardEvent) => void; + onDismissed?: () => void; + onLightDismissClick?: () => void; + onOpen?: () => void; + onOpened?: () => void; + onOuterClick?: (ev?: React.MouseEvent) => void; + onRenderBody?: IRenderFunction; + onRenderFooter?: IRenderFunction; + onRenderFooterContent?: IRenderFunction; + onRenderHeader?: IPanelHeaderRenderer; + onRenderNavigation?: IRenderFunction; + onRenderNavigationContent?: IRenderFunction; + overlayProps?: IOverlayProps; + popupProps?: IPopupProps; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + type?: PanelType; +} + +// @public (undocumented) +export interface IPanelStyleProps { + className?: string; + focusTrapZoneClassName?: string; + hasCloseButton?: boolean; + hasCustomNavigation?: boolean; + headerClassName?: string; + isAnimating?: boolean; + isFooterAtBottom?: boolean; + isFooterSticky?: boolean; + isHiddenOnDismiss?: boolean; + isOnRightSide?: boolean; + isOpen?: boolean; + theme: ITheme; + type?: PanelType; +} + +// @public (undocumented) +export interface IPanelStyles { + // @deprecated + closeButton?: IStyle; + commands: IStyle; + content: IStyle; + contentInner: IStyle; + footer: IStyle; + footerInner: IStyle; + header: IStyle; + headerText: IStyle; + hiddenPanel: IStyle; + main: IStyle; + navigation: IStyle; + overlay: IStyle; + root: IStyle; + scrollableContent: IStyle; + subComponentStyles: IPanelSubComponentStyles; +} + +// @public (undocumented) +export interface IPanelSubComponentStyles { + closeButton: Partial; +} + +// @public (undocumented) +export interface IPeopleFloatingPickerProps extends IBaseFloatingPickerProps { +} + +// @public (undocumented) +export interface IPeoplePickerItemProps extends IPickerItemProps { +} + +// @public +export interface IPeoplePickerItemSelectedProps extends IPickerItemProps, IPeoplePickerItemSharedProps { + styles?: IStyleFunctionOrObject; +} + +// @public +export type IPeoplePickerItemSelectedStyleProps = Required> & Pick & { + invalid?: boolean; +}; + +// @public +export interface IPeoplePickerItemSelectedStyles { + itemContent: IStyle; + removeButton: IStyle; + root: IStyle; + subComponentStyles: IPeoplePickerItemSelectedSubComponentStyles; +} + +// @public +export interface IPeoplePickerItemSelectedSubComponentStyles { + persona: IStyleFunctionOrObject; + personaCoin?: IStyleFunctionOrObject; +} + +// @public +export interface IPeoplePickerItemSharedProps { + className?: string; + theme?: ITheme; +} + +// @public (undocumented) +export interface IPeoplePickerItemState { + // (undocumented) + contextualMenuVisible: boolean; +} + +// @public +export interface IPeoplePickerItemSuggestionProps extends IPeoplePickerItemSharedProps { + compact?: boolean; + personaProps?: IPersonaProps; + styles?: IStyleFunctionOrObject; + suggestionsProps?: IBasePickerSuggestionsProps; +} + +// @public +export type IPeoplePickerItemSuggestionStyleProps = Required> & Pick & {}; + +// @public +export interface IPeoplePickerItemSuggestionStyles { + personaWrapper: IStyle; + root: IStyle; + subComponentStyles: IPeoplePickerItemSelectedSubComponentStyles; +} + +// @public @deprecated +export interface IPeoplePickerItemWithMenuProps extends IPickerItemProps { +} + +// @public +export interface IPeoplePickerProps extends IBasePickerProps { +} + +// @public (undocumented) +export interface IPersona { +} + +// @public (undocumented) +export interface IPersonaCoinProps extends IPersonaSharedProps { + className?: string; + componentRef?: IRefObject<{}>; + styles?: IStyleFunctionOrObject; +} + +// @public (undocumented) +export interface IPersonaCoinStyleProps { + className?: string; + coinSize?: number; + showUnknownPersonaCoin?: boolean; + size?: PersonaSize; + theme: ITheme; +} + +// @public (undocumented) +export interface IPersonaCoinStyles { + // (undocumented) + coin: IStyle; + // (undocumented) + image: IStyle; + // (undocumented) + imageArea: IStyle; + // (undocumented) + initials: IStyle; + // (undocumented) + size10WithoutPresenceIcon: IStyle; +} + +// @public (undocumented) +export interface IPersonaPresenceProps extends IPersonaSharedProps { + componentRef?: IRefObject<{}>; + styles?: IStyleFunctionOrObject; +} + +// @public (undocumented) +export type IPersonaPresenceStyleProps = Required> & Pick & Pick; + +// @public (undocumented) +export interface IPersonaPresenceStyles { + // (undocumented) + presence: IStyle; + // (undocumented) + presenceIcon: IStyle; +} + +// @public (undocumented) +export interface IPersonaProps extends IPersonaSharedProps { + className?: string; + componentRef?: IRefObject; + onRenderOptionalText?: IRenderFunction; + onRenderPrimaryText?: IRenderFunction; + onRenderSecondaryText?: IRenderFunction; + onRenderTertiaryText?: IRenderFunction; + styles?: IStyleFunctionOrObject; +} + +// @public (undocumented) +export interface IPersonaSharedProps extends React.HTMLAttributes, React.RefAttributes { + allowPhoneInitials?: boolean; + coinProps?: IPersonaCoinProps; + coinSize?: number; + hidePersonaDetails?: boolean; + imageAlt?: string; + imageInitials?: string; + imageShouldFadeIn?: boolean; + imageShouldStartVisible?: boolean; + imageUrl?: string; + initialsColor?: PersonaInitialsColor | string; + isOutOfOffice?: boolean; + onPhotoLoadingStateChange?: (newImageLoadState: ImageLoadState) => void; + // @deprecated + onRenderCoin?: IRenderFunction; + onRenderInitials?: IRenderFunction; + onRenderPersonaCoin?: IRenderFunction; + optionalText?: string; + presence?: PersonaPresence; + presenceColors?: { + available: string; + away: string; + busy: string; + dnd: string; + offline: string; + oof: string; + background: string; + }; + presenceTitle?: string; + // @deprecated + primaryText?: string; + secondaryText?: string; + showInitialsUntilImageLoads?: boolean; + // (undocumented) + showSecondaryText?: boolean; + showUnknownPersonaCoin?: boolean; + size?: PersonaSize; + tertiaryText?: string; + text?: string; + theme?: ITheme; +} + +// @public (undocumented) +export interface IPersonaStyleProps { + className?: string; + coinSize?: number; + presence?: PersonaPresence; + // (undocumented) + showSecondaryText?: boolean; + size?: PersonaSize; + theme: ITheme; +} + +// @public (undocumented) +export interface IPersonaStyles { + // (undocumented) + details: IStyle; + // (undocumented) + optionalText: IStyle; + // (undocumented) + primaryText: IStyle; + // (undocumented) + root: IStyle; + // (undocumented) + secondaryText: IStyle; + // (undocumented) + tertiaryText: IStyle; + // (undocumented) + textContent: IStyle; +} + +// @public @deprecated +export interface IPersonaWithMenu extends IPersonaProps { + menuItems?: IContextualMenuItem[]; +} + +// @public +export type IPickerAriaIds = { + selectedSuggestionAlert: string; + selectedItems: string; + suggestionList: string; + combobox: string; +}; + +// @public +export interface IPickerItem { +} + +// @public +export interface IPickerItemProps extends React.AllHTMLAttributes { + componentRef?: IRefObject; + index: number; + item: T; + key?: string | number; + onItemChange?: (item: T, index: number) => void; + onRemoveItem?: () => void; + removeButtonAriaLabel?: string; + selected?: boolean; +} + +// @public (undocumented) +export interface IPivot { + focus(): void; +} + +// @public (undocumented) +export interface IPivotItemProps extends React.HTMLAttributes { + alwaysRender?: boolean; + ariaLabel?: string; + componentRef?: IRefObject<{}>; + headerButtonProps?: IButtonProps | { + [key: string]: string | number | boolean; + }; + headerText?: string; + itemCount?: number | string; + itemIcon?: string; + itemKey?: string; + keytipProps?: IKeytipProps; + // @deprecated + linkText?: string; + onRenderItemLink?: IRenderFunction; +} + +// @public (undocumented) +export interface IPivotProps extends React.HTMLAttributes, React.RefAttributes { + className?: string; + componentRef?: React.RefObject; + defaultSelectedKey?: string; + getTabId?: (itemKey: string, index: number) => string; + headersOnly?: boolean; + linkFormat?: PivotLinkFormatType; + linkSize?: PivotLinkSizeType; + onLinkClick?: (item?: PivotItem, ev?: React.MouseEvent) => void; + overflowBehavior?: 'none' | 'menu'; + selectedKey?: string | null; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export type IPivotStyleProps = Required> & Pick & { + linkSize?: PivotLinkSizeType; + linkFormat?: PivotLinkFormatType; +}; + +// @public (undocumented) +export interface IPivotStyles { + // (undocumented) + count: IStyle; + // (undocumented) + icon: IStyle; + // (undocumented) + itemContainer?: IStyle; + // (undocumented) + link: IStyle; + // (undocumented) + linkContent: IStyle; + // (undocumented) + linkInMenu: IStyle; + // (undocumented) + linkIsSelected: IStyle; + // (undocumented) + overflowMenuButton: IStyle; + root: IStyle; + // (undocumented) + text: IStyle; +} + +// @public (undocumented) +export interface IPlainCard { +} + +// @public +export interface IPlainCardProps extends IBaseCardProps { + onRenderPlainCard?: IRenderFunction; +} + +// @public (undocumented) +export interface IPlainCardStyleProps extends IBaseCardStyleProps { +} + +// @public (undocumented) +export interface IPlainCardStyles extends IBaseCardStyles { +} + +export { IPoint } + +// @public (undocumented) +export interface IPopupProps extends React.HTMLAttributes, React.RefAttributes { + ariaDescribedBy?: string; + ariaLabel?: string; + ariaLabelledBy?: string; + className?: string; + onDismiss?: (ev?: React.MouseEvent | React.KeyboardEvent | KeyboardEvent) => any; + onRestoreFocus?: (params: IPopupRestoreFocusParams) => void; + role?: string; + // @deprecated + shouldRestoreFocus?: boolean; +} + +// @public +export interface IPopupRestoreFocusParams { + containsFocus: boolean; + documentContainsFocus: boolean; + originalElement?: HTMLElement | Window; +} + +// @public +export interface IPosition { + // (undocumented) + [key: string]: number | undefined; + // (undocumented) + bottom?: number; + // (undocumented) + left?: number; + // (undocumented) + right?: number; + // (undocumented) + top?: number; +} + +// @public (undocumented) +export interface IPositionDirectionalHintData { + // (undocumented) + alignmentEdge?: RectangleEdge; + // (undocumented) + alignTargetEdge?: boolean; + // (undocumented) + isAuto?: boolean; + // (undocumented) + targetEdge: RectangleEdge; +} + +// @public (undocumented) +export interface IPositionedData { + alignmentEdge?: RectangleEdge; + elementPosition: IPosition; + targetEdge: RectangleEdge; +} + +// @public (undocumented) +export interface IPositioningContainer { +} + +// @public (undocumented) +export interface IPositioningContainerProps extends IBaseProps, React.RefAttributes { + ariaDescribedBy?: string; + ariaLabel?: string; + ariaLabelledBy?: string; + backgroundColor?: string; + bounds?: IRectangle; + children?: ReactNode; + className?: string; + componentRef?: IRefObject; + coverTarget?: boolean; + directionalHint?: DirectionalHint; + directionalHintFixed?: boolean; + directionalHintForRTL?: DirectionalHint; + doNotLayer?: boolean; + finalHeight?: number; + minPagePadding?: number; + offsetFromTarget?: number; + onDismiss?: (ev?: any) => void; + onLayerMounted?: () => void; + onPositioned?: (positions?: IPositionedData) => void; + positioningContainerMaxHeight?: number; + positioningContainerWidth?: number; + preventDismissOnScroll?: boolean; + role?: string; + setInitialFocus?: boolean; + target?: HTMLElement | string | MouseEvent | Point | null; + // @deprecated + targetPoint?: Point; + // @deprecated + useTargetPoint?: boolean; +} + +// @public @deprecated (undocumented) +export type IPositioningContainerTypes = IPositioningContainerProps; + +// @public (undocumented) +export interface IPositionProps { + alignTargetEdge?: boolean; + bounds?: IRectangle; + coverTarget?: boolean; + directionalHint?: DirectionalHint; + directionalHintFixed?: boolean; + directionalHintForRTL?: DirectionalHint; + gapSpace?: number; + // (undocumented) + target?: Element | MouseEvent | Point; +} + +// @public (undocumented) +export interface IProgressIndicatorProps extends React.ClassAttributes { + ariaValueText?: string; + barHeight?: number; + className?: string; + description?: React.ReactNode; + label?: React.ReactNode; + onRenderProgress?: IRenderFunction; + percentComplete?: number; + progressHidden?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + // @deprecated (undocumented) + title?: string; +} + +// @public (undocumented) +export interface IProgressIndicatorStyleProps { + // (undocumented) + barHeight?: number; + className?: string; + // (undocumented) + indeterminate?: boolean; + theme: ITheme; +} + +// @public (undocumented) +export interface IProgressIndicatorStyles { + // (undocumented) + itemDescription: IStyle; + // (undocumented) + itemName: IStyle; + // (undocumented) + itemProgress: IStyle; + // (undocumented) + progressBar: IStyle; + // (undocumented) + progressTrack: IStyle; + root: IStyle; +} + +// @public (undocumented) +export interface IRating { + rating: number; +} + +// @public +export interface IRatingProps extends React.HTMLAttributes, React.RefAttributes { + allowZeroStars?: boolean; + ariaLabelFormat?: string; + componentRef?: IRefObject; + defaultRating?: number; + disabled?: boolean; + // (undocumented) + getAriaLabel?: (rating: number, max: number) => string; + icon?: string; + max?: number; + // @deprecated + min?: number; + onChange?: (event: React.FormEvent, rating?: number) => void; + onRenderStar?: IRenderFunction; + rating?: number; + readOnly?: boolean; + size?: RatingSize; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + unselectedIcon?: string; +} + +// @public (undocumented) +export interface IRatingStarProps { + // (undocumented) + classNames: IProcessedStyleSet; + // (undocumented) + disabled?: boolean; + // (undocumented) + fillPercentage: number; + // (undocumented) + icon: string; + // (undocumented) + starNum?: number; +} + +// @public (undocumented) +export interface IRatingStyleProps { + // (undocumented) + disabled?: boolean; + // (undocumented) + readOnly?: boolean; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface IRatingStyles { + // (undocumented) + labelText: IStyle; + // (undocumented) + ratingButton: IStyle; + // (undocumented) + ratingFocusZone: IStyle; + // (undocumented) + ratingStar: IStyle; + // (undocumented) + ratingStarBack: IStyle; + // (undocumented) + ratingStarFront: IStyle; + // (undocumented) + ratingStarIsLarge: IStyle; + // (undocumented) + ratingStarIsSmall: IStyle; + // (undocumented) + root: IStyle; + // (undocumented) + rootIsLarge: IStyle; + // (undocumented) + rootIsSmall: IStyle; +} + +// @public (undocumented) +export interface IRelativePositions { + // (undocumented) + beakPosition: { + position: IPosition | undefined; + display: 'block'; + }; + // (undocumented) + calloutPosition: IPosition; + // (undocumented) + directionalClassName: string; + // (undocumented) + submenuDirection: DirectionalHint; +} + +// @public (undocumented) +export interface IRenderGroupHeaderProps extends INavLinkGroup { + isExpanded?: boolean; +} + +// @public (undocumented) +export interface IResizeGroup { + remeasure(): void; +} + +// @public (undocumented) +export interface IResizeGroupProps extends React.HTMLAttributes, React.RefAttributes { + className?: string; + componentRef?: IRefObject; + data: any; + dataDidRender?: (renderedData: any) => void; + direction?: ResizeGroupDirection; + onGrowData?: (prevData: any) => any; + onReduceData: (prevData: any) => any; + onRenderData: (data: any) => JSX.Element; + // @deprecated + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IResizeGroupState { + dataToMeasure?: any; + measureContainer?: boolean; + renderedData?: any; + resizeDirection?: 'grow' | 'shrink'; +} + +// @public (undocumented) +export interface IResizeGroupStyleProps { + className?: string; + theme: ITheme; +} + +// @public (undocumented) +export interface IResizeGroupStyles { + root: IStyle; +} + +// @public +export interface IRGB { + a?: number; + b: number; + g: number; + r: number; +} + +// @public (undocumented) +export interface IScrollablePane { + forceLayoutUpdate(): void; + getScrollPosition(): number; +} + +// @public (undocumented) +export interface IScrollablePaneContext { + // (undocumented) + scrollablePane?: { + subscribe: (handler: (container: HTMLElement, stickyContainer: HTMLElement) => void) => void; + unsubscribe: (handler: (container: HTMLElement, stickyContainer: HTMLElement) => void) => void; + addSticky: (sticky: Sticky) => void; + removeSticky: (sticky: Sticky) => void; + updateStickyRefHeights: () => void; + sortSticky: (sticky: Sticky, sortAgain?: boolean) => void; + notifySubscribers: (sort?: boolean) => void; + syncScrollSticky: (sticky: Sticky) => void; + }; +} + +// @public (undocumented) +export interface IScrollablePaneProps extends React.HTMLAttributes { + className?: string; + componentRef?: IRefObject; + initialScrollPosition?: number; + // (undocumented) + scrollbarVisibility?: ScrollbarVisibility; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public (undocumented) +export interface IScrollablePaneState { + // (undocumented) + scrollbarHeight: number; + // (undocumented) + scrollbarWidth: number; + // (undocumented) + stickyBottomHeight: number; + // (undocumented) + stickyTopHeight: number; +} + +// @public (undocumented) +export interface IScrollablePaneStyleProps { + className?: string; + // (undocumented) + scrollbarVisibility?: IScrollablePaneProps['scrollbarVisibility']; + theme: ITheme; +} + +// @public (undocumented) +export interface IScrollablePaneStyles { + contentContainer: IStyle; + root: IStyle; + stickyAbove: IStyle; + stickyBelow: IStyle; + stickyBelowItems: IStyle; +} + +// @public (undocumented) +export function isDark(color: IColor): boolean; + +// @public (undocumented) +export interface ISearchBox { + focus(): void; + hasFocus(): boolean; +} + +// @public (undocumented) +export interface ISearchBoxProps extends React.InputHTMLAttributes, React.RefAttributes { + ariaLabel?: string; + className?: string; + clearButtonProps?: IButtonProps; + componentRef?: React.Ref; + defaultValue?: string; + disableAnimation?: boolean; + iconProps?: Pick>; + // @deprecated (undocumented) + labelText?: string; + onChange?: (event?: React.ChangeEvent, newValue?: string) => void; + // @deprecated (undocumented) + onChanged?: (newValue: any) => void; + onClear?: (ev?: any) => void; + onEscape?: (ev?: any) => void; + onSearch?: (newValue: any) => void; + placeholder?: string; + role?: string; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + underlined?: boolean; + value?: string; +} + +// @public (undocumented) +export interface ISearchBoxStyleProps { + // (undocumented) + className?: string; + // (undocumented) + disableAnimation?: boolean; + // (undocumented) + disabled?: boolean; + // (undocumented) + hasFocus?: boolean; + // (undocumented) + hasInput?: boolean; + // (undocumented) + theme: ITheme; + // (undocumented) + underlined?: boolean; +} + +// @public (undocumented) +export interface ISearchBoxStyles { + // (undocumented) + clearButton?: IStyle; + // (undocumented) + field?: IStyle; + // (undocumented) + icon?: IStyle; + // (undocumented) + iconContainer?: IStyle; + // (undocumented) + root?: IStyle; +} + +// @public +export interface ISelectableDroppableTextProps extends React.HTMLAttributes { + ariaLabel?: string; + calloutProps?: ICalloutProps; + className?: string; + componentRef?: IRefObject; + defaultSelectedKey?: string | number | string[] | number[] | null; + disabled?: boolean; + errorMessage?: string; + id?: string; + label?: string; + multiSelect?: boolean; + onDismiss?: () => void; + onRenderContainer?: IRenderFunction>; + onRenderItem?: IRenderFunction; + onRenderList?: IRenderFunction>; + onRenderOption?: IRenderFunction; + openOnKeyboardFocus?: boolean; + options?: any; + panelProps?: IPanelProps; + placeholder?: string; + required?: boolean; + selectedKey?: string | number | string[] | number[] | null; +} + +// @public (undocumented) +export interface ISelectableOption { + ariaLabel?: string; + data?: T; + disabled?: boolean; + hidden?: boolean; + id?: string; + index?: number; + itemType?: SelectableOptionMenuItemType; + key: string | number; + selected?: boolean; + text: string; + title?: string; +} + +// @public (undocumented) +export interface ISelectedItemProps extends IPickerItemProps { + // (undocumented) + onCopyItem: (item: T) => void; +} + +// @public (undocumented) +export interface ISelectedPeopleItemProps extends ISelectedItemProps { + // (undocumented) + onExpandItem?: () => void; + // (undocumented) + renderPersonaCoin?: IRenderFunction; + // (undocumented) + renderPrimaryText?: IRenderFunction; +} + +// @public (undocumented) +export interface ISelectedPeopleProps extends IBaseSelectedItemsListProps { + // (undocumented) + copyMenuItemText?: string; + // (undocumented) + editMenuItemText?: string; + // (undocumented) + floatingPickerProps?: IBaseFloatingPickerProps; + // (undocumented) + getEditingItemText?: (item: IExtendedPersonaProps) => string; + // (undocumented) + onExpandGroup?: (item: IExtendedPersonaProps) => void; + // (undocumented) + onRenderFloatingPicker?: React.ComponentType>; + // (undocumented) + removeMenuItemText?: string; +} + +export { ISelection } + +export { ISelectionOptions } + +// @public (undocumented) +export interface ISelectionZone { + ignoreNextFocus: () => void; +} + +// @public (undocumented) +export interface ISelectionZoneProps extends React.ClassAttributes { + className?: string; + componentRef?: () => void; + disableAutoSelectOnInputElements?: boolean; + enableTouchInvocationTarget?: boolean; + enterModalOnTouch?: boolean; + isSelectedOnFocus?: boolean; + // @deprecated (undocumented) + layout?: {}; + onItemContextMenu?: (item?: any, index?: number, ev?: Event) => void | boolean; + onItemInvoked?: (item?: IObjectWithKey, index?: number, ev?: Event) => void; + selection: ISelection; + selectionMode?: SelectionMode; + selectionPreservedOnEmptyClick?: boolean; +} + +// @public (undocumented) +export interface ISelectionZoneState { + // (undocumented) + isModal: boolean | undefined; +} + +// @public (undocumented) +export interface ISeparator { +} + +// @public (undocumented) +export interface ISeparatorProps extends React.HTMLAttributes, React.RefAttributes { + alignContent?: 'start' | 'center' | 'end'; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + vertical?: boolean; +} + +// @public (undocumented) +export type ISeparatorStyleProps = Required> & Pick; + +// @public (undocumented) +export interface ISeparatorStyles { + content: IStyle; + root: IStyle; +} + +// @public (undocumented) +export interface IShimmerCircle { +} + +// @public +export interface IShimmerCircleProps extends React.AllHTMLAttributes { + // @deprecated + borderStyle?: IRawStyle; + componentRef?: IRefObject; + height?: number; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public +export type IShimmerCircleStyleProps = { + theme: ITheme; + height?: number; + borderStyle?: IRawStyle; +}; + +// @public +export interface IShimmerCircleStyles { + root?: IStyle; + svg?: IStyle; +} + +// @public +export interface IShimmerColors { + background?: string; + shimmer?: string; + shimmerWave?: string; +} + +// @public +export interface IShimmeredDetailsListProps extends Omit { + ariaLabelForShimmer?: string; + detailsListStyles?: IDetailsListProps['styles']; + enableShimmer?: boolean; + onRenderCustomPlaceholder?: (rowProps: IDetailsRowProps, index?: number, defaultRender?: (props: IDetailsRowProps) => React.ReactNode) => React.ReactNode; + removeFadingOverlay?: boolean; + shimmerLines?: number; + // @deprecated + shimmerOverlayStyles?: IStyleFunctionOrObject; + styles?: IStyleFunctionOrObject; +} + +// @public +export type IShimmeredDetailsListStyleProps = Required>; + +// @public +export interface IShimmeredDetailsListStyles { + root: IStyle; +} + +// @public +export interface IShimmerElement { + height?: number; + type: ShimmerElementType; + verticalAlign?: 'top' | 'center' | 'bottom'; + width?: number | string; +} + +// @public (undocumented) +export interface IShimmerElementsGroup { +} + +// @public +export interface IShimmerElementsGroupProps extends React.AllHTMLAttributes { + backgroundColor?: string; + componentRef?: IRefObject; + flexWrap?: boolean; + rowHeight?: number; + shimmerElements?: IShimmerElement[]; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + width?: string; +} + +// @public +export interface IShimmerElementsGroupStyleProps { + flexWrap?: boolean; + theme: ITheme; +} + +// @public +export interface IShimmerElementsGroupStyles { + root?: IStyle; +} + +// @public (undocumented) +export interface IShimmerGap { +} + +// @public +export interface IShimmerGapProps extends React.AllHTMLAttributes { + // @deprecated + borderStyle?: IRawStyle; + componentRef?: IRefObject; + height?: number; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + width?: number | string; +} + +// @public +export type IShimmerGapStyleProps = { + theme: ITheme; + height?: number; + borderStyle?: IRawStyle; +}; + +// @public +export interface IShimmerGapStyles { + root?: IStyle; +} + +// @public (undocumented) +export interface IShimmerLine { +} + +// @public +export interface IShimmerLineProps extends React.AllHTMLAttributes { + // @deprecated + borderStyle?: IRawStyle; + componentRef?: IRefObject; + height?: number; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + width?: number | string; +} + +// @public +export type IShimmerLineStyleProps = { + theme: ITheme; + height?: number; + borderStyle?: IRawStyle; +}; + +// @public +export interface IShimmerLineStyles { + bottomLeftCorner?: IStyle; + bottomRightCorner?: IStyle; + root?: IStyle; + topLeftCorner?: IStyle; + topRightCorner?: IStyle; +} + +// @public +export interface IShimmerProps extends React.AllHTMLAttributes, React.RefAttributes { + ariaLabel?: string; + className?: string; + customElementsGroup?: React.ReactNode; + isDataLoaded?: boolean; + shimmerColors?: IShimmerColors; + shimmerElements?: IShimmerElement[]; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + width?: number | string; +} + +// @public +export interface IShimmerStyleProps { + className?: string; + isDataLoaded?: boolean; + shimmerColor?: string; + shimmerWaveColor?: string; + theme: ITheme; + transitionAnimationInterval?: number; +} + +// @public +export interface IShimmerStyles { + dataWrapper?: IStyle; + root?: IStyle; + screenReaderText?: IStyle; + shimmerGradient?: IStyle; + shimmerWrapper?: IStyle; +} + +// @public (undocumented) +export interface ISlider { + // (undocumented) + focus: () => void; + // (undocumented) + value: number | undefined; +} + +// @public (undocumented) +export interface ISliderProps extends Omit, 'defaultValue' | 'onChange'>, React.RefAttributes { + ariaLabel?: string; + ariaValueText?: (value: number) => string; + buttonProps?: React.HTMLAttributes; + className?: string; + componentRef?: IRefObject; + defaultValue?: number; + disabled?: boolean; + label?: string; + max?: number; + min?: number; + onChange?: (value: number) => void; + onChanged?: (event: MouseEvent | TouchEvent | KeyboardEvent, value: number) => void; + originFromZero?: boolean; + showValue?: boolean; + snapToStep?: boolean; + step?: number; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + value?: number; + valueFormat?: (value: number) => string; + vertical?: boolean; +} + +// @public (undocumented) +export type ISliderStyleProps = Required> & Pick & { + showTransitions?: boolean; + showValue?: boolean; + titleLabelClassName?: string; +}; + +// @public (undocumented) +export interface ISliderStyles { + activeSection: IStyle; + container: IStyle; + inactiveSection: IStyle; + line: IStyle; + lineContainer: IStyle; + root: IStyle; + slideBox: IStyle; + thumb: IStyle; + titleLabel: IStyle; + valueLabel: IStyle; + zeroTick: IStyle; +} + +// @public (undocumented) +export interface ISpinButton { + focus: () => void; + value?: string; +} + +// @public (undocumented) +export interface ISpinButtonProps extends React.HTMLAttributes, React.RefAttributes { + ariaDescribedBy?: string; + ariaLabel?: string; + ariaPositionInSet?: number; + ariaSetSize?: number; + ariaValueNow?: number; + // (undocumented) + ariaValueText?: string; + className?: string; + componentRef?: IRefObject; + decrementButtonAriaLabel?: string; + decrementButtonIcon?: IIconProps; + defaultValue?: string; + disabled?: boolean; + downArrowButtonStyles?: Partial; + iconButtonProps?: IButtonProps; + iconProps?: IIconProps; + incrementButtonAriaLabel?: string; + incrementButtonIcon?: IIconProps; + inputProps?: React.InputHTMLAttributes; + keytipProps?: IKeytipProps; + label?: string; + labelPosition?: Position; + max?: number; + min?: number; + onBlur?: React.FocusEventHandler; + onChange?: (event: React.SyntheticEvent, newValue?: string) => void; + onDecrement?: (value: string, event?: React.MouseEvent | React.KeyboardEvent) => string | void; + onFocus?: React.FocusEventHandler; + onIncrement?: (value: string, event?: React.MouseEvent | React.KeyboardEvent) => string | void; + onValidate?: (value: string, event?: React.SyntheticEvent) => string | void; + precision?: number; + step?: number; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + title?: string; + upArrowButtonStyles?: Partial; + value?: string; +} + +// @public (undocumented) +export interface ISpinButtonStyleProps { + // (undocumented) + className: string | undefined; + // (undocumented) + disabled: boolean; + // (undocumented) + isFocused: boolean; + // (undocumented) + keyboardSpinDirection: KeyboardSpinDirection; + // (undocumented) + labelPosition: Position; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface ISpinButtonStyles { + arrowButtonsContainer: IStyle; + icon: IStyle; + input: IStyle; + label: IStyle; + labelWrapper: IStyle; + root: IStyle; + spinButtonWrapper: IStyle; +} + +// @public (undocumented) +export interface ISpinner { +} + +// @public +export interface ISpinnerProps extends React.HTMLAttributes { + ariaLabel?: string; + ariaLive?: 'assertive' | 'polite' | 'off'; + className?: string; + componentRef?: IRefObject; + label?: string; + labelPosition?: SpinnerLabelPosition; + size?: SpinnerSize; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + // @deprecated (undocumented) + type?: SpinnerType; +} + +// @public +export interface ISpinnerStyleProps { + className?: string; + labelPosition?: SpinnerLabelPosition; + size?: SpinnerSize; + theme: ITheme; +} + +// @public +export interface ISpinnerStyles { + circle?: IStyle; + label?: IStyle; + root?: IStyle; + screenReaderText?: IStyle; +} + +// @public (undocumented) +export interface ISplitButtonClassNames { + // (undocumented) + divider?: string; + // (undocumented) + flexContainer?: string; + // (undocumented) + icon?: string; + // (undocumented) + root?: string; + // (undocumented) + splitButtonContainer?: string; +} + +// @public (undocumented) +export function isRelativeUrl(url: string): boolean; + +// @public (undocumented) +export type IStackComponent = IComponent; + +// @public (undocumented) +export type IStackItemComponent = IComponent; + +// @public (undocumented) +export interface IStackItemProps extends IStackItemSlots, IStyleableComponentProps, React.HTMLAttributes { + align?: 'auto' | 'stretch' | 'baseline' | 'start' | 'center' | 'end'; + className?: string; + disableShrink?: boolean; + grow?: boolean | number | 'inherit' | 'initial' | 'unset'; + order?: number | string; + shrink?: boolean | number | 'inherit' | 'initial' | 'unset'; + verticalFill?: boolean; +} + +// @public (undocumented) +export type IStackItemSlot = ISlotProp; + +// @public (undocumented) +export interface IStackItemSlots { + // (undocumented) + root?: IHTMLSlot; +} + +// @public (undocumented) +export type IStackItemStyles = IComponentStyles; + +// @public (undocumented) +export type IStackItemStylesReturnType = ReturnType>; + +// @public (undocumented) +export type IStackItemTokenReturnType = ReturnType>; + +// @public (undocumented) +export interface IStackItemTokens { + margin?: number | string; + padding?: number | string; +} + +// @public (undocumented) +export interface IStackProps extends ISlottableProps, IStyleableComponentProps, React.HTMLAttributes { + as?: React.ElementType>; + disableShrink?: boolean; + // @deprecated + gap?: number | string; + grow?: boolean | number | 'inherit' | 'initial' | 'unset'; + horizontal?: boolean; + horizontalAlign?: Alignment; + // @deprecated + maxHeight?: number | string; + // @deprecated + maxWidth?: number | string; + // @deprecated + padding?: number | string; + reversed?: boolean; + verticalAlign?: Alignment; + verticalFill?: boolean; + wrap?: boolean; +} + +// @public (undocumented) +export type IStackSlot = ISlotProp; + +// @public (undocumented) +export interface IStackSlots { + inner?: IHTMLSlot; + root?: IHTMLSlot; +} + +// @public (undocumented) +export type IStackStyles = IComponentStyles; + +// @public (undocumented) +export type IStackStylesReturnType = ReturnType>; + +// @public (undocumented) +export type IStackTokenReturnType = ReturnType>; + +// @public (undocumented) +export interface IStackTokens { + childrenGap?: number | string; + maxHeight?: number | string; + maxWidth?: number | string; + padding?: number | string; +} + +// @public (undocumented) +export interface IStickyProps extends React.Props { + componentRef?: IRefObject; + isScrollSynced?: boolean; + stickyBackgroundColor?: string; + stickyClassName?: string; + stickyPosition?: StickyPositionType; +} + +// @public (undocumented) +export interface IStickyState { + // (undocumented) + distanceFromTop?: number; + // (undocumented) + isStickyBottom: boolean; + // (undocumented) + isStickyTop: boolean; +} + +// @public +export interface ISuggestionItemProps { + className?: string; + componentRef?: IRefObject; + id?: string; + isSelectedOverride?: boolean; + onClick: (ev: React.MouseEvent) => void; + onRemoveItem: (ev: React.MouseEvent) => void; + removeButtonAriaLabel?: string; + RenderSuggestion: (item: T, suggestionItemProps: ISuggestionItemProps) => JSX.Element; + showRemoveButton?: boolean; + styles?: IStyleFunctionOrObject; + suggestionModel: ISuggestionModel; + theme?: ITheme; +} + +// @public +export interface ISuggestionModel { + ariaLabel?: string; + item: T; + selected: boolean; +} + +// @public +export interface ISuggestions { + executeSelectedAction: () => void; + focusAboveSuggestions: () => void; + focusBelowSuggestions: () => void; + focusSearchForMoreButton: () => void; + hasSuggestedAction: () => boolean; + hasSuggestedActionSelected: () => boolean; + tryHandleKeyDown: (keyCode: number, currentSuggestionIndex: number) => boolean; +} + +// @public (undocumented) +export interface ISuggestionsControlProps extends React.ClassAttributes, ISuggestionsCoreProps { + className?: string; + completeSuggestion: () => void; + footerItemsProps?: ISuggestionsHeaderFooterProps[]; + headerItemsProps?: ISuggestionsHeaderFooterProps[]; + shouldSelectFirstItem?: () => boolean; + suggestionsFooterContainerAriaLabel?: string; + suggestionsHeaderContainerAriaLabel?: string; +} + +// @public (undocumented) +export interface ISuggestionsControlState { + // (undocumented) + selectedFooterIndex: number; + // (undocumented) + selectedHeaderIndex: number; + // (undocumented) + suggestions: ISuggestionModel[]; +} + +// @public (undocumented) +export interface ISuggestionsCoreProps extends React.ClassAttributes { + componentRef?: IRefObject<{}>; + onRenderSuggestion?: (props: T, suggestionItemProps: ISuggestionItemProps) => JSX.Element; + onSuggestionClick: (ev?: React.MouseEvent, item?: any, index?: number) => void; + onSuggestionRemove?: (ev?: React.MouseEvent, item?: IPersonaProps, index?: number) => void; + resultsMaximumNumber?: number; + shouldLoopSelection: boolean; + showRemoveButtons?: boolean; + suggestions: ISuggestionModel[]; + suggestionsAvailableAlertText?: string; + suggestionsContainerAriaLabel?: string; + suggestionsItemClassName?: string; +} + +// @public (undocumented) +export interface ISuggestionsHeaderFooterItemProps { + // (undocumented) + className: string | undefined; + // (undocumented) + componentRef?: IRefObject<{}>; + // (undocumented) + id: string; + // (undocumented) + isSelected: boolean; + // (undocumented) + onExecute?: () => void; + // (undocumented) + renderItem: () => JSX.Element; +} + +// @public (undocumented) +export interface ISuggestionsHeaderFooterProps { + // (undocumented) + ariaLabel?: string; + // (undocumented) + className?: string; + // (undocumented) + onExecute?: () => void; + // (undocumented) + renderItem: () => JSX.Element; + // (undocumented) + shouldShow: () => boolean; +} + +// @public +export interface ISuggestionsItem { +} + +// @public +export type ISuggestionsItemStyleProps = Required, 'theme'>> & Pick, 'className'> & { + suggested?: boolean; +}; + +// @public +export interface ISuggestionsItemStyles { + closeButton: IStyle; + itemButton: IStyle; + root: IStyle; +} + +// @public +export interface ISuggestionsProps extends React.Props { + className?: string; + componentRef?: IRefObject>; + createGenericItem?: () => void; + forceResolveText?: string; + isLoading?: boolean; + isMostRecentlyUsedVisible?: boolean; + isResultsFooterVisible?: boolean; + isSearching?: boolean; + loadingText?: string; + moreSuggestionsAvailable?: boolean; + mostRecentlyUsedHeaderText?: string; + noResultsFoundText?: string; + onGetMoreResults?: () => void; + onRenderNoResultFound?: IRenderFunction; + onRenderSuggestion: (props: T, suggestionItemProps: ISuggestionItemProps) => JSX.Element; + onSuggestionClick: (ev?: React.MouseEvent, item?: any, index?: number) => void; + onSuggestionRemove?: (ev?: React.MouseEvent, item?: T | IPersonaProps, index?: number) => void; + refocusSuggestions?: (keyCode: KeyCodes) => void; + removeSuggestionAriaLabel?: string; + resultsFooter?: (props: ISuggestionsProps) => JSX.Element; + resultsFooterFull?: (props: ISuggestionsProps) => JSX.Element; + resultsMaximumNumber?: number; + // @deprecated + searchErrorText?: string; + searchForMoreText?: string; + searchingText?: string; + showForceResolve?: () => boolean; + showRemoveButtons?: boolean; + styles?: IStyleFunctionOrObject; + suggestions: ISuggestionModel[]; + suggestionsAvailableAlertText?: string; + suggestionsClassName?: string; + suggestionsContainerAriaLabel?: string; + suggestionsHeaderText?: string; + suggestionsItemClassName?: string; + suggestionsListId?: string; + theme?: ITheme; +} + +// @public (undocumented) +export interface ISuggestionsState { + // (undocumented) + selectedActionType: SuggestionActionType; +} + +// @public +export type ISuggestionsStyleProps = Required, 'theme'>> & Pick, 'className' | 'suggestionsClassName'> & { + forceResolveButtonSelected?: boolean; + searchForMoreButtonSelected?: boolean; +}; + +// @public +export interface ISuggestionsStyles { + forceResolveButton: IStyle; + noSuggestions: IStyle; + root: IStyle; + searchForMoreButton: IStyle; + subComponentStyles: ISuggestionsSubComponentStyles; + suggestionsAvailable: IStyle; + suggestionsContainer: IStyle; + title: IStyle; +} + +// @public +export interface ISuggestionsSubComponentStyles { + spinner: IStyleFunctionOrObject; +} + +// @public +export function isValidShade(shade?: Shade): boolean; + +// @public (undocumented) +export interface ISwatchColorPickerProps extends React.RefAttributes { + ariaPosInSet?: number; + ariaSetSize?: number; + cellBorderWidth?: number; + cellHeight?: number; + cellMargin?: number; + cellShape?: 'circle' | 'square'; + cellWidth?: number; + className?: string; + colorCells: IColorCellProps[]; + columnCount: number; + defaultSelectedId?: string | undefined; + disabled?: boolean; + doNotContainWithinFocusZone?: boolean; + focusOnHover?: boolean; + getColorGridCellStyles?: IStyleFunctionOrObject; + id?: string; + // @deprecated (undocumented) + isControlled?: boolean; + mouseLeaveParentSelector?: string | undefined; + onCellFocused?: (id?: string, color?: string) => void; + onCellHovered?: (id?: string, color?: string) => void; + onChange?: (event: React.FormEvent, id: string | undefined, color: string | undefined) => void; + // @deprecated (undocumented) + onColorChanged?: (id?: string, color?: string) => void; + onRenderColorCell?: IRenderFunction; + selectedId?: string; + shouldFocusCircularNavigate?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public +export interface ISwatchColorPickerStyleProps { + cellMargin?: number; + className?: string; + theme: ITheme; +} + +// @public +export interface ISwatchColorPickerStyles { + focusedContainer?: IStyle; + root: IStyle; + tableCell: IStyle; +} + +// @public +export interface ITag { + key: string | number; + name: string; +} + +// @public +export interface ITagItemProps extends IPickerItemProps { + className?: string; + enableTagFocusInDisabledPicker?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + title?: string; +} + +// @public +export type ITagItemStyleProps = Required> & Pick & {}; + +// @public +export interface ITagItemStyles { + close: IStyle; + root: IStyle; + text: IStyle; +} + +// @public +export interface ITagItemSuggestionProps extends React.AllHTMLAttributes { + className?: string; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public +export type ITagItemSuggestionStyleProps = Required> & Pick & {}; + +// @public +export interface ITagItemSuggestionStyles { + suggestionTextOverflow?: IStyle; +} + +// @public +export interface ITagPickerProps extends IBasePickerProps { +} + +// @public (undocumented) +export interface ITeachingBubble { + focus(): void; +} + +// @public +export interface ITeachingBubbleProps extends React.RefAttributes, IAccessiblePopupProps { + ariaDescribedBy?: string; + ariaLabelledBy?: string; + calloutProps?: ICalloutProps; + componentRef?: IRefObject; + focusTrapZoneProps?: IFocusTrapZoneProps; + footerContent?: string | JSX.Element; + hasCloseButton?: boolean; + // @deprecated (undocumented) + hasCloseIcon?: boolean; + hasCondensedHeadline?: boolean; + hasSmallHeadline?: boolean; + headline?: string; + illustrationImage?: IImageProps; + isWide?: boolean; + onDismiss?: (ev?: any) => void; + primaryButtonProps?: IButtonProps; + secondaryButtonProps?: IButtonProps; + styles?: IStyleFunctionOrObject; + target?: Target; + // @deprecated + targetElement?: HTMLElement; + theme?: ITheme; +} + +// @public (undocumented) +export type ITeachingBubbleStyleProps = Required> & Pick & { + calloutProps?: ICalloutContentStyleProps; + primaryButtonClassName?: string; + secondaryButtonClassName?: string; + hasCloseButton?: boolean; + hasHeadline?: boolean; +}; + +// @public (undocumented) +export interface ITeachingBubbleStyles { + // (undocumented) + body: IStyle; + // (undocumented) + bodyContent: IStyle; + // (undocumented) + closeButton: IStyle; + // (undocumented) + content: IStyle; + // (undocumented) + footer: IStyle; + // (undocumented) + header: IStyle; + // (undocumented) + headline: IStyle; + // (undocumented) + imageContent: IStyle; + // (undocumented) + primaryButton: IStyle; + // (undocumented) + root: IStyle; + // (undocumented) + secondaryButton: IStyle; + // (undocumented) + subComponentStyles?: ITeachingBubbleSubComponentStyles; + // (undocumented) + subText: IStyle; +} + +// @public (undocumented) +export interface ITeachingBubbleSubComponentStyles { + callout: IStyleFunctionOrObject; +} + +// @public (undocumented) +export type ITextComponent = IComponent; + +// @public (undocumented) +export interface ITextField { + blur: () => void; + focus: () => void; + select: () => void; + selectionEnd: number | null; + selectionStart: number | null; + setSelectionEnd: (value: number) => void; + setSelectionRange: (start: number, end: number) => void; + setSelectionStart: (value: number) => void; + value: string | undefined; +} + +// @public +export interface ITextFieldProps extends React.AllHTMLAttributes { + ariaLabel?: string; + autoAdjustHeight?: boolean; + autoComplete?: string; + borderless?: boolean; + canRevealPassword?: boolean; + className?: string; + componentRef?: IRefObject; + defaultValue?: string; + deferredValidationTime?: number; + description?: string; + disabled?: boolean; + // @deprecated + elementRef?: React.Ref; + errorMessage?: string | JSX.Element; + iconProps?: IIconProps; + inputClassName?: string; + label?: string; + multiline?: boolean; + onChange?: (event: React.FormEvent, newValue?: string) => void; + onGetErrorMessage?: (value: string) => string | JSX.Element | PromiseLike | undefined; + onNotifyValidationResult?: (errorMessage: string | JSX.Element, value: string | undefined) => void; + onRenderDescription?: IRenderFunction; + onRenderLabel?: IRenderFunction; + onRenderPrefix?: IRenderFunction; + onRenderSuffix?: IRenderFunction; + prefix?: string; + readOnly?: boolean; + resizable?: boolean; + styles?: IStyleFunctionOrObject; + suffix?: string; + theme?: ITheme; + underlined?: boolean; + validateOnFocusIn?: boolean; + validateOnFocusOut?: boolean; + validateOnLoad?: boolean; + value?: string; +} + +// Warning: (ae-internal-missing-underscore) The name "ITextFieldSnapshot" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export interface ITextFieldSnapshot { + selection?: [number | null, number | null]; +} + +// Warning: (ae-internal-missing-underscore) The name "ITextFieldState" should be prefixed with an underscore because the declaration is marked as @internal +// +// @internal (undocumented) +export interface ITextFieldState { + errorMessage: string | JSX.Element; + isFocused?: boolean; + isRevealingPassword?: boolean; + uncontrolledValue: string | undefined; +} + +// @public (undocumented) +export type ITextFieldStyleProps = Required> & Pick & { + hasErrorMessage?: boolean; + hasIcon?: boolean; + hasLabel?: boolean; + focused?: boolean; + hasRevealButton?: boolean; +}; + +// @public (undocumented) +export interface ITextFieldStyles { + description: IStyle; + errorMessage: IStyle; + field: IStyle; + fieldGroup: IStyle; + icon: IStyle; + prefix: IStyle; + revealButton: IStyle; + revealIcon: IStyle; + revealSpan: IStyle; + root: IStyle; + subComponentStyles: ITextFieldSubComponentStyles; + suffix: IStyle; + wrapper: IStyle; +} + +// @public (undocumented) +export interface ITextFieldSubComponentStyles { + label: IStyleFunctionOrObject; +} + +// @public +export interface ITextProps extends ISlottableProps, IStyleableComponentProps, React.HTMLAttributes { + as?: React.ElementType>; + block?: boolean; + nowrap?: boolean; + variant?: keyof IFontStyles; +} + +// @public (undocumented) +export type ITextSlot = ISlotProp; + +// @public (undocumented) +export interface ITextSlots { + // (undocumented) + root?: IHTMLSlot; +} + +// @public (undocumented) +export type ITextStyles = IComponentStyles; + +// @public (undocumented) +export type ITextStylesReturnType = ReturnType>; + +// @public (undocumented) +export type ITextTokenReturnType = ReturnType>; + +// @public (undocumented) +export interface ITextTokens { +} + +// @public (undocumented) +export interface IThemeRules { + // (undocumented) + [key: string]: IThemeSlotRule; +} + +// @public (undocumented) +export interface IThemeSlotRule { + asShade?: Shade; + color?: IColor; + dependentRules: IThemeSlotRule[]; + inherits?: IThemeSlotRule; + isBackgroundShade?: boolean; + isCustomized?: boolean; + name: string; + value?: string; +} + +// @public (undocumented) +export interface IToggle { + // (undocumented) + focus: () => void; +} + +// @public +export interface IToggleProps extends React.HTMLAttributes, React.RefAttributes { + ariaLabel?: string; + as?: IComponentAs>; + checked?: boolean; + componentRef?: IRefObject; + defaultChecked?: boolean; + disabled?: boolean; + inlineLabel?: boolean; + label?: string | JSX.Element; + // @deprecated (undocumented) + offAriaLabel?: string; + offText?: string; + // @deprecated (undocumented) + onAriaLabel?: string; + onChange?: (event: React.MouseEvent, checked?: boolean) => void; + // @deprecated (undocumented) + onChanged?: (checked: boolean) => void; + onText?: string; + role?: 'checkbox' | 'switch' | 'menuitemcheckbox'; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public +export interface IToggleStyleProps { + checked?: boolean; + className?: string; + disabled?: boolean; + inlineLabel?: boolean; + onOffMissing?: boolean; + theme: ITheme; +} + +// @public +export interface IToggleStyles { + container: IStyle; + label: IStyle; + pill: IStyle; + root: IStyle; + text: IStyle; + thumb: IStyle; +} + +// @public (undocumented) +export interface ITooltip { +} + +// @public (undocumented) +export interface ITooltipHost { + dismiss: () => void; + show: () => void; +} + +// @public +export interface ITooltipHostProps extends React.HTMLAttributes { + calloutProps?: ICalloutProps; + className?: string; + closeDelay?: number; + componentRef?: IRefObject; + content?: string | JSX.Element | JSX.Element[]; + delay?: TooltipDelay; + directionalHint?: DirectionalHint; + directionalHintForRTL?: DirectionalHint; + hostClassName?: string; + id?: string; + onTooltipToggle?(isTooltipVisible: boolean): void; + overflowMode?: TooltipOverflowMode; + setAriaDescribedBy?: boolean; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + tooltipProps?: ITooltipProps; +} + +// @public (undocumented) +export interface ITooltipHostState { + // (undocumented) + isAriaPlaceholderRendered: boolean; + // (undocumented) + isTooltipVisible: boolean; +} + +// @public (undocumented) +export interface ITooltipHostStyleProps { + // (undocumented) + className?: string; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface ITooltipHostStyles { + root: IStyle; +} + +// @public (undocumented) +export interface ITooltipProps extends React.HTMLAttributes { + calloutProps?: ICalloutProps; + componentRef?: IRefObject; + content?: string | JSX.Element | JSX.Element[]; + delay?: TooltipDelay; + directionalHint?: DirectionalHint; + directionalHintForRTL?: DirectionalHint; + maxWidth?: string | null; + onRenderContent?: IRenderFunction; + styles?: IStyleFunctionOrObject; + targetElement?: HTMLElement; + theme?: ITheme; +} + +// @public (undocumented) +export interface ITooltipStyleProps { + beakWidth?: number; + // (undocumented) + className?: string; + // @deprecated + delay?: TooltipDelay; + gapSpace?: number; + maxWidth?: string; + // (undocumented) + theme: ITheme; +} + +// @public (undocumented) +export interface ITooltipStyles { + content: IStyle; + root: IStyle; + subText: IStyle; +} + +// @public (undocumented) +export interface IUniqueKeytip { + // (undocumented) + keytip: IKeytipProps; + // (undocumented) + uniqueID: string; +} + +// @public @deprecated +export interface IVerticalDividerClassNames { + divider: string; + wrapper: string; +} + +// @public +export interface IVerticalDividerProps extends React.HTMLAttributes, React.RefAttributes { + className?: string; + // @deprecated + getClassNames?: (theme: ITheme) => IVerticalDividerClassNames; + styles?: IStyleFunctionOrObject; + theme?: ITheme; +} + +// @public +export type IVerticalDividerPropsStyles = Pick; + +// @public +export interface IVerticalDividerStyles { + divider: IStyle; + wrapper: IStyle; +} + +// @public +export interface IViewport { + height: number; + width: number; +} + +// @public (undocumented) +export interface IWeeklyDayPicker { + // (undocumented) + focus(): void; +} + +// @public (undocumented) +export type IWeeklyDayPickerNavigationIcons = Pick; + +// @public (undocumented) +export interface IWeeklyDayPickerProps extends IBaseProps, Partial { + animationDirection?: AnimationDirection; + className?: string; + componentRef?: IRefObject; + dateTimeFormatter?: IDateFormatting; + firstDayOfWeek?: DayOfWeek; + initialDate?: Date; + maxDate?: Date; + minDate?: Date; + navigationIcons?: IWeeklyDayPickerNavigationIcons; + onNavigateDate?: (date: Date) => void; + onSelectDate?: (date: Date) => void; + restrictedDates?: Date[]; + showFullMonth?: boolean; + strings: IWeeklyDayPickerStrings; + styles?: IStyleFunctionOrObject; + theme?: ITheme; + today?: Date; + weeksToShow?: number; +} + +// @public (undocumented) +export interface IWeeklyDayPickerStrings extends ICalendarStrings { + nextWeekAriaLabel?: string; + prevWeekAriaLabel?: string; +} + +// @public (undocumented) +export interface IWeeklyDayPickerStyleProps extends ICalendarDayGridStyleProps { + className?: string; + theme: ITheme; +} + +// @public (undocumented) +export interface IWeeklyDayPickerStyles extends Partial { + disabledStyle: IStyle; + navigationIconButton: IStyle; + root: IStyle; +} + +// @public +export interface IWindowWithSegments extends Window { + // (undocumented) + getWindowSegments?: () => DOMRect[]; +} + +// @public +export interface IWithViewportProps { + skipViewportMeasures?: boolean; +} + +// @public (undocumented) +export enum KeyboardSpinDirection { + // (undocumented) + down = -1, + // (undocumented) + notSpinning = 0, + // (undocumented) + up = 1 +} + +// @public +export class Keytip extends React.Component { + // (undocumented) + render(): JSX.Element; +} + +// @public +export const KeytipData: React.FunctionComponent>; + +// @public (undocumented) +export type KeytipDataOptions = IKeytipDataProps; + +// @public (undocumented) +export namespace KeytipEvents { + const // (undocumented) + KEYTIP_ADDED = "keytipAdded"; + const // (undocumented) + KEYTIP_REMOVED = "keytipRemoved"; + const // (undocumented) + KEYTIP_UPDATED = "keytipUpdated"; + const // (undocumented) + PERSISTED_KEYTIP_ADDED = "persistedKeytipAdded"; + const // (undocumented) + PERSISTED_KEYTIP_REMOVED = "persistedKeytipRemoved"; + const // (undocumented) + PERSISTED_KEYTIP_EXECUTE = "persistedKeytipExecute"; + const // (undocumented) + ENTER_KEYTIP_MODE = "enterKeytipMode"; + const // (undocumented) + EXIT_KEYTIP_MODE = "exitKeytipMode"; +} + +// @public (undocumented) +export const KeytipLayer: React.FunctionComponent; + +// @public +export class KeytipLayerBase extends React.Component { + constructor(props: IKeytipLayerProps, context: any); + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + static defaultProps: IKeytipLayerProps; + // (undocumented) + getCurrentSequence(): string; + // Warning: (ae-forgotten-export) The symbol "KeytipTree" needs to be exported by the entry point index.d.ts + // + // (undocumented) + getKeytipTree(): KeytipTree; + processInput(key: string, ev?: React.KeyboardEvent): void; + processTransitionInput(transitionKey: IKeytipTransitionKey, ev?: React.KeyboardEvent): void; + // (undocumented) + render(): JSX.Element; + showKeytips(ids: string[]): void; + } + +// @public +export class KeytipManager { + addParentOverflow(keytipProps: IKeytipProps): IKeytipProps; + // (undocumented) + delayUpdatingKeytipChange: boolean; + enterKeytipMode(): void; + exitKeytipMode(): void; + static getInstance(): KeytipManager; + getKeytips(): IKeytipProps[]; + init(delayUpdatingKeytipChange: boolean): void; + // (undocumented) + inKeytipMode: boolean; + // (undocumented) + keytips: { + [key: string]: IUniqueKeytip; + }; + menuExecute(overflowButtonSequences: string[], keytipSequences: string[]): void; + // (undocumented) + persistedKeytips: { + [key: string]: IUniqueKeytip; + }; + register(keytipProps: IKeytipProps, persisted?: boolean): string; + // (undocumented) + sequenceMapping: { + [key: string]: IKeytipProps; + }; + // (undocumented) + shouldEnterKeytipMode: boolean; + unregister(keytipToRemove: IKeytipProps, uniqueID: string, persisted?: boolean): void; + update(keytipProps: IKeytipProps, uniqueID: string): void; +} + +// @public (undocumented) +export type KeytipTransitionModifier = typeof KeyCodes.shift | typeof KeyCodes.ctrl | typeof KeyCodes.alt | typeof KeyCodes.leftWindow; + +// @public (undocumented) +export const KTP_ARIA_SEPARATOR = ", "; + +// @public (undocumented) +export const KTP_FULL_PREFIX: string; + +// @public (undocumented) +export const KTP_LAYER_ID = "ktp-layer-id"; + +// @public (undocumented) +export const KTP_PREFIX = "ktp"; + +// @public (undocumented) +export const KTP_SEPARATOR = "-"; + +// @public +export function ktpTargetFromId(keytipId: string): string; + +// @public +export function ktpTargetFromSequences(keySequences: string[]): string; + +// @public (undocumented) +export const Label: React.FunctionComponent; + +// @public (undocumented) +export class LabelBase extends React.Component { + // (undocumented) + render(): JSX.Element; +} + +// @public (undocumented) +export const Layer: React.FunctionComponent; + +// @public (undocumented) +export const LayerBase: React.FunctionComponent; + +// @public (undocumented) +export const LayerHost: React.FunctionComponent; + +// @public (undocumented) +export const Link: React.FunctionComponent; + +// @public (undocumented) +export const LinkBase: React.FunctionComponent; + +// @public +export class List extends React.Component, IListState> implements IList { + constructor(props: IListProps); // (undocumented) - collapseButton: IStyle; + componentDidMount(): void; // (undocumented) - dropHintCaretStyle: IStyle; + componentDidUpdate(): void; // (undocumented) - dropHintCircleStyle: IStyle; + componentWillUnmount(): void; // (undocumented) - dropHintLineStyle: IStyle; + static defaultProps: { + startIndex: number; + onRenderCell: (item: any, index: number, containsFocus: boolean) => JSX.Element; + renderedWindowsAhead: number; + renderedWindowsBehind: number; + }; // (undocumented) - dropHintStyle: IStyle; + forceUpdate(): void; // (undocumented) - root: IStyle; + static getDerivedStateFromProps(nextProps: IListProps, previousState: IListState): IListState; // (undocumented) - sizingOverlay: IStyle; + getStartItemIndexInView(measureItem?: (itemIndex: number) => number): number; + getTotalListHeight(): number; + // (undocumented) + get pageRefs(): Readonly>; + // (undocumented) + render(): JSX.Element | null; + scrollToIndex(index: number, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode): void; + // (undocumented) + shouldComponentUpdate(newProps: IListProps, newState: IListState): boolean; + } + +// @public (undocumented) +export const ListPeoplePicker: React.FunctionComponent; + +// @public +export class ListPeoplePickerBase extends MemberListPeoplePicker { + static defaultProps: { + onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element; + onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps | undefined) => JSX.Element; + createGenericItem: typeof createGenericItem; + }; } +// @public +export function makeStyles(styleOrFunction: TStyleSet | ((theme: Theme) => TStyleSet)): (options?: UseStylesOptions) => { + [key in keyof TStyleSet]: string; +}; + // @public (undocumented) -export interface IDetailsItemProps { - cellStyleProps?: ICellStyleProps; - checkboxVisibility?: CheckboxVisibility | undefined; - columns?: IColumn[]; - groupNestingDepth?: number; - indentWidth?: number | undefined; - rowWidth?: number; - selection?: ISelection | undefined; - selectionMode?: SelectionMode | undefined; - // @deprecated - viewport?: IViewport | undefined; +export const MarqueeSelection: React.FunctionComponent; + +// @public (undocumented) +export const MaskedTextField: React.FunctionComponent; + +// @public (undocumented) +export const MAX_COLOR_ALPHA = 100; + +// @public (undocumented) +export const MAX_COLOR_HUE = 359; + +// @public (undocumented) +export const MAX_COLOR_RGB = 255; + +// @public @deprecated (undocumented) +export const MAX_COLOR_RGBA = 255; + +// @public (undocumented) +export const MAX_COLOR_SATURATION = 100; + +// @public (undocumented) +export const MAX_COLOR_VALUE = 100; + +// @public +export const MAX_HEX_LENGTH = 6; + +// @public +export const MAX_RGBA_LENGTH = 3; + +// @public (undocumented) +export const MeasuredContext: React.Context<{ + isMeasured: boolean; +}>; + +// @public (undocumented) +export class MemberListPeoplePicker extends BasePickerListBelow { } +// @public +export function mergeOverflows(keySequences: string[], overflowKeySequences: string[]): string[]; + // @public (undocumented) -export interface IDetailsList extends IList { - focusIndex: (index: number, forceIntoFirstElement?: boolean, measureItem?: (itemIndex: number) => number, scrollToMode?: ScrollToMode) => void; - forceUpdate: () => void; - getStartItemIndexInView: () => number; +export const MessageBar: React.FunctionComponent; + +// @public (undocumented) +export const MessageBarBase: React.FunctionComponent; + +// @public (undocumented) +export class MessageBarButton extends React.Component { + // (undocumented) + render(): JSX.Element; } // @public (undocumented) -export interface IDetailsListCheckboxProps extends IDetailsCheckboxProps { +export enum MessageBarType { + blocked = 2, + error = 1, + info = 0, + severeWarning = 3, + success = 4, + warning = 5 } +// @public +export const MIN_HEX_LENGTH = 3; + +// @public +export const MIN_RGBA_LENGTH = 1; + // @public (undocumented) -export interface IDetailsListProps extends IBaseProps, IWithViewportProps { - ariaLabel?: string; - ariaLabelForGrid?: string; - ariaLabelForListHeader?: string; - ariaLabelForSelectAllCheckbox?: string; - ariaLabelForSelectionColumn?: string; - cellStyleProps?: ICellStyleProps; - checkboxCellClassName?: string; - checkboxVisibility?: CheckboxVisibility; - checkButtonAriaLabel?: string; - className?: string; - columnReorderOptions?: IColumnReorderOptions; - columns?: IColumn[]; - compact?: boolean; - componentRef?: IRefObject; - constrainMode?: ConstrainMode; - disableSelectionZone?: boolean; - dragDropEvents?: IDragDropEvents; - enableUpdateAnimations?: boolean; - enterModalSelectionOnTouch?: boolean; - getCellValueKey?: (item?: any, index?: number, column?: IColumn) => string; - getGroupHeight?: IGroupedListProps['getGroupHeight']; - getKey?: (item: any, index?: number) => string; - getRowAriaDescribedBy?: (item: any) => string; - getRowAriaLabel?: (item: any) => string; - groupProps?: IDetailsGroupRenderProps; - groups?: IGroup[]; - indentWidth?: number; - initialFocusedIndex?: number; - isHeaderVisible?: boolean; - isPlaceholderData?: boolean; - items: any[]; - layoutMode?: DetailsListLayoutMode; - listProps?: IListProps; - minimumPixelsForDrag?: number; - onActiveItemChanged?: (item?: any, index?: number, ev?: React.FocusEvent) => void; - onColumnHeaderClick?: (ev?: React.MouseEvent, column?: IColumn) => void; - onColumnHeaderContextMenu?: (column?: IColumn, ev?: React.MouseEvent) => void; - onColumnResize?: (column?: IColumn, newWidth?: number, columnIndex?: number) => void; - onDidUpdate?: (detailsList?: DetailsListBase) => void; - onItemContextMenu?: (item?: any, index?: number, ev?: Event) => void | boolean; - onItemInvoked?: (item?: any, index?: number, ev?: Event) => void; - onRenderCheckbox?: IRenderFunction; - onRenderDetailsFooter?: IRenderFunction; - onRenderDetailsHeader?: IRenderFunction; - onRenderItemColumn?: (item?: any, index?: number, column?: IColumn) => React.ReactNode; - onRenderMissingItem?: (index?: number, rowProps?: IDetailsRowProps) => React.ReactNode; - onRenderRow?: IRenderFunction; - onRowDidMount?: (item?: any, index?: number) => void; - onRowWillUnmount?: (item?: any, index?: number) => void; - onShouldVirtualize?: (props: IListProps) => boolean; - rowElementEventMap?: { - eventName: string; - callback: (context: IDragDropContext, event?: any) => void; - }[]; - selection?: ISelection; - selectionMode?: SelectionMode; - selectionPreservedOnEmptyClick?: boolean; - selectionZoneProps?: ISelectionZoneProps; - setKey?: string; - shouldApplyApplicationRole?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - useFastIcons?: boolean; - usePageCache?: boolean; - useReducedRowRenderer?: boolean; - viewport?: IViewport; +export const Modal: React.FunctionComponent; + +// @public (undocumented) +export const ModalBase: React.FunctionComponent; + +// @public (undocumented) +export const Nav: React.FunctionComponent; + +// @public (undocumented) +export class NavBase extends React.Component implements INav { + constructor(props: INavProps); + // (undocumented) + static defaultProps: INavProps; + focus(forceIntoFirstElement?: boolean): boolean; + // (undocumented) + render(): JSX.Element | null; + // (undocumented) + get selectedKey(): string | undefined; + } + +// @public (undocumented) +export const NormalPeoplePicker: React.FunctionComponent; + +// @public +export class NormalPeoplePickerBase extends BasePeoplePicker { + static defaultProps: { + onRenderItem: (props: IPeoplePickerItemSelectedProps) => JSX.Element; + onRenderSuggestionsItem: (personaProps: IPersonaProps, suggestionsProps?: IBasePickerSuggestionsProps | undefined) => JSX.Element; + createGenericItem: typeof createGenericItem; + }; } // @public (undocumented) -export interface IDetailsListState { +export const ONKEYDOWN_TIMEOUT_DURATION = 1000; + +// @public (undocumented) +export enum OpenCardMode { + hotKey = 1, + hover = 0 +} + +// @public (undocumented) +export enum OverflowButtonType { + descriptive = 1, + downArrow = 3, + more = 2, + none = 0 +} + +// @public (undocumented) +export const OverflowSet: React.FunctionComponent; + +// @public (undocumented) +export const OverflowSetBase: React.FunctionComponent; + +// @public (undocumented) +export const Overlay: React.FunctionComponent; + +// @public (undocumented) +export class OverlayBase extends React.Component { + constructor(props: IOverlayProps); + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + render(): JSX.Element; +} + +// @public +export const Panel: React.FunctionComponent; + +// Warning: (ae-forgotten-export) The symbol "IPanelState" needs to be exported by the entry point index.d.ts +// +// @public (undocumented) +export class PanelBase extends React.Component implements IPanel { + constructor(props: IPanelProps); + // (undocumented) + close(): void; + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentDidUpdate(previousProps: IPanelProps, previousState: IPanelState): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + static defaultProps: IPanelProps; + // (undocumented) + dismiss: (ev?: KeyboardEvent | React.SyntheticEvent | undefined) => void; + // (undocumented) + static getDerivedStateFromProps(nextProps: Readonly, prevState: Readonly): Partial | null; + get isActive(): boolean; + // (undocumented) + open(): void; + // (undocumented) + render(): JSX.Element | null; + } + +// @public (undocumented) +export enum PanelType { + custom = 7, + customNear = 8, + extraLarge = 6, + large = 4, + largeFixed = 5, + medium = 3, + smallFixedFar = 1, + smallFixedNear = 2, + smallFluid = 0 +} + +// @public (undocumented) +export const PeoplePickerItem: React.FunctionComponent; + +// @public (undocumented) +export const PeoplePickerItemBase: (props: IPeoplePickerItemSelectedProps) => JSX.Element; + +// @public (undocumented) +export const PeoplePickerItemSuggestion: React.FunctionComponent; + +// @public (undocumented) +export const PeoplePickerItemSuggestionBase: (props: IPeoplePickerItemSuggestionProps) => JSX.Element; + +// @public +export const Persona: React.FunctionComponent; + +// @public +export const PersonaBase: React.FunctionComponent; + +// @public +export const PersonaCoin: React.FunctionComponent; + +// @public +export const PersonaCoinBase: React.FunctionComponent; + +// @public (undocumented) +export enum PersonaInitialsColor { + // @deprecated (undocumented) + black = 11, + // (undocumented) + blue = 1, + // (undocumented) + burgundy = 19, + // (undocumented) + coolGray = 21, + // (undocumented) + cyan = 23, + // (undocumented) + darkBlue = 2, + // (undocumented) + darkGreen = 6, + // (undocumented) + darkRed = 14, // (undocumented) - adjustedColumns: IColumn[]; + gold = 18, + gray = 22, // (undocumented) - focusedItemIndex: number; + green = 5, // (undocumented) - getDerivedStateFromProps(nextProps: IDetailsListProps, previousState: IDetailsListState): IDetailsListState; + lightBlue = 0, // (undocumented) - isCollapsed?: boolean; + lightGreen = 4, // (undocumented) - isSizing?: boolean; + lightPink = 7, // (undocumented) - isSomeGroupExpanded?: boolean; + lightRed = 17, // (undocumented) - lastSelectionMode?: SelectionMode; + magenta = 9, // (undocumented) - lastWidth?: number; - version: {}; + orange = 12, + // (undocumented) + pink = 8, + // (undocumented) + purple = 10, + // @deprecated (undocumented) + red = 13, + // (undocumented) + rust = 24, + // (undocumented) + teal = 3, + transparent = 15, + // (undocumented) + violet = 16, + // (undocumented) + warmGray = 20 } // @public (undocumented) -export type IDetailsListStyleProps = Required> & Pick & { - isHorizontalConstrained?: boolean; - compact?: boolean; - isFixed?: boolean; -}; - -// @public (undocumented) -export interface IDetailsListStyles { +export enum PersonaPresence { // (undocumented) - contentWrapper: IStyle; + away = 3, // (undocumented) - focusZone: IStyle; + blocked = 5, // (undocumented) - headerWrapper: IStyle; + busy = 6, // (undocumented) - root: IStyle; + dnd = 4, + // (undocumented) + none = 0, + // (undocumented) + offline = 1, + // (undocumented) + online = 2 } // @public (undocumented) -export interface IDetailsRow { +export namespace personaPresenceSize { + const // (undocumented) + size6 = "6px"; + const // (undocumented) + size8 = "8px"; + const // (undocumented) + size12 = "12px"; + const // (undocumented) + size16 = "16px"; + const // (undocumented) + size20 = "20px"; + const // (undocumented) + size28 = "28px"; + const // (undocumented) + size32 = "32px"; + const // @deprecated (undocumented) + border = "2px"; } // @public (undocumented) -export interface IDetailsRowBaseProps extends Pick, IBaseProps, IDetailsItemProps { - cellsByColumn?: { - [columnKey: string]: React.ReactNode; - }; - checkboxCellClassName?: string; - checkButtonAriaLabel?: string; - className?: string; - collapseAllVisibility?: CollapseAllVisibility; - compact?: boolean; - componentRef?: IRefObject; - dragDropEvents?: IDragDropEvents; - dragDropHelper?: IDragDropHelper; - enableUpdateAnimations?: boolean; - eventsToRegister?: { - eventName: string; - callback: (item?: any, index?: number, event?: any) => void; - }[]; - getRowAriaDescribedBy?: (item: any) => string; - getRowAriaLabel?: (item: any) => string; - item: any; - itemIndex: number; - onDidMount?: (row?: DetailsRowBase) => void; - onRenderCheck?: (props: IDetailsRowCheckProps) => JSX.Element; - onRenderDetailsCheckbox?: IRenderFunction; - onWillUnmount?: (row?: DetailsRowBase) => void; - rowFieldsAs?: React.ComponentType; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - useFastIcons?: boolean; - useReducedRowRenderer?: boolean; +export enum PersonaSize { + // @deprecated + extraExtraSmall = 1, + // @deprecated + extraLarge = 6, + // @deprecated + extraSmall = 2, + // @deprecated + large = 5, + // @deprecated + regular = 4, + // @deprecated + size10 = 9, + size100 = 15, + size120 = 18, + // @deprecated + size16 = 8, + size24 = 10, + // @deprecated + size28 = 7, + size32 = 11, + size40 = 12, + size48 = 13, + size56 = 16, + size72 = 14, + size8 = 17, + // @deprecated + small = 3, + // @deprecated + tiny = 0 } // @public (undocumented) -export interface IDetailsRowCheckProps extends React.HTMLAttributes { - anySelected?: boolean; - canSelect: boolean; - checkClassName?: string; - className?: string; - compact?: boolean; - isHeader?: boolean; - isVisible?: boolean; - onRenderDetailsCheckbox?: IRenderFunction; - selected?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - useFastIcons?: boolean; +export namespace personaSize { + const // (undocumented) + size8 = "20px"; + const // (undocumented) + size10 = "20px"; + const // (undocumented) + size16 = "16px"; + const // (undocumented) + size24 = "24px"; + const // (undocumented) + size28 = "28px"; + const // (undocumented) + size32 = "32px"; + const // (undocumented) + size40 = "40px"; + const // (undocumented) + size48 = "48px"; + const // (undocumented) + size56 = "56px"; + const // (undocumented) + size72 = "72px"; + const // (undocumented) + size100 = "100px"; + const // (undocumented) + size120 = "120px"; } +// @public +export const Pivot: React.FunctionComponent; + // @public (undocumented) -export type IDetailsRowCheckStyleProps = Required> & Pick & { - isVisible?: boolean; -}; +export const PivotBase: React.FunctionComponent; // @public (undocumented) -export interface IDetailsRowCheckStyles { - // @deprecated (undocumented) - check: IStyle; - // (undocumented) - isDisabled: IStyle; +export class PivotItem extends React.Component { + constructor(props: IPivotItemProps); // (undocumented) - root: IStyle; + render(): JSX.Element; +} + +// @public @deprecated (undocumented) +export const enum PivotLinkFormat { + links = "links", + tabs = "tabs" } // @public -export interface IDetailsRowFieldsProps extends IOverrideColumnRenderProps { - cellStyleProps?: ICellStyleProps; - columns: IColumn[]; - columnStartIndex: number; - compact?: boolean; - // (undocumented) - enableUpdateAnimations?: boolean; - item: any; - itemIndex: number; - rowClassNames: { - [k in keyof Pick]: string; - }; +export type PivotLinkFormatType = 'links' | 'tabs'; + +// @public @deprecated (undocumented) +export const enum PivotLinkSize { + large = "large", + normal = "normal" } +// @public +export type PivotLinkSizeType = 'normal' | 'large'; + // @public (undocumented) -export interface IDetailsRowProps extends IDetailsRowBaseProps { - columns: IColumn[]; - selection: ISelection; - selectionMode: SelectionMode; -} +export const PlainCard: React.FunctionComponent; // @public (undocumented) -export interface IDetailsRowSelectionState { - // (undocumented) - isSelected: boolean; +export class PlainCardBase extends React.Component { + constructor(props: IPlainCardProps); // (undocumented) - isSelectionModal: boolean; + render(): JSX.Element; } +export { Point } + +// @public +export const Popup: React.FunctionComponent; + // @public (undocumented) -export interface IDetailsRowState { +export enum Position { // (undocumented) - columnMeasureInfo?: { - index: number; - column: IColumn; - onMeasureDone: (measuredWidth: number) => void; - }; + bottom = 1, // (undocumented) - isDropping?: boolean; + end = 3, // (undocumented) - selectionState: IDetailsRowSelectionState; + start = 2, + // (undocumented) + top = 0 } // @public (undocumented) -export type IDetailsRowStyleProps = Required> & { - isSelected?: boolean; - anySelected?: boolean; - canSelect?: boolean; - droppingClassName?: string; - isCheckVisible?: boolean; - isRowHeader?: boolean; - checkboxCellClassName?: string; - className?: string; - compact?: boolean; - cellStyleProps?: ICellStyleProps; - enableUpdateAnimations?: boolean; +export function positionCallout(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: ICalloutPositionedInfo): ICalloutPositionedInfo; + +// @public (undocumented) +export function positionCard(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: ICalloutPositionedInfo): ICalloutPositionedInfo; + +// @public +export function positionElement(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: IPositionedData): IPositionedData; + +// @public (undocumented) +export const PositioningContainer: React.FunctionComponent; + +// @public (undocumented) +export const presenceBoolean: (presence: PersonaPresence) => { + isAvailable: boolean; + isAway: boolean; + isBlocked: boolean; + isBusy: boolean; + isDoNotDisturb: boolean; + isOffline: boolean; }; // @public (undocumented) -export interface IDetailsRowStyles { +export class PrimaryButton extends React.Component { // (undocumented) - cell: IStyle; - // (undocumented) - cellAnimation: IStyle; - // (undocumented) - cellMeasurer: IStyle; - // (undocumented) - cellPadded: IStyle; - // (undocumented) - cellUnpadded: IStyle; - // (undocumented) - check: IStyle; - // (undocumented) - checkCell: IStyle; - // (undocumented) - checkCover: IStyle; - // (undocumented) - fields: IStyle; - // (undocumented) - isMultiline: IStyle; - // (undocumented) - isRowHeader: IStyle; - // (undocumented) - root: IStyle; + render(): JSX.Element; } -// @public (undocumented) -export interface IDividerAsProps extends IIconProps { - item?: IBreadcrumbItem; -} +// @public +export const ProgressIndicator: React.FunctionComponent; -// @public (undocumented) -export interface IDocumentCard { - focus: () => void; +// @public +export class ProgressIndicatorBase extends React.Component { + // (undocumented) + static defaultProps: { + label: string; + description: string; + width: number; + }; + // (undocumented) + render(): JSX.Element; } // @public (undocumented) -export interface IDocumentCardActions { -} +export const Rating: React.FunctionComponent; -// Warning: (ae-forgotten-export) The symbol "DocumentCardActionsBase" needs to be exported by the entry point index.d.ts -// // @public (undocumented) -export interface IDocumentCardActionsProps extends React.ClassAttributes { - actions: IButtonProps[]; - className?: string; - componentRef?: IRefObject; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - views?: Number; -} +export const RatingBase: React.FunctionComponent; // @public (undocumented) -export interface IDocumentCardActionsStyleProps { - className?: string; - theme: ITheme; +export enum RatingSize { + // (undocumented) + Large = 1, + // (undocumented) + Small = 0 } // @public (undocumented) -export interface IDocumentCardActionsStyles { +export enum RectangleEdge { // (undocumented) - action: IStyle; + bottom = -1, // (undocumented) - root: IStyle; + left = 2, // (undocumented) - views: IStyle; + right = -2, // (undocumented) - viewsIcon: IStyle; + top = 1 } // @public (undocumented) -export interface IDocumentCardActivity { -} +export const ResizeGroup: React.FunctionComponent; // @public (undocumented) -export interface IDocumentCardActivityPerson { - allowPhoneInitials?: boolean; - initials?: string; - initialsColor?: PersonaInitialsColor; - name: string; - profileImageSrc: string; -} +export const ResizeGroupBase: React.FunctionComponent; -// Warning: (ae-forgotten-export) The symbol "DocumentCardActivityBase" needs to be exported by the entry point index.d.ts -// // @public (undocumented) -export interface IDocumentCardActivityProps extends React.ClassAttributes { - activity: string; - className?: string; - componentRef?: IRefObject; - people: IDocumentCardActivityPerson[]; - styles?: IStyleFunctionOrObject; - theme?: ITheme; +export enum ResizeGroupDirection { + // (undocumented) + horizontal = 0, + // (undocumented) + vertical = 1 } // @public (undocumented) -export interface IDocumentCardActivityStyleProps { - className?: string; - multiplePeople?: boolean; - theme: ITheme; +export enum ResponsiveMode { + // (undocumented) + large = 2, + // (undocumented) + medium = 1, + // (undocumented) + small = 0, + // (undocumented) + unknown = 999, + // (undocumented) + xLarge = 3, + // (undocumented) + xxLarge = 4, + // (undocumented) + xxxLarge = 5 } +// @public +export function rgb2hex(r: number, g: number, b: number): string; + +// @public +export function rgb2hsv(r: number, g: number, b: number): IHSV; + +// @public +export const RGBA_REGEX: RegExp; + // @public (undocumented) -export interface IDocumentCardActivityStyles { +export const ScrollablePane: React.FunctionComponent; + +// @public (undocumented) +export class ScrollablePaneBase extends React.Component implements IScrollablePane { + constructor(props: IScrollablePaneProps); // (undocumented) - activity: IStyle; + addSticky: (sticky: Sticky) => void; // (undocumented) - avatar: IStyle; + componentDidMount(): void; // (undocumented) - avatars: IStyle; + componentDidUpdate(prevProps: IScrollablePaneProps, prevState: IScrollablePaneState): void; // (undocumented) - details: IStyle; + componentWillUnmount(): void; // (undocumented) - name: IStyle; + get contentContainer(): HTMLDivElement | null; // (undocumented) - root: IStyle; + forceLayoutUpdate(): void; + // (undocumented) + getScrollPosition: () => number; + // (undocumented) + notifySubscribers: () => void; + // (undocumented) + removeSticky: (sticky: Sticky) => void; + // (undocumented) + render(): JSX.Element; + // (undocumented) + get root(): HTMLDivElement | null; + // (undocumented) + setStickiesDistanceFromTop(): void; + // (undocumented) + shouldComponentUpdate(nextProps: IScrollablePaneProps, nextState: IScrollablePaneState): boolean; + // (undocumented) + sortSticky: (sticky: Sticky, sortAgain?: boolean | undefined) => void; + // (undocumented) + get stickyAbove(): HTMLDivElement | null; + // (undocumented) + get stickyBelow(): HTMLDivElement | null; + // (undocumented) + subscribe: (handler: Function) => void; + // (undocumented) + syncScrollSticky: (sticky: Sticky) => void; + // (undocumented) + unsubscribe: (handler: Function) => void; + // (undocumented) + updateStickyRefHeights: () => void; } // @public (undocumented) -export interface IDocumentCardDetails { -} +export const ScrollablePaneContext: React.Context; -// Warning: (ae-forgotten-export) The symbol "DocumentCardDetailsBase" needs to be exported by the entry point index.d.ts -// // @public (undocumented) -export interface IDocumentCardDetailsProps extends React.Props { - className?: string; - componentRef?: IRefObject; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} +export const ScrollbarVisibility: { + auto: "auto"; + always: "always"; +}; // @public (undocumented) -export interface IDocumentCardDetailsStyleProps { - className?: string; - theme: ITheme; -} +export type ScrollbarVisibility = typeof ScrollbarVisibility[keyof typeof ScrollbarVisibility]; // @public (undocumented) -export interface IDocumentCardDetailsStyles { - // (undocumented) - root: IStyle; -} +export const ScrollToMode: { + auto: 0; + top: 1; + bottom: 2; + center: 3; +}; // @public (undocumented) -export interface IDocumentCardImage { -} +export type ScrollToMode = typeof ScrollToMode[keyof typeof ScrollToMode]; // @public (undocumented) -export interface IDocumentCardImageProps extends IBaseProps<{}> { - className?: string; - componentRef?: IRefObject; - height?: number; - iconProps?: IIconProps; - imageFit?: ImageFit; - imageSrc?: string; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - width?: number; -} +export const SearchBox: React.FunctionComponent; // @public (undocumented) -export interface IDocumentCardImageStyleProps extends IDocumentCardImageProps { -} +export const SearchBoxBase: React.FunctionComponent; // @public (undocumented) -export interface IDocumentCardImageStyles { - // (undocumented) - centeredIcon: IStyle; +enum SelectableOptionMenuItemType { // (undocumented) - centeredIconWrapper: IStyle; + Divider = 1, // (undocumented) - cornerIcon: IStyle; + Header = 2, // (undocumented) - root: IStyle; + Normal = 0 } -// @public (undocumented) -export interface IDocumentCardLocation { -} +export { SelectableOptionMenuItemType as DropdownMenuItemType } -// Warning: (ae-forgotten-export) The symbol "DocumentCardLocationBase" needs to be exported by the entry point index.d.ts -// -// @public (undocumented) -export interface IDocumentCardLocationProps extends React.ClassAttributes { - ariaLabel?: string; - className?: string; - componentRef?: IRefObject; - location: string; - locationHref?: string; - onClick?: (ev?: React.MouseEvent) => void; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} +export { SelectableOptionMenuItemType } // @public (undocumented) -export interface IDocumentCardLocationStyleProps { - className?: string; - theme: ITheme; +export enum SelectAllVisibility { + // (undocumented) + hidden = 1, + // (undocumented) + none = 0, + // (undocumented) + visible = 2 } -// @public (undocumented) -export interface IDocumentCardLocationStyles { +// @public +export class SelectedPeopleList extends BasePeopleSelectedItemsList { // (undocumented) - root: IStyle; + static defaultProps: any; + // (undocumented) + protected renderItems: () => JSX.Element[]; } -// @public (undocumented) -export interface IDocumentCardLogo { -} +export { Selection } -// Warning: (ae-forgotten-export) The symbol "DocumentCardLogoBase" needs to be exported by the entry point index.d.ts -// -// @public (undocumented) -export interface IDocumentCardLogoProps extends React.ClassAttributes { - className?: string; - componentRef?: IRefObject; - logoIcon: string; - logoName?: string; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} +export { SELECTION_CHANGE } -// @public (undocumented) -export interface IDocumentCardLogoStyleProps { - className?: string; - theme: ITheme; -} +export { SelectionDirection } + +export { SelectionMode } // @public (undocumented) -export interface IDocumentCardLogoStyles { +export class SelectionZone extends React.Component { + constructor(props: ISelectionZoneProps); // (undocumented) - root: IStyle; -} + componentDidMount(): void; + // (undocumented) + componentDidUpdate(previousProps: ISelectionZoneProps): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + static defaultProps: { + isSelectedOnFocus: boolean; + selectionMode: SelectionMode; + }; + // (undocumented) + static getDerivedStateFromProps(nextProps: ISelectionZoneProps, prevState: ISelectionZoneState): ISelectionZoneState; + ignoreNextFocus: () => void; + // (undocumented) + render(): JSX.Element; + } // @public (undocumented) -export interface IDocumentCardPreview { +export enum SemanticColorSlots { + // (undocumented) + bodyBackground = 0, + // (undocumented) + bodyText = 1, + // (undocumented) + disabledBackground = 2, + // (undocumented) + disabledText = 3 } // @public (undocumented) -export interface IDocumentCardPreviewImage { - // @deprecated - accentColor?: string; - componentRef?: IRefObject<{}>; - // @deprecated (undocumented) - errorImageSrc?: string; - height?: number; - iconSrc?: string; - imageFit?: ImageFit; - linkProps?: ILinkProps; - name?: string; - previewIconContainerClass?: string; - previewIconProps?: IIconProps; - previewImageSrc?: string; - // @deprecated - url?: string; - width?: number; -} +export const Separator: React.FunctionComponent; // @public (undocumented) -export interface IDocumentCardPreviewProps extends IBaseProps<{}> { - className?: string; - componentRef?: IRefObject; - getOverflowDocumentCountText?: (overflowCount: number) => string; - maxDisplayCount?: number; - previewImages: IDocumentCardPreviewImage[]; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} +export const SeparatorBase: React.FunctionComponent; -// @public (undocumented) -export interface IDocumentCardPreviewStyleProps { - className?: string; - isFileList?: boolean; - theme: ITheme; -} +// @public +export function sequencesToID(keySequences: string[]): string; -// @public (undocumented) -export interface IDocumentCardPreviewStyles { +// @public +export enum Shade { // (undocumented) - fileList: IStyle; + Shade1 = 1, // (undocumented) - fileListIcon: IStyle; + Shade2 = 2, // (undocumented) - fileListLink: IStyle; + Shade3 = 3, // (undocumented) - fileListOverflowText: IStyle; + Shade4 = 4, // (undocumented) - icon: IStyle; + Shade5 = 5, // (undocumented) - previewIcon: IStyle; + Shade6 = 6, // (undocumented) - root: IStyle; + Shade7 = 7, + // (undocumented) + Shade8 = 8, + // (undocumented) + Unshaded = 0 } // @public (undocumented) -export interface IDocumentCardProps extends IBaseProps, React.HTMLAttributes { - // @deprecated - accentColor?: string; - children?: React.ReactNode; - className?: string; - componentRef?: IRefObject; - onClick?: (ev?: React.SyntheticEvent) => void; - onClickHref?: string; - onClickTarget?: string; - role?: string; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - type?: DocumentCardType; -} +export const Shimmer: React.FunctionComponent; // @public (undocumented) -export interface IDocumentCardStatus { -} +export const ShimmerBase: React.FunctionComponent; -// Warning: (ae-forgotten-export) The symbol "DocumentCardStatusBase" needs to be exported by the entry point index.d.ts -// // @public (undocumented) -export interface IDocumentCardStatusProps extends React.Props { - className?: string; - componentRef?: IRefObject; - status: string; - statusIcon?: string; - styles?: IStyleFunctionOrObject; - theme?: ITheme; -} +export const ShimmerCircle: React.FunctionComponent; // @public (undocumented) -export interface IDocumentCardStatusStyleProps { - className?: string; - theme: ITheme; -} +export const ShimmerCircleBase: React.FunctionComponent; // @public (undocumented) -export interface IDocumentCardStatusStyles { +export const ShimmeredDetailsList: React.FunctionComponent; + +// @public (undocumented) +export class ShimmeredDetailsListBase extends React.Component { + constructor(props: IShimmeredDetailsListProps); // (undocumented) - root: IStyle; + render(): JSX.Element; + } + +// @public +export enum ShimmerElementsDefaultHeights { + circle = 24, + gap = 16, + line = 16 } // @public (undocumented) -export interface IDocumentCardStyleProps { - actionable?: boolean; - className?: string; - compact?: boolean; - theme: ITheme; -} +export const ShimmerElementsGroup: React.FunctionComponent; // @public (undocumented) -export interface IDocumentCardStyles { - // (undocumented) - root: IStyle; +export const ShimmerElementsGroupBase: React.FunctionComponent; + +// @public +export enum ShimmerElementType { + circle = 2, + gap = 3, + line = 1 } // @public (undocumented) -export interface IDocumentCardTitle { -} +export const ShimmerGap: React.FunctionComponent; -// Warning: (ae-forgotten-export) The symbol "DocumentCardTitleBase" needs to be exported by the entry point index.d.ts -// // @public (undocumented) -export interface IDocumentCardTitleProps extends React.ClassAttributes { - className?: string; - componentRef?: IRefObject; - shouldTruncate?: boolean; - showAsSecondaryTitle?: boolean; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - title: string; -} +export const ShimmerGapBase: React.FunctionComponent; // @public (undocumented) -export interface IDocumentCardTitleStyleProps { - className?: string; - showAsSecondaryTitle?: boolean; - theme: ITheme; -} +export const ShimmerLine: React.FunctionComponent; + +// @public (undocumented) +export const ShimmerLineBase: React.FunctionComponent; // @public (undocumented) -export interface IDocumentCardTitleStyles { - // (undocumented) - root: IStyle; -} +export const sizeBoolean: (size: PersonaSize) => { + isSize8: boolean; + isSize10: boolean; + isSize16: boolean; + isSize24: boolean; + isSize28: boolean; + isSize32: boolean; + isSize40: boolean; + isSize48: boolean; + isSize56: boolean; + isSize72: boolean; + isSize100: boolean; + isSize120: boolean; +}; + +// @public (undocumented) +export const sizeToPixels: { + [key: number]: number; +}; -export { IDragDropContext } +// @public (undocumented) +export const Slider: React.FunctionComponent; -export { IDragDropEvents } +// @public (undocumented) +export const SliderBase: React.FunctionComponent; -export { IDragDropHelper } +// @public +export const SpinButton: React.FunctionComponent; -export { IDragDropOptions } +// @public (undocumented) +export const Spinner: React.FunctionComponent; // @public (undocumented) -export interface IDropdown { +export class SpinnerBase extends React.Component { // (undocumented) - focus: (shouldOpenOnFocus?: boolean) => void; - readonly selectedOptions: IDropdownOption[]; + static defaultProps: ISpinnerProps; + // (undocumented) + render(): JSX.Element; } -// @public (undocumented) -export interface IDropdownOption extends ISelectableOption { - // @deprecated (undocumented) - isSelected?: boolean; +// @public +export type SpinnerLabelPosition = 'top' | 'right' | 'bottom' | 'left'; + +// @public +export enum SpinnerSize { + large = 3, + medium = 2, + small = 1, + xSmall = 0 } -// @public (undocumented) -export interface IDropdownProps extends ISelectableDroppableTextProps, React.RefAttributes { - defaultSelectedKeys?: string[] | number[]; - dropdownWidth?: number | 'auto'; +// @public @deprecated (undocumented) +export enum SpinnerType { // @deprecated (undocumented) - isDisabled?: boolean; - multiSelectDelimiter?: string; - notifyOnReselect?: boolean; - onChange?: (event: React.FormEvent, option?: IDropdownOption, index?: number) => void; + large = 1, // @deprecated (undocumented) - onChanged?: (option: IDropdownOption, index?: number) => void; - onRenderCaretDown?: IRenderFunction; - onRenderLabel?: IRenderFunction; - // @deprecated - onRenderPlaceHolder?: IRenderFunction; - onRenderPlaceholder?: IRenderFunction; - onRenderTitle?: IRenderFunction; - options: IDropdownOption[]; - // @deprecated - placeHolder?: string; - responsiveMode?: ResponsiveMode; - selectedKeys?: string[] | number[] | null; - styles?: IStyleFunctionOrObject; - theme?: ITheme; + normal = 0 } -// @public -export type IDropdownStyleProps = Pick & { - hasError: boolean; - hasLabel: boolean; - isOpen: boolean; - isRenderingPlaceholder: boolean; - panelClassName?: string; - calloutClassName?: string; - calloutRenderEdge?: RectangleEdge; +// @public (undocumented) +export const Stack: React.FunctionComponent & { + Item: React.FunctionComponent; }; -// @public -export interface IDropdownStyles { - callout: IStyle; - caretDown: IStyle; - caretDownWrapper: IStyle; - dropdown: IStyle; - dropdownDivider: IStyle; - dropdownItem: IStyle; - dropdownItemDisabled: IStyle; - dropdownItemHeader: IStyle; - dropdownItemHidden: IStyle; - dropdownItems: IStyle; - dropdownItemSelected: IStyle; - dropdownItemSelectedAndDisabled: IStyle; - dropdownItemsWrapper: IStyle; - dropdownOptionText: IStyle; - errorMessage: IStyle; - label: IStyle; - // @deprecated - panel: IStyle; - root: IStyle; - subComponentStyles: IDropdownSubComponentStyles; - title: IStyle; -} - // @public (undocumented) -export interface IDropdownSubComponentStyles { - label: IStyleFunctionOrObject; - multiSelectItem: IStyleFunctionOrObject; - panel: IStyleFunctionOrObject; -} +export const StackItem: React.FunctionComponent; // @public (undocumented) -export interface IDropHintDetails { +export class Sticky extends React.Component { + constructor(props: IStickyProps); // (undocumented) - dropHintElementRef: HTMLElement; + addSticky(stickyContent: HTMLDivElement): void; // (undocumented) - endX: number; + get canStickyBottom(): boolean; // (undocumented) - originX: number; + get canStickyTop(): boolean; // (undocumented) - startX: number; -} - -// @public (undocumented) -export interface IGroup { - ariaLabel?: string; - children?: IGroup[]; - count: number; - data?: any; - hasMoreData?: boolean; - isCollapsed?: boolean; - isDropEnabled?: boolean; - // @deprecated (undocumented) - isSelected?: boolean; - isShowingAll?: boolean; - key: string; - level?: number; - name: string; - startIndex: number; + componentDidMount(): void; + // (undocumented) + componentDidUpdate(prevProps: IStickyProps, prevState: IStickyState): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + static contextType: React.Context; + // (undocumented) + static defaultProps: IStickyProps; + // (undocumented) + get nonStickyContent(): HTMLDivElement | null; + // (undocumented) + get placeholder(): HTMLDivElement | null; + // (undocumented) + render(): JSX.Element; + // (undocumented) + resetSticky(): void; + // (undocumented) + get root(): HTMLDivElement | null; + // (undocumented) + setDistanceFromTop(container: HTMLDivElement): void; + // (undocumented) + shouldComponentUpdate(nextProps: IStickyProps, nextState: IStickyState): boolean; + // (undocumented) + get stickyContentBottom(): HTMLDivElement | null; + // (undocumented) + get stickyContentTop(): HTMLDivElement | null; + // (undocumented) + syncScroll: (container: HTMLElement) => void; } // @public (undocumented) -export interface IGroupDividerProps { - ariaColSpan?: number; - className?: string; - compact?: boolean; +export enum StickyPositionType { // (undocumented) - componentRef?: IRefObject<{}>; - // @deprecated - expandButtonProps?: React.HTMLAttributes; - footerText?: string; - group?: IGroup; - groupIndex?: number; - groupLevel?: number; - groups?: IGroup[]; - indentWidth?: number; - isCollapsedGroupSelectVisible?: boolean; - isGroupLoading?: (group: IGroup) => boolean; - // @deprecated (undocumented) - isSelected?: boolean; - loadingText?: string; - onGroupHeaderClick?: (group: IGroup) => void; - onGroupHeaderKeyUp?: (ev: React.KeyboardEvent, group?: IGroup) => void; - onRenderTitle?: IRenderFunction; - onToggleCollapse?: (group: IGroup) => void; - onToggleSelectGroup?: (group: IGroup) => void; - onToggleSummarize?: (group: IGroup) => void; - selected?: boolean; - selectionMode?: SelectionMode; - showAllLinkText?: string; - theme?: ITheme; - viewport?: IViewport; + Both = 0, + // (undocumented) + Footer = 2, + // (undocumented) + Header = 1 } -// @public (undocumented) -export interface IGroupedList extends IList { - forceUpdate: () => void; - toggleCollapseAll: (allCollapsed: boolean) => void; +// @public +export enum SuggestionActionType { + forceResolve = 1, + none = 0, + searchMore = 2 } // @public (undocumented) -export interface IGroupedListProps extends React.ClassAttributes { - className?: string; - compact?: boolean; - componentRef?: IRefObject; - dragDropEvents?: IDragDropEvents; - dragDropHelper?: IDragDropHelper; - eventsToRegister?: { - eventName: string; - callback: (context: IDragDropContext, event?: any) => void; - }[]; - focusZoneProps?: IFocusZoneProps; - getGroupHeight?: (group: IGroup, groupIndex: number) => number; - groupProps?: IGroupRenderProps; - groups?: IGroup[]; - items: any[]; - listProps?: IListProps; - onGroupExpandStateChanged?: (isSomeGroupExpanded: boolean) => void; - onRenderCell: (nestingDepth?: number, item?: any, index?: number) => React.ReactNode; - onShouldVirtualize?: (props: IListProps) => boolean; - role?: string; - rootListProps?: IListProps; - selection?: ISelection; - selectionMode?: SelectionMode; - styles?: IStyleFunctionOrObject; - theme?: ITheme; - usePageCache?: boolean; - viewport?: IViewport; +export enum SuggestionItemType { + // (undocumented) + footer = 2, + // (undocumented) + header = 0, + // (undocumented) + suggestion = 1 } // @public (undocumented) -export interface IGroupedListSectionProps extends React.ClassAttributes { - compact?: boolean; - componentRef?: () => void; - dragDropEvents?: IDragDropEvents; - dragDropHelper?: IDragDropHelper; - eventsToRegister?: { - eventName: string; - callback: (context: IDragDropContext, event?: any) => void; - }[]; - footerProps?: IGroupFooterProps; - getGroupItemLimit?: (group: IGroup) => number; - group?: IGroup; - groupedListClassNames?: IProcessedStyleSet; - groupIndex?: number; - groupNestingDepth?: number; - groupProps?: IGroupRenderProps; - groups?: IGroup[]; - headerProps?: IGroupHeaderProps; - items: any[]; - listProps?: IListProps; - onRenderCell: (nestingDepth?: number, item?: any, index?: number) => React.ReactNode; - onRenderGroupFooter?: IRenderFunction; - onRenderGroupHeader?: IRenderFunction; - onRenderGroupShowAll?: IRenderFunction; - onShouldVirtualize?: (props: IListProps) => boolean; - selection?: ISelection; - selectionMode?: SelectionMode; - showAllProps?: IGroupShowAllProps; - viewport?: IViewport; +export class Suggestions extends React.Component, ISuggestionsState> { + constructor(suggestionsProps: ISuggestionsProps); + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentDidUpdate(): void; + // (undocumented) + executeSelectedAction(): void; + // (undocumented) + focusAboveSuggestions(): void; + // (undocumented) + focusBelowSuggestions(): void; + // (undocumented) + focusSearchForMoreButton(): void; + // (undocumented) + protected _forceResolveButton: React.RefObject; + // (undocumented) + hasSuggestedAction(): boolean; + // (undocumented) + hasSuggestedActionSelected(): boolean; + // (undocumented) + render(): JSX.Element; + // (undocumented) + scrollSelected(): void; + // (undocumented) + protected _searchForMoreButton: React.RefObject; + // (undocumented) + protected _selectedElement: React.RefObject; + tryHandleKeyDown: (keyCode: number, currentSuggestionIndex: number) => boolean; } +// @public +export class SuggestionsControl extends React.Component, ISuggestionsControlState> { + constructor(suggestionsProps: ISuggestionsControlProps); + // (undocumented) + componentDidMount(): void; + // (undocumented) + componentDidUpdate(oldProps: ISuggestionsControlProps): void; + // (undocumented) + componentWillUnmount(): void; + // (undocumented) + get currentSuggestion(): ISuggestionModel | undefined; + // (undocumented) + get currentSuggestionIndex(): number; + // (undocumented) + executeSelectedAction(): void; + // (undocumented) + protected _forceResolveButton: IButton; + handleKeyDown(keyCode: number): boolean; + // (undocumented) + hasSelection(): boolean; + // (undocumented) + hasSuggestionSelected(): boolean; + // (undocumented) + removeSuggestion(index?: number): void; + // (undocumented) + render(): JSX.Element; + // (undocumented) + protected renderFooterItems(): JSX.Element | null; + // (undocumented) + protected renderHeaderItems(): JSX.Element | null; + // (undocumented) + protected _renderSuggestions(): JSX.Element; + protected resetSelectedItem(): void; + // (undocumented) + scrollSelected(): void; + // (undocumented) + protected _searchForMoreButton: IButton; + // (undocumented) + get selectedElement(): HTMLDivElement | undefined; + // (undocumented) + protected _selectedElement: React.RefObject; + protected selectFirstItem(): void; + protected selectLastItem(): void; + protected selectNextItem(itemType: SuggestionItemType, originalItemType?: SuggestionItemType): void; + protected selectPreviousItem(itemType: SuggestionItemType, originalItemType?: SuggestionItemType): void; + // (undocumented) + protected _suggestions: React.RefObject>; + } + // @public (undocumented) -export interface IGroupedListSectionState { +export class SuggestionsController { + constructor(); // (undocumented) - isDropping?: boolean; + convertSuggestionsToSuggestionItems(suggestions: Array | T>): ISuggestionModel[]; // (undocumented) - isSelected?: boolean; + createGenericSuggestion(itemToConvert: ISuggestionModel | T): void; + // (undocumented) + currentIndex: number; + // (undocumented) + currentSuggestion: ISuggestionModel | undefined; + // (undocumented) + deselectAllSuggestions(): void; + // (undocumented) + getCurrentItem(): ISuggestionModel; + // (undocumented) + getSuggestionAtIndex(index: number): ISuggestionModel; + // (undocumented) + getSuggestions(): ISuggestionModel[]; + // (undocumented) + hasSelectedSuggestion(): boolean; + nextSuggestion(): boolean; + previousSuggestion(): boolean; + // (undocumented) + removeSuggestion(index: number): void; + // (undocumented) + setSelectedSuggestion(index: number): void; + // (undocumented) + suggestions: ISuggestionModel[]; + // (undocumented) + updateSuggestions(newSuggestions: T[], selectedIndex?: number): void; } -// @public (undocumented) -export interface IGroupedListState { +// @public +export class SuggestionsCore extends React.Component, {}> { + constructor(suggestionsProps: ISuggestionsCoreProps); // (undocumented) - compact?: IGroupedListProps['compact']; + componentDidUpdate(): void; // (undocumented) - groups?: IGroup[]; + currentIndex: number; // (undocumented) - items?: IGroupedListProps['items']; + currentSuggestion: ISuggestionModel | undefined; // (undocumented) - listProps?: IGroupedListProps['listProps']; + deselectAllSuggestions(): void; // (undocumented) - selectionMode?: IGroupedListProps['selectionMode']; + getCurrentItem(): ISuggestionModel; // (undocumented) - version: {}; + getSuggestionAtIndex(index: number): ISuggestionModel; + // (undocumented) + hasSuggestionSelected(): boolean; + nextSuggestion(): boolean; + previousSuggestion(): boolean; + // (undocumented) + removeSuggestion(index: number): void; + // (undocumented) + render(): JSX.Element; + // (undocumented) + scrollSelected(): void; + // (undocumented) + get selectedElement(): HTMLDivElement | undefined; + // (undocumented) + protected _selectedElement: React.RefObject; + // (undocumented) + setSelectedSuggestion(index: number): void; + } + +// @public (undocumented) +export class SuggestionsHeaderFooterItem extends React.Component { + constructor(props: ISuggestionsHeaderFooterItemProps); + // (undocumented) + render(): JSX.Element; } // @public (undocumented) -export type IGroupedListStyleProps = Required> & Pick & { - isCollapsed?: boolean; - compact?: boolean; -}; +export class SuggestionsItem extends React.Component, {}> { + constructor(props: ISuggestionItemProps); + // (undocumented) + render(): JSX.Element; +} // @public (undocumented) -export interface IGroupedListStyles { +export class SuggestionsStore { + constructor(options?: SuggestionsStoreOptions); // (undocumented) - group: IStyle; + convertSuggestionsToSuggestionItems(suggestions: Array | T>): ISuggestionModel[]; // (undocumented) - groupIsDropping: IStyle; + getSuggestionAtIndex(index: number): ISuggestionModel; // (undocumented) - root: IStyle; + getSuggestions(): ISuggestionModel[]; + // (undocumented) + removeSuggestion(index: number): void; + // (undocumented) + suggestions: ISuggestionModel[]; + // (undocumented) + updateSuggestions(newSuggestions: T[]): void; } // @public (undocumented) -export interface IGroupFooterProps extends IGroupDividerProps { - styles?: IStyleFunctionOrObject; -} +export type SuggestionsStoreOptions = { + getAriaLabel?: (item: T) => string; +}; // @public (undocumented) -export type IGroupFooterStyleProps = Required> & Pick & { - isCollapsed?: boolean; -}; +export const SwatchColorPicker: React.FunctionComponent; // @public (undocumented) -export interface IGroupFooterStyles { - // (undocumented) - root: IStyle; -} +export const SwatchColorPickerBase: React.FunctionComponent; // @public (undocumented) -export interface IGroupHeaderCheckboxProps { - // (undocumented) - checked: boolean; +export const TagItem: React.FunctionComponent; + +// @public (undocumented) +export const TagItemBase: (props: ITagItemProps) => JSX.Element; + +// @public (undocumented) +export const TagItemSuggestion: React.FunctionComponent; + +// @public (undocumented) +export const TagItemSuggestionBase: (props: ITagItemSuggestionProps) => JSX.Element; + +// @public (undocumented) +export const TagPicker: React.FunctionComponent; + +// @public (undocumented) +export class TagPickerBase extends BasePicker { + constructor(props: ITagPickerProps); // (undocumented) - theme?: ITheme; + static defaultProps: { + onRenderItem: (props: ITagItemProps) => JSX.Element; + onRenderSuggestionsItem: (props: ITag) => JSX.Element; + }; } +export { Target } + // @public (undocumented) -export interface IGroupHeaderProps extends IGroupDividerProps { - ariaPosInSet?: number; - ariaSetSize?: number; - expandButtonIcon?: string; - expandButtonProps?: React.HTMLAttributes; - groupedListId?: string; - onRenderGroupHeaderCheckbox?: IRenderFunction; - selectAllButtonProps?: React.HTMLAttributes; - styles?: IStyleFunctionOrObject; - useFastIcons?: boolean; -} +export const TeachingBubble: React.FunctionComponent; // @public (undocumented) -export type IGroupHeaderStyleProps = Required> & Pick & { - isCollapsed?: boolean; - compact?: boolean; -}; +export const TeachingBubbleBase: React.FunctionComponent; // @public (undocumented) -export interface IGroupHeaderStyles { - // (undocumented) - check: IStyle; - // (undocumented) - dropIcon: IStyle; +export const TeachingBubbleContent: React.FunctionComponent; + +// @public (undocumented) +export const TeachingBubbleContentBase: React.FunctionComponent; + +// @public (undocumented) +export const Text: React.FunctionComponent; + +// @public (undocumented) +export const TextField: React.FunctionComponent; + +// Warning: (ae-incompatible-release-tags) The symbol "TextFieldBase" is marked as @public, but its signature references "ITextFieldState" which is marked as @internal +// Warning: (ae-incompatible-release-tags) The symbol "TextFieldBase" is marked as @public, but its signature references "ITextFieldSnapshot" which is marked as @internal +// +// @public (undocumented) +export class TextFieldBase extends React.Component implements ITextField { + constructor(props: ITextFieldProps); + blur(): void; // (undocumented) - expand: IStyle; + componentDidMount(): void; // (undocumented) - expandIsCollapsed: IStyle; + componentDidUpdate(prevProps: ITextFieldProps, prevState: ITextFieldState, snapshot: ITextFieldSnapshot): void; // (undocumented) - groupHeaderContainer: IStyle; + componentWillUnmount(): void; // (undocumented) - headerCount: IStyle; + static defaultProps: ITextFieldProps; + focus(): void; // (undocumented) - root: IStyle; + getSnapshotBeforeUpdate(prevProps: ITextFieldProps, prevState: ITextFieldState): ITextFieldSnapshot | null; // (undocumented) - title: IStyle; -} + render(): JSX.Element; + select(): void; + get selectionEnd(): number | null; + get selectionStart(): number | null; + setSelectionEnd(value: number): void; + setSelectionRange(start: number, end: number): void; + setSelectionStart(value: number): void; + get value(): string | undefined; + } // @public (undocumented) -export interface IGroupRenderProps { - collapseAllVisibility?: CollapseAllVisibility; - footerProps?: IGroupFooterProps; - getGroupItemLimit?: (group: IGroup) => number; - headerProps?: IGroupHeaderProps; - isAllGroupsCollapsed?: boolean; - onRenderFooter?: IRenderFunction; - onRenderHeader?: IRenderFunction; - onRenderShowAll?: IRenderFunction; - onToggleCollapseAll?: (isAllCollapsed: boolean) => void; - role?: string; - showAllProps?: IGroupShowAllProps; - showEmptyGroups?: boolean; -} +export const TextStyles: ITextComponent['styles']; // @public (undocumented) -export interface IGroupShowAllProps extends IGroupDividerProps { - showAllLinkText?: string; - styles?: IStyleFunctionOrObject; +export const TextView: ITextComponent['view']; + +// @public (undocumented) +export const ThemeContext: React.Context; + +// @public (undocumented) +export class ThemeGenerator { + static getThemeAsCode(slotRules: IThemeRules): any; + static getThemeAsCodeWithCreateTheme(slotRules: IThemeRules): any; + static getThemeAsJson(slotRules: IThemeRules): any; + static getThemeAsSass(slotRules: IThemeRules): any; + static getThemeForPowerShell(slotRules: IThemeRules): any; + static insureSlots(slotRules: IThemeRules, isInverted: boolean): void; + static setSlot(rule: IThemeSlotRule, color: string | IColor, isInverted?: boolean, isCustomization?: boolean, overwriteCustomColor?: boolean): void; + } + +// @public +export const ThemeProvider: React.FunctionComponent; + +// @public +export interface ThemeProviderProps extends React.HTMLAttributes { + applyTo?: 'element' | 'body' | 'none'; + as?: React.ElementType; + ref?: React.Ref; + theme?: PartialTheme | Theme; } // @public (undocumented) -export type IGroupShowAllStyleProps = Required>; +export function themeRulesStandardCreator(): IThemeRules; // @public (undocumented) -export interface IGroupShowAllStyles { +export const Toggle: React.FunctionComponent; + +// @public (undocumented) +export const ToggleBase: React.FunctionComponent; + +// @public (undocumented) +export const Tooltip: React.FunctionComponent; + +// @public (undocumented) +export class TooltipBase extends React.Component { // (undocumented) - root: IStyle; + static defaultProps: Partial; + // (undocumented) + render(): JSX.Element; } // @public (undocumented) -export interface IGroupSpacerProps { - count: number; - indentWidth?: number; - role?: string; - // @deprecated (undocumented) - styles?: IStyleFunctionOrObject; - // @deprecated (undocumented) - theme?: ITheme; +export enum TooltipDelay { + long = 2, + medium = 1, + // (undocumented) + zero = 0 } -// @public @deprecated (undocumented) -export type IGroupSpacerStyleProps = Required> & { - width?: number; -}; +// @public (undocumented) +export const TooltipHost: React.FunctionComponent; -// @public @deprecated (undocumented) -export interface IGroupSpacerStyles { +// @public (undocumented) +export class TooltipHostBase extends React.Component implements ITooltipHost { + constructor(props: ITooltipHostProps); // (undocumented) - root: IStyle; -} + componentWillUnmount(): void; + // (undocumented) + static defaultProps: { + delay: TooltipDelay; + }; + // (undocumented) + dismiss: () => void; + // (undocumented) + render(): JSX.Element; + // (undocumented) + show: () => void; + } // @public (undocumented) -export interface IOnRenderComboBoxLabelProps { - multiselectAccessibleText?: string; - props: IComboBoxProps; +export enum TooltipOverflowMode { + Parent = 0, + Self = 1 } // @public -export type IOverrideColumnRenderProps = Pick & Pick; +export function transitionKeysAreEqual(key1: IKeytipTransitionKey, key2: IKeytipTransitionKey): boolean; // @public -export interface IShimmeredDetailsListProps extends Omit { - ariaLabelForShimmer?: string; - detailsListStyles?: IDetailsListProps['styles']; - enableShimmer?: boolean; - onRenderCustomPlaceholder?: (rowProps: IDetailsRowProps, index?: number, defaultRender?: (props: IDetailsRowProps) => React.ReactNode) => React.ReactNode; - removeFadingOverlay?: boolean; - shimmerLines?: number; - // @deprecated - shimmerOverlayStyles?: IStyleFunctionOrObject; - styles?: IStyleFunctionOrObject; -} +export function transitionKeysContain(keys: IKeytipTransitionKey[], key: IKeytipTransitionKey): boolean; // @public -export type IShimmeredDetailsListStyleProps = Required>; +export function updateA(color: IColor, a: number): IColor; // @public -export interface IShimmeredDetailsListStyles { - root: IStyle; -} +export function updateH(color: IColor, h: number): IColor; -export { IViewport } +// @public +export function updateRGB(color: IColor, component: keyof IRGB, value: number): IColor; -export { IWithViewportProps } +// @public +export function updateSV(color: IColor, s: number, v: number): IColor; -export { ResponsiveMode } +// @public +export function updateT(color: IColor, t: number): IColor; // @public (undocumented) -export enum SelectAllVisibility { - // (undocumented) - hidden = 1, - // (undocumented) - none = 0, - // (undocumented) - visible = 2 -} +export function useHeightOffset({ finalHeight }: IPositioningContainerProps, contentHost: React.RefObject): number; + +// @public +export function useKeytipRef(options: KeytipDataOptions): React.Ref; // @public (undocumented) -export const ShimmeredDetailsList: React.FunctionComponent; +export const useSlider: (props: ISliderProps, ref: React.Ref) => { + root: { + className: string; + ref: React.Ref; + }; + label: { + className: string; + children: string | undefined; + disabled: boolean; + htmlFor: string | undefined; + }; + sliderBox: { + className: string; + role: string; + tabIndex: number | undefined; + 'data-is-focusable': boolean; + id: string; + 'aria-valuenow': number; + 'aria-valuemin': number; + 'aria-valuemax': number; + 'aria-valuetext': string | undefined; + 'aria-label': string | undefined; + 'aria-disabled': boolean; + } | { + className: string; + role: string; + tabIndex: number | undefined; + 'data-is-focusable': boolean; + defaultChecked?: boolean | undefined; + defaultValue?: string | number | readonly string[] | undefined; + suppressContentEditableWarning?: boolean | undefined; + suppressHydrationWarning?: boolean | undefined; + accessKey?: string | undefined; + contentEditable?: boolean | "inherit" | "true" | "false" | undefined; + contextMenu?: string | undefined; + dir?: string | undefined; + draggable?: boolean | "true" | "false" | undefined; + hidden?: boolean | undefined; + id: string; + lang?: string | undefined; + placeholder?: string | undefined; + slot?: string | undefined; + spellCheck?: boolean | "true" | "false" | undefined; + style?: React.CSSProperties | undefined; + title?: string | undefined; + translate?: "yes" | "no" | undefined; + radioGroup?: string | undefined; + about?: string | undefined; + datatype?: string | undefined; + inlist?: any; + prefix?: string | undefined; + property?: string | undefined; + resource?: string | undefined; + typeof?: string | undefined; + vocab?: string | undefined; + autoCapitalize?: string | undefined; + autoCorrect?: string | undefined; + autoSave?: string | undefined; + color?: string | undefined; + itemProp?: string | undefined; + itemScope?: boolean | undefined; + itemType?: string | undefined; + itemID?: string | undefined; + itemRef?: string | undefined; + results?: number | undefined; + security?: string | undefined; + unselectable?: "on" | "off" | undefined; + inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined; + is?: string | undefined; + 'aria-activedescendant'?: string | undefined; + 'aria-atomic'?: boolean | "true" | "false" | undefined; + 'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined; + 'aria-busy'?: boolean | "true" | "false" | undefined; + 'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined; + 'aria-colcount'?: number | undefined; + 'aria-colindex'?: number | undefined; + 'aria-colspan'?: number | undefined; + 'aria-controls'?: string | undefined; + 'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined; + 'aria-describedby'?: string | undefined; + 'aria-details'?: string | undefined; + 'aria-disabled': boolean | "true" | "false"; + 'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined; + 'aria-errormessage'?: string | undefined; + 'aria-expanded'?: boolean | "true" | "false" | undefined; + 'aria-flowto'?: string | undefined; + 'aria-grabbed'?: boolean | "true" | "false" | undefined; + 'aria-haspopup'?: boolean | "true" | "false" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined; + 'aria-hidden'?: boolean | "true" | "false" | undefined; + 'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined; + 'aria-keyshortcuts'?: string | undefined; + 'aria-label': string | undefined; + 'aria-labelledby'?: string | undefined; + 'aria-level'?: number | undefined; + 'aria-live'?: "off" | "assertive" | "polite" | undefined; + 'aria-modal'?: boolean | "true" | "false" | undefined; + 'aria-multiline'?: boolean | "true" | "false" | undefined; + 'aria-multiselectable'?: boolean | "true" | "false" | undefined; + 'aria-orientation'?: "horizontal" | "vertical" | undefined; + 'aria-owns'?: string | undefined; + 'aria-placeholder'?: string | undefined; + 'aria-posinset'?: number | undefined; + 'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined; + 'aria-readonly'?: boolean | "true" | "false" | undefined; + 'aria-relevant'?: "text" | "additions" | "additions text" | "all" | "removals" | undefined; + 'aria-required'?: boolean | "true" | "false" | undefined; + 'aria-roledescription'?: string | undefined; + 'aria-rowcount'?: number | undefined; + 'aria-rowindex'?: number | undefined; + 'aria-rowspan'?: number | undefined; + 'aria-selected'?: boolean | "true" | "false" | undefined; + 'aria-setsize'?: number | undefined; + 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined; + 'aria-valuemax': number; + 'aria-valuemin': number; + 'aria-valuenow': number; + 'aria-valuetext': string | undefined; + children?: React.ReactNode; + dangerouslySetInnerHTML?: { + __html: string; + } | undefined; + onCopy?: ((event: React.ClipboardEvent) => void) | undefined; + onCopyCapture?: ((event: React.ClipboardEvent) => void) | undefined; + onCut?: ((event: React.ClipboardEvent) => void) | undefined; + onCutCapture?: ((event: React.ClipboardEvent) => void) | undefined; + onPaste?: ((event: React.ClipboardEvent) => void) | undefined; + onPasteCapture?: ((event: React.ClipboardEvent) => void) | undefined; + onCompositionEnd?: ((event: React.CompositionEvent) => void) | undefined; + onCompositionEndCapture?: ((event: React.CompositionEvent) => void) | undefined; + onCompositionStart?: ((event: React.CompositionEvent) => void) | undefined; + onCompositionStartCapture?: ((event: React.CompositionEvent) => void) | undefined; + onCompositionUpdate?: ((event: React.CompositionEvent) => void) | undefined; + onCompositionUpdateCapture?: ((event: React.CompositionEvent) => void) | undefined; + onFocus?: ((event: React.FocusEvent) => void) | undefined; + onFocusCapture?: ((event: React.FocusEvent) => void) | undefined; + onBlur?: ((event: React.FocusEvent) => void) | undefined; + onBlurCapture?: ((event: React.FocusEvent) => void) | undefined; + onChange?: ((event: React.FormEvent) => void) | undefined; + onChangeCapture?: ((event: React.FormEvent) => void) | undefined; + onBeforeInput?: ((event: React.FormEvent) => void) | undefined; + onBeforeInputCapture?: ((event: React.FormEvent) => void) | undefined; + onInput?: ((event: React.FormEvent) => void) | undefined; + onInputCapture?: ((event: React.FormEvent) => void) | undefined; + onReset?: ((event: React.FormEvent) => void) | undefined; + onResetCapture?: ((event: React.FormEvent) => void) | undefined; + onSubmit?: ((event: React.FormEvent) => void) | undefined; + onSubmitCapture?: ((event: React.FormEvent) => void) | undefined; + onInvalid?: ((event: React.FormEvent) => void) | undefined; + onInvalidCapture?: ((event: React.FormEvent) => void) | undefined; + onLoad?: ((event: React.SyntheticEvent) => void) | undefined; + onLoadCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onError?: ((event: React.SyntheticEvent) => void) | undefined; + onErrorCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onKeyDown?: ((event: React.KeyboardEvent) => void) | undefined; + onKeyDownCapture?: ((event: React.KeyboardEvent) => void) | undefined; + onKeyPress?: ((event: React.KeyboardEvent) => void) | undefined; + onKeyPressCapture?: ((event: React.KeyboardEvent) => void) | undefined; + onKeyUp?: ((event: React.KeyboardEvent) => void) | undefined; + onKeyUpCapture?: ((event: React.KeyboardEvent) => void) | undefined; + onAbort?: ((event: React.SyntheticEvent) => void) | undefined; + onAbortCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onCanPlay?: ((event: React.SyntheticEvent) => void) | undefined; + onCanPlayCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onCanPlayThrough?: ((event: React.SyntheticEvent) => void) | undefined; + onCanPlayThroughCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onDurationChange?: ((event: React.SyntheticEvent) => void) | undefined; + onDurationChangeCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onEmptied?: ((event: React.SyntheticEvent) => void) | undefined; + onEmptiedCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onEncrypted?: ((event: React.SyntheticEvent) => void) | undefined; + onEncryptedCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onEnded?: ((event: React.SyntheticEvent) => void) | undefined; + onEndedCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onLoadedData?: ((event: React.SyntheticEvent) => void) | undefined; + onLoadedDataCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onLoadedMetadata?: ((event: React.SyntheticEvent) => void) | undefined; + onLoadedMetadataCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onLoadStart?: ((event: React.SyntheticEvent) => void) | undefined; + onLoadStartCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onPause?: ((event: React.SyntheticEvent) => void) | undefined; + onPauseCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onPlay?: ((event: React.SyntheticEvent) => void) | undefined; + onPlayCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onPlaying?: ((event: React.SyntheticEvent) => void) | undefined; + onPlayingCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onProgress?: ((event: React.SyntheticEvent) => void) | undefined; + onProgressCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onRateChange?: ((event: React.SyntheticEvent) => void) | undefined; + onRateChangeCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onSeeked?: ((event: React.SyntheticEvent) => void) | undefined; + onSeekedCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onSeeking?: ((event: React.SyntheticEvent) => void) | undefined; + onSeekingCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onStalled?: ((event: React.SyntheticEvent) => void) | undefined; + onStalledCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onSuspend?: ((event: React.SyntheticEvent) => void) | undefined; + onSuspendCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onTimeUpdate?: ((event: React.SyntheticEvent) => void) | undefined; + onTimeUpdateCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onVolumeChange?: ((event: React.SyntheticEvent) => void) | undefined; + onVolumeChangeCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onWaiting?: ((event: React.SyntheticEvent) => void) | undefined; + onWaitingCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onAuxClick?: ((event: React.MouseEvent) => void) | undefined; + onAuxClickCapture?: ((event: React.MouseEvent) => void) | undefined; + onClick?: ((event: React.MouseEvent) => void) | undefined; + onClickCapture?: ((event: React.MouseEvent) => void) | undefined; + onContextMenu?: ((event: React.MouseEvent) => void) | undefined; + onContextMenuCapture?: ((event: React.MouseEvent) => void) | undefined; + onDoubleClick?: ((event: React.MouseEvent) => void) | undefined; + onDoubleClickCapture?: ((event: React.MouseEvent) => void) | undefined; + onDrag?: ((event: React.DragEvent) => void) | undefined; + onDragCapture?: ((event: React.DragEvent) => void) | undefined; + onDragEnd?: ((event: React.DragEvent) => void) | undefined; + onDragEndCapture?: ((event: React.DragEvent) => void) | undefined; + onDragEnter?: ((event: React.DragEvent) => void) | undefined; + onDragEnterCapture?: ((event: React.DragEvent) => void) | undefined; + onDragExit?: ((event: React.DragEvent) => void) | undefined; + onDragExitCapture?: ((event: React.DragEvent) => void) | undefined; + onDragLeave?: ((event: React.DragEvent) => void) | undefined; + onDragLeaveCapture?: ((event: React.DragEvent) => void) | undefined; + onDragOver?: ((event: React.DragEvent) => void) | undefined; + onDragOverCapture?: ((event: React.DragEvent) => void) | undefined; + onDragStart?: ((event: React.DragEvent) => void) | undefined; + onDragStartCapture?: ((event: React.DragEvent) => void) | undefined; + onDrop?: ((event: React.DragEvent) => void) | undefined; + onDropCapture?: ((event: React.DragEvent) => void) | undefined; + onMouseDown?: ((event: React.MouseEvent) => void) | undefined; + onMouseDownCapture?: ((event: React.MouseEvent) => void) | undefined; + onMouseEnter?: ((event: React.MouseEvent) => void) | undefined; + onMouseLeave?: ((event: React.MouseEvent) => void) | undefined; + onMouseMove?: ((event: React.MouseEvent) => void) | undefined; + onMouseMoveCapture?: ((event: React.MouseEvent) => void) | undefined; + onMouseOut?: ((event: React.MouseEvent) => void) | undefined; + onMouseOutCapture?: ((event: React.MouseEvent) => void) | undefined; + onMouseOver?: ((event: React.MouseEvent) => void) | undefined; + onMouseOverCapture?: ((event: React.MouseEvent) => void) | undefined; + onMouseUp?: ((event: React.MouseEvent) => void) | undefined; + onMouseUpCapture?: ((event: React.MouseEvent) => void) | undefined; + onSelect?: ((event: React.SyntheticEvent) => void) | undefined; + onSelectCapture?: ((event: React.SyntheticEvent) => void) | undefined; + onTouchCancel?: ((event: React.TouchEvent) => void) | undefined; + onTouchCancelCapture?: ((event: React.TouchEvent) => void) | undefined; + onTouchEnd?: ((event: React.TouchEvent) => void) | undefined; + onTouchEndCapture?: ((event: React.TouchEvent) => void) | undefined; + onTouchMove?: ((event: React.TouchEvent) => void) | undefined; + onTouchMoveCapture?: ((event: React.TouchEvent) => void) | undefined; + onTouchStart?: ((event: React.TouchEvent) => void) | undefined; + onTouchStartCapture?: ((event: React.TouchEvent) => void) | undefined; + onPointerDown?: ((event: React.PointerEvent) => void) | undefined; + onPointerDownCapture?: ((event: React.PointerEvent) => void) | undefined; + onPointerMove?: ((event: React.PointerEvent) => void) | undefined; + onPointerMoveCapture?: ((event: React.PointerEvent) => void) | undefined; + onPointerUp?: ((event: React.PointerEvent) => void) | undefined; + onPointerUpCapture?: ((event: React.PointerEvent) => void) | undefined; + onPointerCancel?: ((event: React.PointerEvent) => void) | undefined; + onPointerCancelCapture?: ((event: React.PointerEvent) => void) | undefined; + onPointerEnter?: ((event: React.PointerEvent) => void) | undefined; + onPointerEnterCapture?: ((event: React.PointerEvent) => void) | undefined; + onPointerLeave?: ((event: React.PointerEvent) => void) | undefined; + onPointerLeaveCapture?: ((event: React.PointerEvent) => void) | undefined; + onPointerOver?: ((event: React.PointerEvent) => void) | undefined; + onPointerOverCapture?: ((event: React.PointerEvent) => void) | undefined; + onPointerOut?: ((event: React.PointerEvent) => void) | undefined; + onPointerOutCapture?: ((event: React.PointerEvent) => void) | undefined; + onGotPointerCapture?: ((event: React.PointerEvent) => void) | undefined; + onGotPointerCaptureCapture?: ((event: React.PointerEvent) => void) | undefined; + onLostPointerCapture?: ((event: React.PointerEvent) => void) | undefined; + onLostPointerCaptureCapture?: ((event: React.PointerEvent) => void) | undefined; + onScroll?: ((event: React.UIEvent) => void) | undefined; + onScrollCapture?: ((event: React.UIEvent) => void) | undefined; + onWheel?: ((event: React.WheelEvent) => void) | undefined; + onWheelCapture?: ((event: React.WheelEvent) => void) | undefined; + onAnimationStart?: ((event: React.AnimationEvent) => void) | undefined; + onAnimationStartCapture?: ((event: React.AnimationEvent) => void) | undefined; + onAnimationEnd?: ((event: React.AnimationEvent) => void) | undefined; + onAnimationEndCapture?: ((event: React.AnimationEvent) => void) | undefined; + onAnimationIteration?: ((event: React.AnimationEvent) => void) | undefined; + onAnimationIterationCapture?: ((event: React.AnimationEvent) => void) | undefined; + onTransitionEnd?: ((event: React.TransitionEvent) => void) | undefined; + onTransitionEndCapture?: ((event: React.TransitionEvent) => void) | undefined; + }; + container: { + className: string; + }; + valueLabel: false | { + className: string; + children: string | number; + disabled: boolean; + }; + thumb: { + ref: React.RefObject; + className: string; + style: { + [x: string]: string; + }; + }; + zeroTick: false | { + className: string; + style: { + [x: string]: string; + }; + } | undefined; + activeTrack: { + className: string; + style: { + [x: string]: string; + }; + }; + topInactiveTrack: { + className: string; + style: { + [x: string]: string; + }; + }; + bottomInactiveTrack: { + className: string; + style: { + [x: string]: string; + }; + }; + sliderLine: { + ref: React.RefObject; + className: string; + }; +}; + +// @public +export type UseStylesOptions = { + theme?: Theme; +}; + +// @public +export const useTheme: () => Theme; + +// @public +export enum ValidationState { + invalid = 2, + valid = 0, + warning = 1 +} // @public (undocumented) -export class ShimmeredDetailsListBase extends React.Component { - constructor(props: IShimmeredDetailsListProps); - // (undocumented) - render(): JSX.Element; - } +export const VerticalDivider: React.FunctionComponent; // @public (undocumented) export class VirtualizedComboBox extends React.Component implements IComboBox { @@ -1921,11 +10222,23 @@ export class VirtualizedComboBox extends React.Component imp get selectedOptions(): IComboBoxOption[]; } +// @public (undocumented) +export const WeeklyDayPicker: React.FunctionComponent; + -export * from "@fluentui/react-date-time"; -export * from "@fluentui/react-internal"; -export * from "@fluentui/react-internal/lib/Selection"; -export * from "@fluentui/react-internal/lib/compat/Button"; +export * from "@fluentui/date-time-utilities/lib/dateMath/dateMath"; +export * from "@fluentui/date-time-utilities/lib/dateValues/dateValues"; +export * from "@fluentui/date-time-utilities/lib/dateValues/timeConstants"; +export * from "@fluentui/font-icons-mdl2"; +export * from "@fluentui/react-focus"; +export * from "@fluentui/react-window-provider"; +export * from "@fluentui/style-utilities"; +export * from "@fluentui/theme"; +export * from "@fluentui/utilities"; + +// Warnings were encountered during analysis: +// +// lib/components/ColorPicker/ColorPicker.base.d.ts:11:9 - (ae-forgotten-export) The symbol "ColorComponent" needs to be exported by the entry point index.d.ts // (No @packageDocumentation comment for this package) diff --git a/packages/react/package.json b/packages/react/package.json index 0759cccd4b9b52..327e904cfd451f 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -58,11 +58,17 @@ "react-test-renderer": "^16.3.0" }, "dependencies": { + "@fluentui/date-time-utilities": "^8.0.0-beta.2", + "@fluentui/foundation-legacy": "^8.0.0-beta.13", "@fluentui/font-icons-mdl2": "^8.0.0-beta.13", - "@fluentui/react-date-time": "^8.0.0-beta.40", + "@fluentui/merge-styles": "^8.0.0-beta.4", + "@fluentui/react-focus": "^8.0.0-beta.18", "@fluentui/react-hooks": "^8.0.0-beta.10", - "@fluentui/react-internal": "^8.0.0-beta.44", + "@fluentui/react-shared-contexts": "^1.0.0-beta.5", + "@fluentui/react-window-provider": "^2.0.0-beta.5", "@fluentui/set-version": "^8.0.0-beta.1", + "@fluentui/style-utilities": "^8.0.0-beta.13", + "@fluentui/theme": "^2.0.0-beta.13", "@fluentui/utilities": "^8.0.0-beta.10", "@microsoft/load-themed-styles": "^1.10.26", "tslib": "^1.10.0" diff --git a/packages/react/src/ActivityItem.ts b/packages/react/src/ActivityItem.ts index 00f8003c7c2740..f0dc67381e8b72 100644 --- a/packages/react/src/ActivityItem.ts +++ b/packages/react/src/ActivityItem.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/ActivityItem'; +export * from './components/ActivityItem/index'; diff --git a/packages/react/src/Announced.ts b/packages/react/src/Announced.ts index 2d17856c33fcbc..25bf18c54348f1 100644 --- a/packages/react/src/Announced.ts +++ b/packages/react/src/Announced.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Announced'; +export * from './components/Announced/index'; diff --git a/packages/react/src/Autofill.ts b/packages/react/src/Autofill.ts index 5e3b515cbee64f..6668eb240bcc6a 100644 --- a/packages/react/src/Autofill.ts +++ b/packages/react/src/Autofill.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Autofill'; +export * from './components/Autofill/index'; diff --git a/packages/react/src/Button.ts b/packages/react/src/Button.ts index eeb5141be9fa4d..c3de260a2c0725 100644 --- a/packages/react/src/Button.ts +++ b/packages/react/src/Button.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/compat/Button'; +export * from './compat/Button'; diff --git a/packages/react-internal/src/ButtonGrid.ts b/packages/react/src/ButtonGrid.ts similarity index 100% rename from packages/react-internal/src/ButtonGrid.ts rename to packages/react/src/ButtonGrid.ts diff --git a/packages/react/src/Calendar.ts b/packages/react/src/Calendar.ts index 7d4b04587e112d..44c674c047ffe5 100644 --- a/packages/react/src/Calendar.ts +++ b/packages/react/src/Calendar.ts @@ -1 +1 @@ -export * from '@fluentui/react-date-time/lib/Calendar'; +export * from './components/Calendar/index'; diff --git a/packages/react/src/Callout.ts b/packages/react/src/Callout.ts index 3a00b575485494..e7f27d542c0327 100644 --- a/packages/react/src/Callout.ts +++ b/packages/react/src/Callout.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Callout'; +export * from './components/Callout/index'; diff --git a/packages/react/src/Check.ts b/packages/react/src/Check.ts index b2fdfe1a368283..da7523f37b386a 100644 --- a/packages/react/src/Check.ts +++ b/packages/react/src/Check.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Check'; +export * from './components/Check/index'; diff --git a/packages/react/src/Checkbox.ts b/packages/react/src/Checkbox.ts index 4915eb6e1394d7..0c5e8af240aff5 100644 --- a/packages/react/src/Checkbox.ts +++ b/packages/react/src/Checkbox.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Checkbox'; +export * from './components/Checkbox/index'; diff --git a/packages/react/src/ChoiceGroup.ts b/packages/react/src/ChoiceGroup.ts index 20dd319f03d7dc..9600c098d0bc61 100644 --- a/packages/react/src/ChoiceGroup.ts +++ b/packages/react/src/ChoiceGroup.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/ChoiceGroup'; +export * from './components/ChoiceGroup/index'; diff --git a/packages/react/src/ChoiceGroupOption.ts b/packages/react/src/ChoiceGroupOption.ts index 44e1870f975bbf..fd3baee51c4483 100644 --- a/packages/react/src/ChoiceGroupOption.ts +++ b/packages/react/src/ChoiceGroupOption.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/ChoiceGroupOption'; +export * from './components/ChoiceGroup/ChoiceGroupOption/index'; diff --git a/packages/react/src/Coachmark.ts b/packages/react/src/Coachmark.ts index 801e5191309ed6..8efdabae95c3ed 100644 --- a/packages/react/src/Coachmark.ts +++ b/packages/react/src/Coachmark.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Coachmark'; +export * from './components/Coachmark/index'; diff --git a/packages/react/src/Color.ts b/packages/react/src/Color.ts index 1d16fb3a4ea862..f3c85511ea36db 100644 --- a/packages/react/src/Color.ts +++ b/packages/react/src/Color.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Color'; +export * from './utilities/color/index'; diff --git a/packages/react/src/ColorPicker.ts b/packages/react/src/ColorPicker.ts index ad960f69bf9871..83b2c1098f247b 100644 --- a/packages/react/src/ColorPicker.ts +++ b/packages/react/src/ColorPicker.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/ColorPicker'; +export * from './components/ColorPicker/index'; diff --git a/packages/react/src/CommandBar.ts b/packages/react/src/CommandBar.ts index f82600c540a2cb..bf610f9a887714 100644 --- a/packages/react/src/CommandBar.ts +++ b/packages/react/src/CommandBar.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/CommandBar'; +export * from './components/CommandBar/index'; diff --git a/packages/react/src/ContextualMenu.ts b/packages/react/src/ContextualMenu.ts index 1acfa6a181fe0a..db4c73bf748018 100644 --- a/packages/react/src/ContextualMenu.ts +++ b/packages/react/src/ContextualMenu.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/ContextualMenu'; +export * from './components/ContextualMenu/index'; diff --git a/packages/react/src/DatePicker.ts b/packages/react/src/DatePicker.ts index 7a0bc42fb30aea..a9aaee081d5cc8 100644 --- a/packages/react/src/DatePicker.ts +++ b/packages/react/src/DatePicker.ts @@ -1 +1 @@ -export * from '@fluentui/react-date-time/lib/DatePicker'; +export * from './components/DatePicker/index'; diff --git a/packages/react/src/DateTimeUtilities.ts b/packages/react/src/DateTimeUtilities.ts index 9b307656caeedf..1f5219282086e3 100644 --- a/packages/react/src/DateTimeUtilities.ts +++ b/packages/react/src/DateTimeUtilities.ts @@ -1,3 +1,5 @@ // NOTE: This is not a full re-export because date-time-utilities includes some additional stuff // which is exported elsewhere, causes conflicts, or isn't needed. -export * from '@fluentui/react-date-time/lib/DateTimeUtilities'; +export * from '@fluentui/date-time-utilities/lib/dateMath/dateMath'; +export * from '@fluentui/date-time-utilities/lib/dateValues/dateValues'; +export * from '@fluentui/date-time-utilities/lib/dateValues/timeConstants'; diff --git a/packages/react/src/Dialog.ts b/packages/react/src/Dialog.ts index 0607690042c941..e04588311a3302 100644 --- a/packages/react/src/Dialog.ts +++ b/packages/react/src/Dialog.ts @@ -1 +1,2 @@ -export * from '@fluentui/react-internal/lib/Dialog'; +export * from './components/Dialog/index'; +export { Dialog as default } from './components/Dialog/index'; diff --git a/packages/react/src/Divider.ts b/packages/react/src/Divider.ts index fc0d163b923068..d9d14cf0c769df 100644 --- a/packages/react/src/Divider.ts +++ b/packages/react/src/Divider.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Divider'; +export * from './components/Divider/index'; diff --git a/packages/react/src/DragDrop.ts b/packages/react/src/DragDrop.ts index a9c57f3f402a58..a9ed7d41998ef6 100644 --- a/packages/react/src/DragDrop.ts +++ b/packages/react/src/DragDrop.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/DragDrop'; +export * from './utilities/dragdrop/index'; diff --git a/packages/react/src/ExtendedPicker.ts b/packages/react/src/ExtendedPicker.ts index 820343199c865f..d93610b75eb6cc 100644 --- a/packages/react/src/ExtendedPicker.ts +++ b/packages/react/src/ExtendedPicker.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/ExtendedPicker'; +export * from './components/ExtendedPicker/index'; diff --git a/packages/react/src/Fabric.ts b/packages/react/src/Fabric.ts index 736cd79937ecab..1d56dadb866e48 100644 --- a/packages/react/src/Fabric.ts +++ b/packages/react/src/Fabric.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Fabric'; +export * from './components/Fabric/index'; diff --git a/packages/react/src/Facepile.ts b/packages/react/src/Facepile.ts index 7e52f7b13058b2..64b198ef72cb35 100644 --- a/packages/react/src/Facepile.ts +++ b/packages/react/src/Facepile.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Facepile'; +export * from './components/Facepile/index'; diff --git a/packages/react/src/FloatingPicker.ts b/packages/react/src/FloatingPicker.ts index 370e8262684881..5910fc2cf4b123 100644 --- a/packages/react/src/FloatingPicker.ts +++ b/packages/react/src/FloatingPicker.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/FloatingPicker'; +export * from './components/FloatingPicker/index'; diff --git a/packages/react/src/FocusTrapZone.ts b/packages/react/src/FocusTrapZone.ts index 9decb26b5956d0..cc6abd44802f76 100644 --- a/packages/react/src/FocusTrapZone.ts +++ b/packages/react/src/FocusTrapZone.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/FocusTrapZone'; +export * from './components/FocusTrapZone/index'; diff --git a/packages/react/src/FocusZone.ts b/packages/react/src/FocusZone.ts index 36ab3f6ce8caeb..5753dd3d473726 100644 --- a/packages/react/src/FocusZone.ts +++ b/packages/react/src/FocusZone.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/FocusZone'; +export * from '@fluentui/react-focus'; diff --git a/packages/react/src/Grid.ts b/packages/react/src/Grid.ts index bafff58454159f..6c8abf888ccf3b 100644 --- a/packages/react/src/Grid.ts +++ b/packages/react/src/Grid.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Grid'; +export * from './utilities/ButtonGrid/index'; diff --git a/packages/react/src/HoverCard.ts b/packages/react/src/HoverCard.ts index 1842f30f4472eb..f9ac96f412618a 100644 --- a/packages/react/src/HoverCard.ts +++ b/packages/react/src/HoverCard.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/HoverCard'; +export * from './components/HoverCard/index'; diff --git a/packages/react/src/Icon.ts b/packages/react/src/Icon.ts index 97c99fe3a7c66c..360cd3315ee29c 100644 --- a/packages/react/src/Icon.ts +++ b/packages/react/src/Icon.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Icon'; +export * from './components/Icon/index'; diff --git a/packages/react/src/Icons.ts b/packages/react/src/Icons.ts index 6b291959f067ea..d6d4cd56d7fee1 100644 --- a/packages/react/src/Icons.ts +++ b/packages/react/src/Icons.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Icons'; +export * from '@fluentui/font-icons-mdl2'; diff --git a/packages/react/src/Image.ts b/packages/react/src/Image.ts index ca03dc49583f97..bf3d26a661305c 100644 --- a/packages/react/src/Image.ts +++ b/packages/react/src/Image.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Image'; +export * from './components/Image/index'; diff --git a/packages/react/src/Keytip.ts b/packages/react/src/Keytip.ts index 7b08af94299659..1eb45b0cc0387c 100644 --- a/packages/react/src/Keytip.ts +++ b/packages/react/src/Keytip.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Keytip'; +export * from './components/Keytip/index'; diff --git a/packages/react/src/KeytipData.ts b/packages/react/src/KeytipData.ts index f0fc3bd43802c5..26adc81b5ecfc8 100644 --- a/packages/react/src/KeytipData.ts +++ b/packages/react/src/KeytipData.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/KeytipData'; +export * from './components/KeytipData/index'; diff --git a/packages/react/src/KeytipLayer.ts b/packages/react/src/KeytipLayer.ts index df7a03092323b0..2f3a483b01104b 100644 --- a/packages/react/src/KeytipLayer.ts +++ b/packages/react/src/KeytipLayer.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/KeytipLayer'; +export * from './components/KeytipLayer/index'; diff --git a/packages/react/src/Keytips.ts b/packages/react/src/Keytips.ts index 34bd12fad58624..afae616e38b02d 100644 --- a/packages/react/src/Keytips.ts +++ b/packages/react/src/Keytips.ts @@ -1 +1,4 @@ -export * from '@fluentui/react-internal/lib/Keytips'; +export * from './components/Keytip/index'; +export * from './components/KeytipData/index'; +export * from './components/KeytipLayer/index'; +export * from './utilities/keytips/index'; diff --git a/packages/react/src/Label.ts b/packages/react/src/Label.ts index 66c5e5ae5113fe..a2a229e9ee106c 100644 --- a/packages/react/src/Label.ts +++ b/packages/react/src/Label.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Label'; +export * from './components/Label/index'; diff --git a/packages/react/src/Layer.ts b/packages/react/src/Layer.ts index 296e985f500c0b..7c78fd611d6fed 100644 --- a/packages/react/src/Layer.ts +++ b/packages/react/src/Layer.ts @@ -1 +1,2 @@ -export * from '@fluentui/react-internal/lib/Layer'; +import './version'; +export * from './components/Layer/index'; diff --git a/packages/react/src/Link.ts b/packages/react/src/Link.ts index 05ecccc1415a5b..335623cbb79621 100644 --- a/packages/react/src/Link.ts +++ b/packages/react/src/Link.ts @@ -1 +1,2 @@ -export * from '@fluentui/react-internal/lib/Link'; +import './version'; +export * from './components/Link/index'; diff --git a/packages/react/src/List.ts b/packages/react/src/List.ts index 7d34c683f878cb..038abd3e740ea4 100644 --- a/packages/react/src/List.ts +++ b/packages/react/src/List.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/List'; +export * from './components/List/index'; diff --git a/packages/react/src/MarqueeSelection.ts b/packages/react/src/MarqueeSelection.ts index b6e71c77d35976..8f1eb7ae889297 100644 --- a/packages/react/src/MarqueeSelection.ts +++ b/packages/react/src/MarqueeSelection.ts @@ -1 +1,3 @@ -export * from '@fluentui/react-internal/lib/MarqueeSelection'; +export * from './components/MarqueeSelection/MarqueeSelection'; +export * from './components/MarqueeSelection/MarqueeSelection.types'; +export * from './utilities/selection/index'; diff --git a/packages/react/src/MessageBar.ts b/packages/react/src/MessageBar.ts index 16292777cf57fe..380da827afeaa7 100644 --- a/packages/react/src/MessageBar.ts +++ b/packages/react/src/MessageBar.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/MessageBar'; +export * from './components/MessageBar/index'; diff --git a/packages/react/src/Modal.ts b/packages/react/src/Modal.ts index e560f0f65d2634..ef47b28e003b1d 100644 --- a/packages/react/src/Modal.ts +++ b/packages/react/src/Modal.ts @@ -1 +1,2 @@ -export * from '@fluentui/react-internal/lib/Modal'; +export * from './components/Modal/index'; +export { Modal as default } from './components/Modal/index'; diff --git a/packages/react/src/Nav.ts b/packages/react/src/Nav.ts index ba4405cd4808f9..c8688cfbd60622 100644 --- a/packages/react/src/Nav.ts +++ b/packages/react/src/Nav.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Nav'; +export * from './components/Nav/index'; diff --git a/packages/react/src/OverflowSet.ts b/packages/react/src/OverflowSet.ts index 936654a48de743..ec6e7f73fadbcf 100644 --- a/packages/react/src/OverflowSet.ts +++ b/packages/react/src/OverflowSet.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/OverflowSet'; +export * from './components/OverflowSet/index'; diff --git a/packages/react/src/Overlay.ts b/packages/react/src/Overlay.ts index 83f08786dc04d9..a4d0134d47e99c 100644 --- a/packages/react/src/Overlay.ts +++ b/packages/react/src/Overlay.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Overlay'; +export * from './components/Overlay/index'; diff --git a/packages/react/src/Panel.ts b/packages/react/src/Panel.ts index 60a0ff225a7925..2b0ceed98f7aa2 100644 --- a/packages/react/src/Panel.ts +++ b/packages/react/src/Panel.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Panel'; +export * from './components/Panel/index'; diff --git a/packages/react/src/Persona.ts b/packages/react/src/Persona.ts index 9d373887e2d408..f74dace95a2bb9 100644 --- a/packages/react/src/Persona.ts +++ b/packages/react/src/Persona.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Persona'; +export * from './components/Persona/index'; diff --git a/packages/react/src/PersonaCoin.ts b/packages/react/src/PersonaCoin.ts index 9d373887e2d408..f74dace95a2bb9 100644 --- a/packages/react/src/PersonaCoin.ts +++ b/packages/react/src/PersonaCoin.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Persona'; +export * from './components/Persona/index'; diff --git a/packages/react/src/PersonaPresence.ts b/packages/react/src/PersonaPresence.ts index 146c16352c7ff9..293d77fb255895 100644 --- a/packages/react/src/PersonaPresence.ts +++ b/packages/react/src/PersonaPresence.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/PersonaPresence'; +export * from './components/Persona/PersonaPresence/index'; diff --git a/packages/react/src/Pickers.ts b/packages/react/src/Pickers.ts index d3c4b4f3b9df66..a53c49dde10663 100644 --- a/packages/react/src/Pickers.ts +++ b/packages/react/src/Pickers.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Pickers'; +export * from './components/pickers/index'; diff --git a/packages/react/src/Pivot.ts b/packages/react/src/Pivot.ts index 95cc6ab88e613b..8fb9990e6ff1cd 100644 --- a/packages/react/src/Pivot.ts +++ b/packages/react/src/Pivot.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Pivot'; +export * from './components/Pivot/index'; diff --git a/packages/react/src/Popup.ts b/packages/react/src/Popup.ts index 5f12c7e576e9cb..a72c6fdfa85890 100644 --- a/packages/react/src/Popup.ts +++ b/packages/react/src/Popup.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Popup'; +export * from './components/Popup/index'; diff --git a/packages/react/src/Positioning.ts b/packages/react/src/Positioning.ts index 27b411d3834229..42446734ae23e0 100644 --- a/packages/react/src/Positioning.ts +++ b/packages/react/src/Positioning.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Positioning'; +export * from './utilities/positioning/index'; diff --git a/packages/react/src/PositioningContainer.ts b/packages/react/src/PositioningContainer.ts index e4a31ff095d5fe..3b7e83f38f440c 100644 --- a/packages/react/src/PositioningContainer.ts +++ b/packages/react/src/PositioningContainer.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/PositioningContainer'; +export * from './components/Coachmark/PositioningContainer/index'; diff --git a/packages/react/src/ProgressIndicator.ts b/packages/react/src/ProgressIndicator.ts index 866fd856adc97b..824e79426a2b6b 100644 --- a/packages/react/src/ProgressIndicator.ts +++ b/packages/react/src/ProgressIndicator.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/ProgressIndicator'; +export * from './components/ProgressIndicator/index'; diff --git a/packages/react/src/Rating.ts b/packages/react/src/Rating.ts index f20ed24aace237..8547775f018804 100644 --- a/packages/react/src/Rating.ts +++ b/packages/react/src/Rating.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Rating'; +export * from './components/Rating/index'; diff --git a/packages/react/src/ResizeGroup.ts b/packages/react/src/ResizeGroup.ts index cb560d7f81ed45..1943569105e4de 100644 --- a/packages/react/src/ResizeGroup.ts +++ b/packages/react/src/ResizeGroup.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/ResizeGroup'; +export * from './components/ResizeGroup/index'; diff --git a/packages/react/src/ScrollablePane.ts b/packages/react/src/ScrollablePane.ts index ce3a2de3243b1a..f8ae6a868a95f7 100644 --- a/packages/react/src/ScrollablePane.ts +++ b/packages/react/src/ScrollablePane.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/ScrollablePane'; +export * from './components/ScrollablePane/index'; diff --git a/packages/react/src/SearchBox.ts b/packages/react/src/SearchBox.ts index 8bcd9d2d96846f..2164ad740c99e3 100644 --- a/packages/react/src/SearchBox.ts +++ b/packages/react/src/SearchBox.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/SearchBox'; +export * from './components/SearchBox/index'; diff --git a/packages/react/src/SelectableOption.ts b/packages/react/src/SelectableOption.ts index 11b6bb7b2dd365..ec2ae3d50cbd76 100644 --- a/packages/react/src/SelectableOption.ts +++ b/packages/react/src/SelectableOption.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/SelectableOption'; +export * from './utilities/selectableOption/index'; diff --git a/packages/react/src/SelectedItemsList.ts b/packages/react/src/SelectedItemsList.ts index a5037c9ff8fe58..c1a4d67ef12035 100644 --- a/packages/react/src/SelectedItemsList.ts +++ b/packages/react/src/SelectedItemsList.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/SelectedItemsList'; +export * from './components/SelectedItemsList/index'; diff --git a/packages/react/src/Selection.ts b/packages/react/src/Selection.ts index 485e9193be71e6..1ef1119af15df0 100644 --- a/packages/react/src/Selection.ts +++ b/packages/react/src/Selection.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Selection'; +export * from './utilities/selection/index'; diff --git a/packages/react/src/Separator.ts b/packages/react/src/Separator.ts index e0998d641ac11c..883cf23a560215 100644 --- a/packages/react/src/Separator.ts +++ b/packages/react/src/Separator.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Separator'; +export * from './components/Separator/index'; diff --git a/packages/react/src/Shimmer.ts b/packages/react/src/Shimmer.ts index 3073ab7a20b25a..7a69f81856f73e 100644 --- a/packages/react/src/Shimmer.ts +++ b/packages/react/src/Shimmer.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Shimmer'; +export * from './components/Shimmer/index'; diff --git a/packages/react/src/Slider.ts b/packages/react/src/Slider.ts index b4dbe632ff7313..8d1679febd501f 100644 --- a/packages/react/src/Slider.ts +++ b/packages/react/src/Slider.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Slider'; +export * from './components/Slider/index'; diff --git a/packages/react/src/SpinButton.ts b/packages/react/src/SpinButton.ts index 5fe23c646a916e..25568549f09b5c 100644 --- a/packages/react/src/SpinButton.ts +++ b/packages/react/src/SpinButton.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/SpinButton'; +export * from './components/SpinButton/index'; diff --git a/packages/react/src/Spinner.ts b/packages/react/src/Spinner.ts index 5bd5e99c7181d2..80dda3618c894a 100644 --- a/packages/react/src/Spinner.ts +++ b/packages/react/src/Spinner.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Spinner'; +export * from './components/Spinner/index'; diff --git a/packages/react/src/Stack.ts b/packages/react/src/Stack.ts index 67810e882416ff..e4370403ba8ed5 100644 --- a/packages/react/src/Stack.ts +++ b/packages/react/src/Stack.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Stack'; +export * from './components/Stack/index'; diff --git a/packages/react/src/Sticky.ts b/packages/react/src/Sticky.ts index 32de328be1d7e7..f5f2552df1d83a 100644 --- a/packages/react/src/Sticky.ts +++ b/packages/react/src/Sticky.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Sticky'; +export * from './components/Sticky/index'; diff --git a/packages/react/src/Styling.ts b/packages/react/src/Styling.ts index 3ffbc6ad7cdbc2..fcea1137cc27c8 100644 --- a/packages/react/src/Styling.ts +++ b/packages/react/src/Styling.ts @@ -1 +1,2 @@ -export * from '@fluentui/react-internal/lib/Styling'; +import './version'; +export * from '@fluentui/style-utilities'; diff --git a/packages/react/src/SwatchColorPicker.ts b/packages/react/src/SwatchColorPicker.ts index 0fa31f59531782..5f24569fd03c28 100644 --- a/packages/react/src/SwatchColorPicker.ts +++ b/packages/react/src/SwatchColorPicker.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/SwatchColorPicker'; +export * from './components/SwatchColorPicker/index'; diff --git a/packages/react/src/TeachingBubble.ts b/packages/react/src/TeachingBubble.ts index 276a8a791eb01a..0b8906bf2d9a10 100644 --- a/packages/react/src/TeachingBubble.ts +++ b/packages/react/src/TeachingBubble.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/TeachingBubble'; +export * from './components/TeachingBubble/index'; diff --git a/packages/react/src/Text.ts b/packages/react/src/Text.ts index 7195f93ea21808..88d2ac97291b34 100644 --- a/packages/react/src/Text.ts +++ b/packages/react/src/Text.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Text'; +export * from './components/Text/index'; diff --git a/packages/react/src/TextField.ts b/packages/react/src/TextField.ts index 3827a10aaf9d59..de39c7fb352e9a 100644 --- a/packages/react/src/TextField.ts +++ b/packages/react/src/TextField.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/TextField'; +export * from './components/TextField/index'; diff --git a/packages/react/src/Theme.ts b/packages/react/src/Theme.ts index 2631a2df918dc5..d92e1b03b7e245 100644 --- a/packages/react/src/Theme.ts +++ b/packages/react/src/Theme.ts @@ -1 +1,2 @@ -export * from '@fluentui/react-internal/lib/Theme'; +export * from '@fluentui/theme'; +export * from './utilities/ThemeProvider/index'; diff --git a/packages/react/src/ThemeGenerator.ts b/packages/react/src/ThemeGenerator.ts index 06e9ae6d8f992f..08c92902235183 100644 --- a/packages/react/src/ThemeGenerator.ts +++ b/packages/react/src/ThemeGenerator.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/ThemeGenerator'; +export * from './components/ThemeGenerator/index'; diff --git a/packages/react/src/Toggle.ts b/packages/react/src/Toggle.ts index 50c7dbde9b0017..ec53b2e53caa0f 100644 --- a/packages/react/src/Toggle.ts +++ b/packages/react/src/Toggle.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Toggle'; +export * from './components/Toggle/index'; diff --git a/packages/react/src/Tooltip.ts b/packages/react/src/Tooltip.ts index d2b0cce72cbacd..a1123c1f4bf614 100644 --- a/packages/react/src/Tooltip.ts +++ b/packages/react/src/Tooltip.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/Tooltip'; +export * from './components/Tooltip/index'; diff --git a/packages/react/src/Utilities.ts b/packages/react/src/Utilities.ts index 17637cf2459039..a5f4885c5d3136 100644 --- a/packages/react/src/Utilities.ts +++ b/packages/react/src/Utilities.ts @@ -1 +1,2 @@ -export * from '@fluentui/react-internal/lib/Utilities'; +import './version'; +export * from '@fluentui/utilities'; diff --git a/packages/react/src/WeeklyDayPicker.ts b/packages/react/src/WeeklyDayPicker.ts index 75f7ff2c9d43ab..f0b475fc49a05b 100644 --- a/packages/react/src/WeeklyDayPicker.ts +++ b/packages/react/src/WeeklyDayPicker.ts @@ -1 +1 @@ -export * from '@fluentui/react-date-time/lib/WeeklyDayPicker'; +export * from './components/WeeklyDayPicker/index'; diff --git a/packages/react/src/WindowProvider.ts b/packages/react/src/WindowProvider.ts index 276fd6411d57d6..9bffe3b56d4841 100644 --- a/packages/react/src/WindowProvider.ts +++ b/packages/react/src/WindowProvider.ts @@ -1 +1,2 @@ -export * from '@fluentui/react-internal/lib/WindowProvider'; +import './version'; +export * from '@fluentui/react-window-provider'; diff --git a/packages/react-internal/src/common/DirectionalHint.ts b/packages/react/src/common/DirectionalHint.ts similarity index 100% rename from packages/react-internal/src/common/DirectionalHint.ts rename to packages/react/src/common/DirectionalHint.ts diff --git a/packages/react-internal/src/common/DocPage.types.ts b/packages/react/src/common/DocPage.types.ts similarity index 100% rename from packages/react-internal/src/common/DocPage.types.ts rename to packages/react/src/common/DocPage.types.ts diff --git a/packages/react-internal/src/common/IAccessiblePopupProps.ts b/packages/react/src/common/IAccessiblePopupProps.ts similarity index 100% rename from packages/react-internal/src/common/IAccessiblePopupProps.ts rename to packages/react/src/common/IAccessiblePopupProps.ts diff --git a/packages/react-internal/src/common/TestImages.ts b/packages/react/src/common/TestImages.ts similarity index 100% rename from packages/react-internal/src/common/TestImages.ts rename to packages/react/src/common/TestImages.ts diff --git a/packages/react-internal/src/common/shallowUntilTarget.ts b/packages/react/src/common/shallowUntilTarget.ts similarity index 100% rename from packages/react-internal/src/common/shallowUntilTarget.ts rename to packages/react/src/common/shallowUntilTarget.ts diff --git a/packages/react-internal/src/common/testUtilities.ts b/packages/react/src/common/testUtilities.ts similarity index 100% rename from packages/react-internal/src/common/testUtilities.ts rename to packages/react/src/common/testUtilities.ts diff --git a/packages/react/src/compat/Button.ts b/packages/react/src/compat/Button.ts index eeb5141be9fa4d..a26b1440791325 100644 --- a/packages/react/src/compat/Button.ts +++ b/packages/react/src/compat/Button.ts @@ -1 +1 @@ -export * from '@fluentui/react-internal/lib/compat/Button'; +export * from './components/Button/index'; diff --git a/packages/react-internal/src/compat/components/Button/ActionButton/ActionButton.styles.ts b/packages/react/src/compat/components/Button/ActionButton/ActionButton.styles.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/ActionButton/ActionButton.styles.ts rename to packages/react/src/compat/components/Button/ActionButton/ActionButton.styles.ts diff --git a/packages/react-internal/src/compat/components/Button/ActionButton/ActionButton.tsx b/packages/react/src/compat/components/Button/ActionButton/ActionButton.tsx similarity index 95% rename from packages/react-internal/src/compat/components/Button/ActionButton/ActionButton.tsx rename to packages/react/src/compat/components/Button/ActionButton/ActionButton.tsx index fa5ef46d0bdc2a..f7021047b5c45e 100644 --- a/packages/react-internal/src/compat/components/Button/ActionButton/ActionButton.tsx +++ b/packages/react/src/compat/components/Button/ActionButton/ActionButton.tsx @@ -5,7 +5,7 @@ import { IButtonProps } from '../Button.types'; import { getStyles } from './ActionButton.styles'; /** - * {@docCategory CompatButton} + * {@docCategory Button} */ @customizable('ActionButton', ['theme', 'styles'], true) export class ActionButton extends React.Component { diff --git a/packages/react-internal/src/compat/components/Button/BaseButton.classNames.ts b/packages/react/src/compat/components/Button/BaseButton.classNames.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/BaseButton.classNames.ts rename to packages/react/src/compat/components/Button/BaseButton.classNames.ts diff --git a/packages/react-internal/src/compat/components/Button/BaseButton.styles.ts b/packages/react/src/compat/components/Button/BaseButton.styles.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/BaseButton.styles.ts rename to packages/react/src/compat/components/Button/BaseButton.styles.ts diff --git a/packages/react-internal/src/compat/components/Button/BaseButton.tsx b/packages/react/src/compat/components/Button/BaseButton.tsx similarity index 99% rename from packages/react-internal/src/compat/components/Button/BaseButton.tsx rename to packages/react/src/compat/components/Button/BaseButton.tsx index 18c409e967b095..997330e3d265d0 100644 --- a/packages/react-internal/src/compat/components/Button/BaseButton.tsx +++ b/packages/react/src/compat/components/Button/BaseButton.tsx @@ -33,7 +33,7 @@ import { KeytipData } from '../../../KeytipData'; import { IKeytipProps } from '../../../Keytip'; /** - * {@docCategory CompatButton} + * {@docCategory Button} */ export interface IBaseButtonProps extends IButtonProps { baseClassName?: string; @@ -41,7 +41,7 @@ export interface IBaseButtonProps extends IButtonProps { } /** - * {@docCategory CompatButton} + * {@docCategory Button} */ export interface IBaseButtonState { menuHidden: boolean; @@ -51,7 +51,7 @@ const TouchIdleDelay = 500; /* ms */ const COMPONENT_NAME = 'BaseButton'; /** - * {@docCategory CompatButton} + * {@docCategory Button} */ export class BaseButton extends React.Component implements IButton { private get _isSplitButton(): boolean { diff --git a/packages/react-internal/src/compat/components/Button/Button.deprecated.test.tsx b/packages/react/src/compat/components/Button/Button.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/compat/components/Button/Button.deprecated.test.tsx rename to packages/react/src/compat/components/Button/Button.deprecated.test.tsx diff --git a/packages/react-internal/src/compat/components/Button/Button.test.tsx b/packages/react/src/compat/components/Button/Button.test.tsx similarity index 100% rename from packages/react-internal/src/compat/components/Button/Button.test.tsx rename to packages/react/src/compat/components/Button/Button.test.tsx diff --git a/packages/react-internal/src/compat/components/Button/Button.tsx b/packages/react/src/compat/components/Button/Button.tsx similarity index 97% rename from packages/react-internal/src/compat/components/Button/Button.tsx rename to packages/react/src/compat/components/Button/Button.tsx index 1f8c14f08a924e..83ae9efd2cd11b 100644 --- a/packages/react-internal/src/compat/components/Button/Button.tsx +++ b/packages/react/src/compat/components/Button/Button.tsx @@ -11,7 +11,7 @@ import { PrimaryButton } from './PrimaryButton/PrimaryButton'; /** * This class is deprecated. Use the individual *Button components instead. * @deprecated Use the individual *Button components instead. - * {@docCategory CompatButton} + * {@docCategory Button} */ export class Button extends React.Component { constructor(props: IButtonProps) { diff --git a/packages/react-internal/src/compat/components/Button/Button.types.ts b/packages/react/src/compat/components/Button/Button.types.ts similarity index 99% rename from packages/react-internal/src/compat/components/Button/Button.types.ts rename to packages/react/src/compat/components/Button/Button.types.ts index 448a87af13bed5..77372a19ae21cf 100644 --- a/packages/react-internal/src/compat/components/Button/Button.types.ts +++ b/packages/react/src/compat/components/Button/Button.types.ts @@ -10,7 +10,7 @@ import { IStyle, ITheme } from '../../../Styling'; import { IKeytipProps } from '../../../Keytip'; /** - * {@docCategory CompatButton} + * {@docCategory Button} */ export interface IButton { /** @@ -37,7 +37,7 @@ export interface IButton { } /** - * {@docCategory CompatButton} + * {@docCategory Button} */ /* eslint-disable deprecation/deprecation */ export interface IButtonProps @@ -344,7 +344,7 @@ export interface IButtonProps } /** - * {@docCategory CompatButton} + * {@docCategory Button} */ export enum ElementType { /** `button` element. */ @@ -354,7 +354,7 @@ export enum ElementType { } /** - * {@docCategory CompatButton} + * {@docCategory Button} */ export enum ButtonType { normal = 0, @@ -367,7 +367,7 @@ export enum ButtonType { } /** - * {@docCategory CompatButton} + * {@docCategory Button} */ export interface IButtonStyles { /** diff --git a/packages/react-internal/src/compat/components/Button/ButtonThemes.ts b/packages/react/src/compat/components/Button/ButtonThemes.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/ButtonThemes.ts rename to packages/react/src/compat/components/Button/ButtonThemes.ts diff --git a/packages/react-internal/src/compat/components/Button/CommandBarButton/CommandBarButton.styles.ts b/packages/react/src/compat/components/Button/CommandBarButton/CommandBarButton.styles.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/CommandBarButton/CommandBarButton.styles.ts rename to packages/react/src/compat/components/Button/CommandBarButton/CommandBarButton.styles.ts diff --git a/packages/react-internal/src/compat/components/Button/CommandBarButton/CommandBarButton.tsx b/packages/react/src/compat/components/Button/CommandBarButton/CommandBarButton.tsx similarity index 95% rename from packages/react-internal/src/compat/components/Button/CommandBarButton/CommandBarButton.tsx rename to packages/react/src/compat/components/Button/CommandBarButton/CommandBarButton.tsx index 90ee696463e909..3ec78b3c187df7 100644 --- a/packages/react-internal/src/compat/components/Button/CommandBarButton/CommandBarButton.tsx +++ b/packages/react/src/compat/components/Button/CommandBarButton/CommandBarButton.tsx @@ -5,7 +5,7 @@ import { IButtonProps } from '../Button.types'; import { getStyles } from './CommandBarButton.styles'; /** - * {@docCategory CompatButton} + * {@docCategory Button} */ @customizable('CommandBarButton', ['theme', 'styles'], true) export class CommandBarButton extends React.Component { diff --git a/packages/react-internal/src/compat/components/Button/CommandButton/CommandButton.tsx b/packages/react/src/compat/components/Button/CommandButton/CommandButton.tsx similarity index 78% rename from packages/react-internal/src/compat/components/Button/CommandButton/CommandButton.tsx rename to packages/react/src/compat/components/Button/CommandButton/CommandButton.tsx index 770782b76b86a1..aa83c42ccdd0fa 100644 --- a/packages/react-internal/src/compat/components/Button/CommandButton/CommandButton.tsx +++ b/packages/react/src/compat/components/Button/CommandButton/CommandButton.tsx @@ -1,6 +1,6 @@ import { ActionButton } from '../ActionButton/ActionButton'; /** - * {@docCategory CompatButton} + * {@docCategory Button} */ export const CommandButton = ActionButton; diff --git a/packages/react-internal/src/compat/components/Button/CompoundButton/CompoundButton.styles.ts b/packages/react/src/compat/components/Button/CompoundButton/CompoundButton.styles.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/CompoundButton/CompoundButton.styles.ts rename to packages/react/src/compat/components/Button/CompoundButton/CompoundButton.styles.ts diff --git a/packages/react-internal/src/compat/components/Button/CompoundButton/CompoundButton.tsx b/packages/react/src/compat/components/Button/CompoundButton/CompoundButton.tsx similarity index 95% rename from packages/react-internal/src/compat/components/Button/CompoundButton/CompoundButton.tsx rename to packages/react/src/compat/components/Button/CompoundButton/CompoundButton.tsx index e42511b456d1b8..feef7c6d3ca202 100644 --- a/packages/react-internal/src/compat/components/Button/CompoundButton/CompoundButton.tsx +++ b/packages/react/src/compat/components/Button/CompoundButton/CompoundButton.tsx @@ -5,7 +5,7 @@ import { IButtonProps } from '../Button.types'; import { getStyles } from './CompoundButton.styles'; /** - * {@docCategory CompatButton} + * {@docCategory Button} */ @customizable('CompoundButton', ['theme', 'styles'], true) export class CompoundButton extends React.Component { diff --git a/packages/react-internal/src/compat/components/Button/DefaultButton/DefaultButton.styles.ts b/packages/react/src/compat/components/Button/DefaultButton/DefaultButton.styles.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/DefaultButton/DefaultButton.styles.ts rename to packages/react/src/compat/components/Button/DefaultButton/DefaultButton.styles.ts diff --git a/packages/react-internal/src/compat/components/Button/DefaultButton/DefaultButton.tsx b/packages/react/src/compat/components/Button/DefaultButton/DefaultButton.tsx similarity index 95% rename from packages/react-internal/src/compat/components/Button/DefaultButton/DefaultButton.tsx rename to packages/react/src/compat/components/Button/DefaultButton/DefaultButton.tsx index c796851a05e71b..526adab300dfca 100644 --- a/packages/react-internal/src/compat/components/Button/DefaultButton/DefaultButton.tsx +++ b/packages/react/src/compat/components/Button/DefaultButton/DefaultButton.tsx @@ -5,7 +5,7 @@ import { IButtonProps } from '../Button.types'; import { getStyles } from './DefaultButton.styles'; /** - * {@docCategory CompatButton} + * {@docCategory Button} */ @customizable('DefaultButton', ['theme', 'styles'], true) export class DefaultButton extends React.Component { diff --git a/packages/react-internal/src/compat/components/Button/IconButton/IconButton.styles.ts b/packages/react/src/compat/components/Button/IconButton/IconButton.styles.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/IconButton/IconButton.styles.ts rename to packages/react/src/compat/components/Button/IconButton/IconButton.styles.ts diff --git a/packages/react-internal/src/compat/components/Button/IconButton/IconButton.tsx b/packages/react/src/compat/components/Button/IconButton/IconButton.tsx similarity index 95% rename from packages/react-internal/src/compat/components/Button/IconButton/IconButton.tsx rename to packages/react/src/compat/components/Button/IconButton/IconButton.tsx index 2f9650b5541721..bdc6d4c998fe55 100644 --- a/packages/react-internal/src/compat/components/Button/IconButton/IconButton.tsx +++ b/packages/react/src/compat/components/Button/IconButton/IconButton.tsx @@ -5,7 +5,7 @@ import { IButtonProps } from '../Button.types'; import { getStyles } from './IconButton.styles'; /** - * {@docCategory CompatButton} + * {@docCategory Button} */ @customizable('IconButton', ['theme', 'styles'], true) export class IconButton extends React.Component { diff --git a/packages/react-internal/src/compat/components/Button/MessageBarButton/MessageBarButton.styles.ts b/packages/react/src/compat/components/Button/MessageBarButton/MessageBarButton.styles.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/MessageBarButton/MessageBarButton.styles.ts rename to packages/react/src/compat/components/Button/MessageBarButton/MessageBarButton.styles.ts diff --git a/packages/react-internal/src/compat/components/Button/MessageBarButton/MessageBarButton.tsx b/packages/react/src/compat/components/Button/MessageBarButton/MessageBarButton.tsx similarity index 100% rename from packages/react-internal/src/compat/components/Button/MessageBarButton/MessageBarButton.tsx rename to packages/react/src/compat/components/Button/MessageBarButton/MessageBarButton.tsx diff --git a/packages/react-internal/src/compat/components/Button/PrimaryButton/PrimaryButton.tsx b/packages/react/src/compat/components/Button/PrimaryButton/PrimaryButton.tsx similarity index 93% rename from packages/react-internal/src/compat/components/Button/PrimaryButton/PrimaryButton.tsx rename to packages/react/src/compat/components/Button/PrimaryButton/PrimaryButton.tsx index e7f6ad5d06ceca..92e0deabe15b7e 100644 --- a/packages/react-internal/src/compat/components/Button/PrimaryButton/PrimaryButton.tsx +++ b/packages/react/src/compat/components/Button/PrimaryButton/PrimaryButton.tsx @@ -4,7 +4,7 @@ import { DefaultButton } from '../DefaultButton/DefaultButton'; import { IButtonProps } from '../Button.types'; /** - * {@docCategory CompatButton} + * {@docCategory Button} */ @customizable('PrimaryButton', ['theme', 'styles'], true) export class PrimaryButton extends React.Component { diff --git a/packages/react-internal/src/compat/components/Button/SplitButton/SplitButton.classNames.ts b/packages/react/src/compat/components/Button/SplitButton/SplitButton.classNames.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/SplitButton/SplitButton.classNames.ts rename to packages/react/src/compat/components/Button/SplitButton/SplitButton.classNames.ts diff --git a/packages/react-internal/src/compat/components/Button/SplitButton/SplitButton.styles.ts b/packages/react/src/compat/components/Button/SplitButton/SplitButton.styles.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/SplitButton/SplitButton.styles.ts rename to packages/react/src/compat/components/Button/SplitButton/SplitButton.styles.ts diff --git a/packages/react-internal/src/compat/components/Button/__snapshots__/Button.deprecated.test.tsx.snap b/packages/react/src/compat/components/Button/__snapshots__/Button.deprecated.test.tsx.snap similarity index 100% rename from packages/react-internal/src/compat/components/Button/__snapshots__/Button.deprecated.test.tsx.snap rename to packages/react/src/compat/components/Button/__snapshots__/Button.deprecated.test.tsx.snap diff --git a/packages/react-internal/src/compat/components/Button/__snapshots__/Button.test.tsx.snap b/packages/react/src/compat/components/Button/__snapshots__/Button.test.tsx.snap similarity index 100% rename from packages/react-internal/src/compat/components/Button/__snapshots__/Button.test.tsx.snap rename to packages/react/src/compat/components/Button/__snapshots__/Button.test.tsx.snap diff --git a/packages/react-internal/src/compat/components/Button/index.ts b/packages/react/src/compat/components/Button/index.ts similarity index 100% rename from packages/react-internal/src/compat/components/Button/index.ts rename to packages/react/src/compat/components/Button/index.ts diff --git a/packages/react-internal/src/components/ActivityItem/ActivityItem.classNames.ts b/packages/react/src/components/ActivityItem/ActivityItem.classNames.ts similarity index 100% rename from packages/react-internal/src/components/ActivityItem/ActivityItem.classNames.ts rename to packages/react/src/components/ActivityItem/ActivityItem.classNames.ts diff --git a/packages/react-internal/src/components/ActivityItem/ActivityItem.styles.ts b/packages/react/src/components/ActivityItem/ActivityItem.styles.ts similarity index 100% rename from packages/react-internal/src/components/ActivityItem/ActivityItem.styles.ts rename to packages/react/src/components/ActivityItem/ActivityItem.styles.ts diff --git a/packages/react-internal/src/components/ActivityItem/ActivityItem.test.tsx b/packages/react/src/components/ActivityItem/ActivityItem.test.tsx similarity index 100% rename from packages/react-internal/src/components/ActivityItem/ActivityItem.test.tsx rename to packages/react/src/components/ActivityItem/ActivityItem.test.tsx diff --git a/packages/react-internal/src/components/ActivityItem/ActivityItem.tsx b/packages/react/src/components/ActivityItem/ActivityItem.tsx similarity index 100% rename from packages/react-internal/src/components/ActivityItem/ActivityItem.tsx rename to packages/react/src/components/ActivityItem/ActivityItem.tsx diff --git a/packages/react-internal/src/components/ActivityItem/ActivityItem.types.ts b/packages/react/src/components/ActivityItem/ActivityItem.types.ts similarity index 100% rename from packages/react-internal/src/components/ActivityItem/ActivityItem.types.ts rename to packages/react/src/components/ActivityItem/ActivityItem.types.ts diff --git a/packages/react-internal/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap b/packages/react/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap rename to packages/react/src/components/ActivityItem/__snapshots__/ActivityItem.test.tsx.snap diff --git a/packages/react-internal/src/components/ActivityItem/index.ts b/packages/react/src/components/ActivityItem/index.ts similarity index 100% rename from packages/react-internal/src/components/ActivityItem/index.ts rename to packages/react/src/components/ActivityItem/index.ts diff --git a/packages/react-internal/src/components/Announced/Announced.base.tsx b/packages/react/src/components/Announced/Announced.base.tsx similarity index 100% rename from packages/react-internal/src/components/Announced/Announced.base.tsx rename to packages/react/src/components/Announced/Announced.base.tsx diff --git a/packages/react-internal/src/components/Announced/Announced.styles.ts b/packages/react/src/components/Announced/Announced.styles.ts similarity index 100% rename from packages/react-internal/src/components/Announced/Announced.styles.ts rename to packages/react/src/components/Announced/Announced.styles.ts diff --git a/packages/react-internal/src/components/Announced/Announced.test.tsx b/packages/react/src/components/Announced/Announced.test.tsx similarity index 100% rename from packages/react-internal/src/components/Announced/Announced.test.tsx rename to packages/react/src/components/Announced/Announced.test.tsx diff --git a/packages/react-internal/src/components/Announced/Announced.ts b/packages/react/src/components/Announced/Announced.ts similarity index 100% rename from packages/react-internal/src/components/Announced/Announced.ts rename to packages/react/src/components/Announced/Announced.ts diff --git a/packages/react-internal/src/components/Announced/Announced.types.ts b/packages/react/src/components/Announced/Announced.types.ts similarity index 100% rename from packages/react-internal/src/components/Announced/Announced.types.ts rename to packages/react/src/components/Announced/Announced.types.ts diff --git a/packages/react-internal/src/components/Announced/__snapshots__/Announced.test.tsx.snap b/packages/react/src/components/Announced/__snapshots__/Announced.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Announced/__snapshots__/Announced.test.tsx.snap rename to packages/react/src/components/Announced/__snapshots__/Announced.test.tsx.snap diff --git a/packages/react-internal/src/components/Announced/index.ts b/packages/react/src/components/Announced/index.ts similarity index 100% rename from packages/react-internal/src/components/Announced/index.ts rename to packages/react/src/components/Announced/index.ts diff --git a/packages/react-internal/src/components/Autofill/Autofill.test.tsx b/packages/react/src/components/Autofill/Autofill.test.tsx similarity index 100% rename from packages/react-internal/src/components/Autofill/Autofill.test.tsx rename to packages/react/src/components/Autofill/Autofill.test.tsx diff --git a/packages/react-internal/src/components/Autofill/Autofill.tsx b/packages/react/src/components/Autofill/Autofill.tsx similarity index 100% rename from packages/react-internal/src/components/Autofill/Autofill.tsx rename to packages/react/src/components/Autofill/Autofill.tsx diff --git a/packages/react-internal/src/components/Autofill/Autofill.types.ts b/packages/react/src/components/Autofill/Autofill.types.ts similarity index 100% rename from packages/react-internal/src/components/Autofill/Autofill.types.ts rename to packages/react/src/components/Autofill/Autofill.types.ts diff --git a/packages/react-internal/src/components/Autofill/index.ts b/packages/react/src/components/Autofill/index.ts similarity index 100% rename from packages/react-internal/src/components/Autofill/index.ts rename to packages/react/src/components/Autofill/index.ts diff --git a/packages/react/src/components/Breadcrumb/Breadcrumb.base.tsx b/packages/react/src/components/Breadcrumb/Breadcrumb.base.tsx index 45f30e71ae8b7d..488ed035befb80 100644 --- a/packages/react/src/components/Breadcrumb/Breadcrumb.base.tsx +++ b/packages/react/src/components/Breadcrumb/Breadcrumb.base.tsx @@ -11,7 +11,7 @@ import { FocusZone, FocusZoneDirection } from '../../FocusZone'; import { Link } from '../../Link'; import { Icon } from '../../Icon'; import { IconButton } from '../../compat/Button'; -import { DirectionalHint } from '@fluentui/react-internal/lib/common/DirectionalHint'; +import { DirectionalHint } from '../../common/DirectionalHint'; import { ResizeGroup } from '../../ResizeGroup'; import { TooltipHost, TooltipOverflowMode } from '../../Tooltip'; import { IContextualMenuItem, IContextualMenuItemProps } from '../../ContextualMenu'; diff --git a/packages/react-date-time/src/components/Calendar/Calendar.base.tsx b/packages/react/src/components/Calendar/Calendar.base.tsx similarity index 100% rename from packages/react-date-time/src/components/Calendar/Calendar.base.tsx rename to packages/react/src/components/Calendar/Calendar.base.tsx diff --git a/packages/react-date-time/src/components/Calendar/Calendar.styles.ts b/packages/react/src/components/Calendar/Calendar.styles.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/Calendar.styles.ts rename to packages/react/src/components/Calendar/Calendar.styles.ts diff --git a/packages/react-date-time/src/components/Calendar/Calendar.test.tsx b/packages/react/src/components/Calendar/Calendar.test.tsx similarity index 100% rename from packages/react-date-time/src/components/Calendar/Calendar.test.tsx rename to packages/react/src/components/Calendar/Calendar.test.tsx diff --git a/packages/react-date-time/src/components/Calendar/Calendar.tsx b/packages/react/src/components/Calendar/Calendar.tsx similarity index 100% rename from packages/react-date-time/src/components/Calendar/Calendar.tsx rename to packages/react/src/components/Calendar/Calendar.tsx diff --git a/packages/react-date-time/src/components/Calendar/Calendar.types.ts b/packages/react/src/components/Calendar/Calendar.types.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/Calendar.types.ts rename to packages/react/src/components/Calendar/Calendar.types.ts diff --git a/packages/react-date-time/src/components/Calendar/CalendarDay/CalendarDay.base.tsx b/packages/react/src/components/Calendar/CalendarDay/CalendarDay.base.tsx similarity index 99% rename from packages/react-date-time/src/components/Calendar/CalendarDay/CalendarDay.base.tsx rename to packages/react/src/components/Calendar/CalendarDay/CalendarDay.base.tsx index 40d06c40067ac5..0dc7721aaefb1a 100644 --- a/packages/react-date-time/src/components/Calendar/CalendarDay/CalendarDay.base.tsx +++ b/packages/react/src/components/Calendar/CalendarDay/CalendarDay.base.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { KeyCodes, css, classNamesFunction } from '@fluentui/utilities'; -import { Icon } from '@fluentui/react-internal/lib/Icon'; +import { Icon } from '../../../Icon'; import { addMonths, compareDatePart, getMonthStart, getMonthEnd } from '@fluentui/date-time-utilities'; import { ICalendarDayProps, ICalendarDayStyleProps, ICalendarDayStyles } from './CalendarDay.types'; import { IProcessedStyleSet } from '@fluentui/style-utilities'; diff --git a/packages/react-date-time/src/components/Calendar/CalendarDay/CalendarDay.styles.ts b/packages/react/src/components/Calendar/CalendarDay/CalendarDay.styles.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/CalendarDay/CalendarDay.styles.ts rename to packages/react/src/components/Calendar/CalendarDay/CalendarDay.styles.ts diff --git a/packages/react-date-time/src/components/Calendar/CalendarDay/CalendarDay.tsx b/packages/react/src/components/Calendar/CalendarDay/CalendarDay.tsx similarity index 75% rename from packages/react-date-time/src/components/Calendar/CalendarDay/CalendarDay.tsx rename to packages/react/src/components/Calendar/CalendarDay/CalendarDay.tsx index 23a7d52c5b7224..7aa2650a357327 100644 --- a/packages/react-date-time/src/components/Calendar/CalendarDay/CalendarDay.tsx +++ b/packages/react/src/components/Calendar/CalendarDay/CalendarDay.tsx @@ -1,5 +1,5 @@ import { CalendarDayBase } from './CalendarDay.base'; import { styles } from './CalendarDay.styles'; -import { styled } from '@fluentui/react-internal/lib/Utilities'; +import { styled } from '../../../Utilities'; export const CalendarDay = styled(CalendarDayBase, styles, undefined, { scope: 'CalendarDay' }); diff --git a/packages/react-date-time/src/components/Calendar/CalendarDay/CalendarDay.types.ts b/packages/react/src/components/Calendar/CalendarDay/CalendarDay.types.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/CalendarDay/CalendarDay.types.ts rename to packages/react/src/components/Calendar/CalendarDay/CalendarDay.types.ts diff --git a/packages/react-date-time/src/components/Calendar/CalendarMonth/CalendarMonth.base.tsx b/packages/react/src/components/Calendar/CalendarMonth/CalendarMonth.base.tsx similarity index 99% rename from packages/react-date-time/src/components/Calendar/CalendarMonth/CalendarMonth.base.tsx rename to packages/react/src/components/Calendar/CalendarMonth/CalendarMonth.base.tsx index c62307bdc899f3..cce097a989b42f 100644 --- a/packages/react-date-time/src/components/Calendar/CalendarMonth/CalendarMonth.base.tsx +++ b/packages/react/src/components/Calendar/CalendarMonth/CalendarMonth.base.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { FocusZone } from '@fluentui/react-internal/lib/FocusZone'; +import { FocusZone } from '../../../FocusZone'; import { addYears, setMonth, @@ -10,7 +10,7 @@ import { compareDatePart, DEFAULT_DATE_FORMATTING, } from '@fluentui/date-time-utilities'; -import { Icon } from '@fluentui/react-internal/lib/Icon'; +import { Icon } from '../../../Icon'; import { ICalendarMonthProps, ICalendarMonthStyles, ICalendarMonthStyleProps } from './CalendarMonth.types'; import { getStyles } from './CalendarMonth.styles'; import { css, getRTL, classNamesFunction, KeyCodes, format, getPropsWithDefaults } from '@fluentui/utilities'; diff --git a/packages/react-date-time/src/components/Calendar/CalendarMonth/CalendarMonth.styles.ts b/packages/react/src/components/Calendar/CalendarMonth/CalendarMonth.styles.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/CalendarMonth/CalendarMonth.styles.ts rename to packages/react/src/components/Calendar/CalendarMonth/CalendarMonth.styles.ts diff --git a/packages/react-date-time/src/components/Calendar/CalendarMonth/CalendarMonth.tsx b/packages/react/src/components/Calendar/CalendarMonth/CalendarMonth.tsx similarity index 76% rename from packages/react-date-time/src/components/Calendar/CalendarMonth/CalendarMonth.tsx rename to packages/react/src/components/Calendar/CalendarMonth/CalendarMonth.tsx index f93e05fcf14dc4..e6b6a38f1187c9 100644 --- a/packages/react-date-time/src/components/Calendar/CalendarMonth/CalendarMonth.tsx +++ b/packages/react/src/components/Calendar/CalendarMonth/CalendarMonth.tsx @@ -1,5 +1,5 @@ import { CalendarMonthBase } from './CalendarMonth.base'; import { getStyles } from './CalendarMonth.styles'; -import { styled } from '@fluentui/react-internal/lib/Utilities'; +import { styled } from '../../../Utilities'; export const CalendarMonth = styled(CalendarMonthBase, getStyles, undefined, { scope: 'CalendarMonth' }); diff --git a/packages/react-date-time/src/components/Calendar/CalendarMonth/CalendarMonth.types.ts b/packages/react/src/components/Calendar/CalendarMonth/CalendarMonth.types.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/CalendarMonth/CalendarMonth.types.ts rename to packages/react/src/components/Calendar/CalendarMonth/CalendarMonth.types.ts diff --git a/packages/react-date-time/src/components/Calendar/CalendarPicker/CalendarPicker.styles.ts b/packages/react/src/components/Calendar/CalendarPicker/CalendarPicker.styles.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/CalendarPicker/CalendarPicker.styles.ts rename to packages/react/src/components/Calendar/CalendarPicker/CalendarPicker.styles.ts diff --git a/packages/react-date-time/src/components/Calendar/CalendarPicker/CalendarPicker.types.ts b/packages/react/src/components/Calendar/CalendarPicker/CalendarPicker.types.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/CalendarPicker/CalendarPicker.types.ts rename to packages/react/src/components/Calendar/CalendarPicker/CalendarPicker.types.ts diff --git a/packages/react-date-time/src/components/Calendar/CalendarYear/CalendarYear.base.tsx b/packages/react/src/components/Calendar/CalendarYear/CalendarYear.base.tsx similarity index 98% rename from packages/react-date-time/src/components/Calendar/CalendarYear/CalendarYear.base.tsx rename to packages/react/src/components/Calendar/CalendarYear/CalendarYear.base.tsx index e2af2260e69474..3bb4de9ad9c3ba 100644 --- a/packages/react-date-time/src/components/Calendar/CalendarYear/CalendarYear.base.tsx +++ b/packages/react/src/components/Calendar/CalendarYear/CalendarYear.base.tsx @@ -7,9 +7,9 @@ import { ICalendarYearStyleProps, ICalendarYearStyles, } from './CalendarYear.types'; -import { KeyCodes, getRTL, classNamesFunction, css, format, IRefObject } from '@fluentui/react-internal/lib/Utilities'; -import { FocusZone } from '@fluentui/react-internal/lib/FocusZone'; -import { Icon } from '@fluentui/react-internal/lib/Icon'; +import { KeyCodes, getRTL, classNamesFunction, css, format, IRefObject } from '../../../Utilities'; +import { FocusZone } from '../../../FocusZone'; +import { Icon } from '../../../Icon'; import { useMergedRefs, usePrevious } from '@fluentui/react-hooks'; import { defaultCalendarNavigationIcons } from '../defaults'; diff --git a/packages/react-date-time/src/components/Calendar/CalendarYear/CalendarYear.styles.ts b/packages/react/src/components/Calendar/CalendarYear/CalendarYear.styles.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/CalendarYear/CalendarYear.styles.ts rename to packages/react/src/components/Calendar/CalendarYear/CalendarYear.styles.ts diff --git a/packages/react-date-time/src/components/Calendar/CalendarYear/CalendarYear.tsx b/packages/react/src/components/Calendar/CalendarYear/CalendarYear.tsx similarity index 76% rename from packages/react-date-time/src/components/Calendar/CalendarYear/CalendarYear.tsx rename to packages/react/src/components/Calendar/CalendarYear/CalendarYear.tsx index c6648ec3fe1b18..25d205ec44c2ad 100644 --- a/packages/react-date-time/src/components/Calendar/CalendarYear/CalendarYear.tsx +++ b/packages/react/src/components/Calendar/CalendarYear/CalendarYear.tsx @@ -1,5 +1,5 @@ import { getStyles } from './CalendarYear.styles'; -import { styled } from '@fluentui/react-internal/lib/Utilities'; +import { styled } from '../../../Utilities'; import { CalendarYearBase } from './CalendarYear.base'; export const CalendarYear = styled(CalendarYearBase, getStyles, undefined, { scope: 'CalendarYear' }); diff --git a/packages/react-date-time/src/components/Calendar/CalendarYear/CalendarYear.types.ts b/packages/react/src/components/Calendar/CalendarYear/CalendarYear.types.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/CalendarYear/CalendarYear.types.ts rename to packages/react/src/components/Calendar/CalendarYear/CalendarYear.types.ts diff --git a/packages/react-date-time/src/components/Calendar/defaults.ts b/packages/react/src/components/Calendar/defaults.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/defaults.ts rename to packages/react/src/components/Calendar/defaults.ts diff --git a/packages/react-date-time/src/components/Calendar/index.ts b/packages/react/src/components/Calendar/index.ts similarity index 100% rename from packages/react-date-time/src/components/Calendar/index.ts rename to packages/react/src/components/Calendar/index.ts diff --git a/packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.base.tsx b/packages/react/src/components/CalendarDayGrid/CalendarDayGrid.base.tsx similarity index 99% rename from packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.base.tsx rename to packages/react/src/components/CalendarDayGrid/CalendarDayGrid.base.tsx index 4e2d866fd9d8ae..0d7ba9c6b10089 100644 --- a/packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.base.tsx +++ b/packages/react/src/components/CalendarDayGrid/CalendarDayGrid.base.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { getRTL, classNamesFunction } from '@fluentui/utilities'; -import { FocusZone } from '@fluentui/react-internal/lib/FocusZone'; +import { FocusZone } from '../../FocusZone'; import { getDateRangeArray, getDayGrid, diff --git a/packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.styles.ts b/packages/react/src/components/CalendarDayGrid/CalendarDayGrid.styles.ts similarity index 100% rename from packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.styles.ts rename to packages/react/src/components/CalendarDayGrid/CalendarDayGrid.styles.ts diff --git a/packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.test.tsx b/packages/react/src/components/CalendarDayGrid/CalendarDayGrid.test.tsx similarity index 100% rename from packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.test.tsx rename to packages/react/src/components/CalendarDayGrid/CalendarDayGrid.test.tsx diff --git a/packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.tsx b/packages/react/src/components/CalendarDayGrid/CalendarDayGrid.tsx similarity index 77% rename from packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.tsx rename to packages/react/src/components/CalendarDayGrid/CalendarDayGrid.tsx index a1201b0e7a0cf3..a9ac62864a71cd 100644 --- a/packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.tsx +++ b/packages/react/src/components/CalendarDayGrid/CalendarDayGrid.tsx @@ -1,5 +1,5 @@ import { CalendarDayGridBase } from './CalendarDayGrid.base'; import { styles } from './CalendarDayGrid.styles'; -import { styled } from '@fluentui/react-internal/lib/Utilities'; +import { styled } from '../../Utilities'; export const CalendarDayGrid = styled(CalendarDayGridBase, styles, undefined, { scope: 'CalendarDayGrid' }); diff --git a/packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.types.ts b/packages/react/src/components/CalendarDayGrid/CalendarDayGrid.types.ts similarity index 100% rename from packages/react-date-time/src/components/CalendarDayGrid/CalendarDayGrid.types.ts rename to packages/react/src/components/CalendarDayGrid/CalendarDayGrid.types.ts diff --git a/packages/react-date-time/src/components/CalendarDayGrid/CalendarGridDayCell.tsx b/packages/react/src/components/CalendarDayGrid/CalendarGridDayCell.tsx similarity index 100% rename from packages/react-date-time/src/components/CalendarDayGrid/CalendarGridDayCell.tsx rename to packages/react/src/components/CalendarDayGrid/CalendarGridDayCell.tsx diff --git a/packages/react-date-time/src/components/CalendarDayGrid/CalendarGridRow.tsx b/packages/react/src/components/CalendarDayGrid/CalendarGridRow.tsx similarity index 100% rename from packages/react-date-time/src/components/CalendarDayGrid/CalendarGridRow.tsx rename to packages/react/src/components/CalendarDayGrid/CalendarGridRow.tsx diff --git a/packages/react-date-time/src/components/CalendarDayGrid/CalendarMonthHeaderRow.tsx b/packages/react/src/components/CalendarDayGrid/CalendarMonthHeaderRow.tsx similarity index 100% rename from packages/react-date-time/src/components/CalendarDayGrid/CalendarMonthHeaderRow.tsx rename to packages/react/src/components/CalendarDayGrid/CalendarMonthHeaderRow.tsx diff --git a/packages/react-internal/src/components/Callout/Callout.test.tsx b/packages/react/src/components/Callout/Callout.test.tsx similarity index 100% rename from packages/react-internal/src/components/Callout/Callout.test.tsx rename to packages/react/src/components/Callout/Callout.test.tsx diff --git a/packages/react-internal/src/components/Callout/Callout.tsx b/packages/react/src/components/Callout/Callout.tsx similarity index 100% rename from packages/react-internal/src/components/Callout/Callout.tsx rename to packages/react/src/components/Callout/Callout.tsx diff --git a/packages/react-internal/src/components/Callout/Callout.types.ts b/packages/react/src/components/Callout/Callout.types.ts similarity index 100% rename from packages/react-internal/src/components/Callout/Callout.types.ts rename to packages/react/src/components/Callout/Callout.types.ts diff --git a/packages/react-internal/src/components/Callout/CalloutContent.base.tsx b/packages/react/src/components/Callout/CalloutContent.base.tsx similarity index 100% rename from packages/react-internal/src/components/Callout/CalloutContent.base.tsx rename to packages/react/src/components/Callout/CalloutContent.base.tsx diff --git a/packages/react-internal/src/components/Callout/CalloutContent.styles.ts b/packages/react/src/components/Callout/CalloutContent.styles.ts similarity index 100% rename from packages/react-internal/src/components/Callout/CalloutContent.styles.ts rename to packages/react/src/components/Callout/CalloutContent.styles.ts diff --git a/packages/react-internal/src/components/Callout/CalloutContent.tsx b/packages/react/src/components/Callout/CalloutContent.tsx similarity index 100% rename from packages/react-internal/src/components/Callout/CalloutContent.tsx rename to packages/react/src/components/Callout/CalloutContent.tsx diff --git a/packages/react-internal/src/components/Callout/FocusTrapCallout.tsx b/packages/react/src/components/Callout/FocusTrapCallout.tsx similarity index 100% rename from packages/react-internal/src/components/Callout/FocusTrapCallout.tsx rename to packages/react/src/components/Callout/FocusTrapCallout.tsx diff --git a/packages/react-internal/src/components/Callout/FocusTrapCallout.types.ts b/packages/react/src/components/Callout/FocusTrapCallout.types.ts similarity index 100% rename from packages/react-internal/src/components/Callout/FocusTrapCallout.types.ts rename to packages/react/src/components/Callout/FocusTrapCallout.types.ts diff --git a/packages/react-internal/src/components/Callout/__snapshots__/Callout.test.tsx.snap b/packages/react/src/components/Callout/__snapshots__/Callout.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Callout/__snapshots__/Callout.test.tsx.snap rename to packages/react/src/components/Callout/__snapshots__/Callout.test.tsx.snap diff --git a/packages/react-internal/src/components/Callout/index.ts b/packages/react/src/components/Callout/index.ts similarity index 100% rename from packages/react-internal/src/components/Callout/index.ts rename to packages/react/src/components/Callout/index.ts diff --git a/packages/react-internal/src/components/Check/Check.base.tsx b/packages/react/src/components/Check/Check.base.tsx similarity index 100% rename from packages/react-internal/src/components/Check/Check.base.tsx rename to packages/react/src/components/Check/Check.base.tsx diff --git a/packages/react-internal/src/components/Check/Check.styles.ts b/packages/react/src/components/Check/Check.styles.ts similarity index 100% rename from packages/react-internal/src/components/Check/Check.styles.ts rename to packages/react/src/components/Check/Check.styles.ts diff --git a/packages/react-internal/src/components/Check/Check.test.tsx b/packages/react/src/components/Check/Check.test.tsx similarity index 100% rename from packages/react-internal/src/components/Check/Check.test.tsx rename to packages/react/src/components/Check/Check.test.tsx diff --git a/packages/react-internal/src/components/Check/Check.tsx b/packages/react/src/components/Check/Check.tsx similarity index 100% rename from packages/react-internal/src/components/Check/Check.tsx rename to packages/react/src/components/Check/Check.tsx diff --git a/packages/react-internal/src/components/Check/Check.types.ts b/packages/react/src/components/Check/Check.types.ts similarity index 100% rename from packages/react-internal/src/components/Check/Check.types.ts rename to packages/react/src/components/Check/Check.types.ts diff --git a/packages/react-internal/src/components/Check/index.ts b/packages/react/src/components/Check/index.ts similarity index 100% rename from packages/react-internal/src/components/Check/index.ts rename to packages/react/src/components/Check/index.ts diff --git a/packages/react-internal/src/components/Checkbox/Checkbox.base.tsx b/packages/react/src/components/Checkbox/Checkbox.base.tsx similarity index 100% rename from packages/react-internal/src/components/Checkbox/Checkbox.base.tsx rename to packages/react/src/components/Checkbox/Checkbox.base.tsx diff --git a/packages/react-internal/src/components/Checkbox/Checkbox.styles.ts b/packages/react/src/components/Checkbox/Checkbox.styles.ts similarity index 100% rename from packages/react-internal/src/components/Checkbox/Checkbox.styles.ts rename to packages/react/src/components/Checkbox/Checkbox.styles.ts diff --git a/packages/react-internal/src/components/Checkbox/Checkbox.test.tsx b/packages/react/src/components/Checkbox/Checkbox.test.tsx similarity index 100% rename from packages/react-internal/src/components/Checkbox/Checkbox.test.tsx rename to packages/react/src/components/Checkbox/Checkbox.test.tsx diff --git a/packages/react-internal/src/components/Checkbox/Checkbox.tsx b/packages/react/src/components/Checkbox/Checkbox.tsx similarity index 100% rename from packages/react-internal/src/components/Checkbox/Checkbox.tsx rename to packages/react/src/components/Checkbox/Checkbox.tsx diff --git a/packages/react-internal/src/components/Checkbox/Checkbox.types.ts b/packages/react/src/components/Checkbox/Checkbox.types.ts similarity index 98% rename from packages/react-internal/src/components/Checkbox/Checkbox.types.ts rename to packages/react/src/components/Checkbox/Checkbox.types.ts index 706297b32f261a..1bab1b0e236534 100644 --- a/packages/react-internal/src/components/Checkbox/Checkbox.types.ts +++ b/packages/react/src/components/Checkbox/Checkbox.types.ts @@ -1,5 +1,3 @@ -/* eslint-disable @typescript-eslint/naming-convention */ - import * as React from 'react'; import { IStyle, ITheme } from '@fluentui/style-utilities'; import { IRefObject, IRenderFunction, IStyleFunctionOrObject } from '@fluentui/utilities'; diff --git a/packages/react-internal/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap b/packages/react/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap rename to packages/react/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap diff --git a/packages/react-internal/src/components/Checkbox/index.ts b/packages/react/src/components/Checkbox/index.ts similarity index 100% rename from packages/react-internal/src/components/Checkbox/index.ts rename to packages/react/src/components/Checkbox/index.ts diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroup.base.tsx b/packages/react/src/components/ChoiceGroup/ChoiceGroup.base.tsx similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroup.base.tsx rename to packages/react/src/components/ChoiceGroup/ChoiceGroup.base.tsx diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroup.styles.ts b/packages/react/src/components/ChoiceGroup/ChoiceGroup.styles.ts similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroup.styles.ts rename to packages/react/src/components/ChoiceGroup/ChoiceGroup.styles.ts diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroup.test.tsx b/packages/react/src/components/ChoiceGroup/ChoiceGroup.test.tsx similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroup.test.tsx rename to packages/react/src/components/ChoiceGroup/ChoiceGroup.test.tsx diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroup.tsx b/packages/react/src/components/ChoiceGroup/ChoiceGroup.tsx similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroup.tsx rename to packages/react/src/components/ChoiceGroup/ChoiceGroup.tsx diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroup.types.ts b/packages/react/src/components/ChoiceGroup/ChoiceGroup.types.ts similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroup.types.ts rename to packages/react/src/components/ChoiceGroup/ChoiceGroup.types.ts diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.base.tsx b/packages/react/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.base.tsx similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.base.tsx rename to packages/react/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.base.tsx diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.styles.ts b/packages/react/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.styles.ts similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.styles.ts rename to packages/react/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.styles.ts diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.test.tsx b/packages/react/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.test.tsx similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.test.tsx rename to packages/react/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.test.tsx diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.tsx b/packages/react/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.tsx similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.tsx rename to packages/react/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.tsx diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.types.ts b/packages/react/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.types.ts similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.types.ts rename to packages/react/src/components/ChoiceGroup/ChoiceGroupOption/ChoiceGroupOption.types.ts diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/__snapshots__/ChoiceGroupOption.test.tsx.snap b/packages/react/src/components/ChoiceGroup/ChoiceGroupOption/__snapshots__/ChoiceGroupOption.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/__snapshots__/ChoiceGroupOption.test.tsx.snap rename to packages/react/src/components/ChoiceGroup/ChoiceGroupOption/__snapshots__/ChoiceGroupOption.test.tsx.snap diff --git a/packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/index.ts b/packages/react/src/components/ChoiceGroup/ChoiceGroupOption/index.ts similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/ChoiceGroupOption/index.ts rename to packages/react/src/components/ChoiceGroup/ChoiceGroupOption/index.ts diff --git a/packages/react-internal/src/components/ChoiceGroup/__snapshots__/ChoiceGroup.test.tsx.snap b/packages/react/src/components/ChoiceGroup/__snapshots__/ChoiceGroup.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/__snapshots__/ChoiceGroup.test.tsx.snap rename to packages/react/src/components/ChoiceGroup/__snapshots__/ChoiceGroup.test.tsx.snap diff --git a/packages/react-internal/src/components/ChoiceGroup/index.ts b/packages/react/src/components/ChoiceGroup/index.ts similarity index 100% rename from packages/react-internal/src/components/ChoiceGroup/index.ts rename to packages/react/src/components/ChoiceGroup/index.ts diff --git a/packages/react-internal/src/components/Coachmark/Beak/Beak.styles.ts b/packages/react/src/components/Coachmark/Beak/Beak.styles.ts similarity index 100% rename from packages/react-internal/src/components/Coachmark/Beak/Beak.styles.ts rename to packages/react/src/components/Coachmark/Beak/Beak.styles.ts diff --git a/packages/react-internal/src/components/Coachmark/Beak/Beak.tsx b/packages/react/src/components/Coachmark/Beak/Beak.tsx similarity index 100% rename from packages/react-internal/src/components/Coachmark/Beak/Beak.tsx rename to packages/react/src/components/Coachmark/Beak/Beak.tsx diff --git a/packages/react-internal/src/components/Coachmark/Beak/Beak.types.ts b/packages/react/src/components/Coachmark/Beak/Beak.types.ts similarity index 100% rename from packages/react-internal/src/components/Coachmark/Beak/Beak.types.ts rename to packages/react/src/components/Coachmark/Beak/Beak.types.ts diff --git a/packages/react-internal/src/components/Coachmark/Coachmark.base.tsx b/packages/react/src/components/Coachmark/Coachmark.base.tsx similarity index 100% rename from packages/react-internal/src/components/Coachmark/Coachmark.base.tsx rename to packages/react/src/components/Coachmark/Coachmark.base.tsx diff --git a/packages/react-internal/src/components/Coachmark/Coachmark.styles.ts b/packages/react/src/components/Coachmark/Coachmark.styles.ts similarity index 100% rename from packages/react-internal/src/components/Coachmark/Coachmark.styles.ts rename to packages/react/src/components/Coachmark/Coachmark.styles.ts diff --git a/packages/react-internal/src/components/Coachmark/Coachmark.ts b/packages/react/src/components/Coachmark/Coachmark.ts similarity index 100% rename from packages/react-internal/src/components/Coachmark/Coachmark.ts rename to packages/react/src/components/Coachmark/Coachmark.ts diff --git a/packages/react-internal/src/components/Coachmark/Coachmark.types.ts b/packages/react/src/components/Coachmark/Coachmark.types.ts similarity index 100% rename from packages/react-internal/src/components/Coachmark/Coachmark.types.ts rename to packages/react/src/components/Coachmark/Coachmark.types.ts diff --git a/packages/react-internal/src/components/Coachmark/PositioningContainer/PositioningContainer.styles.ts b/packages/react/src/components/Coachmark/PositioningContainer/PositioningContainer.styles.ts similarity index 100% rename from packages/react-internal/src/components/Coachmark/PositioningContainer/PositioningContainer.styles.ts rename to packages/react/src/components/Coachmark/PositioningContainer/PositioningContainer.styles.ts diff --git a/packages/react-internal/src/components/Coachmark/PositioningContainer/PositioningContainer.tsx b/packages/react/src/components/Coachmark/PositioningContainer/PositioningContainer.tsx similarity index 100% rename from packages/react-internal/src/components/Coachmark/PositioningContainer/PositioningContainer.tsx rename to packages/react/src/components/Coachmark/PositioningContainer/PositioningContainer.tsx diff --git a/packages/react-internal/src/components/Coachmark/PositioningContainer/PositioningContainer.types.ts b/packages/react/src/components/Coachmark/PositioningContainer/PositioningContainer.types.ts similarity index 100% rename from packages/react-internal/src/components/Coachmark/PositioningContainer/PositioningContainer.types.ts rename to packages/react/src/components/Coachmark/PositioningContainer/PositioningContainer.types.ts diff --git a/packages/react-internal/src/components/Coachmark/PositioningContainer/index.ts b/packages/react/src/components/Coachmark/PositioningContainer/index.ts similarity index 100% rename from packages/react-internal/src/components/Coachmark/PositioningContainer/index.ts rename to packages/react/src/components/Coachmark/PositioningContainer/index.ts diff --git a/packages/react-internal/src/components/Coachmark/index.ts b/packages/react/src/components/Coachmark/index.ts similarity index 100% rename from packages/react-internal/src/components/Coachmark/index.ts rename to packages/react/src/components/Coachmark/index.ts diff --git a/packages/react-internal/src/components/ColorPicker/ColorPicker.base.tsx b/packages/react/src/components/ColorPicker/ColorPicker.base.tsx similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorPicker.base.tsx rename to packages/react/src/components/ColorPicker/ColorPicker.base.tsx diff --git a/packages/react-internal/src/components/ColorPicker/ColorPicker.deprecated.test.tsx b/packages/react/src/components/ColorPicker/ColorPicker.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorPicker.deprecated.test.tsx rename to packages/react/src/components/ColorPicker/ColorPicker.deprecated.test.tsx diff --git a/packages/react-internal/src/components/ColorPicker/ColorPicker.styles.ts b/packages/react/src/components/ColorPicker/ColorPicker.styles.ts similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorPicker.styles.ts rename to packages/react/src/components/ColorPicker/ColorPicker.styles.ts diff --git a/packages/react-internal/src/components/ColorPicker/ColorPicker.test.tsx b/packages/react/src/components/ColorPicker/ColorPicker.test.tsx similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorPicker.test.tsx rename to packages/react/src/components/ColorPicker/ColorPicker.test.tsx diff --git a/packages/react-internal/src/components/ColorPicker/ColorPicker.tsx b/packages/react/src/components/ColorPicker/ColorPicker.tsx similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorPicker.tsx rename to packages/react/src/components/ColorPicker/ColorPicker.tsx diff --git a/packages/react-internal/src/components/ColorPicker/ColorPicker.types.ts b/packages/react/src/components/ColorPicker/ColorPicker.types.ts similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorPicker.types.ts rename to packages/react/src/components/ColorPicker/ColorPicker.types.ts diff --git a/packages/react-internal/src/components/ColorPicker/ColorRectangle/ColorRectangle.base.tsx b/packages/react/src/components/ColorPicker/ColorRectangle/ColorRectangle.base.tsx similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorRectangle/ColorRectangle.base.tsx rename to packages/react/src/components/ColorPicker/ColorRectangle/ColorRectangle.base.tsx diff --git a/packages/react-internal/src/components/ColorPicker/ColorRectangle/ColorRectangle.styles.ts b/packages/react/src/components/ColorPicker/ColorRectangle/ColorRectangle.styles.ts similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorRectangle/ColorRectangle.styles.ts rename to packages/react/src/components/ColorPicker/ColorRectangle/ColorRectangle.styles.ts diff --git a/packages/react-internal/src/components/ColorPicker/ColorRectangle/ColorRectangle.test.tsx b/packages/react/src/components/ColorPicker/ColorRectangle/ColorRectangle.test.tsx similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorRectangle/ColorRectangle.test.tsx rename to packages/react/src/components/ColorPicker/ColorRectangle/ColorRectangle.test.tsx diff --git a/packages/react-internal/src/components/ColorPicker/ColorRectangle/ColorRectangle.tsx b/packages/react/src/components/ColorPicker/ColorRectangle/ColorRectangle.tsx similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorRectangle/ColorRectangle.tsx rename to packages/react/src/components/ColorPicker/ColorRectangle/ColorRectangle.tsx diff --git a/packages/react-internal/src/components/ColorPicker/ColorRectangle/ColorRectangle.types.ts b/packages/react/src/components/ColorPicker/ColorRectangle/ColorRectangle.types.ts similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorRectangle/ColorRectangle.types.ts rename to packages/react/src/components/ColorPicker/ColorRectangle/ColorRectangle.types.ts diff --git a/packages/react-internal/src/components/ColorPicker/ColorRectangle/__snapshots__/ColorRectangle.test.tsx.snap b/packages/react/src/components/ColorPicker/ColorRectangle/__snapshots__/ColorRectangle.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorRectangle/__snapshots__/ColorRectangle.test.tsx.snap rename to packages/react/src/components/ColorPicker/ColorRectangle/__snapshots__/ColorRectangle.test.tsx.snap diff --git a/packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.base.tsx b/packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.base.tsx similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.base.tsx rename to packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.base.tsx diff --git a/packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.deprecated.test.tsx b/packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.deprecated.test.tsx rename to packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.deprecated.test.tsx diff --git a/packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.styles.ts b/packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.styles.ts similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.styles.ts rename to packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.styles.ts diff --git a/packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.test.tsx b/packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.test.tsx similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.test.tsx rename to packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.test.tsx diff --git a/packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.tsx b/packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.tsx similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.tsx rename to packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.tsx diff --git a/packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.types.ts b/packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.types.ts similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorSlider/ColorSlider.types.ts rename to packages/react/src/components/ColorPicker/ColorSlider/ColorSlider.types.ts diff --git a/packages/react-internal/src/components/ColorPicker/ColorSlider/__snapshots__/ColorSlider.deprecated.test.tsx.snap b/packages/react/src/components/ColorPicker/ColorSlider/__snapshots__/ColorSlider.deprecated.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorSlider/__snapshots__/ColorSlider.deprecated.test.tsx.snap rename to packages/react/src/components/ColorPicker/ColorSlider/__snapshots__/ColorSlider.deprecated.test.tsx.snap diff --git a/packages/react-internal/src/components/ColorPicker/ColorSlider/__snapshots__/ColorSlider.test.tsx.snap b/packages/react/src/components/ColorPicker/ColorSlider/__snapshots__/ColorSlider.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ColorPicker/ColorSlider/__snapshots__/ColorSlider.test.tsx.snap rename to packages/react/src/components/ColorPicker/ColorSlider/__snapshots__/ColorSlider.test.tsx.snap diff --git a/packages/react-internal/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap b/packages/react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap rename to packages/react/src/components/ColorPicker/__snapshots__/ColorPicker.test.tsx.snap diff --git a/packages/react-internal/src/components/ColorPicker/index.ts b/packages/react/src/components/ColorPicker/index.ts similarity index 100% rename from packages/react-internal/src/components/ColorPicker/index.ts rename to packages/react/src/components/ColorPicker/index.ts diff --git a/packages/react-internal/src/components/CommandBar/CommandBar.base.tsx b/packages/react/src/components/CommandBar/CommandBar.base.tsx similarity index 100% rename from packages/react-internal/src/components/CommandBar/CommandBar.base.tsx rename to packages/react/src/components/CommandBar/CommandBar.base.tsx diff --git a/packages/react-internal/src/components/CommandBar/CommandBar.deprecated.test.tsx b/packages/react/src/components/CommandBar/CommandBar.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/CommandBar/CommandBar.deprecated.test.tsx rename to packages/react/src/components/CommandBar/CommandBar.deprecated.test.tsx diff --git a/packages/react-internal/src/components/CommandBar/CommandBar.styles.ts b/packages/react/src/components/CommandBar/CommandBar.styles.ts similarity index 100% rename from packages/react-internal/src/components/CommandBar/CommandBar.styles.ts rename to packages/react/src/components/CommandBar/CommandBar.styles.ts diff --git a/packages/react-internal/src/components/CommandBar/CommandBar.test.tsx b/packages/react/src/components/CommandBar/CommandBar.test.tsx similarity index 100% rename from packages/react-internal/src/components/CommandBar/CommandBar.test.tsx rename to packages/react/src/components/CommandBar/CommandBar.test.tsx diff --git a/packages/react-internal/src/components/CommandBar/CommandBar.tsx b/packages/react/src/components/CommandBar/CommandBar.tsx similarity index 100% rename from packages/react-internal/src/components/CommandBar/CommandBar.tsx rename to packages/react/src/components/CommandBar/CommandBar.tsx diff --git a/packages/react-internal/src/components/CommandBar/CommandBar.types.ts b/packages/react/src/components/CommandBar/CommandBar.types.ts similarity index 100% rename from packages/react-internal/src/components/CommandBar/CommandBar.types.ts rename to packages/react/src/components/CommandBar/CommandBar.types.ts diff --git a/packages/react-internal/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap b/packages/react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap rename to packages/react/src/components/CommandBar/__snapshots__/CommandBar.deprecated.test.tsx.snap diff --git a/packages/react-internal/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap b/packages/react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap rename to packages/react/src/components/CommandBar/__snapshots__/CommandBar.test.tsx.snap diff --git a/packages/react-internal/src/components/CommandBar/index.ts b/packages/react/src/components/CommandBar/index.ts similarity index 100% rename from packages/react-internal/src/components/CommandBar/index.ts rename to packages/react/src/components/CommandBar/index.ts diff --git a/packages/react/src/components/ComponentConformance.test.tsx b/packages/react/src/components/ComponentConformance.test.tsx new file mode 100644 index 00000000000000..3d3fb028364ea0 --- /dev/null +++ b/packages/react/src/components/ComponentConformance.test.tsx @@ -0,0 +1,60 @@ +import * as glob from 'glob'; +import * as path from 'path'; +import * as fs from 'fs'; + +/** Map from component name to alternative package name from which it should import a version file */ +const componentPackageMap: { [componentName: string]: string } = { + FocusZone: '@fluentui/react-focus', +}; + +describe('Top Level Component File Conformance', () => { + const privateComponents = new Set(); + privateComponents.add('ContextualMenuItemWrapper'); + + const components: string[] = glob + .sync(path.resolve(process.cwd(), 'src/components/**/index.ts*')) + .map(file => { + const componentName = path.basename(path.dirname(file)); + return componentName[0] === componentName[0].toUpperCase() ? path.basename(path.dirname(file)) : ''; + }) + .filter(f => f && !privateComponents.has(f)); + + const topLevelComponentFiles = components + .map(f => { + for (const fileName of [`${f}.ts`, `${f}.tsx`]) { + const fullPath = path.resolve(__dirname, '..', fileName); + if (fs.existsSync(fullPath)) { + return fullPath; + } + } + return ''; + }) + .filter(f => f); + + beforeEach(() => { + jest.resetModules(); + }); + + // Top Level Compoennt File Compliance - + // make sure that there is a corresponding top level component file for each component in the directory + components.forEach(componentName => { + it(`${componentName} has a corresponding top level component file`, () => { + expect( + fs.existsSync(path.resolve(__dirname, `../${componentName}.ts`)) || + fs.existsSync(path.resolve(__dirname, `../${componentName}.tsx`)), + ).toBeTruthy(); + }); + }); + + // make sure that there is a version import in each corresponding top level component file + topLevelComponentFiles.forEach(file => { + const componentName = path.basename(file).split('.')[0]; + const packageName = componentPackageMap[componentName] || '@fluentui/react'; + + it(`${componentName} imports the ${packageName} version file`, () => { + (window as any).__packages__ = null; + require(file); + expect((window as any).__packages__[packageName]).not.toBeUndefined(); + }); + }); +}); diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenu.base.tsx b/packages/react/src/components/ContextualMenu/ContextualMenu.base.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenu.base.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenu.base.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenu.classNames.ts b/packages/react/src/components/ContextualMenu/ContextualMenu.classNames.ts similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenu.classNames.ts rename to packages/react/src/components/ContextualMenu/ContextualMenu.classNames.ts diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenu.cnstyles.ts b/packages/react/src/components/ContextualMenu/ContextualMenu.cnstyles.ts similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenu.cnstyles.ts rename to packages/react/src/components/ContextualMenu/ContextualMenu.cnstyles.ts diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenu.deprecated.test.tsx b/packages/react/src/components/ContextualMenu/ContextualMenu.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenu.deprecated.test.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenu.deprecated.test.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenu.styles.ts b/packages/react/src/components/ContextualMenu/ContextualMenu.styles.ts similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenu.styles.ts rename to packages/react/src/components/ContextualMenu/ContextualMenu.styles.ts diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenu.test.tsx b/packages/react/src/components/ContextualMenu/ContextualMenu.test.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenu.test.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenu.test.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenu.tsx b/packages/react/src/components/ContextualMenu/ContextualMenu.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenu.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenu.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenu.types.ts b/packages/react/src/components/ContextualMenu/ContextualMenu.types.ts similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenu.types.ts rename to packages/react/src/components/ContextualMenu/ContextualMenu.types.ts diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItem.base.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItem.base.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItem.base.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItem.base.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItem.test.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItem.test.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItem.test.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItem.test.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItem.ts b/packages/react/src/components/ContextualMenu/ContextualMenuItem.ts similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItem.ts rename to packages/react/src/components/ContextualMenu/ContextualMenuItem.ts diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItem.types.ts b/packages/react/src/components/ContextualMenu/ContextualMenuItem.types.ts similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItem.types.ts rename to packages/react/src/components/ContextualMenu/ContextualMenuItem.types.ts diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.deprecated.test.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.deprecated.test.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.deprecated.test.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.test.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.test.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.test.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.test.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuAnchor.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.deprecated.test.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.deprecated.test.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.deprecated.test.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.test.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.test.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.test.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.test.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuButton.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuItemWrapper.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuItemWrapper.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuItemWrapper.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuItemWrapper.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuItemWrapper.types.ts b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuItemWrapper.types.ts similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuItemWrapper.types.ts rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuItemWrapper.types.ts diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.deprecated.test.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.deprecated.test.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.deprecated.test.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.test.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.test.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.test.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.test.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.tsx similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.tsx rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.tsx diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.deprecated.test.tsx.snap b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.deprecated.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.deprecated.test.tsx.snap rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.deprecated.test.tsx.snap diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.test.tsx.snap b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.test.tsx.snap rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuAnchor.test.tsx.snap diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.deprecated.test.tsx.snap b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.deprecated.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.deprecated.test.tsx.snap rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.deprecated.test.tsx.snap diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.test.tsx.snap b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.test.tsx.snap rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuButton.test.tsx.snap diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.deprecated.test.tsx.snap b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.deprecated.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.deprecated.test.tsx.snap rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.deprecated.test.tsx.snap diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.test.tsx.snap b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.test.tsx.snap rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/__snapshots__/ContextualMenuSplitButton.test.tsx.snap diff --git a/packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/index.ts b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/index.ts similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/ContextualMenuItemWrapper/index.ts rename to packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/index.ts diff --git a/packages/react-internal/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap b/packages/react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap rename to packages/react/src/components/ContextualMenu/__snapshots__/ContextualMenu.test.tsx.snap diff --git a/packages/react-internal/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.test.tsx.snap b/packages/react/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.test.tsx.snap rename to packages/react/src/components/ContextualMenu/__snapshots__/ContextualMenuItem.test.tsx.snap diff --git a/packages/react-internal/src/components/ContextualMenu/index.ts b/packages/react/src/components/ContextualMenu/index.ts similarity index 100% rename from packages/react-internal/src/components/ContextualMenu/index.ts rename to packages/react/src/components/ContextualMenu/index.ts diff --git a/packages/react-date-time/src/components/DatePicker/DatePicker.base.tsx b/packages/react/src/components/DatePicker/DatePicker.base.tsx similarity index 98% rename from packages/react-date-time/src/components/DatePicker/DatePicker.base.tsx rename to packages/react/src/components/DatePicker/DatePicker.base.tsx index 72233ad58ff89c..6881627e413f7e 100644 --- a/packages/react-date-time/src/components/DatePicker/DatePicker.base.tsx +++ b/packages/react/src/components/DatePicker/DatePicker.base.tsx @@ -10,9 +10,9 @@ import { } from '@fluentui/utilities'; import { Calendar, ICalendar } from '../../Calendar'; import { FirstWeekOfYear, getDatePartHashValue, compareDatePart, DayOfWeek } from '@fluentui/date-time-utilities'; -import { Callout, DirectionalHint } from '@fluentui/react-internal/lib/Callout'; -import { TextField, ITextField } from '@fluentui/react-internal/lib/TextField'; -import { FocusTrapZone } from '@fluentui/react-internal/lib/FocusTrapZone'; +import { Callout, DirectionalHint } from '../../Callout'; +import { TextField, ITextField } from '../../TextField'; +import { FocusTrapZone } from '../../FocusTrapZone'; import { useId, useAsync, useControllableValue } from '@fluentui/react-hooks'; import { defaultDatePickerStrings } from './defaults'; diff --git a/packages/react-date-time/src/components/DatePicker/DatePicker.styles.ts b/packages/react/src/components/DatePicker/DatePicker.styles.ts similarity index 100% rename from packages/react-date-time/src/components/DatePicker/DatePicker.styles.ts rename to packages/react/src/components/DatePicker/DatePicker.styles.ts diff --git a/packages/react-date-time/src/components/DatePicker/DatePicker.test.tsx b/packages/react/src/components/DatePicker/DatePicker.test.tsx similarity index 98% rename from packages/react-date-time/src/components/DatePicker/DatePicker.test.tsx rename to packages/react/src/components/DatePicker/DatePicker.test.tsx index c559e43076406b..ffac2901c27043 100644 --- a/packages/react-date-time/src/components/DatePicker/DatePicker.test.tsx +++ b/packages/react/src/components/DatePicker/DatePicker.test.tsx @@ -6,9 +6,9 @@ import { IDatePickerStrings, IDatePickerProps } from './DatePicker.types'; import { FirstWeekOfYear } from '@fluentui/date-time-utilities'; import { shallow, mount, ReactWrapper } from 'enzyme'; import { resetIds } from '@fluentui/utilities'; -import { Callout } from '@fluentui/react-internal/lib/Callout'; +import { Callout } from '../../Callout'; import { safeCreate } from '@fluentui/test-utilities'; -import { TextField } from '@fluentui/react-internal/lib/TextField'; +import { TextField } from '../../TextField'; import * as renderer from 'react-test-renderer'; import * as ReactDOM from 'react-dom'; import { CalendarDayGridBase } from '../CalendarDayGrid/CalendarDayGrid.base'; @@ -301,7 +301,6 @@ describe('DatePicker', () => { datePicker .find(TextField) ?.props() - // eslint-disable-next-line @typescript-eslint/no-explicit-any .onClick?.({} as any); const calendarProps = datePicker.find(Calendar).props(); @@ -358,7 +357,6 @@ describe('DatePicker', () => { datePicker .find(TextField) ?.props() - // eslint-disable-next-line @typescript-eslint/no-explicit-any .onClick?.({} as any); const calendarProps = datePicker.find(Calendar).props(); diff --git a/packages/react-date-time/src/components/DatePicker/DatePicker.tsx b/packages/react/src/components/DatePicker/DatePicker.tsx similarity index 100% rename from packages/react-date-time/src/components/DatePicker/DatePicker.tsx rename to packages/react/src/components/DatePicker/DatePicker.tsx diff --git a/packages/react-date-time/src/components/DatePicker/DatePicker.types.ts b/packages/react/src/components/DatePicker/DatePicker.types.ts similarity index 97% rename from packages/react-date-time/src/components/DatePicker/DatePicker.types.ts rename to packages/react/src/components/DatePicker/DatePicker.types.ts index 5388be031452bf..a3407ce14775a2 100644 --- a/packages/react-date-time/src/components/DatePicker/DatePicker.types.ts +++ b/packages/react/src/components/DatePicker/DatePicker.types.ts @@ -3,8 +3,8 @@ import { ICalendarProps } from '../../Calendar'; import { DayOfWeek, FirstWeekOfYear, ICalendarStrings, IDateFormatting } from '@fluentui/date-time-utilities'; import { IStyle, ITheme } from '@fluentui/style-utilities'; import { IRefObject, IBaseProps, IStyleFunctionOrObject, IComponentAs } from '@fluentui/utilities'; -import { ICalloutProps } from '@fluentui/react-internal/lib/Callout'; -import { ITextFieldProps } from '@fluentui/react-internal/lib/TextField'; +import { ICalloutProps } from '../../Callout'; +import { ITextFieldProps } from '../../TextField'; /** * {@docCategory DatePicker} diff --git a/packages/react-date-time/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap b/packages/react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap similarity index 96% rename from packages/react-date-time/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap rename to packages/react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap index dbd4ea56e2e49f..ee3476b1941e12 100644 --- a/packages/react-date-time/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap +++ b/packages/react/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap @@ -192,10 +192,15 @@ exports[`DatePicker renders default DatePicker correctly 1`] = ` ms-DatePicker-event--without-label msDatePickerDisabled { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; color: #605e5c; cursor: pointer; display: inline-block; + font-family: "FabricMDL2Icons"; font-size: 16px; + font-style: normal; + font-weight: normal; line-height: 18px; padding-bottom: 5px; padding-left: 5px; @@ -204,10 +209,13 @@ exports[`DatePicker renders default DatePicker correctly 1`] = ` pointer-events: initial; position: absolute; right: 4px; + speak: none; } data-icon-name="Calendar" onClick={[Function]} - /> + > +  + diff --git a/packages/react-date-time/src/components/DatePicker/defaults.ts b/packages/react/src/components/DatePicker/defaults.ts similarity index 100% rename from packages/react-date-time/src/components/DatePicker/defaults.ts rename to packages/react/src/components/DatePicker/defaults.ts diff --git a/packages/react-date-time/src/components/DatePicker/index.ts b/packages/react/src/components/DatePicker/index.ts similarity index 100% rename from packages/react-date-time/src/components/DatePicker/index.ts rename to packages/react/src/components/DatePicker/index.ts diff --git a/packages/react/src/components/DetailsList/DetailsList.base.tsx b/packages/react/src/components/DetailsList/DetailsList.base.tsx index db6855a7d37eb7..172c824916c873 100644 --- a/packages/react/src/components/DetailsList/DetailsList.base.tsx +++ b/packages/react/src/components/DetailsList/DetailsList.base.tsx @@ -40,7 +40,7 @@ import { IObjectWithKey, ISelection, Selection, SelectionMode, SelectionZone } f import { DragDropHelper } from '../../DragDrop'; import { IGroupedList, GroupedList, IGroupDividerProps, IGroupRenderProps } from '../../GroupedList'; import { List, IListProps, ScrollToMode } from '../../List'; -import { withViewport } from '@fluentui/react-internal/lib/utilities/decorators/withViewport'; +import { withViewport } from '../../utilities/decorators/withViewport'; import { GetGroupCount } from '../../utilities/groupedList/GroupedListUtility'; import { DEFAULT_CELL_STYLE_PROPS } from './DetailsRow.styles'; import { CHECK_CELL_WIDTH as CHECKBOX_WIDTH } from './DetailsRowCheck.styles'; diff --git a/packages/react/src/components/DetailsList/DetailsList.types.ts b/packages/react/src/components/DetailsList/DetailsList.types.ts index d1ed622484b996..a6f51f740a00fc 100644 --- a/packages/react/src/components/DetailsList/DetailsList.types.ts +++ b/packages/react/src/components/DetailsList/DetailsList.types.ts @@ -7,7 +7,7 @@ import { IGroup, IGroupRenderProps, IGroupDividerProps, IGroupedListProps } from import { IDetailsRowProps, IDetailsRowBaseProps } from '../DetailsList/DetailsRow'; import { IDetailsHeaderProps, IDetailsHeaderBaseProps } from './DetailsHeader'; import { IDetailsFooterProps, IDetailsFooterBaseProps } from './DetailsFooter.types'; -import { IWithViewportProps, IViewport } from '@fluentui/react-internal/lib/utilities/decorators/withViewport'; +import { IWithViewportProps, IViewport } from '../../utilities/decorators/withViewport'; import { IList, IListProps, ScrollToMode } from '../../List'; import { ITheme, IStyle } from '../../Styling'; import { ICellStyleProps, IDetailsItemProps } from './DetailsRow.types'; diff --git a/packages/react/src/components/DetailsList/DetailsRow.types.ts b/packages/react/src/components/DetailsList/DetailsRow.types.ts index 2db08d48d3312c..2d0fad8a2d500a 100644 --- a/packages/react/src/components/DetailsList/DetailsRow.types.ts +++ b/packages/react/src/components/DetailsList/DetailsRow.types.ts @@ -4,7 +4,7 @@ import { IStyle, ITheme } from '../../Styling'; import { IColumn, CheckboxVisibility, IDetailsListProps } from './DetailsList.types'; import { ISelection, SelectionMode } from '../../Selection'; import { IDragDropHelper, IDragDropEvents } from '../../DragDrop'; -import { IViewport } from '@fluentui/react-internal/lib/utilities/decorators/withViewport'; +import { IViewport } from '../../utilities/decorators/withViewport'; import { CollapseAllVisibility } from '../GroupedList/GroupedList.types'; import { IBaseProps, IRefObject, IStyleFunctionOrObject, IRenderFunction } from '../../Utilities'; import { IDetailsRowCheckProps, IDetailsCheckboxProps } from './DetailsRowCheck.types'; diff --git a/packages/react/src/components/DetailsList/DetailsRowCheck.styles.ts b/packages/react/src/components/DetailsList/DetailsRowCheck.styles.ts index d13a09781af291..7a4557e66cbdeb 100644 --- a/packages/react/src/components/DetailsList/DetailsRowCheck.styles.ts +++ b/packages/react/src/components/DetailsList/DetailsRowCheck.styles.ts @@ -2,7 +2,7 @@ import { getGlobalClassNames, getFocusStyle } from '../../Styling'; import { IDetailsRowCheckStyleProps, IDetailsRowCheckStyles } from './DetailsRowCheck.types'; import { DEFAULT_ROW_HEIGHTS } from './DetailsRow.styles'; import { HEADER_HEIGHT } from './DetailsHeader.styles'; -import { CheckGlobalClassNames } from '@fluentui/react-internal/lib/components/Check/Check.styles'; +import { CheckGlobalClassNames } from '../../components/Check/Check.styles'; const GlobalClassNames = { root: 'ms-DetailsRow-check', diff --git a/packages/react-internal/src/components/Dialog/Dialog.base.tsx b/packages/react/src/components/Dialog/Dialog.base.tsx similarity index 100% rename from packages/react-internal/src/components/Dialog/Dialog.base.tsx rename to packages/react/src/components/Dialog/Dialog.base.tsx diff --git a/packages/react-internal/src/components/Dialog/Dialog.deprecated.test.tsx b/packages/react/src/components/Dialog/Dialog.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/Dialog/Dialog.deprecated.test.tsx rename to packages/react/src/components/Dialog/Dialog.deprecated.test.tsx diff --git a/packages/react-internal/src/components/Dialog/Dialog.styles.ts b/packages/react/src/components/Dialog/Dialog.styles.ts similarity index 100% rename from packages/react-internal/src/components/Dialog/Dialog.styles.ts rename to packages/react/src/components/Dialog/Dialog.styles.ts diff --git a/packages/react-internal/src/components/Dialog/Dialog.test.tsx b/packages/react/src/components/Dialog/Dialog.test.tsx similarity index 100% rename from packages/react-internal/src/components/Dialog/Dialog.test.tsx rename to packages/react/src/components/Dialog/Dialog.test.tsx diff --git a/packages/react-internal/src/components/Dialog/Dialog.tsx b/packages/react/src/components/Dialog/Dialog.tsx similarity index 100% rename from packages/react-internal/src/components/Dialog/Dialog.tsx rename to packages/react/src/components/Dialog/Dialog.tsx diff --git a/packages/react-internal/src/components/Dialog/Dialog.types.ts b/packages/react/src/components/Dialog/Dialog.types.ts similarity index 100% rename from packages/react-internal/src/components/Dialog/Dialog.types.ts rename to packages/react/src/components/Dialog/Dialog.types.ts diff --git a/packages/react-internal/src/components/Dialog/DialogContent.base.tsx b/packages/react/src/components/Dialog/DialogContent.base.tsx similarity index 100% rename from packages/react-internal/src/components/Dialog/DialogContent.base.tsx rename to packages/react/src/components/Dialog/DialogContent.base.tsx diff --git a/packages/react-internal/src/components/Dialog/DialogContent.styles.ts b/packages/react/src/components/Dialog/DialogContent.styles.ts similarity index 100% rename from packages/react-internal/src/components/Dialog/DialogContent.styles.ts rename to packages/react/src/components/Dialog/DialogContent.styles.ts diff --git a/packages/react-internal/src/components/Dialog/DialogContent.tsx b/packages/react/src/components/Dialog/DialogContent.tsx similarity index 100% rename from packages/react-internal/src/components/Dialog/DialogContent.tsx rename to packages/react/src/components/Dialog/DialogContent.tsx diff --git a/packages/react-internal/src/components/Dialog/DialogContent.types.ts b/packages/react/src/components/Dialog/DialogContent.types.ts similarity index 100% rename from packages/react-internal/src/components/Dialog/DialogContent.types.ts rename to packages/react/src/components/Dialog/DialogContent.types.ts diff --git a/packages/react-internal/src/components/Dialog/DialogFooter.base.tsx b/packages/react/src/components/Dialog/DialogFooter.base.tsx similarity index 100% rename from packages/react-internal/src/components/Dialog/DialogFooter.base.tsx rename to packages/react/src/components/Dialog/DialogFooter.base.tsx diff --git a/packages/react-internal/src/components/Dialog/DialogFooter.styles.ts b/packages/react/src/components/Dialog/DialogFooter.styles.ts similarity index 100% rename from packages/react-internal/src/components/Dialog/DialogFooter.styles.ts rename to packages/react/src/components/Dialog/DialogFooter.styles.ts diff --git a/packages/react-internal/src/components/Dialog/DialogFooter.tsx b/packages/react/src/components/Dialog/DialogFooter.tsx similarity index 100% rename from packages/react-internal/src/components/Dialog/DialogFooter.tsx rename to packages/react/src/components/Dialog/DialogFooter.tsx diff --git a/packages/react-internal/src/components/Dialog/DialogFooter.types.ts b/packages/react/src/components/Dialog/DialogFooter.types.ts similarity index 100% rename from packages/react-internal/src/components/Dialog/DialogFooter.types.ts rename to packages/react/src/components/Dialog/DialogFooter.types.ts diff --git a/packages/react-internal/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap b/packages/react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap rename to packages/react/src/components/Dialog/__snapshots__/Dialog.deprecated.test.tsx.snap diff --git a/packages/react-internal/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap b/packages/react/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap rename to packages/react/src/components/Dialog/__snapshots__/Dialog.test.tsx.snap diff --git a/packages/react-internal/src/components/Dialog/index.ts b/packages/react/src/components/Dialog/index.ts similarity index 100% rename from packages/react-internal/src/components/Dialog/index.ts rename to packages/react/src/components/Dialog/index.ts diff --git a/packages/react-internal/src/components/Divider/VerticalDivider.base.tsx b/packages/react/src/components/Divider/VerticalDivider.base.tsx similarity index 100% rename from packages/react-internal/src/components/Divider/VerticalDivider.base.tsx rename to packages/react/src/components/Divider/VerticalDivider.base.tsx diff --git a/packages/react-internal/src/components/Divider/VerticalDivider.classNames.ts b/packages/react/src/components/Divider/VerticalDivider.classNames.ts similarity index 100% rename from packages/react-internal/src/components/Divider/VerticalDivider.classNames.ts rename to packages/react/src/components/Divider/VerticalDivider.classNames.ts diff --git a/packages/react-internal/src/components/Divider/VerticalDivider.styles.ts b/packages/react/src/components/Divider/VerticalDivider.styles.ts similarity index 100% rename from packages/react-internal/src/components/Divider/VerticalDivider.styles.ts rename to packages/react/src/components/Divider/VerticalDivider.styles.ts diff --git a/packages/react-internal/src/components/Divider/VerticalDivider.test.tsx b/packages/react/src/components/Divider/VerticalDivider.test.tsx similarity index 100% rename from packages/react-internal/src/components/Divider/VerticalDivider.test.tsx rename to packages/react/src/components/Divider/VerticalDivider.test.tsx diff --git a/packages/react-internal/src/components/Divider/VerticalDivider.tsx b/packages/react/src/components/Divider/VerticalDivider.tsx similarity index 100% rename from packages/react-internal/src/components/Divider/VerticalDivider.tsx rename to packages/react/src/components/Divider/VerticalDivider.tsx diff --git a/packages/react-internal/src/components/Divider/VerticalDivider.types.ts b/packages/react/src/components/Divider/VerticalDivider.types.ts similarity index 100% rename from packages/react-internal/src/components/Divider/VerticalDivider.types.ts rename to packages/react/src/components/Divider/VerticalDivider.types.ts diff --git a/packages/react-internal/src/components/Divider/index.ts b/packages/react/src/components/Divider/index.ts similarity index 100% rename from packages/react-internal/src/components/Divider/index.ts rename to packages/react/src/components/Divider/index.ts diff --git a/packages/react/src/components/Dropdown/Dropdown.base.tsx b/packages/react/src/components/Dropdown/Dropdown.base.tsx index 9de6226be07770..0277bf496a9640 100644 --- a/packages/react/src/components/Dropdown/Dropdown.base.tsx +++ b/packages/react/src/components/Dropdown/Dropdown.base.tsx @@ -36,10 +36,7 @@ import { Icon } from '../../Icon'; import { ILabelStyleProps, ILabelStyles, Label } from '../../Label'; import { IProcessedStyleSet } from '../../Styling'; import { Panel, IPanelStyleProps, IPanelStyles } from '../../Panel'; -import { - ResponsiveMode, - IWithResponsiveModeState, -} from '@fluentui/react-internal/lib/utilities/decorators/withResponsiveMode'; +import { ResponsiveMode, IWithResponsiveModeState } from '../../utilities/decorators/withResponsiveMode'; import { SelectableOptionMenuItemType, getAllSelectedOptions, @@ -48,7 +45,7 @@ import { // import and use V7 Checkbox to ensure no breaking changes. import { Checkbox, ICheckboxStyleProps, ICheckboxStyles } from '../../Checkbox'; import { getPropsWithDefaults } from '@fluentui/utilities'; -import { useResponsiveMode } from '@fluentui/react-internal/lib/utilities/hooks/useResponsiveMode'; +import { useResponsiveMode } from '../../utilities/hooks/useResponsiveMode'; import { useMergedRefs, usePrevious } from '@fluentui/react-hooks'; const COMPONENT_NAME = 'Dropdown'; diff --git a/packages/react/src/components/Dropdown/Dropdown.types.ts b/packages/react/src/components/Dropdown/Dropdown.types.ts index 383617ef38ac36..7807dbae30744c 100644 --- a/packages/react/src/components/Dropdown/Dropdown.types.ts +++ b/packages/react/src/components/Dropdown/Dropdown.types.ts @@ -2,7 +2,7 @@ import * as React from 'react'; import { IRenderFunction, IStyleFunctionOrObject } from '../../Utilities'; import { IStyle, ITheme } from '../../Styling'; import { ISelectableOption, ISelectableDroppableTextProps } from '../../SelectableOption'; -import { ResponsiveMode } from '@fluentui/react-internal/lib/utilities/decorators/withResponsiveMode'; +import { ResponsiveMode } from '../../utilities/decorators/withResponsiveMode'; import { RectangleEdge } from '../../Positioning'; import { ICheckboxStyleProps, ICheckboxStyles } from '../../Checkbox'; import { ILabelStyleProps, ILabelStyles } from '../../Label'; diff --git a/packages/react-internal/src/components/ExtendedPicker/BaseExtendedPicker.scss b/packages/react/src/components/ExtendedPicker/BaseExtendedPicker.scss similarity index 100% rename from packages/react-internal/src/components/ExtendedPicker/BaseExtendedPicker.scss rename to packages/react/src/components/ExtendedPicker/BaseExtendedPicker.scss diff --git a/packages/react-internal/src/components/ExtendedPicker/BaseExtendedPicker.test.tsx b/packages/react/src/components/ExtendedPicker/BaseExtendedPicker.test.tsx similarity index 100% rename from packages/react-internal/src/components/ExtendedPicker/BaseExtendedPicker.test.tsx rename to packages/react/src/components/ExtendedPicker/BaseExtendedPicker.test.tsx diff --git a/packages/react-internal/src/components/ExtendedPicker/BaseExtendedPicker.tsx b/packages/react/src/components/ExtendedPicker/BaseExtendedPicker.tsx similarity index 100% rename from packages/react-internal/src/components/ExtendedPicker/BaseExtendedPicker.tsx rename to packages/react/src/components/ExtendedPicker/BaseExtendedPicker.tsx diff --git a/packages/react-internal/src/components/ExtendedPicker/BaseExtendedPicker.types.ts b/packages/react/src/components/ExtendedPicker/BaseExtendedPicker.types.ts similarity index 100% rename from packages/react-internal/src/components/ExtendedPicker/BaseExtendedPicker.types.ts rename to packages/react/src/components/ExtendedPicker/BaseExtendedPicker.types.ts diff --git a/packages/react-internal/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss b/packages/react/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss similarity index 100% rename from packages/react-internal/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss rename to packages/react/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.scss diff --git a/packages/react-internal/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.tsx b/packages/react/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.tsx similarity index 100% rename from packages/react-internal/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.tsx rename to packages/react/src/components/ExtendedPicker/PeoplePicker/ExtendedPeoplePicker.tsx diff --git a/packages/react-internal/src/components/ExtendedPicker/__snapshots__/BaseExtendedPicker.test.tsx.snap b/packages/react/src/components/ExtendedPicker/__snapshots__/BaseExtendedPicker.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ExtendedPicker/__snapshots__/BaseExtendedPicker.test.tsx.snap rename to packages/react/src/components/ExtendedPicker/__snapshots__/BaseExtendedPicker.test.tsx.snap diff --git a/packages/react-internal/src/components/ExtendedPicker/index.ts b/packages/react/src/components/ExtendedPicker/index.ts similarity index 100% rename from packages/react-internal/src/components/ExtendedPicker/index.ts rename to packages/react/src/components/ExtendedPicker/index.ts diff --git a/packages/react-internal/src/components/Fabric/Fabric.base.tsx b/packages/react/src/components/Fabric/Fabric.base.tsx similarity index 100% rename from packages/react-internal/src/components/Fabric/Fabric.base.tsx rename to packages/react/src/components/Fabric/Fabric.base.tsx diff --git a/packages/react-internal/src/components/Fabric/Fabric.styles.ts b/packages/react/src/components/Fabric/Fabric.styles.ts similarity index 100% rename from packages/react-internal/src/components/Fabric/Fabric.styles.ts rename to packages/react/src/components/Fabric/Fabric.styles.ts diff --git a/packages/react-internal/src/components/Fabric/Fabric.test.tsx b/packages/react/src/components/Fabric/Fabric.test.tsx similarity index 100% rename from packages/react-internal/src/components/Fabric/Fabric.test.tsx rename to packages/react/src/components/Fabric/Fabric.test.tsx diff --git a/packages/react-internal/src/components/Fabric/Fabric.tsx b/packages/react/src/components/Fabric/Fabric.tsx similarity index 100% rename from packages/react-internal/src/components/Fabric/Fabric.tsx rename to packages/react/src/components/Fabric/Fabric.tsx diff --git a/packages/react-internal/src/components/Fabric/Fabric.types.ts b/packages/react/src/components/Fabric/Fabric.types.ts similarity index 100% rename from packages/react-internal/src/components/Fabric/Fabric.types.ts rename to packages/react/src/components/Fabric/Fabric.types.ts diff --git a/packages/react-internal/src/components/Fabric/__snapshots__/Fabric.test.tsx.snap b/packages/react/src/components/Fabric/__snapshots__/Fabric.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Fabric/__snapshots__/Fabric.test.tsx.snap rename to packages/react/src/components/Fabric/__snapshots__/Fabric.test.tsx.snap diff --git a/packages/react-internal/src/components/Fabric/index.ts b/packages/react/src/components/Fabric/index.ts similarity index 100% rename from packages/react-internal/src/components/Fabric/index.ts rename to packages/react/src/components/Fabric/index.ts diff --git a/packages/react-internal/src/components/Facepile/Facepile.base.tsx b/packages/react/src/components/Facepile/Facepile.base.tsx similarity index 100% rename from packages/react-internal/src/components/Facepile/Facepile.base.tsx rename to packages/react/src/components/Facepile/Facepile.base.tsx diff --git a/packages/react-internal/src/components/Facepile/Facepile.styles.ts b/packages/react/src/components/Facepile/Facepile.styles.ts similarity index 100% rename from packages/react-internal/src/components/Facepile/Facepile.styles.ts rename to packages/react/src/components/Facepile/Facepile.styles.ts diff --git a/packages/react-internal/src/components/Facepile/Facepile.test.tsx b/packages/react/src/components/Facepile/Facepile.test.tsx similarity index 100% rename from packages/react-internal/src/components/Facepile/Facepile.test.tsx rename to packages/react/src/components/Facepile/Facepile.test.tsx diff --git a/packages/react-internal/src/components/Facepile/Facepile.tsx b/packages/react/src/components/Facepile/Facepile.tsx similarity index 100% rename from packages/react-internal/src/components/Facepile/Facepile.tsx rename to packages/react/src/components/Facepile/Facepile.tsx diff --git a/packages/react-internal/src/components/Facepile/Facepile.types.ts b/packages/react/src/components/Facepile/Facepile.types.ts similarity index 100% rename from packages/react-internal/src/components/Facepile/Facepile.types.ts rename to packages/react/src/components/Facepile/Facepile.types.ts diff --git a/packages/react-internal/src/components/Facepile/FacepileButton.styles.ts b/packages/react/src/components/Facepile/FacepileButton.styles.ts similarity index 100% rename from packages/react-internal/src/components/Facepile/FacepileButton.styles.ts rename to packages/react/src/components/Facepile/FacepileButton.styles.ts diff --git a/packages/react-internal/src/components/Facepile/FacepileButton.tsx b/packages/react/src/components/Facepile/FacepileButton.tsx similarity index 100% rename from packages/react-internal/src/components/Facepile/FacepileButton.tsx rename to packages/react/src/components/Facepile/FacepileButton.tsx diff --git a/packages/react-internal/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap b/packages/react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap rename to packages/react/src/components/Facepile/__snapshots__/Facepile.test.tsx.snap diff --git a/packages/react-internal/src/components/Facepile/index.ts b/packages/react/src/components/Facepile/index.ts similarity index 100% rename from packages/react-internal/src/components/Facepile/index.ts rename to packages/react/src/components/Facepile/index.ts diff --git a/packages/react-internal/src/components/FloatingPicker/BaseFloatingPicker.scss b/packages/react/src/components/FloatingPicker/BaseFloatingPicker.scss similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/BaseFloatingPicker.scss rename to packages/react/src/components/FloatingPicker/BaseFloatingPicker.scss diff --git a/packages/react-internal/src/components/FloatingPicker/BaseFloatingPicker.test.tsx b/packages/react/src/components/FloatingPicker/BaseFloatingPicker.test.tsx similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/BaseFloatingPicker.test.tsx rename to packages/react/src/components/FloatingPicker/BaseFloatingPicker.test.tsx diff --git a/packages/react-internal/src/components/FloatingPicker/BaseFloatingPicker.tsx b/packages/react/src/components/FloatingPicker/BaseFloatingPicker.tsx similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/BaseFloatingPicker.tsx rename to packages/react/src/components/FloatingPicker/BaseFloatingPicker.tsx diff --git a/packages/react-internal/src/components/FloatingPicker/BaseFloatingPicker.types.ts b/packages/react/src/components/FloatingPicker/BaseFloatingPicker.types.ts similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/BaseFloatingPicker.types.ts rename to packages/react/src/components/FloatingPicker/BaseFloatingPicker.types.ts diff --git a/packages/react-internal/src/components/FloatingPicker/PeoplePicker/FloatingPeoplePicker.tsx b/packages/react/src/components/FloatingPicker/PeoplePicker/FloatingPeoplePicker.tsx similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/PeoplePicker/FloatingPeoplePicker.tsx rename to packages/react/src/components/FloatingPicker/PeoplePicker/FloatingPeoplePicker.tsx diff --git a/packages/react-internal/src/components/FloatingPicker/PeoplePicker/PeoplePicker.scss b/packages/react/src/components/FloatingPicker/PeoplePicker/PeoplePicker.scss similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/PeoplePicker/PeoplePicker.scss rename to packages/react/src/components/FloatingPicker/PeoplePicker/PeoplePicker.scss diff --git a/packages/react-internal/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss b/packages/react/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss rename to packages/react/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss diff --git a/packages/react-internal/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx b/packages/react/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx rename to packages/react/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx diff --git a/packages/react-internal/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx b/packages/react/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx rename to packages/react/src/components/FloatingPicker/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx diff --git a/packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionStore.test.tsx b/packages/react/src/components/FloatingPicker/Suggestions/SuggestionStore.test.tsx similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionStore.test.tsx rename to packages/react/src/components/FloatingPicker/Suggestions/SuggestionStore.test.tsx diff --git a/packages/react-internal/src/components/FloatingPicker/Suggestions/Suggestions.types.ts b/packages/react/src/components/FloatingPicker/Suggestions/Suggestions.types.ts similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/Suggestions/Suggestions.types.ts rename to packages/react/src/components/FloatingPicker/Suggestions/Suggestions.types.ts diff --git a/packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsControl.scss b/packages/react/src/components/FloatingPicker/Suggestions/SuggestionsControl.scss similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsControl.scss rename to packages/react/src/components/FloatingPicker/Suggestions/SuggestionsControl.scss diff --git a/packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsControl.test.tsx b/packages/react/src/components/FloatingPicker/Suggestions/SuggestionsControl.test.tsx similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsControl.test.tsx rename to packages/react/src/components/FloatingPicker/Suggestions/SuggestionsControl.test.tsx diff --git a/packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsControl.tsx b/packages/react/src/components/FloatingPicker/Suggestions/SuggestionsControl.tsx similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsControl.tsx rename to packages/react/src/components/FloatingPicker/Suggestions/SuggestionsControl.tsx diff --git a/packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsCore.scss b/packages/react/src/components/FloatingPicker/Suggestions/SuggestionsCore.scss similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsCore.scss rename to packages/react/src/components/FloatingPicker/Suggestions/SuggestionsCore.scss diff --git a/packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsCore.tsx b/packages/react/src/components/FloatingPicker/Suggestions/SuggestionsCore.tsx similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsCore.tsx rename to packages/react/src/components/FloatingPicker/Suggestions/SuggestionsCore.tsx diff --git a/packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsStore.ts b/packages/react/src/components/FloatingPicker/Suggestions/SuggestionsStore.ts similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/Suggestions/SuggestionsStore.ts rename to packages/react/src/components/FloatingPicker/Suggestions/SuggestionsStore.ts diff --git a/packages/react-internal/src/components/FloatingPicker/__snapshots__/BaseFloatingPicker.test.tsx.snap b/packages/react/src/components/FloatingPicker/__snapshots__/BaseFloatingPicker.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/__snapshots__/BaseFloatingPicker.test.tsx.snap rename to packages/react/src/components/FloatingPicker/__snapshots__/BaseFloatingPicker.test.tsx.snap diff --git a/packages/react-internal/src/components/FloatingPicker/index.ts b/packages/react/src/components/FloatingPicker/index.ts similarity index 100% rename from packages/react-internal/src/components/FloatingPicker/index.ts rename to packages/react/src/components/FloatingPicker/index.ts diff --git a/packages/react-internal/src/components/FocusTrapZone/FocusTrapZone.test.tsx b/packages/react/src/components/FocusTrapZone/FocusTrapZone.test.tsx similarity index 100% rename from packages/react-internal/src/components/FocusTrapZone/FocusTrapZone.test.tsx rename to packages/react/src/components/FocusTrapZone/FocusTrapZone.test.tsx diff --git a/packages/react-internal/src/components/FocusTrapZone/FocusTrapZone.tsx b/packages/react/src/components/FocusTrapZone/FocusTrapZone.tsx similarity index 100% rename from packages/react-internal/src/components/FocusTrapZone/FocusTrapZone.tsx rename to packages/react/src/components/FocusTrapZone/FocusTrapZone.tsx diff --git a/packages/react-internal/src/components/FocusTrapZone/FocusTrapZone.types.ts b/packages/react/src/components/FocusTrapZone/FocusTrapZone.types.ts similarity index 100% rename from packages/react-internal/src/components/FocusTrapZone/FocusTrapZone.types.ts rename to packages/react/src/components/FocusTrapZone/FocusTrapZone.types.ts diff --git a/packages/react-internal/src/components/FocusTrapZone/index.ts b/packages/react/src/components/FocusTrapZone/index.ts similarity index 100% rename from packages/react-internal/src/components/FocusTrapZone/index.ts rename to packages/react/src/components/FocusTrapZone/index.ts diff --git a/packages/react/src/components/GroupedList/GroupedList.types.ts b/packages/react/src/components/GroupedList/GroupedList.types.ts index 48c07166dbebdb..b4bb749f1e2079 100644 --- a/packages/react/src/components/GroupedList/GroupedList.types.ts +++ b/packages/react/src/components/GroupedList/GroupedList.types.ts @@ -5,7 +5,7 @@ import { IFocusZoneProps } from '../../FocusZone'; import { IRefObject, IRenderFunction } from '../../Utilities'; import { IDragDropContext, IDragDropEvents, IDragDropHelper } from '../../DragDrop'; import { ISelection, SelectionMode } from '../../Selection'; -import { IViewport } from '@fluentui/react-internal/lib/utilities/decorators/withViewport'; +import { IViewport } from '../../utilities/decorators/withViewport'; import { ITheme, IStyle } from '../../Styling'; import { IStyleFunctionOrObject } from '../../Utilities'; import { IGroupHeaderProps } from './GroupHeader.types'; diff --git a/packages/react/src/components/GroupedList/GroupedListSection.tsx b/packages/react/src/components/GroupedList/GroupedListSection.tsx index 321221686efa03..481f354183de2c 100644 --- a/packages/react/src/components/GroupedList/GroupedListSection.tsx +++ b/packages/react/src/components/GroupedList/GroupedListSection.tsx @@ -16,7 +16,7 @@ import { GroupShowAll } from './GroupShowAll'; import { GroupFooter } from './GroupFooter'; import { List, IListProps } from '../../List'; -import { IViewport } from '@fluentui/react-internal/lib/utilities/decorators/withViewport'; +import { IViewport } from '../../utilities/decorators/withViewport'; export interface IGroupedListSectionProps extends React.ClassAttributes { /** GroupedList resolved class names */ diff --git a/packages/react-internal/src/components/HoverCard/BaseCard.types.ts b/packages/react/src/components/HoverCard/BaseCard.types.ts similarity index 100% rename from packages/react-internal/src/components/HoverCard/BaseCard.types.ts rename to packages/react/src/components/HoverCard/BaseCard.types.ts diff --git a/packages/react-internal/src/components/HoverCard/CardCallout/CardCallout.tsx b/packages/react/src/components/HoverCard/CardCallout/CardCallout.tsx similarity index 100% rename from packages/react-internal/src/components/HoverCard/CardCallout/CardCallout.tsx rename to packages/react/src/components/HoverCard/CardCallout/CardCallout.tsx diff --git a/packages/react-internal/src/components/HoverCard/ExpandingCard.base.tsx b/packages/react/src/components/HoverCard/ExpandingCard.base.tsx similarity index 100% rename from packages/react-internal/src/components/HoverCard/ExpandingCard.base.tsx rename to packages/react/src/components/HoverCard/ExpandingCard.base.tsx diff --git a/packages/react-internal/src/components/HoverCard/ExpandingCard.styles.ts b/packages/react/src/components/HoverCard/ExpandingCard.styles.ts similarity index 100% rename from packages/react-internal/src/components/HoverCard/ExpandingCard.styles.ts rename to packages/react/src/components/HoverCard/ExpandingCard.styles.ts diff --git a/packages/react-internal/src/components/HoverCard/ExpandingCard.ts b/packages/react/src/components/HoverCard/ExpandingCard.ts similarity index 100% rename from packages/react-internal/src/components/HoverCard/ExpandingCard.ts rename to packages/react/src/components/HoverCard/ExpandingCard.ts diff --git a/packages/react-internal/src/components/HoverCard/ExpandingCard.types.ts b/packages/react/src/components/HoverCard/ExpandingCard.types.ts similarity index 100% rename from packages/react-internal/src/components/HoverCard/ExpandingCard.types.ts rename to packages/react/src/components/HoverCard/ExpandingCard.types.ts diff --git a/packages/react-internal/src/components/HoverCard/HoverCard.base.tsx b/packages/react/src/components/HoverCard/HoverCard.base.tsx similarity index 100% rename from packages/react-internal/src/components/HoverCard/HoverCard.base.tsx rename to packages/react/src/components/HoverCard/HoverCard.base.tsx diff --git a/packages/react-internal/src/components/HoverCard/HoverCard.styles.ts b/packages/react/src/components/HoverCard/HoverCard.styles.ts similarity index 100% rename from packages/react-internal/src/components/HoverCard/HoverCard.styles.ts rename to packages/react/src/components/HoverCard/HoverCard.styles.ts diff --git a/packages/react-internal/src/components/HoverCard/HoverCard.test.tsx b/packages/react/src/components/HoverCard/HoverCard.test.tsx similarity index 100% rename from packages/react-internal/src/components/HoverCard/HoverCard.test.tsx rename to packages/react/src/components/HoverCard/HoverCard.test.tsx diff --git a/packages/react-internal/src/components/HoverCard/HoverCard.ts b/packages/react/src/components/HoverCard/HoverCard.ts similarity index 100% rename from packages/react-internal/src/components/HoverCard/HoverCard.ts rename to packages/react/src/components/HoverCard/HoverCard.ts diff --git a/packages/react-internal/src/components/HoverCard/HoverCard.types.ts b/packages/react/src/components/HoverCard/HoverCard.types.ts similarity index 100% rename from packages/react-internal/src/components/HoverCard/HoverCard.types.ts rename to packages/react/src/components/HoverCard/HoverCard.types.ts diff --git a/packages/react-internal/src/components/HoverCard/PlainCard/PlainCard.base.tsx b/packages/react/src/components/HoverCard/PlainCard/PlainCard.base.tsx similarity index 100% rename from packages/react-internal/src/components/HoverCard/PlainCard/PlainCard.base.tsx rename to packages/react/src/components/HoverCard/PlainCard/PlainCard.base.tsx diff --git a/packages/react-internal/src/components/HoverCard/PlainCard/PlainCard.styles.ts b/packages/react/src/components/HoverCard/PlainCard/PlainCard.styles.ts similarity index 100% rename from packages/react-internal/src/components/HoverCard/PlainCard/PlainCard.styles.ts rename to packages/react/src/components/HoverCard/PlainCard/PlainCard.styles.ts diff --git a/packages/react-internal/src/components/HoverCard/PlainCard/PlainCard.ts b/packages/react/src/components/HoverCard/PlainCard/PlainCard.ts similarity index 100% rename from packages/react-internal/src/components/HoverCard/PlainCard/PlainCard.ts rename to packages/react/src/components/HoverCard/PlainCard/PlainCard.ts diff --git a/packages/react-internal/src/components/HoverCard/PlainCard/PlainCard.types.ts b/packages/react/src/components/HoverCard/PlainCard/PlainCard.types.ts similarity index 100% rename from packages/react-internal/src/components/HoverCard/PlainCard/PlainCard.types.ts rename to packages/react/src/components/HoverCard/PlainCard/PlainCard.types.ts diff --git a/packages/react-internal/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap b/packages/react/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap rename to packages/react/src/components/HoverCard/__snapshots__/HoverCard.test.tsx.snap diff --git a/packages/react-internal/src/components/HoverCard/index.ts b/packages/react/src/components/HoverCard/index.ts similarity index 100% rename from packages/react-internal/src/components/HoverCard/index.ts rename to packages/react/src/components/HoverCard/index.ts diff --git a/packages/react-internal/src/components/Icon/FontIcon.test.tsx b/packages/react/src/components/Icon/FontIcon.test.tsx similarity index 100% rename from packages/react-internal/src/components/Icon/FontIcon.test.tsx rename to packages/react/src/components/Icon/FontIcon.test.tsx diff --git a/packages/react-internal/src/components/Icon/FontIcon.tsx b/packages/react/src/components/Icon/FontIcon.tsx similarity index 100% rename from packages/react-internal/src/components/Icon/FontIcon.tsx rename to packages/react/src/components/Icon/FontIcon.tsx diff --git a/packages/react-internal/src/components/Icon/Icon.base.tsx b/packages/react/src/components/Icon/Icon.base.tsx similarity index 100% rename from packages/react-internal/src/components/Icon/Icon.base.tsx rename to packages/react/src/components/Icon/Icon.base.tsx diff --git a/packages/react-internal/src/components/Icon/Icon.styles.ts b/packages/react/src/components/Icon/Icon.styles.ts similarity index 100% rename from packages/react-internal/src/components/Icon/Icon.styles.ts rename to packages/react/src/components/Icon/Icon.styles.ts diff --git a/packages/react-internal/src/components/Icon/Icon.test.tsx b/packages/react/src/components/Icon/Icon.test.tsx similarity index 100% rename from packages/react-internal/src/components/Icon/Icon.test.tsx rename to packages/react/src/components/Icon/Icon.test.tsx diff --git a/packages/react-internal/src/components/Icon/Icon.tsx b/packages/react/src/components/Icon/Icon.tsx similarity index 100% rename from packages/react-internal/src/components/Icon/Icon.tsx rename to packages/react/src/components/Icon/Icon.tsx diff --git a/packages/react-internal/src/components/Icon/Icon.types.ts b/packages/react/src/components/Icon/Icon.types.ts similarity index 100% rename from packages/react-internal/src/components/Icon/Icon.types.ts rename to packages/react/src/components/Icon/Icon.types.ts diff --git a/packages/react-internal/src/components/Icon/ImageIcon.tsx b/packages/react/src/components/Icon/ImageIcon.tsx similarity index 100% rename from packages/react-internal/src/components/Icon/ImageIcon.tsx rename to packages/react/src/components/Icon/ImageIcon.tsx diff --git a/packages/react-internal/src/components/Icon/__snapshots__/FontIcon.test.tsx.snap b/packages/react/src/components/Icon/__snapshots__/FontIcon.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Icon/__snapshots__/FontIcon.test.tsx.snap rename to packages/react/src/components/Icon/__snapshots__/FontIcon.test.tsx.snap diff --git a/packages/react-internal/src/components/Icon/__snapshots__/Icon.test.tsx.snap b/packages/react/src/components/Icon/__snapshots__/Icon.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Icon/__snapshots__/Icon.test.tsx.snap rename to packages/react/src/components/Icon/__snapshots__/Icon.test.tsx.snap diff --git a/packages/react-internal/src/components/Icon/index.ts b/packages/react/src/components/Icon/index.ts similarity index 100% rename from packages/react-internal/src/components/Icon/index.ts rename to packages/react/src/components/Icon/index.ts diff --git a/packages/react-internal/src/components/Image/Image.base.tsx b/packages/react/src/components/Image/Image.base.tsx similarity index 100% rename from packages/react-internal/src/components/Image/Image.base.tsx rename to packages/react/src/components/Image/Image.base.tsx diff --git a/packages/react-internal/src/components/Image/Image.styles.ts b/packages/react/src/components/Image/Image.styles.ts similarity index 100% rename from packages/react-internal/src/components/Image/Image.styles.ts rename to packages/react/src/components/Image/Image.styles.ts diff --git a/packages/react-internal/src/components/Image/Image.test.tsx b/packages/react/src/components/Image/Image.test.tsx similarity index 100% rename from packages/react-internal/src/components/Image/Image.test.tsx rename to packages/react/src/components/Image/Image.test.tsx diff --git a/packages/react-internal/src/components/Image/Image.tsx b/packages/react/src/components/Image/Image.tsx similarity index 100% rename from packages/react-internal/src/components/Image/Image.tsx rename to packages/react/src/components/Image/Image.tsx diff --git a/packages/react-internal/src/components/Image/Image.types.ts b/packages/react/src/components/Image/Image.types.ts similarity index 100% rename from packages/react-internal/src/components/Image/Image.types.ts rename to packages/react/src/components/Image/Image.types.ts diff --git a/packages/react-internal/src/components/Image/__snapshots__/Image.test.tsx.snap b/packages/react/src/components/Image/__snapshots__/Image.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Image/__snapshots__/Image.test.tsx.snap rename to packages/react/src/components/Image/__snapshots__/Image.test.tsx.snap diff --git a/packages/react-internal/src/components/Image/index.ts b/packages/react/src/components/Image/index.ts similarity index 100% rename from packages/react-internal/src/components/Image/index.ts rename to packages/react/src/components/Image/index.ts diff --git a/packages/react-internal/src/components/Keytip/Keytip.styles.ts b/packages/react/src/components/Keytip/Keytip.styles.ts similarity index 100% rename from packages/react-internal/src/components/Keytip/Keytip.styles.ts rename to packages/react/src/components/Keytip/Keytip.styles.ts diff --git a/packages/react-internal/src/components/Keytip/Keytip.tsx b/packages/react/src/components/Keytip/Keytip.tsx similarity index 100% rename from packages/react-internal/src/components/Keytip/Keytip.tsx rename to packages/react/src/components/Keytip/Keytip.tsx diff --git a/packages/react-internal/src/components/Keytip/Keytip.types.ts b/packages/react/src/components/Keytip/Keytip.types.ts similarity index 100% rename from packages/react-internal/src/components/Keytip/Keytip.types.ts rename to packages/react/src/components/Keytip/Keytip.types.ts diff --git a/packages/react-internal/src/components/Keytip/KeytipContent.base.tsx b/packages/react/src/components/Keytip/KeytipContent.base.tsx similarity index 100% rename from packages/react-internal/src/components/Keytip/KeytipContent.base.tsx rename to packages/react/src/components/Keytip/KeytipContent.base.tsx diff --git a/packages/react-internal/src/components/Keytip/KeytipContent.test.tsx b/packages/react/src/components/Keytip/KeytipContent.test.tsx similarity index 100% rename from packages/react-internal/src/components/Keytip/KeytipContent.test.tsx rename to packages/react/src/components/Keytip/KeytipContent.test.tsx diff --git a/packages/react-internal/src/components/Keytip/KeytipContent.tsx b/packages/react/src/components/Keytip/KeytipContent.tsx similarity index 100% rename from packages/react-internal/src/components/Keytip/KeytipContent.tsx rename to packages/react/src/components/Keytip/KeytipContent.tsx diff --git a/packages/react-internal/src/components/Keytip/__snapshots__/KeytipContent.test.tsx.snap b/packages/react/src/components/Keytip/__snapshots__/KeytipContent.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Keytip/__snapshots__/KeytipContent.test.tsx.snap rename to packages/react/src/components/Keytip/__snapshots__/KeytipContent.test.tsx.snap diff --git a/packages/react-internal/src/components/Keytip/index.ts b/packages/react/src/components/Keytip/index.ts similarity index 100% rename from packages/react-internal/src/components/Keytip/index.ts rename to packages/react/src/components/Keytip/index.ts diff --git a/packages/react-internal/src/components/KeytipData/KeytipData.tsx b/packages/react/src/components/KeytipData/KeytipData.tsx similarity index 100% rename from packages/react-internal/src/components/KeytipData/KeytipData.tsx rename to packages/react/src/components/KeytipData/KeytipData.tsx diff --git a/packages/react-internal/src/components/KeytipData/KeytipData.types.ts b/packages/react/src/components/KeytipData/KeytipData.types.ts similarity index 100% rename from packages/react-internal/src/components/KeytipData/KeytipData.types.ts rename to packages/react/src/components/KeytipData/KeytipData.types.ts diff --git a/packages/react-internal/src/components/KeytipData/index.ts b/packages/react/src/components/KeytipData/index.ts similarity index 100% rename from packages/react-internal/src/components/KeytipData/index.ts rename to packages/react/src/components/KeytipData/index.ts diff --git a/packages/react-internal/src/components/KeytipData/useKeytipData.test.tsx b/packages/react/src/components/KeytipData/useKeytipData.test.tsx similarity index 100% rename from packages/react-internal/src/components/KeytipData/useKeytipData.test.tsx rename to packages/react/src/components/KeytipData/useKeytipData.test.tsx diff --git a/packages/react-internal/src/components/KeytipData/useKeytipData.ts b/packages/react/src/components/KeytipData/useKeytipData.ts similarity index 100% rename from packages/react-internal/src/components/KeytipData/useKeytipData.ts rename to packages/react/src/components/KeytipData/useKeytipData.ts diff --git a/packages/react-internal/src/components/KeytipData/useKeytipRef.test.ts b/packages/react/src/components/KeytipData/useKeytipRef.test.ts similarity index 100% rename from packages/react-internal/src/components/KeytipData/useKeytipRef.test.ts rename to packages/react/src/components/KeytipData/useKeytipRef.test.ts diff --git a/packages/react-internal/src/components/KeytipData/useKeytipRef.ts b/packages/react/src/components/KeytipData/useKeytipRef.ts similarity index 100% rename from packages/react-internal/src/components/KeytipData/useKeytipRef.ts rename to packages/react/src/components/KeytipData/useKeytipRef.ts diff --git a/packages/react-internal/src/components/KeytipLayer/IKeytipTreeNode.ts b/packages/react/src/components/KeytipLayer/IKeytipTreeNode.ts similarity index 100% rename from packages/react-internal/src/components/KeytipLayer/IKeytipTreeNode.ts rename to packages/react/src/components/KeytipLayer/IKeytipTreeNode.ts diff --git a/packages/react-internal/src/components/KeytipLayer/KeytipLayer.base.tsx b/packages/react/src/components/KeytipLayer/KeytipLayer.base.tsx similarity index 100% rename from packages/react-internal/src/components/KeytipLayer/KeytipLayer.base.tsx rename to packages/react/src/components/KeytipLayer/KeytipLayer.base.tsx diff --git a/packages/react-internal/src/components/KeytipLayer/KeytipLayer.styles.ts b/packages/react/src/components/KeytipLayer/KeytipLayer.styles.ts similarity index 100% rename from packages/react-internal/src/components/KeytipLayer/KeytipLayer.styles.ts rename to packages/react/src/components/KeytipLayer/KeytipLayer.styles.ts diff --git a/packages/react-internal/src/components/KeytipLayer/KeytipLayer.test.tsx b/packages/react/src/components/KeytipLayer/KeytipLayer.test.tsx similarity index 100% rename from packages/react-internal/src/components/KeytipLayer/KeytipLayer.test.tsx rename to packages/react/src/components/KeytipLayer/KeytipLayer.test.tsx diff --git a/packages/react-internal/src/components/KeytipLayer/KeytipLayer.tsx b/packages/react/src/components/KeytipLayer/KeytipLayer.tsx similarity index 100% rename from packages/react-internal/src/components/KeytipLayer/KeytipLayer.tsx rename to packages/react/src/components/KeytipLayer/KeytipLayer.tsx diff --git a/packages/react-internal/src/components/KeytipLayer/KeytipLayer.types.ts b/packages/react/src/components/KeytipLayer/KeytipLayer.types.ts similarity index 100% rename from packages/react-internal/src/components/KeytipLayer/KeytipLayer.types.ts rename to packages/react/src/components/KeytipLayer/KeytipLayer.types.ts diff --git a/packages/react-internal/src/components/KeytipLayer/KeytipTree.test.tsx b/packages/react/src/components/KeytipLayer/KeytipTree.test.tsx similarity index 100% rename from packages/react-internal/src/components/KeytipLayer/KeytipTree.test.tsx rename to packages/react/src/components/KeytipLayer/KeytipTree.test.tsx diff --git a/packages/react-internal/src/components/KeytipLayer/KeytipTree.ts b/packages/react/src/components/KeytipLayer/KeytipTree.ts similarity index 100% rename from packages/react-internal/src/components/KeytipLayer/KeytipTree.ts rename to packages/react/src/components/KeytipLayer/KeytipTree.ts diff --git a/packages/react-internal/src/components/KeytipLayer/index.ts b/packages/react/src/components/KeytipLayer/index.ts similarity index 100% rename from packages/react-internal/src/components/KeytipLayer/index.ts rename to packages/react/src/components/KeytipLayer/index.ts diff --git a/packages/react-internal/src/components/Label/Label.base.tsx b/packages/react/src/components/Label/Label.base.tsx similarity index 100% rename from packages/react-internal/src/components/Label/Label.base.tsx rename to packages/react/src/components/Label/Label.base.tsx diff --git a/packages/react-internal/src/components/Label/Label.styles.ts b/packages/react/src/components/Label/Label.styles.ts similarity index 100% rename from packages/react-internal/src/components/Label/Label.styles.ts rename to packages/react/src/components/Label/Label.styles.ts diff --git a/packages/react-internal/src/components/Label/Label.test.tsx b/packages/react/src/components/Label/Label.test.tsx similarity index 100% rename from packages/react-internal/src/components/Label/Label.test.tsx rename to packages/react/src/components/Label/Label.test.tsx diff --git a/packages/react-internal/src/components/Label/Label.tsx b/packages/react/src/components/Label/Label.tsx similarity index 100% rename from packages/react-internal/src/components/Label/Label.tsx rename to packages/react/src/components/Label/Label.tsx diff --git a/packages/react-internal/src/components/Label/Label.types.ts b/packages/react/src/components/Label/Label.types.ts similarity index 100% rename from packages/react-internal/src/components/Label/Label.types.ts rename to packages/react/src/components/Label/Label.types.ts diff --git a/packages/react-internal/src/components/Label/LabelMixins.scss b/packages/react/src/components/Label/LabelMixins.scss similarity index 100% rename from packages/react-internal/src/components/Label/LabelMixins.scss rename to packages/react/src/components/Label/LabelMixins.scss diff --git a/packages/react-internal/src/components/Label/__snapshots__/Label.test.tsx.snap b/packages/react/src/components/Label/__snapshots__/Label.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Label/__snapshots__/Label.test.tsx.snap rename to packages/react/src/components/Label/__snapshots__/Label.test.tsx.snap diff --git a/packages/react-internal/src/components/Label/index.ts b/packages/react/src/components/Label/index.ts similarity index 100% rename from packages/react-internal/src/components/Label/index.ts rename to packages/react/src/components/Label/index.ts diff --git a/packages/react-internal/src/components/Layer/Layer.base.tsx b/packages/react/src/components/Layer/Layer.base.tsx similarity index 100% rename from packages/react-internal/src/components/Layer/Layer.base.tsx rename to packages/react/src/components/Layer/Layer.base.tsx diff --git a/packages/react-internal/src/components/Layer/Layer.notification.ts b/packages/react/src/components/Layer/Layer.notification.ts similarity index 100% rename from packages/react-internal/src/components/Layer/Layer.notification.ts rename to packages/react/src/components/Layer/Layer.notification.ts diff --git a/packages/react-internal/src/components/Layer/Layer.styles.ts b/packages/react/src/components/Layer/Layer.styles.ts similarity index 100% rename from packages/react-internal/src/components/Layer/Layer.styles.ts rename to packages/react/src/components/Layer/Layer.styles.ts diff --git a/packages/react-internal/src/components/Layer/Layer.test.tsx b/packages/react/src/components/Layer/Layer.test.tsx similarity index 100% rename from packages/react-internal/src/components/Layer/Layer.test.tsx rename to packages/react/src/components/Layer/Layer.test.tsx diff --git a/packages/react-internal/src/components/Layer/Layer.tsx b/packages/react/src/components/Layer/Layer.tsx similarity index 100% rename from packages/react-internal/src/components/Layer/Layer.tsx rename to packages/react/src/components/Layer/Layer.tsx diff --git a/packages/react-internal/src/components/Layer/Layer.types.ts b/packages/react/src/components/Layer/Layer.types.ts similarity index 100% rename from packages/react-internal/src/components/Layer/Layer.types.ts rename to packages/react/src/components/Layer/Layer.types.ts diff --git a/packages/react-internal/src/components/Layer/LayerHost.tsx b/packages/react/src/components/Layer/LayerHost.tsx similarity index 100% rename from packages/react-internal/src/components/Layer/LayerHost.tsx rename to packages/react/src/components/Layer/LayerHost.tsx diff --git a/packages/react-internal/src/components/Layer/LayerHost.types.ts b/packages/react/src/components/Layer/LayerHost.types.ts similarity index 100% rename from packages/react-internal/src/components/Layer/LayerHost.types.ts rename to packages/react/src/components/Layer/LayerHost.types.ts diff --git a/packages/react-internal/src/components/Layer/__snapshots__/Layer.test.tsx.snap b/packages/react/src/components/Layer/__snapshots__/Layer.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Layer/__snapshots__/Layer.test.tsx.snap rename to packages/react/src/components/Layer/__snapshots__/Layer.test.tsx.snap diff --git a/packages/react-internal/src/components/Layer/index.ts b/packages/react/src/components/Layer/index.ts similarity index 100% rename from packages/react-internal/src/components/Layer/index.ts rename to packages/react/src/components/Layer/index.ts diff --git a/packages/react-internal/src/components/Link/Link.base.tsx b/packages/react/src/components/Link/Link.base.tsx similarity index 100% rename from packages/react-internal/src/components/Link/Link.base.tsx rename to packages/react/src/components/Link/Link.base.tsx diff --git a/packages/react-internal/src/components/Link/Link.styles.ts b/packages/react/src/components/Link/Link.styles.ts similarity index 100% rename from packages/react-internal/src/components/Link/Link.styles.ts rename to packages/react/src/components/Link/Link.styles.ts diff --git a/packages/react-internal/src/components/Link/Link.test.tsx b/packages/react/src/components/Link/Link.test.tsx similarity index 100% rename from packages/react-internal/src/components/Link/Link.test.tsx rename to packages/react/src/components/Link/Link.test.tsx diff --git a/packages/react-internal/src/components/Link/Link.tsx b/packages/react/src/components/Link/Link.tsx similarity index 100% rename from packages/react-internal/src/components/Link/Link.tsx rename to packages/react/src/components/Link/Link.tsx diff --git a/packages/react-internal/src/components/Link/Link.types.ts b/packages/react/src/components/Link/Link.types.ts similarity index 93% rename from packages/react-internal/src/components/Link/Link.types.ts rename to packages/react/src/components/Link/Link.types.ts index d623d7079b1d3c..7cc24f33e0f679 100644 --- a/packages/react-internal/src/components/Link/Link.types.ts +++ b/packages/react/src/components/Link/Link.types.ts @@ -1,5 +1,3 @@ -/* eslint-disable @typescript-eslint/naming-convention */ - import * as React from 'react'; import { IStyle, ITheme } from '@fluentui/style-utilities'; import { IRefObject, IStyleFunctionOrObject } from '@fluentui/utilities'; @@ -20,7 +18,6 @@ export interface ILinkHTMLAttributes extends React.HTMLAttributes { type?: string; // Anchor - // eslint-disable-next-line @typescript-eslint/no-explicit-any download?: any; href?: string; hrefLang?: string; @@ -41,7 +38,6 @@ export interface ILinkHTMLAttributes extends React.HTMLAttributes { value?: string | string[] | number; /** Any other props for HTMLElements or a React component passed to `as` */ - // eslint-disable-next-line @typescript-eslint/no-explicit-any [key: string]: any; } @@ -117,7 +113,6 @@ export interface ILinkProps underline?: boolean; /** Any other props for elements or a React component passed to `as` */ - // eslint-disable-next-line @typescript-eslint/no-explicit-any [key: string]: any; } diff --git a/packages/react-internal/src/components/Link/__snapshots__/Link.test.tsx.snap b/packages/react/src/components/Link/__snapshots__/Link.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Link/__snapshots__/Link.test.tsx.snap rename to packages/react/src/components/Link/__snapshots__/Link.test.tsx.snap diff --git a/packages/react-internal/src/components/Link/index.ts b/packages/react/src/components/Link/index.ts similarity index 100% rename from packages/react-internal/src/components/Link/index.ts rename to packages/react/src/components/Link/index.ts diff --git a/packages/react-internal/src/components/Link/useLink.ts b/packages/react/src/components/Link/useLink.ts similarity index 95% rename from packages/react-internal/src/components/Link/useLink.ts rename to packages/react/src/components/Link/useLink.ts index 685390a6558faf..4806cbc8ba2e72 100644 --- a/packages/react-internal/src/components/Link/useLink.ts +++ b/packages/react/src/components/Link/useLink.ts @@ -9,7 +9,6 @@ const getClassNames = classNamesFunction(); * The useLink hook processes the Link component props and returns * state, slots and slotProps for consumption by the component. */ -// eslint-disable-next-line @typescript-eslint/no-explicit-any export const useLink = (props: ILinkProps, forwardedRef: React.Ref): any => { const { as, className, disabled, href, onClick, styles, theme, underline } = props; const rootRef = React.useRef(null); @@ -67,7 +66,6 @@ const useComponentRef = (props: ILinkProps, link: React.RefObject) => { const adjustPropsForRootType = ( RootType: string | React.ComponentClass | React.FunctionComponent, - // eslint-disable-next-line @typescript-eslint/no-explicit-any props: ILinkProps & { getStyles?: any }, ): Partial => { // Deconstruct the props so we remove props like `as`, `theme` and `styles` diff --git a/packages/react-internal/src/components/List/List.test.tsx b/packages/react/src/components/List/List.test.tsx similarity index 100% rename from packages/react-internal/src/components/List/List.test.tsx rename to packages/react/src/components/List/List.test.tsx diff --git a/packages/react-internal/src/components/List/List.tsx b/packages/react/src/components/List/List.tsx similarity index 100% rename from packages/react-internal/src/components/List/List.tsx rename to packages/react/src/components/List/List.tsx diff --git a/packages/react-internal/src/components/List/List.types.ts b/packages/react/src/components/List/List.types.ts similarity index 100% rename from packages/react-internal/src/components/List/List.types.ts rename to packages/react/src/components/List/List.types.ts diff --git a/packages/react-internal/src/components/List/__snapshots__/List.test.tsx.snap b/packages/react/src/components/List/__snapshots__/List.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/List/__snapshots__/List.test.tsx.snap rename to packages/react/src/components/List/__snapshots__/List.test.tsx.snap diff --git a/packages/react-internal/src/components/List/index.ts b/packages/react/src/components/List/index.ts similarity index 100% rename from packages/react-internal/src/components/List/index.ts rename to packages/react/src/components/List/index.ts diff --git a/packages/react-internal/src/components/MarqueeSelection/MarqueeSelection.base.tsx b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx similarity index 100% rename from packages/react-internal/src/components/MarqueeSelection/MarqueeSelection.base.tsx rename to packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx diff --git a/packages/react-internal/src/components/MarqueeSelection/MarqueeSelection.styles.tsx b/packages/react/src/components/MarqueeSelection/MarqueeSelection.styles.tsx similarity index 100% rename from packages/react-internal/src/components/MarqueeSelection/MarqueeSelection.styles.tsx rename to packages/react/src/components/MarqueeSelection/MarqueeSelection.styles.tsx diff --git a/packages/react-internal/src/components/MarqueeSelection/MarqueeSelection.test.tsx b/packages/react/src/components/MarqueeSelection/MarqueeSelection.test.tsx similarity index 100% rename from packages/react-internal/src/components/MarqueeSelection/MarqueeSelection.test.tsx rename to packages/react/src/components/MarqueeSelection/MarqueeSelection.test.tsx diff --git a/packages/react-internal/src/components/MarqueeSelection/MarqueeSelection.tsx b/packages/react/src/components/MarqueeSelection/MarqueeSelection.tsx similarity index 100% rename from packages/react-internal/src/components/MarqueeSelection/MarqueeSelection.tsx rename to packages/react/src/components/MarqueeSelection/MarqueeSelection.tsx diff --git a/packages/react-internal/src/components/MarqueeSelection/MarqueeSelection.types.ts b/packages/react/src/components/MarqueeSelection/MarqueeSelection.types.ts similarity index 100% rename from packages/react-internal/src/components/MarqueeSelection/MarqueeSelection.types.ts rename to packages/react/src/components/MarqueeSelection/MarqueeSelection.types.ts diff --git a/packages/react-internal/src/components/MarqueeSelection/__snapshots__/MarqueeSelection.test.tsx.snap b/packages/react/src/components/MarqueeSelection/__snapshots__/MarqueeSelection.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/MarqueeSelection/__snapshots__/MarqueeSelection.test.tsx.snap rename to packages/react/src/components/MarqueeSelection/__snapshots__/MarqueeSelection.test.tsx.snap diff --git a/packages/react-internal/src/components/MessageBar/MessageBar.base.tsx b/packages/react/src/components/MessageBar/MessageBar.base.tsx similarity index 100% rename from packages/react-internal/src/components/MessageBar/MessageBar.base.tsx rename to packages/react/src/components/MessageBar/MessageBar.base.tsx diff --git a/packages/react-internal/src/components/MessageBar/MessageBar.styles.ts b/packages/react/src/components/MessageBar/MessageBar.styles.ts similarity index 100% rename from packages/react-internal/src/components/MessageBar/MessageBar.styles.ts rename to packages/react/src/components/MessageBar/MessageBar.styles.ts diff --git a/packages/react-internal/src/components/MessageBar/MessageBar.test.tsx b/packages/react/src/components/MessageBar/MessageBar.test.tsx similarity index 100% rename from packages/react-internal/src/components/MessageBar/MessageBar.test.tsx rename to packages/react/src/components/MessageBar/MessageBar.test.tsx diff --git a/packages/react-internal/src/components/MessageBar/MessageBar.tsx b/packages/react/src/components/MessageBar/MessageBar.tsx similarity index 100% rename from packages/react-internal/src/components/MessageBar/MessageBar.tsx rename to packages/react/src/components/MessageBar/MessageBar.tsx diff --git a/packages/react-internal/src/components/MessageBar/MessageBar.types.ts b/packages/react/src/components/MessageBar/MessageBar.types.ts similarity index 100% rename from packages/react-internal/src/components/MessageBar/MessageBar.types.ts rename to packages/react/src/components/MessageBar/MessageBar.types.ts diff --git a/packages/react-internal/src/components/MessageBar/__snapshots__/MessageBar.test.tsx.snap b/packages/react/src/components/MessageBar/__snapshots__/MessageBar.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/MessageBar/__snapshots__/MessageBar.test.tsx.snap rename to packages/react/src/components/MessageBar/__snapshots__/MessageBar.test.tsx.snap diff --git a/packages/react-internal/src/components/MessageBar/index.ts b/packages/react/src/components/MessageBar/index.ts similarity index 100% rename from packages/react-internal/src/components/MessageBar/index.ts rename to packages/react/src/components/MessageBar/index.ts diff --git a/packages/react-internal/src/components/Modal/Modal.base.tsx b/packages/react/src/components/Modal/Modal.base.tsx similarity index 100% rename from packages/react-internal/src/components/Modal/Modal.base.tsx rename to packages/react/src/components/Modal/Modal.base.tsx diff --git a/packages/react-internal/src/components/Modal/Modal.styles.ts b/packages/react/src/components/Modal/Modal.styles.ts similarity index 100% rename from packages/react-internal/src/components/Modal/Modal.styles.ts rename to packages/react/src/components/Modal/Modal.styles.ts diff --git a/packages/react-internal/src/components/Modal/Modal.test.tsx b/packages/react/src/components/Modal/Modal.test.tsx similarity index 100% rename from packages/react-internal/src/components/Modal/Modal.test.tsx rename to packages/react/src/components/Modal/Modal.test.tsx diff --git a/packages/react-internal/src/components/Modal/Modal.ts b/packages/react/src/components/Modal/Modal.ts similarity index 100% rename from packages/react-internal/src/components/Modal/Modal.ts rename to packages/react/src/components/Modal/Modal.ts diff --git a/packages/react-internal/src/components/Modal/Modal.types.ts b/packages/react/src/components/Modal/Modal.types.ts similarity index 100% rename from packages/react-internal/src/components/Modal/Modal.types.ts rename to packages/react/src/components/Modal/Modal.types.ts diff --git a/packages/react-internal/src/components/Modal/__snapshots__/Modal.test.tsx.snap b/packages/react/src/components/Modal/__snapshots__/Modal.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Modal/__snapshots__/Modal.test.tsx.snap rename to packages/react/src/components/Modal/__snapshots__/Modal.test.tsx.snap diff --git a/packages/react-internal/src/components/Modal/index.ts b/packages/react/src/components/Modal/index.ts similarity index 100% rename from packages/react-internal/src/components/Modal/index.ts rename to packages/react/src/components/Modal/index.ts diff --git a/packages/react-internal/src/components/Nav/Nav.base.tsx b/packages/react/src/components/Nav/Nav.base.tsx similarity index 100% rename from packages/react-internal/src/components/Nav/Nav.base.tsx rename to packages/react/src/components/Nav/Nav.base.tsx diff --git a/packages/react-internal/src/components/Nav/Nav.styles.ts b/packages/react/src/components/Nav/Nav.styles.ts similarity index 100% rename from packages/react-internal/src/components/Nav/Nav.styles.ts rename to packages/react/src/components/Nav/Nav.styles.ts diff --git a/packages/react-internal/src/components/Nav/Nav.test.tsx b/packages/react/src/components/Nav/Nav.test.tsx similarity index 100% rename from packages/react-internal/src/components/Nav/Nav.test.tsx rename to packages/react/src/components/Nav/Nav.test.tsx diff --git a/packages/react-internal/src/components/Nav/Nav.tsx b/packages/react/src/components/Nav/Nav.tsx similarity index 100% rename from packages/react-internal/src/components/Nav/Nav.tsx rename to packages/react/src/components/Nav/Nav.tsx diff --git a/packages/react-internal/src/components/Nav/Nav.types.ts b/packages/react/src/components/Nav/Nav.types.ts similarity index 100% rename from packages/react-internal/src/components/Nav/Nav.types.ts rename to packages/react/src/components/Nav/Nav.types.ts diff --git a/packages/react-internal/src/components/Nav/__snapshots__/Nav.test.tsx.snap b/packages/react/src/components/Nav/__snapshots__/Nav.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Nav/__snapshots__/Nav.test.tsx.snap rename to packages/react/src/components/Nav/__snapshots__/Nav.test.tsx.snap diff --git a/packages/react-internal/src/components/Nav/index.ts b/packages/react/src/components/Nav/index.ts similarity index 100% rename from packages/react-internal/src/components/Nav/index.ts rename to packages/react/src/components/Nav/index.ts diff --git a/packages/react-internal/src/components/OverflowSet/OverflowButton.tsx b/packages/react/src/components/OverflowSet/OverflowButton.tsx similarity index 100% rename from packages/react-internal/src/components/OverflowSet/OverflowButton.tsx rename to packages/react/src/components/OverflowSet/OverflowButton.tsx diff --git a/packages/react-internal/src/components/OverflowSet/OverflowSet.base.tsx b/packages/react/src/components/OverflowSet/OverflowSet.base.tsx similarity index 100% rename from packages/react-internal/src/components/OverflowSet/OverflowSet.base.tsx rename to packages/react/src/components/OverflowSet/OverflowSet.base.tsx diff --git a/packages/react-internal/src/components/OverflowSet/OverflowSet.styles.ts b/packages/react/src/components/OverflowSet/OverflowSet.styles.ts similarity index 100% rename from packages/react-internal/src/components/OverflowSet/OverflowSet.styles.ts rename to packages/react/src/components/OverflowSet/OverflowSet.styles.ts diff --git a/packages/react-internal/src/components/OverflowSet/OverflowSet.test.tsx b/packages/react/src/components/OverflowSet/OverflowSet.test.tsx similarity index 100% rename from packages/react-internal/src/components/OverflowSet/OverflowSet.test.tsx rename to packages/react/src/components/OverflowSet/OverflowSet.test.tsx diff --git a/packages/react-internal/src/components/OverflowSet/OverflowSet.ts b/packages/react/src/components/OverflowSet/OverflowSet.ts similarity index 100% rename from packages/react-internal/src/components/OverflowSet/OverflowSet.ts rename to packages/react/src/components/OverflowSet/OverflowSet.ts diff --git a/packages/react-internal/src/components/OverflowSet/OverflowSet.types.ts b/packages/react/src/components/OverflowSet/OverflowSet.types.ts similarity index 100% rename from packages/react-internal/src/components/OverflowSet/OverflowSet.types.ts rename to packages/react/src/components/OverflowSet/OverflowSet.types.ts diff --git a/packages/react-internal/src/components/OverflowSet/__snapshots__/OverflowSet.test.tsx.snap b/packages/react/src/components/OverflowSet/__snapshots__/OverflowSet.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/OverflowSet/__snapshots__/OverflowSet.test.tsx.snap rename to packages/react/src/components/OverflowSet/__snapshots__/OverflowSet.test.tsx.snap diff --git a/packages/react-internal/src/components/OverflowSet/index.ts b/packages/react/src/components/OverflowSet/index.ts similarity index 100% rename from packages/react-internal/src/components/OverflowSet/index.ts rename to packages/react/src/components/OverflowSet/index.ts diff --git a/packages/react-internal/src/components/Overlay/Overlay.base.tsx b/packages/react/src/components/Overlay/Overlay.base.tsx similarity index 100% rename from packages/react-internal/src/components/Overlay/Overlay.base.tsx rename to packages/react/src/components/Overlay/Overlay.base.tsx diff --git a/packages/react-internal/src/components/Overlay/Overlay.styles.ts b/packages/react/src/components/Overlay/Overlay.styles.ts similarity index 100% rename from packages/react-internal/src/components/Overlay/Overlay.styles.ts rename to packages/react/src/components/Overlay/Overlay.styles.ts diff --git a/packages/react-internal/src/components/Overlay/Overlay.test.tsx b/packages/react/src/components/Overlay/Overlay.test.tsx similarity index 100% rename from packages/react-internal/src/components/Overlay/Overlay.test.tsx rename to packages/react/src/components/Overlay/Overlay.test.tsx diff --git a/packages/react-internal/src/components/Overlay/Overlay.tsx b/packages/react/src/components/Overlay/Overlay.tsx similarity index 100% rename from packages/react-internal/src/components/Overlay/Overlay.tsx rename to packages/react/src/components/Overlay/Overlay.tsx diff --git a/packages/react-internal/src/components/Overlay/Overlay.types.ts b/packages/react/src/components/Overlay/Overlay.types.ts similarity index 100% rename from packages/react-internal/src/components/Overlay/Overlay.types.ts rename to packages/react/src/components/Overlay/Overlay.types.ts diff --git a/packages/react-internal/src/components/Overlay/index.ts b/packages/react/src/components/Overlay/index.ts similarity index 100% rename from packages/react-internal/src/components/Overlay/index.ts rename to packages/react/src/components/Overlay/index.ts diff --git a/packages/react-internal/src/components/Panel/Panel.base.tsx b/packages/react/src/components/Panel/Panel.base.tsx similarity index 100% rename from packages/react-internal/src/components/Panel/Panel.base.tsx rename to packages/react/src/components/Panel/Panel.base.tsx diff --git a/packages/react-internal/src/components/Panel/Panel.styles.ts b/packages/react/src/components/Panel/Panel.styles.ts similarity index 100% rename from packages/react-internal/src/components/Panel/Panel.styles.ts rename to packages/react/src/components/Panel/Panel.styles.ts diff --git a/packages/react-internal/src/components/Panel/Panel.test.tsx b/packages/react/src/components/Panel/Panel.test.tsx similarity index 100% rename from packages/react-internal/src/components/Panel/Panel.test.tsx rename to packages/react/src/components/Panel/Panel.test.tsx diff --git a/packages/react-internal/src/components/Panel/Panel.ts b/packages/react/src/components/Panel/Panel.ts similarity index 100% rename from packages/react-internal/src/components/Panel/Panel.ts rename to packages/react/src/components/Panel/Panel.ts diff --git a/packages/react-internal/src/components/Panel/Panel.types.ts b/packages/react/src/components/Panel/Panel.types.ts similarity index 100% rename from packages/react-internal/src/components/Panel/Panel.types.ts rename to packages/react/src/components/Panel/Panel.types.ts diff --git a/packages/react-internal/src/components/Panel/__snapshots__/Panel.test.tsx.snap b/packages/react/src/components/Panel/__snapshots__/Panel.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Panel/__snapshots__/Panel.test.tsx.snap rename to packages/react/src/components/Panel/__snapshots__/Panel.test.tsx.snap diff --git a/packages/react-internal/src/components/Panel/index.ts b/packages/react/src/components/Panel/index.ts similarity index 100% rename from packages/react-internal/src/components/Panel/index.ts rename to packages/react/src/components/Panel/index.ts diff --git a/packages/react-internal/src/components/Persona/Persona.base.tsx b/packages/react/src/components/Persona/Persona.base.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/Persona.base.tsx rename to packages/react/src/components/Persona/Persona.base.tsx diff --git a/packages/react-internal/src/components/Persona/Persona.deprecated.test.tsx b/packages/react/src/components/Persona/Persona.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/Persona.deprecated.test.tsx rename to packages/react/src/components/Persona/Persona.deprecated.test.tsx diff --git a/packages/react-internal/src/components/Persona/Persona.styles.ts b/packages/react/src/components/Persona/Persona.styles.ts similarity index 100% rename from packages/react-internal/src/components/Persona/Persona.styles.ts rename to packages/react/src/components/Persona/Persona.styles.ts diff --git a/packages/react-internal/src/components/Persona/Persona.test.tsx b/packages/react/src/components/Persona/Persona.test.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/Persona.test.tsx rename to packages/react/src/components/Persona/Persona.test.tsx diff --git a/packages/react-internal/src/components/Persona/Persona.tsx b/packages/react/src/components/Persona/Persona.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/Persona.tsx rename to packages/react/src/components/Persona/Persona.tsx diff --git a/packages/react-internal/src/components/Persona/Persona.types.ts b/packages/react/src/components/Persona/Persona.types.ts similarity index 100% rename from packages/react-internal/src/components/Persona/Persona.types.ts rename to packages/react/src/components/Persona/Persona.types.ts diff --git a/packages/react-internal/src/components/Persona/PersonaCoin/PersonaCoin.base.tsx b/packages/react/src/components/Persona/PersonaCoin/PersonaCoin.base.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaCoin/PersonaCoin.base.tsx rename to packages/react/src/components/Persona/PersonaCoin/PersonaCoin.base.tsx diff --git a/packages/react-internal/src/components/Persona/PersonaCoin/PersonaCoin.deprecated.test.tsx b/packages/react/src/components/Persona/PersonaCoin/PersonaCoin.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaCoin/PersonaCoin.deprecated.test.tsx rename to packages/react/src/components/Persona/PersonaCoin/PersonaCoin.deprecated.test.tsx diff --git a/packages/react-internal/src/components/Persona/PersonaCoin/PersonaCoin.styles.ts b/packages/react/src/components/Persona/PersonaCoin/PersonaCoin.styles.ts similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaCoin/PersonaCoin.styles.ts rename to packages/react/src/components/Persona/PersonaCoin/PersonaCoin.styles.ts diff --git a/packages/react-internal/src/components/Persona/PersonaCoin/PersonaCoin.test.tsx b/packages/react/src/components/Persona/PersonaCoin/PersonaCoin.test.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaCoin/PersonaCoin.test.tsx rename to packages/react/src/components/Persona/PersonaCoin/PersonaCoin.test.tsx diff --git a/packages/react-internal/src/components/Persona/PersonaCoin/PersonaCoin.tsx b/packages/react/src/components/Persona/PersonaCoin/PersonaCoin.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaCoin/PersonaCoin.tsx rename to packages/react/src/components/Persona/PersonaCoin/PersonaCoin.tsx diff --git a/packages/react-internal/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.deprecated.test.tsx.snap b/packages/react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.deprecated.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.deprecated.test.tsx.snap rename to packages/react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.deprecated.test.tsx.snap diff --git a/packages/react-internal/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap b/packages/react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap rename to packages/react/src/components/Persona/PersonaCoin/__snapshots__/PersonaCoin.test.tsx.snap diff --git a/packages/react-internal/src/components/Persona/PersonaCoin/index.ts b/packages/react/src/components/Persona/PersonaCoin/index.ts similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaCoin/index.ts rename to packages/react/src/components/Persona/PersonaCoin/index.ts diff --git a/packages/react-internal/src/components/Persona/PersonaConsts.tsx b/packages/react/src/components/Persona/PersonaConsts.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaConsts.tsx rename to packages/react/src/components/Persona/PersonaConsts.tsx diff --git a/packages/react-internal/src/components/Persona/PersonaInitialsColor.test.ts b/packages/react/src/components/Persona/PersonaInitialsColor.test.ts similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaInitialsColor.test.ts rename to packages/react/src/components/Persona/PersonaInitialsColor.test.ts diff --git a/packages/react-internal/src/components/Persona/PersonaInitialsColor.ts b/packages/react/src/components/Persona/PersonaInitialsColor.ts similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaInitialsColor.ts rename to packages/react/src/components/Persona/PersonaInitialsColor.ts diff --git a/packages/react-internal/src/components/Persona/PersonaPresence/PersonaPresence.base.tsx b/packages/react/src/components/Persona/PersonaPresence/PersonaPresence.base.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaPresence/PersonaPresence.base.tsx rename to packages/react/src/components/Persona/PersonaPresence/PersonaPresence.base.tsx diff --git a/packages/react-internal/src/components/Persona/PersonaPresence/PersonaPresence.styles.ts b/packages/react/src/components/Persona/PersonaPresence/PersonaPresence.styles.ts similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaPresence/PersonaPresence.styles.ts rename to packages/react/src/components/Persona/PersonaPresence/PersonaPresence.styles.ts diff --git a/packages/react-internal/src/components/Persona/PersonaPresence/PersonaPresence.test.tsx b/packages/react/src/components/Persona/PersonaPresence/PersonaPresence.test.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaPresence/PersonaPresence.test.tsx rename to packages/react/src/components/Persona/PersonaPresence/PersonaPresence.test.tsx diff --git a/packages/react-internal/src/components/Persona/PersonaPresence/PersonaPresence.tsx b/packages/react/src/components/Persona/PersonaPresence/PersonaPresence.tsx similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaPresence/PersonaPresence.tsx rename to packages/react/src/components/Persona/PersonaPresence/PersonaPresence.tsx diff --git a/packages/react-internal/src/components/Persona/PersonaPresence/__snapshots__/PersonaPresence.test.tsx.snap b/packages/react/src/components/Persona/PersonaPresence/__snapshots__/PersonaPresence.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaPresence/__snapshots__/PersonaPresence.test.tsx.snap rename to packages/react/src/components/Persona/PersonaPresence/__snapshots__/PersonaPresence.test.tsx.snap diff --git a/packages/react-internal/src/components/Persona/PersonaPresence/index.ts b/packages/react/src/components/Persona/PersonaPresence/index.ts similarity index 100% rename from packages/react-internal/src/components/Persona/PersonaPresence/index.ts rename to packages/react/src/components/Persona/PersonaPresence/index.ts diff --git a/packages/react-internal/src/components/Persona/__snapshots__/Persona.deprecated.test.tsx.snap b/packages/react/src/components/Persona/__snapshots__/Persona.deprecated.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Persona/__snapshots__/Persona.deprecated.test.tsx.snap rename to packages/react/src/components/Persona/__snapshots__/Persona.deprecated.test.tsx.snap diff --git a/packages/react-internal/src/components/Persona/__snapshots__/Persona.test.tsx.snap b/packages/react/src/components/Persona/__snapshots__/Persona.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Persona/__snapshots__/Persona.test.tsx.snap rename to packages/react/src/components/Persona/__snapshots__/Persona.test.tsx.snap diff --git a/packages/react-internal/src/components/Persona/index.ts b/packages/react/src/components/Persona/index.ts similarity index 100% rename from packages/react-internal/src/components/Persona/index.ts rename to packages/react/src/components/Persona/index.ts diff --git a/packages/react-internal/src/components/Pivot/Pivot.base.tsx b/packages/react/src/components/Pivot/Pivot.base.tsx similarity index 100% rename from packages/react-internal/src/components/Pivot/Pivot.base.tsx rename to packages/react/src/components/Pivot/Pivot.base.tsx diff --git a/packages/react-internal/src/components/Pivot/Pivot.deprecated.test.tsx b/packages/react/src/components/Pivot/Pivot.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/Pivot/Pivot.deprecated.test.tsx rename to packages/react/src/components/Pivot/Pivot.deprecated.test.tsx diff --git a/packages/react-internal/src/components/Pivot/Pivot.styles.ts b/packages/react/src/components/Pivot/Pivot.styles.ts similarity index 100% rename from packages/react-internal/src/components/Pivot/Pivot.styles.ts rename to packages/react/src/components/Pivot/Pivot.styles.ts diff --git a/packages/react-internal/src/components/Pivot/Pivot.test.tsx b/packages/react/src/components/Pivot/Pivot.test.tsx similarity index 96% rename from packages/react-internal/src/components/Pivot/Pivot.test.tsx rename to packages/react/src/components/Pivot/Pivot.test.tsx index 7dc7aca23bdeb3..34589e7d46a655 100644 --- a/packages/react-internal/src/components/Pivot/Pivot.test.tsx +++ b/packages/react/src/components/Pivot/Pivot.test.tsx @@ -37,7 +37,6 @@ describe('Pivot', () => { ); // Instruct FocusZone to treat all elements as visible. - // eslint-disable-next-line @typescript-eslint/no-explicit-any (HTMLElement.prototype as any).isVisible = true; try { @@ -47,7 +46,6 @@ describe('Pivot', () => { expect(document.activeElement).toBeTruthy(); expect(document.activeElement!.textContent?.trim()).toEqual('Link 1'); } finally { - // eslint-disable-next-line @typescript-eslint/no-explicit-any delete (HTMLElement.prototype as any).isVisible; } }); diff --git a/packages/react-internal/src/components/Pivot/Pivot.tsx b/packages/react/src/components/Pivot/Pivot.tsx similarity index 100% rename from packages/react-internal/src/components/Pivot/Pivot.tsx rename to packages/react/src/components/Pivot/Pivot.tsx diff --git a/packages/react-internal/src/components/Pivot/Pivot.types.ts b/packages/react/src/components/Pivot/Pivot.types.ts similarity index 95% rename from packages/react-internal/src/components/Pivot/Pivot.types.ts rename to packages/react/src/components/Pivot/Pivot.types.ts index 3df4be63a25f0b..a30b36dc812686 100644 --- a/packages/react-internal/src/components/Pivot/Pivot.types.ts +++ b/packages/react/src/components/Pivot/Pivot.types.ts @@ -6,7 +6,6 @@ import { PivotItem } from './PivotItem'; /** * {@docCategory Pivot} */ -// eslint-disable-next-line @typescript-eslint/naming-convention export interface IPivot { /** * Sets focus to the first pivot tab. @@ -17,7 +16,6 @@ export interface IPivot { /** * {@docCategory Pivot} */ -// eslint-disable-next-line @typescript-eslint/naming-convention export interface IPivotProps extends React.HTMLAttributes, React.RefAttributes { /** * Optional callback to access the IPivot interface. Use this instead of ref for accessing @@ -104,7 +102,6 @@ export type IPivotStyleProps = Required> & /** * {@docCategory Pivot} */ -// eslint-disable-next-line @typescript-eslint/naming-convention export interface IPivotStyles { /** * Style for the root element. diff --git a/packages/react-internal/src/components/Pivot/PivotItem.tsx b/packages/react/src/components/Pivot/PivotItem.tsx similarity index 100% rename from packages/react-internal/src/components/Pivot/PivotItem.tsx rename to packages/react/src/components/Pivot/PivotItem.tsx diff --git a/packages/react-internal/src/components/Pivot/PivotItem.types.ts b/packages/react/src/components/Pivot/PivotItem.types.ts similarity index 96% rename from packages/react-internal/src/components/Pivot/PivotItem.types.ts rename to packages/react/src/components/Pivot/PivotItem.types.ts index 78772ec23f92cd..0cd189bdb62ffb 100644 --- a/packages/react-internal/src/components/Pivot/PivotItem.types.ts +++ b/packages/react/src/components/Pivot/PivotItem.types.ts @@ -6,7 +6,6 @@ import { IKeytipProps } from '../Keytip/Keytip.types'; /** * {@docCategory Pivot} */ -// eslint-disable-next-line @typescript-eslint/naming-convention export interface IPivotItemProps extends React.HTMLAttributes { /** * Gets the component ref. diff --git a/packages/react-internal/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap b/packages/react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap rename to packages/react/src/components/Pivot/__snapshots__/Pivot.deprecated.test.tsx.snap diff --git a/packages/react-internal/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap b/packages/react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap rename to packages/react/src/components/Pivot/__snapshots__/Pivot.test.tsx.snap diff --git a/packages/react-internal/src/components/Pivot/index.ts b/packages/react/src/components/Pivot/index.ts similarity index 100% rename from packages/react-internal/src/components/Pivot/index.ts rename to packages/react/src/components/Pivot/index.ts diff --git a/packages/react-internal/src/components/Popup/Popup.tsx b/packages/react/src/components/Popup/Popup.tsx similarity index 100% rename from packages/react-internal/src/components/Popup/Popup.tsx rename to packages/react/src/components/Popup/Popup.tsx diff --git a/packages/react-internal/src/components/Popup/Popup.types.ts b/packages/react/src/components/Popup/Popup.types.ts similarity index 100% rename from packages/react-internal/src/components/Popup/Popup.types.ts rename to packages/react/src/components/Popup/Popup.types.ts diff --git a/packages/react-internal/src/components/Popup/index.ts b/packages/react/src/components/Popup/index.ts similarity index 100% rename from packages/react-internal/src/components/Popup/index.ts rename to packages/react/src/components/Popup/index.ts diff --git a/packages/react-internal/src/components/ProgressIndicator/ProgressIndicator.base.tsx b/packages/react/src/components/ProgressIndicator/ProgressIndicator.base.tsx similarity index 100% rename from packages/react-internal/src/components/ProgressIndicator/ProgressIndicator.base.tsx rename to packages/react/src/components/ProgressIndicator/ProgressIndicator.base.tsx diff --git a/packages/react-internal/src/components/ProgressIndicator/ProgressIndicator.styles.ts b/packages/react/src/components/ProgressIndicator/ProgressIndicator.styles.ts similarity index 100% rename from packages/react-internal/src/components/ProgressIndicator/ProgressIndicator.styles.ts rename to packages/react/src/components/ProgressIndicator/ProgressIndicator.styles.ts diff --git a/packages/react-internal/src/components/ProgressIndicator/ProgressIndicator.test.tsx b/packages/react/src/components/ProgressIndicator/ProgressIndicator.test.tsx similarity index 100% rename from packages/react-internal/src/components/ProgressIndicator/ProgressIndicator.test.tsx rename to packages/react/src/components/ProgressIndicator/ProgressIndicator.test.tsx diff --git a/packages/react-internal/src/components/ProgressIndicator/ProgressIndicator.tsx b/packages/react/src/components/ProgressIndicator/ProgressIndicator.tsx similarity index 100% rename from packages/react-internal/src/components/ProgressIndicator/ProgressIndicator.tsx rename to packages/react/src/components/ProgressIndicator/ProgressIndicator.tsx diff --git a/packages/react-internal/src/components/ProgressIndicator/ProgressIndicator.types.ts b/packages/react/src/components/ProgressIndicator/ProgressIndicator.types.ts similarity index 100% rename from packages/react-internal/src/components/ProgressIndicator/ProgressIndicator.types.ts rename to packages/react/src/components/ProgressIndicator/ProgressIndicator.types.ts diff --git a/packages/react-internal/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap b/packages/react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap rename to packages/react/src/components/ProgressIndicator/__snapshots__/ProgressIndicator.test.tsx.snap diff --git a/packages/react-internal/src/components/ProgressIndicator/index.ts b/packages/react/src/components/ProgressIndicator/index.ts similarity index 100% rename from packages/react-internal/src/components/ProgressIndicator/index.ts rename to packages/react/src/components/ProgressIndicator/index.ts diff --git a/packages/react-internal/src/components/Rating/Rating.base.tsx b/packages/react/src/components/Rating/Rating.base.tsx similarity index 100% rename from packages/react-internal/src/components/Rating/Rating.base.tsx rename to packages/react/src/components/Rating/Rating.base.tsx diff --git a/packages/react-internal/src/components/Rating/Rating.styles.ts b/packages/react/src/components/Rating/Rating.styles.ts similarity index 100% rename from packages/react-internal/src/components/Rating/Rating.styles.ts rename to packages/react/src/components/Rating/Rating.styles.ts diff --git a/packages/react-internal/src/components/Rating/Rating.test.tsx b/packages/react/src/components/Rating/Rating.test.tsx similarity index 100% rename from packages/react-internal/src/components/Rating/Rating.test.tsx rename to packages/react/src/components/Rating/Rating.test.tsx diff --git a/packages/react-internal/src/components/Rating/Rating.tsx b/packages/react/src/components/Rating/Rating.tsx similarity index 100% rename from packages/react-internal/src/components/Rating/Rating.tsx rename to packages/react/src/components/Rating/Rating.tsx diff --git a/packages/react-internal/src/components/Rating/Rating.types.ts b/packages/react/src/components/Rating/Rating.types.ts similarity index 100% rename from packages/react-internal/src/components/Rating/Rating.types.ts rename to packages/react/src/components/Rating/Rating.types.ts diff --git a/packages/react-internal/src/components/Rating/__snapshots__/Rating.test.tsx.snap b/packages/react/src/components/Rating/__snapshots__/Rating.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Rating/__snapshots__/Rating.test.tsx.snap rename to packages/react/src/components/Rating/__snapshots__/Rating.test.tsx.snap diff --git a/packages/react-internal/src/components/Rating/index.ts b/packages/react/src/components/Rating/index.ts similarity index 100% rename from packages/react-internal/src/components/Rating/index.ts rename to packages/react/src/components/Rating/index.ts diff --git a/packages/react-internal/src/components/ResizeGroup/ResizeGroup.base.tsx b/packages/react/src/components/ResizeGroup/ResizeGroup.base.tsx similarity index 100% rename from packages/react-internal/src/components/ResizeGroup/ResizeGroup.base.tsx rename to packages/react/src/components/ResizeGroup/ResizeGroup.base.tsx diff --git a/packages/react-internal/src/components/ResizeGroup/ResizeGroup.test.tsx b/packages/react/src/components/ResizeGroup/ResizeGroup.test.tsx similarity index 100% rename from packages/react-internal/src/components/ResizeGroup/ResizeGroup.test.tsx rename to packages/react/src/components/ResizeGroup/ResizeGroup.test.tsx diff --git a/packages/react-internal/src/components/ResizeGroup/ResizeGroup.tsx b/packages/react/src/components/ResizeGroup/ResizeGroup.tsx similarity index 100% rename from packages/react-internal/src/components/ResizeGroup/ResizeGroup.tsx rename to packages/react/src/components/ResizeGroup/ResizeGroup.tsx diff --git a/packages/react-internal/src/components/ResizeGroup/ResizeGroup.types.ts b/packages/react/src/components/ResizeGroup/ResizeGroup.types.ts similarity index 100% rename from packages/react-internal/src/components/ResizeGroup/ResizeGroup.types.ts rename to packages/react/src/components/ResizeGroup/ResizeGroup.types.ts diff --git a/packages/react-internal/src/components/ResizeGroup/__snapshots__/ResizeGroup.test.tsx.snap b/packages/react/src/components/ResizeGroup/__snapshots__/ResizeGroup.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ResizeGroup/__snapshots__/ResizeGroup.test.tsx.snap rename to packages/react/src/components/ResizeGroup/__snapshots__/ResizeGroup.test.tsx.snap diff --git a/packages/react-internal/src/components/ResizeGroup/index.ts b/packages/react/src/components/ResizeGroup/index.ts similarity index 100% rename from packages/react-internal/src/components/ResizeGroup/index.ts rename to packages/react/src/components/ResizeGroup/index.ts diff --git a/packages/react-internal/src/components/ScrollablePane/ScrollablePane.base.tsx b/packages/react/src/components/ScrollablePane/ScrollablePane.base.tsx similarity index 100% rename from packages/react-internal/src/components/ScrollablePane/ScrollablePane.base.tsx rename to packages/react/src/components/ScrollablePane/ScrollablePane.base.tsx diff --git a/packages/react-internal/src/components/ScrollablePane/ScrollablePane.scss b/packages/react/src/components/ScrollablePane/ScrollablePane.scss similarity index 100% rename from packages/react-internal/src/components/ScrollablePane/ScrollablePane.scss rename to packages/react/src/components/ScrollablePane/ScrollablePane.scss diff --git a/packages/react-internal/src/components/ScrollablePane/ScrollablePane.styles.ts b/packages/react/src/components/ScrollablePane/ScrollablePane.styles.ts similarity index 100% rename from packages/react-internal/src/components/ScrollablePane/ScrollablePane.styles.ts rename to packages/react/src/components/ScrollablePane/ScrollablePane.styles.ts diff --git a/packages/react-internal/src/components/ScrollablePane/ScrollablePane.test.tsx b/packages/react/src/components/ScrollablePane/ScrollablePane.test.tsx similarity index 100% rename from packages/react-internal/src/components/ScrollablePane/ScrollablePane.test.tsx rename to packages/react/src/components/ScrollablePane/ScrollablePane.test.tsx diff --git a/packages/react-internal/src/components/ScrollablePane/ScrollablePane.tsx b/packages/react/src/components/ScrollablePane/ScrollablePane.tsx similarity index 100% rename from packages/react-internal/src/components/ScrollablePane/ScrollablePane.tsx rename to packages/react/src/components/ScrollablePane/ScrollablePane.tsx diff --git a/packages/react-internal/src/components/ScrollablePane/ScrollablePane.types.ts b/packages/react/src/components/ScrollablePane/ScrollablePane.types.ts similarity index 100% rename from packages/react-internal/src/components/ScrollablePane/ScrollablePane.types.ts rename to packages/react/src/components/ScrollablePane/ScrollablePane.types.ts diff --git a/packages/react-internal/src/components/ScrollablePane/__snapshots__/ScrollablePane.test.tsx.snap b/packages/react/src/components/ScrollablePane/__snapshots__/ScrollablePane.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/ScrollablePane/__snapshots__/ScrollablePane.test.tsx.snap rename to packages/react/src/components/ScrollablePane/__snapshots__/ScrollablePane.test.tsx.snap diff --git a/packages/react-internal/src/components/ScrollablePane/index.ts b/packages/react/src/components/ScrollablePane/index.ts similarity index 100% rename from packages/react-internal/src/components/ScrollablePane/index.ts rename to packages/react/src/components/ScrollablePane/index.ts diff --git a/packages/react-internal/src/components/SearchBox/SearchBox.base.tsx b/packages/react/src/components/SearchBox/SearchBox.base.tsx similarity index 100% rename from packages/react-internal/src/components/SearchBox/SearchBox.base.tsx rename to packages/react/src/components/SearchBox/SearchBox.base.tsx diff --git a/packages/react-internal/src/components/SearchBox/SearchBox.styles.tsx b/packages/react/src/components/SearchBox/SearchBox.styles.tsx similarity index 100% rename from packages/react-internal/src/components/SearchBox/SearchBox.styles.tsx rename to packages/react/src/components/SearchBox/SearchBox.styles.tsx diff --git a/packages/react-internal/src/components/SearchBox/SearchBox.test.tsx b/packages/react/src/components/SearchBox/SearchBox.test.tsx similarity index 100% rename from packages/react-internal/src/components/SearchBox/SearchBox.test.tsx rename to packages/react/src/components/SearchBox/SearchBox.test.tsx diff --git a/packages/react-internal/src/components/SearchBox/SearchBox.tsx b/packages/react/src/components/SearchBox/SearchBox.tsx similarity index 100% rename from packages/react-internal/src/components/SearchBox/SearchBox.tsx rename to packages/react/src/components/SearchBox/SearchBox.tsx diff --git a/packages/react-internal/src/components/SearchBox/SearchBox.types.ts b/packages/react/src/components/SearchBox/SearchBox.types.ts similarity index 100% rename from packages/react-internal/src/components/SearchBox/SearchBox.types.ts rename to packages/react/src/components/SearchBox/SearchBox.types.ts diff --git a/packages/react-internal/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap b/packages/react/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap rename to packages/react/src/components/SearchBox/__snapshots__/SearchBox.test.tsx.snap diff --git a/packages/react-internal/src/components/SearchBox/index.ts b/packages/react/src/components/SearchBox/index.ts similarity index 100% rename from packages/react-internal/src/components/SearchBox/index.ts rename to packages/react/src/components/SearchBox/index.ts diff --git a/packages/react-internal/src/components/SelectedItemsList/BaseSelectedItemsList.test.tsx b/packages/react/src/components/SelectedItemsList/BaseSelectedItemsList.test.tsx similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/BaseSelectedItemsList.test.tsx rename to packages/react/src/components/SelectedItemsList/BaseSelectedItemsList.test.tsx diff --git a/packages/react-internal/src/components/SelectedItemsList/BaseSelectedItemsList.tsx b/packages/react/src/components/SelectedItemsList/BaseSelectedItemsList.tsx similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/BaseSelectedItemsList.tsx rename to packages/react/src/components/SelectedItemsList/BaseSelectedItemsList.tsx diff --git a/packages/react-internal/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts b/packages/react/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts rename to packages/react/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts diff --git a/packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.scss b/packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.scss similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.scss rename to packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.scss diff --git a/packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.styles.ts b/packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.styles.ts similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.styles.ts rename to packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.styles.ts diff --git a/packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.tsx b/packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.tsx similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.tsx rename to packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.tsx diff --git a/packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.types.ts b/packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.types.ts similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.types.ts rename to packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/EditingItem.types.ts diff --git a/packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.scss b/packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.scss similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.scss rename to packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.scss diff --git a/packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.tsx b/packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.tsx similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.tsx rename to packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/ExtendedSelectedItem.tsx diff --git a/packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/SelectedItemWithContextMenu.tsx b/packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/SelectedItemWithContextMenu.tsx similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/Items/SelectedItemWithContextMenu.tsx rename to packages/react/src/components/SelectedItemsList/SelectedPeopleList/Items/SelectedItemWithContextMenu.tsx diff --git a/packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx b/packages/react/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx rename to packages/react/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx diff --git a/packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.tsx b/packages/react/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.tsx similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.tsx rename to packages/react/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.tsx diff --git a/packages/react-internal/src/components/SelectedItemsList/__snapshots__/BaseSelectedItemsList.test.tsx.snap b/packages/react/src/components/SelectedItemsList/__snapshots__/BaseSelectedItemsList.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/__snapshots__/BaseSelectedItemsList.test.tsx.snap rename to packages/react/src/components/SelectedItemsList/__snapshots__/BaseSelectedItemsList.test.tsx.snap diff --git a/packages/react-internal/src/components/SelectedItemsList/index.ts b/packages/react/src/components/SelectedItemsList/index.ts similarity index 100% rename from packages/react-internal/src/components/SelectedItemsList/index.ts rename to packages/react/src/components/SelectedItemsList/index.ts diff --git a/packages/react-internal/src/components/Separator/Separator.base.tsx b/packages/react/src/components/Separator/Separator.base.tsx similarity index 100% rename from packages/react-internal/src/components/Separator/Separator.base.tsx rename to packages/react/src/components/Separator/Separator.base.tsx diff --git a/packages/react-internal/src/components/Separator/Separator.styles.ts b/packages/react/src/components/Separator/Separator.styles.ts similarity index 100% rename from packages/react-internal/src/components/Separator/Separator.styles.ts rename to packages/react/src/components/Separator/Separator.styles.ts diff --git a/packages/react-internal/src/components/Separator/Separator.test.tsx b/packages/react/src/components/Separator/Separator.test.tsx similarity index 100% rename from packages/react-internal/src/components/Separator/Separator.test.tsx rename to packages/react/src/components/Separator/Separator.test.tsx diff --git a/packages/react-internal/src/components/Separator/Separator.tsx b/packages/react/src/components/Separator/Separator.tsx similarity index 100% rename from packages/react-internal/src/components/Separator/Separator.tsx rename to packages/react/src/components/Separator/Separator.tsx diff --git a/packages/react-internal/src/components/Separator/Separator.types.ts b/packages/react/src/components/Separator/Separator.types.ts similarity index 100% rename from packages/react-internal/src/components/Separator/Separator.types.ts rename to packages/react/src/components/Separator/Separator.types.ts diff --git a/packages/react-internal/src/components/Separator/index.ts b/packages/react/src/components/Separator/index.ts similarity index 100% rename from packages/react-internal/src/components/Separator/index.ts rename to packages/react/src/components/Separator/index.ts diff --git a/packages/react-internal/src/components/Shimmer/Shimmer.base.tsx b/packages/react/src/components/Shimmer/Shimmer.base.tsx similarity index 100% rename from packages/react-internal/src/components/Shimmer/Shimmer.base.tsx rename to packages/react/src/components/Shimmer/Shimmer.base.tsx diff --git a/packages/react-internal/src/components/Shimmer/Shimmer.styles.ts b/packages/react/src/components/Shimmer/Shimmer.styles.ts similarity index 100% rename from packages/react-internal/src/components/Shimmer/Shimmer.styles.ts rename to packages/react/src/components/Shimmer/Shimmer.styles.ts diff --git a/packages/react-internal/src/components/Shimmer/Shimmer.test.tsx b/packages/react/src/components/Shimmer/Shimmer.test.tsx similarity index 100% rename from packages/react-internal/src/components/Shimmer/Shimmer.test.tsx rename to packages/react/src/components/Shimmer/Shimmer.test.tsx diff --git a/packages/react-internal/src/components/Shimmer/Shimmer.tsx b/packages/react/src/components/Shimmer/Shimmer.tsx similarity index 100% rename from packages/react-internal/src/components/Shimmer/Shimmer.tsx rename to packages/react/src/components/Shimmer/Shimmer.tsx diff --git a/packages/react-internal/src/components/Shimmer/Shimmer.types.ts b/packages/react/src/components/Shimmer/Shimmer.types.ts similarity index 100% rename from packages/react-internal/src/components/Shimmer/Shimmer.types.ts rename to packages/react/src/components/Shimmer/Shimmer.types.ts diff --git a/packages/react-internal/src/components/Shimmer/ShimmerCircle/ShimmerCircle.base.tsx b/packages/react/src/components/Shimmer/ShimmerCircle/ShimmerCircle.base.tsx similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerCircle/ShimmerCircle.base.tsx rename to packages/react/src/components/Shimmer/ShimmerCircle/ShimmerCircle.base.tsx diff --git a/packages/react-internal/src/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.ts b/packages/react/src/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.ts similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.ts rename to packages/react/src/components/Shimmer/ShimmerCircle/ShimmerCircle.styles.ts diff --git a/packages/react-internal/src/components/Shimmer/ShimmerCircle/ShimmerCircle.tsx b/packages/react/src/components/Shimmer/ShimmerCircle/ShimmerCircle.tsx similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerCircle/ShimmerCircle.tsx rename to packages/react/src/components/Shimmer/ShimmerCircle/ShimmerCircle.tsx diff --git a/packages/react-internal/src/components/Shimmer/ShimmerCircle/ShimmerCircle.types.ts b/packages/react/src/components/Shimmer/ShimmerCircle/ShimmerCircle.types.ts similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerCircle/ShimmerCircle.types.ts rename to packages/react/src/components/Shimmer/ShimmerCircle/ShimmerCircle.types.ts diff --git a/packages/react-internal/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.base.tsx b/packages/react/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.base.tsx similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.base.tsx rename to packages/react/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.base.tsx diff --git a/packages/react-internal/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.styles.ts b/packages/react/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.styles.ts similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.styles.ts rename to packages/react/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.styles.ts diff --git a/packages/react-internal/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.tsx b/packages/react/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.tsx similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.tsx rename to packages/react/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.tsx diff --git a/packages/react-internal/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.types.ts b/packages/react/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.types.ts similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.types.ts rename to packages/react/src/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.types.ts diff --git a/packages/react-internal/src/components/Shimmer/ShimmerGap/ShimmerGap.base.tsx b/packages/react/src/components/Shimmer/ShimmerGap/ShimmerGap.base.tsx similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerGap/ShimmerGap.base.tsx rename to packages/react/src/components/Shimmer/ShimmerGap/ShimmerGap.base.tsx diff --git a/packages/react-internal/src/components/Shimmer/ShimmerGap/ShimmerGap.styles.ts b/packages/react/src/components/Shimmer/ShimmerGap/ShimmerGap.styles.ts similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerGap/ShimmerGap.styles.ts rename to packages/react/src/components/Shimmer/ShimmerGap/ShimmerGap.styles.ts diff --git a/packages/react-internal/src/components/Shimmer/ShimmerGap/ShimmerGap.tsx b/packages/react/src/components/Shimmer/ShimmerGap/ShimmerGap.tsx similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerGap/ShimmerGap.tsx rename to packages/react/src/components/Shimmer/ShimmerGap/ShimmerGap.tsx diff --git a/packages/react-internal/src/components/Shimmer/ShimmerGap/ShimmerGap.types.ts b/packages/react/src/components/Shimmer/ShimmerGap/ShimmerGap.types.ts similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerGap/ShimmerGap.types.ts rename to packages/react/src/components/Shimmer/ShimmerGap/ShimmerGap.types.ts diff --git a/packages/react-internal/src/components/Shimmer/ShimmerLine/ShimmerLine.base.tsx b/packages/react/src/components/Shimmer/ShimmerLine/ShimmerLine.base.tsx similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerLine/ShimmerLine.base.tsx rename to packages/react/src/components/Shimmer/ShimmerLine/ShimmerLine.base.tsx diff --git a/packages/react-internal/src/components/Shimmer/ShimmerLine/ShimmerLine.styles.ts b/packages/react/src/components/Shimmer/ShimmerLine/ShimmerLine.styles.ts similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerLine/ShimmerLine.styles.ts rename to packages/react/src/components/Shimmer/ShimmerLine/ShimmerLine.styles.ts diff --git a/packages/react-internal/src/components/Shimmer/ShimmerLine/ShimmerLine.tsx b/packages/react/src/components/Shimmer/ShimmerLine/ShimmerLine.tsx similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerLine/ShimmerLine.tsx rename to packages/react/src/components/Shimmer/ShimmerLine/ShimmerLine.tsx diff --git a/packages/react-internal/src/components/Shimmer/ShimmerLine/ShimmerLine.types.ts b/packages/react/src/components/Shimmer/ShimmerLine/ShimmerLine.types.ts similarity index 100% rename from packages/react-internal/src/components/Shimmer/ShimmerLine/ShimmerLine.types.ts rename to packages/react/src/components/Shimmer/ShimmerLine/ShimmerLine.types.ts diff --git a/packages/react-internal/src/components/Shimmer/__snapshots__/Shimmer.test.tsx.snap b/packages/react/src/components/Shimmer/__snapshots__/Shimmer.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Shimmer/__snapshots__/Shimmer.test.tsx.snap rename to packages/react/src/components/Shimmer/__snapshots__/Shimmer.test.tsx.snap diff --git a/packages/react-internal/src/components/Shimmer/index.ts b/packages/react/src/components/Shimmer/index.ts similarity index 100% rename from packages/react-internal/src/components/Shimmer/index.ts rename to packages/react/src/components/Shimmer/index.ts diff --git a/packages/react-internal/src/components/Slider/Slider.base.tsx b/packages/react/src/components/Slider/Slider.base.tsx similarity index 100% rename from packages/react-internal/src/components/Slider/Slider.base.tsx rename to packages/react/src/components/Slider/Slider.base.tsx diff --git a/packages/react-internal/src/components/Slider/Slider.styles.ts b/packages/react/src/components/Slider/Slider.styles.ts similarity index 100% rename from packages/react-internal/src/components/Slider/Slider.styles.ts rename to packages/react/src/components/Slider/Slider.styles.ts diff --git a/packages/react-internal/src/components/Slider/Slider.test.tsx b/packages/react/src/components/Slider/Slider.test.tsx similarity index 100% rename from packages/react-internal/src/components/Slider/Slider.test.tsx rename to packages/react/src/components/Slider/Slider.test.tsx diff --git a/packages/react-internal/src/components/Slider/Slider.tsx b/packages/react/src/components/Slider/Slider.tsx similarity index 100% rename from packages/react-internal/src/components/Slider/Slider.tsx rename to packages/react/src/components/Slider/Slider.tsx diff --git a/packages/react-internal/src/components/Slider/Slider.types.ts b/packages/react/src/components/Slider/Slider.types.ts similarity index 98% rename from packages/react-internal/src/components/Slider/Slider.types.ts rename to packages/react/src/components/Slider/Slider.types.ts index a50b4ea003d0f4..23f64905d8c4da 100644 --- a/packages/react-internal/src/components/Slider/Slider.types.ts +++ b/packages/react/src/components/Slider/Slider.types.ts @@ -1,5 +1,3 @@ -/* eslint-disable @typescript-eslint/naming-convention */ - import * as React from 'react'; import { IStyle, ITheme } from '@fluentui/style-utilities'; import { IStyleFunctionOrObject, IRefObject } from '@fluentui/utilities'; diff --git a/packages/react-internal/src/components/Slider/__snapshots__/Slider.test.tsx.snap b/packages/react/src/components/Slider/__snapshots__/Slider.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Slider/__snapshots__/Slider.test.tsx.snap rename to packages/react/src/components/Slider/__snapshots__/Slider.test.tsx.snap diff --git a/packages/react-internal/src/components/Slider/index.ts b/packages/react/src/components/Slider/index.ts similarity index 100% rename from packages/react-internal/src/components/Slider/index.ts rename to packages/react/src/components/Slider/index.ts diff --git a/packages/react-internal/src/components/Slider/useSlider.ts b/packages/react/src/components/Slider/useSlider.ts similarity index 99% rename from packages/react-internal/src/components/Slider/useSlider.ts rename to packages/react/src/components/Slider/useSlider.ts index e53d4d2a14a976..1bf75129180305 100644 --- a/packages/react-internal/src/components/Slider/useSlider.ts +++ b/packages/react/src/components/Slider/useSlider.ts @@ -113,7 +113,6 @@ export const useSlider = (props: ISliderProps, ref: React.Ref) = if (props.onChanged) { props.onChanged(event, value as number); } - // eslint-disable-next-line @typescript-eslint/no-explicit-any }, ONKEYDOWN_TIMEOUT_DURATION) as any, ); }; diff --git a/packages/react-internal/src/components/SpinButton/SpinButton.base.tsx b/packages/react/src/components/SpinButton/SpinButton.base.tsx similarity index 100% rename from packages/react-internal/src/components/SpinButton/SpinButton.base.tsx rename to packages/react/src/components/SpinButton/SpinButton.base.tsx diff --git a/packages/react-internal/src/components/SpinButton/SpinButton.styles.ts b/packages/react/src/components/SpinButton/SpinButton.styles.ts similarity index 100% rename from packages/react-internal/src/components/SpinButton/SpinButton.styles.ts rename to packages/react/src/components/SpinButton/SpinButton.styles.ts diff --git a/packages/react-internal/src/components/SpinButton/SpinButton.test.tsx b/packages/react/src/components/SpinButton/SpinButton.test.tsx similarity index 100% rename from packages/react-internal/src/components/SpinButton/SpinButton.test.tsx rename to packages/react/src/components/SpinButton/SpinButton.test.tsx diff --git a/packages/react-internal/src/components/SpinButton/SpinButton.tsx b/packages/react/src/components/SpinButton/SpinButton.tsx similarity index 100% rename from packages/react-internal/src/components/SpinButton/SpinButton.tsx rename to packages/react/src/components/SpinButton/SpinButton.tsx diff --git a/packages/react-internal/src/components/SpinButton/SpinButton.types.ts b/packages/react/src/components/SpinButton/SpinButton.types.ts similarity index 100% rename from packages/react-internal/src/components/SpinButton/SpinButton.types.ts rename to packages/react/src/components/SpinButton/SpinButton.types.ts diff --git a/packages/react-internal/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap b/packages/react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap rename to packages/react/src/components/SpinButton/__snapshots__/SpinButton.test.tsx.snap diff --git a/packages/react-internal/src/components/SpinButton/index.ts b/packages/react/src/components/SpinButton/index.ts similarity index 100% rename from packages/react-internal/src/components/SpinButton/index.ts rename to packages/react/src/components/SpinButton/index.ts diff --git a/packages/react-internal/src/components/Spinner/Spinner.base.tsx b/packages/react/src/components/Spinner/Spinner.base.tsx similarity index 100% rename from packages/react-internal/src/components/Spinner/Spinner.base.tsx rename to packages/react/src/components/Spinner/Spinner.base.tsx diff --git a/packages/react-internal/src/components/Spinner/Spinner.styles.tsx b/packages/react/src/components/Spinner/Spinner.styles.tsx similarity index 100% rename from packages/react-internal/src/components/Spinner/Spinner.styles.tsx rename to packages/react/src/components/Spinner/Spinner.styles.tsx diff --git a/packages/react-internal/src/components/Spinner/Spinner.test.tsx b/packages/react/src/components/Spinner/Spinner.test.tsx similarity index 100% rename from packages/react-internal/src/components/Spinner/Spinner.test.tsx rename to packages/react/src/components/Spinner/Spinner.test.tsx diff --git a/packages/react-internal/src/components/Spinner/Spinner.tsx b/packages/react/src/components/Spinner/Spinner.tsx similarity index 100% rename from packages/react-internal/src/components/Spinner/Spinner.tsx rename to packages/react/src/components/Spinner/Spinner.tsx diff --git a/packages/react-internal/src/components/Spinner/Spinner.types.ts b/packages/react/src/components/Spinner/Spinner.types.ts similarity index 100% rename from packages/react-internal/src/components/Spinner/Spinner.types.ts rename to packages/react/src/components/Spinner/Spinner.types.ts diff --git a/packages/react-internal/src/components/Spinner/__snapshots__/Spinner.test.tsx.snap b/packages/react/src/components/Spinner/__snapshots__/Spinner.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Spinner/__snapshots__/Spinner.test.tsx.snap rename to packages/react/src/components/Spinner/__snapshots__/Spinner.test.tsx.snap diff --git a/packages/react-internal/src/components/Spinner/index.ts b/packages/react/src/components/Spinner/index.ts similarity index 100% rename from packages/react-internal/src/components/Spinner/index.ts rename to packages/react/src/components/Spinner/index.ts diff --git a/packages/react-internal/src/components/Stack/Stack.styles.ts b/packages/react/src/components/Stack/Stack.styles.ts similarity index 100% rename from packages/react-internal/src/components/Stack/Stack.styles.ts rename to packages/react/src/components/Stack/Stack.styles.ts diff --git a/packages/react-internal/src/components/Stack/Stack.test.tsx b/packages/react/src/components/Stack/Stack.test.tsx similarity index 100% rename from packages/react-internal/src/components/Stack/Stack.test.tsx rename to packages/react/src/components/Stack/Stack.test.tsx diff --git a/packages/react-internal/src/components/Stack/Stack.tsx b/packages/react/src/components/Stack/Stack.tsx similarity index 100% rename from packages/react-internal/src/components/Stack/Stack.tsx rename to packages/react/src/components/Stack/Stack.tsx diff --git a/packages/react-internal/src/components/Stack/Stack.types.ts b/packages/react/src/components/Stack/Stack.types.ts similarity index 100% rename from packages/react-internal/src/components/Stack/Stack.types.ts rename to packages/react/src/components/Stack/Stack.types.ts diff --git a/packages/react-internal/src/components/Stack/StackItem/StackItem.styles.ts b/packages/react/src/components/Stack/StackItem/StackItem.styles.ts similarity index 100% rename from packages/react-internal/src/components/Stack/StackItem/StackItem.styles.ts rename to packages/react/src/components/Stack/StackItem/StackItem.styles.ts diff --git a/packages/react-internal/src/components/Stack/StackItem/StackItem.test.tsx b/packages/react/src/components/Stack/StackItem/StackItem.test.tsx similarity index 100% rename from packages/react-internal/src/components/Stack/StackItem/StackItem.test.tsx rename to packages/react/src/components/Stack/StackItem/StackItem.test.tsx diff --git a/packages/react-internal/src/components/Stack/StackItem/StackItem.tsx b/packages/react/src/components/Stack/StackItem/StackItem.tsx similarity index 100% rename from packages/react-internal/src/components/Stack/StackItem/StackItem.tsx rename to packages/react/src/components/Stack/StackItem/StackItem.tsx diff --git a/packages/react-internal/src/components/Stack/StackItem/StackItem.types.ts b/packages/react/src/components/Stack/StackItem/StackItem.types.ts similarity index 100% rename from packages/react-internal/src/components/Stack/StackItem/StackItem.types.ts rename to packages/react/src/components/Stack/StackItem/StackItem.types.ts diff --git a/packages/react-internal/src/components/Stack/StackUtils.test.ts b/packages/react/src/components/Stack/StackUtils.test.ts similarity index 100% rename from packages/react-internal/src/components/Stack/StackUtils.test.ts rename to packages/react/src/components/Stack/StackUtils.test.ts diff --git a/packages/react-internal/src/components/Stack/StackUtils.ts b/packages/react/src/components/Stack/StackUtils.ts similarity index 100% rename from packages/react-internal/src/components/Stack/StackUtils.ts rename to packages/react/src/components/Stack/StackUtils.ts diff --git a/packages/react-internal/src/components/Stack/__snapshots__/Stack.test.tsx.snap b/packages/react/src/components/Stack/__snapshots__/Stack.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Stack/__snapshots__/Stack.test.tsx.snap rename to packages/react/src/components/Stack/__snapshots__/Stack.test.tsx.snap diff --git a/packages/react-internal/src/components/Stack/index.ts b/packages/react/src/components/Stack/index.ts similarity index 100% rename from packages/react-internal/src/components/Stack/index.ts rename to packages/react/src/components/Stack/index.ts diff --git a/packages/react-internal/src/components/Sticky/Sticky.test.tsx b/packages/react/src/components/Sticky/Sticky.test.tsx similarity index 100% rename from packages/react-internal/src/components/Sticky/Sticky.test.tsx rename to packages/react/src/components/Sticky/Sticky.test.tsx diff --git a/packages/react-internal/src/components/Sticky/Sticky.tsx b/packages/react/src/components/Sticky/Sticky.tsx similarity index 100% rename from packages/react-internal/src/components/Sticky/Sticky.tsx rename to packages/react/src/components/Sticky/Sticky.tsx diff --git a/packages/react-internal/src/components/Sticky/Sticky.types.ts b/packages/react/src/components/Sticky/Sticky.types.ts similarity index 100% rename from packages/react-internal/src/components/Sticky/Sticky.types.ts rename to packages/react/src/components/Sticky/Sticky.types.ts diff --git a/packages/react-internal/src/components/Sticky/index.ts b/packages/react/src/components/Sticky/index.ts similarity index 100% rename from packages/react-internal/src/components/Sticky/index.ts rename to packages/react/src/components/Sticky/index.ts diff --git a/packages/react-internal/src/components/SwatchColorPicker/ColorPickerGridCell.base.tsx b/packages/react/src/components/SwatchColorPicker/ColorPickerGridCell.base.tsx similarity index 100% rename from packages/react-internal/src/components/SwatchColorPicker/ColorPickerGridCell.base.tsx rename to packages/react/src/components/SwatchColorPicker/ColorPickerGridCell.base.tsx diff --git a/packages/react-internal/src/components/SwatchColorPicker/ColorPickerGridCell.styles.ts b/packages/react/src/components/SwatchColorPicker/ColorPickerGridCell.styles.ts similarity index 100% rename from packages/react-internal/src/components/SwatchColorPicker/ColorPickerGridCell.styles.ts rename to packages/react/src/components/SwatchColorPicker/ColorPickerGridCell.styles.ts diff --git a/packages/react-internal/src/components/SwatchColorPicker/ColorPickerGridCell.tsx b/packages/react/src/components/SwatchColorPicker/ColorPickerGridCell.tsx similarity index 100% rename from packages/react-internal/src/components/SwatchColorPicker/ColorPickerGridCell.tsx rename to packages/react/src/components/SwatchColorPicker/ColorPickerGridCell.tsx diff --git a/packages/react-internal/src/components/SwatchColorPicker/ColorPickerGridCell.types.ts b/packages/react/src/components/SwatchColorPicker/ColorPickerGridCell.types.ts similarity index 100% rename from packages/react-internal/src/components/SwatchColorPicker/ColorPickerGridCell.types.ts rename to packages/react/src/components/SwatchColorPicker/ColorPickerGridCell.types.ts diff --git a/packages/react-internal/src/components/SwatchColorPicker/SwatchColorPicker.base.tsx b/packages/react/src/components/SwatchColorPicker/SwatchColorPicker.base.tsx similarity index 100% rename from packages/react-internal/src/components/SwatchColorPicker/SwatchColorPicker.base.tsx rename to packages/react/src/components/SwatchColorPicker/SwatchColorPicker.base.tsx diff --git a/packages/react-internal/src/components/SwatchColorPicker/SwatchColorPicker.styles.ts b/packages/react/src/components/SwatchColorPicker/SwatchColorPicker.styles.ts similarity index 100% rename from packages/react-internal/src/components/SwatchColorPicker/SwatchColorPicker.styles.ts rename to packages/react/src/components/SwatchColorPicker/SwatchColorPicker.styles.ts diff --git a/packages/react-internal/src/components/SwatchColorPicker/SwatchColorPicker.test.tsx b/packages/react/src/components/SwatchColorPicker/SwatchColorPicker.test.tsx similarity index 100% rename from packages/react-internal/src/components/SwatchColorPicker/SwatchColorPicker.test.tsx rename to packages/react/src/components/SwatchColorPicker/SwatchColorPicker.test.tsx diff --git a/packages/react-internal/src/components/SwatchColorPicker/SwatchColorPicker.tsx b/packages/react/src/components/SwatchColorPicker/SwatchColorPicker.tsx similarity index 100% rename from packages/react-internal/src/components/SwatchColorPicker/SwatchColorPicker.tsx rename to packages/react/src/components/SwatchColorPicker/SwatchColorPicker.tsx diff --git a/packages/react-internal/src/components/SwatchColorPicker/SwatchColorPicker.types.ts b/packages/react/src/components/SwatchColorPicker/SwatchColorPicker.types.ts similarity index 100% rename from packages/react-internal/src/components/SwatchColorPicker/SwatchColorPicker.types.ts rename to packages/react/src/components/SwatchColorPicker/SwatchColorPicker.types.ts diff --git a/packages/react-internal/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap b/packages/react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap rename to packages/react/src/components/SwatchColorPicker/__snapshots__/SwatchColorPicker.test.tsx.snap diff --git a/packages/react-internal/src/components/SwatchColorPicker/index.ts b/packages/react/src/components/SwatchColorPicker/index.ts similarity index 100% rename from packages/react-internal/src/components/SwatchColorPicker/index.ts rename to packages/react/src/components/SwatchColorPicker/index.ts diff --git a/packages/react-internal/src/components/TeachingBubble/TeachingBubble.base.tsx b/packages/react/src/components/TeachingBubble/TeachingBubble.base.tsx similarity index 100% rename from packages/react-internal/src/components/TeachingBubble/TeachingBubble.base.tsx rename to packages/react/src/components/TeachingBubble/TeachingBubble.base.tsx diff --git a/packages/react-internal/src/components/TeachingBubble/TeachingBubble.deprecated.test.tsx b/packages/react/src/components/TeachingBubble/TeachingBubble.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/TeachingBubble/TeachingBubble.deprecated.test.tsx rename to packages/react/src/components/TeachingBubble/TeachingBubble.deprecated.test.tsx diff --git a/packages/react-internal/src/components/TeachingBubble/TeachingBubble.styles.ts b/packages/react/src/components/TeachingBubble/TeachingBubble.styles.ts similarity index 100% rename from packages/react-internal/src/components/TeachingBubble/TeachingBubble.styles.ts rename to packages/react/src/components/TeachingBubble/TeachingBubble.styles.ts diff --git a/packages/react-internal/src/components/TeachingBubble/TeachingBubble.test.tsx b/packages/react/src/components/TeachingBubble/TeachingBubble.test.tsx similarity index 100% rename from packages/react-internal/src/components/TeachingBubble/TeachingBubble.test.tsx rename to packages/react/src/components/TeachingBubble/TeachingBubble.test.tsx diff --git a/packages/react-internal/src/components/TeachingBubble/TeachingBubble.ts b/packages/react/src/components/TeachingBubble/TeachingBubble.ts similarity index 100% rename from packages/react-internal/src/components/TeachingBubble/TeachingBubble.ts rename to packages/react/src/components/TeachingBubble/TeachingBubble.ts diff --git a/packages/react-internal/src/components/TeachingBubble/TeachingBubble.types.ts b/packages/react/src/components/TeachingBubble/TeachingBubble.types.ts similarity index 100% rename from packages/react-internal/src/components/TeachingBubble/TeachingBubble.types.ts rename to packages/react/src/components/TeachingBubble/TeachingBubble.types.ts diff --git a/packages/react-internal/src/components/TeachingBubble/TeachingBubbleContent.base.tsx b/packages/react/src/components/TeachingBubble/TeachingBubbleContent.base.tsx similarity index 100% rename from packages/react-internal/src/components/TeachingBubble/TeachingBubbleContent.base.tsx rename to packages/react/src/components/TeachingBubble/TeachingBubbleContent.base.tsx diff --git a/packages/react-internal/src/components/TeachingBubble/TeachingBubbleContent.ts b/packages/react/src/components/TeachingBubble/TeachingBubbleContent.ts similarity index 100% rename from packages/react-internal/src/components/TeachingBubble/TeachingBubbleContent.ts rename to packages/react/src/components/TeachingBubble/TeachingBubbleContent.ts diff --git a/packages/react-internal/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap b/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap rename to packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.deprecated.test.tsx.snap diff --git a/packages/react-internal/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap b/packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap rename to packages/react/src/components/TeachingBubble/__snapshots__/TeachingBubble.test.tsx.snap diff --git a/packages/react-internal/src/components/TeachingBubble/index.ts b/packages/react/src/components/TeachingBubble/index.ts similarity index 100% rename from packages/react-internal/src/components/TeachingBubble/index.ts rename to packages/react/src/components/TeachingBubble/index.ts diff --git a/packages/react-internal/src/components/Text/Text.styles.ts b/packages/react/src/components/Text/Text.styles.ts similarity index 100% rename from packages/react-internal/src/components/Text/Text.styles.ts rename to packages/react/src/components/Text/Text.styles.ts diff --git a/packages/react-internal/src/components/Text/Text.test.tsx b/packages/react/src/components/Text/Text.test.tsx similarity index 100% rename from packages/react-internal/src/components/Text/Text.test.tsx rename to packages/react/src/components/Text/Text.test.tsx diff --git a/packages/react-internal/src/components/Text/Text.ts b/packages/react/src/components/Text/Text.ts similarity index 100% rename from packages/react-internal/src/components/Text/Text.ts rename to packages/react/src/components/Text/Text.ts diff --git a/packages/react-internal/src/components/Text/Text.types.tsx b/packages/react/src/components/Text/Text.types.tsx similarity index 100% rename from packages/react-internal/src/components/Text/Text.types.tsx rename to packages/react/src/components/Text/Text.types.tsx diff --git a/packages/react-internal/src/components/Text/Text.view.tsx b/packages/react/src/components/Text/Text.view.tsx similarity index 100% rename from packages/react-internal/src/components/Text/Text.view.tsx rename to packages/react/src/components/Text/Text.view.tsx diff --git a/packages/react-internal/src/components/Text/__snapshots__/Text.test.tsx.snap b/packages/react/src/components/Text/__snapshots__/Text.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Text/__snapshots__/Text.test.tsx.snap rename to packages/react/src/components/Text/__snapshots__/Text.test.tsx.snap diff --git a/packages/react-internal/src/components/Text/index.ts b/packages/react/src/components/Text/index.ts similarity index 100% rename from packages/react-internal/src/components/Text/index.ts rename to packages/react/src/components/Text/index.ts diff --git a/packages/react-internal/src/components/TextField/MaskedTextField/MaskedTextField.test.tsx b/packages/react/src/components/TextField/MaskedTextField/MaskedTextField.test.tsx similarity index 100% rename from packages/react-internal/src/components/TextField/MaskedTextField/MaskedTextField.test.tsx rename to packages/react/src/components/TextField/MaskedTextField/MaskedTextField.test.tsx diff --git a/packages/react-internal/src/components/TextField/MaskedTextField/MaskedTextField.tsx b/packages/react/src/components/TextField/MaskedTextField/MaskedTextField.tsx similarity index 100% rename from packages/react-internal/src/components/TextField/MaskedTextField/MaskedTextField.tsx rename to packages/react/src/components/TextField/MaskedTextField/MaskedTextField.tsx diff --git a/packages/react-internal/src/components/TextField/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap b/packages/react/src/components/TextField/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/TextField/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap rename to packages/react/src/components/TextField/MaskedTextField/__snapshots__/MaskedTextField.test.tsx.snap diff --git a/packages/react-internal/src/components/TextField/MaskedTextField/inputMask.test.ts b/packages/react/src/components/TextField/MaskedTextField/inputMask.test.ts similarity index 100% rename from packages/react-internal/src/components/TextField/MaskedTextField/inputMask.test.ts rename to packages/react/src/components/TextField/MaskedTextField/inputMask.test.ts diff --git a/packages/react-internal/src/components/TextField/MaskedTextField/inputMask.ts b/packages/react/src/components/TextField/MaskedTextField/inputMask.ts similarity index 100% rename from packages/react-internal/src/components/TextField/MaskedTextField/inputMask.ts rename to packages/react/src/components/TextField/MaskedTextField/inputMask.ts diff --git a/packages/react-internal/src/components/TextField/TextField.base.tsx b/packages/react/src/components/TextField/TextField.base.tsx similarity index 100% rename from packages/react-internal/src/components/TextField/TextField.base.tsx rename to packages/react/src/components/TextField/TextField.base.tsx diff --git a/packages/react-internal/src/components/TextField/TextField.styles.tsx b/packages/react/src/components/TextField/TextField.styles.tsx similarity index 100% rename from packages/react-internal/src/components/TextField/TextField.styles.tsx rename to packages/react/src/components/TextField/TextField.styles.tsx diff --git a/packages/react-internal/src/components/TextField/TextField.test.tsx b/packages/react/src/components/TextField/TextField.test.tsx similarity index 100% rename from packages/react-internal/src/components/TextField/TextField.test.tsx rename to packages/react/src/components/TextField/TextField.test.tsx diff --git a/packages/react-internal/src/components/TextField/TextField.ts b/packages/react/src/components/TextField/TextField.ts similarity index 100% rename from packages/react-internal/src/components/TextField/TextField.ts rename to packages/react/src/components/TextField/TextField.ts diff --git a/packages/react-internal/src/components/TextField/TextField.types.ts b/packages/react/src/components/TextField/TextField.types.ts similarity index 100% rename from packages/react-internal/src/components/TextField/TextField.types.ts rename to packages/react/src/components/TextField/TextField.types.ts diff --git a/packages/react-internal/src/components/TextField/__snapshots__/TextField.test.tsx.snap b/packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/TextField/__snapshots__/TextField.test.tsx.snap rename to packages/react/src/components/TextField/__snapshots__/TextField.test.tsx.snap diff --git a/packages/react-internal/src/components/TextField/index.ts b/packages/react/src/components/TextField/index.ts similarity index 100% rename from packages/react-internal/src/components/TextField/index.ts rename to packages/react/src/components/TextField/index.ts diff --git a/packages/react-internal/src/components/ThemeGenerator/IThemeRules.ts b/packages/react/src/components/ThemeGenerator/IThemeRules.ts similarity index 100% rename from packages/react-internal/src/components/ThemeGenerator/IThemeRules.ts rename to packages/react/src/components/ThemeGenerator/IThemeRules.ts diff --git a/packages/react-internal/src/components/ThemeGenerator/IThemeSlotRule.ts b/packages/react/src/components/ThemeGenerator/IThemeSlotRule.ts similarity index 100% rename from packages/react-internal/src/components/ThemeGenerator/IThemeSlotRule.ts rename to packages/react/src/components/ThemeGenerator/IThemeSlotRule.ts diff --git a/packages/react-internal/src/components/ThemeGenerator/ThemeGenerator.ts b/packages/react/src/components/ThemeGenerator/ThemeGenerator.ts similarity index 100% rename from packages/react-internal/src/components/ThemeGenerator/ThemeGenerator.ts rename to packages/react/src/components/ThemeGenerator/ThemeGenerator.ts diff --git a/packages/react-internal/src/components/ThemeGenerator/ThemeRulesStandard.ts b/packages/react/src/components/ThemeGenerator/ThemeRulesStandard.ts similarity index 100% rename from packages/react-internal/src/components/ThemeGenerator/ThemeRulesStandard.ts rename to packages/react/src/components/ThemeGenerator/ThemeRulesStandard.ts diff --git a/packages/react-internal/src/components/ThemeGenerator/index.ts b/packages/react/src/components/ThemeGenerator/index.ts similarity index 100% rename from packages/react-internal/src/components/ThemeGenerator/index.ts rename to packages/react/src/components/ThemeGenerator/index.ts diff --git a/packages/react-internal/src/components/Toggle/Toggle.base.tsx b/packages/react/src/components/Toggle/Toggle.base.tsx similarity index 100% rename from packages/react-internal/src/components/Toggle/Toggle.base.tsx rename to packages/react/src/components/Toggle/Toggle.base.tsx diff --git a/packages/react-internal/src/components/Toggle/Toggle.deprecated.test.tsx b/packages/react/src/components/Toggle/Toggle.deprecated.test.tsx similarity index 100% rename from packages/react-internal/src/components/Toggle/Toggle.deprecated.test.tsx rename to packages/react/src/components/Toggle/Toggle.deprecated.test.tsx diff --git a/packages/react-internal/src/components/Toggle/Toggle.styles.ts b/packages/react/src/components/Toggle/Toggle.styles.ts similarity index 100% rename from packages/react-internal/src/components/Toggle/Toggle.styles.ts rename to packages/react/src/components/Toggle/Toggle.styles.ts diff --git a/packages/react-internal/src/components/Toggle/Toggle.test.tsx b/packages/react/src/components/Toggle/Toggle.test.tsx similarity index 100% rename from packages/react-internal/src/components/Toggle/Toggle.test.tsx rename to packages/react/src/components/Toggle/Toggle.test.tsx diff --git a/packages/react-internal/src/components/Toggle/Toggle.tsx b/packages/react/src/components/Toggle/Toggle.tsx similarity index 100% rename from packages/react-internal/src/components/Toggle/Toggle.tsx rename to packages/react/src/components/Toggle/Toggle.tsx diff --git a/packages/react-internal/src/components/Toggle/Toggle.types.ts b/packages/react/src/components/Toggle/Toggle.types.ts similarity index 98% rename from packages/react-internal/src/components/Toggle/Toggle.types.ts rename to packages/react/src/components/Toggle/Toggle.types.ts index b4257e95c4b767..523afcf1b35d77 100644 --- a/packages/react-internal/src/components/Toggle/Toggle.types.ts +++ b/packages/react/src/components/Toggle/Toggle.types.ts @@ -1,5 +1,3 @@ -/* eslint-disable @typescript-eslint/naming-convention */ - import * as React from 'react'; import { IStyle, ITheme } from '@fluentui/style-utilities'; import { IRefObject, IStyleFunctionOrObject, IComponentAs } from '@fluentui/utilities'; diff --git a/packages/react-internal/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap b/packages/react/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap rename to packages/react/src/components/Toggle/__snapshots__/Toggle.test.tsx.snap diff --git a/packages/react-internal/src/components/Toggle/index.ts b/packages/react/src/components/Toggle/index.ts similarity index 100% rename from packages/react-internal/src/components/Toggle/index.ts rename to packages/react/src/components/Toggle/index.ts diff --git a/packages/react-internal/src/components/Tooltip/Tooltip.base.tsx b/packages/react/src/components/Tooltip/Tooltip.base.tsx similarity index 100% rename from packages/react-internal/src/components/Tooltip/Tooltip.base.tsx rename to packages/react/src/components/Tooltip/Tooltip.base.tsx diff --git a/packages/react-internal/src/components/Tooltip/Tooltip.styles.ts b/packages/react/src/components/Tooltip/Tooltip.styles.ts similarity index 100% rename from packages/react-internal/src/components/Tooltip/Tooltip.styles.ts rename to packages/react/src/components/Tooltip/Tooltip.styles.ts diff --git a/packages/react-internal/src/components/Tooltip/Tooltip.test.tsx b/packages/react/src/components/Tooltip/Tooltip.test.tsx similarity index 100% rename from packages/react-internal/src/components/Tooltip/Tooltip.test.tsx rename to packages/react/src/components/Tooltip/Tooltip.test.tsx diff --git a/packages/react-internal/src/components/Tooltip/Tooltip.tsx b/packages/react/src/components/Tooltip/Tooltip.tsx similarity index 100% rename from packages/react-internal/src/components/Tooltip/Tooltip.tsx rename to packages/react/src/components/Tooltip/Tooltip.tsx diff --git a/packages/react-internal/src/components/Tooltip/Tooltip.types.ts b/packages/react/src/components/Tooltip/Tooltip.types.ts similarity index 100% rename from packages/react-internal/src/components/Tooltip/Tooltip.types.ts rename to packages/react/src/components/Tooltip/Tooltip.types.ts diff --git a/packages/react-internal/src/components/Tooltip/TooltipHost.base.tsx b/packages/react/src/components/Tooltip/TooltipHost.base.tsx similarity index 100% rename from packages/react-internal/src/components/Tooltip/TooltipHost.base.tsx rename to packages/react/src/components/Tooltip/TooltipHost.base.tsx diff --git a/packages/react-internal/src/components/Tooltip/TooltipHost.styles.ts b/packages/react/src/components/Tooltip/TooltipHost.styles.ts similarity index 100% rename from packages/react-internal/src/components/Tooltip/TooltipHost.styles.ts rename to packages/react/src/components/Tooltip/TooltipHost.styles.ts diff --git a/packages/react-internal/src/components/Tooltip/TooltipHost.test.tsx b/packages/react/src/components/Tooltip/TooltipHost.test.tsx similarity index 100% rename from packages/react-internal/src/components/Tooltip/TooltipHost.test.tsx rename to packages/react/src/components/Tooltip/TooltipHost.test.tsx diff --git a/packages/react-internal/src/components/Tooltip/TooltipHost.ts b/packages/react/src/components/Tooltip/TooltipHost.ts similarity index 100% rename from packages/react-internal/src/components/Tooltip/TooltipHost.ts rename to packages/react/src/components/Tooltip/TooltipHost.ts diff --git a/packages/react-internal/src/components/Tooltip/TooltipHost.types.ts b/packages/react/src/components/Tooltip/TooltipHost.types.ts similarity index 100% rename from packages/react-internal/src/components/Tooltip/TooltipHost.types.ts rename to packages/react/src/components/Tooltip/TooltipHost.types.ts diff --git a/packages/react-internal/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap b/packages/react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap rename to packages/react/src/components/Tooltip/__snapshots__/Tooltip.test.tsx.snap diff --git a/packages/react-internal/src/components/Tooltip/__snapshots__/TooltipHost.test.tsx.snap b/packages/react/src/components/Tooltip/__snapshots__/TooltipHost.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/Tooltip/__snapshots__/TooltipHost.test.tsx.snap rename to packages/react/src/components/Tooltip/__snapshots__/TooltipHost.test.tsx.snap diff --git a/packages/react-internal/src/components/Tooltip/index.ts b/packages/react/src/components/Tooltip/index.ts similarity index 100% rename from packages/react-internal/src/components/Tooltip/index.ts rename to packages/react/src/components/Tooltip/index.ts diff --git a/packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.base.tsx b/packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.base.tsx similarity index 99% rename from packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.base.tsx rename to packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.base.tsx index c8b2f77796d6b6..2eb7cdcfa53c19 100644 --- a/packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.base.tsx +++ b/packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.base.tsx @@ -16,7 +16,7 @@ import { DayOfWeek, DEFAULT_DATE_FORMATTING, } from '@fluentui/date-time-utilities'; -import { Icon } from '@fluentui/react-internal/lib/Icon'; +import { Icon } from '../../Icon'; import { defaultWeeklyDayPickerStrings, defaultWeeklyDayPickerNavigationIcons } from './defaults'; const getClassNames = classNamesFunction(); diff --git a/packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.styles.ts b/packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.styles.ts similarity index 100% rename from packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.styles.ts rename to packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.styles.ts diff --git a/packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.test.tsx b/packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.test.tsx similarity index 100% rename from packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.test.tsx rename to packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.test.tsx diff --git a/packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.tsx b/packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.tsx similarity index 85% rename from packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.tsx rename to packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.tsx index a94aa5fbfbad74..7443a214da3b5e 100644 --- a/packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.tsx +++ b/packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { WeeklyDayPickerBase } from './WeeklyDayPicker.base'; import { styles } from './WeeklyDayPicker.styles'; -import { styled } from '@fluentui/react-internal/lib/Utilities'; +import { styled } from '../../Utilities'; import { IWeeklyDayPickerProps } from './WeeklyDayPicker.types'; export const WeeklyDayPicker: React.FunctionComponent = styled( diff --git a/packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.types.ts b/packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.types.ts similarity index 100% rename from packages/react-date-time/src/components/WeeklyDayPicker/WeeklyDayPicker.types.ts rename to packages/react/src/components/WeeklyDayPicker/WeeklyDayPicker.types.ts diff --git a/packages/react-date-time/src/components/WeeklyDayPicker/__snapshots__/WeeklyDayPicker.test.tsx.snap b/packages/react/src/components/WeeklyDayPicker/__snapshots__/WeeklyDayPicker.test.tsx.snap similarity index 99% rename from packages/react-date-time/src/components/WeeklyDayPicker/__snapshots__/WeeklyDayPicker.test.tsx.snap rename to packages/react/src/components/WeeklyDayPicker/__snapshots__/WeeklyDayPicker.test.tsx.snap index 3f5e89b4c952da..899199ede6e26b 100644 --- a/packages/react-date-time/src/components/WeeklyDayPicker/__snapshots__/WeeklyDayPicker.test.tsx.snap +++ b/packages/react/src/components/WeeklyDayPicker/__snapshots__/WeeklyDayPicker.test.tsx.snap @@ -102,10 +102,18 @@ exports[`WeeklyDayPicker renders WeeklyDayPicker with FirstDayOfWeek=Wednesday c className= { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; display: inline-block; + font-family: "FabricMDL2Icons"; + font-style: normal; + font-weight: normal; + speak: none; } data-icon-name="ChevronLeft" - /> + > +  +
+ > +  +
`; @@ -3289,10 +3305,18 @@ exports[`WeeklyDayPicker renders default WeeklyDayPicker correctly 1`] = ` className= { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; display: inline-block; + font-family: "FabricMDL2Icons"; + font-style: normal; + font-weight: normal; + speak: none; } data-icon-name="ChevronLeft" - /> + > +  +
+ > +  +
`; diff --git a/packages/react-date-time/src/components/WeeklyDayPicker/defaults.ts b/packages/react/src/components/WeeklyDayPicker/defaults.ts similarity index 100% rename from packages/react-date-time/src/components/WeeklyDayPicker/defaults.ts rename to packages/react/src/components/WeeklyDayPicker/defaults.ts diff --git a/packages/react-date-time/src/components/WeeklyDayPicker/index.ts b/packages/react/src/components/WeeklyDayPicker/index.ts similarity index 100% rename from packages/react-date-time/src/components/WeeklyDayPicker/index.ts rename to packages/react/src/components/WeeklyDayPicker/index.ts diff --git a/packages/react-internal/src/components/pickers/AutoFill/BaseAutoFill.tsx b/packages/react/src/components/pickers/AutoFill/BaseAutoFill.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/AutoFill/BaseAutoFill.tsx rename to packages/react/src/components/pickers/AutoFill/BaseAutoFill.tsx diff --git a/packages/react-internal/src/components/pickers/AutoFill/BaseAutoFill.types.ts b/packages/react/src/components/pickers/AutoFill/BaseAutoFill.types.ts similarity index 100% rename from packages/react-internal/src/components/pickers/AutoFill/BaseAutoFill.types.ts rename to packages/react/src/components/pickers/AutoFill/BaseAutoFill.types.ts diff --git a/packages/react-internal/src/components/pickers/BasePicker.scss b/packages/react/src/components/pickers/BasePicker.scss similarity index 100% rename from packages/react-internal/src/components/pickers/BasePicker.scss rename to packages/react/src/components/pickers/BasePicker.scss diff --git a/packages/react-internal/src/components/pickers/BasePicker.styles.ts b/packages/react/src/components/pickers/BasePicker.styles.ts similarity index 100% rename from packages/react-internal/src/components/pickers/BasePicker.styles.ts rename to packages/react/src/components/pickers/BasePicker.styles.ts diff --git a/packages/react-internal/src/components/pickers/BasePicker.test.tsx b/packages/react/src/components/pickers/BasePicker.test.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/BasePicker.test.tsx rename to packages/react/src/components/pickers/BasePicker.test.tsx diff --git a/packages/react-internal/src/components/pickers/BasePicker.tsx b/packages/react/src/components/pickers/BasePicker.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/BasePicker.tsx rename to packages/react/src/components/pickers/BasePicker.tsx diff --git a/packages/react-internal/src/components/pickers/BasePicker.types.ts b/packages/react/src/components/pickers/BasePicker.types.ts similarity index 100% rename from packages/react-internal/src/components/pickers/BasePicker.types.ts rename to packages/react/src/components/pickers/BasePicker.types.ts diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePicker.test.tsx b/packages/react/src/components/pickers/PeoplePicker/PeoplePicker.test.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/PeoplePicker.test.tsx rename to packages/react/src/components/pickers/PeoplePicker/PeoplePicker.test.tsx diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePicker.tsx b/packages/react/src/components/pickers/PeoplePicker/PeoplePicker.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/PeoplePicker.tsx rename to packages/react/src/components/pickers/PeoplePicker/PeoplePicker.tsx diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.styles.ts b/packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.styles.ts similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.styles.ts rename to packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.styles.ts diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.tsx b/packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.tsx rename to packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.tsx diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.types.ts b/packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.types.ts similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.types.ts rename to packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItem.types.ts diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.styles.ts b/packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.styles.ts similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.styles.ts rename to packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.styles.ts diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.tsx b/packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.tsx rename to packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PeoplePickerItemSuggestion.tsx diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss b/packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss rename to packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx b/packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx rename to packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/SelectedItemDefault.tsx diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.scss b/packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.scss similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.scss rename to packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.scss diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx b/packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx rename to packages/react/src/components/pickers/PeoplePicker/PeoplePickerItems/SuggestionItemDefault.tsx diff --git a/packages/react-internal/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap b/packages/react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap rename to packages/react/src/components/pickers/PeoplePicker/__snapshots__/PeoplePicker.test.tsx.snap diff --git a/packages/react-internal/src/components/pickers/PickerItem.types.ts b/packages/react/src/components/pickers/PickerItem.types.ts similarity index 100% rename from packages/react-internal/src/components/pickers/PickerItem.types.ts rename to packages/react/src/components/pickers/PickerItem.types.ts diff --git a/packages/react-internal/src/components/pickers/Suggestions/Suggestions.scss b/packages/react/src/components/pickers/Suggestions/Suggestions.scss similarity index 100% rename from packages/react-internal/src/components/pickers/Suggestions/Suggestions.scss rename to packages/react/src/components/pickers/Suggestions/Suggestions.scss diff --git a/packages/react-internal/src/components/pickers/Suggestions/Suggestions.styles.ts b/packages/react/src/components/pickers/Suggestions/Suggestions.styles.ts similarity index 100% rename from packages/react-internal/src/components/pickers/Suggestions/Suggestions.styles.ts rename to packages/react/src/components/pickers/Suggestions/Suggestions.styles.ts diff --git a/packages/react-internal/src/components/pickers/Suggestions/Suggestions.test.tsx b/packages/react/src/components/pickers/Suggestions/Suggestions.test.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/Suggestions/Suggestions.test.tsx rename to packages/react/src/components/pickers/Suggestions/Suggestions.test.tsx diff --git a/packages/react-internal/src/components/pickers/Suggestions/Suggestions.tsx b/packages/react/src/components/pickers/Suggestions/Suggestions.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/Suggestions/Suggestions.tsx rename to packages/react/src/components/pickers/Suggestions/Suggestions.tsx diff --git a/packages/react-internal/src/components/pickers/Suggestions/Suggestions.types.ts b/packages/react/src/components/pickers/Suggestions/Suggestions.types.ts similarity index 100% rename from packages/react-internal/src/components/pickers/Suggestions/Suggestions.types.ts rename to packages/react/src/components/pickers/Suggestions/Suggestions.types.ts diff --git a/packages/react-internal/src/components/pickers/Suggestions/SuggestionsController.ts b/packages/react/src/components/pickers/Suggestions/SuggestionsController.ts similarity index 100% rename from packages/react-internal/src/components/pickers/Suggestions/SuggestionsController.ts rename to packages/react/src/components/pickers/Suggestions/SuggestionsController.ts diff --git a/packages/react-internal/src/components/pickers/Suggestions/SuggestionsItem.styles.ts b/packages/react/src/components/pickers/Suggestions/SuggestionsItem.styles.ts similarity index 100% rename from packages/react-internal/src/components/pickers/Suggestions/SuggestionsItem.styles.ts rename to packages/react/src/components/pickers/Suggestions/SuggestionsItem.styles.ts diff --git a/packages/react-internal/src/components/pickers/Suggestions/SuggestionsItem.tsx b/packages/react/src/components/pickers/Suggestions/SuggestionsItem.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/Suggestions/SuggestionsItem.tsx rename to packages/react/src/components/pickers/Suggestions/SuggestionsItem.tsx diff --git a/packages/react-internal/src/components/pickers/Suggestions/SuggestionsItem.types.ts b/packages/react/src/components/pickers/Suggestions/SuggestionsItem.types.ts similarity index 100% rename from packages/react-internal/src/components/pickers/Suggestions/SuggestionsItem.types.ts rename to packages/react/src/components/pickers/Suggestions/SuggestionsItem.types.ts diff --git a/packages/react-internal/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap b/packages/react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap rename to packages/react/src/components/pickers/Suggestions/__snapshots__/Suggestions.test.tsx.snap diff --git a/packages/react-internal/src/components/pickers/TagPicker/TagItem.styles.ts b/packages/react/src/components/pickers/TagPicker/TagItem.styles.ts similarity index 100% rename from packages/react-internal/src/components/pickers/TagPicker/TagItem.styles.ts rename to packages/react/src/components/pickers/TagPicker/TagItem.styles.ts diff --git a/packages/react-internal/src/components/pickers/TagPicker/TagItem.test.tsx b/packages/react/src/components/pickers/TagPicker/TagItem.test.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/TagPicker/TagItem.test.tsx rename to packages/react/src/components/pickers/TagPicker/TagItem.test.tsx diff --git a/packages/react-internal/src/components/pickers/TagPicker/TagItem.tsx b/packages/react/src/components/pickers/TagPicker/TagItem.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/TagPicker/TagItem.tsx rename to packages/react/src/components/pickers/TagPicker/TagItem.tsx diff --git a/packages/react-internal/src/components/pickers/TagPicker/TagItemSuggestion.styles.ts b/packages/react/src/components/pickers/TagPicker/TagItemSuggestion.styles.ts similarity index 100% rename from packages/react-internal/src/components/pickers/TagPicker/TagItemSuggestion.styles.ts rename to packages/react/src/components/pickers/TagPicker/TagItemSuggestion.styles.ts diff --git a/packages/react-internal/src/components/pickers/TagPicker/TagItemSuggestion.tsx b/packages/react/src/components/pickers/TagPicker/TagItemSuggestion.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/TagPicker/TagItemSuggestion.tsx rename to packages/react/src/components/pickers/TagPicker/TagItemSuggestion.tsx diff --git a/packages/react-internal/src/components/pickers/TagPicker/TagPicker.test.tsx b/packages/react/src/components/pickers/TagPicker/TagPicker.test.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/TagPicker/TagPicker.test.tsx rename to packages/react/src/components/pickers/TagPicker/TagPicker.test.tsx diff --git a/packages/react-internal/src/components/pickers/TagPicker/TagPicker.tsx b/packages/react/src/components/pickers/TagPicker/TagPicker.tsx similarity index 100% rename from packages/react-internal/src/components/pickers/TagPicker/TagPicker.tsx rename to packages/react/src/components/pickers/TagPicker/TagPicker.tsx diff --git a/packages/react-internal/src/components/pickers/TagPicker/TagPicker.types.ts b/packages/react/src/components/pickers/TagPicker/TagPicker.types.ts similarity index 100% rename from packages/react-internal/src/components/pickers/TagPicker/TagPicker.types.ts rename to packages/react/src/components/pickers/TagPicker/TagPicker.types.ts diff --git a/packages/react-internal/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap b/packages/react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap rename to packages/react/src/components/pickers/TagPicker/__snapshots__/TagItem.test.tsx.snap diff --git a/packages/react-internal/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap b/packages/react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap rename to packages/react/src/components/pickers/TagPicker/__snapshots__/TagPicker.test.tsx.snap diff --git a/packages/react-internal/src/components/pickers/__snapshots__/BasePicker.test.tsx.snap b/packages/react/src/components/pickers/__snapshots__/BasePicker.test.tsx.snap similarity index 100% rename from packages/react-internal/src/components/pickers/__snapshots__/BasePicker.test.tsx.snap rename to packages/react/src/components/pickers/__snapshots__/BasePicker.test.tsx.snap diff --git a/packages/react-internal/src/components/pickers/index.ts b/packages/react/src/components/pickers/index.ts similarity index 100% rename from packages/react-internal/src/components/pickers/index.ts rename to packages/react/src/components/pickers/index.ts diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts index 7f73de82226776..b0fd254962cc84 100644 --- a/packages/react/src/index.ts +++ b/packages/react/src/index.ts @@ -1,11 +1,91 @@ -import './version'; -export * from '@fluentui/react-date-time'; -export * from '@fluentui/react-internal'; +export * from './ActivityItem'; +export * from './Autofill'; +export * from './Announced'; export * from './Breadcrumb'; export * from './Button'; +export * from './ButtonGrid'; +export * from './Calendar'; +export * from './Callout'; +export * from './Check'; +export * from './Checkbox'; +export * from './ChoiceGroup'; +// export * from './ChoiceGroupOption'; // exported by ChoiceGroup +export * from './Coachmark'; +export * from './Color'; +export * from './ColorPicker'; export * from './ComboBox'; +export * from './CommandBar'; +export * from './ContextualMenu'; +export * from './DatePicker'; +export * from './DateTimeUtilities'; export * from './DetailsList'; +export * from './Dialog'; +export * from './Divider'; export * from './DocumentCard'; +export * from './DragDrop'; export * from './Dropdown'; +export * from './ExtendedPicker'; +export * from './Fabric'; +export * from './Facepile'; +export * from './FloatingPicker'; +export * from './FocusTrapZone'; +export * from './FocusZone'; +export * from './Grid'; export * from './GroupedList'; +export * from './HoverCard'; +export * from './Icon'; +export * from './Icons'; +export * from './Image'; +export * from './Keytips'; +export * from './Keytip'; +export * from './KeytipData'; +export * from './KeytipLayer'; +export * from './Label'; +export * from './Layer'; +export * from './Link'; +export * from './List'; +export * from './MarqueeSelection'; +export * from './MessageBar'; +export * from './Modal'; +export * from './Nav'; +export * from './OverflowSet'; +export * from './Overlay'; +export * from './Panel'; +export * from './Persona'; +export * from './PersonaCoin'; +// export * from './PersonaPresence'; (Exported as part of Persona) +export * from './Pickers'; +export * from './Pivot'; +export * from './Popup'; +export * from './Positioning'; +export * from './PositioningContainer'; +export * from './ProgressIndicator'; +export * from './Rating'; +export * from './ResizeGroup'; +export * from './ScrollablePane'; +export * from './SearchBox'; +export * from './SelectableOption'; +export * from './SelectedItemsList'; +export * from './Selection'; +export * from './Separator'; +export * from './Shimmer'; export * from './ShimmeredDetailsList'; +export * from './Slider'; +export * from './SpinButton'; +export * from './Spinner'; +export * from './Stack'; +export * from './Sticky'; +export * from './Styling'; +export * from './SwatchColorPicker'; +export * from './TeachingBubble'; +export * from './Text'; +export * from './TextField'; +export * from './Theme'; +export * from './ThemeGenerator'; +export * from './Toggle'; +export * from './Tooltip'; +export * from './Utilities'; +export * from './WeeklyDayPicker'; +export * from './WindowProvider'; + +import './version'; diff --git a/packages/react-internal/src/utilities/ButtonGrid/ButtonGrid.base.tsx b/packages/react/src/utilities/ButtonGrid/ButtonGrid.base.tsx similarity index 100% rename from packages/react-internal/src/utilities/ButtonGrid/ButtonGrid.base.tsx rename to packages/react/src/utilities/ButtonGrid/ButtonGrid.base.tsx diff --git a/packages/react-internal/src/utilities/ButtonGrid/ButtonGrid.styles.ts b/packages/react/src/utilities/ButtonGrid/ButtonGrid.styles.ts similarity index 100% rename from packages/react-internal/src/utilities/ButtonGrid/ButtonGrid.styles.ts rename to packages/react/src/utilities/ButtonGrid/ButtonGrid.styles.ts diff --git a/packages/react-internal/src/utilities/ButtonGrid/ButtonGrid.test.tsx b/packages/react/src/utilities/ButtonGrid/ButtonGrid.test.tsx similarity index 100% rename from packages/react-internal/src/utilities/ButtonGrid/ButtonGrid.test.tsx rename to packages/react/src/utilities/ButtonGrid/ButtonGrid.test.tsx diff --git a/packages/react-internal/src/utilities/ButtonGrid/ButtonGrid.tsx b/packages/react/src/utilities/ButtonGrid/ButtonGrid.tsx similarity index 100% rename from packages/react-internal/src/utilities/ButtonGrid/ButtonGrid.tsx rename to packages/react/src/utilities/ButtonGrid/ButtonGrid.tsx diff --git a/packages/react-internal/src/utilities/ButtonGrid/ButtonGrid.types.ts b/packages/react/src/utilities/ButtonGrid/ButtonGrid.types.ts similarity index 100% rename from packages/react-internal/src/utilities/ButtonGrid/ButtonGrid.types.ts rename to packages/react/src/utilities/ButtonGrid/ButtonGrid.types.ts diff --git a/packages/react-internal/src/utilities/ButtonGrid/ButtonGridCell.tsx b/packages/react/src/utilities/ButtonGrid/ButtonGridCell.tsx similarity index 100% rename from packages/react-internal/src/utilities/ButtonGrid/ButtonGridCell.tsx rename to packages/react/src/utilities/ButtonGrid/ButtonGridCell.tsx diff --git a/packages/react-internal/src/utilities/ButtonGrid/ButtonGridCell.types.ts b/packages/react/src/utilities/ButtonGrid/ButtonGridCell.types.ts similarity index 100% rename from packages/react-internal/src/utilities/ButtonGrid/ButtonGridCell.types.ts rename to packages/react/src/utilities/ButtonGrid/ButtonGridCell.types.ts diff --git a/packages/react-internal/src/utilities/ButtonGrid/index.ts b/packages/react/src/utilities/ButtonGrid/index.ts similarity index 100% rename from packages/react-internal/src/utilities/ButtonGrid/index.ts rename to packages/react/src/utilities/ButtonGrid/index.ts diff --git a/packages/react-internal/src/utilities/DraggableZone/DraggableZone.styles.ts b/packages/react/src/utilities/DraggableZone/DraggableZone.styles.ts similarity index 100% rename from packages/react-internal/src/utilities/DraggableZone/DraggableZone.styles.ts rename to packages/react/src/utilities/DraggableZone/DraggableZone.styles.ts diff --git a/packages/react-internal/src/utilities/DraggableZone/DraggableZone.tsx b/packages/react/src/utilities/DraggableZone/DraggableZone.tsx similarity index 100% rename from packages/react-internal/src/utilities/DraggableZone/DraggableZone.tsx rename to packages/react/src/utilities/DraggableZone/DraggableZone.tsx diff --git a/packages/react-internal/src/utilities/DraggableZone/DraggableZone.types.ts b/packages/react/src/utilities/DraggableZone/DraggableZone.types.ts similarity index 100% rename from packages/react-internal/src/utilities/DraggableZone/DraggableZone.types.ts rename to packages/react/src/utilities/DraggableZone/DraggableZone.types.ts diff --git a/packages/react-internal/src/utilities/DraggableZone/index.ts b/packages/react/src/utilities/DraggableZone/index.ts similarity index 100% rename from packages/react-internal/src/utilities/DraggableZone/index.ts rename to packages/react/src/utilities/DraggableZone/index.ts diff --git a/packages/react-internal/src/utilities/ThemeProvider/README.md b/packages/react/src/utilities/ThemeProvider/README.md similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/README.md rename to packages/react/src/utilities/ThemeProvider/README.md diff --git a/packages/react-internal/src/utilities/ThemeProvider/ThemeContext.ts b/packages/react/src/utilities/ThemeProvider/ThemeContext.ts similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/ThemeContext.ts rename to packages/react/src/utilities/ThemeProvider/ThemeContext.ts diff --git a/packages/react-internal/src/utilities/ThemeProvider/ThemeProvider.test.tsx b/packages/react/src/utilities/ThemeProvider/ThemeProvider.test.tsx similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/ThemeProvider.test.tsx rename to packages/react/src/utilities/ThemeProvider/ThemeProvider.test.tsx diff --git a/packages/react-internal/src/utilities/ThemeProvider/ThemeProvider.tsx b/packages/react/src/utilities/ThemeProvider/ThemeProvider.tsx similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/ThemeProvider.tsx rename to packages/react/src/utilities/ThemeProvider/ThemeProvider.tsx diff --git a/packages/react-internal/src/utilities/ThemeProvider/ThemeProvider.types.ts b/packages/react/src/utilities/ThemeProvider/ThemeProvider.types.ts similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/ThemeProvider.types.ts rename to packages/react/src/utilities/ThemeProvider/ThemeProvider.types.ts diff --git a/packages/react-internal/src/utilities/ThemeProvider/__snapshots__/ThemeProvider.test.tsx.snap b/packages/react/src/utilities/ThemeProvider/__snapshots__/ThemeProvider.test.tsx.snap similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/__snapshots__/ThemeProvider.test.tsx.snap rename to packages/react/src/utilities/ThemeProvider/__snapshots__/ThemeProvider.test.tsx.snap diff --git a/packages/react-internal/src/utilities/ThemeProvider/index.ts b/packages/react/src/utilities/ThemeProvider/index.ts similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/index.ts rename to packages/react/src/utilities/ThemeProvider/index.ts diff --git a/packages/react-internal/src/utilities/ThemeProvider/makeStyles.test.tsx b/packages/react/src/utilities/ThemeProvider/makeStyles.test.tsx similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/makeStyles.test.tsx rename to packages/react/src/utilities/ThemeProvider/makeStyles.test.tsx diff --git a/packages/react-internal/src/utilities/ThemeProvider/makeStyles.ts b/packages/react/src/utilities/ThemeProvider/makeStyles.ts similarity index 94% rename from packages/react-internal/src/utilities/ThemeProvider/makeStyles.ts rename to packages/react/src/utilities/ThemeProvider/makeStyles.ts index 8db868cf3f116b..bd31a9bcc9c815 100644 --- a/packages/react-internal/src/utilities/ThemeProvider/makeStyles.ts +++ b/packages/react/src/utilities/ThemeProvider/makeStyles.ts @@ -4,7 +4,6 @@ import { useTheme } from './useTheme'; import { useWindow } from '@fluentui/react-window-provider'; import { mergeStylesRenderer } from './styleRenderers/mergeStylesRenderer'; -// eslint-disable-next-line @typescript-eslint/no-explicit-any const graphGet = (graphNode: Map, path: any[]): any | undefined => { for (const key of path) { graphNode = graphNode.get(key); @@ -17,7 +16,6 @@ const graphGet = (graphNode: Map, path: any[]): any | undefined => { return graphNode; }; -// eslint-disable-next-line @typescript-eslint/no-explicit-any const graphSet = (graphNode: Map, path: any[], value: any) => { for (let i = 0; i < path.length - 1; i++) { const key = path[i]; diff --git a/packages/react-internal/src/utilities/ThemeProvider/renderThemeProvider.tsx b/packages/react/src/utilities/ThemeProvider/renderThemeProvider.tsx similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/renderThemeProvider.tsx rename to packages/react/src/utilities/ThemeProvider/renderThemeProvider.tsx diff --git a/packages/react-internal/src/utilities/ThemeProvider/styleRenderers/mergeStylesRenderer.tsx b/packages/react/src/utilities/ThemeProvider/styleRenderers/mergeStylesRenderer.tsx similarity index 84% rename from packages/react-internal/src/utilities/ThemeProvider/styleRenderers/mergeStylesRenderer.tsx rename to packages/react/src/utilities/ThemeProvider/styleRenderers/mergeStylesRenderer.tsx index ad96949ec86acc..fe397a24316f5e 100644 --- a/packages/react-internal/src/utilities/ThemeProvider/styleRenderers/mergeStylesRenderer.tsx +++ b/packages/react/src/utilities/ThemeProvider/styleRenderers/mergeStylesRenderer.tsx @@ -17,7 +17,6 @@ export const mergeStylesRenderer: StyleRenderer = { getId: () => _seed, renderStyles: (styleSet, options) => { - // eslint-disable-next-line @typescript-eslint/no-explicit-any return mergeCssSets((Array.isArray(styleSet) ? styleSet : [styleSet]) as any, options) as any; }, @@ -26,7 +25,6 @@ export const mergeStylesRenderer: StyleRenderer = { }, renderKeyframes: keyframes => { - // eslint-disable-next-line @typescript-eslint/no-explicit-any return mergeKeyframes(keyframes as any); }, }; diff --git a/packages/react-internal/src/utilities/ThemeProvider/styleRenderers/types.ts b/packages/react/src/utilities/ThemeProvider/styleRenderers/types.ts similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/styleRenderers/types.ts rename to packages/react/src/utilities/ThemeProvider/styleRenderers/types.ts diff --git a/packages/react-internal/src/utilities/ThemeProvider/useTheme.ts b/packages/react/src/utilities/ThemeProvider/useTheme.ts similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/useTheme.ts rename to packages/react/src/utilities/ThemeProvider/useTheme.ts diff --git a/packages/react-internal/src/utilities/ThemeProvider/useThemeProvider.tsx b/packages/react/src/utilities/ThemeProvider/useThemeProvider.tsx similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/useThemeProvider.tsx rename to packages/react/src/utilities/ThemeProvider/useThemeProvider.tsx diff --git a/packages/react-internal/src/utilities/ThemeProvider/useThemeProviderClasses.tsx b/packages/react/src/utilities/ThemeProvider/useThemeProviderClasses.tsx similarity index 96% rename from packages/react-internal/src/utilities/ThemeProvider/useThemeProviderClasses.tsx rename to packages/react/src/utilities/ThemeProvider/useThemeProviderClasses.tsx index 012e184f6a21b6..503d9b6746a516 100644 --- a/packages/react-internal/src/utilities/ThemeProvider/useThemeProviderClasses.tsx +++ b/packages/react/src/utilities/ThemeProvider/useThemeProviderClasses.tsx @@ -20,7 +20,6 @@ const useThemeProviderStyles = makeStyles((theme: Theme) => { WebkitFontSmoothing: fonts.medium.WebkitFontSmoothing, }, ], - // eslint-disable-next-line @typescript-eslint/no-explicit-any } as Record; }); diff --git a/packages/react-internal/src/utilities/ThemeProvider/useThemeProviderState.tsx b/packages/react/src/utilities/ThemeProvider/useThemeProviderState.tsx similarity index 100% rename from packages/react-internal/src/utilities/ThemeProvider/useThemeProviderState.tsx rename to packages/react/src/utilities/ThemeProvider/useThemeProviderState.tsx diff --git a/packages/react-internal/src/utilities/color/_rgbaOrHexString.ts b/packages/react/src/utilities/color/_rgbaOrHexString.ts similarity index 100% rename from packages/react-internal/src/utilities/color/_rgbaOrHexString.ts rename to packages/react/src/utilities/color/_rgbaOrHexString.ts diff --git a/packages/react-internal/src/utilities/color/clamp.ts b/packages/react/src/utilities/color/clamp.ts similarity index 100% rename from packages/react-internal/src/utilities/color/clamp.ts rename to packages/react/src/utilities/color/clamp.ts diff --git a/packages/react-internal/src/utilities/color/colors.test.ts b/packages/react/src/utilities/color/colors.test.ts similarity index 100% rename from packages/react-internal/src/utilities/color/colors.test.ts rename to packages/react/src/utilities/color/colors.test.ts diff --git a/packages/react-internal/src/utilities/color/colors.ts b/packages/react/src/utilities/color/colors.ts similarity index 100% rename from packages/react-internal/src/utilities/color/colors.ts rename to packages/react/src/utilities/color/colors.ts diff --git a/packages/react-internal/src/utilities/color/consts.ts b/packages/react/src/utilities/color/consts.ts similarity index 100% rename from packages/react-internal/src/utilities/color/consts.ts rename to packages/react/src/utilities/color/consts.ts diff --git a/packages/react-internal/src/utilities/color/correctHSV.ts b/packages/react/src/utilities/color/correctHSV.ts similarity index 100% rename from packages/react-internal/src/utilities/color/correctHSV.ts rename to packages/react/src/utilities/color/correctHSV.ts diff --git a/packages/react-internal/src/utilities/color/correctHex.ts b/packages/react/src/utilities/color/correctHex.ts similarity index 100% rename from packages/react-internal/src/utilities/color/correctHex.ts rename to packages/react/src/utilities/color/correctHex.ts diff --git a/packages/react-internal/src/utilities/color/correctRGB.ts b/packages/react/src/utilities/color/correctRGB.ts similarity index 100% rename from packages/react-internal/src/utilities/color/correctRGB.ts rename to packages/react/src/utilities/color/correctRGB.ts diff --git a/packages/react-internal/src/utilities/color/cssColor.ts b/packages/react/src/utilities/color/cssColor.ts similarity index 100% rename from packages/react-internal/src/utilities/color/cssColor.ts rename to packages/react/src/utilities/color/cssColor.ts diff --git a/packages/react-internal/src/utilities/color/getColorFromHSV.ts b/packages/react/src/utilities/color/getColorFromHSV.ts similarity index 100% rename from packages/react-internal/src/utilities/color/getColorFromHSV.ts rename to packages/react/src/utilities/color/getColorFromHSV.ts diff --git a/packages/react-internal/src/utilities/color/getColorFromRGBA.ts b/packages/react/src/utilities/color/getColorFromRGBA.ts similarity index 100% rename from packages/react-internal/src/utilities/color/getColorFromRGBA.ts rename to packages/react/src/utilities/color/getColorFromRGBA.ts diff --git a/packages/react-internal/src/utilities/color/getColorFromString.ts b/packages/react/src/utilities/color/getColorFromString.ts similarity index 100% rename from packages/react-internal/src/utilities/color/getColorFromString.ts rename to packages/react/src/utilities/color/getColorFromString.ts diff --git a/packages/react-internal/src/utilities/color/getFullColorString.ts b/packages/react/src/utilities/color/getFullColorString.ts similarity index 100% rename from packages/react-internal/src/utilities/color/getFullColorString.ts rename to packages/react/src/utilities/color/getFullColorString.ts diff --git a/packages/react-internal/src/utilities/color/hsl2hsv.ts b/packages/react/src/utilities/color/hsl2hsv.ts similarity index 100% rename from packages/react-internal/src/utilities/color/hsl2hsv.ts rename to packages/react/src/utilities/color/hsl2hsv.ts diff --git a/packages/react-internal/src/utilities/color/hsl2rgb.ts b/packages/react/src/utilities/color/hsl2rgb.ts similarity index 100% rename from packages/react-internal/src/utilities/color/hsl2rgb.ts rename to packages/react/src/utilities/color/hsl2rgb.ts diff --git a/packages/react-internal/src/utilities/color/hsv2hex.ts b/packages/react/src/utilities/color/hsv2hex.ts similarity index 100% rename from packages/react-internal/src/utilities/color/hsv2hex.ts rename to packages/react/src/utilities/color/hsv2hex.ts diff --git a/packages/react-internal/src/utilities/color/hsv2hsl.ts b/packages/react/src/utilities/color/hsv2hsl.ts similarity index 100% rename from packages/react-internal/src/utilities/color/hsv2hsl.ts rename to packages/react/src/utilities/color/hsv2hsl.ts diff --git a/packages/react-internal/src/utilities/color/hsv2rgb.ts b/packages/react/src/utilities/color/hsv2rgb.ts similarity index 100% rename from packages/react-internal/src/utilities/color/hsv2rgb.ts rename to packages/react/src/utilities/color/hsv2rgb.ts diff --git a/packages/react-internal/src/utilities/color/index.ts b/packages/react/src/utilities/color/index.ts similarity index 100% rename from packages/react-internal/src/utilities/color/index.ts rename to packages/react/src/utilities/color/index.ts diff --git a/packages/react-internal/src/utilities/color/interfaces.ts b/packages/react/src/utilities/color/interfaces.ts similarity index 100% rename from packages/react-internal/src/utilities/color/interfaces.ts rename to packages/react/src/utilities/color/interfaces.ts diff --git a/packages/react-internal/src/utilities/color/rgb2hex.ts b/packages/react/src/utilities/color/rgb2hex.ts similarity index 100% rename from packages/react-internal/src/utilities/color/rgb2hex.ts rename to packages/react/src/utilities/color/rgb2hex.ts diff --git a/packages/react-internal/src/utilities/color/rgb2hsv.ts b/packages/react/src/utilities/color/rgb2hsv.ts similarity index 100% rename from packages/react-internal/src/utilities/color/rgb2hsv.ts rename to packages/react/src/utilities/color/rgb2hsv.ts diff --git a/packages/react-internal/src/utilities/color/shades.ts b/packages/react/src/utilities/color/shades.ts similarity index 100% rename from packages/react-internal/src/utilities/color/shades.ts rename to packages/react/src/utilities/color/shades.ts diff --git a/packages/react-internal/src/utilities/color/updateA.ts b/packages/react/src/utilities/color/updateA.ts similarity index 100% rename from packages/react-internal/src/utilities/color/updateA.ts rename to packages/react/src/utilities/color/updateA.ts diff --git a/packages/react-internal/src/utilities/color/updateH.ts b/packages/react/src/utilities/color/updateH.ts similarity index 100% rename from packages/react-internal/src/utilities/color/updateH.ts rename to packages/react/src/utilities/color/updateH.ts diff --git a/packages/react-internal/src/utilities/color/updateRGB.ts b/packages/react/src/utilities/color/updateRGB.ts similarity index 100% rename from packages/react-internal/src/utilities/color/updateRGB.ts rename to packages/react/src/utilities/color/updateRGB.ts diff --git a/packages/react-internal/src/utilities/color/updateSV.ts b/packages/react/src/utilities/color/updateSV.ts similarity index 100% rename from packages/react-internal/src/utilities/color/updateSV.ts rename to packages/react/src/utilities/color/updateSV.ts diff --git a/packages/react-internal/src/utilities/color/updateT.ts b/packages/react/src/utilities/color/updateT.ts similarity index 100% rename from packages/react-internal/src/utilities/color/updateT.ts rename to packages/react/src/utilities/color/updateT.ts diff --git a/packages/react-internal/src/utilities/contextualMenu/contextualMenuUtility.test.ts b/packages/react/src/utilities/contextualMenu/contextualMenuUtility.test.ts similarity index 100% rename from packages/react-internal/src/utilities/contextualMenu/contextualMenuUtility.test.ts rename to packages/react/src/utilities/contextualMenu/contextualMenuUtility.test.ts diff --git a/packages/react-internal/src/utilities/contextualMenu/contextualMenuUtility.ts b/packages/react/src/utilities/contextualMenu/contextualMenuUtility.ts similarity index 100% rename from packages/react-internal/src/utilities/contextualMenu/contextualMenuUtility.ts rename to packages/react/src/utilities/contextualMenu/contextualMenuUtility.ts diff --git a/packages/react-internal/src/utilities/contextualMenu/index.ts b/packages/react/src/utilities/contextualMenu/index.ts similarity index 100% rename from packages/react-internal/src/utilities/contextualMenu/index.ts rename to packages/react/src/utilities/contextualMenu/index.ts diff --git a/packages/react-internal/src/utilities/decorators/BaseDecorator.ts b/packages/react/src/utilities/decorators/BaseDecorator.ts similarity index 100% rename from packages/react-internal/src/utilities/decorators/BaseDecorator.ts rename to packages/react/src/utilities/decorators/BaseDecorator.ts diff --git a/packages/react-internal/src/utilities/decorators/withContainsFocus.tsx b/packages/react/src/utilities/decorators/withContainsFocus.tsx similarity index 100% rename from packages/react-internal/src/utilities/decorators/withContainsFocus.tsx rename to packages/react/src/utilities/decorators/withContainsFocus.tsx diff --git a/packages/react-internal/src/utilities/decorators/withResponsiveMode.test.tsx b/packages/react/src/utilities/decorators/withResponsiveMode.test.tsx similarity index 100% rename from packages/react-internal/src/utilities/decorators/withResponsiveMode.test.tsx rename to packages/react/src/utilities/decorators/withResponsiveMode.test.tsx diff --git a/packages/react-internal/src/utilities/decorators/withResponsiveMode.tsx b/packages/react/src/utilities/decorators/withResponsiveMode.tsx similarity index 100% rename from packages/react-internal/src/utilities/decorators/withResponsiveMode.tsx rename to packages/react/src/utilities/decorators/withResponsiveMode.tsx diff --git a/packages/react-internal/src/utilities/decorators/withViewport.tsx b/packages/react/src/utilities/decorators/withViewport.tsx similarity index 100% rename from packages/react-internal/src/utilities/decorators/withViewport.tsx rename to packages/react/src/utilities/decorators/withViewport.tsx diff --git a/packages/react-internal/src/utilities/dragdrop/DragDropHelper.tsx b/packages/react/src/utilities/dragdrop/DragDropHelper.tsx similarity index 100% rename from packages/react-internal/src/utilities/dragdrop/DragDropHelper.tsx rename to packages/react/src/utilities/dragdrop/DragDropHelper.tsx diff --git a/packages/react-internal/src/utilities/dragdrop/index.ts b/packages/react/src/utilities/dragdrop/index.ts similarity index 100% rename from packages/react-internal/src/utilities/dragdrop/index.ts rename to packages/react/src/utilities/dragdrop/index.ts diff --git a/packages/react-internal/src/utilities/dragdrop/interfaces.ts b/packages/react/src/utilities/dragdrop/interfaces.ts similarity index 100% rename from packages/react-internal/src/utilities/dragdrop/interfaces.ts rename to packages/react/src/utilities/dragdrop/interfaces.ts diff --git a/packages/react-internal/src/utilities/hooks/useResponsiveMode.test.tsx b/packages/react/src/utilities/hooks/useResponsiveMode.test.tsx similarity index 100% rename from packages/react-internal/src/utilities/hooks/useResponsiveMode.test.tsx rename to packages/react/src/utilities/hooks/useResponsiveMode.test.tsx diff --git a/packages/react-internal/src/utilities/hooks/useResponsiveMode.tsx b/packages/react/src/utilities/hooks/useResponsiveMode.tsx similarity index 100% rename from packages/react-internal/src/utilities/hooks/useResponsiveMode.tsx rename to packages/react/src/utilities/hooks/useResponsiveMode.tsx diff --git a/packages/react-internal/src/utilities/keytips/IKeytipTransitionKey.test.ts b/packages/react/src/utilities/keytips/IKeytipTransitionKey.test.ts similarity index 100% rename from packages/react-internal/src/utilities/keytips/IKeytipTransitionKey.test.ts rename to packages/react/src/utilities/keytips/IKeytipTransitionKey.test.ts diff --git a/packages/react-internal/src/utilities/keytips/IKeytipTransitionKey.ts b/packages/react/src/utilities/keytips/IKeytipTransitionKey.ts similarity index 100% rename from packages/react-internal/src/utilities/keytips/IKeytipTransitionKey.ts rename to packages/react/src/utilities/keytips/IKeytipTransitionKey.ts diff --git a/packages/react-internal/src/utilities/keytips/KeytipConfig.test.ts b/packages/react/src/utilities/keytips/KeytipConfig.test.ts similarity index 100% rename from packages/react-internal/src/utilities/keytips/KeytipConfig.test.ts rename to packages/react/src/utilities/keytips/KeytipConfig.test.ts diff --git a/packages/react-internal/src/utilities/keytips/KeytipConfig.ts b/packages/react/src/utilities/keytips/KeytipConfig.ts similarity index 100% rename from packages/react-internal/src/utilities/keytips/KeytipConfig.ts rename to packages/react/src/utilities/keytips/KeytipConfig.ts diff --git a/packages/react-internal/src/utilities/keytips/KeytipConstants.ts b/packages/react/src/utilities/keytips/KeytipConstants.ts similarity index 100% rename from packages/react-internal/src/utilities/keytips/KeytipConstants.ts rename to packages/react/src/utilities/keytips/KeytipConstants.ts diff --git a/packages/react-internal/src/utilities/keytips/KeytipManager.test.tsx b/packages/react/src/utilities/keytips/KeytipManager.test.tsx similarity index 100% rename from packages/react-internal/src/utilities/keytips/KeytipManager.test.tsx rename to packages/react/src/utilities/keytips/KeytipManager.test.tsx diff --git a/packages/react-internal/src/utilities/keytips/KeytipManager.ts b/packages/react/src/utilities/keytips/KeytipManager.ts similarity index 100% rename from packages/react-internal/src/utilities/keytips/KeytipManager.ts rename to packages/react/src/utilities/keytips/KeytipManager.ts diff --git a/packages/react-internal/src/utilities/keytips/KeytipUtils.test.ts b/packages/react/src/utilities/keytips/KeytipUtils.test.ts similarity index 100% rename from packages/react-internal/src/utilities/keytips/KeytipUtils.test.ts rename to packages/react/src/utilities/keytips/KeytipUtils.test.ts diff --git a/packages/react-internal/src/utilities/keytips/KeytipUtils.ts b/packages/react/src/utilities/keytips/KeytipUtils.ts similarity index 100% rename from packages/react-internal/src/utilities/keytips/KeytipUtils.ts rename to packages/react/src/utilities/keytips/KeytipUtils.ts diff --git a/packages/react-internal/src/utilities/keytips/index.ts b/packages/react/src/utilities/keytips/index.ts similarity index 100% rename from packages/react-internal/src/utilities/keytips/index.ts rename to packages/react/src/utilities/keytips/index.ts diff --git a/packages/react-internal/src/utilities/observeResize.ts b/packages/react/src/utilities/observeResize.ts similarity index 100% rename from packages/react-internal/src/utilities/observeResize.ts rename to packages/react/src/utilities/observeResize.ts diff --git a/packages/react-internal/src/utilities/positioning.ts b/packages/react/src/utilities/positioning.ts similarity index 100% rename from packages/react-internal/src/utilities/positioning.ts rename to packages/react/src/utilities/positioning.ts diff --git a/packages/react-internal/src/utilities/positioning/index.ts b/packages/react/src/utilities/positioning/index.ts similarity index 100% rename from packages/react-internal/src/utilities/positioning/index.ts rename to packages/react/src/utilities/positioning/index.ts diff --git a/packages/react-internal/src/utilities/positioning/positioning.test.ts b/packages/react/src/utilities/positioning/positioning.test.ts similarity index 100% rename from packages/react-internal/src/utilities/positioning/positioning.test.ts rename to packages/react/src/utilities/positioning/positioning.test.ts diff --git a/packages/react-internal/src/utilities/positioning/positioning.ts b/packages/react/src/utilities/positioning/positioning.ts similarity index 100% rename from packages/react-internal/src/utilities/positioning/positioning.ts rename to packages/react/src/utilities/positioning/positioning.ts diff --git a/packages/react-internal/src/utilities/positioning/positioning.types.ts b/packages/react/src/utilities/positioning/positioning.types.ts similarity index 100% rename from packages/react-internal/src/utilities/positioning/positioning.types.ts rename to packages/react/src/utilities/positioning/positioning.types.ts diff --git a/packages/react-internal/src/utilities/selectableOption/SelectableDroppableText.types.ts b/packages/react/src/utilities/selectableOption/SelectableDroppableText.types.ts similarity index 100% rename from packages/react-internal/src/utilities/selectableOption/SelectableDroppableText.types.ts rename to packages/react/src/utilities/selectableOption/SelectableDroppableText.types.ts diff --git a/packages/react-internal/src/utilities/selectableOption/SelectableOption.ts b/packages/react/src/utilities/selectableOption/SelectableOption.ts similarity index 100% rename from packages/react-internal/src/utilities/selectableOption/SelectableOption.ts rename to packages/react/src/utilities/selectableOption/SelectableOption.ts diff --git a/packages/react-internal/src/utilities/selectableOption/SelectableOption.types.ts b/packages/react/src/utilities/selectableOption/SelectableOption.types.ts similarity index 100% rename from packages/react-internal/src/utilities/selectableOption/SelectableOption.types.ts rename to packages/react/src/utilities/selectableOption/SelectableOption.types.ts diff --git a/packages/react-internal/src/utilities/selectableOption/index.ts b/packages/react/src/utilities/selectableOption/index.ts similarity index 100% rename from packages/react-internal/src/utilities/selectableOption/index.ts rename to packages/react/src/utilities/selectableOption/index.ts diff --git a/packages/react-internal/src/utilities/selection/Selection.ts b/packages/react/src/utilities/selection/Selection.ts similarity index 100% rename from packages/react-internal/src/utilities/selection/Selection.ts rename to packages/react/src/utilities/selection/Selection.ts diff --git a/packages/react-internal/src/utilities/selection/SelectionZone.test.tsx b/packages/react/src/utilities/selection/SelectionZone.test.tsx similarity index 100% rename from packages/react-internal/src/utilities/selection/SelectionZone.test.tsx rename to packages/react/src/utilities/selection/SelectionZone.test.tsx diff --git a/packages/react-internal/src/utilities/selection/SelectionZone.tsx b/packages/react/src/utilities/selection/SelectionZone.tsx similarity index 100% rename from packages/react-internal/src/utilities/selection/SelectionZone.tsx rename to packages/react/src/utilities/selection/SelectionZone.tsx diff --git a/packages/react-internal/src/utilities/selection/index.ts b/packages/react/src/utilities/selection/index.ts similarity index 100% rename from packages/react-internal/src/utilities/selection/index.ts rename to packages/react/src/utilities/selection/index.ts diff --git a/packages/react-internal/src/utilities/selection/interfaces.ts b/packages/react/src/utilities/selection/interfaces.ts similarity index 100% rename from packages/react-internal/src/utilities/selection/interfaces.ts rename to packages/react/src/utilities/selection/interfaces.ts diff --git a/packages/react-internal/src/utilities/useOverflow.ts b/packages/react/src/utilities/useOverflow.ts similarity index 100% rename from packages/react-internal/src/utilities/useOverflow.ts rename to packages/react/src/utilities/useOverflow.ts diff --git a/packages/webpack-utilities/src/fabricAsyncLoaderInclude.ts b/packages/webpack-utilities/src/fabricAsyncLoaderInclude.ts index ce2420e98c1949..4330493045d5ea 100644 --- a/packages/webpack-utilities/src/fabricAsyncLoaderInclude.ts +++ b/packages/webpack-utilities/src/fabricAsyncLoaderInclude.ts @@ -5,5 +5,5 @@ * @param input Webpack loader include function provides the request as input */ export = (input: string) => - input.match(/@fluentui[\\/]react-internal[\\/]lib[\\/]components[\\/]ContextualMenu[\\/]ContextualMenu.js/) || - input.match(/@fluentui[\\/]react-internal[\\/]lib[\\/]components[\\/]Callout[\\/]Callout.js/); + input.match(/@fluentui[\\/]react[\\/]lib[\\/]components[\\/]ContextualMenu[\\/]ContextualMenu.js/) || + input.match(/@fluentui[\\/]react[\\/]lib[\\/]components[\\/]Callout[\\/]Callout.js/); diff --git a/scripts/tasks/lint-imports.ts b/scripts/tasks/lint-imports.ts index 62e243c8de5181..5e93c8cbb79a26 100644 --- a/scripts/tasks/lint-imports.ts +++ b/scripts/tasks/lint-imports.ts @@ -35,7 +35,6 @@ export function lintImports() { // This is a temporary measure until we figure out what root file these should be exported from. // TODO: Ideally these would eventually be removed. '@fluentui/react/lib/compat/Button', - '@fluentui/react-internal/lib/compat/Button', '@fluentui/react-examples/lib/react-experiments/TilesList/ExampleHelpers', '@fluentui/react-examples/lib/react-experiments/CollapsibleSection/CollapsibleSection.Recursive.Example', '@fluentui/react-examples/lib/react/Keytip/KeytipSetup',