npm - @televet/kibble-ui - Versions diffs - 1.20.21-beta.cs21 → 1.20.21-beta.cs23 - Mend

@televet/kibble-ui 1.20.21-beta.cs21 → 1.20.21-beta.cs23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1732) hide show

package/build/components/Link/link.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),s=require("../Text/text.config.js"),t=e.__assign(e.__assign({},{baseStyle:{textDecoration:"underline"}}),s.TextConfig);exports.LinkConfig=t;
+import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{TextConfig as t}from"../Text/text.config.js";var o=e(e({},{baseStyle:{textDecoration:"underline"}}),t);export{o as LinkConfig};
 //# sourceMappingURL=link.config.js.map

package/build/components/Link/link.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"link.config.js","sources":["../../../src/components/Link/link.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { TextConfig } from 'components/Text/text.config';\n\nconst BaseLinkConfig: ComponentStyleConfig = {\n baseStyle: {\n textDecoration: 'underline',\n },\n};\n\nexport const LinkConfig = { ...BaseLinkConfig, ...TextConfig };\n"],"names":["LinkConfig","__assign","baseStyle","textDecoration","TextConfig"],"mappings":"~~+JASaA~~,EAAUC,EAAAA,~~SAAAA~~,~~EAAAA,SAAA,~~GANsB,CAC3CC,UAAW,CACTC,eAAgB,eAI8BC~~,EAAUA~~"}
1	+ {"version":3,"file":"link.config.js","sources":["../../../src/components/Link/link.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { TextConfig } from 'components/Text/text.config';\n\nconst BaseLinkConfig: ComponentStyleConfig = {\n baseStyle: {\n textDecoration: 'underline',\n },\n};\n\nexport const LinkConfig = { ...BaseLinkConfig, ...TextConfig };\n"],"names":["LinkConfig","__assign","baseStyle","textDecoration","TextConfig"],"mappings":"qHAGA,IAMaA,EAAUC,EAAAA,EAAA,GANsB,CAC3CC,UAAW,CACTC,eAAgB,eAI8BC"}

package/build/components/Logo/components/Logo/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../logo.component.js");exports.default=e.default;
+import o from"../../logo.component.js";export{default}from"../../logo.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Logo/logo.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./logo.config.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e),r=function(e){var o,r=e.type,i=void 0===r?"full":r,a=e.color,u=void 0===a?"teal":a,n=e.height,c=e.width,d=e.handleClick,f={height:n,width:c};return o="icon"===i?t.logoIconMap[u]:t.fullLogoMap[u],l.default.createElement(o,{style:f,onClick:d})};r.displayName="Logo",exports.default=r;
+import o from"react";import{logoIconMap as t,fullLogoMap as e}from"./logo.config.js";var i=function(i){var l,r=i.type,a=void 0===r?"full":r,c=i.color,n=void 0===c?"teal":c,d=i.height,h=i.width,f=i.handleClick,m={height:d,width:h};return l="icon"===a?t[n]:e[n],o.createElement(l,{style:m,onClick:f})};i.displayName="Logo";export{i as default};
 //# sourceMappingURL=logo.component.js.map

package/build/components/Logo/logo.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"logo.component.js","sources":["../../../src/components/Logo/logo.component.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { logoIconMap, fullLogoMap } from './logo.config';\nimport { LogoType, LogoColor } from './logo.types';\n\nexport interface ILogoProps {\n type?: LogoType;\n color?: LogoColor;\n height?: number;\n width?: number;\n handleClick?: () => void;\n}\n\nconst Logo = ({ type = 'full', color = 'teal', height, width, handleClick }: ILogoProps): JSX.Element => {\n let LogoComponent;\n\n const style: CSSProperties = { height, width };\n\n if (type === 'icon') {\n LogoComponent = logoIconMap[color];\n } else {\n LogoComponent = fullLogoMap[color];\n }\n\n return <LogoComponent style={style} onClick={handleClick} />;\n};\n\nLogo.displayName = 'Logo';\n\nexport default Logo;\n"],"names":["Logo","_a","LogoComponent","_b","type","_c","color","height","width","handleClick","style","logoIconMap","fullLogoMap","React","createElement","onClick","displayName"],"mappings":"~~4MAYMA~~,EAAO,SAACC,OACRC,EADUC,EAAaF,EAAAG,KAAbA,OAAO,IAAAD,EAAA,SAAQE,EAAAJ,EAAAK,MAAAA,OAAK,IAAAD,EAAG,OAAMA,EAAEE,EAAMN,EAAAM,OAAEC,EAAKP,EAAAO,MAAEC,EAAWR,EAAAQ,YAGjEC,EAAuB,CAAEH,SAAQC,MAAKA,GAQ5C,OALEN,EADW,SAATE,EACcO,~~EAAAA~~,~~YAAYL,~~GAEZM,~~EAAAA~~,~~YAAYN,~~GAGvBO,~~EAAA~~,~~QAAAC,~~cAACZ,EAAa,CAACQ,MAAOA,EAAOK,QAASN,KAG/CT,EAAKgB,YAAc"}
1	+ {"version":3,"file":"logo.component.js","sources":["../../../src/components/Logo/logo.component.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { logoIconMap, fullLogoMap } from './logo.config';\nimport { LogoType, LogoColor } from './logo.types';\n\nexport interface ILogoProps {\n type?: LogoType;\n color?: LogoColor;\n height?: number;\n width?: number;\n handleClick?: () => void;\n}\n\nconst Logo = ({ type = 'full', color = 'teal', height, width, handleClick }: ILogoProps): JSX.Element => {\n let LogoComponent;\n\n const style: CSSProperties = { height, width };\n\n if (type === 'icon') {\n LogoComponent = logoIconMap[color];\n } else {\n LogoComponent = fullLogoMap[color];\n }\n\n return <LogoComponent style={style} onClick={handleClick} />;\n};\n\nLogo.displayName = 'Logo';\n\nexport default Logo;\n"],"names":["Logo","_a","LogoComponent","_b","type","_c","color","height","width","handleClick","style","logoIconMap","fullLogoMap","React","createElement","onClick","displayName"],"mappings":"qFAYM,IAAAA,EAAO,SAACC,OACRC,EADUC,EAAaF,EAAAG,KAAbA,OAAO,IAAAD,EAAA,SAAQE,EAAAJ,EAAAK,MAAAA,OAAK,IAAAD,EAAG,OAAMA,EAAEE,EAAMN,EAAAM,OAAEC,EAAKP,EAAAO,MAAEC,EAAWR,EAAAQ,YAGjEC,EAAuB,CAAEH,SAAQC,MAAKA,GAQ5C,OALEN,EADW,SAATE,EACcO,EAAYL,GAEZM,EAAYN,GAGvBO,EAAAC,cAACZ,EAAa,CAACQ,MAAOA,EAAOK,QAASN,KAG/CT,EAAKgB,YAAc"}

package/build/components/Logo/logo.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../assets/logos/teal.svg.js"),s=require("../../assets/logos/tealIcon.svg.js"),t=require("../../assets/logos/black.svg.js"),l=require("../../assets/logos/blackIcon.svg.js"),o=require("../../assets/logos/white.svg.js"),a=require("../../assets/logos/whiteIcon.svg.js"),r={black:l.default,white:a.default,teal:s.default},u={black:t.default,white:o.default,teal:e.default};exports.fullLogoMap=u,exports.logoIconMap=r;
+import s from"../../assets/logos/teal.svg.js";import o from"../../assets/logos/tealIcon.svg.js";import t from"../../assets/logos/black.svg.js";import a from"../../assets/logos/blackIcon.svg.js";import e from"../../assets/logos/white.svg.js";import l from"../../assets/logos/whiteIcon.svg.js";var r={black:a,white:l,teal:o},g={black:t,white:e,teal:s};export{g as fullLogoMap,r as logoIconMap};
 //# sourceMappingURL=logo.config.js.map

package/build/components/Logo/logo.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"logo.config.js","sources":["../../../src/components/Logo/logo.config.ts"],"sourcesContent":["import { Props } from 'framer-motion/types/types';\nimport { LogoColor } from './logo.types';\nimport { BlackLogoIcon, WhiteLogoIcon, TealLogoIcon, BlackLogo, WhiteLogo, TealLogo } from './logos';\n\nexport const logoIconMap: Record<LogoColor, React.FC<Props>> = {\n black: BlackLogoIcon,\n white: WhiteLogoIcon,\n teal: TealLogoIcon,\n};\n\nexport const fullLogoMap: Record<LogoColor, React.FC<Props>> = {\n black: BlackLogo,\n white: WhiteLogo,\n teal: TealLogo,\n};\n"],"names":["logoIconMap","black","BlackLogoIcon","white","WhiteLogoIcon","teal","TealLogoIcon","fullLogoMap","BlackLogo","WhiteLogo","TealLogo"],"mappings":"~~gWAIaA~~,EAAkD,CAC7DC,MAAOC,~~EAAa~~,~~QACpBC,~~MAAOC,~~EAAa~~,~~QACpBC,~~KAAMC,~~EAAY~~,~~SAGPC,~~EAAkD,CAC7DN,MAAOO,~~EAAS~~,~~QAChBL,~~MAAOM,~~EAAS~~,~~QAChBJ,~~KAAMK~~,EAAQ~~"}
1	+ {"version":3,"file":"logo.config.js","sources":["../../../src/components/Logo/logo.config.ts"],"sourcesContent":["import { Props } from 'framer-motion/types/types';\nimport { LogoColor } from './logo.types';\nimport { BlackLogoIcon, WhiteLogoIcon, TealLogoIcon, BlackLogo, WhiteLogo, TealLogo } from './logos';\n\nexport const logoIconMap: Record<LogoColor, React.FC<Props>> = {\n black: BlackLogoIcon,\n white: WhiteLogoIcon,\n teal: TealLogoIcon,\n};\n\nexport const fullLogoMap: Record<LogoColor, React.FC<Props>> = {\n black: BlackLogo,\n white: WhiteLogo,\n teal: TealLogo,\n};\n"],"names":["logoIconMap","black","BlackLogoIcon","white","WhiteLogoIcon","teal","TealLogoIcon","fullLogoMap","BlackLogo","WhiteLogo","TealLogo"],"mappings":"oSAIa,IAAAA,EAAkD,CAC7DC,MAAOC,EACPC,MAAOC,EACPC,KAAMC,GAGKC,EAAkD,CAC7DN,MAAOO,EACPL,MAAOM,EACPJ,KAAMK"}

