@fluentui/react-migration-v8-v9 9.8.8 → 9.9.1

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  ActionButtonShim,\n  ButtonShim,\n  CommandButtonShim,\n  CompoundButtonShim,\n  DefaultButtonShim,\n  MenuButtonShim,\n  PrimaryButtonShim,\n  shimButtonProps,\n  ToggleButtonShim,\n} from './components/Button/index';\n\nexport { MenuItemShim, shimMenuProps } from './components/Menu/index';\n\nexport { StackItemShim, StackShim } from './components/Stack/index';\n\nexport { CheckboxShim } from './components/Checkbox/index';\n\nexport {\n  black,\n  blackAlpha,\n  brandWeb,\n  createBrandVariants,\n  createV8Theme,\n  createV9Theme,\n  grey,\n  grey14Alpha,\n  hcButtonFace,\n  hcButtonText,\n  hcCanvas,\n  hcCanvasText,\n  hcDisabled,\n  hcHighlight,\n  hcHighlightText,\n  hcHyperlink,\n  sharedColors,\n  white,\n  whiteAlpha,\n} from './components/Theme/index';\n\nexport type {\n  AlphaColors,\n  ColorVariants,\n  GlobalSharedColors,\n  Greys,\n  TextAlignment,\n  TextAlignments,\n} from './components/Theme/index';\n"],"names":["ActionButtonShim","ButtonShim","CommandButtonShim","CompoundButtonShim","DefaultButtonShim","MenuButtonShim","PrimaryButtonShim","shimButtonProps","ToggleButtonShim","MenuItemShim","shimMenuProps","StackItemShim","StackShim","CheckboxShim","black","blackAlpha","brandWeb","createBrandVariants","createV8Theme","createV9Theme","grey","grey14Alpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","sharedColors","white","whiteAlpha"],"rangeMappings":";;;;","mappings":"AAAA,SACEA,gBAAgB,EAChBC,UAAU,EACVC,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,QACX,4BAA4B;AAEnC,SAASC,YAAY,EAAEC,aAAa,QAAQ,0BAA0B;AAEtE,SAASC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AAEpE,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,SACEC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,mBAAmB,EACnBC,aAAa,EACbC,aAAa,EACbC,IAAI,EACJC,WAAW,EACXC,YAAY,EACZC,YAAY,EACZC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,WAAW,EACXC,YAAY,EACZC,KAAK,EACLC,UAAU,QACL,2BAA2B"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  ActionButtonShim,\n  ButtonShim,\n  CommandButtonShim,\n  CompoundButtonShim,\n  DefaultButtonShim,\n  MenuButtonShim,\n  PrimaryButtonShim,\n  shimButtonProps,\n  ToggleButtonShim,\n} from './components/Button/index';\n\nexport { MenuItemShim, shimMenuProps } from './components/Menu/index';\n\nexport { StackItemShim, StackShim } from './components/Stack/index';\n\nexport { CheckboxShim } from './components/Checkbox/index';\n\nexport {\n  black,\n  blackAlpha,\n  brandWeb,\n  createBrandVariants,\n  createV8Theme,\n  createV9Theme,\n  grey,\n  grey14Alpha,\n  hcButtonFace,\n  hcButtonText,\n  hcCanvas,\n  hcCanvasText,\n  hcDisabled,\n  hcHighlight,\n  hcHighlightText,\n  hcHyperlink,\n  sharedColors,\n  white,\n  whiteAlpha,\n} from './components/Theme/index';\n\nexport type {\n  AlphaColors,\n  ColorVariants,\n  GlobalSharedColors,\n  Greys,\n  TextAlignment,\n  TextAlignments,\n} from './components/Theme/index';\n"],"names":["ActionButtonShim","ButtonShim","CommandButtonShim","CompoundButtonShim","DefaultButtonShim","MenuButtonShim","PrimaryButtonShim","shimButtonProps","ToggleButtonShim","MenuItemShim","shimMenuProps","StackItemShim","StackShim","CheckboxShim","black","blackAlpha","brandWeb","createBrandVariants","createV8Theme","createV9Theme","grey","grey14Alpha","hcButtonFace","hcButtonText","hcCanvas","hcCanvasText","hcDisabled","hcHighlight","hcHighlightText","hcHyperlink","sharedColors","white","whiteAlpha"],"mappings":"AAAA,SACEA,gBAAgB,EAChBC,UAAU,EACVC,iBAAiB,EACjBC,kBAAkB,EAClBC,iBAAiB,EACjBC,cAAc,EACdC,iBAAiB,EACjBC,eAAe,EACfC,gBAAgB,QACX,4BAA4B;AAEnC,SAASC,YAAY,EAAEC,aAAa,QAAQ,0BAA0B;AAEtE,SAASC,aAAa,EAAEC,SAAS,QAAQ,2BAA2B;AAEpE,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,SACEC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,mBAAmB,EACnBC,aAAa,EACbC,aAAa,EACbC,IAAI,EACJC,WAAW,EACXC,YAAY,EACZC,YAAY,EACZC,QAAQ,EACRC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,eAAe,EACfC,WAAW,EACXC,YAAY,EACZC,KAAK,EACLC,UAAU,QACL,2BAA2B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: 'ms-Button--action ms-Button--command',\n  };\n\n  const shimProps = shimButtonProps(variantProps);\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"],"names":["ActionButtonShim","React","forwardRef","props","_ref","variantProps","variantClassName","shimProps","shimButtonProps","createElement","Button","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;iCAIA;iCAGS;AAKzB,MAAMA,mBAAAA,WAAAA,GAITC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkB;IACpB;IAEA,MAAMC,YAAYC,IAAAA,gCAAAA,EAAgBH;IAElC,OAAA,WAAA,GAAOJ,OAAAQ,aAAA,CAACC,uBAAAA,EAAAA;QAAQ,GAAIP,KAAK;QAAwC,GAAGI,SAAS;QAAEI,YAAW;;AAC5F"}
+{"version":3,"sources":["../src/components/Button/ActionButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims a v8 ActionButton to render a v9 Button\n */\nexport const ActionButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: 'ms-Button--action ms-Button--command',\n  };\n\n  const shimProps = shimButtonProps(variantProps);\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} appearance=\"transparent\" />;\n});\n"],"names":["React","Button","shimButtonProps","ActionButtonShim","forwardRef","props","_ref","variantProps","variantClassName","shimProps","appearance"],"mappings":";;;;+BAYaG;;;;;;;iEAZU,QAAQ;iCAIR,6BAA6B;iCAGpB,oBAAoB;AAK7C,yBAAMA,WAAAA,GAITH,OAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkB;IACpB;IAEA,MAAMC,gBAAYP,gCAAAA,EAAgBK;IAElC,OAAA,WAAA,GAAO,OAAA,aAAA,CAACN,uBAAAA,EAAAA;QAAQ,GAAII,KAAK;QAAwC,GAAGI,SAAS;QAAEC,YAAW;;AAC5F,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/ButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n  IBaseButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const shimProps = shimButtonProps(props);\n\n  if (props.toggle) {\n    return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n  }\n  if (props.secondaryText || props.onRenderDescription?.(props)) {\n    return <CompoundButtonShim {...props} />;\n  }\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["ButtonShim","React","forwardRef","props","_ref","shimProps","shimButtonProps","toggle","createElement","ToggleButtonShim","children","secondaryText","onRenderDescription","CompoundButtonShim","Button"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;iCAIA;iCAGS;kCACC;oCACE;AAE5B,MAAMA,aAAAA,WAAAA,GAITC,OAAMC,UAAU,CAAC,CAACC,OAAOC;QAMAD;IAL3B,MAAME,YAAYC,IAAAA,gCAAAA,EAAgBH;IAElC,IAAIA,MAAMI,MAAM,EAAE;QAChB,OAAA,WAAA,GAAON,OAAAO,aAAA,CAACC,kCAAAA,EAAqBN,OAAQA,MAAMO,QAAQ;IACrD;IACA,IAAIP,MAAMQ,aAAa,IAAA,CAAA,AAAIR,CAAAA,6BAAAA,MAAMS,mBAAmB,AAAnBA,MAAmB,QAAzBT,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAAAA,IAAAA,CAAAA,OAA4BA,MAAAA,GAAQ;QAC7D,OAAA,WAAA,GAAOF,OAAAO,aAAA,CAACK,sCAAAA,EAAuBV;IACjC;IAEA,OAAA,WAAA,GAAOF,OAAAO,aAAA,CAACM,uBAAAA,EAAAA;QAAQ,GAAIX,KAAK;QAAwC,GAAGE,SAAS;;AAC/E"}
+{"version":3,"sources":["../src/components/Button/ButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport { Button } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\nimport { ToggleButtonShim } from './ToggleButtonShim';\nimport { CompoundButtonShim } from './CompoundButtonShim';\n\nexport const ButtonShim: React.ForwardRefExoticComponent<\n  IBaseButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const shimProps = shimButtonProps(props);\n\n  if (props.toggle) {\n    return <ToggleButtonShim {...props}>{props.children}</ToggleButtonShim>;\n  }\n  if (props.secondaryText || props.onRenderDescription?.(props)) {\n    return <CompoundButtonShim {...props} />;\n  }\n\n  return <Button {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","Button","shimButtonProps","ToggleButtonShim","CompoundButtonShim","ButtonShim","forwardRef","props","_ref","shimProps","toggle","children","secondaryText","onRenderDescription"],"mappings":";;;;+BAWaK;;;;;;;iEAXU,QAAQ;iCAIR,6BAA6B;iCAGpB,oBAAoB;kCACnB,qBAAqB;oCACnB,uBAAuB;AAEnD,mBAAMA,WAAAA,GAITL,OAAMM,UAAU,CAAC,CAACC,OAAOC;QAMAD;IAL3B,MAAME,gBAAYP,gCAAAA,EAAgBK;IAElC,IAAIA,MAAMG,MAAM,EAAE;QAChB,OAAA,WAAA,GAAO,OAAA,aAAA,CAACP,kCAAAA,EAAqBI,OAAQA,MAAMI,QAAQ;IACrD;IACA,IAAIJ,MAAMK,aAAa,IAAA,CAAA,CAAIL,6BAAAA,MAAMM,mBAAAA,AAAmB,MAAA,QAAzBN,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAAAA,IAAAA,CAAAA,OAA4BA,MAAAA,GAAQ;QAC7D,OAAA,WAAA,GAAO,OAAA,aAAA,CAACH,sCAAAA,EAAuBG;IACjC;IAEA,OAAA,WAAA,GAAO,OAAA,aAAA,CAACN,uBAAAA,EAAAA;QAAQ,GAAIM,KAAK;QAAwC,GAAGE,SAAS;;AAC/E,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/CommandButtonShim.tsx"],"sourcesContent":["/**\n * Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"],"names":["CommandButtonShim","ActionButtonShim"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA;;CAEC;;;;+BAC4BA;;;eAApBC,kCAAAA;;;kCAA6C"}
+{"version":3,"sources":["../src/components/Button/CommandButtonShim.tsx"],"sourcesContent":["/**\n * Shims v8 CommandButtonShim to render a v9 Button\n */\nexport { ActionButtonShim as CommandButtonShim } from './ActionButtonShim';\n"],"names":["ActionButtonShim","CommandButtonShim"],"mappings":"AAAA;;CAEC,GACD;;;;+BAA6BC,iBAAiB;;;eAArCD,kCAAAA;;;kCAA6C,qBAAqB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: CompoundButtonProps = {\n    ...shimButtonProps(variantProps),\n    secondaryContent: props.secondaryText || props.onRenderDescription?.(props),\n  };\n\n  return <CompoundButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["CompoundButtonShim","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps","secondaryContent","secondaryText","onRenderDescription","createElement","CompoundButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;iCAIQ;iCAIC;AAKzB,MAAMA,qBAAAA,WAAAA,GAITC,OAAMC,UAAU,CAAC,CAACC,OAAOC;QAQgBD;IAP3C,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAAiC;QACrC,GAAGC,IAAAA,gCAAAA,EAAgBJ,aAAa;QAChCK,kBAAkBP,MAAMQ,aAAa,IAAA,CAAA,AAAIR,CAAAA,6BAAAA,MAAMS,mBAAmB,AAAnBA,MAAmB,QAAzBT,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAAAA,IAAAA,CAAAA,OAA4BA,MAAAA;IACvE;IAEA,OAAA,WAAA,GAAOF,OAAAY,aAAA,CAACC,+BAAAA,EAAAA;QAAgB,GAAIX,KAAK;QAAwC,GAAGK,SAAS;;AACvF"}
+{"version":3,"sources":["../src/components/Button/CompoundButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { CompoundButton } from '@fluentui/react-components';\nimport type { CompoundButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 CompoundButton to render a v9 CompoundButton\n */\nexport const CompoundButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  const variantProps = {\n    ...props,\n    variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n  };\n\n  const shimProps: CompoundButtonProps = {\n    ...shimButtonProps(variantProps),\n    secondaryContent: props.secondaryText || props.onRenderDescription?.(props),\n  };\n\n  return <CompoundButton {...(props as RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","CompoundButton","shimButtonProps","CompoundButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","secondaryContent","secondaryText","onRenderDescription"],"mappings":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;iCAIA,6BAA6B;iCAI5B,oBAAoB;AAK7C,2BAAMA,WAAAA,GAITH,OAAMI,UAAU,CAAC,CAACC,OAAOC;QAQgBD;IAP3C,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAAiC;QACrC,OAAGR,gCAAAA,EAAgBK,aAAa;QAChCI,kBAAkBN,MAAMO,aAAa,IAAA,CAAA,CAAIP,6BAAAA,MAAMQ,mBAAAA,AAAmB,MAAA,QAAzBR,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAAAA,IAAAA,CAAAA,OAA4BA,MAAAA;IACvE;IAEA,OAAA,WAAA,GAAO,OAAA,aAAA,CAACJ,+BAAAA,EAAAA;QAAgB,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACvF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"],"names":["DefaultButtonShim","React","forwardRef","props","_ref","createElement","ButtonShim","variantClassName","primary"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;4BAII;AAKpB,MAAMA,oBAAAA,WAAAA,GAITC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3B,OAAA,WAAA,GAAOH,OAAAI,aAAA,CAACC,sBAAAA,EAAAA;QAAY,GAAGH,KAAK;QAAEI,kBAAkBJ,MAAMK,OAAO,GAAG,uBAAuB;;AACzF"}
+{"version":3,"sources":["../src/components/Button/DefaultButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims a v8 DefaultButton to render a v9 Button\n */\nexport const DefaultButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} variantClassName={props.primary ? 'ms-Button--primary' : 'ms-Button--default'} />;\n});\n"],"names":["React","ButtonShim","DefaultButtonShim","forwardRef","props","_ref","variantClassName","primary"],"mappings":";;;;+BASaE;;;;;;;iEATU,QAAQ;4BAIJ,eAAe;AAKnC,0BAAMA,WAAAA,GAITF,OAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,OAAA,WAAA,GAAO,OAAA,aAAA,CAACJ,sBAAAA,EAAAA;QAAY,GAAGG,KAAK;QAAEE,kBAAkBF,MAAMG,OAAO,GAAG,uBAAuB;;AACzF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    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,GAITC,OAAMC,UAAU,CAAC,CAACC,OAAOC;QAmBlBD;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"}
+{"version":3,"sources":["../src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    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":["React","MenuButton","Menu","MenuList","MenuPopover","MenuTrigger","MenuItemShim","shimMenuProps","shimButtonProps","MenuButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimmedMenuProps","menuProps","items","map","item"],"mappings":";;;;+BASaS;;;;;;;iEATU,QAAQ;iCAGsC,6BAA6B;uBAEtD,gBAAgB;iCAE5B,oBAAoB;AAE7C,uBAAMA,WAAAA,GAITT,OAAMU,UAAU,CAAC,CAACC,OAAOC;QAmBlBD;IAlBT,MAAME,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,uBAAuB;IAC3D;IAEA,MAAMC,YAA6B;QACjC,OAAGR,gCAAAA,EAAgBK,aAAa;IAClC;IAEA,MAAMI,mBAAmBN,MAAMO,SAAS,OAAGX,oBAAAA,EAAcI,MAAMO,SAAS,IAAI,CAAC;IAE7E,OAAA,WAAA,GACE,OAAA,aAAA,CAAChB,qBAAAA,EAASe,kBAAAA,WAAAA,GACR,OAAA,aAAA,CAACZ,4BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACJ,2BAAAA,EAAee,aAAAA,WAAAA,GAElB,OAAA,aAAA,CAACZ,4BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACD,yBAAAA,EAAAA,MAAAA,CACEQ,mBAAAA,MAAMO,SAAAA,AAAS,MAAA,QAAfP,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBQ,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC1B,AACA,mCADmC,MACM;sBACzC,OAAA,aAAA,CAACf,mBAAAA,EAAiBe;AAM9B,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    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,GAITC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3B,OAAA,WAAA,GAAOH,OAAAI,aAAA,CAACC,sBAAAA,EAAAA;QAAY,GAAGH,KAAK;QAAEI,SAAAA;QAAQC,kBAAiB;;AACzD"}
+{"version":3,"sources":["../src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n  return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"],"names":["React","ButtonShim","PrimaryButtonShim","forwardRef","props","_ref","primary","variantClassName"],"mappings":";;;;;;;;;;;iEAAuB,QAAQ;4BAGJ,eAAe;AAKnC,MAAME,oBAAAA,WAAAA,GAITF,OAAMG,UAAU,CAAC,CAACC,OAAOC;IAC3B,OAAA,WAAA,GAAO,OAAA,aAAA,CAACJ,sBAAAA,EAAAA;QAAY,GAAGG,KAAK;QAAEE,SAAAA;QAAQC,kBAAiB;;AACzD,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    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 RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["ToggleButtonShim","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps","checked","defaultChecked","createElement","ToggleButton"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;iCAIM;iCAIG;AAKzB,MAAMA,mBAAAA,WAAAA,GAITC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3B,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;QAAwC,GAAGK,SAAS;;AACrF"}
+{"version":3,"sources":["../src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\nimport type { RefAttributes } from '@fluentui/react-utilities';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n  IButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    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 RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"],"names":["React","ToggleButton","shimButtonProps","ToggleButtonShim","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","checked","defaultChecked"],"mappings":";;;;+BAaaG;;;;;;;iEAbU,QAAQ;iCAIF,6BAA6B;iCAI1B,oBAAoB;AAK7C,yBAAMA,WAAAA,GAITH,OAAMI,UAAU,CAAC,CAACC,OAAOC;IAC3B,MAAMC,eAAe;QACnB,GAAGF,KAAK;QACRG,kBAAkBH,MAAMI,OAAO,GAAG,+BAA+B;IACnE;IAEA,MAAMC,YAA+B;QACnC,OAAGR,gCAAAA,EAAgBK,aAAa;QAChCI,SAASN,MAAMM,OAAO;QACtBC,gBAAgBP,MAAMO,cAAc;IACtC;IAEA,OAAA,WAAA,GAAO,OAAA,aAAA,CAACX,6BAAAA,EAAAA;QAAc,GAAII,KAAK;QAAwC,GAAGK,SAAS;;AACrF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/index.ts"],"sourcesContent":["export { ActionButtonShim } from './ActionButtonShim';\nexport { ButtonShim } from './ButtonShim';\nexport { CommandButtonShim } from './CommandButtonShim';\nexport { CompoundButtonShim } from './CompoundButtonShim';\nexport { DefaultButtonShim } from './DefaultButtonShim';\nexport { MenuButtonShim } from './MenuButtonShim';\nexport { PrimaryButtonShim } from './PrimaryButtonShim';\nexport { shimButtonProps } from './shimButtonProps';\nexport { ToggleButtonShim } from './ToggleButtonShim';\n"],"names":["ActionButtonShim","ButtonShim","CommandButtonShim","CompoundButtonShim","DefaultButtonShim","MenuButtonShim","PrimaryButtonShim","ToggleButtonShim","shimButtonProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,gBAAgB;eAAhBA,kCAAgB;;IAChBC,UAAU;eAAVA,sBAAU;;IACVC,iBAAiB;eAAjBA,oCAAiB;;IACjBC,kBAAkB;eAAlBA,sCAAkB;;IAClBC,iBAAiB;eAAjBA,oCAAiB;;IACjBC,cAAc;eAAdA,8BAAc;;IACdC,iBAAiB;eAAjBA,oCAAiB;;IAEjBC,gBAAgB;eAAhBA,kCAAgB;;IADhBC,eAAe;eAAfA,gCAAe;;;kCAPS;4BACN;mCACO;oCACC;mCACD;gCACH;mCACG;iCACF;kCACC"}
+{"version":3,"sources":["../src/components/Button/index.ts"],"sourcesContent":["export { ActionButtonShim } from './ActionButtonShim';\nexport { ButtonShim } from './ButtonShim';\nexport { CommandButtonShim } from './CommandButtonShim';\nexport { CompoundButtonShim } from './CompoundButtonShim';\nexport { DefaultButtonShim } from './DefaultButtonShim';\nexport { MenuButtonShim } from './MenuButtonShim';\nexport { PrimaryButtonShim } from './PrimaryButtonShim';\nexport { shimButtonProps } from './shimButtonProps';\nexport { ToggleButtonShim } from './ToggleButtonShim';\n"],"names":["ActionButtonShim","ButtonShim","CommandButtonShim","CompoundButtonShim","DefaultButtonShim","MenuButtonShim","PrimaryButtonShim","shimButtonProps","ToggleButtonShim"],"mappings":";;;;;;;;;;;IAASA;iDAAgB;;;eAChBC,sBAAU;;;eACVC,oCAAiB;;;eACjBC,sCAAkB;;;eAClBC,oCAAiB;;;eACjBC,8BAAc;;IACdC,iBAAiB;;;;eAEjBE,kCAAgB;;;eADhBD,gCAAe;;;kCAPS,qBAAqB;4BAC3B,eAAe;mCACR,sBAAsB;oCACrB,uBAAuB;mCACxB,sBAAsB;gCACzB,mBAAmB;mCAChB,sBAAsB;iCACxB,oBAAoB;kCACnB,qBAAqB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/shimButtonProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport type { ButtonProps } from '@fluentui/react-components';\n\nexport const shimButtonProps = (\n  props: IBaseButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>,\n): 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,CAC7BC;IAIA,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"}
+{"version":3,"sources":["../src/components/Button/shimButtonProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport type { ButtonProps } from '@fluentui/react-components';\n\nexport const shimButtonProps = (\n  props: IBaseButtonProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLButtonElement>,\n): 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":["React","Icon","shimButtonProps","props","icon","onRenderIcon","iconProps","undefined","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text"],"mappings":";;;;+BAOaE;;;;;;;iEAPU,QAAQ;wBAEV,kBAAkB;AAKhC,wBAAwB,CAC7BC;IAIA,kDAAkD;IAClD,MAAMC,OAAOD,MAAME,YAAY,GAC7BF,MAAME,YAAY,CAACF,SACjBA,MAAMG,SAAS,GAAA,WAAA,GACjB,OAAA,aAAA,CAACL,YAAAA,EAASE,MAAMG,SAAS,IACvBC;QAEqBJ;IAAzB,MAAMK,mBAAmBL,CAAAA,2BAAAA,MAAMK,gBAAAA,AAAgB,MAAA,QAAtBL,4BAAAA,KAAAA,IAAAA,0BAA0BA,MAAMM,OAAAA,AAAM,IAAI,uBAAuB;IAC1F,MAAMC,YAAY;QAACP,MAAMQ,aAAa;QAAEH;QAAkBL,MAAMO,SAAS;KAAC,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;IAEhG,OAAO;QACL,kFAAkF;QAClF,GAAGX,KAAK;QACRY,YAAYZ,MAAMM,OAAO,GAAG,YAAYF;QACxCG;QACAM,UAAUb,MAAMa,QAAQ;QACxBC,mBAAmBd,MAAMe,kBAAkB;QAC3C,eAAef,MAAMgB,UAAU;QAC/B,cAAchB,MAAMiB,SAAS;QAC7BhB;QACAiB,KAAKlB,MAAMkB,GAAG,IAAIlB,MAAMmB,QAAQ;QAChCC,UAAUpB,MAAMqB,gBAAgB,GAC5BrB,MAAMqB,gBAAgB,CAACrB,SACvBA,MAAMsB,YAAY,GAClBtB,MAAMsB,YAAY,CAACtB,SACnBA,MAAMuB,IAAI,IAAIvB,MAAMoB,QAAQ;IAClC;AACF,EAAE"}

package/lib-commonjs/components/Checkbox/Checkbox.styles.js.map

@@ -1 +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"}
+{"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":["__styles","useCheckboxStyles","root","mc9l5x","d"],"mappings":";;;;;;;;;;iCAA2B,4BAA4B;AAChD,MAAMC,iBAAiB,GAAA,WAAA,OAAGD,yBAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAC,CAAA,EAAA;QAAA;KAAA;AAAA,CAIhC,CAAC"}

package/lib-commonjs/components/Checkbox/Checkbox.styles.raw.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useCheckboxStyles", {
+    enumerable: true,
+    get: function() {
+        return useCheckboxStyles;
+    }
+});
+const _reactcomponents = require("@fluentui/react-components");
+const useCheckboxStyles = (0, _reactcomponents.makeStyles)({
+    root: {
+        display: 'flex'
+    }
+});

package/lib-commonjs/components/Checkbox/Checkbox.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { makeStyles } from '@fluentui/react-components';\n\nexport const useCheckboxStyles = makeStyles({\n  root: {\n    display: 'flex',\n  },\n});\n"],"names":["makeStyles","useCheckboxStyles","root","display"],"mappings":";;;;;;;;;;iCAA2B,6BAA6B;AAEjD,MAAMC,wBAAoBD,2BAAAA,EAAW;IAC1CE,MAAM;QACJC,SAAS;IACX;AACF,GAAG"}

package/lib-commonjs/components/Checkbox/CheckboxShim.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Checkbox/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, _ref) => {\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 = (\n    checkboxProps?: ICheckboxProps,\n  ): // eslint-disable-next-line @typescript-eslint/no-deprecated\n  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  // NOTE: cast is necessary as `ICheckboxProps` extends React.Ref<HTMLDivElement> which is not compatible with our defined  React.Ref<HTMLInputElement>\n}) as React.ForwardRefExoticComponent<\n  ICheckboxProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLInputElement>\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,OAAOC;IACnD;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,CAC3BC;QAGA,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;;AAGlF,sJAAsJ;AACxJ;AAMAtC,aAAauC,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Checkbox/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, _ref) => {\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 = (\n    checkboxProps?: ICheckboxProps,\n  ): // eslint-disable-next-line @typescript-eslint/no-deprecated\n  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  // NOTE: cast is necessary as `ICheckboxProps` extends React.Ref<HTMLDivElement> which is not compatible with our defined  React.Ref<HTMLInputElement>\n}) as React.ForwardRefExoticComponent<\n  ICheckboxProps &\n    // eslint-disable-next-line @typescript-eslint/no-restricted-types -- this is expected in order to be compatible with v8, as every v8 interface contains `React.RefAttributes` to accept ref as string\n    React.RefAttributes<HTMLInputElement>\n>;\n\nCheckboxShim.displayName = 'CheckboxShim';\n"],"names":["React","classNamesFunction","Checkbox","mergeClasses","useCheckboxProps","useCheckboxStyles","getClassNames","useStaticStyles","CheckboxShim","forwardRef","props","_ref","className","styles","stylesV8","onRenderLabel","label","componentRef","shimProps","stylesV9","checkboxRef","createRef","useImperativeHandle","checked","current","indeterminate","focus","defaultLabelRenderer","checkboxProps","defaultLabel","title","span","text","children","ref","root","indicator","checkbox","displayName"],"mappings":";;;;+BAWaQ;;;;;;;iEAXU,QAAQ;wBAE0D,kBAAkB;iCACpE,6BAA6B;mCACnC,sBAAsB;gCACrB,oBAAoB;AAEtD,MAAMF,oBAAgBL,0BAAAA,EAAyD;IAC7EM,iBAAiB;AACnB;AAEO,qBAAMC,WAAAA,GAAeR,OAAMS,UAAU,CAAC,CAACC,OAAOC;IACnD;IAEA,MAAM,EAAEC,SAAS,EAAEC,QAAQC,QAAQ,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAE,GAAGP;IAC5E,MAAMQ,gBAAYd,mCAAAA,EAAiBM;IACnC,MAAMG,SAASP,cAAcQ;IAC7B,MAAMK,eAAWd,iCAAAA;IACjB,MAAMe,cAAeT,QAAAA,WAAAA,GAA8CX,OAAMqB,SAAS;IAElFrB,OAAMsB,mBAAmB,CAACL,cAAc;YAC7BG,sBACMA;YADNA,8BACMA;eAF8B;YAC7CG,SAASH,gCAAAA,wBAAAA,YAAYI,OAAAA,AAAO,MAAA,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBG,OAAAA,AAAO,MAAA,QAA5BH,iCAAAA,KAAAA,IAAAA,+BAAgC;YACzCK,eAAeL,CAAAA,qCAAAA,CAAAA,wBAAAA,YAAYI,OAAO,AAAPA,MAAO,QAAnBJ,0BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,sBAAqBK,aAAAA,AAAa,MAAA,QAAlCL,uCAAAA,KAAAA,IAAAA,qCAAsC;YACrDM,OAAO;oBAAMN;wBAAAA,uBAAAA,YAAYI,OAAAA,AAAO,MAAA,QAAnBJ,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAqBM,KAAK;;QACzC;;IAEA,MAAMC,uBAAuB,CAC3BC;QAGA,IAAI,CAACA,eAAe;YAClB,OAAO;QACT;QACA,MAAM,EAAEZ,OAAOa,YAAY,EAAEC,KAAK,EAAE,GAAGF;QACvC,OAAOC,eAAAA,WAAAA,GACL,OAAA,aAAA,CAACE,QAAAA;YAAKD,OAAOA;YAAOlB,WAAWC,OAAOmB,IAAI;WACvCH,gBAED;IACN;IAEA,IAAIb,SAASD,eAAe;QAC1BG,UAAUF,KAAK,GAAG;YAChBJ,eAAWT,6BAAAA,EAAa,oBAAoBU,OAAOG,KAAK,EAAEH,OAAOmB,IAAI;YACrEC,UAAUlB,gBAAgBA,cAAcL,OAAOiB,wBAAwBX;QACzE;IACF;IAEA,OAAA,WAAA,GACE,OAAA,aAAA,CAACd,yBAAAA,EAAAA;QACE,GAAGgB,SAAS;QACbgB,KAAKd;QACLR,WAAWT,iCAAAA,EAAagB,SAASgB,IAAI,EAAE,eAAevB,WAAWC,OAAOsB,IAAI;QAC5EC,WAAW;YAAExB,eAAWT,6BAAAA,EAAa,wBAAwBU,OAAOwB,QAAQ;QAAE;;AAGlF,sJAAsJ;AACxJ,GAIE;AAEF7B,aAAa8B,WAAW,GAAG"}

package/lib-commonjs/components/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Checkbox/index.ts"],"sourcesContent":["export { CheckboxShim } from './CheckboxShim';\n"],"names":["CheckboxShim"],"rangeMappings":";;;;;;;;;;","mappings":";;;;+BAASA;;;eAAAA,0BAAY;;;8BAAQ"}
+{"version":3,"sources":["../src/components/Checkbox/index.ts"],"sourcesContent":["export { CheckboxShim } from './CheckboxShim';\n"],"names":["CheckboxShim"],"mappings":";;;;;;;eAASA,0BAAY;;;8BAAQ,iBAAiB"}

package/lib-commonjs/components/Checkbox/shimCheckboxProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Checkbox/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--docs [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"}
+{"version":3,"sources":["../src/components/Checkbox/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--docs [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":["React","useControllableValue","getHTMLAttributes","CHECKBOX_PROPS_V8","Set","useCheckboxProps","props","ariaDescribedBy","ariaLabel","ariaLabelledBy","ariaPositionInSet","ariaSetSize","boxSide","checked","checkedV8","indeterminate","defaultChecked","defaultIndeterminate","disabled","inputProps","name","required","title","onChange","onChangeV8","setChecked","mixed","setMixed","useState","useCallback","event","data","val","undefined","v9Props","labelPosition"],"mappings":";;;;+BAqCaK;;;;;;;iEArCU,QAAQ;4BAIM,wBAAwB;uBAC3B,WAAW;AAE7C,gJAAgJ;AAChJ,+JAA+J;AAC/J,2NAA2N;AAE3N,MAAMF,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,yBAAyB,CAACE;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,OAAGxB,gCAAAA,EAAqBa,WAAWE;IAC9D,MAAM,CAACU,OAAOC,SAAS,GAAG3B,OAAM4B,QAAQ,CAACb,iBAAiBE;IAE1D,MAAMM,WAAWvB,OAAM6B,WAAW,CAChC,CAACC,OAAuCC;QACtC,IAAIC,MAA2BnB,YAAYoB,YAAaF,KAAKlB,OAAO,GAAeoB;QACnF,oCAAoC;QACpC,IAAIpB,YAAYoB,WAAW;YACzB,IAAIP,OAAO;gBACTM,MAAMlB,cAAcmB,YAAYnB,YAAYE,mBAAmBiB,YAAYjB,iBAAiBgB;YAC9F;QACF;QAEA,IAAIN,OAAO;YACTC,SAASD,SAAS,CAACX,gBAAgB,QAAQW;QAC7C;QAEAD,WAAWO;QACXR,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,KAAAA,IAAAA,WAAaM,OAAOC,KAAKlB,OAAO;IAClC,GACA;QAACY;QAAYZ;QAASW;QAAYE;QAAOX;QAAeD;QAAWE;KAAe;IAGpF,MAAMkB,UAAkC;QACtCrB,SAASa,QAAQ,UAAUb;QAC3BG,gBAAgBU,QAAQ,UAAUV;QAClCmB,eAAevB,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,GAAGuB,OAAO;QACV,OAAGhC,wBAAAA,EAAkBI,OAAOH,kBAAkB;IAChD;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menu/MenuShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n  MenuItem,\n  MenuDivider,\n  MenuGroup,\n  MenuGroupHeader,\n  MenuTrigger,\n  Menu,\n  MenuList,\n  MenuPopover,\n  MenuItemCheckbox,\n  MenuDividerProps,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const MenuItemShim = (props: IContextualMenuItem): JSX.Element => {\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":";;;;+BAoBaA;;;eAAAA;;;;iEApBU;wBAEgB;iCAahC;+BAE0F;AAG1F,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"}
+{"version":3,"sources":["../src/components/Menu/MenuShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n  MenuItem,\n  MenuDivider,\n  MenuGroup,\n  MenuGroupHeader,\n  MenuTrigger,\n  Menu,\n  MenuList,\n  MenuPopover,\n  MenuItemCheckbox,\n  MenuDividerProps,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const MenuItemShim = (props: IContextualMenuItem): JSX.Element => {\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":["React","ContextualMenuItemType","MenuItem","MenuDivider","MenuGroup","MenuGroupHeader","MenuTrigger","Menu","MenuList","MenuPopover","MenuItemCheckbox","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps","MenuItemShim","props","itemType","Divider","shimProps","Section","children","subMenuProps","items","map","item","canCheck","length","shimmedMenuProps","shimmedItemProps","hasSubmenu"],"mappings":";;;;+BAoBae;;;;;;;iEApBU,QAAQ;wBAEQ,kBAAkB;iCAalD,6BAA6B;+BAE6D,kBAAkB;AAG5G,qBAAqB,CAACC;QA2BvBA;IA1BJ,IAAIA,MAAMC,QAAQ,KAAKhB,8BAAAA,CAAuBiB,OAAO,EAAE;QACrD,MAAMC,gBAAYN,gCAAAA,EAAkBG;QACpC,OAAA,WAAA,GAAO,OAAA,aAAA,CAACb,4BAAAA,EAAiBgB;IAC3B;IAEA,IAAIH,MAAMC,QAAQ,KAAKhB,8BAAAA,CAAuBmB,OAAO,EAAE;YAMhDJ;QALL,MAAMG,gBAAYR,kCAAAA,EAAoBK;QACtC,OAAA,WAAA,GACE,OAAA,aAAA,CAACZ,0BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACC,gCAAAA,EAAAA,MAAiBc,UAAUE,QAAQ,GAEnCL,AAFmC,wBAEnCA,MAAMM,YAAAA,AAAY,MAAA,QAAlBN,yBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,qBAAoBO,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC7B,AACA,mCADmC,MACM;0BACzC,OAAA,aAAA,CAACV,cAAiBU;IAI1B;IAEA,IAAIT,MAAMU,QAAQ,EAAE;QAClB,MAAMP,gBAAYP,wCAAAA,EAA0BI;QAC5C,OAAA,WAAA,GAAO,OAAA,aAAA,CAACN,iCAAAA,EAAqBS;IAC/B;IAEA,iCAAiC;IACjC,IAAIH,CAAAA,CAAAA,sBAAAA,MAAMM,YAAAA,AAAY,MAAA,QAAlBN,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBO,KAAAA,AAAK,KAAIP,MAAMM,YAAY,CAACC,KAAK,CAACI,MAAM,GAAG,GAAG;QACpE,MAAMC,uBAAmBd,4BAAAA,EAAcE,MAAMM,YAAY;QACzD,MAAMO,mBAAmBhB,oCAAAA,EAAkBG;QAE3C,OAAA,WAAA,GACE,OAAA,aAAA,CAACT,qBAAAA,EAASqB,kBAAAA,WAAAA,GACR,OAAA,aAAA,CAACtB,4BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACJ,yBAAAA,EAAAA;YAAU,GAAG2B,gBAAgB;YAAEC,YAAAA;2BAElC,OAAA,aAAA,CAACrB,4BAAAA,EAAAA,MAAAA,WAAAA,GACC,OAAA,aAAA,CAACD,yBAAAA,EAAAA,MACEQ,MAAMM,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,CAAAA,OAC5B,AACA,mCADmC,MACM;0BACzC,OAAA,aAAA,CAACV,cAAiBU;IAM9B;IAEA,MAAMN,gBAAYN,gCAAAA,EAAkBG;IACpC,OAAA,WAAA,GAAO,OAAA,aAAA,CAACd,yBAAAA,EAAaiB;AACvB,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menu/index.ts"],"sourcesContent":["export { MenuItemShim } from './MenuShim';\nexport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n"],"names":["MenuItemShim","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,YAAY;eAAZA,sBAAY;;IACZC,mBAAmB;eAAnBA,kCAAmB;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IAAEC,iBAAiB;eAAjBA,gCAAiB;;IAAEC,aAAa;eAAbA,4BAAa;;;0BAD5D;+BACoE"}
+{"version":3,"sources":["../src/components/Menu/index.ts"],"sourcesContent":["export { MenuItemShim } from './MenuShim';\nexport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n"],"names":["MenuItemShim","shimMenuHeaderProps","shimMenuItemCheckboxProps","shimMenuItemProps","shimMenuProps"],"mappings":";;;;;;;;;;;;eAASA,sBAAY;;;eACZC,kCAAmB;;;eAAEC,wCAAyB;;;eAAEC,gCAAiB;;;eAAEC,4BAAa;;;0BAD5D,aAAa;+BACuD,kBAAkB"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Menu/shimMenuProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IContextualMenuItem, IContextualMenuProps } from '@fluentui/react';\nimport type { MenuItemProps, MenuGroupHeaderProps, MenuItemCheckboxProps, MenuProps } from '@fluentui/react-components';\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"}
+{"version":3,"sources":["../src/components/Menu/shimMenuProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IContextualMenuItem, IContextualMenuProps } from '@fluentui/react';\nimport type { MenuItemProps, MenuGroupHeaderProps, MenuItemCheckboxProps, MenuProps } from '@fluentui/react-components';\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":["React","Icon","shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","shimMenuItemProps","icon","undefined","ariaLabel","children","text","secondaryContent","secondaryText","shimMenuItemCheckboxProps","name","value","shimMenuHeaderProps","sectionProps","title"],"mappings":";;;;;;;;;;;uBAkCauB;eAAAA;;6BARAH;;;qBAbAR;;;iBAPAV;;;;;iEANU,QAAQ;wBAEV,kBAAkB;AAIhC,MAAMA,gBAAgB,CAACC;IAC5B,OAAO;QACLC,QAAQ,EAAED,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAOE,KAAK,CAACC,IAAI,CAACC,CAAAA,IAAKA,EAAEC,SAAS;QAC5CC,aAAa,EAAEN,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAOE,KAAK,CAACC,IAAI,CAACC,CAAAA,IAAKA,EAAEG,QAAQ,IAAIH,EAAEI,OAAO;IAC/D;AACF,EAAE;AAEK,MAAMC,oBAAoB,CAACT;IAChC,oCAAoC;IACpC,MAAMU,OAAOV,MAAMK,SAAS,GAAA,WAAA,GAAG,OAAA,aAAA,CAACP,YAAAA,EAASE,MAAMK,SAAS,IAAOM;IAE/D,OAAO;QACL,GAAGX,KAAK;QACR,cAAcA,MAAMY,SAAS;QAC7BC,UAAUb,MAAMc,IAAI;QACpBJ;QACAK,kBAAkBf,MAAMgB,aAAa;IACvC;AACF,EAAE;AAEK,MAAMC,4BAA4B,CAACjB;IACxC,OAAO;QACL,GAAGS,kBAAkBT,MAAM;QAC3BkB,MAAMlB,MAAMc,IAAI,IAAI;QACpBK,OAAOnB,MAAMmB,KAAK,IAAI;IACxB;AACF,EAAE;AAEK,4BAA4B,CAACnB;QAEtBA;IADZ,OAAO;QACLa,QAAQ,EAAA,CAAEb,sBAAAA,MAAMqB,YAAAA,AAAY,MAAA,QAAlBrB,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBsB,KAAK;IACrC;AACF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Stack/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\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const StackItemShim = (props: IStackItemProps): JSX.Element => {\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":";;;;+BAiBaA;;;eAAAA;;;;uBAjBgB;kEACN;qCAShB;AAEP,MAAMC,sBAAsB;IAC1BC,MAAM;AACR;AAGO,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"}
+{"version":3,"sources":["../src/components/Stack/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\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const StackItemShim = (props: IStackItemProps): JSX.Element => {\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":["mergeClasses","React","useFlexAlignSelfStyles","useFlexGrowStyles","useFlexOrderStyles","useFlexShrinkStyles","useStackItemShimStyles","stackItemClassNames","root","StackItemShim","props","grow","shrink","disableShrink","align","verticalFill","order","className","children","styles","alignSelfStyles","shrinkFlexStyles","growFlexStyles","orderFlexStyles","stackItemStyles","push","flexGrow","rootStyles","div"],"mappings":";;;;+BAiBaS;;;;;;;uBAjBgB,iBAAiB;kEACvB,QAAQ;qCASxB,yBAAyB;AAEhC,MAAMF,sBAAsB;IAC1BC,MAAM;AACR;AAGO,sBAAsB,CAACE;IAC5B,MAAM,EAAEC,IAAI,EAAEC,MAAM,EAAEC,aAAa,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGR;IAEzF,MAAMS,aAASb,2CAAAA;IACf,MAAMc,sBAAkBlB,2CAAAA;IACxB,MAAMmB,uBAAmBhB,wCAAAA;IACzB,MAAMiB,qBAAyCnB,sCAAAA;IAC/C,MAAMoB,sBAA0CnB,uCAAAA;IAEhD,MAAMoB,kBAAkB;QAACL,OAAOX,IAAI;QAAEM,SAASM,eAAe,CAACN,MAAM;QAAEC,gBAAgBI,OAAOJ,YAAY;KAAC;IAE3G,IAAIC,OAAO;QACTQ,gBAAgBC,IAAI,CAACF,eAAe,CAACP,MAAM;IAC7C;IAEA,IAAIL,MAAM;QACR,MAAMe,WAAWf,SAAS,OAAOW,cAAc,CAAC,EAAE,GAAGA,cAAc,CAACX,KAAK;QACzEa,gBAAgBC,IAAI,CAACC;IACvB;IAEA,IAAId,UAAU,CAACC,eAAe;QAC5BW,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C,OAAO,IAAIR,iBAAkB,CAACF,QAAQ,CAACC,QAAS;QAC9CY,gBAAgBC,IAAI,CAACJ,gBAAgB,CAAC,EAAE;IAC1C;IAEA,IAAIR,eAAe;QACjBW,gBAAgBC,IAAI,CAACN,OAAON,aAAa;IAC3C;IAEA,MAAMc,iBAAa3B,mBAAAA,EAAaO,oBAAoBC,IAAI,KAAKgB,iBAAiBP;IAE9E,OAAA,WAAA,GAAO,QAAA,aAAA,CAACW,OAAAA;QAAIX,WAAWU;OAAaT;AACtC,EAAE"}

package/lib-commonjs/components/Stack/StackItemShim.styles.js.map

@@ -1 +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"}
+{"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":["__styles","useStackItemShimStyles","root","Bqenvij","a9b677","disableShrink","Bnnss6s","verticalFill","d","useFlexAlignSelfStyles","auto","qb2dma","baseline","center","start","end","stretch","useFlexGrowStyles","Bh6795r","inherit","initial","revert","unset","useFlexShrinkStyles","useFlexOrderStyles","Bxn5svx"],"mappings":";;;;;;;;;;;IAaaS,sBAAsB;;;IAoBtBQ,iBAAiB;;;sBA8CC;eAAlBO;;uBAvBmB;eAAnBD;;IAvDAtB,sBAAsB;;;;uBADR,gBAAgB;AACpC,+BAA4B,WAAA,OAAGD,eAAA,EAAA;IAAAE,IAAA,EAAA;QAAAC,OAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,aAAA,EAAA;QAAAC,OAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAJ,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAK,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAWrC,CAAC;AACK,+BAA4B,WAAA,OAAGR,eAAA,EAAA;IAAAU,IAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,QAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;IAAAE,MAAA,EAAA;QAAAF,MAAA,EAAA;IAAA;IAAAG,KAAA,EAAA;QAAAH,MAAA,EAAA;IAAA;IAAAI,GAAA,EAAA;QAAAJ,MAAA,EAAA;IAAA;IAAAK,OAAA,EAAA;QAAAL,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAH,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAmBrC,CAAC;AACK,0BAAuB,WAAA,OAAGR,eAAA,EAAA;IAAA,KAAA;QAAAkB,OAAA,EAAA;IAAA;IAAA,KAAA;QAAAA,OAAA,EAAA;IAAA;IAAA,KAAA;QAAAA,OAAA,EAAA;IAAA;IAAAC,OAAA,EAAA;QAAAD,OAAA,EAAA;IAAA;IAAAE,OAAA,EAAA;QAAAF,OAAA,EAAA;IAAA;IAAAG,MAAA,EAAA;QAAAH,OAAA,EAAA;IAAA;IAAAI,KAAA,EAAA;QAAAJ,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAV,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAsBhC,CAAC;AACK,4BAAyB,WAAA,OAAGR,eAAA,EAAA;IAAA,KAAA;QAAAM,OAAA,EAAA;IAAA;IAAA,KAAA;QAAAA,OAAA,EAAA;IAAA;IAAA,KAAA;QAAAA,OAAA,EAAA;IAAA;IAAAa,OAAA,EAAA;QAAAb,OAAA,EAAA;IAAA;IAAAc,OAAA,EAAA;QAAAd,OAAA,EAAA;IAAA;IAAAe,MAAA,EAAA;QAAAf,OAAA,EAAA;IAAA;IAAAgB,KAAA,EAAA;QAAAhB,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAsBlC,CAAC;AACK,2BAAwB,WAAA,OAAGR,eAAA,EAAA;IAAA,KAAA;QAAAyB,OAAA,EAAA;IAAA;IAAA,KAAA;QAAAA,OAAA,EAAA;IAAA;IAAA,KAAA;QAAAA,OAAA,EAAA;IAAA;IAAA,KAAA;QAAAA,OAAA,EAAA;IAAA;IAAAN,OAAA,EAAA;QAAAM,OAAA,EAAA;IAAA;IAAAL,OAAA,EAAA;QAAAK,OAAA,EAAA;IAAA;IAAAH,KAAA,EAAA;QAAAG,OAAA,EAAA;IAAA;IAAAJ,MAAA,EAAA;QAAAI,OAAA,EAAA;IAAA;IAAA,MAAA;QAAAA,OAAA,EAAA;IAAA;IAAA,MAAA;QAAAA,OAAA,EAAA;IAAA;IAAA,MAAA;QAAAA,OAAA,EAAA;IAAA;AAAA,GAAA;IAAAjB,CAAA,EAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAkCjC,CAAC"}

package/lib-commonjs/components/Stack/StackItemShim.styles.raw.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useFlexAlignSelfStyles: function() {
+        return useFlexAlignSelfStyles;
+    },
+    useFlexGrowStyles: function() {
+        return useFlexGrowStyles;
+    },
+    useFlexOrderStyles: function() {
+        return useFlexOrderStyles;
+    },
+    useFlexShrinkStyles: function() {
+        return useFlexShrinkStyles;
+    },
+    useStackItemShimStyles: function() {
+        return useStackItemShimStyles;
+    }
+});
+const _react = require("@griffel/react");
+const useStackItemShimStyles = (0, _react.makeStyles)({
+    root: {
+        height: 'auto',
+        width: 'auto'
+    },
+    disableShrink: {
+        flexShrink: 0
+    },
+    verticalFill: {
+        height: '100%'
+    }
+});
+const useFlexAlignSelfStyles = (0, _react.makeStyles)({
+    auto: {
+        alignSelf: 'auto'
+    },
+    baseline: {
+        alignSelf: 'baseline'
+    },
+    center: {
+        alignSelf: 'center'
+    },
+    start: {
+        alignSelf: 'flex-start'
+    },
+    end: {
+        alignSelf: 'flex-end'
+    },
+    stretch: {
+        alignSelf: 'stretch'
+    }
+});
+const useFlexGrowStyles = (0, _react.makeStyles)({
+    inherit: {
+        flexGrow: 'inherit'
+    },
+    initial: {
+        flexGrow: 'initial'
+    },
+    revert: {
+        flexGrow: 'revert'
+    },
+    unset: {
+        flexGrow: 'unset'
+    },
+    '1': {
+        flexGrow: 1
+    },
+    '2': {
+        flexGrow: 2
+    },
+    '3': {
+        flexGrow: 3
+    }
+});
+const useFlexShrinkStyles = (0, _react.makeStyles)({
+    inherit: {
+        flexShrink: 'inherit'
+    },
+    initial: {
+        flexShrink: 'initial'
+    },
+    revert: {
+        flexShrink: 'revert'
+    },
+    unset: {
+        flexShrink: 'unset'
+    },
+    0: {
+        flexShrink: 0
+    },
+    1: {
+        flexShrink: 1
+    },
+    2: {
+        flexShrink: 2
+    }
+});
+const useFlexOrderStyles = (0, _react.makeStyles)({
+    inherit: {
+        order: 'inherit'
+    },
+    initial: {
+        order: 'initial'
+    },
+    unset: {
+        order: 'unset'
+    },
+    revert: {
+        order: 'revert'
+    },
+    '-3': {
+        order: -3
+    },
+    '-2': {
+        order: -2
+    },
+    '-1': {
+        order: -1
+    },
+    '0': {
+        order: 0
+    },
+    '1': {
+        order: 1
+    },
+    '2': {
+        order: 2
+    },
+    '3': {
+        order: 3
+    }
+});

package/lib-commonjs/components/Stack/StackItemShim.styles.raw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Stack/StackItemShim.styles.ts"],"sourcesContent":["import { makeStyles } from '@griffel/react';\n\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});\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});\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});\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});\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":["makeStyles","useStackItemShimStyles","root","height","width","disableShrink","flexShrink","verticalFill","useFlexAlignSelfStyles","auto","alignSelf","baseline","center","start","end","stretch","useFlexGrowStyles","inherit","flexGrow","initial","revert","unset","useFlexShrinkStyles","useFlexOrderStyles","order"],"mappings":";;;;;;;;;;;IAeaQ,sBAAAA;;;IAqBAQ,iBAAAA;;;sBAgDAO;eAAAA;;uBAxBAD;eAAAA;;0BA1DArB;;;;uBAFc,iBAAiB;AAErC,MAAMA,6BAAyBD,iBAAAA,EAAW;IAC/CE,MAAM;QACJC,QAAQ;QACRC,OAAO;IACT;IACAC,eAAe;QACbC,YAAY;IACd;IACAC,cAAc;QACZJ,QAAQ;IACV;AACF,GAAG;AAEI,mCAA+BH,iBAAAA,EAAW;IAC/CS,MAAM;QACJC,WAAW;IACb;IACAC,UAAU;QACRD,WAAW;IACb;IACAE,QAAQ;QACNF,WAAW;IACb;IACAG,OAAO;QACLH,WAAW;IACb;IACAI,KAAK;QACHJ,WAAW;IACb;IACAK,SAAS;QACPL,WAAW;IACb;AACF,GAAG;AAEI,8BAA0BV,iBAAAA,EAAW;IAC1CiB,SAAS;QACPC,UAAU;IACZ;IACAC,SAAS;QACPD,UAAU;IACZ;IACAE,QAAQ;QACNF,UAAU;IACZ;IACAG,OAAO;QACLH,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;IACA,KAAK;QACHA,UAAU;IACZ;AACF,GAAG;AAEI,gCAA4BlB,iBAAAA,EAAW;IAC5CiB,SAAS;QACPX,YAAY;IACd;IACAa,SAAS;QACPb,YAAY;IACd;IACAc,QAAQ;QACNd,YAAY;IACd;IACAe,OAAO;QACLf,YAAY;IACd;IACA,GAAG;QACDA,YAAY;IACd;IACA,GAAG;QACDA,YAAY;IACd;IACA,GAAG;QACDA,YAAY;IACd;AACF,GAAG;AAEI,+BAA2BN,iBAAAA,EAAW;IAC3CiB,SAAS;QACPO,OAAO;IACT;IACAL,SAAS;QACPK,OAAO;IACT;IACAH,OAAO;QACLG,OAAO;IACT;IACAJ,QAAQ;QACNI,OAAO;IACT;IACA,MAAM;QACJA,OAAO,CAAC;IACV;IACA,MAAM;QACJA,OAAO,CAAC;IACV;IACA,MAAM;QACJA,OAAO,CAAC;IACV;IACA,KAAK;QACHA,OAAO;IACT;IACA,KAAK;QACHA,OAAO;IACT;IACA,KAAK;QACHA,OAAO;IACT;IACA,KAAK;QACHA,OAAO;IACT;AACF,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Stack/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\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const StackShim = (props: IStackProps): JSX.Element => {\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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"}
+{"version":3,"sources":["../src/components/Stack/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\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const StackShim = (props: IStackProps): JSX.Element => {\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":["mergeClasses","classNamesFunction","React","getChildrenGapStyles","useFlexAlignItemsStyles","useFlexGrowStyles","useFlexJustifyContentStyles","useStackStyles","stackClassNames","root","inner","getClassNames","StackShim","props","styles","alignItemsFlexStyles","justifyContentFlexStyles","growFlexStyles","as","RootType","verticalFill","horizontal","reversed","grow","wrap","horizontalAlign","verticalAlign","disableShrink","className","tokens","tokensRootStyles","tokensInnerStyles","childrenGapClassName","padding","undefined","maxHeight","maxWidth","childrenGap","stackStyles","stackInnerStyles","innerWidth","stackChildren","Children","toArray","children","length","isValidElement","type","Fragment","map","child","name","defaultItemProps","shrink","cloneElement","push","reversedHorizontal","reversedVertical","flexGrow","rootClass","innerClass","style","div"],"mappings":"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"}