@fluentui/react-migration-v8-v9 9.1.9 → 9.1.11

package/CHANGELOG.json

@@ -2,7 +2,57 @@
   "name": "@fluentui/react-migration-v8-v9",
   "entries": [
     {
-      "date": "Wed, 22 Feb 2023 23:04:46 GMT",
+      "date": "Fri, 10 Mar 2023 07:11:11 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v9.1.11",
+      "version": "9.1.11",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-components to v9.17.0",
+            "commit": "3cefc38eed17e3f37cd38fca9099cc9d700cd584"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-utilities to v9.6.2",
+            "commit": "3cefc38eed17e3f37cd38fca9099cc9d700cd584"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 08 Mar 2023 17:42:35 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v9.1.10",
+      "version": "9.1.10",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "677a67b551966986db34a6fac608cb89ee150471",
+            "comment": "style: apply prettier 2.3-2.8 formatting on whole codebase"
+          }
+        ],
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-components to v9.16.0",
+            "commit": "e0d11faf97f6466f4cd23ed18266cf1e80094f56"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-utilities to v9.6.1",
+            "commit": "e0d11faf97f6466f4cd23ed18266cf1e80094f56"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 22 Feb 2023 23:06:05 GMT",
       "tag": "@fluentui/react-migration-v8-v9_v9.1.9",
       "version": "9.1.9",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,32 @@
 # Change Log - @fluentui/react-migration-v8-v9
 
