From a875d1191adf3037a1d3416a35bb9d7df720bb9f Mon Sep 17 00:00:00 2001 From: Jon S Date: Mon, 22 Mar 2021 10:44:42 -0700 Subject: [PATCH 01/44] Upgrade to ts 4.0 - Update change files for consistency - Fix some pr comments - fix merge - Change files - Add change files - update api - fix api-extractor warnings --- apps/a11y-tests/package.json | 2 +- .../package.json | 2 +- apps/codesandbox-react-template/package.json | 2 +- apps/perf-test/package.json | 2 +- apps/public-docsite-resources/package.json | 2 +- apps/public-docsite/package.json | 3 +- apps/server-rendered-app/package.json | 2 +- apps/ssr-tests/package.json | 2 +- apps/theming-designer/package.json | 2 +- apps/todo-app/package.json | 2 +- apps/vr-tests/package.json | 2 +- ...-7a2a50f4-a2f4-4356-b4df-8a56d0b2dab5.json | 7 + ...-898d2b16-5f97-43cf-8ae3-d6304180a978.json | 7 + ...-1c9e49a7-a0a5-4d5f-a97a-07423ec1ede7.json | 7 + ...-34444999-678b-4fd2-aaba-c4f5d517f65d.json | 7 + ...-a8a409d2-1e1d-43b7-989a-b50a46b92a41.json | 7 + ...-f5d4cc7f-5a94-42f3-b9ab-4798149d88e3.json | 7 + ...-31fa90da-323e-47e2-bd54-9aea25729783.json | 7 + ...-a4140648-c1a6-4880-b9bd-fc3bd5b5d617.json | 7 + ...-0ec2ede4-18e5-4a6a-958b-be2e9aa48790.json | 7 + ...-0e2bbf37-497f-4ada-a8e7-236e39dd1ff4.json | 7 + ...-9f0296d2-7f3c-4cc2-87c6-57e5235f860d.json | 7 + ...-d88b6e1e-bb98-45e7-9e27-57880ebd9dd4.json | 7 + ...-bc5b5340-d0b8-4617-baf2-4cb7ad673740.json | 7 + ...-d2fa7253-a3f7-468e-8b87-c01fa481ecef.json | 7 + ...-1b482bdd-e16a-495d-adf6-2424e74301b0.json | 7 + ...-707eb9ce-0ccc-4741-9dba-3d0a67f13cc9.json | 7 + ...-c294a297-961c-41cf-96e0-8fc5f893e456.json | 7 + ...-ccd73dcd-f360-4b2c-a1fd-bdef945ab175.json | 7 + ...-af24a233-a735-4846-abdf-5b9611559e40.json | 7 + ...-768d8d6d-e231-4853-bcb0-b46cdeca1191.json | 7 + ...-b718f7b8-38fa-4393-8c1b-c5010d3b837b.json | 7 + ...-f147816f-b08e-42e8-819a-150e15479f80.json | 7 + ...-3e55a5ff-c25d-45ae-8d8c-c932beda71f6.json | 7 + ...-f30fd1ec-8fbe-46be-b98a-4b0b9eafa7b3.json | 7 + ...-18b77ad5-24c6-41df-936c-aad2873dfd2e.json | 7 + ...-8868e7c3-3b2f-405f-97f2-cc52977be200.json | 7 + ...-eb53359f-a6f5-4ab3-86c1-57953364b146.json | 7 + ...-593b61b9-5cf3-42e8-b75d-a8c29fa3db2f.json | 7 + ...-16b02391-8271-45d2-b43f-75118eff5603.json | 7 + ...-2bc0eba6-fdf2-4ccf-a053-66033b6cb55a.json | 7 + ...-97458b03-8bbf-4c38-b266-b7086f9b4450.json | 7 + ...-4a3cf521-d38b-4ed3-9e30-dff3f423687f.json | 7 + ...-4e3837a0-3a17-4401-b15a-03d70c946481.json | 7 + ...-76514da4-0ad5-4df6-9a07-38fed589790c.json | 7 + ...-097d104f-4b12-4b12-b1a2-1ae1209083b1.json | 7 + ...-5ad2864c-97cb-4496-b1ed-f3d7872a658c.json | 7 + ...-32b18deb-0034-4aa0-9bbd-ecb146c3aadf.json | 7 + ...-876ded90-73b6-4114-8ab2-97da346c0569.json | 7 + ...-1149890a-9385-4eeb-9ca0-58713d906ca5.json | 7 + ...-87aa6399-13cc-445f-a2e6-2ea589fb5b8b.json | 7 + ...-50651bc1-d999-4206-bcc7-92fe7455d557.json | 7 + ...-88e9ab70-8928-4c7b-b2dd-ae0fe5d719d5.json | 7 + ...-d761d39b-172f-44d6-b163-c9f3ed2975c7.json | 7 + ...-5510d35d-cd2a-4b8a-904f-c15c4c8fdd80.json | 7 + ...-22edfcbe-f304-44de-a0ae-6f68ae6a1eac.json | 7 + ...-f2b866a2-3117-410b-82cc-93f51099ea41.json | 7 + ...-4af0c5f8-20c8-4dac-861a-92927c091a50.json | 7 + ...-7d6aaf06-bc31-4270-bd8f-2daf7a1b63dd.json | 7 + ...-0a93b1f5-5ae6-4a4e-952c-5c4d64c4335b.json | 7 + ...-0ffabafa-2ca8-4412-80dd-96b470fbfa78.json | 7 + ...-d0bef866-4a7f-42b9-b108-4709af97fa24.json | 7 + ...-6e9aa4f6-31b5-4fda-8aa6-23ef6a2f8065.json | 7 + ...-f4cf9898-87a0-4e5b-ae24-437d5da9b9c7.json | 7 + ...-dd3c5b56-b5a6-41bf-9ac9-89f2eaefd8f2.json | 7 + ...-7823dd54-b173-4f74-98f3-6ca382f53465.json | 7 + ...-7c2dd235-bc55-4207-b18d-1054b7430e04.json | 7 + ...-6c95cb29-5397-4ecd-b664-566999a6475d.json | 7 + ...-d2b0abe5-6a35-40c8-93c9-6ee1bc7dbdd5.json | 7 + ...-736b4c87-1b05-4a10-8f68-45b699e6b390.json | 7 + ...-8aad0c84-9561-4812-b258-f77c1d341e4a.json | 7 + ...-a9bc763a-f714-4970-85e3-b9623650708f.json | 7 + ...-94566242-d70a-4982-9461-f28a8c624238.json | 7 + ...-1a8787d2-ec14-44c5-9a96-334e85070459.json | 7 + ...-6e17e66b-5190-4110-86e6-4be7c15f342d.json | 7 + ...-7eff8993-2ff4-4b11-8932-54495dfaf752.json | 7 + ...-8ac9efe2-ca2e-4453-80cc-4701cc550be7.json | 7 + ...-057bb4b4-9195-499c-a1c4-4fdb458f1302.json | 7 + ...-20b7a676-5c96-403c-b028-b3436a31771d.json | 7 + package.json | 11 +- packages/a11y-testing/package.json | 2 +- packages/api-docs/package.json | 4 +- packages/api-docs/src/tableJson.ts | 2 +- packages/azure-themes/package.json | 2 +- packages/codemods/package.json | 2 +- .../codeMods/mods/configMod/configMod.mod.ts | 17 +- .../officeToFluentImport.mod.ts | 8 +- .../mods/oldToNewButton/oldToNewButton.mod.ts | 6 +- .../personaToAvatar/personaToAvatar.mod.ts | 4 +- .../codeMods/utilities/helpers/propHelpers.ts | 8 +- .../src/codeMods/utilities/imports.ts | 4 +- .../src/codeMods/utilities/transforms.ts | 12 +- packages/codemods/src/command.ts | 2 +- .../codemods/src/helpers/tests/result.test.ts | 2 +- .../codemods/src/modRunner/runnerUtilities.ts | 6 +- .../tests/mocks/MockMods/CodeMod.mock.ts | 4 +- packages/date-time-utilities/package.json | 2 +- packages/dom-utilities/package.json | 2 +- packages/eslint-plugin/package.json | 2 +- packages/example-data/etc/example-data.api.md | 3 + packages/example-data/package.json | 2 +- packages/example-data/src/lorem.ts | 9 + .../src/components/ComponentBestPractices.tsx | 4 +- .../ChatExampleInScrollable.shorthand.tsx | 2 +- .../Types/RefForwardingExample.shorthand.tsx | 4 +- packages/fluentui/local-sandbox/tsconfig.json | 2 +- .../src/FocusZone/FocusTrapZone.tsx | 2 +- .../context-selector/useContextSelectors.ts | 4 +- .../src/hooks/useTriggerElement.tsx | 2 +- .../react-component-ref/src/RefFindNode.tsx | 2 +- .../react-component-ref/src/RefForward.tsx | 2 +- .../react-northstar-prototypes/package.json | 2 +- .../DatepickerCalendarHeaderAction.tsx | 2 +- .../src/components/Provider/Provider.tsx | 16 +- .../react-northstar/test/utils/nextFrame.ts | 2 +- .../fluentui/react-northstar/tsconfig.json | 1 + packages/fluentui/styles/src/types.ts | 3 +- packages/font-icons-mdl2/package.json | 2 +- .../etc/foundation-legacy.api.md | 32 +- packages/foundation-legacy/package.json | 2 +- .../foundation-legacy/src/createComponent.tsx | 4 +- packages/keyboard-key/package.json | 2 +- packages/make-styles/etc/make-styles.api.md | 9 +- packages/make-styles/package.json | 2 +- packages/merge-styles/etc/merge-styles.api.md | 23 +- packages/merge-styles/package.json | 2 +- .../merge-styles/src/mergeStyleSets.test.ts | 6 +- packages/monaco-editor/package.json | 2 +- .../etc/react-accordion.api.md | 61 +- packages/react-accordion/package.json | 2 +- .../src/components/Accordion/Accordion.tsx | 5 +- .../AccordionHeader/AccordionHeader.tsx | 3 +- .../AccordionItem/useAccordionItem.ts | 15 +- packages/react-avatar/package.json | 2 +- .../src/components/Image/Image.tsx | 10 +- packages/react-badge/etc/react-badge.api.md | 26 +- packages/react-badge/package.json | 2 +- .../src/components/Badge/Badge.tsx | 5 +- .../src/components/Badge/useBadgeStyles.ts | 2 +- .../CounterBadge/useCounterBadgeStyles.ts | 3 +- .../PresenceBadge/usePresenceBadgeStyles.ts | 4 +- packages/react-button/etc/react-button.api.md | 53 +- packages/react-button/package.json | 2 +- .../src/components/Button/Button.tsx | 5 +- packages/react-cards/etc/react-cards.api.md | 43 +- packages/react-cards/package.json | 2 +- .../react-cards/src/components/Card/Card.tsx | 2 +- .../src/components/CardBody/CardBody.tsx | 14 +- .../src/components/CardFooter/CardFooter.tsx | 14 +- .../src/components/CardHeader/CardHeader.tsx | 14 +- .../components/CardPreview/CardPreview.tsx | 14 +- packages/react-charting/package.json | 2 +- .../react-checkbox/etc/react-checkbox.api.md | 30 +- packages/react-checkbox/package.json | 2 +- packages/react-components/package.json | 2 +- .../react-compose/etc/react-compose.api.md | 48 +- packages/react-compose/package.json | 2 +- packages/react-conformance/package.json | 4 +- .../etc/react-context-selector.api.md | 10 +- packages/react-context-selector/package.json | 2 +- packages/react-date-time/package.json | 2 +- .../react-divider/etc/react-divider.api.md | 12 +- packages/react-divider/package.json | 2 +- .../react-docsite-components/package.json | 2 +- .../src/utilities/createDemoApp.tsx | 4 +- packages/react-examples/package.json | 2 +- .../src/ComponentExamples.test.tsx | 7 +- ...roupedList.CustomCheckbox.Example.tsx.shot | 36 +- packages/react-experiments/package.json | 2 +- .../SelectedPeopleList.test.tsx | 3 +- packages/react-file-type-icons/package.json | 2 +- packages/react-flex/etc/react-flex.api.md | 12 +- packages/react-flex/package.json | 2 +- .../react-flex/src/components/Flex/Flex.tsx | 5 +- .../react-flex/src/components/Flex/useFlex.ts | 2 +- packages/react-focus/etc/react-focus.api.md | 22 +- packages/react-focus/package.json | 2 +- packages/react-hooks/etc/react-hooks.api.md | 23 +- packages/react-hooks/package.json | 2 +- .../etc/react-icon-provider.api.md | 8 +- packages/react-icon-provider/package.json | 2 +- .../react-icons-mdl2-branded/package.json | 2 +- packages/react-icons-mdl2/package.json | 2 +- packages/react-image/etc/react-image.api.md | 12 +- packages/react-image/package.json | 2 +- .../src/components/Image/Image.tsx | 12 +- packages/react-link/etc/react-link.api.md | 22 +- packages/react-link/package.json | 2 +- .../react-link/src/components/Link/Link.tsx | 5 +- packages/react-make-styles/package.json | 2 +- packages/react-menu/etc/react-menu.api.md | 140 +-- packages/react-menu/package.json | 2 +- .../react-menu/src/components/Menu/Menu.tsx | 5 +- .../components/MenuDivider/MenuDivider.tsx | 3 +- .../src/components/MenuGroup/MenuGroup.tsx | 10 +- .../src/components/MenuGroup/useMenuGroup.ts | 4 +- .../MenuGroupHeader/MenuGroupHeader.tsx | 5 +- .../MenuGroupHeader/useMenuGroupHeader.ts | 4 +- .../src/components/MenuList/MenuList.tsx | 5 +- .../src/components/MenuList/useMenuList.ts | 2 +- .../components/MenuTrigger/MenuTrigger.tsx | 3 +- packages/react-menu/tsconfig.json | 6 +- packages/react-monaco-editor/package.json | 2 +- .../src/utilities/getQueryParam.test.ts | 3 +- packages/react-popup/package.json | 2 +- packages/react-portal/etc/react-portal.api.md | 8 +- packages/react-portal/package.json | 2 +- .../src/components/Portal/renderPortal.tsx | 3 +- .../etc/react-positioning.api.md | 12 +- packages/react-positioning/package.json | 2 +- .../src/utils/getBoundary.ts | 2 +- .../react-provider/etc/react-provider.api.md | 10 +- packages/react-provider/package.json | 2 +- .../etc/react-shared-contexts.api.md | 12 +- packages/react-shared-contexts/package.json | 2 +- packages/react-slider/etc/react-slider.api.md | 360 +++--- packages/react-slider/package.json | 2 +- packages/react-tabs/etc/react-tabs.api.md | 16 +- packages/react-tabs/package.json | 2 +- .../react-tabster/etc/react-tabster.api.md | 15 +- packages/react-tabster/package.json | 2 +- .../src/hooks/useTabsterAttributes.ts | 9 +- packages/react-text/etc/react-text.api.md | 12 +- packages/react-text/package.json | 2 +- .../react-text/src/components/Text/Text.ts | 5 +- .../etc/react-theme-provider.api.md | 10 +- packages/react-theme-provider/package.json | 2 +- packages/react-theme/package.json | 2 +- packages/react-toggle/etc/react-toggle.api.md | 12 +- packages/react-toggle/package.json | 2 +- .../react-tooltip/etc/react-tooltip.api.md | 68 +- packages/react-tooltip/package.json | 2 +- .../etc/react-utilities.api.md | 58 +- packages/react-utilities/package.json | 2 +- packages/react-utilities/tsconfig.json | 1 + .../etc/react-window-provider.api.md | 6 +- packages/react-window-provider/package.json | 2 +- packages/react/etc/react.api.md | 1056 +++++++++-------- packages/react/package.json | 2 +- .../src/components/Callout/Callout.test.tsx | 20 - .../ChoiceGroup/ChoiceGroup.base.tsx | 2 +- .../src/components/ComboBox/ComboBox.tsx | 19 +- .../DetailsList/DetailsColumn.base.tsx | 2 +- .../DetailsList/DetailsHeader.base.tsx | 2 +- .../DetailsList/DetailsRow.base.tsx | 2 +- .../GroupedList/GroupedListSection.tsx | 2 +- packages/react/src/components/List/List.tsx | 8 +- .../MarqueeSelection.base.tsx | 8 +- packages/scheme-utilities/package.json | 2 +- packages/set-version/package.json | 2 +- packages/storybook/package.json | 2 +- .../etc/style-utilities.api.md | 2 +- packages/style-utilities/package.json | 2 +- packages/theme-samples/package.json | 2 +- packages/theme/package.json | 2 +- packages/utilities/etc/utilities.api.md | 78 +- packages/utilities/package.json | 2 +- packages/utilities/src/AutoScroll.ts | 2 +- packages/utilities/src/dom/getRect.ts | 2 +- packages/utilities/src/memoize.ts | 6 +- packages/utilities/src/object.ts | 8 +- packages/web-components/package.json | 5 +- packages/webpack-utilities/package.json | 2 +- .../api-extractor/api-extractor.common.json | 16 +- scripts/package.json | 1 + yarn.lock | 95 +- 266 files changed, 2074 insertions(+), 1494 deletions(-) create mode 100644 change/@fluentui-api-docs-7a2a50f4-a2f4-4356-b4df-8a56d0b2dab5.json create mode 100644 change/@fluentui-azure-themes-898d2b16-5f97-43cf-8ae3-d6304180a978.json create mode 100644 change/@fluentui-codemods-1c9e49a7-a0a5-4d5f-a97a-07423ec1ede7.json create mode 100644 change/@fluentui-date-time-utilities-34444999-678b-4fd2-aaba-c4f5d517f65d.json create mode 100644 change/@fluentui-dom-utilities-a8a409d2-1e1d-43b7-989a-b50a46b92a41.json create mode 100644 change/@fluentui-eslint-plugin-f5d4cc7f-5a94-42f3-b9ab-4798149d88e3.json create mode 100644 change/@fluentui-example-data-31fa90da-323e-47e2-bd54-9aea25729783.json create mode 100644 change/@fluentui-font-icons-mdl2-a4140648-c1a6-4880-b9bd-fc3bd5b5d617.json create mode 100644 change/@fluentui-foundation-legacy-0ec2ede4-18e5-4a6a-958b-be2e9aa48790.json create mode 100644 change/@fluentui-keyboard-key-0e2bbf37-497f-4ada-a8e7-236e39dd1ff4.json create mode 100644 change/@fluentui-make-styles-9f0296d2-7f3c-4cc2-87c6-57e5235f860d.json create mode 100644 change/@fluentui-merge-styles-d88b6e1e-bb98-45e7-9e27-57880ebd9dd4.json create mode 100644 change/@fluentui-monaco-editor-bc5b5340-d0b8-4617-baf2-4cb7ad673740.json create mode 100644 change/@fluentui-public-docsite-d2fa7253-a3f7-468e-8b87-c01fa481ecef.json create mode 100644 change/@fluentui-public-docsite-resources-1b482bdd-e16a-495d-adf6-2424e74301b0.json create mode 100644 change/@fluentui-react-707eb9ce-0ccc-4741-9dba-3d0a67f13cc9.json create mode 100644 change/@fluentui-react-accordion-c294a297-961c-41cf-96e0-8fc5f893e456.json create mode 100644 change/@fluentui-react-avatar-ccd73dcd-f360-4b2c-a1fd-bdef945ab175.json create mode 100644 change/@fluentui-react-badge-af24a233-a735-4846-abdf-5b9611559e40.json create mode 100644 change/@fluentui-react-button-768d8d6d-e231-4853-bcb0-b46cdeca1191.json create mode 100644 change/@fluentui-react-cards-b718f7b8-38fa-4393-8c1b-c5010d3b837b.json create mode 100644 change/@fluentui-react-charting-f147816f-b08e-42e8-819a-150e15479f80.json create mode 100644 change/@fluentui-react-checkbox-3e55a5ff-c25d-45ae-8d8c-c932beda71f6.json create mode 100644 change/@fluentui-react-components-f30fd1ec-8fbe-46be-b98a-4b0b9eafa7b3.json create mode 100644 change/@fluentui-react-compose-18b77ad5-24c6-41df-936c-aad2873dfd2e.json create mode 100644 change/@fluentui-react-conformance-8868e7c3-3b2f-405f-97f2-cc52977be200.json create mode 100644 change/@fluentui-react-context-selector-eb53359f-a6f5-4ab3-86c1-57953364b146.json create mode 100644 change/@fluentui-react-date-time-593b61b9-5cf3-42e8-b75d-a8c29fa3db2f.json create mode 100644 change/@fluentui-react-divider-16b02391-8271-45d2-b43f-75118eff5603.json create mode 100644 change/@fluentui-react-docsite-components-2bc0eba6-fdf2-4ccf-a053-66033b6cb55a.json create mode 100644 change/@fluentui-react-examples-97458b03-8bbf-4c38-b266-b7086f9b4450.json create mode 100644 change/@fluentui-react-experiments-4a3cf521-d38b-4ed3-9e30-dff3f423687f.json create mode 100644 change/@fluentui-react-file-type-icons-4e3837a0-3a17-4401-b15a-03d70c946481.json create mode 100644 change/@fluentui-react-flex-76514da4-0ad5-4df6-9a07-38fed589790c.json create mode 100644 change/@fluentui-react-focus-097d104f-4b12-4b12-b1a2-1ae1209083b1.json create mode 100644 change/@fluentui-react-focus-management-5ad2864c-97cb-4496-b1ed-f3d7872a658c.json create mode 100644 change/@fluentui-react-hooks-32b18deb-0034-4aa0-9bbd-ecb146c3aadf.json create mode 100644 change/@fluentui-react-icon-provider-876ded90-73b6-4114-8ab2-97da346c0569.json create mode 100644 change/@fluentui-react-icons-mdl2-1149890a-9385-4eeb-9ca0-58713d906ca5.json create mode 100644 change/@fluentui-react-icons-mdl2-branded-87aa6399-13cc-445f-a2e6-2ea589fb5b8b.json create mode 100644 change/@fluentui-react-image-50651bc1-d999-4206-bcc7-92fe7455d557.json create mode 100644 change/@fluentui-react-link-88e9ab70-8928-4c7b-b2dd-ae0fe5d719d5.json create mode 100644 change/@fluentui-react-make-styles-d761d39b-172f-44d6-b163-c9f3ed2975c7.json create mode 100644 change/@fluentui-react-menu-5510d35d-cd2a-4b8a-904f-c15c4c8fdd80.json create mode 100644 change/@fluentui-react-monaco-editor-22edfcbe-f304-44de-a0ae-6f68ae6a1eac.json create mode 100644 change/@fluentui-react-popup-f2b866a2-3117-410b-82cc-93f51099ea41.json create mode 100644 change/@fluentui-react-portal-4af0c5f8-20c8-4dac-861a-92927c091a50.json create mode 100644 change/@fluentui-react-positioning-7d6aaf06-bc31-4270-bd8f-2daf7a1b63dd.json create mode 100644 change/@fluentui-react-provider-0a93b1f5-5ae6-4a4e-952c-5c4d64c4335b.json create mode 100644 change/@fluentui-react-shared-contexts-0ffabafa-2ca8-4412-80dd-96b470fbfa78.json create mode 100644 change/@fluentui-react-slider-d0bef866-4a7f-42b9-b108-4709af97fa24.json create mode 100644 change/@fluentui-react-tabs-6e9aa4f6-31b5-4fda-8aa6-23ef6a2f8065.json create mode 100644 change/@fluentui-react-tabster-f4cf9898-87a0-4e5b-ae24-437d5da9b9c7.json create mode 100644 change/@fluentui-react-text-dd3c5b56-b5a6-41bf-9ac9-89f2eaefd8f2.json create mode 100644 change/@fluentui-react-theme-7823dd54-b173-4f74-98f3-6ca382f53465.json create mode 100644 change/@fluentui-react-theme-provider-7c2dd235-bc55-4207-b18d-1054b7430e04.json create mode 100644 change/@fluentui-react-toggle-6c95cb29-5397-4ecd-b664-566999a6475d.json create mode 100644 change/@fluentui-react-tooltip-d2b0abe5-6a35-40c8-93c9-6ee1bc7dbdd5.json create mode 100644 change/@fluentui-react-utilities-736b4c87-1b05-4a10-8f68-45b699e6b390.json create mode 100644 change/@fluentui-react-window-provider-8aad0c84-9561-4812-b258-f77c1d341e4a.json create mode 100644 change/@fluentui-scheme-utilities-a9bc763a-f714-4970-85e3-b9623650708f.json create mode 100644 change/@fluentui-set-version-94566242-d70a-4982-9461-f28a8c624238.json create mode 100644 change/@fluentui-style-utilities-1a8787d2-ec14-44c5-9a96-334e85070459.json create mode 100644 change/@fluentui-theme-6e17e66b-5190-4110-86e6-4be7c15f342d.json create mode 100644 change/@fluentui-theme-samples-7eff8993-2ff4-4b11-8932-54495dfaf752.json create mode 100644 change/@fluentui-utilities-8ac9efe2-ca2e-4453-80cc-4701cc550be7.json create mode 100644 change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json create mode 100644 change/@fluentui-webpack-utilities-20b7a676-5c96-403c-b028-b3436a31771d.json diff --git a/apps/a11y-tests/package.json b/apps/a11y-tests/package.json index 5346de8be31c7..0b09b6be32030 100644 --- a/apps/a11y-tests/package.json +++ b/apps/a11y-tests/package.json @@ -19,7 +19,7 @@ "glob": "^7.1.2", "mkdirp": "^0.5.1", "puppeteer": "^1.13.0", - "tslib": "^1.10.0", + "tslib": "^2.1.0", "react": "16.8.6", "react-dom": "16.8.6" }, diff --git a/apps/codesandbox-react-northstar-template/package.json b/apps/codesandbox-react-northstar-template/package.json index 2b47ae51d0c22..81fd05d70fd33 100644 --- a/apps/codesandbox-react-northstar-template/package.json +++ b/apps/codesandbox-react-northstar-template/package.json @@ -22,6 +22,6 @@ "prettier": "1.19.1", "react": "16.8.6", "react-dom": "16.8.6", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/apps/codesandbox-react-template/package.json b/apps/codesandbox-react-template/package.json index 646ab17c76838..fe1fccd0a5e05 100644 --- a/apps/codesandbox-react-template/package.json +++ b/apps/codesandbox-react-template/package.json @@ -21,6 +21,6 @@ "@fluentui/react": "^8.11.2", "react": "16.8.6", "react-dom": "16.8.6", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/apps/perf-test/package.json b/apps/perf-test/package.json index 75e1e0afe6a39..75b940f213a9c 100644 --- a/apps/perf-test/package.json +++ b/apps/perf-test/package.json @@ -30,6 +30,6 @@ "querystring": "^0.2.0", "react": "16.8.6", "react-dom": "16.8.6", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json index 399959261a269..a5680956bd2f8 100644 --- a/apps/public-docsite-resources/package.json +++ b/apps/public-docsite-resources/package.json @@ -44,6 +44,6 @@ "@types/react": "16.9.42", "office-ui-fabric-core": "^11.0.0", "react": "16.8.6", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/apps/public-docsite/package.json b/apps/public-docsite/package.json index 0bb83d9690f3a..a91a2627f7455 100644 --- a/apps/public-docsite/package.json +++ b/apps/public-docsite/package.json @@ -47,6 +47,7 @@ "office-ui-fabric-core": "^11.0.0", "react": "16.8.6", "react-dom": "16.8.6", - "tslib": "^1.10.0" + "tslib": "^2.1.0", + "whatwg-fetch": "2.0.4" } } diff --git a/apps/server-rendered-app/package.json b/apps/server-rendered-app/package.json index 5611ebee1fc7c..b1010fabe6952 100644 --- a/apps/server-rendered-app/package.json +++ b/apps/server-rendered-app/package.json @@ -28,6 +28,6 @@ "@microsoft/load-themed-styles": "^1.10.26", "react": "16.8.6", "react-dom": "16.8.6", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/apps/ssr-tests/package.json b/apps/ssr-tests/package.json index 8b022c4502544..4eb2392944dcd 100644 --- a/apps/ssr-tests/package.json +++ b/apps/ssr-tests/package.json @@ -24,6 +24,6 @@ "react-dom": "16.8.6" }, "dependencies": { - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json index 0b271807ad43b..3ad8a9732b4ad 100644 --- a/apps/theming-designer/package.json +++ b/apps/theming-designer/package.json @@ -30,6 +30,6 @@ "@microsoft/load-themed-styles": "^1.10.26", "react": "16.8.6", "react-dom": "16.8.6", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/apps/todo-app/package.json b/apps/todo-app/package.json index 2628ce49e1f36..0628ed4d9e518 100644 --- a/apps/todo-app/package.json +++ b/apps/todo-app/package.json @@ -25,6 +25,6 @@ "immutability-helper": "~2.8.1", "react": "16.8.6", "react-dom": "16.8.6", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json index 3b8e471c1bda0..23138c0264f8a 100644 --- a/apps/vr-tests/package.json +++ b/apps/vr-tests/package.json @@ -51,6 +51,6 @@ "react-dom": "16.8.6", "screener-storybook": "0.21.2", "style-loader": "2.0.0", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/change/@fluentui-api-docs-7a2a50f4-a2f4-4356-b4df-8a56d0b2dab5.json b/change/@fluentui-api-docs-7a2a50f4-a2f4-4356-b4df-8a56d0b2dab5.json new file mode 100644 index 0000000000000..963282099e837 --- /dev/null +++ b/change/@fluentui-api-docs-7a2a50f4-a2f4-4356-b4df-8a56d0b2dab5.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/api-docs", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-azure-themes-898d2b16-5f97-43cf-8ae3-d6304180a978.json b/change/@fluentui-azure-themes-898d2b16-5f97-43cf-8ae3-d6304180a978.json new file mode 100644 index 0000000000000..453dbf76abbd8 --- /dev/null +++ b/change/@fluentui-azure-themes-898d2b16-5f97-43cf-8ae3-d6304180a978.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade typescript to 4.1.5", + "packageName": "@fluentui/azure-themes", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-codemods-1c9e49a7-a0a5-4d5f-a97a-07423ec1ede7.json b/change/@fluentui-codemods-1c9e49a7-a0a5-4d5f-a97a-07423ec1ede7.json new file mode 100644 index 0000000000000..4b49a8498e45f --- /dev/null +++ b/change/@fluentui-codemods-1c9e49a7-a0a5-4d5f-a97a-07423ec1ede7.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/codemods", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-date-time-utilities-34444999-678b-4fd2-aaba-c4f5d517f65d.json b/change/@fluentui-date-time-utilities-34444999-678b-4fd2-aaba-c4f5d517f65d.json new file mode 100644 index 0000000000000..c2c4dedf13954 --- /dev/null +++ b/change/@fluentui-date-time-utilities-34444999-678b-4fd2-aaba-c4f5d517f65d.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/date-time-utilities", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-dom-utilities-a8a409d2-1e1d-43b7-989a-b50a46b92a41.json b/change/@fluentui-dom-utilities-a8a409d2-1e1d-43b7-989a-b50a46b92a41.json new file mode 100644 index 0000000000000..9add4a0ec1a6c --- /dev/null +++ b/change/@fluentui-dom-utilities-a8a409d2-1e1d-43b7-989a-b50a46b92a41.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/dom-utilities", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-eslint-plugin-f5d4cc7f-5a94-42f3-b9ab-4798149d88e3.json b/change/@fluentui-eslint-plugin-f5d4cc7f-5a94-42f3-b9ab-4798149d88e3.json new file mode 100644 index 0000000000000..d0688310d71ac --- /dev/null +++ b/change/@fluentui-eslint-plugin-f5d4cc7f-5a94-42f3-b9ab-4798149d88e3.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/eslint-plugin", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-example-data-31fa90da-323e-47e2-bd54-9aea25729783.json b/change/@fluentui-example-data-31fa90da-323e-47e2-bd54-9aea25729783.json new file mode 100644 index 0000000000000..9d4e8d979efcd --- /dev/null +++ b/change/@fluentui-example-data-31fa90da-323e-47e2-bd54-9aea25729783.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/example-data", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-font-icons-mdl2-a4140648-c1a6-4880-b9bd-fc3bd5b5d617.json b/change/@fluentui-font-icons-mdl2-a4140648-c1a6-4880-b9bd-fc3bd5b5d617.json new file mode 100644 index 0000000000000..524d5c5919095 --- /dev/null +++ b/change/@fluentui-font-icons-mdl2-a4140648-c1a6-4880-b9bd-fc3bd5b5d617.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/font-icons-mdl2", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-foundation-legacy-0ec2ede4-18e5-4a6a-958b-be2e9aa48790.json b/change/@fluentui-foundation-legacy-0ec2ede4-18e5-4a6a-958b-be2e9aa48790.json new file mode 100644 index 0000000000000..496a802b1fb82 --- /dev/null +++ b/change/@fluentui-foundation-legacy-0ec2ede4-18e5-4a6a-958b-be2e9aa48790.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/foundation-legacy", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-keyboard-key-0e2bbf37-497f-4ada-a8e7-236e39dd1ff4.json b/change/@fluentui-keyboard-key-0e2bbf37-497f-4ada-a8e7-236e39dd1ff4.json new file mode 100644 index 0000000000000..b388e6773d24f --- /dev/null +++ b/change/@fluentui-keyboard-key-0e2bbf37-497f-4ada-a8e7-236e39dd1ff4.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/keyboard-key", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-make-styles-9f0296d2-7f3c-4cc2-87c6-57e5235f860d.json b/change/@fluentui-make-styles-9f0296d2-7f3c-4cc2-87c6-57e5235f860d.json new file mode 100644 index 0000000000000..82653c56ae602 --- /dev/null +++ b/change/@fluentui-make-styles-9f0296d2-7f3c-4cc2-87c6-57e5235f860d.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/make-styles", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-merge-styles-d88b6e1e-bb98-45e7-9e27-57880ebd9dd4.json b/change/@fluentui-merge-styles-d88b6e1e-bb98-45e7-9e27-57880ebd9dd4.json new file mode 100644 index 0000000000000..e3bd0928ad9d7 --- /dev/null +++ b/change/@fluentui-merge-styles-d88b6e1e-bb98-45e7-9e27-57880ebd9dd4.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/merge-styles", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-monaco-editor-bc5b5340-d0b8-4617-baf2-4cb7ad673740.json b/change/@fluentui-monaco-editor-bc5b5340-d0b8-4617-baf2-4cb7ad673740.json new file mode 100644 index 0000000000000..8f042080e2c1e --- /dev/null +++ b/change/@fluentui-monaco-editor-bc5b5340-d0b8-4617-baf2-4cb7ad673740.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/monaco-editor", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-public-docsite-d2fa7253-a3f7-468e-8b87-c01fa481ecef.json b/change/@fluentui-public-docsite-d2fa7253-a3f7-468e-8b87-c01fa481ecef.json new file mode 100644 index 0000000000000..6826629941b3d --- /dev/null +++ b/change/@fluentui-public-docsite-d2fa7253-a3f7-468e-8b87-c01fa481ecef.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/public-docsite", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-public-docsite-resources-1b482bdd-e16a-495d-adf6-2424e74301b0.json b/change/@fluentui-public-docsite-resources-1b482bdd-e16a-495d-adf6-2424e74301b0.json new file mode 100644 index 0000000000000..7245699169f60 --- /dev/null +++ b/change/@fluentui-public-docsite-resources-1b482bdd-e16a-495d-adf6-2424e74301b0.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/public-docsite-resources", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-707eb9ce-0ccc-4741-9dba-3d0a67f13cc9.json b/change/@fluentui-react-707eb9ce-0ccc-4741-9dba-3d0a67f13cc9.json new file mode 100644 index 0000000000000..158eb831d61a6 --- /dev/null +++ b/change/@fluentui-react-707eb9ce-0ccc-4741-9dba-3d0a67f13cc9.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-accordion-c294a297-961c-41cf-96e0-8fc5f893e456.json b/change/@fluentui-react-accordion-c294a297-961c-41cf-96e0-8fc5f893e456.json new file mode 100644 index 0000000000000..af8b7376ef36d --- /dev/null +++ b/change/@fluentui-react-accordion-c294a297-961c-41cf-96e0-8fc5f893e456.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/react-accordion", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-avatar-ccd73dcd-f360-4b2c-a1fd-bdef945ab175.json b/change/@fluentui-react-avatar-ccd73dcd-f360-4b2c-a1fd-bdef945ab175.json new file mode 100644 index 0000000000000..208d6e20271be --- /dev/null +++ b/change/@fluentui-react-avatar-ccd73dcd-f360-4b2c-a1fd-bdef945ab175.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/react-avatar", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-badge-af24a233-a735-4846-abdf-5b9611559e40.json b/change/@fluentui-react-badge-af24a233-a735-4846-abdf-5b9611559e40.json new file mode 100644 index 0000000000000..5dc610e323abd --- /dev/null +++ b/change/@fluentui-react-badge-af24a233-a735-4846-abdf-5b9611559e40.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/react-badge", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-button-768d8d6d-e231-4853-bcb0-b46cdeca1191.json b/change/@fluentui-react-button-768d8d6d-e231-4853-bcb0-b46cdeca1191.json new file mode 100644 index 0000000000000..b34310e1fca92 --- /dev/null +++ b/change/@fluentui-react-button-768d8d6d-e231-4853-bcb0-b46cdeca1191.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade typescript to 4.1.5", + "packageName": "@fluentui/react-button", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-cards-b718f7b8-38fa-4393-8c1b-c5010d3b837b.json b/change/@fluentui-react-cards-b718f7b8-38fa-4393-8c1b-c5010d3b837b.json new file mode 100644 index 0000000000000..6ca515804222e --- /dev/null +++ b/change/@fluentui-react-cards-b718f7b8-38fa-4393-8c1b-c5010d3b837b.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade typescript to 4.1.5", + "packageName": "@fluentui/react-cards", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-charting-f147816f-b08e-42e8-819a-150e15479f80.json b/change/@fluentui-react-charting-f147816f-b08e-42e8-819a-150e15479f80.json new file mode 100644 index 0000000000000..cdea2b67d54c3 --- /dev/null +++ b/change/@fluentui-react-charting-f147816f-b08e-42e8-819a-150e15479f80.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade typescript to 4.1.5", + "packageName": "@fluentui/react-charting", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-checkbox-3e55a5ff-c25d-45ae-8d8c-c932beda71f6.json b/change/@fluentui-react-checkbox-3e55a5ff-c25d-45ae-8d8c-c932beda71f6.json new file mode 100644 index 0000000000000..b13b038f6ad90 --- /dev/null +++ b/change/@fluentui-react-checkbox-3e55a5ff-c25d-45ae-8d8c-c932beda71f6.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade typescript to 4.1.5", + "packageName": "@fluentui/react-checkbox", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-components-f30fd1ec-8fbe-46be-b98a-4b0b9eafa7b3.json b/change/@fluentui-react-components-f30fd1ec-8fbe-46be-b98a-4b0b9eafa7b3.json new file mode 100644 index 0000000000000..724f3e70fa98c --- /dev/null +++ b/change/@fluentui-react-components-f30fd1ec-8fbe-46be-b98a-4b0b9eafa7b3.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade typescript to 4.1.5", + "packageName": "@fluentui/react-components", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-compose-18b77ad5-24c6-41df-936c-aad2873dfd2e.json b/change/@fluentui-react-compose-18b77ad5-24c6-41df-936c-aad2873dfd2e.json new file mode 100644 index 0000000000000..ede3d0673b3cf --- /dev/null +++ b/change/@fluentui-react-compose-18b77ad5-24c6-41df-936c-aad2873dfd2e.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade typescript to 4.1.5", + "packageName": "@fluentui/react-compose", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-conformance-8868e7c3-3b2f-405f-97f2-cc52977be200.json b/change/@fluentui-react-conformance-8868e7c3-3b2f-405f-97f2-cc52977be200.json new file mode 100644 index 0000000000000..9ae48d8100179 --- /dev/null +++ b/change/@fluentui-react-conformance-8868e7c3-3b2f-405f-97f2-cc52977be200.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-conformance", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-context-selector-eb53359f-a6f5-4ab3-86c1-57953364b146.json b/change/@fluentui-react-context-selector-eb53359f-a6f5-4ab3-86c1-57953364b146.json new file mode 100644 index 0000000000000..189105aa3974f --- /dev/null +++ b/change/@fluentui-react-context-selector-eb53359f-a6f5-4ab3-86c1-57953364b146.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to TS 4.0", + "packageName": "@fluentui/react-context-selector", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-date-time-593b61b9-5cf3-42e8-b75d-a8c29fa3db2f.json b/change/@fluentui-react-date-time-593b61b9-5cf3-42e8-b75d-a8c29fa3db2f.json new file mode 100644 index 0000000000000..ede5ddca403a2 --- /dev/null +++ b/change/@fluentui-react-date-time-593b61b9-5cf3-42e8-b75d-a8c29fa3db2f.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-date-time", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-divider-16b02391-8271-45d2-b43f-75118eff5603.json b/change/@fluentui-react-divider-16b02391-8271-45d2-b43f-75118eff5603.json new file mode 100644 index 0000000000000..115d59cca6942 --- /dev/null +++ b/change/@fluentui-react-divider-16b02391-8271-45d2-b43f-75118eff5603.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-divider", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-docsite-components-2bc0eba6-fdf2-4ccf-a053-66033b6cb55a.json b/change/@fluentui-react-docsite-components-2bc0eba6-fdf2-4ccf-a053-66033b6cb55a.json new file mode 100644 index 0000000000000..c5fb7567e2368 --- /dev/null +++ b/change/@fluentui-react-docsite-components-2bc0eba6-fdf2-4ccf-a053-66033b6cb55a.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-docsite-components", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-examples-97458b03-8bbf-4c38-b266-b7086f9b4450.json b/change/@fluentui-react-examples-97458b03-8bbf-4c38-b266-b7086f9b4450.json new file mode 100644 index 0000000000000..8050424ec7a34 --- /dev/null +++ b/change/@fluentui-react-examples-97458b03-8bbf-4c38-b266-b7086f9b4450.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-examples", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-experiments-4a3cf521-d38b-4ed3-9e30-dff3f423687f.json b/change/@fluentui-react-experiments-4a3cf521-d38b-4ed3-9e30-dff3f423687f.json new file mode 100644 index 0000000000000..03765c7070b7e --- /dev/null +++ b/change/@fluentui-react-experiments-4a3cf521-d38b-4ed3-9e30-dff3f423687f.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-experiments", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-file-type-icons-4e3837a0-3a17-4401-b15a-03d70c946481.json b/change/@fluentui-react-file-type-icons-4e3837a0-3a17-4401-b15a-03d70c946481.json new file mode 100644 index 0000000000000..6f4779343050e --- /dev/null +++ b/change/@fluentui-react-file-type-icons-4e3837a0-3a17-4401-b15a-03d70c946481.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-file-type-icons", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-flex-76514da4-0ad5-4df6-9a07-38fed589790c.json b/change/@fluentui-react-flex-76514da4-0ad5-4df6-9a07-38fed589790c.json new file mode 100644 index 0000000000000..512d1bec05d18 --- /dev/null +++ b/change/@fluentui-react-flex-76514da4-0ad5-4df6-9a07-38fed589790c.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-flex", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-focus-097d104f-4b12-4b12-b1a2-1ae1209083b1.json b/change/@fluentui-react-focus-097d104f-4b12-4b12-b1a2-1ae1209083b1.json new file mode 100644 index 0000000000000..ec3074d461bf1 --- /dev/null +++ b/change/@fluentui-react-focus-097d104f-4b12-4b12-b1a2-1ae1209083b1.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-focus", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-focus-management-5ad2864c-97cb-4496-b1ed-f3d7872a658c.json b/change/@fluentui-react-focus-management-5ad2864c-97cb-4496-b1ed-f3d7872a658c.json new file mode 100644 index 0000000000000..a25e29a821939 --- /dev/null +++ b/change/@fluentui-react-focus-management-5ad2864c-97cb-4496-b1ed-f3d7872a658c.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-focus-management", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-hooks-32b18deb-0034-4aa0-9bbd-ecb146c3aadf.json b/change/@fluentui-react-hooks-32b18deb-0034-4aa0-9bbd-ecb146c3aadf.json new file mode 100644 index 0000000000000..1189f12ed9517 --- /dev/null +++ b/change/@fluentui-react-hooks-32b18deb-0034-4aa0-9bbd-ecb146c3aadf.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-hooks", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-icon-provider-876ded90-73b6-4114-8ab2-97da346c0569.json b/change/@fluentui-react-icon-provider-876ded90-73b6-4114-8ab2-97da346c0569.json new file mode 100644 index 0000000000000..aa0ebe2590f5f --- /dev/null +++ b/change/@fluentui-react-icon-provider-876ded90-73b6-4114-8ab2-97da346c0569.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-icon-provider", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-icons-mdl2-1149890a-9385-4eeb-9ca0-58713d906ca5.json b/change/@fluentui-react-icons-mdl2-1149890a-9385-4eeb-9ca0-58713d906ca5.json new file mode 100644 index 0000000000000..141dbc7a9c026 --- /dev/null +++ b/change/@fluentui-react-icons-mdl2-1149890a-9385-4eeb-9ca0-58713d906ca5.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-icons-mdl2", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-icons-mdl2-branded-87aa6399-13cc-445f-a2e6-2ea589fb5b8b.json b/change/@fluentui-react-icons-mdl2-branded-87aa6399-13cc-445f-a2e6-2ea589fb5b8b.json new file mode 100644 index 0000000000000..eadd9af89794e --- /dev/null +++ b/change/@fluentui-react-icons-mdl2-branded-87aa6399-13cc-445f-a2e6-2ea589fb5b8b.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-icons-mdl2-branded", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-image-50651bc1-d999-4206-bcc7-92fe7455d557.json b/change/@fluentui-react-image-50651bc1-d999-4206-bcc7-92fe7455d557.json new file mode 100644 index 0000000000000..1ab57710756b5 --- /dev/null +++ b/change/@fluentui-react-image-50651bc1-d999-4206-bcc7-92fe7455d557.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-image", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-link-88e9ab70-8928-4c7b-b2dd-ae0fe5d719d5.json b/change/@fluentui-react-link-88e9ab70-8928-4c7b-b2dd-ae0fe5d719d5.json new file mode 100644 index 0000000000000..559f3fc104914 --- /dev/null +++ b/change/@fluentui-react-link-88e9ab70-8928-4c7b-b2dd-ae0fe5d719d5.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-link", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-make-styles-d761d39b-172f-44d6-b163-c9f3ed2975c7.json b/change/@fluentui-react-make-styles-d761d39b-172f-44d6-b163-c9f3ed2975c7.json new file mode 100644 index 0000000000000..27fac79bae706 --- /dev/null +++ b/change/@fluentui-react-make-styles-d761d39b-172f-44d6-b163-c9f3ed2975c7.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-make-styles", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-menu-5510d35d-cd2a-4b8a-904f-c15c4c8fdd80.json b/change/@fluentui-react-menu-5510d35d-cd2a-4b8a-904f-c15c4c8fdd80.json new file mode 100644 index 0000000000000..ac995b71988a7 --- /dev/null +++ b/change/@fluentui-react-menu-5510d35d-cd2a-4b8a-904f-c15c4c8fdd80.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-menu", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-monaco-editor-22edfcbe-f304-44de-a0ae-6f68ae6a1eac.json b/change/@fluentui-react-monaco-editor-22edfcbe-f304-44de-a0ae-6f68ae6a1eac.json new file mode 100644 index 0000000000000..f2eee01d537b5 --- /dev/null +++ b/change/@fluentui-react-monaco-editor-22edfcbe-f304-44de-a0ae-6f68ae6a1eac.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-monaco-editor", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-popup-f2b866a2-3117-410b-82cc-93f51099ea41.json b/change/@fluentui-react-popup-f2b866a2-3117-410b-82cc-93f51099ea41.json new file mode 100644 index 0000000000000..69b7924818c3d --- /dev/null +++ b/change/@fluentui-react-popup-f2b866a2-3117-410b-82cc-93f51099ea41.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-popup", + "email": "jdh@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-portal-4af0c5f8-20c8-4dac-861a-92927c091a50.json b/change/@fluentui-react-portal-4af0c5f8-20c8-4dac-861a-92927c091a50.json new file mode 100644 index 0000000000000..3eb4afd61a1b3 --- /dev/null +++ b/change/@fluentui-react-portal-4af0c5f8-20c8-4dac-861a-92927c091a50.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/react-portal", + "email": "jdh@microsoft.com", + "dependentChangeType": "none" +} diff --git a/change/@fluentui-react-positioning-7d6aaf06-bc31-4270-bd8f-2daf7a1b63dd.json b/change/@fluentui-react-positioning-7d6aaf06-bc31-4270-bd8f-2daf7a1b63dd.json new file mode 100644 index 0000000000000..244cc3d84465d --- /dev/null +++ b/change/@fluentui-react-positioning-7d6aaf06-bc31-4270-bd8f-2daf7a1b63dd.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-positioning", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-provider-0a93b1f5-5ae6-4a4e-952c-5c4d64c4335b.json b/change/@fluentui-react-provider-0a93b1f5-5ae6-4a4e-952c-5c4d64c4335b.json new file mode 100644 index 0000000000000..b44c7ca13e43d --- /dev/null +++ b/change/@fluentui-react-provider-0a93b1f5-5ae6-4a4e-952c-5c4d64c4335b.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-provider", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-shared-contexts-0ffabafa-2ca8-4412-80dd-96b470fbfa78.json b/change/@fluentui-react-shared-contexts-0ffabafa-2ca8-4412-80dd-96b470fbfa78.json new file mode 100644 index 0000000000000..2e3b037e1a26d --- /dev/null +++ b/change/@fluentui-react-shared-contexts-0ffabafa-2ca8-4412-80dd-96b470fbfa78.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-shared-contexts", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-slider-d0bef866-4a7f-42b9-b108-4709af97fa24.json b/change/@fluentui-react-slider-d0bef866-4a7f-42b9-b108-4709af97fa24.json new file mode 100644 index 0000000000000..94b968f932d59 --- /dev/null +++ b/change/@fluentui-react-slider-d0bef866-4a7f-42b9-b108-4709af97fa24.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-slider", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-tabs-6e9aa4f6-31b5-4fda-8aa6-23ef6a2f8065.json b/change/@fluentui-react-tabs-6e9aa4f6-31b5-4fda-8aa6-23ef6a2f8065.json new file mode 100644 index 0000000000000..2e7e2e6099a83 --- /dev/null +++ b/change/@fluentui-react-tabs-6e9aa4f6-31b5-4fda-8aa6-23ef6a2f8065.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-tabs", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-tabster-f4cf9898-87a0-4e5b-ae24-437d5da9b9c7.json b/change/@fluentui-react-tabster-f4cf9898-87a0-4e5b-ae24-437d5da9b9c7.json new file mode 100644 index 0000000000000..94270faa2306e --- /dev/null +++ b/change/@fluentui-react-tabster-f4cf9898-87a0-4e5b-ae24-437d5da9b9c7.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-tabster", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-text-dd3c5b56-b5a6-41bf-9ac9-89f2eaefd8f2.json b/change/@fluentui-react-text-dd3c5b56-b5a6-41bf-9ac9-89f2eaefd8f2.json new file mode 100644 index 0000000000000..45786ffb4948a --- /dev/null +++ b/change/@fluentui-react-text-dd3c5b56-b5a6-41bf-9ac9-89f2eaefd8f2.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-text", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-theme-7823dd54-b173-4f74-98f3-6ca382f53465.json b/change/@fluentui-react-theme-7823dd54-b173-4f74-98f3-6ca382f53465.json new file mode 100644 index 0000000000000..c56ee471dad2f --- /dev/null +++ b/change/@fluentui-react-theme-7823dd54-b173-4f74-98f3-6ca382f53465.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-theme", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-theme-provider-7c2dd235-bc55-4207-b18d-1054b7430e04.json b/change/@fluentui-react-theme-provider-7c2dd235-bc55-4207-b18d-1054b7430e04.json new file mode 100644 index 0000000000000..de6cf609f1932 --- /dev/null +++ b/change/@fluentui-react-theme-provider-7c2dd235-bc55-4207-b18d-1054b7430e04.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-theme-provider", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-toggle-6c95cb29-5397-4ecd-b664-566999a6475d.json b/change/@fluentui-react-toggle-6c95cb29-5397-4ecd-b664-566999a6475d.json new file mode 100644 index 0000000000000..0fdbe65f99e2c --- /dev/null +++ b/change/@fluentui-react-toggle-6c95cb29-5397-4ecd-b664-566999a6475d.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-toggle", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-tooltip-d2b0abe5-6a35-40c8-93c9-6ee1bc7dbdd5.json b/change/@fluentui-react-tooltip-d2b0abe5-6a35-40c8-93c9-6ee1bc7dbdd5.json new file mode 100644 index 0000000000000..554ed50a673de --- /dev/null +++ b/change/@fluentui-react-tooltip-d2b0abe5-6a35-40c8-93c9-6ee1bc7dbdd5.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-tooltip", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-utilities-736b4c87-1b05-4a10-8f68-45b699e6b390.json b/change/@fluentui-react-utilities-736b4c87-1b05-4a10-8f68-45b699e6b390.json new file mode 100644 index 0000000000000..ae9dd35655b08 --- /dev/null +++ b/change/@fluentui-react-utilities-736b4c87-1b05-4a10-8f68-45b699e6b390.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-utilities", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-window-provider-8aad0c84-9561-4812-b258-f77c1d341e4a.json b/change/@fluentui-react-window-provider-8aad0c84-9561-4812-b258-f77c1d341e4a.json new file mode 100644 index 0000000000000..cf633f63adb2b --- /dev/null +++ b/change/@fluentui-react-window-provider-8aad0c84-9561-4812-b258-f77c1d341e4a.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/react-window-provider", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-scheme-utilities-a9bc763a-f714-4970-85e3-b9623650708f.json b/change/@fluentui-scheme-utilities-a9bc763a-f714-4970-85e3-b9623650708f.json new file mode 100644 index 0000000000000..f5d8201dff75b --- /dev/null +++ b/change/@fluentui-scheme-utilities-a9bc763a-f714-4970-85e3-b9623650708f.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/scheme-utilities", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-set-version-94566242-d70a-4982-9461-f28a8c624238.json b/change/@fluentui-set-version-94566242-d70a-4982-9461-f28a8c624238.json new file mode 100644 index 0000000000000..dd31dc6de83ef --- /dev/null +++ b/change/@fluentui-set-version-94566242-d70a-4982-9461-f28a8c624238.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/set-version", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-style-utilities-1a8787d2-ec14-44c5-9a96-334e85070459.json b/change/@fluentui-style-utilities-1a8787d2-ec14-44c5-9a96-334e85070459.json new file mode 100644 index 0000000000000..4a9398076cf80 --- /dev/null +++ b/change/@fluentui-style-utilities-1a8787d2-ec14-44c5-9a96-334e85070459.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/style-utilities", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-theme-6e17e66b-5190-4110-86e6-4be7c15f342d.json b/change/@fluentui-theme-6e17e66b-5190-4110-86e6-4be7c15f342d.json new file mode 100644 index 0000000000000..7f41a3c9874aa --- /dev/null +++ b/change/@fluentui-theme-6e17e66b-5190-4110-86e6-4be7c15f342d.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/theme", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-theme-samples-7eff8993-2ff4-4b11-8932-54495dfaf752.json b/change/@fluentui-theme-samples-7eff8993-2ff4-4b11-8932-54495dfaf752.json new file mode 100644 index 0000000000000..baade88831a1f --- /dev/null +++ b/change/@fluentui-theme-samples-7eff8993-2ff4-4b11-8932-54495dfaf752.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/theme-samples", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-utilities-8ac9efe2-ca2e-4453-80cc-4701cc550be7.json b/change/@fluentui-utilities-8ac9efe2-ca2e-4453-80cc-4701cc550be7.json new file mode 100644 index 0000000000000..d3eda2f441ff2 --- /dev/null +++ b/change/@fluentui-utilities-8ac9efe2-ca2e-4453-80cc-4701cc550be7.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/utilities", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json b/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json new file mode 100644 index 0000000000000..8a5c5aea63a28 --- /dev/null +++ b/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to ts 4.0", + "packageName": "@fluentui/web-components", + "email": "joschect@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-webpack-utilities-20b7a676-5c96-403c-b028-b3436a31771d.json b/change/@fluentui-webpack-utilities-20b7a676-5c96-403c-b028-b3436a31771d.json new file mode 100644 index 0000000000000..8e77b69403212 --- /dev/null +++ b/change/@fluentui-webpack-utilities-20b7a676-5c96-403c-b028-b3436a31771d.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/webpack-utilities", + "email": "jdh@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/package.json b/package.json index 0f10c40a4a3e2..7aa99f70a7105 100644 --- a/package.json +++ b/package.json @@ -90,10 +90,11 @@ "@types/prettier": "1.19.1", "@types/webpack-dev-middleware": "4.1.0", "@types/webpack-env": "1.16.0", - "@microsoft/api-extractor": "7.7.1", "@types/chalk": "2.2.0", "@types/yargs": "13.0.11", "@types/tmp": "0.2.0", + "@types/react": "16.9.42", + "@types/react-dom": "16.9.10", "beachball": "1.53.1", "copy-webpack-plugin": "8.1.0", "cross-env": "^5.1.4", @@ -128,8 +129,8 @@ "syncpack": "^5.6.10", "ts-jest": "24.3.0", "ts-loader": "8.0.14", - "typescript": "3.7.2", "webpack": "5.21.2", + "typescript": "4.1.5", "webpack-cli": "4.3.1", "webpack-dev-server": "4.0.0-beta.0", "tmp": "0.2.1", @@ -148,14 +149,18 @@ "@fluentui/make-styles/@types/stylis", "@fluentui/react-bindings/stylis", "@fluentui/react-northstar-fela-renderer/stylis", + "packages/web-components/@microsoft/eslint-config-fast-dna", "packages/web-components/webpack", "packages/web-components/@storybook/**", "packages/web-components/typescript", "packages/web-components/typescript/**", + "packages/web-components/**/typescript", "packages/web-components/ts-loader", "packages/web-components/ts-loader/**", "packages/web-components/ts-node", - "packages/web-components/ts-node/**" + "packages/web-components/ts-node/**", + "packages/web-components/build/**", + "packages/web-components/build" ] }, "resolutions": { diff --git a/packages/a11y-testing/package.json b/packages/a11y-testing/package.json index 2b2bdb4103401..494e03f3da602 100644 --- a/packages/a11y-testing/package.json +++ b/packages/a11y-testing/package.json @@ -26,7 +26,7 @@ "react": "16.8.6" }, "dependencies": { - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "enzyme": "^3.0.0", diff --git a/packages/api-docs/package.json b/packages/api-docs/package.json index ca13ab88c2ea3..5cd42d76a1c5d 100644 --- a/packages/api-docs/package.json +++ b/packages/api-docs/package.json @@ -29,8 +29,8 @@ "@fluentui/style-utilities": "^8.0.4", "@fluentui/theme": "^2.0.4", "@fluentui/utilities": "^8.0.4", - "@microsoft/api-extractor-model": "7.7.1", - "@microsoft/tsdoc": "0.12.14", + "@microsoft/api-extractor-model": "7.12.1", + "@microsoft/tsdoc": "0.12.24", "fs-extra": "^8.1.0" } } diff --git a/packages/api-docs/src/tableJson.ts b/packages/api-docs/src/tableJson.ts index 79f8fbceae501..0171ce1b2c8c8 100644 --- a/packages/api-docs/src/tableJson.ts +++ b/packages/api-docs/src/tableJson.ts @@ -50,7 +50,7 @@ function createBasicTableJson( }; const extendsArr: HeritageType[] | undefined = - !extendsTypes || Array.isArray(extendsTypes) ? extendsTypes : [extendsTypes]; + !extendsTypes || Array.isArray(extendsTypes) ? extendsTypes : [extendsTypes as HeritageType]; if (extendsArr && extendsArr.length) { tableJson.extendsTokens = []; for (const extendsType of extendsArr) { diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json index 6eec7035d8375..25319022a86bf 100644 --- a/packages/azure-themes/package.json +++ b/packages/azure-themes/package.json @@ -30,6 +30,6 @@ "dependencies": { "@fluentui/react": "^8.11.2", "@fluentui/set-version": "^8.0.2", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/codemods/package.json b/packages/codemods/package.json index c98a1a8879b52..8978edc6e8fc8 100644 --- a/packages/codemods/package.json +++ b/packages/codemods/package.json @@ -31,7 +31,7 @@ "@types/fs-extra": "^8.0.1" }, "dependencies": { - "tslib": "^1.10.0", + "tslib": "^2.1.0", "react": "16.8.6", "semver": "^6.2.0", "ts-morph": "^10.0.1", diff --git a/packages/codemods/src/codeMods/mods/configMod/configMod.mod.ts b/packages/codemods/src/codeMods/mods/configMod/configMod.mod.ts index ad8ccf3ffd3d3..d78157e460728 100644 --- a/packages/codemods/src/codeMods/mods/configMod/configMod.mod.ts +++ b/packages/codemods/src/codeMods/mods/configMod/configMod.mod.ts @@ -7,6 +7,9 @@ import { ModOptions, RenameImportType, CodeModResult, + ModResult, + ModError, + NoOp, } from '../../types'; import { findJsxTag, renameProp, getImportsByPath, repathImport, renameImport } from '../../utilities/index'; import { Ok, Err } from '../../../helpers/result'; @@ -54,7 +57,7 @@ export function createCodeMod(options: ModOptions, mod: (file: SourceFile) => Co /* Codemod body. */ return mod(file); } catch (e) { - return Err({ error: e }); + return Err({ error: e }); } }, version: options.version, @@ -74,7 +77,7 @@ const _codeModMap: CodeModMapType = { if (res.ok) { return Ok({ logs: [res.value] }); } else { - return Err({ + return Err({ logs: [`unable to rename the prop ${mod.options.from.toRename} in all files.`], }); } @@ -92,7 +95,7 @@ const _codeModMap: CodeModMapType = { : mod.options.from.searchString; return getImportsByPath(file, searchString) .then(v => v.map(imp => repathImport(imp, mod.options.to.replacementValue))) - .chain(v => Ok({ logs: ['Successfully repathed imports'] })); + .chain(_ => Ok({ logs: ['Successfully repathed imports'] })); }; }, renameImport: (mod: RenameImportType) => { @@ -110,7 +113,7 @@ const combineResults = (result: CodeModResult, result2: CodeModResult) => { }, e => { if ('error' in e) { - return Err(e); + return Err(e); } return Ok({ logs: v.logs.concat(...e.logs) }); }, @@ -129,8 +132,8 @@ const configMod: CodeMod = { if (!__configs) { __configs = getCodeModsFromJson(); if (__configs === undefined || __configs.length === 0) { - return Err({ - logs: ['failed to get any mods from json. Perhaps the file is missing or malformed?'], + return Err({ + error: 'failed to get any mods from json. Perhaps the file is missing or malformed?', }); } } @@ -141,7 +144,7 @@ const configMod: CodeMod = { results.push(mod.run(file)); } if (results.length === 0) { - return Err({ logs: ['No runabble mods were found in the config'] }); + return Err({ logs: ['No runabble mods were found in the config'] }); } return results.reduce(combineResults); diff --git a/packages/codemods/src/codeMods/mods/officeToFluentImport/officeToFluentImport.mod.ts b/packages/codemods/src/codeMods/mods/officeToFluentImport/officeToFluentImport.mod.ts index 71720aed433cb..bcae8913fb582 100644 --- a/packages/codemods/src/codeMods/mods/officeToFluentImport/officeToFluentImport.mod.ts +++ b/packages/codemods/src/codeMods/mods/officeToFluentImport/officeToFluentImport.mod.ts @@ -1,5 +1,5 @@ import { SourceFile } from 'ts-morph'; -import { CodeMod, CodeModResult } from '../../types'; +import { CodeMod, CodeModResult, NoOp, ModError, ModResult } from '../../types'; import { getImportsByPath, repathImport } from '../../utilities/index'; import { Ok, Err } from '../../../helpers/result'; @@ -33,7 +33,7 @@ const uiFabricMap: [RegExp, string][] = [ [/^@uifabric/, '@fluentui'], ]; -const combineResults = (result: CodeModResult, result2: CodeModResult) => { +const combineResults: (result: CodeModResult, result2: CodeModResult) => CodeModResult = (result, result2) => { return result.chain(v => result2.bothChain( r => { @@ -41,7 +41,7 @@ const combineResults = (result: CodeModResult, result2: CodeModResult) => { }, e => { if ('error' in e) { - return Err(e); + return Err(e); } return Ok({ logs: v.logs.concat(...e.logs) }); }, @@ -63,7 +63,7 @@ const getRepather: (search: RegExp, newValue: string) => (file: SourceFile) => C if (v.length > 0) { return v.reduce(combineResults); } else { - return Err({ logs: ['Nothing to rename found'] }); + return Err({ logs: ['Nothing to rename found'] }); } }); }; diff --git a/packages/codemods/src/codeMods/mods/oldToNewButton/oldToNewButton.mod.ts b/packages/codemods/src/codeMods/mods/oldToNewButton/oldToNewButton.mod.ts index 0a44311978d52..1ee9fcab957f6 100644 --- a/packages/codemods/src/codeMods/mods/oldToNewButton/oldToNewButton.mod.ts +++ b/packages/codemods/src/codeMods/mods/oldToNewButton/oldToNewButton.mod.ts @@ -1,5 +1,5 @@ import { SourceFile } from 'ts-morph'; -import { CodeMod } from '../../types'; +import { CodeMod, ModResult, ModError } from '../../types'; import { renameProp, findJsxTag } from '../../utilities/index'; import { Err } from '../../../helpers/result'; @@ -7,11 +7,11 @@ const oldToNewButton: CodeMod = { run: (file: SourceFile) => { try { const tags = findJsxTag(file, 'DefaultButton'); - return renameProp(tags, 'toggled', 'checked').then(v => ({ + return renameProp(tags, 'toggled', 'checked').then(_ => ({ logs: ['rename completed'], })); } catch (e) { - return Err({ error: e }); + return Err({ error: e }); } }, version: '100000', diff --git a/packages/codemods/src/codeMods/mods/personaToAvatar/personaToAvatar.mod.ts b/packages/codemods/src/codeMods/mods/personaToAvatar/personaToAvatar.mod.ts index 52b1ab1efb620..df8f3a21b178e 100644 --- a/packages/codemods/src/codeMods/mods/personaToAvatar/personaToAvatar.mod.ts +++ b/packages/codemods/src/codeMods/mods/personaToAvatar/personaToAvatar.mod.ts @@ -9,7 +9,7 @@ import { Node, } from 'ts-morph'; import { findJsxTag, appendOrCreateNamedImport } from '../../utilities/index'; -import { CodeMod } from '../../types'; +import { CodeMod, ModError, ModResult } from '../../types'; import { Ok, Err } from '../../../helpers/result'; const personaPath = 'office-ui-fabric-react/lib/Persona'; @@ -170,7 +170,7 @@ const PersonaToAvatarMod: CodeMod = { renamePrimaryTextProp(file); renameRenderCoin(file); } catch (e) { - return Err({ error: e }); + return Err({ error: e }); } return Ok({ logs: ['Replaced Persona with Avatar'] }); }, diff --git a/packages/codemods/src/codeMods/utilities/helpers/propHelpers.ts b/packages/codemods/src/codeMods/utilities/helpers/propHelpers.ts index eb684782b77ab..2663e9e445a3b 100644 --- a/packages/codemods/src/codeMods/utilities/helpers/propHelpers.ts +++ b/packages/codemods/src/codeMods/utilities/helpers/propHelpers.ts @@ -40,7 +40,7 @@ export function renamePropInSpread( const firstIdentifier = attribute.getFirstChildByKind(SyntaxKind.Identifier); const propertyAccess = attribute.getFirstChildByKind(SyntaxKind.PropertyAccessExpression); if (!attribute || (!firstIdentifier && !propertyAccess)) { - return Err({ reason: 'Invalid spread prop. Could not access internal identifiers successfully.' }); + return Err({ logs: ['Invalid spread prop. Could not access internal identifiers successfully.'] }); } /* SPREADISIDENTIFIER tells us whether we should look at an Identifier or a P.A.E. node. */ const spreadIsIdentifier = firstIdentifier !== undefined; @@ -67,20 +67,20 @@ export function renamePropInSpread( blockContainer = containerMaybe.value; newJSXFlag = true; } else { - return Err({ reason: 'Attempted to create a new block around prop failed.' }); + return Err({ logs: ['Attempted to create a new block around prop failed.'] }); } } /* Step 5: Get the parent of BLOCKCONTAINER so that we can insert our own variable statements. */ const parentContainer = blockContainer!.getParentIfKind(SyntaxKind.Block); if (parentContainer === undefined) { - return Err({ reason: 'Unable to get parent container from block.' }); + return Err({ logs: ['Unable to get parent container from block.'] }); } /* Step 6: Get the index of BLOCKCONTAINER within PARENTCONTAINER that we'll use to insert our variables. */ const insertIndex = blockContainer!.getChildIndex(); if (insertIndex === undefined) { - return Err({ reason: 'unable to find child index' }); + return Err({ logs: ['unable to find child index'] }); } /* Step 7: Look to see if the prop we're looking for exists already. Manually diff --git a/packages/codemods/src/codeMods/utilities/imports.ts b/packages/codemods/src/codeMods/utilities/imports.ts index e75af2ca1727b..4555f5f38f066 100644 --- a/packages/codemods/src/codeMods/utilities/imports.ts +++ b/packages/codemods/src/codeMods/utilities/imports.ts @@ -9,7 +9,7 @@ export function renameImport(file: SourceFile, originalImport: string, renamedIm }); }); if (imps.length === 0) { - return Err({ logs: ['No matching imports could be found.'] }); + return Err({ logs: ['No matching imports could be found.'] }); } imps[0].getNamedImports().forEach(name => { if (name.getText() === originalImport) { @@ -70,7 +70,7 @@ export function appendOrCreateNamedImport( ); } - return Err({ logs: ['Named import is not present in module'] }); + return Err({ logs: ['Named import is not present in module'] }); } export function repathImport( diff --git a/packages/codemods/src/codeMods/utilities/transforms.ts b/packages/codemods/src/codeMods/utilities/transforms.ts index e537fdcdb2f3c..c451d262a110d 100644 --- a/packages/codemods/src/codeMods/utilities/transforms.ts +++ b/packages/codemods/src/codeMods/utilities/transforms.ts @@ -1,4 +1,4 @@ -import { PropTransform, ValueMap } from '../types'; +import { PropTransform, ValueMap, NoOp } from '../types'; import { JsxExpression, SyntaxKind, JsxOpeningElement, JsxSelfClosingElement } from 'ts-morph'; import { renamePropInSpread } from './helpers/propHelpers'; import { Err, Ok } from '../../helpers/result'; @@ -52,7 +52,7 @@ export function boolTransform(newValue?: boolean, map?: ValueMap): PropT toChange.replaceWithText(map ? map[oldText] : newValue !== undefined ? newValue.toString() : toRename); return Ok('Prop value transformed successfully'); } - return Err({ logs: ['Could not access prop value to transform.'] }); + return Err({ logs: ['Could not access prop value to transform.'] }); } else { return renamePropInSpread( element as JsxOpeningElement | JsxSelfClosingElement, @@ -83,7 +83,7 @@ export function stringTransform(newValue?: string, map?: ValueMap): Prop toChange.replaceWithText(map ? `'${map[oldText]}'` : newValue!); return Ok('Prop value transformed successfully'); } - return Err({ logs: ['Could not access prop value to transform.'] }); + return Err({ logs: ['Could not access prop value to transform.'] }); } else { return renamePropInSpread( element as JsxOpeningElement | JsxSelfClosingElement, @@ -114,7 +114,7 @@ export function numberTransform(newValue?: number, map?: ValueMap): Prop toChange.replaceWithText(map ? map[oldText] : newValue!.toString()); return Ok('Prop value transformed successfully'); } - return Err({ logs: ['Could not access prop value to transform.'] }); + return Err({ logs: ['Could not access prop value to transform.'] }); } else { return renamePropInSpread( element as JsxOpeningElement | JsxSelfClosingElement, @@ -139,7 +139,7 @@ export function enumTransform(map: ValueMap): PropTransform { replacementName: string, ) => { if (!map) { - return Err({ logs: ['Cannot perform an enum transform without a map!'] }); + return Err({ logs: ['Cannot perform an enum transform without a map!'] }); } if (elementNotInSpread(element)) { const toChange = getValueToChange(element as JsxExpression); @@ -148,7 +148,7 @@ export function enumTransform(map: ValueMap): PropTransform { toChange.replaceWithText(map[oldText]); return Ok('Prop value transformed successfully'); } - return Err({ logs: ['Could not access prop value to transform.'] }); + return Err({ logs: ['Could not access prop value to transform.'] }); } else { return renamePropInSpread(element as JsxOpeningElement | JsxSelfClosingElement, toRename, replacementName, map); } diff --git a/packages/codemods/src/command.ts b/packages/codemods/src/command.ts index 98f46c2b70d54..a93b37bc2f3b5 100644 --- a/packages/codemods/src/command.ts +++ b/packages/codemods/src/command.ts @@ -117,7 +117,7 @@ function getModRunnerConfig(): Result { let configObj: ModRunnerConfigType = { stringFilters: [], regexFilters: [], includeMods: false }; console.log('Configuration detected. Attempting to run mods from config...'); if (!foundJsonFile.found || foundJsonFile.found.length !== 1) { - return Err({ error: new Error('Error, could not locate correct config file.') }); + return Err({ error: new Error('Error, could not locate correct config file.') }); } else { configObj = require(foundJsonFile.found[0]); return Ok(configObj); diff --git a/packages/codemods/src/helpers/tests/result.test.ts b/packages/codemods/src/helpers/tests/result.test.ts index 0dff352b222d1..94e66648c3fe6 100644 --- a/packages/codemods/src/helpers/tests/result.test.ts +++ b/packages/codemods/src/helpers/tests/result.test.ts @@ -20,7 +20,7 @@ describe('Result', () => { it('errChained Err value is evaluated correctly', () => { expect( getErr(3, '4') - .errChain(v => Err(7)) + .errChain(v => Err(7)) .errOrElse(100), ).toBe(7); }); diff --git a/packages/codemods/src/modRunner/runnerUtilities.ts b/packages/codemods/src/modRunner/runnerUtilities.ts index 9c791e52b1ba9..2a751becc0522 100644 --- a/packages/codemods/src/modRunner/runnerUtilities.ts +++ b/packages/codemods/src/modRunner/runnerUtilities.ts @@ -1,4 +1,4 @@ -import { CodeMod, CodeModResult } from '../codeMods/types'; +import { CodeMod, CodeModResult, ModResult, ModError } from '../codeMods/types'; import { Glob } from 'glob'; import { Maybe, Nothing, Something } from '../helpers/maybe'; import { Err, Result, Ok, partitionResults } from '../helpers/result'; @@ -27,7 +27,7 @@ export function runMods( v => Ok({ logs: v.logs, modName: mod.name }), err => { if ('error' in err) { - return Err({ modName: mod.name, error: err.error }); + return Err({ modName: mod.name, error: err.error }); } return Ok({ logs: ['Mod was a NoOp on this file'], modName: mod.name }); @@ -49,7 +49,7 @@ function runMod( try { result = codeMod.run(file); } catch (e) { - result = Err({ error: e }); + result = Err({ error: e }); } if (loggingCallback) { diff --git a/packages/codemods/src/modRunner/tests/mocks/MockMods/CodeMod.mock.ts b/packages/codemods/src/modRunner/tests/mocks/MockMods/CodeMod.mock.ts index eb7afa0647db7..a7b76fe0eb087 100644 --- a/packages/codemods/src/modRunner/tests/mocks/MockMods/CodeMod.mock.ts +++ b/packages/codemods/src/modRunner/tests/mocks/MockMods/CodeMod.mock.ts @@ -1,8 +1,8 @@ -import { CodeMod } from '../../../../codeMods/types'; +import { CodeMod, ModResult, NoOp } from '../../../../codeMods/types'; import { Err } from '../../../../helpers/result'; const CodeMod: CodeMod = { run: () => { - return Err({ reason: 0, logs: [] }); + return Err({ logs: [] }); }, version: '1.0.0', name: 'CodeMod', diff --git a/packages/date-time-utilities/package.json b/packages/date-time-utilities/package.json index 3d03d70cd4341..6bac61a73774e 100644 --- a/packages/date-time-utilities/package.json +++ b/packages/date-time-utilities/package.json @@ -28,6 +28,6 @@ }, "dependencies": { "@fluentui/set-version": "^8.0.2", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/dom-utilities/package.json b/packages/dom-utilities/package.json index 2f5de58813658..2ad5e83d3ed06 100644 --- a/packages/dom-utilities/package.json +++ b/packages/dom-utilities/package.json @@ -28,6 +28,6 @@ }, "dependencies": { "@fluentui/set-version": "^8.0.2", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json index 13f54d155622b..bbfb25bdf16ae 100644 --- a/packages/eslint-plugin/package.json +++ b/packages/eslint-plugin/package.json @@ -32,7 +32,7 @@ }, "peerDependencies": { "eslint": "^6.0.0 || ^7.0.0", - "typescript": "^3.5.0" + "typescript": "^3.7.2 || 4.1.5" }, "files": [ "src" diff --git a/packages/example-data/etc/example-data.api.md b/packages/example-data/etc/example-data.api.md index 84d704511b574..8fcea5c196919 100644 --- a/packages/example-data/etc/example-data.api.md +++ b/packages/example-data/etc/example-data.api.md @@ -135,6 +135,9 @@ export const people: (IExampleExtendedPersonaProps & { // @internal export const range: (start: number, end: number) => number[]; +// @public (undocumented) +export const setControlledMode: (val: boolean) => void; + // @internal (undocumented) export const TestImages: { choiceGroupBarUnselected: string; diff --git a/packages/example-data/package.json b/packages/example-data/package.json index b3baed289d2d8..ea0a3500eb0e7 100644 --- a/packages/example-data/package.json +++ b/packages/example-data/package.json @@ -24,6 +24,6 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/example-data/src/lorem.ts b/packages/example-data/src/lorem.ts index 7a30935fbf309..da2e7330b89db 100644 --- a/packages/example-data/src/lorem.ts +++ b/packages/example-data/src/lorem.ts @@ -6,11 +6,20 @@ const LOREM_IPSUM = ( 'mollit anim id est laborum' ).split(' '); +let controlledMode = false; + /** @internal */ export function lorem(wordCount: number): string { + if (controlledMode) { + return 'Lorem ipsum dolor sit amet'; + } return [...Array(wordCount)] .map((item: number, idx: number) => { return LOREM_IPSUM[idx % LOREM_IPSUM.length]; }) .join(' '); } + +export const setControlledMode = (val: boolean) => { + controlledMode = val; +}; diff --git a/packages/fluentui/docs/src/components/ComponentBestPractices.tsx b/packages/fluentui/docs/src/components/ComponentBestPractices.tsx index 4e08a2c5aedbf..8d6ce65c14977 100644 --- a/packages/fluentui/docs/src/components/ComponentBestPractices.tsx +++ b/packages/fluentui/docs/src/components/ComponentBestPractices.tsx @@ -22,7 +22,7 @@ const ComponentBestPractices: React.FC = ({ doList, const updatedDontList: ShorthandCollection = []; if (_.size(doList) > 0) { - _.map(doList, element => { + _.map(doList, (element: string) => { updatedDoList.push({ key: doList.indexOf(element), content: element, @@ -32,7 +32,7 @@ const ComponentBestPractices: React.FC = ({ doList, } if (_.size(dontList) > 0) { - _.map(dontList, element => { + _.map(dontList, (element: string) => { updatedDontList.push({ key: dontList.indexOf(element), content: element, diff --git a/packages/fluentui/docs/src/examples/components/Chat/Usage/ChatExampleInScrollable.shorthand.tsx b/packages/fluentui/docs/src/examples/components/Chat/Usage/ChatExampleInScrollable.shorthand.tsx index b50669a1dfe42..5dcd98c2f8681 100644 --- a/packages/fluentui/docs/src/examples/components/Chat/Usage/ChatExampleInScrollable.shorthand.tsx +++ b/packages/fluentui/docs/src/examples/components/Chat/Usage/ChatExampleInScrollable.shorthand.tsx @@ -17,7 +17,7 @@ import { } from '@fluentui/react-icons-northstar'; const ChatExampleInScrollableShorthand = () => { - const [actionCount, setActionCount] = useRangeKnob({ name: 'actionCount', initialValue: 7, min: 1, max: 10 }); + const [actionCount, setActionCount] = useRangeKnob({ name: 'actionCount', initialValue: 7, min: 1, max: 10 }); const [overflow] = useBooleanKnob({ name: 'overflow', initialValue: true }); const [height] = useRangeKnob({ name: 'height', diff --git a/packages/fluentui/docs/src/examples/components/Ref/Types/RefForwardingExample.shorthand.tsx b/packages/fluentui/docs/src/examples/components/Ref/Types/RefForwardingExample.shorthand.tsx index 6ac97435be570..06a8cd753a2ad 100644 --- a/packages/fluentui/docs/src/examples/components/Ref/Types/RefForwardingExample.shorthand.tsx +++ b/packages/fluentui/docs/src/examples/components/Ref/Types/RefForwardingExample.shorthand.tsx @@ -5,7 +5,9 @@ type RefForwardingExampleState = { isMounted: boolean; }; -const ExampleButton = React.forwardRef((props, ref) => ( +const ExampleButton: React.FunctionComponent<{ children: React.ReactNode } & React.RefAttributes< + HTMLButtonElement +>> = React.forwardRef((props, ref) => (
diff --git a/packages/fluentui/local-sandbox/tsconfig.json b/packages/fluentui/local-sandbox/tsconfig.json index cf87ca5f8c41b..bdac6cd7d9b18 100644 --- a/packages/fluentui/local-sandbox/tsconfig.json +++ b/packages/fluentui/local-sandbox/tsconfig.json @@ -8,7 +8,7 @@ "allowSyntheticDefaultImports": true, "strict": true, "forceConsistentCasingInFileNames": true, - "module": "esnext", + "module": "commonjs", "moduleResolution": "node", "resolveJsonModule": true, "noEmit": true, diff --git a/packages/fluentui/react-bindings/src/FocusZone/FocusTrapZone.tsx b/packages/fluentui/react-bindings/src/FocusZone/FocusTrapZone.tsx index afa400a6ae18d..e0fea4190f9f5 100644 --- a/packages/fluentui/react-bindings/src/FocusZone/FocusTrapZone.tsx +++ b/packages/fluentui/react-bindings/src/FocusZone/FocusTrapZone.tsx @@ -25,7 +25,7 @@ export class FocusTrapZone extends React.Component { _root: { current: HTMLElement | null } = { current: null }; - _previouslyFocusedElementOutsideTrapZone: HTMLElement; + _previouslyFocusedElementOutsideTrapZone?: HTMLElement; _previouslyFocusedElementInTrapZone?: HTMLElement; _firstBumper = React.createRef(); diff --git a/packages/fluentui/react-bindings/src/context-selector/useContextSelectors.ts b/packages/fluentui/react-bindings/src/context-selector/useContextSelectors.ts index da4c30eb1a8e5..78f7dd5d3effa 100644 --- a/packages/fluentui/react-bindings/src/context-selector/useContextSelectors.ts +++ b/packages/fluentui/react-bindings/src/context-selector/useContextSelectors.ts @@ -46,7 +46,7 @@ export const useContextSelectors = < if (payload[0] <= version) { const stateHasNotChanged = Object.keys(selectors).every((key: Properties) => - Object.is(prevState[1][key] as SelectedValue, selected[key]), + Object.is((prevState[1] as { [key: string]: any })[key] as SelectedValue, selected[key]), ); if (stateHasNotChanged) { @@ -104,5 +104,5 @@ export const useContextSelectors = < }; }, [listeners]); - return state[1] as SelectedValue; + return state[1] as Record; }; diff --git a/packages/fluentui/react-bindings/src/hooks/useTriggerElement.tsx b/packages/fluentui/react-bindings/src/hooks/useTriggerElement.tsx index ddba12c9f9927..7ceecf0fe6df7 100644 --- a/packages/fluentui/react-bindings/src/hooks/useTriggerElement.tsx +++ b/packages/fluentui/react-bindings/src/hooks/useTriggerElement.tsx @@ -6,7 +6,7 @@ import { childrenExist } from '../utils/childrenExist'; type UseTriggerElementOptions = { children?: React.ReactNode; - trigger?: React.ReactElement; + trigger?: React.ReactElement | React.ReactNode | null; }; // https://github.com/facebook/react/blob/c4e0768d7487a9359b74986e3b07841d2520f593/packages/react-dom/src/events/getListener.js#L15-L22 diff --git a/packages/fluentui/react-component-ref/src/RefFindNode.tsx b/packages/fluentui/react-component-ref/src/RefFindNode.tsx index 1951668d81047..8157e00fc616e 100644 --- a/packages/fluentui/react-component-ref/src/RefFindNode.tsx +++ b/packages/fluentui/react-component-ref/src/RefFindNode.tsx @@ -34,7 +34,7 @@ function isFiberRef(node: Element | Fiber | Text | null): boolean { } export class RefFindNode extends React.Component { - prevNode: Node | null = null; + prevNode?: Node | null; componentDidMount() { let currentNode = ReactDOM.findDOMNode(this); diff --git a/packages/fluentui/react-component-ref/src/RefForward.tsx b/packages/fluentui/react-component-ref/src/RefForward.tsx index 146c6a0ca56b2..5f0e1451b89ed 100644 --- a/packages/fluentui/react-component-ref/src/RefForward.tsx +++ b/packages/fluentui/react-component-ref/src/RefForward.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { handleRef, RefProps } from './utils'; export class RefForward extends React.Component { - currentNode: Node | null = null; + currentNode?: Node | null; handleRefOverride = (node: HTMLElement) => { const { children, innerRef } = this.props; diff --git a/packages/fluentui/react-northstar-prototypes/package.json b/packages/fluentui/react-northstar-prototypes/package.json index efeb3f6152c65..3be214ac71b01 100644 --- a/packages/fluentui/react-northstar-prototypes/package.json +++ b/packages/fluentui/react-northstar-prototypes/package.json @@ -14,7 +14,7 @@ "@fluentui/react-component-ref": "^0.54.0", "@fluentui/react-icons-northstar": "^0.54.0", "@fluentui/react-northstar": "^0.54.0", - "tslib": "^1.10.0", + "tslib": "^2.1.0", "classnames": "^2.2.6", "copy-to-clipboard": "^3.2.0", "csstype": "^2.6.7", diff --git a/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeaderAction.tsx b/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeaderAction.tsx index 048f16bb14efe..e036241fbe705 100644 --- a/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeaderAction.tsx +++ b/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeaderAction.tsx @@ -7,7 +7,7 @@ import { Button, ButtonProps, ButtonStylesProps } from '../Button/Button'; export type DatepickerCalendarHeaderActionProps = ButtonProps & { /** What direction the action button should be pointing. */ - direction?: 'previous' | 'next'; + direction?: 'previous' | 'next' | string; /** Button is disabled for action but still enabled for navigation. */ disabledNavigatableButton?: boolean; diff --git a/packages/fluentui/react-northstar/src/components/Provider/Provider.tsx b/packages/fluentui/react-northstar/src/components/Provider/Provider.tsx index 7102d752dcfaf..ccca900c4c06d 100644 --- a/packages/fluentui/react-northstar/src/components/Provider/Provider.tsx +++ b/packages/fluentui/react-northstar/src/components/Provider/Provider.tsx @@ -227,23 +227,23 @@ Provider.propTypes = { theme: PropTypes.shape({ siteVariables: PropTypes.object, componentVariables: PropTypes.object, - componentStyles: PropTypes.object, + componentStyles: PropTypes.objectOf(PropTypes.any), fontFaces: PropTypes.arrayOf( - PropTypes.shape({ - name: PropTypes.string, + PropTypes.exact({ + name: PropTypes.string.isRequired, paths: PropTypes.arrayOf(PropTypes.string), - style: PropTypes.shape({ + props: PropTypes.shape({ fontStretch: PropTypes.string, fontStyle: PropTypes.string, fontVariant: PropTypes.string, - fontWeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), - localAlias: PropTypes.string, + fontWeight: PropTypes.number, + localAlias: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]), unicodeRange: PropTypes.string, }), }), ), - staticStyles: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func])), - animations: PropTypes.object, + staticStyles: PropTypes.array, + animations: PropTypes.objectOf(PropTypes.any), }), rtl: PropTypes.bool, disableAnimations: PropTypes.bool, diff --git a/packages/fluentui/react-northstar/test/utils/nextFrame.ts b/packages/fluentui/react-northstar/test/utils/nextFrame.ts index 619f5b406f079..4c0438dc69bb5 100644 --- a/packages/fluentui/react-northstar/test/utils/nextFrame.ts +++ b/packages/fluentui/react-northstar/test/utils/nextFrame.ts @@ -1,5 +1,5 @@ export const nextFrame = () => - new Promise(resolve => + new Promise(resolve => setTimeout(() => { resolve(); }), diff --git a/packages/fluentui/react-northstar/tsconfig.json b/packages/fluentui/react-northstar/tsconfig.json index fa5684a07067a..1a8e243bb20e5 100644 --- a/packages/fluentui/react-northstar/tsconfig.json +++ b/packages/fluentui/react-northstar/tsconfig.json @@ -3,6 +3,7 @@ "compilerOptions": { "composite": true, "outDir": "dist/dts", + "skipLibCheck": true, "paths": { "docs/*": ["packages/fluentui/docs/*"], "src/*": ["packages/fluentui/react-northstar/src/*"], diff --git a/packages/fluentui/styles/src/types.ts b/packages/fluentui/styles/src/types.ts index 676a3dea60646..edcea526b808c 100644 --- a/packages/fluentui/styles/src/types.ts +++ b/packages/fluentui/styles/src/types.ts @@ -32,8 +32,9 @@ export interface AnimationName

> { params?: P; } -type CSSProperties = Omit, 'animationName'> & { +type CSSProperties = Omit, 'animationName' | 'position'> & { animationName?: AnimationName | AnimationKeyFrame | string | 'none'; + position?: string; }; export interface ICSSPseudoElementStyle extends ICSSInJSStyle { diff --git a/packages/font-icons-mdl2/package.json b/packages/font-icons-mdl2/package.json index b4f50e52a2499..7883376b00b5d 100644 --- a/packages/font-icons-mdl2/package.json +++ b/packages/font-icons-mdl2/package.json @@ -28,6 +28,6 @@ "dependencies": { "@fluentui/set-version": "^8.0.2", "@fluentui/style-utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/foundation-legacy/etc/foundation-legacy.api.md b/packages/foundation-legacy/etc/foundation-legacy.api.md index 441438c9bec10..ff065b50d2c85 100644 --- a/packages/foundation-legacy/etc/foundation-legacy.api.md +++ b/packages/foundation-legacy/etc/foundation-legacy.api.md @@ -9,13 +9,13 @@ import { IStyle } from '@fluentui/style-utilities'; import { IStyleSet } from '@fluentui/style-utilities'; import { ITheme } from '@fluentui/style-utilities'; import { styled as legacyStyled } from '@fluentui/utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public -export function createComponent, TViewProps extends TComponentProps = TComponentProps, TStatics = {}>(view: IViewComponent, options?: IComponentOptions): React.FunctionComponent & TStatics; +export function createComponent, TViewProps extends TComponentProps = TComponentProps, TStatics = {}>(view: IViewComponent, options?: IComponentOptions): React_2.FunctionComponent & TStatics; // @public -export function createFactory(DefaultComponent: React.ComponentType, options?: IFactoryOptions): ISlotFactory; +export function createFactory(DefaultComponent: React_2.ComponentType, options?: IFactoryOptions): ISlotFactory; // @public export type ExtractProps = TUnion extends ISlotProp ? TProps : never; @@ -76,7 +76,7 @@ export interface IFactoryOptions { export type IHTMLElementSlot = ISlotProp; // @public -export type IHTMLSlot = ISlotProp, any>>; +export type IHTMLSlot = ISlotProp, any>>; // @public export interface IProcessedSlotProps { @@ -85,12 +85,12 @@ export interface IProcessedSlotProps { } // @public @deprecated -export type IPropsWithChildren = React.PropsWithChildren; +export type IPropsWithChildren = React_2.PropsWithChildren; // @public export interface ISlot { // (undocumented) - (componentProps: React.PropsWithChildren | undefined | null): ReturnType; + (componentProps: React_2.PropsWithChildren | undefined | null): ReturnType; // (undocumented) isSlot?: boolean; } @@ -103,16 +103,16 @@ export interface ISlotCreator = { - [slot in keyof TSlots]: React.ElementType>; + [slot in keyof TSlots]: React_2.ElementType>; }; // @public -export type ISlotFactory = (componentProps: TProps & IProcessedSlotProps, userProps: ISlotProp, slotOptions: ISlotOptions | undefined, defaultStyles: IStyle, theme?: ITheme) => ReturnType>; +export type ISlotFactory = (componentProps: TProps & IProcessedSlotProps, userProps: ISlotProp, slotOptions: ISlotOptions | undefined, defaultStyles: IStyle, theme?: ITheme) => ReturnType>; // @public export interface ISlotOptions { // (undocumented) - component?: React.ElementType; + component?: React_2.ElementType; // (undocumented) render?: ISlotRender; } @@ -121,7 +121,7 @@ export interface ISlotOptions { export type ISlotProp = TShorthandProp | TProps; // @public -export type ISlotRender = (props: React.PropsWithChildren, defaultComponent: React.ComponentType) => ReturnType>; +export type ISlotRender = (props: React_2.PropsWithChildren, defaultComponent: React_2.ComponentType) => ReturnType>; // @public export type ISlots = { @@ -129,7 +129,7 @@ export type ISlots = { }; // @public -export type ISlottableComponentType = React.ComponentType & ISlotCreator; +export type ISlottableComponentType = React_2.ComponentType & ISlotCreator; // @public export type ISlottableProps = TSlots & { @@ -139,7 +139,7 @@ export type ISlottableProps = TSlots & { }; // @public -export type ISlottableReactType = React.ElementType & ISlotCreator; +export type ISlottableReactType = React_2.ElementType & ISlotCreator; // @public export type IStateComponentType = (props: Readonly) => TViewProps; @@ -187,15 +187,15 @@ export type ITokenFunction = (props: TViewProps, theme: ITh export type ITokenFunctionOrObject = ITokenFunction | TTokens; // @public -export type IViewComponent = (props: React.PropsWithChildren) => ReturnType; +export type IViewComponent = (props: React_2.PropsWithChildren) => ReturnType; export { legacyStyled } // @public -export const ThemeProvider: React.FunctionComponent; +export const ThemeProvider: React_2.FunctionComponent; // @public -export function useControlledState(props: Readonly, propName: TProp, options?: IControlledStateOptions): [TProps[TProp] | undefined, React.Dispatch>]; +export function useControlledState(props: Readonly, propName: TProp, options?: IControlledStateOptions): [TProps[TProp] | undefined, React_2.Dispatch>]; // @public export type ValidProps = object; @@ -204,7 +204,7 @@ export type ValidProps = object; export type ValidShorthand = string | number | boolean; // @public -export function withSlots

(type: ISlot

| React.FunctionComponent

| string, props?: (React.Attributes & P) | null, ...children: React.ReactNode[]): ReturnType>; +export function withSlots

(type: ISlot

| React_2.FunctionComponent

| string, props?: (React_2.Attributes & P) | null, ...children: React_2.ReactNode[]): ReturnType>; // (No @packageDocumentation comment for this package) diff --git a/packages/foundation-legacy/package.json b/packages/foundation-legacy/package.json index a2a3ac7d8f9c0..30f96efb28c5c 100644 --- a/packages/foundation-legacy/package.json +++ b/packages/foundation-legacy/package.json @@ -43,7 +43,7 @@ "@fluentui/set-version": "^8.0.2", "@fluentui/style-utilities": "^8.0.4", "@fluentui/utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/foundation-legacy/src/createComponent.tsx b/packages/foundation-legacy/src/createComponent.tsx index fd96ad288f3a7..6eefad0a1a419 100644 --- a/packages/foundation-legacy/src/createComponent.tsx +++ b/packages/foundation-legacy/src/createComponent.tsx @@ -78,13 +78,13 @@ export function createComponent< componentProps.styles, ); - const viewProps = { + const viewProps = ({ ...componentProps, styles, tokens, _defaultStyles: styles, theme, - } as TViewProps & IDefaultSlotProps; + } as unknown) as TViewProps & IDefaultSlotProps; return view(viewProps); }; diff --git a/packages/keyboard-key/package.json b/packages/keyboard-key/package.json index 972f5cea756a1..dac1e66030bce 100644 --- a/packages/keyboard-key/package.json +++ b/packages/keyboard-key/package.json @@ -25,6 +25,6 @@ "@fluentui/scripts": "^1.0.0" }, "dependencies": { - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/make-styles/etc/make-styles.api.md b/packages/make-styles/etc/make-styles.api.md index 977fcd697b4ac..27637a698b0c0 100644 --- a/packages/make-styles/etc/make-styles.api.md +++ b/packages/make-styles/etc/make-styles.api.md @@ -7,7 +7,7 @@ import { Properties } from 'csstype'; // @internal -export function __styles(resolvedStyles: ResolvedStylesBySlots): (options: Pick) => Record; +export function __styles(resolvedStyles: ResolvedStylesBySlots): (options: Pick) => Record; // Warning: (ae-internal-missing-underscore) The name "createCSSVariablesProxy" should be prefixed with an underscore because the declaration is marked as @internal // @@ -106,7 +106,12 @@ export interface MakeStylesRenderer { } // @public (undocumented) -export type MakeStylesResolvedRule = [StyleBucketName, string | undefined, string, string?]; +export type MakeStylesResolvedRule = [ + StyleBucketName, + string | undefined, + string, + string? +]; // @public (undocumented) export type MakeStylesStyleFunctionRule = (tokens: Tokens) => MakeStyles; diff --git a/packages/make-styles/package.json b/packages/make-styles/package.json index c05dbb1038f39..8d428216a77ca 100644 --- a/packages/make-styles/package.json +++ b/packages/make-styles/package.json @@ -32,7 +32,7 @@ "inline-style-expand-shorthand": "^1.2.0", "rtl-css-js": "^1.14.1", "stylis": "^4.0.6", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "beachball": { "tag": "alpha", diff --git a/packages/merge-styles/etc/merge-styles.api.md b/packages/merge-styles/etc/merge-styles.api.md index f47653e7b28f4..f862e70e2b626 100644 --- a/packages/merge-styles/etc/merge-styles.api.md +++ b/packages/merge-styles/etc/merge-styles.api.md @@ -38,7 +38,7 @@ export function fontFace(font: IFontFace): void; // @public export type IConcatenatedStyleSet> = { - [P in keyof Omit]: IStyle; + [P in keyof Omit_2]: IStyle; } & { subComponentStyles?: { [P in keyof TStyleSet['subComponentStyles']]: IStyleFunction; @@ -79,7 +79,7 @@ export type InjectionMode = typeof InjectionMode[keyof typeof InjectionMode]; // @public export type IProcessedStyleSet> = { - [P in keyof Omit]: string; + [P in keyof Omit_2]: string; } & { subComponentStyles: { [P in keyof TStyleSet['subComponentStyles']]: __MapToFunctionType; @@ -410,7 +410,7 @@ export type IStyleFunctionOrObject = { [key: string]: any; }> = { - [P in keyof Omit]: IStyle; + [P in keyof Omit_2]: IStyle; } & { subComponentStyles?: { [P in keyof TStyleSet['subComponentStyles']]: IStyleFunctionOrObject; @@ -445,10 +445,19 @@ export function mergeCssSets(styleSets: [TStyleSet | false | null | u export function mergeCssSets(styleSets: [TStyleSet1 | false | null | undefined, TStyleSet2 | false | null | undefined], options?: IStyleOptions): IProcessedStyleSet; // @public -export function mergeCssSets(styleSets: [TStyleSet1 | false | null | undefined, TStyleSet2 | false | null | undefined, TStyleSet3 | false | null | undefined], options?: IStyleOptions): IProcessedStyleSet; +export function mergeCssSets(styleSets: [ + TStyleSet1 | false | null | undefined, + TStyleSet2 | false | null | undefined, + TStyleSet3 | false | null | undefined +], options?: IStyleOptions): IProcessedStyleSet; // @public -export function mergeCssSets(styleSets: [TStyleSet1 | false | null | undefined, TStyleSet2 | false | null | undefined, TStyleSet3 | false | null | undefined, TStyleSet4 | false | null | undefined], options?: IStyleOptions): IProcessedStyleSet & ObjectOnly & ObjectOnly & ObjectOnly>; +export function mergeCssSets(styleSets: [ + TStyleSet1 | false | null | undefined, + TStyleSet2 | false | null | undefined, + TStyleSet3 | false | null | undefined, + TStyleSet4 | false | null | undefined +], options?: IStyleOptions): IProcessedStyleSet & ObjectOnly & ObjectOnly & ObjectOnly>; // @public export function mergeCssSets(styleSet: [TStyleSet | false | null | undefined], options?: IStyleOptions): IProcessedStyleSet; @@ -477,7 +486,9 @@ export type ObjectOnly = TArg extends {} ? TArg : {}; // Warning: (ae-forgotten-export) The symbol "Diff" needs to be exported by the entry point index.d.ts // // @public @deprecated (undocumented) -export type Omit = Pick>; +type Omit_2 = Pick>; + +export { Omit_2 as Omit } // @public export function setRTL(isRTL: boolean): void; diff --git a/packages/merge-styles/package.json b/packages/merge-styles/package.json index 02b3fc68f162a..c5880c3696397 100644 --- a/packages/merge-styles/package.json +++ b/packages/merge-styles/package.json @@ -29,6 +29,6 @@ }, "dependencies": { "@fluentui/set-version": "^8.0.2", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/merge-styles/src/mergeStyleSets.test.ts b/packages/merge-styles/src/mergeStyleSets.test.ts index 804771577cbab..0015f838d1695 100644 --- a/packages/merge-styles/src/mergeStyleSets.test.ts +++ b/packages/merge-styles/src/mergeStyleSets.test.ts @@ -1,5 +1,5 @@ import { mergeStyleSets } from './mergeStyleSets'; -import { Stylesheet, InjectionMode, IStyleSheetConfig } from './Stylesheet'; +import { Stylesheet, InjectionMode } from './Stylesheet'; import { IStyleSet } from './IStyleSet'; import { IStyleFunctionOrObject } from './IStyleFunction'; import { IStyle } from './IStyle'; @@ -165,7 +165,7 @@ describe('mergeStyleSets', () => { }); describe('typings tests', () => { - interface ISubComponentStyles extends IStyleSet { + interface ISubComponentStyles extends IStyleSet { root: IStyle; } @@ -173,7 +173,7 @@ describe('mergeStyleSets', () => { isCollapsed: boolean; } - interface IStyles extends IStyleSet { + interface IStyles extends IStyleSet { root: IStyle; subComponentStyles: { button: IStyleFunctionOrObject>; diff --git a/packages/monaco-editor/package.json b/packages/monaco-editor/package.json index 9de752ecab959..9b590d3fc3fdd 100644 --- a/packages/monaco-editor/package.json +++ b/packages/monaco-editor/package.json @@ -23,7 +23,7 @@ }, "dependencies": { "@microsoft/load-themed-styles": "^1.10.26", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "optionalPeerDependencies": { "typescript": "*", diff --git a/packages/react-accordion/etc/react-accordion.api.md b/packages/react-accordion/etc/react-accordion.api.md index 3038e0b2bd90b..e75f5ca27b72f 100644 --- a/packages/react-accordion/etc/react-accordion.api.md +++ b/packages/react-accordion/etc/react-accordion.api.md @@ -6,12 +6,13 @@ import { ComponentProps } from '@fluentui/react-utilities'; import { Descendant } from '@fluentui/react-utilities'; +import { DescendantContextValue } from '@fluentui/react-utilities'; import { ObjectShorthandProps } from '@fluentui/react-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; import { ShorthandProps } from '@fluentui/react-utilities'; // @public -export const Accordion: React.ForwardRefExoticComponent>; +export const Accordion: React_2.FunctionComponent>; // Warning: (ae-forgotten-export) The symbol "AccordionHeaderCommonProps" needs to be exported by the entry point index.d.ts // @@ -29,7 +30,7 @@ export interface AccordionDescendant extends Descenda } // @public -export const AccordionHeader: React.ForwardRefExoticComponent>; +export const AccordionHeader: React_2.FunctionComponent>; // @public (undocumented) export interface AccordionHeaderContextValue { @@ -47,11 +48,11 @@ export interface AccordionHeaderContextValue { export type AccordionHeaderExpandIconPosition = 'start' | 'end'; // @public (undocumented) -export interface AccordionHeaderProps extends ComponentProps, React.HTMLAttributes { - button?: ShorthandProps>; - expandIcon?: ShorthandProps>; +export interface AccordionHeaderProps extends ComponentProps, React_2.HTMLAttributes { + button?: ShorthandProps>; + expandIcon?: ShorthandProps>; expandIconPosition?: AccordionHeaderExpandIconPosition; - icon?: ShorthandProps>; + icon?: ShorthandProps>; inline?: boolean; size?: AccordionHeaderSize; } @@ -64,19 +65,19 @@ export type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large'; // @public (undocumented) export interface AccordionHeaderState extends AccordionHeaderProps { - button: ObjectShorthandProps>; + button: ObjectShorthandProps>; // (undocumented) - children?: ObjectShorthandProps>; + children?: ObjectShorthandProps>; // (undocumented) context: AccordionHeaderContextValue; - expandIcon: ObjectShorthandProps>; + expandIcon: ObjectShorthandProps>; // (undocumented) expandIconPosition: AccordionHeaderExpandIconPosition; // (undocumented) - icon?: ObjectShorthandProps>; + icon?: ObjectShorthandProps>; // (undocumented) inline: boolean; - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; // (undocumented) size: AccordionHeaderSize; } @@ -85,17 +86,17 @@ export interface AccordionHeaderState extends AccordionHeaderProps { export type AccordionIndex = number | number[]; // @public -export const AccordionItem: React.ForwardRefExoticComponent>; +export const AccordionItem: React_2.ForwardRefExoticComponent>; // @public (undocumented) -export const AccordionItemContext: React.Context; +export const AccordionItemContext: React_2.Context; // @public (undocumented) export interface AccordionItemContextValue { // (undocumented) disabled: boolean; // (undocumented) - onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void; + onHeaderClick(ev: React_2.MouseEvent | React_2.KeyboardEvent): void; // (undocumented) open: boolean; } @@ -107,10 +108,10 @@ export interface AccordionItemDescendant extends Desc } // @public (undocumented) -export const accordionItemDescendantContext: React.Context>>; +export const accordionItemDescendantContext: React_2.Context>>; // @public (undocumented) -export interface AccordionItemProps extends ComponentProps, React.HTMLAttributes { +export interface AccordionItemProps extends ComponentProps, React_2.HTMLAttributes { disabled?: boolean; } @@ -122,15 +123,15 @@ export interface AccordionItemState extends AccordionItemProps { // (undocumented) context: AccordionItemContextValue; descendants: AccordionItemDescendant[]; - ref: React.MutableRefObject; - setDescendants: React.Dispatch>; + ref: React_2.MutableRefObject; + setDescendants: React_2.Dispatch>; } // @public -export const AccordionPanel: React.ForwardRefExoticComponent>; +export const AccordionPanel: React_2.ForwardRefExoticComponent>; // @public (undocumented) -export interface AccordionPanelProps extends ComponentProps, React.HTMLAttributes { +export interface AccordionPanelProps extends ComponentProps, React_2.HTMLAttributes { } // @public @@ -139,18 +140,18 @@ export const accordionPanelShorthandProps: never[]; // @public (undocumented) export interface AccordionPanelState extends AccordionPanelProps { open: boolean; - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; } // @public (undocumented) -export interface AccordionProps extends ComponentProps, AccordionHeaderCommonProps, React.HTMLAttributes { +export interface AccordionProps extends ComponentProps, AccordionHeaderCommonProps, React_2.HTMLAttributes { collapsible?: boolean; defaultIndex?: AccordionIndex; index?: AccordionIndex; multiple?: boolean; navigable?: boolean; // (undocumented) - onToggle?(event: React.MouseEvent | React.KeyboardEvent, index: number): void; + onToggle?(event: React_2.MouseEvent | React_2.KeyboardEvent, index: number): void; } // @public @@ -166,8 +167,8 @@ export interface AccordionState extends AccordionProps { multiple: boolean; // (undocumented) navigable: boolean; - ref: React.MutableRefObject; - setDescendants: React.Dispatch>; + ref: React_2.MutableRefObject; + setDescendants: React_2.Dispatch>; } // @public @@ -183,16 +184,16 @@ export const renderAccordionItem: (state: AccordionItemState) => JSX.Element; export const renderAccordionPanel: (state: AccordionPanelState) => JSX.Element | null; // @public -export const useAccordion: (props: AccordionProps, ref: React.Ref, defaultProps?: AccordionProps | undefined) => AccordionState; +export const useAccordion: (props: AccordionProps, ref: React_2.Ref, defaultProps?: AccordionProps | undefined) => AccordionState; // @public -export const useAccordionHeader: (props: AccordionHeaderProps, ref: React.Ref, defaultProps?: AccordionHeaderProps | undefined) => AccordionHeaderState; +export const useAccordionHeader: (props: AccordionHeaderProps, ref: React_2.Ref, defaultProps?: AccordionHeaderProps | undefined) => AccordionHeaderState; // @public export const useAccordionHeaderStyles: (state: AccordionHeaderState) => AccordionHeaderState; // @public -export const useAccordionItem: (props: AccordionItemProps, ref: React.Ref, defaultProps?: AccordionItemProps | undefined) => AccordionItemState; +export const useAccordionItem: (props: AccordionItemProps, ref: React_2.Ref, defaultProps?: AccordionItemProps) => AccordionItemState; // @public (undocumented) export const useAccordionItemContext: () => AccordionItemContextValue; @@ -201,7 +202,7 @@ export const useAccordionItemContext: () => AccordionItemContextValue; export function useAccordionItemDescendant(accordionDescendant: Omit, index?: number): number; // @public -export const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref, defaultProps?: AccordionPanelProps | undefined) => AccordionPanelState; +export const useAccordionPanel: (props: AccordionPanelProps, ref: React_2.Ref, defaultProps?: AccordionPanelProps | undefined) => AccordionPanelState; // @public export const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState; diff --git a/packages/react-accordion/package.json b/packages/react-accordion/package.json index 45a1165e2813b..3c5b291ac5745 100644 --- a/packages/react-accordion/package.json +++ b/packages/react-accordion/package.json @@ -46,7 +46,7 @@ "@fluentui/react-theme": "^9.0.0-alpha.8", "@fluentui/react-theme-provider": "^9.0.0-alpha.24", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <17.0.0", diff --git a/packages/react-accordion/src/components/Accordion/Accordion.tsx b/packages/react-accordion/src/components/Accordion/Accordion.tsx index 4bad7bbd7533f..d51c82b3f6655 100644 --- a/packages/react-accordion/src/components/Accordion/Accordion.tsx +++ b/packages/react-accordion/src/components/Accordion/Accordion.tsx @@ -6,7 +6,10 @@ import { renderAccordion } from './renderAccordion'; /** * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks. */ -export const Accordion = React.forwardRef((props, ref) => { +export const Accordion: React.FunctionComponent> = React.forwardRef< + HTMLElement, + AccordionProps +>((props, ref) => { const state = useAccordion(props, ref); return renderAccordion(state); diff --git a/packages/react-accordion/src/components/AccordionHeader/AccordionHeader.tsx b/packages/react-accordion/src/components/AccordionHeader/AccordionHeader.tsx index af34afd00af47..83bbf1c8aef37 100644 --- a/packages/react-accordion/src/components/AccordionHeader/AccordionHeader.tsx +++ b/packages/react-accordion/src/components/AccordionHeader/AccordionHeader.tsx @@ -7,7 +7,8 @@ import { useAccordionHeaderStyles } from './useAccordionHeaderStyles'; /** * Define a styled AccordionHeader, using the `useAccordionHeader` and `useAccordionHeaderStyles` hooks. */ -export const AccordionHeader = React.forwardRef((props, ref) => { +export const AccordionHeader: React.FunctionComponent> = React.forwardRef((props, ref) => { const state = useAccordionHeader(props, ref); useAccordionHeaderStyles(state); diff --git a/packages/react-accordion/src/components/AccordionItem/useAccordionItem.ts b/packages/react-accordion/src/components/AccordionItem/useAccordionItem.ts index c55e943befa9a..7f8205d077bbe 100644 --- a/packages/react-accordion/src/components/AccordionItem/useAccordionItem.ts +++ b/packages/react-accordion/src/components/AccordionItem/useAccordionItem.ts @@ -6,6 +6,7 @@ import { createDescendantContext, useDescendant, useDescendantsInit, + DescendantContextValue, } from '@fluentui/react-utilities'; import { AccordionItemProps, AccordionItemState, AccordionItemDescendant } from './AccordionItem.types'; import { useCreateAccordionItemContextValue } from './useAccordionItemContext'; @@ -18,9 +19,9 @@ import { AccordionContext } from '../Accordion/useAccordionContext'; */ export const accordionItemShorthandProps = []; -export const accordionItemDescendantContext = createDescendantContext( - 'AccordionItemDescendantContext', -); +export const accordionItemDescendantContext: React.Context +>> = createDescendantContext('AccordionItemDescendantContext'); // eslint-disable-next-line deprecation/deprecation const mergeProps = makeMergePropsCompat({ deepMerge: accordionItemShorthandProps }); @@ -31,11 +32,15 @@ const mergeProps = makeMergePropsCompat({ deepMerge: accordi * @param ref - reference to root HTMLElement of AccordionItem * @param defaultProps - default values for the properties of AccordionItem */ -export const useAccordionItem = ( +export const useAccordionItem: ( props: AccordionItemProps, ref: React.Ref, defaultProps?: AccordionItemProps, -): AccordionItemState => { +) => AccordionItemState = ( + props: AccordionItemProps, + ref: React.Ref, + defaultProps?: AccordionItemProps, +) => { const state = mergeProps( { ref: useMergedRefs(ref, React.useRef(null)), diff --git a/packages/react-avatar/package.json b/packages/react-avatar/package.json index 571a71460ca94..7501350b46b18 100644 --- a/packages/react-avatar/package.json +++ b/packages/react-avatar/package.json @@ -43,7 +43,7 @@ "@fluentui/react-make-styles": "^9.0.0-alpha.25", "@fluentui/react-theme": "^9.0.0-alpha.8", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-avatar/src/components/Image/Image.tsx b/packages/react-avatar/src/components/Image/Image.tsx index 8e46dafaf6360..39e07e17770a3 100644 --- a/packages/react-avatar/src/components/Image/Image.tsx +++ b/packages/react-avatar/src/components/Image/Image.tsx @@ -2,8 +2,10 @@ import * as React from 'react'; import { useImage } from './useImage'; import { ImageProps } from './Image.types'; -export const Image = React.forwardRef((props: ImageProps, ref: React.Ref) => { - const { render, state } = useImage(props, ref); +export const Image: React.FunctionComponent> = React.forwardRef( + (props: ImageProps, ref: React.Ref) => { + const { render, state } = useImage(props, ref); - return render(state); -}); + return render(state); + }, +); diff --git a/packages/react-badge/etc/react-badge.api.md b/packages/react-badge/etc/react-badge.api.md index 2d874c4bfc1fa..9233d898426e9 100644 --- a/packages/react-badge/etc/react-badge.api.md +++ b/packages/react-badge/etc/react-badge.api.md @@ -6,19 +6,19 @@ import { ComponentProps } from '@fluentui/react-utilities'; import { ObjectShorthandProps } from '@fluentui/react-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; import { ShorthandProps } from '@fluentui/react-utilities'; // @public -export const Badge: React.ForwardRefExoticComponent>; +export const Badge: React_2.FunctionComponent>; // @public (undocumented) export type BadgeAppearance = 'filled' | 'outline' | 'ghost' | 'tint'; // @public (undocumented) -export interface BadgeProps extends ComponentProps, React.HTMLAttributes { +export interface BadgeProps extends ComponentProps, React_2.HTMLAttributes { appearance?: BadgeAppearance; - icon?: ShorthandProps>; + icon?: ShorthandProps>; iconPosition?: 'before' | 'after'; shape?: BadgeShape; size?: BadgeSize; @@ -35,12 +35,12 @@ export type BadgeSize = 'smallest' | 'smaller' | 'small' | 'medium' | 'large' | // @public (undocumented) export interface BadgeState extends BadgeProps { - icon?: ObjectShorthandProps>; - ref: React.RefObject; + icon?: ObjectShorthandProps>; + ref: React_2.RefObject; } // @public -export const CounterBadge: React.ForwardRefExoticComponent>; +export const CounterBadge: React_2.ForwardRefExoticComponent>; // @public (undocumented) export type CounterBadgeColors = 'accent' | 'warning' | 'important' | 'severe' | 'informative'; @@ -68,7 +68,7 @@ export interface CounterBadgeState extends BadgeState { } // @public -export const PresenceBadge: React.ForwardRefExoticComponent>; +export const PresenceBadge: React_2.ForwardRefExoticComponent>; // @public (undocumented) export interface PresenceBadgeProps extends Omit { @@ -92,22 +92,22 @@ export type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' export const renderBadge: (state: BadgeState) => JSX.Element; // @public -export const useBadge: (props: BadgeProps, ref: React.Ref, defaultProps?: BadgeProps | undefined) => BadgeState; +export const useBadge: (props: BadgeProps, ref: React_2.Ref, defaultProps?: BadgeProps | undefined) => BadgeState; // @public export const useBadgeStyles: (state: BadgeState) => BadgeState; // @public -export const useCounterBadge: (props: CounterBadgeProps, ref: React.Ref, defaultProps?: CounterBadgeProps | undefined) => CounterBadgeState; +export const useCounterBadge: (props: CounterBadgeProps, ref: React_2.Ref, defaultProps?: CounterBadgeProps | undefined) => CounterBadgeState; // @public -export const useCounterBadgeStyles: (state: CounterBadgeState) => import("../Badge").BadgeState; +export const useCounterBadgeStyles: (state: CounterBadgeState) => BadgeState; // @public -export const usePresenceBadge: (props: PresenceBadgeProps, ref: React.Ref, defaultProps?: PresenceBadgeProps | undefined) => PresenceBadgeState; +export const usePresenceBadge: (props: PresenceBadgeProps, ref: React_2.Ref, defaultProps?: PresenceBadgeProps | undefined) => PresenceBadgeState; // @public -export const usePresenceBadgeStyles: (state: PresenceBadgeState) => import("../Badge/Badge.types").BadgeState; +export const usePresenceBadgeStyles: (state: PresenceBadgeState) => BadgeState; // (No @packageDocumentation comment for this package) diff --git a/packages/react-badge/package.json b/packages/react-badge/package.json index 92bccbc2e6879..77bf12e7db891 100644 --- a/packages/react-badge/package.json +++ b/packages/react-badge/package.json @@ -42,7 +42,7 @@ "@fluentui/react-make-styles": "^9.0.0-alpha.25", "@fluentui/react-theme": "^9.0.0-alpha.8", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <17.0.0", diff --git a/packages/react-badge/src/components/Badge/Badge.tsx b/packages/react-badge/src/components/Badge/Badge.tsx index 0ee872e8b7623..afbef9116c3e6 100644 --- a/packages/react-badge/src/components/Badge/Badge.tsx +++ b/packages/react-badge/src/components/Badge/Badge.tsx @@ -8,7 +8,10 @@ import { renderBadge } from './renderBadge'; * Define a styled Badge, using the `useBadge` hook. * {@docCategory Badge} */ -export const Badge = React.forwardRef((props, ref) => { +export const Badge: React.FunctionComponent> = React.forwardRef< + HTMLElement, + BadgeProps +>((props, ref) => { const state = useBadge(props, ref); useBadgeStyles(state); diff --git a/packages/react-badge/src/components/Badge/useBadgeStyles.ts b/packages/react-badge/src/components/Badge/useBadgeStyles.ts index 982487c042579..8a66d91ef5cd0 100644 --- a/packages/react-badge/src/components/Badge/useBadgeStyles.ts +++ b/packages/react-badge/src/components/Badge/useBadgeStyles.ts @@ -84,7 +84,7 @@ const useStyles = makeStyles({ /** * Applies style classnames to slots */ -export const useBadgeStyles = (state: BadgeState) => { +export const useBadgeStyles: (state: BadgeState) => BadgeState = state => { const styles = useStyles(); state.className = mergeClasses( styles.root, diff --git a/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts b/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts index 52715ce2bdef0..1438f686c8aaa 100644 --- a/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts +++ b/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts @@ -1,6 +1,7 @@ import { mergeClasses, makeStyles } from '@fluentui/react-make-styles'; import { CounterBadgeState } from './CounterBadge.types'; import { useBadgeStyles } from '../Badge/useBadgeStyles'; +import { BadgeState } from '../Badge/index'; const useStyles = makeStyles({ root: { @@ -37,7 +38,7 @@ const useStyles = makeStyles({ /** * Applies style classnames to slots */ -export const useCounterBadgeStyles = (state: CounterBadgeState) => { +export const useCounterBadgeStyles: (state: CounterBadgeState) => BadgeState = (state: CounterBadgeState) => { const styles = useStyles(); state.className = mergeClasses( styles.root, diff --git a/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts b/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts index b7d707583b2f1..33ad6b36c2cbf 100644 --- a/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts +++ b/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts @@ -1,6 +1,6 @@ import { mergeClasses, makeStyles } from '@fluentui/react-make-styles'; import { PresenceBadgeState } from './PresenceBadge.types'; -import { useBadgeStyles } from '../../Badge'; +import { useBadgeStyles, BadgeState } from '../../Badge'; const useStyles = makeStyles({ root: { @@ -45,7 +45,7 @@ const useStyles = makeStyles({ /** * Applies style classnames to slots */ -export const usePresenceBadgeStyles = (state: PresenceBadgeState) => { +export const usePresenceBadgeStyles: (state: PresenceBadgeState) => BadgeState = state => { const styles = useStyles(); state.className = mergeClasses( styles.root, diff --git a/packages/react-button/etc/react-button.api.md b/packages/react-button/etc/react-button.api.md index e4fe2bfc26b29..87f9003c89751 100644 --- a/packages/react-button/etc/react-button.api.md +++ b/packages/react-button/etc/react-button.api.md @@ -6,24 +6,15 @@ import { ComponentProps } from '@fluentui/react-utilities'; import { ObjectShorthandProps } from '@fluentui/react-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; import { ShorthandProps } from '@fluentui/react-utilities'; // @public -export const Button: React.ForwardRefExoticComponent & { - icon?: import("@fluentui/react-utilities").ShorthandProps>; - disabled?: boolean | undefined; - iconOnly?: boolean | undefined; - iconPosition?: "after" | "before" | undefined; - primary?: boolean | undefined; - size?: "small" | "medium" | "large" | undefined; - subtle?: boolean | undefined; - transparent?: boolean | undefined; -} & React.RefAttributes>; - -// @public (undocumented) -export type ButtonProps = ComponentProps & React.ButtonHTMLAttributes & { - icon?: ShorthandProps>; +export const Button: React_2.FunctionComponent>; + +// @public (undocumented) +export type ButtonProps = ComponentProps & React_2.ButtonHTMLAttributes & { + icon?: ShorthandProps>; disabled?: boolean; iconOnly?: boolean; iconPosition?: 'before' | 'after'; @@ -39,11 +30,11 @@ export const buttonShorthandProps: readonly ["icon", "children"]; // @public (undocumented) export interface ButtonState extends ButtonProps { // (undocumented) - children?: ObjectShorthandProps>; + children?: ObjectShorthandProps>; // (undocumented) - icon?: ObjectShorthandProps>; + icon?: ObjectShorthandProps>; // (undocumented) - ref: React.Ref; + ref: React_2.Ref; } // @public (undocumented) @@ -101,26 +92,26 @@ export type ButtonVariantTokens = { // @public (undocumented) export interface CheckedState { // (undocumented) - 'aria-checked'?: React.AriaAttributes['aria-pressed']; + 'aria-checked'?: React_2.AriaAttributes['aria-pressed']; // (undocumented) - 'aria-pressed'?: React.AriaAttributes['aria-pressed']; + 'aria-pressed'?: React_2.AriaAttributes['aria-pressed']; // (undocumented) checked?: boolean; // (undocumented) defaultChecked?: boolean; // (undocumented) - onClick?: React.DOMAttributes['onClick']; + onClick?: React_2.DOMAttributes['onClick']; // (undocumented) role?: string; } // @public -export const CompoundButton: React.ForwardRefExoticComponent>; +export const CompoundButton: React_2.ForwardRefExoticComponent>; // @public (undocumented) export interface CompoundButtonProps extends ButtonProps { - contentContainer?: ShorthandProps>; - secondaryContent?: ShorthandProps>; + contentContainer?: ShorthandProps>; + secondaryContent?: ShorthandProps>; } // @public @@ -129,9 +120,9 @@ export const compoundButtonShorthandProps: readonly ["icon", "children", "conten // @public (undocumented) export interface CompoundButtonState extends Omit, ButtonState { // (undocumented) - contentContainer?: ObjectShorthandProps>; + contentContainer?: ObjectShorthandProps>; // (undocumented) - secondaryContent?: ObjectShorthandProps>; + secondaryContent?: ObjectShorthandProps>; } // @public (undocumented) @@ -164,7 +155,7 @@ export { renderButton as renderToggleButton } export const renderCompoundButton: (state: CompoundButtonState) => JSX.Element; // @public -export const ToggleButton: React.ForwardRefExoticComponent>; +export const ToggleButton: React_2.ForwardRefExoticComponent>; // @public (undocumented) export interface ToggleButtonProps extends ButtonProps { @@ -193,7 +184,7 @@ export type ToggleButtonVariantTokens = Partial<{ }>; // @public -export const useButton: (props: ButtonProps, ref: React.Ref, defaultProps?: ButtonProps | undefined) => ButtonState; +export const useButton: (props: ButtonProps, ref: React_2.Ref, defaultProps?: ButtonProps | undefined) => ButtonState; // @public export const useButtonState: (state: ButtonState) => ButtonState; @@ -205,13 +196,13 @@ export const useButtonStyles: (state: ButtonState, selectors: ButtonStyleSelecto export const useChecked: (state: TState) => void; // @public -export const useCompoundButton: (props: CompoundButtonProps, ref: React.Ref, defaultProps?: CompoundButtonProps | undefined) => CompoundButtonState; +export const useCompoundButton: (props: CompoundButtonProps, ref: React_2.Ref, defaultProps?: CompoundButtonProps | undefined) => CompoundButtonState; // @public (undocumented) -export const useCompoundButtonStyles: (state: CompoundButtonState, selectors: import("../Button").ButtonStyleSelectors) => void; +export const useCompoundButtonStyles: (state: CompoundButtonState, selectors: CompoundButtonStyleSelectors) => void; // @public (undocumented) -export const useToggleButton: (props: ToggleButtonProps, ref: React.Ref, defaultProps?: ToggleButtonProps | undefined) => ToggleButtonState; +export const useToggleButton: (props: ToggleButtonProps, ref: React_2.Ref, defaultProps?: ToggleButtonProps | undefined) => ToggleButtonState; // @public (undocumented) export const useToggleButtonStyles: (state: ToggleButtonState, selectors: ToggleButtonStyleSelectors) => void; diff --git a/packages/react-button/package.json b/packages/react-button/package.json index 6890e705e983a..5eb6c6a84b565 100644 --- a/packages/react-button/package.json +++ b/packages/react-button/package.json @@ -44,7 +44,7 @@ "@fluentui/react-make-styles": "^9.0.0-alpha.25", "@fluentui/react-theme": "^9.0.0-alpha.8", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-button/src/components/Button/Button.tsx b/packages/react-button/src/components/Button/Button.tsx index 7a32a8dcc75fb..2caf918ce63e8 100644 --- a/packages/react-button/src/components/Button/Button.tsx +++ b/packages/react-button/src/components/Button/Button.tsx @@ -8,7 +8,10 @@ import { useButtonStyles } from './useButtonStyles'; * Define a styled Button, using the `useButton` hook. * {@docCategory Button} */ -export const Button = React.forwardRef((props, ref) => { +export const Button: React.FunctionComponent> = React.forwardRef< + HTMLElement, + ButtonProps +>((props, ref) => { const state = useButton(props, ref); const receivedChildren = !!state.children?.children; diff --git a/packages/react-cards/etc/react-cards.api.md b/packages/react-cards/etc/react-cards.api.md index bed9811a49a31..cc9a22ada99bc 100644 --- a/packages/react-cards/etc/react-cards.api.md +++ b/packages/react-cards/etc/react-cards.api.md @@ -5,44 +5,25 @@ ```ts import { ComponentProps } from '@fluentui/react-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public -export const Card: React.ForwardRefExoticComponent & { - compact?: boolean | undefined; - horizontal?: boolean | undefined; - centered?: boolean | undefined; - size?: "medium" | "small" | "large" | "larger" | "smaller" | "smallest" | "largest" | undefined; - block?: boolean | undefined; - disabled?: boolean | undefined; - expandable?: boolean | undefined; - inverted?: boolean | undefined; - ghost?: boolean | undefined; - selected?: boolean | undefined; -} & React.RefAttributes>; +export const Card: React_2.FunctionComponent; // @public (undocumented) -export const CardBody: React.ForwardRefExoticComponent & { - fitted?: boolean | undefined; -} & React.RefAttributes>; +export const CardBody: React_2.FunctionComponent; // @public (undocumented) -export const CardFooter: React.ForwardRefExoticComponent & { - fitted?: boolean | undefined; -} & React.RefAttributes>; +export const CardFooter: React_2.FunctionComponent; // @public (undocumented) -export const CardHeader: React.ForwardRefExoticComponent & { - fitted?: boolean | undefined; -} & React.RefAttributes>; +export const CardHeader: React_2.FunctionComponent; // @public (undocumented) -export const CardPreview: React.ForwardRefExoticComponent & { - fitted?: boolean | undefined; -} & React.RefAttributes>; +export const CardPreview: React_2.FunctionComponent; // @public (undocumented) -export type CardProps = ComponentProps & React.HTMLAttributes & { +export type CardProps = ComponentProps & React_2.HTMLAttributes & { compact?: boolean; horizontal?: boolean; centered?: boolean; @@ -56,27 +37,27 @@ export type CardProps = ComponentProps & React.HTMLAttributes & }; // @public (undocumented) -export type CardSectionProps = ComponentProps & React.HTMLAttributes & { +export type CardSectionProps = ComponentProps & React_2.HTMLAttributes & { fitted?: boolean; }; // @public (undocumented) export interface CardSectionState extends CardSectionProps { // (undocumented) - ref: React.RefObject; + ref: React_2.RefObject; } // @public (undocumented) export interface CardState extends CardProps { // (undocumented) - ref: React.RefObject; + ref: React_2.RefObject; } // @public (undocumented) export const renderCardSection: (state: CardSectionState) => JSX.Element; // @public -export const useCard: (props: CardProps, ref: React.Ref, defaultProps?: CardProps | undefined) => { +export const useCard: (props: CardProps, ref: React_2.Ref, defaultProps?: CardProps | undefined) => { state: CardState; render: (state: CardState) => JSX.Element; }; @@ -94,7 +75,7 @@ export function useCardHeaderStyles(state: CardSectionState): CardSectionState; export function useCardPreviewStyles(state: CardSectionState): CardSectionState; // @public -export const useCardSection: (props: CardSectionProps, ref: React.Ref, defaultProps?: CardSectionProps | undefined) => { +export const useCardSection: (props: CardSectionProps, ref: React_2.Ref, defaultProps?: CardSectionProps | undefined) => { state: CardSectionState; render: (state: CardSectionState) => JSX.Element; }; diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json index 91b18c26df289..be5b82f4b751e 100644 --- a/packages/react-cards/package.json +++ b/packages/react-cards/package.json @@ -41,7 +41,7 @@ "@fluentui/react-make-styles": "^9.0.0-alpha.25", "@fluentui/react-utilities": "^9.0.0-alpha.18", "@fluentui/utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-cards/src/components/Card/Card.tsx b/packages/react-cards/src/components/Card/Card.tsx index bee9e54b94033..9f6d81c5619a6 100644 --- a/packages/react-cards/src/components/Card/Card.tsx +++ b/packages/react-cards/src/components/Card/Card.tsx @@ -7,7 +7,7 @@ import { useCardStyles } from './useCardStyles'; /** * Define a styled Card, using the `useCard` hook. */ -export const Card = React.forwardRef((props, ref) => { +export const Card: React.FunctionComponent = React.forwardRef((props, ref) => { const { render, state } = useCard(props, ref); useCardStyles(state); diff --git a/packages/react-cards/src/components/CardBody/CardBody.tsx b/packages/react-cards/src/components/CardBody/CardBody.tsx index 7858c03907596..c12caf97dd9df 100644 --- a/packages/react-cards/src/components/CardBody/CardBody.tsx +++ b/packages/react-cards/src/components/CardBody/CardBody.tsx @@ -3,13 +3,15 @@ import { useFocusRects } from '@fluentui/utilities'; import { useCardSection, CardSectionProps } from '../../CardSection'; import { useCardBodyStyles } from './useCardBodyStyles'; -export const CardBody = React.forwardRef((props, ref) => { - const { render, state } = useCardSection(props, ref); +export const CardBody: React.FunctionComponent = React.forwardRef( + (props, ref) => { + const { render, state } = useCardSection(props, ref); - useCardBodyStyles(state); - useFocusRects(state.ref); + useCardBodyStyles(state); + useFocusRects(state.ref); - return render(state); -}); + return render(state); + }, +); CardBody.displayName = 'CardBody'; diff --git a/packages/react-cards/src/components/CardFooter/CardFooter.tsx b/packages/react-cards/src/components/CardFooter/CardFooter.tsx index 1f556e08d8c0f..930e56b32118f 100644 --- a/packages/react-cards/src/components/CardFooter/CardFooter.tsx +++ b/packages/react-cards/src/components/CardFooter/CardFooter.tsx @@ -3,13 +3,15 @@ import { useFocusRects } from '@fluentui/utilities'; import { useCardSection, CardSectionProps } from '../../CardSection'; import { useCardFooterStyles } from './useCardFooterStyles'; -export const CardFooter = React.forwardRef((props, ref) => { - const { render, state } = useCardSection(props, ref); +export const CardFooter: React.FunctionComponent = React.forwardRef( + (props, ref) => { + const { render, state } = useCardSection(props, ref); - useCardFooterStyles(state); - useFocusRects(state.ref); + useCardFooterStyles(state); + useFocusRects(state.ref); - return render(state); -}); + return render(state); + }, +); CardFooter.displayName = 'CardFooter'; diff --git a/packages/react-cards/src/components/CardHeader/CardHeader.tsx b/packages/react-cards/src/components/CardHeader/CardHeader.tsx index 5bb32434a915f..8a167a4e8a2b2 100644 --- a/packages/react-cards/src/components/CardHeader/CardHeader.tsx +++ b/packages/react-cards/src/components/CardHeader/CardHeader.tsx @@ -3,13 +3,15 @@ import { useFocusRects } from '@fluentui/utilities'; import { useCardSection, CardSectionProps } from '../../CardSection'; import { useCardHeaderStyles } from './useCardHeaderStyles'; -export const CardHeader = React.forwardRef((props, ref) => { - const { render, state } = useCardSection(props, ref); +export const CardHeader: React.FunctionComponent = React.forwardRef( + (props, ref) => { + const { render, state } = useCardSection(props, ref); - useCardHeaderStyles(state); - useFocusRects(state.ref); + useCardHeaderStyles(state); + useFocusRects(state.ref); - return render(state); -}); + return render(state); + }, +); CardHeader.displayName = 'CardHeader'; diff --git a/packages/react-cards/src/components/CardPreview/CardPreview.tsx b/packages/react-cards/src/components/CardPreview/CardPreview.tsx index a13b399dbd47d..9c8e463f8f69f 100644 --- a/packages/react-cards/src/components/CardPreview/CardPreview.tsx +++ b/packages/react-cards/src/components/CardPreview/CardPreview.tsx @@ -3,13 +3,15 @@ import { useFocusRects } from '@fluentui/utilities'; import { useCardSection, CardSectionProps } from '../../CardSection'; import { useCardPreviewStyles } from './useCardPreviewStyles'; -export const CardPreview = React.forwardRef((props, ref) => { - const { render, state } = useCardSection(props, ref); +export const CardPreview: React.FunctionComponent = React.forwardRef( + (props, ref) => { + const { render, state } = useCardSection(props, ref); - useCardPreviewStyles(state); - useFocusRects(state.ref); + useCardPreviewStyles(state); + useFocusRects(state.ref); - return render(state); -}); + return render(state); + }, +); CardPreview.displayName = 'CardPreview'; diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json index b7a156c9cdd4e..62b0e827d9fae 100644 --- a/packages/react-charting/package.json +++ b/packages/react-charting/package.json @@ -61,7 +61,7 @@ "d3-selection": "1.3.0", "d3-shape": "^1.2.0", "d3-time-format": "^2.1.3", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@fluentui/react": "^8.11.2", diff --git a/packages/react-checkbox/etc/react-checkbox.api.md b/packages/react-checkbox/etc/react-checkbox.api.md index 58eab7febd54a..5f895fe0afae3 100644 --- a/packages/react-checkbox/etc/react-checkbox.api.md +++ b/packages/react-checkbox/etc/react-checkbox.api.md @@ -13,12 +13,12 @@ import { IStyle } from '@fluentui/style-utilities'; import { IStyleFunctionOrObject } from '@fluentui/utilities'; import { ISvgIconProps } from '@fluentui/react-icons-mdl2'; import { ITheme } from '@fluentui/style-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; import { SlotProp } from '@fluentui/react-compose'; import { SlotProps } from '@fluentui/react-compose'; // @public (undocumented) -export const Checkbox: React.FunctionComponent; +export const Checkbox: React_2.FunctionComponent; // @public (undocumented) export const CheckboxBase: ComponentWithAs<'div', ICheckboxProps>; @@ -36,11 +36,11 @@ export type ICheckboxClasses = { }; // @public -export interface ICheckboxProps extends React.ButtonHTMLAttributes, React.RefAttributes { +export interface ICheckboxProps extends React_2.ButtonHTMLAttributes, React_2.RefAttributes { ariaDescribedBy?: string; ariaLabel?: string; ariaLabelledBy?: string; - as?: React.ElementType; + as?: React_2.ElementType; boxSide?: 'start' | 'end'; checked?: boolean; checkmark?: SlotProp; @@ -50,9 +50,9 @@ export interface ICheckboxProps extends React.ButtonHTMLAttributes; - label?: SlotProp>; - onChange?: (ev?: React.FormEvent, checked?: boolean) => void; + inputProps?: React_2.ButtonHTMLAttributes; + label?: SlotProp>; + onChange?: (ev?: React_2.FormEvent, checked?: boolean) => void; // @deprecated onRenderLabel?: IRenderFunction; required?: boolean; @@ -62,26 +62,26 @@ export interface ICheckboxProps extends React.ButtonHTMLAttributes>; +export type ICheckboxSlotProps = SlotProps>; // @public (undocumented) export interface ICheckboxSlots extends BaseSlots { // (undocumented) - checkbox: React.ElementType; + checkbox: React_2.ElementType; // (undocumented) - checkmark: React.ElementType; + checkmark: React_2.ElementType; // (undocumented) - container: React.ElementType; + container: React_2.ElementType; // (undocumented) - input: React.ElementType; + input: React_2.ElementType; // (undocumented) - label: React.ElementType; + label: React_2.ElementType; } // @public (undocumented) export interface ICheckboxState extends Omit, Partial { // (undocumented) - ref: React.Ref; + ref: React_2.Ref; } // @public (undocumented) @@ -113,7 +113,7 @@ export interface ICheckboxStyles { } // @public (undocumented) -export const useCheckbox: (props: ICheckboxProps, forwardedRef: React.Ref) => ICheckboxState; +export const useCheckbox: (props: ICheckboxProps, forwardedRef: React_2.Ref) => ICheckboxState; // @public (undocumented) export const useCheckboxClasses: ClassFunction[]; diff --git a/packages/react-checkbox/package.json b/packages/react-checkbox/package.json index b3b38b64bde42..4f0cac0771bcd 100644 --- a/packages/react-checkbox/package.json +++ b/packages/react-checkbox/package.json @@ -43,7 +43,7 @@ "@fluentui/react-icons-mdl2": "^1.0.4", "@fluentui/style-utilities": "^8.0.4", "@fluentui/utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-components/package.json b/packages/react-components/package.json index 9020869debeaf..3d0ba98383c47 100644 --- a/packages/react-components/package.json +++ b/packages/react-components/package.json @@ -45,7 +45,7 @@ "@fluentui/react-theme": "^9.0.0-alpha.8", "@fluentui/react-theme-provider": "^9.0.0-alpha.24", "@fluentui/react-tooltip": "^9.0.0-alpha.23", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-compose/etc/react-compose.api.md b/packages/react-compose/etc/react-compose.api.md index d074f61775258..6f67269856384 100644 --- a/packages/react-compose/etc/react-compose.api.md +++ b/packages/react-compose/etc/react-compose.api.md @@ -4,12 +4,12 @@ ```ts -import * as React from 'react'; +import * as React_2 from 'react'; // @public (undocumented) export interface BaseSlots { // (undocumented) - root: React.ElementType; + root: React_2.ElementType; } // @public @@ -21,19 +21,19 @@ export type ClassFunction = (state: GenericDictionary, slots: GenericDictionary) // @public (undocumented) export interface ComponentProps { // (undocumented) - as?: React.ElementType; + as?: React_2.ElementType; // (undocumented) className?: string; } // @public (undocumented) -export type ComponentWithAs = ((props: Omit, 'as' | keyof TProps> & { +export type ComponentWithAs = ((props: Omit, 'as' | keyof TProps> & { as?: TExtendedElementType; } & TProps) => JSX.Element) & { - propTypes?: React.WeakValidationMap & { - as: React.Requireable any) | (new (props: any, context?: any) => any)>; + propTypes?: React_2.WeakValidationMap & { + as: React_2.Requireable any) | (new (props: any, context?: any) => any)>; }; - contextTypes?: React.ValidationMap; + contextTypes?: React_2.ValidationMap; defaultProps?: Partial; @@ -47,7 +47,7 @@ export type ComponentWithAs; + slots?: Record; slotProps?: (props: TParentProps & TInputProps) => Record; shorthandConfig?: ShorthandConfig; - state?: (props: TState, ref: React.Ref, options: ComposePreparedOptions) => any; + state?: (props: TState, ref: React_2.Ref, options: ComposePreparedOptions) => any; }; // @public @@ -75,33 +75,33 @@ export type ComposePreparedOptions & { - __self: React.ElementType; + slots: Record & { + __self: React_2.ElementType; }; slotProps: ((props: TProps) => Record)[]; - state: (props: TParentState, ref: React.Ref, options: ComposePreparedOptions) => TInputState; + state: (props: TParentState, ref: React_2.Ref, options: ComposePreparedOptions) => TInputState; resolveSlotProps: (props: TResolvedProps) => Record; shorthandConfig: ShorthandConfig; }; // @public (undocumented) -export type ComposeRenderFunction = (props: TProps, ref: React.Ref, options: ComposePreparedOptions & { +export type ComposeRenderFunction = (props: TProps, ref: React_2.Ref, options: ComposePreparedOptions & { state: any; -}) => React.ReactElement | null; +}) => React_2.ReactElement | null; // @public -export const createClassResolver: (classes: Record) => (state: Record) => Record; +export const createClassResolver: (classes: ClassDictionary) => (state: GenericDictionary) => ClassDictionary; // @public export type GenericDictionary = Record; // @public (undocumented) -export type Input = InputComposeComponent | ComposeRenderFunction = InputComposeComponent | ComposeRenderFunction; // @public (undocumented) -export type InputComposeComponent = React.FunctionComponent & { +export type InputComposeComponent = React_2.FunctionComponent & { fluentComposeConfig?: Required; }; @@ -128,9 +128,9 @@ export type ObjectSlotProp = TProps & { }; // @public (undocumented) -export type PropsOfElement | ComponentWithAs> = E extends { +export type PropsOfElement | ComponentWithAs> = E extends { __PRIVATE_PROPS: any; -} ? E['__PRIVATE_PROPS'] : JSX.LibraryManagedAttributes>; +} ? E['__PRIVATE_PROPS'] : JSX.LibraryManagedAttributes>; // @public (undocumented) export interface ShorthandConfig { @@ -143,13 +143,13 @@ export interface ShorthandConfig { } // @public (undocumented) -export type SlotProp = React.ReactChild | React.ReactNodeArray | React.ReactPortal | boolean | null | undefined | ObjectSlotProp; +export type SlotProp = React_2.ReactChild | React_2.ReactNodeArray | React_2.ReactPortal | boolean | null | undefined | ObjectSlotProp; // @public (undocumented) -export type SlotPropRenderFunction = (Component: React.ElementType, props: TProps) => React.ReactNode; +export type SlotPropRenderFunction = (Component: React_2.ElementType, props: TProps) => React_2.ReactNode; // @public (undocumented) -export type SlotProps> = { +export type SlotProps> = { [key in keyof Omit]: key extends keyof TProps ? TProps[key] : any; } & { root: TRootProps; diff --git a/packages/react-compose/package.json b/packages/react-compose/package.json index 26d0a73c2c3e4..9ff4cf87593a9 100644 --- a/packages/react-compose/package.json +++ b/packages/react-compose/package.json @@ -33,7 +33,7 @@ "dependencies": { "@types/classnames": "^2.2.9", "@fluentui/utilities": "^8.0.4", - "tslib": "^1.10.0", + "tslib": "^2.1.0", "classnames": "^2.2.6" }, "peerDependencies": { diff --git a/packages/react-conformance/package.json b/packages/react-conformance/package.json index 6f04fa4408a2e..73e222d813e4c 100644 --- a/packages/react-conformance/package.json +++ b/packages/react-conformance/package.json @@ -38,7 +38,7 @@ "chalk": "2.4.2", "react-docgen-typescript": "^1.16.6", "react-is": "^16.6.3", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", @@ -48,6 +48,6 @@ "jest": "^24.0.0", "react": ">=16.8.0 <18.0.0", "react-dom": ">=16.8.0 <18.0.0", - "typescript": "^3.5.0" + "typescript": "4.1.5" } } diff --git a/packages/react-context-selector/etc/react-context-selector.api.md b/packages/react-context-selector/etc/react-context-selector.api.md index 019643bc54f77..1c2ff99b7705c 100644 --- a/packages/react-context-selector/etc/react-context-selector.api.md +++ b/packages/react-context-selector/etc/react-context-selector.api.md @@ -4,11 +4,11 @@ ```ts -import * as React from 'react'; +import * as React_2 from 'react'; // @public (undocumented) -export type Context = React.Context & { - Provider: React.FC>; +export type Context = React_2.Context & { + Provider: React_2.FC>; Consumer: never; }; @@ -18,8 +18,8 @@ export type ContextSelector = (value: Value) => SelectedVa // @public (undocumented) export type ContextValue = { listeners: ((payload: readonly [ContextVersion, Value]) => void)[]; - value: React.MutableRefObject; - version: React.MutableRefObject; + value: React_2.MutableRefObject; + version: React_2.MutableRefObject; }; // @public (undocumented) diff --git a/packages/react-context-selector/package.json b/packages/react-context-selector/package.json index 6650c88a068fc..bfaf35db10926 100644 --- a/packages/react-context-selector/package.json +++ b/packages/react-context-selector/package.json @@ -36,7 +36,7 @@ "dependencies": { "@fluentui/react-utilities": "^9.0.0-alpha.18", "scheduler": "^0.20.1", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <17.0.0", diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json index 7c872775ecaaf..49b08acbfe554 100644 --- a/packages/react-date-time/package.json +++ b/packages/react-date-time/package.json @@ -32,7 +32,7 @@ "dependencies": { "@fluentui/react": "^8.11.2", "@fluentui/set-version": "^8.0.2", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-divider/etc/react-divider.api.md b/packages/react-divider/etc/react-divider.api.md index 7f7e27f82b6af..78ccba2845659 100644 --- a/packages/react-divider/etc/react-divider.api.md +++ b/packages/react-divider/etc/react-divider.api.md @@ -5,20 +5,20 @@ ```ts import { ComponentProps } from '@fluentui/react-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; import { ShorthandProps } from '@fluentui/react-utilities'; // @public -export const Divider: React.ForwardRefExoticComponent>; +export const Divider: React_2.ForwardRefExoticComponent>; // @public (undocumented) -export interface DividerProps extends ComponentProps, React.HTMLAttributes { +export interface DividerProps extends ComponentProps, React_2.HTMLAttributes { alignContent?: 'start' | 'end' | 'center'; appearance?: 'default' | 'subtle' | 'brand' | 'strong'; important?: boolean; inset?: boolean; vertical?: boolean; - wrapper?: ShorthandProps>; + wrapper?: ShorthandProps>; } // @public @@ -27,14 +27,14 @@ export const dividerShorthandProps: readonly ["wrapper", "children"]; // @public (undocumented) export interface DividerState extends DividerProps { labelledById?: string; - ref: React.RefObject; + ref: React_2.RefObject; } // @public export const renderDivider: (state: DividerState) => JSX.Element; // @public -export const useDivider: (props: DividerProps, ref: React.Ref, defaultProps?: DividerProps | undefined) => DividerState; +export const useDivider: (props: DividerProps, ref: React_2.Ref, defaultProps?: DividerProps | undefined) => DividerState; // @public export const useDividerStyles: (s: DividerState) => DividerState; diff --git a/packages/react-divider/package.json b/packages/react-divider/package.json index e0055d5b18d38..ea8eac3b59314 100644 --- a/packages/react-divider/package.json +++ b/packages/react-divider/package.json @@ -41,7 +41,7 @@ "dependencies": { "@fluentui/react-make-styles": "^9.0.0-alpha.25", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json index 83b58fc88b8c8..7666a109dcf9d 100644 --- a/packages/react-docsite-components/package.json +++ b/packages/react-docsite-components/package.json @@ -51,6 +51,6 @@ "office-ui-fabric-core": "^11.0.0", "react-custom-scrollbars": "^4.2.1", "react-syntax-highlighter": "^10.1.3", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/react-docsite-components/src/utilities/createDemoApp.tsx b/packages/react-docsite-components/src/utilities/createDemoApp.tsx index 2cb3c2b226e69..bb2f56f2d4610 100644 --- a/packages/react-docsite-components/src/utilities/createDemoApp.tsx +++ b/packages/react-docsite-components/src/utilities/createDemoApp.tsx @@ -47,7 +47,9 @@ export function createDemoApp(appDefinition: IAppDefinition, gettingStartedPage: // Default route. appRoutes.push(); - const App: React.FunctionComponent = props => ; + const App: React.FunctionComponent = props => ( + + ); routes.push( // eslint-disable-next-line react/jsx-no-bind diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json index 45c3546ac5850..8e63be51d85fb 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -82,6 +82,6 @@ "d3-format": "^1.4.4", "react": "16.8.6", "react-dom": "16.8.6", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/react-examples/src/ComponentExamples.test.tsx b/packages/react-examples/src/ComponentExamples.test.tsx index 4b294960e2e84..be0ac2a0b3758 100644 --- a/packages/react-examples/src/ComponentExamples.test.tsx +++ b/packages/react-examples/src/ComponentExamples.test.tsx @@ -192,10 +192,7 @@ describe('Component Examples', () => { return new RealDate(constantDate); } }; - - jest.spyOn(ExampleData, 'lorem').mockImplementation(() => { - return 'lorem text'; - }); + ExampleData.setControlledMode(true); jest.spyOn(Math, 'random').mockImplementation(() => { return 0; }); @@ -207,7 +204,7 @@ describe('Component Examples', () => { afterAll(() => { jest.restoreAllMocks(); - + ExampleData.setControlledMode(false); ReactDOM.createPortal = realCreatePortal; global.Date = RealDate; diff --git a/packages/react-examples/src/react/__snapshots__/GroupedList.CustomCheckbox.Example.tsx.shot b/packages/react-examples/src/react/__snapshots__/GroupedList.CustomCheckbox.Example.tsx.shot index 70d3ffc22569e..b2b04838cc17a 100644 --- a/packages/react-examples/src/react/__snapshots__/GroupedList.CustomCheckbox.Example.tsx.shot +++ b/packages/react-examples/src/react/__snapshots__/GroupedList.CustomCheckbox.Example.tsx.shot @@ -910,7 +910,7 @@ exports[`Component Examples renders GroupedList.CustomCheckbox.Example.tsx corre } } > - item-0 Lorem ipsum dolor sit + item-0 Lorem ipsum dolor sit amet

- Lorem ipsum dolor sit amet, + Lorem ipsum dolor sit amet
- item-1 Lorem ipsum dolor sit + item-1 Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, + Lorem ipsum dolor sit amet
- item-2 Lorem ipsum dolor sit + item-2 Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, + Lorem ipsum dolor sit amet
- item-3 Lorem ipsum dolor sit + item-3 Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, + Lorem ipsum dolor sit amet
- item-4 Lorem ipsum dolor sit + item-4 Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, + Lorem ipsum dolor sit amet
- item-5 Lorem ipsum dolor sit + item-5 Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, + Lorem ipsum dolor sit amet
- item-6 Lorem ipsum dolor sit + item-6 Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, + Lorem ipsum dolor sit amet
- item-7 Lorem ipsum dolor sit + item-7 Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, + Lorem ipsum dolor sit amet
- item-8 Lorem ipsum dolor sit + item-8 Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet, + Lorem ipsum dolor sit amet
=16.8.0 <18.0.0", diff --git a/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx b/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx index f37912da1f828..5c101399e7ba4 100644 --- a/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx +++ b/packages/react-experiments/src/components/SelectedItemsList/SelectedPeopleList/SelectedPeopleList.test.tsx @@ -9,6 +9,7 @@ import { SelectedPersona, ItemWithContextMenu, TriggerOnContextMenu, + ItemCanDispatchTrigger, } from '../index'; describe('SelectedPeopleList', () => { @@ -66,7 +67,7 @@ describe('SelectedPeopleList', () => { }); it('edit render of the items in selected items list', () => { - const SelectedItem = ItemWithContextMenu({ + const SelectedItem: ItemCanDispatchTrigger = ItemWithContextMenu({ menuItems: item => [ { key: 'remove', diff --git a/packages/react-file-type-icons/package.json b/packages/react-file-type-icons/package.json index 51983145ec0b9..3dad82efa270c 100644 --- a/packages/react-file-type-icons/package.json +++ b/packages/react-file-type-icons/package.json @@ -30,7 +30,7 @@ "dependencies": { "@fluentui/set-version": "^8.0.2", "@fluentui/style-utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-flex/etc/react-flex.api.md b/packages/react-flex/etc/react-flex.api.md index 735622a79581d..dcb3b73c85039 100644 --- a/packages/react-flex/etc/react-flex.api.md +++ b/packages/react-flex/etc/react-flex.api.md @@ -5,28 +5,28 @@ ```ts import { ComponentProps } from '@fluentui/react-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public -export const Flex: React.ForwardRefExoticComponent>; +export const Flex: React_2.FunctionComponent>; // @public (undocumented) -export interface FlexProps extends ComponentProps, React.HTMLAttributes { +export interface FlexProps extends ComponentProps, React_2.HTMLAttributes { } // @public (undocumented) -export const flexShorthandProps: (keyof FlexProps)[]; +export const flexShorthandProps: never[]; // @public (undocumented) export interface FlexState extends FlexProps { - ref: React.RefObject; + ref: React_2.RefObject; } // @public export const renderFlex: (state: FlexState) => JSX.Element; // @public -export const useFlex: (props: FlexProps, ref: React.Ref, defaultProps?: FlexProps | undefined) => FlexState; +export const useFlex: (props: FlexProps, ref: React_2.Ref, defaultProps?: FlexProps | undefined) => FlexState; // @public export const useFlexStyles: (state: FlexState) => FlexState; diff --git a/packages/react-flex/package.json b/packages/react-flex/package.json index 905294ff7c0b0..365e1accd5439 100644 --- a/packages/react-flex/package.json +++ b/packages/react-flex/package.json @@ -41,7 +41,7 @@ "dependencies": { "@fluentui/react-make-styles": "^9.0.0-alpha.25", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-flex/src/components/Flex/Flex.tsx b/packages/react-flex/src/components/Flex/Flex.tsx index 859c38b6b9d43..0c46fc4ce62b3 100644 --- a/packages/react-flex/src/components/Flex/Flex.tsx +++ b/packages/react-flex/src/components/Flex/Flex.tsx @@ -8,7 +8,10 @@ import { useFlexStyles } from './useFlexStyles'; * TODO: Component docs * {@docCategory Flex } */ -export const Flex = React.forwardRef((props, ref) => { +export const Flex: React.FunctionComponent> = React.forwardRef< + HTMLElement, + FlexProps +>((props, ref) => { const state = useFlex(props, ref); useFlexStyles(state); diff --git a/packages/react-flex/src/components/Flex/useFlex.ts b/packages/react-flex/src/components/Flex/useFlex.ts index 0854e369bca59..1a5b3adcec059 100644 --- a/packages/react-flex/src/components/Flex/useFlex.ts +++ b/packages/react-flex/src/components/Flex/useFlex.ts @@ -2,7 +2,7 @@ import * as React from 'react'; import { makeMergeProps, resolveShorthandProps, useMergedRefs } from '@fluentui/react-utilities'; import { FlexProps, FlexState } from './Flex.types'; -export const flexShorthandProps: (keyof FlexProps)[] = []; +export const flexShorthandProps = []; const mergeProps = makeMergeProps({ deepMerge: flexShorthandProps }); diff --git a/packages/react-focus/etc/react-focus.api.md b/packages/react-focus/etc/react-focus.api.md index db2983e5683fe..591baf262a35a 100644 --- a/packages/react-focus/etc/react-focus.api.md +++ b/packages/react-focus/etc/react-focus.api.md @@ -6,10 +6,10 @@ import { IRefObject } from '@fluentui/utilities'; import { Point } from '@fluentui/utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public (undocumented) -export class FocusZone extends React.Component implements IFocusZone { +export class FocusZone extends React_2.Component implements IFocusZone { constructor(props: IFocusZoneProps); // (undocumented) componentDidMount(): void; @@ -24,7 +24,7 @@ export class FocusZone extends React.Component implements IFocu focusLast(): boolean; static getOuterZones(): number; // (undocumented) - render(): React.ReactNode; + render(): React_2.ReactNode; setFocusAlignment(point: Point): void; } @@ -55,7 +55,7 @@ export interface IFocusZone { } // @public -export interface IFocusZoneProps extends React.HTMLAttributes { +export interface IFocusZoneProps extends React_2.HTMLAttributes { allowFocusRoot?: boolean; // @deprecated allowTabKey?: boolean; @@ -63,7 +63,7 @@ export interface IFocusZoneProps extends React.HTMLAttributes { ariaDescribedBy?: string; // @deprecated ariaLabelledBy?: string; - as?: React.ElementType; + as?: React_2.ElementType; checkForNoWrap?: boolean; className?: string; componentRef?: IRefObject; @@ -75,25 +75,25 @@ export interface IFocusZoneProps extends React.HTMLAttributes { // @deprecated doNotAllowFocusEventToPropagate?: boolean; // @deprecated - elementRef?: React.Ref; + elementRef?: React_2.Ref; // @deprecated elementType?: any; handleTabKey?: FocusZoneTabbableElements; isCircularNavigation?: boolean; // @deprecated - isInnerZoneKeystroke?: (ev: React.KeyboardEvent) => boolean; - onActiveElementChanged?: (element?: HTMLElement, ev?: React.FocusEvent) => void; + isInnerZoneKeystroke?: (ev: React_2.KeyboardEvent) => boolean; + onActiveElementChanged?: (element?: HTMLElement, ev?: React_2.FocusEvent) => void; // @deprecated onBeforeFocus?: (childElement?: HTMLElement) => boolean; - onFocus?: (event: React.FocusEvent) => void; + onFocus?: (event: React_2.FocusEvent) => void; // @deprecated onFocusNotification?: () => void; pagingSupportDisabled?: boolean; preventDefaultWhenHandled?: boolean; preventFocusRestoration?: boolean; // @deprecated (undocumented) - rootProps?: React.HTMLAttributes; - shouldEnterInnerZone?: (ev: React.KeyboardEvent) => boolean; + rootProps?: React_2.HTMLAttributes; + shouldEnterInnerZone?: (ev: React_2.KeyboardEvent) => boolean; shouldFocusInnerElementWhenReceivedFocus?: boolean; shouldFocusOnMount?: boolean; shouldInputLoseFocusOnArrowKey?: (inputElement: HTMLInputElement) => boolean; diff --git a/packages/react-focus/package.json b/packages/react-focus/package.json index a1e8596afbf6b..bc93b8a2417ac 100644 --- a/packages/react-focus/package.json +++ b/packages/react-focus/package.json @@ -47,7 +47,7 @@ "@fluentui/set-version": "^8.0.2", "@fluentui/style-utilities": "^8.0.4", "@fluentui/utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-hooks/etc/react-hooks.api.md b/packages/react-hooks/etc/react-hooks.api.md index e188bfbc02fe2..bb64941161aec 100644 --- a/packages/react-hooks/etc/react-hooks.api.md +++ b/packages/react-hooks/etc/react-hooks.api.md @@ -8,11 +8,11 @@ import { Async } from '@fluentui/utilities'; import { ISettingsMap } from '@fluentui/utilities/lib/warn'; import { IWarnControlledUsageParams } from '@fluentui/utilities/lib/warn'; import { Point } from '@fluentui/utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; import { Rectangle } from '@fluentui/utilities'; // @public (undocumented) -export type ChangeCallback | undefined> = (ev: TEvent, newValue: TValue | undefined) => void; +export type ChangeCallback | undefined> = (ev: TEvent, newValue: TValue | undefined) => void; // @public export interface IUseBooleanCallbacks { @@ -37,13 +37,13 @@ export interface IWarningOptions

{ } // @public -export type RefCallback = ((value: T | null) => void) & React.RefObject; +export type RefCallback = ((value: T | null) => void) & React_2.RefObject; // @public -export type RefObjectFunction = React.RefObject & ((value: T) => void); +export type RefObjectFunction = React_2.RefObject & ((value: T) => void); // @public (undocumented) -export type Target = Element | string | MouseEvent | Point | Rectangle | null | React.RefObject; +export type Target = Element | string | MouseEvent | Point | Rectangle | null | React_2.RefObject; // @public export function useAsync(): Async; @@ -58,10 +58,13 @@ export function useConst(initialValue: T | (() => T)): T; export function useConstCallback any>(callback: T): T; // @public -export function useControllableValue(controlledValue: TValue | undefined, defaultUncontrolledValue: TValue | undefined): Readonly<[TValue | undefined, (update: React.SetStateAction) => void]>; +export function useControllableValue(controlledValue: TValue | undefined, defaultUncontrolledValue: TValue | undefined): Readonly<[TValue | undefined, (update: React_2.SetStateAction) => void]>; // @public (undocumented) -export function useControllableValue | undefined>(controlledValue: TValue | undefined, defaultUncontrolledValue: TValue | undefined, onChange: ChangeCallback | undefined): Readonly<[TValue | undefined, (update: React.SetStateAction, ev?: React.FormEvent) => void]>; +export function useControllableValue | undefined>(controlledValue: TValue | undefined, defaultUncontrolledValue: TValue | undefined, onChange: ChangeCallback | undefined): Readonly<[ + TValue | undefined, + (update: React_2.SetStateAction, ev?: React_2.FormEvent) => void +]>; // @public export function useForceUpdate(): () => void; @@ -70,7 +73,7 @@ export function useForceUpdate(): () => void; export function useId(prefix?: string, providedId?: string): string; // @public -export function useMergedRefs(...refs: (React.Ref | undefined)[]): RefObjectFunction; +export function useMergedRefs(...refs: (React_2.Ref | undefined)[]): RefObjectFunction; // @public export const useMount: (callback: () => void) => void; @@ -79,7 +82,7 @@ export const useMount: (callback: () => void) => void; export const useMountSync: (callback: () => void) => void; // @public -export function useOnEvent(element: React.RefObject | TElement | Window | Document | undefined | null, eventName: string, callback: (ev: TEvent) => void, useCapture?: boolean): void; +export function useOnEvent(element: React_2.RefObject | TElement | Window | Document | undefined | null, eventName: string, callback: (ev: TEvent) => void, useCapture?: boolean): void; // @public export function usePrevious(value: T): T | undefined; @@ -106,7 +109,7 @@ export type UseSetTimeoutReturnType = { }; // @public -export function useTarget(target: Target | undefined, hostElement?: React.RefObject): Readonly<[React.RefObject, Window | undefined]>; +export function useTarget(target: Target | undefined, hostElement?: React_2.RefObject): Readonly<[React_2.RefObject, Window | undefined]>; // @public export const useUnmount: (callback: () => void) => void; diff --git a/packages/react-hooks/package.json b/packages/react-hooks/package.json index b16d20fade67b..3f5c8574aa1df 100644 --- a/packages/react-hooks/package.json +++ b/packages/react-hooks/package.json @@ -40,7 +40,7 @@ "@fluentui/react-window-provider": "^2.0.2", "@fluentui/set-version": "^8.0.2", "@fluentui/utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-icon-provider/etc/react-icon-provider.api.md b/packages/react-icon-provider/etc/react-icon-provider.api.md index da12a4eec7f57..719534904cb06 100644 --- a/packages/react-icon-provider/etc/react-icon-provider.api.md +++ b/packages/react-icon-provider/etc/react-icon-provider.api.md @@ -5,16 +5,16 @@ ```ts import { IIconSubset } from '@fluentui/style-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public -export const IconContext: React.Context; +export const IconContext: React_2.Context; // @public -export const IconProvider: React.FunctionComponent; +export const IconProvider: React_2.FunctionComponent; // @public -export interface IconProviderProps extends React.HTMLAttributes { +export interface IconProviderProps extends React_2.HTMLAttributes { icons: IIconSubset; } diff --git a/packages/react-icon-provider/package.json b/packages/react-icon-provider/package.json index b5a5cb85dcfcd..bafb166fb96e8 100644 --- a/packages/react-icon-provider/package.json +++ b/packages/react-icon-provider/package.json @@ -34,7 +34,7 @@ "dependencies": { "@fluentui/set-version": "^8.0.2", "@fluentui/style-utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-icons-mdl2-branded/package.json b/packages/react-icons-mdl2-branded/package.json index 085a4dc3b515d..618cda0432184 100644 --- a/packages/react-icons-mdl2-branded/package.json +++ b/packages/react-icons-mdl2-branded/package.json @@ -31,7 +31,7 @@ "dependencies": { "@fluentui/set-version": "^8.0.2", "@fluentui/react-icons-mdl2": "^1.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <17.0.0", diff --git a/packages/react-icons-mdl2/package.json b/packages/react-icons-mdl2/package.json index 4b65643187259..584d10f78e951 100644 --- a/packages/react-icons-mdl2/package.json +++ b/packages/react-icons-mdl2/package.json @@ -43,7 +43,7 @@ "@fluentui/react-icon-provider": "^1.0.4", "@fluentui/set-version": "^8.0.2", "@fluentui/utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "react": ">=16.8.0 <18.0.0" diff --git a/packages/react-image/etc/react-image.api.md b/packages/react-image/etc/react-image.api.md index a893466d97c82..1062a6bf91b0e 100644 --- a/packages/react-image/etc/react-image.api.md +++ b/packages/react-image/etc/react-image.api.md @@ -5,13 +5,15 @@ ```ts import { ComponentProps } from '@fluentui/react-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public (undocumented) -export const Image: React.ForwardRefExoticComponent>; +const Image_2: React_2.FunctionComponent>; + +export { Image_2 as Image } // @public (undocumented) -export interface ImageProps extends ComponentProps, React.ImgHTMLAttributes { +export interface ImageProps extends ComponentProps, React_2.ImgHTMLAttributes { alt?: string; bordered?: boolean; circular?: boolean; @@ -24,14 +26,14 @@ export interface ImageProps extends ComponentProps, React.ImgHTMLAttributes; + ref: React_2.RefObject; } // @public export const renderImage: (state: ImageState) => JSX.Element; // @public -export const useImage: (props: ImageProps, ref: React.Ref, defaultProps?: ImageProps | undefined) => ImageState; +export const useImage: (props: ImageProps, ref: React_2.Ref, defaultProps?: ImageProps | undefined) => ImageState; // @public (undocumented) export const useImageStyles: (state: ImageState) => void; diff --git a/packages/react-image/package.json b/packages/react-image/package.json index 1d413cb806742..4b99a2ceea425 100644 --- a/packages/react-image/package.json +++ b/packages/react-image/package.json @@ -42,7 +42,7 @@ "dependencies": { "@fluentui/react-make-styles": "^9.0.0-alpha.25", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-image/src/components/Image/Image.tsx b/packages/react-image/src/components/Image/Image.tsx index 615b7507c1f17..a34e3231701ed 100644 --- a/packages/react-image/src/components/Image/Image.tsx +++ b/packages/react-image/src/components/Image/Image.tsx @@ -4,11 +4,13 @@ import { renderImage } from './renderImage'; import { useImage } from './useImage'; import { useImageStyles } from './useImageStyles'; -export const Image = React.forwardRef((props: ImageProps, ref: React.Ref) => { - const state = useImage(props, ref); - useImageStyles(state); +export const Image: React.FunctionComponent> = React.forwardRef( + (props: ImageProps, ref: React.Ref) => { + const state = useImage(props, ref); + useImageStyles(state); - return renderImage(state); -}); + return renderImage(state); + }, +); Image.displayName = 'Image'; diff --git a/packages/react-link/etc/react-link.api.md b/packages/react-link/etc/react-link.api.md index 641dc8fac844b..d75c04eca914c 100644 --- a/packages/react-link/etc/react-link.api.md +++ b/packages/react-link/etc/react-link.api.md @@ -5,25 +5,15 @@ ```ts import { ComponentProps } from '@fluentui/react-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public -export const Link: React.ForwardRefExoticComponent & Pick, "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "color" | "children" | "className" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & { - href?: string | undefined; - onClick?: ((event: React.MouseEvent) => void) | undefined; - rel?: string | undefined; - target?: string | undefined; - type?: string | undefined; - disabled?: boolean | undefined; - disabledFocusable?: boolean | undefined; - inline?: boolean | undefined; - secondary?: boolean | undefined; -} & React.RefAttributes>; +export const Link: React_2.FunctionComponent>; // @public (undocumented) -export type LinkProps = ComponentProps & React.AnchorHTMLAttributes & Omit, 'type'> & { +export type LinkProps = ComponentProps & React_2.AnchorHTMLAttributes & Omit, 'type'> & { href?: string; - onClick?: (event: React.MouseEvent) => void; + onClick?: (event: React_2.MouseEvent) => void; rel?: string; target?: string; type?: string; @@ -39,14 +29,14 @@ export const linkShorthandProps: never[]; // @public (undocumented) export interface LinkState extends LinkProps { // (undocumented) - ref: React.Ref; + ref: React_2.Ref; } // @public export const renderLink: (state: LinkState) => JSX.Element; // @public -export const useLink: (props: LinkProps, ref: React.Ref, defaultProps?: LinkProps | undefined) => LinkState; +export const useLink: (props: LinkProps, ref: React_2.Ref, defaultProps?: LinkProps | undefined) => LinkState; // @public export const useLinkState: (state: LinkState) => LinkState; diff --git a/packages/react-link/package.json b/packages/react-link/package.json index 376a220c1cde6..7d2cbfb6e56a9 100644 --- a/packages/react-link/package.json +++ b/packages/react-link/package.json @@ -43,7 +43,7 @@ "@fluentui/keyboard-key": "^0.2.16", "@fluentui/react-make-styles": "^9.0.0-alpha.25", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-link/src/components/Link/Link.tsx b/packages/react-link/src/components/Link/Link.tsx index 6f60d29cd8c2d..8b42502e0e22c 100644 --- a/packages/react-link/src/components/Link/Link.tsx +++ b/packages/react-link/src/components/Link/Link.tsx @@ -8,7 +8,10 @@ import { renderLink } from './renderLink'; * Defines a styled Link, using the `useLink` hook. * {@docCategory Link } */ -export const Link = React.forwardRef((props, ref) => { +export const Link: React.FunctionComponent> = React.forwardRef< + HTMLElement, + LinkProps +>((props, ref) => { const state = useLink(props, ref); useLinkStyles(state); diff --git a/packages/react-make-styles/package.json b/packages/react-make-styles/package.json index e96e15e2c7b13..93bb9866597a8 100644 --- a/packages/react-make-styles/package.json +++ b/packages/react-make-styles/package.json @@ -31,7 +31,7 @@ "@fluentui/react-shared-contexts": "^9.0.0-alpha.6", "@fluentui/make-styles": "^9.0.0-alpha.13", "@fluentui/react-theme": "^9.0.0-alpha.8", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-menu/etc/react-menu.api.md b/packages/react-menu/etc/react-menu.api.md index 985c7698089f5..5563e7dc8d218 100644 --- a/packages/react-menu/etc/react-menu.api.md +++ b/packages/react-menu/etc/react-menu.api.md @@ -8,11 +8,11 @@ import { ComponentProps } from '@fluentui/react-utilities'; import { ContextSelector } from '@fluentui/react-context-selector'; import { ObjectShorthandProps } from '@fluentui/react-utilities'; import { PositioningProps } from '@fluentui/react-positioning'; -import * as React from 'react'; +import * as React_2 from 'react'; import { ShorthandProps } from '@fluentui/react-utilities'; // @public -export const Menu: React.ForwardRefExoticComponent>; +export const Menu: React_2.FunctionComponent>; // @public export interface MenuContextValue extends MenuListProps, Pick { @@ -25,22 +25,22 @@ export interface MenuContextValue extends MenuListProps, Pick & React.RefAttributes>; +export const MenuDivider: React_2.FunctionComponent>; // @public (undocumented) -export type MenuDividerProps = ComponentProps & React.HTMLAttributes; +export type MenuDividerProps = ComponentProps & React_2.HTMLAttributes; // @public (undocumented) export interface MenuDividerState extends MenuDividerProps { // (undocumented) - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; } // @public -export const MenuGroup: React.ForwardRefExoticComponent & React.RefAttributes>; +export const MenuGroup: React_2.FunctionComponent; // @public (undocumented) -export const MenuGroupContextProvider: React.Provider; +export const MenuGroupContextProvider: React_2.Provider; // @public export interface MenuGroupContextValue { @@ -48,19 +48,19 @@ export interface MenuGroupContextValue { } // @public -export const MenuGroupHeader: React.ForwardRefExoticComponent & React.RefAttributes>; +export const MenuGroupHeader: React_2.FunctionComponent; // @public (undocumented) -export type MenuGroupHeaderProps = ComponentProps & React.HTMLAttributes; +export type MenuGroupHeaderProps = ComponentProps & React_2.HTMLAttributes; // @public (undocumented) export interface MenuGroupHeaderState extends MenuGroupHeaderProps { // (undocumented) - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; } // @public (undocumented) -export type MenuGroupProps = ComponentProps & React.HTMLAttributes; +export type MenuGroupProps = ComponentProps & React_2.HTMLAttributes; // @public export const menuGroupShorthandProps: string[]; @@ -69,62 +69,62 @@ export const menuGroupShorthandProps: string[]; export interface MenuGroupState extends MenuGroupProps { headerId: string; // (undocumented) - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; } // @public -export const MenuItem: React.ForwardRefExoticComponent>; +export const MenuItem: React_2.ForwardRefExoticComponent>; // @public -export const MenuItemCheckbox: React.ForwardRefExoticComponent>; +export const MenuItemCheckbox: React_2.ForwardRefExoticComponent>; // @public (undocumented) -export interface MenuItemCheckboxProps extends ComponentProps, React.HTMLAttributes, MenuItemProps, MenuItemSelectableProps { - checkmark?: ShorthandProps>; +export interface MenuItemCheckboxProps extends ComponentProps, React_2.HTMLAttributes, MenuItemProps, MenuItemSelectableProps { + checkmark?: ShorthandProps>; } // @public -export const menuItemCheckboxShorthandProps: readonly ("content" | "icon" | "submenuIndicator" | "secondaryContent" | "checkmark")[]; +export const menuItemCheckboxShorthandProps: readonly ["icon", "submenuIndicator", "content", "secondaryContent", "checkmark"]; // @public (undocumented) export interface MenuItemCheckboxState extends MenuItemState, MenuItemSelectableState { - checkmark: ObjectShorthandProps>; + checkmark: ObjectShorthandProps>; // (undocumented) - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; } // @public (undocumented) -export interface MenuItemProps extends ComponentProps, React.HTMLAttributes { - checkmark?: ShorthandProps>; - content?: ShorthandProps>; +export interface MenuItemProps extends ComponentProps, React_2.HTMLAttributes { + checkmark?: ShorthandProps>; + content?: ShorthandProps>; disabled?: boolean; hasSubmenu?: boolean; - icon?: ShorthandProps>; - secondaryContent?: ShorthandProps>; - submenuIndicator?: ShorthandProps>; + icon?: ShorthandProps>; + secondaryContent?: ShorthandProps>; + submenuIndicator?: ShorthandProps>; } // @public -export const MenuItemRadio: React.ForwardRefExoticComponent>; +export const MenuItemRadio: React_2.ForwardRefExoticComponent>; // @public (undocumented) -export interface MenuItemRadioProps extends ComponentProps, React.HTMLAttributes, MenuItemProps, MenuItemSelectableProps { +export interface MenuItemRadioProps extends ComponentProps, React_2.HTMLAttributes, MenuItemProps, MenuItemSelectableProps { // (undocumented) - checkmark?: ShorthandProps>; + checkmark?: ShorthandProps>; } // @public -export const menuItemRadioShorthandProps: readonly ("content" | "icon" | "submenuIndicator" | "secondaryContent" | "checkmark")[]; +export const menuItemRadioShorthandProps: readonly ["icon", "submenuIndicator", "content", "secondaryContent", "checkmark"]; // @public (undocumented) export interface MenuItemRadioState extends MenuItemState, MenuItemSelectableState { - checkmark: ObjectShorthandProps>; + checkmark: ObjectShorthandProps>; // (undocumented) - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; } // @public -export interface MenuItemSelectableProps extends React.HTMLAttributes { +export interface MenuItemSelectableProps extends React_2.HTMLAttributes { disabled?: boolean; name: string; value: string; @@ -134,7 +134,7 @@ export interface MenuItemSelectableProps extends React.HTMLAttributes void; + onCheckedValueChange: (e: React_2.MouseEvent | React_2.KeyboardEvent, name: string, checkedItems: string[]) => void; } // @public @@ -142,42 +142,42 @@ export const menuItemShorthandProps: readonly ["icon", "submenuIndicator", "cont // @public (undocumented) export interface MenuItemState extends MenuItemProps { - checkmark: ObjectShorthandProps>; - content: ObjectShorthandProps>; - icon?: ObjectShorthandProps>; - ref: React.MutableRefObject; - secondaryContent: ObjectShorthandProps>; - submenuIndicator?: ObjectShorthandProps>; + checkmark: ObjectShorthandProps>; + content: ObjectShorthandProps>; + icon?: ObjectShorthandProps>; + ref: React_2.MutableRefObject; + secondaryContent: ObjectShorthandProps>; + submenuIndicator?: ObjectShorthandProps>; } // @public -export const MenuList: React.ForwardRefExoticComponent>; +export const MenuList: React_2.FunctionComponent>; // @public export interface MenuListContextValue extends Pick { // (undocumented) selectRadio?: SelectableHandler; // (undocumented) - setFocusByFirstCharacter?: (e: React.KeyboardEvent, itemEl: HTMLElement) => void; + setFocusByFirstCharacter?: (e: React_2.KeyboardEvent, itemEl: HTMLElement) => void; // (undocumented) toggleCheckbox?: SelectableHandler; } // @public (undocumented) -export interface MenuListProps extends ComponentProps, React.HTMLAttributes { +export interface MenuListProps extends ComponentProps, React_2.HTMLAttributes { checkedValues?: Record; defaultCheckedValues?: Record; hasCheckmarks?: boolean; hasIcons?: boolean; - onCheckedValueChange?: (e: React.MouseEvent | React.KeyboardEvent, name: string, checkedItems: string[]) => void; + onCheckedValueChange?: (e: React_2.MouseEvent | React_2.KeyboardEvent, name: string, checkedItems: string[]) => void; } // @public (undocumented) -export const MenuListProvider: React.Provider & React.FC>; +export const MenuListProvider: React_2.Provider & React_2.FC>; // @public (undocumented) export interface MenuListState extends MenuListProps { - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; selectRadio: SelectableHandler; setFocusByFirstCharacter: MenuListContextValue['setFocusByFirstCharacter']; // (undocumented) @@ -187,10 +187,10 @@ export interface MenuListState extends MenuListProps { // @public export interface MenuProps extends MenuListProps { align?: PositioningProps['align']; - children: React.ReactNode; + children: React_2.ReactNode; defaultOpen?: boolean; inline?: boolean; - menuPopup?: ShorthandProps>; + menuPopup?: ShorthandProps>; onOpenChange?: (e: OpenMenuEvents, data: OnOpenChangeData) => void; open?: boolean; openOnContext?: boolean; @@ -200,7 +200,7 @@ export interface MenuProps extends MenuListProps { } // @public (undocumented) -export const MenuProvider: React.Provider & React.FC>; +export const MenuProvider: React_2.Provider & React_2.FC>; // @public (undocumented) export const menuShorthandProps: (keyof MenuProps)[]; @@ -208,26 +208,26 @@ export const menuShorthandProps: (keyof MenuProps)[]; // @public (undocumented) export interface MenuState extends MenuProps { isSubmenu: boolean; - menuList: React.ReactNode; - menuPopup: ObjectShorthandProps>; - menuPopupRef: React.MutableRefObject; - menuTrigger: React.ReactNode; + menuList: React_2.ReactNode; + menuPopup: ObjectShorthandProps>; + menuPopupRef: React_2.MutableRefObject; + menuTrigger: React_2.ReactNode; open: boolean; - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; setOpen: (e: OpenMenuEvents, open: boolean) => void; triggerId: string; - triggerRef: React.MutableRefObject; + triggerRef: React_2.MutableRefObject; } // @public -export const MenuTrigger: React.ForwardRefExoticComponent>; +export const MenuTrigger: React_2.FunctionComponent>; // @public (undocumented) -export const MenuTriggerContextProvider: React.Provider; +export const MenuTriggerContextProvider: React_2.Provider; // @public (undocumented) export interface MenuTriggerProps { - children: React.ReactElement; + children: React_2.ReactElement; } // @public (undocumented) @@ -235,7 +235,7 @@ export const menuTriggerShorthandProps: (keyof MenuTriggerProps)[]; // @public (undocumented) export interface MenuTriggerState extends MenuTriggerProps { - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; } // @public @@ -243,7 +243,7 @@ export interface OnOpenChangeData extends Pick { } // @public -export type OpenMenuEvents = MouseEvent | TouchEvent | React.MouseEvent | React.KeyboardEvent | React.FocusEvent; +export type OpenMenuEvents = MouseEvent | TouchEvent | React_2.MouseEvent | React_2.KeyboardEvent | React_2.FocusEvent; // @public export const renderMenu: (state: MenuState) => JSX.Element; @@ -273,51 +273,51 @@ export const renderMenuList: (state: MenuListState) => JSX.Element; export const renderMenuTrigger: (state: MenuTriggerState) => JSX.Element; // @public (undocumented) -export type SelectableHandler = (e: React.MouseEvent | React.KeyboardEvent, name: string, value: string, checked: boolean) => void; +export type SelectableHandler = (e: React_2.MouseEvent | React_2.KeyboardEvent, name: string, value: string, checked: boolean) => void; // @public export const useCheckmarkStyles: (state: MenuItemSelectableState & { - checkmark: ObjectShorthandProps>; + checkmark: ObjectShorthandProps>; }) => void; // @public -export const useMenu: (props: MenuProps, ref: React.Ref, defaultProps?: MenuProps | undefined) => MenuState; +export const useMenu: (props: MenuProps, ref: React_2.Ref, defaultProps?: MenuProps | undefined) => MenuState; // @public (undocumented) export const useMenuContext: (selector: ContextSelector) => T; // @public -export const useMenuDivider: (props: MenuDividerProps, ref: React.Ref, defaultProps?: MenuDividerProps | undefined) => MenuDividerState; +export const useMenuDivider: (props: MenuDividerProps, ref: React_2.Ref, defaultProps?: MenuDividerProps | undefined) => MenuDividerState; // @public (undocumented) export const useMenuDividerStyles: (state: MenuDividerState) => MenuDividerState; // @public -export const useMenuGroup: (props: MenuGroupProps, ref: React.Ref, defaultProps?: MenuGroupProps | undefined) => MenuGroupState; +export const useMenuGroup: (props: MenuGroupProps, ref: React_2.Ref, defaultProps?: MenuGroupProps) => MenuGroupState; // @public (undocumented) export const useMenuGroupContext: () => MenuGroupContextValue; // @public -export const useMenuGroupHeader: (props: MenuGroupHeaderProps, ref: React.Ref, defaultProps?: MenuGroupHeaderProps | undefined) => MenuGroupHeaderState; +export const useMenuGroupHeader: (props: MenuGroupHeaderProps, ref: React_2.Ref, defaultProps?: MenuGroupHeaderProps) => MenuGroupHeaderState; // @public (undocumented) export const useMenuGroupHeaderStyles: (state: MenuGroupHeaderState) => MenuGroupHeaderState; // @public -export const useMenuItem: (props: MenuItemProps, ref: React.Ref, defaultProps?: MenuItemProps | undefined) => MenuItemState; +export const useMenuItem: (props: MenuItemProps, ref: React_2.Ref, defaultProps?: MenuItemProps | undefined) => MenuItemState; // @public -export const useMenuItemCheckbox: (props: MenuItemCheckboxProps, ref: React.Ref, defaultProps?: MenuItemCheckboxProps | undefined) => MenuItemCheckboxState; +export const useMenuItemCheckbox: (props: MenuItemCheckboxProps, ref: React_2.Ref, defaultProps?: MenuItemCheckboxProps | undefined) => MenuItemCheckboxState; // @public -export const useMenuItemRadio: (props: MenuItemRadioProps, ref: React.Ref, defaultProps?: MenuItemRadioProps | undefined) => MenuItemRadioState; +export const useMenuItemRadio: (props: MenuItemRadioProps, ref: React_2.Ref, defaultProps?: MenuItemRadioProps | undefined) => MenuItemRadioState; // @public export const useMenuItemStyles: (state: MenuItemState) => void; // @public -export const useMenuList: (props: MenuListProps, ref: React.Ref, defaultProps?: MenuListProps | undefined) => MenuListState; +export const useMenuList: (props: MenuListProps, ref: React_2.Ref, defaultProps?: MenuListProps | undefined) => MenuListState; // @public (undocumented) export const useMenuListContext: (selector: ContextSelector) => T; @@ -326,7 +326,7 @@ export const useMenuListContext: (selector: ContextSelector MenuState; // @public -export const useMenuTrigger: (props: MenuTriggerProps, ref: React.Ref, defaultProps?: MenuTriggerProps | undefined) => MenuTriggerState; +export const useMenuTrigger: (props: MenuTriggerProps, ref: React_2.Ref, defaultProps?: MenuTriggerProps | undefined) => MenuTriggerState; // @public (undocumented) export const useMenuTriggerContext: () => boolean; diff --git a/packages/react-menu/package.json b/packages/react-menu/package.json index 580b702104a8b..8bf4e2c70d103 100644 --- a/packages/react-menu/package.json +++ b/packages/react-menu/package.json @@ -50,7 +50,7 @@ "@fluentui/react-positioning": "^9.0.0-alpha.13", "@fluentui/react-provider": "^9.0.0-alpha.25", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-menu/src/components/Menu/Menu.tsx b/packages/react-menu/src/components/Menu/Menu.tsx index 0884c6eb20caa..98b1a91c3ae6d 100644 --- a/packages/react-menu/src/components/Menu/Menu.tsx +++ b/packages/react-menu/src/components/Menu/Menu.tsx @@ -8,7 +8,10 @@ import { useMenuStyles } from './useMenuStyles'; * Wrapper component that manages state for a popup MenuList and a MenuTrigger * {@docCategory Menu } */ -export const Menu = React.forwardRef((props, ref) => { +export const Menu: React.FunctionComponent> = React.forwardRef< + HTMLElement, + MenuProps +>((props, ref) => { const state = useMenu(props, ref); useMenuStyles(state); diff --git a/packages/react-menu/src/components/MenuDivider/MenuDivider.tsx b/packages/react-menu/src/components/MenuDivider/MenuDivider.tsx index 06da1baea6c36..83df95ce765bf 100644 --- a/packages/react-menu/src/components/MenuDivider/MenuDivider.tsx +++ b/packages/react-menu/src/components/MenuDivider/MenuDivider.tsx @@ -8,7 +8,8 @@ import { renderMenuDivider } from './renderMenuDivider'; * Define a styled MenuDivider, using the `useMenuDivider` hook. * {@docCategory MenuDivider } */ -export const MenuDivider = React.forwardRef((props, ref) => { +export const MenuDivider: React.FunctionComponent> = React.forwardRef((props, ref) => { const state = useMenuDivider(props, ref); useMenuDividerStyles(state); diff --git a/packages/react-menu/src/components/MenuGroup/MenuGroup.tsx b/packages/react-menu/src/components/MenuGroup/MenuGroup.tsx index dfa107a372419..5a62e47ee67e5 100644 --- a/packages/react-menu/src/components/MenuGroup/MenuGroup.tsx +++ b/packages/react-menu/src/components/MenuGroup/MenuGroup.tsx @@ -7,10 +7,12 @@ import { renderMenuGroup } from './renderMenuGroup'; * Define a styled MenuGroup, using the `useMenuGroup` hook. * {@docCategory MenuGroup } */ -export const MenuGroup = React.forwardRef((props, ref) => { - const state = useMenuGroup(props, ref); +export const MenuGroup: React.FunctionComponent = React.forwardRef( + (props, ref) => { + const state = useMenuGroup(props, ref); - return renderMenuGroup(state); -}); + return renderMenuGroup(state); + }, +); MenuGroup.displayName = 'MenuGroup'; diff --git a/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts b/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts index c187a74b0baca..6236b51dfd751 100644 --- a/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts +++ b/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts @@ -13,11 +13,11 @@ const mergeProps = makeMergePropsCompat({ deepMerge: menuGroupSh /** * Given user props, returns state and render function for a MenuGroup. */ -export const useMenuGroup = ( +export const useMenuGroup: ( props: MenuGroupProps, ref: React.Ref, defaultProps?: MenuGroupProps, -): MenuGroupState => { +) => MenuGroupState = (props, ref, defaultProps): MenuGroupState => { const id = useId('menu-group'); const state = mergeProps( { diff --git a/packages/react-menu/src/components/MenuGroupHeader/MenuGroupHeader.tsx b/packages/react-menu/src/components/MenuGroupHeader/MenuGroupHeader.tsx index 94fcb2b786fd6..494370e75f7c5 100644 --- a/packages/react-menu/src/components/MenuGroupHeader/MenuGroupHeader.tsx +++ b/packages/react-menu/src/components/MenuGroupHeader/MenuGroupHeader.tsx @@ -8,7 +8,10 @@ import { renderMenuGroupHeader } from './renderMenuGroupHeader'; * Define a styled MenuGroupHeader, using the `useMenuGroupHeader` hook. * {@docCategory MenuGroupHeader } */ -export const MenuGroupHeader = React.forwardRef((props, ref) => { +export const MenuGroupHeader: React.FunctionComponent = React.forwardRef< + HTMLElement, + MenuGroupHeaderProps +>((props, ref) => { const state = useMenuGroupHeader(props, ref); useMenuGroupHeaderStyles(state); diff --git a/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts b/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts index b33c2ee736e78..d599375dea552 100644 --- a/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts +++ b/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts @@ -9,11 +9,11 @@ const mergeProps = makeMergePropsCompat({}); /** * Given user props, returns state and render function for a MenuGroupHeader. */ -export const useMenuGroupHeader = ( +export const useMenuGroupHeader: ( props: MenuGroupHeaderProps, ref: React.Ref, defaultProps?: MenuGroupHeaderProps, -): MenuGroupHeaderState => { +) => MenuGroupHeaderState = (props, ref, defaultProps) => { const { headerId: id } = useMenuGroupContext(); const state = mergeProps( diff --git a/packages/react-menu/src/components/MenuList/MenuList.tsx b/packages/react-menu/src/components/MenuList/MenuList.tsx index 87e63565a006a..601eed6f0e87e 100644 --- a/packages/react-menu/src/components/MenuList/MenuList.tsx +++ b/packages/react-menu/src/components/MenuList/MenuList.tsx @@ -7,7 +7,10 @@ import { renderMenuList } from './renderMenuList'; * Define a styled MenuList, using the `useMenuList` hook. * {@docCategory MenuList} */ -export const MenuList = React.forwardRef((props, ref) => { +export const MenuList: React.FunctionComponent> = React.forwardRef< + HTMLElement, + MenuListProps +>((props, ref) => { const state = useMenuList(props, ref); return renderMenuList(state); diff --git a/packages/react-menu/src/components/MenuList/useMenuList.ts b/packages/react-menu/src/components/MenuList/useMenuList.ts index 6fe6c0b99f190..5870d7aed59b5 100644 --- a/packages/react-menu/src/components/MenuList/useMenuList.ts +++ b/packages/react-menu/src/components/MenuList/useMenuList.ts @@ -38,7 +38,7 @@ export const useMenuList = ( 'aria-labelledby': menuContext.triggerId, hasIcons: menuContext.hasIcons, hasCheckmarks: menuContext.hasCheckmarks, - ...focusAttributes, + ...(focusAttributes as any), // eslint-disable-line ...(menuContext.hasMenuContext && { ...menuContext }), }, defaultProps, diff --git a/packages/react-menu/src/components/MenuTrigger/MenuTrigger.tsx b/packages/react-menu/src/components/MenuTrigger/MenuTrigger.tsx index 62d174acb363a..4d7aa818ad200 100644 --- a/packages/react-menu/src/components/MenuTrigger/MenuTrigger.tsx +++ b/packages/react-menu/src/components/MenuTrigger/MenuTrigger.tsx @@ -8,7 +8,8 @@ import { renderMenuTrigger } from './renderMenuTrigger'; * and adds the necessary event handling to open a popup menu * {@docCategory MenuTrigger } */ -export const MenuTrigger = React.forwardRef((props, ref) => { +export const MenuTrigger: React.FunctionComponent> = React.forwardRef((props, ref) => { const state = useMenuTrigger(props, ref); return renderMenuTrigger(state); diff --git a/packages/react-menu/tsconfig.json b/packages/react-menu/tsconfig.json index 7cff45319430a..5a379d2289b4f 100644 --- a/packages/react-menu/tsconfig.json +++ b/packages/react-menu/tsconfig.json @@ -1,11 +1,13 @@ { "extends": "../../tsconfig.base.json", "compilerOptions": { - "target": "ES5", - "lib": ["ES5", "dom"], + "target": "es5", + "lib": ["es5", "dom"], "outDir": "dist", "jsx": "react", "declaration": true, + "moduleResolution": "node", + "module": "commonjs", "experimentalDecorators": true, "importHelpers": true, "noUnusedLocals": true, diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json index e9521cacb656b..6b9b8db0e4548 100644 --- a/packages/react-monaco-editor/package.json +++ b/packages/react-monaco-editor/package.json @@ -40,7 +40,7 @@ "@fluentui/react-hooks": "^8.1.2", "raw-loader": "4.0.2", "react-syntax-highlighter": "^10.1.3", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-monaco-editor/src/utilities/getQueryParam.test.ts b/packages/react-monaco-editor/src/utilities/getQueryParam.test.ts index 39cf73a377c0f..0a7312b3624e2 100644 --- a/packages/react-monaco-editor/src/utilities/getQueryParam.test.ts +++ b/packages/react-monaco-editor/src/utilities/getQueryParam.test.ts @@ -4,7 +4,8 @@ describe('getQueryParam', () => { const realLocation = window.location; beforeAll(() => { - delete window.location; + // Delete should only be called on optional props. + delete (window as { location?: unknown }).location; window.location = {} as Location; }); diff --git a/packages/react-popup/package.json b/packages/react-popup/package.json index 3df6efb943b3a..325b46454b7c6 100644 --- a/packages/react-popup/package.json +++ b/packages/react-popup/package.json @@ -40,7 +40,7 @@ "dependencies": { "@fluentui/react-make-styles": "^9.0.0-alpha.25", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-portal/etc/react-portal.api.md b/packages/react-portal/etc/react-portal.api.md index 26d6e5f42278d..907685b8baac0 100644 --- a/packages/react-portal/etc/react-portal.api.md +++ b/packages/react-portal/etc/react-portal.api.md @@ -4,14 +4,14 @@ ```ts -import * as React from 'react'; +import * as React_2 from 'react'; // @public -export const Portal: React.FC; +export const Portal: React_2.FC; // @public (undocumented) export interface PortalProps { - children?: React.ReactNode; + children?: React_2.ReactNode; mountNode?: HTMLDivElement | null; } @@ -20,7 +20,7 @@ export interface PortalState extends PortalProps { } // @public -export const renderPortal: (state: PortalState) => import("react").ReactPortal | null; +export const renderPortal: React_2.FC; // @public export const usePortal: (props: PortalProps, defaultProps?: PortalProps | undefined) => PortalState; diff --git a/packages/react-portal/package.json b/packages/react-portal/package.json index b519adfbd3dda..0a3a3e45a947b 100644 --- a/packages/react-portal/package.json +++ b/packages/react-portal/package.json @@ -42,7 +42,7 @@ "@fluentui/react-make-styles": "^9.0.0-alpha.25", "@fluentui/react-shared-contexts": "^9.0.0-alpha.6", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-portal/src/components/Portal/renderPortal.tsx b/packages/react-portal/src/components/Portal/renderPortal.tsx index e9ed94370d4d2..2cae87bcd5ff9 100644 --- a/packages/react-portal/src/components/Portal/renderPortal.tsx +++ b/packages/react-portal/src/components/Portal/renderPortal.tsx @@ -1,10 +1,11 @@ import * as ReactDOM from 'react-dom'; +import * as React from 'react'; import { PortalState } from './Portal.types'; /** * Render the final JSX of Portal */ -export const renderPortal = (state: PortalState) => { +export const renderPortal: React.FC = (state: PortalState) => { if (state.mountNode) { return ReactDOM.createPortal(state.children, state.mountNode); } diff --git a/packages/react-positioning/etc/react-positioning.api.md b/packages/react-positioning/etc/react-positioning.api.md index 35d3c7cbd70c8..94d0f96f392af 100644 --- a/packages/react-positioning/etc/react-positioning.api.md +++ b/packages/react-positioning/etc/react-positioning.api.md @@ -5,7 +5,7 @@ ```ts import * as PopperJs from '@popperjs/core'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public (undocumented) export type Alignment = 'top' | 'bottom' | 'start' | 'end' | 'center'; @@ -31,7 +31,7 @@ export interface PopperOptions extends PositioningProps { enabled?: boolean; // (undocumented) onStateUpdate?: (state: Partial) => void; - positioningDependencies?: React.DependencyList; + positioningDependencies?: React_2.DependencyList; } // @public (undocumented) @@ -47,7 +47,7 @@ export interface PositioningProps { align?: Alignment; arrowPadding?: number; autoSize?: 'height' | 'width' | boolean; - containerRef?: React.Ref; + containerRef?: React_2.Ref; flipBoundary?: Boundary; offset?: Offset; overflowBoundary?: Boundary; @@ -59,9 +59,9 @@ export interface PositioningProps { // @public export function usePopper(options?: PopperOptions): { - targetRef: React.MutableRefObject; - containerRef: React.MutableRefObject; - arrowRef: React.MutableRefObject; + targetRef: React_2.MutableRefObject; + containerRef: React_2.MutableRefObject; + arrowRef: React_2.MutableRefObject; }; diff --git a/packages/react-positioning/package.json b/packages/react-positioning/package.json index 67a4c38e5ba30..2bfb1cabb6066 100644 --- a/packages/react-positioning/package.json +++ b/packages/react-positioning/package.json @@ -33,7 +33,7 @@ "@fluentui/react-shared-contexts": "^9.0.0-alpha.6", "@fluentui/react-utilities": "^9.0.0-alpha.18", "@popperjs/core": "~2.4.3", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-positioning/src/utils/getBoundary.ts b/packages/react-positioning/src/utils/getBoundary.ts index 274d64a02a945..fa1f9fe9b67a5 100644 --- a/packages/react-positioning/src/utils/getBoundary.ts +++ b/packages/react-positioning/src/utils/getBoundary.ts @@ -12,7 +12,7 @@ export function getBoundary(element: HTMLElement | null, boundary?: Boundary): P } if (boundary === 'scrollParent') { - let boundariesNode = getScrollParent(element); + let boundariesNode: HTMLElement | undefined = getScrollParent(element); if (boundariesNode.nodeName === 'BODY') { boundariesNode = element?.ownerDocument!.documentElement; diff --git a/packages/react-provider/etc/react-provider.api.md b/packages/react-provider/etc/react-provider.api.md index 38d2e07be31b6..1a43d12af6dad 100644 --- a/packages/react-provider/etc/react-provider.api.md +++ b/packages/react-provider/etc/react-provider.api.md @@ -6,15 +6,15 @@ import { ComponentProps } from '@fluentui/react-utilities'; import { PartialTheme } from '@fluentui/react-theme'; -import * as React from 'react'; +import * as React_2 from 'react'; import { Theme } from '@fluentui/react-theme'; import { useFluent } from '@fluentui/react-shared-contexts'; // @public (undocumented) -export const FluentProvider: React.ForwardRefExoticComponent>; +export const FluentProvider: React_2.ForwardRefExoticComponent>; // @public (undocumented) -export interface FluentProviderProps extends ComponentProps, React.HTMLAttributes { +export interface FluentProviderProps extends ComponentProps, React_2.HTMLAttributes { dir?: 'ltr' | 'rtl'; targetDocument?: Document | undefined; // (undocumented) @@ -28,7 +28,7 @@ export const fluentProviderShorthandProps: (keyof FluentProviderProps)[]; export interface FluentProviderState extends FluentProviderProps { // (undocumented) dir: 'ltr' | 'rtl'; - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; // (undocumented) targetDocument: Document | undefined; // (undocumented) @@ -41,7 +41,7 @@ export const renderFluentProvider: (state: FluentProviderState) => JSX.Element; export { useFluent } // @public -export const useFluentProvider: (props: FluentProviderProps, ref: React.Ref, defaultProps?: FluentProviderProps | undefined) => FluentProviderState; +export const useFluentProvider: (props: FluentProviderProps, ref: React_2.Ref, defaultProps?: FluentProviderProps | undefined) => FluentProviderState; // (No @packageDocumentation comment for this package) diff --git a/packages/react-provider/package.json b/packages/react-provider/package.json index 572cc9cdefb6a..429cb97a14ec6 100644 --- a/packages/react-provider/package.json +++ b/packages/react-provider/package.json @@ -42,7 +42,7 @@ "@fluentui/react-theme-provider": "^9.0.0-alpha.24", "@fluentui/react-tooltip": "^9.0.0-alpha.23", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-shared-contexts/etc/react-shared-contexts.api.md b/packages/react-shared-contexts/etc/react-shared-contexts.api.md index f305d27ebcdad..6f7c390fdd5a1 100644 --- a/packages/react-shared-contexts/etc/react-shared-contexts.api.md +++ b/packages/react-shared-contexts/etc/react-shared-contexts.api.md @@ -4,21 +4,21 @@ ```ts -import * as React from 'react'; +import * as React_2 from 'react'; import { Theme } from '@fluentui/react-theme'; // @public (undocumented) -export const MenuContext: React.Context; +export const MenuContext: React_2.Context; // @public (undocumented) export type MinimalMenuProps = { hidden?: boolean; onDismiss?: () => void; - target?: React.Ref; + target?: React_2.Ref; }; // @public (undocumented) -export const ProviderContext: React.Context; +export const ProviderContext: React_2.Context; // @public (undocumented) export interface ProviderContextValue { @@ -27,10 +27,10 @@ export interface ProviderContextValue { } // @public -export const ThemeClassNameContext: React.Context; +export const ThemeClassNameContext: React_2.Context; // @public (undocumented) -export const ThemeContext: React.Context; +export const ThemeContext: React_2.Context; // @public (undocumented) export interface ThemeContextValue extends Theme { diff --git a/packages/react-shared-contexts/package.json b/packages/react-shared-contexts/package.json index 4d7abd4a9e3db..a6f61045abbe0 100644 --- a/packages/react-shared-contexts/package.json +++ b/packages/react-shared-contexts/package.json @@ -35,7 +35,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.0.0-alpha.8", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-slider/etc/react-slider.api.md b/packages/react-slider/etc/react-slider.api.md index 6753c10213d09..17349b6798755 100644 --- a/packages/react-slider/etc/react-slider.api.md +++ b/packages/react-slider/etc/react-slider.api.md @@ -8,7 +8,7 @@ import { IRefObject } from '@fluentui/utilities'; import { IStyle } from '@fluentui/style-utilities'; import { IStyleFunctionOrObject } from '@fluentui/utilities'; import { ITheme } from '@fluentui/style-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public (undocumented) export interface ISlider { @@ -19,10 +19,10 @@ export interface ISlider { } // @public (undocumented) -export interface ISliderProps extends Omit, 'defaultValue' | 'onChange'>, React.RefAttributes { +export interface ISliderProps extends Omit, 'defaultValue' | 'onChange'>, React_2.RefAttributes { ariaLabel?: string; ariaValueText?: (value: number) => string; - buttonProps?: React.HTMLAttributes; + buttonProps?: React_2.HTMLAttributes; className?: string; componentRef?: IRefObject; defaultValue?: number; @@ -69,16 +69,16 @@ export interface ISliderStyles { export const ONKEYDOWN_TIMEOUT_DURATION = 1000; // @public (undocumented) -export const Slider: React.FunctionComponent; +export const Slider: React_2.FunctionComponent; // @public (undocumented) -export const SliderBase: React.FunctionComponent; +export const SliderBase: React_2.FunctionComponent; // @public (undocumented) -export const useSlider: (props: ISliderProps, ref: React.Ref) => { +export const useSlider: (props: ISliderProps, ref: React_2.Ref) => { root: { className: string; - ref: React.Ref; + ref: React_2.Ref; }; label: { className: string; @@ -87,18 +87,6 @@ export const useSlider: (props: ISliderProps, ref: React.Ref) => 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; @@ -118,9 +106,9 @@ export const useSlider: (props: ISliderProps, ref: React.Ref) => placeholder?: string | undefined; slot?: string | undefined; spellCheck?: boolean | "false" | "true" | undefined; - style?: React.CSSProperties | undefined; + style?: React_2.CSSProperties | undefined; title?: string | undefined; - translate?: "no" | "yes" | undefined; + translate?: "yes" | "no" | undefined; radioGroup?: string | undefined; about?: string | undefined; datatype?: string | undefined; @@ -146,7 +134,7 @@ export const useSlider: (props: ISliderProps, ref: React.Ref) => is?: string | undefined; 'aria-activedescendant'?: string | undefined; 'aria-atomic'?: boolean | "false" | "true" | undefined; - 'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined; + 'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined; 'aria-busy'?: boolean | "false" | "true" | undefined; 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined; 'aria-colcount'?: number | undefined; @@ -187,175 +175,175 @@ export const useSlider: (props: ISliderProps, ref: React.Ref) => 'aria-rowspan'?: number | undefined; 'aria-selected'?: boolean | "false" | "true" | undefined; 'aria-setsize'?: number | undefined; - 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined; + 'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined; 'aria-valuemax': number; 'aria-valuemin': number; 'aria-valuenow': number; 'aria-valuetext': string | undefined; - children?: React.ReactNode; + children?: React_2.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; + onCopy?: ((event: React_2.ClipboardEvent) => void) | undefined; + onCopyCapture?: ((event: React_2.ClipboardEvent) => void) | undefined; + onCut?: ((event: React_2.ClipboardEvent) => void) | undefined; + onCutCapture?: ((event: React_2.ClipboardEvent) => void) | undefined; + onPaste?: ((event: React_2.ClipboardEvent) => void) | undefined; + onPasteCapture?: ((event: React_2.ClipboardEvent) => void) | undefined; + onCompositionEnd?: ((event: React_2.CompositionEvent) => void) | undefined; + onCompositionEndCapture?: ((event: React_2.CompositionEvent) => void) | undefined; + onCompositionStart?: ((event: React_2.CompositionEvent) => void) | undefined; + onCompositionStartCapture?: ((event: React_2.CompositionEvent) => void) | undefined; + onCompositionUpdate?: ((event: React_2.CompositionEvent) => void) | undefined; + onCompositionUpdateCapture?: ((event: React_2.CompositionEvent) => void) | undefined; + onFocus?: ((event: React_2.FocusEvent) => void) | undefined; + onFocusCapture?: ((event: React_2.FocusEvent) => void) | undefined; + onBlur?: ((event: React_2.FocusEvent) => void) | undefined; + onBlurCapture?: ((event: React_2.FocusEvent) => void) | undefined; + onChange?: ((event: React_2.FormEvent) => void) | undefined; + onChangeCapture?: ((event: React_2.FormEvent) => void) | undefined; + onBeforeInput?: ((event: React_2.FormEvent) => void) | undefined; + onBeforeInputCapture?: ((event: React_2.FormEvent) => void) | undefined; + onInput?: ((event: React_2.FormEvent) => void) | undefined; + onInputCapture?: ((event: React_2.FormEvent) => void) | undefined; + onReset?: ((event: React_2.FormEvent) => void) | undefined; + onResetCapture?: ((event: React_2.FormEvent) => void) | undefined; + onSubmit?: ((event: React_2.FormEvent) => void) | undefined; + onSubmitCapture?: ((event: React_2.FormEvent) => void) | undefined; + onInvalid?: ((event: React_2.FormEvent) => void) | undefined; + onInvalidCapture?: ((event: React_2.FormEvent) => void) | undefined; + onLoad?: ((event: React_2.SyntheticEvent) => void) | undefined; + onLoadCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onError?: ((event: React_2.SyntheticEvent) => void) | undefined; + onErrorCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onKeyDown?: ((event: React_2.KeyboardEvent) => void) | undefined; + onKeyDownCapture?: ((event: React_2.KeyboardEvent) => void) | undefined; + onKeyPress?: ((event: React_2.KeyboardEvent) => void) | undefined; + onKeyPressCapture?: ((event: React_2.KeyboardEvent) => void) | undefined; + onKeyUp?: ((event: React_2.KeyboardEvent) => void) | undefined; + onKeyUpCapture?: ((event: React_2.KeyboardEvent) => void) | undefined; + onAbort?: ((event: React_2.SyntheticEvent) => void) | undefined; + onAbortCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onCanPlay?: ((event: React_2.SyntheticEvent) => void) | undefined; + onCanPlayCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onCanPlayThrough?: ((event: React_2.SyntheticEvent) => void) | undefined; + onCanPlayThroughCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onDurationChange?: ((event: React_2.SyntheticEvent) => void) | undefined; + onDurationChangeCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onEmptied?: ((event: React_2.SyntheticEvent) => void) | undefined; + onEmptiedCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onEncrypted?: ((event: React_2.SyntheticEvent) => void) | undefined; + onEncryptedCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onEnded?: ((event: React_2.SyntheticEvent) => void) | undefined; + onEndedCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onLoadedData?: ((event: React_2.SyntheticEvent) => void) | undefined; + onLoadedDataCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onLoadedMetadata?: ((event: React_2.SyntheticEvent) => void) | undefined; + onLoadedMetadataCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onLoadStart?: ((event: React_2.SyntheticEvent) => void) | undefined; + onLoadStartCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onPause?: ((event: React_2.SyntheticEvent) => void) | undefined; + onPauseCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onPlay?: ((event: React_2.SyntheticEvent) => void) | undefined; + onPlayCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onPlaying?: ((event: React_2.SyntheticEvent) => void) | undefined; + onPlayingCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onProgress?: ((event: React_2.SyntheticEvent) => void) | undefined; + onProgressCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onRateChange?: ((event: React_2.SyntheticEvent) => void) | undefined; + onRateChangeCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onSeeked?: ((event: React_2.SyntheticEvent) => void) | undefined; + onSeekedCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onSeeking?: ((event: React_2.SyntheticEvent) => void) | undefined; + onSeekingCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onStalled?: ((event: React_2.SyntheticEvent) => void) | undefined; + onStalledCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onSuspend?: ((event: React_2.SyntheticEvent) => void) | undefined; + onSuspendCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onTimeUpdate?: ((event: React_2.SyntheticEvent) => void) | undefined; + onTimeUpdateCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onVolumeChange?: ((event: React_2.SyntheticEvent) => void) | undefined; + onVolumeChangeCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onWaiting?: ((event: React_2.SyntheticEvent) => void) | undefined; + onWaitingCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onAuxClick?: ((event: React_2.MouseEvent) => void) | undefined; + onAuxClickCapture?: ((event: React_2.MouseEvent) => void) | undefined; + onClick?: ((event: React_2.MouseEvent) => void) | undefined; + onClickCapture?: ((event: React_2.MouseEvent) => void) | undefined; + onContextMenu?: ((event: React_2.MouseEvent) => void) | undefined; + onContextMenuCapture?: ((event: React_2.MouseEvent) => void) | undefined; + onDoubleClick?: ((event: React_2.MouseEvent) => void) | undefined; + onDoubleClickCapture?: ((event: React_2.MouseEvent) => void) | undefined; + onDrag?: ((event: React_2.DragEvent) => void) | undefined; + onDragCapture?: ((event: React_2.DragEvent) => void) | undefined; + onDragEnd?: ((event: React_2.DragEvent) => void) | undefined; + onDragEndCapture?: ((event: React_2.DragEvent) => void) | undefined; + onDragEnter?: ((event: React_2.DragEvent) => void) | undefined; + onDragEnterCapture?: ((event: React_2.DragEvent) => void) | undefined; + onDragExit?: ((event: React_2.DragEvent) => void) | undefined; + onDragExitCapture?: ((event: React_2.DragEvent) => void) | undefined; + onDragLeave?: ((event: React_2.DragEvent) => void) | undefined; + onDragLeaveCapture?: ((event: React_2.DragEvent) => void) | undefined; + onDragOver?: ((event: React_2.DragEvent) => void) | undefined; + onDragOverCapture?: ((event: React_2.DragEvent) => void) | undefined; + onDragStart?: ((event: React_2.DragEvent) => void) | undefined; + onDragStartCapture?: ((event: React_2.DragEvent) => void) | undefined; + onDrop?: ((event: React_2.DragEvent) => void) | undefined; + onDropCapture?: ((event: React_2.DragEvent) => void) | undefined; + onMouseDown?: ((event: React_2.MouseEvent) => void) | undefined; + onMouseDownCapture?: ((event: React_2.MouseEvent) => void) | undefined; + onMouseEnter?: ((event: React_2.MouseEvent) => void) | undefined; + onMouseLeave?: ((event: React_2.MouseEvent) => void) | undefined; + onMouseMove?: ((event: React_2.MouseEvent) => void) | undefined; + onMouseMoveCapture?: ((event: React_2.MouseEvent) => void) | undefined; + onMouseOut?: ((event: React_2.MouseEvent) => void) | undefined; + onMouseOutCapture?: ((event: React_2.MouseEvent) => void) | undefined; + onMouseOver?: ((event: React_2.MouseEvent) => void) | undefined; + onMouseOverCapture?: ((event: React_2.MouseEvent) => void) | undefined; + onMouseUp?: ((event: React_2.MouseEvent) => void) | undefined; + onMouseUpCapture?: ((event: React_2.MouseEvent) => void) | undefined; + onSelect?: ((event: React_2.SyntheticEvent) => void) | undefined; + onSelectCapture?: ((event: React_2.SyntheticEvent) => void) | undefined; + onTouchCancel?: ((event: React_2.TouchEvent) => void) | undefined; + onTouchCancelCapture?: ((event: React_2.TouchEvent) => void) | undefined; + onTouchEnd?: ((event: React_2.TouchEvent) => void) | undefined; + onTouchEndCapture?: ((event: React_2.TouchEvent) => void) | undefined; + onTouchMove?: ((event: React_2.TouchEvent) => void) | undefined; + onTouchMoveCapture?: ((event: React_2.TouchEvent) => void) | undefined; + onTouchStart?: ((event: React_2.TouchEvent) => void) | undefined; + onTouchStartCapture?: ((event: React_2.TouchEvent) => void) | undefined; + onPointerDown?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerDownCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerMove?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerMoveCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerUp?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerUpCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerCancel?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerCancelCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerEnter?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerEnterCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerLeave?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerLeaveCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerOver?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerOverCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerOut?: ((event: React_2.PointerEvent) => void) | undefined; + onPointerOutCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onGotPointerCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onGotPointerCaptureCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onLostPointerCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onLostPointerCaptureCapture?: ((event: React_2.PointerEvent) => void) | undefined; + onScroll?: ((event: React_2.UIEvent) => void) | undefined; + onScrollCapture?: ((event: React_2.UIEvent) => void) | undefined; + onWheel?: ((event: React_2.WheelEvent) => void) | undefined; + onWheelCapture?: ((event: React_2.WheelEvent) => void) | undefined; + onAnimationStart?: ((event: React_2.AnimationEvent) => void) | undefined; + onAnimationStartCapture?: ((event: React_2.AnimationEvent) => void) | undefined; + onAnimationEnd?: ((event: React_2.AnimationEvent) => void) | undefined; + onAnimationEndCapture?: ((event: React_2.AnimationEvent) => void) | undefined; + onAnimationIteration?: ((event: React_2.AnimationEvent) => void) | undefined; + onAnimationIterationCapture?: ((event: React_2.AnimationEvent) => void) | undefined; + onTransitionEnd?: ((event: React_2.TransitionEvent) => void) | undefined; + onTransitionEndCapture?: ((event: React_2.TransitionEvent) => void) | undefined; }; container: { className: string; @@ -366,7 +354,7 @@ export const useSlider: (props: ISliderProps, ref: React.Ref) => disabled: boolean; }; thumb: { - ref: React.RefObject; + ref: React_2.RefObject; className: string; style: { [x: string]: string; @@ -397,7 +385,7 @@ export const useSlider: (props: ISliderProps, ref: React.Ref) => }; }; sliderLine: { - ref: React.RefObject; + ref: React_2.RefObject; className: string; }; }; diff --git a/packages/react-slider/package.json b/packages/react-slider/package.json index 365e6d8a9b434..18a6976cb1ece 100644 --- a/packages/react-slider/package.json +++ b/packages/react-slider/package.json @@ -41,7 +41,7 @@ "@fluentui/react-hooks": "^8.1.2", "@fluentui/style-utilities": "^8.0.4", "@fluentui/utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-tabs/etc/react-tabs.api.md b/packages/react-tabs/etc/react-tabs.api.md index 4d17d849b8db1..f251cae88885a 100644 --- a/packages/react-tabs/etc/react-tabs.api.md +++ b/packages/react-tabs/etc/react-tabs.api.md @@ -11,20 +11,20 @@ import { IRenderFunction } from '@fluentui/utilities'; import { IStyle } from '@fluentui/style-utilities'; import { IStyleFunctionOrObject } from '@fluentui/utilities'; import { ITheme } from '@fluentui/style-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public export type TabFormatType = 'links' | 'tabs'; // @public (undocumented) -export class TabItem extends React.Component { +export class TabItem extends React_2.Component { constructor(props: TabItemProps); // (undocumented) render(): JSX.Element; } // @public (undocumented) -export interface TabItemProps extends React.HTMLAttributes { +export interface TabItemProps extends React_2.HTMLAttributes { alwaysRender?: boolean; ariaLabel?: string; componentRef?: IRefObject<{}>; @@ -40,10 +40,10 @@ export interface TabItemProps extends React.HTMLAttributes { } // @public -export const Tabs: React.FunctionComponent; +export const Tabs: React_2.FunctionComponent; // @public (undocumented) -export const TabsBase: React.FunctionComponent; +export const TabsBase: React_2.FunctionComponent; // @public (undocumented) export interface TabsImperativeHandle { @@ -54,13 +54,13 @@ export interface TabsImperativeHandle { export type TabSizeType = 'normal' | 'large'; // @public (undocumented) -export interface TabsProps extends React.HTMLAttributes, React.RefAttributes { +export interface TabsProps extends React_2.HTMLAttributes, React_2.RefAttributes { className?: string; - componentRef?: React.RefObject; + componentRef?: React_2.RefObject; defaultSelectedKey?: string; getTabId?: (itemKey: string, index: number) => string; headersOnly?: boolean; - onTabClick?: (item?: TabItem, ev?: React.MouseEvent) => void; + onTabClick?: (item?: TabItem, ev?: React_2.MouseEvent) => void; overflowBehavior?: 'none' | 'menu'; selectedKey?: string | null; styles?: IStyleFunctionOrObject; diff --git a/packages/react-tabs/package.json b/packages/react-tabs/package.json index 89f5defcb83ed..9b2b4d58cd924 100644 --- a/packages/react-tabs/package.json +++ b/packages/react-tabs/package.json @@ -40,7 +40,7 @@ "@fluentui/react-hooks": "^8.1.2", "@fluentui/style-utilities": "^8.0.4", "@fluentui/utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-tabster/etc/react-tabster.api.md b/packages/react-tabster/etc/react-tabster.api.md index c99c44c1a5c3e..46d788f51e93e 100644 --- a/packages/react-tabster/etc/react-tabster.api.md +++ b/packages/react-tabster/etc/react-tabster.api.md @@ -4,10 +4,12 @@ ```ts +import { TabsterAttributeProps } from 'tabster/dist/Types'; +import { TabsterDOMAttribute } from 'tabster/dist/Types'; import { Types } from 'tabster'; // @public -export const useArrowNavigationGroup: (options?: UseArrowNavigationGroupOptions | undefined) => Types.TabsterDOMAttribute; +export const useArrowNavigationGroup: (options?: UseArrowNavigationGroupOptions | undefined) => string | Types.TabsterDOMAttribute | undefined; // @public (undocumented) export interface UseArrowNavigationGroupOptions { @@ -23,16 +25,7 @@ export const useFocusFinders: () => { }; // @public -export const useTabsterAttributes: (props: Partial<{ - deloser: import("tabster/dist/Types").DeloserBasicProps; - root: import("tabster/dist/Types").RootBasicProps; - modalizer: import("tabster/dist/Types").ModalizerBasicProps; - focusable: import("tabster/dist/Types").FocusableProps; - groupper: import("tabster/dist/Types").GroupperBasicProps; - uberGroupper: true; - observed: import("tabster/dist/Types").ObservedElementBasicProps; - outline: import("tabster/dist/Types").OutlinedElementProps; -}> | null, plain?: false | undefined) => import("tabster/dist/Types").TabsterDOMAttribute; +export const useTabsterAttributes: (props: TabsterAttributeProps | null, plain?: true | false | undefined) => string | undefined | TabsterDOMAttribute; // (No @packageDocumentation comment for this package) diff --git a/packages/react-tabster/package.json b/packages/react-tabster/package.json index 33f0a47ed8003..9197b6563f45b 100644 --- a/packages/react-tabster/package.json +++ b/packages/react-tabster/package.json @@ -35,7 +35,7 @@ "@fluentui/react-shared-contexts": "^9.0.0-alpha.6", "@fluentui/react-utilities": "^9.0.0-alpha.18", "tabster": "^0.5.6", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-tabster/src/hooks/useTabsterAttributes.ts b/packages/react-tabster/src/hooks/useTabsterAttributes.ts index d9ccc47348a44..fdf7c92e08514 100644 --- a/packages/react-tabster/src/hooks/useTabsterAttributes.ts +++ b/packages/react-tabster/src/hooks/useTabsterAttributes.ts @@ -1,14 +1,19 @@ import { getTabsterAttribute } from 'tabster'; +import { TabsterDOMAttribute, TabsterAttributeProps } from 'tabster/dist/Types'; import { useTabster } from './useTabster'; /** * Hook that returns tabster attributes while ensuring tabster exists * @param args - same arguments as `getTabsterAttribute` */ -export const useTabsterAttributes = (...args: Parameters) => { +export const useTabsterAttributes = ( + props: TabsterAttributeProps | null, + plain?: true | false | undefined, +): string | undefined | TabsterDOMAttribute => { // A tabster instance is not necessary to generate tabster attributes // but calling the hook will ensure that a tabster instance exists internally and avoids consumers doing the same useTabster(); - return getTabsterAttribute(...args); + // eslint-disable-next-line + return (getTabsterAttribute as any)(props, plain); }; diff --git a/packages/react-text/etc/react-text.api.md b/packages/react-text/etc/react-text.api.md index 3a768706f3879..519f2786064e7 100644 --- a/packages/react-text/etc/react-text.api.md +++ b/packages/react-text/etc/react-text.api.md @@ -5,27 +5,29 @@ ```ts import { ComponentProps } from '@fluentui/react-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public export const renderText: (state: TextProps) => JSX.Element; // @public (undocumented) -export const Text: React.ForwardRefExoticComponent>; +const Text_2: React_2.FunctionComponent>; + +export { Text_2 as Text } // @public (undocumented) -export interface TextProps extends ComponentProps, React.HTMLAttributes { +export interface TextProps extends ComponentProps, React_2.HTMLAttributes { variant?: 'caption' | 'body' | 'subHeadline' | 'headline' | 'title1' | 'title2' | 'title3' | 'largeTitle' | 'display'; } // @public (undocumented) export interface TextState extends TextProps { // (undocumented) - ref: React.RefObject; + ref: React_2.RefObject; } // @public -export const useText: (props: TextProps, ref: React.Ref, defaultProps?: TextProps | undefined) => TextState; +export const useText: (props: TextProps, ref: React_2.Ref, defaultProps?: TextProps | undefined) => TextState; // @public (undocumented) export function useTextStyles(state: TextState): TextState; diff --git a/packages/react-text/package.json b/packages/react-text/package.json index a50ce6bd2b94d..8791745497bcc 100644 --- a/packages/react-text/package.json +++ b/packages/react-text/package.json @@ -41,7 +41,7 @@ "dependencies": { "@fluentui/react-make-styles": "^9.0.0-alpha.25", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-text/src/components/Text/Text.ts b/packages/react-text/src/components/Text/Text.ts index b4f66e4dd5bf1..b83c57cb97dc4 100644 --- a/packages/react-text/src/components/Text/Text.ts +++ b/packages/react-text/src/components/Text/Text.ts @@ -5,7 +5,10 @@ import { TextProps } from './Text.types'; import { useText } from './useText'; import { useTextStyles } from './useTextStyles'; -export const Text = React.forwardRef((props, ref) => { +export const Text: React.FunctionComponent> = React.forwardRef< + HTMLElement, + TextProps +>((props, ref) => { const state = useText(props, ref); useTextStyles(state); diff --git a/packages/react-theme-provider/etc/react-theme-provider.api.md b/packages/react-theme-provider/etc/react-theme-provider.api.md index 41ad795b67b92..fec39d3ae11ae 100644 --- a/packages/react-theme-provider/etc/react-theme-provider.api.md +++ b/packages/react-theme-provider/etc/react-theme-provider.api.md @@ -6,7 +6,7 @@ import { ComponentProps } from '@fluentui/react-utilities'; import { PartialTheme } from '@fluentui/react-theme'; -import * as React from 'react'; +import * as React_2 from 'react'; import { Theme } from '@fluentui/react-theme'; import { useTheme } from '@fluentui/react-shared-contexts'; @@ -14,10 +14,10 @@ import { useTheme } from '@fluentui/react-shared-contexts'; export function renderThemeProvider(state: ThemeProviderState): JSX.Element; // @public (undocumented) -export const ThemeProvider: React.ForwardRefExoticComponent>; +export const ThemeProvider: React_2.ForwardRefExoticComponent>; // @public (undocumented) -export interface ThemeProviderProps extends ComponentProps, React.HTMLAttributes { +export interface ThemeProviderProps extends ComponentProps, React_2.HTMLAttributes { targetDocument?: Document | undefined; // (undocumented) theme?: PartialTheme | Theme; @@ -28,7 +28,7 @@ export const themeProviderShorthandProps: (keyof ThemeProviderProps)[]; // @public (undocumented) export interface ThemeProviderState extends ThemeProviderProps { - ref: React.MutableRefObject; + ref: React_2.MutableRefObject; // (undocumented) theme: Theme; } @@ -36,7 +36,7 @@ export interface ThemeProviderState extends ThemeProviderProps { export { useTheme } // @public -export const useThemeProvider: (props: ThemeProviderProps, ref: React.Ref, defaultProps?: ThemeProviderProps | undefined) => ThemeProviderState; +export const useThemeProvider: (props: ThemeProviderProps, ref: React_2.Ref, defaultProps?: ThemeProviderProps | undefined) => ThemeProviderState; // (No @packageDocumentation comment for this package) diff --git a/packages/react-theme-provider/package.json b/packages/react-theme-provider/package.json index 4de247f497f3d..99303c8a1b9cf 100644 --- a/packages/react-theme-provider/package.json +++ b/packages/react-theme-provider/package.json @@ -46,7 +46,7 @@ "@fluentui/react-shared-contexts": "^9.0.0-alpha.6", "@fluentui/react-theme": "^9.0.0-alpha.8", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-theme/package.json b/packages/react-theme/package.json index 7034e5ebd1c10..fca28a9e7cd14 100644 --- a/packages/react-theme/package.json +++ b/packages/react-theme/package.json @@ -30,7 +30,7 @@ "react-dom": "16.8.6" }, "dependencies": { - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-toggle/etc/react-toggle.api.md b/packages/react-toggle/etc/react-toggle.api.md index 23f2b0ec71f2c..cf392834c48fc 100644 --- a/packages/react-toggle/etc/react-toggle.api.md +++ b/packages/react-toggle/etc/react-toggle.api.md @@ -11,7 +11,7 @@ import { IRefObject } from '@fluentui/utilities'; import { IStyle } from '@fluentui/style-utilities'; import { IStyleFunctionOrObject } from '@fluentui/utilities'; import { ITheme } from '@fluentui/style-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public (undocumented) export interface IToggle { @@ -24,9 +24,9 @@ export interface IToggleOptions { } // @public -export interface IToggleProps extends React.HTMLAttributes, React.RefAttributes { +export interface IToggleProps extends React_2.HTMLAttributes, React_2.RefAttributes { ariaLabel?: string; - as?: IComponentAs> | React.ElementType; + as?: IComponentAs> | React_2.ElementType; checked?: boolean; componentRef?: IRefObject; defaultChecked?: boolean; @@ -38,7 +38,7 @@ export interface IToggleProps extends React.HTMLAttributes, React.R offText?: string; // @deprecated (undocumented) onAriaLabel?: string; - onChange?: (event: React.MouseEvent, checked?: boolean) => void; + onChange?: (event: React_2.MouseEvent, checked?: boolean) => void; // @deprecated (undocumented) onChanged?: (checked: boolean) => void; onText?: string; @@ -77,13 +77,13 @@ export interface IToggleStyles { } // @public (undocumented) -export const Toggle: React.FunctionComponent; +export const Toggle: React_2.FunctionComponent; // @public (undocumented) export const ToggleBase: ComponentWithAs<'div', IToggleProps>; // @public (undocumented) -export const useToggle: (props: IToggleProps, ref: React.Ref, options: ComposePreparedOptions<{}, any, {}>) => any; +export const useToggle: (props: IToggleProps, ref: React_2.Ref, options: ComposePreparedOptions) => any; // (No @packageDocumentation comment for this package) diff --git a/packages/react-toggle/package.json b/packages/react-toggle/package.json index 48d12f541ebda..99f824fb26ecb 100644 --- a/packages/react-toggle/package.json +++ b/packages/react-toggle/package.json @@ -40,7 +40,7 @@ "@fluentui/react-hooks": "^8.1.2", "@fluentui/style-utilities": "^8.0.4", "@fluentui/utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-tooltip/etc/react-tooltip.api.md b/packages/react-tooltip/etc/react-tooltip.api.md index ef3e8e3b912c3..9e7276ca72473 100644 --- a/packages/react-tooltip/etc/react-tooltip.api.md +++ b/packages/react-tooltip/etc/react-tooltip.api.md @@ -8,31 +8,22 @@ import { Alignment } from '@fluentui/react-positioning'; import { ComponentProps } from '@fluentui/react-utilities'; import { ComponentState } from '@fluentui/react-utilities'; import { Position } from '@fluentui/react-positioning'; -import * as React from 'react'; +import * as React_2 from 'react'; import { RequiredProps } from '@fluentui/react-utilities'; import { ResolvedShorthandProps } from '@fluentui/react-utilities'; import { ShorthandProps } from '@fluentui/react-utilities'; // @public (undocumented) -export const internal__TooltipContext: React.Context; +export const internal__TooltipContext: React_2.Context; // @public -export const renderTooltip: (state: import("@fluentui/react-utilities").ComponentState, import("./Tooltip.types").TooltipProps & { - visible: boolean; -}, "arrow", import("./Tooltip.types").TooltipDefaultedProps>) => JSX.Element; +export const renderTooltip: (state: TooltipState) => JSX.Element; // @public -export const renderTooltipProvider: (state: import("@fluentui/react-utilities").ComponentState, import("./TooltipProvider.types").TooltipProviderProps & { - tooltipManager: import("./useTooltipManager").TooltipManager; - tooltipContainer: HTMLElement | undefined; -}, never, never>) => JSX.Element; +export const renderTooltipProvider: (state: TooltipProviderState) => JSX.Element; // @public -export const renderTooltipTrigger: (state: import("@fluentui/react-utilities").RequiredProps; -}, "tooltip">, "tooltip">) => JSX.Element; +export const renderTooltipTrigger: (state: TooltipTriggerState) => JSX.Element; // @public export type ShowTooltipArgs = { @@ -44,11 +35,11 @@ export type ShowTooltipArgs = { }; // @public -export const Tooltip: React.ForwardRefExoticComponent>; +export const Tooltip: React_2.ForwardRefExoticComponent>; // @public export type TooltipContext = { - TooltipComponent: React.FC>; + TooltipComponent: React_2.FC>; tooltipManager: TooltipManager | undefined; tooltipContainer: HTMLElement | undefined; }; @@ -72,10 +63,10 @@ export interface TooltipManager { } // @public (undocumented) -export interface TooltipProps extends ComponentProps, React.HTMLAttributes { +export interface TooltipProps extends ComponentProps, React_2.HTMLAttributes { align?: Alignment; - arrow?: ShorthandProps & React.RefAttributes>; - componentRef?: React.Ref; + arrow?: ShorthandProps & React_2.RefAttributes>; + componentRef?: React_2.Ref; noArrow?: boolean; offset?: number; position?: Position; @@ -83,14 +74,14 @@ export interface TooltipProps extends ComponentProps, React.HTMLAttributes>; +export const TooltipProvider: React_2.ForwardRefExoticComponent>; // @public (undocumented) -export interface TooltipProviderProps extends ComponentProps, React.HTMLAttributes { +export interface TooltipProviderProps extends ComponentProps, React_2.HTMLAttributes { } // @public (undocumented) -export type TooltipProviderState = ComponentState, TooltipProviderProps & { +export type TooltipProviderState = ComponentState, TooltipProviderProps & { tooltipManager: TooltipManager; tooltipContainer: HTMLElement | undefined; }>; @@ -102,26 +93,26 @@ export type TooltipShorthandProps = 'arrow'; export const tooltipShorthandProps: TooltipShorthandProps[]; // @public (undocumented) -export type TooltipState = ComponentState, TooltipProps & { +export type TooltipState = ComponentState, TooltipProps & { visible: boolean; }, TooltipShorthandProps, TooltipDefaultedProps>; // @public -export const TooltipTrigger: React.FunctionComponent; +export const TooltipTrigger: React_2.FunctionComponent; // @public -export type TooltipTriggerChildProps = Pick, 'onPointerEnter' | 'onPointerLeave' | 'onFocus' | 'onBlur' | 'aria-describedby' | 'aria-labelledby'>; +export type TooltipTriggerChildProps = Pick, 'onPointerEnter' | 'onPointerLeave' | 'onFocus' | 'onBlur' | 'aria-describedby' | 'aria-labelledby'>; // @public export type TooltipTriggerDefaultedProps = 'tooltip'; // @public (undocumented) export interface TooltipTriggerProps extends Pick { - children: React.ReactElement> | ((props: TooltipTriggerChildProps) => React.ReactNode); + children: React_2.ReactElement> | ((props: TooltipTriggerChildProps) => React_2.ReactNode); hideDelay?: number; onlyIfTruncated?: boolean; showDelay?: number; - targetRef?: React.RefObject; + targetRef?: React_2.RefObject; tooltip: ShorthandProps; type?: 'description' | 'label'; } @@ -136,13 +127,11 @@ export const tooltipTriggerShorthandProps: readonly ["tooltip"]; export type TooltipTriggerState = RequiredProps; + tooltipRef: React_2.MutableRefObject; }, TooltipTriggerShorthandProps>, TooltipTriggerDefaultedProps>; // @public -export const useTooltip: (props: TooltipProps, ref: React.Ref, defaultProps?: TooltipProps | undefined) => import("@fluentui/react-utilities").ComponentState, TooltipProps & { - visible: boolean; -}, "arrow", import("./Tooltip.types").TooltipDefaultedProps>; +export const useTooltip: (props: TooltipProps, ref: React_2.Ref, defaultProps?: TooltipProps | undefined) => TooltipState; // @public (undocumented) export const useTooltipContext: () => TooltipContext; @@ -151,24 +140,13 @@ export const useTooltipContext: () => TooltipContext; export const useTooltipManager: () => TooltipManager; // @public -export const useTooltipProvider: (props: TooltipProviderProps, ref: React.Ref, defaultProps?: TooltipProviderProps | undefined) => import("@fluentui/react-utilities").ComponentState, TooltipProviderProps & { - tooltipManager: import("./useTooltipManager").TooltipManager; - tooltipContainer: HTMLElement | undefined; -}, never, never>; +export const useTooltipProvider: (props: TooltipProviderProps, ref: React_2.Ref, defaultProps?: TooltipProviderProps | undefined) => TooltipProviderState; // @public -export const useTooltipStyles: (state: import("@fluentui/react-utilities").ComponentState, import("./Tooltip.types").TooltipProps & { - visible: boolean; -}, "arrow", import("./Tooltip.types").TooltipDefaultedProps>) => import("@fluentui/react-utilities").ComponentState, import("./Tooltip.types").TooltipProps & { - visible: boolean; -}, "arrow", import("./Tooltip.types").TooltipDefaultedProps>; +export const useTooltipStyles: (state: TooltipState) => TooltipState; // @public -export const useTooltipTrigger: (props: TooltipTriggerProps, defaultProps?: TooltipTriggerProps | undefined) => import("@fluentui/react-utilities").RequiredProps; -}, "tooltip">, "tooltip">; +export const useTooltipTrigger: (props: TooltipTriggerProps, defaultProps?: TooltipTriggerProps | undefined) => TooltipTriggerState; // (No @packageDocumentation comment for this package) diff --git a/packages/react-tooltip/package.json b/packages/react-tooltip/package.json index 956c3e2c99c83..54047f38ad529 100644 --- a/packages/react-tooltip/package.json +++ b/packages/react-tooltip/package.json @@ -45,7 +45,7 @@ "@fluentui/react-theme": "^9.0.0-alpha.8", "@fluentui/react-theme-provider": "^9.0.0-alpha.24", "@fluentui/react-utilities": "^9.0.0-alpha.18", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-utilities/etc/react-utilities.api.md b/packages/react-utilities/etc/react-utilities.api.md index 7142c6b29101d..c272d85567ff9 100644 --- a/packages/react-utilities/etc/react-utilities.api.md +++ b/packages/react-utilities/etc/react-utilities.api.md @@ -4,7 +4,7 @@ ```ts -import * as React from 'react'; +import * as React_2 from 'react'; // @public export const anchorProperties: Record; @@ -21,14 +21,14 @@ export const baseElementProperties: Record; // @public (undocumented) export interface BaseSlots { // (undocumented) - root: React.ElementType; + root: React_2.ElementType; } // @public export const buttonProperties: Record; // @public (undocumented) -export type ChangeCallback | undefined> = (ev: TEvent, newValue: TValue | undefined) => void; +export type ChangeCallback | undefined> = (ev: TEvent, newValue: TValue | undefined) => void; // @public export type ClassDictionary = Record; @@ -42,24 +42,24 @@ export const colProperties: Record; // @public (undocumented) export interface ComponentProps { // (undocumented) - as?: React.ElementType; + as?: React_2.ElementType; // (undocumented) - children?: React.ReactNode; + children?: React_2.ReactNode; // (undocumented) className?: string; } // @public export type ComponentState = never> = RequiredProps, DefaultedProps> & { - as?: React.ElementType; + as?: React_2.ElementType; ref: RefType; }; // @public (undocumented) -export function createDescendantContext(name: string, initialValue?: {}): React.Context>; +export function createDescendantContext(name: string, initialValue?: {}): React_2.Context>; // @public (undocumented) -export function createNamedContext(name: string, defaultValue: ContextValueType): React.Context; +export function createNamedContext(name: string, defaultValue: ContextValueType): React_2.Context; // @public (undocumented) export type Descendant = { @@ -79,10 +79,10 @@ export interface DescendantContextValue { // @public (undocumented) export const DescendantProvider: >({ context: Ctx, children, items, set, }: { - context: React.Context>; - children: React.ReactNode; + context: React_2.Context>; + children: React_2.ReactNode; items: DescendantType[]; - set: React.Dispatch>; + set: React_2.Dispatch>; }) => JSX.Element; // @public @@ -95,13 +95,13 @@ export const formProperties: Record; export type GenericDictionary = Record; // @public -export function getNativeElementProps>(tagName: string, props: {}, excludedPropNames?: string[]): TAttributes; +export function getNativeElementProps>(tagName: string, props: {}, excludedPropNames?: string[]): TAttributes; // @public export function getNativeProps>(props: Record, allowedPropNames: string[] | Record, excludedPropNames?: string[]): T; // @public -export const getSlots: (state: Record, slotNames?: readonly string[] | undefined) => { +export const getSlots: (state: GenericDictionary, slotNames?: readonly string[] | undefined) => { slots: Record; slotProps: Record; }; @@ -134,7 +134,7 @@ export const liProperties: Record; export const makeMergeProps: (options?: MergePropsOptions) => (target: TState, ...propSets: (Partial | undefined)[]) => TState; // @public @deprecated -export const makeMergePropsCompat: >(options?: MergePropsOptions> | undefined) => (target: Record, ...propSets: (Record | undefined)[]) => TState; +export const makeMergePropsCompat: >(options?: MergePropsOptions> | undefined) => (target: GenericDictionary, ...propSets: (GenericDictionary | undefined)[]) => TState; // @public (undocumented) export type MergePropsOptions = { @@ -159,7 +159,7 @@ export function omit>(obj: TObj, exclusions: (k export const optionProperties: Record; // @public -export type RefObjectFunction = React.RefObject & ((value: T) => void); +export type RefObjectFunction = React_2.RefObject & ((value: T) => void); // @public export type RequiredProps = Omit & { @@ -178,16 +178,16 @@ export const resolveShorthandProps: ; // @public (undocumented) -export type ShorthandProps = React.ReactChild | React.ReactNodeArray | React.ReactPortal | boolean | number | null | undefined | ObjectShorthandProps; +export type ShorthandProps = React_2.ReactChild | React_2.ReactNodeArray | React_2.ReactPortal | boolean | number | null | undefined | ObjectShorthandProps; // @public (undocumented) -export type ShorthandRenderFunction = (Component: React.ElementType, props: TProps) => React.ReactNode; +export type ShorthandRenderFunction = (Component: React_2.ElementType, props: TProps) => React_2.ReactNode; // @public -export function shouldPreventDefaultOnKeyDown(e: KeyboardEvent | React.KeyboardEvent): boolean; +export function shouldPreventDefaultOnKeyDown(e: KeyboardEvent | React_2.KeyboardEvent): boolean; // @public (undocumented) -export type SlotProps> = { +export type SlotProps> = { [key in keyof Omit]: key extends keyof TProps ? TProps[key] : any; } & { root: TRootProps; @@ -224,16 +224,16 @@ export function useConst(initialValue: T | (() => T)): T; // Warning: (ae-forgotten-export) The symbol "DefaultValue" needs to be exported by the entry point index.d.ts // // @public -export function useControllableValue(controlledValue: TValue, defaultUncontrolledValue: DefaultValue): Readonly<[TValue, (update: React.SetStateAction) => void]>; +export function useControllableValue(controlledValue: TValue, defaultUncontrolledValue: DefaultValue): Readonly<[TValue, (update: React_2.SetStateAction) => void]>; // @public (undocumented) -export function useControllableValue | undefined>(controlledValue: TValue, defaultUncontrolledValue: DefaultValue, onChange: ChangeCallback): Readonly<[TValue, (update: React.SetStateAction, ev?: React.FormEvent) => void]>; +export function useControllableValue | undefined>(controlledValue: TValue, defaultUncontrolledValue: DefaultValue, onChange: ChangeCallback): Readonly<[TValue, (update: React_2.SetStateAction, ev?: React_2.FormEvent) => void]>; // @public -export function useDescendant(descendant: Omit, context: React.Context>, indexProp?: number): number; +export function useDescendant(descendant: Omit, context: React_2.Context>, indexProp?: number): number; // @public -export function useDescendantKeyDown(context: React.Context>, options: { +export function useDescendantKeyDown(context: React_2.Context>, options: { currentIndex: number | null | undefined; key?: K | 'option'; filter?: (descendant: DescendantType) => boolean; @@ -241,13 +241,13 @@ export function useDescendantKeyDown) => void; +}): (event: React_2.KeyboardEvent) => void; // @public (undocumented) -export function useDescendants(ctx: React.Context>): DescendantType[]; +export function useDescendants(ctx: React_2.Context>): DescendantType[]; // @public (undocumented) -export function useDescendantsInit(): [DescendantType[], React.Dispatch>]; +export function useDescendantsInit(): [DescendantType[], React_2.Dispatch>]; // @public export const useEventCallback: (fn: (...args: Args) => Return) => (...args: Args) => Return; @@ -262,10 +262,10 @@ export function useForceUpdate(): () => void; export function useId(prefix?: string, providedId?: string): string; // @public -export const useIsomorphicLayoutEffect: typeof React.useEffect; +export const useIsomorphicLayoutEffect: typeof React_2.useEffect; // @public -export function useMergedRefs(...refs: (React.Ref | undefined)[]): RefObjectFunction; +export function useMergedRefs(...refs: (React_2.Ref | undefined)[]): RefObjectFunction; // @public export const useOnClickOutside: (options: UseOnClickOutsideOptions) => void; @@ -273,7 +273,7 @@ export const useOnClickOutside: (options: UseOnClickOutsideOptions) => void; // @public (undocumented) export type UseOnClickOutsideOptions = { element: Document | undefined; - refs: React.MutableRefObject[]; + refs: React_2.MutableRefObject[]; callback: (ev: MouseEvent | TouchEvent) => void; }; diff --git a/packages/react-utilities/package.json b/packages/react-utilities/package.json index edbd5fd010cca..797a8c0ed8553 100644 --- a/packages/react-utilities/package.json +++ b/packages/react-utilities/package.json @@ -35,7 +35,7 @@ }, "dependencies": { "@fluentui/keyboard-key": "^0.2.16", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-utilities/tsconfig.json b/packages/react-utilities/tsconfig.json index beb1660276af8..e36d9ae0d1cbf 100644 --- a/packages/react-utilities/tsconfig.json +++ b/packages/react-utilities/tsconfig.json @@ -1,4 +1,5 @@ { + "extends": "../../tsconfig.base.json", "compilerOptions": { "baseUrl": ".", "outDir": "dist", diff --git a/packages/react-window-provider/etc/react-window-provider.api.md b/packages/react-window-provider/etc/react-window-provider.api.md index 202a9c0491b56..0dff36edaecd2 100644 --- a/packages/react-window-provider/etc/react-window-provider.api.md +++ b/packages/react-window-provider/etc/react-window-provider.api.md @@ -4,7 +4,7 @@ ```ts -import * as React from 'react'; +import * as React_2 from 'react'; // @public export const useDocument: () => Document | undefined; @@ -13,10 +13,10 @@ export const useDocument: () => Document | undefined; export const useWindow: () => Window | undefined; // @public -export const WindowContext: React.Context; +export const WindowContext: React_2.Context; // @public -export const WindowProvider: React.FunctionComponent; +export const WindowProvider: React_2.FunctionComponent; // @public export type WindowProviderProps = { diff --git a/packages/react-window-provider/package.json b/packages/react-window-provider/package.json index c1da2d067b084..be4538b2f8c3b 100644 --- a/packages/react-window-provider/package.json +++ b/packages/react-window-provider/package.json @@ -32,7 +32,7 @@ }, "dependencies": { "@fluentui/set-version": "^8.0.2", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react/etc/react.api.md b/packages/react/etc/react.api.md index 3d65eb10179b2..bd411c1fb8e54 100644 --- a/packages/react/etc/react.api.md +++ b/packages/react/etc/react.api.md @@ -40,24 +40,24 @@ 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 * as React_2 from 'react'; import { ReactNode } from 'react'; import { Rectangle } from '@fluentui/utilities'; -import { Selection } from '@fluentui/utilities'; +import { Selection as Selection_2 } from '@fluentui/utilities'; import { SELECTION_CHANGE } from '@fluentui/utilities'; import { SelectionDirection } from '@fluentui/utilities'; -import { SelectionMode } from '@fluentui/utilities'; +import { SelectionMode as SelectionMode_2 } from '@fluentui/utilities'; import { Target } from '@fluentui/react-hooks'; import { Theme } from '@fluentui/theme'; // @public (undocumented) -export class ActionButton extends React.Component { +export class ActionButton extends React_2.Component { // (undocumented) render(): JSX.Element; } // @public (undocumented) -export class ActivityItem extends React.Component { +export class ActivityItem extends React_2.Component { constructor(props: IActivityItemProps); // (undocumented) render(): JSX.Element; @@ -73,10 +73,10 @@ export enum AnimationDirection { } // @public (undocumented) -export const Announced: React.FunctionComponent; +export const Announced: React_2.FunctionComponent; // @public (undocumented) -export class AnnouncedBase extends React.Component { +export class AnnouncedBase extends React_2.Component { // (undocumented) static defaultProps: Partial; // (undocumented) @@ -84,7 +84,7 @@ export class AnnouncedBase extends React.Component { } // @public (undocumented) -export class Autofill extends React.Component implements IAutofill { +export class Autofill extends React_2.Component implements IAutofill { constructor(props: IAutofillProps); // (undocumented) clear(): void; @@ -121,7 +121,7 @@ export class Autofill extends React.Component im } // @public (undocumented) -export class BaseButton extends React.Component implements IButton { +export class BaseButton extends React_2.Component implements IButton { constructor(props: IBaseButtonProps); // (undocumented) componentDidMount(): void; @@ -146,7 +146,7 @@ export class BaseExtendedPeoplePicker extends BaseExtendedPicker> extends React.Component> implements IBaseExtendedPicker { +export class BaseExtendedPicker> extends React_2.Component> implements IBaseExtendedPicker { constructor(basePickerProps: P); // (undocumented) protected canAddItems(): boolean; @@ -155,7 +155,7 @@ export class BaseExtendedPicker> extend // (undocumented) componentDidMount(): void; // (undocumented) - floatingPicker: React.RefObject>>; + floatingPicker: React_2.RefObject>>; // (undocumented) protected get floatingPickerProps(): IBaseFloatingPickerProps; // (undocumented) @@ -163,23 +163,23 @@ export class BaseExtendedPicker> extend // (undocumented) get highlightedItems(): T[]; // (undocumented) - protected input: React.RefObject; + protected input: React_2.RefObject; // (undocumented) get inputElement(): HTMLInputElement | null; // (undocumented) get items(): any; // (undocumented) - protected onBackspace: (ev: React.KeyboardEvent) => void; + protected onBackspace: (ev: React_2.KeyboardEvent) => void; // (undocumented) - protected onCopy: (ev: React.ClipboardEvent) => void; + protected onCopy: (ev: React_2.ClipboardEvent) => void; // (undocumented) protected onInputChange: (value: string, composing?: boolean | undefined) => void; // (undocumented) - protected onInputClick: (ev: React.MouseEvent) => void; + protected onInputClick: (ev: React_2.MouseEvent) => void; // (undocumented) - protected onInputFocus: (ev: React.FocusEvent) => void; + protected onInputFocus: (ev: React_2.FocusEvent) => void; // (undocumented) - protected onPaste: (ev: React.ClipboardEvent) => void; + protected onPaste: (ev: React_2.ClipboardEvent) => void; // (undocumented) protected _onSelectedItemsChanged: () => void; // (undocumented) @@ -193,13 +193,13 @@ export class BaseExtendedPicker> extend // (undocumented) protected renderSelectedItemsList(): JSX.Element; // (undocumented) - protected root: React.RefObject; + protected root: React_2.RefObject; // (undocumented) - selectedItemsList: React.RefObject>>; + selectedItemsList: React_2.RefObject>>; // (undocumented) protected get selectedItemsListProps(): IBaseSelectedItemsListProps; // (undocumented) - protected selection: Selection; + protected selection: Selection_2; } // @public (undocumented) @@ -207,7 +207,7 @@ export class BaseFloatingPeoplePicker extends BaseFloatingPicker> extends React.Component implements IBaseFloatingPicker { +export class BaseFloatingPicker> extends React_2.Component implements IBaseFloatingPicker { constructor(basePickerProps: P); // (undocumented) completeSuggestion: () => void; @@ -240,15 +240,15 @@ export class BaseFloatingPicker> extend // (undocumented) protected onSelectionChange(): void; // (undocumented) - protected onSuggestionClick: (ev: React.MouseEvent, item: T, index: number) => void; + protected onSuggestionClick: (ev: React_2.MouseEvent, item: T, index: number) => void; // (undocumented) - protected onSuggestionRemove: (ev: React.MouseEvent, item: T, index: number) => void; + protected onSuggestionRemove: (ev: React_2.MouseEvent, item: T, index: number) => void; // (undocumented) render(): JSX.Element; // (undocumented) protected renderSuggestions(): JSX.Element | null; // (undocumented) - protected root: React.RefObject; + protected root: React_2.RefObject; // (undocumented) protected selection: Selection; // (undocumented) @@ -256,7 +256,7 @@ export class BaseFloatingPicker> extend // (undocumented) get suggestions(): any[]; // (undocumented) - protected suggestionsControl: React.RefObject>; + protected suggestionsControl: React_2.RefObject>; // (undocumented) protected SuggestionsControlOfProperType: new (props: ISuggestionsControlProps) => SuggestionsControl; // (undocumented) @@ -280,7 +280,7 @@ export class BasePeopleSelectedItemsList extends BaseSelectedItemsList> extends React.Component implements IBasePicker { +export class BasePicker> extends React_2.Component implements IBasePicker { constructor(basePickerProps: P); // (undocumented) protected addItem: (item: T) => void; @@ -317,41 +317,41 @@ export class BasePicker> extends React.Componen // (undocumented) protected getSuggestionsAlert(suggestionAlertClassName?: string): JSX.Element | undefined; // (undocumented) - protected input: React.RefObject; + protected input: React_2.RefObject; // (undocumented) get items(): T[]; // (undocumented) - protected onBackspace(ev: React.KeyboardEvent): void; + protected onBackspace(ev: React_2.KeyboardEvent): void; // (undocumented) - protected onBlur: (ev: React.FocusEvent) => void; + protected onBlur: (ev: React_2.FocusEvent) => void; // (undocumented) protected onChange(items?: T[]): void; - protected onClick: (ev: React.MouseEvent) => void; + protected onClick: (ev: React_2.MouseEvent) => void; protected onEmptyInputFocus(): void; // (undocumented) protected onFocus: () => void; // (undocumented) protected onGetMoreResults: () => void; // (undocumented) - protected onInputBlur: (ev: React.FocusEvent) => void; + protected onInputBlur: (ev: React_2.FocusEvent) => void; // (undocumented) protected onInputChange: (value: string) => void; // (undocumented) - protected onInputFocus: (ev: React.FocusEvent) => void; + protected onInputFocus: (ev: React_2.FocusEvent) => void; // (undocumented) protected onItemChange: (changedItem: T, index: number) => void; // (undocumented) - protected onKeyDown: (ev: React.KeyboardEvent) => void; + protected onKeyDown: (ev: React_2.KeyboardEvent) => void; // (undocumented) protected onSelectionChange(): void; // (undocumented) - protected onSuggestionClick: (ev: React.MouseEvent, item: any, index: number) => void; + protected onSuggestionClick: (ev: React_2.MouseEvent, item: any, index: number) => void; // (undocumented) - protected onSuggestionRemove: (ev: React.MouseEvent, item: T, index: number) => void; + protected onSuggestionRemove: (ev: React_2.MouseEvent, item: T, index: number) => void; // (undocumented) protected onSuggestionSelect(): void; // (undocumented) - refocusSuggestions: (keyCode: number) => void; + refocusSuggestions: (keyCode: KeyCodes) => void; // (undocumented) protected removeItem: (item: IPickerItemProps, focusNextItem?: boolean | undefined) => void; // (undocumented) @@ -367,13 +367,13 @@ export class BasePicker> extends React.Componen // (undocumented) protected resolveNewValue(updatedValue: string, suggestions: T[]): void; // (undocumented) - protected root: React.RefObject; + protected root: React_2.RefObject; // (undocumented) - protected selection: Selection; + protected selection: Selection_2; // @deprecated (undocumented) - protected _shouldFocusZoneEnterInnerZone: (ev: React.KeyboardEvent) => boolean; + protected _shouldFocusZoneEnterInnerZone: (ev: React_2.KeyboardEvent) => boolean; // (undocumented) - protected suggestionElement: React.RefObject>; + protected suggestionElement: React_2.RefObject>; // @deprecated (undocumented) protected SuggestionOfProperType: new (props: ISuggestionsProps) => Suggestions; // (undocumented) @@ -389,13 +389,13 @@ export class BasePicker> extends React.Componen // @public (undocumented) export class BasePickerListBelow> extends BasePicker { // (undocumented) - protected onBackspace(ev: React.KeyboardEvent): void; + protected onBackspace(ev: React_2.KeyboardEvent): void; // (undocumented) render(): JSX.Element; } // @public (undocumented) -export class BaseSelectedItemsList> extends React.Component> implements IBaseSelectedItemsList { +export class BaseSelectedItemsList> extends React_2.Component> implements IBaseSelectedItemsList { constructor(basePickerProps: P); // (undocumented) addItems: (items: T[]) => void; @@ -418,7 +418,7 @@ export class BaseSelectedItemsList> // (undocumented) protected onChange(items?: T[]): void; // (undocumented) - onCopy: (ev: React.ClipboardEvent) => void; + onCopy: (ev: React_2.ClipboardEvent) => void; // (undocumented) protected onItemChange: (changedItem: T, index: number) => void; // (undocumented) @@ -440,7 +440,7 @@ export class BaseSelectedItemsList> // (undocumented) protected root: HTMLElement; // (undocumented) - protected get selection(): Selection; + protected get selection(): Selection_2; // (undocumented) unselectAll(): void; updateItems(items: T[], focusIndex?: number): void; @@ -457,10 +457,10 @@ export enum BaseSlots { } // @public (undocumented) -export const Breadcrumb: React.FunctionComponent; +export const Breadcrumb: React_2.FunctionComponent; // @public (undocumented) -export class BreadcrumbBase extends React.Component { +export class BreadcrumbBase extends React_2.Component { constructor(props: IBreadcrumbProps); // (undocumented) static defaultProps: IBreadcrumbProps; @@ -470,20 +470,20 @@ export class BreadcrumbBase extends React.Component { } // @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[]; +export function buildColumns(items: any[], canResizeColumns?: boolean, onColumnClick?: (ev: React_2.MouseEvent, column: IColumn) => void, sortedColumnKey?: string, isSortedDescending?: boolean, groupedColumnKey?: string, isMultiline?: boolean): IColumn[]; // @public export function buildKeytipConfigMap(config: IKeytipConfig): IKeytipConfigMap; // @public @deprecated -export class Button extends React.Component { +export class Button extends React_2.Component { constructor(props: IButtonProps); // (undocumented) render(): JSX.Element; } // @public (undocumented) -export const ButtonGrid: React.FunctionComponent; +export const ButtonGrid: React_2.FunctionComponent; // @public (undocumented) export const ButtonGridCell: >(props: IButtonGridCellProps) => JSX.Element; @@ -507,31 +507,31 @@ export enum ButtonType { } // @public (undocumented) -export const Calendar: React.FunctionComponent; +export const Calendar: React_2.FunctionComponent; // @public (undocumented) -export const Callout: React.FunctionComponent; +export const Callout: React_2.FunctionComponent; // @public (undocumented) -export const CalloutContent: React.FunctionComponent; +export const CalloutContent: React_2.FunctionComponent; // @public (undocumented) -export const CalloutContentBase: React.FunctionComponent; +export const CalloutContentBase: React_2.FunctionComponent; // @public export function canAnyMenuItemsCheck(items: IContextualMenuItem[]): boolean; // @public (undocumented) -export const Check: React.FunctionComponent; +export const Check: React_2.FunctionComponent; // @public (undocumented) -export const CheckBase: React.FunctionComponent; +export const CheckBase: React_2.FunctionComponent; // @public (undocumented) -export const Checkbox: React.FunctionComponent; +export const Checkbox: React_2.FunctionComponent; // @public (undocumented) -export const CheckboxBase: React.FunctionComponent; +export const CheckboxBase: React_2.FunctionComponent; // @public (undocumented) export enum CheckboxVisibility { @@ -541,25 +541,25 @@ export enum CheckboxVisibility { } // @public (undocumented) -export const ChoiceGroup: React.FunctionComponent; +export const ChoiceGroup: React_2.FunctionComponent; // @public (undocumented) -export const ChoiceGroupBase: React.FunctionComponent; +export const ChoiceGroupBase: React_2.FunctionComponent; // @public (undocumented) -export const ChoiceGroupOption: React.FunctionComponent; +export const ChoiceGroupOption: React_2.FunctionComponent; // @public export function clamp(value: number, max: number, min?: number): number; // @public (undocumented) -export const Coachmark: React.FunctionComponent; +export const Coachmark: React_2.FunctionComponent; // @public (undocumented) export const COACHMARK_ATTRIBUTE_NAME = "data-coachmarkid"; // @public (undocumented) -export const CoachmarkBase: React.FunctionComponent; +export const CoachmarkBase: React_2.FunctionComponent; // @public (undocumented) export enum CollapseAllVisibility { @@ -570,10 +570,10 @@ export enum CollapseAllVisibility { } // @public (undocumented) -export const ColorPicker: React.FunctionComponent; +export const ColorPicker: React_2.FunctionComponent; // @public (undocumented) -export class ColorPickerBase extends React.Component implements IColorPicker { +export class ColorPickerBase extends React_2.Component implements IColorPicker { constructor(props: IColorPickerProps); // (undocumented) get color(): IColor; @@ -586,10 +586,10 @@ export class ColorPickerBase extends React.Component; +export const ColorPickerGridCell: React_2.FunctionComponent; // @public (undocumented) -export const ColorPickerGridCellBase: React.FunctionComponent; +export const ColorPickerGridCellBase: React_2.FunctionComponent; // @public export enum ColumnActionsMode { @@ -606,13 +606,13 @@ export enum ColumnDragEndLocation { } // @public (undocumented) -export const ComboBox: React.FunctionComponent; +export const ComboBox: React_2.FunctionComponent; // @public (undocumented) -export const CommandBar: React.FunctionComponent; +export const CommandBar: React_2.FunctionComponent; // @public (undocumented) -export class CommandBarBase extends React.Component implements ICommandBar { +export class CommandBarBase extends React_2.Component implements ICommandBar { constructor(props: ICommandBarProps); // (undocumented) static defaultProps: ICommandBarProps; @@ -625,7 +625,7 @@ export class CommandBarBase extends React.Component implem } // @public (undocumented) -export class CommandBarButton extends React.Component { +export class CommandBarButton extends React_2.Component { // (undocumented) render(): JSX.Element; } @@ -634,7 +634,7 @@ export class CommandBarButton extends React.Component { export const CommandButton: typeof ActionButton; // @public (undocumented) -export const CompactPeoplePicker: React.FunctionComponent; +export const CompactPeoplePicker: React_2.FunctionComponent; // @public export class CompactPeoplePickerBase extends BasePeoplePicker { @@ -646,7 +646,7 @@ export class CompactPeoplePickerBase extends BasePeoplePicker { } // @public (undocumented) -export class CompoundButton extends React.Component { +export class CompoundButton extends React_2.Component { // (undocumented) render(): JSX.Element; } @@ -661,16 +661,16 @@ export enum ConstrainMode { export function constructKeytip(configMap: IKeytipConfigMap, parentSequence: string[], keytip: IKeytipConfigItem): void; // @public -export const ContextualMenu: React.FunctionComponent; +export const ContextualMenu: React_2.FunctionComponent; // @public (undocumented) -export const ContextualMenuBase: React.FunctionComponent; +export const ContextualMenuBase: React_2.FunctionComponent; // @public -export const ContextualMenuItem: React.FunctionComponent; +export const ContextualMenuItem: React_2.FunctionComponent; // @public (undocumented) -export class ContextualMenuItemBase extends React.Component { +export class ContextualMenuItemBase extends React_2.Component { constructor(props: IContextualMenuItemProps); // (undocumented) dismissMenu: (dismissAll?: boolean | undefined) => void; @@ -705,7 +705,7 @@ export function correctRGB(color: IRGB): IRGB; // @public (undocumented) export function createGenericItem(name: string, currentValidationState: ValidationState): IGenericItem & { - key: React.Key; + key: React_2.Key; }; // @public (undocumented) @@ -724,10 +724,10 @@ export const DATAKTP_EXECUTE_TARGET = "data-ktp-execute-target"; export const DATAKTP_TARGET = "data-ktp-target"; // @public (undocumented) -export const DatePicker: React.FunctionComponent; +export const DatePicker: React_2.FunctionComponent; // @public (undocumented) -export const DatePickerBase: React.FunctionComponent; +export const DatePickerBase: React_2.FunctionComponent; export { DateRangeType } @@ -746,7 +746,7 @@ export const DEFAULT_ROW_HEIGHTS: { }; // @public (undocumented) -export class DefaultButton extends React.Component { +export class DefaultButton extends React_2.Component { // (undocumented) render(): JSX.Element; } @@ -770,7 +770,7 @@ export const defaultWeeklyDayPickerNavigationIcons: IWeeklyDayPickerNavigationIc export const defaultWeeklyDayPickerStrings: IWeeklyDayPickerStrings; // @public -export class DetailsColumnBase extends React.Component { +export class DetailsColumnBase extends React_2.Component { constructor(props: IDetailsColumnProps); // (undocumented) componentDidMount(): void; @@ -783,10 +783,10 @@ export class DetailsColumnBase extends React.Component { } // @public (undocumented) -export const DetailsHeader: React.FunctionComponent; +export const DetailsHeader: React_2.FunctionComponent; // @public (undocumented) -export class DetailsHeaderBase extends React.Component implements IDetailsHeader { +export class DetailsHeaderBase extends React_2.Component implements IDetailsHeader { constructor(props: IDetailsHeaderBaseProps); // (undocumented) componentDidMount(): void; @@ -806,10 +806,10 @@ export class DetailsHeaderBase extends React.Component; +export const DetailsList: React_2.FunctionComponent; // @public (undocumented) -export class DetailsListBase extends React.Component implements IDetailsList { +export class DetailsListBase extends React_2.Component implements IDetailsList { constructor(props: IDetailsListProps); // (undocumented) componentDidUpdate(prevProps: IDetailsListProps, prevState: IDetailsListState): void; @@ -818,7 +818,7 @@ export class DetailsListBase extends React.Component; +export const DetailsRow: React_2.FunctionComponent; // @public (undocumented) -export class DetailsRowBase extends React.Component { +export class DetailsRowBase extends React_2.Component { constructor(props: IDetailsRowBaseProps); // (undocumented) componentDidMount(): void; @@ -873,10 +873,10 @@ export class DetailsRowBase extends React.Component; +export const DetailsRowCheck: React_2.FunctionComponent; // @public -export const DetailsRowFields: React.FunctionComponent; +export const DetailsRowFields: React_2.FunctionComponent; // @public (undocumented) export const DetailsRowGlobalClassNames: { @@ -896,10 +896,10 @@ export const DetailsRowGlobalClassNames: { }; // @public (undocumented) -export const Dialog: React.FunctionComponent; +export const Dialog: React_2.FunctionComponent; // @public (undocumented) -export class DialogBase extends React.Component { +export class DialogBase extends React_2.Component { constructor(props: IDialogProps); // (undocumented) static defaultProps: IDialogProps; @@ -908,10 +908,10 @@ export class DialogBase extends React.Component { } // @public (undocumented) -export const DialogContent: React.FunctionComponent; +export const DialogContent: React_2.FunctionComponent; // @public (undocumented) -export class DialogContentBase extends React.Component { +export class DialogContentBase extends React_2.Component { constructor(props: IDialogContentProps); // (undocumented) static defaultProps: IDialogContentProps; @@ -920,10 +920,10 @@ export class DialogContentBase extends React.Component } // @public (undocumented) -export const DialogFooter: React.FunctionComponent; +export const DialogFooter: React_2.FunctionComponent; // @public (undocumented) -export class DialogFooterBase extends React.Component { +export class DialogFooterBase extends React_2.Component { constructor(props: IDialogFooterProps); // (undocumented) render(): JSX.Element; @@ -958,34 +958,34 @@ export const DirectionalHint: { export type DirectionalHint = typeof DirectionalHint[keyof typeof DirectionalHint]; // @public (undocumented) -export const DocumentCard: React.FunctionComponent; +export const DocumentCard: React_2.FunctionComponent; // @public (undocumented) -export const DocumentCardActions: React.FunctionComponent; +export const DocumentCardActions: React_2.FunctionComponent; // @public (undocumented) -export const DocumentCardActivity: React.FunctionComponent; +export const DocumentCardActivity: React_2.FunctionComponent; // @public (undocumented) -export const DocumentCardDetails: React.FunctionComponent; +export const DocumentCardDetails: React_2.FunctionComponent; // @public (undocumented) -export const DocumentCardImage: React.FunctionComponent; +export const DocumentCardImage: React_2.FunctionComponent; // @public (undocumented) -export const DocumentCardLocation: React.FunctionComponent; +export const DocumentCardLocation: React_2.FunctionComponent; // @public (undocumented) -export const DocumentCardLogo: React.FunctionComponent; +export const DocumentCardLogo: React_2.FunctionComponent; // @public (undocumented) -export const DocumentCardPreview: React.FunctionComponent; +export const DocumentCardPreview: React_2.FunctionComponent; // @public (undocumented) -export const DocumentCardStatus: React.FunctionComponent; +export const DocumentCardStatus: React_2.FunctionComponent; // @public (undocumented) -export const DocumentCardTitle: React.FunctionComponent; +export const DocumentCardTitle: React_2.FunctionComponent; // @public (undocumented) export enum DocumentCardType { @@ -1008,10 +1008,10 @@ export class DragDropHelper implements IDragDropHelper { } // @public (undocumented) -export const Dropdown: React.FunctionComponent; +export const Dropdown: React_2.FunctionComponent; // @public (undocumented) -export const DropdownBase: React.FunctionComponent; +export const DropdownBase: React_2.FunctionComponent; // @public (undocumented) export enum ElementType { @@ -1020,10 +1020,10 @@ export enum ElementType { } // @public (undocumented) -export const ExpandingCard: React.FunctionComponent; +export const ExpandingCard: React_2.FunctionComponent; // @public (undocumented) -export class ExpandingCardBase extends React.Component { +export class ExpandingCardBase extends React_2.Component { constructor(props: IExpandingCardProps); // (undocumented) componentDidMount(): void; @@ -1050,19 +1050,19 @@ export class ExtendedPeoplePicker extends BaseExtendedPeoplePicker { } // @public (undocumented) -export class ExtendedSelectedItem extends React.Component { +export class ExtendedSelectedItem extends React_2.Component { constructor(props: ISelectedPeopleItemProps); // (undocumented) - protected persona: React.RefObject; + protected persona: React_2.RefObject; // (undocumented) render(): JSX.Element; } // @public @deprecated (undocumented) -export const Fabric: React.FunctionComponent; +export const Fabric: React_2.FunctionComponent; // @public (undocumented) -export const FabricBase: React.FunctionComponent; +export const FabricBase: React_2.FunctionComponent; // @public (undocumented) export enum FabricSlots { @@ -1113,10 +1113,10 @@ export enum FabricSlots { } // @public -export const Facepile: React.FunctionComponent; +export const Facepile: React_2.FunctionComponent; // @public -export class FacepileBase extends React.Component { +export class FacepileBase extends React_2.Component { constructor(props: IFacepileProps); // (undocumented) static defaultProps: IFacepileProps; @@ -1135,15 +1135,15 @@ export class FloatingPeoplePicker extends BaseFloatingPeoplePicker { } // @public -export const FocusTrapCallout: React.FunctionComponent; +export const FocusTrapCallout: React_2.FunctionComponent; // @public (undocumented) -export const FocusTrapZone: React.FunctionComponent & { +export const FocusTrapZone: React_2.FunctionComponent & { focusStack: string[]; }; // @public -export const FontIcon: React.FunctionComponent; +export const FontIcon: React_2.FunctionComponent; // @public (undocumented) export function getAllSelectedOptions(options: ISelectableOption[], selectedIndices: number[]): ISelectableOption[]; @@ -1173,7 +1173,7 @@ export function getContrastRatio(color1: IColor, color2: IColor): number; export const getDetailsRowStyles: (props: IDetailsRowStyleProps) => IDetailsRowStyles; // @public -export const getFontIcon: (iconName: string, className?: string | undefined, ariaLabel?: string | undefined) => React.ReactElement | null; +export const getFontIcon: (iconName: string, className?: string | undefined, ariaLabel?: string | undefined) => React_2.ReactElement | null; // @public export function getFullColorString(color: IColor): string; @@ -1202,7 +1202,7 @@ export const getNextResizeGroupStateProvider: (measurementCache?: { addMeasurementToCache: (data: any, measurement: number) => void; }) => { getNextState: (props: IResizeGroupProps, currentState: IResizeGroupState, getElementToMeasureDimension: () => number, newContainerDimension?: number | undefined) => IResizeGroupState | undefined; - shouldRenderDataForMeasurement: (dataToMeasure: any) => boolean; + shouldRenderDataForMeasurement: (dataToMeasure: any | undefined) => boolean; getInitialResizeGroupState: (data: any) => IResizeGroupState; }; @@ -1225,16 +1225,16 @@ export const getSplitButtonClassNames: (styles: IButtonStyles, disabled: boolean export function getSubmenuItems(item: IContextualMenuItem): IContextualMenuItem[] | undefined; // @public (undocumented) -export const GroupedList: React.FunctionComponent; +export const GroupedList: React_2.FunctionComponent; // @public (undocumented) -export class GroupedListBase extends React.Component implements IGroupedList { +export class GroupedListBase extends React_2.Component implements IGroupedList { constructor(props: IGroupedListProps); // (undocumented) componentDidMount(): void; // (undocumented) static defaultProps: { - selectionMode: SelectionMode; + selectionMode: SelectionMode_2; isHeaderVisible: boolean; groupProps: {}; compact: boolean; @@ -1254,7 +1254,7 @@ export class GroupedListBase extends React.Component { +export class GroupedListSection extends React_2.Component { constructor(props: IGroupedListSectionProps); // (undocumented) componentDidMount(): void; @@ -1271,25 +1271,25 @@ export class GroupedListSection extends React.Component; +export const GroupFooter: React_2.FunctionComponent; // @public (undocumented) -export const GroupHeader: React.FunctionComponent; +export const GroupHeader: React_2.FunctionComponent; // @public (undocumented) -export const GroupShowAll: React.FunctionComponent; +export const GroupShowAll: React_2.FunctionComponent; // @public (undocumented) -export const GroupSpacer: React.FunctionComponent; +export const GroupSpacer: React_2.FunctionComponent; // @public export const HEX_REGEX: RegExp; // @public (undocumented) -export const HoverCard: React.FunctionComponent; +export const HoverCard: React_2.FunctionComponent; // @public (undocumented) -export class HoverCardBase extends React.Component implements IHoverCard { +export class HoverCardBase extends React_2.Component implements IHoverCard { constructor(props: IHoverCardProps); // (undocumented) componentDidMount(): void; @@ -1345,16 +1345,16 @@ export interface IAccessiblePopupProps { } // @public (undocumented) -export interface IActivityItemProps extends React.AllHTMLAttributes { - activityDescription?: React.ReactNode[] | React.ReactNode; +export interface IActivityItemProps extends React_2.AllHTMLAttributes { + activityDescription?: React_2.ReactNode[] | React_2.ReactNode; // @deprecated activityDescriptionText?: string; - activityIcon?: React.ReactNode; + activityIcon?: React_2.ReactNode; activityPersonas?: IPersonaSharedProps[]; animateBeaconSignal?: boolean; beaconColorOne?: string; beaconColorTwo?: string; - comments?: React.ReactNode[] | React.ReactNode; + comments?: React_2.ReactNode[] | React_2.ReactNode; // @deprecated commentText?: string; isCompact?: boolean; @@ -1363,7 +1363,7 @@ export interface IActivityItemProps extends React.AllHTMLAttributes onRenderIcon?: IRenderFunction; onRenderTimeStamp?: IRenderFunction; styles?: IActivityItemStyles; - timeStamp?: string | React.ReactNode[] | React.ReactNode; + timeStamp?: string | React_2.ReactNode[] | React_2.ReactNode; } // @public (undocumented) @@ -1387,9 +1387,9 @@ export interface IActivityItemStyles { } // @public (undocumented) -export interface IAnnouncedProps extends React.Props, React.HTMLAttributes { +export interface IAnnouncedProps extends React_2.Props, React_2.HTMLAttributes { 'aria-live'?: 'off' | 'polite' | 'assertive'; - as?: React.ElementType; + as?: React_2.ElementType; message?: string; styles?: IStyleFunctionOrObject<{}, IAnnouncedStyles>; } @@ -1416,7 +1416,7 @@ export interface IAutofill { } // @public (undocumented) -export interface IAutofillProps extends React.InputHTMLAttributes { +export interface IAutofillProps extends React_2.InputHTMLAttributes { componentRef?: IRefObject; defaultVisibleValue?: string; enableAutofillOnKeyPress?: KeyCodes[]; @@ -1469,15 +1469,15 @@ export interface IBaseExtendedPickerProps { headerComponent?: JSX.Element; inputProps?: IInputProps; itemLimit?: number; - onBlur?: React.FocusEventHandler; + onBlur?: React_2.FocusEventHandler; onChange?: (items?: T[]) => void; - onFocus?: React.FocusEventHandler; + onFocus?: React_2.FocusEventHandler; onItemAdded?: (addedItem: T) => void; onItemSelected?: (selectedItem?: T) => T | PromiseLike; onItemsRemoved?: (removedItems: T[]) => void; onPaste?: (pastedText: string) => T[]; - onRenderFloatingPicker: React.ComponentType>; - onRenderSelectedItems: React.ComponentType>; + onRenderFloatingPicker: React_2.ComponentType>; + onRenderSelectedItems: React_2.ComponentType>; selectedItems?: T[]; selectedItemsListProps: IBaseSelectedItemsListProps; suggestionItems?: T[]; @@ -1500,7 +1500,7 @@ export interface IBaseFloatingPicker { } // @public (undocumented) -export interface IBaseFloatingPickerProps extends React.ClassAttributes { +export interface IBaseFloatingPickerProps extends React_2.ClassAttributes { calloutWidth?: number; className?: string; // (undocumented) @@ -1551,7 +1551,7 @@ export interface IBasePicker { } // @public -export interface IBasePickerProps extends React.Props { +export interface IBasePickerProps extends React_2.Props { ['aria-label']?: string; className?: string; componentRef?: IRefObject>; @@ -1562,14 +1562,14 @@ export interface IBasePickerProps extends React.Props { getTextFromItem?: (item: T, currentValue?: string) => string; inputProps?: IInputProps; itemLimit?: number; - onBlur?: React.FocusEventHandler; + onBlur?: React_2.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; + onFocus?: React_2.FocusEventHandler; onGetMoreResults?: (filter: string, selectedItems?: T[]) => T[] | PromiseLike; onInputChange?: (input: string) => string; onItemSelected?: (selectedItem?: T) => T | PromiseLike | null; @@ -1643,7 +1643,7 @@ export interface IBaseSelectedItemsList { } // @public (undocumented) -export interface IBaseSelectedItemsListProps extends React.ClassAttributes { +export interface IBaseSelectedItemsListProps extends React_2.ClassAttributes { canRemoveItem?: (item: T) => boolean; // (undocumented) componentRef?: IRefObject>; @@ -1658,7 +1658,7 @@ export interface IBaseSelectedItemsListProps extends React.ClassAttributes) => JSX.Element; removeButtonAriaLabel?: string; selectedItems?: T[]; - selection?: Selection; + selection?: Selection_2; } // @public (undocumented) @@ -1686,18 +1686,18 @@ export interface IBreadcrumbData { } // @public (undocumented) -export interface IBreadcrumbItem extends React.AllHTMLAttributes { +export interface IBreadcrumbItem extends React_2.AllHTMLAttributes { as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'a'; href?: string; isCurrentItem?: boolean; key: string; - onClick?: (ev?: React.MouseEvent, item?: IBreadcrumbItem) => void; + onClick?: (ev?: React_2.MouseEvent, item?: IBreadcrumbItem) => void; role?: string; text: string; } // @public (undocumented) -export interface IBreadcrumbProps extends React.HTMLAttributes { +export interface IBreadcrumbProps extends React_2.HTMLAttributes { ariaLabel?: string; className?: string; componentRef?: IRefObject; @@ -1792,18 +1792,18 @@ export interface IButtonGridCellProps { 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; + onKeyDown?: (ev: React_2.KeyboardEvent) => void; + onMouseEnter?: (ev: React_2.MouseEvent) => boolean; + onMouseLeave?: (ev: React_2.MouseEvent) => void; + onMouseMove?: (ev: React_2.MouseEvent) => boolean; onRenderItem: (item: T) => JSX.Element; - onWheel?: (ev: React.MouseEvent) => void; + onWheel?: (ev: React_2.MouseEvent) => void; role?: string; selected?: boolean; } // @public (undocumented) -export interface IButtonGridProps extends React.TableHTMLAttributes, React.RefAttributes { +export interface IButtonGridProps extends React_2.TableHTMLAttributes, React_2.RefAttributes { ariaPosInSet?: number; ariaSetSize?: number; columnCount: number; @@ -1836,7 +1836,7 @@ export interface IButtonGridStyles { } // @public (undocumented) -export interface IButtonProps extends React.AllHTMLAttributes { +export interface IButtonProps extends React_2.AllHTMLAttributes { allowDisabledFocus?: boolean; ariaDescription?: string; ariaHidden?: boolean; @@ -1852,7 +1852,7 @@ export interface IButtonProps extends React.AllHTMLAttributes; + elementRef?: React_2.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; @@ -1863,7 +1863,7 @@ export interface IButtonProps extends React.AllHTMLAttributes void; - onMenuClick?: (ev?: React.MouseEvent | React.KeyboardEvent, button?: IButtonProps) => void; + onMenuClick?: (ev?: React_2.MouseEvent | React_2.KeyboardEvent, button?: IButtonProps) => void; onRenderAriaDescription?: IRenderFunction; onRenderChildren?: IRenderFunction; onRenderDescription?: IRenderFunction; @@ -1879,7 +1879,7 @@ export interface IButtonProps extends React.AllHTMLAttributes | React.AnchorHTMLAttributes; + rootProps?: React_2.ButtonHTMLAttributes | React_2.AnchorHTMLAttributes; secondaryText?: string; split?: boolean; splitButtonAriaLabel?: string; @@ -2166,7 +2166,7 @@ export interface ICalendarPickerStyles { } // @public (undocumented) -export interface ICalendarProps extends IBaseProps, React.RefAttributes { +export interface ICalendarProps extends IBaseProps, React_2.RefAttributes { allFocusable?: boolean; calendarDayProps?: Partial; calendarMonthProps?: Partial; @@ -2254,8 +2254,8 @@ export interface ICalendarYearProps extends IBaseProps { navigatedYear?: number; navigationIcons?: ICalendarNavigationIcons; onHeaderSelect?: (focus: boolean) => void; - onRenderTitle?: (props: ICalendarYearHeaderProps) => React.ReactNode; - onRenderYear?: (year: number) => React.ReactNode; + onRenderTitle?: (props: ICalendarYearHeaderProps) => React_2.ReactNode; + onRenderYear?: (year: number) => React_2.ReactNode; onSelectYear?: (year: number) => void; selectedYear?: number; strings?: ICalendarYearStrings; @@ -2338,7 +2338,7 @@ export interface ICalloutPositionProps extends IPositionProps { } // @public (undocumented) -export interface ICalloutProps extends React.HTMLAttributes, React.RefAttributes { +export interface ICalloutProps extends React_2.HTMLAttributes, React_2.RefAttributes { alignTargetEdge?: boolean; ariaDescribedBy?: string; ariaLabel?: string; @@ -2363,12 +2363,12 @@ export interface ICalloutProps extends React.HTMLAttributes, Rea isBeakVisible?: boolean; layerProps?: ILayerProps; minPagePadding?: number; - onDismiss?: (ev?: Event | React.MouseEvent | React.KeyboardEvent) => void; + onDismiss?: (ev?: Event | React_2.MouseEvent | React_2.KeyboardEvent) => void; onLayerMounted?: () => void; onPositioned?: (positions?: ICalloutPositionedInfo) => void; onRestoreFocus?: (params: IPopupRestoreFocusParams) => void; onScroll?: () => void; - preventDismissOnEvent?: (ev: Event | React.FocusEvent | React.KeyboardEvent | React.MouseEvent) => boolean; + preventDismissOnEvent?: (ev: Event | React_2.FocusEvent | React_2.KeyboardEvent | React_2.MouseEvent) => boolean; // @deprecated preventDismissOnLostFocus?: boolean; // @deprecated @@ -2381,7 +2381,7 @@ export interface ICalloutProps extends React.HTMLAttributes, Rea // @deprecated shouldRestoreFocus?: boolean; shouldUpdateWhenHidden?: boolean; - style?: React.CSSProperties; + style?: React_2.CSSProperties; styles?: IStyleFunctionOrObject; target?: Target; theme?: ITheme; @@ -2405,7 +2405,7 @@ export interface ICheckbox { } // @public -export interface ICheckboxProps extends React.RefAttributes { +export interface ICheckboxProps extends React_2.RefAttributes { ariaDescribedBy?: string; ariaLabel?: string; ariaLabelledBy?: string; @@ -2421,10 +2421,10 @@ export interface ICheckboxProps extends React.RefAttributes { disabled?: boolean; id?: string; indeterminate?: boolean; - inputProps?: React.ButtonHTMLAttributes; + inputProps?: React_2.ButtonHTMLAttributes; label?: string; name?: string; - onChange?: (ev?: React.FormEvent, checked?: boolean) => void; + onChange?: (ev?: React_2.FormEvent, checked?: boolean) => void; onRenderLabel?: IRenderFunction; required?: boolean; styles?: IStyleFunctionOrObject; @@ -2461,7 +2461,7 @@ export interface ICheckboxStyles { } // @public (undocumented) -export interface ICheckProps extends React.RefAttributes { +export interface ICheckProps extends React_2.RefAttributes { // @deprecated (undocumented) alwaysShowCheck?: boolean; checked?: boolean; @@ -2494,7 +2494,7 @@ export interface IChoiceGroup { } // @public (undocumented) -export interface IChoiceGroupOption extends Omit, 'checked'> { +export interface IChoiceGroupOption extends Omit, 'checked'> { ariaLabel?: string; disabled?: boolean; iconProps?: IIconProps; @@ -2523,9 +2523,9 @@ export interface IChoiceGroupOptionProps extends Omit 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; + onBlur?: (ev?: React_2.FocusEvent, props?: IChoiceGroupOptionProps) => void; + onChange?: (evt?: React_2.FormEvent, props?: IChoiceGroupOptionProps) => void; + onFocus?: (ev?: React_2.FocusEvent, props?: IChoiceGroupOptionProps) => void | undefined; required?: boolean; theme?: ITheme; } @@ -2568,12 +2568,12 @@ export interface IChoiceGroupOptionStyles { } // @public (undocumented) -export interface IChoiceGroupProps extends React.InputHTMLAttributes, React.RefAttributes { +export interface IChoiceGroupProps extends React_2.InputHTMLAttributes, React_2.RefAttributes { ariaLabelledBy?: string; componentRef?: IRefObject; defaultSelectedKey?: string | number; label?: string; - onChange?: (ev?: React.FormEvent, option?: IChoiceGroupOption) => void; + onChange?: (ev?: React_2.FormEvent, option?: IChoiceGroupOption) => void; options?: IChoiceGroupOption[]; selectedKey?: string | number; styles?: IStyleFunctionOrObject; @@ -2607,11 +2607,11 @@ export interface ICircle extends IShimmerElement { // @public (undocumented) export interface ICoachmark { - dismiss?: (ev?: Event | React.MouseEvent | React.KeyboardEvent) => void; + dismiss?: (ev?: Event | React_2.MouseEvent | React_2.KeyboardEvent) => void; } // @public -export interface ICoachmarkProps extends React.RefAttributes { +export interface ICoachmarkProps extends React_2.RefAttributes { ariaAlertText?: string; ariaDescribedBy?: string; ariaDescribedByText?: string; @@ -2623,7 +2623,7 @@ export interface ICoachmarkProps extends React.RefAttributes { beakHeight?: number; // @deprecated (undocumented) beakWidth?: number; - children?: React.ReactNode; + children?: React_2.ReactNode; className?: string; // @deprecated collapsed?: boolean; @@ -2638,7 +2638,7 @@ export interface ICoachmarkProps extends React.RefAttributes { mouseProximityOffset?: number; onAnimationOpenEnd?: () => void; onAnimationOpenStart?: () => void; - onDismiss?: (ev?: Event | React.MouseEvent | React.KeyboardEvent) => void; + onDismiss?: (ev?: Event | React_2.MouseEvent | React_2.KeyboardEvent) => void; onMouseMove?: (e: MouseEvent) => void; persistentBeak?: boolean; positioningContainerProps?: IPositioningContainerProps; @@ -2728,13 +2728,13 @@ export interface IColorPickerGridCellProps { // (undocumented) onHover?: (item?: IColorCellProps) => void; // (undocumented) - onKeyDown?: (ev: React.KeyboardEvent) => void; - onMouseEnter?: (ev: React.MouseEvent) => boolean; + onKeyDown?: (ev: React_2.KeyboardEvent) => void; + onMouseEnter?: (ev: React_2.MouseEvent) => boolean; // (undocumented) - onMouseLeave?: (ev: React.MouseEvent) => void; - onMouseMove?: (ev: React.MouseEvent) => boolean; + onMouseLeave?: (ev: React_2.MouseEvent) => void; + onMouseMove?: (ev: React_2.MouseEvent) => boolean; // (undocumented) - onWheel?: (ev: React.MouseEvent) => void; + onWheel?: (ev: React_2.MouseEvent) => void; selected: boolean; styles?: IStyleFunctionOrObject; theme?: ITheme; @@ -2775,7 +2775,7 @@ export interface IColorPickerProps { greenLabel?: string; // @deprecated hexLabel?: string; - onChange?: (ev: React.SyntheticEvent, color: IColor) => void; + onChange?: (ev: React_2.SyntheticEvent, color: IColor) => void; // @deprecated redLabel?: string; showPreview?: boolean; @@ -2845,7 +2845,7 @@ export interface IColorRectangleProps { color: IColor; componentRef?: IRefObject; minSize?: number; - onChange?: (ev: React.MouseEvent | React.KeyboardEvent, color: IColor) => void; + onChange?: (ev: React_2.MouseEvent | React_2.KeyboardEvent, color: IColor) => void; styles?: IStyleFunctionOrObject; theme?: ITheme; } @@ -2882,10 +2882,10 @@ export interface IColorSliderProps { maxValue?: number; // @deprecated minValue?: number; - onChange?: (event: React.MouseEvent | React.KeyboardEvent, newValue?: number) => void; + onChange?: (event: React_2.MouseEvent | React_2.KeyboardEvent, newValue?: number) => void; overlayColor?: string; // @deprecated - overlayStyle?: React.CSSProperties; + overlayStyle?: React_2.CSSProperties; styles?: IStyleFunctionOrObject; theme?: ITheme; // @deprecated @@ -2938,8 +2938,8 @@ export interface IColumn { maxWidth?: number; minWidth: number; name: string; - onColumnClick?: (ev: React.MouseEvent, column: IColumn) => void; - onColumnContextMenu?: (column?: IColumn, ev?: React.MouseEvent) => void; + onColumnClick?: (ev: React_2.MouseEvent, column: IColumn) => void; + onColumnContextMenu?: (column?: IColumn, ev?: React_2.MouseEvent) => void; onColumnResize?: (width?: number) => void; onRender?: (item?: any, index?: number, column?: IColumn) => any; onRenderDivider?: IRenderFunction; @@ -3038,7 +3038,7 @@ export interface IComboBoxOptionStyles extends IButtonStyles { } // @public (undocumented) -export interface IComboBoxProps extends ISelectableDroppableTextProps, React.RefAttributes { +export interface IComboBoxProps extends ISelectableDroppableTextProps, React_2.RefAttributes { allowFreeform?: boolean; ariaDescribedBy?: string; autoComplete?: 'on' | 'off'; @@ -3053,8 +3053,8 @@ export interface IComboBoxProps extends ISelectableDroppableTextProps, option?: IComboBoxOption, index?: number, value?: string) => void; - onItemClick?: (event: React.FormEvent, option?: IComboBoxOption, index?: number) => void; + onChange?: (event: React_2.FormEvent, option?: IComboBoxOption, index?: number, value?: string) => void; + onItemClick?: (event: React_2.FormEvent, option?: IComboBoxOption, index?: number) => void; onMenuDismiss?: () => void; onMenuDismissed?: () => void; onMenuOpen?: () => void; @@ -3132,7 +3132,7 @@ export interface ICommandBarItemProps extends IContextualMenuItem { } // @public (undocumented) -export interface ICommandBarProps extends React.HTMLAttributes { +export interface ICommandBarProps extends React_2.HTMLAttributes { ariaLabel?: string; buttonAs?: IComponentAs; className?: string; @@ -3172,17 +3172,17 @@ export interface ICommandBarStyles { } // @public -export const Icon: React.FunctionComponent; +export const Icon: React_2.FunctionComponent; // @public (undocumented) -export class IconBase extends React.Component { +export class IconBase extends React_2.Component { constructor(props: IIconProps); // (undocumented) render(): JSX.Element; } // @public (undocumented) -export class IconButton extends React.Component { +export class IconButton extends React_2.Component { // (undocumented) render(): JSX.Element; } @@ -3234,10 +3234,10 @@ export interface IContextualMenuItem { 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; + onClick?: (ev?: React_2.MouseEvent | React_2.KeyboardEvent, item?: IContextualMenuItem) => boolean | void; + onMouseDown?: (item: IContextualMenuItem, event: React_2.MouseEvent) => void; + onRender?: (item: any, dismissMenu: (ev?: any, dismissAll?: boolean) => void) => React_2.ReactNode; + onRenderContent?: (props: IContextualMenuItemProps, defaultRenders: IContextualMenuItemRenderFunctions) => React_2.ReactNode; onRenderIcon?: IRenderFunction; primaryDisabled?: boolean; rel?: string; @@ -3248,7 +3248,7 @@ export interface IContextualMenuItem { shortCut?: string; split?: boolean; // @deprecated - style?: React.CSSProperties; + style?: React_2.CSSProperties; submenuIconProps?: IIconProps; subMenuProps?: IContextualMenuProps; target?: string; @@ -3257,7 +3257,7 @@ export interface IContextualMenuItem { } // @public (undocumented) -export interface IContextualMenuItemProps extends React.HTMLAttributes { +export interface IContextualMenuItemProps extends React_2.HTMLAttributes { className?: string; classNames: IMenuItemClassNames; componentRef?: IRefObject; @@ -3267,7 +3267,7 @@ export interface IContextualMenuItemProps extends React.HTMLAttributes) => void; + onCheckmarkClick?: (item: IContextualMenuItem, ev: React_2.MouseEvent) => void; openSubMenu?: (item: any, target: HTMLElement) => void; styles?: IStyleFunctionOrObject; theme?: ITheme; @@ -3275,11 +3275,11 @@ export interface IContextualMenuItemProps extends React.HTMLAttributes 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; + renderCheckMarkIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode; + renderItemIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode; + renderItemName: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode; + renderSecondaryText: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode; + renderSubMenuIcon: (props: IContextualMenuItemProps, customClassNames?: string[]) => React_2.ReactNode; } // @public (undocumented) @@ -3337,7 +3337,7 @@ export interface IContextualMenuListProps { // (undocumented) ariaLabel?: string; // (undocumented) - defaultMenuItemRenderer: (item: IContextualMenuItemRenderProps) => React.ReactNode; + defaultMenuItemRenderer: (item: IContextualMenuItemRenderProps) => React_2.ReactNode; // (undocumented) hasCheckmarks: boolean; // (undocumented) @@ -3353,7 +3353,7 @@ export interface IContextualMenuListProps { } // @public (undocumented) -export interface IContextualMenuProps extends IBaseProps, React.RefAttributes, IWithResponsiveModeState { +export interface IContextualMenuProps extends IBaseProps, React_2.RefAttributes, IWithResponsiveModeState { alignTargetEdge?: boolean; ariaLabel?: string; beakWidth?: number; @@ -3361,14 +3361,14 @@ export interface IContextualMenuProps extends IBaseProps, React calloutProps?: ICalloutProps; className?: string; componentRef?: IRefObject; - contextualMenuItemAs?: React.ComponentClass | React.FunctionComponent; + contextualMenuItemAs?: React_2.ComponentClass | React_2.FunctionComponent; coverTarget?: boolean; delayUpdateFocusOnHover?: boolean; directionalHint?: DirectionalHint; directionalHintFixed?: boolean; directionalHintForRTL?: DirectionalHint; doNotLayer?: boolean; - focusZoneAs?: React.ComponentClass | React.FunctionComponent; + focusZoneAs?: React_2.ComponentClass | React_2.FunctionComponent; focusZoneProps?: IFocusZoneProps; gapSpace?: number; // @deprecated @@ -3379,8 +3379,8 @@ export interface IContextualMenuProps extends IBaseProps, React 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; + onDismiss?: (ev?: Event | React_2.MouseEvent | React_2.KeyboardEvent, dismissAll?: boolean) => void; + onItemClick?: (ev?: React_2.MouseEvent | React_2.KeyboardEvent, item?: IContextualMenuItem) => boolean | void; onMenuDismissed?: (contextualMenu?: IContextualMenuProps) => void; onMenuOpened?: (contextualMenu?: IContextualMenuProps) => void; onRenderMenuList?: IRenderFunction; @@ -3406,7 +3406,7 @@ export interface IContextualMenuRenderItem { } // @public (undocumented) -export interface IContextualMenuSection extends React.ClassAttributes { +export interface IContextualMenuSection extends React_2.ClassAttributes { bottomDivider?: boolean; items: IContextualMenuItem[]; title?: string; @@ -3475,7 +3475,7 @@ export interface IDatePicker { } // @public (undocumented) -export interface IDatePickerProps extends IBaseProps, React.HTMLAttributes, React.RefAttributes { +export interface IDatePickerProps extends IBaseProps, React_2.HTMLAttributes, React_2.RefAttributes { allFocusable?: boolean; allowTextInput?: boolean; ariaLabel?: string; @@ -3563,7 +3563,7 @@ export interface IDetailsCheckboxProps { } // @public (undocumented) -export interface IDetailsColumnProps extends React.ClassAttributes { +export interface IDetailsColumnProps extends React_2.ClassAttributes { cellStyleProps?: ICellStyleProps; column: IColumn; columnIndex: number; @@ -3571,8 +3571,8 @@ export interface IDetailsColumnProps extends React.ClassAttributes, column: IColumn) => void; - onColumnContextMenu?: (column: IColumn, ev: React.MouseEvent) => void; + onColumnClick?: (ev: React_2.MouseEvent, column: IColumn) => void; + onColumnContextMenu?: (column: IColumn, ev: React_2.MouseEvent) => void; onRenderColumnHeaderTooltip?: IRenderFunction; parentId?: string; // @deprecated (undocumented) @@ -3629,7 +3629,7 @@ export interface IDetailsFooterBaseProps extends IDetailsItemProps { export interface IDetailsFooterProps extends IDetailsFooterBaseProps { columns: IColumn[]; selection: ISelection; - selectionMode: SelectionMode; + selectionMode: SelectionMode_2; } // @public (undocumented) @@ -3650,7 +3650,7 @@ export interface IDetailsHeader { } // @public (undocumented) -export interface IDetailsHeaderBaseProps extends React.ClassAttributes, IDetailsItemProps { +export interface IDetailsHeaderBaseProps extends React_2.ClassAttributes, IDetailsItemProps { ariaLabel?: string; ariaLabelForSelectAllCheckbox?: string; ariaLabelForSelectionColumn?: string; @@ -3664,8 +3664,8 @@ export interface IDetailsHeaderBaseProps extends React.ClassAttributes void; - onColumnClick?: (ev: React.MouseEvent, column: IColumn) => void; - onColumnContextMenu?: (column: IColumn, ev: React.MouseEvent) => void; + onColumnClick?: (ev: React_2.MouseEvent, column: IColumn) => void; + onColumnContextMenu?: (column: IColumn, ev: React_2.MouseEvent) => void; onColumnIsSizingChanged?: (column: IColumn, isSizing: boolean) => void; onColumnResized?: (column: IColumn, newWidth: number, columnIndex: number) => void; onRenderColumnHeaderTooltip?: IRenderFunction; @@ -3681,7 +3681,7 @@ export interface IDetailsHeaderBaseProps extends React.ClassAttributes, IWithViewpo 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; + onActiveItemChanged?: (item?: any, index?: number, ev?: React_2.FocusEvent) => void; + onColumnHeaderClick?: (ev?: React_2.MouseEvent, column?: IColumn) => void; + onColumnHeaderContextMenu?: (column?: IColumn, ev?: React_2.MouseEvent) => void; onColumnResize?: (column?: IColumn, newWidth?: number, columnIndex?: number) => void; onDidUpdate?: (detailsList?: DetailsListBase) => void; onItemContextMenu?: (item?: any, index?: number, ev?: Event) => void | boolean; @@ -3820,8 +3820,8 @@ export interface IDetailsListProps extends IBaseProps, IWithViewpo onRenderCheckbox?: IRenderFunction; onRenderDetailsFooter?: IRenderFunction; onRenderDetailsHeader?: IRenderFunction; - onRenderItemColumn?: (item?: any, index?: number, column?: IColumn) => React.ReactNode; - onRenderMissingItem?: (index?: number, rowProps?: IDetailsRowProps) => React.ReactNode; + onRenderItemColumn?: (item?: any, index?: number, column?: IColumn) => React_2.ReactNode; + onRenderMissingItem?: (index?: number, rowProps?: IDetailsRowProps) => React_2.ReactNode; onRenderRow?: IRenderFunction; onRowDidMount?: (item?: any, index?: number) => void; onRowWillUnmount?: (item?: any, index?: number) => void; @@ -3832,7 +3832,7 @@ export interface IDetailsListProps extends IBaseProps, IWithViewpo callback: (context: IDragDropContext, event?: any) => void; }[]; selection?: ISelection; - selectionMode?: SelectionMode; + selectionMode?: SelectionMode_2; selectionPreservedOnEmptyClick?: boolean; selectionZoneProps?: ISelectionZoneProps; setKey?: string; @@ -3860,7 +3860,7 @@ export interface IDetailsListState { // (undocumented) isSomeGroupExpanded?: boolean; // (undocumented) - lastSelectionMode?: SelectionMode; + lastSelectionMode?: SelectionMode_2; // (undocumented) lastWidth?: number; version: {}; @@ -3892,7 +3892,7 @@ export interface IDetailsRow { // @public (undocumented) export interface IDetailsRowBaseProps extends Pick, IBaseProps, IDetailsItemProps { cellsByColumn?: { - [columnKey: string]: React.ReactNode; + [columnKey: string]: React_2.ReactNode; }; checkboxCellClassName?: string; checkButtonAriaLabel?: string; @@ -3918,7 +3918,7 @@ export interface IDetailsRowBaseProps extends Pick; onWillUnmount?: (row?: DetailsRowBase) => void; role?: string; - rowFieldsAs?: React.ComponentType; + rowFieldsAs?: React_2.ComponentType; styles?: IStyleFunctionOrObject; theme?: ITheme; useFastIcons?: boolean; @@ -3926,7 +3926,7 @@ export interface IDetailsRowBaseProps extends Pick { +export interface IDetailsRowCheckProps extends React_2.HTMLAttributes { anySelected?: boolean; canSelect: boolean; checkClassName?: string; @@ -3976,7 +3976,7 @@ export interface IDetailsRowFieldsProps extends IOverrideColumnRenderProps { export interface IDetailsRowProps extends IDetailsRowBaseProps { columns: IColumn[]; selection: ISelection; - selectionMode: SelectionMode; + selectionMode: SelectionMode_2; } // @public (undocumented) @@ -4053,13 +4053,13 @@ export interface IDialogContent { } // @public (undocumented) -export interface IDialogContentProps extends React.ClassAttributes { +export interface IDialogContentProps extends React_2.ClassAttributes { className?: string; closeButtonAriaLabel?: string; componentRef?: IRefObject; draggableHeaderClassName?: string; isMultiline?: boolean; - onDismiss?: (ev?: React.MouseEvent) => any; + onDismiss?: (ev?: React_2.MouseEvent) => any; responsiveMode?: ResponsiveMode; showCloseButton?: boolean; styles?: IStyleFunctionOrObject; @@ -4069,7 +4069,7 @@ export interface IDialogContentProps extends React.ClassAttributes; + titleProps?: React_2.HTMLAttributes; topButtonsProps?: IButtonProps[]; type?: DialogType; } @@ -4112,7 +4112,7 @@ export interface IDialogFooter { } // @public (undocumented) -export interface IDialogFooterProps extends React.Props { +export interface IDialogFooterProps extends React_2.Props { className?: string; componentRef?: IRefObject; styles?: IStyleFunctionOrObject; @@ -4135,7 +4135,7 @@ export interface IDialogFooterStyles { } // @public (undocumented) -export interface IDialogProps extends React.ClassAttributes, IWithResponsiveModeState, IAccessiblePopupProps { +export interface IDialogProps extends React_2.ClassAttributes, IWithResponsiveModeState, IAccessiblePopupProps { // @deprecated ariaDescribedById?: string; // @deprecated @@ -4159,7 +4159,7 @@ export interface IDialogProps extends React.ClassAttributes, IWithRe maxWidth?: ICSSRule | ICSSPixelUnitRule; minWidth?: ICSSRule | ICSSPixelUnitRule; modalProps?: IModalProps; - onDismiss?: (ev?: React.MouseEvent) => any; + onDismiss?: (ev?: React_2.MouseEvent) => any; // @deprecated onDismissed?: () => any; // @deprecated @@ -4215,7 +4215,7 @@ 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 { +export interface IDocumentCardActionsProps extends React_2.ClassAttributes { actions: IButtonProps[]; className?: string; componentRef?: IRefObject; @@ -4258,7 +4258,7 @@ export interface IDocumentCardActivityPerson { // 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 { +export interface IDocumentCardActivityProps extends React_2.ClassAttributes { activity: string; className?: string; componentRef?: IRefObject; @@ -4297,7 +4297,7 @@ 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 { +export interface IDocumentCardDetailsProps extends React_2.Props { className?: string; componentRef?: IRefObject; styles?: IStyleFunctionOrObject; @@ -4356,13 +4356,13 @@ 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 { +export interface IDocumentCardLocationProps extends React_2.ClassAttributes { ariaLabel?: string; className?: string; componentRef?: IRefObject; location: string; locationHref?: string; - onClick?: (ev?: React.MouseEvent) => void; + onClick?: (ev?: React_2.MouseEvent) => void; styles?: IStyleFunctionOrObject; theme?: ITheme; } @@ -4386,7 +4386,7 @@ 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 { +export interface IDocumentCardLogoProps extends React_2.ClassAttributes { className?: string; componentRef?: IRefObject; logoIcon: string; @@ -4468,13 +4468,13 @@ export interface IDocumentCardPreviewStyles { } // @public (undocumented) -export interface IDocumentCardProps extends IBaseProps, React.HTMLAttributes { +export interface IDocumentCardProps extends IBaseProps, React_2.HTMLAttributes { // @deprecated accentColor?: string; - children?: React.ReactNode; + children?: React_2.ReactNode; className?: string; componentRef?: IRefObject; - onClick?: (ev?: React.SyntheticEvent) => void; + onClick?: (ev?: React_2.SyntheticEvent) => void; onClickHref?: string; onClickTarget?: string; role?: string; @@ -4490,7 +4490,7 @@ 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 { +export interface IDocumentCardStatusProps extends React_2.Props { className?: string; componentRef?: IRefObject; status: string; @@ -4532,7 +4532,7 @@ 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 { +export interface IDocumentCardTitleProps extends React_2.ClassAttributes { className?: string; componentRef?: IRefObject; shouldTruncate?: boolean; @@ -4632,7 +4632,7 @@ export interface IDragOptions { dragHandleSelector?: string; keepInBounds?: boolean; keyboardMoveIconProps?: IIconProps; - menu: React.FunctionComponent; + menu: React_2.FunctionComponent; moveMenuItemText: string; } @@ -4650,14 +4650,14 @@ export interface IDropdownOption extends ISelectableOption { } // @public (undocumented) -export interface IDropdownProps extends ISelectableDroppableTextProps, React.RefAttributes { +export interface IDropdownProps extends ISelectableDroppableTextProps, React_2.RefAttributes { defaultSelectedKeys?: string[] | number[]; dropdownWidth?: number | 'auto'; // @deprecated (undocumented) isDisabled?: boolean; multiSelectDelimiter?: string; notifyOnReselect?: boolean; - onChange?: (event: React.FormEvent, option?: IDropdownOption, index?: number) => void; + onChange?: (event: React_2.FormEvent, option?: IDropdownOption, index?: number) => void; // @deprecated (undocumented) onChanged?: (option: IDropdownOption, index?: number) => void; onRenderCaretDown?: IRenderFunction; @@ -4739,7 +4739,7 @@ export interface IEditingSelectedPeopleItemProps extends ISelectedPeopleItemProp // (undocumented) onEditingComplete: (oldItem: any, newItem: any) => void; // (undocumented) - onRenderFloatingPicker?: React.ComponentType>; + onRenderFloatingPicker?: React_2.ComponentType>; } // @public (undocumented) @@ -4835,16 +4835,16 @@ export interface IExtendedPersonaProps extends IPersonaProps { // (undocumented) isValid: boolean; // (undocumented) - key?: React.Key; + key?: React_2.Key; // (undocumented) shouldBlockSelection?: boolean; } // @public (undocumented) -export interface IFabricProps extends React.HTMLAttributes, React.RefAttributes { +export interface IFabricProps extends React_2.HTMLAttributes, React_2.RefAttributes { applyTheme?: boolean; applyThemeToBody?: boolean; - as?: React.ElementType; + as?: React_2.ElementType; // (undocumented) componentRef?: IRefObject<{}>; dir?: 'rtl' | 'ltr' | 'auto'; @@ -4871,21 +4871,21 @@ export interface IFacepile { } // @public (undocumented) -export interface IFacepilePersona extends React.ButtonHTMLAttributes { +export interface IFacepilePersona extends React_2.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; + onClick?: (ev?: React_2.MouseEvent, persona?: IFacepilePersona) => void; + onMouseMove?: (ev?: React_2.MouseEvent, persona?: IFacepilePersona) => void; + onMouseOut?: (ev?: React_2.MouseEvent, persona?: IFacepilePersona) => void; personaName?: string; } // @public (undocumented) -export interface IFacepileProps extends React.ClassAttributes { +export interface IFacepileProps extends React_2.ClassAttributes { addButtonProps?: IButtonProps; ariaDescription?: string; ariaLabel?: string; @@ -4948,7 +4948,7 @@ export interface IFocusTrapZone { } // @public (undocumented) -export interface IFocusTrapZoneProps extends React.HTMLAttributes, React.RefAttributes { +export interface IFocusTrapZoneProps extends React_2.HTMLAttributes, React_2.RefAttributes { ariaLabelledBy?: string; componentRef?: IRefObject; disabled?: boolean; @@ -4963,7 +4963,7 @@ export interface IFocusTrapZoneProps extends React.HTMLAttributes { +export interface IFontIconProps extends React_2.HTMLAttributes { className?: string; iconName?: string; } @@ -5014,7 +5014,7 @@ export interface IGroupDividerProps { // (undocumented) componentRef?: IRefObject<{}>; // @deprecated - expandButtonProps?: React.HTMLAttributes; + expandButtonProps?: React_2.HTMLAttributes; footerText?: string; group?: IGroup; groupIndex?: number; @@ -5027,13 +5027,13 @@ export interface IGroupDividerProps { isSelected?: boolean; loadingText?: string; onGroupHeaderClick?: (group: IGroup) => void; - onGroupHeaderKeyUp?: (ev: React.KeyboardEvent, group?: IGroup) => void; + onGroupHeaderKeyUp?: (ev: React_2.KeyboardEvent, group?: IGroup) => void; onRenderTitle?: IRenderFunction; onToggleCollapse?: (group: IGroup) => void; onToggleSelectGroup?: (group: IGroup) => void; onToggleSummarize?: (group: IGroup) => void; selected?: boolean; - selectionMode?: SelectionMode; + selectionMode?: SelectionMode_2; showAllLinkText?: string; theme?: ITheme; viewport?: IViewport; @@ -5046,7 +5046,7 @@ export interface IGroupedList extends IList { } // @public (undocumented) -export interface IGroupedListProps extends React.ClassAttributes { +export interface IGroupedListProps extends React_2.ClassAttributes { className?: string; compact?: boolean; componentRef?: IRefObject; @@ -5063,12 +5063,12 @@ export interface IGroupedListProps extends React.ClassAttributes void; - onRenderCell: (nestingDepth?: number, item?: any, index?: number) => React.ReactNode; + onRenderCell: (nestingDepth?: number, item?: any, index?: number) => React_2.ReactNode; onShouldVirtualize?: (props: IListProps) => boolean; role?: string; rootListProps?: IListProps; selection?: ISelection; - selectionMode?: SelectionMode; + selectionMode?: SelectionMode_2; styles?: IStyleFunctionOrObject; theme?: ITheme; usePageCache?: boolean; @@ -5076,7 +5076,7 @@ export interface IGroupedListProps extends React.ClassAttributes { +export interface IGroupedListSectionProps extends React_2.ClassAttributes { compact?: boolean; componentRef?: () => void; dragDropEvents?: IDragDropEvents; @@ -5096,13 +5096,13 @@ export interface IGroupedListSectionProps extends React.ClassAttributes React.ReactNode; + onRenderCell: (nestingDepth?: number, item?: any, index?: number) => React_2.ReactNode; onRenderGroupFooter?: IRenderFunction; onRenderGroupHeader?: IRenderFunction; onRenderGroupShowAll?: IRenderFunction; onShouldVirtualize?: (props: IListProps) => boolean; selection?: ISelection; - selectionMode?: SelectionMode; + selectionMode?: SelectionMode_2; showAllProps?: IGroupShowAllProps; viewport?: IViewport; } @@ -5174,10 +5174,10 @@ export interface IGroupHeaderCheckboxProps { // @public (undocumented) export interface IGroupHeaderProps extends IGroupDividerProps { expandButtonIcon?: string; - expandButtonProps?: React.HTMLAttributes; + expandButtonProps?: React_2.HTMLAttributes; groupedListId?: string; onRenderGroupHeaderCheckbox?: IRenderFunction; - selectAllButtonProps?: React.HTMLAttributes; + selectAllButtonProps?: React_2.HTMLAttributes; styles?: IStyleFunctionOrObject; useFastIcons?: boolean; } @@ -5267,7 +5267,7 @@ export interface IHoverCard { } // @public -export interface IHoverCardProps extends React.HTMLAttributes { +export interface IHoverCardProps extends React_2.HTMLAttributes { cardDismissDelay?: number; cardOpenDelay?: number; className?: string; @@ -5338,13 +5338,13 @@ export interface IIconContent { } // @public (undocumented) -export interface IIconProps extends IBaseProps, React.HTMLAttributes { +export interface IIconProps extends IBaseProps, React_2.HTMLAttributes { // @deprecated ariaLabel?: string; iconName?: string; // @deprecated iconType?: IconType; - imageErrorAs?: React.ComponentType; + imageErrorAs?: React_2.ComponentType; imageProps?: IImageProps; styles?: IStyleFunctionOrObject; // (undocumented) @@ -5386,13 +5386,13 @@ export interface IImage { } // @public -export interface IImageIconProps extends React.HTMLAttributes { +export interface IImageIconProps extends React_2.HTMLAttributes { className?: string; imageProps: IImageProps; } // @public (undocumented) -export interface IImageProps extends React.ImgHTMLAttributes, React.RefAttributes { +export interface IImageProps extends React_2.ImgHTMLAttributes, React_2.RefAttributes { className?: string; coverStyle?: ImageCoverStyle; // @deprecated (undocumented) @@ -5446,7 +5446,7 @@ export interface IImageStyles { } // @public -export interface IInputProps extends React.InputHTMLAttributes { +export interface IInputProps extends React_2.InputHTMLAttributes { 'aria-label'?: string; defaultVisibleValue?: string; } @@ -5484,14 +5484,14 @@ export interface IKeytipLayer { } // @public (undocumented) -export interface IKeytipLayerProps extends React.ClassAttributes { +export interface IKeytipLayerProps extends React_2.ClassAttributes { componentRef?: IRefObject; content: string; keytipExitSequences?: IKeytipTransitionKey[]; keytipReturnSequences?: IKeytipTransitionKey[]; keytipStartSequences?: IKeytipTransitionKey[]; onEnterKeytipMode?: () => void; - onExitKeytipMode?: (ev?: React.KeyboardEvent | React.MouseEvent) => void; + onExitKeytipMode?: (ev?: React_2.KeyboardEvent | React_2.MouseEvent) => void; styles?: IStyleFunctionOrObject; } @@ -5558,8 +5558,8 @@ export interface ILabel { } // @public (undocumented) -export interface ILabelProps extends React.LabelHTMLAttributes { - as?: IComponentAs>; +export interface ILabelProps extends React_2.LabelHTMLAttributes { + as?: IComponentAs>; componentRef?: IRefObject; disabled?: boolean; required?: boolean; @@ -5593,13 +5593,13 @@ export interface ILayerHost { } // @public (undocumented) -export interface ILayerHostProps extends React.HTMLAttributes { +export interface ILayerHostProps extends React_2.HTMLAttributes { componentRef?: IRefObject; id?: string; } // @public (undocumented) -export interface ILayerProps extends React.HTMLAttributes, React.RefAttributes { +export interface ILayerProps extends React_2.HTMLAttributes, React_2.RefAttributes { className?: string; componentRef?: IRefObject; eventBubblingEnabled?: boolean; @@ -5638,7 +5638,7 @@ export interface ILink { } // @public @deprecated (undocumented) -export interface ILinkHTMLAttributes extends React.HTMLAttributes { +export interface ILinkHTMLAttributes extends React_2.HTMLAttributes { [key: string]: any; // (undocumented) autoFocus?: boolean; @@ -5677,13 +5677,13 @@ export interface ILinkHTMLAttributes extends React.HTMLAttributes { } // @public -export interface ILinkProps extends React.AnchorHTMLAttributes, Omit, 'type'>, React.RefAttributes { +export interface ILinkProps extends React_2.AnchorHTMLAttributes, Omit, 'type'>, React_2.RefAttributes { [key: string]: any; - as?: React.ElementType; + as?: React_2.ElementType; componentRef?: IRefObject; disabled?: boolean; href?: string; - onClick?: (event: React.MouseEvent) => void; + onClick?: (event: React_2.MouseEvent) => void; rel?: string; styles?: IStyleFunctionOrObject; target?: string; @@ -5722,22 +5722,22 @@ export interface IList { // @public export interface IListOnRenderRootProps { - divProps: React.HTMLAttributes; + divProps: React_2.HTMLAttributes; pages: IPage[]; - rootRef: React.Ref; + rootRef: React_2.Ref; surfaceElement: JSX.Element | null; } // @public export interface IListOnRenderSurfaceProps { - divProps: React.HTMLAttributes; + divProps: React_2.HTMLAttributes; pageElements: JSX.Element[]; pages: IPage[]; - surfaceRef: React.Ref; + surfaceRef: React_2.Ref; } // @public (undocumented) -export interface IListProps extends React.HTMLAttributes | HTMLDivElement> { +export interface IListProps extends React_2.HTMLAttributes | HTMLDivElement> { className?: string; componentRef?: IRefObject; getItemCountForPage?: (itemIndex?: number, visibleRect?: IRectangle) => number; @@ -5750,7 +5750,7 @@ export interface IListProps extends React.HTMLAttributes | HTML onPageAdded?: (page: IPage) => void; onPageRemoved?: (page: IPage) => void; onPagesUpdated?: (pages: IPage[]) => void; - onRenderCell?: (item?: T, index?: number, isScrolling?: boolean) => React.ReactNode; + onRenderCell?: (item?: T, index?: number, isScrolling?: boolean) => React_2.ReactNode; onRenderPage?: IRenderFunction>; onRenderRoot?: IRenderFunction>; onRenderSurface?: IRenderFunction>; @@ -5776,10 +5776,12 @@ export interface IListState { } // @public (undocumented) -export const Image: React.FunctionComponent; +const Image_2: React_2.FunctionComponent; + +export { Image_2 as Image } // @public (undocumented) -export const ImageBase: React.FunctionComponent; +export const ImageBase: React_2.FunctionComponent; // @public export enum ImageCoverStyle { @@ -5798,7 +5800,7 @@ export enum ImageFit { } // @public -export const ImageIcon: React.FunctionComponent; +export const ImageIcon: React_2.FunctionComponent; // @public (undocumented) export enum ImageLoadState { @@ -5814,13 +5816,13 @@ export interface IMarqueeSelection { } // @public (undocumented) -export interface IMarqueeSelectionProps extends React.HTMLAttributes { +export interface IMarqueeSelectionProps extends React_2.HTMLAttributes { className?: string; componentRef?: IRefObject; isDraggingConstrainedToRoot?: boolean; isEnabled?: boolean; onShouldStartSelection?: (ev: MouseEvent) => boolean; - rootProps?: React.HTMLAttributes; + rootProps?: React_2.HTMLAttributes; selection: ISelection; styles?: IStyleFunction; theme?: ITheme; @@ -5852,7 +5854,7 @@ export interface IMaskedTextField extends ITextField { } // @public -export interface IMaskedTextFieldProps extends ITextFieldProps, React.RefAttributes { +export interface IMaskedTextFieldProps extends ITextFieldProps, React_2.RefAttributes { componentRef?: IRefObject; mask?: string; maskChar?: string; @@ -5909,7 +5911,7 @@ export interface IMessageBar { } // @public (undocumented) -export interface IMessageBarProps extends React.HTMLAttributes, React.RefAttributes { +export interface IMessageBarProps extends React_2.HTMLAttributes, React_2.RefAttributes { actions?: JSX.Element; // @deprecated ariaLabel?: string; @@ -5920,7 +5922,7 @@ export interface IMessageBarProps extends React.HTMLAttributes, Rea isMultiline?: boolean; messageBarIconProps?: IIconProps; messageBarType?: MessageBarType; - onDismiss?: (ev?: React.MouseEvent) => any; + onDismiss?: (ev?: React_2.MouseEvent) => any; overflowButtonAriaLabel?: string; styles?: IStyleFunctionOrObject; theme?: ITheme; @@ -5960,10 +5962,10 @@ export interface IModal { } // @public (undocumented) -export interface IModalProps extends React.RefAttributes, IAccessiblePopupProps { +export interface IModalProps extends React_2.RefAttributes, IAccessiblePopupProps { allowTouchBodyScroll?: boolean; // (undocumented) - children?: React.ReactNode; + children?: React_2.ReactNode; className?: string; componentRef?: IRefObject; containerClassName?: string; @@ -5974,7 +5976,7 @@ export interface IModalProps extends React.RefAttributes, IAcces isModeless?: boolean; isOpen?: boolean; layerProps?: ILayerProps; - onDismiss?: (ev?: React.MouseEvent) => any; + onDismiss?: (ev?: React_2.MouseEvent) => any; onDismissed?: () => any; // @deprecated onLayerDidMount?: () => void; @@ -6044,7 +6046,7 @@ export interface INavLink { key?: string; links?: INavLink[]; name: string; - onClick?: (ev?: React.MouseEvent, item?: INavLink) => void; + onClick?: (ev?: React_2.MouseEvent, item?: INavLink) => void; target?: string; title?: string; url: string; @@ -6059,7 +6061,7 @@ export interface INavLinkGroup { groupData?: any; links: INavLink[]; name?: string; - onHeaderClick?: (ev?: React.MouseEvent, isCollapsing?: boolean) => void; + onHeaderClick?: (ev?: React_2.MouseEvent, isCollapsing?: boolean) => void; } // @public (undocumented) @@ -6073,8 +6075,8 @@ export interface INavProps { initialSelectedKey?: string; isOnTop?: boolean; linkAs?: IComponentAs; - onLinkClick?: (ev?: React.MouseEvent, item?: INavLink) => void; - onLinkExpandClick?: (ev?: React.MouseEvent, item?: INavLink) => void; + onLinkClick?: (ev?: React_2.MouseEvent, item?: INavLink) => void; + onLinkExpandClick?: (ev?: React_2.MouseEvent, item?: INavLink) => void; onRenderGroupHeader?: IRenderFunction; onRenderLink?: IRenderFunction; // @deprecated @@ -6154,7 +6156,7 @@ export interface IOverflowSetItemProps { } // @public (undocumented) -export interface IOverflowSetProps extends React.RefAttributes { +export interface IOverflowSetProps extends React_2.RefAttributes { className?: string; componentRef?: IRefObject; items?: IOverflowSetItemProps[]; @@ -6184,7 +6186,7 @@ export interface IOverlay { } // @public (undocumented) -export interface IOverlayProps extends React.HTMLAttributes { +export interface IOverlayProps extends React_2.HTMLAttributes { allowTouchBodyScroll?: boolean; className?: string; componentRef?: IRefObject; @@ -6230,13 +6232,13 @@ export interface IPage { // (undocumented) startIndex: number; // (undocumented) - style: React.CSSProperties; + style: React_2.CSSProperties; // (undocumented) top: number; } // @public (undocumented) -export interface IPageProps extends React.HTMLAttributes, React.ClassAttributes { +export interface IPageProps extends React_2.HTMLAttributes, React_2.ClassAttributes { page: IPage; role?: string; } @@ -6251,7 +6253,7 @@ export interface IPageSpecification { // @public (undocumented) export interface IPanel { - dismiss: (ev?: React.KeyboardEvent | KeyboardEvent) => void; + dismiss: (ev?: React_2.KeyboardEvent | KeyboardEvent) => void; open: () => void; } @@ -6262,7 +6264,7 @@ export interface IPanelHeaderRenderer extends IRenderFunction { } // @public (undocumented) -export interface IPanelProps extends React.HTMLAttributes { +export interface IPanelProps extends React_2.HTMLAttributes { allowTouchBodyScroll?: boolean; className?: string; closeButtonAriaLabel?: string; @@ -6279,7 +6281,7 @@ export interface IPanelProps extends React.HTMLAttributes { hasCloseButton?: boolean; headerClassName?: string; headerText?: string; - headerTextProps?: React.HTMLAttributes; + headerTextProps?: React_2.HTMLAttributes; // @deprecated ignoreExternalFocusing?: boolean; isBlocking?: boolean; @@ -6288,12 +6290,12 @@ export interface IPanelProps extends React.HTMLAttributes { isLightDismiss?: boolean; isOpen?: boolean; layerProps?: ILayerProps; - onDismiss?: (ev?: React.SyntheticEvent | KeyboardEvent) => void; + onDismiss?: (ev?: React_2.SyntheticEvent | KeyboardEvent) => void; onDismissed?: () => void; onLightDismissClick?: () => void; onOpen?: () => void; onOpened?: () => void; - onOuterClick?: (ev?: React.MouseEvent) => void; + onOuterClick?: (ev?: React_2.MouseEvent) => void; onRenderBody?: IRenderFunction; onRenderFooter?: IRenderFunction; onRenderFooterContent?: IRenderFunction; @@ -6484,7 +6486,7 @@ export interface IPersonaProps extends IPersonaSharedProps { } // @public (undocumented) -export interface IPersonaSharedProps extends React.HTMLAttributes, React.RefAttributes { +export interface IPersonaSharedProps extends React_2.HTMLAttributes, React_2.RefAttributes { allowPhoneInitials?: boolean; coinProps?: IPersonaCoinProps; coinSize?: number; @@ -6574,7 +6576,7 @@ export interface IPickerItem { } // @public -export interface IPickerItemProps extends React.AllHTMLAttributes { +export interface IPickerItemProps extends React_2.AllHTMLAttributes { componentRef?: IRefObject; index: number; item: T; @@ -6591,7 +6593,7 @@ export interface IPivot { } // @public (undocumented) -export interface IPivotItemProps extends React.HTMLAttributes { +export interface IPivotItemProps extends React_2.HTMLAttributes { alwaysRender?: boolean; ariaLabel?: string; componentRef?: IRefObject<{}>; @@ -6609,15 +6611,15 @@ export interface IPivotItemProps extends React.HTMLAttributes { } // @public (undocumented) -export interface IPivotProps extends React.HTMLAttributes, React.RefAttributes { +export interface IPivotProps extends React_2.HTMLAttributes, React_2.RefAttributes { className?: string; - componentRef?: React.RefObject; + componentRef?: React_2.RefObject; defaultSelectedKey?: string; getTabId?: (itemKey: string, index: number) => string; headersOnly?: boolean; linkFormat?: PivotLinkFormatType; linkSize?: PivotLinkSizeType; - onLinkClick?: (item?: PivotItem, ev?: React.MouseEvent) => void; + onLinkClick?: (item?: PivotItem, ev?: React_2.MouseEvent) => void; overflowBehavior?: 'none' | 'menu'; selectedKey?: string | null; styles?: IStyleFunctionOrObject; @@ -6673,12 +6675,12 @@ export interface IPlainCardStyles extends IBaseCardStyles { export { IPoint } // @public (undocumented) -export interface IPopupProps extends React.HTMLAttributes, React.RefAttributes { +export interface IPopupProps extends React_2.HTMLAttributes, React_2.RefAttributes { ariaDescribedBy?: string; ariaLabel?: string; ariaLabelledBy?: string; className?: string; - onDismiss?: (ev?: React.MouseEvent | React.KeyboardEvent | KeyboardEvent) => any; + onDismiss?: (ev?: React_2.MouseEvent | React_2.KeyboardEvent | KeyboardEvent) => any; onRestoreFocus?: (params: IPopupRestoreFocusParams) => void; role?: string; // @deprecated @@ -6730,7 +6732,7 @@ export interface IPositioningContainer { } // @public (undocumented) -export interface IPositioningContainerProps extends IBaseProps, React.RefAttributes { +export interface IPositioningContainerProps extends IBaseProps, React_2.RefAttributes { ariaDescribedBy?: string; ariaLabel?: string; ariaLabelledBy?: string; @@ -6779,12 +6781,12 @@ export interface IPositionProps { } // @public (undocumented) -export interface IProgressIndicatorProps extends React.ClassAttributes { +export interface IProgressIndicatorProps extends React_2.ClassAttributes { ariaValueText?: string; barHeight?: number; className?: string; - description?: React.ReactNode; - label?: React.ReactNode; + description?: React_2.ReactNode; + label?: React_2.ReactNode; onRenderProgress?: IRenderFunction; percentComplete?: number; progressHidden?: boolean; @@ -6825,7 +6827,7 @@ export interface IRating { } // @public -export interface IRatingProps extends React.HTMLAttributes, React.RefAttributes { +export interface IRatingProps extends React_2.HTMLAttributes, React_2.RefAttributes { allowZeroStars?: boolean; ariaLabel?: string; ariaLabelFormat?: string; @@ -6837,7 +6839,7 @@ export interface IRatingProps extends React.HTMLAttributes, Reac max?: number; // @deprecated min?: number; - onChange?: (event: React.FormEvent, rating?: number) => void; + onChange?: (event: React_2.FormEvent, rating?: number) => void; onRenderStar?: IRenderFunction; rating?: number; readOnly?: boolean; @@ -6923,7 +6925,7 @@ export interface IResizeGroup { } // @public (undocumented) -export interface IResizeGroupProps extends React.HTMLAttributes, React.RefAttributes { +export interface IResizeGroupProps extends React_2.HTMLAttributes, React_2.RefAttributes { className?: string; componentRef?: IRefObject; data: any; @@ -6986,7 +6988,7 @@ export interface IScrollablePaneContext { } // @public (undocumented) -export interface IScrollablePaneProps extends React.HTMLAttributes { +export interface IScrollablePaneProps extends React_2.HTMLAttributes { className?: string; componentRef?: IRefObject; initialScrollPosition?: number; @@ -7037,17 +7039,17 @@ export interface ISearchBox { } // @public (undocumented) -export interface ISearchBoxProps extends React.InputHTMLAttributes, React.RefAttributes { +export interface ISearchBoxProps extends React_2.InputHTMLAttributes, React_2.RefAttributes { ariaLabel?: string; className?: string; clearButtonProps?: IButtonProps; - componentRef?: React.Ref; + componentRef?: React_2.Ref; defaultValue?: string; disableAnimation?: boolean; iconProps?: Pick>; // @deprecated (undocumented) labelText?: string; - onChange?: (event?: React.ChangeEvent, newValue?: string) => void; + onChange?: (event?: React_2.ChangeEvent, newValue?: string) => void; // @deprecated (undocumented) onChanged?: (newValue: any) => void; onClear?: (ev?: any) => void; @@ -7094,7 +7096,7 @@ export interface ISearchBoxStyles { } // @public -export interface ISelectableDroppableTextProps extends React.HTMLAttributes { +export interface ISelectableDroppableTextProps extends React_2.HTMLAttributes { ariaLabel?: string; calloutProps?: ICalloutProps; className?: string; @@ -7162,7 +7164,7 @@ export interface ISelectedPeopleProps extends IBaseSelectedItemsListProps void; // (undocumented) - onRenderFloatingPicker?: React.ComponentType>; + onRenderFloatingPicker?: React_2.ComponentType>; // (undocumented) removeMenuItemText?: string; } @@ -7177,7 +7179,7 @@ export interface ISelectionZone { } // @public (undocumented) -export interface ISelectionZoneProps extends React.ClassAttributes { +export interface ISelectionZoneProps extends React_2.ClassAttributes { className?: string; componentRef?: () => void; disableAutoSelectOnInputElements?: boolean; @@ -7189,7 +7191,7 @@ export interface ISelectionZoneProps extends React.ClassAttributes void | boolean; onItemInvoked?: (item?: IObjectWithKey, index?: number, ev?: Event) => void; selection: ISelection; - selectionMode?: SelectionMode; + selectionMode?: SelectionMode_2; selectionPreservedOnEmptyClick?: boolean; } @@ -7204,7 +7206,7 @@ export interface ISeparator { } // @public (undocumented) -export interface ISeparatorProps extends React.HTMLAttributes, React.RefAttributes { +export interface ISeparatorProps extends React_2.HTMLAttributes, React_2.RefAttributes { alignContent?: 'start' | 'center' | 'end'; styles?: IStyleFunctionOrObject; theme?: ITheme; @@ -7225,7 +7227,7 @@ export interface IShimmerCircle { } // @public -export interface IShimmerCircleProps extends React.AllHTMLAttributes { +export interface IShimmerCircleProps extends React_2.AllHTMLAttributes { // @deprecated borderStyle?: IRawStyle; componentRef?: IRefObject; @@ -7259,7 +7261,7 @@ export interface IShimmeredDetailsListProps extends Omit React.ReactNode) => React.ReactNode; + onRenderCustomPlaceholder?: (rowProps: IDetailsRowProps, index?: number, defaultRender?: (props: IDetailsRowProps) => React_2.ReactNode) => React_2.ReactNode; removeFadingOverlay?: boolean; shimmerLines?: number; // @deprecated @@ -7288,7 +7290,7 @@ export interface IShimmerElementsGroup { } // @public -export interface IShimmerElementsGroupProps extends React.AllHTMLAttributes { +export interface IShimmerElementsGroupProps extends React_2.AllHTMLAttributes { backgroundColor?: string; componentRef?: IRefObject; flexWrap?: boolean; @@ -7315,7 +7317,7 @@ export interface IShimmerGap { } // @public -export interface IShimmerGapProps extends React.AllHTMLAttributes { +export interface IShimmerGapProps extends React_2.AllHTMLAttributes { // @deprecated borderStyle?: IRawStyle; componentRef?: IRefObject; @@ -7342,7 +7344,7 @@ export interface IShimmerLine { } // @public -export interface IShimmerLineProps extends React.AllHTMLAttributes { +export interface IShimmerLineProps extends React_2.AllHTMLAttributes { // @deprecated borderStyle?: IRawStyle; componentRef?: IRefObject; @@ -7369,10 +7371,10 @@ export interface IShimmerLineStyles { } // @public -export interface IShimmerProps extends React.AllHTMLAttributes, React.RefAttributes { +export interface IShimmerProps extends React_2.AllHTMLAttributes, React_2.RefAttributes { ariaLabel?: string; className?: string; - customElementsGroup?: React.ReactNode; + customElementsGroup?: React_2.ReactNode; isDataLoaded?: boolean; shimmerColors?: IShimmerColors; shimmerElements?: IShimmerElement[]; @@ -7411,10 +7413,10 @@ export interface ISlider { } // @public (undocumented) -export interface ISliderProps extends Omit, 'defaultValue' | 'onChange'>, React.RefAttributes { +export interface ISliderProps extends Omit, 'defaultValue' | 'onChange'>, React_2.RefAttributes { ariaLabel?: string; ariaValueText?: (value: number) => string; - buttonProps?: React.HTMLAttributes; + buttonProps?: React_2.HTMLAttributes; className?: string; componentRef?: IRefObject; defaultLowerValue?: number; @@ -7467,7 +7469,7 @@ export interface ISpinButton { } // @public (undocumented) -export interface ISpinButtonProps extends React.HTMLAttributes, React.RefAttributes { +export interface ISpinButtonProps extends React_2.HTMLAttributes, React_2.RefAttributes { ariaDescribedBy?: string; ariaLabel?: string; ariaPositionInSet?: number; @@ -7486,18 +7488,18 @@ export interface ISpinButtonProps extends React.HTMLAttributes, iconProps?: IIconProps; incrementButtonAriaLabel?: string; incrementButtonIcon?: IIconProps; - inputProps?: React.InputHTMLAttributes; + inputProps?: React_2.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; + onBlur?: React_2.FocusEventHandler; + onChange?: (event: React_2.SyntheticEvent, newValue?: string) => void; + onDecrement?: (value: string, event?: React_2.MouseEvent | React_2.KeyboardEvent) => string | void; + onFocus?: React_2.FocusEventHandler; + onIncrement?: (value: string, event?: React_2.MouseEvent | React_2.KeyboardEvent) => string | void; + onValidate?: (value: string, event?: React_2.SyntheticEvent) => string | void; precision?: number; step?: number; styles?: IStyleFunctionOrObject; @@ -7539,7 +7541,7 @@ export interface ISpinner { } // @public -export interface ISpinnerProps extends React.HTMLAttributes { +export interface ISpinnerProps extends React_2.HTMLAttributes { ariaLabel?: string; ariaLive?: 'assertive' | 'polite' | 'off'; className?: string; @@ -7593,7 +7595,7 @@ export type IStackComponent = IComponent; // @public (undocumented) -export interface IStackItemProps extends IStackItemSlots, IStyleableComponentProps, React.HTMLAttributes { +export interface IStackItemProps extends IStackItemSlots, IStyleableComponentProps, React_2.HTMLAttributes { align?: 'auto' | 'stretch' | 'baseline' | 'start' | 'center' | 'end'; className?: string; disableShrink?: boolean; @@ -7628,8 +7630,8 @@ export interface IStackItemTokens { } // @public (undocumented) -export interface IStackProps extends ISlottableProps, IStyleableComponentProps, React.HTMLAttributes { - as?: React.ElementType>; +export interface IStackProps extends ISlottableProps, IStyleableComponentProps, React_2.HTMLAttributes { + as?: React_2.ElementType>; disableShrink?: boolean; // @deprecated gap?: number | string; @@ -7675,7 +7677,7 @@ export interface IStackTokens { } // @public (undocumented) -export interface IStickyProps extends React.Props { +export interface IStickyProps extends React_2.Props { componentRef?: IRefObject; isScrollSynced?: boolean; stickyBackgroundColor?: string; @@ -7699,8 +7701,8 @@ export interface ISuggestionItemProps { componentRef?: IRefObject; id?: string; isSelectedOverride?: boolean; - onClick: (ev: React.MouseEvent) => void; - onRemoveItem: (ev: React.MouseEvent) => void; + onClick: (ev: React_2.MouseEvent) => void; + onRemoveItem: (ev: React_2.MouseEvent) => void; removeButtonAriaLabel?: string; RenderSuggestion: (item: T, suggestionItemProps: ISuggestionItemProps) => JSX.Element; showRemoveButton?: boolean; @@ -7728,7 +7730,7 @@ export interface ISuggestions { } // @public (undocumented) -export interface ISuggestionsControlProps extends React.ClassAttributes, ISuggestionsCoreProps { +export interface ISuggestionsControlProps extends React_2.ClassAttributes, ISuggestionsCoreProps { className?: string; completeSuggestion: () => void; footerItemsProps?: ISuggestionsHeaderFooterProps[]; @@ -7749,11 +7751,11 @@ export interface ISuggestionsControlState { } // @public (undocumented) -export interface ISuggestionsCoreProps extends React.ClassAttributes { +export interface ISuggestionsCoreProps extends React_2.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; + onSuggestionClick: (ev?: React_2.MouseEvent, item?: any, index?: number) => void; + onSuggestionRemove?: (ev?: React_2.MouseEvent, item?: IPersonaProps, index?: number) => void; resultsMaximumNumber?: number; shouldLoopSelection: boolean; showRemoveButtons?: boolean; @@ -7810,7 +7812,7 @@ export interface ISuggestionsItemStyles { } // @public -export interface ISuggestionsProps extends React.Props { +export interface ISuggestionsProps extends React_2.Props { className?: string; componentRef?: IRefObject>; createGenericItem?: () => void; @@ -7826,8 +7828,8 @@ export interface ISuggestionsProps extends React.Props { 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; + onSuggestionClick: (ev?: React_2.MouseEvent, item?: any, index?: number) => void; + onSuggestionRemove?: (ev?: React_2.MouseEvent, item?: T | IPersonaProps, index?: number) => void; refocusSuggestions?: (keyCode: KeyCodes) => void; removeSuggestionAriaLabel?: string; resultsFooter?: (props: ISuggestionsProps) => JSX.Element; @@ -7883,7 +7885,7 @@ export interface ISuggestionsSubComponentStyles { export function isValidShade(shade?: Shade): boolean; // @public (undocumented) -export interface ISwatchColorPickerProps extends React.RefAttributes { +export interface ISwatchColorPickerProps extends React_2.RefAttributes { ariaPosInSet?: number; ariaSetSize?: number; cellBorderWidth?: number; @@ -7905,7 +7907,7 @@ export interface ISwatchColorPickerProps extends React.RefAttributes void; onCellHovered?: (id?: string, color?: string) => void; - onChange?: (event: React.FormEvent, id: string | undefined, color: string | undefined) => void; + onChange?: (event: React_2.FormEvent, id: string | undefined, color: string | undefined) => void; // @deprecated (undocumented) onColorChanged?: (id?: string, color?: string) => void; onRenderColorCell?: IRenderFunction; @@ -7955,7 +7957,7 @@ export interface ITagItemStyles { } // @public -export interface ITagItemSuggestionProps extends React.AllHTMLAttributes { +export interface ITagItemSuggestionProps extends React_2.AllHTMLAttributes { className?: string; styles?: IStyleFunctionOrObject; theme?: ITheme; @@ -7979,7 +7981,7 @@ export interface ITeachingBubble { } // @public -export interface ITeachingBubbleProps extends React.RefAttributes, IAccessiblePopupProps { +export interface ITeachingBubbleProps extends React_2.RefAttributes, IAccessiblePopupProps { ariaDescribedBy?: string; ariaLabelledBy?: string; calloutProps?: ICalloutProps; @@ -8065,7 +8067,7 @@ export interface ITextField { } // @public -export interface ITextFieldProps extends React.AllHTMLAttributes { +export interface ITextFieldProps extends React_2.AllHTMLAttributes { ariaLabel?: string; autoAdjustHeight?: boolean; autoComplete?: string; @@ -8078,13 +8080,13 @@ export interface ITextFieldProps extends React.AllHTMLAttributes; + elementRef?: React_2.Ref; errorMessage?: string | JSX.Element; iconProps?: IIconProps; inputClassName?: string; label?: string; multiline?: boolean; - onChange?: (event: React.FormEvent, newValue?: string) => void; + onChange?: (event: React_2.FormEvent, newValue?: string) => void; onGetErrorMessage?: (value: string) => string | JSX.Element | PromiseLike | undefined; onNotifyValidationResult?: (errorMessage: string | JSX.Element, value: string | undefined) => void; onRenderDescription?: IRenderFunction; @@ -8154,8 +8156,8 @@ export interface ITextFieldSubComponentStyles { } // @public -export interface ITextProps extends ISlottableProps, IStyleableComponentProps, React.HTMLAttributes { - as?: React.ElementType>; +export interface ITextProps extends ISlottableProps, IStyleableComponentProps, React_2.HTMLAttributes { + as?: React_2.ElementType>; block?: boolean; nowrap?: boolean; variant?: keyof IFontStyles; @@ -8208,9 +8210,9 @@ export interface IToggle { } // @public -export interface IToggleProps extends React.HTMLAttributes, React.RefAttributes { +export interface IToggleProps extends React_2.HTMLAttributes, React_2.RefAttributes { ariaLabel?: string; - as?: IComponentAs>; + as?: IComponentAs>; checked?: boolean; componentRef?: IRefObject; defaultChecked?: boolean; @@ -8222,7 +8224,7 @@ export interface IToggleProps extends React.HTMLAttributes, React.R offText?: string; // @deprecated (undocumented) onAriaLabel?: string; - onChange?: (event: React.MouseEvent, checked?: boolean) => void; + onChange?: (event: React_2.MouseEvent, checked?: boolean) => void; // @deprecated (undocumented) onChanged?: (checked: boolean) => void; onText?: string; @@ -8262,7 +8264,7 @@ export interface ITooltipHost { } // @public -export interface ITooltipHostProps extends React.HTMLAttributes { +export interface ITooltipHostProps extends React_2.HTMLAttributes { calloutProps?: ICalloutProps; className?: string; closeDelay?: number; @@ -8303,7 +8305,7 @@ export interface ITooltipHostStyles { } // @public (undocumented) -export interface ITooltipProps extends React.HTMLAttributes { +export interface ITooltipProps extends React_2.HTMLAttributes { calloutProps?: ICalloutProps; componentRef?: IRefObject; content?: string | JSX.Element | JSX.Element[]; @@ -8352,7 +8354,7 @@ export interface IVerticalDividerClassNames { } // @public -export interface IVerticalDividerProps extends React.HTMLAttributes, React.RefAttributes { +export interface IVerticalDividerProps extends React_2.HTMLAttributes, React_2.RefAttributes { className?: string; // @deprecated getClassNames?: (theme: ITheme) => IVerticalDividerClassNames; @@ -8454,13 +8456,13 @@ export enum KeyboardSpinDirection { } // @public -export class Keytip extends React.Component { +export class Keytip extends React_2.Component { // (undocumented) render(): JSX.Element; } // @public -export const KeytipData: React.FunctionComponent>; +export const KeytipData: React_2.FunctionComponent>; // @public (undocumented) export type KeytipDataOptions = IKeytipDataProps; @@ -8486,10 +8488,10 @@ export namespace KeytipEvents { } // @public (undocumented) -export const KeytipLayer: React.FunctionComponent; +export const KeytipLayer: React_2.FunctionComponent; // @public -export class KeytipLayerBase extends React.Component { +export class KeytipLayerBase extends React_2.Component { constructor(props: IKeytipLayerProps, context: any); // (undocumented) componentDidMount(): void; @@ -8503,8 +8505,8 @@ export class KeytipLayerBase extends React.Component): void; - processTransitionInput(transitionKey: IKeytipTransitionKey, ev?: React.KeyboardEvent): void; + processInput(key: string, ev?: React_2.KeyboardEvent): void; + processTransitionInput(transitionKey: IKeytipTransitionKey, ev?: React_2.KeyboardEvent): void; // (undocumented) render(): JSX.Element; showKeytips(ids: string[]): void; @@ -8567,31 +8569,31 @@ export function ktpTargetFromId(keytipId: string): string; export function ktpTargetFromSequences(keySequences: string[]): string; // @public (undocumented) -export const Label: React.FunctionComponent; +export const Label: React_2.FunctionComponent; // @public (undocumented) -export class LabelBase extends React.Component { +export class LabelBase extends React_2.Component { // (undocumented) render(): JSX.Element; } // @public (undocumented) -export const Layer: React.FunctionComponent; +export const Layer: React_2.FunctionComponent; // @public (undocumented) -export const LayerBase: React.FunctionComponent; +export const LayerBase: React_2.FunctionComponent; // @public (undocumented) -export const LayerHost: React.FunctionComponent; +export const LayerHost: React_2.FunctionComponent; // @public (undocumented) -export const Link: React.FunctionComponent; +export const Link: React_2.FunctionComponent; // @public (undocumented) -export const LinkBase: React.FunctionComponent; +export const LinkBase: React_2.FunctionComponent; // @public -export class List extends React.Component, IListState> implements IList { +export class List extends React_2.Component, IListState> implements IList { constructor(props: IListProps); // (undocumented) componentDidMount(): void; @@ -8623,7 +8625,7 @@ export class List extends React.Component, IListState> } // @public (undocumented) -export const ListPeoplePicker: React.FunctionComponent; +export const ListPeoplePicker: React_2.FunctionComponent; // @public export class ListPeoplePickerBase extends MemberListPeoplePicker { @@ -8642,10 +8644,10 @@ export function makeStyles; +export const MarqueeSelection: React_2.FunctionComponent; // @public (undocumented) -export const MaskedTextField: React.FunctionComponent; +export const MaskedTextField: React_2.FunctionComponent; // @public (undocumented) export const MAX_COLOR_ALPHA = 100; @@ -8672,7 +8674,7 @@ export const MAX_HEX_LENGTH = 6; export const MAX_RGBA_LENGTH = 3; // @public (undocumented) -export const MeasuredContext: React.Context<{ +export const MeasuredContext: React_2.Context<{ isMeasured: boolean; }>; @@ -8684,13 +8686,13 @@ export class MemberListPeoplePicker extends BasePickerListBelow; +export const MessageBar: React_2.FunctionComponent; // @public (undocumented) -export const MessageBarBase: React.FunctionComponent; +export const MessageBarBase: React_2.FunctionComponent; // @public (undocumented) -export class MessageBarButton extends React.Component { +export class MessageBarButton extends React_2.Component { // (undocumented) render(): JSX.Element; } @@ -8712,16 +8714,16 @@ export const MIN_HEX_LENGTH = 3; export const MIN_RGBA_LENGTH = 1; // @public (undocumented) -export const Modal: React.FunctionComponent; +export const Modal: React_2.FunctionComponent; // @public (undocumented) -export const ModalBase: React.FunctionComponent; +export const ModalBase: React_2.FunctionComponent; // @public (undocumented) -export const Nav: React.FunctionComponent; +export const Nav: React_2.FunctionComponent; // @public (undocumented) -export class NavBase extends React.Component implements INav { +export class NavBase extends React_2.Component implements INav { constructor(props: INavProps); // (undocumented) static defaultProps: INavProps; @@ -8733,7 +8735,7 @@ export class NavBase extends React.Component implements IN } // @public (undocumented) -export const NormalPeoplePicker: React.FunctionComponent; +export const NormalPeoplePicker: React_2.FunctionComponent; // @public export class NormalPeoplePickerBase extends BasePeoplePicker { @@ -8759,16 +8761,16 @@ export enum OverflowButtonType { } // @public (undocumented) -export const OverflowSet: React.FunctionComponent; +export const OverflowSet: React_2.FunctionComponent; // @public (undocumented) -export const OverflowSetBase: React.FunctionComponent; +export const OverflowSetBase: React_2.FunctionComponent; // @public (undocumented) -export const Overlay: React.FunctionComponent; +export const Overlay: React_2.FunctionComponent; // @public (undocumented) -export class OverlayBase extends React.Component { +export class OverlayBase extends React_2.Component { constructor(props: IOverlayProps); // (undocumented) componentDidMount(): void; @@ -8779,12 +8781,12 @@ export class OverlayBase extends React.Component { } // @public -export const Panel: React.FunctionComponent; +export const Panel: React_2.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 { +export class PanelBase extends React_2.Component implements IPanel { constructor(props: IPanelProps); // (undocumented) close(): void; @@ -8797,7 +8799,7 @@ export class PanelBase extends React.Component impleme // (undocumented) static defaultProps: IPanelProps; // (undocumented) - dismiss: (ev?: KeyboardEvent | React.SyntheticEvent | undefined) => void; + dismiss: (ev?: KeyboardEvent | React_2.SyntheticEvent | undefined) => void; // (undocumented) static getDerivedStateFromProps(nextProps: Readonly, prevState: Readonly): Partial | null; get isActive(): boolean; @@ -8821,28 +8823,28 @@ export enum PanelType { } // @public (undocumented) -export const PeoplePickerItem: React.FunctionComponent; +export const PeoplePickerItem: React_2.FunctionComponent; // @public (undocumented) export const PeoplePickerItemBase: (props: IPeoplePickerItemSelectedProps) => JSX.Element; // @public (undocumented) -export const PeoplePickerItemSuggestion: React.FunctionComponent; +export const PeoplePickerItemSuggestion: React_2.FunctionComponent; // @public (undocumented) export const PeoplePickerItemSuggestionBase: (props: IPeoplePickerItemSuggestionProps) => JSX.Element; // @public -export const Persona: React.FunctionComponent; +export const Persona: React_2.FunctionComponent; // @public -export const PersonaBase: React.FunctionComponent; +export const PersonaBase: React_2.FunctionComponent; // @public -export const PersonaCoin: React.FunctionComponent; +export const PersonaCoin: React_2.FunctionComponent; // @public -export const PersonaCoinBase: React.FunctionComponent; +export const PersonaCoinBase: React_2.FunctionComponent; // @public (undocumented) export enum PersonaInitialsColor { @@ -8996,13 +8998,13 @@ export namespace personaSize { } // @public -export const Pivot: React.FunctionComponent; +export const Pivot: React_2.FunctionComponent; // @public (undocumented) -export const PivotBase: React.FunctionComponent; +export const PivotBase: React_2.FunctionComponent; // @public (undocumented) -export class PivotItem extends React.Component { +export class PivotItem extends React_2.Component { constructor(props: IPivotItemProps); // (undocumented) render(): JSX.Element; @@ -9027,10 +9029,10 @@ export const enum PivotLinkSize { export type PivotLinkSizeType = 'normal' | 'large'; // @public (undocumented) -export const PlainCard: React.FunctionComponent; +export const PlainCard: React_2.FunctionComponent; // @public (undocumented) -export class PlainCardBase extends React.Component { +export class PlainCardBase extends React_2.Component { constructor(props: IPlainCardProps); // (undocumented) render(): JSX.Element; @@ -9039,7 +9041,7 @@ export class PlainCardBase extends React.Component { export { Point } // @public -export const Popup: React.FunctionComponent; +export const Popup: React_2.FunctionComponent; // @public (undocumented) export enum Position { @@ -9063,7 +9065,7 @@ export function positionCard(props: IPositionProps, hostElement: HTMLElement, el export function positionElement(props: IPositionProps, hostElement: HTMLElement, elementToPosition: HTMLElement, previousPositions?: IPositionedData): IPositionedData; // @public (undocumented) -export const PositioningContainer: React.FunctionComponent; +export const PositioningContainer: React_2.FunctionComponent; // @public (undocumented) export const presenceBoolean: (presence: PersonaPresence) => { @@ -9076,16 +9078,16 @@ export const presenceBoolean: (presence: PersonaPresence) => { }; // @public (undocumented) -export class PrimaryButton extends React.Component { +export class PrimaryButton extends React_2.Component { // (undocumented) render(): JSX.Element; } // @public -export const ProgressIndicator: React.FunctionComponent; +export const ProgressIndicator: React_2.FunctionComponent; // @public -export class ProgressIndicatorBase extends React.Component { +export class ProgressIndicatorBase extends React_2.Component { constructor(props: IProgressIndicatorProps); // (undocumented) static defaultProps: { @@ -9098,10 +9100,10 @@ export class ProgressIndicatorBase extends React.Component; +export const Rating: React_2.FunctionComponent; // @public (undocumented) -export const RatingBase: React.FunctionComponent; +export const RatingBase: React_2.FunctionComponent; // @public (undocumented) export enum RatingSize { @@ -9124,10 +9126,10 @@ export enum RectangleEdge { } // @public (undocumented) -export const ResizeGroup: React.FunctionComponent; +export const ResizeGroup: React_2.FunctionComponent; // @public (undocumented) -export const ResizeGroupBase: React.FunctionComponent; +export const ResizeGroupBase: React_2.FunctionComponent; // @public (undocumented) export enum ResizeGroupDirection { @@ -9159,10 +9161,10 @@ export function rgb2hsv(r: number, g: number, b: number): IHSV; export const RGBA_REGEX: RegExp; // @public (undocumented) -export const ScrollablePane: React.FunctionComponent; +export const ScrollablePane: React_2.FunctionComponent; // @public (undocumented) -export class ScrollablePaneBase extends React.Component implements IScrollablePane { +export class ScrollablePaneBase extends React_2.Component implements IScrollablePane { constructor(props: IScrollablePaneProps); // (undocumented) addSticky: (sticky: Sticky) => void; @@ -9207,7 +9209,7 @@ export class ScrollablePaneBase extends React.Component; +export const ScrollablePaneContext: React_2.Context; // @public (undocumented) export const ScrollbarVisibility: { @@ -9230,10 +9232,10 @@ export const ScrollToMode: { export type ScrollToMode = typeof ScrollToMode[keyof typeof ScrollToMode]; // @public (undocumented) -export const SearchBox: React.FunctionComponent; +export const SearchBox: React_2.FunctionComponent; // @public (undocumented) -export const SearchBoxBase: React.FunctionComponent; +export const SearchBoxBase: React_2.FunctionComponent; // @public (undocumented) enum SelectableOptionMenuItemType { @@ -9267,16 +9269,16 @@ export class SelectedPeopleList extends BasePeopleSelectedItemsList { protected renderItems: () => JSX.Element[]; } -export { Selection } +export { Selection_2 as Selection } export { SELECTION_CHANGE } export { SelectionDirection } -export { SelectionMode } +export { SelectionMode_2 as SelectionMode } // @public (undocumented) -export class SelectionZone extends React.Component { +export class SelectionZone extends React_2.Component { constructor(props: ISelectionZoneProps); // (undocumented) componentDidMount(): void; @@ -9287,7 +9289,7 @@ export class SelectionZone extends React.Component; +export const Separator: React_2.FunctionComponent; // @public (undocumented) -export const SeparatorBase: React.FunctionComponent; +export const SeparatorBase: React_2.FunctionComponent; // @public export function sequencesToID(keySequences: string[]): string; @@ -9343,22 +9345,22 @@ export enum Shade { } // @public (undocumented) -export const Shimmer: React.FunctionComponent; +export const Shimmer: React_2.FunctionComponent; // @public (undocumented) -export const ShimmerBase: React.FunctionComponent; +export const ShimmerBase: React_2.FunctionComponent; // @public (undocumented) -export const ShimmerCircle: React.FunctionComponent; +export const ShimmerCircle: React_2.FunctionComponent; // @public (undocumented) -export const ShimmerCircleBase: React.FunctionComponent; +export const ShimmerCircleBase: React_2.FunctionComponent; // @public (undocumented) -export const ShimmeredDetailsList: React.FunctionComponent; +export const ShimmeredDetailsList: React_2.FunctionComponent; // @public (undocumented) -export class ShimmeredDetailsListBase extends React.Component { +export class ShimmeredDetailsListBase extends React_2.Component { constructor(props: IShimmeredDetailsListProps); // (undocumented) render(): JSX.Element; @@ -9372,10 +9374,10 @@ export enum ShimmerElementsDefaultHeights { } // @public (undocumented) -export const ShimmerElementsGroup: React.FunctionComponent; +export const ShimmerElementsGroup: React_2.FunctionComponent; // @public (undocumented) -export const ShimmerElementsGroupBase: React.FunctionComponent; +export const ShimmerElementsGroupBase: React_2.FunctionComponent; // @public export enum ShimmerElementType { @@ -9385,16 +9387,16 @@ export enum ShimmerElementType { } // @public (undocumented) -export const ShimmerGap: React.FunctionComponent; +export const ShimmerGap: React_2.FunctionComponent; // @public (undocumented) -export const ShimmerGapBase: React.FunctionComponent; +export const ShimmerGapBase: React_2.FunctionComponent; // @public (undocumented) -export const ShimmerLine: React.FunctionComponent; +export const ShimmerLine: React_2.FunctionComponent; // @public (undocumented) -export const ShimmerLineBase: React.FunctionComponent; +export const ShimmerLineBase: React_2.FunctionComponent; // @public (undocumented) export const sizeBoolean: (size: PersonaSize) => { @@ -9418,19 +9420,19 @@ export const sizeToPixels: { }; // @public (undocumented) -export const Slider: React.FunctionComponent; +export const Slider: React_2.FunctionComponent; // @public (undocumented) -export const SliderBase: React.FunctionComponent; +export const SliderBase: React_2.FunctionComponent; // @public -export const SpinButton: React.FunctionComponent; +export const SpinButton: React_2.FunctionComponent; // @public (undocumented) -export const Spinner: React.FunctionComponent; +export const Spinner: React_2.FunctionComponent; // @public (undocumented) -export class SpinnerBase extends React.Component { +export class SpinnerBase extends React_2.Component { // (undocumented) static defaultProps: ISpinnerProps; // (undocumented) @@ -9457,15 +9459,15 @@ export enum SpinnerType { } // @public (undocumented) -export const Stack: React.FunctionComponent & { - Item: React.FunctionComponent; +export const Stack: React_2.FunctionComponent & { + Item: React_2.FunctionComponent; }; // @public (undocumented) -export const StackItem: React.FunctionComponent; +export const StackItem: React_2.FunctionComponent; // @public (undocumented) -export class Sticky extends React.Component { +export class Sticky extends React_2.Component { constructor(props: IStickyProps); // (undocumented) addSticky(stickyContent: HTMLDivElement): void; @@ -9480,7 +9482,7 @@ export class Sticky extends React.Component { // (undocumented) componentWillUnmount(): void; // (undocumented) - static contextType: React.Context; + static contextType: React_2.Context; // (undocumented) static defaultProps: IStickyProps; // (undocumented) @@ -9533,7 +9535,7 @@ export enum SuggestionItemType { } // @public (undocumented) -export class Suggestions extends React.Component, ISuggestionsState> { +export class Suggestions extends React_2.Component, ISuggestionsState> { constructor(suggestionsProps: ISuggestionsProps); // (undocumented) componentDidMount(): void; @@ -9548,7 +9550,7 @@ export class Suggestions extends React.Component, ISugge // (undocumented) focusSearchForMoreButton(): void; // (undocumented) - protected _forceResolveButton: React.RefObject; + protected _forceResolveButton: React_2.RefObject; // (undocumented) hasSuggestedAction(): boolean; // (undocumented) @@ -9558,14 +9560,14 @@ export class Suggestions extends React.Component, ISugge // (undocumented) scrollSelected(): void; // (undocumented) - protected _searchForMoreButton: React.RefObject; + protected _searchForMoreButton: React_2.RefObject; // (undocumented) - protected _selectedElement: React.RefObject; + protected _selectedElement: React_2.RefObject; tryHandleKeyDown: (keyCode: number, currentSuggestionIndex: number) => boolean; } // @public -export class SuggestionsControl extends React.Component, ISuggestionsControlState> { +export class SuggestionsControl extends React_2.Component, ISuggestionsControlState> { constructor(suggestionsProps: ISuggestionsControlProps); // (undocumented) componentDidMount(): void; @@ -9604,13 +9606,13 @@ export class SuggestionsControl extends React.Component; + protected _selectedElement: React_2.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>; + protected _suggestions: React_2.RefObject>; } // @public (undocumented) @@ -9647,7 +9649,7 @@ export class SuggestionsController { } // @public -export class SuggestionsCore extends React.Component, {}> { +export class SuggestionsCore extends React_2.Component, {}> { constructor(suggestionsProps: ISuggestionsCoreProps); // (undocumented) componentDidUpdate(): void; @@ -9674,20 +9676,20 @@ export class SuggestionsCore extends React.Component // (undocumented) get selectedElement(): HTMLDivElement | undefined; // (undocumented) - protected _selectedElement: React.RefObject; + protected _selectedElement: React_2.RefObject; // (undocumented) setSelectedSuggestion(index: number): void; } // @public (undocumented) -export class SuggestionsHeaderFooterItem extends React.Component { +export class SuggestionsHeaderFooterItem extends React_2.Component { constructor(props: ISuggestionsHeaderFooterItemProps); // (undocumented) render(): JSX.Element; } // @public (undocumented) -export class SuggestionsItem extends React.Component, {}> { +export class SuggestionsItem extends React_2.Component, {}> { constructor(props: ISuggestionItemProps); // (undocumented) render(): JSX.Element; @@ -9716,25 +9718,25 @@ export type SuggestionsStoreOptions = { }; // @public (undocumented) -export const SwatchColorPicker: React.FunctionComponent; +export const SwatchColorPicker: React_2.FunctionComponent; // @public (undocumented) -export const SwatchColorPickerBase: React.FunctionComponent; +export const SwatchColorPickerBase: React_2.FunctionComponent; // @public (undocumented) -export const TagItem: React.FunctionComponent; +export const TagItem: React_2.FunctionComponent; // @public (undocumented) export const TagItemBase: (props: ITagItemProps) => JSX.Element; // @public (undocumented) -export const TagItemSuggestion: React.FunctionComponent; +export const TagItemSuggestion: React_2.FunctionComponent; // @public (undocumented) export const TagItemSuggestionBase: (props: ITagItemSuggestionProps) => JSX.Element; // @public (undocumented) -export const TagPicker: React.FunctionComponent; +export const TagPicker: React_2.FunctionComponent; // @public (undocumented) export class TagPickerBase extends BasePicker { @@ -9749,28 +9751,30 @@ export class TagPickerBase extends BasePicker { export { Target } // @public (undocumented) -export const TeachingBubble: React.FunctionComponent; +export const TeachingBubble: React_2.FunctionComponent; // @public (undocumented) -export const TeachingBubbleBase: React.FunctionComponent; +export const TeachingBubbleBase: React_2.FunctionComponent; // @public (undocumented) -export const TeachingBubbleContent: React.FunctionComponent; +export const TeachingBubbleContent: React_2.FunctionComponent; // @public (undocumented) -export const TeachingBubbleContentBase: React.FunctionComponent; +export const TeachingBubbleContentBase: React_2.FunctionComponent; // @public (undocumented) -export const Text: React.FunctionComponent; +const Text_2: React_2.FunctionComponent; + +export { Text_2 as Text } // @public (undocumented) -export const TextField: React.FunctionComponent; +export const TextField: React_2.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 { +export class TextFieldBase extends React_2.Component implements ITextField { constructor(props: ITextFieldProps); blur(): void; // (undocumented) @@ -9802,7 +9806,7 @@ export const TextStyles: ITextComponent['styles']; export const TextView: ITextComponent['view']; // @public (undocumented) -export const ThemeContext: React.Context; +export const ThemeContext: React_2.Context; // @public (undocumented) export class ThemeGenerator { @@ -9816,13 +9820,13 @@ export class ThemeGenerator { } // @public -export const ThemeProvider: React.FunctionComponent; +export const ThemeProvider: React_2.FunctionComponent; // @public -export interface ThemeProviderProps extends React.HTMLAttributes { +export interface ThemeProviderProps extends React_2.HTMLAttributes { applyTo?: 'element' | 'body' | 'none'; - as?: React.ElementType; - ref?: React.Ref; + as?: React_2.ElementType; + ref?: React_2.Ref; theme?: PartialTheme | Theme; } @@ -9830,16 +9834,16 @@ export interface ThemeProviderProps extends React.HTMLAttributes export function themeRulesStandardCreator(): IThemeRules; // @public (undocumented) -export const Toggle: React.FunctionComponent; +export const Toggle: React_2.FunctionComponent; // @public (undocumented) -export const ToggleBase: React.FunctionComponent; +export const ToggleBase: React_2.FunctionComponent; // @public (undocumented) -export const Tooltip: React.FunctionComponent; +export const Tooltip: React_2.FunctionComponent; // @public (undocumented) -export class TooltipBase extends React.Component { +export class TooltipBase extends React_2.Component { // (undocumented) static defaultProps: Partial; // (undocumented) @@ -9855,10 +9859,10 @@ export enum TooltipDelay { } // @public (undocumented) -export const TooltipHost: React.FunctionComponent; +export const TooltipHost: React_2.FunctionComponent; // @public (undocumented) -export class TooltipHostBase extends React.Component implements ITooltipHost { +export class TooltipHostBase extends React_2.Component implements ITooltipHost { constructor(props: ITooltipHostProps); // (undocumented) componentWillUnmount(): void; @@ -9902,13 +9906,13 @@ export function updateSV(color: IColor, s: number, v: number): IColor; export function updateT(color: IColor, t: number): IColor; // @public (undocumented) -export function useHeightOffset({ finalHeight }: IPositioningContainerProps, contentHost: React.RefObject): number; +export function useHeightOffset({ finalHeight }: IPositioningContainerProps, contentHost: React_2.RefObject): number; // @public -export function useKeytipRef(options: KeytipDataOptions): React.Ref; +export function useKeytipRef(options: KeytipDataOptions): React_2.Ref; // @public -export const useResponsiveMode: (elementRef: React.RefObject) => ResponsiveMode; +export const useResponsiveMode: (elementRef: React_2.RefObject) => ResponsiveMode; // @public export type UseStylesOptions = { @@ -9926,10 +9930,10 @@ export enum ValidationState { } // @public (undocumented) -export const VerticalDivider: React.FunctionComponent; +export const VerticalDivider: React_2.FunctionComponent; // @public (undocumented) -export class VirtualizedComboBox extends React.Component implements IComboBox { +export class VirtualizedComboBox extends React_2.Component implements IComboBox { constructor(props: IComboBoxProps); // (undocumented) dismissMenu(): void; @@ -9945,12 +9949,12 @@ export class VirtualizedComboBox extends React.Component imp } // @public (undocumented) -export const WeeklyDayPicker: React.FunctionComponent; +export const WeeklyDayPicker: React_2.FunctionComponent; // @public @deprecated (undocumented) export function withResponsiveMode(ComposedComponent: new (props: TProps, ...args: any[]) => React.Component): any; +}, TState>(ComposedComponent: new (props: TProps, ...args: any[]) => React_2.Component): any; export * from "@fluentui/date-time-utilities/lib/dateMath/dateMath"; diff --git a/packages/react/package.json b/packages/react/package.json index 0cf0c921ca038..01f652639427f 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -67,7 +67,7 @@ "@fluentui/theme": "^2.0.4", "@fluentui/utilities": "^8.0.4", "@microsoft/load-themed-styles": "^1.10.26", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react/src/components/Callout/Callout.test.tsx b/packages/react/src/components/Callout/Callout.test.tsx index 573336d670d1c..3e477d1e4684e 100644 --- a/packages/react/src/components/Callout/Callout.test.tsx +++ b/packages/react/src/components/Callout/Callout.test.tsx @@ -4,8 +4,6 @@ import * as ReactTestUtils from 'react-dom/test-utils'; import { Callout } from './Callout'; import { CalloutContent } from './CalloutContent'; import { DirectionalHint } from '../../common/DirectionalHint'; -import * as Utilities from '../../Utilities'; -import * as positioning from '../../Positioning'; import { safeCreate } from '@fluentui/test-utilities'; import { isConformant } from '../../common/isConformant'; import { IPopupRestoreFocusParams } from '../../Popup'; @@ -24,24 +22,6 @@ describe('Callout', () => { }); it('renders Callout correctly', () => { - spyOn(Utilities, 'getWindow').and.returnValue({ - addEventListener: jest.fn(), - removeEventListener: jest.fn(), - document: { - documentElement: { - addEventListener: jest.fn(), - removeEventListener: jest.fn(), - }, - }, - }); - spyOn(positioning, 'getBoundsFromTargetWindow').and.returnValue({ - top: 0, - left: 0, - right: 100, - bottom: 768, - width: 100, - height: 768, - }); safeCreate(Content, component => { const tree = component.toJSON(); expect(tree).toMatchSnapshot(); diff --git a/packages/react/src/components/ChoiceGroup/ChoiceGroup.base.tsx b/packages/react/src/components/ChoiceGroup/ChoiceGroup.base.tsx index 197e718d1ac62..b7b2f709c6954 100644 --- a/packages/react/src/components/ChoiceGroup/ChoiceGroup.base.tsx +++ b/packages/react/src/components/ChoiceGroup/ChoiceGroup.base.tsx @@ -134,9 +134,9 @@ export const ChoiceGroupBase: React.FunctionComponent = React {options.map((option: IChoiceGroupOption) => { return ( ({ ...item, index: index })), - onDismiss: this._onDismiss, - }, - this._onRenderContainer, - )} + onRenderContainer({ + ...this.props, + onRenderList, + onRenderItem, + onRenderOption, + options: currentOptions.map((item, index) => ({ ...item, index: index })), + onDismiss: this._onDismiss, + })}

{ private _async: Async; private _events: EventGroup; private _root = React.createRef(); - private _dragDropSubscription: IDisposable; + private _dragDropSubscription?: IDisposable; private _classNames: IProcessedStyleSet; constructor(props: IDetailsColumnProps) { diff --git a/packages/react/src/components/DetailsList/DetailsHeader.base.tsx b/packages/react/src/components/DetailsList/DetailsHeader.base.tsx index 8becbebf26b00..d33122f6cf94d 100644 --- a/packages/react/src/components/DetailsList/DetailsHeader.base.tsx +++ b/packages/react/src/components/DetailsList/DetailsHeader.base.tsx @@ -59,7 +59,7 @@ export class DetailsHeaderBase extends React.Component; private _rowClassNames: IDetailsRowFieldsProps['rowClassNames']; diff --git a/packages/react/src/components/GroupedList/GroupedListSection.tsx b/packages/react/src/components/GroupedList/GroupedListSection.tsx index 9e51dbee8604d..1c56404c72be1 100644 --- a/packages/react/src/components/GroupedList/GroupedListSection.tsx +++ b/packages/react/src/components/GroupedList/GroupedListSection.tsx @@ -117,7 +117,7 @@ export class GroupedListSection extends React.Component extends React.Component, IListState> }; }; private _focusedIndex: number; - private _scrollElement: HTMLElement; + private _scrollElement?: HTMLElement; private _hasCompletedFirstRender: boolean; // surface rect relative to window @@ -136,7 +136,7 @@ export class List extends React.Component, IListState> private _requiredWindowsBehind: number; private _measureVersion: number; - private _scrollHeight: number; + private _scrollHeight: number | undefined; private _scrollTop: number; private _pageCache: IPageCache; @@ -291,7 +291,7 @@ export class List extends React.Component, IListState> } } - this._scrollElement.scrollTop = scrollTop; + this._scrollElement!.scrollTop = scrollTop; return; } @@ -1092,7 +1092,7 @@ export class List extends React.Component, IListState> this._measureVersion++; } - this._scrollHeight = scrollHeight; + this._scrollHeight = scrollHeight!; // If the surface is above the container top or below the container bottom, or if this is not the first // render return empty rect. diff --git a/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx index 5911e52b2eaa6..26968caeecfe4 100644 --- a/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx +++ b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx @@ -51,8 +51,8 @@ export class MarqueeSelectionBase extends React.Component=16.8.0 <18.0.0", diff --git a/packages/style-utilities/etc/style-utilities.api.md b/packages/style-utilities/etc/style-utilities.api.md index 3747674a054d2..206f52fe09dfb 100644 --- a/packages/style-utilities/etc/style-utilities.api.md +++ b/packages/style-utilities/etc/style-utilities.api.md @@ -125,7 +125,7 @@ export function getIcon(name?: string): IIconRecord | undefined; export function getIconClassName(name: string): string; // @public -export const getInputFocusStyle: (borderColor: string, borderRadius: string | number, borderType?: "border" | "borderBottom", borderPosition?: number) => IRawStyle; +export const getInputFocusStyle: (borderColor: string, borderRadius: string | number, borderType?: 'border' | 'borderBottom', borderPosition?: number) => IRawStyle; // @public export function getPlaceholderStyles(styles: IStyle): IStyle; diff --git a/packages/style-utilities/package.json b/packages/style-utilities/package.json index b1605fd189e6f..5bdebfe1edc58 100644 --- a/packages/style-utilities/package.json +++ b/packages/style-utilities/package.json @@ -34,6 +34,6 @@ "@fluentui/merge-styles": "^8.0.3", "@fluentui/set-version": "^8.0.2", "@fluentui/utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/theme-samples/package.json b/packages/theme-samples/package.json index d64583a58dbe8..fbbd7c7f6d63b 100644 --- a/packages/theme-samples/package.json +++ b/packages/theme-samples/package.json @@ -29,6 +29,6 @@ "@fluentui/react": "^8.11.2", "@fluentui/set-version": "^8.0.2", "@fluentui/scheme-utilities": "^8.0.4", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/theme/package.json b/packages/theme/package.json index 1b6d2db07accb..df30abe216008 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -37,7 +37,7 @@ "@fluentui/merge-styles": "^8.0.3", "@fluentui/utilities": "^8.0.4", "@fluentui/set-version": "^8.0.2", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/utilities/etc/utilities.api.md b/packages/utilities/etc/utilities.api.md index b3432b2bdf339..b5377b80ede37 100644 --- a/packages/utilities/etc/utilities.api.md +++ b/packages/utilities/etc/utilities.api.md @@ -17,9 +17,9 @@ import { IStyleFunctionOrObject } from '@fluentui/merge-styles'; import { IStyleSet } from '@fluentui/merge-styles'; import { isVirtualElement } from '@fluentui/dom-utilities'; import { IVirtualElement } from '@fluentui/dom-utilities'; -import { Omit } from '@fluentui/merge-styles'; +import { Omit as Omit_2 } from '@fluentui/merge-styles'; import { portalContainsElement } from '@fluentui/dom-utilities'; -import * as React from 'react'; +import * as React_2 from 'react'; import { setPortalAttribute } from '@fluentui/dom-utilities'; import { setVirtualParent } from '@fluentui/dom-utilities'; @@ -45,9 +45,9 @@ export function appendFunction(parent: any, ...functions: any[]): () => void; export function arraysEqual(array1: T[], array2: T[]): boolean; // @public -export function asAsync(options: IAsAsyncOptions): React.ForwardRefExoticComponent | React.FunctionComponent | "keygen" | "menuitem" | "noindex" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | undefined; -}> & React.RefAttributes>>; +export function asAsync(options: IAsAsyncOptions): React_2.ForwardRefExoticComponent | React_2.ComponentClass | "keygen" | "menuitem" | "noindex" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined; +}> & React_2.RefAttributes>>; // @public export function assertNever(x: never): never; @@ -93,7 +93,7 @@ export class AutoScroll { } // @public @deprecated -export class BaseComponent extends React.Component { +export class BaseComponent extends React_2.Component { constructor(props: TProps, context?: any); protected get _async(): Async; get className(): string; @@ -105,7 +105,7 @@ export class BaseComponent extends // @deprecated (undocumented) static onError: (errorMessage?: string, ex?: any) => void; // @deprecated - protected _resolveRef(refName: string): (ref: React.ReactNode) => React.ReactNode; + protected _resolveRef(refName: string): (ref: React_2.ReactNode) => React_2.ReactNode; protected _skipComponentRefResolution: boolean; protected _updateComponentRef(currentProps: IBaseProps, newProps?: IBaseProps): void; protected _warnConditionallyRequiredProps(requiredProps: string[], conditionalPropName: string, condition: boolean): void; @@ -147,7 +147,7 @@ export function createArray(size: number, getItem: (index: number) => T): T[] export function createMemoizer any>(getValue: F): F; // @public -export const createMergedRef: (value?: TValue | undefined) => (...newRefs: (((instance: TType | TValue | null) => void) | React.RefObject | null | undefined)[]) => (newValue: TType | TValue | null) => void; +export const createMergedRef: (value?: TValue | undefined) => (...newRefs: (((instance: TType | TValue | null) => void) | React_2.RefObject | null | undefined)[]) => (newValue: TType | TValue | null) => void; // Warning: (ae-incompatible-release-tags) The symbol "css" is marked as @public, but its signature references "ICssInput" which is marked as @internal // @@ -155,7 +155,7 @@ export const createMergedRef: (value?: TValue | undefined) export function css(...args: ICssInput[]): string; // @public (undocumented) -export function customizable(scope: string, fields: string[], concatStyles?: boolean):

(ComposedComponent: React.ComponentType

) => any; +export function customizable(scope: string, fields: string[], concatStyles?: boolean):

(ComposedComponent: React_2.ComponentType

) => any; // @public (undocumented) export class Customizations { @@ -173,17 +173,17 @@ export class Customizations { } // @public @deprecated -export class Customizer extends React.Component { +export class Customizer extends React_2.Component { // (undocumented) componentDidMount(): void; // (undocumented) componentWillUnmount(): void; // (undocumented) - render(): React.ReactElement<{}>; + render(): React_2.ReactElement<{}>; } // @public (undocumented) -export const CustomizerContext: React.Context; +export const CustomizerContext: React_2.Context; // @public export const DATA_IS_SCROLLABLE_ATTRIBUTE = "data-is-scrollable"; @@ -193,7 +193,7 @@ export { DATA_PORTAL_ATTRIBUTE } // Warning: (ae-incompatible-release-tags) The symbol "DelayedRender" is marked as @public, but its signature references "IDelayedRenderState" which is marked as @internal // // @public -export class DelayedRender extends React.Component { +export class DelayedRender extends React_2.Component { constructor(props: IDelayedRenderProps); // (undocumented) componentDidMount(): void; @@ -204,7 +204,7 @@ export class DelayedRender extends React.Component | null; + render(): React_2.ReactElement<{}> | null; } // @public @@ -245,7 +245,7 @@ export class EventGroup { } // @public -export function extendComponent(parent: T, methods: { +export function extendComponent(parent: T, methods: { [key in keyof T]?: T[key]; }): void; @@ -294,8 +294,8 @@ export function focusAsync(element: HTMLElement | { export function focusFirstChild(rootElement: HTMLElement): boolean; // @public -export const FocusRects: React.FunctionComponent<{ - rootRef?: React.RefObject; +export const FocusRects: React_2.FunctionComponent<{ + rootRef?: React_2.RefObject; }>; // @public @@ -340,7 +340,7 @@ export function getLastFocusable(rootElement: HTMLElement, currentElement: HTMLE export function getLastTabbable(rootElement: HTMLElement, currentElement: HTMLElement, includeElementsInFocusZones?: boolean, checkNode?: boolean): HTMLElement | null; // @public -export function getNativeElementProps>(tagName: string, props: {}, excludedPropNames?: string[]): TAttributes; +export function getNativeElementProps>(tagName: string, props: {}, excludedPropNames?: string[]): TAttributes; // @public export function getNativeProps>(props: Record, allowedPropNames: string[] | Record, excludedPropNames?: string[]): T; @@ -412,7 +412,7 @@ export const htmlElementProperties: Record; // @public (undocumented) export interface IAsAsyncOptions { - load: () => Promise>; + load: () => Promise>; onError?: (error: Error) => void; onLoad?: () => void; } @@ -461,11 +461,11 @@ export interface IClassNamesFunctionOptions { } // @public -export type IComponentAs = React.ComponentType>; +export type IComponentAs = React_2.ComponentType>; // @public export type IComponentAsProps = T & { - defaultRender?: React.ComponentType; + defaultRender?: React_2.ComponentType; }; // Warning: (ae-internal-missing-underscore) The name "ICssInput" should be prefixed with an underscore because the declaration is marked as @internal @@ -514,7 +514,7 @@ export interface IDeclaredEventsByName { } // @public -export interface IDelayedRenderProps extends React.Props<{}> { +export interface IDelayedRenderProps extends React_2.Props<{}> { delay?: number; } @@ -595,7 +595,7 @@ export const imageProperties: Record; export const imgProperties: Record; // @public -export function initializeComponentRef(obj: React.Component): void; +export function initializeComponentRef(obj: React_2.Component): void; // @public @deprecated export function initializeFocusRects(window?: Window): void; @@ -666,7 +666,7 @@ export interface IRectangle { } // @public (undocumented) -export type IRefObject = React.RefObject | RefObject | ((ref: T | null) => void); +export type IRefObject = React_2.RefObject | RefObject | ((ref: T | null) => void); // @public export interface IRenderComponent { @@ -710,7 +710,7 @@ export interface ISelection { // (undocumented) isRangeSelected(fromIndex: number, count: number): boolean; // (undocumented) - mode: SelectionMode; + mode: SelectionMode_2; // (undocumented) selectToIndex(index: number, clearSelection?: boolean): void; // (undocumented) @@ -747,7 +747,7 @@ export interface ISelectionOptions { // (undocumented) onSelectionChanged?: () => void; // (undocumented) - selectionMode?: SelectionMode; + selectionMode?: SelectionMode_2; } // @public @@ -942,7 +942,7 @@ export const liProperties: Record; export function mapEnumByName(theEnum: any, callback: (name?: string, value?: string | number) => T | undefined): (T | undefined)[] | undefined; // @public -export function memoize(target: any, key: string, descriptor: TypedPropertyDescriptor): { +export function memoize(_target: any, _key: string, descriptor: TypedPropertyDescriptor): { configurable: boolean; get(): T; }; @@ -974,11 +974,11 @@ export function nullRender(): JSX.Element | null; // @public export const olProperties: Record; -export { Omit } - // @public export function omit>(obj: TObj, exclusions: (keyof TObj)[]): TObj; +export { Omit_2 as Omit } + // @public (undocumented) export function on(element: Element | Window | Document, eventName: string, callback: (ev: Event) => void, options?: boolean): () => void; @@ -1043,13 +1043,13 @@ export function resetIds(counter?: number): void; export function resetMemoizations(): void; // @public -export const safeRequestAnimationFrame: (component: React.Component<{}, {}, any>) => (cb: Function) => void; +export const safeRequestAnimationFrame: (component: React_2.Component) => (cb: Function) => void; // @public -export const safeSetTimeout: (component: React.Component<{}, {}, any>) => (cb: Function, duration: number) => void; +export const safeSetTimeout: (component: React_2.Component) => (cb: Function, duration: number) => void; // @public (undocumented) -export class Selection implements ISelection { +class Selection_2 implements ISelection { constructor(...options: TItem extends IObjectWithKey ? [] | [ISelectionOptions] : [ISelectionOptionsWithRequiredGetKey]); // (undocumented) canSelectItem(item: TItem, index?: number): boolean; @@ -1075,7 +1075,7 @@ export class Selection implements ISelection { // (undocumented) isRangeSelected(fromIndex: number, count: number): boolean; // (undocumented) - readonly mode: SelectionMode; + readonly mode: SelectionMode_2; // (undocumented) selectToIndex(index: number, clearSelection?: boolean): void; // (undocumented) @@ -1101,6 +1101,8 @@ export class Selection implements ISelection { toggleRangeSelected(fromIndex: number, count: number): void; } +export { Selection_2 as Selection } + // @public (undocumented) export const SELECTION_CHANGE = "change"; @@ -1113,7 +1115,7 @@ export enum SelectionDirection { } // @public (undocumented) -export enum SelectionMode { +enum SelectionMode_2 { // (undocumented) multiple = 2, // (undocumented) @@ -1122,6 +1124,8 @@ export enum SelectionMode { single = 1 } +export { SelectionMode_2 as SelectionMode } + // @public export const selectProperties: Record; @@ -1168,10 +1172,10 @@ export function shallowCompare(a: TA, b: TB): bo export function shouldWrapFocus(element: HTMLElement, noWrapDataAttribute: 'data-no-vertical-wrap' | 'data-no-horizontal-wrap'): boolean; // @public -export function styled, TStyleProps, TStyleSet extends IStyleSet>(Component: React.ComponentClass | React.FunctionComponent, baseStyles: IStyleFunctionOrObject, getProps?: (props: TComponentProps) => Partial, customizable?: ICustomizableProps, pure?: boolean): React.FunctionComponent; +export function styled, TStyleProps, TStyleSet extends IStyleSet>(Component: React_2.ComponentClass | React_2.FunctionComponent, baseStyles: IStyleFunctionOrObject, getProps?: (props: TComponentProps) => Partial, customizable?: ICustomizableProps, pure?: boolean): React_2.FunctionComponent; // @public (undocumented) -export function styled & React.RefAttributes, TStyleProps, TStyleSet extends IStyleSet, TRef = unknown>(Component: React.ComponentClass | React.FunctionComponent, baseStyles: IStyleFunctionOrObject, getProps?: (props: TComponentProps) => Partial, customizable?: ICustomizableProps, pure?: boolean): React.ForwardRefExoticComponent & React.RefAttributes>; +export function styled & React_2.RefAttributes, TStyleProps, TStyleSet extends IStyleSet, TRef = unknown>(Component: React_2.ComponentClass | React_2.FunctionComponent, baseStyles: IStyleFunctionOrObject, getProps?: (props: TComponentProps) => Partial, customizable?: ICustomizableProps, pure?: boolean): React_2.ForwardRefExoticComponent & React_2.RefAttributes>; // @public (undocumented) export type StyleFunction = IStyleFunctionOrObject & { @@ -1204,7 +1208,7 @@ export function unhoistMethods(source: any, methodNames: string[]): void; export function useCustomizationSettings(properties: string[], scopeName?: string): ISettings; // @public -export function useFocusRects(rootRef?: React.RefObject): void; +export function useFocusRects(rootRef?: React_2.RefObject): void; // @public export function values(obj: any): T[]; diff --git a/packages/utilities/package.json b/packages/utilities/package.json index b6f0fcedc80d1..7f7791fb649b5 100644 --- a/packages/utilities/package.json +++ b/packages/utilities/package.json @@ -43,7 +43,7 @@ "@fluentui/dom-utilities": "^2.0.2", "@fluentui/merge-styles": "^8.0.3", "@fluentui/set-version": "^8.0.2", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/utilities/src/AutoScroll.ts b/packages/utilities/src/AutoScroll.ts index 4ee984fd2ffce..802692a8505a9 100644 --- a/packages/utilities/src/AutoScroll.ts +++ b/packages/utilities/src/AutoScroll.ts @@ -24,7 +24,7 @@ export class AutoScroll { private _scrollRect: IRectangle | undefined; private _scrollVelocity!: number; private _isVerticalScroll!: boolean; - private _timeoutId!: number; + private _timeoutId?: number; constructor(element: HTMLElement) { this._events = new EventGroup(this); diff --git a/packages/utilities/src/dom/getRect.ts b/packages/utilities/src/dom/getRect.ts index 580d17a46bbed..a6cdb606108b1 100644 --- a/packages/utilities/src/dom/getRect.ts +++ b/packages/utilities/src/dom/getRect.ts @@ -16,7 +16,7 @@ export function getRect(element: HTMLElement | Window | null): IRectangle | unde right: window.innerWidth, bottom: window.innerHeight, }; - } else if ((element as HTMLElement).getBoundingClientRect) { + } else if ((element as { getBoundingClientRect?: unknown }).getBoundingClientRect) { rect = (element as HTMLElement).getBoundingClientRect(); } } diff --git a/packages/utilities/src/memoize.ts b/packages/utilities/src/memoize.ts index c2d75bd625283..0099fbc19c779 100644 --- a/packages/utilities/src/memoize.ts +++ b/packages/utilities/src/memoize.ts @@ -43,8 +43,8 @@ export function resetMemoizations(): void { * @public */ export function memoize( - target: any, - key: string, + _target: any, + _key: string, descriptor: TypedPropertyDescriptor, ): { configurable: boolean; @@ -94,7 +94,7 @@ export function memoizeFunction RetType, RetType>( if (!_initializedStylesheetResets) { const stylesheet = Stylesheet.getInstance(); - if (stylesheet && stylesheet.onReset) { + if (stylesheet && (stylesheet as { onReset?: unknown }).onReset) { Stylesheet.getInstance().onReset(resetMemoizations); } _initializedStylesheetResets = true; diff --git a/packages/utilities/src/object.ts b/packages/utilities/src/object.ts index d641d3b79a4f8..6b7006a08527e 100644 --- a/packages/utilities/src/object.ts +++ b/packages/utilities/src/object.ts @@ -6,15 +6,15 @@ // eslint-disable-next-line @typescript-eslint/no-explicit-any export function shallowCompare(a: TA, b: TB): boolean { for (let propName in a) { - if (a.hasOwnProperty(propName)) { - if (!b.hasOwnProperty(propName) || b[propName] !== a[propName]) { + if ((a as Object).hasOwnProperty(propName)) { + if (!(b as Object).hasOwnProperty(propName) || (b as { [key: string]: unknown })[propName] !== a[propName]) { return false; } } } for (let propName in b) { - if (b.hasOwnProperty(propName)) { - if (!a.hasOwnProperty(propName)) { + if ((b as Object).hasOwnProperty(propName)) { + if (!(a as Object).hasOwnProperty(propName)) { return false; } } diff --git a/packages/web-components/package.json b/packages/web-components/package.json index debbd793eab92..46e3634dc814f 100644 --- a/packages/web-components/package.json +++ b/packages/web-components/package.json @@ -48,6 +48,7 @@ }, "devDependencies": { "@microsoft/eslint-config-fast-dna": "^1.2.0", + "@microsoft/api-extractor": "7.7.1", "@storybook/addons": "^5.3.8", "@storybook/cli": "^5.3.8", "@storybook/html": "^5.3.8", @@ -78,7 +79,7 @@ "lodash-es": "^4.17.20", "mocha": "^7.1.2", "prettier": "~1.19.1", - "rollup": "^2.7.6", + "rollup": "^2.41.0", "rollup-plugin-commonjs": "^10.1.0", "rollup-plugin-filesize": "^8.0.2", "rollup-plugin-node-resolve": "^5.2.0", @@ -90,7 +91,7 @@ "ts-loader": "^7.0.2", "ts-node": "^8.0.0", "tsconfig-paths": "^3.9.0", - "typescript": "3.9.7", + "typescript": "^3.9.7", "webpack": "^4.43.0" }, "dependencies": { diff --git a/packages/webpack-utilities/package.json b/packages/webpack-utilities/package.json index 339bc92575702..a045899b27ee7 100644 --- a/packages/webpack-utilities/package.json +++ b/packages/webpack-utilities/package.json @@ -21,7 +21,7 @@ }, "dependencies": { "loader-utils": "^1.1.0", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "webpack": ">=4.0.0 || >=5.0.0", diff --git a/scripts/api-extractor/api-extractor.common.json b/scripts/api-extractor/api-extractor.common.json index f6ae2eb3e8788..1bcb7d2ac694e 100644 --- a/scripts/api-extractor/api-extractor.common.json +++ b/scripts/api-extractor/api-extractor.common.json @@ -1,17 +1,16 @@ { "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json", - "mainEntryPointFilePath": "/lib/index.d.ts", - "newlineKind": "os", "apiReport": { "enabled": true }, "docModel": { - "enabled": true, - "apiJsonFilePath": "/dist/.api.json" + "apiJsonFilePath": "/dist/.api.json", + "enabled": true }, "dtsRollup": { "enabled": true }, + "mainEntryPointFilePath": "/lib/index.d.ts", "messages": { "extractorMessageReporting": { "ae-missing-release-tag": { @@ -22,9 +21,16 @@ } }, "tsdocMessageReporting": { + "tsdoc-inline-tag-missing-braces": { + "logLevel": "none" + }, "tsdoc-undefined-tag": { "logLevel": "none" + }, + "tsdoc-unsupported-tag": { + "logLevel": "none" } } - } + }, + "newlineKind": "os" } diff --git a/scripts/package.json b/scripts/package.json index 44232c31b4f10..fed336b14c444 100644 --- a/scripts/package.json +++ b/scripts/package.json @@ -27,6 +27,7 @@ "@babel/standalone": "^7.10.4", "@fluentui/eslint-plugin": "^1.1.0", "@mdx-js/loader": "^1.5.5", + "@microsoft/api-extractor": "7.13.0", "@microsoft/load-themed-styles": "^1.10.26", "@microsoft/loader-load-themed-styles": "^1.7.205", "@octokit/rest": "^16.28.2", diff --git a/yarn.lock b/yarn.lock index 20d544572f728..7d08123e49db0 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2453,6 +2453,14 @@ resolved "https://registry.yarnpkg.com/@mdx-js/util/-/util-1.5.5.tgz#6f88bcb847ebd0117fc81bcd26b83220062fd881" integrity sha512-IudQkyZuM8T1CrSX9r0ShPXCABjtEtyrV4lxQqhKAwFqw1aYpy/5LOZhitMLoJTybZPVdPotuh+zjqYy9ZOSbA== +"@microsoft/api-extractor-model@7.12.1": + version "7.12.1" + resolved "https://registry.yarnpkg.com/@microsoft/api-extractor-model/-/api-extractor-model-7.12.1.tgz#1f10915c434048da34e1c07845ba2623d5f23f66" + integrity sha512-Hw+kYfUb1gt6xPWGFW8APtLVWeNEWz4JE6PbLkSHw/j+G1hAaStzgxhBx3GOAWM/G0SCDGVJOpd5YheVOyu/KQ== + dependencies: + "@microsoft/tsdoc" "0.12.24" + "@rushstack/node-core-library" "3.35.2" + "@microsoft/api-extractor-model@7.7.1": version "7.7.1" resolved "https://registry.yarnpkg.com/@microsoft/api-extractor-model/-/api-extractor-model-7.7.1.tgz#ab200d021f156bd84a9b4daca064321795ce2f85" @@ -2461,6 +2469,23 @@ "@microsoft/node-core-library" "3.18.1" "@microsoft/tsdoc" "0.12.14" +"@microsoft/api-extractor@7.13.0": + version "7.13.0" + resolved "https://registry.yarnpkg.com/@microsoft/api-extractor/-/api-extractor-7.13.0.tgz#13900fc7596c29daeecd3f33ed8960cfc5250107" + integrity sha512-T+14VIhB91oJIett5AZ02VWYmz/01VHFWkcAOWiErIQ8AiFhJZoGqTjGxoi8ZpEEBuAj2EGVYojORwLc/+aiDQ== + dependencies: + "@microsoft/api-extractor-model" "7.12.1" + "@microsoft/tsdoc" "0.12.24" + "@rushstack/node-core-library" "3.35.2" + "@rushstack/rig-package" "0.2.9" + "@rushstack/ts-command-line" "4.7.8" + colors "~1.2.1" + lodash "~4.17.15" + resolve "~1.17.0" + semver "~7.3.0" + source-map "~0.6.1" + typescript "~4.1.3" + "@microsoft/api-extractor@7.7.1": version "7.7.1" resolved "https://registry.yarnpkg.com/@microsoft/api-extractor/-/api-extractor-7.7.1.tgz#47bc427cddb49cf6e6c3a02da918cc14839487da" @@ -2579,6 +2604,11 @@ resolved "https://registry.yarnpkg.com/@microsoft/tsdoc/-/tsdoc-0.12.20.tgz#4261285f666ee0c0378f810585dd4ec5bbfa8852" integrity sha512-/b13m37QZYPV6nCOiqkFyvlQjlTNvAcQpgFZ6ZKIqtStJxNdqVo/frULubxMUMWi6p9Uo5f4BRlguv5ViFcL0A== +"@microsoft/tsdoc@0.12.24": + version "0.12.24" + resolved "https://registry.yarnpkg.com/@microsoft/tsdoc/-/tsdoc-0.12.24.tgz#30728e34ebc90351dd3aff4e18d038eed2c3e098" + integrity sha512-Mfmij13RUTmHEMi9vRUhMXD7rnGR2VvxeNYtaGtaJ4redwwjT4UXYJ+nzmVJF7hhd4pn/Fx5sncDKxMVFJSWPg== + "@mrmlnc/readdir-enhanced@^2.2.1": version "2.2.1" resolved "https://registry.yarnpkg.com/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz#524af240d1a360527b730475ecfa1344aa540dde" @@ -2939,6 +2969,25 @@ dependencies: "@rushstack/node-core-library" "3.24.4" +"@rushstack/rig-package@0.2.9": + version "0.2.9" + resolved "https://registry.yarnpkg.com/@rushstack/rig-package/-/rig-package-0.2.9.tgz#57ef94e7f7703b18e275b603d3f59a1a16580716" + integrity sha512-4tqsZ/m+BjeNAGeAJYzPF53CT96TsAYeZ3Pq3T4tb1pGGM3d3TWfkmALZdKNhpRlAeShKUrb/o/f/0sAuK/1VQ== + dependencies: + "@types/node" "10.17.13" + resolve "~1.17.0" + strip-json-comments "~3.1.1" + +"@rushstack/ts-command-line@4.7.8": + version "4.7.8" + resolved "https://registry.yarnpkg.com/@rushstack/ts-command-line/-/ts-command-line-4.7.8.tgz#3aa77cf544c571be3206fc2bcba20c7a096ed254" + integrity sha512-8ghIWhkph7NnLCMDJtthpsb7TMOsVGXVDvmxjE/CeklTqjbbUFBjGXizJfpbEkRQTELuZQ2+vGn7sGwIWKN2uA== + dependencies: + "@types/argparse" "1.0.38" + argparse "~1.0.9" + colors "~1.2.1" + string-argv "~0.3.1" + "@samverschueren/stream-to-observable@^0.3.0": version "0.3.1" resolved "https://registry.yarnpkg.com/@samverschueren/stream-to-observable/-/stream-to-observable-0.3.1.tgz#a21117b19ee9be70c379ec1877537ef2e1c63301" @@ -4341,6 +4390,11 @@ resolved "https://registry.yarnpkg.com/@types/argparse/-/argparse-1.0.33.tgz#2728669427cdd74a99e53c9f457ca2866a37c52d" integrity sha512-VQgHxyPMTj3hIlq9SY1mctqx+Jj8kpQfoLvDlVSDNOyuYs8JYfkuY3OW/4+dO657yPmNhHpePRx0/Tje5ImNVQ== +"@types/argparse@1.0.38": + version "1.0.38" + resolved "https://registry.yarnpkg.com/@types/argparse/-/argparse-1.0.38.tgz#a81fd8606d481f873a3800c6ebae4f1d768a56a9" + integrity sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA== + "@types/aria-query@^4.2.0": version "4.2.1" resolved "https://registry.yarnpkg.com/@types/aria-query/-/aria-query-4.2.1.tgz#78b5433344e2f92e8b306c06a5622c50c245bf6b" @@ -23509,6 +23563,13 @@ rollup-pluginutils@^2.8.1, rollup-pluginutils@^2.8.2: dependencies: estree-walker "^0.6.1" +rollup@^2.41.0: + version "2.45.2" + resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.45.2.tgz#8fb85917c9f35605720e92328f3ccbfba6f78b48" + integrity sha512-kRRU7wXzFHUzBIv0GfoFFIN3m9oteY4uAsKllIpQDId5cfnkWF2J130l+27dzDju0E6MScKiV0ZM5Bw8m4blYQ== + optionalDependencies: + fsevents "~2.3.1" + rollup@^2.7.6: version "2.23.0" resolved "https://registry.yarnpkg.com/rollup/-/rollup-2.23.0.tgz#b7ab1fee0c0e60132fd0553c4df1e9cdacfada9d" @@ -24809,7 +24870,7 @@ strict-uri-encode@^1.0.0: resolved "https://registry.yarnpkg.com/strict-uri-encode/-/strict-uri-encode-1.1.0.tgz#279b225df1d582b1f54e65addd4352e18faa0713" integrity sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM= -string-argv@0.3.1: +string-argv@0.3.1, string-argv@~0.3.1: version "0.3.1" resolved "https://registry.yarnpkg.com/string-argv/-/string-argv-0.3.1.tgz#95e2fbec0427ae19184935f816d74aaa4c5c19da" integrity sha512-a1uQGz7IyVy9YwhqjZIZu1c8JO8dNIe20xBmSS6qu9kv++k3JGzCVmprbNN5Kn+BgzD5E7YYwg1CcjuJMRNsvg== @@ -25061,7 +25122,7 @@ strip-json-comments@2.0.1, strip-json-comments@~2.0.1: resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a" integrity sha1-PFMZQukIwml8DsNEhYwobHygpgo= -strip-json-comments@^3.0.1: +strip-json-comments@^3.0.1, strip-json-comments@~3.1.1: version "3.1.1" resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006" integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig== @@ -26136,6 +26197,11 @@ tslib@^2.0.0, tslib@^2.0.1, tslib@^2.0.3: resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.1.0.tgz#da60860f1c2ecaa5703ab7d39bc05b6bf988b97a" integrity sha512-hcVC3wYEziELGGmEEXue7D75zbwIIVUMWAVbHItGPx0ziyXxrOMQx4rQEVEV45Ut/1IotuEvwqPopzIOkDMf0A== +tslib@^2.1.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.2.0.tgz#fb2c475977e35e241311ede2693cee1ec6698f5c" + integrity sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w== + tsutils@^3.0.0, tsutils@^3.17.1: version "3.17.1" resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.17.1.tgz#ed719917f11ca0dee586272b2ac49e015a2dd759" @@ -26249,16 +26315,26 @@ typedarray@^0.0.6: resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c= -typescript@3.7.2, typescript@~3.7.2: - version "3.7.2" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.7.2.tgz#27e489b95fa5909445e9fef5ee48d81697ad18fb" - integrity sha512-ml7V7JfiN2Xwvcer+XAf2csGO1bPBdRbFCkYBczNZggrBZ9c7G3riSUeJmqEU5uOtXNPMhE3n+R4FA/3YOAWOQ== +typescript@4.1.5, typescript@~4.1.3: + version "4.1.5" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.5.tgz#123a3b214aaff3be32926f0d8f1f6e704eb89a72" + integrity sha512-6OSu9PTIzmn9TCDiovULTnET6BgXtDYL4Gg4szY+cGsc3JP1dQL8qvE8kShTRx1NIw4Q9IBHlwODjkjWEtMUyA== -typescript@3.9.7, typescript@^3.9.0: +typescript@^3.9.0: version "3.9.7" resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa" integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw== +typescript@^3.9.7: + version "3.9.9" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.9.tgz#e69905c54bc0681d0518bd4d587cc6f2d0b1a674" + integrity sha512-kdMjTiekY+z/ubJCATUPlRDl39vXYiMV9iyeMuEuXZh2we6zz80uovNN2WlAxmmdE/Z/YQe+EbOEXB5RHEED3w== + +typescript@~3.7.2: + version "3.7.2" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.7.2.tgz#27e489b95fa5909445e9fef5ee48d81697ad18fb" + integrity sha512-ml7V7JfiN2Xwvcer+XAf2csGO1bPBdRbFCkYBczNZggrBZ9c7G3riSUeJmqEU5uOtXNPMhE3n+R4FA/3YOAWOQ== + ua-parser-js@0.7.21, ua-parser-js@^0.7.18: version "0.7.21" resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.21.tgz#853cf9ce93f642f67174273cc34565ae6f308777" @@ -27465,6 +27541,11 @@ whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.3, whatwg-encoding@^1.0.5: dependencies: iconv-lite "0.4.24" +whatwg-fetch@2.0.4: + version "2.0.4" + resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz#dde6a5df315f9d39991aa17621853d720b85566f" + integrity sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng== + whatwg-fetch@>=0.10.0, whatwg-fetch@^3.4.1: version "3.6.2" resolved "https://registry.yarnpkg.com/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz#dced24f37f2624ed0281725d51d0e2e3fe677f8c" From bff2e5f29a1513dc7f90b025df407186f5d0476a Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Fri, 23 Apr 2021 09:39:16 -0700 Subject: [PATCH 02/44] Update packages/react-portal/src/components/Portal/renderPortal.tsx Co-authored-by: Oleksandr Fediashov --- packages/react-portal/src/components/Portal/renderPortal.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-portal/src/components/Portal/renderPortal.tsx b/packages/react-portal/src/components/Portal/renderPortal.tsx index 2cae87bcd5ff9..3fa28163704a9 100644 --- a/packages/react-portal/src/components/Portal/renderPortal.tsx +++ b/packages/react-portal/src/components/Portal/renderPortal.tsx @@ -5,7 +5,7 @@ import { PortalState } from './Portal.types'; /** * Render the final JSX of Portal */ -export const renderPortal: React.FC = (state: PortalState) => { +export const renderPortal = (state: PortalState): React.ReactPortal | null => { if (state.mountNode) { return ReactDOM.createPortal(state.children, state.mountNode); } From 501366792a0c3192686cd0230e9b10bd83d9cded Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Fri, 23 Apr 2021 09:39:33 -0700 Subject: [PATCH 03/44] Update packages/react-conformance/package.json Co-authored-by: Elizabeth Craig --- packages/react-conformance/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-conformance/package.json b/packages/react-conformance/package.json index 73e222d813e4c..3d83c3ed362fe 100644 --- a/packages/react-conformance/package.json +++ b/packages/react-conformance/package.json @@ -48,6 +48,6 @@ "jest": "^24.0.0", "react": ">=16.8.0 <18.0.0", "react-dom": ">=16.8.0 <18.0.0", - "typescript": "4.1.5" + "typescript": "^4.0.0" } } From f1a0a43089cc3c93fe7dbe07dfcce588720087aa Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Fri, 23 Apr 2021 10:37:00 -0700 Subject: [PATCH 04/44] Update packages/react-badge/src/components/Badge/useBadgeStyles.ts Co-authored-by: Elizabeth Craig --- packages/react-badge/src/components/Badge/useBadgeStyles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-badge/src/components/Badge/useBadgeStyles.ts b/packages/react-badge/src/components/Badge/useBadgeStyles.ts index 8a66d91ef5cd0..01cb82fc8cc44 100644 --- a/packages/react-badge/src/components/Badge/useBadgeStyles.ts +++ b/packages/react-badge/src/components/Badge/useBadgeStyles.ts @@ -84,7 +84,7 @@ const useStyles = makeStyles({ /** * Applies style classnames to slots */ -export const useBadgeStyles: (state: BadgeState) => BadgeState = state => { +export const useBadgeStyles = (state: BadgeState): BadgeState => { const styles = useStyles(); state.className = mergeClasses( styles.root, From b6c64aeabf4a79725034be4fc4dae5b16ff7e142 Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Fri, 23 Apr 2021 10:39:04 -0700 Subject: [PATCH 05/44] Update packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeaderAction.tsx Co-authored-by: Oleksandr Fediashov --- .../components/Datepicker/DatepickerCalendarHeaderAction.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeaderAction.tsx b/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeaderAction.tsx index e036241fbe705..048f16bb14efe 100644 --- a/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeaderAction.tsx +++ b/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeaderAction.tsx @@ -7,7 +7,7 @@ import { Button, ButtonProps, ButtonStylesProps } from '../Button/Button'; export type DatepickerCalendarHeaderActionProps = ButtonProps & { /** What direction the action button should be pointing. */ - direction?: 'previous' | 'next' | string; + direction?: 'previous' | 'next'; /** Button is disabled for action but still enabled for navigation. */ disabledNavigatableButton?: boolean; From 74a7298371ff61c3fbbc77b3e274b9c2b6c2efba Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Fri, 23 Apr 2021 10:39:35 -0700 Subject: [PATCH 06/44] Update packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts Co-authored-by: Oleksandr Fediashov --- .../src/components/CounterBadge/useCounterBadgeStyles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts b/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts index 1438f686c8aaa..acea9524b9f43 100644 --- a/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts +++ b/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts @@ -38,7 +38,7 @@ const useStyles = makeStyles({ /** * Applies style classnames to slots */ -export const useCounterBadgeStyles: (state: CounterBadgeState) => BadgeState = (state: CounterBadgeState) => { +export const useCounterBadgeStyles = (state: CounterBadgeState): CounterBadgeState => { const styles = useStyles(); state.className = mergeClasses( styles.root, From da0c307373aca3d3e673588202275562c8b574e2 Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Fri, 23 Apr 2021 18:15:48 +0000 Subject: [PATCH 07/44] Update prop types for ComponentBestPractices --- .../docs/src/components/ComponentBestPractices.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/fluentui/docs/src/components/ComponentBestPractices.tsx b/packages/fluentui/docs/src/components/ComponentBestPractices.tsx index 8d6ce65c14977..77d7d2d593656 100644 --- a/packages/fluentui/docs/src/components/ComponentBestPractices.tsx +++ b/packages/fluentui/docs/src/components/ComponentBestPractices.tsx @@ -13,8 +13,8 @@ import { import { AcceptIcon, CloseIcon } from '@fluentui/react-icons-northstar'; export type ComponentBestPracticesProps = Extendable<{ - doList?: ShorthandCollection; - dontList?: ShorthandCollection; + doList?: React.ReactNode[]; + dontList?: React.ReactNode[]; }>; const ComponentBestPractices: React.FC = ({ doList, dontList }) => { @@ -22,7 +22,7 @@ const ComponentBestPractices: React.FC = ({ doList, const updatedDontList: ShorthandCollection = []; if (_.size(doList) > 0) { - _.map(doList, (element: string) => { + _.map(doList, element => { updatedDoList.push({ key: doList.indexOf(element), content: element, @@ -32,7 +32,7 @@ const ComponentBestPractices: React.FC = ({ doList, } if (_.size(dontList) > 0) { - _.map(dontList, (element: string) => { + _.map(dontList, element => { updatedDontList.push({ key: dontList.indexOf(element), content: element, From c0350108554fc87ef75a5cdf53587d505fb9aa1e Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Fri, 23 Apr 2021 20:11:38 +0000 Subject: [PATCH 08/44] Temporarily add anys to fix merge conflict. --- .../components/Datepicker/DatepickerCalendarHeader.tsx | 10 ++++++---- packages/react-badge/etc/react-badge.api.md | 2 +- .../components/CounterBadge/useCounterBadgeStyles.ts | 3 +-- packages/react-portal/etc/react-portal.api.md | 2 +- 4 files changed, 9 insertions(+), 8 deletions(-) diff --git a/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeader.tsx b/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeader.tsx index 6d4b3b334b04e..98fd79bf20386 100644 --- a/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeader.tsx +++ b/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeader.tsx @@ -115,14 +115,15 @@ export const DatepickerCalendarHeader: ComponentWithAs<'div', DatepickerCalendar }), })} - {createShorthand(DatepickerCalendarHeaderAction, previousButton, { + {createShorthand(DatepickerCalendarHeaderAction, previousButton as any, { + // eslint-disable-line TODO fixany defaultProps: () => getA11yProps('previousButton', { title: props.prevMonthAriaLabel, direction: 'previous', 'aria-disabled': props.disabledPreviousButton, disabledNavigatableButton: props.disabledPreviousButton, - }), + }) as any, // eslint-disable-line TODO fixany overrideProps: (predefinedProps: DatepickerCalendarHeaderActionProps): DatepickerCalendarHeaderActionProps => ({ onClick: (e, data) => { if (!props.disabledPreviousButton) { @@ -132,14 +133,15 @@ export const DatepickerCalendarHeader: ComponentWithAs<'div', DatepickerCalendar }, }), })} - {createShorthand(DatepickerCalendarHeaderAction, nextButton, { + {createShorthand(DatepickerCalendarHeaderAction, nextButton as any, { + // eslint-disable-line TODO fixany defaultProps: () => getA11yProps('nextButton', { title: props.nextMonthAriaLabel, direction: 'next', 'aria-disabled': props.disabledNextButton, disabledNavigatableButton: props.disabledNextButton, - }), + }) as any, // eslint-disable-line TODO fixany overrideProps: (predefinedProps: DatepickerCalendarHeaderActionProps): DatepickerCalendarHeaderActionProps => ({ onClick: (e, data) => { if (!props.disabledNextButton) { diff --git a/packages/react-badge/etc/react-badge.api.md b/packages/react-badge/etc/react-badge.api.md index 9233d898426e9..63ddc38ead2ba 100644 --- a/packages/react-badge/etc/react-badge.api.md +++ b/packages/react-badge/etc/react-badge.api.md @@ -101,7 +101,7 @@ export const useBadgeStyles: (state: BadgeState) => BadgeState; export const useCounterBadge: (props: CounterBadgeProps, ref: React_2.Ref, defaultProps?: CounterBadgeProps | undefined) => CounterBadgeState; // @public -export const useCounterBadgeStyles: (state: CounterBadgeState) => BadgeState; +export const useCounterBadgeStyles: (state: CounterBadgeState) => CounterBadgeState; // @public export const usePresenceBadge: (props: PresenceBadgeProps, ref: React_2.Ref, defaultProps?: PresenceBadgeProps | undefined) => PresenceBadgeState; diff --git a/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts b/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts index acea9524b9f43..35ec724086397 100644 --- a/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts +++ b/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts @@ -1,7 +1,6 @@ import { mergeClasses, makeStyles } from '@fluentui/react-make-styles'; import { CounterBadgeState } from './CounterBadge.types'; import { useBadgeStyles } from '../Badge/useBadgeStyles'; -import { BadgeState } from '../Badge/index'; const useStyles = makeStyles({ root: { @@ -50,5 +49,5 @@ export const useCounterBadgeStyles = (state: CounterBadgeState): CounterBadgeSta !state.showZero && state.count === 0 && !state.dot && styles.hide, state.className, ); - return useBadgeStyles(state); + return useBadgeStyles(state) as CounterBadgeState; }; diff --git a/packages/react-portal/etc/react-portal.api.md b/packages/react-portal/etc/react-portal.api.md index 907685b8baac0..78acba1abf46f 100644 --- a/packages/react-portal/etc/react-portal.api.md +++ b/packages/react-portal/etc/react-portal.api.md @@ -20,7 +20,7 @@ export interface PortalState extends PortalProps { } // @public -export const renderPortal: React_2.FC; +export const renderPortal: (state: PortalState) => React_2.ReactPortal | null; // @public export const usePortal: (props: PortalProps, defaultProps?: PortalProps | undefined) => PortalState; From 737182e540e4d5edba3da5743f24a543c6c133f3 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 13:40:08 +0200 Subject: [PATCH 09/44] fix DatepickerCalendarHeader.tsx to avoid "any" --- .../Datepicker/DatepickerCalendarHeader.tsx | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeader.tsx b/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeader.tsx index 98fd79bf20386..ee9ca09e88b73 100644 --- a/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeader.tsx +++ b/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeader.tsx @@ -115,15 +115,14 @@ export const DatepickerCalendarHeader: ComponentWithAs<'div', DatepickerCalendar }), })} - {createShorthand(DatepickerCalendarHeaderAction, previousButton as any, { - // eslint-disable-line TODO fixany + {createShorthand(DatepickerCalendarHeaderAction, previousButton, { defaultProps: () => getA11yProps('previousButton', { title: props.prevMonthAriaLabel, - direction: 'previous', + direction: 'previous' as const, 'aria-disabled': props.disabledPreviousButton, disabledNavigatableButton: props.disabledPreviousButton, - }) as any, // eslint-disable-line TODO fixany + }), overrideProps: (predefinedProps: DatepickerCalendarHeaderActionProps): DatepickerCalendarHeaderActionProps => ({ onClick: (e, data) => { if (!props.disabledPreviousButton) { @@ -133,15 +132,14 @@ export const DatepickerCalendarHeader: ComponentWithAs<'div', DatepickerCalendar }, }), })} - {createShorthand(DatepickerCalendarHeaderAction, nextButton as any, { - // eslint-disable-line TODO fixany + {createShorthand(DatepickerCalendarHeaderAction, nextButton, { defaultProps: () => getA11yProps('nextButton', { title: props.nextMonthAriaLabel, - direction: 'next', + direction: 'next' as const, 'aria-disabled': props.disabledNextButton, disabledNavigatableButton: props.disabledNextButton, - }) as any, // eslint-disable-line TODO fixany + }), overrideProps: (predefinedProps: DatepickerCalendarHeaderActionProps): DatepickerCalendarHeaderActionProps => ({ onClick: (e, data) => { if (!props.disabledNextButton) { From d85106addd080eae42f3aec4da37ae67e821ceeb Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 13:42:30 +0200 Subject: [PATCH 10/44] fluentui/styles/src/types.ts: fix types --- packages/fluentui/react-proptypes/src/index.ts | 4 ++-- packages/fluentui/styles/src/types.ts | 3 +-- 2 files changed, 3 insertions(+), 4 deletions(-) diff --git a/packages/fluentui/react-proptypes/src/index.ts b/packages/fluentui/react-proptypes/src/index.ts index 8ecc496423724..8cbd17537c425 100644 --- a/packages/fluentui/react-proptypes/src/index.ts +++ b/packages/fluentui/react-proptypes/src/index.ts @@ -489,8 +489,8 @@ export const animation = PropTypes.oneOfType([ // Heads Up! // Keep in sync with packages/react/src/themes/types.ts export const design = PropTypes.shape({ - position: PropTypes.string, - display: PropTypes.string, + position: PropTypes.string as PropTypes.Requireable, + display: PropTypes.string as PropTypes.Requireable, top: PropTypes.string, right: PropTypes.string, diff --git a/packages/fluentui/styles/src/types.ts b/packages/fluentui/styles/src/types.ts index edcea526b808c..676a3dea60646 100644 --- a/packages/fluentui/styles/src/types.ts +++ b/packages/fluentui/styles/src/types.ts @@ -32,9 +32,8 @@ export interface AnimationName

> { params?: P; } -type CSSProperties = Omit, 'animationName' | 'position'> & { +type CSSProperties = Omit, 'animationName'> & { animationName?: AnimationName | AnimationKeyFrame | string | 'none'; - position?: string; }; export interface ICSSPseudoElementStyle extends ICSSInJSStyle { From 08cb6ce911c5167dd9e79e05fb3c08883644ed33 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 13:44:21 +0200 Subject: [PATCH 11/44] packages/fluentui/local-sandbox/tsconfig.json: rollback to esnext --- packages/fluentui/local-sandbox/tsconfig.json | 3 ++- .../local-sandbox/{webpack.config.ts => webpack.config.js} | 4 ++-- 2 files changed, 4 insertions(+), 3 deletions(-) rename packages/fluentui/local-sandbox/{webpack.config.ts => webpack.config.js} (95%) diff --git a/packages/fluentui/local-sandbox/tsconfig.json b/packages/fluentui/local-sandbox/tsconfig.json index bdac6cd7d9b18..0b3f1e9301669 100644 --- a/packages/fluentui/local-sandbox/tsconfig.json +++ b/packages/fluentui/local-sandbox/tsconfig.json @@ -3,12 +3,13 @@ "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, + "checkJs": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "strict": true, "forceConsistentCasingInFileNames": true, - "module": "commonjs", + "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "noEmit": true, diff --git a/packages/fluentui/local-sandbox/webpack.config.ts b/packages/fluentui/local-sandbox/webpack.config.js similarity index 95% rename from packages/fluentui/local-sandbox/webpack.config.ts rename to packages/fluentui/local-sandbox/webpack.config.js index 21c9d365f4d96..6d20e813a889f 100644 --- a/packages/fluentui/local-sandbox/webpack.config.ts +++ b/packages/fluentui/local-sandbox/webpack.config.js @@ -1,11 +1,11 @@ -import * as webpack from 'webpack'; +// @ts-check const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; const CopyWebpackPlugin = require('copy-webpack-plugin'); const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); const TerserPlugin = require('terser-webpack-plugin'); -const webpackConfig: webpack.Configuration = { +const webpackConfig /** @type {import("webpack").Configuration} */ = { name: 'client', target: 'web', mode: 'development', From 231015d33cab2989fc8a0cfd129cf091783ef90b Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 13:47:31 +0200 Subject: [PATCH 12/44] react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts: simplify signature --- .../src/components/MenuGroupHeader/useMenuGroupHeader.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts b/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts index d599375dea552..b33c2ee736e78 100644 --- a/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts +++ b/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts @@ -9,11 +9,11 @@ const mergeProps = makeMergePropsCompat({}); /** * Given user props, returns state and render function for a MenuGroupHeader. */ -export const useMenuGroupHeader: ( +export const useMenuGroupHeader = ( props: MenuGroupHeaderProps, ref: React.Ref, defaultProps?: MenuGroupHeaderProps, -) => MenuGroupHeaderState = (props, ref, defaultProps) => { +): MenuGroupHeaderState => { const { headerId: id } = useMenuGroupContext(); const state = mergeProps( From 63f75c8393acfdbf6616afd2d8a6b1229cdae53e Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 13:48:44 +0200 Subject: [PATCH 13/44] react-menu/src/components/MenuGroup/useMenuGroup.ts: simplify signature --- packages/react-menu/src/components/MenuGroup/useMenuGroup.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts b/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts index 6236b51dfd751..c187a74b0baca 100644 --- a/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts +++ b/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts @@ -13,11 +13,11 @@ const mergeProps = makeMergePropsCompat({ deepMerge: menuGroupSh /** * Given user props, returns state and render function for a MenuGroup. */ -export const useMenuGroup: ( +export const useMenuGroup = ( props: MenuGroupProps, ref: React.Ref, defaultProps?: MenuGroupProps, -) => MenuGroupState = (props, ref, defaultProps): MenuGroupState => { +): MenuGroupState => { const id = useId('menu-group'); const state = mergeProps( { From ce49cf37f58f11496028bfdcd4ab0d2cdb1442dd Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 13:53:02 +0200 Subject: [PATCH 14/44] @fluentui/babel-make-styles: fix versions after merge --- package.json | 11 ----------- packages/babel-make-styles/package.json | 5 ++--- 2 files changed, 2 insertions(+), 14 deletions(-) diff --git a/package.json b/package.json index f36816f947490..7aa99f70a7105 100644 --- a/package.json +++ b/package.json @@ -145,8 +145,6 @@ "packages/fluentui/*" ], "nohoist": [ - "@fluentui/babel-make-styles/tslib", - "@fluentui/babel-make-styles/typescript", "@fluentui/make-styles/stylis", "@fluentui/make-styles/@types/stylis", "@fluentui/react-bindings/stylis", @@ -193,15 +191,6 @@ "webpack" ] }, - { - "packages": [ - "@fluentui/babel-make-styles" - ], - "dependencies": [ - "tslib", - "typescript" - ] - }, { "packages": [ "@fluentui/web-components" diff --git a/packages/babel-make-styles/package.json b/packages/babel-make-styles/package.json index 2d0cde530855f..4467dc537abc3 100644 --- a/packages/babel-make-styles/package.json +++ b/packages/babel-make-styles/package.json @@ -22,8 +22,7 @@ "@fluentui/react-make-styles": "^9.0.0-alpha.27", "@fluentui/react-theme": "^9.0.0-alpha.9", "@fluentui/scripts": "^1.0.0", - "babel-plugin-tester": "^10.0.0", - "typescript": "4.2.4" + "babel-plugin-tester": "^10.0.0" }, "dependencies": { "@babel/core": "^7.10.4", @@ -33,7 +32,7 @@ "@babel/traverse": "^7.12.13", "@fluentui/make-styles": "^9.0.0-alpha.15", "@linaria/babel": "^3.0.0-beta.0", - "tslib": "^2.2.0" + "tslib": "^2.1.0" }, "beachball": { "tag": "alpha", From 6431fab8a049dbdf8cf1e20f670fb05960b0a202 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 14:03:56 +0200 Subject: [PATCH 15/44] @fluentui/make-styles: update API file --- packages/make-styles/etc/make-styles.api.md | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/packages/make-styles/etc/make-styles.api.md b/packages/make-styles/etc/make-styles.api.md index 3fe72b5b9406f..82d2b1f9740ce 100644 --- a/packages/make-styles/etc/make-styles.api.md +++ b/packages/make-styles/etc/make-styles.api.md @@ -7,7 +7,7 @@ import { Properties } from 'csstype'; // @internal -export function __styles(resolvedStyles: ResolvedStylesBySlots): (options: Pick) => Record; +export function __styles(resolvedStyles: ResolvedStylesBySlots): (options: Pick) => Record; // Warning: (ae-internal-missing-underscore) The name "createCSSVariablesProxy" should be prefixed with an underscore because the declaration is marked as @internal // @@ -104,7 +104,13 @@ export interface MakeStylesRenderer { } // @public (undocumented) -export type MakeStylesResolvedRule = [StyleBucketName, string | undefined, string, string?, string?]; +export type MakeStylesResolvedRule = [ + StyleBucketName, + string | undefined, + string, + string?, + string? +]; // @public (undocumented) export type MakeStylesStyleFunctionRule = (tokens: Tokens) => MakeStyles; From 8fb9bb190c085957a0cca9c2c873e2772ff9c00c Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 14:04:54 +0200 Subject: [PATCH 16/44] @fluentui/react-menu: use function to simplify definitions --- .../react-menu/src/components/MenuGroup/useMenuGroup.ts | 6 +++--- .../src/components/MenuGroupHeader/useMenuGroupHeader.ts | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts b/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts index c187a74b0baca..9c3fef7b6ff25 100644 --- a/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts +++ b/packages/react-menu/src/components/MenuGroup/useMenuGroup.ts @@ -13,11 +13,11 @@ const mergeProps = makeMergePropsCompat({ deepMerge: menuGroupSh /** * Given user props, returns state and render function for a MenuGroup. */ -export const useMenuGroup = ( +export function useMenuGroup( props: MenuGroupProps, ref: React.Ref, defaultProps?: MenuGroupProps, -): MenuGroupState => { +): MenuGroupState { const id = useId('menu-group'); const state = mergeProps( { @@ -32,4 +32,4 @@ export const useMenuGroup = ( state.headerId = id; return state; -}; +} diff --git a/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts b/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts index b33c2ee736e78..ec6b21a07c460 100644 --- a/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts +++ b/packages/react-menu/src/components/MenuGroupHeader/useMenuGroupHeader.ts @@ -9,11 +9,11 @@ const mergeProps = makeMergePropsCompat({}); /** * Given user props, returns state and render function for a MenuGroupHeader. */ -export const useMenuGroupHeader = ( +export function useMenuGroupHeader( props: MenuGroupHeaderProps, ref: React.Ref, defaultProps?: MenuGroupHeaderProps, -): MenuGroupHeaderState => { +): MenuGroupHeaderState { const { headerId: id } = useMenuGroupContext(); const state = mergeProps( @@ -27,4 +27,4 @@ export const useMenuGroupHeader = ( ); return state; -}; +} From 7ed637c4fd980a034922ce0c7fca40d417be9b02 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 14:08:51 +0200 Subject: [PATCH 17/44] @fluentui/react-menu: update API --- packages/react-menu/etc/react-menu.api.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react-menu/etc/react-menu.api.md b/packages/react-menu/etc/react-menu.api.md index 5563e7dc8d218..794af82406dc5 100644 --- a/packages/react-menu/etc/react-menu.api.md +++ b/packages/react-menu/etc/react-menu.api.md @@ -293,13 +293,13 @@ export const useMenuDivider: (props: MenuDividerProps, ref: React_2.Ref MenuDividerState; // @public -export const useMenuGroup: (props: MenuGroupProps, ref: React_2.Ref, defaultProps?: MenuGroupProps) => MenuGroupState; +export function useMenuGroup(props: MenuGroupProps, ref: React_2.Ref, defaultProps?: MenuGroupProps): MenuGroupState; // @public (undocumented) export const useMenuGroupContext: () => MenuGroupContextValue; // @public -export const useMenuGroupHeader: (props: MenuGroupHeaderProps, ref: React_2.Ref, defaultProps?: MenuGroupHeaderProps) => MenuGroupHeaderState; +export function useMenuGroupHeader(props: MenuGroupHeaderProps, ref: React_2.Ref, defaultProps?: MenuGroupHeaderProps): MenuGroupHeaderState; // @public (undocumented) export const useMenuGroupHeaderStyles: (state: MenuGroupHeaderState) => MenuGroupHeaderState; From af79433c33cc025d4671c8209e9dfd28c3d8b879 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 14:12:10 +0200 Subject: [PATCH 18/44] react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts: simplify signature --- packages/react-badge/etc/react-badge.api.md | 2 +- .../src/components/PresenceBadge/usePresenceBadgeStyles.ts | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/react-badge/etc/react-badge.api.md b/packages/react-badge/etc/react-badge.api.md index 63ddc38ead2ba..56a01ce624ef8 100644 --- a/packages/react-badge/etc/react-badge.api.md +++ b/packages/react-badge/etc/react-badge.api.md @@ -107,7 +107,7 @@ export const useCounterBadgeStyles: (state: CounterBadgeState) => CounterBadgeSt export const usePresenceBadge: (props: PresenceBadgeProps, ref: React_2.Ref, defaultProps?: PresenceBadgeProps | undefined) => PresenceBadgeState; // @public -export const usePresenceBadgeStyles: (state: PresenceBadgeState) => BadgeState; +export const usePresenceBadgeStyles: (state: PresenceBadgeState) => PresenceBadgeState; // (No @packageDocumentation comment for this package) diff --git a/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts b/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts index 33ad6b36c2cbf..01dd31d76a3c2 100644 --- a/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts +++ b/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts @@ -1,6 +1,6 @@ import { mergeClasses, makeStyles } from '@fluentui/react-make-styles'; import { PresenceBadgeState } from './PresenceBadge.types'; -import { useBadgeStyles, BadgeState } from '../../Badge'; +import { useBadgeStyles } from '../../Badge'; const useStyles = makeStyles({ root: { @@ -45,7 +45,7 @@ const useStyles = makeStyles({ /** * Applies style classnames to slots */ -export const usePresenceBadgeStyles: (state: PresenceBadgeState) => BadgeState = state => { +export const usePresenceBadgeStyles = (state: PresenceBadgeState): PresenceBadgeState => { const styles = useStyles(); state.className = mergeClasses( styles.root, @@ -61,5 +61,5 @@ export const usePresenceBadgeStyles: (state: PresenceBadgeState) => BadgeState = state.className, ); - return useBadgeStyles(state); + return useBadgeStyles(state) as PresenceBadgeState; }; From 954ab4a78914c956478b2aaf67e73ec814b15421 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 14:15:46 +0200 Subject: [PATCH 19/44] useTabsterAttributes.ts: fix signature --- packages/react-tabster/etc/react-tabster.api.md | 6 ++---- .../react-tabster/src/hooks/useTabsterAttributes.ts | 13 ++++++------- 2 files changed, 8 insertions(+), 11 deletions(-) diff --git a/packages/react-tabster/etc/react-tabster.api.md b/packages/react-tabster/etc/react-tabster.api.md index 46d788f51e93e..1f13c28422194 100644 --- a/packages/react-tabster/etc/react-tabster.api.md +++ b/packages/react-tabster/etc/react-tabster.api.md @@ -4,12 +4,10 @@ ```ts -import { TabsterAttributeProps } from 'tabster/dist/Types'; -import { TabsterDOMAttribute } from 'tabster/dist/Types'; import { Types } from 'tabster'; // @public -export const useArrowNavigationGroup: (options?: UseArrowNavigationGroupOptions | undefined) => string | Types.TabsterDOMAttribute | undefined; +export const useArrowNavigationGroup: (options?: UseArrowNavigationGroupOptions | undefined) => Types.TabsterDOMAttribute; // @public (undocumented) export interface UseArrowNavigationGroupOptions { @@ -25,7 +23,7 @@ export const useFocusFinders: () => { }; // @public -export const useTabsterAttributes: (props: TabsterAttributeProps | null, plain?: true | false | undefined) => string | undefined | TabsterDOMAttribute; +export const useTabsterAttributes: (props: Types.TabsterAttributeProps | null, plain?: boolean | undefined) => Types.TabsterDOMAttribute; // (No @packageDocumentation comment for this package) diff --git a/packages/react-tabster/src/hooks/useTabsterAttributes.ts b/packages/react-tabster/src/hooks/useTabsterAttributes.ts index fdf7c92e08514..407f8bd211074 100644 --- a/packages/react-tabster/src/hooks/useTabsterAttributes.ts +++ b/packages/react-tabster/src/hooks/useTabsterAttributes.ts @@ -1,5 +1,4 @@ -import { getTabsterAttribute } from 'tabster'; -import { TabsterDOMAttribute, TabsterAttributeProps } from 'tabster/dist/Types'; +import { getTabsterAttribute, Types as TabsterTypes } from 'tabster'; import { useTabster } from './useTabster'; /** @@ -7,13 +6,13 @@ import { useTabster } from './useTabster'; * @param args - same arguments as `getTabsterAttribute` */ export const useTabsterAttributes = ( - props: TabsterAttributeProps | null, - plain?: true | false | undefined, -): string | undefined | TabsterDOMAttribute => { + props: TabsterTypes.TabsterAttributeProps | null, + plain?: boolean, +): TabsterTypes.TabsterDOMAttribute => { // A tabster instance is not necessary to generate tabster attributes // but calling the hook will ensure that a tabster instance exists internally and avoids consumers doing the same useTabster(); - // eslint-disable-next-line - return (getTabsterAttribute as any)(props, plain); + // When https://github.com/microsoft/tabster/pull/23 is released cleanup these types + return getTabsterAttribute(props, (plain as unknown) as false); }; From c523f01e33ef8fbfa0e92e3538cc348ece1491c4 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 14:17:05 +0200 Subject: [PATCH 20/44] useMenuList.ts: remove cast to any --- packages/react-menu/src/components/MenuList/useMenuList.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-menu/src/components/MenuList/useMenuList.ts b/packages/react-menu/src/components/MenuList/useMenuList.ts index 5870d7aed59b5..6fe6c0b99f190 100644 --- a/packages/react-menu/src/components/MenuList/useMenuList.ts +++ b/packages/react-menu/src/components/MenuList/useMenuList.ts @@ -38,7 +38,7 @@ export const useMenuList = ( 'aria-labelledby': menuContext.triggerId, hasIcons: menuContext.hasIcons, hasCheckmarks: menuContext.hasCheckmarks, - ...(focusAttributes as any), // eslint-disable-line + ...focusAttributes, ...(menuContext.hasMenuContext && { ...menuContext }), }, defaultProps, From a6b9cfd69fe599e15e10aeff3fa5960255223163 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 14:17:55 +0200 Subject: [PATCH 21/44] Change files --- ...l-make-styles-3066f9ae-75a4-41f6-a191-6d54c45ebb57.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-babel-make-styles-3066f9ae-75a4-41f6-a191-6d54c45ebb57.json diff --git a/change/@fluentui-babel-make-styles-3066f9ae-75a4-41f6-a191-6d54c45ebb57.json b/change/@fluentui-babel-make-styles-3066f9ae-75a4-41f6-a191-6d54c45ebb57.json new file mode 100644 index 0000000000000..77706a9b6a1be --- /dev/null +++ b/change/@fluentui-babel-make-styles-3066f9ae-75a4-41f6-a191-6d54c45ebb57.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "Upgrade to typescript 4.1.5", + "packageName": "@fluentui/babel-make-styles", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} From 981d1706cbac3b08b759fc1d87376ec013078d41 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 14:19:18 +0200 Subject: [PATCH 22/44] useTriggerElement.tsx: fix types --- .../fluentui/react-bindings/src/hooks/useTriggerElement.tsx | 2 +- .../fluentui/react-northstar/src/components/Popup/Popup.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/fluentui/react-bindings/src/hooks/useTriggerElement.tsx b/packages/fluentui/react-bindings/src/hooks/useTriggerElement.tsx index 7ceecf0fe6df7..ddba12c9f9927 100644 --- a/packages/fluentui/react-bindings/src/hooks/useTriggerElement.tsx +++ b/packages/fluentui/react-bindings/src/hooks/useTriggerElement.tsx @@ -6,7 +6,7 @@ import { childrenExist } from '../utils/childrenExist'; type UseTriggerElementOptions = { children?: React.ReactNode; - trigger?: React.ReactElement | React.ReactNode | null; + trigger?: React.ReactElement; }; // https://github.com/facebook/react/blob/c4e0768d7487a9359b74986e3b07841d2520f593/packages/react-dom/src/events/getListener.js#L15-L22 diff --git a/packages/fluentui/react-northstar/src/components/Popup/Popup.tsx b/packages/fluentui/react-northstar/src/components/Popup/Popup.tsx index f48e296336221..aaa7bb5e21aee 100644 --- a/packages/fluentui/react-northstar/src/components/Popup/Popup.tsx +++ b/packages/fluentui/react-northstar/src/components/Popup/Popup.tsx @@ -110,7 +110,7 @@ export interface PopupProps target?: HTMLElement; /** Element to be rendered in-place where the popup is defined. */ - trigger?: React.ReactNode; + trigger?: JSX.Element; /** Whether the trigger should be tabbable */ tabbableTrigger?: boolean; From bcced588ac2cddb2009ecba5a647edef7923c21e Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 14:21:19 +0200 Subject: [PATCH 23/44] getBoundary.ts: remove useless typecast --- packages/react-positioning/src/utils/getBoundary.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-positioning/src/utils/getBoundary.ts b/packages/react-positioning/src/utils/getBoundary.ts index fa1f9fe9b67a5..f5d58cd4af78d 100644 --- a/packages/react-positioning/src/utils/getBoundary.ts +++ b/packages/react-positioning/src/utils/getBoundary.ts @@ -18,7 +18,7 @@ export function getBoundary(element: HTMLElement | null, boundary?: Boundary): P boundariesNode = element?.ownerDocument!.documentElement; } - return boundariesNode as HTMLElement; + return boundariesNode; } return boundary; From f1b0a9741b68f52aec787343d0c19ada35dc5101 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 14:24:39 +0200 Subject: [PATCH 24/44] useAccordionItem.ts: simplify typings --- packages/react-accordion/etc/react-accordion.api.md | 2 +- .../src/components/AccordionItem/useAccordionItem.ts | 8 ++------ 2 files changed, 3 insertions(+), 7 deletions(-) diff --git a/packages/react-accordion/etc/react-accordion.api.md b/packages/react-accordion/etc/react-accordion.api.md index e75f5ca27b72f..ae5fa64e92b0f 100644 --- a/packages/react-accordion/etc/react-accordion.api.md +++ b/packages/react-accordion/etc/react-accordion.api.md @@ -193,7 +193,7 @@ export const useAccordionHeader: (props: AccordionHeaderProps, ref: React_2.Ref< export const useAccordionHeaderStyles: (state: AccordionHeaderState) => AccordionHeaderState; // @public -export const useAccordionItem: (props: AccordionItemProps, ref: React_2.Ref, defaultProps?: AccordionItemProps) => AccordionItemState; +export const useAccordionItem: (props: AccordionItemProps, ref: React_2.Ref, defaultProps?: AccordionItemProps | undefined) => AccordionItemState; // @public (undocumented) export const useAccordionItemContext: () => AccordionItemContextValue; diff --git a/packages/react-accordion/src/components/AccordionItem/useAccordionItem.ts b/packages/react-accordion/src/components/AccordionItem/useAccordionItem.ts index 7f8205d077bbe..b0b2b1baeab76 100644 --- a/packages/react-accordion/src/components/AccordionItem/useAccordionItem.ts +++ b/packages/react-accordion/src/components/AccordionItem/useAccordionItem.ts @@ -32,15 +32,11 @@ const mergeProps = makeMergePropsCompat({ deepMerge: accordi * @param ref - reference to root HTMLElement of AccordionItem * @param defaultProps - default values for the properties of AccordionItem */ -export const useAccordionItem: ( +export const useAccordionItem = ( props: AccordionItemProps, ref: React.Ref, defaultProps?: AccordionItemProps, -) => AccordionItemState = ( - props: AccordionItemProps, - ref: React.Ref, - defaultProps?: AccordionItemProps, -) => { +): AccordionItemState => { const state = mergeProps( { ref: useMergedRefs(ref, React.useRef(null)), From 17e64c36f0dcb90b27fd1c6c97bc816c49ed399a Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Mon, 26 Apr 2021 14:28:14 +0200 Subject: [PATCH 25/44] useTriggerElement-test.tsx: fix types in test --- .../react-bindings/test/hooks/useTriggerElement-test.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/fluentui/react-bindings/test/hooks/useTriggerElement-test.tsx b/packages/fluentui/react-bindings/test/hooks/useTriggerElement-test.tsx index c8ad6cb74cf82..055daeae6c138 100644 --- a/packages/fluentui/react-bindings/test/hooks/useTriggerElement-test.tsx +++ b/packages/fluentui/react-bindings/test/hooks/useTriggerElement-test.tsx @@ -4,7 +4,7 @@ import * as React from 'react'; import * as consoleUtil from '../consoleUtil'; -const TestComponent: React.FC<{ trigger?: React.ReactElement | null }> = props => { +const TestComponent: React.FC<{ trigger?: React.ReactElement }> = props => { return useTriggerElement(props); }; @@ -24,7 +24,7 @@ describe('useTriggerElement', () => { }); it('"trigger" can be null', () => { - const wrapper = mount(); + const wrapper = mount(); expect(wrapper.children()).toHaveLength(0); }); From 65e2c1df4cb3b0a74bcc5615422277a073a157b7 Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Mon, 26 Apr 2021 09:35:23 -0700 Subject: [PATCH 26/44] Update packages/react/src/components/List/List.tsx Co-authored-by: Makoto Morimoto --- packages/react/src/components/List/List.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/react/src/components/List/List.tsx b/packages/react/src/components/List/List.tsx index e2ecb4a75aeb3..5f0d851ec774a 100644 --- a/packages/react/src/components/List/List.tsx +++ b/packages/react/src/components/List/List.tsx @@ -291,7 +291,9 @@ export class List extends React.Component, IListState> } } - this._scrollElement!.scrollTop = scrollTop; + if (this._scrollElement) { + this._scrollElement.scrollTop = scrollTop; + } return; } From f481168d8ef00cc9f312e41ace84de5275eb26e8 Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Mon, 26 Apr 2021 20:52:29 +0000 Subject: [PATCH 27/44] Revert change, update api docs --- .../components/Ref/Types/RefForwardingExample.shorthand.tsx | 4 +--- packages/react-storybook/etc/react-storybook.api.md | 4 ++-- 2 files changed, 3 insertions(+), 5 deletions(-) diff --git a/packages/fluentui/docs/src/examples/components/Ref/Types/RefForwardingExample.shorthand.tsx b/packages/fluentui/docs/src/examples/components/Ref/Types/RefForwardingExample.shorthand.tsx index 06a8cd753a2ad..6ac97435be570 100644 --- a/packages/fluentui/docs/src/examples/components/Ref/Types/RefForwardingExample.shorthand.tsx +++ b/packages/fluentui/docs/src/examples/components/Ref/Types/RefForwardingExample.shorthand.tsx @@ -5,9 +5,7 @@ type RefForwardingExampleState = { isMounted: boolean; }; -const ExampleButton: React.FunctionComponent<{ children: React.ReactNode } & React.RefAttributes< - HTMLButtonElement ->> = React.forwardRef((props, ref) => ( +const ExampleButton = React.forwardRef((props, ref) => (

diff --git a/packages/react-storybook/etc/react-storybook.api.md b/packages/react-storybook/etc/react-storybook.api.md index 4b314a6e1e7a9..4a3d4b6703734 100644 --- a/packages/react-storybook/etc/react-storybook.api.md +++ b/packages/react-storybook/etc/react-storybook.api.md @@ -4,13 +4,13 @@ ```ts -import * as React from 'react'; +import * as React_2 from 'react'; // @public (undocumented) export const withFluentProvider: (...args: any) => any; // @public (undocumented) -export const withStrictMode: (storyFn: () => React.ReactNode) => JSX.Element; +export const withStrictMode: (storyFn: () => React_2.ReactNode) => JSX.Element; // (No @packageDocumentation comment for this package) From 88da22bdd6484d53973c53637ab738eac6e7f4da Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Mon, 26 Apr 2021 21:01:58 +0000 Subject: [PATCH 28/44] Revert changes to web-components/package.json --- ...ents-057bb4b4-9195-499c-a1c4-4fdb458f1302.json | 4 ++-- packages/web-components/package.json | 2 +- yarn.lock | 15 +++++---------- 3 files changed, 8 insertions(+), 13 deletions(-) diff --git a/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json b/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json index 8a5c5aea63a28..f9260146898b0 100644 --- a/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json +++ b/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json @@ -1,6 +1,6 @@ { - "type": "minor", - "comment": "Upgrade to ts 4.0", + "type": "none", + "comment": "", "packageName": "@fluentui/web-components", "email": "joschect@microsoft.com", "dependentChangeType": "patch" diff --git a/packages/web-components/package.json b/packages/web-components/package.json index 46e3634dc814f..a3a8819237c76 100644 --- a/packages/web-components/package.json +++ b/packages/web-components/package.json @@ -91,7 +91,7 @@ "ts-loader": "^7.0.2", "ts-node": "^8.0.0", "tsconfig-paths": "^3.9.0", - "typescript": "^3.9.7", + "typescript": "3.9.7", "webpack": "^4.43.0" }, "dependencies": { diff --git a/yarn.lock b/yarn.lock index c698cf1c471ed..f98c15f586bdc 100644 --- a/yarn.lock +++ b/yarn.lock @@ -26383,20 +26383,15 @@ typedarray@^0.0.6: resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777" integrity sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c= -typescript@4.1.5, typescript@~4.1.3: - version "4.1.5" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.5.tgz#123a3b214aaff3be32926f0d8f1f6e704eb89a72" - integrity sha512-6OSu9PTIzmn9TCDiovULTnET6BgXtDYL4Gg4szY+cGsc3JP1dQL8qvE8kShTRx1NIw4Q9IBHlwODjkjWEtMUyA== - -typescript@^3.9.0: +typescript@3.9.7, typescript@^3.9.0: version "3.9.7" resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.7.tgz#98d600a5ebdc38f40cb277522f12dc800e9e25fa" integrity sha512-BLbiRkiBzAwsjut4x/dsibSTB6yWpwT5qWmC2OfuCg3GgVQCSgMs4vEctYPhsaGtd0AeuuHMkjZ2h2WG8MSzRw== -typescript@^3.9.7: - version "3.9.9" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-3.9.9.tgz#e69905c54bc0681d0518bd4d587cc6f2d0b1a674" - integrity sha512-kdMjTiekY+z/ubJCATUPlRDl39vXYiMV9iyeMuEuXZh2we6zz80uovNN2WlAxmmdE/Z/YQe+EbOEXB5RHEED3w== +typescript@4.1.5, typescript@~4.1.3: + version "4.1.5" + resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.1.5.tgz#123a3b214aaff3be32926f0d8f1f6e704eb89a72" + integrity sha512-6OSu9PTIzmn9TCDiovULTnET6BgXtDYL4Gg4szY+cGsc3JP1dQL8qvE8kShTRx1NIw4Q9IBHlwODjkjWEtMUyA== typescript@~3.7.2: version "3.7.2" From 443e08d6e655c5de2298e1f9d9e86c1fceb655f9 Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Mon, 26 Apr 2021 23:20:58 +0000 Subject: [PATCH 29/44] PR feedback --- package.json | 18 +++++++++--------- packages/react-menu/tsconfig.json | 1 - 2 files changed, 9 insertions(+), 10 deletions(-) diff --git a/package.json b/package.json index 7aa99f70a7105..d6432d3849126 100644 --- a/package.json +++ b/package.json @@ -145,22 +145,22 @@ "packages/fluentui/*" ], "nohoist": [ - "@fluentui/make-styles/stylis", "@fluentui/make-styles/@types/stylis", + "@fluentui/make-styles/stylis", "@fluentui/react-bindings/stylis", "@fluentui/react-northstar-fela-renderer/stylis", + "@fluentui/web-components/ts-node", + "@fluentui/web-components/ts-node/**", + "packages/web-components/**/typescript", "packages/web-components/@microsoft/eslint-config-fast-dna", - "packages/web-components/webpack", "packages/web-components/@storybook/**", - "packages/web-components/typescript", - "packages/web-components/typescript/**", - "packages/web-components/**/typescript", + "packages/web-components/build", + "packages/web-components/build/**", "packages/web-components/ts-loader", "packages/web-components/ts-loader/**", - "packages/web-components/ts-node", - "packages/web-components/ts-node/**", - "packages/web-components/build/**", - "packages/web-components/build" + "packages/web-components/typescript", + "packages/web-components/typescript/**", + "packages/web-components/webpack" ] }, "resolutions": { diff --git a/packages/react-menu/tsconfig.json b/packages/react-menu/tsconfig.json index 5a379d2289b4f..d8779678f1380 100644 --- a/packages/react-menu/tsconfig.json +++ b/packages/react-menu/tsconfig.json @@ -6,7 +6,6 @@ "outDir": "dist", "jsx": "react", "declaration": true, - "moduleResolution": "node", "module": "commonjs", "experimentalDecorators": true, "importHelpers": true, From 159c1d8e0acba2dc11db63fe0b1489683fca65ee Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Wed, 28 Apr 2021 20:56:21 +0000 Subject: [PATCH 30/44] Reconcile tslib versions --- packages/react-storybook/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-storybook/package.json b/packages/react-storybook/package.json index 0cd61e4a3a003..710678e5ae946 100644 --- a/packages/react-storybook/package.json +++ b/packages/react-storybook/package.json @@ -33,7 +33,7 @@ "dependencies": { "@fluentui/react-provider": "^9.0.0-alpha.29", "@fluentui/react-theme": "^9.0.0-alpha.9", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", From 8a442c145a1b365eeb47a2ce4b6d1d8034aec49f Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Wed, 28 Apr 2021 21:47:26 +0000 Subject: [PATCH 31/44] Formatting --- packages/react/src/components/List/List.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/src/components/List/List.tsx b/packages/react/src/components/List/List.tsx index 5f0d851ec774a..99c825d5851e0 100644 --- a/packages/react/src/components/List/List.tsx +++ b/packages/react/src/components/List/List.tsx @@ -292,7 +292,7 @@ export class List extends React.Component, IListState> } if (this._scrollElement) { - this._scrollElement.scrollTop = scrollTop; + this._scrollElement.scrollTop = scrollTop; } return; } From 931debd97bdf80e96706dca0e51315620e3ec41b Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Thu, 29 Apr 2021 10:05:50 -0700 Subject: [PATCH 32/44] Update change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json Co-authored-by: Chris Holt --- ...tui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json b/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json index f9260146898b0..6f0113d1040ad 100644 --- a/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json +++ b/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json @@ -3,5 +3,5 @@ "comment": "", "packageName": "@fluentui/web-components", "email": "joschect@microsoft.com", - "dependentChangeType": "patch" + "dependentChangeType": "none" } From b3ba2f8cd5a6257264acea5fe1c7baa2c4496286 Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Thu, 29 Apr 2021 18:11:14 +0000 Subject: [PATCH 33/44] Re-resolve merge conflicts --- .../src/components/Portal/renderPortal.tsx | 3 +- .../etc/react-utilities.api.md | 62 +++++++++---------- 2 files changed, 33 insertions(+), 32 deletions(-) diff --git a/packages/react-portal/src/components/Portal/renderPortal.tsx b/packages/react-portal/src/components/Portal/renderPortal.tsx index 85a1328444680..ddc6508936e26 100644 --- a/packages/react-portal/src/components/Portal/renderPortal.tsx +++ b/packages/react-portal/src/components/Portal/renderPortal.tsx @@ -1,10 +1,11 @@ import * as ReactDOM from 'react-dom'; +import * as React from 'react'; import { PortalState } from './Portal.types'; /** * Render the final JSX of Portal */ -export const renderPortal = (state: PortalState) => { +export const renderPortal = (state: PortalState): React.ReactPortal | null => { if (state.shouldRender && state.mountNode) { return ReactDOM.createPortal(state.children, state.mountNode); } diff --git a/packages/react-utilities/etc/react-utilities.api.md b/packages/react-utilities/etc/react-utilities.api.md index 2b215f3b48d91..9883acd76210f 100644 --- a/packages/react-utilities/etc/react-utilities.api.md +++ b/packages/react-utilities/etc/react-utilities.api.md @@ -4,7 +4,7 @@ ```ts -import * as React from 'react'; +import * as React_2 from 'react'; // @public export const anchorProperties: Record; @@ -21,7 +21,7 @@ export const baseElementProperties: Record; // @public (undocumented) export interface BaseSlots { // (undocumented) - root: React.ElementType; + root: React_2.ElementType; } // @public @@ -31,7 +31,7 @@ export const buttonProperties: Record; export function canUseDOM(): boolean; // @public (undocumented) -export type ChangeCallback | undefined> = (ev: TEvent, newValue: TValue | undefined) => void; +export type ChangeCallback | undefined> = (ev: TEvent, newValue: TValue | undefined) => void; // @public export type ClassDictionary = Record; @@ -45,24 +45,24 @@ export const colProperties: Record; // @public (undocumented) export interface ComponentProps { // (undocumented) - as?: React.ElementType; + as?: React_2.ElementType; // (undocumented) - children?: React.ReactNode; + children?: React_2.ReactNode; // (undocumented) className?: string; } // @public export type ComponentState = never> = RequiredProps, DefaultedProps> & { - as?: React.ElementType; + as?: React_2.ElementType; ref: RefType; }; // @public (undocumented) -export function createDescendantContext(name: string, initialValue?: {}): React.Context>; +export function createDescendantContext(name: string, initialValue?: {}): React_2.Context>; // @public (undocumented) -export function createNamedContext(name: string, defaultValue: ContextValueType): React.Context; +export function createNamedContext(name: string, defaultValue: ContextValueType): React_2.Context; // Warning: (ae-internal-missing-underscore) The name "defaultSSRContextValue" should be prefixed with an underscore because the declaration is marked as @internal // @@ -87,10 +87,10 @@ export interface DescendantContextValue { // @public (undocumented) export const DescendantProvider: >({ context: Ctx, children, items, set, }: { - context: React.Context>; - children: React.ReactNode; + context: React_2.Context>; + children: React_2.ReactNode; items: DescendantType[]; - set: React.Dispatch>; + set: React_2.Dispatch>; }) => JSX.Element; // @public @@ -103,13 +103,13 @@ export const formProperties: Record; export type GenericDictionary = Record; // @public -export function getNativeElementProps>(tagName: string, props: {}, excludedPropNames?: string[]): TAttributes; +export function getNativeElementProps>(tagName: string, props: {}, excludedPropNames?: string[]): TAttributes; // @public export function getNativeProps>(props: Record, allowedPropNames: string[] | Record, excludedPropNames?: string[]): T; // @public -export const getSlots: (state: Record, slotNames?: readonly string[] | undefined) => { +export const getSlots: (state: GenericDictionary, slotNames?: readonly string[] | undefined) => { slots: Record; slotProps: Record; }; @@ -139,7 +139,7 @@ export const liProperties: Record; export const makeMergeProps: (options?: MergePropsOptions) => (target: TState, ...propSets: (Partial | undefined)[]) => TState; // @public @deprecated -export const makeMergePropsCompat: >(options?: MergePropsOptions> | undefined) => (target: Record, ...propSets: (Record | undefined)[]) => TState; +export const makeMergePropsCompat: >(options?: MergePropsOptions> | undefined) => (target: GenericDictionary, ...propSets: (GenericDictionary | undefined)[]) => TState; // @public (undocumented) export type MergePropsOptions = { @@ -164,7 +164,7 @@ export function omit>(obj: TObj, exclusions: (k export const optionProperties: Record; // @public -export type RefObjectFunction = React.RefObject & ((value: T) => void); +export type RefObjectFunction = React_2.RefObject & ((value: T) => void); // @public export type RequiredProps = Omit & { @@ -186,16 +186,16 @@ export const resolveShorthandProps: ; // @public (undocumented) -export type ShorthandProps = React.ReactChild | React.ReactNodeArray | React.ReactPortal | boolean | number | null | undefined | ObjectShorthandProps; +export type ShorthandProps = React_2.ReactChild | React_2.ReactNodeArray | React_2.ReactPortal | boolean | number | null | undefined | ObjectShorthandProps; // @public (undocumented) -export type ShorthandRenderFunction = (Component: React.ElementType, props: TProps) => React.ReactNode; +export type ShorthandRenderFunction = (Component: React_2.ElementType, props: TProps) => React_2.ReactNode; // @public -export function shouldPreventDefaultOnKeyDown(e: KeyboardEvent | React.KeyboardEvent): boolean; +export function shouldPreventDefaultOnKeyDown(e: KeyboardEvent | React_2.KeyboardEvent): boolean; // @public (undocumented) -export type SlotProps> = { +export type SlotProps> = { [key in keyof Omit]: key extends keyof TProps ? TProps[key] : any; } & { root: TRootProps; @@ -204,7 +204,7 @@ export type SlotProps; +export const SSRContext: React_2.Context; // Warning: (ae-internal-missing-underscore) The name "SSRContextValue" should be prefixed with an underscore because the declaration is marked as @internal // @@ -215,7 +215,7 @@ export interface SSRContextValue { } // @public -export const SSRProvider: React.FC; +export const SSRProvider: React_2.FC; // @public export const tableProperties: Record; @@ -248,16 +248,16 @@ export function useConst(initialValue: T | (() => T)): T; // Warning: (ae-forgotten-export) The symbol "DefaultValue" needs to be exported by the entry point index.d.ts // // @public -export function useControllableValue(controlledValue: TValue, defaultUncontrolledValue: DefaultValue): Readonly<[TValue, (update: React.SetStateAction) => void]>; +export function useControllableValue(controlledValue: TValue, defaultUncontrolledValue: DefaultValue): Readonly<[TValue, (update: React_2.SetStateAction) => void]>; // @public (undocumented) -export function useControllableValue | undefined>(controlledValue: TValue, defaultUncontrolledValue: DefaultValue, onChange: ChangeCallback): Readonly<[TValue, (update: React.SetStateAction, ev?: React.FormEvent) => void]>; +export function useControllableValue | undefined>(controlledValue: TValue, defaultUncontrolledValue: DefaultValue, onChange: ChangeCallback): Readonly<[TValue, (update: React_2.SetStateAction, ev?: React_2.FormEvent) => void]>; // @public -export function useDescendant(descendant: Omit, context: React.Context>, indexProp?: number): number; +export function useDescendant(descendant: Omit, context: React_2.Context>, indexProp?: number): number; // @public -export function useDescendantKeyDown(context: React.Context>, options: { +export function useDescendantKeyDown(context: React_2.Context>, options: { currentIndex: number | null | undefined; key?: K | 'option'; filter?: (descendant: DescendantType) => boolean; @@ -265,13 +265,13 @@ export function useDescendantKeyDown) => void; +}): (event: React_2.KeyboardEvent) => void; // @public (undocumented) -export function useDescendants(ctx: React.Context>): DescendantType[]; +export function useDescendants(ctx: React_2.Context>): DescendantType[]; // @public (undocumented) -export function useDescendantsInit(): [DescendantType[], React.Dispatch>]; +export function useDescendantsInit(): [DescendantType[], React_2.Dispatch>]; // @public export const useEventCallback: (fn: (...args: Args) => Return) => (...args: Args) => Return; @@ -286,13 +286,13 @@ export function useForceUpdate(): () => void; export function useId(prefix?: string, providedId?: string): string; // @public -export const useIsomorphicLayoutEffect: typeof React.useEffect; +export const useIsomorphicLayoutEffect: typeof React_2.useEffect; // @public export function useIsSSR(): boolean; // @public -export function useMergedRefs(...refs: (React.Ref | undefined)[]): RefObjectFunction; +export function useMergedRefs(...refs: (React_2.Ref | undefined)[]): RefObjectFunction; // @public export const useOnClickOutside: (options: UseOnClickOutsideOptions) => void; @@ -300,7 +300,7 @@ export const useOnClickOutside: (options: UseOnClickOutsideOptions) => void; // @public (undocumented) export type UseOnClickOutsideOptions = { element: Document | undefined; - refs: React.MutableRefObject[]; + refs: React_2.MutableRefObject[]; callback: (ev: MouseEvent | TouchEvent) => void; }; From ff342d01459b228fa9339f2671cf17613679d482 Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Thu, 29 Apr 2021 12:36:12 -0700 Subject: [PATCH 34/44] Update packages/react/src/components/List/List.tsx Co-authored-by: Makoto Morimoto --- packages/react/src/components/List/List.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/src/components/List/List.tsx b/packages/react/src/components/List/List.tsx index 99c825d5851e0..08a0fe94d0b19 100644 --- a/packages/react/src/components/List/List.tsx +++ b/packages/react/src/components/List/List.tsx @@ -1094,7 +1094,7 @@ export class List extends React.Component, IListState> this._measureVersion++; } - this._scrollHeight = scrollHeight!; + this._scrollHeight = scrollHeight || 0; // If the surface is above the container top or below the container bottom, or if this is not the first // render return empty rect. From 346b5c08255fb7eafb8bc2ec2801fb21fa0ca632 Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Thu, 29 Apr 2021 12:36:35 -0700 Subject: [PATCH 35/44] Update packages/eslint-plugin/package.json Co-authored-by: Elizabeth Craig --- packages/eslint-plugin/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json index 8f9cfe7071a22..9a2ac6c2e70d4 100644 --- a/packages/eslint-plugin/package.json +++ b/packages/eslint-plugin/package.json @@ -32,7 +32,7 @@ }, "peerDependencies": { "eslint": "^6.0.0 || ^7.0.0", - "typescript": "^3.7.2 || 4.1.5" + "typescript": "^4.1.0" }, "files": [ "src" From 8ae812f35f760368162ba85a46cc2da5c8040426 Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Thu, 29 Apr 2021 12:36:58 -0700 Subject: [PATCH 36/44] Update packages/react/src/components/List/List.tsx Co-authored-by: Makoto Morimoto --- packages/react/src/components/List/List.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/src/components/List/List.tsx b/packages/react/src/components/List/List.tsx index 08a0fe94d0b19..88f149660c9d4 100644 --- a/packages/react/src/components/List/List.tsx +++ b/packages/react/src/components/List/List.tsx @@ -136,7 +136,7 @@ export class List extends React.Component, IListState> private _requiredWindowsBehind: number; private _measureVersion: number; - private _scrollHeight: number | undefined; + private _scrollHeight?: number; private _scrollTop: number; private _pageCache: IPageCache; From 65283e394898123252bedac91a3e0924a130dc61 Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Thu, 29 Apr 2021 12:37:33 -0700 Subject: [PATCH 37/44] Update packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx Co-authored-by: Makoto Morimoto --- .../src/components/MarqueeSelection/MarqueeSelection.base.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx index 26968caeecfe4..f0c2af1e9fd26 100644 --- a/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx +++ b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx @@ -197,7 +197,7 @@ export class MarqueeSelectionBase extends React.Component Date: Thu, 29 Apr 2021 12:38:10 -0700 Subject: [PATCH 38/44] Update packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx Co-authored-by: Makoto Morimoto --- .../src/components/MarqueeSelection/MarqueeSelection.base.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx index f0c2af1e9fd26..83043b8cf4040 100644 --- a/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx +++ b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx @@ -198,7 +198,7 @@ export class MarqueeSelectionBase extends React.Component Date: Thu, 29 Apr 2021 21:33:33 +0000 Subject: [PATCH 39/44] PR feedback --- .../react-positioning/etc/react-positioning.api.md | 12 ++++++------ packages/react-utilities/tsconfig.json | 1 - 2 files changed, 6 insertions(+), 7 deletions(-) diff --git a/packages/react-positioning/etc/react-positioning.api.md b/packages/react-positioning/etc/react-positioning.api.md index 781b4dd767343..27d57e8382b27 100644 --- a/packages/react-positioning/etc/react-positioning.api.md +++ b/packages/react-positioning/etc/react-positioning.api.md @@ -5,7 +5,7 @@ ```ts import * as PopperJs from '@popperjs/core'; -import * as React from 'react'; +import * as React_2 from 'react'; // @public (undocumented) export type Alignment = 'top' | 'bottom' | 'start' | 'end' | 'center'; @@ -34,7 +34,7 @@ export interface PopperOptions extends PositioningProps { enabled?: boolean; // (undocumented) onStateUpdate?: (state: Partial) => void; - positioningDependencies?: React.DependencyList; + positioningDependencies?: React_2.DependencyList; } // @public (undocumented) @@ -50,7 +50,7 @@ export interface PositioningProps { align?: Alignment; arrowPadding?: number; autoSize?: AutoSize; - containerRef?: React.Ref; + containerRef?: React_2.Ref; flipBoundary?: Boundary; offset?: Offset; overflowBoundary?: Boundary; @@ -62,9 +62,9 @@ export interface PositioningProps { // @public export function usePopper(options?: PopperOptions): { - targetRef: React.MutableRefObject; - containerRef: React.MutableRefObject; - arrowRef: React.MutableRefObject; + targetRef: React_2.MutableRefObject; + containerRef: React_2.MutableRefObject; + arrowRef: React_2.MutableRefObject; }; diff --git a/packages/react-utilities/tsconfig.json b/packages/react-utilities/tsconfig.json index e36d9ae0d1cbf..beb1660276af8 100644 --- a/packages/react-utilities/tsconfig.json +++ b/packages/react-utilities/tsconfig.json @@ -1,5 +1,4 @@ { - "extends": "../../tsconfig.base.json", "compilerOptions": { "baseUrl": ".", "outDir": "dist", From 6288448be1fca3822ce052b5a5897198d9647520 Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Thu, 29 Apr 2021 22:07:15 +0000 Subject: [PATCH 40/44] update API --- .../react-tooltip/etc/react-tooltip.api.md | 64 +++++++------------ 1 file changed, 23 insertions(+), 41 deletions(-) diff --git a/packages/react-tooltip/etc/react-tooltip.api.md b/packages/react-tooltip/etc/react-tooltip.api.md index b33c0f15e4d22..2052099772825 100644 --- a/packages/react-tooltip/etc/react-tooltip.api.md +++ b/packages/react-tooltip/etc/react-tooltip.api.md @@ -8,29 +8,22 @@ import { Alignment } from '@fluentui/react-positioning'; import { ComponentProps } from '@fluentui/react-utilities'; import { ComponentState } from '@fluentui/react-utilities'; import { Position } from '@fluentui/react-positioning'; -import * as React from 'react'; +import * as React_2 from 'react'; import { RequiredProps } from '@fluentui/react-utilities'; import { ResolvedShorthandProps } from '@fluentui/react-utilities'; import { ShorthandProps } from '@fluentui/react-utilities'; // @public (undocumented) -export const internal__TooltipContext: React.Context; +export const internal__TooltipContext: React_2.Context; // @public -export const renderTooltip: (state: import("@fluentui/react-utilities").ComponentState, import("./Tooltip.types").TooltipProps & { - visible: boolean; -}, "arrow", import("./Tooltip.types").TooltipDefaultedProps>) => JSX.Element; +export const renderTooltip: (state: TooltipState) => JSX.Element; // @public -export const renderTooltipProvider: (state: import("@fluentui/react-utilities").ComponentState, import("./TooltipProvider.types").TooltipProviderProps & { - tooltipManager: import("./useTooltipManager").TooltipManager; -}, never, never>) => JSX.Element; +export const renderTooltipProvider: (state: TooltipProviderState) => JSX.Element; // @public -export const renderTooltipTrigger: (state: import("@fluentui/react-utilities").RequiredProps; -}, "tooltip">, "tooltip">) => JSX.Element; +export const renderTooltipTrigger: (state: TooltipTriggerState) => JSX.Element; // @public export type ShowTooltipArgs = { @@ -42,11 +35,11 @@ export type ShowTooltipArgs = { }; // @public -export const Tooltip: React.ForwardRefExoticComponent>; +export const Tooltip: React_2.ForwardRefExoticComponent>; // @public export type TooltipContext = { - TooltipComponent: React.FC>; + TooltipComponent: React_2.FC>; tooltipManager: TooltipManager | undefined; }; @@ -69,10 +62,10 @@ export interface TooltipManager { } // @public (undocumented) -export interface TooltipProps extends ComponentProps, React.HTMLAttributes { +export interface TooltipProps extends ComponentProps, React_2.HTMLAttributes { align?: Alignment; - arrow?: ShorthandProps & React.RefAttributes>; - componentRef?: React.Ref; + arrow?: ShorthandProps & React_2.RefAttributes>; + componentRef?: React_2.Ref; noArrow?: boolean; offset?: number; position?: Position; @@ -80,14 +73,14 @@ export interface TooltipProps extends ComponentProps, React.HTMLAttributes>; +export const TooltipProvider: React_2.ForwardRefExoticComponent>; // @public (undocumented) -export interface TooltipProviderProps extends ComponentProps, React.HTMLAttributes { +export interface TooltipProviderProps extends ComponentProps, React_2.HTMLAttributes { } // @public (undocumented) -export type TooltipProviderState = ComponentState, TooltipProviderProps & { +export type TooltipProviderState = ComponentState, TooltipProviderProps & { tooltipManager: TooltipManager; }>; @@ -98,26 +91,26 @@ export type TooltipShorthandProps = 'arrow'; export const tooltipShorthandProps: TooltipShorthandProps[]; // @public (undocumented) -export type TooltipState = ComponentState, TooltipProps & { +export type TooltipState = ComponentState, TooltipProps & { visible: boolean; }, TooltipShorthandProps, TooltipDefaultedProps>; // @public -export const TooltipTrigger: React.FunctionComponent; +export const TooltipTrigger: React_2.FunctionComponent; // @public -export type TooltipTriggerChildProps = Pick, 'onPointerEnter' | 'onPointerLeave' | 'onFocus' | 'onBlur' | 'aria-describedby' | 'aria-labelledby'>; +export type TooltipTriggerChildProps = Pick, 'onPointerEnter' | 'onPointerLeave' | 'onFocus' | 'onBlur' | 'aria-describedby' | 'aria-labelledby'>; // @public export type TooltipTriggerDefaultedProps = 'tooltip'; // @public (undocumented) export interface TooltipTriggerProps extends Pick { - children: React.ReactElement> | ((props: TooltipTriggerChildProps) => React.ReactNode); + children: React_2.ReactElement> | ((props: TooltipTriggerChildProps) => React_2.ReactNode); hideDelay?: number; onlyIfTruncated?: boolean; showDelay?: number; - targetRef?: React.RefObject; + targetRef?: React_2.RefObject; tooltip: ShorthandProps; type?: 'description' | 'label'; } @@ -131,13 +124,11 @@ export const tooltipTriggerShorthandProps: readonly ["tooltip"]; // @public (undocumented) export type TooltipTriggerState = RequiredProps; + tooltipRef: React_2.MutableRefObject; }, TooltipTriggerShorthandProps>, TooltipTriggerDefaultedProps>; // @public -export const useTooltip: (props: TooltipProps, ref: React.Ref, defaultProps?: TooltipProps | undefined) => import("@fluentui/react-utilities").ComponentState, TooltipProps & { - visible: boolean; -}, "arrow", import("./Tooltip.types").TooltipDefaultedProps>; +export const useTooltip: (props: TooltipProps, ref: React_2.Ref, defaultProps?: TooltipProps | undefined) => TooltipState; // @public (undocumented) export const useTooltipContext: () => TooltipContext; @@ -146,22 +137,13 @@ export const useTooltipContext: () => TooltipContext; export const useTooltipManager: () => TooltipManager; // @public -export const useTooltipProvider: (props: TooltipProviderProps, ref: React.Ref, defaultProps?: TooltipProviderProps | undefined) => import("@fluentui/react-utilities").ComponentState, TooltipProviderProps & { - tooltipManager: import("./useTooltipManager").TooltipManager; -}, never, never>; +export const useTooltipProvider: (props: TooltipProviderProps, ref: React_2.Ref, defaultProps?: TooltipProviderProps | undefined) => TooltipProviderState; // @public -export const useTooltipStyles: (state: import("@fluentui/react-utilities").ComponentState, import("./Tooltip.types").TooltipProps & { - visible: boolean; -}, "arrow", import("./Tooltip.types").TooltipDefaultedProps>) => import("@fluentui/react-utilities").ComponentState, import("./Tooltip.types").TooltipProps & { - visible: boolean; -}, "arrow", import("./Tooltip.types").TooltipDefaultedProps>; +export const useTooltipStyles: (state: TooltipState) => TooltipState; // @public -export const useTooltipTrigger: (props: TooltipTriggerProps, defaultProps?: TooltipTriggerProps | undefined) => import("@fluentui/react-utilities").RequiredProps; -}, "tooltip">, "tooltip">; +export const useTooltipTrigger: (props: TooltipTriggerProps, defaultProps?: TooltipTriggerProps | undefined) => TooltipTriggerState; // (No @packageDocumentation comment for this package) From 95017e765d2577018a86be09ac73d28e83c3133e Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Thu, 29 Apr 2021 22:12:13 +0000 Subject: [PATCH 41/44] Formatting --- .../components/MarqueeSelection/MarqueeSelection.base.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx index 83043b8cf4040..3225852a9b067 100644 --- a/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx +++ b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx @@ -197,8 +197,12 @@ export class MarqueeSelectionBase extends React.Component Date: Thu, 29 Apr 2021 23:50:55 +0000 Subject: [PATCH 42/44] fix regression on render callback --- .../src/components/ComboBox/ComboBox.tsx | 20 +++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/packages/react/src/components/ComboBox/ComboBox.tsx b/packages/react/src/components/ComboBox/ComboBox.tsx index f93e0b5c13221..1f14b070a4d12 100644 --- a/packages/react/src/components/ComboBox/ComboBox.tsx +++ b/packages/react/src/components/ComboBox/ComboBox.tsx @@ -445,14 +445,18 @@ class ComboBoxInternal extends React.Component ({ ...item, index: index })), - onDismiss: this._onDismiss, - })} + // eslint-disable-next-line @typescript-eslint/no-explicit-any + (onRenderContainer as any)( + { + ...this.props, + onRenderList, + onRenderItem, + onRenderOption, + options: currentOptions.map((item, index) => ({ ...item, index: index })), + onDismiss: this._onDismiss, + }, + this._onRenderContainer, + )}
Date: Thu, 29 Apr 2021 16:51:48 -0700 Subject: [PATCH 43/44] Update packages/fluentui/local-sandbox/webpack.config.js Co-authored-by: Elizabeth Craig --- packages/fluentui/local-sandbox/webpack.config.js | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/fluentui/local-sandbox/webpack.config.js b/packages/fluentui/local-sandbox/webpack.config.js index 6d20e813a889f..9fa9911350c94 100644 --- a/packages/fluentui/local-sandbox/webpack.config.js +++ b/packages/fluentui/local-sandbox/webpack.config.js @@ -5,7 +5,8 @@ const CopyWebpackPlugin = require('copy-webpack-plugin'); const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin'); const TerserPlugin = require('terser-webpack-plugin'); -const webpackConfig /** @type {import("webpack").Configuration} */ = { +/** @type {import("webpack").Configuration} */ +const webpackConfig = { name: 'client', target: 'web', mode: 'development', From dc837024b303f7bbb6465004a3fef393a7fea79c Mon Sep 17 00:00:00 2001 From: JD Huntington Date: Thu, 29 Apr 2021 23:55:34 +0000 Subject: [PATCH 44/44] Update nohoist --- package.json | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/package.json b/package.json index d6432d3849126..e38fac7879f0f 100644 --- a/package.json +++ b/package.json @@ -149,18 +149,18 @@ "@fluentui/make-styles/stylis", "@fluentui/react-bindings/stylis", "@fluentui/react-northstar-fela-renderer/stylis", + "@fluentui/web-components/**/typescript", + "@fluentui/web-components/@microsoft/eslint-config-fast-dna", + "@fluentui/web-components/@storybook/**", + "@fluentui/web-components/build", + "@fluentui/web-components/build/**", + "@fluentui/web-components/ts-loader", + "@fluentui/web-components/ts-loader/**", "@fluentui/web-components/ts-node", "@fluentui/web-components/ts-node/**", - "packages/web-components/**/typescript", - "packages/web-components/@microsoft/eslint-config-fast-dna", - "packages/web-components/@storybook/**", - "packages/web-components/build", - "packages/web-components/build/**", - "packages/web-components/ts-loader", - "packages/web-components/ts-loader/**", - "packages/web-components/typescript", - "packages/web-components/typescript/**", - "packages/web-components/webpack" + "@fluentui/web-components/typescript", + "@fluentui/web-components/typescript/**", + "@fluentui/web-components/webpack" ] }, "resolutions": {