From 54b6220d442231ffa0c3df88359f53373690da6f Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Thu, 5 Jan 2023 17:09:41 -0800 Subject: [PATCH 01/29] fix: v9 Combobox option focus on open updates (#26173) --- ...act-combobox-b1fa3ab7-ea40-4131-ba9a-4e1f7b78d110.json | 7 +++++++ .../src/components/Combobox/useCombobox.tsx | 3 +++ .../react-combobox/src/utils/useComboboxBaseState.ts | 8 ++++---- 3 files changed, 14 insertions(+), 4 deletions(-) create mode 100644 change/@fluentui-react-combobox-b1fa3ab7-ea40-4131-ba9a-4e1f7b78d110.json diff --git a/change/@fluentui-react-combobox-b1fa3ab7-ea40-4131-ba9a-4e1f7b78d110.json b/change/@fluentui-react-combobox-b1fa3ab7-ea40-4131-ba9a-4e1f7b78d110.json new file mode 100644 index 00000000000000..051198371e1087 --- /dev/null +++ b/change/@fluentui-react-combobox-b1fa3ab7-ea40-4131-ba9a-4e1f7b78d110.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "fix: Combobox always starts at the first option if multiselect, and correctly sets focus visible\"", + "packageName": "@fluentui/react-combobox", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx b/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx index 3186c4a71ccffa..a2253121d5a98b 100644 --- a/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx +++ b/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx @@ -216,6 +216,9 @@ export const useCombobox_unstable = (props: ComboboxProps, ref: React.Ref { if (open && !activeOption) { - // if there is a selection, start at the most recently selected item - if (selectedOptions.length > 0) { - const lastSelectedOption = getOptionsMatchingText(v => v === selectedOptions[selectedOptions.length - 1]).pop(); - lastSelectedOption && setActiveOption(lastSelectedOption); + // if it is single-select and there is a selected option, start at the selected option + if (!multiselect && selectedOptions.length > 0) { + const selectedOption = getOptionsMatchingText(v => v === selectedOptions[0]).pop(); + selectedOption && setActiveOption(selectedOption); } // default to starting at the first option else { From 3f806f907d1e5389101750b21a751bdb8c45a736 Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Fri, 6 Jan 2023 08:00:22 +0000 Subject: [PATCH 02/29] applying package updates --- ...eact-ad8a4cf9-019c-49a0-9d87-323f6f5f0969.json | 7 ------- packages/react/CHANGELOG.json | 15 +++++++++++++++ 2 files changed, 15 insertions(+), 7 deletions(-) delete mode 100644 change/@fluentui-react-ad8a4cf9-019c-49a0-9d87-323f6f5f0969.json diff --git a/change/@fluentui-react-ad8a4cf9-019c-49a0-9d87-323f6f5f0969.json b/change/@fluentui-react-ad8a4cf9-019c-49a0-9d87-323f6f5f0969.json deleted file mode 100644 index 13307a9e128c02..00000000000000 --- a/change/@fluentui-react-ad8a4cf9-019c-49a0-9d87-323f6f5f0969.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "Suggestions: change resultsFooter docs to mention not adding interactive elements", - "packageName": "@fluentui/react", - "email": "mgodbolt@microsoft.com", - "dependentChangeType": "none" -} diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json index f88532a0800424..9025389c21c3de 100644 --- a/packages/react/CHANGELOG.json +++ b/packages/react/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react", "entries": [ + { + "date": "Fri, 06 Jan 2023 08:00:14 GMT", + "tag": "@fluentui/react_v8.104.2", + "version": "8.104.2", + "comments": { + "none": [ + { + "author": "mgodbolt@microsoft.com", + "package": "@fluentui/react", + "commit": "92c695cd39a46fb5e4ce35ca44f94a4f49e63410", + "comment": "Suggestions: change resultsFooter docs to mention not adding interactive elements" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:51 GMT", "tag": "@fluentui/react_v8.104.2", From bffa36e0a7824f1e54d73907912473692c40d70b Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Fri, 6 Jan 2023 13:06:36 +0100 Subject: [PATCH 03/29] docs: fix typo in Table.types.ts (#26205) --- ...i-react-table-6f22423b-4f4c-45da-a1f9-d431ccfefded.json | 7 +++++++ .../react-table/src/components/Table/Table.types.ts | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) create mode 100644 change/@fluentui-react-table-6f22423b-4f4c-45da-a1f9-d431ccfefded.json diff --git a/change/@fluentui-react-table-6f22423b-4f4c-45da-a1f9-d431ccfefded.json b/change/@fluentui-react-table-6f22423b-4f4c-45da-a1f9-d431ccfefded.json new file mode 100644 index 00000000000000..d43ad851b66485 --- /dev/null +++ b/change/@fluentui-react-table-6f22423b-4f4c-45da-a1f9-d431ccfefded.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "docs: fix typo in Table.types.ts", + "packageName": "@fluentui/react-table", + "email": "olfedias@microsoft.com", + "dependentChangeType": "none" +} diff --git a/packages/react-components/react-table/src/components/Table/Table.types.ts b/packages/react-components/react-table/src/components/Table/Table.types.ts index c1e7d840e6126b..916ccae3532da9 100644 --- a/packages/react-components/react-table/src/components/Table/Table.types.ts +++ b/packages/react-components/react-table/src/components/Table/Table.types.ts @@ -12,7 +12,7 @@ export type TableContextValue = { size: 'extra-small' | 'small' | 'medium'; /** - * Render all table elements as divs intead of semantic table elements + * Render all table elements as divs instead of semantic table elements * Using divs no longer uses `display: table` layout but `display: flex` * @default false */ From 73bd103d70370326286daee55dad5c1c2b9861a7 Mon Sep 17 00:00:00 2001 From: Oleksandr Fediashov Date: Fri, 6 Jan 2023 13:42:33 +0100 Subject: [PATCH 04/29] fix: remove Event type in selectionManager (#26211) --- ...ble-2f6ac7ff-0a0f-4fcf-8515-64378641f5c3.json | 7 +++++++ .../react-table/src/hooks/selectionManager.ts | 16 ++++++---------- 2 files changed, 13 insertions(+), 10 deletions(-) create mode 100644 change/@fluentui-react-table-2f6ac7ff-0a0f-4fcf-8515-64378641f5c3.json diff --git a/change/@fluentui-react-table-2f6ac7ff-0a0f-4fcf-8515-64378641f5c3.json b/change/@fluentui-react-table-2f6ac7ff-0a0f-4fcf-8515-64378641f5c3.json new file mode 100644 index 00000000000000..3dbb7d943bbb16 --- /dev/null +++ b/change/@fluentui-react-table-2f6ac7ff-0a0f-4fcf-8515-64378641f5c3.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "fix: remove Event type in selectionManager", + "packageName": "@fluentui/react-table", + "email": "olfedias@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-table/src/hooks/selectionManager.ts b/packages/react-components/react-table/src/hooks/selectionManager.ts index a21eea5b3685cf..e5b4b3b4ab56bf 100644 --- a/packages/react-components/react-table/src/hooks/selectionManager.ts +++ b/packages/react-components/react-table/src/hooks/selectionManager.ts @@ -1,19 +1,15 @@ import * as React from 'react'; import { SelectionMode } from './types'; -type OnSelectionChangeCallback = (e: React.SyntheticEvent | Event, selectedItems: Set) => void; +type OnSelectionChangeCallback = (e: React.SyntheticEvent, selectedItems: Set) => void; export interface SelectionManager { - toggleItem(e: React.SyntheticEvent | Event, id: SelectionItemId, selectedItems: Set): void; - selectItem(e: React.SyntheticEvent | Event, id: SelectionItemId, selectedItems: Set): void; - deselectItem(e: React.SyntheticEvent | Event, id: SelectionItemId, selectedItems: Set): void; - clearItems(e: React.SyntheticEvent | Event): void; + toggleItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set): void; + selectItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set): void; + deselectItem(e: React.SyntheticEvent, id: SelectionItemId, selectedItems: Set): void; + clearItems(e: React.SyntheticEvent): void; isSelected(id: SelectionItemId, selectedItems: Set): boolean; - toggleAllItems( - e: React.SyntheticEvent | Event, - itemIds: SelectionItemId[], - selectedItems: Set, - ): void; + toggleAllItems(e: React.SyntheticEvent, itemIds: SelectionItemId[], selectedItems: Set): void; } export type SelectionItemId = string | number; From 0176bd14db5b21dae5cb4463e2939815c3ccaed3 Mon Sep 17 00:00:00 2001 From: Marcos Moura Date: Fri, 6 Jan 2023 14:13:44 +0100 Subject: [PATCH 05/29] docs: fix storybook code tag not having any highlight/monospace font (#26187) --- .storybook/docs-root.css | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/.storybook/docs-root.css b/.storybook/docs-root.css index e1f8fe7f8d97f1..6a32ff625df92b 100644 --- a/.storybook/docs-root.css +++ b/.storybook/docs-root.css @@ -62,6 +62,11 @@ padding: 48px 0 0 0; } +#docs-root .sbdocs-h2 code { + border-radius: 4px; + font-size: 20px; +} + #docs-root .sbdocs-h3 { font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif; @@ -72,6 +77,11 @@ color: #000000; } +#docs-root .sbdocs-h3 code { + border-radius: 3px; + font-size: 16px; +} + /* Only apply to H3s inside of stories which have a parent with an ID */ #docs-root [id] > .sbdocs-h3:before { content: ''; @@ -285,7 +295,7 @@ #docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(2) span, #docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(1) > div > span, #docs-root .css-16d4d7t { - font-family: Menlo, monospace; + font-family: 'Cascadia Code', Menlo, 'Courier New', Courier, monospace; font-style: normal; font-weight: normal; font-size: 14px; @@ -318,7 +328,10 @@ } #docs-root code { - margin: 1px 0 1px 0; + padding: 0.1em 0.2em; + display: inline-block; + background-color: rgba(17, 16, 15, 0.1); + border-radius: 2px; } .os-content-glue { From 3bab722e27491fe99acaccc53c97e3e5da51c9ee Mon Sep 17 00:00:00 2001 From: Esteban Munoz Facusse Date: Fri, 6 Jan 2023 14:47:27 -0700 Subject: [PATCH 06/29] chore(public-docsite): Renaming Office to Microsoft 365 (#26171) * Renaming Office to Microsoft 365. * changing wording from brand to product --- .../SiteDefinition.pages/Styles/web.tsx | 8 ++-- .../src/SiteDefinition/SiteDefinition.tsx | 3 +- .../src/data/brand-icons-monochrome.json | 38 ------------------ ...ents.json => product-icons-documents.json} | 0 ...icons-products.json => product-icons.json} | 2 +- .../docs/web/GetStartedDesign.md | 2 +- .../docs/default/ResourcesDesignResources.md | 10 ----- .../default/ResourcesDeveloperResources.md | 9 ----- .../FabricIconsPage/FabricIconsPage.tsx | 2 +- .../docs/web/FabricIconsOverview.md | 4 +- .../docs/web/FabricIconsSvgUsage.md | 4 +- .../FileTypeIconsPage.module.scss | 2 +- .../FileTypeIconsPage/FileTypeIconsPage.tsx | 10 ++--- .../docs/web/FileTypeIconsOverview.md | 2 +- .../M365ProductIconsPage.doc.ts} | 6 +-- .../M365ProductIconsPage.module.scss} | 2 +- .../M365ProductIconsPage.tsx} | 40 +++++++++---------- .../docs/web/M365ProductIconsFormat.md} | 2 +- .../web/M365ProductIconsImplementation.md} | 2 +- .../docs/web/M365ProductIconsOverview.md} | 2 +- .../docs/web/M365ProductIconsResolutions.md} | 0 .../docs/web/M365ProductIconsSingleColor.md} | 0 .../docs/web/TypographySizes.md | 2 +- 23 files changed, 48 insertions(+), 104 deletions(-) delete mode 100644 apps/public-docsite/src/data/brand-icons-monochrome.json rename apps/public-docsite/src/data/{brand-icons-documents.json => product-icons-documents.json} (100%) rename apps/public-docsite/src/data/{brand-icons-products.json => product-icons.json} (92%) rename apps/public-docsite/src/pages/Styles/{OfficeBrandIconsPage/OfficeBrandIconsPage.doc.ts => M365ProductIconsPage/M365ProductIconsPage.doc.ts} (57%) rename apps/public-docsite/src/pages/Styles/{OfficeBrandIconsPage/OfficeBrandIconsPage.module.scss => M365ProductIconsPage/M365ProductIconsPage.module.scss} (96%) rename apps/public-docsite/src/pages/Styles/{OfficeBrandIconsPage/OfficeBrandIconsPage.tsx => M365ProductIconsPage/M365ProductIconsPage.tsx} (80%) rename apps/public-docsite/src/pages/Styles/{OfficeBrandIconsPage/docs/web/OfficeBrandIconsFormat.md => M365ProductIconsPage/docs/web/M365ProductIconsFormat.md} (58%) rename apps/public-docsite/src/pages/Styles/{OfficeBrandIconsPage/docs/web/OfficeBrandIconsImplementation.md => M365ProductIconsPage/docs/web/M365ProductIconsImplementation.md} (78%) rename apps/public-docsite/src/pages/Styles/{OfficeBrandIconsPage/docs/web/OfficeBrandIconsOverview.md => M365ProductIconsPage/docs/web/M365ProductIconsOverview.md} (88%) rename apps/public-docsite/src/pages/Styles/{OfficeBrandIconsPage/docs/web/OfficeBrandIconsResolutions.md => M365ProductIconsPage/docs/web/M365ProductIconsResolutions.md} (100%) rename apps/public-docsite/src/pages/Styles/{OfficeBrandIconsPage/docs/web/OfficeBrandIconsSingleColor.md => M365ProductIconsPage/docs/web/M365ProductIconsSingleColor.md} (100%) diff --git a/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Styles/web.tsx b/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Styles/web.tsx index 45431a06094190..6e4743de73a518 100644 --- a/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Styles/web.tsx +++ b/apps/public-docsite/src/SiteDefinition/SiteDefinition.pages/Styles/web.tsx @@ -122,12 +122,12 @@ export const stylesPagesWeb: INavPage[] = [ // getComponent: cb => require.ensure([], require => cb(require('../../../pages/Styles/IconsPage/IconsPage').IconsPage)) // }, { - title: 'Office Brand Icons', - url: '#/styles/web/office-brand-icons', - component: () => , + title: 'M365 Product Icons', + url: '#/styles/web/m365-product-icons', + component: () => , getComponent: cb => require.ensure([], require => - cb(require('../../../pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage').OfficeBrandIconsPage), + cb(require('../../../pages/Styles/M365ProductIconsPage/M365ProductIconsPage').M365ProductIconsPage), ), }, { diff --git a/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx b/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx index c7da0d2342341d..3948ae4db1fa84 100644 --- a/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx +++ b/apps/public-docsite/src/SiteDefinition/SiteDefinition.tsx @@ -49,7 +49,8 @@ export const SiteDefinition: ISiteDefinition = { { from: '#/examples/announced/', to: '#/controls/web/announced/' }, { from: /#\/components/, to: '#/controls/web' }, { from: '#/styles/animation', to: '#/styles/web/motion' }, - { from: '#/styles/brand-icons', to: '#/styles/web/office-brand-icons' }, + { from: '#/styles/brand-icons', to: '#/styles/web/m365-product-icons' }, + { from: '#/styles/web/office-brand-icons', to: '#/styles/web/m365-product-icons' }, { from: '#/styles/colors', to: '#/styles/web/colors/theme-slots' }, { from: '#/styles/icons', to: '#/styles/web/icons' }, { from: '#/styles/layout', to: '#/styles/web/layout' }, diff --git a/apps/public-docsite/src/data/brand-icons-monochrome.json b/apps/public-docsite/src/data/brand-icons-monochrome.json deleted file mode 100644 index 5dceb8bb64703c..00000000000000 --- a/apps/public-docsite/src/data/brand-icons-monochrome.json +++ /dev/null @@ -1,38 +0,0 @@ -[ - { "name": "AADLogo" }, - { "name": "AccessLogo" }, - { "name": "ATPLogo" }, - { "name": "AzureLogo" }, - { "name": "BingLogo" }, - { "name": "BookingsLogo" }, - { "name": "ClassroomLogo" }, - { "name": "DelveAnalyticsLogo" }, - { "name": "DelveLogo" }, - { "name": "DynamicSMBLogo" }, - { "name": "EdgeLogo" }, - { "name": "ExcelDocument" }, - { "name": "ExcelLogo" }, - { "name": "ExchangeLogo" }, - { "name": "LyncLogo" }, - { "name": "MSNLogo" }, - { "name": "OfficeAssistantLogo" }, - { "name": "OfficeLogo" }, - { "name": "OfficeStoreLogo" }, - { "name": "OfficeVideoLogo" }, - { "name": "OneDrive" }, - { "name": "OneNoteLogo" }, - { "name": "OutlookLogo" }, - { "name": "PowerBILogo" }, - { "name": "PowerPointDocument" }, - { "name": "PowerPointLogo" }, - { "name": "SharepointLogo" }, - { "name": "SkypeLogo" }, - { "name": "SocialListeningLogo" }, - { "name": "StoreLogo" }, - { "name": "StoreLogoMed" }, - { "name": "VisioLogo" }, - { "name": "WindowsLogo" }, - { "name": "WordDocument" }, - { "name": "WordLogo" }, - { "name": "YammerLogo" } -] diff --git a/apps/public-docsite/src/data/brand-icons-documents.json b/apps/public-docsite/src/data/product-icons-documents.json similarity index 100% rename from apps/public-docsite/src/data/brand-icons-documents.json rename to apps/public-docsite/src/data/product-icons-documents.json diff --git a/apps/public-docsite/src/data/brand-icons-products.json b/apps/public-docsite/src/data/product-icons.json similarity index 92% rename from apps/public-docsite/src/data/brand-icons-products.json rename to apps/public-docsite/src/data/product-icons.json index 4e60d542186d29..2e82333585ee7d 100644 --- a/apps/public-docsite/src/data/brand-icons-products.json +++ b/apps/public-docsite/src/data/product-icons.json @@ -7,7 +7,7 @@ { "icon": "onenote", "name": "OneNote" }, { "icon": "sharepoint", "name": "SharePoint" }, { "icon": "teams", "name": "Microsoft Teams" }, - { "icon": "office", "name": "Office" }, + { "icon": "m365", "name": "Microsoft 365" }, { "icon": "access", "name": "Access" }, { "icon": "delve", "name": "Delve" }, { "icon": "forms", "name": "Microsoft Forms" }, diff --git a/apps/public-docsite/src/pages/Overviews/GetStartedPage/docs/web/GetStartedDesign.md b/apps/public-docsite/src/pages/Overviews/GetStartedPage/docs/web/GetStartedDesign.md index c4df274def4861..868d86ffc4ab40 100644 --- a/apps/public-docsite/src/pages/Overviews/GetStartedPage/docs/web/GetStartedDesign.md +++ b/apps/public-docsite/src/pages/Overviews/GetStartedPage/docs/web/GetStartedDesign.md @@ -4,7 +4,7 @@ Fluent UI gives you access to Segoe, Microsoft’s official typeface, along with ### Icons -Fluent UI includes Office’s official product icons. Fluent UI also provides a suite of product and document symbols, so you can use the same metaphors we use. [Learn more](#/styles/web/icons) +Fluent UI includes Microsoft 365's official product icons. Fluent UI also provides a suite of product and document symbols, so you can use the same metaphors we use. [Learn more](#/styles/web/icons) ### Controls diff --git a/apps/public-docsite/src/pages/Overviews/ResourcesPage/docs/default/ResourcesDesignResources.md b/apps/public-docsite/src/pages/Overviews/ResourcesPage/docs/default/ResourcesDesignResources.md index 935baaad273b80..55e65d245cd573 100644 --- a/apps/public-docsite/src/pages/Overviews/ResourcesPage/docs/default/ResourcesDesignResources.md +++ b/apps/public-docsite/src/pages/Overviews/ResourcesPage/docs/default/ResourcesDesignResources.md @@ -22,16 +22,6 @@ These SharePoint design resources provide everything you need to design your web
  • [SharePoint Toolkit (Figma)](https://aka.ms/SharePointToolkits/Web/Figma)
  • -

    Office Add-ins

    - -The Add-ins design toolkit provides layouts for interface elements and commonly used patterns in Word, Excel, and PowerPoint. Use it in addition to the Microsoft design toolkits to create an add-in that fits within Office. - -
      -
    • [Add-ins Toolkit (Sketch)](https://aka.ms/addins_sketch_toolkit)
    • -
    • [Designing Office Add-ins](https://docs.microsoft.com/en-us/office/dev/add-ins/design/add-in-design)
    • -
    • [Add-ins Toolkit (XD)](https://aka.ms/addins_toolkit)
    • -
    - ### Fonts
      diff --git a/apps/public-docsite/src/pages/Overviews/ResourcesPage/docs/default/ResourcesDeveloperResources.md b/apps/public-docsite/src/pages/Overviews/ResourcesPage/docs/default/ResourcesDeveloperResources.md index abce5f2d41a72a..4237577575722a 100644 --- a/apps/public-docsite/src/pages/Overviews/ResourcesPage/docs/default/ResourcesDeveloperResources.md +++ b/apps/public-docsite/src/pages/Overviews/ResourcesPage/docs/default/ResourcesDeveloperResources.md @@ -41,12 +41,3 @@ SharePoint uses Fluent UI, so if you’re building on top of or within a SharePo
    • [Theme Designer](https://aka.ms/themedesigner)
    • [Get started with building client-side web parts](https://aka.ms/spfx-tutorials)
    - -

    Office Add-ins

    - -Fluent UI is the official UI toolkit for creating Office Add-ins. Check out some of these resources to learn more about how to use Fluent UI in your next Add-in. - -
      -
    • [Add-ins overview](https://docs.microsoft.com/office/dev/add-ins/)
    • -
    • [Using Fluent UI React in your Add-ins](https://docs.microsoft.com/office/dev/add-ins/design/add-in-design)
    • -
    diff --git a/apps/public-docsite/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx b/apps/public-docsite/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx index b2063d5d2023c6..c3e0a6534abda3 100644 --- a/apps/public-docsite/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx +++ b/apps/public-docsite/src/pages/Styles/FabricIconsPage/FabricIconsPage.tsx @@ -69,7 +69,7 @@ function _otherSections(platform: Platforms): IPageSectionProps[] { ) } - + {selectedItem === 'svg-branded' && ( )} diff --git a/apps/public-docsite/src/pages/Styles/FabricIconsPage/docs/web/FabricIconsOverview.md b/apps/public-docsite/src/pages/Styles/FabricIconsPage/docs/web/FabricIconsOverview.md index 6dc50f29d74462..2a5ff87cf81d62 100644 --- a/apps/public-docsite/src/pages/Styles/FabricIconsPage/docs/web/FabricIconsOverview.md +++ b/apps/public-docsite/src/pages/Styles/FabricIconsPage/docs/web/FabricIconsOverview.md @@ -1,7 +1,7 @@ Fluent UI primarily uses a custom font for its iconography, released under the [Microsoft Fabric Assets License](https://aka.ms/fluentui-assets-license). As of Fluent UI React version 8, an SVG-based version of the same icon set is available under the MIT license. -**This page is about the general-use monoline icons. See the [brand icons page](#/styles/web/office-brand-icons) for multi-color product icons and the [file type icons page](#/styles/web/file-type-icons) for document icons.** +**This page is about the general-use monoline icons. See the [product icons page](#/styles/web/m365-product-icons) for multi-color product icons and the [file type icons page](#/styles/web/file-type-icons) for document icons.** ### When should I use Fluent UI icons? -It is recommended to use Fluent UI icons for command bars, navigation or status indicators. If you need icons to represent Office apps, see the [Office brand icons page](#/styles/web/office-brand-icons). If you are representing files or digital content, see the [file type icons page](#/styles/web/file-type-icons). +It is recommended to use Fluent UI icons for command bars, navigation or status indicators. If you need icons to represent Microsoft 365 apps, see the [Microsoft 365 product icons page](#/styles/web/m365-product-icons). If you are representing files or digital content, see the [file type icons page](#/styles/web/file-type-icons). diff --git a/apps/public-docsite/src/pages/Styles/FabricIconsPage/docs/web/FabricIconsSvgUsage.md b/apps/public-docsite/src/pages/Styles/FabricIconsPage/docs/web/FabricIconsSvgUsage.md index 0a95e5f84fe425..9c797e71929da5 100644 --- a/apps/public-docsite/src/pages/Styles/FabricIconsPage/docs/web/FabricIconsSvgUsage.md +++ b/apps/public-docsite/src/pages/Styles/FabricIconsPage/docs/web/FabricIconsSvgUsage.md @@ -1,6 +1,6 @@ -An SVG-based version of Fluent UI's icon set is available from `@fluentui/react-icons-mdl2` and is released under the MIT license. This is the same MDL2 icon set used in the font icons, excluding any branded icons. +An SVG-based version of Fluent UI's icon set is available from `@fluentui/react-icons-mdl2` and is released under the MIT license. This is the same MDL2 icon set used in the font icons, excluding any product icons. -Branded SVG icons are available from `@fluentui/react-icons-mdl2-branded` and are still subject to the [Microsoft Fabric Assets License](https://aka.ms/fluentui-assets-license). +Product SVG icons are available from `@fluentui/react-icons-mdl2-branded` and are still subject to the [Microsoft Fabric Assets License](https://aka.ms/fluentui-assets-license). Both packages contain SVG icons wrapped in React components. This allows you to import and bundle only the icons you need, resulting in smaller download sizes compared to the font-based approach with `initializeIcons`, which downloads all icons by default. diff --git a/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.module.scss b/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.module.scss index c13274d71e0dd9..3450cf0da0ee78 100644 --- a/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.module.scss +++ b/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.module.scss @@ -62,7 +62,7 @@ } } -.brandIconsPage .brandIconsPageLink { +.productIconsPage .productIconsPageLink { color: $ms-color-themePrimary; } diff --git a/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.tsx b/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.tsx index 74152f08482717..0036be34cb055e 100644 --- a/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.tsx +++ b/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/FileTypeIconsPage.tsx @@ -11,7 +11,7 @@ const baseUrl = 'https://github.com/microsoft/fluentui/tree/master/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/docs'; // eslint-disable-next-line import/no-extraneous-dependencies -const documentIcons = require<{ name: string }[]>('@fluentui/public-docsite/lib/data/brand-icons-documents.json'); +const documentIcons = require<{ name: string }[]>('@fluentui/public-docsite/lib/data/product-icons-documents.json'); export const FileTypeIconsPage: React.FunctionComponent = props => { const { platform } = props; @@ -47,7 +47,7 @@ function _otherSections(platform: Platforms): IPageSectionProps[] { Use file type icons to indicate to users that they are creating a new file of that type. Make sure that a file of the type that the icon represents loads when the user selects the icon. For example, do not use a Word .docx icon to open a .txt file. File type icons should always represent - Microsoft Office files. + Microsoft 365 files.

    If you're looking for icons for command bars, navigation, status indicators, or similar, check out @@ -55,10 +55,10 @@ function _otherSections(platform: Platforms): IPageSectionProps[] { Fluent UI icons page - . {/* comment to prevent eslint/prettier conflict */}Alternatively, if you're looking for brand + . {/* comment to prevent eslint/prettier conflict */}Alternatively, if you're looking for product logos, or the icons of apps themselves, check out the{' '} - - Fluent UI brand icons page + + Fluent UI product icons page .

    diff --git a/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/docs/web/FileTypeIconsOverview.md b/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/docs/web/FileTypeIconsOverview.md index 6ce6e06097917e..c726149e7b07c8 100644 --- a/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/docs/web/FileTypeIconsOverview.md +++ b/apps/public-docsite/src/pages/Styles/FileTypeIconsPage/docs/web/FileTypeIconsOverview.md @@ -2,4 +2,4 @@ Fluent UI includes document icons that you can use to connect your experience to File type icons represent user content, typically "files" in the classical sense, but also many "digital objects" like SharePoint pages or Sway stories. These icons are usually bigger and more detailed than command icons, and they're replaced with an actual thumbnail preview when possible. -Usage of these icons is subject to the [assets license agreement (PDF)](https://aka.ms/fluentui-assets-license). Please read this document and the resolution/size guidance carefully to ensure that you use our branded icons correctly to create the best experience. +Usage of these icons is subject to the [assets license agreement (PDF)](https://aka.ms/fluentui-assets-license). Please read this document and the resolution/size guidance carefully to ensure that you use our product icons correctly to create the best experience. diff --git a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.doc.ts b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/M365ProductIconsPage.doc.ts similarity index 57% rename from apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.doc.ts rename to apps/public-docsite/src/pages/Styles/M365ProductIconsPage/M365ProductIconsPage.doc.ts index 148199fc12c6f9..f0346f84a6538c 100644 --- a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.doc.ts +++ b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/M365ProductIconsPage.doc.ts @@ -1,10 +1,10 @@ import { TFabricPlatformPageProps } from '../../../interfaces/Platforms'; -const title = 'Office Brand Icons'; +const title = 'Microsoft 365 Product Icons'; const componentUrl = - 'https://github.com/microsoft/fluentui/tree/master/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage'; + 'https://github.com/microsoft/fluentui/tree/master/apps/public-docsite/src/pages/Styles/M365ProductIconsPage'; -export const OfficeBrandIconsPageProps: TFabricPlatformPageProps = { +export const M365ProductIconsPageProps: TFabricPlatformPageProps = { web: { title, componentUrl, diff --git a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.module.scss b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/M365ProductIconsPage.module.scss similarity index 96% rename from apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.module.scss rename to apps/public-docsite/src/pages/Styles/M365ProductIconsPage/M365ProductIconsPage.module.scss index 73cb4739d04aaa..99ae5cc31ead96 100644 --- a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.module.scss +++ b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/M365ProductIconsPage.module.scss @@ -59,7 +59,7 @@ } } -.brandIconsPage .brandIconsPageLink { +.productIconsPage .productIconsPageLink { color: $ms-color-themePrimary; } diff --git a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.tsx b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/M365ProductIconsPage.tsx similarity index 80% rename from apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.tsx rename to apps/public-docsite/src/pages/Styles/M365ProductIconsPage/M365ProductIconsPage.tsx index 8a0e6d6110a9e1..a1febd7bdb35d9 100644 --- a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/OfficeBrandIconsPage.tsx +++ b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/M365ProductIconsPage.tsx @@ -2,26 +2,26 @@ import * as React from 'react'; import { Image, Link } from '@fluentui/react'; import { Markdown, MarkdownHeader, IPageSectionProps } from '@fluentui/react-docsite-components/lib/index2'; import { IStylesPageProps, StylesAreaPage } from '../StylesAreaPage'; -import { OfficeBrandIconsPageProps } from './OfficeBrandIconsPage.doc'; +import { M365ProductIconsPageProps } from './M365ProductIconsPage.doc'; import { Platforms } from '../../../interfaces/Platforms'; import { cdnUrl } from '../../../utilities/cdn'; -import * as styles from './OfficeBrandIconsPage.module.scss'; +import * as styles from './M365ProductIconsPage.module.scss'; const baseUrl = - 'https://github.com/microsoft/fluentui/tree/master/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs'; + 'https://github.com/microsoft/fluentui/tree/master/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs'; const fabricCDN = `${cdnUrl}/assets`; const productIcons = require< { icon: string; name: string }[] // eslint-disable-next-line import/no-extraneous-dependencies ->('@fluentui/public-docsite/lib/data/brand-icons-products.json'); +>('@fluentui/public-docsite/lib/data/product-icons.json'); -export const OfficeBrandIconsPage: React.FunctionComponent = props => { +export const M365ProductIconsPage: React.FunctionComponent = props => { const { platform } = props; return ( ); @@ -33,23 +33,23 @@ function _otherSections(platform: Platforms): IPageSectionProps[] { return [ { sectionName: 'Overview', - editUrl: `${baseUrl}/web/OfficeBrandIconsOverview.md`, + editUrl: `${baseUrl}/web/M365ProductIconsOverview.md`, content: ( <> { - require('!raw-loader?esModule=false!@fluentui/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsOverview.md') as string + require('!raw-loader?esModule=false!@fluentui/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsOverview.md') as string } - When should I use Office Brand icons? + When should I use Microsoft 365 Product icons?

    - Use Office brand icons to help your users transition between Microsoft products. Product icons - should only be used when the behavior of the command (app icon) is to launch the application. Do - not use a product icon to create a new file of that type. For example, do not use the Word app - icon for the menu option that allows users create a new Word document. + Use Microsoft 365 product icons to help your users transition between Microsoft products. Product + icons should only be used when the behavior of the command (app icon) is to launch the + application. Do not use a product icon to create a new file of that type. For example, do not use + the Word app icon for the menu option that allows users create a new Word document.

    If you're looking for icons for command bars, navigation, status indicators, or similar, check out @@ -97,14 +97,14 @@ function _otherSections(platform: Platforms): IPageSectionProps[] { }, { sectionName: 'Format and sizes', - editUrl: `${baseUrl}/web/OfficeBrandIconsFormat.md`, + editUrl: `${baseUrl}/web/M365ProductIconsFormat.md`, content: (

    { - require('!raw-loader?esModule=false!@fluentui/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsFormat.md') as string + require('!raw-loader?esModule=false!@fluentui/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsFormat.md') as string }
    @@ -154,29 +154,29 @@ function _otherSections(platform: Platforms): IPageSectionProps[] { }, { sectionName: 'Resolutions', - editUrl: `${baseUrl}/web/OfficeBrandIconsResolutions.md`, + editUrl: `${baseUrl}/web/M365ProductIconsResolutions.md`, content: ( { - require('!raw-loader?esModule=false!@fluentui/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsResolutions.md') as string + require('!raw-loader?esModule=false!@fluentui/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsResolutions.md') as string } ), }, { sectionName: 'Implementation', - editUrl: `${baseUrl}/web/OfficeBrandIconsImplementation.md`, + editUrl: `${baseUrl}/web/M365ProductIconsImplementation.md`, content: ( { - require('!raw-loader?esModule=false!@fluentui/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsImplementation.md') as string + require('!raw-loader?esModule=false!@fluentui/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsImplementation.md') as string } ), }, { - sectionName: 'Branded icon library', + sectionName: 'Product icon library', content: ( <>
      diff --git a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsFormat.md b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsFormat.md similarity index 58% rename from apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsFormat.md rename to apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsFormat.md index 8f248e0e2e36e6..02a1a3413de584 100644 --- a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsFormat.md +++ b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsFormat.md @@ -1,4 +1,4 @@ -Office brand icons look best at 16x16, 48x48, and 96x96 pixel sizes in the UI of Microsoft products. Fluent UI provides these icons in both SVG and PNG formats. SVGs are more versatile, and can be resized more easily since they are vectors, but are not supported by all browsers. PNGs are supported by most browsers, but require many sizes to remain visually crisp. +Microsoft 365 product icons look best at 16x16, 48x48, and 96x96 pixel sizes in the UI of Microsoft products. Fluent UI provides these icons in both SVG and PNG formats. SVGs are more versatile, and can be resized more easily since they are vectors, but are not supported by all browsers. PNGs are supported by most browsers, but require many sizes to remain visually crisp. Both PNGs and SVGs are available in predefined dimensions at 16x16, 20x20, 32x32, 40x40, 48x48, 64x64 and 96x96 pixel sizes. Where possible, use the default sizes to prevent artifacts and blurry subpixel rendering for PNGs. Otherwise, use the size that most closely maps to what you need for your experience for the best quality. diff --git a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsImplementation.md b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsImplementation.md similarity index 78% rename from apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsImplementation.md rename to apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsImplementation.md index b21145620cc73e..dcad916ece372f 100644 --- a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsImplementation.md +++ b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsImplementation.md @@ -1,4 +1,4 @@ -To use the Microsoft 365 multicolor brand icons, select the format and size that best meets your needs. Fluent UI includes a media query that automatically selects the right image file for the pixel density of the screen you’re targeting. +To use the Microsoft 365 multicolor product icons, select the format and size that best meets your needs. Fluent UI includes a media query that automatically selects the right image file for the pixel density of the screen you’re targeting. The following code shows you how to specify a 96px product icon by brand using the [office-ui-fabric-core](https://github.com/OfficeDev/office-ui-fabric-core) CSS and a `
      ` element: diff --git a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsOverview.md b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsOverview.md similarity index 88% rename from apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsOverview.md rename to apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsOverview.md index dccbd136f9ae89..b1eae5decca4b3 100644 --- a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsOverview.md +++ b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsOverview.md @@ -1,3 +1,3 @@ Fluent UI includes product icons that you can use to connect your experience to other Microsoft 365 endpoints. The icons come in three formats: SVG and PNG for multicolor, and the [icon font for single-color](#/styles/web/icons#available-icons). All three formats come in a variety of sizes and resolutions. -Usage of these icons is subject to the [assets license agreement (PDF)](https://aka.ms/fluentui-assets-license). Please read this document and the resolution/size guidance carefully to ensure that you use our branded icons correctly to create the best experience. +Usage of these icons is subject to the [assets license agreement (PDF)](https://aka.ms/fluentui-assets-license). Please read this document and the resolution/size guidance carefully to ensure that you use our product icons correctly to create the best experience. diff --git a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsResolutions.md b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsResolutions.md similarity index 100% rename from apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsResolutions.md rename to apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsResolutions.md diff --git a/apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsSingleColor.md b/apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsSingleColor.md similarity index 100% rename from apps/public-docsite/src/pages/Styles/OfficeBrandIconsPage/docs/web/OfficeBrandIconsSingleColor.md rename to apps/public-docsite/src/pages/Styles/M365ProductIconsPage/docs/web/M365ProductIconsSingleColor.md diff --git a/apps/public-docsite/src/pages/Styles/TypographyPage/docs/web/TypographySizes.md b/apps/public-docsite/src/pages/Styles/TypographyPage/docs/web/TypographySizes.md index acaa2963fb1173..f753c7a290e56f 100644 --- a/apps/public-docsite/src/pages/Styles/TypographyPage/docs/web/TypographySizes.md +++ b/apps/public-docsite/src/pages/Styles/TypographyPage/docs/web/TypographySizes.md @@ -1 +1 @@ -Our type ramp consists of 11 font sizes that are used throughout Office and Microsoft products and add-ins. +Our type ramp consists of 11 font sizes that are used throughout Microsoft 365 and other Microsoft products. From d7a98c92818f5ad8c80548dc288cc2cc55731c93 Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Fri, 6 Jan 2023 15:31:00 -0800 Subject: [PATCH 07/29] fix: react-combobox perf improvements (#26191) - In useCombobox, popupWidth created a new object assigned to listbox.style every render. Now the object is created in the useState hook, and only updated when opened/closed. - In useTriggerListboxSlots, listbox event handlers every render. Now it uses useEventCallback, and should only update on open/close. - selectOption and setOpen were recreated every render, and since they are used in the combobox context, they caused options to re-render. Now they use useCallback. --- ...-9f8aba26-8e89-4812-a093-00ff3dd02053.json | 7 +++ .../src/components/Combobox/useCombobox.tsx | 15 ++++-- .../src/utils/useComboboxBaseState.ts | 11 +++-- .../react-combobox/src/utils/useSelection.ts | 48 ++++++++++--------- .../src/utils/useTriggerListboxSlots.ts | 38 +++++++++------ 5 files changed, 74 insertions(+), 45 deletions(-) create mode 100644 change/@fluentui-react-combobox-9f8aba26-8e89-4812-a093-00ff3dd02053.json diff --git a/change/@fluentui-react-combobox-9f8aba26-8e89-4812-a093-00ff3dd02053.json b/change/@fluentui-react-combobox-9f8aba26-8e89-4812-a093-00ff3dd02053.json new file mode 100644 index 00000000000000..8d2b38525362fd --- /dev/null +++ b/change/@fluentui-react-combobox-9f8aba26-8e89-4812-a093-00ff3dd02053.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "fix: perf improvements with useEventCallback", + "packageName": "@fluentui/react-combobox", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx b/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx index a2253121d5a98b..81980482482140 100644 --- a/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx +++ b/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx @@ -55,11 +55,16 @@ export const useCombobox_unstable = (props: ComboboxProps, ref: React.Ref(null); // calculate listbox width style based on trigger width - const [popupWidth, setPopupWidth] = React.useState(); + const [popupDimensions, setPopupDimensions] = React.useState<{ width: string }>(); React.useEffect(() => { - const width = open ? `${rootRef.current?.clientWidth}px` : undefined; - setPopupWidth(width); - }, [open]); + // only recalculate width when opening + if (open) { + const width = `${rootRef.current?.clientWidth}px`; + if (width !== popupDimensions?.width) { + setPopupDimensions({ width }); + } + } + }, [open, popupDimensions]); // set active option and selection based on typing const getOptionFromInput = (inputValue: string): OptionValue | undefined => { @@ -165,7 +170,7 @@ export const useCombobox_unstable = (props: ComboboxProps, ref: React.Ref { - onOpenChange?.(event, { open: newState }); - setOpenState(newState); - }; + const setOpen = React.useCallback( + (event: ComboboxBaseOpenEvents, newState: boolean) => { + onOpenChange?.(event, { open: newState }); + setOpenState(newState); + }, + [onOpenChange, setOpenState], + ); // update active option based on change in open state React.useEffect(() => { diff --git a/packages/react-components/react-combobox/src/utils/useSelection.ts b/packages/react-components/react-combobox/src/utils/useSelection.ts index bc0a9c422a8a08..f17ae8b360266d 100644 --- a/packages/react-components/react-combobox/src/utils/useSelection.ts +++ b/packages/react-components/react-combobox/src/utils/useSelection.ts @@ -1,3 +1,4 @@ +import { useCallback } from 'react'; import { useControllableState } from '@fluentui/react-utilities'; import { OptionValue } from './OptionCollection.types'; import { SelectionEvents, SelectionProps, SelectionState } from './Selection.types'; @@ -11,30 +12,33 @@ export const useSelection = (props: SelectionProps): SelectionState => { initialState: [], }); - const selectOption = (event: SelectionEvents, option: OptionValue) => { - // if the option is disabled, do nothing - if (option.disabled) { - return; - } - - // for single-select, always return the selected option - let newSelection = [option.value]; - - // toggle selected state of the option for multiselect - if (multiselect) { - const selectedIndex = selectedOptions.findIndex(o => o === option.value); - if (selectedIndex > -1) { - // deselect option - newSelection = [...selectedOptions.slice(0, selectedIndex), ...selectedOptions.slice(selectedIndex + 1)]; - } else { - // select option - newSelection = [...selectedOptions, option.value]; + const selectOption = useCallback( + (event: SelectionEvents, option: OptionValue) => { + // if the option is disabled, do nothing + if (option.disabled) { + return; } - } - setSelectedOptions(newSelection); - onOptionSelect?.(event, { optionValue: option.value, optionText: option.text, selectedOptions: newSelection }); - }; + // for single-select, always return the selected option + let newSelection = [option.value]; + + // toggle selected state of the option for multiselect + if (multiselect) { + const selectedIndex = selectedOptions.findIndex(o => o === option.value); + if (selectedIndex > -1) { + // deselect option + newSelection = [...selectedOptions.slice(0, selectedIndex), ...selectedOptions.slice(selectedIndex + 1)]; + } else { + // select option + newSelection = [...selectedOptions, option.value]; + } + } + + setSelectedOptions(newSelection); + onOptionSelect?.(event, { optionValue: option.value, optionText: option.text, selectedOptions: newSelection }); + }, + [onOptionSelect, multiselect, selectedOptions, setSelectedOptions], + ); const clearSelection = (event: SelectionEvents) => { setSelectedOptions([]); diff --git a/packages/react-components/react-combobox/src/utils/useTriggerListboxSlots.ts b/packages/react-components/react-combobox/src/utils/useTriggerListboxSlots.ts index e80c5faf990173..19d4f4d5d22c4a 100644 --- a/packages/react-components/react-combobox/src/utils/useTriggerListboxSlots.ts +++ b/packages/react-components/react-combobox/src/utils/useTriggerListboxSlots.ts @@ -1,5 +1,5 @@ import * as React from 'react'; -import { mergeCallbacks, useMergedRefs } from '@fluentui/react-utilities'; +import { mergeCallbacks, useEventCallback, useMergedRefs } from '@fluentui/react-utilities'; import type { ExtractSlotProps, Slot } from '@fluentui/react-utilities'; import { getDropdownActionFromKey, getIndexFromAction } from '../utils/dropdownKeyActions'; import { Listbox } from '../components/Listbox/Listbox'; @@ -72,24 +72,34 @@ export function useTriggerListboxSlots( ref: useMergedRefs(ref, triggerSlot?.ref, triggerRef) as React.Ref, }; - // listbox is nullable, only add event handlers if it exists - if (listbox) { - /* - * Handle focus when clicking the listbox popup: - * 1. Move focus back to the button/input when the listbox is clicked (otherwise it goes to body) - * 2. Do not close the listbox on button/input blur when clicking into the listbox - */ - listbox.onClick = mergeCallbacks((event: React.MouseEvent) => { + /* + * Handle focus when clicking the listbox popup: + * 1. Move focus back to the button/input when the listbox is clicked (otherwise it goes to body) + * 2. Do not close the listbox on button/input blur when clicking into the listbox + */ + const listboxOnClick = useEventCallback( + mergeCallbacks((event: React.MouseEvent) => { triggerRef.current?.focus(); - }, listbox.onClick); + }, listbox?.onClick), + ); - listbox.onMouseOver = mergeCallbacks((event: React.MouseEvent) => { + const listboxOnMouseOver = useEventCallback( + mergeCallbacks((event: React.MouseEvent) => { setFocusVisible(false); - }, listbox.onMouseOver); + }, listbox?.onMouseOver), + ); - listbox.onMouseDown = mergeCallbacks((event: React.MouseEvent) => { + const listboxOnMouseDown = useEventCallback( + mergeCallbacks((event: React.MouseEvent) => { ignoreNextBlur.current = true; - }, listbox.onMouseDown); + }, listbox?.onMouseDown), + ); + + // listbox is nullable, only add event handlers if it exists + if (listbox) { + listbox.onClick = listboxOnClick; + listbox.onMouseOver = listboxOnMouseOver; + listbox.onMouseDown = listboxOnMouseDown; } // the trigger should open/close the popup on click or blur From 1d3c92581624aeebaf60d7d4601f400352a961da Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Fri, 6 Jan 2023 16:49:39 -0800 Subject: [PATCH 08/29] fix: Focus visibility when directly calling setFocusVisibility (#26132) Use focus context to set the focus visibility className on the correct element when calling setFocusVisibility directly from components. --- ...ct-d89e5599-f5a5-4701-8093-88c930b1a96a.json | 7 +++++++ packages/react/etc/react.api.md | 4 ++++ .../react/src/components/Button/BaseButton.tsx | 13 +++++++++---- .../components/ChoiceGroup/ChoiceGroup.base.tsx | 17 +++++++++++------ 4 files changed, 31 insertions(+), 10 deletions(-) create mode 100644 change/@fluentui-react-d89e5599-f5a5-4701-8093-88c930b1a96a.json diff --git a/change/@fluentui-react-d89e5599-f5a5-4701-8093-88c930b1a96a.json b/change/@fluentui-react-d89e5599-f5a5-4701-8093-88c930b1a96a.json new file mode 100644 index 00000000000000..faac1d45835000 --- /dev/null +++ b/change/@fluentui-react-d89e5599-f5a5-4701-8093-88c930b1a96a.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: set focus visibility className on correct element when calling setFocusVisibility directly", + "packageName": "@fluentui/react", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react/etc/react.api.md b/packages/react/etc/react.api.md index 5b9770cb1bcac9..d1131b3e0f7319 100644 --- a/packages/react/etc/react.api.md +++ b/packages/react/etc/react.api.md @@ -507,6 +507,10 @@ export class BaseButton extends React_2.Component; + // (undocumented) static defaultProps: Partial; // (undocumented) dismissMenu(): void; diff --git a/packages/react/src/components/Button/BaseButton.tsx b/packages/react/src/components/Button/BaseButton.tsx index 57368ea0e5bbef..4e5abeaee36e98 100644 --- a/packages/react/src/components/Button/BaseButton.tsx +++ b/packages/react/src/components/Button/BaseButton.tsx @@ -18,6 +18,7 @@ import { Async, EventGroup, FocusRects, + FocusRectsContext, KeyCodes, } from '../../Utilities'; import { Icon, FontIcon, ImageIcon } from '../../Icon'; @@ -26,7 +27,7 @@ import { ContextualMenu } from '../../ContextualMenu'; import { getBaseButtonClassNames } from './BaseButton.classNames'; import { getSplitButtonClassNames as getBaseSplitButtonClassNames } from './SplitButton/SplitButton.classNames'; import { KeytipData } from '../../KeytipData'; -import type { IRenderFunction } from '../../Utilities'; +import type { IFocusRectsContext, IRenderFunction } from '../../Utilities'; import type { IContextualMenuProps } from '../../ContextualMenu'; import type { IButtonProps, IButton } from './Button.types'; import type { IButtonClassNames } from './BaseButton.classNames'; @@ -66,6 +67,10 @@ export class BaseButton extends React.Component(); @@ -290,10 +295,10 @@ export class BaseButton extends React.Component[], ) => { const optionToFocus = findOption(options, keyChecked) || options.filter(option => !option.disabled)[0]; const elementToFocus = optionToFocus && document.getElementById(getOptionId(optionToFocus, id)); if (elementToFocus) { elementToFocus.focus(); - setFocusVisibility(true, elementToFocus as Element); + setFocusVisibility(true, elementToFocus as Element, focusProviders); } }; @@ -53,6 +55,7 @@ const useComponentRef = ( keyChecked: IChoiceGroupProps['selectedKey'], id: string, componentRef?: IRefObject, + focusProviders?: React.RefObject[], ) => { React.useImperativeHandle( componentRef, @@ -61,10 +64,10 @@ const useComponentRef = ( return findOption(options, keyChecked); }, focus() { - focusSelectedOption(options, keyChecked, id); + focusSelectedOption(options, keyChecked, id, focusProviders); }, }), - [options, keyChecked, id], + [options, keyChecked, id, focusProviders], ); }; @@ -110,8 +113,10 @@ export const ChoiceGroupBase: React.FunctionComponent = React const rootRef = React.useRef(null); const mergedRootRefs: React.Ref = useMergedRefs(rootRef, forwardedRef); + const focusContext = React.useContext(FocusRectsContext); + useDebugWarnings(props); - useComponentRef(options, keyChecked, id, componentRef); + useComponentRef(options, keyChecked, id, componentRef, focusContext?.registeredProviders); useFocusRects(rootRef); const onFocus = React.useCallback((ev?: React.FocusEvent, option?: IChoiceGroupOptionProps) => { @@ -143,10 +148,10 @@ export const ChoiceGroupBase: React.FunctionComponent = React (evt: React.FocusEvent) => { // Handles scenarios like this bug: https://github.com/microsoft/fluentui/issues/20173 if (focusFromFocusTrapZone(evt)) { - focusSelectedOption(options, keyChecked, id); + focusSelectedOption(options, keyChecked, id, focusContext?.registeredProviders); } }, - [options, keyChecked, id], + [options, keyChecked, id, focusContext], ); return ( From 627301dd990cb5f903b12e638e344014a3e90b00 Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Mon, 9 Jan 2023 07:49:52 +0000 Subject: [PATCH 09/29] applying package updates --- apps/perf-test/package.json | 2 +- apps/public-docsite-resources/package.json | 10 ++++----- apps/public-docsite-v9/package.json | 2 +- apps/public-docsite/package.json | 12 +++++------ apps/react-18-tests-v8/package.json | 2 +- apps/ssr-tests/package.json | 2 +- apps/stress-test/package.json | 2 +- apps/theming-designer/package.json | 4 ++-- apps/ts-minbar-test-react/package.json | 2 +- apps/vr-tests/package.json | 4 ++-- ...-d89e5599-f5a5-4701-8093-88c930b1a96a.json | 7 ------- packages/azure-themes/CHANGELOG.json | 15 +++++++++++++ packages/azure-themes/CHANGELOG.md | 11 +++++++++- packages/azure-themes/package.json | 4 ++-- packages/cra-template/CHANGELOG.json | 15 +++++++++++++ packages/cra-template/CHANGELOG.md | 11 +++++++++- packages/cra-template/package.json | 4 ++-- packages/fluent2-theme/CHANGELOG.json | 15 +++++++++++++ packages/fluent2-theme/CHANGELOG.md | 11 +++++++++- packages/fluent2-theme/package.json | 4 ++-- packages/react-cards/CHANGELOG.json | 15 +++++++++++++ packages/react-cards/CHANGELOG.md | 11 +++++++++- packages/react-cards/package.json | 4 ++-- packages/react-charting/CHANGELOG.json | 15 +++++++++++++ packages/react-charting/CHANGELOG.md | 11 +++++++++- packages/react-charting/package.json | 6 +++--- packages/react-date-time/CHANGELOG.json | 15 +++++++++++++ packages/react-date-time/CHANGELOG.md | 11 +++++++++- packages/react-date-time/package.json | 4 ++-- .../react-docsite-components/CHANGELOG.json | 21 +++++++++++++++++++ .../react-docsite-components/CHANGELOG.md | 12 ++++++++++- .../react-docsite-components/package.json | 6 +++--- packages/react-examples/package.json | 14 ++++++------- packages/react-experiments/CHANGELOG.json | 15 +++++++++++++ packages/react-experiments/CHANGELOG.md | 11 +++++++++- packages/react-experiments/package.json | 4 ++-- packages/react-migration-v8-v9/CHANGELOG.json | 15 +++++++++++++ packages/react-migration-v8-v9/CHANGELOG.md | 11 +++++++++- packages/react-migration-v8-v9/package.json | 4 ++-- packages/react-monaco-editor/CHANGELOG.json | 15 +++++++++++++ packages/react-monaco-editor/CHANGELOG.md | 11 +++++++++- packages/react-monaco-editor/package.json | 4 ++-- packages/react/CHANGELOG.json | 15 +++++++++++++ packages/react/CHANGELOG.md | 11 +++++++++- packages/react/package.json | 2 +- packages/storybook/package.json | 6 +++--- packages/theme-samples/CHANGELOG.json | 15 +++++++++++++ packages/theme-samples/CHANGELOG.md | 11 +++++++++- packages/theme-samples/package.json | 4 ++-- 49 files changed, 363 insertions(+), 75 deletions(-) delete mode 100644 change/@fluentui-react-d89e5599-f5a5-4701-8093-88c930b1a96a.json diff --git a/apps/perf-test/package.json b/apps/perf-test/package.json index 09955c4cd4c034..1129013a2beef3 100644 --- a/apps/perf-test/package.json +++ b/apps/perf-test/package.json @@ -17,7 +17,7 @@ }, "dependencies": { "@fluentui/example-data": "^8.4.4", - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@microsoft/load-themed-styles": "^1.10.26", "flamegrill": "0.2.0", "lodash": "^4.17.15", diff --git a/apps/public-docsite-resources/package.json b/apps/public-docsite-resources/package.json index 28117bee69bc5b..efa816cbeb9d5e 100644 --- a/apps/public-docsite-resources/package.json +++ b/apps/public-docsite-resources/package.json @@ -32,15 +32,15 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/react-examples": "^8.34.4", "@microsoft/load-themed-styles": "^1.10.26", - "@fluentui/azure-themes": "^8.5.42", - "@fluentui/react-docsite-components": "^8.11.5", + "@fluentui/azure-themes": "^8.5.43", + "@fluentui/react-docsite-components": "^8.11.6", "@fluentui/font-icons-mdl2": "^8.5.5", "@fluentui/set-version": "^8.2.3", - "@fluentui/theme-samples": "^8.7.40", - "@fluentui/react-monaco-editor": "^1.7.40", + "@fluentui/theme-samples": "^8.7.41", + "@fluentui/react-monaco-editor": "^1.7.41", "office-ui-fabric-core": "^11.0.0", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/apps/public-docsite-v9/package.json b/apps/public-docsite-v9/package.json index acf72dd2ec87ce..c32dce02d7907d 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -21,7 +21,7 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/react-northstar": "^0.65.0", "@fluentui/react-icons-northstar": "^0.65.0", "@fluentui/storybook": "^1.0.0", diff --git a/apps/public-docsite/package.json b/apps/public-docsite/package.json index bf88e9cedb72d9..3ad00d0eb9732a 100644 --- a/apps/public-docsite/package.json +++ b/apps/public-docsite/package.json @@ -25,7 +25,7 @@ "devDependencies": { "@fluentui/common-styles": "^1.2.14", "@fluentui/eslint-plugin": "*", - "@fluentui/react-monaco-editor": "^1.7.40", + "@fluentui/react-monaco-editor": "^1.7.41", "@fluentui/scripts": "*", "write-file-webpack-plugin": "^4.1.0" }, @@ -33,17 +33,17 @@ "@fluentui/font-icons-mdl2": "^8.5.5", "@fluentui/public-docsite-resources": "^8.1.41", "@fluentui/public-docsite-setup": "^0.3.14", - "@fluentui/react": "^8.104.2", - "@fluentui/react-docsite-components": "^8.11.5", + "@fluentui/react": "^8.104.3", + "@fluentui/react-docsite-components": "^8.11.6", "@fluentui/react-examples": "^8.34.4", - "@fluentui/react-experiments": "^8.14.35", - "@fluentui/fluent2-theme": "^8.104.5", + "@fluentui/react-experiments": "^8.14.36", + "@fluentui/fluent2-theme": "^8.104.6", "@fluentui/react-file-type-icons": "^8.8.4", "@fluentui/react-icons-mdl2": "^1.3.28", "@fluentui/react-icons-mdl2-branded": "^1.2.29", "@fluentui/set-version": "^8.2.3", "@fluentui/theme": "^2.6.20", - "@fluentui/theme-samples": "^8.7.40", + "@fluentui/theme-samples": "^8.7.41", "@fluentui/utilities": "^8.13.4", "@microsoft/load-themed-styles": "^1.10.26", "office-ui-fabric-core": "^11.0.0", diff --git a/apps/react-18-tests-v8/package.json b/apps/react-18-tests-v8/package.json index cb68eec76269df..18e7c2e50facd6 100644 --- a/apps/react-18-tests-v8/package.json +++ b/apps/react-18-tests-v8/package.json @@ -18,7 +18,7 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/react-hooks": "^8.6.14", "@types/react": "18.0.14", "@types/react-dom": "18.0.6", diff --git a/apps/ssr-tests/package.json b/apps/ssr-tests/package.json index ac7bf15a316bc3..73795de20d6053 100644 --- a/apps/ssr-tests/package.json +++ b/apps/ssr-tests/package.json @@ -13,7 +13,7 @@ }, "license": "MIT", "devDependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@microsoft/load-themed-styles": "^1.10.26", "@types/mocha": "^7.0.2", "@fluentui/scripts": "*", diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json index 6fc10eaedafaa5..184eb1f6312add 100644 --- a/apps/stress-test/package.json +++ b/apps/stress-test/package.json @@ -10,7 +10,7 @@ "type-check": "tsc -b tsconfig.type.json" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/react-components": "^9.8.0", "@fluentui/react-icons": "^2.0.175", "@fluentui/web-components": "^2.5.9", diff --git a/apps/theming-designer/package.json b/apps/theming-designer/package.json index f7df0db55ee80a..f4944773267a28 100644 --- a/apps/theming-designer/package.json +++ b/apps/theming-designer/package.json @@ -18,9 +18,9 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/merge-styles": "^8.5.4", - "@fluentui/react-docsite-components": "^8.11.5", + "@fluentui/react-docsite-components": "^8.11.6", "@fluentui/foundation-legacy": "^8.2.25", "@fluentui/scheme-utilities": "^8.3.21", "@fluentui/set-version": "^8.2.3", diff --git a/apps/ts-minbar-test-react/package.json b/apps/ts-minbar-test-react/package.json index b0a106be0afdb0..a632200b0c3197 100644 --- a/apps/ts-minbar-test-react/package.json +++ b/apps/ts-minbar-test-react/package.json @@ -5,7 +5,7 @@ "description": "Testing Fluent UI React compatibility with Typescript 3.9", "license": "MIT", "dependencies": { - "@fluentui/react": "^8.104.2" + "@fluentui/react": "^8.104.3" }, "scripts": { "type-check": "tsc -p .", diff --git a/apps/vr-tests/package.json b/apps/vr-tests/package.json index 72413408de9add..5e6d324c3a1ae3 100644 --- a/apps/vr-tests/package.json +++ b/apps/vr-tests/package.json @@ -21,8 +21,8 @@ "dependencies": { "@fluentui/example-data": "^8.4.4", "@fluentui/font-icons-mdl2": "^8.5.5", - "@fluentui/react": "^8.104.2", - "@fluentui/react-experiments": "^8.14.35", + "@fluentui/react": "^8.104.3", + "@fluentui/react-experiments": "^8.14.36", "@fluentui/react-hooks": "^8.6.14", "@fluentui/react-icons-mdl2": "^1.3.28", "@fluentui/storybook": "^1.0.0", diff --git a/change/@fluentui-react-d89e5599-f5a5-4701-8093-88c930b1a96a.json b/change/@fluentui-react-d89e5599-f5a5-4701-8093-88c930b1a96a.json deleted file mode 100644 index faac1d45835000..00000000000000 --- a/change/@fluentui-react-d89e5599-f5a5-4701-8093-88c930b1a96a.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: set focus visibility className on correct element when calling setFocusVisibility directly", - "packageName": "@fluentui/react", - "email": "sarah.higley@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/packages/azure-themes/CHANGELOG.json b/packages/azure-themes/CHANGELOG.json index 4bb7a3dce5962a..24186f12e7d87e 100644 --- a/packages/azure-themes/CHANGELOG.json +++ b/packages/azure-themes/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/azure-themes", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:46 GMT", + "tag": "@fluentui/azure-themes_v8.5.43", + "version": "8.5.43", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/azure-themes", + "comment": "Bump @fluentui/react to v8.104.3", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:48 GMT", "tag": "@fluentui/azure-themes_v8.5.42", diff --git a/packages/azure-themes/CHANGELOG.md b/packages/azure-themes/CHANGELOG.md index 5a40cd6444a2d7..505caf4059ba73 100644 --- a/packages/azure-themes/CHANGELOG.md +++ b/packages/azure-themes/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/azure-themes -This log was last generated on Thu, 05 Jan 2023 07:59:48 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:46 GMT and should not be manually modified. +## [8.5.43](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.43) + +Mon, 09 Jan 2023 07:49:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/azure-themes_v8.5.42..@fluentui/azure-themes_v8.5.43) + +### Patches + +- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) + ## [8.5.42](https://github.com/microsoft/fluentui/tree/@fluentui/azure-themes_v8.5.42) Thu, 05 Jan 2023 07:59:48 GMT diff --git a/packages/azure-themes/package.json b/packages/azure-themes/package.json index 60b8d17b99631c..6e96fdffcbe41c 100644 --- a/packages/azure-themes/package.json +++ b/packages/azure-themes/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/azure-themes", - "version": "8.5.42", + "version": "8.5.43", "description": "Azure themes for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/set-version": "^8.2.3", "tslib": "^2.1.0" } diff --git a/packages/cra-template/CHANGELOG.json b/packages/cra-template/CHANGELOG.json index d0d009632a3cbe..df0f16b0d0d89d 100644 --- a/packages/cra-template/CHANGELOG.json +++ b/packages/cra-template/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/cra-template", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:46 GMT", + "tag": "@fluentui/cra-template_v8.4.41", + "version": "8.4.41", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/cra-template", + "comment": "Bump @fluentui/react to v8.104.3", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:57 GMT", "tag": "@fluentui/cra-template_v8.4.40", diff --git a/packages/cra-template/CHANGELOG.md b/packages/cra-template/CHANGELOG.md index 4e27b4a558045e..b8e33dec44d6af 100644 --- a/packages/cra-template/CHANGELOG.md +++ b/packages/cra-template/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/cra-template -This log was last generated on Thu, 05 Jan 2023 07:59:57 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:46 GMT and should not be manually modified. +## [8.4.41](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.41) + +Mon, 09 Jan 2023 07:49:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/cra-template_v8.4.40..@fluentui/cra-template_v8.4.41) + +### Patches + +- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) + ## [8.4.40](https://github.com/microsoft/fluentui/tree/@fluentui/cra-template_v8.4.40) Thu, 05 Jan 2023 07:59:57 GMT diff --git a/packages/cra-template/package.json b/packages/cra-template/package.json index feba4918dd8153..01fab9b5020da7 100644 --- a/packages/cra-template/package.json +++ b/packages/cra-template/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/cra-template", - "version": "8.4.40", + "version": "8.4.41", "description": "Create React App template for Fluent UI React (@fluentui/react)", "repository": { "type": "git", @@ -18,7 +18,7 @@ "template.json" ], "devDependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/scripts": "*" } } diff --git a/packages/fluent2-theme/CHANGELOG.json b/packages/fluent2-theme/CHANGELOG.json index 2ca3bbe935db0e..44d9133519a628 100644 --- a/packages/fluent2-theme/CHANGELOG.json +++ b/packages/fluent2-theme/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/fluent2-theme", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:46 GMT", + "tag": "@fluentui/fluent2-theme_v8.104.6", + "version": "8.104.6", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/fluent2-theme", + "comment": "Bump @fluentui/react to v8.104.3", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:50 GMT", "tag": "@fluentui/fluent2-theme_v8.104.5", diff --git a/packages/fluent2-theme/CHANGELOG.md b/packages/fluent2-theme/CHANGELOG.md index c545b8ab276f30..2aa942173c142f 100644 --- a/packages/fluent2-theme/CHANGELOG.md +++ b/packages/fluent2-theme/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/fluent2-theme -This log was last generated on Thu, 05 Jan 2023 07:59:50 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:46 GMT and should not be manually modified. +## [8.104.6](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.104.6) + +Mon, 09 Jan 2023 07:49:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/fluent2-theme_v8.104.5..@fluentui/fluent2-theme_v8.104.6) + +### Patches + +- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) + ## [8.104.5](https://github.com/microsoft/fluentui/tree/@fluentui/fluent2-theme_v8.104.5) Thu, 05 Jan 2023 07:59:50 GMT diff --git a/packages/fluent2-theme/package.json b/packages/fluent2-theme/package.json index dad6512e1a5bbc..57f282057cc952 100644 --- a/packages/fluent2-theme/package.json +++ b/packages/fluent2-theme/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/fluent2-theme", - "version": "8.104.5", + "version": "8.104.6", "description": "A Fluent2 theme for Fluent UI React 8.x", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/set-version": "^8.2.3", "tslib": "^2.1.0" } diff --git a/packages/react-cards/CHANGELOG.json b/packages/react-cards/CHANGELOG.json index b29683351ff0aa..ad4962b70e366b 100644 --- a/packages/react-cards/CHANGELOG.json +++ b/packages/react-cards/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-cards", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:46 GMT", + "tag": "@fluentui/react-cards_v0.205.41", + "version": "0.205.41", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-cards", + "comment": "Bump @fluentui/react to v8.104.3", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:52 GMT", "tag": "@fluentui/react-cards_v0.205.40", diff --git a/packages/react-cards/CHANGELOG.md b/packages/react-cards/CHANGELOG.md index 7b358fcac29f28..8b7b399b2734c5 100644 --- a/packages/react-cards/CHANGELOG.md +++ b/packages/react-cards/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-cards -This log was last generated on Thu, 05 Jan 2023 07:59:52 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:46 GMT and should not be manually modified. +## [0.205.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.41) + +Mon, 09 Jan 2023 07:49:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-cards_v0.205.40..@fluentui/react-cards_v0.205.41) + +### Patches + +- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) + ## [0.205.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-cards_v0.205.40) Thu, 05 Jan 2023 07:59:52 GMT diff --git a/packages/react-cards/package.json b/packages/react-cards/package.json index 9e07466f09eadf..096aeed097c020 100644 --- a/packages/react-cards/package.json +++ b/packages/react-cards/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-cards", - "version": "0.205.40", + "version": "0.205.41", "description": "Deprecated experimental Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/foundation-legacy": "^8.2.25", "@fluentui/set-version": "^8.2.3", "@microsoft/load-themed-styles": "^1.10.26", diff --git a/packages/react-charting/CHANGELOG.json b/packages/react-charting/CHANGELOG.json index d64eefee942e6c..6c257cde6d77d8 100644 --- a/packages/react-charting/CHANGELOG.json +++ b/packages/react-charting/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-charting", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:46 GMT", + "tag": "@fluentui/react-charting_v5.14.34", + "version": "5.14.34", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-charting", + "comment": "Bump @fluentui/react to v8.104.3", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:52 GMT", "tag": "@fluentui/react-charting_v5.14.33", diff --git a/packages/react-charting/CHANGELOG.md b/packages/react-charting/CHANGELOG.md index e91eed0890eab4..acc622ba356c9f 100644 --- a/packages/react-charting/CHANGELOG.md +++ b/packages/react-charting/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-charting -This log was last generated on Thu, 05 Jan 2023 07:59:52 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:46 GMT and should not be manually modified. +## [5.14.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.14.34) + +Mon, 09 Jan 2023 07:49:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-charting_v5.14.33..@fluentui/react-charting_v5.14.34) + +### Patches + +- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) + ## [5.14.33](https://github.com/microsoft/fluentui/tree/@fluentui/react-charting_v5.14.33) Thu, 05 Jan 2023 07:59:52 GMT diff --git a/packages/react-charting/package.json b/packages/react-charting/package.json index 331aa2164a23b2..90bf6da28ceb26 100644 --- a/packages/react-charting/package.json +++ b/packages/react-charting/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-charting", - "version": "5.14.33", + "version": "5.14.34", "description": "Experimental React charting components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@types/react-addons-test-utils": "0.14.18", "@fluentui/scripts": "*", "@fluentui/jest-serializer-merge-styles": "^8.0.21" @@ -60,7 +60,7 @@ "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@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-date-time/CHANGELOG.json b/packages/react-date-time/CHANGELOG.json index 92e76d8f1af4ac..e3b374801f2311 100644 --- a/packages/react-date-time/CHANGELOG.json +++ b/packages/react-date-time/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-date-time", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:46 GMT", + "tag": "@fluentui/react-date-time_v8.7.41", + "version": "8.7.41", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-date-time", + "comment": "Bump @fluentui/react to v8.104.3", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:53 GMT", "tag": "@fluentui/react-date-time_v8.7.40", diff --git a/packages/react-date-time/CHANGELOG.md b/packages/react-date-time/CHANGELOG.md index 55fac92af8531b..884a5c08bc37cd 100644 --- a/packages/react-date-time/CHANGELOG.md +++ b/packages/react-date-time/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-date-time -This log was last generated on Thu, 05 Jan 2023 07:59:53 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:46 GMT and should not be manually modified. +## [8.7.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.41) + +Mon, 09 Jan 2023 07:49:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-date-time_v8.7.40..@fluentui/react-date-time_v8.7.41) + +### Patches + +- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) + ## [8.7.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-date-time_v8.7.40) Thu, 05 Jan 2023 07:59:53 GMT diff --git a/packages/react-date-time/package.json b/packages/react-date-time/package.json index 79e0bf1816cbd1..96395a60b6851e 100644 --- a/packages/react-date-time/package.json +++ b/packages/react-date-time/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-date-time", - "version": "8.7.40", + "version": "8.7.41", "description": "Date and time related React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,7 +26,7 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/set-version": "^8.2.3", "tslib": "^2.1.0" }, diff --git a/packages/react-docsite-components/CHANGELOG.json b/packages/react-docsite-components/CHANGELOG.json index 7e964fa5426fed..628ee0fe01f80e 100644 --- a/packages/react-docsite-components/CHANGELOG.json +++ b/packages/react-docsite-components/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-docsite-components", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:46 GMT", + "tag": "@fluentui/react-docsite-components_v8.11.6", + "version": "8.11.6", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react to v8.104.3", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + }, + { + "author": "beachball", + "package": "@fluentui/react-docsite-components", + "comment": "Bump @fluentui/react-monaco-editor to v1.7.41", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:54 GMT", "tag": "@fluentui/react-docsite-components_v8.11.5", diff --git a/packages/react-docsite-components/CHANGELOG.md b/packages/react-docsite-components/CHANGELOG.md index 345f4802bfd52c..502836dc8de63b 100644 --- a/packages/react-docsite-components/CHANGELOG.md +++ b/packages/react-docsite-components/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-docsite-components -This log was last generated on Thu, 05 Jan 2023 07:59:54 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:46 GMT and should not be manually modified. +## [8.11.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.11.6) + +Mon, 09 Jan 2023 07:49:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-docsite-components_v8.11.5..@fluentui/react-docsite-components_v8.11.6) + +### Patches + +- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) +- Bump @fluentui/react-monaco-editor to v1.7.41 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) + ## [8.11.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-docsite-components_v8.11.5) Thu, 05 Jan 2023 07:59:54 GMT diff --git a/packages/react-docsite-components/package.json b/packages/react-docsite-components/package.json index 7d990c2dbb4116..036413b49cea48 100644 --- a/packages/react-docsite-components/package.json +++ b/packages/react-docsite-components/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-docsite-components", - "version": "8.11.5", + "version": "8.11.6", "description": "Fluent UI React components for building documentation sites.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,14 +33,14 @@ "react-dom": ">=16.8.0 <19.0.0" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/theme": "^2.6.20", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.4", "@fluentui/public-docsite-setup": "^0.3.14", "@fluentui/react-hooks": "^8.6.14", "@fluentui/set-version": "^8.2.3", - "@fluentui/react-monaco-editor": "^1.7.40", + "@fluentui/react-monaco-editor": "^1.7.41", "color-check": "0.0.2", "markdown-to-jsx": "^7.0.0", "office-ui-fabric-core": "^11.0.0", diff --git a/packages/react-examples/package.json b/packages/react-examples/package.json index 3f8df06c3ce6c8..34391899455a8e 100644 --- a/packages/react-examples/package.json +++ b/packages/react-examples/package.json @@ -23,18 +23,18 @@ "@types/d3-fetch": "^3.0.1" }, "dependencies": { - "@fluentui/azure-themes": "^8.5.42", + "@fluentui/azure-themes": "^8.5.43", "@fluentui/date-time-utilities": "^8.5.3", "@fluentui/dom-utilities": "^2.2.3", "@fluentui/example-data": "^8.4.4", "@fluentui/font-icons-mdl2": "^8.5.5", "@fluentui/foundation-legacy": "^8.2.25", "@fluentui/merge-styles": "^8.5.4", - "@fluentui/react": "^8.104.2", - "@fluentui/react-cards": "^0.205.40", - "@fluentui/react-charting": "^5.14.33", - "@fluentui/react-docsite-components": "^8.11.5", - "@fluentui/react-experiments": "^8.14.35", + "@fluentui/react": "^8.104.3", + "@fluentui/react-cards": "^0.205.41", + "@fluentui/react-charting": "^5.14.34", + "@fluentui/react-docsite-components": "^8.11.6", + "@fluentui/react-experiments": "^8.14.36", "@fluentui/react-file-type-icons": "^8.8.4", "@fluentui/react-focus": "^8.8.11", "@fluentui/react-hooks": "^8.6.14", @@ -42,7 +42,7 @@ "@fluentui/scheme-utilities": "^8.3.21", "@fluentui/style-utilities": "^8.8.4", "@fluentui/theme": "^2.6.20", - "@fluentui/theme-samples": "^8.7.40", + "@fluentui/theme-samples": "^8.7.41", "@fluentui/utilities": "^8.13.4", "@microsoft/load-themed-styles": "^1.10.26", "d3-fetch": "3.0.1", diff --git a/packages/react-experiments/CHANGELOG.json b/packages/react-experiments/CHANGELOG.json index 4d6333c21bef6f..451dee149d74d1 100644 --- a/packages/react-experiments/CHANGELOG.json +++ b/packages/react-experiments/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-experiments", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:46 GMT", + "tag": "@fluentui/react-experiments_v8.14.36", + "version": "8.14.36", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-experiments", + "comment": "Bump @fluentui/react to v8.104.3", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:54 GMT", "tag": "@fluentui/react-experiments_v8.14.35", diff --git a/packages/react-experiments/CHANGELOG.md b/packages/react-experiments/CHANGELOG.md index 75c2f1dd59af98..331a3a15b1acb6 100644 --- a/packages/react-experiments/CHANGELOG.md +++ b/packages/react-experiments/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-experiments -This log was last generated on Thu, 05 Jan 2023 07:59:54 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:46 GMT and should not be manually modified. +## [8.14.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.36) + +Mon, 09 Jan 2023 07:49:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-experiments_v8.14.35..@fluentui/react-experiments_v8.14.36) + +### Patches + +- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) + ## [8.14.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-experiments_v8.14.35) Thu, 05 Jan 2023 07:59:54 GMT diff --git a/packages/react-experiments/package.json b/packages/react-experiments/package.json index 1f25c6fad989c7..25af88dc4a6e1f 100644 --- a/packages/react-experiments/package.json +++ b/packages/react-experiments/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-experiments", - "version": "8.14.35", + "version": "8.14.36", "description": "Experimental React components for building experiences for Microsoft 365.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -37,7 +37,7 @@ "react-hooks-testing-library": "^0.5.0" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/theme": "^2.6.20", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.4", diff --git a/packages/react-migration-v8-v9/CHANGELOG.json b/packages/react-migration-v8-v9/CHANGELOG.json index a074351a1c743c..01c27887b806e2 100644 --- a/packages/react-migration-v8-v9/CHANGELOG.json +++ b/packages/react-migration-v8-v9/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-migration-v8-v9", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:46 GMT", + "tag": "@fluentui/react-migration-v8-v9_v1.0.28", + "version": "1.0.28", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-migration-v8-v9", + "comment": "Bump @fluentui/react to v8.104.3", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:57 GMT", "tag": "@fluentui/react-migration-v8-v9_v1.0.27", diff --git a/packages/react-migration-v8-v9/CHANGELOG.md b/packages/react-migration-v8-v9/CHANGELOG.md index b6b28bf2553858..264af7f5a2a4ca 100644 --- a/packages/react-migration-v8-v9/CHANGELOG.md +++ b/packages/react-migration-v8-v9/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-migration-v8-v9 -This log was last generated on Thu, 05 Jan 2023 07:59:57 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:46 GMT and should not be manually modified. +## [1.0.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.28) + +Mon, 09 Jan 2023 07:49:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.27..@fluentui/react-migration-v8-v9_v1.0.28) + +### Patches + +- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) + ## [1.0.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.27) Thu, 05 Jan 2023 07:59:57 GMT diff --git a/packages/react-migration-v8-v9/package.json b/packages/react-migration-v8-v9/package.json index dcdc63a8ab1532..8414c3f3b401dc 100644 --- a/packages/react-migration-v8-v9/package.json +++ b/packages/react-migration-v8-v9/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-migration-v8-v9", - "version": "1.0.27", + "version": "1.0.28", "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", @@ -29,7 +29,7 @@ }, "dependencies": { "@ctrl/tinycolor": "3.3.4", - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/react-components": "^9.8.0", "@fluentui/react-theme": "^9.1.5", "@fluentui/react-utilities": "^9.3.1", diff --git a/packages/react-monaco-editor/CHANGELOG.json b/packages/react-monaco-editor/CHANGELOG.json index 189c2d6828be2f..7e3564861d7839 100644 --- a/packages/react-monaco-editor/CHANGELOG.json +++ b/packages/react-monaco-editor/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-monaco-editor", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:46 GMT", + "tag": "@fluentui/react-monaco-editor_v1.7.41", + "version": "1.7.41", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-monaco-editor", + "comment": "Bump @fluentui/react to v8.104.3", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:56 GMT", "tag": "@fluentui/react-monaco-editor_v1.7.40", diff --git a/packages/react-monaco-editor/CHANGELOG.md b/packages/react-monaco-editor/CHANGELOG.md index 7a58e623732217..0db8ace1a556ed 100644 --- a/packages/react-monaco-editor/CHANGELOG.md +++ b/packages/react-monaco-editor/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-monaco-editor -This log was last generated on Thu, 05 Jan 2023 07:59:56 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:46 GMT and should not be manually modified. +## [1.7.41](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.41) + +Mon, 09 Jan 2023 07:49:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-monaco-editor_v1.7.40..@fluentui/react-monaco-editor_v1.7.41) + +### Patches + +- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) + ## [1.7.40](https://github.com/microsoft/fluentui/tree/@fluentui/react-monaco-editor_v1.7.40) Thu, 05 Jan 2023 07:59:56 GMT diff --git a/packages/react-monaco-editor/package.json b/packages/react-monaco-editor/package.json index e4fa94cf4532d1..a0cd2831ca288e 100644 --- a/packages/react-monaco-editor/package.json +++ b/packages/react-monaco-editor/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-monaco-editor", - "version": "1.7.40", + "version": "1.7.41", "description": "Live React example editing using monaco", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,7 +28,7 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@microsoft/load-themed-styles": "^1.10.26", "@fluentui/example-data": "^8.4.4", "@fluentui/monaco-editor": "^1.3.3", diff --git a/packages/react/CHANGELOG.json b/packages/react/CHANGELOG.json index 9025389c21c3de..aa8d4b7db93046 100644 --- a/packages/react/CHANGELOG.json +++ b/packages/react/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:45 GMT", + "tag": "@fluentui/react_v8.104.3", + "version": "8.104.3", + "comments": { + "patch": [ + { + "author": "sarah.higley@microsoft.com", + "package": "@fluentui/react", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da", + "comment": "fix: set focus visibility className on correct element when calling setFocusVisibility directly" + } + ] + } + }, { "date": "Fri, 06 Jan 2023 08:00:14 GMT", "tag": "@fluentui/react_v8.104.2", diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md index b625c20978a40e..b77107abced9bb 100644 --- a/packages/react/CHANGELOG.md +++ b/packages/react/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react -This log was last generated on Thu, 05 Jan 2023 07:59:51 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:45 GMT and should not be manually modified. +## [8.104.3](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.104.3) + +Mon, 09 Jan 2023 07:49:45 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react_v8.104.2..@fluentui/react_v8.104.3) + +### Patches + +- fix: set focus visibility className on correct element when calling setFocusVisibility directly ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by sarah.higley@microsoft.com) + ## [8.104.2](https://github.com/microsoft/fluentui/tree/@fluentui/react_v8.104.2) Thu, 05 Jan 2023 07:59:51 GMT diff --git a/packages/react/package.json b/packages/react/package.json index 4e516663793304..f66b7ae08104a1 100644 --- a/packages/react/package.json +++ b/packages/react/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react", - "version": "8.104.2", + "version": "8.104.3", "description": "Reusable React components for building web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/storybook/package.json b/packages/storybook/package.json index 0c5ebef8d32cea..7caca58fee3694 100644 --- a/packages/storybook/package.json +++ b/packages/storybook/package.json @@ -22,13 +22,13 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/theme": "^2.6.20", "@storybook/addon-knobs": "6.4.0", "@storybook/addon-essentials": "6.5.5", "@storybook/addons": "6.5.5", - "@fluentui/azure-themes": "^8.5.42", - "@fluentui/theme-samples": "^8.7.40", + "@fluentui/azure-themes": "^8.5.43", + "@fluentui/theme-samples": "^8.7.41", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/theme-samples/CHANGELOG.json b/packages/theme-samples/CHANGELOG.json index c16f44745f0804..7d4abc0184cc3d 100644 --- a/packages/theme-samples/CHANGELOG.json +++ b/packages/theme-samples/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/theme-samples", "entries": [ + { + "date": "Mon, 09 Jan 2023 07:49:46 GMT", + "tag": "@fluentui/theme-samples_v8.7.41", + "version": "8.7.41", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/theme-samples", + "comment": "Bump @fluentui/react to v8.104.3", + "commit": "1d3c92581624aeebaf60d7d4601f400352a961da" + } + ] + } + }, { "date": "Thu, 05 Jan 2023 07:59:57 GMT", "tag": "@fluentui/theme-samples_v8.7.40", diff --git a/packages/theme-samples/CHANGELOG.md b/packages/theme-samples/CHANGELOG.md index 888ea2f209dd80..d2d7cdd3eeecb1 100644 --- a/packages/theme-samples/CHANGELOG.md +++ b/packages/theme-samples/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/theme-samples -This log was last generated on Thu, 05 Jan 2023 07:59:57 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 07:49:46 GMT and should not be manually modified. +## [8.7.41](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.41) + +Mon, 09 Jan 2023 07:49:46 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/theme-samples_v8.7.40..@fluentui/theme-samples_v8.7.41) + +### Patches + +- Bump @fluentui/react to v8.104.3 ([PR #26132](https://github.com/microsoft/fluentui/pull/26132) by beachball) + ## [8.7.40](https://github.com/microsoft/fluentui/tree/@fluentui/theme-samples_v8.7.40) Thu, 05 Jan 2023 07:59:57 GMT diff --git a/packages/theme-samples/package.json b/packages/theme-samples/package.json index e22ba5ae52ce44..a0b80cca2aba85 100644 --- a/packages/theme-samples/package.json +++ b/packages/theme-samples/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/theme-samples", - "version": "8.7.40", + "version": "8.7.41", "description": "Sample themes for use with Fabric components.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,7 +26,7 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react": "^8.104.2", + "@fluentui/react": "^8.104.3", "@fluentui/set-version": "^8.2.3", "@fluentui/scheme-utilities": "^8.3.21", "tslib": "^2.1.0" From f514d1ff53ea0b2a6e959b3d457f341d7f68575e Mon Sep 17 00:00:00 2001 From: ling1726 Date: Mon, 9 Jan 2023 09:35:58 +0100 Subject: [PATCH 10/29] docs: Fix typos in react-table docs (#26213) * docs: Fix typos in react-table docs * changefile --- ...i-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json | 7 +++++++ .../react-table/stories/DataGrid/RowNavigation.stories.tsx | 2 +- .../react-table/stories/Table/RowNavigation.stories.tsx | 2 +- .../react-table/stories/Table/TableDescription.md | 2 +- .../react-table/stories/Table/Virtualization.stories.tsx | 2 +- 5 files changed, 11 insertions(+), 4 deletions(-) create mode 100644 change/@fluentui-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json diff --git a/change/@fluentui-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json b/change/@fluentui-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json new file mode 100644 index 00000000000000..466dd70a4d4f4b --- /dev/null +++ b/change/@fluentui-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "docs: Fix typos in react-table docs", + "packageName": "@fluentui/react-table", + "email": "lingfangao@hotmail.com", + "dependentChangeType": "none" +} diff --git a/packages/react-components/react-table/stories/DataGrid/RowNavigation.stories.tsx b/packages/react-components/react-table/stories/DataGrid/RowNavigation.stories.tsx index cd553fae9bf27a..5817855757e882 100644 --- a/packages/react-components/react-table/stories/DataGrid/RowNavigation.stories.tsx +++ b/packages/react-components/react-table/stories/DataGrid/RowNavigation.stories.tsx @@ -175,7 +175,7 @@ RowNavigation.parameters = { story: [ 'Different keyboard navigation strategies are supported through the `focusMode` prop.', '', - "> ⚠️ The Fluent UI team currently don't know all the a11y specifics of row navigation yet to provide", + "> ⚠️ The Fluent UI team doesn't currently know all the a11y specifics of row navigation yet to provide", 'accurate guidance for this scenario. Until then, if using the unstable mode of this keyboard navigation', 'strategy, the user is responsible for the accessibility of the component.', ].join('\n'), diff --git a/packages/react-components/react-table/stories/Table/RowNavigation.stories.tsx b/packages/react-components/react-table/stories/Table/RowNavigation.stories.tsx index b4b8914e8c5205..501822001abe98 100644 --- a/packages/react-components/react-table/stories/Table/RowNavigation.stories.tsx +++ b/packages/react-components/react-table/stories/Table/RowNavigation.stories.tsx @@ -116,7 +116,7 @@ RowNavigation.parameters = { story: [ 'Different keyboard navigation strategies are supported through the `focusMode` prop.', '', - "> ⚠️ The Fluent UI team currently don't know all the a11y specifics of row navigation yet to provide", + "> ⚠️ The Fluent UI team doesn't currently know know all the a11y specifics of row navigation yet to provide", 'accurate guidance for this scenario. Until then, if using the unstable mode of this keyboard navigation', 'strategy, the user is responsible for the accessibility of the component.', ].join('\n'), diff --git a/packages/react-components/react-table/stories/Table/TableDescription.md b/packages/react-components/react-table/stories/Table/TableDescription.md index ab41b6b7425c00..158016a0351e8d 100644 --- a/packages/react-components/react-table/stories/Table/TableDescription.md +++ b/packages/react-components/react-table/stories/Table/TableDescription.md @@ -20,7 +20,7 @@ A Table displays sets of two-dimensional data. The primitive components can be f feature sets. The library provides a default `useTableFeatures` hook that handles the business logic and state management of common features. There is no obligation to use our hook with these components, we've created it for convenience. -The `useTableFeatures` hook was designed with feature composition in mind. This means that are composed using +The `useTableFeatures` hook was designed with feature composition in mind. This means that they are composed using plugins hooks such as `useTableSort` and `useTableSelection` as a part of `useTableFeatures`. This means that as the feature set expands, users will not need to pay the bundle size price for features that they do not intend to use. Please consult the usage examples below for more details. diff --git a/packages/react-components/react-table/stories/Table/Virtualization.stories.tsx b/packages/react-components/react-table/stories/Table/Virtualization.stories.tsx index cc1b477651bcaf..1061eb16a2af57 100644 --- a/packages/react-components/react-table/stories/Table/Virtualization.stories.tsx +++ b/packages/react-components/react-table/stories/Table/Virtualization.stories.tsx @@ -228,7 +228,7 @@ Virtualization.parameters = { '', 'The `Table` primitive components are unopinionated with respect to virtualization. They should be compatible', 'with any virtualization library. Hoisting business logic to a state management', - 'hook like `useTableFeaturesFeautres', + 'hook like `useTableFeatures`', 'means that features can persist between the mounting/unmounting that happens during virtualization.', 'The below example uses the [react-window](https://www.npmjs.com/package/react-window) library.', ].join('\n'), From 2611ae5441e4bc702c4ce6404c7186f6c2de7cc3 Mon Sep 17 00:00:00 2001 From: ling1726 Date: Mon, 9 Jan 2023 09:37:15 +0100 Subject: [PATCH 11/29] fix: Minimum visible overflow items should be respected (#26194) * fix: Minimum visible overflow items should be respected This fixes a regression from #25091, the updated mechanism to handle overflow menu was inadvertedly breaking the minumum visible options because it was still making items invisible without considering whether the minimum number of items was reached. * changefile * add test * changefile --- ...w-a6c512bd-b2fc-4a49-8821-e3dcb2b2e162.json | 7 +++++++ ...w-1516fc28-9fa1-46ea-93e4-385e94dcb66c.json | 7 +++++++ .../priority-overflow/src/overflowManager.ts | 14 ++++++++++---- .../react-overflow/src/Overflow.cy.tsx | 18 ++++++++++++++++++ 4 files changed, 42 insertions(+), 4 deletions(-) create mode 100644 change/@fluentui-priority-overflow-a6c512bd-b2fc-4a49-8821-e3dcb2b2e162.json create mode 100644 change/@fluentui-react-overflow-1516fc28-9fa1-46ea-93e4-385e94dcb66c.json diff --git a/change/@fluentui-priority-overflow-a6c512bd-b2fc-4a49-8821-e3dcb2b2e162.json b/change/@fluentui-priority-overflow-a6c512bd-b2fc-4a49-8821-e3dcb2b2e162.json new file mode 100644 index 00000000000000..cde2cb95cc81ba --- /dev/null +++ b/change/@fluentui-priority-overflow-a6c512bd-b2fc-4a49-8821-e3dcb2b2e162.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "fix: Minimum visible overflow items should be respected", + "packageName": "@fluentui/priority-overflow", + "email": "lingfangao@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-overflow-1516fc28-9fa1-46ea-93e4-385e94dcb66c.json b/change/@fluentui-react-overflow-1516fc28-9fa1-46ea-93e4-385e94dcb66c.json new file mode 100644 index 00000000000000..b5a195ddfba583 --- /dev/null +++ b/change/@fluentui-react-overflow-1516fc28-9fa1-46ea-93e4-385e94dcb66c.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "Add tests for fix", + "packageName": "@fluentui/react-overflow", + "email": "lingfangao@hotmail.com", + "dependentChangeType": "none" +} diff --git a/packages/react-components/priority-overflow/src/overflowManager.ts b/packages/react-components/priority-overflow/src/overflowManager.ts index f9a45f67ce0539..0b710e42ccd930 100644 --- a/packages/react-components/priority-overflow/src/overflowManager.ts +++ b/packages/react-components/priority-overflow/src/overflowManager.ts @@ -135,19 +135,25 @@ export function createOverflowManager(): OverflowManager { return sum + getOffsetSize(child); }, 0); - // Add items until available width is filled + // Add items until available width is filled - can result in overflow while (currentWidth < availableSize && invisibleItemQueue.size() > 0) { currentWidth += makeItemVisible(); } - // Remove items until there's no more overlap + + // Remove items until there's no more overflow while (currentWidth > availableSize && visibleItemQueue.size() > 0) { - if (visibleItemQueue.size() === options.minimumVisible) { + if (visibleItemQueue.size() <= options.minimumVisible) { break; } currentWidth -= makeItemInvisible(); } - if (invisibleItemQueue.size() > 0 && currentWidth + overflowMenuOffset > availableSize) { + // make sure the overflow menu can fit + if ( + visibleItemQueue.size() > options.minimumVisible && + invisibleItemQueue.size() > 0 && + currentWidth + overflowMenuOffset > availableSize + ) { makeItemInvisible(); } diff --git a/packages/react-components/react-overflow/src/Overflow.cy.tsx b/packages/react-components/react-overflow/src/Overflow.cy.tsx index 5bc293cc16705d..2aca539bdb9b61 100644 --- a/packages/react-components/react-overflow/src/Overflow.cy.tsx +++ b/packages/react-components/react-overflow/src/Overflow.cy.tsx @@ -434,4 +434,22 @@ describe('Overflow', () => { setContainerSize(500); cy.get(`[${selectors.menu}]`).should('not.exist'); }); + + it('should start overflowing once minimum visible items is reached', () => { + const mapHelper = new Array(10).fill(0).map((_, i) => i); + mount( + + {mapHelper.map(i => ( + + {i} + + ))} + + , + ); + + setContainerSize(195); + cy.get(`[${selectors.menu}]`).should('not.be.visible'); + cy.get(`[${selectors.item}="4"]`).should('not.be.visible'); + }); }); From 96c5a1cbb36d728bebfbf05203d372a82b1968d8 Mon Sep 17 00:00:00 2001 From: Martin Hochel Date: Mon, 9 Jan 2023 11:38:07 +0100 Subject: [PATCH 12/29] fix(scripts): make lint errors reporting propagate to STDOUT during pre-commit (lint-staged exec) (#26212) * fix(eslint-plugin): add cypress.config to config files glob to fix linting * fix(scripts): make lint errors reporting propagate to STDOUT * generate change-file --- ...lugin-700c8d6f-1dc3-46ac-a416-d4aded1a6256.json | 7 +++++++ packages/eslint-plugin/src/utils/configHelpers.js | 1 + scripts/lint-staged/eslint-for-package.js | 14 ++++++++------ scripts/lint-staged/eslint.js | 8 ++++++-- 4 files changed, 22 insertions(+), 8 deletions(-) create mode 100644 change/@fluentui-eslint-plugin-700c8d6f-1dc3-46ac-a416-d4aded1a6256.json diff --git a/change/@fluentui-eslint-plugin-700c8d6f-1dc3-46ac-a416-d4aded1a6256.json b/change/@fluentui-eslint-plugin-700c8d6f-1dc3-46ac-a416-d4aded1a6256.json new file mode 100644 index 00000000000000..404a37933d8a1f --- /dev/null +++ b/change/@fluentui-eslint-plugin-700c8d6f-1dc3-46ac-a416-d4aded1a6256.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: add cypress.config to config files glob to fix linting", + "packageName": "@fluentui/eslint-plugin", + "email": "martinhochel@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/eslint-plugin/src/utils/configHelpers.js b/packages/eslint-plugin/src/utils/configHelpers.js index 28709e1bf85d4e..324ed70c20098c 100644 --- a/packages/eslint-plugin/src/utils/configHelpers.js +++ b/packages/eslint-plugin/src/utils/configHelpers.js @@ -22,6 +22,7 @@ const docsFiles = ['**/*Page.tsx', '**/{docs,demo}/**', '**/*.doc.{ts,tsx}']; const configFiles = [ './just.config.ts', + './cypress.config.ts', './gulpfile.ts', './*.js', './.*.js', diff --git a/scripts/lint-staged/eslint-for-package.js b/scripts/lint-staged/eslint-for-package.js index 2c0863c3b93105..ed262d265d6583 100644 --- a/scripts/lint-staged/eslint-for-package.js +++ b/scripts/lint-staged/eslint-for-package.js @@ -1,9 +1,10 @@ // @ts-check -const micromatch = require('micromatch'); -const fs = require('fs-extra'); const path = require('path'); const { ESLint } = require('eslint'); +const fs = require('fs-extra'); +const micromatch = require('micromatch'); + const { eslintConstants } = require('../monorepo'); /** @@ -57,18 +58,19 @@ async function run() { // Lint files then fix all auto-fixable issues const results = await eslint.lintFiles(filteredFiles); + await ESLint.outputFixes(results); // Format results const formatter = await eslint.loadFormatter(); const resultText = formatter.format(results); if (resultText) { - console.error(resultText); - process.exit(1); + throw new Error(resultText); } } run().catch(err => { - console.log(err); - process.exit(1); + // logging is handled by ./eslint.js. If you wanna directly call this script and see errors uncomment following line ↓ + // console.error(err); + throw new Error(err); }); diff --git a/scripts/lint-staged/eslint.js b/scripts/lint-staged/eslint.js index 034c64b072419c..eb4ce0d2676c9f 100644 --- a/scripts/lint-staged/eslint.js +++ b/scripts/lint-staged/eslint.js @@ -1,10 +1,11 @@ // @ts-check +// eslint-disable-next-line @typescript-eslint/naming-convention, camelcase +const child_process = require('child_process'); const fs = require('fs'); const os = require('os'); const path = require('path'); const { promisify } = require('util'); -const child_process = require('child_process'); const { rollup: lernaAliases } = require('lerna-alias'); const { default: PQueue } = require('p-queue'); const exec = promisify(child_process.exec); @@ -66,11 +67,14 @@ async function runEslintOnFilesGroupedPerPackage() { await queue.addAll( Object.entries(filesGroupedByPackage).map(([packagePath, files]) => async () => { + const cmd = `node ${eslintForPackageScript} ${files.join(' ')}`; + // This script handles running eslint on ONLY the appropriate files for each package. // See its comments for more details. - return exec(`node ${eslintForPackageScript} ${files.join(' ')}`, { cwd: packagePath }).catch(() => { + return exec(cmd, { cwd: packagePath }).catch((/** @type {{ stdout: string, stderr: string }} */ err) => { // The subprocess should already have handled logging. Just mark that there was an error. hasError = true; + throw new Error(err.stderr); }); }), ); From 87fcaf175c6588438c7f8dc2c2de5a4af5f94d1a Mon Sep 17 00:00:00 2001 From: ling1726 Date: Mon, 9 Jan 2023 13:33:57 +0100 Subject: [PATCH 13/29] BREAKING(TableCellLayout): `wrapper` slot renamed to `content` (#26220) * BREAKING(TableCellLayout): `wrwapper` slot renamed to `content` See title Fixes #26203 * changefile * update snapshot --- ...-react-table-b7b4e350-1297-4672-9a9d-88072c4990fa.json | 7 +++++++ .../react-components/react-table/etc/react-table.api.md | 2 +- .../components/TableCellLayout/TableCellLayout.types.ts | 2 +- .../__snapshots__/TableCellLayout.test.tsx.snap | 2 +- .../components/TableCellLayout/renderTableCellLayout.tsx | 6 +++--- .../src/components/TableCellLayout/useTableCellLayout.ts | 4 ++-- .../TableCellLayout/useTableCellLayoutStyles.ts | 8 ++++---- 7 files changed, 19 insertions(+), 12 deletions(-) create mode 100644 change/@fluentui-react-table-b7b4e350-1297-4672-9a9d-88072c4990fa.json diff --git a/change/@fluentui-react-table-b7b4e350-1297-4672-9a9d-88072c4990fa.json b/change/@fluentui-react-table-b7b4e350-1297-4672-9a9d-88072c4990fa.json new file mode 100644 index 00000000000000..7a8e01343a63ac --- /dev/null +++ b/change/@fluentui-react-table-b7b4e350-1297-4672-9a9d-88072c4990fa.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "BREAKING(TableCellLayout): `wrapper` slot renamed to `content`", + "packageName": "@fluentui/react-table", + "email": "lingfangao@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-table/etc/react-table.api.md b/packages/react-components/react-table/etc/react-table.api.md index d0865166507520..47ff982dd4a83b 100644 --- a/packages/react-components/react-table/etc/react-table.api.md +++ b/packages/react-components/react-table/etc/react-table.api.md @@ -329,7 +329,7 @@ export type TableCellLayoutSlots = { media: Slot<'span'>; main: Slot<'span'>; description: Slot<'span'>; - wrapper: Slot<'div'>; + content: Slot<'div'>; }; // @public diff --git a/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.types.ts b/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.types.ts index c0a7e107ab2910..2ccc64ee276f8a 100644 --- a/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.types.ts +++ b/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.types.ts @@ -29,7 +29,7 @@ export type TableCellLayoutSlots = { /** * A layout wrapper for the main and description slots */ - wrapper: Slot<'div'>; + content: Slot<'div'>; }; /** diff --git a/packages/react-components/react-table/src/components/TableCellLayout/__snapshots__/TableCellLayout.test.tsx.snap b/packages/react-components/react-table/src/components/TableCellLayout/__snapshots__/TableCellLayout.test.tsx.snap index 853ac04bae07b7..4d827d37111c5d 100644 --- a/packages/react-components/react-table/src/components/TableCellLayout/__snapshots__/TableCellLayout.test.tsx.snap +++ b/packages/react-components/react-table/src/components/TableCellLayout/__snapshots__/TableCellLayout.test.tsx.snap @@ -6,7 +6,7 @@ exports[`TableCellLayout renders a default state 1`] = ` class="fui-TableCellLayout" >
      )} - {slots.wrapper && ( - + {slots.content && ( + {slots.main && {slotProps.root.children}} {slots.description && } - + )} ); diff --git a/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayout.ts b/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayout.ts index 0540f1be870491..a672393b0eb640 100644 --- a/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayout.ts +++ b/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayout.ts @@ -29,7 +29,7 @@ export const useTableCellLayout_unstable = ( root: 'div', main: 'span', description: 'span', - wrapper: 'div', + content: 'div', media: 'span', }, root: getNativeElementProps('div', { ref, ...props }), @@ -37,7 +37,7 @@ export const useTableCellLayout_unstable = ( main: resolveShorthand(props.main, { required: true }), media: resolveShorthand(props.media), description: resolveShorthand(props.description), - wrapper: resolveShorthand(props.wrapper, { required: !!props.description || !!props.children }), + content: resolveShorthand(props.content, { required: !!props.description || !!props.children }), avatarSize: tableAvatarSizeMap[size], size, }; diff --git a/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutStyles.ts b/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutStyles.ts index c27a2c3b37769f..243516467dd775 100644 --- a/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutStyles.ts +++ b/packages/react-components/react-table/src/components/TableCellLayout/useTableCellLayoutStyles.ts @@ -9,7 +9,7 @@ export const tableCellLayoutClassNames: SlotClassNames = { media: 'fui-TableCellLayout__media', main: 'fui-TableCellLayout__main', description: 'fui-TableCellLayout__description', - wrapper: 'fui-TableCellLayout__wrapper', + content: 'fui-TableCellLayout__content', }; /** @@ -22,7 +22,7 @@ const useStyles = makeStyles({ ...shorthands.gap(tokens.spacingHorizontalS), ...shorthands.flex(1, 1, '0px'), }, - wrapper: { + content: { display: 'flex', flexDirection: 'column', }, @@ -94,8 +94,8 @@ export const useTableCellLayoutStyles_unstable = (state: TableCellLayoutState): ); } - if (state.wrapper) { - state.wrapper.className = mergeClasses(tableCellLayoutClassNames.wrapper, styles.wrapper, state.wrapper.className); + if (state.content) { + state.content.className = mergeClasses(tableCellLayoutClassNames.content, styles.content, state.content.className); } return state; From ab386c32bd054c311360c7556a1c25785cdfe0a2 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Mon, 9 Jan 2023 09:41:05 -0300 Subject: [PATCH 14/29] feat(react-tree): Actions positioning and behaviour (#26113) * feat(react-tree): properly position actions * chore: updates API * chore: fix tests and groupper className * Update packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx Co-authored-by: ling1726 * chore: ensures functionality with Menu * chore: adds role presentation to groupper Co-authored-by: ling1726 --- .../react-tree/etc/react-tree.api.md | 13 ++-- .../react-components/react-tree/package.json | 1 + .../BaseTreeItem/BaseTreeItem.types.ts | 11 +-- .../BaseTreeItem/useBaseTreeItem.ts | 57 +++++++------- .../src/components/Tree/Tree.types.ts | 17 +++-- .../src/components/TreeItem/TreeItem.test.tsx | 6 ++ .../src/components/TreeItem/TreeItem.types.ts | 22 +++--- .../__snapshots__/TreeItem.test.tsx.snap | 22 ++++-- .../components/TreeItem/renderTreeItem.tsx | 18 +++-- .../src/components/TreeItem/useTreeItem.tsx | 75 +++++++++++++++---- .../components/TreeItem/useTreeItemStyles.ts | 43 ++++++++--- .../stories/Tree/TreeActions.stories.tsx | 29 +++++-- 12 files changed, 202 insertions(+), 112 deletions(-) diff --git a/packages/react-components/react-tree/etc/react-tree.api.md b/packages/react-components/react-tree/etc/react-tree.api.md index 468b8d734a330a..0aeb610ba2e3cc 100644 --- a/packages/react-components/react-tree/etc/react-tree.api.md +++ b/packages/react-components/react-tree/etc/react-tree.api.md @@ -6,8 +6,6 @@ /// -import type { ARIAButtonElement } from '@fluentui/react-aria'; -import type { ARIAButtonSlotProps } from '@fluentui/react-aria'; import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; import { ContextSelector } from '@fluentui/react-context-selector'; @@ -30,7 +28,7 @@ export type BaseTreeItemProps = ComponentProps; // @public (undocumented) export type BaseTreeItemSlots = { - root: Slot; + root: Slot<'div'>; }; // @public @@ -81,10 +79,13 @@ export type TreeItemSlots = BaseTreeItemSlots & { iconAfter?: Slot<'span'>; badges?: Slot<'span'>; actions?: Slot<'span'>; + groupper: NonNullable>; }; // @public -export type TreeItemState = ComponentState & BaseTreeItemState; +export type TreeItemState = ComponentState & BaseTreeItemState & { + keepActionsOpen: boolean; +}; // @public (undocumented) export type TreeProps = ComponentProps & { @@ -109,7 +110,7 @@ export type TreeState = ComponentState & TreeContextValue & { }; // @public -export const useBaseTreeItem_unstable: (props: BaseTreeItemProps, ref: React_2.Ref) => BaseTreeItemState; +export const useBaseTreeItem_unstable: (props: BaseTreeItemProps, ref: React_2.Ref) => BaseTreeItemState; // @public export const useBaseTreeItemStyles_unstable: (state: BaseTreeItemState) => BaseTreeItemState; @@ -121,7 +122,7 @@ export const useTree_unstable: (props: TreeProps, ref: React_2.Ref) export const useTreeContext_unstable: (selector: ContextSelector) => T; // @public -export const useTreeItem_unstable: (props: TreeItemProps, ref: React_2.Ref) => TreeItemState; +export const useTreeItem_unstable: (props: TreeItemProps, ref: React_2.Ref) => TreeItemState; // @public export const useTreeItemStyles_unstable: (state: TreeItemState) => TreeItemState; diff --git a/packages/react-components/react-tree/package.json b/packages/react-components/react-tree/package.json index 5b21cee332a8d7..c3bda21dce8fd3 100644 --- a/packages/react-components/react-tree/package.json +++ b/packages/react-components/react-tree/package.json @@ -35,6 +35,7 @@ "@fluentui/react-shared-contexts": "^9.1.4", "@fluentui/react-aria": "^9.3.4", "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-portal": "^9.0.15", "@fluentui/keyboard-keys": "^9.0.1", "@fluentui/react-theme": "^9.1.5", "@fluentui/react-utilities": "^9.3.1", diff --git a/packages/react-components/react-tree/src/components/BaseTreeItem/BaseTreeItem.types.ts b/packages/react-components/react-tree/src/components/BaseTreeItem/BaseTreeItem.types.ts index 15a60b4e5c5ec5..c6a016bf475b4e 100644 --- a/packages/react-components/react-tree/src/components/BaseTreeItem/BaseTreeItem.types.ts +++ b/packages/react-components/react-tree/src/components/BaseTreeItem/BaseTreeItem.types.ts @@ -1,16 +1,7 @@ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; -import type { ARIAButtonElement, ARIAButtonElementIntersection, ARIAButtonSlotProps } from '@fluentui/react-aria'; - -export type BaseTreeItemElement = ARIAButtonElement; - -/** @internal */ -export type BaseTreeItemElementIntersection = ARIAButtonElementIntersection; export type BaseTreeItemSlots = { - /** - * BaseTreeItem root wraps around `props.content` - */ - root: Slot; + root: Slot<'div'>; }; /** diff --git a/packages/react-components/react-tree/src/components/BaseTreeItem/useBaseTreeItem.ts b/packages/react-components/react-tree/src/components/BaseTreeItem/useBaseTreeItem.ts index 1cd1af387ac388..86b3bf3f8be89f 100644 --- a/packages/react-components/react-tree/src/components/BaseTreeItem/useBaseTreeItem.ts +++ b/packages/react-components/react-tree/src/components/BaseTreeItem/useBaseTreeItem.ts @@ -1,13 +1,7 @@ import * as React from 'react'; import { getNativeElementProps, useEventCallback } from '@fluentui/react-utilities'; -import type { - BaseTreeItemElement, - BaseTreeItemElementIntersection, - BaseTreeItemProps, - BaseTreeItemState, -} from './BaseTreeItem.types'; -import { useARIAButtonProps } from '@fluentui/react-aria'; -import { ArrowRight, ArrowLeft } from '@fluentui/keyboard-keys'; +import type { BaseTreeItemProps, BaseTreeItemState } from './BaseTreeItem.types'; +import { ArrowRight, ArrowLeft, Enter } from '@fluentui/keyboard-keys'; import { useTreeContext_unstable } from '../../contexts/treeContext'; /** * Create the state required to render BaseTreeItem. @@ -20,7 +14,7 @@ import { useTreeContext_unstable } from '../../contexts/treeContext'; */ export const useBaseTreeItem_unstable = ( props: BaseTreeItemProps, - ref: React.Ref, + ref: React.Ref, ): BaseTreeItemState => { const { 'aria-owns': ariaOwns, as = 'div', onKeyDown, ...rest } = props; @@ -32,12 +26,12 @@ export const useBaseTreeItem_unstable = ( const isBranch = typeof ariaOwns === 'string'; const open = useTreeContext_unstable(ctx => isBranch && ctx.openSubtrees.includes(ariaOwns!)); - const handleClick = useEventCallback((event: React.MouseEvent) => { + const handleClick = useEventCallback((event: React.MouseEvent) => { if (isBranch) { requestOpenChange({ event, open: !open, type: 'click', id: ariaOwns! }); } }); - const handleArrowRight = (event: React.KeyboardEvent) => { + const handleArrowRight = (event: React.KeyboardEvent) => { if (open && isBranch) { focusFirstSubtreeItem(event.currentTarget); } @@ -45,7 +39,7 @@ export const useBaseTreeItem_unstable = ( requestOpenChange({ event, open: true, type: 'arrowRight', id: ariaOwns! }); } }; - const handleArrowLeft = (event: React.KeyboardEvent) => { + const handleArrowLeft = (event: React.KeyboardEvent) => { if (!isBranch || !open) { focusSubtreeOwnerItem(event.currentTarget); } @@ -53,12 +47,20 @@ export const useBaseTreeItem_unstable = ( requestOpenChange({ event, open: false, type: 'arrowLeft', id: ariaOwns! }); } }; - const handleKeyDown = useEventCallback((event: React.KeyboardEvent) => { + const handleEnter = (event: React.KeyboardEvent) => { + if (isBranch) { + requestOpenChange({ event, open: !open, type: 'enter', id: ariaOwns! }); + } + }; + const handleKeyDown = useEventCallback((event: React.KeyboardEvent) => { onKeyDown?.(event); if (event.isDefaultPrevented()) { return; } - switch (event.code) { + switch (event.key) { + case Enter: { + return handleEnter(event); + } case ArrowRight: { return handleArrowRight(event); } @@ -73,20 +75,17 @@ export const useBaseTreeItem_unstable = ( }, isLeaf: !isBranch, open, - root: getNativeElementProps( - as, - useARIAButtonProps(as, { - ...rest, - // casting here is required to convert union to intersection - ref: ref as React.Ref, - 'aria-owns': ariaOwns, - 'aria-level': level, - // FIXME: tabster fails to navigate when aria-expanded is true - // 'aria-expanded': isBranch ? isOpen : undefined, - role: 'treeitem', - onClick: handleClick, - onKeyDown: handleKeyDown, - }), - ), + root: getNativeElementProps(as, { + ...rest, + ref, + tabIndex: 0, + 'aria-owns': ariaOwns, + 'aria-level': level, + // FIXME: tabster fails to navigate when aria-expanded is true + // 'aria-expanded': isBranch ? isOpen : undefined, + role: 'treeitem', + onClick: handleClick, + onKeyDown: handleKeyDown, + }), }; }; diff --git a/packages/react-components/react-tree/src/components/Tree/Tree.types.ts b/packages/react-components/react-tree/src/components/Tree/Tree.types.ts index fb1bdd91c67acd..4e26e1fea3a963 100644 --- a/packages/react-components/react-tree/src/components/Tree/Tree.types.ts +++ b/packages/react-components/react-tree/src/components/Tree/Tree.types.ts @@ -1,6 +1,5 @@ import * as React from 'react'; import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; -import type { BaseTreeItemElement } from '../BaseTreeItem/BaseTreeItem.types'; import { TreeContextValue } from '../../contexts/treeContext'; export type TreeSlots = { @@ -9,16 +8,24 @@ export type TreeSlots = { export type TreeOpenChangeData = { open: boolean; id: string } & ( | { - event: React.MouseEvent; + event: React.MouseEvent; type: 'expandIconClick'; } | { - event: React.MouseEvent; + event: React.MouseEvent; type: 'click'; } | { - event: React.KeyboardEvent; - type: 'arrowRight' | 'arrowLeft'; + event: React.KeyboardEvent; + type: 'enter'; + } + | { + event: React.KeyboardEvent; + type: 'arrowRight'; + } + | { + event: React.KeyboardEvent; + type: 'arrowLeft'; } ); diff --git a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx index 79512cdfa7064c..d61afb40fb3480 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx +++ b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.test.tsx @@ -3,11 +3,17 @@ import { render } from '@testing-library/react'; import { TreeItem } from './TreeItem'; import { isConformant } from '../../testing/isConformant'; import { TreeItemProps } from './TreeItem.types'; +import { treeItemClassNames } from './useTreeItemStyles'; describe('TreeItem', () => { isConformant({ Component: TreeItem, displayName: 'TreeItem', + // primarySlot: 'groupper', + getTargetElement(renderResult, attr) { + return renderResult.container.querySelector(`.${treeItemClassNames.root}`) ?? renderResult.container; + }, + disabledTests: ['component-has-static-classnames-object'], testOptions: { 'has-static-classnames': [ { diff --git a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.types.ts b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.types.ts index 4fe814c7abf871..60a8e04a24efd1 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/TreeItem.types.ts +++ b/packages/react-components/react-tree/src/components/TreeItem/TreeItem.types.ts @@ -1,16 +1,5 @@ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; -import { - BaseTreeItemElement, - BaseTreeItemElementIntersection, - BaseTreeItemProps, - BaseTreeItemSlots, - BaseTreeItemState, -} from '../BaseTreeItem/index'; - -export type TreeItemElement = BaseTreeItemElement; - -/** @internal */ -export type TreeItemElementIntersection = BaseTreeItemElementIntersection; +import { BaseTreeItemProps, BaseTreeItemSlots, BaseTreeItemState } from '../BaseTreeItem/index'; export type TreeItemSlots = BaseTreeItemSlots & { /** @@ -35,6 +24,7 @@ export type TreeItemSlots = BaseTreeItemSlots & { * when the item is hovered/focused */ actions?: Slot<'span'>; + groupper: NonNullable>; }; /** @@ -45,4 +35,10 @@ export type TreeItemProps = ComponentProps> & BaseTreeIte /** * State used in rendering TreeItem */ -export type TreeItemState = ComponentState & BaseTreeItemState; +export type TreeItemState = ComponentState & + BaseTreeItemState & { + /** + * boolean indicating that actions should remain open due to focus on some portal + */ + keepActionsOpen: boolean; + }; diff --git a/packages/react-components/react-tree/src/components/TreeItem/__snapshots__/TreeItem.test.tsx.snap b/packages/react-components/react-tree/src/components/TreeItem/__snapshots__/TreeItem.test.tsx.snap index 0a31ffa7e10d45..d48c13a7ea3e09 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/__snapshots__/TreeItem.test.tsx.snap +++ b/packages/react-components/react-tree/src/components/TreeItem/__snapshots__/TreeItem.test.tsx.snap @@ -2,14 +2,20 @@ exports[`TreeItem renders a default state 1`] = `
      -
      - Default TreeItem -
      +
      + Default TreeItem +
      +
      `; diff --git a/packages/react-components/react-tree/src/components/TreeItem/renderTreeItem.tsx b/packages/react-components/react-tree/src/components/TreeItem/renderTreeItem.tsx index fc9a376575b507..6ebab4c66f9687 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/renderTreeItem.tsx +++ b/packages/react-components/react-tree/src/components/TreeItem/renderTreeItem.tsx @@ -9,13 +9,15 @@ export const renderTreeItem_unstable = (state: TreeItemState) => { const { slots, slotProps } = getSlots(state); return ( - - {slots.expandIcon && } - {slots.iconBefore && } - {slotProps.root.children} - {slots.iconAfter && } - {slots.badges && } - {slots.actions && } - + + + {slots.expandIcon && } + {slots.iconBefore && } + {slotProps.root.children} + {slots.iconAfter && } + {slots.badges && } + {slots.actions && } + + ); }; diff --git a/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx b/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx index f30bcd068fc151..4bd12049fd7ac7 100644 --- a/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx +++ b/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx @@ -1,10 +1,15 @@ import * as React from 'react'; import { isResolvedShorthand, resolveShorthand } from '@fluentui/react-utilities'; -import type { TreeItemElement, TreeItemProps, TreeItemState } from './TreeItem.types'; import { ChevronRightRegular } from '@fluentui/react-icons'; import { useFluent_unstable } from '@fluentui/react-shared-contexts'; -import { useBaseTreeItem_unstable } from '../BaseTreeItem/index'; import { useEventCallback } from '@fluentui/react-utilities'; +import { useFocusableGroup } from '@fluentui/react-tabster'; +import { expandIconInlineStyles } from './useTreeItemStyles'; +import { useBaseTreeItem_unstable } from '../BaseTreeItem/index'; +import { Enter } from '@fluentui/keyboard-keys'; +import { useMergedRefs } from '@fluentui/react-utilities'; +import { elementContains } from '@fluentui/react-portal'; +import type { TreeItemProps, TreeItemState } from './TreeItem.types'; /** * Create the state required to render TreeItem. @@ -15,22 +20,52 @@ import { useEventCallback } from '@fluentui/react-utilities'; * @param props - props from this instance of TreeItem * @param ref - reference to root HTMLElement of TreeItem */ -export const useTreeItem_unstable = (props: TreeItemProps, ref: React.Ref): TreeItemState => { +export const useTreeItem_unstable = (props: TreeItemProps, ref: React.Ref): TreeItemState => { const treeItemState = useBaseTreeItem_unstable(props, ref); - const { expandIcon, iconBefore, iconAfter, actions, badges } = props; - const { dir } = useFluent_unstable(); + const { expandIcon, iconBefore, iconAfter, actions, badges, groupper } = props; + const { dir, targetDocument } = useFluent_unstable(); const expandIconRotation = treeItemState.open ? 90 : dir !== 'rtl' ? 0 : 180; + const groupperProps = useFocusableGroup(); - // prevent default of a click from actions to ensure it doesn't open the treeitem - const handleActionsClick = useEventCallback((event: React.MouseEvent) => { - if (isResolvedShorthand(actions)) { - actions.onClick?.(event); + const actionsRef = React.useRef(null); + + const handleClick = useEventCallback((event: React.MouseEvent) => { + // if click event originates from actions, ignore it + if (actionsRef.current && elementContains(actionsRef.current, event.target as Node)) { + return; } - event.preventDefault(); + treeItemState.root.onClick?.(event); }); + const handleKeyDown = useEventCallback((event: React.KeyboardEvent) => { + if (event.key === Enter) { + // if Enter keydown event comes from actions, ignore it + if (actionsRef.current && elementContains(actionsRef.current, event.target as Node)) { + return; + } + } + treeItemState.root.onKeyDown?.(event); + }); + + const [keepActionsOpen, setKeepActionsOpen] = React.useState(false); + + // Listens to focusout event on the document to ensure treeitem actions visibility on portal scenarios + // TODO: find a better way to ensure this behavior + React.useEffect(() => { + if (actionsRef.current) { + const handleFocusOut = (event: FocusEvent) => { + setKeepActionsOpen(elementContains(actionsRef.current, event.relatedTarget as Node)); + }; + targetDocument?.addEventListener('focusout', handleFocusOut, { passive: true }); + return () => { + targetDocument?.removeEventListener('focusout', handleFocusOut); + }; + } + }, [targetDocument]); + return { ...treeItemState, + keepActionsOpen, components: { ...treeItemState.components, expandIcon: 'span', @@ -38,7 +73,20 @@ export const useTreeItem_unstable = (props: TreeItemProps, ref: React.Ref, + children: , 'aria-hidden': true, }, }), @@ -59,10 +107,7 @@ export const useTreeItem_unstable = (props: TreeItemProps, ref: React.Ref = { iconAfter: 'fui-TreeItem__iconAfter', actions: 'fui-TreeItem__actions', badges: 'fui-TreeItem__badges', + groupper: 'fui-TreeItem__groupper', }; const treeItemTokens = { @@ -45,24 +46,22 @@ const useRootStyles = makeStyles({ }, ':focus': { [`& .${treeItemClassNames.actions}`]: { - display: 'flex', opacity: '1', position: 'relative', - width: 'unset', - height: 'unset', - right: 'unset', + }, + }, + ':focus-within': { + [`& .${treeItemClassNames.actions}`]: { + opacity: '1', + position: 'relative', }, }, ':hover': { color: tokens.colorNeutralForeground2Hover, backgroundColor: tokens.colorSubtleBackgroundHover, [`& .${treeItemClassNames.actions}`]: { - display: 'flex', opacity: '1', position: 'relative', - width: 'unset', - height: 'unset', - right: 'unset', }, [`& .${treeItemClassNames.expandIcon}`]: { color: tokens.colorNeutralForeground3Hover, @@ -75,6 +74,11 @@ const useRootStyles = makeStyles({ display: 'none', }, }, + ':focus-within': { + [`& .${treeItemClassNames.badges}`]: { + display: 'none', + }, + }, ':hover': { [`& .${treeItemClassNames.badges}`]: { display: 'none', @@ -184,16 +188,26 @@ const useBadgesStyles = makeStyles({ */ const useActionsStyles = makeStyles({ base: { + display: 'flex', opacity: '0', position: 'absolute', - width: 0, - height: 0, right: 0, + top: 0, marginLeft: 'auto', ...shorthands.padding(0, tokens.spacingHorizontalXS), }, + open: { + opacity: '1', + position: 'relative', + }, }); +export const expandIconInlineStyles = { + 90: { transform: `rotate(90deg)` }, + 0: { transform: `rotate(0deg)` }, + 180: { transform: `rotate(180deg)` }, +} as const; + /** * Apply styling to the TreeItem slots based on the state */ @@ -223,6 +237,8 @@ export const useTreeItemStyles_unstable = (state: TreeItemState): TreeItemState state.root.className, ); + state.groupper.className = mergeClasses(treeItemClassNames.groupper, state.groupper.className); + state.root.style = { ...state.root.style, [treeItemTokens.level]: level, @@ -256,7 +272,12 @@ export const useTreeItemStyles_unstable = (state: TreeItemState): TreeItemState } if (actions) { - actions.className = mergeClasses(treeItemClassNames.actions, actionsStyles.base, actions.className); + actions.className = mergeClasses( + treeItemClassNames.actions, + actionsStyles.base, + state.keepActionsOpen && actionsStyles.open, + actions.className, + ); } if (badges) { badges.className = mergeClasses(treeItemClassNames.badges, badgesStyles.base, badges.className); diff --git a/packages/react-components/react-tree/stories/Tree/TreeActions.stories.tsx b/packages/react-components/react-tree/stories/Tree/TreeActions.stories.tsx index ec0814ae73fabe..cdd2cfbed1683b 100644 --- a/packages/react-components/react-tree/stories/Tree/TreeActions.stories.tsx +++ b/packages/react-components/react-tree/stories/Tree/TreeActions.stories.tsx @@ -1,14 +1,29 @@ import * as React from 'react'; import { Tree, TreeItem } from '@fluentui/react-tree'; import { Edit20Regular, MoreHorizontal20Regular } from '@fluentui/react-icons'; -import { Button } from '@fluentui/react-components'; +import { Button, Menu, MenuItem, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components'; -const RenderActions = () => ( - <> -
      + + ); +}; export const Actions = () => ( From 307d7988ee9c589c17dce78f1c36719c6ebb91c2 Mon Sep 17 00:00:00 2001 From: ling1726 Date: Mon, 9 Jan 2023 13:59:21 +0100 Subject: [PATCH 15/29] fix: MenuList props should win over context props (#26252) * fix: MenuList props should win over context props Fixes the regression introduced in #25672 so that prop values win over context props with the same name. Fixes # * changefile --- ...-7ad515c7-ae51-477d-9289-c01f7a691b06.json | 7 ++ .../react-menu/etc/react-menu.api.md | 4 +- .../src/components/Menu/Menu.test.tsx | 114 ++++++++++++++++++ .../src/components/MenuList/MenuList.types.ts | 19 +-- .../src/components/MenuList/useMenuList.ts | 5 +- .../MenuControlledCheckboxItems.stories.tsx | 4 +- .../Menu/MenuControlledRadioItems.stories.tsx | 4 +- .../MenuListCheckboxItems.stories.tsx | 49 ++++++++ ...enuListControlledCheckboxItems.stories.tsx | 56 +++++++++ .../MenuListControlledRadioItems.stories.tsx | 54 +++++++++ .../MenuList/MenuListRadioItems.stories.tsx | 48 ++++++++ .../stories/MenuList/index.stories.tsx | 4 + 12 files changed, 342 insertions(+), 26 deletions(-) create mode 100644 change/@fluentui-react-menu-7ad515c7-ae51-477d-9289-c01f7a691b06.json create mode 100644 packages/react-components/react-menu/stories/MenuList/MenuListCheckboxItems.stories.tsx create mode 100644 packages/react-components/react-menu/stories/MenuList/MenuListControlledCheckboxItems.stories.tsx create mode 100644 packages/react-components/react-menu/stories/MenuList/MenuListControlledRadioItems.stories.tsx create mode 100644 packages/react-components/react-menu/stories/MenuList/MenuListRadioItems.stories.tsx diff --git a/change/@fluentui-react-menu-7ad515c7-ae51-477d-9289-c01f7a691b06.json b/change/@fluentui-react-menu-7ad515c7-ae51-477d-9289-c01f7a691b06.json new file mode 100644 index 00000000000000..97fb92afa0d7c1 --- /dev/null +++ b/change/@fluentui-react-menu-7ad515c7-ae51-477d-9289-c01f7a691b06.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: MenuList props should win over context props", + "packageName": "@fluentui/react-menu", + "email": "lingfangao@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-menu/etc/react-menu.api.md b/packages/react-components/react-menu/etc/react-menu.api.md index a62bee7532dc73..22fb6083a701bd 100644 --- a/packages/react-components/react-menu/etc/react-menu.api.md +++ b/packages/react-components/react-menu/etc/react-menu.api.md @@ -211,12 +211,10 @@ export type MenuListSlots = { }; // @public (undocumented) -export type MenuListState = ComponentState & Required> & { +export type MenuListState = ComponentState & Required> & Pick & { selectRadio: SelectableHandler; setFocusByFirstCharacter: NonNullable; toggleCheckbox: SelectableHandler; - defaultCheckedValues?: Record; - onCheckedValueChange?: (e: MenuCheckedValueChangeEvent, data: MenuCheckedValueChangeData) => void; }; // @public diff --git a/packages/react-components/react-menu/src/components/Menu/Menu.test.tsx b/packages/react-components/react-menu/src/components/Menu/Menu.test.tsx index 6babe61c4c23db..d876ba971a07ee 100644 --- a/packages/react-components/react-menu/src/components/Menu/Menu.test.tsx +++ b/packages/react-components/react-menu/src/components/Menu/Menu.test.tsx @@ -284,4 +284,118 @@ describe('Menu', () => { // Assert expect(container.querySelector('[role="menu"]')).not.toBeNull(); }); + + it('should call onCheckedValueChange when item is selected', () => { + const onCheckedValueChange = jest.fn(); + const { getAllByRole } = render( + + + + + + + + + First + + + Second + + + Third + + + + , + ); + + const checkboxes = getAllByRole('menuitemcheckbox'); + fireEvent.click(checkboxes[0]); + expect(onCheckedValueChange).toHaveBeenCalledTimes(1); + }); + + it('should control checked items with checkedValues prop', () => { + const { container } = render( + + + + + + + + + First + + + Second + + + Third + + + + , + ); + + expect(container.querySelector('#first')?.getAttribute('aria-checked')).toBe('false'); + expect(container.querySelector('#second')?.getAttribute('aria-checked')).toBe('true'); + expect(container.querySelector('#third')?.getAttribute('aria-checked')).toBe('false'); + }); + + it('should call onCheckedValueChange (applied to MenuList) when item is selected', () => { + const onCheckedValueChange = jest.fn(); + const { getAllByRole } = render( + + + + + + + + + First + + + Second + + + Third + + + + , + ); + + const checkboxes = getAllByRole('menuitemcheckbox'); + fireEvent.click(checkboxes[0]); + expect(onCheckedValueChange).toHaveBeenCalledTimes(1); + }); + + it('should control checked items with checkedValues prop (applied to MenuList)', () => { + const { container } = render( + + + + + + + + + First + + + Second + + + Third + + + + , + ); + + expect(container.querySelector('#first')?.getAttribute('aria-checked')).toBe('false'); + expect(container.querySelector('#second')?.getAttribute('aria-checked')).toBe('true'); + expect(container.querySelector('#third')?.getAttribute('aria-checked')).toBe('false'); + }); }); diff --git a/packages/react-components/react-menu/src/components/MenuList/MenuList.types.ts b/packages/react-components/react-menu/src/components/MenuList/MenuList.types.ts index 89d867180d5cf5..a38bb1e882d219 100644 --- a/packages/react-components/react-menu/src/components/MenuList/MenuList.types.ts +++ b/packages/react-components/react-menu/src/components/MenuList/MenuList.types.ts @@ -47,7 +47,8 @@ export type MenuListProps = ComponentProps & { }; export type MenuListState = ComponentState & - Required> & { + Required> & + Pick & { /** * Selects a radio item, will de-select the currently selected ratio item */ @@ -62,22 +63,6 @@ export type MenuListState = ComponentState & * Toggles the state of a checkbox item */ toggleCheckbox: SelectableHandler; - - /** - * Default values to be checked on mount - * @deprecated this property is not used internally anymore, - * the signature remains just to avoid breaking changes - */ - defaultCheckedValues?: Record; - /** - * Callback when checked items change for value with a name - * - * @param event - React's original SyntheticEvent - * @param data - A data object with relevant information - * @deprecated this property is not used internally anymore, - * the signature remains just to avoid breaking changes - */ - onCheckedValueChange?: (e: MenuCheckedValueChangeEvent, data: MenuCheckedValueChangeData) => void; }; export type MenuListContextValues = { diff --git a/packages/react-components/react-menu/src/components/MenuList/useMenuList.ts b/packages/react-components/react-menu/src/components/MenuList/useMenuList.ts index 3a9c408f333230..faccbda60beb18 100644 --- a/packages/react-components/react-menu/src/components/MenuList/useMenuList.ts +++ b/packages/react-components/react-menu/src/components/MenuList/useMenuList.ts @@ -75,12 +75,13 @@ export const useMenuList_unstable = (props: MenuListProps, ref: React.Ref { diff --git a/packages/react-components/react-menu/stories/Menu/MenuControlledCheckboxItems.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuControlledCheckboxItems.stories.tsx index 498e9570df4c9e..bb11cbd4a1c3ad 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuControlledCheckboxItems.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuControlledCheckboxItems.stories.tsx @@ -25,12 +25,12 @@ export const ControlledCheckboxItems = () => { }; return ( - + - + } name="edit" value="cut"> Cut diff --git a/packages/react-components/react-menu/stories/Menu/MenuControlledRadioItems.stories.tsx b/packages/react-components/react-menu/stories/Menu/MenuControlledRadioItems.stories.tsx index 0b5b8fb15b0c47..f9a2c7c838ef54 100644 --- a/packages/react-components/react-menu/stories/Menu/MenuControlledRadioItems.stories.tsx +++ b/packages/react-components/react-menu/stories/Menu/MenuControlledRadioItems.stories.tsx @@ -23,12 +23,12 @@ export const ControlledRadioItems = () => { }; return ( - + - + } name="font" value="segoe"> Segoe diff --git a/packages/react-components/react-menu/stories/MenuList/MenuListCheckboxItems.stories.tsx b/packages/react-components/react-menu/stories/MenuList/MenuListCheckboxItems.stories.tsx new file mode 100644 index 00000000000000..43b01be2912964 --- /dev/null +++ b/packages/react-components/react-menu/stories/MenuList/MenuListCheckboxItems.stories.tsx @@ -0,0 +1,49 @@ +import * as React from 'react'; + +import { MenuList, MenuItemCheckbox, makeStyles, tokens } from '@fluentui/react-components'; +import { + bundleIcon, + CutRegular, + CutFilled, + ClipboardPasteRegular, + ClipboardPasteFilled, + EditRegular, + EditFilled, +} from '@fluentui/react-icons'; + +const CutIcon = bundleIcon(CutFilled, CutRegular); +const PasteIcon = bundleIcon(ClipboardPasteFilled, ClipboardPasteRegular); +const EditIcon = bundleIcon(EditFilled, EditRegular); + +export const useMenuListContainerStyles = makeStyles({ + container: { + backgroundColor: tokens.colorNeutralBackground1, + minWidth: '128px', + minHeight: '48px', + maxWidth: '300px', + width: 'max-content', + boxShadow: `${tokens.shadow16}`, + paddingTop: '4px', + paddingBottom: '4px', + }, +}); + +export const CheckboxItems = () => { + const styles = useMenuListContainerStyles(); + + return ( +
      + + } name="edit" value="cut"> + Cut + + } name="edit" value="paste"> + Paste + + } name="edit" value="edit"> + Edit + + +
      + ); +}; diff --git a/packages/react-components/react-menu/stories/MenuList/MenuListControlledCheckboxItems.stories.tsx b/packages/react-components/react-menu/stories/MenuList/MenuListControlledCheckboxItems.stories.tsx new file mode 100644 index 00000000000000..15366abc3c3398 --- /dev/null +++ b/packages/react-components/react-menu/stories/MenuList/MenuListControlledCheckboxItems.stories.tsx @@ -0,0 +1,56 @@ +import * as React from 'react'; + +import { MenuList, MenuItemCheckbox, makeStyles, tokens } from '@fluentui/react-components'; +import { + bundleIcon, + CutRegular, + CutFilled, + ClipboardPasteRegular, + ClipboardPasteFilled, + EditRegular, + EditFilled, +} from '@fluentui/react-icons'; +import type { MenuProps } from '@fluentui/react-components'; + +const CutIcon = bundleIcon(CutFilled, CutRegular); +const PasteIcon = bundleIcon(ClipboardPasteFilled, ClipboardPasteRegular); +const EditIcon = bundleIcon(EditFilled, EditRegular); + +export const useMenuListContainerStyles = makeStyles({ + container: { + backgroundColor: tokens.colorNeutralBackground1, + minWidth: '128px', + minHeight: '48px', + maxWidth: '300px', + width: 'max-content', + boxShadow: `${tokens.shadow16}`, + paddingTop: '4px', + paddingBottom: '4px', + }, +}); + +export const ControlledCheckboxItems = () => { + const styles = useMenuListContainerStyles(); + const [checkedValues, setCheckedValues] = React.useState>({ edit: ['cut', 'paste'] }); + const onChange: MenuProps['onCheckedValueChange'] = (e, { name, checkedItems }) => { + setCheckedValues(s => { + return s ? { ...s, [name]: checkedItems } : { [name]: checkedItems }; + }); + }; + + return ( +
      + + } name="edit" value="cut"> + Cut + + } name="edit" value="paste"> + Paste + + } name="edit" value="edit"> + Edit + + +
      + ); +}; diff --git a/packages/react-components/react-menu/stories/MenuList/MenuListControlledRadioItems.stories.tsx b/packages/react-components/react-menu/stories/MenuList/MenuListControlledRadioItems.stories.tsx new file mode 100644 index 00000000000000..18cb3c055a4429 --- /dev/null +++ b/packages/react-components/react-menu/stories/MenuList/MenuListControlledRadioItems.stories.tsx @@ -0,0 +1,54 @@ +import * as React from 'react'; + +import { MenuList, MenuItemRadio, makeStyles, tokens } from '@fluentui/react-components'; +import { + bundleIcon, + CutRegular, + CutFilled, + ClipboardPasteRegular, + ClipboardPasteFilled, + EditRegular, + EditFilled, +} from '@fluentui/react-icons'; +import type { MenuProps } from '@fluentui/react-components'; + +const CutIcon = bundleIcon(CutFilled, CutRegular); +const PasteIcon = bundleIcon(ClipboardPasteFilled, ClipboardPasteRegular); +const EditIcon = bundleIcon(EditFilled, EditRegular); + +export const useMenuListContainerStyles = makeStyles({ + container: { + backgroundColor: tokens.colorNeutralBackground1, + minWidth: '128px', + minHeight: '48px', + maxWidth: '300px', + width: 'max-content', + boxShadow: `${tokens.shadow16}`, + paddingTop: '4px', + paddingBottom: '4px', + }, +}); + +export const ControlledRadioItems = () => { + const styles = useMenuListContainerStyles(); + const [checkedValues, setCheckedValues] = React.useState>({ font: ['calibri'] }); + const onChange: MenuProps['onCheckedValueChange'] = (e, { name, checkedItems }) => { + setCheckedValues(s => ({ ...s, [name]: checkedItems })); + }; + + return ( +
      + + } name="font" value="segoe"> + Segoe + + } name="font" value="calibri"> + Calibri + + } name="font" value="arial"> + Arial + + +
      + ); +}; diff --git a/packages/react-components/react-menu/stories/MenuList/MenuListRadioItems.stories.tsx b/packages/react-components/react-menu/stories/MenuList/MenuListRadioItems.stories.tsx new file mode 100644 index 00000000000000..3c4b7f18eb7599 --- /dev/null +++ b/packages/react-components/react-menu/stories/MenuList/MenuListRadioItems.stories.tsx @@ -0,0 +1,48 @@ +import * as React from 'react'; + +import { MenuList, MenuItemRadio, makeStyles, tokens } from '@fluentui/react-components'; +import { + bundleIcon, + CutRegular, + CutFilled, + ClipboardPasteRegular, + ClipboardPasteFilled, + EditRegular, + EditFilled, +} from '@fluentui/react-icons'; + +const CutIcon = bundleIcon(CutFilled, CutRegular); +const PasteIcon = bundleIcon(ClipboardPasteFilled, ClipboardPasteRegular); +const EditIcon = bundleIcon(EditFilled, EditRegular); + +export const useMenuListContainerStyles = makeStyles({ + container: { + backgroundColor: tokens.colorNeutralBackground1, + minWidth: '128px', + minHeight: '48px', + maxWidth: '300px', + width: 'max-content', + boxShadow: `${tokens.shadow16}`, + paddingTop: '4px', + paddingBottom: '4px', + }, +}); + +export const RadioItems = () => { + const styles = useMenuListContainerStyles(); + return ( +
      + + } name="font" value="segoe"> + Segoe + + } name="font" value="calibri"> + Calibri + + } name="font" value="arial"> + Arial + + +
      + ); +}; diff --git a/packages/react-components/react-menu/stories/MenuList/index.stories.tsx b/packages/react-components/react-menu/stories/MenuList/index.stories.tsx index 1c69e13f91dc5f..bf74847d7dada7 100644 --- a/packages/react-components/react-menu/stories/MenuList/index.stories.tsx +++ b/packages/react-components/react-menu/stories/MenuList/index.stories.tsx @@ -3,6 +3,10 @@ import descriptionMd from './MenuListDescription.md'; export { Default } from './MenuListDefault.stories'; export { MenuListWithNestedSubmenus } from './MenuListNestedSubmenus.stories'; +export { CheckboxItems } from './MenuListCheckboxItems.stories'; +export { RadioItems } from './MenuListRadioItems.stories'; +export { ControlledCheckboxItems } from './MenuListControlledCheckboxItems.stories'; +export { ControlledRadioItems } from './MenuListControlledRadioItems.stories'; export default { title: 'Components/Menu/MenuList', From 2bde4a96454105f8943284b590b6174ccb1aea94 Mon Sep 17 00:00:00 2001 From: ling1726 Date: Mon, 9 Jan 2023 14:18:48 +0100 Subject: [PATCH 16/29] refactor: Cleanup unused code (#26219) * refactor: Cleanup unused code Fixes #26199 Fixes #26200 Fixes #26201 Fixes #26204 * changefile --- ...-react-table-44e1732b-738d-495e-ac5b-8af6d9ab148b.json | 7 +++++++ .../react-components/react-table/etc/react-table.api.md | 6 ++++-- .../react-table/src/components/DataGrid/DataGrid.tsx | 2 +- .../src/components/DataGridBody/DataGridBody.tsx | 2 +- .../src/components/DataGridCell/DataGridCell.tsx | 2 +- .../src/components/DataGridHeader/DataGridHeader.test.tsx | 2 -- .../src/components/DataGridHeader/DataGridHeader.tsx | 2 +- .../DataGridHeaderCell/DataGridHeaderCell.test.tsx | 2 -- .../components/DataGridHeaderCell/DataGridHeaderCell.tsx | 2 +- .../src/components/DataGridRow/DataGridRow.tsx | 2 +- .../DataGridSelectionCell/DataGridSelectionCell.tsx | 2 +- .../react-table/src/components/Table/Table.test.tsx | 2 -- .../react-table/src/components/Table/Table.tsx | 2 +- .../src/components/TableBody/TableBody.test.tsx | 2 -- .../react-table/src/components/TableBody/TableBody.tsx | 2 +- .../src/components/TableBody/renderTableBody.tsx | 1 - .../src/components/TableCell/TableCell.test.tsx | 2 -- .../react-table/src/components/TableCell/TableCell.tsx | 2 +- .../components/TableCellActions/TableCellActions.test.tsx | 2 -- .../src/components/TableCellActions/TableCellActions.tsx | 2 +- .../TableCellActions/renderTableCellActions.tsx | 1 - .../src/components/TableCellLayout/TableCellLayout.tsx | 2 +- .../src/components/TableHeader/TableHeader.test.tsx | 2 -- .../src/components/TableHeader/TableHeader.tsx | 2 +- .../src/components/TableHeader/useTableHeaderStyles.ts | 8 -------- .../src/components/TableHeaderCell/TableHeaderCell.tsx | 2 +- .../react-table/src/components/TableRow/TableRow.test.tsx | 2 -- .../react-table/src/components/TableRow/TableRow.tsx | 2 +- .../react-table/src/components/TableRow/TableRow.types.ts | 4 +++- .../src/components/TableRow/renderTableRow.tsx | 1 - .../react-table/src/components/TableRow/useTableRow.ts | 5 ++++- .../src/components/TableRow/useTableRowStyles.ts | 6 ++---- .../components/TableSelectionCell/TableSelectionCell.tsx | 2 +- .../TableSelectionCell/TableSelectionCell.types.ts | 2 +- 34 files changed, 37 insertions(+), 52 deletions(-) create mode 100644 change/@fluentui-react-table-44e1732b-738d-495e-ac5b-8af6d9ab148b.json diff --git a/change/@fluentui-react-table-44e1732b-738d-495e-ac5b-8af6d9ab148b.json b/change/@fluentui-react-table-44e1732b-738d-495e-ac5b-8af6d9ab148b.json new file mode 100644 index 00000000000000..11dc088176d8f7 --- /dev/null +++ b/change/@fluentui-react-table-44e1732b-738d-495e-ac5b-8af6d9ab148b.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "refactor: Cleanup unused code", + "packageName": "@fluentui/react-table", + "email": "lingfangao@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-table/etc/react-table.api.md b/packages/react-components/react-table/etc/react-table.api.md index 47ff982dd4a83b..91f2eab30c7464 100644 --- a/packages/react-components/react-table/etc/react-table.api.md +++ b/packages/react-components/react-table/etc/react-table.api.md @@ -436,7 +436,9 @@ export type TableRowSlots = { }; // @public -export type TableRowState = ComponentState & Pick & Pick, 'appearance'>; +export type TableRowState = ComponentState & Pick & Pick, 'appearance'> & { + isHeaderRow: boolean; +}; // @public export const TableSelectionCell: ForwardRefComponent; @@ -445,7 +447,7 @@ export const TableSelectionCell: ForwardRefComponent; export const tableSelectionCellClassNames: SlotClassNames; // @public -export type TableSelectionCellProps = ComponentProps>> & { +export type TableSelectionCellProps = ComponentProps> & { type?: 'checkbox' | 'radio'; checked?: CheckboxProps['checked']; subtle?: boolean; diff --git a/packages/react-components/react-table/src/components/DataGrid/DataGrid.tsx b/packages/react-components/react-table/src/components/DataGrid/DataGrid.tsx index 45b5e4a4dfeade..778a2ad351a2cf 100644 --- a/packages/react-components/react-table/src/components/DataGrid/DataGrid.tsx +++ b/packages/react-components/react-table/src/components/DataGrid/DataGrid.tsx @@ -7,7 +7,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useDataGridContextValues_unstable } from './useDataGridContextValues'; /** - * DataGrid component - TODO: add more docs + * DataGrid component */ export const DataGrid: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useDataGrid_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx b/packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx index b21ff3d98ff2ed..35b2022006c053 100644 --- a/packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx +++ b/packages/react-components/react-table/src/components/DataGridBody/DataGridBody.tsx @@ -6,7 +6,7 @@ import type { DataGridBodyProps } from './DataGridBody.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * DataGridBody component - TODO: add more docs + * DataGridBody component */ export const DataGridBody: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useDataGridBody_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.tsx b/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.tsx index 6a97ccc5efb8e1..c525fbbded3736 100644 --- a/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.tsx +++ b/packages/react-components/react-table/src/components/DataGridCell/DataGridCell.tsx @@ -6,7 +6,7 @@ import type { DataGridCellProps } from './DataGridCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * DataGridCell component - TODO: add more docs + * DataGridCell component */ export const DataGridCell: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useDataGridCell_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.test.tsx b/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.test.tsx index 093aae96fa7f8e..c1fec0697321a2 100644 --- a/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.test.tsx +++ b/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.test.tsx @@ -10,8 +10,6 @@ describe('DataGridHeader', () => { displayName: 'DataGridHeader', }); - // TODO add more tests here, and create visual regression tests in /apps/vr-tests - it('renders a default state', () => { const result = render(Default DataGridHeader); expect(result.container).toMatchSnapshot(); diff --git a/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.tsx b/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.tsx index 1c81cd84f82262..9a4520caf87a57 100644 --- a/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.tsx +++ b/packages/react-components/react-table/src/components/DataGridHeader/DataGridHeader.tsx @@ -6,7 +6,7 @@ import type { DataGridHeaderProps } from './DataGridHeader.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * DataGridHeader component - TODO: add more docs + * DataGridHeader component */ export const DataGridHeader: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useDataGridHeader_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.test.tsx b/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.test.tsx index 3510ae70a97104..30165e85743612 100644 --- a/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.test.tsx +++ b/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.test.tsx @@ -22,8 +22,6 @@ describe('DataGridHeaderCell', () => { }, }); - // TODO add more tests here, and create visual regression tests in /apps/vr-tests - it('renders a default state', () => { const result = render(Default DataGridHeaderCell); expect(result.container).toMatchSnapshot(); diff --git a/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx b/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx index 573c7418a54abb..9c5ab92fc18e19 100644 --- a/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx +++ b/packages/react-components/react-table/src/components/DataGridHeaderCell/DataGridHeaderCell.tsx @@ -6,7 +6,7 @@ import type { DataGridHeaderCellProps } from './DataGridHeaderCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * DataGridHeaderCell component - TODO: add more docs + * DataGridHeaderCell component */ export const DataGridHeaderCell: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useDataGridHeaderCell_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx b/packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx index 51a060c4b7266e..688326d3652d73 100644 --- a/packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx +++ b/packages/react-components/react-table/src/components/DataGridRow/DataGridRow.tsx @@ -6,7 +6,7 @@ import type { DataGridRowProps } from './DataGridRow.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * DataGridRow component - TODO: add more docs + * DataGridRow component */ export const DataGridRow: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useDataGridRow_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.tsx b/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.tsx index 0af80f438a7d02..3ef7106f6c82cc 100644 --- a/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.tsx +++ b/packages/react-components/react-table/src/components/DataGridSelectionCell/DataGridSelectionCell.tsx @@ -6,7 +6,7 @@ import type { DataGridSelectionCellProps } from './DataGridSelectionCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * DataGridSelectionCell component - TODO: add more docs + * DataGridSelectionCell component */ export const DataGridSelectionCell: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useDataGridSelectionCell_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/Table/Table.test.tsx b/packages/react-components/react-table/src/components/Table/Table.test.tsx index 459be4451ee9ac..24331f7f7c5310 100644 --- a/packages/react-components/react-table/src/components/Table/Table.test.tsx +++ b/packages/react-components/react-table/src/components/Table/Table.test.tsx @@ -13,8 +13,6 @@ describe('Table', () => { displayName: 'Table', }); - // TODO add more tests here, and create visual regression tests in /apps/vr-tests - it('renders a default state', () => { const result = render( diff --git a/packages/react-components/react-table/src/components/Table/Table.tsx b/packages/react-components/react-table/src/components/Table/Table.tsx index e32b6fd1d24e42..2424f60896dd08 100644 --- a/packages/react-components/react-table/src/components/Table/Table.tsx +++ b/packages/react-components/react-table/src/components/Table/Table.tsx @@ -7,7 +7,7 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities'; import { useTableContextValues_unstable } from './useTableContextValues'; /** - * Table component - TODO: add more docs + * Table component */ export const Table: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useTable_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/TableBody/TableBody.test.tsx b/packages/react-components/react-table/src/components/TableBody/TableBody.test.tsx index adc39f28805c1d..b94ea852510602 100644 --- a/packages/react-components/react-table/src/components/TableBody/TableBody.test.tsx +++ b/packages/react-components/react-table/src/components/TableBody/TableBody.test.tsx @@ -18,8 +18,6 @@ describe('TableBody', () => { }, }); - // TODO add more tests here, and create visual regression tests in /apps/vr-tests - it('renders a default state', () => { const result = render( diff --git a/packages/react-components/react-table/src/components/TableBody/TableBody.tsx b/packages/react-components/react-table/src/components/TableBody/TableBody.tsx index 5744576992e686..8ab285d083231c 100644 --- a/packages/react-components/react-table/src/components/TableBody/TableBody.tsx +++ b/packages/react-components/react-table/src/components/TableBody/TableBody.tsx @@ -6,7 +6,7 @@ import type { TableBodyProps } from './TableBody.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * TableBody component - TODO: add more docs + * TableBody component */ export const TableBody: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useTableBody_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/TableBody/renderTableBody.tsx b/packages/react-components/react-table/src/components/TableBody/renderTableBody.tsx index 37cd35733d0ed2..4a956ca6a0803d 100644 --- a/packages/react-components/react-table/src/components/TableBody/renderTableBody.tsx +++ b/packages/react-components/react-table/src/components/TableBody/renderTableBody.tsx @@ -8,6 +8,5 @@ import type { TableBodyState, TableBodySlots } from './TableBody.types'; export const renderTableBody_unstable = (state: TableBodyState) => { const { slots, slotProps } = getSlots(state); - // TODO Add additional slots in the appropriate place return ; }; diff --git a/packages/react-components/react-table/src/components/TableCell/TableCell.test.tsx b/packages/react-components/react-table/src/components/TableCell/TableCell.test.tsx index 5adaeedafc352f..181b27748ac5a7 100644 --- a/packages/react-components/react-table/src/components/TableCell/TableCell.test.tsx +++ b/packages/react-components/react-table/src/components/TableCell/TableCell.test.tsx @@ -19,8 +19,6 @@ describe('TableCell', () => { displayName: 'TableCell', }); - // TODO add more tests here, and create visual regression tests in /apps/vr-tests - it('renders a default state', () => { const result = render(Default TableCell, { container: tr }); expect(result.container).toMatchSnapshot(); diff --git a/packages/react-components/react-table/src/components/TableCell/TableCell.tsx b/packages/react-components/react-table/src/components/TableCell/TableCell.tsx index 7f9521023cdd67..ef07842059bfd0 100644 --- a/packages/react-components/react-table/src/components/TableCell/TableCell.tsx +++ b/packages/react-components/react-table/src/components/TableCell/TableCell.tsx @@ -6,7 +6,7 @@ import type { TableCellProps } from './TableCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * TableCell component - TODO: add more docs + * TableCell component */ export const TableCell: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useTableCell_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.test.tsx b/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.test.tsx index 1308c68022a0c4..1bdc8407d69c6a 100644 --- a/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.test.tsx +++ b/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.test.tsx @@ -9,8 +9,6 @@ describe('TableCellActions', () => { displayName: 'TableCellActions', }); - // TODO add more tests here, and create visual regression tests in /apps/vr-tests - it('renders a default state', () => { const result = render(Default TableCellActions); expect(result.container).toMatchSnapshot(); diff --git a/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.tsx b/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.tsx index c9e4b8e644a96a..833e98a50d1e6a 100644 --- a/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.tsx +++ b/packages/react-components/react-table/src/components/TableCellActions/TableCellActions.tsx @@ -6,7 +6,7 @@ import type { TableCellActionsProps } from './TableCellActions.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * TableCellActions component - TODO: add more docs + * TableCellActions component */ export const TableCellActions: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useTableCellActions_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/TableCellActions/renderTableCellActions.tsx b/packages/react-components/react-table/src/components/TableCellActions/renderTableCellActions.tsx index 9ac7264ff869a8..dbc8dc61307603 100644 --- a/packages/react-components/react-table/src/components/TableCellActions/renderTableCellActions.tsx +++ b/packages/react-components/react-table/src/components/TableCellActions/renderTableCellActions.tsx @@ -8,6 +8,5 @@ import type { TableCellActionsState, TableCellActionsSlots } from './TableCellAc export const renderTableCellActions_unstable = (state: TableCellActionsState) => { const { slots, slotProps } = getSlots(state); - // TODO Add additional slots in the appropriate place return ; }; diff --git a/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.tsx b/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.tsx index 59c7638e1afc12..8c1489123eefbd 100644 --- a/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.tsx +++ b/packages/react-components/react-table/src/components/TableCellLayout/TableCellLayout.tsx @@ -7,7 +7,7 @@ import type { TableCellLayoutProps } from './TableCellLayout.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * TableCellLayout component - TODO: add more docs + * TableCellLayout component */ export const TableCellLayout: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useTableCellLayout_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/TableHeader/TableHeader.test.tsx b/packages/react-components/react-table/src/components/TableHeader/TableHeader.test.tsx index ed69a6190a688c..18ec788b39814d 100644 --- a/packages/react-components/react-table/src/components/TableHeader/TableHeader.test.tsx +++ b/packages/react-components/react-table/src/components/TableHeader/TableHeader.test.tsx @@ -18,8 +18,6 @@ describe('TableHeader', () => { }, }); - // TODO add more tests here, and create visual regression tests in /apps/vr-tests - it('renders a default state', () => { const result = render( diff --git a/packages/react-components/react-table/src/components/TableHeader/TableHeader.tsx b/packages/react-components/react-table/src/components/TableHeader/TableHeader.tsx index 1f0575836ca8c3..90de354f498435 100644 --- a/packages/react-components/react-table/src/components/TableHeader/TableHeader.tsx +++ b/packages/react-components/react-table/src/components/TableHeader/TableHeader.tsx @@ -6,7 +6,7 @@ import type { TableHeaderProps } from './TableHeader.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * TableHeader component - TODO: add more docs + * TableHeader component */ export const TableHeader: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useTableHeader_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/TableHeader/useTableHeaderStyles.ts b/packages/react-components/react-table/src/components/TableHeader/useTableHeaderStyles.ts index 155f6e6a6ee4ce..2b50d32e7ffb1c 100644 --- a/packages/react-components/react-table/src/components/TableHeader/useTableHeaderStyles.ts +++ b/packages/react-components/react-table/src/components/TableHeader/useTableHeaderStyles.ts @@ -11,14 +11,6 @@ const useFlexLayoutStyles = makeStyles({ root: { display: 'block', }, - - roottable: { - display: 'table-row-group', - }, - - rootFlex: { - display: 'block', - }, }); const useTableLayoutStyles = makeStyles({ diff --git a/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.tsx b/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.tsx index 7eb0dcca563081..328e91f4436a2d 100644 --- a/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.tsx +++ b/packages/react-components/react-table/src/components/TableHeaderCell/TableHeaderCell.tsx @@ -6,7 +6,7 @@ import type { TableHeaderCellProps } from './TableHeaderCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * TableHeaderCell component - TODO: add more docs + * TableHeaderCell component */ export const TableHeaderCell: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useTableHeaderCell_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/TableRow/TableRow.test.tsx b/packages/react-components/react-table/src/components/TableRow/TableRow.test.tsx index 84c9998fbc1844..2e82a0a45242e9 100644 --- a/packages/react-components/react-table/src/components/TableRow/TableRow.test.tsx +++ b/packages/react-components/react-table/src/components/TableRow/TableRow.test.tsx @@ -20,8 +20,6 @@ describe('TableRow', () => { displayName: 'TableRow', }); - // TODO add more tests here, and create visual regression tests in /apps/vr-tests - it('renders a default state', () => { const result = render( diff --git a/packages/react-components/react-table/src/components/TableRow/TableRow.tsx b/packages/react-components/react-table/src/components/TableRow/TableRow.tsx index b6e38ec40e1cd4..5c115582e06118 100644 --- a/packages/react-components/react-table/src/components/TableRow/TableRow.tsx +++ b/packages/react-components/react-table/src/components/TableRow/TableRow.tsx @@ -6,7 +6,7 @@ import type { TableRowProps } from './TableRow.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * TableRow component - TODO: add more docs + * TableRow component */ export const TableRow: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useTableRow_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/TableRow/TableRow.types.ts b/packages/react-components/react-table/src/components/TableRow/TableRow.types.ts index 9965025e3096f9..83373b933e5e26 100644 --- a/packages/react-components/react-table/src/components/TableRow/TableRow.types.ts +++ b/packages/react-components/react-table/src/components/TableRow/TableRow.types.ts @@ -22,4 +22,6 @@ export type TableRowProps = ComponentProps & { */ export type TableRowState = ComponentState & Pick & - Pick, 'appearance'>; + Pick, 'appearance'> & { + isHeaderRow: boolean; + }; diff --git a/packages/react-components/react-table/src/components/TableRow/renderTableRow.tsx b/packages/react-components/react-table/src/components/TableRow/renderTableRow.tsx index 9e6a7a33f76d54..d89b87d07b55c3 100644 --- a/packages/react-components/react-table/src/components/TableRow/renderTableRow.tsx +++ b/packages/react-components/react-table/src/components/TableRow/renderTableRow.tsx @@ -8,6 +8,5 @@ import type { TableRowState, TableRowSlots } from './TableRow.types'; export const renderTableRow_unstable = (state: TableRowState) => { const { slots, slotProps } = getSlots(state); - // TODO Add additional slots in the appropriate place return ; }; diff --git a/packages/react-components/react-table/src/components/TableRow/useTableRow.ts b/packages/react-components/react-table/src/components/TableRow/useTableRow.ts index 2707d66c523eee..8bd052fe8fe345 100644 --- a/packages/react-components/react-table/src/components/TableRow/useTableRow.ts +++ b/packages/react-components/react-table/src/components/TableRow/useTableRow.ts @@ -1,8 +1,9 @@ import * as React from 'react'; import { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities'; +import { useFocusVisible, useFocusWithin } from '@fluentui/react-tabster'; import type { TableRowProps, TableRowState } from './TableRow.types'; import { useTableContext } from '../../contexts/tableContext'; -import { useFocusVisible, useFocusWithin } from '@fluentui/react-tabster'; +import { useIsInTableHeader } from '../../contexts/tableHeaderContext'; /** * Create the state required to render TableRow. @@ -18,6 +19,7 @@ export const useTableRow_unstable = (props: TableRowProps, ref: React.Ref = { @@ -151,7 +150,6 @@ const useStyles = makeStyles({ * Apply styling to the TableRow slots based on the state */ export const useTableRowStyles_unstable = (state: TableRowState): TableRowState => { - const isHeaderRow = useIsInTableHeader(); const styles = useStyles(); const layoutStyles = { table: useTableLayoutStyles(), @@ -160,11 +158,11 @@ export const useTableRowStyles_unstable = (state: TableRowState): TableRowState state.root.className = mergeClasses( tableRowClassNames.root, styles.root, - !isHeaderRow && styles.rootInteractive, + !state.isHeaderRow && styles.rootInteractive, styles[state.size], state.noNativeElements ? layoutStyles.flex.root : layoutStyles.table.root, styles[state.appearance], - state.appearance === 'none' && !isHeaderRow && styles.noAppearanceFocusWithin, + state.appearance === 'none' && !state.isHeaderRow && styles.noAppearanceFocusWithin, state.root.className, ); diff --git a/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.tsx b/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.tsx index 329fab4f764dcc..5f67261dfe749b 100644 --- a/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.tsx +++ b/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.tsx @@ -6,7 +6,7 @@ import type { TableSelectionCellProps } from './TableSelectionCell.types'; import type { ForwardRefComponent } from '@fluentui/react-utilities'; /** - * TableSelectionCell component - TODO: add more docs + * TableSelectionCell component */ export const TableSelectionCell: ForwardRefComponent = React.forwardRef((props, ref) => { const state = useTableSelectionCell_unstable(props, ref); diff --git a/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.types.ts b/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.types.ts index 15b93af1f00ba4..5fb7baeec76df3 100644 --- a/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.types.ts +++ b/packages/react-components/react-table/src/components/TableSelectionCell/TableSelectionCell.types.ts @@ -18,7 +18,7 @@ export type TableSelectionCellSlots = { /** * TableSelectionCell Props */ -export type TableSelectionCellProps = ComponentProps>> & { +export type TableSelectionCellProps = ComponentProps> & { /** * A table can have two kinds of selection modes. * @default checkbox From 26f0364b3837056ee8e0df42a7932c298c68290e Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Mon, 9 Jan 2023 10:45:31 -0300 Subject: [PATCH 17/29] fix: stops using ARIAButton types for MenuItem root (#26257) --- ...-90f8d720-d06d-48f0-a6ad-2d96810d1dfc.json | 7 ++ .../react-menu/etc/react-menu.api.md | 7 +- .../src/components/MenuItem/MenuItem.types.ts | 10 ++- .../src/components/MenuItem/useMenuItem.tsx | 79 ++++++++----------- 4 files changed, 52 insertions(+), 51 deletions(-) create mode 100644 change/@fluentui-react-menu-90f8d720-d06d-48f0-a6ad-2d96810d1dfc.json diff --git a/change/@fluentui-react-menu-90f8d720-d06d-48f0-a6ad-2d96810d1dfc.json b/change/@fluentui-react-menu-90f8d720-d06d-48f0-a6ad-2d96810d1dfc.json new file mode 100644 index 00000000000000..dc9e9baba7f62e --- /dev/null +++ b/change/@fluentui-react-menu-90f8d720-d06d-48f0-a6ad-2d96810d1dfc.json @@ -0,0 +1,7 @@ +{ + "type": "minor", + "comment": "Stops using ARIAButton types for MenuItem root", + "packageName": "@fluentui/react-menu", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-menu/etc/react-menu.api.md b/packages/react-components/react-menu/etc/react-menu.api.md index 22fb6083a701bd..ec11c53d616284 100644 --- a/packages/react-components/react-menu/etc/react-menu.api.md +++ b/packages/react-components/react-menu/etc/react-menu.api.md @@ -6,9 +6,8 @@ /// -import type { ARIAButtonElement } from '@fluentui/react-aria'; +import { ARIAButtonElement } from '@fluentui/react-aria'; import { ARIAButtonResultProps } from '@fluentui/react-aria'; -import type { ARIAButtonSlotProps } from '@fluentui/react-aria'; import { ARIAButtonType } from '@fluentui/react-aria'; import type { ComponentProps } from '@fluentui/react-utilities'; import type { ComponentState } from '@fluentui/react-utilities'; @@ -134,6 +133,8 @@ export const menuItemClassNames: SlotClassNames; export type MenuItemProps = ComponentProps> & { hasSubmenu?: boolean; persistOnClick?: boolean; + disabled?: boolean; + disabledFocusable?: boolean; }; // @public @@ -161,7 +162,7 @@ export type MenuItemSelectableState = MenuItemSelectableProps & { // @public (undocumented) export type MenuItemSlots = { - root: Slot>; + root: Slot<'div', 'button'>; icon?: Slot<'span'>; checkmark?: Slot<'span'>; submenuIndicator?: Slot<'span'>; diff --git a/packages/react-components/react-menu/src/components/MenuItem/MenuItem.types.ts b/packages/react-components/react-menu/src/components/MenuItem/MenuItem.types.ts index cb8b0a30e6e31f..1be90f0200037f 100644 --- a/packages/react-components/react-menu/src/components/MenuItem/MenuItem.types.ts +++ b/packages/react-components/react-menu/src/components/MenuItem/MenuItem.types.ts @@ -1,8 +1,7 @@ -import type { ARIAButtonSlotProps } from '@fluentui/react-aria'; import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities'; export type MenuItemSlots = { - root: Slot>; + root: Slot<'div', 'button'>; /** * Icon slot rendered before children content @@ -46,6 +45,13 @@ export type MenuItemProps = ComponentProps> & { * @default false */ persistOnClick?: boolean; + + disabled?: boolean; + /** + * @deprecated this property does nothing. + * disabled focusable is by default by simply using `disabled` property + */ + disabledFocusable?: boolean; }; export type MenuItemState = ComponentState & diff --git a/packages/react-components/react-menu/src/components/MenuItem/useMenuItem.tsx b/packages/react-components/react-menu/src/components/MenuItem/useMenuItem.tsx index e10f21c7356971..2eda70c9e64c0b 100644 --- a/packages/react-components/react-menu/src/components/MenuItem/useMenuItem.tsx +++ b/packages/react-components/react-menu/src/components/MenuItem/useMenuItem.tsx @@ -13,8 +13,7 @@ import { import { useMenuListContext_unstable } from '../../contexts/menuListContext'; import { useMenuContext_unstable } from '../../contexts/menuContext'; import type { MenuItemProps, MenuItemState } from './MenuItem.types'; -import type { ARIAButtonElement, ARIAButtonElementIntersection, ARIAButtonSlotProps } from '@fluentui/react-aria'; -import { useARIAButtonShorthand } from '@fluentui/react-aria'; +import { ARIAButtonElement, ARIAButtonElementIntersection, useARIAButtonProps } from '@fluentui/react-aria'; import { Enter, Space } from '@fluentui/keyboard-keys'; const ChevronRightIcon = bundleIcon(ChevronRightFilled, ChevronRightRegular); @@ -26,13 +25,7 @@ const ChevronLeftIcon = bundleIcon(ChevronLeftFilled, ChevronLeftRegular); export const useMenuItem_unstable = (props: MenuItemProps, ref: React.Ref>): MenuItemState => { const isSubmenuTrigger = useMenuTriggerContext_unstable(); const persistOnClickContext = useMenuContext_unstable(context => context.persistOnItemClick); - const { - as = 'div', - disabled, - disabledFocusable, - hasSubmenu = isSubmenuTrigger, - persistOnClick = persistOnClickContext, - } = props; + const { as = 'div', disabled = false, hasSubmenu = isSubmenuTrigger, persistOnClick = persistOnClickContext } = props; const hasIcons = useMenuListContext_unstable(context => context.hasIcons); const hasCheckmarks = useMenuListContext_unstable(context => context.hasCheckmarks); const setOpen = useMenuContext_unstable(context => context.setOpen); @@ -41,11 +34,9 @@ export const useMenuItem_unstable = (props: MenuItemProps, ref: React.Ref>(null); const dismissedWithKeyboardRef = React.useRef(false); - const isDisabled = Boolean(disabled || disabledFocusable); - const state: MenuItemState = { hasSubmenu, - disabled: isDisabled, + disabled, persistOnClick, components: { root: 'div', @@ -58,42 +49,38 @@ export const useMenuItem_unstable = (props: MenuItemProps, ref: React.Ref>( - { disabled: false, disabledFocusable: isDisabled, as }, - { - required: true, - defaultProps: { - role: 'menuitem', - ...props, - ref: useMergedRefs(ref, innerRef) as React.Ref>, - onKeyDown: useEventCallback(event => { - props.onKeyDown?.(event); - if (!event.isDefaultPrevented() && (event.key === Space || event.key === Enter)) { - dismissedWithKeyboardRef.current = true; - } - }), - onMouseEnter: useEventCallback(event => { - innerRef.current?.focus(); + useARIAButtonProps(as, { + role: 'menuitem', + ...props, + disabled: false, + disabledFocusable: disabled, + ref: useMergedRefs(ref, innerRef) as React.Ref>, + onKeyDown: useEventCallback(event => { + props.onKeyDown?.(event); + if (!event.isDefaultPrevented() && (event.key === Space || event.key === Enter)) { + dismissedWithKeyboardRef.current = true; + } + }), + onMouseEnter: useEventCallback(event => { + innerRef.current?.focus(); - props.onMouseEnter?.(event); - }), - onClick: useEventCallback(event => { - if (!hasSubmenu && !persistOnClick) { - setOpen(event, { - open: false, - keyboard: dismissedWithKeyboardRef.current, - bubble: true, - type: 'menuItemClick', - event, - }); - dismissedWithKeyboardRef.current = false; - } + props.onMouseEnter?.(event); + }), + onClick: useEventCallback(event => { + if (!hasSubmenu && !persistOnClick) { + setOpen(event, { + open: false, + keyboard: dismissedWithKeyboardRef.current, + bubble: true, + type: 'menuItemClick', + event, + }); + dismissedWithKeyboardRef.current = false; + } - props.onClick?.(event); - }), - }, - }, - ), + props.onClick?.(event); + }), + }), ), icon: resolveShorthand(props.icon, { required: hasIcons }), checkmark: resolveShorthand(props.checkmark, { required: hasCheckmarks }), From d246e70eba59a37ec311dbf933b0745d34cb700d Mon Sep 17 00:00:00 2001 From: Martin Hochel Date: Mon, 9 Jan 2023 15:22:10 +0100 Subject: [PATCH 18/29] chore: add more temporary codeowner rools for tooling config files (#26255) --- .github/CODEOWNERS | 3 +++ 1 file changed, 3 insertions(+) diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index e0308684cdd0d1..7418bc85f8439c 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -249,3 +249,6 @@ packages/react-experiments/src/components/TileList @ThomasMichon **/tsconfig.lib.json @microsoft/fluentui-react-build **/tsconfig.spec.json @microsoft/fluentui-react-build **/package.json @microsoft/fluentui-react-build +**/cypress.config.ts @microsoft/fluentui-react-build +**/api-extractor.json @microsoft/fluentui-react-build +**/api-extractor.unstable.json @microsoft/fluentui-react-build From 55c6dc163ae17faa2fe843447cf47ac207a99141 Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Mon, 9 Jan 2023 14:35:11 +0000 Subject: [PATCH 19/29] applying package updates --- apps/perf-test-react-components/package.json | 10 +- apps/public-docsite-v9/package.json | 2 +- apps/react-18-tests-v9/package.json | 2 +- apps/ssr-tests-v9/package.json | 2 +- apps/stress-test/package.json | 2 +- .../package.json | 2 +- apps/vr-tests-react-components/package.json | 66 +++---- ...-ce88081e-3bca-43af-af07-3d0139c75b01.json | 7 - ...-f75da68b-fbbc-4e85-82ef-c183a93b3c91.json | 7 - ...-a6c512bd-b2fc-4a49-8821-e3dcb2b2e162.json | 7 - ...-5c691abc-5159-42dc-93aa-559dd63d79c4.json | 7 - ...-19ee69d2-bc7a-430d-ade0-d789bfc39c50.json | 7 - ...-9f8aba26-8e89-4812-a093-00ff3dd02053.json | 7 - ...-b1fa3ab7-ea40-4131-ba9a-4e1f7b78d110.json | 7 - ...-fdd6f6e7-4e2b-4ae2-ae93-f30b682c0bba.json | 7 - ...-a5962ef1-8a42-4f12-ad72-e7844fd7feb9.json | 7 - ...-7ad515c7-ae51-477d-9289-c01f7a691b06.json | 7 - ...-90f8d720-d06d-48f0-a6ad-2d96810d1dfc.json | 7 - ...-b93d4bd8-ff8b-471d-b7a6-f3a4cebf724e.json | 7 - ...-1516fc28-9fa1-46ea-93e4-385e94dcb66c.json | 7 - ...-8cc85909-942a-4e54-b6a5-b478caed8367.json | 7 - ...-408eb4c4-386a-4c6d-86a8-5a83f5b428a2.json | 7 - ...-e6c0c11d-26c7-48a2-ae7e-ef5aa0fa8829.json | 7 - ...-5ad76945-0626-47e1-95d8-8cdc349fbd47.json | 7 - ...-21796411-1141-48dd-a149-ba271d35e7f9.json | 7 - ...-45598597-4040-42f2-b31b-bcf054b72635.json | 7 - ...-2f6ac7ff-0a0f-4fcf-8515-64378641f5c3.json | 7 - ...-44e1732b-738d-495e-ac5b-8af6d9ab148b.json | 7 - ...-6f22423b-4f4c-45da-a1f9-d431ccfefded.json | 7 - ...-b7b4e350-1297-4672-9a9d-88072c4990fa.json | 7 - ...-b8515237-27e4-4cfc-98de-2a5465e31a0d.json | 7 - ...-ab6fb601-aa28-4463-bbbc-3c7d5ba43a52.json | 7 - ...-3f790b94-9bc3-4da3-b47d-0020c18fa71a.json | 7 - ...-818cadf1-b5b0-400f-b65d-f5ff490c6fa5.json | 7 - .../CHANGELOG.json | 23 +++ .../babel-preset-global-context/CHANGELOG.md | 11 +- .../babel-preset-global-context/package.json | 4 +- .../global-context/CHANGELOG.json | 29 +++ .../global-context/CHANGELOG.md | 12 +- .../global-context/package.json | 6 +- .../priority-overflow/CHANGELOG.json | 15 ++ .../priority-overflow/CHANGELOG.md | 11 +- .../priority-overflow/package.json | 2 +- .../react-accordion/CHANGELOG.json | 33 ++++ .../react-accordion/CHANGELOG.md | 14 +- .../react-accordion/package.json | 10 +- .../react-alert/CHANGELOG.json | 33 ++++ .../react-components/react-alert/CHANGELOG.md | 14 +- .../react-components/react-alert/package.json | 10 +- .../react-aria/CHANGELOG.json | 15 ++ .../react-components/react-aria/CHANGELOG.md | 11 +- .../react-components/react-aria/package.json | 4 +- .../react-avatar-context/package.json | 2 +- .../react-avatar/CHANGELOG.json | 53 ++++++ .../react-avatar/CHANGELOG.md | 16 +- .../react-avatar/package.json | 14 +- .../react-badge/CHANGELOG.json | 15 ++ .../react-components/react-badge/CHANGELOG.md | 11 +- .../react-components/react-badge/package.json | 4 +- .../react-button/CHANGELOG.json | 27 +++ .../react-button/CHANGELOG.md | 13 +- .../react-button/package.json | 8 +- .../react-card/CHANGELOG.json | 35 ++++ .../react-components/react-card/CHANGELOG.md | 13 +- .../react-components/react-card/package.json | 8 +- .../react-checkbox/CHANGELOG.json | 33 ++++ .../react-checkbox/CHANGELOG.md | 14 +- .../react-checkbox/package.json | 10 +- .../react-combobox/CHANGELOG.json | 51 +++++ .../react-combobox/CHANGELOG.md | 17 +- .../react-combobox/package.json | 12 +- .../react-components/CHANGELOG.json | 177 ++++++++++++++++++ .../react-components/CHANGELOG.md | 39 +++- .../react-components/package.json | 78 ++++---- .../react-context-selector/CHANGELOG.json | 15 ++ .../react-context-selector/CHANGELOG.md | 11 +- .../react-context-selector/package.json | 4 +- .../react-data-grid-react-window/package.json | 2 +- .../react-dialog/CHANGELOG.json | 47 +++++ .../react-dialog/CHANGELOG.md | 15 +- .../react-dialog/package.json | 12 +- .../react-divider/CHANGELOG.json | 15 ++ .../react-divider/CHANGELOG.md | 11 +- .../react-divider/package.json | 4 +- .../react-field/CHANGELOG.json | 27 +++ .../react-components/react-field/CHANGELOG.md | 13 +- .../react-components/react-field/package.json | 8 +- .../react-image/CHANGELOG.json | 15 ++ .../react-components/react-image/CHANGELOG.md | 11 +- .../react-components/react-image/package.json | 4 +- .../react-infobutton/CHANGELOG.json | 27 +++ .../react-infobutton/CHANGELOG.md | 13 +- .../react-infobutton/package.json | 8 +- .../react-input/CHANGELOG.json | 27 +++ .../react-components/react-input/CHANGELOG.md | 13 +- .../react-components/react-input/package.json | 8 +- .../react-label/CHANGELOG.json | 15 ++ .../react-components/react-label/CHANGELOG.md | 11 +- .../react-components/react-label/package.json | 4 +- .../react-link/CHANGELOG.json | 21 +++ .../react-components/react-link/CHANGELOG.md | 12 +- .../react-components/react-link/package.json | 6 +- .../react-menu/CHANGELOG.json | 67 +++++++ .../react-components/react-menu/CHANGELOG.md | 21 ++- .../react-components/react-menu/package.json | 14 +- .../react-overflow/CHANGELOG.json | 41 ++++ .../react-overflow/CHANGELOG.md | 13 +- .../react-overflow/package.json | 8 +- .../react-persona/CHANGELOG.json | 27 +++ .../react-persona/CHANGELOG.md | 13 +- .../react-persona/package.json | 8 +- .../react-popover/CHANGELOG.json | 59 ++++++ .../react-popover/CHANGELOG.md | 17 +- .../react-popover/package.json | 14 +- .../react-portal-compat/CHANGELOG.json | 29 +++ .../react-portal-compat/CHANGELOG.md | 12 +- .../react-portal-compat/package.json | 8 +- .../react-portal/CHANGELOG.json | 27 +++ .../react-portal/CHANGELOG.md | 13 +- .../react-portal/package.json | 6 +- .../react-positioning/CHANGELOG.json | 21 +++ .../react-positioning/CHANGELOG.md | 12 +- .../react-positioning/package.json | 4 +- .../react-progress/CHANGELOG.json | 21 +++ .../react-progress/CHANGELOG.md | 12 +- .../react-progress/package.json | 6 +- .../react-provider/CHANGELOG.json | 21 +++ .../react-provider/CHANGELOG.md | 12 +- .../react-provider/package.json | 6 +- .../react-radio/CHANGELOG.json | 39 ++++ .../react-components/react-radio/CHANGELOG.md | 15 +- .../react-components/react-radio/package.json | 12 +- .../react-select/CHANGELOG.json | 21 +++ .../react-select/CHANGELOG.md | 12 +- .../react-select/package.json | 6 +- .../react-skeleton/package.json | 2 +- .../react-slider/CHANGELOG.json | 33 ++++ .../react-slider/CHANGELOG.md | 14 +- .../react-slider/package.json | 10 +- .../react-spinbutton/CHANGELOG.json | 33 ++++ .../react-spinbutton/CHANGELOG.md | 14 +- .../react-spinbutton/package.json | 10 +- .../react-spinner/CHANGELOG.json | 21 +++ .../react-spinner/CHANGELOG.md | 12 +- .../react-spinner/package.json | 6 +- .../react-storybook-addon/package.json | 2 +- .../react-switch/CHANGELOG.json | 33 ++++ .../react-switch/CHANGELOG.md | 14 +- .../react-switch/package.json | 10 +- .../react-table/CHANGELOG.json | 83 ++++++++ .../react-components/react-table/CHANGELOG.md | 20 +- .../react-components/react-table/package.json | 16 +- .../react-tabs/CHANGELOG.json | 27 +++ .../react-components/react-tabs/CHANGELOG.md | 13 +- .../react-components/react-tabs/package.json | 8 +- .../react-tabster/CHANGELOG.json | 23 +++ .../react-tabster/CHANGELOG.md | 11 +- .../react-tabster/package.json | 4 +- .../react-components/react-tags/package.json | 2 +- .../react-text/CHANGELOG.json | 15 ++ .../react-components/react-text/CHANGELOG.md | 11 +- .../react-components/react-text/package.json | 4 +- .../react-textarea/CHANGELOG.json | 21 +++ .../react-textarea/CHANGELOG.md | 12 +- .../react-textarea/package.json | 6 +- .../react-toolbar/CHANGELOG.json | 53 ++++++ .../react-toolbar/CHANGELOG.md | 16 +- .../react-toolbar/package.json | 14 +- .../react-tooltip/CHANGELOG.json | 27 +++ .../react-tooltip/CHANGELOG.md | 13 +- .../react-tooltip/package.json | 8 +- .../react-components/react-tree/package.json | 10 +- .../react-utilities/CHANGELOG.json | 15 ++ .../react-utilities/CHANGELOG.md | 11 +- .../react-utilities/package.json | 2 +- .../theme-designer/package.json | 8 +- packages/react-migration-v8-v9/package.json | 4 +- 177 files changed, 2347 insertions(+), 502 deletions(-) delete mode 100644 change/@fluentui-babel-preset-global-context-ce88081e-3bca-43af-af07-3d0139c75b01.json delete mode 100644 change/@fluentui-global-context-f75da68b-fbbc-4e85-82ef-c183a93b3c91.json delete mode 100644 change/@fluentui-priority-overflow-a6c512bd-b2fc-4a49-8821-e3dcb2b2e162.json delete mode 100644 change/@fluentui-react-avatar-5c691abc-5159-42dc-93aa-559dd63d79c4.json delete mode 100644 change/@fluentui-react-card-19ee69d2-bc7a-430d-ade0-d789bfc39c50.json delete mode 100644 change/@fluentui-react-combobox-9f8aba26-8e89-4812-a093-00ff3dd02053.json delete mode 100644 change/@fluentui-react-combobox-b1fa3ab7-ea40-4131-ba9a-4e1f7b78d110.json delete mode 100644 change/@fluentui-react-components-fdd6f6e7-4e2b-4ae2-ae93-f30b682c0bba.json delete mode 100644 change/@fluentui-react-dialog-a5962ef1-8a42-4f12-ad72-e7844fd7feb9.json delete mode 100644 change/@fluentui-react-menu-7ad515c7-ae51-477d-9289-c01f7a691b06.json delete mode 100644 change/@fluentui-react-menu-90f8d720-d06d-48f0-a6ad-2d96810d1dfc.json delete mode 100644 change/@fluentui-react-menu-b93d4bd8-ff8b-471d-b7a6-f3a4cebf724e.json delete mode 100644 change/@fluentui-react-overflow-1516fc28-9fa1-46ea-93e4-385e94dcb66c.json delete mode 100644 change/@fluentui-react-overflow-8cc85909-942a-4e54-b6a5-b478caed8367.json delete mode 100644 change/@fluentui-react-popover-408eb4c4-386a-4c6d-86a8-5a83f5b428a2.json delete mode 100644 change/@fluentui-react-popover-e6c0c11d-26c7-48a2-ae7e-ef5aa0fa8829.json delete mode 100644 change/@fluentui-react-portal-5ad76945-0626-47e1-95d8-8cdc349fbd47.json delete mode 100644 change/@fluentui-react-portal-compat-21796411-1141-48dd-a149-ba271d35e7f9.json delete mode 100644 change/@fluentui-react-positioning-45598597-4040-42f2-b31b-bcf054b72635.json delete mode 100644 change/@fluentui-react-table-2f6ac7ff-0a0f-4fcf-8515-64378641f5c3.json delete mode 100644 change/@fluentui-react-table-44e1732b-738d-495e-ac5b-8af6d9ab148b.json delete mode 100644 change/@fluentui-react-table-6f22423b-4f4c-45da-a1f9-d431ccfefded.json delete mode 100644 change/@fluentui-react-table-b7b4e350-1297-4672-9a9d-88072c4990fa.json delete mode 100644 change/@fluentui-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json delete mode 100644 change/@fluentui-react-tabster-ab6fb601-aa28-4463-bbbc-3c7d5ba43a52.json delete mode 100644 change/@fluentui-react-toolbar-3f790b94-9bc3-4da3-b47d-0020c18fa71a.json delete mode 100644 change/@fluentui-react-utilities-818cadf1-b5b0-400f-b65d-f5ff490c6fa5.json diff --git a/apps/perf-test-react-components/package.json b/apps/perf-test-react-components/package.json index 1a2714900ab306..e10254a5623231 100644 --- a/apps/perf-test-react-components/package.json +++ b/apps/perf-test-react-components/package.json @@ -17,11 +17,11 @@ }, "dependencies": { "@griffel/core": "^1.9.0", - "@fluentui/react-avatar": "^9.2.11", - "@fluentui/react-button": "^9.1.13", - "@fluentui/react-persona": "^9.1.0", - "@fluentui/react-provider": "^9.2.0", - "@fluentui/react-spinbutton": "^9.0.13", + "@fluentui/react-avatar": "^9.2.12", + "@fluentui/react-button": "^9.1.14", + "@fluentui/react-persona": "^9.1.1", + "@fluentui/react-provider": "^9.2.1", + "@fluentui/react-spinbutton": "^9.0.14", "@fluentui/react-theme": "^9.1.5", "@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 c32dce02d7907d..80a41dee7fe805 100644 --- a/apps/public-docsite-v9/package.json +++ b/apps/public-docsite-v9/package.json @@ -25,7 +25,7 @@ "@fluentui/react-northstar": "^0.65.0", "@fluentui/react-icons-northstar": "^0.65.0", "@fluentui/storybook": "^1.0.0", - "@fluentui/react-components": "^9.8.0", + "@fluentui/react-components": "^9.9.0", "@fluentui/react-storybook-addon": "9.0.0-rc.1", "@fluentui/react-theme": "^9.1.5", "@griffel/react": "^1.5.2", diff --git a/apps/react-18-tests-v9/package.json b/apps/react-18-tests-v9/package.json index 9f268346100d86..4acc2c8249a224 100644 --- a/apps/react-18-tests-v9/package.json +++ b/apps/react-18-tests-v9/package.json @@ -18,7 +18,7 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-components": "^9.8.0", + "@fluentui/react-components": "^9.9.0", "@types/react": "18.0.14", "@types/react-dom": "18.0.6", "react": "18.2.0", diff --git a/apps/ssr-tests-v9/package.json b/apps/ssr-tests-v9/package.json index 5b43278afb30f1..3f7f3dac122c8c 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.8.0" + "@fluentui/react-components": "^9.9.0" }, "devDependencies": { "@fluentui/eslint-plugin": "*", diff --git a/apps/stress-test/package.json b/apps/stress-test/package.json index 184eb1f6312add..629b8d17d29805 100644 --- a/apps/stress-test/package.json +++ b/apps/stress-test/package.json @@ -11,7 +11,7 @@ }, "dependencies": { "@fluentui/react": "^8.104.3", - "@fluentui/react-components": "^9.8.0", + "@fluentui/react-components": "^9.9.0", "@fluentui/react-icons": "^2.0.175", "@fluentui/web-components": "^2.5.9", "@microsoft/fast-element": "^1.10.4", diff --git a/apps/ts-minbar-test-react-components/package.json b/apps/ts-minbar-test-react-components/package.json index d2b50819ce581a..97ecf7d1c2255d 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.8.0" + "@fluentui/react-components": "^9.9.0" }, "scripts": { "type-check": "tsc -p .", diff --git a/apps/vr-tests-react-components/package.json b/apps/vr-tests-react-components/package.json index c151e8a0b41414..e8214b1b960c45 100644 --- a/apps/vr-tests-react-components/package.json +++ b/apps/vr-tests-react-components/package.json @@ -19,43 +19,43 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-accordion": "^9.0.16", - "@fluentui/react-avatar": "^9.2.11", - "@fluentui/react-badge": "^9.0.17", - "@fluentui/react-button": "^9.1.13", - "@fluentui/react-card": "9.0.0-beta.37", - "@fluentui/react-checkbox": "^9.0.17", - "@fluentui/react-combobox": "^9.0.0-beta.20", - "@fluentui/react-dialog": "^9.1.6", - "@fluentui/react-divider": "^9.1.9", - "@fluentui/react-field": "9.0.0-alpha.13", + "@fluentui/react-accordion": "^9.0.17", + "@fluentui/react-avatar": "^9.2.12", + "@fluentui/react-badge": "^9.0.18", + "@fluentui/react-button": "^9.1.14", + "@fluentui/react-card": "9.0.0-beta.38", + "@fluentui/react-checkbox": "^9.0.18", + "@fluentui/react-combobox": "^9.0.0-beta.21", + "@fluentui/react-dialog": "^9.1.7", + "@fluentui/react-divider": "^9.1.10", + "@fluentui/react-field": "9.0.0-alpha.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-image": "^9.0.16", - "@fluentui/react-input": "^9.2.10", - "@fluentui/react-label": "^9.0.15", - "@fluentui/react-link": "^9.0.16", - "@fluentui/react-menu": "^9.5.4", - "@fluentui/react-persona": "^9.1.0", - "@fluentui/react-popover": "^9.3.6", - "@fluentui/react-positioning": "^9.3.6", - "@fluentui/react-progress": "9.0.0-alpha.10", - "@fluentui/react-provider": "^9.2.0", - "@fluentui/react-radio": "^9.0.16", - "@fluentui/react-select": "9.0.0-beta.19", + "@fluentui/react-image": "^9.0.17", + "@fluentui/react-input": "^9.2.11", + "@fluentui/react-label": "^9.0.16", + "@fluentui/react-link": "^9.0.17", + "@fluentui/react-menu": "^9.6.0", + "@fluentui/react-persona": "^9.1.1", + "@fluentui/react-popover": "^9.4.0", + "@fluentui/react-positioning": "^9.3.7", + "@fluentui/react-progress": "9.0.0-alpha.11", + "@fluentui/react-provider": "^9.2.1", + "@fluentui/react-radio": "^9.0.17", + "@fluentui/react-select": "9.0.0-beta.20", "@fluentui/react-shared-contexts": "^9.1.4", - "@fluentui/react-slider": "^9.0.15", - "@fluentui/react-spinner": "^9.0.15", - "@fluentui/react-spinbutton": "^9.0.13", + "@fluentui/react-slider": "^9.0.16", + "@fluentui/react-spinner": "^9.0.16", + "@fluentui/react-spinbutton": "^9.0.14", "@fluentui/react-storybook-addon": "9.0.0-rc.1", - "@fluentui/react-switch": "^9.0.16", - "@fluentui/react-tabs": "^9.1.5", - "@fluentui/react-table": "9.0.0-alpha.16", - "@fluentui/react-text": "^9.1.11", - "@fluentui/react-textarea": "^9.1.10", + "@fluentui/react-switch": "^9.0.17", + "@fluentui/react-tabs": "^9.1.6", + "@fluentui/react-table": "9.0.0-alpha.17", + "@fluentui/react-text": "^9.1.12", + "@fluentui/react-textarea": "^9.1.11", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-tooltip": "^9.1.6", - "@fluentui/react-toolbar": "9.0.0-rc.3", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-tooltip": "^9.1.7", + "@fluentui/react-toolbar": "9.0.0-rc.4", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "react": "17.0.2", "react-dom": "17.0.2", diff --git a/change/@fluentui-babel-preset-global-context-ce88081e-3bca-43af-af07-3d0139c75b01.json b/change/@fluentui-babel-preset-global-context-ce88081e-3bca-43af-af07-3d0139c75b01.json deleted file mode 100644 index 233293687bf82a..00000000000000 --- a/change/@fluentui-babel-preset-global-context-ce88081e-3bca-43af-af07-3d0139c75b01.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: introduce more barrel file api within /scripts", - "packageName": "@fluentui/babel-preset-global-context", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-global-context-f75da68b-fbbc-4e85-82ef-c183a93b3c91.json b/change/@fluentui-global-context-f75da68b-fbbc-4e85-82ef-c183a93b3c91.json deleted file mode 100644 index 3f615bd95f45a8..00000000000000 --- a/change/@fluentui-global-context-f75da68b-fbbc-4e85-82ef-c183a93b3c91.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: introduce more barrel file api within /scripts", - "packageName": "@fluentui/global-context", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-priority-overflow-a6c512bd-b2fc-4a49-8821-e3dcb2b2e162.json b/change/@fluentui-priority-overflow-a6c512bd-b2fc-4a49-8821-e3dcb2b2e162.json deleted file mode 100644 index cde2cb95cc81ba..00000000000000 --- a/change/@fluentui-priority-overflow-a6c512bd-b2fc-4a49-8821-e3dcb2b2e162.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "fix: Minimum visible overflow items should be respected", - "packageName": "@fluentui/priority-overflow", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-avatar-5c691abc-5159-42dc-93aa-559dd63d79c4.json b/change/@fluentui-react-avatar-5c691abc-5159-42dc-93aa-559dd63d79c4.json deleted file mode 100644 index 5d6f43de8672be..00000000000000 --- a/change/@fluentui-react-avatar-5c691abc-5159-42dc-93aa-559dd63d79c4.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: introduce more barrel file api within /scripts", - "packageName": "@fluentui/react-avatar", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-card-19ee69d2-bc7a-430d-ade0-d789bfc39c50.json b/change/@fluentui-react-card-19ee69d2-bc7a-430d-ade0-d789bfc39c50.json deleted file mode 100644 index 33702456a1ccb3..00000000000000 --- a/change/@fluentui-react-card-19ee69d2-bc7a-430d-ade0-d789bfc39c50.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: introduce more barrel file api within /scripts", - "packageName": "@fluentui/react-card", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-combobox-9f8aba26-8e89-4812-a093-00ff3dd02053.json b/change/@fluentui-react-combobox-9f8aba26-8e89-4812-a093-00ff3dd02053.json deleted file mode 100644 index 8d2b38525362fd..00000000000000 --- a/change/@fluentui-react-combobox-9f8aba26-8e89-4812-a093-00ff3dd02053.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "fix: perf improvements with useEventCallback", - "packageName": "@fluentui/react-combobox", - "email": "sarah.higley@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-combobox-b1fa3ab7-ea40-4131-ba9a-4e1f7b78d110.json b/change/@fluentui-react-combobox-b1fa3ab7-ea40-4131-ba9a-4e1f7b78d110.json deleted file mode 100644 index 051198371e1087..00000000000000 --- a/change/@fluentui-react-combobox-b1fa3ab7-ea40-4131-ba9a-4e1f7b78d110.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "fix: Combobox always starts at the first option if multiselect, and correctly sets focus visible\"", - "packageName": "@fluentui/react-combobox", - "email": "sarah.higley@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-components-fdd6f6e7-4e2b-4ae2-ae93-f30b682c0bba.json b/change/@fluentui-react-components-fdd6f6e7-4e2b-4ae2-ae93-f30b682c0bba.json deleted file mode 100644 index 0278d40a312842..00000000000000 --- a/change/@fluentui-react-components-fdd6f6e7-4e2b-4ae2-ae93-f30b682c0bba.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: implement `useScrollbarWidth` utility hook", - "packageName": "@fluentui/react-components", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-dialog-a5962ef1-8a42-4f12-ad72-e7844fd7feb9.json b/change/@fluentui-react-dialog-a5962ef1-8a42-4f12-ad72-e7844fd7feb9.json deleted file mode 100644 index 37ccc332618cbf..00000000000000 --- a/change/@fluentui-react-dialog-a5962ef1-8a42-4f12-ad72-e7844fd7feb9.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: introduce more barrel file api within /scripts", - "packageName": "@fluentui/react-dialog", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-menu-7ad515c7-ae51-477d-9289-c01f7a691b06.json b/change/@fluentui-react-menu-7ad515c7-ae51-477d-9289-c01f7a691b06.json deleted file mode 100644 index 97fb92afa0d7c1..00000000000000 --- a/change/@fluentui-react-menu-7ad515c7-ae51-477d-9289-c01f7a691b06.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: MenuList props should win over context props", - "packageName": "@fluentui/react-menu", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-menu-90f8d720-d06d-48f0-a6ad-2d96810d1dfc.json b/change/@fluentui-react-menu-90f8d720-d06d-48f0-a6ad-2d96810d1dfc.json deleted file mode 100644 index dc9e9baba7f62e..00000000000000 --- a/change/@fluentui-react-menu-90f8d720-d06d-48f0-a6ad-2d96810d1dfc.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "Stops using ARIAButton types for MenuItem root", - "packageName": "@fluentui/react-menu", - "email": "bernardo.sunderhus@gmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-menu-b93d4bd8-ff8b-471d-b7a6-f3a4cebf724e.json b/change/@fluentui-react-menu-b93d4bd8-ff8b-471d-b7a6-f3a4cebf724e.json deleted file mode 100644 index 8036851195a8ce..00000000000000 --- a/change/@fluentui-react-menu-b93d4bd8-ff8b-471d-b7a6-f3a4cebf724e.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: introduce more barrel file api within /scripts", - "packageName": "@fluentui/react-menu", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-overflow-1516fc28-9fa1-46ea-93e4-385e94dcb66c.json b/change/@fluentui-react-overflow-1516fc28-9fa1-46ea-93e4-385e94dcb66c.json deleted file mode 100644 index b5a195ddfba583..00000000000000 --- a/change/@fluentui-react-overflow-1516fc28-9fa1-46ea-93e4-385e94dcb66c.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "Add tests for fix", - "packageName": "@fluentui/react-overflow", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-overflow-8cc85909-942a-4e54-b6a5-b478caed8367.json b/change/@fluentui-react-overflow-8cc85909-942a-4e54-b6a5-b478caed8367.json deleted file mode 100644 index 74c11160336738..00000000000000 --- a/change/@fluentui-react-overflow-8cc85909-942a-4e54-b6a5-b478caed8367.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: introduce more barrel file api within /scripts", - "packageName": "@fluentui/react-overflow", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-popover-408eb4c4-386a-4c6d-86a8-5a83f5b428a2.json b/change/@fluentui-react-popover-408eb4c4-386a-4c6d-86a8-5a83f5b428a2.json deleted file mode 100644 index aba032ae04f932..00000000000000 --- a/change/@fluentui-react-popover-408eb4c4-386a-4c6d-86a8-5a83f5b428a2.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: introduce more barrel file api within /scripts", - "packageName": "@fluentui/react-popover", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-popover-e6c0c11d-26c7-48a2-ae7e-ef5aa0fa8829.json b/change/@fluentui-react-popover-e6c0c11d-26c7-48a2-ae7e-ef5aa0fa8829.json deleted file mode 100644 index 5e96ed398cd2f4..00000000000000 --- a/change/@fluentui-react-popover-e6c0c11d-26c7-48a2-ae7e-ef5aa0fa8829.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: add new prop unstable_disableAutoFocus on Popover", - "packageName": "@fluentui/react-popover", - "email": "yuanboxue@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-portal-5ad76945-0626-47e1-95d8-8cdc349fbd47.json b/change/@fluentui-react-portal-5ad76945-0626-47e1-95d8-8cdc349fbd47.json deleted file mode 100644 index 1bbf1298a26ee5..00000000000000 --- a/change/@fluentui-react-portal-5ad76945-0626-47e1-95d8-8cdc349fbd47.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: elementContains supports Node types", - "packageName": "@fluentui/react-portal", - "email": "email not defined", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-portal-compat-21796411-1141-48dd-a149-ba271d35e7f9.json b/change/@fluentui-react-portal-compat-21796411-1141-48dd-a149-ba271d35e7f9.json deleted file mode 100644 index 51733aa800e477..00000000000000 --- a/change/@fluentui-react-portal-compat-21796411-1141-48dd-a149-ba271d35e7f9.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: introduce more barrel file api within /scripts", - "packageName": "@fluentui/react-portal-compat", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-positioning-45598597-4040-42f2-b31b-bcf054b72635.json b/change/@fluentui-react-positioning-45598597-4040-42f2-b31b-bcf054b72635.json deleted file mode 100644 index 9ab2f39d6d912b..00000000000000 --- a/change/@fluentui-react-positioning-45598597-4040-42f2-b31b-bcf054b72635.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: setOverrideTarget should be an event callback", - "packageName": "@fluentui/react-positioning", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-2f6ac7ff-0a0f-4fcf-8515-64378641f5c3.json b/change/@fluentui-react-table-2f6ac7ff-0a0f-4fcf-8515-64378641f5c3.json deleted file mode 100644 index 3dbb7d943bbb16..00000000000000 --- a/change/@fluentui-react-table-2f6ac7ff-0a0f-4fcf-8515-64378641f5c3.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "fix: remove Event type in selectionManager", - "packageName": "@fluentui/react-table", - "email": "olfedias@microsoft.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-44e1732b-738d-495e-ac5b-8af6d9ab148b.json b/change/@fluentui-react-table-44e1732b-738d-495e-ac5b-8af6d9ab148b.json deleted file mode 100644 index 11dc088176d8f7..00000000000000 --- a/change/@fluentui-react-table-44e1732b-738d-495e-ac5b-8af6d9ab148b.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "refactor: Cleanup unused code", - "packageName": "@fluentui/react-table", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-6f22423b-4f4c-45da-a1f9-d431ccfefded.json b/change/@fluentui-react-table-6f22423b-4f4c-45da-a1f9-d431ccfefded.json deleted file mode 100644 index d43ad851b66485..00000000000000 --- a/change/@fluentui-react-table-6f22423b-4f4c-45da-a1f9-d431ccfefded.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "docs: fix typo in Table.types.ts", - "packageName": "@fluentui/react-table", - "email": "olfedias@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-table-b7b4e350-1297-4672-9a9d-88072c4990fa.json b/change/@fluentui-react-table-b7b4e350-1297-4672-9a9d-88072c4990fa.json deleted file mode 100644 index 7a8e01343a63ac..00000000000000 --- a/change/@fluentui-react-table-b7b4e350-1297-4672-9a9d-88072c4990fa.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "prerelease", - "comment": "BREAKING(TableCellLayout): `wrapper` slot renamed to `content`", - "packageName": "@fluentui/react-table", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/change/@fluentui-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json b/change/@fluentui-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json deleted file mode 100644 index 466dd70a4d4f4b..00000000000000 --- a/change/@fluentui-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "docs: Fix typos in react-table docs", - "packageName": "@fluentui/react-table", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-tabster-ab6fb601-aa28-4463-bbbc-3c7d5ba43a52.json b/change/@fluentui-react-tabster-ab6fb601-aa28-4463-bbbc-3c7d5ba43a52.json deleted file mode 100644 index 9dc247ae6289d0..00000000000000 --- a/change/@fluentui-react-tabster-ab6fb601-aa28-4463-bbbc-3c7d5ba43a52.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: introduce more barrel file api within /scripts", - "packageName": "@fluentui/react-tabster", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-toolbar-3f790b94-9bc3-4da3-b47d-0020c18fa71a.json b/change/@fluentui-react-toolbar-3f790b94-9bc3-4da3-b47d-0020c18fa71a.json deleted file mode 100644 index e6c8f8545c1134..00000000000000 --- a/change/@fluentui-react-toolbar-3f790b94-9bc3-4da3-b47d-0020c18fa71a.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "none", - "comment": "chore: introduce more barrel file api within /scripts", - "packageName": "@fluentui/react-toolbar", - "email": "martinhochel@microsoft.com", - "dependentChangeType": "none" -} diff --git a/change/@fluentui-react-utilities-818cadf1-b5b0-400f-b65d-f5ff490c6fa5.json b/change/@fluentui-react-utilities-818cadf1-b5b0-400f-b65d-f5ff490c6fa5.json deleted file mode 100644 index 1e9617a3a951eb..00000000000000 --- a/change/@fluentui-react-utilities-818cadf1-b5b0-400f-b65d-f5ff490c6fa5.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "minor", - "comment": "feat: implement `useScrollbarWidth` utility hook", - "packageName": "@fluentui/react-utilities", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.json b/packages/react-components/babel-preset-global-context/CHANGELOG.json index eb8a1c3ee3a150..baec07ebd88bc8 100644 --- a/packages/react-components/babel-preset-global-context/CHANGELOG.json +++ b/packages/react-components/babel-preset-global-context/CHANGELOG.json @@ -1,6 +1,29 @@ { "name": "@fluentui/babel-preset-global-context", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:54 GMT", + "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.12", + "version": "9.0.0-beta.12", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/babel-preset-global-context", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/babel-preset-global-context", + "comment": "Bump @fluentui/global-context to v9.0.0-beta.12", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:45 GMT", "tag": "@fluentui/babel-preset-global-context_v9.0.0-beta.11", diff --git a/packages/react-components/babel-preset-global-context/CHANGELOG.md b/packages/react-components/babel-preset-global-context/CHANGELOG.md index c1d2184e9ed8ba..b22108a2996a3e 100644 --- a/packages/react-components/babel-preset-global-context/CHANGELOG.md +++ b/packages/react-components/babel-preset-global-context/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/babel-preset-global-context -This log was last generated on Wed, 04 Jan 2023 01:40:45 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:54 GMT and should not be manually modified. +## [9.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.12) + +Mon, 09 Jan 2023 14:34:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/babel-preset-global-context_v9.0.0-beta.11..@fluentui/babel-preset-global-context_v9.0.0-beta.12) + +### Changes + +- Bump @fluentui/global-context to v9.0.0-beta.12 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/babel-preset-global-context_v9.0.0-beta.11) Wed, 04 Jan 2023 01:40:45 GMT diff --git a/packages/react-components/babel-preset-global-context/package.json b/packages/react-components/babel-preset-global-context/package.json index 29945e56d1cb2c..5bcdeb3bd8c002 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.11", + "version": "9.0.0-beta.12", "description": "Babel preset that transforms createContext calls to use global context shims", "main": "lib-commonjs/index.js", "typings": "./dist/index.d.ts", @@ -37,7 +37,7 @@ "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/global-context": "9.0.0-beta.11" + "@fluentui/global-context": "9.0.0-beta.12" }, "beachball": { "disallowedChangeTypes": [ diff --git a/packages/react-components/global-context/CHANGELOG.json b/packages/react-components/global-context/CHANGELOG.json index 25cff8afa5fdd9..1d3b47118137a9 100644 --- a/packages/react-components/global-context/CHANGELOG.json +++ b/packages/react-components/global-context/CHANGELOG.json @@ -1,6 +1,35 @@ { "name": "@fluentui/global-context", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:54 GMT", + "tag": "@fluentui/global-context_v9.0.0-beta.12", + "version": "9.0.0-beta.12", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/global-context", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/global-context", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/global-context", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:46 GMT", "tag": "@fluentui/global-context_v9.0.0-beta.11", diff --git a/packages/react-components/global-context/CHANGELOG.md b/packages/react-components/global-context/CHANGELOG.md index 64bf25b4782487..85a477d8812540 100644 --- a/packages/react-components/global-context/CHANGELOG.md +++ b/packages/react-components/global-context/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/global-context -This log was last generated on Wed, 04 Jan 2023 01:40:46 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:54 GMT and should not be manually modified. +## [9.0.0-beta.12](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.12) + +Mon, 09 Jan 2023 14:34:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/global-context_v9.0.0-beta.11..@fluentui/global-context_v9.0.0-beta.12) + +### Changes + +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/global-context_v9.0.0-beta.11) Wed, 04 Jan 2023 01:40:46 GMT diff --git a/packages/react-components/global-context/package.json b/packages/react-components/global-context/package.json index 26ea2b6903c82f..2b924d1f00890d 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.11", + "version": "9.0.0-beta.12", "description": "Extension of React createContext to be a true singleton on the global scope", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -29,8 +29,8 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.4", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-context-selector": "^9.1.5", + "@fluentui/react-utilities": "^9.4.0", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/priority-overflow/CHANGELOG.json b/packages/react-components/priority-overflow/CHANGELOG.json index 5a88dd3d84e74f..6dfeb2c02bb5c3 100644 --- a/packages/react-components/priority-overflow/CHANGELOG.json +++ b/packages/react-components/priority-overflow/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/priority-overflow", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:54 GMT", + "tag": "@fluentui/priority-overflow_v9.0.0-rc.2", + "version": "9.0.0-rc.2", + "comments": { + "prerelease": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/priority-overflow", + "commit": "2611ae5441e4bc702c4ce6404c7186f6c2de7cc3", + "comment": "fix: Minimum visible overflow items should be respected" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:47 GMT", "tag": "@fluentui/priority-overflow_v9.0.0-rc.1", diff --git a/packages/react-components/priority-overflow/CHANGELOG.md b/packages/react-components/priority-overflow/CHANGELOG.md index 768910afb1af10..6416c1beb5c097 100644 --- a/packages/react-components/priority-overflow/CHANGELOG.md +++ b/packages/react-components/priority-overflow/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/priority-overflow -This log was last generated on Thu, 17 Nov 2022 23:05:32 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:54 GMT and should not be manually modified. +## [9.0.0-rc.2](https://github.com/microsoft/fluentui/tree/@fluentui/priority-overflow_v9.0.0-rc.2) + +Mon, 09 Jan 2023 14:34:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/priority-overflow_v9.0.0-rc.1..@fluentui/priority-overflow_v9.0.0-rc.2) + +### Changes + +- fix: Minimum visible overflow items should be respected ([PR #26194](https://github.com/microsoft/fluentui/pull/26194) by lingfangao@hotmail.com) + ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/priority-overflow_v9.0.0-rc.1) Thu, 17 Nov 2022 23:05:32 GMT diff --git a/packages/react-components/priority-overflow/package.json b/packages/react-components/priority-overflow/package.json index 102537b3111107..6704a7c772a90a 100644 --- a/packages/react-components/priority-overflow/package.json +++ b/packages/react-components/priority-overflow/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/priority-overflow", - "version": "9.0.0-rc.1", + "version": "9.0.0-rc.2", "description": "Vanilla JS utilities to implement overflow menus", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-accordion/CHANGELOG.json b/packages/react-components/react-accordion/CHANGELOG.json index 426c34284c2e39..dfcd710b674377 100644 --- a/packages/react-components/react-accordion/CHANGELOG.json +++ b/packages/react-components/react-accordion/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-accordion", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-accordion_v9.0.17", + "version": "9.0.17", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-aria to v9.3.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-accordion", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:48 GMT", "tag": "@fluentui/react-accordion_v9.0.16", diff --git a/packages/react-components/react-accordion/CHANGELOG.md b/packages/react-components/react-accordion/CHANGELOG.md index aba7364480e58a..c324cf40cfbbf7 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, 04 Jan 2023 01:40:48 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.17) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.0.16..@fluentui/react-accordion_v9.0.17) + +### Patches + +- Bump @fluentui/react-aria to v9.3.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.0.16) Wed, 04 Jan 2023 01:40:48 GMT diff --git a/packages/react-components/react-accordion/package.json b/packages/react-components/react-accordion/package.json index 3c323f262836de..27f4b0ef6591ff 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.0.16", + "version": "9.0.17", "description": "Fluent UI accordion component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,13 +31,13 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-aria": "^9.3.4", - "@fluentui/react-context-selector": "^9.1.4", + "@fluentui/react-aria": "^9.3.5", + "@fluentui/react-context-selector": "^9.1.5", "@fluentui/react-icons": "^2.0.175", "@fluentui/react-shared-contexts": "^9.1.4", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-alert/CHANGELOG.json b/packages/react-components/react-alert/CHANGELOG.json index 89cb6466fad6e1..2826aef22c9ca9 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": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-alert_v9.0.0-beta.23", + "version": "9.0.0-beta.23", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-avatar to v9.2.12", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-button to v9.1.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-alert", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:49 GMT", "tag": "@fluentui/react-alert_v9.0.0-beta.22", diff --git a/packages/react-components/react-alert/CHANGELOG.md b/packages/react-components/react-alert/CHANGELOG.md index 81ca88c51b30f9..212bac6a9b9043 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, 04 Jan 2023 01:40:49 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.0-beta.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.23) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-alert_v9.0.0-beta.22..@fluentui/react-alert_v9.0.0-beta.23) + +### Changes + +- Bump @fluentui/react-avatar to v9.2.12 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-button to v9.1.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-beta.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-alert_v9.0.0-beta.22) Wed, 04 Jan 2023 01:40:49 GMT diff --git a/packages/react-components/react-alert/package.json b/packages/react-components/react-alert/package.json index 0f532ecde8f952..d1ddb342d52323 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.22", + "version": "9.0.0-beta.23", "description": "An alert component to display brief messages", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,12 +31,12 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-avatar": "^9.2.11", - "@fluentui/react-button": "^9.1.13", + "@fluentui/react-avatar": "^9.2.12", + "@fluentui/react-button": "^9.1.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-aria/CHANGELOG.json b/packages/react-components/react-aria/CHANGELOG.json index ecd22d481073a5..00ad651d585870 100644 --- a/packages/react-components/react-aria/CHANGELOG.json +++ b/packages/react-components/react-aria/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-aria", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-aria_v9.3.5", + "version": "9.3.5", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-aria", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:50 GMT", "tag": "@fluentui/react-aria_v9.3.4", diff --git a/packages/react-components/react-aria/CHANGELOG.md b/packages/react-components/react-aria/CHANGELOG.md index e94a62d86f2db5..d96ed308fa0605 100644 --- a/packages/react-components/react-aria/CHANGELOG.md +++ b/packages/react-components/react-aria/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-aria -This log was last generated on Wed, 04 Jan 2023 01:40:50 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.3.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.5) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-aria_v9.3.4..@fluentui/react-aria_v9.3.5) + +### Patches + +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.3.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-aria_v9.3.4) Wed, 04 Jan 2023 01:40:50 GMT diff --git a/packages/react-components/react-aria/package.json b/packages/react-components/react-aria/package.json index f6812f97b83370..194709ce14db2a 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.4", + "version": "9.3.5", "description": "React helper to ensure ARIA", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,7 +30,7 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-avatar-context/package.json b/packages/react-components/react-avatar-context/package.json index f21d6f5a616845..f37268a5f608bc 100644 --- a/packages/react-components/react-avatar-context/package.json +++ b/packages/react-components/react-avatar-context/package.json @@ -30,7 +30,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-avatar/CHANGELOG.json b/packages/react-components/react-avatar/CHANGELOG.json index 408019a0381dfc..82733f42f60b7d 100644 --- a/packages/react-components/react-avatar/CHANGELOG.json +++ b/packages/react-components/react-avatar/CHANGELOG.json @@ -1,6 +1,59 @@ { "name": "@fluentui/react-avatar", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:55 GMT", + "tag": "@fluentui/react-avatar_v9.2.12", + "version": "9.2.12", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-avatar", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ], + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-badge to v9.0.18", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-popover to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-tooltip to v9.1.7", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-avatar", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:51 GMT", "tag": "@fluentui/react-avatar_v9.2.11", diff --git a/packages/react-components/react-avatar/CHANGELOG.md b/packages/react-components/react-avatar/CHANGELOG.md index 2d3785c9794775..5c887714bf0481 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, 04 Jan 2023 01:40:51 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:55 GMT and should not be manually modified. +## [9.2.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.2.12) + +Mon, 09 Jan 2023 14:34:55 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-avatar_v9.2.11..@fluentui/react-avatar_v9.2.12) + +### Patches + +- Bump @fluentui/react-badge to v9.0.18 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-popover to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tooltip to v9.1.7 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.2.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-avatar_v9.2.11) Wed, 04 Jan 2023 01:40:51 GMT diff --git a/packages/react-components/react-avatar/package.json b/packages/react-components/react-avatar/package.json index 55898459aa7747..d10d50be7b2ec6 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.2.11", + "version": "9.2.12", "description": "React components for building Microsoft web experiences.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,15 +34,15 @@ "es6-weak-map": "^2.0.2" }, "dependencies": { - "@fluentui/react-badge": "^9.0.17", - "@fluentui/react-context-selector": "^9.1.4", + "@fluentui/react-badge": "^9.0.18", + "@fluentui/react-context-selector": "^9.1.5", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-popover": "^9.3.6", + "@fluentui/react-popover": "^9.4.0", "@fluentui/react-shared-contexts": "^9.1.4", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-tooltip": "^9.1.6", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-tooltip": "^9.1.7", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-badge/CHANGELOG.json b/packages/react-components/react-badge/CHANGELOG.json index 67a8773b3be45e..ba2f5023b3975f 100644 --- a/packages/react-components/react-badge/CHANGELOG.json +++ b/packages/react-components/react-badge/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-badge", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-badge_v9.0.18", + "version": "9.0.18", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-badge", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:52 GMT", "tag": "@fluentui/react-badge_v9.0.17", diff --git a/packages/react-components/react-badge/CHANGELOG.md b/packages/react-components/react-badge/CHANGELOG.md index 775a85f56c9336..e4a8648c5f189d 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, 04 Jan 2023 01:40:52 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.18) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-badge_v9.0.17..@fluentui/react-badge_v9.0.18) + +### Patches + +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-badge_v9.0.17) Wed, 04 Jan 2023 01:40:52 GMT diff --git a/packages/react-components/react-badge/package.json b/packages/react-components/react-badge/package.json index d80e1cead1357d..2329dee0f0471f 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.0.17", + "version": "9.0.18", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,7 +34,7 @@ "@fluentui/react-icons": "^2.0.175", "@griffel/react": "^1.5.2", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-button/CHANGELOG.json b/packages/react-components/react-button/CHANGELOG.json index efcc4b516f9ef9..d14e376de46a57 100644 --- a/packages/react-components/react-button/CHANGELOG.json +++ b/packages/react-components/react-button/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-button", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-button_v9.1.14", + "version": "9.1.14", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-aria to v9.3.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-button", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:53 GMT", "tag": "@fluentui/react-button_v9.1.13", diff --git a/packages/react-components/react-button/CHANGELOG.md b/packages/react-components/react-button/CHANGELOG.md index 57618cfd134f1a..09af7b3aa3232e 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, 04 Jan 2023 01:40:53 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.1.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.1.14) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.1.13..@fluentui/react-button_v9.1.14) + +### Patches + +- Bump @fluentui/react-aria to v9.3.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.1.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.1.13) Wed, 04 Jan 2023 01:40:53 GMT diff --git a/packages/react-components/react-button/package.json b/packages/react-components/react-button/package.json index 6d1f05f0139357..9383e7f3020d5d 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.1.13", + "version": "9.1.14", "description": "Fluent UI React Button component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,11 +33,11 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-aria": "^9.3.4", + "@fluentui/react-aria": "^9.3.5", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-card/CHANGELOG.json b/packages/react-components/react-card/CHANGELOG.json index 2a34fe8aafa941..3b904aa6926756 100644 --- a/packages/react-components/react-card/CHANGELOG.json +++ b/packages/react-components/react-card/CHANGELOG.json @@ -1,6 +1,41 @@ { "name": "@fluentui/react-card", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:55 GMT", + "tag": "@fluentui/react-card_v9.0.0-beta.38", + "version": "9.0.0-beta.38", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-card", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-card", + "comment": "Bump @fluentui/react-button to v9.1.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:54 GMT", "tag": "@fluentui/react-card_v9.0.0-beta.37", diff --git a/packages/react-components/react-card/CHANGELOG.md b/packages/react-components/react-card/CHANGELOG.md index cd4ba80beaa002..978b3357db3250 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, 04 Jan 2023 01:40:54 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:55 GMT and should not be manually modified. +## [9.0.0-beta.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.38) + +Mon, 09 Jan 2023 14:34:55 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-card_v9.0.0-beta.37..@fluentui/react-card_v9.0.0-beta.38) + +### Changes + +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-button to v9.1.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-beta.37](https://github.com/microsoft/fluentui/tree/@fluentui/react-card_v9.0.0-beta.37) Wed, 04 Jan 2023 01:40:54 GMT diff --git a/packages/react-components/react-card/package.json b/packages/react-components/react-card/package.json index d205506d0c082e..4301d712b19570 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.0-beta.37", + "version": "9.0.0-beta.38", "private": false, "description": "Card container components for Fluent UI React.", "main": "lib-commonjs/index.js", @@ -31,14 +31,14 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.19", "@fluentui/react-conformance": "*", - "@fluentui/react-button": "^9.1.13", + "@fluentui/react-button": "^9.1.14", "@fluentui/scripts": "*" }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-checkbox/CHANGELOG.json b/packages/react-components/react-checkbox/CHANGELOG.json index 729b34e23aa7db..9053aa173187e0 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": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-checkbox_v9.0.18", + "version": "9.0.18", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-label to v9.0.16", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-checkbox", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:55 GMT", "tag": "@fluentui/react-checkbox_v9.0.17", diff --git a/packages/react-components/react-checkbox/CHANGELOG.md b/packages/react-components/react-checkbox/CHANGELOG.md index ed98f6ba4b3b68..58c044611860da 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, 04 Jan 2023 01:40:55 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.18) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-checkbox_v9.0.17..@fluentui/react-checkbox_v9.0.18) + +### Patches + +- Bump @fluentui/react-field to v9.0.0-alpha.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-label to v9.0.16 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-checkbox_v9.0.17) Wed, 04 Jan 2023 01:40:55 GMT diff --git a/packages/react-components/react-checkbox/package.json b/packages/react-components/react-checkbox/package.json index 14ac3b3ab27cfd..0771ad9fd08226 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.0.17", + "version": "9.0.18", "description": "Fluent UI checkbox component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,12 +31,12 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.13", + "@fluentui/react-field": "9.0.0-alpha.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-label": "^9.0.15", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-label": "^9.0.16", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-combobox/CHANGELOG.json b/packages/react-components/react-combobox/CHANGELOG.json index c2727dd4dc813a..5403eba15c441e 100644 --- a/packages/react-components/react-combobox/CHANGELOG.json +++ b/packages/react-components/react-combobox/CHANGELOG.json @@ -1,6 +1,57 @@ { "name": "@fluentui/react-combobox", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:55 GMT", + "tag": "@fluentui/react-combobox_v9.0.0-beta.21", + "version": "9.0.0-beta.21", + "comments": { + "prerelease": [ + { + "author": "sarah.higley@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "d7a98c92818f5ad8c80548dc288cc2cc55731c93", + "comment": "fix: perf improvements with useEventCallback" + }, + { + "author": "sarah.higley@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "54b6220d442231ffa0c3df88359f53373690da6f", + "comment": "fix: Combobox always starts at the first option if multiselect, and correctly sets focus visible\"" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-portal to v9.1.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-positioning to v9.3.7", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-combobox", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:56 GMT", "tag": "@fluentui/react-combobox_v9.0.0-beta.20", diff --git a/packages/react-components/react-combobox/CHANGELOG.md b/packages/react-components/react-combobox/CHANGELOG.md index 201b8f6d958ee1..776ad02f4bfea4 100644 --- a/packages/react-components/react-combobox/CHANGELOG.md +++ b/packages/react-components/react-combobox/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-combobox -This log was last generated on Wed, 04 Jan 2023 01:40:56 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:55 GMT and should not be manually modified. +## [9.0.0-beta.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.0.0-beta.21) + +Mon, 09 Jan 2023 14:34:55 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-combobox_v9.0.0-beta.20..@fluentui/react-combobox_v9.0.0-beta.21) + +### Changes + +- fix: perf improvements with useEventCallback ([PR #26191](https://github.com/microsoft/fluentui/pull/26191) by sarah.higley@microsoft.com) +- fix: Combobox always starts at the first option if multiselect, and correctly sets focus visible" ([PR #26173](https://github.com/microsoft/fluentui/pull/26173) by sarah.higley@microsoft.com) +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-field to v9.0.0-alpha.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-portal to v9.1.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-positioning to v9.3.7 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-beta.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-combobox_v9.0.0-beta.20) Wed, 04 Jan 2023 01:40:56 GMT diff --git a/packages/react-components/react-combobox/package.json b/packages/react-components/react-combobox/package.json index 83039579949816..c84a417fc3577b 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.0.0-beta.20", + "version": "9.0.0-beta.21", "description": "Fluent UI React Combobox component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,13 +32,13 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-context-selector": "^9.1.4", - "@fluentui/react-field": "9.0.0-alpha.13", + "@fluentui/react-context-selector": "^9.1.5", + "@fluentui/react-field": "9.0.0-alpha.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-portal": "^9.0.15", - "@fluentui/react-positioning": "^9.3.6", + "@fluentui/react-portal": "^9.1.0", + "@fluentui/react-positioning": "^9.3.7", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-components/CHANGELOG.json b/packages/react-components/react-components/CHANGELOG.json index 30196f69baff03..cdc1aafecd94a1 100644 --- a/packages/react-components/react-components/CHANGELOG.json +++ b/packages/react-components/react-components/CHANGELOG.json @@ -1,6 +1,183 @@ { "name": "@fluentui/react-components", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:54 GMT", + "tag": "@fluentui/react-components_v9.9.0", + "version": "9.9.0", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/babel-preset-global-context", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/global-context", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-avatar", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-card", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-dialog", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-menu", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-overflow", + "commit": "2611ae5441e4bc702c4ce6404c7186f6c2de7cc3", + "comment": "Add tests for fix" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-overflow", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-popover", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-portal-compat", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-table", + "commit": "bffa36e0a7824f1e54d73907912473692c40d70b", + "comment": "docs: fix typo in Table.types.ts" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-table", + "commit": "f514d1ff53ea0b2a6e959b3d457f341d7f68575e", + "comment": "docs: Fix typos in react-table docs" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-tabster", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-toolbar", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ], + "prerelease": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/priority-overflow", + "commit": "2611ae5441e4bc702c4ce6404c7186f6c2de7cc3", + "comment": "fix: Minimum visible overflow items should be respected" + }, + { + "author": "sarah.higley@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "d7a98c92818f5ad8c80548dc288cc2cc55731c93", + "comment": "fix: perf improvements with useEventCallback" + }, + { + "author": "sarah.higley@microsoft.com", + "package": "@fluentui/react-combobox", + "commit": "54b6220d442231ffa0c3df88359f53373690da6f", + "comment": "fix: Combobox always starts at the first option if multiselect, and correctly sets focus visible\"" + }, + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-table", + "commit": "73bd103d70370326286daee55dad5c1c2b9861a7", + "comment": "fix: remove Event type in selectionManager" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-table", + "commit": "2bde4a96454105f8943284b590b6174ccb1aea94", + "comment": "refactor: Cleanup unused code" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-table", + "commit": "87fcaf175c6588438c7f8dc2c2de5a4af5f94d1a", + "comment": "BREAKING(TableCellLayout): `wrapper` slot renamed to `content`" + } + ], + "minor": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-components", + "commit": "3c3291c008824d45e18580d51b6eb1526ea3792d", + "comment": "feat: implement `useScrollbarWidth` utility hook" + }, + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-menu", + "commit": "26f0364b3837056ee8e0df42a7932c298c68290e", + "comment": "Stops using ARIAButton types for MenuItem root" + }, + { + "author": "yuanboxue@microsoft.com", + "package": "@fluentui/react-popover", + "commit": "46dc6befc9db655c2763908d91c7c603f1063af4", + "comment": "feat: add new prop unstable_disableAutoFocus on Popover" + }, + { + "author": "email not defined", + "package": "@fluentui/react-portal", + "commit": "a62c525a002fe1eed5c40aec4c041d1f850b7beb", + "comment": "feat: elementContains supports Node types" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-utilities", + "commit": "3c3291c008824d45e18580d51b6eb1526ea3792d", + "comment": "feat: implement `useScrollbarWidth` utility hook" + } + ], + "patch": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-menu", + "commit": "307d7988ee9c589c17dce78f1c36719c6ebb91c2", + "comment": "fix: MenuList props should win over context props" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-positioning", + "commit": "42acf190805edde3e32fbbf4adf37046c51f625e", + "comment": "fix: setOverrideTarget should be an event callback" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:03 GMT", "tag": "@fluentui/react-components_v9.8.0", diff --git a/packages/react-components/react-components/CHANGELOG.md b/packages/react-components/react-components/CHANGELOG.md index 4727c57d4e1962..c17be4600999b3 100644 --- a/packages/react-components/react-components/CHANGELOG.md +++ b/packages/react-components/react-components/CHANGELOG.md @@ -1,9 +1,46 @@ # Change Log - @fluentui/react-components -This log was last generated on Wed, 04 Jan 2023 01:40:03 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:54 GMT and should not be manually modified. +## [9.9.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.9.0) + +Mon, 09 Jan 2023 14:34:54 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.8.0..@fluentui/react-components_v9.9.0) + +### Minor changes + +- `@fluentui/react-components` + - feat: implement `useScrollbarWidth` utility hook ([PR #26144](https://github.com/microsoft/fluentui/pull/26144) by lingfangao@hotmail.com) +- `@fluentui/react-menu` + - Stops using ARIAButton types for MenuItem root ([PR #26257](https://github.com/microsoft/fluentui/pull/26257) by bernardo.sunderhus@gmail.com) +- `@fluentui/react-popover` + - feat: add new prop unstable_disableAutoFocus on Popover ([PR #26141](https://github.com/microsoft/fluentui/pull/26141) by yuanboxue@microsoft.com) +- `@fluentui/react-portal` + - feat: elementContains supports Node types ([PR #26158](https://github.com/microsoft/fluentui/pull/26158) by email not defined) +- `@fluentui/react-utilities` + - feat: implement `useScrollbarWidth` utility hook ([PR #26144](https://github.com/microsoft/fluentui/pull/26144) by lingfangao@hotmail.com) + +### Patches + +- `@fluentui/react-menu` + - fix: MenuList props should win over context props ([PR #26252](https://github.com/microsoft/fluentui/pull/26252) by lingfangao@hotmail.com) +- `@fluentui/react-positioning` + - fix: setOverrideTarget should be an event callback ([PR #26157](https://github.com/microsoft/fluentui/pull/26157) by lingfangao@hotmail.com) + +### Changes + +- `@fluentui/priority-overflow` + - fix: Minimum visible overflow items should be respected ([PR #26194](https://github.com/microsoft/fluentui/pull/26194) by lingfangao@hotmail.com) +- `@fluentui/react-combobox` + - fix: perf improvements with useEventCallback ([PR #26191](https://github.com/microsoft/fluentui/pull/26191) by sarah.higley@microsoft.com) + - fix: Combobox always starts at the first option if multiselect, and correctly sets focus visible" ([PR #26173](https://github.com/microsoft/fluentui/pull/26173) by sarah.higley@microsoft.com) +- `@fluentui/react-table` + - fix: remove Event type in selectionManager ([PR #26211](https://github.com/microsoft/fluentui/pull/26211) by olfedias@microsoft.com) + - refactor: Cleanup unused code ([PR #26219](https://github.com/microsoft/fluentui/pull/26219) by lingfangao@hotmail.com) + - BREAKING(TableCellLayout): `wrapper` slot renamed to `content` ([PR #26220](https://github.com/microsoft/fluentui/pull/26220) by lingfangao@hotmail.com) + ## [9.8.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.8.0) Wed, 04 Jan 2023 01:40:03 GMT diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index f4f9156144d6f8..9f648bc872129e 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.8.0", + "version": "9.9.0", "description": "Suite package for converged React components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,46 +31,46 @@ "react-hook-form": "^5.7.2" }, "dependencies": { - "@fluentui/react-accordion": "^9.0.16", - "@fluentui/react-alert": "9.0.0-beta.22", - "@fluentui/react-avatar": "^9.2.11", - "@fluentui/react-badge": "^9.0.17", - "@fluentui/react-button": "^9.1.13", - "@fluentui/react-card": "9.0.0-beta.37", - "@fluentui/react-checkbox": "^9.0.17", - "@fluentui/react-combobox": "^9.0.0-beta.20", - "@fluentui/react-dialog": "^9.1.6", - "@fluentui/react-divider": "^9.1.9", - "@fluentui/react-field": "9.0.0-alpha.13", - "@fluentui/react-image": "^9.0.16", - "@fluentui/react-infobutton": "9.0.0-beta.5", - "@fluentui/react-input": "^9.2.10", - "@fluentui/react-label": "^9.0.15", - "@fluentui/react-link": "^9.0.16", - "@fluentui/react-menu": "^9.5.4", - "@fluentui/react-overflow": "9.0.0-rc.5", - "@fluentui/react-persona": "^9.1.0", - "@fluentui/react-portal": "^9.0.15", - "@fluentui/react-popover": "^9.3.6", - "@fluentui/react-positioning": "^9.3.6", - "@fluentui/react-progress": "9.0.0-alpha.10", - "@fluentui/react-provider": "^9.2.0", - "@fluentui/react-radio": "^9.0.16", - "@fluentui/react-select": "9.0.0-beta.19", + "@fluentui/react-accordion": "^9.0.17", + "@fluentui/react-alert": "9.0.0-beta.23", + "@fluentui/react-avatar": "^9.2.12", + "@fluentui/react-badge": "^9.0.18", + "@fluentui/react-button": "^9.1.14", + "@fluentui/react-card": "9.0.0-beta.38", + "@fluentui/react-checkbox": "^9.0.18", + "@fluentui/react-combobox": "^9.0.0-beta.21", + "@fluentui/react-dialog": "^9.1.7", + "@fluentui/react-divider": "^9.1.10", + "@fluentui/react-field": "9.0.0-alpha.14", + "@fluentui/react-image": "^9.0.17", + "@fluentui/react-infobutton": "9.0.0-beta.6", + "@fluentui/react-input": "^9.2.11", + "@fluentui/react-label": "^9.0.16", + "@fluentui/react-link": "^9.0.17", + "@fluentui/react-menu": "^9.6.0", + "@fluentui/react-overflow": "9.0.0-rc.6", + "@fluentui/react-persona": "^9.1.1", + "@fluentui/react-portal": "^9.1.0", + "@fluentui/react-popover": "^9.4.0", + "@fluentui/react-positioning": "^9.3.7", + "@fluentui/react-progress": "9.0.0-alpha.11", + "@fluentui/react-provider": "^9.2.1", + "@fluentui/react-radio": "^9.0.17", + "@fluentui/react-select": "9.0.0-beta.20", "@fluentui/react-shared-contexts": "^9.1.4", - "@fluentui/react-slider": "^9.0.15", - "@fluentui/react-spinbutton": "^9.0.13", - "@fluentui/react-spinner": "^9.0.15", - "@fluentui/react-switch": "^9.0.16", - "@fluentui/react-table": "9.0.0-alpha.16", - "@fluentui/react-tabs": "^9.1.5", - "@fluentui/react-tabster": "^9.3.5", - "@fluentui/react-textarea": "^9.1.10", + "@fluentui/react-slider": "^9.0.16", + "@fluentui/react-spinbutton": "^9.0.14", + "@fluentui/react-spinner": "^9.0.16", + "@fluentui/react-switch": "^9.0.17", + "@fluentui/react-table": "9.0.0-alpha.17", + "@fluentui/react-tabs": "^9.1.6", + "@fluentui/react-tabster": "^9.3.6", + "@fluentui/react-textarea": "^9.1.11", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-toolbar": "9.0.0-rc.3", - "@fluentui/react-tooltip": "^9.1.6", - "@fluentui/react-utilities": "^9.3.1", - "@fluentui/react-text": "^9.1.11", + "@fluentui/react-toolbar": "9.0.0-rc.4", + "@fluentui/react-tooltip": "^9.1.7", + "@fluentui/react-utilities": "^9.4.0", + "@fluentui/react-text": "^9.1.12", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-context-selector/CHANGELOG.json b/packages/react-components/react-context-selector/CHANGELOG.json index 59f57f24ce4cf8..54674462399993 100644 --- a/packages/react-components/react-context-selector/CHANGELOG.json +++ b/packages/react-components/react-context-selector/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-context-selector", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-context-selector_v9.1.5", + "version": "9.1.5", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-context-selector", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:41:01 GMT", "tag": "@fluentui/react-context-selector_v9.1.4", diff --git a/packages/react-components/react-context-selector/CHANGELOG.md b/packages/react-components/react-context-selector/CHANGELOG.md index f1e79d802e2324..53e7379a033ab5 100644 --- a/packages/react-components/react-context-selector/CHANGELOG.md +++ b/packages/react-components/react-context-selector/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-context-selector -This log was last generated on Wed, 04 Jan 2023 01:41:01 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.5) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-context-selector_v9.1.4..@fluentui/react-context-selector_v9.1.5) + +### Patches + +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.1.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-context-selector_v9.1.4) Wed, 04 Jan 2023 01:41:01 GMT diff --git a/packages/react-components/react-context-selector/package.json b/packages/react-components/react-context-selector/package.json index ae31c0dae62be1..a8119fe7e541aa 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.4", + "version": "9.1.5", "description": "React useContextSelector hook in userland", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,7 +26,7 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "tslib": "^2.1.0" }, "peerDependencies": { 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 f21e0781d3eaec..3017e880562a42 100644 --- a/packages/react-components/react-data-grid-react-window/package.json +++ b/packages/react-components/react-data-grid-react-window/package.json @@ -30,7 +30,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-dialog/CHANGELOG.json b/packages/react-components/react-dialog/CHANGELOG.json index 605aa7667b271c..1cb208fbf89940 100644 --- a/packages/react-components/react-dialog/CHANGELOG.json +++ b/packages/react-components/react-dialog/CHANGELOG.json @@ -1,6 +1,53 @@ { "name": "@fluentui/react-dialog", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:56 GMT", + "tag": "@fluentui/react-dialog_v9.1.7", + "version": "9.1.7", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-dialog", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ], + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-aria to v9.3.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-dialog", + "comment": "Bump @fluentui/react-portal to v9.1.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:41:02 GMT", "tag": "@fluentui/react-dialog_v9.1.6", diff --git a/packages/react-components/react-dialog/CHANGELOG.md b/packages/react-components/react-dialog/CHANGELOG.md index 6e772bca78c9f5..5a311b3dc952c9 100644 --- a/packages/react-components/react-dialog/CHANGELOG.md +++ b/packages/react-components/react-dialog/CHANGELOG.md @@ -1,9 +1,22 @@ # Change Log - @fluentui/react-dialog -This log was last generated on Wed, 04 Jan 2023 01:41:02 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:56 GMT and should not be manually modified. +## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.1.7) + +Mon, 09 Jan 2023 14:34:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-dialog_v9.1.6..@fluentui/react-dialog_v9.1.7) + +### Patches + +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-aria to v9.3.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-portal to v9.1.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-dialog_v9.1.6) Wed, 04 Jan 2023 01:41:02 GMT diff --git a/packages/react-components/react-dialog/package.json b/packages/react-components/react-dialog/package.json index 322557a1350211..8c903081bd5d3e 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.1.6", + "version": "9.1.7", "description": "Dialog component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,15 +34,15 @@ }, "dependencies": { "@griffel/react": "^1.5.2", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-context-selector": "^9.1.4", + "@fluentui/react-context-selector": "^9.1.5", "@fluentui/react-shared-contexts": "^9.1.4", - "@fluentui/react-aria": "^9.3.4", + "@fluentui/react-aria": "^9.3.5", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-portal": "^9.0.15", + "@fluentui/react-portal": "^9.1.0", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-divider/CHANGELOG.json b/packages/react-components/react-divider/CHANGELOG.json index 3610a925af4848..ca23e87b4b8c71 100644 --- a/packages/react-components/react-divider/CHANGELOG.json +++ b/packages/react-components/react-divider/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-divider", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-divider_v9.1.10", + "version": "9.1.10", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-divider", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:05 GMT", "tag": "@fluentui/react-divider_v9.1.9", diff --git a/packages/react-components/react-divider/CHANGELOG.md b/packages/react-components/react-divider/CHANGELOG.md index 553f92ddb74026..29431edb2a7fea 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, 04 Jan 2023 01:40:05 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.1.10) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.1.9..@fluentui/react-divider_v9.1.10) + +### Patches + +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.1.9) Wed, 04 Jan 2023 01:40:05 GMT diff --git a/packages/react-components/react-divider/package.json b/packages/react-components/react-divider/package.json index f051408a470097..454d68fca9ac96 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.1.9", + "version": "9.1.10", "description": "Fluent UI component to visually separate content.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,7 +33,7 @@ "dependencies": { "@griffel/react": "^1.5.2", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-field/CHANGELOG.json b/packages/react-components/react-field/CHANGELOG.json index f88b0233b1d9c0..209438da5d6726 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": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-field_v9.0.0-alpha.14", + "version": "9.0.0-alpha.14", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-label to v9.0.16", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-field", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:06 GMT", "tag": "@fluentui/react-field_v9.0.0-alpha.13", diff --git a/packages/react-components/react-field/CHANGELOG.md b/packages/react-components/react-field/CHANGELOG.md index b77611b3532d92..b8611fd0139af6 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, 04 Jan 2023 01:40:06 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.0-alpha.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.0.0-alpha.14) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-field_v9.0.0-alpha.13..@fluentui/react-field_v9.0.0-alpha.14) + +### Changes + +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-label to v9.0.16 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-alpha.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-field_v9.0.0-alpha.13) Wed, 04 Jan 2023 01:40:06 GMT diff --git a/packages/react-components/react-field/package.json b/packages/react-components/react-field/package.json index f0a2d038cad205..cc827f42fef3c0 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.13", + "version": "9.0.0-alpha.14", "description": "Fluent UI Field components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,11 +30,11 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.4", + "@fluentui/react-context-selector": "^9.1.5", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-label": "^9.0.15", + "@fluentui/react-label": "^9.0.16", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-image/CHANGELOG.json b/packages/react-components/react-image/CHANGELOG.json index 0e392ce2aa8c93..bf4eb7540cf8e2 100644 --- a/packages/react-components/react-image/CHANGELOG.json +++ b/packages/react-components/react-image/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-image", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-image_v9.0.17", + "version": "9.0.17", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-image", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:07 GMT", "tag": "@fluentui/react-image_v9.0.16", diff --git a/packages/react-components/react-image/CHANGELOG.md b/packages/react-components/react-image/CHANGELOG.md index e60762390499e6..81358bdae84eb2 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, 04 Jan 2023 01:40:07 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.17) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.16..@fluentui/react-image_v9.0.17) + +### Patches + +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.16) Wed, 04 Jan 2023 01:40:07 GMT diff --git a/packages/react-components/react-image/package.json b/packages/react-components/react-image/package.json index 219dc0aae0f8a8..c85a324d52cc00 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.0.16", + "version": "9.0.17", "description": "Fluent UI React Image component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,7 +32,7 @@ }, "dependencies": { "@griffel/react": "^1.5.2", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@fluentui/react-theme": "^9.1.5", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-infobutton/CHANGELOG.json b/packages/react-components/react-infobutton/CHANGELOG.json index 77d8130f6766a7..640149eb46d50d 100644 --- a/packages/react-components/react-infobutton/CHANGELOG.json +++ b/packages/react-components/react-infobutton/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-infobutton", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-infobutton_v9.0.0-beta.6", + "version": "9.0.0-beta.6", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-popover to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-infobutton", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:08 GMT", "tag": "@fluentui/react-infobutton_v9.0.0-beta.5", diff --git a/packages/react-components/react-infobutton/CHANGELOG.md b/packages/react-components/react-infobutton/CHANGELOG.md index 1921520f14cca5..45e8cd726eefbb 100644 --- a/packages/react-components/react-infobutton/CHANGELOG.md +++ b/packages/react-components/react-infobutton/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-infobutton -This log was last generated on Wed, 04 Jan 2023 01:40:08 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.6) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infobutton_v9.0.0-beta.5..@fluentui/react-infobutton_v9.0.0-beta.6) + +### Changes + +- Bump @fluentui/react-popover to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-infobutton_v9.0.0-beta.5) Wed, 04 Jan 2023 01:40:08 GMT diff --git a/packages/react-components/react-infobutton/package.json b/packages/react-components/react-infobutton/package.json index c5b1f85bceae87..3e803d82426a5d 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.5", + "version": "9.0.0-beta.6", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,10 +32,10 @@ }, "dependencies": { "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-popover": "^9.3.6", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-popover": "^9.4.0", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-input/CHANGELOG.json b/packages/react-components/react-input/CHANGELOG.json index c97b6bc09eb1f4..241cd4d91eaca0 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": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-input_v9.2.11", + "version": "9.2.11", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-input", + "comment": "Bump @fluentui/react-text to v9.1.12", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:09 GMT", "tag": "@fluentui/react-input_v9.2.10", diff --git a/packages/react-components/react-input/CHANGELOG.md b/packages/react-components/react-input/CHANGELOG.md index bebee2ca402e86..eb9d443c655b05 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, 04 Jan 2023 01:40:09 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.2.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.2.11) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-input_v9.2.10..@fluentui/react-input_v9.2.11) + +### Patches + +- Bump @fluentui/react-field to v9.0.0-alpha.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-text to v9.1.12 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.2.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-input_v9.2.10) Wed, 04 Jan 2023 01:40:09 GMT diff --git a/packages/react-components/react-input/package.json b/packages/react-components/react-input/package.json index a1663ba7b98bec..3775c86da9dfc8 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.2.10", + "version": "9.2.11", "description": "Fluent UI React Input component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,13 +28,13 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.19", - "@fluentui/react-text": "^9.1.11", + "@fluentui/react-text": "^9.1.12", "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.13", + "@fluentui/react-field": "9.0.0-alpha.14", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-label/CHANGELOG.json b/packages/react-components/react-label/CHANGELOG.json index 4b5b96bd2aee04..c13ab5cd405919 100644 --- a/packages/react-components/react-label/CHANGELOG.json +++ b/packages/react-components/react-label/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-label", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-label_v9.0.16", + "version": "9.0.16", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-label", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:10 GMT", "tag": "@fluentui/react-label_v9.0.15", diff --git a/packages/react-components/react-label/CHANGELOG.md b/packages/react-components/react-label/CHANGELOG.md index ac915557f7f7b7..a663558de9b48d 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, 04 Jan 2023 01:40:10 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.16) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-label_v9.0.15..@fluentui/react-label_v9.0.16) + +### Patches + +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-label_v9.0.15) Wed, 04 Jan 2023 01:40:10 GMT diff --git a/packages/react-components/react-label/package.json b/packages/react-components/react-label/package.json index b3aea68e4295ea..855ef56eade7df 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.0.15", + "version": "9.0.16", "description": "Fluent UI React Label component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,7 +32,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-link/CHANGELOG.json b/packages/react-components/react-link/CHANGELOG.json index 99575d4dffebef..1b7179b3cdc4d9 100644 --- a/packages/react-components/react-link/CHANGELOG.json +++ b/packages/react-components/react-link/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-link", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-link_v9.0.17", + "version": "9.0.17", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-link", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:11 GMT", "tag": "@fluentui/react-link_v9.0.16", diff --git a/packages/react-components/react-link/CHANGELOG.md b/packages/react-components/react-link/CHANGELOG.md index 3664e984aec9de..5216982259b831 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, 04 Jan 2023 01:40:11 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.17) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.0.16..@fluentui/react-link_v9.0.17) + +### Patches + +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.0.16) Wed, 04 Jan 2023 01:40:11 GMT diff --git a/packages/react-components/react-link/package.json b/packages/react-components/react-link/package.json index 2424fb80993432..fd975bc5d6a6f3 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.16", + "version": "9.0.17", "description": "Fluent UI React Link component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,9 +33,9 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-menu/CHANGELOG.json b/packages/react-components/react-menu/CHANGELOG.json index 123f64087838a8..a06d5f30f13890 100644 --- a/packages/react-components/react-menu/CHANGELOG.json +++ b/packages/react-components/react-menu/CHANGELOG.json @@ -1,6 +1,73 @@ { "name": "@fluentui/react-menu", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:57 GMT", + "tag": "@fluentui/react-menu_v9.6.0", + "version": "9.6.0", + "comments": { + "patch": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-menu", + "commit": "307d7988ee9c589c17dce78f1c36719c6ebb91c2", + "comment": "fix: MenuList props should win over context props" + } + ], + "minor": [ + { + "author": "bernardo.sunderhus@gmail.com", + "package": "@fluentui/react-menu", + "commit": "26f0364b3837056ee8e0df42a7932c298c68290e", + "comment": "Stops using ARIAButton types for MenuItem root" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-aria to v9.3.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-portal to v9.1.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-positioning to v9.3.7", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-menu", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ], + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-menu", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:13 GMT", "tag": "@fluentui/react-menu_v9.5.4", diff --git a/packages/react-components/react-menu/CHANGELOG.md b/packages/react-components/react-menu/CHANGELOG.md index e8acf6dfa11d1f..9730c4d08b3a65 100644 --- a/packages/react-components/react-menu/CHANGELOG.md +++ b/packages/react-components/react-menu/CHANGELOG.md @@ -1,9 +1,28 @@ # Change Log - @fluentui/react-menu -This log was last generated on Wed, 04 Jan 2023 01:40:13 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:57 GMT and should not be manually modified. +## [9.6.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.6.0) + +Mon, 09 Jan 2023 14:34:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-menu_v9.5.4..@fluentui/react-menu_v9.6.0) + +### Minor changes + +- Stops using ARIAButton types for MenuItem root ([PR #26257](https://github.com/microsoft/fluentui/pull/26257) by bernardo.sunderhus@gmail.com) +- Bump @fluentui/react-aria to v9.3.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-portal to v9.1.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-positioning to v9.3.7 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + +### Patches + +- fix: MenuList props should win over context props ([PR #26252](https://github.com/microsoft/fluentui/pull/26252) by lingfangao@hotmail.com) + ## [9.5.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-menu_v9.5.4) Wed, 04 Jan 2023 01:40:13 GMT diff --git a/packages/react-components/react-menu/package.json b/packages/react-components/react-menu/package.json index c3928cdbca57db..333e3b162fdeba 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.5.4", + "version": "9.6.0", "description": "Fluent UI menu component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -33,16 +33,16 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-aria": "^9.3.4", + "@fluentui/react-aria": "^9.3.5", "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-context-selector": "^9.1.4", + "@fluentui/react-context-selector": "^9.1.5", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-portal": "^9.0.15", - "@fluentui/react-positioning": "^9.3.6", + "@fluentui/react-portal": "^9.1.0", + "@fluentui/react-positioning": "^9.3.7", "@fluentui/react-shared-contexts": "^9.1.4", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-overflow/CHANGELOG.json b/packages/react-components/react-overflow/CHANGELOG.json index 410898dae9931d..7cddd0e4d3ecd7 100644 --- a/packages/react-components/react-overflow/CHANGELOG.json +++ b/packages/react-components/react-overflow/CHANGELOG.json @@ -1,6 +1,47 @@ { "name": "@fluentui/react-overflow", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:57 GMT", + "tag": "@fluentui/react-overflow_v9.0.0-rc.6", + "version": "9.0.0-rc.6", + "comments": { + "none": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-overflow", + "commit": "2611ae5441e4bc702c4ce6404c7186f6c2de7cc3", + "comment": "Add tests for fix" + }, + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-overflow", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/priority-overflow to v9.0.0-rc.2", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-overflow", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:14 GMT", "tag": "@fluentui/react-overflow_v9.0.0-rc.5", diff --git a/packages/react-components/react-overflow/CHANGELOG.md b/packages/react-components/react-overflow/CHANGELOG.md index 0b26422250fa40..6cf9acd7d2d763 100644 --- a/packages/react-components/react-overflow/CHANGELOG.md +++ b/packages/react-components/react-overflow/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-overflow -This log was last generated on Wed, 04 Jan 2023 01:40:14 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:57 GMT and should not be manually modified. +## [9.0.0-rc.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-rc.6) + +Mon, 09 Jan 2023 14:34:57 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-rc.5..@fluentui/react-overflow_v9.0.0-rc.6) + +### Changes + +- Bump @fluentui/priority-overflow to v9.0.0-rc.2 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-rc.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-rc.5) Wed, 04 Jan 2023 01:40:14 GMT diff --git a/packages/react-components/react-overflow/package.json b/packages/react-components/react-overflow/package.json index c7aeca9f2c1978..fe8b7baa9690d1 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.0-rc.5", + "version": "9.0.0-rc.6", "description": "React bindings for @fluentui/priority-overflow", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,10 +31,10 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/priority-overflow": "^9.0.0-rc.1", - "@fluentui/react-context-selector": "^9.1.4", + "@fluentui/priority-overflow": "^9.0.0-rc.2", + "@fluentui/react-context-selector": "^9.1.5", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-persona/CHANGELOG.json b/packages/react-components/react-persona/CHANGELOG.json index 9bea1b8de4410f..06b0d7c3f165cf 100644 --- a/packages/react-components/react-persona/CHANGELOG.json +++ b/packages/react-components/react-persona/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-persona", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-persona_v9.1.1", + "version": "9.1.1", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-avatar to v9.2.12", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-badge to v9.0.18", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-persona", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:15 GMT", "tag": "@fluentui/react-persona_v9.1.0", diff --git a/packages/react-components/react-persona/CHANGELOG.md b/packages/react-components/react-persona/CHANGELOG.md index df7d7aaea704d0..cb1f5c3c489ae8 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, 04 Jan 2023 01:40:15 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.1.1) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-persona_v9.1.0..@fluentui/react-persona_v9.1.1) + +### Patches + +- Bump @fluentui/react-avatar to v9.2.12 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-badge to v9.0.18 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-persona_v9.1.0) Wed, 04 Jan 2023 01:40:15 GMT diff --git a/packages/react-components/react-persona/package.json b/packages/react-components/react-persona/package.json index e27c0ad0e80fe4..cc7f7097b68605 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.1.0", + "version": "9.1.1", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,10 +31,10 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-avatar": "^9.2.11", - "@fluentui/react-badge": "^9.0.17", + "@fluentui/react-avatar": "^9.2.12", + "@fluentui/react-badge": "^9.0.18", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-popover/CHANGELOG.json b/packages/react-components/react-popover/CHANGELOG.json index 8a70a8feae3800..a4334896efb9c9 100644 --- a/packages/react-components/react-popover/CHANGELOG.json +++ b/packages/react-components/react-popover/CHANGELOG.json @@ -1,6 +1,65 @@ { "name": "@fluentui/react-popover", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:58 GMT", + "tag": "@fluentui/react-popover_v9.4.0", + "version": "9.4.0", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-popover", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ], + "minor": [ + { + "author": "yuanboxue@microsoft.com", + "package": "@fluentui/react-popover", + "commit": "46dc6befc9db655c2763908d91c7c603f1063af4", + "comment": "feat: add new prop unstable_disableAutoFocus on Popover" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-aria to v9.3.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-portal to v9.1.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-positioning to v9.3.7", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-popover", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:16 GMT", "tag": "@fluentui/react-popover_v9.3.6", diff --git a/packages/react-components/react-popover/CHANGELOG.md b/packages/react-components/react-popover/CHANGELOG.md index e1ef0c1103447d..984d8e4b131ce3 100644 --- a/packages/react-components/react-popover/CHANGELOG.md +++ b/packages/react-components/react-popover/CHANGELOG.md @@ -1,9 +1,24 @@ # Change Log - @fluentui/react-popover -This log was last generated on Wed, 04 Jan 2023 01:40:16 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:58 GMT and should not be manually modified. +## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.4.0) + +Mon, 09 Jan 2023 14:34:58 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.3.6..@fluentui/react-popover_v9.4.0) + +### Minor changes + +- feat: add new prop unstable_disableAutoFocus on Popover ([PR #26141](https://github.com/microsoft/fluentui/pull/26141) by yuanboxue@microsoft.com) +- Bump @fluentui/react-aria to v9.3.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-portal to v9.1.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-positioning to v9.3.7 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.3.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.3.6) Wed, 04 Jan 2023 01:40:16 GMT diff --git a/packages/react-components/react-popover/package.json b/packages/react-components/react-popover/package.json index 95726d40a5b4c2..0c5af16f3c8aaf 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.3.6", + "version": "9.4.0", "description": "Popover component for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,14 +34,14 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-aria": "^9.3.4", - "@fluentui/react-context-selector": "^9.1.4", - "@fluentui/react-portal": "^9.0.15", - "@fluentui/react-positioning": "^9.3.6", + "@fluentui/react-aria": "^9.3.5", + "@fluentui/react-context-selector": "^9.1.5", + "@fluentui/react-portal": "^9.1.0", + "@fluentui/react-positioning": "^9.3.7", "@fluentui/react-shared-contexts": "^9.1.4", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json index b5e13544151794..be7f09b5c4f3ff 100644 --- a/packages/react-components/react-portal-compat/CHANGELOG.json +++ b/packages/react-components/react-portal-compat/CHANGELOG.json @@ -1,6 +1,35 @@ { "name": "@fluentui/react-portal-compat", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:59 GMT", + "tag": "@fluentui/react-portal-compat_v9.0.24", + "version": "9.0.24", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-portal-compat", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ], + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-components to v9.9.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:18 GMT", "tag": "@fluentui/react-portal-compat_v9.0.23", diff --git a/packages/react-components/react-portal-compat/CHANGELOG.md b/packages/react-components/react-portal-compat/CHANGELOG.md index ce2e0ac25b3489..77128fa8586a75 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, 04 Jan 2023 01:40:18 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:59 GMT and should not be manually modified. +## [9.0.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.24) + +Mon, 09 Jan 2023 14:34:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.23..@fluentui/react-portal-compat_v9.0.24) + +### Patches + +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-components to v9.9.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.23) Wed, 04 Jan 2023 01:40:18 GMT diff --git a/packages/react-components/react-portal-compat/package.json b/packages/react-components/react-portal-compat/package.json index 569b8814b3f893..9886f042d91146 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.23", + "version": "9.0.24", "description": "A package that contains compatibility layer for React Portals", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -26,17 +26,17 @@ }, "devDependencies": { "@fluentui/eslint-plugin": "*", - "@fluentui/react-components": "^9.8.0", + "@fluentui/react-components": "^9.9.0", "@fluentui/react-shared-contexts": "^9.1.4", "@fluentui/scripts": "*" }, "dependencies": { "@fluentui/react-portal-compat-context": "^9.0.4", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "tslib": "^2.1.0" }, "peerDependencies": { - "@fluentui/react-components": "^9.8.0", + "@fluentui/react-components": "^9.9.0", "@types/react": ">=16.8.0 <19.0.0", "react": ">=16.8.0 <19.0.0" }, diff --git a/packages/react-components/react-portal/CHANGELOG.json b/packages/react-components/react-portal/CHANGELOG.json index 1d98cf4d15225b..b5c277bb120434 100644 --- a/packages/react-components/react-portal/CHANGELOG.json +++ b/packages/react-components/react-portal/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-portal", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:59 GMT", + "tag": "@fluentui/react-portal_v9.1.0", + "version": "9.1.0", + "comments": { + "minor": [ + { + "author": "email not defined", + "package": "@fluentui/react-portal", + "commit": "a62c525a002fe1eed5c40aec4c041d1f850b7beb", + "comment": "feat: elementContains supports Node types" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-portal", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:17 GMT", "tag": "@fluentui/react-portal_v9.0.15", diff --git a/packages/react-components/react-portal/CHANGELOG.md b/packages/react-components/react-portal/CHANGELOG.md index 7ec4de37866be4..4455c8c928bf3f 100644 --- a/packages/react-components/react-portal/CHANGELOG.md +++ b/packages/react-components/react-portal/CHANGELOG.md @@ -1,9 +1,20 @@ # Change Log - @fluentui/react-portal -This log was last generated on Wed, 04 Jan 2023 01:40:17 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:59 GMT and should not be manually modified. +## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.1.0) + +Mon, 09 Jan 2023 14:34:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal_v9.0.15..@fluentui/react-portal_v9.1.0) + +### Minor changes + +- feat: elementContains supports Node types ([PR #26158](https://github.com/microsoft/fluentui/pull/26158) by email not defined) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal_v9.0.15) Wed, 04 Jan 2023 01:40:17 GMT diff --git a/packages/react-components/react-portal/package.json b/packages/react-components/react-portal/package.json index b886524ae0b872..900749fb8f5ae5 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.0.15", + "version": "9.1.0", "description": "A utility component that creates portals compatible with Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,8 +31,8 @@ }, "dependencies": { "@fluentui/react-shared-contexts": "^9.1.4", - "@fluentui/react-tabster": "^9.3.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-tabster": "^9.3.6", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0", "use-disposable": "^1.0.1" diff --git a/packages/react-components/react-positioning/CHANGELOG.json b/packages/react-components/react-positioning/CHANGELOG.json index 0cbd8f68103b6e..3085091efc4b50 100644 --- a/packages/react-components/react-positioning/CHANGELOG.json +++ b/packages/react-components/react-positioning/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-positioning", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:34:59 GMT", + "tag": "@fluentui/react-positioning_v9.3.7", + "version": "9.3.7", + "comments": { + "patch": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-positioning", + "commit": "42acf190805edde3e32fbbf4adf37046c51f625e", + "comment": "fix: setOverrideTarget should be an event callback" + }, + { + "author": "beachball", + "package": "@fluentui/react-positioning", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:20 GMT", "tag": "@fluentui/react-positioning_v9.3.6", diff --git a/packages/react-components/react-positioning/CHANGELOG.md b/packages/react-components/react-positioning/CHANGELOG.md index 8bc691d74a1460..d0975ca4ac2c80 100644 --- a/packages/react-components/react-positioning/CHANGELOG.md +++ b/packages/react-components/react-positioning/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-positioning -This log was last generated on Wed, 04 Jan 2023 01:40:20 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:34:59 GMT and should not be manually modified. +## [9.3.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.3.7) + +Mon, 09 Jan 2023 14:34:59 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-positioning_v9.3.6..@fluentui/react-positioning_v9.3.7) + +### Patches + +- fix: setOverrideTarget should be an event callback ([PR #26157](https://github.com/microsoft/fluentui/pull/26157) by lingfangao@hotmail.com) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.3.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-positioning_v9.3.6) Wed, 04 Jan 2023 01:40:20 GMT diff --git a/packages/react-components/react-positioning/package.json b/packages/react-components/react-positioning/package.json index 090cf57f616e3f..3d3d2b024fad22 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.3.6", + "version": "9.3.7", "description": "A react wrapper around Popper.js for Fluent UI", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,7 +30,7 @@ "@floating-ui/dom": "^1.0.0", "@fluentui/react-shared-contexts": "^9.1.4", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-progress/CHANGELOG.json b/packages/react-components/react-progress/CHANGELOG.json index 8e621aa1f2f88d..d1405e8d06d041 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": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-progress_v9.0.0-alpha.11", + "version": "9.0.0-alpha.11", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-progress", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:22 GMT", "tag": "@fluentui/react-progress_v9.0.0-alpha.10", diff --git a/packages/react-components/react-progress/CHANGELOG.md b/packages/react-components/react-progress/CHANGELOG.md index b459b1c16dddfc..3e8f0b40c125e0 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, 04 Jan 2023 01:40:22 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.0-alpha.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.11) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-progress_v9.0.0-alpha.10..@fluentui/react-progress_v9.0.0-alpha.11) + +### Changes + +- Bump @fluentui/react-field to v9.0.0-alpha.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-alpha.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-progress_v9.0.0-alpha.10) Wed, 04 Jan 2023 01:40:22 GMT diff --git a/packages/react-components/react-progress/package.json b/packages/react-components/react-progress/package.json index e01f8ab651620f..fdc94e666ff622 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.0.0-alpha.10", + "version": "9.0.0-alpha.11", "description": "Progress component for FluentUI v9", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,10 +31,10 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.13", + "@fluentui/react-field": "9.0.0-alpha.14", "@fluentui/react-shared-contexts": "^9.1.4", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-provider/CHANGELOG.json b/packages/react-components/react-provider/CHANGELOG.json index c7393c14c790b2..caf7fe98fc6473 100644 --- a/packages/react-components/react-provider/CHANGELOG.json +++ b/packages/react-components/react-provider/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-provider", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-provider_v9.2.1", + "version": "9.2.1", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-provider", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:23 GMT", "tag": "@fluentui/react-provider_v9.2.0", diff --git a/packages/react-components/react-provider/CHANGELOG.md b/packages/react-components/react-provider/CHANGELOG.md index 96a0369ac2ca76..37a4161712d566 100644 --- a/packages/react-components/react-provider/CHANGELOG.md +++ b/packages/react-components/react-provider/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-provider -This log was last generated on Wed, 04 Jan 2023 01:40:23 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.2.1) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.2.0..@fluentui/react-provider_v9.2.1) + +### Patches + +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.2.0) Wed, 04 Jan 2023 01:40:23 GMT diff --git a/packages/react-components/react-provider/package.json b/packages/react-components/react-provider/package.json index 788a9c9d3981f4..f869b9aab81938 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.2.0", + "version": "9.2.1", "description": "Fluent UI React provider component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -34,9 +34,9 @@ "@griffel/core": "^1.9.0", "@griffel/react": "^1.5.2", "@fluentui/react-shared-contexts": "^9.1.4", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-radio/CHANGELOG.json b/packages/react-components/react-radio/CHANGELOG.json index 79a5b65d2ca449..f901f4e1db9bc1 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": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-radio_v9.0.17", + "version": "9.0.17", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-label to v9.0.16", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-radio", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:25 GMT", "tag": "@fluentui/react-radio_v9.0.16", diff --git a/packages/react-components/react-radio/CHANGELOG.md b/packages/react-components/react-radio/CHANGELOG.md index 48f1ece5f78a7e..96cdabae11aae4 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, 04 Jan 2023 01:40:25 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.17) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-radio_v9.0.16..@fluentui/react-radio_v9.0.17) + +### Patches + +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-field to v9.0.0-alpha.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-label to v9.0.16 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-radio_v9.0.16) Wed, 04 Jan 2023 01:40:25 GMT diff --git a/packages/react-components/react-radio/package.json b/packages/react-components/react-radio/package.json index d1294594a328d5..aa5f79e6e46374 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.0.16", + "version": "9.0.17", "description": "Fluent UI Radio component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,13 +30,13 @@ "@fluentui/react-conformance-griffel": "9.0.0-beta.19" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.4", - "@fluentui/react-field": "9.0.0-alpha.13", + "@fluentui/react-context-selector": "^9.1.5", + "@fluentui/react-field": "9.0.0-alpha.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-label": "^9.0.15", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-label": "^9.0.16", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-select/CHANGELOG.json b/packages/react-components/react-select/CHANGELOG.json index cc754f0b69fd22..9baffa15c8b5d5 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": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-select_v9.0.0-beta.20", + "version": "9.0.0-beta.20", + "comments": { + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-select", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:26 GMT", "tag": "@fluentui/react-select_v9.0.0-beta.19", diff --git a/packages/react-components/react-select/CHANGELOG.md b/packages/react-components/react-select/CHANGELOG.md index 23a7bbbdd06c51..eafc8127fcc64a 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, 04 Jan 2023 01:40:26 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.0-beta.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.20) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-select_v9.0.0-beta.19..@fluentui/react-select_v9.0.0-beta.20) + +### Changes + +- Bump @fluentui/react-field to v9.0.0-alpha.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-beta.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-select_v9.0.0-beta.19) Wed, 04 Jan 2023 01:40:26 GMT diff --git a/packages/react-components/react-select/package.json b/packages/react-components/react-select/package.json index aa69790caed645..13ce6c22e9558a 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.0.0-beta.19", + "version": "9.0.0-beta.20", "description": "Fluent UI React Select component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,10 +30,10 @@ "@fluentui/react-conformance-griffel": "9.0.0-beta.19" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.13", + "@fluentui/react-field": "9.0.0-alpha.14", "@fluentui/react-icons": "^2.0.175", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-skeleton/package.json b/packages/react-components/react-skeleton/package.json index 1f61c94cfcf251..baeac81911dc80 100644 --- a/packages/react-components/react-skeleton/package.json +++ b/packages/react-components/react-skeleton/package.json @@ -30,7 +30,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-slider/CHANGELOG.json b/packages/react-components/react-slider/CHANGELOG.json index 3627ede48e0be3..2cb490d6d81251 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": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-slider_v9.0.16", + "version": "9.0.16", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-slider", + "comment": "Bump @fluentui/react-label to v9.0.16", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:27 GMT", "tag": "@fluentui/react-slider_v9.0.15", diff --git a/packages/react-components/react-slider/CHANGELOG.md b/packages/react-components/react-slider/CHANGELOG.md index d0255e96660fb6..75d6e04d3ef98f 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, 04 Jan 2023 01:40:27 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.0.16) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-slider_v9.0.15..@fluentui/react-slider_v9.0.16) + +### Patches + +- Bump @fluentui/react-field to v9.0.0-alpha.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-label to v9.0.16 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-slider_v9.0.15) Wed, 04 Jan 2023 01:40:27 GMT diff --git a/packages/react-components/react-slider/package.json b/packages/react-components/react-slider/package.json index 194231aa917115..e67dfd4638f9b4 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.0.15", + "version": "9.0.16", "description": "Fluent UI React Slider component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -28,16 +28,16 @@ "@fluentui/eslint-plugin": "*", "@fluentui/react-conformance": "*", "@fluentui/react-conformance-griffel": "9.0.0-beta.19", - "@fluentui/react-label": "^9.0.15", + "@fluentui/react-label": "^9.0.16", "@fluentui/scripts": "*" }, "dependencies": { "@griffel/react": "^1.5.2", - "@fluentui/react-field": "9.0.0-alpha.13", + "@fluentui/react-field": "9.0.0-alpha.14", "@fluentui/react-shared-contexts": "^9.1.4", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-spinbutton/CHANGELOG.json b/packages/react-components/react-spinbutton/CHANGELOG.json index 58587ff1fdf7d9..a72f7d9ba8f470 100644 --- a/packages/react-components/react-spinbutton/CHANGELOG.json +++ b/packages/react-components/react-spinbutton/CHANGELOG.json @@ -1,6 +1,39 @@ { "name": "@fluentui/react-spinbutton", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-spinbutton_v9.0.14", + "version": "9.0.14", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-input to v9.2.11", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinbutton", + "comment": "Bump @fluentui/react-label to v9.0.16", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:28 GMT", "tag": "@fluentui/react-spinbutton_v9.0.13", diff --git a/packages/react-components/react-spinbutton/CHANGELOG.md b/packages/react-components/react-spinbutton/CHANGELOG.md index 80167234ef871b..088d22e1d423cb 100644 --- a/packages/react-components/react-spinbutton/CHANGELOG.md +++ b/packages/react-components/react-spinbutton/CHANGELOG.md @@ -1,9 +1,21 @@ # Change Log - @fluentui/react-spinbutton -This log was last generated on Wed, 04 Jan 2023 01:40:28 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.0.14) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.0.13..@fluentui/react-spinbutton_v9.0.14) + +### Patches + +- Bump @fluentui/react-field to v9.0.0-alpha.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-input to v9.2.11 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-label to v9.0.16 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.0.13) Wed, 04 Jan 2023 01:40:28 GMT diff --git a/packages/react-components/react-spinbutton/package.json b/packages/react-components/react-spinbutton/package.json index e109292433d050..de227fd13d17df 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.0.13", + "version": "9.0.14", "description": "Fluent UI React SpinButton 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.0.15", + "@fluentui/react-label": "^9.0.16", "@fluentui/scripts": "*" }, "dependencies": { "@griffel/react": "^1.5.2", "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-field": "9.0.0-alpha.13", + "@fluentui/react-field": "9.0.0-alpha.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-input": "^9.2.10", + "@fluentui/react-input": "^9.2.11", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-spinner/CHANGELOG.json b/packages/react-components/react-spinner/CHANGELOG.json index 61dbe988dd0aa4..e04106a495a91e 100644 --- a/packages/react-components/react-spinner/CHANGELOG.json +++ b/packages/react-components/react-spinner/CHANGELOG.json @@ -1,6 +1,27 @@ { "name": "@fluentui/react-spinner", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-spinner_v9.0.16", + "version": "9.0.16", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-label to v9.0.16", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-spinner", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:30 GMT", "tag": "@fluentui/react-spinner_v9.0.15", diff --git a/packages/react-components/react-spinner/CHANGELOG.md b/packages/react-components/react-spinner/CHANGELOG.md index f458f3a626c810..2a324a58549f6f 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, 04 Jan 2023 01:40:30 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.0.16) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinner_v9.0.15..@fluentui/react-spinner_v9.0.16) + +### Patches + +- Bump @fluentui/react-label to v9.0.16 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinner_v9.0.15) Wed, 04 Jan 2023 01:40:30 GMT diff --git a/packages/react-components/react-spinner/package.json b/packages/react-components/react-spinner/package.json index 8e390173b0e8b4..59adb7cf417eb5 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.0.15", + "version": "9.0.16", "description": "Spinner component for Fluent UI React", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,8 +32,8 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-label": "^9.0.15", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-label": "^9.0.16", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-storybook-addon/package.json b/packages/react-components/react-storybook-addon/package.json index ef6c43ab19c794..96c94a3fc3a6cf 100644 --- a/packages/react-components/react-storybook-addon/package.json +++ b/packages/react-components/react-storybook-addon/package.json @@ -30,7 +30,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-provider": "^9.2.0", + "@fluentui/react-provider": "^9.2.1", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-switch/CHANGELOG.json b/packages/react-components/react-switch/CHANGELOG.json index 7904e1a332b7ee..3793cbc56d4dd8 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": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-switch_v9.0.17", + "version": "9.0.17", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-label to v9.0.16", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-switch", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:31 GMT", "tag": "@fluentui/react-switch_v9.0.16", diff --git a/packages/react-components/react-switch/CHANGELOG.md b/packages/react-components/react-switch/CHANGELOG.md index 7d5586c29742eb..654e3360cde1ec 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, 04 Jan 2023 01:40:31 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.17) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-switch_v9.0.16..@fluentui/react-switch_v9.0.17) + +### Patches + +- Bump @fluentui/react-field to v9.0.0-alpha.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-label to v9.0.16 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-switch_v9.0.16) Wed, 04 Jan 2023 01:40:31 GMT diff --git a/packages/react-components/react-switch/package.json b/packages/react-components/react-switch/package.json index d0755261ecc6dd..849c8290f3eadc 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.0.16", + "version": "9.0.17", "description": "Fluent UI React Switch component.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,12 +31,12 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.13", + "@fluentui/react-field": "9.0.0-alpha.14", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-label": "^9.0.15", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-label": "^9.0.16", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-table/CHANGELOG.json b/packages/react-components/react-table/CHANGELOG.json index b87a377134d334..e5e8d18bf01a2f 100644 --- a/packages/react-components/react-table/CHANGELOG.json +++ b/packages/react-components/react-table/CHANGELOG.json @@ -1,6 +1,89 @@ { "name": "@fluentui/react-table", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:00 GMT", + "tag": "@fluentui/react-table_v9.0.0-alpha.17", + "version": "9.0.0-alpha.17", + "comments": { + "prerelease": [ + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-table", + "commit": "73bd103d70370326286daee55dad5c1c2b9861a7", + "comment": "fix: remove Event type in selectionManager" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-table", + "commit": "2bde4a96454105f8943284b590b6174ccb1aea94", + "comment": "refactor: Cleanup unused code" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-table", + "commit": "87fcaf175c6588438c7f8dc2c2de5a4af5f94d1a", + "comment": "BREAKING(TableCellLayout): `wrapper` slot renamed to `content`" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-aria to v9.3.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-avatar to v9.2.12", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-checkbox to v9.0.18", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-radio to v9.0.17", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-table", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ], + "none": [ + { + "author": "olfedias@microsoft.com", + "package": "@fluentui/react-table", + "commit": "bffa36e0a7824f1e54d73907912473692c40d70b", + "comment": "docs: fix typo in Table.types.ts" + }, + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-table", + "commit": "f514d1ff53ea0b2a6e959b3d457f341d7f68575e", + "comment": "docs: Fix typos in react-table docs" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:32 GMT", "tag": "@fluentui/react-table_v9.0.0-alpha.16", diff --git a/packages/react-components/react-table/CHANGELOG.md b/packages/react-components/react-table/CHANGELOG.md index ffdf1fe6053e53..aa1805649a73b7 100644 --- a/packages/react-components/react-table/CHANGELOG.md +++ b/packages/react-components/react-table/CHANGELOG.md @@ -1,9 +1,27 @@ # Change Log - @fluentui/react-table -This log was last generated on Wed, 04 Jan 2023 01:40:32 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:00 GMT and should not be manually modified. +## [9.0.0-alpha.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.0.0-alpha.17) + +Mon, 09 Jan 2023 14:35:00 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-table_v9.0.0-alpha.16..@fluentui/react-table_v9.0.0-alpha.17) + +### Changes + +- fix: remove Event type in selectionManager ([PR #26211](https://github.com/microsoft/fluentui/pull/26211) by olfedias@microsoft.com) +- refactor: Cleanup unused code ([PR #26219](https://github.com/microsoft/fluentui/pull/26219) by lingfangao@hotmail.com) +- BREAKING(TableCellLayout): `wrapper` slot renamed to `content` ([PR #26220](https://github.com/microsoft/fluentui/pull/26220) by lingfangao@hotmail.com) +- Bump @fluentui/react-aria to v9.3.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-avatar to v9.2.12 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-checkbox to v9.0.18 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-radio to v9.0.17 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-alpha.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-table_v9.0.0-alpha.16) Wed, 04 Jan 2023 01:40:32 GMT diff --git a/packages/react-components/react-table/package.json b/packages/react-components/react-table/package.json index ee8e3083f315c1..e9eb5bc3d40ded 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.0.0-alpha.16", + "version": "9.0.0-alpha.17", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,15 +31,15 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-aria": "^9.3.4", - "@fluentui/react-avatar": "^9.2.11", - "@fluentui/react-checkbox": "^9.0.17", - "@fluentui/react-context-selector": "^9.1.4", + "@fluentui/react-aria": "^9.3.5", + "@fluentui/react-avatar": "^9.2.12", + "@fluentui/react-checkbox": "^9.0.18", + "@fluentui/react-context-selector": "^9.1.5", "@fluentui/react-icons": "^2.0.175", - "@fluentui/react-radio": "^9.0.16", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-radio": "^9.0.17", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-tabs/CHANGELOG.json b/packages/react-components/react-tabs/CHANGELOG.json index 8feb8c20390063..4dce457910958f 100644 --- a/packages/react-components/react-tabs/CHANGELOG.json +++ b/packages/react-components/react-tabs/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-tabs", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-tabs_v9.1.6", + "version": "9.1.6", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-tabs", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:34 GMT", "tag": "@fluentui/react-tabs_v9.1.5", diff --git a/packages/react-components/react-tabs/CHANGELOG.md b/packages/react-components/react-tabs/CHANGELOG.md index 783b0dca6dcb34..65062710eb2d1b 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, 04 Jan 2023 01:40:34 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.1.6) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabs_v9.1.5..@fluentui/react-tabs_v9.1.6) + +### Patches + +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabs_v9.1.5) Wed, 04 Jan 2023 01:40:34 GMT diff --git a/packages/react-components/react-tabs/package.json b/packages/react-components/react-tabs/package.json index b82c88d9b0f520..27eac8942b3310 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.1.5", + "version": "9.1.6", "description": "Fluent UI React tabs components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -30,10 +30,10 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.4", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-context-selector": "^9.1.5", + "@fluentui/react-tabster": "^9.3.6", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-tabster/CHANGELOG.json b/packages/react-components/react-tabster/CHANGELOG.json index 8c4f11b652e27d..b62152cfbd16a7 100644 --- a/packages/react-components/react-tabster/CHANGELOG.json +++ b/packages/react-components/react-tabster/CHANGELOG.json @@ -1,6 +1,29 @@ { "name": "@fluentui/react-tabster", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:01 GMT", + "tag": "@fluentui/react-tabster_v9.3.6", + "version": "9.3.6", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-tabster", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ], + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-tabster", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:35 GMT", "tag": "@fluentui/react-tabster_v9.3.5", diff --git a/packages/react-components/react-tabster/CHANGELOG.md b/packages/react-components/react-tabster/CHANGELOG.md index a579fbd5e4b4fa..3b6598872870f5 100644 --- a/packages/react-components/react-tabster/CHANGELOG.md +++ b/packages/react-components/react-tabster/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-tabster -This log was last generated on Wed, 04 Jan 2023 01:40:35 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:01 GMT and should not be manually modified. +## [9.3.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.3.6) + +Mon, 09 Jan 2023 14:35:01 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tabster_v9.3.5..@fluentui/react-tabster_v9.3.6) + +### Patches + +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.3.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tabster_v9.3.5) Wed, 04 Jan 2023 01:40:35 GMT diff --git a/packages/react-components/react-tabster/package.json b/packages/react-components/react-tabster/package.json index 2fe5ac893af76a..304f8061af9733 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.3.5", + "version": "9.3.6", "description": "Utilities for focus management and facade for tabster", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,7 +31,7 @@ "@griffel/react": "^1.5.2", "@fluentui/react-shared-contexts": "^9.1.4", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "keyborg": "^1.2.1", "tabster": "^3.0.6", "tslib": "^2.1.0" diff --git a/packages/react-components/react-tags/package.json b/packages/react-components/react-tags/package.json index 2400c93a2e867c..6142330e426105 100644 --- a/packages/react-components/react-tags/package.json +++ b/packages/react-components/react-tags/package.json @@ -30,7 +30,7 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-text/CHANGELOG.json b/packages/react-components/react-text/CHANGELOG.json index 83d3b62aa21f93..999aec4f14205e 100644 --- a/packages/react-components/react-text/CHANGELOG.json +++ b/packages/react-components/react-text/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-text", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-text_v9.1.12", + "version": "9.1.12", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-text", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:36 GMT", "tag": "@fluentui/react-text_v9.1.11", diff --git a/packages/react-components/react-text/CHANGELOG.md b/packages/react-components/react-text/CHANGELOG.md index 98b6d8e3b5f659..7a516a6956ab0c 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, 04 Jan 2023 01:40:36 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.1.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.1.12) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-text_v9.1.11..@fluentui/react-text_v9.1.12) + +### Patches + +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.1.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-text_v9.1.11) Wed, 04 Jan 2023 01:40:36 GMT diff --git a/packages/react-components/react-text/package.json b/packages/react-components/react-text/package.json index 2fde0b12c44cbe..7827310fc8ee1d 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.1.11", + "version": "9.1.12", "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", @@ -33,7 +33,7 @@ "dependencies": { "@griffel/react": "^1.5.2", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "tslib": "^2.1.0" }, "peerDependencies": { diff --git a/packages/react-components/react-textarea/CHANGELOG.json b/packages/react-components/react-textarea/CHANGELOG.json index 8a1138b9e9d429..b46427760a6e49 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": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-textarea_v9.1.11", + "version": "9.1.11", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-field to v9.0.0-alpha.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-textarea", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:37 GMT", "tag": "@fluentui/react-textarea_v9.1.10", diff --git a/packages/react-components/react-textarea/CHANGELOG.md b/packages/react-components/react-textarea/CHANGELOG.md index 1acf05b23b62b9..d161f5f865b737 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, 04 Jan 2023 01:40:37 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.1.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.1.11) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-textarea_v9.1.10..@fluentui/react-textarea_v9.1.11) + +### Patches + +- Bump @fluentui/react-field to v9.0.0-alpha.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-textarea_v9.1.10) Wed, 04 Jan 2023 01:40:37 GMT diff --git a/packages/react-components/react-textarea/package.json b/packages/react-components/react-textarea/package.json index 34f61539d08fdd..1c8a26e22a1b99 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.1.10", + "version": "9.1.11", "description": "Fluent UI TextArea component", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -31,9 +31,9 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-field": "9.0.0-alpha.13", + "@fluentui/react-field": "9.0.0-alpha.14", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-toolbar/CHANGELOG.json b/packages/react-components/react-toolbar/CHANGELOG.json index 5d85fdcdbd485c..b05644a873d66d 100644 --- a/packages/react-components/react-toolbar/CHANGELOG.json +++ b/packages/react-components/react-toolbar/CHANGELOG.json @@ -1,6 +1,59 @@ { "name": "@fluentui/react-toolbar", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-toolbar_v9.0.0-rc.4", + "version": "9.0.0-rc.4", + "comments": { + "none": [ + { + "author": "martinhochel@microsoft.com", + "package": "@fluentui/react-toolbar", + "commit": "abae9f7a10d544d8d6b530b974fff235cfd2f956", + "comment": "chore: introduce more barrel file api within /scripts" + } + ], + "prerelease": [ + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-button to v9.1.14", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-divider to v9.1.10", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-context-selector to v9.1.5", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-radio to v9.0.17", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-toolbar", + "comment": "Bump @fluentui/react-tabster to v9.3.6", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:40 GMT", "tag": "@fluentui/react-toolbar_v9.0.0-rc.3", diff --git a/packages/react-components/react-toolbar/CHANGELOG.md b/packages/react-components/react-toolbar/CHANGELOG.md index 722c00b751b8fb..ec2613ee7ab452 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, 04 Jan 2023 01:40:40 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.0.0-rc.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.0.0-rc.4) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.0.0-rc.3..@fluentui/react-toolbar_v9.0.0-rc.4) + +### Changes + +- Bump @fluentui/react-button to v9.1.14 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-divider to v9.1.10 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-context-selector to v9.1.5 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-radio to v9.0.17 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-tabster to v9.3.6 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.0.0-rc.3) Wed, 04 Jan 2023 01:40:40 GMT diff --git a/packages/react-components/react-toolbar/package.json b/packages/react-components/react-toolbar/package.json index 93050f30518e53..bda9a786526f63 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.0.0-rc.3", + "version": "9.0.0-rc.4", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,13 +32,13 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-button": "^9.1.13", - "@fluentui/react-divider": "^9.1.9", + "@fluentui/react-button": "^9.1.14", + "@fluentui/react-divider": "^9.1.10", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", - "@fluentui/react-context-selector": "^9.1.4", - "@fluentui/react-radio": "^9.0.16", - "@fluentui/react-tabster": "^9.3.5", + "@fluentui/react-utilities": "^9.4.0", + "@fluentui/react-context-selector": "^9.1.5", + "@fluentui/react-radio": "^9.0.17", + "@fluentui/react-tabster": "^9.3.6", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-tooltip/CHANGELOG.json b/packages/react-components/react-tooltip/CHANGELOG.json index ada20095dfe817..b6fc7f2b6b65f1 100644 --- a/packages/react-components/react-tooltip/CHANGELOG.json +++ b/packages/react-components/react-tooltip/CHANGELOG.json @@ -1,6 +1,33 @@ { "name": "@fluentui/react-tooltip", "entries": [ + { + "date": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-tooltip_v9.1.7", + "version": "9.1.7", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-portal to v9.1.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-positioning to v9.3.7", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + }, + { + "author": "beachball", + "package": "@fluentui/react-tooltip", + "comment": "Bump @fluentui/react-utilities to v9.4.0", + "commit": "d246e70eba59a37ec311dbf933b0745d34cb700d" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:42 GMT", "tag": "@fluentui/react-tooltip_v9.1.6", diff --git a/packages/react-components/react-tooltip/CHANGELOG.md b/packages/react-components/react-tooltip/CHANGELOG.md index 99de9a39fb7f3e..cadd2cdbfb79fe 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, 04 Jan 2023 01:40:42 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.1.7) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.1.6..@fluentui/react-tooltip_v9.1.7) + +### Patches + +- Bump @fluentui/react-portal to v9.1.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-positioning to v9.3.7 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) +- Bump @fluentui/react-utilities to v9.4.0 ([PR #26255](https://github.com/microsoft/fluentui/pull/26255) by beachball) + ## [9.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.1.6) Wed, 04 Jan 2023 01:40:42 GMT diff --git a/packages/react-components/react-tooltip/package.json b/packages/react-components/react-tooltip/package.json index 0eb7f7292a9df3..be4ccb83b4a55d 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.1.6", + "version": "9.1.7", "description": "React components for building web experiences", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -32,11 +32,11 @@ }, "dependencies": { "@fluentui/keyboard-keys": "^9.0.1", - "@fluentui/react-portal": "^9.0.15", - "@fluentui/react-positioning": "^9.3.6", + "@fluentui/react-portal": "^9.1.0", + "@fluentui/react-positioning": "^9.3.7", "@fluentui/react-shared-contexts": "^9.1.4", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, diff --git a/packages/react-components/react-tree/package.json b/packages/react-components/react-tree/package.json index c3bda21dce8fd3..dee19950a465fb 100644 --- a/packages/react-components/react-tree/package.json +++ b/packages/react-components/react-tree/package.json @@ -31,14 +31,14 @@ "@fluentui/scripts": "*" }, "dependencies": { - "@fluentui/react-context-selector": "^9.1.4", + "@fluentui/react-context-selector": "^9.1.5", "@fluentui/react-shared-contexts": "^9.1.4", - "@fluentui/react-aria": "^9.3.4", - "@fluentui/react-tabster": "^9.3.5", - "@fluentui/react-portal": "^9.0.15", + "@fluentui/react-aria": "^9.3.5", + "@fluentui/react-tabster": "^9.3.6", + "@fluentui/react-portal": "^9.1.0", "@fluentui/keyboard-keys": "^9.0.1", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@fluentui/react-icons": "^2.0.175", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" diff --git a/packages/react-components/react-utilities/CHANGELOG.json b/packages/react-components/react-utilities/CHANGELOG.json index fbcefaabc6ca82..e41a2915ecacf1 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": "Mon, 09 Jan 2023 14:35:02 GMT", + "tag": "@fluentui/react-utilities_v9.4.0", + "version": "9.4.0", + "comments": { + "minor": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-utilities", + "commit": "3c3291c008824d45e18580d51b6eb1526ea3792d", + "comment": "feat: implement `useScrollbarWidth` utility hook" + } + ] + } + }, { "date": "Wed, 04 Jan 2023 01:40:43 GMT", "tag": "@fluentui/react-utilities_v9.3.1", diff --git a/packages/react-components/react-utilities/CHANGELOG.md b/packages/react-components/react-utilities/CHANGELOG.md index c1c323e678fd56..e600d25962edc9 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 Wed, 04 Jan 2023 01:40:43 GMT and should not be manually modified. +This log was last generated on Mon, 09 Jan 2023 14:35:02 GMT and should not be manually modified. +## [9.4.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.4.0) + +Mon, 09 Jan 2023 14:35:02 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-utilities_v9.3.1..@fluentui/react-utilities_v9.4.0) + +### Minor changes + +- feat: implement `useScrollbarWidth` utility hook ([PR #26144](https://github.com/microsoft/fluentui/pull/26144) by lingfangao@hotmail.com) + ## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-utilities_v9.3.1) Wed, 04 Jan 2023 01:40:43 GMT diff --git a/packages/react-components/react-utilities/package.json b/packages/react-components/react-utilities/package.json index 539b51dd6e7026..4726eb02dc2187 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.3.1", + "version": "9.4.0", "description": "A set of general React-specific utilities.", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/theme-designer/package.json b/packages/react-components/theme-designer/package.json index 3652d801c8818a..0d007cf796ed74 100644 --- a/packages/react-components/theme-designer/package.json +++ b/packages/react-components/theme-designer/package.json @@ -31,16 +31,16 @@ }, "dependencies": { "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0", - "@fluentui/react-components": "^9.8.0", + "@fluentui/react-components": "^9.9.0", "@fluentui/react-icons": "^2.0.175", "@fluent-blocks/colors": "9.2.0", "codesandbox-import-utils": "2.2.3", "@types/dedent": "0.7.0", - "@fluentui/react-alert": "9.0.0-beta.22", - "@fluentui/react-context-selector": "^9.1.4" + "@fluentui/react-alert": "9.0.0-beta.23", + "@fluentui/react-context-selector": "^9.1.5" }, "peerDependencies": { "@types/react": ">=16.8.0 <19.0.0", diff --git a/packages/react-migration-v8-v9/package.json b/packages/react-migration-v8-v9/package.json index 8414c3f3b401dc..08edde0a6c6625 100644 --- a/packages/react-migration-v8-v9/package.json +++ b/packages/react-migration-v8-v9/package.json @@ -30,9 +30,9 @@ "dependencies": { "@ctrl/tinycolor": "3.3.4", "@fluentui/react": "^8.104.3", - "@fluentui/react-components": "^9.8.0", + "@fluentui/react-components": "^9.9.0", "@fluentui/react-theme": "^9.1.5", - "@fluentui/react-utilities": "^9.3.1", + "@fluentui/react-utilities": "^9.4.0", "@griffel/react": "^1.5.2", "tslib": "^2.1.0" }, From e361553bf9966758a89630a2d5fc94a94ded5d5f Mon Sep 17 00:00:00 2001 From: Sarah Higley Date: Mon, 9 Jan 2023 11:24:53 -0800 Subject: [PATCH 20/29] fix: Select disabled state hover style, Combobox disabled state open on chevron click (#26068) --- ...-3d31acf9-37ca-43e4-8338-1f3ce04d8e7e.json | 7 +++++ ...-f9db8e0b-3088-4a68-9179-d5821aebf0cd.json | 7 +++++ .../src/components/Combobox/useCombobox.tsx | 9 ++++-- .../components/Dropdown/useDropdownStyles.ts | 7 +++++ .../Combobox/ComboboxDisabled.stories.tsx | 31 +++++++++++++++++++ .../stories/Combobox/index.stories.tsx | 1 + .../Dropdown/DropdownDisabled.stories.tsx | 31 +++++++++++++++++++ .../stories/Dropdown/index.stories.tsx | 1 + .../src/components/Select/useSelectStyles.ts | 4 ++- 9 files changed, 94 insertions(+), 4 deletions(-) create mode 100644 change/@fluentui-react-combobox-3d31acf9-37ca-43e4-8338-1f3ce04d8e7e.json create mode 100644 change/@fluentui-react-select-f9db8e0b-3088-4a68-9179-d5821aebf0cd.json create mode 100644 packages/react-components/react-combobox/stories/Combobox/ComboboxDisabled.stories.tsx create mode 100644 packages/react-components/react-combobox/stories/Dropdown/DropdownDisabled.stories.tsx diff --git a/change/@fluentui-react-combobox-3d31acf9-37ca-43e4-8338-1f3ce04d8e7e.json b/change/@fluentui-react-combobox-3d31acf9-37ca-43e4-8338-1f3ce04d8e7e.json new file mode 100644 index 00000000000000..f2743f8ed949d8 --- /dev/null +++ b/change/@fluentui-react-combobox-3d31acf9-37ca-43e4-8338-1f3ce04d8e7e.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "fix: disabled cursor style, opening when disabled, and hover styles", + "packageName": "@fluentui/react-combobox", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/change/@fluentui-react-select-f9db8e0b-3088-4a68-9179-d5821aebf0cd.json b/change/@fluentui-react-select-f9db8e0b-3088-4a68-9179-d5821aebf0cd.json new file mode 100644 index 00000000000000..9a60008b5d7269 --- /dev/null +++ b/change/@fluentui-react-select-f9db8e0b-3088-4a68-9179-d5821aebf0cd.json @@ -0,0 +1,7 @@ +{ + "type": "prerelease", + "comment": "fix: no interactive hover style when disabled", + "packageName": "@fluentui/react-select", + "email": "sarah.higley@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx b/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx index 81980482482140..181f7dbc246f53 100644 --- a/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx +++ b/packages/react-components/react-combobox/src/components/Combobox/useCombobox.tsx @@ -43,7 +43,7 @@ export const useCombobox_unstable = (props: ComboboxProps, ref: React.Ref { + if (disabled) { + return; + } + if (!newState && !freeform) { setValue(undefined); } @@ -141,7 +145,7 @@ export const useCombobox_unstable = (props: ComboboxProps, ref: React.Ref) => { if (!open && getDropdownActionFromKey(ev) === 'Type') { - setOpen(ev, true); + baseState.setOpen(ev, true); } }; @@ -200,7 +204,6 @@ export const useCombobox_unstable = (props: ComboboxProps, ref: React.Ref) => { + const comboId = useId('combo-disabled'); + const options = ['Cat', 'Dog', 'Ferret', 'Fish', 'Hamster', 'Snake']; + const styles = useStyles(); + return ( +
      + + + {options.map(option => ( + + ))} + +
      + ); +}; diff --git a/packages/react-components/react-combobox/stories/Combobox/index.stories.tsx b/packages/react-components/react-combobox/stories/Combobox/index.stories.tsx index 2313827011eb28..74c85cf7d45cc0 100644 --- a/packages/react-components/react-combobox/stories/Combobox/index.stories.tsx +++ b/packages/react-components/react-combobox/stories/Combobox/index.stories.tsx @@ -15,6 +15,7 @@ export { MultiselectWithValueString } from './ComboboxMultiselectWithValueString export { Grouped } from './ComboboxGrouped.stories'; export { Appearance } from './ComboboxAppearance.stories'; export { Size } from './ComboboxSize.stories'; +export { Disabled } from './ComboboxDisabled.stories'; export default { title: 'Preview Components/Combobox', diff --git a/packages/react-components/react-combobox/stories/Dropdown/DropdownDisabled.stories.tsx b/packages/react-components/react-combobox/stories/Dropdown/DropdownDisabled.stories.tsx new file mode 100644 index 00000000000000..72d05de05f910a --- /dev/null +++ b/packages/react-components/react-combobox/stories/Dropdown/DropdownDisabled.stories.tsx @@ -0,0 +1,31 @@ +import * as React from 'react'; +import { makeStyles, shorthands, useId } from '@fluentui/react-components'; +import { Dropdown, Option } from '@fluentui/react-combobox'; +import type { DropdownProps } from '@fluentui/react-combobox'; + +const useStyles = makeStyles({ + root: { + // Stack the label above the field with a gap + display: 'grid', + gridTemplateRows: 'repeat(1fr)', + justifyItems: 'start', + ...shorthands.gap('2px'), + maxWidth: '400px', + }, +}); + +export const Disabled = (props: Partial) => { + const comboId = useId('combo-disabled'); + const options = ['Cat', 'Dog', 'Ferret', 'Fish', 'Hamster', 'Snake']; + const styles = useStyles(); + return ( +
      + + + {options.map(option => ( + + ))} + +
      + ); +}; diff --git a/packages/react-components/react-combobox/stories/Dropdown/index.stories.tsx b/packages/react-components/react-combobox/stories/Dropdown/index.stories.tsx index 3fa62bc7093582..7e9d4df1b358cd 100644 --- a/packages/react-components/react-combobox/stories/Dropdown/index.stories.tsx +++ b/packages/react-components/react-combobox/stories/Dropdown/index.stories.tsx @@ -12,6 +12,7 @@ export { ComplexOptions } from './DropdownComplexOptions.stories'; export { CustomOptions } from './DropdownCustomOptions.stories'; export { Multiselect } from './DropdownMultiselect.stories'; export { Size } from './DropdownSize.stories'; +export { Disabled } from './DropdownDisabled.stories'; export default { title: 'Preview Components/Dropdown', diff --git a/packages/react-components/react-select/src/components/Select/useSelectStyles.ts b/packages/react-components/react-select/src/components/Select/useSelectStyles.ts index bfb5bcf060943d..fb59a0d445d8d2 100644 --- a/packages/react-components/react-select/src/components/Select/useSelectStyles.ts +++ b/packages/react-components/react-select/src/components/Select/useSelectStyles.ts @@ -163,7 +163,8 @@ const useSelectStyles = makeStyles({ backgroundColor: tokens.colorNeutralBackground1, ...shorthands.border('1px', 'solid', tokens.colorNeutralStroke1), borderBottomColor: tokens.colorNeutralStrokeAccessible, - + }, + outlineInteractive: { '&:hover': { ...shorthands.borderColor(tokens.colorNeutralStroke1Hover), borderBottomColor: tokens.colorNeutralStrokeAccessible, @@ -256,6 +257,7 @@ export const useSelectStyles_unstable = (state: SelectState): SelectState => { selectStyles.base, selectStyles[size], selectStyles[appearance], + !disabled && appearance === 'outline' && selectStyles.outlineInteractive, !disabled && invalid && appearance !== 'underline' && selectStyles.invalid, !disabled && invalid && appearance === 'underline' && selectStyles.invalidUnderline, disabled && selectStyles.disabled, From 204f1c46b7257a0bc4cc6506242f4c0c02b5b17f Mon Sep 17 00:00:00 2001 From: Ben Howell <48106640+behowell@users.noreply.github.com> Date: Mon, 9 Jan 2023 12:25:38 -0800 Subject: [PATCH 21/29] perf: Don't render Checkbox icon when unchecked (#26248) Don't render the checkmark at all when unchecked, and remove the universal selector rule in CSS. --- ...-cba19a44-ae9e-485b-9089-6c7d0d4d8ce6.json | 7 ++++ .../__snapshots__/Checkbox.test.tsx.snap | 34 ++----------------- .../src/components/Checkbox/useCheckbox.tsx | 2 +- .../components/Checkbox/useCheckboxStyles.ts | 5 --- .../TableSelectionCell.test.tsx.snap | 17 +--------- 5 files changed, 11 insertions(+), 54 deletions(-) create mode 100644 change/@fluentui-react-checkbox-cba19a44-ae9e-485b-9089-6c7d0d4d8ce6.json diff --git a/change/@fluentui-react-checkbox-cba19a44-ae9e-485b-9089-6c7d0d4d8ce6.json b/change/@fluentui-react-checkbox-cba19a44-ae9e-485b-9089-6c7d0d4d8ce6.json new file mode 100644 index 00000000000000..491601fca7d3b6 --- /dev/null +++ b/change/@fluentui-react-checkbox-cba19a44-ae9e-485b-9089-6c7d0d4d8ce6.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "perf: Don't render Checkbox icon when unchecked", + "packageName": "@fluentui/react-checkbox", + "email": "behowell@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-checkbox/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap b/packages/react-components/react-checkbox/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap index e553f8f6b3b3ae..922705a2db39fa 100644 --- a/packages/react-components/react-checkbox/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap +++ b/packages/react-components/react-checkbox/src/components/Checkbox/__snapshots__/Checkbox.test.tsx.snap @@ -41,22 +41,7 @@ exports[`Checkbox renders a default state 1`] = ` + /> `; @@ -153,22 +138,7 @@ exports[`Checkbox renders with a label 1`] = ` + />