-This log was last generated on Wed, 22 Feb 2023 23:04:46 GMT and should not be manually modified.
+This log was last generated on Fri, 10 Mar 2023 07:11:11 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.1.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.1.11)
+
+Fri, 10 Mar 2023 07:11:11 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.1.10..@fluentui/react-migration-v8-v9_v9.1.11)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.17.0 ([PR #27157](https://github.com/microsoft/fluentui/pull/27157) by beachball)
+- Bump @fluentui/react-utilities to v9.6.2 ([PR #27157](https://github.com/microsoft/fluentui/pull/27157) by beachball)
+
+## [9.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.1.10)
+
+Wed, 08 Mar 2023 17:42:35 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.1.9..@fluentui/react-migration-v8-v9_v9.1.10)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.16.0 ([PR #27127](https://github.com/microsoft/fluentui/pull/27127) by beachball)
+- Bump @fluentui/react-utilities to v9.6.1 ([PR #27127](https://github.com/microsoft/fluentui/pull/27127) by beachball)
+
 ## [9.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.1.9)
 
-Wed, 22 Feb 2023 23:04:46 GMT 
+Wed, 22 Feb 2023 23:06:05 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.1.8..@fluentui/react-migration-v8-v9_v9.1.9)
 
 ### Patches

package/lib/components/Button/ActionButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,gBAAgB,gBAEzBH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAE;GACnB;EAED,MAAMC,SAAS,GAAGP,eAAe,CAACK,YAAY,CAAC;EAE/C,oBAAOP,oBAACC,MAAM;IAAA,GAAMI,KAAgD;IAAA,GAAMI,SAAS;IAAEC,UAAU,EAAC;EAAa,EAAG;AAClH,CAAC,CAAC","names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","appearance"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: 'ms-Button--action ms-Button--command',\n  };\n\n  const shimProps = shimButtonProps(variantProps);\n\n  return <Button {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"]}
+{"version":3,"names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","createElement","appearance"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n  React.forwardRef((props, _ref) => {\n    const variantProps = {\n      ...props,\n      variantClassName: 'ms-Button--action ms-Button--command',\n    };\n\n    const shimProps = shimButtonProps(variantProps);\n\n    return <Button {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n  });\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,gBAAgB,gBAC3BH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EAC/B,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAE;GACnB;EAED,MAAMC,SAAS,GAAGP,eAAe,CAACK,YAAY,CAAC;EAE/C,oBAAOP,KAAA,CAAAU,aAAA,CAACT,MAAM;IAAA,GAAMI,KAAgD;IAAA,GAAMI,SAAS;IAAEE,UAAU,EAAC;EAAa,EAAG;AAClH,CAAC,CAAC"}

package/lib/components/Button/ButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,OAAO,MAAMC,UAAU,gBAEnBL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,SAAS,GAAGP,eAAe,CAACK,KAAK,CAAC;EAExC,IAAIA,KAAK,CAACG,MAAM,EAAE;IAChB,oBAAOV,oBAACG,gBAAgB;MAAA,GAAKI;IAAK,GAAGA,KAAK,CAACI,QAAQ,CAAoB;;EAEzE,IAAIJ,KAAK,CAACK,aAAa,KAAI,WAAK,CAACC,mBAAmB,+CAAzBN,KAAK,EAAuBA,KAAK,CAAC,GAAE;IAC7D,oBAAOP,oBAACI,kBAAkB;MAAA,GAAKG;IAAK,EAAI;;EAG1C,oBAAOP,oBAACC,MAAM;IAAA,GAAMM,KAAgD;IAAA,GAAME;EAAS,EAAI;AACzF,CAAC,CAAC","names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","shimProps","toggle","children","secondaryText","onRenderDescription"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/ButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n  IBaseButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const shimProps = shimButtonProps(props);\n\n  if (props.toggle) {\n    return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n  }\n  if (props.secondaryText || props.onRenderDescription?.(props)) {\n    return <CompoundButtonShim {...props} />;\n  }\n\n  return <Button {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}
+{"version":3,"names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","shimProps","toggle","createElement","children","secondaryText","_a","onRenderDescription","call"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Button/ButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<IBaseButtonProps & React.RefAttributes<HTMLButtonElement>> =\n  React.forwardRef((props, _ref) => {\n    const shimProps = shimButtonProps(props);\n\n    if (props.toggle) {\n      return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n    }\n    if (props.secondaryText || props.onRenderDescription?.(props)) {\n      return <CompoundButtonShim {...props} />;\n    }\n\n    return <Button {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n  });\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,MAAM,QAAQ,4BAA4B;AAEnD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,OAAO,MAAMC,UAAU,gBACrBL,KAAK,CAACM,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EAC/B,MAAMC,SAAS,GAAGP,eAAe,CAACK,KAAK,CAAC;EAExC,IAAIA,KAAK,CAACG,MAAM,EAAE;IAChB,oBAAOV,KAAA,CAAAW,aAAA,CAACR,gBAAgB;MAAA,GAAKI;IAAK,GAAGA,KAAK,CAACK,QAAQ,CAAoB;;EAEzE,IAAIL,KAAK,CAACM,aAAa,KAAI,CAAAC,EAAA,GAAAP,KAAK,CAACQ,mBAAmB,cAAAD,EAAA,uBAAAA,EAAA,CAAAE,IAAA,CAAzBT,KAAK,EAAuBA,KAAK,CAAC,GAAE;IAC7D,oBAAOP,KAAA,CAAAW,aAAA,CAACP,kBAAkB;MAAA,GAAKG;IAAK,EAAI;;EAG1C,oBAAOP,KAAA,CAAAW,aAAA,CAACV,MAAM;IAAA,GAAMM,KAAgD;IAAA,GAAME;EAAS,EAAI;AACzF,CAAC,CAAC"}

package/lib/components/Button/CompoundButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,cAAc,QAAQ,4BAA4B;AAG3D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,kBAAkB,gBAE3BH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,4BAA4B,GAAG;GAClE;EAED,MAAMC,SAAS,GAAwB;IACrC,GAAGR,eAAe,CAACK,YAAY,CAAC;IAChCI,gBAAgB,EAAEN,KAAK,CAACO,aAAa,KAAI,WAAK,CAACC,mBAAmB,+CAAzBR,KAAK,EAAuBA,KAAK,CAAC;GAC5E;EAED,oBAAOL,oBAACC,cAAc;IAAA,GAAMI,KAAgD;IAAA,GAAMK;EAAS,EAAI;AACjG,CAAC,CAAC","names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: CompoundButtonProps = {\n    ...shimButtonProps(variantProps),\n    secondaryContent: props.secondaryText || props.onRenderDescription?.(props),\n  };\n\n  return <CompoundButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}
+{"version":3,"names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","_a","onRenderDescription","call","createElement"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: CompoundButtonProps = {\n    ...shimButtonProps(variantProps),\n    secondaryContent: props.secondaryText || props.onRenderDescription?.(props),\n  };\n\n  return <CompoundButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,cAAc,QAAQ,4BAA4B;AAG3D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,kBAAkB,gBAE3BH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,4BAA4B,GAAG;GAClE;EAED,MAAMC,SAAS,GAAwB;IACrC,GAAGR,eAAe,CAACK,YAAY,CAAC;IAChCI,gBAAgB,EAAEN,KAAK,CAACO,aAAa,KAAI,CAAAC,EAAA,GAAAR,KAAK,CAACS,mBAAmB,cAAAD,EAAA,uBAAAA,EAAA,CAAAE,IAAA,CAAzBV,KAAK,EAAuBA,KAAK,CAAC;GAC5E;EAED,oBAAOL,KAAA,CAAAgB,aAAA,CAACf,cAAc;IAAA,GAAMI,KAAgD;IAAA,GAAMK;EAAS,EAAI;AACjG,CAAC,CAAC"}

package/lib/components/Button/DefaultButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,UAAU,QAAQ,cAAc;AAEzC;;;AAGA,OAAO,MAAMC,iBAAiB,gBAE1BF,KAAK,CAACG,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,oBAAOL,oBAACC,UAAU;IAAA,GAAKG,KAAK;IAAEE,gBAAgB,EAAEF,KAAK,CAACG,OAAO,GAAG,oBAAoB,GAAG;EAAoB,EAAI;AACjH,CAAC,CAAC","names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","variantClassName","primary"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"]}
+{"version":3,"names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","createElement","variantClassName","primary"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n  React.forwardRef((props, _ref) => {\n    return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n  });\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,UAAU,QAAQ,cAAc;AAEzC;;;AAGA,OAAO,MAAMC,iBAAiB,gBAC5BF,KAAK,CAACG,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EAC/B,oBAAOL,KAAA,CAAAM,aAAA,CAACL,UAAU;IAAA,GAAKG,KAAK;IAAEG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,oBAAoB,GAAG;EAAoB,EAAI;AACjH,CAAC,CAAC"}

package/lib/components/Button/MenuButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,QAAQ,4BAA4B;AAEjG,SAASC,YAAY,EAAEC,aAAa,QAAQ,eAAe;AAE3D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,cAAc,gBAEvBT,KAAK,CAACU,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,oBAAoB,GAAG;GAC1D;EAED,MAAMC,SAAS,GAAoB;IACjC,GAAGR,eAAe,CAACK,YAAY;GAChC;EAED,MAAMI,gBAAgB,GAAGN,KAAK,CAACO,SAAS,GAAGX,aAAa,CAACI,KAAK,CAACO,SAAS,CAAC,GAAG,EAAE;EAE9E,oBACElB,oBAACE,IAAI;IAAA,GAAKe;EAAgB,gBACxBjB,oBAACK,WAAW,qBACVL,oBAACC,UAAU;IAAA,GAAKe;EAAS,EAAI,CACjB,eACdhB,oBAACI,WAAW,qBACVJ,oBAACG,QAAQ,QACN,WAAK,CAACe,SAAS,0CAAEC,KAAK,CAACC,GAAG,CAACC,IAAI;EAAA;EAC9B;EACA;EACArB,oBAACM,YAAY;IAAA,GAAKe;EAAI,EACvB,CAAC,CACO,CACC,CACT;AAEX,CAAC,CAAC","names":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","items","map","item"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n  };\n\n  const shimProps: MenuButtonProps = {\n    ...shimButtonProps(variantProps),\n  };\n\n  const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n  return (\n    <Menu {...shimmedMenuProps}>\n      <MenuTrigger>\n        <MenuButton {...shimProps} />\n      </MenuTrigger>\n      <MenuPopover>\n        <MenuList>\n          {props.menuProps?.items.map(item => (\n            // key is added through item spread\n            // eslint-disable-next-line react/jsx-key\n            <MenuItemShim {...item} />\n          ))}\n        </MenuList>\n      </MenuPopover>\n    </Menu>\n  );\n});\n"]}
+{"version":3,"names":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","createElement","_a","items","map","item"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n  React.forwardRef((props, _ref) => {\n    const variantProps = {\n      ...props,\n      variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n    };\n\n    const shimProps: MenuButtonProps = {\n      ...shimButtonProps(variantProps),\n    };\n\n    const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n    return (\n      <Menu {...shimmedMenuProps}>\n        <MenuTrigger>\n          <MenuButton {...shimProps} />\n        </MenuTrigger>\n        <MenuPopover>\n          <MenuList>\n            {props.menuProps?.items.map(item => (\n              // key is added through item spread\n              // eslint-disable-next-line react/jsx-key\n              <MenuItemShim {...item} />\n            ))}\n          </MenuList>\n        </MenuPopover>\n      </Menu>\n    );\n  });\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,QAAQ,4BAA4B;AAEjG,SAASC,YAAY,EAAEC,aAAa,QAAQ,eAAe;AAE3D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,OAAO,MAAMC,cAAc,gBACzBT,KAAK,CAACU,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EAC/B,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,oBAAoB,GAAG;GAC1D;EAED,MAAMC,SAAS,GAAoB;IACjC,GAAGR,eAAe,CAACK,YAAY;GAChC;EAED,MAAMI,gBAAgB,GAAGN,KAAK,CAACO,SAAS,GAAGX,aAAa,CAACI,KAAK,CAACO,SAAS,CAAC,GAAG,EAAE;EAE9E,oBACElB,KAAA,CAAAmB,aAAA,CAACjB,IAAI;IAAA,GAAKe;EAAgB,gBACxBjB,KAAA,CAAAmB,aAAA,CAACd,WAAW,qBACVL,KAAA,CAAAmB,aAAA,CAAClB,UAAU;IAAA,GAAKe;EAAS,EAAI,CACjB,eACdhB,KAAA,CAAAmB,aAAA,CAACf,WAAW,qBACVJ,KAAA,CAAAmB,aAAA,CAAChB,QAAQ,QACN,CAAAiB,EAAA,GAAAT,KAAK,CAACO,SAAS,cAAAE,EAAA,uBAAAA,EAAA,CAAEC,KAAK,CAACC,GAAG,CAACC,IAAI;EAAA;EAC9B;EACA;EACAvB,KAAA,CAAAmB,aAAA,CAACb,YAAY;IAAA,GAAKiB;EAAI,EACvB,CAAC,CACO,CACC,CACT;AAEX,CAAC,CAAC"}

package/lib/components/Button/PrimaryButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,UAAU,QAAQ,cAAc;AAEzC;;;AAGA,OAAO,MAAMC,iBAAiB,gBAE1BF,KAAK,CAACG,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,oBAAOL,oBAACC,UAAU;IAAA,GAAKG,KAAK;IAAEE,OAAO;IAACC,gBAAgB,EAAC;EAAoB,EAAG;AAChF,CAAC,CAAC","names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","primary","variantClassName"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"]}
+{"version":3,"names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","createElement","primary","variantClassName"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n  React.forwardRef((props, _ref) => {\n    return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n  });\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAASC,UAAU,QAAQ,cAAc;AAEzC;;;AAGA,OAAO,MAAMC,iBAAiB,gBAC5BF,KAAK,CAACG,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EAC/B,oBAAOL,KAAA,CAAAM,aAAA,CAACL,UAAU;IAAA,GAAKG,KAAK;IAAEG,OAAO;IAACC,gBAAgB,EAAC;EAAoB,EAAG;AAChF,CAAC,CAAC"}

package/lib/components/Button/ToggleButtonShim.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,YAAY,QAAQ,4BAA4B;AAGzD,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,gBAAgB,gBAEzBH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,4BAA4B,GAAG;GAClE;EAED,MAAMC,SAAS,GAAsB;IACnC,GAAGR,eAAe,CAACK,YAAY,CAAC;IAChCI,OAAO,EAAEN,KAAK,CAACM,OAAO;IACtBC,cAAc,EAAEP,KAAK,CAACO;GACvB;EAED,oBAAOZ,oBAACC,YAAY;IAAA,GAAMI,KAAgD;IAAA,GAAMK;EAAS,EAAI;AAC/F,CAAC,CAAC","names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: ToggleButtonProps = {\n    ...shimButtonProps(variantProps),\n    checked: props.checked,\n    defaultChecked: props.defaultChecked,\n  };\n\n  return <ToggleButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}
+{"version":3,"names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked","createElement"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n  React.forwardRef((props, _ref) => {\n    const variantProps = {\n      ...props,\n      variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n    };\n\n    const shimProps: ToggleButtonProps = {\n      ...shimButtonProps(variantProps),\n      checked: props.checked,\n      defaultChecked: props.defaultChecked,\n    };\n\n    return <ToggleButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n  });\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,YAAY,QAAQ,4BAA4B;AAGzD,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,gBAAgB,gBAC3BH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EAC/B,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,4BAA4B,GAAG;GAClE;EAED,MAAMC,SAAS,GAAsB;IACnC,GAAGR,eAAe,CAACK,YAAY,CAAC;IAChCI,OAAO,EAAEN,KAAK,CAACM,OAAO;IACtBC,cAAc,EAAEP,KAAK,CAACO;GACvB;EAED,oBAAOZ,KAAA,CAAAa,aAAA,CAACZ,YAAY;IAAA,GAAMI,KAAgD;IAAA,GAAMK;EAAS,EAAI;AAC/F,CAAC,CAAC"}

package/lib/components/Button/shimButtonProps.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,QAAQ,iBAAiB;AAKtC,OAAO,MAAMC,eAAe,GAAIC,KAAgE,IAAiB;;EAC/G;EACA,MAAMC,IAAI,GAAGD,KAAK,CAACE,YAAY,GAC7BF,KAAK,CAACE,YAAY,CAACF,KAAK,CAAC,GACvBA,KAAK,CAACG,SAAS,gBACjBN,oBAACC,IAAI;IAAA,GAAKE,KAAK,CAACG;EAAS,EAAI,GAC3BC,SAAS;EAEb,MAAMC,gBAAgB,GAAG,YAAK,CAACA,gBAAgB,mCAAIL,KAAK,CAACM,OAAO,IAAG,oBAAoB,GAAG,oBAAoB;EAC9G,MAAMC,SAAS,GAAG,CAACP,KAAK,CAACQ,aAAa,EAAEH,gBAAgB,EAAEL,KAAK,CAACO,SAAS,CAAC,CAACE,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAEpG,OAAO;IACL;IACA,GAAGX,KAAK;IACRY,UAAU,EAAEZ,KAAK,CAACM,OAAO,GAAG,SAAS,GAAGF,SAAS;IACjDG,SAAS;IACTM,QAAQ,EAAEb,KAAK,CAACa,QAAQ;IACxBC,iBAAiB,EAAEd,KAAK,CAACe,kBAAkB;IAC3C,aAAa,EAAEf,KAAK,CAACgB,UAAU;IAC/B,YAAY,EAAEhB,KAAK,CAACiB,SAAS;IAC7BhB,IAAI;IACJiB,GAAG,EAAElB,KAAK,CAACkB,GAAG,IAAIlB,KAAK,CAACmB,QAAQ;IAChCC,QAAQ,EAAEpB,KAAK,CAACqB,gBAAgB,GAC5BrB,KAAK,CAACqB,gBAAgB,CAACrB,KAAK,CAAC,GAC7BA,KAAK,CAACsB,YAAY,GAClBtB,KAAK,CAACsB,YAAY,CAACtB,KAAK,CAAC,GACzBA,KAAK,CAACuB,IAAI,IAAIvB,KAAK,CAACoB;GACV;AAClB,CAAC","names":["React","Icon","shimButtonProps","props","icon","onRenderIcon","iconProps","undefined","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Button/shimButtonProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport type { ButtonProps } from '@fluentui/react-components';\n\nexport const shimButtonProps = (props: IBaseButtonProps & React.RefAttributes<HTMLButtonElement>): ButtonProps => {\n  //TODO: Icon shim. This still renders the v8 icon.\n  const icon = props.onRenderIcon ? (\n    props.onRenderIcon(props)\n  ) : props.iconProps ? (\n    <Icon {...props.iconProps} />\n  ) : undefined;\n\n  const variantClassName = props.variantClassName ?? props.primary ? 'ms-Button--primary' : 'ms-Button--default';\n  const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');\n\n  return {\n    // spread incoming props to propagate HTML properties not part of IBaseButtonProps\n    ...props,\n    appearance: props.primary ? 'primary' : undefined,\n    className,\n    disabled: props.disabled,\n    disabledFocusable: props.allowDisabledFocus,\n    'aria-hidden': props.ariaHidden,\n    'aria-label': props.ariaLabel,\n    icon,\n    key: props.key || props.uniqueId,\n    children: props.onRenderChildren\n      ? props.onRenderChildren(props)\n      : props.onRenderText\n      ? props.onRenderText(props)\n      : props.text || props.children,\n  } as ButtonProps;\n};\n"]}
+{"version":3,"names":["React","Icon","shimButtonProps","props","icon","onRenderIcon","iconProps","createElement","undefined","variantClassName","_a","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Button/shimButtonProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport type { ButtonProps } from '@fluentui/react-components';\n\nexport const shimButtonProps = (props: IBaseButtonProps & React.RefAttributes<HTMLButtonElement>): ButtonProps => {\n  //TODO: Icon shim. This still renders the v8 icon.\n  const icon = props.onRenderIcon ? (\n    props.onRenderIcon(props)\n  ) : props.iconProps ? (\n    <Icon {...props.iconProps} />\n  ) : undefined;\n\n  const variantClassName = props.variantClassName ?? props.primary ? 'ms-Button--primary' : 'ms-Button--default';\n  const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');\n\n  return {\n    // spread incoming props to propagate HTML properties not part of IBaseButtonProps\n    ...props,\n    appearance: props.primary ? 'primary' : undefined,\n    className,\n    disabled: props.disabled,\n    disabledFocusable: props.allowDisabledFocus,\n    'aria-hidden': props.ariaHidden,\n    'aria-label': props.ariaLabel,\n    icon,\n    key: props.key || props.uniqueId,\n    children: props.onRenderChildren\n      ? props.onRenderChildren(props)\n      : props.onRenderText\n      ? props.onRenderText(props)\n      : props.text || props.children,\n  } as ButtonProps;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,QAAQ,iBAAiB;AAKtC,OAAO,MAAMC,eAAe,GAAIC,KAAgE,IAAiB;;EAC/G;EACA,MAAMC,IAAI,GAAGD,KAAK,CAACE,YAAY,GAC7BF,KAAK,CAACE,YAAY,CAACF,KAAK,CAAC,GACvBA,KAAK,CAACG,SAAS,gBACjBN,KAAA,CAAAO,aAAA,CAACN,IAAI;IAAA,GAAKE,KAAK,CAACG;EAAS,EAAI,GAC3BE,SAAS;EAEb,MAAMC,gBAAgB,GAAG,EAAAC,EAAA,GAAAP,KAAK,CAACM,gBAAgB,cAAAC,EAAA,cAAAA,EAAA,GAAIP,KAAK,CAACQ,OAAO,IAAG,oBAAoB,GAAG,oBAAoB;EAC9G,MAAMC,SAAS,GAAG,CAACT,KAAK,CAACU,aAAa,EAAEJ,gBAAgB,EAAEN,KAAK,CAACS,SAAS,CAAC,CAACE,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAEpG,OAAO;IACL;IACA,GAAGb,KAAK;IACRc,UAAU,EAAEd,KAAK,CAACQ,OAAO,GAAG,SAAS,GAAGH,SAAS;IACjDI,SAAS;IACTM,QAAQ,EAAEf,KAAK,CAACe,QAAQ;IACxBC,iBAAiB,EAAEhB,KAAK,CAACiB,kBAAkB;IAC3C,aAAa,EAAEjB,KAAK,CAACkB,UAAU;IAC/B,YAAY,EAAElB,KAAK,CAACmB,SAAS;IAC7BlB,IAAI;IACJmB,GAAG,EAAEpB,KAAK,CAACoB,GAAG,IAAIpB,KAAK,CAACqB,QAAQ;IAChCC,QAAQ,EAAEtB,KAAK,CAACuB,gBAAgB,GAC5BvB,KAAK,CAACuB,gBAAgB,CAACvB,KAAK,CAAC,GAC7BA,KAAK,CAACwB,YAAY,GAClBxB,KAAK,CAACwB,YAAY,CAACxB,KAAK,CAAC,GACzBA,KAAK,CAACyB,IAAI,IAAIzB,KAAK,CAACsB;GACV;AAClB,CAAC"}

package/lib/components/Menu/MenuShim.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,sBAAsB,QAAQ,iBAAiB;AAExD,SACEC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,gBAAgB,QAEX,4BAA4B;AAEnC,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,iBAAiB;AAElH,OAAO,MAAMC,YAAY,GAAIC,KAA0B,IAAI;;EACzD,IAAIA,KAAK,CAACC,QAAQ,KAAKhB,sBAAsB,CAACiB,OAAO,EAAE;IACrD,MAAMC,SAAS,GAAGN,iBAAiB,CAACG,KAAK,CAAC;IAC1C,oBAAOhB,oBAACG,WAAW;MAAA,GAAMgB;IAA8B,EAAI;;EAG7D,IAAIH,KAAK,CAACC,QAAQ,KAAKhB,sBAAsB,CAACmB,OAAO,EAAE;IACrD,MAAMD,SAAS,GAAGR,mBAAmB,CAACK,KAAK,CAAC;IAC5C,oBACEhB,oBAACI,SAAS,qBACRJ,oBAACK,eAAe,QAAEc,SAAS,CAACE,QAAQ,CAAmB,EAEtD,WAAK,CAACC,YAAY,0CAAEC,KAAK,CAACC,GAAG,CAACC,IAAI;IAAA;IACjC;IACA;IACAzB,oBAACe,YAAY;MAAA,GAAKU;IAAI,EACvB,CAAC,CACQ;;EAIhB,IAAIT,KAAK,CAACU,QAAQ,EAAE;IAClB,MAAMP,SAAS,GAAGP,yBAAyB,CAACI,KAAK,CAAC;IAClD,oBAAOhB,oBAACU,gBAAgB;MAAA,GAAKS;IAAS,EAAI;;EAG5C;EACA,IAAI,YAAK,CAACG,YAAY,0CAAEC,KAAK,KAAIP,KAAK,CAACM,YAAY,CAACC,KAAK,CAACI,MAAM,GAAG,CAAC,EAAE;IACpE,MAAMC,gBAAgB,GAAGd,aAAa,CAACE,KAAK,CAACM,YAAY,CAAC;IAC1D,MAAMO,gBAAgB,GAAGhB,iBAAiB,CAACG,KAAK,CAAC;IAEjD,oBACEhB,oBAACO,IAAI;MAAA,GAAKqB;IAAgB,gBACxB5B,oBAACM,WAAW,qBACVN,oBAACE,QAAQ;MAAA,GAAK2B,gBAAgB;MAAEC,UAAU;IAAA,EAAG,CACjC,eACd9B,oBAACS,WAAW,qBACVT,oBAACQ,QAAQ,QACNQ,KAAK,CAACM,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,IAAI;IAAA;IAChC;IACA;IACAzB,oBAACe,YAAY;MAAA,GAAKU;IAAI,EACvB,CAAC,CACO,CACC,CACT;;EAIX,MAAMN,SAAS,GAAGN,iBAAiB,CAACG,KAAK,CAAC;EAC1C,oBAAOhB,oBAACE,QAAQ;IAAA,GAAKiB;EAAS,EAAI;AACpC,CAAC","names":["React","ContextualMenuItemType","MenuItem","MenuDivider","MenuGroup","MenuGroupHeader","MenuTrigger","Menu","MenuList","MenuPopover","MenuItemCheckbox","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps","MenuItemShim","props","itemType","Divider","shimProps","Section","children","subMenuProps","items","map","item","canCheck","length","shimmedMenuProps","shimmedItemProps","hasSubmenu"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Menu/MenuShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n  MenuItem,\n  MenuDivider,\n  MenuGroup,\n  MenuGroupHeader,\n  MenuTrigger,\n  Menu,\n  MenuList,\n  MenuPopover,\n  MenuItemCheckbox,\n  MenuDividerProps,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n\nexport const MenuItemShim = (props: IContextualMenuItem) => {\n  if (props.itemType === ContextualMenuItemType.Divider) {\n    const shimProps = shimMenuItemProps(props);\n    return <MenuDivider {...(shimProps as MenuDividerProps)} />;\n  }\n\n  if (props.itemType === ContextualMenuItemType.Section) {\n    const shimProps = shimMenuHeaderProps(props);\n    return (\n      <MenuGroup>\n        <MenuGroupHeader>{shimProps.children}</MenuGroupHeader>\n        {/* //TODO: sectionProps handling */}\n        {props.subMenuProps?.items.map(item => (\n          // key is added through item spread\n          // eslint-disable-next-line react/jsx-key\n          <MenuItemShim {...item} />\n        ))}\n      </MenuGroup>\n    );\n  }\n\n  if (props.canCheck) {\n    const shimProps = shimMenuItemCheckboxProps(props);\n    return <MenuItemCheckbox {...shimProps} />;\n  }\n\n  // Nested Menu to handle submenus\n  if (props.subMenuProps?.items && props.subMenuProps.items.length > 0) {\n    const shimmedMenuProps = shimMenuProps(props.subMenuProps);\n    const shimmedItemProps = shimMenuItemProps(props);\n\n    return (\n      <Menu {...shimmedMenuProps}>\n        <MenuTrigger>\n          <MenuItem {...shimmedItemProps} hasSubmenu />\n        </MenuTrigger>\n        <MenuPopover>\n          <MenuList>\n            {props.subMenuProps.items.map(item => (\n              // key is added through item spread\n              // eslint-disable-next-line react/jsx-key\n              <MenuItemShim {...item} />\n            ))}\n          </MenuList>\n        </MenuPopover>\n      </Menu>\n    );\n  }\n\n  const shimProps = shimMenuItemProps(props);\n  return <MenuItem {...shimProps} />;\n};\n"]}
+{"version":3,"names":["React","ContextualMenuItemType","MenuItem","MenuDivider","MenuGroup","MenuGroupHeader","MenuTrigger","Menu","MenuList","MenuPopover","MenuItemCheckbox","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps","MenuItemShim","props","itemType","Divider","shimProps","createElement","Section","children","_a","subMenuProps","items","map","item","canCheck","_b","length","shimmedMenuProps","shimmedItemProps","hasSubmenu"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Menu/MenuShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n  MenuItem,\n  MenuDivider,\n  MenuGroup,\n  MenuGroupHeader,\n  MenuTrigger,\n  Menu,\n  MenuList,\n  MenuPopover,\n  MenuItemCheckbox,\n  MenuDividerProps,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n\nexport const MenuItemShim = (props: IContextualMenuItem) => {\n  if (props.itemType === ContextualMenuItemType.Divider) {\n    const shimProps = shimMenuItemProps(props);\n    return <MenuDivider {...(shimProps as MenuDividerProps)} />;\n  }\n\n  if (props.itemType === ContextualMenuItemType.Section) {\n    const shimProps = shimMenuHeaderProps(props);\n    return (\n      <MenuGroup>\n        <MenuGroupHeader>{shimProps.children}</MenuGroupHeader>\n        {/* //TODO: sectionProps handling */}\n        {props.subMenuProps?.items.map(item => (\n          // key is added through item spread\n          // eslint-disable-next-line react/jsx-key\n          <MenuItemShim {...item} />\n        ))}\n      </MenuGroup>\n    );\n  }\n\n  if (props.canCheck) {\n    const shimProps = shimMenuItemCheckboxProps(props);\n    return <MenuItemCheckbox {...shimProps} />;\n  }\n\n  // Nested Menu to handle submenus\n  if (props.subMenuProps?.items && props.subMenuProps.items.length > 0) {\n    const shimmedMenuProps = shimMenuProps(props.subMenuProps);\n    const shimmedItemProps = shimMenuItemProps(props);\n\n    return (\n      <Menu {...shimmedMenuProps}>\n        <MenuTrigger>\n          <MenuItem {...shimmedItemProps} hasSubmenu />\n        </MenuTrigger>\n        <MenuPopover>\n          <MenuList>\n            {props.subMenuProps.items.map(item => (\n              // key is added through item spread\n              // eslint-disable-next-line react/jsx-key\n              <MenuItemShim {...item} />\n            ))}\n          </MenuList>\n        </MenuPopover>\n      </Menu>\n    );\n  }\n\n  const shimProps = shimMenuItemProps(props);\n  return <MenuItem {...shimProps} />;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,sBAAsB,QAAQ,iBAAiB;AAExD,SACEC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,gBAAgB,QAEX,4BAA4B;AAEnC,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,iBAAiB;AAElH,OAAO,MAAMC,YAAY,GAAIC,KAA0B,IAAI;;EACzD,IAAIA,KAAK,CAACC,QAAQ,KAAKhB,sBAAsB,CAACiB,OAAO,EAAE;IACrD,MAAMC,SAAS,GAAGN,iBAAiB,CAACG,KAAK,CAAC;IAC1C,oBAAOhB,KAAA,CAAAoB,aAAA,CAACjB,WAAW;MAAA,GAAMgB;IAA8B,EAAI;;EAG7D,IAAIH,KAAK,CAACC,QAAQ,KAAKhB,sBAAsB,CAACoB,OAAO,EAAE;IACrD,MAAMF,SAAS,GAAGR,mBAAmB,CAACK,KAAK,CAAC;IAC5C,oBACEhB,KAAA,CAAAoB,aAAA,CAAChB,SAAS,qBACRJ,KAAA,CAAAoB,aAAA,CAACf,eAAe,QAAEc,SAAS,CAACG,QAAQ,CAAmB,EAEtD,CAAAC,EAAA,GAAAP,KAAK,CAACQ,YAAY,cAAAD,EAAA,uB,GAAEE,KAAK,CAACC,GAAG,CAACC,IAAI;IAAA;IACjC;IACA;IACA3B,KAAA,CAAAoB,aAAA,CAACL,YAAY;MAAA,GAAKY;IAAI,EACvB,CAAC,CACQ;;EAIhB,IAAIX,KAAK,CAACY,QAAQ,EAAE;IAClB,MAAMT,SAAS,GAAGP,yBAAyB,CAACI,KAAK,CAAC;IAClD,oBAAOhB,KAAA,CAAAoB,aAAA,CAACV,gBAAgB;MAAA,GAAKS;IAAS,EAAI;;EAG5C;EACA,IAAI,EAAAU,EAAA,GAAAb,KAAK,CAACQ,YAAY,cAAAK,EAAA,uBAAAA,EAAA,CAAEJ,KAAK,KAAIT,KAAK,CAACQ,YAAY,CAACC,KAAK,CAACK,MAAM,GAAG,CAAC,EAAE;IACpE,MAAMC,gBAAgB,GAAGjB,aAAa,CAACE,KAAK,CAACQ,YAAY,CAAC;IAC1D,MAAMQ,gBAAgB,GAAGnB,iBAAiB,CAACG,KAAK,CAAC;IAEjD,oBACEhB,KAAA,CAAAoB,aAAA,CAACb,IAAI;MAAA,GAAKwB;IAAgB,gBACxB/B,KAAA,CAAAoB,aAAA,CAACd,WAAW,qBACVN,KAAA,CAAAoB,aAAA,CAAClB,QAAQ;MAAA,GAAK8B,gBAAgB;MAAEC,UAAU;IAAA,EAAG,CACjC,eACdjC,KAAA,CAAAoB,aAAA,CAACX,WAAW,qBACVT,KAAA,CAAAoB,aAAA,CAACZ,QAAQ,QACNQ,KAAK,CAACQ,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,IAAI;IAAA;IAChC;IACA;IACA3B,KAAA,CAAAoB,aAAA,CAACL,YAAY;MAAA,GAAKY;IAAI,EACvB,CAAC,CACO,CACC,CACT;;EAIX,MAAMR,SAAS,GAAGN,iBAAiB,CAACG,KAAK,CAAC;EAC1C,oBAAOhB,KAAA,CAAAoB,aAAA,CAAClB,QAAQ;IAAA,GAAKiB;EAAS,EAAI;AACpC,CAAC"}

package/lib/components/Menu/shimMenuProps.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,QAAQ,iBAAiB;AAItC,OAAO,MAAMC,aAAa,GAAIC,KAA2B,IAAwB;EAC/E,OAAO;IACLC,QAAQ,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,SAAS,CAAC;IAC7CC,aAAa,EAAEN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACG,QAAQ,IAAIH,CAAC,CAACI,OAAO;GAC9D;AACH,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAIT,KAA0B,IAAmB;EAC7E;EACA,MAAMU,IAAI,GAAGV,KAAK,CAACK,SAAS,gBAAGR,oBAACC,IAAI;IAAA,GAAKE,KAAK,CAACK;EAAS,EAAI,GAAGM,SAAS;EAExE,OAAO;IACL,GAAGX,KAAK;IACR,YAAY,EAAEA,KAAK,CAACY,SAAS;IAC7BC,QAAQ,EAAEb,KAAK,CAACc,IAAI;IACpBJ,IAAI;IACJK,gBAAgB,EAAEf,KAAK,CAACgB;GACR;AACpB,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAIjB,KAA0B,IAA2B;EAC7F,OAAO;IACL,GAAGS,iBAAiB,CAACT,KAAK,CAAC;IAC3BkB,IAAI,EAAElB,KAAK,CAACc,IAAI,IAAI,MAAM;IAC1BK,KAAK,EAAEnB,KAAK,CAACmB,KAAK,IAAI;GACvB;AACH,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAIpB,KAA0B,IAA0B;;EACtF,OAAO;IACLa,QAAQ,EAAE,WAAK,CAACQ,YAAY,0CAAEC;GAC/B;AACH,CAAC","names":["React","Icon","shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","shimMenuItemProps","icon","undefined","ariaLabel","children","text","secondaryContent","secondaryText","shimMenuItemCheckboxProps","name","value","shimMenuHeaderProps","sectionProps","title"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Menu/shimMenuProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IContextualMenuItem, IContextualMenuProps } from '@fluentui/react';\nimport type { MenuItemProps, MenuGroupHeaderProps, MenuItemCheckboxProps, MenuProps } from '@fluentui/react-menu';\n\nexport const shimMenuProps = (props: IContextualMenuProps): Partial<MenuProps> => {\n  return {\n    hasIcons: props?.items.some(i => i.iconProps),\n    hasCheckmarks: props?.items.some(i => i.canCheck || i.checked),\n  };\n};\n\nexport const shimMenuItemProps = (props: IContextualMenuItem): MenuItemProps => {\n  //TODO: Handle menuItem.onRenderIcon\n  const icon = props.iconProps ? <Icon {...props.iconProps} /> : undefined;\n\n  return {\n    ...props,\n    'aria-label': props.ariaLabel,\n    children: props.text,\n    icon,\n    secondaryContent: props.secondaryText,\n  } as MenuItemProps;\n};\n\nexport const shimMenuItemCheckboxProps = (props: IContextualMenuItem): MenuItemCheckboxProps => {\n  return {\n    ...shimMenuItemProps(props),\n    name: props.text || 'name',\n    value: props.value || 'value',\n  };\n};\n\nexport const shimMenuHeaderProps = (props: IContextualMenuItem): MenuGroupHeaderProps => {\n  return {\n    children: props.sectionProps?.title,\n  };\n};\n"]}
+{"version":3,"names":["React","Icon","shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","shimMenuItemProps","icon","createElement","undefined","ariaLabel","children","text","secondaryContent","secondaryText","shimMenuItemCheckboxProps","name","value","shimMenuHeaderProps","_a","sectionProps","title"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Menu/shimMenuProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IContextualMenuItem, IContextualMenuProps } from '@fluentui/react';\nimport type { MenuItemProps, MenuGroupHeaderProps, MenuItemCheckboxProps, MenuProps } from '@fluentui/react-menu';\n\nexport const shimMenuProps = (props: IContextualMenuProps): Partial<MenuProps> => {\n  return {\n    hasIcons: props?.items.some(i => i.iconProps),\n    hasCheckmarks: props?.items.some(i => i.canCheck || i.checked),\n  };\n};\n\nexport const shimMenuItemProps = (props: IContextualMenuItem): MenuItemProps => {\n  //TODO: Handle menuItem.onRenderIcon\n  const icon = props.iconProps ? <Icon {...props.iconProps} /> : undefined;\n\n  return {\n    ...props,\n    'aria-label': props.ariaLabel,\n    children: props.text,\n    icon,\n    secondaryContent: props.secondaryText,\n  } as MenuItemProps;\n};\n\nexport const shimMenuItemCheckboxProps = (props: IContextualMenuItem): MenuItemCheckboxProps => {\n  return {\n    ...shimMenuItemProps(props),\n    name: props.text || 'name',\n    value: props.value || 'value',\n  };\n};\n\nexport const shimMenuHeaderProps = (props: IContextualMenuItem): MenuGroupHeaderProps => {\n  return {\n    children: props.sectionProps?.title,\n  };\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,QAAQ,iBAAiB;AAItC,OAAO,MAAMC,aAAa,GAAIC,KAA2B,IAAwB;EAC/E,OAAO;IACLC,QAAQ,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,SAAS,CAAC;IAC7CC,aAAa,EAAEN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACG,QAAQ,IAAIH,CAAC,CAACI,OAAO;GAC9D;AACH,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAIT,KAA0B,IAAmB;EAC7E;EACA,MAAMU,IAAI,GAAGV,KAAK,CAACK,SAAS,gBAAGR,KAAA,CAAAc,aAAA,CAACb,IAAI;IAAA,GAAKE,KAAK,CAACK;EAAS,EAAI,GAAGO,SAAS;EAExE,OAAO;IACL,GAAGZ,KAAK;IACR,YAAY,EAAEA,KAAK,CAACa,SAAS;IAC7BC,QAAQ,EAAEd,KAAK,CAACe,IAAI;IACpBL,IAAI;IACJM,gBAAgB,EAAEhB,KAAK,CAACiB;GACR;AACpB,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAIlB,KAA0B,IAA2B;EAC7F,OAAO;IACL,GAAGS,iBAAiB,CAACT,KAAK,CAAC;IAC3BmB,IAAI,EAAEnB,KAAK,CAACe,IAAI,IAAI,MAAM;IAC1BK,KAAK,EAAEpB,KAAK,CAACoB,KAAK,IAAI;GACvB;AACH,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAIrB,KAA0B,IAA0B;;EACtF,OAAO;IACLc,QAAQ,EAAE,CAAAQ,EAAA,GAAAtB,KAAK,CAACuB,YAAY,cAAAD,EAAA,uBAAAA,EAAA,CAAEE;GAC/B;AACH,CAAC"}

package/lib/components/Stack/StackItemShim.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,mBAAqBC,YAAY,QAAQ,gBAAgB;AAEzD,MAAMC,mBAAmB,GAAG;EAC1BC,IAAI,EAAE;CACP;AAED,MAAMC,sBAAsB,gBAAG;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAW7B;AAEF,MAAMC,sBAAsB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAmB7B;AAEF,MAAMC,iBAAiB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAsBxB;AAEF,MAAMC,mBAAmB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAsB1B;AAEF,MAAMC,kBAAkB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAkCzB;AAEF,OAAO,MAAMC,aAAa,GAAIC,KAAsB,IAAI;EACtD,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC,YAAY;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAQ,CAAE,GAAGR,KAAK;EAE9F,MAAMS,MAAM,GAAGf,sBAAsB,EAAE;EACvC,MAAMgB,eAAe,GAAGf,sBAAsB,EAAE;EAChD,MAAMgB,gBAAgB,GAAGd,mBAAmB,EAAE;EAC9C,MAAMe,cAAc,GAA2BhB,iBAAiB,EAAE;EAClE,MAAMiB,eAAe,GAA2Bf,kBAAkB,EAAE;EAEpE,MAAMgB,eAAe,GAAG,CAACL,MAAM,CAAChB,IAAI,EAAEW,KAAK,IAAIM,eAAe,CAACN,KAAK,CAAC,EAAEC,YAAY,IAAII,MAAM,CAACJ,YAAY,CAAC;EAE3G,IAAIC,KAAK,EAAE;IACTQ,eAAe,CAACC,IAAI,CAACF,eAAe,CAACP,KAAK,CAAC,CAAC;;EAG9C,IAAIL,IAAI,EAAE;IACR,MAAMe,QAAQ,GAAGf,IAAI,KAAK,IAAI,GAAGW,cAAc,CAAC,CAAC,CAAC,GAAGA,cAAc,CAACX,IAAI,CAAC;IACzEa,eAAe,CAACC,IAAI,CAACC,QAAQ,CAAC;;EAGhC,IAAId,MAAM,IAAI,CAACC,aAAa,EAAE;IAC5BW,eAAe,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC;GAC1C,MAAM,IAAIR,aAAa,IAAK,CAACF,IAAI,IAAI,CAACC,MAAO,EAAE;IAC9CY,eAAe,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC;;EAG3C,IAAIR,aAAa,EAAE;IACjBW,eAAe,CAACC,IAAI,CAACN,MAAM,CAACN,aAAa,CAAC;;EAG5C,MAAMc,UAAU,GAAG1B,YAAY,CAACC,mBAAmB,CAACC,IAAI,EAAE,GAAGqB,eAAe,EAAEP,SAAS,CAAC;EAExF,oBAAOjB;IAAKiB,SAAS,EAAEU;EAAU,GAAGT,QAAQ,CAAO;AACrD,CAAC","names":["React","mergeClasses","stackItemClassNames","root","useStackItemShimStyles","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexShrinkStyles","useFlexOrderStyles","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Stack/StackItemShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IStackItemProps } from '@fluentui/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n\nconst stackItemClassNames = {\n  root: 'ms-StackItem',\n};\n\nconst useStackItemShimStyles = makeStyles({\n  root: {\n    height: 'auto',\n    width: 'auto',\n  },\n  disableShrink: {\n    flexShrink: 0,\n  },\n  verticalFill: {\n    height: '100%',\n  },\n});\n\nconst useFlexAlignSelfStyles = makeStyles({\n  auto: {\n    alignSelf: 'auto',\n  },\n  baseline: {\n    alignSelf: 'baseline',\n  },\n  center: {\n    alignSelf: 'center',\n  },\n  start: {\n    alignSelf: 'flex-start',\n  },\n  end: {\n    alignSelf: 'flex-end',\n  },\n  stretch: {\n    alignSelf: 'stretch',\n  },\n});\n\nconst useFlexGrowStyles = makeStyles({\n  inherit: {\n    flexGrow: 'inherit',\n  },\n  initial: {\n    flexGrow: 'initial',\n  },\n  revert: {\n    flexGrow: 'revert',\n  },\n  unset: {\n    flexGrow: 'unset',\n  },\n  '1': {\n    flexGrow: 1,\n  },\n  '2': {\n    flexGrow: 2,\n  },\n  '3': {\n    flexGrow: 3,\n  },\n});\n\nconst useFlexShrinkStyles = makeStyles({\n  inherit: {\n    flexShrink: 'inherit',\n  },\n  initial: {\n    flexShrink: 'initial',\n  },\n  revert: {\n    flexShrink: 'revert',\n  },\n  unset: {\n    flexShrink: 'unset',\n  },\n  0: {\n    flexShrink: 0,\n  },\n  1: {\n    flexShrink: 1,\n  },\n  2: {\n    flexShrink: 2,\n  },\n});\n\nconst useFlexOrderStyles = makeStyles({\n  inherit: {\n    order: 'inherit',\n  },\n  initial: {\n    order: 'initial',\n  },\n  unset: {\n    order: 'unset',\n  },\n  revert: {\n    order: 'revert',\n  },\n  '-3': {\n    order: -3,\n  },\n  '-2': {\n    order: -2,\n  },\n  '-1': {\n    order: -1,\n  },\n  '0': {\n    order: 0,\n  },\n  '1': {\n    order: 1,\n  },\n  '2': {\n    order: 2,\n  },\n  '3': {\n    order: 3,\n  },\n});\n\nexport const StackItemShim = (props: IStackItemProps) => {\n  const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n  const styles = useStackItemShimStyles();\n  const alignSelfStyles = useFlexAlignSelfStyles();\n  const shrinkFlexStyles = useFlexShrinkStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n  const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n  const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n  if (order) {\n    stackItemStyles.push(orderFlexStyles[order]);\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackItemStyles.push(flexGrow);\n  }\n\n  if (shrink && !disableShrink) {\n    stackItemStyles.push(shrinkFlexStyles[1]);\n  } else if (disableShrink || (!grow && !shrink)) {\n    stackItemStyles.push(shrinkFlexStyles[0]);\n  }\n\n  if (disableShrink) {\n    stackItemStyles.push(styles.disableShrink);\n  }\n\n  const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n  return <div className={rootStyles}>{children}</div>;\n};\n"]}
+{"version":3,"names":["React","__styles","mergeClasses","stackItemClassNames","root","useStackItemShimStyles","Bqenvij","a9b677","disableShrink","Bnnss6s","verticalFill","d","useFlexAlignSelfStyles","auto","qb2dma","baseline","center","start","end","stretch","useFlexGrowStyles","Bh6795r","inherit","initial","revert","unset","useFlexShrinkStyles","useFlexOrderStyles","Bxn5svx","StackItemShim","props","grow","shrink","align","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles","createElement"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Stack/StackItemShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { IStackItemProps } from '@fluentui/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n\nconst stackItemClassNames = {\n  root: 'ms-StackItem',\n};\n\nconst useStackItemShimStyles = makeStyles({\n  root: {\n    height: 'auto',\n    width: 'auto',\n  },\n  disableShrink: {\n    flexShrink: 0,\n  },\n  verticalFill: {\n    height: '100%',\n  },\n});\n\nconst useFlexAlignSelfStyles = makeStyles({\n  auto: {\n    alignSelf: 'auto',\n  },\n  baseline: {\n    alignSelf: 'baseline',\n  },\n  center: {\n    alignSelf: 'center',\n  },\n  start: {\n    alignSelf: 'flex-start',\n  },\n  end: {\n    alignSelf: 'flex-end',\n  },\n  stretch: {\n    alignSelf: 'stretch',\n  },\n});\n\nconst useFlexGrowStyles = makeStyles({\n  inherit: {\n    flexGrow: 'inherit',\n  },\n  initial: {\n    flexGrow: 'initial',\n  },\n  revert: {\n    flexGrow: 'revert',\n  },\n  unset: {\n    flexGrow: 'unset',\n  },\n  '1': {\n    flexGrow: 1,\n  },\n  '2': {\n    flexGrow: 2,\n  },\n  '3': {\n    flexGrow: 3,\n  },\n});\n\nconst useFlexShrinkStyles = makeStyles({\n  inherit: {\n    flexShrink: 'inherit',\n  },\n  initial: {\n    flexShrink: 'initial',\n  },\n  revert: {\n    flexShrink: 'revert',\n  },\n  unset: {\n    flexShrink: 'unset',\n  },\n  0: {\n    flexShrink: 0,\n  },\n  1: {\n    flexShrink: 1,\n  },\n  2: {\n    flexShrink: 2,\n  },\n});\n\nconst useFlexOrderStyles = makeStyles({\n  inherit: {\n    order: 'inherit',\n  },\n  initial: {\n    order: 'initial',\n  },\n  unset: {\n    order: 'unset',\n  },\n  revert: {\n    order: 'revert',\n  },\n  '-3': {\n    order: -3,\n  },\n  '-2': {\n    order: -2,\n  },\n  '-1': {\n    order: -1,\n  },\n  '0': {\n    order: 0,\n  },\n  '1': {\n    order: 1,\n  },\n  '2': {\n    order: 2,\n  },\n  '3': {\n    order: 3,\n  },\n});\n\nexport const StackItemShim = (props: IStackItemProps) => {\n  const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n  const styles = useStackItemShimStyles();\n  const alignSelfStyles = useFlexAlignSelfStyles();\n  const shrinkFlexStyles = useFlexShrinkStyles();\n  const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n  const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n  const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n  if (order) {\n    stackItemStyles.push(orderFlexStyles[order]);\n  }\n\n  if (grow) {\n    const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n    stackItemStyles.push(flexGrow);\n  }\n\n  if (shrink && !disableShrink) {\n    stackItemStyles.push(shrinkFlexStyles[1]);\n  } else if (disableShrink || (!grow && !shrink)) {\n    stackItemStyles.push(shrinkFlexStyles[0]);\n  }\n\n  if (disableShrink) {\n    stackItemStyles.push(styles.disableShrink);\n  }\n\n  const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n  return <div className={rootStyles}>{children}</div>;\n};\n"],"mappings":"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"}

package/lib/components/Stack/StackShim.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["React","classNamesFunction","mergeClasses","getChildrenGapStyles","stackClassNames","root","inner","getClassNames","useStackStyles","useFlexGrowStyles","useFlexAlignItemsStyles","useFlexJustifyContentStyles","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","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Stack/StackShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\n\nconst stackClassNames = {\n  root: 'ms-Stack',\n  inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\n\nconst useStackStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    flexWrap: 'nowrap',\n    width: 'auto',\n    height: 'auto',\n    boxSizing: 'border-box',\n    '> *': {\n      textOverflow: 'ellipsis',\n    },\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    '> *:not(.ms-StackItem)': {\n      flexShrink: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: 'row',\n  },\n  verticalFill: {\n    height: '100%',\n  },\n  reversedVertical: {\n    flexDirection: 'column-reverse',\n  },\n  reversedHorizontal: {\n    flexDirection: 'row-reverse',\n  },\n  disableShrink: {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    '> *:not(.ms-StackItem)': {\n      flexShrink: 0,\n    },\n  },\n  wrap: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    height: '100%',\n  },\n  inner: {\n    display: 'flex',\n    flexDirection: 'column',\n    flexWrap: 'wrap',\n    boxSizing: 'border-box',\n    maxWidth: '100vw',\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    '> *:not(.ms-StackItem)': {\n      flexShrink: 1,\n    },\n  },\n  innerWidth: {\n    width: '100%',\n  },\n});\n\nconst useFlexGrowStyles = makeStyles({\n  inherit: {\n    flexGrow: 'inherit',\n  },\n  initial: {\n    flexGrow: 'initial',\n  },\n  revert: {\n    flexGrow: 'revert',\n  },\n  unset: {\n    flexGrow: 'unset',\n  },\n  '1': {\n    flexGrow: 1,\n  },\n  '2': {\n    flexGrow: 2,\n  },\n  '3': {\n    flexGrow: 3,\n  },\n});\n\nconst useFlexAlignItemsStyles = makeStyles({\n  baseline: {\n    alignItems: 'baseline',\n  },\n  center: {\n    alignItems: 'center',\n  },\n  start: {\n    alignItems: 'flex-start',\n  },\n  end: {\n    alignItems: 'flex-end',\n  },\n  stretch: {\n    alignItems: 'stretch',\n  },\n  'space-between': {\n    alignItems: 'space-between',\n  },\n\n  'space-around': {\n    alignItems: 'space-around',\n  },\n  'space-evenly': {\n    alignItems: 'space-evenly',\n  },\n});\n\nconst useFlexJustifyContentStyles = makeStyles({\n  baseline: {\n    justifyContent: 'baseline',\n  },\n  center: {\n    justifyContent: 'center',\n  },\n  start: {\n    justifyContent: 'flex-start',\n  },\n  end: {\n    justifyContent: 'flex-end',\n  },\n  stretch: {\n    justifyContent: 'stretch',\n  },\n  'space-between': {\n    justifyContent: 'space-between',\n  },\n\n  'space-around': {\n    justifyContent: 'space-around',\n  },\n  'space-evenly': {\n    justifyContent: 'space-evenly',\n  },\n});\n\nexport const StackShim = (props: IStackProps) => {\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(\n    stackChildren as React.ReactElement[],\n    (child: React.ReactElement<IStackItemProps>) => {\n      if (!child) {\n        return null;\n      }\n\n      if (child.type && ((child as React.ReactElement).type as React.ComponentType).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\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"]}
+{"version":3,"names":["React","classNamesFunction","__styles","mergeClasses","getChildrenGapStyles","stackClassNames","root","inner","getClassNames","useStackStyles","mc9l5x","Beiy3e4","Eh141a","a9b677","Bqenvij","B7ck84d","Bj0s3o2","alpwn5","horizontal","verticalFill","reversedVertical","reversedHorizontal","disableShrink","wrap","B2u0y6b","innerWidth","d","useFlexGrowStyles","Bh6795r","inherit","initial","revert","unset","useFlexAlignItemsStyles","baseline","Bt984gj","center","start","end","stretch","useFlexJustifyContentStyles","Brf1p80","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","reversed","grow","horizontalAlign","verticalAlign","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","flexGrow","rootClass","innerClass","createElement","style"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Stack/StackShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\n\nconst stackClassNames = {\n  root: 'ms-Stack',\n  inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\n\nconst useStackStyles = makeStyles({\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    flexWrap: 'nowrap',\n    width: 'auto',\n    height: 'auto',\n    boxSizing: 'border-box',\n    '> *': {\n      textOverflow: 'ellipsis',\n    },\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    '> *:not(.ms-StackItem)': {\n      flexShrink: 1,\n    },\n  },\n  horizontal: {\n    flexDirection: 'row',\n  },\n  verticalFill: {\n    height: '100%',\n  },\n  reversedVertical: {\n    flexDirection: 'column-reverse',\n  },\n  reversedHorizontal: {\n    flexDirection: 'row-reverse',\n  },\n  disableShrink: {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    '> *:not(.ms-StackItem)': {\n      flexShrink: 0,\n    },\n  },\n  wrap: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    height: '100%',\n  },\n  inner: {\n    display: 'flex',\n    flexDirection: 'column',\n    flexWrap: 'wrap',\n    boxSizing: 'border-box',\n    maxWidth: '100vw',\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    '> *:not(.ms-StackItem)': {\n      flexShrink: 1,\n    },\n  },\n  innerWidth: {\n    width: '100%',\n  },\n});\n\nconst useFlexGrowStyles = makeStyles({\n  inherit: {\n    flexGrow: 'inherit',\n  },\n  initial: {\n    flexGrow: 'initial',\n  },\n  revert: {\n    flexGrow: 'revert',\n  },\n  unset: {\n    flexGrow: 'unset',\n  },\n  '1': {\n    flexGrow: 1,\n  },\n  '2': {\n    flexGrow: 2,\n  },\n  '3': {\n    flexGrow: 3,\n  },\n});\n\nconst useFlexAlignItemsStyles = makeStyles({\n  baseline: {\n    alignItems: 'baseline',\n  },\n  center: {\n    alignItems: 'center',\n  },\n  start: {\n    alignItems: 'flex-start',\n  },\n  end: {\n    alignItems: 'flex-end',\n  },\n  stretch: {\n    alignItems: 'stretch',\n  },\n  'space-between': {\n    alignItems: 'space-between',\n  },\n\n  'space-around': {\n    alignItems: 'space-around',\n  },\n  'space-evenly': {\n    alignItems: 'space-evenly',\n  },\n});\n\nconst useFlexJustifyContentStyles = makeStyles({\n  baseline: {\n    justifyContent: 'baseline',\n  },\n  center: {\n    justifyContent: 'center',\n  },\n  start: {\n    justifyContent: 'flex-start',\n  },\n  end: {\n    justifyContent: 'flex-end',\n  },\n  stretch: {\n    justifyContent: 'stretch',\n  },\n  'space-between': {\n    justifyContent: 'space-between',\n  },\n\n  'space-around': {\n    justifyContent: 'space-around',\n  },\n  'space-evenly': {\n    justifyContent: 'space-evenly',\n  },\n});\n\nexport const StackShim = (props: IStackProps) => {\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(\n    stackChildren as React.ReactElement[],\n    (child: React.ReactElement<IStackItemProps>) => {\n      if (!child) {\n        return null;\n      }\n\n      if (child.type && ((child as React.ReactElement).type as React.ComponentType).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\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"],"mappings":"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"}

package/lib/components/Stack/stackUtils.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,SAASA,QAAQ,QAAmD,iBAAiB;AAErF;AACA,MAAMC,gBAAgB,GAAG,CAACC,KAAa,EAAEC,KAAa,KAAY;EAChE,IAAIA,KAAK,CAACC,OAAO,CAACC,cAAc,CAACH,KAAK,CAAC,EAAE;IACvC,OAAOC,KAAK,CAACC,OAAO,CAACF,KAAmC,CAAC;;EAE3D,OAAOA,KAAK;AACd,CAAC;AAED;AACA,MAAMI,eAAe,GAAIC,GAAW,IAAqC;EACvE,MAAMC,aAAa,GAAGC,UAAU,CAACF,GAAG,CAAC;EACrC,MAAMG,cAAc,GAAGC,KAAK,CAACH,aAAa,CAAC,GAAG,CAAC,GAAGA,aAAa;EAC/D,MAAMI,eAAe,GAAGD,KAAK,CAACH,aAAa,CAAC,GAAG,EAAE,GAAGA,aAAa,CAACK,QAAQ,EAAE;EAE5E,MAAMC,QAAQ,GAAGP,GAAG,CAACQ,SAAS,CAACH,eAAe,CAACC,QAAQ,EAAE,CAACG,MAAM,CAAC;EAEjE,OAAO;IACLC,KAAK,EAAEP,cAAc;IACrBQ,IAAI,EAAEJ,QAAQ,IAAI;GACnB;AACH,CAAC;AAED;;;;;;AAMA,OAAO,MAAMK,QAAQ,GAAG,CACtBZ,GAAuB,EACvBJ,KAAa,KAC8E;EAC3F,IAAII,GAAG,KAAKa,SAAS,IAAIb,GAAG,KAAK,EAAE,EAAE;IACnC,OAAO;MACLc,MAAM,EAAE;QACNJ,KAAK,EAAE,CAAC;QACRC,IAAI,EAAE;OACP;MACDI,SAAS,EAAE;QACTL,KAAK,EAAE,CAAC;QACRC,IAAI,EAAE;;KAET;;EAGH,IAAI,OAAOX,GAAG,KAAK,QAAQ,EAAE;IAC3B,OAAO;MACLc,MAAM,EAAE;QACNJ,KAAK,EAAEV,GAAG;QACVW,IAAI,EAAE;OACP;MACDI,SAAS,EAAE;QACTL,KAAK,EAAEV,GAAG;QACVW,IAAI,EAAE;;KAET;;EAGH,MAAMK,QAAQ,GAAGhB,GAAG,CAACiB,KAAK,CAAC,GAAG,CAAC;EAE/B;EACA,IAAID,QAAQ,CAACP,MAAM,GAAG,CAAC,EAAE;IACvB,OAAO;MACLK,MAAM,EAAE;QACNJ,KAAK,EAAE,CAAC;QACRC,IAAI,EAAE;OACP;MACDI,SAAS,EAAE;QACTL,KAAK,EAAE,CAAC;QACRC,IAAI,EAAE;;KAET;;EAGH;EACA,IAAIK,QAAQ,CAACP,MAAM,KAAK,CAAC,EAAE;IACzB,OAAO;MACLK,MAAM,EAAEf,eAAe,CAACL,gBAAgB,CAACsB,QAAQ,CAAC,CAAC,CAAC,EAAEpB,KAAK,CAAC,CAAC;MAC7DmB,SAAS,EAAEhB,eAAe,CAACL,gBAAgB,CAACsB,QAAQ,CAAC,CAAC,CAAC,EAAEpB,KAAK,CAAC;KAChE;;EAGH;EACA,MAAMsB,aAAa,GAAGnB,eAAe,CAACL,gBAAgB,CAACM,GAAG,EAAEJ,KAAK,CAAC,CAAC;EAEnE,OAAO;IACLkB,MAAM,EAAEI,aAAa;IACrBH,SAAS,EAAEG;GACZ;AACH,CAAC;AAED;;;;;;AAMA,OAAO,MAAMC,YAAY,GAAG,CAACC,OAAoC,EAAExB,KAAa,KAAiC;EAC/G,IAAIwB,OAAO,KAAKP,SAAS,IAAI,OAAOO,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,EAAE,EAAE;IAC1E,OAAOA,OAAO;;EAGhB,MAAMC,aAAa,GAAGD,OAAO,CAACH,KAAK,CAAC,GAAG,CAAC;EACxC,IAAII,aAAa,CAACZ,MAAM,GAAG,CAAC,EAAE;IAC5B,OAAOf,gBAAgB,CAAC0B,OAAO,EAAExB,KAAK,CAAC;;EAGzC,OAAOyB,aAAa,CAACC,MAAM,CAAC,CAACC,QAAgB,EAAEC,QAAgB,KAAI;IACjE,OAAO9B,gBAAgB,CAAC6B,QAAQ,EAAE3B,KAAK,CAAC,GAAG,GAAG,GAAGF,gBAAgB,CAAC8B,QAAQ,EAAE5B,KAAK,CAAC;EACpF,CAAC,CAAC;AACJ,CAAC;AAMD;;;;AAIA,OAAO,MAAM6B,oBAAoB,GAAIC,KAAkB,IAAqB;EAC1E,MAAM9B,KAAK,GAAGH,QAAQ,EAAE;EAExB,MAAM;IAAEkC,UAAU;IAAEC;EAAQ,CAAE,GAAGF,KAAK;EACtC,MAAMG,MAAM,GAAiB;IAAE,GAAGH,KAAK,CAACG;EAAM,CAAE;EAEhD,MAAM;IAAEf,MAAM;IAAEC;EAAS,CAAE,GAAGH,QAAQ,CAACiB,MAAM,CAACC,WAAW,EAAElC,KAAK,CAAC;EACjE,MAAMmC,gBAAgB,GAAG,GAAG,CAAC,GAAG,GAAGhB,SAAS,CAACL,KAAK,GAAGK,SAAS,CAACJ,IAAI,EAAE;EACrE,MAAMqB,cAAc,GAAG,GAAG,CAAC,GAAG,GAAGlB,MAAM,CAACJ,KAAK,GAAGI,MAAM,CAACH,IAAI,EAAE;EAE7D,OAAO;IACLsB,IAAI,EAAE,CACJL,QAAQ,IACND,UAAU,IAAI;MACZ,sBAAsB,EAAE;QACtBO,UAAU,EAAE,GAAGnB,SAAS,CAACL,KAAK,GAAGK,SAAS,CAACJ,IAAI;;KAElD,EACHiB,QAAQ,IACN,CAACD,UAAU,IAAI;MACb,sBAAsB,EAAE;QACtBQ,SAAS,EAAE,GAAGrB,MAAM,CAACJ,KAAK,GAAGI,MAAM,CAACH,IAAI;;KAE3C,EACH,CAACiB,QAAQ,IACPD,UAAU,IAAI;MACZ,uBAAuB,EAAE;QACvBO,UAAU,EAAE,GAAGnB,SAAS,CAACL,KAAK,GAAGK,SAAS,CAACJ,IAAI;;KAElD,EACH,CAACiB,QAAQ,IACP,CAACD,UAAU,IAAI;MACb,uBAAuB,EAAE;QACvBQ,SAAS,EAAE,GAAGrB,MAAM,CAACJ,KAAK,GAAGI,MAAM,CAACH,IAAI;;KAE3C,CACJ;IACDyB,KAAK,EAAE,CACL;MACEF,UAAU,EAAEH,gBAAgB;MAC5BM,WAAW,EAAEN,gBAAgB;MAC7BI,SAAS,EAAEH,cAAc;MACzBM,YAAY,EAAEN,cAAc;MAC5BO,KAAK,EAAExB,SAAS,CAACL,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,eAAeK,SAAS,CAACL,KAAK,GAAGK,SAAS,CAACJ,IAAI,GAAG;MAC1F,KAAK,EAAE;QACL6B,MAAM,EAAE,GAAG,GAAG,GAAG1B,MAAM,CAACJ,KAAK,GAAGI,MAAM,CAACH,IAAI,IAAI,GAAG,GAAGI,SAAS,CAACL,KAAK,GAAGK,SAAS,CAACJ,IAAI;;KAExF,EACDgB,UAAU,IAAI;MACZc,MAAM,EAAE3B,MAAM,CAACJ,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,eAAeI,MAAM,CAACJ,KAAK,GAAGI,MAAM,CAACH,IAAI,GAAG;MAClF,KAAK,EAAE;QACL+B,QAAQ,EAAE3B,SAAS,CAACL,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,eAAeK,SAAS,CAACL,KAAK,GAAGK,SAAS,CAACJ,IAAI;;KAE7F,EACD,CAACgB,UAAU,IAAI;MACbc,MAAM,EAAE,eAAe3B,MAAM,CAACJ,KAAK,GAAGI,MAAM,CAACH,IAAI,GAAG;MACpD,KAAK,EAAE;QACLgC,SAAS,EAAE7B,MAAM,CAACJ,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,eAAeI,MAAM,CAACJ,KAAK,GAAGI,MAAM,CAACH,IAAI;;KAErF;GAEJ;AACH,CAAC","names":["getTheme","getThemedSpacing","space","theme","spacing","hasOwnProperty","getValueUnitGap","gap","numericalPart","parseFloat","numericalValue","isNaN","numericalString","toString","unitPart","substring","length","value","unit","parseGap","undefined","rowGap","columnGap","splitGap","split","calculatedGap","parsePadding","padding","paddingValues","reduce","padding1","padding2","getChildrenGapStyles","props","horizontal","reversed","tokens","childrenGap","horizontalMargin","verticalMargin","root","marginLeft","marginTop","inner","marginRight","marginBottom","width","margin","height","maxWidth","maxHeight"],"sourceRoot":"../src/","sources":["packages/react-components/react-migration-v8-v9/src/components/Stack/stackUtils.ts"],"sourcesContent":["import { getTheme, IStackProps, IStackTokens, IStyle, ITheme } from '@fluentui/react';\n\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space: string, theme: ITheme): string => {\n  if (theme.spacing.hasOwnProperty(space)) {\n    return theme.spacing[space as keyof typeof theme.spacing];\n  }\n  return space;\n};\n\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = (gap: string): { value: number; unit: string } => {\n  const numericalPart = parseFloat(gap);\n  const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n  const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n\n  const unitPart = gap.substring(numericalString.toString().length);\n\n  return {\n    value: numericalValue,\n    unit: unitPart || 'px',\n  };\n};\n\n/**\n * Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n *  or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n *  and the CSS unit (e.g. \"px\").\n */\nexport const parseGap = (\n  gap: IStackProps['gap'],\n  theme: ITheme,\n): { rowGap: { value: number; unit: string }; columnGap: { value: number; unit: string } } => {\n  if (gap === undefined || gap === '') {\n    return {\n      rowGap: {\n        value: 0,\n        unit: 'px',\n      },\n      columnGap: {\n        value: 0,\n        unit: 'px',\n      },\n    };\n  }\n\n  if (typeof gap === 'number') {\n    return {\n      rowGap: {\n        value: gap,\n        unit: 'px',\n      },\n      columnGap: {\n        value: gap,\n        unit: 'px',\n      },\n    };\n  }\n\n  const splitGap = gap.split(' ');\n\n  // If the array has more than two values, then return 0px.\n  if (splitGap.length > 2) {\n    return {\n      rowGap: {\n        value: 0,\n        unit: 'px',\n      },\n      columnGap: {\n        value: 0,\n        unit: 'px',\n      },\n    };\n  }\n\n  // If the array has two values, then parse each one.\n  if (splitGap.length === 2) {\n    return {\n      rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n      columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme)),\n    };\n  }\n\n  // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n  const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n\n  return {\n    rowGap: calculatedGap,\n    columnGap: calculatedGap,\n  };\n};\n\n/**\n * Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n *  where the separate padding values can also be the key of a themed spacing value\n *  (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n */\nexport const parsePadding = (padding: number | string | undefined, theme: ITheme): number | string | undefined => {\n  if (padding === undefined || typeof padding === 'number' || padding === '') {\n    return padding;\n  }\n\n  const paddingValues = padding.split(' ');\n  if (paddingValues.length < 2) {\n    return getThemedSpacing(padding, theme);\n  }\n\n  return paddingValues.reduce((padding1: string, padding2: string) => {\n    return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n  });\n};\n\nexport interface StackShimStyles {\n  root?: IStyle;\n  inner?: IStyle;\n}\n/**\n *\n * getStyles function for Stack.tokens.childrenGap prop styling\n */\nexport const getChildrenGapStyles = (props: IStackProps): StackShimStyles => {\n  const theme = getTheme();\n\n  const { horizontal, reversed } = props;\n  const tokens: IStackTokens = { ...props.tokens };\n\n  const { rowGap, columnGap } = parseGap(tokens.childrenGap, theme);\n  const horizontalMargin = `${-0.5 * columnGap.value}${columnGap.unit}`;\n  const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n\n  return {\n    root: [\n      reversed &&\n        horizontal && {\n          '> *:not(:last-child)': {\n            marginLeft: `${columnGap.value}${columnGap.unit}`,\n          },\n        },\n      reversed &&\n        !horizontal && {\n          '> *:not(:last-child)': {\n            marginTop: `${rowGap.value}${rowGap.unit}`,\n          },\n        },\n      !reversed &&\n        horizontal && {\n          '> *:not(:first-child)': {\n            marginLeft: `${columnGap.value}${columnGap.unit}`,\n          },\n        },\n      !reversed &&\n        !horizontal && {\n          '> *:not(:first-child)': {\n            marginTop: `${rowGap.value}${rowGap.unit}`,\n          },\n        },\n    ],\n    inner: [\n      {\n        marginLeft: horizontalMargin,\n        marginRight: horizontalMargin,\n        marginTop: verticalMargin,\n        marginBottom: verticalMargin,\n        width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n        '> *': {\n          margin: `${0.5 * rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`,\n        },\n      },\n      horizontal && {\n        height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n        '> *': {\n          maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`,\n        },\n      },\n      !horizontal && {\n        height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n        '> *': {\n          maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`,\n        },\n      },\n    ],\n  };\n};\n"]}
+{"version":3,"names":["getTheme","getThemedSpacing","space","theme","spacing","hasOwnProperty","getValueUnitGap","gap","numericalPart","parseFloat","numericalValue","isNaN","numericalString","toString","unitPart","substring","length","value","unit","parseGap","undefined","rowGap","columnGap","splitGap","split","calculatedGap","parsePadding","padding","paddingValues","reduce","padding1","padding2","getChildrenGapStyles","props","horizontal","reversed","tokens","childrenGap","horizontalMargin","verticalMargin","root","marginLeft","marginTop","inner","marginRight","marginBottom","width","margin","height","maxWidth","maxHeight"],"sources":["../src/packages/react-components/react-migration-v8-v9/src/components/Stack/stackUtils.ts"],"sourcesContent":["import { getTheme, IStackProps, IStackTokens, IStyle, ITheme } from '@fluentui/react';\n\n// Helper function that converts a themed spacing key (if given) to the corresponding themed spacing value.\nconst getThemedSpacing = (space: string, theme: ITheme): string => {\n  if (theme.spacing.hasOwnProperty(space)) {\n    return theme.spacing[space as keyof typeof theme.spacing];\n  }\n  return space;\n};\n\n// Helper function that takes a gap as a string and converts it into a { value, unit } representation.\nconst getValueUnitGap = (gap: string): { value: number; unit: string } => {\n  const numericalPart = parseFloat(gap);\n  const numericalValue = isNaN(numericalPart) ? 0 : numericalPart;\n  const numericalString = isNaN(numericalPart) ? '' : numericalPart.toString();\n\n  const unitPart = gap.substring(numericalString.toString().length);\n\n  return {\n    value: numericalValue,\n    unit: unitPart || 'px',\n  };\n};\n\n/**\n * Takes in a gap size in either a CSS-style format (e.g. 10 or \"10px\")\n *  or a key of a themed spacing value (e.g. \"s1\").\n * Returns the separate numerical value of the padding (e.g. 10)\n *  and the CSS unit (e.g. \"px\").\n */\nexport const parseGap = (\n  gap: IStackProps['gap'],\n  theme: ITheme,\n): { rowGap: { value: number; unit: string }; columnGap: { value: number; unit: string } } => {\n  if (gap === undefined || gap === '') {\n    return {\n      rowGap: {\n        value: 0,\n        unit: 'px',\n      },\n      columnGap: {\n        value: 0,\n        unit: 'px',\n      },\n    };\n  }\n\n  if (typeof gap === 'number') {\n    return {\n      rowGap: {\n        value: gap,\n        unit: 'px',\n      },\n      columnGap: {\n        value: gap,\n        unit: 'px',\n      },\n    };\n  }\n\n  const splitGap = gap.split(' ');\n\n  // If the array has more than two values, then return 0px.\n  if (splitGap.length > 2) {\n    return {\n      rowGap: {\n        value: 0,\n        unit: 'px',\n      },\n      columnGap: {\n        value: 0,\n        unit: 'px',\n      },\n    };\n  }\n\n  // If the array has two values, then parse each one.\n  if (splitGap.length === 2) {\n    return {\n      rowGap: getValueUnitGap(getThemedSpacing(splitGap[0], theme)),\n      columnGap: getValueUnitGap(getThemedSpacing(splitGap[1], theme)),\n    };\n  }\n\n  // Else, parse the numerical value and pass it as both the vertical and horizontal gap.\n  const calculatedGap = getValueUnitGap(getThemedSpacing(gap, theme));\n\n  return {\n    rowGap: calculatedGap,\n    columnGap: calculatedGap,\n  };\n};\n\n/**\n * Takes in a padding in a CSS-style format (e.g. 10, \"10px\", \"10px 10px\", etc.)\n *  where the separate padding values can also be the key of a themed spacing value\n *  (e.g. \"s1 m\", \"10px l1 20px l2\", etc.).\n * Returns a CSS-style padding.\n */\nexport const parsePadding = (padding: number | string | undefined, theme: ITheme): number | string | undefined => {\n  if (padding === undefined || typeof padding === 'number' || padding === '') {\n    return padding;\n  }\n\n  const paddingValues = padding.split(' ');\n  if (paddingValues.length < 2) {\n    return getThemedSpacing(padding, theme);\n  }\n\n  return paddingValues.reduce((padding1: string, padding2: string) => {\n    return getThemedSpacing(padding1, theme) + ' ' + getThemedSpacing(padding2, theme);\n  });\n};\n\nexport interface StackShimStyles {\n  root?: IStyle;\n  inner?: IStyle;\n}\n/**\n *\n * getStyles function for Stack.tokens.childrenGap prop styling\n */\nexport const getChildrenGapStyles = (props: IStackProps): StackShimStyles => {\n  const theme = getTheme();\n\n  const { horizontal, reversed } = props;\n  const tokens: IStackTokens = { ...props.tokens };\n\n  const { rowGap, columnGap } = parseGap(tokens.childrenGap, theme);\n  const horizontalMargin = `${-0.5 * columnGap.value}${columnGap.unit}`;\n  const verticalMargin = `${-0.5 * rowGap.value}${rowGap.unit}`;\n\n  return {\n    root: [\n      reversed &&\n        horizontal && {\n          '> *:not(:last-child)': {\n            marginLeft: `${columnGap.value}${columnGap.unit}`,\n          },\n        },\n      reversed &&\n        !horizontal && {\n          '> *:not(:last-child)': {\n            marginTop: `${rowGap.value}${rowGap.unit}`,\n          },\n        },\n      !reversed &&\n        horizontal && {\n          '> *:not(:first-child)': {\n            marginLeft: `${columnGap.value}${columnGap.unit}`,\n          },\n        },\n      !reversed &&\n        !horizontal && {\n          '> *:not(:first-child)': {\n            marginTop: `${rowGap.value}${rowGap.unit}`,\n          },\n        },\n    ],\n    inner: [\n      {\n        marginLeft: horizontalMargin,\n        marginRight: horizontalMargin,\n        marginTop: verticalMargin,\n        marginBottom: verticalMargin,\n        width: columnGap.value === 0 ? '100%' : `calc(100% + ${columnGap.value}${columnGap.unit})`,\n        '> *': {\n          margin: `${0.5 * rowGap.value}${rowGap.unit} ${0.5 * columnGap.value}${columnGap.unit}`,\n        },\n      },\n      horizontal && {\n        height: rowGap.value === 0 ? '100%' : `calc(100% + ${rowGap.value}${rowGap.unit})`,\n        '> *': {\n          maxWidth: columnGap.value === 0 ? '100%' : `calc(100% - ${columnGap.value}${columnGap.unit})`,\n        },\n      },\n      !horizontal && {\n        height: `calc(100% + ${rowGap.value}${rowGap.unit})`,\n        '> *': {\n          maxHeight: rowGap.value === 0 ? '100%' : `calc(100% - ${rowGap.value}${rowGap.unit})`,\n        },\n      },\n    ],\n  };\n};\n"],"mappings":"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"}