From 573ea8241248fa3cc05c007e03b82fd277e3d7e9 Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Mon, 17 Apr 2023 07:40:32 +0000 Subject: [PATCH 01/81] applying package updates --- apps/perf-test-react-components/package.json | 2 +- apps/perf-test/package.json | 2 +- apps/public-docsite-resources/package.json | 10 ++++----- apps/public-docsite-v9/package.json | 2 +- apps/public-docsite/package.json | 12 +++++------ apps/react-18-tests-v8/package.json | 2 +- apps/ssr-tests/package.json | 2 +- apps/stress-test/package.json | 4 ++-- apps/theming-designer/package.json | 4 ++-- apps/ts-minbar-test-react/package.json | 2 +- apps/vr-tests-react-components/package.json | 2 +- apps/vr-tests/package.json | 4 ++-- ...-4cb91116-336f-417b-b9d2-7f4cf3911568.json | 7 ------- ...-6b46a788-844b-4b88-885a-1252dac4c4a1.json | 7 ------- ...-5d4582c1-8b8f-41aa-8f38-13a0481fda22.json | 7 ------- ...-6a017afa-1d29-4967-9507-7113fd37dbb5.json | 7 ------- packages/azure-themes/CHANGELOG.json | 15 +++++++++++++ packages/azure-themes/CHANGELOG.md | 11 +++++++++- packages/azure-themes/package.json | 4 ++-- packages/cra-template/CHANGELOG.json | 15 +++++++++++++ packages/cra-template/CHANGELOG.md | 11 +++++++++- packages/cra-template/package.json | 4 ++-- packages/eslint-plugin/CHANGELOG.json | 15 +++++++++++++ packages/eslint-plugin/CHANGELOG.md | 11 +++++++++- packages/eslint-plugin/package.json | 2 +- packages/fluent2-theme/CHANGELOG.json | 21 +++++++++++++++++++ packages/fluent2-theme/CHANGELOG.md | 12 ++++++++++- packages/fluent2-theme/package.json | 4 ++-- packages/react-cards/CHANGELOG.json | 15 +++++++++++++ packages/react-cards/CHANGELOG.md | 11 +++++++++- packages/react-cards/package.json | 4 ++-- packages/react-charting/CHANGELOG.json | 15 +++++++++++++ packages/react-charting/CHANGELOG.md | 11 +++++++++- packages/react-charting/package.json | 6 +++--- .../react-checkbox/package.json | 2 +- .../react-combobox/package.json | 2 +- .../react-components/package.json | 2 +- .../react-datepicker-compat/package.json | 2 +- .../react-components/react-input/package.json | 2 +- .../react-migration-v8-v9/package.json | 4 ++-- .../react-progress/package.json | 2 +- .../react-components/react-radio/package.json | 2 +- .../react-select/package.json | 2 +- .../react-skeleton/package.json | 2 +- .../react-slider/package.json | 2 +- .../react-spinbutton/package.json | 2 +- .../react-switch/package.json | 2 +- .../react-textarea/package.json | 2 +- packages/react-date-time/CHANGELOG.json | 15 +++++++++++++ packages/react-date-time/CHANGELOG.md | 11 +++++++++- packages/react-date-time/package.json | 4 ++-- .../react-docsite-components/CHANGELOG.json | 21 +++++++++++++++++++ .../react-docsite-components/CHANGELOG.md | 12 ++++++++++- .../react-docsite-components/package.json | 6 +++--- packages/react-examples/package.json | 14 ++++++------- packages/react-experiments/CHANGELOG.json | 15 +++++++++++++ packages/react-experiments/CHANGELOG.md | 11 +++++++++- packages/react-experiments/package.json | 4 ++-- packages/react-monaco-editor/CHANGELOG.json | 15 +++++++++++++ packages/react-monaco-editor/CHANGELOG.md | 11 +++++++++- packages/react-monaco-editor/package.json | 4 ++-- packages/react/CHANGELOG.json | 15 +++++++++++++ packages/react/CHANGELOG.md | 11 +++++++++- packages/react/package.json | 2 +- packages/storybook/package.json | 6 +++--- packages/theme-samples/CHANGELOG.json | 15 +++++++++++++ packages/theme-samples/CHANGELOG.md | 11 +++++++++- packages/theme-samples/package.json | 4 ++-- packages/web-components/CHANGELOG.json | 15 +++++++++++++ packages/web-components/CHANGELOG.md | 11 +++++++++- packages/web-components/package.json | 2 +- 71 files changed, 413 insertions(+), 115 deletions(-) delete mode 100644 change/@fluentui-eslint-plugin-4cb91116-336f-417b-b9d2-7f4cf3911568.json delete mode 100644 change/@fluentui-fluent2-theme-6b46a788-844b-4b88-885a-1252dac4c4a1.json delete mode 100644 change/@fluentui-react-5d4582c1-8b8f-41aa-8f38-13a0481fda22.json delete mode 100644 change/@fluentui-web-components-6a017afa-1d29-4967-9507-7113fd37dbb5.json diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json index a365a983074935..5aa986e36ff920 100644 --- a/apps/perf-test-react-components/package.json +++ b/apps/perf-test-react-components/package.json @@ -22,7 +22,7 @@ "@griffel/core": "^1.9.0", "@fluentui/react-avatar": "^9.4.8", "@fluentui/react-button": "^9.3.8", - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-infobutton": "9.0.0-beta.26", "@fluentui/react-persona": "^9.2.7", "@fluentui/react-provider": "^9.5.2", diff --git a/apps/perf-test/package.json b/apps/perf-test/package.json index 99181cb603c7da..2783b59ef08a47 100644 --- a/apps/perf-test/package.json +++ b/apps/perf-test/package.json @@ -20,7 +20,7 @@ "dependencies": { "@fluentui/scripts-perf-test-flamegrill": "*", "@fluentui/example-data": "^8.4.7", - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@microsoft/load-themed-styles": "^1.10.26", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json index 706e6dc476ef8e..28f61da3c5481d 100644 --- a/apps/public-docsite-resources/package.json +++ b/apps/public-docsite-resources/package.json @@ -34,15 +34,15 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/react-examples": "^8.34.4", "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/azure-themes": "^8.5.79", - "@fluentui/react-docsite-components": "^8.11.40", + "@fluentui/azure-themes": "^8.5.80", + "@fluentui/react-docsite-components": "^8.11.41", "@fluentui/font-icons-mdl2": "^8.5.13", "@fluentui/set-version": "^8.2.6", - "@fluentui/theme-samples": "^8.7.75", - "@fluentui/react-monaco-editor": "^1.7.75", + "@fluentui/theme-samples": "^8.7.76", + "@fluentui/react-monaco-editor": "^1.7.76", "office-ui-fabric-core": "^11.0.0", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index 57632008e676dc..b64db04cf6a135 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -25,7 +25,7 @@ "@fluentui/react-datepicker-compat": "0.0.0-beta.1", "@fluentui/react-migration-v8-v9": "^9.2.8", "@fluentui/react-migration-v0-v9": "9.0.0-alpha.0", - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/react-northstar": "^0.66.4", "@fluentui/react-icons-northstar": "^0.66.4", "@fluentui/react-components": "^9.18.9", diff --git a/apps/public-docsite/package.json b/apps/public-docsite/package.json index 218dd611d90bc7..aca0378a3b9e13 100644 --- a/apps/public-docsite/package.json +++ b/apps/public-docsite/package.json @@ -25,7 +25,7 @@ "devDependencies": { "@fluentui/common-styles": "^1.2.22", "@fluentui/eslint-plugin": "*", - "@fluentui/react-monaco-editor": "^1.7.75", + "@fluentui/react-monaco-editor": "^1.7.76", "write-file-webpack-plugin": "^4.1.0", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" @@ -34,17 +34,17 @@ "@fluentui/font-icons-mdl2": "^8.5.13", "@fluentui/public-docsite-resources": "^8.1.41", "@fluentui/public-docsite-setup": "^0.3.18", - "@fluentui/react": "^8.107.5", - "@fluentui/react-docsite-components": "^8.11.40", + "@fluentui/react": "^8.107.6", + "@fluentui/react-docsite-components": "^8.11.41", "@fluentui/react-examples": "^8.34.4", - "@fluentui/react-experiments": "^8.14.70", - "@fluentui/fluent2-theme": "^8.106.12", + "@fluentui/react-experiments": "^8.14.71", + "@fluentui/fluent2-theme": "^8.107.0", "@fluentui/react-file-type-icons": "^8.8.13", "@fluentui/react-icons-mdl2": "^1.3.37", "@fluentui/react-icons-mdl2-branded": "^1.2.38", "@fluentui/set-version": "^8.2.6", "@fluentui/theme": "^2.6.25", - "@fluentui/theme-samples": "^8.7.75", + "@fluentui/theme-samples": "^8.7.76", "@fluentui/utilities": "^8.13.9", "@microsoft/load-themed-styles": "^1.10.26", "office-ui-fabric-core": "^11.0.0", diff --git a/apps/react-18-tests-v8/package.json b/apps/react-18-tests-v8/package.json index db60138503521f..77d8dad2fa5a0b 100644 --- a/apps/react-18-tests-v8/package.json +++ b/apps/react-18-tests-v8/package.json @@ -21,7 +21,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/react-hooks": "^8.6.20", "@types/react": "18.0.14", "@types/react-dom": "18.0.6", diff --git a/apps/ssr-tests/package.json b/apps/ssr-tests/package.json index ed056bb75a055b..88d990bc22fa84 100644 --- a/apps/ssr-tests/package.json +++ b/apps/ssr-tests/package.json @@ -13,7 +13,7 @@ }, "license": "MIT", "devDependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@microsoft/load-themed-styles": "^1.10.26", "@types/mocha": "7.0.2", "@fluentui/public-docsite-resources": "^8.1.41", diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json index 9fa55c88beaf5f..4ab620624d06d0 100644 --- a/apps/stress-test/package.json +++ b/apps/stress-test/package.json @@ -10,10 +10,10 @@ "type-check": "tsc -b tsconfig.type.json" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/react-components": "^9.18.9", "@fluentui/react-icons": "^2.0.196", - "@fluentui/web-components": "^2.5.13", + "@fluentui/web-components": "^2.5.14", "@microsoft/fast-element": "^1.11.1", "afterframe": "1.0.2", "react": "17.0.2", diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json index 16427d09b94c96..0a2d939ddd0e6e 100644 --- a/apps/theming-designer/package.json +++ b/apps/theming-designer/package.json @@ -19,9 +19,9 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/merge-styles": "^8.5.7", - "@fluentui/react-docsite-components": "^8.11.40", + "@fluentui/react-docsite-components": "^8.11.41", "@fluentui/foundation-legacy": "^8.2.33", "@fluentui/scheme-utilities": "^8.3.26", "@fluentui/set-version": "^8.2.6", diff --git a/apps/ts-minbar-test-react/package.json b/apps/ts-minbar-test-react/package.json index 4c4de096e64c15..f144f8f0b2b954 100644 --- a/apps/ts-minbar-test-react/package.json +++ b/apps/ts-minbar-test-react/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react": "^8.107.5" + "@fluentui/react": "^8.107.6" }, "scripts": { "type-check": "tsc -p .", diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index f56b37efff6142..fba79fef4be69d 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -30,7 +30,7 @@ "@fluentui/react-datepicker-compat": "0.0.0-beta.1", "@fluentui/react-dialog": "^9.5.1", "@fluentui/react-divider": "^9.2.8", - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-image": "^9.1.5", "@fluentui/react-infobutton": "9.0.0-beta.26", diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json index a06f79e6806c08..ffa70fbf984cc0 100644 --- a/apps/vr-tests/package.json +++ b/apps/vr-tests/package.json @@ -22,8 +22,8 @@ "dependencies": { "@fluentui/example-data": "^8.4.7", "@fluentui/font-icons-mdl2": "^8.5.13", - "@fluentui/react": "^8.107.5", - "@fluentui/react-experiments": "^8.14.70", + "@fluentui/react": "^8.107.6", + "@fluentui/react-experiments": "^8.14.71", "@fluentui/react-hooks": "^8.6.20", "@fluentui/react-icons-mdl2": "^1.3.37", "@fluentui/storybook": "^1.0.0", diff --git a/change/@fluentui-eslint-plugin-4cb91116-336f-417b-b9d2-7f4cf3911568.json b/change/@fluentui-eslint-plugin-4cb91116-336f-417b-b9d2-7f4cf3911568.json deleted file mode 100644 index 3ffe347f770c57..00000000000000 --- a/change/@fluentui-eslint-plugin-4cb91116-336f-417b-b9d2-7f4cf3911568.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: enables jsxTags on comment for react config", - "packageName": "@fluentui/eslint-plugin", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-fluent2-theme-6b46a788-844b-4b88-885a-1252dac4c4a1.json b/change/@fluentui-fluent2-theme-6b46a788-844b-4b88-885a-1252dac4c4a1.json deleted file mode 100644 index 5e8028de277104..00000000000000 --- a/change/@fluentui-fluent2-theme-6b46a788-844b-4b88-885a-1252dac4c4a1.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "[FEAT] Add details list checkbox styles that are more inline with V9", - "packageName": "@fluentui/fluent2-theme", - "email": "mifraser@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-5d4582c1-8b8f-41aa-8f38-13a0481fda22.json b/change/@fluentui-react-5d4582c1-8b8f-41aa-8f38-13a0481fda22.json deleted file mode 100644 index 8bc6428e0579e2..00000000000000 --- a/change/@fluentui-react-5d4582c1-8b8f-41aa-8f38-13a0481fda22.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix(Callout): Update useMaxHeight to check if the provided maxHeight will make the callout get cut off.", - "packageName": "@fluentui/react", - "email": "esteban.230@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-web-components-6a017afa-1d29-4967-9507-7113fd37dbb5.json b/change/@fluentui-web-components-6a017afa-1d29-4967-9507-7113fd37dbb5.json deleted file mode 100644 index 0d0ae5740e13b6..00000000000000 --- a/change/@fluentui-web-components-6a017afa-1d29-4967-9507-7113fd37dbb5.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "update FAST dependencies to mitigate Safari 16.4 AdoptedStyleSheets bug", - "packageName": "@fluentui/web-components", - "email": "chhol@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/packages/azure-themes/CHANGELOG.json b/packages/azure-themes/CHANGELOG.json index 9120a5974360a4..3e722de3bc4d6a 100644 --- a/packages/azure-themes/CHANGELOG.json +++ b/packages/azure-themes/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/azure-themes", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:26 GMT", + "tag": "@fluentui/azure-themes_v8.5.80", + "version": "8.5.80", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/react to v8.107.6", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b" + } + ] + } + }, { "date": "Thu, 13 Apr 2023 07:41:10 GMT", "tag": "@fluentui/azure-themes_v8.5.79", diff --git a/packages/azure-themes/CHANGELOG.md b/packages/azure-themes/CHANGELOG.md index 1267a85c1ad67f..cd29fc0aed9de9 100644 --- a/packages/azure-themes/CHANGELOG.md +++ b/packages/azure-themes/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/azure-themes -This log was last generated on Thu, 13 Apr 2023 07:41:10 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +## [8.5.80](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.80) + +Mon, 17 Apr 2023 07:40:26 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.5.79..@fluentui/azure-themes_v8.5.80) + +### Patches + +- Bump @fluentui/react to v8.107.6 ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by beachball) + ## [8.5.79](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.79) Thu, 13 Apr 2023 07:41:10 GMT diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json index 464b8c465298c6..a5dd7436ed6a1f 100644 --- a/packages/azure-themes/package.json +++ b/packages/azure-themes/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/azure-themes", - "version": "8.5.79", + "version": "8.5.80", "description": "Azure themes for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/set-version": "^8.2.6", "tslib": "^2.1.0" } diff --git a/packages/cra-template/CHANGELOG.json b/packages/cra-template/CHANGELOG.json index 3de8b536c72e3e..476758a3ae40ea 100644 --- a/packages/cra-template/CHANGELOG.json +++ b/packages/cra-template/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/cra-template", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:26 GMT", + "tag": "@fluentui/cra-template_v8.4.77", + "version": "8.4.77", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/cra-template", + "comment": "Bump @fluentui/react to v8.107.6", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b" + } + ] + } + }, { "date": "Thu, 13 Apr 2023 07:41:10 GMT", "tag": "@fluentui/cra-template_v8.4.76", diff --git a/packages/cra-template/CHANGELOG.md b/packages/cra-template/CHANGELOG.md index 3f3a584ac3beb3..e1745e30312b7f 100644 --- a/packages/cra-template/CHANGELOG.md +++ b/packages/cra-template/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/cra-template -This log was last generated on Thu, 13 Apr 2023 07:41:10 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +## [8.4.77](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.77) + +Mon, 17 Apr 2023 07:40:26 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.76..@fluentui/cra-template_v8.4.77) + +### Patches + +- Bump @fluentui/react to v8.107.6 ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by beachball) + ## [8.4.76](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.76) Thu, 13 Apr 2023 07:41:10 GMT diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json index 3eb360be39eb84..04e135d8d816ad 100644 --- a/packages/cra-template/package.json +++ b/packages/cra-template/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/cra-template", - "version": "8.4.76", + "version": "8.4.77", "description": "Create React App template for Fluent UI React (@fluentui/react)", "repository": { "type": "git", @@ -18,7 +18,7 @@ "template.json" ], "devDependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/scripts-projects-test": "*", "@fluentui/scripts-monorepo": "*" } diff --git a/packages/eslint-plugin/CHANGELOG.json b/packages/eslint-plugin/CHANGELOG.json index bf3ec43a764cc8..810858f6f85c4d 100644 --- a/packages/eslint-plugin/CHANGELOG.json +++ b/packages/eslint-plugin/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/eslint-plugin", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:24 GMT", + "tag": "@fluentui/eslint-plugin_v1.15.0", + "version": "1.15.0", + "comments": { + "minor": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/eslint-plugin", + "commit": "bb758eb9091e5c53f8d1d58baf50505aa2aa34cc", + "comment": "feat: enables jsxTags on comment for react config" + } + ] + } + }, { "date": "Fri, 17 Mar 2023 08:15:56 GMT", "tag": "@fluentui/eslint-plugin_v1.14.0", diff --git a/packages/eslint-plugin/CHANGELOG.md b/packages/eslint-plugin/CHANGELOG.md index 2a0d2253a50c07..a95ba5875fc2d9 100644 --- a/packages/eslint-plugin/CHANGELOG.md +++ b/packages/eslint-plugin/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/eslint-plugin -This log was last generated on Fri, 17 Mar 2023 08:15:56 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:24 GMT and should not be manually modified. +## [1.15.0](https://github.com/microsoft/fluentui/tree/@fluentui/eslint-plugin_v1.15.0) + +Mon, 17 Apr 2023 07:40:24 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/eslint-plugin_v1.14.0..@fluentui/eslint-plugin_v1.15.0) + +### Minor changes + +- feat: enables jsxTags on comment for react config ([PR #27571](https://github.com/microsoft/fluentui/pull/27571) by bernardo.sunderhus@gmail.com) + ## [1.14.0](https://github.com/microsoft/fluentui/tree/@fluentui/eslint-plugin_v1.14.0) Fri, 17 Mar 2023 08:15:56 GMT diff --git a/packages/eslint-plugin/package.json b/packages/eslint-plugin/package.json index 5047f786044e05..333859b9a1e342 100644 --- a/packages/eslint-plugin/package.json +++ b/packages/eslint-plugin/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/eslint-plugin", - "version": "1.14.0", + "version": "1.15.0", "description": "ESLint configuration and custom rules for Fluent UI", "main": "src/index.js", "repository": { diff --git a/packages/fluent2-theme/CHANGELOG.json b/packages/fluent2-theme/CHANGELOG.json index 2d210cfeb0dafd..ff16437848e3f1 100644 --- a/packages/fluent2-theme/CHANGELOG.json +++ b/packages/fluent2-theme/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/fluent2-theme", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:25 GMT", + "tag": "@fluentui/fluent2-theme_v8.107.0", + "version": "8.107.0", + "comments": { + "minor": [ + { + "author": "mifraser@microsoft.com", + "package": "@fluentui/fluent2-theme", + "commit": "92dd9470416805fedd2f4462102391e123b7fe76", + "comment": "[FEAT] Add details list checkbox styles that are more inline with V9" + }, + { + "author": "beachball", + "package": "@fluentui/fluent2-theme", + "comment": "Bump @fluentui/react to v8.107.6", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b" + } + ] + } + }, { "date": "Thu, 13 Apr 2023 07:41:10 GMT", "tag": "@fluentui/fluent2-theme_v8.106.12", diff --git a/packages/fluent2-theme/CHANGELOG.md b/packages/fluent2-theme/CHANGELOG.md index f4c7910f2c8e1f..8820ac0bfe77fc 100644 --- a/packages/fluent2-theme/CHANGELOG.md +++ b/packages/fluent2-theme/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/fluent2-theme -This log was last generated on Thu, 13 Apr 2023 07:41:10 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:25 GMT and should not be manually modified. +## [8.107.0](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.0) + +Mon, 17 Apr 2023 07:40:25 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/fluent2-theme_v8.106.12..@fluentui/fluent2-theme_v8.107.0) + +### Minor changes + +- [FEAT] Add details list checkbox styles that are more inline with V9 ([PR #27562](https://github.com/microsoft/fluentui/pull/27562) by mifraser@microsoft.com) +- Bump @fluentui/react to v8.107.6 ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by beachball) + ## [8.106.12](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.106.12) Thu, 13 Apr 2023 07:41:10 GMT diff --git a/packages/fluent2-theme/package.json b/packages/fluent2-theme/package.json index 649d28d40a2092..fe93046cea4871 100644 --- a/packages/fluent2-theme/package.json +++ b/packages/fluent2-theme/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/fluent2-theme", - "version": "8.106.12", + "version": "8.107.0", "description": "A Fluent2 theme for Fluent UI React 8.x", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/set-version": "^8.2.6", "tslib": "^2.1.0" } diff --git a/packages/react-cards/CHANGELOG.json b/packages/react-cards/CHANGELOG.json index 62fd633cf60def..da9f74574332dc 100644 --- a/packages/react-cards/CHANGELOG.json +++ b/packages/react-cards/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-cards", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:26 GMT", + "tag": "@fluentui/react-cards_v0.205.76", + "version": "0.205.76", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/react to v8.107.6", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b" + } + ] + } + }, { "date": "Thu, 13 Apr 2023 07:41:10 GMT", "tag": "@fluentui/react-cards_v0.205.75", diff --git a/packages/react-cards/CHANGELOG.md b/packages/react-cards/CHANGELOG.md index a31a89e672243f..51c186a0375092 100644 --- a/packages/react-cards/CHANGELOG.md +++ b/packages/react-cards/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-cards -This log was last generated on Thu, 13 Apr 2023 07:41:10 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +## [0.205.76](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.76) + +Mon, 17 Apr 2023 07:40:26 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.75..@fluentui/react-cards_v0.205.76) + +### Patches + +- Bump @fluentui/react to v8.107.6 ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by beachball) + ## [0.205.75](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.75) Thu, 13 Apr 2023 07:41:10 GMT diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json index 601516400cfe27..efc9ffcf192568 100644 --- a/packages/react-cards/package.json +++ b/packages/react-cards/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-cards", - "version": "0.205.75", + "version": "0.205.76", "description": "Deprecated experimental Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,7 +34,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/foundation-legacy": "^8.2.33", "@fluentui/set-version": "^8.2.6", "@microsoft/load-themed-styles": "^1.10.26", diff --git a/packages/react-charting/CHANGELOG.json b/packages/react-charting/CHANGELOG.json index ad3fe8576c21a7..7018950e1c9301 100644 --- a/packages/react-charting/CHANGELOG.json +++ b/packages/react-charting/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-charting", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:26 GMT", + "tag": "@fluentui/react-charting_v5.16.18", + "version": "5.16.18", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react to v8.107.6", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b" + } + ] + } + }, { "date": "Thu, 13 Apr 2023 07:41:10 GMT", "tag": "@fluentui/react-charting_v5.16.17", diff --git a/packages/react-charting/CHANGELOG.md b/packages/react-charting/CHANGELOG.md index a2d035ff947d4f..cfd06940bd8cd6 100644 --- a/packages/react-charting/CHANGELOG.md +++ b/packages/react-charting/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-charting -This log was last generated on Thu, 13 Apr 2023 07:41:10 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +## [5.16.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.18) + +Mon, 17 Apr 2023 07:40:26 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.16.17..@fluentui/react-charting_v5.16.18) + +### Patches + +- Bump @fluentui/react to v8.107.6 ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by beachball) + ## [5.16.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.17) Thu, 13 Apr 2023 07:41:10 GMT diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json index 57311ac2e6f350..9ebf5bde1c8b00 100644 --- a/packages/react-charting/package.json +++ b/packages/react-charting/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-charting", - "version": "5.16.17", + "version": "5.16.18", "description": "Experimental React charting components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@types/react-addons-test-utils": "0.14.18", "@fluentui/jest-serializer-merge-styles": "^8.0.24", "@fluentui/scripts-jest": "*", @@ -62,7 +62,7 @@ "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0", diff --git a/packages/react-components/react-checkbox/package.json b/packages/react-components/react-checkbox/package.json index ce37716d170344..c9742f57c9576c 100644 --- a/packages/react-components/react-checkbox/package.json +++ b/packages/react-components/react-checkbox/package.json @@ -32,7 +32,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-label": "^9.1.8", "@fluentui/react-shared-contexts": "^9.3.3", diff --git a/packages/react-components/react-combobox/package.json b/packages/react-components/react-combobox/package.json index 41c0cb054677db..8a14ec64be163d 100644 --- a/packages/react-components/react-combobox/package.json +++ b/packages/react-components/react-combobox/package.json @@ -34,7 +34,7 @@ "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", "@fluentui/react-context-selector": "^9.1.17", - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-portal": "^9.2.5", "@fluentui/react-positioning": "^9.5.9", diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index 90128276d4d47a..f0b54904bd97db 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -41,7 +41,7 @@ "@fluentui/react-combobox": "^9.2.9", "@fluentui/react-dialog": "^9.5.1", "@fluentui/react-divider": "^9.2.8", - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-image": "^9.1.5", "@fluentui/react-infobutton": "9.0.0-beta.26", "@fluentui/react-input": "^9.4.9", diff --git a/packages/react-components/react-datepicker-compat/package.json b/packages/react-components/react-datepicker-compat/package.json index 33b28dd46cdd23..f773423356e2a2 100644 --- a/packages/react-components/react-datepicker-compat/package.json +++ b/packages/react-components/react-datepicker-compat/package.json @@ -37,7 +37,7 @@ "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.7.4", "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-tabster": "^9.6.4", diff --git a/packages/react-components/react-input/package.json b/packages/react-components/react-input/package.json index c03b3aee7b7432..65108e8b022e51 100644 --- a/packages/react-components/react-input/package.json +++ b/packages/react-components/react-input/package.json @@ -33,7 +33,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.7.4", diff --git a/packages/react-components/react-migration-v8-v9/package.json b/packages/react-components/react-migration-v8-v9/package.json index ae20eefa9159da..e6b2d5b2ff20e8 100644 --- a/packages/react-components/react-migration-v8-v9/package.json +++ b/packages/react-components/react-migration-v8-v9/package.json @@ -32,8 +32,8 @@ }, "dependencies": { "@ctrl/tinycolor": "3.3.4", - "@fluentui/fluent2-theme": "^8.106.12", - "@fluentui/react": "^8.107.5", + "@fluentui/fluent2-theme": "^8.107.0", + "@fluentui/react": "^8.107.6", "@fluentui/react-components": "^9.18.9", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-theme": "^9.1.7", diff --git a/packages/react-components/react-progress/package.json b/packages/react-components/react-progress/package.json index 7eef4fd81f2984..9300b1f832ce4d 100644 --- a/packages/react-components/react-progress/package.json +++ b/packages/react-components/react-progress/package.json @@ -32,7 +32,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.7.4", diff --git a/packages/react-components/react-radio/package.json b/packages/react-components/react-radio/package.json index 4f6cf130d27a3c..f50790334113bf 100644 --- a/packages/react-components/react-radio/package.json +++ b/packages/react-components/react-radio/package.json @@ -32,7 +32,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-label": "^9.1.8", "@fluentui/react-shared-contexts": "^9.3.3", diff --git a/packages/react-components/react-select/package.json b/packages/react-components/react-select/package.json index 3e31a011b71188..b365fce79becc6 100644 --- a/packages/react-components/react-select/package.json +++ b/packages/react-components/react-select/package.json @@ -32,7 +32,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", diff --git a/packages/react-components/react-skeleton/package.json b/packages/react-components/react-skeleton/package.json index e23601b703fc27..ce588642476161 100644 --- a/packages/react-components/react-skeleton/package.json +++ b/packages/react-components/react-skeleton/package.json @@ -31,7 +31,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.7.4", diff --git a/packages/react-components/react-slider/package.json b/packages/react-components/react-slider/package.json index eeb506f6a7e77e..37452bb1f84162 100644 --- a/packages/react-components/react-slider/package.json +++ b/packages/react-components/react-slider/package.json @@ -34,7 +34,7 @@ }, "dependencies": { "@griffel/react": "^1.5.2", - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-tabster": "^9.6.4", "@fluentui/react-theme": "^9.1.7", diff --git a/packages/react-components/react-spinbutton/package.json b/packages/react-components/react-spinbutton/package.json index c6f5f0c5d88069..bb196ed48af13d 100644 --- a/packages/react-components/react-spinbutton/package.json +++ b/packages/react-components/react-spinbutton/package.json @@ -35,7 +35,7 @@ "dependencies": { "@griffel/react": "^1.5.2", "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", diff --git a/packages/react-components/react-switch/package.json b/packages/react-components/react-switch/package.json index 4fe63c6bda8ca9..0d8b02a94b0b57 100644 --- a/packages/react-components/react-switch/package.json +++ b/packages/react-components/react-switch/package.json @@ -32,7 +32,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-label": "^9.1.8", "@fluentui/react-shared-contexts": "^9.3.3", diff --git a/packages/react-components/react-textarea/package.json b/packages/react-components/react-textarea/package.json index f70c0fd87ab8e5..4616c02d4e6523 100644 --- a/packages/react-components/react-textarea/package.json +++ b/packages/react-components/react-textarea/package.json @@ -32,7 +32,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0", + "@fluentui/react-field": "^9.0.0", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.7.4", diff --git a/packages/react-date-time/CHANGELOG.json b/packages/react-date-time/CHANGELOG.json index 6c85e33d3552fd..794f6a7b5115ac 100644 --- a/packages/react-date-time/CHANGELOG.json +++ b/packages/react-date-time/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-date-time", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:26 GMT", + "tag": "@fluentui/react-date-time_v8.7.76", + "version": "8.7.76", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-date-time", + "comment": "Bump @fluentui/react to v8.107.6", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b" + } + ] + } + }, { "date": "Thu, 13 Apr 2023 07:41:10 GMT", "tag": "@fluentui/react-date-time_v8.7.75", diff --git a/packages/react-date-time/CHANGELOG.md b/packages/react-date-time/CHANGELOG.md index bcda79b42a308f..20087584275f8a 100644 --- a/packages/react-date-time/CHANGELOG.md +++ b/packages/react-date-time/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-date-time -This log was last generated on Thu, 13 Apr 2023 07:41:10 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +## [8.7.76](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.76) + +Mon, 17 Apr 2023 07:40:26 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.75..@fluentui/react-date-time_v8.7.76) + +### Patches + +- Bump @fluentui/react to v8.107.6 ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by beachball) + ## [8.7.75](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.75) Thu, 13 Apr 2023 07:41:10 GMT diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json index e2de1b23ac6481..8f65cfc535607d 100644 --- a/packages/react-date-time/package.json +++ b/packages/react-date-time/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-date-time", - "version": "8.7.75", + "version": "8.7.76", "description": "Date and time related React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/set-version": "^8.2.6", "tslib": "^2.1.0" }, diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json index 96e54b03db7c9e..98af0fa402eefa 100644 --- a/packages/react-docsite-components/CHANGELOG.json +++ b/packages/react-docsite-components/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-docsite-components", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:26 GMT", + "tag": "@fluentui/react-docsite-components_v8.11.41", + "version": "8.11.41", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react to v8.107.6", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-monaco-editor to v1.7.76", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b" + } + ] + } + }, { "date": "Thu, 13 Apr 2023 07:41:10 GMT", "tag": "@fluentui/react-docsite-components_v8.11.40", diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md index 89c7a79a0196c6..86972f4bec0f58 100644 --- a/packages/react-docsite-components/CHANGELOG.md +++ b/packages/react-docsite-components/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-docsite-components -This log was last generated on Thu, 13 Apr 2023 07:41:10 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +## [8.11.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.11.41) + +Mon, 17 Apr 2023 07:40:26 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.11.40..@fluentui/react-docsite-components_v8.11.41) + +### Patches + +- Bump @fluentui/react to v8.107.6 ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by beachball) +- Bump @fluentui/react-monaco-editor to v1.7.76 ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by beachball) + ## [8.11.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.11.40) Thu, 13 Apr 2023 07:41:10 GMT diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json index efbd8e88e70100..24c5e2b8ec9a8f 100644 --- a/packages/react-docsite-components/package.json +++ b/packages/react-docsite-components/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-docsite-components", - "version": "8.11.40", + "version": "8.11.41", "description": "Fluent UI React components for building documentation sites.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,14 +35,14 @@ "react-dom": ">=16.8.0 <19.0.0" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/theme": "^2.6.25", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.7", "@fluentui/public-docsite-setup": "^0.3.18", "@fluentui/react-hooks": "^8.6.20", "@fluentui/set-version": "^8.2.6", - "@fluentui/react-monaco-editor": "^1.7.75", + "@fluentui/react-monaco-editor": "^1.7.76", "color-check": "0.0.2", "markdown-to-jsx": "^7.0.0", "office-ui-fabric-core": "^11.0.0", diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json index 265d4d761d4dc2..a160cbb7e3c87c 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -25,18 +25,18 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/azure-themes": "^8.5.79", + "@fluentui/azure-themes": "^8.5.80", "@fluentui/date-time-utilities": "^8.5.6", "@fluentui/dom-utilities": "^2.2.6", "@fluentui/example-data": "^8.4.7", "@fluentui/font-icons-mdl2": "^8.5.13", "@fluentui/foundation-legacy": "^8.2.33", "@fluentui/merge-styles": "^8.5.7", - "@fluentui/react": "^8.107.5", - "@fluentui/react-cards": "^0.205.75", - "@fluentui/react-charting": "^5.16.17", - "@fluentui/react-docsite-components": "^8.11.40", - "@fluentui/react-experiments": "^8.14.70", + "@fluentui/react": "^8.107.6", + "@fluentui/react-cards": "^0.205.76", + "@fluentui/react-charting": "^5.16.18", + "@fluentui/react-docsite-components": "^8.11.41", + "@fluentui/react-experiments": "^8.14.71", "@fluentui/react-file-type-icons": "^8.8.13", "@fluentui/react-focus": "^8.8.19", "@fluentui/react-hooks": "^8.6.20", @@ -44,7 +44,7 @@ "@fluentui/scheme-utilities": "^8.3.26", "@fluentui/style-utilities": "^8.9.6", "@fluentui/theme": "^2.6.25", - "@fluentui/theme-samples": "^8.7.75", + "@fluentui/theme-samples": "^8.7.76", "@fluentui/utilities": "^8.13.9", "@microsoft/load-themed-styles": "^1.10.26", "d3-fetch": "3.0.1", diff --git a/packages/react-experiments/CHANGELOG.json b/packages/react-experiments/CHANGELOG.json index 86c9f54173156c..ddb6ff79349fee 100644 --- a/packages/react-experiments/CHANGELOG.json +++ b/packages/react-experiments/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-experiments", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:26 GMT", + "tag": "@fluentui/react-experiments_v8.14.71", + "version": "8.14.71", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/react to v8.107.6", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b" + } + ] + } + }, { "date": "Thu, 13 Apr 2023 07:41:10 GMT", "tag": "@fluentui/react-experiments_v8.14.70", diff --git a/packages/react-experiments/CHANGELOG.md b/packages/react-experiments/CHANGELOG.md index 4b6917908cf68e..81c7eea5a25942 100644 --- a/packages/react-experiments/CHANGELOG.md +++ b/packages/react-experiments/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-experiments -This log was last generated on Thu, 13 Apr 2023 07:41:10 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +## [8.14.71](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.71) + +Mon, 17 Apr 2023 07:40:26 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-experiments_v8.14.70..@fluentui/react-experiments_v8.14.71) + +### Patches + +- Bump @fluentui/react to v8.107.6 ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by beachball) + ## [8.14.70](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.70) Thu, 13 Apr 2023 07:41:10 GMT diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json index 243faed78735c1..335c9599065873 100644 --- a/packages/react-experiments/package.json +++ b/packages/react-experiments/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-experiments", - "version": "8.14.70", + "version": "8.14.71", "description": "Experimental React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -39,7 +39,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/theme": "^2.6.25", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.7", diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json index 45219bbb1eaf73..201a48204e7c07 100644 --- a/packages/react-monaco-editor/CHANGELOG.json +++ b/packages/react-monaco-editor/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-monaco-editor", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:26 GMT", + "tag": "@fluentui/react-monaco-editor_v1.7.76", + "version": "1.7.76", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react to v8.107.6", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b" + } + ] + } + }, { "date": "Thu, 13 Apr 2023 07:41:10 GMT", "tag": "@fluentui/react-monaco-editor_v1.7.75", diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md index 648017747d5ea5..e0a67f1353e57f 100644 --- a/packages/react-monaco-editor/CHANGELOG.md +++ b/packages/react-monaco-editor/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-monaco-editor -This log was last generated on Thu, 13 Apr 2023 07:41:10 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +## [1.7.76](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.76) + +Mon, 17 Apr 2023 07:40:26 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.75..@fluentui/react-monaco-editor_v1.7.76) + +### Patches + +- Bump @fluentui/react to v8.107.6 ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by beachball) + ## [1.7.75](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.75) Thu, 13 Apr 2023 07:41:10 GMT diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json index 53d5bf84fbc7e7..04e1a77a524927 100644 --- a/packages/react-monaco-editor/package.json +++ b/packages/react-monaco-editor/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-monaco-editor", - "version": "1.7.75", + "version": "1.7.76", "description": "Live React example editing using monaco", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,7 +30,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.7", "@fluentui/monaco-editor": "^1.3.6", diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json index 16cd011354df7a..0062b4b0a1bc8d 100644 --- a/packages/react/CHANGELOG.json +++ b/packages/react/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:25 GMT", + "tag": "@fluentui/react_v8.107.6", + "version": "8.107.6", + "comments": { + "patch": [ + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react", + "commit": "97a9295c30393b604cf3c57923334a9b10d3b7d3", + "comment": "fix(Callout): Update useMaxHeight to check if the provided maxHeight will make the callout get cut off." + } + ] + } + }, { "date": "Thu, 13 Apr 2023 07:41:10 GMT", "tag": "@fluentui/react_v8.107.5", diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 4e43db0d5bd707..151d5b6c1a7df2 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react -This log was last generated on Thu, 13 Apr 2023 07:41:10 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:25 GMT and should not be manually modified. +## [8.107.6](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.107.6) + +Mon, 17 Apr 2023 07:40:25 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.107.5..@fluentui/react_v8.107.6) + +### Patches + +- fix(Callout): Update useMaxHeight to check if the provided maxHeight will make the callout get cut off. ([PR #27558](https://github.com/microsoft/fluentui/pull/27558) by esteban.230@hotmail.com) + ## [8.107.5](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.107.5) Thu, 13 Apr 2023 07:41:10 GMT diff --git a/packages/react/package.json b/packages/react/package.json index 0ef9a764def7be..0965132e4f2959 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react", - "version": "8.107.5", + "version": "8.107.6", "description": "Reusable React components for building web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/storybook/package.json b/packages/storybook/package.json index 1d1acdc089aac6..cadeb2003882e7 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -22,13 +22,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/theme": "^2.6.25", "@storybook/addon-knobs": "6.4.0", "@storybook/addon-essentials": "6.5.15", "@storybook/addons": "6.5.15", - "@fluentui/azure-themes": "^8.5.79", - "@fluentui/theme-samples": "^8.7.75", + "@fluentui/azure-themes": "^8.5.80", + "@fluentui/theme-samples": "^8.7.76", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/theme-samples/CHANGELOG.json b/packages/theme-samples/CHANGELOG.json index b6687544b47b12..6922379ef8eb79 100644 --- a/packages/theme-samples/CHANGELOG.json +++ b/packages/theme-samples/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/theme-samples", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:26 GMT", + "tag": "@fluentui/theme-samples_v8.7.76", + "version": "8.7.76", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/react to v8.107.6", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b" + } + ] + } + }, { "date": "Thu, 13 Apr 2023 07:41:10 GMT", "tag": "@fluentui/theme-samples_v8.7.75", diff --git a/packages/theme-samples/CHANGELOG.md b/packages/theme-samples/CHANGELOG.md index c6bb4bf07accf8..5560c1f1e5008b 100644 --- a/packages/theme-samples/CHANGELOG.md +++ b/packages/theme-samples/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/theme-samples -This log was last generated on Thu, 13 Apr 2023 07:41:10 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +## [8.7.76](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.76) + +Mon, 17 Apr 2023 07:40:26 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme-samples_v8.7.75..@fluentui/theme-samples_v8.7.76) + +### Patches + +- Bump @fluentui/react to v8.107.6 ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by beachball) + ## [8.7.75](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.75) Thu, 13 Apr 2023 07:41:10 GMT diff --git a/packages/theme-samples/package.json b/packages/theme-samples/package.json index d5546ae6bd4084..ff78fc60296809 100644 --- a/packages/theme-samples/package.json +++ b/packages/theme-samples/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/theme-samples", - "version": "8.7.75", + "version": "8.7.76", "description": "Sample themes for use with Fabric components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.5", + "@fluentui/react": "^8.107.6", "@fluentui/set-version": "^8.2.6", "@fluentui/scheme-utilities": "^8.3.26", "tslib": "^2.1.0" diff --git a/packages/web-components/CHANGELOG.json b/packages/web-components/CHANGELOG.json index 6ce0ebd48ed994..af4bd6f464afdd 100644 --- a/packages/web-components/CHANGELOG.json +++ b/packages/web-components/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/web-components", "entries": [ + { + "date": "Mon, 17 Apr 2023 07:40:25 GMT", + "tag": "@fluentui/web-components_v2.5.14", + "version": "2.5.14", + "comments": { + "patch": [ + { + "author": "chhol@microsoft.com", + "package": "@fluentui/web-components", + "commit": "2e1cf8928df3e4f0b64b7390408374db94ae9e2c", + "comment": "update FAST dependencies to mitigate Safari 16.4 AdoptedStyleSheets bug" + } + ] + } + }, { "date": "Tue, 11 Apr 2023 07:43:45 GMT", "tag": "@fluentui/web-components_v2.5.13", diff --git a/packages/web-components/CHANGELOG.md b/packages/web-components/CHANGELOG.md index e86fc866bc6ae8..05da3a8cd8cb7e 100644 --- a/packages/web-components/CHANGELOG.md +++ b/packages/web-components/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/web-components -This log was last generated on Tue, 11 Apr 2023 07:43:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 07:40:25 GMT and should not be manually modified. +## [2.5.14](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.14) + +Mon, 17 Apr 2023 07:40:25 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.5.13..@fluentui/web-components_v2.5.14) + +### Patches + +- update FAST dependencies to mitigate Safari 16.4 AdoptedStyleSheets bug ([PR #27578](https://github.com/microsoft/fluentui/pull/27578) by chhol@microsoft.com) + ## [2.5.13](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.5.13) Tue, 11 Apr 2023 07:43:45 GMT diff --git a/packages/web-components/package.json b/packages/web-components/package.json index 8107b4bf056193..adf09b90a8c267 100644 --- a/packages/web-components/package.json +++ b/packages/web-components/package.json @@ -2,7 +2,7 @@ "name": "@fluentui/web-components", "description": "A library of Fluent Web Components", "sideEffects": false, - "version": "2.5.13", + "version": "2.5.14", "author": { "name": "Microsoft", "url": "https://discord.gg/FcSNfg4" From d055f1628d71368ca21464a453e5cbf89b00d505 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Mon, 17 Apr 2023 11:16:01 +0200 Subject: [PATCH 02/81] chore: adopt custom JSX pragma (#27550) --- ...-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json | 7 +++++++ packages/react-components/react-alert/package.json | 1 + .../react-alert/src/components/Alert/renderAlert.tsx | 8 +++++--- 3 files changed, 13 insertions(+), 3 deletions(-) create mode 100644 change/@fluentui-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json diff --git a/change/@fluentui-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json b/change/@fluentui-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json new file mode 100644 index 00000000000000..74fe549ac09a44 --- /dev/null +++ b/change/@fluentui-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: adopt custom JSX pragma", + "packageName": "@fluentui/react-alert", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json index b64c6fc855267c..b901ef0eac4c9e 100644 --- a/packages/react-components/react-alert/package.json +++ b/packages/react-components/react-alert/package.json @@ -38,6 +38,7 @@ "@fluentui/react-tabster": "^9.6.4", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-alert/src/components/Alert/renderAlert.tsx b/packages/react-components/react-alert/src/components/Alert/renderAlert.tsx index 07860021049625..f8554b51604c84 100644 --- a/packages/react-components/react-alert/src/components/Alert/renderAlert.tsx +++ b/packages/react-components/react-alert/src/components/Alert/renderAlert.tsx @@ -1,11 +1,13 @@ -import * as React from 'react'; +/** @jsxRuntime classic */ +/** @jsx createElement */ -import { getSlots } from '@fluentui/react-utilities'; +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { AlertState, AlertSlots } from './Alert.types'; export const renderAlert_unstable = (state: AlertState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( From aed714a47395773c966829e284e4ba9d1926b59c Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Mon, 17 Apr 2023 11:16:24 +0200 Subject: [PATCH 03/81] chore(react-data-grid-react-window): adopt custom JSX pragma (#27552) --- ...eact-window-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json | 7 +++++++ .../react-data-grid-react-window/package.json | 1 + .../src/components/DataGridBody/renderDataGridBody.tsx | 9 ++++++--- 3 files changed, 14 insertions(+), 3 deletions(-) create mode 100644 change/@fluentui-react-data-grid-react-window-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json diff --git a/change/@fluentui-react-data-grid-react-window-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json b/change/@fluentui-react-data-grid-react-window-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json new file mode 100644 index 00000000000000..3e6cbd8c3a498d --- /dev/null +++ b/change/@fluentui-react-data-grid-react-window-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: adopt custom JSX pragma", + "packageName": "@fluentui/react-data-grid-react-window", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-data-grid-react-window/package.json b/packages/react-components/react-data-grid-react-window/package.json index b6174bea875e58..a6d34525aa1d8a 100644 --- a/packages/react-components/react-data-grid-react-window/package.json +++ b/packages/react-components/react-data-grid-react-window/package.json @@ -31,6 +31,7 @@ "dependencies": { "@fluentui/react-table": "^9.2.5", "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", "@swc/helpers": "^0.4.14", "react-window": "^1.8.6" }, diff --git a/packages/react-components/react-data-grid-react-window/src/components/DataGridBody/renderDataGridBody.tsx b/packages/react-components/react-data-grid-react-window/src/components/DataGridBody/renderDataGridBody.tsx index 5d4edd062a76a2..bd92417ba41bc3 100644 --- a/packages/react-components/react-data-grid-react-window/src/components/DataGridBody/renderDataGridBody.tsx +++ b/packages/react-components/react-data-grid-react-window/src/components/DataGridBody/renderDataGridBody.tsx @@ -1,7 +1,10 @@ -import * as React from 'react'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { DataGridBodyState, DataGridBodySlots } from './DataGridBody.types'; import { FixedSizeList as List, ListChildComponentProps } from 'react-window'; -import { getSlots } from '@fluentui/react-utilities'; import { TableRowData, TableRowIdContextProvider } from '@fluentui/react-table'; import { TableRowIndexContextProvider } from '../../contexts/rowIndexContext'; @@ -9,7 +12,7 @@ import { TableRowIndexContextProvider } from '../../contexts/rowIndexContext'; * Render the final JSX of DataGridVirtualizedBody */ export const renderDataGridBody_unstable = (state: DataGridBodyState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( From 82e77222889983a6ee9f893e78972ec8a0125271 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Mon, 17 Apr 2023 11:16:38 +0200 Subject: [PATCH 04/81] chore: adopt custom JSX pragma (#27543) --- ...react-table-d5632f83-3b3d-4361-80f7-a4af77760493.json | 7 +++++++ packages/react-components/react-table/package.json | 1 + .../src/components/DataGridBody/renderDataGridBody.tsx | 9 ++++++--- .../src/components/DataGridRow/renderDataGridRow.tsx | 9 ++++++--- .../react-table/src/components/Table/renderTable.tsx | 9 ++++++--- .../src/components/TableBody/renderTableBody.tsx | 9 ++++++--- .../src/components/TableCell/renderTableCell.tsx | 9 ++++++--- .../TableCellActions/renderTableCellActions.tsx | 9 ++++++--- .../components/TableCellLayout/renderTableCellLayout.tsx | 9 ++++++--- .../src/components/TableHeader/renderTableHeader.tsx | 9 ++++++--- .../components/TableHeaderCell/renderTableHeaderCell.tsx | 9 ++++++--- .../TableResizeHandle/renderTableResizeHandle.tsx | 9 ++++++--- .../src/components/TableRow/renderTableRow.tsx | 9 ++++++--- .../TableSelectionCell/renderTableSelectionCell.tsx | 9 ++++++--- 14 files changed, 80 insertions(+), 36 deletions(-) create mode 100644 change/@fluentui-react-table-d5632f83-3b3d-4361-80f7-a4af77760493.json diff --git a/change/@fluentui-react-table-d5632f83-3b3d-4361-80f7-a4af77760493.json b/change/@fluentui-react-table-d5632f83-3b3d-4361-80f7-a4af77760493.json new file mode 100644 index 00000000000000..2c428c4a83dda5 --- /dev/null +++ b/change/@fluentui-react-table-d5632f83-3b3d-4361-80f7-a4af77760493.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: adopt custom JSX pragma", + "packageName": "@fluentui/react-table", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-table/package.json b/packages/react-components/react-table/package.json index d4a1165e6f5b06..657580af140160 100644 --- a/packages/react-components/react-table/package.json +++ b/packages/react-components/react-table/package.json @@ -43,6 +43,7 @@ "@fluentui/react-tabster": "^9.6.4", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-table/src/components/DataGridBody/renderDataGridBody.tsx b/packages/react-components/react-table/src/components/DataGridBody/renderDataGridBody.tsx index bbb959b452e077..0f6f992b960432 100644 --- a/packages/react-components/react-table/src/components/DataGridBody/renderDataGridBody.tsx +++ b/packages/react-components/react-table/src/components/DataGridBody/renderDataGridBody.tsx @@ -1,5 +1,8 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { DataGridBodyState, DataGridBodySlots } from './DataGridBody.types'; import { TableRowIdContextProvider } from '../../contexts/rowIdContext'; @@ -7,7 +10,7 @@ import { TableRowIdContextProvider } from '../../contexts/rowIdContext'; * Render the final JSX of DataGridBody */ export const renderDataGridBody_unstable = (state: DataGridBodyState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-table/src/components/DataGridRow/renderDataGridRow.tsx b/packages/react-components/react-table/src/components/DataGridRow/renderDataGridRow.tsx index 2d8e4e4e521370..09be3fc392a6b6 100644 --- a/packages/react-components/react-table/src/components/DataGridRow/renderDataGridRow.tsx +++ b/packages/react-components/react-table/src/components/DataGridRow/renderDataGridRow.tsx @@ -1,5 +1,8 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { DataGridRowState, DataGridRowSlots } from './DataGridRow.types'; import { ColumnIdContextProvider } from '../../contexts/columnIdContext'; @@ -7,7 +10,7 @@ import { ColumnIdContextProvider } from '../../contexts/columnIdContext'; * Render the final JSX of DataGridRow */ export const renderDataGridRow_unstable = (state: DataGridRowState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-table/src/components/Table/renderTable.tsx b/packages/react-components/react-table/src/components/Table/renderTable.tsx index ac68a7e4e772b5..c5a38e6620f750 100644 --- a/packages/react-components/react-table/src/components/Table/renderTable.tsx +++ b/packages/react-components/react-table/src/components/Table/renderTable.tsx @@ -1,5 +1,8 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TableState, TableSlots, TableContextValues } from './Table.types'; import { TableContextProvider } from '../../contexts/tableContext'; @@ -7,7 +10,7 @@ import { TableContextProvider } from '../../contexts/tableContext'; * Render the final JSX of Table */ export const renderTable_unstable = (state: TableState, contextValues: TableContextValues) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-table/src/components/TableBody/renderTableBody.tsx b/packages/react-components/react-table/src/components/TableBody/renderTableBody.tsx index 4a956ca6a0803d..ac46024dd21921 100644 --- a/packages/react-components/react-table/src/components/TableBody/renderTableBody.tsx +++ b/packages/react-components/react-table/src/components/TableBody/renderTableBody.tsx @@ -1,12 +1,15 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TableBodyState, TableBodySlots } from './TableBody.types'; /** * Render the final JSX of TableBody */ export const renderTableBody_unstable = (state: TableBodyState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ; }; diff --git a/packages/react-components/react-table/src/components/TableCell/renderTableCell.tsx b/packages/react-components/react-table/src/components/TableCell/renderTableCell.tsx index 308a9675c3b258..debecc94823279 100644 --- a/packages/react-components/react-table/src/components/TableCell/renderTableCell.tsx +++ b/packages/react-components/react-table/src/components/TableCell/renderTableCell.tsx @@ -1,12 +1,15 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TableCellState, TableCellSlots } from './TableCell.types'; /** * Render the final JSX of TableCell */ export const renderTableCell_unstable = (state: TableCellState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ; }; diff --git a/packages/react-components/react-table/src/components/TableCellActions/renderTableCellActions.tsx b/packages/react-components/react-table/src/components/TableCellActions/renderTableCellActions.tsx index dbc8dc61307603..ebe801072ab99f 100644 --- a/packages/react-components/react-table/src/components/TableCellActions/renderTableCellActions.tsx +++ b/packages/react-components/react-table/src/components/TableCellActions/renderTableCellActions.tsx @@ -1,12 +1,15 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TableCellActionsState, TableCellActionsSlots } from './TableCellActions.types'; /** * Render the final JSX of TableCellActions */ export const renderTableCellActions_unstable = (state: TableCellActionsState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ; }; diff --git a/packages/react-components/react-table/src/components/TableCellLayout/renderTableCellLayout.tsx b/packages/react-components/react-table/src/components/TableCellLayout/renderTableCellLayout.tsx index d694f1ba11fc4b..41f2b283151231 100644 --- a/packages/react-components/react-table/src/components/TableCellLayout/renderTableCellLayout.tsx +++ b/packages/react-components/react-table/src/components/TableCellLayout/renderTableCellLayout.tsx @@ -1,5 +1,8 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import { AvatarContextProvider } from '@fluentui/react-avatar'; import type { TableCellLayoutState, TableCellLayoutSlots, TableCellLayoutContextValues } from './TableCellLayout.types'; @@ -10,7 +13,7 @@ export const renderTableCellLayout_unstable = ( state: TableCellLayoutState, contextValues: TableCellLayoutContextValues, ) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-table/src/components/TableHeader/renderTableHeader.tsx b/packages/react-components/react-table/src/components/TableHeader/renderTableHeader.tsx index 6bb17e22bb9158..c6620a57760ba1 100644 --- a/packages/react-components/react-table/src/components/TableHeader/renderTableHeader.tsx +++ b/packages/react-components/react-table/src/components/TableHeader/renderTableHeader.tsx @@ -1,5 +1,8 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import { TableHeaderContextProvider } from '../../contexts/tableHeaderContext'; import type { TableHeaderState, TableHeaderSlots } from './TableHeader.types'; @@ -7,7 +10,7 @@ import type { TableHeaderState, TableHeaderSlots } from './TableHeader.types'; * Render the final JSX of TableHeader */ export const renderTableHeader_unstable = (state: TableHeaderState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/renderTableHeaderCell.tsx b/packages/react-components/react-table/src/components/TableHeaderCell/renderTableHeaderCell.tsx index 8c51b0c7425a42..3228cf041f67f5 100644 --- a/packages/react-components/react-table/src/components/TableHeaderCell/renderTableHeaderCell.tsx +++ b/packages/react-components/react-table/src/components/TableHeaderCell/renderTableHeaderCell.tsx @@ -1,12 +1,15 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TableHeaderCellState, TableHeaderCellSlots } from './TableHeaderCell.types'; /** * Render the final JSX of TableHeaderCell */ export const renderTableHeaderCell_unstable = (state: TableHeaderCellState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-table/src/components/TableResizeHandle/renderTableResizeHandle.tsx b/packages/react-components/react-table/src/components/TableResizeHandle/renderTableResizeHandle.tsx index 2568e0f96d9d54..6c47997d7ab8b7 100644 --- a/packages/react-components/react-table/src/components/TableResizeHandle/renderTableResizeHandle.tsx +++ b/packages/react-components/react-table/src/components/TableResizeHandle/renderTableResizeHandle.tsx @@ -1,11 +1,14 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TableResizeHandleState, TableResizeHandleSlots } from './TableResizeHandle.types'; /** * Render the final JSX of TableResizeHandle */ export const renderTableResizeHandle_unstable = (state: TableResizeHandleState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ; }; diff --git a/packages/react-components/react-table/src/components/TableRow/renderTableRow.tsx b/packages/react-components/react-table/src/components/TableRow/renderTableRow.tsx index d89b87d07b55c3..3c2741e92ff072 100644 --- a/packages/react-components/react-table/src/components/TableRow/renderTableRow.tsx +++ b/packages/react-components/react-table/src/components/TableRow/renderTableRow.tsx @@ -1,12 +1,15 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TableRowState, TableRowSlots } from './TableRow.types'; /** * Render the final JSX of TableRow */ export const renderTableRow_unstable = (state: TableRowState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ; }; diff --git a/packages/react-components/react-table/src/components/TableSelectionCell/renderTableSelectionCell.tsx b/packages/react-components/react-table/src/components/TableSelectionCell/renderTableSelectionCell.tsx index 1d6bbce7ecf9cb..1face2eeaf8e13 100644 --- a/packages/react-components/react-table/src/components/TableSelectionCell/renderTableSelectionCell.tsx +++ b/packages/react-components/react-table/src/components/TableSelectionCell/renderTableSelectionCell.tsx @@ -1,12 +1,15 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TableSelectionCellState, TableSelectionCellSlots } from './TableSelectionCell.types'; /** * Render the final JSX of TableSelectionCell */ export const renderTableSelectionCell_unstable = (state: TableSelectionCellState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( From 27665739a1f38468c63ea1544a2e82ff357d25f3 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Mon, 17 Apr 2023 11:16:54 +0200 Subject: [PATCH 05/81] chore: adopt custom jsx pragma (#27542) --- ...-react-tree-4dc34ddd-5922-4835-8c43-5a96d8cb1a1e.json | 7 +++++++ packages/react-components/react-tree/package.json | 1 + .../react-tree/src/components/Tree/renderTree.tsx | 9 ++++++--- .../src/components/TreeItem/renderTreeItem.tsx | 9 ++++++--- .../components/TreeItemLayout/renderTreeItemLayout.tsx | 9 ++++++--- .../renderTreeItemPersonaLayout.tsx | 9 ++++++--- 6 files changed, 32 insertions(+), 12 deletions(-) create mode 100644 change/@fluentui-react-tree-4dc34ddd-5922-4835-8c43-5a96d8cb1a1e.json diff --git a/change/@fluentui-react-tree-4dc34ddd-5922-4835-8c43-5a96d8cb1a1e.json b/change/@fluentui-react-tree-4dc34ddd-5922-4835-8c43-5a96d8cb1a1e.json new file mode 100644 index 00000000000000..5b469de2550622 --- /dev/null +++ b/change/@fluentui-react-tree-4dc34ddd-5922-4835-8c43-5a96d8cb1a1e.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: adopt custom jsx pragma", + "packageName": "@fluentui/react-tree", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-tree/package.json b/packages/react-components/react-tree/package.json index 50cd8838b7ae12..9abf3c95c63c1d 100644 --- a/packages/react-components/react-tree/package.json +++ b/packages/react-components/react-tree/package.json @@ -46,6 +46,7 @@ "@fluentui/react-tabster": "^9.6.4", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tree/src/components/Tree/renderTree.tsx b/packages/react-components/react-tree/src/components/Tree/renderTree.tsx index 2131a034f19408..44e0e116857eb4 100644 --- a/packages/react-components/react-tree/src/components/Tree/renderTree.tsx +++ b/packages/react-components/react-tree/src/components/Tree/renderTree.tsx @@ -1,10 +1,13 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TreeState, TreeSlots, TreeContextValues } from './Tree.types'; import { TreeProvider } from '../../contexts'; export const renderTree_unstable = (state: TreeState, contextValues: TreeContextValues) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-tree/src/components/TreeItem/renderTreeItem.tsx b/packages/react-components/react-tree/src/components/TreeItem/renderTreeItem.tsx index 662090f55e50c4..f17d9137982f71 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/renderTreeItem.tsx +++ b/packages/react-components/react-tree/src/components/TreeItem/renderTreeItem.tsx @@ -1,5 +1,8 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TreeItemState, TreeItemSlots, TreeItemContextValues } from './TreeItem.types'; import { TreeItemProvider } from '../../contexts'; import { ButtonContextProvider } from '@fluentui/react-button'; @@ -8,7 +11,7 @@ import { ButtonContextProvider } from '@fluentui/react-button'; * Render the final JSX of TreeItem */ export const renderTreeItem_unstable = (state: TreeItemState, contextValues: TreeItemContextValues) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-tree/src/components/TreeItemLayout/renderTreeItemLayout.tsx b/packages/react-components/react-tree/src/components/TreeItemLayout/renderTreeItemLayout.tsx index 366105bd655822..f32d0fbb704032 100644 --- a/packages/react-components/react-tree/src/components/TreeItemLayout/renderTreeItemLayout.tsx +++ b/packages/react-components/react-tree/src/components/TreeItemLayout/renderTreeItemLayout.tsx @@ -1,5 +1,8 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TreeItemLayoutState, TreeItemLayoutSlots } from './TreeItemLayout.types'; /** @@ -7,7 +10,7 @@ import type { TreeItemLayoutState, TreeItemLayoutSlots } from './TreeItemLayout. */ export const renderTreeItemLayout_unstable = (state: TreeItemLayoutState) => { const { isActionsVisible } = state; - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( {slots.iconBefore && } diff --git a/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.tsx b/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.tsx index f83cecf5a8a4b8..cc2ff6a82a24f1 100644 --- a/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.tsx +++ b/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/renderTreeItemPersonaLayout.tsx @@ -1,5 +1,8 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TreeItemPersonaLayoutState, TreeItemPersonaLayoutSlots, @@ -15,7 +18,7 @@ export const renderTreeItemPersonaLayout_unstable = ( contextValues: TreeItemPersonaLayoutContextValues, ) => { const { isActionsVisible } = state; - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( From 35d247e0b6a8c2b22e69942afbabe18043e59585 Mon Sep 17 00:00:00 2001 From: Ben Howell <48106640+behowell@users.noreply.github.com> Date: Mon, 17 Apr 2023 09:49:17 -0700 Subject: [PATCH 06/81] Add CODEOWNERS for packages/react-examples (#27564) Set CODEOWNERS of `packages/react-examples` to `@microsoft/cxe-red @microsoft/cxe-coastal`. --- .github/CODEOWNERS | 1 + 1 file changed, 1 insertion(+) diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index 349083a0b8d216..a2389381423bfc 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -150,6 +150,7 @@ packages/react-components/react-conformance-griffel @microsoft/teams-prg packages/react-components/react-context-selector @microsoft/teams-prg packages/react-date-time @microsoft/cxe-red packages/react-docsite-components @microsoft/fluentui-v8-website +packages/react-examples @microsoft/cxe-red @microsoft/cxe-coastal packages/react-file-type-icons @microsoft/cxe-red @jahnp @bigbadcapers packages/react-hooks @microsoft/cxe-red packages/react-icons-mdl2 @microsoft/cxe-red @microsoft/cxe-coastal From 4896e260ed3bd50d70c70106531e771a898cd97a Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Mon, 17 Apr 2023 17:54:16 +0000 Subject: [PATCH 07/81] applying package updates --- apps/perf-test-react-components/package.json | 14 +- apps/public-docsite-v9/package.json | 6 +- apps/react-18-tests-v9/package.json | 2 +- apps/recipes-react-components/package.json | 4 +- apps/ssr-tests-v9/package.json | 2 +- apps/stress-test/package.json | 2 +- .../package.json | 2 +- apps/vr-tests-react-components/package.json | 74 ++--- ...-935473ef-6eda-4240-b022-e82946cafdee.json | 7 - ...-47c26866-8e07-4204-8227-f7311880d126.json | 7 - ...-a843b37d-b830-4092-8366-72ea1f893a33.json | 7 - ...-11fec6aa-5adf-4f0a-8643-3ba5acc1a156.json | 7 - ...-2a76b2a3-3666-4518-b296-033e228851dd.json | 7 - ...-55ac2e2c-3073-437c-8aba-bd427d7a4fe9.json | 7 - ...-f5be10dd-ee01-4035-adeb-024cf8dca267.json | 7 - ...-cae2802c-00af-4db7-9579-7ad2f8e5a5d0.json | 7 - ...-d91bf0b6-07ed-430e-b13a-f8bff1e266d7.json | 7 - ...-f2468d61-670b-4425-ba31-aa7a99faaac7.json | 7 - ...-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json | 7 - ...-d98664f5-6c03-492f-8ecd-46a5722ad182.json | 7 - ...-5fee8f81-b41f-4655-a1c6-5dd45a7c336e.json | 7 - ...-aa25cb84-d8a4-4efe-9a15-30df2ffdfaa8.json | 7 - ...-b66b74c4-0bed-433f-875e-052312e18b3e.json | 7 - ...-2a47103e-74fa-4376-bef3-5eabef7b10fe.json | 7 - ...-efdc4cb9-6959-4487-8700-0b519f8f341a.json | 7 - ...-92a3c6b2-e767-4128-8320-7e237ef69eaa.json | 7 - ...-7f4bdd51-64d7-41a9-94c9-993823b00f5d.json | 7 - ...-23cf0582-3d79-48a6-9c84-5755ec1e89b5.json | 7 - ...-546292b4-db99-435c-9dcf-3696e3469dc0.json | 7 - ...-b96e5c55-f786-4b4a-b857-ea2119855ede.json | 7 - ...-01464521-6329-44ea-be05-8aa792d0462b.json | 7 - ...-06834656-2682-486e-81f8-455d91d0bcf2.json | 7 - ...-3274119d-a18a-4be8-9f5f-d9a8053f964b.json | 7 - ...-a2b647e8-5388-4504-95a1-383fc2edc65d.json | 7 - ...-0b5b1eee-c188-4ba9-8893-0c7278127bb2.json | 7 - ...-8e19d227-ab64-4e93-9748-1e18e541fcba.json | 7 - ...-f427b68f-ed64-4c29-8386-df5ceff4ba01.json | 7 - ...-a070c2e4-448f-481a-9a82-cfa5ffcec62a.json | 7 - ...-b88b5ecc-10d6-45ee-a7be-4a0eb73f4aec.json | 7 - ...-a853a6a8-fb5e-4f76-8021-f15cad50a969.json | 7 - ...-def4061b-fb7d-4013-90a1-c1cf83acad59.json | 7 - ...-a03a889d-1fc4-462c-9c2f-e81f1fc65987.json | 7 - ...-cff51124-1be4-4924-8ae6-efd46414f466.json | 7 - ...-d5632f83-3b3d-4361-80f7-a4af77760493.json | 7 - ...-48711081-59a6-4049-a2cd-48c2b6bd7428.json | 7 - ...-e664bd27-28de-4d33-be3c-9eec41ea71c4.json | 7 - ...-f4e3dc5e-8092-419e-9dfc-1d569e8522fc.json | 7 - ...-5faad9ba-f6d4-4d75-8d1d-6066eb81e377.json | 7 - ...-4dc34ddd-5922-4835-8c43-5a96d8cb1a1e.json | 7 - ...-1e1f8bd6-b059-4823-9a8d-f58d44482c6e.json | 7 - ...-6ec7d77e-2bd1-4bcc-a0fb-0f71642d43bd.json | 7 - .../CHANGELOG.json | 15 + .../babel-preset-global-context/CHANGELOG.md | 11 +- .../babel-preset-global-context/package.json | 4 +- .../global-context/CHANGELOG.json | 21 ++ .../global-context/CHANGELOG.md | 12 +- .../global-context/package.json | 6 +- .../react-accordion/CHANGELOG.json | 33 +++ .../react-accordion/CHANGELOG.md | 14 +- .../react-accordion/package.json | 10 +- .../react-alert/CHANGELOG.json | 45 +++ .../react-components/react-alert/CHANGELOG.md | 16 +- .../react-components/react-alert/package.json | 12 +- .../react-aria/CHANGELOG.json | 15 + .../react-components/react-aria/CHANGELOG.md | 11 +- .../react-components/react-aria/package.json | 4 +- .../react-avatar-context/package.json | 2 +- .../react-avatar/CHANGELOG.json | 51 ++++ .../react-avatar/CHANGELOG.md | 17 +- .../react-avatar/package.json | 14 +- .../react-badge/CHANGELOG.json | 15 + .../react-components/react-badge/CHANGELOG.md | 11 +- .../react-components/react-badge/package.json | 4 +- .../react-breadcrumb/package.json | 6 +- .../react-button/CHANGELOG.json | 27 ++ .../react-button/CHANGELOG.md | 13 +- .../react-button/package.json | 8 +- .../react-card/CHANGELOG.json | 33 +++ .../react-components/react-card/CHANGELOG.md | 14 +- .../react-components/react-card/package.json | 8 +- .../react-checkbox/CHANGELOG.json | 45 +++ .../react-checkbox/CHANGELOG.md | 16 +- .../react-checkbox/package.json | 10 +- .../react-combobox/CHANGELOG.json | 51 ++++ .../react-combobox/CHANGELOG.md | 17 +- .../react-combobox/package.json | 12 +- .../react-components/CHANGELOG.json | 271 ++++++++++++++++++ .../react-components/CHANGELOG.md | 90 +++++- .../react-components/package.json | 84 +++--- .../react-context-selector/CHANGELOG.json | 15 + .../react-context-selector/CHANGELOG.md | 11 +- .../react-context-selector/package.json | 4 +- .../CHANGELOG.json | 39 +++ .../react-data-grid-react-window/CHANGELOG.md | 15 +- .../react-data-grid-react-window/package.json | 10 +- .../react-datepicker-compat/CHANGELOG.json | 51 ++++ .../react-datepicker-compat/CHANGELOG.md | 17 +- .../react-datepicker-compat/package.json | 14 +- .../react-dialog/CHANGELOG.json | 51 ++++ .../react-dialog/CHANGELOG.md | 17 +- .../react-dialog/package.json | 14 +- .../react-divider/CHANGELOG.json | 15 + .../react-divider/CHANGELOG.md | 11 +- .../react-divider/package.json | 4 +- .../react-drawer/package.json | 4 +- .../react-field/CHANGELOG.json | 41 +++ .../react-components/react-field/CHANGELOG.md | 18 +- .../react-components/react-field/package.json | 8 +- .../react-image/CHANGELOG.json | 15 + .../react-components/react-image/CHANGELOG.md | 11 +- .../react-components/react-image/package.json | 4 +- .../react-infobutton/CHANGELOG.json | 33 +++ .../react-infobutton/CHANGELOG.md | 14 +- .../react-infobutton/package.json | 10 +- .../react-input/CHANGELOG.json | 39 +++ .../react-components/react-input/CHANGELOG.md | 15 +- .../react-components/react-input/package.json | 8 +- .../react-jsx-runtime/CHANGELOG.json | 26 ++ .../react-jsx-runtime/CHANGELOG.md | 14 + .../react-jsx-runtime/package.json | 4 +- .../react-label/CHANGELOG.json | 15 + .../react-components/react-label/CHANGELOG.md | 11 +- .../react-components/react-label/package.json | 4 +- .../react-link/CHANGELOG.json | 21 ++ .../react-components/react-link/CHANGELOG.md | 12 +- .../react-components/react-link/package.json | 6 +- .../react-menu/CHANGELOG.json | 57 ++++ .../react-components/react-menu/CHANGELOG.md | 18 +- .../react-components/react-menu/package.json | 16 +- .../react-migration-v0-v9/package.json | 4 +- .../react-migration-v8-v9/CHANGELOG.json | 21 ++ .../react-migration-v8-v9/CHANGELOG.md | 12 +- .../react-migration-v8-v9/package.json | 6 +- .../react-overflow/CHANGELOG.json | 21 ++ .../react-overflow/CHANGELOG.md | 12 +- .../react-overflow/package.json | 6 +- .../react-persona/CHANGELOG.json | 27 ++ .../react-persona/CHANGELOG.md | 13 +- .../react-persona/package.json | 8 +- .../react-popover/CHANGELOG.json | 57 ++++ .../react-popover/CHANGELOG.md | 18 +- .../react-popover/package.json | 16 +- .../react-portal-compat/CHANGELOG.json | 21 ++ .../react-portal-compat/CHANGELOG.md | 12 +- .../react-portal-compat/package.json | 8 +- .../react-portal/CHANGELOG.json | 21 ++ .../react-portal/CHANGELOG.md | 12 +- .../react-portal/package.json | 6 +- .../react-positioning/CHANGELOG.json | 15 + .../react-positioning/CHANGELOG.md | 11 +- .../react-positioning/package.json | 4 +- .../react-progress/CHANGELOG.json | 33 +++ .../react-progress/CHANGELOG.md | 14 +- .../react-progress/package.json | 6 +- .../react-provider/CHANGELOG.json | 33 +++ .../react-provider/CHANGELOG.md | 14 +- .../react-provider/package.json | 8 +- .../react-radio/CHANGELOG.json | 51 ++++ .../react-components/react-radio/CHANGELOG.md | 17 +- .../react-components/react-radio/package.json | 10 +- .../react-select/CHANGELOG.json | 33 +++ .../react-select/CHANGELOG.md | 14 +- .../react-select/package.json | 6 +- .../react-skeleton/CHANGELOG.json | 27 ++ .../react-skeleton/CHANGELOG.md | 13 +- .../react-skeleton/package.json | 6 +- .../react-slider/CHANGELOG.json | 45 +++ .../react-slider/CHANGELOG.md | 16 +- .../react-slider/package.json | 10 +- .../react-spinbutton/CHANGELOG.json | 39 +++ .../react-spinbutton/CHANGELOG.md | 15 +- .../react-spinbutton/package.json | 8 +- .../react-spinner/CHANGELOG.json | 21 ++ .../react-spinner/CHANGELOG.md | 12 +- .../react-spinner/package.json | 6 +- .../react-storybook-addon/package.json | 2 +- .../react-switch/CHANGELOG.json | 45 +++ .../react-switch/CHANGELOG.md | 16 +- .../react-switch/package.json | 10 +- .../react-table/CHANGELOG.json | 63 ++++ .../react-components/react-table/CHANGELOG.md | 19 +- .../react-components/react-table/package.json | 18 +- .../react-tabs/CHANGELOG.json | 27 ++ .../react-components/react-tabs/CHANGELOG.md | 13 +- .../react-components/react-tabs/package.json | 8 +- .../react-tabster/CHANGELOG.json | 15 + .../react-tabster/CHANGELOG.md | 11 +- .../react-tabster/package.json | 4 +- .../react-components/react-tags/package.json | 2 +- .../react-text/CHANGELOG.json | 15 + .../react-components/react-text/CHANGELOG.md | 11 +- .../react-components/react-text/package.json | 4 +- .../react-textarea/CHANGELOG.json | 33 +++ .../react-textarea/CHANGELOG.md | 14 +- .../react-textarea/package.json | 6 +- .../react-theme-sass/CHANGELOG.json | 15 + .../react-theme-sass/CHANGELOG.md | 11 +- .../react-theme-sass/package.json | 2 +- .../react-toolbar/CHANGELOG.json | 57 ++++ .../react-toolbar/CHANGELOG.md | 18 +- .../react-toolbar/package.json | 16 +- .../react-tooltip/CHANGELOG.json | 27 ++ .../react-tooltip/CHANGELOG.md | 13 +- .../react-tooltip/package.json | 8 +- .../react-tree/CHANGELOG.json | 63 ++++ .../react-components/react-tree/CHANGELOG.md | 19 +- .../react-components/react-tree/package.json | 18 +- .../react-utilities/CHANGELOG.json | 23 ++ .../react-utilities/CHANGELOG.md | 15 +- .../react-utilities/package.json | 2 +- .../react-virtualizer/CHANGELOG.json | 15 + .../react-virtualizer/CHANGELOG.md | 11 +- .../react-virtualizer/package.json | 4 +- .../theme-designer/package.json | 8 +- 214 files changed, 2969 insertions(+), 667 deletions(-) delete mode 100644 change/@fluentui-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json delete mode 100644 change/@fluentui-react-avatar-47c26866-8e07-4204-8227-f7311880d126.json delete mode 100644 change/@fluentui-react-card-a843b37d-b830-4092-8366-72ea1f893a33.json delete mode 100644 change/@fluentui-react-checkbox-11fec6aa-5adf-4f0a-8643-3ba5acc1a156.json delete mode 100644 change/@fluentui-react-checkbox-2a76b2a3-3666-4518-b296-033e228851dd.json delete mode 100644 change/@fluentui-react-combobox-55ac2e2c-3073-437c-8aba-bd427d7a4fe9.json delete mode 100644 change/@fluentui-react-combobox-f5be10dd-ee01-4035-adeb-024cf8dca267.json delete mode 100644 change/@fluentui-react-components-cae2802c-00af-4db7-9579-7ad2f8e5a5d0.json delete mode 100644 change/@fluentui-react-components-d91bf0b6-07ed-430e-b13a-f8bff1e266d7.json delete mode 100644 change/@fluentui-react-components-f2468d61-670b-4425-ba31-aa7a99faaac7.json delete mode 100644 change/@fluentui-react-data-grid-react-window-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json delete mode 100644 change/@fluentui-react-datepicker-compat-d98664f5-6c03-492f-8ecd-46a5722ad182.json delete mode 100644 change/@fluentui-react-dialog-5fee8f81-b41f-4655-a1c6-5dd45a7c336e.json delete mode 100644 change/@fluentui-react-field-aa25cb84-d8a4-4efe-9a15-30df2ffdfaa8.json delete mode 100644 change/@fluentui-react-field-b66b74c4-0bed-433f-875e-052312e18b3e.json delete mode 100644 change/@fluentui-react-input-2a47103e-74fa-4376-bef3-5eabef7b10fe.json delete mode 100644 change/@fluentui-react-input-efdc4cb9-6959-4487-8700-0b519f8f341a.json delete mode 100644 change/@fluentui-react-jsx-runtime-92a3c6b2-e767-4128-8320-7e237ef69eaa.json delete mode 100644 change/@fluentui-react-menu-7f4bdd51-64d7-41a9-94c9-993823b00f5d.json delete mode 100644 change/@fluentui-react-popover-23cf0582-3d79-48a6-9c84-5755ec1e89b5.json delete mode 100644 change/@fluentui-react-progress-546292b4-db99-435c-9dcf-3696e3469dc0.json delete mode 100644 change/@fluentui-react-progress-b96e5c55-f786-4b4a-b857-ea2119855ede.json delete mode 100644 change/@fluentui-react-provider-01464521-6329-44ea-be05-8aa792d0462b.json delete mode 100644 change/@fluentui-react-radio-06834656-2682-486e-81f8-455d91d0bcf2.json delete mode 100644 change/@fluentui-react-radio-3274119d-a18a-4be8-9f5f-d9a8053f964b.json delete mode 100644 change/@fluentui-react-radio-a2b647e8-5388-4504-95a1-383fc2edc65d.json delete mode 100644 change/@fluentui-react-select-0b5b1eee-c188-4ba9-8893-0c7278127bb2.json delete mode 100644 change/@fluentui-react-select-8e19d227-ab64-4e93-9748-1e18e541fcba.json delete mode 100644 change/@fluentui-react-skeleton-f427b68f-ed64-4c29-8386-df5ceff4ba01.json delete mode 100644 change/@fluentui-react-slider-a070c2e4-448f-481a-9a82-cfa5ffcec62a.json delete mode 100644 change/@fluentui-react-slider-b88b5ecc-10d6-45ee-a7be-4a0eb73f4aec.json delete mode 100644 change/@fluentui-react-spinbutton-a853a6a8-fb5e-4f76-8021-f15cad50a969.json delete mode 100644 change/@fluentui-react-spinbutton-def4061b-fb7d-4013-90a1-c1cf83acad59.json delete mode 100644 change/@fluentui-react-switch-a03a889d-1fc4-462c-9c2f-e81f1fc65987.json delete mode 100644 change/@fluentui-react-switch-cff51124-1be4-4924-8ae6-efd46414f466.json delete mode 100644 change/@fluentui-react-table-d5632f83-3b3d-4361-80f7-a4af77760493.json delete mode 100644 change/@fluentui-react-textarea-48711081-59a6-4049-a2cd-48c2b6bd7428.json delete mode 100644 change/@fluentui-react-textarea-e664bd27-28de-4d33-be3c-9eec41ea71c4.json delete mode 100644 change/@fluentui-react-theme-sass-f4e3dc5e-8092-419e-9dfc-1d569e8522fc.json delete mode 100644 change/@fluentui-react-toolbar-5faad9ba-f6d4-4d75-8d1d-6066eb81e377.json delete mode 100644 change/@fluentui-react-tree-4dc34ddd-5922-4835-8c43-5a96d8cb1a1e.json delete mode 100644 change/@fluentui-react-utilities-1e1f8bd6-b059-4823-9a8d-f58d44482c6e.json delete mode 100644 change/@fluentui-react-utilities-6ec7d77e-2bd1-4bcc-a0fb-0f71642d43bd.json create mode 100644 packages/react-components/react-jsx-runtime/CHANGELOG.json create mode 100644 packages/react-components/react-jsx-runtime/CHANGELOG.md diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json index 5aa986e36ff920..76bb970904f1f3 100644 --- a/apps/perf-test-react-components/package.json +++ b/apps/perf-test-react-components/package.json @@ -20,13 +20,13 @@ "dependencies": { "@fluentui/scripts-perf-test-flamegrill": "*", "@griffel/core": "^1.9.0", - "@fluentui/react-avatar": "^9.4.8", - "@fluentui/react-button": "^9.3.8", - "@fluentui/react-field": "^9.0.0", - "@fluentui/react-infobutton": "9.0.0-beta.26", - "@fluentui/react-persona": "^9.2.7", - "@fluentui/react-provider": "^9.5.2", - "@fluentui/react-spinbutton": "^9.2.9", + "@fluentui/react-avatar": "^9.4.9", + "@fluentui/react-button": "^9.3.9", + "@fluentui/react-field": "^9.1.0", + "@fluentui/react-infobutton": "9.0.0-beta.27", + "@fluentui/react-persona": "^9.2.8", + "@fluentui/react-provider": "^9.5.3", + "@fluentui/react-spinbutton": "^9.2.10", "@fluentui/react-theme": "^9.1.7", "@microsoft/load-themed-styles": "^1.10.26", "react": "17.0.2", diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index b64db04cf6a135..0c626bd8905a00 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -22,13 +22,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-datepicker-compat": "0.0.0-beta.1", - "@fluentui/react-migration-v8-v9": "^9.2.8", + "@fluentui/react-datepicker-compat": "0.0.0-beta.2", + "@fluentui/react-migration-v8-v9": "^9.2.9", "@fluentui/react-migration-v0-v9": "9.0.0-alpha.0", "@fluentui/react": "^8.107.6", "@fluentui/react-northstar": "^0.66.4", "@fluentui/react-icons-northstar": "^0.66.4", - "@fluentui/react-components": "^9.18.9", + "@fluentui/react-components": "^9.19.0", "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", "@griffel/react": "^1.5.2", diff --git a/apps/react-18-tests-v9/package.json b/apps/react-18-tests-v9/package.json index b9c5c01f188d09..ea6888f531cf49 100644 --- a/apps/react-18-tests-v9/package.json +++ b/apps/react-18-tests-v9/package.json @@ -19,7 +19,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-components": "^9.18.9", + "@fluentui/react-components": "^9.19.0", "@types/react": "18.0.14", "@types/react-dom": "18.0.6", "react": "18.2.0", diff --git a/apps/recipes-react-components/package.json b/apps/recipes-react-components/package.json index de7c41920e98f1..49d93e6bcfe543 100644 --- a/apps/recipes-react-components/package.json +++ b/apps/recipes-react-components/package.json @@ -16,10 +16,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-components": "^9.18.9", + "@fluentui/react-components": "^9.19.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-provider": "^9.5.2", + "@fluentui/react-provider": "^9.5.3", "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", "@griffel/react": "^1.5.2", diff --git a/apps/ssr-tests-v9/package.json b/apps/ssr-tests-v9/package.json index bcf3c3c623ab49..55e5200f116409 100644 --- a/apps/ssr-tests-v9/package.json +++ b/apps/ssr-tests-v9/package.json @@ -20,7 +20,7 @@ "type-check": "tsc -b tsconfig.json" }, "dependencies": { - "@fluentui/react-components": "^9.18.9" + "@fluentui/react-components": "^9.19.0" }, "devDependencies": { "@fluentui/eslint-plugin": "*", diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json index 4ab620624d06d0..ed4b24f748de8c 100644 --- a/apps/stress-test/package.json +++ b/apps/stress-test/package.json @@ -11,7 +11,7 @@ }, "dependencies": { "@fluentui/react": "^8.107.6", - "@fluentui/react-components": "^9.18.9", + "@fluentui/react-components": "^9.19.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/web-components": "^2.5.14", "@microsoft/fast-element": "^1.11.1", diff --git a/apps/ts-minbar-test-react-components/package.json b/apps/ts-minbar-test-react-components/package.json index 041485b69a97e8..9d590a3f21cc5e 100644 --- a/apps/ts-minbar-test-react-components/package.json +++ b/apps/ts-minbar-test-react-components/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React Components compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react-components": "^9.18.9" + "@fluentui/react-components": "^9.19.0" }, "scripts": { "type-check": "tsc -p .", diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index fba79fef4be69d..68cf48257cf97c 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -20,48 +20,48 @@ "@fluentui/scripts-storybook": "*" }, "dependencies": { - "@fluentui/react-accordion": "^9.1.8", - "@fluentui/react-avatar": "^9.4.8", - "@fluentui/react-badge": "^9.1.8", - "@fluentui/react-button": "^9.3.8", - "@fluentui/react-card": "^9.0.6", - "@fluentui/react-checkbox": "^9.1.9", - "@fluentui/react-combobox": "^9.2.9", - "@fluentui/react-datepicker-compat": "0.0.0-beta.1", - "@fluentui/react-dialog": "^9.5.1", - "@fluentui/react-divider": "^9.2.8", - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-accordion": "^9.1.9", + "@fluentui/react-avatar": "^9.4.9", + "@fluentui/react-badge": "^9.1.9", + "@fluentui/react-button": "^9.3.9", + "@fluentui/react-card": "^9.0.7", + "@fluentui/react-checkbox": "^9.1.10", + "@fluentui/react-combobox": "^9.2.10", + "@fluentui/react-datepicker-compat": "0.0.0-beta.2", + "@fluentui/react-dialog": "^9.5.2", + "@fluentui/react-divider": "^9.2.9", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-image": "^9.1.5", - "@fluentui/react-infobutton": "9.0.0-beta.26", - "@fluentui/react-input": "^9.4.9", - "@fluentui/react-label": "^9.1.8", - "@fluentui/react-link": "^9.0.34", - "@fluentui/react-menu": "^9.7.8", - "@fluentui/react-persona": "^9.2.7", - "@fluentui/react-popover": "^9.5.8", - "@fluentui/react-portal": "^9.2.5", - "@fluentui/react-positioning": "^9.5.9", - "@fluentui/react-progress": "^9.1.9", - "@fluentui/react-provider": "^9.5.2", - "@fluentui/react-radio": "^9.1.9", - "@fluentui/react-select": "^9.1.9", + "@fluentui/react-image": "^9.1.6", + "@fluentui/react-infobutton": "9.0.0-beta.27", + "@fluentui/react-input": "^9.4.10", + "@fluentui/react-label": "^9.1.9", + "@fluentui/react-link": "^9.0.35", + "@fluentui/react-menu": "^9.7.9", + "@fluentui/react-persona": "^9.2.8", + "@fluentui/react-popover": "^9.5.9", + "@fluentui/react-portal": "^9.2.6", + "@fluentui/react-positioning": "^9.5.10", + "@fluentui/react-progress": "^9.1.10", + "@fluentui/react-provider": "^9.5.3", + "@fluentui/react-radio": "^9.1.10", + "@fluentui/react-select": "^9.1.10", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-skeleton": "9.0.0-beta.8", - "@fluentui/react-slider": "^9.1.9", - "@fluentui/react-spinner": "^9.1.8", - "@fluentui/react-spinbutton": "^9.2.9", + "@fluentui/react-skeleton": "9.0.0-beta.9", + "@fluentui/react-slider": "^9.1.10", + "@fluentui/react-spinner": "^9.1.9", + "@fluentui/react-spinbutton": "^9.2.10", "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", - "@fluentui/react-switch": "^9.1.9", - "@fluentui/react-tabs": "^9.3.9", - "@fluentui/react-table": "^9.2.5", - "@fluentui/react-text": "^9.3.5", - "@fluentui/react-textarea": "^9.3.9", + "@fluentui/react-switch": "^9.1.10", + "@fluentui/react-tabs": "^9.3.10", + "@fluentui/react-table": "^9.2.6", + "@fluentui/react-text": "^9.3.6", + "@fluentui/react-textarea": "^9.3.10", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-tooltip": "^9.2.8", - "@fluentui/react-toolbar": "^9.1.9", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-tooltip": "^9.2.9", + "@fluentui/react-toolbar": "^9.1.10", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/change/@fluentui-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json b/change/@fluentui-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json deleted file mode 100644 index 74fe549ac09a44..00000000000000 --- a/change/@fluentui-react-alert-935473ef-6eda-4240-b022-e82946cafdee.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: adopt custom JSX pragma", - "packageName": "@fluentui/react-alert", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-avatar-47c26866-8e07-4204-8227-f7311880d126.json b/change/@fluentui-react-avatar-47c26866-8e07-4204-8227-f7311880d126.json deleted file mode 100644 index 2d75e1ca10840b..00000000000000 --- a/change/@fluentui-react-avatar-47c26866-8e07-4204-8227-f7311880d126.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: Correct Avatar's active-inactive transition animation curve", - "packageName": "@fluentui/react-avatar", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-card-a843b37d-b830-4092-8366-72ea1f893a33.json b/change/@fluentui-react-card-a843b37d-b830-4092-8366-72ea1f893a33.json deleted file mode 100644 index 376d55ddeb9c9b..00000000000000 --- a/change/@fluentui-react-card-a843b37d-b830-4092-8366-72ea1f893a33.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: add support for Windows High Contrast Mode", - "packageName": "@fluentui/react-card", - "email": "marcosvmmoura@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-checkbox-11fec6aa-5adf-4f0a-8643-3ba5acc1a156.json b/change/@fluentui-react-checkbox-11fec6aa-5adf-4f0a-8643-3ba5acc1a156.json deleted file mode 100644 index 8d95055af618fc..00000000000000 --- a/change/@fluentui-react-checkbox-11fec6aa-5adf-4f0a-8643-3ba5acc1a156.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove deprecated CheckboxField_unstable shim component", - "packageName": "@fluentui/react-checkbox", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-checkbox-2a76b2a3-3666-4518-b296-033e228851dd.json b/change/@fluentui-react-checkbox-2a76b2a3-3666-4518-b296-033e228851dd.json deleted file mode 100644 index b6ba5c206e32a1..00000000000000 --- a/change/@fluentui-react-checkbox-2a76b2a3-3666-4518-b296-033e228851dd.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-checkbox", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-combobox-55ac2e2c-3073-437c-8aba-bd427d7a4fe9.json b/change/@fluentui-react-combobox-55ac2e2c-3073-437c-8aba-bd427d7a4fe9.json deleted file mode 100644 index e856af11282329..00000000000000 --- a/change/@fluentui-react-combobox-55ac2e2c-3073-437c-8aba-bd427d7a4fe9.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove deprecated ComboboxField_unstable shim component", - "packageName": "@fluentui/react-combobox", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-combobox-f5be10dd-ee01-4035-adeb-024cf8dca267.json b/change/@fluentui-react-combobox-f5be10dd-ee01-4035-adeb-024cf8dca267.json deleted file mode 100644 index dd47eae178e5a3..00000000000000 --- a/change/@fluentui-react-combobox-f5be10dd-ee01-4035-adeb-024cf8dca267.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-combobox", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-cae2802c-00af-4db7-9579-7ad2f8e5a5d0.json b/change/@fluentui-react-components-cae2802c-00af-4db7-9579-7ad2f8e5a5d0.json deleted file mode 100644 index 78b0221090c020..00000000000000 --- a/change/@fluentui-react-components-cae2802c-00af-4db7-9579-7ad2f8e5a5d0.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: Release Field component as stable", - "packageName": "@fluentui/react-components", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-d91bf0b6-07ed-430e-b13a-f8bff1e266d7.json b/change/@fluentui-react-components-d91bf0b6-07ed-430e-b13a-f8bff1e266d7.json deleted file mode 100644 index b84bd70fed2446..00000000000000 --- a/change/@fluentui-react-components-d91bf0b6-07ed-430e-b13a-f8bff1e266d7.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore(react-components/unstable): Remove deprecated InputField, etc. shim components", - "packageName": "@fluentui/react-components", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-f2468d61-670b-4425-ba31-aa7a99faaac7.json b/change/@fluentui-react-components-f2468d61-670b-4425-ba31-aa7a99faaac7.json deleted file mode 100644 index c1f035cf247a71..00000000000000 --- a/change/@fluentui-react-components-f2468d61-670b-4425-ba31-aa7a99faaac7.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove the use of ContextSelector in RadioGroupContext", - "packageName": "@fluentui/react-components", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-data-grid-react-window-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json b/change/@fluentui-react-data-grid-react-window-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json deleted file mode 100644 index 3e6cbd8c3a498d..00000000000000 --- a/change/@fluentui-react-data-grid-react-window-128a12e2-e75c-434a-97a2-0e7bd90cb1ae.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: adopt custom JSX pragma", - "packageName": "@fluentui/react-data-grid-react-window", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-datepicker-compat-d98664f5-6c03-492f-8ecd-46a5722ad182.json b/change/@fluentui-react-datepicker-compat-d98664f5-6c03-492f-8ecd-46a5722ad182.json deleted file mode 100644 index beff2becd42012..00000000000000 --- a/change/@fluentui-react-datepicker-compat-d98664f5-6c03-492f-8ecd-46a5722ad182.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-datepicker-compat", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-dialog-5fee8f81-b41f-4655-a1c6-5dd45a7c336e.json b/change/@fluentui-react-dialog-5fee8f81-b41f-4655-a1c6-5dd45a7c336e.json deleted file mode 100644 index dedbde25c905a4..00000000000000 --- a/change/@fluentui-react-dialog-5fee8f81-b41f-4655-a1c6-5dd45a7c336e.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: adopts custom JSX pragma", - "packageName": "@fluentui/react-dialog", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-field-aa25cb84-d8a4-4efe-9a15-30df2ffdfaa8.json b/change/@fluentui-react-field-aa25cb84-d8a4-4efe-9a15-30df2ffdfaa8.json deleted file mode 100644 index 255a8e2e9d6735..00000000000000 --- a/change/@fluentui-react-field-aa25cb84-d8a4-4efe-9a15-30df2ffdfaa8.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove utilities for deprecated shim InputField, etc. components", - "packageName": "@fluentui/react-field", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-field-b66b74c4-0bed-433f-875e-052312e18b3e.json b/change/@fluentui-react-field-b66b74c4-0bed-433f-875e-052312e18b3e.json deleted file mode 100644 index af32d7ed1ced66..00000000000000 --- a/change/@fluentui-react-field-b66b74c4-0bed-433f-875e-052312e18b3e.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: Release Field component as stable", - "packageName": "@fluentui/react-field", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-input-2a47103e-74fa-4376-bef3-5eabef7b10fe.json b/change/@fluentui-react-input-2a47103e-74fa-4376-bef3-5eabef7b10fe.json deleted file mode 100644 index 8aab185b1137de..00000000000000 --- a/change/@fluentui-react-input-2a47103e-74fa-4376-bef3-5eabef7b10fe.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-input", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-input-efdc4cb9-6959-4487-8700-0b519f8f341a.json b/change/@fluentui-react-input-efdc4cb9-6959-4487-8700-0b519f8f341a.json deleted file mode 100644 index 3ee06d35edc8c8..00000000000000 --- a/change/@fluentui-react-input-efdc4cb9-6959-4487-8700-0b519f8f341a.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove deprecated InputField_unstable shim component", - "packageName": "@fluentui/react-input", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-jsx-runtime-92a3c6b2-e767-4128-8320-7e237ef69eaa.json b/change/@fluentui-react-jsx-runtime-92a3c6b2-e767-4128-8320-7e237ef69eaa.json deleted file mode 100644 index 3579190fc7d420..00000000000000 --- a/change/@fluentui-react-jsx-runtime-92a3c6b2-e767-4128-8320-7e237ef69eaa.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "feat: implements custom JSX pragma", - "packageName": "@fluentui/react-jsx-runtime", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-menu-7f4bdd51-64d7-41a9-94c9-993823b00f5d.json b/change/@fluentui-react-menu-7f4bdd51-64d7-41a9-94c9-993823b00f5d.json deleted file mode 100644 index b66c87b07ccbcd..00000000000000 --- a/change/@fluentui-react-menu-7f4bdd51-64d7-41a9-94c9-993823b00f5d.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: adopt custom JSX pragma", - "packageName": "@fluentui/react-menu", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-popover-23cf0582-3d79-48a6-9c84-5755ec1e89b5.json b/change/@fluentui-react-popover-23cf0582-3d79-48a6-9c84-5755ec1e89b5.json deleted file mode 100644 index 1234bdde2118e2..00000000000000 --- a/change/@fluentui-react-popover-23cf0582-3d79-48a6-9c84-5755ec1e89b5.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "feat: adopt custom JSX pragma", - "packageName": "@fluentui/react-popover", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-progress-546292b4-db99-435c-9dcf-3696e3469dc0.json b/change/@fluentui-react-progress-546292b4-db99-435c-9dcf-3696e3469dc0.json deleted file mode 100644 index 479fb6582f82a3..00000000000000 --- a/change/@fluentui-react-progress-546292b4-db99-435c-9dcf-3696e3469dc0.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove deprecated ProgressField_unstable shim component", - "packageName": "@fluentui/react-progress", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-progress-b96e5c55-f786-4b4a-b857-ea2119855ede.json b/change/@fluentui-react-progress-b96e5c55-f786-4b4a-b857-ea2119855ede.json deleted file mode 100644 index 67da56c6365945..00000000000000 --- a/change/@fluentui-react-progress-b96e5c55-f786-4b4a-b857-ea2119855ede.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-progress", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-provider-01464521-6329-44ea-be05-8aa792d0462b.json b/change/@fluentui-react-provider-01464521-6329-44ea-be05-8aa792d0462b.json deleted file mode 100644 index dcbe2ea407342a..00000000000000 --- a/change/@fluentui-react-provider-01464521-6329-44ea-be05-8aa792d0462b.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "feat: adopt custom JSX pragma", - "packageName": "@fluentui/react-provider", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-radio-06834656-2682-486e-81f8-455d91d0bcf2.json b/change/@fluentui-react-radio-06834656-2682-486e-81f8-455d91d0bcf2.json deleted file mode 100644 index cf164e33fab547..00000000000000 --- a/change/@fluentui-react-radio-06834656-2682-486e-81f8-455d91d0bcf2.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-radio", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-radio-3274119d-a18a-4be8-9f5f-d9a8053f964b.json b/change/@fluentui-react-radio-3274119d-a18a-4be8-9f5f-d9a8053f964b.json deleted file mode 100644 index 929fd5269c3497..00000000000000 --- a/change/@fluentui-react-radio-3274119d-a18a-4be8-9f5f-d9a8053f964b.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove deprecated RadioGroupField_unstable shim component", - "packageName": "@fluentui/react-radio", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-radio-a2b647e8-5388-4504-95a1-383fc2edc65d.json b/change/@fluentui-react-radio-a2b647e8-5388-4504-95a1-383fc2edc65d.json deleted file mode 100644 index 5dbf42b2b32122..00000000000000 --- a/change/@fluentui-react-radio-a2b647e8-5388-4504-95a1-383fc2edc65d.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove the use of ContextSelector in RadioGroupContext", - "packageName": "@fluentui/react-radio", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-select-0b5b1eee-c188-4ba9-8893-0c7278127bb2.json b/change/@fluentui-react-select-0b5b1eee-c188-4ba9-8893-0c7278127bb2.json deleted file mode 100644 index 60b75dce5fa356..00000000000000 --- a/change/@fluentui-react-select-0b5b1eee-c188-4ba9-8893-0c7278127bb2.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove deprecated SelectField_unstable shim component", - "packageName": "@fluentui/react-select", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-select-8e19d227-ab64-4e93-9748-1e18e541fcba.json b/change/@fluentui-react-select-8e19d227-ab64-4e93-9748-1e18e541fcba.json deleted file mode 100644 index d1744781aef912..00000000000000 --- a/change/@fluentui-react-select-8e19d227-ab64-4e93-9748-1e18e541fcba.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-select", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-skeleton-f427b68f-ed64-4c29-8386-df5ceff4ba01.json b/change/@fluentui-react-skeleton-f427b68f-ed64-4c29-8386-df5ceff4ba01.json deleted file mode 100644 index 8c70168ef7b3d5..00000000000000 --- a/change/@fluentui-react-skeleton-f427b68f-ed64-4c29-8386-df5ceff4ba01.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-skeleton", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-slider-a070c2e4-448f-481a-9a82-cfa5ffcec62a.json b/change/@fluentui-react-slider-a070c2e4-448f-481a-9a82-cfa5ffcec62a.json deleted file mode 100644 index ac6ff83d2086ce..00000000000000 --- a/change/@fluentui-react-slider-a070c2e4-448f-481a-9a82-cfa5ffcec62a.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove deprecated SliderField_unstable shim component", - "packageName": "@fluentui/react-slider", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-slider-b88b5ecc-10d6-45ee-a7be-4a0eb73f4aec.json b/change/@fluentui-react-slider-b88b5ecc-10d6-45ee-a7be-4a0eb73f4aec.json deleted file mode 100644 index fd1792e01d7e90..00000000000000 --- a/change/@fluentui-react-slider-b88b5ecc-10d6-45ee-a7be-4a0eb73f4aec.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-slider", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-spinbutton-a853a6a8-fb5e-4f76-8021-f15cad50a969.json b/change/@fluentui-react-spinbutton-a853a6a8-fb5e-4f76-8021-f15cad50a969.json deleted file mode 100644 index 53d85b83e5cf52..00000000000000 --- a/change/@fluentui-react-spinbutton-a853a6a8-fb5e-4f76-8021-f15cad50a969.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-spinbutton", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-spinbutton-def4061b-fb7d-4013-90a1-c1cf83acad59.json b/change/@fluentui-react-spinbutton-def4061b-fb7d-4013-90a1-c1cf83acad59.json deleted file mode 100644 index 3aae9b77ccde41..00000000000000 --- a/change/@fluentui-react-spinbutton-def4061b-fb7d-4013-90a1-c1cf83acad59.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove deprecated SpinButtonField_unstable shim component", - "packageName": "@fluentui/react-spinbutton", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-switch-a03a889d-1fc4-462c-9c2f-e81f1fc65987.json b/change/@fluentui-react-switch-a03a889d-1fc4-462c-9c2f-e81f1fc65987.json deleted file mode 100644 index 6ab85258544ad6..00000000000000 --- a/change/@fluentui-react-switch-a03a889d-1fc4-462c-9c2f-e81f1fc65987.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove deprecated SwitchField_unstable shim component", - "packageName": "@fluentui/react-switch", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-switch-cff51124-1be4-4924-8ae6-efd46414f466.json b/change/@fluentui-react-switch-cff51124-1be4-4924-8ae6-efd46414f466.json deleted file mode 100644 index d21833c309fb53..00000000000000 --- a/change/@fluentui-react-switch-cff51124-1be4-4924-8ae6-efd46414f466.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-switch", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-d5632f83-3b3d-4361-80f7-a4af77760493.json b/change/@fluentui-react-table-d5632f83-3b3d-4361-80f7-a4af77760493.json deleted file mode 100644 index 2c428c4a83dda5..00000000000000 --- a/change/@fluentui-react-table-d5632f83-3b3d-4361-80f7-a4af77760493.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: adopt custom JSX pragma", - "packageName": "@fluentui/react-table", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-textarea-48711081-59a6-4049-a2cd-48c2b6bd7428.json b/change/@fluentui-react-textarea-48711081-59a6-4049-a2cd-48c2b6bd7428.json deleted file mode 100644 index c54b4228123548..00000000000000 --- a/change/@fluentui-react-textarea-48711081-59a6-4049-a2cd-48c2b6bd7428.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Remove deprecated TextareaField_unstable shim component", - "packageName": "@fluentui/react-textarea", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-textarea-e664bd27-28de-4d33-be3c-9eec41ea71c4.json b/change/@fluentui-react-textarea-e664bd27-28de-4d33-be3c-9eec41ea71c4.json deleted file mode 100644 index f38abac363e169..00000000000000 --- a/change/@fluentui-react-textarea-e664bd27-28de-4d33-be3c-9eec41ea71c4.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: Update react-field dependency version", - "packageName": "@fluentui/react-textarea", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-theme-sass-f4e3dc5e-8092-419e-9dfc-1d569e8522fc.json b/change/@fluentui-react-theme-sass-f4e3dc5e-8092-419e-9dfc-1d569e8522fc.json deleted file mode 100644 index 4ffa52fdc62509..00000000000000 --- a/change/@fluentui-react-theme-sass-f4e3dc5e-8092-419e-9dfc-1d569e8522fc.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "fix: add \"style\" to exports field", - "packageName": "@fluentui/react-theme-sass", - "email": "olfedias@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-toolbar-5faad9ba-f6d4-4d75-8d1d-6066eb81e377.json b/change/@fluentui-react-toolbar-5faad9ba-f6d4-4d75-8d1d-6066eb81e377.json deleted file mode 100644 index 709f95b23de391..00000000000000 --- a/change/@fluentui-react-toolbar-5faad9ba-f6d4-4d75-8d1d-6066eb81e377.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "chore: adopt custom JSX pragma", - "packageName": "@fluentui/react-toolbar", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-tree-4dc34ddd-5922-4835-8c43-5a96d8cb1a1e.json b/change/@fluentui-react-tree-4dc34ddd-5922-4835-8c43-5a96d8cb1a1e.json deleted file mode 100644 index 5b469de2550622..00000000000000 --- a/change/@fluentui-react-tree-4dc34ddd-5922-4835-8c43-5a96d8cb1a1e.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "chore: adopt custom jsx pragma", - "packageName": "@fluentui/react-tree", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-utilities-1e1f8bd6-b059-4823-9a8d-f58d44482c6e.json b/change/@fluentui-react-utilities-1e1f8bd6-b059-4823-9a8d-f58d44482c6e.json deleted file mode 100644 index 171c49f57573d9..00000000000000 --- a/change/@fluentui-react-utilities-1e1f8bd6-b059-4823-9a8d-f58d44482c6e.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: Fix slot render functions", - "packageName": "@fluentui/react-utilities", - "email": "behowell@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-utilities-6ec7d77e-2bd1-4bcc-a0fb-0f71642d43bd.json b/change/@fluentui-react-utilities-6ec7d77e-2bd1-4bcc-a0fb-0f71642d43bd.json deleted file mode 100644 index 9b7eeb1cf33652..00000000000000 --- a/change/@fluentui-react-utilities-6ec7d77e-2bd1-4bcc-a0fb-0f71642d43bd.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: ensure compatibility with custom JSX pragma", - "packageName": "@fluentui/react-utilities", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.json b/packages/react-components/babel-preset-global-context/CHANGELOG.json index 0346f48887e0f3..a7d4302712446f 100644 --- a/packages/react-components/babel-preset-global-context/CHANGELOG.json +++ b/packages/react-components/babel-preset-global-context/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/babel-preset-global-context", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.25", + "version": "9.0.0-beta.25", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/babel-preset-global-context", + "comment": "Bump @fluentui/global-context to v9.0.0-beta.25", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.24", diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.md b/packages/react-components/babel-preset-global-context/CHANGELOG.md index 4af27f6b07e07b..552e3c74f5e4df 100644 --- a/packages/react-components/babel-preset-global-context/CHANGELOG.md +++ b/packages/react-components/babel-preset-global-context/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/babel-preset-global-context -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.0.0-beta.25](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.25) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/babel-preset-global-context_v9.0.0-beta.24..@fluentui/babel-preset-global-context_v9.0.0-beta.25) + +### Changes + +- Bump @fluentui/global-context to v9.0.0-beta.25 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.0-beta.24](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.24) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/babel-preset-global-context/package.json b/packages/react-components/babel-preset-global-context/package.json index 85e029036e3dc4..69b40bb47a5c27 100644 --- a/packages/react-components/babel-preset-global-context/package.json +++ b/packages/react-components/babel-preset-global-context/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/babel-preset-global-context", - "version": "9.0.0-beta.24", + "version": "9.0.0-beta.25", "description": "Babel preset that transforms createContext calls to use global context shims", "main": "lib-commonjs/index.js", "typings": "./dist/index.d.ts", @@ -39,7 +39,7 @@ "find-up": "^5.0.0" }, "peerDependencies": { - "@fluentui/global-context": "9.0.0-beta.24" + "@fluentui/global-context": "9.0.0-beta.25" }, "beachball": { "disallowedChangeTypes": [ diff --git a/packages/react-components/global-context/CHANGELOG.json b/packages/react-components/global-context/CHANGELOG.json index 464ca179fd58be..1753d821a63a22 100644 --- a/packages/react-components/global-context/CHANGELOG.json +++ b/packages/react-components/global-context/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/global-context", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/global-context_v9.0.0-beta.25", + "version": "9.0.0-beta.25", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/global-context", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/global-context", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/global-context_v9.0.0-beta.24", diff --git a/packages/react-components/global-context/CHANGELOG.md b/packages/react-components/global-context/CHANGELOG.md index 40e7fc32ef45cd..0c1ade534d1d7a 100644 --- a/packages/react-components/global-context/CHANGELOG.md +++ b/packages/react-components/global-context/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/global-context -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.0.0-beta.25](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.25) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/global-context_v9.0.0-beta.24..@fluentui/global-context_v9.0.0-beta.25) + +### Changes + +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.0-beta.24](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.24) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/global-context/package.json b/packages/react-components/global-context/package.json index 30b1e5d85bbd06..e6e92f1a8e1554 100644 --- a/packages/react-components/global-context/package.json +++ b/packages/react-components/global-context/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/global-context", - "version": "9.0.0-beta.24", + "version": "9.0.0-beta.25", "description": "Extension of React createContext to be a true singleton on the global scope", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,8 +31,8 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.17", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-context-selector": "^9.1.18", + "@fluentui/react-utilities": "^9.8.0", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-accordion/CHANGELOG.json b/packages/react-components/react-accordion/CHANGELOG.json index 011605e5401fba..e4921e220795f6 100644 --- a/packages/react-components/react-accordion/CHANGELOG.json +++ b/packages/react-components/react-accordion/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-accordion", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-accordion_v9.1.9", + "version": "9.1.9", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-aria to v9.3.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-accordion_v9.1.8", diff --git a/packages/react-components/react-accordion/CHANGELOG.md b/packages/react-components/react-accordion/CHANGELOG.md index eeedad8d96287f..ebb46ab2a62549 100644 --- a/packages/react-components/react-accordion/CHANGELOG.md +++ b/packages/react-components/react-accordion/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-accordion -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.1.9) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.1.8..@fluentui/react-accordion_v9.1.9) + +### Patches + +- Bump @fluentui/react-aria to v9.3.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.1.8) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-accordion/package.json b/packages/react-components/react-accordion/package.json index 159b9806edcae3..40aa7974f46c00 100644 --- a/packages/react-components/react-accordion/package.json +++ b/packages/react-components/react-accordion/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-accordion", - "version": "9.1.8", + "version": "9.1.9", "description": "Fluent UI accordion component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,13 +32,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-aria": "^9.3.17", - "@fluentui/react-context-selector": "^9.1.17", + "@fluentui/react-aria": "^9.3.18", + "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-alert/CHANGELOG.json b/packages/react-components/react-alert/CHANGELOG.json index 37887d1299f28e..30cad4f72ef200 100644 --- a/packages/react-components/react-alert/CHANGELOG.json +++ b/packages/react-components/react-alert/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-alert", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:44 GMT", + "tag": "@fluentui/react-alert_v9.0.0-beta.44", + "version": "9.0.0-beta.44", + "comments": { + "prerelease": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-alert", + "commit": "d055f1628d71368ca21464a453e5cbf89b00d505", + "comment": "chore: adopt custom JSX pragma" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-avatar to v9.4.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-button to v9.3.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-alert_v9.0.0-beta.43", diff --git a/packages/react-components/react-alert/CHANGELOG.md b/packages/react-components/react-alert/CHANGELOG.md index 4a2176a24c6ddf..8e31d7a53699b5 100644 --- a/packages/react-components/react-alert/CHANGELOG.md +++ b/packages/react-components/react-alert/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-alert -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:44 GMT and should not be manually modified. +## [9.0.0-beta.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.44) + +Mon, 17 Apr 2023 17:53:44 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-alert_v9.0.0-beta.43..@fluentui/react-alert_v9.0.0-beta.44) + +### Changes + +- chore: adopt custom JSX pragma ([PR #27550](https://github.com/microsoft/fluentui/pull/27550) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-avatar to v9.4.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-button to v9.3.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.0-beta.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.43) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json index b901ef0eac4c9e..ca9fb62e1b8532 100644 --- a/packages/react-components/react-alert/package.json +++ b/packages/react-components/react-alert/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-alert", - "version": "9.0.0-beta.43", + "version": "9.0.0-beta.44", "description": "An alert component to display brief messages", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,13 +32,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-avatar": "^9.4.8", - "@fluentui/react-button": "^9.3.8", + "@fluentui/react-avatar": "^9.4.9", + "@fluentui/react-button": "^9.3.9", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", + "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-aria/CHANGELOG.json b/packages/react-components/react-aria/CHANGELOG.json index e3671fda58b435..54dbf72786b433 100644 --- a/packages/react-components/react-aria/CHANGELOG.json +++ b/packages/react-components/react-aria/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-aria", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-aria_v9.3.18", + "version": "9.3.18", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-aria", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-aria_v9.3.17", diff --git a/packages/react-components/react-aria/CHANGELOG.md b/packages/react-components/react-aria/CHANGELOG.md index fe2551e2544476..9b18dfc1863d6d 100644 --- a/packages/react-components/react-aria/CHANGELOG.md +++ b/packages/react-components/react-aria/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-aria -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.3.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.18) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.3.17..@fluentui/react-aria_v9.3.18) + +### Patches + +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.3.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.17) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-aria/package.json b/packages/react-components/react-aria/package.json index ecef24d27c8af8..8390f08f41b3d2 100644 --- a/packages/react-components/react-aria/package.json +++ b/packages/react-components/react-aria/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-aria", - "version": "9.3.17", + "version": "9.3.18", "description": "React helper to ensure ARIA", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-avatar-context/package.json b/packages/react-components/react-avatar-context/package.json index c9fcdd8a84a8e4..4d9325f6f2e7aa 100644 --- a/packages/react-components/react-avatar-context/package.json +++ b/packages/react-components/react-avatar-context/package.json @@ -31,7 +31,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-avatar/CHANGELOG.json b/packages/react-components/react-avatar/CHANGELOG.json index 08b4dfc6b0da44..a94b865fd5c494 100644 --- a/packages/react-components/react-avatar/CHANGELOG.json +++ b/packages/react-components/react-avatar/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-avatar", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:45 GMT", + "tag": "@fluentui/react-avatar_v9.4.9", + "version": "9.4.9", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-avatar", + "commit": "b120cc8a76bea610aeeded3eade7c78c0e9ddc0b", + "comment": "fix: Correct Avatar's active-inactive transition animation curve" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-badge to v9.1.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-popover to v9.5.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-tooltip to v9.2.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-avatar_v9.4.8", diff --git a/packages/react-components/react-avatar/CHANGELOG.md b/packages/react-components/react-avatar/CHANGELOG.md index 8c417f3ecd57bb..9cc5e9956c9623 100644 --- a/packages/react-components/react-avatar/CHANGELOG.md +++ b/packages/react-components/react-avatar/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-avatar -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:45 GMT and should not be manually modified. +## [9.4.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.4.9) + +Mon, 17 Apr 2023 17:53:45 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.4.8..@fluentui/react-avatar_v9.4.9) + +### Patches + +- fix: Correct Avatar's active-inactive transition animation curve ([PR #27537](https://github.com/microsoft/fluentui/pull/27537) by behowell@microsoft.com) +- Bump @fluentui/react-badge to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-popover to v9.5.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tooltip to v9.2.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.4.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.4.8) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-avatar/package.json b/packages/react-components/react-avatar/package.json index 0ed2d4b09a488a..7adcb0d62c46e0 100644 --- a/packages/react-components/react-avatar/package.json +++ b/packages/react-components/react-avatar/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-avatar", - "version": "9.4.8", + "version": "9.4.9", "description": "React components for building Microsoft web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -36,15 +36,15 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-badge": "^9.1.8", - "@fluentui/react-context-selector": "^9.1.17", + "@fluentui/react-badge": "^9.1.9", + "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-popover": "^9.5.8", + "@fluentui/react-popover": "^9.5.9", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-tooltip": "^9.2.8", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-tooltip": "^9.2.9", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-badge/CHANGELOG.json b/packages/react-components/react-badge/CHANGELOG.json index ed69ce5dac4f90..092f69f395c6c5 100644 --- a/packages/react-components/react-badge/CHANGELOG.json +++ b/packages/react-components/react-badge/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-badge", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-badge_v9.1.9", + "version": "9.1.9", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:42 GMT", "tag": "@fluentui/react-badge_v9.1.8", diff --git a/packages/react-components/react-badge/CHANGELOG.md b/packages/react-components/react-badge/CHANGELOG.md index 157255abe09b22..df2baabe9e2019 100644 --- a/packages/react-components/react-badge/CHANGELOG.md +++ b/packages/react-components/react-badge/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-badge -This log was last generated on Wed, 12 Apr 2023 09:31:42 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.9) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.8..@fluentui/react-badge_v9.1.9) + +### Patches + +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.8) Wed, 12 Apr 2023 09:31:42 GMT diff --git a/packages/react-components/react-badge/package.json b/packages/react-components/react-badge/package.json index 4dc8916ec16bb1..92e18b56e91e1c 100644 --- a/packages/react-components/react-badge/package.json +++ b/packages/react-components/react-badge/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-badge", - "version": "9.1.8", + "version": "9.1.9", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,7 +35,7 @@ "@fluentui/react-icons": "^2.0.196", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-breadcrumb/package.json b/packages/react-components/react-breadcrumb/package.json index 257749a1e48eaa..dd8724f7ec96a4 100644 --- a/packages/react-components/react-breadcrumb/package.json +++ b/packages/react-components/react-breadcrumb/package.json @@ -32,12 +32,12 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-button": "^9.3.8", + "@fluentui/react-button": "^9.3.9", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-link": "^9.0.34", + "@fluentui/react-link": "^9.0.35", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-button/CHANGELOG.json b/packages/react-components/react-button/CHANGELOG.json index 011a26ffe70d7c..838a67423da080 100644 --- a/packages/react-components/react-button/CHANGELOG.json +++ b/packages/react-components/react-button/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-button", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-button_v9.3.9", + "version": "9.3.9", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-aria to v9.3.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-button_v9.3.8", diff --git a/packages/react-components/react-button/CHANGELOG.md b/packages/react-components/react-button/CHANGELOG.md index 269c9ed47b5647..2ba92ef06715c5 100644 --- a/packages/react-components/react-button/CHANGELOG.md +++ b/packages/react-components/react-button/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-button -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.3.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.9) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.8..@fluentui/react-button_v9.3.9) + +### Patches + +- Bump @fluentui/react-aria to v9.3.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.3.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.8) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-button/package.json b/packages/react-components/react-button/package.json index b0715ed4f7e3f1..1518095f4cc514 100644 --- a/packages/react-components/react-button/package.json +++ b/packages/react-components/react-button/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-button", - "version": "9.3.8", + "version": "9.3.9", "description": "Fluent UI React Button component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,12 +34,12 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-aria": "^9.3.17", + "@fluentui/react-aria": "^9.3.18", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-card/CHANGELOG.json b/packages/react-components/react-card/CHANGELOG.json index 9698caeca0255b..fe011366d6aabd 100644 --- a/packages/react-components/react-card/CHANGELOG.json +++ b/packages/react-components/react-card/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-card", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:45 GMT", + "tag": "@fluentui/react-card_v9.0.7", + "version": "9.0.7", + "comments": { + "patch": [ + { + "author": "marcosvmmoura@gmail.com", + "package": "@fluentui/react-card", + "commit": "ea04a996fe1a9171f3cd4d0dd531fe06431edec0", + "comment": "fix: add support for Windows High Contrast Mode" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-button to v9.3.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-card_v9.0.6", diff --git a/packages/react-components/react-card/CHANGELOG.md b/packages/react-components/react-card/CHANGELOG.md index 2b958ca54e6f3b..0d3bc038223942 100644 --- a/packages/react-components/react-card/CHANGELOG.md +++ b/packages/react-components/react-card/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-card -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:45 GMT and should not be manually modified. +## [9.0.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.7) + +Mon, 17 Apr 2023 17:53:45 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.6..@fluentui/react-card_v9.0.7) + +### Patches + +- fix: add support for Windows High Contrast Mode ([PR #27556](https://github.com/microsoft/fluentui/pull/27556) by marcosvmmoura@gmail.com) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-button to v9.3.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.6) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-card/package.json b/packages/react-components/react-card/package.json index 6056b79ad3e0a9..f12d3001d262e3 100644 --- a/packages/react-components/react-card/package.json +++ b/packages/react-components/react-card/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-card", - "version": "9.0.6", + "version": "9.0.7", "private": false, "description": "Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", @@ -31,16 +31,16 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.20", "@fluentui/react-conformance": "*", - "@fluentui/react-button": "^9.3.8", + "@fluentui/react-button": "^9.3.9", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-checkbox/CHANGELOG.json b/packages/react-components/react-checkbox/CHANGELOG.json index 215161e72b5332..e042ab39d4fd0a 100644 --- a/packages/react-components/react-checkbox/CHANGELOG.json +++ b/packages/react-components/react-checkbox/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-checkbox", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:46 GMT", + "tag": "@fluentui/react-checkbox_v9.1.10", + "version": "9.1.10", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-checkbox", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated CheckboxField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-checkbox", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-label to v9.1.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-checkbox_v9.1.9", diff --git a/packages/react-components/react-checkbox/CHANGELOG.md b/packages/react-components/react-checkbox/CHANGELOG.md index 09ca4f02749ba5..a24e92d0975a9a 100644 --- a/packages/react-components/react-checkbox/CHANGELOG.md +++ b/packages/react-components/react-checkbox/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-checkbox -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:46 GMT and should not be manually modified. +## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.1.10) + +Mon, 17 Apr 2023 17:53:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.1.9..@fluentui/react-checkbox_v9.1.10) + +### Patches + +- chore: Remove deprecated CheckboxField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-label to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.1.9) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-checkbox/package.json b/packages/react-components/react-checkbox/package.json index c9742f57c9576c..d3e9d644cae685 100644 --- a/packages/react-components/react-checkbox/package.json +++ b/packages/react-components/react-checkbox/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-checkbox", - "version": "9.1.9", + "version": "9.1.10", "description": "Fluent UI checkbox component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,13 +32,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-label": "^9.1.8", + "@fluentui/react-label": "^9.1.9", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-combobox/CHANGELOG.json b/packages/react-components/react-combobox/CHANGELOG.json index 129392b06459d1..7d9cda9c1f56c6 100644 --- a/packages/react-components/react-combobox/CHANGELOG.json +++ b/packages/react-components/react-combobox/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-combobox", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:46 GMT", + "tag": "@fluentui/react-combobox_v9.2.10", + "version": "9.2.10", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated ComboboxField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-portal to v9.2.6", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-positioning to v9.5.10", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:43 GMT", "tag": "@fluentui/react-combobox_v9.2.9", diff --git a/packages/react-components/react-combobox/CHANGELOG.md b/packages/react-components/react-combobox/CHANGELOG.md index a1541a84526dbf..4881af921c99d2 100644 --- a/packages/react-components/react-combobox/CHANGELOG.md +++ b/packages/react-components/react-combobox/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-combobox -This log was last generated on Wed, 12 Apr 2023 09:31:43 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:46 GMT and should not be manually modified. +## [9.2.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.2.10) + +Mon, 17 Apr 2023 17:53:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-combobox_v9.2.9..@fluentui/react-combobox_v9.2.10) + +### Patches + +- chore: Remove deprecated ComboboxField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-portal to v9.2.6 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-positioning to v9.5.10 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.2.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.2.9) Wed, 12 Apr 2023 09:31:43 GMT diff --git a/packages/react-components/react-combobox/package.json b/packages/react-components/react-combobox/package.json index 8a14ec64be163d..c8d5be64a7800a 100644 --- a/packages/react-components/react-combobox/package.json +++ b/packages/react-components/react-combobox/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-combobox", - "version": "9.2.9", + "version": "9.2.10", "description": "Fluent UI React Combobox component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,14 +33,14 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-context-selector": "^9.1.17", - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-context-selector": "^9.1.18", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-portal": "^9.2.5", - "@fluentui/react-positioning": "^9.5.9", + "@fluentui/react-portal": "^9.2.6", + "@fluentui/react-positioning": "^9.5.10", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-components/CHANGELOG.json b/packages/react-components/react-components/CHANGELOG.json index c4f7274059eb33..03610f2ae28007 100644 --- a/packages/react-components/react-components/CHANGELOG.json +++ b/packages/react-components/react-components/CHANGELOG.json @@ -1,6 +1,277 @@ { "name": "@fluentui/react-components", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:43 GMT", + "tag": "@fluentui/react-components_v9.19.0", + "version": "9.19.0", + "comments": { + "prerelease": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-alert", + "commit": "d055f1628d71368ca21464a453e5cbf89b00d505", + "comment": "chore: adopt custom JSX pragma" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-data-grid-react-window", + "commit": "aed714a47395773c966829e284e4ba9d1926b59c", + "comment": "chore: adopt custom JSX pragma" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-datepicker-compat", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-jsx-runtime", + "commit": "97af91aa7684bbfe149ace1b21b75fb7c04128a2", + "comment": "feat: implements custom JSX pragma" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-skeleton", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-theme-sass", + "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8", + "comment": "fix: add \"style\" to exports field" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-tree", + "commit": "27665739a1f38468c63ea1544a2e82ff357d25f3", + "comment": "chore: adopt custom jsx pragma" + } + ], + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-avatar", + "commit": "b120cc8a76bea610aeeded3eade7c78c0e9ddc0b", + "comment": "fix: Correct Avatar's active-inactive transition animation curve" + }, + { + "author": "marcosvmmoura@gmail.com", + "package": "@fluentui/react-card", + "commit": "ea04a996fe1a9171f3cd4d0dd531fe06431edec0", + "comment": "fix: add support for Windows High Contrast Mode" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-checkbox", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated CheckboxField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-checkbox", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated ComboboxField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-components", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore(react-components/unstable): Remove deprecated InputField, etc. shim components" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-components", + "commit": "ae31ec4170f8e86ffa0e94166602a88ca226186d", + "comment": "chore: Remove the use of ContextSelector in RadioGroupContext" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-dialog", + "commit": "46c89e8e688152ab8d0ed44ed79572508e4fb50e", + "comment": "chore: adopts custom JSX pragma" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-field", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove utilities for deprecated shim InputField, etc. components" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-input", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-input", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated InputField_unstable shim component" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-menu", + "commit": "2dd987418fddbd484e64d7738e1bc999d4ce3021", + "comment": "chore: adopt custom JSX pragma" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-popover", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b", + "comment": "feat: adopt custom JSX pragma" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-progress", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated ProgressField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-progress", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-provider", + "commit": "0dfc7e1d250152df475a76a94db0fcf304d8ac14", + "comment": "feat: adopt custom JSX pragma" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated RadioGroupField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "ae31ec4170f8e86ffa0e94166602a88ca226186d", + "comment": "chore: Remove the use of ContextSelector in RadioGroupContext" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-select", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated SelectField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-select", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-slider", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated SliderField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-slider", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-spinbutton", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-spinbutton", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated SpinButtonField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-switch", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated SwitchField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-switch", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-table", + "commit": "82e77222889983a6ee9f893e78972ec8a0125271", + "comment": "chore: adopt custom JSX pragma" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-textarea", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated TextareaField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-textarea", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-toolbar", + "commit": "eefbbb3b40c9c75ff775b9771aeb393041032e39", + "comment": "chore: adopt custom JSX pragma" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-utilities", + "commit": "c156e7682a89d7766bed3c0b9f231dc2e0a2058b", + "comment": "fix: Fix slot render functions" + } + ], + "minor": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-components", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "feat: Release Field component as stable" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-field", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "feat: Release Field component as stable" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-utilities", + "commit": "97af91aa7684bbfe149ace1b21b75fb7c04128a2", + "comment": "feat: ensure compatibility with custom JSX pragma" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:42 GMT", "tag": "@fluentui/react-components_v9.18.9", diff --git a/packages/react-components/react-components/CHANGELOG.md b/packages/react-components/react-components/CHANGELOG.md index efae1d1d533f6f..3562b3783a9518 100644 --- a/packages/react-components/react-components/CHANGELOG.md +++ b/packages/react-components/react-components/CHANGELOG.md @@ -1,9 +1,97 @@ # Change Log - @fluentui/react-components -This log was last generated on Wed, 12 Apr 2023 09:31:42 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:43 GMT and should not be manually modified. +## [9.19.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.19.0) + +Mon, 17 Apr 2023 17:53:43 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.18.9..@fluentui/react-components_v9.19.0) + +### Minor changes + +- `@fluentui/react-components` + - feat: Release Field component as stable ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- `@fluentui/react-field` + - feat: Release Field component as stable ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- `@fluentui/react-utilities` + - feat: ensure compatibility with custom JSX pragma ([PR #27472](https://github.com/microsoft/fluentui/pull/27472) by bernardo.sunderhus@gmail.com) + +### Patches + +- `@fluentui/react-avatar` + - fix: Correct Avatar's active-inactive transition animation curve ([PR #27537](https://github.com/microsoft/fluentui/pull/27537) by behowell@microsoft.com) +- `@fluentui/react-card` + - fix: add support for Windows High Contrast Mode ([PR #27556](https://github.com/microsoft/fluentui/pull/27556) by marcosvmmoura@gmail.com) +- `@fluentui/react-checkbox` + - chore: Remove deprecated CheckboxField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- `@fluentui/react-combobox` + - chore: Remove deprecated ComboboxField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- `@fluentui/react-components` + - chore(react-components/unstable): Remove deprecated InputField, etc. shim components ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) + - chore: Remove the use of ContextSelector in RadioGroupContext ([PR #27476](https://github.com/microsoft/fluentui/pull/27476) by behowell@microsoft.com) +- `@fluentui/react-dialog` + - chore: adopts custom JSX pragma ([PR #27475](https://github.com/microsoft/fluentui/pull/27475) by bernardo.sunderhus@gmail.com) +- `@fluentui/react-field` + - chore: Remove utilities for deprecated shim InputField, etc. components ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- `@fluentui/react-input` + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) + - chore: Remove deprecated InputField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- `@fluentui/react-menu` + - chore: adopt custom JSX pragma ([PR #27544](https://github.com/microsoft/fluentui/pull/27544) by bernardo.sunderhus@gmail.com) +- `@fluentui/react-popover` + - feat: adopt custom JSX pragma ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by bernardo.sunderhus@gmail.com) +- `@fluentui/react-progress` + - chore: Remove deprecated ProgressField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- `@fluentui/react-provider` + - feat: adopt custom JSX pragma ([PR #27547](https://github.com/microsoft/fluentui/pull/27547) by bernardo.sunderhus@gmail.com) +- `@fluentui/react-radio` + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) + - chore: Remove deprecated RadioGroupField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) + - chore: Remove the use of ContextSelector in RadioGroupContext ([PR #27476](https://github.com/microsoft/fluentui/pull/27476) by behowell@microsoft.com) +- `@fluentui/react-select` + - chore: Remove deprecated SelectField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- `@fluentui/react-slider` + - chore: Remove deprecated SliderField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- `@fluentui/react-spinbutton` + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) + - chore: Remove deprecated SpinButtonField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- `@fluentui/react-switch` + - chore: Remove deprecated SwitchField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- `@fluentui/react-table` + - chore: adopt custom JSX pragma ([PR #27543](https://github.com/microsoft/fluentui/pull/27543) by bernardo.sunderhus@gmail.com) +- `@fluentui/react-textarea` + - chore: Remove deprecated TextareaField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- `@fluentui/react-toolbar` + - chore: adopt custom JSX pragma ([PR #27548](https://github.com/microsoft/fluentui/pull/27548) by bernardo.sunderhus@gmail.com) +- `@fluentui/react-utilities` + - fix: Fix slot render functions ([PR #27561](https://github.com/microsoft/fluentui/pull/27561) by behowell@microsoft.com) + +### Changes + +- `@fluentui/react-alert` + - chore: adopt custom JSX pragma ([PR #27550](https://github.com/microsoft/fluentui/pull/27550) by bernardo.sunderhus@gmail.com) +- `@fluentui/react-data-grid-react-window` + - chore: adopt custom JSX pragma ([PR #27552](https://github.com/microsoft/fluentui/pull/27552) by bernardo.sunderhus@gmail.com) +- `@fluentui/react-datepicker-compat` + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- `@fluentui/react-jsx-runtime` + - feat: implements custom JSX pragma ([PR #27472](https://github.com/microsoft/fluentui/pull/27472) by bernardo.sunderhus@gmail.com) +- `@fluentui/react-skeleton` + - chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- `@fluentui/react-theme-sass` + - fix: add "style" to exports field ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by olfedias@microsoft.com) +- `@fluentui/react-tree` + - chore: adopt custom jsx pragma ([PR #27542](https://github.com/microsoft/fluentui/pull/27542) by bernardo.sunderhus@gmail.com) + ## [9.18.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.18.9) Wed, 12 Apr 2023 09:31:42 GMT diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index f0b54904bd97db..d2464a17618903 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-components", - "version": "9.18.9", + "version": "9.19.0", "description": "Suite package for converged React components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,49 +31,49 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-accordion": "^9.1.8", - "@fluentui/react-alert": "9.0.0-beta.43", - "@fluentui/react-avatar": "^9.4.8", - "@fluentui/react-badge": "^9.1.8", - "@fluentui/react-button": "^9.3.8", - "@fluentui/react-card": "^9.0.6", - "@fluentui/react-checkbox": "^9.1.9", - "@fluentui/react-combobox": "^9.2.9", - "@fluentui/react-dialog": "^9.5.1", - "@fluentui/react-divider": "^9.2.8", - "@fluentui/react-field": "^9.0.0", - "@fluentui/react-image": "^9.1.5", - "@fluentui/react-infobutton": "9.0.0-beta.26", - "@fluentui/react-input": "^9.4.9", - "@fluentui/react-label": "^9.1.8", - "@fluentui/react-link": "^9.0.34", - "@fluentui/react-menu": "^9.7.8", - "@fluentui/react-overflow": "^9.0.14", - "@fluentui/react-persona": "^9.2.7", - "@fluentui/react-portal": "^9.2.5", - "@fluentui/react-popover": "^9.5.8", - "@fluentui/react-positioning": "^9.5.9", - "@fluentui/react-progress": "^9.1.9", - "@fluentui/react-provider": "^9.5.2", - "@fluentui/react-radio": "^9.1.9", - "@fluentui/react-select": "^9.1.9", + "@fluentui/react-accordion": "^9.1.9", + "@fluentui/react-alert": "9.0.0-beta.44", + "@fluentui/react-avatar": "^9.4.9", + "@fluentui/react-badge": "^9.1.9", + "@fluentui/react-button": "^9.3.9", + "@fluentui/react-card": "^9.0.7", + "@fluentui/react-checkbox": "^9.1.10", + "@fluentui/react-combobox": "^9.2.10", + "@fluentui/react-dialog": "^9.5.2", + "@fluentui/react-divider": "^9.2.9", + "@fluentui/react-field": "^9.1.0", + "@fluentui/react-image": "^9.1.6", + "@fluentui/react-infobutton": "9.0.0-beta.27", + "@fluentui/react-input": "^9.4.10", + "@fluentui/react-label": "^9.1.9", + "@fluentui/react-link": "^9.0.35", + "@fluentui/react-menu": "^9.7.9", + "@fluentui/react-overflow": "^9.0.15", + "@fluentui/react-persona": "^9.2.8", + "@fluentui/react-portal": "^9.2.6", + "@fluentui/react-popover": "^9.5.9", + "@fluentui/react-positioning": "^9.5.10", + "@fluentui/react-progress": "^9.1.10", + "@fluentui/react-provider": "^9.5.3", + "@fluentui/react-radio": "^9.1.10", + "@fluentui/react-select": "^9.1.10", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-skeleton": "9.0.0-beta.8", - "@fluentui/react-slider": "^9.1.9", - "@fluentui/react-spinbutton": "^9.2.9", - "@fluentui/react-spinner": "^9.1.8", - "@fluentui/react-switch": "^9.1.9", - "@fluentui/react-table": "^9.2.5", - "@fluentui/react-tabs": "^9.3.9", - "@fluentui/react-tabster": "^9.6.4", - "@fluentui/react-textarea": "^9.3.9", + "@fluentui/react-skeleton": "9.0.0-beta.9", + "@fluentui/react-slider": "^9.1.10", + "@fluentui/react-spinbutton": "^9.2.10", + "@fluentui/react-spinner": "^9.1.9", + "@fluentui/react-switch": "^9.1.10", + "@fluentui/react-table": "^9.2.6", + "@fluentui/react-tabs": "^9.3.10", + "@fluentui/react-tabster": "^9.6.5", + "@fluentui/react-textarea": "^9.3.10", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-toolbar": "^9.1.9", - "@fluentui/react-tooltip": "^9.2.8", - "@fluentui/react-utilities": "^9.7.4", - "@fluentui/react-text": "^9.3.5", - "@fluentui/react-virtualizer": "9.0.0-alpha.16", - "@fluentui/react-tree": "9.0.0-beta.10", + "@fluentui/react-toolbar": "^9.1.10", + "@fluentui/react-tooltip": "^9.2.9", + "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-text": "^9.3.6", + "@fluentui/react-virtualizer": "9.0.0-alpha.17", + "@fluentui/react-tree": "9.0.0-beta.11", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-context-selector/CHANGELOG.json b/packages/react-components/react-context-selector/CHANGELOG.json index 541fe08a7ecb90..e67bdea89d58dd 100644 --- a/packages/react-components/react-context-selector/CHANGELOG.json +++ b/packages/react-components/react-context-selector/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-context-selector", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-context-selector_v9.1.18", + "version": "9.1.18", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-context-selector", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-context-selector_v9.1.17", diff --git a/packages/react-components/react-context-selector/CHANGELOG.md b/packages/react-components/react-context-selector/CHANGELOG.md index 8e1b29444155f1..d15a469220df3b 100644 --- a/packages/react-components/react-context-selector/CHANGELOG.md +++ b/packages/react-components/react-context-selector/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-context-selector -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.1.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.18) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.17..@fluentui/react-context-selector_v9.1.18) + +### Patches + +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.17) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-context-selector/package.json b/packages/react-components/react-context-selector/package.json index 1561088ada8de5..84b29e8104af48 100644 --- a/packages/react-components/react-context-selector/package.json +++ b/packages/react-components/react-context-selector/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-context-selector", - "version": "9.1.17", + "version": "9.1.18", "description": "React useContextSelector hook in userland", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-data-grid-react-window/CHANGELOG.json b/packages/react-components/react-data-grid-react-window/CHANGELOG.json index dddd593ae0f9fe..3a06f4e8d75caa 100644 --- a/packages/react-components/react-data-grid-react-window/CHANGELOG.json +++ b/packages/react-components/react-data-grid-react-window/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-data-grid-react-window", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:49 GMT", + "tag": "@fluentui/react-data-grid-react-window_v9.0.0-beta.22", + "version": "9.0.0-beta.22", + "comments": { + "prerelease": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-data-grid-react-window", + "commit": "aed714a47395773c966829e284e4ba9d1926b59c", + "comment": "chore: adopt custom JSX pragma" + }, + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-table to v9.2.6", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-components to v9.19.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-data-grid-react-window_v9.0.0-beta.21", diff --git a/packages/react-components/react-data-grid-react-window/CHANGELOG.md b/packages/react-components/react-data-grid-react-window/CHANGELOG.md index 7c4bbc660f1a92..2c8b08a48a34e2 100644 --- a/packages/react-components/react-data-grid-react-window/CHANGELOG.md +++ b/packages/react-components/react-data-grid-react-window/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-data-grid-react-window -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:49 GMT and should not be manually modified. +## [9.0.0-beta.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-data-grid-react-window_v9.0.0-beta.22) + +Mon, 17 Apr 2023 17:53:49 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-data-grid-react-window_v9.0.0-beta.21..@fluentui/react-data-grid-react-window_v9.0.0-beta.22) + +### Changes + +- chore: adopt custom JSX pragma ([PR #27552](https://github.com/microsoft/fluentui/pull/27552) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-table to v9.2.6 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-components to v9.19.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.0-beta.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-data-grid-react-window_v9.0.0-beta.21) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-data-grid-react-window/package.json b/packages/react-components/react-data-grid-react-window/package.json index a6d34525aa1d8a..6dcf9fbe3dd768 100644 --- a/packages/react-components/react-data-grid-react-window/package.json +++ b/packages/react-components/react-data-grid-react-window/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-data-grid-react-window", - "version": "9.0.0-beta.21", + "version": "9.0.0-beta.22", "description": "Virtualized DataGrid components and utilities powered by react-window", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,14 +29,14 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-table": "^9.2.5", - "@fluentui/react-utilities": "^9.7.4", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", + "@fluentui/react-table": "^9.2.6", + "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", "@swc/helpers": "^0.4.14", "react-window": "^1.8.6" }, "peerDependencies": { - "@fluentui/react-components": "^9.18.9", + "@fluentui/react-components": "^9.19.0", "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0", diff --git a/packages/react-components/react-datepicker-compat/CHANGELOG.json b/packages/react-components/react-datepicker-compat/CHANGELOG.json index 122c2b39e340c5..5be266e0a9670e 100644 --- a/packages/react-components/react-datepicker-compat/CHANGELOG.json +++ b/packages/react-components/react-datepicker-compat/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-datepicker-compat", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:49 GMT", + "tag": "@fluentui/react-datepicker-compat_v0.0.0-beta.2", + "version": "0.0.0-beta.2", + "comments": { + "prerelease": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-datepicker-compat", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-popover to v9.5.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-positioning to v9.5.10", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-datepicker-compat", + "comment": "Bump @fluentui/react-input to v9.4.10", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:43 GMT", "tag": "@fluentui/react-datepicker-compat_v0.0.0-beta.1", diff --git a/packages/react-components/react-datepicker-compat/CHANGELOG.md b/packages/react-components/react-datepicker-compat/CHANGELOG.md index 5f5beb2f07bd44..66da511701c938 100644 --- a/packages/react-components/react-datepicker-compat/CHANGELOG.md +++ b/packages/react-components/react-datepicker-compat/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-datepicker-compat -This log was last generated on Wed, 12 Apr 2023 09:31:43 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:49 GMT and should not be manually modified. +## [0.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.0.0-beta.2) + +Mon, 17 Apr 2023 17:53:49 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.0.0-beta.1..@fluentui/react-datepicker-compat_v0.0.0-beta.2) + +### Changes + +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-popover to v9.5.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-positioning to v9.5.10 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-input to v9.4.10 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [0.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.0.0-beta.1) Wed, 12 Apr 2023 09:31:43 GMT diff --git a/packages/react-components/react-datepicker-compat/package.json b/packages/react-components/react-datepicker-compat/package.json index f773423356e2a2..8b5c5c2132295f 100644 --- a/packages/react-components/react-datepicker-compat/package.json +++ b/packages/react-components/react-datepicker-compat/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-datepicker-compat", - "version": "0.0.0-beta.1", + "version": "0.0.0-beta.2", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,15 +35,15 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", - "@fluentui/react-popover": "^9.5.8", - "@fluentui/react-positioning": "^9.5.9", - "@fluentui/react-input": "^9.4.9", + "@fluentui/react-tabster": "^9.6.5", + "@fluentui/react-popover": "^9.5.9", + "@fluentui/react-positioning": "^9.5.10", + "@fluentui/react-input": "^9.4.10", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-dialog/CHANGELOG.json b/packages/react-components/react-dialog/CHANGELOG.json index 9a30ecb34b3936..a0e05e5ebe47f3 100644 --- a/packages/react-components/react-dialog/CHANGELOG.json +++ b/packages/react-components/react-dialog/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-dialog", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:49 GMT", + "tag": "@fluentui/react-dialog_v9.5.2", + "version": "9.5.2", + "comments": { + "patch": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-dialog", + "commit": "46c89e8e688152ab8d0ed44ed79572508e4fb50e", + "comment": "chore: adopts custom JSX pragma" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-aria to v9.3.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-portal to v9.2.6", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:43 GMT", "tag": "@fluentui/react-dialog_v9.5.1", diff --git a/packages/react-components/react-dialog/CHANGELOG.md b/packages/react-components/react-dialog/CHANGELOG.md index 9891cda7b07a3f..b6d001cab4121d 100644 --- a/packages/react-components/react-dialog/CHANGELOG.md +++ b/packages/react-components/react-dialog/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-dialog -This log was last generated on Wed, 12 Apr 2023 09:31:43 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:49 GMT and should not be manually modified. +## [9.5.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.5.2) + +Mon, 17 Apr 2023 17:53:49 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.5.1..@fluentui/react-dialog_v9.5.2) + +### Patches + +- chore: adopts custom JSX pragma ([PR #27475](https://github.com/microsoft/fluentui/pull/27475) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-aria to v9.3.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-portal to v9.2.6 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.5.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.5.1) Wed, 12 Apr 2023 09:31:43 GMT diff --git a/packages/react-components/react-dialog/package.json b/packages/react-components/react-dialog/package.json index 9403de25d8c6b8..a6eece502f1dc9 100644 --- a/packages/react-components/react-dialog/package.json +++ b/packages/react-components/react-dialog/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-dialog", - "version": "9.5.1", + "version": "9.5.2", "description": "Dialog component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -36,16 +36,16 @@ }, "dependencies": { "@griffel/react": "^1.5.2", - "@fluentui/react-utilities": "^9.7.4", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", + "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-context-selector": "^9.1.17", + "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-aria": "^9.3.17", + "@fluentui/react-aria": "^9.3.18", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-portal": "^9.2.5", + "@fluentui/react-portal": "^9.2.6", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-divider/CHANGELOG.json b/packages/react-components/react-divider/CHANGELOG.json index 2f88ce89fed989..b54399e9a5e458 100644 --- a/packages/react-components/react-divider/CHANGELOG.json +++ b/packages/react-components/react-divider/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-divider", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-divider_v9.2.9", + "version": "9.2.9", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-divider", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-divider_v9.2.8", diff --git a/packages/react-components/react-divider/CHANGELOG.md b/packages/react-components/react-divider/CHANGELOG.md index 199932b51b46d8..52317233823c2e 100644 --- a/packages/react-components/react-divider/CHANGELOG.md +++ b/packages/react-components/react-divider/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-divider -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.2.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.9) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.8..@fluentui/react-divider_v9.2.9) + +### Patches + +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.2.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.8) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-divider/package.json b/packages/react-components/react-divider/package.json index f17561b2372463..92a02f2198fda8 100644 --- a/packages/react-components/react-divider/package.json +++ b/packages/react-components/react-divider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-divider", - "version": "9.2.8", + "version": "9.2.9", "description": "Fluent UI component to visually separate content.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,7 +35,7 @@ "@griffel/react": "^1.5.2", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-drawer/package.json b/packages/react-components/react-drawer/package.json index d41f33f0ecb77b..bd648eec364697 100644 --- a/packages/react-components/react-drawer/package.json +++ b/packages/react-components/react-drawer/package.json @@ -35,9 +35,9 @@ "@fluentui/scripts-cypress": "*" }, "dependencies": { - "@fluentui/react-dialog": "^9.5.1", + "@fluentui/react-dialog": "^9.5.2", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-field/CHANGELOG.json b/packages/react-components/react-field/CHANGELOG.json index 96570558256f9a..221c00145ff2f4 100644 --- a/packages/react-components/react-field/CHANGELOG.json +++ b/packages/react-components/react-field/CHANGELOG.json @@ -1,6 +1,47 @@ { "name": "@fluentui/react-field", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:50 GMT", + "tag": "@fluentui/react-field_v9.1.0", + "version": "9.1.0", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-field", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove utilities for deprecated shim InputField, etc. components" + } + ], + "minor": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-field", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "feat: Release Field component as stable" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-label to v9.1.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:44 GMT", "tag": "@fluentui/react-field_v9.0.0-beta.2", diff --git a/packages/react-components/react-field/CHANGELOG.md b/packages/react-components/react-field/CHANGELOG.md index 671ca6e13bc099..2ff3814b348040 100644 --- a/packages/react-components/react-field/CHANGELOG.md +++ b/packages/react-components/react-field/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-field -This log was last generated on Wed, 12 Apr 2023 09:31:44 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:50 GMT and should not be manually modified. +## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.1.0) + +Mon, 17 Apr 2023 17:53:50 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.0.0-beta.2..@fluentui/react-field_v9.1.0) + +### Minor changes + +- feat: Release Field component as stable ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-label to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + +### Patches + +- chore: Remove utilities for deprecated shim InputField, etc. components ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) + ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.0.0-beta.2) Wed, 12 Apr 2023 09:31:44 GMT diff --git a/packages/react-components/react-field/package.json b/packages/react-components/react-field/package.json index 8e1fe59a31b1ab..6ad18b0621b0da 100644 --- a/packages/react-components/react-field/package.json +++ b/packages/react-components/react-field/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-field", - "version": "9.0.0", + "version": "9.1.0", "description": "Fluent UI Field components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,11 +32,11 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.17", + "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-label": "^9.1.8", + "@fluentui/react-label": "^9.1.9", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-image/CHANGELOG.json b/packages/react-components/react-image/CHANGELOG.json index cb9bab5cdc8a08..884fca874b115f 100644 --- a/packages/react-components/react-image/CHANGELOG.json +++ b/packages/react-components/react-image/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-image", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-image_v9.1.6", + "version": "9.1.6", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-image_v9.1.5", diff --git a/packages/react-components/react-image/CHANGELOG.md b/packages/react-components/react-image/CHANGELOG.md index 863c25ad4484b6..3ad617083d5814 100644 --- a/packages/react-components/react-image/CHANGELOG.md +++ b/packages/react-components/react-image/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-image -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.6) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.5..@fluentui/react-image_v9.1.6) + +### Patches + +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.5) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-image/package.json b/packages/react-components/react-image/package.json index a64a3460778eb6..fac5b8ce2512d0 100644 --- a/packages/react-components/react-image/package.json +++ b/packages/react-components/react-image/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-image", - "version": "9.1.5", + "version": "9.1.6", "description": "Fluent UI React Image component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,7 +34,7 @@ "dependencies": { "@griffel/react": "^1.5.2", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@fluentui/react-theme": "^9.1.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-infobutton/CHANGELOG.json b/packages/react-components/react-infobutton/CHANGELOG.json index 64c6408f5e3cf9..c885e9854755a9 100644 --- a/packages/react-components/react-infobutton/CHANGELOG.json +++ b/packages/react-components/react-infobutton/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-infobutton", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-infobutton_v9.0.0-beta.27", + "version": "9.0.0-beta.27", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-label to v9.1.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-popover to v9.5.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-infobutton_v9.0.0-beta.26", diff --git a/packages/react-components/react-infobutton/CHANGELOG.md b/packages/react-components/react-infobutton/CHANGELOG.md index b526e265a73bbf..368125d3d7d320 100644 --- a/packages/react-components/react-infobutton/CHANGELOG.md +++ b/packages/react-components/react-infobutton/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-infobutton -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.0.0-beta.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.27) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.26..@fluentui/react-infobutton_v9.0.0-beta.27) + +### Changes + +- Bump @fluentui/react-label to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-popover to v9.5.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.0-beta.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.26) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-infobutton/package.json b/packages/react-components/react-infobutton/package.json index 81c9d42256a430..d9afdba9d19768 100644 --- a/packages/react-components/react-infobutton/package.json +++ b/packages/react-components/react-infobutton/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-infobutton", - "version": "9.0.0-beta.26", + "version": "9.0.0-beta.27", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,11 +33,11 @@ }, "dependencies": { "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-label": "^9.1.8", - "@fluentui/react-popover": "^9.5.8", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-label": "^9.1.9", + "@fluentui/react-popover": "^9.5.9", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-input/CHANGELOG.json b/packages/react-components/react-input/CHANGELOG.json index f14cc78254dccd..d649a003e25137 100644 --- a/packages/react-components/react-input/CHANGELOG.json +++ b/packages/react-components/react-input/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-input", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:51 GMT", + "tag": "@fluentui/react-input_v9.4.10", + "version": "9.4.10", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-input", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-input", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated InputField_unstable shim component" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-text to v9.3.6", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-input_v9.4.9", diff --git a/packages/react-components/react-input/CHANGELOG.md b/packages/react-components/react-input/CHANGELOG.md index 8e8243e2c464db..f3420ffc493099 100644 --- a/packages/react-components/react-input/CHANGELOG.md +++ b/packages/react-components/react-input/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-input -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:51 GMT and should not be manually modified. +## [9.4.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.10) + +Mon, 17 Apr 2023 17:53:51 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.4.9..@fluentui/react-input_v9.4.10) + +### Patches + +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- chore: Remove deprecated InputField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-text to v9.3.6 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.4.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.9) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-input/package.json b/packages/react-components/react-input/package.json index 65108e8b022e51..b4e93ac29dd770 100644 --- a/packages/react-components/react-input/package.json +++ b/packages/react-components/react-input/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-input", - "version": "9.4.9", + "version": "9.4.10", "description": "Fluent UI React Input component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,15 +28,15 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.20", - "@fluentui/react-text": "^9.3.5", + "@fluentui/react-text": "^9.3.6", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-jsx-runtime/CHANGELOG.json b/packages/react-components/react-jsx-runtime/CHANGELOG.json new file mode 100644 index 00000000000000..7b3d129ad6da47 --- /dev/null +++ b/packages/react-components/react-jsx-runtime/CHANGELOG.json @@ -0,0 +1,26 @@ +{ + "name": "@fluentui/react-jsx-runtime", + "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:51 GMT", + "tag": "@fluentui/react-jsx-runtime_v9.0.0-alpha.1", + "version": "9.0.0-alpha.1", + "comments": { + "prerelease": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-jsx-runtime", + "commit": "97af91aa7684bbfe149ace1b21b75fb7c04128a2", + "comment": "feat: implements custom JSX pragma" + }, + { + "author": "beachball", + "package": "@fluentui/react-jsx-runtime", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + } + ] +} diff --git a/packages/react-components/react-jsx-runtime/CHANGELOG.md b/packages/react-components/react-jsx-runtime/CHANGELOG.md new file mode 100644 index 00000000000000..64e575f50f208d --- /dev/null +++ b/packages/react-components/react-jsx-runtime/CHANGELOG.md @@ -0,0 +1,14 @@ +# Change Log - @fluentui/react-jsx-runtime + +This log was last generated on Mon, 17 Apr 2023 17:53:51 GMT and should not be manually modified. + + + +## [9.0.0-alpha.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-jsx-runtime_v9.0.0-alpha.1) + +Mon, 17 Apr 2023 17:53:51 GMT + +### Changes + +- feat: implements custom JSX pragma ([PR #27472](https://github.com/microsoft/fluentui/pull/27472) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) diff --git a/packages/react-components/react-jsx-runtime/package.json b/packages/react-components/react-jsx-runtime/package.json index d43692a59d23fb..0da42689a61aef 100644 --- a/packages/react-components/react-jsx-runtime/package.json +++ b/packages/react-components/react-jsx-runtime/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-jsx-runtime", - "version": "9.0.0-alpha.0", + "version": "9.0.0-alpha.1", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,7 +29,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-label/CHANGELOG.json b/packages/react-components/react-label/CHANGELOG.json index bdb631668cb1b0..2abde8cf8124cd 100644 --- a/packages/react-components/react-label/CHANGELOG.json +++ b/packages/react-components/react-label/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-label", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-label_v9.1.9", + "version": "9.1.9", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-label", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-label_v9.1.8", diff --git a/packages/react-components/react-label/CHANGELOG.md b/packages/react-components/react-label/CHANGELOG.md index e3c202471f5b63..69cd10061778dc 100644 --- a/packages/react-components/react-label/CHANGELOG.md +++ b/packages/react-components/react-label/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-label -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.9) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.8..@fluentui/react-label_v9.1.9) + +### Patches + +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.8) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-label/package.json b/packages/react-components/react-label/package.json index 29257f66faf567..02ddacbe02f2e8 100644 --- a/packages/react-components/react-label/package.json +++ b/packages/react-components/react-label/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-label", - "version": "9.1.8", + "version": "9.1.9", "description": "Fluent UI React Label component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,7 +34,7 @@ "dependencies": { "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-link/CHANGELOG.json b/packages/react-components/react-link/CHANGELOG.json index d5a60b854fcee1..f6c07269c275a9 100644 --- a/packages/react-components/react-link/CHANGELOG.json +++ b/packages/react-components/react-link/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-link", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-link_v9.0.35", + "version": "9.0.35", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-link_v9.0.34", diff --git a/packages/react-components/react-link/CHANGELOG.md b/packages/react-components/react-link/CHANGELOG.md index 223f9281795c84..efddaa879d004f 100644 --- a/packages/react-components/react-link/CHANGELOG.md +++ b/packages/react-components/react-link/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-link -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.0.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.35) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.34..@fluentui/react-link_v9.0.35) + +### Patches + +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.34) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-link/package.json b/packages/react-components/react-link/package.json index a140b17c028ec8..529b89b9d1936f 100644 --- a/packages/react-components/react-link/package.json +++ b/packages/react-components/react-link/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-link", - "version": "9.0.34", + "version": "9.0.35", "description": "Fluent UI React Link component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,9 +34,9 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-menu/CHANGELOG.json b/packages/react-components/react-menu/CHANGELOG.json index a79856e1b91029..66e5bc2510e79e 100644 --- a/packages/react-components/react-menu/CHANGELOG.json +++ b/packages/react-components/react-menu/CHANGELOG.json @@ -1,6 +1,63 @@ { "name": "@fluentui/react-menu", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:52 GMT", + "tag": "@fluentui/react-menu_v9.7.9", + "version": "9.7.9", + "comments": { + "patch": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-menu", + "commit": "2dd987418fddbd484e64d7738e1bc999d4ce3021", + "comment": "chore: adopt custom JSX pragma" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-aria to v9.3.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-portal to v9.2.6", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-positioning to v9.5.10", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-menu_v9.7.8", diff --git a/packages/react-components/react-menu/CHANGELOG.md b/packages/react-components/react-menu/CHANGELOG.md index dc598fb8c2a403..0f52a27042efe2 100644 --- a/packages/react-components/react-menu/CHANGELOG.md +++ b/packages/react-components/react-menu/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-menu -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:52 GMT and should not be manually modified. +## [9.7.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.7.9) + +Mon, 17 Apr 2023 17:53:52 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.7.8..@fluentui/react-menu_v9.7.9) + +### Patches + +- chore: adopt custom JSX pragma ([PR #27544](https://github.com/microsoft/fluentui/pull/27544) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-aria to v9.3.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-portal to v9.2.6 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-positioning to v9.5.10 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.7.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.7.8) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-menu/package.json b/packages/react-components/react-menu/package.json index c805817b1ea03f..a173e33cda090d 100644 --- a/packages/react-components/react-menu/package.json +++ b/packages/react-components/react-menu/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-menu", - "version": "9.7.8", + "version": "9.7.9", "description": "Fluent UI menu component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -36,16 +36,16 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-aria": "^9.3.17", - "@fluentui/react-context-selector": "^9.1.17", + "@fluentui/react-aria": "^9.3.18", + "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-portal": "^9.2.5", - "@fluentui/react-positioning": "^9.5.9", + "@fluentui/react-portal": "^9.2.6", + "@fluentui/react-positioning": "^9.5.10", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", + "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-migration-v0-v9/package.json b/packages/react-components/react-migration-v0-v9/package.json index e18fb240a15c96..84753e1f72ff6f 100644 --- a/packages/react-components/react-migration-v0-v9/package.json +++ b/packages/react-components/react-migration-v0-v9/package.json @@ -35,9 +35,9 @@ "dependencies": { "@fluentui/react-icons": "^2.0.196", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", - "@fluentui/react-components": "^9.18.9", + "@fluentui/react-components": "^9.19.0", "@fluentui/react-northstar": "^0.66.4", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-migration-v8-v9/CHANGELOG.json b/packages/react-components/react-migration-v8-v9/CHANGELOG.json index 1cf25070074467..8771b5201c4faa 100644 --- a/packages/react-components/react-migration-v8-v9/CHANGELOG.json +++ b/packages/react-components/react-migration-v8-v9/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-migration-v8-v9", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-migration-v8-v9_v9.2.9", + "version": "9.2.9", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-migration-v8-v9", + "comment": "Bump @fluentui/react-components to v9.19.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-migration-v8-v9", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-migration-v8-v9_v9.2.8", diff --git a/packages/react-components/react-migration-v8-v9/CHANGELOG.md b/packages/react-components/react-migration-v8-v9/CHANGELOG.md index 82a34515296344..33bd575cf1e03e 100644 --- a/packages/react-components/react-migration-v8-v9/CHANGELOG.md +++ b/packages/react-components/react-migration-v8-v9/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-migration-v8-v9 -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.2.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.9) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.8..@fluentui/react-migration-v8-v9_v9.2.9) + +### Patches + +- Bump @fluentui/react-components to v9.19.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.2.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.8) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-migration-v8-v9/package.json b/packages/react-components/react-migration-v8-v9/package.json index e6b2d5b2ff20e8..847741e4776d60 100644 --- a/packages/react-components/react-migration-v8-v9/package.json +++ b/packages/react-components/react-migration-v8-v9/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-migration-v8-v9", - "version": "9.2.8", + "version": "9.2.9", "description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,10 +34,10 @@ "@ctrl/tinycolor": "3.3.4", "@fluentui/fluent2-theme": "^8.107.0", "@fluentui/react": "^8.107.6", - "@fluentui/react-components": "^9.18.9", + "@fluentui/react-components": "^9.19.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-overflow/CHANGELOG.json b/packages/react-components/react-overflow/CHANGELOG.json index b412eb1f5e8b60..b57b0fbb171df6 100644 --- a/packages/react-components/react-overflow/CHANGELOG.json +++ b/packages/react-components/react-overflow/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-overflow", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-overflow_v9.0.15", + "version": "9.0.15", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-overflow_v9.0.14", diff --git a/packages/react-components/react-overflow/CHANGELOG.md b/packages/react-components/react-overflow/CHANGELOG.md index 596dd17f752149..786a3d583c61f6 100644 --- a/packages/react-components/react-overflow/CHANGELOG.md +++ b/packages/react-components/react-overflow/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-overflow -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.15) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.14..@fluentui/react-overflow_v9.0.15) + +### Patches + +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.14) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-overflow/package.json b/packages/react-components/react-overflow/package.json index 9973738548be32..2b27c032653f4d 100644 --- a/packages/react-components/react-overflow/package.json +++ b/packages/react-components/react-overflow/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-overflow", - "version": "9.0.14", + "version": "9.0.15", "description": "React bindings for @fluentui/priority-overflow", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,9 +34,9 @@ }, "dependencies": { "@fluentui/priority-overflow": "^9.0.2", - "@fluentui/react-context-selector": "^9.1.17", + "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-persona/CHANGELOG.json b/packages/react-components/react-persona/CHANGELOG.json index 0de542731a575e..d1eb4f144bb88a 100644 --- a/packages/react-components/react-persona/CHANGELOG.json +++ b/packages/react-components/react-persona/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-persona", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-persona_v9.2.8", + "version": "9.2.8", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-avatar to v9.4.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-badge to v9.1.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-persona_v9.2.7", diff --git a/packages/react-components/react-persona/CHANGELOG.md b/packages/react-components/react-persona/CHANGELOG.md index cb8f36e8fa2768..717cec6e6a8af6 100644 --- a/packages/react-components/react-persona/CHANGELOG.md +++ b/packages/react-components/react-persona/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-persona -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.2.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.8) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.7..@fluentui/react-persona_v9.2.8) + +### Patches + +- Bump @fluentui/react-avatar to v9.4.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-badge to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.2.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.7) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-persona/package.json b/packages/react-components/react-persona/package.json index c98384b2c15533..857ac2a5582897 100644 --- a/packages/react-components/react-persona/package.json +++ b/packages/react-components/react-persona/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-persona", - "version": "9.2.7", + "version": "9.2.8", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,11 +32,11 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-avatar": "^9.4.8", - "@fluentui/react-badge": "^9.1.8", + "@fluentui/react-avatar": "^9.4.9", + "@fluentui/react-badge": "^9.1.9", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-popover/CHANGELOG.json b/packages/react-components/react-popover/CHANGELOG.json index 826f680d5f75b9..1d0f7a1f0aa3a5 100644 --- a/packages/react-components/react-popover/CHANGELOG.json +++ b/packages/react-components/react-popover/CHANGELOG.json @@ -1,6 +1,63 @@ { "name": "@fluentui/react-popover", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:52 GMT", + "tag": "@fluentui/react-popover_v9.5.9", + "version": "9.5.9", + "comments": { + "patch": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-popover", + "commit": "b415aefbc882a0e84a076df45c04f1efda26c34b", + "comment": "feat: adopt custom JSX pragma" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-aria to v9.3.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-portal to v9.2.6", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-positioning to v9.5.10", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-popover_v9.5.8", diff --git a/packages/react-components/react-popover/CHANGELOG.md b/packages/react-components/react-popover/CHANGELOG.md index 2cacb3b8e8bd85..4c98a0a4d96037 100644 --- a/packages/react-components/react-popover/CHANGELOG.md +++ b/packages/react-components/react-popover/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-popover -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:52 GMT and should not be manually modified. +## [9.5.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.5.9) + +Mon, 17 Apr 2023 17:53:52 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.5.8..@fluentui/react-popover_v9.5.9) + +### Patches + +- feat: adopt custom JSX pragma ([PR #27546](https://github.com/microsoft/fluentui/pull/27546) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-aria to v9.3.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-portal to v9.2.6 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-positioning to v9.5.10 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.5.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.5.8) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-popover/package.json b/packages/react-components/react-popover/package.json index 19a9bc226e18c3..1c8d53ac9927fc 100644 --- a/packages/react-components/react-popover/package.json +++ b/packages/react-components/react-popover/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-popover", - "version": "9.5.8", + "version": "9.5.9", "description": "Popover component for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -36,15 +36,15 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-aria": "^9.3.17", - "@fluentui/react-context-selector": "^9.1.17", - "@fluentui/react-portal": "^9.2.5", - "@fluentui/react-positioning": "^9.5.9", + "@fluentui/react-aria": "^9.3.18", + "@fluentui/react-context-selector": "^9.1.18", + "@fluentui/react-portal": "^9.2.6", + "@fluentui/react-positioning": "^9.5.10", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", + "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json index 48c479ee924971..3f0025ebea5337 100644 --- a/packages/react-components/react-portal-compat/CHANGELOG.json +++ b/packages/react-components/react-portal-compat/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-portal-compat", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-portal-compat_v9.0.53", + "version": "9.0.53", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-components to v9.19.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-portal-compat_v9.0.52", diff --git a/packages/react-components/react-portal-compat/CHANGELOG.md b/packages/react-components/react-portal-compat/CHANGELOG.md index 8a6e19e1f03daf..92f6d08f2968c9 100644 --- a/packages/react-components/react-portal-compat/CHANGELOG.md +++ b/packages/react-components/react-portal-compat/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-portal-compat -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.0.53](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.53) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.52..@fluentui/react-portal-compat_v9.0.53) + +### Patches + +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-components to v9.19.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.52](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.52) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-portal-compat/package.json b/packages/react-components/react-portal-compat/package.json index 84addae62dbed3..015533f57bfba2 100644 --- a/packages/react-components/react-portal-compat/package.json +++ b/packages/react-components/react-portal-compat/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-portal-compat", - "version": "9.0.52", + "version": "9.0.53", "description": "A package that contains compatibility layer for React Portals", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,7 +26,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react-components": "^9.18.9", + "@fluentui/react-components": "^9.19.0", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", @@ -34,11 +34,11 @@ }, "dependencies": { "@fluentui/react-portal-compat-context": "^9.0.5", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@swc/helpers": "^0.4.14" }, "peerDependencies": { - "@fluentui/react-components": "^9.18.9", + "@fluentui/react-components": "^9.19.0", "@types/react": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0" }, diff --git a/packages/react-components/react-portal/CHANGELOG.json b/packages/react-components/react-portal/CHANGELOG.json index b170712016e539..cdb9e8aa506e2c 100644 --- a/packages/react-components/react-portal/CHANGELOG.json +++ b/packages/react-components/react-portal/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-portal", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-portal_v9.2.6", + "version": "9.2.6", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-portal_v9.2.5", diff --git a/packages/react-components/react-portal/CHANGELOG.md b/packages/react-components/react-portal/CHANGELOG.md index 7fb8fa0b3f8193..1bc5f9eba24d10 100644 --- a/packages/react-components/react-portal/CHANGELOG.md +++ b/packages/react-components/react-portal/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-portal -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.2.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.2.6) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.2.5..@fluentui/react-portal_v9.2.6) + +### Patches + +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.2.5) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-portal/package.json b/packages/react-components/react-portal/package.json index 41ab0fd926adc7..587627457311da 100644 --- a/packages/react-components/react-portal/package.json +++ b/packages/react-components/react-portal/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-portal", - "version": "9.2.5", + "version": "9.2.6", "description": "A utility component that creates portals compatible with Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,8 +32,8 @@ }, "dependencies": { "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-tabster": "^9.6.5", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14", "use-disposable": "^1.0.1" diff --git a/packages/react-components/react-positioning/CHANGELOG.json b/packages/react-components/react-positioning/CHANGELOG.json index 3988edc86916ca..73146f4b8018dd 100644 --- a/packages/react-components/react-positioning/CHANGELOG.json +++ b/packages/react-components/react-positioning/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-positioning", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-positioning_v9.5.10", + "version": "9.5.10", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-positioning", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-positioning_v9.5.9", diff --git a/packages/react-components/react-positioning/CHANGELOG.md b/packages/react-components/react-positioning/CHANGELOG.md index dd1ecf2938e3bb..785990e4a15672 100644 --- a/packages/react-components/react-positioning/CHANGELOG.md +++ b/packages/react-components/react-positioning/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-positioning -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.5.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.5.10) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.5.9..@fluentui/react-positioning_v9.5.10) + +### Patches + +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.5.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.5.9) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-positioning/package.json b/packages/react-components/react-positioning/package.json index b069dc486f4dac..84b2ffa382945c 100644 --- a/packages/react-components/react-positioning/package.json +++ b/packages/react-components/react-positioning/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-positioning", - "version": "9.5.9", + "version": "9.5.10", "description": "A react wrapper around Popper.js for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ "@floating-ui/dom": "^1.2.0", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-progress/CHANGELOG.json b/packages/react-components/react-progress/CHANGELOG.json index 48e98f33fe427a..cbc3c8978dab72 100644 --- a/packages/react-components/react-progress/CHANGELOG.json +++ b/packages/react-components/react-progress/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-progress", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:53 GMT", + "tag": "@fluentui/react-progress_v9.1.10", + "version": "9.1.10", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-progress", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated ProgressField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-progress", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-progress_v9.1.9", diff --git a/packages/react-components/react-progress/CHANGELOG.md b/packages/react-components/react-progress/CHANGELOG.md index 10e453abbb921d..225c7e3b7439e8 100644 --- a/packages/react-components/react-progress/CHANGELOG.md +++ b/packages/react-components/react-progress/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-progress -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:53 GMT and should not be manually modified. +## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.10) + +Mon, 17 Apr 2023 17:53:53 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.9..@fluentui/react-progress_v9.1.10) + +### Patches + +- chore: Remove deprecated ProgressField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.9) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-progress/package.json b/packages/react-components/react-progress/package.json index 9300b1f832ce4d..4241ec76d651e8 100644 --- a/packages/react-components/react-progress/package.json +++ b/packages/react-components/react-progress/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-progress", - "version": "9.1.9", + "version": "9.1.10", "description": "Progress component for FluentUI v9", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,10 +32,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-provider/CHANGELOG.json b/packages/react-components/react-provider/CHANGELOG.json index 0f664505fa4313..bae50f6a46ba74 100644 --- a/packages/react-components/react-provider/CHANGELOG.json +++ b/packages/react-components/react-provider/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-provider", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:54 GMT", + "tag": "@fluentui/react-provider_v9.5.3", + "version": "9.5.3", + "comments": { + "patch": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-provider", + "commit": "0dfc7e1d250152df475a76a94db0fcf304d8ac14", + "comment": "feat: adopt custom JSX pragma" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-provider_v9.5.2", diff --git a/packages/react-components/react-provider/CHANGELOG.md b/packages/react-components/react-provider/CHANGELOG.md index b9ee999e958d12..6c1e82d795b5c3 100644 --- a/packages/react-components/react-provider/CHANGELOG.md +++ b/packages/react-components/react-provider/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-provider -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:54 GMT and should not be manually modified. +## [9.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.5.3) + +Mon, 17 Apr 2023 17:53:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.5.2..@fluentui/react-provider_v9.5.3) + +### Patches + +- feat: adopt custom JSX pragma ([PR #27547](https://github.com/microsoft/fluentui/pull/27547) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.5.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.5.2) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-provider/package.json b/packages/react-components/react-provider/package.json index 747daabec100d7..9eb446b0fe9f77 100644 --- a/packages/react-components/react-provider/package.json +++ b/packages/react-components/react-provider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-provider", - "version": "9.5.2", + "version": "9.5.3", "description": "Fluent UI React provider component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,10 +35,10 @@ "@griffel/core": "^1.9.0", "@griffel/react": "^1.5.2", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", + "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-radio/CHANGELOG.json b/packages/react-components/react-radio/CHANGELOG.json index a7b92bb0e77ab2..fee7cd7baba651 100644 --- a/packages/react-components/react-radio/CHANGELOG.json +++ b/packages/react-components/react-radio/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-radio", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:54 GMT", + "tag": "@fluentui/react-radio_v9.1.10", + "version": "9.1.10", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated RadioGroupField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-radio", + "commit": "ae31ec4170f8e86ffa0e94166602a88ca226186d", + "comment": "chore: Remove the use of ContextSelector in RadioGroupContext" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-label to v9.1.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:44 GMT", "tag": "@fluentui/react-radio_v9.1.9", diff --git a/packages/react-components/react-radio/CHANGELOG.md b/packages/react-components/react-radio/CHANGELOG.md index b8dbb44351e327..667f973c1166e8 100644 --- a/packages/react-components/react-radio/CHANGELOG.md +++ b/packages/react-components/react-radio/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-radio -This log was last generated on Wed, 12 Apr 2023 09:31:44 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:54 GMT and should not be manually modified. +## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.10) + +Mon, 17 Apr 2023 17:53:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.1.9..@fluentui/react-radio_v9.1.10) + +### Patches + +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- chore: Remove deprecated RadioGroupField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- chore: Remove the use of ContextSelector in RadioGroupContext ([PR #27476](https://github.com/microsoft/fluentui/pull/27476) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-label to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.9) Wed, 12 Apr 2023 09:31:44 GMT diff --git a/packages/react-components/react-radio/package.json b/packages/react-components/react-radio/package.json index f50790334113bf..54624190662895 100644 --- a/packages/react-components/react-radio/package.json +++ b/packages/react-components/react-radio/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-radio", - "version": "9.1.9", + "version": "9.1.10", "description": "Fluent UI Radio component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,13 +32,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-label": "^9.1.8", + "@fluentui/react-label": "^9.1.9", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-select/CHANGELOG.json b/packages/react-components/react-select/CHANGELOG.json index 7cfba906871378..9c1be0fc9cc396 100644 --- a/packages/react-components/react-select/CHANGELOG.json +++ b/packages/react-components/react-select/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-select", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:55 GMT", + "tag": "@fluentui/react-select_v9.1.10", + "version": "9.1.10", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-select", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated SelectField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-select", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-select_v9.1.9", diff --git a/packages/react-components/react-select/CHANGELOG.md b/packages/react-components/react-select/CHANGELOG.md index 555a0554e8ff64..a121474ba7eedf 100644 --- a/packages/react-components/react-select/CHANGELOG.md +++ b/packages/react-components/react-select/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-select -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:55 GMT and should not be manually modified. +## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.10) + +Mon, 17 Apr 2023 17:53:55 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.9..@fluentui/react-select_v9.1.10) + +### Patches + +- chore: Remove deprecated SelectField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.9) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-select/package.json b/packages/react-components/react-select/package.json index b365fce79becc6..4190796b7e274f 100644 --- a/packages/react-components/react-select/package.json +++ b/packages/react-components/react-select/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-select", - "version": "9.1.9", + "version": "9.1.10", "description": "Fluent UI React Select component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,11 +32,11 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-skeleton/CHANGELOG.json b/packages/react-components/react-skeleton/CHANGELOG.json index 6285b4445edbbb..3cbf88528fda6d 100644 --- a/packages/react-components/react-skeleton/CHANGELOG.json +++ b/packages/react-components/react-skeleton/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-skeleton", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:56 GMT", + "tag": "@fluentui/react-skeleton_v9.0.0-beta.9", + "version": "9.0.0-beta.9", + "comments": { + "prerelease": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-skeleton", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "beachball", + "package": "@fluentui/react-skeleton", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-skeleton", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-skeleton_v9.0.0-beta.8", diff --git a/packages/react-components/react-skeleton/CHANGELOG.md b/packages/react-components/react-skeleton/CHANGELOG.md index 42ca0d6dfe6ca2..d4b3f639f108e0 100644 --- a/packages/react-components/react-skeleton/CHANGELOG.md +++ b/packages/react-components/react-skeleton/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-skeleton -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:56 GMT and should not be manually modified. +## [9.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.0-beta.9) + +Mon, 17 Apr 2023 17:53:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.0-beta.8..@fluentui/react-skeleton_v9.0.0-beta.9) + +### Changes + +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.0-beta.8) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-skeleton/package.json b/packages/react-components/react-skeleton/package.json index ce588642476161..b76bb43afca20e 100644 --- a/packages/react-components/react-skeleton/package.json +++ b/packages/react-components/react-skeleton/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-skeleton", - "version": "9.0.0-beta.8", + "version": "9.0.0-beta.9", "description": "Converged v9 Skeleton Component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,10 +31,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-slider/CHANGELOG.json b/packages/react-components/react-slider/CHANGELOG.json index 7154fdad3cca68..c576904fc425bb 100644 --- a/packages/react-components/react-slider/CHANGELOG.json +++ b/packages/react-components/react-slider/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-slider", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:56 GMT", + "tag": "@fluentui/react-slider_v9.1.10", + "version": "9.1.10", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-slider", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated SliderField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-slider", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-label to v9.1.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-slider_v9.1.9", diff --git a/packages/react-components/react-slider/CHANGELOG.md b/packages/react-components/react-slider/CHANGELOG.md index 304f62eaf48a5c..305644d7f8b6a4 100644 --- a/packages/react-components/react-slider/CHANGELOG.md +++ b/packages/react-components/react-slider/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-slider -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:56 GMT and should not be manually modified. +## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.10) + +Mon, 17 Apr 2023 17:53:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.1.9..@fluentui/react-slider_v9.1.10) + +### Patches + +- chore: Remove deprecated SliderField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-label to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.9) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-slider/package.json b/packages/react-components/react-slider/package.json index 37452bb1f84162..fa02c1087d1603 100644 --- a/packages/react-components/react-slider/package.json +++ b/packages/react-components/react-slider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-slider", - "version": "9.1.9", + "version": "9.1.10", "description": "Fluent UI React Slider component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,17 +28,17 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.20", - "@fluentui/react-label": "^9.1.8", + "@fluentui/react-label": "^9.1.9", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@griffel/react": "^1.5.2", - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-spinbutton/CHANGELOG.json b/packages/react-components/react-spinbutton/CHANGELOG.json index f8f061981e3734..3ee203dc051bf6 100644 --- a/packages/react-components/react-spinbutton/CHANGELOG.json +++ b/packages/react-components/react-spinbutton/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-spinbutton", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:57 GMT", + "tag": "@fluentui/react-spinbutton_v9.2.10", + "version": "9.2.10", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-spinbutton", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-spinbutton", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated SpinButtonField_unstable shim component" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-label to v9.1.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-spinbutton_v9.2.9", diff --git a/packages/react-components/react-spinbutton/CHANGELOG.md b/packages/react-components/react-spinbutton/CHANGELOG.md index db16a6c6aec520..796911f01b5ad8 100644 --- a/packages/react-components/react-spinbutton/CHANGELOG.md +++ b/packages/react-components/react-spinbutton/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-spinbutton -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:57 GMT and should not be manually modified. +## [9.2.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.10) + +Mon, 17 Apr 2023 17:53:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.9..@fluentui/react-spinbutton_v9.2.10) + +### Patches + +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- chore: Remove deprecated SpinButtonField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-label to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.2.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.9) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-spinbutton/package.json b/packages/react-components/react-spinbutton/package.json index bb196ed48af13d..b1635cda8a802f 100644 --- a/packages/react-components/react-spinbutton/package.json +++ b/packages/react-components/react-spinbutton/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-spinbutton", - "version": "9.2.9", + "version": "9.2.10", "description": "Fluent UI React SpinButton component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,18 +28,18 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.20", - "@fluentui/react-label": "^9.1.8", + "@fluentui/react-label": "^9.1.9", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@griffel/react": "^1.5.2", "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-spinner/CHANGELOG.json b/packages/react-components/react-spinner/CHANGELOG.json index d1bcb374339f3f..fad1ec87fb93e6 100644 --- a/packages/react-components/react-spinner/CHANGELOG.json +++ b/packages/react-components/react-spinner/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-spinner", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-spinner_v9.1.9", + "version": "9.1.9", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-label to v9.1.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-spinner_v9.1.8", diff --git a/packages/react-components/react-spinner/CHANGELOG.md b/packages/react-components/react-spinner/CHANGELOG.md index b53e8cb9420f19..1478238346e28d 100644 --- a/packages/react-components/react-spinner/CHANGELOG.md +++ b/packages/react-components/react-spinner/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-spinner -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.1.9) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.1.8..@fluentui/react-spinner_v9.1.9) + +### Patches + +- Bump @fluentui/react-label to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.1.8) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-spinner/package.json b/packages/react-components/react-spinner/package.json index b82e627db0b707..8344e99192fd91 100644 --- a/packages/react-components/react-spinner/package.json +++ b/packages/react-components/react-spinner/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-spinner", - "version": "9.1.8", + "version": "9.1.9", "description": "Spinner component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,10 +32,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-label": "^9.1.8", + "@fluentui/react-label": "^9.1.9", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-storybook-addon/package.json b/packages/react-components/react-storybook-addon/package.json index 05a66047d91017..364af05d13feaf 100644 --- a/packages/react-components/react-storybook-addon/package.json +++ b/packages/react-components/react-storybook-addon/package.json @@ -31,7 +31,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-provider": "^9.5.2", + "@fluentui/react-provider": "^9.5.3", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-switch/CHANGELOG.json b/packages/react-components/react-switch/CHANGELOG.json index 55a2c2e66ba263..7bd59299272b30 100644 --- a/packages/react-components/react-switch/CHANGELOG.json +++ b/packages/react-components/react-switch/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-switch", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:58 GMT", + "tag": "@fluentui/react-switch_v9.1.10", + "version": "9.1.10", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-switch", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated SwitchField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-switch", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-label to v9.1.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-switch_v9.1.9", diff --git a/packages/react-components/react-switch/CHANGELOG.md b/packages/react-components/react-switch/CHANGELOG.md index bbf66f46a18c82..2a1224a1185996 100644 --- a/packages/react-components/react-switch/CHANGELOG.md +++ b/packages/react-components/react-switch/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-switch -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:58 GMT and should not be manually modified. +## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.1.10) + +Mon, 17 Apr 2023 17:53:58 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.1.9..@fluentui/react-switch_v9.1.10) + +### Patches + +- chore: Remove deprecated SwitchField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-label to v9.1.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.1.9) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-switch/package.json b/packages/react-components/react-switch/package.json index 0d8b02a94b0b57..dcb2a397bff3b0 100644 --- a/packages/react-components/react-switch/package.json +++ b/packages/react-components/react-switch/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-switch", - "version": "9.1.9", + "version": "9.1.10", "description": "Fluent UI React Switch component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,13 +32,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-label": "^9.1.8", + "@fluentui/react-label": "^9.1.9", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-table/CHANGELOG.json b/packages/react-components/react-table/CHANGELOG.json index 02e550df6e03f8..06d18a96c84099 100644 --- a/packages/react-components/react-table/CHANGELOG.json +++ b/packages/react-components/react-table/CHANGELOG.json @@ -1,6 +1,69 @@ { "name": "@fluentui/react-table", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:59 GMT", + "tag": "@fluentui/react-table_v9.2.6", + "version": "9.2.6", + "comments": { + "patch": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-table", + "commit": "82e77222889983a6ee9f893e78972ec8a0125271", + "comment": "chore: adopt custom JSX pragma" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-aria to v9.3.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-avatar to v9.4.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-checkbox to v9.1.10", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-radio to v9.1.10", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-table_v9.2.5", diff --git a/packages/react-components/react-table/CHANGELOG.md b/packages/react-components/react-table/CHANGELOG.md index b3bf3766adc0c1..94100fc4c82a4a 100644 --- a/packages/react-components/react-table/CHANGELOG.md +++ b/packages/react-components/react-table/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-table -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:59 GMT and should not be manually modified. +## [9.2.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.2.6) + +Mon, 17 Apr 2023 17:53:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.2.5..@fluentui/react-table_v9.2.6) + +### Patches + +- chore: adopt custom JSX pragma ([PR #27543](https://github.com/microsoft/fluentui/pull/27543) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-aria to v9.3.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-avatar to v9.4.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-checkbox to v9.1.10 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-radio to v9.1.10 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.2.5) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-table/package.json b/packages/react-components/react-table/package.json index 657580af140160..9d2359d1cabc05 100644 --- a/packages/react-components/react-table/package.json +++ b/packages/react-components/react-table/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-table", - "version": "9.2.5", + "version": "9.2.6", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,17 +33,17 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-aria": "^9.3.17", - "@fluentui/react-avatar": "^9.4.8", - "@fluentui/react-checkbox": "^9.1.9", - "@fluentui/react-context-selector": "^9.1.17", + "@fluentui/react-aria": "^9.3.18", + "@fluentui/react-avatar": "^9.4.9", + "@fluentui/react-checkbox": "^9.1.10", + "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-radio": "^9.1.9", + "@fluentui/react-radio": "^9.1.10", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", + "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tabs/CHANGELOG.json b/packages/react-components/react-tabs/CHANGELOG.json index 3b71c74c83d6c0..c869a7fc93e584 100644 --- a/packages/react-components/react-tabs/CHANGELOG.json +++ b/packages/react-components/react-tabs/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-tabs", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-tabs_v9.3.10", + "version": "9.3.10", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-tabs_v9.3.9", diff --git a/packages/react-components/react-tabs/CHANGELOG.md b/packages/react-components/react-tabs/CHANGELOG.md index 3ef4daa39f0f45..962952a829ba7d 100644 --- a/packages/react-components/react-tabs/CHANGELOG.md +++ b/packages/react-components/react-tabs/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-tabs -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.3.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.10) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.3.9..@fluentui/react-tabs_v9.3.10) + +### Patches + +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.3.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.9) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-tabs/package.json b/packages/react-components/react-tabs/package.json index d629d439a923c3..609865be66d04a 100644 --- a/packages/react-components/react-tabs/package.json +++ b/packages/react-components/react-tabs/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tabs", - "version": "9.3.9", + "version": "9.3.10", "description": "Fluent UI React tabs components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,11 +31,11 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.17", + "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tabster/CHANGELOG.json b/packages/react-components/react-tabster/CHANGELOG.json index 1d744af219d2d1..c51d5e9ba39754 100644 --- a/packages/react-components/react-tabster/CHANGELOG.json +++ b/packages/react-components/react-tabster/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-tabster", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-tabster_v9.6.5", + "version": "9.6.5", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-tabster", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-tabster_v9.6.4", diff --git a/packages/react-components/react-tabster/CHANGELOG.md b/packages/react-components/react-tabster/CHANGELOG.md index 9c3bf1f4bd52e9..52c76c7ad7d450 100644 --- a/packages/react-components/react-tabster/CHANGELOG.md +++ b/packages/react-components/react-tabster/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-tabster -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.6.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.6.5) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.6.4..@fluentui/react-tabster_v9.6.5) + +### Patches + +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.6.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.6.4) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json index 96020ce7012f74..0516db787ef2df 100644 --- a/packages/react-components/react-tabster/package.json +++ b/packages/react-components/react-tabster/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tabster", - "version": "9.6.4", + "version": "9.6.5", "description": "Utilities for focus management and facade for tabster", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,7 +33,7 @@ "@griffel/react": "^1.5.2", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@swc/helpers": "^0.4.14", "keyborg": "^2.0.0", "tabster": "^4.1.1" diff --git a/packages/react-components/react-tags/package.json b/packages/react-components/react-tags/package.json index 2d4452e48327b7..92b53905d76300 100644 --- a/packages/react-components/react-tags/package.json +++ b/packages/react-components/react-tags/package.json @@ -33,7 +33,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-text/CHANGELOG.json b/packages/react-components/react-text/CHANGELOG.json index 6c2d763352a5c8..29295a3d7c4a32 100644 --- a/packages/react-components/react-text/CHANGELOG.json +++ b/packages/react-components/react-text/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-text", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-text_v9.3.6", + "version": "9.3.6", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-text_v9.3.5", diff --git a/packages/react-components/react-text/CHANGELOG.md b/packages/react-components/react-text/CHANGELOG.md index a89cf870d4777f..95cd9cf4e6768d 100644 --- a/packages/react-components/react-text/CHANGELOG.md +++ b/packages/react-components/react-text/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-text -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.3.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.6) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.5..@fluentui/react-text_v9.3.6) + +### Patches + +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.3.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.5) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-text/package.json b/packages/react-components/react-text/package.json index 0a41b57579ab21..66b45c402e3701 100644 --- a/packages/react-components/react-text/package.json +++ b/packages/react-components/react-text/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-text", - "version": "9.3.5", + "version": "9.3.6", "description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,7 +35,7 @@ "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", "@griffel/react": "^1.5.2", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-textarea/CHANGELOG.json b/packages/react-components/react-textarea/CHANGELOG.json index 068c1c49736682..7e1f04c5492013 100644 --- a/packages/react-components/react-textarea/CHANGELOG.json +++ b/packages/react-components/react-textarea/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-textarea", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:53:59 GMT", + "tag": "@fluentui/react-textarea_v9.3.10", + "version": "9.3.10", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-textarea", + "commit": "273116e8efaf4230474a0f214e9adbb5f556e5de", + "comment": "chore: Remove deprecated TextareaField_unstable shim component" + }, + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-textarea", + "commit": "36f98c3a49334e4ea9b22774691560d11010f2e7", + "comment": "chore: Update react-field dependency version" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-field to v9.1.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-textarea_v9.3.9", diff --git a/packages/react-components/react-textarea/CHANGELOG.md b/packages/react-components/react-textarea/CHANGELOG.md index c1c119b9affc42..ddb56af03094cf 100644 --- a/packages/react-components/react-textarea/CHANGELOG.md +++ b/packages/react-components/react-textarea/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-textarea -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:53:59 GMT and should not be manually modified. +## [9.3.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.10) + +Mon, 17 Apr 2023 17:53:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.3.9..@fluentui/react-textarea_v9.3.10) + +### Patches + +- chore: Remove deprecated TextareaField_unstable shim component ([PR #27492](https://github.com/microsoft/fluentui/pull/27492) by behowell@microsoft.com) +- chore: Update react-field dependency version ([PR #27493](https://github.com/microsoft/fluentui/pull/27493) by behowell@microsoft.com) +- Bump @fluentui/react-field to v9.1.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.3.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.9) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-textarea/package.json b/packages/react-components/react-textarea/package.json index 4616c02d4e6523..57e93c60bd80a7 100644 --- a/packages/react-components/react-textarea/package.json +++ b/packages/react-components/react-textarea/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-textarea", - "version": "9.3.9", + "version": "9.3.10", "description": "Fluent UI TextArea component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,10 +32,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "^9.0.0", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-theme-sass/CHANGELOG.json b/packages/react-components/react-theme-sass/CHANGELOG.json index 5f6375645c9930..d76ee034d5ed02 100644 --- a/packages/react-components/react-theme-sass/CHANGELOG.json +++ b/packages/react-components/react-theme-sass/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-theme-sass", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:00 GMT", + "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.11", + "version": "9.0.0-alpha.11", + "comments": { + "prerelease": [ + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-theme-sass", + "commit": "45cb6089b0f5f464ae0dd9e9cba7e199a9d67cd8", + "comment": "fix: add \"style\" to exports field" + } + ] + } + }, { "date": "Tue, 21 Mar 2023 21:23:11 GMT", "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.10", diff --git a/packages/react-components/react-theme-sass/CHANGELOG.md b/packages/react-components/react-theme-sass/CHANGELOG.md index 7a1a97785d36e9..8af56ff2633c60 100644 --- a/packages/react-components/react-theme-sass/CHANGELOG.md +++ b/packages/react-components/react-theme-sass/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-theme-sass -This log was last generated on Tue, 21 Mar 2023 21:23:11 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:00 GMT and should not be manually modified. +## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.11) + +Mon, 17 Apr 2023 17:54:00 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.10..@fluentui/react-theme-sass_v9.0.0-alpha.11) + +### Changes + +- fix: add "style" to exports field ([PR #27274](https://github.com/microsoft/fluentui/pull/27274) by olfedias@microsoft.com) + ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.10) Tue, 21 Mar 2023 21:23:11 GMT diff --git a/packages/react-components/react-theme-sass/package.json b/packages/react-components/react-theme-sass/package.json index 152ae21447fc0d..00e81ad99b976f 100644 --- a/packages/react-components/react-theme-sass/package.json +++ b/packages/react-components/react-theme-sass/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-theme-sass", - "version": "9.0.0-alpha.10", + "version": "9.0.0-alpha.11", "description": "SASS variables referencing react-theme design tokens injected to DOM by react-provider.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-toolbar/CHANGELOG.json b/packages/react-components/react-toolbar/CHANGELOG.json index 65c71c81469483..87d8c207c43d33 100644 --- a/packages/react-components/react-toolbar/CHANGELOG.json +++ b/packages/react-components/react-toolbar/CHANGELOG.json @@ -1,6 +1,63 @@ { "name": "@fluentui/react-toolbar", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:01 GMT", + "tag": "@fluentui/react-toolbar_v9.1.10", + "version": "9.1.10", + "comments": { + "patch": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-toolbar", + "commit": "eefbbb3b40c9c75ff775b9771aeb393041032e39", + "comment": "chore: adopt custom JSX pragma" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-button to v9.3.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-divider to v9.2.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-radio to v9.1.10", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-toolbar_v9.1.9", diff --git a/packages/react-components/react-toolbar/CHANGELOG.md b/packages/react-components/react-toolbar/CHANGELOG.md index 2d6da14b59616c..2997a43099b7ba 100644 --- a/packages/react-components/react-toolbar/CHANGELOG.md +++ b/packages/react-components/react-toolbar/CHANGELOG.md @@ -1,9 +1,25 @@ # Change Log - @fluentui/react-toolbar -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:01 GMT and should not be manually modified. +## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.10) + +Mon, 17 Apr 2023 17:54:01 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.9..@fluentui/react-toolbar_v9.1.10) + +### Patches + +- chore: adopt custom JSX pragma ([PR #27548](https://github.com/microsoft/fluentui/pull/27548) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-button to v9.3.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-divider to v9.2.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-radio to v9.1.10 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.9) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-toolbar/package.json b/packages/react-components/react-toolbar/package.json index 31c558436549da..5779eeffb9ff38 100644 --- a/packages/react-components/react-toolbar/package.json +++ b/packages/react-components/react-toolbar/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-toolbar", - "version": "9.1.9", + "version": "9.1.10", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,15 +34,15 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-button": "^9.3.8", - "@fluentui/react-divider": "^9.2.8", + "@fluentui/react-button": "^9.3.9", + "@fluentui/react-divider": "^9.2.9", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", - "@fluentui/react-context-selector": "^9.1.17", - "@fluentui/react-radio": "^9.1.9", + "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", + "@fluentui/react-context-selector": "^9.1.18", + "@fluentui/react-radio": "^9.1.10", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tooltip/CHANGELOG.json b/packages/react-components/react-tooltip/CHANGELOG.json index e8bb85a470dabb..f961895d05ca85 100644 --- a/packages/react-components/react-tooltip/CHANGELOG.json +++ b/packages/react-components/react-tooltip/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-tooltip", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-tooltip_v9.2.9", + "version": "9.2.9", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-portal to v9.2.6", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-positioning to v9.5.10", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-tooltip_v9.2.8", diff --git a/packages/react-components/react-tooltip/CHANGELOG.md b/packages/react-components/react-tooltip/CHANGELOG.md index 4ebfbe547b20f7..0330839fdfc7a9 100644 --- a/packages/react-components/react-tooltip/CHANGELOG.md +++ b/packages/react-components/react-tooltip/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-tooltip -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.2.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.2.9) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.2.8..@fluentui/react-tooltip_v9.2.9) + +### Patches + +- Bump @fluentui/react-portal to v9.2.6 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-positioning to v9.5.10 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.2.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.2.8) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-tooltip/package.json b/packages/react-components/react-tooltip/package.json index 10cd0b8e238e09..72cff97972f936 100644 --- a/packages/react-components/react-tooltip/package.json +++ b/packages/react-components/react-tooltip/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tooltip", - "version": "9.2.8", + "version": "9.2.9", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,11 +33,11 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-portal": "^9.2.5", - "@fluentui/react-positioning": "^9.5.9", + "@fluentui/react-portal": "^9.2.6", + "@fluentui/react-positioning": "^9.5.10", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tree/CHANGELOG.json b/packages/react-components/react-tree/CHANGELOG.json index 9ca68022e8e325..cf3fe0d9b54ddc 100644 --- a/packages/react-components/react-tree/CHANGELOG.json +++ b/packages/react-components/react-tree/CHANGELOG.json @@ -1,6 +1,69 @@ { "name": "@fluentui/react-tree", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:01 GMT", + "tag": "@fluentui/react-tree_v9.0.0-beta.11", + "version": "9.0.0-beta.11", + "comments": { + "prerelease": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-tree", + "commit": "27665739a1f38468c63ea1544a2e82ff357d25f3", + "comment": "chore: adopt custom jsx pragma" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-aria to v9.3.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-avatar to v9.4.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-button to v9.3.9", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-context-selector to v9.1.18", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-portal to v9.2.6", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-tabster to v9.6.5", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + }, + { + "author": "beachball", + "package": "@fluentui/react-tree", + "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-tree_v9.0.0-beta.10", diff --git a/packages/react-components/react-tree/CHANGELOG.md b/packages/react-components/react-tree/CHANGELOG.md index 6023cc8eb89d13..f48d2908acb13a 100644 --- a/packages/react-components/react-tree/CHANGELOG.md +++ b/packages/react-components/react-tree/CHANGELOG.md @@ -1,9 +1,26 @@ # Change Log - @fluentui/react-tree -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:01 GMT and should not be manually modified. +## [9.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.0.0-beta.11) + +Mon, 17 Apr 2023 17:54:01 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tree_v9.0.0-beta.10..@fluentui/react-tree_v9.0.0-beta.11) + +### Changes + +- chore: adopt custom jsx pragma ([PR #27542](https://github.com/microsoft/fluentui/pull/27542) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-aria to v9.3.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-avatar to v9.4.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-button to v9.3.9 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-context-selector to v9.1.18 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-portal to v9.2.6 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-tabster to v9.6.5 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) +- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.1 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.0.0-beta.10) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-tree/package.json b/packages/react-components/react-tree/package.json index 9abf3c95c63c1d..db3dfef4c61965 100644 --- a/packages/react-components/react-tree/package.json +++ b/packages/react-components/react-tree/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-tree", - "version": "9.0.0-beta.10", + "version": "9.0.0-beta.11", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -36,17 +36,17 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-aria": "^9.3.17", - "@fluentui/react-avatar": "^9.4.8", - "@fluentui/react-button": "^9.3.8", - "@fluentui/react-context-selector": "^9.1.17", + "@fluentui/react-aria": "^9.3.18", + "@fluentui/react-avatar": "^9.4.9", + "@fluentui/react-button": "^9.3.9", + "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-portal": "^9.2.5", + "@fluentui/react-portal": "^9.2.6", "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.4", + "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.0", + "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-utilities/CHANGELOG.json b/packages/react-components/react-utilities/CHANGELOG.json index 398db55b10f1dd..87ac0ff8d1e698 100644 --- a/packages/react-components/react-utilities/CHANGELOG.json +++ b/packages/react-components/react-utilities/CHANGELOG.json @@ -1,6 +1,29 @@ { "name": "@fluentui/react-utilities", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-utilities_v9.8.0", + "version": "9.8.0", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-utilities", + "commit": "c156e7682a89d7766bed3c0b9f231dc2e0a2058b", + "comment": "fix: Fix slot render functions" + } + ], + "minor": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-utilities", + "commit": "97af91aa7684bbfe149ace1b21b75fb7c04128a2", + "comment": "feat: ensure compatibility with custom JSX pragma" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-utilities_v9.7.4", diff --git a/packages/react-components/react-utilities/CHANGELOG.md b/packages/react-components/react-utilities/CHANGELOG.md index 76be2138e67993..6e7eea595ae320 100644 --- a/packages/react-components/react-utilities/CHANGELOG.md +++ b/packages/react-components/react-utilities/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-utilities -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.8.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.8.0) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.7.4..@fluentui/react-utilities_v9.8.0) + +### Minor changes + +- feat: ensure compatibility with custom JSX pragma ([PR #27472](https://github.com/microsoft/fluentui/pull/27472) by bernardo.sunderhus@gmail.com) + +### Patches + +- fix: Fix slot render functions ([PR #27561](https://github.com/microsoft/fluentui/pull/27561) by behowell@microsoft.com) + ## [9.7.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.7.4) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-utilities/package.json b/packages/react-components/react-utilities/package.json index ec2b7aaa078cd3..f9964ba72cfc3e 100644 --- a/packages/react-components/react-utilities/package.json +++ b/packages/react-components/react-utilities/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-utilities", - "version": "9.7.4", + "version": "9.8.0", "description": "A set of general React-specific utilities.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-virtualizer/CHANGELOG.json b/packages/react-components/react-virtualizer/CHANGELOG.json index c1dcf71ad3b05f..a61dcc0faa7756 100644 --- a/packages/react-components/react-virtualizer/CHANGELOG.json +++ b/packages/react-components/react-virtualizer/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-virtualizer", "entries": [ + { + "date": "Mon, 17 Apr 2023 17:54:02 GMT", + "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.17", + "version": "9.0.0-alpha.17", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-virtualizer", + "comment": "Bump @fluentui/react-utilities to v9.8.0", + "commit": "35d247e0b6a8c2b22e69942afbabe18043e59585" + } + ] + } + }, { "date": "Wed, 12 Apr 2023 09:31:45 GMT", "tag": "@fluentui/react-virtualizer_v9.0.0-alpha.16", diff --git a/packages/react-components/react-virtualizer/CHANGELOG.md b/packages/react-components/react-virtualizer/CHANGELOG.md index ed1f953278851e..0b90e9099915d5 100644 --- a/packages/react-components/react-virtualizer/CHANGELOG.md +++ b/packages/react-components/react-virtualizer/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-virtualizer -This log was last generated on Wed, 12 Apr 2023 09:31:45 GMT and should not be manually modified. +This log was last generated on Mon, 17 Apr 2023 17:54:02 GMT and should not be manually modified. +## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.17) + +Mon, 17 Apr 2023 17:54:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.16..@fluentui/react-virtualizer_v9.0.0-alpha.17) + +### Changes + +- Bump @fluentui/react-utilities to v9.8.0 ([PR #27564](https://github.com/microsoft/fluentui/pull/27564) by beachball) + ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.16) Wed, 12 Apr 2023 09:31:45 GMT diff --git a/packages/react-components/react-virtualizer/package.json b/packages/react-components/react-virtualizer/package.json index 2c68d4a3960656..f16b1f2bad0c13 100644 --- a/packages/react-components/react-virtualizer/package.json +++ b/packages/react-components/react-virtualizer/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-virtualizer", - "version": "9.0.0-alpha.16", + "version": "9.0.0-alpha.17", "description": "Generic and composable virtualizer framework built on browser intersection observer", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/theme-designer/package.json b/packages/react-components/theme-designer/package.json index ae1f1fd461c612..e8841a1151281d 100644 --- a/packages/react-components/theme-designer/package.json +++ b/packages/react-components/theme-designer/package.json @@ -31,13 +31,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-alert": "9.0.0-beta.43", - "@fluentui/react-components": "^9.18.9", - "@fluentui/react-context-selector": "^9.1.17", + "@fluentui/react-alert": "9.0.0-beta.44", + "@fluentui/react-components": "^9.19.0", + "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.7.4", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14", "@types/dedent": "0.7.0", From af59ca53d4dfa7e6d80f37002ddcd4107d32b8fa Mon Sep 17 00:00:00 2001 From: srmukher <120183316+srmukher@users.noreply.github.com> Date: Tue, 18 Apr 2023 11:48:04 +0530 Subject: [PATCH 08/81] Adding unit tests for donut chart (#27424) * Adding unit tests for donut chart * Adding unit tests for another culture * Adding colors utility unit tests and resolving PR comments * Rearranging test plan --- .../docs/TestPlans/Utilities/UnitTests.md | 16 ++++ .../src/utilities/UtilityUnitTests.test.ts | 93 +++++++++++++++++++ 2 files changed, 109 insertions(+) create mode 100644 packages/react-charting/docs/TestPlans/Utilities/UnitTests.md create mode 100644 packages/react-charting/src/utilities/UtilityUnitTests.test.ts diff --git a/packages/react-charting/docs/TestPlans/Utilities/UnitTests.md b/packages/react-charting/docs/TestPlans/Utilities/UnitTests.md new file mode 100644 index 00000000000000..8458cf765f1e50 --- /dev/null +++ b/packages/react-charting/docs/TestPlans/Utilities/UnitTests.md @@ -0,0 +1,16 @@ +# Unit test plan for Donut Chart + +This test plan contains the list of unit testable functions which are used as a part of the Donut Chart component. + +Identify the functions that can be unit tested (example, functions having calculations or getting values from Utils, etc). + +- If required, extract the unit testable portions out of the functions which can be independently unit tested without any requirement of DOM elements. +- Alternatively, mock the sections that cannot be unit tested. + +| Functions | Can it be unit tested | Reason | +| ----------------------------- | --------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| a. `convertToLocaleString()` | Yes | | +| b.`getAccessibleDataObject()` | Yes | | +| c. `_valueInsideDonut()` | No | private function which can only be tested by rendering the donut chart component. | +| d. `wrapTextInsideDonut()` | No | cannot be unit tested as it requires the tspan length to be calculated using Browser Functions like getComputedTextLength(). | +| e. `_computeTotalValue()` | No | depends on the data prop passed down from the DonutChart.base to Pie during component rendering. Also since this is a private function, it can only be tested via component rendering. | diff --git a/packages/react-charting/src/utilities/UtilityUnitTests.test.ts b/packages/react-charting/src/utilities/UtilityUnitTests.test.ts new file mode 100644 index 00000000000000..447310067d295b --- /dev/null +++ b/packages/react-charting/src/utilities/UtilityUnitTests.test.ts @@ -0,0 +1,93 @@ +import * as utils from './utilities'; +import * as colors from './colors'; + +// Reference to the test plan: packages\react-charting\docs\TestPlans\Utilities\UnitTests.md + +describe('Unit test to convert data to localized string', () => { + test('Should return undefined when data provided is undefined', () => { + expect(utils.convertToLocaleString(undefined)).toBeUndefined(); + }); + + test('Should return the localised data in the given culture when input data is a string', () => { + expect(utils.convertToLocaleString('text', 'en-GB')).toBe('text'); + expect(utils.convertToLocaleString('text', 'ar-SY')).toBe('text'); + }); + + test('Should return the localised data in the given culture when the input data is a number', () => { + expect(utils.convertToLocaleString(10, 'en-GB')).toBe('10'); + expect(utils.convertToLocaleString(2560, 'ar-SY')).toBe('٢٬٥٦٠'); + }); + + test('Should return the localised data when the input data is a string containing a number', () => { + expect(utils.convertToLocaleString('10', 'en-GB')).toBe('10'); + expect(utils.convertToLocaleString('1234', 'ar-SY')).toBe('١٬٢٣٤'); + }); +}); + +describe('Unit test to return the accessible data object', () => { + test('Should return the appropriate accessible data object no parameters are provided as input', () => { + expect(utils.getAccessibleDataObject()).toEqual({ + role: 'text', + 'data-is-focusable': true, + 'aria-label': undefined, + 'aria-labelledby': undefined, + 'aria-describedby': undefined, + }); + }); + + test('Should return the appropriate accessible data object only role is provided as input', () => { + expect(utils.getAccessibleDataObject(undefined, 'button')).toEqual({ + role: 'button', + 'data-is-focusable': true, + 'aria-label': undefined, + 'aria-labelledby': undefined, + 'aria-describedby': undefined, + }); + }); + + test('Should return the accessible data when both role and isDataFocusable is provided as input', () => { + expect(utils.getAccessibleDataObject(undefined, 'text', false)).toEqual({ + role: 'text', + 'data-is-focusable': false, + 'aria-label': undefined, + 'aria-labelledby': undefined, + 'aria-describedby': undefined, + }); + }); + + test('Should return the appropriate accessible data object when all parameters are provided as input', () => { + const accessibleData = { + ariaLabel: 'Start button', + ariaLabelledBy: 'Button', + ariaDescribedBy: 'This is a start button', + }; + expect(utils.getAccessibleDataObject(accessibleData, 'button', false)).toEqual({ + role: 'button', + 'data-is-focusable': false, + 'aria-label': 'Start button', + 'aria-labelledby': 'Button', + 'aria-describedby': 'This is a start button', + }); + }); +}); + +describe('Unit test for getting colors from token and returning the theme specific color', () => { + test('Should return the token itself when the token is not from DataVizPallette', () => { + expect(colors.getColorFromToken('blue')).toEqual('blue'); + }); + test('Should return the color code when the token is from DataVizPallette', () => { + expect(colors.getColorFromToken('qualitative.1')).toEqual('#637cef'); + }); + + test('Should return the first color when dark theme is disabled and length of colors list is more than 1', () => { + expect(colors.getColorFromToken('qualitative.11', false)).toEqual('#3c51b4'); + }); + + test('Should return the first color when dark theme is enabled and length of colors list is equal to 1', () => { + expect(colors.getColorFromToken('qualitative.1', true)).toEqual('#637cef'); + }); + + test('Should return the second color when dark theme is enabled and length of colors list is more than 1', () => { + expect(colors.getColorFromToken('qualitative.11', true)).toEqual('#93a4f4'); + }); +}); From 4c57dc79fe7dfa0f6bede7741f90aad0d95ffacf Mon Sep 17 00:00:00 2001 From: Martin Hochel Date: Tue, 18 Apr 2023 11:16:18 +0200 Subject: [PATCH 09/81] fix(scripts-tasks): avoid processing export declaration types in _evaluateImport (#27584) --- scripts/tasks/src/lint-imports.ts | 29 ++++++++++++++--------------- 1 file changed, 14 insertions(+), 15 deletions(-) diff --git a/scripts/tasks/src/lint-imports.ts b/scripts/tasks/src/lint-imports.ts index d97a7651f9d443..22b55719331f15 100644 --- a/scripts/tasks/src/lint-imports.ts +++ b/scripts/tasks/src/lint-imports.ts @@ -165,10 +165,11 @@ function lintImports( if (importStatements) { importStatements.forEach(statement => { - const parts = importStatementRegex.exec(statement); + const [importMatch, declarationType, importSpecifier] = importStatementRegex.exec(statement) ?? []; - if (parts) { - _evaluateImport(filePath, parts, importErrors, isExample); + // import regex will include also invalid export declaration type that don't re-export thus we need to filter these in order to not get invalid results + if (importMatch && importSpecifier && declarationType !== 'export') { + _evaluateImport({ filePath, importSpecifier, importMatch, importErrors, isExample }); } }); } @@ -200,17 +201,15 @@ function lintImports( } } - /** - * @param importMatch - Result of running `importStatementRegex` against a single import - * (`[1]` will be the import path) - */ - function _evaluateImport( - filePath: string, - importMatch: RegExpMatchArray, - importErrors: ImportErrors, - isExample?: boolean, - ) { - const importPath = importMatch[2]; + // eslint-disable-next-line @typescript-eslint/no-shadow + function _evaluateImport(options: { + filePath: string; + importMatch: string; + importSpecifier: string; + importErrors: ImportErrors; + isExample?: boolean; + }) { + const { filePath, importErrors, importMatch, importSpecifier: importPath, isExample } = options; const packageRootPath = importPath.split('/')[0]; const relativePath = path.relative(sourcePath, filePath); let fullImportPath: string | undefined; @@ -296,7 +295,7 @@ function lintImports( ); } - if (importMatch[0].startsWith('import * from') && !isScss) { + if (importMatch.startsWith('import * from') && !isScss) { _addError(importErrors.importStar, relativePath, importPath); } } From 85c36e249b33b0bad79be4edd1a943dfc5233b11 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Tue, 18 Apr 2023 11:17:36 +0200 Subject: [PATCH 10/81] bugfix(react-jsx-runtime): remove caret from react-jsx-runtime prerelease dependency (#27588) --- ...i-react-alert-d8871ce1-c56c-4938-8322-697717c6160a.json | 7 +++++++ ...-react-window-7b969639-ce1d-417e-bc8a-07fbef28706a.json | 7 +++++++ ...-react-dialog-a8221575-28db-40a9-9e34-fffaf0b1c9a8.json | 7 +++++++ ...ui-react-menu-1936244e-b19e-46c3-b864-f0abc205741b.json | 7 +++++++ ...react-popover-1c3254b4-b7d6-4751-a471-21cb345897b2.json | 7 +++++++ ...eact-provider-2698c8f2-b6a5-467a-b0b5-7acfa7061f49.json | 7 +++++++ ...i-react-table-af958513-1325-4780-aa3a-366aac56e366.json | 7 +++++++ ...react-toolbar-3fb5631d-7961-4f5d-833b-f67c45abb2c2.json | 7 +++++++ ...ui-react-tree-331af5e5-0217-4fbb-b822-ce32d2abc90d.json | 7 +++++++ packages/react-components/react-alert/package.json | 2 +- .../react-data-grid-react-window/package.json | 2 +- packages/react-components/react-dialog/package.json | 2 +- packages/react-components/react-menu/package.json | 2 +- packages/react-components/react-popover/package.json | 2 +- packages/react-components/react-provider/package.json | 2 +- packages/react-components/react-table/package.json | 2 +- packages/react-components/react-toolbar/package.json | 2 +- packages/react-components/react-tree/package.json | 2 +- 18 files changed, 72 insertions(+), 9 deletions(-) create mode 100644 change/@fluentui-react-alert-d8871ce1-c56c-4938-8322-697717c6160a.json create mode 100644 change/@fluentui-react-data-grid-react-window-7b969639-ce1d-417e-bc8a-07fbef28706a.json create mode 100644 change/@fluentui-react-dialog-a8221575-28db-40a9-9e34-fffaf0b1c9a8.json create mode 100644 change/@fluentui-react-menu-1936244e-b19e-46c3-b864-f0abc205741b.json create mode 100644 change/@fluentui-react-popover-1c3254b4-b7d6-4751-a471-21cb345897b2.json create mode 100644 change/@fluentui-react-provider-2698c8f2-b6a5-467a-b0b5-7acfa7061f49.json create mode 100644 change/@fluentui-react-table-af958513-1325-4780-aa3a-366aac56e366.json create mode 100644 change/@fluentui-react-toolbar-3fb5631d-7961-4f5d-833b-f67c45abb2c2.json create mode 100644 change/@fluentui-react-tree-331af5e5-0217-4fbb-b822-ce32d2abc90d.json diff --git a/change/@fluentui-react-alert-d8871ce1-c56c-4938-8322-697717c6160a.json b/change/@fluentui-react-alert-d8871ce1-c56c-4938-8322-697717c6160a.json new file mode 100644 index 00000000000000..be92a57b47059b --- /dev/null +++ b/change/@fluentui-react-alert-d8871ce1-c56c-4938-8322-697717c6160a.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "bugfix: remove caret from react-jsx-runtime prerelease dependency", + "packageName": "@fluentui/react-alert", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-data-grid-react-window-7b969639-ce1d-417e-bc8a-07fbef28706a.json b/change/@fluentui-react-data-grid-react-window-7b969639-ce1d-417e-bc8a-07fbef28706a.json new file mode 100644 index 00000000000000..98401707042334 --- /dev/null +++ b/change/@fluentui-react-data-grid-react-window-7b969639-ce1d-417e-bc8a-07fbef28706a.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "bugfix: remove caret from react-jsx-runtime prerelease dependency", + "packageName": "@fluentui/react-data-grid-react-window", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-dialog-a8221575-28db-40a9-9e34-fffaf0b1c9a8.json b/change/@fluentui-react-dialog-a8221575-28db-40a9-9e34-fffaf0b1c9a8.json new file mode 100644 index 00000000000000..f4f0b21bb78c56 --- /dev/null +++ b/change/@fluentui-react-dialog-a8221575-28db-40a9-9e34-fffaf0b1c9a8.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "bugfix: remove caret from react-jsx-runtime prerelease dependency", + "packageName": "@fluentui/react-dialog", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-menu-1936244e-b19e-46c3-b864-f0abc205741b.json b/change/@fluentui-react-menu-1936244e-b19e-46c3-b864-f0abc205741b.json new file mode 100644 index 00000000000000..3cc06092ac664b --- /dev/null +++ b/change/@fluentui-react-menu-1936244e-b19e-46c3-b864-f0abc205741b.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "bugfix: remove caret from react-jsx-runtime prerelease dependency", + "packageName": "@fluentui/react-menu", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-popover-1c3254b4-b7d6-4751-a471-21cb345897b2.json b/change/@fluentui-react-popover-1c3254b4-b7d6-4751-a471-21cb345897b2.json new file mode 100644 index 00000000000000..bf31343e6848db --- /dev/null +++ b/change/@fluentui-react-popover-1c3254b4-b7d6-4751-a471-21cb345897b2.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "bugfix: remove caret from react-jsx-runtime prerelease dependency", + "packageName": "@fluentui/react-popover", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-provider-2698c8f2-b6a5-467a-b0b5-7acfa7061f49.json b/change/@fluentui-react-provider-2698c8f2-b6a5-467a-b0b5-7acfa7061f49.json new file mode 100644 index 00000000000000..2b21976d4f0ef4 --- /dev/null +++ b/change/@fluentui-react-provider-2698c8f2-b6a5-467a-b0b5-7acfa7061f49.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "bugfix: remove caret from react-jsx-runtime prerelease dependency", + "packageName": "@fluentui/react-provider", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-table-af958513-1325-4780-aa3a-366aac56e366.json b/change/@fluentui-react-table-af958513-1325-4780-aa3a-366aac56e366.json new file mode 100644 index 00000000000000..af120a681c765a --- /dev/null +++ b/change/@fluentui-react-table-af958513-1325-4780-aa3a-366aac56e366.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "bugfix: remove caret from react-jsx-runtime prerelease dependency", + "packageName": "@fluentui/react-table", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-toolbar-3fb5631d-7961-4f5d-833b-f67c45abb2c2.json b/change/@fluentui-react-toolbar-3fb5631d-7961-4f5d-833b-f67c45abb2c2.json new file mode 100644 index 00000000000000..97c01bea04a405 --- /dev/null +++ b/change/@fluentui-react-toolbar-3fb5631d-7961-4f5d-833b-f67c45abb2c2.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "bugfix: remove caret from react-jsx-runtime prerelease dependency", + "packageName": "@fluentui/react-toolbar", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-tree-331af5e5-0217-4fbb-b822-ce32d2abc90d.json b/change/@fluentui-react-tree-331af5e5-0217-4fbb-b822-ce32d2abc90d.json new file mode 100644 index 00000000000000..43a1c954efcc3f --- /dev/null +++ b/change/@fluentui-react-tree-331af5e5-0217-4fbb-b822-ce32d2abc90d.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "bugfix: remove caret from react-jsx-runtime prerelease dependency", + "packageName": "@fluentui/react-tree", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json index ca9fb62e1b8532..cbce531c5ce562 100644 --- a/packages/react-components/react-alert/package.json +++ b/packages/react-components/react-alert/package.json @@ -38,7 +38,7 @@ "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-data-grid-react-window/package.json b/packages/react-components/react-data-grid-react-window/package.json index 6dcf9fbe3dd768..7f7a2823ade109 100644 --- a/packages/react-components/react-data-grid-react-window/package.json +++ b/packages/react-components/react-data-grid-react-window/package.json @@ -31,7 +31,7 @@ "dependencies": { "@fluentui/react-table": "^9.2.6", "@fluentui/react-utilities": "^9.8.0", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@swc/helpers": "^0.4.14", "react-window": "^1.8.6" }, diff --git a/packages/react-components/react-dialog/package.json b/packages/react-components/react-dialog/package.json index a6eece502f1dc9..3d7ae395772c08 100644 --- a/packages/react-components/react-dialog/package.json +++ b/packages/react-components/react-dialog/package.json @@ -37,7 +37,7 @@ "dependencies": { "@griffel/react": "^1.5.2", "@fluentui/react-utilities": "^9.8.0", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@fluentui/keyboard-keys": "^9.0.2", "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-shared-contexts": "^9.3.3", diff --git a/packages/react-components/react-menu/package.json b/packages/react-components/react-menu/package.json index a173e33cda090d..f71dbc699d08b4 100644 --- a/packages/react-components/react-menu/package.json +++ b/packages/react-components/react-menu/package.json @@ -45,7 +45,7 @@ "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-popover/package.json b/packages/react-components/react-popover/package.json index 1c8d53ac9927fc..331efbd8360350 100644 --- a/packages/react-components/react-popover/package.json +++ b/packages/react-components/react-popover/package.json @@ -44,7 +44,7 @@ "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-provider/package.json b/packages/react-components/react-provider/package.json index 9eb446b0fe9f77..5a6f68bdcd9459 100644 --- a/packages/react-components/react-provider/package.json +++ b/packages/react-components/react-provider/package.json @@ -38,7 +38,7 @@ "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-table/package.json b/packages/react-components/react-table/package.json index 9d2359d1cabc05..50b7266a9f7b38 100644 --- a/packages/react-components/react-table/package.json +++ b/packages/react-components/react-table/package.json @@ -43,7 +43,7 @@ "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-toolbar/package.json b/packages/react-components/react-toolbar/package.json index 5779eeffb9ff38..842a45ae434097 100644 --- a/packages/react-components/react-toolbar/package.json +++ b/packages/react-components/react-toolbar/package.json @@ -38,7 +38,7 @@ "@fluentui/react-divider": "^9.2.9", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@fluentui/react-context-selector": "^9.1.18", "@fluentui/react-radio": "^9.1.10", "@fluentui/react-shared-contexts": "^9.3.3", diff --git a/packages/react-components/react-tree/package.json b/packages/react-components/react-tree/package.json index db3dfef4c61965..56dc9822019313 100644 --- a/packages/react-components/react-tree/package.json +++ b/packages/react-components/react-tree/package.json @@ -46,7 +46,7 @@ "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", - "@fluentui/react-jsx-runtime": "^9.0.0-alpha.1", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, From 391878bf4d8a8210a8279a6ced8bf9a64daf4c64 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Tue, 18 Apr 2023 11:18:15 +0200 Subject: [PATCH 11/81] chore(react-jsx-runtime): simplify createElement method (#27573) * chore(react-jsx-runtime): simplify createElement method * chore: rename internal methods --- ...-e321b00b-0fc8-427c-bb82-36948756d961.json | 7 +++ .../react-jsx-runtime/src/createElement.ts | 43 +++++++------------ 2 files changed, 23 insertions(+), 27 deletions(-) create mode 100644 change/@fluentui-react-jsx-runtime-e321b00b-0fc8-427c-bb82-36948756d961.json diff --git a/change/@fluentui-react-jsx-runtime-e321b00b-0fc8-427c-bb82-36948756d961.json b/change/@fluentui-react-jsx-runtime-e321b00b-0fc8-427c-bb82-36948756d961.json new file mode 100644 index 00000000000000..19520bca0aa681 --- /dev/null +++ b/change/@fluentui-react-jsx-runtime-e321b00b-0fc8-427c-bb82-36948756d961.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: simplify createElement method", + "packageName": "@fluentui/react-jsx-runtime", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-jsx-runtime/src/createElement.ts b/packages/react-components/react-jsx-runtime/src/createElement.ts index a891075365f04c..368920c38b5645 100644 --- a/packages/react-components/react-jsx-runtime/src/createElement.ts +++ b/packages/react-components/react-jsx-runtime/src/createElement.ts @@ -10,40 +10,29 @@ export function createElement

( props?: P | null, ...children: React.ReactNode[] ): React.ReactElement

| null { - if (!isSlotComponent(props)) { - return React.createElement(type, props, ...children); + return hasRenderFunction(props) + ? createElementFromRenderFunction(type, props, children) + : React.createElement(type, props, ...children); +} + +function createElementFromRenderFunction

( + type: React.ElementType

, + props: WithMetadata

, + overrideChildren: React.ReactNode[], +): React.ReactElement

| null { + const { [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, ...renderProps } = props; + + if (overrideChildren.length > 0) { + renderProps.children = React.createElement(React.Fragment, {}, ...overrideChildren); } - const result = normalizeRenderFunction(props, children); return React.createElement( React.Fragment, {}, - result.renderFunction(type, { ...result.props, children: result.children }), + renderFunction(type, renderProps as UnknownSlotProps as P), ) as React.ReactElement

; } -function normalizeRenderFunction( - propsWithMetadata: WithMetadata, - overrideChildren?: React.ReactNode[], -): { - props: Props; - children: React.ReactNode; - renderFunction: SlotRenderFunction; -} { - const { [SLOT_RENDER_FUNCTION_SYMBOL]: renderFunction, children: externalChildren, ...props } = propsWithMetadata; - - const children: React.ReactNode = - Array.isArray(overrideChildren) && overrideChildren.length > 0 - ? React.createElement(React.Fragment, {}, ...overrideChildren) - : externalChildren; - - return { - children, - renderFunction, - props: props as UnknownSlotProps as Props, - }; -} - -export function isSlotComponent(props?: Props | null): props is WithMetadata { +export function hasRenderFunction(props?: Props | null): props is WithMetadata { return Boolean(props?.hasOwnProperty(SLOT_RENDER_FUNCTION_SYMBOL)); } From 427022bcb5e7180780f7220a8a282108422b4b46 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Tue, 18 Apr 2023 12:58:31 +0200 Subject: [PATCH 12/81] chore(react-migration-v0-v9): adopt custom JSX pragma (#27554) --- .../react-components/react-migration-v0-v9/package.json | 1 + .../src/components/ItemLayout/ItemLayout.tsx | 8 ++++++-- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/packages/react-components/react-migration-v0-v9/package.json b/packages/react-components/react-migration-v0-v9/package.json index 84753e1f72ff6f..5875802d4d3714 100644 --- a/packages/react-components/react-migration-v0-v9/package.json +++ b/packages/react-components/react-migration-v0-v9/package.json @@ -36,6 +36,7 @@ "@fluentui/react-icons": "^2.0.196", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@fluentui/react-components": "^9.19.0", "@fluentui/react-northstar": "^0.66.4", diff --git a/packages/react-components/react-migration-v0-v9/src/components/ItemLayout/ItemLayout.tsx b/packages/react-components/react-migration-v0-v9/src/components/ItemLayout/ItemLayout.tsx index 5e4c307936ac68..ed5a33f3eb0fc3 100755 --- a/packages/react-components/react-migration-v0-v9/src/components/ItemLayout/ItemLayout.tsx +++ b/packages/react-components/react-migration-v0-v9/src/components/ItemLayout/ItemLayout.tsx @@ -1,10 +1,14 @@ +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; import * as React from 'react'; import { mergeClasses } from '@fluentui/react-components'; import { ComponentProps, ComponentState, getNativeElementProps, - getSlots, + getSlotsNext, Slot, resolveShorthand, } from '@fluentui/react-utilities'; @@ -78,7 +82,7 @@ export const ItemLayout = React.forwardRef((pro state.endMedia.className = mergeClasses(styles.endMedia, state.endMedia.className); } - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( From 49e55d3f25d25b97e86a448b65ce98179d112890 Mon Sep 17 00:00:00 2001 From: Marcos Moura Date: Tue, 18 Apr 2023 14:22:07 +0200 Subject: [PATCH 13/81] fix: remove .cy files from lib config --- packages/react-components/react-card/tsconfig.lib.json | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/packages/react-components/react-card/tsconfig.lib.json b/packages/react-components/react-card/tsconfig.lib.json index e17f808c039339..6f90cf95c005bd 100644 --- a/packages/react-components/react-card/tsconfig.lib.json +++ b/packages/react-components/react-card/tsconfig.lib.json @@ -16,9 +16,7 @@ "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", - "**/*.stories.tsx", - "**/*.cy.ts", - "**/*.cy.tsx" + "**/*.stories.tsx" ], "include": ["./src/**/*.ts", "./src/**/*.tsx"] } From ca1a06e3ffdf3e88dfba992625c0b1c8062ecccb Mon Sep 17 00:00:00 2001 From: Marcos Moura Date: Tue, 18 Apr 2023 14:24:20 +0200 Subject: [PATCH 14/81] fix: remove .cy files from lib config --- packages/react-components/react-card/tsconfig.lib.json | 4 +++- packages/react-components/react-drawer/tsconfig.lib.json | 4 +--- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/react-components/react-card/tsconfig.lib.json b/packages/react-components/react-card/tsconfig.lib.json index 6f90cf95c005bd..e17f808c039339 100644 --- a/packages/react-components/react-card/tsconfig.lib.json +++ b/packages/react-components/react-card/tsconfig.lib.json @@ -16,7 +16,9 @@ "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", - "**/*.stories.tsx" + "**/*.stories.tsx", + "**/*.cy.ts", + "**/*.cy.tsx" ], "include": ["./src/**/*.ts", "./src/**/*.tsx"] } diff --git a/packages/react-components/react-drawer/tsconfig.lib.json b/packages/react-components/react-drawer/tsconfig.lib.json index e17f808c039339..6f90cf95c005bd 100644 --- a/packages/react-components/react-drawer/tsconfig.lib.json +++ b/packages/react-components/react-drawer/tsconfig.lib.json @@ -16,9 +16,7 @@ "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", - "**/*.stories.tsx", - "**/*.cy.ts", - "**/*.cy.tsx" + "**/*.stories.tsx" ], "include": ["./src/**/*.ts", "./src/**/*.tsx"] } From b4951796ab9fa8e6c9a7e0a8fcfa30dbf4008cad Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Tue, 18 Apr 2023 16:48:22 +0200 Subject: [PATCH 15/81] chore(react-breadcrumb): adopt custom JSX pragma (#27604) --- .../react-components/react-breadcrumb/package.json | 1 + .../src/components/Breadcrumb/renderBreadcrumb.tsx | 10 +++++++--- .../BreadcrumbDivider/renderBreadcrumbDivider.tsx | 10 +++++++--- .../components/BreadcrumbItem/renderBreadcrumbItem.tsx | 10 +++++++--- .../components/BreadcrumbLink/renderBreadcrumbLink.tsx | 10 +++++++--- 5 files changed, 29 insertions(+), 12 deletions(-) diff --git a/packages/react-components/react-breadcrumb/package.json b/packages/react-components/react-breadcrumb/package.json index dd8724f7ec96a4..c208c1bcf368c4 100644 --- a/packages/react-components/react-breadcrumb/package.json +++ b/packages/react-components/react-breadcrumb/package.json @@ -38,6 +38,7 @@ "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-breadcrumb/src/components/Breadcrumb/renderBreadcrumb.tsx b/packages/react-components/react-breadcrumb/src/components/Breadcrumb/renderBreadcrumb.tsx index 85d2f540a79380..f05de6ba2ab3b4 100644 --- a/packages/react-components/react-breadcrumb/src/components/Breadcrumb/renderBreadcrumb.tsx +++ b/packages/react-components/react-breadcrumb/src/components/Breadcrumb/renderBreadcrumb.tsx @@ -1,12 +1,16 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import { BreadcrumbProvider } from './BreadcrumbContext'; import type { BreadcrumbState, BreadcrumbSlots, BreadcrumbContextValues } from './Breadcrumb.types'; /** * Render the final JSX of Breadcrumb */ export const renderBreadcrumb_unstable = (state: BreadcrumbState, contextValues: BreadcrumbContextValues) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); const { root, list } = slotProps; return ( diff --git a/packages/react-components/react-breadcrumb/src/components/BreadcrumbDivider/renderBreadcrumbDivider.tsx b/packages/react-components/react-breadcrumb/src/components/BreadcrumbDivider/renderBreadcrumbDivider.tsx index 8aab11683aa7a7..9162c15726fad6 100644 --- a/packages/react-components/react-breadcrumb/src/components/BreadcrumbDivider/renderBreadcrumbDivider.tsx +++ b/packages/react-components/react-breadcrumb/src/components/BreadcrumbDivider/renderBreadcrumbDivider.tsx @@ -1,12 +1,16 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import type { BreadcrumbDividerState, BreadcrumbDividerSlots } from './BreadcrumbDivider.types'; /** * Render the final JSX of BreadcrumbDivider */ export const renderBreadcrumbDivider_unstable = (state: BreadcrumbDividerState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ; }; diff --git a/packages/react-components/react-breadcrumb/src/components/BreadcrumbItem/renderBreadcrumbItem.tsx b/packages/react-components/react-breadcrumb/src/components/BreadcrumbItem/renderBreadcrumbItem.tsx index d0618c09576a44..bec3d568eb4120 100644 --- a/packages/react-components/react-breadcrumb/src/components/BreadcrumbItem/renderBreadcrumbItem.tsx +++ b/packages/react-components/react-breadcrumb/src/components/BreadcrumbItem/renderBreadcrumbItem.tsx @@ -1,12 +1,16 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import type { BreadcrumbItemState, BreadcrumbItemSlots } from './BreadcrumbItem.types'; /** * Render the final JSX of BreadcrumbItem */ export const renderBreadcrumbItem_unstable = (state: BreadcrumbItemState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return {slotProps.root.children}; }; diff --git a/packages/react-components/react-breadcrumb/src/components/BreadcrumbLink/renderBreadcrumbLink.tsx b/packages/react-components/react-breadcrumb/src/components/BreadcrumbLink/renderBreadcrumbLink.tsx index 682caa518a5703..e2acf57c918adf 100644 --- a/packages/react-components/react-breadcrumb/src/components/BreadcrumbLink/renderBreadcrumbLink.tsx +++ b/packages/react-components/react-breadcrumb/src/components/BreadcrumbLink/renderBreadcrumbLink.tsx @@ -1,12 +1,16 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import type { BreadcrumbLinkState, BreadcrumbLinkSlots } from './BreadcrumbLink.types'; /** * Render the final JSX of BreadcrumbLink */ export const renderBreadcrumbLink_unstable = (state: BreadcrumbLinkState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); const { iconOnly, iconPosition } = state; return ( From 2c2438a98002403210039275ce54f94367f2b3fe Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Tue, 18 Apr 2023 16:48:49 +0200 Subject: [PATCH 16/81] chore(react-card): adopt custom JSX pragma (#27606) --- ...eact-card-9dbc7783-9c6c-4b60-b30d-bf7684587328.json | 7 +++++++ packages/react-components/react-card/package.json | 1 + .../react-card/src/components/Card/renderCard.tsx | 10 +++++++--- .../src/components/CardFooter/renderCardFooter.tsx | 10 +++++++--- .../src/components/CardHeader/renderCardHeader.tsx | 10 +++++++--- .../src/components/CardPreview/renderCardPreview.tsx | 10 +++++++--- 6 files changed, 36 insertions(+), 12 deletions(-) create mode 100644 change/@fluentui-react-card-9dbc7783-9c6c-4b60-b30d-bf7684587328.json diff --git a/change/@fluentui-react-card-9dbc7783-9c6c-4b60-b30d-bf7684587328.json b/change/@fluentui-react-card-9dbc7783-9c6c-4b60-b30d-bf7684587328.json new file mode 100644 index 00000000000000..06a6a72280f623 --- /dev/null +++ b/change/@fluentui-react-card-9dbc7783-9c6c-4b60-b30d-bf7684587328.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: adopt custom JSX pragma", + "packageName": "@fluentui/react-card", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-card/package.json b/packages/react-components/react-card/package.json index f12d3001d262e3..22f6e510166734 100644 --- a/packages/react-components/react-card/package.json +++ b/packages/react-components/react-card/package.json @@ -41,6 +41,7 @@ "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-card/src/components/Card/renderCard.tsx b/packages/react-components/react-card/src/components/Card/renderCard.tsx index e934d7567b9028..82efe6a178a756 100644 --- a/packages/react-components/react-card/src/components/Card/renderCard.tsx +++ b/packages/react-components/react-card/src/components/Card/renderCard.tsx @@ -1,5 +1,9 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import type { CardContextValue, CardSlots, CardState } from './Card.types'; import { CardProvider } from './CardContext'; @@ -7,7 +11,7 @@ import { CardProvider } from './CardContext'; * Render the final JSX of Card. */ export const renderCard_unstable = (state: CardState, cardContextValue: CardContextValue) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-card/src/components/CardFooter/renderCardFooter.tsx b/packages/react-components/react-card/src/components/CardFooter/renderCardFooter.tsx index 129e9ba10dc95a..2e002dbc7ec8d7 100644 --- a/packages/react-components/react-card/src/components/CardFooter/renderCardFooter.tsx +++ b/packages/react-components/react-card/src/components/CardFooter/renderCardFooter.tsx @@ -1,12 +1,16 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import type { CardFooterSlots, CardFooterState } from './CardFooter.types'; /** * Render the final JSX of CardFooter. */ export const renderCardFooter_unstable = (state: CardFooterState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-card/src/components/CardHeader/renderCardHeader.tsx b/packages/react-components/react-card/src/components/CardHeader/renderCardHeader.tsx index 46649f68fc4968..50df7c35a3236c 100644 --- a/packages/react-components/react-card/src/components/CardHeader/renderCardHeader.tsx +++ b/packages/react-components/react-card/src/components/CardHeader/renderCardHeader.tsx @@ -1,12 +1,16 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import type { CardHeaderSlots, CardHeaderState } from './CardHeader.types'; /** * Render the final JSX of CardHeader. */ export const renderCardHeader_unstable = (state: CardHeaderState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-card/src/components/CardPreview/renderCardPreview.tsx b/packages/react-components/react-card/src/components/CardPreview/renderCardPreview.tsx index f85b88f18e66c7..ce7491ba7af4da 100644 --- a/packages/react-components/react-card/src/components/CardPreview/renderCardPreview.tsx +++ b/packages/react-components/react-card/src/components/CardPreview/renderCardPreview.tsx @@ -1,12 +1,16 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import type { CardPreviewSlots, CardPreviewState } from './CardPreview.types'; /** * Render the final JSX of CardPreview. */ export const renderCardPreview_unstable = (state: CardPreviewState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( From 3fff8ce8b990696b524a0b7423f056b4317b5fde Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Tue, 18 Apr 2023 16:49:40 +0200 Subject: [PATCH 17/81] chore(react-drawer): adopt custom JSX pragma (#27611) --- packages/react-components/react-drawer/package.json | 1 + .../src/components/Drawer/renderDrawer.tsx | 10 +++++++--- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/packages/react-components/react-drawer/package.json b/packages/react-components/react-drawer/package.json index bd648eec364697..8f7894a70e7b98 100644 --- a/packages/react-components/react-drawer/package.json +++ b/packages/react-components/react-drawer/package.json @@ -38,6 +38,7 @@ "@fluentui/react-dialog": "^9.5.2", "@fluentui/react-theme": "^9.1.7", "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-drawer/src/components/Drawer/renderDrawer.tsx b/packages/react-components/react-drawer/src/components/Drawer/renderDrawer.tsx index 2309335bf7fd9d..6ec4ac8b41ac2c 100644 --- a/packages/react-components/react-drawer/src/components/Drawer/renderDrawer.tsx +++ b/packages/react-components/react-drawer/src/components/Drawer/renderDrawer.tsx @@ -1,5 +1,9 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import type { DrawerState, DrawerSlots } from './Drawer.types'; import { Dialog, DialogSurface, DialogSurfaceProps } from '@fluentui/react-dialog'; @@ -7,7 +11,7 @@ import { Dialog, DialogSurface, DialogSurfaceProps } from '@fluentui/react-dialo * Render the final JSX of Drawer */ export const renderDrawer_unstable = (state: DrawerState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); const dialogSurfaceProps = { ...slotProps.root, From a6ff85541907771d5172fbd804e05a380fd0a906 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Tue, 18 Apr 2023 16:50:05 +0200 Subject: [PATCH 18/81] chore(react-image): adopt custom JSX pragma (#27613) --- ...act-image-73bfeece-0ada-4257-894e-dec72d7fa021.json | 7 +++++++ packages/react-components/react-image/package.json | 1 + .../react-image/src/components/Image/renderImage.tsx | 10 +++++++--- 3 files changed, 15 insertions(+), 3 deletions(-) create mode 100644 change/@fluentui-react-image-73bfeece-0ada-4257-894e-dec72d7fa021.json diff --git a/change/@fluentui-react-image-73bfeece-0ada-4257-894e-dec72d7fa021.json b/change/@fluentui-react-image-73bfeece-0ada-4257-894e-dec72d7fa021.json new file mode 100644 index 00000000000000..2d96d22d0ea0b5 --- /dev/null +++ b/change/@fluentui-react-image-73bfeece-0ada-4257-894e-dec72d7fa021.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: adopt custom JSX pragma", + "packageName": "@fluentui/react-image", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-image/package.json b/packages/react-components/react-image/package.json index fac5b8ce2512d0..645af32fd53bec 100644 --- a/packages/react-components/react-image/package.json +++ b/packages/react-components/react-image/package.json @@ -35,6 +35,7 @@ "@griffel/react": "^1.5.2", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@fluentui/react-theme": "^9.1.7", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-image/src/components/Image/renderImage.tsx b/packages/react-components/react-image/src/components/Image/renderImage.tsx index 1e11216329f065..5c2fb355842161 100644 --- a/packages/react-components/react-image/src/components/Image/renderImage.tsx +++ b/packages/react-components/react-image/src/components/Image/renderImage.tsx @@ -1,5 +1,9 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import { ImageSlots, ImageState } from './Image.types'; /** @@ -7,7 +11,7 @@ import { ImageSlots, ImageState } from './Image.types'; * Given the state of an image, renders it. */ export const renderImage_unstable = (state: ImageState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ; }; From 8b1ce88b43df03b09d0251921a01c0f0499d1cbe Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Tue, 18 Apr 2023 16:51:36 +0200 Subject: [PATCH 19/81] chore(react-text): adopt custom JSX pragma (#27626) --- ...eact-text-d56277ba-aa82-4bb1-9d49-34b563c625d4.json | 7 +++++++ packages/react-components/react-text/package.json | 1 + .../react-text/src/components/Text/renderText.tsx | 10 +++++++--- 3 files changed, 15 insertions(+), 3 deletions(-) create mode 100644 change/@fluentui-react-text-d56277ba-aa82-4bb1-9d49-34b563c625d4.json diff --git a/change/@fluentui-react-text-d56277ba-aa82-4bb1-9d49-34b563c625d4.json b/change/@fluentui-react-text-d56277ba-aa82-4bb1-9d49-34b563c625d4.json new file mode 100644 index 00000000000000..fc1a34681e6be9 --- /dev/null +++ b/change/@fluentui-react-text-d56277ba-aa82-4bb1-9d49-34b563c625d4.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: adopt custom JSX pragma", + "packageName": "@fluentui/react-text", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-text/package.json b/packages/react-components/react-text/package.json index 66b45c402e3701..37d3decd992d7a 100644 --- a/packages/react-components/react-text/package.json +++ b/packages/react-components/react-text/package.json @@ -36,6 +36,7 @@ "@fluentui/react-theme": "^9.1.7", "@griffel/react": "^1.5.2", "@fluentui/react-utilities": "^9.8.0", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-text/src/components/Text/renderText.tsx b/packages/react-components/react-text/src/components/Text/renderText.tsx index 3556d909662059..27244293ca4c7b 100644 --- a/packages/react-components/react-text/src/components/Text/renderText.tsx +++ b/packages/react-components/react-text/src/components/Text/renderText.tsx @@ -1,12 +1,16 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TextSlots, TextState } from './Text.types'; /** * Render the final JSX of Text */ export const renderText_unstable = (state: TextState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ; }; From 011c6f0665a03aa804aac1e0f900e70229518c7c Mon Sep 17 00:00:00 2001 From: Esteban Munoz Facusse Date: Tue, 18 Apr 2023 10:01:40 -0700 Subject: [PATCH 20/81] feat(react-datepicker-compat): Refactor internals to remove Field and unnecessary wrappers (#27509) --- .../src/stories/DatePickerCompat.stories.tsx | 35 +- ...-941024ff-34ce-474a-83db-8bd7a22d4077.json | 7 + .../etc/react-datepicker-compat.api.md | 29 +- .../react-datepicker-compat/package.json | 12 +- .../CalendarDayGrid/CalendarDayGrid.tsx | 4 +- .../components/DatePicker/DatePicker.cy.tsx | 99 +--- .../components/DatePicker/DatePicker.test.tsx | 9 +- .../components/DatePicker/DatePicker.types.ts | 79 +-- .../__snapshots__/DatePicker.test.tsx.snap | 146 +++--- .../src/components/DatePicker/defaults.ts | 1 + .../DatePicker/renderDatePicker.tsx | 42 +- .../components/DatePicker/useDatePicker.tsx | 489 +++++++----------- .../DatePicker/useDatePickerStyles.ts | 76 ++- .../react-datepicker-compat/src/index.ts | 3 +- .../src/utils/usePopupPositioning.ts | 26 + .../DatePicker/DatePickerBestPractices.md | 1 + .../DatePickerControlled.stories.tsx | 17 +- ...DatePickerCustomDateFormatting.stories.tsx | 25 +- .../DatePickerDateBoundaries.stories.tsx | 29 +- .../DatePicker/DatePickerDefault.stories.tsx | 8 +- .../DatePicker/DatePickerDisabled.stories.tsx | 12 +- .../DatePickerFirstDayOfTheWeek.stories.tsx | 9 +- .../DatePicker/DatePickerRequired.stories.tsx | 19 +- .../DatePickerTextInput.stories.tsx | 13 +- .../DatePickerWeekNumbers.stories.tsx | 19 +- 25 files changed, 494 insertions(+), 715 deletions(-) create mode 100644 change/@fluentui-react-datepicker-compat-941024ff-34ce-474a-83db-8bd7a22d4077.json create mode 100644 packages/react-components/react-datepicker-compat/src/utils/usePopupPositioning.ts diff --git a/apps/vr-tests-react-components/src/stories/DatePickerCompat.stories.tsx b/apps/vr-tests-react-components/src/stories/DatePickerCompat.stories.tsx index a6dcf7050d5791..d4e49f10299288 100644 --- a/apps/vr-tests-react-components/src/stories/DatePickerCompat.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/DatePickerCompat.stories.tsx @@ -1,6 +1,7 @@ import * as React from 'react'; import { Steps, StoryWright } from 'storywright'; import { DatePicker as DatePickerBase, DateRangeType } from '@fluentui/react-datepicker-compat'; +import { Field } from '@fluentui/react-field'; import { storiesOf } from '@storybook/react'; import { TestWrapperDecorator } from '../utilities/TestWrapperDecorator'; import type { DatePickerProps } from '@fluentui/react-datepicker-compat'; @@ -37,18 +38,14 @@ storiesOf('DatePicker Compat', module) .addDecorator(story => ( {story()} )) - .addStory('DateRange: day', () => ( - - )) - .addStory('DateRange: week', () => ( - - )) + .addStory('DateRange: day', () => ) + .addStory('DateRange: week', () => ) .addStory('DateRange: work week', () => ( - + )) .addStory( 'DateRange: month', - () => , + () => , { includeDarkMode: true, includeHighContrast: true, @@ -61,7 +58,7 @@ storiesOf('DatePicker Compat', module) calendar={{ calendarDayProps: { getMarkedDays: (start, end) => [new Date('3/15/2023'), new Date('3/10/2023')] }, }} - popover={{ open: true }} + defaultOpen={true} /> ), { @@ -69,12 +66,24 @@ storiesOf('DatePicker Compat', module) includeHighContrast: true, }, ) - .addStory('showWeekNumbers', () => , { + .addStory('showWeekNumbers', () => , { includeDarkMode: true, includeHighContrast: true, }) .addStory('allowTextInput', () => ) - .addStory('Required', () => ) + .addStory('Required', () => ( + + + + )) .addStory('Underlined', () => ) - .addStory('Underlined and required', () => ) - .addStory('With label', () => ); + .addStory('Underlined and required', () => ( + + + + )) + .addStory('With label', () => ( + + + + )); diff --git a/change/@fluentui-react-datepicker-compat-941024ff-34ce-474a-83db-8bd7a22d4077.json b/change/@fluentui-react-datepicker-compat-941024ff-34ce-474a-83db-8bd7a22d4077.json new file mode 100644 index 00000000000000..3dea3e682b6895 --- /dev/null +++ b/change/@fluentui-react-datepicker-compat-941024ff-34ce-474a-83db-8bd7a22d4077.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "feat: Refactor DatePicker to remove Field and error handling logic.", + "packageName": "@fluentui/react-datepicker-compat", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md b/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md index 866f73ef186db2..1fb0c3c435cc94 100644 --- a/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md +++ b/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md @@ -8,11 +8,9 @@ import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; -import { Field } from '@fluentui/react-field'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { Input } from '@fluentui/react-input'; -import type { PopoverProps } from '@fluentui/react-popover'; -import { PopoverSurface } from '@fluentui/react-popover'; +import type { PositioningProps } from '@fluentui/react-positioning'; import * as React_2 from 'react'; import type { Slot } from '@fluentui/react-utilities'; import type { SlotClassNames } from '@fluentui/react-utilities'; @@ -155,11 +153,10 @@ export const DatePicker: ForwardRefComponent; export const datePickerClassNames: SlotClassNames; // @public (undocumented) -export type DatePickerProps = ComponentProps> & { +export type DatePickerProps = Omit>, 'defaultValue' | 'value'> & { componentRef?: React_2.RefObject; onSelectDate?: (date: Date | null | undefined) => void; - label?: string; - isRequired?: boolean; + required?: boolean; disabled?: boolean; underlined?: boolean; isMonthPickerVisible?: boolean; @@ -167,13 +164,18 @@ export type DatePickerProps = ComponentProps> & { allowTextInput?: boolean; disableAutoFocus?: boolean; openOnClick?: boolean; + defaultOpen?: boolean; + open?: boolean; + onOpenChange?: (open: boolean) => void; + inlinePopup?: boolean; + positioning?: PositioningProps; placeholder?: string; today?: Date; value?: Date; formatDate?: (date?: Date) => string; parseDateFromString?: (dateStr: string) => Date | null; firstDayOfWeek?: DayOfWeek; - strings?: DatePickerStrings; + strings?: CalendarStrings; highlightCurrentMonth?: boolean; highlightSelectedMonth?: boolean; showWeekNumbers?: boolean; @@ -185,19 +187,9 @@ export type DatePickerProps = ComponentProps> & { maxDate?: Date; initialPickerDate?: Date; allFocusable?: boolean; - onAfterMenuDismiss?: () => void; showCloseButton?: boolean; - tabIndex?: number; }; -// @public (undocumented) -export interface DatePickerStrings extends CalendarStrings { - invalidInputErrorMessage?: string; - isOutOfBoundsErrorMessage?: string; - isRequiredErrorMessage?: string; - isResetStatusMessage?: string; -} - // @public export enum DateRangeType { // (undocumented) @@ -234,9 +226,6 @@ export const DAYS_IN_WEEK = 7; // @public (undocumented) export const defaultCalendarStrings: CalendarStrings; -// @public (undocumented) -export const defaultDatePickerStrings: DatePickerStrings; - // @public export enum FirstWeekOfYear { // (undocumented) diff --git a/packages/react-components/react-datepicker-compat/package.json b/packages/react-components/react-datepicker-compat/package.json index 8b5c5c2132295f..dcad0c1b4dc093 100644 --- a/packages/react-components/react-datepicker-compat/package.json +++ b/packages/react-components/react-datepicker-compat/package.json @@ -34,16 +34,16 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-theme": "^9.1.7", - "@fluentui/react-utilities": "^9.8.0", "@fluentui/keyboard-keys": "^9.0.2", - "@fluentui/react-field": "^9.1.0", "@fluentui/react-icons": "^2.0.196", - "@fluentui/react-shared-contexts": "^9.3.3", - "@fluentui/react-tabster": "^9.6.5", + "@fluentui/react-input": "^9.4.10", "@fluentui/react-popover": "^9.5.9", + "@fluentui/react-portal": "^9.2.6", "@fluentui/react-positioning": "^9.5.10", - "@fluentui/react-input": "^9.4.10", + "@fluentui/react-shared-contexts": "^9.3.3", + "@fluentui/react-tabster": "^9.6.5", + "@fluentui/react-theme": "^9.1.7", + "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx index 2210c733ef6b37..78a9956110fd2d 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx @@ -163,7 +163,7 @@ export const CalendarDayGrid: React.FunctionComponent = pr weekIndex={-1} rowClassName={classNames.firstTransitionWeek} aria-role="presentation" - aria-hidden={true} + ariaHidden={true} /> {weeks!.slice(1, weeks!.length - 1).map((week: DayInfo[], weekIndex: number) => ( = pr weekIndex={-2} rowClassName={classNames.lastTransitionWeek} aria-role="presentation" - aria-hidden={true} + ariaHidden={true} /> diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx index daec8df4f5f373..c6e4b86d949bc5 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx @@ -12,7 +12,6 @@ const mount = (element: JSX.Element) => { const inputSelector = '[role="combobox"]'; const popoverSelector = '[role="dialog"]'; -const fieldErrorMessageSelector = '[role=alert]'; describe('DatePicker', () => { it('opens a default datepicker', () => { @@ -26,106 +25,10 @@ describe('DatePicker', () => { cy.get(inputSelector).click({ force: true }).get(popoverSelector).should('not.exist'); }); - it('should render DatePicker and calloutId must exist in the DOM when isDatePickerShown is set', () => { + it('should render DatePicker and popupId must exist in the DOM when the popup is open', () => { mount(); cy.get(inputSelector).click(); cy.get('body').find('[aria-owns]').should('exist'); }); - - it('should clear error message when required input has date text and allowTextInput is true', () => { - mount(); - - // Open DatePicker and dismiss - cy.get(inputSelector).click().get('body').click('bottomRight'); - cy.get(fieldErrorMessageSelector).should('exist'); - - // Type a date and dismiss - cy.get(inputSelector).click().click().type('Jan 1 2030').get('body').click('bottomRight'); - - cy.get(fieldErrorMessageSelector).should('not.exist'); - }); - - it('clears error message when required input has date selected from calendar and allowTextInput is true', () => { - mount(); - - // Open picker and dismiss to show error message - cy.get(inputSelector).click().get('body').click('bottomRight'); - cy.get(fieldErrorMessageSelector).should('exist'); - - // Select a date from calendar, we choose 10 since the first 0-6 days in the grid are not really dates, and dismiss - cy.get(inputSelector).click().get('[role="gridcell"]').its(10).click().get('body').click('bottomRight'); - cy.get(fieldErrorMessageSelector).should('not.exist'); - }); - - it('should not clear initial error when datepicker is opened', () => { - mount(); - - cy.get(fieldErrorMessageSelector).should('exist'); - - // open and dismiss picker - cy.get(inputSelector).click().get('body').click('bottomRight'); - cy.get(fieldErrorMessageSelector).should('exist'); - }); - - it('should reset status message after selecting a valid date', () => { - mount(); - - cy.get(fieldErrorMessageSelector).should('not.exist'); - cy.get(inputSelector).click().click().type('test').get('body').click('bottomRight'); - cy.get(fieldErrorMessageSelector).should('exist'); - cy.get(inputSelector).click().get('[role="gridcell"]').its(10).click().get('body').click('bottomRight'); - cy.get(fieldErrorMessageSelector).should('not.exist'); - }); -}); - -describe('When boundaries are specified', () => { - const defaultDate = new Date('Dec 15 2017'); - const minDate = new Date('Jan 1 2017'); - const maxDate = new Date('Dec 31 2017'); - const strings = { - months: [ - 'January', - 'February', - 'March', - 'April', - 'May', - 'June', - 'July', - 'August', - 'September', - 'October', - 'November', - 'December', - ], - shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], - days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], - shortDays: ['S', 'M', 'T', 'W', 'T', 'F', 'S'], - goToToday: 'Go to today', - isOutOfBoundsErrorMessage: 'out of bounds', - }; - - beforeEach(() => { - mount(); - }); - - it('should throw validation error for date outside boundary', () => { - // Before min date - cy.get(inputSelector).click().click().clear().type('Jan 1 2010{enter}').get('body').click('bottomRight'); - cy.get(fieldErrorMessageSelector).should('exist').should('have.text', 'out of bounds'); - - // After max date - cy.get(inputSelector).click().click().clear().type('Jan 1 2020{enter}').get('body').click('bottomRight'); - cy.get(fieldErrorMessageSelector).should('exist').should('have.text', 'out of bounds'); - }); - - it('should not throw validation error for date inside boundary', () => { - // In boundary - cy.get(inputSelector).click().click().clear().type('Dec 16 2017{enter}').get('body').click('bottomRight'); - cy.get(fieldErrorMessageSelector).should('not.exist'); - - // In boundary - cy.get(inputSelector).click().click().clear().type('Jan 1 2017{enter}').get('body').click('bottomRight'); - cy.get(fieldErrorMessageSelector).should('not.exist'); - }); }); diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx index 93200e4cf71793..0f29dc07ad0dc6 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx @@ -38,10 +38,7 @@ describe('DatePicker', () => { props: {}, expectedClassNames: { root: datePickerClassNames.root, - field: datePickerClassNames.field, - wrapper: datePickerClassNames.wrapper, - popoverSurface: datePickerClassNames.popoverSurface, - input: datePickerClassNames.input, + popupSurface: datePickerClassNames.popupSurface, calendar: datePickerClassNames.calendar, }, getPortalElement: getDatepickerPopoverElement, @@ -55,7 +52,7 @@ describe('DatePicker', () => { expect(result.findByTestId('test-id')).toBeTruthy(); }); - it('should not render DatePicker when isDatePickerShown is not set', () => { + it('should not render popup when it is not open', () => { const result = render(); expect(result).toMatchSnapshot(); }); @@ -72,7 +69,7 @@ describe('DatePicker', () => { it('should call onSelectDate even when required input is empty when allowTextInput is true', () => { const onSelectDate = jest.fn(); - const result = render(); + const result = render(); const input = result.getByRole('combobox'); fireEvent.change(input, { target: { value: 'Jan 1 2030' } }); diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts index 3da1b83ade0eac..d4aea2095fdf24 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts @@ -1,36 +1,30 @@ import * as React from 'react'; -import { Input } from '@fluentui/react-input'; -import { Field } from '@fluentui/react-field'; import { DayOfWeek, FirstWeekOfYear } from '../../utils'; -import { PopoverSurface } from '@fluentui/react-popover'; -import type { PopoverProps } from '@fluentui/react-popover'; +import { Input } from '@fluentui/react-input'; import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; import type { CalendarProps } from '../Calendar/Calendar.types'; import type { CalendarStrings, DateFormatting } from '../../utils'; +import type { PositioningProps } from '@fluentui/react-positioning'; export type DatePickerSlots = { - root: NonNullable>; - field: NonNullable>; - input: NonNullable>; - wrapper: NonNullable>; - popover: NonNullable>>; - popoverSurface: NonNullable>; + root: NonNullable>; calendar: NonNullable>>; + popupSurface?: Slot<'div'>; }; // eslint-disable-next-line @typescript-eslint/naming-convention export interface IDatePicker { - /** Sets focus to the text field */ + /** Sets focus to the input */ focus(): void; /** Reset the state of the picker to the default */ reset(): void; - /** Open the datepicker callout */ + /** Open the datepicker popup */ showDatePickerPopup(): void; } -export type DatePickerProps = ComponentProps> & { +export type DatePickerProps = Omit>, 'defaultValue' | 'value'> & { /** * Optional callback to access the IDatePicker interface. Use this instead of ref for accessing * the public methods and properties of the component. @@ -43,15 +37,10 @@ export type DatePickerProps = ComponentProps> & { onSelectDate?: (date: Date | null | undefined) => void; /** - * Label for the DatePicker - */ - label?: string; - - /** - * Whether the DatePicker is a required field or not + * Whether the DatePicker is a required field or not. When using ``, this prop is automatically set. * @default false */ - isRequired?: boolean; + required?: boolean; /** * Disabled state of the DatePicker. @@ -96,6 +85,39 @@ export type DatePickerProps = ComponentProps> & { */ openOnClick?: boolean; + /** + * Whether the DatePicker should be open by default + * + * @default false + */ + defaultOpen?: boolean; + + /** + * Whether the DatePicker is open or not + * + * @default false + */ + open?: boolean; + + /** + * Callback to run when the DatePicker's open state changes + */ + onOpenChange?: (open: boolean) => void; + + /** + * Whether the DatePicker should render the popup as inline or in a portal + * + * @default false + */ + inlinePopup?: boolean; + + /** + * Configure the positioning of the DatePicker dialog + * + * @default below + */ + positioning?: PositioningProps; + /** * Placeholder text for the DatePicker */ @@ -130,9 +152,9 @@ export type DatePickerProps = ComponentProps> & { firstDayOfWeek?: DayOfWeek; /** - * Localized strings to use in the DatePicker + * Localized strings to use in the Calendar */ - strings?: DatePickerStrings; + strings?: CalendarStrings; /** * Whether the month picker should highlight the current month @@ -196,27 +218,18 @@ export type DatePickerProps = ComponentProps> & { */ allFocusable?: boolean; - /** - * Callback that runs after DatePicker's menu (Calendar) is closed - */ - onAfterMenuDismiss?: () => void; - /** * Whether the CalendarDay close button should be shown or not. */ showCloseButton?: boolean; - - /** - * The tabIndex of the Input - */ - tabIndex?: number; }; export type DatePickerState = ComponentState & { disabled: boolean; - isDatePickerShown: boolean; + inlinePopup: boolean; }; +// TODO: remove this once we add error handling hook export interface DatePickerStrings extends CalendarStrings { /** * Error message to render for Input if isRequired validation fails. diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap b/packages/react-components/react-datepicker-compat/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap index 847e2f30745755..ac4fa18fffa310 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap @@ -1,105 +1,77 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP -exports[`DatePicker should not render DatePicker when isDatePickerShown is not set 1`] = ` +exports[`DatePicker should not render popup when it is not open 1`] = ` Object { "asFragment": [Function], "baseElement":

-
- -
+ + + +
, "container":
-
- -
+ + + +
, "debug": [Function], "findAllByAltText": [Function], diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/defaults.ts b/packages/react-components/react-datepicker-compat/src/components/DatePicker/defaults.ts index 074d1795b30ddf..73c04316570528 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/defaults.ts +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/defaults.ts @@ -1,6 +1,7 @@ import { defaultCalendarStrings } from '../Calendar/defaults'; import type { DatePickerStrings } from './DatePicker.types'; +// TODO: Once we have error handling hook, this needs to be either renamed or removed. export const defaultDatePickerStrings: DatePickerStrings = { ...defaultCalendarStrings, prevMonthAriaLabel: 'Go to previous month', diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/renderDatePicker.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/renderDatePicker.tsx index ec0bd1391b231d..857785f1c8bf8c 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/renderDatePicker.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/renderDatePicker.tsx @@ -1,41 +1,31 @@ import * as React from 'react'; -import { PopoverTrigger } from '@fluentui/react-popover'; import { getSlots } from '@fluentui/react-utilities'; +import { Portal } from '@fluentui/react-portal'; import type { CalendarProps } from '../Calendar/Calendar.types'; import type { DatePickerSlots, DatePickerState } from './DatePicker.types'; -import type { PopoverProps } from '@fluentui/react-popover'; /** * Render the final JSX of DatePicker */ export const renderDatePicker_unstable = (state: DatePickerState) => { const { slots, slotProps } = getSlots(state); + const { inlinePopup } = state; return ( - - - - - {popoverTriggerChildProps => { - // onKeyDown/Up and onClick are not needed as DatePicker handles opening and closing the popover - // internally. These also cause issues when typing in the input and clicking the input to open, not - // letting the user open the popover by clicking the input and causing issues with BACKSPACE and SPACE - // keys. - const { onClick, onKeyDown, onKeyUp, role, ...inputTriggerProps } = popoverTriggerChildProps; - const inputProps = { input: { ...inputTriggerProps } }; - - return ( - - - - ); - }} - - + <> + + {slots.popupSurface && + (inlinePopup ? ( + - - - - + + ) : ( + + + + + + ))} + ); }; diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx index 5c5e3a3ef13be6..3cfb1323308d2d 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx @@ -2,31 +2,32 @@ import * as React from 'react'; import { ArrowDown, Enter, Escape } from '@fluentui/keyboard-keys'; import { CalendarMonthRegular } from '@fluentui/react-icons'; import { Input } from '@fluentui/react-input'; -import { Field } from '@fluentui/react-field'; +import { useFocusFinders, useModalAttributes } from '@fluentui/react-tabster'; import { - getNativeElementProps, mergeCallbacks, resolveShorthand, useControllableState, + useEventCallback, useId, + useMergedRefs, + useOnClickOutside, + useOnScrollOutside, } from '@fluentui/react-utilities'; -import { compareDatePart, getDatePartHashValue, DayOfWeek, FirstWeekOfYear } from '../../utils'; +import { compareDatePart, DayOfWeek, FirstWeekOfYear } from '../../utils'; import { Calendar } from '../Calendar/Calendar'; -import { defaultDatePickerStrings } from './defaults'; -import { OnOpenChangeData, OpenPopoverEvents, Popover } from '@fluentui/react-popover'; -import { PopoverSurface } from '@fluentui/react-popover'; -import { PositioningImperativeRef } from '@fluentui/react-positioning'; -import type { PopoverProps } from '@fluentui/react-popover'; +import { usePopupPositioning } from '../../utils/usePopupPositioning'; +import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts'; import type { InputProps, InputOnChangeData } from '@fluentui/react-input'; import type { CalendarProps, ICalendar } from '../Calendar/Calendar.types'; import type { DatePickerProps, DatePickerState } from './DatePicker.types'; +import { defaultCalendarStrings } from '../Calendar/defaults'; function isDateOutOfBounds(date: Date, minDate?: Date, maxDate?: Date): boolean { return (!!minDate && compareDatePart(minDate!, date) > 0) || (!!maxDate && compareDatePart(maxDate!, date) < 0); } function useFocusLogic() { - const inputRef = React.useRef<{ focus: () => void }>(null); + const inputRef = React.useRef(null); const preventFocusOpeningPicker = React.useRef(false); const focus = () => { @@ -40,24 +41,28 @@ function useFocusLogic() { return [focus, inputRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] as const; } -function useCalendarVisibility({ allowTextInput, onAfterMenuDismiss }: DatePickerProps, focus: () => void) { - const [isCalendarShown, setIsCalendarShown] = React.useState(false); +function usePopupVisibility(props: DatePickerProps) { + const [open, setOpen] = useControllableState({ + initialState: false, + defaultState: props.defaultOpen, + state: props.open, + }); const isMounted = React.useRef(false); React.useEffect( () => { - if (isMounted.current && !isCalendarShown) { + if (isMounted.current && !open) { // If DatePicker's menu (Calendar) is closed, run onAfterMenuDismiss - onAfterMenuDismiss?.(); + props.onOpenChange?.(false); } isMounted.current = true; }, - // Should only run on allowTextInput or isCalendarShown change + // Should only run on allowTextInput or open change // eslint-disable-next-line react-hooks/exhaustive-deps - [allowTextInput, isCalendarShown], + [props.allowTextInput, open], ); - return [isCalendarShown, setIsCalendarShown] as const; + return [open, setOpen] as const; } function useSelectedDate({ formatDate, onSelectDate, value }: DatePickerProps) { @@ -87,103 +92,6 @@ function useSelectedDate({ formatDate, onSelectDate, value }: DatePickerProps) { return [selectedDate, formattedDate, setSelectedDate, setFormattedDate] as const; } -function useErrorMessage( - { - allowTextInput, - formatDate, - isRequired, - maxDate, - minDate, - onSelectDate, - parseDateFromString, - strings, - }: DatePickerProps, - selectedDate: Date | undefined, - setSelectedDate: (date: Date | undefined) => void, - inputValue: string, - isCalendarShown: boolean, -) { - const [errorMessage, setErrorMessage] = React.useState(); - const [statusMessage, setStatusMessage] = React.useState(); - - const validateTextInput = (date: Date | null = null): void => { - if (allowTextInput) { - if (inputValue || date) { - // Don't parse if the selected date has the same formatted string as what we're about to parse. - // The formatted string might be ambiguous (ex: "1/2/3" or "New Year Eve") and the parser might - // not be able to come up with the exact same date. - if (selectedDate && !errorMessage && formatDate && formatDate(date ?? selectedDate) === inputValue) { - return; - } - date = date || parseDateFromString!(inputValue); - - // Check if date is null, or date is Invalid Date - if (!date || isNaN(date.getTime())) { - // Reset invalid input field, if formatting is available - setSelectedDate(selectedDate); - // default the newer isResetStatusMessage string to invalidInputErrorMessage for legacy support - const selectedText = formatDate ? formatDate(selectedDate) : ''; - const statusText = strings!.isResetStatusMessage - ? strings!.isResetStatusMessage.replace('{0}', inputValue).replace('{1}', selectedText) - : strings!.invalidInputErrorMessage || ''; - setStatusMessage(statusText); - } else { - // Check against optional date boundaries - if (isDateOutOfBounds(date, minDate, maxDate)) { - setErrorMessage(strings!.isOutOfBoundsErrorMessage || ' '); - } else { - setSelectedDate(date); - setErrorMessage(undefined); - setStatusMessage(undefined); - } - } - } else { - // Only show error for empty inputValue if it is a required field - setErrorMessage(isRequired ? strings!.isRequiredErrorMessage || ' ' : undefined); - - // If no input date string or input date string is invalid - // date variable will be null, callback should expect null value for this case - onSelectDate?.(date); - } - } else if (isRequired && !inputValue) { - // Check when DatePicker is a required field but has NO input value - setErrorMessage(strings!.isRequiredErrorMessage || ' '); - } else { - // Cleanup the error message and status message - setErrorMessage(undefined); - setStatusMessage(undefined); - } - }; - - const minDatePartHashValue = minDate && getDatePartHashValue(minDate); - const maxDatePartHashValue = maxDate && getDatePartHashValue(maxDate); - const selectedDatePartHashValue = selectedDate && getDatePartHashValue(selectedDate); - React.useEffect(() => { - if (isRequired && !selectedDate) { - setErrorMessage(strings!.isRequiredErrorMessage || ' '); - } else if (selectedDate && isDateOutOfBounds(selectedDate, minDate, maxDate)) { - setErrorMessage(strings!.isOutOfBoundsErrorMessage || ' '); - } else { - setErrorMessage(undefined); - } - // eslint-disable-next-line react-hooks/exhaustive-deps - }, [ - // We don't want to compare the date itself, since two instances of date at the same time are not equal - minDatePartHashValue, - maxDatePartHashValue, - selectedDatePartHashValue, - isRequired, - ]); - - return [ - isCalendarShown ? undefined : errorMessage, - validateTextInput, - setErrorMessage, - isCalendarShown ? undefined : statusMessage, - setStatusMessage, - ] as const; -} - const defaultFormatDate = (date?: Date) => (date ? date.toDateString() : ''); const defaultParseDateFromString = (dateStr: string) => { const date = Date.parse(dateStr); @@ -197,7 +105,7 @@ const defaultParseDateFromString = (dateStr: string) => { * before being passed to renderDatePicker_unstable. * * @param props - props from this instance of DatePicker - * @param ref - reference to root HTMLElement of DatePicker + * @param ref - reference to root Input slot */ export const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref): DatePickerState => { const { @@ -205,7 +113,7 @@ export const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref(null); - - const [focus, _, preventFocusOpeningPicker, preventNextFocusOpeningPicker] = useFocusLogic(); - const [isCalendarShown, setIsCalendarShown] = useCalendarVisibility({ allowTextInput, onAfterMenuDismiss }, focus); + const [focus, rootRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] = useFocusLogic(); const [selectedDate, formattedDate, setSelectedDate, setFormattedDate] = useSelectedDate({ formatDate, onSelectDate: onUserSelectDate, value, }); - const [errorMessage, validateTextInput, setErrorMessage, statusMessage, setStatusMessage] = useErrorMessage( - { + const [open, setOpenState] = usePopupVisibility(props); + const popupSurfaceId = useId('datePicker-popoverSurface'); + + const validateTextInput = React.useCallback( + (date: Date | null = null): void => { + if (allowTextInput) { + if (formattedDate || date) { + // Don't parse if the selected date has the same formatted string as what we're about to parse. + // The formatted string might be ambiguous (ex: "1/2/3" or "New Year Eve") and the parser might + // not be able to come up with the exact same date. + if (selectedDate && formatDate && formatDate(date ?? selectedDate) === formattedDate) { + return; + } + date = date || parseDateFromString!(formattedDate); + + // Check if date is null or date is and invalid date + if (!date || isNaN(date.getTime())) { + // Reset input if formatting is available + setSelectedDate(selectedDate); + } else if (!isDateOutOfBounds(date, minDate, maxDate)) { + setSelectedDate(date); + } + } else if (onUserSelectDate) { + onUserSelectDate(date); + } + } + }, + [ allowTextInput, formatDate, - isRequired, + formattedDate, maxDate, minDate, - onSelectDate: onUserSelectDate, + onUserSelectDate, parseDateFromString, - strings, + selectedDate, + setSelectedDate, + ], + ); + + const setOpen = React.useCallback( + (newState: boolean) => { + onOpenChange?.(newState); + setOpenState(newState); }, - selectedDate, - setSelectedDate, - formattedDate, - isCalendarShown, + [onOpenChange, setOpenState], ); const dismissDatePickerPopup = React.useCallback( (newlySelectedDate?: Date): void => { - if (isCalendarShown) { - setIsCalendarShown(false); + if (open) { + setOpen(false); validateTextInput(newlySelectedDate); if (!allowTextInput && newlySelectedDate) { @@ -273,15 +205,15 @@ export const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref { - if (!isCalendarShown) { + if (!open) { preventNextFocusOpeningPicker(); - setIsCalendarShown(true); + setOpen(true); } - }, [isCalendarShown, preventNextFocusOpeningPicker, setIsCalendarShown]); + }, [open, preventNextFocusOpeningPicker, setOpen]); /** * Callback for closing the calendar callout @@ -290,75 +222,36 @@ export const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref { preventNextFocusOpeningPicker(); dismissDatePickerPopup(newlySelectedDate); - // don't need to focus the text box, if necessary the focusTrapZone will do it }, [dismissDatePickerPopup, preventNextFocusOpeningPicker], ); - const handleEscKey = React.useCallback( - (ev: React.KeyboardEvent): void => { - if (isCalendarShown) { - ev.stopPropagation(); - calendarDismissed(); - } - }, - [calendarDismissed, isCalendarShown], - ); - - React.useImperativeHandle( - props.componentRef, - () => ({ - focus, - reset() { - setIsCalendarShown(false); - setSelectedDate(undefined); - setErrorMessage(undefined); - setStatusMessage(undefined); - }, - showDatePickerPopup, - }), - [focus, setErrorMessage, setIsCalendarShown, setSelectedDate, setStatusMessage, showDatePickerPopup], - ); - - const onInputFocus = React.useCallback((): void => { - if (disableAutoFocus) { - return; - } - - if (!allowTextInput) { - if (!preventFocusOpeningPicker.current) { - showDatePickerPopup(); - } - preventFocusOpeningPicker.current = false; - } - }, [allowTextInput, disableAutoFocus, preventFocusOpeningPicker, showDatePickerPopup]); - - const onInputBlur = React.useCallback((): void => { - validateTextInput(); - }, [validateTextInput]); - const onInputChange = React.useCallback( - (ev: React.FormEvent, data: InputOnChangeData): void => { + (ev: React.ChangeEvent, data: InputOnChangeData) => { const { value: newValue } = data; if (allowTextInput) { - if (isCalendarShown) { + if (open) { dismissDatePickerPopup(); } setFormattedDate(newValue); } }, - [allowTextInput, dismissDatePickerPopup, isCalendarShown, setFormattedDate], + [allowTextInput, dismissDatePickerPopup, open, setFormattedDate], ); + const onInputBlur: React.FocusEventHandler = React.useCallback((): void => { + validateTextInput(); + }, [validateTextInput]); + const onInputKeyDown = React.useCallback( (ev: React.KeyboardEvent): void => { switch (ev.key) { case Enter: ev.preventDefault(); ev.stopPropagation(); - if (!isCalendarShown) { + if (!open) { validateTextInput(); showDatePickerPopup(); } else { @@ -371,11 +264,16 @@ export const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref { + const onInputFocus: React.FocusEventHandler = React.useCallback((): void => { + if (disableAutoFocus) { + return; + } + + if (!allowTextInput) { + if (!preventFocusOpeningPicker.current) { + showDatePickerPopup(); + } + preventFocusOpeningPicker.current = false; + } + }, [allowTextInput, disableAutoFocus, preventFocusOpeningPicker, showDatePickerPopup]); + + const onInputClick: React.MouseEventHandler = React.useCallback((): void => { // default openOnClick to !props.disableAutoFocus for legacy support of disableAutoFocus behavior - const openOnClick = props.openOnClick || !props.disableAutoFocus; - if (openOnClick && !isCalendarShown && !props.disabled) { + if ((openOnClick || !disableAutoFocus) && !open && !props.disabled) { showDatePickerPopup(); return; } - if (props.allowTextInput) { + + if (allowTextInput) { dismissDatePickerPopup(); } }, [ + allowTextInput, + disableAutoFocus, dismissDatePickerPopup, - isCalendarShown, - props.allowTextInput, + openOnClick, + open, props.disabled, - props.disableAutoFocus, - props.openOnClick, showDatePickerPopup, ]); const onIconClick = (ev: React.MouseEvent): void => { ev.stopPropagation(); - if (!isCalendarShown && !props.disabled) { + if (!open && !props.disabled) { showDatePickerPopup(); } else if (props.allowTextInput) { dismissDatePickerPopup(); } }; - const inputId = props.id && props.id !== id ? props.id : id + '-label'; - const inputAppearance: InputProps['appearance'] = underlined ? 'underline' : borderless ? 'filled-lighter' : 'outline'; - const onPopoverOpenChange = React.useCallback( - (ev: OpenPopoverEvents, data: OnOpenChangeData) => { - if (!data.open) { - calendarDismissed(); - } - }, - [calendarDismissed], - ); - - const root = getNativeElementProps('div', { - ref, - ...props, - }); - - const inputRef = React.useRef(null); - const inputShorthand = resolveShorthand(props.input, { + const [triggerWrapperRef, popupRef] = usePopupPositioning(props); + const rootShorthand = resolveShorthand(restOfProps, { required: true, defaultProps: { appearance: inputAppearance, - 'aria-controls': isCalendarShown ? calloutId : undefined, - 'aria-expanded': isCalendarShown, + 'aria-controls': open ? popupSurfaceId : undefined, + 'aria-expanded': open, 'aria-haspopup': 'dialog', - 'aria-label': props['aria-label'], contentAfter: } />, - disabled, - id: inputId, - placeholder, readOnly: !allowTextInput, - required: isRequired, role: 'combobox', - tabIndex, root: { - ref: inputRef, + ref: useMergedRefs(triggerWrapperRef, ref), + 'aria-owns': popupSurfaceId, + }, + input: { + ref: rootRef, }, }, }); - inputShorthand.onBlur = onInputBlur; - inputShorthand.onClick = onInputClick; - inputShorthand.onFocus = onInputFocus; - inputShorthand.onKeyDown = onInputKeyDown; - inputShorthand.onChange = mergeCallbacks(onInputChange, props.input?.onChange); - inputShorthand.value = formattedDate; - - const fieldShorthand = resolveShorthand(props.field, { - defaultProps: { - label, - required: isRequired, - validationMessage: errorMessage ?? statusMessage, - validationState: errorMessage ? 'error' : undefined, - }, - required: true, + rootShorthand.onChange = mergeCallbacks(rootShorthand.onChange, onInputChange); + rootShorthand.onBlur = mergeCallbacks(rootShorthand.onBlur, onInputBlur); + rootShorthand.onKeyDown = mergeCallbacks(rootShorthand.onKeyDown, onInputKeyDown); + rootShorthand.onFocus = mergeCallbacks(rootShorthand.onFocus, onInputFocus); + rootShorthand.onClick = mergeCallbacks(rootShorthand.onClick, onInputClick); + + const { modalAttributes } = useModalAttributes({ trapFocus: true, alwaysFocusable: true, legacyTrapFocus: false }); + const popupSurfaceShorthand = open + ? resolveShorthand(props.popupSurface, { + required: true, + defaultProps: { + 'aria-label': 'Calendar', + 'aria-modal': true, + id: popupSurfaceId, + role: 'dialog', + ref: popupRef, + ...modalAttributes, + }, + }) + : undefined; + + const { targetDocument } = useFluent(); + useOnClickOutside({ + element: targetDocument, + callback: ev => dismissDatePickerPopup(), + refs: [triggerWrapperRef, popupRef], + disabled: !open, }); - const wrapperShorthand = resolveShorthand(props.wrapper, { - defaultProps: { - 'aria-owns': isCalendarShown ? calloutId : undefined, - }, - required: true, + useOnScrollOutside({ + element: targetDocument, + callback: ev => dismissDatePickerPopup(), + refs: [triggerWrapperRef, popupRef], + disabled: !open, }); - const positioningRef = React.useRef(null); - const popoverShorthand = resolveShorthand(props.popover, { - defaultProps: { - onOpenChange: onPopoverOpenChange, - open: isCalendarShown, - positioning: { align: 'start', position: 'below', positioningRef }, - trapFocus: true, - }, - required: true, - }); + const { findFirstFocusable } = useFocusFinders(); + React.useEffect(() => { + if (disableAutoFocus) { + return; + } - const popoverSurfaceShorthand = resolveShorthand(props.popoverSurface, { - defaultProps: { - 'aria-label': 'Calendar', - id: calloutId, - role: 'dialog', - }, - required: true, - }); + if (open && popupRef.current) { + const firstFocusable = findFirstFocusable(popupRef.current); + firstFocusable?.focus(); + } + }, [disableAutoFocus, findFirstFocusable, open, popupRef]); + + const popupOnClick = useEventCallback( + mergeCallbacks((ev: React.MouseEvent) => { + rootRef.current?.focus(); + }, popupSurfaceShorthand?.onClick), + ); + + if (popupSurfaceShorthand) { + popupSurfaceShorthand.onClick = popupOnClick; + } const calendarShorthand = resolveShorthand(props.calendar, { required: true, @@ -535,37 +435,36 @@ export const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref ({ + focus, + reset() { + setOpen(false); + setSelectedDate(undefined); + }, + showDatePickerPopup, + }), + [focus, setOpen, setSelectedDate, showDatePickerPopup], + ); + const state: DatePickerState = { - disabled: !!disabled, - isDatePickerShown: isCalendarShown, + disabled: !!props.disabled, + inlinePopup, - // Slots definition components: { - root: 'div', - field: Field, - input: Input, - wrapper: 'div', - popover: Popover as React.FC>, - popoverSurface: PopoverSurface, + root: Input, calendar: Calendar as React.FC>, + popupSurface: 'div', }, calendar: calendarShorthand, - input: inputShorthand, - field: fieldShorthand, - popover: popoverShorthand, - popoverSurface: popoverSurfaceShorthand, - root, - wrapper: wrapperShorthand, + root: rootShorthand, + popupSurface: popupSurfaceShorthand, }; + state.root.value = formattedDate; state.calendar.onSelectDate = mergeCallbacks(state.calendar.onSelectDate, calendarDismissed); - React.useEffect(() => { - if (inputRef.current) { - positioningRef.current?.setTarget(inputRef.current); - } - }, [inputRef, positioningRef]); - return state; }; diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.ts b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.ts index e8534ef70661d4..adda8b1fbbcecd 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.ts +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePickerStyles.ts @@ -1,75 +1,65 @@ -import { tokens } from '@fluentui/react-theme'; -import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; +import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react'; +import { tokens, typographyStyles } from '@fluentui/react-theme'; import type { SlotClassNames } from '@fluentui/react-utilities'; import type { DatePickerSlots, DatePickerState } from './DatePicker.types'; export const datePickerClassNames: SlotClassNames = { root: 'fui-DatePicker', - field: 'fui-DatePicker__field', - wrapper: 'fui-DatePicker__wrapper', - popover: 'fui-DatePicker__popover', - popoverSurface: 'fui-DatePicker__popoverSurface', - input: 'fui-DatePicker__input', calendar: 'fui-DatePicker__calendar', + popupSurface: 'fui-DatePicker__popupSurface', }; -const useRootStyles = makeStyles({ - base: { - fontFamily: tokens.fontFamilyBase, - // NOTE: Using 20px as we don't have an 18px font size in the ramp - fontSize: tokens.fontSizeBase500, - fontWeight: tokens.fontWeightRegular, - }, - normalize: { - boxShadow: 'none', - boxSizing: 'border-box', - ...shorthands.margin(0), - ...shorthands.padding(0), - }, -}); - -const useTextFieldStyles = makeStyles({ +const useStyles = makeStyles({ base: { position: 'relative', - '& input[readonly]': { + cursor: 'pointer', + '& input': { cursor: 'pointer', }, }, disabled: { - '& input[readonly]': { + cursor: 'default', + '& input': { cursor: 'default', }, }, }); +const usePopupSurfaceClassName = makeResetStyles({ + backgroundColor: tokens.colorNeutralBackground1, + boxShadow: tokens.shadow16, + borderRadius: tokens.borderRadiusMedium, + borderWidth: '1px', + borderStyle: 'solid', + borderColor: tokens.colorTransparentStroke, + display: 'inline-flex', + color: tokens.colorNeutralForeground1, + padding: '16px', + ...typographyStyles.body1, +}); + /** * Apply styling to the DatePicker slots based on the state */ export const useDatePickerStyles_unstable = (state: DatePickerState): DatePickerState => { - const rootStyles = useRootStyles(); - const textFieldStyles = useTextFieldStyles(); - const { disabled, isDatePickerShown } = state; + const styles = useStyles(); + const popupSurfaceClassName = usePopupSurfaceClassName(); + const { disabled } = state; state.root.className = mergeClasses( datePickerClassNames.root, - rootStyles.base, - isDatePickerShown && 'is-open', - rootStyles.normalize, + styles.base, + disabled && styles.disabled, state.root.className, ); - state.wrapper.className = mergeClasses(datePickerClassNames.wrapper, state.wrapper.className); - - state.input.className = mergeClasses( - datePickerClassNames.input, - textFieldStyles.base, - disabled && textFieldStyles.disabled, - state.input.className, - ); - - state.field.className = mergeClasses(datePickerClassNames.field, state.field.className); - - state.popoverSurface.className = mergeClasses(datePickerClassNames.popoverSurface, state.popoverSurface.className); + if (state.popupSurface) { + state.popupSurface.className = mergeClasses( + datePickerClassNames.popupSurface, + popupSurfaceClassName, + state.popupSurface.className, + ); + } state.calendar.className = mergeClasses(datePickerClassNames.calendar, state.calendar.className); diff --git a/packages/react-components/react-datepicker-compat/src/index.ts b/packages/react-components/react-datepicker-compat/src/index.ts index 6cafa9be51e38b..fb66bac33ef50c 100644 --- a/packages/react-components/react-datepicker-compat/src/index.ts +++ b/packages/react-components/react-datepicker-compat/src/index.ts @@ -8,12 +8,11 @@ export type { CalendarMonthProps, ICalendarMonth } from './CalendarMonth'; export { DatePicker, datePickerClassNames, - defaultDatePickerStrings, renderDatePicker_unstable, useDatePicker_unstable, useDatePickerStyles_unstable, } from './DatePicker'; -export type { DatePickerProps, DatePickerStrings, IDatePicker } from './DatePicker'; +export type { DatePickerProps, IDatePicker } from './DatePicker'; export { DAYS_IN_WEEK, diff --git a/packages/react-components/react-datepicker-compat/src/utils/usePopupPositioning.ts b/packages/react-components/react-datepicker-compat/src/utils/usePopupPositioning.ts new file mode 100644 index 00000000000000..31c99e279420a8 --- /dev/null +++ b/packages/react-components/react-datepicker-compat/src/utils/usePopupPositioning.ts @@ -0,0 +1,26 @@ +import * as React from 'react'; +import { resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning'; +import type { DatePickerProps } from '../DatePicker'; + +/** + * Hook used to handle positioning of the popup. + * + * @param props - DatePicker props + * @returns tuple of trigger and popup refs + * @internal + */ +export function usePopupPositioning( + props: DatePickerProps, +): [triggerRef: React.MutableRefObject, popupRef: React.MutableRefObject] { + const { positioning } = props; + + const popupOptions = { + position: 'below' as const, + align: 'start' as const, + ...resolvePositioningShorthand(positioning), + }; + + const { targetRef, containerRef } = usePositioning(popupOptions); + + return [targetRef, containerRef]; +} diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerBestPractices.md b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerBestPractices.md index 2eff74285ba0c3..565293a34f8b9c 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerBestPractices.md +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerBestPractices.md @@ -8,6 +8,7 @@ Best Practices - Use the `DatePicker` control the way it's designed and built. - The control provides the date in a specific format. If the date can be entered in an input field, provide helper text in the appropriate format. - The control provides English strings by default. For localized apps, you must override these using the strings prop. +- Use `` when possible and provide the `required` prop through the `` component. ### Don't diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerControlled.stories.tsx b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerControlled.stories.tsx index a24611716a33fa..91d8898b31e412 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerControlled.stories.tsx +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerControlled.stories.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; -import { makeStyles, Button } from '@fluentui/react-components'; import { addDays, DatePicker } from '@fluentui/react-datepicker-compat'; +import { Button, Field, makeStyles } from '@fluentui/react-components'; const useStyles = makeStyles({ root: { @@ -31,13 +31,14 @@ export const Controlled = () => { return (
- void} - placeholder="Select a date..." - aria-label="Select a date" - className={styles.control} - /> + + void} + placeholder="Select a date..." + className={styles.control} + /> +
+ + + + + + + + + + + + + + , + ); + cy.get(dialogTriggerOpenSelector).realClick(); + cy.get(dialogTriggerCloseSelector).should('be.focused'); + cy.get('#extra-btn-outside').realClick().should('be.focused'); + cy.get('#extra-btn-inside').realClick().should('be.focused').realType('{esc}'); + cy.get(dialogSurfaceSelector).should('not.exist'); + }); }); describe('modalType = alert', () => { it('should not close with escape keydown', () => { diff --git a/packages/react-components/react-dialog/src/components/Dialog/useDialog.ts b/packages/react-components/react-dialog/src/components/Dialog/useDialog.ts index a1c3d2aebb0ccb..ffce253ffac893 100644 --- a/packages/react-components/react-dialog/src/components/Dialog/useDialog.ts +++ b/packages/react-components/react-dialog/src/components/Dialog/useDialog.ts @@ -5,6 +5,7 @@ import { useDisableBodyScroll, useFocusFirstElement } from '../../utils'; import { DialogContext } from '../../contexts'; import type { DialogOpenChangeData, DialogProps, DialogState } from './Dialog.types'; +import { useModalAttributes } from '@fluentui/react-tabster'; /** * Create the state required to render Dialog. @@ -45,6 +46,11 @@ export const useDialog_unstable = (props: DialogProps): DialogState => { } }, [disableBodyScroll, isBodyScrollLocked]); + const { modalAttributes, triggerAttributes } = useModalAttributes({ + trapFocus: modalType !== 'non-modal', + legacyTrapFocus: !inertTrapFocus, + }); + return { components: { backdrop: 'div', @@ -58,6 +64,8 @@ export const useDialog_unstable = (props: DialogProps): DialogState => { dialogTitleId: useId('dialog-title-'), isNestedDialog: useHasParentContext(DialogContext), dialogRef: focusRef, + modalAttributes: modalType !== 'non-modal' ? modalAttributes : undefined, + triggerAttributes, }; }; diff --git a/packages/react-components/react-dialog/src/components/Dialog/useDialogContextValues.ts b/packages/react-components/react-dialog/src/components/Dialog/useDialogContextValues.ts index 474ce5e99c9bc5..7670d1f8eb8ed8 100644 --- a/packages/react-components/react-dialog/src/components/Dialog/useDialogContextValues.ts +++ b/packages/react-components/react-dialog/src/components/Dialog/useDialogContextValues.ts @@ -2,7 +2,17 @@ import type { DialogContextValue, DialogSurfaceContextValue } from '../../contex import type { DialogContextValues, DialogState } from './Dialog.types'; export function useDialogContextValues_unstable(state: DialogState): DialogContextValues { - const { modalType, open, dialogRef, dialogTitleId, isNestedDialog, inertTrapFocus, requestOpenChange } = state; + const { + modalType, + open, + dialogRef, + dialogTitleId, + isNestedDialog, + inertTrapFocus, + requestOpenChange, + modalAttributes, + triggerAttributes, + } = state; /** * This context is created with "@fluentui/react-context-selector", @@ -15,6 +25,8 @@ export function useDialogContextValues_unstable(state: DialogState): DialogConte dialogTitleId, isNestedDialog, inertTrapFocus, + modalAttributes, + triggerAttributes, requestOpenChange, }; diff --git a/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurface.ts b/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurface.ts index 631f4028010911..3cc9418d841403 100644 --- a/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurface.ts +++ b/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurface.ts @@ -9,7 +9,6 @@ import { import type { DialogSurfaceElement, DialogSurfaceProps, DialogSurfaceState } from './DialogSurface.types'; import { useDialogContext_unstable } from '../../contexts'; import { isEscapeKeyDismiss } from '../../utils'; -import { useModalAttributes } from '@fluentui/react-tabster'; /** * Create the state required to render DialogSurface. @@ -26,7 +25,7 @@ export const useDialogSurface_unstable = ( ): DialogSurfaceState => { const { backdrop, as } = props; const modalType = useDialogContext_unstable(ctx => ctx.modalType); - const inertTrapFocus = useDialogContext_unstable(ctx => ctx.inertTrapFocus); + const modalAttributes = useDialogContext_unstable(ctx => ctx.modalAttributes); const dialogRef = useDialogContext_unstable(ctx => ctx.dialogRef); const open = useDialogContext_unstable(ctx => ctx.open); const requestOpenChange = useDialogContext_unstable(ctx => ctx.requestOpenChange); @@ -60,11 +59,6 @@ export const useDialogSurface_unstable = ( } }); - const { modalAttributes } = useModalAttributes({ - trapFocus: modalType !== 'non-modal', - legacyTrapFocus: !inertTrapFocus, - }); - return { components: { backdrop: 'div', diff --git a/packages/react-components/react-dialog/src/components/DialogTrigger/useDialogTrigger.ts b/packages/react-components/react-dialog/src/components/DialogTrigger/useDialogTrigger.ts index 2d28e8c48e1b02..827b4ff31f0134 100644 --- a/packages/react-components/react-dialog/src/components/DialogTrigger/useDialogTrigger.ts +++ b/packages/react-components/react-dialog/src/components/DialogTrigger/useDialogTrigger.ts @@ -1,5 +1,4 @@ import * as React from 'react'; -import { useModalAttributes } from '@fluentui/react-tabster'; import { applyTriggerPropsToChildren, getTriggerChild, useEventCallback } from '@fluentui/react-utilities'; import type { DialogTriggerProps, DialogTriggerState } from './DialogTrigger.types'; import { useDialogContext_unstable, useDialogSurfaceContext_unstable } from '../../contexts'; @@ -19,8 +18,7 @@ export const useDialogTrigger_unstable = (props: DialogTriggerProps): DialogTrig const child = getTriggerChild(children); const requestOpenChange = useDialogContext_unstable(ctx => ctx.requestOpenChange); - - const { triggerAttributes } = useModalAttributes(); + const triggerAttributes = useDialogContext_unstable(ctx => ctx.triggerAttributes); const handleClick = useEventCallback( (event: React.MouseEvent) => { diff --git a/packages/react-components/react-dialog/src/contexts/dialogContext.ts b/packages/react-components/react-dialog/src/contexts/dialogContext.ts index f677c50d09028c..c186f2f0b5ddf4 100644 --- a/packages/react-components/react-dialog/src/contexts/dialogContext.ts +++ b/packages/react-components/react-dialog/src/contexts/dialogContext.ts @@ -3,6 +3,7 @@ import { createContext, ContextSelector, useContextSelector } from '@fluentui/re import { DialogSurfaceElement } from '../DialogSurface'; import type { Context } from '@fluentui/react-context-selector'; import type { DialogModalType, DialogOpenChangeData } from '../Dialog'; +import { useModalAttributes } from '@fluentui/react-tabster'; export type DialogContextValue = { open: boolean; @@ -15,7 +16,7 @@ export type DialogContextValue = { * Requests dialog main component to update it's internal open state */ requestOpenChange: (data: DialogOpenChangeData) => void; -}; +} & Partial>; const defaultContextValue: DialogContextValue = { open: false, diff --git a/packages/react-components/react-dialog/src/testing/mockUseDialogContext.ts b/packages/react-components/react-dialog/src/testing/mockUseDialogContext.ts index c594cf159eefb2..9d66e16e935b01 100644 --- a/packages/react-components/react-dialog/src/testing/mockUseDialogContext.ts +++ b/packages/react-components/react-dialog/src/testing/mockUseDialogContext.ts @@ -16,6 +16,8 @@ export const mockUseDialogContext = (options: Partial = {}) requestOpenChange() { /* noop */ }, + modalAttributes: undefined, + triggerAttributes: { 'data-tabster': '{"deloser":{}}' }, ...options, }; // eslint-disable-next-line @typescript-eslint/no-explicit-any From 92f70e62b4c8256f81aae5d521477af851656f5d Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Wed, 19 Apr 2023 10:16:57 +0200 Subject: [PATCH 48/81] bugfix: ensure legacyTrapFocus works properly (#27574) --- ...-01561782-ac6f-4d45-b87a-0dbc28755256.json | 7 ++++++ .../src/components/Popover/Popover.cy.tsx | 22 +++++++++++++++++++ .../src/components/Popover/usePopover.ts | 2 ++ 3 files changed, 31 insertions(+) create mode 100644 change/@fluentui-react-popover-01561782-ac6f-4d45-b87a-0dbc28755256.json diff --git a/change/@fluentui-react-popover-01561782-ac6f-4d45-b87a-0dbc28755256.json b/change/@fluentui-react-popover-01561782-ac6f-4d45-b87a-0dbc28755256.json new file mode 100644 index 00000000000000..24865faa8471f3 --- /dev/null +++ b/change/@fluentui-react-popover-01561782-ac6f-4d45-b87a-0dbc28755256.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "bugfix: ensure legacyTrapFocus works properly", + "packageName": "@fluentui/react-popover", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-popover/src/components/Popover/Popover.cy.tsx b/packages/react-components/react-popover/src/components/Popover/Popover.cy.tsx index cfa2ced9252487..4069d2bc9e2a72 100644 --- a/packages/react-components/react-popover/src/components/Popover/Popover.cy.tsx +++ b/packages/react-components/react-popover/src/components/Popover/Popover.cy.tsx @@ -377,7 +377,29 @@ describe('Popover', () => { cy.contains('One').should('have.focus').realPress(['Shift', 'Tab']); cy.contains('Two').should('have.focus'); }); + + it('should work as inertTrapFocus when set to false', () => { + mount( + + + + + + + + + + , + ); + + cy.get(popoverTriggerSelector).focus().realPress('Enter'); + + cy.contains('One').should('have.focus').realPress('Tab'); + cy.contains('Two').should('have.focus').realPress('Tab'); + cy.focused().should('not.exist'); + }); }); + describe('inert focus trap behaviour', () => { it('Tab should go to the window', () => { mount( diff --git a/packages/react-components/react-popover/src/components/Popover/usePopover.ts b/packages/react-components/react-popover/src/components/Popover/usePopover.ts index 4417479968e32a..8c6f3ccd962d7e 100644 --- a/packages/react-components/react-popover/src/components/Popover/usePopover.ts +++ b/packages/react-components/react-popover/src/components/Popover/usePopover.ts @@ -136,6 +136,8 @@ export const usePopover_unstable = (props: PopoverProps): PopoverState => { return { ...initialState, ...positioningRefs, + // eslint-disable-next-line deprecation/deprecation + inertTrapFocus: props.inertTrapFocus ?? (props.legacyTrapFocus === undefined ? false : !props.legacyTrapFocus), popoverTrigger, popoverSurface, open, From 4dde6727c7e7fe7fbf6fedb4e1619deddbd3e16a Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Wed, 19 Apr 2023 10:18:17 +0200 Subject: [PATCH 49/81] feat(react-tree): value property over id (#27532) --- ...-7105e198-75d7-4c94-9f29-0708d538d53c.json | 7 ++ ...-96da4453-4b84-41e1-97c5-ae455bf6c037.json | 7 ++ .../etc/react-components.unstable.api.md | 3 - .../react-components/src/unstable/index.ts | 1 - .../react-tree/etc/react-tree.api.md | 103 +++++++++++------- .../src/components/Tree/Tree.cy.tsx | 2 +- .../react-tree/src/components/Tree/Tree.tsx | 4 +- .../src/components/Tree/Tree.types.ts | 32 +++--- .../src/components/TreeItem/TreeItem.tsx | 6 +- .../src/components/TreeItem/TreeItem.types.ts | 4 +- .../src/components/TreeItem/useTreeItem.tsx | 56 +++++++--- .../react-tree/src/contexts/treeContext.ts | 7 +- .../react-tree/src/hooks/useFlatTree.ts | 95 ++++++++-------- .../src/hooks/useFlatTreeNavigation.ts | 19 ++-- .../src/hooks/useNestedTreeNavigation.ts | 2 +- .../react-tree/src/hooks/useOpenItemsState.ts | 18 ++- .../react-components/react-tree/src/index.ts | 2 +- .../src/utils/createFlatTreeItems.ts | 70 ++++++------ .../react-tree/src/utils/flattenTree.ts | 41 ++++--- .../TreeControllingOpenAndClose.stories.tsx | 23 ++-- .../Tree/TreeDefaultOpenTrees.stories.tsx | 6 +- .../stories/Tree/Virtualization.stories.tsx | 12 +- .../stories/Tree/flattenTree.stories.tsx | 6 +- .../stories/Tree/useFlatTree.stories.tsx | 44 ++++---- .../TreeItem/TreeItemAddRemove.stories.tsx | 72 ++++++------ ...TreeItemExpandCollapseIconOnly.stories.tsx | 6 +- .../TreeItem/TreeItemExpandIcon.stories.tsx | 12 +- 27 files changed, 366 insertions(+), 294 deletions(-) create mode 100644 change/@fluentui-react-components-7105e198-75d7-4c94-9f29-0708d538d53c.json create mode 100644 change/@fluentui-react-tree-96da4453-4b84-41e1-97c5-ae455bf6c037.json diff --git a/change/@fluentui-react-components-7105e198-75d7-4c94-9f29-0708d538d53c.json b/change/@fluentui-react-components-7105e198-75d7-4c94-9f29-0708d538d53c.json new file mode 100644 index 00000000000000..6e405d8615b3eb --- /dev/null +++ b/change/@fluentui-react-components-7105e198-75d7-4c94-9f29-0708d538d53c.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "removes TreeItemId type from react-tree", + "packageName": "@fluentui/react-components", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-tree-96da4453-4b84-41e1-97c5-ae455bf6c037.json b/change/@fluentui-react-tree-96da4453-4b84-41e1-97c5-ae455bf6c037.json new file mode 100644 index 00000000000000..579f523955f5dc --- /dev/null +++ b/change/@fluentui-react-tree-96da4453-4b84-41e1-97c5-ae455bf6c037.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "feat: value property over id", + "packageName": "@fluentui/react-tree", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-components/etc/react-components.unstable.api.md b/packages/react-components/react-components/etc/react-components.unstable.api.md index 4ff2dcdb7324ce..43406b8392284c 100644 --- a/packages/react-components/react-components/etc/react-components.unstable.api.md +++ b/packages/react-components/react-components/etc/react-components.unstable.api.md @@ -53,7 +53,6 @@ import { treeClassNames } from '@fluentui/react-tree'; import { TreeContextValue } from '@fluentui/react-tree'; import { TreeItem } from '@fluentui/react-tree'; import { treeItemClassNames } from '@fluentui/react-tree'; -import { TreeItemId } from '@fluentui/react-tree'; import { TreeItemLayout } from '@fluentui/react-tree'; import { treeItemLayoutClassNames } from '@fluentui/react-tree'; import { TreeItemLayoutProps } from '@fluentui/react-tree'; @@ -215,8 +214,6 @@ export { TreeItem } export { treeItemClassNames } -export { TreeItemId } - export { TreeItemLayout } export { treeItemLayoutClassNames } diff --git a/packages/react-components/react-components/src/unstable/index.ts b/packages/react-components/react-components/src/unstable/index.ts index 2a60e6660eb1e6..757959fabfaf71 100644 --- a/packages/react-components/react-components/src/unstable/index.ts +++ b/packages/react-components/react-components/src/unstable/index.ts @@ -125,7 +125,6 @@ export type { TreeItemLayoutState, TreeItemLayoutSlots, TreeItemLayoutProps, - TreeItemId, TreeContextValue, NestedTreeItem, FlatTree, diff --git a/packages/react-components/react-tree/etc/react-tree.api.md b/packages/react-components/react-tree/etc/react-tree.api.md index 5aa543e4730ae0..b680ce0c98c1f0 100644 --- a/packages/react-components/react-tree/etc/react-tree.api.md +++ b/packages/react-components/react-tree/etc/react-tree.api.md @@ -27,35 +27,36 @@ import { ProviderProps } from 'react'; import * as React_2 from 'react'; import type { Slot } from '@fluentui/react-utilities'; import type { SlotClassNames } from '@fluentui/react-utilities'; +import { SlotRenderFunction } from '@fluentui/react-utilities'; // @public -export const flattenTree_unstable: (items: NestedTreeItem[]) => FlatTreeItemProps[]; +export const flattenTree_unstable: (items: NestedTreeItem[]) => FlatTreeItemProps[]; // @public -export type FlatTree = { - getTreeProps(): FlatTreeProps; - navigate(data: TreeNavigationData_unstable): void; - getNextNavigableItem(visibleItems: FlatTreeItem[], data: TreeNavigationData_unstable): FlatTreeItem | undefined; - items(): IterableIterator; +export type FlatTree = { + getTreeProps(): FlatTreeProps; + navigate(data: TreeNavigationData_unstable): void; + getNextNavigableItem(visibleItems: FlatTreeItem[], data: TreeNavigationData_unstable): FlatTreeItem | undefined; + items(): IterableIterator>; }; // @public (undocumented) -export type FlatTreeItem = Readonly; +export type FlatTreeItem = Readonly>; // @public (undocumented) -export type FlatTreeItemProps = TreeItemProps & { - id: TreeItemId; - parentId?: string; +export type FlatTreeItemProps = Omit & { + value: Value; + parentValue?: Value; }; // @public (undocumented) -export type FlatTreeProps = Required & { +export type FlatTreeProps = Required, 'openItems' | 'onOpenChange' | 'onNavigation_unstable'> & { ref: React_2.Ref; }>; // @public (undocumented) -export type NestedTreeItem = Omit & { - subtree?: NestedTreeItem[]; +export type NestedTreeItem = Omit, 'subtree'> & { + subtree?: NestedTreeItem[]; }; // @public (undocumented) @@ -71,7 +72,22 @@ export const renderTreeItemLayout_unstable: (state: TreeItemLayoutState) => JSX. export const renderTreeItemPersonaLayout_unstable: (state: TreeItemPersonaLayoutState, contextValues: TreeItemPersonaLayoutContextValues) => JSX.Element; // @public -export const Tree: ForwardRefComponent; +export const Tree: React_2.ForwardRefExoticComponent & Omit<{ + as?: "div" | undefined; +} & Pick, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes> & { + ref?: ((instance: HTMLDivElement | null) => void) | React_2.RefObject | null | undefined; +} & { + children?: React_2.ReactNode | SlotRenderFunction, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes> & { + ref?: ((instance: HTMLDivElement | null) => void) | React_2.RefObject | null | undefined; + }>; +}, "ref"> & { + appearance?: "subtle" | "subtle-alpha" | "transparent" | undefined; + size?: "small" | "medium" | undefined; + openItems?: Iterable | undefined; + defaultOpenItems?: Iterable | undefined; + onOpenChange?(event: React_2.KeyboardEvent | React_2.MouseEvent, data: TreeOpenChangeData): void; + onNavigation_unstable?(event: React_2.KeyboardEvent | React_2.MouseEvent, data: TreeNavigationData_unstable): void; +} & React_2.RefAttributes> & ((props: TreeProps) => JSX.Element); // @public (undocumented) export const treeClassNames: SlotClassNames; @@ -81,20 +97,30 @@ export type TreeContextValue = { level: number; appearance: 'subtle' | 'subtle-alpha' | 'transparent'; size: 'small' | 'medium'; - openItems: ImmutableSet; - requestOpenChange(data: TreeOpenChangeData): void; - requestNavigation(data: TreeNavigationData_unstable): void; + openItems: ImmutableSet; + requestOpenChange(data: TreeOpenChangeData): void; + requestNavigation(data: TreeNavigationData_unstable): void; }; // @public -export const TreeItem: ForwardRefComponent; +export const TreeItem: React_2.ForwardRefExoticComponent, "root"> & Omit<{ + as?: "div" | undefined; +} & Pick, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes> & { + ref?: ((instance: HTMLDivElement | null) => void) | React_2.RefObject | null | undefined; +} & { + children?: React_2.ReactNode | SlotRenderFunction, HTMLDivElement>, "key" | keyof React_2.HTMLAttributes> & { + ref?: ((instance: HTMLDivElement | null) => void) | React_2.RefObject | null | undefined; + }>; +} & { + style?: TreeItemCSSProperties | undefined; +}, "ref"> & { + value?: string | undefined; + leaf?: boolean | undefined; +} & React_2.RefAttributes> & ((props: TreeItemProps) => JSX.Element); // @public (undocumented) export const treeItemClassNames: SlotClassNames; -// @public (undocumented) -export type TreeItemId = string; - // @public export const TreeItemLayout: ForwardRefComponent; @@ -143,7 +169,8 @@ export type TreeItemPersonaLayoutState = ComponentState> & { +export type TreeItemProps = ComponentProps> & { + value?: Value; leaf?: boolean; }; @@ -171,46 +198,42 @@ export type TreeItemState = ComponentState & { }; // @public (undocumented) -export type TreeNavigationData_unstable = { - event: React_2.MouseEvent; +export type TreeNavigationData_unstable = { + value: Value; target: HTMLElement; +} & ({ + event: React_2.MouseEvent; type: 'Click'; } | { event: React_2.KeyboardEvent; - target: HTMLElement; type: 'TypeAhead'; } | { event: React_2.KeyboardEvent; - target: HTMLElement; type: typeof ArrowRight; } | { event: React_2.KeyboardEvent; - target: HTMLElement; type: typeof ArrowLeft; } | { event: React_2.KeyboardEvent; - target: HTMLElement; type: typeof ArrowUp; } | { event: React_2.KeyboardEvent; - target: HTMLElement; type: typeof ArrowDown; } | { event: React_2.KeyboardEvent; - target: HTMLElement; type: typeof Home; } | { event: React_2.KeyboardEvent; - target: HTMLElement; type: typeof End; -}; +}); // @public (undocumented) export type TreeNavigationEvent_unstable = TreeNavigationData_unstable['event']; // @public (undocumented) -export type TreeOpenChangeData = { +export type TreeOpenChangeData = { open: boolean; + value: Value; } & ({ event: React_2.MouseEvent; target: HTMLElement; @@ -237,13 +260,13 @@ export type TreeOpenChangeData = { export type TreeOpenChangeEvent = TreeOpenChangeData['event']; // @public (undocumented) -export type TreeProps = ComponentProps & { +export type TreeProps = ComponentProps & { appearance?: 'subtle' | 'subtle-alpha' | 'transparent'; size?: 'small' | 'medium'; - openItems?: Iterable; - defaultOpenItems?: Iterable; - onOpenChange?(event: TreeOpenChangeEvent, data: TreeOpenChangeData): void; - onNavigation_unstable?(event: TreeNavigationEvent_unstable, data: TreeNavigationData_unstable): void; + openItems?: Iterable; + defaultOpenItems?: Iterable; + onOpenChange?(event: TreeOpenChangeEvent, data: TreeOpenChangeData): void; + onNavigation_unstable?(event: TreeNavigationEvent_unstable, data: TreeNavigationData_unstable): void; }; // @public (undocumented) @@ -258,7 +281,7 @@ export type TreeSlots = { export type TreeState = ComponentState & TreeContextValue; // @public -export function useFlatTree_unstable(flatTreeItemProps: FlatTreeItemProps[], options?: Pick): FlatTree; +export function useFlatTree_unstable(flatTreeItemProps: FlatTreeItemProps[], options?: Pick, 'openItems' | 'defaultOpenItems' | 'onOpenChange' | 'onNavigation_unstable'>): FlatTree; // @public export const useTree_unstable: (props: TreeProps, ref: React_2.Ref) => TreeState; @@ -270,7 +293,7 @@ export const useTreeContext_unstable: (selector: ContextSelector) => TreeItemState; +export function useTreeItem_unstable(props: TreeItemProps, ref: React_2.Ref): TreeItemState; // @public (undocumented) export const useTreeItemContext_unstable: () => TreeItemContextValue; diff --git a/packages/react-components/react-tree/src/components/Tree/Tree.cy.tsx b/packages/react-components/react-tree/src/components/Tree/Tree.cy.tsx index 17f52be40fd263..5fbe860fe3aa44 100644 --- a/packages/react-components/react-tree/src/components/Tree/Tree.cy.tsx +++ b/packages/react-components/react-tree/src/components/Tree/Tree.cy.tsx @@ -99,7 +99,7 @@ const FlatTree: React.FC = (props: TreeProps) => { return ( {Array.from(flatTree.items(), item => ( - + ))} ); diff --git a/packages/react-components/react-tree/src/components/Tree/Tree.tsx b/packages/react-components/react-tree/src/components/Tree/Tree.tsx index 77673c412fcb06..2c5a4c5e5a173a 100644 --- a/packages/react-components/react-tree/src/components/Tree/Tree.tsx +++ b/packages/react-components/react-tree/src/components/Tree/Tree.tsx @@ -14,11 +14,11 @@ import { useTreeContextValues_unstable } from './useTreeContextValues'; * an item representing a folder can be expanded to reveal the contents of the folder, * which may be files, folders, or both. */ -export const Tree: ForwardRefComponent = React.forwardRef((props, ref) => { +export const Tree = React.forwardRef((props, ref) => { const state = useTree_unstable(props, ref); useTreeStyles_unstable(state); const contextValues = useTreeContextValues_unstable(state); return renderTree_unstable(state, contextValues); -}); +}) as ForwardRefComponent & ((props: TreeProps) => JSX.Element); Tree.displayName = 'Tree'; diff --git a/packages/react-components/react-tree/src/components/Tree/Tree.types.ts b/packages/react-components/react-tree/src/components/Tree/Tree.types.ts index c087172c2e7d19..8acb9f46793dbe 100644 --- a/packages/react-components/react-tree/src/components/Tree/Tree.types.ts +++ b/packages/react-components/react-tree/src/components/Tree/Tree.types.ts @@ -2,27 +2,27 @@ import * as React from 'react'; import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; import { TreeContextValue } from '../../contexts/treeContext'; import { ArrowDown, ArrowLeft, ArrowRight, ArrowUp, End, Enter, Home } from '@fluentui/keyboard-keys'; -import { TreeItemId } from '../TreeItem/TreeItem.types'; export type TreeSlots = { root: Slot<'div'>; }; // eslint-disable-next-line @typescript-eslint/naming-convention -export type TreeNavigationData_unstable = - | { event: React.MouseEvent; target: HTMLElement; type: 'Click' } - | { event: React.KeyboardEvent; target: HTMLElement; type: 'TypeAhead' } - | { event: React.KeyboardEvent; target: HTMLElement; type: typeof ArrowRight } - | { event: React.KeyboardEvent; target: HTMLElement; type: typeof ArrowLeft } - | { event: React.KeyboardEvent; target: HTMLElement; type: typeof ArrowUp } - | { event: React.KeyboardEvent; target: HTMLElement; type: typeof ArrowDown } - | { event: React.KeyboardEvent; target: HTMLElement; type: typeof Home } - | { event: React.KeyboardEvent; target: HTMLElement; type: typeof End }; +export type TreeNavigationData_unstable = { value: Value; target: HTMLElement } & ( + | { event: React.MouseEvent; type: 'Click' } + | { event: React.KeyboardEvent; type: 'TypeAhead' } + | { event: React.KeyboardEvent; type: typeof ArrowRight } + | { event: React.KeyboardEvent; type: typeof ArrowLeft } + | { event: React.KeyboardEvent; type: typeof ArrowUp } + | { event: React.KeyboardEvent; type: typeof ArrowDown } + | { event: React.KeyboardEvent; type: typeof Home } + | { event: React.KeyboardEvent; type: typeof End } +); // eslint-disable-next-line @typescript-eslint/naming-convention export type TreeNavigationEvent_unstable = TreeNavigationData_unstable['event']; -export type TreeOpenChangeData = { open: boolean } & ( +export type TreeOpenChangeData = { open: boolean; value: Value } & ( | { event: React.MouseEvent; target: HTMLElement; @@ -56,7 +56,7 @@ export type TreeContextValues = { tree: TreeContextValue; }; -export type TreeProps = ComponentProps & { +export type TreeProps = ComponentProps & { /** * A tree item can have various appearances: * - 'subtle' (default): The default tree item styles. @@ -75,13 +75,13 @@ export type TreeProps = ComponentProps & { * Controls the state of the open tree items. * These property is ignored for subtrees. */ - openItems?: Iterable; + openItems?: Iterable; /** * This refers to a list of ids of opened tree items. * Default value for the uncontrolled state of open tree items. * These property is ignored for subtrees. */ - defaultOpenItems?: Iterable; + defaultOpenItems?: Iterable; /** * Callback fired when the component changes value from open state. * These property is ignored for subtrees. @@ -90,7 +90,7 @@ export type TreeProps = ComponentProps & { * @param data - A data object with relevant information, * such as open value and type of interaction that created the event. */ - onOpenChange?(event: TreeOpenChangeEvent, data: TreeOpenChangeData): void; + onOpenChange?(event: TreeOpenChangeEvent, data: TreeOpenChangeData): void; /** * Callback fired when navigation happens inside the component. @@ -102,7 +102,7 @@ export type TreeProps = ComponentProps & { * @param data - A data object with relevant information, */ // eslint-disable-next-line @typescript-eslint/naming-convention - onNavigation_unstable?(event: TreeNavigationEvent_unstable, data: TreeNavigationData_unstable): void; + onNavigation_unstable?(event: TreeNavigationEvent_unstable, data: TreeNavigationData_unstable): void; }; /** diff --git a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.tsx b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.tsx index a20be498e2d237..036727d24ec97f 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.tsx +++ b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.tsx @@ -15,15 +15,15 @@ import { useTreeItemContextValues_unstable } from './useTreeItemContextValues'; * The content and layout of a TreeItem can be defined using the TreeItemLayout or TreeItemPersonaLayout component, * which should be used as a direct child of TreeItem. * - * When a TreeItem has nsted child subtree, an expand/collapse control is displayed, + * When a TreeItem has nested child subtree, an expand/collapse control is displayed, * allowing the user to show or hide the children. */ -export const TreeItem: ForwardRefComponent = React.forwardRef((props, ref) => { +export const TreeItem = React.forwardRef((props, ref) => { const state = useTreeItem_unstable(props, ref); useTreeItemStyles_unstable(state); const contextValues = useTreeItemContextValues_unstable(state); return renderTreeItem_unstable(state, contextValues); -}); +}) as ForwardRefComponent & ((props: TreeItemProps) => JSX.Element); TreeItem.displayName = 'TreeItem'; diff --git a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.types.ts b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.types.ts index 6fdf026fb09560..8c3af8c0bab944 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.types.ts +++ b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.types.ts @@ -5,7 +5,6 @@ import { treeItemLevelToken } from '../../utils/tokens'; import * as React from 'react'; export type TreeItemCSSProperties = React.CSSProperties & { [treeItemLevelToken]?: string | number }; -export type TreeItemId = string; export type TreeItemSlots = { root: Slot & { style?: TreeItemCSSProperties }>>; @@ -31,7 +30,8 @@ export type TreeItemContextValues = { /** * TreeItem Props */ -export type TreeItemProps = ComponentProps> & { +export type TreeItemProps = ComponentProps> & { + value?: Value; /** * If a TreeItem is a leaf, it'll not present the `expandIcon` slot by default. * This attribute is used to force the decision if a TreeItem is a leaf or not. By not providing this property diff --git a/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx b/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx index 9333370e17aa25..ea8479cd004546 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx +++ b/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx @@ -20,10 +20,16 @@ import { treeDataTypes } from '../../utils/tokens'; * @param props - props from this instance of TreeItem * @param ref - reference to root HTMLElement of TreeItem */ -export const useTreeItem_unstable = (props: TreeItemProps, ref: React.Ref): TreeItemState => { +export function useTreeItem_unstable( + props: TreeItemProps, + ref: React.Ref, +): TreeItemState { const [children, subtreeChildren] = React.Children.toArray(props.children); const contextLevel = useTreeContext_unstable(ctx => ctx.level); + + const id = useId('fui-TreeItem-', props.id); + const { content, subtree, @@ -34,17 +40,16 @@ export const useTreeItem_unstable = (props: TreeItemProps, ref: React.Ref ctx.requestOpenChange); const requestNavigation = useTreeContext_unstable(ctx => ctx.requestNavigation); - const id = useId('fui-TreeItem-', props.id); - const isBranch = !isLeaf; - const open = useTreeContext_unstable(ctx => isBranch && ctx.openItems.has(id)); + const open = useTreeContext_unstable(ctx => isBranch && ctx.openItems.has(value)); const { dir, targetDocument } = useFluent_unstable(); const expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180; @@ -54,22 +59,40 @@ export const useTreeItem_unstable = (props: TreeItemProps, ref: React.Ref) => { if (!open && isBranch) { - return requestOpenChange({ event, open: true, type: treeDataTypes.arrowRight, target: event.currentTarget }); + return requestOpenChange({ + event, + value, + open: true, + type: treeDataTypes.arrowRight, + target: event.currentTarget, + }); } if (open && isBranch) { - return requestNavigation({ event, type: treeDataTypes.arrowRight, target: event.currentTarget }); + return requestNavigation({ event, value, type: treeDataTypes.arrowRight, target: event.currentTarget }); } }; const handleArrowLeft = (event: React.KeyboardEvent) => { if (open && isBranch) { - return requestOpenChange({ event, open: false, type: treeDataTypes.arrowLeft, target: event.currentTarget }); + return requestOpenChange({ + event, + value, + open: false, + type: treeDataTypes.arrowLeft, + target: event.currentTarget, + }); } if (!open && level > 1) { - return requestNavigation({ event, target: event.currentTarget, type: treeDataTypes.arrowLeft }); + return requestNavigation({ event, value, target: event.currentTarget, type: treeDataTypes.arrowLeft }); } }; const handleEnter = (event: React.KeyboardEvent) => { - requestOpenChange({ event, open: isLeaf ? open : !open, type: treeDataTypes.enter, target: event.currentTarget }); + requestOpenChange({ + event, + value, + open: isLeaf ? open : !open, + type: treeDataTypes.enter, + target: event.currentTarget, + }); }; const handleClick = useEventCallback((event: React.MouseEvent) => { @@ -86,11 +109,12 @@ export const useTreeItem_unstable = (props: TreeItemProps, ref: React.Ref) => { @@ -109,18 +133,18 @@ export const useTreeItem_unstable = (props: TreeItemProps, ref: React.Ref; + openItems: ImmutableSet; /** * Requests dialog main component to update it's internal open state */ - requestOpenChange(data: TreeOpenChangeData): void; - requestNavigation(data: TreeNavigationData_unstable): void; + requestOpenChange(data: TreeOpenChangeData): void; + requestNavigation(data: TreeNavigationData_unstable): void; }; const defaultContextValue: TreeContextValue = { diff --git a/packages/react-components/react-tree/src/hooks/useFlatTree.ts b/packages/react-components/react-tree/src/hooks/useFlatTree.ts index 0a84a703c3d701..6c125c1fd570e4 100644 --- a/packages/react-components/react-tree/src/hooks/useFlatTree.ts +++ b/packages/react-components/react-tree/src/hooks/useFlatTree.ts @@ -11,32 +11,34 @@ import type { TreeOpenChangeEvent, TreeProps, } from '../Tree'; -import type { TreeItemId, TreeItemProps } from '../TreeItem'; +import type { TreeItemProps } from '../TreeItem'; -export type FlatTreeItemProps = TreeItemProps & { - id: TreeItemId; - parentId?: string; +export type FlatTreeItemProps = Omit & { + value: Value; + parentValue?: Value; }; -export type FlatTreeItem = Readonly; +export type FlatTreeItem = Readonly>; /** * @internal * Used internally on createFlatTreeItems and VisibleFlatTreeItemGenerator * to ensure required properties when building a FlatTreeITem */ -export type MutableFlatTreeItem = { - parentId?: string; +export type MutableFlatTreeItem = { + parentValue?: Value; childrenSize: number; index: number; - id: string; + value: Value; level: number; - getTreeItemProps(): Required> & - TreeItemProps; + getTreeItemProps(): Required< + Pick, 'value' | 'aria-setsize' | 'aria-level' | 'aria-posinset' | 'leaf'> + > & + TreeItemProps; }; -export type FlatTreeProps = Required< - Pick & { ref: React.Ref } +export type FlatTreeProps = Required< + Pick, 'openItems' | 'onOpenChange' | 'onNavigation_unstable'> & { ref: React.Ref } >; /** @@ -49,13 +51,13 @@ export type FlatTreeProps = Required< * * On simple scenarios it is advised to simply use a nested structure instead. */ -export type FlatTree = { +export type FlatTree = { /** * returns the properties required for the Tree component to work properly. * That includes: * `openItems`, `onOpenChange`, `onNavigation_unstable` and `ref` */ - getTreeProps(): FlatTreeProps; + getTreeProps(): FlatTreeProps; /** * internal method used to react to an `onNavigation` event. * This method ensures proper navigation on keyboard and mouse interaction. @@ -79,7 +81,7 @@ export type FlatTree = { * }; *``` */ - navigate(data: TreeNavigationData_unstable): void; + navigate(data: TreeNavigationData_unstable): void; /** * returns next item to be focused on a navigation. * This method is provided to decouple the element that needs to be focused from @@ -87,11 +89,14 @@ export type FlatTree = { * * On the case of TypeAhead navigation this method returns the current item. */ - getNextNavigableItem(visibleItems: FlatTreeItem[], data: TreeNavigationData_unstable): FlatTreeItem | undefined; + getNextNavigableItem( + visibleItems: FlatTreeItem[], + data: TreeNavigationData_unstable, + ): FlatTreeItem | undefined; /** * an iterable containing all visually available flat tree items */ - items(): IterableIterator; + items(): IterableIterator>; }; /** @@ -106,15 +111,15 @@ export type FlatTree = { * @param flatTreeItemProps - a list of tree items * @param options - in case control over the internal openItems is required */ -export function useFlatTree_unstable( - flatTreeItemProps: FlatTreeItemProps[], - options: Pick = {}, -): FlatTree { +export function useFlatTree_unstable( + flatTreeItemProps: FlatTreeItemProps[], + options: Pick, 'openItems' | 'defaultOpenItems' | 'onOpenChange' | 'onNavigation_unstable'> = {}, +): FlatTree { const [openItems, updateOpenItems] = useOpenItemsState(options); const flatTreeItems = React.useMemo(() => createFlatTreeItems(flatTreeItemProps), [flatTreeItemProps]); const [navigate, navigationRef] = useFlatTreeNavigation(flatTreeItems); - const handleOpenChange = useEventCallback((event: TreeOpenChangeEvent, data: TreeOpenChangeData) => { + const handleOpenChange = useEventCallback((event: TreeOpenChangeEvent, data: TreeOpenChangeData) => { options.onOpenChange?.(event, data); if (!event.isDefaultPrevented()) { updateOpenItems(data); @@ -123,7 +128,7 @@ export function useFlatTree_unstable( }); const handleNavigation = useEventCallback( - (event: TreeNavigationEvent_unstable, data: TreeNavigationData_unstable) => { + (event: TreeNavigationEvent_unstable, data: TreeNavigationData_unstable) => { options.onNavigation_unstable?.(event, data); if (!event.isDefaultPrevented()) { navigate(data); @@ -132,27 +137,29 @@ export function useFlatTree_unstable( }, ); - const getNextNavigableItem = useEventCallback((visibleItems: FlatTreeItem[], data: TreeNavigationData_unstable) => { - const item = flatTreeItems.get(data.target.id); - if (item) { - switch (data.type) { - case treeDataTypes.typeAhead: - return item; - case treeDataTypes.arrowLeft: - return flatTreeItems.get(item.parentId!); - case treeDataTypes.arrowRight: - return visibleItems[item.index + 1]; - case treeDataTypes.end: - return visibleItems[visibleItems.length - 1]; - case treeDataTypes.home: - return visibleItems[0]; - case treeDataTypes.arrowDown: - return visibleItems[item.index + 1]; - case treeDataTypes.arrowUp: - return visibleItems[item.index - 1]; + const getNextNavigableItem = useEventCallback( + (visibleItems: FlatTreeItem[], data: TreeNavigationData_unstable) => { + const item = flatTreeItems.get(data.value); + if (item) { + switch (data.type) { + case treeDataTypes.typeAhead: + return item; + case treeDataTypes.arrowLeft: + return flatTreeItems.get(item.parentValue!); + case treeDataTypes.arrowRight: + return visibleItems[item.index + 1]; + case treeDataTypes.end: + return visibleItems[visibleItems.length - 1]; + case treeDataTypes.home: + return visibleItems[0]; + case treeDataTypes.arrowDown: + return visibleItems[item.index + 1]; + case treeDataTypes.arrowUp: + return visibleItems[item.index - 1]; + } } - } - }); + }, + ); const getTreeProps = React.useCallback( () => ({ @@ -167,7 +174,7 @@ export function useFlatTree_unstable( ); const items = React.useCallback( - () => VisibleFlatTreeItemGenerator(openItems, flatTreeItems), + () => VisibleFlatTreeItemGenerator(openItems, flatTreeItems), [openItems, flatTreeItems], ); diff --git a/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts b/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts index e0a551dce368eb..79eb5773f1d5c8 100644 --- a/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts +++ b/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts @@ -8,12 +8,12 @@ import { treeItemFilter } from '../utils/treeItemFilter'; import { HTMLElementWalker, useHTMLElementWalkerRef } from './useHTMLElementWalker'; import { useRovingTabIndex } from './useRovingTabIndexes'; -export function useFlatTreeNavigation(flatTreeItems: FlatTreeItems) { +export function useFlatTreeNavigation(flatTreeItems: FlatTreeItems) { const { targetDocument } = useFluent_unstable(); const [treeItemWalkerRef, treeItemWalkerRootRef] = useHTMLElementWalkerRef(treeItemFilter); const [{ rove }, rovingRootRef] = useRovingTabIndex(treeItemFilter); - function getNextElement(data: TreeNavigationData_unstable) { + function getNextElement(data: TreeNavigationData_unstable) { if (!targetDocument || !treeItemWalkerRef.current) { return null; } @@ -25,7 +25,7 @@ export function useFlatTreeNavigation(flatTreeItems: FlatTreeItems) { treeItemWalker.currentElement = data.target; return nextTypeAheadElement(treeItemWalker, data.event.key); case treeDataTypes.arrowLeft: - return parentElement(flatTreeItems, data.target, targetDocument); + return parentElement(flatTreeItems, data.value, targetDocument); case treeDataTypes.arrowRight: treeItemWalker.currentElement = data.target; return firstChild(data.target, treeItemWalker); @@ -43,7 +43,7 @@ export function useFlatTreeNavigation(flatTreeItems: FlatTreeItems) { return treeItemWalker.previousElement(); } } - const navigate = useEventCallback((data: TreeNavigationData_unstable) => { + const navigate = useEventCallback((data: TreeNavigationData_unstable) => { const nextElement = getNextElement(data); if (nextElement) { rove(nextElement); @@ -66,10 +66,13 @@ function firstChild(target: HTMLElement, treeWalker: HTMLElementWalker): HTMLEle return null; } -function parentElement(flatTreeItems: FlatTreeItems, target: HTMLElement, document: Document) { - const flatTreeItem = flatTreeItems.get(target.id); - if (flatTreeItem && flatTreeItem.parentId) { - return document.getElementById(flatTreeItem.parentId); +function parentElement(flatTreeItems: FlatTreeItems, value: Value, document: Document) { + const flatTreeItem = flatTreeItems.get(value); + if (flatTreeItem && flatTreeItem.parentValue) { + const parentId = flatTreeItems.get(flatTreeItem.parentValue)?.getTreeItemProps().id; + if (parentId) { + return document.getElementById(parentId); + } } return null; } diff --git a/packages/react-components/react-tree/src/hooks/useNestedTreeNavigation.ts b/packages/react-components/react-tree/src/hooks/useNestedTreeNavigation.ts index ae5dbc81272887..59375d68a8eaac 100644 --- a/packages/react-components/react-tree/src/hooks/useNestedTreeNavigation.ts +++ b/packages/react-components/react-tree/src/hooks/useNestedTreeNavigation.ts @@ -1,10 +1,10 @@ +import { useMergedRefs } from '@fluentui/react-utilities'; import { TreeNavigationData_unstable } from '../Tree'; import { HTMLElementWalker, useHTMLElementWalkerRef } from './useHTMLElementWalker'; import { nextTypeAheadElement } from '../utils/nextTypeAheadElement'; import { treeDataTypes } from '../utils/tokens'; import { treeItemFilter } from '../utils/treeItemFilter'; import { useRovingTabIndex } from './useRovingTabIndexes'; -import { useMergedRefs } from '@fluentui/react-utilities'; export function useNestedTreeNavigation() { const [{ rove }, rovingRootRef] = useRovingTabIndex(treeItemFilter); diff --git a/packages/react-components/react-tree/src/hooks/useOpenItemsState.ts b/packages/react-components/react-tree/src/hooks/useOpenItemsState.ts index 7f06a5342bb764..2dbb3990aac2ee 100644 --- a/packages/react-components/react-tree/src/hooks/useOpenItemsState.ts +++ b/packages/react-components/react-tree/src/hooks/useOpenItemsState.ts @@ -1,10 +1,9 @@ import { useControllableState, useEventCallback } from '@fluentui/react-utilities'; import * as React from 'react'; import { createImmutableSet, emptyImmutableSet, ImmutableSet } from '../utils/ImmutableSet'; -import type { TreeItemId } from '../TreeItem'; import type { TreeOpenChangeData, TreeProps } from '../Tree'; -export function useOpenItemsState(props: Pick) { +export function useOpenItemsState(props: Pick, 'openItems' | 'defaultOpenItems'>) { const [openItems, setOpenItems] = useControllableState({ state: React.useMemo(() => props.openItems && createImmutableSet(props.openItems), [props.openItems]), defaultState: React.useMemo( @@ -13,21 +12,20 @@ export function useOpenItemsState(props: Pick + const updateOpenItems = useEventCallback((data: TreeOpenChangeData) => setOpenItems(currentOpenItems => createNextOpenItems(data, currentOpenItems)), ); return [openItems, updateOpenItems] as const; } -function createNextOpenItems( - data: TreeOpenChangeData, - previousOpenItems: ImmutableSet, -): ImmutableSet { - const id = data.target.id; - const previousOpenItemsHasId = previousOpenItems.has(id); +function createNextOpenItems( + data: TreeOpenChangeData, + previousOpenItems: ImmutableSet, +): ImmutableSet { + const previousOpenItemsHasId = previousOpenItems.has(data.value); if (data.open ? previousOpenItemsHasId : !previousOpenItemsHasId) { return previousOpenItems; } const nextOpenItems = createImmutableSet(previousOpenItems); - return data.open ? nextOpenItems.add(id) : nextOpenItems.delete(id); + return data.open ? nextOpenItems.add(data.value) : nextOpenItems.delete(data.value); } diff --git a/packages/react-components/react-tree/src/index.ts b/packages/react-components/react-tree/src/index.ts index ec8788f87ab35d..c1111982a9c805 100644 --- a/packages/react-components/react-tree/src/index.ts +++ b/packages/react-components/react-tree/src/index.ts @@ -28,7 +28,7 @@ export { useTreeItemStyles_unstable, useTreeItem_unstable, } from './TreeItem'; -export type { TreeItemId, TreeItemProps, TreeItemState, TreeItemSlots } from './TreeItem'; +export type { TreeItemProps, TreeItemState, TreeItemSlots } from './TreeItem'; export { TreeItemLayout, diff --git a/packages/react-components/react-tree/src/utils/createFlatTreeItems.ts b/packages/react-components/react-tree/src/utils/createFlatTreeItems.ts index db8b35daaa1976..b04f9a6b635d08 100644 --- a/packages/react-components/react-tree/src/utils/createFlatTreeItems.ts +++ b/packages/react-components/react-tree/src/utils/createFlatTreeItems.ts @@ -1,32 +1,33 @@ -import type { TreeItemId } from '../TreeItem'; import type { ImmutableSet } from './ImmutableSet'; import type { FlatTreeItem, FlatTreeItemProps, MutableFlatTreeItem } from '../hooks/useFlatTree'; /** * @internal */ -export type FlatTreeItems = { +export type FlatTreeItems = { size: number; - root: FlatTreeItem; - get(id: string): FlatTreeItem | undefined; - set(id: string, value: FlatTreeItem): void; - getByIndex(index: number): FlatTreeItem; + root: FlatTreeItem; + get(key: Value): FlatTreeItem | undefined; + set(key: Value, value: FlatTreeItem): void; + getByIndex(index: number): FlatTreeItem; }; /** * creates a list of flat tree items * and provides a map to access each item by id */ -export function createFlatTreeItems(flatTreeItemProps: FlatTreeItemProps[]): FlatTreeItems { - const root = createFlatTreeRootItem(); - const itemsPerId = new Map([[flatTreeRootId, root]]); - const items: MutableFlatTreeItem[] = []; +export function createFlatTreeItems( + flatTreeItemProps: FlatTreeItemProps[], +): FlatTreeItems { + const root = createFlatTreeRootItem(); + const itemsPerValue = new Map>([[flatTreeRootId as Value, root]]); + const items: MutableFlatTreeItem[] = []; for (let index = 0; index < flatTreeItemProps.length; index++) { - const { parentId = flatTreeRootId, ...treeItemProps } = flatTreeItemProps[index]; + const { parentValue = flatTreeRootId as Value, ...treeItemProps } = flatTreeItemProps[index]; - const nextItemProps: FlatTreeItemProps | undefined = flatTreeItemProps[index + 1]; - const currentParent = itemsPerId.get(parentId); + const nextItemProps: FlatTreeItemProps | undefined = flatTreeItemProps[index + 1]; + const currentParent = itemsPerValue.get(parentValue); if (!currentParent) { if (process.env.NODE_ENV === 'development') { // eslint-disable-next-line no-console @@ -36,12 +37,12 @@ export function createFlatTreeItems(flatTreeItemProps: FlatTreeItemProps[]): Fla } break; } - const isLeaf = nextItemProps?.parentId !== treeItemProps.id; + const isLeaf = nextItemProps?.parentValue !== treeItemProps.value; const currentLevel = (currentParent.level ?? 0) + 1; const currentChildrenSize = ++currentParent.childrenSize; - const flatTreeItem: FlatTreeItem = { - id: treeItemProps.id, + const flatTreeItem: FlatTreeItem = { + value: treeItemProps.value, getTreeItemProps: () => ({ ...treeItemProps, 'aria-level': currentLevel, @@ -50,11 +51,11 @@ export function createFlatTreeItems(flatTreeItemProps: FlatTreeItemProps[]): Fla leaf: isLeaf, }), level: currentLevel, - parentId, + parentValue, childrenSize: 0, index: -1, }; - itemsPerId.set(flatTreeItem.id, flatTreeItem); + itemsPerValue.set(flatTreeItem.value, flatTreeItem); items.push(flatTreeItem); } @@ -62,22 +63,22 @@ export function createFlatTreeItems(flatTreeItemProps: FlatTreeItemProps[]): Fla root, size: items.length, getByIndex: index => items[index], - get: id => itemsPerId.get(id), - set: (id, value) => itemsPerId.set(id, value), + get: id => itemsPerValue.get(id), + set: (id, value) => itemsPerValue.set(id, value), }; } -export const flatTreeRootId = '__fuiFlatTreeRoot'; +export const flatTreeRootId = '__fuiFlatTreeRoot' as unknown; -function createFlatTreeRootItem(): FlatTreeItem { +function createFlatTreeRootItem(): FlatTreeItem { return { - id: flatTreeRootId, + value: flatTreeRootId as Value, getTreeItemProps: () => { if (process.env.NODE_ENV !== 'production') { // eslint-disable-next-line no-console console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element'); } - return { id: flatTreeRootId, 'aria-setsize': -1, 'aria-level': -1, 'aria-posinset': -1, leaf: true }; + return { value: flatTreeRootId as Value, 'aria-setsize': -1, 'aria-level': -1, 'aria-posinset': -1, leaf: true }; }, childrenSize: 0, get index() { @@ -92,10 +93,13 @@ function createFlatTreeRootItem(): FlatTreeItem { } // eslint-disable-next-line @typescript-eslint/naming-convention -export function* VisibleFlatTreeItemGenerator(openItems: ImmutableSet, flatTreeItems: FlatTreeItems) { +export function* VisibleFlatTreeItemGenerator( + openItems: ImmutableSet, + flatTreeItems: FlatTreeItems, +) { for (let index = 0, visibleIndex = 0; index < flatTreeItems.size; index++) { - const item: MutableFlatTreeItem = flatTreeItems.getByIndex(index); - const parent = item.parentId ? flatTreeItems.get(item.parentId) ?? flatTreeItems.root : flatTreeItems.root; + const item: MutableFlatTreeItem = flatTreeItems.getByIndex(index); + const parent = item.parentValue ? flatTreeItems.get(item.parentValue) ?? flatTreeItems.root : flatTreeItems.root; if (isItemVisible(item, openItems, flatTreeItems)) { item.index = visibleIndex++; yield item; @@ -105,15 +109,19 @@ export function* VisibleFlatTreeItemGenerator(openItems: ImmutableSet, flatTreeItems: FlatTreeItems) { +function isItemVisible( + item: FlatTreeItem, + openItems: ImmutableSet, + flatTreeItems: FlatTreeItems, +) { if (item.level === 1) { return true; } - while (item.parentId && item.parentId !== flatTreeItems.root.id) { - if (!openItems.has(item.parentId)) { + while (item.parentValue && item.parentValue !== flatTreeItems.root.value) { + if (!openItems.has(item.parentValue)) { return false; } - const parent = flatTreeItems.get(item.parentId); + const parent = flatTreeItems.get(item.parentValue); if (!parent) { return false; } diff --git a/packages/react-components/react-tree/src/utils/flattenTree.ts b/packages/react-components/react-tree/src/utils/flattenTree.ts index 3a609b6692f2c1..d41b65ea8ce39c 100644 --- a/packages/react-components/react-tree/src/utils/flattenTree.ts +++ b/packages/react-components/react-tree/src/utils/flattenTree.ts @@ -2,19 +2,24 @@ import * as React from 'react'; import { FlatTreeItemProps } from '../hooks/useFlatTree'; import { TreeItemProps } from '../TreeItem'; -export type NestedTreeItem = Omit & { - subtree?: NestedTreeItem[]; +export type NestedTreeItem = Omit, 'subtree'> & { + subtree?: NestedTreeItem[]; }; let count = 1; -function flattenTreeRecursive(items: NestedTreeItem[], parent?: FlatTreeItemProps, level = 1): FlatTreeItemProps[] { - return items.reduce((acc, { subtree, ...item }, index) => { - const flatTreeItem: FlatTreeItemProps = { +function flattenTreeRecursive( + items: NestedTreeItem[], + parent?: FlatTreeItemProps, + level = 1, +): FlatTreeItemProps[] { + return items.reduce[]>((acc, { subtree, ...item }, index) => { + const id = item.id ?? `fui-FlatTreeItem-${count++}`; + const flatTreeItem: FlatTreeItemProps = { 'aria-level': level, 'aria-posinset': index + 1, 'aria-setsize': items.length, - parentId: parent?.id, - id: item.id ?? `fui-FlatTreeItem-${count++}`, + parentValue: parent?.value, + value: item.value ?? (id as unknown as Value), leaf: subtree === undefined, ...item, }; @@ -67,30 +72,32 @@ function flattenTreeRecursive(items: NestedTreeItem[], parent?: FlatTreeItemProp * ``` */ // eslint-disable-next-line @typescript-eslint/naming-convention -export const flattenTree_unstable = (items: NestedTreeItem[]): FlatTreeItemProps[] => flattenTreeRecursive(items); +export const flattenTree_unstable = (items: NestedTreeItem[]): FlatTreeItemProps[] => + flattenTreeRecursive(items); /** * @internal */ -export const flattenTreeFromElement = ( +export const flattenTreeFromElement = ( root: React.ReactElement<{ - children?: React.ReactElement | React.ReactElement[]; + children?: React.ReactElement> | React.ReactElement>[]; }>, - parent?: FlatTreeItemProps, + parent?: FlatTreeItemProps, level = 1, -): FlatTreeItemProps[] => { - const children = React.Children.toArray(root.props.children) as React.ReactElement[]; - return children.reduce((acc, curr, index) => { +): FlatTreeItemProps[] => { + const children = React.Children.toArray(root.props.children) as React.ReactElement>[]; + return children.reduce[]>((acc, curr, index) => { const [content, subtree] = React.Children.toArray(curr.props.children) as [ React.ReactNode, typeof root | undefined, ]; - const flatTreeItem: FlatTreeItemProps = { + const id = curr.props.id ?? `fui-FlatTreeItem-${count++}`; + const flatTreeItem: FlatTreeItemProps = { 'aria-level': level, 'aria-posinset': index + 1, 'aria-setsize': children.length, - parentId: parent?.id, - id: curr.props.id ?? `fui-FlatTreeItem-${count++}`, + parentValue: parent?.value, + value: curr.props.value ?? (id as unknown as Value), leaf: subtree === undefined, ...curr.props, children: content, diff --git a/packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.stories.tsx b/packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.stories.tsx index b8b92a732088a5..00fa984bb36140 100644 --- a/packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.stories.tsx +++ b/packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.stories.tsx @@ -1,24 +1,15 @@ import * as React from 'react'; -import { - Tree, - TreeItem, - TreeItemLayout, - TreeItemId, - TreeOpenChangeData, - TreeOpenChangeEvent, -} from '@fluentui/react-tree'; +import { Tree, TreeItem, TreeItemLayout, TreeOpenChangeData, TreeOpenChangeEvent } from '@fluentui/react-tree'; import story from './TreeControllingOpenAndClose.md'; export const OpenItemsControlled = () => { - const [openItems, setOpenItems] = React.useState([]); - const handleOpenChange = (event: TreeOpenChangeEvent, data: TreeOpenChangeData) => { - setOpenItems(curr => - data.open ? [...curr, event.currentTarget.id] : curr.filter(id => id !== event.currentTarget.id), - ); + const [openItems, setOpenItems] = React.useState([]); + const handleOpenChange = (event: TreeOpenChangeEvent, data: TreeOpenChangeData) => { + setOpenItems(curr => (data.open ? [...curr, data.value] : curr.filter(value => value !== data.value))); }; return ( - + level 1, item 1 @@ -32,10 +23,10 @@ export const OpenItemsControlled = () => { - + level 1, item 2 - + level 2, item 1 diff --git a/packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.stories.tsx b/packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.stories.tsx index fa3dd1181a7d41..e3955b04a0ab0e 100644 --- a/packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.stories.tsx +++ b/packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.stories.tsx @@ -7,7 +7,7 @@ export const DefaultOpenTrees = () => { return ( - + level 1, item 1 @@ -21,10 +21,10 @@ export const DefaultOpenTrees = () => { - + level 1, item 2 - + level 2, item 1 diff --git a/packages/react-components/react-tree/stories/Tree/Virtualization.stories.tsx b/packages/react-components/react-tree/stories/Tree/Virtualization.stories.tsx index b3aa74eb059529..cefd20fde42133 100644 --- a/packages/react-components/react-tree/stories/Tree/Virtualization.stories.tsx +++ b/packages/react-components/react-tree/stories/Tree/Virtualization.stories.tsx @@ -18,23 +18,27 @@ import { FixedSizeList, FixedSizeListProps, ListChildComponentProps } from 'reac import { ForwardRefComponent, getSlots } from '@fluentui/react-components'; import story from './Virtualization.md'; -const defaultItems: FlatTreeItemProps[] = [ +const defaultItems: FlatTreeItemProps[] = [ { id: 'flatTreeItem_lvl-1_item-1', + value: 'flatTreeItem_lvl-1_item-1', children: Level 1, item 1, }, ...Array.from({ length: 300 }, (_, i) => ({ id: `flatTreeItem_lvl-1_item-1--child:${i}`, - parentId: 'flatTreeItem_lvl-1_item-1', + value: `flatTreeItem_lvl-1_item-1--child:${i}`, + parentValue: 'flatTreeItem_lvl-1_item-1', children: Item {i + 1}, })), { id: 'flatTreeItem_lvl-1_item-2', + value: 'flatTreeItem_lvl-1_item-2', children: Level 1, item 2, }, ...Array.from({ length: 300 }, (_, index) => ({ id: `flatTreeItem_lvl-1_item-2--child:${index}`, - parentId: 'flatTreeItem_lvl-1_item-2', + value: `flatTreeItem_lvl-1_item-2--child:${index}`, + parentValue: 'flatTreeItem_lvl-1_item-2', children: Item {index + 1}, })), ]; @@ -81,7 +85,7 @@ export const Virtualization = () => { if (!nextItem) { return; } - if (document.getElementById(nextItem.id)) { + if (!document.getElementById(nextItem.value)) { listRef.current?.scrollToItem(nextItem.index); return requestAnimationFrame(() => flatTree.navigate(data)); } diff --git a/packages/react-components/react-tree/stories/Tree/flattenTree.stories.tsx b/packages/react-components/react-tree/stories/Tree/flattenTree.stories.tsx index 60013bf4ba636d..06a9906742cc35 100644 --- a/packages/react-components/react-tree/stories/Tree/flattenTree.stories.tsx +++ b/packages/react-components/react-tree/stories/Tree/flattenTree.stories.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Tree, TreeItem, TreeItemLayout, useFlatTree_unstable, flattenTree_unstable } from '@fluentui/react-tree'; import story from './flattenTree.md'; -const defaultItems = flattenTree_unstable([ +const defaultItems = flattenTree_unstable([ { children: level 1, item 1, subtree: [ @@ -38,11 +38,11 @@ const defaultItems = flattenTree_unstable([ ]); export const FlattenTree = () => { - const flatTree = useFlatTree_unstable(defaultItems); + const flatTree = useFlatTree_unstable(defaultItems); return ( {Array.from(flatTree.items(), item => ( - + ))} ); diff --git a/packages/react-components/react-tree/stories/Tree/useFlatTree.stories.tsx b/packages/react-components/react-tree/stories/Tree/useFlatTree.stories.tsx index b851b0934ab0b4..89edcaa09579bc 100644 --- a/packages/react-components/react-tree/stories/Tree/useFlatTree.stories.tsx +++ b/packages/react-components/react-tree/stories/Tree/useFlatTree.stories.tsx @@ -4,60 +4,60 @@ import story from './useFlatTree.md'; const defaultItems: FlatTreeItemProps[] = [ { - id: '1', + value: '1', children: Level 1, item 1, }, { - id: '1-1', - parentId: '1', + value: '1-1', + parentValue: '1', children: Level 2, item 1, }, { - id: '1-2', - parentId: '1', + value: '1-2', + parentValue: '1', children: Level 2, item 2, }, { - id: '1-3', - parentId: '1', + value: '1-3', + parentValue: '1', children: Level 2, item 3, }, { - id: '2', + value: '2', children: Level 1, item 2, }, { - id: '2-1', - parentId: '2', + value: '2-1', + parentValue: '2', children: Level 2, item 1, }, { - id: '2-1-1', - parentId: '2-1', + value: '2-1-1', + parentValue: '2-1', children: Level 3, item 1, }, { - id: '2-2', - parentId: '2', + value: '2-2', + parentValue: '2', children: Level 2, item 2, }, { - id: '2-2-1', - parentId: '2-2', + value: '2-2-1', + parentValue: '2-2', children: Level 3, item 1, }, { - id: '2-2-2', - parentId: '2-2', + value: '2-2-2', + parentValue: '2-2', children: Level 3, item 2, }, { - id: '2-2-3', - parentId: '2-2', + value: '2-2-3', + parentValue: '2-2', children: Level 3, item 3, }, { - id: '3', + value: '3', children: Level 1, item 3, }, ]; @@ -68,7 +68,7 @@ export const UseFlatTree = () => { return ( {Array.from(flatTree.items(), flatTreeItem => ( - + ))} ); diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemAddRemove.stories.tsx b/packages/react-components/react-tree/stories/TreeItem/TreeItemAddRemove.stories.tsx index d6ecc40efd063d..ede8cbcd248d49 100644 --- a/packages/react-components/react-tree/stories/TreeItem/TreeItemAddRemove.stories.tsx +++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemAddRemove.stories.tsx @@ -14,13 +14,13 @@ import story from './TreeItemAddRemove.md'; const defaultSubTrees: FlatTreeItemProps[][] = [ [ - { id: '1', children: Level 1, item 1 }, - { id: '1-1', parentId: '1', children: Item 1-1 }, - { id: '1-2', parentId: '1', children: Item 1-2 }, + { value: '1', children: Level 1, item 1 }, + { value: '1-1', parentValue: '1', children: Item 1-1 }, + { value: '1-2', parentValue: '1', children: Item 1-2 }, ], [ - { id: '2', children: Level 1, item 2 }, - { id: '2-1', parentId: '2', children: Item 2-1 }, + { value: '2', children: Level 1, item 2 }, + { value: '2-1', parentValue: '2', children: Item 2-1 }, ], ]; @@ -28,47 +28,47 @@ export const AddRemoveTreeItem = () => { const [trees, setTrees] = React.useState(defaultSubTrees); const handleOpenChange = (_: TreeOpenChangeEvent, data: TreeOpenChangeData) => { - if (data.target.id.endsWith('-btn')) { - setTrees(currentTrees => { - const subtreeIndex = Number(data.target.id[0]) - 1; - const lastItem = currentTrees[subtreeIndex][currentTrees[subtreeIndex].length - 1]; - const newItemId = `${subtreeIndex + 1}-${Number(lastItem.id.slice(2)) + 1}`; - const nextSubTree = [ - ...currentTrees[subtreeIndex], - { - id: newItemId, - parentId: currentTrees[subtreeIndex][0].id, - children: New item {newItemId}, - }, - ]; - return [...currentTrees.slice(0, subtreeIndex), nextSubTree, ...currentTrees.slice(subtreeIndex + 1)]; - }); + if (data.value.endsWith('-btn')) { + const subtreeIndex = Number(data.value[0]) - 1; + addFlatTreeItem(subtreeIndex); } }; - const removeFlatTreeItem = (id: string) => { - const subtreeIndex = Number(id[0]) - 1; - const nextSubTree = trees[subtreeIndex].filter(item => item.id !== id); - setTrees(currentTrees => [ - ...currentTrees.slice(0, subtreeIndex), - nextSubTree, - ...currentTrees.slice(subtreeIndex + 1), - ]); - }; + const addFlatTreeItem = (subtreeIndex: number) => + setTrees(currentTrees => { + const lastItem = currentTrees[subtreeIndex][currentTrees[subtreeIndex].length - 1]; + const newItemValue = `${subtreeIndex + 1}-${Number(lastItem.value.slice(2)) + 1}`; + const nextSubTree: FlatTreeItemProps[] = [ + ...currentTrees[subtreeIndex], + { + value: newItemValue, + parentValue: currentTrees[subtreeIndex][0].value, + children: New item {newItemValue}, + }, + ]; + return [...currentTrees.slice(0, subtreeIndex), nextSubTree, ...currentTrees.slice(subtreeIndex + 1)]; + }); + + const removeFlatTreeItem = (value: string) => + setTrees(currentTrees => { + const subtreeIndex = Number(value[0]) - 1; + const nextSubTree = trees[subtreeIndex].filter(item => item.value !== value); + return [...currentTrees.slice(0, subtreeIndex), nextSubTree, ...currentTrees.slice(subtreeIndex + 1)]; + }); const flatTree = useFlatTree_unstable( React.useMemo( () => [ ...trees[0], { - id: '1-btn', - parentId: '1', + value: '1-btn', + parentValue: '1', children: Add new item, }, ...trees[1], { - id: '2-btn', - parentId: '2', + value: '2-btn', + parentValue: '2', children: Add new item, }, ], @@ -80,17 +80,17 @@ export const AddRemoveTreeItem = () => { return ( {Array.from(flatTree.items(), item => { - const isUndeletable = item.level === 1 || item.id.endsWith('-btn'); + const isUndeletable = item.level === 1 || item.value.endsWith('-btn'); return ( removeFlatTreeItem(item.id)} + onClick={() => removeFlatTreeItem(item.value)} icon={} /> ) diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.stories.tsx b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.stories.tsx index e03f1cd330e98f..c4683b50de7aa7 100644 --- a/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.stories.tsx +++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.stories.tsx @@ -14,7 +14,7 @@ export const ExpandCollapseIconOnly = () => { return ( - + level 1, item 1 @@ -28,10 +28,10 @@ export const ExpandCollapseIconOnly = () => { - + level 1, item 2 - + level 2, item 1 diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.stories.tsx b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.stories.tsx index 49acbe0d497aec..794015aeb12e69 100644 --- a/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.stories.tsx +++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.stories.tsx @@ -6,15 +6,13 @@ import story from './TreeItemExpandIcon.md'; export const ExpandIcon = () => { const [openItems, setOpenItems] = React.useState([]); - const handleOpenChange = (event: TreeOpenChangeEvent, data: TreeOpenChangeData) => { - setOpenItems(curr => - data.open ? [...curr, event.currentTarget.id] : curr.filter(id => id !== event.currentTarget.id), - ); + const handleOpenChange = (event: TreeOpenChangeEvent, data: TreeOpenChangeData) => { + setOpenItems(curr => (data.open ? [...curr, data.value] : curr.filter(value => value !== data.value))); }; return ( : } > level 1, item 1 @@ -31,13 +29,13 @@ export const ExpandIcon = () => { : } > level 1, item 2 : } > level 2, item 1 From 142c07abdeedea8f6b2e0cc15acf02795ce7f0fc Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Wed, 19 Apr 2023 18:33:01 +0200 Subject: [PATCH 50/81] chore(react-virtualizer): adopt custom JSX pragma (#27629) --- ...rtualizer-08afe647-54bb-408b-adfc-52583d744249.json | 7 +++++++ .../react-components/react-virtualizer/package.json | 1 + .../src/components/Virtualizer/renderVirtualizer.tsx | 8 ++++++-- .../renderVirtualizerScrollView.tsx | 10 +++++++--- 4 files changed, 21 insertions(+), 5 deletions(-) create mode 100644 change/@fluentui-react-virtualizer-08afe647-54bb-408b-adfc-52583d744249.json diff --git a/change/@fluentui-react-virtualizer-08afe647-54bb-408b-adfc-52583d744249.json b/change/@fluentui-react-virtualizer-08afe647-54bb-408b-adfc-52583d744249.json new file mode 100644 index 00000000000000..6a7f4258cc3b7b --- /dev/null +++ b/change/@fluentui-react-virtualizer-08afe647-54bb-408b-adfc-52583d744249.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: adopt custom JSX pragma", + "packageName": "@fluentui/react-virtualizer", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-virtualizer/package.json b/packages/react-components/react-virtualizer/package.json index f16b1f2bad0c13..8720bacbee2aa0 100644 --- a/packages/react-components/react-virtualizer/package.json +++ b/packages/react-components/react-virtualizer/package.json @@ -31,6 +31,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@fluentui/react-utilities": "^9.8.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" diff --git a/packages/react-components/react-virtualizer/src/components/Virtualizer/renderVirtualizer.tsx b/packages/react-components/react-virtualizer/src/components/Virtualizer/renderVirtualizer.tsx index bcc999560a09e4..ff9f8057b7fec6 100644 --- a/packages/react-components/react-virtualizer/src/components/Virtualizer/renderVirtualizer.tsx +++ b/packages/react-components/react-virtualizer/src/components/Virtualizer/renderVirtualizer.tsx @@ -1,9 +1,13 @@ +/** @jsxRuntime classic */ +/** @jsx createElement */ + import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import { VirtualizerSlots, VirtualizerState } from './Virtualizer.types'; export const renderVirtualizer_unstable = (state: VirtualizerState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/renderVirtualizerScrollView.tsx b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/renderVirtualizerScrollView.tsx index 1283838d46fc60..40e416c54ed5cc 100644 --- a/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/renderVirtualizerScrollView.tsx +++ b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/renderVirtualizerScrollView.tsx @@ -1,10 +1,14 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; + +import { getSlotsNext } from '@fluentui/react-utilities'; import { VirtualizerScrollViewSlots, VirtualizerScrollViewState } from './VirtualizerScrollView.types'; import { renderVirtualizer_unstable } from '../Virtualizer/renderVirtualizer'; export const renderVirtualizerScrollView_unstable = (state: VirtualizerScrollViewState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return {renderVirtualizer_unstable(state)}; }; From f860464aeb59555c2eb3271ab5be246c028629c5 Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Wed, 19 Apr 2023 12:18:58 -0700 Subject: [PATCH 51/81] fix: v8 Picker had incorrect element selector when setting focus (#27534) --- ...act-a7b86699-056a-47f4-bd3e-f194277114b8.json | 7 +++++++ .../src/components/pickers/BasePicker.test.tsx | 16 ++++++++-------- .../react/src/components/pickers/BasePicker.tsx | 8 ++++---- 3 files changed, 19 insertions(+), 12 deletions(-) create mode 100644 change/@fluentui-react-a7b86699-056a-47f4-bd3e-f194277114b8.json diff --git a/change/@fluentui-react-a7b86699-056a-47f4-bd3e-f194277114b8.json b/change/@fluentui-react-a7b86699-056a-47f4-bd3e-f194277114b8.json new file mode 100644 index 00000000000000..86e26db1d4c83b --- /dev/null +++ b/change/@fluentui-react-a7b86699-056a-47f4-bd3e-f194277114b8.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: BasePicker selects correct focus target in selected items", + "packageName": "@fluentui/react", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/src/components/pickers/BasePicker.test.tsx b/packages/react/src/components/pickers/BasePicker.test.tsx index 80c4f1661eab91..dc397b7866d49a 100644 --- a/packages/react/src/components/pickers/BasePicker.test.tsx +++ b/packages/react/src/components/pickers/BasePicker.test.tsx @@ -586,9 +586,9 @@ describe('BasePicker', () => { document.body.appendChild(root); const onRenderFocusableItem = (props: IPickerItemProps): JSX.Element => ( - +
+ +
); ReactDOM.render( { const suggestionOptions = document.querySelectorAll('.ms-Suggestions-itemButton'); ReactTestUtils.Simulate.click(suggestionOptions[0]); - const selectedItem = document.querySelector('button[data-selection-index]'); + const selectedItem = document.querySelector('[data-selection-index] > button'); expect(document.activeElement).toBe(selectedItem); }); @@ -620,9 +620,9 @@ describe('BasePicker', () => { const onRenderFocusableItem = (props: IPickerItemProps): JSX.Element => { return ( - +
+ +
); }; ReactDOM.render( @@ -638,7 +638,7 @@ describe('BasePicker', () => { root, ); - const selectedEls = document.querySelectorAll('button[data-selection-index]'); + const selectedEls = document.querySelectorAll('[data-selection-index] > button'); (selectedEls[0] as HTMLButtonElement).focus(); ReactTestUtils.Simulate.click(selectedEls[0]); diff --git a/packages/react/src/components/pickers/BasePicker.tsx b/packages/react/src/components/pickers/BasePicker.tsx index 201c5989c18e79..3aed9376024121 100644 --- a/packages/react/src/components/pickers/BasePicker.tsx +++ b/packages/react/src/components/pickers/BasePicker.tsx @@ -405,17 +405,17 @@ export class BasePicker> protected resetFocus(index?: number) { const { items } = this.state; - if (items.length && index! >= 0) { + if (items.length) { + // default to focusing the last item + index = index ?? items.length - 1; const newEl: HTMLElement | null = this.root.current && - (this.root.current.querySelectorAll('[data-selection-index]')[ + (this.root.current.querySelectorAll('[data-selection-index] > button')[ Math.min(index!, items.length - 1) ] as HTMLElement | null); if (newEl) { newEl.focus(); } - } else if (items.length && !this.canAddItems()) { - this.resetFocus(items.length - 1); } else { if (this.input.current) { this.input.current.focus(); From 6292ed9f4a5d4292b17de2c031ce7b82d99598ed Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Wed, 19 Apr 2023 12:21:21 -0700 Subject: [PATCH 52/81] fix: Detailslist fixed header example virtualization, DetailsList allows className in focusZoneProps, fix typing for selectionZoneProps (#27287) --- ...-5ce5a831-eb0f-4ea3-8c98-1b3c5237cb8a.json | 7 +++++++ .../ScrollablePane.DetailsList.Example.tsx | 21 +++++++++++++++++-- packages/react/etc/react.api.md | 2 +- .../DetailsList/DetailsList.base.tsx | 6 +++++- .../DetailsList/DetailsList.types.ts | 2 +- 5 files changed, 33 insertions(+), 5 deletions(-) create mode 100644 change/@fluentui-react-5ce5a831-eb0f-4ea3-8c98-1b3c5237cb8a.json diff --git a/change/@fluentui-react-5ce5a831-eb0f-4ea3-8c98-1b3c5237cb8a.json b/change/@fluentui-react-5ce5a831-eb0f-4ea3-8c98-1b3c5237cb8a.json new file mode 100644 index 00000000000000..c3ba90f165b185 --- /dev/null +++ b/change/@fluentui-react-5ce5a831-eb0f-4ea3-8c98-1b3c5237cb8a.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "fix: DetailsList allows className in focusZoneProps, fix typing for selectionZoneProps", + "packageName": "@fluentui/react", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-examples/src/react/ScrollablePane/ScrollablePane.DetailsList.Example.tsx b/packages/react-examples/src/react/ScrollablePane/ScrollablePane.DetailsList.Example.tsx index 34dd5b524ce217..9114064edd491a 100644 --- a/packages/react-examples/src/react/ScrollablePane/ScrollablePane.DetailsList.Example.tsx +++ b/packages/react-examples/src/react/ScrollablePane/ScrollablePane.DetailsList.Example.tsx @@ -41,8 +41,7 @@ const gridStyles: Partial = { }, contentWrapper: { flex: '1 1 auto', - overflowY: 'auto', - overflowX: 'hidden', + overflow: 'hidden', }, }; @@ -53,6 +52,15 @@ const classNames = mergeStyleSets({ row: { flex: '0 0 auto', }, + focusZone: { + height: '100%', + overflowY: 'auto', + overflowX: 'hidden', + }, + selectionZone: { + height: '100%', + overflow: 'hidden', + }, }); const footerItem: IScrollablePaneDetailsListExampleItem = { @@ -128,6 +136,11 @@ const onRenderDetailsFooter: IRenderFunction = (props, defa }; export const ScrollablePaneDetailsListExample: React.FunctionComponent = () => { + const focusZoneProps = { + className: classNames.focusZone, + 'data-is-scrollable': 'true', + } as React.HTMLAttributes; + return (

Item list

@@ -145,6 +158,10 @@ export const ScrollablePaneDetailsListExample: React.FunctionComponent = () => { ariaLabelForSelectAllCheckbox="Toggle selection for all items" checkButtonAriaLabel="select row" onItemInvoked={onItemInvoked} + focusZoneProps={focusZoneProps} + selectionZoneProps={{ + className: classNames.selectionZone, + }} />
); diff --git a/packages/react/etc/react.api.md b/packages/react/etc/react.api.md index 996bd2f4c0f034..3ff45a412b8e9b 100644 --- a/packages/react/etc/react.api.md +++ b/packages/react/etc/react.api.md @@ -4753,7 +4753,7 @@ export interface IDetailsListProps extends IBaseProps, IWithViewpo selection?: ISelection; selectionMode?: SelectionMode_2; selectionPreservedOnEmptyClick?: boolean; - selectionZoneProps?: ISelectionZoneProps; + selectionZoneProps?: Partial; setKey?: string; // @deprecated shouldApplyApplicationRole?: boolean; diff --git a/packages/react/src/components/DetailsList/DetailsList.base.tsx b/packages/react/src/components/DetailsList/DetailsList.base.tsx index eb9ae583bf8b2f..09b38b4f71e8c1 100644 --- a/packages/react/src/components/DetailsList/DetailsList.base.tsx +++ b/packages/react/src/components/DetailsList/DetailsList.base.tsx @@ -8,6 +8,7 @@ import { elementContains, getRTLSafeKeyCode, classNamesFunction, + css, memoizeFunction, } from '../../Utilities'; import { @@ -597,7 +598,10 @@ const DetailsListInner: React.ComponentType = ( const focusZoneInnerProps: IFocusZoneProps = { ...focusZoneProps, componentRef: focusZoneProps && focusZoneProps.componentRef ? focusZoneProps.componentRef : focusZoneRef, - className: classNames.focusZone, + className: + focusZoneProps && focusZoneProps.className + ? css(classNames.focusZone, focusZoneProps.className) + : classNames.focusZone, direction: focusZoneProps ? focusZoneProps.direction : FocusZoneDirection.vertical, shouldEnterInnerZone: focusZoneProps && focusZoneProps.shouldEnterInnerZone ? focusZoneProps.shouldEnterInnerZone : isRightArrow, diff --git a/packages/react/src/components/DetailsList/DetailsList.types.ts b/packages/react/src/components/DetailsList/DetailsList.types.ts index dc4fcbeb324e7f..a16d1f92685efd 100644 --- a/packages/react/src/components/DetailsList/DetailsList.types.ts +++ b/packages/react/src/components/DetailsList/DetailsList.types.ts @@ -125,7 +125,7 @@ export interface IDetailsListProps extends IBaseProps, IWithViewpo /** * Additional props to pass through to the SelectionZone created by default. */ - selectionZoneProps?: ISelectionZoneProps; + selectionZoneProps?: Partial; /** Controls how the columns are adjusted. */ layoutMode?: DetailsListLayoutMode; From 37e17afbfa3bc7c1c4aeb5823a44ccf81870e67f Mon Sep 17 00:00:00 2001 From: Esteban Munoz Facusse Date: Wed, 19 Apr 2023 15:45:06 -0700 Subject: [PATCH 53/81] feat(public-docsite): Add banner to React component pages to promote v9 (#27557) * adding link to v9 next to version picker * change files * remove banner and add BannerSection to Page * removing fragment --- .../src/SiteDefinition/SiteDefinition.tsx | 16 +------------- .../src/pages/Controls/ControlsAreaPage.tsx | 8 +++++++ ...-55a098aa-b0e5-41f6-9724-d7b9f4d1ba94.json | 7 ++++++ .../src/components/Page/Page.module.scss | 20 +++++++++++++++++ .../src/components/Page/Page.tsx | 10 +++++++++ .../src/components/Page/Page.types.ts | 7 ++++++ .../Page/sections/BannerSection.tsx | 22 +++++++++++++++++++ 7 files changed, 75 insertions(+), 15 deletions(-) create mode 100644 change/@fluentui-react-docsite-components-55a098aa-b0e5-41f6-9724-d7b9f4d1ba94.json create mode 100644 packages/react-docsite-components/src/components/Page/sections/BannerSection.tsx diff --git a/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx b/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx index 3948ae4db1fa84..a64e92ecf17530 100644 --- a/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx +++ b/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx @@ -62,21 +62,7 @@ export const SiteDefinition: ISiteDefinition = { { from: '#/styles/web/fluent-theme', to: '#/controls/web/themes' }, { from: '#/examples', to: '#/controls/web' }, ], - messageBars: [ - { - path: '#', - text: ( - - 🎉 Announcing Fluent UI React v9 stable release! Visit{' '} - - Fluent UI React v9 - {' '} - to see more. - - ), - sessionStoragePrefix: 'FluentUI9', - }, - ], + messageBars: [], // This is defined by loadSite() from @fluentui/public-docsite-setup versionSwitcherDefinition: window.__versionSwitcherDefinition, }; diff --git a/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx b/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx index 25528c11ca408b..a75cc53f520ce0 100644 --- a/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx +++ b/apps/public-docsite/src/pages/Controls/ControlsAreaPage.tsx @@ -9,6 +9,13 @@ export interface IControlsPageProps extends IPageProps {} const apiRequireContext = require.context('@fluentui/public-docsite-resources/dist/api/', true, /^(?!references).*/); +const webPlatformBanner = { + banner: { + title: 'Fluent UI v9', + message: 'Check out the all new [Fluent UI version 9](https://react.fluentui.dev)!', + }, +}; + const ControlsAreaPageBase: React.FunctionComponent = props => { let jsonDocs: IPageJson; if (props.platform === 'web' && !props.jsonDocs) { @@ -25,6 +32,7 @@ const ControlsAreaPageBase: React.FunctionComponent = props subTitle={getSubTitle(props.platform!)} jsonDocs={jsonDocs!} {...props} + {...(props.platform === Platforms.web && webPlatformBanner)} versionSwitcherDefinition={ props.platform === Platforms.web ? SiteDefinition.versionSwitcherDefinition : undefined } diff --git a/change/@fluentui-react-docsite-components-55a098aa-b0e5-41f6-9724-d7b9f4d1ba94.json b/change/@fluentui-react-docsite-components-55a098aa-b0e5-41f6-9724-d7b9f4d1ba94.json new file mode 100644 index 00000000000000..d4ad324c9d2b85 --- /dev/null +++ b/change/@fluentui-react-docsite-components-55a098aa-b0e5-41f6-9724-d7b9f4d1ba94.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: Add link to reference v9 website next to v8's version selector.", + "packageName": "@fluentui/react-docsite-components", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-docsite-components/src/components/Page/Page.module.scss b/packages/react-docsite-components/src/components/Page/Page.module.scss index 0a2ff3f515d42d..9a94c2f4f4b3f3 100644 --- a/packages/react-docsite-components/src/components/Page/Page.module.scss +++ b/packages/react-docsite-components/src/components/Page/Page.module.scss @@ -13,6 +13,26 @@ $usageListPadding: 24px; max-width: $content-width + ($App-padding-sm * 2); } +.banner { + background-image: linear-gradient( + to right bottom, + #c989e8, + #cea1f0, + #d6b8f7, + #dfcefb, + #ebe3fe, + #ece9ff, + #efeeff, + #f2f3ff, + #e6eaff, + #d7e2ff, + #c6dbff, + #b3d4ff + ) !important; + padding-top: 10px !important; + padding-bottom: 10px !important; +} + .section { background: $ms-color-white; padding: $App-padding-sm; diff --git a/packages/react-docsite-components/src/components/Page/Page.tsx b/packages/react-docsite-components/src/components/Page/Page.tsx index 5a64c077b85c2b..456260318c0144 100644 --- a/packages/react-docsite-components/src/components/Page/Page.tsx +++ b/packages/react-docsite-components/src/components/Page/Page.tsx @@ -21,6 +21,7 @@ import { IPageProps, IPageSectionProps } from './Page.types'; import * as styles from './Page.module.scss'; import { sideRailWidth } from '../../styles/constants'; import { getLinkColors } from '../../utilities/getLinkColors'; +import { BannerSection } from './sections/BannerSection'; const SECTION_STAGGER_INTERVAL = 0.05; /** Section key/id prefix for sections which don't have a title */ @@ -148,6 +149,7 @@ export class Page extends React.Component { title, usage, accessibility, + banner, } = this.props; const sectionProps: IPageSectionProps = { @@ -159,6 +161,14 @@ export class Page extends React.Component { const sections: IPageSectionProps[] = []; + banner && + sections.push({ + renderAs: BannerSection, + ...sectionProps, + content: banner.message, + sectionName: banner.title, + }); + overview && sections.push({ renderAs: OverviewSection, ...sectionProps, sectionName: 'Overview', content: overview }); diff --git a/packages/react-docsite-components/src/components/Page/Page.types.ts b/packages/react-docsite-components/src/components/Page/Page.types.ts index a27c5ffe839d52..61b32fbf852e4c 100644 --- a/packages/react-docsite-components/src/components/Page/Page.types.ts +++ b/packages/react-docsite-components/src/components/Page/Page.types.ts @@ -31,6 +31,8 @@ export interface IPageProps { /** Optional title of the file to be passed to edit URL if different than the page title. */ fileNamePrefix?: string; + banner?: IBanner; + /** (1) Overview of the page as Markdown string */ overview?: string; @@ -125,6 +127,11 @@ export interface IExample extends IExampleCardProps { view: React.ReactNode; } +export interface IBanner { + title?: string; + message?: string; +} + export interface IPageSectionProps extends Pick, 'title' | 'componentUrl' | 'fileNamePrefix' | 'platform'> { /** ID for the section (auto-generated if not specified) */ diff --git a/packages/react-docsite-components/src/components/Page/sections/BannerSection.tsx b/packages/react-docsite-components/src/components/Page/sections/BannerSection.tsx new file mode 100644 index 00000000000000..fa1f8ccf4961e1 --- /dev/null +++ b/packages/react-docsite-components/src/components/Page/sections/BannerSection.tsx @@ -0,0 +1,22 @@ +import * as React from 'react'; +import * as styles from '../Page.module.scss'; +import { css, hiddenContentStyle } from '@fluentui/react'; +import { IBanner, IPageSectionPropsWithSectionName } from '../Page.types'; +import { Markdown } from '../../Markdown/index'; + +export const BannerSection: React.FunctionComponent = props => { + const { className, title = props.sectionName, content, style, id } = props; + return ( +
+
+ {/* This heading isn't shown but must be programmatically focusable for simulating jumping to an anchor */} +

+ {title} +

+
+
+ {content} +
+
+ ); +}; From f7d88ee6fb582989efc057880ddfe60228649189 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Facusse Date: Wed, 19 Apr 2023 21:41:33 -0700 Subject: [PATCH 54/81] feat(react-datepicker-compat): Add error handling to DatePicker and update popup's padding (#27637) --- ...-59a888f8-093f-449c-b49e-4f580894da5e.json | 7 ++++ .../etc/react-datepicker-compat.api.md | 11 ++++- .../react-datepicker-compat/package.json | 1 + .../components/DatePicker/DatePicker.types.ts | 39 +++++++----------- .../src/components/DatePicker/defaults.ts | 15 ++++--- .../components/DatePicker/useDatePicker.tsx | 41 +++++++++++++------ .../DatePicker/useDatePickerStyles.ts | 1 - .../react-datepicker-compat/src/index.ts | 6 ++- .../DatePickerErrorHandling.stories.tsx | 39 ++++++++++++++++++ .../stories/DatePicker/index.stories.tsx | 1 + 10 files changed, 115 insertions(+), 46 deletions(-) create mode 100644 change/@fluentui-react-datepicker-compat-59a888f8-093f-449c-b49e-4f580894da5e.json create mode 100644 packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerErrorHandling.stories.tsx diff --git a/change/@fluentui-react-datepicker-compat-59a888f8-093f-449c-b49e-4f580894da5e.json b/change/@fluentui-react-datepicker-compat-59a888f8-093f-449c-b49e-4f580894da5e.json new file mode 100644 index 00000000000000..162abc60d48048 --- /dev/null +++ b/change/@fluentui-react-datepicker-compat-59a888f8-093f-449c-b49e-4f580894da5e.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "feat: Add error handling to DatePicker.", + "packageName": "@fluentui/react-datepicker-compat", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md b/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md index 1fb0c3c435cc94..d6ad592e1bb4dd 100644 --- a/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md +++ b/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md @@ -152,6 +152,11 @@ export const DatePicker: ForwardRefComponent; // @public (undocumented) export const datePickerClassNames: SlotClassNames; +// @public +export type DatePickerErrorData = { + error: 'invalid-input' | 'out-of-bounds' | 'required-input'; +}; + // @public (undocumented) export type DatePickerProps = Omit>, 'defaultValue' | 'value'> & { componentRef?: React_2.RefObject; @@ -167,6 +172,7 @@ export type DatePickerProps = Omit>, 'de defaultOpen?: boolean; open?: boolean; onOpenChange?: (open: boolean) => void; + onValidationError?: (data: DatePickerErrorData) => void; inlinePopup?: boolean; positioning?: PositioningProps; placeholder?: string; @@ -224,7 +230,10 @@ export enum DayOfWeek { export const DAYS_IN_WEEK = 7; // @public (undocumented) -export const defaultCalendarStrings: CalendarStrings; +export const defaultDatePickerErrorStrings: Record; + +// @public (undocumented) +export const defaultDatePickerStrings: CalendarStrings; // @public export enum FirstWeekOfYear { diff --git a/packages/react-components/react-datepicker-compat/package.json b/packages/react-components/react-datepicker-compat/package.json index 50edc08388701b..8ff9db76cec405 100644 --- a/packages/react-components/react-datepicker-compat/package.json +++ b/packages/react-components/react-datepicker-compat/package.json @@ -35,6 +35,7 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.2", + "@fluentui/react-field": "^9.1.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-input": "^9.4.10", "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts index d4aea2095fdf24..950ec49fa96b18 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts @@ -104,6 +104,11 @@ export type DatePickerProps = Omit>, 'de */ onOpenChange?: (open: boolean) => void; + /** + * Callback to run when the DatePicker encounters an error when validating the input + */ + onValidationError?: (data: DatePickerErrorData) => void; + /** * Whether the DatePicker should render the popup as inline or in a portal * @@ -224,32 +229,18 @@ export type DatePickerProps = Omit>, 'de showCloseButton?: boolean; }; +/** + * State used in rendering DatePicker. + */ export type DatePickerState = ComponentState & { disabled: boolean; inlinePopup: boolean; }; -// TODO: remove this once we add error handling hook -export interface DatePickerStrings extends CalendarStrings { - /** - * Error message to render for Input if isRequired validation fails. - */ - isRequiredErrorMessage?: string; - - /** - * Error message to render for Input if input date string parsing fails. - */ - invalidInputErrorMessage?: string; - - /** - * Error message to render for Input if date boundary (minDate, maxDate) validation fails. - */ - isOutOfBoundsErrorMessage?: string; - - /** - * Status message to render for Input the input date parsing fails, - * and the typed value is cleared and reset to the previous value. - * e.g. "Invalid entry `{0}`, date reset to `{1}`" - */ - isResetStatusMessage?: string; -} +/** + * Data passed to the `onValidationError` callback. + */ +export type DatePickerErrorData = { + /** The error found when validating the input. */ + error: 'invalid-input' | 'out-of-bounds' | 'required-input'; +}; diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/defaults.ts b/packages/react-components/react-datepicker-compat/src/components/DatePicker/defaults.ts index 73c04316570528..6906ad13d407cb 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/defaults.ts +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/defaults.ts @@ -1,15 +1,18 @@ import { defaultCalendarStrings } from '../Calendar/defaults'; -import type { DatePickerStrings } from './DatePicker.types'; +import type { CalendarStrings } from '../../utils/index'; +import type { DatePickerErrorData } from './DatePicker.types'; -// TODO: Once we have error handling hook, this needs to be either renamed or removed. -export const defaultDatePickerStrings: DatePickerStrings = { +export const defaultDatePickerStrings: CalendarStrings = { ...defaultCalendarStrings, prevMonthAriaLabel: 'Go to previous month', nextMonthAriaLabel: 'Go to next month', prevYearAriaLabel: 'Go to previous year', nextYearAriaLabel: 'Go to next year', closeButtonAriaLabel: 'Close date picker', - isRequiredErrorMessage: 'Field is required', - invalidInputErrorMessage: 'Invalid date format', - isResetStatusMessage: 'Invalid entry "{0}", date reset to "{1}"', +}; + +export const defaultDatePickerErrorStrings: Record = { + 'invalid-input': 'Invalid date format', + 'out-of-bounds': 'Date is out of bounds', + 'required-input': 'Field is required', }; diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx index 3cfb1323308d2d..09d3846e29fa08 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx @@ -1,8 +1,10 @@ import * as React from 'react'; import { ArrowDown, Enter, Escape } from '@fluentui/keyboard-keys'; +import { Calendar } from '../Calendar/Calendar'; import { CalendarMonthRegular } from '@fluentui/react-icons'; +import { compareDatePart, DayOfWeek, FirstWeekOfYear } from '../../utils'; +import { defaultDatePickerStrings } from './defaults'; import { Input } from '@fluentui/react-input'; -import { useFocusFinders, useModalAttributes } from '@fluentui/react-tabster'; import { mergeCallbacks, resolveShorthand, @@ -13,14 +15,13 @@ import { useOnClickOutside, useOnScrollOutside, } from '@fluentui/react-utilities'; -import { compareDatePart, DayOfWeek, FirstWeekOfYear } from '../../utils'; -import { Calendar } from '../Calendar/Calendar'; -import { usePopupPositioning } from '../../utils/usePopupPositioning'; +import { useFieldContext_unstable as useFieldContext } from '@fluentui/react-field'; import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts'; -import type { InputProps, InputOnChangeData } from '@fluentui/react-input'; +import { useFocusFinders, useModalAttributes } from '@fluentui/react-tabster'; +import { usePopupPositioning } from '../../utils/usePopupPositioning'; import type { CalendarProps, ICalendar } from '../Calendar/Calendar.types'; import type { DatePickerProps, DatePickerState } from './DatePicker.types'; -import { defaultCalendarStrings } from '../Calendar/defaults'; +import type { InputProps, InputOnChangeData } from '@fluentui/react-input'; function isDateOutOfBounds(date: Date, minDate?: Date, maxDate?: Date): boolean { return (!!minDate && compareDatePart(minDate!, date) > 0) || (!!maxDate && compareDatePart(maxDate!, date) < 0); @@ -128,12 +129,13 @@ export const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref { + const styles = useStyles(); + const [error, setError] = React.useState(undefined); + + return ( + + setError(data.error)} + className={styles.control} + /> + + ); +}; diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/index.stories.tsx b/packages/react-components/react-datepicker-compat/stories/DatePicker/index.stories.tsx index 3215f6149101da..d19305e309b52b 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/index.stories.tsx +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/index.stories.tsx @@ -9,6 +9,7 @@ export { FirstDayOfTheWeek } from './DatePickerFirstDayOfTheWeek.stories'; export { WeekNumbers } from './DatePickerWeekNumbers.stories'; export { DateBoundaries } from './DatePickerDateBoundaries.stories'; export { CustomDateFormatting } from './DatePickerCustomDateFormatting.stories'; +export { ErrorHandling } from './DatePickerErrorHandling.stories'; export { Controlled } from './DatePickerControlled.stories'; export { Required } from './DatePickerRequired.stories'; export { Disabled } from './DatePickerDisabled.stories'; From 04c2e8a600ef3a446c903ade92b492d1feea60e9 Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Thu, 20 Apr 2023 07:48:05 +0000 Subject: [PATCH 55/81] applying package updates --- apps/perf-test/package.json | 2 +- apps/public-docsite-resources/package.json | 10 +++---- apps/public-docsite-v9/package.json | 2 +- apps/public-docsite/package.json | 12 ++++----- apps/react-18-tests-v8/package.json | 2 +- apps/ssr-tests/package.json | 2 +- apps/stress-test/package.json | 2 +- apps/theming-designer/package.json | 4 +-- apps/ts-minbar-test-react/package.json | 2 +- apps/vr-tests/package.json | 4 +-- ...-5ce5a831-eb0f-4ea3-8c98-1b3c5237cb8a.json | 7 ----- ...-a7b86699-056a-47f4-bd3e-f194277114b8.json | 7 ----- ...-55a098aa-b0e5-41f6-9724-d7b9f4d1ba94.json | 7 ----- packages/azure-themes/CHANGELOG.json | 15 +++++++++++ packages/azure-themes/CHANGELOG.md | 11 +++++++- packages/azure-themes/package.json | 4 +-- packages/cra-template/CHANGELOG.json | 15 +++++++++++ packages/cra-template/CHANGELOG.md | 11 +++++++- packages/cra-template/package.json | 4 +-- packages/fluent2-theme/CHANGELOG.json | 15 +++++++++++ packages/fluent2-theme/CHANGELOG.md | 11 +++++++- packages/fluent2-theme/package.json | 4 +-- packages/react-cards/CHANGELOG.json | 15 +++++++++++ packages/react-cards/CHANGELOG.md | 11 +++++++- packages/react-cards/package.json | 4 +-- packages/react-charting/CHANGELOG.json | 15 +++++++++++ packages/react-charting/CHANGELOG.md | 11 +++++++- packages/react-charting/package.json | 6 ++--- .../react-migration-v8-v9/package.json | 4 +-- packages/react-date-time/CHANGELOG.json | 15 +++++++++++ packages/react-date-time/CHANGELOG.md | 11 +++++++- packages/react-date-time/package.json | 4 +-- .../react-docsite-components/CHANGELOG.json | 27 +++++++++++++++++++ .../react-docsite-components/CHANGELOG.md | 13 ++++++++- .../react-docsite-components/package.json | 6 ++--- packages/react-examples/package.json | 14 +++++----- packages/react-experiments/CHANGELOG.json | 15 +++++++++++ packages/react-experiments/CHANGELOG.md | 11 +++++++- packages/react-experiments/package.json | 4 +-- packages/react-monaco-editor/CHANGELOG.json | 15 +++++++++++ packages/react-monaco-editor/CHANGELOG.md | 11 +++++++- packages/react-monaco-editor/package.json | 4 +-- packages/react/CHANGELOG.json | 23 ++++++++++++++++ packages/react/CHANGELOG.md | 15 ++++++++++- packages/react/package.json | 2 +- packages/storybook/package.json | 6 ++--- packages/theme-samples/CHANGELOG.json | 15 +++++++++++ packages/theme-samples/CHANGELOG.md | 11 +++++++- packages/theme-samples/package.json | 4 +-- 49 files changed, 357 insertions(+), 88 deletions(-) delete mode 100644 change/@fluentui-react-5ce5a831-eb0f-4ea3-8c98-1b3c5237cb8a.json delete mode 100644 change/@fluentui-react-a7b86699-056a-47f4-bd3e-f194277114b8.json delete mode 100644 change/@fluentui-react-docsite-components-55a098aa-b0e5-41f6-9724-d7b9f4d1ba94.json diff --git a/apps/perf-test/package.json b/apps/perf-test/package.json index 2783b59ef08a47..f6ad4f521fd701 100644 --- a/apps/perf-test/package.json +++ b/apps/perf-test/package.json @@ -20,7 +20,7 @@ "dependencies": { "@fluentui/scripts-perf-test-flamegrill": "*", "@fluentui/example-data": "^8.4.7", - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@microsoft/load-themed-styles": "^1.10.26", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json index 28f61da3c5481d..584b50115e988a 100644 --- a/apps/public-docsite-resources/package.json +++ b/apps/public-docsite-resources/package.json @@ -34,15 +34,15 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/react-examples": "^8.34.4", "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/azure-themes": "^8.5.80", - "@fluentui/react-docsite-components": "^8.11.41", + "@fluentui/azure-themes": "^8.5.81", + "@fluentui/react-docsite-components": "^8.12.0", "@fluentui/font-icons-mdl2": "^8.5.13", "@fluentui/set-version": "^8.2.6", - "@fluentui/theme-samples": "^8.7.76", - "@fluentui/react-monaco-editor": "^1.7.76", + "@fluentui/theme-samples": "^8.7.77", + "@fluentui/react-monaco-editor": "^1.7.77", "office-ui-fabric-core": "^11.0.0", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index 0c626bd8905a00..9dca50c264c5b5 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -25,7 +25,7 @@ "@fluentui/react-datepicker-compat": "0.0.0-beta.2", "@fluentui/react-migration-v8-v9": "^9.2.9", "@fluentui/react-migration-v0-v9": "9.0.0-alpha.0", - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/react-northstar": "^0.66.4", "@fluentui/react-icons-northstar": "^0.66.4", "@fluentui/react-components": "^9.19.0", diff --git a/apps/public-docsite/package.json b/apps/public-docsite/package.json index aca0378a3b9e13..f18de54d87067c 100644 --- a/apps/public-docsite/package.json +++ b/apps/public-docsite/package.json @@ -25,7 +25,7 @@ "devDependencies": { "@fluentui/common-styles": "^1.2.22", "@fluentui/eslint-plugin": "*", - "@fluentui/react-monaco-editor": "^1.7.76", + "@fluentui/react-monaco-editor": "^1.7.77", "write-file-webpack-plugin": "^4.1.0", "@fluentui/scripts-tasks": "*", "@fluentui/scripts-webpack": "*" @@ -34,17 +34,17 @@ "@fluentui/font-icons-mdl2": "^8.5.13", "@fluentui/public-docsite-resources": "^8.1.41", "@fluentui/public-docsite-setup": "^0.3.18", - "@fluentui/react": "^8.107.6", - "@fluentui/react-docsite-components": "^8.11.41", + "@fluentui/react": "^8.108.0", + "@fluentui/react-docsite-components": "^8.12.0", "@fluentui/react-examples": "^8.34.4", - "@fluentui/react-experiments": "^8.14.71", - "@fluentui/fluent2-theme": "^8.107.0", + "@fluentui/react-experiments": "^8.14.72", + "@fluentui/fluent2-theme": "^8.107.1", "@fluentui/react-file-type-icons": "^8.8.13", "@fluentui/react-icons-mdl2": "^1.3.37", "@fluentui/react-icons-mdl2-branded": "^1.2.38", "@fluentui/set-version": "^8.2.6", "@fluentui/theme": "^2.6.25", - "@fluentui/theme-samples": "^8.7.76", + "@fluentui/theme-samples": "^8.7.77", "@fluentui/utilities": "^8.13.9", "@microsoft/load-themed-styles": "^1.10.26", "office-ui-fabric-core": "^11.0.0", diff --git a/apps/react-18-tests-v8/package.json b/apps/react-18-tests-v8/package.json index 77d8dad2fa5a0b..5b48a815a84c25 100644 --- a/apps/react-18-tests-v8/package.json +++ b/apps/react-18-tests-v8/package.json @@ -21,7 +21,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/react-hooks": "^8.6.20", "@types/react": "18.0.14", "@types/react-dom": "18.0.6", diff --git a/apps/ssr-tests/package.json b/apps/ssr-tests/package.json index 88d990bc22fa84..a09c58882d3506 100644 --- a/apps/ssr-tests/package.json +++ b/apps/ssr-tests/package.json @@ -13,7 +13,7 @@ }, "license": "MIT", "devDependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@microsoft/load-themed-styles": "^1.10.26", "@types/mocha": "7.0.2", "@fluentui/public-docsite-resources": "^8.1.41", diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json index ed4b24f748de8c..e421595e044809 100644 --- a/apps/stress-test/package.json +++ b/apps/stress-test/package.json @@ -10,7 +10,7 @@ "type-check": "tsc -b tsconfig.type.json" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/react-components": "^9.19.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/web-components": "^2.5.14", diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json index 0a2d939ddd0e6e..6fc897fb3b11e3 100644 --- a/apps/theming-designer/package.json +++ b/apps/theming-designer/package.json @@ -19,9 +19,9 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/merge-styles": "^8.5.7", - "@fluentui/react-docsite-components": "^8.11.41", + "@fluentui/react-docsite-components": "^8.12.0", "@fluentui/foundation-legacy": "^8.2.33", "@fluentui/scheme-utilities": "^8.3.26", "@fluentui/set-version": "^8.2.6", diff --git a/apps/ts-minbar-test-react/package.json b/apps/ts-minbar-test-react/package.json index f144f8f0b2b954..fe687765bd82e9 100644 --- a/apps/ts-minbar-test-react/package.json +++ b/apps/ts-minbar-test-react/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react": "^8.107.6" + "@fluentui/react": "^8.108.0" }, "scripts": { "type-check": "tsc -p .", diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json index ffa70fbf984cc0..e93b290a6be642 100644 --- a/apps/vr-tests/package.json +++ b/apps/vr-tests/package.json @@ -22,8 +22,8 @@ "dependencies": { "@fluentui/example-data": "^8.4.7", "@fluentui/font-icons-mdl2": "^8.5.13", - "@fluentui/react": "^8.107.6", - "@fluentui/react-experiments": "^8.14.71", + "@fluentui/react": "^8.108.0", + "@fluentui/react-experiments": "^8.14.72", "@fluentui/react-hooks": "^8.6.20", "@fluentui/react-icons-mdl2": "^1.3.37", "@fluentui/storybook": "^1.0.0", diff --git a/change/@fluentui-react-5ce5a831-eb0f-4ea3-8c98-1b3c5237cb8a.json b/change/@fluentui-react-5ce5a831-eb0f-4ea3-8c98-1b3c5237cb8a.json deleted file mode 100644 index c3ba90f165b185..00000000000000 --- a/change/@fluentui-react-5ce5a831-eb0f-4ea3-8c98-1b3c5237cb8a.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "fix: DetailsList allows className in focusZoneProps, fix typing for selectionZoneProps", - "packageName": "@fluentui/react", - "email": "sarah.higley@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-a7b86699-056a-47f4-bd3e-f194277114b8.json b/change/@fluentui-react-a7b86699-056a-47f4-bd3e-f194277114b8.json deleted file mode 100644 index 86e26db1d4c83b..00000000000000 --- a/change/@fluentui-react-a7b86699-056a-47f4-bd3e-f194277114b8.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: BasePicker selects correct focus target in selected items", - "packageName": "@fluentui/react", - "email": "sarah.higley@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-docsite-components-55a098aa-b0e5-41f6-9724-d7b9f4d1ba94.json b/change/@fluentui-react-docsite-components-55a098aa-b0e5-41f6-9724-d7b9f4d1ba94.json deleted file mode 100644 index d4ad324c9d2b85..00000000000000 --- a/change/@fluentui-react-docsite-components-55a098aa-b0e5-41f6-9724-d7b9f4d1ba94.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: Add link to reference v9 website next to v8's version selector.", - "packageName": "@fluentui/react-docsite-components", - "email": "esteban.230@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/packages/azure-themes/CHANGELOG.json b/packages/azure-themes/CHANGELOG.json index 3e722de3bc4d6a..bea27bbe11babd 100644 --- a/packages/azure-themes/CHANGELOG.json +++ b/packages/azure-themes/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/azure-themes", "entries": [ + { + "date": "Thu, 20 Apr 2023 07:47:57 GMT", + "tag": "@fluentui/azure-themes_v8.5.81", + "version": "8.5.81", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/react to v8.108.0", + "commit": "f7d88ee6fb582989efc057880ddfe60228649189" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:26 GMT", "tag": "@fluentui/azure-themes_v8.5.80", diff --git a/packages/azure-themes/CHANGELOG.md b/packages/azure-themes/CHANGELOG.md index cd29fc0aed9de9..b7009ba8ad7bf7 100644 --- a/packages/azure-themes/CHANGELOG.md +++ b/packages/azure-themes/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/azure-themes -This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +This log was last generated on Thu, 20 Apr 2023 07:47:57 GMT and should not be manually modified. +## [8.5.81](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.81) + +Thu, 20 Apr 2023 07:47:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.5.80..@fluentui/azure-themes_v8.5.81) + +### Patches + +- Bump @fluentui/react to v8.108.0 ([PR #27637](https://github.com/microsoft/fluentui/pull/27637) by beachball) + ## [8.5.80](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.80) Mon, 17 Apr 2023 07:40:26 GMT diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json index a5dd7436ed6a1f..13e076868e23b6 100644 --- a/packages/azure-themes/package.json +++ b/packages/azure-themes/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/azure-themes", - "version": "8.5.80", + "version": "8.5.81", "description": "Azure themes for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/set-version": "^8.2.6", "tslib": "^2.1.0" } diff --git a/packages/cra-template/CHANGELOG.json b/packages/cra-template/CHANGELOG.json index 476758a3ae40ea..763995d9030bd7 100644 --- a/packages/cra-template/CHANGELOG.json +++ b/packages/cra-template/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/cra-template", "entries": [ + { + "date": "Thu, 20 Apr 2023 07:47:57 GMT", + "tag": "@fluentui/cra-template_v8.4.78", + "version": "8.4.78", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/cra-template", + "comment": "Bump @fluentui/react to v8.108.0", + "commit": "f7d88ee6fb582989efc057880ddfe60228649189" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:26 GMT", "tag": "@fluentui/cra-template_v8.4.77", diff --git a/packages/cra-template/CHANGELOG.md b/packages/cra-template/CHANGELOG.md index e1745e30312b7f..80fe9ad379731e 100644 --- a/packages/cra-template/CHANGELOG.md +++ b/packages/cra-template/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/cra-template -This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +This log was last generated on Thu, 20 Apr 2023 07:47:57 GMT and should not be manually modified. +## [8.4.78](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.78) + +Thu, 20 Apr 2023 07:47:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.77..@fluentui/cra-template_v8.4.78) + +### Patches + +- Bump @fluentui/react to v8.108.0 ([PR #27637](https://github.com/microsoft/fluentui/pull/27637) by beachball) + ## [8.4.77](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.77) Mon, 17 Apr 2023 07:40:26 GMT diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json index 04e135d8d816ad..0d2279ce36bcbe 100644 --- a/packages/cra-template/package.json +++ b/packages/cra-template/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/cra-template", - "version": "8.4.77", + "version": "8.4.78", "description": "Create React App template for Fluent UI React (@fluentui/react)", "repository": { "type": "git", @@ -18,7 +18,7 @@ "template.json" ], "devDependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/scripts-projects-test": "*", "@fluentui/scripts-monorepo": "*" } diff --git a/packages/fluent2-theme/CHANGELOG.json b/packages/fluent2-theme/CHANGELOG.json index ff16437848e3f1..bbda82a4c8c39f 100644 --- a/packages/fluent2-theme/CHANGELOG.json +++ b/packages/fluent2-theme/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/fluent2-theme", "entries": [ + { + "date": "Thu, 20 Apr 2023 07:47:57 GMT", + "tag": "@fluentui/fluent2-theme_v8.107.1", + "version": "8.107.1", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/fluent2-theme", + "comment": "Bump @fluentui/react to v8.108.0", + "commit": "f7d88ee6fb582989efc057880ddfe60228649189" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:25 GMT", "tag": "@fluentui/fluent2-theme_v8.107.0", diff --git a/packages/fluent2-theme/CHANGELOG.md b/packages/fluent2-theme/CHANGELOG.md index 8820ac0bfe77fc..5af1e8486af529 100644 --- a/packages/fluent2-theme/CHANGELOG.md +++ b/packages/fluent2-theme/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/fluent2-theme -This log was last generated on Mon, 17 Apr 2023 07:40:25 GMT and should not be manually modified. +This log was last generated on Thu, 20 Apr 2023 07:47:57 GMT and should not be manually modified. +## [8.107.1](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.1) + +Thu, 20 Apr 2023 07:47:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/fluent2-theme_v8.107.0..@fluentui/fluent2-theme_v8.107.1) + +### Patches + +- Bump @fluentui/react to v8.108.0 ([PR #27637](https://github.com/microsoft/fluentui/pull/27637) by beachball) + ## [8.107.0](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.107.0) Mon, 17 Apr 2023 07:40:25 GMT diff --git a/packages/fluent2-theme/package.json b/packages/fluent2-theme/package.json index fe93046cea4871..3ae265b1bd6279 100644 --- a/packages/fluent2-theme/package.json +++ b/packages/fluent2-theme/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/fluent2-theme", - "version": "8.107.0", + "version": "8.107.1", "description": "A Fluent2 theme for Fluent UI React 8.x", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/set-version": "^8.2.6", "tslib": "^2.1.0" } diff --git a/packages/react-cards/CHANGELOG.json b/packages/react-cards/CHANGELOG.json index da9f74574332dc..5bb7cdec1db411 100644 --- a/packages/react-cards/CHANGELOG.json +++ b/packages/react-cards/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-cards", "entries": [ + { + "date": "Thu, 20 Apr 2023 07:47:57 GMT", + "tag": "@fluentui/react-cards_v0.205.77", + "version": "0.205.77", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/react to v8.108.0", + "commit": "f7d88ee6fb582989efc057880ddfe60228649189" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:26 GMT", "tag": "@fluentui/react-cards_v0.205.76", diff --git a/packages/react-cards/CHANGELOG.md b/packages/react-cards/CHANGELOG.md index 51c186a0375092..0bdd91bb93b97f 100644 --- a/packages/react-cards/CHANGELOG.md +++ b/packages/react-cards/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-cards -This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +This log was last generated on Thu, 20 Apr 2023 07:47:57 GMT and should not be manually modified. +## [0.205.77](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.77) + +Thu, 20 Apr 2023 07:47:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.76..@fluentui/react-cards_v0.205.77) + +### Patches + +- Bump @fluentui/react to v8.108.0 ([PR #27637](https://github.com/microsoft/fluentui/pull/27637) by beachball) + ## [0.205.76](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.76) Mon, 17 Apr 2023 07:40:26 GMT diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json index efc9ffcf192568..f83722083b5e7b 100644 --- a/packages/react-cards/package.json +++ b/packages/react-cards/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-cards", - "version": "0.205.76", + "version": "0.205.77", "description": "Deprecated experimental Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,7 +34,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/foundation-legacy": "^8.2.33", "@fluentui/set-version": "^8.2.6", "@microsoft/load-themed-styles": "^1.10.26", diff --git a/packages/react-charting/CHANGELOG.json b/packages/react-charting/CHANGELOG.json index 7018950e1c9301..2ba0a83aa5ee4e 100644 --- a/packages/react-charting/CHANGELOG.json +++ b/packages/react-charting/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-charting", "entries": [ + { + "date": "Thu, 20 Apr 2023 07:47:57 GMT", + "tag": "@fluentui/react-charting_v5.16.19", + "version": "5.16.19", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react to v8.108.0", + "commit": "f7d88ee6fb582989efc057880ddfe60228649189" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:26 GMT", "tag": "@fluentui/react-charting_v5.16.18", diff --git a/packages/react-charting/CHANGELOG.md b/packages/react-charting/CHANGELOG.md index cfd06940bd8cd6..1edc21756cd16e 100644 --- a/packages/react-charting/CHANGELOG.md +++ b/packages/react-charting/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-charting -This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +This log was last generated on Thu, 20 Apr 2023 07:47:57 GMT and should not be manually modified. +## [5.16.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.19) + +Thu, 20 Apr 2023 07:47:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.16.18..@fluentui/react-charting_v5.16.19) + +### Patches + +- Bump @fluentui/react to v8.108.0 ([PR #27637](https://github.com/microsoft/fluentui/pull/27637) by beachball) + ## [5.16.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.16.18) Mon, 17 Apr 2023 07:40:26 GMT diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json index 9ebf5bde1c8b00..7948bf0e958c8f 100644 --- a/packages/react-charting/package.json +++ b/packages/react-charting/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-charting", - "version": "5.16.18", + "version": "5.16.19", "description": "Experimental React charting components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@types/react-addons-test-utils": "0.14.18", "@fluentui/jest-serializer-merge-styles": "^8.0.24", "@fluentui/scripts-jest": "*", @@ -62,7 +62,7 @@ "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0", diff --git a/packages/react-components/react-migration-v8-v9/package.json b/packages/react-components/react-migration-v8-v9/package.json index 847741e4776d60..932e33c45c000b 100644 --- a/packages/react-components/react-migration-v8-v9/package.json +++ b/packages/react-components/react-migration-v8-v9/package.json @@ -32,8 +32,8 @@ }, "dependencies": { "@ctrl/tinycolor": "3.3.4", - "@fluentui/fluent2-theme": "^8.107.0", - "@fluentui/react": "^8.107.6", + "@fluentui/fluent2-theme": "^8.107.1", + "@fluentui/react": "^8.108.0", "@fluentui/react-components": "^9.19.0", "@fluentui/react-icons": "^2.0.196", "@fluentui/react-theme": "^9.1.7", diff --git a/packages/react-date-time/CHANGELOG.json b/packages/react-date-time/CHANGELOG.json index 794f6a7b5115ac..1c8da3a07117d1 100644 --- a/packages/react-date-time/CHANGELOG.json +++ b/packages/react-date-time/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-date-time", "entries": [ + { + "date": "Thu, 20 Apr 2023 07:47:57 GMT", + "tag": "@fluentui/react-date-time_v8.7.77", + "version": "8.7.77", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-date-time", + "comment": "Bump @fluentui/react to v8.108.0", + "commit": "f7d88ee6fb582989efc057880ddfe60228649189" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:26 GMT", "tag": "@fluentui/react-date-time_v8.7.76", diff --git a/packages/react-date-time/CHANGELOG.md b/packages/react-date-time/CHANGELOG.md index 20087584275f8a..86a15a1b59977e 100644 --- a/packages/react-date-time/CHANGELOG.md +++ b/packages/react-date-time/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-date-time -This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +This log was last generated on Thu, 20 Apr 2023 07:47:57 GMT and should not be manually modified. +## [8.7.77](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.77) + +Thu, 20 Apr 2023 07:47:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.76..@fluentui/react-date-time_v8.7.77) + +### Patches + +- Bump @fluentui/react to v8.108.0 ([PR #27637](https://github.com/microsoft/fluentui/pull/27637) by beachball) + ## [8.7.76](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.76) Mon, 17 Apr 2023 07:40:26 GMT diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json index 8f65cfc535607d..9cf02bf3f971f1 100644 --- a/packages/react-date-time/package.json +++ b/packages/react-date-time/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-date-time", - "version": "8.7.76", + "version": "8.7.77", "description": "Date and time related React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/set-version": "^8.2.6", "tslib": "^2.1.0" }, diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json index 98af0fa402eefa..393e4596e56632 100644 --- a/packages/react-docsite-components/CHANGELOG.json +++ b/packages/react-docsite-components/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-docsite-components", "entries": [ + { + "date": "Thu, 20 Apr 2023 07:47:57 GMT", + "tag": "@fluentui/react-docsite-components_v8.12.0", + "version": "8.12.0", + "comments": { + "minor": [ + { + "author": "esteban.230@hotmail.com", + "package": "@fluentui/react-docsite-components", + "commit": "37e17afbfa3bc7c1c4aeb5823a44ccf81870e67f", + "comment": "feat: Add link to reference v9 website next to v8's version selector." + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react to v8.108.0", + "commit": "f7d88ee6fb582989efc057880ddfe60228649189" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-monaco-editor to v1.7.77", + "commit": "f7d88ee6fb582989efc057880ddfe60228649189" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:26 GMT", "tag": "@fluentui/react-docsite-components_v8.11.41", diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md index 86972f4bec0f58..d49ec7a5d09f6d 100644 --- a/packages/react-docsite-components/CHANGELOG.md +++ b/packages/react-docsite-components/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-docsite-components -This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +This log was last generated on Thu, 20 Apr 2023 07:47:57 GMT and should not be manually modified. +## [8.12.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.12.0) + +Thu, 20 Apr 2023 07:47:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.11.41..@fluentui/react-docsite-components_v8.12.0) + +### Minor changes + +- feat: Add link to reference v9 website next to v8's version selector. ([PR #27557](https://github.com/microsoft/fluentui/pull/27557) by esteban.230@hotmail.com) +- Bump @fluentui/react to v8.108.0 ([PR #27637](https://github.com/microsoft/fluentui/pull/27637) by beachball) +- Bump @fluentui/react-monaco-editor to v1.7.77 ([PR #27637](https://github.com/microsoft/fluentui/pull/27637) by beachball) + ## [8.11.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.11.41) Mon, 17 Apr 2023 07:40:26 GMT diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json index 24c5e2b8ec9a8f..e092256229f18a 100644 --- a/packages/react-docsite-components/package.json +++ b/packages/react-docsite-components/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-docsite-components", - "version": "8.11.41", + "version": "8.12.0", "description": "Fluent UI React components for building documentation sites.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,14 +35,14 @@ "react-dom": ">=16.8.0 <19.0.0" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/theme": "^2.6.25", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.7", "@fluentui/public-docsite-setup": "^0.3.18", "@fluentui/react-hooks": "^8.6.20", "@fluentui/set-version": "^8.2.6", - "@fluentui/react-monaco-editor": "^1.7.76", + "@fluentui/react-monaco-editor": "^1.7.77", "color-check": "0.0.2", "markdown-to-jsx": "^7.0.0", "office-ui-fabric-core": "^11.0.0", diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json index a160cbb7e3c87c..8fc9bf77156dd9 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -25,18 +25,18 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/azure-themes": "^8.5.80", + "@fluentui/azure-themes": "^8.5.81", "@fluentui/date-time-utilities": "^8.5.6", "@fluentui/dom-utilities": "^2.2.6", "@fluentui/example-data": "^8.4.7", "@fluentui/font-icons-mdl2": "^8.5.13", "@fluentui/foundation-legacy": "^8.2.33", "@fluentui/merge-styles": "^8.5.7", - "@fluentui/react": "^8.107.6", - "@fluentui/react-cards": "^0.205.76", - "@fluentui/react-charting": "^5.16.18", - "@fluentui/react-docsite-components": "^8.11.41", - "@fluentui/react-experiments": "^8.14.71", + "@fluentui/react": "^8.108.0", + "@fluentui/react-cards": "^0.205.77", + "@fluentui/react-charting": "^5.16.19", + "@fluentui/react-docsite-components": "^8.12.0", + "@fluentui/react-experiments": "^8.14.72", "@fluentui/react-file-type-icons": "^8.8.13", "@fluentui/react-focus": "^8.8.19", "@fluentui/react-hooks": "^8.6.20", @@ -44,7 +44,7 @@ "@fluentui/scheme-utilities": "^8.3.26", "@fluentui/style-utilities": "^8.9.6", "@fluentui/theme": "^2.6.25", - "@fluentui/theme-samples": "^8.7.76", + "@fluentui/theme-samples": "^8.7.77", "@fluentui/utilities": "^8.13.9", "@microsoft/load-themed-styles": "^1.10.26", "d3-fetch": "3.0.1", diff --git a/packages/react-experiments/CHANGELOG.json b/packages/react-experiments/CHANGELOG.json index ddb6ff79349fee..6da9ca85bc5a55 100644 --- a/packages/react-experiments/CHANGELOG.json +++ b/packages/react-experiments/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-experiments", "entries": [ + { + "date": "Thu, 20 Apr 2023 07:47:57 GMT", + "tag": "@fluentui/react-experiments_v8.14.72", + "version": "8.14.72", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/react to v8.108.0", + "commit": "f7d88ee6fb582989efc057880ddfe60228649189" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:26 GMT", "tag": "@fluentui/react-experiments_v8.14.71", diff --git a/packages/react-experiments/CHANGELOG.md b/packages/react-experiments/CHANGELOG.md index 81c7eea5a25942..199096460242b9 100644 --- a/packages/react-experiments/CHANGELOG.md +++ b/packages/react-experiments/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-experiments -This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +This log was last generated on Thu, 20 Apr 2023 07:47:57 GMT and should not be manually modified. +## [8.14.72](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.72) + +Thu, 20 Apr 2023 07:47:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-experiments_v8.14.71..@fluentui/react-experiments_v8.14.72) + +### Patches + +- Bump @fluentui/react to v8.108.0 ([PR #27637](https://github.com/microsoft/fluentui/pull/27637) by beachball) + ## [8.14.71](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.71) Mon, 17 Apr 2023 07:40:26 GMT diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json index 335c9599065873..92aa4f118af42a 100644 --- a/packages/react-experiments/package.json +++ b/packages/react-experiments/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-experiments", - "version": "8.14.71", + "version": "8.14.72", "description": "Experimental React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -39,7 +39,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/theme": "^2.6.25", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.7", diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json index 201a48204e7c07..40b2f9e3ff40a7 100644 --- a/packages/react-monaco-editor/CHANGELOG.json +++ b/packages/react-monaco-editor/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-monaco-editor", "entries": [ + { + "date": "Thu, 20 Apr 2023 07:47:57 GMT", + "tag": "@fluentui/react-monaco-editor_v1.7.77", + "version": "1.7.77", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react to v8.108.0", + "commit": "f7d88ee6fb582989efc057880ddfe60228649189" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:26 GMT", "tag": "@fluentui/react-monaco-editor_v1.7.76", diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md index e0a67f1353e57f..f042146ce0e2ab 100644 --- a/packages/react-monaco-editor/CHANGELOG.md +++ b/packages/react-monaco-editor/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-monaco-editor -This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +This log was last generated on Thu, 20 Apr 2023 07:47:57 GMT and should not be manually modified. +## [1.7.77](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.77) + +Thu, 20 Apr 2023 07:47:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.76..@fluentui/react-monaco-editor_v1.7.77) + +### Patches + +- Bump @fluentui/react to v8.108.0 ([PR #27637](https://github.com/microsoft/fluentui/pull/27637) by beachball) + ## [1.7.76](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.76) Mon, 17 Apr 2023 07:40:26 GMT diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json index 04e1a77a524927..482b9cab21b924 100644 --- a/packages/react-monaco-editor/package.json +++ b/packages/react-monaco-editor/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-monaco-editor", - "version": "1.7.76", + "version": "1.7.77", "description": "Live React example editing using monaco", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,7 +30,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.7", "@fluentui/monaco-editor": "^1.3.6", diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json index 0062b4b0a1bc8d..20198eb9d288ac 100644 --- a/packages/react/CHANGELOG.json +++ b/packages/react/CHANGELOG.json @@ -1,6 +1,29 @@ { "name": "@fluentui/react", "entries": [ + { + "date": "Thu, 20 Apr 2023 07:47:56 GMT", + "tag": "@fluentui/react_v8.108.0", + "version": "8.108.0", + "comments": { + "minor": [ + { + "author": "sarah.higley@microsoft.com", + "package": "@fluentui/react", + "commit": "6292ed9f4a5d4292b17de2c031ce7b82d99598ed", + "comment": "fix: DetailsList allows className in focusZoneProps, fix typing for selectionZoneProps" + } + ], + "patch": [ + { + "author": "sarah.higley@microsoft.com", + "package": "@fluentui/react", + "commit": "f860464aeb59555c2eb3271ab5be246c028629c5", + "comment": "fix: BasePicker selects correct focus target in selected items" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:25 GMT", "tag": "@fluentui/react_v8.107.6", diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index 151d5b6c1a7df2..d22becddbcd359 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react -This log was last generated on Mon, 17 Apr 2023 07:40:25 GMT and should not be manually modified. +This log was last generated on Thu, 20 Apr 2023 07:47:56 GMT and should not be manually modified. +## [8.108.0](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.108.0) + +Thu, 20 Apr 2023 07:47:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.107.6..@fluentui/react_v8.108.0) + +### Minor changes + +- fix: DetailsList allows className in focusZoneProps, fix typing for selectionZoneProps ([PR #27287](https://github.com/microsoft/fluentui/pull/27287) by sarah.higley@microsoft.com) + +### Patches + +- fix: BasePicker selects correct focus target in selected items ([PR #27534](https://github.com/microsoft/fluentui/pull/27534) by sarah.higley@microsoft.com) + ## [8.107.6](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.107.6) Mon, 17 Apr 2023 07:40:25 GMT diff --git a/packages/react/package.json b/packages/react/package.json index 0965132e4f2959..73510cb0eb4ab7 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react", - "version": "8.107.6", + "version": "8.108.0", "description": "Reusable React components for building web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/storybook/package.json b/packages/storybook/package.json index cadeb2003882e7..68e7cc57c404ae 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -22,13 +22,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/theme": "^2.6.25", "@storybook/addon-knobs": "6.4.0", "@storybook/addon-essentials": "6.5.15", "@storybook/addons": "6.5.15", - "@fluentui/azure-themes": "^8.5.80", - "@fluentui/theme-samples": "^8.7.76", + "@fluentui/azure-themes": "^8.5.81", + "@fluentui/theme-samples": "^8.7.77", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/theme-samples/CHANGELOG.json b/packages/theme-samples/CHANGELOG.json index 6922379ef8eb79..cb740846a48069 100644 --- a/packages/theme-samples/CHANGELOG.json +++ b/packages/theme-samples/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/theme-samples", "entries": [ + { + "date": "Thu, 20 Apr 2023 07:47:57 GMT", + "tag": "@fluentui/theme-samples_v8.7.77", + "version": "8.7.77", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/react to v8.108.0", + "commit": "f7d88ee6fb582989efc057880ddfe60228649189" + } + ] + } + }, { "date": "Mon, 17 Apr 2023 07:40:26 GMT", "tag": "@fluentui/theme-samples_v8.7.76", diff --git a/packages/theme-samples/CHANGELOG.md b/packages/theme-samples/CHANGELOG.md index 5560c1f1e5008b..ebc6b1a8321dd8 100644 --- a/packages/theme-samples/CHANGELOG.md +++ b/packages/theme-samples/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/theme-samples -This log was last generated on Mon, 17 Apr 2023 07:40:26 GMT and should not be manually modified. +This log was last generated on Thu, 20 Apr 2023 07:47:57 GMT and should not be manually modified. +## [8.7.77](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.77) + +Thu, 20 Apr 2023 07:47:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme-samples_v8.7.76..@fluentui/theme-samples_v8.7.77) + +### Patches + +- Bump @fluentui/react to v8.108.0 ([PR #27637](https://github.com/microsoft/fluentui/pull/27637) by beachball) + ## [8.7.76](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.76) Mon, 17 Apr 2023 07:40:26 GMT diff --git a/packages/theme-samples/package.json b/packages/theme-samples/package.json index ff78fc60296809..4522ec2133a4b7 100644 --- a/packages/theme-samples/package.json +++ b/packages/theme-samples/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/theme-samples", - "version": "8.7.76", + "version": "8.7.77", "description": "Sample themes for use with Fabric components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "@fluentui/scripts-webpack": "*" }, "dependencies": { - "@fluentui/react": "^8.107.6", + "@fluentui/react": "^8.108.0", "@fluentui/set-version": "^8.2.6", "@fluentui/scheme-utilities": "^8.3.26", "tslib": "^2.1.0" From acbc5fcb1381e9adcc4e1fa678a374d42a79438b Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Thu, 20 Apr 2023 10:01:55 +0200 Subject: [PATCH 56/81] bugfix(react-tree): fix parent navigation after independency from id (#27642) --- ...-409b60b2-2543-40ee-9e92-f53b02cecb5d.json | 7 + .../src/components/Tree/Tree.cy.tsx | 231 ++++++++---------- .../react-tree/src/hooks/useFlatTree.ts | 1 + .../src/hooks/useFlatTreeNavigation.ts | 12 +- .../src/utils/createFlatTreeItems.ts | 8 +- 5 files changed, 121 insertions(+), 138 deletions(-) create mode 100644 change/@fluentui-react-tree-409b60b2-2543-40ee-9e92-f53b02cecb5d.json diff --git a/change/@fluentui-react-tree-409b60b2-2543-40ee-9e92-f53b02cecb5d.json b/change/@fluentui-react-tree-409b60b2-2543-40ee-9e92-f53b02cecb5d.json new file mode 100644 index 00000000000000..0899b9b325e168 --- /dev/null +++ b/change/@fluentui-react-tree-409b60b2-2543-40ee-9e92-f53b02cecb5d.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "bugfix: fix parent navigation after independency from id", + "packageName": "@fluentui/react-tree", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-tree/src/components/Tree/Tree.cy.tsx b/packages/react-components/react-tree/src/components/Tree/Tree.cy.tsx index 5fbe860fe3aa44..b5bf3164c6a14a 100644 --- a/packages/react-components/react-tree/src/components/Tree/Tree.cy.tsx +++ b/packages/react-components/react-tree/src/components/Tree/Tree.cy.tsx @@ -18,40 +18,42 @@ const mount = (element: JSX.Element) => { mountBase({element}); }; +const treeItems = ( + <> + + level 1, item 1 + + + level 2, item 1 + + + level 2, item 2 + + + level 2, item 3 + + + + + level 1, item 2 + + + level 2, item 1 + + + level 3, item 1 + + + + + + +); + const NestedTree: React.FC = props => { return ( - {props.children ?? ( - <> - - level 1, item 1 - - - level 2, item 1 - - - level 2, item 2 - - - level 2, item 3 - - - - - level 1, item 2 - - - level 2, item 1 - - - level 3, item 1 - - - - - - - )} + {props.children ?? treeItems} ); }; @@ -59,41 +61,7 @@ NestedTree.displayName = 'NestedTree'; const FlatTree: React.FC = (props: TreeProps) => { const flatTree = useFlatTree_unstable( - flattenTreeFromElement( - props.children ? ( - <>{props.children} - ) : ( - <> - - level 1, item 1 - - - level 2, item 1 - - - level 2, item 2 - - - level 2, item 3 - - - - - level 1, item 2 - - - level 2, item 1 - - - level 3, item 1 - - - - - - - ), - ), + flattenTreeFromElement(props.children ? <>{props.children} : treeItems), props, ); return ( @@ -110,30 +78,30 @@ for (const TreeTest of [NestedTree, FlatTree]) { describe(TreeTest.displayName!, () => { it('should have all but first level items hidden', () => { mount(); - cy.get('#item1__item1').should('not.exist'); - cy.get('#item1__item2').should('not.exist'); - cy.get('#item1__item3').should('not.exist'); - cy.get('#item2__item1').should('not.exist'); - cy.get('#item2__item1__item1').should('not.exist'); + cy.get('[data-testid="item1__item1"]').should('not.exist'); + cy.get('[data-testid="item1__item2"]').should('not.exist'); + cy.get('[data-testid="item1__item3"]').should('not.exist'); + cy.get('[data-testid="item2__item1"]').should('not.exist'); + cy.get('[data-testid="item2__item1__item1"]').should('not.exist'); }); it('should have all items visible', () => { mount(); - cy.get('#item1__item1').should('exist'); - cy.get('#item1__item2').should('exist'); - cy.get('#item1__item3').should('exist'); - cy.get('#item2__item1').should('exist'); - cy.get('#item2__item1__item1').should('exist'); + cy.get('[data-testid="item1__item1"]').should('exist'); + cy.get('[data-testid="item1__item2"]').should('exist'); + cy.get('[data-testid="item1__item3"]').should('exist'); + cy.get('[data-testid="item2__item1"]').should('exist'); + cy.get('[data-testid="item2__item1__item1"]').should('exist'); }); describe('Mouse interactions', () => { it('should expand/collapse item on layout click', () => { mount(); - cy.get('#item1__item1').should('not.exist'); - cy.get(`#item1 .${treeItemLayoutClassNames.root}`).realClick(); - cy.get('#item1__item1').should('exist'); - cy.get(`#item1 .${treeItemLayoutClassNames.root}`).realClick(); - cy.get('#item1__item1').should('not.exist'); + cy.get('[data-testid="item1__item1"]').should('not.exist'); + cy.get(`[data-testid="item1"] .${treeItemLayoutClassNames.root}`).realClick(); + cy.get('[data-testid="item1__item1"]').should('exist'); + cy.get(`[data-testid="item1"] .${treeItemLayoutClassNames.root}`).realClick(); + cy.get('[data-testid="item1__item1"]').should('not.exist'); }); it('should expand/collapse item on expandIcon click only', () => { mount( @@ -145,14 +113,14 @@ for (const TreeTest of [NestedTree, FlatTree]) { }} />, ); - cy.get('#item1__item1').should('not.exist'); - cy.get(`#item1 .${treeItemClassNames.expandIcon}`).realClick(); - cy.get('#item1__item1').should('exist'); - cy.get(`#item1 .${treeItemClassNames.expandIcon}`).realClick(); - cy.get('#item1__item1').should('not.exist'); + cy.get('[data-testid="item1__item1"]').should('not.exist'); + cy.get(`[data-testid="item1"] .${treeItemClassNames.expandIcon}`).realClick(); + cy.get('[data-testid="item1__item1"]').should('exist'); + cy.get(`[data-testid="item1"] .${treeItemClassNames.expandIcon}`).realClick(); + cy.get('[data-testid="item1__item1"]').should('not.exist'); - cy.get(`#item1 .${treeItemLayoutClassNames.root}`).realClick(); - cy.get('#item1__item1').should('not.exist'); + cy.get(`[data-testid="item1"] .${treeItemLayoutClassNames.root}`).realClick(); + cy.get('[data-testid="item1__item1"]').should('not.exist'); }); it('should not expand/collapse item on actions click', () => { mount( @@ -163,46 +131,47 @@ for (const TreeTest of [NestedTree, FlatTree]) { } - id="item1" + value="item1" + data-testid="item1" > level 1, item 1 - + level 2, item 1 , ); - cy.get('#item1__item1').should('not.exist'); - cy.get('#item1').focus(); + cy.get('[data-testid="item1__item1"]').should('not.exist'); + cy.get('[data-testid="item1"]').focus(); cy.get(`#action`).realClick(); - cy.get('#item1__item1').should('not.exist'); + cy.get('[data-testid="item1__item1"]').should('not.exist'); }); }); describe('Keyboard interactions', () => { it('should expand/collapse item on Enter key', () => { mount(); - cy.get('#item1').focus(); - cy.get('#item1__item1').should('not.exist'); - cy.get(`#item1 .${treeItemLayoutClassNames.root}`).realPress('{enter}'); - cy.get('#item1__item1').should('exist'); + cy.get('[data-testid="item1"]').focus(); + cy.get('[data-testid="item1__item1"]').should('not.exist'); + cy.get(`[data-testid="item1"] .${treeItemLayoutClassNames.root}`).realPress('{enter}'); + cy.get('[data-testid="item1__item1"]').should('exist'); }); it('should expand item on Right key', () => { mount(); - cy.get('#item1').focus(); - cy.get('#item1__item1').should('not.exist'); - cy.get(`#item1 .${treeItemLayoutClassNames.root}`).realPress('{rightarrow}'); - cy.get('#item1__item1').should('exist'); + cy.get('[data-testid="item1"]').focus(); + cy.get('[data-testid="item1__item1"]').should('not.exist'); + cy.get(`[data-testid="item1"] .${treeItemLayoutClassNames.root}`).realPress('{rightarrow}'); + cy.get('[data-testid="item1__item1"]').should('exist'); }); it('should collapse item on Left key', () => { mount(); - cy.get('#item1').focus(); - cy.get('#item1__item1').should('not.exist'); - cy.get(`#item1 .${treeItemLayoutClassNames.root}`).realPress('{rightarrow}'); - cy.get('#item1__item1').should('exist'); - cy.get(`#item1 .${treeItemLayoutClassNames.root}`).realPress('{leftarrow}'); - cy.get('#item1__item1').should('not.exist'); + cy.get('[data-testid="item1"]').focus(); + cy.get('[data-testid="item1__item1"]').should('not.exist'); + cy.get(`[data-testid="item1"] .${treeItemLayoutClassNames.root}`).realPress('{rightarrow}'); + cy.get('[data-testid="item1__item1"]').should('exist'); + cy.get(`[data-testid="item1"] .${treeItemLayoutClassNames.root}`).realPress('{leftarrow}'); + cy.get('[data-testid="item1__item1"]').should('not.exist'); }); it('should focus on actions when pressing tab key', () => { mount( @@ -213,11 +182,12 @@ for (const TreeTest of [NestedTree, FlatTree]) { } - id="item1" + value="item1" + data-testid="item1" > level 1, item 1 - + level 2, item 1 @@ -226,7 +196,7 @@ for (const TreeTest of [NestedTree, FlatTree]) { ); cy.focused().should('not.exist'); cy.document().realPress('Tab'); - cy.get('#item1').should('be.focused'); + cy.get('[data-testid="item1"]').should('be.focused'); cy.document().realPress('Tab'); cy.get('#action').should('be.focused'); }); @@ -239,11 +209,12 @@ for (const TreeTest of [NestedTree, FlatTree]) { } - id="item1" + value="item1" + data-testid="item1" > level 1, item 1 - + level 2, item 1 @@ -252,53 +223,53 @@ for (const TreeTest of [NestedTree, FlatTree]) { ); cy.focused().should('not.exist'); cy.document().realPress('Tab'); - cy.get('#item1').should('be.focused'); + cy.get('[data-testid="item1"]').should('be.focused'); cy.document().realPress('Tab'); cy.get('#action').should('be.focused').realPress('{enter}'); - cy.get('#item1__item1').should('not.exist'); + cy.get('[data-testid="item1__item1"]').should('not.exist'); cy.get('#action').should('be.focused').realPress('Space'); - cy.get('#item1__item1').should('not.exist'); + cy.get('[data-testid="item1__item1"]').should('not.exist'); }); it('should focus on first item when pressing tab key', () => { mount(); cy.focused().should('not.exist'); cy.document().realPress('Tab'); - cy.get('#item1').should('be.focused'); + cy.get('[data-testid="item1"]').should('be.focused'); }); it('should focus out of tree when pressing tab key inside tree.', () => { mount(); cy.focused().should('not.exist'); cy.document().realPress('Tab'); - cy.get('#item1').should('be.focused'); + cy.get('[data-testid="item1"]').should('be.focused'); cy.focused().realPress('Tab'); cy.focused().should('not.exist'); }); describe('Navigation', () => { it('should move with Up/Down keys', () => { mount(); - cy.get('#item1').focus().realPress('{downarrow}'); - cy.get('#item2').should('be.focused'); + cy.get('[data-testid="item1"]').focus().realPress('{downarrow}'); + cy.get('[data-testid="item2"]').should('be.focused'); cy.focused().realPress('Tab').should('not.exist'); }); it('should move with Left/Right keys', () => { mount(); - cy.get('#item1').focus().realPress('{downarrow}'); - cy.get('#item2').should('be.focused').realPress('{rightarrow}'); - cy.get('#item2__item1').should('be.focused').realPress('{rightarrow}'); - cy.get('#item2__item1__item1').should('be.focused').realPress('{leftarrow}'); - cy.get('#item2__item1').should('be.focused').realPress('{leftarrow}').realPress('{leftarrow}'); - cy.get('#item2').should('be.focused'); + cy.get('[data-testid="item1"]').focus().realPress('{downarrow}'); + cy.get('[data-testid="item2"]').should('be.focused').realPress('{rightarrow}'); + cy.get('[data-testid="item2__item1"]').should('be.focused').realPress('{rightarrow}'); + cy.get('[data-testid="item2__item1__item1"]').should('be.focused').realPress('{leftarrow}'); + cy.get('[data-testid="item2__item1"]').should('be.focused').realPress('{leftarrow}').realPress('{leftarrow}'); + cy.get('[data-testid="item2"]').should('be.focused'); }); it('should move to last item with End key', () => { mount(); - cy.get('#item1').focus().realPress('{end}'); - cy.get('#item2__item1__item1').should('be.focused'); + cy.get('[data-testid="item1"]').focus().realPress('{end}'); + cy.get('[data-testid="item2__item1__item1"]').should('be.focused'); }); it('should move to first item with Home key', () => { mount(); - cy.get('#item1').focus().realPress('{end}'); - cy.get('#item2__item1__item1').should('be.focused').realPress('{home}'); - cy.get('#item1').should('be.focused'); + cy.get('[data-testid="item1"]').focus().realPress('{end}'); + cy.get('[data-testid="item2__item1__item1"]').should('be.focused').realPress('{home}'); + cy.get('[data-testid="item1"]').should('be.focused'); }); }); }); diff --git a/packages/react-components/react-tree/src/hooks/useFlatTree.ts b/packages/react-components/react-tree/src/hooks/useFlatTree.ts index 6c125c1fd570e4..b3def6b57e043b 100644 --- a/packages/react-components/react-tree/src/hooks/useFlatTree.ts +++ b/packages/react-components/react-tree/src/hooks/useFlatTree.ts @@ -31,6 +31,7 @@ export type MutableFlatTreeItem = { index: number; value: Value; level: number; + ref: React.RefObject; getTreeItemProps(): Required< Pick, 'value' | 'aria-setsize' | 'aria-level' | 'aria-posinset' | 'leaf'> > & diff --git a/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts b/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts index 79eb5773f1d5c8..b1b9e6d55cc7c0 100644 --- a/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts +++ b/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts @@ -25,7 +25,7 @@ export function useFlatTreeNavigation(flatTreeItems: FlatTreeIte treeItemWalker.currentElement = data.target; return nextTypeAheadElement(treeItemWalker, data.event.key); case treeDataTypes.arrowLeft: - return parentElement(flatTreeItems, data.value, targetDocument); + return parentElement(flatTreeItems, data.value); case treeDataTypes.arrowRight: treeItemWalker.currentElement = data.target; return firstChild(data.target, treeItemWalker); @@ -66,13 +66,11 @@ function firstChild(target: HTMLElement, treeWalker: HTMLElementWalker): HTMLEle return null; } -function parentElement(flatTreeItems: FlatTreeItems, value: Value, document: Document) { +function parentElement(flatTreeItems: FlatTreeItems, value: Value) { const flatTreeItem = flatTreeItems.get(value); - if (flatTreeItem && flatTreeItem.parentValue) { - const parentId = flatTreeItems.get(flatTreeItem.parentValue)?.getTreeItemProps().id; - if (parentId) { - return document.getElementById(parentId); - } + if (flatTreeItem?.parentValue) { + const parentItem = flatTreeItems.get(flatTreeItem.parentValue); + return parentItem?.ref.current ?? null; } return null; } diff --git a/packages/react-components/react-tree/src/utils/createFlatTreeItems.ts b/packages/react-components/react-tree/src/utils/createFlatTreeItems.ts index b04f9a6b635d08..1cb3d00eb1fe40 100644 --- a/packages/react-components/react-tree/src/utils/createFlatTreeItems.ts +++ b/packages/react-components/react-tree/src/utils/createFlatTreeItems.ts @@ -1,5 +1,6 @@ import type { ImmutableSet } from './ImmutableSet'; import type { FlatTreeItem, FlatTreeItemProps, MutableFlatTreeItem } from '../hooks/useFlatTree'; +import * as React from 'react'; /** * @internal @@ -40,8 +41,9 @@ export function createFlatTreeItems( const isLeaf = nextItemProps?.parentValue !== treeItemProps.value; const currentLevel = (currentParent.level ?? 0) + 1; const currentChildrenSize = ++currentParent.childrenSize; + const ref = React.createRef(); - const flatTreeItem: FlatTreeItem = { + const flatTreeItem: MutableFlatTreeItem = { value: treeItemProps.value, getTreeItemProps: () => ({ ...treeItemProps, @@ -49,7 +51,10 @@ export function createFlatTreeItems( 'aria-posinset': currentChildrenSize, 'aria-setsize': currentParent.childrenSize, leaf: isLeaf, + // a reference to every parent element is necessary to ensure navigation + ref: flatTreeItem.childrenSize > 0 ? ref : undefined, }), + ref, level: currentLevel, parentValue, childrenSize: 0, @@ -72,6 +77,7 @@ export const flatTreeRootId = '__fuiFlatTreeRoot' as unknown; function createFlatTreeRootItem(): FlatTreeItem { return { + ref: { current: null }, value: flatTreeRootId as Value, getTreeItemProps: () => { if (process.env.NODE_ENV !== 'production') { From bb8dfe06f4f2910eef1561c76410bf91b009fa37 Mon Sep 17 00:00:00 2001 From: Esteban Munoz Facusse Date: Thu, 20 Apr 2023 11:14:42 -0700 Subject: [PATCH 57/81] feat(react-datepicker-compat): Move DatePicker compat to stable (#27378) * moving react-datepicker-compat to stable * change file * reverting charting change * changing change files type to none for beachball issues * requested changes --- ...compat-59a888f8-093f-449c-b49e-4f580894da5e.json | 2 +- ...compat-7d139069-1932-4da3-adc3-cda73dfd4b77.json | 7 +++++++ ...compat-941024ff-34ce-474a-83db-8bd7a22d4077.json | 2 +- ...compat-f143ceb3-20ad-4819-bf20-0dc080c494ef.json | 2 +- .../react-datepicker-compat/README.md | 2 +- .../react-datepicker-compat/package.json | 3 +-- .../stories/DatePicker/DatePickerDescription.md | 13 ------------- .../stories/DatePicker/index.stories.tsx | 2 +- 8 files changed, 13 insertions(+), 20 deletions(-) create mode 100644 change/@fluentui-react-datepicker-compat-7d139069-1932-4da3-adc3-cda73dfd4b77.json diff --git a/change/@fluentui-react-datepicker-compat-59a888f8-093f-449c-b49e-4f580894da5e.json b/change/@fluentui-react-datepicker-compat-59a888f8-093f-449c-b49e-4f580894da5e.json index 162abc60d48048..80349d3f6258b8 100644 --- a/change/@fluentui-react-datepicker-compat-59a888f8-093f-449c-b49e-4f580894da5e.json +++ b/change/@fluentui-react-datepicker-compat-59a888f8-093f-449c-b49e-4f580894da5e.json @@ -1,5 +1,5 @@ { - "type": "prerelease", + "type": "minor", "comment": "feat: Add error handling to DatePicker.", "packageName": "@fluentui/react-datepicker-compat", "email": "esteban.230@hotmail.com", diff --git a/change/@fluentui-react-datepicker-compat-7d139069-1932-4da3-adc3-cda73dfd4b77.json b/change/@fluentui-react-datepicker-compat-7d139069-1932-4da3-adc3-cda73dfd4b77.json new file mode 100644 index 00000000000000..0d6a9539316d99 --- /dev/null +++ b/change/@fluentui-react-datepicker-compat-7d139069-1932-4da3-adc3-cda73dfd4b77.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: Move DatePicker compat to stable.", + "packageName": "@fluentui/react-datepicker-compat", + "email": "esteban.230@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-datepicker-compat-941024ff-34ce-474a-83db-8bd7a22d4077.json b/change/@fluentui-react-datepicker-compat-941024ff-34ce-474a-83db-8bd7a22d4077.json index 3dea3e682b6895..f71a4ee0e86f68 100644 --- a/change/@fluentui-react-datepicker-compat-941024ff-34ce-474a-83db-8bd7a22d4077.json +++ b/change/@fluentui-react-datepicker-compat-941024ff-34ce-474a-83db-8bd7a22d4077.json @@ -1,5 +1,5 @@ { - "type": "prerelease", + "type": "minor", "comment": "feat: Refactor DatePicker to remove Field and error handling logic.", "packageName": "@fluentui/react-datepicker-compat", "email": "esteban.230@hotmail.com", diff --git a/change/@fluentui-react-datepicker-compat-f143ceb3-20ad-4819-bf20-0dc080c494ef.json b/change/@fluentui-react-datepicker-compat-f143ceb3-20ad-4819-bf20-0dc080c494ef.json index 8104b06982e8c0..356737b78657b6 100644 --- a/change/@fluentui-react-datepicker-compat-f143ceb3-20ad-4819-bf20-0dc080c494ef.json +++ b/change/@fluentui-react-datepicker-compat-f143ceb3-20ad-4819-bf20-0dc080c494ef.json @@ -1,5 +1,5 @@ { - "type": "prerelease", + "type": "patch", "comment": "chore: adopt custom JSX pragma", "packageName": "@fluentui/react-datepicker-compat", "email": "bernardo.sunderhus@gmail.com", diff --git a/packages/react-components/react-datepicker-compat/README.md b/packages/react-components/react-datepicker-compat/README.md index db6d4210b89614..f04ea79581ce5b 100644 --- a/packages/react-components/react-datepicker-compat/README.md +++ b/packages/react-components/react-datepicker-compat/README.md @@ -9,7 +9,7 @@ These are not production-ready components and **should never be used in product* To import DatePicker: ```js -import { DatePicker } from '@fluentui/react-datepicker'; +import { DatePicker } from '@fluentui/react-datepicker-compat'; ``` ### Examples diff --git a/packages/react-components/react-datepicker-compat/package.json b/packages/react-components/react-datepicker-compat/package.json index 8ff9db76cec405..5a3d22bce55bb1 100644 --- a/packages/react-components/react-datepicker-compat/package.json +++ b/packages/react-components/react-datepicker-compat/package.json @@ -58,8 +58,7 @@ "beachball": { "disallowedChangeTypes": [ "major", - "minor", - "patch" + "prerelease" ] }, "exports": { diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDescription.md b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDescription.md index 99707374442d5a..33d29b8f53adfa 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDescription.md +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDescription.md @@ -1,14 +1 @@ Picking a date can be tough without context. A date picker (DatePicker) offers a Popover control that’s optimized for picking a single date from a calendar view where contextual information like the day of the week or fullness of the calendar is important. You can modify the calendar to provide additional context or to limit available dates. - - - -> **⚠️ Preview components are considered unstable:** -> -> ```jsx -> -> import { DatePicker } from '@fluentui/react-datepicker-compat'; -> -> ``` -> -> - Features and APIs may change before final release -> - Please contact us if you intend to use this in your product diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/index.stories.tsx b/packages/react-components/react-datepicker-compat/stories/DatePicker/index.stories.tsx index d19305e309b52b..d938d6b2d701c2 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/index.stories.tsx +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/index.stories.tsx @@ -15,7 +15,7 @@ export { Required } from './DatePickerRequired.stories'; export { Disabled } from './DatePickerDisabled.stories'; export default { - title: 'Preview Components/DatePicker Compat', + title: 'Compat Components/DatePicker', component: DatePicker, parameters: { docs: { From 7b7f8b94f53b28c2dbd87abac8633f4540573e65 Mon Sep 17 00:00:00 2001 From: Makoto Morimoto Date: Thu, 20 Apr 2023 13:44:29 -0700 Subject: [PATCH 58/81] fix: ContextualMenuSplitButton always sets aria-checked (does not leave it undefined) when it is checkable (#27650) * fix: ContextualMenuSplitButton always sets aria-checked (does not leave it undefined) when it is checkable. * Adding change file. --- ...luentui-react-8279ee8e-b6e5-4f7f-b9e7-18a13d31e6cb.json | 7 +++++++ .../ContextualMenuSplitButton.tsx | 6 ++++-- 2 files changed, 11 insertions(+), 2 deletions(-) create mode 100644 change/@fluentui-react-8279ee8e-b6e5-4f7f-b9e7-18a13d31e6cb.json diff --git a/change/@fluentui-react-8279ee8e-b6e5-4f7f-b9e7-18a13d31e6cb.json b/change/@fluentui-react-8279ee8e-b6e5-4f7f-b9e7-18a13d31e6cb.json new file mode 100644 index 00000000000000..9e246f7da759bc --- /dev/null +++ b/change/@fluentui-react-8279ee8e-b6e5-4f7f-b9e7-18a13d31e6cb.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: ContextualMenuSplitButton always sets aria-checked (does not leave it undefined) when it is checkable.", + "packageName": "@fluentui/react", + "email": "Humberto.Morimoto@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.tsx b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.tsx index 32053d792f0cba..e079e4ac9a53d3 100644 --- a/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.tsx +++ b/packages/react/src/components/ContextualMenu/ContextualMenuItemWrapper/ContextualMenuSplitButton.tsx @@ -12,7 +12,7 @@ import { import { ContextualMenuItem } from '../ContextualMenuItem'; import { getSplitButtonVerticalDividerClassNames } from '../ContextualMenu.classNames'; import { KeytipData } from '../../../KeytipData'; -import { isItemDisabled, hasSubmenu, getMenuItemAriaRole } from '../../../utilities/contextualMenu/index'; +import { getIsChecked, getMenuItemAriaRole, hasSubmenu, isItemDisabled } from '../../../utilities/contextualMenu/index'; import { VerticalDivider } from '../../../Divider'; import { ContextualMenuItemWrapper } from './ContextualMenuItemWrapper'; import type { IContextualMenuItem } from '../ContextualMenu.types'; @@ -85,6 +85,8 @@ export class ContextualMenuSplitButton extends ContextualMenuItemWrapper { this._ariaDescriptionId = getId(); } + const ariaChecked = getIsChecked(item) ?? undefined; + return ( {(keytipAttributes: any): JSX.Element => ( @@ -102,7 +104,7 @@ export class ContextualMenuSplitButton extends ContextualMenuItemWrapper { ariaDescription ? this._ariaDescriptionId : undefined, keytipAttributes['aria-describedby'], )} - aria-checked={item.isChecked || item.checked} + aria-checked={ariaChecked} aria-posinset={focusableElementIndex + 1} aria-setsize={totalItemCount} onMouseEnter={this._onItemMouseEnterPrimary} From fe299ee315a83fdafe7fb3e3cbd2075cc19867e7 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Thu, 20 Apr 2023 23:03:16 +0200 Subject: [PATCH 59/81] chore(react-tabs): adopts custom JSX pragma (#27640) --- ...-react-tabs-7068398a-7522-4df1-9dfe-0313fae2c8e6.json | 7 +++++++ packages/react-components/react-tabs/package.json | 1 + .../react-tabs/src/components/Tab/renderTab.tsx | 9 ++++++--- .../react-tabs/src/components/TabList/renderTabList.tsx | 9 ++++++--- 4 files changed, 20 insertions(+), 6 deletions(-) create mode 100644 change/@fluentui-react-tabs-7068398a-7522-4df1-9dfe-0313fae2c8e6.json diff --git a/change/@fluentui-react-tabs-7068398a-7522-4df1-9dfe-0313fae2c8e6.json b/change/@fluentui-react-tabs-7068398a-7522-4df1-9dfe-0313fae2c8e6.json new file mode 100644 index 00000000000000..c000268e5abddf --- /dev/null +++ b/change/@fluentui-react-tabs-7068398a-7522-4df1-9dfe-0313fae2c8e6.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: adopts custom JSX pragma", + "packageName": "@fluentui/react-tabs", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-tabs/package.json b/packages/react-components/react-tabs/package.json index 609865be66d04a..a2f5c578fb80f1 100644 --- a/packages/react-components/react-tabs/package.json +++ b/packages/react-components/react-tabs/package.json @@ -32,6 +32,7 @@ }, "dependencies": { "@fluentui/react-context-selector": "^9.1.18", + "@fluentui/react-jsx-runtime": "9.0.0-alpha.1", "@fluentui/react-shared-contexts": "^9.3.3", "@fluentui/react-tabster": "^9.6.5", "@fluentui/react-theme": "^9.1.7", diff --git a/packages/react-components/react-tabs/src/components/Tab/renderTab.tsx b/packages/react-components/react-tabs/src/components/Tab/renderTab.tsx index 3d8b88ad1f0c42..69b8fb66dd273d 100644 --- a/packages/react-components/react-tabs/src/components/Tab/renderTab.tsx +++ b/packages/react-components/react-tabs/src/components/Tab/renderTab.tsx @@ -1,12 +1,15 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TabState, TabSlots } from './Tab.types'; /** * Render the final JSX of Tab */ export const renderTab_unstable = (state: TabState) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( diff --git a/packages/react-components/react-tabs/src/components/TabList/renderTabList.tsx b/packages/react-components/react-tabs/src/components/TabList/renderTabList.tsx index ee1358846d6cee..876814d147b188 100644 --- a/packages/react-components/react-tabs/src/components/TabList/renderTabList.tsx +++ b/packages/react-components/react-tabs/src/components/TabList/renderTabList.tsx @@ -1,5 +1,8 @@ -import * as React from 'react'; -import { getSlots } from '@fluentui/react-utilities'; +/** @jsxRuntime classic */ +/** @jsx createElement */ + +import { createElement } from '@fluentui/react-jsx-runtime'; +import { getSlotsNext } from '@fluentui/react-utilities'; import type { TabListState, TabListSlots, TabListContextValues } from './TabList.types'; import { TabListProvider } from './TabListContext'; @@ -7,7 +10,7 @@ import { TabListProvider } from './TabListContext'; * Render the final JSX of TabList */ export const renderTabList_unstable = (state: TabListState, contextValues: TabListContextValues) => { - const { slots, slotProps } = getSlots(state); + const { slots, slotProps } = getSlotsNext(state); return ( From ebffada49e572de35e971ba5deea456bffb2f9c8 Mon Sep 17 00:00:00 2001 From: Martin Hochel Date: Fri, 21 Apr 2023 06:01:43 +0200 Subject: [PATCH 60/81] fix(react): exclude React.HTMLAttributes defined `content` prop for Tooltip and TooltipHost Prop types to mitigate @types/react breaking changes (#27467) * fix(react):exclude HTMLAttributes defined 'content' for Tooltip and TooltipHost Prop types to mitigate @types/react breaking changes * generate changefile --- apps/ts-minbar-test-react/src/index.ts | 13 +------------ ...-react-46a490a8-de1f-44df-84dc-99f9d17a8db8.json | 7 +++++++ packages/react/etc/react.api.md | 4 ++-- .../react/src/components/Tooltip/Tooltip.types.ts | 2 +- .../src/components/Tooltip/TooltipHost.types.ts | 2 +- 5 files changed, 12 insertions(+), 16 deletions(-) create mode 100644 change/@fluentui-react-46a490a8-de1f-44df-84dc-99f9d17a8db8.json diff --git a/apps/ts-minbar-test-react/src/index.ts b/apps/ts-minbar-test-react/src/index.ts index da1ecaff5a6cae..b268f2e16afbb0 100644 --- a/apps/ts-minbar-test-react/src/index.ts +++ b/apps/ts-minbar-test-react/src/index.ts @@ -1,4 +1,3 @@ -import * as fs from 'fs'; import * as path from 'path'; import { @@ -25,13 +24,10 @@ async function performTest() { tempPaths = prepareTempDirs(`${testName}-`); logger(`✔️ Temporary directories created under ${tempPaths.root}`); - // https://github.com/microsoft/fluentui/issues/27425 - remove related logic once issue will be resolved - const pinnedReactTypesVersion = '17.0.55'; - // Install dependencies, using the minimum TS version supported for consumers const dependencies = [ '@types/node@14', - `@types/react@${pinnedReactTypesVersion}`, + `@types/react@17`, '@types/react-dom@17', 'react@17', 'react-dom@17', @@ -44,13 +40,6 @@ async function performTest() { const packedPackages = await packProjectPackages(logger, lernaRoot, ['@fluentui/react']); await addResolutionPathsForProjectPackages(tempPaths.testApp); - // Remove Start - once will be resolved https://github.com/microsoft/fluentui/issues/27425 - const jsonPath = path.resolve(tempPaths.testApp, 'package.json'); - const packageJson = JSON.parse(fs.readFileSync(jsonPath, 'utf-8')); - packageJson.resolutions['@types/react-dom/@types/react'] = pinnedReactTypesVersion; - fs.writeFileSync(jsonPath, JSON.stringify(packageJson), 'utf-8'); - // Remove End - await shEcho(`yarn add ${packedPackages['@fluentui/react']}`, tempPaths.testApp); logger(`✔️ Fluent UI packages were added to dependencies`); diff --git a/change/@fluentui-react-46a490a8-de1f-44df-84dc-99f9d17a8db8.json b/change/@fluentui-react-46a490a8-de1f-44df-84dc-99f9d17a8db8.json new file mode 100644 index 00000000000000..e1175cec7d1741 --- /dev/null +++ b/change/@fluentui-react-46a490a8-de1f-44df-84dc-99f9d17a8db8.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: exclude HTMLAttributes defined 'content' for Tooltip and TooltipHost Prop types to mitigate @types/react breaking changes", + "packageName": "@fluentui/react", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/etc/react.api.md b/packages/react/etc/react.api.md index 3ff45a412b8e9b..8e12a477b06bd6 100644 --- a/packages/react/etc/react.api.md +++ b/packages/react/etc/react.api.md @@ -9463,7 +9463,7 @@ export interface ITooltipHost { } // @public -export interface ITooltipHostProps extends React_2.HTMLAttributes { +export interface ITooltipHostProps extends Omit, 'content'> { calloutProps?: ICalloutProps; className?: string; closeDelay?: number; @@ -9505,7 +9505,7 @@ export interface ITooltipHostStyles { } // @public (undocumented) -export interface ITooltipProps extends React_2.HTMLAttributes { +export interface ITooltipProps extends Omit, 'content'> { calloutProps?: ICalloutProps; componentRef?: IRefObject; content?: string | JSX.Element | JSX.Element[]; diff --git a/packages/react/src/components/Tooltip/Tooltip.types.ts b/packages/react/src/components/Tooltip/Tooltip.types.ts index c540fc09efac69..0aae7cdb46f7a3 100644 --- a/packages/react/src/components/Tooltip/Tooltip.types.ts +++ b/packages/react/src/components/Tooltip/Tooltip.types.ts @@ -13,7 +13,7 @@ export interface ITooltip {} /** * {@docCategory Tooltip} */ -export interface ITooltipProps extends React.HTMLAttributes { +export interface ITooltipProps extends Omit, 'content'> { /** * Optional callback to access the ITooltip interface. Use this instead of ref for accessing * the public methods and properties of the component. diff --git a/packages/react/src/components/Tooltip/TooltipHost.types.ts b/packages/react/src/components/Tooltip/TooltipHost.types.ts index 0567a403109c35..d011cbf4b9d28c 100644 --- a/packages/react/src/components/Tooltip/TooltipHost.types.ts +++ b/packages/react/src/components/Tooltip/TooltipHost.types.ts @@ -41,7 +41,7 @@ export enum TooltipOverflowMode { * passed through to the Tooltip itself, rather than being used on the host element. * {@docCategory Tooltip} */ -export interface ITooltipHostProps extends React.HTMLAttributes { +export interface ITooltipHostProps extends Omit, 'content'> { /** * Optional callback to access the ITooltipHost interface. Use this instead of ref for accessing * the public methods and properties of the component. From edc7d5057172dcc267ed2fcc3e3b84e7bbb9a557 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=A4=9C=E9=9B=A8?= Date: Fri, 21 Apr 2023 12:39:49 +0800 Subject: [PATCH 61/81] fix document link (#27499) Co-authored-by: ling1726 --- apps/public-docsite-v9/src/Concepts/Theming.stories.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/public-docsite-v9/src/Concepts/Theming.stories.mdx b/apps/public-docsite-v9/src/Concepts/Theming.stories.mdx index 93003cad90de96..108926744da185 100644 --- a/apps/public-docsite-v9/src/Concepts/Theming.stories.mdx +++ b/apps/public-docsite-v9/src/Concepts/Theming.stories.mdx @@ -14,7 +14,7 @@ const exampleTheme = { }; ``` -You can browse all the available tokens in **[Theme](/docs/theme-color--page)** section of the docs. +You can browse all the available tokens in **[Theme](/docs/theme-colors--page)** section of the docs. ## How theme is applied From ab5e8979917780ec8cf6b3b08b3696fc1b7a83f4 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Fri, 21 Apr 2023 08:52:10 +0200 Subject: [PATCH 62/81] chore: restructure stories, add separate category for flat tree (#27586) --- ...-d63bed0b-49b4-4783-8de0-da7822310165.json | 7 + .../react-tree/etc/react-tree.api.md | 2 +- .../TreeItemLayout/TreeItemLayout.types.ts | 5 +- .../TreeItemLayout.test.tsx.snap | 4 +- .../TreeItemLayout/useTreeItemLayout.ts | 4 +- .../useTreeItemPersonaLayoutStyles.ts | 11 +- .../{Tree => A_Tree}/TreeAppearance.md | 0 .../TreeAppearance.stories.tsx | 0 .../{Tree => A_Tree}/TreeBestPractices.md | 0 .../TreeControllingOpenAndClose.md | 0 .../TreeControllingOpenAndClose.stories.tsx | 0 .../{Tree => A_Tree}/TreeDefault.stories.tsx | 0 .../{Tree => A_Tree}/TreeDefaultOpenTrees.md | 0 .../TreeDefaultOpenTrees.stories.tsx | 0 .../{Tree => A_Tree}/TreeDescription.md | 0 .../stories/{Tree => A_Tree}/TreeSize.md | 0 .../{Tree => A_Tree}/TreeSize.stories.tsx | 0 .../{Tree => A_Tree}/index.stories.tsx | 3 - .../TreeItemActions.md | 0 .../TreeItemActions.stories.tsx | 0 .../TreeItemDefault.stories.tsx | 0 .../TreeItemDescription.md | 13 ++ .../TreeItemExpandCollapseIconOnly.md | 0 ...TreeItemExpandCollapseIconOnly.stories.tsx | 0 .../TreeItemExpandIcon.md | 0 .../TreeItemExpandIcon.stories.tsx | 0 .../TreeItemWithInlineStyle.md | 0 .../TreeItemWithInlineStyle.stories.tsx | 0 .../index.stories.tsx | 3 - .../C_Layouts/LayoutsDefault.stories.tsx | 154 ++++++++++++++++++ .../stories/C_Layouts/TreeItemLayout.md | 3 + .../C_Layouts/TreeItemLayout.stories.tsx | 88 ++++++++++ .../TreeItemLayoutAside.md | 2 + .../C_Layouts/TreeItemLayoutAside.stories.tsx | 71 ++++++++ .../TreeItemLayoutIconAfter.stories.tsx} | 0 .../TreeItemLayoutIconBefore.md} | 0 .../TreeItemLayoutIconBefore.stories.tsx} | 2 +- .../TreeItemPersonaLayout.md | 0 .../TreeItemPersonaLayout.stories.tsx | 64 +------- .../TreeItemPersonaLayoutDefault.stories.tsx | 0 .../TreeItemPersonaLayoutDescription.md | 0 .../TreeItemPersonaLayoutMedia.md | 0 .../TreeItemPersonaLayoutMedia.stories.tsx | 0 .../TreeItemPersonaLayoutReadUnread.md | 0 ...reeItemPersonaLayoutReadUnread.stories.tsx | 11 +- .../TreeItemPersonaLayoutWithDescription.md | 0 ...emPersonaLayoutWithDescription.stories.tsx | 0 .../{Layouts => C_Layouts}/description.md | 15 +- .../{Layouts => C_Layouts}/index.stories.tsx | 11 +- .../TreeItemAddRemove.md | 0 .../TreeItemAddRemove.stories.tsx | 0 .../{Tree => D_flatTree}/Virtualization.md | 0 .../Virtualization.stories.tsx | 0 .../D_flatTree/flatTreeBestPractices.md | 14 ++ .../stories/D_flatTree/flatTreeDescription.md | 12 ++ .../{Tree => D_flatTree}/flattenTree.md | 0 .../flattenTree.stories.tsx | 0 .../stories/D_flatTree/index.stories.tsx | 18 ++ .../{Tree => D_flatTree}/useFlatTree.md | 0 .../useFlatTree.stories.tsx | 0 .../stories/Layouts/TreeItemLayout.md | 1 - .../Layouts/TreeItemLayout.stories.tsx | 111 ------------- .../Layouts/TreeItemLayoutAside.stories.tsx | 78 --------- .../Layouts/TreeItemLayoutDefault.stories.tsx | 36 ---- 64 files changed, 431 insertions(+), 312 deletions(-) create mode 100644 change/@fluentui-react-tree-d63bed0b-49b4-4783-8de0-da7822310165.json rename packages/react-components/react-tree/stories/{Tree => A_Tree}/TreeAppearance.md (100%) rename packages/react-components/react-tree/stories/{Tree => A_Tree}/TreeAppearance.stories.tsx (100%) rename packages/react-components/react-tree/stories/{Tree => A_Tree}/TreeBestPractices.md (100%) rename packages/react-components/react-tree/stories/{Tree => A_Tree}/TreeControllingOpenAndClose.md (100%) rename packages/react-components/react-tree/stories/{Tree => A_Tree}/TreeControllingOpenAndClose.stories.tsx (100%) rename packages/react-components/react-tree/stories/{Tree => A_Tree}/TreeDefault.stories.tsx (100%) rename packages/react-components/react-tree/stories/{Tree => A_Tree}/TreeDefaultOpenTrees.md (100%) rename packages/react-components/react-tree/stories/{Tree => A_Tree}/TreeDefaultOpenTrees.stories.tsx (100%) rename packages/react-components/react-tree/stories/{Tree => A_Tree}/TreeDescription.md (100%) rename packages/react-components/react-tree/stories/{Tree => A_Tree}/TreeSize.md (100%) rename packages/react-components/react-tree/stories/{Tree => A_Tree}/TreeSize.stories.tsx (100%) rename packages/react-components/react-tree/stories/{Tree => A_Tree}/index.stories.tsx (79%) rename packages/react-components/react-tree/stories/{TreeItem => B_TreeItem}/TreeItemActions.md (100%) rename packages/react-components/react-tree/stories/{TreeItem => B_TreeItem}/TreeItemActions.stories.tsx (100%) rename packages/react-components/react-tree/stories/{TreeItem => B_TreeItem}/TreeItemDefault.stories.tsx (100%) rename packages/react-components/react-tree/stories/{TreeItem => B_TreeItem}/TreeItemDescription.md (55%) rename packages/react-components/react-tree/stories/{TreeItem => B_TreeItem}/TreeItemExpandCollapseIconOnly.md (100%) rename packages/react-components/react-tree/stories/{TreeItem => B_TreeItem}/TreeItemExpandCollapseIconOnly.stories.tsx (100%) rename packages/react-components/react-tree/stories/{TreeItem => B_TreeItem}/TreeItemExpandIcon.md (100%) rename packages/react-components/react-tree/stories/{TreeItem => B_TreeItem}/TreeItemExpandIcon.stories.tsx (100%) rename packages/react-components/react-tree/stories/{TreeItem => B_TreeItem}/TreeItemWithInlineStyle.md (100%) rename packages/react-components/react-tree/stories/{TreeItem => B_TreeItem}/TreeItemWithInlineStyle.stories.tsx (100%) rename packages/react-components/react-tree/stories/{TreeItem => B_TreeItem}/index.stories.tsx (80%) create mode 100644 packages/react-components/react-tree/stories/C_Layouts/LayoutsDefault.stories.tsx create mode 100644 packages/react-components/react-tree/stories/C_Layouts/TreeItemLayout.md create mode 100644 packages/react-components/react-tree/stories/C_Layouts/TreeItemLayout.stories.tsx rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/TreeItemLayoutAside.md (79%) create mode 100644 packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutAside.stories.tsx rename packages/react-components/react-tree/stories/{TreeItem/TreeItemIconAfter.stories.tsx => C_Layouts/TreeItemLayoutIconAfter.stories.tsx} (100%) rename packages/react-components/react-tree/stories/{TreeItem/TreeItemIconBefore.md => C_Layouts/TreeItemLayoutIconBefore.md} (100%) rename packages/react-components/react-tree/stories/{TreeItem/TreeItemIconBefore.stories.tsx => C_Layouts/TreeItemLayoutIconBefore.stories.tsx} (95%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/TreeItemPersonaLayout.md (100%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/TreeItemPersonaLayout.stories.tsx (59%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/TreeItemPersonaLayoutDefault.stories.tsx (100%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/TreeItemPersonaLayoutDescription.md (100%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/TreeItemPersonaLayoutMedia.md (100%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/TreeItemPersonaLayoutMedia.stories.tsx (100%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/TreeItemPersonaLayoutReadUnread.md (100%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/TreeItemPersonaLayoutReadUnread.stories.tsx (73%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/TreeItemPersonaLayoutWithDescription.md (100%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/TreeItemPersonaLayoutWithDescription.stories.tsx (100%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/description.md (66%) rename packages/react-components/react-tree/stories/{Layouts => C_Layouts}/index.stories.tsx (60%) rename packages/react-components/react-tree/stories/{TreeItem => D_flatTree}/TreeItemAddRemove.md (100%) rename packages/react-components/react-tree/stories/{TreeItem => D_flatTree}/TreeItemAddRemove.stories.tsx (100%) rename packages/react-components/react-tree/stories/{Tree => D_flatTree}/Virtualization.md (100%) rename packages/react-components/react-tree/stories/{Tree => D_flatTree}/Virtualization.stories.tsx (100%) create mode 100644 packages/react-components/react-tree/stories/D_flatTree/flatTreeBestPractices.md create mode 100644 packages/react-components/react-tree/stories/D_flatTree/flatTreeDescription.md rename packages/react-components/react-tree/stories/{Tree => D_flatTree}/flattenTree.md (100%) rename packages/react-components/react-tree/stories/{Tree => D_flatTree}/flattenTree.stories.tsx (100%) create mode 100644 packages/react-components/react-tree/stories/D_flatTree/index.stories.tsx rename packages/react-components/react-tree/stories/{Tree => D_flatTree}/useFlatTree.md (100%) rename packages/react-components/react-tree/stories/{Tree => D_flatTree}/useFlatTree.stories.tsx (100%) delete mode 100644 packages/react-components/react-tree/stories/Layouts/TreeItemLayout.md delete mode 100644 packages/react-components/react-tree/stories/Layouts/TreeItemLayout.stories.tsx delete mode 100644 packages/react-components/react-tree/stories/Layouts/TreeItemLayoutAside.stories.tsx delete mode 100644 packages/react-components/react-tree/stories/Layouts/TreeItemLayoutDefault.stories.tsx diff --git a/change/@fluentui-react-tree-d63bed0b-49b4-4783-8de0-da7822310165.json b/change/@fluentui-react-tree-d63bed0b-49b4-4783-8de0-da7822310165.json new file mode 100644 index 00000000000000..a9584d25a5647c --- /dev/null +++ b/change/@fluentui-react-tree-d63bed0b-49b4-4783-8de0-da7822310165.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "chore: restructure stories, add separate category for flat tree", + "packageName": "@fluentui/react-tree", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-tree/etc/react-tree.api.md b/packages/react-components/react-tree/etc/react-tree.api.md index b680ce0c98c1f0..1635f372aff3f6 100644 --- a/packages/react-components/react-tree/etc/react-tree.api.md +++ b/packages/react-components/react-tree/etc/react-tree.api.md @@ -132,7 +132,7 @@ export type TreeItemLayoutProps = ComponentProps>; // @public (undocumented) export type TreeItemLayoutSlots = { - root: Slot<'div'>; + root: Slot<'span'>; iconBefore?: Slot<'span'>; iconAfter?: Slot<'span'>; aside?: Slot<'span'>; diff --git a/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.types.ts b/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.types.ts index eb204f80a8d671..cdd1b3f9d17031 100644 --- a/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.types.ts +++ b/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.types.ts @@ -2,7 +2,7 @@ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utili import { TreeItemContextValue } from '../../contexts/treeItemContext'; export type TreeItemLayoutSlots = { - root: Slot<'div'>; + root: Slot<'span'>; /** * Icon slot that renders right before main content */ @@ -11,6 +11,9 @@ export type TreeItemLayoutSlots = { * Icon slot that renders right after main content */ iconAfter?: Slot<'span'>; + /** + * slot that render right after main content and iconAfter + */ aside?: Slot<'span'>; }; diff --git a/packages/react-components/react-tree/src/components/TreeItemLayout/__snapshots__/TreeItemLayout.test.tsx.snap b/packages/react-components/react-tree/src/components/TreeItemLayout/__snapshots__/TreeItemLayout.test.tsx.snap index f07aa64b74c752..277c480f29e21a 100644 --- a/packages/react-components/react-tree/src/components/TreeItemLayout/__snapshots__/TreeItemLayout.test.tsx.snap +++ b/packages/react-components/react-tree/src/components/TreeItemLayout/__snapshots__/TreeItemLayout.test.tsx.snap @@ -2,10 +2,10 @@ exports[`TreeItemLayout renders a default state 1`] = `
-
Default TreeItemLayout -
+
`; diff --git a/packages/react-components/react-tree/src/components/TreeItemLayout/useTreeItemLayout.ts b/packages/react-components/react-tree/src/components/TreeItemLayout/useTreeItemLayout.ts index 5042722a75ea0b..bf0f7a0cb3a644 100644 --- a/packages/react-components/react-tree/src/components/TreeItemLayout/useTreeItemLayout.ts +++ b/packages/react-components/react-tree/src/components/TreeItemLayout/useTreeItemLayout.ts @@ -16,13 +16,13 @@ export const useTreeItemLayout_unstable = ( props: TreeItemLayoutProps, ref: React.Ref, ): TreeItemLayoutState => { - const { iconAfter, iconBefore, aside, as = 'div' } = props; + const { iconAfter, iconBefore, aside, as = 'span' } = props; const treeItemContext = useTreeItemContext_unstable(); return { ...treeItemContext, components: { - root: 'div', + root: 'span', iconBefore: 'span', iconAfter: 'span', aside: 'span', diff --git a/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.ts b/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.ts index 11c058a7e65963..6aee99522a2d86 100644 --- a/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.ts +++ b/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/useTreeItemPersonaLayoutStyles.ts @@ -20,6 +20,7 @@ const useRootStyles = makeStyles({ width: '100%', display: 'flex', alignItems: 'center', + ...typographyStyles.body1, }, }); @@ -50,16 +51,13 @@ const useContentStyles = makeStyles({ ...shorthands.gap(tokens.spacingVerticalNone, tokens.spacingHorizontalNone), }, }); -const useMainStyles = makeStyles({ - base: { - ...typographyStyles.body1, - }, -}); + const useDescriptionStyles = makeStyles({ base: { ...typographyStyles.caption1, }, }); + const useAsideStyles = makeStyles({ base: { display: 'flex', @@ -79,7 +77,6 @@ export const useTreeItemPersonaLayoutStyles_unstable = ( const rootStyles = useRootStyles(); const mediaStyles = useMediaStyles(); const contentStyles = useContentStyles(); - const mainStyles = useMainStyles(); const descriptionStyles = useDescriptionStyles(); const asideStyles = useAsideStyles(); @@ -95,7 +92,7 @@ export const useTreeItemPersonaLayoutStyles_unstable = ( ); } if (state.main) { - state.main.className = mergeClasses(treeItemPersonaLayoutClassNames.main, mainStyles.base, state.main.className); + state.main.className = mergeClasses(treeItemPersonaLayoutClassNames.main, state.main.className); } if (state.description) { state.description.className = mergeClasses( diff --git a/packages/react-components/react-tree/stories/Tree/TreeAppearance.md b/packages/react-components/react-tree/stories/A_Tree/TreeAppearance.md similarity index 100% rename from packages/react-components/react-tree/stories/Tree/TreeAppearance.md rename to packages/react-components/react-tree/stories/A_Tree/TreeAppearance.md diff --git a/packages/react-components/react-tree/stories/Tree/TreeAppearance.stories.tsx b/packages/react-components/react-tree/stories/A_Tree/TreeAppearance.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/Tree/TreeAppearance.stories.tsx rename to packages/react-components/react-tree/stories/A_Tree/TreeAppearance.stories.tsx diff --git a/packages/react-components/react-tree/stories/Tree/TreeBestPractices.md b/packages/react-components/react-tree/stories/A_Tree/TreeBestPractices.md similarity index 100% rename from packages/react-components/react-tree/stories/Tree/TreeBestPractices.md rename to packages/react-components/react-tree/stories/A_Tree/TreeBestPractices.md diff --git a/packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.md b/packages/react-components/react-tree/stories/A_Tree/TreeControllingOpenAndClose.md similarity index 100% rename from packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.md rename to packages/react-components/react-tree/stories/A_Tree/TreeControllingOpenAndClose.md diff --git a/packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.stories.tsx b/packages/react-components/react-tree/stories/A_Tree/TreeControllingOpenAndClose.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.stories.tsx rename to packages/react-components/react-tree/stories/A_Tree/TreeControllingOpenAndClose.stories.tsx diff --git a/packages/react-components/react-tree/stories/Tree/TreeDefault.stories.tsx b/packages/react-components/react-tree/stories/A_Tree/TreeDefault.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/Tree/TreeDefault.stories.tsx rename to packages/react-components/react-tree/stories/A_Tree/TreeDefault.stories.tsx diff --git a/packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.md b/packages/react-components/react-tree/stories/A_Tree/TreeDefaultOpenTrees.md similarity index 100% rename from packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.md rename to packages/react-components/react-tree/stories/A_Tree/TreeDefaultOpenTrees.md diff --git a/packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.stories.tsx b/packages/react-components/react-tree/stories/A_Tree/TreeDefaultOpenTrees.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.stories.tsx rename to packages/react-components/react-tree/stories/A_Tree/TreeDefaultOpenTrees.stories.tsx diff --git a/packages/react-components/react-tree/stories/Tree/TreeDescription.md b/packages/react-components/react-tree/stories/A_Tree/TreeDescription.md similarity index 100% rename from packages/react-components/react-tree/stories/Tree/TreeDescription.md rename to packages/react-components/react-tree/stories/A_Tree/TreeDescription.md diff --git a/packages/react-components/react-tree/stories/Tree/TreeSize.md b/packages/react-components/react-tree/stories/A_Tree/TreeSize.md similarity index 100% rename from packages/react-components/react-tree/stories/Tree/TreeSize.md rename to packages/react-components/react-tree/stories/A_Tree/TreeSize.md diff --git a/packages/react-components/react-tree/stories/Tree/TreeSize.stories.tsx b/packages/react-components/react-tree/stories/A_Tree/TreeSize.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/Tree/TreeSize.stories.tsx rename to packages/react-components/react-tree/stories/A_Tree/TreeSize.stories.tsx diff --git a/packages/react-components/react-tree/stories/Tree/index.stories.tsx b/packages/react-components/react-tree/stories/A_Tree/index.stories.tsx similarity index 79% rename from packages/react-components/react-tree/stories/Tree/index.stories.tsx rename to packages/react-components/react-tree/stories/A_Tree/index.stories.tsx index 37f3efc4801942..23315dbb92ded1 100644 --- a/packages/react-components/react-tree/stories/Tree/index.stories.tsx +++ b/packages/react-components/react-tree/stories/A_Tree/index.stories.tsx @@ -8,9 +8,6 @@ export { DefaultOpenTrees } from './TreeDefaultOpenTrees.stories'; export { Appearance } from './TreeAppearance.stories'; export { Size } from './TreeSize.stories'; export { OpenItemsControlled } from './TreeControllingOpenAndClose.stories'; -export { UseFlatTree as useFlatTree } from './useFlatTree.stories'; -export { FlattenTree as flattenTree } from './flattenTree.stories'; -export { Virtualization } from './Virtualization.stories'; export default { title: 'Preview Components/Tree/Tree', diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemActions.md b/packages/react-components/react-tree/stories/B_TreeItem/TreeItemActions.md similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemActions.md rename to packages/react-components/react-tree/stories/B_TreeItem/TreeItemActions.md diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemActions.stories.tsx b/packages/react-components/react-tree/stories/B_TreeItem/TreeItemActions.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemActions.stories.tsx rename to packages/react-components/react-tree/stories/B_TreeItem/TreeItemActions.stories.tsx diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemDefault.stories.tsx b/packages/react-components/react-tree/stories/B_TreeItem/TreeItemDefault.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemDefault.stories.tsx rename to packages/react-components/react-tree/stories/B_TreeItem/TreeItemDefault.stories.tsx diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemDescription.md b/packages/react-components/react-tree/stories/B_TreeItem/TreeItemDescription.md similarity index 55% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemDescription.md rename to packages/react-components/react-tree/stories/B_TreeItem/TreeItemDescription.md index 0dc57ec18b0f55..73143049232401 100644 --- a/packages/react-components/react-tree/stories/TreeItem/TreeItemDescription.md +++ b/packages/react-components/react-tree/stories/B_TreeItem/TreeItemDescription.md @@ -1,3 +1,16 @@ The `TreeItem` component represents a single item in a tree. It can contain child items in the form of another `Tree` component or standalone `TreeItem`. The content and layout of a `TreeItem` can be defined using the `TreeItemLayout` or `TreeItemPersonaLayout` component, which should be used as a direct child of `TreeItem`. When a `TreeItem` has child items, an expand/collapse control is displayed, allowing the user to show or hide the children. + + + +> **⚠️ Preview components are considered unstable:** +> +> ```jsx +> +> import { Tree, TreeItem } from '@fluentui/react-components/unstable'; +> +> ``` +> +> - Features and APIs may change before final release +> - Please contact us if you intend to use this in your product diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.md b/packages/react-components/react-tree/stories/B_TreeItem/TreeItemExpandCollapseIconOnly.md similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.md rename to packages/react-components/react-tree/stories/B_TreeItem/TreeItemExpandCollapseIconOnly.md diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.stories.tsx b/packages/react-components/react-tree/stories/B_TreeItem/TreeItemExpandCollapseIconOnly.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.stories.tsx rename to packages/react-components/react-tree/stories/B_TreeItem/TreeItemExpandCollapseIconOnly.stories.tsx diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.md b/packages/react-components/react-tree/stories/B_TreeItem/TreeItemExpandIcon.md similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.md rename to packages/react-components/react-tree/stories/B_TreeItem/TreeItemExpandIcon.md diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.stories.tsx b/packages/react-components/react-tree/stories/B_TreeItem/TreeItemExpandIcon.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.stories.tsx rename to packages/react-components/react-tree/stories/B_TreeItem/TreeItemExpandIcon.stories.tsx diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemWithInlineStyle.md b/packages/react-components/react-tree/stories/B_TreeItem/TreeItemWithInlineStyle.md similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemWithInlineStyle.md rename to packages/react-components/react-tree/stories/B_TreeItem/TreeItemWithInlineStyle.md diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemWithInlineStyle.stories.tsx b/packages/react-components/react-tree/stories/B_TreeItem/TreeItemWithInlineStyle.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemWithInlineStyle.stories.tsx rename to packages/react-components/react-tree/stories/B_TreeItem/TreeItemWithInlineStyle.stories.tsx diff --git a/packages/react-components/react-tree/stories/TreeItem/index.stories.tsx b/packages/react-components/react-tree/stories/B_TreeItem/index.stories.tsx similarity index 80% rename from packages/react-components/react-tree/stories/TreeItem/index.stories.tsx rename to packages/react-components/react-tree/stories/B_TreeItem/index.stories.tsx index 315138827be72d..5173f20fb7e330 100644 --- a/packages/react-components/react-tree/stories/TreeItem/index.stories.tsx +++ b/packages/react-components/react-tree/stories/B_TreeItem/index.stories.tsx @@ -4,11 +4,8 @@ import descriptionMd from './TreeItemDescription.md'; export { Default } from './TreeItemDefault.stories'; export { ExpandCollapseIconOnly } from './TreeItemExpandCollapseIconOnly.stories'; export { ExpandIcon } from './TreeItemExpandIcon.stories'; -export { IconBefore } from './TreeItemIconBefore.stories'; -export { IconAfter } from './TreeItemIconAfter.stories'; export { Actions } from './TreeItemActions.stories'; export { WithInlineStyle } from './TreeItemWithInlineStyle.stories'; -export { AddRemoveTreeItem } from './TreeItemAddRemove.stories'; export default { title: 'Preview Components/Tree/TreeItem', diff --git a/packages/react-components/react-tree/stories/C_Layouts/LayoutsDefault.stories.tsx b/packages/react-components/react-tree/stories/C_Layouts/LayoutsDefault.stories.tsx new file mode 100644 index 00000000000000..ee983511110be4 --- /dev/null +++ b/packages/react-components/react-tree/stories/C_Layouts/LayoutsDefault.stories.tsx @@ -0,0 +1,154 @@ +import * as React from 'react'; +import { Tree, TreeItem, TreeItemLayout, TreeItemPersonaLayout } from '@fluentui/react-tree'; +import { + CalendarMonthRegular, + LockClosedRegular, + LinkSquareRegular, + Important16Regular, + MoreHorizontal20Regular, + FlagRegular, +} from '@fluentui/react-icons'; +import { + Avatar, + Button, + CounterBadge, + Menu, + MenuItem, + MenuList, + MenuPopover, + MenuTrigger, + Text, + tokens, +} from '@fluentui/react-components'; + +export const Default = () => { + return ( + + + } + iconAfter={ + <> + + + + } + aside={ + <> + + + + } + > + Content + + + + level 2, item 1 + + + level 2, item 2 + + + level 2, item 3 + + + + +
+ } + media={} + > + Content + + + + level 2, item 1 + + + level 3, item 1 + + + + + + + ); +}; diff --git a/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayout.md b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayout.md new file mode 100644 index 00000000000000..0cdf37c7c53de6 --- /dev/null +++ b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayout.md @@ -0,0 +1,3 @@ +You can leverage multiple props to customize the appearance of a `TreeItemLayout` component. It includes the use of `iconBefore`, `iconAfter` and `aside` slots that can be combined to present meaningful content. + +> ⚠️ `iconBefore`, `iconAfter` and `aside` are marked as `aria-hidden` by default diff --git a/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayout.stories.tsx b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayout.stories.tsx new file mode 100644 index 00000000000000..cf912c888e08d1 --- /dev/null +++ b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayout.stories.tsx @@ -0,0 +1,88 @@ +import * as React from 'react'; +import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree'; +import { + Image20Regular, + Important16Regular, + LockClosed20Regular, + SquareMultiple20Regular, +} from '@fluentui/react-icons'; +import { CounterBadge } from '@fluentui/react-components'; +import story from './TreeItemLayout.md'; + +export const Layout = () => ( + + + } + iconAfter={ + <> + + + + } + aside={ + <> + + + + } + > + Content + + + + Tree Item + + + level 2, item 1 + + + level 2, item 2 + + + level 2, item 3 + + + + + level 2, item 2 + + + level 2, item 3 + + + + + } + iconAfter={ + <> + + + + } + aside={} + > + Content + + + + level 2, item 1 + + + level 3, item 1 + + + + + + +); + +Layout.parameters = { + docs: { + description: { + story, + }, + }, +}; diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemLayoutAside.md b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutAside.md similarity index 79% rename from packages/react-components/react-tree/stories/Layouts/TreeItemLayoutAside.md rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutAside.md index 993f85a456f07b..79bcee802bbd0e 100644 --- a/packages/react-components/react-tree/stories/Layouts/TreeItemLayoutAside.md +++ b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutAside.md @@ -1 +1,3 @@ The `Tree` component allows for an `aside` prop to be added to individual `TreeItemLayout` or `TreeItemPersonaLayout` layout components. This creates an area on the right side of the `TreeItem` where additional information can be displayed, such as a badge with notification count or an icon indicating importance. When actions are specified using the `actions` prop, they will overlay the `aside` area on hover. + +> ⚠️ Aside content is `aria-hidden` by default in both `TreeItemLayout` and `TreeItemPersonaLayout` diff --git a/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutAside.stories.tsx b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutAside.stories.tsx new file mode 100644 index 00000000000000..b164b80b12c778 --- /dev/null +++ b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutAside.stories.tsx @@ -0,0 +1,71 @@ +import * as React from 'react'; +import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree'; +import { CounterBadge } from '@fluentui/react-components'; +import { FluentIconsProps, Important16Regular } from '@fluentui/react-icons'; +import story from './TreeItemLayoutAside.md'; + +const iconStyleProps: FluentIconsProps = { + primaryFill: 'red', +}; + +const AsideContent = ({ isImportant, messageCount }: { isImportant?: boolean; messageCount?: number }) => ( + <> + {isImportant && } + {messageCount && messageCount > 0 && } + +); + +export const Aside = () => ( + + + }>level 1, item 1 + + + }>level 2, item 1 + + + }>level 2, item 2 + + + }>level 2, item 3 + + + + + }>level 1, item 2 + + + }>level 2, item 1 + + + }>level 3, item 1 + + + + + + }>level 2, item 2 + + + level 3, item 1 + + + level 3, item 2 + + + level 3, item 3 + + + + + + +); + +Aside.parameters = { + docs: { + description: { + story, + }, + }, +}; diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemIconAfter.stories.tsx b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutIconAfter.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemIconAfter.stories.tsx rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutIconAfter.stories.tsx diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemIconBefore.md b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutIconBefore.md similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemIconBefore.md rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutIconBefore.md diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemIconBefore.stories.tsx b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutIconBefore.stories.tsx similarity index 95% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemIconBefore.stories.tsx rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutIconBefore.stories.tsx index 3f48f39de41687..e682ab6faa47e2 100644 --- a/packages/react-components/react-tree/stories/TreeItem/TreeItemIconBefore.stories.tsx +++ b/packages/react-components/react-tree/stories/C_Layouts/TreeItemLayoutIconBefore.stories.tsx @@ -1,7 +1,7 @@ import * as React from 'react'; import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree'; import { Image20Regular } from '@fluentui/react-icons'; -import story from './TreeItemIconBefore.md'; +import story from './TreeItemLayoutIconBefore.md'; export const IconBefore = () => { return ( diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayout.md b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayout.md similarity index 100% rename from packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayout.md rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayout.md diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayout.stories.tsx b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayout.stories.tsx similarity index 59% rename from packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayout.stories.tsx rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayout.stories.tsx index 8a7b3a94cec786..5fecd6750fe646 100644 --- a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayout.stories.tsx +++ b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayout.stories.tsx @@ -1,19 +1,7 @@ import * as React from 'react'; -import { - Avatar, - Button, - CounterBadge, - Menu, - MenuItem, - MenuList, - MenuPopover, - MenuTrigger, - makeStyles, - shorthands, - tokens, -} from '@fluentui/react-components'; +import { Avatar, CounterBadge, makeStyles, shorthands, tokens } from '@fluentui/react-components'; import { Tree, TreeItem, TreeItemPersonaLayout } from '@fluentui/react-tree'; -import { Flag20Regular, FluentIconsProps, Important16Regular, MoreHorizontal20Regular } from '@fluentui/react-icons'; +import { Important16Regular } from '@fluentui/react-icons'; import story from './TreeItemPersonaLayout.md'; const useBadgeStyles = makeStyles({ @@ -26,56 +14,22 @@ const useBadgeStyles = makeStyles({ }, }); -const useStyles = makeStyles({ - unread: { - fontWeight: 'bold', - }, -}); - -const iconStyleProps: FluentIconsProps = { - primaryFill: 'red', -}; - const Badges = () => { const badgeStyles = useBadgeStyles(); return (
- +
); }; -const RenderActions = () => { - return ( - <> -
} + description="Secondary text slot" aside={ <> 00:00 AM @@ -84,7 +38,7 @@ export const TreePersonaLayout = () => { } media={} > -
Primary text slot
+ Primary text slot @@ -101,7 +55,7 @@ export const TreePersonaLayout = () => { - }> + { ); }; -TreePersonaLayout.parameters = { +Layout.parameters = { docs: { description: { story, diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutDefault.stories.tsx b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutDefault.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutDefault.stories.tsx rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutDefault.stories.tsx diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutDescription.md b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutDescription.md similarity index 100% rename from packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutDescription.md rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutDescription.md diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutMedia.md b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutMedia.md similarity index 100% rename from packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutMedia.md rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutMedia.md diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutMedia.stories.tsx b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutMedia.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutMedia.stories.tsx rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutMedia.stories.tsx diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutReadUnread.md b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutReadUnread.md similarity index 100% rename from packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutReadUnread.md rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutReadUnread.md diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutReadUnread.stories.tsx b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutReadUnread.stories.tsx similarity index 73% rename from packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutReadUnread.stories.tsx rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutReadUnread.stories.tsx index 1b645c8592cfe7..b81f62c813545a 100644 --- a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutReadUnread.stories.tsx +++ b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutReadUnread.stories.tsx @@ -5,7 +5,7 @@ import story from './TreeItemPersonaLayoutReadUnread.md'; const useStyles = makeStyles({ unread: { - fontWeight: tokens.fontWeightSemibold, + fontWeight: tokens.fontWeightBold, }, }); @@ -14,17 +14,18 @@ export const ReadUnread = () => { return ( - + }> Read content message - + Secondary text content} + description={{ className: styles.unread, children: 'Secondary text content' }} + className={styles.unread} media={} > -
Unread content message
+ Unread content message diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutWithDescription.md b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutWithDescription.md similarity index 100% rename from packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutWithDescription.md rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutWithDescription.md diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutWithDescription.stories.tsx b/packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutWithDescription.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutWithDescription.stories.tsx rename to packages/react-components/react-tree/stories/C_Layouts/TreeItemPersonaLayoutWithDescription.stories.tsx diff --git a/packages/react-components/react-tree/stories/Layouts/description.md b/packages/react-components/react-tree/stories/C_Layouts/description.md similarity index 66% rename from packages/react-components/react-tree/stories/Layouts/description.md rename to packages/react-components/react-tree/stories/C_Layouts/description.md index 84d5122c05da1c..2388f533089c09 100644 --- a/packages/react-components/react-tree/stories/Layouts/description.md +++ b/packages/react-components/react-tree/stories/C_Layouts/description.md @@ -2,4 +2,17 @@ The `TreeItem` component allows for flexible display of items in a tree structur The `TreeItemLayout` component is designed to provide a consistent and functional structure for displaying a tree item. It defines the content and layout of the item in a simple and straightforward manner. This layout is ideal for displaying information about items that do not require additional visual elements, such as files or folders in a file system. -On the other hand, the `TreeItemPersonaLayout` component provides a more visually appealing representation of a tree item by including a media element, typically an avatar, alongside a description. This layout is perfect for displaying lists of people or topics, where the media element can represent an individual or a topic icon. As with `TreeItemLayout`, `TreeItemPersonaLayout` should only be used as a direct child of TreeItem. +On the other hand, the `TreeItemPersonaLayout` component provides a more visually appealing representation of a tree item by including a media element, typically an avatar, alongside a description. This layout is perfect for displaying lists of people or topics, where the media element can represent an individual or a topic icon. As with `TreeItemLayout`, `TreeItemPersonaLayout` should only be used as a direct child of `TreeItem`. + + + +> **⚠️ Preview components are considered unstable:** +> +> ```jsx +> +> import { Tree, TreeItem, TreeItemLayout, TreeItemPersonaLayout } from '@fluentui/react-components/unstable'; +> +> ``` +> +> - Features and APIs may change before final release +> - Please contact us if you intend to use this in your product diff --git a/packages/react-components/react-tree/stories/Layouts/index.stories.tsx b/packages/react-components/react-tree/stories/C_Layouts/index.stories.tsx similarity index 60% rename from packages/react-components/react-tree/stories/Layouts/index.stories.tsx rename to packages/react-components/react-tree/stories/C_Layouts/index.stories.tsx index 1e6036662837c6..c487f4b2c5750d 100644 --- a/packages/react-components/react-tree/stories/Layouts/index.stories.tsx +++ b/packages/react-components/react-tree/stories/C_Layouts/index.stories.tsx @@ -1,18 +1,19 @@ import { TreeItemLayout, TreeItemPersonaLayout } from '@fluentui/react-tree'; import descriptionMd from './description.md'; -export { DefaultTreeItemLayout } from './TreeItemLayoutDefault.stories'; -export { DefaultTreeItemPersonaLayout } from './TreeItemPersonaLayoutDefault.stories'; +export { Default } from './LayoutsDefault.stories'; +export { Layout as TreeItemLayout } from './TreeItemLayout.stories'; export { Aside } from './TreeItemLayoutAside.stories'; +export { IconBefore } from './TreeItemLayoutIconBefore.stories'; +export { IconAfter } from './TreeItemLayoutIconAfter.stories'; +export { Layout as TreeItemPersonaLayout } from './TreeItemPersonaLayout.stories'; export { Media } from './TreeItemPersonaLayoutMedia.stories'; export { WithDescription } from './TreeItemPersonaLayoutWithDescription.stories'; export { ReadUnread } from './TreeItemPersonaLayoutReadUnread.stories'; -export { Layout } from './TreeItemLayout.stories'; -export { TreePersonaLayout } from './TreeItemPersonaLayout.stories'; export default { title: 'Preview Components/Tree/Layouts', - component: [TreeItemPersonaLayout, TreeItemLayout], + subcomponents: { TreeItemLayout, TreeItemPersonaLayout }, parameters: { docs: { description: { diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemAddRemove.md b/packages/react-components/react-tree/stories/D_flatTree/TreeItemAddRemove.md similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemAddRemove.md rename to packages/react-components/react-tree/stories/D_flatTree/TreeItemAddRemove.md diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemAddRemove.stories.tsx b/packages/react-components/react-tree/stories/D_flatTree/TreeItemAddRemove.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/TreeItem/TreeItemAddRemove.stories.tsx rename to packages/react-components/react-tree/stories/D_flatTree/TreeItemAddRemove.stories.tsx diff --git a/packages/react-components/react-tree/stories/Tree/Virtualization.md b/packages/react-components/react-tree/stories/D_flatTree/Virtualization.md similarity index 100% rename from packages/react-components/react-tree/stories/Tree/Virtualization.md rename to packages/react-components/react-tree/stories/D_flatTree/Virtualization.md diff --git a/packages/react-components/react-tree/stories/Tree/Virtualization.stories.tsx b/packages/react-components/react-tree/stories/D_flatTree/Virtualization.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/Tree/Virtualization.stories.tsx rename to packages/react-components/react-tree/stories/D_flatTree/Virtualization.stories.tsx diff --git a/packages/react-components/react-tree/stories/D_flatTree/flatTreeBestPractices.md b/packages/react-components/react-tree/stories/D_flatTree/flatTreeBestPractices.md new file mode 100644 index 00000000000000..7c4a092b6ae14b --- /dev/null +++ b/packages/react-components/react-tree/stories/D_flatTree/flatTreeBestPractices.md @@ -0,0 +1,14 @@ +
+ + Best Practices + + +### Do + +TODO: add here a list with do's + +### Don't + +TODO: add here a list with don'ts + +
diff --git a/packages/react-components/react-tree/stories/D_flatTree/flatTreeDescription.md b/packages/react-components/react-tree/stories/D_flatTree/flatTreeDescription.md new file mode 100644 index 00000000000000..3676e83f80631d --- /dev/null +++ b/packages/react-components/react-tree/stories/D_flatTree/flatTreeDescription.md @@ -0,0 +1,12 @@ + + +> **⚠️ Preview components are considered unstable:** +> +> ```jsx +> +> import { useFlatTree_unstable, flattenTree_unstable } from '@fluentui/react-components/unstable'; +> +> ``` +> +> - Features and APIs may change before final release +> - Please contact us if you intend to use this in your product diff --git a/packages/react-components/react-tree/stories/Tree/flattenTree.md b/packages/react-components/react-tree/stories/D_flatTree/flattenTree.md similarity index 100% rename from packages/react-components/react-tree/stories/Tree/flattenTree.md rename to packages/react-components/react-tree/stories/D_flatTree/flattenTree.md diff --git a/packages/react-components/react-tree/stories/Tree/flattenTree.stories.tsx b/packages/react-components/react-tree/stories/D_flatTree/flattenTree.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/Tree/flattenTree.stories.tsx rename to packages/react-components/react-tree/stories/D_flatTree/flattenTree.stories.tsx diff --git a/packages/react-components/react-tree/stories/D_flatTree/index.stories.tsx b/packages/react-components/react-tree/stories/D_flatTree/index.stories.tsx new file mode 100644 index 00000000000000..a054b8503018f6 --- /dev/null +++ b/packages/react-components/react-tree/stories/D_flatTree/index.stories.tsx @@ -0,0 +1,18 @@ +import descriptionMd from './flatTreeDescription.md'; +import bestPracticesMd from './flatTreeBestPractices.md'; + +export { UseFlatTree as Default } from './useFlatTree.stories'; +export { FlattenTree as flattenTree } from './flattenTree.stories'; +export { Virtualization } from './Virtualization.stories'; +export { AddRemoveTreeItem } from './TreeItemAddRemove.stories'; + +export default { + title: 'Preview Components/Tree/flatTree', + parameters: { + docs: { + description: { + component: [descriptionMd, bestPracticesMd].join('\n'), + }, + }, + }, +}; diff --git a/packages/react-components/react-tree/stories/Tree/useFlatTree.md b/packages/react-components/react-tree/stories/D_flatTree/useFlatTree.md similarity index 100% rename from packages/react-components/react-tree/stories/Tree/useFlatTree.md rename to packages/react-components/react-tree/stories/D_flatTree/useFlatTree.md diff --git a/packages/react-components/react-tree/stories/Tree/useFlatTree.stories.tsx b/packages/react-components/react-tree/stories/D_flatTree/useFlatTree.stories.tsx similarity index 100% rename from packages/react-components/react-tree/stories/Tree/useFlatTree.stories.tsx rename to packages/react-components/react-tree/stories/D_flatTree/useFlatTree.stories.tsx diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemLayout.md b/packages/react-components/react-tree/stories/Layouts/TreeItemLayout.md deleted file mode 100644 index da5e107408907b..00000000000000 --- a/packages/react-components/react-tree/stories/Layouts/TreeItemLayout.md +++ /dev/null @@ -1 +0,0 @@ -You can combine multiple props to customize the appearance and behavior of a `Tree` component. It includes the use of `icons`, `badges`, `actions`, and layouts, which can be composed together to create a more complex and flexible user interface. diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemLayout.stories.tsx b/packages/react-components/react-tree/stories/Layouts/TreeItemLayout.stories.tsx deleted file mode 100644 index e4c18236396efa..00000000000000 --- a/packages/react-components/react-tree/stories/Layouts/TreeItemLayout.stories.tsx +++ /dev/null @@ -1,111 +0,0 @@ -import * as React from 'react'; -import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree'; -import { - Flag20Regular, - FluentIconsProps, - Image20Regular, - Important16Regular, - LockClosed20Regular, - MoreHorizontal20Regular, - SquareMultiple20Regular, -} from '@fluentui/react-icons'; -import { Button, CounterBadge, Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components'; -import story from './TreeItemLayout.md'; - -const iconStyleProps: FluentIconsProps = { - primaryFill: 'red', -}; - -const Badges = ({ isImportant, messageCount }: { isImportant?: boolean; messageCount?: number }) => ( - <> - {isImportant && } - {messageCount && messageCount > 0 && } - -); - -const RenderIconsAfter = () => ( - <> - - - -); - -const Actions = () => ( - <> -