@fluentui/react-migration-v8-v9 9.9.13 → 9.9.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,31 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-migration-v8-v9
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 06 Nov 2025 17:23:24 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.9.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.9.15)
|
|
8
|
+
|
|
9
|
+
Thu, 06 Nov 2025 17:23:24 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.9.14..@fluentui/react-migration-v8-v9_v9.9.15)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- Bump @fluentui/react-components to v9.72.6 ([PR #34705](https://github.com/microsoft/fluentui/pull/34705) by beachball)
|
|
15
|
+
|
|
16
|
+
## [9.9.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.9.14)
|
|
17
|
+
|
|
18
|
+
Thu, 06 Nov 2025 15:01:22 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.9.13..@fluentui/react-migration-v8-v9_v9.9.14)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- chore: migrate source to react 19 ([PR #35434](https://github.com/microsoft/fluentui/pull/35434) by martinhochel@microsoft.com)
|
|
24
|
+
- Bump @fluentui/react-components to v9.72.5 ([PR #35466](https://github.com/microsoft/fluentui/pull/35466) by beachball)
|
|
25
|
+
|
|
7
26
|
## [9.9.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.9.13)
|
|
8
27
|
|
|
9
|
-
Fri, 31 Oct 2025 16:
|
|
28
|
+
Fri, 31 Oct 2025 16:22:06 GMT
|
|
10
29
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.9.12..@fluentui/react-migration-v8-v9_v9.9.13)
|
|
11
30
|
|
|
12
31
|
### Patches
|
|
@@ -56,13 +56,14 @@ export const StackShim = (props)=>{
|
|
|
56
56
|
if (!child) {
|
|
57
57
|
return null;
|
|
58
58
|
}
|
|
59
|
-
|
|
59
|
+
const _child = child;
|
|
60
|
+
if (_child.type && _child.type.name === 'StackItemShim') {
|
|
60
61
|
const defaultItemProps = {
|
|
61
62
|
shrink: !disableShrink
|
|
62
63
|
};
|
|
63
|
-
return /*#__PURE__*/ React.cloneElement(
|
|
64
|
+
return /*#__PURE__*/ React.cloneElement(_child, {
|
|
64
65
|
...defaultItemProps,
|
|
65
|
-
...
|
|
66
|
+
..._child.props
|
|
66
67
|
});
|
|
67
68
|
}
|
|
68
69
|
return child;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n useFlexAlignItemsStyles,\n useFlexGrowStyles,\n useFlexJustifyContentStyles,\n useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n root: 'ms-Stack',\n inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\nexport const StackShim = (props: IStackProps): JSXElement => {\n const styles = useStackStyles();\n const alignItemsFlexStyles = useFlexAlignItemsStyles();\n const justifyContentFlexStyles = useFlexJustifyContentStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n const {\n as: RootType = 'div',\n verticalFill,\n horizontal,\n reversed,\n grow,\n wrap,\n horizontalAlign,\n verticalAlign,\n disableShrink,\n className,\n } = props;\n\n const tokens: IStackTokens = { ...props.tokens };\n\n let tokensRootStyles = {};\n let tokensInnerStyles = {};\n let childrenGapClassName;\n\n if (tokens) {\n tokensRootStyles = {\n padding: !wrap ? tokens.padding : undefined,\n maxHeight: tokens.maxHeight,\n maxWidth: tokens.maxWidth,\n };\n\n tokensInnerStyles = {\n padding: wrap ? tokens.padding : undefined,\n };\n\n if (tokens.childrenGap) {\n childrenGapClassName = getClassNames(getChildrenGapStyles, {\n horizontal,\n reversed,\n tokens,\n });\n }\n }\n\n const stackStyles = [\n wrap ? styles.wrap : styles.root,\n horizontal && styles.horizontal,\n verticalFill && styles.verticalFill,\n ];\n\n const stackInnerStyles = [\n styles.inner,\n horizontal && styles.horizontal,\n (!tokens || !tokens.childrenGap) && styles.innerWidth,\n ];\n\n let stackChildren = React.Children.toArray(props.children);\n if (\n stackChildren.length === 1 &&\n React.isValidElement(stackChildren[0]) &&\n stackChildren[0].type === React.Fragment\n ) {\n stackChildren = stackChildren[0].props.children;\n }\n\n stackChildren = React.Children.map(
|
|
1
|
+
{"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n useFlexAlignItemsStyles,\n useFlexGrowStyles,\n useFlexJustifyContentStyles,\n useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n root: 'ms-Stack',\n inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\nexport const StackShim = (props: IStackProps): JSXElement => {\n const styles = useStackStyles();\n const alignItemsFlexStyles = useFlexAlignItemsStyles();\n const justifyContentFlexStyles = useFlexJustifyContentStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n const {\n as: RootType = 'div',\n verticalFill,\n horizontal,\n reversed,\n grow,\n wrap,\n horizontalAlign,\n verticalAlign,\n disableShrink,\n className,\n } = props;\n\n const tokens: IStackTokens = { ...props.tokens };\n\n let tokensRootStyles = {};\n let tokensInnerStyles = {};\n let childrenGapClassName;\n\n if (tokens) {\n tokensRootStyles = {\n padding: !wrap ? tokens.padding : undefined,\n maxHeight: tokens.maxHeight,\n maxWidth: tokens.maxWidth,\n };\n\n tokensInnerStyles = {\n padding: wrap ? tokens.padding : undefined,\n };\n\n if (tokens.childrenGap) {\n childrenGapClassName = getClassNames(getChildrenGapStyles, {\n horizontal,\n reversed,\n tokens,\n });\n }\n }\n\n const stackStyles = [\n wrap ? styles.wrap : styles.root,\n horizontal && styles.horizontal,\n verticalFill && styles.verticalFill,\n ];\n\n const stackInnerStyles = [\n styles.inner,\n horizontal && styles.horizontal,\n (!tokens || !tokens.childrenGap) && styles.innerWidth,\n ];\n\n type StackChildren = Exclude<React.ReactNode, boolean | string | number | bigint | null | undefined>;\n\n let stackChildren = React.Children.toArray(props.children) as StackChildren[];\n if (\n stackChildren.length === 1 &&\n React.isValidElement(stackChildren[0]) &&\n stackChildren[0].type === React.Fragment\n ) {\n stackChildren = (stackChildren[0].props as React.FragmentProps).children as StackChildren[];\n }\n\n stackChildren = React.Children.map(stackChildren, child => {\n if (!child) {\n return null;\n }\n\n const _child = child as React.ReactElement<{}, React.ComponentType>;\n\n if (_child.type && _child.type.name === 'StackItemShim') {\n const defaultItemProps: IStackItemProps = {\n shrink: !disableShrink,\n };\n\n return React.cloneElement(_child, {\n ...defaultItemProps,\n ..._child.props,\n });\n }\n\n return child;\n });\n\n if (reversed) {\n if (horizontal) {\n stackStyles.push(styles.reversedHorizontal);\n stackInnerStyles.push(styles.reversedHorizontal);\n } else {\n stackStyles.push(styles.reversedVertical);\n stackInnerStyles.push(styles.reversedVertical);\n }\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackStyles.push(flexGrow);\n }\n\n if (disableShrink) {\n stackStyles.push(styles.disableShrink);\n }\n\n if (horizontalAlign) {\n if (horizontal) {\n stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n } else {\n stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n }\n }\n\n if (verticalAlign) {\n if (horizontal) {\n stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n } else {\n stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n }\n }\n\n const rootClass = mergeClasses(\n stackClassNames.root,\n ...stackStyles,\n childrenGapClassName && !wrap && childrenGapClassName.root,\n className,\n );\n\n const innerClass = mergeClasses(\n stackClassNames.inner,\n ...stackInnerStyles,\n childrenGapClassName && wrap && childrenGapClassName.inner,\n );\n\n return wrap ? (\n <RootType className={rootClass} style={tokensRootStyles}>\n <div className={innerClass} style={tokensInnerStyles}>\n {stackChildren}\n </div>\n </RootType>\n ) : (\n <RootType className={rootClass} style={tokensRootStyles}>\n {stackChildren}\n </RootType>\n );\n};\n"],"names":["mergeClasses","classNamesFunction","React","getChildrenGapStyles","useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","stackClassNames","root","inner","getClassNames","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","_child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style","div"],"mappings":"AAAA;AAEA,SAASA,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,kBAAkB,QAAQ,kBAAkB;AAErD,YAAYC,WAAW,QAAQ;AAE/B,SAASC,oBAAoB,QAAQ,eAAe;AAGpD,SACEC,uBAAuB,EACvBC,iBAAiB,EACjBC,2BAA2B,EAC3BC,cAAc,QACT,qBAAqB;AAE5B,MAAMC,kBAAkB;IACtBC,MAAM;IACNC,OAAO;AACT;AAEA,MAAMC,gBAAgBV;AACtB,OAAO,MAAMW,YAAY,CAACC;IACxB,MAAMC,SAASP;IACf,MAAMQ,uBAAuBX;IAC7B,MAAMY,2BAA2BV;IACjC,MAAMW,iBAAyCZ;IAE/C,MAAM,EACJa,IAAIC,WAAW,KAAK,EACpBC,YAAY,EACZC,UAAU,EACVC,QAAQ,EACRC,IAAI,EACJC,IAAI,EACJC,eAAe,EACfC,aAAa,EACbC,aAAa,EACbC,SAAS,EACV,GAAGf;IAEJ,MAAMgB,SAAuB;QAAE,GAAGhB,MAAMgB,MAAM;IAAC;IAE/C,IAAIC,mBAAmB,CAAC;IACxB,IAAIC,oBAAoB,CAAC;IACzB,IAAIC;IAEJ,IAAIH,QAAQ;QACVC,mBAAmB;YACjBG,SAAS,CAACT,OAAOK,OAAOI,OAAO,GAAGC;YAClCC,WAAWN,OAAOM,SAAS;YAC3BC,UAAUP,OAAOO,QAAQ;QAC3B;QAEAL,oBAAoB;YAClBE,SAAST,OAAOK,OAAOI,OAAO,GAAGC;QACnC;QAEA,IAAIL,OAAOQ,WAAW,EAAE;YACtBL,uBAAuBrB,cAAcR,sBAAsB;gBACzDkB;gBACAC;gBACAO;YACF;QACF;IACF;IAEA,MAAMS,cAAc;QAClBd,OAAOV,OAAOU,IAAI,GAAGV,OAAOL,IAAI;QAChCY,cAAcP,OAAOO,UAAU;QAC/BD,gBAAgBN,OAAOM,YAAY;KACpC;IAED,MAAMmB,mBAAmB;QACvBzB,OAAOJ,KAAK;QACZW,cAAcP,OAAOO,UAAU;QAC9B,CAAA,CAACQ,UAAU,CAACA,OAAOQ,WAAW,AAAD,KAAMvB,OAAO0B,UAAU;KACtD;IAID,IAAIC,gBAAgBvC,MAAMwC,QAAQ,CAACC,OAAO,CAAC9B,MAAM+B,QAAQ;IACzD,IACEH,cAAcI,MAAM,KAAK,mBACzB3C,MAAM4C,cAAc,CAACL,aAAa,CAAC,EAAE,KACrCA,aAAa,CAAC,EAAE,CAACM,IAAI,KAAK7C,MAAM8C,QAAQ,EACxC;QACAP,gBAAgB,AAACA,aAAa,CAAC,EAAE,CAAC5B,KAAK,CAAyB+B,QAAQ;IAC1E;IAEAH,gBAAgBvC,MAAMwC,QAAQ,CAACO,GAAG,CAACR,eAAeS,CAAAA;QAChD,IAAI,CAACA,OAAO;YACV,OAAO;QACT;QAEA,MAAMC,SAASD;QAEf,IAAIC,OAAOJ,IAAI,IAAII,OAAOJ,IAAI,CAACK,IAAI,KAAK,iBAAiB;YACvD,MAAMC,mBAAoC;gBACxCC,QAAQ,CAAC3B;YACX;YAEA,qBAAOzB,MAAMqD,YAAY,CAACJ,QAAQ;gBAChC,GAAGE,gBAAgB;gBACnB,GAAGF,OAAOtC,KAAK;YACjB;QACF;QAEA,OAAOqC;IACT;IAEA,IAAI5B,UAAU;QACZ,IAAID,YAAY;YACdiB,YAAYkB,IAAI,CAAC1C,OAAO2C,kBAAkB;YAC1ClB,iBAAiBiB,IAAI,CAAC1C,OAAO2C,kBAAkB;QACjD,OAAO;YACLnB,YAAYkB,IAAI,CAAC1C,OAAO4C,gBAAgB;YACxCnB,iBAAiBiB,IAAI,CAAC1C,OAAO4C,gBAAgB;QAC/C;IACF;IAEA,IAAInC,MAAM;QACR,MAAMoC,WAAWpC,SAAS,OAAON,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACM,KAAK;QACzEe,YAAYkB,IAAI,CAACG;IACnB;IAEA,IAAIhC,eAAe;QACjBW,YAAYkB,IAAI,CAAC1C,OAAOa,aAAa;IACvC;IAEA,IAAIF,iBAAiB;QACnB,IAAIJ,YAAY;YACdiB,YAAYkB,IAAI,CAACxC,wBAAwB,CAACS,gBAAgB;YAC1Dc,iBAAiBiB,IAAI,CAACxC,wBAAwB,CAACS,gBAAgB;QACjE,OAAO;YACLa,YAAYkB,IAAI,CAACzC,oBAAoB,CAACU,gBAAgB;YACtDc,iBAAiBiB,IAAI,CAACzC,oBAAoB,CAACU,gBAAgB;QAC7D;IACF;IAEA,IAAIC,eAAe;QACjB,IAAIL,YAAY;YACdiB,YAAYkB,IAAI,CAACzC,oBAAoB,CAACW,cAAc;YACpDa,iBAAiBiB,IAAI,CAACzC,oBAAoB,CAACW,cAAc;QAC3D,OAAO;YACLY,YAAYkB,IAAI,CAACxC,wBAAwB,CAACU,cAAc;YACxDa,iBAAiBiB,IAAI,CAACxC,wBAAwB,CAACU,cAAc;QAC/D;IACF;IAEA,MAAMkC,YAAY5D,aAChBQ,gBAAgBC,IAAI,KACjB6B,aACHN,wBAAwB,CAACR,QAAQQ,qBAAqBvB,IAAI,EAC1DmB;IAGF,MAAMiC,aAAa7D,aACjBQ,gBAAgBE,KAAK,KAClB6B,kBACHP,wBAAwBR,QAAQQ,qBAAqBtB,KAAK;IAG5D,OAAOc,qBACL,oBAACL;QAASS,WAAWgC;QAAWE,OAAOhC;qBACrC,oBAACiC;QAAInC,WAAWiC;QAAYC,OAAO/B;OAChCU,gCAIL,oBAACtB;QAASS,WAAWgC;QAAWE,OAAOhC;OACpCW;AAGP,EAAE"}
|
|
@@ -67,13 +67,14 @@ const StackShim = (props)=>{
|
|
|
67
67
|
if (!child) {
|
|
68
68
|
return null;
|
|
69
69
|
}
|
|
70
|
-
|
|
70
|
+
const _child = child;
|
|
71
|
+
if (_child.type && _child.type.name === 'StackItemShim') {
|
|
71
72
|
const defaultItemProps = {
|
|
72
73
|
shrink: !disableShrink
|
|
73
74
|
};
|
|
74
|
-
return /*#__PURE__*/ _react2.cloneElement(
|
|
75
|
+
return /*#__PURE__*/ _react2.cloneElement(_child, {
|
|
75
76
|
...defaultItemProps,
|
|
76
|
-
...
|
|
77
|
+
..._child.props
|
|
77
78
|
});
|
|
78
79
|
}
|
|
79
80
|
return child;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n useFlexAlignItemsStyles,\n useFlexGrowStyles,\n useFlexJustifyContentStyles,\n useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n root: 'ms-Stack',\n inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\nexport const StackShim = (props: IStackProps): JSXElement => {\n const styles = useStackStyles();\n const alignItemsFlexStyles = useFlexAlignItemsStyles();\n const justifyContentFlexStyles = useFlexJustifyContentStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n const {\n as: RootType = 'div',\n verticalFill,\n horizontal,\n reversed,\n grow,\n wrap,\n horizontalAlign,\n verticalAlign,\n disableShrink,\n className,\n } = props;\n\n const tokens: IStackTokens = { ...props.tokens };\n\n let tokensRootStyles = {};\n let tokensInnerStyles = {};\n let childrenGapClassName;\n\n if (tokens) {\n tokensRootStyles = {\n padding: !wrap ? tokens.padding : undefined,\n maxHeight: tokens.maxHeight,\n maxWidth: tokens.maxWidth,\n };\n\n tokensInnerStyles = {\n padding: wrap ? tokens.padding : undefined,\n };\n\n if (tokens.childrenGap) {\n childrenGapClassName = getClassNames(getChildrenGapStyles, {\n horizontal,\n reversed,\n tokens,\n });\n }\n }\n\n const stackStyles = [\n wrap ? styles.wrap : styles.root,\n horizontal && styles.horizontal,\n verticalFill && styles.verticalFill,\n ];\n\n const stackInnerStyles = [\n styles.inner,\n horizontal && styles.horizontal,\n (!tokens || !tokens.childrenGap) && styles.innerWidth,\n ];\n\n let stackChildren = React.Children.toArray(props.children);\n if (\n stackChildren.length === 1 &&\n React.isValidElement(stackChildren[0]) &&\n stackChildren[0].type === React.Fragment\n ) {\n stackChildren = stackChildren[0].props.children;\n }\n\n stackChildren = React.Children.map(
|
|
1
|
+
{"version":3,"sources":["../src/components/Stack/StackShim.tsx"],"sourcesContent":["'use client';\n\nimport { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport {\n useFlexAlignItemsStyles,\n useFlexGrowStyles,\n useFlexJustifyContentStyles,\n useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n root: 'ms-Stack',\n inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\nexport const StackShim = (props: IStackProps): JSXElement => {\n const styles = useStackStyles();\n const alignItemsFlexStyles = useFlexAlignItemsStyles();\n const justifyContentFlexStyles = useFlexJustifyContentStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n const {\n as: RootType = 'div',\n verticalFill,\n horizontal,\n reversed,\n grow,\n wrap,\n horizontalAlign,\n verticalAlign,\n disableShrink,\n className,\n } = props;\n\n const tokens: IStackTokens = { ...props.tokens };\n\n let tokensRootStyles = {};\n let tokensInnerStyles = {};\n let childrenGapClassName;\n\n if (tokens) {\n tokensRootStyles = {\n padding: !wrap ? tokens.padding : undefined,\n maxHeight: tokens.maxHeight,\n maxWidth: tokens.maxWidth,\n };\n\n tokensInnerStyles = {\n padding: wrap ? tokens.padding : undefined,\n };\n\n if (tokens.childrenGap) {\n childrenGapClassName = getClassNames(getChildrenGapStyles, {\n horizontal,\n reversed,\n tokens,\n });\n }\n }\n\n const stackStyles = [\n wrap ? styles.wrap : styles.root,\n horizontal && styles.horizontal,\n verticalFill && styles.verticalFill,\n ];\n\n const stackInnerStyles = [\n styles.inner,\n horizontal && styles.horizontal,\n (!tokens || !tokens.childrenGap) && styles.innerWidth,\n ];\n\n type StackChildren = Exclude<React.ReactNode, boolean | string | number | bigint | null | undefined>;\n\n let stackChildren = React.Children.toArray(props.children) as StackChildren[];\n if (\n stackChildren.length === 1 &&\n React.isValidElement(stackChildren[0]) &&\n stackChildren[0].type === React.Fragment\n ) {\n stackChildren = (stackChildren[0].props as React.FragmentProps).children as StackChildren[];\n }\n\n stackChildren = React.Children.map(stackChildren, child => {\n if (!child) {\n return null;\n }\n\n const _child = child as React.ReactElement<{}, React.ComponentType>;\n\n if (_child.type && _child.type.name === 'StackItemShim') {\n const defaultItemProps: IStackItemProps = {\n shrink: !disableShrink,\n };\n\n return React.cloneElement(_child, {\n ...defaultItemProps,\n ..._child.props,\n });\n }\n\n return child;\n });\n\n if (reversed) {\n if (horizontal) {\n stackStyles.push(styles.reversedHorizontal);\n stackInnerStyles.push(styles.reversedHorizontal);\n } else {\n stackStyles.push(styles.reversedVertical);\n stackInnerStyles.push(styles.reversedVertical);\n }\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackStyles.push(flexGrow);\n }\n\n if (disableShrink) {\n stackStyles.push(styles.disableShrink);\n }\n\n if (horizontalAlign) {\n if (horizontal) {\n stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n } else {\n stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n }\n }\n\n if (verticalAlign) {\n if (horizontal) {\n stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n } else {\n stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n }\n }\n\n const rootClass = mergeClasses(\n stackClassNames.root,\n ...stackStyles,\n childrenGapClassName && !wrap && childrenGapClassName.root,\n className,\n );\n\n const innerClass = mergeClasses(\n stackClassNames.inner,\n ...stackInnerStyles,\n childrenGapClassName && wrap && childrenGapClassName.inner,\n );\n\n return wrap ? (\n <RootType className={rootClass} style={tokensRootStyles}>\n <div className={innerClass} style={tokensInnerStyles}>\n {stackChildren}\n </div>\n </RootType>\n ) : (\n <RootType className={rootClass} style={tokensRootStyles}>\n {stackChildren}\n </RootType>\n );\n};\n"],"names":["mergeClasses","classNamesFunction","React","getChildrenGapStyles","useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","stackClassNames","root","inner","getClassNames","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","_child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style","div"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-migration-v8-v9",
|
|
3
|
-
"version": "9.9.
|
|
3
|
+
"version": "9.9.15",
|
|
4
4
|
"description": "Migration shim components and methods for hybrid v8/v9 applications building on Fluent UI React.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
"@ctrl/tinycolor": "^3.3.4",
|
|
22
22
|
"@fluentui/fluent2-theme": "^8.107.147",
|
|
23
23
|
"@fluentui/react": "^8.125.0",
|
|
24
|
-
"@fluentui/react-components": "^9.72.
|
|
24
|
+
"@fluentui/react-components": "^9.72.6",
|
|
25
25
|
"@fluentui/react-icons": "^2.0.245",
|
|
26
26
|
"@fluentui/react-hooks": "^8.10.0",
|
|
27
27
|
"@griffel/react": "^1.5.22",
|