+
diff --git a/packages/react-components/react-infobutton/etc/react-infobutton.api.md b/packages/react-components/react-infobutton/etc/react-infobutton.api.md
index 1d20b44a13245..46b9efca38289 100644
--- a/packages/react-components/react-infobutton/etc/react-infobutton.api.md
+++ b/packages/react-components/react-infobutton/etc/react-infobutton.api.md
@@ -31,7 +31,7 @@ export type InfoButtonProps = Omit
>, 'di
export type InfoButtonSlots = {
root: NonNullable>;
popover: NonNullable>>;
- content: NonNullable>;
+ info: NonNullable>;
};
// @public
@@ -45,7 +45,7 @@ export const infoLabelClassNames: SlotClassNames;
// @public
export type InfoLabelProps = ComponentProps, 'label'> & {
- info?: InfoButtonProps['content'];
+ info?: InfoButtonProps['info'];
};
// @public (undocumented)
diff --git a/packages/react-components/react-infobutton/just.config.ts b/packages/react-components/react-infobutton/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-infobutton/just.config.ts
+++ b/packages/react-components/react-infobutton/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-infobutton/package.json b/packages/react-components/react-infobutton/package.json
index 2c767b8e7cd7c..1b65d37a9281c 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.21",
+ "version": "9.0.0-beta.24",
"description": "React components for building web experiences",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -19,7 +19,7 @@
"just": "just-scripts",
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor",
+ "generate-api": "just-scripts generate-api",
"type-check": "tsc -b tsconfig.json",
"storybook": "start-storybook",
"start": "yarn storybook"
@@ -27,19 +27,19 @@
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-label": "^9.1.3",
- "@fluentui/react-popover": "^9.5.3",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-icons": "^2.0.196",
+ "@fluentui/react-label": "^9.1.6",
+ "@fluentui/react-popover": "^9.5.6",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -57,6 +57,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx
index b7064887597d4..0a1918c8997ac 100644
--- a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx
+++ b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.test.tsx
@@ -27,17 +27,17 @@ describe('InfoButton', () => {
Component: InfoButton,
displayName: 'InfoButton',
requiredProps: {
- content: "This is an InfoButton's Content.",
+ info: "This is an InfoButton's information.",
},
testOptions: {
'has-static-classnames': [
{
props: {
- content: "This is an InfoButton's Content.",
+ info: "This is an InfoButton's information.",
},
expectedClassNames: {
root: infoButtonClassNames.root,
- content: infoButtonClassNames.content,
+ info: infoButtonClassNames.info,
},
getPortalElement: getPopoverSurfaceElement,
},
diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.types.ts b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.types.ts
index 12e34ee998732..ed230ae8c37db 100644
--- a/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.types.ts
+++ b/packages/react-components/react-infobutton/src/components/InfoButton/InfoButton.types.ts
@@ -5,14 +5,14 @@ export type InfoButtonSlots = {
root: NonNullable>;
/**
- * The Popover element that wraps the content and root. Use this slot to pass props to the Popover.
+ * The Popover element that wraps the info and root slots. Use this slot to pass props to the Popover.
*/
popover: NonNullable>>;
/**
- * The content to be displayed in the PopoverSurface when the button is pressed.
+ * The information to be displayed in the PopoverSurface when the button is pressed.
*/
- content: NonNullable>;
+ info: NonNullable>;
};
/**
diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/renderInfoButton.tsx b/packages/react-components/react-infobutton/src/components/InfoButton/renderInfoButton.tsx
index 2b2884a7965eb..2e3c89e8ee9f3 100644
--- a/packages/react-components/react-infobutton/src/components/InfoButton/renderInfoButton.tsx
+++ b/packages/react-components/react-infobutton/src/components/InfoButton/renderInfoButton.tsx
@@ -15,7 +15,7 @@ export const renderInfoButton_unstable = (state: InfoButtonState) => {
-
+
);
};
diff --git a/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx b/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx
index b695ca5fea447..4acba3a4f1aa4 100644
--- a/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx
+++ b/packages/react-components/react-infobutton/src/components/InfoButton/useInfoButton.tsx
@@ -36,7 +36,7 @@ export const useInfoButton_unstable = (props: InfoButtonProps, ref: React.Ref>,
- content: PopoverSurface,
+ info: PopoverSurface,
},
root: getNativeElementProps('button', {
@@ -54,7 +54,7 @@ export const useInfoButton_unstable = (props: InfoButtonProps, ref: React.Ref = {
root: 'fui-InfoButton',
// this className won't be used, but it's needed to satisfy the type checker
popover: 'fui-InfoButton__popover',
- content: 'fui-InfoButton__content',
+ info: 'fui-InfoButton__info',
};
/**
@@ -107,10 +107,10 @@ export const useInfoButtonStyles_unstable = (state: InfoButtonState): InfoButton
const buttonStyles = useButtonStyles();
const popoverSurfaceStyles = usePopoverSurfaceStyles();
- state.content.className = mergeClasses(
- infoButtonClassNames.content,
+ state.info.className = mergeClasses(
+ infoButtonClassNames.info,
size === 'large' && popoverSurfaceStyles.large,
- state.content.className,
+ state.info.className,
);
state.root.className = mergeClasses(
diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.test.tsx b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.test.tsx
index 5e8f9ddb9a6a1..95c7ec9676b0e 100644
--- a/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.test.tsx
+++ b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.test.tsx
@@ -25,8 +25,8 @@ describe('InfoLabel', () => {
expect(result.getByRole('button')).toBeTruthy();
});
- it("renders an InfoButton when the infoButton slot's content is set", () => {
- const result = render(Test label);
+ it("renders an InfoButton when the infoButton's info slot is set", () => {
+ const result = render(Test label);
expect(result.getByRole('button')).toBeTruthy();
});
diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.types.ts b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.types.ts
index bc268c3c5d0ad..f35a9f99533df 100644
--- a/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.types.ts
+++ b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.types.ts
@@ -32,7 +32,7 @@ export type InfoLabelProps = ComponentProps, 'label'> &
/**
* The content of the InfoButton's popover.
*/
- info?: InfoButtonProps['content'];
+ info?: InfoButtonProps['info'];
};
/**
diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabel.ts b/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabel.ts
index 02a30345d8460..1c771d22c3e80 100644
--- a/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabel.ts
+++ b/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabel.ts
@@ -48,7 +48,7 @@ export const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref
diff --git a/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelDefault.stories.tsx b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelDefault.stories.tsx
index 6d0892297b69d..76a4ab5c344a9 100644
--- a/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelDefault.stories.tsx
+++ b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelDefault.stories.tsx
@@ -7,7 +7,7 @@ export const Default = (props: Partial) => (
- This is example content for an InfoButton. Learn more
+ This is example information for an InfoButton. Learn more
}
{...props}
diff --git a/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonDefault.stories.tsx b/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonDefault.stories.tsx
index 63dd8419d4542..337698c2baf85 100644
--- a/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonDefault.stories.tsx
+++ b/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonDefault.stories.tsx
@@ -5,9 +5,9 @@ import { Link } from '@fluentui/react-components';
export const Default = (props: Partial) => (
- This is example content for an InfoButton. Learn more
+ This is example information for an InfoButton. Learn more
}
/>
diff --git a/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonSize.stories.tsx b/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonSize.stories.tsx
index 030ce8b15c7bc..ef4aaff014996 100644
--- a/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonSize.stories.tsx
+++ b/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonSize.stories.tsx
@@ -19,27 +19,30 @@ export const Size = () => {
- This is example content for a small InfoButton. Learn more.
+ This is example information for a small InfoButton.{' '}
+ Learn more.
}
/>
- This is example content for a medium InfoButton. Learn more.
+ This is example information for a medium InfoButton.{' '}
+ Learn more.
}
/>
- This is example content for a large InfoButton. Learn more.
+ This is example information for a large InfoButton.{' '}
+ Learn more.
}
/>
diff --git a/packages/react-components/react-input/.babelrc.json b/packages/react-components/react-input/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-input/.babelrc.json
+++ b/packages/react-components/react-input/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-input/.swcrc b/packages/react-components/react-input/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-input/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-input/CHANGELOG.json b/packages/react-components/react-input/CHANGELOG.json
index 8f5ce82160d46..1bf339de5c1de 100644
--- a/packages/react-components/react-input/CHANGELOG.json
+++ b/packages/react-components/react-input/CHANGELOG.json
@@ -1,6 +1,90 @@
{
"name": "@fluentui/react-input",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:37 GMT",
+ "tag": "@fluentui/react-input_v9.4.5",
+ "version": "9.4.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-input",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-input",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-input",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.27",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-input",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-input",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-input",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-input",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-input",
+ "comment": "Bump @fluentui/react-text to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-input_v9.4.4",
+ "version": "9.4.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-input",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.26",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-input",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-input",
+ "comment": "Bump @fluentui/react-text to v9.3.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-input_v9.4.3",
diff --git a/packages/react-components/react-input/CHANGELOG.md b/packages/react-components/react-input/CHANGELOG.md
index 72689e252f57a..8105db418bb4a 100644
--- a/packages/react-components/react-input/CHANGELOG.md
+++ b/packages/react-components/react-input/CHANGELOG.md
@@ -1,9 +1,36 @@
# Change Log - @fluentui/react-input
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:37 GMT and should not be manually modified.
+## [9.4.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.5)
+
+Tue, 21 Mar 2023 21:23:37 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.4.4..@fluentui/react-input_v9.4.5)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-field to v9.0.0-alpha.27 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-text to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.4.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.4.3..@fluentui/react-input_v9.4.4)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.0.0-alpha.26 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-text to v9.3.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.4.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.4.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-input/just.config.ts b/packages/react-components/react-input/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-input/just.config.ts
+++ b/packages/react-components/react-input/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-input/package.json b/packages/react-components/react-input/package.json
index fb67b07ba7655..cd18d5f5155e7 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.3",
+ "version": "9.4.6",
"description": "Fluent UI React Input component",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,23 +22,23 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
- "@fluentui/react-text": "^9.3.0",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
+ "@fluentui/react-text": "^9.3.3",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-field": "9.0.0-alpha.25",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-field": "9.0.0-alpha.28",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -55,6 +55,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-label/.babelrc.json b/packages/react-components/react-label/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-label/.babelrc.json
+++ b/packages/react-components/react-label/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-label/.swcrc b/packages/react-components/react-label/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-label/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-label/CHANGELOG.json b/packages/react-components/react-label/CHANGELOG.json
index 97140a708cf82..f136b630a425c 100644
--- a/packages/react-components/react-label/CHANGELOG.json
+++ b/packages/react-components/react-label/CHANGELOG.json
@@ -1,6 +1,66 @@
{
"name": "@fluentui/react-label",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:37 GMT",
+ "tag": "@fluentui/react-label_v9.1.5",
+ "version": "9.1.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-label",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-label",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-label",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-label",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-label",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-label",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-label_v9.1.4",
+ "version": "9.1.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-label",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-label_v9.1.3",
diff --git a/packages/react-components/react-label/CHANGELOG.md b/packages/react-components/react-label/CHANGELOG.md
index af538dc4b7a63..1c4b143335af1 100644
--- a/packages/react-components/react-label/CHANGELOG.md
+++ b/packages/react-components/react-label/CHANGELOG.md
@@ -1,9 +1,32 @@
# Change Log - @fluentui/react-label
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:37 GMT and should not be manually modified.
+## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.5)
+
+Tue, 21 Mar 2023 21:23:37 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.4..@fluentui/react-label_v9.1.5)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.1.3..@fluentui/react-label_v9.1.4)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.1.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-label/just.config.ts b/packages/react-components/react-label/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-label/just.config.ts
+++ b/packages/react-components/react-label/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-label/package.json b/packages/react-components/react-label/package.json
index 6bd0354ee4e53..1d373f4c6f4b2 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.3",
+ "version": "9.1.6",
"description": "Fluent UI React Label component",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,21 +22,21 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -53,6 +53,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-link/.babelrc.json b/packages/react-components/react-link/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-link/.babelrc.json
+++ b/packages/react-components/react-link/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-link/.swcrc b/packages/react-components/react-link/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-link/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-link/CHANGELOG.json b/packages/react-components/react-link/CHANGELOG.json
index 3bf3a5eef485d..efa966fd0e277 100644
--- a/packages/react-components/react-link/CHANGELOG.json
+++ b/packages/react-components/react-link/CHANGELOG.json
@@ -1,6 +1,78 @@
{
"name": "@fluentui/react-link",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:38 GMT",
+ "tag": "@fluentui/react-link_v9.0.31",
+ "version": "9.0.31",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-link",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-link",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-link",
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-link",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-link",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-link",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-link",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-link_v9.0.30",
+ "version": "9.0.30",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-link",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-link",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-link_v9.0.29",
diff --git a/packages/react-components/react-link/CHANGELOG.md b/packages/react-components/react-link/CHANGELOG.md
index 76b281554d943..3739eb2baf2da 100644
--- a/packages/react-components/react-link/CHANGELOG.md
+++ b/packages/react-components/react-link/CHANGELOG.md
@@ -1,9 +1,34 @@
# Change Log - @fluentui/react-link
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:38 GMT and should not be manually modified.
+## [9.0.31](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.31)
+
+Tue, 21 Mar 2023 21:23:38 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.30..@fluentui/react-link_v9.0.31)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/keyboard-keys to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.0.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.30)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.29..@fluentui/react-link_v9.0.30)
+
+### Patches
+
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.0.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.29)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-link/just.config.ts b/packages/react-components/react-link/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-link/just.config.ts
+++ b/packages/react-components/react-link/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-link/package.json b/packages/react-components/react-link/package.json
index 983b8f30cfcce..74d36ea041415 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.29",
+ "version": "9.0.32",
"description": "Fluent UI React Link component",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,23 +22,23 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/a11y-testing": "^0.1.0",
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/keyboard-keys": "^9.0.1",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/keyboard-keys": "^9.0.2",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -55,6 +55,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-menu/.babelrc.json b/packages/react-components/react-menu/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-menu/.babelrc.json
+++ b/packages/react-components/react-menu/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-menu/.swcrc b/packages/react-components/react-menu/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-menu/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-menu/CHANGELOG.json b/packages/react-components/react-menu/CHANGELOG.json
index 03934b1e95c92..e9321ced495a7 100644
--- a/packages/react-components/react-menu/CHANGELOG.json
+++ b/packages/react-components/react-menu/CHANGELOG.json
@@ -1,6 +1,144 @@
{
"name": "@fluentui/react-menu",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:39 GMT",
+ "tag": "@fluentui/react-menu_v9.7.5",
+ "version": "9.7.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-menu",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-menu",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "lingfangao@hotmail.com",
+ "package": "@fluentui/react-menu",
+ "commit": "c0dd0a6ee291bd38efc4d4a37de6bdfef3bf10da",
+ "comment": "fix(MenuItem): Disabled should render correctly in high contrast mode"
+ },
+ {
+ "author": "makotom@microsoft.com",
+ "package": "@fluentui/react-menu",
+ "commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
+ "comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-aria to v9.3.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-portal to v9.2.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-positioning to v9.5.6",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-menu_v9.7.4",
+ "version": "9.7.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-aria to v9.3.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-portal to v9.2.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-positioning to v9.5.5",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-menu",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-menu_v9.7.3",
diff --git a/packages/react-components/react-menu/CHANGELOG.md b/packages/react-components/react-menu/CHANGELOG.md
index 1f4b4c83501a7..15f13ead1e48b 100644
--- a/packages/react-components/react-menu/CHANGELOG.md
+++ b/packages/react-components/react-menu/CHANGELOG.md
@@ -1,9 +1,45 @@
# Change Log - @fluentui/react-menu
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:39 GMT and should not be manually modified.
+## [9.7.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.7.5)
+
+Tue, 21 Mar 2023 21:23:39 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.7.4..@fluentui/react-menu_v9.7.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix(MenuItem): Disabled should render correctly in high contrast mode ([PR #27258](https://github.com/microsoft/fluentui/pull/27258) by lingfangao@hotmail.com)
+- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-aria to v9.3.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-portal to v9.2.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-positioning to v9.5.6 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.7.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.7.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.7.3..@fluentui/react-menu_v9.7.4)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.3.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-portal to v9.2.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-positioning to v9.5.5 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.7.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.7.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-menu/just.config.ts b/packages/react-components/react-menu/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-menu/just.config.ts
+++ b/packages/react-components/react-menu/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-menu/package.json b/packages/react-components/react-menu/package.json
index eec0c65da61eb..06d5e96770a38 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.3",
+ "version": "9.7.6",
"description": "Fluent UI menu component",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -24,29 +24,29 @@
"storybook": "start-storybook",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-cypress": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-aria": "^9.3.13",
- "@fluentui/keyboard-keys": "^9.0.1",
- "@fluentui/react-context-selector": "^9.1.13",
- "@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-portal": "^9.2.0",
- "@fluentui/react-positioning": "^9.5.4",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/keyboard-keys": "^9.0.2",
+ "@fluentui/react-aria": "^9.3.15",
+ "@fluentui/react-context-selector": "^9.1.15",
+ "@fluentui/react-icons": "^2.0.196",
+ "@fluentui/react-portal": "^9.2.3",
+ "@fluentui/react-positioning": "^9.5.7",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -64,6 +64,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.ts b/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.ts
index 4a9476c25900d..c81f1d88f38a5 100644
--- a/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.ts
+++ b/packages/react-components/react-menu/src/components/MenuItem/useMenuItemStyles.ts
@@ -103,6 +103,19 @@ const useStyles = makeStyles({
':focus': {
color: tokens.colorNeutralForegroundDisabled,
},
+
+ '@media (forced-colors: active)': {
+ color: 'GrayText',
+ ':hover': {
+ color: 'GrayText',
+ [`& .${menuItemClassNames.icon}`]: {
+ color: 'GrayText',
+ },
+ },
+ ':focus': {
+ color: 'GrayText',
+ },
+ },
},
});
diff --git a/packages/react-components/react-menu/src/components/MenuItemCheckbox/__snapshots__/MenuItemCheckbox.test.tsx.snap b/packages/react-components/react-menu/src/components/MenuItemCheckbox/__snapshots__/MenuItemCheckbox.test.tsx.snap
index 11ef6ab00e289..5d2974faa1291 100644
--- a/packages/react-components/react-menu/src/components/MenuItemCheckbox/__snapshots__/MenuItemCheckbox.test.tsx.snap
+++ b/packages/react-components/react-menu/src/components/MenuItemCheckbox/__snapshots__/MenuItemCheckbox.test.tsx.snap
@@ -25,7 +25,7 @@ exports[`MenuItemCheckbox conformance renders a default state 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
diff --git a/packages/react-components/react-menu/src/components/MenuItemRadio/__snapshots__/MenuItemRadio.test.tsx.snap b/packages/react-components/react-menu/src/components/MenuItemRadio/__snapshots__/MenuItemRadio.test.tsx.snap
index e226fa65f94b5..9d56f65cc5b87 100644
--- a/packages/react-components/react-menu/src/components/MenuItemRadio/__snapshots__/MenuItemRadio.test.tsx.snap
+++ b/packages/react-components/react-menu/src/components/MenuItemRadio/__snapshots__/MenuItemRadio.test.tsx.snap
@@ -25,7 +25,7 @@ exports[`MenuItemRadio renders a default state 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
diff --git a/packages/react-components/react-migration-v0-v9/.babelrc.json b/packages/react-components/react-migration-v0-v9/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-migration-v0-v9/.babelrc.json
+++ b/packages/react-components/react-migration-v0-v9/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-migration-v0-v9/.swcrc b/packages/react-components/react-migration-v0-v9/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-migration-v0-v9/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-migration-v0-v9/just.config.ts b/packages/react-components/react-migration-v0-v9/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-migration-v0-v9/just.config.ts
+++ b/packages/react-components/react-migration-v0-v9/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-migration-v0-v9/package.json b/packages/react-components/react-migration-v0-v9/package.json
index 8bca1b7a78e20..95c947d1071af 100644
--- a/packages/react-components/react-migration-v0-v9/package.json
+++ b/packages/react-components/react-migration-v0-v9/package.json
@@ -20,26 +20,26 @@
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor",
+ "generate-api": "just-scripts generate-api",
"storybook": "start-storybook",
"start": "yarn storybook"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*",
"@fluentui/scripts-storybook": "*"
},
"dependencies": {
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-icons": "^2.0.196",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0",
- "@fluentui/react-components": "^9.18.1",
- "@fluentui/react-northstar": "^0.66.4"
+ "@fluentui/react-components": "^9.18.6",
+ "@fluentui/react-northstar": "^0.66.4",
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -57,6 +57,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-migration-v8-v9/.babelrc.json b/packages/react-components/react-migration-v8-v9/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-migration-v8-v9/.babelrc.json
+++ b/packages/react-components/react-migration-v8-v9/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-migration-v8-v9/.swcrc b/packages/react-components/react-migration-v8-v9/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-migration-v8-v9/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-migration-v8-v9/CHANGELOG.json b/packages/react-components/react-migration-v8-v9/CHANGELOG.json
index 0193d47e0f766..acb2c32cacc09 100644
--- a/packages/react-components/react-migration-v8-v9/CHANGELOG.json
+++ b/packages/react-components/react-migration-v8-v9/CHANGELOG.json
@@ -1,6 +1,123 @@
{
"name": "@fluentui/react-migration-v8-v9",
"entries": [
+ {
+ "date": "Fri, 24 Mar 2023 17:36:41 GMT",
+ "tag": "@fluentui/react-migration-v8-v9_v9.2.5",
+ "version": "9.2.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-migration-v8-v9",
+ "comment": "Bump @fluentui/react-components to v9.18.6",
+ "commit": "899de68739acdff9e641a1baedec097a6bc07309"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Fri, 24 Mar 2023 14:58:55 GMT",
+ "tag": "@fluentui/react-migration-v8-v9_v9.2.4",
+ "version": "9.2.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-migration-v8-v9",
+ "comment": "Bump @fluentui/react-components to v9.18.5",
+ "commit": "0f198d87130e4f9fcacdaa187b850e507e0b1ec8"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Fri, 24 Mar 2023 10:15:28 GMT",
+ "tag": "@fluentui/react-migration-v8-v9_v9.2.3",
+ "version": "9.2.3",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-migration-v8-v9",
+ "comment": "Bump @fluentui/react-components to v9.18.4",
+ "commit": "8253bc378281d56e6b4e3a454c185e2ef3672d1d"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Tue, 21 Mar 2023 21:23:40 GMT",
+ "tag": "@fluentui/react-migration-v8-v9_v9.2.2",
+ "version": "9.2.2",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-migration-v8-v9",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-migration-v8-v9",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "makotom@microsoft.com",
+ "package": "@fluentui/react-migration-v8-v9",
+ "commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
+ "comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-migration-v8-v9",
+ "comment": "Bump @fluentui/react-components to v9.18.3",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-migration-v8-v9",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-migration-v8-v9",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-migration-v8-v9",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-migration-v8-v9_v9.2.1",
+ "version": "9.2.1",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-migration-v8-v9",
+ "comment": "Bump @fluentui/react-components to v9.18.2",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-migration-v8-v9",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:51 GMT",
"tag": "@fluentui/react-migration-v8-v9_v9.2.0",
diff --git a/packages/react-components/react-migration-v8-v9/CHANGELOG.md b/packages/react-components/react-migration-v8-v9/CHANGELOG.md
index 0548b38bbd199..bb0d902241016 100644
--- a/packages/react-components/react-migration-v8-v9/CHANGELOG.md
+++ b/packages/react-components/react-migration-v8-v9/CHANGELOG.md
@@ -1,9 +1,61 @@
# Change Log - @fluentui/react-migration-v8-v9
-This log was last generated on Wed, 15 Mar 2023 10:19:51 GMT and should not be manually modified.
+This log was last generated on Fri, 24 Mar 2023 17:36:41 GMT and should not be manually modified.
+## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.5)
+
+Fri, 24 Mar 2023 17:36:41 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.4..@fluentui/react-migration-v8-v9_v9.2.5)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.18.6 ([PR #27321](https://github.com/microsoft/fluentui/pull/27321) by beachball)
+
+## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.4)
+
+Fri, 24 Mar 2023 14:58:55 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.3..@fluentui/react-migration-v8-v9_v9.2.4)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.18.5 ([PR #27319](https://github.com/microsoft/fluentui/pull/27319) by beachball)
+
+## [9.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.3)
+
+Fri, 24 Mar 2023 10:15:28 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.2..@fluentui/react-migration-v8-v9_v9.2.3)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.18.4 ([PR #27317](https://github.com/microsoft/fluentui/pull/27317) by beachball)
+
+## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.2)
+
+Tue, 21 Mar 2023 21:23:40 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.1..@fluentui/react-migration-v8-v9_v9.2.2)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
+- Bump @fluentui/react-components to v9.18.3 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.1)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.0..@fluentui/react-migration-v8-v9_v9.2.1)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.18.2 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.0)
Wed, 15 Mar 2023 10:19:51 GMT
diff --git a/packages/react-components/react-migration-v8-v9/just.config.ts b/packages/react-components/react-migration-v8-v9/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-migration-v8-v9/just.config.ts
+++ b/packages/react-components/react-migration-v8-v9/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-migration-v8-v9/package.json b/packages/react-components/react-migration-v8-v9/package.json
index 3f15b63f27481..e303d5bd4a871 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.0",
+ "version": "9.2.5",
"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",
@@ -19,27 +19,27 @@
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor",
+ "generate-api": "just-scripts generate-api",
"storybook": "start-storybook",
"start": "yarn storybook"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
"@ctrl/tinycolor": "3.3.4",
- "@fluentui/fluent2-theme": "^8.106.1",
- "@fluentui/react": "^8.106.6",
- "@fluentui/react-components": "^9.18.1",
- "@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/fluent2-theme": "^8.106.5",
+ "@fluentui/react": "^8.106.9",
+ "@fluentui/react-components": "^9.18.6",
+ "@fluentui/react-icons": "^2.0.196",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -55,6 +55,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-overflow/.babelrc.json b/packages/react-components/react-overflow/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-overflow/.babelrc.json
+++ b/packages/react-components/react-overflow/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-overflow/.swcrc b/packages/react-components/react-overflow/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-overflow/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-overflow/CHANGELOG.json b/packages/react-components/react-overflow/CHANGELOG.json
index 11e71ba0c8cf9..faa333144b014 100644
--- a/packages/react-components/react-overflow/CHANGELOG.json
+++ b/packages/react-components/react-overflow/CHANGELOG.json
@@ -1,6 +1,72 @@
{
"name": "@fluentui/react-overflow",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:41 GMT",
+ "tag": "@fluentui/react-overflow_v9.0.12",
+ "version": "9.0.12",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-overflow",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-overflow",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-overflow",
+ "comment": "Bump @fluentui/priority-overflow to v9.0.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-overflow",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-overflow",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-overflow",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-overflow_v9.0.11",
+ "version": "9.0.11",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-overflow",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-overflow",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-overflow_v9.0.10",
diff --git a/packages/react-components/react-overflow/CHANGELOG.md b/packages/react-components/react-overflow/CHANGELOG.md
index adc23231774dc..96dd042dd8f6c 100644
--- a/packages/react-components/react-overflow/CHANGELOG.md
+++ b/packages/react-components/react-overflow/CHANGELOG.md
@@ -1,9 +1,33 @@
# Change Log - @fluentui/react-overflow
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:41 GMT and should not be manually modified.
+## [9.0.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.12)
+
+Tue, 21 Mar 2023 21:23:41 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.11..@fluentui/react-overflow_v9.0.12)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/priority-overflow to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.11)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.10..@fluentui/react-overflow_v9.0.11)
+
+### Patches
+
+- Bump @fluentui/react-context-selector to v9.1.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.10)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-overflow/just.config.ts b/packages/react-components/react-overflow/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-overflow/just.config.ts
+++ b/packages/react-components/react-overflow/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-overflow/package.json b/packages/react-components/react-overflow/package.json
index 0289ee44af366..3101833c92150 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.10",
+ "version": "9.0.12",
"description": "React bindings for @fluentui/priority-overflow",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -24,7 +24,7 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
@@ -33,12 +33,12 @@
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/priority-overflow": "^9.0.1",
- "@fluentui/react-context-selector": "^9.1.13",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/priority-overflow": "^9.0.2",
+ "@fluentui/react-context-selector": "^9.1.15",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -56,6 +56,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-overflow/stories/Overflow/Vertical.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/Vertical.stories.tsx
new file mode 100644
index 0000000000000..2b0c3e9076301
--- /dev/null
+++ b/packages/react-components/react-overflow/stories/Overflow/Vertical.stories.tsx
@@ -0,0 +1,115 @@
+import * as React from 'react';
+import {
+ makeStyles,
+ shorthands,
+ Button,
+ Menu,
+ MenuTrigger,
+ MenuPopover,
+ MenuList,
+ MenuItem,
+ MenuButton,
+ tokens,
+ mergeClasses,
+ Overflow,
+ OverflowItem,
+ OverflowItemProps,
+ useIsOverflowItemVisible,
+ useOverflowMenu,
+} from '@fluentui/react-components';
+
+const useStyles = makeStyles({
+ container: {
+ minWidth: 0,
+ ...shorthands.overflow('hidden'),
+ },
+
+ overflowItem: {
+ display: 'block',
+ },
+
+ resizableArea: {
+ minWidth: '200px',
+ maxWidth: '800px',
+ ...shorthands.border('2px', 'solid', tokens.colorBrandBackground),
+ ...shorthands.padding('20px', '10px', '10px', '10px'),
+ position: 'relative',
+ resize: 'vertical',
+ '::after': {
+ content: `'Resizable Area'`,
+ position: 'absolute',
+ ...shorthands.padding('1px', '4px', '1px'),
+ top: '-2px',
+ left: '-2px',
+ fontFamily: 'monospace',
+ fontSize: '15px',
+ fontWeight: 900,
+ lineHeight: 1,
+ letterSpacing: '1px',
+ color: tokens.colorNeutralForegroundOnBrand,
+ backgroundColor: tokens.colorBrandBackground,
+ },
+ },
+});
+
+export const Vertical = () => {
+ const styles = useStyles();
+
+ const itemIds = new Array(8).fill(0).map((_, i) => i.toString());
+
+ return (
+
+
+ {itemIds.map(i => (
+
+
+
+ ))}
+
+
+
+ );
+};
+
+const OverflowMenuItem: React.FC> = props => {
+ const { id } = props;
+ const isVisible = useIsOverflowItemVisible(id);
+
+ if (isVisible) {
+ return null;
+ }
+
+ return ;
+};
+
+const OverflowMenu: React.FC<{ itemIds: string[] }> = ({ itemIds }) => {
+ const { ref, overflowCount, isOverflowing } = useOverflowMenu();
+
+ if (!isOverflowing) {
+ return null;
+ }
+
+ return (
+
+ );
+};
+
+Vertical.parameters = {
+ docs: {
+ description: {
+ story: ['Use the `overflowAxis` property to switch different orientations.'].join('\n'),
+ },
+ },
+};
diff --git a/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx b/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx
index d96f02ab2277b..ea07735698c6b 100644
--- a/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx
+++ b/packages/react-components/react-overflow/stories/Overflow/index.stories.tsx
@@ -5,6 +5,7 @@ import descriptionMd from './OverflowDescription.md';
export { Default } from './Default.stories';
export { ReverseDomOrder } from './ReverseDomOrder.stories';
export { MinimumVisible } from './MinimumVisible.stories';
+export { Vertical } from './Vertical.stories';
export { OverflowByPriority } from './OverflowByPriority.stories';
export { Wrapped } from './Wrapped.stories';
export { Pinned } from './Pinned.stories';
diff --git a/packages/react-components/react-persona/.babelrc.json b/packages/react-components/react-persona/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-persona/.babelrc.json
+++ b/packages/react-components/react-persona/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-persona/.swcrc b/packages/react-components/react-persona/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-persona/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-persona/CHANGELOG.json b/packages/react-components/react-persona/CHANGELOG.json
index 516fb6f23a0c2..e15f0a7ea0a32 100644
--- a/packages/react-components/react-persona/CHANGELOG.json
+++ b/packages/react-components/react-persona/CHANGELOG.json
@@ -1,6 +1,90 @@
{
"name": "@fluentui/react-persona",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:42 GMT",
+ "tag": "@fluentui/react-persona_v9.2.5",
+ "version": "9.2.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-persona",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-persona",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-persona",
+ "comment": "Bump @fluentui/react-avatar to v9.4.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-persona",
+ "comment": "Bump @fluentui/react-badge to v9.1.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-persona",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-persona",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-persona",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-persona",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-persona_v9.2.4",
+ "version": "9.2.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-persona",
+ "comment": "Bump @fluentui/react-avatar to v9.4.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-persona",
+ "comment": "Bump @fluentui/react-badge to v9.1.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-persona",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-persona_v9.2.3",
diff --git a/packages/react-components/react-persona/CHANGELOG.md b/packages/react-components/react-persona/CHANGELOG.md
index 95744530e7041..89c33c8275e7d 100644
--- a/packages/react-components/react-persona/CHANGELOG.md
+++ b/packages/react-components/react-persona/CHANGELOG.md
@@ -1,9 +1,36 @@
# Change Log - @fluentui/react-persona
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:42 GMT and should not be manually modified.
+## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.5)
+
+Tue, 21 Mar 2023 21:23:42 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.4..@fluentui/react-persona_v9.2.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-avatar to v9.4.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-badge to v9.1.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.2.3..@fluentui/react-persona_v9.2.4)
+
+### Patches
+
+- Bump @fluentui/react-avatar to v9.4.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-badge to v9.1.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.2.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-persona/just.config.ts b/packages/react-components/react-persona/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-persona/just.config.ts
+++ b/packages/react-components/react-persona/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-persona/package.json b/packages/react-components/react-persona/package.json
index f5c260fc7d325..ede64b3314e18 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.3",
+ "version": "9.2.5",
"description": "React components for building web experiences",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,23 +22,23 @@
"type-check": "tsc -b tsconfig.json",
"storybook": "start-storybook",
"start": "yarn storybook",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-avatar": "^9.4.3",
- "@fluentui/react-badge": "^9.1.3",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-avatar": "^9.4.6",
+ "@fluentui/react-badge": "^9.1.6",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -55,6 +55,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-popover/.babelrc.json b/packages/react-components/react-popover/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-popover/.babelrc.json
+++ b/packages/react-components/react-popover/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-popover/.swcrc b/packages/react-components/react-popover/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-popover/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-popover/CHANGELOG.json b/packages/react-components/react-popover/CHANGELOG.json
index c566d7eed4c01..3fea1e9b8ffd0 100644
--- a/packages/react-components/react-popover/CHANGELOG.json
+++ b/packages/react-components/react-popover/CHANGELOG.json
@@ -1,6 +1,132 @@
{
"name": "@fluentui/react-popover",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:43 GMT",
+ "tag": "@fluentui/react-popover_v9.5.5",
+ "version": "9.5.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-popover",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-popover",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-aria to v9.3.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-portal to v9.2.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-positioning to v9.5.6",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-popover_v9.5.4",
+ "version": "9.5.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-aria to v9.3.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-portal to v9.2.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-positioning to v9.5.5",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-popover",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-popover_v9.5.3",
diff --git a/packages/react-components/react-popover/CHANGELOG.md b/packages/react-components/react-popover/CHANGELOG.md
index 2596d1de248c6..c76d91ce21a41 100644
--- a/packages/react-components/react-popover/CHANGELOG.md
+++ b/packages/react-components/react-popover/CHANGELOG.md
@@ -1,9 +1,43 @@
# Change Log - @fluentui/react-popover
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:43 GMT and should not be manually modified.
+## [9.5.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.5.5)
+
+Tue, 21 Mar 2023 21:23:43 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.5.4..@fluentui/react-popover_v9.5.5)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/keyboard-keys to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-aria to v9.3.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-portal to v9.2.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-positioning to v9.5.6 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.5.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.5.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.5.3..@fluentui/react-popover_v9.5.4)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.3.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-portal to v9.2.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-positioning to v9.5.5 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.5.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.5.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-popover/just.config.ts b/packages/react-components/react-popover/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-popover/just.config.ts
+++ b/packages/react-components/react-popover/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-popover/package.json b/packages/react-components/react-popover/package.json
index ef5275d0f627d..7beafcd6142ec 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.3",
+ "version": "9.5.6",
"description": "Popover component for Fluent UI",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -24,28 +24,28 @@
"storybook": "start-storybook",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-cypress": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/keyboard-keys": "^9.0.1",
- "@fluentui/react-aria": "^9.3.13",
- "@fluentui/react-context-selector": "^9.1.13",
- "@fluentui/react-portal": "^9.2.0",
- "@fluentui/react-positioning": "^9.5.4",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/keyboard-keys": "^9.0.2",
+ "@fluentui/react-aria": "^9.3.15",
+ "@fluentui/react-context-selector": "^9.1.15",
+ "@fluentui/react-portal": "^9.2.3",
+ "@fluentui/react-positioning": "^9.5.7",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -63,6 +63,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-portal-compat-context/.babelrc.json b/packages/react-components/react-portal-compat-context/.babelrc.json
index 0b00fa93139ea..38bf1f7a945cf 100644
--- a/packages/react-components/react-portal-compat-context/.babelrc.json
+++ b/packages/react-components/react-portal-compat-context/.babelrc.json
@@ -1,4 +1,3 @@
{
- "presets": [],
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-portal-compat-context/.swcrc b/packages/react-components/react-portal-compat-context/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-portal-compat-context/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-portal-compat-context/CHANGELOG.json b/packages/react-components/react-portal-compat-context/CHANGELOG.json
index c620002a32d23..e661d6539a30d 100644
--- a/packages/react-components/react-portal-compat-context/CHANGELOG.json
+++ b/packages/react-components/react-portal-compat-context/CHANGELOG.json
@@ -1,6 +1,27 @@
{
"name": "@fluentui/react-portal-compat-context",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:45 GMT",
+ "tag": "@fluentui/react-portal-compat-context_v9.0.5",
+ "version": "9.0.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-portal-compat-context",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-portal-compat-context",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ }
+ ]
+ }
+ },
{
"date": "Wed, 08 Mar 2023 17:42:37 GMT",
"tag": "@fluentui/react-portal-compat-context_v9.0.4",
diff --git a/packages/react-components/react-portal-compat-context/CHANGELOG.md b/packages/react-components/react-portal-compat-context/CHANGELOG.md
index 838cc10891c3f..fc4268a427350 100644
--- a/packages/react-components/react-portal-compat-context/CHANGELOG.md
+++ b/packages/react-components/react-portal-compat-context/CHANGELOG.md
@@ -1,9 +1,19 @@
# Change Log - @fluentui/react-portal-compat-context
-This log was last generated on Fri, 11 Nov 2022 14:57:32 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:45 GMT and should not be manually modified.
+## [9.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat-context_v9.0.5)
+
+Tue, 21 Mar 2023 21:23:45 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat-context_v9.0.4..@fluentui/react-portal-compat-context_v9.0.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+
## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat-context_v9.0.4)
Fri, 11 Nov 2022 14:57:32 GMT
diff --git a/packages/react-components/react-portal-compat-context/just.config.ts b/packages/react-components/react-portal-compat-context/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-portal-compat-context/just.config.ts
+++ b/packages/react-components/react-portal-compat-context/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-portal-compat-context/package.json b/packages/react-components/react-portal-compat-context/package.json
index 84d7e68b75d28..d02bf5922f5f9 100644
--- a/packages/react-components/react-portal-compat-context/package.json
+++ b/packages/react-components/react-portal-compat-context/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/react-portal-compat-context",
- "version": "9.0.4",
+ "version": "9.0.5",
"description": "A package that holds React context for compatibility of React Contexts",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -19,7 +19,7 @@
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
@@ -27,7 +27,7 @@
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -42,6 +42,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-portal-compat/.babelrc.json b/packages/react-components/react-portal-compat/.babelrc.json
index 0b00fa93139ea..38bf1f7a945cf 100644
--- a/packages/react-components/react-portal-compat/.babelrc.json
+++ b/packages/react-components/react-portal-compat/.babelrc.json
@@ -1,4 +1,3 @@
{
- "presets": [],
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-portal-compat/.swcrc b/packages/react-components/react-portal-compat/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-portal-compat/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json
index dcc294f7c3bc9..df519499c8ff8 100644
--- a/packages/react-components/react-portal-compat/CHANGELOG.json
+++ b/packages/react-components/react-portal-compat/CHANGELOG.json
@@ -1,6 +1,117 @@
{
"name": "@fluentui/react-portal-compat",
"entries": [
+ {
+ "date": "Fri, 24 Mar 2023 17:36:41 GMT",
+ "tag": "@fluentui/react-portal-compat_v9.0.49",
+ "version": "9.0.49",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal-compat",
+ "comment": "Bump @fluentui/react-components to v9.18.6",
+ "commit": "899de68739acdff9e641a1baedec097a6bc07309"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Fri, 24 Mar 2023 14:58:55 GMT",
+ "tag": "@fluentui/react-portal-compat_v9.0.48",
+ "version": "9.0.48",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal-compat",
+ "comment": "Bump @fluentui/react-components to v9.18.5",
+ "commit": "0f198d87130e4f9fcacdaa187b850e507e0b1ec8"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Fri, 24 Mar 2023 10:15:28 GMT",
+ "tag": "@fluentui/react-portal-compat_v9.0.47",
+ "version": "9.0.47",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal-compat",
+ "comment": "Bump @fluentui/react-components to v9.18.4",
+ "commit": "8253bc378281d56e6b4e3a454c185e2ef3672d1d"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Tue, 21 Mar 2023 21:23:44 GMT",
+ "tag": "@fluentui/react-portal-compat_v9.0.46",
+ "version": "9.0.46",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-portal-compat",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-portal-compat",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal-compat",
+ "comment": "Bump @fluentui/react-portal-compat-context to v9.0.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal-compat",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal-compat",
+ "comment": "Bump @fluentui/react-components to v9.18.3",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal-compat",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-portal-compat_v9.0.45",
+ "version": "9.0.45",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal-compat",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal-compat",
+ "comment": "Bump @fluentui/react-components to v9.18.2",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-portal-compat_v9.0.44",
diff --git a/packages/react-components/react-portal-compat/CHANGELOG.md b/packages/react-components/react-portal-compat/CHANGELOG.md
index 50976b0879501..3117a1ea43fce 100644
--- a/packages/react-components/react-portal-compat/CHANGELOG.md
+++ b/packages/react-components/react-portal-compat/CHANGELOG.md
@@ -1,9 +1,60 @@
# Change Log - @fluentui/react-portal-compat
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Fri, 24 Mar 2023 17:36:41 GMT and should not be manually modified.
+## [9.0.49](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.49)
+
+Fri, 24 Mar 2023 17:36:41 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.48..@fluentui/react-portal-compat_v9.0.49)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.18.6 ([PR #27321](https://github.com/microsoft/fluentui/pull/27321) by beachball)
+
+## [9.0.48](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.48)
+
+Fri, 24 Mar 2023 14:58:55 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.47..@fluentui/react-portal-compat_v9.0.48)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.18.5 ([PR #27319](https://github.com/microsoft/fluentui/pull/27319) by beachball)
+
+## [9.0.47](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.47)
+
+Fri, 24 Mar 2023 10:15:28 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.46..@fluentui/react-portal-compat_v9.0.47)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.18.4 ([PR #27317](https://github.com/microsoft/fluentui/pull/27317) by beachball)
+
+## [9.0.46](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.46)
+
+Tue, 21 Mar 2023 21:23:44 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.45..@fluentui/react-portal-compat_v9.0.46)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-portal-compat-context to v9.0.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-components to v9.18.3 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.0.45](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.45)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.44..@fluentui/react-portal-compat_v9.0.45)
+
+### Patches
+
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-components to v9.18.2 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.0.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.44)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-portal-compat/just.config.ts b/packages/react-components/react-portal-compat/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-portal-compat/just.config.ts
+++ b/packages/react-components/react-portal-compat/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-portal-compat/package.json b/packages/react-components/react-portal-compat/package.json
index 2845f53e02662..33f92fe65f248 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.44",
+ "version": "9.0.49",
"description": "A package that contains compatibility layer for React Portals",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,23 +22,23 @@
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
- "@fluentui/react-components": "^9.18.1",
- "@fluentui/react-shared-contexts": "^9.3.1",
+ "@fluentui/react-components": "^9.18.6",
+ "@fluentui/react-shared-contexts": "^9.3.3",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-cypress": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-portal-compat-context": "^9.0.4",
- "@fluentui/react-tabster": "^9.5.7",
- "tslib": "^2.1.0"
+ "@fluentui/react-portal-compat-context": "^9.0.5",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
- "@fluentui/react-components": "^9.18.1",
+ "@fluentui/react-components": "^9.18.6",
"@types/react": ">=16.8.0 <19.0.0",
"react": ">=16.8.0 <19.0.0"
},
@@ -51,6 +51,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-portal/.babelrc.json b/packages/react-components/react-portal/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-portal/.babelrc.json
+++ b/packages/react-components/react-portal/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-portal/.swcrc b/packages/react-components/react-portal/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-portal/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-portal/CHANGELOG.json b/packages/react-components/react-portal/CHANGELOG.json
index 3e91f6436ab7d..8537ed8f3bad9 100644
--- a/packages/react-components/react-portal/CHANGELOG.json
+++ b/packages/react-components/react-portal/CHANGELOG.json
@@ -1,6 +1,66 @@
{
"name": "@fluentui/react-portal",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:43 GMT",
+ "tag": "@fluentui/react-portal_v9.2.2",
+ "version": "9.2.2",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-portal",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-portal",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-portal_v9.2.1",
+ "version": "9.2.1",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-portal",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:51 GMT",
"tag": "@fluentui/react-portal_v9.2.0",
diff --git a/packages/react-components/react-portal/CHANGELOG.md b/packages/react-components/react-portal/CHANGELOG.md
index 0d09cdb1842dc..1ffae2625f3da 100644
--- a/packages/react-components/react-portal/CHANGELOG.md
+++ b/packages/react-components/react-portal/CHANGELOG.md
@@ -1,9 +1,32 @@
# Change Log - @fluentui/react-portal
-This log was last generated on Wed, 15 Mar 2023 10:19:51 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:43 GMT and should not be manually modified.
+## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.2.2)
+
+Tue, 21 Mar 2023 21:23:43 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.2.1..@fluentui/react-portal_v9.2.2)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.2.1)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.2.0..@fluentui/react-portal_v9.2.1)
+
+### Patches
+
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.2.0)
Wed, 15 Mar 2023 10:19:51 GMT
diff --git a/packages/react-components/react-portal/just.config.ts b/packages/react-components/react-portal/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-portal/just.config.ts
+++ b/packages/react-components/react-portal/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-portal/package.json b/packages/react-components/react-portal/package.json
index 6670fe5d387a6..2a5b688a72900 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.0",
+ "version": "9.2.3",
"description": "A utility component that creates portals compatible with Fluent UI",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,7 +22,7 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
@@ -31,11 +31,11 @@
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0",
+ "@swc/helpers": "^0.4.14",
"use-disposable": "^1.0.1"
},
"peerDependencies": {
@@ -53,6 +53,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-positioning/.babelrc.json b/packages/react-components/react-positioning/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-positioning/.babelrc.json
+++ b/packages/react-components/react-positioning/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-positioning/.swcrc b/packages/react-components/react-positioning/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-positioning/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-positioning/CHANGELOG.json b/packages/react-components/react-positioning/CHANGELOG.json
index ed7902835788f..d8694f8653406 100644
--- a/packages/react-components/react-positioning/CHANGELOG.json
+++ b/packages/react-components/react-positioning/CHANGELOG.json
@@ -1,6 +1,60 @@
{
"name": "@fluentui/react-positioning",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:45 GMT",
+ "tag": "@fluentui/react-positioning_v9.5.6",
+ "version": "9.5.6",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-positioning",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-positioning",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-positioning",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-positioning",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-positioning",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-positioning_v9.5.5",
+ "version": "9.5.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-positioning",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-positioning_v9.5.4",
diff --git a/packages/react-components/react-positioning/CHANGELOG.md b/packages/react-components/react-positioning/CHANGELOG.md
index bb5d2f4e6268c..f453fbb515c13 100644
--- a/packages/react-components/react-positioning/CHANGELOG.md
+++ b/packages/react-components/react-positioning/CHANGELOG.md
@@ -1,9 +1,31 @@
# Change Log - @fluentui/react-positioning
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:45 GMT and should not be manually modified.
+## [9.5.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.5.6)
+
+Tue, 21 Mar 2023 21:23:45 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.5.5..@fluentui/react-positioning_v9.5.6)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.5.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.5.5)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.5.4..@fluentui/react-positioning_v9.5.5)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.5.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.5.4)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-positioning/just.config.ts b/packages/react-components/react-positioning/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-positioning/just.config.ts
+++ b/packages/react-components/react-positioning/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-positioning/package.json b/packages/react-components/react-positioning/package.json
index 631e9d5e7fb31..49861655366ee 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.4",
+ "version": "9.5.7",
"description": "A react wrapper around Popper.js for Fluent UI",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -20,7 +20,7 @@
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
@@ -29,11 +29,11 @@
},
"dependencies": {
"@floating-ui/dom": "^1.2.0",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -49,6 +49,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-progress/.babelrc.json b/packages/react-components/react-progress/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-progress/.babelrc.json
+++ b/packages/react-components/react-progress/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-progress/.swcrc b/packages/react-components/react-progress/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-progress/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-progress/CHANGELOG.json b/packages/react-components/react-progress/CHANGELOG.json
index b491307609432..283d7dfe2f836 100644
--- a/packages/react-components/react-progress/CHANGELOG.json
+++ b/packages/react-components/react-progress/CHANGELOG.json
@@ -1,6 +1,78 @@
{
"name": "@fluentui/react-progress",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:46 GMT",
+ "tag": "@fluentui/react-progress_v9.1.5",
+ "version": "9.1.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-progress",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-progress",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-progress",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.27",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-progress",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-progress",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-progress",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-progress",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-progress_v9.1.4",
+ "version": "9.1.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-progress",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.26",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-progress",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:52 GMT",
"tag": "@fluentui/react-progress_v9.1.3",
diff --git a/packages/react-components/react-progress/CHANGELOG.md b/packages/react-components/react-progress/CHANGELOG.md
index 96edb835d0c77..7603963ea154b 100644
--- a/packages/react-components/react-progress/CHANGELOG.md
+++ b/packages/react-components/react-progress/CHANGELOG.md
@@ -1,9 +1,34 @@
# Change Log - @fluentui/react-progress
-This log was last generated on Wed, 15 Mar 2023 10:19:52 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:46 GMT and should not be manually modified.
+## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.5)
+
+Tue, 21 Mar 2023 21:23:46 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.4..@fluentui/react-progress_v9.1.5)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-field to v9.0.0-alpha.27 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.1.3..@fluentui/react-progress_v9.1.4)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.0.0-alpha.26 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.1.3)
Wed, 15 Mar 2023 10:19:52 GMT
diff --git a/packages/react-components/react-progress/just.config.ts b/packages/react-components/react-progress/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-progress/just.config.ts
+++ b/packages/react-components/react-progress/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-progress/package.json b/packages/react-components/react-progress/package.json
index 78e7ee156e911..837453e7903f9 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.3",
+ "version": "9.1.6",
"description": "Progress component for FluentUI v9",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,22 +22,22 @@
"type-check": "tsc -b tsconfig.json",
"storybook": "start-storybook",
"start": "yarn storybook",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-field": "9.0.0-alpha.25",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-field": "9.0.0-alpha.28",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -54,6 +54,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-provider/.babelrc.json b/packages/react-components/react-provider/.babelrc.json
index b805fa7f124a4..7579cfec3c84d 100644
--- a/packages/react-components/react-provider/.babelrc.json
+++ b/packages/react-components/react-provider/.babelrc.json
@@ -1,4 +1,25 @@
{
- "presets": [["@griffel", { "modules": [{ "moduleSource": "@griffel/core", "importName": "makeStyles" }] }]],
+ "presets": [
+ [
+ "@griffel",
+ {
+ "babelOptions": {
+ "plugins": [
+ [
+ "babel-plugin-module-resolver",
+ {
+ "root": ["../../../"],
+ "alias": {
+ "@fluentui/tokens": "packages/tokens/lib/index.js",
+ "^@fluentui/(?!react-icons)(.+)": "packages/react-components/\\1/lib/index.js"
+ }
+ }
+ ]
+ ]
+ },
+ "modules": [{ "moduleSource": "@griffel/core", "importName": "makeStyles" }]
+ }
+ ]
+ ],
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-provider/.swcrc b/packages/react-components/react-provider/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-provider/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-provider/CHANGELOG.json b/packages/react-components/react-provider/CHANGELOG.json
index 186c9ad6eebb9..b8933ec60a97c 100644
--- a/packages/react-components/react-provider/CHANGELOG.json
+++ b/packages/react-components/react-provider/CHANGELOG.json
@@ -1,6 +1,99 @@
{
"name": "@fluentui/react-provider",
"entries": [
+ {
+ "date": "Fri, 24 Mar 2023 10:15:27 GMT",
+ "tag": "@fluentui/react-provider_v9.5.0",
+ "version": "9.5.0",
+ "comments": {
+ "minor": [
+ {
+ "author": "lingfangao@hotmail.com",
+ "package": "@fluentui/react-provider",
+ "commit": "64d2ec1f40281eab9337df6d6065edef9ad0d312",
+ "comment": "feat: Render theme CSS variables in SSR style element"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Tue, 21 Mar 2023 21:23:47 GMT",
+ "tag": "@fluentui/react-provider_v9.4.5",
+ "version": "9.4.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-provider",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-provider",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-provider",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-provider",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-provider",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-provider",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-provider",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:58 GMT",
+ "tag": "@fluentui/react-provider_v9.4.4",
+ "version": "9.4.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "olfedias@microsoft.com",
+ "package": "@fluentui/react-provider",
+ "commit": "fe1014bbcd770a7b38a3a9a09595e93297c2da26",
+ "comment": "fix: pass proper document instance to useFocusVisible()"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-provider",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-provider",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-provider_v9.4.3",
diff --git a/packages/react-components/react-provider/CHANGELOG.md b/packages/react-components/react-provider/CHANGELOG.md
index 8dec44008cde2..8e7f000545f6f 100644
--- a/packages/react-components/react-provider/CHANGELOG.md
+++ b/packages/react-components/react-provider/CHANGELOG.md
@@ -1,9 +1,44 @@
# Change Log - @fluentui/react-provider
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Fri, 24 Mar 2023 10:15:27 GMT and should not be manually modified.
+## [9.5.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.5.0)
+
+Fri, 24 Mar 2023 10:15:27 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.4.5..@fluentui/react-provider_v9.5.0)
+
+### Minor changes
+
+- feat: Render theme CSS variables in SSR style element ([PR #27277](https://github.com/microsoft/fluentui/pull/27277) by lingfangao@hotmail.com)
+
+## [9.4.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.4.5)
+
+Tue, 21 Mar 2023 21:23:47 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.4.4..@fluentui/react-provider_v9.4.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.4.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.4.4)
+
+Thu, 16 Mar 2023 14:36:58 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.4.3..@fluentui/react-provider_v9.4.4)
+
+### Patches
+
+- fix: pass proper document instance to useFocusVisible() ([PR #27198](https://github.com/microsoft/fluentui/pull/27198) by olfedias@microsoft.com)
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.4.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.4.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-provider/etc/react-provider.api.md b/packages/react-components/react-provider/etc/react-provider.api.md
index d0255a7bceaa6..af4ee0d9cbc89 100644
--- a/packages/react-components/react-provider/etc/react-provider.api.md
+++ b/packages/react-components/react-provider/etc/react-provider.api.md
@@ -61,6 +61,10 @@ export type FluentProviderSlots = {
export type FluentProviderState = ComponentState & Pick & Required> & {
theme: ThemeContextValue_unstable;
themeClassName: string;
+ serverStyleProps: {
+ cssRule: string;
+ attributes: Record;
+ };
};
// @public
@@ -75,8 +79,13 @@ export function useFluentProviderContextValues_unstable(state: FluentProviderSta
// @public
export const useFluentProviderStyles_unstable: (state: FluentProviderState) => FluentProviderState;
-// @public
-export const useFluentProviderThemeStyleTag: (options: Pick) => string;
+// @internal
+export const useFluentProviderThemeStyleTag: (options: Pick & {
+ rendererAttributes: Record;
+}) => {
+ styleTagId: string;
+ rule: string;
+};
// (No @packageDocumentation comment for this package)
diff --git a/packages/react-components/react-provider/just.config.ts b/packages/react-components/react-provider/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-provider/just.config.ts
+++ b/packages/react-components/react-provider/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-provider/package.json b/packages/react-components/react-provider/package.json
index 62526a16e5091..5e671b3fb5fe1 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.4.3",
+ "version": "9.5.0",
"description": "Fluent UI React provider component",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,23 +22,23 @@
"storybook": "start-storybook",
"start": "yarn storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
"@griffel/core": "^1.9.0",
"@griffel/react": "^1.5.2",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
- "tslib": "^2.1.0"
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -55,6 +55,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider-node.test.tsx b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider-node.test.tsx
new file mode 100644
index 0000000000000..178716721acbd
--- /dev/null
+++ b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider-node.test.tsx
@@ -0,0 +1,74 @@
+/*
+ * @jest-environment node
+ */
+
+// 👆 this is intentionally to test in SSR like environment
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/server';
+import { resetIdsForTests } from '@fluentui/react-utilities';
+import { FluentProvider } from './FluentProvider';
+import * as prettier from 'prettier';
+import { createDOMRenderer } from '@griffel/core';
+import { RendererProvider } from '@griffel/react';
+import { PartialTheme } from '@fluentui/react-theme';
+
+const parseHTMLString = (html: string) => {
+ return prettier.format(html, { parser: 'html' });
+};
+
+describe('FluentProvider (node)', () => {
+ const testTheme: PartialTheme = {
+ colorNeutralForeground1: 'black',
+ colorNeutralBackground1: 'white',
+ };
+
+ afterEach(() => {
+ resetIdsForTests();
+ });
+
+ it('should render CSS variables as inline style', () => {
+ const html = ReactDOM.renderToStaticMarkup();
+
+ expect(parseHTMLString(html)).toMatchInlineSnapshot(`
+ "
+
+
"
+ `);
+ });
+
+ it('renders nonce with SSR style element', () => {
+ const nonce = 'random';
+ const renderer = createDOMRenderer(undefined, {
+ styleElementAttributes: { nonce },
+ });
+
+ const html = ReactDOM.renderToStaticMarkup(
+
+
+ ,
+ );
+
+ expect(parseHTMLString(html)).toMatchInlineSnapshot(`
+ "
+
+
"
+ `);
+ });
+});
diff --git a/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.test.tsx b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.test.tsx
index 7d0e5992c44da..edf895890f0d7 100644
--- a/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.test.tsx
+++ b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.test.tsx
@@ -1,10 +1,11 @@
import { resetIdsForTests } from '@fluentui/react-utilities';
import { render } from '@testing-library/react';
import * as React from 'react';
-import * as renderer from 'react-test-renderer';
+import * as reactTestRenderer from 'react-test-renderer';
import { FluentProvider } from './FluentProvider';
import { isConformant } from '../../testing/isConformant';
+import { teamsLightTheme } from '@fluentui/react-theme';
describe('FluentProvider', () => {
// eslint-disable-next-line @typescript-eslint/no-empty-function
@@ -28,13 +29,18 @@ describe('FluentProvider', () => {
* Note: see more visual regression tests for FluentProvider in /apps/vr-tests.
*/
it('renders a default state', () => {
- const component = renderer.create(
+ const component = reactTestRenderer.create(
Default FluentProvider,
);
const tree = component.toJSON();
expect(tree).toMatchSnapshot();
});
+ it('does not render style element when not in SSR', () => {
+ const { container } = render();
+ expect(container.querySelector('style')).toBeNull();
+ });
+
describe('applies "dir" attribute', () => {
it('ltr', () => {
const { getByText } = render(Test);
diff --git a/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.types.ts b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.types.ts
index 3d6f2230e564f..462d4293f76a8 100644
--- a/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.types.ts
+++ b/packages/react-components/react-provider/src/components/FluentProvider/FluentProvider.types.ts
@@ -48,6 +48,19 @@ export type FluentProviderState = ComponentState &
> & {
theme: ThemeContextValue;
themeClassName: string;
+ /**
+ * Props used to render SSR theme variables style element
+ */
+ serverStyleProps: {
+ /**
+ * CSS rule containing CSS variables
+ */
+ cssRule: string;
+ /**
+ * Additional attributes applied to the style element
+ */
+ attributes: Record;
+ };
};
export type FluentProviderContextValues = Pick<
diff --git a/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx b/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx
index d7af3e313d314..9276aab3c6f29 100644
--- a/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx
+++ b/packages/react-components/react-provider/src/components/FluentProvider/renderFluentProvider.tsx
@@ -9,8 +9,8 @@ import {
CustomStyleHooksProvider_unstable as CustomStyleHooksProvider,
CustomStyleHooksContextValue_unstable as CustomStyleHooksContextValue,
} from '@fluentui/react-shared-contexts';
-import { getSlots } from '@fluentui/react-utilities';
-import type { FluentProviderSlots, FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';
+import { canUseDOM, getSlots } from '@fluentui/react-utilities';
+import type { FluentProviderContextValues, FluentProviderState, FluentProviderSlots } from './FluentProvider.types';
/**
* Render the final JSX of FluentProvider
@@ -35,7 +35,18 @@ export const renderFluentProvider_unstable = (
- {state.root.children}
+
+ {canUseDOM() ? null : (
+
+ )}
+ {slotProps.root.children}
+
diff --git a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProvider.ts b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProvider.ts
index faf476bb6b2b2..d1ef14183c685 100644
--- a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProvider.ts
+++ b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProvider.ts
@@ -14,6 +14,7 @@ import { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities'
import * as React from 'react';
import { useFluentProviderThemeStyleTag } from './useFluentProviderThemeStyleTag';
import type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';
+import { useRenderer_unstable } from '@griffel/react';
/**
* Create the state required to render FluentProvider.
@@ -69,6 +70,12 @@ export const useFluentProvider_unstable = (
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
+ const renderer = useRenderer_unstable();
+ const { styleTagId, rule } = useFluentProviderThemeStyleTag({
+ theme: mergedTheme,
+ targetDocument,
+ rendererAttributes: renderer.styleElementAttributes ?? {},
+ });
return {
applyStylesToPortals,
// eslint-disable-next-line @typescript-eslint/naming-convention
@@ -78,7 +85,7 @@ export const useFluentProvider_unstable = (
theme: mergedTheme,
// eslint-disable-next-line @typescript-eslint/naming-convention
overrides_unstable: mergedOverrides,
- themeClassName: useFluentProviderThemeStyleTag({ theme: mergedTheme, targetDocument }),
+ themeClassName: styleTagId,
components: {
root: 'div',
@@ -89,6 +96,14 @@ export const useFluentProvider_unstable = (
dir,
ref: useMergedRefs(ref, useFocusVisible({ targetDocument })),
}),
+
+ serverStyleProps: {
+ cssRule: rule,
+ attributes: {
+ ...renderer.styleElementAttributes,
+ id: styleTagId,
+ },
+ },
};
};
diff --git a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.test.tsx b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.test.tsx
index 44e6b104d0b6c..4f59835acae0a 100644
--- a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.test.tsx
+++ b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.test.tsx
@@ -1,12 +1,18 @@
-import { createDOMRenderer, RendererProvider } from '@griffel/react';
import type { Theme } from '@fluentui/react-theme';
import { resetIdsForTests } from '@fluentui/react-utilities';
import { renderHook } from '@testing-library/react-hooks';
-import * as React from 'react';
import { useFluentProviderThemeStyleTag } from './useFluentProviderThemeStyleTag';
jest.mock('@fluentui/react-theme');
+const createDocumentMock = (): Document => {
+ const externalDocument = document.implementation.createDocument('http://www.w3.org/1999/xhtml', 'html', null);
+ const body = document.createElement('body');
+ const head = document.createElement('head');
+ externalDocument.documentElement.appendChild(head);
+ externalDocument.documentElement.appendChild(body);
+ return externalDocument;
+};
describe('useFluentProviderThemeStyleTag', () => {
const defaultTheme = {
@@ -21,70 +27,91 @@ describe('useFluentProviderThemeStyleTag', () => {
it('should render style tag', () => {
// Act
const { result } = renderHook(() =>
- useFluentProviderThemeStyleTag({ theme: defaultTheme, targetDocument: document }),
+ useFluentProviderThemeStyleTag({
+ theme: defaultTheme,
+ targetDocument: document,
+ rendererAttributes: {},
+ }),
);
// Assert
- expect(document.getElementById(result.current)).not.toBeNull();
+ expect(document.getElementById(result.current.styleTagId)).not.toBeNull();
});
it('should remove style tag on unmount', () => {
// Arrange
const { result, unmount } = renderHook(() =>
- useFluentProviderThemeStyleTag({ theme: defaultTheme, targetDocument: document }),
+ useFluentProviderThemeStyleTag({ theme: defaultTheme, targetDocument: document, rendererAttributes: {} }),
);
// Act
unmount();
// Assert
- expect(document.getElementById(result.current)).toBeNull();
+ expect(document.getElementById(result.current.styleTagId)).toBeNull();
});
it('should render css variables in theme', () => {
// Act
const { result } = renderHook(() =>
- useFluentProviderThemeStyleTag({ theme: defaultTheme, targetDocument: document }),
+ useFluentProviderThemeStyleTag({ theme: defaultTheme, targetDocument: document, rendererAttributes: {} }),
);
// Assert
- const tag = document.getElementById(result.current) as HTMLStyleElement;
+ const tag = document.getElementById(result.current.styleTagId) as HTMLStyleElement;
const sheet = tag.sheet as CSSStyleSheet;
const rule = sheet.cssRules[0] as CSSStyleRule;
- expect(rule.selectorText).toEqual(`.${result.current}`);
+ expect(rule.selectorText).toEqual(`.${result.current.styleTagId}`);
expect(rule.cssText).toMatchInlineSnapshot(`".fui-FluentProvider1 {--css-variable-1: 1; --css-variable-2: 2;}"`);
});
it('should update style tag on theme change', () => {
// Arrange
let theme = defaultTheme;
- const { result, rerender } = renderHook(() => useFluentProviderThemeStyleTag({ theme, targetDocument: document }));
+ const { result, rerender } = renderHook(() =>
+ useFluentProviderThemeStyleTag({ theme, targetDocument: document, rendererAttributes: {} }),
+ );
// Act
theme = { 'css-variable-update': 'xxx' } as unknown as Theme;
rerender();
// Assert
- const tag = document.getElementById(result.current) as HTMLStyleElement;
+ const tag = document.getElementById(result.current.styleTagId) as HTMLStyleElement;
const sheet = tag.sheet as CSSStyleSheet;
const rule = sheet.cssRules[0] as CSSStyleRule;
- expect(rule.selectorText).toEqual(`.${result.current}`);
+ expect(rule.selectorText).toEqual(`.${result.current.styleTagId}`);
expect(rule.cssText).toMatchInlineSnapshot(`".fui-FluentProvider1 {--css-variable-update: xxx;}"`);
});
it('should update style tag on theme change', () => {
- const renderer = createDOMRenderer(document, {
- styleElementAttributes: { nonce: 'random' },
- });
-
- const { result } = renderHook(
- () => useFluentProviderThemeStyleTag({ theme: defaultTheme, targetDocument: document }),
- { wrapper: props => {props.children} },
+ const { result } = renderHook(() =>
+ useFluentProviderThemeStyleTag({
+ theme: defaultTheme,
+ targetDocument: document,
+ rendererAttributes: { nonce: 'random' },
+ }),
);
- const tag = document.getElementById(result.current) as HTMLStyleElement;
+ const tag = document.getElementById(result.current.styleTagId) as HTMLStyleElement;
expect(tag.getAttribute('id')).toBe('fui-FluentProvider1');
expect(tag.getAttribute('nonce')).toBe('random');
});
+
+ it('should move style tags in body to head on first render', () => {
+ const targetDocument = createDocumentMock();
+ const ssrStyleElement = targetDocument.createElement('style');
+ // Kinda hacky - assume the useId call returns as expected (ids are reset after each test)
+ ssrStyleElement.setAttribute('id', 'fui-FluentProvider1');
+ targetDocument.body.append(ssrStyleElement);
+
+ jest.spyOn(targetDocument, 'createElement');
+ renderHook(() => useFluentProviderThemeStyleTag({ theme: defaultTheme, targetDocument, rendererAttributes: {} }));
+
+ expect(targetDocument.body.querySelector('style')).toBeNull();
+ expect(targetDocument.head.querySelectorAll('style').length).toBe(1);
+ // eslint-disable-next-line deprecation/deprecation
+ expect(targetDocument.createElement).toHaveBeenCalledTimes(0);
+ });
});
diff --git a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts
index afe33b6d5bef8..4145979442488 100644
--- a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts
+++ b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts
@@ -1,5 +1,4 @@
import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
-import { useRenderer_unstable } from '@griffel/react';
import * as React from 'react';
import type { FluentProviderState } from './FluentProvider.types';
@@ -41,17 +40,18 @@ const insertSheet = (tag: HTMLStyleElement, rule: string) => {
/**
* Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class
- *
+ * @internal
* @returns CSS class to apply the rule
*/
-export const useFluentProviderThemeStyleTag = (options: Pick) => {
- const { targetDocument, theme } = options;
+export const useFluentProviderThemeStyleTag = (
+ options: Pick & { rendererAttributes: Record },
+) => {
+ const { targetDocument, theme, rendererAttributes } = options;
- const renderer = useRenderer_unstable();
- const styleTag = React.useRef();
+ const styleTag = React.useRef();
const styleTagId = useId(fluentProviderClassNames.root);
- const styleElementAttributes = renderer.styleElementAttributes;
+ const styleElementAttributes = rendererAttributes;
const cssVarsAsString = React.useMemo(() => {
return theme
@@ -64,17 +64,40 @@ export const useFluentProviderThemeStyleTag = (options: Pick {
- styleTag.current = createStyleTag(targetDocument, { ...styleElementAttributes, id: styleTagId });
-
- if (styleTag.current) {
- insertSheet(styleTag.current, rule);
-
- return () => {
- styleTag.current?.remove();
- };
+ // The style element could already have been created during SSR - no need to recreate it
+ const ssrStyleElement = targetDocument?.getElementById(styleTagId);
+ if (ssrStyleElement) {
+ styleTag.current = ssrStyleElement as HTMLStyleElement;
+ } else {
+ styleTag.current = createStyleTag(targetDocument, { ...styleElementAttributes, id: styleTagId });
+ if (styleTag.current) {
+ insertSheet(styleTag.current, rule);
+ }
}
+
+ return () => {
+ styleTag.current?.remove();
+ };
}, [styleTagId, targetDocument, rule, styleElementAttributes]);
- return styleTagId;
+ return { styleTagId, rule };
};
+
+function useHandleSSRStyleElements(targetDocument: Document | undefined | null, styleTagId: string) {
+ // Using a state factory so that this logic only runs once per render
+ // Each FluentProvider can create its own style element during SSR as a slot
+ // Moves all theme style elements to document head during render to avoid hydration errors.
+ // Should be strict mode safe since the logic is idempotent.
+ React.useState(() => {
+ if (!targetDocument) {
+ return;
+ }
+
+ const themeStyleElement = targetDocument.getElementById(styleTagId);
+ if (themeStyleElement) {
+ targetDocument.head.append(themeStyleElement);
+ }
+ });
+}
diff --git a/packages/react-components/react-radio/.babelrc.json b/packages/react-components/react-radio/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-radio/.babelrc.json
+++ b/packages/react-components/react-radio/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-radio/.swcrc b/packages/react-components/react-radio/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-radio/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-radio/CHANGELOG.json b/packages/react-components/react-radio/CHANGELOG.json
index 85b5815fee7f8..12de63dc9d9e9 100644
--- a/packages/react-components/react-radio/CHANGELOG.json
+++ b/packages/react-components/react-radio/CHANGELOG.json
@@ -1,6 +1,120 @@
{
"name": "@fluentui/react-radio",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:48 GMT",
+ "tag": "@fluentui/react-radio_v9.1.5",
+ "version": "9.1.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "makotom@microsoft.com",
+ "package": "@fluentui/react-radio",
+ "commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
+ "comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-radio",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-radio",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.27",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-label to v9.1.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-radio_v9.1.4",
+ "version": "9.1.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.26",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-label to v9.1.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-radio",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-radio_v9.1.3",
diff --git a/packages/react-components/react-radio/CHANGELOG.md b/packages/react-components/react-radio/CHANGELOG.md
index 187dd993bf584..5d6dd9a5861ec 100644
--- a/packages/react-components/react-radio/CHANGELOG.md
+++ b/packages/react-components/react-radio/CHANGELOG.md
@@ -1,9 +1,41 @@
# Change Log - @fluentui/react-radio
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:48 GMT and should not be manually modified.
+## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.5)
+
+Tue, 21 Mar 2023 21:23:48 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.1.4..@fluentui/react-radio_v9.1.5)
+
+### Patches
+
+- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-context-selector to v9.1.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-field to v9.0.0-alpha.27 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-label to v9.1.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.1.3..@fluentui/react-radio_v9.1.4)
+
+### Patches
+
+- Bump @fluentui/react-context-selector to v9.1.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-field to v9.0.0-alpha.26 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-label to v9.1.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.1.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-radio/just.config.ts b/packages/react-components/react-radio/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-radio/just.config.ts
+++ b/packages/react-components/react-radio/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-radio/package.json b/packages/react-components/react-radio/package.json
index b2de5be6307f1..08ef0d00c413e 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.3",
+ "version": "9.1.6",
"description": "Fluent UI Radio component",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,26 +22,26 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-context-selector": "^9.1.13",
- "@fluentui/react-field": "9.0.0-alpha.25",
- "@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-label": "^9.1.3",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-context-selector": "^9.1.15",
+ "@fluentui/react-field": "9.0.0-alpha.28",
+ "@fluentui/react-icons": "^2.0.196",
+ "@fluentui/react-label": "^9.1.6",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -59,6 +59,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-select/.babelrc.json b/packages/react-components/react-select/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-select/.babelrc.json
+++ b/packages/react-components/react-select/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-select/.swcrc b/packages/react-components/react-select/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-select/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-select/CHANGELOG.json b/packages/react-components/react-select/CHANGELOG.json
index 7f944f053182d..88dfd9c5559a6 100644
--- a/packages/react-components/react-select/CHANGELOG.json
+++ b/packages/react-components/react-select/CHANGELOG.json
@@ -1,6 +1,99 @@
{
"name": "@fluentui/react-select",
"entries": [
+ {
+ "date": "Fri, 24 Mar 2023 17:36:41 GMT",
+ "tag": "@fluentui/react-select_v9.1.6",
+ "version": "9.1.6",
+ "comments": {
+ "none": [
+ {
+ "author": "lingfangao@hotmail.com",
+ "package": "@fluentui/react-select",
+ "commit": "899de68739acdff9e641a1baedec097a6bc07309",
+ "comment": "Sync with npm released version"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Tue, 21 Mar 2023 21:23:49 GMT",
+ "tag": "@fluentui/react-select_v9.1.5",
+ "version": "9.1.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-select",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-select",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "makotom@microsoft.com",
+ "package": "@fluentui/react-select",
+ "commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
+ "comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-select",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.27",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-select",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-select",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-select",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-select",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-select_v9.1.4",
+ "version": "9.1.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-select",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.26",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-select",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-select_v9.1.3",
diff --git a/packages/react-components/react-select/CHANGELOG.md b/packages/react-components/react-select/CHANGELOG.md
index 13b5582dd193d..6b311efbf0939 100644
--- a/packages/react-components/react-select/CHANGELOG.md
+++ b/packages/react-components/react-select/CHANGELOG.md
@@ -1,9 +1,35 @@
# Change Log - @fluentui/react-select
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:49 GMT and should not be manually modified.
+## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.5)
+
+Tue, 21 Mar 2023 21:23:49 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.4..@fluentui/react-select_v9.1.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
+- Bump @fluentui/react-field to v9.0.0-alpha.27 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.1.3..@fluentui/react-select_v9.1.4)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.0.0-alpha.26 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.1.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-select/just.config.ts b/packages/react-components/react-select/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-select/just.config.ts
+++ b/packages/react-components/react-select/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-select/package.json b/packages/react-components/react-select/package.json
index ead8b102d2269..956f350f2175a 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.3",
+ "version": "9.1.6",
"description": "Fluent UI React Select component",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,23 +22,23 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-field": "9.0.0-alpha.25",
- "@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-field": "9.0.0-alpha.28",
+ "@fluentui/react-icons": "^2.0.196",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -47,7 +47,6 @@
"react-dom": ">=16.8.0 <19.0.0"
},
"beachball": {
- "tag": "beta",
"disallowedChangeTypes": [
"major",
"prerelease"
@@ -56,6 +55,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-select/src/components/Select/__snapshots__/Select.test.tsx.snap b/packages/react-components/react-select/src/components/Select/__snapshots__/Select.test.tsx.snap
index 7772d28caff9e..c4a007fc6f291 100644
--- a/packages/react-components/react-select/src/components/Select/__snapshots__/Select.test.tsx.snap
+++ b/packages/react-components/react-select/src/components/Select/__snapshots__/Select.test.tsx.snap
@@ -48,7 +48,7 @@ exports[`Select renders option children 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
@@ -78,7 +78,7 @@ exports[`Select renders the default state 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
diff --git a/packages/react-components/react-shared-contexts/.babelrc.json b/packages/react-components/react-shared-contexts/.babelrc.json
index 0b00fa93139ea..38bf1f7a945cf 100644
--- a/packages/react-components/react-shared-contexts/.babelrc.json
+++ b/packages/react-components/react-shared-contexts/.babelrc.json
@@ -1,4 +1,3 @@
{
- "presets": [],
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-shared-contexts/.swcrc b/packages/react-components/react-shared-contexts/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-shared-contexts/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-shared-contexts/CHANGELOG.json b/packages/react-components/react-shared-contexts/CHANGELOG.json
index 16bb4eb21df29..f7dfddd0b52a2 100644
--- a/packages/react-components/react-shared-contexts/CHANGELOG.json
+++ b/packages/react-components/react-shared-contexts/CHANGELOG.json
@@ -1,6 +1,33 @@
{
"name": "@fluentui/react-shared-contexts",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:01 GMT",
+ "tag": "@fluentui/react-shared-contexts_v9.3.2",
+ "version": "9.3.2",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-shared-contexts",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-shared-contexts",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-shared-contexts",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-shared-contexts_v9.3.1",
diff --git a/packages/react-components/react-shared-contexts/CHANGELOG.md b/packages/react-components/react-shared-contexts/CHANGELOG.md
index 9967e4188717f..c5f6c310f640b 100644
--- a/packages/react-components/react-shared-contexts/CHANGELOG.md
+++ b/packages/react-components/react-shared-contexts/CHANGELOG.md
@@ -1,9 +1,20 @@
# Change Log - @fluentui/react-shared-contexts
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:01 GMT and should not be manually modified.
+## [9.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-shared-contexts_v9.3.2)
+
+Tue, 21 Mar 2023 21:23:01 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-shared-contexts_v9.3.1..@fluentui/react-shared-contexts_v9.3.2)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-shared-contexts_v9.3.1)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md b/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md
index a2a2273a5e0d7..f4993f6c6d8e7 100644
--- a/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md
+++ b/packages/react-components/react-shared-contexts/etc/react-shared-contexts.api.md
@@ -22,6 +22,10 @@ export type CustomStyleHooksContextValue_unstable = {
useAvatarGroupPopoverStyles_unstable: CustomStyleHook;
useBadgeStyles_unstable: CustomStyleHook;
useCounterBadgeStyles_unstable: CustomStyleHook;
+ useCardHeaderStyles_unstable: CustomStyleHook;
+ useCardStyles_unstable: CustomStyleHook;
+ useCardFooterStyles_unstable: CustomStyleHook;
+ useCardPreviewStyles_unstable: CustomStyleHook;
usePresenceBadgeStyles_unstable: CustomStyleHook;
useButtonStyles_unstable: CustomStyleHook;
useCompoundButtonStyles_unstable: CustomStyleHook;
diff --git a/packages/react-components/react-shared-contexts/just.config.ts b/packages/react-components/react-shared-contexts/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-shared-contexts/just.config.ts
+++ b/packages/react-components/react-shared-contexts/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-shared-contexts/package.json b/packages/react-components/react-shared-contexts/package.json
index eceeaf05cad77..2e8e61501fc6a 100644
--- a/packages/react-components/react-shared-contexts/package.json
+++ b/packages/react-components/react-shared-contexts/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/react-shared-contexts",
- "version": "9.3.1",
+ "version": "9.3.3",
"description": "Fluent UI React Contexts shared by multiple components.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -19,7 +19,7 @@
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
@@ -27,8 +27,8 @@
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-theme": "^9.1.6",
- "tslib": "^2.1.0"
+ "@fluentui/react-theme": "^9.1.7",
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -43,6 +43,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts b/packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts
index 14c9cca2af054..9f03c236e0a1c 100644
--- a/packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts
+++ b/packages/react-components/react-shared-contexts/src/CustomStyleHooksContext/CustomStyleHooksContext.ts
@@ -16,6 +16,10 @@ export type CustomStyleHooksContextValue = {
useAvatarGroupPopoverStyles_unstable: CustomStyleHook;
useBadgeStyles_unstable: CustomStyleHook;
useCounterBadgeStyles_unstable: CustomStyleHook;
+ useCardHeaderStyles_unstable: CustomStyleHook;
+ useCardStyles_unstable: CustomStyleHook;
+ useCardFooterStyles_unstable: CustomStyleHook;
+ useCardPreviewStyles_unstable: CustomStyleHook;
usePresenceBadgeStyles_unstable: CustomStyleHook;
useButtonStyles_unstable: CustomStyleHook;
useCompoundButtonStyles_unstable: CustomStyleHook;
@@ -104,6 +108,10 @@ const customStyleHooksContextDefaultValue: CustomStyleHooksContextValue = {
useAvatarGroupPopoverStyles_unstable: noop,
useBadgeStyles_unstable: noop,
useCounterBadgeStyles_unstable: noop,
+ useCardHeaderStyles_unstable: noop,
+ useCardStyles_unstable: noop,
+ useCardFooterStyles_unstable: noop,
+ useCardPreviewStyles_unstable: noop,
usePresenceBadgeStyles_unstable: noop,
useButtonStyles_unstable: noop,
useCompoundButtonStyles_unstable: noop,
diff --git a/packages/react-components/react-skeleton/.babelrc.json b/packages/react-components/react-skeleton/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-skeleton/.babelrc.json
+++ b/packages/react-components/react-skeleton/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-skeleton/.swcrc b/packages/react-components/react-skeleton/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-skeleton/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-skeleton/CHANGELOG.json b/packages/react-components/react-skeleton/CHANGELOG.json
index 199120012c4d2..2f855488a951c 100644
--- a/packages/react-components/react-skeleton/CHANGELOG.json
+++ b/packages/react-components/react-skeleton/CHANGELOG.json
@@ -1,6 +1,78 @@
{
"name": "@fluentui/react-skeleton",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:02 GMT",
+ "tag": "@fluentui/react-skeleton_v9.0.0-beta.4",
+ "version": "9.0.0-beta.4",
+ "comments": {
+ "prerelease": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-skeleton",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-skeleton",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-skeleton",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.27",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-skeleton",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-skeleton",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-skeleton",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-skeleton",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-skeleton_v9.0.0-beta.3",
+ "version": "9.0.0-beta.3",
+ "comments": {
+ "prerelease": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-skeleton",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.26",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-skeleton",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-skeleton_v9.0.0-beta.2",
diff --git a/packages/react-components/react-skeleton/CHANGELOG.md b/packages/react-components/react-skeleton/CHANGELOG.md
index 66f7abfcdcc18..bf11f68d1e04c 100644
--- a/packages/react-components/react-skeleton/CHANGELOG.md
+++ b/packages/react-components/react-skeleton/CHANGELOG.md
@@ -1,9 +1,34 @@
# Change Log - @fluentui/react-skeleton
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:02 GMT and should not be manually modified.
+## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.0-beta.4)
+
+Tue, 21 Mar 2023 21:23:02 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.0-beta.3..@fluentui/react-skeleton_v9.0.0-beta.4)
+
+### Changes
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-field to v9.0.0-alpha.27 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.0-beta.3)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.0-beta.2..@fluentui/react-skeleton_v9.0.0-beta.3)
+
+### Changes
+
+- Bump @fluentui/react-field to v9.0.0-alpha.26 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.0-beta.2)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-skeleton/just.config.ts b/packages/react-components/react-skeleton/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-skeleton/just.config.ts
+++ b/packages/react-components/react-skeleton/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-skeleton/package.json b/packages/react-components/react-skeleton/package.json
index ea7c3d07fb0db..9f5804b2f026a 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.2",
+ "version": "9.0.0-beta.5",
"description": "Converged v9 Skeleton Component",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -18,7 +18,7 @@
"just": "just-scripts",
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor",
+ "generate-api": "just-scripts generate-api",
"type-check": "tsc -b tsconfig.json",
"storybook": "start-storybook",
"start": "yarn storybook"
@@ -26,17 +26,17 @@
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-field": "9.0.0-alpha.25",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-field": "9.0.0-alpha.28",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -54,6 +54,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-slider/.babelrc.json b/packages/react-components/react-slider/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-slider/.babelrc.json
+++ b/packages/react-components/react-slider/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-slider/.swcrc b/packages/react-components/react-slider/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-slider/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-slider/CHANGELOG.json b/packages/react-components/react-slider/CHANGELOG.json
index b8665b407749d..7b70d72e8e59e 100644
--- a/packages/react-components/react-slider/CHANGELOG.json
+++ b/packages/react-components/react-slider/CHANGELOG.json
@@ -1,6 +1,102 @@
{
"name": "@fluentui/react-slider",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:02 GMT",
+ "tag": "@fluentui/react-slider_v9.1.5",
+ "version": "9.1.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-slider",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-slider",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-slider",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.27",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-slider",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-slider",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-slider",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-slider",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-slider",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-slider",
+ "comment": "Bump @fluentui/react-label to v9.1.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-slider_v9.1.4",
+ "version": "9.1.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-slider",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.26",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-slider",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-slider",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-slider",
+ "comment": "Bump @fluentui/react-label to v9.1.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-slider_v9.1.3",
diff --git a/packages/react-components/react-slider/CHANGELOG.md b/packages/react-components/react-slider/CHANGELOG.md
index a6d661d24f350..a0d410b081227 100644
--- a/packages/react-components/react-slider/CHANGELOG.md
+++ b/packages/react-components/react-slider/CHANGELOG.md
@@ -1,9 +1,38 @@
# Change Log - @fluentui/react-slider
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:02 GMT and should not be manually modified.
+## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.5)
+
+Tue, 21 Mar 2023 21:23:02 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.1.4..@fluentui/react-slider_v9.1.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-field to v9.0.0-alpha.27 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-label to v9.1.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.1.3..@fluentui/react-slider_v9.1.4)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.0.0-alpha.26 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-label to v9.1.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.1.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-slider/just.config.ts b/packages/react-components/react-slider/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-slider/just.config.ts
+++ b/packages/react-components/react-slider/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-slider/package.json b/packages/react-components/react-slider/package.json
index 387596b75cb78..4c02dcfae0d01 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.3",
+ "version": "9.1.6",
"description": "Fluent UI React Slider component.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,24 +22,24 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
- "@fluentui/react-label": "^9.1.3",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
+ "@fluentui/react-label": "^9.1.6",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
"@griffel/react": "^1.5.2",
- "@fluentui/react-field": "9.0.0-alpha.25",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
- "tslib": "^2.1.0"
+ "@fluentui/react-field": "9.0.0-alpha.28",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -56,6 +56,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-spinbutton/.babelrc.json b/packages/react-components/react-spinbutton/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-spinbutton/.babelrc.json
+++ b/packages/react-components/react-spinbutton/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-spinbutton/.swcrc b/packages/react-components/react-spinbutton/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-spinbutton/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-spinbutton/CHANGELOG.json b/packages/react-components/react-spinbutton/CHANGELOG.json
index e26f54a9d4bbf..0b9f38e29f49d 100644
--- a/packages/react-components/react-spinbutton/CHANGELOG.json
+++ b/packages/react-components/react-spinbutton/CHANGELOG.json
@@ -1,6 +1,102 @@
{
"name": "@fluentui/react-spinbutton",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:03 GMT",
+ "tag": "@fluentui/react-spinbutton_v9.2.5",
+ "version": "9.2.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-spinbutton",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-spinbutton",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "makotom@microsoft.com",
+ "package": "@fluentui/react-spinbutton",
+ "commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
+ "comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinbutton",
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinbutton",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.27",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinbutton",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinbutton",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinbutton",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinbutton",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinbutton",
+ "comment": "Bump @fluentui/react-label to v9.1.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-spinbutton_v9.2.4",
+ "version": "9.2.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinbutton",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.26",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinbutton",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinbutton",
+ "comment": "Bump @fluentui/react-label to v9.1.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-spinbutton_v9.2.3",
diff --git a/packages/react-components/react-spinbutton/CHANGELOG.md b/packages/react-components/react-spinbutton/CHANGELOG.md
index 17a4a014125f1..eb90c558c0c3b 100644
--- a/packages/react-components/react-spinbutton/CHANGELOG.md
+++ b/packages/react-components/react-spinbutton/CHANGELOG.md
@@ -1,9 +1,38 @@
# Change Log - @fluentui/react-spinbutton
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:03 GMT and should not be manually modified.
+## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.5)
+
+Tue, 21 Mar 2023 21:23:03 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.4..@fluentui/react-spinbutton_v9.2.5)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-field to v9.0.0-alpha.27 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-label to v9.1.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.2.3..@fluentui/react-spinbutton_v9.2.4)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.0.0-alpha.26 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-label to v9.1.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.2.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-spinbutton/just.config.ts b/packages/react-components/react-spinbutton/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-spinbutton/just.config.ts
+++ b/packages/react-components/react-spinbutton/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-spinbutton/package.json b/packages/react-components/react-spinbutton/package.json
index 2ac9bbfb34678..de9ff0785c641 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.3",
+ "version": "9.2.6",
"description": "Fluent UI React SpinButton component.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,25 +22,25 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
- "@fluentui/react-label": "^9.1.3",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
+ "@fluentui/react-label": "^9.1.6",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
"@griffel/react": "^1.5.2",
- "@fluentui/keyboard-keys": "^9.0.1",
- "@fluentui/react-field": "9.0.0-alpha.25",
- "@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
- "tslib": "^2.1.0"
+ "@fluentui/keyboard-keys": "^9.0.2",
+ "@fluentui/react-field": "9.0.0-alpha.28",
+ "@fluentui/react-icons": "^2.0.196",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -57,6 +57,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-spinner/.babelrc.json b/packages/react-components/react-spinner/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-spinner/.babelrc.json
+++ b/packages/react-components/react-spinner/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-spinner/.swcrc b/packages/react-components/react-spinner/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-spinner/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-spinner/CHANGELOG.json b/packages/react-components/react-spinner/CHANGELOG.json
index ebe28a22c68f1..cfe8e022a1c28 100644
--- a/packages/react-components/react-spinner/CHANGELOG.json
+++ b/packages/react-components/react-spinner/CHANGELOG.json
@@ -1,6 +1,78 @@
{
"name": "@fluentui/react-spinner",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:04 GMT",
+ "tag": "@fluentui/react-spinner_v9.1.5",
+ "version": "9.1.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-spinner",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-spinner",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinner",
+ "comment": "Bump @fluentui/react-label to v9.1.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinner",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinner",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinner",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinner",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-spinner_v9.1.4",
+ "version": "9.1.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinner",
+ "comment": "Bump @fluentui/react-label to v9.1.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-spinner",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-spinner_v9.1.3",
diff --git a/packages/react-components/react-spinner/CHANGELOG.md b/packages/react-components/react-spinner/CHANGELOG.md
index 8adcb8411e2ea..bb16401f9ea6c 100644
--- a/packages/react-components/react-spinner/CHANGELOG.md
+++ b/packages/react-components/react-spinner/CHANGELOG.md
@@ -1,9 +1,34 @@
# Change Log - @fluentui/react-spinner
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:04 GMT and should not be manually modified.
+## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.1.5)
+
+Tue, 21 Mar 2023 21:23:04 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.1.4..@fluentui/react-spinner_v9.1.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-label to v9.1.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.1.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.1.3..@fluentui/react-spinner_v9.1.4)
+
+### Patches
+
+- Bump @fluentui/react-label to v9.1.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.1.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-spinner/just.config.ts b/packages/react-components/react-spinner/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-spinner/just.config.ts
+++ b/packages/react-components/react-spinner/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-spinner/package.json b/packages/react-components/react-spinner/package.json
index ca726b51dd2d9..1ab89c971fbbe 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.3",
+ "version": "9.1.6",
"description": "Spinner component for Fluent UI React",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,22 +22,22 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-label": "^9.1.3",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-label": "^9.1.6",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -54,6 +54,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-storybook-addon-codesandbox/.babelrc.json b/packages/react-components/react-storybook-addon-codesandbox/.babelrc.json
index 80286a9e4c250..38bf1f7a945cf 100644
--- a/packages/react-components/react-storybook-addon-codesandbox/.babelrc.json
+++ b/packages/react-components/react-storybook-addon-codesandbox/.babelrc.json
@@ -1,4 +1,3 @@
{
- "presets": [],
- "plugins": ["annotate-pure-calls"]
+ "plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-storybook-addon-codesandbox/.swcrc b/packages/react-components/react-storybook-addon-codesandbox/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-storybook-addon-codesandbox/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-storybook-addon-codesandbox/just.config.ts b/packages/react-components/react-storybook-addon-codesandbox/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-storybook-addon-codesandbox/just.config.ts
+++ b/packages/react-components/react-storybook-addon-codesandbox/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-storybook-addon-codesandbox/package.json b/packages/react-components/react-storybook-addon-codesandbox/package.json
index 5e97e5f4a6a80..982cf0add8ee8 100644
--- a/packages/react-components/react-storybook-addon-codesandbox/package.json
+++ b/packages/react-components/react-storybook-addon-codesandbox/package.json
@@ -19,7 +19,7 @@
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
@@ -27,9 +27,9 @@
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "tslib": "^2.1.0",
- "codesandbox-import-utils": "2.2.3",
+ "@swc/helpers": "^0.4.14",
"@types/dedent": "0.7.0",
+ "codesandbox-import-utils": "2.2.3",
"dedent": "0.7.0"
},
"peerDependencies": {
@@ -38,11 +38,10 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "import": "./lib/index.js",
+ "node": "./lib-commonjs/index.js",
"require": "./lib-commonjs/index.js"
},
- "./preset": {
- "require": "./preset.js"
- },
"./package.json": "./package.json"
}
}
diff --git a/packages/react-components/react-storybook-addon/.babelrc.json b/packages/react-components/react-storybook-addon/.babelrc.json
index 0b00fa93139ea..38bf1f7a945cf 100644
--- a/packages/react-components/react-storybook-addon/.babelrc.json
+++ b/packages/react-components/react-storybook-addon/.babelrc.json
@@ -1,4 +1,3 @@
{
- "presets": [],
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-storybook-addon/.swcrc b/packages/react-components/react-storybook-addon/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-storybook-addon/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-storybook-addon/just.config.ts b/packages/react-components/react-storybook-addon/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-storybook-addon/just.config.ts
+++ b/packages/react-components/react-storybook-addon/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-storybook-addon/package.json b/packages/react-components/react-storybook-addon/package.json
index 1db7e8495d289..c3b7f725e53e2 100644
--- a/packages/react-components/react-storybook-addon/package.json
+++ b/packages/react-components/react-storybook-addon/package.json
@@ -22,7 +22,7 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
@@ -30,9 +30,9 @@
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-provider": "^9.4.3",
- "tslib": "^2.1.0"
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-provider": "^9.5.0",
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -53,12 +53,10 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
- "./preset": {
- "require": "./preset.js"
- },
"./package.json": "./package.json"
}
}
diff --git a/packages/react-components/react-switch/.babelrc.json b/packages/react-components/react-switch/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-switch/.babelrc.json
+++ b/packages/react-components/react-switch/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-switch/.swcrc b/packages/react-components/react-switch/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-switch/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-switch/CHANGELOG.json b/packages/react-components/react-switch/CHANGELOG.json
index 0555fea9a05a4..7551c6cd1fb93 100644
--- a/packages/react-components/react-switch/CHANGELOG.json
+++ b/packages/react-components/react-switch/CHANGELOG.json
@@ -1,6 +1,114 @@
{
"name": "@fluentui/react-switch",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:05 GMT",
+ "tag": "@fluentui/react-switch_v9.1.5",
+ "version": "9.1.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-switch",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "lingfangao@hotmail.com",
+ "package": "@fluentui/react-switch",
+ "commit": "1a45088ee3492f352e23748539bf207af57f99a8",
+ "comment": "fix: Make checked switch more visible in high contrast mode"
+ },
+ {
+ "author": "makotom@microsoft.com",
+ "package": "@fluentui/react-switch",
+ "commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
+ "comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-switch",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-switch",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.27",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-switch",
+ "comment": "Bump @fluentui/react-label to v9.1.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-switch",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-switch",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-switch",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-switch",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-switch",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-switch_v9.1.4",
+ "version": "9.1.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-switch",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.26",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-switch",
+ "comment": "Bump @fluentui/react-label to v9.1.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-switch",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-switch",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-switch_v9.1.3",
diff --git a/packages/react-components/react-switch/CHANGELOG.md b/packages/react-components/react-switch/CHANGELOG.md
index d9e54037a4a54..5b0949625e83e 100644
--- a/packages/react-components/react-switch/CHANGELOG.md
+++ b/packages/react-components/react-switch/CHANGELOG.md
@@ -1,9 +1,40 @@
# Change Log - @fluentui/react-switch
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:05 GMT and should not be manually modified.
+## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.1.5)
+
+Tue, 21 Mar 2023 21:23:05 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.1.4..@fluentui/react-switch_v9.1.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- fix: Make checked switch more visible in high contrast mode ([PR #27257](https://github.com/microsoft/fluentui/pull/27257) by lingfangao@hotmail.com)
+- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-field to v9.0.0-alpha.27 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-label to v9.1.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.1.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.1.3..@fluentui/react-switch_v9.1.4)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.0.0-alpha.26 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-label to v9.1.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.1.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-switch/just.config.ts b/packages/react-components/react-switch/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-switch/just.config.ts
+++ b/packages/react-components/react-switch/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-switch/package.json b/packages/react-components/react-switch/package.json
index 27eaea27776f6..552e8f0503f3b 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.3",
+ "version": "9.1.6",
"description": "Fluent UI React Switch component.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,25 +22,25 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-field": "9.0.0-alpha.25",
- "@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-label": "^9.1.3",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-field": "9.0.0-alpha.28",
+ "@fluentui/react-icons": "^2.0.196",
+ "@fluentui/react-label": "^9.1.6",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -57,6 +57,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts b/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts
index 15e7255f6728a..3f6d09ce28e21 100644
--- a/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts
+++ b/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts
@@ -184,6 +184,19 @@ const useInputBaseClassName = makeResetStyles({
color: 'GrayText',
},
},
+
+ ':enabled:checked': {
+ ':hover': {
+ [`& ~ .${switchClassNames.indicator}`]: {
+ backgroundColor: 'Highlight',
+ color: 'Canvas',
+ },
+ },
+ [`& ~ .${switchClassNames.indicator}`]: {
+ backgroundColor: 'Highlight',
+ color: 'Canvas',
+ },
+ },
},
});
diff --git a/packages/react-components/react-table/.babelrc.json b/packages/react-components/react-table/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-table/.babelrc.json
+++ b/packages/react-components/react-table/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-table/.swcrc b/packages/react-components/react-table/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-table/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-table/CHANGELOG.json b/packages/react-components/react-table/CHANGELOG.json
index 939bce6618076..b540ee733458c 100644
--- a/packages/react-components/react-table/CHANGELOG.json
+++ b/packages/react-components/react-table/CHANGELOG.json
@@ -1,6 +1,150 @@
{
"name": "@fluentui/react-table",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:06 GMT",
+ "tag": "@fluentui/react-table_v9.2.2",
+ "version": "9.2.2",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-table",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-table",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "makotom@microsoft.com",
+ "package": "@fluentui/react-table",
+ "commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
+ "comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-aria to v9.3.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-avatar to v9.4.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-checkbox to v9.1.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-radio to v9.1.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-table_v9.2.1",
+ "version": "9.2.1",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-aria to v9.3.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-avatar to v9.4.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-checkbox to v9.1.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-radio to v9.1.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-table",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:52 GMT",
"tag": "@fluentui/react-table_v9.2.0",
diff --git a/packages/react-components/react-table/CHANGELOG.md b/packages/react-components/react-table/CHANGELOG.md
index bb261feb24c9d..bb54ea8b9e2c8 100644
--- a/packages/react-components/react-table/CHANGELOG.md
+++ b/packages/react-components/react-table/CHANGELOG.md
@@ -1,9 +1,46 @@
# Change Log - @fluentui/react-table
-This log was last generated on Wed, 15 Mar 2023 10:19:52 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:06 GMT and should not be manually modified.
+## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.2.2)
+
+Tue, 21 Mar 2023 21:23:06 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.2.1..@fluentui/react-table_v9.2.2)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-aria to v9.3.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-avatar to v9.4.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-checkbox to v9.1.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-radio to v9.1.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.2.1)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.2.0..@fluentui/react-table_v9.2.1)
+
+### Patches
+
+- Bump @fluentui/react-aria to v9.3.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-avatar to v9.4.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-checkbox to v9.1.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-radio to v9.1.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.2.0)
Wed, 15 Mar 2023 10:19:52 GMT
diff --git a/packages/react-components/react-table/just.config.ts b/packages/react-components/react-table/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-table/just.config.ts
+++ b/packages/react-components/react-table/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-table/package.json b/packages/react-components/react-table/package.json
index 416f144798934..fa33ee8dffa21 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.0",
+ "version": "9.2.2",
"description": "React components for building web experiences",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,29 +22,29 @@
"type-check": "tsc -b tsconfig.json",
"storybook": "start-storybook",
"start": "yarn storybook",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/keyboard-keys": "^9.0.1",
- "@fluentui/react-aria": "^9.3.13",
- "@fluentui/react-avatar": "^9.4.3",
- "@fluentui/react-checkbox": "^9.1.3",
- "@fluentui/react-context-selector": "^9.1.13",
- "@fluentui/react-icons": "^2.0.175",
- "@fluentui/react-radio": "^9.1.3",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/keyboard-keys": "^9.0.2",
+ "@fluentui/react-aria": "^9.3.15",
+ "@fluentui/react-avatar": "^9.4.6",
+ "@fluentui/react-checkbox": "^9.1.6",
+ "@fluentui/react-context-selector": "^9.1.15",
+ "@fluentui/react-icons": "^2.0.196",
+ "@fluentui/react-radio": "^9.1.6",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -60,6 +60,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-tabs/.babelrc.json b/packages/react-components/react-tabs/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-tabs/.babelrc.json
+++ b/packages/react-components/react-tabs/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-tabs/.swcrc b/packages/react-components/react-tabs/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-tabs/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-tabs/CHANGELOG.json b/packages/react-components/react-tabs/CHANGELOG.json
index 96c181ce82a20..31bfd9e342e98 100644
--- a/packages/react-components/react-tabs/CHANGELOG.json
+++ b/packages/react-components/react-tabs/CHANGELOG.json
@@ -1,6 +1,90 @@
{
"name": "@fluentui/react-tabs",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:07 GMT",
+ "tag": "@fluentui/react-tabs_v9.3.5",
+ "version": "9.3.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-tabs",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-tabs",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabs",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabs",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabs",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabs",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabs",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabs",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-tabs_v9.3.4",
+ "version": "9.3.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabs",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabs",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabs",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-tabs_v9.3.3",
diff --git a/packages/react-components/react-tabs/CHANGELOG.md b/packages/react-components/react-tabs/CHANGELOG.md
index 3218279f9bfa0..ccab701fb7216 100644
--- a/packages/react-components/react-tabs/CHANGELOG.md
+++ b/packages/react-components/react-tabs/CHANGELOG.md
@@ -1,9 +1,36 @@
# Change Log - @fluentui/react-tabs
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:07 GMT and should not be manually modified.
+## [9.3.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.5)
+
+Tue, 21 Mar 2023 21:23:07 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.3.4..@fluentui/react-tabs_v9.3.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-context-selector to v9.1.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.3.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.3.3..@fluentui/react-tabs_v9.3.4)
+
+### Patches
+
+- Bump @fluentui/react-context-selector to v9.1.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.3.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.3.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-tabs/just.config.ts b/packages/react-components/react-tabs/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-tabs/just.config.ts
+++ b/packages/react-components/react-tabs/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-tabs/package.json b/packages/react-components/react-tabs/package.json
index b20ca72c72147..fefb89a87d0bd 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.3",
+ "version": "9.3.6",
"description": "Fluent UI React tabs components",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -21,23 +21,23 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-context-selector": "^9.1.13",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-context-selector": "^9.1.15",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -55,6 +55,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-tabs/src/components/Tab/__snapshots__/Tab.test.tsx.snap b/packages/react-components/react-tabs/src/components/Tab/__snapshots__/Tab.test.tsx.snap
index 079f2ffe7f583..f1528cfc18019 100644
--- a/packages/react-components/react-tabs/src/components/Tab/__snapshots__/Tab.test.tsx.snap
+++ b/packages/react-components/react-tabs/src/components/Tab/__snapshots__/Tab.test.tsx.snap
@@ -60,7 +60,7 @@ exports[`Tab renders default correctly with icon slotted 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
@@ -97,7 +97,7 @@ exports[`Tab renders large size and vertical correctly with icon slotted 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
@@ -134,7 +134,7 @@ exports[`Tab renders large size correctly with icon slotted 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
@@ -171,7 +171,7 @@ exports[`Tab renders medium size and vertical correctly with icon slotted 1`] =
xmlns="http://www.w3.org/2000/svg"
>
@@ -208,7 +208,7 @@ exports[`Tab renders medium size correctly with icon slotted 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
@@ -245,7 +245,7 @@ exports[`Tab renders small size and vertical correctly with icon slotted 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
@@ -282,7 +282,7 @@ exports[`Tab renders small size correctly with icon slotted 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
@@ -319,7 +319,7 @@ exports[`Tab renders subtle appearance correctly with icon slotted 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
@@ -356,7 +356,7 @@ exports[`Tab renders vertical correctly with icon slotted 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
diff --git a/packages/react-components/react-tabster/.babelrc.json b/packages/react-components/react-tabster/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-tabster/.babelrc.json
+++ b/packages/react-components/react-tabster/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-tabster/.swcrc b/packages/react-components/react-tabster/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-tabster/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-tabster/CHANGELOG.json b/packages/react-components/react-tabster/CHANGELOG.json
index 1e44dcfd86e35..e5c2c1b11ff12 100644
--- a/packages/react-components/react-tabster/CHANGELOG.json
+++ b/packages/react-components/react-tabster/CHANGELOG.json
@@ -1,6 +1,66 @@
{
"name": "@fluentui/react-tabster",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:08 GMT",
+ "tag": "@fluentui/react-tabster_v9.6.1",
+ "version": "9.6.1",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-tabster",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-tabster",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabster",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabster",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabster",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:58 GMT",
+ "tag": "@fluentui/react-tabster_v9.6.0",
+ "version": "9.6.0",
+ "comments": {
+ "minor": [
+ {
+ "author": "olfedias@microsoft.com",
+ "package": "@fluentui/react-tabster",
+ "commit": "fe1014bbcd770a7b38a3a9a09595e93297c2da26",
+ "comment": "feat: add options to useFocusVisible() hook"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tabster",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:52 GMT",
"tag": "@fluentui/react-tabster_v9.5.7",
diff --git a/packages/react-components/react-tabster/CHANGELOG.md b/packages/react-components/react-tabster/CHANGELOG.md
index c9a050eba81e3..615897fc52ab7 100644
--- a/packages/react-components/react-tabster/CHANGELOG.md
+++ b/packages/react-components/react-tabster/CHANGELOG.md
@@ -1,9 +1,32 @@
# Change Log - @fluentui/react-tabster
-This log was last generated on Wed, 15 Mar 2023 10:19:52 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:08 GMT and should not be manually modified.
+## [9.6.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.6.1)
+
+Tue, 21 Mar 2023 21:23:08 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.6.0..@fluentui/react-tabster_v9.6.1)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.6.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.6.0)
+
+Thu, 16 Mar 2023 14:36:58 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.5.7..@fluentui/react-tabster_v9.6.0)
+
+### Minor changes
+
+- feat: add options to useFocusVisible() hook ([PR #27198](https://github.com/microsoft/fluentui/pull/27198) by olfedias@microsoft.com)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.5.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.5.7)
Wed, 15 Mar 2023 10:19:52 GMT
diff --git a/packages/react-components/react-tabster/just.config.ts b/packages/react-components/react-tabster/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-tabster/just.config.ts
+++ b/packages/react-components/react-tabster/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json
index daa736c765506..007f0e9fbd467 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.5.7",
+ "version": "9.6.2",
"description": "Utilities for focus management and facade for tabster",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -21,7 +21,7 @@
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
@@ -31,12 +31,12 @@
},
"dependencies": {
"@griffel/react": "^1.5.2",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
+ "@swc/helpers": "^0.4.14",
"keyborg": "^2.0.0",
- "tabster": "^4.1.1",
- "tslib": "^2.1.0"
+ "tabster": "^4.1.1"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -53,6 +53,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-tags/.babelrc.json b/packages/react-components/react-tags/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-tags/.babelrc.json
+++ b/packages/react-components/react-tags/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-tags/.swcrc b/packages/react-components/react-tags/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-tags/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-tags/just.config.ts b/packages/react-components/react-tags/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-tags/just.config.ts
+++ b/packages/react-components/react-tags/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-tags/package.json b/packages/react-components/react-tags/package.json
index 8c3ee0b393eed..666963eb33889 100644
--- a/packages/react-components/react-tags/package.json
+++ b/packages/react-components/react-tags/package.json
@@ -20,22 +20,22 @@
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor",
+ "generate-api": "just-scripts generate-api",
"storybook": "start-storybook",
"start": "yarn storybook"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -53,6 +53,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-text/.babelrc.json b/packages/react-components/react-text/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-text/.babelrc.json
+++ b/packages/react-components/react-text/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-text/.swcrc b/packages/react-components/react-text/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-text/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-text/CHANGELOG.json b/packages/react-components/react-text/CHANGELOG.json
index 855137755bf4a..a4e456b4abaaa 100644
--- a/packages/react-components/react-text/CHANGELOG.json
+++ b/packages/react-components/react-text/CHANGELOG.json
@@ -1,6 +1,66 @@
{
"name": "@fluentui/react-text",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:09 GMT",
+ "tag": "@fluentui/react-text_v9.3.2",
+ "version": "9.3.2",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-text",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-text",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-text",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-text",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-text",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-text",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-text_v9.3.1",
+ "version": "9.3.1",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-text",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:52 GMT",
"tag": "@fluentui/react-text_v9.3.0",
diff --git a/packages/react-components/react-text/CHANGELOG.md b/packages/react-components/react-text/CHANGELOG.md
index 55550d28c5c1f..e8bcadc522eda 100644
--- a/packages/react-components/react-text/CHANGELOG.md
+++ b/packages/react-components/react-text/CHANGELOG.md
@@ -1,9 +1,32 @@
# Change Log - @fluentui/react-text
-This log was last generated on Wed, 15 Mar 2023 10:19:52 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:09 GMT and should not be manually modified.
+## [9.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.2)
+
+Tue, 21 Mar 2023 21:23:09 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.1..@fluentui/react-text_v9.3.2)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.1)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.3.0..@fluentui/react-text_v9.3.1)
+
+### Patches
+
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.3.0)
Wed, 15 Mar 2023 10:19:52 GMT
diff --git a/packages/react-components/react-text/just.config.ts b/packages/react-components/react-text/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-text/just.config.ts
+++ b/packages/react-components/react-text/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-text/package.json b/packages/react-components/react-text/package.json
index c16853bd43704..6b711de228dd4 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.0",
+ "version": "9.3.3",
"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",
@@ -22,21 +22,21 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
"@griffel/react": "^1.5.2",
- "@fluentui/react-utilities": "^9.7.0",
- "tslib": "^2.1.0"
+ "@fluentui/react-utilities": "^9.7.2",
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -53,6 +53,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-textarea/.babelrc.json b/packages/react-components/react-textarea/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-textarea/.babelrc.json
+++ b/packages/react-components/react-textarea/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-textarea/.swcrc b/packages/react-components/react-textarea/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-textarea/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-textarea/CHANGELOG.json b/packages/react-components/react-textarea/CHANGELOG.json
index b8582b13a7bbe..32b0016fdaf53 100644
--- a/packages/react-components/react-textarea/CHANGELOG.json
+++ b/packages/react-components/react-textarea/CHANGELOG.json
@@ -1,6 +1,78 @@
{
"name": "@fluentui/react-textarea",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:10 GMT",
+ "tag": "@fluentui/react-textarea_v9.3.5",
+ "version": "9.3.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-textarea",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-textarea",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-textarea",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.27",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-textarea",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-textarea",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-textarea",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-textarea",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-textarea_v9.3.4",
+ "version": "9.3.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-textarea",
+ "comment": "Bump @fluentui/react-field to v9.0.0-alpha.26",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-textarea",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-textarea_v9.3.3",
diff --git a/packages/react-components/react-textarea/CHANGELOG.md b/packages/react-components/react-textarea/CHANGELOG.md
index d77673d330d43..cbd6a76fc5122 100644
--- a/packages/react-components/react-textarea/CHANGELOG.md
+++ b/packages/react-components/react-textarea/CHANGELOG.md
@@ -1,9 +1,34 @@
# Change Log - @fluentui/react-textarea
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:10 GMT and should not be manually modified.
+## [9.3.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.5)
+
+Tue, 21 Mar 2023 21:23:10 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.3.4..@fluentui/react-textarea_v9.3.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-field to v9.0.0-alpha.27 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.3.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.3.3..@fluentui/react-textarea_v9.3.4)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.0.0-alpha.26 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.3.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.3.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-textarea/just.config.ts b/packages/react-components/react-textarea/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-textarea/just.config.ts
+++ b/packages/react-components/react-textarea/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-textarea/package.json b/packages/react-components/react-textarea/package.json
index 1a2b90fe28a7b..95840ab978bba 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.3",
+ "version": "9.3.6",
"description": "Fluent UI TextArea component",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,22 +22,22 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-field": "9.0.0-alpha.25",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-field": "9.0.0-alpha.28",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -54,6 +54,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-theme-sass/.babelrc.json b/packages/react-components/react-theme-sass/.babelrc.json
index 0b00fa93139ea..38bf1f7a945cf 100644
--- a/packages/react-components/react-theme-sass/.babelrc.json
+++ b/packages/react-components/react-theme-sass/.babelrc.json
@@ -1,4 +1,3 @@
{
- "presets": [],
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-theme-sass/.swcrc b/packages/react-components/react-theme-sass/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-theme-sass/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-theme-sass/CHANGELOG.json b/packages/react-components/react-theme-sass/CHANGELOG.json
index 1a899a2035a3a..5f6375645c993 100644
--- a/packages/react-components/react-theme-sass/CHANGELOG.json
+++ b/packages/react-components/react-theme-sass/CHANGELOG.json
@@ -1,6 +1,33 @@
{
"name": "@fluentui/react-theme-sass",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:11 GMT",
+ "tag": "@fluentui/react-theme-sass_v9.0.0-alpha.10",
+ "version": "9.0.0-alpha.10",
+ "comments": {
+ "prerelease": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-theme-sass",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-theme-sass",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-theme-sass",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-theme-sass_v9.0.0-alpha.9",
diff --git a/packages/react-components/react-theme-sass/CHANGELOG.md b/packages/react-components/react-theme-sass/CHANGELOG.md
index 78b9771e247f9..7a1a97785d36e 100644
--- a/packages/react-components/react-theme-sass/CHANGELOG.md
+++ b/packages/react-components/react-theme-sass/CHANGELOG.md
@@ -1,9 +1,20 @@
# Change Log - @fluentui/react-theme-sass
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:11 GMT and should not be manually modified.
+## [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
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme-sass_v9.0.0-alpha.9..@fluentui/react-theme-sass_v9.0.0-alpha.10)
+
+### Changes
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
## [9.0.0-alpha.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme-sass_v9.0.0-alpha.9)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-theme-sass/just.config.ts b/packages/react-components/react-theme-sass/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-theme-sass/just.config.ts
+++ b/packages/react-components/react-theme-sass/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-theme-sass/package.json b/packages/react-components/react-theme-sass/package.json
index 82f08b93d6eb5..0bc2153bb305b 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.9",
+ "version": "9.0.0-alpha.10",
"description": "SASS variables referencing react-theme design tokens injected to DOM by react-provider.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -20,11 +20,11 @@
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
- "@fluentui/react-theme": "^9.1.6",
+ "@fluentui/react-theme": "^9.1.7",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
@@ -35,10 +35,13 @@
"patch"
]
},
- "dependencies": {},
+ "dependencies": {
+ "@swc/helpers": "^0.4.14"
+ },
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-theme/.babelrc.json b/packages/react-components/react-theme/.babelrc.json
index 0b00fa93139ea..38bf1f7a945cf 100644
--- a/packages/react-components/react-theme/.babelrc.json
+++ b/packages/react-components/react-theme/.babelrc.json
@@ -1,4 +1,3 @@
{
- "presets": [],
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-theme/.swcrc b/packages/react-components/react-theme/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-theme/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-theme/CHANGELOG.json b/packages/react-components/react-theme/CHANGELOG.json
index 05a0613df793d..1a9e163de9be8 100644
--- a/packages/react-components/react-theme/CHANGELOG.json
+++ b/packages/react-components/react-theme/CHANGELOG.json
@@ -1,6 +1,33 @@
{
"name": "@fluentui/react-theme",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:10 GMT",
+ "tag": "@fluentui/react-theme_v9.1.7",
+ "version": "9.1.7",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-theme",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-theme",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-theme",
+ "comment": "Bump @fluentui/tokens to v1.0.0-alpha.4",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-theme_v9.1.6",
diff --git a/packages/react-components/react-theme/CHANGELOG.md b/packages/react-components/react-theme/CHANGELOG.md
index a4c8ed717eae9..833ac4a8745ff 100644
--- a/packages/react-components/react-theme/CHANGELOG.md
+++ b/packages/react-components/react-theme/CHANGELOG.md
@@ -1,9 +1,20 @@
# Change Log - @fluentui/react-theme
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:10 GMT and should not be manually modified.
+## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.7)
+
+Tue, 21 Mar 2023 21:23:10 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-theme_v9.1.6..@fluentui/react-theme_v9.1.7)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/tokens to v1.0.0-alpha.4 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-theme_v9.1.6)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-theme/just.config.ts b/packages/react-components/react-theme/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-theme/just.config.ts
+++ b/packages/react-components/react-theme/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-theme/package.json b/packages/react-components/react-theme/package.json
index dfdbbc86d965b..b468745304754 100644
--- a/packages/react-components/react-theme/package.json
+++ b/packages/react-components/react-theme/package.json
@@ -1,6 +1,6 @@
{
"name": "@fluentui/react-theme",
- "version": "9.1.6",
+ "version": "9.1.7",
"description": "Fluent UI themes",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,7 +22,7 @@
"storybook": "start-storybook",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
@@ -30,8 +30,8 @@
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "tslib": "^2.1.0",
- "@fluentui/tokens": "1.0.0-alpha.3"
+ "@fluentui/tokens": "1.0.0-alpha.4",
+ "@swc/helpers": "^0.4.14"
},
"beachball": {
"disallowedChangeTypes": [
@@ -42,6 +42,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-toolbar/.babelrc.json b/packages/react-components/react-toolbar/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-toolbar/.babelrc.json
+++ b/packages/react-components/react-toolbar/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-toolbar/.swcrc b/packages/react-components/react-toolbar/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-toolbar/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-toolbar/CHANGELOG.json b/packages/react-components/react-toolbar/CHANGELOG.json
index f0c141edeb088..25ba557826993 100644
--- a/packages/react-components/react-toolbar/CHANGELOG.json
+++ b/packages/react-components/react-toolbar/CHANGELOG.json
@@ -1,6 +1,126 @@
{
"name": "@fluentui/react-toolbar",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:12 GMT",
+ "tag": "@fluentui/react-toolbar_v9.1.5",
+ "version": "9.1.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-toolbar",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-toolbar",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-button to v9.3.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-divider to v9.2.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-radio to v9.1.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-toolbar_v9.1.4",
+ "version": "9.1.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-button to v9.3.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-divider to v9.2.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-radio to v9.1.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-toolbar",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-toolbar_v9.1.3",
diff --git a/packages/react-components/react-toolbar/CHANGELOG.md b/packages/react-components/react-toolbar/CHANGELOG.md
index 7293345ef4a35..156b2d7460f94 100644
--- a/packages/react-components/react-toolbar/CHANGELOG.md
+++ b/packages/react-components/react-toolbar/CHANGELOG.md
@@ -1,9 +1,42 @@
# Change Log - @fluentui/react-toolbar
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:12 GMT and should not be manually modified.
+## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.5)
+
+Tue, 21 Mar 2023 21:23:12 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.4..@fluentui/react-toolbar_v9.1.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-button to v9.3.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-divider to v9.2.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-radio to v9.1.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.3..@fluentui/react-toolbar_v9.1.4)
+
+### Patches
+
+- Bump @fluentui/react-button to v9.3.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-divider to v9.2.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-radio to v9.1.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.1.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-toolbar/just.config.ts b/packages/react-components/react-toolbar/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-toolbar/just.config.ts
+++ b/packages/react-components/react-toolbar/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-toolbar/package.json b/packages/react-components/react-toolbar/package.json
index 27c7f1c82b471..0ccc602d03f39 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.3",
+ "version": "9.1.6",
"description": "React components for building web experiences",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -23,27 +23,27 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-cypress": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-button": "^9.3.3",
- "@fluentui/react-divider": "^9.2.3",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
- "@fluentui/react-context-selector": "^9.1.13",
- "@fluentui/react-radio": "^9.1.3",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-tabster": "^9.5.7",
+ "@fluentui/react-button": "^9.3.6",
+ "@fluentui/react-divider": "^9.2.6",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
+ "@fluentui/react-context-selector": "^9.1.15",
+ "@fluentui/react-radio": "^9.1.6",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-tabster": "^9.6.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -60,6 +60,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-tooltip/.babelrc.json b/packages/react-components/react-tooltip/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-tooltip/.babelrc.json
+++ b/packages/react-components/react-tooltip/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-tooltip/.swcrc b/packages/react-components/react-tooltip/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-tooltip/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-tooltip/CHANGELOG.json b/packages/react-components/react-tooltip/CHANGELOG.json
index 8bd794d09dbb2..5568e8631198c 100644
--- a/packages/react-components/react-tooltip/CHANGELOG.json
+++ b/packages/react-components/react-tooltip/CHANGELOG.json
@@ -1,6 +1,96 @@
{
"name": "@fluentui/react-tooltip",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:13 GMT",
+ "tag": "@fluentui/react-tooltip_v9.2.5",
+ "version": "9.2.5",
+ "comments": {
+ "patch": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-tooltip",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-tooltip",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tooltip",
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tooltip",
+ "comment": "Bump @fluentui/react-portal to v9.2.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tooltip",
+ "comment": "Bump @fluentui/react-positioning to v9.5.6",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tooltip",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tooltip",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tooltip",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tooltip",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-tooltip_v9.2.4",
+ "version": "9.2.4",
+ "comments": {
+ "patch": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tooltip",
+ "comment": "Bump @fluentui/react-portal to v9.2.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tooltip",
+ "comment": "Bump @fluentui/react-positioning to v9.5.5",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tooltip",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-tooltip_v9.2.3",
diff --git a/packages/react-components/react-tooltip/CHANGELOG.md b/packages/react-components/react-tooltip/CHANGELOG.md
index a2fcfb398af74..41082c163164a 100644
--- a/packages/react-components/react-tooltip/CHANGELOG.md
+++ b/packages/react-components/react-tooltip/CHANGELOG.md
@@ -1,9 +1,37 @@
# Change Log - @fluentui/react-tooltip
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:13 GMT and should not be manually modified.
+## [9.2.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.2.5)
+
+Tue, 21 Mar 2023 21:23:13 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.2.4..@fluentui/react-tooltip_v9.2.5)
+
+### Patches
+
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/keyboard-keys to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-portal to v9.2.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-positioning to v9.5.6 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.2.4)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.2.3..@fluentui/react-tooltip_v9.2.4)
+
+### Patches
+
+- Bump @fluentui/react-portal to v9.2.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-positioning to v9.5.5 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.2.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.2.3)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-tooltip/just.config.ts b/packages/react-components/react-tooltip/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-tooltip/just.config.ts
+++ b/packages/react-components/react-tooltip/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-tooltip/package.json b/packages/react-components/react-tooltip/package.json
index f77f481b8da12..03fa6ec89b189 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.3",
+ "version": "9.2.6",
"description": "React components for building web experiences",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -22,24 +22,24 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/keyboard-keys": "^9.0.1",
- "@fluentui/react-portal": "^9.2.0",
- "@fluentui/react-positioning": "^9.5.4",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/keyboard-keys": "^9.0.2",
+ "@fluentui/react-portal": "^9.2.3",
+ "@fluentui/react-positioning": "^9.5.7",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -56,6 +56,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-tree/.babelrc.json b/packages/react-components/react-tree/.babelrc.json
index 40e01373083ce..45fb71ca16d2c 100644
--- a/packages/react-components/react-tree/.babelrc.json
+++ b/packages/react-components/react-tree/.babelrc.json
@@ -1,4 +1,4 @@
{
- "presets": ["@griffel"],
+ "extends": "../../../.babelrc-v9.json",
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-tree/.swcrc b/packages/react-components/react-tree/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-tree/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-tree/CHANGELOG.json b/packages/react-components/react-tree/CHANGELOG.json
index cac88f0929d0d..2db3c9c6b7ead 100644
--- a/packages/react-components/react-tree/CHANGELOG.json
+++ b/packages/react-components/react-tree/CHANGELOG.json
@@ -1,6 +1,171 @@
{
"name": "@fluentui/react-tree",
"entries": [
+ {
+ "date": "Fri, 24 Mar 2023 10:15:27 GMT",
+ "tag": "@fluentui/react-tree_v9.0.0-beta.8",
+ "version": "9.0.0-beta.8",
+ "comments": {
+ "prerelease": [
+ {
+ "author": "petrduda@microsoft.com",
+ "package": "@fluentui/react-tree",
+ "commit": "b19ad44388b93ade650d5c46802b82fa7419e6b4",
+ "comment": "tree stories and doc update"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Tue, 21 Mar 2023 21:23:13 GMT",
+ "tag": "@fluentui/react-tree_v9.0.0-beta.6",
+ "version": "9.0.0-beta.6",
+ "comments": {
+ "prerelease": [
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-tree",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "olfedias@microsoft.com",
+ "package": "@fluentui/react-tree",
+ "commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
+ "comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-tree",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "email not defined",
+ "package": "@fluentui/react-tree",
+ "commit": "d7016bf89107ba2c8b22596b5e4b5ce4d32f99b0",
+ "comment": "chore: adds initial e2e cypress tests"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-aria to v9.3.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-avatar to v9.4.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-button to v9.3.5",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.15",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-portal to v9.2.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-tabster to v9.6.1",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-theme to v9.1.7",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-utilities to v9.7.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+ "tag": "@fluentui/react-tree_v9.0.0-beta.5",
+ "version": "9.0.0-beta.5",
+ "comments": {
+ "prerelease": [
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-context-selector to v9.1.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-avatar to v9.4.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-aria to v9.3.14",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-tabster to v9.6.0",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-portal to v9.2.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-button to v9.3.4",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-tree",
+ "comment": "Bump @fluentui/react-utilities to v9.7.1",
+ "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+ }
+ ]
+ }
+ },
{
"date": "Wed, 15 Mar 2023 10:19:53 GMT",
"tag": "@fluentui/react-tree_v9.0.0-beta.4",
diff --git a/packages/react-components/react-tree/CHANGELOG.md b/packages/react-components/react-tree/CHANGELOG.md
index 1ae38ea3aa221..cba6cc8fcb1ff 100644
--- a/packages/react-components/react-tree/CHANGELOG.md
+++ b/packages/react-components/react-tree/CHANGELOG.md
@@ -1,9 +1,56 @@
# Change Log - @fluentui/react-tree
-This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified.
+This log was last generated on Fri, 24 Mar 2023 10:15:27 GMT and should not be manually modified.
+## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.0.0-beta.8)
+
+Fri, 24 Mar 2023 10:15:27 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tree_v9.0.0-beta.6..@fluentui/react-tree_v9.0.0-beta.8)
+
+### Changes
+
+- tree stories and doc update ([PR #27270](https://github.com/microsoft/fluentui/pull/27270) by petrduda@microsoft.com)
+
+## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.0.0-beta.6)
+
+Tue, 21 Mar 2023 21:23:13 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tree_v9.0.0-beta.5..@fluentui/react-tree_v9.0.0-beta.6)
+
+### Changes
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by olfedias@microsoft.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: adds initial e2e cypress tests ([PR #27266](https://github.com/microsoft/fluentui/pull/27266) by email not defined)
+- Bump @fluentui/keyboard-keys to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-aria to v9.3.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-avatar to v9.4.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-button to v9.3.5 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-context-selector to v9.1.15 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-portal to v9.2.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.0.0-beta.5)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tree_v9.0.0-beta.4..@fluentui/react-tree_v9.0.0-beta.5)
+
+### Changes
+
+- Bump @fluentui/react-context-selector to v9.1.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-avatar to v9.4.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-aria to v9.3.14 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-tabster to v9.6.0 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-portal to v9.2.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-button to v9.3.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tree_v9.0.0-beta.4)
Wed, 15 Mar 2023 10:19:53 GMT
diff --git a/packages/react-components/react-tree/cypress.config.ts b/packages/react-components/react-tree/cypress.config.ts
new file mode 100644
index 0000000000000..ca52cf041bbf2
--- /dev/null
+++ b/packages/react-components/react-tree/cypress.config.ts
@@ -0,0 +1,3 @@
+import { baseConfig } from '@fluentui/scripts-cypress';
+
+export default baseConfig;
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 2c1c28a5fbdf5..d7ed16a865d16 100644
--- a/packages/react-components/react-tree/etc/react-tree.api.md
+++ b/packages/react-components/react-tree/etc/react-tree.api.md
@@ -35,23 +35,16 @@ export const flattenTree_unstable: (items: NestedTreeItem[]) => FlatTreeItemProp
export type FlatTree = {
getTreeProps(): FlatTreeProps;
navigate(data: TreeNavigationData_unstable): void;
- getNextNavigableItem(data: TreeNavigationData_unstable): FlatTreeItem | null;
- getItem(id: string): FlatTreeItem | null;
- items(): Iterable;
+ getNextNavigableItem(visibleItems: FlatTreeItem[], data: TreeNavigationData_unstable): FlatTreeItem | undefined;
+ items(): IterableIterator;
};
// @public (undocumented)
-export type FlatTreeItem = {
- getTreeItemProps(): Required> & TreeItemProps;
- parentId?: string;
- childrenSize: number;
- index: number;
- id: string;
- level: number;
-};
+export type FlatTreeItem = Readonly;
// @public (undocumented)
-export type FlatTreeItemProps = Required> & TreeItemProps & {
+export type FlatTreeItemProps = TreeItemProps & {
+ id: TreeItemId;
parentId?: string;
};
@@ -100,7 +93,7 @@ export const TreeItem: ForwardRefComponent;
export const treeItemClassNames: SlotClassNames;
// @public (undocumented)
-export type TreeItemId = string | number;
+export type TreeItemId = string;
// @public
export const TreeItemLayout: ForwardRefComponent;
@@ -265,7 +258,7 @@ export type TreeSlots = {
export type TreeState = ComponentState & TreeContextValue;
// @public
-export function useFlatTree_unstable(items: FlatTreeItemProps[], options?: Pick): FlatTree;
+export function useFlatTree_unstable(flatTreeItemProps: FlatTreeItemProps[], options?: Pick): FlatTree;
// @public
export const useTree_unstable: (props: TreeProps, ref: React_2.Ref) => TreeState;
diff --git a/packages/react-components/react-tree/just.config.ts b/packages/react-components/react-tree/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-tree/just.config.ts
+++ b/packages/react-components/react-tree/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-tree/package.json b/packages/react-components/react-tree/package.json
index f0725ce0e0348..d5225b4c4424d 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.4",
+ "version": "9.0.0-beta.8",
"description": "React components for building web experiences",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -18,7 +18,9 @@
"just": "just-scripts",
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor",
+ "e2e": "cypress run --component",
+ "e2e:local": "cypress open --component",
+ "generate-api": "just-scripts generate-api",
"type-check": "tsc -b tsconfig.json",
"storybook": "start-storybook",
"start": "yarn storybook"
@@ -26,25 +28,26 @@
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*",
+ "@fluentui/scripts-cypress": "*",
"react-window": "^1.8.6"
},
"dependencies": {
- "@fluentui/react-context-selector": "^9.1.13",
- "@fluentui/react-shared-contexts": "^9.3.1",
- "@fluentui/react-avatar": "^9.4.3",
- "@fluentui/react-aria": "^9.3.13",
- "@fluentui/react-tabster": "^9.5.7",
- "@fluentui/react-portal": "^9.2.0",
- "@fluentui/react-button": "^9.3.3",
- "@fluentui/keyboard-keys": "^9.0.1",
- "@fluentui/react-theme": "^9.1.6",
- "@fluentui/react-utilities": "^9.7.0",
- "@fluentui/react-icons": "^2.0.175",
+ "@fluentui/keyboard-keys": "^9.0.2",
+ "@fluentui/react-aria": "^9.3.15",
+ "@fluentui/react-avatar": "^9.4.6",
+ "@fluentui/react-button": "^9.3.6",
+ "@fluentui/react-context-selector": "^9.1.15",
+ "@fluentui/react-icons": "^2.0.196",
+ "@fluentui/react-portal": "^9.2.3",
+ "@fluentui/react-shared-contexts": "^9.3.3",
+ "@fluentui/react-tabster": "^9.6.2",
+ "@fluentui/react-theme": "^9.1.7",
+ "@fluentui/react-utilities": "^9.7.2",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -62,6 +65,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
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
new file mode 100644
index 0000000000000..c99ffea48c0b0
--- /dev/null
+++ b/packages/react-components/react-tree/src/components/Tree/Tree.cy.tsx
@@ -0,0 +1,248 @@
+import * as React from 'react';
+import { mount as mountBase } from '@cypress/react';
+import { FluentProvider } from '@fluentui/react-provider';
+import { teamsLightTheme } from '@fluentui/react-theme';
+import {
+ Tree,
+ TreeItem,
+ TreeItemLayout,
+ TreeProps,
+ treeItemLayoutClassNames,
+ treeItemClassNames,
+} from '@fluentui/react-tree';
+import { Button } from '@fluentui/react-button';
+
+const mount = (element: JSX.Element) => {
+ mountBase({element});
+};
+
+const Example = (props: TreeProps) => {
+ return (
+
+
+ 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
+
+
+
+
+
+
+ );
+};
+
+describe('Tree', () => {
+ 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');
+ });
+
+ 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');
+ });
+
+ 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');
+ });
+ it('should expand/collapse item on expandIcon click only', () => {
+ mount(
+ {
+ if (data.type === 'Click') {
+ event.preventDefault();
+ }
+ }}
+ />,
+ );
+ 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(`#item1 .${treeItemLayoutClassNames.root}`).realClick();
+ cy.get('#item1__item1').should('not.exist');
+ });
+ it('should not expand/collapse item on actions click', () => {
+ mount(
+
+
+
+
+ }
+ id="item1"
+ >
+ level 1, item 1
+
+
+ level 2, item 1
+
+
+
+ ,
+ );
+ cy.get('#item1__item1').should('not.exist');
+ cy.get('#item1').focus();
+ cy.get(`#action`).realClick();
+ cy.get('#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');
+ });
+ 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');
+ });
+ 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');
+ });
+ it('should focus on actions when pressing tab key', () => {
+ mount(
+
+
+
+
+ }
+ id="item1"
+ >
+ level 1, item 1
+
+
+ level 2, item 1
+
+
+
+ ,
+ );
+ cy.focused().should('not.exist');
+ cy.document().realPress('Tab');
+ cy.get('#item1').should('be.focused');
+ cy.document().realPress('Tab');
+ cy.get('#action').should('be.focused');
+ });
+ it('should not expand/collapse item on actions Enter/Space key', () => {
+ mount(
+
+
+
+
+ }
+ id="item1"
+ >
+ level 1, item 1
+
+
+ level 2, item 1
+
+
+
+ ,
+ );
+ cy.focused().should('not.exist');
+ cy.document().realPress('Tab');
+ cy.get('#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('#action').should('be.focused').realPress('Space');
+ cy.get('#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');
+ });
+ 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.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.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');
+ });
+ it('should move to last item with End key', () => {
+ mount();
+ cy.get('#item1').focus().realPress('{end}');
+ cy.get('#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');
+ });
+ });
+ });
+});
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 78e6d457deff9..c087172c2e7d1 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,6 +2,7 @@ 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'>;
@@ -55,8 +56,6 @@ export type TreeContextValues = {
tree: TreeContextValue;
};
-export type TreeItemId = string | number;
-
export type TreeProps = ComponentProps & {
/**
* A tree item can have various appearances:
diff --git a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx
index f1edd1bb20931..0a5646e496787 100644
--- a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx
+++ b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx
@@ -9,7 +9,6 @@ describe('TreeItem', () => {
isConformant({
Component: TreeItem,
displayName: 'TreeItem',
- // primarySlot: 'groupper',
getTargetElement(renderResult, attr) {
return renderResult.container.querySelector(`.${treeItemClassNames.root}`) ?? renderResult.container;
},
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 58c032dee313f..a20be498e2d23 100644
--- a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.tsx
+++ b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.tsx
@@ -7,7 +7,16 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { useTreeItemContextValues_unstable } from './useTreeItemContextValues';
/**
- * TreeItem component - TODO: add more docs
+ * The `TreeItem` component represents a single item in a tree.
+ * It expects a certain order of children to work properly: the first child should be the node itself,
+ * and the second child should be a nested subtree in the form of another Tree component or a standalone TreeItem.
+ * This order follows the same order as document traversal for the TreeWalker API in JavaScript:
+ * https://developer.mozilla.org/en-US/docs/Web/API/TreeWalker.
+ * 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,
+ * allowing the user to show or hide the children.
*/
export const TreeItem: ForwardRefComponent = React.forwardRef((props, ref) => {
const state = useTreeItem_unstable(props, ref);
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 061e79f88fd41..6fdf026fb0956 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,6 +5,7 @@ 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 }>>;
diff --git a/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.tsx b/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.tsx
index 9eb0c32604cc5..7de4b11e7d2a2 100644
--- a/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.tsx
+++ b/packages/react-components/react-tree/src/components/TreeItemLayout/TreeItemLayout.tsx
@@ -6,7 +6,9 @@ import type { TreeItemLayoutProps } from './TreeItemLayout.types';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
/**
- * TreeItemLayout component - TODO: add more docs
+ * The `TreeItemLayout` component is used as a child of `TreeItem` to define the content and layout of a tree item.
+ * It provides a consistent visual structure for tree items in a `Tree` component.
+ * This component should only be used as a direct child of `TreeItem`.
*/
export const TreeItemLayout: ForwardRefComponent = React.forwardRef((props, ref) => {
const state = useTreeItemLayout_unstable(props, ref);
diff --git a/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/TreeItemPersonaLayout.tsx b/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/TreeItemPersonaLayout.tsx
index 9e5b8f44b762f..55ede65c081c0 100644
--- a/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/TreeItemPersonaLayout.tsx
+++ b/packages/react-components/react-tree/src/components/TreeItemPersonaLayout/TreeItemPersonaLayout.tsx
@@ -7,7 +7,9 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities';
import { useTreeItemPersonaLayoutContextValues_unstable } from './useTreeItemPersonaLayoutContextValues';
/**
- * TreeItemPersonaLayout component - TODO: add more docs
+ * The `TreeItemPersonaLayout` component is used as a child of `TreeItem` to display a `TreeItem` with a media (typically an avatar) and a description.
+ * It provides a more visually appealing representation of a `TreeItem` and is typically used to display a list of people or topics.
+ * This component should only be used as a direct child of `TreeItem`.
*/
export const TreeItemPersonaLayout: ForwardRefComponent = React.forwardRef((props, ref) => {
const state = useTreeItemPersonaLayout_unstable(props, ref);
diff --git a/packages/react-components/react-tree/src/contexts/treeContext.ts b/packages/react-components/react-tree/src/contexts/treeContext.ts
index 852fe42c6ff97..9b9a87453e7ba 100644
--- a/packages/react-components/react-tree/src/contexts/treeContext.ts
+++ b/packages/react-components/react-tree/src/contexts/treeContext.ts
@@ -1,5 +1,6 @@
import { Context, ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';
-import { TreeItemId, TreeOpenChangeData, TreeNavigationData_unstable } from '../Tree';
+import { TreeNavigationData_unstable, TreeOpenChangeData } from '../Tree';
+import { TreeItemId } from '../TreeItem';
import { emptyImmutableSet, ImmutableSet } from '../utils/ImmutableSet';
export type TreeContextValue = {
diff --git a/packages/react-components/react-tree/src/hooks/useFlatTree.ts b/packages/react-components/react-tree/src/hooks/useFlatTree.ts
index 0533f7272cf27..3d3ee2b425881 100644
--- a/packages/react-components/react-tree/src/hooks/useFlatTree.ts
+++ b/packages/react-components/react-tree/src/hooks/useFlatTree.ts
@@ -1,31 +1,38 @@
import { useEventCallback } from '@fluentui/react-utilities';
import * as React from 'react';
-import {
+import { createFlatTreeItems, VisibleFlatTreeItemGenerator } from '../utils/createFlatTreeItems';
+import { treeDataTypes } from '../utils/tokens';
+import { useFlatTreeNavigation } from './useFlatTreeNavigation';
+import { useOpenItemsState } from './useOpenItemsState';
+import type {
TreeNavigationData_unstable,
TreeNavigationEvent_unstable,
TreeOpenChangeData,
TreeOpenChangeEvent,
TreeProps,
} from '../Tree';
-import { TreeItemProps } from '../TreeItem';
-import { createUnfilteredFlatTree } from '../utils/createUnfilteredFlatTree';
-import { createVisibleFlatTree } from '../utils/createVisibleFlatTree';
-import { useFlatTreeNavigation } from './useFlatTreeNavigation';
-import { useOpenItemsState } from './useOpenItemsState';
+import type { TreeItemId, TreeItemProps } from '../TreeItem';
+
+export type FlatTreeItemProps = TreeItemProps & {
+ id: TreeItemId;
+ parentId?: string;
+};
-export type FlatTreeItemProps = Required> &
- TreeItemProps & {
- parentId?: string;
- };
+export type FlatTreeItem = Readonly;
-export type FlatTreeItem = {
- getTreeItemProps(): Required> &
- TreeItemProps;
+/**
+ * @internal
+ * Used internally on createFlatTreeItems and VisibleFlatTreeItemGenerator
+ * to ensure required properties when building a FlatTreeITem
+ */
+export type MutableFlatTreeItem = {
parentId?: string;
childrenSize: number;
index: number;
id: string;
level: number;
+ getTreeItemProps(): Required> &
+ TreeItemProps;
};
export type FlatTreeProps = Required<
@@ -62,7 +69,7 @@ export type FlatTree = {
* event.preventDefault();
* const nextItem = tree.getNextNavigableItem(data);
* // scroll to item using virtualization scroll mechanism
- * if (nextItem && !targetDocument.getElementById(nextItem.id)) {
+ * if (nextItem && document.getElementById(nextItem.id)) {
* listRef.current.scrollToItem(nextItem.index);
* }
* // wait for scrolling to happen and then invoke navigate method
@@ -77,16 +84,14 @@ export type FlatTree = {
* returns next item to be focused on a navigation.
* This method is provided to decouple the element that needs to be focused from
* the action of focusing it itself.
+ *
+ * On the case of TypeAhead navigation this method returns the current item.
*/
- getNextNavigableItem(data: TreeNavigationData_unstable): FlatTreeItem | null;
- /**
- * returns a single flat tree item by id without iterating over the whole collection
- */
- getItem(id: string): FlatTreeItem | null;
+ getNextNavigableItem(visibleItems: FlatTreeItem[], data: TreeNavigationData_unstable): FlatTreeItem | undefined;
/**
- * returns an iterable containing all visually available flat tree items
+ * an iterable containing all visually available flat tree items
*/
- items(): Iterable;
+ items(): IterableIterator;
};
/**
@@ -98,20 +103,16 @@ export type FlatTree = {
* It should be used on cases where more complex interactions with a Tree is required.
* On simple scenarios it is advised to simply use a nested structure instead.
*
- * @param items - a list of tree items
+ * @param flatTreeItemProps - a list of tree items
* @param options - in case control over the internal openItems is required
*/
export function useFlatTree_unstable(
- items: FlatTreeItemProps[],
+ flatTreeItemProps: FlatTreeItemProps[],
options: Pick = {},
): FlatTree {
const [openItems, updateOpenItems] = useOpenItemsState(options);
- const unfilteredFlatTree = React.useMemo(() => createUnfilteredFlatTree(items), [items]);
- const [navigate, navigationRef] = useFlatTreeNavigation(unfilteredFlatTree);
- const visibleFlatTree = React.useMemo(
- () => createVisibleFlatTree(unfilteredFlatTree, openItems),
- [unfilteredFlatTree, openItems],
- );
+ const flatTreeItems = React.useMemo(() => createFlatTreeItems(flatTreeItemProps), [flatTreeItemProps]);
+ const [navigate, navigationRef] = useFlatTreeNavigation(flatTreeItems);
const handleOpenChange = useEventCallback((event: TreeOpenChangeEvent, data: TreeOpenChangeData) => {
event.preventDefault();
@@ -125,17 +126,47 @@ export function useFlatTree_unstable(
},
);
- const flatTree: FlatTree = {
- ...visibleFlatTree,
- getTreeProps: () => ({
+ 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 getTreeProps = React.useCallback(
+ () => ({
ref: navigationRef as React.Ref,
openItems,
onOpenChange: handleOpenChange,
// eslint-disable-next-line @typescript-eslint/naming-convention
onNavigation_unstable: handleNavigation,
}),
- navigate,
- getItem: id => unfilteredFlatTree.itemsPerId.get(id) ?? null,
- };
- return flatTree;
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ [openItems],
+ );
+
+ const items = React.useCallback(
+ () => VisibleFlatTreeItemGenerator(openItems, flatTreeItems),
+ [openItems, flatTreeItems],
+ );
+
+ return React.useMemo(
+ () => ({ navigate, getTreeProps, getNextNavigableItem, items }),
+ [navigate, getTreeProps, getNextNavigableItem, items],
+ );
}
diff --git a/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts b/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts
index b72f3413dc1f1..e0a551dce368e 100644
--- a/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts
+++ b/packages/react-components/react-tree/src/hooks/useFlatTreeNavigation.ts
@@ -1,14 +1,14 @@
import { useFluent_unstable } from '@fluentui/react-shared-contexts';
-import { useMergedRefs } from '@fluentui/react-utilities';
+import { useEventCallback, useMergedRefs } from '@fluentui/react-utilities';
import { TreeNavigationData_unstable } from '../Tree';
-import { UnfilteredFlatTree } from '../utils/createUnfilteredFlatTree';
+import { FlatTreeItems } from '../utils/createFlatTreeItems';
import { nextTypeAheadElement } from '../utils/nextTypeAheadElement';
import { treeDataTypes } from '../utils/tokens';
import { treeItemFilter } from '../utils/treeItemFilter';
import { HTMLElementWalker, useHTMLElementWalkerRef } from './useHTMLElementWalker';
import { useRovingTabIndex } from './useRovingTabIndexes';
-export function useFlatTreeNavigation(flatTree: UnfilteredFlatTree) {
+export function useFlatTreeNavigation(flatTreeItems: FlatTreeItems) {
const { targetDocument } = useFluent_unstable();
const [treeItemWalkerRef, treeItemWalkerRootRef] = useHTMLElementWalkerRef(treeItemFilter);
const [{ rove }, rovingRootRef] = useRovingTabIndex(treeItemFilter);
@@ -25,7 +25,7 @@ export function useFlatTreeNavigation(flatTree: UnfilteredFlatTree) {
treeItemWalker.currentElement = data.target;
return nextTypeAheadElement(treeItemWalker, data.event.key);
case treeDataTypes.arrowLeft:
- return parentElement(flatTree, data.target, targetDocument);
+ return parentElement(flatTreeItems, data.target, targetDocument);
case treeDataTypes.arrowRight:
treeItemWalker.currentElement = data.target;
return firstChild(data.target, treeItemWalker);
@@ -43,12 +43,12 @@ export function useFlatTreeNavigation(flatTree: UnfilteredFlatTree) {
return treeItemWalker.previousElement();
}
}
- function navigate(data: TreeNavigationData_unstable) {
+ const navigate = useEventCallback((data: TreeNavigationData_unstable) => {
const nextElement = getNextElement(data);
if (nextElement) {
rove(nextElement);
}
- }
+ });
return [navigate, useMergedRefs(treeItemWalkerRootRef, rovingRootRef)] as const;
}
@@ -66,8 +66,8 @@ function firstChild(target: HTMLElement, treeWalker: HTMLElementWalker): HTMLEle
return null;
}
-function parentElement(flatTree: UnfilteredFlatTree, target: HTMLElement, document: Document) {
- const flatTreeItem = flatTree.itemsPerId.get(target.id);
+function parentElement(flatTreeItems: FlatTreeItems, target: HTMLElement, document: Document) {
+ const flatTreeItem = flatTreeItems.get(target.id);
if (flatTreeItem && flatTreeItem.parentId) {
return document.getElementById(flatTreeItem.parentId);
}
diff --git a/packages/react-components/react-tree/src/hooks/useOpenItemsState.ts b/packages/react-components/react-tree/src/hooks/useOpenItemsState.ts
index 91d288c3b1904..7f06a5342bb76 100644
--- a/packages/react-components/react-tree/src/hooks/useOpenItemsState.ts
+++ b/packages/react-components/react-tree/src/hooks/useOpenItemsState.ts
@@ -1,7 +1,8 @@
import { useControllableState, useEventCallback } from '@fluentui/react-utilities';
import * as React from 'react';
-import { TreeItemId, TreeOpenChangeData, TreeProps } from '../Tree';
import { createImmutableSet, emptyImmutableSet, ImmutableSet } from '../utils/ImmutableSet';
+import type { TreeItemId } from '../TreeItem';
+import type { TreeOpenChangeData, TreeProps } from '../Tree';
export function useOpenItemsState(props: Pick) {
const [openItems, setOpenItems] = useControllableState({
diff --git a/packages/react-components/react-tree/src/index.ts b/packages/react-components/react-tree/src/index.ts
index 6e375ef39dd72..ec8788f87ab35 100644
--- a/packages/react-components/react-tree/src/index.ts
+++ b/packages/react-components/react-tree/src/index.ts
@@ -14,7 +14,6 @@ export type {
TreeOpenChangeEvent,
TreeNavigationEvent_unstable,
TreeNavigationData_unstable,
- TreeItemId,
} from './Tree';
export { TreeProvider, useTreeContext_unstable, useTreeItemContext_unstable, TreeItemProvider } from './contexts';
@@ -29,7 +28,7 @@ export {
useTreeItemStyles_unstable,
useTreeItem_unstable,
} from './TreeItem';
-export type { TreeItemProps, TreeItemState, TreeItemSlots } from './TreeItem';
+export type { TreeItemId, 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
new file mode 100644
index 0000000000000..db8b35daaa197
--- /dev/null
+++ b/packages/react-components/react-tree/src/utils/createFlatTreeItems.ts
@@ -0,0 +1,123 @@
+import type { TreeItemId } from '../TreeItem';
+import type { ImmutableSet } from './ImmutableSet';
+import type { FlatTreeItem, FlatTreeItemProps, MutableFlatTreeItem } from '../hooks/useFlatTree';
+
+/**
+ * @internal
+ */
+export type FlatTreeItems = {
+ size: number;
+ root: FlatTreeItem;
+ get(id: string): FlatTreeItem | undefined;
+ set(id: string, 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[] = [];
+
+ for (let index = 0; index < flatTreeItemProps.length; index++) {
+ const { parentId = flatTreeRootId, ...treeItemProps } = flatTreeItemProps[index];
+
+ const nextItemProps: FlatTreeItemProps | undefined = flatTreeItemProps[index + 1];
+ const currentParent = itemsPerId.get(parentId);
+ if (!currentParent) {
+ if (process.env.NODE_ENV === 'development') {
+ // eslint-disable-next-line no-console
+ console.error(
+ `useFlatTree: item ${flatTreeItemProps[index].id} is wrongly positioned, did you properly ordered provided item props? make sure provided items are organized`,
+ );
+ }
+ break;
+ }
+ const isLeaf = nextItemProps?.parentId !== treeItemProps.id;
+ const currentLevel = (currentParent.level ?? 0) + 1;
+ const currentChildrenSize = ++currentParent.childrenSize;
+
+ const flatTreeItem: FlatTreeItem = {
+ id: treeItemProps.id,
+ getTreeItemProps: () => ({
+ ...treeItemProps,
+ 'aria-level': currentLevel,
+ 'aria-posinset': currentChildrenSize,
+ 'aria-setsize': currentParent.childrenSize,
+ leaf: isLeaf,
+ }),
+ level: currentLevel,
+ parentId,
+ childrenSize: 0,
+ index: -1,
+ };
+ itemsPerId.set(flatTreeItem.id, flatTreeItem);
+ items.push(flatTreeItem);
+ }
+
+ return {
+ root,
+ size: items.length,
+ getByIndex: index => items[index],
+ get: id => itemsPerId.get(id),
+ set: (id, value) => itemsPerId.set(id, value),
+ };
+}
+
+export const flatTreeRootId = '__fuiFlatTreeRoot';
+
+function createFlatTreeRootItem(): FlatTreeItem {
+ return {
+ id: flatTreeRootId,
+ 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 };
+ },
+ childrenSize: 0,
+ get index() {
+ 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 -1;
+ },
+ level: 0,
+ };
+}
+
+// eslint-disable-next-line @typescript-eslint/naming-convention
+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;
+ if (isItemVisible(item, openItems, flatTreeItems)) {
+ item.index = visibleIndex++;
+ yield item;
+ } else {
+ index += parent.childrenSize - 1 + item.childrenSize;
+ }
+ }
+}
+
+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)) {
+ return false;
+ }
+ const parent = flatTreeItems.get(item.parentId);
+ if (!parent) {
+ return false;
+ }
+ item = parent;
+ }
+ return true;
+}
diff --git a/packages/react-components/react-tree/src/utils/createUnfilteredFlatTree.ts b/packages/react-components/react-tree/src/utils/createUnfilteredFlatTree.ts
deleted file mode 100644
index dc05f22f7fce3..0000000000000
--- a/packages/react-components/react-tree/src/utils/createUnfilteredFlatTree.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { FlatTreeItem, FlatTreeItemProps } from '../hooks/useFlatTree';
-
-/**
- * @internal
- */
-export type UnfilteredFlatTree = {
- items: FlatTreeItem[];
- itemsPerId: Map;
-};
-
-/**
- * creates a list of flat tree items
- * and provides a map to access each item by id
- */
-export function createUnfilteredFlatTree(flatTreeItemProps: FlatTreeItemProps[]): UnfilteredFlatTree {
- const root = createRootFlatTreeItem();
- const itemsPerId = new Map([[root.id, root]]);
- const items: FlatTreeItem[] = [];
-
- for (let index = 0; index < flatTreeItemProps.length; index++) {
- const { parentId = flatTreeRootParentId, ...treeItemProps } = flatTreeItemProps[index];
-
- const nextItemProps = flatTreeItemProps[index + 1] as FlatTreeItemProps | undefined;
- const currentParent = itemsPerId.get(parentId);
- if (!currentParent) {
- if (process.env.NODE_ENV === 'development') {
- // eslint-disable-next-line no-console
- console.error(
- `useFlatTree: item ${flatTreeItemProps[index].id} not properly initialized, make sure provided items are organized`,
- );
- }
- break;
- }
- const isLeaf = nextItemProps?.parentId !== treeItemProps.id;
- const currentLevel = (currentParent.level ?? 0) + 1;
- const currentChildrenSize = ++currentParent.childrenSize;
-
- const flatTreeItem: FlatTreeItem = {
- id: treeItemProps.id,
- getTreeItemProps: () => ({
- ...treeItemProps,
- 'aria-level': currentLevel,
- 'aria-posinset': currentChildrenSize,
- 'aria-setsize': currentParent.childrenSize,
- leaf: isLeaf,
- }),
- level: currentLevel,
- parentId,
- childrenSize: 0,
- index: -1,
- };
- itemsPerId.set(flatTreeItem.id, flatTreeItem);
- items.push(flatTreeItem);
- }
-
- return { items, itemsPerId };
-}
-
-export const flatTreeRootParentId = '__fuiFlatTreeRoot';
-
-function createRootFlatTreeItem(): FlatTreeItem {
- return {
- id: flatTreeRootParentId,
- getTreeItemProps: () => {
- if (process.env.NODE_ENV === 'development') {
- // eslint-disable-next-line no-console
- console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element');
- }
- return { id: flatTreeRootParentId, 'aria-setsize': -1, 'aria-level': -1, 'aria-posinset': -1, leaf: true };
- },
- childrenSize: 0,
- get index() {
- if (process.env.NODE_ENV === 'development') {
- // eslint-disable-next-line no-console
- console.error('useFlatTree: internal error, trying to access treeitem props from invalid root element');
- }
- return -1;
- },
- level: 0,
- };
-}
diff --git a/packages/react-components/react-tree/src/utils/createVisibleFlatTree.ts b/packages/react-components/react-tree/src/utils/createVisibleFlatTree.ts
deleted file mode 100644
index c942ce440d68c..0000000000000
--- a/packages/react-components/react-tree/src/utils/createVisibleFlatTree.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-import { FlatTree, FlatTreeItem } from '../hooks/useFlatTree';
-import { TreeItemId, TreeNavigationData_unstable } from '../Tree';
-import { flatTreeRootParentId, UnfilteredFlatTree } from './createUnfilteredFlatTree';
-import { ImmutableSet } from './ImmutableSet';
-import { treeDataTypes } from './tokens';
-
-/**
- * creates methods that depend on the unfilteredFlatTree and the current available openItems
- */
-export function createVisibleFlatTree(
- unfilteredFlatTree: UnfilteredFlatTree,
- openItems: ImmutableSet,
-): Pick {
- let visibleItems: FlatTreeItem[] | null = null;
-
- const getNextNavigableItem = (data: TreeNavigationData_unstable): FlatTreeItem | null => {
- const item = unfilteredFlatTree.itemsPerId.get(data.target.id);
- if (!item || !visibleItems) {
- return null;
- }
- switch (data.type) {
- case treeDataTypes.arrowLeft:
- return item.parentId ? unfilteredFlatTree.itemsPerId.get(item.parentId) ?? null : null;
- case treeDataTypes.arrowRight:
- return visibleItems[item.index + 1] ?? null;
- case treeDataTypes.end:
- return visibleItems[visibleItems.length - 1];
- case treeDataTypes.home:
- return visibleItems[0];
- case treeDataTypes.arrowDown:
- return visibleItems[item.index + 1] ?? null;
- case treeDataTypes.arrowUp:
- return visibleItems[item.index - 1] ?? null;
- default:
- return null;
- }
- };
-
- function* makeVisibleItemsGenerator() {
- visibleItems = [];
- for (let index = 0, visibleIndex = 0; index < unfilteredFlatTree.items.length; index++) {
- const item = unfilteredFlatTree.items[index];
- const parent = unfilteredFlatTree.itemsPerId.get(item.parentId ?? flatTreeRootParentId);
- if (!parent) {
- break;
- }
- if (isFlatTreeItemVisible(item, { openItems, unfilteredFlatTree })) {
- item.index = visibleIndex++;
- visibleItems.push({ ...item });
- yield item;
- } else {
- index += parent.childrenSize - 1 + item.childrenSize;
- }
- }
- }
-
- return {
- getNextNavigableItem,
- items: () => {
- return visibleItems || makeVisibleItemsGenerator();
- },
- };
-}
-
-function isFlatTreeItemVisible(
- item: FlatTreeItem,
- {
- openItems,
- unfilteredFlatTree: flatTree,
- }: {
- openItems: ImmutableSet;
- unfilteredFlatTree: UnfilteredFlatTree;
- },
-) {
- if (item.level === 1) {
- return true;
- }
- while (item.parentId && item.parentId !== flatTreeRootParentId) {
- if (!openItems.has(item.parentId)) {
- return false;
- }
- const parent = flatTree.itemsPerId.get(item.parentId);
- if (!parent) {
- return false;
- }
- item = parent;
- }
-
- return true;
-}
diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemLayout.md b/packages/react-components/react-tree/stories/Layouts/TreeItemLayout.md
new file mode 100644
index 0000000000000..da5e107408907
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemLayout.md
@@ -0,0 +1 @@
+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/Tree/TreeLayout.stories.tsx b/packages/react-components/react-tree/stories/Layouts/TreeItemLayout.stories.tsx
similarity index 95%
rename from packages/react-components/react-tree/stories/Tree/TreeLayout.stories.tsx
rename to packages/react-components/react-tree/stories/Layouts/TreeItemLayout.stories.tsx
index c76588ad8d644..a9fb2b1c39b43 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeLayout.stories.tsx
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemLayout.stories.tsx
@@ -10,6 +10,7 @@ import {
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',
@@ -102,3 +103,11 @@ export const Layout = () => {
);
};
+
+Layout.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemLayoutAside.md b/packages/react-components/react-tree/stories/Layouts/TreeItemLayoutAside.md
new file mode 100644
index 0000000000000..993f85a456f07
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemLayoutAside.md
@@ -0,0 +1 @@
+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.
diff --git a/packages/react-components/react-tree/stories/Tree/TreeAside.stories.tsx b/packages/react-components/react-tree/stories/Layouts/TreeItemLayoutAside.stories.tsx
similarity index 93%
rename from packages/react-components/react-tree/stories/Tree/TreeAside.stories.tsx
rename to packages/react-components/react-tree/stories/Layouts/TreeItemLayoutAside.stories.tsx
index 65c77c1fb6d33..6d78eb1309240 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeAside.stories.tsx
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemLayoutAside.stories.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
import { Button, CounterBadge } from '@fluentui/react-components';
import { Edit20Regular, FluentIconsProps, Important16Regular, MoreHorizontal20Regular } from '@fluentui/react-icons';
+import story from './TreeItemLayoutAside.md';
const iconStyleProps: FluentIconsProps = {
primaryFill: 'red',
@@ -23,7 +24,7 @@ const Actions = () => (
export const Aside = () => (
- }>
+
}>level 1, item 1
}>
@@ -37,7 +38,7 @@ export const Aside = () => (
- }>
+
}>level 1, item 2
}>
@@ -67,3 +68,11 @@ export const Aside = () => (
);
+
+Aside.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemLayoutDefault.stories.tsx b/packages/react-components/react-tree/stories/Layouts/TreeItemLayoutDefault.stories.tsx
new file mode 100644
index 0000000000000..c06f819cbf177
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemLayoutDefault.stories.tsx
@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
+
+export const DefaultTreeItemLayout = () => {
+ return (
+
+
+ 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
+
+
+
+
+
+
+ );
+};
diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayout.md b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayout.md
new file mode 100644
index 0000000000000..8778ca825b31c
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayout.md
@@ -0,0 +1 @@
+With `TreeItemPersonaLayout`, `TreeItem`, and `Tree`, you can create a highly customizable and flexible UI by leveraging various props like `media`, `icons`, `badges`, and `actions`. Here are some examples of how you can use these components together to achieve different layouts and appearances.
diff --git a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreePersonaLayout.stories.tsx b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayout.stories.tsx
similarity index 96%
rename from packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreePersonaLayout.stories.tsx
rename to packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayout.stories.tsx
index 563ceb09703b9..091de57556bdf 100644
--- a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreePersonaLayout.stories.tsx
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayout.stories.tsx
@@ -14,6 +14,7 @@ import {
} from '@fluentui/react-components';
import { Tree, TreeItem, TreeItemPersonaLayout } from '@fluentui/react-tree';
import { Flag20Regular, FluentIconsProps, Important16Regular, MoreHorizontal20Regular } from '@fluentui/react-icons';
+import story from './TreeItemPersonaLayout.md';
const useBadgeStyles = makeStyles({
base: {
@@ -132,3 +133,11 @@ export const TreePersonaLayout = () => {
);
};
+
+TreePersonaLayout.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutDefault.stories.tsx b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutDefault.stories.tsx
similarity index 95%
rename from packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutDefault.stories.tsx
rename to packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutDefault.stories.tsx
index 8f4ded4408824..c5e6ebf8d650e 100644
--- a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutDefault.stories.tsx
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutDefault.stories.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
import { Avatar } from '@fluentui/react-components';
import { Tree, TreeItem, TreeItemPersonaLayout } from '@fluentui/react-tree';
-export const Default = () => {
+export const DefaultTreeItemPersonaLayout = () => {
return (
diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutDescription.md b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutDescription.md
new file mode 100644
index 0000000000000..6130dc586949a
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutDescription.md
@@ -0,0 +1 @@
+`TreeItemPersonaLayout` is a layout component used to display a `TreeItem` with a media (such as an avatar) and a description. Its purpose is to provide a more visually appealing representation of a `TreeItem`, often used to display a list of people or related topics.
diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutMedia.md b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutMedia.md
new file mode 100644
index 0000000000000..ae06924ccf5c8
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutMedia.md
@@ -0,0 +1,3 @@
+The `TreeItemPersonaLayout` component allows each `TreeItem` to be displayed with a persona layout, which supports a `media` prop such as an `Avatar`.
+
+The `Avatar` component can be customized with different sizes and shapes to suit the design needs.
diff --git a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutMedia.stories.tsx b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutMedia.stories.tsx
similarity index 91%
rename from packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutMedia.stories.tsx
rename to packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutMedia.stories.tsx
index 4decbda8d4598..e8c47e1d15c2c 100644
--- a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutMedia.stories.tsx
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutMedia.stories.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { Avatar } from '@fluentui/react-components';
import { Tree, TreeItem, TreeItemPersonaLayout } from '@fluentui/react-tree';
+import story from './TreeItemPersonaLayoutMedia.md';
export const Media = () => {
return (
@@ -36,3 +37,11 @@ export const Media = () => {
);
};
+
+Media.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutReadUnread.md b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutReadUnread.md
new file mode 100644
index 0000000000000..eff0fde898036
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutReadUnread.md
@@ -0,0 +1 @@
+Layout components can be customized with different styles to make it more visually appealing. In the example below, the component is used to display chat messages. We differentiate between read and unread messages by applying customized styles using the `makeStyles` hook.
diff --git a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutReadUnread.stories.tsx b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutReadUnread.stories.tsx
similarity index 74%
rename from packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutReadUnread.stories.tsx
rename to packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutReadUnread.stories.tsx
index fb6df6d7b8876..a3a1ddddffb7b 100644
--- a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutReadUnread.stories.tsx
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutReadUnread.stories.tsx
@@ -1,10 +1,11 @@
import * as React from 'react';
-import { Avatar, makeStyles } from '@fluentui/react-components';
+import { Avatar, makeStyles, tokens } from '@fluentui/react-components';
import { Tree, TreeItem, TreeItemPersonaLayout } from '@fluentui/react-tree';
+import story from './TreeItemPersonaLayoutReadUnread.md';
const useStyles = makeStyles({
unread: {
- fontWeight: 'bold',
+ fontWeight: tokens.fontWeightSemibold,
},
});
@@ -29,3 +30,11 @@ export const ReadUnread = () => {
);
};
+
+ReadUnread.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutWithDescription.md b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutWithDescription.md
new file mode 100644
index 0000000000000..7ce381c22ba3b
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutWithDescription.md
@@ -0,0 +1 @@
+You can add a `description` prop to the `TreeItemPersonaLayout` that can be used to display secondary text content beneath the primary text content. This is useful for providing additional information or context about the primary content.
diff --git a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutWithDescription.stories.tsx b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutWithDescription.stories.tsx
similarity index 91%
rename from packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutWithDescription.stories.tsx
rename to packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutWithDescription.stories.tsx
index 3beace7f217c8..feb24dad41aad 100644
--- a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutWithDescription.stories.tsx
+++ b/packages/react-components/react-tree/stories/Layouts/TreeItemPersonaLayoutWithDescription.stories.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { Avatar } from '@fluentui/react-components';
import { Tree, TreeItem, TreeItemPersonaLayout } from '@fluentui/react-tree';
+import story from './TreeItemPersonaLayoutWithDescription.md';
export const WithDescription = () => {
return (
@@ -49,3 +50,11 @@ export const WithDescription = () => {
);
};
+
+WithDescription.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/Layouts/description.md b/packages/react-components/react-tree/stories/Layouts/description.md
new file mode 100644
index 0000000000000..84d5122c05da1
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Layouts/description.md
@@ -0,0 +1,5 @@
+The `TreeItem` component allows for flexible display of items in a tree structure by supporting two types of layouts: `TreeItemLayout` and `TreeItemPersonaLayout`.
+
+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.
diff --git a/packages/react-components/react-tree/stories/Layouts/index.stories.tsx b/packages/react-components/react-tree/stories/Layouts/index.stories.tsx
new file mode 100644
index 0000000000000..1e6036662837c
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Layouts/index.stories.tsx
@@ -0,0 +1,23 @@
+import { TreeItemLayout, TreeItemPersonaLayout } from '@fluentui/react-tree';
+import descriptionMd from './description.md';
+
+export { DefaultTreeItemLayout } from './TreeItemLayoutDefault.stories';
+export { DefaultTreeItemPersonaLayout } from './TreeItemPersonaLayoutDefault.stories';
+export { Aside } from './TreeItemLayoutAside.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],
+ parameters: {
+ docs: {
+ description: {
+ component: [descriptionMd].join('\n'),
+ },
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/Tree/TreeAppearance.md b/packages/react-components/react-tree/stories/Tree/TreeAppearance.md
new file mode 100644
index 0000000000000..19f6bcf3eda8c
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Tree/TreeAppearance.md
@@ -0,0 +1 @@
+The `Tree` component supports different appearances for TreeItems. The default apperance value is `subtle`. The `subtle-alpha` appearance minimizes emphasis on hovered or focused states, while the `transparent` appearance removes the background color.
diff --git a/packages/react-components/react-tree/stories/Tree/TreeAppearance.stories.tsx b/packages/react-components/react-tree/stories/Tree/TreeAppearance.stories.tsx
index 2d5edcbaa88e6..d23aca3bf0c56 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeAppearance.stories.tsx
+++ b/packages/react-components/react-tree/stories/Tree/TreeAppearance.stories.tsx
@@ -1,5 +1,6 @@
import * as React from 'react';
import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
+import story from './TreeAppearance.md';
export const Appearance = () => {
return (
@@ -26,10 +27,7 @@ export const Appearance = () => {
Appearance.parameters = {
docs: {
description: {
- story:
- '- `(undefined)`: the tree item appears with the default style\n' +
- '- `subtle`: minimizes emphasis on hovered or focused states\n' +
- '- `transparent`: removes background color.\n',
+ story,
},
},
};
diff --git a/packages/react-components/react-tree/stories/Tree/TreeBestPractices.md b/packages/react-components/react-tree/stories/Tree/TreeBestPractices.md
index 08ff8ddeeb5f8..be393f97b2cea 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeBestPractices.md
+++ b/packages/react-components/react-tree/stories/Tree/TreeBestPractices.md
@@ -1,5 +1,14 @@
-## Best practices
+
+
+ Best Practices
+
### Do
-### Don't
+- Use the `Tree` component to create a tree structure with `TreeItem` components as children.
+- Organize nodes in a clear hierarchy, with parent nodes at higher levels and child nodes at lower levels.
+- Use custom styles if the tree needs to support more than 10 levels of nesting.
+- Provide an alternative way to represent the tree structure by flattening it into a list of items.
+- Use the `aria-label` attribute on the root of the Tree component to provide an accessible name for the tree.
+
+
diff --git a/packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.md b/packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.md
new file mode 100644
index 0000000000000..ec78c4c204dc7
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.md
@@ -0,0 +1,3 @@
+The `Tree` component provides a way to control the open/closed state of individual `TreeItem` components using the `openItems` and `onOpenChange` props.
+
+The `openItems` prop takes an array of `TreeItem` IDs that are currently open, while the `onOpenChange` callback function is called whenever a `TreeItem` is opened or closed. You can then use the callback to update the `openItems` array and keep track of which `TreeItems` are open or closed.
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 3144aed6a401b..b8b92a732088a 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.stories.tsx
+++ b/packages/react-components/react-tree/stories/Tree/TreeControllingOpenAndClose.stories.tsx
@@ -7,6 +7,7 @@ import {
TreeOpenChangeData,
TreeOpenChangeEvent,
} from '@fluentui/react-tree';
+import story from './TreeControllingOpenAndClose.md';
export const OpenItemsControlled = () => {
const [openItems, setOpenItems] = React.useState([]);
@@ -47,3 +48,11 @@ export const OpenItemsControlled = () => {
);
};
+
+OpenItemsControlled.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.md b/packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.md
new file mode 100644
index 0000000000000..af5d41a2a6d04
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.md
@@ -0,0 +1 @@
+The `Tree` component allows you to set the default open/closed state using the `defaultOpenItems` prop for expandable `TreeItem` components. This prop takes an array of `TreeItem` IDs that should be open by default. When the `Tree` is first rendered, the `TreeItem` components listed in `defaultOpenItems` will be open by default, while all other expandable `TreeItem` components will be closed.
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 7e53ddac1a396..fa3dd1181a7d4 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.stories.tsx
+++ b/packages/react-components/react-tree/stories/Tree/TreeDefaultOpenTrees.stories.tsx
@@ -1,5 +1,6 @@
import * as React from 'react';
import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
+import story from './TreeDefaultOpenTrees.md';
export const DefaultOpenTrees = () => {
const defaultOpenTrees = ['default-subtree-1', 'default-subtree-2', 'default-subtree-2-1'];
@@ -42,3 +43,11 @@ export const DefaultOpenTrees = () => {
);
};
+
+DefaultOpenTrees.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/Tree/TreeDescription.md b/packages/react-components/react-tree/stories/Tree/TreeDescription.md
index 73f177d09a492..0aac5c7d2efb7 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeDescription.md
+++ b/packages/react-components/react-tree/stories/Tree/TreeDescription.md
@@ -1,3 +1,5 @@
+`Tree` is a hierarchical structure for displaying data in a collapsible and expandable way. It consists of a root node that branches out to child nodes, which can also have their own child nodes. Each node can have a content, which is displayed in the tree. The tree is usually used to represent a hierarchy of information, such as a file system, or organization chart. Users can interact with the tree by expanding or collapsing nodes, selecting nodes, or performing actions.
+
> **⚠️ Preview components are considered unstable:**
diff --git a/packages/react-components/react-tree/stories/Tree/TreeSize.md b/packages/react-components/react-tree/stories/Tree/TreeSize.md
new file mode 100644
index 0000000000000..5fbe022900874
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Tree/TreeSize.md
@@ -0,0 +1 @@
+The `size` prop is used to change the size of the `Tree` and its items. It accepts two values: `medium` (default) and `small`. You can set this prop on the `Tree` component to change the size of all items within the tree.
diff --git a/packages/react-components/react-tree/stories/Tree/TreeSize.stories.tsx b/packages/react-components/react-tree/stories/Tree/TreeSize.stories.tsx
index 0ef71656b7562..7e0f313612f45 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeSize.stories.tsx
+++ b/packages/react-components/react-tree/stories/Tree/TreeSize.stories.tsx
@@ -1,5 +1,6 @@
import * as React from 'react';
import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
+import story from './TreeSize.md';
export const Size = () => {
return (
@@ -44,7 +45,7 @@ export const Size = () => {
Size.parameters = {
docs: {
description: {
- story: 'A tree item supports `small` and `medium` sizes.',
+ story,
},
},
};
diff --git a/packages/react-components/react-tree/stories/Tree/Virtualization.md b/packages/react-components/react-tree/stories/Tree/Virtualization.md
new file mode 100644
index 0000000000000..4545d50951a48
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Tree/Virtualization.md
@@ -0,0 +1,3 @@
+A `Tree` can be virtualized to optimize the rendering of a large tree structure. This technique involves creating a virtual version of the tree that only loads the visible nodes at any given time. By doing so, it reduces the number of DOM nodes that need to be rendered, which in turn improves time to interaction of large trees.
+
+To achieve this, one can create a `flattened` version of the tree structure that can be easily consumed by a virtualization library. This library renders only the items that are currently visible on the screen, which improves TTI metrics.
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 1feef597e7926..b3aa74eb05952 100644
--- a/packages/react-components/react-tree/stories/Tree/Virtualization.stories.tsx
+++ b/packages/react-components/react-tree/stories/Tree/Virtualization.stories.tsx
@@ -15,7 +15,8 @@ import {
FlatTreeItem,
} from '@fluentui/react-tree';
import { FixedSizeList, FixedSizeListProps, ListChildComponentProps } from 'react-window';
-import { ForwardRefComponent, getSlots, useFluent } from '@fluentui/react-components';
+import { ForwardRefComponent, getSlots } from '@fluentui/react-components';
+import story from './Virtualization.md';
const defaultItems: FlatTreeItemProps[] = [
{
@@ -70,18 +71,17 @@ const FixedSizeTreeItem = (props: FixedSizeTreeItemProps) => {
};
export const Virtualization = () => {
- const { targetDocument } = useFluent();
const flatTree = useFlatTree_unstable(defaultItems);
const listRef = React.useRef(null);
- const visibleItems = Array.from(flatTree.items());
+ const items = React.useMemo(() => Array.from(flatTree.items()), [flatTree]);
const handleNavigation = (event: TreeNavigationEvent_unstable, data: TreeNavigationData_unstable) => {
event.preventDefault();
- const nextItem = flatTree.getNextNavigableItem(data);
- if (!nextItem || !targetDocument) {
+ const nextItem = flatTree.getNextNavigableItem(items, data);
+ if (!nextItem) {
return;
}
- if (!targetDocument.getElementById(nextItem.id)) {
+ if (document.getElementById(nextItem.id)) {
listRef.current?.scrollToItem(nextItem.index);
return requestAnimationFrame(() => flatTree.navigate(data));
}
@@ -93,8 +93,8 @@ export const Virtualization = () => {
listProps={{
ref: listRef,
height: 300,
- itemCount: visibleItems.length,
- itemData: visibleItems,
+ itemCount: items.length,
+ itemData: items,
itemSize: 32,
width: 300,
children: FixedSizeTreeItem,
@@ -104,3 +104,11 @@ export const Virtualization = () => {
/>
);
};
+
+Virtualization.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/Tree/flattenTree.md b/packages/react-components/react-tree/stories/Tree/flattenTree.md
new file mode 100644
index 0000000000000..9bf32b60f8940
--- /dev/null
+++ b/packages/react-components/react-tree/stories/Tree/flattenTree.md
@@ -0,0 +1,3 @@
+A `Tree` can be flattened, meaning that its nested structure is transformed into a flat list of items. This can be helpful when you need to display a tree in a linear fashion, such as in a list.
+
+In the code, the `defaultItems` array represents a flattened tree with each item containing the content to display. The `useFlatTree` hook transforms the flattened tree into a format that can be consumed by a `Tree` component. The `Tree` component handles rendering the nested structure, while the `useFlatTree` hook handles the logic for flattened 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 0ca56473d8cfa..60013bf4ba636 100644
--- a/packages/react-components/react-tree/stories/Tree/flattenTree.stories.tsx
+++ b/packages/react-components/react-tree/stories/Tree/flattenTree.stories.tsx
@@ -1,5 +1,6 @@
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([
{
@@ -35,6 +36,7 @@ const defaultItems = flattenTree_unstable([
],
},
]);
+
export const FlattenTree = () => {
const flatTree = useFlatTree_unstable(defaultItems);
return (
@@ -45,3 +47,11 @@ export const FlattenTree = () => {
);
};
+
+FlattenTree.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/Tree/index.stories.tsx b/packages/react-components/react-tree/stories/Tree/index.stories.tsx
index c642b6dabeca4..efe1a3db6fb06 100644
--- a/packages/react-components/react-tree/stories/Tree/index.stories.tsx
+++ b/packages/react-components/react-tree/stories/Tree/index.stories.tsx
@@ -1,28 +1,20 @@
-import { Tree } from '@fluentui/react-tree';
+import { Tree, TreeItem, TreeItemLayout, TreeItemPersonaLayout } from '@fluentui/react-tree';
import descriptionMd from './TreeDescription.md';
import bestPracticesMd from './TreeBestPractices.md';
export { Default } from './TreeDefault.stories';
-export { OpenItemsControlled } from './TreeControllingOpenAndClose.stories';
-export { ExpandCollapseIconOnly } from './TreeExpandCollapseIconOnly.stories';
export { DefaultOpenTrees } from './TreeDefaultOpenTrees.stories';
-export { Actions } from './TreeActions.stories';
-export { Aside } from './TreeAside.stories';
-export { ExpandIcon } from './TreeExpandIcon.stories';
-export { IconBefore } from './TreeIconBefore.stories';
-export { IconAfter } from './TreeIconAfter.stories';
-export { Layout } from './TreeLayout.stories';
-export { Size } from './TreeSize.stories';
export { Appearance } from './TreeAppearance.stories';
-export { WithInlineStyle } from './TreeWithInlineStyle.stories';
-export { UseFlatTreeItems as useFlatTreeItems } from './useFlatTreeItems.stories';
+export { Size } from './TreeSize.stories';
+export { OpenItemsControlled } from './TreeControllingOpenAndClose.stories';
export { FlattenTree as flattenTree } from './flattenTree.stories';
export { Virtualization } from './Virtualization.stories';
export default {
- title: 'Preview Components/Tree',
+ title: 'Preview Components/Tree/Tree',
component: Tree,
+ subcomponents: { TreeItem, TreeItemLayout, TreeItemPersonaLayout },
parameters: {
docs: {
description: {
diff --git a/packages/react-components/react-tree/stories/Tree/useFlatTreeItems.stories.tsx b/packages/react-components/react-tree/stories/Tree/useFlatTreeItems.stories.tsx
deleted file mode 100644
index 69e0e60242a51..0000000000000
--- a/packages/react-components/react-tree/stories/Tree/useFlatTreeItems.stories.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import * as React from 'react';
-import { Tree, TreeItem, TreeItemLayout, useFlatTree_unstable, FlatTreeItemProps } from '@fluentui/react-tree';
-
-const defaultItems: FlatTreeItemProps[] = [
- {
- id: '1',
- children: Level 1, item 1,
- },
- {
- id: '1-1',
- parentId: '1',
- children: Level 2, item 1,
- },
- {
- id: '1-2',
- parentId: '1',
- children: Level 2, item 2,
- },
- {
- id: '1-3',
- parentId: '1',
- children: Level 2, item 3,
- },
- {
- id: '2',
- children: Level 1, item 2,
- },
- {
- id: '2-1',
- parentId: '2',
- children: Level 2, item 1,
- },
- {
- id: '2-1-1',
- parentId: '2-1',
- children: Level 3, item 1,
- },
- {
- id: '2-2',
- parentId: '2',
- children: Level 2, item 2,
- },
- {
- id: '2-2-1',
- parentId: '2-2',
- children: Level 3, item 1,
- },
- {
- id: '2-2-2',
- parentId: '2-2',
- children: Level 3, item 2,
- },
- {
- id: '2-2-3',
- parentId: '2-2',
- children: Level 3, item 3,
- },
- {
- id: '3',
- children: Level 1, item 3,
- },
-];
-
-export const UseFlatTreeItems = () => {
- const flatTree = useFlatTree_unstable(defaultItems);
-
- return (
-
- {Array.from(flatTree.items(), flatTreeItem => (
-
- ))}
-
- );
-};
diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemActions.md b/packages/react-components/react-tree/stories/TreeItem/TreeItemActions.md
new file mode 100644
index 0000000000000..385a3148f42c4
--- /dev/null
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemActions.md
@@ -0,0 +1,3 @@
+Add custom actions to each `TreeItem` component to add extra functionality, such as buttons or menus. This can be done by passing a component that renders the desired actions as a prop to the `TreeItem`.
+
+The `actions` are hidden by default and appear on the right-side when the user hovers over the `TreeItem`.
diff --git a/packages/react-components/react-tree/stories/Tree/TreeActions.stories.tsx b/packages/react-components/react-tree/stories/TreeItem/TreeItemActions.stories.tsx
similarity index 95%
rename from packages/react-components/react-tree/stories/Tree/TreeActions.stories.tsx
rename to packages/react-components/react-tree/stories/TreeItem/TreeItemActions.stories.tsx
index 9c765a3172e8c..f536e9418ae5a 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeActions.stories.tsx
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemActions.stories.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
import { Edit20Regular, MoreHorizontal20Regular } from '@fluentui/react-icons';
import { Button, Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';
+import story from './TreeItemActions.md';
const RenderActions = () => {
return (
@@ -71,3 +72,11 @@ export const Actions = () => (
);
+
+Actions.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemDefault.stories.tsx b/packages/react-components/react-tree/stories/TreeItem/TreeItemDefault.stories.tsx
new file mode 100644
index 0000000000000..46a49dac5010e
--- /dev/null
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemDefault.stories.tsx
@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
+
+export const Default = () => {
+ return (
+
+
+ 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
+
+
+
+
+
+
+ );
+};
diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemDescription.md b/packages/react-components/react-tree/stories/TreeItem/TreeItemDescription.md
new file mode 100644
index 0000000000000..0dc57ec18b0f5
--- /dev/null
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemDescription.md
@@ -0,0 +1,3 @@
+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.
diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.md b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.md
new file mode 100644
index 0000000000000..f79ce0dc4eb13
--- /dev/null
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.md
@@ -0,0 +1,3 @@
+By default, every `TreeItem` component that can be expanded or collapsed will respond to clicks on both the content and the expand/collapse icon. If you need to perform a different action when the `TreeItem` content is clicked, you can override this behavior.
+
+To do so, you can listen for the `onOpenChange` event in the root `Tree` component. When this event is triggered, you can check the type of the event data to determine whether the user clicked on the `TreeItem`'s content or the expand/collapse icon. This way, you can handle clicks on the content separately from expand/collapse events.
diff --git a/packages/react-components/react-tree/stories/Tree/TreeExpandCollapseIconOnly.stories.tsx b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.stories.tsx
similarity index 90%
rename from packages/react-components/react-tree/stories/Tree/TreeExpandCollapseIconOnly.stories.tsx
rename to packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.stories.tsx
index bdbdf6f2f9ece..e03f1cd330e98 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeExpandCollapseIconOnly.stories.tsx
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandCollapseIconOnly.stories.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
import { TreeOpenChangeData, TreeOpenChangeEvent } from '../../src/components/Tree/Tree.types';
+import story from './TreeItemExpandCollapseIconOnly.md';
export const ExpandCollapseIconOnly = () => {
const onOpenChange = (event: TreeOpenChangeEvent, data: TreeOpenChangeData) => {
@@ -43,3 +44,11 @@ export const ExpandCollapseIconOnly = () => {
);
};
+
+ExpandCollapseIconOnly.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.md b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.md
new file mode 100644
index 0000000000000..52316cde22ea3
--- /dev/null
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.md
@@ -0,0 +1,3 @@
+If you wish to customize the open/collapse icons, you can use the `expandIcon` property provided by the `TreeItem` component.
+
+This example replaces the default expand/collapse arrow icons with plus and minus characters to achieve a similar behavior.
diff --git a/packages/react-components/react-tree/stories/Tree/TreeExpandIcon.stories.tsx b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.stories.tsx
similarity index 93%
rename from packages/react-components/react-tree/stories/Tree/TreeExpandIcon.stories.tsx
rename to packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.stories.tsx
index c15fc01d1d579..49acbe0d497ae 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeExpandIcon.stories.tsx
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemExpandIcon.stories.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
import { Add12Regular, Subtract12Regular } from '@fluentui/react-icons';
import { TreeOpenChangeData, TreeOpenChangeEvent } from '../../src/Tree';
+import story from './TreeItemExpandIcon.md';
export const ExpandIcon = () => {
const [openItems, setOpenItems] = React.useState([]);
@@ -51,3 +52,11 @@ export const ExpandIcon = () => {
);
};
+
+ExpandIcon.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/Tree/TreeIconAfter.stories.tsx b/packages/react-components/react-tree/stories/TreeItem/TreeItemIconAfter.stories.tsx
similarity index 100%
rename from packages/react-components/react-tree/stories/Tree/TreeIconAfter.stories.tsx
rename to packages/react-components/react-tree/stories/TreeItem/TreeItemIconAfter.stories.tsx
diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemIconBefore.md b/packages/react-components/react-tree/stories/TreeItem/TreeItemIconBefore.md
new file mode 100644
index 0000000000000..45a4887f6732d
--- /dev/null
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemIconBefore.md
@@ -0,0 +1,3 @@
+The `TreeItemLayout` and `TreePersonaItemLayout` components allow you to add icons before or after the content of each `TreeItem` component. To add an icon before the text, use the `iconBefore` prop, and to add an icon after the text, use the `iconAfter` prop.
+
+You can add both at the same time.
diff --git a/packages/react-components/react-tree/stories/Tree/TreeIconBefore.stories.tsx b/packages/react-components/react-tree/stories/TreeItem/TreeItemIconBefore.stories.tsx
similarity index 89%
rename from packages/react-components/react-tree/stories/Tree/TreeIconBefore.stories.tsx
rename to packages/react-components/react-tree/stories/TreeItem/TreeItemIconBefore.stories.tsx
index 00bbe0e165cc2..111fc58d95cc7 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeIconBefore.stories.tsx
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemIconBefore.stories.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
import { Tree, TreeItem, TreeItemLayout } from '@fluentui/react-tree';
import { CheckboxChecked20Filled, CheckboxUnchecked20Filled } from '@fluentui/react-icons';
+import story from './TreeItemIconBefore.md';
export const IconBefore = () => {
return (
@@ -35,3 +36,11 @@ export const IconBefore = () => {
);
};
+
+IconBefore.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/TreeItem/TreeItemWithInlineStyle.md b/packages/react-components/react-tree/stories/TreeItem/TreeItemWithInlineStyle.md
new file mode 100644
index 0000000000000..0cd87707272ef
--- /dev/null
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemWithInlineStyle.md
@@ -0,0 +1,3 @@
+We support nested styling for the `Tree` component up to 10 levels of nesting due to performance implications. If you need to support more than 10 levels of nesting, you should consider using dynamic styling instead.
+
+The example below shows how to apply custom styles to `TreeItem` using inline styles to override the default static styles.
diff --git a/packages/react-components/react-tree/stories/Tree/TreeWithInlineStyle.stories.tsx b/packages/react-components/react-tree/stories/TreeItem/TreeItemWithInlineStyle.stories.tsx
similarity index 90%
rename from packages/react-components/react-tree/stories/Tree/TreeWithInlineStyle.stories.tsx
rename to packages/react-components/react-tree/stories/TreeItem/TreeItemWithInlineStyle.stories.tsx
index ecaf7e95648ed..b8535f72d223f 100644
--- a/packages/react-components/react-tree/stories/Tree/TreeWithInlineStyle.stories.tsx
+++ b/packages/react-components/react-tree/stories/TreeItem/TreeItemWithInlineStyle.stories.tsx
@@ -7,6 +7,7 @@ import {
TreeItemProps,
useTreeContext_unstable,
} from '@fluentui/react-tree';
+import story from './TreeItemWithInlineStyle.md';
const TreeItem = (props: TreeItemProps) => {
const level = useTreeContext_unstable(ctx => ctx.level);
@@ -46,3 +47,11 @@ export const WithInlineStyle = () => {
);
};
+
+WithInlineStyle.parameters = {
+ docs: {
+ description: {
+ story,
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/TreeItem/index.stories.tsx b/packages/react-components/react-tree/stories/TreeItem/index.stories.tsx
new file mode 100644
index 0000000000000..07c739a079abe
--- /dev/null
+++ b/packages/react-components/react-tree/stories/TreeItem/index.stories.tsx
@@ -0,0 +1,23 @@
+import { TreeItem, TreeItemLayout, TreeItemPersonaLayout } from '@fluentui/react-tree';
+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 default {
+ title: 'Preview Components/Tree/TreeItem',
+ component: TreeItem,
+ subcomponents: { TreeItemLayout, TreeItemPersonaLayout },
+ parameters: {
+ docs: {
+ description: {
+ component: [descriptionMd].join('\n'),
+ },
+ },
+ },
+};
diff --git a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutDescription.md b/packages/react-components/react-tree/stories/TreeItemPersonaLayout/TreeItemPersonaLayoutDescription.md
deleted file mode 100644
index e69de29bb2d1d..0000000000000
diff --git a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/index.stories.tsx b/packages/react-components/react-tree/stories/TreeItemPersonaLayout/index.stories.tsx
deleted file mode 100644
index f4134a0adaa11..0000000000000
--- a/packages/react-components/react-tree/stories/TreeItemPersonaLayout/index.stories.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { TreeItemPersonaLayout } from '@fluentui/react-tree';
-
-import descriptionMd from './TreeItemPersonaLayoutDescription.md';
-
-export { Default } from './TreeItemPersonaLayoutDefault.stories';
-export { TreePersonaLayout } from './TreePersonaLayout.stories';
-export { WithDescription } from './TreeItemPersonaLayoutWithDescription.stories';
-export { ReadUnread } from './TreeItemPersonaLayoutReadUnread.stories';
-export { Media } from './TreeItemPersonaLayoutMedia.stories';
-
-export default {
- title: 'Preview Components/Tree/PersonaTreeItem',
- component: TreeItemPersonaLayout,
- parameters: {
- docs: {
- description: {
- component: [descriptionMd].join('\n'),
- },
- },
- },
-};
diff --git a/packages/react-components/react-tree/tsconfig.cy.json b/packages/react-components/react-tree/tsconfig.cy.json
new file mode 100644
index 0000000000000..adabdccce8ad8
--- /dev/null
+++ b/packages/react-components/react-tree/tsconfig.cy.json
@@ -0,0 +1,9 @@
+{
+ "extends": "./tsconfig.json",
+ "compilerOptions": {
+ "isolatedModules": false,
+ "types": ["node", "cypress", "cypress-storybook/cypress", "cypress-real-events"],
+ "lib": ["ES2019", "dom"]
+ },
+ "include": ["src/**/*.cy.ts", "src/**/*.cy.tsx"]
+}
diff --git a/packages/react-components/react-tree/tsconfig.json b/packages/react-components/react-tree/tsconfig.json
index 1941a041d46c1..59b151614ef64 100644
--- a/packages/react-components/react-tree/tsconfig.json
+++ b/packages/react-components/react-tree/tsconfig.json
@@ -18,6 +18,9 @@
{
"path": "./tsconfig.spec.json"
},
+ {
+ "path": "./tsconfig.cy.json"
+ },
{
"path": "./.storybook/tsconfig.json"
}
diff --git a/packages/react-components/react-tree/tsconfig.lib.json b/packages/react-components/react-tree/tsconfig.lib.json
index 6f90cf95c005b..57715ca5207cc 100644
--- a/packages/react-components/react-tree/tsconfig.lib.json
+++ b/packages/react-components/react-tree/tsconfig.lib.json
@@ -11,6 +11,8 @@
},
"exclude": [
"./src/testing/**",
+ "**/*.cy.ts",
+ "**/*.cy.tsx",
"**/*.spec.ts",
"**/*.spec.tsx",
"**/*.test.ts",
diff --git a/packages/react-components/react-utilities/.babelrc.json b/packages/react-components/react-utilities/.babelrc.json
index 0b00fa93139ea..38bf1f7a945cf 100644
--- a/packages/react-components/react-utilities/.babelrc.json
+++ b/packages/react-components/react-utilities/.babelrc.json
@@ -1,4 +1,3 @@
{
- "presets": [],
"plugins": ["annotate-pure-calls", "@babel/transform-react-pure-annotations"]
}
diff --git a/packages/react-components/react-utilities/.swcrc b/packages/react-components/react-utilities/.swcrc
new file mode 100644
index 0000000000000..b4ffa86dee306
--- /dev/null
+++ b/packages/react-components/react-utilities/.swcrc
@@ -0,0 +1,30 @@
+{
+ "$schema": "https://json.schemastore.org/swcrc",
+ "exclude": [
+ "/testing",
+ "/**/*.cy.ts",
+ "/**/*.cy.tsx",
+ "/**/*.spec.ts",
+ "/**/*.spec.tsx",
+ "/**/*.test.ts",
+ "/**/*.test.tsx"
+ ],
+ "jsc": {
+ "parser": {
+ "syntax": "typescript",
+ "tsx": true,
+ "decorators": false,
+ "dynamicImport": false
+ },
+ "externalHelpers": true,
+ "transform": {
+ "react": {
+ "runtime": "classic",
+ "useSpread": true
+ }
+ },
+ "target": "es2019"
+ },
+ "minify": false,
+ "sourceMaps": true
+}
diff --git a/packages/react-components/react-utilities/CHANGELOG.json b/packages/react-components/react-utilities/CHANGELOG.json
index 13172e0efd1e3..7387d61ced0b7 100644
--- a/packages/react-components/react-utilities/CHANGELOG.json
+++ b/packages/react-components/react-utilities/CHANGELOG.json
@@ -1,6 +1,54 @@
{
"name": "@fluentui/react-utilities",
"entries": [
+ {
+ "date": "Tue, 21 Mar 2023 21:23:15 GMT",
+ "tag": "@fluentui/react-utilities_v9.7.2",
+ "version": "9.7.2",
+ "comments": {
+ "patch": [
+ {
+ "author": "bernardo.sunderhus@gmail.com",
+ "package": "@fluentui/react-utilities",
+ "commit": "a3463ec7ba84fce450b4a03c989806ba4e11c5e1",
+ "comment": "chore: exports isHTMLElement as public"
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-utilities",
+ "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+ "comment": "fix: add node field to package.json exports map."
+ },
+ {
+ "author": "tristan.watanabe@gmail.com",
+ "package": "@fluentui/react-utilities",
+ "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+ "comment": "chore: migrate to swc transpilation approach."
+ },
+ {
+ "author": "beachball",
+ "package": "@fluentui/react-utilities",
+ "comment": "Bump @fluentui/keyboard-keys to v9.0.2",
+ "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+ }
+ ]
+ }
+ },
+ {
+ "date": "Thu, 16 Mar 2023 14:36:58 GMT",
+ "tag": "@fluentui/react-utilities_v9.7.1",
+ "version": "9.7.1",
+ "comments": {
+ "patch": [
+ {
+ "author": "bernardo.sunderhus@gmail.com",
+ "package": "@fluentui/react-utilities",
+ "commit": "d3418e0a4afe8fbe4d9e375e85c3b6eccc6ccd68",
+ "comment": "fix(getSlots): stops slotProps.slot to be typed as never"
+ }
+ ]
+ }
+ },
{
"date": "Mon, 13 Mar 2023 08:58:26 GMT",
"tag": "@fluentui/react-utilities_v9.7.0",
diff --git a/packages/react-components/react-utilities/CHANGELOG.md b/packages/react-components/react-utilities/CHANGELOG.md
index 7f5c09eca97e2..8b061aee4e666 100644
--- a/packages/react-components/react-utilities/CHANGELOG.md
+++ b/packages/react-components/react-utilities/CHANGELOG.md
@@ -1,9 +1,30 @@
# Change Log - @fluentui/react-utilities
-This log was last generated on Mon, 13 Mar 2023 08:58:26 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:23:15 GMT and should not be manually modified.
+## [9.7.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.7.2)
+
+Tue, 21 Mar 2023 21:23:15 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.7.1..@fluentui/react-utilities_v9.7.2)
+
+### Patches
+
+- chore: exports isHTMLElement as public ([PR #27178](https://github.com/microsoft/fluentui/pull/27178) by bernardo.sunderhus@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- Bump @fluentui/keyboard-keys to v9.0.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.7.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.7.1)
+
+Thu, 16 Mar 2023 14:36:58 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.7.0..@fluentui/react-utilities_v9.7.1)
+
+### Patches
+
+- fix(getSlots): stops slotProps.slot to be typed as never ([PR #27231](https://github.com/microsoft/fluentui/pull/27231) by bernardo.sunderhus@gmail.com)
+
## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.7.0)
Mon, 13 Mar 2023 08:58:26 GMT
diff --git a/packages/react-components/react-utilities/etc/react-utilities.api.md b/packages/react-components/react-utilities/etc/react-utilities.api.md
index 02740e6bf77c1..b60ec22357e97 100644
--- a/packages/react-components/react-utilities/etc/react-utilities.api.md
+++ b/packages/react-components/react-utilities/etc/react-utilities.api.md
@@ -81,7 +81,7 @@ export const IdPrefixProvider: React_2.Provider;
// @internal
export function isFluentTrigger(element: React_2.ReactElement): element is React_2.ReactElement;
-// @internal
+// @public
export function isHTMLElement(element?: unknown, options?: {
constructorName?: ConstructorName;
}): element is InstanceType<(typeof globalThis)[ConstructorName]>;
diff --git a/packages/react-components/react-utilities/just.config.ts b/packages/react-components/react-utilities/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-utilities/just.config.ts
+++ b/packages/react-components/react-utilities/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-utilities/package.json b/packages/react-components/react-utilities/package.json
index d92d8e9fc5a3c..0085929f11e9f 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.0",
+ "version": "9.7.2",
"description": "A set of general React-specific utilities.",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -20,7 +20,7 @@
"lint": "just-scripts lint",
"test": "jest --passWithNoTests",
"type-check": "tsc -b tsconfig.json",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor"
+ "generate-api": "just-scripts generate-api"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
@@ -28,8 +28,8 @@
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/keyboard-keys": "^9.0.1",
- "tslib": "^2.1.0"
+ "@fluentui/keyboard-keys": "^9.0.2",
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -44,6 +44,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-utilities/src/utils/isHTMLElement.test.ts b/packages/react-components/react-utilities/src/utils/isHTMLElement.test.ts
index 7b070f8fa906f..b6009fff2f17c 100644
--- a/packages/react-components/react-utilities/src/utils/isHTMLElement.test.ts
+++ b/packages/react-components/react-utilities/src/utils/isHTMLElement.test.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @fluentui/ban-instanceof-html-element */
import { isHTMLElement } from './isHTMLElement';
class CustomHTMLElement {
diff --git a/packages/react-components/react-utilities/src/utils/isHTMLElement.ts b/packages/react-components/react-utilities/src/utils/isHTMLElement.ts
index c4c63d6221b4d..060e2c8bf5c26 100644
--- a/packages/react-components/react-utilities/src/utils/isHTMLElement.ts
+++ b/packages/react-components/react-utilities/src/utils/isHTMLElement.ts
@@ -1,15 +1,26 @@
/**
- * @internal
* Verifies if a given node is an HTMLElement,
* this method works seamlessly with frames and elements from different documents
*
- * This is required as simply using `instanceof`
- * might be problematic while operating with [multiple realms](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms)
+ * This is preferred over simply using `instanceof`.
+ * Since `instanceof` might be problematic while operating with [multiple realms](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms)
+ *
+ * @example
+ * ```ts
+ * isHTMLElement(event.target) && event.target.focus()
+ * isHTMLElement(event.target, {constructorName: 'HTMLInputElement'}) && event.target.value // some value
+ * ```
*
*/
export function isHTMLElement(
element?: unknown,
- options?: { constructorName?: ConstructorName },
+ options?: {
+ /**
+ * Can be used to provide a custom constructor instead of `HTMLElement`,
+ * Like `HTMLInputElement` for example.
+ */
+ constructorName?: ConstructorName;
+ },
): element is InstanceType<(typeof globalThis)[ConstructorName]> {
const typedElement = element as Node | null | undefined;
return Boolean(
@@ -18,7 +29,10 @@ export function isHTMLElement
+## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.14)
+
+Fri, 24 Mar 2023 10:15:27 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.13..@fluentui/react-virtualizer_v9.0.0-alpha.14)
+
+### Changes
+
+- [feat] Add static measurement hooks and embedded scroll option ([PR #26985](https://github.com/microsoft/fluentui/pull/26985) by mifraser@microsoft.com)
+
+## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.13)
+
+Tue, 21 Mar 2023 21:23:16 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.12..@fluentui/react-virtualizer_v9.0.0-alpha.13)
+
+### Changes
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.0.0-alpha.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.12)
+
+Thu, 16 Mar 2023 14:36:59 GMT
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-virtualizer_v9.0.0-alpha.11..@fluentui/react-virtualizer_v9.0.0-alpha.12)
+
+### Changes
+
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-virtualizer_v9.0.0-alpha.11)
Mon, 13 Mar 2023 08:58:26 GMT
diff --git a/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md b/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md
index 9c9a26dbbc2f8..a00c9dec69b41 100644
--- a/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md
+++ b/packages/react-components/react-virtualizer/etc/react-virtualizer.api.md
@@ -4,19 +4,22 @@
```ts
-import type { ComponentProps } from '@fluentui/react-utilities';
-import type { ComponentState } from '@fluentui/react-utilities';
+import { ComponentProps } from '@fluentui/react-utilities';
+import { ComponentState } from '@fluentui/react-utilities';
import type { Dispatch } from 'react';
import type { FC } from 'react';
import type { MutableRefObject } from 'react';
import * as React_2 from 'react';
import type { SetStateAction } from 'react';
-import type { Slot } from '@fluentui/react-utilities';
+import { Slot } from '@fluentui/react-utilities';
import type { SlotClassNames } from '@fluentui/react-utilities';
// @public (undocumented)
export const renderVirtualizer_unstable: (state: VirtualizerState) => JSX.Element;
+// @public (undocumented)
+export const renderVirtualizerScrollView_unstable: (state: VirtualizerScrollViewState) => JSX.Element;
+
// @public
export const useIntersectionObserver: (callback: IntersectionObserverCallback, options?: IntersectionObserverInit | undefined) => {
setObserverList: Dispatch>;
@@ -24,9 +27,23 @@ export const useIntersectionObserver: (callback: IntersectionObserverCallback, o
observer: MutableRefObject;
};
+// @public
+export const useStaticVirtualizerMeasure: (virtualizerProps: VirtualizerMeasureProps) => {
+ virtualizerLength: number;
+ bufferItems: number;
+ bufferSize: number;
+ scrollRef: (instance: HTMLElement | HTMLDivElement | null) => void;
+};
+
// @public (undocumented)
export function useVirtualizer_unstable(props: VirtualizerProps): VirtualizerState;
+// @public (undocumented)
+export function useVirtualizerScrollView_unstable(props: VirtualizerScrollViewProps): VirtualizerScrollViewState;
+
+// @public
+export const useVirtualizerScrollViewStyles_unstable: (state: VirtualizerScrollViewState) => VirtualizerScrollViewState;
+
// @public
export const useVirtualizerStyles_unstable: (state: VirtualizerState) => VirtualizerState;
@@ -40,21 +57,29 @@ export type VirtualizerChildRenderFunction = (index: number) => React_2.ReactNod
export const virtualizerClassNames: SlotClassNames;
// @public (undocumented)
-export type VirtualizerProps = ComponentProps> & {
- children: VirtualizerChildRenderFunction;
+export type VirtualizerProps = ComponentProps> & VirtualizerConfigProps;
+
+// @public
+export const VirtualizerScrollView: React_2.FC;
+
+// @public (undocumented)
+export const virtualizerScrollViewClassNames: SlotClassNames;
+
+// @public (undocumented)
+export type VirtualizerScrollViewProps = ComponentProps> & Partial> & {
itemSize: number;
numItems: number;
- virtualizerLength: number;
- bufferItems?: number;
- bufferSize?: number;
- intersectionObserverRoot?: React_2.MutableRefObject;
- axis?: 'vertical' | 'horizontal';
- reversed?: boolean;
- getItemSize?: (index: number) => number;
- onUpdateIndex?: (index: number, prevIndex: number) => void;
- onCalculateIndex?: (newIndex: number) => number;
+ children: VirtualizerChildRenderFunction;
};
+// @public (undocumented)
+export type VirtualizerScrollViewSlots = VirtualizerSlots & {
+ container: NonNullable>;
+};
+
+// @public (undocumented)
+export type VirtualizerScrollViewState = ComponentState & VirtualizerConfigState;
+
// @public (undocumented)
export type VirtualizerSlots = {
before: NonNullable>;
@@ -64,16 +89,7 @@ export type VirtualizerSlots = {
};
// @public (undocumented)
-export type VirtualizerState = ComponentState & {
- virtualizedChildren: React_2.ReactNode[];
- virtualizerStartIndex: number;
- afterBufferHeight: number;
- beforeBufferHeight: number;
- totalVirtualizerHeight: number;
- axis?: 'vertical' | 'horizontal';
- reversed?: boolean;
- bufferSize: number;
-};
+export type VirtualizerState = ComponentState & VirtualizerConfigState;
// (No @packageDocumentation comment for this package)
diff --git a/packages/react-components/react-virtualizer/just.config.ts b/packages/react-components/react-virtualizer/just.config.ts
index b10db31a6aca5..b7b2c9a33bf43 100644
--- a/packages/react-components/react-virtualizer/just.config.ts
+++ b/packages/react-components/react-virtualizer/just.config.ts
@@ -1,3 +1,5 @@
-import { preset } from '@fluentui/scripts-tasks';
+import { preset, task } from '@fluentui/scripts-tasks';
preset();
+
+task('build', 'build:react-components').cached?.();
diff --git a/packages/react-components/react-virtualizer/package.json b/packages/react-components/react-virtualizer/package.json
index d1f4727872cc5..d889c704dc6d8 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.11",
+ "version": "9.0.0-alpha.14",
"description": "Generic and composable virtualizer framework built on browser intersection observer",
"main": "lib-commonjs/index.js",
"module": "lib/index.js",
@@ -20,20 +20,21 @@
"test": "jest --passWithNoTests",
"storybook": "start-storybook",
"start": "yarn storybook",
- "generate-api": "tsc -p ./tsconfig.lib.json --emitDeclarationOnly && just-scripts api-extractor",
+ "generate-api": "just-scripts generate-api",
"type-check": "tsc -b tsconfig.json"
},
"devDependencies": {
"@fluentui/eslint-plugin": "*",
"@fluentui/react-conformance": "*",
- "@fluentui/react-conformance-griffel": "9.0.0-beta.19",
+ "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
"@fluentui/scripts-api-extractor": "*",
"@fluentui/scripts-tasks": "*"
},
"dependencies": {
- "@fluentui/react-utilities": "^9.7.0",
+ "@fluentui/react-utilities": "^9.7.2",
+ "@fluentui/react": "^8.106.9",
"@griffel/react": "^1.5.2",
- "tslib": "^2.1.0"
+ "@swc/helpers": "^0.4.14"
},
"peerDependencies": {
"@types/react": ">=16.8.0 <19.0.0",
@@ -51,6 +52,7 @@
"exports": {
".": {
"types": "./dist/index.d.ts",
+ "node": "./lib-commonjs/index.js",
"import": "./lib/index.js",
"require": "./lib-commonjs/index.js"
},
diff --git a/packages/react-components/react-virtualizer/src/VirtualizerScrollView.ts b/packages/react-components/react-virtualizer/src/VirtualizerScrollView.ts
new file mode 100644
index 0000000000000..20bfbaf6a9fcb
--- /dev/null
+++ b/packages/react-components/react-virtualizer/src/VirtualizerScrollView.ts
@@ -0,0 +1 @@
+export * from './components/VirtualizerScrollView/index';
diff --git a/packages/react-components/react-virtualizer/src/components/Virtualizer/Virtualizer.types.ts b/packages/react-components/react-virtualizer/src/components/Virtualizer/Virtualizer.types.ts
index 16bce33460eb9..dbdfb52d21c22 100644
--- a/packages/react-components/react-virtualizer/src/components/Virtualizer/Virtualizer.types.ts
+++ b/packages/react-components/react-virtualizer/src/components/Virtualizer/Virtualizer.types.ts
@@ -20,7 +20,7 @@ export type VirtualizerSlots = {
afterContainer: NonNullable>;
};
-export type VirtualizerState = ComponentState & {
+export type VirtualizerConfigState = {
/**
* The current virtualized array of children to show in the DOM.
*/
@@ -51,16 +51,19 @@ export type VirtualizerState = ComponentState & {
*/
reversed?: boolean;
/**
- * Tells the virtualizer how much
+ * Pixel size of intersection observers and how much they 'cross over' into the bufferItems index.
+ * Minimum 1px.
*/
bufferSize: number;
};
+export type VirtualizerState = ComponentState & VirtualizerConfigState;
+
// Virtualizer render function to procedurally generate children elements as rows or columns via index.
// Q: Use generic typing and passing through object data or a simple index system?
export type VirtualizerChildRenderFunction = (index: number) => React.ReactNode;
-export type VirtualizerProps = ComponentProps> & {
+export type VirtualizerConfigProps = {
/**
* Child render function.
* Iteratively called to return current virtualizer DOM children.
@@ -110,9 +113,8 @@ export type VirtualizerProps = ComponentProps> & {
/**
* Enables users to override the intersectionObserverRoot.
- * @default null
*/
- intersectionObserverRoot?: React.MutableRefObject;
+ scrollViewRef?: React.MutableRefObject;
/**
* The scroll direction
@@ -142,3 +144,5 @@ export type VirtualizerProps = ComponentProps> & {
*/
onCalculateIndex?: (newIndex: number) => number;
};
+
+export type VirtualizerProps = ComponentProps> & VirtualizerConfigProps;
diff --git a/packages/react-components/react-virtualizer/src/components/Virtualizer/useVirtualizer.ts b/packages/react-components/react-virtualizer/src/components/Virtualizer/useVirtualizer.ts
index 208ec69c3f20f..90577e0efc412 100644
--- a/packages/react-components/react-virtualizer/src/components/Virtualizer/useVirtualizer.ts
+++ b/packages/react-components/react-virtualizer/src/components/Virtualizer/useVirtualizer.ts
@@ -15,7 +15,7 @@ export function useVirtualizer_unstable(props: VirtualizerProps): VirtualizerSta
getItemSize,
bufferItems = Math.round(virtualizerLength / 4.0),
bufferSize = Math.floor(bufferItems / 2.0) * itemSize,
- intersectionObserverRoot,
+ scrollViewRef,
axis = 'vertical',
reversed = false,
onUpdateIndex,
@@ -180,7 +180,7 @@ export function useVirtualizer_unstable(props: VirtualizerProps): VirtualizerSta
}
},
{
- root: intersectionObserverRoot ? intersectionObserverRoot?.current : null,
+ root: scrollViewRef ? scrollViewRef?.current : null,
rootMargin: '0px',
threshold: 0,
},
@@ -276,23 +276,26 @@ export function useVirtualizer_unstable(props: VirtualizerProps): VirtualizerSta
return childProgressiveSizes.current[numItems - 1] - childProgressiveSizes.current[lastItemIndex];
};
- const updateChildRows = (newIndex: number) => {
- if (numItems === 0) {
- /* Nothing to virtualize */
+ const updateChildRows = useCallback(
+ (newIndex: number) => {
+ if (numItems === 0) {
+ /* Nothing to virtualize */
- return [];
- }
+ return [];
+ }
- if (childArray.current.length !== numItems) {
- childArray.current = new Array(virtualizerLength);
- }
- const actualIndex = Math.max(newIndex, 0);
- const end = Math.min(actualIndex + virtualizerLength, numItems);
+ if (childArray.current.length !== numItems) {
+ childArray.current = new Array(virtualizerLength);
+ }
+ const actualIndex = Math.max(newIndex, 0);
+ const end = Math.min(actualIndex + virtualizerLength, numItems);
- for (let i = actualIndex; i < end; i++) {
- childArray.current[i - actualIndex] = renderChild(i);
- }
- };
+ for (let i = actualIndex; i < end; i++) {
+ childArray.current[i - actualIndex] = renderChild(i);
+ }
+ },
+ [numItems, renderChild, virtualizerLength],
+ );
const setBeforeRef = useCallback(
(element: HTMLDivElement) => {
@@ -387,7 +390,7 @@ export function useVirtualizer_unstable(props: VirtualizerProps): VirtualizerSta
forceUpdate();
}
// eslint-disable-next-line react-hooks/exhaustive-deps
- }, [renderChild]);
+ }, [renderChild, updateChildRows]);
// Ensure we have run through and updated the whole size list array at least once.
initializeSizeArray();
@@ -397,6 +400,12 @@ export function useVirtualizer_unstable(props: VirtualizerProps): VirtualizerSta
populateSizeArrays();
}
+ // Ensure we recalc if virtualizer length changes
+ const maxCompare = Math.min(virtualizerLength, numItems);
+ if (childArray.current.length !== maxCompare && virtualizerStartIndex + childArray.current.length < numItems) {
+ updateChildRows(virtualizerStartIndex);
+ }
+
const isFullyInitialized = hasInitialized.current && virtualizerStartIndex >= 0;
return {
components: {
diff --git a/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/VirtualizerScrollView.ts b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/VirtualizerScrollView.ts
new file mode 100644
index 0000000000000..0a141260dc61e
--- /dev/null
+++ b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/VirtualizerScrollView.ts
@@ -0,0 +1,19 @@
+import { VirtualizerScrollViewProps } from './VirtualizerScrollView.types';
+import { useVirtualizerScrollView_unstable } from './useVirtualizerScrollView';
+import { renderVirtualizerScrollView_unstable } from './renderVirtualizerScrollView';
+import { useVirtualizerScrollViewStyles_unstable } from './useVirtualizerScrollViewStyles';
+import * as React from 'react';
+
+/**
+ * Virtualizer ScrollView
+ */
+
+export const VirtualizerScrollView: React.FC = (props: VirtualizerScrollViewProps) => {
+ const state = useVirtualizerScrollView_unstable(props);
+
+ useVirtualizerScrollViewStyles_unstable(state);
+
+ return renderVirtualizerScrollView_unstable(state);
+};
+
+VirtualizerScrollView.displayName = 'VirtualizerScrollView';
diff --git a/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/VirtualizerScrollView.types.ts b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/VirtualizerScrollView.types.ts
new file mode 100644
index 0000000000000..198789fef9c81
--- /dev/null
+++ b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/VirtualizerScrollView.types.ts
@@ -0,0 +1,36 @@
+import { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
+import {
+ VirtualizerSlots,
+ VirtualizerConfigProps,
+ VirtualizerConfigState,
+ VirtualizerChildRenderFunction,
+} from '../Virtualizer/Virtualizer.types';
+
+export type VirtualizerScrollViewSlots = VirtualizerSlots & {
+ /**
+ * The root container that provides embedded scrolling.
+ */
+ container: NonNullable>;
+};
+
+export type VirtualizerScrollViewProps = ComponentProps> &
+ Partial> & {
+ /**
+ * Virtualizer item size in pixels - static.
+ * Axis: 'vertical' = Height
+ * Axis: 'horizontal' = Width
+ */
+ itemSize: number;
+ /**
+ * The total number of items to be virtualized.
+ */
+ numItems: number;
+ /**
+ * Child render function.
+ * Iteratively called to return current virtualizer DOM children.
+ * Will act as a row or column indexer depending on Virtualizer settings.
+ */
+ children: VirtualizerChildRenderFunction;
+ };
+
+export type VirtualizerScrollViewState = ComponentState & VirtualizerConfigState;
diff --git a/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/index.ts b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/index.ts
new file mode 100644
index 0000000000000..bd57151d9a7d4
--- /dev/null
+++ b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/index.ts
@@ -0,0 +1,5 @@
+export * from './VirtualizerScrollView';
+export * from './VirtualizerScrollView.types';
+export * from './useVirtualizerScrollView';
+export * from './renderVirtualizerScrollView';
+export * from './useVirtualizerScrollViewStyles';
diff --git a/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/renderVirtualizerScrollView.tsx b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/renderVirtualizerScrollView.tsx
new file mode 100644
index 0000000000000..1283838d46fc6
--- /dev/null
+++ b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/renderVirtualizerScrollView.tsx
@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { getSlots } 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);
+
+ return {renderVirtualizer_unstable(state)};
+};
diff --git a/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/useVirtualizerScrollView.ts b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/useVirtualizerScrollView.ts
new file mode 100644
index 0000000000000..331752a1376f3
--- /dev/null
+++ b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/useVirtualizerScrollView.ts
@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { resolveShorthand, useMergedRefs } from '@fluentui/react-utilities';
+import { useVirtualizer_unstable } from '../Virtualizer/useVirtualizer';
+import { VirtualizerScrollViewProps, VirtualizerScrollViewState } from './VirtualizerScrollView.types';
+import { useStaticVirtualizerMeasure } from '../../Hooks';
+
+export function useVirtualizerScrollView_unstable(props: VirtualizerScrollViewProps): VirtualizerScrollViewState {
+ const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useStaticVirtualizerMeasure({
+ defaultItemSize: props.itemSize,
+ direction: props.axis ?? 'vertical',
+ });
+
+ const iScrollRef = useMergedRefs(React.useRef(null), scrollRef);
+
+ const virtualizerState = useVirtualizer_unstable({
+ ...props,
+ virtualizerLength,
+ bufferItems,
+ bufferSize,
+ scrollViewRef: iScrollRef,
+ });
+
+ return {
+ ...virtualizerState,
+ components: {
+ ...virtualizerState.components,
+ container: 'div',
+ },
+ container: resolveShorthand(props.container, {
+ required: true,
+ defaultProps: {
+ ref: iScrollRef as React.RefObject,
+ },
+ }),
+ };
+}
diff --git a/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.ts b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.ts
new file mode 100644
index 0000000000000..b457f20bcef4c
--- /dev/null
+++ b/packages/react-components/react-virtualizer/src/components/VirtualizerScrollView/useVirtualizerScrollViewStyles.ts
@@ -0,0 +1,68 @@
+import { VirtualizerScrollViewState } from './VirtualizerScrollView.types';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+import { VirtualizerScrollViewSlots } from './VirtualizerScrollView.types';
+import { useVirtualizerStyles_unstable, virtualizerClassNames } from '../Virtualizer/useVirtualizerStyles';
+import { makeStyles, mergeClasses } from '@griffel/react';
+
+const virtualizerScrollViewClassName = 'fui-Virtualizer-Scroll-View';
+
+export const virtualizerScrollViewClassNames: SlotClassNames = {
+ ...virtualizerClassNames,
+ container: `${virtualizerScrollViewClassName}__container`,
+};
+
+const useStyles = makeStyles({
+ base: {
+ display: 'flex',
+ width: '100%',
+ height: '100%',
+ overflowAnchor: 'none',
+ },
+ vertical: {
+ flexDirection: 'column',
+ overflowAnchor: 'none',
+ overflowY: 'auto',
+ },
+ horizontal: {
+ flexDirection: 'row',
+ overflowX: 'auto',
+ },
+ verticalReversed: {
+ flexDirection: 'column-reverse',
+ overflowY: 'auto',
+ },
+ horizontalReversed: {
+ flexDirection: 'row-reverse',
+ overflowX: 'auto',
+ },
+});
+
+/**
+ * Apply styling to the Virtualizer states
+ */
+export const useVirtualizerScrollViewStyles_unstable = (
+ state: VirtualizerScrollViewState,
+): VirtualizerScrollViewState => {
+ const styles = useStyles();
+
+ // For now - just return default style mods
+ useVirtualizerStyles_unstable(state);
+
+ const containerStyle =
+ state.axis === 'horizontal'
+ ? state.reversed
+ ? styles.horizontalReversed
+ : styles.horizontal
+ : state.reversed
+ ? styles.verticalReversed
+ : styles.vertical;
+
+ state.container.className = mergeClasses(
+ virtualizerScrollViewClassNames.container,
+ styles.base,
+ containerStyle,
+ state.container.className,
+ );
+
+ return state;
+};
diff --git a/packages/react-components/react-virtualizer/src/hooks/index.ts b/packages/react-components/react-virtualizer/src/hooks/index.ts
index 97e1994797fa2..6e09744b3c978 100644
--- a/packages/react-components/react-virtualizer/src/hooks/index.ts
+++ b/packages/react-components/react-virtualizer/src/hooks/index.ts
@@ -1 +1,2 @@
export * from './useIntersectionObserver';
+export * from './useVirtualizerMeasure';
diff --git a/packages/react-components/react-virtualizer/src/hooks/useIntersectionObserver.ts b/packages/react-components/react-virtualizer/src/hooks/useIntersectionObserver.ts
index cfceb58f66a02..f0838f3b459b2 100644
--- a/packages/react-components/react-virtualizer/src/hooks/useIntersectionObserver.ts
+++ b/packages/react-components/react-virtualizer/src/hooks/useIntersectionObserver.ts
@@ -22,14 +22,6 @@ export const useIntersectionObserver = (
setObserverInit: Dispatch>;
observer: MutableRefObject;
} => {
- // export const useIntersectionObserver = (
- // callback: IntersectionObserverCallback,
- // options?: IntersectionObserverInit,
- // ): [
- // Dispatch>,
- // Dispatch>,
- // MutableRefObject,
- // ] => {
const observer = useRef();
const [observerList, setObserverList] = useState();
const [observerInit, setObserverInit] = useState(options);
diff --git a/packages/react-components/react-virtualizer/src/hooks/useVirtualizerMeasure.ts b/packages/react-components/react-virtualizer/src/hooks/useVirtualizerMeasure.ts
new file mode 100644
index 0000000000000..d5f92320ecb23
--- /dev/null
+++ b/packages/react-components/react-virtualizer/src/hooks/useVirtualizerMeasure.ts
@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { canUseDOM } from '@fluentui/react-utilities';
+import { VirtualizerMeasureProps } from './useVirtualizerMeasure.types';
+import { debounce } from '../utilities/debounce';
+
+/**
+ * React hook that measures virtualized space based on a static size to ensure optimized virtualization length.
+ */
+export const useStaticVirtualizerMeasure = (
+ virtualizerProps: VirtualizerMeasureProps,
+): {
+ virtualizerLength: number;
+ bufferItems: number;
+ bufferSize: number;
+ scrollRef: (instance: HTMLElement | HTMLDivElement | null) => void;
+} => {
+ const { defaultItemSize, direction = 'vertical' } = virtualizerProps;
+
+ const [state, setState] = React.useState({
+ virtualizerLength: 0,
+ bufferSize: 0,
+ bufferItems: 0,
+ });
+
+ const { virtualizerLength, bufferItems, bufferSize } = state;
+
+ // The ref the user sets on their scrollView - Defaults to document.body to ensure no null on init
+ const container = React.useRef(null);
+
+ const resizeCallback = () => {
+ if (!container.current) {
+ return;
+ }
+
+ const containerSize =
+ direction === 'vertical'
+ ? container.current.getBoundingClientRect().height
+ : container.current.getBoundingClientRect().width;
+
+ /*
+ * Number of items required to cover viewport.
+ */
+ const length = Math.ceil(containerSize / defaultItemSize + 1);
+
+ /*
+ * Number of items to append at each end, i.e. 'preload' each side before entering view.
+ */
+ const newBufferItems = Math.max(Math.floor(length / 4), 2);
+
+ /*
+ * This is how far we deviate into the bufferItems to detect a redraw.
+ */
+ const newBufferSize = Math.max(Math.floor((length / 8) * defaultItemSize), 1);
+
+ const totalLength = length + newBufferItems * 2 + 1;
+
+ setState({
+ virtualizerLength: totalLength,
+ bufferItems: newBufferItems,
+ bufferSize: newBufferSize,
+ });
+ };
+
+ // the handler for resize observer
+ const handleResize = debounce(resizeCallback);
+
+ // Keep the reference of ResizeObserver in the state, as it should live through renders
+ const [resizeObserver] = React.useState(canUseDOM() ? new ResizeObserver(handleResize) : undefined);
+
+ React.useEffect(() => {
+ return () => {
+ resizeObserver?.disconnect();
+ };
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, []);
+
+ const scrollRef = React.useCallback(
+ (el: HTMLElement | null) => {
+ if (container.current !== el) {
+ if (container.current) {
+ resizeObserver?.unobserve(container.current);
+ }
+
+ container.current = el;
+ if (container.current) {
+ resizeObserver?.observe(container.current);
+ }
+ }
+ },
+ [resizeObserver],
+ );
+
+ return {
+ virtualizerLength,
+ bufferItems,
+ bufferSize,
+ scrollRef,
+ };
+};
diff --git a/packages/react-components/react-virtualizer/src/hooks/useVirtualizerMeasure.types.ts b/packages/react-components/react-virtualizer/src/hooks/useVirtualizerMeasure.types.ts
new file mode 100644
index 0000000000000..dffd7c801c7b8
--- /dev/null
+++ b/packages/react-components/react-virtualizer/src/hooks/useVirtualizerMeasure.types.ts
@@ -0,0 +1,4 @@
+export type VirtualizerMeasureProps = {
+ defaultItemSize: number;
+ direction?: 'vertical' | 'horizontal';
+};
diff --git a/packages/react-components/react-virtualizer/src/index.ts b/packages/react-components/react-virtualizer/src/index.ts
index 3d8f72a15d351..eff1e6574b194 100644
--- a/packages/react-components/react-virtualizer/src/index.ts
+++ b/packages/react-components/react-virtualizer/src/index.ts
@@ -11,4 +11,18 @@ export type {
VirtualizerSlots,
VirtualizerChildRenderFunction,
} from './Virtualizer';
-export { useIntersectionObserver } from './Hooks';
+export { useIntersectionObserver, useStaticVirtualizerMeasure } from './Hooks';
+
+export {
+ VirtualizerScrollView,
+ virtualizerScrollViewClassNames,
+ useVirtualizerScrollView_unstable,
+ renderVirtualizerScrollView_unstable,
+ useVirtualizerScrollViewStyles_unstable,
+} from './VirtualizerScrollView';
+
+export type {
+ VirtualizerScrollViewProps,
+ VirtualizerScrollViewState,
+ VirtualizerScrollViewSlots,
+} from './VirtualizerScrollView';
diff --git a/packages/react-components/react-virtualizer/src/utilities/debounce.ts b/packages/react-components/react-virtualizer/src/utilities/debounce.ts
new file mode 100644
index 0000000000000..966da2e0d5031
--- /dev/null
+++ b/packages/react-components/react-virtualizer/src/utilities/debounce.ts
@@ -0,0 +1,20 @@
+/**
+ * Microtask debouncer
+ * https://developer.mozilla.org/en-US/docs/Web/API/HTML_DOM_API/Microtask_guide
+ * @param fn - Function to debounce
+ * @returns debounced function
+ */
+export function debounce(fn: Function) {
+ let pending: boolean;
+ return () => {
+ if (!pending) {
+ pending = true;
+ queueMicrotask(() => {
+ // Need to set pending to `false` before the debounced function is run.
+ // React can actually interrupt the function while it's running!
+ pending = false;
+ fn();
+ });
+ }
+ };
+}
diff --git a/packages/react-components/react-virtualizer/stories/Virtualizer/Default.stories.tsx b/packages/react-components/react-virtualizer/stories/Virtualizer/Default.stories.tsx
index cbeabffb5cbc0..00ab141a06118 100644
--- a/packages/react-components/react-virtualizer/stories/Virtualizer/Default.stories.tsx
+++ b/packages/react-components/react-virtualizer/stories/Virtualizer/Default.stories.tsx
@@ -1,5 +1,5 @@
import * as React from 'react';
-import { Virtualizer } from '@fluentui/react-components/unstable';
+import { Virtualizer, useStaticVirtualizerMeasure } from '@fluentui/react-components/unstable';
import { makeStyles } from '@fluentui/react-components';
const useStyles = makeStyles({
@@ -10,7 +10,7 @@ const useStyles = makeStyles({
overflowY: 'auto',
width: '100%',
height: '100%',
- maxHeight: '750px',
+ maxHeight: '60vh',
},
child: {
height: '100px',
@@ -23,9 +23,19 @@ export const Default = () => {
const styles = useStyles();
const childLength = 1000;
+ const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useStaticVirtualizerMeasure({
+ defaultItemSize: 100,
+ });
+
return (
-
-
+
+
{index => {
return (
{
+ const styles = useStyles();
+ const childLength = 1000;
+
+ const { virtualizerLength, bufferItems, bufferSize, scrollRef } = useStaticVirtualizerMeasure({
+ defaultItemSize: 100,
+ });
+
+ const { targetDocument } = useFluent();
+ if (targetDocument) {
+ scrollRef(targetDocument.body);
+ }
+
+ return (
+
+
+
{`Virtualizer`}
+
+ {index => {
+ return (
+ {`Node-${index}`}
+ );
+ }}
+
+
+ Footer
+
+
-
+
+
{index => {
return (