@fluentui/react-migration-v8-v9 9.6.19 → 9.6.21

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 (65) hide show
  1. package/CHANGELOG.md +22 -2
  2. package/lib/components/Button/ActionButtonShim.js.map +1 -1
  3. package/lib/components/Button/ButtonShim.js.map +1 -1
  4. package/lib/components/Button/CommandButtonShim.js.map +1 -1
  5. package/lib/components/Button/CompoundButtonShim.js.map +1 -1
  6. package/lib/components/Button/DefaultButtonShim.js.map +1 -1
  7. package/lib/components/Button/MenuButtonShim.js.map +1 -1
  8. package/lib/components/Button/PrimaryButtonShim.js.map +1 -1
  9. package/lib/components/Button/ToggleButtonShim.js.map +1 -1
  10. package/lib/components/Button/index.js.map +1 -1
  11. package/lib/components/Button/shimButtonProps.js.map +1 -1
  12. package/lib/components/Checkbox/CheckboxShim.js.map +1 -1
  13. package/lib/components/Checkbox/index.js.map +1 -1
  14. package/lib/components/Checkbox/shimCheckboxProps.js.map +1 -1
  15. package/lib/components/Menu/MenuShim.js.map +1 -1
  16. package/lib/components/Menu/index.js.map +1 -1
  17. package/lib/components/Menu/shimMenuProps.js.map +1 -1
  18. package/lib/components/Stack/StackItemShim.js.map +1 -1
  19. package/lib/components/Stack/StackShim.js.map +1 -1
  20. package/lib/components/Stack/index.js.map +1 -1
  21. package/lib/components/Stack/stackUtils.js.map +1 -1
  22. package/lib/components/Theme/index.js.map +1 -1
  23. package/lib/components/Theme/themeDuplicates.js.map +1 -1
  24. package/lib/components/Theme/v8ThemeShim.js.map +1 -1
  25. package/lib/components/Theme/v9BrandVariantsShim.js.map +1 -1
  26. package/lib/components/Theme/v9ThemeShim.js.map +1 -1
  27. package/lib/components/utils.js.map +1 -1
  28. package/lib/index.js.map +1 -1
  29. package/lib-commonjs/components/Button/ActionButtonShim.js.map +1 -1
  30. package/lib-commonjs/components/Button/ButtonShim.js.map +1 -1
  31. package/lib-commonjs/components/Button/CommandButtonShim.js.map +1 -1
  32. package/lib-commonjs/components/Button/CompoundButtonShim.js.map +1 -1
  33. package/lib-commonjs/components/Button/DefaultButtonShim.js.map +1 -1
  34. package/lib-commonjs/components/Button/MenuButtonShim.js.map +1 -1
  35. package/lib-commonjs/components/Button/PrimaryButtonShim.js.map +1 -1
  36. package/lib-commonjs/components/Button/ToggleButtonShim.js.map +1 -1
  37. package/lib-commonjs/components/Button/index.js.map +1 -1
  38. package/lib-commonjs/components/Button/shimButtonProps.js.map +1 -1
  39. package/lib-commonjs/components/Checkbox/Checkbox.styles.js.map +1 -1
  40. package/lib-commonjs/components/Checkbox/CheckboxShim.js.map +1 -1
  41. package/lib-commonjs/components/Checkbox/index.js.map +1 -1
  42. package/lib-commonjs/components/Checkbox/shimCheckboxProps.js.map +1 -1
  43. package/lib-commonjs/components/Menu/MenuShim.js.map +1 -1
  44. package/lib-commonjs/components/Menu/index.js.map +1 -1
  45. package/lib-commonjs/components/Menu/shimMenuProps.js +7 -7
  46. package/lib-commonjs/components/Menu/shimMenuProps.js.map +1 -1
  47. package/lib-commonjs/components/Stack/StackItemShim.js.map +1 -1
  48. package/lib-commonjs/components/Stack/StackItemShim.styles.js +5 -5
  49. package/lib-commonjs/components/Stack/StackItemShim.styles.js.map +1 -1
  50. package/lib-commonjs/components/Stack/StackShim.js.map +1 -1
  51. package/lib-commonjs/components/Stack/StackShim.styles.js +5 -5
  52. package/lib-commonjs/components/Stack/StackShim.styles.js.map +1 -1
  53. package/lib-commonjs/components/Stack/index.js.map +1 -1
  54. package/lib-commonjs/components/Stack/stackUtils.js +3 -3
  55. package/lib-commonjs/components/Stack/stackUtils.js.map +1 -1
  56. package/lib-commonjs/components/Theme/index.js.map +1 -1
  57. package/lib-commonjs/components/Theme/themeDuplicates.js +25 -25
  58. package/lib-commonjs/components/Theme/themeDuplicates.js.map +1 -1
  59. package/lib-commonjs/components/Theme/v8ThemeShim.js.map +1 -1
  60. package/lib-commonjs/components/Theme/v9BrandVariantsShim.js.map +1 -1
  61. package/lib-commonjs/components/Theme/v9ThemeShim.js.map +1 -1
  62. package/lib-commonjs/components/utils.js.map +1 -1
  63. package/lib-commonjs/index.js +13 -13
  64. package/lib-commonjs/index.js.map +1 -1
  65. package/package.json +7 -7
