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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/CHANGELOG.json +46 -1
  2. package/CHANGELOG.md +11 -2
  3. package/lib/components/Button/ActionButtonShim.js +4 -3
  4. package/lib/components/Button/ActionButtonShim.js.map +1 -1
  5. package/lib/components/Button/ButtonShim.js +6 -7
  6. package/lib/components/Button/ButtonShim.js.map +1 -1
  7. package/lib/components/Button/CompoundButtonShim.js +6 -5
  8. package/lib/components/Button/CompoundButtonShim.js.map +1 -1
  9. package/lib/components/Button/DefaultButtonShim.js +2 -2
  10. package/lib/components/Button/DefaultButtonShim.js.map +1 -1
  11. package/lib/components/Button/MenuButtonShim.js +10 -6
  12. package/lib/components/Button/MenuButtonShim.js.map +1 -1
  13. package/lib/components/Button/PrimaryButtonShim.js +2 -2
  14. package/lib/components/Button/PrimaryButtonShim.js.map +1 -1
  15. package/lib/components/Button/ToggleButtonShim.js +6 -4
  16. package/lib/components/Button/ToggleButtonShim.js.map +1 -1
  17. package/lib/components/Button/shimButtonProps.js +6 -5
  18. package/lib/components/Button/shimButtonProps.js.map +1 -1
  19. package/lib/components/Menu/MenuShim.js +16 -14
  20. package/lib/components/Menu/MenuShim.js.map +1 -1
  21. package/lib/components/Menu/shimMenuProps.js +6 -4
  22. package/lib/components/Menu/shimMenuProps.js.map +1 -1
  23. package/lib/components/Stack/StackItemShim.js +61 -72
  24. package/lib/components/Stack/StackItemShim.js.map +1 -1
  25. package/lib/components/Stack/StackShim.js +85 -101
  26. package/lib/components/Stack/StackShim.js.map +1 -1
  27. package/lib/components/Stack/stackUtils.js +12 -24
  28. package/lib/components/Stack/stackUtils.js.map +1 -1
  29. package/lib/components/Theme/themeDuplicates.js.map +1 -1
  30. package/lib/components/Theme/v8ThemeShim.js +34 -27
  31. package/lib/components/Theme/v8ThemeShim.js.map +1 -1
  32. package/lib/components/Theme/v9BrandVariantsShim.js +0 -8
  33. package/lib/components/Theme/v9BrandVariantsShim.js.map +1 -1
  34. package/lib/components/Theme/v9ThemeShim.js +2 -8
  35. package/lib/components/Theme/v9ThemeShim.js.map +1 -1
  36. package/lib/index.js.map +1 -1
  37. package/lib-commonjs/components/Button/ActionButtonShim.js +4 -7
  38. package/lib-commonjs/components/Button/ActionButtonShim.js.map +1 -1
  39. package/lib-commonjs/components/Button/ButtonShim.js +6 -13
  40. package/lib-commonjs/components/Button/ButtonShim.js.map +1 -1
  41. package/lib-commonjs/components/Button/CommandButtonShim.js +0 -2
  42. package/lib-commonjs/components/Button/CommandButtonShim.js.map +1 -1
  43. package/lib-commonjs/components/Button/CompoundButtonShim.js +6 -9
  44. package/lib-commonjs/components/Button/CompoundButtonShim.js.map +1 -1
  45. package/lib-commonjs/components/Button/DefaultButtonShim.js +2 -5
  46. package/lib-commonjs/components/Button/DefaultButtonShim.js.map +1 -1
  47. package/lib-commonjs/components/Button/MenuButtonShim.js +12 -12
  48. package/lib-commonjs/components/Button/MenuButtonShim.js.map +1 -1
  49. package/lib-commonjs/components/Button/PrimaryButtonShim.js +2 -5
  50. package/lib-commonjs/components/Button/PrimaryButtonShim.js.map +1 -1
  51. package/lib-commonjs/components/Button/ToggleButtonShim.js +6 -8
  52. package/lib-commonjs/components/Button/ToggleButtonShim.js.map +1 -1
  53. package/lib-commonjs/components/Button/index.js +0 -10
  54. package/lib-commonjs/components/Button/index.js.map +1 -1
  55. package/lib-commonjs/components/Button/shimButtonProps.js +6 -9
  56. package/lib-commonjs/components/Button/shimButtonProps.js.map +1 -1
  57. package/lib-commonjs/components/Menu/MenuShim.js +20 -22
  58. package/lib-commonjs/components/Menu/MenuShim.js.map +1 -1
  59. package/lib-commonjs/components/Menu/index.js +0 -3
  60. package/lib-commonjs/components/Menu/index.js.map +1 -1
  61. package/lib-commonjs/components/Menu/shimMenuProps.js +6 -14
  62. package/lib-commonjs/components/Menu/shimMenuProps.js.map +1 -1
  63. package/lib-commonjs/components/Stack/StackItemShim.js +61 -76
  64. package/lib-commonjs/components/Stack/StackItemShim.js.map +1 -1
  65. package/lib-commonjs/components/Stack/StackShim.js +85 -107
  66. package/lib-commonjs/components/Stack/StackShim.js.map +1 -1
  67. package/lib-commonjs/components/Stack/index.js +0 -3
  68. package/lib-commonjs/components/Stack/index.js.map +1 -1
  69. package/lib-commonjs/components/Stack/stackUtils.js +12 -29
  70. package/lib-commonjs/components/Stack/stackUtils.js.map +1 -1
  71. package/lib-commonjs/components/Theme/index.js +0 -5
  72. package/lib-commonjs/components/Theme/index.js.map +1 -1
  73. package/lib-commonjs/components/Theme/themeDuplicates.js +1 -1
  74. package/lib-commonjs/components/Theme/themeDuplicates.js.map +1 -1
  75. package/lib-commonjs/components/Theme/v8ThemeShim.js +34 -31
  76. package/lib-commonjs/components/Theme/v8ThemeShim.js.map +1 -1
  77. package/lib-commonjs/components/Theme/v9BrandVariantsShim.js +0 -11
  78. package/lib-commonjs/components/Theme/v9BrandVariantsShim.js.map +1 -1
  79. package/lib-commonjs/components/Theme/v9ThemeShim.js +2 -12
  80. package/lib-commonjs/components/Theme/v9ThemeShim.js.map +1 -1
  81. package/lib-commonjs/index.js +0 -8
  82. package/lib-commonjs/index.js.map +1 -1
  83. package/package.json +6 -6
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/MenuButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AAEA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;;AAEa,OAAA,CAAA,cAAA,gBAET,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,iBAAA,CAAA,eAAA,CAAgB,YAAhB;EAD8B,CAAnC;EAIA,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAN,GAAkB,OAAA,CAAA,aAAA,CAAc,KAAK,CAAC,SAApB,CAAlB,GAAmD,EAA5E;EAEA,OACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,IAAD,EAAK,EAAA,GAAK;EAAL,CAAL,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,WAAD,EAAY,IAAZ,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,UAAD,EAAW,EAAA,GAAK;EAAL,CAAX,CADF,CADF,EAIE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,WAAD,EAAY,IAAZ,EACE,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,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,IAC9B;EACA;EACA,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,YAAD,EAAa,EAAA,GAAK;EAAL,CAAb,CAHc,CADlB,CADF,CAJF,CADF;AAgBD,CA5BG,CAFS","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/"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AAGA;AAEA;AAEA;AAEaA,sBAAc,gBAEvBC,KAAK,CAACC,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,GAAGC,iCAAe,CAACJ,YAAY;GAChC;EAED,MAAMK,gBAAgB,GAAGP,KAAK,CAACQ,SAAS,GAAGC,qBAAa,CAACT,KAAK,CAACQ,SAAS,CAAC,GAAG,EAAE;EAE9E,OACEV,oBAACY,uBAAI;IAAA,GAAKH;EAAgB,GACxBT,oBAACY,8BAAW,QACVZ,oBAACY,6BAAU;IAAA,GAAKL;EAAS,EAAI,CACjB,EACdP,oBAACY,8BAAW,QACVZ,oBAACY,2BAAQ,QACN,WAAK,CAACF,SAAS,0CAAEG,KAAK,CAACC,GAAG,CAACC,IAAI;EAC9B;EACA;EACAf,oBAACW,oBAAY;IAAA,GAAKI;EAAI,EACvB,CAAC,CACO,CACC,CACT;AAEX,CAAC,CAAC","names":["exports","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps_1","shimmedMenuProps","menuProps","index_1","react_components_1","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"]}
@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.PrimaryButtonShim = void 0;
7
-
8
7
  const React = /*#__PURE__*/require("react");