package/build/components/Menu/components/Menu/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../menu.component.js");exports.default=e.default;
+import o from"../../menu.component.js";export{default}from"../../menu.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuButton/components/Menu/components/MenuButton/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuButton.component.js");exports.default=e.default;
+import o from"../../../../menuButton.component.js";export{default}from"../../../../menuButton.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuButton/menuButton.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../../Icon/icon.component.js"),a=require("../../../../chakra/components/Box/chakra/components/Box/index.js"),r=require("../../../../chakra/components/HStack/chakra/components/HStack/index.js"),u=require("../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js"),s=require("../../../Button/button.component.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=c(t);exports.default=function(c){var i=c.leftElement,l=c.leftIconName,m=c.rightIconName,f=void 0===m?"chevronDown":m,d=c.showRightIcon,x=void 0===d||d,p=c.size,h=c.text,_=c.variant,v=e.__rest(c,["leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant"]),g=l&&!h,M=t.useMemo((function(){if(g)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"}}),[g,p]),B=t.useMemo((function(){if(g)switch(p){case"xs":return"sm";case"sm":return"md";case"md":return"lg";default:return"xl"}return p||"md"}),[g,p]),E=t.useMemo((function(){if(g)return"0px";switch(p){case"xs":case"sm":return"4px";default:return"8px"}}),[g,p]);return o.default.createElement(u.MenuButton,e.__assign({as:s.default,variant:_,size:p,position:"relative"},v,{className:"MenuButton",p:M,lineHeight:0,_active:{transform:"none"}}),o.default.createElement(r.default,{spacing:E,className:"MenuButton__ContentContainer"},i&&i,l&&o.default.createElement(a.default,{className:"MenuButton__LeftIcon"},o.default.createElement(n.default,{name:l,size:B})),h&&o.default.createElement(a.default,{className:"MenuButton__Text"},h),x&&o.default.createElement(a.default,{className:"MenuButton__RightIcon"},o.default.createElement(n.default,{name:f,size:"lg"===p?"sm":"xs"}))))};
+import{__rest as e,__assign as t}from"../../../../node_modules/tslib/tslib.es6.js";import n,{useMemo as r}from"react";import a from"../../../Icon/icon.component.js";import o from"../../../../chakra/components/Box/chakra/components/Box/index.js";import s from"../../../../chakra/components/HStack/chakra/components/HStack/index.js";import{MenuButton as c}from"../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js";import m from"../../../Button/button.component.js";var i=function(i){var u=i.leftElement,l=i.leftIconName,p=i.rightIconName,x=void 0===p?"chevronDown":p,f=i.showRightIcon,h=void 0===f||f,d=i.size,_=i.text,v=i.variant,g=e(i,["leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant"]),B=l&&!_,E=r((function(){if(B)switch(d){case"xs":return"4px";case"sm":return"6px";default:return"8px"}switch(d){case"xs":return"5px 8px";case"sm":return"8px 12px";case"md":return"10px 16px";default:return"12px 20px"}}),[B,d]),I=r((function(){if(B)switch(d){case"xs":return"sm";case"sm":return"md";case"md":return"lg";default:return"xl"}return d||"md"}),[B,d]),N=r((function(){if(B)return"0px";switch(d){case"xs":case"sm":return"4px";default:return"8px"}}),[B,d]);return n.createElement(c,t({as:m,variant:v,size:d,position:"relative"},g,{className:"MenuButton",p:E,lineHeight:0,_active:{transform:"none"}}),n.createElement(s,{spacing:N,className:"MenuButton__ContentContainer"},u&&u,l&&n.createElement(o,{className:"MenuButton__LeftIcon"},n.createElement(a,{name:l,size:I})),_&&n.createElement(o,{className:"MenuButton__Text"},_),h&&n.createElement(o,{className:"MenuButton__RightIcon"},n.createElement(a,{name:x,size:"lg"===d?"sm":"xs"}))))};export{i as default};
 //# sourceMappingURL=menuButton.component.js.map

package/build/components/Menu/components/MenuButton/menuButton.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuButton.component.js","sources":["../../../../../src/components/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport Icon from 'components/Icon';\nimport Box from 'chakra/components/Box';\nimport HStack from 'chakra/components/HStack';\nimport { MenuButton as CMenuButton, MenuButtonProps as CMenuButtonProps } from '@chakra-ui/menu';\nimport Button from 'components/Button';\nimport { ButtonSizeType, ButtonVariantType } from 'components/Button/button.types';\nimport { IconsSize, IconName } from 'components/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\nconst 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\nexport default MenuButton;\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":"~~wkBAmBmB~~,~~SAACA~~,GAClB,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,~~EARW,wFAUZY,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,~~EAAM~~,~~QACVb,~~QAASA,EACTF,KAAMA,~~EACNgB~~,SAAS,~~YACLb~~,EAAI,~~CACRc~~,UAAU,aACVC,~~EAAGZ~~,~~EACHa~~,WAAY,EACZC,QAAS,CAAEC,UAAW,~~UAEtBX~~,~~EAAC~~,~~QAAAC~~,~~cAAAW~~,~~WAAOC~~,~~QAASd~~,~~EAAaQ,~~UAAU,~~gCACrCvB~~,GAAeA,EACfC,GACCe,~~EAAA~~,~~QAAAC~~,~~cAACa~~,~~EAAG,QAAC,~~CAAAP,UAAU,~~wBACbP~~,~~UAACC~~,~~cAAAc~~,~~EAAAA~~,~~QAAK,~~CAAAC,~~KAAM/B~~,EAAcK,KAAMQ,KAGnCP,GAAQS,~~wBAACc~~,~~EAAAA~~,~~QAAG,~~CAACP,UAAU,~~oBAAoBhB~~,GAC3CF,GACCW,~~EAAA~~,~~QAAAC~~,~~cAACa~~,~~EAAG,QAAC,~~CAAAP,UAAU,~~yBACbP~~,~~EAAAA~~,~~QAACC~~,~~cAAAc~~,~~EAAAA,QAAK,~~CAAAC,~~KAAM7B~~,EAAeG,KAAe,OAATA,EAAgB,KAAO"}
1	+ {"version":3,"file":"menuButton.component.js","sources":["../../../../../src/components/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport Icon from 'components/Icon';\nimport Box from 'chakra/components/Box';\nimport HStack from 'chakra/components/HStack';\nimport { MenuButton as CMenuButton, MenuButtonProps as CMenuButtonProps } from '@chakra-ui/menu';\nimport Button from 'components/Button';\nimport { ButtonSizeType, ButtonVariantType } from 'components/Button/button.types';\nimport { IconsSize, IconName } from 'components/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\nconst 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\nexport default MenuButton;\n"],"names":["MenuButton","_a","leftElement","leftIconName","_b","rightIconName","_c","showRightIcon","size","text","variant","rest","__rest","isIconButton","buttonPadding","useMemo","iconSize","textSpacing","React","createElement","CMenuButton","as","Button","position","className","p","lineHeight","_active","transform","HStack","spacing","Box","Icon","name"],"mappings":"+dAmBM,IAAAA,EAAa,SAACC,GAClB,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,EAAAX,EARW,wFAUZY,EAAeV,IAAiBM,EAChCK,EAAgBC,GAAQ,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,GAAQ,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,GAAQ,WAC1B,GAAIF,EACF,MAAO,MAGT,OAAQL,GACN,IAAK,KACL,IAAK,KACH,MAAO,MACT,QACE,MAAO,SAEV,CAACK,EAAcL,IAElB,OACEU,EAACC,cAAAC,KACCC,GAAIC,EACJZ,QAASA,EACTF,KAAMA,EACNe,SAAS,YACLZ,EAAI,CACRa,UAAU,aACVC,EAAGX,EACHY,WAAY,EACZC,QAAS,CAAEC,UAAW,UAEtBV,EAACC,cAAAU,GAAOC,QAASb,EAAaO,UAAU,gCACrCtB,GAAeA,EACfC,GACCe,EAAAC,cAACY,EAAI,CAAAP,UAAU,wBACbN,EAACC,cAAAa,EAAK,CAAAC,KAAM9B,EAAcK,KAAMQ,KAGnCP,GAAQS,gBAACa,EAAG,CAACP,UAAU,oBAAoBf,GAC3CF,GACCW,EAAAC,cAACY,EAAI,CAAAP,UAAU,yBACbN,EAACC,cAAAa,EAAK,CAAAC,KAAM5B,EAAeG,KAAe,OAATA,EAAgB,KAAO"}

