@televet/kibble-ui 1.20.4 → 1.20.5

package/build/{dragHandle.component-a0ed1bf0.js → dragHandle.component-a9d5ac7c.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./sortableItem.context-f7dd54a1.js"),a=require("./core.esm-3a85aed4.js"),n=require("./button.component-c0f12ef5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t);exports.DragHandle=function(s){var u=e.__rest(s,[]),i=t.useContext(r.SortableItemContext),c=i.attributes,f=i.listeners,l=i.ref,d=a.useDndContext();return o.default.createElement(n.Button,e.__assign({cursor:d.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",className:"DragHandle"},c,f,{ref:l},u))};
-//# sourceMappingURL=dragHandle.component-a0ed1bf0.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./sortableItem.context-f7dd54a1.js"),a=require("./core.esm-3a85aed4.js"),n=require("./button.component-25b35016.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t);exports.DragHandle=function(s){var u=e.__rest(s,[]),i=t.useContext(r.SortableItemContext),c=i.attributes,l=i.listeners,b=i.ref,d=a.useDndContext();return o.default.createElement(n.Button,e.__assign({cursor:d.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",className:"DragHandle"},c,l,{ref:b},u))};
+//# sourceMappingURL=dragHandle.component-a9d5ac7c.js.map

package/build/{dragHandle.component-a0ed1bf0.js.map → dragHandle.component-a9d5ac7c.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dragHandle.component-a0ed1bf0.js","sources":["../src/components/SortableList/components/DragHandle/dragHandle.component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { SortableItemContext } from '../SortableItem/sortableItem.context';\nimport { useDndContext } from '@dnd-kit/core';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface DragHandleProps extends ButtonProps {}\n\nexport const DragHandle = ({ ...rest }: DragHandleProps): JSX.Element => {\n  const { attributes, listeners, ref } = useContext(SortableItemContext);\n  const dndContext = useDndContext();\n\n  return (\n    <Button\n      cursor={dndContext.activatorEvent ? 'grabbing' : 'grab'}\n      iconName=\"grid\"\n      size=\"sm\"\n      variant=\"ghostNeutral\"\n      className=\"DragHandle\"\n      {...attributes}\n      {...listeners}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","rest","__rest","_b","useContext","SortableItemContext","attributes","listeners","ref","dndContext","useDndContext","React","Button","__assign","cursor","activatorEvent","iconName","size","variant","className"],"mappings":"+SAO0B,SAACA,OAAKC,EAAIC,EAAAA,OAAAF,EAAT,IACnBG,EAAiCC,EAAUA,WAACC,uBAA1CC,EAAUH,EAAAG,WAAEC,EAASJ,EAAAI,UAAEC,QACzBC,EAAaC,EAAAA,gBAEnB,OACEC,wBAACC,EAAMA,OAAAC,EAAAA,SAAA,CACLC,OAAQL,EAAWM,eAAiB,WAAa,OACjDC,SAAS,OACTC,KAAK,KACLC,QAAQ,eACRC,UAAU,cACNb,EACAC,GACJC,IAAKA,GACDP"}
+{"version":3,"file":"dragHandle.component-a9d5ac7c.js","sources":["../src/components/SortableList/components/DragHandle/dragHandle.component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { SortableItemContext } from '../SortableItem/sortableItem.context';\nimport { useDndContext } from '@dnd-kit/core';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface DragHandleProps extends ButtonProps {}\n\nexport const DragHandle = ({ ...rest }: DragHandleProps): JSX.Element => {\n  const { attributes, listeners, ref } = useContext(SortableItemContext);\n  const dndContext = useDndContext();\n\n  return (\n    <Button\n      cursor={dndContext.activatorEvent ? 'grabbing' : 'grab'}\n      iconName=\"grid\"\n      size=\"sm\"\n      variant=\"ghostNeutral\"\n      className=\"DragHandle\"\n      {...attributes}\n      {...listeners}\n      ref={ref}\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","rest","__rest","_b","useContext","SortableItemContext","attributes","listeners","ref","dndContext","useDndContext","React","Button","__assign","cursor","activatorEvent","iconName","size","variant","className"],"mappings":"+SAO0B,SAACA,OAAKC,EAAIC,EAAAA,OAAAF,EAAT,IACnBG,EAAiCC,EAAUA,WAACC,uBAA1CC,EAAUH,EAAAG,WAAEC,EAASJ,EAAAI,UAAEC,QACzBC,EAAaC,EAAAA,gBAEnB,OACEC,wBAACC,EAAMA,OAAAC,EAAAA,SAAA,CACLC,OAAQL,EAAWM,eAAiB,WAAa,OACjDC,SAAS,OACTC,KAAK,KACLC,QAAQ,eACRC,UAAU,cACNb,EACAC,GACJC,IAAKA,GACDP"}

package/build/{formControl.component-6ce1e8a6.js → formControl.component-e9d59dd3.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),l=require("./useTheme-d7d8c3f5.js"),i=require("./useAdaptiveColorMap-0a74494f.js"),t=require("./icon.component-3b012e4e.js"),o=require("./chakra-ui-form-control.esm-e9095eac.js"),n=require("./chakra-ui-layout.esm-493ee04b.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(r);exports.withFormControl=function(r){function a(a){var d=a.errorText,u=void 0===d?"Field is invalid":d,c=a.helperText,m=a.isDisabled,f=a.isFieldInline,v=void 0!==f&&f,b=a.isInvalid,p=a.isReadOnly,x=a.isRequired,I=a.label,g=a.labelStyle,h=a.formControlStyle,y=a.helperTextAlignment,C=void 0===y?"start":y,F=a.size,T=void 0===F?"md":F,q=a.useInvalidIcon,E=void 0!==q&&q,S=a.useInvalidText,j=void 0===S||S,z=a.useInvalidBorder,_=void 0===z||z,k=a.invalidIconColor,R=e.__rest(a,["errorText","helperText","isDisabled","isFieldInline","isInvalid","isReadOnly","isRequired","label","labelStyle","formControlStyle","helperTextAlignment","size","useInvalidIcon","useInvalidText","useInvalidBorder","invalidIconColor"]),w=l.useTheme(),A=w.colors,B=w.fontSizes,D=b&&c?"space-between":C,M=j&&b||c,O=i.useAdaptiveColorMap(A.text,"default");return s.default.createElement(o.FormControl,e.__assign({},h,{isInvalid:b,isRequired:x,isReadOnly:p,isDisabled:m}),I&&s.default.createElement(o.FormLabel,e.__assign({display:v?"inline-block":"block",color:O,fontSize:B[T]},g),I),s.default.createElement(n.Flex,{align:"center",gap:2,display:v?"inline-block":"block"},s.default.createElement(r,e.__assign({size:T},R,{isFieldInline:v,errorBorderColor:_?A.border.light.error:A.border.light.default,focusBorderColor:A.border.light.focus})),E&&b&&s.default.createElement(t.Icon,{name:"warningSign",color:k||"error",size:T})),M&&s.default.createElement(n.Flex,{mt:2,w:"100%",justifyContent:D,alignItems:"center"},s.default.createElement(o.FormErrorMessage,{m:0,fontSize:B.xs,color:A.text.light.error},u),c&&s.default.createElement(o.FormHelperText,{m:0,color:b?A.text.light.error:A.text.light.subtle,fontSize:B.xs},c)))}return a.displayName="withFormControl(".concat(r.displayName||r.name),a};
-//# sourceMappingURL=formControl.component-6ce1e8a6.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),l=require("./useTheme-d7d8c3f5.js"),i=require("./useAdaptiveColorMap-0a74494f.js"),t=require("./icon.component-3b012e4e.js"),o=require("./chakra-ui-form-control.esm-8240cc1c.js"),n=require("./chakra-ui-layout.esm-493ee04b.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(r);exports.withFormControl=function(r){function a(a){var d=a.errorText,u=void 0===d?"Field is invalid":d,c=a.helperText,m=a.isDisabled,f=a.isFieldInline,v=void 0!==f&&f,b=a.isInvalid,p=a.isReadOnly,x=a.isRequired,I=a.label,g=a.labelStyle,h=a.formControlStyle,y=a.helperTextAlignment,C=void 0===y?"start":y,F=a.size,T=void 0===F?"md":F,q=a.useInvalidIcon,E=void 0!==q&&q,S=a.useInvalidText,j=void 0===S||S,z=a.useInvalidBorder,_=void 0===z||z,k=a.invalidIconColor,R=e.__rest(a,["errorText","helperText","isDisabled","isFieldInline","isInvalid","isReadOnly","isRequired","label","labelStyle","formControlStyle","helperTextAlignment","size","useInvalidIcon","useInvalidText","useInvalidBorder","invalidIconColor"]),w=l.useTheme(),A=w.colors,B=w.fontSizes,D=b&&c?"space-between":C,M=j&&b||c,O=i.useAdaptiveColorMap(A.text,"default");return s.default.createElement(o.FormControl,e.__assign({},h,{isInvalid:b,isRequired:x,isReadOnly:p,isDisabled:m}),I&&s.default.createElement(o.FormLabel,e.__assign({display:v?"inline-block":"block",color:O,fontSize:B[T]},g),I),s.default.createElement(n.Flex,{align:"center",gap:2,display:v?"inline-block":"block"},s.default.createElement(r,e.__assign({size:T},R,{isFieldInline:v,errorBorderColor:_?A.border.light.error:A.border.light.default,focusBorderColor:A.border.light.focus})),E&&b&&s.default.createElement(t.Icon,{name:"warningSign",color:k||"error",size:T})),M&&s.default.createElement(n.Flex,{mt:2,w:"100%",justifyContent:D,alignItems:"center"},s.default.createElement(o.FormErrorMessage,{m:0,fontSize:B.xs,color:A.text.light.error},u),c&&s.default.createElement(o.FormHelperText,{m:0,color:b?A.text.light.error:A.text.light.subtle,fontSize:B.xs},c)))}return a.displayName="withFormControl(".concat(r.displayName||r.name),a};
+//# sourceMappingURL=formControl.component-e9d59dd3.js.map

package/build/{formControl.component-6ce1e8a6.js.map → formControl.component-e9d59dd3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"formControl.component-6ce1e8a6.js","sources":["../src/components/FormControl/formControl.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { FormControl, FormLabel, FormErrorMessage, FormHelperText, Flex } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { Dict } from 'shared/types';\nimport { FormControlSize, HelperTextAlignment } from './formControl.types';\nimport { Icon } from '../Icon/icon.component';\nimport { IconColor } from '../Icon/icon.types';\n\nexport interface WithFormControlProps {\n  errorText?: string;\n  helperText?: string;\n  isDisabled?: boolean;\n  isFieldInline?: boolean;\n  isInvalid?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  label?: string | ReactNode;\n  labelStyle?: Dict;\n  formControlStyle?: Dict;\n  helperTextAlignment?: HelperTextAlignment;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n  useInvalidBorder?: boolean;\n  invalidIconColor?: IconColor;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithFormControl({\n    errorText = 'Field is invalid',\n    helperText,\n    isDisabled,\n    isFieldInline = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    labelStyle,\n    formControlStyle,\n    helperTextAlignment = 'start',\n    size = 'md',\n    useInvalidIcon = false,\n    useInvalidText = true,\n    useInvalidBorder = true,\n    invalidIconColor,\n    ...props\n  }: WithFormControlProps): JSX.Element {\n    const { colors, fontSizes } = useTheme();\n    const alignment = isInvalid && helperText ? 'space-between' : helperTextAlignment;\n    const shouldShowBottomContent = (useInvalidText && isInvalid) || helperText;\n\n    const labelColor = useAdaptiveColorMap(colors.text, 'default');\n\n    return (\n      <FormControl\n        {...formControlStyle}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n      >\n        {label && (\n          <FormLabel\n            display={isFieldInline ? 'inline-block' : 'block'}\n            color={labelColor}\n            fontSize={fontSizes[size]}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <Flex align=\"center\" gap={2} display={isFieldInline ? 'inline-block' : 'block'}>\n          <Component\n            size={size}\n            {...(props as P)}\n            isFieldInline={isFieldInline}\n            errorBorderColor={useInvalidBorder ? colors.border.light.error : colors.border.light.default}\n            focusBorderColor={colors.border.light.focus}\n          />\n\n          {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" color={invalidIconColor || 'error'} size={size} />}\n        </Flex>\n        {shouldShowBottomContent && (\n          <Flex mt={2} w=\"100%\" justifyContent={alignment} alignItems=\"center\">\n            <FormErrorMessage m={0} fontSize={fontSizes.xs} color={colors.text.light.error}>\n              {errorText}\n            </FormErrorMessage>\n            {helperText && (\n              <FormHelperText\n                m={0}\n                color={isInvalid ? colors.text.light.error : colors.text.light.subtle}\n                fontSize={fontSizes.xs}\n              >\n                {helperText}\n              </FormHelperText>\n            )}\n          </Flex>\n        )}\n      </FormControl>\n    );\n  }\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","_b","errorText","helperText","isDisabled","_c","isFieldInline","isInvalid","isReadOnly","isRequired","label","labelStyle","formControlStyle","_d","helperTextAlignment","_e","size","_f","useInvalidIcon","_g","useInvalidText","_h","useInvalidBorder","invalidIconColor","props","__rest","_j","useTheme","colors","fontSizes","alignment","shouldShowBottomContent","labelColor","useAdaptiveColorMap","text","React","FormControl","__assign","createElement","FormLabel","display","color","fontSize","Flex","align","gap","errorBorderColor","border","light","error","default","focusBorderColor","focus","Icon","name","mt","w","justifyContent","alignItems","FormErrorMessage","m","xs","FormHelperText","subtle","displayName","concat"],"mappings":"uZA4BM,SAA0DA,GAC9D,SAASC,EAAgBC,GACvB,IAAAC,cAAAC,OAAY,IAAAD,EAAA,qBACZE,EAAUH,EAAAG,WACVC,EAAUJ,EAAAI,WACVC,EAAqBL,EAAAM,cAArBA,OAAgB,IAAAD,GAAKA,EACrBE,EAASP,EAAAO,UACTC,EAAUR,EAAAQ,WACVC,EAAUT,EAAAS,WACVC,UACAC,eACAC,qBACAC,EAAAb,EAAAc,oBAAAA,aAAsB,QAAOD,EAC7BE,EAAAf,EAAAgB,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAsBjB,EAAAkB,eAAtBA,OAAiB,IAAAD,KACjBE,EAAAnB,EAAAoB,eAAAA,cAAqBD,EACrBE,EAAArB,EAAAsB,iBAAAA,OAAgB,IAAAD,GAAOA,EACvBE,EAAgBvB,EAAAuB,iBACbC,EAAKC,EAAAA,OAAAzB,EAjBe,4OAmBjB0B,EAAwBC,EAAQA,WAA9BC,EAAMF,EAAAE,OAAEC,EAASH,EAAAG,UACnBC,EAAYvB,GAAaJ,EAAa,gBAAkBW,EACxDiB,EAA2BX,GAAkBb,GAAcJ,EAE3D6B,EAAaC,EAAmBA,oBAACL,EAAOM,KAAM,WAEpD,OACEC,EAAAA,sBAACC,EAAAA,YAAWC,EAAAA,SAAA,GACNzB,EACJ,CAAAL,UAAWA,EACXE,WAAYA,EACZD,WAAYA,EACZJ,WAAYA,IAEXM,GACCyB,EAAAA,QAACG,cAAAC,EAASA,sBACRC,QAASlC,EAAgB,eAAiB,QAC1CmC,MAAOT,EACPU,SAAUb,EAAUb,IAChBL,GAEHD,GAGLyB,EAAAA,QAACG,cAAAK,QAAKC,MAAM,SAASC,IAAK,EAAGL,QAASlC,EAAgB,eAAiB,SACrE6B,EAAAA,QAACG,cAAAxC,cACCkB,KAAMA,GACDQ,GACLlB,cAAeA,EACfwC,iBAAkBxB,EAAmBM,EAAOmB,OAAOC,MAAMC,MAAQrB,EAAOmB,OAAOC,MAAME,QACrFC,iBAAkBvB,EAAOmB,OAAOC,MAAMI,SAGvClC,GAAkBX,GAAa4B,EAAAA,QAAAG,cAACe,EAAAA,KAAK,CAAAC,KAAK,cAAcb,MAAOlB,GAAoB,QAASP,KAAMA,KAEpGe,GACCI,EAAAA,QAAAG,cAACK,EAAIA,KAAC,CAAAY,GAAI,EAAGC,EAAE,OAAOC,eAAgB3B,EAAW4B,WAAW,UAC1DvB,EAAC,QAAAG,cAAAqB,EAAgBA,kBAACC,EAAG,EAAGlB,SAAUb,EAAUgC,GAAIpB,MAAOb,EAAOM,KAAKc,MAAMC,OACtE/C,GAEFC,GACCgC,EAAC,QAAAG,cAAAwB,EAAAA,gBACCF,EAAG,EACHnB,MAAOlC,EAAYqB,EAAOM,KAAKc,MAAMC,MAAQrB,EAAOM,KAAKc,MAAMe,OAC/DrB,SAAUb,EAAUgC,IAEnB1D,KAUf,OAFAJ,EAAgBiE,YAAc,mBAAAC,OAAmBnE,EAAUkE,aAAelE,EAAUwD,MAE7EvD"}
+{"version":3,"file":"formControl.component-e9d59dd3.js","sources":["../src/components/FormControl/formControl.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { FormControl, FormLabel, FormErrorMessage, FormHelperText, Flex } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { Dict } from 'shared/types';\nimport { FormControlSize, HelperTextAlignment } from './formControl.types';\nimport { Icon } from '../Icon/icon.component';\nimport { IconColor } from '../Icon/icon.types';\n\nexport interface WithFormControlProps {\n  errorText?: string;\n  helperText?: string;\n  isDisabled?: boolean;\n  isFieldInline?: boolean;\n  isInvalid?: boolean;\n  isReadOnly?: boolean;\n  isRequired?: boolean;\n  label?: string | ReactNode;\n  labelStyle?: Dict;\n  formControlStyle?: Dict;\n  helperTextAlignment?: HelperTextAlignment;\n  size?: FormControlSize;\n  useInvalidIcon?: boolean;\n  useInvalidText?: boolean;\n  useInvalidBorder?: boolean;\n  invalidIconColor?: IconColor;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n  function WithFormControl({\n    errorText = 'Field is invalid',\n    helperText,\n    isDisabled,\n    isFieldInline = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    label,\n    labelStyle,\n    formControlStyle,\n    helperTextAlignment = 'start',\n    size = 'md',\n    useInvalidIcon = false,\n    useInvalidText = true,\n    useInvalidBorder = true,\n    invalidIconColor,\n    ...props\n  }: WithFormControlProps): JSX.Element {\n    const { colors, fontSizes } = useTheme();\n    const alignment = isInvalid && helperText ? 'space-between' : helperTextAlignment;\n    const shouldShowBottomContent = (useInvalidText && isInvalid) || helperText;\n\n    const labelColor = useAdaptiveColorMap(colors.text, 'default');\n\n    return (\n      <FormControl\n        {...formControlStyle}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        isReadOnly={isReadOnly}\n        isDisabled={isDisabled}\n      >\n        {label && (\n          <FormLabel\n            display={isFieldInline ? 'inline-block' : 'block'}\n            color={labelColor}\n            fontSize={fontSizes[size]}\n            {...labelStyle}\n          >\n            {label}\n          </FormLabel>\n        )}\n        <Flex align=\"center\" gap={2} display={isFieldInline ? 'inline-block' : 'block'}>\n          <Component\n            size={size}\n            {...(props as P)}\n            isFieldInline={isFieldInline}\n            errorBorderColor={useInvalidBorder ? colors.border.light.error : colors.border.light.default}\n            focusBorderColor={colors.border.light.focus}\n          />\n\n          {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" color={invalidIconColor || 'error'} size={size} />}\n        </Flex>\n        {shouldShowBottomContent && (\n          <Flex mt={2} w=\"100%\" justifyContent={alignment} alignItems=\"center\">\n            <FormErrorMessage m={0} fontSize={fontSizes.xs} color={colors.text.light.error}>\n              {errorText}\n            </FormErrorMessage>\n            {helperText && (\n              <FormHelperText\n                m={0}\n                color={isInvalid ? colors.text.light.error : colors.text.light.subtle}\n                fontSize={fontSizes.xs}\n              >\n                {helperText}\n              </FormHelperText>\n            )}\n          </Flex>\n        )}\n      </FormControl>\n    );\n  }\n  WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n  return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","_b","errorText","helperText","isDisabled","_c","isFieldInline","isInvalid","isReadOnly","isRequired","label","labelStyle","formControlStyle","_d","helperTextAlignment","_e","size","_f","useInvalidIcon","_g","useInvalidText","_h","useInvalidBorder","invalidIconColor","props","__rest","_j","useTheme","colors","fontSizes","alignment","shouldShowBottomContent","labelColor","useAdaptiveColorMap","text","React","FormControl","__assign","createElement","FormLabel","display","color","fontSize","Flex","align","gap","errorBorderColor","border","light","error","default","focusBorderColor","focus","Icon","name","mt","w","justifyContent","alignItems","FormErrorMessage","m","xs","FormHelperText","subtle","displayName","concat"],"mappings":"uZA4BM,SAA0DA,GAC9D,SAASC,EAAgBC,GACvB,IAAAC,cAAAC,OAAY,IAAAD,EAAA,qBACZE,EAAUH,EAAAG,WACVC,EAAUJ,EAAAI,WACVC,EAAqBL,EAAAM,cAArBA,OAAgB,IAAAD,GAAKA,EACrBE,EAASP,EAAAO,UACTC,EAAUR,EAAAQ,WACVC,EAAUT,EAAAS,WACVC,UACAC,eACAC,qBACAC,EAAAb,EAAAc,oBAAAA,aAAsB,QAAOD,EAC7BE,EAAAf,EAAAgB,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAsBjB,EAAAkB,eAAtBA,OAAiB,IAAAD,KACjBE,EAAAnB,EAAAoB,eAAAA,cAAqBD,EACrBE,EAAArB,EAAAsB,iBAAAA,OAAgB,IAAAD,GAAOA,EACvBE,EAAgBvB,EAAAuB,iBACbC,EAAKC,EAAAA,OAAAzB,EAjBe,4OAmBjB0B,EAAwBC,EAAQA,WAA9BC,EAAMF,EAAAE,OAAEC,EAASH,EAAAG,UACnBC,EAAYvB,GAAaJ,EAAa,gBAAkBW,EACxDiB,EAA2BX,GAAkBb,GAAcJ,EAE3D6B,EAAaC,EAAmBA,oBAACL,EAAOM,KAAM,WAEpD,OACEC,EAAAA,sBAACC,EAAAA,YAAWC,EAAAA,SAAA,GACNzB,EACJ,CAAAL,UAAWA,EACXE,WAAYA,EACZD,WAAYA,EACZJ,WAAYA,IAEXM,GACCyB,EAAAA,QAACG,cAAAC,EAASA,sBACRC,QAASlC,EAAgB,eAAiB,QAC1CmC,MAAOT,EACPU,SAAUb,EAAUb,IAChBL,GAEHD,GAGLyB,EAAAA,QAACG,cAAAK,QAAKC,MAAM,SAASC,IAAK,EAAGL,QAASlC,EAAgB,eAAiB,SACrE6B,EAAAA,QAACG,cAAAxC,cACCkB,KAAMA,GACDQ,GACLlB,cAAeA,EACfwC,iBAAkBxB,EAAmBM,EAAOmB,OAAOC,MAAMC,MAAQrB,EAAOmB,OAAOC,MAAME,QACrFC,iBAAkBvB,EAAOmB,OAAOC,MAAMI,SAGvClC,GAAkBX,GAAa4B,EAAAA,QAAAG,cAACe,EAAAA,KAAK,CAAAC,KAAK,cAAcb,MAAOlB,GAAoB,QAASP,KAAMA,KAEpGe,GACCI,EAAAA,QAAAG,cAACK,EAAIA,KAAC,CAAAY,GAAI,EAAGC,EAAE,OAAOC,eAAgB3B,EAAW4B,WAAW,UAC1DvB,EAAC,QAAAG,cAAAqB,EAAgBA,kBAACC,EAAG,EAAGlB,SAAUb,EAAUgC,GAAIpB,MAAOb,EAAOM,KAAKc,MAAMC,OACtE/C,GAEFC,GACCgC,EAAC,QAAAG,cAAAwB,EAAAA,gBACCF,EAAG,EACHnB,MAAOlC,EAAYqB,EAAOM,KAAKc,MAAMC,MAAQrB,EAAOM,KAAKc,MAAMe,OAC/DrB,SAAUb,EAAUgC,IAEnB1D,KAUf,OAFAJ,EAAgBiE,YAAc,mBAAAC,OAAmBnE,EAAUkE,aAAelE,EAAUwD,MAE7EvD"}

package/build/hocs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withDarkMode-3fdb3990.js"),r=require("../withTheme-3ac839a3.js");require("react"),require("../chakra-ui-system.esm-b563b97d.js"),require("../chakra-ui-react.esm-e146fda7.js"),require("../chakra-ui-portal.esm-e1dcde00.js"),require("../chakra-ui-hooks.esm-c49383b7.js"),require("react-dom"),require("../chakra-ui-theme.esm-cc694e08.js"),exports.withDarkMode=e.withDarkMode,exports.withTheme=r.withTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withDarkMode-3fdb3990.js"),r=require("../withTheme-bac0a8eb.js");require("react"),require("../chakra-ui-system.esm-b563b97d.js"),require("../chakra-ui-react.esm-54b6d554.js"),require("../chakra-ui-portal.esm-72927bd9.js"),require("../chakra-ui-hooks.esm-c8f7aa0e.js"),require("../use-animation-state-5054a9f7.esm-ad9a45c2.js"),require("react-dom"),require("../chakra-ui-theme.esm-cc694e08.js"),exports.withDarkMode=e.withDarkMode,exports.withTheme=r.withTheme;
 //# sourceMappingURL=index.js.map

package/build/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./alert.component-3b59341a.js"),r=require("./alert.types-4daf4eee.js"),o=require("./avatar.component-5d66139f.js"),t=require("./avatarGroup.component-b7003171.js"),s=require("./button.component-c0f12ef5.js"),a=require("./checkbox.component-a5e17522.js"),p=require("./checkboxGroup.component-dc143ba5.js"),n=require("./datepicker.types-4447ea43.js"),i=require("./heading.component-46024b9d.js"),u=require("./icon.component-3b012e4e.js"),c=require("./link.component-c861b93f.js"),d=require("./logo.component-3fbae314.js"),x=require("./menuButton.component-dc103ade.js"),l=require("./menuContainer.component-3126d468.js"),m=require("./menuItem.component-de6a71ca.js"),b=require("./menuList.component-ca4f3e6b.js"),j=require("./menuOptionGroup.component-c8ea0aff.js"),q=require("./menu.component-261b3e9e.js"),C=require("./modalBody.component-1926b6d1.js"),f=require("./modalCloseButton.component-9fd3b3dd.js"),k=require("./modalFooter.component-e957013f.js"),M=require("./modalFooterButtons.component-1ee933ec.js"),T=require("./modalHeader.component-4a44b8ac.js"),h=require("./modal.component-9493250d.js"),v=require("./notificationCounter.component-27fafaa0.js"),I=require("./popoverBody.component-53e64298.js"),B=require("./popoverCloseButton.component-89388be1.js"),P=require("./popoverFooter.component-242363f4.js"),g=require("./popoverFooterButtons.component-53b338db.js"),y=require("./popoverHeader.component-34eb1b82.js"),D=require("./popover.component-929ab810.js"),S=require("./radio.component-b6d50e84.js"),A=require("./radioGroup.component-4082cbef.js"),F=require("./ratingDot.component-776080cf.js"),L=require("./ratingDots.component-1944ab02.js"),G=require("./select.component-e07985b0.js"),O=require("./dragHandle.component-a0ed1bf0.js"),H=require("./sortableItem.component-9aab4eb2.js"),w=require("./sortableOverlay.component-7ecbda06.js"),R=require("./sortableList.component-8df7a374.js"),N=require("./spinner.component-f49dcd1b.js"),V=require("./switch.component-14aff933.js"),W=require("./tab.component-5c72533e.js"),E=require("./tabs.component-9dde0129.js"),z=require("./tabsLayout.component-67d031de.js"),K=require("./tag.component-c909f1bf.js"),Q=require("./text.component-74ae29fd.js"),U=require("./textarea.component-dd1bfd72.js"),_=require("./textInput.component-51fc76e2.js"),$=require("./timePicker.component-7f472e6c.js"),J=require("./timeRange.component-24ea59a0.js"),X=require("./useToast-2c6cbde0.js"),Y=require("./tooltip.component-fb511c83.js"),Z=require("./truncatedText.component-d242bfa7.js"),ee=require("./withDarkMode-3fdb3990.js"),re=require("./withTheme-3ac839a3.js"),oe=require("./useTheme-d7d8c3f5.js"),te=require("./theme.provider-f951a0ae.js"),se=require("./chakra-ui-skeleton.esm-3c25e0bd.js"),ae=require("./chakra-ui-modal.esm-f93732cd.js"),pe=require("./chakra-ui-layout.esm-493ee04b.js"),ne=require("./chakra-ui-button.esm-29841617.js"),ie=require("./chakra-ui-alert.esm-9bb76feb.js"),ue=require("./chakra-ui-avatar.esm-dcac0160.js"),ce=require("./chakra-ui-checkbox.esm-551d7ed3.js"),de=require("./chakra-ui-input.esm-40a574c3.js"),xe=require("./chakra-ui-menu.esm-75503743.js"),le=require("./chakra-ui-popover.esm-8a057795.js"),me=require("./chakra-ui-radio.esm-ef11b348.js"),be=require("./chakra-ui-select.esm-c4102293.js"),je=require("./chakra-ui-tabs.esm-45ecf74e.js"),qe=require("./chakra-ui-textarea.esm-965918fa.js"),Ce=require("./chakra-ui-form-control.esm-e9095eac.js"),fe=require("./chakra-ui-media-query.esm-a34e627c.js"),ke=require("./chakra-ui-portal.esm-e1dcde00.js"),Me=require("./chakra-ui-hooks.esm-c49383b7.js");require("./tslib.es6-f01c41a6.js"),require("react"),require("./chakra-ui-system.esm-b563b97d.js"),require("./avatar.config-90fae63d.js"),require("./color.record-8ec2eb8a.js"),require("./strings-03c30366.js"),require("./formControl.component-6ce1e8a6.js"),require("./useAdaptiveColorMap-0a74494f.js"),require("./index-fee8538e.js"),require("./useIconTextSizeMap-b81a72a5.js"),require("./menu.context-6276be4d.js"),require("./menu.config-83ef52b8.js"),require("./fontSizes-6309063a.js"),require("./shadows.config-fd05bf52.js"),require("./useAdaptiveColor-bd61f863.js"),require("./sortableItem.context-f7dd54a1.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-30b0b8a9.js"),require("./chakra-ui-theme.esm-cc694e08.js"),require("./index-8fecff45.js"),require("./index-5c563615.js"),require("./motion-1db106fa.js"),require("./chakra-ui-popper.esm-78790840.js"),require("./chakra-ui-visually-hidden.esm-3406a7fd.js"),require("./chakra-ui-react.esm-e146fda7.js"),require("styled-components"),require("./zIndeces-4f459ad7.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-22135054.js"),exports.Alert=e.Alert,Object.defineProperty(exports,"AlertVariant",{enumerable:!0,get:function(){return r.AlertVariant}}),exports.Avatar=o.Avatar,Object.defineProperty(exports,"AvatarVariant",{enumerable:!0,get:function(){return o.AvatarVariant}}),exports.AvatarGroup=t.AvatarGroup,exports.Button=s.Button,exports.Checkbox=a.Checkbox,exports.CheckboxGroup=p.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return n.DateFormats}}),exports.DatePicker=n.DatePicker,exports.Heading=i.Heading,exports.Icon=u.Icon,exports.Link=c.Link,exports.Logo=d.Logo,exports.MenuButton=x.MenuButton,exports.MenuContainer=l.MenuContainer,exports.MenuItem=m.MenuItem,exports.MenuList=b.MenuList,exports.MenuOptionGroup=j.MenuOptionGroup,exports.Menu=q.Menu,exports.ModalBody=C.ModalBody,exports.ModalCloseButton=f.ModalCloseButton,exports.ModalFooter=k.ModalFooter,exports.ModalFooterButtons=M.ModalFooterButtons,exports.ModalHeader=T.ModalHeader,exports.Modal=h.Modal,exports.NotificationCounter=v.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return v.NotificationCounterVariant}}),exports.PopoverBody=I.PopoverBody,exports.PopoverCloseButton=B.PopoverCloseButton,exports.PopoverFooter=P.PopoverFooter,exports.PopoverFooterButtons=g.PopoverFooterButtons,exports.PopoverHeader=y.PopoverHeader,exports.Popover=D.Popover,exports.Radio=S.Radio,exports.RadioGroup=A.WrappedRadioGroup,exports.RatingDot=F.RatingDot,exports.RatingDots=L.RatingDots,exports.Select=G.WrappedSelect,exports.DragHandle=O.DragHandle,exports.SortableItem=H.SortableItem,exports.SortableOverlay=w.SortableOverlay,exports.SortableList=R.SortableList,exports.Spinner=N.Spinner,exports.Switch=V.WrappedSwitch,exports.Tab=W.Tab,exports.Tabs=E.Tabs,exports.TabsLayout=z.TabsLayout,exports.Tag=K.Tag,exports.Text=Q.Text,exports.Textarea=U.WrappedTextArea,exports.TextInput=_.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return $.Meridiem}}),exports.TimePicker=$.TimePicker,exports.TimeRange=J.TimeRange,exports.useToast=X.useToast,exports.Tooltip=Y.Tooltip,exports.TruncatedText=Z.TruncatedText,exports.withDarkMode=ee.withDarkMode,exports.withTheme=re.withTheme,exports.useTheme=oe.useTheme,exports.KibbleThemeProvider=te.KibbleThemeProvider,exports.theme=te.theme,exports.Accordion=se.Accordion,exports.AccordionButton=se.AccordionButton,exports.AccordionIcon=se.AccordionIcon,exports.AccordionItem=se.AccordionItem,exports.AccordionPanel=se.AccordionPanel,exports.NumberDecrementStepper=se.NumberDecrementStepper,exports.NumberIncrementStepper=se.NumberIncrementStepper,exports.NumberInput=se.NumberInput,exports.NumberInputField=se.NumberInputField,exports.NumberInputStepper=se.NumberInputStepper,exports.PinInput=se.PinInput,exports.PinInputField=se.PinInputField,exports.Progress=se.Progress,exports.Skeleton=se.Skeleton,exports.SkeletonText=se.SkeletonText,exports.Table=se.Table,exports.TableCaption=se.TableCaption,exports.TableContainer=se.TableContainer,exports.Tbody=se.Tbody,exports.Td=se.Td,exports.Tfoot=se.Tfoot,exports.Th=se.Th,exports.Thead=se.Thead,exports.Tr=se.Tr,exports.AlertDialog=ae.AlertDialog,exports.AlertDialogBody=ae.ModalBody,exports.AlertDialogContent=ae.AlertDialogContent,exports.AlertDialogFooter=ae.ModalFooter,exports.AlertDialogHeader=ae.ModalHeader,exports.AlertDialogOverlay=ae.ModalOverlay,exports.CModal=ae.Modal,exports.CModalBody=ae.ModalBody,exports.CModalCloseButton=ae.ModalCloseButton,exports.CModalFooter=ae.ModalFooter,exports.CModalHeader=ae.ModalHeader,exports.Collapse=ae.Collapse,exports.Drawer=ae.Drawer,exports.DrawerBody=ae.ModalBody,exports.DrawerCloseButton=ae.ModalCloseButton,exports.DrawerContent=ae.DrawerContent,exports.DrawerFooter=ae.ModalFooter,exports.DrawerHeader=ae.ModalHeader,exports.DrawerOverlay=ae.ModalOverlay,exports.ModalContent=ae.ModalContent,exports.ModalOverlay=ae.ModalOverlay,exports.Badge=pe.Badge,exports.Box=pe.Box,exports.Center=pe.Center,exports.Circle=pe.Circle,exports.Code=pe.Code,exports.Container=pe.Container,exports.Divider=pe.Divider,exports.Flex=pe.Flex,exports.Grid=pe.Grid,exports.GridItem=pe.GridItem,exports.HStack=pe.HStack,exports.LinkBox=pe.LinkBox,exports.LinkOverlay=pe.LinkOverlay,exports.List=pe.List,exports.ListItem=pe.ListItem,exports.OrderedList=pe.OrderedList,exports.SimpleGrid=pe.SimpleGrid,exports.Spacer=pe.Spacer,exports.Square=pe.Square,exports.Stack=pe.Stack,exports.UnorderedList=pe.UnorderedList,exports.VStack=pe.VStack,exports.Wrap=pe.Wrap,exports.WrapItem=pe.WrapItem,exports.ButtonGroup=ne.ButtonGroup,exports.CButton=ne.Button,exports.IconButton=ne.IconButton,exports.CAlert=ie.Alert,exports.CAvatar=ue.Avatar,exports.Image=ue.Image$1,exports.CCheckboxGroup=ce.CheckboxGroup,exports.useCheckbox=ce.useCheckbox,exports.useCheckboxGroup=ce.useCheckboxGroup,exports.CInput=de.Input,exports.InputGroup=de.InputGroup,exports.InputLeftAddon=de.InputLeftAddon,exports.InputLeftElement=de.InputLeftElement,exports.InputRightElement=de.InputRightElement,exports.CMenu=xe.Menu,exports.CMenuButton=xe.MenuButton,exports.CMenuItem=xe.MenuItem,exports.CMenuList=xe.MenuList,exports.MenuDivider=xe.MenuDivider,exports.MenuGroup=xe.MenuGroup,exports.MenuItemOption=xe.MenuItemOption,exports.CPopover=le.Popover,exports.CPopoverBody=le.PopoverBody,exports.CPopoverFooter=le.PopoverFooter,exports.CPopoverHeader=le.PopoverHeader,exports.PopoverArrow=le.PopoverArrow,exports.PopoverContent=le.PopoverContent,exports.PopoverTrigger=le.PopoverTrigger,exports.usePopoverContext=le.usePopoverContext,exports.CRadioGroup=me.RadioGroup,exports.useRadio=me.useRadio,exports.useRadioGroup=me.useRadioGroup,exports.CSelect=be.Select,exports.CTab=je.Tab,exports.CTabs=je.Tabs,exports.TabList=je.TabList,exports.TabPanel=je.TabPanel,exports.TabPanels=je.TabPanels,exports.CTextarea=qe.Textarea,exports.FormControl=Ce.FormControl,exports.FormErrorMessage=Ce.FormErrorMessage,exports.FormHelperText=Ce.FormHelperText,exports.FormLabel=Ce.FormLabel,exports.Hide=fe.Hide,exports.Show=fe.Show,exports.useBreakpoint=fe.useBreakpoint,exports.useBreakpointValue=fe.useBreakpointValue,exports.useMediaQuery=fe.useMediaQuery,exports.Portal=ke.Portal,exports.useConst=Me.useConst,exports.useDisclosure=Me.useDisclosure,exports.useInterval=Me.useInterval,exports.useOutsideClick=Me.useOutsideClick;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./alert.component-273388c0.js"),r=require("./alert.types-4daf4eee.js"),o=require("./avatarBadge.component-eb36a571.js"),t=require("./avatar.component-f34355bf.js"),s=require("./avatarGroup.component-4302837a.js"),a=require("./button.component-25b35016.js"),p=require("./checkbox.component-9cd924d3.js"),n=require("./checkboxGroup.component-c16aa7a4.js"),i=require("./datepicker.types-461ce471.js"),u=require("./heading.component-46024b9d.js"),c=require("./icon.component-3b012e4e.js"),d=require("./link.component-c861b93f.js"),x=require("./logo.component-3fbae314.js"),l=require("./menuButton.component-7d00ebf2.js"),m=require("./menuContainer.component-b44ee33f.js"),b=require("./menuItem.component-4b12a2e8.js"),j=require("./menuList.component-7b86c593.js"),q=require("./menuOptionGroup.component-c684dd20.js"),f=require("./menu.component-605ec33e.js"),C=require("./modalBody.component-84d1e5e0.js"),v=require("./modalCloseButton.component-afe7a8a2.js"),k=require("./modalFooter.component-bdb34b28.js"),M=require("./modalFooterButtons.component-85a3c154.js"),T=require("./modalHeader.component-d1f16926.js"),h=require("./modal.component-d4b9221a.js"),B=require("./notificationCounter.component-27fafaa0.js"),g=require("./popoverBody.component-ae4cc471.js"),P=require("./popoverCloseButton.component-237f4e7f.js"),I=require("./popoverFooter.component-b39d12d1.js"),y=require("./popoverFooterButtons.component-229b60ed.js"),A=require("./popoverHeader.component-0ee69cde.js"),D=require("./popover.component-35b520f6.js"),S=require("./radio.component-77c1b19b.js"),F=require("./radioGroup.component-37b6bbe1.js"),L=require("./ratingDot.component-776080cf.js"),G=require("./ratingDots.component-9d3ff8ae.js"),O=require("./select.component-037e931c.js"),H=require("./dragHandle.component-a9d5ac7c.js"),w=require("./sortableItem.component-9aab4eb2.js"),R=require("./sortableOverlay.component-7ecbda06.js"),N=require("./sortableList.component-8df7a374.js"),V=require("./spinner.component-f49dcd1b.js"),W=require("./switch.component-4718b003.js"),E=require("./tab.component-f3a8def2.js"),z=require("./tabs.component-60951d3c.js"),K=require("./tabsLayout.component-e27eaf48.js"),Q=require("./tag.component-c909f1bf.js"),U=require("./text.component-dabbab97.js"),_=require("./textarea.component-e5a68a9d.js"),$=require("./textInput.component-4214ab50.js"),J=require("./timePicker.component-ab7cf269.js"),X=require("./timeRange.component-f5fea5f6.js"),Y=require("./useToast-77814c69.js"),Z=require("./tooltip.component-25303330.js"),ee=require("./truncatedText.component-02797815.js"),re=require("./withDarkMode-3fdb3990.js"),oe=require("./withTheme-bac0a8eb.js"),te=require("./useTheme-d7d8c3f5.js"),se=require("./theme.provider-a848dc1b.js"),ae=require("./chakra-ui-skeleton.esm-749b81be.js"),pe=require("./chakra-ui-modal.esm-9136b612.js"),ne=require("./chakra-ui-layout.esm-493ee04b.js"),ie=require("./chakra-ui-button.esm-32e420eb.js"),ue=require("./chakra-ui-alert.esm-9bb76feb.js"),ce=require("./chakra-ui-avatar.esm-20f2e374.js"),de=require("./chakra-ui-checkbox.esm-6a6974f2.js"),xe=require("./chakra-ui-input.esm-5e794564.js"),le=require("./chakra-ui-menu.esm-22115f36.js"),me=require("./chakra-ui-popover.esm-af9721a4.js"),be=require("./chakra-ui-radio.esm-ee587db1.js"),je=require("./chakra-ui-select.esm-85c971dc.js"),qe=require("./chakra-ui-tabs.esm-dc1c4ea8.js"),fe=require("./chakra-ui-textarea.esm-cfbdac00.js"),Ce=require("./chakra-ui-form-control.esm-8240cc1c.js"),ve=require("./chakra-ui-media-query.esm-a34e627c.js"),ke=require("./chakra-ui-portal.esm-72927bd9.js"),Me=require("./chakra-ui-hooks.esm-c8f7aa0e.js");require("./tslib.es6-f01c41a6.js"),require("react"),require("./chakra-ui-system.esm-b563b97d.js"),require("./avatar.config-90fae63d.js"),require("./color.record-8ec2eb8a.js"),require("./strings-03c30366.js"),require("./formControl.component-e9d59dd3.js"),require("./useAdaptiveColorMap-0a74494f.js"),require("./index-fee8538e.js"),require("./useIconTextSizeMap-b81a72a5.js"),require("./menu.context-6276be4d.js"),require("./menu.config-83ef52b8.js"),require("./fontSizes-6309063a.js"),require("./shadows.config-fd05bf52.js"),require("./useAdaptiveColor-bd61f863.js"),require("./sortableItem.context-f7dd54a1.js"),require("./core.esm-3a85aed4.js"),require("react-dom"),require("./chakra-ui-icon.esm-30b0b8a9.js"),require("./chakra-ui-theme.esm-cc694e08.js"),require("./index-8fecff45.js"),require("./index-5c563615.js"),require("./motion-1db106fa.js"),require("./chakra-ui-popper.esm-78790840.js"),require("./chakra-ui-visually-hidden.esm-3406a7fd.js"),require("./use-animation-state-5054a9f7.esm-ad9a45c2.js"),require("./chakra-ui-react.esm-54b6d554.js"),require("styled-components"),require("./zIndeces-4f459ad7.js"),require("./inheritsLoose-490721fe.js"),require("./chakra-ui-clickable.esm-22135054.js"),exports.Alert=e.Alert,Object.defineProperty(exports,"AlertVariant",{enumerable:!0,get:function(){return r.AlertVariant}}),exports.AvatarBadge=o.AvatarBadge,Object.defineProperty(exports,"AvatarBadgePosition",{enumerable:!0,get:function(){return o.AvatarBadgePosition}}),exports.Avatar=t.Avatar,Object.defineProperty(exports,"AvatarVariant",{enumerable:!0,get:function(){return t.AvatarVariant}}),exports.AvatarGroup=s.AvatarGroup,exports.Button=a.Button,exports.Checkbox=p.Checkbox,exports.CheckboxGroup=n.WrappedCheckboxGroup,Object.defineProperty(exports,"DateFormats",{enumerable:!0,get:function(){return i.DateFormats}}),exports.DatePicker=i.DatePicker,exports.Heading=u.Heading,exports.Icon=c.Icon,exports.Link=d.Link,exports.Logo=x.Logo,exports.MenuButton=l.MenuButton,exports.MenuContainer=m.MenuContainer,exports.MenuItem=b.MenuItem,exports.MenuList=j.MenuList,exports.MenuOptionGroup=q.MenuOptionGroup,exports.Menu=f.Menu,exports.ModalBody=C.ModalBody,exports.ModalCloseButton=v.ModalCloseButton,exports.ModalFooter=k.ModalFooter,exports.ModalFooterButtons=M.ModalFooterButtons,exports.ModalHeader=T.ModalHeader,exports.Modal=h.Modal,exports.NotificationCounter=B.NotificationCounter,Object.defineProperty(exports,"NotificationCounterVariant",{enumerable:!0,get:function(){return B.NotificationCounterVariant}}),exports.PopoverBody=g.PopoverBody,exports.PopoverCloseButton=P.PopoverCloseButton,exports.PopoverFooter=I.PopoverFooter,exports.PopoverFooterButtons=y.PopoverFooterButtons,exports.PopoverHeader=A.PopoverHeader,exports.Popover=D.Popover,exports.Radio=S.Radio,exports.RadioGroup=F.WrappedRadioGroup,exports.RatingDot=L.RatingDot,exports.RatingDots=G.RatingDots,exports.Select=O.WrappedSelect,exports.DragHandle=H.DragHandle,exports.SortableItem=w.SortableItem,exports.SortableOverlay=R.SortableOverlay,exports.SortableList=N.SortableList,exports.Spinner=V.Spinner,exports.Switch=W.WrappedSwitch,exports.Tab=E.Tab,exports.Tabs=z.Tabs,exports.TabsLayout=K.TabsLayout,exports.Tag=Q.Tag,exports.Text=U.Text,exports.Textarea=_.WrappedTextArea,exports.TextInput=$.WrappedTextInput,Object.defineProperty(exports,"Meridiem",{enumerable:!0,get:function(){return J.Meridiem}}),exports.TimePicker=J.TimePicker,exports.TimeRange=X.TimeRange,exports.useToast=Y.useToast,exports.Tooltip=Z.Tooltip,exports.TruncatedText=ee.TruncatedText,exports.withDarkMode=re.withDarkMode,exports.withTheme=oe.withTheme,exports.useTheme=te.useTheme,exports.KibbleThemeProvider=se.KibbleThemeProvider,exports.theme=se.theme,exports.Accordion=ae.Accordion,exports.AccordionButton=ae.AccordionButton,exports.AccordionIcon=ae.AccordionIcon,exports.AccordionItem=ae.AccordionItem,exports.AccordionPanel=ae.AccordionPanel,exports.NumberDecrementStepper=ae.NumberDecrementStepper,exports.NumberIncrementStepper=ae.NumberIncrementStepper,exports.NumberInput=ae.NumberInput,exports.NumberInputField=ae.NumberInputField,exports.NumberInputStepper=ae.NumberInputStepper,exports.PinInput=ae.PinInput,exports.PinInputField=ae.PinInputField,exports.Progress=ae.Progress,exports.Skeleton=ae.Skeleton,exports.SkeletonText=ae.SkeletonText,exports.Table=ae.Table,exports.TableCaption=ae.TableCaption,exports.TableContainer=ae.TableContainer,exports.Tbody=ae.Tbody,exports.Td=ae.Td,exports.Tfoot=ae.Tfoot,exports.Th=ae.Th,exports.Thead=ae.Thead,exports.Tr=ae.Tr,exports.AlertDialog=pe.AlertDialog,exports.AlertDialogBody=pe.ModalBody,exports.AlertDialogContent=pe.AlertDialogContent,exports.AlertDialogFooter=pe.ModalFooter,exports.AlertDialogHeader=pe.ModalHeader,exports.AlertDialogOverlay=pe.ModalOverlay,exports.CModal=pe.Modal,exports.CModalBody=pe.ModalBody,exports.CModalCloseButton=pe.ModalCloseButton,exports.CModalFooter=pe.ModalFooter,exports.CModalHeader=pe.ModalHeader,exports.Collapse=pe.Collapse,exports.Drawer=pe.Drawer,exports.DrawerBody=pe.ModalBody,exports.DrawerCloseButton=pe.ModalCloseButton,exports.DrawerContent=pe.DrawerContent,exports.DrawerFooter=pe.ModalFooter,exports.DrawerHeader=pe.ModalHeader,exports.DrawerOverlay=pe.ModalOverlay,exports.ModalContent=pe.ModalContent,exports.ModalOverlay=pe.ModalOverlay,exports.Badge=ne.Badge,exports.Box=ne.Box,exports.Center=ne.Center,exports.Circle=ne.Circle,exports.Code=ne.Code,exports.Container=ne.Container,exports.Divider=ne.Divider,exports.Flex=ne.Flex,exports.Grid=ne.Grid,exports.GridItem=ne.GridItem,exports.HStack=ne.HStack,exports.LinkBox=ne.LinkBox,exports.LinkOverlay=ne.LinkOverlay,exports.List=ne.List,exports.ListItem=ne.ListItem,exports.OrderedList=ne.OrderedList,exports.SimpleGrid=ne.SimpleGrid,exports.Spacer=ne.Spacer,exports.Square=ne.Square,exports.Stack=ne.Stack,exports.UnorderedList=ne.UnorderedList,exports.VStack=ne.VStack,exports.Wrap=ne.Wrap,exports.WrapItem=ne.WrapItem,exports.ButtonGroup=ie.ButtonGroup,exports.CButton=ie.Button,exports.IconButton=ie.IconButton,exports.CAlert=ue.Alert,exports.CAvatar=ce.Avatar,exports.Image=ce.Image$1,exports.CCheckboxGroup=de.CheckboxGroup,exports.useCheckbox=de.useCheckbox,exports.useCheckboxGroup=de.useCheckboxGroup,exports.CInput=xe.Input,exports.InputGroup=xe.InputGroup,exports.InputLeftAddon=xe.InputLeftAddon,exports.InputLeftElement=xe.InputLeftElement,exports.InputRightElement=xe.InputRightElement,exports.CMenu=le.Menu,exports.CMenuButton=le.MenuButton,exports.CMenuItem=le.MenuItem,exports.CMenuList=le.MenuList,exports.MenuDivider=le.MenuDivider,exports.MenuGroup=le.MenuGroup,exports.MenuItemOption=le.MenuItemOption,exports.CPopover=me.Popover,exports.CPopoverBody=me.PopoverBody,exports.CPopoverFooter=me.PopoverFooter,exports.CPopoverHeader=me.PopoverHeader,exports.PopoverArrow=me.PopoverArrow,exports.PopoverContent=me.PopoverContent,exports.PopoverTrigger=me.PopoverTrigger,exports.usePopoverContext=me.usePopoverContext,exports.CRadioGroup=be.RadioGroup,exports.useRadio=be.useRadio,exports.useRadioGroup=be.useRadioGroup,exports.CSelect=je.Select,exports.CTab=qe.Tab,exports.CTabs=qe.Tabs,exports.TabList=qe.TabList,exports.TabPanel=qe.TabPanel,exports.TabPanels=qe.TabPanels,exports.CTextarea=fe.Textarea,exports.FormControl=Ce.FormControl,exports.FormErrorMessage=Ce.FormErrorMessage,exports.FormHelperText=Ce.FormHelperText,exports.FormLabel=Ce.FormLabel,exports.Hide=ve.Hide,exports.Show=ve.Show,exports.useBreakpoint=ve.useBreakpoint,exports.useBreakpointValue=ve.useBreakpointValue,exports.useMediaQuery=ve.useMediaQuery,exports.Portal=ke.Portal,exports.useConst=Me.useConst,exports.useDisclosure=Me.useDisclosure,exports.useInterval=Me.useInterval,exports.useOutsideClick=Me.useOutsideClick;
 //# sourceMappingURL=index.js.map

package/build/menu.component-605ec33e.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./menuContainer.component-b44ee33f.js"),u=require("./menuButton.component-7d00ebf2.js"),r=require("./menuList.component-7b86c593.js"),s=require("./menu.context-6276be4d.js"),i=require("./chakra-ui-menu.esm-22115f36.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(t);exports.Menu=function(t){var o=t.buttonProps,a=t.CustomTriggerElement,m=t.listProps,c=t.containerProps,d=e.__rest(t,["buttonProps","CustomTriggerElement","listProps","containerProps"]);return l.default.createElement(s.MenuProvider,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==c?void 0:c.onClose},l.default.createElement(n.MenuContainer,e.__assign({isLazy:null==c?void 0:c.isLazy},c,d),a?l.default.createElement(a,{as:i.MenuButton}):l.default.createElement(u.MenuButton,e.__assign({},o)),l.default.createElement(r.MenuList,e.__assign({},m,{isMatchWidthSet:d.matchWidth,menuItems:null==m?void 0:m.menuItems}))))};
+//# sourceMappingURL=menu.component-605ec33e.js.map

package/build/{menu.component-261b3e9e.js.map → menu.component-605ec33e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menu.component-261b3e9e.js","sources":["../src/components/Menu/menu.component.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactNode } from 'react';\nimport { MenuProps as CMenuProps, MenuButton as CMenuButton } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from './components/MenuContainer/menuContainer.component';\nimport { MenuButton, MenuButtonProps } from './components/MenuButton/menuButton.component';\nimport { MenuList, MenuListProps } from './components/MenuList/menuList.component';\nimport { MenuProvider } from './context/menu.context';\n\nexport interface MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n  buttonProps?: MenuButtonProps;\n  CustomTriggerElement?: FunctionComponent;\n  listProps?: MenuListProps;\n  containerProps?: MenuContainerProps;\n  children?: ReactNode;\n}\n\nexport const Menu = ({\n  buttonProps,\n  CustomTriggerElement,\n  listProps,\n  containerProps,\n  ...props\n}: MenuProps): JSX.Element => {\n  return (\n    <MenuProvider\n      menuItems={listProps?.menuItems}\n      isMultiSelect={listProps?.isMultiSelect}\n      onClose={containerProps?.onClose}\n    >\n      <MenuContainer isLazy={containerProps?.isLazy} {...containerProps} {...props}>\n        {CustomTriggerElement ? (\n          // @ts-ignore\n          <CustomTriggerElement as={CMenuButton} />\n        ) : (\n          <MenuButton {...buttonProps} />\n        )}\n        <MenuList {...listProps} isMatchWidthSet={props.matchWidth} menuItems={listProps?.menuItems} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n"],"names":["_a","buttonProps","CustomTriggerElement","listProps","containerProps","props","__rest","React","createElement","MenuProvider","menuItems","isMultiSelect","onClose","MenuContainer","__assign","isLazy","as","CMenuButton","MenuButton","MenuList","isMatchWidthSet","matchWidth"],"mappings":"gZAeoB,SAACA,GACnB,IAAAC,EAAWD,EAAAC,YACXC,yBACAC,EAASH,EAAAG,UACTC,EAAcJ,EAAAI,eACXC,EAAKC,EAAAA,OAAAN,EALW,qEAOnB,OACEO,EAAAA,QAAAC,cAACC,EAAAA,aAAY,CACXC,UAAWP,MAAAA,OAAA,EAAAA,EAAWO,UACtBC,cAAeR,MAAAA,OAAS,EAATA,EAAWQ,cAC1BC,QAASR,MAAAA,OAAA,EAAAA,EAAgBQ,SAEzBL,EAAA,QAAAC,cAACK,EAAaA,cAAAC,EAAAA,SAAA,CAACC,OAAQX,MAAAA,OAAA,EAAAA,EAAgBW,QAAYX,EAAoBC,GACpEH,EAECK,EAAAA,QAAAC,cAACN,EAAqB,CAAAc,GAAIC,EAAWC,aAErCX,UAACC,cAAAU,EAAAA,WAAeJ,EAAAA,SAAA,GAAAb,IAElBM,UAACC,cAAAW,EAAQA,uBAAKhB,EAAS,CAAEiB,gBAAiBf,EAAMgB,WAAYX,UAAWP,MAAAA,OAAS,EAATA,EAAWO"}
+{"version":3,"file":"menu.component-605ec33e.js","sources":["../src/components/Menu/menu.component.tsx"],"sourcesContent":["import React, { FunctionComponent, ReactNode } from 'react';\nimport { MenuProps as CMenuProps, MenuButton as CMenuButton } from '@chakra-ui/react';\nimport { MenuContainer, MenuContainerProps } from './components/MenuContainer/menuContainer.component';\nimport { MenuButton, MenuButtonProps } from './components/MenuButton/menuButton.component';\nimport { MenuList, MenuListProps } from './components/MenuList/menuList.component';\nimport { MenuProvider } from './context/menu.context';\n\nexport interface MenuProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n  buttonProps?: MenuButtonProps;\n  CustomTriggerElement?: FunctionComponent;\n  listProps?: MenuListProps;\n  containerProps?: MenuContainerProps;\n  children?: ReactNode;\n}\n\nexport const Menu = ({\n  buttonProps,\n  CustomTriggerElement,\n  listProps,\n  containerProps,\n  ...props\n}: MenuProps): JSX.Element => {\n  return (\n    <MenuProvider\n      menuItems={listProps?.menuItems}\n      isMultiSelect={listProps?.isMultiSelect}\n      onClose={containerProps?.onClose}\n    >\n      <MenuContainer isLazy={containerProps?.isLazy} {...containerProps} {...props}>\n        {CustomTriggerElement ? (\n          // @ts-ignore\n          <CustomTriggerElement as={CMenuButton} />\n        ) : (\n          <MenuButton {...buttonProps} />\n        )}\n        <MenuList {...listProps} isMatchWidthSet={props.matchWidth} menuItems={listProps?.menuItems} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n"],"names":["_a","buttonProps","CustomTriggerElement","listProps","containerProps","props","__rest","React","createElement","MenuProvider","menuItems","isMultiSelect","onClose","MenuContainer","__assign","isLazy","as","CMenuButton","MenuButton","MenuList","isMatchWidthSet","matchWidth"],"mappings":"gZAeoB,SAACA,GACnB,IAAAC,EAAWD,EAAAC,YACXC,yBACAC,EAASH,EAAAG,UACTC,EAAcJ,EAAAI,eACXC,EAAKC,EAAAA,OAAAN,EALW,qEAOnB,OACEO,EAAAA,QAAAC,cAACC,EAAAA,aAAY,CACXC,UAAWP,MAAAA,OAAA,EAAAA,EAAWO,UACtBC,cAAeR,MAAAA,OAAS,EAATA,EAAWQ,cAC1BC,QAASR,MAAAA,OAAA,EAAAA,EAAgBQ,SAEzBL,EAAA,QAAAC,cAACK,EAAaA,cAAAC,EAAAA,SAAA,CAACC,OAAQX,MAAAA,OAAA,EAAAA,EAAgBW,QAAYX,EAAoBC,GACpEH,EAECK,EAAAA,QAAAC,cAACN,EAAqB,CAAAc,GAAIC,EAAWC,aAErCX,UAACC,cAAAU,EAAAA,WAAeJ,EAAAA,SAAA,GAAAb,IAElBM,UAACC,cAAAW,EAAQA,uBAAKhB,EAAS,CAAEiB,gBAAiBf,EAAMgB,WAAYX,UAAWP,MAAAA,OAAS,EAATA,EAAWO"}

package/build/{menuButton.component-dc103ade.js → menuButton.component-7d00ebf2.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./icon.component-3b012e4e.js"),r=require("./button.component-c0f12ef5.js"),a=require("./chakra-ui-menu.esm-75503743.js"),u=require("./chakra-ui-layout.esm-493ee04b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t);exports.MenuButton=function(s){var o=s.leftElement,i=s.leftIconName,m=s.rightIconName,l=void 0===m?"chevronDown":m,f=s.showRightIcon,x=void 0===f||f,p=s.size,d=s.text,h=s.variant,_=e.__rest(s,["leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant"]),v=i&&!d,B=t.useMemo((function(){if(v)switch(p){case"xs":return"4px";case"sm":return"6px";default:return"8px"}switch(p){case"xs":return"5px 8px";case"sm":return"8px 12px";case"md":return"10px 16px";default:return"12px 20px"}}),[v,p]),g=t.useMemo((function(){if(v)switch(p){case"xs":return"sm";case"sm":return"md";case"md":return"lg";default:return"xl"}return p||"md"}),[v,p]),I=t.useMemo((function(){if(v)return"0px";switch(p){case"xs":case"sm":return"4px";default:return"8px"}}),[v,p]);return c.default.createElement(a.MenuButton,e.__assign({as:r.Button,variant:h,size:p,position:"relative"},_,{className:"MenuButton",p:B,lineHeight:0,_active:{transform:"none"}}),c.default.createElement(u.HStack,{spacing:I,className:"MenuButton__ContentContainer"},o&&o,i&&c.default.createElement(u.Box,{className:"MenuButton__LeftIcon"},c.default.createElement(n.Icon,{name:i,size:g})),d&&c.default.createElement(u.Box,{className:"MenuButton__Text"},d),x&&c.default.createElement(u.Box,{className:"MenuButton__RightIcon"},c.default.createElement(n.Icon,{name:l,size:"lg"===p?"sm":"xs"}))))};
-//# sourceMappingURL=menuButton.component-dc103ade.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./icon.component-3b012e4e.js"),r=require("./button.component-25b35016.js"),a=require("./chakra-ui-menu.esm-22115f36.js"),u=require("./chakra-ui-layout.esm-493ee04b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t);exports.MenuButton=function(s){var o=s.leftElement,i=s.leftIconName,m=s.rightIconName,l=void 0===m?"chevronDown":m,f=s.showRightIcon,x=void 0===f||f,p=s.size,d=s.text,h=s.variant,_=e.__rest(s,["leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant"]),v=i&&!d,B=t.useMemo((function(){if(v)switch(p){case"xs":return"4px";case"sm":return"6px";default:return"8px"}switch(p){case"xs":return"5px 8px";case"sm":return"8px 12px";case"md":return"10px 16px";default:return"12px 20px"}}),[v,p]),g=t.useMemo((function(){if(v)switch(p){case"xs":return"sm";case"sm":return"md";case"md":return"lg";default:return"xl"}return p||"md"}),[v,p]),I=t.useMemo((function(){if(v)return"0px";switch(p){case"xs":case"sm":return"4px";default:return"8px"}}),[v,p]);return c.default.createElement(a.MenuButton,e.__assign({as:r.Button,variant:h,size:p,position:"relative"},_,{className:"MenuButton",p:B,lineHeight:0,_active:{transform:"none"}}),c.default.createElement(u.HStack,{spacing:I,className:"MenuButton__ContentContainer"},o&&o,i&&c.default.createElement(u.Box,{className:"MenuButton__LeftIcon"},c.default.createElement(n.Icon,{name:i,size:g})),d&&c.default.createElement(u.Box,{className:"MenuButton__Text"},d),x&&c.default.createElement(u.Box,{className:"MenuButton__RightIcon"},c.default.createElement(n.Icon,{name:l,size:"lg"===p?"sm":"xs"}))))};
+//# sourceMappingURL=menuButton.component-7d00ebf2.js.map

package/build/{menuButton.component-dc103ade.js.map → menuButton.component-7d00ebf2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menuButton.component-dc103ade.js","sources":["../src/components/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { MenuButton as CMenuButton, MenuButtonProps as CMenuButtonProps, Box, HStack } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\nimport { ButtonSizeType, ButtonVariantType } from '../../../Button/button.types';\nimport { IconsSize, IconName } from '../../../Icon/icon.types';\n\nexport interface MenuButtonProps extends CMenuButtonProps {\n  leftElement?: ReactNode;\n  leftIconName?: IconName;\n  rightIconName?: IconName;\n  showRightIcon?: boolean;\n  size?: ButtonSizeType;\n  text?: string;\n  variant?: ButtonVariantType;\n}\n\nexport const MenuButton = ({\n  leftElement,\n  leftIconName,\n  rightIconName = 'chevronDown',\n  showRightIcon = true,\n  size,\n  text,\n  variant,\n  ...rest\n}: MenuButtonProps): JSX.Element => {\n  const isIconButton = leftIconName && !text;\n  const buttonPadding = useMemo((): string => {\n    if (isIconButton) {\n      switch (size) {\n        case 'xs':\n          return '4px';\n        case 'sm':\n          return '6px';\n        default:\n          return '8px';\n      }\n    }\n\n    switch (size) {\n      case 'xs':\n        return '5px 8px';\n      case 'sm':\n        return '8px 12px';\n      case 'md':\n        return '10px 16px';\n      default:\n        return '12px 20px';\n    }\n  }, [isIconButton, size]);\n\n  const iconSize = useMemo((): IconsSize => {\n    if (isIconButton) {\n      switch (size) {\n        case 'xs':\n          return 'sm';\n        case 'sm':\n          return 'md';\n        case 'md':\n          return 'lg';\n        default:\n          return 'xl';\n      }\n    }\n\n    return size || 'md';\n  }, [isIconButton, size]);\n\n  const textSpacing = useMemo((): string => {\n    if (isIconButton) {\n      return '0px';\n    }\n\n    switch (size) {\n      case 'xs':\n      case 'sm':\n        return '4px';\n      default:\n        return '8px';\n    }\n  }, [isIconButton, size]);\n\n  return (\n    <CMenuButton\n      as={Button}\n      variant={variant}\n      size={size}\n      position=\"relative\"\n      {...rest}\n      className=\"MenuButton\"\n      p={buttonPadding}\n      lineHeight={0}\n      _active={{ transform: 'none' }}\n    >\n      <HStack spacing={textSpacing} className=\"MenuButton__ContentContainer\">\n        {leftElement && leftElement}\n        {leftIconName && (\n          <Box className=\"MenuButton__LeftIcon\">\n            <Icon name={leftIconName} size={iconSize} />\n          </Box>\n        )}\n        {text && <Box className=\"MenuButton__Text\">{text}</Box>}\n        {showRightIcon && (\n          <Box className=\"MenuButton__RightIcon\">\n            <Icon name={rightIconName} size={size === 'lg' ? 'sm' : 'xs'} />\n          </Box>\n        )}\n      </HStack>\n    </CMenuButton>\n  );\n};\n"],"names":["_a","leftElement","leftIconName","_b","rightIconName","_c","showRightIcon","size","text","variant","rest","__rest","isIconButton","buttonPadding","useMemo","iconSize","textSpacing","React","createElement","CMenuButton","MenuButton","as","Button","position","className","p","lineHeight","_active","transform","HStack","spacing","Box","Icon","name"],"mappings":"mWAiB0B,SAACA,GACzB,IAAAC,EAAWD,EAAAC,YACXC,iBACAC,EAAAH,EAAAI,cAAAA,OAAgB,IAAAD,EAAA,cAAaA,EAC7BE,kBAAAC,OAAgB,IAAAD,GAAIA,EACpBE,EAAIP,EAAAO,KACJC,EAAIR,EAAAQ,KACJC,EAAOT,EAAAS,QACJC,EAAIC,EAAAA,OAAAX,EARkB,wFAUnBY,EAAeV,IAAiBM,EAChCK,EAAgBC,EAAAA,SAAQ,WAC5B,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,MACT,IAAK,KACH,MAAO,MACT,QACE,MAAO,MAIb,OAAQA,GACN,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,WACT,IAAK,KACH,MAAO,YACT,QACE,MAAO,eAEV,CAACK,EAAcL,IAEZQ,EAAWD,EAAAA,SAAQ,WACvB,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,QACE,MAAO,KAIb,OAAOA,GAAQ,OACd,CAACK,EAAcL,IAEZS,EAAcF,EAAAA,SAAQ,WAC1B,GAAIF,EACF,MAAO,MAGT,OAAQL,GACN,IAAK,KACL,IAAK,KACH,MAAO,MACT,QACE,MAAO,SAEV,CAACK,EAAcL,IAElB,OACEU,UAACC,cAAAC,EAAWC,uBACVC,GAAIC,EAAMA,OACVb,QAASA,EACTF,KAAMA,EACNgB,SAAS,YACLb,EAAI,CACRc,UAAU,aACVC,EAAGZ,EACHa,WAAY,EACZC,QAAS,CAAEC,UAAW,UAEtBX,EAAC,QAAAC,cAAAW,UAAOC,QAASd,EAAaQ,UAAU,gCACrCvB,GAAeA,EACfC,GACCe,EAAA,QAAAC,cAACa,EAAGA,IAAC,CAAAP,UAAU,wBACbP,UAACC,cAAAc,EAAAA,KAAK,CAAAC,KAAM/B,EAAcK,KAAMQ,KAGnCP,GAAQS,wBAACc,EAAAA,IAAG,CAACP,UAAU,oBAAoBhB,GAC3CF,GACCW,EAAA,QAAAC,cAACa,EAAGA,IAAC,CAAAP,UAAU,yBACbP,EAAAA,QAACC,cAAAc,EAAAA,KAAK,CAAAC,KAAM7B,EAAeG,KAAe,OAATA,EAAgB,KAAO"}
+{"version":3,"file":"menuButton.component-7d00ebf2.js","sources":["../src/components/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport { Icon } from '../../../Icon/icon.component';\nimport { MenuButton as CMenuButton, MenuButtonProps as CMenuButtonProps, Box, HStack } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\nimport { ButtonSizeType, ButtonVariantType } from '../../../Button/button.types';\nimport { IconsSize, IconName } from '../../../Icon/icon.types';\n\nexport interface MenuButtonProps extends CMenuButtonProps {\n  leftElement?: ReactNode;\n  leftIconName?: IconName;\n  rightIconName?: IconName;\n  showRightIcon?: boolean;\n  size?: ButtonSizeType;\n  text?: string;\n  variant?: ButtonVariantType;\n}\n\nexport const MenuButton = ({\n  leftElement,\n  leftIconName,\n  rightIconName = 'chevronDown',\n  showRightIcon = true,\n  size,\n  text,\n  variant,\n  ...rest\n}: MenuButtonProps): JSX.Element => {\n  const isIconButton = leftIconName && !text;\n  const buttonPadding = useMemo((): string => {\n    if (isIconButton) {\n      switch (size) {\n        case 'xs':\n          return '4px';\n        case 'sm':\n          return '6px';\n        default:\n          return '8px';\n      }\n    }\n\n    switch (size) {\n      case 'xs':\n        return '5px 8px';\n      case 'sm':\n        return '8px 12px';\n      case 'md':\n        return '10px 16px';\n      default:\n        return '12px 20px';\n    }\n  }, [isIconButton, size]);\n\n  const iconSize = useMemo((): IconsSize => {\n    if (isIconButton) {\n      switch (size) {\n        case 'xs':\n          return 'sm';\n        case 'sm':\n          return 'md';\n        case 'md':\n          return 'lg';\n        default:\n          return 'xl';\n      }\n    }\n\n    return size || 'md';\n  }, [isIconButton, size]);\n\n  const textSpacing = useMemo((): string => {\n    if (isIconButton) {\n      return '0px';\n    }\n\n    switch (size) {\n      case 'xs':\n      case 'sm':\n        return '4px';\n      default:\n        return '8px';\n    }\n  }, [isIconButton, size]);\n\n  return (\n    <CMenuButton\n      as={Button}\n      variant={variant}\n      size={size}\n      position=\"relative\"\n      {...rest}\n      className=\"MenuButton\"\n      p={buttonPadding}\n      lineHeight={0}\n      _active={{ transform: 'none' }}\n    >\n      <HStack spacing={textSpacing} className=\"MenuButton__ContentContainer\">\n        {leftElement && leftElement}\n        {leftIconName && (\n          <Box className=\"MenuButton__LeftIcon\">\n            <Icon name={leftIconName} size={iconSize} />\n          </Box>\n        )}\n        {text && <Box className=\"MenuButton__Text\">{text}</Box>}\n        {showRightIcon && (\n          <Box className=\"MenuButton__RightIcon\">\n            <Icon name={rightIconName} size={size === 'lg' ? 'sm' : 'xs'} />\n          </Box>\n        )}\n      </HStack>\n    </CMenuButton>\n  );\n};\n"],"names":["_a","leftElement","leftIconName","_b","rightIconName","_c","showRightIcon","size","text","variant","rest","__rest","isIconButton","buttonPadding","useMemo","iconSize","textSpacing","React","createElement","CMenuButton","MenuButton","as","Button","position","className","p","lineHeight","_active","transform","HStack","spacing","Box","Icon","name"],"mappings":"mWAiB0B,SAACA,GACzB,IAAAC,EAAWD,EAAAC,YACXC,iBACAC,EAAAH,EAAAI,cAAAA,OAAgB,IAAAD,EAAA,cAAaA,EAC7BE,kBAAAC,OAAgB,IAAAD,GAAIA,EACpBE,EAAIP,EAAAO,KACJC,EAAIR,EAAAQ,KACJC,EAAOT,EAAAS,QACJC,EAAIC,EAAAA,OAAAX,EARkB,wFAUnBY,EAAeV,IAAiBM,EAChCK,EAAgBC,EAAAA,SAAQ,WAC5B,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,MACT,IAAK,KACH,MAAO,MACT,QACE,MAAO,MAIb,OAAQA,GACN,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,WACT,IAAK,KACH,MAAO,YACT,QACE,MAAO,eAEV,CAACK,EAAcL,IAEZQ,EAAWD,EAAAA,SAAQ,WACvB,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,QACE,MAAO,KAIb,OAAOA,GAAQ,OACd,CAACK,EAAcL,IAEZS,EAAcF,EAAAA,SAAQ,WAC1B,GAAIF,EACF,MAAO,MAGT,OAAQL,GACN,IAAK,KACL,IAAK,KACH,MAAO,MACT,QACE,MAAO,SAEV,CAACK,EAAcL,IAElB,OACEU,UAACC,cAAAC,EAAWC,uBACVC,GAAIC,EAAMA,OACVb,QAASA,EACTF,KAAMA,EACNgB,SAAS,YACLb,EAAI,CACRc,UAAU,aACVC,EAAGZ,EACHa,WAAY,EACZC,QAAS,CAAEC,UAAW,UAEtBX,EAAC,QAAAC,cAAAW,UAAOC,QAASd,EAAaQ,UAAU,gCACrCvB,GAAeA,EACfC,GACCe,EAAA,QAAAC,cAACa,EAAGA,IAAC,CAAAP,UAAU,wBACbP,UAACC,cAAAc,EAAAA,KAAK,CAAAC,KAAM/B,EAAcK,KAAMQ,KAGnCP,GAAQS,wBAACc,EAAAA,IAAG,CAACP,UAAU,oBAAoBhB,GAC3CF,GACCW,EAAA,QAAAC,cAACa,EAAGA,IAAC,CAAAP,UAAU,yBACbP,EAAAA,QAACC,cAAAc,EAAAA,KAAK,CAAAC,KAAM7B,EAAeG,KAAe,OAATA,EAAgB,KAAO"}

package/build/{menuContainer.component-3126d468.js → menuContainer.component-b44ee33f.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),n=require("react"),r=require("./menu.context-6276be4d.js"),t=require("./chakra-ui-menu.esm-75503743.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(n);exports.MenuContainer=function(n){var u=n.children;n.onClose;var a=e.__rest(n,["children","onClose"]),o=r.useMenuContext().handleOnClose;return s.default.createElement(t.Menu,e.__assign({onClose:o},a),u)};
-//# sourceMappingURL=menuContainer.component-3126d468.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),n=require("react"),r=require("./menu.context-6276be4d.js"),t=require("./chakra-ui-menu.esm-22115f36.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(n);exports.MenuContainer=function(n){var u=n.children;n.onClose;var a=e.__rest(n,["children","onClose"]),o=r.useMenuContext().handleOnClose;return s.default.createElement(t.Menu,e.__assign({onClose:o},a),u)};
+//# sourceMappingURL=menuContainer.component-b44ee33f.js.map

package/build/{menuContainer.component-3126d468.js.map → menuContainer.component-b44ee33f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menuContainer.component-3126d468.js","sources":["../src/components/Menu/components/MenuContainer/menuContainer.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Menu as CMenu, MenuProps as CMenuProps } from '@chakra-ui/react';\nimport { useMenuContext } from '../../context/menu.context';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\n\nexport interface MenuContainerProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n  children?: ReactNode;\n  onClose?: (value: (MenuItemProps | undefined)[]) => void;\n}\n\nexport const MenuContainer = ({ children, onClose, ...rest }: MenuContainerProps): JSX.Element => {\n  const { handleOnClose } = useMenuContext();\n\n  return (\n    <CMenu onClose={handleOnClose} {...rest}>\n      {children}\n    </CMenu>\n  );\n};\n"],"names":["_a","children","rest","__rest","handleOnClose","useMenuContext","React","createElement","CMenu","Menu","__assign","onClose"],"mappings":"wQAU6B,SAACA,GAAE,IAAAC,2BAAsBC,EAAxBC,EAAAA,OAAAH,EAAA,CAAA,WAAA,YACpBI,EAAkBC,iCAE1B,OACEC,UAAAC,cAACC,EAAKC,KAAAC,WAAA,CAACC,QAASP,GAAmBF,GAChCD"}
+{"version":3,"file":"menuContainer.component-b44ee33f.js","sources":["../src/components/Menu/components/MenuContainer/menuContainer.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Menu as CMenu, MenuProps as CMenuProps } from '@chakra-ui/react';\nimport { useMenuContext } from '../../context/menu.context';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\n\nexport interface MenuContainerProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n  children?: ReactNode;\n  onClose?: (value: (MenuItemProps | undefined)[]) => void;\n}\n\nexport const MenuContainer = ({ children, onClose, ...rest }: MenuContainerProps): JSX.Element => {\n  const { handleOnClose } = useMenuContext();\n\n  return (\n    <CMenu onClose={handleOnClose} {...rest}>\n      {children}\n    </CMenu>\n  );\n};\n"],"names":["_a","children","rest","__rest","handleOnClose","useMenuContext","React","createElement","CMenu","Menu","__assign","onClose"],"mappings":"wQAU6B,SAACA,GAAE,IAAAC,2BAAsBC,EAAxBC,EAAAA,OAAAH,EAAA,CAAA,WAAA,YACpBI,EAAkBC,iCAE1B,OACEC,UAAAC,cAACC,EAAKC,KAAAC,WAAA,CAACC,QAASP,GAAmBF,GAChCD"}

package/build/{menuItem.component-de6a71ca.js → menuItem.component-4b12a2e8.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./useTheme-d7d8c3f5.js"),l=require("./menu.config-83ef52b8.js"),a=require("./truncatedText.component-d242bfa7.js"),r=require("./text.component-74ae29fd.js"),o=require("./useAdaptiveColorMap-0a74494f.js"),c=require("./icon.component-3b012e4e.js"),i=require("./chakra-ui-menu.esm-75503743.js"),u=require("./chakra-ui-layout.esm-493ee04b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t);exports.MenuItem=function(s){var m=s.canSelectAll,f=s.children,b=s.colorToken;s.groupLabel;var h=s.handleKeyboardNavigation,x=void 0===h?function(){}:h,g=s.isDisabled,p=s.isMultiSelect;s.isPlaceholder;var v=s.closeOnSelect,k=void 0===v?!p:v,I=s.isSelected,S=s.itemIndex,E=void 0===S?"0":S,j=s.label,M=s.leftElement,T=s.menuItemRefs,_=s.onSelect,q=s.shouldRetainSelection,y=void 0!==q&&q,C=s.shouldTruncateText,L=s.value,N=e.__rest(s,["canSelectAll","children","colorToken","groupLabel","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","closeOnSelect","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value"]),R=n.useTheme().colors,w=i.useMenuState().onClose,A=o.useAdaptiveColorMap(R.text,b||"default"),D=t.useCallback((function(e){e.stopPropagation(),g||(L&&_&&_({label:j,leftElement:M,value:L}),k&&w())}),[L,_,w,k,g,j,M]),B=t.useMemo((function(){return b?A:I&&y&&!p?R.text.light.link:R.text.light.default}),[I,y,p,A,b,R]);return d.default.createElement(u.Box,e.__assign({},l.MenuItemConfig,{bg:I&&y&&!p?R.background.hover:"",className:"MenuList__Item",onClick:D,onKeyDown:function(e){return x(e,!1)},tabIndex:parseInt(m?E+=2:E),ref:function(e){return T&&E?T.current[parseInt(E)]=e:null},disabled:g},N),f||d.default.createElement(u.HStack,{align:"center",spacing:3,minH:5,color:B},p&&d.default.createElement(u.Flex,{w:4,h:4,className:"MenuList__ItemCheckbox",align:"center",justify:"center",color:R.status.success},I?d.default.createElement(c.Icon,{name:"checkmarkCircle",size:"sm"}):d.default.createElement(u.Box,{m:"2px",w:3,h:3,borderRadius:"100%",bg:R.background.grayDark})),M&&d.default.createElement(u.Flex,{align:"center",justify:"center",className:"MenuList__ItemLeftElement"},M),d.default.createElement(u.Box,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},"string"==typeof j?C?d.default.createElement(a.TruncatedText,{color:B,textContent:j||"",noOfLines:1}):d.default.createElement(r.Text,{color:B},j):j)))};
-//# sourceMappingURL=menuItem.component-de6a71ca.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./useTheme-d7d8c3f5.js"),l=require("./menu.config-83ef52b8.js"),a=require("./truncatedText.component-02797815.js"),r=require("./text.component-dabbab97.js"),o=require("./useAdaptiveColorMap-0a74494f.js"),c=require("./icon.component-3b012e4e.js"),i=require("./chakra-ui-menu.esm-22115f36.js"),u=require("./chakra-ui-layout.esm-493ee04b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t);exports.MenuItem=function(s){var m=s.canSelectAll,f=s.children,b=s.colorToken;s.groupLabel;var h=s.handleKeyboardNavigation,x=void 0===h?function(){}:h,g=s.isDisabled,p=s.isMultiSelect;s.isPlaceholder;var v=s.closeOnSelect,k=void 0===v?!p:v,I=s.isSelected,S=s.itemIndex,E=void 0===S?"0":S,j=s.label,M=s.leftElement,T=s.menuItemRefs,_=s.onSelect,q=s.shouldRetainSelection,y=void 0!==q&&q,C=s.shouldTruncateText,L=s.value,N=e.__rest(s,["canSelectAll","children","colorToken","groupLabel","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","closeOnSelect","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value"]),R=n.useTheme().colors,w=i.useMenuState().onClose,A=o.useAdaptiveColorMap(R.text,b||"default"),D=t.useCallback((function(e){e.stopPropagation(),g||(L&&_&&_({label:j,leftElement:M,value:L}),k&&w())}),[L,_,w,k,g,j,M]),B=t.useMemo((function(){return b?A:I&&y&&!p?R.text.light.link:R.text.light.default}),[I,y,p,A,b,R]);return d.default.createElement(u.Box,e.__assign({},l.MenuItemConfig,{bg:I&&y&&!p?R.background.hover:"",className:"MenuList__Item",onClick:D,onKeyDown:function(e){return x(e,!1)},tabIndex:parseInt(m?E+=2:E),ref:function(e){return T&&E?T.current[parseInt(E)]=e:null},disabled:g},N),f||d.default.createElement(u.HStack,{align:"center",spacing:3,minH:5,color:B},p&&d.default.createElement(u.Flex,{w:4,h:4,className:"MenuList__ItemCheckbox",align:"center",justify:"center",color:R.status.success},I?d.default.createElement(c.Icon,{name:"checkmarkCircle",size:"sm"}):d.default.createElement(u.Box,{m:"2px",w:3,h:3,borderRadius:"100%",bg:R.background.grayDark})),M&&d.default.createElement(u.Flex,{align:"center",justify:"center",className:"MenuList__ItemLeftElement"},M),d.default.createElement(u.Box,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},"string"==typeof j?C?d.default.createElement(a.TruncatedText,{color:B,textContent:j||"",noOfLines:1}):d.default.createElement(r.Text,{color:B},j):j)))};
+//# sourceMappingURL=menuItem.component-4b12a2e8.js.map

package/build/{menuItem.component-de6a71ca.js.map → menuItem.component-4b12a2e8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menuItem.component-de6a71ca.js","sources":["../src/components/Menu/components/MenuItem/menuItem.component.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  MutableRefObject,\n  useCallback,\n  MouseEvent,\n  KeyboardEvent,\n  useMemo,\n  ReactElement,\n} from 'react';\nimport { Box, Flex, HStack, useMenuState } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { MenuItemConfig } from '../../menu.config';\nimport { TextColor } from 'shared/types';\nimport { TruncatedText } from '../../../TruncatedText/truncatedText.component';\nimport { Text } from '../../../Text/text.component';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { Icon } from '../../../Icon/icon.component';\n\nexport interface MenuItemProps {\n  canSelectAll?: boolean;\n  children?: ReactNode;\n  closeOnSelect?: boolean;\n  groupLabel?: string;\n  handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;\n  isDisabled?: boolean;\n  isMultiSelect?: boolean;\n  isSelected?: boolean;\n  itemIndex?: string;\n  label?: string | ReactElement;\n  leftElement?: ReactNode;\n  menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;\n  onSelect?: (selectedItem: MenuItemProps) => void;\n  shouldRetainSelection?: boolean;\n  shouldTruncateText?: boolean;\n  value?: string;\n  colorToken?: TextColor;\n  isPlaceholder?: boolean;\n}\n\nexport const MenuItem = ({\n  canSelectAll,\n  children,\n  colorToken,\n  groupLabel,\n  handleKeyboardNavigation = (): void => {},\n  isDisabled,\n  isMultiSelect,\n  isPlaceholder,\n  closeOnSelect = !isMultiSelect,\n  isSelected,\n  itemIndex = '0',\n  label,\n  leftElement,\n  menuItemRefs,\n  onSelect,\n  shouldRetainSelection = false,\n  shouldTruncateText,\n  value,\n  ...rest\n}: MenuItemProps): JSX.Element => {\n  const { colors } = useTheme();\n  const { onClose } = useMenuState();\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken ? colorToken : 'default');\n\n  const handleSelect = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (isDisabled) return;\n\n      if (value && onSelect) {\n        onSelect({\n          label,\n          leftElement,\n          value,\n        });\n      }\n\n      if (closeOnSelect) {\n        onClose();\n      }\n    },\n    [value, onSelect, onClose, closeOnSelect, isDisabled, label, leftElement],\n  );\n\n  const fontColor = useMemo(() => {\n    if (colorToken) {\n      return adaptiveColor;\n    }\n\n    return isSelected && shouldRetainSelection && !isMultiSelect ? colors.text.light.link : colors.text.light.default;\n  }, [isSelected, shouldRetainSelection, isMultiSelect, adaptiveColor, colorToken, colors]);\n\n  return (\n    <Box\n      {...MenuItemConfig}\n      bg={isSelected && shouldRetainSelection && !isMultiSelect ? colors.background.hover : ''}\n      className=\"MenuList__Item\"\n      onClick={handleSelect}\n      onKeyDown={(e: KeyboardEvent<HTMLDivElement>): void => handleKeyboardNavigation(e, false)}\n      tabIndex={parseInt(canSelectAll ? (itemIndex += 2) : itemIndex)}\n      ref={(el): HTMLDivElement | null =>\n        menuItemRefs && itemIndex ? (menuItemRefs.current[parseInt(itemIndex)] = el) : null\n      }\n      // @ts-ignore\n      disabled={isDisabled}\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <HStack align=\"center\" spacing={3} minH={5} color={fontColor}>\n          {isMultiSelect && (\n            <Flex\n              w={4}\n              h={4}\n              className=\"MenuList__ItemCheckbox\"\n              align=\"center\"\n              justify=\"center\"\n              color={colors.status.success}\n            >\n              {isSelected ? (\n                <Icon name=\"checkmarkCircle\" size=\"sm\" />\n              ) : (\n                <Box m=\"2px\" w={3} h={3} borderRadius=\"100%\" bg={colors.background.grayDark} />\n              )}\n            </Flex>\n          )}\n          {leftElement && (\n            <Flex align=\"center\" justify=\"center\" className=\"MenuList__ItemLeftElement\">\n              {leftElement}\n            </Flex>\n          )}\n          <Box className=\"MenuList__ItemLabel\" position=\"relative\" w=\"100%\">\n            {typeof label === 'string' ? (\n              shouldTruncateText ? (\n                <TruncatedText color={fontColor} textContent={label || ''} noOfLines={1} />\n              ) : (\n                <Text color={fontColor}>{label}</Text>\n              )\n            ) : (\n              label\n            )}\n          </Box>\n        </HStack>\n      )}\n    </Box>\n  );\n};\n"],"names":["_a","canSelectAll","children","colorToken","groupLabel","_b","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","_c","closeOnSelect","isSelected","_d","itemIndex","label","leftElement","menuItemRefs","onSelect","_e","shouldRetainSelection","shouldTruncateText","value","rest","__rest","colors","useTheme","onClose","useMenuState","adaptiveColor","useAdaptiveColorMap","text","handleSelect","useCallback","e","stopPropagation","fontColor","useMemo","light","link","default","React","createElement","Box","__assign","MenuItemConfig","bg","background","hover","className","onClick","onKeyDown","tabIndex","parseInt","ref","el","current","disabled","HStack","align","spacing","minH","color","Flex","w","h","justify","status","success","Icon","name","size","m","borderRadius","grayDark","position","TruncatedText","textContent","noOfLines","Text"],"mappings":"4gBAuCwB,SAACA,GACvB,IAAAC,EAAYD,EAAAC,aACZC,aACAC,EAAUH,EAAAG,WACAH,EAAAI,WACV,IAAAC,EAAyCL,EAAAM,yBAAzCA,OAA2B,IAAAD,EAAA,aAAcA,EACzCE,EAAUP,EAAAO,WACVC,kBACaR,EAAAS,cAAA,IACbC,kBAAAC,OAAgB,IAAAD,GAACF,EAAaE,EAC9BE,EAAUZ,EAAAY,WACVC,EAAeb,EAAAc,UAAfA,OAAS,IAAAD,EAAG,IAAGA,EACfE,EAAKf,EAAAe,MACLC,EAAWhB,EAAAgB,YACXC,iBACAC,EAAQlB,EAAAkB,SACRC,0BAAAC,OAAwB,IAAAD,KACxBE,EAAkBrB,EAAAqB,mBAClBC,EAAKtB,EAAAsB,MACFC,EAAIC,EAAAA,OAAAxB,EAnBgB,6QAqBfyB,EAAWC,oBACXC,EAAYC,yBACdC,EAAgBC,EAAAA,oBAA+BL,EAAOM,KAAM5B,GAA0B,WAEtF6B,EAAeC,eACnB,SAACC,GACCA,EAAEC,kBAEE5B,IAEAe,GAASJ,GACXA,EAAS,CACPH,MAAKA,EACLC,YAAWA,EACXM,MAAKA,IAILX,GACFgB,OAGJ,CAACL,EAAOJ,EAAUS,EAAShB,EAAeJ,EAAYQ,EAAOC,IAGzDoB,EAAYC,EAAAA,SAAQ,WACxB,OAAIlC,EACK0B,EAGFjB,GAAcQ,IAA0BZ,EAAgBiB,EAAOM,KAAKO,MAAMC,KAAOd,EAAOM,KAAKO,MAAME,UACzG,CAAC5B,EAAYQ,EAAuBZ,EAAeqB,EAAe1B,EAAYsB,IAEjF,OACEgB,EAAAA,QAAAC,cAACC,EAAGA,IAAAC,EAAAA,SAAA,GACEC,EAAAA,eACJ,CAAAC,GAAIlC,GAAcQ,IAA0BZ,EAAgBiB,EAAOsB,WAAWC,MAAQ,GACtFC,UAAU,iBACVC,QAASlB,EACTmB,UAAW,SAACjB,GAA2C,OAAA5B,EAAyB4B,GAAG,IACnFkB,SAAUC,SAASpD,EAAgBa,GAAa,EAAKA,GACrDwC,IAAK,SAACC,GACJ,OAAAtC,GAAgBH,EAAaG,EAAauC,QAAQH,SAASvC,IAAcyC,EAAM,MAGjFE,SAAUlD,GACNgB,GAEHrB,GAGCuC,EAAC,QAAAC,cAAAgB,EAAAA,OAAO,CAAAC,MAAM,SAASC,QAAS,EAAGC,KAAM,EAAGC,MAAO1B,GAChD5B,GACCiC,EAAAA,QAAAC,cAACqB,OAAI,CACHC,EAAG,EACHC,EAAG,EACHhB,UAAU,yBACVU,MAAM,SACNO,QAAQ,SACRJ,MAAOrC,EAAO0C,OAAOC,SAEpBxD,EACC6B,wBAAC4B,EAAAA,KAAI,CAACC,KAAK,kBAAkBC,KAAK,OAElC9B,wBAACE,EAAGA,IAAA,CAAC6B,EAAE,MAAMR,EAAG,EAAGC,EAAG,EAAGQ,aAAa,OAAO3B,GAAIrB,EAAOsB,WAAW2B,YAIxE1D,GACCyB,EAAAA,QAAAC,cAACqB,EAAIA,KAAC,CAAAJ,MAAM,SAASO,QAAQ,SAASjB,UAAU,6BAC7CjC,GAGLyB,EAAA,QAAAC,cAACC,MAAG,CAACM,UAAU,sBAAsB0B,SAAS,WAAWX,EAAE,QACvC,iBAAVjD,EACNM,EACEoB,EAAAA,sBAACmC,EAAaA,cAAA,CAACd,MAAO1B,EAAWyC,YAAa9D,GAAS,GAAI+D,UAAW,IAEtErC,EAAC,QAAAC,cAAAqC,EAAAA,MAAKjB,MAAO1B,GAAYrB,GAC1B"}
+{"version":3,"file":"menuItem.component-4b12a2e8.js","sources":["../src/components/Menu/components/MenuItem/menuItem.component.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  MutableRefObject,\n  useCallback,\n  MouseEvent,\n  KeyboardEvent,\n  useMemo,\n  ReactElement,\n} from 'react';\nimport { Box, Flex, HStack, useMenuState } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { MenuItemConfig } from '../../menu.config';\nimport { TextColor } from 'shared/types';\nimport { TruncatedText } from '../../../TruncatedText/truncatedText.component';\nimport { Text } from '../../../Text/text.component';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { Icon } from '../../../Icon/icon.component';\n\nexport interface MenuItemProps {\n  canSelectAll?: boolean;\n  children?: ReactNode;\n  closeOnSelect?: boolean;\n  groupLabel?: string;\n  handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;\n  isDisabled?: boolean;\n  isMultiSelect?: boolean;\n  isSelected?: boolean;\n  itemIndex?: string;\n  label?: string | ReactElement;\n  leftElement?: ReactNode;\n  menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;\n  onSelect?: (selectedItem: MenuItemProps) => void;\n  shouldRetainSelection?: boolean;\n  shouldTruncateText?: boolean;\n  value?: string;\n  colorToken?: TextColor;\n  isPlaceholder?: boolean;\n}\n\nexport const MenuItem = ({\n  canSelectAll,\n  children,\n  colorToken,\n  groupLabel,\n  handleKeyboardNavigation = (): void => {},\n  isDisabled,\n  isMultiSelect,\n  isPlaceholder,\n  closeOnSelect = !isMultiSelect,\n  isSelected,\n  itemIndex = '0',\n  label,\n  leftElement,\n  menuItemRefs,\n  onSelect,\n  shouldRetainSelection = false,\n  shouldTruncateText,\n  value,\n  ...rest\n}: MenuItemProps): JSX.Element => {\n  const { colors } = useTheme();\n  const { onClose } = useMenuState();\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken ? colorToken : 'default');\n\n  const handleSelect = useCallback(\n    (e: MouseEvent<HTMLDivElement>) => {\n      e.stopPropagation();\n\n      if (isDisabled) return;\n\n      if (value && onSelect) {\n        onSelect({\n          label,\n          leftElement,\n          value,\n        });\n      }\n\n      if (closeOnSelect) {\n        onClose();\n      }\n    },\n    [value, onSelect, onClose, closeOnSelect, isDisabled, label, leftElement],\n  );\n\n  const fontColor = useMemo(() => {\n    if (colorToken) {\n      return adaptiveColor;\n    }\n\n    return isSelected && shouldRetainSelection && !isMultiSelect ? colors.text.light.link : colors.text.light.default;\n  }, [isSelected, shouldRetainSelection, isMultiSelect, adaptiveColor, colorToken, colors]);\n\n  return (\n    <Box\n      {...MenuItemConfig}\n      bg={isSelected && shouldRetainSelection && !isMultiSelect ? colors.background.hover : ''}\n      className=\"MenuList__Item\"\n      onClick={handleSelect}\n      onKeyDown={(e: KeyboardEvent<HTMLDivElement>): void => handleKeyboardNavigation(e, false)}\n      tabIndex={parseInt(canSelectAll ? (itemIndex += 2) : itemIndex)}\n      ref={(el): HTMLDivElement | null =>\n        menuItemRefs && itemIndex ? (menuItemRefs.current[parseInt(itemIndex)] = el) : null\n      }\n      // @ts-ignore\n      disabled={isDisabled}\n      {...rest}\n    >\n      {children ? (\n        children\n      ) : (\n        <HStack align=\"center\" spacing={3} minH={5} color={fontColor}>\n          {isMultiSelect && (\n            <Flex\n              w={4}\n              h={4}\n              className=\"MenuList__ItemCheckbox\"\n              align=\"center\"\n              justify=\"center\"\n              color={colors.status.success}\n            >\n              {isSelected ? (\n                <Icon name=\"checkmarkCircle\" size=\"sm\" />\n              ) : (\n                <Box m=\"2px\" w={3} h={3} borderRadius=\"100%\" bg={colors.background.grayDark} />\n              )}\n            </Flex>\n          )}\n          {leftElement && (\n            <Flex align=\"center\" justify=\"center\" className=\"MenuList__ItemLeftElement\">\n              {leftElement}\n            </Flex>\n          )}\n          <Box className=\"MenuList__ItemLabel\" position=\"relative\" w=\"100%\">\n            {typeof label === 'string' ? (\n              shouldTruncateText ? (\n                <TruncatedText color={fontColor} textContent={label || ''} noOfLines={1} />\n              ) : (\n                <Text color={fontColor}>{label}</Text>\n              )\n            ) : (\n              label\n            )}\n          </Box>\n        </HStack>\n      )}\n    </Box>\n  );\n};\n"],"names":["_a","canSelectAll","children","colorToken","groupLabel","_b","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","_c","closeOnSelect","isSelected","_d","itemIndex","label","leftElement","menuItemRefs","onSelect","_e","shouldRetainSelection","shouldTruncateText","value","rest","__rest","colors","useTheme","onClose","useMenuState","adaptiveColor","useAdaptiveColorMap","text","handleSelect","useCallback","e","stopPropagation","fontColor","useMemo","light","link","default","React","createElement","Box","__assign","MenuItemConfig","bg","background","hover","className","onClick","onKeyDown","tabIndex","parseInt","ref","el","current","disabled","HStack","align","spacing","minH","color","Flex","w","h","justify","status","success","Icon","name","size","m","borderRadius","grayDark","position","TruncatedText","textContent","noOfLines","Text"],"mappings":"4gBAuCwB,SAACA,GACvB,IAAAC,EAAYD,EAAAC,aACZC,aACAC,EAAUH,EAAAG,WACAH,EAAAI,WACV,IAAAC,EAAyCL,EAAAM,yBAAzCA,OAA2B,IAAAD,EAAA,aAAcA,EACzCE,EAAUP,EAAAO,WACVC,kBACaR,EAAAS,cAAA,IACbC,kBAAAC,OAAgB,IAAAD,GAACF,EAAaE,EAC9BE,EAAUZ,EAAAY,WACVC,EAAeb,EAAAc,UAAfA,OAAS,IAAAD,EAAG,IAAGA,EACfE,EAAKf,EAAAe,MACLC,EAAWhB,EAAAgB,YACXC,iBACAC,EAAQlB,EAAAkB,SACRC,0BAAAC,OAAwB,IAAAD,KACxBE,EAAkBrB,EAAAqB,mBAClBC,EAAKtB,EAAAsB,MACFC,EAAIC,EAAAA,OAAAxB,EAnBgB,6QAqBfyB,EAAWC,oBACXC,EAAYC,yBACdC,EAAgBC,EAAAA,oBAA+BL,EAAOM,KAAM5B,GAA0B,WAEtF6B,EAAeC,eACnB,SAACC,GACCA,EAAEC,kBAEE5B,IAEAe,GAASJ,GACXA,EAAS,CACPH,MAAKA,EACLC,YAAWA,EACXM,MAAKA,IAILX,GACFgB,OAGJ,CAACL,EAAOJ,EAAUS,EAAShB,EAAeJ,EAAYQ,EAAOC,IAGzDoB,EAAYC,EAAAA,SAAQ,WACxB,OAAIlC,EACK0B,EAGFjB,GAAcQ,IAA0BZ,EAAgBiB,EAAOM,KAAKO,MAAMC,KAAOd,EAAOM,KAAKO,MAAME,UACzG,CAAC5B,EAAYQ,EAAuBZ,EAAeqB,EAAe1B,EAAYsB,IAEjF,OACEgB,EAAAA,QAAAC,cAACC,EAAGA,IAAAC,EAAAA,SAAA,GACEC,EAAAA,eACJ,CAAAC,GAAIlC,GAAcQ,IAA0BZ,EAAgBiB,EAAOsB,WAAWC,MAAQ,GACtFC,UAAU,iBACVC,QAASlB,EACTmB,UAAW,SAACjB,GAA2C,OAAA5B,EAAyB4B,GAAG,IACnFkB,SAAUC,SAASpD,EAAgBa,GAAa,EAAKA,GACrDwC,IAAK,SAACC,GACJ,OAAAtC,GAAgBH,EAAaG,EAAauC,QAAQH,SAASvC,IAAcyC,EAAM,MAGjFE,SAAUlD,GACNgB,GAEHrB,GAGCuC,EAAC,QAAAC,cAAAgB,EAAAA,OAAO,CAAAC,MAAM,SAASC,QAAS,EAAGC,KAAM,EAAGC,MAAO1B,GAChD5B,GACCiC,EAAAA,QAAAC,cAACqB,OAAI,CACHC,EAAG,EACHC,EAAG,EACHhB,UAAU,yBACVU,MAAM,SACNO,QAAQ,SACRJ,MAAOrC,EAAO0C,OAAOC,SAEpBxD,EACC6B,wBAAC4B,EAAAA,KAAI,CAACC,KAAK,kBAAkBC,KAAK,OAElC9B,wBAACE,EAAGA,IAAA,CAAC6B,EAAE,MAAMR,EAAG,EAAGC,EAAG,EAAGQ,aAAa,OAAO3B,GAAIrB,EAAOsB,WAAW2B,YAIxE1D,GACCyB,EAAAA,QAAAC,cAACqB,EAAIA,KAAC,CAAAJ,MAAM,SAASO,QAAQ,SAASjB,UAAU,6BAC7CjC,GAGLyB,EAAA,QAAAC,cAACC,MAAG,CAACM,UAAU,sBAAsB0B,SAAS,WAAWX,EAAE,QACvC,iBAAVjD,EACNM,EACEoB,EAAAA,sBAACmC,EAAaA,cAAA,CAACd,MAAO1B,EAAWyC,YAAa9D,GAAS,GAAI+D,UAAW,IAEtErC,EAAC,QAAAC,cAAAqC,EAAAA,MAAKjB,MAAO1B,GAAYrB,GAC1B"}

package/build/{menuList.component-ca4f3e6b.js → menuList.component-7b86c593.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),l=require("./heading.component-46024b9d.js"),n=require("./text.component-74ae29fd.js"),r=require("./menuItem.component-de6a71ca.js"),a=require("./textInput.component-51fc76e2.js"),u=require("./chakra-ui-menu.esm-75503743.js"),i=require("./button.component-c0f12ef5.js"),o=require("./chakra-ui-layout.esm-493ee04b.js"),c=require("./menu.context-6276be4d.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),f=function(e){var l=e.handleKeyboardNavigation,n=e.menuItems,r=e.onSearchCallback,i=e.searchInputRef,o=e.setFilteredMenuItems,c=e.placeholder,s=void 0===c?"Search...":c,f=u.useMenuState().isOpen,m=t.useCallback((function(e){var t=e.target.value;if(""!==t&&t){var l=n.filter((function(e){var l,n="string"==typeof e.label?e.label:null===(l=e.label)||void 0===l?void 0:l.key;return null==n?void 0:n.toLowerCase().includes(t.toLowerCase())}));o(l)}else o(n);r&&r(e)}),[n,r,o]);return t.useEffect((function(){var e;return f&&(e=setTimeout((function(){var e;null===(e=null==i?void 0:i.current)||void 0===e||e.focus()}),200)),function(){return clearTimeout(e)}}),[i,f]),d.default.createElement(a.WrappedTextInput,{className:"MenuList__SearchBar",placeholder:s,onChange:m,mt:1,onKeyDown:function(e){return l(e,!0)},size:"sm",ref:i})},m=function(e){var t=e.groupName,l=e.handleToggleAllItems,n=e.hasSelectedItems;return e.isGrouped?d.default.createElement(o.Box,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},n?d.default.createElement(i.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return l({groupName:t,clear:!0})},isDisabled:!n},"Clear all"):d.default.createElement(i.Button,{variant:"ghost",size:"xs",onClick:function(){return l({groupName:t,clear:!1})}},"Select all")):d.default.createElement(o.Box,{mt:"8px",className:"MenuList__SelectAllButtons"},d.default.createElement(o.Flex,{justifyContent:"space-between"},d.default.createElement(i.Button,{variant:"ghost",size:"xs",onClick:function(){return l({clear:!1})}},"Select all"),d.default.createElement(i.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return l({clear:!0})},isDisabled:!n},"Clear all")))};exports.MenuList=function(a){var i=a.canSelectAll,s=void 0!==i&&i,v=a.canSelectGroups,p=void 0!==v&&v,h=a.children,S=a.isGrouped,x=void 0!==S&&S,g=a.isMatchWidthSet,b=a.isMultiSelect,_=void 0!==b&&b,I=a.isSearchable,E=void 0!==I&&I,k=a.menuItems,M=a.onSelect,y=a.onSelectAll,A=a.searchPlaceholder,N=a.shouldRetainSelection,C=void 0!==N&&N,w=a.shouldTruncateText,T=void 0===w||w,B=a.minW,L=void 0===B?"240px":B,j=a.maxW,G=a.maxH,q=void 0===G?"480px":G,D=e.__rest(a,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH"]),W=c.useMenuContext(),R=W.filteredMenuItems,z=W.setFilteredMenuItems,F=W.allMenuItems,H=W.groups,K=W.setGroups,O=W.focusedItemIndex,P=W.setFocusedItemIndex,U=W.searchInputRef,J=W.menuItemRefs,Q=t.useCallback((function(e){var t,l;if(null==J?void 0:J.current){var n=0===O,r=O===(null==J?void 0:J.current.length)-1,a=-1;if("ArrowDown"===e)if(r){if(E)return null===(t=null==U?void 0:U.current)||void 0===t||t.focus(),void P(-1);a=0}else a=O+1;else if("ArrowUp"===e)if(n){if(E)return null===(l=null==U?void 0:U.current)||void 0===l||l.focus(),void P(-1);a=J.current.length-1}else a=O-1;var u=null==J?void 0:J.current[a];u?(null==u||u.focus(),P(a)):P(-1)}}),[O,E,J,U,P]),V=t.useCallback((function(e,t){e.persist(),(null==J?void 0:J.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key||Q("ArrowDown"),"ArrowUp"===e.key&&Q("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[Q,J]),X=t.useCallback((function(t,l){if(R&&F){var n=e.__spreadArray([],e.__read(R),!1),r=n.find((function(e){return e.value===t.value}));_&&r&&(r.isSelected=!r.isSelected),z(n);var a=F.filter((function(e){return e.isSelected}));M&&r&&M(r,a),l&&r&&l(r,a)}}),[F,R,_,M,z]),Y=t.useCallback((function(t){var l=t.groupName,n=t.clear,r=void 0!==n&&n;if(R&&F){var a=e.__spreadArray([],e.__read(R),!1),u=[];a.forEach((function(e){l?l===e.groupLabel&&(e.isSelected=!r,e.value&&e.isSelected&&u.push(e.value)):(e.isSelected=!r,e.value&&e.isSelected&&u.push(e.value))})),z(a),y&&y(F.filter((function(e){return e.isSelected})))}}),[R,F,y,z]);t.useEffect((function(){if(x){var t=e.__spreadArray([],e.__read(new Set(null==R?void 0:R.map((function(e){return e.groupLabel})))),!1);t.length&&K(t)}}),[R,x,K]);var Z=t.useCallback((function(e,t){return e.isPlaceholder?d.default.createElement(d.default.Fragment,{key:e.value}):d.default.createElement(r.MenuItem,{canSelectAll:s,children:e.children,closeOnSelect:e.closeOnSelect,colorToken:e.colorToken,handleKeyboardNavigation:V,isDisabled:e.isDisabled,isMultiSelect:_,isSelected:e.isSelected,itemIndex:t.toString(),key:e.value,label:e.label,leftElement:e.leftElement,menuItemRefs:J,onSelect:function(t){return X(t,e.onSelect)},shouldRetainSelection:C,shouldTruncateText:T,value:e.value})}),[V,X,_,J,C,T,s]);return g||(j="320px"),h?d.default.createElement(u.MenuList,e.__assign({},D),h):d.default.createElement(u.MenuList,e.__assign({className:"MeuList"},D,{maxW:j||"unset",maxH:q,minW:L,overflow:"hidden auto"}),(E||s&&_)&&d.default.createElement(o.Box,{className:"MenuList__Header",m:"0 12px 8px"},E&&d.default.createElement(f,{handleKeyboardNavigation:V,menuItems:k||[],searchInputRef:U,setFilteredMenuItems:z,placeholder:A}),s&&_&&d.default.createElement(m,{handleToggleAllItems:Y,hasSelectedItems:Boolean(null==R?void 0:R.find((function(e){return e.isSelected}))),isGrouped:!1})),d.default.createElement(o.Box,{className:"MenuList__Body"},(null==R?void 0:R.length)?x?null==H?void 0:H.map((function(e,t){var n=null==R?void 0:R.filter((function(t){return t.groupLabel===e}));return d.default.createElement(o.Box,{className:"MenuList__Group",key:"".concat(e||"noGroup","-").concat(t)},e&&d.default.createElement(o.Flex,{minH:8,pt:4,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},d.default.createElement(o.Box,{textAlign:"left",className:"MenuList__GroupTitle"},d.default.createElement(l.Heading,{size:"xs"},e)),_&&p&&d.default.createElement(m,{handleToggleAllItems:Y,hasSelectedItems:Boolean(null==n?void 0:n.find((function(e){return e.isSelected}))),isGrouped:!0,groupName:e})),null==n?void 0:n.map((function(e,t){return Z(e,t)})))})):null==R?void 0:R.map((function(e,t){return Z(e,t)})):d.default.createElement(o.Box,{textAlign:"center",display:"block",p:3},d.default.createElement(n.Text,{size:"sm",colorToken:"subtle"},"No results found"))))};
-//# sourceMappingURL=menuList.component-ca4f3e6b.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),l=require("./heading.component-46024b9d.js"),n=require("./text.component-dabbab97.js"),a=require("./menuItem.component-4b12a2e8.js"),r=require("./textInput.component-4214ab50.js"),u=require("./chakra-ui-menu.esm-22115f36.js"),i=require("./button.component-25b35016.js"),o=require("./chakra-ui-layout.esm-493ee04b.js"),c=require("./menu.context-6276be4d.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),f=function(e){var l=e.handleKeyboardNavigation,n=e.menuItems,a=e.onSearchCallback,i=e.searchInputRef,o=e.setFilteredMenuItems,c=e.placeholder,s=void 0===c?"Search...":c,f=u.useMenuState().isOpen,m=t.useCallback((function(e){var t=e.target.value;if(""!==t&&t){var l=n.filter((function(e){var l,n="string"==typeof e.label?e.label:null===(l=e.label)||void 0===l?void 0:l.key;return null==n?void 0:n.toLowerCase().includes(t.toLowerCase())}));o(l)}else o(n);a&&a(e)}),[n,a,o]);return t.useEffect((function(){var e;return f&&(e=setTimeout((function(){var e;null===(e=null==i?void 0:i.current)||void 0===e||e.focus()}),200)),function(){return clearTimeout(e)}}),[i,f]),d.default.createElement(r.WrappedTextInput,{className:"MenuList__SearchBar",placeholder:s,onChange:m,mt:1,onKeyDown:function(e){return l(e,!0)},size:"sm",ref:i})},m=function(e){var t=e.groupName,l=e.handleToggleAllItems,n=e.hasSelectedItems;return e.isGrouped?d.default.createElement(o.Box,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},n?d.default.createElement(i.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return l({groupName:t,clear:!0})},isDisabled:!n},"Clear all"):d.default.createElement(i.Button,{variant:"ghost",size:"xs",onClick:function(){return l({groupName:t,clear:!1})}},"Select all")):d.default.createElement(o.Box,{mt:"8px",className:"MenuList__SelectAllButtons"},d.default.createElement(o.Flex,{justifyContent:"space-between"},d.default.createElement(i.Button,{variant:"ghost",size:"xs",onClick:function(){return l({clear:!1})}},"Select all"),d.default.createElement(i.Button,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return l({clear:!0})},isDisabled:!n},"Clear all")))};exports.MenuList=function(r){var i=r.canSelectAll,s=void 0!==i&&i,v=r.canSelectGroups,p=void 0!==v&&v,h=r.children,S=r.isGrouped,b=void 0!==S&&S,x=r.isMatchWidthSet,g=r.isMultiSelect,_=void 0!==g&&g,I=r.isSearchable,E=void 0!==I&&I,k=r.menuItems,M=r.onSelect,y=r.onSelectAll,A=r.searchPlaceholder,N=r.shouldRetainSelection,C=void 0!==N&&N,w=r.shouldTruncateText,T=void 0===w||w,B=r.minW,L=void 0===B?"240px":B,j=r.maxW,G=r.maxH,q=void 0===G?"480px":G,D=e.__rest(r,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH"]),W=c.useMenuContext(),R=W.filteredMenuItems,z=W.setFilteredMenuItems,F=W.allMenuItems,H=W.groups,K=W.setGroups,O=W.focusedItemIndex,P=W.setFocusedItemIndex,U=W.searchInputRef,J=W.menuItemRefs,Q=t.useCallback((function(e){var t,l;if(null==J?void 0:J.current){var n=0===O,a=O===(null==J?void 0:J.current.length)-1,r=-1;if("ArrowDown"===e)if(a){if(E)return null===(t=null==U?void 0:U.current)||void 0===t||t.focus(),void P(-1);r=0}else r=O+1;else if("ArrowUp"===e)if(n){if(E)return null===(l=null==U?void 0:U.current)||void 0===l||l.focus(),void P(-1);r=J.current.length-1}else r=O-1;var u=null==J?void 0:J.current[r];u?(null==u||u.focus(),P(r)):P(-1)}}),[O,E,J,U,P]),V=t.useCallback((function(e,t){e.persist(),(null==J?void 0:J.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key||Q("ArrowDown"),"ArrowUp"===e.key&&Q("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[Q,J]),X=t.useCallback((function(t,l){if(R&&F){var n=e.__spreadArray([],e.__read(R),!1),a=n.find((function(e){return e.value===t.value}));_&&a&&(a.isSelected=!a.isSelected),z(n);var r=F.filter((function(e){return e.isSelected}));M&&a&&M(a,r),l&&a&&l(a,r)}}),[F,R,_,M,z]),Y=t.useCallback((function(t){var l=t.groupName,n=t.clear,a=void 0!==n&&n;if(R&&F){var r=e.__spreadArray([],e.__read(R),!1),u=[];r.forEach((function(e){l?l===e.groupLabel&&(e.isSelected=!a,e.value&&e.isSelected&&u.push(e.value)):(e.isSelected=!a,e.value&&e.isSelected&&u.push(e.value))})),z(r),y&&y(F.filter((function(e){return e.isSelected})))}}),[R,F,y,z]);t.useEffect((function(){if(b){var t=e.__spreadArray([],e.__read(new Set(null==R?void 0:R.map((function(e){return e.groupLabel})))),!1);t.length&&K(t)}}),[R,b,K]);var Z=t.useCallback((function(e,t){return e.isPlaceholder?d.default.createElement(d.default.Fragment,{key:e.value}):d.default.createElement(a.MenuItem,{canSelectAll:s,children:e.children,closeOnSelect:e.closeOnSelect,colorToken:e.colorToken,handleKeyboardNavigation:V,isDisabled:e.isDisabled,isMultiSelect:_,isSelected:e.isSelected,itemIndex:t.toString(),key:e.value,label:e.label,leftElement:e.leftElement,menuItemRefs:J,onSelect:function(t){return X(t,e.onSelect)},shouldRetainSelection:C,shouldTruncateText:T,value:e.value})}),[V,X,_,J,C,T,s]);return x||(j="320px"),h?d.default.createElement(u.MenuList,e.__assign({},D),h):d.default.createElement(u.MenuList,e.__assign({className:"MeuList"},D,{maxW:j||"unset",maxH:q,minW:L,overflow:"hidden auto"}),(E||s&&_)&&d.default.createElement(o.Box,{className:"MenuList__Header",m:"0 12px 8px"},E&&d.default.createElement(f,{handleKeyboardNavigation:V,menuItems:k||[],searchInputRef:U,setFilteredMenuItems:z,placeholder:A}),s&&_&&d.default.createElement(m,{handleToggleAllItems:Y,hasSelectedItems:Boolean(null==R?void 0:R.find((function(e){return e.isSelected}))),isGrouped:!1})),d.default.createElement(o.Box,{className:"MenuList__Body"},(null==R?void 0:R.length)?b?null==H?void 0:H.map((function(e,t){var n=null==R?void 0:R.filter((function(t){return t.groupLabel===e}));return d.default.createElement(o.Box,{className:"MenuList__Group",key:"".concat(e||"noGroup","-").concat(t)},e&&d.default.createElement(o.Flex,{minH:8,pt:4,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},d.default.createElement(o.Box,{textAlign:"left",className:"MenuList__GroupTitle"},d.default.createElement(l.Heading,{size:"xs"},e)),_&&p&&d.default.createElement(m,{handleToggleAllItems:Y,hasSelectedItems:Boolean(null==n?void 0:n.find((function(e){return e.isSelected}))),isGrouped:!0,groupName:e})),null==n?void 0:n.map((function(e,t){return Z(e,t)})))})):null==R?void 0:R.map((function(e,t){return Z(e,t)})):d.default.createElement(o.Box,{textAlign:"center",display:"block",p:3},d.default.createElement(n.Text,{size:"sm",colorToken:"subtle"},"No results found"))))};
+//# sourceMappingURL=menuList.component-7b86c593.js.map

package/build/{menuList.component-ca4f3e6b.js.map → menuList.component-7b86c593.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menuList.component-ca4f3e6b.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEventHandler) => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n  handleKeyboardNavigation,\n  menuItems,\n  onSearchCallback,\n  searchInputRef,\n  setFilteredMenuItems,\n  placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n  const { isOpen } = useMenuState();\n\n  const handleSearch = useCallback(\n    (e) => {\n      const searchInput = e.target.value;\n\n      if (searchInput === '' || !searchInput) {\n        setFilteredMenuItems(menuItems);\n      } else {\n        const filterdItems = menuItems.filter((item) => {\n          const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n          return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n        });\n        setFilteredMenuItems(filterdItems);\n      }\n\n      if (onSearchCallback) {\n        onSearchCallback(e);\n      }\n    },\n    [menuItems, onSearchCallback, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    let focusTimeout: NodeJS.Timeout;\n\n    if (isOpen) {\n      focusTimeout = setTimeout(() => {\n        searchInputRef?.current?.focus();\n      }, 200);\n    }\n\n    return (): void => clearTimeout(focusTimeout);\n  }, [searchInputRef, isOpen]);\n\n  return (\n    <TextInput\n      className=\"MenuList__SearchBar\"\n      placeholder={placeholder}\n      onChange={handleSearch}\n      mt={1}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n      size=\"sm\"\n      ref={searchInputRef}\n    />\n  );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n  groupName?: string;\n  handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n  hasSelectedItems: boolean;\n  isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n  groupName,\n  handleToggleAllItems,\n  hasSelectedItems,\n  isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n  if (isGrouped) {\n    return (\n      <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n        {hasSelectedItems ? (\n          <Button\n            variant=\"ghostNeutral\"\n            iconName=\"arrowCircle\"\n            size=\"xs\"\n            onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n            isDisabled={!hasSelectedItems}\n          >\n            Clear all\n          </Button>\n        ) : (\n          <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n            Select all\n          </Button>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n      <Flex justifyContent=\"space-between\">\n        <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n          Select all\n        </Button>\n        <Button\n          variant=\"ghostNeutral\"\n          iconName=\"arrowCircle\"\n          size=\"xs\"\n          onClick={(): void => handleToggleAllItems({ clear: true })}\n          isDisabled={!hasSelectedItems}\n        >\n          Clear all\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n","import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  isGrouped?: boolean;\n  isMultiSelect?: boolean;\n  isSearchable?: boolean;\n  menuItems?: MenuItemProps[];\n  onSelect?:\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n  onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  isMatchWidthSet?: boolean;\n  shouldTruncateText?: boolean;\n}\n\nexport const MenuList = ({\n  canSelectAll = false,\n  canSelectGroups = false,\n  children,\n  isGrouped = false,\n  isMatchWidthSet,\n  isMultiSelect = false,\n  isSearchable = false,\n  menuItems,\n  onSelect,\n  onSelectAll,\n  searchPlaceholder,\n  shouldRetainSelection = false,\n  shouldTruncateText = true,\n  minW = '240px',\n  maxW,\n  maxH = '480px',\n  ...rest\n}: MenuListProps): JSX.Element => {\n  const {\n    filteredMenuItems,\n    setFilteredMenuItems,\n    allMenuItems,\n    groups,\n    setGroups,\n    focusedItemIndex,\n    setFocusedItemIndex,\n    searchInputRef,\n    menuItemRefs,\n  } = useMenuContext();\n\n  const focusNextListItem = useCallback(\n    (direction) => {\n      if (!menuItemRefs?.current) return;\n\n      const isFirstOption = focusedItemIndex === 0;\n      const isLastOption = focusedItemIndex === menuItemRefs?.current.length - 1;\n      let newIndex = -1;\n\n      if (direction === 'ArrowDown') {\n        if (isLastOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = 0;\n        } else {\n          newIndex = focusedItemIndex + 1;\n        }\n      } else if (direction === 'ArrowUp') {\n        if (isFirstOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = menuItemRefs.current.length - 1;\n        } else {\n          newIndex = focusedItemIndex - 1;\n        }\n      }\n\n      const nextListItem = menuItemRefs?.current[newIndex];\n\n      if (nextListItem) {\n        nextListItem?.focus();\n        setFocusedItemIndex(newIndex);\n      } else {\n        setFocusedItemIndex(-1);\n      }\n    },\n    [focusedItemIndex, isSearchable, menuItemRefs, searchInputRef, setFocusedItemIndex],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (e: KeyboardEvent<HTMLInputElement | HTMLDivElement>, elementIsInputField): void => {\n      e.persist();\n\n      if (!menuItemRefs?.current) return;\n\n      if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        focusNextListItem('ArrowDown');\n      }\n\n      if (e.key === 'ArrowUp') {\n        focusNextListItem('ArrowUp');\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        (e.target as HTMLElement).click();\n      }\n    },\n    [focusNextListItem, menuItemRefs],\n  );\n\n  const handleToggleSingleItem = useCallback(\n    (selectedValue: MenuItemProps, itemOnSelect) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const selectedItem = _filteredMenuItemsCopy.find((item) => item.value === selectedValue.value);\n\n        if (isMultiSelect && selectedItem) {\n          selectedItem.isSelected = !selectedItem.isSelected;\n        }\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        const allSelectedItems = allMenuItems.filter((item) => item.isSelected);\n\n        if (onSelect && selectedItem) {\n          onSelect(selectedItem, allSelectedItems);\n        }\n\n        if (itemOnSelect && selectedItem) {\n          itemOnSelect(selectedItem, allSelectedItems);\n        }\n      }\n    },\n    [allMenuItems, filteredMenuItems, isMultiSelect, onSelect, setFilteredMenuItems],\n  );\n\n  const handleToggleAllItems = useCallback(\n    ({ groupName, clear = false }: { groupName?: string; clear?: boolean }) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const value: string[] = [];\n\n        _filteredMenuItemsCopy.forEach((item) => {\n          if (groupName) {\n            if (groupName === item.groupLabel) {\n              item.isSelected = !clear;\n\n              if (item.value && item.isSelected) {\n                value.push(item.value);\n              }\n            }\n          } else {\n            item.isSelected = !clear;\n\n            if (item.value && item.isSelected) {\n              value.push(item.value);\n            }\n          }\n        });\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        if (onSelectAll) {\n          onSelectAll(allMenuItems.filter((item) => item.isSelected));\n        }\n      }\n    },\n    [filteredMenuItems, allMenuItems, onSelectAll, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    if (isGrouped) {\n      const groupNames = [...new Set(filteredMenuItems?.map((item) => item.groupLabel))];\n      if (groupNames.length) {\n        setGroups(groupNames);\n      }\n    }\n  }, [filteredMenuItems, isGrouped, setGroups]);\n\n  const getMenuItem = useCallback(\n    (item: MenuItemProps, index: number) => {\n      if (item.isPlaceholder) return <React.Fragment key={item.value}></React.Fragment>;\n\n      return (\n        <MenuItem\n          canSelectAll={canSelectAll}\n          children={item.children}\n          closeOnSelect={item.closeOnSelect}\n          colorToken={item.colorToken}\n          handleKeyboardNavigation={handleKeyboardNavigation}\n          isDisabled={item.isDisabled}\n          isMultiSelect={isMultiSelect}\n          isSelected={item.isSelected}\n          itemIndex={index.toString()}\n          key={item.value}\n          label={item.label}\n          leftElement={item.leftElement}\n          menuItemRefs={menuItemRefs}\n          onSelect={(selectedItem: SelectOptionProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n          shouldRetainSelection={shouldRetainSelection}\n          shouldTruncateText={shouldTruncateText}\n          value={item.value}\n        />\n      );\n    },\n    [\n      handleKeyboardNavigation,\n      handleToggleSingleItem,\n      isMultiSelect,\n      menuItemRefs,\n      shouldRetainSelection,\n      shouldTruncateText,\n      canSelectAll,\n    ],\n  );\n\n  if (!isMatchWidthSet) {\n    maxW = '320px';\n  }\n\n  // Return default Chakra menu if user passes in custom child elements\n  if (children) {\n    return <CMenuList {...rest}>{children}</CMenuList>;\n  }\n\n  return (\n    <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\n      {(isSearchable || (canSelectAll && isMultiSelect)) && (\n        <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n          {isSearchable && (\n            <MenuSearchBar\n              handleKeyboardNavigation={handleKeyboardNavigation}\n              menuItems={menuItems || []}\n              searchInputRef={searchInputRef}\n              setFilteredMenuItems={setFilteredMenuItems}\n              placeholder={searchPlaceholder}\n            />\n          )}\n          {canSelectAll && isMultiSelect && (\n            <MenuSelectAllButtons\n              handleToggleAllItems={handleToggleAllItems}\n              hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n              isGrouped={false}\n            />\n          )}\n        </Box>\n      )}\n      <Box className=\"MenuList__Body\">\n        {!filteredMenuItems?.length ? (\n          <Box textAlign=\"center\" display=\"block\" p={3}>\n            <Text size=\"sm\" colorToken=\"subtle\">\n              No results found\n            </Text>\n          </Box>\n        ) : isGrouped ? (\n          groups?.map((groupName, index) => {\n            const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n            return (\n              <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n                {groupName && (\n                  <Flex minH={8} pt={4} pr={3} pb={1} pl={5} justify=\"space-between\" align=\"center\">\n                    <Box textAlign=\"left\" className=\"MenuList__GroupTitle\">\n                      <Heading size=\"xs\">{groupName}</Heading>\n                    </Box>\n                    {isMultiSelect && canSelectGroups && (\n                      <MenuSelectAllButtons\n                        handleToggleAllItems={handleToggleAllItems}\n                        hasSelectedItems={Boolean(menuItems?.find((item) => item.isSelected))}\n                        isGrouped={true}\n                        groupName={groupName}\n                      />\n                    )}\n                  </Flex>\n                )}\n                {menuItems?.map((item: MenuItemProps, index: number) => {\n                  return getMenuItem(item, index);\n                })}\n              </Box>\n            );\n          })\n        ) : (\n          filteredMenuItems?.map((item: MenuItemProps, index: number) => {\n            return getMenuItem(item, index);\n          })\n        )}\n      </Box>\n    </CMenuList>\n  );\n};\n"],"names":["MenuSearchBar","_a","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","_b","placeholder","isOpen","useMenuState","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","TextInput","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","createElement","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","_c","canSelectGroups","children","_d","isMatchWidthSet","_e","isMultiSelect","_f","isSearchable","onSelect","onSelectAll","searchPlaceholder","_g","shouldRetainSelection","_h","shouldTruncateText","_j","minW","maxW","_k","maxH","rest","__rest","_l","useMenuContext","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","__spreadArray","__read","selectedItem","find","isSelected","allSelectedItems","value_1","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","closeOnSelect","colorToken","itemIndex","toString","leftElement","CMenuList","__assign","overflow","m","Boolean","concat","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text"],"mappings":"kgBAsBaA,EAAgB,SAACC,GAC5B,IAAAC,6BACAC,cACAC,qBACAC,mBACAC,yBACAC,EAAAN,EAAAO,YAAAA,OAAW,IAAAD,EAAG,YAAWA,EAEjBE,EAAWC,wBAEbC,EAAeC,eACnB,SAACC,GACC,IAAMC,EAAcD,EAAEE,OAAOC,MAE7B,GAAoB,KAAhBF,GAAuBA,EAEpB,CACL,IAAMG,EAAed,EAAUe,QAAO,SAACC,SAC/BC,EAAkC,iBAAfD,EAAKE,MAAqBF,EAAKE,MAAqB,QAAZpB,EAAAkB,EAAKE,aAAO,IAAApB,OAAA,EAAAA,EAAAqB,IAE7E,OAAOF,MAAAA,OAAS,EAATA,EAAWG,cAAcC,SAASV,EAAYS,kBAEvDjB,EAAqBW,QAPrBX,EAAqBH,GAUnBC,GACFA,EAAiBS,KAGrB,CAACV,EAAWC,EAAkBE,IAehC,OAZAmB,EAAAA,WAAU,WACR,IAAIC,EAQJ,OANIjB,IACFiB,EAAeC,YAAW,iBACD,QAAvB1B,EAAAI,MAAAA,OAAA,EAAAA,EAAgBuB,eAAO,IAAA3B,GAAAA,EAAE4B,UACxB,MAGE,WAAY,OAAAC,aAAaJ,MAC/B,CAACrB,EAAgBI,IAGlBsB,wBAACC,EAASC,iBAAA,CACRC,UAAU,sBACV1B,YAAaA,EACb2B,SAAUxB,EACVyB,GAAI,EACJC,UAAW,SAACxB,GAA6C,OAAAX,EAAyBW,GAAG,IACrFyB,KAAK,KACLC,IAAKlC,KC/DEmC,EAAuB,SAACvC,OACnCwC,EAASxC,EAAAwC,UACTC,EAAoBzC,EAAAyC,qBACpBC,EAAgB1C,EAAA0C,iBAGhB,OAFS1C,EAAA2C,UAILb,wBAACc,MAAG,CAACC,UAAU,QAAQC,EAAE,MAAMb,UAAU,iCACtCS,EACCZ,EAAAA,QAACiB,cAAAC,EAAMA,QACLC,QAAQ,eACRC,SAAS,cACTb,KAAK,KACLc,QAAS,WAAY,OAAAV,EAAqB,CAAED,UAASA,EAAEY,OAAO,KAC9DC,YAAaX,GAGN,aAETZ,EAAAA,QAACiB,cAAAC,EAAAA,QAAOC,QAAQ,QAAQZ,KAAK,KAAKc,QAAS,WAAY,OAAAV,EAAqB,CAAED,UAASA,EAAEY,OAAO,MAEvF,eAOftB,EAAAA,QAACiB,cAAAH,EAAGA,IAAC,CAAAT,GAAG,MAAMF,UAAU,8BACtBH,EAAAA,QAAAiB,cAACO,EAAAA,KAAI,CAACC,eAAe,iBACnBzB,EAAC,QAAAiB,cAAAC,SAAO,CAAAC,QAAQ,QAAQZ,KAAK,KAAKc,QAAS,WAAY,OAAAV,EAAqB,CAAEW,OAAO,MAE5E,cACTtB,EAAAA,QAAAiB,cAACC,SACC,CAAAC,QAAQ,eACRC,SAAS,cACTb,KAAK,KACLc,QAAS,WAAY,OAAAV,EAAqB,CAAEW,OAAO,KACnDC,YAAaX,oCCvBC,SAAC1C,GACvB,IAAAM,iBAAAkD,cAAoBlD,EACpBmD,EAAuBzD,EAAA0D,gBAAvBA,OAAe,IAAAD,GAAQA,EACvBE,EAAQ3D,EAAA2D,SACRC,cAAAjB,OAAY,IAAAiB,KACZC,oBACAC,EAAA9D,EAAA+D,cAAAA,OAAa,IAAAD,GAAQA,EACrBE,iBAAAC,cAAoBD,EACpB9D,EAASF,EAAAE,UACTgE,aACAC,gBACAC,sBACAC,EAAArE,EAAAsE,sBAAAA,OAAqB,IAAAD,GAAQA,EAC7BE,uBAAAC,cAAyBD,EACzBE,EAAAzE,EAAA0E,KAAAA,OAAI,IAAAD,EAAG,QAAOA,EACdE,EAAI3E,EAAA2E,KACJC,SAAAC,aAAO,QAAOD,EACXE,EAAIC,EAAAA,OAAA/E,EAjBgB,uOAmBjBgF,EAUFC,EAAcA,iBAThBC,EAAiBF,EAAAE,kBACjB7E,EAAoB2E,EAAA3E,qBACpB8E,EAAYH,EAAAG,aACZC,EAAMJ,EAAAI,OACNC,EAASL,EAAAK,UACTC,EAAgBN,EAAAM,iBAChBC,EAAmBP,EAAAO,oBACnBnF,EAAc4E,EAAA5E,eACdoF,iBAGIC,EAAoB9E,eACxB,SAAC+E,WACC,GAAKF,MAAAA,OAAA,EAAAA,EAAc7D,QAAnB,CAEA,IAAMgE,EAAqC,IAArBL,EAChBM,EAAeN,KAAqBE,MAAAA,OAAA,EAAAA,EAAc7D,QAAQkE,QAAS,EACrEC,GAAY,EAEhB,GAAkB,cAAdJ,EACF,GAAIE,EAAc,CAChB,GAAI3B,EAGF,OAFuB,QAAvBjE,EAAAI,MAAAA,OAAA,EAAAA,EAAgBuB,eAAO,IAAA3B,GAAAA,EAAE4B,aACzB2D,GAAqB,GAIvBO,EAAW,OAEXA,EAAWR,EAAmB,OAE3B,GAAkB,YAAdI,EACT,GAAIC,EAAe,CACjB,GAAI1B,EAGF,OAFuB,QAAvB3D,EAAAF,MAAAA,OAAA,EAAAA,EAAgBuB,eAAO,IAAArB,GAAAA,EAAEsB,aACzB2D,GAAqB,GAIvBO,EAAWN,EAAa7D,QAAQkE,OAAS,OAEzCC,EAAWR,EAAmB,EAIlC,IAAMS,EAAeP,MAAAA,OAAY,EAAZA,EAAc7D,QAAQmE,GAEvCC,GACFA,MAAAA,GAAAA,EAAcnE,QACd2D,EAAoBO,IAEpBP,GAAqB,MAGzB,CAACD,EAAkBrB,EAAcuB,EAAcpF,EAAgBmF,IAG3DtF,EAA2BU,EAAAA,aAC/B,SAACC,EAAqDoF,GACpDpF,EAAEqF,WAEGT,MAAAA,OAAA,EAAAA,EAAc7D,WAEL,cAAVf,EAAES,KAAiC,QAAVT,EAAES,KAC7BoE,EAAkB,aAGN,YAAV7E,EAAES,KACJoE,EAAkB,WAGN,UAAV7E,EAAES,MACJT,EAAEsF,iBACDtF,EAAEE,OAAuBqF,YAG9B,CAACV,EAAmBD,IAGhBY,EAAyBzF,EAAAA,aAC7B,SAAC0F,EAA8BC,GAC7B,GAAIpB,GAAqBC,EAAc,CACrC,IAAMoB,EAAsBC,EAAAA,cAAA,GAAAC,EAAAA,OAAOvB,IAAiB,GAC9CwB,EAAeH,EAAuBI,MAAK,SAACzF,GAAS,OAAAA,EAAKH,QAAUsF,EAActF,SAEpFgD,GAAiB2C,IACnBA,EAAaE,YAAcF,EAAaE,YAG1CvG,EAAqBkG,GAErB,IAAMM,EAAmB1B,EAAalE,QAAO,SAACC,GAAS,OAAAA,EAAK0F,cAExD1C,GAAYwC,GACdxC,EAASwC,EAAcG,GAGrBP,GAAgBI,GAClBJ,EAAaI,EAAcG,MAIjC,CAAC1B,EAAcD,EAAmBnB,EAAeG,EAAU7D,IAGvDoC,EAAuB9B,eAC3B,SAACX,GAAE,IAAAwC,cAAWlC,EAAAN,EAAAoD,MAAAA,OAAK,IAAA9C,GAAQA,EACzB,GAAI4E,GAAqBC,EAAc,CACrC,IAAMoB,EAAsBC,EAAAA,cAAA,GAAAC,EAAAA,OAAOvB,IAAiB,GAC9C4B,EAAkB,GAExBP,EAAuBQ,SAAQ,SAAC7F,GAC1BsB,EACEA,IAActB,EAAK8F,aACrB9F,EAAK0F,YAAcxD,EAEflC,EAAKH,OAASG,EAAK0F,YACrBE,EAAMG,KAAK/F,EAAKH,SAIpBG,EAAK0F,YAAcxD,EAEflC,EAAKH,OAASG,EAAK0F,YACrBE,EAAMG,KAAK/F,EAAKH,WAKtBV,EAAqBkG,GAEjBpC,GACFA,EAAYgB,EAAalE,QAAO,SAACC,GAAS,OAAAA,EAAK0F,kBAIrD,CAAC1B,EAAmBC,EAAchB,EAAa9D,IAGjDmB,EAAAA,WAAU,WACR,GAAImB,EAAW,CACb,IAAMuE,EAAiBV,EAAAA,cAAA,GAAAC,SAAA,IAAIU,IAAIjC,MAAAA,OAAA,EAAAA,EAAmBkC,KAAI,SAAClG,GAAS,OAAAA,EAAK8F,iBAAY,GAC7EE,EAAWrB,QACbR,EAAU6B,MAGb,CAAChC,EAAmBvC,EAAW0C,IAElC,IAAMgC,EAAc1G,EAAAA,aAClB,SAACO,EAAqBoG,GACpB,OAAIpG,EAAKqG,cAAsBzF,EAAA,QAAAiB,cAACjB,UAAM0F,SAAQ,CAACnG,IAAKH,EAAKH,QAGvDe,wBAAC2F,WAAQ,CACPjE,aAAcA,EACdG,SAAUzC,EAAKyC,SACf+D,cAAexG,EAAKwG,cACpBC,WAAYzG,EAAKyG,WACjB1H,yBAA0BA,EAC1BoD,WAAYnC,EAAKmC,WACjBU,cAAeA,EACf6C,WAAY1F,EAAK0F,WACjBgB,UAAWN,EAAMO,WACjBxG,IAAKH,EAAKH,MACVK,MAAOF,EAAKE,MACZ0G,YAAa5G,EAAK4G,YAClBtC,aAAcA,EACdtB,SAAU,SAACwC,GAA0C,OAAAN,EAAuBM,EAAcxF,EAAKgD,WAC/FI,sBAAuBA,EACvBE,mBAAoBA,EACpBzD,MAAOG,EAAKH,UAIlB,CACEd,EACAmG,EACArC,EACAyB,EACAlB,EACAE,EACAhB,IASJ,OALKK,IACHc,EAAO,SAILhB,EACK7B,wBAACiG,WAASC,EAAAA,SAAA,GAAKlD,GAAOnB,GAI7B7B,EAAC,QAAAiB,cAAAgF,WAAUC,EAAAA,SAAA,CAAA/F,UAAU,WAAc6C,EAAM,CAAAH,KAAMA,GAAQ,QAASE,KAAMA,EAAMH,KAAMA,EAAMuD,SAAS,iBAC7FhE,GAAiBT,GAAgBO,IACjCjC,EAAAA,QAACiB,cAAAH,EAAGA,KAACX,UAAU,mBAAmBiG,EAAE,cACjCjE,GACCnC,EAAA,QAAAiB,cAAChD,EAAa,CACZE,yBAA0BA,EAC1BC,UAAWA,GAAa,GACxBE,eAAgBA,EAChBC,qBAAsBA,EACtBE,YAAa6D,IAGhBZ,GAAgBO,GACfjC,EAAAA,QAACiB,cAAAR,GACCE,qBAAsBA,EACtBC,iBAAkByF,QAAQjD,MAAAA,OAAA,EAAAA,EAAmByB,MAAK,SAACzF,GAAS,OAAAA,EAAK0F,eACjEjE,WAAW,KAKnBb,EAAAA,QAAAiB,cAACH,MAAG,CAACX,UAAU,mBACXiD,MAAAA,OAAA,EAAAA,EAAmBW,QAMjBlD,EACFyC,MAAAA,OAAM,EAANA,EAAQgC,KAAI,SAAC5E,EAAW8E,GACtB,IAAMpH,EAAYgF,MAAAA,OAAA,EAAAA,EAAmBjE,QAAO,SAACC,GAAS,OAAAA,EAAK8F,aAAexE,KAC1E,OACEV,EAAAA,QAACiB,cAAAH,EAAAA,IAAI,CAAAX,UAAU,kBAAkBZ,IAAK,UAAGmB,GAAa,UAAS,KAAA4F,OAAId,IAChE9E,GACCV,EAAAA,QAACiB,cAAAO,EAAIA,KAAC,CAAA+E,KAAM,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,QAAQ,gBAAgBC,MAAM,UACvE7G,EAAC,QAAAiB,cAAAH,OAAIC,UAAU,OAAOZ,UAAU,wBAC9BH,EAAC,QAAAiB,cAAA6F,WAAQvG,KAAK,MAAMG,IAErBuB,GAAiBL,GAChB5B,wBAACS,EAAoB,CACnBE,qBAAsBA,EACtBC,iBAAkByF,QAAQjI,MAAAA,OAAA,EAAAA,EAAWyG,MAAK,SAACzF,GAAS,OAAAA,EAAK0F,eACzDjE,WAAW,EACXH,UAAWA,KAKlBtC,MAAAA,OAAS,EAATA,EAAWkH,KAAI,SAAClG,EAAqBoG,GACpC,OAAOD,EAAYnG,EAAMoG,UAMjCpC,MAAAA,OAAiB,EAAjBA,EAAmBkC,KAAI,SAAClG,EAAqBoG,GAC3C,OAAOD,EAAYnG,EAAMoG,MAjC3BxF,UAACiB,cAAAH,EAAAA,KAAIC,UAAU,SAASgG,QAAQ,QAAQC,EAAG,GACzChH,UAAAiB,cAACgG,EAAIA,KAAA,CAAC1G,KAAK,KAAKsF,WAAW,UAAQ"}
+{"version":3,"file":"menuList.component-7b86c593.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEventHandler) => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n  handleKeyboardNavigation,\n  menuItems,\n  onSearchCallback,\n  searchInputRef,\n  setFilteredMenuItems,\n  placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n  const { isOpen } = useMenuState();\n\n  const handleSearch = useCallback(\n    (e) => {\n      const searchInput = e.target.value;\n\n      if (searchInput === '' || !searchInput) {\n        setFilteredMenuItems(menuItems);\n      } else {\n        const filterdItems = menuItems.filter((item) => {\n          const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n          return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n        });\n        setFilteredMenuItems(filterdItems);\n      }\n\n      if (onSearchCallback) {\n        onSearchCallback(e);\n      }\n    },\n    [menuItems, onSearchCallback, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    let focusTimeout: NodeJS.Timeout;\n\n    if (isOpen) {\n      focusTimeout = setTimeout(() => {\n        searchInputRef?.current?.focus();\n      }, 200);\n    }\n\n    return (): void => clearTimeout(focusTimeout);\n  }, [searchInputRef, isOpen]);\n\n  return (\n    <TextInput\n      className=\"MenuList__SearchBar\"\n      placeholder={placeholder}\n      onChange={handleSearch}\n      mt={1}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n      size=\"sm\"\n      ref={searchInputRef}\n    />\n  );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n  groupName?: string;\n  handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n  hasSelectedItems: boolean;\n  isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n  groupName,\n  handleToggleAllItems,\n  hasSelectedItems,\n  isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n  if (isGrouped) {\n    return (\n      <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n        {hasSelectedItems ? (\n          <Button\n            variant=\"ghostNeutral\"\n            iconName=\"arrowCircle\"\n            size=\"xs\"\n            onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n            isDisabled={!hasSelectedItems}\n          >\n            Clear all\n          </Button>\n        ) : (\n          <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n            Select all\n          </Button>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n      <Flex justifyContent=\"space-between\">\n        <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n          Select all\n        </Button>\n        <Button\n          variant=\"ghostNeutral\"\n          iconName=\"arrowCircle\"\n          size=\"xs\"\n          onClick={(): void => handleToggleAllItems({ clear: true })}\n          isDisabled={!hasSelectedItems}\n        >\n          Clear all\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n","import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  isGrouped?: boolean;\n  isMultiSelect?: boolean;\n  isSearchable?: boolean;\n  menuItems?: MenuItemProps[];\n  onSelect?:\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n  onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  isMatchWidthSet?: boolean;\n  shouldTruncateText?: boolean;\n}\n\nexport const MenuList = ({\n  canSelectAll = false,\n  canSelectGroups = false,\n  children,\n  isGrouped = false,\n  isMatchWidthSet,\n  isMultiSelect = false,\n  isSearchable = false,\n  menuItems,\n  onSelect,\n  onSelectAll,\n  searchPlaceholder,\n  shouldRetainSelection = false,\n  shouldTruncateText = true,\n  minW = '240px',\n  maxW,\n  maxH = '480px',\n  ...rest\n}: MenuListProps): JSX.Element => {\n  const {\n    filteredMenuItems,\n    setFilteredMenuItems,\n    allMenuItems,\n    groups,\n    setGroups,\n    focusedItemIndex,\n    setFocusedItemIndex,\n    searchInputRef,\n    menuItemRefs,\n  } = useMenuContext();\n\n  const focusNextListItem = useCallback(\n    (direction) => {\n      if (!menuItemRefs?.current) return;\n\n      const isFirstOption = focusedItemIndex === 0;\n      const isLastOption = focusedItemIndex === menuItemRefs?.current.length - 1;\n      let newIndex = -1;\n\n      if (direction === 'ArrowDown') {\n        if (isLastOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = 0;\n        } else {\n          newIndex = focusedItemIndex + 1;\n        }\n      } else if (direction === 'ArrowUp') {\n        if (isFirstOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = menuItemRefs.current.length - 1;\n        } else {\n          newIndex = focusedItemIndex - 1;\n        }\n      }\n\n      const nextListItem = menuItemRefs?.current[newIndex];\n\n      if (nextListItem) {\n        nextListItem?.focus();\n        setFocusedItemIndex(newIndex);\n      } else {\n        setFocusedItemIndex(-1);\n      }\n    },\n    [focusedItemIndex, isSearchable, menuItemRefs, searchInputRef, setFocusedItemIndex],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (e: KeyboardEvent<HTMLInputElement | HTMLDivElement>, elementIsInputField): void => {\n      e.persist();\n\n      if (!menuItemRefs?.current) return;\n\n      if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        focusNextListItem('ArrowDown');\n      }\n\n      if (e.key === 'ArrowUp') {\n        focusNextListItem('ArrowUp');\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        (e.target as HTMLElement).click();\n      }\n    },\n    [focusNextListItem, menuItemRefs],\n  );\n\n  const handleToggleSingleItem = useCallback(\n    (selectedValue: MenuItemProps, itemOnSelect) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const selectedItem = _filteredMenuItemsCopy.find((item) => item.value === selectedValue.value);\n\n        if (isMultiSelect && selectedItem) {\n          selectedItem.isSelected = !selectedItem.isSelected;\n        }\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        const allSelectedItems = allMenuItems.filter((item) => item.isSelected);\n\n        if (onSelect && selectedItem) {\n          onSelect(selectedItem, allSelectedItems);\n        }\n\n        if (itemOnSelect && selectedItem) {\n          itemOnSelect(selectedItem, allSelectedItems);\n        }\n      }\n    },\n    [allMenuItems, filteredMenuItems, isMultiSelect, onSelect, setFilteredMenuItems],\n  );\n\n  const handleToggleAllItems = useCallback(\n    ({ groupName, clear = false }: { groupName?: string; clear?: boolean }) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const value: string[] = [];\n\n        _filteredMenuItemsCopy.forEach((item) => {\n          if (groupName) {\n            if (groupName === item.groupLabel) {\n              item.isSelected = !clear;\n\n              if (item.value && item.isSelected) {\n                value.push(item.value);\n              }\n            }\n          } else {\n            item.isSelected = !clear;\n\n            if (item.value && item.isSelected) {\n              value.push(item.value);\n            }\n          }\n        });\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        if (onSelectAll) {\n          onSelectAll(allMenuItems.filter((item) => item.isSelected));\n        }\n      }\n    },\n    [filteredMenuItems, allMenuItems, onSelectAll, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    if (isGrouped) {\n      const groupNames = [...new Set(filteredMenuItems?.map((item) => item.groupLabel))];\n      if (groupNames.length) {\n        setGroups(groupNames);\n      }\n    }\n  }, [filteredMenuItems, isGrouped, setGroups]);\n\n  const getMenuItem = useCallback(\n    (item: MenuItemProps, index: number) => {\n      if (item.isPlaceholder) return <React.Fragment key={item.value}></React.Fragment>;\n\n      return (\n        <MenuItem\n          canSelectAll={canSelectAll}\n          children={item.children}\n          closeOnSelect={item.closeOnSelect}\n          colorToken={item.colorToken}\n          handleKeyboardNavigation={handleKeyboardNavigation}\n          isDisabled={item.isDisabled}\n          isMultiSelect={isMultiSelect}\n          isSelected={item.isSelected}\n          itemIndex={index.toString()}\n          key={item.value}\n          label={item.label}\n          leftElement={item.leftElement}\n          menuItemRefs={menuItemRefs}\n          onSelect={(selectedItem: SelectOptionProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n          shouldRetainSelection={shouldRetainSelection}\n          shouldTruncateText={shouldTruncateText}\n          value={item.value}\n        />\n      );\n    },\n    [\n      handleKeyboardNavigation,\n      handleToggleSingleItem,\n      isMultiSelect,\n      menuItemRefs,\n      shouldRetainSelection,\n      shouldTruncateText,\n      canSelectAll,\n    ],\n  );\n\n  if (!isMatchWidthSet) {\n    maxW = '320px';\n  }\n\n  // Return default Chakra menu if user passes in custom child elements\n  if (children) {\n    return <CMenuList {...rest}>{children}</CMenuList>;\n  }\n\n  return (\n    <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\n      {(isSearchable || (canSelectAll && isMultiSelect)) && (\n        <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n          {isSearchable && (\n            <MenuSearchBar\n              handleKeyboardNavigation={handleKeyboardNavigation}\n              menuItems={menuItems || []}\n              searchInputRef={searchInputRef}\n              setFilteredMenuItems={setFilteredMenuItems}\n              placeholder={searchPlaceholder}\n            />\n          )}\n          {canSelectAll && isMultiSelect && (\n            <MenuSelectAllButtons\n              handleToggleAllItems={handleToggleAllItems}\n              hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n              isGrouped={false}\n            />\n          )}\n        </Box>\n      )}\n      <Box className=\"MenuList__Body\">\n        {!filteredMenuItems?.length ? (\n          <Box textAlign=\"center\" display=\"block\" p={3}>\n            <Text size=\"sm\" colorToken=\"subtle\">\n              No results found\n            </Text>\n          </Box>\n        ) : isGrouped ? (\n          groups?.map((groupName, index) => {\n            const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n            return (\n              <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n                {groupName && (\n                  <Flex minH={8} pt={4} pr={3} pb={1} pl={5} justify=\"space-between\" align=\"center\">\n                    <Box textAlign=\"left\" className=\"MenuList__GroupTitle\">\n                      <Heading size=\"xs\">{groupName}</Heading>\n                    </Box>\n                    {isMultiSelect && canSelectGroups && (\n                      <MenuSelectAllButtons\n                        handleToggleAllItems={handleToggleAllItems}\n                        hasSelectedItems={Boolean(menuItems?.find((item) => item.isSelected))}\n                        isGrouped={true}\n                        groupName={groupName}\n                      />\n                    )}\n                  </Flex>\n                )}\n                {menuItems?.map((item: MenuItemProps, index: number) => {\n                  return getMenuItem(item, index);\n                })}\n              </Box>\n            );\n          })\n        ) : (\n          filteredMenuItems?.map((item: MenuItemProps, index: number) => {\n            return getMenuItem(item, index);\n          })\n        )}\n      </Box>\n    </CMenuList>\n  );\n};\n"],"names":["MenuSearchBar","_a","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","_b","placeholder","isOpen","useMenuState","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","TextInput","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","createElement","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","_c","canSelectGroups","children","_d","isMatchWidthSet","_e","isMultiSelect","_f","isSearchable","onSelect","onSelectAll","searchPlaceholder","_g","shouldRetainSelection","_h","shouldTruncateText","_j","minW","maxW","_k","maxH","rest","__rest","_l","useMenuContext","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","__spreadArray","__read","selectedItem","find","isSelected","allSelectedItems","value_1","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","closeOnSelect","colorToken","itemIndex","toString","leftElement","CMenuList","__assign","overflow","m","Boolean","concat","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text"],"mappings":"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"}

package/build/{menuOptionGroup.component-c8ea0aff.js → menuOptionGroup.component-c684dd20.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-menu.esm-75503743.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);exports.MenuOptionGroup=function(r){var i=r.children,u=e.__rest(r,["children"]);return n.default.createElement(t.MenuOptionGroup,e.__assign({className:"MenuList__OptionGroup",position:"relative"},u),i)};
-//# sourceMappingURL=menuOptionGroup.component-c8ea0aff.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-menu.esm-22115f36.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);exports.MenuOptionGroup=function(r){var i=r.children,u=e.__rest(r,["children"]);return n.default.createElement(t.MenuOptionGroup,e.__assign({className:"MenuList__OptionGroup",position:"relative"},u),i)};
+//# sourceMappingURL=menuOptionGroup.component-c684dd20.js.map

package/build/{menuOptionGroup.component-c8ea0aff.js.map → menuOptionGroup.component-c684dd20.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menuOptionGroup.component-c8ea0aff.js","sources":["../src/components/Menu/components/MenuOptionGroup/menuOptionGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuOptionGroup as CMenuOptionGroup, MenuOptionGroupProps as CMenuOptionGroupProps } from '@chakra-ui/react';\n\nexport const MenuOptionGroup = ({ children, ...rest }: CMenuOptionGroupProps): JSX.Element => {\n  return (\n    <CMenuOptionGroup className=\"MenuList__OptionGroup\" position=\"relative\" {...rest}>\n      {children}\n    </CMenuOptionGroup>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CMenuOptionGroup","__assign","className","position"],"mappings":"kOAG+B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC9B,OACEI,EAAC,QAAAC,cAAAC,kBAAiBC,EAAAA,SAAA,CAAAC,UAAU,wBAAwBC,SAAS,YAAeP,GACzED"}
+{"version":3,"file":"menuOptionGroup.component-c684dd20.js","sources":["../src/components/Menu/components/MenuOptionGroup/menuOptionGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { MenuOptionGroup as CMenuOptionGroup, MenuOptionGroupProps as CMenuOptionGroupProps } from '@chakra-ui/react';\n\nexport const MenuOptionGroup = ({ children, ...rest }: CMenuOptionGroupProps): JSX.Element => {\n  return (\n    <CMenuOptionGroup className=\"MenuList__OptionGroup\" position=\"relative\" {...rest}>\n      {children}\n    </CMenuOptionGroup>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CMenuOptionGroup","__assign","className","position"],"mappings":"kOAG+B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC9B,OACEI,EAAC,QAAAC,cAAAC,kBAAiBC,EAAAA,SAAA,CAAAC,UAAU,wBAAwBC,SAAS,YAAeP,GACzED"}

package/build/{modal.component-9493250d.js → modal.component-d4b9221a.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),a=require("./useTheme-d7d8c3f5.js"),o=require("./useAdaptiveColor-bd61f863.js"),i=require("./withDarkMode-3fdb3990.js"),s=require("./chakra-ui-modal.esm-f93732cd.js"),l=require("./chakra-ui-media-query.esm-a34e627c.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r);exports.Modal=function(r){var d=r.children,t=r.isOpen,n=r.onClose,c=r.isCentered,m=void 0===c||c;r.responsiveModalSizes;var v=r.allowEscape,f=void 0===v||v,b=r.useFullScreenMobile,k=void 0===b||b,p=r.initialFocusRef,M=r.scrollBehavior,h=r.darkMode,C=r.size,q=void 0===C?"xl":C,j=e.__rest(r,["children","isOpen","onClose","isCentered","responsiveModalSizes","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","darkMode","size"]),B=a.useTheme(),O=B.colors,E=B.radii,_=o.useAdaptiveColor(O.background),g=h?O.background.dark:_,w=l.useBreakpointValue({base:"full",md:q}),x=l.useBreakpointValue({base:0,md:E.xl}),z=l.useBreakpointValue({base:k?0:16,md:16}),F=u.default.createElement(s.Modal,e.__assign({closeOnEsc:f,closeOnOverlayClick:f,autoFocus:!!p,isOpen:t,onClose:n,scrollBehavior:M,isCentered:m,size:k?w:q,motionPreset:"slideInBottom"},j),u.default.createElement(s.ModalOverlay,null),u.default.createElement(s.ModalContent,e.__assign({backgroundColor:g,m:z},!k&&{mx:5},{borderRadius:k?x:E.xl},k&&{minH:{base:"-webkit-fill-available",md:"auto"}}),d));return i.withDarkMode(F,!!h)};
-//# sourceMappingURL=modal.component-9493250d.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),a=require("./useTheme-d7d8c3f5.js"),o=require("./useAdaptiveColor-bd61f863.js"),i=require("./withDarkMode-3fdb3990.js"),s=require("./chakra-ui-modal.esm-9136b612.js"),l=require("./chakra-ui-media-query.esm-a34e627c.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r);exports.Modal=function(r){var d=r.children,t=r.isOpen,n=r.onClose,c=r.isCentered,m=void 0===c||c;r.responsiveModalSizes;var v=r.allowEscape,b=void 0===v||v,f=r.useFullScreenMobile,k=void 0===f||f,p=r.initialFocusRef,M=r.scrollBehavior,h=r.darkMode,C=r.size,q=void 0===C?"xl":C,j=e.__rest(r,["children","isOpen","onClose","isCentered","responsiveModalSizes","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","darkMode","size"]),B=a.useTheme(),O=B.colors,E=B.radii,_=o.useAdaptiveColor(O.background),g=h?O.background.dark:_,w=l.useBreakpointValue({base:"full",md:q}),x=l.useBreakpointValue({base:0,md:E.xl}),z=l.useBreakpointValue({base:k?0:16,md:16}),F=u.default.createElement(s.Modal,e.__assign({closeOnEsc:b,closeOnOverlayClick:b,autoFocus:!!p,isOpen:t,onClose:n,scrollBehavior:M,isCentered:m,size:k?w:q,motionPreset:"slideInBottom"},j),u.default.createElement(s.ModalOverlay,null),u.default.createElement(s.ModalContent,e.__assign({backgroundColor:g,m:z},!k&&{mx:5},{borderRadius:k?x:E.xl},k&&{minH:{base:"-webkit-fill-available",md:"auto"}}),d));return i.withDarkMode(F,!!h)};
+//# sourceMappingURL=modal.component-d4b9221a.js.map

package/build/{modal.component-9493250d.js.map → modal.component-d4b9221a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modal.component-9493250d.js","sources":["../src/components/Modal/modal.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  Modal as CModal,\n  ModalProps as CModalProps,\n  ModalContent,\n  ModalOverlay,\n  useBreakpointValue,\n} from '@chakra-ui/react';\nimport { FocusableElement } from '@chakra-ui/utils';\nimport { useTheme } from 'hooks/useTheme';\nimport { ModalSize } from './modal.types';\nimport { useAdaptiveColor } from 'hooks/useAdaptiveColor';\nimport { withDarkMode } from 'hocs/withDarkMode';\n\ntype ResponsiveBreakpoints = 'base' | 'md';\n\nexport interface ModalProps extends CModalProps {\n  children: ReactNode;\n  isCentered?: boolean;\n  responsiveModalSizes?: Partial<Record<ResponsiveBreakpoints, ModalSize>>;\n  allowEscape?: boolean;\n  useFullScreenMobile?: boolean;\n  darkMode?: boolean;\n  initialFocusRef?: React.RefObject<FocusableElement>;\n  scrollBehavior?: 'inside' | 'outside';\n  size?: string;\n}\n\nexport const Modal = ({\n  children,\n  isOpen,\n  onClose,\n  isCentered = true,\n  responsiveModalSizes,\n  allowEscape = true,\n  useFullScreenMobile = true,\n  initialFocusRef,\n  scrollBehavior,\n  darkMode,\n  size = 'xl',\n  ...rest\n}: ModalProps): JSX.Element => {\n  const { colors, radii } = useTheme();\n  const adaptiveBackgroundColor = useAdaptiveColor(colors.background);\n  const backgroundColor = !darkMode ? adaptiveBackgroundColor : colors.background.dark;\n\n  // Responsive values for full screen modals on phones.\n  const fullScreenMobileSize = useBreakpointValue({ base: 'full', md: size });\n  const fullScreenMobileBorderRadius = useBreakpointValue({ base: 0, md: radii.xl });\n  const modalMargin = useBreakpointValue({ base: useFullScreenMobile ? 0 : 16, md: 16 });\n\n  const Modal: JSX.Element = (\n    <CModal\n      closeOnEsc={allowEscape}\n      closeOnOverlayClick={allowEscape}\n      autoFocus={!!initialFocusRef}\n      isOpen={isOpen}\n      onClose={onClose}\n      scrollBehavior={scrollBehavior}\n      isCentered={isCentered}\n      size={useFullScreenMobile ? fullScreenMobileSize : size}\n      motionPreset=\"slideInBottom\"\n      {...rest}\n    >\n      <ModalOverlay />\n      <ModalContent\n        backgroundColor={backgroundColor}\n        m={modalMargin}\n        {...(!useFullScreenMobile && { mx: 5 })}\n        borderRadius={useFullScreenMobile ? fullScreenMobileBorderRadius : radii.xl}\n        {...(useFullScreenMobile && { minH: { base: '-webkit-fill-available', md: 'auto' } })}\n      >\n        {children}\n      </ModalContent>\n    </CModal>\n  );\n\n  return withDarkMode(Modal, !!darkMode);\n};\n"],"names":["_a","children","isOpen","onClose","_b","isCentered","responsiveModalSizes","_c","allowEscape","_d","useFullScreenMobile","initialFocusRef","scrollBehavior","darkMode","_e","size","rest","__rest","_f","useTheme","colors","radii","adaptiveBackgroundColor","useAdaptiveColor","background","backgroundColor","dark","fullScreenMobileSize","useBreakpointValue","base","md","fullScreenMobileBorderRadius","xl","modalMargin","Modal","React","createElement","CModal","closeOnEsc","closeOnOverlayClick","autoFocus","motionPreset","ModalOverlay","ModalContent","__assign","m","mx","borderRadius","minH","withDarkMode"],"mappings":"sYA4BqB,SAACA,GACpB,IAAAC,EAAQD,EAAAC,SACRC,EAAMF,EAAAE,OACNC,EAAOH,EAAAG,QACPC,EAAAJ,EAAAK,WAAAA,cAAiBD,EACGJ,EAAAM,qBAAA,IACpBC,gBAAAC,OAAc,IAAAD,GAAIA,EAClBE,wBAAAC,OAAsB,IAAAD,GAAIA,EAC1BE,EAAeX,EAAAW,gBACfC,EAAcZ,EAAAY,eACdC,aACAC,EAAAd,EAAAe,KAAAA,OAAO,IAAAD,EAAA,OACJE,EAZiBC,EAAAA,OAAAjB,EAAA,CAAA,WAAA,SAAA,UAAA,aAAA,uBAAA,cAAA,sBAAA,kBAAA,iBAAA,WAAA,SAcdkB,EAAoBC,EAAQA,WAA1BC,EAAMF,EAAAE,OAAEC,EAAKH,EAAAG,MACfC,EAA0BC,EAAAA,iBAAiBH,EAAOI,YAClDC,EAAmBZ,EAAqCO,EAAOI,WAAWE,KAA5CJ,EAG9BK,EAAuBC,EAAAA,mBAAmB,CAAEC,KAAM,OAAQC,GAAIf,IAC9DgB,EAA+BH,EAAkBA,mBAAC,CAAEC,KAAM,EAAGC,GAAIT,EAAMW,KACvEC,EAAcL,qBAAmB,CAAEC,KAAMnB,EAAsB,EAAI,GAAIoB,GAAI,KAE3EI,EACJC,EAAC,QAAAC,cAAAC,EAAMH,kBACLI,WAAY9B,EACZ+B,oBAAqB/B,EACrBgC,YAAa7B,EACbT,OAAQA,EACRC,QAASA,EACTS,eAAgBA,EAChBP,WAAYA,EACZU,KAAML,EAAsBiB,EAAuBZ,EACnD0B,aAAa,iBACTzB,GAEJmB,UAAAC,cAACM,EAAYA,aAAG,MAChBP,EAAC,QAAAC,cAAAO,EAAYA,aACXC,EAAAA,SAAA,CAAAnB,gBAAiBA,EACjBoB,EAAGZ,IACGvB,GAAuB,CAAEoC,GAAI,GACnC,CAAAC,aAAcrC,EAAsBqB,EAA+BV,EAAMW,IACpEtB,GAAuB,CAAEsC,KAAM,CAAEnB,KAAM,yBAA0BC,GAAI,UAEzE7B,IAKP,OAAOgD,eAAaf,IAASrB"}
+{"version":3,"file":"modal.component-d4b9221a.js","sources":["../src/components/Modal/modal.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n  Modal as CModal,\n  ModalProps as CModalProps,\n  ModalContent,\n  ModalOverlay,\n  useBreakpointValue,\n} from '@chakra-ui/react';\nimport { FocusableElement } from '@chakra-ui/utils';\nimport { useTheme } from 'hooks/useTheme';\nimport { ModalSize } from './modal.types';\nimport { useAdaptiveColor } from 'hooks/useAdaptiveColor';\nimport { withDarkMode } from 'hocs/withDarkMode';\n\ntype ResponsiveBreakpoints = 'base' | 'md';\n\nexport interface ModalProps extends CModalProps {\n  children: ReactNode;\n  isCentered?: boolean;\n  responsiveModalSizes?: Partial<Record<ResponsiveBreakpoints, ModalSize>>;\n  allowEscape?: boolean;\n  useFullScreenMobile?: boolean;\n  darkMode?: boolean;\n  initialFocusRef?: React.RefObject<FocusableElement>;\n  scrollBehavior?: 'inside' | 'outside';\n  size?: string;\n}\n\nexport const Modal = ({\n  children,\n  isOpen,\n  onClose,\n  isCentered = true,\n  responsiveModalSizes,\n  allowEscape = true,\n  useFullScreenMobile = true,\n  initialFocusRef,\n  scrollBehavior,\n  darkMode,\n  size = 'xl',\n  ...rest\n}: ModalProps): JSX.Element => {\n  const { colors, radii } = useTheme();\n  const adaptiveBackgroundColor = useAdaptiveColor(colors.background);\n  const backgroundColor = !darkMode ? adaptiveBackgroundColor : colors.background.dark;\n\n  // Responsive values for full screen modals on phones.\n  const fullScreenMobileSize = useBreakpointValue({ base: 'full', md: size });\n  const fullScreenMobileBorderRadius = useBreakpointValue({ base: 0, md: radii.xl });\n  const modalMargin = useBreakpointValue({ base: useFullScreenMobile ? 0 : 16, md: 16 });\n\n  const Modal: JSX.Element = (\n    <CModal\n      closeOnEsc={allowEscape}\n      closeOnOverlayClick={allowEscape}\n      autoFocus={!!initialFocusRef}\n      isOpen={isOpen}\n      onClose={onClose}\n      scrollBehavior={scrollBehavior}\n      isCentered={isCentered}\n      size={useFullScreenMobile ? fullScreenMobileSize : size}\n      motionPreset=\"slideInBottom\"\n      {...rest}\n    >\n      <ModalOverlay />\n      <ModalContent\n        backgroundColor={backgroundColor}\n        m={modalMargin}\n        {...(!useFullScreenMobile && { mx: 5 })}\n        borderRadius={useFullScreenMobile ? fullScreenMobileBorderRadius : radii.xl}\n        {...(useFullScreenMobile && { minH: { base: '-webkit-fill-available', md: 'auto' } })}\n      >\n        {children}\n      </ModalContent>\n    </CModal>\n  );\n\n  return withDarkMode(Modal, !!darkMode);\n};\n"],"names":["_a","children","isOpen","onClose","_b","isCentered","responsiveModalSizes","_c","allowEscape","_d","useFullScreenMobile","initialFocusRef","scrollBehavior","darkMode","_e","size","rest","__rest","_f","useTheme","colors","radii","adaptiveBackgroundColor","useAdaptiveColor","background","backgroundColor","dark","fullScreenMobileSize","useBreakpointValue","base","md","fullScreenMobileBorderRadius","xl","modalMargin","Modal","React","createElement","CModal","closeOnEsc","closeOnOverlayClick","autoFocus","motionPreset","ModalOverlay","ModalContent","__assign","m","mx","borderRadius","minH","withDarkMode"],"mappings":"sYA4BqB,SAACA,GACpB,IAAAC,EAAQD,EAAAC,SACRC,EAAMF,EAAAE,OACNC,EAAOH,EAAAG,QACPC,EAAAJ,EAAAK,WAAAA,cAAiBD,EACGJ,EAAAM,qBAAA,IACpBC,gBAAAC,OAAc,IAAAD,GAAIA,EAClBE,wBAAAC,OAAsB,IAAAD,GAAIA,EAC1BE,EAAeX,EAAAW,gBACfC,EAAcZ,EAAAY,eACdC,aACAC,EAAAd,EAAAe,KAAAA,OAAO,IAAAD,EAAA,OACJE,EAZiBC,EAAAA,OAAAjB,EAAA,CAAA,WAAA,SAAA,UAAA,aAAA,uBAAA,cAAA,sBAAA,kBAAA,iBAAA,WAAA,SAcdkB,EAAoBC,EAAQA,WAA1BC,EAAMF,EAAAE,OAAEC,EAAKH,EAAAG,MACfC,EAA0BC,EAAAA,iBAAiBH,EAAOI,YAClDC,EAAmBZ,EAAqCO,EAAOI,WAAWE,KAA5CJ,EAG9BK,EAAuBC,EAAAA,mBAAmB,CAAEC,KAAM,OAAQC,GAAIf,IAC9DgB,EAA+BH,EAAkBA,mBAAC,CAAEC,KAAM,EAAGC,GAAIT,EAAMW,KACvEC,EAAcL,qBAAmB,CAAEC,KAAMnB,EAAsB,EAAI,GAAIoB,GAAI,KAE3EI,EACJC,EAAC,QAAAC,cAAAC,EAAMH,kBACLI,WAAY9B,EACZ+B,oBAAqB/B,EACrBgC,YAAa7B,EACbT,OAAQA,EACRC,QAASA,EACTS,eAAgBA,EAChBP,WAAYA,EACZU,KAAML,EAAsBiB,EAAuBZ,EACnD0B,aAAa,iBACTzB,GAEJmB,UAAAC,cAACM,EAAYA,aAAG,MAChBP,EAAC,QAAAC,cAAAO,EAAYA,aACXC,EAAAA,SAAA,CAAAnB,gBAAiBA,EACjBoB,EAAGZ,IACGvB,GAAuB,CAAEoC,GAAI,GACnC,CAAAC,aAAcrC,EAAsBqB,EAA+BV,EAAMW,IACpEtB,GAAuB,CAAEsC,KAAM,CAAEnB,KAAM,yBAA0BC,GAAI,UAEzE7B,IAKP,OAAOgD,eAAaf,IAASrB"}

package/build/{modalBody.component-1926b6d1.js → modalBody.component-84d1e5e0.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-modal.esm-f93732cd.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);exports.ModalBody=function(r){var a=r.children,u=e.__rest(r,["children"]);return i.default.createElement(t.ModalBody,e.__assign({py:1},u),a)};
-//# sourceMappingURL=modalBody.component-1926b6d1.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-modal.esm-9136b612.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);exports.ModalBody=function(r){var a=r.children,u=e.__rest(r,["children"]);return i.default.createElement(t.ModalBody,e.__assign({py:1},u),a)};
+//# sourceMappingURL=modalBody.component-84d1e5e0.js.map

package/build/{modalBody.component-1926b6d1.js.map → modalBody.component-84d1e5e0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalBody.component-1926b6d1.js","sources":["../src/components/Modal/components/ModalBody/modalBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalBody as CModalBody, ModalBodyProps as CModalBodyProps } from '@chakra-ui/react';\n\nexport interface ModalBodyProps extends CModalBodyProps {}\n\nexport const ModalBody = ({ children, ...rest }: ModalBodyProps): JSX.Element => {\n  return (\n    <CModalBody py={1} {...rest}>\n      {children}\n    </CModalBody>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalBody","ModalBody","__assign","py"],"mappings":"6NAKyB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cACxB,OACEI,UAAAC,cAACC,EAAUC,UAAAC,WAAA,CAACC,GAAI,GAAOP,GACpBD"}
+{"version":3,"file":"modalBody.component-84d1e5e0.js","sources":["../src/components/Modal/components/ModalBody/modalBody.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalBody as CModalBody, ModalBodyProps as CModalBodyProps } from '@chakra-ui/react';\n\nexport interface ModalBodyProps extends CModalBodyProps {}\n\nexport const ModalBody = ({ children, ...rest }: ModalBodyProps): JSX.Element => {\n  return (\n    <CModalBody py={1} {...rest}>\n      {children}\n    </CModalBody>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalBody","ModalBody","__assign","py"],"mappings":"6NAKyB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cACxB,OACEI,UAAAC,cAACC,EAAUC,UAAAC,WAAA,CAACC,GAAI,GAAOP,GACpBD"}

package/build/{modalCloseButton.component-9fd3b3dd.js → modalCloseButton.component-afe7a8a2.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),o=require("./button.component-c0f12ef5.js"),r=require("./chakra-ui-modal.esm-f93732cd.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);exports.ModalCloseButton=function(t){var i=t.right,a=void 0===i?2:i,n=t.top,u=void 0===n?2:n,c=t.size,l=void 0===c?"md":c,d=e.__rest(t,["right","top","size"]),f=r.useModalContext().onClose;return s.default.createElement(o.Button,e.__assign({variant:"ghostNeutral",onClick:f,iconName:"close",position:"absolute",right:a,top:u,size:l},d))};
-//# sourceMappingURL=modalCloseButton.component-9fd3b3dd.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),o=require("./button.component-25b35016.js"),r=require("./chakra-ui-modal.esm-9136b612.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);exports.ModalCloseButton=function(t){var i=t.right,a=void 0===i?2:i,n=t.top,u=void 0===n?2:n,l=t.size,c=void 0===l?"md":l,d=e.__rest(t,["right","top","size"]),f=r.useModalContext().onClose;return s.default.createElement(o.Button,e.__assign({variant:"ghostNeutral",onClick:f,iconName:"close",position:"absolute",right:a,top:u,size:c},d))};
+//# sourceMappingURL=modalCloseButton.component-afe7a8a2.js.map

package/build/{modalCloseButton.component-9fd3b3dd.js.map → modalCloseButton.component-afe7a8a2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"modalCloseButton.component-9fd3b3dd.js","sources":["../src/components/Modal/components/ModalCloseButton/modalCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { useModalContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalCloseButtonProps extends ButtonProps {}\n\nexport const ModalCloseButton = ({ right = 2, top = 2, size = 'md', ...rest }: ModalCloseButtonProps): JSX.Element => {\n  const { onClose } = useModalContext();\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      onClick={onClose}\n      iconName=\"close\"\n      position=\"absolute\"\n      right={right}\n      top={top}\n      size={size}\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","_b","right","_c","top","_d","size","rest","__rest","onClose","useModalContext","React","createElement","Button","__assign","variant","onClick","iconName","position"],"mappings":"gRAMgC,SAACA,GAAE,IAAAC,EAAAD,EAAAE,MAAAA,OAAQ,IAAAD,EAAA,IAAGE,EAAAH,EAAAI,IAAAA,OAAM,IAAAD,EAAA,IAAGE,EAAAL,EAAAM,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAtCC,EAAAA,OAAAR,EAAA,CAAA,QAAA,MAAA,SACvBS,EAAYC,4BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,OAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACThB,MAAOA,EACPE,IAAKA,EACLE,KAAMA,GACFC"}
+{"version":3,"file":"modalCloseButton.component-afe7a8a2.js","sources":["../src/components/Modal/components/ModalCloseButton/modalCloseButton.component.tsx"],"sourcesContent":["import React from 'react';\nimport { useModalContext } from '@chakra-ui/react';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface ModalCloseButtonProps extends ButtonProps {}\n\nexport const ModalCloseButton = ({ right = 2, top = 2, size = 'md', ...rest }: ModalCloseButtonProps): JSX.Element => {\n  const { onClose } = useModalContext();\n  return (\n    <Button\n      variant=\"ghostNeutral\"\n      onClick={onClose}\n      iconName=\"close\"\n      position=\"absolute\"\n      right={right}\n      top={top}\n      size={size}\n      {...rest}\n    />\n  );\n};\n"],"names":["_a","_b","right","_c","top","_d","size","rest","__rest","onClose","useModalContext","React","createElement","Button","__assign","variant","onClick","iconName","position"],"mappings":"gRAMgC,SAACA,GAAE,IAAAC,EAAAD,EAAAE,MAAAA,OAAQ,IAAAD,EAAA,IAAGE,EAAAH,EAAAI,IAAAA,OAAM,IAAAD,EAAA,IAAGE,EAAAL,EAAAM,KAAAA,OAAO,IAAAD,EAAA,OAASE,EAAtCC,EAAAA,OAAAR,EAAA,CAAA,QAAA,MAAA,SACvBS,EAAYC,4BACpB,OACEC,EAAA,QAAAC,cAACC,EAAAA,OAAMC,EAAAA,SAAA,CACLC,QAAQ,eACRC,QAASP,EACTQ,SAAS,QACTC,SAAS,WACThB,MAAOA,EACPE,IAAKA,EACLE,KAAMA,GACFC"}

package/build/{modalFooter.component-e957013f.js → modalFooter.component-bdb34b28.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-modal.esm-f93732cd.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);exports.ModalFooter=function(r){var a=r.children,o=e.__rest(r,["children"]);return i.default.createElement(t.ModalFooter,e.__assign({pb:6},o),a)};
-//# sourceMappingURL=modalFooter.component-e957013f.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-modal.esm-9136b612.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);exports.ModalFooter=function(r){var a=r.children,o=e.__rest(r,["children"]);return i.default.createElement(t.ModalFooter,e.__assign({pb:6},o),a)};
+//# sourceMappingURL=modalFooter.component-bdb34b28.js.map