9
-
10
8
  const ButtonShim_1 = /*#__PURE__*/require("./ButtonShim");
11
9
  /**
12
10
  * Shims v8 PrimaryButton to render a v9 Button
13
11
  */
14
-
15
-
16
12
  exports.PrimaryButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
17
- return React.createElement(ButtonShim_1.ButtonShim, { ...props,
13
+ return React.createElement(ButtonShim_1.ButtonShim, {
14
+ ...props,
18
15
  primary: true,
19
16
  variantClassName: "ms-Button--primary"
20
17
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/PrimaryButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,MAAA,YAAA,gBAAA,OAAA,CAAA,cAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,iBAAA,gBAET,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,IAAR,KAAgB;EACnC,OAAO,KAAA,CAAA,aAAA,CAAC,YAAA,CAAA,UAAD,EAAW,EAAA,GAAK,KAAL;IAAY,OAAO,EAAA,IAAnB;IAAoB,gBAAgB,EAAC;EAArC,CAAX,CAAP;AACD,CAFG,CAFS","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/"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AAGA;AAEA;;;AAGaA,yBAAiB,gBAE1BC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,OAAOH,oBAACI,uBAAU;IAAA,GAAKF,KAAK;IAAEG,OAAO;IAACC,gBAAgB,EAAC;EAAoB,EAAG;AAChF,CAAC,CAAC","names":["exports","React","forwardRef","props","_ref","ButtonShim_1","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"]}
@@ -4,26 +4,24 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.ToggleButtonShim = void 0;
7
-
8
7
  const React = /*#__PURE__*/require("react");
9
-
10
8
  const react_components_1 = /*#__PURE__*/require("@fluentui/react-components");
11
-
12
9
  const shimButtonProps_1 = /*#__PURE__*/require("./shimButtonProps");
13
10
  /**
14
11
  * Shims v8 ToggleButton to render a v9 ToggleButton
15
12
  */
16
-
17
-
18
13
  exports.ToggleButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
19
- const variantProps = { ...props,
14
+ const variantProps = {
15
+ ...props,
20
16
  variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound'
21
17
  };
22
- const shimProps = { ...shimButtonProps_1.shimButtonProps(variantProps),
18
+ const shimProps = {
19
+ ...shimButtonProps_1.shimButtonProps(variantProps),
23
20
  checked: props.checked,
24
21
  defaultChecked: props.defaultChecked
25
22
  };
26
- return React.createElement(react_components_1.ToggleButton, { ...props,
23
+ return React.createElement(react_components_1.ToggleButton, {
24
+ ...props,
27
25
  ...shimProps
28
26
  });
29
27
  });
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/ToggleButtonShim.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAIA,MAAA,kBAAA,gBAAA,OAAA,CAAA,4BAAA,CAAA;;AAGA,MAAA,iBAAA,gBAAA,OAAA,CAAA,mBAAA,CAAA;AAEA;;AAEG;;;AACU,OAAA,CAAA,gBAAA,gBAET,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,iBAAA,CAAA,eAAA,CAAgB,YAAhB,CADgC;IAEnC,OAAO,EAAE,KAAK,CAAC,OAFoB;IAGnC,cAAc,EAAE,KAAK,CAAC;EAHa,CAArC;EAMA,OAAO,KAAA,CAAA,aAAA,CAAC,kBAAA,CAAA,YAAD,EAAa,EAAA,GAAM,KAAN;IAAsD,GAAM;EAA5D,CAAb,CAAP;AACD,CAbG,CAFS","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/"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AAIA;AAGA;AAEA;;;AAGaA,wBAAgB,gBAEzBC,KAAK,CAACC,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,GAAGC,iCAAe,CAACJ,YAAY,CAAC;IAChCK,OAAO,EAAEP,KAAK,CAACO,OAAO;IACtBC,cAAc,EAAER,KAAK,CAACQ;GACvB;EAED,OAAOV,oBAACW,+BAAY;IAAA,GAAMT,KAAgD;IAAA,GAAMK;EAAS,EAAI;AAC/F,CAAC,CAAC","names":["exports","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps_1","checked","defaultChecked","react_components_1"],"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"]}
@@ -3,24 +3,14 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
7
6
  const tslib_1 = /*#__PURE__*/require("tslib");
8
-
9
7
  tslib_1.__exportStar(require("./ActionButtonShim"), exports);
10
-
11
8
  tslib_1.__exportStar(require("./ButtonShim"), exports);
12
-
13
9
  tslib_1.__exportStar(require("./CommandButtonShim"), exports);
14
-
15
10
  tslib_1.__exportStar(require("./CompoundButtonShim"), exports);
16
-
17
11
  tslib_1.__exportStar(require("./DefaultButtonShim"), exports);
18
-
19
12
  tslib_1.__exportStar(require("./MenuButtonShim"), exports);
20
-
21
13
  tslib_1.__exportStar(require("./PrimaryButtonShim"), exports);
22
-
23
14
  tslib_1.__exportStar(require("./shimButtonProps"), exports);
24
-
25
15
  tslib_1.__exportStar(require("./ToggleButtonShim"), exports);
26
16
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,cAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,sBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,oBAAA,CAAA,EAAA,OAAA","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"],"sourceRoot":"../src/"}
1
+ {"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/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"]}
@@ -4,20 +4,18 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.shimButtonProps = void 0;
7
-
8
7
  const React = /*#__PURE__*/require("react");
9
-
10
8
  const react_1 = /*#__PURE__*/require("@fluentui/react");
11
-
12
9
  const shimButtonProps = props => {
13
- var _a; //TODO: Icon shim. This still renders the v8 icon.
14
-
15
-
16
- const icon = props.onRenderIcon ? props.onRenderIcon(props) : props.iconProps ? React.createElement(react_1.Icon, { ...props.iconProps
10
+ var _a;
11
+ //TODO: Icon shim. This still renders the v8 icon.
12
+ const icon = props.onRenderIcon ? props.onRenderIcon(props) : props.iconProps ? React.createElement(react_1.Icon, {
13
+ ...props.iconProps
17
14
  }) : undefined;
18
15
  const variantClassName = ((_a = props.variantClassName) !== null && _a !== void 0 ? _a : props.primary) ? 'ms-Button--primary' : 'ms-Button--default';
19
16
  const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');
20
- return { // spread incoming props to propagate HTML properties not part of IBaseButtonProps
17
+ return {
18
+ // spread incoming props to propagate HTML properties not part of IBaseButtonProps
21
19
  ...props,
22
20
  appearance: props.primary ? 'primary' : undefined,
23
21
  className,
@@ -30,6 +28,5 @@ const shimButtonProps = props => {
30
28
  children: props.onRenderChildren ? props.onRenderChildren(props) : props.onRenderText ? props.onRenderText(props) : props.text || props.children
31
29
  };
32
30
  };
33
-
34
31
  exports.shimButtonProps = shimButtonProps;
35
32
  //# sourceMappingURL=shimButtonProps.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/shimButtonProps.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAKO,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,GACF,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,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;;AAAM,OAAA,CAAA,eAAA,GAAe,eAAf","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/"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AAEA;AAKO,MAAMA,eAAe,GAAIC,KAAgE,IAAiB;;EAC/G;EACA,MAAMC,IAAI,GAAGD,KAAK,CAACE,YAAY,GAC7BF,KAAK,CAACE,YAAY,CAACF,KAAK,CAAC,GACvBA,KAAK,CAACG,SAAS,GACjBC,oBAACC,YAAI;IAAA,GAAKL,KAAK,CAACG;EAAS,EAAI,GAC3BG,SAAS;EAEb,MAAMC,gBAAgB,GAAG,YAAK,CAACA,gBAAgB,mCAAIP,KAAK,CAACQ,OAAO,IAAG,oBAAoB,GAAG,oBAAoB;EAC9G,MAAMC,SAAS,GAAG,CAACT,KAAK,CAACU,aAAa,EAAEH,gBAAgB,EAAEP,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,GAAGF,SAAS;IACjDG,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;AA5BYI,uBAAe","names":["shimButtonProps","props","icon","onRenderIcon","iconProps","React","react_1","undefined","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text","exports"],"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"]}
@@ -4,55 +4,53 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.MenuItemShim = void 0;
7
-
8
7
  const React = /*#__PURE__*/require("react");
9
-
10
8
  const react_1 = /*#__PURE__*/require("@fluentui/react");
11
-
12
9
  const react_components_1 = /*#__PURE__*/require("@fluentui/react-components");
13
-
14
10
  const shimMenuProps_1 = /*#__PURE__*/require("./shimMenuProps");
15
-
16
11
  const MenuItemShim = props => {
17
12
  var _a, _b;
18
-
19
13
  if (props.itemType === react_1.ContextualMenuItemType.Divider) {
20
14
  const shimProps = shimMenuProps_1.shimMenuItemProps(props);
21
- return React.createElement(react_components_1.MenuDivider, { ...shimProps
15
+ return React.createElement(react_components_1.MenuDivider, {
16
+ ...shimProps
22
17
  });
23
18
  }
24
-
25
19
  if (props.itemType === react_1.ContextualMenuItemType.Section) {
26
20
  const shimProps = shimMenuProps_1.shimMenuHeaderProps(props);
27
- return React.createElement(react_components_1.MenuGroup, null, React.createElement(react_components_1.MenuGroupHeader, null, shimProps.children), (_a = props.subMenuProps) === null || _a === void 0 ? void 0 : _a.items.map(item => // key is added through item spread
21
+ return React.createElement(react_components_1.MenuGroup, null, React.createElement(react_components_1.MenuGroupHeader, null, shimProps.children), (_a = props.subMenuProps) === null || _a === void 0 ? void 0 : _a.items.map(item =>
22
+ // key is added through item spread
28
23
  // eslint-disable-next-line react/jsx-key
29
- React.createElement(exports.MenuItemShim, { ...item
24
+ React.createElement(exports.MenuItemShim, {
25
+ ...item
30
26
  })));
31
27
  }
32
-
33
28
  if (props.canCheck) {
34
29
  const shimProps = shimMenuProps_1.shimMenuItemCheckboxProps(props);
35
- return React.createElement(react_components_1.MenuItemCheckbox, { ...shimProps
30
+ return React.createElement(react_components_1.MenuItemCheckbox, {
31
+ ...shimProps
36
32
  });
37
- } // Nested Menu to handle submenus
38
-
39
-
33
+ }
34
+ // Nested Menu to handle submenus
40
35
  if (((_b = props.subMenuProps) === null || _b === void 0 ? void 0 : _b.items) && props.subMenuProps.items.length > 0) {
41
36
  const shimmedMenuProps = shimMenuProps_1.shimMenuProps(props.subMenuProps);
42
37
  const shimmedItemProps = shimMenuProps_1.shimMenuItemProps(props);
43
- return React.createElement(react_components_1.Menu, { ...shimmedMenuProps
44
- }, React.createElement(react_components_1.MenuTrigger, null, React.createElement(react_components_1.MenuItem, { ...shimmedItemProps,
38
+ return React.createElement(react_components_1.Menu, {
39
+ ...shimmedMenuProps
40
+ }, React.createElement(react_components_1.MenuTrigger, null, React.createElement(react_components_1.MenuItem, {
41
+ ...shimmedItemProps,
45
42
  hasSubmenu: true
46
- })), React.createElement(react_components_1.MenuPopover, null, React.createElement(react_components_1.MenuList, null, props.subMenuProps.items.map(item => // key is added through item spread
43
+ })), React.createElement(react_components_1.MenuPopover, null, React.createElement(react_components_1.MenuList, null, props.subMenuProps.items.map(item =>
44
+ // key is added through item spread
47
45
  // eslint-disable-next-line react/jsx-key
48
- React.createElement(exports.MenuItemShim, { ...item
46
+ React.createElement(exports.MenuItemShim, {
47
+ ...item
49
48
  })))));
50
49
  }
51
-
52
50
  const shimProps = shimMenuProps_1.shimMenuItemProps(props);
53
- return React.createElement(react_components_1.MenuItem, { ...shimProps
51
+ return React.createElement(react_components_1.MenuItem, {
52
+ ...shimProps
54
53
  });
55
54
  };
56
-
57
55
  exports.MenuItemShim = MenuItemShim;
58
56
  //# sourceMappingURL=MenuShim.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Menu/MenuShim.tsx"],"names":[],"mappings":"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","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/"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AAEA;AAEA;AAaA;AAEO,MAAMA,YAAY,GAAIC,KAA0B,IAAI;;EACzD,IAAIA,KAAK,CAACC,QAAQ,KAAKC,8BAAsB,CAACC,OAAO,EAAE;IACrD,MAAMC,SAAS,GAAGC,iCAAiB,CAACL,KAAK,CAAC;IAC1C,OAAOM,oBAACC,8BAAW;MAAA,GAAMH;IAA8B,EAAI;;EAG7D,IAAIJ,KAAK,CAACC,QAAQ,KAAKC,8BAAsB,CAACM,OAAO,EAAE;IACrD,MAAMJ,SAAS,GAAGC,mCAAmB,CAACL,KAAK,CAAC;IAC5C,OACEM,oBAACC,4BAAS,QACRD,oBAACC,kCAAe,QAAEH,SAAS,CAACK,QAAQ,CAAmB,EAEtD,WAAK,CAACC,YAAY,0CAAEC,KAAK,CAACC,GAAG,CAACC,IAAI;IACjC;IACA;IACAP,oBAACQ,oBAAY;MAAA,GAAKD;IAAI,EACvB,CAAC,CACQ;;EAIhB,IAAIb,KAAK,CAACe,QAAQ,EAAE;IAClB,MAAMX,SAAS,GAAGC,yCAAyB,CAACL,KAAK,CAAC;IAClD,OAAOM,oBAACC,mCAAgB;MAAA,GAAKH;IAAS,EAAI;;EAG5C;EACA,IAAI,YAAK,CAACM,YAAY,0CAAEC,KAAK,KAAIX,KAAK,CAACU,YAAY,CAACC,KAAK,CAACK,MAAM,GAAG,CAAC,EAAE;IACpE,MAAMC,gBAAgB,GAAGZ,6BAAa,CAACL,KAAK,CAACU,YAAY,CAAC;IAC1D,MAAMQ,gBAAgB,GAAGb,iCAAiB,CAACL,KAAK,CAAC;IAEjD,OACEM,oBAACC,uBAAI;MAAA,GAAKU;IAAgB,GACxBX,oBAACC,8BAAW,QACVD,oBAACC,2BAAQ;MAAA,GAAKW,gBAAgB;MAAEC,UAAU;IAAA,EAAG,CACjC,EACdb,oBAACC,8BAAW,QACVD,oBAACC,2BAAQ,QACNP,KAAK,CAACU,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,IAAI;IAChC;IACA;IACAP,oBAACQ,oBAAY;MAAA,GAAKD;IAAI,EACvB,CAAC,CACO,CACC,CACT;;EAIX,MAAMT,SAAS,GAAGC,iCAAiB,CAACL,KAAK,CAAC;EAC1C,OAAOM,oBAACC,2BAAQ;IAAA,GAAKH;EAAS,EAAI;AACpC,CAAC;AAnDYU,oBAAY","names":["MenuItemShim","props","itemType","react_1","Divider","shimProps","shimMenuProps_1","React","react_components_1","Section","children","subMenuProps","items","map","item","exports","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"]}
@@ -3,10 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
7
6
  const tslib_1 = /*#__PURE__*/require("tslib");
8
-
9
7
  tslib_1.__exportStar(require("./MenuShim"), exports);
10
-
11
8
  tslib_1.__exportStar(require("./shimMenuProps"), exports);
12
9
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Menu/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,YAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,iBAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"mappings":";;;;;;AAAAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Menu/index.ts"],"sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"]}
@@ -4,50 +4,42 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.shimMenuHeaderProps = exports.shimMenuItemCheckboxProps = exports.shimMenuItemProps = exports.shimMenuProps = void 0;
7
-
8
7
  const React = /*#__PURE__*/require("react");
9
-
10
8
  const react_1 = /*#__PURE__*/require("@fluentui/react");
11
-
12
9
  const shimMenuProps = props => {
13
10
  return {
14
11
  hasIcons: props === null || props === void 0 ? void 0 : props.items.some(i => i.iconProps),
15
12
  hasCheckmarks: props === null || props === void 0 ? void 0 : props.items.some(i => i.canCheck || i.checked)
16
13
  };
17
14
  };
18
-
19
15
  exports.shimMenuProps = shimMenuProps;
20
-
21
16
  const shimMenuItemProps = props => {
22
17
  //TODO: Handle menuItem.onRenderIcon
23
- const icon = props.iconProps ? React.createElement(react_1.Icon, { ...props.iconProps
18
+ const icon = props.iconProps ? React.createElement(react_1.Icon, {
19
+ ...props.iconProps
24
20
  }) : undefined;
25
- return { ...props,
21
+ return {
22
+ ...props,
26
23
  'aria-label': props.ariaLabel,
27
24
  children: props.text,
28
25
  icon,
29
26
  secondaryContent: props.secondaryText
30
27
  };
31
28
  };
32
-
33
29
  exports.shimMenuItemProps = shimMenuItemProps;
34
-
35
30
  const shimMenuItemCheckboxProps = props => {
36
- return { ...exports.shimMenuItemProps(props),
31
+ return {
32
+ ...exports.shimMenuItemProps(props),
37
33
  name: props.text || 'name',
38
34
  value: props.value || 'value'
39
35
  };
40
36
  };
41
-
42
37
  exports.shimMenuItemCheckboxProps = shimMenuItemCheckboxProps;
43
-
44
38
  const shimMenuHeaderProps = props => {
45
39
  var _a;
46
-
47
40
  return {
48
41
  children: (_a = props.sectionProps) === null || _a === void 0 ? void 0 : _a.title
49
42
  };
50
43
  };
51
-
52
44
  exports.shimMenuHeaderProps = shimMenuHeaderProps;
53
45
  //# sourceMappingURL=shimMenuProps.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["packages/react-migration-v8-v9/src/components/Menu/shimMenuProps.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,OAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAIO,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;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb;;AAON,MAAM,iBAAiB,GAAI,KAAD,IAA8C;EAC7E;EACA,MAAM,IAAI,GAAG,KAAK,CAAC,SAAN,GAAkB,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,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;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB;;AAaN,MAAM,yBAAyB,GAAI,KAAD,IAAsD;EAC7F,OAAO,EACL,GAAG,OAAA,CAAA,iBAAA,CAAkB,KAAlB,CADE;IAEL,IAAI,EAAE,KAAK,CAAC,IAAN,IAAc,MAFf;IAGL,KAAK,EAAE,KAAK,CAAC,KAAN,IAAe;EAHjB,CAAP;AAKD,CANM;;AAAM,OAAA,CAAA,yBAAA,GAAyB,yBAAzB;;AAQN,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;;AAAM,OAAA,CAAA,mBAAA,GAAmB,mBAAnB","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/"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AAEA;AAIO,MAAMA,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;AALYC,qBAAa;AAOnB,MAAMC,iBAAiB,GAAIV,KAA0B,IAAmB;EAC7E;EACA,MAAMW,IAAI,GAAGX,KAAK,CAACK,SAAS,GAAGO,oBAACC,YAAI;IAAA,GAAKb,KAAK,CAACK;EAAS,EAAI,GAAGS,SAAS;EAExE,OAAO;IACL,GAAGd,KAAK;IACR,YAAY,EAAEA,KAAK,CAACe,SAAS;IAC7BC,QAAQ,EAAEhB,KAAK,CAACiB,IAAI;IACpBN,IAAI;IACJO,gBAAgB,EAAElB,KAAK,CAACmB;GACR;AACpB,CAAC;AAXYV,yBAAiB;AAavB,MAAMW,yBAAyB,GAAIpB,KAA0B,IAA2B;EAC7F,OAAO;IACL,GAAGS,yBAAiB,CAACT,KAAK,CAAC;IAC3BqB,IAAI,EAAErB,KAAK,CAACiB,IAAI,IAAI,MAAM;IAC1BK,KAAK,EAAEtB,KAAK,CAACsB,KAAK,IAAI;GACvB;AACH,CAAC;AANYb,iCAAyB;AAQ/B,MAAMc,mBAAmB,GAAIvB,KAA0B,IAA0B;;EACtF,OAAO;IACLgB,QAAQ,EAAE,WAAK,CAACQ,YAAY,0CAAEC;GAC/B;AACH,CAAC;AAJYhB,2BAAmB","names":["shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","exports","shimMenuItemProps","icon","React","react_1","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"]}