package/build/components/Menu/components/MenuContainer/components/Menu/components/MenuContainer/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuContainer.component.js");exports.default=e.default;
+import n from"../../../../menuContainer.component.js";export{default}from"../../../../menuContainer.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuContainer/menuContainer.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js"),n=require("../../context/menu.context.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(t);exports.default=function(t){var u=t.children;t.onClose;var o=e.__rest(t,["children","onClose"]),l=n.useMenuContext().handleOnClose;return s.default.createElement(r.Menu,e.__assign({onClose:l},o),u)};
+import{__rest as e,__assign as o}from"../../../../node_modules/tslib/tslib.es6.js";import r from"react";import{Menu as n}from"../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js";import{useMenuContext as t}from"../../context/menu.context.js";var m=function(m){var s=m.children;m.onClose;var l=e(m,["children","onClose"]),a=t().handleOnClose;return r.createElement(n,o({onClose:a},l),s)};export{m as default};
 //# sourceMappingURL=menuContainer.component.js.map

package/build/components/Menu/components/MenuContainer/menuContainer.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuContainer.component.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/menu';\nimport { useMenuContext } from 'components/Menu/context/menu.context';\nimport { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\n\nexport interface MenuContainerProps extends Omit<CMenuProps, 'children' \| 'onClose'> {\n children?: ReactNode;\n onClose?: (value: (MenuItemProps \| undefined)[]) => void;\n}\n\nconst 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\nexport default MenuContainer;\n"],"names":["_a","children","rest","__rest","handleOnClose","useMenuContext","React","createElement","CMenu","~~Menu","~~__assign","onClose"],"mappings":"~~mXAUsB~~,~~SAACA~~,GAAE,IAAAC,2BAAsBC,EAAxBC,~~EAAAA~~,~~OAAAH,~~EAAA,CAAA,WAAA,YACbI,EAAkBC,~~iCAE1B~~,OACEC,~~UAAAC~~,cAACC,EAAKC,~~KAAAC~~,~~WAAA,~~CAACC,~~QAASP~~,GAAmBF,GAChCD"}
1	+ {"version":3,"file":"menuContainer.component.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/menu';\nimport { useMenuContext } from 'components/Menu/context/menu.context';\nimport { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\n\nexport interface MenuContainerProps extends Omit<CMenuProps, 'children' \| 'onClose'> {\n children?: ReactNode;\n onClose?: (value: (MenuItemProps \| undefined)[]) => void;\n}\n\nconst 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\nexport default MenuContainer;\n"],"names":["MenuContainer","_a","children","rest","__rest","handleOnClose","useMenuContext","React","createElement","CMenu","__assign","onClose"],"mappings":"kQAUM,IAAAA,EAAgB,SAACC,GAAE,IAAAC,2BAAsBC,EAAxBC,EAAAH,EAAA,CAAA,WAAA,YACbI,EAAkBC,kBAE1B,OACEC,EAAAC,cAACC,EAAKC,EAAA,CAACC,QAASN,GAAmBF,GAChCD"}

package/build/components/Menu/components/MenuItem/components/Menu/components/MenuItem/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuItem.component.js");exports.default=e.default;
+import m from"../../../../menuItem.component.js";export{default}from"../../../../menuItem.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuItem/menuItem.component.js CHANGED Viewed

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

package/build/components/Menu/components/MenuItem/menuItem.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuItem.component.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 { useMenuState } from '@chakra-ui/menu';\nimport Flex from 'chakra/components/Flex';\nimport HStack from 'chakra/components/HStack';\nimport Box from 'chakra/components/Box';\nimport useTheme from 'hooks/useTheme';\nimport { MenuItemConfig } from 'components/Menu/menu.config';\nimport { TextColor } from 'shared/types';\nimport TruncatedText from 'components/TruncatedText';\nimport Text from 'components/Text';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport Icon from 'components/Icon';\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\nconst 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\nexport default MenuItem;\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":"~~s1BA0CiB~~,~~SAACA~~,GAChB,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,~~EAnBS,6QAqBRyB,EAAWC,~~mBACXC~~,EAAYC,~~yBACdC~~,EAAgBC,~~EAAAA,QAA~~+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,~~EAAG~~,~~QAAAC~~,~~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~~,~~QAAO,~~CAAAC,MAAM,SAASC,QAAS,EAAGC,KAAM,EAAGC,MAAO1B,GAChD5B,GACCiC,~~EAAAA~~,~~QAAAC,~~cAACqB,~~UAAI~~,CACHC,EAAG,EACHC,EAAG,EACHhB,UAAU,yBACVU,MAAM,SACNO,QAAQ,SACRJ,MAAOrC,EAAO0C,OAAOC,SAEpBxD,EACC6B,~~wBAAC4B~~,~~EAAAA~~,~~QAAI,~~CAACC,KAAK,kBAAkBC,KAAK,OAElC9B,~~wBAACE~~,EAAG,~~QAAA,~~CAAC6B,EAAE,MAAMR,EAAG,EAAGC,EAAG,EAAGQ,aAAa,OAAO3B,GAAIrB,EAAOsB,WAAW2B,YAIxE1D,GACCyB,~~EAAAA~~,~~QAAAC,~~cAACqB,~~EAAI~~,~~QAAC,~~CAAAJ,MAAM,SAASO,QAAQ,SAASjB,UAAU,6BAC7CjC,GAGLyB,~~EAAA~~,~~QAAAC,~~cAACC,~~UAAG~~,CAACM,UAAU,sBAAsB0B,SAAS,WAAWX,EAAE,QACvC,iBAAVjD,EACNM,EACEoB,~~EAAAA~~,~~sBAACmC,~~EAAa,~~QAAA,~~CAACd,MAAO1B,EAAWyC,YAAa9D,GAAS,GAAI+D,UAAW,IAEtErC,~~EAAC~~,~~QAAAC,~~cAAAqC,~~EAAAA~~,~~SAAKjB,~~MAAO1B,GAAYrB,GAC1B"}
1	+ {"version":3,"file":"menuItem.component.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 { useMenuState } from '@chakra-ui/menu';\nimport Flex from 'chakra/components/Flex';\nimport HStack from 'chakra/components/HStack';\nimport Box from 'chakra/components/Box';\nimport useTheme from 'hooks/useTheme';\nimport { MenuItemConfig } from 'components/Menu/menu.config';\nimport { TextColor } from 'shared/types';\nimport TruncatedText from 'components/TruncatedText';\nimport Text from 'components/Text';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport Icon from 'components/Icon';\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\nconst 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\nexport default MenuItem;\n"],"names":["MenuItem","_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":"4xBA0CM,IAAAA,EAAW,SAACC,GAChB,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,EAAAxB,EAnBS,6QAqBRyB,EAAWC,WACXC,EAAYC,YACdC,EAAgBC,EAA+BL,EAAOM,KAAM5B,GAA0B,WAEtF6B,EAAeC,GACnB,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,GAAQ,WACxB,OAAIlC,EACK0B,EAGFjB,GAAcQ,IAA0BZ,EAAgBiB,EAAOM,KAAKO,MAAMC,KAAOd,EAAOM,KAAKO,MAAME,UACzG,CAAC5B,EAAYQ,EAAuBZ,EAAeqB,EAAe1B,EAAYsB,IAEjF,OACEgB,EAAAC,cAACC,EAAGC,EAAA,GACEC,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,EAACC,cAAAgB,EAAO,CAAAC,MAAM,SAASC,QAAS,EAAGC,KAAM,EAAGC,MAAO1B,GAChD5B,GACCiC,EAAAC,cAACqB,EAAI,CACHC,EAAG,EACHC,EAAG,EACHhB,UAAU,yBACVU,MAAM,SACNO,QAAQ,SACRJ,MAAOrC,EAAO0C,OAAOC,SAEpBxD,EACC6B,gBAAC4B,EAAI,CAACC,KAAK,kBAAkBC,KAAK,OAElC9B,gBAACE,EAAG,CAAC6B,EAAE,MAAMR,EAAG,EAAGC,EAAG,EAAGQ,aAAa,OAAO3B,GAAIrB,EAAOsB,WAAW2B,YAIxE1D,GACCyB,EAAAC,cAACqB,EAAK,CAAAJ,MAAM,SAASO,QAAQ,SAASjB,UAAU,6BAC7CjC,GAGLyB,EAAAC,cAACC,EAAG,CAACM,UAAU,sBAAsB0B,SAAS,WAAWX,EAAE,QACvC,iBAAVjD,EACNM,EACEoB,gBAACmC,EAAa,CAACd,MAAO1B,EAAWyC,YAAa9D,GAAS,GAAI+D,UAAW,IAEtErC,EAACC,cAAAqC,GAAKjB,MAAO1B,GAAYrB,GAC1B"}

