From da882f44f251e7bb80fb969cbe268a942a2df74e Mon Sep 17 00:00:00 2001 From: Anush Gupta <74965306+Anush2303@users.noreply.github.com> Date: Thu, 19 Dec 2024 14:41:00 +0530 Subject: [PATCH 1/3] Security: Ensure type safety of dependent fields (#33486) --- ...-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json | 7 +++ .../DeclarativeChart/DeclarativeChart.tsx | 2 +- .../DeclarativeChart/PlotlySchemaAdapter.ts | 56 +++++++++---------- 3 files changed, 36 insertions(+), 29 deletions(-) create mode 100644 change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json diff --git a/change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json b/change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json new file mode 100644 index 00000000000000..5a9fd5dcb32329 --- /dev/null +++ b/change/@fluentui-react-charting-f56dc096-9891-4d5c-ae30-4d8a6ac5b481.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Ensure type safety of dependent fields", + "packageName": "@fluentui/react-charting", + "email": "74965306+Anush2303@users.noreply.github.com", + "dependentChangeType": "patch" +} diff --git a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx index c8f199b72fb03e..c75490160da75b 100644 --- a/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx +++ b/packages/charts/react-charting/src/components/DeclarativeChart/DeclarativeChart.tsx @@ -141,7 +141,7 @@ export const DeclarativeChart: React.FunctionComponent = { - const legend = series.name || `Series ${index + 1}`; - const color = getColor(legend, colorMap, isDarkTheme); + const legend: string = series.name || `Series ${index + 1}`; + const color: string = getColor(legend, colorMap, isDarkTheme); let y = bucket.length; if (series.histnorm === 'percent') { @@ -256,7 +256,7 @@ export const transformPlotlyJsonToVBCProps = ( return { data: vbcData, - chartTitle: layout?.title, + chartTitle: typeof layout?.title === 'string' ? layout?.title : '', // width: layout?.width, // height: layout?.height, hideLegend: true, @@ -278,7 +278,7 @@ export const transformPlotlyJsonToScatterChartProps = ( const isString = typeof xValues[0] === 'string'; const isXDate = isDateArray(xValues); const isXNumber = isNumberArray(xValues); - const legend = series.name || `Series ${index + 1}`; + const legend: string = series.name || `Series ${index + 1}`; const lineColor = getColor(legend, colorMap, isDarkTheme); return { @@ -292,7 +292,7 @@ export const transformPlotlyJsonToScatterChartProps = ( }); const chartProps: IChartProps = { - chartTitle: layout.title || '', + chartTitle: typeof layout.title === 'string' ? layout.title : '', lineChartData: chartData, }; @@ -330,10 +330,10 @@ export const transformPlotlyJsonToHorizontalBarWithAxisProps = ( }) .flat(); - const chartHeight = layout.height || 450; - const margin = layout.margin?.l || 0; - const padding = layout.margin?.pad || 0; - const availableHeight = chartHeight - margin - padding; + const chartHeight: number = typeof layout.height === 'number' ? layout.height : 450; + const margin: number = typeof layout.margin?.l === 'number' ? layout.margin?.l : 0; + const padding: number = typeof layout.margin?.pad === 'number' ? layout.margin?.pad : 0; + const availableHeight: number = chartHeight - margin - padding; const numberOfBars = data[0].y.length; const scalingFactor = 0.01; const gapFactor = 1 / (1 + scalingFactor * numberOfBars); @@ -341,13 +341,13 @@ export const transformPlotlyJsonToHorizontalBarWithAxisProps = ( return { data: chartData, - chartTitle: layout.title || '', + chartTitle: typeof layout.title === 'string' ? layout.title : '', barHeight, showYAxisLables: true, styles: { root: { height: chartHeight, - width: layout.width || 600, + width: typeof layout.width === 'number' ? layout.width : 600, }, }, }; @@ -375,7 +375,7 @@ export const transformPlotlyJsonToHeatmapProps = (jsonObj: any): IHeatMapChartPr }); }); const heatmapData: IHeatMapChartData = { - legend: firstData.name || '', + legend: typeof firstData.name === 'string' ? firstData.name : '', data: heatmapDataPoints, value: 0, }; @@ -429,17 +429,17 @@ export const transformPlotlyJsonToSankeyProps = ( }), }; - const width: number = layout?.width || 440; - const height: number = layout?.height || 220; + const width: number = typeof layout?.width === 'number' ? layout?.width : 440; + const height: number = typeof layout?.height === 'number' ? layout?.height : 220; const styles: ISankeyChartProps['styles'] = { root: { - fontSize: layout.font?.size, + ...(typeof layout.font?.size === 'number' ? { fontSize: layout.font?.size } : {}), }, }; const shouldResize: number = width + height; return { data: { - chartTitle: layout?.title, + chartTitle: typeof layout?.title === 'string' ? layout?.title : '', SankeyChartData: sankeyChartData, }, width, @@ -491,15 +491,15 @@ export const transformPlotlyJsonToGaugeProps = ( return { segments, - chartValue: firstData.value, - chartTitle: firstData.title?.text, + chartValue: typeof firstData.value === 'number' ? firstData.value : 0, + chartTitle: typeof firstData.title?.text === 'string' ? firstData.title?.text : '', sublabel, // range values can be null - minValue: firstData.gauge?.axis?.range?.[0] ?? undefined, - maxValue: firstData.gauge?.axis?.range?.[1] ?? undefined, + minValue: typeof firstData.gauge?.axis?.range?.[0] === 'number' ? firstData.gauge?.axis?.range?.[0] : undefined, + maxValue: typeof firstData.gauge?.axis?.range?.[1] === 'number' ? firstData.gauge?.axis?.range?.[1] : undefined, chartValueFormat: () => firstData.value, - width: layout?.width, - height: layout?.height, + width: typeof layout?.width === 'number' ? layout?.width : 0, + height: typeof layout?.height === 'number' ? layout?.height : 0, hideLegend: true, styles, }; From f2523077e9c92fc7f065308efe2081fc86846b5b Mon Sep 17 00:00:00 2001 From: ling1726 Date: Thu, 19 Dec 2024 15:04:13 +0100 Subject: [PATCH 2/3] fix: MessageBar auto reflow should handle document reflow with `min-content` (#33409) --- ...-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json | 7 + .../components/MessageBar/MessageBar.test.tsx | 10 ++ .../MessageBar/useMessageBarReflow.ts | 133 +++++++++--------- 3 files changed, 84 insertions(+), 66 deletions(-) create mode 100644 change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json diff --git a/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json b/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json new file mode 100644 index 00000000000000..2cc7d9dc06210d --- /dev/null +++ b/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: MessageBar auto reflow should handle document reflow with `min-content`", + "packageName": "@fluentui/react-message-bar", + "email": "lingfangao@hotmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.test.tsx b/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.test.tsx index 2881a0b1a2f548..056dce8a52bfdf 100644 --- a/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.test.tsx +++ b/packages/react-components/react-message-bar/library/src/components/MessageBar/MessageBar.test.tsx @@ -23,6 +23,16 @@ describe('MessageBar', () => { // do nothing } }; + + // @ts-expect-error https://github.com/jsdom/jsdom/issues/2032 + global.IntersectionObserver = class IntersectionObserver { + public observe() { + // do nothing + } + public disconnect() { + // do nothing + } + }; }); beforeEach(() => { diff --git a/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarReflow.ts b/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarReflow.ts index d8a18037f6dfb1..8bbb0ae01843bc 100644 --- a/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarReflow.ts +++ b/packages/react-components/react-message-bar/library/src/components/MessageBar/useMessageBarReflow.ts @@ -1,91 +1,92 @@ import * as React from 'react'; import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts'; -import { isHTMLElement } from '@fluentui/react-utilities'; +import { useIsomorphicLayoutEffect } from '@fluentui/react-utilities'; export function useMessageBarReflow(enabled: boolean = false) { const { targetDocument } = useFluent(); - const forceUpdate = React.useReducer(() => ({}), {})[1]; - const reflowingRef = React.useRef(false); - // TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286 - - const resizeObserverRef = React.useRef(null); const prevInlineSizeRef = React.useRef(-1); + const messageBarRef = React.useRef(null); - const handleResize: ResizeObserverCallback = React.useCallback( - entries => { - // Resize observer is only owned by this component - one resize observer entry expected - // No need to support multiple fragments - one border box entry expected - if (process.env.NODE_ENV !== 'production' && entries.length > 1) { - // eslint-disable-next-line no-console - console.error( - [ - 'useMessageBarReflow: Resize observer should only have one entry. ', - 'If multiple entries are observed, the first entry will be used.', - 'This is a bug, please report it to the Fluent UI team.', - ].join(' '), - ); - } + const [reflowing, setReflowing] = React.useState(false); - const entry = entries[0]; - // `borderBoxSize` is not supported before Chrome 84, Firefox 92, nor Safari 15.4 - const inlineSize = entry?.borderBoxSize?.[0]?.inlineSize ?? entry?.target.getBoundingClientRect().width; + // This layout effect 'sanity checks' what observers have done + // since DOM has not been flushed when observers run + useIsomorphicLayoutEffect(() => { + if (!messageBarRef.current) { + return; + } - if (inlineSize === undefined || !entry) { - return; + setReflowing(prevReflowing => { + if (!prevReflowing && messageBarRef.current && isReflowing(messageBarRef.current)) { + return true; } - const { target } = entry; + return prevReflowing; + }); + }, [reflowing]); - if (!isHTMLElement(target)) { - return; - } + const handleResize: ResizeObserverCallback = React.useCallback(() => { + if (!messageBarRef.current) { + return; + } - let nextReflowing: boolean | undefined; - - // No easy way to really determine when the single line layout will fit - // Just keep try to set single line layout as long as the size is growing - // Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case - if (reflowingRef.current) { - if (prevInlineSizeRef.current < inlineSize) { - nextReflowing = false; - } - } else { - const scrollWidth = target.scrollWidth; - if (inlineSize < scrollWidth) { - nextReflowing = true; - } - } + const inlineSize = messageBarRef.current.getBoundingClientRect().width; + const scrollWidth = messageBarRef.current.scrollWidth; - prevInlineSizeRef.current = inlineSize; - if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) { - reflowingRef.current = nextReflowing; - forceUpdate(); - } - }, - [forceUpdate], - ); + const expanding = prevInlineSizeRef.current < inlineSize; + const overflowing = inlineSize < scrollWidth; + + setReflowing(!expanding || overflowing); + }, []); + + const handleIntersection: IntersectionObserverCallback = React.useCallback(entries => { + if (entries[0].intersectionRatio < 1) { + setReflowing(true); + } + }, []); + + const ref = React.useMemo(() => { + let resizeObserver: ResizeObserver | null = null; + let intersectionObserer: IntersectionObserver | null = null; - const ref = React.useCallback( - (el: HTMLElement | null) => { + return (el: HTMLElement | null) => { if (!enabled || !el || !targetDocument?.defaultView) { + resizeObserver?.disconnect(); + intersectionObserer?.disconnect(); return; } - resizeObserverRef.current?.disconnect(); + messageBarRef.current = el; const win = targetDocument.defaultView; - const resizeObserver = new win.ResizeObserver(handleResize); - resizeObserverRef.current = resizeObserver; - resizeObserver.observe(el, { box: 'border-box' }); - }, - [targetDocument, handleResize, enabled], - ); + resizeObserver = new win.ResizeObserver(handleResize); + intersectionObserer = new win.IntersectionObserver(handleIntersection, { threshold: 1 }); - React.useEffect(() => { - return () => { - resizeObserverRef.current?.disconnect(); + intersectionObserer.observe(el); + resizeObserver.observe(el, { box: 'border-box' }); }; - }, []); + }, [handleResize, handleIntersection, enabled, targetDocument]); - return { ref, reflowing: reflowingRef.current }; + return { ref, reflowing }; } + +const isReflowing = (el: HTMLElement) => { + return el.scrollWidth > el.offsetWidth || !isFullyInViewport(el); +}; + +const isFullyInViewport = (el: HTMLElement) => { + const rect = el.getBoundingClientRect(); + const doc = el.ownerDocument; + const win = doc.defaultView; + + if (!win) { + return true; + } + + return ( + rect.top >= 0 && + rect.left >= 0 && + rect.bottom <= (win.innerHeight || doc.documentElement.clientHeight) && + rect.right <= (win.innerWidth || doc.documentElement.clientWidth) + ); +}; From 6b775123cced3ca0f58ce8a5779c6df2474f6bff Mon Sep 17 00:00:00 2001 From: Fluent UI Build Date: Thu, 19 Dec 2024 14:31:14 +0000 Subject: [PATCH 3/3] release: applying package updates - react-components --- ...-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json | 7 ------- .../react-components/CHANGELOG.json | 15 +++++++++++++++ .../react-components/CHANGELOG.md | 12 +++++++++++- .../react-components/package.json | 4 ++-- .../react-message-bar/library/CHANGELOG.json | 15 +++++++++++++++ .../react-message-bar/library/CHANGELOG.md | 11 ++++++++++- .../react-message-bar/library/package.json | 2 +- .../react-migration-v0-v9/library/CHANGELOG.json | 15 +++++++++++++++ .../react-migration-v0-v9/library/CHANGELOG.md | 11 ++++++++++- .../react-migration-v0-v9/library/package.json | 4 ++-- .../react-migration-v8-v9/library/CHANGELOG.json | 15 +++++++++++++++ .../react-migration-v8-v9/library/CHANGELOG.md | 11 ++++++++++- .../react-migration-v8-v9/library/package.json | 4 ++-- .../react-portal-compat/CHANGELOG.json | 15 +++++++++++++++ .../react-portal-compat/CHANGELOG.md | 11 ++++++++++- .../react-portal-compat/package.json | 4 ++-- .../react-timepicker-compat/library/package.json | 2 +- .../react-components/theme-designer/package.json | 2 +- 18 files changed, 137 insertions(+), 23 deletions(-) delete mode 100644 change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json diff --git a/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json b/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json deleted file mode 100644 index 2cc7d9dc06210d..00000000000000 --- a/change/@fluentui-react-message-bar-a4bb3869-7b64-45f3-9084-cfbbca1c8a1c.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "type": "patch", - "comment": "fix: MessageBar auto reflow should handle document reflow with `min-content`", - "packageName": "@fluentui/react-message-bar", - "email": "lingfangao@hotmail.com", - "dependentChangeType": "patch" -} diff --git a/packages/react-components/react-components/CHANGELOG.json b/packages/react-components/react-components/CHANGELOG.json index 62cabe937aa29d..d41c76fea81a72 100644 --- a/packages/react-components/react-components/CHANGELOG.json +++ b/packages/react-components/react-components/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-components", "entries": [ + { + "date": "Thu, 19 Dec 2024 14:30:56 GMT", + "tag": "@fluentui/react-components_v9.56.8", + "version": "9.56.8", + "comments": { + "patch": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-message-bar", + "commit": "f2523077e9c92fc7f065308efe2081fc86846b5b", + "comment": "fix: MessageBar auto reflow should handle document reflow with `min-content`" + } + ] + } + }, { "date": "Wed, 18 Dec 2024 10:59:36 GMT", "tag": "@fluentui/react-components_v9.56.7", diff --git a/packages/react-components/react-components/CHANGELOG.md b/packages/react-components/react-components/CHANGELOG.md index c54b6eb9a2144e..0d568f05c23fa6 100644 --- a/packages/react-components/react-components/CHANGELOG.md +++ b/packages/react-components/react-components/CHANGELOG.md @@ -1,9 +1,19 @@ # Change Log - @fluentui/react-components -This log was last generated on Wed, 18 Dec 2024 10:59:36 GMT and should not be manually modified. +This log was last generated on Thu, 19 Dec 2024 14:30:56 GMT and should not be manually modified. +## [9.56.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.56.8) + +Thu, 19 Dec 2024 14:30:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-components_v9.56.7..@fluentui/react-components_v9.56.8) + +### Patches + +- `@fluentui/react-message-bar` + - fix: MessageBar auto reflow should handle document reflow with `min-content` ([PR #33409](https://github.com/microsoft/fluentui/pull/33409) by lingfangao@hotmail.com) + ## [9.56.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-components_v9.56.7) Wed, 18 Dec 2024 10:59:36 GMT diff --git a/packages/react-components/react-components/package.json b/packages/react-components/react-components/package.json index 1a57651aa4516f..bce0970ab11559 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.56.7", + "version": "9.56.8", "description": "Suite package for converged React components", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -66,7 +66,7 @@ "@fluentui/react-tree": "^9.8.11", "@griffel/react": "^1.5.22", "@swc/helpers": "^0.5.1", - "@fluentui/react-message-bar": "^9.2.18", + "@fluentui/react-message-bar": "^9.2.19", "@fluentui/react-breadcrumb": "^9.0.47", "@fluentui/react-aria": "^9.13.12", "@fluentui/react-rating": "^9.0.26", diff --git a/packages/react-components/react-message-bar/library/CHANGELOG.json b/packages/react-components/react-message-bar/library/CHANGELOG.json index 7af96ca5b028a1..76cb7b3b7d04aa 100644 --- a/packages/react-components/react-message-bar/library/CHANGELOG.json +++ b/packages/react-components/react-message-bar/library/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-message-bar", "entries": [ + { + "date": "Thu, 19 Dec 2024 14:30:56 GMT", + "tag": "@fluentui/react-message-bar_v9.2.19", + "version": "9.2.19", + "comments": { + "patch": [ + { + "author": "lingfangao@hotmail.com", + "package": "@fluentui/react-message-bar", + "commit": "f2523077e9c92fc7f065308efe2081fc86846b5b", + "comment": "fix: MessageBar auto reflow should handle document reflow with `min-content`" + } + ] + } + }, { "date": "Mon, 16 Dec 2024 16:26:49 GMT", "tag": "@fluentui/react-message-bar_v9.2.18", diff --git a/packages/react-components/react-message-bar/library/CHANGELOG.md b/packages/react-components/react-message-bar/library/CHANGELOG.md index a5ade09fda1858..47343bfcb13b62 100644 --- a/packages/react-components/react-message-bar/library/CHANGELOG.md +++ b/packages/react-components/react-message-bar/library/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-message-bar -This log was last generated on Mon, 16 Dec 2024 16:26:49 GMT and should not be manually modified. +This log was last generated on Thu, 19 Dec 2024 14:30:56 GMT and should not be manually modified. +## [9.2.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.2.19) + +Thu, 19 Dec 2024 14:30:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.2.18..@fluentui/react-message-bar_v9.2.19) + +### Patches + +- fix: MessageBar auto reflow should handle document reflow with `min-content` ([PR #33409](https://github.com/microsoft/fluentui/pull/33409) by lingfangao@hotmail.com) + ## [9.2.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.2.18) Mon, 16 Dec 2024 16:26:49 GMT diff --git a/packages/react-components/react-message-bar/library/package.json b/packages/react-components/react-message-bar/library/package.json index 3f5b05fb9c153a..f290113045fe54 100644 --- a/packages/react-components/react-message-bar/library/package.json +++ b/packages/react-components/react-message-bar/library/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-message-bar", - "version": "9.2.18", + "version": "9.2.19", "description": "Fluent UI MessageBar component", "main": "lib-commonjs/index.js", "module": "lib/index.js", diff --git a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json index a2dc43d9f290b5..192dbf6cdb2303 100644 --- a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json +++ b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-migration-v0-v9", "entries": [ + { + "date": "Thu, 19 Dec 2024 14:30:56 GMT", + "tag": "@fluentui/react-migration-v0-v9_v9.2.25", + "version": "9.2.25", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-migration-v0-v9", + "comment": "Bump @fluentui/react-components to v9.56.8", + "commit": "f2523077e9c92fc7f065308efe2081fc86846b5b" + } + ] + } + }, { "date": "Wed, 18 Dec 2024 10:59:37 GMT", "tag": "@fluentui/react-migration-v0-v9_v9.2.24", diff --git a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md index 07aeab2fbd2353..45990059abacff 100644 --- a/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md +++ b/packages/react-components/react-migration-v0-v9/library/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-migration-v0-v9 -This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified. +This log was last generated on Thu, 19 Dec 2024 14:30:56 GMT and should not be manually modified. +## [9.2.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.2.25) + +Thu, 19 Dec 2024 14:30:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v0-v9_v9.2.24..@fluentui/react-migration-v0-v9_v9.2.25) + +### Patches + +- Bump @fluentui/react-components to v9.56.8 ([PR #33409](https://github.com/microsoft/fluentui/pull/33409) by beachball) + ## [9.2.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v0-v9_v9.2.24) Wed, 18 Dec 2024 10:59:37 GMT diff --git a/packages/react-components/react-migration-v0-v9/library/package.json b/packages/react-components/react-migration-v0-v9/library/package.json index 05776bc1b4edc1..1a9f2e4164c5a9 100644 --- a/packages/react-components/react-migration-v0-v9/library/package.json +++ b/packages/react-components/react-migration-v0-v9/library/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-migration-v0-v9", - "version": "9.2.24", + "version": "9.2.25", "description": "Migration shim components and methods for hybrid v0/v9 applications building on Fluent UI React.", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -21,7 +21,7 @@ }, "dependencies": { "@fluentui/react-aria": "^9.13.12", - "@fluentui/react-components": "^9.56.7", + "@fluentui/react-components": "^9.56.8", "@fluentui/react-context-selector": "^9.1.71", "@fluentui/react-icons": "^2.0.245", "@fluentui/react-jsx-runtime": "^9.0.48", diff --git a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json index 92821ecf3ead3d..9e0442e9187172 100644 --- a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json +++ b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-migration-v8-v9", "entries": [ + { + "date": "Thu, 19 Dec 2024 14:30:56 GMT", + "tag": "@fluentui/react-migration-v8-v9_v9.6.44", + "version": "9.6.44", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-migration-v8-v9", + "comment": "Bump @fluentui/react-components to v9.56.8", + "commit": "f2523077e9c92fc7f065308efe2081fc86846b5b" + } + ] + } + }, { "date": "Wed, 18 Dec 2024 10:59:37 GMT", "tag": "@fluentui/react-migration-v8-v9_v9.6.43", diff --git a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md index c2377d3ca7685c..d3764f2a61d43c 100644 --- a/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md +++ b/packages/react-components/react-migration-v8-v9/library/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-migration-v8-v9 -This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified. +This log was last generated on Thu, 19 Dec 2024 14:30:56 GMT and should not be manually modified. +## [9.6.44](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.44) + +Thu, 19 Dec 2024 14:30:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.6.43..@fluentui/react-migration-v8-v9_v9.6.44) + +### Patches + +- Bump @fluentui/react-components to v9.56.8 ([PR #33409](https://github.com/microsoft/fluentui/pull/33409) by beachball) + ## [9.6.43](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.6.43) Wed, 18 Dec 2024 10:59:37 GMT diff --git a/packages/react-components/react-migration-v8-v9/library/package.json b/packages/react-components/react-migration-v8-v9/library/package.json index 358eb4a893d51b..05702c7ce43489 100644 --- a/packages/react-components/react-migration-v8-v9/library/package.json +++ b/packages/react-components/react-migration-v8-v9/library/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-migration-v8-v9", - "version": "9.6.43", + "version": "9.6.44", "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", @@ -21,7 +21,7 @@ "@ctrl/tinycolor": "3.3.4", "@fluentui/fluent2-theme": "^8.107.118", "@fluentui/react": "^8.122.1", - "@fluentui/react-components": "^9.56.7", + "@fluentui/react-components": "^9.56.8", "@fluentui/react-icons": "^2.0.245", "@fluentui/react-hooks": "^8.8.16", "@griffel/react": "^1.5.22", diff --git a/packages/react-components/react-portal-compat/CHANGELOG.json b/packages/react-components/react-portal-compat/CHANGELOG.json index 288104b2d04023..2a97f72c72d312 100644 --- a/packages/react-components/react-portal-compat/CHANGELOG.json +++ b/packages/react-components/react-portal-compat/CHANGELOG.json @@ -1,6 +1,21 @@ { "name": "@fluentui/react-portal-compat", "entries": [ + { + "date": "Thu, 19 Dec 2024 14:30:56 GMT", + "tag": "@fluentui/react-portal-compat_v9.0.176", + "version": "9.0.176", + "comments": { + "patch": [ + { + "author": "beachball", + "package": "@fluentui/react-portal-compat", + "comment": "Bump @fluentui/react-components to v9.56.8", + "commit": "f2523077e9c92fc7f065308efe2081fc86846b5b" + } + ] + } + }, { "date": "Wed, 18 Dec 2024 10:59:37 GMT", "tag": "@fluentui/react-portal-compat_v9.0.175", diff --git a/packages/react-components/react-portal-compat/CHANGELOG.md b/packages/react-components/react-portal-compat/CHANGELOG.md index 9e541f2a01e3e2..24aec79e8fa1bf 100644 --- a/packages/react-components/react-portal-compat/CHANGELOG.md +++ b/packages/react-components/react-portal-compat/CHANGELOG.md @@ -1,9 +1,18 @@ # Change Log - @fluentui/react-portal-compat -This log was last generated on Wed, 18 Dec 2024 10:59:37 GMT and should not be manually modified. +This log was last generated on Thu, 19 Dec 2024 14:30:56 GMT and should not be manually modified. +## [9.0.176](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.176) + +Thu, 19 Dec 2024 14:30:56 GMT +[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-portal-compat_v9.0.175..@fluentui/react-portal-compat_v9.0.176) + +### Patches + +- Bump @fluentui/react-components to v9.56.8 ([PR #33409](https://github.com/microsoft/fluentui/pull/33409) by beachball) + ## [9.0.175](https://github.com/microsoft/fluentui/tree/@fluentui/react-portal-compat_v9.0.175) Wed, 18 Dec 2024 10:59:37 GMT diff --git a/packages/react-components/react-portal-compat/package.json b/packages/react-components/react-portal-compat/package.json index 3eaec090a97466..907063c27bb591 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.175", + "version": "9.0.176", "description": "A package that contains compatibility layer for React Portals", "main": "lib-commonjs/index.js", "module": "lib/index.js", @@ -27,7 +27,7 @@ "@swc/helpers": "^0.5.1" }, "peerDependencies": { - "@fluentui/react-components": "^9.56.7", + "@fluentui/react-components": "^9.56.8", "@types/react": ">=16.14.0 <19.0.0", "react": ">=16.14.0 <19.0.0" }, diff --git a/packages/react-components/react-timepicker-compat/library/package.json b/packages/react-components/react-timepicker-compat/library/package.json index a2d65f02399a8e..0eca335dda8f2e 100644 --- a/packages/react-components/react-timepicker-compat/library/package.json +++ b/packages/react-components/react-timepicker-compat/library/package.json @@ -1,6 +1,6 @@ { "name": "@fluentui/react-timepicker-compat", - "version": "0.2.44", + "version": "0.2.45", "description": "Fluent UI TimePicker Compat Component", "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 31317e4cc70cbc..74899a1d5bcf98 100644 --- a/packages/react-components/theme-designer/package.json +++ b/packages/react-components/theme-designer/package.json @@ -17,7 +17,7 @@ "@fluentui/scripts-api-extractor": "*" }, "dependencies": { - "@fluentui/react-components": "^9.56.7", + "@fluentui/react-components": "^9.56.8", "@fluentui/react-context-selector": "^9.1.71", "@fluentui/react-icons": "^2.0.245", "@fluentui/react-storybook-addon-export-to-sandbox": "^0.1.0",