@fluentui/react-migration-v8-v9 1.0.24 → 1.0.26

package/CHANGELOG.json

@@ -2,7 +2,67 @@
   "name": "@fluentui/react-migration-v8-v9",
   "entries": [
     {
-      "date": "Wed, 21 Dec 2022 07:46:37 GMT",
+      "date": "Wed, 04 Jan 2023 07:45:38 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v1.0.26",
+      "version": "1.0.26",
+      "comments": {
+        "patch": [
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "2c38f1e4ae07b2b60df596efe11015a68f166dbf",
+            "comment": "chore: Update Griffel to latest version"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 02 Jan 2023 07:46:48 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v1.0.25",
+      "version": "1.0.25",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "4ec2b998b294d6d9c3196d3d82893bdd97d0c105",
+            "comment": "chore(scripts): move index.ts to  to follow sub-folder domain packaging"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 30 Dec 2022 07:51:07 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v1.0.25",
+      "version": "1.0.25",
+      "comments": {
+        "none": [
+          {
+            "author": "martinhochel@microsoft.com",
+            "package": "@fluentui/react-migration-v8-v9",
+            "commit": "194b0cf0cc27c1c1233aa945f09b3ad29778d8ca",
+            "comment": "chore(scripts): use for @fluentui/scripts version within all package.json"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 23 Dec 2022 07:55:40 GMT",
+      "tag": "@fluentui/react-migration-v8-v9_v1.0.25",
+      "version": "1.0.25",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-migration-v8-v9",
+            "comment": "Bump @fluentui/react to v8.104.1",
+            "commit": "64040a4899e338d8e4e11819975b717276702b9c"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 21 Dec 2022 07:47:36 GMT",
       "tag": "@fluentui/react-migration-v8-v9_v1.0.24",
       "version": "1.0.24",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/react-migration-v8-v9
 
-This log was last generated on Wed, 21 Dec 2022 07:46:37 GMT and should not be manually modified.
+This log was last generated on Wed, 04 Jan 2023 07:45:38 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [1.0.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.26)
+
+Wed, 04 Jan 2023 07:45:38 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.25..@fluentui/react-migration-v8-v9_v1.0.26)
+
+### Patches
+
+- chore: Update Griffel to latest version ([PR #26045](https://github.com/microsoft/fluentui/pull/26045) by olfedias@microsoft.com)
+
+## [1.0.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.25)
+
+Fri, 23 Dec 2022 07:55:40 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.24..@fluentui/react-migration-v8-v9_v1.0.25)
+
+### Patches
+
+- Bump @fluentui/react to v8.104.1 ([PR #26073](https://github.com/microsoft/fluentui/pull/26073) by beachball)
+
 ## [1.0.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-migration-v8-v9_v1.0.24)
 
-Wed, 21 Dec 2022 07:46:37 GMT 
+Wed, 21 Dec 2022 07:47:36 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-migration-v8-v9_v1.0.23..@fluentui/react-migration-v8-v9_v1.0.24)
 
 ### Patches

package/lib/components/Button/ActionButtonShim.js

@@ -4,13 +4,14 @@ import { shimButtonProps } from './shimButtonProps';
 /**
  * Shims a v8 ActionButton to render a v9 Button
  */
-
 export const ActionButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
-  const variantProps = { ...props,
+  const variantProps = {
+    ...props,
     variantClassName: 'ms-Button--action ms-Button--command'
   };
   const shimProps = shimButtonProps(variantProps);
-  return /*#__PURE__*/React.createElement(Button, { ...props,
+  return /*#__PURE__*/React.createElement(Button, {
+    ...props,
     ...shimProps,
     appearance: "transparent"
   });

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

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

package/lib/components/Button/ButtonShim.js

@@ -5,20 +5,19 @@ import { ToggleButtonShim } from './ToggleButtonShim';
 import { CompoundButtonShim } from './CompoundButtonShim';
 export const ButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
   var _a;
-
   const shimProps = shimButtonProps(props);
-
   if (props.toggle) {
-    return /*#__PURE__*/React.createElement(ToggleButtonShim, { ...props
+    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
+    return /*#__PURE__*/React.createElement(CompoundButtonShim, {
+      ...props
     });
   }
-
-  return /*#__PURE__*/React.createElement(Button, { ...props,
+  return /*#__PURE__*/React.createElement(Button, {
+    ...props,
     ...shimProps
   });
 });

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

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

package/lib/components/Button/CompoundButtonShim.js

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

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

@@ -1 +1 @@
-{"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/"}
+{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAI9B,SAASC,cAAc,QAAQ,4BAA4B;AAG3D,SAASC,eAAe,QAAQ,mBAAmB;AAEnD;;;AAGA,OAAO,MAAMC,kBAAkB,gBAE3BH,KAAK,CAACI,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,4BAA4B,GAAG;GAClE;EAED,MAAMC,SAAS,GAAwB;IACrC,GAAGR,eAAe,CAACK,YAAY,CAAC;IAChCI,gBAAgB,EAAEN,KAAK,CAACO,aAAa,KAAI,WAAK,CAACC,mBAAmB,+CAAzBR,KAAK,EAAuBA,KAAK,CAAC;GAC5E;EAED,oBAAOL,oBAACC,cAAc;IAAA,GAAMI,KAAgD;IAAA,GAAMK;EAAS,EAAI;AACjG,CAAC,CAAC","names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription"],"sourceRoot":"../src/","sources":["packages/react-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"]}

package/lib/components/Button/DefaultButtonShim.js

@@ -3,9 +3,9 @@ import { ButtonShim } from './ButtonShim';
 /**
  * Shims a v8 DefaultButton to render a v9 Button
  */
-
 export const DefaultButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
-  return /*#__PURE__*/React.createElement(ButtonShim, { ...props,
+  return /*#__PURE__*/React.createElement(ButtonShim, {
+    ...props,
     variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default'
   });
 });

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

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

package/lib/components/Button/MenuButtonShim.js

@@ -4,20 +4,24 @@ import { MenuItemShim, shimMenuProps } from '../Menu/index';
 import { shimButtonProps } from './shimButtonProps';
 export const MenuButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
   var _a;
-
-  const variantProps = { ...props,
+  const variantProps = {
+    ...props,
     variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default'
   };
-  const shimProps = { ...shimButtonProps(variantProps)
+  const shimProps = {
+    ...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
+  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__*/
   // key is added through item spread
   // eslint-disable-next-line react/jsx-key
-  React.createElement(MenuItemShim, { ...item
+  React.createElement(MenuItemShim, {
+    ...item
   })))));
 });
 //# sourceMappingURL=MenuButtonShim.js.map

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

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

package/lib/components/Button/PrimaryButtonShim.js

@@ -3,9 +3,9 @@ import { ButtonShim } from './ButtonShim';
 /**
  * Shims v8 PrimaryButton to render a v9 Button
  */
-
 export const PrimaryButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
-  return /*#__PURE__*/React.createElement(ButtonShim, { ...props,
+  return /*#__PURE__*/React.createElement(ButtonShim, {
+    ...props,
     primary: true,
     variantClassName: "ms-Button--primary"
   });

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

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

package/lib/components/Button/ToggleButtonShim.js

@@ -4,16 +4,18 @@ import { shimButtonProps } from './shimButtonProps';
 /**
  * Shims v8 ToggleButton to render a v9 ToggleButton
  */
-
 export const ToggleButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
-  const variantProps = { ...props,
+  const variantProps = {
+    ...props,
     variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound'
   };
-  const shimProps = { ...shimButtonProps(variantProps),
+  const shimProps = {
+    ...shimButtonProps(variantProps),
     checked: props.checked,
     defaultChecked: props.defaultChecked
   };
-  return /*#__PURE__*/React.createElement(ToggleButton, { ...props,
+  return /*#__PURE__*/React.createElement(ToggleButton, {
+    ...props,
     ...shimProps
   });
 });

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

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

package/lib/components/Button/shimButtonProps.js

@@ -1,14 +1,15 @@
 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
+  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 className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');
-  return { // spread incoming props to propagate HTML properties not part of IBaseButtonProps
+  return {
+    // spread incoming props to propagate HTML properties not part of IBaseButtonProps
     ...props,
     appearance: props.primary ? 'primary' : undefined,
     className,

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

@@ -1 +1 @@
-{"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/"}
+{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,QAAQ,iBAAiB;AAKtC,OAAO,MAAMC,eAAe,GAAIC,KAAgE,IAAiB;;EAC/G;EACA,MAAMC,IAAI,GAAGD,KAAK,CAACE,YAAY,GAC7BF,KAAK,CAACE,YAAY,CAACF,KAAK,CAAC,GACvBA,KAAK,CAACG,SAAS,gBACjBN,oBAACC,IAAI;IAAA,GAAKE,KAAK,CAACG;EAAS,EAAI,GAC3BC,SAAS;EAEb,MAAMC,gBAAgB,GAAG,YAAK,CAACA,gBAAgB,mCAAIL,KAAK,CAACM,OAAO,IAAG,oBAAoB,GAAG,oBAAoB;EAC9G,MAAMC,SAAS,GAAG,CAACP,KAAK,CAACQ,aAAa,EAAEH,gBAAgB,EAAEL,KAAK,CAACO,SAAS,CAAC,CAACE,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAEpG,OAAO;IACL;IACA,GAAGX,KAAK;IACRY,UAAU,EAAEZ,KAAK,CAACM,OAAO,GAAG,SAAS,GAAGF,SAAS;IACjDG,SAAS;IACTM,QAAQ,EAAEb,KAAK,CAACa,QAAQ;IACxBC,iBAAiB,EAAEd,KAAK,CAACe,kBAAkB;IAC3C,aAAa,EAAEf,KAAK,CAACgB,UAAU;IAC/B,YAAY,EAAEhB,KAAK,CAACiB,SAAS;IAC7BhB,IAAI;IACJiB,GAAG,EAAElB,KAAK,CAACkB,GAAG,IAAIlB,KAAK,CAACmB,QAAQ;IAChCC,QAAQ,EAAEpB,KAAK,CAACqB,gBAAgB,GAC5BrB,KAAK,CAACqB,gBAAgB,CAACrB,KAAK,CAAC,GAC7BA,KAAK,CAACsB,YAAY,GAClBtB,KAAK,CAACsB,YAAY,CAACtB,KAAK,CAAC,GACzBA,KAAK,CAACuB,IAAI,IAAIvB,KAAK,CAACoB;GACV;AAClB,CAAC","names":["React","Icon","shimButtonProps","props","icon","onRenderIcon","iconProps","undefined","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"sourceRoot":"../src/","sources":["packages/react-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"]}

package/lib/components/Menu/MenuShim.js

@@ -4,46 +4,48 @@ import { MenuItem, MenuDivider, MenuGroup, MenuGroupHeader, MenuTrigger, Menu, M
 import { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';
 export const MenuItemShim = props => {
   var _a, _b;
-
   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) {
     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__*/
     // key is added through item spread
     // eslint-disable-next-line react/jsx-key
-    React.createElement(MenuItemShim, { ...item
+    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
-
-
+  }
+  // Nested Menu to handle submenus
   if (((_b = props.subMenuProps) === null || _b === void 0 ? void 0 : _b.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, { ...shimmedItemProps,
+    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
+    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,"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/"}
+{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,sBAAsB,QAAQ,iBAAiB;AAExD,SACEC,QAAQ,EACRC,WAAW,EACXC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,gBAAgB,QAEX,4BAA4B;AAEnC,SAASC,mBAAmB,EAAEC,yBAAyB,EAAEC,iBAAiB,EAAEC,aAAa,QAAQ,iBAAiB;AAElH,OAAO,MAAMC,YAAY,GAAIC,KAA0B,IAAI;;EACzD,IAAIA,KAAK,CAACC,QAAQ,KAAKhB,sBAAsB,CAACiB,OAAO,EAAE;IACrD,MAAMC,SAAS,GAAGN,iBAAiB,CAACG,KAAK,CAAC;IAC1C,oBAAOhB,oBAACG,WAAW;MAAA,GAAMgB;IAA8B,EAAI;;EAG7D,IAAIH,KAAK,CAACC,QAAQ,KAAKhB,sBAAsB,CAACmB,OAAO,EAAE;IACrD,MAAMD,SAAS,GAAGR,mBAAmB,CAACK,KAAK,CAAC;IAC5C,oBACEhB,oBAACI,SAAS,qBACRJ,oBAACK,eAAe,QAAEc,SAAS,CAACE,QAAQ,CAAmB,EAEtD,WAAK,CAACC,YAAY,0CAAEC,KAAK,CAACC,GAAG,CAACC,IAAI;IAAA;IACjC;IACA;IACAzB,oBAACe,YAAY;MAAA,GAAKU;IAAI,EACvB,CAAC,CACQ;;EAIhB,IAAIT,KAAK,CAACU,QAAQ,EAAE;IAClB,MAAMP,SAAS,GAAGP,yBAAyB,CAACI,KAAK,CAAC;IAClD,oBAAOhB,oBAACU,gBAAgB;MAAA,GAAKS;IAAS,EAAI;;EAG5C;EACA,IAAI,YAAK,CAACG,YAAY,0CAAEC,KAAK,KAAIP,KAAK,CAACM,YAAY,CAACC,KAAK,CAACI,MAAM,GAAG,CAAC,EAAE;IACpE,MAAMC,gBAAgB,GAAGd,aAAa,CAACE,KAAK,CAACM,YAAY,CAAC;IAC1D,MAAMO,gBAAgB,GAAGhB,iBAAiB,CAACG,KAAK,CAAC;IAEjD,oBACEhB,oBAACO,IAAI;MAAA,GAAKqB;IAAgB,gBACxB5B,oBAACM,WAAW,qBACVN,oBAACE,QAAQ;MAAA,GAAK2B,gBAAgB;MAAEC,UAAU;IAAA,EAAG,CACjC,eACd9B,oBAACS,WAAW,qBACVT,oBAACQ,QAAQ,QACNQ,KAAK,CAACM,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,IAAI;IAAA;IAChC;IACA;IACAzB,oBAACe,YAAY;MAAA,GAAKU;IAAI,EACvB,CAAC,CACO,CACC,CACT;;EAIX,MAAMN,SAAS,GAAGN,iBAAiB,CAACG,KAAK,CAAC;EAC1C,oBAAOhB,oBAACE,QAAQ;IAAA,GAAKiB;EAAS,EAAI;AACpC,CAAC","names":["React","ContextualMenuItemType","MenuItem","MenuDivider","MenuGroup","MenuGroupHeader","MenuTrigger","Menu","MenuList","MenuPopover","MenuItemCheckbox","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps","MenuItemShim","props","itemType","Divider","shimProps","Section","children","subMenuProps","items","map","item","canCheck","length","shimmedMenuProps","shimmedItemProps","hasSubmenu"],"sourceRoot":"../src/","sources":["packages/react-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"]}

package/lib/components/Menu/shimMenuProps.js

@@ -8,9 +8,11 @@ export const shimMenuProps = props => {
 };
 export const shimMenuItemProps = props => {
   //TODO: Handle menuItem.onRenderIcon
-  const icon = props.iconProps ? /*#__PURE__*/React.createElement(Icon, { ...props.iconProps
+  const icon = props.iconProps ? /*#__PURE__*/React.createElement(Icon, {
+    ...props.iconProps
   }) : undefined;
-  return { ...props,
+  return {
+    ...props,
     'aria-label': props.ariaLabel,
     children: props.text,
     icon,
@@ -18,14 +20,14 @@ export const shimMenuItemProps = props => {
   };
 };
 export const shimMenuItemCheckboxProps = props => {
-  return { ...shimMenuItemProps(props),
+  return {
+    ...shimMenuItemProps(props),
     name: props.text || 'name',
     value: props.value || 'value'
   };
 };
 export const shimMenuHeaderProps = props => {
   var _a;
-
   return {
     children: (_a = props.sectionProps) === null || _a === void 0 ? void 0 : _a.title
   };

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

@@ -1 +1 @@
-{"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/"}
+{"version":3,"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,IAAI,QAAQ,iBAAiB;AAItC,OAAO,MAAMC,aAAa,GAAIC,KAA2B,IAAwB;EAC/E,OAAO;IACLC,QAAQ,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,SAAS,CAAC;IAC7CC,aAAa,EAAEN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACG,QAAQ,IAAIH,CAAC,CAACI,OAAO;GAC9D;AACH,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAIT,KAA0B,IAAmB;EAC7E;EACA,MAAMU,IAAI,GAAGV,KAAK,CAACK,SAAS,gBAAGR,oBAACC,IAAI;IAAA,GAAKE,KAAK,CAACK;EAAS,EAAI,GAAGM,SAAS;EAExE,OAAO;IACL,GAAGX,KAAK;IACR,YAAY,EAAEA,KAAK,CAACY,SAAS;IAC7BC,QAAQ,EAAEb,KAAK,CAACc,IAAI;IACpBJ,IAAI;IACJK,gBAAgB,EAAEf,KAAK,CAACgB;GACR;AACpB,CAAC;AAED,OAAO,MAAMC,yBAAyB,GAAIjB,KAA0B,IAA2B;EAC7F,OAAO;IACL,GAAGS,iBAAiB,CAACT,KAAK,CAAC;IAC3BkB,IAAI,EAAElB,KAAK,CAACc,IAAI,IAAI,MAAM;IAC1BK,KAAK,EAAEnB,KAAK,CAACmB,KAAK,IAAI;GACvB;AACH,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAIpB,KAA0B,IAA0B;;EACtF,OAAO;IACLa,QAAQ,EAAE,WAAK,CAACQ,YAAY,0CAAEC;GAC/B;AACH,CAAC","names":["React","Icon","shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","shimMenuItemProps","icon","undefined","ariaLabel","children","text","secondaryContent","secondaryText","shimMenuItemCheckboxProps","name","value","shimMenuHeaderProps","sectionProps","title"],"sourceRoot":"../src/","sources":["packages/react-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"]}