@fluentui/react-migration-v8-v9 9.2.0 → 9.2.2

package/.swcrc

@@ -0,0 +1,30 @@
+{
+  "$schema": "https://json.schemastore.org/swcrc",
+  "exclude": [
+    "/testing",
+    "/**/*.cy.ts",
+    "/**/*.cy.tsx",
+    "/**/*.spec.ts",
+    "/**/*.spec.tsx",
+    "/**/*.test.ts",
+    "/**/*.test.tsx"
+  ],
+  "jsc": {
+    "parser": {
+      "syntax": "typescript",
+      "tsx": true,
+      "decorators": false,
+      "dynamicImport": false
+    },
+    "externalHelpers": true,
+    "transform": {
+      "react": {
+        "runtime": "classic",
+        "useSpread": true
+      }
+    },
+    "target": "es2019"
+  },
+  "minify": false,
+  "sourceMaps": true
+}

package/CHANGELOG.json

@@ -2,7 +2,79 @@
   "name": "@fluentui/react-migration-v8-v9",
   "entries": [
     {
-      "date": "Wed, 15 Mar 2023 10:17:02 GMT",
+      "date": "Tue, 21 Mar 2023 21:18:53 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v9.2.2",
+      "version": "9.2.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
+            "comment": "chore: migrate to swc transpilation approach."
+          },
+          {
+            "author": "tristan.watanabe@gmail.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
+            "comment": "fix: add node field to package.json exports map."
+          },
+          {
+            "author": "makotom@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "7fde5c94869ff9841b142b7ff1d0a3df0ab58f74",
+            "comment": "chore: Bumping version of @fluentui/react-icons to ^2.0.196."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-components to v9.18.3",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-theme to v9.1.7",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-utilities to v9.7.2",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
+            "commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Thu, 16 Mar 2023 14:36:59 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v9.2.1",
+      "version": "9.2.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-components to v9.18.2",
+            "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react-utilities to v9.7.1",
+            "commit": "e7dcadf7cabae6bc6811ca04a630e7d850388f81"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 15 Mar 2023 10:19:51 GMT",
       "tag": "@fluentui/react-migration-v8-v9_v9.2.0",
       "version": "9.2.0",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,37 @@
 # Change Log - @fluentui/react-migration-v8-v9
 
-This log was last generated on Wed, 15 Mar 2023 10:17:02 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:18:53 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.2)
+
+Tue, 21 Mar 2023 21:18:53 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.1..@fluentui/react-migration-v8-v9_v9.2.2)
+
+### Patches
+
+- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
+- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
+- chore: Bumping version of @fluentui/react-icons to ^2.0.196. ([PR #27100](https://github.com/microsoft/fluentui/pull/27100) by makotom@microsoft.com)
+- Bump @fluentui/react-components to v9.18.3 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
+
+## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.1)
+
+Thu, 16 Mar 2023 14:36:59 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.2.0..@fluentui/react-migration-v8-v9_v9.2.1)
+
+### Patches
+
+- Bump @fluentui/react-components to v9.18.2 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+- Bump @fluentui/react-utilities to v9.7.1 ([PR #27229](https://github.com/microsoft/fluentui/pull/27229) by beachball)
+
 ## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v9.2.0)
 
-Wed, 15 Mar 2023 10:17:02 GMT 
+Wed, 15 Mar 2023 10:19:51 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v9.1.13..@fluentui/react-migration-v8-v9_v9.2.0)
 
 ### Minor changes

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","createElement","appearance"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAIvB,SAASC,MAAM,QAAQ;AAEvB,SAASC,eAAe,QAAQ;AAEhC;;;AAGA,OAAO,MAAMC,gBAAA,gBACXH,KAAA,CAAMI,UAAU,CAAC,CAACC,KAAA,EAAOC,IAAA,KAAS;EAChC,MAAMC,YAAA,GAAe;IACnB,GAAGF,KAAK;IACRG,gBAAA,EAAkB;EACpB;EAEA,MAAMC,SAAA,GAAYP,eAAA,CAAgBK,YAAA;EAElC,oBAAOP,KAAA,CAAAU,aAAA,CAACT,MAAA;IAAQ,GAAII,KAAK;IAA8C,GAAGI,SAAS;IAAEE,UAAA,EAAW;;AAClG"}

package/lib/components/Button/ButtonShim.js

@@ -4,17 +4,13 @@ import { shimButtonProps } from './shimButtonProps';
 import { ToggleButtonShim } from './ToggleButtonShim';
 import { CompoundButtonShim } from './CompoundButtonShim';
 export const ButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
-  var _a;
+  var _props_onRenderDescription;
   const shimProps = shimButtonProps(props);
   if (props.toggle) {
-    return /*#__PURE__*/React.createElement(ToggleButtonShim, {
-      ...props
-    }, props.children);
+    return /*#__PURE__*/React.createElement(ToggleButtonShim, props, props.children);
   }
-  if (props.secondaryText || ((_a = props.onRenderDescription) === null || _a === void 0 ? void 0 : _a.call(props, props))) {
-    return /*#__PURE__*/React.createElement(CompoundButtonShim, {
-      ...props
-    });
+  if (props.secondaryText || ((_props_onRenderDescription = props.onRenderDescription) === null || _props_onRenderDescription === void 0 ? void 0 : _props_onRenderDescription.call(props, props))) {
+    return /*#__PURE__*/React.createElement(CompoundButtonShim, props);
   }
   return /*#__PURE__*/React.createElement(Button, {
     ...props,

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","_props_onRenderDescription","shimProps","toggle","createElement","children","secondaryText","onRenderDescription","call"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAIvB,SAASC,MAAM,QAAQ;AAEvB,SAASC,eAAe,QAAQ;AAChC,SAASC,gBAAgB,QAAQ;AACjC,SAASC,kBAAkB,QAAQ;AAEnC,OAAO,MAAMC,UAAA,gBACXL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,IAAA,KAAS;MAMLC,0BAAA;EAL3B,MAAMC,SAAA,GAAYR,eAAA,CAAgBK,KAAA;EAElC,IAAIA,KAAA,CAAMI,MAAM,EAAE;IAChB,oBAAOX,KAAA,CAAAY,aAAA,CAACT,gBAAA,EAAqBI,KAAA,EAAQA,KAAA,CAAMM,QAAQ;EACrD;EACA,IAAIN,KAAA,CAAMO,aAAa,KAAI,CAAAL,0BAAA,GAAAF,KAAA,CAAMQ,mBAAmB,cAAzBN,0BAAA,uBAAAA,0BAAA,CAAAO,IAAA,CAAAT,KAAA,EAA4BA,KAAA,IAAQ;IAC7D,oBAAOP,KAAA,CAAAY,aAAA,CAACR,kBAAA,EAAuBG,KAAA;EACjC;EAEA,oBAAOP,KAAA,CAAAY,aAAA,CAACX,MAAA;IAAQ,GAAIM,KAAK;IAA8C,GAAGG;;AAC5E"}

package/lib/components/Button/CommandButtonShim.js

@@ -1,5 +1,4 @@
 /**
  * Shims v8 CommandButtonShim to render a v9 Button
- */
-export { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';
+ */export { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';
 //# sourceMappingURL=CommandButtonShim.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommandButtonShim.js","sourceRoot":"../src/","sources":["packages/react-components/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"]}
+{"version":3,"names":["ActionButtonShim","CommandButtonShim"],"sources":["../../../src/components/Button/CommandButtonShim.tsx"],"sourcesContent":["/**\n * Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"],"mappings":"AAAA;;GAGA,SAASA,gBAAA,IAAoBC,iBAAiB,QAAQ"}

package/lib/components/Button/CompoundButtonShim.js

@@ -5,14 +5,14 @@ import { shimButtonProps } from './shimButtonProps';
  * Shims v8 CompoundButton to render a v9 CompoundButton
  */
 export const CompoundButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
-  var _a;
+  var _props_onRenderDescription;
   const variantProps = {
     ...props,
     variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound'
   };
   const shimProps = {
     ...shimButtonProps(variantProps),
-    secondaryContent: props.secondaryText || ((_a = props.onRenderDescription) === null || _a === void 0 ? void 0 : _a.call(props, props))
+    secondaryContent: props.secondaryText || ((_props_onRenderDescription = props.onRenderDescription) === null || _props_onRenderDescription === void 0 ? void 0 : _props_onRenderDescription.call(props, props))
   };
   return /*#__PURE__*/React.createElement(CompoundButton, {
     ...props,

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","_props_onRenderDescription","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription","call","createElement"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAIvB,SAASC,cAAc,QAAQ;AAG/B,SAASC,eAAe,QAAQ;AAEhC;;;AAGA,OAAO,MAAMC,kBAAA,gBAETH,KAAA,CAAMI,UAAU,CAAC,CAACC,KAAA,EAAOC,IAAA,KAAS;MAQOC,0BAAA;EAP3C,MAAMC,YAAA,GAAe;IACnB,GAAGH,KAAK;IACRI,gBAAA,EAAkBJ,KAAA,CAAMK,OAAO,GAAG,+BAA+B;EACnE;EAEA,MAAMC,SAAA,GAAiC;IACrC,GAAGT,eAAA,CAAgBM,YAAA,CAAa;IAChCI,gBAAA,EAAkBP,KAAA,CAAMQ,aAAa,KAAI,CAAAN,0BAAA,GAAAF,KAAA,CAAMS,mBAAmB,cAAzBP,0BAAA,uBAAAA,0BAAA,CAAAQ,IAAA,CAAAV,KAAA,EAA4BA,KAAA;EACvE;EAEA,oBAAOL,KAAA,CAAAgB,aAAA,CAACf,cAAA;IAAgB,GAAII,KAAK;IAA8C,GAAGM;;AACpF"}

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","createElement","variantClassName","primary"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAIvB,SAASC,UAAU,QAAQ;AAE3B;;;AAGA,OAAO,MAAMC,iBAAA,gBACXF,KAAA,CAAMG,UAAU,CAAC,CAACC,KAAA,EAAOC,IAAA,KAAS;EAChC,oBAAOL,KAAA,CAAAM,aAAA,CAACL,UAAA;IAAY,GAAGG,KAAK;IAAEG,gBAAA,EAAkBH,KAAA,CAAMI,OAAO,GAAG,uBAAuB;;AACzF"}

package/lib/components/Button/MenuButtonShim.js

@@ -3,7 +3,7 @@ import { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/
 import { MenuItemShim, shimMenuProps } from '../Menu/index';
 import { shimButtonProps } from './shimButtonProps';
 export const MenuButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
-  var _a;
+  var _props_menuProps;
   const variantProps = {
     ...props,
     variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default'
@@ -12,16 +12,10 @@ export const MenuButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
     ...shimButtonProps(variantProps)
   };
   const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};
-  return /*#__PURE__*/React.createElement(Menu, {
-    ...shimmedMenuProps
-  }, /*#__PURE__*/React.createElement(MenuTrigger, null, /*#__PURE__*/React.createElement(MenuButton, {
-    ...shimProps
-  })), /*#__PURE__*/React.createElement(MenuPopover, null, /*#__PURE__*/React.createElement(MenuList, null, (_a = props.menuProps) === null || _a === void 0 ? void 0 : _a.items.map(item =>
-  /*#__PURE__*/
+  return /*#__PURE__*/React.createElement(Menu, shimmedMenuProps, /*#__PURE__*/React.createElement(MenuTrigger, null, /*#__PURE__*/React.createElement(MenuButton, shimProps)), /*#__PURE__*/React.createElement(MenuPopover, null, /*#__PURE__*/React.createElement(MenuList, null, (_props_menuProps = props.menuProps) === null || _props_menuProps === void 0 ? void 0 : _props_menuProps.items.map(item =>
   // key is added through item spread
   // eslint-disable-next-line react/jsx-key
-  React.createElement(MenuItemShim, {
-    ...item
-  })))));
+  /*#__PURE__*/
+  React.createElement(MenuItemShim, item)))));
 });
 //# sourceMappingURL=MenuButtonShim.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","_props_menuProps","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","createElement","items","map","item"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAGvB,SAASC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,WAAW,QAAQ;AAErE,SAASC,YAAY,EAAEC,aAAa,QAAQ;AAE5C,SAASC,eAAe,QAAQ;AAEhC,OAAO,MAAMC,cAAA,gBACXT,KAAA,CAAMU,UAAU,CAAC,CAACC,KAAA,EAAOC,IAAA,KAAS;MAmBvBC,gBAAA;EAlBT,MAAMC,YAAA,GAAe;IACnB,GAAGH,KAAK;IACRI,gBAAA,EAAkBJ,KAAA,CAAMK,OAAO,GAAG,uBAAuB;EAC3D;EAEA,MAAMC,SAAA,GAA6B;IACjC,GAAGT,eAAA,CAAgBM,YAAA;EACrB;EAEA,MAAMI,gBAAA,GAAmBP,KAAA,CAAMQ,SAAS,GAAGZ,aAAA,CAAcI,KAAA,CAAMQ,SAAS,IAAI,CAAC,CAAC;EAE9E,oBACEnB,KAAA,CAAAoB,aAAA,CAAClB,IAAA,EAASgB,gBAAA,eACRlB,KAAA,CAAAoB,aAAA,CAACf,WAAA,qBACCL,KAAA,CAAAoB,aAAA,CAACnB,UAAA,EAAegB,SAAA,iBAElBjB,KAAA,CAAAoB,aAAA,CAAChB,WAAA,qBACCJ,KAAA,CAAAoB,aAAA,CAACjB,QAAA,QACE,CAAAU,gBAAA,GAAAF,KAAA,CAAMQ,SAAS,cAAfN,gBAAA,uBAAAA,gBAAA,CAAiBQ,KAAA,CAAMC,GAAG,CAACC,IAAA;EAC1B;EACA;;EACAvB,KAAA,CAAAoB,aAAA,CAACd,YAAA,EAAiBiB,IAAA,EAClB;AAKZ"}

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","createElement","primary","variantClassName"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAGvB,SAASC,UAAU,QAAQ;AAE3B;;;AAGA,OAAO,MAAMC,iBAAA,gBACXF,KAAA,CAAMG,UAAU,CAAC,CAACC,KAAA,EAAOC,IAAA,KAAS;EAChC,oBAAOL,KAAA,CAAAM,aAAA,CAACL,UAAA;IAAY,GAAGG,KAAK;IAAEG,OAAA,MAAO;IAACC,gBAAA,EAAiB;;AACzD"}

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked","createElement"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAIvB,SAASC,YAAY,QAAQ;AAG7B,SAASC,eAAe,QAAQ;AAEhC;;;AAGA,OAAO,MAAMC,gBAAA,gBACXH,KAAA,CAAMI,UAAU,CAAC,CAACC,KAAA,EAAOC,IAAA,KAAS;EAChC,MAAMC,YAAA,GAAe;IACnB,GAAGF,KAAK;IACRG,gBAAA,EAAkBH,KAAA,CAAMI,OAAO,GAAG,+BAA+B;EACnE;EAEA,MAAMC,SAAA,GAA+B;IACnC,GAAGR,eAAA,CAAgBK,YAAA,CAAa;IAChCI,OAAA,EAASN,KAAA,CAAMM,OAAO;IACtBC,cAAA,EAAgBP,KAAA,CAAMO;EACxB;EAEA,oBAAOZ,KAAA,CAAAa,aAAA,CAACZ,YAAA;IAAc,GAAII,KAAK;IAA8C,GAAGK;;AAClF"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/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"]}
+{"version":3,"names":[],"sources":["../../../src/components/Button/index.ts"],"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"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}

package/lib/components/Button/shimButtonProps.js

@@ -1,12 +1,10 @@
 import * as React from 'react';
 import { Icon } from '@fluentui/react';
 export const shimButtonProps = props => {
-  var _a;
   //TODO: Icon shim. This still renders the v8 icon.
-  const icon = props.onRenderIcon ? props.onRenderIcon(props) : props.iconProps ? /*#__PURE__*/React.createElement(Icon, {
-    ...props.iconProps
-  }) : undefined;
-  const variantClassName = ((_a = props.variantClassName) !== null && _a !== void 0 ? _a : props.primary) ? 'ms-Button--primary' : 'ms-Button--default';
+  const icon = props.onRenderIcon ? props.onRenderIcon(props) : props.iconProps ? /*#__PURE__*/React.createElement(Icon, props.iconProps) : undefined;
+  var _props_variantClassName;
+  const variantClassName = ((_props_variantClassName = props.variantClassName) !== null && _props_variantClassName !== void 0 ? _props_variantClassName : props.primary) ? 'ms-Button--primary' : 'ms-Button--default';
   const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');
   return {
     // spread incoming props to propagate HTML properties not part of IBaseButtonProps

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","Icon","shimButtonProps","props","icon","onRenderIcon","iconProps","createElement","undefined","_props_variantClassName","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAEvB,SAASC,IAAI,QAAQ;AAKrB,OAAO,MAAMC,eAAA,GAAmBC,KAAA,IAAkF;EAChH;EACA,MAAMC,IAAA,GAAOD,KAAA,CAAME,YAAY,GAC7BF,KAAA,CAAME,YAAY,CAACF,KAAA,IACjBA,KAAA,CAAMG,SAAS,gBACjBN,KAAA,CAAAO,aAAA,CAACN,IAAA,EAASE,KAAA,CAAMG,SAAS,IACvBE,SAAS;MAEYC,uBAAA;EAAzB,MAAMC,gBAAA,GAAmB,EAAAD,uBAAA,GAAAN,KAAA,CAAMO,gBAAgB,cAAtBD,uBAAA,cAAAA,uBAAA,GAA0BN,KAAA,CAAMQ,OAAO,IAAG,uBAAuB,oBAAoB;EAC9G,MAAMC,SAAA,GAAY,CAACT,KAAA,CAAMU,aAAa,EAAEH,gBAAA,EAAkBP,KAAA,CAAMS,SAAS,CAAC,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAEhG,OAAO;IACL;IACA,GAAGb,KAAK;IACRc,UAAA,EAAYd,KAAA,CAAMQ,OAAO,GAAG,YAAYH,SAAS;IACjDI,SAAA;IACAM,QAAA,EAAUf,KAAA,CAAMe,QAAQ;IACxBC,iBAAA,EAAmBhB,KAAA,CAAMiB,kBAAkB;IAC3C,eAAejB,KAAA,CAAMkB,UAAU;IAC/B,cAAclB,KAAA,CAAMmB,SAAS;IAC7BlB,IAAA;IACAmB,GAAA,EAAKpB,KAAA,CAAMoB,GAAG,IAAIpB,KAAA,CAAMqB,QAAQ;IAChCC,QAAA,EAAUtB,KAAA,CAAMuB,gBAAgB,GAC5BvB,KAAA,CAAMuB,gBAAgB,CAACvB,KAAA,IACvBA,KAAA,CAAMwB,YAAY,GAClBxB,KAAA,CAAMwB,YAAY,CAACxB,KAAA,IACnBA,KAAA,CAAMyB,IAAI,IAAIzB,KAAA,CAAMsB;EAC1B;AACF"}

package/lib/components/Menu/MenuShim.js

@@ -3,49 +3,38 @@ import { ContextualMenuItemType } from '@fluentui/react';
 import { MenuItem, MenuDivider, MenuGroup, MenuGroupHeader, MenuTrigger, Menu, MenuList, MenuPopover, MenuItemCheckbox } from '@fluentui/react-components';
 import { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';
 export const MenuItemShim = props => {
-  var _a, _b;
+  var _props_subMenuProps;
   if (props.itemType === ContextualMenuItemType.Divider) {
     const shimProps = shimMenuItemProps(props);
-    return /*#__PURE__*/React.createElement(MenuDivider, {
-      ...shimProps
-    });
+    return /*#__PURE__*/React.createElement(MenuDivider, shimProps);
   }
   if (props.itemType === ContextualMenuItemType.Section) {
+    var _props_subMenuProps1;
     const shimProps = shimMenuHeaderProps(props);
-    return /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(MenuGroupHeader, null, shimProps.children), (_a = props.subMenuProps) === null || _a === void 0 ? void 0 : _a.items.map(item =>
-    /*#__PURE__*/
+    return /*#__PURE__*/React.createElement(MenuGroup, null, /*#__PURE__*/React.createElement(MenuGroupHeader, null, shimProps.children), (_props_subMenuProps1 = props.subMenuProps) === null || _props_subMenuProps1 === void 0 ? void 0 : _props_subMenuProps1.items.map(item =>
     // key is added through item spread
     // eslint-disable-next-line react/jsx-key
-    React.createElement(MenuItemShim, {
-      ...item
-    })));
+    /*#__PURE__*/
+    React.createElement(MenuItemShim, item)));
   }
   if (props.canCheck) {
     const shimProps = shimMenuItemCheckboxProps(props);
-    return /*#__PURE__*/React.createElement(MenuItemCheckbox, {
-      ...shimProps
-    });
+    return /*#__PURE__*/React.createElement(MenuItemCheckbox, shimProps);
   }
   // Nested Menu to handle submenus
-  if (((_b = props.subMenuProps) === null || _b === void 0 ? void 0 : _b.items) && props.subMenuProps.items.length > 0) {
+  if (((_props_subMenuProps = props.subMenuProps) === null || _props_subMenuProps === void 0 ? void 0 : _props_subMenuProps.items) && props.subMenuProps.items.length > 0) {
     const shimmedMenuProps = shimMenuProps(props.subMenuProps);
     const shimmedItemProps = shimMenuItemProps(props);
-    return /*#__PURE__*/React.createElement(Menu, {
-      ...shimmedMenuProps
-    }, /*#__PURE__*/React.createElement(MenuTrigger, null, /*#__PURE__*/React.createElement(MenuItem, {
+    return /*#__PURE__*/React.createElement(Menu, shimmedMenuProps, /*#__PURE__*/React.createElement(MenuTrigger, null, /*#__PURE__*/React.createElement(MenuItem, {
       ...shimmedItemProps,
       hasSubmenu: true
     })), /*#__PURE__*/React.createElement(MenuPopover, null, /*#__PURE__*/React.createElement(MenuList, null, props.subMenuProps.items.map(item =>
-    /*#__PURE__*/
     // key is added through item spread
     // eslint-disable-next-line react/jsx-key
-    React.createElement(MenuItemShim, {
-      ...item
-    })))));
+    /*#__PURE__*/
+    React.createElement(MenuItemShim, item)))));
   }
   const shimProps = shimMenuItemProps(props);
-  return /*#__PURE__*/React.createElement(MenuItem, {
-    ...shimProps
-  });
+  return /*#__PURE__*/React.createElement(MenuItem, shimProps);
 };
 //# sourceMappingURL=MenuShim.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"names":["React","ContextualMenuItemType","MenuItem","MenuDivider","MenuGroup","MenuGroupHeader","MenuTrigger","Menu","MenuList","MenuPopover","MenuItemCheckbox","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps","MenuItemShim","props","_props_subMenuProps","itemType","Divider","shimProps","createElement","Section","_props_subMenuProps1","children","subMenuProps","items","map","item","canCheck","length","shimmedMenuProps","shimmedItemProps","hasSubmenu"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAEvB,SAASC,sBAAsB,QAAQ;AAEvC,SACEC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,gBAAgB,QAEX;AAEP,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ;AAEjG,OAAO,MAAMC,YAAA,GAAgBC,KAAA,IAA+B;MA2BtDC,mBAAA;EA1BJ,IAAID,KAAA,CAAME,QAAQ,KAAKjB,sBAAA,CAAuBkB,OAAO,EAAE;IACrD,MAAMC,SAAA,GAAYP,iBAAA,CAAkBG,KAAA;IACpC,oBAAOhB,KAAA,CAAAqB,aAAA,CAAClB,WAAA,EAAiBiB,SAAA;EAC3B;EAEA,IAAIJ,KAAA,CAAME,QAAQ,KAAKjB,sBAAA,CAAuBqB,OAAO,EAAE;QAMhDC,oBAAA;IALL,MAAMH,SAAA,GAAYT,mBAAA,CAAoBK,KAAA;IACtC,oBACEhB,KAAA,CAAAqB,aAAA,CAACjB,SAAA,qBACCJ,KAAA,CAAAqB,aAAA,CAAChB,eAAA,QAAiBe,SAAA,CAAUI,QAAQ,GAEnC,CAAAD,oBAAA,GAAAP,KAAA,CAAMS,YAAY,cAAlBF,oBAAA,uBAAAA,oBAAA,CAAoBG,KAAA,CAAMC,GAAG,CAACC,IAAA;IAC7B;IACA;;IACA5B,KAAA,CAAAqB,aAAA,CAACN,YAAA,EAAiBa,IAAA,EAClB;EAGR;EAEA,IAAIZ,KAAA,CAAMa,QAAQ,EAAE;IAClB,MAAMT,SAAA,GAAYR,yBAAA,CAA0BI,KAAA;IAC5C,oBAAOhB,KAAA,CAAAqB,aAAA,CAACX,gBAAA,EAAqBU,SAAA;EAC/B;EAEA;EACA,IAAI,EAAAH,mBAAA,GAAAD,KAAA,CAAMS,YAAY,cAAlBR,mBAAA,uBAAAA,mBAAA,CAAoBS,KAAK,KAAIV,KAAA,CAAMS,YAAY,CAACC,KAAK,CAACI,MAAM,GAAG,GAAG;IACpE,MAAMC,gBAAA,GAAmBjB,aAAA,CAAcE,KAAA,CAAMS,YAAY;IACzD,MAAMO,gBAAA,GAAmBnB,iBAAA,CAAkBG,KAAA;IAE3C,oBACEhB,KAAA,CAAAqB,aAAA,CAACd,IAAA,EAASwB,gBAAA,eACR/B,KAAA,CAAAqB,aAAA,CAACf,WAAA,qBACCN,KAAA,CAAAqB,aAAA,CAACnB,QAAA;MAAU,GAAG8B,gBAAgB;MAAEC,UAAA;sBAElCjC,KAAA,CAAAqB,aAAA,CAACZ,WAAA,qBACCT,KAAA,CAAAqB,aAAA,CAACb,QAAA,QACEQ,KAAA,CAAMS,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,IAAA;IAC5B;IACA;;IACA5B,KAAA,CAAAqB,aAAA,CAACN,YAAA,EAAiBa,IAAA;EAM9B;EAEA,MAAMR,SAAA,GAAYP,iBAAA,CAAkBG,KAAA;EACpC,oBAAOhB,KAAA,CAAAqB,aAAA,CAACnB,QAAA,EAAakB,SAAA;AACvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/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"]}
+{"version":3,"names":[],"sources":["../../../src/components/Menu/index.ts"],"sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"],"mappings":"AAAA,cAAc;AACd,cAAc"}

package/lib/components/Menu/shimMenuProps.js

@@ -8,9 +8,7 @@ export const shimMenuProps = props => {
 };
 export const shimMenuItemProps = props => {
   //TODO: Handle menuItem.onRenderIcon
-  const icon = props.iconProps ? /*#__PURE__*/React.createElement(Icon, {
-    ...props.iconProps
-  }) : undefined;
+  const icon = props.iconProps ? /*#__PURE__*/React.createElement(Icon, props.iconProps) : undefined;
   return {
     ...props,
     'aria-label': props.ariaLabel,
@@ -27,9 +25,9 @@ export const shimMenuItemCheckboxProps = props => {
   };
 };
 export const shimMenuHeaderProps = props => {
-  var _a;
+  var _props_sectionProps;
   return {
-    children: (_a = props.sectionProps) === null || _a === void 0 ? void 0 : _a.title
+    children: (_props_sectionProps = props.sectionProps) === null || _props_sectionProps === void 0 ? void 0 : _props_sectionProps.title
   };
 };
 //# sourceMappingURL=shimMenuProps.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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","_props_sectionProps","sectionProps","title"],"sources":["../../../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,YAAYA,KAAA,MAAW;AAEvB,SAASC,IAAI,QAAQ;AAIrB,OAAO,MAAMC,aAAA,GAAiBC,KAAA,IAAoD;EAChF,OAAO;IACLC,QAAA,EAAUD,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOE,KAAK,CAACC,IAAI,CAACC,CAAA,IAAKA,CAAA,CAAEC,SAAS,CAAC;IAC7CC,aAAA,EAAeN,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAOE,KAAK,CAACC,IAAI,CAACC,CAAA,IAAKA,CAAA,CAAEG,QAAQ,IAAIH,CAAA,CAAEI,OAAO;EAC/D;AACF;AAEA,OAAO,MAAMC,iBAAA,GAAqBT,KAAA,IAA8C;EAC9E;EACA,MAAMU,IAAA,GAAOV,KAAA,CAAMK,SAAS,gBAAGR,KAAA,CAAAc,aAAA,CAACb,IAAA,EAASE,KAAA,CAAMK,SAAS,IAAOO,SAAS;EAExE,OAAO;IACL,GAAGZ,KAAK;IACR,cAAcA,KAAA,CAAMa,SAAS;IAC7BC,QAAA,EAAUd,KAAA,CAAMe,IAAI;IACpBL,IAAA;IACAM,gBAAA,EAAkBhB,KAAA,CAAMiB;EAC1B;AACF;AAEA,OAAO,MAAMC,yBAAA,GAA6BlB,KAAA,IAAsD;EAC9F,OAAO;IACL,GAAGS,iBAAA,CAAkBT,KAAA,CAAM;IAC3BmB,IAAA,EAAMnB,KAAA,CAAMe,IAAI,IAAI;IACpBK,KAAA,EAAOpB,KAAA,CAAMoB,KAAK,IAAI;EACxB;AACF;AAEA,OAAO,MAAMC,mBAAA,GAAuBrB,KAAA,IAAqD;MAE3EsB,mBAAA;EADZ,OAAO;IACLR,QAAA,EAAU,CAAAQ,mBAAA,GAAAtB,KAAA,CAAMuB,YAAY,cAAlBD,mBAAA,uBAAAA,mBAAA,CAAoBE;EAChC;AACF"}

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

@@ -1 +1 @@
-{"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":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AAEzD,MAAMC,mBAAmB,GAAG;EAC1BC,IAAI,EAAE;CACP;AAED,MAAMC,sBAAsB,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,OAAA;IAAAC,MAAA;EAAA;EAAAC,aAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAJ,OAAA;EAAA;AAAA;EAAAK,CAAA;AAAA,EAW7B;AAEF,MAAMC,sBAAsB,gBAAGX,QAAA;EAAAY,IAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAD,MAAA;EAAA;EAAAE,MAAA;IAAAF,MAAA;EAAA;EAAAG,KAAA;IAAAH,MAAA;EAAA;EAAAI,GAAA;IAAAJ,MAAA;EAAA;EAAAK,OAAA;IAAAL,MAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,EAmB7B;AAEF,MAAMS,iBAAiB,gBAAGnB,QAAA;EAAA;IAAAoB,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAC,OAAA;IAAAD,OAAA;EAAA;EAAAE,OAAA;IAAAF,OAAA;EAAA;EAAAG,MAAA;IAAAH,OAAA;EAAA;EAAAI,KAAA;IAAAJ,OAAA;EAAA;AAAA;EAAAV,CAAA;AAAA,EAsBxB;AAEF,MAAMe,mBAAmB,gBAAGzB,QAAA;EAAA;IAAAQ,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAa,OAAA;IAAAb,OAAA;EAAA;EAAAc,OAAA;IAAAd,OAAA;EAAA;EAAAe,MAAA;IAAAf,OAAA;EAAA;EAAAgB,KAAA;IAAAhB,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EAsB1B;AAEF,MAAMgB,kBAAkB,gBAAG1B,QAAA;EAAA;IAAA2B,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAAN,OAAA;IAAAM,OAAA;EAAA;EAAAL,OAAA;IAAAK,OAAA;EAAA;EAAAH,KAAA;IAAAG,OAAA;EAAA;EAAAJ,MAAA;IAAAI,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;EAAA;IAAAA,OAAA;EAAA;AAAA;EAAAjB,CAAA;AAAA,EAkCzB;AAEF,OAAO,MAAMkB,aAAa,GAAIC,KAAsB,IAAI;EACtD,MAAM;IAAEC,IAAI;IAAEC,MAAM;IAAExB,aAAa;IAAEyB,KAAK;IAAEvB,YAAY;IAAEwB,KAAK;IAAEC,SAAS;IAAEC;EAAQ,CAAE,GAAGN,KAAK;EAE9F,MAAMO,MAAM,GAAGhC,sBAAsB,EAAE;EACvC,MAAMiC,eAAe,GAAG1B,sBAAsB,EAAE;EAChD,MAAM2B,gBAAgB,GAAGb,mBAAmB,EAAE;EAC9C,MAAMc,cAAc,GAA2BpB,iBAAiB,EAAE;EAClE,MAAMqB,eAAe,GAA2Bd,kBAAkB,EAAE;EAEpE,MAAMe,eAAe,GAAG,CAACL,MAAM,CAACjC,IAAI,EAAE6B,KAAK,IAAIK,eAAe,CAACL,KAAK,CAAC,EAAEvB,YAAY,IAAI2B,MAAM,CAAC3B,YAAY,CAAC;EAE3G,IAAIwB,KAAK,EAAE;IACTQ,eAAe,CAACC,IAAI,CAACF,eAAe,CAACP,KAAK,CAAC,CAAC;;EAG9C,IAAIH,IAAI,EAAE;IACR,MAAMa,QAAQ,GAAGb,IAAI,KAAK,IAAI,GAAGS,cAAc,CAAC,CAAC,CAAC,GAAGA,cAAc,CAACT,IAAI,CAAC;IACzEW,eAAe,CAACC,IAAI,CAACC,QAAQ,CAAC;;EAGhC,IAAIZ,MAAM,IAAI,CAACxB,aAAa,EAAE;IAC5BkC,eAAe,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC;GAC1C,MAAM,IAAI/B,aAAa,IAAK,CAACuB,IAAI,IAAI,CAACC,MAAO,EAAE;IAC9CU,eAAe,CAACC,IAAI,CAACJ,gBAAgB,CAAC,CAAC,CAAC,CAAC;;EAG3C,IAAI/B,aAAa,EAAE;IACjBkC,eAAe,CAACC,IAAI,CAACN,MAAM,CAAC7B,aAAa,CAAC;;EAG5C,MAAMqC,UAAU,GAAG3C,YAAY,CAACC,mBAAmB,CAACC,IAAI,EAAE,GAAGsC,eAAe,EAAEP,SAAS,CAAC;EAExF,oBAAOnC,KAAA,CAAA8C,aAAA;IAAKX,SAAS,EAAEU;EAAU,GAAGT,QAAQ,CAAO;AACrD,CAAC"}
+{"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/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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"}