package/build/components/Menu/components/MenuList/components/Menu/components/MenuList/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component.js");exports.default=e.default;
+import o from"../../../../menuList.component.js";export{default}from"../../../../menuList.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuList/menuList.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),l=require("../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js"),n=require("../../../../chakra/components/Box/chakra/components/Box/index.js"),u=require("../../../../chakra/components/Flex/chakra/components/Flex/index.js"),r=require("../../../Heading/heading.component.js"),a=require("../../../Text/text.component.js"),o=require("../MenuItem/menuItem.component.js"),i=require("../MenuSearchBar/menuSearchBar.component.js"),c=require("../MenuSelectAllButtons/menuSelectAllButtons.component.js"),s=require("../../context/menu.context.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=d(t);exports.default=function(d){var m=d.canSelectAll,p=void 0!==m&&m,v=d.canSelectGroups,h=void 0!==v&&v,S=d.children,x=d.isGrouped,_=void 0!==x&&x,g=d.isMatchWidthSet,b=d.isMultiSelect,k=void 0!==b&&b,I=d.isSearchable,M=void 0!==I&&I,A=d.menuItems,E=d.onSelect,y=d.onSelectAll,T=d.searchPlaceholder,j=d.shouldRetainSelection,w=void 0!==j&&j,q=d.shouldTruncateText,G=void 0===q||q,L=d.minW,N=void 0===L?"240px":L,B=d.maxW,W=d.maxH,R=void 0===W?"480px":W,C=e.__rest(d,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH"]),D=s.useMenuContext(),F=D.filteredMenuItems,H=D.setFilteredMenuItems,P=D.allMenuItems,O=D.groups,U=D.setGroups,z=D.focusedItemIndex,K=D.setFocusedItemIndex,J=D.searchInputRef,Q=D.menuItemRefs,V=t.useCallback((function(e){var t,l;if(null==Q?void 0:Q.current){var n=0===z,u=z===(null==Q?void 0:Q.current.length)-1,r=-1;if("ArrowDown"===e)if(u){if(M)return null===(t=null==J?void 0:J.current)||void 0===t||t.focus(),void K(-1);r=0}else r=z+1;else if("ArrowUp"===e)if(n){if(M)return null===(l=null==J?void 0:J.current)||void 0===l||l.focus(),void K(-1);r=Q.current.length-1}else r=z-1;var a=null==Q?void 0:Q.current[r];a?(null==a||a.focus(),K(r)):K(-1)}}),[z,M,Q,J,K]),X=t.useCallback((function(e,t){e.persist(),(null==Q?void 0:Q.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key||V("ArrowDown"),"ArrowUp"===e.key&&V("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[V,Q]),Y=t.useCallback((function(t,l){if(F&&P){var n=e.__spreadArray([],e.__read(F),!1),u=n.find((function(e){return e.value===t.value}));k&&u&&(u.isSelected=!u.isSelected),H(n);var r=P.filter((function(e){return e.isSelected}));E&&u&&E(u,r),l&&u&&l(u,r)}}),[P,F,k,E,H]),Z=t.useCallback((function(t){var l=t.groupName,n=t.clear,u=void 0!==n&&n;if(F&&P){var r=e.__spreadArray([],e.__read(F),!1),a=[];r.forEach((function(e){l?l===e.groupLabel&&(e.isSelected=!u,e.value&&e.isSelected&&a.push(e.value)):(e.isSelected=!u,e.value&&e.isSelected&&a.push(e.value))})),H(r),y&&y(P.filter((function(e){return e.isSelected})))}}),[F,P,y,H]);t.useEffect((function(){if(_){var t=e.__spreadArray([],e.__read(new Set(null==F?void 0:F.map((function(e){return e.groupLabel})))),!1);t.length&&U(t)}}),[F,_,U]);var $=t.useCallback((function(e,t){return e.isPlaceholder?f.default.createElement(f.default.Fragment,{key:e.value}):f.default.createElement(o.default,{canSelectAll:p,children:e.children,closeOnSelect:e.closeOnSelect,colorToken:e.colorToken,handleKeyboardNavigation:X,isDisabled:e.isDisabled,isMultiSelect:k,isSelected:e.isSelected,itemIndex:t.toString(),key:e.value,label:e.label,leftElement:e.leftElement,menuItemRefs:Q,onSelect:function(t){return Y(t,e.onSelect)},shouldRetainSelection:w,shouldTruncateText:G,value:e.value})}),[X,Y,k,Q,w,G,p]);return g||(B="320px"),S?f.default.createElement(l.MenuList,e.__assign({},C),S):f.default.createElement(l.MenuList,e.__assign({className:"MeuList"},C,{maxW:B||"unset",maxH:R,minW:N,overflow:"hidden auto"}),(M||p&&k)&&f.default.createElement(n.default,{className:"MenuList__Header",m:"0 12px 8px"},M&&f.default.createElement(i.default,{handleKeyboardNavigation:X,menuItems:A||[],searchInputRef:J,setFilteredMenuItems:H,placeholder:T}),p&&k&&f.default.createElement(c.default,{handleToggleAllItems:Z,hasSelectedItems:Boolean(null==F?void 0:F.find((function(e){return e.isSelected}))),isGrouped:!1})),f.default.createElement(n.default,{className:"MenuList__Body"},(null==F?void 0:F.length)?_?null==O?void 0:O.map((function(e,t){var l=null==F?void 0:F.filter((function(t){return t.groupLabel===e}));return f.default.createElement(n.default,{className:"MenuList__Group",key:"".concat(e||"noGroup","-").concat(t)},e&&f.default.createElement(u.default,{minH:8,pt:4,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},f.default.createElement(n.default,{textAlign:"left",className:"MenuList__GroupTitle"},f.default.createElement(r.default,{size:"xs"},e)),k&&h&&f.default.createElement(c.default,{handleToggleAllItems:Z,hasSelectedItems:Boolean(null==l?void 0:l.find((function(e){return e.isSelected}))),isGrouped:!0,groupName:e})),null==l?void 0:l.map((function(e,t){return $(e,t)})))})):null==F?void 0:F.map((function(e,t){return $(e,t)})):f.default.createElement(n.default,{textAlign:"center",display:"block",p:3},f.default.createElement(a.default,{size:"sm",colorToken:"subtle"},"No results found"))))};
+import{__rest as e,__spreadArray as t,__read as n,__assign as l}from"../../../../node_modules/tslib/tslib.es6.js";import o,{useCallback as r,useEffect as i}from"react";import{MenuList as c}from"../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js";import u from"../../../../chakra/components/Box/chakra/components/Box/index.js";import a from"../../../../chakra/components/Flex/chakra/components/Flex/index.js";import s from"../../../Heading/heading.component.js";import m from"../../../Text/text.component.js";import d from"../MenuItem/menuItem.component.js";import f from"../MenuSearchBar/menuSearchBar.component.js";import p from"../MenuSelectAllButtons/menuSelectAllButtons.component.js";import{useMenuContext as v}from"../../context/menu.context.js";var h=function(h){var S=h.canSelectAll,x=void 0!==S&&S,g=h.canSelectGroups,I=void 0!==g&&g,E=h.children,b=h.isGrouped,k=void 0!==b&&b,M=h.isMatchWidthSet,A=h.isMultiSelect,T=void 0!==A&&A,w=h.isSearchable,y=void 0!==w&&w,j=h.menuItems,G=h.onSelect,N=h.onSelectAll,_=h.searchPlaceholder,B=h.shouldRetainSelection,L=void 0!==B&&B,W=h.shouldTruncateText,R=void 0===W||W,D=h.minW,F=void 0===D?"240px":D,H=h.maxW,P=h.maxH,U=void 0===P?"480px":P,z=e(h,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH"]),K=v(),O=K.filteredMenuItems,q=K.setFilteredMenuItems,C=K.allMenuItems,J=K.groups,Q=K.setGroups,V=K.focusedItemIndex,X=K.setFocusedItemIndex,Y=K.searchInputRef,Z=K.menuItemRefs,$=r((function(e){var t,n;if(null==Z?void 0:Z.current){var l=0===V,o=V===(null==Z?void 0:Z.current.length)-1,r=-1;if("ArrowDown"===e)if(o){if(y)return null===(t=null==Y?void 0:Y.current)||void 0===t||t.focus(),void X(-1);r=0}else r=V+1;else if("ArrowUp"===e)if(l){if(y)return null===(n=null==Y?void 0:Y.current)||void 0===n||n.focus(),void X(-1);r=Z.current.length-1}else r=V-1;var i=null==Z?void 0:Z.current[r];i?(null==i||i.focus(),X(r)):X(-1)}}),[V,y,Z,Y,X]),ee=r((function(e,t){e.persist(),(null==Z?void 0:Z.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key||$("ArrowDown"),"ArrowUp"===e.key&&$("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[$,Z]),te=r((function(e,l){if(O&&C){var o=t([],n(O),!1),r=o.find((function(t){return t.value===e.value}));T&&r&&(r.isSelected=!r.isSelected),q(o);var i=C.filter((function(e){return e.isSelected}));G&&r&&G(r,i),l&&r&&l(r,i)}}),[C,O,T,G,q]),ne=r((function(e){var l=e.groupName,o=e.clear,r=void 0!==o&&o;if(O&&C){var i=t([],n(O),!1),c=[];i.forEach((function(e){l?l===e.groupLabel&&(e.isSelected=!r,e.value&&e.isSelected&&c.push(e.value)):(e.isSelected=!r,e.value&&e.isSelected&&c.push(e.value))})),q(i),N&&N(C.filter((function(e){return e.isSelected})))}}),[O,C,N,q]);i((function(){if(k){var e=t([],n(new Set(null==O?void 0:O.map((function(e){return e.groupLabel})))),!1);e.length&&Q(e)}}),[O,k,Q]);var le=r((function(e,t){return e.isPlaceholder?o.createElement(o.Fragment,{key:e.value}):o.createElement(d,{canSelectAll:x,children:e.children,closeOnSelect:e.closeOnSelect,colorToken:e.colorToken,handleKeyboardNavigation:ee,isDisabled:e.isDisabled,isMultiSelect:T,isSelected:e.isSelected,itemIndex:t.toString(),key:e.value,label:e.label,leftElement:e.leftElement,menuItemRefs:Z,onSelect:function(t){return te(t,e.onSelect)},shouldRetainSelection:L,shouldTruncateText:R,value:e.value})}),[ee,te,T,Z,L,R,x]);return M||(H="320px"),E?o.createElement(c,l({},z),E):o.createElement(c,l({className:"MeuList"},z,{maxW:H||"unset",maxH:U,minW:F,overflow:"hidden auto"}),(y||x&&T)&&o.createElement(u,{className:"MenuList__Header",m:"0 12px 8px"},y&&o.createElement(f,{handleKeyboardNavigation:ee,menuItems:j||[],searchInputRef:Y,setFilteredMenuItems:q,placeholder:_}),x&&T&&o.createElement(p,{handleToggleAllItems:ne,hasSelectedItems:Boolean(null==O?void 0:O.find((function(e){return e.isSelected}))),isGrouped:!1})),o.createElement(u,{className:"MenuList__Body"},(null==O?void 0:O.length)?k?null==J?void 0:J.map((function(e,t){var n=null==O?void 0:O.filter((function(t){return t.groupLabel===e}));return o.createElement(u,{className:"MenuList__Group",key:"".concat(e||"noGroup","-").concat(t)},e&&o.createElement(a,{minH:8,pt:4,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},o.createElement(u,{textAlign:"left",className:"MenuList__GroupTitle"},o.createElement(s,{size:"xs"},e)),T&&I&&o.createElement(p,{handleToggleAllItems:ne,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 le(e,t)})))})):null==O?void 0:O.map((function(e,t){return le(e,t)})):o.createElement(u,{textAlign:"center",display:"block",p:3},o.createElement(m,{size:"sm",colorToken:"subtle"},"No results found"))))};export{h as default};
 //# sourceMappingURL=menuList.component.js.map