@@ -1 +1 @@
1
- {"version":3,"sources":["MenuButtonShim.js"],"sourcesContent":["import * as React from 'react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\nimport { shimButtonProps } from './shimButtonProps';\nexport const MenuButtonShim = /*#__PURE__*/ React.forwardRef((props, _ref)=>{\n var _props_menuProps;\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default'\n };\n const shimProps = {\n ...shimButtonProps(variantProps)\n };\n const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n return /*#__PURE__*/ React.createElement(Menu, shimmedMenuProps, /*#__PURE__*/ React.createElement(MenuTrigger, null, /*#__PURE__*/ React.createElement(MenuButton, shimProps)), /*#__PURE__*/ React.createElement(MenuPopover, null, /*#__PURE__*/ React.createElement(MenuList, null, (_props_menuProps = props.menuProps) === null || _props_menuProps === void 0 ? void 0 : _props_menuProps.items.map((item)=>// key is added through item spread\n // eslint-disable-next-line react/jsx-key\n /*#__PURE__*/ React.createElement(MenuItemShim, item)))));\n});\n"],"names":["MenuButtonShim","React","forwardRef","props","_ref","_props_menuProps","variantProps","variantClassName","primary","shimProps","shimButtonProps","shimmedMenuProps","menuProps","shimMenuProps","createElement","Menu","MenuTrigger","MenuButton","MenuPopover","MenuList","items","map","item","MenuItemShim"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;iCAC8C;uBACzB;iCACZ;AACzB,MAAMA,iBAAiB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,IAAIC;IACJ,MAAMC,eAAe;QACjB,GAAGH,KAAK;QACRI,kBAAkBJ,MAAMK,OAAO,GAAG,uBAAuB;IAC7D;IACA,MAAMC,YAAY;QACd,GAAGC,IAAAA,gCAAe,EAACJ,aAAa;IACpC;IACA,MAAMK,mBAAmBR,MAAMS,SAAS,GAAGC,IAAAA,oBAAa,EAACV,MAAMS,SAAS,IAAI,CAAC;IAC7E,OAAO,WAAW,GAAGX,OAAMa,aAAa,CAACC,qBAAI,EAAEJ,kBAAkB,WAAW,GAAGV,OAAMa,aAAa,CAACE,4BAAW,EAAE,MAAM,WAAW,GAAGf,OAAMa,aAAa,CAACG,2BAAU,EAAER,aAAa,WAAW,GAAGR,OAAMa,aAAa,CAACI,4BAAW,EAAE,MAAM,WAAW,GAAGjB,OAAMa,aAAa,CAACK,yBAAQ,EAAE,MAAM,AAACd,CAAAA,mBAAmBF,MAAMS,SAAS,AAAD,MAAO,QAAQP,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBe,KAAK,CAACC,GAAG,CAAC,CAACC,OACxY,yCAAyC;QACzC,WAAW,GAAGrB,OAAMa,aAAa,CAACS,mBAAY,EAAED;AACxD"}
1
+ {"version":3,"sources":["MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n };\n\n const shimProps: MenuButtonProps = {\n ...shimButtonProps(variantProps),\n };\n\n const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuButton {...shimProps} />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.menuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n });\n"],"names":["MenuButtonShim","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps","shimmedMenuProps","menuProps","shimMenuProps","createElement","Menu","MenuTrigger","MenuButton","MenuPopover","MenuList","items","map","item","MenuItemShim"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;iCAG8C;uBAEzB;iCAEZ;AAEzB,MAAMA,iBAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;QAmBdD;IAlBT,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,uBAAuB;IAC3D;IAEA,MAAMC,YAA6B;QACjC,GAAGC,IAAAA,gCAAAA,EAAgBJ,aAAa;IAClC;IAEA,MAAMK,mBAAmBP,MAAMQ,SAAS,GAAGC,IAAAA,oBAAAA,EAAcT,MAAMQ,SAAS,IAAI,CAAC;IAE7E,OAAA,WAAA,GACEV,OAAAY,aAAA,CAACC,qBAAAA,EAASJ,kBAAAA,WAAAA,GACRT,OAAAY,aAAA,CAACE,4BAAAA,EAAAA,MAAAA,WAAAA,GACCd,OAAAY,aAAA,CAACG,2BAAAA,EAAeR,aAAAA,WAAAA,GAElBP,OAAAY,aAAA,CAACI,4BAAAA,EAAAA,MAAAA,WAAAA,GACChB,OAAAY,aAAA,CAACK,yBAAAA,EAAAA,MAAAA,AACEf,CAAAA,mBAAAA,MAAMQ,SAAS,AAATA,MAAS,QAAfR,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBgB,KAAK,CAACC,GAAG,CAACC,CAAAA,OAE1B,yCAAyC;sBACzCpB,OAAAY,aAAA,CAACS,mBAAAA,EAAiBD;AAM9B"}
@@ -1 +1 @@
1
- {"version":3,"sources":["PrimaryButtonShim.js"],"sourcesContent":["import * as React from 'react';\nimport { ButtonShim } from './ButtonShim';\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */ export const PrimaryButtonShim = /*#__PURE__*/ React.forwardRef((props, _ref)=>{\n return /*#__PURE__*/ React.createElement(ButtonShim, {\n ...props,\n primary: true,\n variantClassName: \"ms-Button--primary\"\n });\n});\n"],"names":["PrimaryButtonShim","React","forwardRef","props","_ref","createElement","ButtonShim","primary","variantClassName"],"mappings":";;;;+BAIiBA;;;eAAAA;;;;iEAJM;4BACI;AAGhB,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,OAAO,WAAW,GAAGH,OAAMI,aAAa,CAACC,sBAAU,EAAE;QACjD,GAAGH,KAAK;QACRI,SAAS;QACTC,kBAAkB;IACtB;AACJ"}
1
+ {"version":3,"sources":["PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n });\n"],"names":["PrimaryButtonShim","React","forwardRef","props","_ref","createElement","ButtonShim","primary","variantClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;4BAGI;AAKpB,MAAMA,oBAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,OAAA,WAAA,GAAOH,OAAAI,aAAA,CAACC,sBAAAA,EAAAA;QAAY,GAAGH,KAAK;QAAEI,SAAAA;QAAQC,kBAAiB;;AACzD"}
@@ -1 +1 @@
1
- {"version":3,"sources":["ToggleButtonShim.js"],"sourcesContent":["import * as React from 'react';\nimport { ToggleButton } from '@fluentui/react-components';\nimport { shimButtonProps } from './shimButtonProps';\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */ export const ToggleButtonShim = /*#__PURE__*/ React.forwardRef((props, _ref)=>{\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound'\n };\n const shimProps = {\n ...shimButtonProps(variantProps),\n checked: props.checked,\n defaultChecked: props.defaultChecked\n };\n return /*#__PURE__*/ React.createElement(ToggleButton, {\n ...props,\n ...shimProps\n });\n});\n"],"names":["ToggleButtonShim","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps","checked","defaultChecked","createElement","ToggleButton"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;iCACM;iCACG;AAGrB,MAAMA,mBAAmB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvE,MAAMC,eAAe;QACjB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACrE;IACA,MAAMC,YAAY;QACd,GAAGC,IAAAA,gCAAe,EAACJ,aAAa;QAChCK,SAASP,MAAMO,OAAO;QACtBC,gBAAgBR,MAAMQ,cAAc;IACxC;IACA,OAAO,WAAW,GAAGV,OAAMW,aAAa,CAACC,6BAAY,EAAE;QACnD,GAAGV,KAAK;QACR,GAAGK,SAAS;IAChB;AACJ"}
1
+ {"version":3,"sources":["ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<IButtonProps & React.RefAttributes<HTMLButtonElement>> =\n React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n };\n\n const shimProps: ToggleButtonProps = {\n ...shimButtonProps(variantProps),\n checked: props.checked,\n defaultChecked: props.defaultChecked,\n };\n\n return <ToggleButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n });\n"],"names":["ToggleButtonShim","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps","checked","defaultChecked","createElement","ToggleButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;iCAIM;iCAGG;AAKzB,MAAMA,mBAAAA,WAAAA,GACXC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvB,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAA+B;QACnC,GAAGC,IAAAA,gCAAAA,EAAgBJ,aAAa;QAChCK,SAASP,MAAMO,OAAO;QACtBC,gBAAgBR,MAAMQ,cAAc;IACtC;IAEA,OAAA,WAAA,GAAOV,OAAAW,aAAA,CAACC,6BAAAA,EAAAA;QAAc,GAAIV,KAAK;QAA8C,GAAGK,SAAS;;AAC3F"}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"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"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
1
+ {"version":3,"sources":["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"],"names":[],"rangeMappings":";;;;;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["shimButtonProps.js"],"sourcesContent":["import * as React from 'react';\nimport { Icon } from '@fluentui/react';\nexport const shimButtonProps = (props)=>{\n //TODO: Icon shim. This still renders the v8 icon.\n const icon = props.onRenderIcon ? props.onRenderIcon(props) : props.iconProps ? /*#__PURE__*/ React.createElement(Icon, props.iconProps) : undefined;\n var _props_variantClassName;\n const variantClassName = ((_props_variantClassName = props.variantClassName) !== null && _props_variantClassName !== void 0 ? _props_variantClassName : props.primary) ? 'ms-Button--primary' : 'ms-Button--default';\n const className = [\n props.baseClassName,\n variantClassName,\n props.className\n ].filter(Boolean).join(' ');\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 ? props.onRenderChildren(props) : props.onRenderText ? props.onRenderText(props) : props.text || props.children\n };\n};\n"],"names":["shimButtonProps","props","icon","onRenderIcon","iconProps","React","createElement","Icon","undefined","_props_variantClassName","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"mappings":";;;;+BAEaA;;;eAAAA;;;;iEAFU;wBACF;AACd,MAAMA,kBAAkB,CAACC;IAC5B,kDAAkD;IAClD,MAAMC,OAAOD,MAAME,YAAY,GAAGF,MAAME,YAAY,CAACF,SAASA,MAAMG,SAAS,GAAG,WAAW,GAAGC,OAAMC,aAAa,CAACC,YAAI,EAAEN,MAAMG,SAAS,IAAII;IAC3I,IAAIC;IACJ,MAAMC,mBAAmB,AAAC,CAAA,AAACD,CAAAA,0BAA0BR,MAAMS,gBAAgB,AAAD,MAAO,QAAQD,4BAA4B,KAAK,IAAIA,0BAA0BR,MAAMU,OAAO,AAAD,IAAK,uBAAuB;IAChM,MAAMC,YAAY;QACdX,MAAMY,aAAa;QACnBH;QACAT,MAAMW,SAAS;KAClB,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IACvB,OAAO;QACH,kFAAkF;QAClF,GAAGf,KAAK;QACRgB,YAAYhB,MAAMU,OAAO,GAAG,YAAYH;QACxCI;QACAM,UAAUjB,MAAMiB,QAAQ;QACxBC,mBAAmBlB,MAAMmB,kBAAkB;QAC3C,eAAenB,MAAMoB,UAAU;QAC/B,cAAcpB,MAAMqB,SAAS;QAC7BpB;QACAqB,KAAKtB,MAAMsB,GAAG,IAAItB,MAAMuB,QAAQ;QAChCC,UAAUxB,MAAMyB,gBAAgB,GAAGzB,MAAMyB,gBAAgB,CAACzB,SAASA,MAAM0B,YAAY,GAAG1B,MAAM0B,YAAY,CAAC1B,SAASA,MAAM2B,IAAI,IAAI3B,MAAMwB,QAAQ;IACpJ;AACJ"}
1
+ {"version":3,"sources":["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"],"names":["shimButtonProps","props","icon","onRenderIcon","iconProps","React","createElement","Icon","undefined","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOaA;;;eAAAA;;;;iEAPU;wBAEF;AAKd,MAAMA,kBAAkB,CAACC;IAC9B,kDAAkD;IAClD,MAAMC,OAAOD,MAAME,YAAY,GAC7BF,MAAME,YAAY,CAACF,SACjBA,MAAMG,SAAS,GAAA,WAAA,GACjBC,OAAAC,aAAA,CAACC,YAAAA,EAASN,MAAMG,SAAS,IACvBI;QAEqBP;IAAzB,MAAMQ,mBAAmBR,CAAAA,CAAAA,0BAAAA,MAAMQ,gBAAgB,AAAhBA,MAAgB,QAAtBR,4BAAAA,KAAAA,IAAAA,0BAA0BA,MAAMS,OAAO,AAAPA,IAAU,uBAAuB;IAC1F,MAAMC,YAAY;QAACV,MAAMW,aAAa;QAAEH;QAAkBR,MAAMU,SAAS;KAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAEhG,OAAO;QACL,kFAAkF;QAClF,GAAGd,KAAK;QACRe,YAAYf,MAAMS,OAAO,GAAG,YAAYF;QACxCG;QACAM,UAAUhB,MAAMgB,QAAQ;QACxBC,mBAAmBjB,MAAMkB,kBAAkB;QAC3C,eAAelB,MAAMmB,UAAU;QAC/B,cAAcnB,MAAMoB,SAAS;QAC7BnB;QACAoB,KAAKrB,MAAMqB,GAAG,IAAIrB,MAAMsB,QAAQ;QAChCC,UAAUvB,MAAMwB,gBAAgB,GAC5BxB,MAAMwB,gBAAgB,CAACxB,SACvBA,MAAMyB,YAAY,GAClBzB,MAAMyB,YAAY,CAACzB,SACnBA,MAAM0B,IAAI,IAAI1B,MAAMuB,QAAQ;IAClC;AACF"}
@@ -1 +1 @@
1
- {"version":3,"sources":["Checkbox.styles.js"],"sourcesContent":["import { __styles } from '@fluentui/react-components';\nexport const useCheckboxStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\"]\n});\n//# sourceMappingURL=Checkbox.styles.js.map"],"names":["useCheckboxStyles","__styles","root","mc9l5x","d"],"mappings":";;;;+BACaA;;;eAAAA;;;iCADY;AAClB,MAAMA,oBAAoB,WAAW,GAAEC,IAAAA,yBAAQ,EAAC;IACrDC,MAAM;QACJC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAA0B;AAChC,IACA,2CAA2C"}
1
+ {"version":3,"sources":["Checkbox.styles.js"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\nexport const useCheckboxStyles = makeStyles({\n root: {\n display: 'flex'\n }\n});\n"],"names":["useCheckboxStyles","__styles","root","mc9l5x","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BACaA;;;eAAAA;;;iCADc;AACpB,MAAMA,oBAAiB,WAAA,GAAGC,IAAAA,yBAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;KAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["CheckboxShim.js"],"sourcesContent":["import * as React from 'react';\nimport { classNamesFunction } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\nconst getClassNames = classNamesFunction({\n useStaticStyles: false\n});\nexport const CheckboxShim = /*#__PURE__*/ React.forwardRef((props, _ref)=>{\n 'use no memo';\n const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n const shimProps = useCheckboxProps(props);\n const styles = getClassNames(stylesV8);\n const stylesV9 = useCheckboxStyles();\n const checkboxRef = _ref || /*#__PURE__*/ React.createRef();\n React.useImperativeHandle(componentRef, ()=>{\n var _checkboxRef_current, _checkboxRef_current1;\n var _checkboxRef_current_checked, _checkboxRef_current_indeterminate;\n return {\n checked: (_checkboxRef_current_checked = (_checkboxRef_current = checkboxRef.current) === null || _checkboxRef_current === void 0 ? void 0 : _checkboxRef_current.checked) !== null && _checkboxRef_current_checked !== void 0 ? _checkboxRef_current_checked : false,\n indeterminate: (_checkboxRef_current_indeterminate = (_checkboxRef_current1 = checkboxRef.current) === null || _checkboxRef_current1 === void 0 ? void 0 : _checkboxRef_current1.indeterminate) !== null && _checkboxRef_current_indeterminate !== void 0 ? _checkboxRef_current_indeterminate : false,\n focus: ()=>{\n var _checkboxRef_current;\n return (_checkboxRef_current = checkboxRef.current) === null || _checkboxRef_current === void 0 ? void 0 : _checkboxRef_current.focus();\n }\n };\n });\n const defaultLabelRenderer = (checkboxProps)=>{\n if (!checkboxProps) {\n return null;\n }\n const { label: defaultLabel, title } = checkboxProps;\n return defaultLabel ? /*#__PURE__*/ React.createElement(\"span\", {\n title: title,\n className: styles.text\n }, defaultLabel) : null;\n };\n if (label || onRenderLabel) {\n shimProps.label = {\n className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label\n };\n }\n return /*#__PURE__*/ React.createElement(Checkbox, {\n ...shimProps,\n ref: checkboxRef,\n className: mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root),\n indicator: {\n className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox)\n }\n });\n});\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["CheckboxShim","getClassNames","classNamesFunction","useStaticStyles","React","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","useCheckboxProps","stylesV9","useCheckboxStyles","checkboxRef","createRef","useImperativeHandle","_checkboxRef_current","_checkboxRef_current1","_checkboxRef_current_checked","_checkboxRef_current_indeterminate","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","createElement","text","mergeClasses","children","Checkbox","ref","root","indicator","checkbox","displayName"],"mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;wBACY;iCACI;mCACN;gCACC;AAClC,MAAMC,gBAAgBC,IAAAA,0BAAkB,EAAC;IACrCC,iBAAiB;AACrB;AACO,MAAMH,eAAe,WAAW,GAAGI,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/D;IACA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYC,IAAAA,mCAAgB,EAACT;IACnC,MAAMG,SAASR,cAAcS;IAC7B,MAAMM,WAAWC,IAAAA,iCAAiB;IAClC,MAAMC,cAAcX,QAAQ,WAAW,GAAGH,OAAMe,SAAS;IACzDf,OAAMgB,mBAAmB,CAACP,cAAc;QACpC,IAAIQ,sBAAsBC;QAC1B,IAAIC,8BAA8BC;QAClC,OAAO;YACHC,SAAS,AAACF,CAAAA,+BAA+B,AAACF,CAAAA,uBAAuBH,YAAYQ,OAAO,AAAD,MAAO,QAAQL,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBI,OAAO,AAAD,MAAO,QAAQF,iCAAiC,KAAK,IAAIA,+BAA+B;YAChQI,eAAe,AAACH,CAAAA,qCAAqC,AAACF,CAAAA,wBAAwBJ,YAAYQ,OAAO,AAAD,MAAO,QAAQJ,0BAA0B,KAAK,IAAI,KAAK,IAAIA,sBAAsBK,aAAa,AAAD,MAAO,QAAQH,uCAAuC,KAAK,IAAIA,qCAAqC;YACjSI,OAAO;gBACH,IAAIP;gBACJ,OAAO,AAACA,CAAAA,uBAAuBH,YAAYQ,OAAO,AAAD,MAAO,QAAQL,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBO,KAAK;YACzI;QACJ;IACJ;IACA,MAAMC,uBAAuB,CAACC;QAC1B,IAAI,CAACA,eAAe;YAChB,OAAO;QACX;QACA,MAAM,EAAElB,OAAOmB,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,eAAe,WAAW,GAAG3B,OAAM6B,aAAa,CAAC,QAAQ;YAC5DD,OAAOA;YACPxB,WAAWC,OAAOyB,IAAI;QAC1B,GAAGH,gBAAgB;IACvB;IACA,IAAInB,SAASD,eAAe;QACxBG,UAAUF,KAAK,GAAG;YACdJ,WAAW2B,IAAAA,6BAAY,EAAC,oBAAoB1B,OAAOG,KAAK,EAAEH,OAAOyB,IAAI;YACrEE,UAAUzB,gBAAgBA,cAAcL,OAAOuB,wBAAwBjB;QAC3E;IACJ;IACA,OAAO,WAAW,GAAGR,OAAM6B,aAAa,CAACI,yBAAQ,EAAE;QAC/C,GAAGvB,SAAS;QACZwB,KAAKpB;QACLV,WAAW2B,IAAAA,6BAAY,EAACnB,SAASuB,IAAI,EAAE,eAAe/B,WAAWC,OAAO8B,IAAI;QAC5EC,WAAW;YACPhC,WAAW2B,IAAAA,6BAAY,EAAC,wBAAwB1B,OAAOgC,QAAQ;QACnE;IACJ;AACJ;AACAzC,aAAa0C,WAAW,GAAG"}
1
+ {"version":3,"sources":["CheckboxShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { classNamesFunction, ICheckboxProps, ICheckboxStyles, ICheckboxStyleProps } from '@fluentui/react';\nimport { Checkbox, mergeClasses } from '@fluentui/react-components';\nimport { useCheckboxProps } from './shimCheckboxProps';\nimport { useCheckboxStyles } from './Checkbox.styles';\n\nconst getClassNames = classNamesFunction<ICheckboxStyleProps, ICheckboxStyles>({\n useStaticStyles: false,\n});\n\nexport const CheckboxShim = React.forwardRef((props: ICheckboxProps, _ref: React.ForwardedRef<HTMLInputElement>) => {\n 'use no memo';\n\n const { className, styles: stylesV8, onRenderLabel, label, componentRef } = props;\n const shimProps = useCheckboxProps(props);\n const styles = getClassNames(stylesV8);\n const stylesV9 = useCheckboxStyles();\n const checkboxRef = (_ref as React.RefObject<HTMLInputElement>) || React.createRef<HTMLInputElement>();\n\n React.useImperativeHandle(componentRef, () => ({\n checked: checkboxRef.current?.checked ?? false,\n indeterminate: checkboxRef.current?.indeterminate ?? false,\n focus: () => checkboxRef.current?.focus(),\n }));\n\n const defaultLabelRenderer = (checkboxProps?: ICheckboxProps): JSX.Element | null => {\n if (!checkboxProps) {\n return null;\n }\n const { label: defaultLabel, title } = checkboxProps;\n return defaultLabel ? (\n <span title={title} className={styles.text}>\n {defaultLabel}\n </span>\n ) : null;\n };\n\n if (label || onRenderLabel) {\n shimProps.label = {\n className: mergeClasses('ms-Checkbox-text', styles.label, styles.text),\n children: onRenderLabel ? onRenderLabel(props, defaultLabelRenderer) : label,\n };\n }\n\n return (\n <Checkbox\n {...shimProps}\n ref={checkboxRef}\n className={mergeClasses(stylesV9.root, 'ms-Checkbox', className, styles.root)}\n indicator={{ className: mergeClasses('ms-Checkbox-checkbox', styles.checkbox) }}\n />\n );\n});\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["CheckboxShim","getClassNames","classNamesFunction","useStaticStyles","React","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","useCheckboxProps","stylesV9","useCheckboxStyles","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","createElement","span","text","mergeClasses","children","Checkbox","ref","root","indicator","checkbox","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;wBAEkE;iCAClD;mCACN;gCACC;AAElC,MAAMC,gBAAgBC,IAAAA,0BAAAA,EAAyD;IAC7EC,iBAAiB;AACnB;AAEO,MAAMH,eAAAA,WAAAA,GAAeI,OAAMC,UAAU,CAAC,CAACC,OAAuBC;IACnE;IAEA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,YAAYC,IAAAA,mCAAAA,EAAiBT;IACnC,MAAMG,SAASR,cAAcS;IAC7B,MAAMM,WAAWC,IAAAA,iCAAAA;IACjB,MAAMC,cAAcX,QAACA,WAAAA,GAA8CH,OAAMe,SAAS;IAElFf,OAAMgB,mBAAmB,CAACP,cAAc;YAC7BK,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,CAAAA,+BAAAA,CAAAA,uBAAAA,YAAYI,OAAO,AAAPA,MAAO,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBG,OAAO,AAAPA,MAAO,QAA5BH,iCAAAA,KAAAA,IAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,qCAAAA,CAAAA,wBAAAA,YAAYI,OAAO,AAAPA,MAAO,QAAnBJ,0BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,sBAAqBK,aAAa,AAAbA,MAAa,QAAlCL,uCAAAA,KAAAA,IAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;uBAAAA,CAAAA,uBAAAA,YAAYI,OAAO,AAAPA,MAAO,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBM,KAAK;;QACzC;IAAA;IAEA,MAAMC,uBAAuB,CAACC;QAC5B,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEd,OAAOe,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,eAAAA,WAAAA,GACLvB,OAAAyB,aAAA,CAACC,QAAAA;YAAKF,OAAOA;YAAOpB,WAAWC,OAAOsB,IAAI;WACvCJ,gBAED;IACN;IAEA,IAAIf,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,WAAWwB,IAAAA,6BAAAA,EAAa,oBAAoBvB,OAAOG,KAAK,EAAEH,OAAOsB,IAAI;YACrEE,UAAUtB,gBAAgBA,cAAcL,OAAOmB,wBAAwBb;QACzE;IACF;IAEA,OAAA,WAAA,GACER,OAAAyB,aAAA,CAACK,yBAAAA,EAAAA;QACE,GAAGpB,SAAS;QACbqB,KAAKjB;QACLV,WAAWwB,IAAAA,6BAAAA,EAAahB,SAASoB,IAAI,EAAE,eAAe5B,WAAWC,OAAO2B,IAAI;QAC5EC,WAAW;YAAE7B,WAAWwB,IAAAA,6BAAAA,EAAa,wBAAwBvB,OAAO6B,QAAQ;QAAE;;AAGpF;AAEAtC,aAAauC,WAAW,GAAG"}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './CheckboxShim';\n"],"names":[],"mappings":";;;;;uBAAc"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './CheckboxShim';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}
@@ -1 +1 @@
1
- {"version":3,"sources":["shimCheckboxProps.js"],"sourcesContent":["import * as React from 'react';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--page [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\nconst CHECKBOX_PROPS_V8 = new Set([\n 'ariaDescribedBy',\n 'ariaLabel',\n 'ariaLabelledBy',\n 'ariaPositionInSet',\n 'ariaSetSize',\n 'boxSide',\n 'checked',\n 'checkmarkIconProps',\n 'className',\n 'componentRef',\n 'defaultChecked',\n 'defaultIndeterminate',\n 'disabled',\n 'indeterminate',\n 'inputProps',\n 'label',\n 'name',\n 'onChange',\n 'onRenderLabel',\n 'required',\n 'styles',\n 'theme',\n 'title'\n]);\nexport const useCheckboxProps = (props)=>{\n const { ariaDescribedBy, ariaLabel, ariaLabelledBy, ariaPositionInSet, ariaSetSize, boxSide, checked: checkedV8, indeterminate, defaultChecked, defaultIndeterminate, disabled, inputProps, name, required, title, onChange: onChangeV8 } = props;\n const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n const [mixed, setMixed] = React.useState(indeterminate || defaultIndeterminate);\n const onChange = React.useCallback((event, data)=>{\n let val = checked !== undefined ? data.checked : undefined;\n // Ensure the checkbox is controlled\n if (checked !== undefined) {\n if (mixed) {\n val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n }\n }\n if (mixed) {\n setMixed(mixed && !indeterminate ? false : mixed);\n }\n setChecked(val);\n onChangeV8 === null || onChangeV8 === void 0 ? void 0 : onChangeV8(event, data.checked);\n }, [\n setChecked,\n checked,\n onChangeV8,\n mixed,\n indeterminate,\n checkedV8,\n defaultChecked\n ]);\n const v9Props = {\n checked: mixed ? 'mixed' : checked,\n defaultChecked: mixed ? 'mixed' : defaultChecked,\n labelPosition: boxSide === 'end' ? 'before' : 'after',\n disabled,\n required,\n title,\n name,\n onChange\n };\n return {\n ...inputProps,\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-posinset': ariaPositionInSet,\n 'aria-setsize': ariaSetSize,\n ...v9Props,\n ...getHTMLAttributes(props, CHECKBOX_PROPS_V8)\n };\n};\n"],"names":["useCheckboxProps","CHECKBOX_PROPS_V8","Set","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","useControllableValue","mixed","setMixed","React","useState","useCallback","event","data","val","undefined","v9Props","labelPosition","getHTMLAttributes"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;iEA/BU;4BACc;uBACH;AAClC,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAC3N,MAAMC,oBAAoB,IAAIC,IAAI;IAC9B;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACH;AACM,MAAMF,mBAAmB,CAACG;IAC7B,MAAM,EAAEC,eAAe,EAAEC,SAAS,EAAEC,cAAc,EAAEC,iBAAiB,EAAEC,WAAW,EAAEC,OAAO,EAAEC,SAASC,SAAS,EAAEC,aAAa,EAAEC,cAAc,EAAEC,oBAAoB,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,UAAUC,UAAU,EAAE,GAAGlB;IAC5O,MAAM,CAACO,SAASY,WAAW,GAAGC,IAAAA,gCAAoB,EAACZ,WAAWE;IAC9D,MAAM,CAACW,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAACf,iBAAiBE;IAC1D,MAAMM,WAAWM,OAAME,WAAW,CAAC,CAACC,OAAOC;QACvC,IAAIC,MAAMrB,YAAYsB,YAAYF,KAAKpB,OAAO,GAAGsB;QACjD,oCAAoC;QACpC,IAAItB,YAAYsB,WAAW;YACvB,IAAIR,OAAO;gBACPO,MAAMpB,cAAcqB,YAAYrB,YAAYE,mBAAmBmB,YAAYnB,iBAAiBkB;YAChG;QACJ;QACA,IAAIP,OAAO;YACPC,SAASD,SAAS,CAACZ,gBAAgB,QAAQY;QAC/C;QACAF,WAAWS;QACXV,eAAe,QAAQA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWQ,OAAOC,KAAKpB,OAAO;IAC1F,GAAG;QACCY;QACAZ;QACAW;QACAG;QACAZ;QACAD;QACAE;KACH;IACD,MAAMoB,UAAU;QACZvB,SAASc,QAAQ,UAAUd;QAC3BG,gBAAgBW,QAAQ,UAAUX;QAClCqB,eAAezB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACJ;IACA,OAAO;QACH,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGyB,OAAO;QACV,GAAGE,IAAAA,wBAAiB,EAAChC,OAAOF,kBAAkB;IAClD;AACJ"}
1
+ {"version":3,"sources":["shimCheckboxProps.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { ICheckboxProps } from '@fluentui/react';\nimport { CheckboxProps, CheckboxOnChangeData } from '@fluentui/react-components';\nimport { useControllableValue } from '@fluentui/react-hooks';\nimport { getHTMLAttributes } from '../utils';\n\n// https://react.fluentui.dev/?path=/docs/concepts-migration-from-v8-components-checkbox-migration--page [Link of the fluent v9 migration guide]\n// https://github.com/microsoft/fluentui/blob/master/packages/react/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v8 checkbox types definition]\n// https://github.com/microsoft/fluentui/blob/103b8977f8d5f8dd8c430bab46ff5308a2c76371/packages/react-components/react-checkbox/src/components/Checkbox/Checkbox.types.ts [Link of the fluent v9 checkbox types definition]\n\nconst CHECKBOX_PROPS_V8: Set<string> = new Set([\n 'ariaDescribedBy',\n 'ariaLabel',\n 'ariaLabelledBy',\n 'ariaPositionInSet',\n 'ariaSetSize',\n 'boxSide',\n 'checked',\n 'checkmarkIconProps', // one case used this\n 'className',\n 'componentRef',\n 'defaultChecked',\n 'defaultIndeterminate',\n 'disabled',\n 'indeterminate',\n 'inputProps',\n 'label',\n 'name',\n 'onChange',\n 'onRenderLabel',\n 'required',\n 'styles',\n 'theme',\n 'title',\n]);\n\nexport const useCheckboxProps = (props: ICheckboxProps): CheckboxProps => {\n const {\n ariaDescribedBy,\n ariaLabel,\n ariaLabelledBy,\n ariaPositionInSet,\n ariaSetSize,\n boxSide,\n checked: checkedV8,\n indeterminate,\n defaultChecked,\n defaultIndeterminate,\n disabled,\n inputProps,\n name,\n required,\n title,\n onChange: onChangeV8,\n } = props;\n\n const [checked, setChecked] = useControllableValue(checkedV8, defaultChecked);\n const [mixed, setMixed] = React.useState(indeterminate || defaultIndeterminate);\n\n const onChange = React.useCallback(\n (event: React.ChangeEvent<HTMLElement>, data: CheckboxOnChangeData): void => {\n let val: boolean | undefined = checked !== undefined ? (data.checked as boolean) : undefined;\n // Ensure the checkbox is controlled\n if (checked !== undefined) {\n if (mixed) {\n val = checkedV8 !== undefined ? checkedV8 : defaultChecked !== undefined ? defaultChecked : val;\n }\n }\n\n if (mixed) {\n setMixed(mixed && !indeterminate ? false : mixed);\n }\n\n setChecked(val);\n onChangeV8?.(event, data.checked as boolean);\n },\n [setChecked, checked, onChangeV8, mixed, indeterminate, checkedV8, defaultChecked],\n );\n\n const v9Props: Partial<CheckboxProps> = {\n checked: mixed ? 'mixed' : checked,\n defaultChecked: mixed ? 'mixed' : defaultChecked,\n labelPosition: boxSide === 'end' ? 'before' : 'after',\n disabled,\n required,\n title,\n name,\n onChange,\n };\n\n return {\n ...inputProps, // This inputProps is specific for the input element, and the html attributes are also used here instead of props.\n 'aria-describedby': ariaDescribedBy,\n 'aria-label': ariaLabel,\n 'aria-labelledby': ariaLabelledBy,\n 'aria-posinset': ariaPositionInSet,\n 'aria-setsize': ariaSetSize,\n ...v9Props,\n ...getHTMLAttributes(props, CHECKBOX_PROPS_V8),\n } as CheckboxProps;\n};\n"],"names":["useCheckboxProps","CHECKBOX_PROPS_V8","Set","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","useControllableValue","mixed","setMixed","React","useState","useCallback","event","data","val","undefined","v9Props","labelPosition","getHTMLAttributes"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAqCaA;;;eAAAA;;;;iEArCU;4BAIc;uBACH;AAElC,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMC,oBAAiC,IAAIC,IAAI;IAC7C;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD;AAEM,MAAMF,mBAAmB,CAACG;IAC/B,MAAM,EACJC,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,iBAAiB,EACjBC,WAAW,EACXC,OAAO,EACPC,SAASC,SAAS,EAClBC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,QAAQ,EACRC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,KAAK,EACLC,UAAUC,UAAU,EACrB,GAAGlB;IAEJ,MAAM,CAACO,SAASY,WAAW,GAAGC,IAAAA,gCAAAA,EAAqBZ,WAAWE;IAC9D,MAAM,CAACW,OAAOC,SAAS,GAAGC,OAAMC,QAAQ,CAACf,iBAAiBE;IAE1D,MAAMM,WAAWM,OAAME,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BrB,YAAYsB,YAAaF,KAAKpB,OAAO,GAAesB;QACnF,oCAAoC;QACpC,IAAItB,YAAYsB,WAAW;YACzB,IAAIR,OAAO;gBACTO,MAAMpB,cAAcqB,YAAYrB,YAAYE,mBAAmBmB,YAAYnB,iBAAiBkB;YAC9F;QACF;QAEA,IAAIP,OAAO;YACTC,SAASD,SAAS,CAACZ,gBAAgB,QAAQY;QAC7C;QAEAF,WAAWS;QACXV,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAaQ,OAAOC,KAAKpB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYG;QAAOZ;QAAeD;QAAWE;KAAe;IAGpF,MAAMoB,UAAkC;QACtCvB,SAASc,QAAQ,UAAUd;QAC3BG,gBAAgBW,QAAQ,UAAUX;QAClCqB,eAAezB,YAAY,QAAQ,WAAW;QAC9CM;QACAG;QACAC;QACAF;QACAG;IACF;IAEA,OAAO;QACL,GAAGJ,UAAU;QACb,oBAAoBZ;QACpB,cAAcC;QACd,mBAAmBC;QACnB,iBAAiBC;QACjB,gBAAgBC;QAChB,GAAGyB,OAAO;QACV,GAAGE,IAAAA,wBAAAA,EAAkBhC,OAAOF,kBAAkB;IAChD;AACF"}
@@ -1 +1 @@
1
- {"version":3,"sources":["MenuShim.js"],"sourcesContent":["import * as React from 'react';\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport { MenuItem, MenuDivider, MenuGroup, MenuGroupHeader, MenuTrigger, Menu, MenuList, MenuPopover, MenuItemCheckbox } from '@fluentui/react-components';\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\nexport const MenuItemShim = (props)=>{\n var _props_subMenuProps;\n if (props.itemType === ContextualMenuItemType.Divider) {\n const shimProps = shimMenuItemProps(props);\n return /*#__PURE__*/ React.createElement(MenuDivider, shimProps);\n }\n if (props.itemType === ContextualMenuItemType.Section) {\n var _props_subMenuProps1;\n const shimProps = shimMenuHeaderProps(props);\n return /*#__PURE__*/ React.createElement(MenuGroup, null, /*#__PURE__*/ React.createElement(MenuGroupHeader, null, shimProps.children), (_props_subMenuProps1 = props.subMenuProps) === null || _props_subMenuProps1 === void 0 ? void 0 : _props_subMenuProps1.items.map((item)=>// key is added through item spread\n // eslint-disable-next-line react/jsx-key\n /*#__PURE__*/ React.createElement(MenuItemShim, item)));\n }\n if (props.canCheck) {\n const shimProps = shimMenuItemCheckboxProps(props);\n return /*#__PURE__*/ React.createElement(MenuItemCheckbox, shimProps);\n }\n // Nested Menu to handle submenus\n if (((_props_subMenuProps = props.subMenuProps) === null || _props_subMenuProps === void 0 ? void 0 : _props_subMenuProps.items) && props.subMenuProps.items.length > 0) {\n const shimmedMenuProps = shimMenuProps(props.subMenuProps);\n const shimmedItemProps = shimMenuItemProps(props);\n return /*#__PURE__*/ React.createElement(Menu, shimmedMenuProps, /*#__PURE__*/ React.createElement(MenuTrigger, null, /*#__PURE__*/ React.createElement(MenuItem, {\n ...shimmedItemProps,\n hasSubmenu: true\n })), /*#__PURE__*/ React.createElement(MenuPopover, null, /*#__PURE__*/ React.createElement(MenuList, null, props.subMenuProps.items.map((item)=>// key is added through item spread\n // eslint-disable-next-line react/jsx-key\n /*#__PURE__*/ React.createElement(MenuItemShim, item)))));\n }\n const shimProps = shimMenuItemProps(props);\n return /*#__PURE__*/ React.createElement(MenuItem, shimProps);\n};\n"],"names":["MenuItemShim","props","_props_subMenuProps","itemType","ContextualMenuItemType","Divider","shimProps","shimMenuItemProps","React","createElement","MenuDivider","Section","_props_subMenuProps1","shimMenuHeaderProps","MenuGroup","MenuGroupHeader","children","subMenuProps","items","map","item","canCheck","shimMenuItemCheckboxProps","MenuItemCheckbox","length","shimmedMenuProps","shimMenuProps","shimmedItemProps","Menu","MenuTrigger","MenuItem","hasSubmenu","MenuPopover","MenuList"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;wBACgB;iCACuF;+BAC7B;AAC1F,MAAMA,eAAe,CAACC;IACzB,IAAIC;IACJ,IAAID,MAAME,QAAQ,KAAKC,8BAAsB,CAACC,OAAO,EAAE;QACnD,MAAMC,YAAYC,IAAAA,gCAAiB,EAACN;QACpC,OAAO,WAAW,GAAGO,OAAMC,aAAa,CAACC,4BAAW,EAAEJ;IAC1D;IACA,IAAIL,MAAME,QAAQ,KAAKC,8BAAsB,CAACO,OAAO,EAAE;QACnD,IAAIC;QACJ,MAAMN,YAAYO,IAAAA,kCAAmB,EAACZ;QACtC,OAAO,WAAW,GAAGO,OAAMC,aAAa,CAACK,0BAAS,EAAE,MAAM,WAAW,GAAGN,OAAMC,aAAa,CAACM,gCAAe,EAAE,MAAMT,UAAUU,QAAQ,GAAG,AAACJ,CAAAA,uBAAuBX,MAAMgB,YAAY,AAAD,MAAO,QAAQL,yBAAyB,KAAK,IAAI,KAAK,IAAIA,qBAAqBM,KAAK,CAACC,GAAG,CAAC,CAACC,OACvQ,yCAAyC;YACzC,WAAW,GAAGZ,OAAMC,aAAa,CAACT,cAAcoB;IACxD;IACA,IAAInB,MAAMoB,QAAQ,EAAE;QAChB,MAAMf,YAAYgB,IAAAA,wCAAyB,EAACrB;QAC5C,OAAO,WAAW,GAAGO,OAAMC,aAAa,CAACc,iCAAgB,EAAEjB;IAC/D;IACA,iCAAiC;IACjC,IAAI,AAAC,CAAA,AAACJ,CAAAA,sBAAsBD,MAAMgB,YAAY,AAAD,MAAO,QAAQf,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBgB,KAAK,AAAD,KAAMjB,MAAMgB,YAAY,CAACC,KAAK,CAACM,MAAM,GAAG,GAAG;QACrK,MAAMC,mBAAmBC,IAAAA,4BAAa,EAACzB,MAAMgB,YAAY;QACzD,MAAMU,mBAAmBpB,IAAAA,gCAAiB,EAACN;QAC3C,OAAO,WAAW,GAAGO,OAAMC,aAAa,CAACmB,qBAAI,EAAEH,kBAAkB,WAAW,GAAGjB,OAAMC,aAAa,CAACoB,4BAAW,EAAE,MAAM,WAAW,GAAGrB,OAAMC,aAAa,CAACqB,yBAAQ,EAAE;YAC9J,GAAGH,gBAAgB;YACnBI,YAAY;QAChB,KAAK,WAAW,GAAGvB,OAAMC,aAAa,CAACuB,4BAAW,EAAE,MAAM,WAAW,GAAGxB,OAAMC,aAAa,CAACwB,yBAAQ,EAAE,MAAMhC,MAAMgB,YAAY,CAACC,KAAK,CAACC,GAAG,CAAC,CAACC,OACtI,yCAAyC;YACzC,WAAW,GAAGZ,OAAMC,aAAa,CAACT,cAAcoB;IACxD;IACA,MAAMd,YAAYC,IAAAA,gCAAiB,EAACN;IACpC,OAAO,WAAW,GAAGO,OAAMC,aAAa,CAACqB,yBAAQ,EAAExB;AACvD"}
1
+ {"version":3,"sources":["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"],"names":["MenuItemShim","props","itemType","ContextualMenuItemType","Divider","shimProps","shimMenuItemProps","React","createElement","MenuDivider","Section","shimMenuHeaderProps","MenuGroup","MenuGroupHeader","children","subMenuProps","items","map","item","canCheck","shimMenuItemCheckboxProps","MenuItemCheckbox","length","shimmedMenuProps","shimMenuProps","shimmedItemProps","Menu","MenuTrigger","MenuItem","hasSubmenu","MenuPopover","MenuList"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBaA;;;eAAAA;;;;iEAnBU;wBAEgB;iCAahC;+BAE0F;AAE1F,MAAMA,eAAe,CAACC;QA2BvBA;IA1BJ,IAAIA,MAAMC,QAAQ,KAAKC,8BAAAA,CAAuBC,OAAO,EAAE;QACrD,MAAMC,YAAYC,IAAAA,gCAAAA,EAAkBL;QACpC,OAAA,WAAA,GAAOM,OAAAC,aAAA,CAACC,4BAAAA,EAAiBJ;IAC3B;IAEA,IAAIJ,MAAMC,QAAQ,KAAKC,8BAAAA,CAAuBO,OAAO,EAAE;YAMhDT;QALL,MAAMI,YAAYM,IAAAA,kCAAAA,EAAoBV;QACtC,OAAA,WAAA,GACEM,OAAAC,aAAA,CAACI,0BAAAA,EAAAA,MAAAA,WAAAA,GACCL,OAAAC,aAAA,CAACK,gCAAAA,EAAAA,MAAiBR,UAAUS,QAAQ,GAAA,AAEnCb,CAAAA,uBAAAA,MAAMc,YAAY,AAAZA,MAAY,QAAlBd,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAoBe,KAAK,CAACC,GAAG,CAACC,CAAAA,OAE7B,yCAAyC;0BACzCX,OAAAC,aAAA,CAACR,cAAiBkB;IAI1B;IAEA,IAAIjB,MAAMkB,QAAQ,EAAE;QAClB,MAAMd,YAAYe,IAAAA,wCAAAA,EAA0BnB;QAC5C,OAAA,WAAA,GAAOM,OAAAC,aAAA,CAACa,iCAAAA,EAAqBhB;IAC/B;IAEA,iCAAiC;IACjC,IAAIJ,CAAAA,CAAAA,sBAAAA,MAAMc,YAAY,AAAZA,MAAY,QAAlBd,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBe,KAAK,AAALA,KAASf,MAAMc,YAAY,CAACC,KAAK,CAACM,MAAM,GAAG,GAAG;QACpE,MAAMC,mBAAmBC,IAAAA,4BAAAA,EAAcvB,MAAMc,YAAY;QACzD,MAAMU,mBAAmBnB,IAAAA,gCAAAA,EAAkBL;QAE3C,OAAA,WAAA,GACEM,OAAAC,aAAA,CAACkB,qBAAAA,EAASH,kBAAAA,WAAAA,GACRhB,OAAAC,aAAA,CAACmB,4BAAAA,EAAAA,MAAAA,WAAAA,GACCpB,OAAAC,aAAA,CAACoB,yBAAAA,EAAAA;YAAU,GAAGH,gBAAgB;YAAEI,YAAAA;2BAElCtB,OAAAC,aAAA,CAACsB,4BAAAA,EAAAA,MAAAA,WAAAA,GACCvB,OAAAC,aAAA,CAACuB,yBAAAA,EAAAA,MACE9B,MAAMc,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,CAAAA,OAE5B,yCAAyC;0BACzCX,OAAAC,aAAA,CAACR,cAAiBkB;IAM9B;IAEA,MAAMb,YAAYC,IAAAA,gCAAAA,EAAkBL;IACpC,OAAA,WAAA,GAAOM,OAAAC,aAAA,CAACoB,yBAAAA,EAAavB;AACvB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}
@@ -9,17 +9,17 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- shimMenuProps: function() {
13
- return shimMenuProps;
14
- },
15
- shimMenuItemProps: function() {
16
- return shimMenuItemProps;
12
+ shimMenuHeaderProps: function() {
13
+ return shimMenuHeaderProps;
17
14
  },
18
15
  shimMenuItemCheckboxProps: function() {
19
16
  return shimMenuItemCheckboxProps;
20
17
  },
21
- shimMenuHeaderProps: function() {
22
- return shimMenuHeaderProps;
18
+ shimMenuItemProps: function() {
19
+ return shimMenuItemProps;
20
+ },
21
+ shimMenuProps: function() {
22
+ return shimMenuProps;
23
23
  }
24
24
  });
25
25
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
@@ -1 +1 @@
1
- {"version":3,"sources":["shimMenuProps.js"],"sourcesContent":["import * as React from 'react';\nimport { Icon } from '@fluentui/react';\nexport const shimMenuProps = (props)=>{\n return {\n hasIcons: props === null || props === void 0 ? void 0 : props.items.some((i)=>i.iconProps),\n hasCheckmarks: props === null || props === void 0 ? void 0 : props.items.some((i)=>i.canCheck || i.checked)\n };\n};\nexport const shimMenuItemProps = (props)=>{\n //TODO: Handle menuItem.onRenderIcon\n const icon = props.iconProps ? /*#__PURE__*/ React.createElement(Icon, props.iconProps) : undefined;\n return {\n ...props,\n 'aria-label': props.ariaLabel,\n children: props.text,\n icon,\n secondaryContent: props.secondaryText\n };\n};\nexport const shimMenuItemCheckboxProps = (props)=>{\n return {\n ...shimMenuItemProps(props),\n name: props.text || 'name',\n value: props.value || 'value'\n };\n};\nexport const shimMenuHeaderProps = (props)=>{\n var _props_sectionProps;\n return {\n children: (_props_sectionProps = props.sectionProps) === null || _props_sectionProps === void 0 ? void 0 : _props_sectionProps.title\n };\n};\n"],"names":["shimMenuProps","shimMenuItemProps","shimMenuItemCheckboxProps","shimMenuHeaderProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","icon","React","createElement","Icon","undefined","ariaLabel","children","text","secondaryContent","secondaryText","name","value","_props_sectionProps","sectionProps","title"],"mappings":";;;;;;;;;;;IAEaA,aAAa;eAAbA;;IAMAC,iBAAiB;eAAjBA;;IAWAC,yBAAyB;eAAzBA;;IAOAC,mBAAmB;eAAnBA;;;;iEA1BU;wBACF;AACd,MAAMH,gBAAgB,CAACI;IAC1B,OAAO;QACHC,UAAUD,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAME,KAAK,CAACC,IAAI,CAAC,CAACC,IAAIA,EAAEC,SAAS;QACzFC,eAAeN,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAME,KAAK,CAACC,IAAI,CAAC,CAACC,IAAIA,EAAEG,QAAQ,IAAIH,EAAEI,OAAO;IAC9G;AACJ;AACO,MAAMX,oBAAoB,CAACG;IAC9B,oCAAoC;IACpC,MAAMS,OAAOT,MAAMK,SAAS,GAAG,WAAW,GAAGK,OAAMC,aAAa,CAACC,YAAI,EAAEZ,MAAMK,SAAS,IAAIQ;IAC1F,OAAO;QACH,GAAGb,KAAK;QACR,cAAcA,MAAMc,SAAS;QAC7BC,UAAUf,MAAMgB,IAAI;QACpBP;QACAQ,kBAAkBjB,MAAMkB,aAAa;IACzC;AACJ;AACO,MAAMpB,4BAA4B,CAACE;IACtC,OAAO;QACH,GAAGH,kBAAkBG,MAAM;QAC3BmB,MAAMnB,MAAMgB,IAAI,IAAI;QACpBI,OAAOpB,MAAMoB,KAAK,IAAI;IAC1B;AACJ;AACO,MAAMrB,sBAAsB,CAACC;IAChC,IAAIqB;IACJ,OAAO;QACHN,UAAU,AAACM,CAAAA,sBAAsBrB,MAAMsB,YAAY,AAAD,MAAO,QAAQD,wBAAwB,KAAK,IAAI,KAAK,IAAIA,oBAAoBE,KAAK;IACxI;AACJ"}
1
+ {"version":3,"sources":["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"],"names":["shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","icon","React","createElement","Icon","undefined","ariaLabel","children","text","secondaryContent","secondaryText","name","value","sectionProps","title"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAkCaA,mBAAAA;eAAAA;;IARAC,yBAAAA;eAAAA;;IAbAC,iBAAAA;eAAAA;;IAPAC,aAAAA;eAAAA;;;;iEANU;wBAEF;AAId,MAAMA,gBAAgB,CAACC;IAC5B,OAAO;QACLC,UAAUD,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAOE,KAAK,CAACC,IAAI,CAACC,CAAAA,IAAKA,EAAEC,SAAS;QAC5CC,eAAeN,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAOE,KAAK,CAACC,IAAI,CAACC,CAAAA,IAAKA,EAAEG,QAAQ,IAAIH,EAAEI,OAAO;IAC/D;AACF;AAEO,MAAMV,oBAAoB,CAACE;IAChC,oCAAoC;IACpC,MAAMS,OAAOT,MAAMK,SAAS,GAAA,WAAA,GAAGK,OAAAC,aAAA,CAACC,YAAAA,EAASZ,MAAMK,SAAS,IAAOQ;IAE/D,OAAO;QACL,GAAGb,KAAK;QACR,cAAcA,MAAMc,SAAS;QAC7BC,UAAUf,MAAMgB,IAAI;QACpBP;QACAQ,kBAAkBjB,MAAMkB,aAAa;IACvC;AACF;AAEO,MAAMrB,4BAA4B,CAACG;IACxC,OAAO;QACL,GAAGF,kBAAkBE,MAAM;QAC3BmB,MAAMnB,MAAMgB,IAAI,IAAI;QACpBI,OAAOpB,MAAMoB,KAAK,IAAI;IACxB;AACF;AAEO,MAAMxB,sBAAsB,CAACI;QAEtBA;IADZ,OAAO;QACLe,UAAQ,AAAEf,CAAAA,sBAAAA,MAAMqB,YAAY,AAAZA,MAAY,QAAlBrB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBsB,KAAK;IACrC;AACF"}
@@ -1 +1 @@
1
- {"version":3,"sources":["StackItemShim.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport { useFlexAlignSelfStyles, useFlexGrowStyles, useFlexOrderStyles, useFlexShrinkStyles, useStackItemShimStyles } from './StackItemShim.styles';\nconst stackItemClassNames = {\n root: 'ms-StackItem'\n};\nexport const StackItemShim = (props)=>{\n const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n const styles = useStackItemShimStyles();\n const alignSelfStyles = useFlexAlignSelfStyles();\n const shrinkFlexStyles = useFlexShrinkStyles();\n const growFlexStyles = useFlexGrowStyles();\n const orderFlexStyles = useFlexOrderStyles();\n const stackItemStyles = [\n styles.root,\n align && alignSelfStyles[align],\n verticalFill && styles.verticalFill\n ];\n if (order) {\n stackItemStyles.push(orderFlexStyles[order]);\n }\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackItemStyles.push(flexGrow);\n }\n if (shrink && !disableShrink) {\n stackItemStyles.push(shrinkFlexStyles[1]);\n } else if (disableShrink || !grow && !shrink) {\n stackItemStyles.push(shrinkFlexStyles[0]);\n }\n if (disableShrink) {\n stackItemStyles.push(styles.disableShrink);\n }\n const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n return /*#__PURE__*/ React.createElement(\"div\", {\n className: rootStyles\n }, children);\n};\n"],"names":["StackItemShim","stackItemClassNames","root","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","useStackItemShimStyles","alignSelfStyles","useFlexAlignSelfStyles","shrinkFlexStyles","useFlexShrinkStyles","growFlexStyles","useFlexGrowStyles","orderFlexStyles","useFlexOrderStyles","stackItemStyles","push","flexGrow","rootStyles","mergeClasses","React","createElement"],"mappings":";;;;+BAMaA;;;eAAAA;;;;uBANgB;kEACN;qCACoG;AAC3H,MAAMC,sBAAsB;IACxBC,MAAM;AACV;AACO,MAAMF,gBAAgB,CAACG;IAC1B,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR;IACzF,MAAMS,SAASC,IAAAA,2CAAsB;IACrC,MAAMC,kBAAkBC,IAAAA,2CAAsB;IAC9C,MAAMC,mBAAmBC,IAAAA,wCAAmB;IAC5C,MAAMC,iBAAiBC,IAAAA,sCAAiB;IACxC,MAAMC,kBAAkBC,IAAAA,uCAAkB;IAC1C,MAAMC,kBAAkB;QACpBV,OAAOV,IAAI;QACXK,SAASO,eAAe,CAACP,MAAM;QAC/BC,gBAAgBI,OAAOJ,YAAY;KACtC;IACD,IAAIC,OAAO;QACPa,gBAAgBC,IAAI,CAACH,eAAe,CAACX,MAAM;IAC/C;IACA,IAAIL,MAAM;QACN,MAAMoB,WAAWpB,SAAS,OAAOc,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACd,KAAK;QACzEkB,gBAAgBC,IAAI,CAACC;IACzB;IACA,IAAInB,UAAU,CAACC,eAAe;QAC1BgB,gBAAgBC,IAAI,CAACP,gBAAgB,CAAC,EAAE;IAC5C,OAAO,IAAIV,iBAAiB,CAACF,QAAQ,CAACC,QAAQ;QAC1CiB,gBAAgBC,IAAI,CAACP,gBAAgB,CAAC,EAAE;IAC5C;IACA,IAAIV,eAAe;QACfgB,gBAAgBC,IAAI,CAACX,OAAON,aAAa;IAC7C;IACA,MAAMmB,aAAaC,IAAAA,mBAAY,EAACzB,oBAAoBC,IAAI,KAAKoB,iBAAiBZ;IAC9E,OAAO,WAAW,GAAGiB,QAAMC,aAAa,CAAC,OAAO;QAC5ClB,WAAWe;IACf,GAAGd;AACP"}
1
+ {"version":3,"sources":["StackItemShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport * as React from 'react';\nimport type { IStackItemProps } from '@fluentui/react';\n\nimport {\n useFlexAlignSelfStyles,\n useFlexGrowStyles,\n useFlexOrderStyles,\n useFlexShrinkStyles,\n useStackItemShimStyles,\n} from './StackItemShim.styles';\n\nconst stackItemClassNames = {\n root: 'ms-StackItem',\n};\n\nexport const StackItemShim = (props: IStackItemProps) => {\n const { grow, shrink, disableShrink, align, verticalFill, order, className, children } = props;\n\n const styles = useStackItemShimStyles();\n const alignSelfStyles = useFlexAlignSelfStyles();\n const shrinkFlexStyles = useFlexShrinkStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n const orderFlexStyles: Record<string, string> = useFlexOrderStyles();\n\n const stackItemStyles = [styles.root, align && alignSelfStyles[align], verticalFill && styles.verticalFill];\n\n if (order) {\n stackItemStyles.push(orderFlexStyles[order]);\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackItemStyles.push(flexGrow);\n }\n\n if (shrink && !disableShrink) {\n stackItemStyles.push(shrinkFlexStyles[1]);\n } else if (disableShrink || (!grow && !shrink)) {\n stackItemStyles.push(shrinkFlexStyles[0]);\n }\n\n if (disableShrink) {\n stackItemStyles.push(styles.disableShrink);\n }\n\n const rootStyles = mergeClasses(stackItemClassNames.root, ...stackItemStyles, className);\n\n return <div className={rootStyles}>{children}</div>;\n};\n"],"names":["StackItemShim","stackItemClassNames","root","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","useStackItemShimStyles","alignSelfStyles","useFlexAlignSelfStyles","shrinkFlexStyles","useFlexShrinkStyles","growFlexStyles","useFlexGrowStyles","orderFlexStyles","useFlexOrderStyles","stackItemStyles","push","flexGrow","rootStyles","mergeClasses","React","createElement","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAgBaA;;;eAAAA;;;;uBAhBgB;kEACN;qCAShB;AAEP,MAAMC,sBAAsB;IAC1BC,MAAM;AACR;AAEO,MAAMF,gBAAgB,CAACG;IAC5B,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR;IAEzF,MAAMS,SAASC,IAAAA,2CAAAA;IACf,MAAMC,kBAAkBC,IAAAA,2CAAAA;IACxB,MAAMC,mBAAmBC,IAAAA,wCAAAA;IACzB,MAAMC,iBAAyCC,IAAAA,sCAAAA;IAC/C,MAAMC,kBAA0CC,IAAAA,uCAAAA;IAEhD,MAAMC,kBAAkB;QAACV,OAAOV,IAAI;QAAEK,SAASO,eAAe,CAACP,MAAM;QAAEC,gBAAgBI,OAAOJ,YAAY;KAAC;IAE3G,IAAIC,OAAO;QACTa,gBAAgBC,IAAI,CAACH,eAAe,CAACX,MAAM;IAC7C;IAEA,IAAIL,MAAM;QACR,MAAMoB,WAAWpB,SAAS,OAAOc,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACd,KAAK;QACzEkB,gBAAgBC,IAAI,CAACC;IACvB;IAEA,IAAInB,UAAU,CAACC,eAAe;QAC5BgB,gBAAgBC,IAAI,CAACP,gBAAgB,CAAC,EAAE;IAC1C,OAAO,IAAIV,iBAAkB,CAACF,QAAQ,CAACC,QAAS;QAC9CiB,gBAAgBC,IAAI,CAACP,gBAAgB,CAAC,EAAE;IAC1C;IAEA,IAAIV,eAAe;QACjBgB,gBAAgBC,IAAI,CAACX,OAAON,aAAa;IAC3C;IAEA,MAAMmB,aAAaC,IAAAA,mBAAAA,EAAazB,oBAAoBC,IAAI,KAAKoB,iBAAiBZ;IAE9E,OAAA,WAAA,GAAOiB,QAAAC,aAAA,CAACC,OAAAA;QAAInB,WAAWe;OAAad;AACtC"}
@@ -9,20 +9,20 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- useStackItemShimStyles: function() {
13
- return useStackItemShimStyles;
14
- },
15
12
  useFlexAlignSelfStyles: function() {
16
13
  return useFlexAlignSelfStyles;
17
14
  },
18
15
  useFlexGrowStyles: function() {
19
16
  return useFlexGrowStyles;
20
17
  },
18
+ useFlexOrderStyles: function() {
19
+ return useFlexOrderStyles;
20
+ },
21
21
  useFlexShrinkStyles: function() {
22
22
  return useFlexShrinkStyles;
23
23
  },
24
- useFlexOrderStyles: function() {
25
- return useFlexOrderStyles;
24
+ useStackItemShimStyles: function() {
25
+ return useStackItemShimStyles;
26
26
  }
27
27
  });
28
28
  const _react = require("@griffel/react");
@@ -1 +1 @@
1
- {"version":3,"sources":["StackItemShim.styles.js"],"sourcesContent":["import { __styles } from '@griffel/react';\nexport const useStackItemShimStyles = /*#__PURE__*/__styles({\n root: {\n Bqenvij: \"f11ysow2\",\n a9b677: \"f14z66ap\"\n },\n disableShrink: {\n Bnnss6s: \"fi64zpg\"\n },\n verticalFill: {\n Bqenvij: \"f1l02sjl\"\n }\n}, {\n d: [\".f11ysow2{height:auto;}\", \".f14z66ap{width:auto;}\", \".fi64zpg{flex-shrink:0;}\", \".f1l02sjl{height:100%;}\"]\n});\nexport const useFlexAlignSelfStyles = /*#__PURE__*/__styles({\n auto: {\n qb2dma: \"fio29c6\"\n },\n baseline: {\n qb2dma: \"f18ssl25\"\n },\n center: {\n qb2dma: \"f7nlbp4\"\n },\n start: {\n qb2dma: \"fjgzulp\"\n },\n end: {\n qb2dma: \"fpydfdc\"\n },\n stretch: {\n qb2dma: \"f1ub7u0d\"\n }\n}, {\n d: [\".fio29c6{align-self:auto;}\", \".f18ssl25{align-self:baseline;}\", \".f7nlbp4{align-self:center;}\", \".fjgzulp{align-self:flex-start;}\", \".fpydfdc{align-self:flex-end;}\", \".f1ub7u0d{align-self:stretch;}\"]\n});\nexport const useFlexGrowStyles = /*#__PURE__*/__styles({\n \"1\": {\n Bh6795r: \"fqerorx\"\n },\n \"2\": {\n Bh6795r: \"fv68sux\"\n },\n \"3\": {\n Bh6795r: \"f1g5s877\"\n },\n inherit: {\n Bh6795r: \"fbrulcr\"\n },\n initial: {\n Bh6795r: \"fqq5sy3\"\n },\n revert: {\n Bh6795r: \"f1kc8nlq\"\n },\n unset: {\n Bh6795r: \"fepjonw\"\n }\n}, {\n d: [\".fqerorx{flex-grow:1;}\", \".fv68sux{flex-grow:2;}\", \".f1g5s877{flex-grow:3;}\", \".fbrulcr{flex-grow:inherit;}\", \".fqq5sy3{flex-grow:initial;}\", \".f1kc8nlq{flex-grow:revert;}\", \".fepjonw{flex-grow:unset;}\"]\n});\nexport const useFlexShrinkStyles = /*#__PURE__*/__styles({\n \"0\": {\n Bnnss6s: \"fi64zpg\"\n },\n \"1\": {\n Bnnss6s: \"f1neuvcm\"\n },\n \"2\": {\n Bnnss6s: \"f1nje5c6\"\n },\n inherit: {\n Bnnss6s: \"f11ln2im\"\n },\n initial: {\n Bnnss6s: \"f187621l\"\n },\n revert: {\n Bnnss6s: \"f1jq7m8u\"\n },\n unset: {\n Bnnss6s: \"f10s6wei\"\n }\n}, {\n d: [\".fi64zpg{flex-shrink:0;}\", \".f1neuvcm{flex-shrink:1;}\", \".f1nje5c6{flex-shrink:2;}\", \".f11ln2im{flex-shrink:inherit;}\", \".f187621l{flex-shrink:initial;}\", \".f1jq7m8u{flex-shrink:revert;}\", \".f10s6wei{flex-shrink:unset;}\"]\n});\nexport const useFlexOrderStyles = /*#__PURE__*/__styles({\n \"0\": {\n Bxn5svx: \"f1ftwmyh\"\n },\n \"1\": {\n Bxn5svx: \"f15wwbgh\"\n },\n \"2\": {\n Bxn5svx: \"f15ak53d\"\n },\n \"3\": {\n Bxn5svx: \"f19x901k\"\n },\n inherit: {\n Bxn5svx: \"ficp5m6\"\n },\n initial: {\n Bxn5svx: \"f1xfv85z\"\n },\n unset: {\n Bxn5svx: \"f1ex5c7r\"\n },\n revert: {\n Bxn5svx: \"fgu8tny\"\n },\n \"-3\": {\n Bxn5svx: \"folhkm8\"\n },\n \"-2\": {\n Bxn5svx: \"f1yml5i9\"\n },\n \"-1\": {\n Bxn5svx: \"f1l5m61u\"\n }\n}, {\n d: [\".f1ftwmyh{order:0;}\", \".f15wwbgh{order:1;}\", \".f15ak53d{order:2;}\", \".f19x901k{order:3;}\", \".ficp5m6{order:inherit;}\", \".f1xfv85z{order:initial;}\", \".f1ex5c7r{order:unset;}\", \".fgu8tny{order:revert;}\", \".folhkm8{order:-3;}\", \".f1yml5i9{order:-2;}\", \".f1l5m61u{order:-1;}\"]\n});\n//# sourceMappingURL=StackItemShim.styles.js.map"],"names":["useStackItemShimStyles","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexShrinkStyles","useFlexOrderStyles","__styles","root","Bqenvij","a9b677","disableShrink","Bnnss6s","verticalFill","d","auto","qb2dma","baseline","center","start","end","stretch","Bh6795r","inherit","initial","revert","unset","Bxn5svx"],"mappings":";;;;;;;;;;;IACaA,sBAAsB;eAAtBA;;IAcAC,sBAAsB;eAAtBA;;IAsBAC,iBAAiB;eAAjBA;;IAyBAC,mBAAmB;eAAnBA;;IAyBAC,kBAAkB;eAAlBA;;;uBAvFY;AAClB,MAAMJ,yBAAyB,WAAW,GAAEK,IAAAA,eAAQ,EAAC;IAC1DC,MAAM;QACJC,SAAS;QACTC,QAAQ;IACV;IACAC,eAAe;QACbC,SAAS;IACX;IACAC,cAAc;QACZJ,SAAS;IACX;AACF,GAAG;IACDK,GAAG;QAAC;QAA2B;QAA0B;QAA4B;KAA0B;AACjH;AACO,MAAMX,yBAAyB,WAAW,GAAEI,IAAAA,eAAQ,EAAC;IAC1DQ,MAAM;QACJC,QAAQ;IACV;IACAC,UAAU;QACRD,QAAQ;IACV;IACAE,QAAQ;QACNF,QAAQ;IACV;IACAG,OAAO;QACLH,QAAQ;IACV;IACAI,KAAK;QACHJ,QAAQ;IACV;IACAK,SAAS;QACPL,QAAQ;IACV;AACF,GAAG;IACDF,GAAG;QAAC;QAA8B;QAAmC;QAAgC;QAAoC;QAAkC;KAAiC;AAC9M;AACO,MAAMV,oBAAoB,WAAW,GAAEG,IAAAA,eAAQ,EAAC;IACrD,KAAK;QACHe,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACAC,SAAS;QACPD,SAAS;IACX;IACAE,SAAS;QACPF,SAAS;IACX;IACAG,QAAQ;QACNH,SAAS;IACX;IACAI,OAAO;QACLJ,SAAS;IACX;AACF,GAAG;IACDR,GAAG;QAAC;QAA0B;QAA0B;QAA2B;QAAgC;QAAgC;QAAgC;KAA6B;AAClN;AACO,MAAMT,sBAAsB,WAAW,GAAEE,IAAAA,eAAQ,EAAC;IACvD,KAAK;QACHK,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACAW,SAAS;QACPX,SAAS;IACX;IACAY,SAAS;QACPZ,SAAS;IACX;IACAa,QAAQ;QACNb,SAAS;IACX;IACAc,OAAO;QACLd,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAA4B;QAA6B;QAA6B;QAAmC;QAAmC;QAAkC;KAAgC;AACpO;AACO,MAAMR,qBAAqB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtD,KAAK;QACHoB,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACAJ,SAAS;QACPI,SAAS;IACX;IACAH,SAAS;QACPG,SAAS;IACX;IACAD,OAAO;QACLC,SAAS;IACX;IACAF,QAAQ;QACNE,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;IACA,MAAM;QACJA,SAAS;IACX;AACF,GAAG;IACDb,GAAG;QAAC;QAAuB;QAAuB;QAAuB;QAAuB;QAA4B;QAA6B;QAA2B;QAA2B;QAAuB;QAAwB;KAAuB;AACvR,IACA,gDAAgD"}
1
+ {"version":3,"sources":["StackItemShim.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nexport const useStackItemShimStyles = makeStyles({\n root: {\n height: 'auto',\n width: 'auto'\n },\n disableShrink: {\n flexShrink: 0\n },\n verticalFill: {\n height: '100%'\n }\n});\nexport const useFlexAlignSelfStyles = makeStyles({\n auto: {\n alignSelf: 'auto'\n },\n baseline: {\n alignSelf: 'baseline'\n },\n center: {\n alignSelf: 'center'\n },\n start: {\n alignSelf: 'flex-start'\n },\n end: {\n alignSelf: 'flex-end'\n },\n stretch: {\n alignSelf: 'stretch'\n }\n});\nexport const useFlexGrowStyles = makeStyles({\n inherit: {\n flexGrow: 'inherit'\n },\n initial: {\n flexGrow: 'initial'\n },\n revert: {\n flexGrow: 'revert'\n },\n unset: {\n flexGrow: 'unset'\n },\n '1': {\n flexGrow: 1\n },\n '2': {\n flexGrow: 2\n },\n '3': {\n flexGrow: 3\n }\n});\nexport const useFlexShrinkStyles = makeStyles({\n inherit: {\n flexShrink: 'inherit'\n },\n initial: {\n flexShrink: 'initial'\n },\n revert: {\n flexShrink: 'revert'\n },\n unset: {\n flexShrink: 'unset'\n },\n 0: {\n flexShrink: 0\n },\n 1: {\n flexShrink: 1\n },\n 2: {\n flexShrink: 2\n }\n});\nexport const useFlexOrderStyles = makeStyles({\n inherit: {\n order: 'inherit'\n },\n initial: {\n order: 'initial'\n },\n unset: {\n order: 'unset'\n },\n revert: {\n order: 'revert'\n },\n '-3': {\n order: -3\n },\n '-2': {\n order: -2\n },\n '-1': {\n order: -1\n },\n '0': {\n order: 0\n },\n '1': {\n order: 1\n },\n '2': {\n order: 2\n },\n '3': {\n order: 3\n }\n});\n"],"names":["useFlexAlignSelfStyles","useFlexGrowStyles","useFlexOrderStyles","useFlexShrinkStyles","useStackItemShimStyles","__styles","root","Bqenvij","a9b677","disableShrink","Bnnss6s","verticalFill","d","auto","qb2dma","baseline","center","start","end","stretch","Bh6795r","inherit","initial","revert","unset","Bxn5svx"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAaaA,sBAAsB;eAAtBA;;IAoBAC,iBAAiB;eAAjBA;;IA8CAC,kBAAkB;eAAlBA;;IAvBAC,mBAAmB;eAAnBA;;IAvDAC,sBAAsB;eAAtBA;;;uBADc;AACpB,MAAMA,yBAAsB,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,eAAA;QAAAC,SAAA;IAAA;IAAAC,cAAA;QAAAJ,SAAA;IAAA;AAAA,GAAA;IAAAK,GAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAY/B,MAAMZ,yBAAsB,WAAA,GAAGK,IAAAA,eAAA,EAAA;IAAAQ,MAAA;QAAAC,QAAA;IAAA;IAAAC,UAAA;QAAAD,QAAA;IAAA;IAAAE,QAAA;QAAAF,QAAA;IAAA;IAAAG,OAAA;QAAAH,QAAA;IAAA;IAAAI,KAAA;QAAAJ,QAAA;IAAA;IAAAK,SAAA;QAAAL,QAAA;IAAA;AAAA,GAAA;IAAAF,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAoB/B,MAAMX,oBAAiB,WAAA,GAAGI,IAAAA,eAAA,EAAA;IAAA,KAAA;QAAAe,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAAC,SAAA;QAAAD,SAAA;IAAA;IAAAE,SAAA;QAAAF,SAAA;IAAA;IAAAG,QAAA;QAAAH,SAAA;IAAA;IAAAI,OAAA;QAAAJ,SAAA;IAAA;AAAA,GAAA;IAAAR,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAuB1B,MAAMT,sBAAmB,WAAA,GAAGE,IAAAA,eAAA,EAAA;IAAA,KAAA;QAAAK,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAAW,SAAA;QAAAX,SAAA;IAAA;IAAAY,SAAA;QAAAZ,SAAA;IAAA;IAAAa,QAAA;QAAAb,SAAA;IAAA;IAAAc,OAAA;QAAAd,SAAA;IAAA;AAAA,GAAA;IAAAE,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAuB5B,MAAMV,qBAAkB,WAAA,GAAGG,IAAAA,eAAA,EAAA;IAAA,KAAA;QAAAoB,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAAJ,SAAA;QAAAI,SAAA;IAAA;IAAAH,SAAA;QAAAG,SAAA;IAAA;IAAAD,OAAA;QAAAC,SAAA;IAAA;IAAAF,QAAA;QAAAE,SAAA;IAAA;IAAA,MAAA;QAAAA,SAAA;IAAA;IAAA,MAAA;QAAAA,SAAA;IAAA;IAAA,MAAA;QAAAA,SAAA;IAAA;AAAA,GAAA;IAAAb,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["StackShim.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport * as React from 'react';\nimport { getChildrenGapStyles } from './stackUtils';\nimport { useFlexAlignItemsStyles, useFlexGrowStyles, useFlexJustifyContentStyles, useStackStyles } from './StackShim.styles';\nconst stackClassNames = {\n root: 'ms-Stack',\n inner: 'ms-Stack-inner'\n};\nconst getClassNames = classNamesFunction();\nexport const StackShim = (props)=>{\n const styles = useStackStyles();\n const alignItemsFlexStyles = useFlexAlignItemsStyles();\n const justifyContentFlexStyles = useFlexJustifyContentStyles();\n const growFlexStyles = useFlexGrowStyles();\n const { as: RootType = 'div', verticalFill, horizontal, reversed, grow, wrap, horizontalAlign, verticalAlign, disableShrink, className } = props;\n const tokens = {\n ...props.tokens\n };\n let tokensRootStyles = {};\n let tokensInnerStyles = {};\n let childrenGapClassName;\n if (tokens) {\n tokensRootStyles = {\n padding: !wrap ? tokens.padding : undefined,\n maxHeight: tokens.maxHeight,\n maxWidth: tokens.maxWidth\n };\n tokensInnerStyles = {\n padding: wrap ? tokens.padding : undefined\n };\n if (tokens.childrenGap) {\n childrenGapClassName = getClassNames(getChildrenGapStyles, {\n horizontal,\n reversed,\n tokens\n });\n }\n }\n const stackStyles = [\n wrap ? styles.wrap : styles.root,\n horizontal && styles.horizontal,\n verticalFill && styles.verticalFill\n ];\n const stackInnerStyles = [\n styles.inner,\n horizontal && styles.horizontal,\n (!tokens || !tokens.childrenGap) && styles.innerWidth\n ];\n let stackChildren = React.Children.toArray(props.children);\n if (stackChildren.length === 1 && /*#__PURE__*/ React.isValidElement(stackChildren[0]) && stackChildren[0].type === React.Fragment) {\n stackChildren = stackChildren[0].props.children;\n }\n stackChildren = React.Children.map(stackChildren, (child)=>{\n if (!child) {\n return null;\n }\n if (child.type && child.type.name === 'StackItemShim') {\n const defaultItemProps = {\n shrink: !disableShrink\n };\n return /*#__PURE__*/ React.cloneElement(child, {\n ...defaultItemProps,\n ...child.props\n });\n }\n return child;\n });\n if (reversed) {\n if (horizontal) {\n stackStyles.push(styles.reversedHorizontal);\n stackInnerStyles.push(styles.reversedHorizontal);\n } else {\n stackStyles.push(styles.reversedVertical);\n stackInnerStyles.push(styles.reversedVertical);\n }\n }\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackStyles.push(flexGrow);\n }\n if (disableShrink) {\n stackStyles.push(styles.disableShrink);\n }\n if (horizontalAlign) {\n if (horizontal) {\n stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n } else {\n stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n }\n }\n if (verticalAlign) {\n if (horizontal) {\n stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n } else {\n stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n }\n }\n const rootClass = mergeClasses(stackClassNames.root, ...stackStyles, childrenGapClassName && !wrap && childrenGapClassName.root, className);\n const innerClass = mergeClasses(stackClassNames.inner, ...stackInnerStyles, childrenGapClassName && wrap && childrenGapClassName.inner);\n return wrap ? /*#__PURE__*/ React.createElement(RootType, {\n className: rootClass,\n style: tokensRootStyles\n }, /*#__PURE__*/ React.createElement(\"div\", {\n className: innerClass,\n style: tokensInnerStyles\n }, stackChildren)) : /*#__PURE__*/ React.createElement(RootType, {\n className: rootClass,\n style: tokensRootStyles\n }, stackChildren);\n};\n"],"names":["StackShim","stackClassNames","root","inner","getClassNames","classNamesFunction","props","styles","useStackStyles","alignItemsFlexStyles","useFlexAlignItemsStyles","justifyContentFlexStyles","useFlexJustifyContentStyles","growFlexStyles","useFlexGrowStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","getChildrenGapStyles","stackStyles","stackInnerStyles","innerWidth","stackChildren","React","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","mergeClasses","innerClass","createElement","style"],"mappings":"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"}
1
+ {"version":3,"sources":["StackShim.tsx"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nimport { classNamesFunction } from '@fluentui/react';\nimport type { IStackProps, IStackTokens, IStackItemProps } from '@fluentui/react';\nimport * as React from 'react';\n\nimport { getChildrenGapStyles } from './stackUtils';\nimport type { StackShimStyles } from './stackUtils';\nimport {\n useFlexAlignItemsStyles,\n useFlexGrowStyles,\n useFlexJustifyContentStyles,\n useStackStyles,\n} from './StackShim.styles';\n\nconst stackClassNames = {\n root: 'ms-Stack',\n inner: 'ms-Stack-inner',\n};\n\nconst getClassNames = classNamesFunction<IStackProps, StackShimStyles>();\n\nexport const StackShim = (props: IStackProps) => {\n const styles = useStackStyles();\n const alignItemsFlexStyles = useFlexAlignItemsStyles();\n const justifyContentFlexStyles = useFlexJustifyContentStyles();\n const growFlexStyles: Record<string, string> = useFlexGrowStyles();\n\n const {\n as: RootType = 'div',\n verticalFill,\n horizontal,\n reversed,\n grow,\n wrap,\n horizontalAlign,\n verticalAlign,\n disableShrink,\n className,\n } = props;\n\n const tokens: IStackTokens = { ...props.tokens };\n\n let tokensRootStyles = {};\n let tokensInnerStyles = {};\n let childrenGapClassName;\n\n if (tokens) {\n tokensRootStyles = {\n padding: !wrap ? tokens.padding : undefined,\n maxHeight: tokens.maxHeight,\n maxWidth: tokens.maxWidth,\n };\n\n tokensInnerStyles = {\n padding: wrap ? tokens.padding : undefined,\n };\n\n if (tokens.childrenGap) {\n childrenGapClassName = getClassNames(getChildrenGapStyles, {\n horizontal,\n reversed,\n tokens,\n });\n }\n }\n\n const stackStyles = [\n wrap ? styles.wrap : styles.root,\n horizontal && styles.horizontal,\n verticalFill && styles.verticalFill,\n ];\n\n const stackInnerStyles = [\n styles.inner,\n horizontal && styles.horizontal,\n (!tokens || !tokens.childrenGap) && styles.innerWidth,\n ];\n\n let stackChildren = React.Children.toArray(props.children);\n if (\n stackChildren.length === 1 &&\n React.isValidElement(stackChildren[0]) &&\n stackChildren[0].type === React.Fragment\n ) {\n stackChildren = stackChildren[0].props.children;\n }\n\n stackChildren = React.Children.map(\n stackChildren as React.ReactElement[],\n (child: React.ReactElement<IStackItemProps>) => {\n if (!child) {\n return null;\n }\n\n if (child.type && ((child as React.ReactElement).type as React.ComponentType).name === 'StackItemShim') {\n const defaultItemProps: IStackItemProps = {\n shrink: !disableShrink,\n };\n\n return React.cloneElement(child, {\n ...defaultItemProps,\n ...child.props,\n });\n }\n\n return child;\n },\n );\n\n if (reversed) {\n if (horizontal) {\n stackStyles.push(styles.reversedHorizontal);\n stackInnerStyles.push(styles.reversedHorizontal);\n } else {\n stackStyles.push(styles.reversedVertical);\n stackInnerStyles.push(styles.reversedVertical);\n }\n }\n\n if (grow) {\n const flexGrow = grow === true ? growFlexStyles[1] : growFlexStyles[grow];\n stackStyles.push(flexGrow);\n }\n\n if (disableShrink) {\n stackStyles.push(styles.disableShrink);\n }\n\n if (horizontalAlign) {\n if (horizontal) {\n stackStyles.push(justifyContentFlexStyles[horizontalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[horizontalAlign]);\n } else {\n stackStyles.push(alignItemsFlexStyles[horizontalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[horizontalAlign]);\n }\n }\n\n if (verticalAlign) {\n if (horizontal) {\n stackStyles.push(alignItemsFlexStyles[verticalAlign]);\n stackInnerStyles.push(alignItemsFlexStyles[verticalAlign]);\n } else {\n stackStyles.push(justifyContentFlexStyles[verticalAlign]);\n stackInnerStyles.push(justifyContentFlexStyles[verticalAlign]);\n }\n }\n\n const rootClass = mergeClasses(\n stackClassNames.root,\n ...stackStyles,\n childrenGapClassName && !wrap && childrenGapClassName.root,\n className,\n );\n\n const innerClass = mergeClasses(\n stackClassNames.inner,\n ...stackInnerStyles,\n childrenGapClassName && wrap && childrenGapClassName.inner,\n );\n\n return wrap ? (\n <RootType className={rootClass} style={tokensRootStyles}>\n <div className={innerClass} style={tokensInnerStyles}>\n {stackChildren}\n </div>\n </RootType>\n ) : (\n <RootType className={rootClass} style={tokensRootStyles}>\n {stackChildren}\n </RootType>\n );\n};\n"],"names":["StackShim","stackClassNames","root","inner","getClassNames","classNamesFunction","props","styles","useStackStyles","alignItemsFlexStyles","useFlexAlignItemsStyles","justifyContentFlexStyles","useFlexJustifyContentStyles","growFlexStyles","useFlexGrowStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","getChildrenGapStyles","stackStyles","stackInnerStyles","innerWidth","stackChildren","React","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","mergeClasses","innerClass","createElement","style","div"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -9,17 +9,17 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
- useStackStyles: function() {
13
- return useStackStyles;
12
+ useFlexAlignItemsStyles: function() {
13
+ return useFlexAlignItemsStyles;
14
14
  },
15
15
  useFlexGrowStyles: function() {
16
16
  return useFlexGrowStyles;
17
17
  },
18
- useFlexAlignItemsStyles: function() {
19
- return useFlexAlignItemsStyles;
20
- },
21
18
  useFlexJustifyContentStyles: function() {
22
19
  return useFlexJustifyContentStyles;
20
+ },
21
+ useStackStyles: function() {
22
+ return useStackStyles;
23
23
  }
24
24
  });
25
25
  const _react = require("@griffel/react");
@@ -1 +1 @@
1
- {"version":3,"sources":["StackShim.styles.js"],"sourcesContent":["import { __styles } from '@griffel/react';\nexport const useStackStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n Eh141a: \"flvyvdh\",\n a9b677: \"f14z66ap\",\n Bqenvij: \"f11ysow2\",\n B7ck84d: \"f1ewtqcl\",\n Hc4np9: \"f4sjk8j\",\n Btkizpb: \"f1d54kgm\"\n },\n horizontal: {\n Beiy3e4: \"f1063pyq\"\n },\n verticalFill: {\n Bqenvij: \"f1l02sjl\"\n },\n reversedVertical: {\n Beiy3e4: \"f1gkdon0\"\n },\n reversedHorizontal: {\n Beiy3e4: \"f1oztnx0\"\n },\n disableShrink: {\n Btkizpb: \"f1605gwb\"\n },\n wrap: {\n mc9l5x: \"f22iagw\",\n Eh141a: \"fni485r\",\n Bqenvij: \"f1l02sjl\"\n },\n inner: {\n mc9l5x: \"f22iagw\",\n Beiy3e4: \"f1vx9l62\",\n Eh141a: \"fni485r\",\n B7ck84d: \"f1ewtqcl\",\n B2u0y6b: \"f1w39fev\",\n Btkizpb: \"f1d54kgm\"\n },\n innerWidth: {\n a9b677: \"fly5x3f\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f1vx9l62{flex-direction:column;}\", \".flvyvdh{flex-wrap:nowrap;}\", \".f14z66ap{width:auto;}\", \".f11ysow2{height:auto;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f4sjk8j>*{text-overflow:ellipsis;}\", \".f1d54kgm>*:not(.ms-StackItem){flex-shrink:1;}\", \".f1063pyq{flex-direction:row;}\", \".f1l02sjl{height:100%;}\", \".f1gkdon0{flex-direction:column-reverse;}\", \".f1oztnx0{flex-direction:row-reverse;}\", \".f1605gwb>*:not(.ms-StackItem){flex-shrink:0;}\", \".fni485r{flex-wrap:wrap;}\", \".f1w39fev{max-width:100vw;}\", \".fly5x3f{width:100%;}\"]\n});\nexport const useFlexGrowStyles = /*#__PURE__*/__styles({\n \"1\": {\n Bh6795r: \"fqerorx\"\n },\n \"2\": {\n Bh6795r: \"fv68sux\"\n },\n \"3\": {\n Bh6795r: \"f1g5s877\"\n },\n inherit: {\n Bh6795r: \"fbrulcr\"\n },\n initial: {\n Bh6795r: \"fqq5sy3\"\n },\n revert: {\n Bh6795r: \"f1kc8nlq\"\n },\n unset: {\n Bh6795r: \"fepjonw\"\n }\n}, {\n d: [\".fqerorx{flex-grow:1;}\", \".fv68sux{flex-grow:2;}\", \".f1g5s877{flex-grow:3;}\", \".fbrulcr{flex-grow:inherit;}\", \".fqq5sy3{flex-grow:initial;}\", \".f1kc8nlq{flex-grow:revert;}\", \".fepjonw{flex-grow:unset;}\"]\n});\nexport const useFlexAlignItemsStyles = /*#__PURE__*/__styles({\n baseline: {\n Bt984gj: \"f1guyajx\"\n },\n center: {\n Bt984gj: \"f122n59\"\n },\n start: {\n Bt984gj: \"f6jr5hl\"\n },\n end: {\n Bt984gj: \"fgs5rwf\"\n },\n stretch: {\n Bt984gj: \"f1q9h2pe\"\n },\n \"space-between\": {\n Bt984gj: \"f1jkqsad\"\n },\n \"space-around\": {\n Bt984gj: \"ftnnmgl\"\n },\n \"space-evenly\": {\n Bt984gj: \"f1uhtmqw\"\n }\n}, {\n d: [\".f1guyajx{align-items:baseline;}\", \".f122n59{align-items:center;}\", \".f6jr5hl{align-items:flex-start;}\", \".fgs5rwf{align-items:flex-end;}\", \".f1q9h2pe{align-items:stretch;}\", \".f1jkqsad{align-items:space-between;}\", \".ftnnmgl{align-items:space-around;}\", \".f1uhtmqw{align-items:space-evenly;}\"]\n});\nexport const useFlexJustifyContentStyles = /*#__PURE__*/__styles({\n baseline: {\n Brf1p80: \"f1uf0ky1\"\n },\n center: {\n Brf1p80: \"f4d9j23\"\n },\n start: {\n Brf1p80: \"fbhxue7\"\n },\n end: {\n Brf1p80: \"f9c4gz4\"\n },\n stretch: {\n Brf1p80: \"fsxf2b5\"\n },\n \"space-between\": {\n Brf1p80: \"f1869bpl\"\n },\n \"space-around\": {\n Brf1p80: \"f1iw3tyt\"\n },\n \"space-evenly\": {\n Brf1p80: \"figf6al\"\n }\n}, {\n d: [\".f1uf0ky1{justify-content:baseline;}\", \".f4d9j23{justify-content:center;}\", \".fbhxue7{justify-content:flex-start;}\", \".f9c4gz4{justify-content:flex-end;}\", \".fsxf2b5{justify-content:stretch;}\", \".f1869bpl{justify-content:space-between;}\", \".f1iw3tyt{justify-content:space-around;}\", \".figf6al{justify-content:space-evenly;}\"]\n});\n//# sourceMappingURL=StackShim.styles.js.map"],"names":["useStackStyles","useFlexGrowStyles","useFlexAlignItemsStyles","useFlexJustifyContentStyles","__styles","root","mc9l5x","Beiy3e4","Eh141a","a9b677","Bqenvij","B7ck84d","Hc4np9","Btkizpb","horizontal","verticalFill","reversedVertical","reversedHorizontal","disableShrink","wrap","inner","B2u0y6b","innerWidth","d","Bh6795r","inherit","initial","revert","unset","baseline","Bt984gj","center","start","end","stretch","Brf1p80"],"mappings":";;;;;;;;;;;IACaA,cAAc;eAAdA;;IA6CAC,iBAAiB;eAAjBA;;IAyBAC,uBAAuB;eAAvBA;;IA4BAC,2BAA2B;eAA3BA;;;uBAnGY;AAClB,MAAMH,iBAAiB,WAAW,GAAEI,IAAAA,eAAQ,EAAC;IAClDC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;IACX;IACAC,YAAY;QACVP,SAAS;IACX;IACAQ,cAAc;QACZL,SAAS;IACX;IACAM,kBAAkB;QAChBT,SAAS;IACX;IACAU,oBAAoB;QAClBV,SAAS;IACX;IACAW,eAAe;QACbL,SAAS;IACX;IACAM,MAAM;QACJb,QAAQ;QACRE,QAAQ;QACRE,SAAS;IACX;IACAU,OAAO;QACLd,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRG,SAAS;QACTU,SAAS;QACTR,SAAS;IACX;IACAS,YAAY;QACVb,QAAQ;IACV;AACF,GAAG;IACDc,GAAG;QAAC;QAA2B;QAAqC;QAA+B;QAA0B;QAA2B;QAAqC;QAAuC;QAAkD;QAAkC;QAA2B;QAA6C;QAA0C;QAAkD;QAA6B;QAA+B;KAAwB;AACljB;AACO,MAAMtB,oBAAoB,WAAW,GAAEG,IAAAA,eAAQ,EAAC;IACrD,KAAK;QACHoB,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACA,KAAK;QACHA,SAAS;IACX;IACAC,SAAS;QACPD,SAAS;IACX;IACAE,SAAS;QACPF,SAAS;IACX;IACAG,QAAQ;QACNH,SAAS;IACX;IACAI,OAAO;QACLJ,SAAS;IACX;AACF,GAAG;IACDD,GAAG;QAAC;QAA0B;QAA0B;QAA2B;QAAgC;QAAgC;QAAgC;KAA6B;AAClN;AACO,MAAMrB,0BAA0B,WAAW,GAAEE,IAAAA,eAAQ,EAAC;IAC3DyB,UAAU;QACRC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;IACAG,KAAK;QACHH,SAAS;IACX;IACAI,SAAS;QACPJ,SAAS;IACX;IACA,iBAAiB;QACfA,SAAS;IACX;IACA,gBAAgB;QACdA,SAAS;IACX;IACA,gBAAgB;QACdA,SAAS;IACX;AACF,GAAG;IACDP,GAAG;QAAC;QAAoC;QAAiC;QAAqC;QAAmC;QAAmC;QAAyC;QAAuC;KAAuC;AAC7S;AACO,MAAMpB,8BAA8B,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC/DyB,UAAU;QACRM,SAAS;IACX;IACAJ,QAAQ;QACNI,SAAS;IACX;IACAH,OAAO;QACLG,SAAS;IACX;IACAF,KAAK;QACHE,SAAS;IACX;IACAD,SAAS;QACPC,SAAS;IACX;IACA,iBAAiB;QACfA,SAAS;IACX;IACA,gBAAgB;QACdA,SAAS;IACX;IACA,gBAAgB;QACdA,SAAS;IACX;AACF,GAAG;IACDZ,GAAG;QAAC;QAAwC;QAAqC;QAAyC;QAAuC;QAAsC;QAA6C;QAA4C;KAA0C;AAC5U,IACA,4CAA4C"}
1
+ {"version":3,"sources":["StackShim.styles.js"],"sourcesContent":["import { makeStyles } from '@griffel/react';\nexport const useStackStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'nowrap',\n width: 'auto',\n height: 'auto',\n boxSizing: 'border-box',\n '> *': {\n textOverflow: 'ellipsis'\n },\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> *:not(.ms-StackItem)': {\n flexShrink: 1\n }\n },\n horizontal: {\n flexDirection: 'row'\n },\n verticalFill: {\n height: '100%'\n },\n reversedVertical: {\n flexDirection: 'column-reverse'\n },\n reversedHorizontal: {\n flexDirection: 'row-reverse'\n },\n disableShrink: {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> *:not(.ms-StackItem)': {\n flexShrink: 0\n }\n },\n wrap: {\n display: 'flex',\n flexWrap: 'wrap',\n height: '100%'\n },\n inner: {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n boxSizing: 'border-box',\n maxWidth: '100vw',\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n '> *:not(.ms-StackItem)': {\n flexShrink: 1\n }\n },\n innerWidth: {\n width: '100%'\n }\n});\nexport const useFlexGrowStyles = makeStyles({\n inherit: {\n flexGrow: 'inherit'\n },\n initial: {\n flexGrow: 'initial'\n },\n revert: {\n flexGrow: 'revert'\n },\n unset: {\n flexGrow: 'unset'\n },\n '1': {\n flexGrow: 1\n },\n '2': {\n flexGrow: 2\n },\n '3': {\n flexGrow: 3\n }\n});\nexport const useFlexAlignItemsStyles = makeStyles({\n baseline: {\n alignItems: 'baseline'\n },\n center: {\n alignItems: 'center'\n },\n start: {\n alignItems: 'flex-start'\n },\n end: {\n alignItems: 'flex-end'\n },\n stretch: {\n alignItems: 'stretch'\n },\n 'space-between': {\n alignItems: 'space-between'\n },\n 'space-around': {\n alignItems: 'space-around'\n },\n 'space-evenly': {\n alignItems: 'space-evenly'\n }\n});\nexport const useFlexJustifyContentStyles = makeStyles({\n baseline: {\n justifyContent: 'baseline'\n },\n center: {\n justifyContent: 'center'\n },\n start: {\n justifyContent: 'flex-start'\n },\n end: {\n justifyContent: 'flex-end'\n },\n stretch: {\n justifyContent: 'stretch'\n },\n 'space-between': {\n justifyContent: 'space-between'\n },\n 'space-around': {\n justifyContent: 'space-around'\n },\n 'space-evenly': {\n justifyContent: 'space-evenly'\n }\n});\n"],"names":["useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","__styles","root","mc9l5x","Beiy3e4","Eh141a","a9b677","Bqenvij","B7ck84d","Hc4np9","Btkizpb","horizontal","verticalFill","reversedVertical","reversedHorizontal","disableShrink","wrap","inner","B2u0y6b","innerWidth","d","Bh6795r","inherit","initial","revert","unset","baseline","Bt984gj","center","start","end","stretch","Brf1p80"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAiFaA,uBAAuB;eAAvBA;;IAvBAC,iBAAiB;eAAjBA;;IAiDAC,2BAA2B;eAA3BA;;IA1GAC,cAAc;eAAdA;;;uBADc;AACpB,MAAMA,iBAAc,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,YAAA;QAAAP,SAAA;IAAA;IAAAQ,cAAA;QAAAL,SAAA;IAAA;IAAAM,kBAAA;QAAAT,SAAA;IAAA;IAAAU,oBAAA;QAAAV,SAAA;IAAA;IAAAW,eAAA;QAAAL,SAAA;IAAA;IAAAM,MAAA;QAAAb,QAAA;QAAAE,QAAA;QAAAE,SAAA;IAAA;IAAAU,OAAA;QAAAd,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAG,SAAA;QAAAU,SAAA;QAAAR,SAAA;IAAA;IAAAS,YAAA;QAAAb,QAAA;IAAA;AAAA,GAAA;IAAAc,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAyDvB,MAAMtB,oBAAiB,WAAA,GAAGG,IAAAA,eAAA,EAAA;IAAA,KAAA;QAAAoB,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAA,KAAA;QAAAA,SAAA;IAAA;IAAAC,SAAA;QAAAD,SAAA;IAAA;IAAAE,SAAA;QAAAF,SAAA;IAAA;IAAAG,QAAA;QAAAH,SAAA;IAAA;IAAAI,OAAA;QAAAJ,SAAA;IAAA;AAAA,GAAA;IAAAD,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAuB1B,MAAMvB,0BAAuB,WAAA,GAAGI,IAAAA,eAAA,EAAA;IAAAyB,UAAA;QAAAC,SAAA;IAAA;IAAAC,QAAA;QAAAD,SAAA;IAAA;IAAAE,OAAA;QAAAF,SAAA;IAAA;IAAAG,KAAA;QAAAH,SAAA;IAAA;IAAAI,SAAA;QAAAJ,SAAA;IAAA;IAAA,iBAAA;QAAAA,SAAA;IAAA;IAAA,gBAAA;QAAAA,SAAA;IAAA;IAAA,gBAAA;QAAAA,SAAA;IAAA;AAAA,GAAA;IAAAP,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AA0BhC,MAAMrB,8BAA2B,WAAA,GAAGE,IAAAA,eAAA,EAAA;IAAAyB,UAAA;QAAAM,SAAA;IAAA;IAAAJ,QAAA;QAAAI,SAAA;IAAA;IAAAH,OAAA;QAAAG,SAAA;IAAA;IAAAF,KAAA;QAAAE,SAAA;IAAA;IAAAD,SAAA;QAAAC,SAAA;IAAA;IAAA,iBAAA;QAAAA,SAAA;IAAA;IAAA,gBAAA;QAAAA,SAAA;IAAA;IAAA,gBAAA;QAAAA,SAAA;IAAA;AAAA,GAAA;IAAAZ,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './StackItemShim';\nexport * from './StackShim';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './StackItemShim';\nexport * from './StackShim';\n"],"names":[],"rangeMappings":";;;;;;","mappings":";;;;;uBAAc;uBACA"}
@@ -9,14 +9,14 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
+ getChildrenGapStyles: function() {
13
+ return getChildrenGapStyles;
14
+ },
12
15
  parseGap: function() {
13
16
  return parseGap;
14
17
  },
15
18
  parsePadding: function() {
16
19
  return parsePadding;
17
- },
18
- getChildrenGapStyles: function() {
19
- return getChildrenGapStyles;
20
20
  }
21
21
  });
22
22
  const _react = require("@fluentui/react");