diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json index 6ea1968d09d4e..f9d4a63506ff1 100644 --- a/apps/perf-test-react-components/package.json +++ b/apps/perf-test-react-components/package.json @@ -18,13 +18,13 @@ }, "dependencies": { "@griffel/core": "^1.9.0", - "@fluentui/react-avatar": "^9.4.3", - "@fluentui/react-button": "^9.3.3", - "@fluentui/react-field": "9.0.0-alpha.25", - "@fluentui/react-infobutton": "9.0.0-beta.21", - "@fluentui/react-persona": "^9.2.3", - "@fluentui/react-provider": "^9.4.3", - "@fluentui/react-spinbutton": "^9.2.3", + "@fluentui/react-avatar": "^9.4.4", + "@fluentui/react-button": "^9.3.4", + "@fluentui/react-field": "9.0.0-alpha.26", + "@fluentui/react-infobutton": "9.0.0-beta.22", + "@fluentui/react-persona": "^9.2.4", + "@fluentui/react-provider": "^9.4.4", + "@fluentui/react-spinbutton": "^9.2.4", "@fluentui/react-theme": "^9.1.6", "@microsoft/load-themed-styles": "^1.10.26", "flamegrill": "0.2.0", diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index dbe8c31a700bf..4639b5b77316c 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -22,12 +22,12 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-migration-v8-v9": "^9.2.0", + "@fluentui/react-migration-v8-v9": "^9.2.1", "@fluentui/react-migration-v0-v9": "9.0.0-alpha.0", "@fluentui/react": "^8.106.6", "@fluentui/react-northstar": "^0.66.4", "@fluentui/react-icons-northstar": "^0.66.4", - "@fluentui/react-components": "^9.18.1", + "@fluentui/react-components": "^9.18.2", "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", "@griffel/react": "^1.5.2", diff --git a/apps/react-18-tests-v9/package.json b/apps/react-18-tests-v9/package.json index a60d5e1c4a587..8bd8cf8ba15b2 100644 --- a/apps/react-18-tests-v9/package.json +++ b/apps/react-18-tests-v9/package.json @@ -19,7 +19,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-components": "^9.18.1", + "@fluentui/react-components": "^9.18.2", "@types/react": "18.0.14", "@types/react-dom": "18.0.6", "react": "18.2.0", diff --git a/apps/recipes-react-components/package.json b/apps/recipes-react-components/package.json index 6592d16b33086..6ad05ac60bd32 100644 --- a/apps/recipes-react-components/package.json +++ b/apps/recipes-react-components/package.json @@ -16,10 +16,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-components": "^9.18.1", + "@fluentui/react-components": "^9.18.2", "@fluentui/react-icons": "^2.0.175", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-provider": "^9.4.3", + "@fluentui/react-provider": "^9.4.4", "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", "@griffel/react": "^1.5.2", diff --git a/apps/ssr-tests-v9/package.json b/apps/ssr-tests-v9/package.json index b2e3999924daa..6e2826c75e9be 100644 --- a/apps/ssr-tests-v9/package.json +++ b/apps/ssr-tests-v9/package.json @@ -20,7 +20,7 @@ "type-check": "tsc -b tsconfig.json" }, "dependencies": { - "@fluentui/react-components": "^9.18.1" + "@fluentui/react-components": "^9.18.2" }, "devDependencies": { "@fluentui/eslint-plugin": "*", diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json index 0f758aea08599..266e42eb572e3 100644 --- a/apps/stress-test/package.json +++ b/apps/stress-test/package.json @@ -11,7 +11,7 @@ }, "dependencies": { "@fluentui/react": "^8.106.6", - "@fluentui/react-components": "^9.18.1", + "@fluentui/react-components": "^9.18.2", "@fluentui/react-icons": "^2.0.175", "@fluentui/web-components": "^2.5.12", "@microsoft/fast-element": "^1.11.0", diff --git a/apps/ts-minbar-test-react-components/package.json b/apps/ts-minbar-test-react-components/package.json index ec09f8f2a19aa..8a07c8460c0fe 100644 --- a/apps/ts-minbar-test-react-components/package.json +++ b/apps/ts-minbar-test-react-components/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React Components compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react-components": "^9.18.1" + "@fluentui/react-components": "^9.18.2" }, "scripts": { "type-check": "tsc -p .", diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index 612bb5d6db677..2bdc2eae70b1f 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -20,47 +20,47 @@ "@fluentui/scripts-storybook": "*" }, "dependencies": { - "@fluentui/react-accordion": "^9.1.3", - "@fluentui/react-avatar": "^9.4.3", - "@fluentui/react-badge": "^9.1.3", - "@fluentui/react-button": "^9.3.3", - "@fluentui/react-card": "^9.0.1", - "@fluentui/react-checkbox": "^9.1.3", - "@fluentui/react-combobox": "^9.2.3", - "@fluentui/react-dialog": "^9.3.2", - "@fluentui/react-divider": "^9.2.3", - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-accordion": "^9.1.4", + "@fluentui/react-avatar": "^9.4.4", + "@fluentui/react-badge": "^9.1.4", + "@fluentui/react-button": "^9.3.4", + "@fluentui/react-card": "^9.0.2", + "@fluentui/react-checkbox": "^9.1.4", + "@fluentui/react-combobox": "^9.2.4", + "@fluentui/react-dialog": "^9.4.0", + "@fluentui/react-divider": "^9.2.4", + "@fluentui/react-field": "9.0.0-alpha.26", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-image": "^9.1.0", - "@fluentui/react-infobutton": "9.0.0-beta.21", - "@fluentui/react-input": "^9.4.3", - "@fluentui/react-label": "^9.1.3", - "@fluentui/react-link": "^9.0.29", - "@fluentui/react-menu": "^9.7.3", - "@fluentui/react-persona": "^9.2.3", - "@fluentui/react-popover": "^9.5.3", - "@fluentui/react-portal": "^9.2.0", - "@fluentui/react-positioning": "^9.5.4", - "@fluentui/react-progress": "^9.1.3", - "@fluentui/react-provider": "^9.4.3", - "@fluentui/react-radio": "^9.1.3", - "@fluentui/react-select": "^9.1.3", + "@fluentui/react-image": "^9.1.1", + "@fluentui/react-infobutton": "9.0.0-beta.22", + "@fluentui/react-input": "^9.4.4", + "@fluentui/react-label": "^9.1.4", + "@fluentui/react-link": "^9.0.30", + "@fluentui/react-menu": "^9.7.4", + "@fluentui/react-persona": "^9.2.4", + "@fluentui/react-popover": "^9.5.4", + "@fluentui/react-portal": "^9.2.1", + "@fluentui/react-positioning": "^9.5.5", + "@fluentui/react-progress": "^9.1.4", + "@fluentui/react-provider": "^9.4.4", + "@fluentui/react-radio": "^9.1.4", + "@fluentui/react-select": "^9.1.4", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-skeleton": "9.0.0-beta.2", - "@fluentui/react-slider": "^9.1.3", - "@fluentui/react-spinner": "^9.1.3", - "@fluentui/react-spinbutton": "^9.2.3", + "@fluentui/react-skeleton": "9.0.0-beta.3", + "@fluentui/react-slider": "^9.1.4", + "@fluentui/react-spinner": "^9.1.4", + "@fluentui/react-spinbutton": "^9.2.4", "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", - "@fluentui/react-switch": "^9.1.3", - "@fluentui/react-tabs": "^9.3.3", - "@fluentui/react-table": "^9.2.0", - "@fluentui/react-text": "^9.3.0", - "@fluentui/react-textarea": "^9.3.3", + "@fluentui/react-switch": "^9.1.4", + "@fluentui/react-tabs": "^9.3.4", + "@fluentui/react-table": "^9.2.1", + "@fluentui/react-text": "^9.3.1", + "@fluentui/react-textarea": "^9.3.4", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-tooltip": "^9.2.3", - "@fluentui/react-toolbar": "^9.1.3", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-tooltip": "^9.2.4", + "@fluentui/react-toolbar": "^9.1.4", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/vr-tests-react-components/src/stories/Dialog/Dialog.stories.tsx b/apps/vr-tests-react-components/src/stories/Dialog/Dialog.stories.tsx index 5061f52be2d9c..e5280c67372c3 100644 --- a/apps/vr-tests-react-components/src/stories/Dialog/Dialog.stories.tsx +++ b/apps/vr-tests-react-components/src/stories/Dialog/Dialog.stories.tsx @@ -442,3 +442,59 @@ ScrollLongContent.storyName = 'scroll long content'; export const ScrollLongContentDarkMode = getStoryVariant(ScrollLongContent, DARK_MODE); export const ScrollLongContentHighContrast = getStoryVariant(ScrollLongContent, HIGH_CONTRAST); export const ScrollLongContentRTL = getStoryVariant(ScrollLongContent, RTL); + +export const FluidActionsStart = () => { + return ( + + + + + + + Dialog title + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque + est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure + cumque eaque? + + + + + + + + + + + + + ); +}; + +export const FluidActionsEnd = () => { + return ( + + + + + + + Dialog title + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque + est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure + cumque eaque? + + + + + + + + + + + + + ); +}; diff --git a/apps/vr-tests-react-components/src/stories/InfoLabel.stories.tsx b/apps/vr-tests-react-components/src/stories/InfoLabel.stories.tsx new file mode 100644 index 0000000000000..5d8a4b85c2971 --- /dev/null +++ b/apps/vr-tests-react-components/src/stories/InfoLabel.stories.tsx @@ -0,0 +1,43 @@ +import * as React from 'react'; + +import { Steps, StoryWright } from 'storywright'; +import { InfoLabel } from '@fluentui/react-infobutton'; +import { storiesOf } from '@storybook/react'; +import { TestWrapperDecoratorFixedWidth } from '../utilities/TestWrapperDecorator'; + +storiesOf('InfoLabel', module) + .addDecorator(TestWrapperDecoratorFixedWidth) + .addDecorator(story => ( + {story()} + )) + .addStory('default', () => This is an info label, { + includeHighContrast: true, + includeDarkMode: true, + includeRtl: true, + }) + .addStory('wrap', () => ( + + This is a very long info label that should wrap to multiple lines and put the info button on the last line + + )) + .addStory('size:small', () => ( + + This is a small info label + + )) + .addStory('size:large', () => ( + + This is a large info label + + )) + .addStory( + 'required', + () => ( + + This is a required info label + + ), + { + includeRtl: true, + }, + ); diff --git a/change/@fluentui-eslint-plugin-9788e3e7-808d-4201-b04e-cead71f27b9e.json b/change/@fluentui-eslint-plugin-9788e3e7-808d-4201-b04e-cead71f27b9e.json new file mode 100644 index 0000000000000..2055254994b8f --- /dev/null +++ b/change/@fluentui-eslint-plugin-9788e3e7-808d-4201-b04e-cead71f27b9e.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "feat: rule to ban usage of instanceof HTMLElement", + "packageName": "@fluentui/eslint-plugin", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-utilities-851262b0-ac71-4e89-ae48-e53733715e8a.json b/change/@fluentui-react-utilities-851262b0-ac71-4e89-ae48-e53733715e8a.json new file mode 100644 index 0000000000000..b189a9ecaa06c --- /dev/null +++ b/change/@fluentui-react-utilities-851262b0-ac71-4e89-ae48-e53733715e8a.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "chore: exports isHTMLElement as public", + "packageName": "@fluentui/react-utilities", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/eslint-plugin/README.md b/packages/eslint-plugin/README.md index 94eb1a0f9362f..cf2f685e12a42 100644 --- a/packages/eslint-plugin/README.md +++ b/packages/eslint-plugin/README.md @@ -170,3 +170,27 @@ const context = React.createContext({ someValue: undefined }); import * as React from 'react'; const context = React.createContext(undefined); ``` + +### `ban-instanceof-html-element` + +Bans usage of `instanceof HTMLElement` binary expressions as they might cause problems on [multiple realms](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/instanceof#instanceof_and_multiple_realms) environments. + +The alternative is to use `isHTMLElement` helper method provided by `@fluentui/react-utilities` packages, since that method does the proper verifications to ensure proper instance comparison. + +**❌ Don't** + +```ts +event.target instanceof HTMLElement; + +event.target instanceof HTMLInputElement; +``` + +**✅ Do** + +```ts +import { isHTMLElement } from '@fluentui/react-components'; + +isHTMLElement(event.target); + +isHTMLElement(event.target, { constructorName: 'HTMLInputElement' }); +``` diff --git a/packages/eslint-plugin/src/configs/react.js b/packages/eslint-plugin/src/configs/react.js index 441a1997ee8d0..3a45f92585c14 100644 --- a/packages/eslint-plugin/src/configs/react.js +++ b/packages/eslint-plugin/src/configs/react.js @@ -18,6 +18,7 @@ const v9PackageDeps = Object.keys( module.exports = { extends: [path.join(__dirname, 'base'), path.join(__dirname, 'react-config')], rules: { + '@fluentui/ban-instanceof-html-element': ['error'], '@fluentui/no-context-default-value': [ 'error', { diff --git a/packages/eslint-plugin/src/index.js b/packages/eslint-plugin/src/index.js index eb1d2dcd3e4a7..eae81f75a8452 100644 --- a/packages/eslint-plugin/src/index.js +++ b/packages/eslint-plugin/src/index.js @@ -11,6 +11,7 @@ module.exports = { rules: { 'ban-imports': require('./rules/ban-imports'), 'ban-context-export': require('./rules/ban-context-export'), + 'ban-instanceof-html-element': require('./rules/ban-instanceof-html-element'), 'deprecated-keyboard-event-props': require('./rules/deprecated-keyboard-event-props'), 'max-len': require('./rules/max-len'), 'no-global-react': require('./rules/no-global-react'), diff --git a/packages/eslint-plugin/src/rules/ban-instanceof-html-element/index.js b/packages/eslint-plugin/src/rules/ban-instanceof-html-element/index.js new file mode 100644 index 0000000000000..d68b821f0fff3 --- /dev/null +++ b/packages/eslint-plugin/src/rules/ban-instanceof-html-element/index.js @@ -0,0 +1,115 @@ +// @ts-check +const { AST_NODE_TYPES } = require('@typescript-eslint/experimental-utils'); +const createRule = require('../../utils/createRule'); + +/** + * @typedef {import("@typescript-eslint/types/dist/ts-estree").BinaryExpression} BinaryExpression + * @typedef {import("@fluentui/react-utilities/src/utils/isHTMLElement").HTMLElementConstructorName} HTMLElementConstructorName + * + */ + +module.exports = createRule({ + name: 'ban-instanceof-html-element', + meta: { + type: 'problem', + docs: { + description: 'Ban usage of instanceof HTMLElement comparison', + category: 'Possible Errors', + recommended: 'error', + }, + messages: { + invalidBinaryExpression: 'instanceof {{right}} should be avoided, use isHTMLElement instead.', + }, + fixable: 'code', + schema: [], + }, + defaultOptions: [], + create: context => ({ + /** + * @param {BinaryExpression} binaryExpression + */ + // eslint-disable-next-line @typescript-eslint/naming-convention + BinaryExpression(binaryExpression) { + if ( + binaryExpression.operator === 'instanceof' && + binaryExpression.right.type === AST_NODE_TYPES.Identifier && + constructorNamesSet.has(binaryExpression.right.name) + ) { + context.report({ + node: binaryExpression, + messageId: 'invalidBinaryExpression', + data: { + right: binaryExpression.right.name, + }, + }); + } + }, + }), +}); + +/** @type {HTMLElementConstructorName[]} */ +const constructorNames = [ + 'HTMLElement', + 'HTMLAnchorElement', + 'HTMLAreaElement', + 'HTMLAudioElement', + 'HTMLBaseElement', + 'HTMLBodyElement', + 'HTMLBRElement', + 'HTMLButtonElement', + 'HTMLCanvasElement', + 'HTMLDataElement', + 'HTMLDataListElement', + 'HTMLDetailsElement', + 'HTMLDialogElement', + 'HTMLDivElement', + 'HTMLDListElement', + 'HTMLEmbedElement', + 'HTMLFieldSetElement', + 'HTMLFormElement', + 'HTMLHeadingElement', + 'HTMLHeadElement', + 'HTMLHRElement', + 'HTMLHtmlElement', + 'HTMLIFrameElement', + 'HTMLImageElement', + 'HTMLInputElement', + 'HTMLModElement', + 'HTMLLabelElement', + 'HTMLLegendElement', + 'HTMLLIElement', + 'HTMLLinkElement', + 'HTMLMapElement', + 'HTMLMetaElement', + 'HTMLMeterElement', + 'HTMLObjectElement', + 'HTMLOListElement', + 'HTMLOptGroupElement', + 'HTMLOptionElement', + 'HTMLOutputElement', + 'HTMLParagraphElement', + 'HTMLParamElement', + 'HTMLPreElement', + 'HTMLProgressElement', + 'HTMLQuoteElement', + 'HTMLSlotElement', + 'HTMLScriptElement', + 'HTMLSelectElement', + 'HTMLSourceElement', + 'HTMLSpanElement', + 'HTMLStyleElement', + 'HTMLTableElement', + 'HTMLTableColElement', + 'HTMLTableRowElement', + 'HTMLTableSectionElement', + 'HTMLTemplateElement', + 'HTMLTextAreaElement', + 'HTMLTimeElement', + 'HTMLTitleElement', + 'HTMLTrackElement', + 'HTMLUListElement', + 'HTMLVideoElement', +]; + +/** @type {Set} */ +const constructorNamesSet = new Set(constructorNames); diff --git a/packages/eslint-plugin/src/rules/ban-instanceof-html-element/index.test.js b/packages/eslint-plugin/src/rules/ban-instanceof-html-element/index.test.js new file mode 100644 index 0000000000000..5d12eca7289d4 --- /dev/null +++ b/packages/eslint-plugin/src/rules/ban-instanceof-html-element/index.test.js @@ -0,0 +1,38 @@ +// @ts-nocheck +const { ESLintUtils } = require('@typescript-eslint/experimental-utils'); +const rule = require('./index'); + +const ruleTester = new ESLintUtils.RuleTester({ + parser: '@typescript-eslint/parser', +}); + +ruleTester.run('ban-instanceof-htmlelement', rule, { + valid: [ + { + code: ` + event.currentTarget instanceof Object + `, + }, + { + code: ` + isHTMLElement(event.currentTarget) + `, + }, + ], + invalid: [ + { + code: ` + event.currentTarget instanceof HTMLElement + event.currentTarget instanceof HTMLInputElement + `, + errors: [{ messageId: 'invalidBinaryExpression' }, { messageId: 'invalidBinaryExpression' }], + }, + { + code: ` + if (event.currentTarget instanceof HTMLElement) {} + if (event.currentTarget instanceof HTMLInputElement) {} + `, + errors: [{ messageId: 'invalidBinaryExpression' }, { messageId: 'invalidBinaryExpression' }], + }, + ], +}); diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.json b/packages/react-components/babel-preset-global-context/CHANGELOG.json index a3055245b52f0..db5fb9d3165ee 100644 --- a/packages/react-components/babel-preset-global-context/CHANGELOG.json +++ b/packages/react-components/babel-preset-global-context/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/babel-preset-global-context", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.21", + "version": "9.0.0-beta.21", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/babel-preset-global-context", + "comment": "Bump @fluentui/global-context to v9.0.0-beta.21", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Mon, 13 Mar 2023 08:58:26 GMT", "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.20", diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.md b/packages/react-components/babel-preset-global-context/CHANGELOG.md index 0db45ec3d68cf..54b75d26542c1 100644 --- a/packages/react-components/babel-preset-global-context/CHANGELOG.md +++ b/packages/react-components/babel-preset-global-context/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/babel-preset-global-context -This log was last generated on Mon, 13 Mar 2023 08:58:26 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.0.0-beta.21](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.21) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/babel-preset-global-context_v9.0.0-beta.20..@fluentui/babel-preset-global-context_v9.0.0-beta.21) + +### Changes + +- Bump @fluentui/global-context to v9.0.0-beta.21 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball) + ## [9.0.0-beta.20](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.20) Mon, 13 Mar 2023 08:58:26 GMT diff --git a/packages/react-components/babel-preset-global-context/package.json b/packages/react-components/babel-preset-global-context/package.json index 1ef2533896649..cb72c63365d5a 100644 --- a/packages/react-components/babel-preset-global-context/package.json +++ b/packages/react-components/babel-preset-global-context/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/babel-preset-global-context", - "version": "9.0.0-beta.20", + "version": "9.0.0-beta.21", "description": "Babel preset that transforms createContext calls to use global context shims", "main": "lib-commonjs/index.js", "typings": "./dist/index.d.ts", @@ -39,7 +39,7 @@ "@swc/helpers": "^0.4.14" }, "peerDependencies": { - "@fluentui/global-context": "9.0.0-beta.20" + "@fluentui/global-context": "9.0.0-beta.21" }, "beachball": { "disallowedChangeTypes": [ diff --git a/packages/react-components/global-context/CHANGELOG.json b/packages/react-components/global-context/CHANGELOG.json index 661a26b7df0f1..99f9768feb58d 100644 --- a/packages/react-components/global-context/CHANGELOG.json +++ b/packages/react-components/global-context/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/global-context", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/global-context_v9.0.0-beta.21", + "version": "9.0.0-beta.21", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/global-context", + "comment": "Bump @fluentui/react-context-selector to v9.1.14", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/global-context", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Mon, 13 Mar 2023 08:58:26 GMT", "tag": "@fluentui/global-context_v9.0.0-beta.20", diff --git a/packages/react-components/global-context/CHANGELOG.md b/packages/react-components/global-context/CHANGELOG.md index fe4966345ee5b..61224295e9d5c 100644 --- a/packages/react-components/global-context/CHANGELOG.md +++ b/packages/react-components/global-context/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/global-context -This log was last generated on Mon, 13 Mar 2023 08:58:26 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.0.0-beta.21](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.21) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/global-context_v9.0.0-beta.20..@fluentui/global-context_v9.0.0-beta.21) + +### Changes + +- 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.0-beta.20](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.20) Mon, 13 Mar 2023 08:58:26 GMT diff --git a/packages/react-components/global-context/package.json b/packages/react-components/global-context/package.json index 3d4387824f4f0..87a222ff0ed2b 100644 --- a/packages/react-components/global-context/package.json +++ b/packages/react-components/global-context/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/global-context", - "version": "9.0.0-beta.20", + "version": "9.0.0-beta.21", "description": "Extension of React createContext to be a true singleton on the global scope", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,8 +31,8 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.13", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-context-selector": "^9.1.14", + "@fluentui/react-utilities": "^9.7.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-accordion/CHANGELOG.json b/packages/react-components/react-accordion/CHANGELOG.json index ed5223d42305f..9ac988cf1cb91 100644 --- a/packages/react-components/react-accordion/CHANGELOG.json +++ b/packages/react-components/react-accordion/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-accordion", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-accordion_v9.1.4", + "version": "9.1.4", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-aria to v9.3.14", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-context-selector to v9.1.14", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-tabster to v9.6.0", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-accordion_v9.1.3", diff --git a/packages/react-components/react-accordion/CHANGELOG.md b/packages/react-components/react-accordion/CHANGELOG.md index efd950be3569c..e5f093d88d5ef 100644 --- a/packages/react-components/react-accordion/CHANGELOG.md +++ b/packages/react-components/react-accordion/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-accordion -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.1.4) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.1.3..@fluentui/react-accordion_v9.1.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-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-accordion_v9.1.3) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-accordion/package.json b/packages/react-components/react-accordion/package.json index c44c55e32d86c..81b0ac93fa738 100644 --- a/packages/react-components/react-accordion/package.json +++ b/packages/react-components/react-accordion/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-accordion", - "version": "9.1.3", + "version": "9.1.4", "description": "Fluent UI accordion component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,13 +32,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-aria": "^9.3.13", - "@fluentui/react-context-selector": "^9.1.13", + "@fluentui/react-aria": "^9.3.14", + "@fluentui/react-context-selector": "^9.1.14", "@fluentui/react-icons": "^2.0.175", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-alert/CHANGELOG.json b/packages/react-components/react-alert/CHANGELOG.json index 3c0046b239744..106260b8cd082 100644 --- a/packages/react-components/react-alert/CHANGELOG.json +++ b/packages/react-components/react-alert/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-alert", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-alert_v9.0.0-beta.40", + "version": "9.0.0-beta.40", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-avatar to v9.4.4", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-button to v9.3.4", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-tabster to v9.6.0", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-alert_v9.0.0-beta.39", diff --git a/packages/react-components/react-alert/CHANGELOG.md b/packages/react-components/react-alert/CHANGELOG.md index c38cdc75ecb74..7ecd4ef5a6d86 100644 --- a/packages/react-components/react-alert/CHANGELOG.md +++ b/packages/react-components/react-alert/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-alert -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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.0.0-beta.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.40) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-alert_v9.0.0-beta.39..@fluentui/react-alert_v9.0.0-beta.40) + +### Changes + +- Bump @fluentui/react-avatar to v9.4.4 ([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-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.0-beta.39](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.39) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json index 84fee154d0af6..f9d36a71cc873 100644 --- a/packages/react-components/react-alert/package.json +++ b/packages/react-components/react-alert/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-alert", - "version": "9.0.0-beta.39", + "version": "9.0.0-beta.40", "description": "An alert component to display brief messages", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,12 +32,12 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-avatar": "^9.4.3", - "@fluentui/react-button": "^9.3.3", + "@fluentui/react-avatar": "^9.4.4", + "@fluentui/react-button": "^9.3.4", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-aria/CHANGELOG.json b/packages/react-components/react-aria/CHANGELOG.json index cc2d51bedeb0f..f269c3357804c 100644 --- a/packages/react-components/react-aria/CHANGELOG.json +++ b/packages/react-components/react-aria/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-aria", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-aria_v9.3.14", + "version": "9.3.14", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-aria", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Mon, 13 Mar 2023 08:58:26 GMT", "tag": "@fluentui/react-aria_v9.3.13", diff --git a/packages/react-components/react-aria/CHANGELOG.md b/packages/react-components/react-aria/CHANGELOG.md index f0f0fc54d18fd..f6d62fb835a36 100644 --- a/packages/react-components/react-aria/CHANGELOG.md +++ b/packages/react-components/react-aria/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-aria -This log was last generated on Mon, 13 Mar 2023 08:58:26 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.3.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.14) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.3.13..@fluentui/react-aria_v9.3.14) + +### Patches + +- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball) + ## [9.3.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.13) Mon, 13 Mar 2023 08:58:26 GMT diff --git a/packages/react-components/react-aria/package.json b/packages/react-components/react-aria/package.json index 15cb78a2b53bb..d3d20c149e6b8 100644 --- a/packages/react-components/react-aria/package.json +++ b/packages/react-components/react-aria/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-aria", - "version": "9.3.13", + "version": "9.3.14", "description": "React helper to ensure ARIA", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-avatar-context/package.json b/packages/react-components/react-avatar-context/package.json index 37d6a4d5a6401..9af679bbc629d 100644 --- a/packages/react-components/react-avatar-context/package.json +++ b/packages/react-components/react-avatar-context/package.json @@ -31,7 +31,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-avatar/CHANGELOG.json b/packages/react-components/react-avatar/CHANGELOG.json index 1f7096c68fb74..3694ef4afa919 100644 --- a/packages/react-components/react-avatar/CHANGELOG.json +++ b/packages/react-components/react-avatar/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-avatar", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-avatar_v9.4.4", + "version": "9.4.4", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-badge to v9.1.4", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-context-selector to v9.1.14", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-popover to v9.5.4", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-tabster to v9.6.0", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-tooltip to v9.2.4", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-avatar_v9.4.3", diff --git a/packages/react-components/react-avatar/CHANGELOG.md b/packages/react-components/react-avatar/CHANGELOG.md index 61e1675e8db4a..c2b6336e0a773 100644 --- a/packages/react-components/react-avatar/CHANGELOG.md +++ b/packages/react-components/react-avatar/CHANGELOG.md @@ -1,9 +1,23 @@ # Change Log - @fluentui/react-avatar -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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.4.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.4.4) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.4.3..@fluentui/react-avatar_v9.4.4) + +### Patches + +- Bump @fluentui/react-badge 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-popover to v9.5.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-tooltip 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) + ## [9.4.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.4.3) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-avatar/package.json b/packages/react-components/react-avatar/package.json index 92b47dc83724e..4224c0d16ebfd 100644 --- a/packages/react-components/react-avatar/package.json +++ b/packages/react-components/react-avatar/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-avatar", - "version": "9.4.3", + "version": "9.4.4", "description": "React components for building Microsoft web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -36,15 +36,15 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-badge": "^9.1.3", - "@fluentui/react-context-selector": "^9.1.13", + "@fluentui/react-badge": "^9.1.4", + "@fluentui/react-context-selector": "^9.1.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-popover": "^9.5.3", + "@fluentui/react-popover": "^9.5.4", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-tooltip": "^9.2.3", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-tooltip": "^9.2.4", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-badge/CHANGELOG.json b/packages/react-components/react-badge/CHANGELOG.json index 59679075ad17d..55c5fe426bb2b 100644 --- a/packages/react-components/react-badge/CHANGELOG.json +++ b/packages/react-components/react-badge/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-badge", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-badge_v9.1.4", + "version": "9.1.4", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-badge_v9.1.3", diff --git a/packages/react-components/react-badge/CHANGELOG.md b/packages/react-components/react-badge/CHANGELOG.md index 04da94953110e..cb898da8a98c0 100644 --- a/packages/react-components/react-badge/CHANGELOG.md +++ b/packages/react-components/react-badge/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-badge -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.1.4) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.1.3..@fluentui/react-badge_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-badge_v9.1.3) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-badge/package.json b/packages/react-components/react-badge/package.json index 4764dca312813..4bee74c557170 100644 --- a/packages/react-components/react-badge/package.json +++ b/packages/react-components/react-badge/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-badge", - "version": "9.1.3", + "version": "9.1.4", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,7 +35,7 @@ "@fluentui/react-icons": "^2.0.175", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-breadcrumb/package.json b/packages/react-components/react-breadcrumb/package.json index 4531b9f70e84d..a0391b026e1c6 100644 --- a/packages/react-components/react-breadcrumb/package.json +++ b/packages/react-components/react-breadcrumb/package.json @@ -34,7 +34,7 @@ "dependencies": { "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-button/CHANGELOG.json b/packages/react-components/react-button/CHANGELOG.json index 21b03a7ff733a..140cc6a2c4de2 100644 --- a/packages/react-components/react-button/CHANGELOG.json +++ b/packages/react-components/react-button/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-button", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-button_v9.3.4", + "version": "9.3.4", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-aria to v9.3.14", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-tabster to v9.6.0", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-button_v9.3.3", diff --git a/packages/react-components/react-button/CHANGELOG.md b/packages/react-components/react-button/CHANGELOG.md index 911c2e94b8422..86b5b362ffbb6 100644 --- a/packages/react-components/react-button/CHANGELOG.md +++ b/packages/react-components/react-button/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-button -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.3.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.4) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.3..@fluentui/react-button_v9.3.4) + +### Patches + +- 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-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-button_v9.3.3) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-button/package.json b/packages/react-components/react-button/package.json index 794de9e5d1a91..591898fc8c0db 100644 --- a/packages/react-components/react-button/package.json +++ b/packages/react-components/react-button/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-button", - "version": "9.3.3", + "version": "9.3.4", "description": "Fluent UI React Button component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,12 +34,12 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-aria": "^9.3.13", + "@fluentui/react-aria": "^9.3.14", "@fluentui/react-icons": "^2.0.175", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-card/CHANGELOG.json b/packages/react-components/react-card/CHANGELOG.json index 3abb8a7c7ef9a..8fba35eb32931 100644 --- a/packages/react-components/react-card/CHANGELOG.json +++ b/packages/react-components/react-card/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-card", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-card_v9.0.2", + "version": "9.0.2", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-tabster to v9.6.0", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-button to v9.3.4", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:50 GMT", "tag": "@fluentui/react-card_v9.0.1", diff --git a/packages/react-components/react-card/CHANGELOG.md b/packages/react-components/react-card/CHANGELOG.md index 6129ffbb61e27..83e0caf606838 100644 --- a/packages/react-components/react-card/CHANGELOG.md +++ b/packages/react-components/react-card/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-card -This log was last generated on Wed, 15 Mar 2023 10:19:50 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.2) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.1..@fluentui/react-card_v9.0.2) + +### 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) +- Bump @fluentui/react-button to v9.3.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball) + ## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.1) Wed, 15 Mar 2023 10:19:50 GMT diff --git a/packages/react-components/react-card/package.json b/packages/react-components/react-card/package.json index 9fa865f1aafdb..27f69eee07f86 100644 --- a/packages/react-components/react-card/package.json +++ b/packages/react-components/react-card/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-card", - "version": "9.0.1", + "version": "9.0.2", "private": false, "description": "Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", @@ -31,16 +31,16 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.19", "@fluentui/react-conformance": "*", - "@fluentui/react-button": "^9.3.3", + "@fluentui/react-button": "^9.3.4", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-checkbox/CHANGELOG.json b/packages/react-components/react-checkbox/CHANGELOG.json index cfd166ba5cee6..354d0ebc37a35 100644 --- a/packages/react-components/react-checkbox/CHANGELOG.json +++ b/packages/react-components/react-checkbox/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-checkbox", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-checkbox_v9.1.4", + "version": "9.1.4", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.26", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-label to v9.1.4", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-tabster to v9.6.0", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-checkbox_v9.1.3", diff --git a/packages/react-components/react-checkbox/CHANGELOG.md b/packages/react-components/react-checkbox/CHANGELOG.md index c830f5953fa2c..654f1021957df 100644 --- a/packages/react-components/react-checkbox/CHANGELOG.md +++ b/packages/react-components/react-checkbox/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-checkbox -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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.1.4) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.1.3..@fluentui/react-checkbox_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-checkbox_v9.1.3) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-checkbox/package.json b/packages/react-components/react-checkbox/package.json index 02281b948a994..d2cdf2d469d90 100644 --- a/packages/react-components/react-checkbox/package.json +++ b/packages/react-components/react-checkbox/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-checkbox", - "version": "9.1.3", + "version": "9.1.4", "description": "Fluent UI checkbox component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,13 +32,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-field": "9.0.0-alpha.26", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-label": "^9.1.3", + "@fluentui/react-label": "^9.1.4", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-combobox/CHANGELOG.json b/packages/react-components/react-combobox/CHANGELOG.json index 9cbd7bd68b42a..36e27f883d93d 100644 --- a/packages/react-components/react-combobox/CHANGELOG.json +++ b/packages/react-components/react-combobox/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-combobox", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-combobox_v9.2.4", + "version": "9.2.4", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-context-selector to v9.1.14", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.26", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-portal to v9.2.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-positioning to v9.5.5", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-combobox_v9.2.3", diff --git a/packages/react-components/react-combobox/CHANGELOG.md b/packages/react-components/react-combobox/CHANGELOG.md index 8447b4597741b..6149a389d373e 100644 --- a/packages/react-components/react-combobox/CHANGELOG.md +++ b/packages/react-components/react-combobox/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-combobox -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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.2.4) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-combobox_v9.2.3..@fluentui/react-combobox_v9.2.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-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-combobox_v9.2.3) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-combobox/package.json b/packages/react-components/react-combobox/package.json index 03dfd52248da7..1e24dc309f9bb 100644 --- a/packages/react-components/react-combobox/package.json +++ b/packages/react-components/react-combobox/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-combobox", - "version": "9.2.3", + "version": "9.2.4", "description": "Fluent UI React Combobox component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,14 +33,14 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-context-selector": "^9.1.13", - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-context-selector": "^9.1.14", + "@fluentui/react-field": "9.0.0-alpha.26", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-portal": "^9.2.0", - "@fluentui/react-positioning": "^9.5.4", + "@fluentui/react-portal": "^9.2.1", + "@fluentui/react-positioning": "^9.5.5", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-components/CHANGELOG.json b/packages/react-components/react-components/CHANGELOG.json index 678e4124ecacd..64a58d9cbdedd 100644 --- a/packages/react-components/react-components/CHANGELOG.json +++ b/packages/react-components/react-components/CHANGELOG.json @@ -1,6 +1,61 @@ { "name": "@fluentui/react-components", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:56 GMT", + "tag": "@fluentui/react-components_v9.18.2", + "version": "9.18.2", + "comments": { + "patch": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-components", + "commit": "b106479e831318cfb3ddf10871e4240530498f31", + "comment": "chore: Export InfoLabel from react-components/unstable" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-dialog", + "commit": "a3ad6f25502d8ec77c9376eaa09ed7d1238f6c73", + "comment": "fix(DialogBody): Remove `maxWidth` style" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-provider", + "commit": "fe1014bbcd770a7b38a3a9a09595e93297c2da26", + "comment": "fix: pass proper document instance to useFocusVisible()" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-utilities", + "commit": "d3418e0a4afe8fbe4d9e375e85c3b6eccc6ccd68", + "comment": "fix(getSlots): stops slotProps.slot to be typed as never" + } + ], + "minor": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-dialog", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81", + "comment": "feat(DialogActions): Implment `fluid` prop" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-tabster", + "commit": "fe1014bbcd770a7b38a3a9a09595e93297c2da26", + "comment": "feat: add options to useFocusVisible() hook" + } + ], + "prerelease": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-infobutton", + "commit": "b106479e831318cfb3ddf10871e4240530498f31", + "comment": "feat: Add InfoLabel component" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:50 GMT", "tag": "@fluentui/react-components_v9.18.1", diff --git a/packages/react-components/react-components/CHANGELOG.md b/packages/react-components/react-components/CHANGELOG.md index 1d23887635d40..eefe77fe7bb46 100644 --- a/packages/react-components/react-components/CHANGELOG.md +++ b/packages/react-components/react-components/CHANGELOG.md @@ -1,9 +1,37 @@ # Change Log - @fluentui/react-components -This log was last generated on Wed, 15 Mar 2023 10:19:50 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:56 GMT and should not be manually modified. +## [9.18.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.18.2) + +Thu, 16 Mar 2023 14:36:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.18.1..@fluentui/react-components_v9.18.2) + +### Minor changes + +- `@fluentui/react-dialog` + - feat(DialogActions): Implment `fluid` prop ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by lingfangao@hotmail.com) +- `@fluentui/react-tabster` + - feat: add options to useFocusVisible() hook ([PR #27198](https://github.com/microsoft/fluentui/pull/27198) by olfedias@microsoft.com) + +### Patches + +- `@fluentui/react-components` + - chore: Export InfoLabel from react-components/unstable ([PR #27118](https://github.com/microsoft/fluentui/pull/27118) by behowell@microsoft.com) +- `@fluentui/react-dialog` + - fix(DialogBody): Remove `maxWidth` style ([PR #27230](https://github.com/microsoft/fluentui/pull/27230) by lingfangao@hotmail.com) +- `@fluentui/react-provider` + - fix: pass proper document instance to useFocusVisible() ([PR #27198](https://github.com/microsoft/fluentui/pull/27198) by olfedias@microsoft.com) +- `@fluentui/react-utilities` + - fix(getSlots): stops slotProps.slot to be typed as never ([PR #27231](https://github.com/microsoft/fluentui/pull/27231) by bernardo.sunderhus@gmail.com) + +### Changes + +- `@fluentui/react-infobutton` + - feat: Add InfoLabel component ([PR #27118](https://github.com/microsoft/fluentui/pull/27118) by behowell@microsoft.com) + ## [9.18.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.18.1) Wed, 15 Mar 2023 10:19:50 GMT diff --git a/packages/react-components/react-components/etc/react-components.unstable.api.md b/packages/react-components/react-components/etc/react-components.unstable.api.md index 69e11834e36fa..536698590ea8a 100644 --- a/packages/react-components/react-components/etc/react-components.unstable.api.md +++ b/packages/react-components/react-components/etc/react-components.unstable.api.md @@ -30,6 +30,11 @@ import { infoButtonClassNames } from '@fluentui/react-infobutton'; import { InfoButtonProps } from '@fluentui/react-infobutton'; import { InfoButtonSlots } from '@fluentui/react-infobutton'; import { InfoButtonState } from '@fluentui/react-infobutton'; +import { InfoLabel } from '@fluentui/react-infobutton'; +import { infoLabelClassNames } from '@fluentui/react-infobutton'; +import { InfoLabelProps } from '@fluentui/react-infobutton'; +import { InfoLabelSlots } from '@fluentui/react-infobutton'; +import { InfoLabelState } from '@fluentui/react-infobutton'; import { InputField_unstable as InputField } from '@fluentui/react-input'; import { inputFieldClassNames } from '@fluentui/react-input'; import { InputFieldProps_unstable as InputFieldProps } from '@fluentui/react-input'; @@ -43,6 +48,7 @@ import { RadioGroupFieldProps_unstable as RadioGroupFieldProps } from '@fluentui import { renderAlert_unstable } from '@fluentui/react-alert'; import { renderField_unstable } from '@fluentui/react-field'; import { renderInfoButton_unstable } from '@fluentui/react-infobutton'; +import { renderInfoLabel_unstable } from '@fluentui/react-infobutton'; import { renderSkeleton_unstable } from '@fluentui/react-skeleton'; import { renderSkeletonItem_unstable } from '@fluentui/react-skeleton'; import { renderTree_unstable } from '@fluentui/react-tree'; @@ -113,6 +119,8 @@ import { useFieldStyles_unstable } from '@fluentui/react-field'; import { useFlatTree_unstable } from '@fluentui/react-tree'; import { useInfoButton_unstable } from '@fluentui/react-infobutton'; import { useInfoButtonStyles_unstable } from '@fluentui/react-infobutton'; +import { useInfoLabel_unstable } from '@fluentui/react-infobutton'; +import { useInfoLabelStyles_unstable } from '@fluentui/react-infobutton'; import { useIntersectionObserver } from '@fluentui/react-virtualizer'; import { useSkeleton_unstable } from '@fluentui/react-skeleton'; import { useSkeletonContext } from '@fluentui/react-skeleton'; @@ -190,6 +198,16 @@ export { InfoButtonSlots } export { InfoButtonState } +export { InfoLabel } + +export { infoLabelClassNames } + +export { InfoLabelProps } + +export { InfoLabelSlots } + +export { InfoLabelState } + export { InputField } export { inputFieldClassNames } @@ -216,6 +234,8 @@ export { renderField_unstable } export { renderInfoButton_unstable } +export { renderInfoLabel_unstable } + export { renderSkeleton_unstable } export { renderSkeletonItem_unstable } @@ -356,6 +376,10 @@ export { useInfoButton_unstable } export { useInfoButtonStyles_unstable } +export { useInfoLabel_unstable } + +export { useInfoLabelStyles_unstable } + export { useIntersectionObserver } export { useSkeleton_unstable } diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index 670eeabb654c1..2c804ee4b436e 100644 --- a/packages/react-components/react-components/package.json +++ b/packages/react-components/react-components/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-components", - "version": "9.18.1", + "version": "9.18.2", "description": "Suite package for converged React components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,49 +31,49 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-accordion": "^9.1.3", - "@fluentui/react-alert": "9.0.0-beta.39", - "@fluentui/react-avatar": "^9.4.3", - "@fluentui/react-badge": "^9.1.3", - "@fluentui/react-button": "^9.3.3", - "@fluentui/react-card": "^9.0.1", - "@fluentui/react-checkbox": "^9.1.3", - "@fluentui/react-combobox": "^9.2.3", - "@fluentui/react-dialog": "^9.3.2", - "@fluentui/react-divider": "^9.2.3", - "@fluentui/react-field": "9.0.0-alpha.25", - "@fluentui/react-image": "^9.1.0", - "@fluentui/react-infobutton": "9.0.0-beta.21", - "@fluentui/react-input": "^9.4.3", - "@fluentui/react-label": "^9.1.3", - "@fluentui/react-link": "^9.0.29", - "@fluentui/react-menu": "^9.7.3", - "@fluentui/react-overflow": "^9.0.10", - "@fluentui/react-persona": "^9.2.3", - "@fluentui/react-portal": "^9.2.0", - "@fluentui/react-popover": "^9.5.3", - "@fluentui/react-positioning": "^9.5.4", - "@fluentui/react-progress": "^9.1.3", - "@fluentui/react-provider": "^9.4.3", - "@fluentui/react-radio": "^9.1.3", - "@fluentui/react-select": "^9.1.3", + "@fluentui/react-accordion": "^9.1.4", + "@fluentui/react-alert": "9.0.0-beta.40", + "@fluentui/react-avatar": "^9.4.4", + "@fluentui/react-badge": "^9.1.4", + "@fluentui/react-button": "^9.3.4", + "@fluentui/react-card": "^9.0.2", + "@fluentui/react-checkbox": "^9.1.4", + "@fluentui/react-combobox": "^9.2.4", + "@fluentui/react-dialog": "^9.4.0", + "@fluentui/react-divider": "^9.2.4", + "@fluentui/react-field": "9.0.0-alpha.26", + "@fluentui/react-image": "^9.1.1", + "@fluentui/react-infobutton": "9.0.0-beta.22", + "@fluentui/react-input": "^9.4.4", + "@fluentui/react-label": "^9.1.4", + "@fluentui/react-link": "^9.0.30", + "@fluentui/react-menu": "^9.7.4", + "@fluentui/react-overflow": "^9.0.11", + "@fluentui/react-persona": "^9.2.4", + "@fluentui/react-portal": "^9.2.1", + "@fluentui/react-popover": "^9.5.4", + "@fluentui/react-positioning": "^9.5.5", + "@fluentui/react-progress": "^9.1.4", + "@fluentui/react-provider": "^9.4.4", + "@fluentui/react-radio": "^9.1.4", + "@fluentui/react-select": "^9.1.4", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-skeleton": "9.0.0-beta.2", - "@fluentui/react-slider": "^9.1.3", - "@fluentui/react-spinbutton": "^9.2.3", - "@fluentui/react-spinner": "^9.1.3", - "@fluentui/react-switch": "^9.1.3", - "@fluentui/react-table": "^9.2.0", - "@fluentui/react-tabs": "^9.3.3", - "@fluentui/react-tabster": "^9.5.7", - "@fluentui/react-textarea": "^9.3.3", + "@fluentui/react-skeleton": "9.0.0-beta.3", + "@fluentui/react-slider": "^9.1.4", + "@fluentui/react-spinbutton": "^9.2.4", + "@fluentui/react-spinner": "^9.1.4", + "@fluentui/react-switch": "^9.1.4", + "@fluentui/react-table": "^9.2.1", + "@fluentui/react-tabs": "^9.3.4", + "@fluentui/react-tabster": "^9.6.0", + "@fluentui/react-textarea": "^9.3.4", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-toolbar": "^9.1.3", - "@fluentui/react-tooltip": "^9.2.3", - "@fluentui/react-utilities": "^9.7.0", - "@fluentui/react-text": "^9.3.0", - "@fluentui/react-virtualizer": "9.0.0-alpha.11", - "@fluentui/react-tree": "9.0.0-beta.4", + "@fluentui/react-toolbar": "^9.1.4", + "@fluentui/react-tooltip": "^9.2.4", + "@fluentui/react-utilities": "^9.7.1", + "@fluentui/react-text": "^9.3.1", + "@fluentui/react-virtualizer": "9.0.0-alpha.12", + "@fluentui/react-tree": "9.0.0-beta.5", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-components/src/unstable/index.ts b/packages/react-components/react-components/src/unstable/index.ts index d79893da6a36f..60eb1ef64ef74 100644 --- a/packages/react-components/react-components/src/unstable/index.ts +++ b/packages/react-components/react-components/src/unstable/index.ts @@ -15,8 +15,20 @@ export { useInfoButton_unstable, useInfoButtonStyles_unstable, renderInfoButton_unstable, + InfoLabel, + infoLabelClassNames, + renderInfoLabel_unstable, + useInfoLabel_unstable, + useInfoLabelStyles_unstable, +} from '@fluentui/react-infobutton'; +export type { + InfoButtonProps, + InfoButtonSlots, + InfoButtonState, + InfoLabelProps, + InfoLabelSlots, + InfoLabelState, } from '@fluentui/react-infobutton'; -export type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from '@fluentui/react-infobutton'; // eslint-disable-next-line deprecation/deprecation export { CheckboxField_unstable as CheckboxField, checkboxFieldClassNames } from '@fluentui/react-checkbox'; diff --git a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx index bcefde074aaaa..2ac7ac873eafd 100644 --- a/packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx +++ b/packages/react-components/react-components/stories/Concepts/Positioning/PositioningImperativeAnchorTarget.stories.tsx @@ -29,8 +29,9 @@ export const ImperativeAnchorTarget = () => { setOpen(true); }, []); - const onMouseLeave = React.useCallback((e: React.MouseEvent) => { - if (e.relatedTarget instanceof HTMLElement && e.relatedTarget.getAttribute('role') === 'tooltip') { + const onMouseLeave = React.useCallback((event: React.MouseEvent) => { + const target = event.relatedTarget as HTMLElement; + if (target && target.getAttribute('role') === 'tooltip') { return; } setOpen(false); diff --git a/packages/react-components/react-context-selector/CHANGELOG.json b/packages/react-components/react-context-selector/CHANGELOG.json index ecbda5666b182..11d1db16dc7c5 100644 --- a/packages/react-components/react-context-selector/CHANGELOG.json +++ b/packages/react-components/react-context-selector/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-context-selector", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-context-selector_v9.1.14", + "version": "9.1.14", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-context-selector", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Mon, 13 Mar 2023 08:58:26 GMT", "tag": "@fluentui/react-context-selector_v9.1.13", diff --git a/packages/react-components/react-context-selector/CHANGELOG.md b/packages/react-components/react-context-selector/CHANGELOG.md index 84be73008bf6a..93525305ddb7c 100644 --- a/packages/react-components/react-context-selector/CHANGELOG.md +++ b/packages/react-components/react-context-selector/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-context-selector -This log was last generated on Mon, 13 Mar 2023 08:58:26 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.1.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.14) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.13..@fluentui/react-context-selector_v9.1.14) + +### Patches + +- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball) + ## [9.1.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.13) Mon, 13 Mar 2023 08:58:26 GMT diff --git a/packages/react-components/react-context-selector/package.json b/packages/react-components/react-context-selector/package.json index 4de48e53b89d4..be5ab963a2765 100644 --- a/packages/react-components/react-context-selector/package.json +++ b/packages/react-components/react-context-selector/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-context-selector", - "version": "9.1.13", + "version": "9.1.14", "description": "React useContextSelector hook in userland", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-data-grid-react-window/CHANGELOG.json b/packages/react-components/react-data-grid-react-window/CHANGELOG.json index 1a98569461884..4db91f5d9f10a 100644 --- a/packages/react-components/react-data-grid-react-window/CHANGELOG.json +++ b/packages/react-components/react-data-grid-react-window/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-data-grid-react-window", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-data-grid-react-window_v9.0.0-beta.14", + "version": "9.0.0-beta.14", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-table to v9.2.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-data-grid-react-window", + "comment": "Bump @fluentui/react-components to v9.18.2", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-data-grid-react-window_v9.0.0-beta.13", diff --git a/packages/react-components/react-data-grid-react-window/CHANGELOG.md b/packages/react-components/react-data-grid-react-window/CHANGELOG.md index db9cf63439999..bd0586e8f9011 100644 --- a/packages/react-components/react-data-grid-react-window/CHANGELOG.md +++ b/packages/react-components/react-data-grid-react-window/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-data-grid-react-window -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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.0.0-beta.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-data-grid-react-window_v9.0.0-beta.14) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-data-grid-react-window_v9.0.0-beta.13..@fluentui/react-data-grid-react-window_v9.0.0-beta.14) + +### Changes + +- Bump @fluentui/react-table to v9.2.1 ([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-components to v9.18.2 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball) + ## [9.0.0-beta.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-data-grid-react-window_v9.0.0-beta.13) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-data-grid-react-window/package.json b/packages/react-components/react-data-grid-react-window/package.json index 9f71a826ac1fa..c895199f4cc30 100644 --- a/packages/react-components/react-data-grid-react-window/package.json +++ b/packages/react-components/react-data-grid-react-window/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-data-grid-react-window", - "version": "9.0.0-beta.13", + "version": "9.0.0-beta.14", "description": "Virtualized DataGrid components and utilities powered by react-window", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,13 +29,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-table": "^9.2.0", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-table": "^9.2.1", + "@fluentui/react-utilities": "^9.7.1", "react-window": "^1.8.6", "@swc/helpers": "^0.4.14" }, "peerDependencies": { - "@fluentui/react-components": "^9.18.1", + "@fluentui/react-components": "^9.18.2", "@types/react": ">=16.8.0 <19.0.0", "@types/react-dom": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0", diff --git a/packages/react-components/react-datepicker-compat/cypress.config.ts b/packages/react-components/react-datepicker-compat/cypress.config.ts new file mode 100644 index 0000000000000..ca52cf041bbf2 --- /dev/null +++ b/packages/react-components/react-datepicker-compat/cypress.config.ts @@ -0,0 +1,3 @@ +import { baseConfig } from '@fluentui/scripts-cypress'; + +export default baseConfig; diff --git a/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md b/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md index 2391b931c4d03..760660898854b 100644 --- a/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md +++ b/packages/react-components/react-datepicker-compat/etc/react-datepicker-compat.api.md @@ -409,7 +409,6 @@ export type DatePickerProps = ComponentProps> & { label?: string; isRequired?: boolean; disabled?: boolean; - ariaLabel?: string; underlined?: boolean; pickerAriaLabel?: string; isMonthPickerVisible?: boolean; diff --git a/packages/react-components/react-datepicker-compat/package.json b/packages/react-components/react-datepicker-compat/package.json index fcab669fa4ed5..5345f7caaacb4 100644 --- a/packages/react-components/react-datepicker-compat/package.json +++ b/packages/react-components/react-datepicker-compat/package.json @@ -16,6 +16,8 @@ "build": "just-scripts build", "clean": "just-scripts clean", "code-style": "just-scripts code-style", + "e2e": "cypress run --component", + "e2e:local": "cypress open --component", "just": "just-scripts", "lint": "just-scripts lint", "test": "jest --passWithNoTests", @@ -33,14 +35,14 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-field": "9.0.0-alpha.26", "@fluentui/react-icons": "^2.0.175", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", - "@fluentui/react-popover": "^9.5.3", - "@fluentui/react-input": "^9.4.3", + "@fluentui/react-tabster": "^9.6.0", + "@fluentui/react-popover": "^9.5.4", + "@fluentui/react-input": "^9.4.4", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx index a402e24b78100..9e2a8f162c184 100644 --- a/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/CalendarDayGrid/CalendarDayGrid.tsx @@ -147,8 +147,8 @@ export const CalendarDayGrid: React.FunctionComponent = pr week={weeks[0]} weekIndex={-1} rowClassName={classNames.firstTransitionWeek} - ariaRole="presentation" - ariaHidden={true} + aria-role="presentation" + aria-hidden={true} /> {weeks!.slice(1, weeks!.length - 1).map((week: DayInfo[], weekIndex: number) => ( = pr week={weeks![weeks!.length - 1]} weekIndex={-2} rowClassName={classNames.lastTransitionWeek} - ariaRole="presentation" - ariaHidden={true} + aria-role="presentation" + aria-hidden={true} /> diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx new file mode 100644 index 0000000000000..daec8df4f5f37 --- /dev/null +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.cy.tsx @@ -0,0 +1,131 @@ +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 { DatePicker } from './DatePicker'; + +const mount = (element: JSX.Element) => { + mountBase({element}); +}; + +const inputSelector = '[role="combobox"]'; +const popoverSelector = '[role="dialog"]'; +const fieldErrorMessageSelector = '[role=alert]'; + +describe('DatePicker', () => { + it('opens a default datepicker', () => { + mount(); + cy.get(inputSelector).click().get(popoverSelector).should('be.visible'); + }); + + it('should not open a datepicker when disabled', () => { + mount(); + // Force is needed because otherwise Cypress throws an error + cy.get(inputSelector).click({ force: true }).get(popoverSelector).should('not.exist'); + }); + + it('should render DatePicker and calloutId must exist in the DOM when isDatePickerShown is set', () => { + mount(); + cy.get(inputSelector).click(); + + cy.get('body').find('[aria-owns]').should('exist'); + }); + + it('should clear error message when required input has date text and allowTextInput is true', () => { + mount(); + + // Open DatePicker and dismiss + cy.get(inputSelector).click().get('body').click('bottomRight'); + cy.get(fieldErrorMessageSelector).should('exist'); + + // Type a date and dismiss + cy.get(inputSelector).click().click().type('Jan 1 2030').get('body').click('bottomRight'); + + cy.get(fieldErrorMessageSelector).should('not.exist'); + }); + + it('clears error message when required input has date selected from calendar and allowTextInput is true', () => { + mount(); + + // Open picker and dismiss to show error message + cy.get(inputSelector).click().get('body').click('bottomRight'); + cy.get(fieldErrorMessageSelector).should('exist'); + + // Select a date from calendar, we choose 10 since the first 0-6 days in the grid are not really dates, and dismiss + cy.get(inputSelector).click().get('[role="gridcell"]').its(10).click().get('body').click('bottomRight'); + cy.get(fieldErrorMessageSelector).should('not.exist'); + }); + + it('should not clear initial error when datepicker is opened', () => { + mount(); + + cy.get(fieldErrorMessageSelector).should('exist'); + + // open and dismiss picker + cy.get(inputSelector).click().get('body').click('bottomRight'); + cy.get(fieldErrorMessageSelector).should('exist'); + }); + + it('should reset status message after selecting a valid date', () => { + mount(); + + cy.get(fieldErrorMessageSelector).should('not.exist'); + cy.get(inputSelector).click().click().type('test').get('body').click('bottomRight'); + cy.get(fieldErrorMessageSelector).should('exist'); + cy.get(inputSelector).click().get('[role="gridcell"]').its(10).click().get('body').click('bottomRight'); + cy.get(fieldErrorMessageSelector).should('not.exist'); + }); +}); + +describe('When boundaries are specified', () => { + const defaultDate = new Date('Dec 15 2017'); + const minDate = new Date('Jan 1 2017'); + const maxDate = new Date('Dec 31 2017'); + const strings = { + months: [ + 'January', + 'February', + 'March', + 'April', + 'May', + 'June', + 'July', + 'August', + 'September', + 'October', + 'November', + 'December', + ], + shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], + days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'], + shortDays: ['S', 'M', 'T', 'W', 'T', 'F', 'S'], + goToToday: 'Go to today', + isOutOfBoundsErrorMessage: 'out of bounds', + }; + + beforeEach(() => { + mount(); + }); + + it('should throw validation error for date outside boundary', () => { + // Before min date + cy.get(inputSelector).click().click().clear().type('Jan 1 2010{enter}').get('body').click('bottomRight'); + cy.get(fieldErrorMessageSelector).should('exist').should('have.text', 'out of bounds'); + + // After max date + cy.get(inputSelector).click().click().clear().type('Jan 1 2020{enter}').get('body').click('bottomRight'); + cy.get(fieldErrorMessageSelector).should('exist').should('have.text', 'out of bounds'); + }); + + it('should not throw validation error for date inside boundary', () => { + // In boundary + cy.get(inputSelector).click().click().clear().type('Dec 16 2017{enter}').get('body').click('bottomRight'); + cy.get(fieldErrorMessageSelector).should('not.exist'); + + // In boundary + cy.get(inputSelector).click().click().clear().type('Jan 1 2017{enter}').get('body').click('bottomRight'); + cy.get(fieldErrorMessageSelector).should('not.exist'); + }); +}); diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx new file mode 100644 index 0000000000000..91f72857f2b48 --- /dev/null +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx @@ -0,0 +1,142 @@ +import * as React from 'react'; +import { fireEvent, render, RenderResult } from '@testing-library/react'; +import { DatePicker } from './DatePicker'; +import { isConformant } from '../../testing/isConformant'; +import { datePickerClassNames } from './useDatePickerStyles'; +import { resetIdsForTests } from '@fluentui/react-utilities'; + +// testing-library's queryByRole function doesn't look inside portals +function queryByRoleDialog(result: RenderResult) { + const dialogs = result.baseElement.querySelectorAll('*[role="dialog"]'); + if (!dialogs?.length) { + return null; + } else { + expect(dialogs.length).toBe(1); + return dialogs.item(0) as HTMLElement; + } +} + +const getDatepickerPopoverElement = (result: RenderResult) => { + result.getByRole('combobox').click(); + const dialog = queryByRoleDialog(result); + expect(dialog).not.toBeNull(); + return dialog!; +}; + +describe('DatePicker', () => { + beforeEach(() => { + resetIdsForTests(); + }); + + isConformant({ + Component: DatePicker, + displayName: 'DatePicker', + disabledTests: ['consistent-callback-args'], + testOptions: { + 'has-static-classnames': [ + { + props: {}, + expectedClassNames: { + root: datePickerClassNames.root, + inputField: datePickerClassNames.inputField, + wrapper: datePickerClassNames.wrapper, + popoverSurface: datePickerClassNames.popoverSurface, + input: datePickerClassNames.input, + calendar: datePickerClassNames.calendar, + }, + getPortalElement: getDatepickerPopoverElement, + }, + ], + }, + }); + + it('can add an id to the container', () => { + const result = render(); + expect(result.findByTestId('test-id')).toBeTruthy(); + }); + + it('should not render DatePicker when isDatePickerShown is not set', () => { + const result = render(); + expect(result).toMatchSnapshot(); + }); + + it('renders a normal input when allowTextInput is true', () => { + const result = render(); + expect(result.getByRole('combobox').getAttribute('readonly')).toBeNull(); + }); + + it('renders a readonly input when allowTextInput is false', () => { + const result = render(); + expect(result.getByRole('combobox').getAttribute('readonly')).not.toBeNull(); + }); + + it('should call onSelectDate even when required input is empty when allowTextInput is true', () => { + const onSelectDate = jest.fn(); + const result = render(); + const input = result.getByRole('combobox'); + + fireEvent.change(input, { target: { value: 'Jan 1 2030' } }); + fireEvent.blur(input); + + fireEvent.change(input, { target: { value: '' } }); + fireEvent.blur(input); + + expect(onSelectDate).toHaveBeenCalledTimes(2); + }); + + it('should call onSelectDate only once when allowTextInput is true and popup is used to select the value', () => { + const onSelectDate = jest.fn(); + const result = render(); + + fireEvent.click(result.getByRole('combobox')); + result.getAllByRole('gridcell')[10].click(); + + expect(onSelectDate).toHaveBeenCalledTimes(1); + }); + + it('should set "Calendar" as the Callout\'s aria-label', () => { + const result = render(); + const input = result.getByRole('combobox'); + + fireEvent.click(input); + fireEvent.blur(input); + + expect(result.getByRole('dialog').getAttribute('aria-label')).toBe('Calendar'); + }); + + it('should reflect the correct date in the input field when selecting a value', () => { + const today = new Date('January 15, 2020'); + const initiallySelectedDate = new Date('January 10, 2020'); + const result = render(); + + const input = result.getByRole('combobox'); + + fireEvent.click(input); + result.getByText('15').click(); + + expect(input.getAttribute('value')).toBe('Wed Jan 15 2020'); + }); + + it('reflects the correct date in the input field when selecting a value and a different format is given', () => { + const today = new Date('January 15, 2020'); + const initiallySelectedDate = new Date('January 10, 2020'); + const onFormatDate = (date?: Date): string => { + return date ? date.getDate() + '/' + (date.getMonth() + 1) + '/' + (date.getFullYear() % 100) : ''; + }; + + const result = render( + , + ); + const input = result.getByRole('combobox'); + + fireEvent.click(input); + result.getByText('15').click(); + + expect(input.getAttribute('value')).toBe('15/1/20'); + }); +}); diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx.ignore b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx.ignore deleted file mode 100644 index 9ddcf9a74fef6..0000000000000 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.test.tsx.ignore +++ /dev/null @@ -1,16 +0,0 @@ -import * as React from 'react'; -import { render } from '@testing-library/react'; -import { DatePicker } from './DatePicker'; -// import { isConformant } from '../../testing/isConformant'; - -describe('DatePicker', () => { - // isConformant({ - // Component: DatePicker, - // displayName: 'DatePicker', - // }); - - it('renders a default state', () => { - const result = render(Default DatePicker); - expect(result.container).toMatchSnapshot(); - }); -}); diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts index 96c1894d284ff..d8711107dc315 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/DatePicker.types.ts @@ -66,11 +66,6 @@ export type DatePickerProps = ComponentProps> & { */ disabled?: boolean; - /** - * Aria Label for TextField of the DatePicker for screen reader users. - */ - ariaLabel?: string; - /** * Whether or not the Textfield of the DatePicker is underlined. * @defaultvalue false diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap b/packages/react-components/react-datepicker-compat/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap new file mode 100644 index 0000000000000..ef16e53f7ed5a --- /dev/null +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/__snapshots__/DatePicker.test.tsx.snap @@ -0,0 +1,160 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`DatePicker should not render DatePicker when isDatePickerShown is not set 1`] = ` +Object { + "asFragment": [Function], + "baseElement": +
+
+
+
+ +
+
+
+
+ , + "container":
+
+
+
+ +
+
+
+
, + "debug": [Function], + "findAllByAltText": [Function], + "findAllByDisplayValue": [Function], + "findAllByLabelText": [Function], + "findAllByPlaceholderText": [Function], + "findAllByRole": [Function], + "findAllByTestId": [Function], + "findAllByText": [Function], + "findAllByTitle": [Function], + "findByAltText": [Function], + "findByDisplayValue": [Function], + "findByLabelText": [Function], + "findByPlaceholderText": [Function], + "findByRole": [Function], + "findByTestId": [Function], + "findByText": [Function], + "findByTitle": [Function], + "getAllByAltText": [Function], + "getAllByDisplayValue": [Function], + "getAllByLabelText": [Function], + "getAllByPlaceholderText": [Function], + "getAllByRole": [Function], + "getAllByTestId": [Function], + "getAllByText": [Function], + "getAllByTitle": [Function], + "getByAltText": [Function], + "getByDisplayValue": [Function], + "getByLabelText": [Function], + "getByPlaceholderText": [Function], + "getByRole": [Function], + "getByTestId": [Function], + "getByText": [Function], + "getByTitle": [Function], + "queryAllByAltText": [Function], + "queryAllByDisplayValue": [Function], + "queryAllByLabelText": [Function], + "queryAllByPlaceholderText": [Function], + "queryAllByRole": [Function], + "queryAllByTestId": [Function], + "queryAllByText": [Function], + "queryAllByTitle": [Function], + "queryByAltText": [Function], + "queryByDisplayValue": [Function], + "queryByLabelText": [Function], + "queryByPlaceholderText": [Function], + "queryByRole": [Function], + "queryByTestId": [Function], + "queryByText": [Function], + "queryByTitle": [Function], + "rerender": [Function], + "unmount": [Function], +} +`; diff --git a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx index fb8b1b2c52f76..6d88f3a308df8 100644 --- a/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx +++ b/packages/react-components/react-datepicker-compat/src/components/DatePicker/useDatePicker.tsx @@ -202,7 +202,6 @@ export const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref} />, disabled, id: inputId, @@ -537,10 +536,6 @@ export const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref>, }, - inputField: inputFieldShorthand, + calendar: calendarShorthand, input: inputShorthand, + inputField: inputFieldShorthand, + popover: popoverShorthand, + popoverSurface: popoverSurfaceShorthand, root, wrapper: wrapperShorthand, }; diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerCustomDateFormatting.stories.tsx b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerCustomDateFormatting.stories.tsx index 1f87263ddaf4f..72700d1bcd9eb 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerCustomDateFormatting.stories.tsx +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerCustomDateFormatting.stories.tsx @@ -60,7 +60,7 @@ export const CustomDateFormatting = () => { componentRef={datePickerRef} label="Start date" allowTextInput - ariaLabel="Select a date. Input format is day slash month slash year." + aria-label="Select a date. Input format is day slash month slash year." value={value} onSelectDate={setValue as (date?: Date | null) => void} formatDate={onFormatDate} diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDateBoundaries.stories.tsx b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDateBoundaries.stories.tsx index 3b3c12b284c22..b4c89d9236abb 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDateBoundaries.stories.tsx +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDateBoundaries.stories.tsx @@ -33,7 +33,7 @@ export const DateBoundaries = () => { // DatePicker uses English strings by default. For localized apps, you must override this prop. strings={strings} placeholder="Select a date..." - ariaLabel="Select a date" + aria-label="Select a date" minDate={minDate} maxDate={maxDate} allowTextInput diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDefault.stories.tsx b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDefault.stories.tsx index 3c04fcdccfa4c..52e27838b8a27 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDefault.stories.tsx +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerDefault.stories.tsx @@ -35,7 +35,7 @@ export const Default = (props: Partial) => { { @@ -28,7 +28,7 @@ export const Disabled = () => { disabled label="Disabled (with label)" placeholder="Select a date..." - ariaLabel="Select a date" + aria-label="Select a date" strings={defaultDatePickerStrings} /> diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerExternalControls.stories.tsx b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerExternalControls.stories.tsx index 77d4cca9355b0..974c43a96eafc 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerExternalControls.stories.tsx +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerExternalControls.stories.tsx @@ -33,7 +33,7 @@ export const ExternalControls = () => { value={selectedDate} onSelectDate={setSelectedDate as (date: Date | null | undefined) => void} placeholder="Select a date..." - ariaLabel="Select a date" + aria-label="Select a date" // DatePicker uses English strings by default. For localized apps, you must override this prop. strings={defaultDatePickerStrings} /> diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerRequired.stories.tsx b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerRequired.stories.tsx index 22fb6b6accedf..7a2900c752780 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerRequired.stories.tsx +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerRequired.stories.tsx @@ -24,7 +24,7 @@ export const Required = () => { className={styles.control} label="Date required (with label)" placeholder="Select a date..." - ariaLabel="Select a date" + aria-label="Select a date" // DatePicker uses English strings by default. For localized apps, you must override this prop. strings={defaultDatePickerStrings} /> @@ -32,7 +32,7 @@ export const Required = () => { isRequired className={styles.control} placeholder="Date required with no label..." - ariaLabel="Select a date" + aria-label="Select a date" strings={defaultDatePickerStrings} /> diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerTextInput.stories.tsx b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerTextInput.stories.tsx index 8d98e9e09b8c0..47b1817fa99e2 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerTextInput.stories.tsx +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerTextInput.stories.tsx @@ -37,7 +37,7 @@ export const TextInput = () => { componentRef={datePickerRef} label="Start date" allowTextInput - ariaLabel="Select a date" + aria-label="Select a date" value={value} onSelectDate={setValue as (date: Date | null | undefined) => void} // DatePicker uses English strings by default. For localized apps, you must override this prop. diff --git a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerWeekNumbers.stories.tsx b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerWeekNumbers.stories.tsx index 4f0c5efef7b15..8def95cc0fe18 100644 --- a/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerWeekNumbers.stories.tsx +++ b/packages/react-components/react-datepicker-compat/stories/DatePicker/DatePickerWeekNumbers.stories.tsx @@ -36,7 +36,7 @@ export const WeekNumbers = () => { firstWeekOfYear={1} showMonthPickerAsOverlay={true} placeholder="Select a date..." - ariaLabel="Select a date" + aria-label="Select a date" // DatePicker uses English strings by default. For localized apps, you must override this prop. strings={defaultDatePickerStrings} /> diff --git a/packages/react-components/react-datepicker-compat/tsconfig.cy.json b/packages/react-components/react-datepicker-compat/tsconfig.cy.json new file mode 100644 index 0000000000000..93a140885851d --- /dev/null +++ b/packages/react-components/react-datepicker-compat/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": ["**/*.cy.ts", "**/*.cy.tsx"] +} diff --git a/packages/react-components/react-datepicker-compat/tsconfig.json b/packages/react-components/react-datepicker-compat/tsconfig.json index 1941a041d46c1..1317f81620ca5 100644 --- a/packages/react-components/react-datepicker-compat/tsconfig.json +++ b/packages/react-components/react-datepicker-compat/tsconfig.json @@ -20,6 +20,9 @@ }, { "path": "./.storybook/tsconfig.json" + }, + { + "path": "./tsconfig.cy.json" } ] } diff --git a/packages/react-components/react-datepicker-compat/tsconfig.lib.json b/packages/react-components/react-datepicker-compat/tsconfig.lib.json index 6f90cf95c005b..e17f808c03933 100644 --- a/packages/react-components/react-datepicker-compat/tsconfig.lib.json +++ b/packages/react-components/react-datepicker-compat/tsconfig.lib.json @@ -16,7 +16,9 @@ "**/*.test.ts", "**/*.test.tsx", "**/*.stories.ts", - "**/*.stories.tsx" + "**/*.stories.tsx", + "**/*.cy.ts", + "**/*.cy.tsx" ], "include": ["./src/**/*.ts", "./src/**/*.tsx"] } diff --git a/packages/react-components/react-dialog/CHANGELOG.json b/packages/react-components/react-dialog/CHANGELOG.json index a19df691584d4..83928969f90ad 100644 --- a/packages/react-components/react-dialog/CHANGELOG.json +++ b/packages/react-components/react-dialog/CHANGELOG.json @@ -1,6 +1,59 @@ { "name": "@fluentui/react-dialog", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:57 GMT", + "tag": "@fluentui/react-dialog_v9.4.0", + "version": "9.4.0", + "comments": { + "patch": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-dialog", + "commit": "a3ad6f25502d8ec77c9376eaa09ed7d1238f6c73", + "comment": "fix(DialogBody): Remove `maxWidth` style" + } + ], + "minor": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-dialog", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81", + "comment": "feat(DialogActions): Implment `fluid` prop" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-context-selector to v9.1.14", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-aria to v9.3.14", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-tabster to v9.6.0", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-portal to v9.2.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-dialog_v9.3.2", diff --git a/packages/react-components/react-dialog/CHANGELOG.md b/packages/react-components/react-dialog/CHANGELOG.md index 5cc4ba6096ba5..622fdb9f8d483 100644 --- a/packages/react-components/react-dialog/CHANGELOG.md +++ b/packages/react-components/react-dialog/CHANGELOG.md @@ -1,9 +1,27 @@ # Change Log - @fluentui/react-dialog -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 Thu, 16 Mar 2023 14:36:57 GMT and should not be manually modified. +## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.4.0) + +Thu, 16 Mar 2023 14:36:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.3.2..@fluentui/react-dialog_v9.4.0) + +### Minor changes + +- feat(DialogActions): Implment `fluid` prop ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by lingfangao@hotmail.com) +- 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-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) + +### Patches + +- fix(DialogBody): Remove `maxWidth` style ([PR #27230](https://github.com/microsoft/fluentui/pull/27230) by lingfangao@hotmail.com) + ## [9.3.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.3.2) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-dialog/etc/react-dialog.api.md b/packages/react-components/react-dialog/etc/react-dialog.api.md index 958b1665a6737..96473968cc04e 100644 --- a/packages/react-components/react-dialog/etc/react-dialog.api.md +++ b/packages/react-components/react-dialog/etc/react-dialog.api.md @@ -33,6 +33,7 @@ export type DialogActionsPosition = 'start' | 'end'; // @public export type DialogActionsProps = ComponentProps & { position?: DialogActionsPosition; + fluid?: boolean; }; // @public (undocumented) @@ -41,9 +42,7 @@ export type DialogActionsSlots = { }; // @public -export type DialogActionsState = ComponentState & { - position: DialogActionsPosition; -}; +export type DialogActionsState = ComponentState & Pick, 'position' | 'fluid'>; // @public export const DialogBody: ForwardRefComponent; diff --git a/packages/react-components/react-dialog/package.json b/packages/react-components/react-dialog/package.json index 1662a00d7bb02..4c5a1dcface0f 100644 --- a/packages/react-components/react-dialog/package.json +++ b/packages/react-components/react-dialog/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-dialog", - "version": "9.3.2", + "version": "9.4.0", "description": "Dialog component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -36,15 +36,15 @@ }, "dependencies": { "@griffel/react": "^1.5.2", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-context-selector": "^9.1.13", + "@fluentui/react-context-selector": "^9.1.14", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-aria": "^9.3.13", + "@fluentui/react-aria": "^9.3.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-portal": "^9.2.0", + "@fluentui/react-portal": "^9.2.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.types.ts b/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.types.ts index b1df2b0873a39..b774c394c0e58 100644 --- a/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.types.ts +++ b/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.types.ts @@ -15,11 +15,16 @@ export type DialogActionsProps = ComponentProps & { * @default 'end' */ position?: DialogActionsPosition; + + /** + * Makes the actions expand the entire width of the DialogBody + * @default false + */ + fluid?: boolean; }; /** * State used in rendering DialogActions */ -export type DialogActionsState = ComponentState & { - position: DialogActionsPosition; -}; +export type DialogActionsState = ComponentState & + Pick, 'position' | 'fluid'>; diff --git a/packages/react-components/react-dialog/src/components/DialogActions/useDialogActions.ts b/packages/react-components/react-dialog/src/components/DialogActions/useDialogActions.ts index 125927f024ecb..e01526d61078d 100644 --- a/packages/react-components/react-dialog/src/components/DialogActions/useDialogActions.ts +++ b/packages/react-components/react-dialog/src/components/DialogActions/useDialogActions.ts @@ -15,7 +15,7 @@ export const useDialogActions_unstable = ( props: DialogActionsProps, ref: React.Ref, ): DialogActionsState => { - const { position = 'end' } = props; + const { position = 'end', fluid = false } = props; return { components: { root: 'div', @@ -25,5 +25,6 @@ export const useDialogActions_unstable = ( ...props, }), position, + fluid, }; }; diff --git a/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.ts b/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.ts index 0d5e2d9288127..7515b34f99450 100644 --- a/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.ts +++ b/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.ts @@ -31,6 +31,12 @@ const useStyles = makeStyles({ justifySelf: 'start', ...shorthands.gridArea(ACTIONS_START_GRID_AREA), }, + fluidStart: { + gridColumnEnd: ACTIONS_END_GRID_AREA, + }, + fluidEnd: { + gridColumnStart: ACTIONS_START_GRID_AREA, + }, }); /** @@ -43,6 +49,8 @@ export const useDialogActionsStyles_unstable = (state: DialogActionsState): Dial styles.root, state.position === 'start' && styles.gridPositionStart, state.position === 'end' && styles.gridPositionEnd, + state.fluid && state.position === 'start' && styles.fluidStart, + state.fluid && state.position === 'end' && styles.fluidEnd, state.root.className, ); return state; diff --git a/packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.ts b/packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.ts index e62ef2d142867..50698874498e9 100644 --- a/packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.ts +++ b/packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.ts @@ -27,7 +27,6 @@ const useStyles = makeStyles({ }, width: `100%`, height: 'fit-content', - maxWidth: '600px', maxHeight: `calc(100vh - 2 * ${SURFACE_PADDING})`, boxSizing: 'border-box', gridTemplateRows: 'auto 1fr auto', diff --git a/packages/react-components/react-dialog/stories/Dialog/DialogFluidDialogActions.md b/packages/react-components/react-dialog/stories/Dialog/DialogFluidDialogActions.md new file mode 100644 index 0000000000000..bbe72aec9aae1 --- /dev/null +++ b/packages/react-components/react-dialog/stories/Dialog/DialogFluidDialogActions.md @@ -0,0 +1,4 @@ +Use the `fluid` prop on the `DialogActions` component so that it spans the entire width of the dialog. This +prop can be useful for having large number of actions. + +> A `Dialog` should have no more than **two** actions. diff --git a/packages/react-components/react-dialog/stories/Dialog/DialogFluidDialogActions.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/DialogFluidDialogActions.stories.tsx new file mode 100644 index 0000000000000..de95f61c2a921 --- /dev/null +++ b/packages/react-components/react-dialog/stories/Dialog/DialogFluidDialogActions.stories.tsx @@ -0,0 +1,48 @@ +import * as React from 'react'; +import { + Dialog, + DialogTrigger, + DialogSurface, + DialogTitle, + DialogBody, + DialogActions, + DialogContent, + Button, +} from '@fluentui/react-components'; +import story from './DialogFluidDialogActions.md'; + +export const FluidActions = () => { + return ( + + + + + + + Dialog title + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam exercitationem cumque repellendus eaque + est dolor eius expedita nulla ullam? Tenetur reprehenderit aut voluptatum impedit voluptates in natus iure + cumque eaque? + + + + + + + + + + + + + ); +}; + +FluidActions.parameters = { + docs: { + description: { + story, + }, + }, +}; diff --git a/packages/react-components/react-dialog/stories/Dialog/index.stories.tsx b/packages/react-components/react-dialog/stories/Dialog/index.stories.tsx index 807f74f1d98ee..fb8af7bf7dfc7 100644 --- a/packages/react-components/react-dialog/stories/Dialog/index.stories.tsx +++ b/packages/react-components/react-dialog/stories/Dialog/index.stories.tsx @@ -9,6 +9,7 @@ export { Default } from './DialogDefault.stories'; export { NonModal } from './DialogNonModal.stories'; export { Alert } from './DialogAlert.stories'; export { ScrollingLongContent } from './DialogScrollingLongContent.stories'; +export { FluidActions } from './DialogFluidDialogActions.stories'; export { NoFocusableElement } from './DialogNoFocusableElement.stories'; export { ControllingOpenAndClose } from './DialogControllingOpenAndClose.stories'; export { ChangeFocus } from './DialogChangeFocus.stories'; diff --git a/packages/react-components/react-divider/CHANGELOG.json b/packages/react-components/react-divider/CHANGELOG.json index 71987b59951bd..468cf29081458 100644 --- a/packages/react-components/react-divider/CHANGELOG.json +++ b/packages/react-components/react-divider/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-divider", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-divider_v9.2.4", + "version": "9.2.4", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-divider", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-divider_v9.2.3", diff --git a/packages/react-components/react-divider/CHANGELOG.md b/packages/react-components/react-divider/CHANGELOG.md index c3b5cb8985068..c2285bbd87a58 100644 --- a/packages/react-components/react-divider/CHANGELOG.md +++ b/packages/react-components/react-divider/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-divider -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.2.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.2.4) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.2.3..@fluentui/react-divider_v9.2.4) + +### Patches + +- 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-divider_v9.2.3) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-divider/package.json b/packages/react-components/react-divider/package.json index aa85e4f9cdf51..a12b2739f4621 100644 --- a/packages/react-components/react-divider/package.json +++ b/packages/react-components/react-divider/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-divider", - "version": "9.2.3", + "version": "9.2.4", "description": "Fluent UI component to visually separate content.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,7 +35,7 @@ "@griffel/react": "^1.5.2", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-drawer/package.json b/packages/react-components/react-drawer/package.json index 61a31d8694163..0eb3a6c11eeed 100644 --- a/packages/react-components/react-drawer/package.json +++ b/packages/react-components/react-drawer/package.json @@ -36,7 +36,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-field/CHANGELOG.json b/packages/react-components/react-field/CHANGELOG.json index 597fe2e9b19a1..cee82c8f7e7f0 100644 --- a/packages/react-components/react-field/CHANGELOG.json +++ b/packages/react-components/react-field/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-field", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-field_v9.0.0-alpha.26", + "version": "9.0.0-alpha.26", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-context-selector to v9.1.14", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-label to v9.1.4", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-field_v9.0.0-alpha.25", diff --git a/packages/react-components/react-field/CHANGELOG.md b/packages/react-components/react-field/CHANGELOG.md index 0618433a7aca9..155097486b3fe 100644 --- a/packages/react-components/react-field/CHANGELOG.md +++ b/packages/react-components/react-field/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-field -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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.0.0-alpha.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.0.0-alpha.26) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.0.0-alpha.25..@fluentui/react-field_v9.0.0-alpha.26) + +### Changes + +- Bump @fluentui/react-context-selector to v9.1.14 ([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-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball) + ## [9.0.0-alpha.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.0.0-alpha.25) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-field/package.json b/packages/react-components/react-field/package.json index 0bda88c29b8a8..d17b88919c687 100644 --- a/packages/react-components/react-field/package.json +++ b/packages/react-components/react-field/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-field", - "version": "9.0.0-alpha.25", + "version": "9.0.0-alpha.26", "description": "Fluent UI Field components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,11 +32,11 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.13", + "@fluentui/react-context-selector": "^9.1.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-label": "^9.1.3", + "@fluentui/react-label": "^9.1.4", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-image/CHANGELOG.json b/packages/react-components/react-image/CHANGELOG.json index 54e157cb40460..3ede443358d7d 100644 --- a/packages/react-components/react-image/CHANGELOG.json +++ b/packages/react-components/react-image/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-image", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:59 GMT", + "tag": "@fluentui/react-image_v9.1.1", + "version": "9.1.1", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:51 GMT", "tag": "@fluentui/react-image_v9.1.0", diff --git a/packages/react-components/react-image/CHANGELOG.md b/packages/react-components/react-image/CHANGELOG.md index c16433bad0222..7f390d22022eb 100644 --- a/packages/react-components/react-image/CHANGELOG.md +++ b/packages/react-components/react-image/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-image -This log was last generated on Wed, 15 Mar 2023 10:19:51 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.1) + +Thu, 16 Mar 2023 14:36:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.1.0..@fluentui/react-image_v9.1.1) + +### Patches + +- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball) + ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.1.0) Wed, 15 Mar 2023 10:19:51 GMT diff --git a/packages/react-components/react-image/package.json b/packages/react-components/react-image/package.json index cd0409757e569..17e8fe0597c61 100644 --- a/packages/react-components/react-image/package.json +++ b/packages/react-components/react-image/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-image", - "version": "9.1.0", + "version": "9.1.1", "description": "Fluent UI React Image component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,7 +34,7 @@ "dependencies": { "@griffel/react": "^1.5.2", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@fluentui/react-theme": "^9.1.6", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-infobutton/CHANGELOG.json b/packages/react-components/react-infobutton/CHANGELOG.json index a5d7cf72a5a5c..ab1949a79c9e6 100644 --- a/packages/react-components/react-infobutton/CHANGELOG.json +++ b/packages/react-components/react-infobutton/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-infobutton", "entries": [ + { + "date": "Thu, 16 Mar 2023 14:36:57 GMT", + "tag": "@fluentui/react-infobutton_v9.0.0-beta.22", + "version": "9.0.0-beta.22", + "comments": { + "prerelease": [ + { + "author": "behowell@microsoft.com", + "package": "@fluentui/react-infobutton", + "commit": "b106479e831318cfb3ddf10871e4240530498f31", + "comment": "feat: Add InfoLabel component" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-label to v9.1.4", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-popover to v9.5.4", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-tabster to v9.6.0", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-utilities to v9.7.1", + "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81" + } + ] + } + }, { "date": "Wed, 15 Mar 2023 10:19:53 GMT", "tag": "@fluentui/react-infobutton_v9.0.0-beta.21", diff --git a/packages/react-components/react-infobutton/CHANGELOG.md b/packages/react-components/react-infobutton/CHANGELOG.md index c5b9692000619..639e65cd015dd 100644 --- a/packages/react-components/react-infobutton/CHANGELOG.md +++ b/packages/react-components/react-infobutton/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-infobutton -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 Thu, 16 Mar 2023 14:36:57 GMT and should not be manually modified. +## [9.0.0-beta.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.22) + +Thu, 16 Mar 2023 14:36:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.21..@fluentui/react-infobutton_v9.0.0-beta.22) + +### Changes + +- feat: Add InfoLabel component ([PR #27118](https://github.com/microsoft/fluentui/pull/27118) by behowell@microsoft.com) +- Bump @fluentui/react-label to v9.1.4 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball) +- Bump @fluentui/react-popover to v9.5.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.0.0-beta.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.21) Wed, 15 Mar 2023 10:19:53 GMT diff --git a/packages/react-components/react-infobutton/bundle-size/InfoLabel.fixture.js b/packages/react-components/react-infobutton/bundle-size/InfoLabel.fixture.js new file mode 100644 index 0000000000000..db396f5802c38 --- /dev/null +++ b/packages/react-components/react-infobutton/bundle-size/InfoLabel.fixture.js @@ -0,0 +1,7 @@ +import { InfoLabel } from '@fluentui/react-infobutton'; + +console.log(InfoLabel); + +export default { + name: 'InfoLabel', +}; 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 5a0ebabff8ef9..1d20b44a13245 100644 --- a/packages/react-components/react-infobutton/etc/react-infobutton.api.md +++ b/packages/react-components/react-infobutton/etc/react-infobutton.api.md @@ -9,6 +9,7 @@ import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; import { ForwardRefComponent } from '@fluentui/react-utilities'; +import { Label } from '@fluentui/react-label'; import type { PopoverProps } from '@fluentui/react-popover'; import type { PopoverSurface } from '@fluentui/react-popover'; import * as React_2 from 'react'; @@ -36,15 +37,45 @@ export type InfoButtonSlots = { // @public export type InfoButtonState = ComponentState & Required>; +// @public +export const InfoLabel: ForwardRefComponent; + +// @public (undocumented) +export const infoLabelClassNames: SlotClassNames; + +// @public +export type InfoLabelProps = ComponentProps, 'label'> & { + info?: InfoButtonProps['content']; +}; + +// @public (undocumented) +export type InfoLabelSlots = { + root: NonNullable>; + label: NonNullable>; + infoButton: Slot; +}; + +// @public +export type InfoLabelState = ComponentState & Pick; + // @public export const renderInfoButton_unstable: (state: InfoButtonState) => JSX.Element; +// @public +export const renderInfoLabel_unstable: (state: InfoLabelState) => JSX.Element; + // @public export const useInfoButton_unstable: (props: InfoButtonProps, ref: React_2.Ref) => InfoButtonState; // @public export const useInfoButtonStyles_unstable: (state: InfoButtonState) => InfoButtonState; +// @public +export const useInfoLabel_unstable: (props: InfoLabelProps, ref: React_2.Ref) => InfoLabelState; + +// @public +export const useInfoLabelStyles_unstable: (state: InfoLabelState) => InfoLabelState; + // (No @packageDocumentation comment for this package) ``` diff --git a/packages/react-components/react-infobutton/package.json b/packages/react-components/react-infobutton/package.json index 3f66d8dacfc77..3c48d5b381f47 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.22", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,10 +33,11 @@ }, "dependencies": { "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-popover": "^9.5.3", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-label": "^9.1.4", + "@fluentui/react-popover": "^9.5.4", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-infobutton/src/InfoLabel.ts b/packages/react-components/react-infobutton/src/InfoLabel.ts new file mode 100644 index 0000000000000..32746564357c2 --- /dev/null +++ b/packages/react-components/react-infobutton/src/InfoLabel.ts @@ -0,0 +1 @@ +export * from './components/InfoLabel/index'; 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 new file mode 100644 index 0000000000000..5e8f9ddb9a6a1 --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.test.tsx @@ -0,0 +1,46 @@ +import * as React from 'react'; + +import { render } from '@testing-library/react'; +import { isConformant } from '../../testing/isConformant'; +import { InfoLabel } from './InfoLabel'; + +describe('InfoLabel', () => { + isConformant({ + Component: InfoLabel, + displayName: 'InfoLabel', + primarySlot: 'label', + testOptions: { + 'has-static-classnames': [ + { + props: { + info: 'Test', + }, + }, + ], + }, + }); + + it('renders an InfoButton when info is set', () => { + const result = render(Test label); + expect(result.getByRole('button')).toBeTruthy(); + }); + + it("renders an InfoButton when the infoButton slot's content is set", () => { + const result = render(Test label); + expect(result.getByRole('button')).toBeTruthy(); + }); + + it('does not render an InfoButton when info is not set', () => { + const result = render(Test label); + expect(result.queryByRole('button')).toBeNull(); + }); + + it('sets the infoButton aria-labelledby to the label and infoButton', () => { + const result = render(Test label); + + const infoButton = result.getByRole('button'); + const label = result.getByText('Test label') as HTMLLabelElement; + + expect(infoButton.getAttribute('aria-labelledby')).toBe(`${label.id} ${infoButton.id}`); + }); +}); diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.tsx b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.tsx new file mode 100644 index 0000000000000..ccd509c21f69a --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; + +import type { ForwardRefComponent } from '@fluentui/react-utilities'; +import type { InfoLabelProps } from './InfoLabel.types'; +import { renderInfoLabel_unstable } from './renderInfoLabel'; +import { useInfoLabel_unstable } from './useInfoLabel'; +import { useInfoLabelStyles_unstable } from './useInfoLabelStyles'; + +/** + * InfoLabel component + */ +export const InfoLabel: ForwardRefComponent = React.forwardRef((props, ref) => { + const state = useInfoLabel_unstable(props, ref); + + useInfoLabelStyles_unstable(state); + return renderInfoLabel_unstable(state); +}); + +InfoLabel.displayName = 'InfoLabel'; 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 new file mode 100644 index 0000000000000..bc268c3c5d0ad --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoLabel/InfoLabel.types.ts @@ -0,0 +1,41 @@ +import { Label } from '@fluentui/react-label'; +import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; +import { InfoButton } from '../InfoButton'; +import type { InfoButtonProps } from '../InfoButton'; + +export type InfoLabelSlots = { + root: NonNullable>; + + /** + * The Label component. + * + * It is not typically necessary to use this prop. The label text is the child of the ``, and other props + * such as `size` and `required` should be set directly on the `InfoLabel`. + * + * This is the PRIMARY slot: all native properties specified directly on `` will be applied to this slot, + * except `className` and `style`, which remain on the root slot. + */ + label: NonNullable>; + + /** + * The InfoButton component. + * + * It is not typically necessary to use this prop. The content can be set using the `info` prop of the InfoLabel. + */ + infoButton: Slot; +}; + +/** + * InfoLabel Props + */ +export type InfoLabelProps = ComponentProps, 'label'> & { + /** + * The content of the InfoButton's popover. + */ + info?: InfoButtonProps['content']; +}; + +/** + * State used in rendering InfoLabel + */ +export type InfoLabelState = ComponentState & Pick; diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/index.ts b/packages/react-components/react-infobutton/src/components/InfoLabel/index.ts new file mode 100644 index 0000000000000..4511700f741cd --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoLabel/index.ts @@ -0,0 +1,5 @@ +export * from './InfoLabel'; +export * from './InfoLabel.types'; +export * from './renderInfoLabel'; +export * from './useInfoLabel'; +export * from './useInfoLabelStyles'; diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/renderInfoLabel.tsx b/packages/react-components/react-infobutton/src/components/InfoLabel/renderInfoLabel.tsx new file mode 100644 index 0000000000000..bc2374ed78f99 --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoLabel/renderInfoLabel.tsx @@ -0,0 +1,18 @@ +import * as React from 'react'; + +import { getSlots } from '@fluentui/react-utilities'; +import type { InfoLabelSlots, InfoLabelState } from './InfoLabel.types'; + +/** + * Render the final JSX of InfoLabel + */ +export const renderInfoLabel_unstable = (state: InfoLabelState) => { + const { slots, slotProps } = getSlots(state); + + return ( + + + {slots.infoButton && } + + ); +}; diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabel.ts b/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabel.ts new file mode 100644 index 0000000000000..02a30345d8460 --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabel.ts @@ -0,0 +1,71 @@ +import * as React from 'react'; + +import { Label } from '@fluentui/react-label'; +import { resolveShorthand, useId } from '@fluentui/react-utilities'; +import { InfoButton } from '../InfoButton/InfoButton'; +import type { InfoLabelProps, InfoLabelState } from './InfoLabel.types'; + +/** + * Create the state required to render InfoLabel. + * + * The returned state can be modified with hooks such as useInfoLabelStyles_unstable, + * before being passed to renderInfoLabel_unstable. + * + * @param props - props from this instance of InfoLabel + * @param ref - reference to label element of InfoLabel + */ +export const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref): InfoLabelState => { + const { + root: rootShorthand, + label: labelShorthand, + infoButton: infoButtonShorthand, + size, + info, + className, + style, + ...labelProps + } = props; + + const root = resolveShorthand(rootShorthand, { + required: true, + defaultProps: { + className, + style, + }, + }); + + const label = resolveShorthand(labelShorthand, { + required: true, + defaultProps: { + id: useId('infolabel-'), + ref, + size, + ...labelProps, + }, + }); + + const infoButton = resolveShorthand(infoButtonShorthand, { + required: !!info, + defaultProps: { + id: useId('infobutton-'), + content: info, + size, + }, + }); + + if (infoButton) { + infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`; + } + + return { + size, + components: { + root: 'span', + label: Label, + infoButton: InfoButton, + }, + root, + label, + infoButton, + }; +}; diff --git a/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabelStyles.ts b/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabelStyles.ts new file mode 100644 index 0000000000000..100f087f9fdec --- /dev/null +++ b/packages/react-components/react-infobutton/src/components/InfoLabel/useInfoLabelStyles.ts @@ -0,0 +1,56 @@ +import { tokens } from '@fluentui/react-theme'; +import type { SlotClassNames } from '@fluentui/react-utilities'; +import { makeStyles, mergeClasses } from '@griffel/react'; +import type { InfoLabelSlots, InfoLabelState } from './InfoLabel.types'; + +export const infoLabelClassNames: SlotClassNames = { + root: 'fui-InfoLabel', + label: 'fui-InfoLabel__label', + infoButton: 'fui-InfoLabel__infoButton', +}; + +const useLabelStyles = makeStyles({ + base: { + verticalAlign: 'top', + cursor: 'inherit', + color: 'inherit', + }, +}); + +const useInfoButtonStyles = makeStyles({ + base: { + verticalAlign: 'top', + + // Negative margin to align with the text + marginTop: `calc(0px - ${tokens.spacingVerticalXXS})`, + marginBottom: `calc(0px - ${tokens.spacingVerticalXXS})`, + }, + + large: { + // Negative margin to align with the text + marginTop: '-1px', + marginBottom: '-1px', + }, +}); + +/** + * Apply styling to the InfoLabel slots based on the state + */ +export const useInfoLabelStyles_unstable = (state: InfoLabelState): InfoLabelState => { + state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className); + + const labelStyles = useLabelStyles(); + state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className); + + const infoButtonStyles = useInfoButtonStyles(); + if (state.infoButton) { + state.infoButton.className = mergeClasses( + infoLabelClassNames.infoButton, + infoButtonStyles.base, + state.size === 'large' && infoButtonStyles.large, + state.infoButton.className, + ); + } + + return state; +}; diff --git a/packages/react-components/react-infobutton/src/index.ts b/packages/react-components/react-infobutton/src/index.ts index 94f120cfd96a8..2f13cdd25b29d 100644 --- a/packages/react-components/react-infobutton/src/index.ts +++ b/packages/react-components/react-infobutton/src/index.ts @@ -6,3 +6,11 @@ export { useInfoButton_unstable, } from './InfoButton'; export type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton'; +export { + InfoLabel, + infoLabelClassNames, + renderInfoLabel_unstable, + useInfoLabelStyles_unstable, + useInfoLabel_unstable, +} from './InfoLabel'; +export type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel'; diff --git a/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelBestPractices.md b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelBestPractices.md new file mode 100644 index 0000000000000..a46580ec87b04 --- /dev/null +++ b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelBestPractices.md @@ -0,0 +1,10 @@ +
+ +Best Practices + + +### Don't + +- Because the Popover isn't always visible, don't include information in the InfoButton's content that people must know in order to complete the field. + +
diff --git a/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelDefault.stories.tsx b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelDefault.stories.tsx new file mode 100644 index 0000000000000..6d0892297b69d --- /dev/null +++ b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelDefault.stories.tsx @@ -0,0 +1,17 @@ +import * as React from 'react'; + +import { Link } from '@fluentui/react-components'; +import { InfoLabel, InfoLabelProps } from '@fluentui/react-components/unstable'; + +export const Default = (props: Partial) => ( + + This is example content for an InfoButton. Learn more + + } + {...props} + > + Example label + +); diff --git a/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelDescription.md b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelDescription.md new file mode 100644 index 0000000000000..f57b24810daa5 --- /dev/null +++ b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelDescription.md @@ -0,0 +1,15 @@ +An InfoLabel is a Label with an InfoButton at the end, properly handling layout and accessibility properties. +It can be used as a drop-in replacement for Label when an InfoButton is also needed. + + + +> **⚠️ Preview components are considered unstable:** +> +> ```jsx +> +> import { InfoLabel } from '@fluentui/react-components/unstable'; +> +> ``` +> +> - Features and APIs may change before final release +> - Please contact us if you intend to use this in your product diff --git a/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelInField.stories.tsx b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelInField.stories.tsx new file mode 100644 index 0000000000000..35a22ccd83c15 --- /dev/null +++ b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelInField.stories.tsx @@ -0,0 +1,31 @@ +import * as React from 'react'; + +import { Input, LabelProps } from '@fluentui/react-components'; +import { Field, InfoLabel } from '@fluentui/react-components/unstable'; + +export const InField = () => ( + ( + + Field with info label + + ), + }} + > + + +); + +InField.storyName = 'In a Field'; +InField.parameters = { + docs: { + description: { + story: + 'An `InfoLabel` can be used in a `Field` by rendering the label prop as an InfoLabel. This uses the slot ' + + '[render function]' + + '(./?path=/docs/concepts-developer-customizing-components-with-slots--page#replacing-the-entire-slot) ' + + 'support. See the code from this story for an example.', + }, + }, +}; diff --git a/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelRequired.stories.tsx b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelRequired.stories.tsx new file mode 100644 index 0000000000000..2b12ba0cdc92b --- /dev/null +++ b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelRequired.stories.tsx @@ -0,0 +1,17 @@ +import * as React from 'react'; + +import { InfoLabel } from '@fluentui/react-components/unstable'; + +export const Required = () => ( + + Required label + +); + +Required.parameters = { + docs: { + description: { + story: 'When marked `required`, the indicator asterisk is placed before the InfoButton.', + }, + }, +}; diff --git a/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelSize.stories.tsx b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelSize.stories.tsx new file mode 100644 index 0000000000000..fd5b49b9600db --- /dev/null +++ b/packages/react-components/react-infobutton/stories/InfoLabel/InfoLabelSize.stories.tsx @@ -0,0 +1,39 @@ +import * as React from 'react'; + +import { makeStyles, tokens } from '@fluentui/react-components'; +import { InfoLabel } from '@fluentui/react-components/unstable'; + +const useStyles = makeStyles({ + container: { + alignItems: 'start', + display: 'flex', + flexDirection: 'column', + rowGap: tokens.spacingVerticalL, + }, +}); + +export const Size = () => { + const styles = useStyles(); + + return ( +
+ + Small label + + + Medium label + + + Large label + +
+ ); +}; + +Size.parameters = { + docs: { + description: { + story: "InfoLabel's `size` prop affects the size of the Label and InfoButton. The default size is medium.", + }, + }, +}; diff --git a/packages/react-components/react-infobutton/stories/InfoLabel/index.stories.tsx b/packages/react-components/react-infobutton/stories/InfoLabel/index.stories.tsx new file mode 100644 index 0000000000000..a34cbf0052276 --- /dev/null +++ b/packages/react-components/react-infobutton/stories/InfoLabel/index.stories.tsx @@ -0,0 +1,21 @@ +import { InfoLabel } from '@fluentui/react-infobutton'; + +import descriptionMd from './InfoLabelDescription.md'; +import bestPracticesMd from './InfoLabelBestPractices.md'; + +export { Default } from './InfoLabelDefault.stories'; +export { Required } from './InfoLabelRequired.stories'; +export { Size } from './InfoLabelSize.stories'; +export { InField } from './InfoLabelInField.stories'; + +export default { + title: 'Preview Components/InfoLabel', + component: InfoLabel, + parameters: { + docs: { + description: { + component: [descriptionMd, bestPracticesMd].join('\n'), + }, + }, + }, +}; diff --git a/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonBestPractices.md b/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonBestPractices.md index 1fca418c2bf22..e2b76af455e19 100644 --- a/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonBestPractices.md +++ b/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonBestPractices.md @@ -3,9 +3,10 @@ Best Practices -### Do's +### Do -- Set `aria-labelledby` to the id of the label that the InfoButton provides more information about and the button's id. See the `InfoButton with Label` example below for more information. +- Prefer using an `InfoLabel` if the `InfoButton` is intended to be associated with a label. +- Set `aria-label` to an appropriate value if the `InfoButton` is not associated with a label. ### Don't diff --git a/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonWithLabel.stories.tsx b/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonWithLabel.stories.tsx deleted file mode 100644 index 1b1dfeb863db8..0000000000000 --- a/packages/react-components/react-infobutton/stories/Infobutton/InfoButtonWithLabel.stories.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import * as React from 'react'; -import { InfoButton } from '@fluentui/react-infobutton'; -import { Label, Input, makeStyles, shorthands, useId } from '@fluentui/react-components'; - -const useStyles = makeStyles({ - base: { - alignItems: 'start', - display: 'flex', - flexDirection: 'column', - ...shorthands.padding('20px'), - ...shorthands.gap('10px'), - }, - labelSpacing: { - display: 'flex', - ...shorthands.gap('4px'), - }, -}); - -export const InfoButtonWithLabel = () => { - const styles = useStyles(); - const infoButtonId = useId(); - const inputId = useId(); - const labelId = useId(); - - return ( -
-
- - -
- -
- ); -}; - -InfoButtonWithLabel.parameters = { - docs: { - description: { - story: - "An InfoButton's `aria-labelledby` should include the label's id to correctly" + - ' associate the label with the InfoButton.', - }, - }, -}; diff --git a/packages/react-components/react-infobutton/stories/Infobutton/index.stories.tsx b/packages/react-components/react-infobutton/stories/Infobutton/index.stories.tsx index 34444d5fe6b3e..65c5f3afaae1d 100644 --- a/packages/react-components/react-infobutton/stories/Infobutton/index.stories.tsx +++ b/packages/react-components/react-infobutton/stories/Infobutton/index.stories.tsx @@ -5,7 +5,6 @@ import bestPracticesMd from './InfoButtonBestPractices.md'; export { Default } from './InfoButtonDefault.stories'; export { Size } from './InfoButtonSize.stories'; -export { InfoButtonWithLabel } from './InfoButtonWithLabel.stories'; export default { title: 'Preview Components/InfoButton', diff --git a/packages/react-components/react-input/CHANGELOG.json b/packages/react-components/react-input/CHANGELOG.json index 8f5ce82160d46..4eed7d7aeee6f 100644 --- a/packages/react-components/react-input/CHANGELOG.json +++ b/packages/react-components/react-input/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-input", "entries": [ + { + "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..67da620dd5efe 100644 --- a/packages/react-components/react-input/CHANGELOG.md +++ b/packages/react-components/react-input/CHANGELOG.md @@ -1,9 +1,20 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-input/package.json index 0d0b77ba49165..74e153e47c108 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.4", "description": "Fluent UI React Input component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,15 +28,15 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.19", - "@fluentui/react-text": "^9.3.0", + "@fluentui/react-text": "^9.3.1", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-field": "9.0.0-alpha.26", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-label/CHANGELOG.json b/packages/react-components/react-label/CHANGELOG.json index 97140a708cf82..125aace1790c7 100644 --- a/packages/react-components/react-label/CHANGELOG.json +++ b/packages/react-components/react-label/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-label", "entries": [ + { + "date": "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..bc389d016b951 100644 --- a/packages/react-components/react-label/CHANGELOG.md +++ b/packages/react-components/react-label/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-label -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-label/package.json index 696379b0aca89..6ea32b1f05476 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.4", "description": "Fluent UI React Label component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,7 +34,7 @@ "dependencies": { "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-link/CHANGELOG.json b/packages/react-components/react-link/CHANGELOG.json index 3bf3a5eef485d..e7eaac0d7f44d 100644 --- a/packages/react-components/react-link/CHANGELOG.json +++ b/packages/react-components/react-link/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-link", "entries": [ + { + "date": "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..bb45387c4b47e 100644 --- a/packages/react-components/react-link/CHANGELOG.md +++ b/packages/react-components/react-link/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-link -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-link/package.json index 3fb8020c3cb9f..ce56e77c9bf58 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.30", "description": "Fluent UI React Link component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,9 +34,9 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-menu/CHANGELOG.json b/packages/react-components/react-menu/CHANGELOG.json index 03934b1e95c92..0d1899855130d 100644 --- a/packages/react-components/react-menu/CHANGELOG.json +++ b/packages/react-components/react-menu/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-menu", "entries": [ + { + "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..92378ee5b0640 100644 --- a/packages/react-components/react-menu/CHANGELOG.md +++ b/packages/react-components/react-menu/CHANGELOG.md @@ -1,9 +1,23 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-menu/package.json index 9f5638ce8c3b0..17507bdb7a924 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.4", "description": "Fluent UI menu component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,16 +35,16 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-aria": "^9.3.13", + "@fluentui/react-aria": "^9.3.14", "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-context-selector": "^9.1.13", + "@fluentui/react-context-selector": "^9.1.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-portal": "^9.2.0", - "@fluentui/react-positioning": "^9.5.4", + "@fluentui/react-portal": "^9.2.1", + "@fluentui/react-positioning": "^9.5.5", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-migration-v0-v9/package.json b/packages/react-components/react-migration-v0-v9/package.json index 7d5285b6fa719..a84b769116cb8 100644 --- a/packages/react-components/react-migration-v0-v9/package.json +++ b/packages/react-components/react-migration-v0-v9/package.json @@ -35,10 +35,10 @@ "dependencies": { "@fluentui/react-theme": "^9.1.6", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14", - "@fluentui/react-components": "^9.18.1", + "@fluentui/react-components": "^9.18.2", "@fluentui/react-northstar": "^0.66.4" }, "peerDependencies": { diff --git a/packages/react-components/react-migration-v8-v9/CHANGELOG.json b/packages/react-components/react-migration-v8-v9/CHANGELOG.json index 0193d47e0f766..74f77d0acd47e 100644 --- a/packages/react-components/react-migration-v8-v9/CHANGELOG.json +++ b/packages/react-components/react-migration-v8-v9/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-migration-v8-v9", "entries": [ + { + "date": "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..05f3f2ef69dd3 100644 --- a/packages/react-components/react-migration-v8-v9/CHANGELOG.md +++ b/packages/react-components/react-migration-v8-v9/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-migration-v8-v9 -This log was last generated on Wed, 15 Mar 2023 10:19:51 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-migration-v8-v9/package.json index 1fb19ac064194..84cc8acf8cf11 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.1", "description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,10 +34,10 @@ "@ctrl/tinycolor": "3.3.4", "@fluentui/fluent2-theme": "^8.106.1", "@fluentui/react": "^8.106.6", - "@fluentui/react-components": "^9.18.1", + "@fluentui/react-components": "^9.18.2", "@fluentui/react-icons": "^2.0.175", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-overflow/CHANGELOG.json b/packages/react-components/react-overflow/CHANGELOG.json index 11e71ba0c8cf9..c9e7fc10ed5d7 100644 --- a/packages/react-components/react-overflow/CHANGELOG.json +++ b/packages/react-components/react-overflow/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-overflow", "entries": [ + { + "date": "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..4b857b0f15587 100644 --- a/packages/react-components/react-overflow/CHANGELOG.md +++ b/packages/react-components/react-overflow/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-overflow -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-overflow/package.json index 7fab37252fe4f..eb6f8eb1bd435 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.11", "description": "React bindings for @fluentui/priority-overflow", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,9 +34,9 @@ }, "dependencies": { "@fluentui/priority-overflow": "^9.0.1", - "@fluentui/react-context-selector": "^9.1.13", + "@fluentui/react-context-selector": "^9.1.14", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-persona/CHANGELOG.json b/packages/react-components/react-persona/CHANGELOG.json index 516fb6f23a0c2..5caec27c423af 100644 --- a/packages/react-components/react-persona/CHANGELOG.json +++ b/packages/react-components/react-persona/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-persona", "entries": [ + { + "date": "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..427acd5e0f3e1 100644 --- a/packages/react-components/react-persona/CHANGELOG.md +++ b/packages/react-components/react-persona/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-persona -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-persona/package.json index 58e49face9985..30ba8fa39e347 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.4", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,11 +32,11 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-avatar": "^9.4.3", - "@fluentui/react-badge": "^9.1.3", + "@fluentui/react-avatar": "^9.4.4", + "@fluentui/react-badge": "^9.1.4", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-popover/CHANGELOG.json b/packages/react-components/react-popover/CHANGELOG.json index c566d7eed4c01..5ce11aae48113 100644 --- a/packages/react-components/react-popover/CHANGELOG.json +++ b/packages/react-components/react-popover/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-popover", "entries": [ + { + "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..19c397e07c450 100644 --- a/packages/react-components/react-popover/CHANGELOG.md +++ b/packages/react-components/react-popover/CHANGELOG.md @@ -1,9 +1,23 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-popover/package.json index 1e3bc2384bfca..07c2a39e6e4f8 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.4", "description": "Popover component for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -36,14 +36,14 @@ }, "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-aria": "^9.3.14", + "@fluentui/react-context-selector": "^9.1.14", + "@fluentui/react-portal": "^9.2.1", + "@fluentui/react-positioning": "^9.5.5", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json index dcc294f7c3bc9..b142ccf54c797 100644 --- a/packages/react-components/react-portal-compat/CHANGELOG.json +++ b/packages/react-components/react-portal-compat/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-portal-compat", "entries": [ + { + "date": "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..65f06f72a1186 100644 --- a/packages/react-components/react-portal-compat/CHANGELOG.md +++ b/packages/react-components/react-portal-compat/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-portal-compat -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-portal-compat/package.json index 77fd688c8141a..a2b812d9e2832 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.45", "description": "A package that contains compatibility layer for React Portals", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,7 +26,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react-components": "^9.18.1", + "@fluentui/react-components": "^9.18.2", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-cypress": "*", @@ -34,11 +34,11 @@ }, "dependencies": { "@fluentui/react-portal-compat-context": "^9.0.4", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@swc/helpers": "^0.4.14" }, "peerDependencies": { - "@fluentui/react-components": "^9.18.1", + "@fluentui/react-components": "^9.18.2", "@types/react": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0" }, diff --git a/packages/react-components/react-portal/CHANGELOG.json b/packages/react-components/react-portal/CHANGELOG.json index 3e91f6436ab7d..6887627e4df73 100644 --- a/packages/react-components/react-portal/CHANGELOG.json +++ b/packages/react-components/react-portal/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-portal", "entries": [ + { + "date": "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..d997455201e89 100644 --- a/packages/react-components/react-portal/CHANGELOG.md +++ b/packages/react-components/react-portal/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-portal -This log was last generated on Wed, 15 Mar 2023 10:19:51 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-portal/package.json index 63025f3a0febc..6bcbc10ee0467 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.1", "description": "A utility component that creates portals compatible with Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,8 +32,8 @@ }, "dependencies": { "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-tabster": "^9.6.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "use-disposable": "^1.0.1", "@swc/helpers": "^0.4.14" diff --git a/packages/react-components/react-positioning/CHANGELOG.json b/packages/react-components/react-positioning/CHANGELOG.json index ed7902835788f..8af5df62a27cf 100644 --- a/packages/react-components/react-positioning/CHANGELOG.json +++ b/packages/react-components/react-positioning/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-positioning", "entries": [ + { + "date": "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..d7c67f0b3f40a 100644 --- a/packages/react-components/react-positioning/CHANGELOG.md +++ b/packages/react-components/react-positioning/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-positioning -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-positioning/package.json index 1c8c90ba6e436..95650568a8300 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.5", "description": "A react wrapper around Popper.js for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ "@floating-ui/dom": "^1.2.0", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-progress/CHANGELOG.json b/packages/react-components/react-progress/CHANGELOG.json index b491307609432..227ea84a979f0 100644 --- a/packages/react-components/react-progress/CHANGELOG.json +++ b/packages/react-components/react-progress/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-progress", "entries": [ + { + "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..33ad7724de6a9 100644 --- a/packages/react-components/react-progress/CHANGELOG.md +++ b/packages/react-components/react-progress/CHANGELOG.md @@ -1,9 +1,19 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-progress/package.json index 0e8cdffad8f9b..7fafdb7e85510 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.4", "description": "Progress component for FluentUI v9", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,10 +32,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-field": "9.0.0-alpha.26", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-provider/CHANGELOG.json b/packages/react-components/react-provider/CHANGELOG.json index 186c9ad6eebb9..1a19fe371b36c 100644 --- a/packages/react-components/react-provider/CHANGELOG.json +++ b/packages/react-components/react-provider/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-provider", "entries": [ + { + "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..9ebf254e21f76 100644 --- a/packages/react-components/react-provider/CHANGELOG.md +++ b/packages/react-components/react-provider/CHANGELOG.md @@ -1,9 +1,20 @@ # 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 Thu, 16 Mar 2023 14:36:58 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-provider/package.json index 90c137c12dffa..bcaacada58db5 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.4.4", "description": "Fluent UI React provider component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,9 +35,9 @@ "@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-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { 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 8cae31ead09df..faf476bb6b2b2 100644 --- a/packages/react-components/react-provider/src/components/FluentProvider/useFluentProvider.ts +++ b/packages/react-components/react-provider/src/components/FluentProvider/useFluentProvider.ts @@ -87,7 +87,7 @@ export const useFluentProvider_unstable = ( root: getNativeElementProps('div', { ...props, dir, - ref: useMergedRefs(ref, useFocusVisible()), + ref: useMergedRefs(ref, useFocusVisible({ targetDocument })), }), }; }; diff --git a/packages/react-components/react-radio/CHANGELOG.json b/packages/react-components/react-radio/CHANGELOG.json index 85b5815fee7f8..5df168ceb4e1d 100644 --- a/packages/react-components/react-radio/CHANGELOG.json +++ b/packages/react-components/react-radio/CHANGELOG.json @@ -1,6 +1,45 @@ { "name": "@fluentui/react-radio", "entries": [ + { + "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..5fc67fa1d4fea 100644 --- a/packages/react-components/react-radio/CHANGELOG.md +++ b/packages/react-components/react-radio/CHANGELOG.md @@ -1,9 +1,22 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-radio/package.json index 16c2b161da1d7..bd6b6a2531e31 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.4", "description": "Fluent UI Radio component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,14 +32,14 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.13", - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-context-selector": "^9.1.14", + "@fluentui/react-field": "9.0.0-alpha.26", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-label": "^9.1.3", + "@fluentui/react-label": "^9.1.4", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-select/CHANGELOG.json b/packages/react-components/react-select/CHANGELOG.json index 7f944f053182d..a5613912af4d8 100644 --- a/packages/react-components/react-select/CHANGELOG.json +++ b/packages/react-components/react-select/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-select", "entries": [ + { + "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..c3794c54efa29 100644 --- a/packages/react-components/react-select/CHANGELOG.md +++ b/packages/react-components/react-select/CHANGELOG.md @@ -1,9 +1,19 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-select/package.json index 7ea3cd752caf3..fc242fd2acb0e 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.4", "description": "Fluent UI React Select component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,11 +32,11 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-field": "9.0.0-alpha.26", "@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-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-skeleton/CHANGELOG.json b/packages/react-components/react-skeleton/CHANGELOG.json index 199120012c4d2..f87127f9892bb 100644 --- a/packages/react-components/react-skeleton/CHANGELOG.json +++ b/packages/react-components/react-skeleton/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-skeleton", "entries": [ + { + "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..2f0fe58d88f31 100644 --- a/packages/react-components/react-skeleton/CHANGELOG.md +++ b/packages/react-components/react-skeleton/CHANGELOG.md @@ -1,9 +1,19 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-skeleton/package.json index 44f2c2f9f2c5c..782b9ba1ac2fd 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.3", "description": "Converged v9 Skeleton Component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,10 +31,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-field": "9.0.0-alpha.26", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-slider/CHANGELOG.json b/packages/react-components/react-slider/CHANGELOG.json index b8665b407749d..d30e5626371b1 100644 --- a/packages/react-components/react-slider/CHANGELOG.json +++ b/packages/react-components/react-slider/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-slider", "entries": [ + { + "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..553d0726379bf 100644 --- a/packages/react-components/react-slider/CHANGELOG.md +++ b/packages/react-components/react-slider/CHANGELOG.md @@ -1,9 +1,21 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-slider/package.json index efe3c90d797ae..63ac06b1776c8 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.4", "description": "Fluent UI React Slider component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,17 +28,17 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.19", - "@fluentui/react-label": "^9.1.3", + "@fluentui/react-label": "^9.1.4", "@fluentui/scripts-api-extractor": "*", "@fluentui/scripts-tasks": "*" }, "dependencies": { "@griffel/react": "^1.5.2", - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-field": "9.0.0-alpha.26", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-spinbutton/CHANGELOG.json b/packages/react-components/react-spinbutton/CHANGELOG.json index e26f54a9d4bbf..bb72373e910ae 100644 --- a/packages/react-components/react-spinbutton/CHANGELOG.json +++ b/packages/react-components/react-spinbutton/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-spinbutton", "entries": [ + { + "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..52bbb9bef6669 100644 --- a/packages/react-components/react-spinbutton/CHANGELOG.md +++ b/packages/react-components/react-spinbutton/CHANGELOG.md @@ -1,9 +1,20 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-spinbutton/package.json index f824f84fae985..b6f614449bf05 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.4", "description": "Fluent UI React SpinButton component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,18 +28,18 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.19", - "@fluentui/react-label": "^9.1.3", + "@fluentui/react-label": "^9.1.4", "@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-field": "9.0.0-alpha.26", "@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-utilities": "^9.7.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-spinner/CHANGELOG.json b/packages/react-components/react-spinner/CHANGELOG.json index ebe28a22c68f1..151f59cb54ad7 100644 --- a/packages/react-components/react-spinner/CHANGELOG.json +++ b/packages/react-components/react-spinner/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-spinner", "entries": [ + { + "date": "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..d6804b9c3c572 100644 --- a/packages/react-components/react-spinner/CHANGELOG.md +++ b/packages/react-components/react-spinner/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-spinner -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-spinner/package.json index 75961a2697d35..7e14df7ff3e38 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.4", "description": "Spinner component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,10 +32,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-label": "^9.1.3", + "@fluentui/react-label": "^9.1.4", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-storybook-addon/package.json b/packages/react-components/react-storybook-addon/package.json index 71d5cb81d3621..62d5c8b2d93ae 100644 --- a/packages/react-components/react-storybook-addon/package.json +++ b/packages/react-components/react-storybook-addon/package.json @@ -31,7 +31,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-provider": "^9.4.3", + "@fluentui/react-provider": "^9.4.4", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-switch/CHANGELOG.json b/packages/react-components/react-switch/CHANGELOG.json index 0555fea9a05a4..efa5c6194e55c 100644 --- a/packages/react-components/react-switch/CHANGELOG.json +++ b/packages/react-components/react-switch/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-switch", "entries": [ + { + "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..e9d73e80a8600 100644 --- a/packages/react-components/react-switch/CHANGELOG.md +++ b/packages/react-components/react-switch/CHANGELOG.md @@ -1,9 +1,21 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-switch/package.json index a46b1349b83d7..d497a2dca1bd5 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.4", "description": "Fluent UI React Switch component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,13 +32,13 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-field": "9.0.0-alpha.26", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-label": "^9.1.3", + "@fluentui/react-label": "^9.1.4", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-table/CHANGELOG.json b/packages/react-components/react-table/CHANGELOG.json index 939bce6618076..17d1466c467d1 100644 --- a/packages/react-components/react-table/CHANGELOG.json +++ b/packages/react-components/react-table/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-table", "entries": [ + { + "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..d1ffb095ff28b 100644 --- a/packages/react-components/react-table/CHANGELOG.md +++ b/packages/react-components/react-table/CHANGELOG.md @@ -1,9 +1,24 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-table/package.json index 69c2cced075cf..e1115d3a1a3e7 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.1", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,16 +35,16 @@ }, "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-aria": "^9.3.14", + "@fluentui/react-avatar": "^9.4.4", + "@fluentui/react-checkbox": "^9.1.4", + "@fluentui/react-context-selector": "^9.1.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-radio": "^9.1.3", + "@fluentui/react-radio": "^9.1.4", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tabs/CHANGELOG.json b/packages/react-components/react-tabs/CHANGELOG.json index 96c181ce82a20..310d43223a1f1 100644 --- a/packages/react-components/react-tabs/CHANGELOG.json +++ b/packages/react-components/react-tabs/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-tabs", "entries": [ + { + "date": "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..3e9214c75385d 100644 --- a/packages/react-components/react-tabs/CHANGELOG.md +++ b/packages/react-components/react-tabs/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-tabs -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-tabs/package.json index 7609e15bfa6a9..c0e16b367cfe6 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.4", "description": "Fluent UI React tabs components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,11 +31,11 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.13", + "@fluentui/react-context-selector": "^9.1.14", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tabster/CHANGELOG.json b/packages/react-components/react-tabster/CHANGELOG.json index 1e44dcfd86e35..56000bb490763 100644 --- a/packages/react-components/react-tabster/CHANGELOG.json +++ b/packages/react-components/react-tabster/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-tabster", "entries": [ + { + "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..dacbcd0decf23 100644 --- a/packages/react-components/react-tabster/CHANGELOG.md +++ b/packages/react-components/react-tabster/CHANGELOG.md @@ -1,9 +1,19 @@ # 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 Thu, 16 Mar 2023 14:36:58 GMT and should not be manually modified. +## [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/etc/react-tabster.api.md b/packages/react-components/react-tabster/etc/react-tabster.api.md index 76d7e373a639d..4aa5d69cb3a29 100644 --- a/packages/react-components/react-tabster/etc/react-tabster.api.md +++ b/packages/react-components/react-tabster/etc/react-tabster.api.md @@ -11,7 +11,7 @@ import type { RefObject } from 'react'; import { Types } from 'tabster'; // @internal (undocumented) -export function applyFocusVisiblePolyfill(scope: HTMLElement, win: Window): () => void; +export function applyFocusVisiblePolyfill(scope: HTMLElement, targetWindow: Window): () => void; // @public export function createCustomFocusIndicatorStyle(style: TStyle, { selector, enableOutline, }?: CreateCustomFocusIndicatorStyleOptions): TStyle extends GriffelStyle ? GriffelStyle : GriffelResetStyle; @@ -73,7 +73,7 @@ export const useFocusFinders: () => { }; // @public (undocumented) -export function useFocusVisible(): React_2.RefObject; +export function useFocusVisible(options?: UseFocusVisibleOptions): React_2.RefObject; // @public export function useFocusWithin(): React_2.RefObject; diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json index 2c27e5460f550..974cad91994e4 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.0", "description": "Utilities for focus management and facade for tabster", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,7 +33,7 @@ "@griffel/react": "^1.5.2", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "keyborg": "^2.0.0", "tabster": "^4.1.1", "@swc/helpers": "^0.4.14" diff --git a/packages/react-components/react-tabster/src/focus/focusVisiblePolyfill.ts b/packages/react-components/react-tabster/src/focus/focusVisiblePolyfill.ts index ec923e5542e6a..ca2605e906c8f 100644 --- a/packages/react-components/react-tabster/src/focus/focusVisiblePolyfill.ts +++ b/packages/react-components/react-tabster/src/focus/focusVisiblePolyfill.ts @@ -1,4 +1,6 @@ +import { isHTMLElement } from '@fluentui/react-utilities'; import { KEYBORG_FOCUSIN, KeyborgFocusInEvent, createKeyborg, disposeKeyborg } from 'keyborg'; + import { FOCUS_VISIBLE_ATTR } from './constants'; /** @@ -22,9 +24,9 @@ type HTMLElementWithFocusVisibleScope = { /** * @internal * @param scope - Applies the ponyfill to all DOM children - * @param win - window + * @param targetWindow - window */ -export function applyFocusVisiblePolyfill(scope: HTMLElement, win: Window): () => void { +export function applyFocusVisiblePolyfill(scope: HTMLElement, targetWindow: Window): () => void { if (alreadyInScope(scope)) { // Focus visible polyfill already applied at this scope return () => undefined; @@ -34,7 +36,7 @@ export function applyFocusVisiblePolyfill(scope: HTMLElement, win: Window): () = current: undefined, }; - const keyborg = createKeyborg(win); + const keyborg = createKeyborg(targetWindow); // When navigation mode changes remove the focus-visible selector keyborg.subscribe(isNavigatingWithKeyboard => { @@ -90,13 +92,6 @@ function removeFocusVisibleClass(el: HTMLElement) { el.removeAttribute(FOCUS_VISIBLE_ATTR); } -function isHTMLElement(target: EventTarget | null): target is HTMLElement { - if (!target) { - return false; - } - return Boolean(target && typeof target === 'object' && 'classList' in target && 'contains' in target); -} - function alreadyInScope(el: HTMLElement | null | undefined): boolean { if (!el) { return false; diff --git a/packages/react-components/react-tabster/src/hooks/useFocusVisible.test.tsx b/packages/react-components/react-tabster/src/hooks/useFocusVisible.test.tsx new file mode 100644 index 0000000000000..404b97820bead --- /dev/null +++ b/packages/react-components/react-tabster/src/hooks/useFocusVisible.test.tsx @@ -0,0 +1,68 @@ +import { Provider_unstable } from '@fluentui/react-shared-contexts'; +import { renderHook } from '@testing-library/react-hooks'; +import * as React from 'react'; + +jest.mock('../focus/focusVisiblePolyfill', () => ({ applyFocusVisiblePolyfill: jest.fn() })); + +import { applyFocusVisiblePolyfill } from '../focus/focusVisiblePolyfill'; +import { useFocusVisible } from './useFocusVisible'; + +const createDocumentMock = (): Document => { + const externalDocument = document.implementation.createDocument('http://www.w3.org/1999/xhtml', 'html', null); + + // `defaultView` is read-only by spec, getter is used as workaround + // https://github.com/facebook/jest/issues/2227#issuecomment-430435133 + jest.spyOn(externalDocument, 'defaultView', 'get').mockReturnValue({} as typeof document.defaultView); + + return externalDocument; +}; + +describe('useFocusVisible', () => { + describe('targetWindow', () => { + it('uses a window from context by default', () => { + const Wrapper: React.FC<{ targetDocument: Document | undefined }> = props => ( + + {props.children} + + ); + + const targetDocument = createDocumentMock(); + const element = targetDocument.createElement('div'); + + const { result, rerender } = renderHook< + { targetDocument: Document | undefined }, + React.MutableRefObject + >(() => useFocusVisible(), { + wrapper: Wrapper, + initialProps: { targetDocument: undefined }, + }); + + result.current.current = element; + rerender({ targetDocument }); + + expect(applyFocusVisiblePolyfill).toHaveBeenCalledTimes(1); + expect(applyFocusVisiblePolyfill).toHaveBeenCalledWith(element, targetDocument.defaultView); + }); + + it('uses a window from options', () => { + const targetDocument = createDocumentMock(); + const element = targetDocument.createElement('div'); + + const { result, rerender } = renderHook< + { targetDocument: Document | undefined }, + React.MutableRefObject + >(props => useFocusVisible({ targetDocument: props.targetDocument }), { + wrapper: props => ( + {props.children} + ), + initialProps: { targetDocument: undefined }, + }); + + result.current.current = element; + rerender({ targetDocument }); + + expect(applyFocusVisiblePolyfill).toHaveBeenCalledTimes(1); + expect(applyFocusVisiblePolyfill).toHaveBeenCalledWith(element, targetDocument.defaultView); + }); + }); +}); diff --git a/packages/react-components/react-tabster/src/hooks/useFocusVisible.ts b/packages/react-components/react-tabster/src/hooks/useFocusVisible.ts index f32d148eef862..6af1e027b8504 100644 --- a/packages/react-components/react-tabster/src/hooks/useFocusVisible.ts +++ b/packages/react-components/react-tabster/src/hooks/useFocusVisible.ts @@ -1,11 +1,18 @@ import * as React from 'react'; import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts'; + import { applyFocusVisiblePolyfill } from '../focus/focusVisiblePolyfill'; -export function useFocusVisible() { - const { targetDocument } = useFluent(); +type UseFocusVisibleOptions = { + targetDocument?: HTMLDocument; +}; + +export function useFocusVisible(options: UseFocusVisibleOptions = {}) { + const contentValue = useFluent(); const scopeRef = React.useRef(null); + const targetDocument = options.targetDocument ?? contentValue.targetDocument; + React.useEffect(() => { if (targetDocument?.defaultView && scopeRef.current) { return applyFocusVisiblePolyfill(scopeRef.current, targetDocument.defaultView); diff --git a/packages/react-components/react-tags/package.json b/packages/react-components/react-tags/package.json index 3633031d208d2..842b8094ef4fe 100644 --- a/packages/react-components/react-tags/package.json +++ b/packages/react-components/react-tags/package.json @@ -33,7 +33,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-text/CHANGELOG.json b/packages/react-components/react-text/CHANGELOG.json index 855137755bf4a..15375f248878a 100644 --- a/packages/react-components/react-text/CHANGELOG.json +++ b/packages/react-components/react-text/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-text", "entries": [ + { + "date": "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..b7e371358a375 100644 --- a/packages/react-components/react-text/CHANGELOG.md +++ b/packages/react-components/react-text/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-text -This log was last generated on Wed, 15 Mar 2023 10:19:52 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-text/package.json index 66644faa62247..9d374dd65b1f4 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.1", "description": "Text is a typography and styling abstraction component that can be used to ensure the consistency of all text across your application.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -35,7 +35,7 @@ "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", "@griffel/react": "^1.5.2", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@swc/helpers": "^0.4.14" }, "peerDependencies": { diff --git a/packages/react-components/react-textarea/CHANGELOG.json b/packages/react-components/react-textarea/CHANGELOG.json index b8582b13a7bbe..c200085522a09 100644 --- a/packages/react-components/react-textarea/CHANGELOG.json +++ b/packages/react-components/react-textarea/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-textarea", "entries": [ + { + "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..9ec8c6bed8170 100644 --- a/packages/react-components/react-textarea/CHANGELOG.md +++ b/packages/react-components/react-textarea/CHANGELOG.md @@ -1,9 +1,19 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-textarea/package.json index 111dba6c49e7a..6f886cb51ffbd 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.4", "description": "Fluent UI TextArea component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,10 +32,10 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.25", + "@fluentui/react-field": "9.0.0-alpha.26", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-toolbar/CHANGELOG.json b/packages/react-components/react-toolbar/CHANGELOG.json index f0c141edeb088..f0f051d1ccf98 100644 --- a/packages/react-components/react-toolbar/CHANGELOG.json +++ b/packages/react-components/react-toolbar/CHANGELOG.json @@ -1,6 +1,51 @@ { "name": "@fluentui/react-toolbar", "entries": [ + { + "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..4792fb667eac4 100644 --- a/packages/react-components/react-toolbar/CHANGELOG.md +++ b/packages/react-components/react-toolbar/CHANGELOG.md @@ -1,9 +1,23 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-toolbar/package.json index ef347c71788f9..e313c43cd1903 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.4", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,14 +34,14 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-button": "^9.3.3", - "@fluentui/react-divider": "^9.2.3", + "@fluentui/react-button": "^9.3.4", + "@fluentui/react-divider": "^9.2.4", "@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-utilities": "^9.7.1", + "@fluentui/react-context-selector": "^9.1.14", + "@fluentui/react-radio": "^9.1.4", "@fluentui/react-shared-contexts": "^9.3.1", - "@fluentui/react-tabster": "^9.5.7", + "@fluentui/react-tabster": "^9.6.0", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tooltip/CHANGELOG.json b/packages/react-components/react-tooltip/CHANGELOG.json index 8bd794d09dbb2..34d51ea3fd67f 100644 --- a/packages/react-components/react-tooltip/CHANGELOG.json +++ b/packages/react-components/react-tooltip/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-tooltip", "entries": [ + { + "date": "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..28476e78c67be 100644 --- a/packages/react-components/react-tooltip/CHANGELOG.md +++ b/packages/react-components/react-tooltip/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-tooltip -This log was last generated on Wed, 15 Mar 2023 10:19:53 GMT and should not be manually modified. +This log was last generated on Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-tooltip/package.json index b33357050c807..5559bf2c46a2c 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.4", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,11 +33,11 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-portal": "^9.2.0", - "@fluentui/react-positioning": "^9.5.4", + "@fluentui/react-portal": "^9.2.1", + "@fluentui/react-positioning": "^9.5.5", "@fluentui/react-shared-contexts": "^9.3.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/react-tree/CHANGELOG.json b/packages/react-components/react-tree/CHANGELOG.json index cac88f0929d0d..3238095280e03 100644 --- a/packages/react-components/react-tree/CHANGELOG.json +++ b/packages/react-components/react-tree/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-tree", "entries": [ + { + "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..c378ac44f93ed 100644 --- a/packages/react-components/react-tree/CHANGELOG.md +++ b/packages/react-components/react-tree/CHANGELOG.md @@ -1,9 +1,24 @@ # 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 Thu, 16 Mar 2023 14:36:59 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-tree/package.json index 6b32a4c3f64b2..c584f24624509 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.5", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,16 +32,16 @@ "react-window": "^1.8.6" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.13", + "@fluentui/react-context-selector": "^9.1.14", "@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/react-avatar": "^9.4.4", + "@fluentui/react-aria": "^9.3.14", + "@fluentui/react-tabster": "^9.6.0", + "@fluentui/react-portal": "^9.2.1", + "@fluentui/react-button": "^9.3.4", "@fluentui/keyboard-keys": "^9.0.1", "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@fluentui/react-icons": "^2.0.175", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" diff --git a/packages/react-components/react-utilities/CHANGELOG.json b/packages/react-components/react-utilities/CHANGELOG.json index 13172e0efd1e3..ba7c71484c7be 100644 --- a/packages/react-components/react-utilities/CHANGELOG.json +++ b/packages/react-components/react-utilities/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-utilities", "entries": [ + { + "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..34129917eda8c 100644 --- a/packages/react-components/react-utilities/CHANGELOG.md +++ b/packages/react-components/react-utilities/CHANGELOG.md @@ -1,9 +1,18 @@ # 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 Thu, 16 Mar 2023 14:36:58 GMT and should not be manually modified. +## [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/package.json b/packages/react-components/react-utilities/package.json index e11515c9e7b57..179c7a746ab56 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.1", "description": "A set of general React-specific utilities.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-utilities/src/compose/getSlots.ts b/packages/react-components/react-utilities/src/compose/getSlots.ts index f66ae6f5eadc2..3c01bee431ff5 100644 --- a/packages/react-components/react-utilities/src/compose/getSlots.ts +++ b/packages/react-components/react-utilities/src/compose/getSlots.ts @@ -23,10 +23,10 @@ type ObjectSlotProps = { [K in keyof S]-?: ExtractSlotProps extends AsIntrinsicElement ? // For intrinsic element types, return the intersection of all possible // element's props, to be compatible with the As type returned by Slots<> - UnionToIntersection + UnionToIntersection // Slot<'div', 'span'> : ExtractSlotProps extends React.ComponentType - ? P - : never; + ? P // Slot + : ExtractSlotProps; // Slot }; /** 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.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/package.json b/packages/react-components/react-virtualizer/package.json index 5c75000f5fe0d..275750b67c634 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.12", "description": "Generic and composable virtualizer framework built on browser intersection observer", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ "@fluentui/scripts-tasks": "*" }, "dependencies": { - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14" }, diff --git a/packages/react-components/theme-designer/package.json b/packages/react-components/theme-designer/package.json index 962232296d22d..ca6c750ba233f 100644 --- a/packages/react-components/theme-designer/package.json +++ b/packages/react-components/theme-designer/package.json @@ -32,16 +32,16 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.6", - "@fluentui/react-utilities": "^9.7.0", + "@fluentui/react-utilities": "^9.7.1", "@griffel/react": "^1.5.2", "@swc/helpers": "^0.4.14", - "@fluentui/react-components": "^9.18.1", + "@fluentui/react-components": "^9.18.2", "@fluentui/react-icons": "^2.0.175", "codesandbox-import-utils": "2.2.3", "@types/dedent": "0.7.0", - "@fluentui/react-alert": "9.0.0-beta.39", + "@fluentui/react-alert": "9.0.0-beta.40", "@fluentui/react-storybook-addon-codesandbox": "9.0.0-alpha.0", - "@fluentui/react-context-selector": "^9.1.13" + "@fluentui/react-context-selector": "^9.1.14" }, "peerDependencies": { "@types/react": ">=16.8.0 <19.0.0", diff --git a/tools/generators/migrate-converged-pkg/index.spec.ts b/tools/generators/migrate-converged-pkg/index.spec.ts index fa37d152d83db..1269022d1eef9 100644 --- a/tools/generators/migrate-converged-pkg/index.spec.ts +++ b/tools/generators/migrate-converged-pkg/index.spec.ts @@ -935,6 +935,7 @@ describe('migrate-converged-pkg generator', () => { Object { ".": Object { "import": "./lib/index.js", + "node": "./lib-commonjs/index.js", "require": "./lib-commonjs/index.js", "types": "./dist/index.d.ts", }, @@ -1387,6 +1388,7 @@ describe('migrate-converged-pkg generator', () => { expect(pkgJson.exports['./unstable']).toMatchInlineSnapshot(` Object { "import": "./lib/unstable/index.js", + "node": "./lib-commonjs/unstable/index.js", "require": "./lib-commonjs/unstable/index.js", "types": "./dist/unstable.d.ts", } diff --git a/tools/generators/migrate-converged-pkg/index.ts b/tools/generators/migrate-converged-pkg/index.ts index a179c80b5a225..251a4cc1fb4c9 100644 --- a/tools/generators/migrate-converged-pkg/index.ts +++ b/tools/generators/migrate-converged-pkg/index.ts @@ -667,6 +667,7 @@ function setupUnstableApi(tree: Tree, options: NormalizedSchemaWithTsConfigs) { Object.assign(stableJson.exports, { './unstable': { types: unstableJson.typings?.replace(/\.\.\//g, ''), + ...(packageJson.main ? { node: './lib-commonjs/unstable/index.js' } : null), ...(packageJson.module ? { import: './lib/unstable/index.js' } : null), require: './lib-commonjs/unstable/index.js', }, @@ -717,6 +718,7 @@ function updatePackageJson(tree: Tree, options: NormalizedSchemaWithTsConfigs) { json.exports = { '.': { types: json.typings, + ...(json.main ? { node: normalizePackageEntryPointPaths(json.main) } : null), ...(json.module ? { import: normalizePackageEntryPointPaths(json.module) } : null), ...(json.main ? { require: normalizePackageEntryPointPaths(json.main) } : null), }, diff --git a/tools/types.ts b/tools/types.ts index 300e6b04a9e8b..397c9971825fc 100644 --- a/tools/types.ts +++ b/tools/types.ts @@ -32,7 +32,7 @@ export interface PackageJson { dependencies?: Record; devDependencies?: Record; peerDependencies?: Record; - exports?: Record>; + exports?: Record>; } export interface PackageJsonWithBeachball extends PackageJson {