package/build/components/Menu/components/MenuList/menuList.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuList.component.js","sources":["../../../../../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps } from '@chakra-ui/menu';\nimport Box from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport Heading from 'components/Heading';\nimport Text from 'components/Text';\nimport MenuItem, { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\nimport MenuSearchBar from 'components/Menu/components/MenuSearchBar/menuSearchBar.component';\nimport MenuSelectAllButtons from 'components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from 'components/Menu/context/menu.context';\nimport { SelectOptionProps } from 'components/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\nconst 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\nexport default MenuList;\n"],"names":["_a","_b","canSelectAll","_c","canSelectGroups","children","_d","isGrouped","isMatchWidthSet","_e","isMultiSelect","_f","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","_g","shouldRetainSelection","_h","shouldTruncateText","_j","minW","maxW","_k","maxH","rest","__rest","_l","useMenuContext","filteredMenuItems","setFilteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","searchInputRef","menuItemRefs","focusNextListItem","useCallback","direction","current","isFirstOption","isLastOption","length","newIndex","focus","nextListItem","handleKeyboardNavigation","e","elementIsInputField","persist","key","preventDefault","target","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","__spreadArray","__read","selectedItem","find","item","value","isSelected","allSelectedItems","filter","handleToggleAllItems","groupName","clear","value_1","forEach","groupLabel","push","useEffect","groupNames","Set","map","getMenuItem","index","isPlaceholder","React","createElement","Fragment","MenuItem","closeOnSelect","colorToken","isDisabled","itemIndex","toString","label","leftElement","CMenuList","__assign","className","overflow","Box","m","MenuSearchBar","placeholder","MenuSelectAllButtons","hasSelectedItems","Boolean","concat","Flex","minH","pt","pr","pb","pl","justify","align","textAlign","Heading","size","display","p","Text"],"mappings":"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"}
1	+ {"version":3,"file":"menuList.component.js","sources":["../../../../../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps } from '@chakra-ui/menu';\nimport Box from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport Heading from 'components/Heading';\nimport Text from 'components/Text';\nimport MenuItem, { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\nimport MenuSearchBar from 'components/Menu/components/MenuSearchBar/menuSearchBar.component';\nimport MenuSelectAllButtons from 'components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from 'components/Menu/context/menu.context';\nimport { SelectOptionProps } from 'components/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\nconst 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\nexport default MenuList;\n"],"names":["MenuList","_a","_b","canSelectAll","_c","canSelectGroups","children","_d","isGrouped","isMatchWidthSet","_e","isMultiSelect","_f","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","_g","shouldRetainSelection","_h","shouldTruncateText","_j","minW","maxW","_k","maxH","rest","__rest","_l","useMenuContext","filteredMenuItems","setFilteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","searchInputRef","menuItemRefs","focusNextListItem","useCallback","direction","current","isFirstOption","isLastOption","length","newIndex","focus","nextListItem","handleKeyboardNavigation","e","elementIsInputField","persist","key","preventDefault","target","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","__spreadArray","__read","selectedItem","find","item","value","isSelected","allSelectedItems","filter","handleToggleAllItems","groupName","clear","value_1","forEach","groupLabel","push","useEffect","groupNames","Set","map","getMenuItem","index","isPlaceholder","React","createElement","Fragment","MenuItem","closeOnSelect","colorToken","isDisabled","itemIndex","toString","label","leftElement","CMenuList","__assign","className","overflow","Box","m","MenuSearchBar","placeholder","MenuSelectAllButtons","hasSelectedItems","Boolean","concat","Flex","minH","pt","pr","pb","pl","justify","align","textAlign","Heading","size","display","p","Text"],"mappings":"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"}

package/build/components/Menu/components/MenuOptionGroup/components/Menu/components/MenuOptionGroup/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuOptionGroup.component.js");exports.default=e.default;
+import o from"../../../../menuOptionGroup.component.js";export{default}from"../../../../menuOptionGroup.component.js";
 //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuOptionGroup/menuOptionGroup.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),r=require("react"),t=require("../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=u(r);exports.default=function(r){var u=r.children,n=e.__rest(r,["children"]);return i.default.createElement(t.MenuOptionGroup,e.__assign({className:"MenuList__OptionGroup",position:"relative"},n),u)};
+import{__rest as e,__assign as r}from"../../../../node_modules/tslib/tslib.es6.js";import o from"react";import{MenuOptionGroup as t}from"../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js";var i=function(i){var n=i.children,s=e(i,["children"]);return o.createElement(t,r({className:"MenuList__OptionGroup",position:"relative"},s),n)};export{i as default};
 //# sourceMappingURL=menuOptionGroup.component.js.map

package/build/components/Menu/components/MenuOptionGroup/menuOptionGroup.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuOptionGroup.component.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/menu';\n\nconst MenuOptionGroup = ({ children, ...rest }: CMenuOptionGroupProps): JSX.Element => {\n return (\n <CMenuOptionGroup className=\"MenuList__OptionGroup\" position=\"relative\" {...rest}>\n {children}\n </CMenuOptionGroup>\n );\n};\n\nexport default MenuOptionGroup;\n"],"names":["_a","children","rest","__rest","React","createElement","CMenuOptionGroup","__assign","className","position"],"mappings":"~~wUAGwB~~,~~SAACA~~,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,~~EAAAA~~,~~OAAAH,~~EAAnB,cACvB,OACEI,~~EAAC~~,~~QAAAC,~~cAAAC,~~kBAAiBC~~,~~EAAAA~~,~~SAAA,~~CAAAC,UAAU,wBAAwBC,SAAS,YAAeP,GACzED"}
1	+ {"version":3,"file":"menuOptionGroup.component.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/menu';\n\nconst MenuOptionGroup = ({ children, ...rest }: CMenuOptionGroupProps): JSX.Element => {\n return (\n <CMenuOptionGroup className=\"MenuList__OptionGroup\" position=\"relative\" {...rest}>\n {children}\n </CMenuOptionGroup>\n );\n};\n\nexport default MenuOptionGroup;\n"],"names":["MenuOptionGroup","_a","children","rest","__rest","React","createElement","CMenuOptionGroup","__assign","className","position"],"mappings":"8MAGM,IAAAA,EAAkB,SAACC,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAH,EAAnB,cACvB,OACEI,EAACC,cAAAC,EAAiBC,EAAA,CAAAC,UAAU,wBAAwBC,SAAS,YAAeP,GACzED"}

package/build/components/Menu/components/MenuSearchBar/menuSearchBar.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../TextInput/textInput.component.js"),r=require("../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=n(e);exports.default=function(n){var a=n.handleKeyboardNavigation,o=n.menuItems,l=n.onSearchCallback,i=n.searchInputRef,c=n.setFilteredMenuItems,s=n.placeholder,f=void 0===s?"Search...":s,d=r.useMenuState().isOpen,v=e.useCallback((function(e){var t=e.target.value;if(""!==t&&t){var r=o.filter((function(e){var r,n="string"==typeof e.label?e.label:null===(r=e.label)||void 0===r?void 0:r.key;return null==n?void 0:n.toLowerCase().includes(t.toLowerCase())}));c(r)}else c(o);l&&l(e)}),[o,l,c]);return e.useEffect((function(){var e;return d&&(e=setTimeout((function(){var e;null===(e=null==i?void 0:i.current)||void 0===e||e.focus()}),200)),function(){return clearTimeout(e)}}),[i,d]),u.default.createElement(t.default,{className:"MenuList__SearchBar",placeholder:f,onChange:v,mt:1,onKeyDown:function(e){return a(e,!0)},size:"sm",ref:i})};
+import e,{useCallback as n,useEffect as r}from"react";import t from"../../../TextInput/textInput.component.js";import{useMenuState as o}from"../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js";var a=function(a){var u=a.handleKeyboardNavigation,i=a.menuItems,l=a.onSearchCallback,c=a.searchInputRef,s=a.setFilteredMenuItems,m=a.placeholder,f=void 0===m?"Search...":m,d=o().isOpen,v=n((function(e){var n=e.target.value;if(""!==n&&n){var r=i.filter((function(e){var r,t="string"==typeof e.label?e.label:null===(r=e.label)||void 0===r?void 0:r.key;return null==t?void 0:t.toLowerCase().includes(n.toLowerCase())}));s(r)}else s(i);l&&l(e)}),[i,l,s]);return r((function(){var e;return d&&(e=setTimeout((function(){var e;null===(e=null==c?void 0:c.current)||void 0===e||e.focus()}),200)),function(){return clearTimeout(e)}}),[c,d]),e.createElement(t,{className:"MenuList__SearchBar",placeholder:f,onChange:v,mt:1,onKeyDown:function(e){return u(e,!0)},size:"sm",ref:c})};export{a as default};
 //# sourceMappingURL=menuSearchBar.component.js.map

package/build/components/Menu/components/MenuSearchBar/menuSearchBar.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuSearchBar.component.js","sources":["../../../../../src/components/Menu/components/MenuSearchBar/menuSearchBar.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 'components/TextInput';\nimport { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/menu';\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\nconst 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\nexport default MenuSearchBar;\n"],"names":["_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","className","onChange","mt","onKeyDown","size","ref"],"mappings":"~~sUAsBsB~~,~~SAACA~~,GACrB,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~~,EAAS,~~QAAA,~~CACRC,UAAU,sBACVzB,YAAaA,EACb0B,SAAUvB,EACVwB,GAAI,EACJC,UAAW,SAACvB,GAA6C,OAAAX,EAAyBW,GAAG,IACrFwB,KAAK,KACLC,IAAKjC"}
1	+ {"version":3,"file":"menuSearchBar.component.js","sources":["../../../../../src/components/Menu/components/MenuSearchBar/menuSearchBar.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 'components/TextInput';\nimport { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/menu';\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\nconst 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\nexport default MenuSearchBar;\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","className","onChange","mt","onKeyDown","size","ref"],"mappings":"kNAsBM,IAAAA,EAAgB,SAACC,GACrB,IAAAC,6BACAC,cACAC,qBACAC,mBACAC,yBACAC,EAAAN,EAAAO,YAAAA,OAAW,IAAAD,EAAG,YAAWA,EAEjBE,EAAWC,WAEbC,EAAeC,GACnB,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,GAAU,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,gBAACC,EAAS,CACRC,UAAU,sBACVzB,YAAaA,EACb0B,SAAUvB,EACVwB,GAAI,EACJC,UAAW,SAACvB,GAA6C,OAAAX,EAAyBW,GAAG,IACrFwB,KAAK,KACLC,IAAKjC"}

package/build/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../../../chakra/components/Box/chakra/components/Box/index.js"),a=require("../../../../chakra/components/Flex/chakra/components/Flex/index.js"),l=require("../../../Button/button.component.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);exports.default=function(e){var r=e.groupName,u=e.handleToggleAllItems,c=e.hasSelectedItems;return e.isGrouped?n.default.createElement(t.default,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},c?n.default.createElement(l.default,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return u({groupName:r,clear:!0})},isDisabled:!c},"Clear all"):n.default.createElement(l.default,{variant:"ghost",size:"xs",onClick:function(){return u({groupName:r,clear:!1})}},"Select all")):n.default.createElement(t.default,{mt:"8px",className:"MenuList__SelectAllButtons"},n.default.createElement(a.default,{justifyContent:"space-between"},n.default.createElement(l.default,{variant:"ghost",size:"xs",onClick:function(){return u({clear:!1})}},"Select all"),n.default.createElement(l.default,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return u({clear:!0})},isDisabled:!c},"Clear all")))};
+import e from"react";import t from"../../../../chakra/components/Box/chakra/components/Box/index.js";import a from"../../../../chakra/components/Flex/chakra/components/Flex/index.js";import r from"../../../Button/button.component.js";var n=function(n){var l=n.groupName,o=n.handleToggleAllItems,c=n.hasSelectedItems;return n.isGrouped?e.createElement(t,{textAlign:"right",w:"50%",className:"MenuListItem__SelectAllButton"},c?e.createElement(r,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return o({groupName:l,clear:!0})},isDisabled:!c},"Clear all"):e.createElement(r,{variant:"ghost",size:"xs",onClick:function(){return o({groupName:l,clear:!1})}},"Select all")):e.createElement(t,{mt:"8px",className:"MenuList__SelectAllButtons"},e.createElement(a,{justifyContent:"space-between"},e.createElement(r,{variant:"ghost",size:"xs",onClick:function(){return o({clear:!1})}},"Select all"),e.createElement(r,{variant:"ghostNeutral",iconName:"arrowCircle",size:"xs",onClick:function(){return o({clear:!0})},isDisabled:!c},"Clear all")))};export{n as default};
 //# sourceMappingURL=menuSelectAllButtons.component.js.map

