diff --git a/apps/a11y-tests/package.json b/apps/a11y-tests/package.json index 08fabdf15a26cf..a5606ed9f092d4 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 b027b882ceb63d..ef8241912e14b5 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 0e28d1afba6d1c..169ea5a98c8796 100644 --- a/apps/codesandbox-react-template/package.json +++ b/apps/codesandbox-react-template/package.json @@ -21,6 +21,6 @@ "@fluentui/react": "^8.13.1", "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 366d7bfedcfe54..3d88ef0286538c 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 486ba3d0a7fb81..e6c17274d78d39 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 78fe4742ee6ba4..86061be265261b 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 fd4c5e4e789ad9..a1fe32fcd64c63 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 25b4466e1a22ef..6d26529716443e 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 ca1d43f9c1fdf2..4fbb11926f6e1c 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 79827847acc214..bd2b763ebec54c 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 4ad06c09f3408e..8211dfdcf0ad63 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 00000000000000..963282099e837a --- /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 00000000000000..453dbf76abbd83 --- /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-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 00000000000000..77706a9b6a1bed --- /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" +} 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 00000000000000..4b49a8498e45f8 --- /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 00000000000000..c2c4dedf139541 --- /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 00000000000000..9add4a0ec1a6c1 --- /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 00000000000000..d0688310d71acf --- /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 00000000000000..9d4e8d979efcd4 --- /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 00000000000000..524d5c59190953 --- /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 00000000000000..496a802b1fb820 --- /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 00000000000000..b388e6773d24ff --- /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 00000000000000..82653c56ae6027 --- /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 00000000000000..e3bd0928ad9d7a --- /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 00000000000000..8f042080e2c1e9 --- /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 00000000000000..6826629941b3d0 --- /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 00000000000000..7245699169f60c --- /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 00000000000000..158eb831d61a63 --- /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 00000000000000..af8b7376ef36d7 --- /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 00000000000000..208d6e20271bec --- /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 00000000000000..5dc610e323abd8 --- /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 00000000000000..b34310e1fca92a --- /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 00000000000000..6ca515804222e3 --- /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 00000000000000..cdea2b67d54c31 --- /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 00000000000000..b13b038f6ad900 --- /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 00000000000000..724f3e70fa98ca --- /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 00000000000000..ede3d0673b3cfb --- /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 00000000000000..9ae48d8100179a --- /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 00000000000000..189105aa3974fb --- /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 00000000000000..ede5ddca403a2d --- /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 00000000000000..115d59cca69429 --- /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 00000000000000..c5fb7567e2368a --- /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 00000000000000..8050424ec7a345 --- /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 00000000000000..03765c7070b7ea --- /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 00000000000000..6f4779343050ed --- /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 00000000000000..512d1bec05d18e --- /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 00000000000000..ec3074d461bf11 --- /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 00000000000000..a25e29a8219398 --- /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 00000000000000..1189f12ed95177 --- /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 00000000000000..aa0ebe2590f5f4 --- /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 00000000000000..141dbc7a9c026b --- /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 00000000000000..eadd9af89794ea --- /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 00000000000000..1ab57710756b5f --- /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 00000000000000..559f3fc1049145 --- /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 00000000000000..27fac79bae7065 --- /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 00000000000000..ac995b71988a74 --- /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 00000000000000..f2eee01d537b51 --- /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 00000000000000..69b7924818c3d8 --- /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 00000000000000..3eb4afd61a1b35 --- /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 00000000000000..244cc3d84465d5 --- /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 00000000000000..b44c7ca13e43de --- /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 00000000000000..2e3b037e1a26da --- /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 00000000000000..94b968f932d597 --- /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 00000000000000..2e7e2e6099a83f --- /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 00000000000000..94270faa2306ec --- /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 00000000000000..45786ffb4948a6 --- /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 00000000000000..c56ee471dad2f1 --- /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 00000000000000..de6cf609f19327 --- /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 00000000000000..0fdbe65f99e2cd --- /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 00000000000000..554ed50a673dea --- /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 00000000000000..ae9dd35655b08d --- /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 00000000000000..cf633f63adb2b1 --- /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 00000000000000..f5d8201dff75b0 --- /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 00000000000000..dd31dc6de83ef2 --- /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 00000000000000..4a9398076cf80c --- /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 00000000000000..7f41a3c9874aa1 --- /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 00000000000000..baade88831a1f0 --- /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 00000000000000..d3eda2f441ff2f --- /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 00000000000000..6f0113d1040ad8 --- /dev/null +++ b/change/@fluentui-web-components-057bb4b4-9195-499c-a1c4-4fdb458f1302.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "", + "packageName": "@fluentui/web-components", + "email": "joschect@microsoft.com", + "dependentChangeType": "none" +} 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 00000000000000..8e77b69403212f --- /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 a7817ae3d74546..e38fac7879f0f5 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", @@ -144,20 +145,22 @@ "packages/fluentui/*" ], "nohoist": [ - "@fluentui/babel-make-styles/tslib", - "@fluentui/babel-make-styles/typescript", - "@fluentui/make-styles/stylis", "@fluentui/make-styles/@types/stylis", + "@fluentui/make-styles/stylis", "@fluentui/react-bindings/stylis", "@fluentui/react-northstar-fela-renderer/stylis", - "packages/web-components/webpack", - "packages/web-components/@storybook/**", - "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/**" + "@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/**", + "@fluentui/web-components/typescript", + "@fluentui/web-components/typescript/**", + "@fluentui/web-components/webpack" ] }, "resolutions": { @@ -188,15 +191,6 @@ "webpack" ] }, - { - "packages": [ - "@fluentui/babel-make-styles" - ], - "dependencies": [ - "tslib", - "typescript" - ] - }, { "packages": [ "@fluentui/web-components" diff --git a/packages/a11y-testing/package.json b/packages/a11y-testing/package.json index c2a1c5f809e174..efd7a31749e01c 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 9567ac9287746d..28d71f987dfa0a 100644 --- a/packages/api-docs/package.json +++ b/packages/api-docs/package.json @@ -29,8 +29,8 @@ "@fluentui/style-utilities": "^8.0.5", "@fluentui/theme": "^2.0.5", "@fluentui/utilities": "^8.0.5", - "@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 79f8fbceae501a..0171ce1b2c8c82 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 0cb94871fa6e8d..82b6d209dc6998 100644 --- a/packages/azure-themes/package.json +++ b/packages/azure-themes/package.json @@ -30,6 +30,6 @@ "dependencies": { "@fluentui/react": "^8.13.1", "@fluentui/set-version": "^8.0.3", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/babel-make-styles/package.json b/packages/babel-make-styles/package.json index 373ba8fd90fecf..e6c339e931486f 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.28", "@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.16", "@linaria/babel": "^3.0.0-beta.0", - "tslib": "^2.2.0" + "tslib": "^2.1.0" }, "beachball": { "tag": "alpha", diff --git a/packages/codemods/package.json b/packages/codemods/package.json index 9024a45610084a..b314c844db9d1e 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 ad8ccf3ffd3d3b..d78157e460728e 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 71720aed433cb7..bcae8913fb582f 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 0a44311978d52c..1ee9fcab957f61 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 52b1ab1efb6209..df8f3a21b178eb 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 eb684782b77abd..2663e9e445a3b4 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 e75af2ca1727b1..4555f5f38f0662 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 e537fdcdb2f3c4..c451d262a110da 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 98f46c2b70d54f..a93b37bc2f3b57 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 0dff352b222d12..94e66648c3fe62 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 9c791e52b1ba90..2a751becc05226 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 eb7afa0647db7a..a7b76fe0eb087f 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 66f8522a354f02..bf2a260bba91a1 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.3", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/dom-utilities/package.json b/packages/dom-utilities/package.json index ef04d14563d152..c8b967b64df110 100644 --- a/packages/dom-utilities/package.json +++ b/packages/dom-utilities/package.json @@ -28,6 +28,6 @@ }, "dependencies": { "@fluentui/set-version": "^8.0.3", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json index 06443ffd683e70..9a2ac6c2e70d49 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": "^4.1.0" }, "files": [ "src" diff --git a/packages/example-data/etc/example-data.api.md b/packages/example-data/etc/example-data.api.md index 84d704511b5743..8fcea5c1969191 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 939bdf54f2dcf8..7a8bda1bfd9fa7 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 7a30935fbf3096..da2e7330b89dbc 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 4e08a2c5aedbff..77d7d2d593656f 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 }) => { 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 b50669a1dfe425..5dcd98c2f8681d 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/local-sandbox/tsconfig.json b/packages/fluentui/local-sandbox/tsconfig.json index cf87ca5f8c41bf..0b3f1e93016691 100644 --- a/packages/fluentui/local-sandbox/tsconfig.json +++ b/packages/fluentui/local-sandbox/tsconfig.json @@ -3,6 +3,7 @@ "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, + "checkJs": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": 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 21c9d365f4d961..9fa9911350c948 100644 --- a/packages/fluentui/local-sandbox/webpack.config.ts +++ b/packages/fluentui/local-sandbox/webpack.config.js @@ -1,11 +1,12 @@ -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 = { +/** @type {import("webpack").Configuration} */ +const webpackConfig = { name: 'client', target: 'web', mode: 'development', diff --git a/packages/fluentui/react-bindings/src/FocusZone/FocusTrapZone.tsx b/packages/fluentui/react-bindings/src/FocusZone/FocusTrapZone.tsx index afa400a6ae18d4..e0fea4190f9f5c 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 da4c30eb1a8e52..78f7dd5d3effa8 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/test/hooks/useTriggerElement-test.tsx b/packages/fluentui/react-bindings/test/hooks/useTriggerElement-test.tsx index c8ad6cb74cf824..055daeae6c138b 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); }); diff --git a/packages/fluentui/react-component-ref/src/RefFindNode.tsx b/packages/fluentui/react-component-ref/src/RefFindNode.tsx index 1951668d810476..8157e00fc616ea 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 146c6a0ca56b2b..5f0e1451b89edf 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 efeb3f6152c658..3be214ac71b011 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/DatepickerCalendarHeader.tsx b/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeader.tsx index 6d4b3b334b04e4..ee9ca09e88b739 100644 --- a/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeader.tsx +++ b/packages/fluentui/react-northstar/src/components/Datepicker/DatepickerCalendarHeader.tsx @@ -119,7 +119,7 @@ export const DatepickerCalendarHeader: ComponentWithAs<'div', DatepickerCalendar defaultProps: () => getA11yProps('previousButton', { title: props.prevMonthAriaLabel, - direction: 'previous', + direction: 'previous' as const, 'aria-disabled': props.disabledPreviousButton, disabledNavigatableButton: props.disabledPreviousButton, }), @@ -136,7 +136,7 @@ export const DatepickerCalendarHeader: ComponentWithAs<'div', DatepickerCalendar defaultProps: () => getA11yProps('nextButton', { title: props.nextMonthAriaLabel, - direction: 'next', + direction: 'next' as const, 'aria-disabled': props.disabledNextButton, disabledNavigatableButton: props.disabledNextButton, }), diff --git a/packages/fluentui/react-northstar/src/components/Popup/Popup.tsx b/packages/fluentui/react-northstar/src/components/Popup/Popup.tsx index ce0886a18c3d22..8143f9d79b510b 100644 --- a/packages/fluentui/react-northstar/src/components/Popup/Popup.tsx +++ b/packages/fluentui/react-northstar/src/components/Popup/Popup.tsx @@ -112,7 +112,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; diff --git a/packages/fluentui/react-northstar/src/components/Provider/Provider.tsx b/packages/fluentui/react-northstar/src/components/Provider/Provider.tsx index 7102d752dcfaff..ccca900c4c06de 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 619f5b406f0792..4c0438dc69bb5f 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 fa5684a07067ad..1a8e243bb20e54 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/react-proptypes/src/index.ts b/packages/fluentui/react-proptypes/src/index.ts index 8ecc4964237246..8cbd17537c4254 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/font-icons-mdl2/package.json b/packages/font-icons-mdl2/package.json index ccadb0185819a6..f34add6fb30303 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.3", "@fluentui/style-utilities": "^8.0.5", - "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 441438c9bec10d..ff065b50d2c853 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 d226ce2dc98685..a86b56a0910fe5 100644 --- a/packages/foundation-legacy/package.json +++ b/packages/foundation-legacy/package.json @@ -43,7 +43,7 @@ "@fluentui/set-version": "^8.0.3", "@fluentui/style-utilities": "^8.0.5", "@fluentui/utilities": "^8.0.5", - "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 fd96ad288f3a72..6eefad0a1a4190 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 495f49b2aa1568..726fbd46606a6f 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 3fe72b5b9406f1..82d2b1f9740cee 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; diff --git a/packages/make-styles/package.json b/packages/make-styles/package.json index 9bfe5d66d2dff2..9ab649842d3019 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 f47653e7b28f4b..f862e70e2b6260 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 dbbd4704b77315..efe6dc8d04a670 100644 --- a/packages/merge-styles/package.json +++ b/packages/merge-styles/package.json @@ -29,6 +29,6 @@ }, "dependencies": { "@fluentui/set-version": "^8.0.3", - "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 804771577cbabb..0015f838d1695e 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 9cb06488c2ac64..f205c4a1eb730f 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 3038e0b2bd90b2..ae5fa64e92b0fa 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 | undefined) => 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 a57eb44e2da042..570a8e5ab7fcf9 100644 --- a/packages/react-accordion/package.json +++ b/packages/react-accordion/package.json @@ -46,7 +46,7 @@ "@fluentui/react-theme": "^9.0.0-alpha.9", "@fluentui/react-theme-provider": "^9.0.0-alpha.27", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 4bad7bbd7533ff..d51c82b3f6655b 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 af34afd00af479..83bbf1c8aef37d 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 c55e943befa9ae..b0b2b1baeab763 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 }); diff --git a/packages/react-avatar/package.json b/packages/react-avatar/package.json index 3e04f88aa76d1b..fa64119eba3716 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.28", "@fluentui/react-theme": "^9.0.0-alpha.9", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 8e46dafaf63606..39e07e17770a3b 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 2d874c4bfc1fac..56a01ce624ef87 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) => CounterBadgeState; // @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) => PresenceBadgeState; // (No @packageDocumentation comment for this package) diff --git a/packages/react-badge/package.json b/packages/react-badge/package.json index 0bb64b353cb65a..ba1accb3ad63fd 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.28", "@fluentui/react-theme": "^9.0.0-alpha.9", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 0ee872e8b76235..afbef9116c3e6b 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 982487c0425798..01cb82fc8cc443 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 => { 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 52715ce2bdef06..35ec724086397c 100644 --- a/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts +++ b/packages/react-badge/src/components/CounterBadge/useCounterBadgeStyles.ts @@ -37,7 +37,7 @@ const useStyles = makeStyles({ /** * Applies style classnames to slots */ -export const useCounterBadgeStyles = (state: CounterBadgeState) => { +export const useCounterBadgeStyles = (state: CounterBadgeState): CounterBadgeState => { const styles = useStyles(); state.className = mergeClasses( styles.root, @@ -49,5 +49,5 @@ export const useCounterBadgeStyles = (state: CounterBadgeState) => { !state.showZero && state.count === 0 && !state.dot && styles.hide, state.className, ); - return useBadgeStyles(state); + return useBadgeStyles(state) as CounterBadgeState; }; diff --git a/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts b/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts index b7d707583b2f16..01dd31d76a3c2e 100644 --- a/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts +++ b/packages/react-badge/src/components/PresenceBadge/usePresenceBadgeStyles.ts @@ -45,7 +45,7 @@ const useStyles = makeStyles({ /** * Applies style classnames to slots */ -export const usePresenceBadgeStyles = (state: PresenceBadgeState) => { +export const usePresenceBadgeStyles = (state: PresenceBadgeState): PresenceBadgeState => { const styles = useStyles(); state.className = mergeClasses( styles.root, @@ -61,5 +61,5 @@ export const usePresenceBadgeStyles = (state: PresenceBadgeState) => { state.className, ); - return useBadgeStyles(state); + return useBadgeStyles(state) as PresenceBadgeState; }; diff --git a/packages/react-button/etc/react-button.api.md b/packages/react-button/etc/react-button.api.md index e4fe2bfc26b29f..87f9003c897510 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 60c69a8cd44fa7..5ff546909bc397 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.28", "@fluentui/react-theme": "^9.0.0-alpha.9", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 7a32a8dcc75fbf..2caf918ce63e84 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 bed9811a49a317..cc9a22ada99bce 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 b105cc3cab11c0..524893abde02c7 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.28", "@fluentui/react-utilities": "^9.0.0-alpha.19", "@fluentui/utilities": "^8.0.5", - "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 bee9e54b940339..9f6d81c5619a63 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 7858c03907596c..c12caf97dd9df8 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 1f556e08d8c0f4..930e56b32118f7 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 5bb32434a915f8..8a167a4e8a2b2f 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 a13b399dbd47de..9c8e463f8f69f3 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 766ec7f4957bb3..6d6977a8a90464 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.13.1", diff --git a/packages/react-checkbox/etc/react-checkbox.api.md b/packages/react-checkbox/etc/react-checkbox.api.md index 58eab7febd54ae..5f895fe0afae34 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 2fdf92bd5e1a77..58fc0fccf97854 100644 --- a/packages/react-checkbox/package.json +++ b/packages/react-checkbox/package.json @@ -43,7 +43,7 @@ "@fluentui/react-icons-mdl2": "^1.0.5", "@fluentui/style-utilities": "^8.0.5", "@fluentui/utilities": "^8.0.5", - "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 8f3109aeee20eb..ee8a44052c8c95 100644 --- a/packages/react-components/package.json +++ b/packages/react-components/package.json @@ -45,7 +45,7 @@ "@fluentui/react-theme": "^9.0.0-alpha.9", "@fluentui/react-theme-provider": "^9.0.0-alpha.27", "@fluentui/react-tooltip": "^9.0.0-alpha.26", - "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 d074f617752589..6f672698563844 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 a8b3bd2508ede6..367e880d2ff007 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.5", - "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 491a732d9d1c4e..840b8bff858cd2 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.0.0" } } 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 019643bc54f774..1c2ff99b7705c3 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 f1583d58feaaaf..3d322dde048c2b 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.19", "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 c8e1474d1da933..19bf1682470c08 100644 --- a/packages/react-date-time/package.json +++ b/packages/react-date-time/package.json @@ -32,7 +32,7 @@ "dependencies": { "@fluentui/react": "^8.13.1", "@fluentui/set-version": "^8.0.3", - "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 7f7e27f82b6af8..78ccba2845659a 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 e33be8057c2326..c0f2a55d211288 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.28", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 27027b1f58b0c6..76b9e85f8744fa 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 2cb3c2b226e69f..bb2f56f2d4610d 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 a126f348078370..8bb1542bd70ef0 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 4b294960e2e844..be0ac2a0b37587 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 15b1aea3595f98..781572afcc36e1 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 @@ -912,7 +912,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 f37912da1f828d..5c101399e7ba42 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 fad53e1cc6e596..5b4298cc16856c 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.3", "@fluentui/style-utilities": "^8.0.5", - "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 735622a79581d4..dcb3b73c85039e 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 c1403ed7fb9578..654b3e4c72348b 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.28", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 859c38b6b9d43b..0c46fc4ce62b32 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 0854e369bca598..1a5b3adcec0591 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 db2983e5683fea..591baf262a35a2 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 7160339f286ba5..9195a2f5646863 100644 --- a/packages/react-focus/package.json +++ b/packages/react-focus/package.json @@ -47,7 +47,7 @@ "@fluentui/set-version": "^8.0.3", "@fluentui/style-utilities": "^8.0.5", "@fluentui/utilities": "^8.0.5", - "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 e188bfbc02fe2d..bb64941161aece 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 e4071d87edd325..58311df88a33db 100644 --- a/packages/react-hooks/package.json +++ b/packages/react-hooks/package.json @@ -40,7 +40,7 @@ "@fluentui/react-window-provider": "^2.0.3", "@fluentui/set-version": "^8.0.3", "@fluentui/utilities": "^8.0.5", - "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 da12a4eec7f57d..719534904cb067 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 22e6cb9176556e..1e003e5a06f232 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.3", "@fluentui/style-utilities": "^8.0.5", - "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 1d225f0fd58497..fff587d76be831 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.3", "@fluentui/react-icons-mdl2": "^1.0.5", - "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 41d8705ec08b84..f96991759d10cf 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.5", "@fluentui/set-version": "^8.0.3", "@fluentui/utilities": "^8.0.5", - "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 a893466d97c820..1062a6bf91b0e1 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 2b3f91dc962332..dc8f16d11473a8 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.28", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 615b7507c1f174..a34e3231701eda 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 641dc8fac844b7..d75c04eca914c6 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 f8efc8766b4ff3..056b3ebdb95880 100644 --- a/packages/react-link/package.json +++ b/packages/react-link/package.json @@ -43,7 +43,7 @@ "@fluentui/keyboard-key": "^0.2.17", "@fluentui/react-make-styles": "^9.0.0-alpha.28", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 6f60d29cd8c2d4..8b42502e0e22cc 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 9193e4676500ea..4af84a0c8f2cfb 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.7", "@fluentui/make-styles": "^9.0.0-alpha.16", "@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", diff --git a/packages/react-menu/etc/react-menu.api.md b/packages/react-menu/etc/react-menu.api.md index 985c7698089f5a..794af82406dc52 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 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.Ref, defaultProps?: MenuGroupHeaderProps | undefined) => MenuGroupHeaderState; +export function 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 1200e6523d441f..e11d683d1f0096 100644 --- a/packages/react-menu/package.json +++ b/packages/react-menu/package.json @@ -50,7 +50,7 @@ "@fluentui/react-positioning": "^9.0.0-alpha.14", "@fluentui/react-provider": "^9.0.0-alpha.29", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 0884c6eb20caa2..98b1a91c3ae6df 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 06da1baea6c363..83df95ce765bfe 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 dfa107a3724196..5a62e47ee67e57 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 c187a74b0bacaa..9c3fef7b6ff25e 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/MenuGroupHeader.tsx b/packages/react-menu/src/components/MenuGroupHeader/MenuGroupHeader.tsx index 94fcb2b786fd66..494370e75f7c5d 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 b33c2ee736e781..ec6b21a07c4609 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; -}; +} diff --git a/packages/react-menu/src/components/MenuList/MenuList.tsx b/packages/react-menu/src/components/MenuList/MenuList.tsx index 87e63565a006a4..601eed6f0e87e0 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/MenuTrigger/MenuTrigger.tsx b/packages/react-menu/src/components/MenuTrigger/MenuTrigger.tsx index 62d174acb363ab..4d7aa818ad2003 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 7cff45319430a7..d8779678f13807 100644 --- a/packages/react-menu/tsconfig.json +++ b/packages/react-menu/tsconfig.json @@ -1,11 +1,12 @@ { "extends": "../../tsconfig.base.json", "compilerOptions": { - "target": "ES5", - "lib": ["ES5", "dom"], + "target": "es5", + "lib": ["es5", "dom"], "outDir": "dist", "jsx": "react", "declaration": true, + "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 147974324ed70a..d509f133beba99 100644 --- a/packages/react-monaco-editor/package.json +++ b/packages/react-monaco-editor/package.json @@ -40,7 +40,7 @@ "@fluentui/react-hooks": "^8.1.3", "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 39cf73a377c0f4..0a7312b3624e21 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 aeefd6c7cb299f..8bdf46d00b825a 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.28", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 249160af092532..2ac719105e349d 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; } @@ -21,7 +21,7 @@ export interface PortalState extends PortalProps { } // @public -export const renderPortal: (state: PortalState) => import("react").ReactPortal | null; +export const renderPortal: (state: PortalState) => React_2.ReactPortal | null; // @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 0eadad36092db4..91add52388abe8 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.28", "@fluentui/react-shared-contexts": "^9.0.0-alpha.7", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 85a13284446803..ddc6508936e269 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-positioning/etc/react-positioning.api.md b/packages/react-positioning/etc/react-positioning.api.md index 781b4dd767343d..27d57e8382b274 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-positioning/package.json b/packages/react-positioning/package.json index bf2eb60d7223f7..111d66c6606340 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.7", "@fluentui/react-utilities": "^9.0.0-alpha.19", "@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 274d64a02a9452..f5d58cd4af78dc 100644 --- a/packages/react-positioning/src/utils/getBoundary.ts +++ b/packages/react-positioning/src/utils/getBoundary.ts @@ -12,13 +12,13 @@ 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; } - return boundariesNode as HTMLElement; + return boundariesNode; } return boundary; diff --git a/packages/react-provider/etc/react-provider.api.md b/packages/react-provider/etc/react-provider.api.md index 38d2e07be31b6c..1a43d12af6dad7 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 28b8b8215a28fb..0bdf0ae573bae6 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.27", "@fluentui/react-tooltip": "^9.0.0-alpha.26", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 f305d27ebcdadd..6f7c390fdd5a12 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 49212649122f53..3ab758105d89bd 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.9", - "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 6753c10213d09a..17349b6798755b 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 420c21e0e1df20..f87e1e0ee44422 100644 --- a/packages/react-slider/package.json +++ b/packages/react-slider/package.json @@ -41,7 +41,7 @@ "@fluentui/react-hooks": "^8.1.3", "@fluentui/style-utilities": "^8.0.5", "@fluentui/utilities": "^8.0.5", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-storybook/etc/react-storybook.api.md b/packages/react-storybook/etc/react-storybook.api.md index 4b314a6e1e7a97..4a3d4b67037344 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) diff --git a/packages/react-storybook/package.json b/packages/react-storybook/package.json index 0cd61e4a3a003a..710678e5ae946d 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", diff --git a/packages/react-tabs/etc/react-tabs.api.md b/packages/react-tabs/etc/react-tabs.api.md index 4d17d849b8db15..f251cae88885a3 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 3ae703be611a8e..d9a396642409e2 100644 --- a/packages/react-tabs/package.json +++ b/packages/react-tabs/package.json @@ -40,7 +40,7 @@ "@fluentui/react-hooks": "^8.1.3", "@fluentui/style-utilities": "^8.0.5", "@fluentui/utilities": "^8.0.5", - "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 b630e887e6a43f..19a13c5c866e36 100644 --- a/packages/react-tabster/etc/react-tabster.api.md +++ b/packages/react-tabster/etc/react-tabster.api.md @@ -23,16 +23,7 @@ export const useFocusFinders: () => { }; // @public -export const useTabsterAttributes: (props: Partial<{ - deloser: Types.DeloserBasicProps; - root: Types.RootBasicProps; - modalizer: Types.ModalizerBasicProps; - focusable: Types.FocusableProps; - groupper: Types.GroupperBasicProps; - uberGroupper: true; - observed: Types.ObservedElementBasicProps; - outline: Types.OutlinedElementProps; -}>) => Types.TabsterDOMAttribute; +export const useTabsterAttributes: (props: Types.TabsterAttributeProps) => Types.TabsterDOMAttribute; // (No @packageDocumentation comment for this package) diff --git a/packages/react-tabster/package.json b/packages/react-tabster/package.json index 205dd159548fea..6b043f7169b417 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.7", "@fluentui/react-utilities": "^9.0.0-alpha.19", "tabster": "^0.6.2", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", diff --git a/packages/react-text/etc/react-text.api.md b/packages/react-text/etc/react-text.api.md index 3a768706f38795..519f2786064e7d 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 5aa76c8b2b59b5..6f49f6f433e263 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.28", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 b4f66e4dd5bf18..b83c57cb97dc48 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 41ad795b67b92b..fec39d3ae11aee 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 fe6a7b645dcc23..58af98b95c717d 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.7", "@fluentui/react-theme": "^9.0.0-alpha.9", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 c9cea65c71c467..c82e6ecfb1c8c2 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 23f2b0ec71f2ce..cf392834c48fc8 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 781dfa1f3f8594..e6a7ad630924ac 100644 --- a/packages/react-toggle/package.json +++ b/packages/react-toggle/package.json @@ -40,7 +40,7 @@ "@fluentui/react-hooks": "^8.1.3", "@fluentui/style-utilities": "^8.0.5", "@fluentui/utilities": "^8.0.5", - "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 b33c0f15e4d225..20520997728250 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) diff --git a/packages/react-tooltip/package.json b/packages/react-tooltip/package.json index 02512b66b16ebe..8ba0ba3465815d 100644 --- a/packages/react-tooltip/package.json +++ b/packages/react-tooltip/package.json @@ -46,7 +46,7 @@ "@fluentui/react-theme": "^9.0.0-alpha.9", "@fluentui/react-theme-provider": "^9.0.0-alpha.27", "@fluentui/react-utilities": "^9.0.0-alpha.19", - "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 2b215f3b48d91f..9883acd76210f8 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; }; diff --git a/packages/react-utilities/package.json b/packages/react-utilities/package.json index ed322b2af0c3ae..4523f4bc3295fc 100644 --- a/packages/react-utilities/package.json +++ b/packages/react-utilities/package.json @@ -35,7 +35,7 @@ }, "dependencies": { "@fluentui/keyboard-key": "^0.2.17", - "tslib": "^1.10.0" + "tslib": "^2.1.0" }, "peerDependencies": { "@types/react": ">=16.8.0 <18.0.0", 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 202a9c0491b56a..0dff36edaecd24 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 02f41a404bfbe4..ba4eb78d426fab 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.3", - "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 d9a1347be95137..1eeb0ce3aff369 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 @@ -2939,8 +2939,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; @@ -3041,7 +3041,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'; @@ -3056,8 +3056,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; @@ -3135,7 +3135,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; @@ -3175,17 +3175,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; } @@ -3237,10 +3237,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; @@ -3251,7 +3251,7 @@ export interface IContextualMenuItem { shortCut?: string; split?: boolean; // @deprecated - style?: React.CSSProperties; + style?: React_2.CSSProperties; submenuIconProps?: IIconProps; subMenuProps?: IContextualMenuProps; target?: string; @@ -3260,7 +3260,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; @@ -3270,7 +3270,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; @@ -3278,11 +3278,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) @@ -3340,7 +3340,7 @@ export interface IContextualMenuListProps { // (undocumented) ariaLabel?: string; // (undocumented) - defaultMenuItemRenderer: (item: IContextualMenuItemRenderProps) => React.ReactNode; + defaultMenuItemRenderer: (item: IContextualMenuItemRenderProps) => React_2.ReactNode; // (undocumented) hasCheckmarks: boolean; // (undocumented) @@ -3356,7 +3356,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; @@ -3364,14 +3364,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 @@ -3382,8 +3382,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; @@ -3409,7 +3409,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; @@ -3478,7 +3478,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; @@ -3566,7 +3566,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; @@ -3574,8 +3574,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) @@ -3632,7 +3632,7 @@ export interface IDetailsFooterBaseProps extends IDetailsItemProps { export interface IDetailsFooterProps extends IDetailsFooterBaseProps { columns: IColumn[]; selection: ISelection; - selectionMode: SelectionMode; + selectionMode: SelectionMode_2; } // @public (undocumented) @@ -3653,7 +3653,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; @@ -3667,8 +3667,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; @@ -3684,7 +3684,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; @@ -3824,8 +3824,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; @@ -3836,7 +3836,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; @@ -3864,7 +3864,7 @@ export interface IDetailsListState { // (undocumented) isSomeGroupExpanded?: boolean; // (undocumented) - lastSelectionMode?: SelectionMode; + lastSelectionMode?: SelectionMode_2; // (undocumented) lastWidth?: number; version: {}; @@ -3896,7 +3896,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; @@ -3923,7 +3923,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; @@ -3931,7 +3931,7 @@ export interface IDetailsRowBaseProps extends Pick { +export interface IDetailsRowCheckProps extends React_2.HTMLAttributes { anySelected?: boolean; canSelect: boolean; checkClassName?: string; @@ -3981,7 +3981,7 @@ export interface IDetailsRowFieldsProps extends IOverrideColumnRenderProps { export interface IDetailsRowProps extends IDetailsRowBaseProps { columns: IColumn[]; selection: ISelection; - selectionMode: SelectionMode; + selectionMode: SelectionMode_2; } // @public (undocumented) @@ -4058,13 +4058,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; @@ -4074,7 +4074,7 @@ export interface IDialogContentProps extends React.ClassAttributes; + titleProps?: React_2.HTMLAttributes; topButtonsProps?: IButtonProps[]; type?: DialogType; } @@ -4117,7 +4117,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; @@ -4140,7 +4140,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 @@ -4164,7 +4164,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 @@ -4220,7 +4220,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; @@ -4263,7 +4263,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; @@ -4302,7 +4302,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; @@ -4361,13 +4361,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; } @@ -4391,7 +4391,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; @@ -4473,13 +4473,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; @@ -4495,7 +4495,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; @@ -4537,7 +4537,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; @@ -4637,7 +4637,7 @@ export interface IDragOptions { dragHandleSelector?: string; keepInBounds?: boolean; keyboardMoveIconProps?: IIconProps; - menu: React.FunctionComponent; + menu: React_2.FunctionComponent; moveMenuItemText: string; } @@ -4655,14 +4655,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; @@ -4744,7 +4744,7 @@ export interface IEditingSelectedPeopleItemProps extends ISelectedPeopleItemProp // (undocumented) onEditingComplete: (oldItem: any, newItem: any) => void; // (undocumented) - onRenderFloatingPicker?: React.ComponentType>; + onRenderFloatingPicker?: React_2.ComponentType>; } // @public (undocumented) @@ -4840,16 +4840,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'; @@ -4876,21 +4876,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; @@ -4953,7 +4953,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; @@ -4968,7 +4968,7 @@ export interface IFocusTrapZoneProps extends React.HTMLAttributes { +export interface IFontIconProps extends React_2.HTMLAttributes { className?: string; iconName?: string; } @@ -5019,7 +5019,7 @@ export interface IGroupDividerProps { // (undocumented) componentRef?: IRefObject<{}>; // @deprecated - expandButtonProps?: React.HTMLAttributes; + expandButtonProps?: React_2.HTMLAttributes; footerText?: string; group?: IGroup; groupIndex?: number; @@ -5032,13 +5032,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; @@ -5051,7 +5051,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; @@ -5068,12 +5068,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; @@ -5081,7 +5081,7 @@ export interface IGroupedListProps extends React.ClassAttributes { +export interface IGroupedListSectionProps extends React_2.ClassAttributes { compact?: boolean; componentRef?: () => void; dragDropEvents?: IDragDropEvents; @@ -5101,13 +5101,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; } @@ -5179,10 +5179,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; } @@ -5272,7 +5272,7 @@ export interface IHoverCard { } // @public -export interface IHoverCardProps extends React.HTMLAttributes { +export interface IHoverCardProps extends React_2.HTMLAttributes { cardDismissDelay?: number; cardOpenDelay?: number; className?: string; @@ -5343,13 +5343,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) @@ -5391,13 +5391,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) @@ -5451,7 +5451,7 @@ export interface IImageStyles { } // @public -export interface IInputProps extends React.InputHTMLAttributes { +export interface IInputProps extends React_2.InputHTMLAttributes { 'aria-label'?: string; defaultVisibleValue?: string; } @@ -5489,14 +5489,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; } @@ -5563,8 +5563,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; @@ -5598,13 +5598,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; @@ -5643,7 +5643,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; @@ -5682,13 +5682,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; @@ -5727,22 +5727,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; @@ -5755,7 +5755,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>; @@ -5781,10 +5781,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 { @@ -5803,7 +5805,7 @@ export enum ImageFit { } // @public -export const ImageIcon: React.FunctionComponent; +export const ImageIcon: React_2.FunctionComponent; // @public (undocumented) export enum ImageLoadState { @@ -5819,13 +5821,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; @@ -5857,7 +5859,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; @@ -5914,7 +5916,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; @@ -5925,7 +5927,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; @@ -5965,10 +5967,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; @@ -5979,7 +5981,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; @@ -6049,7 +6051,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; @@ -6064,7 +6066,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) @@ -6078,8 +6080,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 @@ -6159,7 +6161,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[]; @@ -6189,7 +6191,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; @@ -6235,13 +6237,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; } @@ -6256,7 +6258,7 @@ export interface IPageSpecification { // @public (undocumented) export interface IPanel { - dismiss: (ev?: React.KeyboardEvent | KeyboardEvent) => void; + dismiss: (ev?: React_2.KeyboardEvent | KeyboardEvent) => void; open: () => void; } @@ -6267,7 +6269,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; @@ -6284,7 +6286,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; @@ -6293,12 +6295,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; @@ -6489,7 +6491,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; @@ -6579,7 +6581,7 @@ export interface IPickerItem { } // @public -export interface IPickerItemProps extends React.AllHTMLAttributes { +export interface IPickerItemProps extends React_2.AllHTMLAttributes { componentRef?: IRefObject; index: number; item: T; @@ -6596,7 +6598,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<{}>; @@ -6614,15 +6616,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; @@ -6678,12 +6680,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 @@ -6735,7 +6737,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; @@ -6784,12 +6786,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; @@ -6830,7 +6832,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; @@ -6842,7 +6844,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; @@ -6928,7 +6930,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; @@ -6991,7 +6993,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; @@ -7042,17 +7044,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; @@ -7099,7 +7101,7 @@ export interface ISearchBoxStyles { } // @public -export interface ISelectableDroppableTextProps extends React.HTMLAttributes { +export interface ISelectableDroppableTextProps extends React_2.HTMLAttributes { ariaLabel?: string; calloutProps?: ICalloutProps; className?: string; @@ -7167,7 +7169,7 @@ export interface ISelectedPeopleProps extends IBaseSelectedItemsListProps void; // (undocumented) - onRenderFloatingPicker?: React.ComponentType>; + onRenderFloatingPicker?: React_2.ComponentType>; // (undocumented) removeMenuItemText?: string; } @@ -7182,7 +7184,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; @@ -7194,7 +7196,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; } @@ -7209,7 +7211,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; @@ -7230,7 +7232,7 @@ export interface IShimmerCircle { } // @public -export interface IShimmerCircleProps extends React.AllHTMLAttributes { +export interface IShimmerCircleProps extends React_2.AllHTMLAttributes { // @deprecated borderStyle?: IRawStyle; componentRef?: IRefObject; @@ -7264,7 +7266,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 @@ -7293,7 +7295,7 @@ export interface IShimmerElementsGroup { } // @public -export interface IShimmerElementsGroupProps extends React.AllHTMLAttributes { +export interface IShimmerElementsGroupProps extends React_2.AllHTMLAttributes { backgroundColor?: string; componentRef?: IRefObject; flexWrap?: boolean; @@ -7320,7 +7322,7 @@ export interface IShimmerGap { } // @public -export interface IShimmerGapProps extends React.AllHTMLAttributes { +export interface IShimmerGapProps extends React_2.AllHTMLAttributes { // @deprecated borderStyle?: IRawStyle; componentRef?: IRefObject; @@ -7347,7 +7349,7 @@ export interface IShimmerLine { } // @public -export interface IShimmerLineProps extends React.AllHTMLAttributes { +export interface IShimmerLineProps extends React_2.AllHTMLAttributes { // @deprecated borderStyle?: IRawStyle; componentRef?: IRefObject; @@ -7374,10 +7376,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[]; @@ -7416,10 +7418,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; @@ -7472,7 +7474,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; @@ -7491,18 +7493,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; @@ -7544,7 +7546,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; @@ -7598,7 +7600,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; @@ -7633,8 +7635,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; @@ -7680,7 +7682,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; @@ -7704,8 +7706,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; @@ -7733,7 +7735,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[]; @@ -7754,11 +7756,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; @@ -7815,7 +7817,7 @@ export interface ISuggestionsItemStyles { } // @public -export interface ISuggestionsProps extends React.Props { +export interface ISuggestionsProps extends React_2.Props { className?: string; componentRef?: IRefObject>; createGenericItem?: () => void; @@ -7831,8 +7833,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; @@ -7888,7 +7890,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; @@ -7910,7 +7912,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; @@ -7960,7 +7962,7 @@ export interface ITagItemStyles { } // @public -export interface ITagItemSuggestionProps extends React.AllHTMLAttributes { +export interface ITagItemSuggestionProps extends React_2.AllHTMLAttributes { className?: string; styles?: IStyleFunctionOrObject; theme?: ITheme; @@ -7984,7 +7986,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; @@ -8070,7 +8072,7 @@ export interface ITextField { } // @public -export interface ITextFieldProps extends React.AllHTMLAttributes { +export interface ITextFieldProps extends React_2.AllHTMLAttributes { ariaLabel?: string; autoAdjustHeight?: boolean; autoComplete?: string; @@ -8083,13 +8085,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; @@ -8159,8 +8161,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; @@ -8213,9 +8215,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; @@ -8227,7 +8229,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; @@ -8267,7 +8269,7 @@ export interface ITooltipHost { } // @public -export interface ITooltipHostProps extends React.HTMLAttributes { +export interface ITooltipHostProps extends React_2.HTMLAttributes { calloutProps?: ICalloutProps; className?: string; closeDelay?: number; @@ -8308,7 +8310,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[]; @@ -8357,7 +8359,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; @@ -8459,13 +8461,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; @@ -8491,10 +8493,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; @@ -8508,8 +8510,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; @@ -8572,31 +8574,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; @@ -8628,7 +8630,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 { @@ -8647,10 +8649,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; @@ -8677,7 +8679,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; }>; @@ -8689,13 +8691,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; } @@ -8717,16 +8719,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; @@ -8738,7 +8740,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 { @@ -8764,16 +8766,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; @@ -8784,12 +8786,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; @@ -8802,7 +8804,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; @@ -8826,28 +8828,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 { @@ -9001,13 +9003,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; @@ -9032,10 +9034,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; @@ -9044,7 +9046,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 { @@ -9068,7 +9070,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) => { @@ -9081,16 +9083,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: { @@ -9103,10 +9105,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 { @@ -9129,10 +9131,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 { @@ -9164,10 +9166,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; @@ -9212,7 +9214,7 @@ export class ScrollablePaneBase extends React.Component; +export const ScrollablePaneContext: React_2.Context; // @public (undocumented) export const ScrollbarVisibility: { @@ -9235,10 +9237,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 { @@ -9272,16 +9274,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; @@ -9292,7 +9294,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; @@ -9348,22 +9350,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; @@ -9377,10 +9379,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 { @@ -9390,16 +9392,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) => { @@ -9423,19 +9425,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) @@ -9462,15 +9464,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; @@ -9485,7 +9487,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) @@ -9538,7 +9540,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; @@ -9553,7 +9555,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) @@ -9563,14 +9565,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; @@ -9609,13 +9611,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) @@ -9652,7 +9654,7 @@ export class SuggestionsController { } // @public -export class SuggestionsCore extends React.Component, {}> { +export class SuggestionsCore extends React_2.Component, {}> { constructor(suggestionsProps: ISuggestionsCoreProps); // (undocumented) componentDidUpdate(): void; @@ -9679,20 +9681,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; @@ -9721,25 +9723,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 { @@ -9754,28 +9756,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) @@ -9807,7 +9811,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 { @@ -9821,13 +9825,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; } @@ -9835,16 +9839,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) @@ -9860,10 +9864,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; @@ -9907,13 +9911,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 = { @@ -9931,10 +9935,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; @@ -9950,12 +9954,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 4253760e559c57..f3d56c2b2f87c1 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -67,7 +67,7 @@ "@fluentui/theme": "^2.0.5", "@fluentui/utilities": "^8.0.5", "@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 573336d670d1c9..3e477d1e4684ef 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 197e718d1ac622..b7b2f709c69548 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 ( { 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 8becbebf26b00d..d33122f6cf94d0 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 095d9bbb3556e1..e0bab422bd091f 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; private _scrollTop: number; private _pageCache: IPageCache; @@ -291,7 +291,9 @@ export class List extends React.Component, IListState> } } - this._scrollElement.scrollTop = scrollTop; + if (this._scrollElement) { + this._scrollElement.scrollTop = scrollTop; + } return; } @@ -1092,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. diff --git a/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx b/packages/react/src/components/MarqueeSelection/MarqueeSelection.base.tsx index 5911e52b2eaa67..3225852a9b067f 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 3747674a054d2c..206f52fe09dfb6 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 9e46bb648f0220..e4a4f332a291cd 100644 --- a/packages/style-utilities/package.json +++ b/packages/style-utilities/package.json @@ -34,6 +34,6 @@ "@fluentui/merge-styles": "^8.0.4", "@fluentui/set-version": "^8.0.3", "@fluentui/utilities": "^8.0.5", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/theme-samples/package.json b/packages/theme-samples/package.json index 958fa56a27dde4..c720861e4530f8 100644 --- a/packages/theme-samples/package.json +++ b/packages/theme-samples/package.json @@ -29,6 +29,6 @@ "@fluentui/react": "^8.13.1", "@fluentui/set-version": "^8.0.3", "@fluentui/scheme-utilities": "^8.0.5", - "tslib": "^1.10.0" + "tslib": "^2.1.0" } } diff --git a/packages/theme/package.json b/packages/theme/package.json index 11cf54a5813c57..17fed2905b1e3a 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -37,7 +37,7 @@ "@fluentui/merge-styles": "^8.0.4", "@fluentui/utilities": "^8.0.5", "@fluentui/set-version": "^8.0.3", - "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 b3432b2bdf3396..b5377b80ede376 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 d87fa47c31849f..bd2b7ffc7d060b 100644 --- a/packages/utilities/package.json +++ b/packages/utilities/package.json @@ -43,7 +43,7 @@ "@fluentui/dom-utilities": "^2.0.3", "@fluentui/merge-styles": "^8.0.4", "@fluentui/set-version": "^8.0.3", - "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 4ee984fd2ffce8..802692a8505a90 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 580d17a46bbeda..a6cdb606108b1f 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 c2d75bd6252835..0099fbc19c779d 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 d641d3b79a4f80..6b7006a08527eb 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 debbd793eab920..a3a8819237c76a 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", diff --git a/packages/webpack-utilities/package.json b/packages/webpack-utilities/package.json index 176fe05982e661..ee5cc7a15469ea 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 f6ae2eb3e87882..1bcb7d2ac694ec 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 6a0ea3721368eb..2cbf482585cb9a 100644 --- a/scripts/package.json +++ b/scripts/package.json @@ -27,6 +27,7 @@ "@babel/standalone": "^7.10.4", "@fluentui/eslint-plugin": "^1.1.1", "@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 2814c9b72fad57..51debbedaf3bcc 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2488,6 +2488,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" @@ -2496,6 +2504,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" @@ -2614,6 +2639,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" @@ -2974,6 +3004,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" @@ -4376,6 +4425,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" @@ -23577,6 +23631,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" @@ -24877,7 +24938,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== @@ -25129,7 +25190,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== @@ -26204,7 +26265,7 @@ 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.2.0: +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== @@ -26322,20 +26383,20 @@ 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@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@4.2.4: - version "4.2.4" - resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.2.4.tgz#8610b59747de028fda898a8aef0e103f156d0961" - integrity sha512-V+evlYHZnQkaz8TRBuxTA92yZBPotr5H+WhQ7bD3hZUndx5tGOa1fuCgeSjxAzM1RiN5IzvadIXTVefuuwZCRg== +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" + 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" @@ -27543,6 +27604,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"