@fluentui/react-migration-v8-v9 1.0.15 → 1.0.16

package/CHANGELOG.json

@@ -2,7 +2,37 @@
   "name": "@fluentui/react-migration-v8-v9",
   "entries": [
     {
-      "date": "Thu, 24 Nov 2022 07:52:51 GMT",
+      "date": "Wed, 30 Nov 2022 07:45:36 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v1.0.16",
+      "version": "1.0.16",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react to v8.103.3",
+            "commit": "60b2e7d6d6ccc51d1aa8e4216613106a9b4dd0e1"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 29 Nov 2022 07:51:06 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v1.0.15",
+      "version": "1.0.15",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "0da8d7556d18b42a7c702c513e702ba3723d64d3",
+            "comment": "feat(scripts): enable ts processing via ts solution config for non v9 packages"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 24 Nov 2022 07:53:48 GMT",
       "tag": "@fluentui/react-migration-v8-v9_v1.0.15",
       "version": "1.0.15",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,21 @@
 # Change Log - @fluentui/react-migration-v8-v9
 
-This log was last generated on Thu, 24 Nov 2022 07:52:51 GMT and should not be manually modified.
+This log was last generated on Wed, 30 Nov 2022 07:45:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.16)
+
+Wed, 30 Nov 2022 07:45:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.15..@fluentui/react-migration-v8-v9_v1.0.16)
+
+### Patches
+
+- Bump @fluentui/react to v8.103.3 ([PR #25836](https://github.com/microsoft/fluentui/pull/25836) by beachball)
+
 ## [1.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.15)
 
-Thu, 24 Nov 2022 07:52:51 GMT 
+Thu, 24 Nov 2022 07:53:48 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.14..@fluentui/react-migration-v8-v9_v1.0.15)
 
 ### Patches

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Button/ActionButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA,SAAS,MAAT,QAAuB,4BAAvB;AAEA,SAAS,eAAT,QAAgC,mBAAhC;AAEA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,gBAEzB,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE;EAFC,CAArB;EAKA,MAAM,SAAS,GAAG,eAAe,CAAC,YAAD,CAAjC;EAEA,oBAAO,KAAA,CAAA,aAAA,CAAC,MAAD,EAAO,EAAA,GAAM,KAAN;IAAsD,GAAM,SAA5D;IAAuE,UAAU,EAAC;EAAlF,CAAP,CAAP;AACD,CATG,CAFG","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/ActionButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA,SAAS,MAAT,QAAuB,4BAAvB;AAEA,SAAS,eAAT,QAAgC,mBAAhC;AAEA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,gBAEzB,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE;EAFC,CAArB;EAKA,MAAM,SAAS,GAAG,eAAe,CAAC,YAAD,CAAjC;EAEA,oBAAO,KAAA,CAAA,aAAA,CAAC,MAAD,EAAO,EAAA,GAAM,KAAN;IAAsD,GAAM,SAA5D;IAAuE,UAAU,EAAC;EAAlF,CAAP,CAAP;AACD,CATG,CAFG","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Button/ButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA,SAAS,MAAT,QAAuB,4BAAvB;AAEA,SAAS,eAAT,QAAgC,mBAAhC;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,kBAAT,QAAmC,sBAAnC;AAEA,OAAO,MAAM,UAAU,gBAEnB,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,SAAS,GAAG,eAAe,CAAC,KAAD,CAAjC;;EAEA,IAAI,KAAK,CAAC,MAAV,EAAkB;IAChB,oBAAO,KAAA,CAAA,aAAA,CAAC,gBAAD,EAAiB,EAAA,GAAK;IAAL,CAAjB,EAA8B,KAAK,CAAC,QAApC,CAAP;EACD;;EACD,IAAI,KAAK,CAAC,aAAN,KAAuB,CAAA,EAAA,GAAA,KAAK,CAAC,mBAAN,MAAyB,IAAzB,IAAyB,EAAA,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAA,IAAA,CAAzB,KAAyB,EAAG,KAAH,CAAhD,CAAJ,EAA+D;IAC7D,oBAAO,KAAA,CAAA,aAAA,CAAC,kBAAD,EAAmB,EAAA,GAAK;IAAL,CAAnB,CAAP;EACD;;EAED,oBAAO,KAAA,CAAA,aAAA,CAAC,MAAD,EAAO,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAP,CAAP;AACD,CAXG,CAFG","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/ButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA,SAAS,MAAT,QAAuB,4BAAvB;AAEA,SAAS,eAAT,QAAgC,mBAAhC;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AACA,SAAS,kBAAT,QAAmC,sBAAnC;AAEA,OAAO,MAAM,UAAU,gBAEnB,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,SAAS,GAAG,eAAe,CAAC,KAAD,CAAjC;;EAEA,IAAI,KAAK,CAAC,MAAV,EAAkB;IAChB,oBAAO,KAAA,CAAA,aAAA,CAAC,gBAAD,EAAiB,EAAA,GAAK;IAAL,CAAjB,EAA8B,KAAK,CAAC,QAApC,CAAP;EACD;;EACD,IAAI,KAAK,CAAC,aAAN,KAAuB,CAAA,EAAA,GAAA,KAAK,CAAC,mBAAN,MAAyB,IAAzB,IAAyB,EAAA,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAA,IAAA,CAAzB,KAAyB,EAAG,KAAH,CAAhD,CAAJ,EAA+D;IAC7D,oBAAO,KAAA,CAAA,aAAA,CAAC,kBAAD,EAAmB,EAAA,GAAK;IAAL,CAAnB,CAAP;EACD;;EAED,oBAAO,KAAA,CAAA,aAAA,CAAC,MAAD,EAAO,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAP,CAAP;AACD,CAXG,CAFG","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommandButtonShim.js","sourceRoot":"../src/","sources":["components/Button/CommandButtonShim.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,gBAAgB,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["/**\n * Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"]}
+{"version":3,"file":"CommandButtonShim.js","sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/CommandButtonShim.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,gBAAgB,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["/**\n * Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Button/CompoundButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA,SAAS,cAAT,QAA+B,4BAA/B;AAGA,SAAS,eAAT,QAAgC,mBAAhC;AAEA;;AAEG;;AACH,OAAO,MAAM,kBAAkB,gBAE3B,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,4BAAhB,GAA+C;EAF9C,CAArB;EAKA,MAAM,SAAS,GAAwB,EACrC,GAAG,eAAe,CAAC,YAAD,CADmB;IAErC,gBAAgB,EAAE,KAAK,CAAC,aAAN,KAAuB,CAAA,EAAA,GAAA,KAAK,CAAC,mBAAN,MAAyB,IAAzB,IAAyB,EAAA,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAA,IAAA,CAAzB,KAAyB,EAAG,KAAH,CAAhD;EAFmB,CAAvC;EAKA,oBAAO,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAf,CAAP;AACD,CAZG,CAFG","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/CompoundButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA,SAAS,cAAT,QAA+B,4BAA/B;AAGA,SAAS,eAAT,QAAgC,mBAAhC;AAEA;;AAEG;;AACH,OAAO,MAAM,kBAAkB,gBAE3B,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,4BAAhB,GAA+C;EAF9C,CAArB;EAKA,MAAM,SAAS,GAAwB,EACrC,GAAG,eAAe,CAAC,YAAD,CADmB;IAErC,gBAAgB,EAAE,KAAK,CAAC,aAAN,KAAuB,CAAA,EAAA,GAAA,KAAK,CAAC,mBAAN,MAAyB,IAAzB,IAAyB,EAAA,KAAA,KAAA,CAAzB,GAAyB,KAAA,CAAzB,GAAyB,EAAA,CAAA,IAAA,CAAzB,KAAyB,EAAG,KAAH,CAAhD;EAFmB,CAAvC;EAKA,oBAAO,KAAA,CAAA,aAAA,CAAC,cAAD,EAAe,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAf,CAAP;AACD,CAZG,CAFG","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Button/DefaultButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA,SAAS,UAAT,QAA2B,cAA3B;AAEA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,gBAE1B,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,oBAAO,KAAA,CAAA,aAAA,CAAC,UAAD,EAAW,EAAA,GAAK,KAAL;IAAY,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,oBAAhB,GAAuC;EAArE,CAAX,CAAP;AACD,CAFG,CAFG","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/DefaultButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA,SAAS,UAAT,QAA2B,cAA3B;AAEA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,gBAE1B,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,oBAAO,KAAA,CAAA,aAAA,CAAC,UAAD,EAAW,EAAA,GAAK,KAAL;IAAY,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,oBAAhB,GAAuC;EAArE,CAAX,CAAP;AACD,CAFG,CAFG","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Button/MenuButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,SAAS,UAAT,EAAqB,IAArB,EAA2B,QAA3B,EAAqC,WAArC,EAAkD,WAAlD,QAAqE,4BAArE;AAEA,SAAS,YAAT,EAAuB,aAAvB,QAA4C,eAA5C;AAEA,SAAS,eAAT,QAAgC,mBAAhC;AAEA,OAAO,MAAM,cAAc,gBAEvB,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,oBAAhB,GAAuC;EAFtC,CAArB;EAKA,MAAM,SAAS,GAAoB,EACjC,GAAG,eAAe,CAAC,YAAD;EADe,CAAnC;EAIA,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAN,GAAkB,aAAa,CAAC,KAAK,CAAC,SAAP,CAA/B,GAAmD,EAA5E;EAEA,oBACE,KAAA,CAAA,aAAA,CAAC,IAAD,EAAK,EAAA,GAAK;EAAL,CAAL,eACE,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,eACE,KAAA,CAAA,aAAA,CAAC,UAAD,EAAW,EAAA,GAAK;EAAL,CAAX,CADF,CADF,eAIE,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,eACE,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS,IAAT,EACG,CAAA,EAAA,GAAA,KAAK,CAAC,SAAN,MAAe,IAAf,IAAe,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAe,EAAA,CAAE,KAAF,CAAQ,GAAR,CAAY,IAAI;EAAA;EAC9B;EACA;EACA,KAAA,CAAA,aAAA,CAAC,YAAD,EAAa,EAAA,GAAK;EAAL,CAAb,CAHc,CADlB,CADF,CAJF,CADF;AAgBD,CA5BG,CAFG","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/MenuButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,SAAS,UAAT,EAAqB,IAArB,EAA2B,QAA3B,EAAqC,WAArC,EAAkD,WAAlD,QAAqE,4BAArE;AAEA,SAAS,YAAT,EAAuB,aAAvB,QAA4C,eAA5C;AAEA,SAAS,eAAT,QAAgC,mBAAhC;AAEA,OAAO,MAAM,cAAc,gBAEvB,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;;;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,oBAAhB,GAAuC;EAFtC,CAArB;EAKA,MAAM,SAAS,GAAoB,EACjC,GAAG,eAAe,CAAC,YAAD;EADe,CAAnC;EAIA,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAN,GAAkB,aAAa,CAAC,KAAK,CAAC,SAAP,CAA/B,GAAmD,EAA5E;EAEA,oBACE,KAAA,CAAA,aAAA,CAAC,IAAD,EAAK,EAAA,GAAK;EAAL,CAAL,eACE,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,eACE,KAAA,CAAA,aAAA,CAAC,UAAD,EAAW,EAAA,GAAK;EAAL,CAAX,CADF,CADF,eAIE,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,eACE,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS,IAAT,EACG,CAAA,EAAA,GAAA,KAAK,CAAC,SAAN,MAAe,IAAf,IAAe,EAAA,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAe,EAAA,CAAE,KAAF,CAAQ,GAAR,CAAY,IAAI;EAAA;EAC9B;EACA;EACA,KAAA,CAAA,aAAA,CAAC,YAAD,EAAa,EAAA,GAAK;EAAL,CAAb,CAHc,CADlB,CADF,CAJF,CADF;AAgBD,CA5BG,CAFG","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Button/PrimaryButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,SAAS,UAAT,QAA2B,cAA3B;AAEA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,gBAE1B,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,oBAAO,KAAA,CAAA,aAAA,CAAC,UAAD,EAAW,EAAA,GAAK,KAAL;IAAY,OAAO,EAAA,IAAnB;IAAoB,gBAAgB,EAAC;EAArC,CAAX,CAAP;AACD,CAFG,CAFG","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/PrimaryButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,SAAS,UAAT,QAA2B,cAA3B;AAEA;;AAEG;;AACH,OAAO,MAAM,iBAAiB,gBAE1B,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,oBAAO,KAAA,CAAA,aAAA,CAAC,UAAD,EAAW,EAAA,GAAK,KAAL;IAAY,OAAO,EAAA,IAAnB;IAAoB,gBAAgB,EAAC;EAArC,CAAX,CAAP;AACD,CAFG,CAFG","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Button/ToggleButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA,SAAS,YAAT,QAA6B,4BAA7B;AAGA,SAAS,eAAT,QAAgC,mBAAhC;AAEA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,gBAEzB,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,4BAAhB,GAA+C;EAF9C,CAArB;EAKA,MAAM,SAAS,GAAsB,EACnC,GAAG,eAAe,CAAC,YAAD,CADiB;IAEnC,OAAO,EAAE,KAAK,CAAC,OAFoB;IAGnC,cAAc,EAAE,KAAK,CAAC;EAHa,CAArC;EAMA,oBAAO,KAAA,CAAA,aAAA,CAAC,YAAD,EAAa,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAb,CAAP;AACD,CAbG,CAFG","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/ToggleButtonShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAIA,SAAS,YAAT,QAA6B,4BAA7B;AAGA,SAAS,eAAT,QAAgC,mBAAhC;AAEA;;AAEG;;AACH,OAAO,MAAM,gBAAgB,gBAEzB,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,MAAM,YAAY,GAAG,EACnB,GAAG,KADgB;IAEnB,gBAAgB,EAAE,KAAK,CAAC,OAAN,GAAgB,4BAAhB,GAA+C;EAF9C,CAArB;EAKA,MAAM,SAAS,GAAsB,EACnC,GAAG,eAAe,CAAC,YAAD,CADiB;IAEnC,OAAO,EAAE,KAAK,CAAC,OAFoB;IAGnC,cAAc,EAAE,KAAK,CAAC;EAHa,CAArC;EAMA,oBAAO,KAAA,CAAA,aAAA,CAAC,YAAD,EAAa,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAb,CAAP;AACD,CAbG,CAFG","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './ActionButtonShim';\nexport * from './ButtonShim';\nexport * from './CommandButtonShim';\nexport * from './CompoundButtonShim';\nexport * from './DefaultButtonShim';\nexport * from './MenuButtonShim';\nexport * from './PrimaryButtonShim';\nexport * from './shimButtonProps';\nexport * from './ToggleButtonShim';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './ActionButtonShim';\nexport * from './ButtonShim';\nexport * from './CommandButtonShim';\nexport * from './CompoundButtonShim';\nexport * from './DefaultButtonShim';\nexport * from './MenuButtonShim';\nexport * from './PrimaryButtonShim';\nexport * from './shimButtonProps';\nexport * from './ToggleButtonShim';\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Button/shimButtonProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,IAAT,QAAqB,iBAArB;AAKA,OAAO,MAAM,eAAe,GAAI,KAAD,IAAkF;SAAA,CAC/G;;;EACA,MAAM,IAAI,GAAG,KAAK,CAAC,YAAN,GACX,KAAK,CAAC,YAAN,CAAmB,KAAnB,CADW,GAET,KAAK,CAAC,SAAN,gBACF,KAAA,CAAA,aAAA,CAAC,IAAD,EAAK,EAAA,GAAK,KAAK,CAAC;EAAX,CAAL,CADE,GAEA,SAJJ;EAMA,MAAM,gBAAgB,GAAG,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,gBAAN,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,EAAtB,GAA0B,KAAK,CAAC,OAAhC,IAA0C,oBAA1C,GAAiE,oBAA1F;EACA,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,aAAP,EAAsB,gBAAtB,EAAwC,KAAK,CAAC,SAA9C,EAAyD,MAAzD,CAAgE,OAAhE,EAAyE,IAAzE,CAA8E,GAA9E,CAAlB;EAEA,OAAO,EACL;IACA,GAAG,KAFE;IAGL,UAAU,EAAE,KAAK,CAAC,OAAN,GAAgB,SAAhB,GAA4B,SAHnC;IAIL,SAJK;IAKL,QAAQ,EAAE,KAAK,CAAC,QALX;IAML,iBAAiB,EAAE,KAAK,CAAC,kBANpB;IAOL,eAAe,KAAK,CAAC,UAPhB;IAQL,cAAc,KAAK,CAAC,SARf;IASL,IATK;IAUL,GAAG,EAAE,KAAK,CAAC,GAAN,IAAa,KAAK,CAAC,QAVnB;IAWL,QAAQ,EAAE,KAAK,CAAC,gBAAN,GACN,KAAK,CAAC,gBAAN,CAAuB,KAAvB,CADM,GAEN,KAAK,CAAC,YAAN,GACA,KAAK,CAAC,YAAN,CAAmB,KAAnB,CADA,GAEA,KAAK,CAAC,IAAN,IAAc,KAAK,CAAC;EAfnB,CAAP;AAiBD,CA5BM","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/shimButtonProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,IAAT,QAAqB,iBAArB;AAKA,OAAO,MAAM,eAAe,GAAI,KAAD,IAAkF;SAAA,CAC/G;;;EACA,MAAM,IAAI,GAAG,KAAK,CAAC,YAAN,GACX,KAAK,CAAC,YAAN,CAAmB,KAAnB,CADW,GAET,KAAK,CAAC,SAAN,gBACF,KAAA,CAAA,aAAA,CAAC,IAAD,EAAK,EAAA,GAAK,KAAK,CAAC;EAAX,CAAL,CADE,GAEA,SAJJ;EAMA,MAAM,gBAAgB,GAAG,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,gBAAN,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,EAAtB,GAA0B,KAAK,CAAC,OAAhC,IAA0C,oBAA1C,GAAiE,oBAA1F;EACA,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,aAAP,EAAsB,gBAAtB,EAAwC,KAAK,CAAC,SAA9C,EAAyD,MAAzD,CAAgE,OAAhE,EAAyE,IAAzE,CAA8E,GAA9E,CAAlB;EAEA,OAAO,EACL;IACA,GAAG,KAFE;IAGL,UAAU,EAAE,KAAK,CAAC,OAAN,GAAgB,SAAhB,GAA4B,SAHnC;IAIL,SAJK;IAKL,QAAQ,EAAE,KAAK,CAAC,QALX;IAML,iBAAiB,EAAE,KAAK,CAAC,kBANpB;IAOL,eAAe,KAAK,CAAC,UAPhB;IAQL,cAAc,KAAK,CAAC,SARf;IASL,IATK;IAUL,GAAG,EAAE,KAAK,CAAC,GAAN,IAAa,KAAK,CAAC,QAVnB;IAWL,QAAQ,EAAE,KAAK,CAAC,gBAAN,GACN,KAAK,CAAC,gBAAN,CAAuB,KAAvB,CADM,GAEN,KAAK,CAAC,YAAN,GACA,KAAK,CAAC,YAAN,CAAmB,KAAnB,CADA,GAEA,KAAK,CAAC,IAAN,IAAc,KAAK,CAAC;EAfnB,CAAP;AAiBD,CA5BM","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Menu/MenuShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,sBAAT,QAAuC,iBAAvC;AAEA,SACE,QADF,EAEE,WAFF,EAGE,SAHF,EAIE,eAJF,EAKE,WALF,EAME,IANF,EAOE,QAPF,EAQE,WARF,EASE,gBATF,QAWO,4BAXP;AAaA,SAAS,mBAAT,EAA8B,yBAA9B,EAAyD,iBAAzD,EAA4E,aAA5E,QAAiG,iBAAjG;AAEA,OAAO,MAAM,YAAY,GAAI,KAAD,IAA+B;;;EACzD,IAAI,KAAK,CAAC,QAAN,KAAmB,sBAAsB,CAAC,OAA9C,EAAuD;IACrD,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAD,CAAnC;IACA,oBAAO,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,EAAA,GAAM;IAAN,CAAZ,CAAP;EACD;;EAED,IAAI,KAAK,CAAC,QAAN,KAAmB,sBAAsB,CAAC,OAA9C,EAAuD;IACrD,MAAM,SAAS,GAAG,mBAAmB,CAAC,KAAD,CAArC;IACA,oBACE,KAAA,CAAA,aAAA,CAAC,SAAD,EAAU,IAAV,eACE,KAAA,CAAA,aAAA,CAAC,eAAD,EAAgB,IAAhB,EAAkB,SAAS,CAAC,QAA5B,CADF,EAGG,CAAA,EAAA,GAAA,KAAK,CAAC,YAAN,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,G,GAAoB,K,CAAM,G,CAAI,IAAI;IAAA;IACjC;IACA;IACA,KAAA,CAAA,aAAA,CAAC,YAAD,EAAa,EAAA,GAAK;IAAL,CAAb,C,CANJ,CADF;EAWD;;EAED,IAAI,KAAK,CAAC,QAAV,EAAoB;IAClB,MAAM,SAAS,GAAG,yBAAyB,CAAC,KAAD,CAA3C;IACA,oBAAO,KAAA,CAAA,aAAA,CAAC,gBAAD,EAAiB,EAAA,GAAK;IAAL,CAAjB,CAAP;EACD,CAxBwD,CA0BzD;;;EACA,IAAI,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,YAAN,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE,KAApB,KAA6B,KAAK,CAAC,YAAN,CAAmB,KAAnB,CAAyB,MAAzB,GAAkC,CAAnE,EAAsE;IACpE,MAAM,gBAAgB,GAAG,aAAa,CAAC,KAAK,CAAC,YAAP,CAAtC;IACA,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,KAAD,CAA1C;IAEA,oBACE,KAAA,CAAA,aAAA,CAAC,IAAD,EAAK,EAAA,GAAK;IAAL,CAAL,eACE,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,eACE,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS,EAAA,GAAK,gBAAL;MAAuB,UAAU,EAAA;IAAjC,CAAT,CADF,CADF,eAIE,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,eACE,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS,IAAT,EACG,KAAK,CAAC,YAAN,CAAmB,KAAnB,CAAyB,GAAzB,CAA6B,IAAI;IAAA;IAChC;IACA;IACA,KAAA,CAAA,aAAA,CAAC,YAAD,EAAa,EAAA,GAAK;IAAL,CAAb,CAHD,CADH,CADF,CAJF,CADF;EAgBD;;EAED,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAD,CAAnC;EACA,oBAAO,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS,EAAA,GAAK;EAAL,CAAT,CAAP;AACD,CAnDM","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Menu/MenuShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,sBAAT,QAAuC,iBAAvC;AAEA,SACE,QADF,EAEE,WAFF,EAGE,SAHF,EAIE,eAJF,EAKE,WALF,EAME,IANF,EAOE,QAPF,EAQE,WARF,EASE,gBATF,QAWO,4BAXP;AAaA,SAAS,mBAAT,EAA8B,yBAA9B,EAAyD,iBAAzD,EAA4E,aAA5E,QAAiG,iBAAjG;AAEA,OAAO,MAAM,YAAY,GAAI,KAAD,IAA+B;;;EACzD,IAAI,KAAK,CAAC,QAAN,KAAmB,sBAAsB,CAAC,OAA9C,EAAuD;IACrD,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAD,CAAnC;IACA,oBAAO,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,EAAA,GAAM;IAAN,CAAZ,CAAP;EACD;;EAED,IAAI,KAAK,CAAC,QAAN,KAAmB,sBAAsB,CAAC,OAA9C,EAAuD;IACrD,MAAM,SAAS,GAAG,mBAAmB,CAAC,KAAD,CAArC;IACA,oBACE,KAAA,CAAA,aAAA,CAAC,SAAD,EAAU,IAAV,eACE,KAAA,CAAA,aAAA,CAAC,eAAD,EAAgB,IAAhB,EAAkB,SAAS,CAAC,QAA5B,CADF,EAGG,CAAA,EAAA,GAAA,KAAK,CAAC,YAAN,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,G,GAAoB,K,CAAM,G,CAAI,IAAI;IAAA;IACjC;IACA;IACA,KAAA,CAAA,aAAA,CAAC,YAAD,EAAa,EAAA,GAAK;IAAL,CAAb,C,CANJ,CADF;EAWD;;EAED,IAAI,KAAK,CAAC,QAAV,EAAoB;IAClB,MAAM,SAAS,GAAG,yBAAyB,CAAC,KAAD,CAA3C;IACA,oBAAO,KAAA,CAAA,aAAA,CAAC,gBAAD,EAAiB,EAAA,GAAK;IAAL,CAAjB,CAAP;EACD,CAxBwD,CA0BzD;;;EACA,IAAI,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,YAAN,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE,KAApB,KAA6B,KAAK,CAAC,YAAN,CAAmB,KAAnB,CAAyB,MAAzB,GAAkC,CAAnE,EAAsE;IACpE,MAAM,gBAAgB,GAAG,aAAa,CAAC,KAAK,CAAC,YAAP,CAAtC;IACA,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,KAAD,CAA1C;IAEA,oBACE,KAAA,CAAA,aAAA,CAAC,IAAD,EAAK,EAAA,GAAK;IAAL,CAAL,eACE,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,eACE,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS,EAAA,GAAK,gBAAL;MAAuB,UAAU,EAAA;IAAjC,CAAT,CADF,CADF,eAIE,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,eACE,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS,IAAT,EACG,KAAK,CAAC,YAAN,CAAmB,KAAnB,CAAyB,GAAzB,CAA6B,IAAI;IAAA;IAChC;IACA;IACA,KAAA,CAAA,aAAA,CAAC,YAAD,EAAa,EAAA,GAAK;IAAL,CAAb,CAHD,CADH,CADF,CAJF,CADF;EAgBD;;EAED,MAAM,SAAS,GAAG,iBAAiB,CAAC,KAAD,CAAnC;EACA,oBAAO,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS,EAAA,GAAK;EAAL,CAAT,CAAP;AACD,CAnDM","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC","sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Menu/shimMenuProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,IAAT,QAAqB,iBAArB;AAIA,OAAO,MAAM,aAAa,GAAI,KAAD,IAAoD;EAC/E,OAAO;IACL,QAAQ,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,CAAa,IAAb,CAAkB,CAAC,IAAI,CAAC,CAAC,SAAzB,CADL;IAEL,aAAa,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,CAAa,IAAb,CAAkB,CAAC,IAAI,CAAC,CAAC,QAAF,IAAc,CAAC,CAAC,OAAvC;EAFV,CAAP;AAID,CALM;AAOP,OAAO,MAAM,iBAAiB,GAAI,KAAD,IAA8C;EAC7E;EACA,MAAM,IAAI,GAAG,KAAK,CAAC,SAAN,gBAAkB,KAAA,CAAA,aAAA,CAAC,IAAD,EAAK,EAAA,GAAK,KAAK,CAAC;EAAX,CAAL,CAAlB,GAAkD,SAA/D;EAEA,OAAO,EACL,GAAG,KADE;IAEL,cAAc,KAAK,CAAC,SAFf;IAGL,QAAQ,EAAE,KAAK,CAAC,IAHX;IAIL,IAJK;IAKL,gBAAgB,EAAE,KAAK,CAAC;EALnB,CAAP;AAOD,CAXM;AAaP,OAAO,MAAM,yBAAyB,GAAI,KAAD,IAAsD;EAC7F,OAAO,EACL,GAAG,iBAAiB,CAAC,KAAD,CADf;IAEL,IAAI,EAAE,KAAK,CAAC,IAAN,IAAc,MAFf;IAGL,KAAK,EAAE,KAAK,CAAC,KAAN,IAAe;EAHjB,CAAP;AAKD,CANM;AAQP,OAAO,MAAM,mBAAmB,GAAI,KAAD,IAAqD;;;EACtF,OAAO;IACL,QAAQ,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,YAAN,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE;EADzB,CAAP;AAGD,CAJM","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Menu/shimMenuProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,IAAT,QAAqB,iBAArB;AAIA,OAAO,MAAM,aAAa,GAAI,KAAD,IAAoD;EAC/E,OAAO;IACL,QAAQ,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,CAAa,IAAb,CAAkB,CAAC,IAAI,CAAC,CAAC,SAAzB,CADL;IAEL,aAAa,EAAE,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,CAAa,IAAb,CAAkB,CAAC,IAAI,CAAC,CAAC,QAAF,IAAc,CAAC,CAAC,OAAvC;EAFV,CAAP;AAID,CALM;AAOP,OAAO,MAAM,iBAAiB,GAAI,KAAD,IAA8C;EAC7E;EACA,MAAM,IAAI,GAAG,KAAK,CAAC,SAAN,gBAAkB,KAAA,CAAA,aAAA,CAAC,IAAD,EAAK,EAAA,GAAK,KAAK,CAAC;EAAX,CAAL,CAAlB,GAAkD,SAA/D;EAEA,OAAO,EACL,GAAG,KADE;IAEL,cAAc,KAAK,CAAC,SAFf;IAGL,QAAQ,EAAE,KAAK,CAAC,IAHX;IAIL,IAJK;IAKL,gBAAgB,EAAE,KAAK,CAAC;EALnB,CAAP;AAOD,CAXM;AAaP,OAAO,MAAM,yBAAyB,GAAI,KAAD,IAAsD;EAC7F,OAAO,EACL,GAAG,iBAAiB,CAAC,KAAD,CADf;IAEL,IAAI,EAAE,KAAK,CAAC,IAAN,IAAc,MAFf;IAGL,KAAK,EAAE,KAAK,CAAC,KAAN,IAAe;EAHjB,CAAP;AAKD,CANM;AAQP,OAAO,MAAM,mBAAmB,GAAI,KAAD,IAAqD;;;EACtF,OAAO;IACL,QAAQ,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,YAAN,MAAkB,IAAlB,IAAkB,EAAA,KAAA,KAAA,CAAlB,GAAkB,KAAA,CAAlB,GAAkB,EAAA,CAAE;EADzB,CAAP;AAGD,CAJM","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Stack/StackItemShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,mBAAqB,YAArB,QAAyC,gBAAzC;AAEA,MAAM,mBAAmB,GAAG;EAC1B,IAAI,EAAE;AADoB,CAA5B;;AAIA,MAAM,sBAAsB,gBAAG;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAA/B;;AAaA,MAAM,sBAAsB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAA/B;;AAqBA,MAAM,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,EAA1B;;AAwBA,MAAM,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,EAA5B;;AAwBA,MAAM,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,EAA3B;;AAoCA,OAAO,MAAM,aAAa,GAAI,KAAD,IAA2B;EACtD,MAAM;IAAE,IAAF;IAAQ,MAAR;IAAgB,aAAhB;IAA+B,KAA/B;IAAsC,YAAtC;IAAoD,KAApD;IAA2D,SAA3D;IAAsE;EAAtE,IAAmF,KAAzF;EAEA,MAAM,MAAM,GAAG,sBAAsB,EAArC;EACA,MAAM,eAAe,GAAG,sBAAsB,EAA9C;EACA,MAAM,gBAAgB,GAAG,mBAAmB,EAA5C;EACA,MAAM,cAAc,GAA2B,iBAAiB,EAAhE;EACA,MAAM,eAAe,GAA2B,kBAAkB,EAAlE;EAEA,MAAM,eAAe,GAAG,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,IAAI,eAAe,CAAC,KAAD,CAAtC,EAA+C,YAAY,IAAI,MAAM,CAAC,YAAtE,CAAxB;;EAEA,IAAI,KAAJ,EAAW;IACT,eAAe,CAAC,IAAhB,CAAqB,eAAe,CAAC,KAAD,CAApC;EACD;;EAED,IAAI,IAAJ,EAAU;IACR,MAAM,QAAQ,GAAG,IAAI,KAAK,IAAT,GAAgB,cAAc,CAAC,CAAD,CAA9B,GAAoC,cAAc,CAAC,IAAD,CAAnE;IACA,eAAe,CAAC,IAAhB,CAAqB,QAArB;EACD;;EAED,IAAI,MAAM,IAAI,CAAC,aAAf,EAA8B;IAC5B,eAAe,CAAC,IAAhB,CAAqB,gBAAgB,CAAC,CAAD,CAArC;EACD,CAFD,MAEO,IAAI,aAAa,IAAK,CAAC,IAAD,IAAS,CAAC,MAAhC,EAAyC;IAC9C,eAAe,CAAC,IAAhB,CAAqB,gBAAgB,CAAC,CAAD,CAArC;EACD;;EAED,IAAI,aAAJ,EAAmB;IACjB,eAAe,CAAC,IAAhB,CAAqB,MAAM,CAAC,aAA5B;EACD;;EAED,MAAM,UAAU,GAAG,YAAY,CAAC,mBAAmB,CAAC,IAArB,EAA2B,GAAG,eAA9B,EAA+C,SAA/C,CAA/B;EAEA,oBAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAE;EAAhB,CAAA,EAA6B,QAA7B,CAAP;AACD,CAjCM","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Stack/StackItemShim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,mBAAqB,YAArB,QAAyC,gBAAzC;AAEA,MAAM,mBAAmB,GAAG;EAC1B,IAAI,EAAE;AADoB,CAA5B;;AAIA,MAAM,sBAAsB,gBAAG;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAA/B;;AAaA,MAAM,sBAAsB,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAA/B;;AAqBA,MAAM,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,EAA1B;;AAwBA,MAAM,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,EAA5B;;AAwBA,MAAM,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,EAA3B;;AAoCA,OAAO,MAAM,aAAa,GAAI,KAAD,IAA2B;EACtD,MAAM;IAAE,IAAF;IAAQ,MAAR;IAAgB,aAAhB;IAA+B,KAA/B;IAAsC,YAAtC;IAAoD,KAApD;IAA2D,SAA3D;IAAsE;EAAtE,IAAmF,KAAzF;EAEA,MAAM,MAAM,GAAG,sBAAsB,EAArC;EACA,MAAM,eAAe,GAAG,sBAAsB,EAA9C;EACA,MAAM,gBAAgB,GAAG,mBAAmB,EAA5C;EACA,MAAM,cAAc,GAA2B,iBAAiB,EAAhE;EACA,MAAM,eAAe,GAA2B,kBAAkB,EAAlE;EAEA,MAAM,eAAe,GAAG,CAAC,MAAM,CAAC,IAAR,EAAc,KAAK,IAAI,eAAe,CAAC,KAAD,CAAtC,EAA+C,YAAY,IAAI,MAAM,CAAC,YAAtE,CAAxB;;EAEA,IAAI,KAAJ,EAAW;IACT,eAAe,CAAC,IAAhB,CAAqB,eAAe,CAAC,KAAD,CAApC;EACD;;EAED,IAAI,IAAJ,EAAU;IACR,MAAM,QAAQ,GAAG,IAAI,KAAK,IAAT,GAAgB,cAAc,CAAC,CAAD,CAA9B,GAAoC,cAAc,CAAC,IAAD,CAAnE;IACA,eAAe,CAAC,IAAhB,CAAqB,QAArB;EACD;;EAED,IAAI,MAAM,IAAI,CAAC,aAAf,EAA8B;IAC5B,eAAe,CAAC,IAAhB,CAAqB,gBAAgB,CAAC,CAAD,CAArC;EACD,CAFD,MAEO,IAAI,aAAa,IAAK,CAAC,IAAD,IAAS,CAAC,MAAhC,EAAyC;IAC9C,eAAe,CAAC,IAAhB,CAAqB,gBAAgB,CAAC,CAAD,CAArC;EACD;;EAED,IAAI,aAAJ,EAAmB;IACjB,eAAe,CAAC,IAAhB,CAAqB,MAAM,CAAC,aAA5B;EACD;;EAED,MAAM,UAAU,GAAG,YAAY,CAAC,mBAAmB,CAAC,IAArB,EAA2B,GAAG,eAA9B,EAA+C,SAA/C,CAA/B;EAEA,oBAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAE;EAAhB,CAAA,EAA6B,QAA7B,CAAP;AACD,CAjCM","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Stack/StackShim.tsx"],"names":[],"mappings":"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","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Stack/StackShim.tsx"],"names":[],"mappings":"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","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"],"sourceRoot":"../src/"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC","sourcesContent":["export * from './StackItemShim';\nexport * from './StackShim';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Stack/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC","sourcesContent":["export * from './StackItemShim';\nexport * from './StackShim';\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["components/Stack/stackUtils.ts"],"names":[],"mappings":"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","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"],"sourceRoot":"../src/"}
+{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Stack/stackUtils.ts"],"names":[],"mappings":"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","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"],"sourceRoot":"../src/"}

package/lib/components/Theme/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC","sourcesContent":["export * from './themeDuplicates';\nexport * from './v8ThemeShim';\nexport * from './v9BrandVariantsShim';\nexport * from './v9ThemeShim';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC","sourcesContent":["export * from './themeDuplicates';\nexport * from './v8ThemeShim';\nexport * from './v9BrandVariantsShim';\nexport * from './v9ThemeShim';\n"]}