package/build/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menuSelectAllButtons.component.js","sources":["../../../../../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport Box from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport Button from 'components/Button';\n\nexport interface MenuSelectAllButtonsProps {\n groupName?: string;\n handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n hasSelectedItems: boolean;\n isGrouped: boolean;\n}\n\nconst 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\nexport default MenuSelectAllButtons;\n"],"names":["_a","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","React","Box","textAlign","w","className","createElement","Button","variant","iconName","size","onClick","clear","isDisabled","mt","Flex","justifyContent"],"mappings":"~~6YAY6B~~,~~SAACA~~,OAC5BC,EAASD,EAAAC,UACTC,EAAoBF,EAAAE,qBACpBC,EAAgBH,EAAAG,iBAGhB,OAFSH,EAAAI,UAILC,~~wBAACC~~,~~UAAG~~,CAACC,UAAU,QAAQC,EAAE,MAAMC,UAAU,iCACtCN,EACCE,~~EAAAA~~,~~QAACK,~~cAAAC,~~EAAM~~,~~SACLC,~~QAAQ,eACRC,SAAS,cACTC,KAAK,KACLC,QAAS,WAAY,OAAAb,EAAqB,CAAED,UAASA,EAAEe,OAAO,KAC9DC,YAAad,GAGN,aAETE,~~EAAAA~~,~~QAACK,~~cAAAC,~~EAAAA~~,~~SAAOC,~~QAAQ,QAAQE,KAAK,KAAKC,QAAS,WAAY,OAAAb,EAAqB,CAAED,UAASA,EAAEe,OAAO,MAEvF,eAOfX,~~EAAAA~~,~~QAACK,~~cAAAJ,~~EAAG~~,~~QAAC,~~CAAAY,GAAG,MAAMT,UAAU,8BACtBJ,~~EAAAA~~,~~QAAAK,~~cAACS,~~EAAAA~~,~~QAAI,~~CAACC,eAAe,iBACnBf,~~EAAC~~,~~QAAAK,~~cAAAC,~~UAAO~~,CAAAC,QAAQ,QAAQE,KAAK,KAAKC,QAAS,WAAY,OAAAb,EAAqB,CAAEc,OAAO,MAE5E,cACTX,~~EAAAA~~,~~QAAAK,~~cAACC,~~UACC~~,CAAAC,QAAQ,eACRC,SAAS,cACTC,KAAK,KACLC,QAAS,WAAY,OAAAb,EAAqB,CAAEc,OAAO,KACnDC,YAAad"}
1	+ {"version":3,"file":"menuSelectAllButtons.component.js","sources":["../../../../../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport Box from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport Button from 'components/Button';\n\nexport interface MenuSelectAllButtonsProps {\n groupName?: string;\n handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n hasSelectedItems: boolean;\n isGrouped: boolean;\n}\n\nconst 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\nexport default MenuSelectAllButtons;\n"],"names":["MenuSelectAllButtons","_a","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","React","Box","textAlign","w","className","createElement","Button","variant","iconName","size","onClick","clear","isDisabled","mt","Flex","justifyContent"],"mappings":"0OAYM,IAAAA,EAAuB,SAACC,OAC5BC,EAASD,EAAAC,UACTC,EAAoBF,EAAAE,qBACpBC,EAAgBH,EAAAG,iBAGhB,OAFSH,EAAAI,UAILC,gBAACC,EAAG,CAACC,UAAU,QAAQC,EAAE,MAAMC,UAAU,iCACtCN,EACCE,EAACK,cAAAC,GACCC,QAAQ,eACRC,SAAS,cACTC,KAAK,KACLC,QAAS,WAAY,OAAAb,EAAqB,CAAED,UAASA,EAAEe,OAAO,KAC9DC,YAAad,GAGN,aAETE,EAACK,cAAAC,GAAOC,QAAQ,QAAQE,KAAK,KAAKC,QAAS,WAAY,OAAAb,EAAqB,CAAED,UAASA,EAAEe,OAAO,MAEvF,eAOfX,EAACK,cAAAJ,EAAI,CAAAY,GAAG,MAAMT,UAAU,8BACtBJ,EAAAK,cAACS,EAAI,CAACC,eAAe,iBACnBf,EAACK,cAAAC,EAAO,CAAAC,QAAQ,QAAQE,KAAK,KAAKC,QAAS,WAAY,OAAAb,EAAqB,CAAEc,OAAO,MAE5E,cACTX,EAAAK,cAACC,EACC,CAAAC,QAAQ,eACRC,SAAS,cACTC,KAAK,KACLC,QAAS,WAAY,OAAAb,EAAqB,CAAEc,OAAO,KACnDC,YAAad"}

package/build/components/Menu/context/components/Menu/context/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../menu.context.js");exports.default=e.default;
+import t from"../../../menu.context.js";export{default}from"../../../menu.context.js";
 //# sourceMappingURL=index.js.map

package/build/components/Menu/context/menu.context.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(t),o=t.createContext({allMenuItems:[],filteredMenuItems:[],focusedItemIndex:-1,groups:[],handleOnClose:function(){throw new Error("handleOnClose(): Promise<void> not implemented")},setFilteredMenuItems:function(){throw new Error("setFilteredMenuItems(): Promise<void> not implemented")},setFocusedItemIndex:function(){throw new Error("setFocusedItemIndex(): Promise<void> not implemented")},setGroups:function(){throw new Error("setGroups(): Promise<void> not implemented")}});exports.MenuContext=o,exports.default=function(n){var u=n.menuItems,s=n.onClose,l=n.children,d=e.__read(t.useState(u||[]),2),i=d[0],m=d[1],a=e.__read(t.useState(null),2),f=a[0],c=a[1],I=e.__read(t.useState(-1),2),p=I[0],v=I[1],x=t.useRef(null),h=t.useRef([]),M=t.useCallback((function(){var e=null==u?void 0:u.filter((function(e){return!0===e.isSelected}));v(-1),s&&e&&s(e)}),[u,s]);return t.useEffect((function(){(null==u?void 0:u.length)&&m(u)}),[u]),r.default.createElement(o.Provider,{value:{allMenuItems:u,filteredMenuItems:i,focusedItemIndex:p,groups:f,menuItemRefs:h,handleOnClose:M,searchInputRef:x,setFilteredMenuItems:m,setFocusedItemIndex:v,setGroups:c}},l)},exports.useMenuContext=function(){return t.useContext(o)};
+import{__read as e}from"../../../node_modules/tslib/tslib.es6.js";import t,{createContext as n,useState as o,useRef as r,useCallback as s,useEffect as u,useContext as l}from"react";var i=n({allMenuItems:[],filteredMenuItems:[],focusedItemIndex:-1,groups:[],handleOnClose:function(){throw new Error("handleOnClose(): Promise<void> not implemented")},setFilteredMenuItems:function(){throw new Error("setFilteredMenuItems(): Promise<void> not implemented")},setFocusedItemIndex:function(){throw new Error("setFocusedItemIndex(): Promise<void> not implemented")},setGroups:function(){throw new Error("setGroups(): Promise<void> not implemented")}}),d=function(){return l(i)},m=function(n){var l=n.menuItems,d=n.onClose,m=n.children,I=e(o(l||[]),2),c=I[0],f=I[1],a=e(o(null),2),p=a[0],v=a[1],h=e(o(-1),2),w=h[0],M=h[1],x=r(null),F=r([]),E=s((function(){var e=null==l?void 0:l.filter((function(e){return!0===e.isSelected}));M(-1),d&&e&&d(e)}),[l,d]);return u((function(){(null==l?void 0:l.length)&&f(l)}),[l]),t.createElement(i.Provider,{value:{allMenuItems:l,filteredMenuItems:c,focusedItemIndex:w,groups:p,menuItemRefs:F,handleOnClose:E,searchInputRef:x,setFilteredMenuItems:f,setFocusedItemIndex:M,setGroups:v}},m)};export{i as MenuContext,m as default,d as useMenuContext};
 //# sourceMappingURL=menu.context.js.map

package/build/components/Menu/context/menu.context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu.context.js","sources":["../../../../src/components/Menu/context/menu.context.tsx"],"sourcesContent":["import React, {\n ReactNode,\n useState,\n useContext,\n createContext,\n useRef,\n Dispatch,\n SetStateAction,\n MutableRefObject,\n useCallback,\n useEffect,\n} from 'react';\nimport { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\n\nexport interface IMenuContext {\n allMenuItems?: MenuItemProps[];\n filteredMenuItems?: MenuItemProps[];\n focusedItemIndex: number;\n groups: (string \| undefined)[] \| null;\n menuItemRefs?: MutableRefObject<HTMLDivElement[] \| null[]>;\n handleOnClose: () => void;\n searchInputRef?: MutableRefObject<HTMLInputElement \| null>;\n setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n setFocusedItemIndex: Dispatch<SetStateAction<number>>;\n setGroups: Dispatch<SetStateAction<(string \| undefined)[] \| null>>;\n}\n\n// TODO: Figure out how to document this functionality\n\nexport const MenuContext = createContext<IMenuContext>({\n allMenuItems: [],\n filteredMenuItems: [],\n focusedItemIndex: -1,\n groups: [],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n handleOnClose: (): Promise<void> => {\n throw new Error('handleOnClose(): Promise<void> not implemented');\n },\n setFilteredMenuItems: (): Promise<void> => {\n throw new Error('setFilteredMenuItems(): Promise<void> not implemented');\n },\n setFocusedItemIndex: (): Promise<void> => {\n throw new Error('setFocusedItemIndex(): Promise<void> not implemented');\n },\n setGroups: (): Promise<void> => {\n throw new Error('setGroups(): Promise<void> not implemented');\n },\n});\n\nexport const useMenuContext = (): IMenuContext => useContext<IMenuContext>(MenuContext);\n\nexport interface MenuProviderProps {\n menuItems?: MenuItemProps[];\n onClose?: (value: (MenuItemProps \| undefined)[]) => void;\n isMultiSelect?: boolean;\n children?: ReactNode;\n}\n\nconst MenuProvider = ({ menuItems, onClose, children }: MenuProviderProps): JSX.Element => {\n const [filteredMenuItems, setFilteredMenuItems] = useState<MenuItemProps[]>(menuItems \|\| []);\n const [groups, setGroups] = useState<(string \| undefined)[] \| null>(null);\n const [focusedItemIndex, setFocusedItemIndex] = useState<number>(-1);\n\n const searchInputRef = useRef<HTMLInputElement \| null>(null);\n const menuItemRefs = useRef<HTMLDivElement[] \| null[]>([]);\n\n const handleOnClose = useCallback(() => {\n const selectedItems = menuItems?.filter((item) => item.isSelected === true);\n setFocusedItemIndex(-1);\n\n if (onClose && selectedItems) {\n onClose(selectedItems);\n }\n }, [menuItems, onClose]);\n\n useEffect(() => {\n if (menuItems?.length) {\n setFilteredMenuItems(menuItems);\n }\n }, [menuItems]);\n\n return (\n <MenuContext.Provider\n value={{\n allMenuItems: menuItems,\n filteredMenuItems,\n focusedItemIndex,\n groups,\n menuItemRefs,\n handleOnClose,\n searchInputRef,\n setFilteredMenuItems,\n setFocusedItemIndex,\n setGroups,\n }}\n >\n {children}\n </MenuContext.Provider>\n );\n};\n\nexport default MenuProvider;\n"],"names":["MenuContext","createContext","allMenuItems","filteredMenuItems","focusedItemIndex","groups","handleOnClose","Error","setFilteredMenuItems","setFocusedItemIndex","setGroups","_a","menuItems","onClose","children","_b","__read","useState","_c","_d","searchInputRef","useRef","menuItemRefs","useCallback","selectedItems","filter","item","isSelected","useEffect","length","React","createElement","Provider","value"~~,"useContext"~~],"mappings":"~~oOA6BaA~~,EAAcC,~~EAAAA~~,~~cAA4B,~~CACrDC,aAAc,GACdC,kBAAmB,GACnBC,kBAAmB,EACnBC,OAAQ,GAERC,cAAe,WACb,MAAM,IAAIC,MAAM,mDAElBC,qBAAsB,WACpB,MAAM,IAAID,MAAM,0DAElBE,oBAAqB,WACnB,MAAM,IAAIF,MAAM,yDAElBG,UAAW,WACT,MAAM,IAAIH,MAAM,~~uFAaC~~,~~SAACI~~,GAAE,IAAAC,cAAWC,EAAOF,EAAAE,QAAEC,EAAQH,EAAAG,SAC5CC,EAAAC,~~EAAAA~~,~~OAA4CC~~,~~EAAAA,SAA0BL,~~GAAa,IAAG,~~GAArFT~~,~~EAAiBY~~,EAAA,~~GAAEP~~,~~OACpBU~~,EAAAF,~~EAAAA~~,~~OAAsBC~~,~~EAAQA,SAAgC,~~MAAK,~~GAAlEZ~~,~~EAAMa~~,EAAA,~~GAAER~~,~~OACTS~~,EAAAH,~~EAAAA~~,~~OAA0CC~~,~~EAAQA,UAAU,~~GAAE,~~GAA7Db~~,~~EAAgBe~~,EAAA,~~GAAEV~~,~~OAEnBW~~,EAAiBC,~~SAAgC~~,MACjDC,EAAeD,~~SAAkC~~,~~IAEjDf~~,~~EAAgBiB~~,~~EAAAA~~,~~aAAY,~~WAChC,IAAMC,EAAgBZ,MAAAA,OAAA,EAAAA,EAAWa,QAAO,SAACC,GAAS,OAAoB,IAApBA,EAAKC,~~cACvDlB~~,GAAqB,~~GAEjBI~~,GAAWW,GACbX,EAAQW,KAET,CAACZ,EAAWC,IAQf,OANAe,~~EAAAA~~,~~WAAU,~~YACJhB,MAAAA,SAAAA,EAAWiB,~~SACbrB~~,~~EAAqBI~~,KAEtB,CAACA,IAGFkB,~~EAAC~~,~~QAAAC~~,~~cAAA/B~~,~~EAAYgC,~~SAAQ,CACnBC,MAAO,~~CACL/B~~,~~aAAcU~~,~~EACdT~~,kBAAiBA,EACjBC,iBAAgBA,EAChBC,OAAMA,~~EACNiB~~,aAAYA,~~EACZhB~~,cAAaA,~~EACbc~~,eAAcA,~~EACdZ~~,qBAAoBA,EACpBC,oBAAmBA,EACnBC,UAASA,~~IAGVI,2BA/CuB,WAAoB,OAAAoB,aAAyBlC~~"}
1	+ {"version":3,"file":"menu.context.js","sources":["../../../../src/components/Menu/context/menu.context.tsx"],"sourcesContent":["import React, {\n ReactNode,\n useState,\n useContext,\n createContext,\n useRef,\n Dispatch,\n SetStateAction,\n MutableRefObject,\n useCallback,\n useEffect,\n} from 'react';\nimport { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\n\nexport interface IMenuContext {\n allMenuItems?: MenuItemProps[];\n filteredMenuItems?: MenuItemProps[];\n focusedItemIndex: number;\n groups: (string \| undefined)[] \| null;\n menuItemRefs?: MutableRefObject<HTMLDivElement[] \| null[]>;\n handleOnClose: () => void;\n searchInputRef?: MutableRefObject<HTMLInputElement \| null>;\n setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n setFocusedItemIndex: Dispatch<SetStateAction<number>>;\n setGroups: Dispatch<SetStateAction<(string \| undefined)[] \| null>>;\n}\n\n// TODO: Figure out how to document this functionality\n\nexport const MenuContext = createContext<IMenuContext>({\n allMenuItems: [],\n filteredMenuItems: [],\n focusedItemIndex: -1,\n groups: [],\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n handleOnClose: (): Promise<void> => {\n throw new Error('handleOnClose(): Promise<void> not implemented');\n },\n setFilteredMenuItems: (): Promise<void> => {\n throw new Error('setFilteredMenuItems(): Promise<void> not implemented');\n },\n setFocusedItemIndex: (): Promise<void> => {\n throw new Error('setFocusedItemIndex(): Promise<void> not implemented');\n },\n setGroups: (): Promise<void> => {\n throw new Error('setGroups(): Promise<void> not implemented');\n },\n});\n\nexport const useMenuContext = (): IMenuContext => useContext<IMenuContext>(MenuContext);\n\nexport interface MenuProviderProps {\n menuItems?: MenuItemProps[];\n onClose?: (value: (MenuItemProps \| undefined)[]) => void;\n isMultiSelect?: boolean;\n children?: ReactNode;\n}\n\nconst MenuProvider = ({ menuItems, onClose, children }: MenuProviderProps): JSX.Element => {\n const [filteredMenuItems, setFilteredMenuItems] = useState<MenuItemProps[]>(menuItems \|\| []);\n const [groups, setGroups] = useState<(string \| undefined)[] \| null>(null);\n const [focusedItemIndex, setFocusedItemIndex] = useState<number>(-1);\n\n const searchInputRef = useRef<HTMLInputElement \| null>(null);\n const menuItemRefs = useRef<HTMLDivElement[] \| null[]>([]);\n\n const handleOnClose = useCallback(() => {\n const selectedItems = menuItems?.filter((item) => item.isSelected === true);\n setFocusedItemIndex(-1);\n\n if (onClose && selectedItems) {\n onClose(selectedItems);\n }\n }, [menuItems, onClose]);\n\n useEffect(() => {\n if (menuItems?.length) {\n setFilteredMenuItems(menuItems);\n }\n }, [menuItems]);\n\n return (\n <MenuContext.Provider\n value={{\n allMenuItems: menuItems,\n filteredMenuItems,\n focusedItemIndex,\n groups,\n menuItemRefs,\n handleOnClose,\n searchInputRef,\n setFilteredMenuItems,\n setFocusedItemIndex,\n setGroups,\n }}\n >\n {children}\n </MenuContext.Provider>\n );\n};\n\nexport default MenuProvider;\n"],"names":["MenuContext","createContext","allMenuItems","filteredMenuItems","focusedItemIndex","groups","handleOnClose","Error","setFilteredMenuItems","setFocusedItemIndex","setGroups","useMenuContext","useContext","MenuProvider","_a","menuItems","onClose","children","_b","__read","useState","_c","_d","searchInputRef","useRef","menuItemRefs","useCallback","selectedItems","filter","item","isSelected","useEffect","length","React","createElement","Provider","value"],"mappings":"qLA6BO,IAAMA,EAAcC,EAA4B,CACrDC,aAAc,GACdC,kBAAmB,GACnBC,kBAAmB,EACnBC,OAAQ,GAERC,cAAe,WACb,MAAM,IAAIC,MAAM,mDAElBC,qBAAsB,WACpB,MAAM,IAAID,MAAM,0DAElBE,oBAAqB,WACnB,MAAM,IAAIF,MAAM,yDAElBG,UAAW,WACT,MAAM,IAAIH,MAAM,iDAIPI,EAAiB,WAAoB,OAAAC,EAAyBZ,IASrEa,EAAe,SAACC,GAAE,IAAAC,cAAWC,EAAOF,EAAAE,QAAEC,EAAQH,EAAAG,SAC5CC,EAAAC,EAA4CC,EAA0BL,GAAa,IAAG,GAArFZ,EAAiBe,EAAA,GAAEV,OACpBa,EAAAF,EAAsBC,EAAwC,MAAK,GAAlEf,EAAMgB,EAAA,GAAEX,OACTY,EAAAH,EAA0CC,GAAkB,GAAE,GAA7DhB,EAAgBkB,EAAA,GAAEb,OAEnBc,EAAiBC,EAAgC,MACjDC,EAAeD,EAAkC,IAEjDlB,EAAgBoB,GAAY,WAChC,IAAMC,EAAgBZ,MAAAA,OAAA,EAAAA,EAAWa,QAAO,SAACC,GAAS,OAAoB,IAApBA,EAAKC,cACvDrB,GAAqB,GAEjBO,GAAWW,GACbX,EAAQW,KAET,CAACZ,EAAWC,IAQf,OANAe,GAAU,YACJhB,MAAAA,SAAAA,EAAWiB,SACbxB,EAAqBO,KAEtB,CAACA,IAGFkB,EAACC,cAAAlC,EAAYmC,SAAQ,CACnBC,MAAO,CACLlC,aAAca,EACdZ,kBAAiBA,EACjBC,iBAAgBA,EAChBC,OAAMA,EACNoB,aAAYA,EACZnB,cAAaA,EACbiB,eAAcA,EACdf,qBAAoBA,EACpBC,oBAAmBA,EACnBC,UAASA,IAGVO"}

package/build/components/Menu/menu.component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js"),u=require("./components/MenuContainer/menuContainer.component.js"),o=require("./components/MenuButton/menuButton.component.js"),s=require("./components/MenuList/menuList.component.js"),r=require("./context/menu.context.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(t);exports.default=function(t){var i=t.buttonProps,a=t.CustomTriggerElement,m=t.listProps,c=t.containerProps,d=e.__rest(t,["buttonProps","CustomTriggerElement","listProps","containerProps"]);return l.default.createElement(r.default,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==c?void 0:c.onClose},l.default.createElement(u.default,e.__assign({isLazy:null==c?void 0:c.isLazy},c,d),a?l.default.createElement(a,{as:n.MenuButton}):l.default.createElement(o.default,e.__assign({},i)),l.default.createElement(s.default,e.__assign({},m,{isMatchWidthSet:d.matchWidth,menuItems:null==m?void 0:m.menuItems}))))};
+import{__rest as e,__assign as t}from"../../node_modules/tslib/tslib.es6.js";import o from"react";import{MenuButton as n}from"../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js";import m from"./components/MenuContainer/menuContainer.component.js";import r from"./components/MenuButton/menuButton.component.js";import s from"./components/MenuList/menuList.component.js";import i from"./context/menu.context.js";var u=function(u){var l=u.buttonProps,a=u.CustomTriggerElement,c=u.listProps,p=u.containerProps,d=e(u,["buttonProps","CustomTriggerElement","listProps","containerProps"]);return o.createElement(i,{menuItems:null==c?void 0:c.menuItems,isMultiSelect:null==c?void 0:c.isMultiSelect,onClose:null==p?void 0:p.onClose},o.createElement(m,t({isLazy:null==p?void 0:p.isLazy},p,d),a?o.createElement(a,{as:n}):o.createElement(r,t({},l)),o.createElement(s,t({},c,{isMatchWidthSet:d.matchWidth,menuItems:null==c?void 0:c.menuItems}))))};export{u as default};
 //# sourceMappingURL=menu.component.js.map

package/build/components/Menu/menu.component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"menu.component.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/menu';\nimport MenuContainer, { MenuContainerProps } from 'components/Menu/components/MenuContainer/menuContainer.component';\nimport MenuButton, { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.component';\nimport MenuList, { MenuListProps } from 'components/Menu/components/MenuList/menuList.component';\nimport MenuProvider from 'components/Menu/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\nconst Menu = ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: 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\nexport default Menu;\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":"~~4hBAea~~,~~SAACA~~,GAAE,IAAAC,EAAWD,EAAAC,YAAEC,yBAAsBC,EAASH,EAAAG,UAAEC,EAAcJ,EAAAI,eAAKC,EAAKC,~~EAAAA~~,~~OAAAN,~~EAAxE,qEACZ,OACEO,~~EAAAA~~,~~QAAAC,~~cAACC,~~EAAAA~~,~~QAAY,~~CACXC,UAAWP,MAAAA,OAAA,EAAAA,EAAWO,UACtBC,cAAeR,MAAAA,OAAS,EAATA,EAAWQ,cAC1BC,QAASR,MAAAA,OAAA,EAAAA,EAAgBQ,SAEzBL,~~EAAA~~,~~QAAAC,~~cAACK,~~EAAa~~,~~QAAAC~~,~~EAAAA,SAAA,~~CAACC,OAAQX,MAAAA,OAAA,EAAAA,EAAgBW,QAAYX,EAAoBC,GACpEH,EAECK,~~EAAAA~~,~~QAAAC,~~cAACN,EAAqB,CAAAc,GAAIC,~~EAAWC~~,~~aAErCX~~,~~UAACC,~~cAAAU,~~EAAAA~~,~~QAAeJ~~,~~EAAAA,SAAA,~~GAAAb,IAElBM,~~UAACC~~,cAAAW,~~EAAQ~~,~~sBAAKhB,~~EAAS,CAAEiB,gBAAiBf,EAAMgB,WAAYX,UAAWP,MAAAA,OAAS,EAATA,EAAWO"}
1	+ {"version":3,"file":"menu.component.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/menu';\nimport MenuContainer, { MenuContainerProps } from 'components/Menu/components/MenuContainer/menuContainer.component';\nimport MenuButton, { MenuButtonProps } from 'components/Menu/components/MenuButton/menuButton.component';\nimport MenuList, { MenuListProps } from 'components/Menu/components/MenuList/menuList.component';\nimport MenuProvider from 'components/Menu/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\nconst Menu = ({ buttonProps, CustomTriggerElement, listProps, containerProps, ...props }: 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\nexport default Menu;\n"],"names":["Menu","_a","buttonProps","CustomTriggerElement","listProps","containerProps","props","__rest","React","createElement","MenuProvider","menuItems","isMultiSelect","onClose","MenuContainer","__assign","isLazy","as","CMenuButton","MenuButton","MenuList","isMatchWidthSet","matchWidth"],"mappings":"qaAeM,IAAAA,EAAO,SAACC,GAAE,IAAAC,EAAWD,EAAAC,YAAEC,yBAAsBC,EAASH,EAAAG,UAAEC,EAAcJ,EAAAI,eAAKC,EAAKC,EAAAN,EAAxE,qEACZ,OACEO,EAAAC,cAACC,EAAY,CACXC,UAAWP,MAAAA,OAAA,EAAAA,EAAWO,UACtBC,cAAeR,MAAAA,OAAS,EAATA,EAAWQ,cAC1BC,QAASR,MAAAA,OAAA,EAAAA,EAAgBQ,SAEzBL,EAAAC,cAACK,EAAaC,EAAA,CAACC,OAAQX,MAAAA,OAAA,EAAAA,EAAgBW,QAAYX,EAAoBC,GACpEH,EAECK,EAAAC,cAACN,EAAqB,CAAAc,GAAIC,IAE1BV,EAACC,cAAAU,EAAeJ,EAAA,GAAAb,IAElBM,EAACC,cAAAW,OAAahB,EAAS,CAAEiB,gBAAiBf,EAAMgB,WAAYX,UAAWP,MAAAA,OAAS,EAATA,EAAWO"}

package/build/components/Menu/menu.config.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../theme/tokens/colors/color.record.js"),e=require("../../theme/tokens/fontSizes.js"),t=require("../../theme/tokens/shadows/shadows.config.js"),r={color:o.adaptiveColors.text.light.subtle,cursor:"pointer",fontSize:e.fontSizes.sm,px:"20px",py:"8px",outline:0,transitionDuration:"ultra-fast",transitionProperty:"background",transitionTimingFunction:"ease-in",_hover:{bg:o.semanticColors.background.hover},_focus:{bg:o.semanticColors.background.hover},_active:{color:o.adaptiveColors.text.light.link},_expanded:{bg:o.semanticColors.background.hover},_disabled:{opacity:.4,cursor:"not-allowed",bg:"transparent",color:o.adaptiveColors.text.light.subtle}},s={baseStyle:{item:r,list:{p:"8px 0",boxShadow:t.shadows.md,borderColor:o.colors.border.light.default}}};exports.MenuConfig=s,exports.MenuItemConfig=r;
+import{adaptiveColors as o,semanticColors as t,colors as r}from"../../theme/tokens/colors/color.record.js";import{fontSizes as e}from"../../theme/tokens/fontSizes.js";import{shadows as i}from"../../theme/tokens/shadows/shadows.config.js";var n={color:o.text.light.subtle,cursor:"pointer",fontSize:e.sm,px:"20px",py:"8px",outline:0,transitionDuration:"ultra-fast",transitionProperty:"background",transitionTimingFunction:"ease-in",_hover:{bg:t.background.hover},_focus:{bg:t.background.hover},_active:{color:o.text.light.link},_expanded:{bg:t.background.hover},_disabled:{opacity:.4,cursor:"not-allowed",bg:"transparent",color:o.text.light.subtle}},s={baseStyle:{item:n,list:{p:"8px 0",boxShadow:i.md,borderColor:r.border.light.default}}};export{s as MenuConfig,n as MenuItemConfig};
 //# sourceMappingURL=menu.config.js.map