@televet/kibble-ui 1.20.3 → 1.20.4

package/build/{logo.component-f41ae943.js.map → logo.component-3fbae314.js.map}

@@ -1 +1 @@
-{"version":3,"file":"logo.component-f41ae943.js","sources":["../src/assets/logos/teal.svg","../src/assets/logos/tealIcon.svg","../src/assets/logos/black.svg","../src/assets/logos/blackIcon.svg","../src/assets/logos/white.svg","../src/assets/logos/whiteIcon.svg","../src/components/Logo/logo.config.ts","../src/components/Logo/logo.component.tsx"],"sourcesContent":["<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 200 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M176.773 35.1664C174.312 40.0444 169.523 43.0428 163.034 43.0428C153.815 43.0428 147.326 36.6432 147.326 27.4689C147.326 18.5183 153.905 11.8949 162.676 11.8949C171.627 11.8949 177.803 18.4288 177.803 27.7374C177.803 28.7667 177.758 29.5275 177.668 29.8855H155.919C156.232 33.3762 159.409 35.8824 163.034 35.8824C166.256 35.8824 168.002 34.4951 169.389 32.3022L176.773 35.1664ZM169.21 24.1572C168.852 20.9797 166.167 18.6973 162.631 18.6973C159.141 18.6973 156.321 21.3378 155.963 24.1572H169.21Z\" fill=\"#050E5F\"/>\n<path d=\"M192.482 3.92897V12.611H200V19.8162H192.482V30.6911C192.482 33.8686 193.869 35.1216 196.733 35.1216C197.807 35.1216 199.015 34.8084 199.955 34.2266V41.7898C198.657 42.4611 196.644 42.9981 193.824 42.9981C187.603 42.9981 183.755 39.1494 183.755 32.5707V19.8609H179.548V12.6558H183.755V3.97371H192.482V3.92897Z\" fill=\"#050E5F\"/>\n<path d=\"M139.047 0.0354962C135.332 0.214507 132.334 3.21294 132.155 6.92742C131.976 11.0894 135.288 14.4906 139.36 14.4906C139.405 14.4906 139.45 14.4906 139.539 14.4906L139.673 19.7267C139.673 20.219 140.389 20.398 140.613 19.9505C140.613 19.9505 145.312 11.0894 145.357 10.9999C146.252 9.20981 146.61 8.67278 146.61 7.24069C146.61 3.16819 143.164 -0.143515 139.047 0.0354962Z\" fill=\"#050E5F\"/>\n<path d=\"M129.022 23.3965H128.977L117.521 0.0355655H106.825L124.055 33.5554L128.933 42.9982L133.855 33.3764L129.022 23.3965Z\" fill=\"#050E5F\"/>\n<path d=\"M0 0.259277H31.1927V8.67279H20.1387V42.2373H11.0987V8.67279H0V0.259277Z\" fill=\"#39ADC3\"/>\n<path d=\"M58.5366 35.1664C56.0752 40.0445 51.2866 43.0429 44.7975 43.0429C35.5784 43.0429 29.0893 36.6433 29.0893 27.4689C29.0893 18.5184 35.6679 11.895 44.4395 11.895C53.39 11.895 59.5659 18.4289 59.5659 27.7375C59.5659 28.7668 59.5211 29.5276 59.4316 29.8856H37.6818C37.9951 33.3763 41.1725 35.8825 44.7975 35.8825C48.0197 35.8825 49.765 34.4951 51.1524 32.3022L58.5366 35.1664ZM50.9734 24.1572C50.6154 20.9798 47.9302 18.6974 44.3947 18.6974C40.904 18.6974 38.0846 21.3378 37.7266 24.1572H50.9734Z\" fill=\"#39ADC3\"/>\n<path d=\"M73.2155 0.259278V42.2373H64.444V0.259278H73.2155Z\" fill=\"#39ADC3\"/>\n<path d=\"M107.675 35.1664C105.214 40.0445 100.425 43.0429 93.936 43.0429C84.717 43.0429 78.2278 36.6433 78.2278 27.4689C78.2278 18.5184 84.8065 11.895 93.578 11.895C102.529 11.895 108.704 18.4289 108.704 27.7375C108.704 28.7668 108.66 29.5276 108.57 29.8856H86.8203C87.1336 33.3763 90.3111 35.8825 93.936 35.8825C97.1582 35.8825 98.9036 34.4951 100.291 32.3022L107.675 35.1664ZM100.157 24.1572C99.7987 20.9798 97.1135 18.6974 93.578 18.6974C90.0873 18.6974 87.2679 21.3378 86.9098 24.1572H100.157Z\" fill=\"#39ADC3\"/>\n</svg>\n","<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 56 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M55.5963 10.1029C55.5963 4.37262 50.8133 -0.246832 45.0066 0.0176401C39.8352 0.264481 35.617 4.46078 35.3875 9.62681C35.1228 15.4276 39.747 20.2057 45.4831 20.2057C45.5537 20.2057 45.6243 20.2057 45.7125 20.2057L45.8714 27.5404C45.889 28.2633 46.8421 28.4925 47.1951 27.8578C47.1951 27.8578 53.7784 15.4628 53.8314 15.357C55.0845 12.8357 55.5963 12.1128 55.5963 10.1029Z\" fill=\"#39ADC3\"/>\n<path d=\"M31.0104 32.6183H30.9927V32.6535L14.9316 0H0L30.8868 60L37.7878 46.5648L31.0104 32.6183Z\" fill=\"#39ADC3\"/>\n</svg>\n","<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 200 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M0 0.230702H31.1926V8.64421H20.1387V42.2088H11.0987V8.64421H0V0.230702Z\" fill=\"black\"/>\n<path d=\"M58.5366 35.1378C56.0752 40.0159 51.2866 43.0143 44.7975 43.0143C35.5784 43.0143 29.0893 36.6147 29.0893 27.4404C29.0893 18.4898 35.6679 11.8664 44.4395 11.8664C53.39 11.8664 59.5659 18.4003 59.5659 27.7089C59.5659 28.7382 59.5211 29.499 59.4316 29.857H37.6818C37.9951 33.3477 41.1725 35.8539 44.7975 35.8539C48.0197 35.8539 49.765 34.4665 51.1524 32.2736L58.5366 35.1378ZM50.9734 24.1287C50.6153 20.9512 47.9302 18.6688 44.3947 18.6688C40.904 18.6688 38.0846 21.3092 37.7265 24.1287H50.9734Z\" fill=\"black\"/>\n<path d=\"M73.2155 0.230701V42.2088H64.4439V0.230701H73.2155Z\" fill=\"black\"/>\n<path d=\"M107.675 35.1378C105.214 40.0159 100.425 43.0143 93.936 43.0143C84.7169 43.0143 78.2278 36.6147 78.2278 27.4404C78.2278 18.4898 84.8064 11.8664 93.578 11.8664C102.529 11.8664 108.704 18.4003 108.704 27.7089C108.704 28.7382 108.66 29.499 108.57 29.857H86.8203C87.1336 33.3477 90.311 35.8539 93.936 35.8539C97.1582 35.8539 98.9036 34.4665 100.291 32.2736L107.675 35.1378ZM100.157 24.1287C99.7986 20.9512 97.1134 18.6688 93.578 18.6688C90.0873 18.6688 87.2678 21.3092 86.9098 24.1287H100.157Z\" fill=\"black\"/>\n<path d=\"M176.773 35.1378C174.312 40.0159 169.523 43.0143 163.034 43.0143C153.815 43.0143 147.326 36.6147 147.326 27.4404C147.326 18.4898 153.905 11.8664 162.676 11.8664C171.627 11.8664 177.803 18.4003 177.803 27.7089C177.803 28.7382 177.758 29.499 177.668 29.857H155.919C156.232 33.3477 159.409 35.8539 163.034 35.8539C166.256 35.8539 168.002 34.4665 169.389 32.2736L176.773 35.1378ZM169.21 24.1287C168.852 20.9512 166.167 18.6688 162.631 18.6688C159.141 18.6688 156.321 21.3092 155.963 24.1287H169.21Z\" fill=\"black\"/>\n<path d=\"M192.482 3.90043V12.5825H200V19.7876H192.482V30.6626C192.482 33.84 193.869 35.0931 196.733 35.0931C197.807 35.0931 199.015 34.7798 199.955 34.198V41.7612C198.657 42.4325 196.644 42.9696 193.824 42.9696C187.603 42.9696 183.755 39.1208 183.755 32.5422V19.8324H179.548V12.6272H183.755V3.94517H192.482V3.90043Z\" fill=\"black\"/>\n<path d=\"M139.047 0.00693176C135.332 0.185943 132.334 3.18437 132.155 6.89885C131.976 11.0609 135.288 14.4621 139.36 14.4621C139.405 14.4621 139.45 14.4621 139.539 14.4621L139.673 19.6981C139.673 20.1904 140.389 20.3694 140.613 19.9219C140.613 19.9219 145.312 11.0609 145.357 10.9714C146.252 9.18124 146.61 8.64421 146.61 7.21212C146.61 3.13963 143.164 -0.172079 139.047 0.00693176Z\" fill=\"black\"/>\n<path d=\"M129.022 23.3678H128.977L117.521 0.00687477H106.825L124.055 33.5267L128.933 42.9695L133.855 33.3477L129.022 23.3678Z\" fill=\"black\"/>\n</svg>\n","<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 56 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M55.5963 10.1029C55.5963 4.37262 50.8133 -0.246825 45.0066 0.0176471C39.8352 0.264488 35.617 4.46079 35.3875 9.62682C35.1228 15.4276 39.747 20.2057 45.4831 20.2057C45.5537 20.2057 45.6243 20.2057 45.7125 20.2057L45.8714 27.5404C45.889 28.2633 46.8421 28.4925 47.1951 27.8578C47.1951 27.8578 53.7784 15.4628 53.8314 15.3571C55.0845 12.8358 55.5963 12.1129 55.5963 10.1029Z\" fill=\"black\"/>\n<path d=\"M31.0104 32.6183H30.9927V32.6535L14.9316 0H0L30.8868 60L37.7878 46.5648L31.0104 32.6183Z\" fill=\"black\"/>\n</svg>\n","<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 200 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M0 0.244986H31.1926V8.6585H20.1387V42.2231H11.0987V8.6585H0V0.244986Z\" fill=\"white\"/>\n<path d=\"M58.5366 35.1521C56.0752 40.0302 51.2866 43.0286 44.7975 43.0286C35.5784 43.0286 29.0893 36.629 29.0893 27.4547C29.0893 18.5041 35.6679 11.8807 44.4395 11.8807C53.39 11.8807 59.5659 18.4146 59.5659 27.7232C59.5659 28.7525 59.5211 29.5133 59.4316 29.8713H37.6818C37.9951 33.362 41.1725 35.8682 44.7975 35.8682C48.0197 35.8682 49.765 34.4808 51.1524 32.2879L58.5366 35.1521ZM50.9734 24.143C50.6153 20.9655 47.9302 18.6831 44.3947 18.6831C40.904 18.6831 38.0846 21.3235 37.7265 24.143H50.9734Z\" fill=\"white\"/>\n<path d=\"M73.2155 0.244985V42.2231H64.4439V0.244985H73.2155Z\" fill=\"white\"/>\n<path d=\"M107.675 35.1521C105.214 40.0302 100.425 43.0286 93.936 43.0286C84.7169 43.0286 78.2278 36.629 78.2278 27.4547C78.2278 18.5041 84.8065 11.8807 93.578 11.8807C102.529 11.8807 108.704 18.4146 108.704 27.7232C108.704 28.7525 108.66 29.5133 108.57 29.8713H86.8203C87.1336 33.362 90.311 35.8682 93.936 35.8682C97.1582 35.8682 98.9036 34.4808 100.291 32.2879L107.675 35.1521ZM100.157 24.143C99.7986 20.9655 97.1135 18.6831 93.578 18.6831C90.0873 18.6831 87.2678 21.3235 86.9098 24.143H100.157Z\" fill=\"white\"/>\n<path d=\"M176.773 35.1521C174.312 40.0302 169.523 43.0286 163.034 43.0286C153.815 43.0286 147.326 36.629 147.326 27.4547C147.326 18.5041 153.905 11.8807 162.676 11.8807C171.627 11.8807 177.803 18.4146 177.803 27.7232C177.803 28.7525 177.758 29.5133 177.668 29.8713H155.919C156.232 33.362 159.409 35.8682 163.034 35.8682C166.256 35.8682 168.002 34.4808 169.389 32.2879L176.773 35.1521ZM169.21 24.143C168.852 20.9655 166.167 18.6831 162.631 18.6831C159.141 18.6831 156.321 21.3235 155.963 24.143H169.21Z\" fill=\"white\"/>\n<path d=\"M192.482 3.91472V12.5967H200V19.8019H192.482V30.6769C192.482 33.8543 193.869 35.1074 196.733 35.1074C197.807 35.1074 199.015 34.7941 199.955 34.2123V41.7755C198.657 42.4468 196.644 42.9839 193.824 42.9839C187.604 42.9839 183.755 39.1351 183.755 32.5565V19.8467H179.548V12.6415H183.755V3.95946H192.482V3.91472Z\" fill=\"white\"/>\n<path d=\"M139.047 0.021214C135.332 0.200225 132.334 3.19866 132.155 6.91314C131.976 11.0751 135.288 14.4763 139.36 14.4763C139.405 14.4763 139.45 14.4763 139.539 14.4763L139.673 19.7124C139.673 20.2047 140.389 20.3837 140.613 19.9362C140.613 19.9362 145.312 11.0751 145.357 10.9856C146.252 9.19553 146.61 8.6585 146.61 7.22641C146.61 3.15391 143.164 -0.157797 139.047 0.021214Z\" fill=\"white\"/>\n<path d=\"M129.022 23.3822H128.977L117.521 0.0212479H106.825L124.055 33.5411L128.933 42.9839L133.855 33.362L129.022 23.3822Z\" fill=\"white\"/>\n</svg>\n","<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 56 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M55.5963 10.1029C55.5963 4.37261 50.8133 -0.246838 45.0066 0.0176347C39.8352 0.264476 35.617 4.46077 35.3875 9.6268C35.1228 15.4276 39.747 20.2057 45.4831 20.2057C45.5537 20.2057 45.6243 20.2057 45.7125 20.2057L45.8714 27.5404C45.889 28.2633 46.8421 28.4925 47.1951 27.8578C47.1951 27.8578 53.7784 15.4628 53.8314 15.357C55.0845 12.8357 55.5963 12.1128 55.5963 10.1029Z\" fill=\"white\"/>\n<path d=\"M31.0104 32.6183H30.9927V32.6535L14.9316 0H0L30.8868 60L37.7878 46.5648L31.0104 32.6183Z\" fill=\"white\"/>\n</svg>\n","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","import React, { CSSProperties } from 'react';\nimport { logoIconMap, fullLogoMap } from './logo.config';\nimport { LogoType, LogoColor } from './logo.types';\n\nexport interface LogoProps {\n  type?: LogoType;\n  color?: LogoColor;\n  height?: number;\n  width?: number;\n  handleClick?: () => void;\n}\n\nexport const Logo = ({ type = 'full', color = 'teal', height, width, handleClick }: LogoProps): 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"],"names":["_path","_path2","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","logoIconMap","black","props","React","createElement","viewBox","fill","xmlns","d","white","teal","fullLogoMap","Logo","_a","LogoComponent","_b","type","_c","color","height","width","handleClick","style","onClick","displayName"],"mappings":"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"}
+{"version":3,"file":"logo.component-3fbae314.js","sources":["../src/assets/logos/teal.svg","../src/assets/logos/tealIcon.svg","../src/assets/logos/black.svg","../src/assets/logos/blackIcon.svg","../src/assets/logos/white.svg","../src/assets/logos/whiteIcon.svg","../src/components/Logo/logo.config.ts","../src/components/Logo/logo.component.tsx"],"sourcesContent":["<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 200 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M176.773 35.1664C174.312 40.0444 169.523 43.0428 163.034 43.0428C153.815 43.0428 147.326 36.6432 147.326 27.4689C147.326 18.5183 153.905 11.8949 162.676 11.8949C171.627 11.8949 177.803 18.4288 177.803 27.7374C177.803 28.7667 177.758 29.5275 177.668 29.8855H155.919C156.232 33.3762 159.409 35.8824 163.034 35.8824C166.256 35.8824 168.002 34.4951 169.389 32.3022L176.773 35.1664ZM169.21 24.1572C168.852 20.9797 166.167 18.6973 162.631 18.6973C159.141 18.6973 156.321 21.3378 155.963 24.1572H169.21Z\" fill=\"#050E5F\"/>\n<path d=\"M192.482 3.92897V12.611H200V19.8162H192.482V30.6911C192.482 33.8686 193.869 35.1216 196.733 35.1216C197.807 35.1216 199.015 34.8084 199.955 34.2266V41.7898C198.657 42.4611 196.644 42.9981 193.824 42.9981C187.603 42.9981 183.755 39.1494 183.755 32.5707V19.8609H179.548V12.6558H183.755V3.97371H192.482V3.92897Z\" fill=\"#050E5F\"/>\n<path d=\"M139.047 0.0354962C135.332 0.214507 132.334 3.21294 132.155 6.92742C131.976 11.0894 135.288 14.4906 139.36 14.4906C139.405 14.4906 139.45 14.4906 139.539 14.4906L139.673 19.7267C139.673 20.219 140.389 20.398 140.613 19.9505C140.613 19.9505 145.312 11.0894 145.357 10.9999C146.252 9.20981 146.61 8.67278 146.61 7.24069C146.61 3.16819 143.164 -0.143515 139.047 0.0354962Z\" fill=\"#050E5F\"/>\n<path d=\"M129.022 23.3965H128.977L117.521 0.0355655H106.825L124.055 33.5554L128.933 42.9982L133.855 33.3764L129.022 23.3965Z\" fill=\"#050E5F\"/>\n<path d=\"M0 0.259277H31.1927V8.67279H20.1387V42.2373H11.0987V8.67279H0V0.259277Z\" fill=\"#39ADC3\"/>\n<path d=\"M58.5366 35.1664C56.0752 40.0445 51.2866 43.0429 44.7975 43.0429C35.5784 43.0429 29.0893 36.6433 29.0893 27.4689C29.0893 18.5184 35.6679 11.895 44.4395 11.895C53.39 11.895 59.5659 18.4289 59.5659 27.7375C59.5659 28.7668 59.5211 29.5276 59.4316 29.8856H37.6818C37.9951 33.3763 41.1725 35.8825 44.7975 35.8825C48.0197 35.8825 49.765 34.4951 51.1524 32.3022L58.5366 35.1664ZM50.9734 24.1572C50.6154 20.9798 47.9302 18.6974 44.3947 18.6974C40.904 18.6974 38.0846 21.3378 37.7266 24.1572H50.9734Z\" fill=\"#39ADC3\"/>\n<path d=\"M73.2155 0.259278V42.2373H64.444V0.259278H73.2155Z\" fill=\"#39ADC3\"/>\n<path d=\"M107.675 35.1664C105.214 40.0445 100.425 43.0429 93.936 43.0429C84.717 43.0429 78.2278 36.6433 78.2278 27.4689C78.2278 18.5184 84.8065 11.895 93.578 11.895C102.529 11.895 108.704 18.4289 108.704 27.7375C108.704 28.7668 108.66 29.5276 108.57 29.8856H86.8203C87.1336 33.3763 90.3111 35.8825 93.936 35.8825C97.1582 35.8825 98.9036 34.4951 100.291 32.3022L107.675 35.1664ZM100.157 24.1572C99.7987 20.9798 97.1135 18.6974 93.578 18.6974C90.0873 18.6974 87.2679 21.3378 86.9098 24.1572H100.157Z\" fill=\"#39ADC3\"/>\n</svg>\n","<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 56 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M55.5963 10.1029C55.5963 4.37262 50.8133 -0.246832 45.0066 0.0176401C39.8352 0.264481 35.617 4.46078 35.3875 9.62681C35.1228 15.4276 39.747 20.2057 45.4831 20.2057C45.5537 20.2057 45.6243 20.2057 45.7125 20.2057L45.8714 27.5404C45.889 28.2633 46.8421 28.4925 47.1951 27.8578C47.1951 27.8578 53.7784 15.4628 53.8314 15.357C55.0845 12.8357 55.5963 12.1128 55.5963 10.1029Z\" fill=\"#39ADC3\"/>\n<path d=\"M31.0104 32.6183H30.9927V32.6535L14.9316 0H0L30.8868 60L37.7878 46.5648L31.0104 32.6183Z\" fill=\"#39ADC3\"/>\n</svg>\n","<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 200 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M0 0.230702H31.1926V8.64421H20.1387V42.2088H11.0987V8.64421H0V0.230702Z\" fill=\"black\"/>\n<path d=\"M58.5366 35.1378C56.0752 40.0159 51.2866 43.0143 44.7975 43.0143C35.5784 43.0143 29.0893 36.6147 29.0893 27.4404C29.0893 18.4898 35.6679 11.8664 44.4395 11.8664C53.39 11.8664 59.5659 18.4003 59.5659 27.7089C59.5659 28.7382 59.5211 29.499 59.4316 29.857H37.6818C37.9951 33.3477 41.1725 35.8539 44.7975 35.8539C48.0197 35.8539 49.765 34.4665 51.1524 32.2736L58.5366 35.1378ZM50.9734 24.1287C50.6153 20.9512 47.9302 18.6688 44.3947 18.6688C40.904 18.6688 38.0846 21.3092 37.7265 24.1287H50.9734Z\" fill=\"black\"/>\n<path d=\"M73.2155 0.230701V42.2088H64.4439V0.230701H73.2155Z\" fill=\"black\"/>\n<path d=\"M107.675 35.1378C105.214 40.0159 100.425 43.0143 93.936 43.0143C84.7169 43.0143 78.2278 36.6147 78.2278 27.4404C78.2278 18.4898 84.8064 11.8664 93.578 11.8664C102.529 11.8664 108.704 18.4003 108.704 27.7089C108.704 28.7382 108.66 29.499 108.57 29.857H86.8203C87.1336 33.3477 90.311 35.8539 93.936 35.8539C97.1582 35.8539 98.9036 34.4665 100.291 32.2736L107.675 35.1378ZM100.157 24.1287C99.7986 20.9512 97.1134 18.6688 93.578 18.6688C90.0873 18.6688 87.2678 21.3092 86.9098 24.1287H100.157Z\" fill=\"black\"/>\n<path d=\"M176.773 35.1378C174.312 40.0159 169.523 43.0143 163.034 43.0143C153.815 43.0143 147.326 36.6147 147.326 27.4404C147.326 18.4898 153.905 11.8664 162.676 11.8664C171.627 11.8664 177.803 18.4003 177.803 27.7089C177.803 28.7382 177.758 29.499 177.668 29.857H155.919C156.232 33.3477 159.409 35.8539 163.034 35.8539C166.256 35.8539 168.002 34.4665 169.389 32.2736L176.773 35.1378ZM169.21 24.1287C168.852 20.9512 166.167 18.6688 162.631 18.6688C159.141 18.6688 156.321 21.3092 155.963 24.1287H169.21Z\" fill=\"black\"/>\n<path d=\"M192.482 3.90043V12.5825H200V19.7876H192.482V30.6626C192.482 33.84 193.869 35.0931 196.733 35.0931C197.807 35.0931 199.015 34.7798 199.955 34.198V41.7612C198.657 42.4325 196.644 42.9696 193.824 42.9696C187.603 42.9696 183.755 39.1208 183.755 32.5422V19.8324H179.548V12.6272H183.755V3.94517H192.482V3.90043Z\" fill=\"black\"/>\n<path d=\"M139.047 0.00693176C135.332 0.185943 132.334 3.18437 132.155 6.89885C131.976 11.0609 135.288 14.4621 139.36 14.4621C139.405 14.4621 139.45 14.4621 139.539 14.4621L139.673 19.6981C139.673 20.1904 140.389 20.3694 140.613 19.9219C140.613 19.9219 145.312 11.0609 145.357 10.9714C146.252 9.18124 146.61 8.64421 146.61 7.21212C146.61 3.13963 143.164 -0.172079 139.047 0.00693176Z\" fill=\"black\"/>\n<path d=\"M129.022 23.3678H128.977L117.521 0.00687477H106.825L124.055 33.5267L128.933 42.9695L133.855 33.3477L129.022 23.3678Z\" fill=\"black\"/>\n</svg>\n","<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 56 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M55.5963 10.1029C55.5963 4.37262 50.8133 -0.246825 45.0066 0.0176471C39.8352 0.264488 35.617 4.46079 35.3875 9.62682C35.1228 15.4276 39.747 20.2057 45.4831 20.2057C45.5537 20.2057 45.6243 20.2057 45.7125 20.2057L45.8714 27.5404C45.889 28.2633 46.8421 28.4925 47.1951 27.8578C47.1951 27.8578 53.7784 15.4628 53.8314 15.3571C55.0845 12.8358 55.5963 12.1129 55.5963 10.1029Z\" fill=\"black\"/>\n<path d=\"M31.0104 32.6183H30.9927V32.6535L14.9316 0H0L30.8868 60L37.7878 46.5648L31.0104 32.6183Z\" fill=\"black\"/>\n</svg>\n","<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 200 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M0 0.244986H31.1926V8.6585H20.1387V42.2231H11.0987V8.6585H0V0.244986Z\" fill=\"white\"/>\n<path d=\"M58.5366 35.1521C56.0752 40.0302 51.2866 43.0286 44.7975 43.0286C35.5784 43.0286 29.0893 36.629 29.0893 27.4547C29.0893 18.5041 35.6679 11.8807 44.4395 11.8807C53.39 11.8807 59.5659 18.4146 59.5659 27.7232C59.5659 28.7525 59.5211 29.5133 59.4316 29.8713H37.6818C37.9951 33.362 41.1725 35.8682 44.7975 35.8682C48.0197 35.8682 49.765 34.4808 51.1524 32.2879L58.5366 35.1521ZM50.9734 24.143C50.6153 20.9655 47.9302 18.6831 44.3947 18.6831C40.904 18.6831 38.0846 21.3235 37.7265 24.143H50.9734Z\" fill=\"white\"/>\n<path d=\"M73.2155 0.244985V42.2231H64.4439V0.244985H73.2155Z\" fill=\"white\"/>\n<path d=\"M107.675 35.1521C105.214 40.0302 100.425 43.0286 93.936 43.0286C84.7169 43.0286 78.2278 36.629 78.2278 27.4547C78.2278 18.5041 84.8065 11.8807 93.578 11.8807C102.529 11.8807 108.704 18.4146 108.704 27.7232C108.704 28.7525 108.66 29.5133 108.57 29.8713H86.8203C87.1336 33.362 90.311 35.8682 93.936 35.8682C97.1582 35.8682 98.9036 34.4808 100.291 32.2879L107.675 35.1521ZM100.157 24.143C99.7986 20.9655 97.1135 18.6831 93.578 18.6831C90.0873 18.6831 87.2678 21.3235 86.9098 24.143H100.157Z\" fill=\"white\"/>\n<path d=\"M176.773 35.1521C174.312 40.0302 169.523 43.0286 163.034 43.0286C153.815 43.0286 147.326 36.629 147.326 27.4547C147.326 18.5041 153.905 11.8807 162.676 11.8807C171.627 11.8807 177.803 18.4146 177.803 27.7232C177.803 28.7525 177.758 29.5133 177.668 29.8713H155.919C156.232 33.362 159.409 35.8682 163.034 35.8682C166.256 35.8682 168.002 34.4808 169.389 32.2879L176.773 35.1521ZM169.21 24.143C168.852 20.9655 166.167 18.6831 162.631 18.6831C159.141 18.6831 156.321 21.3235 155.963 24.143H169.21Z\" fill=\"white\"/>\n<path d=\"M192.482 3.91472V12.5967H200V19.8019H192.482V30.6769C192.482 33.8543 193.869 35.1074 196.733 35.1074C197.807 35.1074 199.015 34.7941 199.955 34.2123V41.7755C198.657 42.4468 196.644 42.9839 193.824 42.9839C187.604 42.9839 183.755 39.1351 183.755 32.5565V19.8467H179.548V12.6415H183.755V3.95946H192.482V3.91472Z\" fill=\"white\"/>\n<path d=\"M139.047 0.021214C135.332 0.200225 132.334 3.19866 132.155 6.91314C131.976 11.0751 135.288 14.4763 139.36 14.4763C139.405 14.4763 139.45 14.4763 139.539 14.4763L139.673 19.7124C139.673 20.2047 140.389 20.3837 140.613 19.9362C140.613 19.9362 145.312 11.0751 145.357 10.9856C146.252 9.19553 146.61 8.6585 146.61 7.22641C146.61 3.15391 143.164 -0.157797 139.047 0.021214Z\" fill=\"white\"/>\n<path d=\"M129.022 23.3822H128.977L117.521 0.0212479H106.825L124.055 33.5411L128.933 42.9839L133.855 33.362L129.022 23.3822Z\" fill=\"white\"/>\n</svg>\n","<svg preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 56 60\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M55.5963 10.1029C55.5963 4.37261 50.8133 -0.246838 45.0066 0.0176347C39.8352 0.264476 35.617 4.46077 35.3875 9.6268C35.1228 15.4276 39.747 20.2057 45.4831 20.2057C45.5537 20.2057 45.6243 20.2057 45.7125 20.2057L45.8714 27.5404C45.889 28.2633 46.8421 28.4925 47.1951 27.8578C47.1951 27.8578 53.7784 15.4628 53.8314 15.357C55.0845 12.8357 55.5963 12.1128 55.5963 10.1029Z\" fill=\"white\"/>\n<path d=\"M31.0104 32.6183H30.9927V32.6535L14.9316 0H0L30.8868 60L37.7878 46.5648L31.0104 32.6183Z\" fill=\"white\"/>\n</svg>\n","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","import React, { CSSProperties } from 'react';\nimport { logoIconMap, fullLogoMap } from './logo.config';\nimport { LogoType, LogoColor } from './logo.types';\n\nexport interface LogoProps {\n  type?: LogoType;\n  color?: LogoColor;\n  height?: number;\n  width?: number;\n  handleClick?: () => void;\n}\n\nexport const Logo = ({ type = 'full', color = 'teal', height, width, handleClick }: LogoProps): 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"],"names":["_path","_path2","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","logoIconMap","black","props","React","createElement","viewBox","fill","xmlns","d","white","teal","fullLogoMap","Logo","_a","LogoComponent","_b","type","_c","color","height","width","handleClick","style","onClick","displayName"],"mappings":"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"}

package/build/{menu.component-de420007.js → menu.component-261b3e9e.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-8e19e91f.js"),t=require("react"),n=require("./menuContainer.component-7f1da5e6.js"),u=require("./menuButton.component-ec18bac5.js"),r=require("./menuList.component-d5d731bb.js"),s=require("./menu.context-19ac1c6e.js"),i=require("./chakra-ui-menu.esm-e0987e59.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t);exports.Menu=function(t){var o=t.buttonProps,l=t.CustomTriggerElement,m=t.listProps,c=t.containerProps,d=e.__rest(t,["buttonProps","CustomTriggerElement","listProps","containerProps"]);return a.default.createElement(s.MenuProvider,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==c?void 0:c.onClose},a.default.createElement(n.MenuContainer,e.__assign({isLazy:null==c?void 0:c.isLazy},c,d),l?a.default.createElement(l,{as:i.MenuButton}):a.default.createElement(u.MenuButton,e.__assign({},o)),a.default.createElement(r.MenuList,e.__assign({},m,{isMatchWidthSet:d.matchWidth,menuItems:null==m?void 0:m.menuItems}))))};
-//# sourceMappingURL=menu.component-de420007.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./menuContainer.component-3126d468.js"),u=require("./menuButton.component-dc103ade.js"),r=require("./menuList.component-ca4f3e6b.js"),s=require("./menu.context-6276be4d.js"),i=require("./chakra-ui-menu.esm-75503743.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t);exports.Menu=function(t){var o=t.buttonProps,l=t.CustomTriggerElement,m=t.listProps,c=t.containerProps,d=e.__rest(t,["buttonProps","CustomTriggerElement","listProps","containerProps"]);return a.default.createElement(s.MenuProvider,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==c?void 0:c.onClose},a.default.createElement(n.MenuContainer,e.__assign({isLazy:null==c?void 0:c.isLazy},c,d),l?a.default.createElement(l,{as:i.MenuButton}):a.default.createElement(u.MenuButton,e.__assign({},o)),a.default.createElement(r.MenuList,e.__assign({},m,{isMatchWidthSet:d.matchWidth,menuItems:null==m?void 0:m.menuItems}))))};
+//# sourceMappingURL=menu.component-261b3e9e.js.map

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

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

package/build/{menu.config-b32ff2af.js → menu.config-83ef52b8.js}

@@ -1,2 +1,2 @@
-"use strict";var o=require("./color.record-43268868.js"),r=require("./fontSizes-6309063a.js"),e=require("./shadows.config-fd05bf52.js"),t={color:o.adaptiveColors.text.light.subtle,cursor:"pointer",fontSize:r.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}},i={baseStyle:{item:t,list:{p:"8px 0",boxShadow:e.shadows.md,borderColor:o.colors.border.light.default}}};exports.MenuConfig=i,exports.MenuItemConfig=t;
-//# sourceMappingURL=menu.config-b32ff2af.js.map
+"use strict";var o=require("./color.record-8ec2eb8a.js"),e=require("./fontSizes-6309063a.js"),r=require("./shadows.config-fd05bf52.js"),t={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}},i={baseStyle:{item:t,list:{p:"8px 0",boxShadow:r.shadows.md,borderColor:o.colors.border.light.default}}};exports.MenuConfig=i,exports.MenuItemConfig=t;
+//# sourceMappingURL=menu.config-83ef52b8.js.map

package/build/{menu.config-b32ff2af.js.map → menu.config-83ef52b8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menu.config-b32ff2af.js","sources":["../src/components/Menu/menu.config.tsx"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\nimport { semanticColors, adaptiveColors, fontSizes, shadows, colors } from 'theme/tokens';\n\nexport const MenuItemConfig = {\n  color: adaptiveColors.text.light.subtle,\n  cursor: 'pointer',\n  fontSize: fontSizes.sm,\n  px: '20px',\n  py: '8px',\n  outline: 0,\n  transitionDuration: 'ultra-fast',\n  transitionProperty: 'background',\n  transitionTimingFunction: 'ease-in',\n  _hover: {\n    bg: semanticColors.background.hover,\n  },\n  _focus: {\n    bg: semanticColors.background.hover,\n  },\n  _active: {\n    color: adaptiveColors.text.light.link,\n  },\n  _expanded: {\n    bg: semanticColors.background.hover,\n  },\n  _disabled: {\n    opacity: 0.4,\n    cursor: 'not-allowed',\n    bg: 'transparent',\n    color: adaptiveColors.text.light.subtle,\n  },\n};\n\nexport const MenuConfig: ComponentStyleConfig = {\n  baseStyle: {\n    item: MenuItemConfig,\n    list: {\n      p: '8px 0',\n      boxShadow: shadows.md,\n      borderColor: colors.border.light.default,\n    },\n  },\n};\n"],"names":["MenuItemConfig","color","adaptiveColors","text","light","subtle","cursor","fontSize","fontSizes","sm","px","py","outline","transitionDuration","transitionProperty","transitionTimingFunction","_hover","bg","semanticColors","background","hover","_focus","_active","link","_expanded","_disabled","opacity","MenuConfig","baseStyle","item","list","p","boxShadow","shadows","md","borderColor","colors","border","default"],"mappings":"wIAGaA,EAAiB,CAC5BC,MAAOC,EAAcA,eAACC,KAAKC,MAAMC,OACjCC,OAAQ,UACRC,SAAUC,EAASA,UAACC,GACpBC,GAAI,OACJC,GAAI,MACJC,QAAS,EACTC,mBAAoB,aACpBC,mBAAoB,aACpBC,yBAA0B,UAC1BC,OAAQ,CACNC,GAAIC,EAAAA,eAAeC,WAAWC,OAEhCC,OAAQ,CACNJ,GAAIC,EAAAA,eAAeC,WAAWC,OAEhCE,QAAS,CACPrB,MAAOC,EAAcA,eAACC,KAAKC,MAAMmB,MAEnCC,UAAW,CACTP,GAAIC,EAAAA,eAAeC,WAAWC,OAEhCK,UAAW,CACTC,QAAS,GACTpB,OAAQ,cACRW,GAAI,cACJhB,MAAOC,EAAcA,eAACC,KAAKC,MAAMC,SAIxBsB,EAAmC,CAC9CC,UAAW,CACTC,KAAM7B,EACN8B,KAAM,CACJC,EAAG,QACHC,UAAWC,EAAOA,QAACC,GACnBC,YAAaC,EAAMA,OAACC,OAAOjC,MAAMkC"}
+{"version":3,"file":"menu.config-83ef52b8.js","sources":["../src/components/Menu/menu.config.tsx"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/react';\nimport { semanticColors, adaptiveColors, fontSizes, shadows, colors } from 'theme/tokens';\n\nexport const MenuItemConfig = {\n  color: adaptiveColors.text.light.subtle,\n  cursor: 'pointer',\n  fontSize: fontSizes.sm,\n  px: '20px',\n  py: '8px',\n  outline: 0,\n  transitionDuration: 'ultra-fast',\n  transitionProperty: 'background',\n  transitionTimingFunction: 'ease-in',\n  _hover: {\n    bg: semanticColors.background.hover,\n  },\n  _focus: {\n    bg: semanticColors.background.hover,\n  },\n  _active: {\n    color: adaptiveColors.text.light.link,\n  },\n  _expanded: {\n    bg: semanticColors.background.hover,\n  },\n  _disabled: {\n    opacity: 0.4,\n    cursor: 'not-allowed',\n    bg: 'transparent',\n    color: adaptiveColors.text.light.subtle,\n  },\n};\n\nexport const MenuConfig: ComponentStyleConfig = {\n  baseStyle: {\n    item: MenuItemConfig,\n    list: {\n      p: '8px 0',\n      boxShadow: shadows.md,\n      borderColor: colors.border.light.default,\n    },\n  },\n};\n"],"names":["MenuItemConfig","color","adaptiveColors","text","light","subtle","cursor","fontSize","fontSizes","sm","px","py","outline","transitionDuration","transitionProperty","transitionTimingFunction","_hover","bg","semanticColors","background","hover","_focus","_active","link","_expanded","_disabled","opacity","MenuConfig","baseStyle","item","list","p","boxShadow","shadows","md","borderColor","colors","border","default"],"mappings":"wIAGaA,EAAiB,CAC5BC,MAAOC,EAAcA,eAACC,KAAKC,MAAMC,OACjCC,OAAQ,UACRC,SAAUC,EAASA,UAACC,GACpBC,GAAI,OACJC,GAAI,MACJC,QAAS,EACTC,mBAAoB,aACpBC,mBAAoB,aACpBC,yBAA0B,UAC1BC,OAAQ,CACNC,GAAIC,EAAAA,eAAeC,WAAWC,OAEhCC,OAAQ,CACNJ,GAAIC,EAAAA,eAAeC,WAAWC,OAEhCE,QAAS,CACPrB,MAAOC,EAAcA,eAACC,KAAKC,MAAMmB,MAEnCC,UAAW,CACTP,GAAIC,EAAAA,eAAeC,WAAWC,OAEhCK,UAAW,CACTC,QAAS,GACTpB,OAAQ,cACRW,GAAI,cACJhB,MAAOC,EAAcA,eAACC,KAAKC,MAAMC,SAIxBsB,EAAmC,CAC9CC,UAAW,CACTC,KAAM7B,EACN8B,KAAM,CACJC,EAAG,QACHC,UAAWC,EAAOA,QAACC,GACnBC,YAAaC,EAAMA,OAACC,OAAOjC,MAAMkC"}

package/build/{menu.context-19ac1c6e.js → menu.context-6276be4d.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-8e19e91f.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.MenuProvider=function(n){var u=n.menuItems,s=n.onClose,l=n.children,i=e.__read(t.useState(u||[]),2),d=i[0],m=i[1],f=e.__read(t.useState(null),2),a=f[0],c=f[1],I=e.__read(t.useState(-1),2),p=I[0],v=I[1],h=t.useRef(null),x=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:d,focusedItemIndex:p,groups:a,menuItemRefs:x,handleOnClose:M,searchInputRef:h,setFilteredMenuItems:m,setFocusedItemIndex:v,setGroups:c}},l)},exports.useMenuContext=function(){return t.useContext(o)};
-//# sourceMappingURL=menu.context-19ac1c6e.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.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.MenuProvider=function(n){var u=n.menuItems,s=n.onClose,l=n.children,i=e.__read(t.useState(u||[]),2),d=i[0],m=i[1],a=e.__read(t.useState(null),2),c=a[0],f=a[1],I=e.__read(t.useState(-1),2),p=I[0],v=I[1],h=t.useRef(null),x=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:d,focusedItemIndex:p,groups:c,menuItemRefs:x,handleOnClose:M,searchInputRef:h,setFilteredMenuItems:m,setFocusedItemIndex:v,setGroups:f}},l)},exports.useMenuContext=function(){return t.useContext(o)};
+//# sourceMappingURL=menu.context-6276be4d.js.map

package/build/{menu.context-19ac1c6e.js.map → menu.context-6276be4d.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menu.context-19ac1c6e.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/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\nexport const 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"],"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":"4JA6BaA,EAAcC,EAAAA,cAA4B,CACrDC,aAAc,GACdC,kBAAmB,GACnBC,kBAAmB,EACnBC,OAAQ,GAERC,cAAe,WACb,MAAM,IAAIC,MAAM,iDACjB,EACDC,qBAAsB,WACpB,MAAM,IAAID,MAAM,wDACjB,EACDE,oBAAqB,WACnB,MAAM,IAAIF,MAAM,uDACjB,EACDG,UAAW,WACT,MAAM,IAAIH,MAAM,6CACjB,yBAYyB,SAACI,GAAE,IAAAC,cAAWC,EAAOF,EAAAE,QAAEC,EAAQH,EAAAG,SACnDC,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,aAAA,EAAAA,EAAWa,QAAO,SAACC,GAAS,OAAoB,IAApBA,EAAKC,UAAmB,IAC1ElB,GAAqB,GAEjBI,GAAWW,GACbX,EAAQW,EAEZ,GAAG,CAACZ,EAAWC,IAQf,OANAe,EAAAA,WAAU,YACJhB,eAAAA,EAAWiB,SACbrB,EAAqBI,EAEzB,GAAG,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,EAGP,yBAlD8B,WAAoB,OAAAoB,aAAyBlC,EAAa"}
+{"version":3,"file":"menu.context-6276be4d.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/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\nexport const 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"],"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":"4JA6BaA,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,sEAaQ,SAACI,GAAE,IAAAC,cAAWC,EAAOF,EAAAE,QAAEC,EAAQH,EAAAG,SACnDC,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"}

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

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

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

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

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

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

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

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

package/build/{menuItem.component-759ca712.js → menuItem.component-de6a71ca.js}

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

package/build/{menuItem.component-759ca712.js.map → menuItem.component-de6a71ca.js.map}

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

package/build/menuList.component-ca4f3e6b.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"menuList.component-d5d731bb.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEventHandler) => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n  handleKeyboardNavigation,\n  menuItems,\n  onSearchCallback,\n  searchInputRef,\n  setFilteredMenuItems,\n  placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n  const { isOpen } = useMenuState();\n\n  const handleSearch = useCallback(\n    (e) => {\n      const searchInput = e.target.value;\n\n      if (searchInput === '' || !searchInput) {\n        setFilteredMenuItems(menuItems);\n      } else {\n        const filterdItems = menuItems.filter((item) => {\n          const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n          return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n        });\n        setFilteredMenuItems(filterdItems);\n      }\n\n      if (onSearchCallback) {\n        onSearchCallback(e);\n      }\n    },\n    [menuItems, onSearchCallback, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    let focusTimeout: NodeJS.Timeout;\n\n    if (isOpen) {\n      focusTimeout = setTimeout(() => {\n        searchInputRef?.current?.focus();\n      }, 200);\n    }\n\n    return (): void => clearTimeout(focusTimeout);\n  }, [searchInputRef, isOpen]);\n\n  return (\n    <TextInput\n      className=\"MenuList__SearchBar\"\n      placeholder={placeholder}\n      onChange={handleSearch}\n      mt={1}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n      size=\"sm\"\n      ref={searchInputRef}\n    />\n  );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n  groupName?: string;\n  handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n  hasSelectedItems: boolean;\n  isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n  groupName,\n  handleToggleAllItems,\n  hasSelectedItems,\n  isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n  if (isGrouped) {\n    return (\n      <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n        {hasSelectedItems ? (\n          <Button\n            variant=\"ghostNeutral\"\n            iconName=\"arrowCircle\"\n            size=\"xs\"\n            onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n            isDisabled={!hasSelectedItems}\n          >\n            Clear all\n          </Button>\n        ) : (\n          <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n            Select all\n          </Button>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n      <Flex justifyContent=\"space-between\">\n        <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n          Select all\n        </Button>\n        <Button\n          variant=\"ghostNeutral\"\n          iconName=\"arrowCircle\"\n          size=\"xs\"\n          onClick={(): void => handleToggleAllItems({ clear: true })}\n          isDisabled={!hasSelectedItems}\n        >\n          Clear all\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n","import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  isGrouped?: boolean;\n  isMultiSelect?: boolean;\n  isSearchable?: boolean;\n  menuItems?: MenuItemProps[];\n  onSelect?:\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n  onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  isMatchWidthSet?: boolean;\n  shouldTruncateText?: boolean;\n}\n\nexport const MenuList = ({\n  canSelectAll = false,\n  canSelectGroups = false,\n  children,\n  isGrouped = false,\n  isMatchWidthSet,\n  isMultiSelect = false,\n  isSearchable = false,\n  menuItems,\n  onSelect,\n  onSelectAll,\n  searchPlaceholder,\n  shouldRetainSelection = false,\n  shouldTruncateText = true,\n  minW = '240px',\n  maxW,\n  maxH = '480px',\n  ...rest\n}: MenuListProps): JSX.Element => {\n  const {\n    filteredMenuItems,\n    setFilteredMenuItems,\n    allMenuItems,\n    groups,\n    setGroups,\n    focusedItemIndex,\n    setFocusedItemIndex,\n    searchInputRef,\n    menuItemRefs,\n  } = useMenuContext();\n\n  const focusNextListItem = useCallback(\n    (direction) => {\n      if (!menuItemRefs?.current) return;\n\n      const isFirstOption = focusedItemIndex === 0;\n      const isLastOption = focusedItemIndex === menuItemRefs?.current.length - 1;\n      let newIndex = -1;\n\n      if (direction === 'ArrowDown') {\n        if (isLastOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = 0;\n        } else {\n          newIndex = focusedItemIndex + 1;\n        }\n      } else if (direction === 'ArrowUp') {\n        if (isFirstOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = menuItemRefs.current.length - 1;\n        } else {\n          newIndex = focusedItemIndex - 1;\n        }\n      }\n\n      const nextListItem = menuItemRefs?.current[newIndex];\n\n      if (nextListItem) {\n        nextListItem?.focus();\n        setFocusedItemIndex(newIndex);\n      } else {\n        setFocusedItemIndex(-1);\n      }\n    },\n    [focusedItemIndex, isSearchable, menuItemRefs, searchInputRef, setFocusedItemIndex],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (e: KeyboardEvent<HTMLInputElement | HTMLDivElement>, elementIsInputField): void => {\n      e.persist();\n\n      if (!menuItemRefs?.current) return;\n\n      if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        focusNextListItem('ArrowDown');\n      }\n\n      if (e.key === 'ArrowUp') {\n        focusNextListItem('ArrowUp');\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        (e.target as HTMLElement).click();\n      }\n    },\n    [focusNextListItem, menuItemRefs],\n  );\n\n  const handleToggleSingleItem = useCallback(\n    (selectedValue: MenuItemProps, itemOnSelect) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const selectedItem = _filteredMenuItemsCopy.find((item) => item.value === selectedValue.value);\n\n        if (isMultiSelect && selectedItem) {\n          selectedItem.isSelected = !selectedItem.isSelected;\n        }\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        const allSelectedItems = allMenuItems.filter((item) => item.isSelected);\n\n        if (onSelect && selectedItem) {\n          onSelect(selectedItem, allSelectedItems);\n        }\n\n        if (itemOnSelect && selectedItem) {\n          itemOnSelect(selectedItem, allSelectedItems);\n        }\n      }\n    },\n    [allMenuItems, filteredMenuItems, isMultiSelect, onSelect, setFilteredMenuItems],\n  );\n\n  const handleToggleAllItems = useCallback(\n    ({ groupName, clear = false }: { groupName?: string; clear?: boolean }) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const value: string[] = [];\n\n        _filteredMenuItemsCopy.forEach((item) => {\n          if (groupName) {\n            if (groupName === item.groupLabel) {\n              item.isSelected = !clear;\n\n              if (item.value && item.isSelected) {\n                value.push(item.value);\n              }\n            }\n          } else {\n            item.isSelected = !clear;\n\n            if (item.value && item.isSelected) {\n              value.push(item.value);\n            }\n          }\n        });\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        if (onSelectAll) {\n          onSelectAll(allMenuItems.filter((item) => item.isSelected));\n        }\n      }\n    },\n    [filteredMenuItems, allMenuItems, onSelectAll, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    if (isGrouped) {\n      const groupNames = [...new Set(filteredMenuItems?.map((item) => item.groupLabel))];\n      if (groupNames.length) {\n        setGroups(groupNames);\n      }\n    }\n  }, [filteredMenuItems, isGrouped, setGroups]);\n\n  const getMenuItem = useCallback(\n    (item: MenuItemProps, index: number) => {\n      if (item.isPlaceholder) return <React.Fragment key={item.value}></React.Fragment>;\n\n      return (\n        <MenuItem\n          canSelectAll={canSelectAll}\n          children={item.children}\n          closeOnSelect={item.closeOnSelect}\n          colorToken={item.colorToken}\n          handleKeyboardNavigation={handleKeyboardNavigation}\n          isDisabled={item.isDisabled}\n          isMultiSelect={isMultiSelect}\n          isSelected={item.isSelected}\n          itemIndex={index.toString()}\n          key={item.value}\n          label={item.label}\n          leftElement={item.leftElement}\n          menuItemRefs={menuItemRefs}\n          onSelect={(selectedItem: SelectOptionProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n          shouldRetainSelection={shouldRetainSelection}\n          shouldTruncateText={shouldTruncateText}\n          value={item.value}\n        />\n      );\n    },\n    [\n      handleKeyboardNavigation,\n      handleToggleSingleItem,\n      isMultiSelect,\n      menuItemRefs,\n      shouldRetainSelection,\n      shouldTruncateText,\n      canSelectAll,\n    ],\n  );\n\n  if (!isMatchWidthSet) {\n    maxW = '320px';\n  }\n\n  // Return default Chakra menu if user passes in custom child elements\n  if (children) {\n    return <CMenuList {...rest}>{children}</CMenuList>;\n  }\n\n  return (\n    <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\n      {(isSearchable || (canSelectAll && isMultiSelect)) && (\n        <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n          {isSearchable && (\n            <MenuSearchBar\n              handleKeyboardNavigation={handleKeyboardNavigation}\n              menuItems={menuItems || []}\n              searchInputRef={searchInputRef}\n              setFilteredMenuItems={setFilteredMenuItems}\n              placeholder={searchPlaceholder}\n            />\n          )}\n          {canSelectAll && isMultiSelect && (\n            <MenuSelectAllButtons\n              handleToggleAllItems={handleToggleAllItems}\n              hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n              isGrouped={false}\n            />\n          )}\n        </Box>\n      )}\n      <Box className=\"MenuList__Body\">\n        {!filteredMenuItems?.length ? (\n          <Box textAlign=\"center\" display=\"block\" p={3}>\n            <Text size=\"sm\" colorToken=\"subtle\">\n              No results found\n            </Text>\n          </Box>\n        ) : isGrouped ? (\n          groups?.map((groupName, index) => {\n            const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n            return (\n              <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n                {groupName && (\n                  <Flex minH={8} pt={4} pr={3} pb={1} pl={5} justify=\"space-between\" align=\"center\">\n                    <Box textAlign=\"left\" className=\"MenuList__GroupTitle\">\n                      <Heading size=\"xs\">{groupName}</Heading>\n                    </Box>\n                    {isMultiSelect && canSelectGroups && (\n                      <MenuSelectAllButtons\n                        handleToggleAllItems={handleToggleAllItems}\n                        hasSelectedItems={Boolean(menuItems?.find((item) => item.isSelected))}\n                        isGrouped={true}\n                        groupName={groupName}\n                      />\n                    )}\n                  </Flex>\n                )}\n                {menuItems?.map((item: MenuItemProps, index: number) => {\n                  return getMenuItem(item, index);\n                })}\n              </Box>\n            );\n          })\n        ) : (\n          filteredMenuItems?.map((item: MenuItemProps, index: number) => {\n            return getMenuItem(item, index);\n          })\n        )}\n      </Box>\n    </CMenuList>\n  );\n};\n"],"names":["MenuSearchBar","_a","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","_b","placeholder","isOpen","useMenuState","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","TextInput","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","createElement","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","_c","canSelectGroups","children","_d","isMatchWidthSet","_e","isMultiSelect","_f","isSearchable","onSelect","onSelectAll","searchPlaceholder","_g","shouldRetainSelection","_h","shouldTruncateText","_j","minW","maxW","_k","maxH","rest","__rest","_l","useMenuContext","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","__spread","selectedItem","find","isSelected","allSelectedItems","value_1","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","closeOnSelect","colorToken","itemIndex","toString","leftElement","CMenuList","__assign","overflow","m","Boolean","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text"],"mappings":"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"}
+{"version":3,"file":"menuList.component-ca4f3e6b.js","sources":["../src/components/Menu/components/MenuSearchBar/menuSearchBar.component.tsx","../src/components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component.tsx","../src/components/Menu/components/MenuList/menuList.component.tsx"],"sourcesContent":["import React, {\n  ChangeEventHandler,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  KeyboardEvent,\n  MutableRefObject,\n  useEffect,\n} from 'react';\nimport { TextInput } from '../../../TextInput/textInput.component';\nimport { MenuItemProps } from '../MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/react';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEventHandler) => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  placeholder?: string;\n}\n\nexport const MenuSearchBar = ({\n  handleKeyboardNavigation,\n  menuItems,\n  onSearchCallback,\n  searchInputRef,\n  setFilteredMenuItems,\n  placeholder = 'Search...',\n}: MenuSearchBarProps): JSX.Element => {\n  const { isOpen } = useMenuState();\n\n  const handleSearch = useCallback(\n    (e) => {\n      const searchInput = e.target.value;\n\n      if (searchInput === '' || !searchInput) {\n        setFilteredMenuItems(menuItems);\n      } else {\n        const filterdItems = menuItems.filter((item) => {\n          const labelText = typeof item.label === 'string' ? item.label : (item.label?.key as string);\n\n          return labelText?.toLowerCase().includes(searchInput.toLowerCase());\n        });\n        setFilteredMenuItems(filterdItems);\n      }\n\n      if (onSearchCallback) {\n        onSearchCallback(e);\n      }\n    },\n    [menuItems, onSearchCallback, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    let focusTimeout: NodeJS.Timeout;\n\n    if (isOpen) {\n      focusTimeout = setTimeout(() => {\n        searchInputRef?.current?.focus();\n      }, 200);\n    }\n\n    return (): void => clearTimeout(focusTimeout);\n  }, [searchInputRef, isOpen]);\n\n  return (\n    <TextInput\n      className=\"MenuList__SearchBar\"\n      placeholder={placeholder}\n      onChange={handleSearch}\n      mt={1}\n      onKeyDown={(e: KeyboardEvent<HTMLInputElement>): void => handleKeyboardNavigation(e, true)}\n      size=\"sm\"\n      ref={searchInputRef}\n    />\n  );\n};\n","import React from 'react';\nimport { Box, Flex } from '@chakra-ui/react';\nimport { Button } from '../../../Button/button.component';\n\nexport interface MenuSelectAllButtonsProps {\n  groupName?: string;\n  handleToggleAllItems: ({ groupName, clear }: { groupName?: string; clear?: boolean }) => void;\n  hasSelectedItems: boolean;\n  isGrouped: boolean;\n}\n\nexport const MenuSelectAllButtons = ({\n  groupName,\n  handleToggleAllItems,\n  hasSelectedItems,\n  isGrouped,\n}: MenuSelectAllButtonsProps): JSX.Element => {\n  if (isGrouped) {\n    return (\n      <Box textAlign=\"right\" w=\"50%\" className=\"MenuListItem__SelectAllButton\">\n        {hasSelectedItems ? (\n          <Button\n            variant=\"ghostNeutral\"\n            iconName=\"arrowCircle\"\n            size=\"xs\"\n            onClick={(): void => handleToggleAllItems({ groupName, clear: true })}\n            isDisabled={!hasSelectedItems}\n          >\n            Clear all\n          </Button>\n        ) : (\n          <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ groupName, clear: false })}>\n            Select all\n          </Button>\n        )}\n      </Box>\n    );\n  }\n\n  return (\n    <Box mt=\"8px\" className=\"MenuList__SelectAllButtons\">\n      <Flex justifyContent=\"space-between\">\n        <Button variant=\"ghost\" size=\"xs\" onClick={(): void => handleToggleAllItems({ clear: false })}>\n          Select all\n        </Button>\n        <Button\n          variant=\"ghostNeutral\"\n          iconName=\"arrowCircle\"\n          size=\"xs\"\n          onClick={(): void => handleToggleAllItems({ clear: true })}\n          isDisabled={!hasSelectedItems}\n        >\n          Clear all\n        </Button>\n      </Flex>\n    </Box>\n  );\n};\n","import React, { useCallback, KeyboardEvent, useEffect } from 'react';\nimport { MenuList as CMenuList, MenuListProps as CMenuListProps, Box, Flex } from '@chakra-ui/react';\nimport { Heading } from '../../../Heading/heading.component';\nimport { Text } from '../../../Text/text.component';\nimport { MenuItem, MenuItemProps } from '../MenuItem/menuItem.component';\nimport { MenuSearchBar } from '../MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from '../MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from '../../context/menu.context';\nimport { SelectOptionProps } from '../../../Select/select.types';\n\nexport interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  isGrouped?: boolean;\n  isMultiSelect?: boolean;\n  isSearchable?: boolean;\n  menuItems?: MenuItemProps[];\n  onSelect?:\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n  onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  isMatchWidthSet?: boolean;\n  shouldTruncateText?: boolean;\n}\n\nexport const MenuList = ({\n  canSelectAll = false,\n  canSelectGroups = false,\n  children,\n  isGrouped = false,\n  isMatchWidthSet,\n  isMultiSelect = false,\n  isSearchable = false,\n  menuItems,\n  onSelect,\n  onSelectAll,\n  searchPlaceholder,\n  shouldRetainSelection = false,\n  shouldTruncateText = true,\n  minW = '240px',\n  maxW,\n  maxH = '480px',\n  ...rest\n}: MenuListProps): JSX.Element => {\n  const {\n    filteredMenuItems,\n    setFilteredMenuItems,\n    allMenuItems,\n    groups,\n    setGroups,\n    focusedItemIndex,\n    setFocusedItemIndex,\n    searchInputRef,\n    menuItemRefs,\n  } = useMenuContext();\n\n  const focusNextListItem = useCallback(\n    (direction) => {\n      if (!menuItemRefs?.current) return;\n\n      const isFirstOption = focusedItemIndex === 0;\n      const isLastOption = focusedItemIndex === menuItemRefs?.current.length - 1;\n      let newIndex = -1;\n\n      if (direction === 'ArrowDown') {\n        if (isLastOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = 0;\n        } else {\n          newIndex = focusedItemIndex + 1;\n        }\n      } else if (direction === 'ArrowUp') {\n        if (isFirstOption) {\n          if (isSearchable) {\n            searchInputRef?.current?.focus();\n            setFocusedItemIndex(-1);\n            return;\n          }\n\n          newIndex = menuItemRefs.current.length - 1;\n        } else {\n          newIndex = focusedItemIndex - 1;\n        }\n      }\n\n      const nextListItem = menuItemRefs?.current[newIndex];\n\n      if (nextListItem) {\n        nextListItem?.focus();\n        setFocusedItemIndex(newIndex);\n      } else {\n        setFocusedItemIndex(-1);\n      }\n    },\n    [focusedItemIndex, isSearchable, menuItemRefs, searchInputRef, setFocusedItemIndex],\n  );\n\n  const handleKeyboardNavigation = useCallback(\n    (e: KeyboardEvent<HTMLInputElement | HTMLDivElement>, elementIsInputField): void => {\n      e.persist();\n\n      if (!menuItemRefs?.current) return;\n\n      if (e.key === 'ArrowDown' || e.key === 'Tab') {\n        focusNextListItem('ArrowDown');\n      }\n\n      if (e.key === 'ArrowUp') {\n        focusNextListItem('ArrowUp');\n      }\n\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        (e.target as HTMLElement).click();\n      }\n    },\n    [focusNextListItem, menuItemRefs],\n  );\n\n  const handleToggleSingleItem = useCallback(\n    (selectedValue: MenuItemProps, itemOnSelect) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const selectedItem = _filteredMenuItemsCopy.find((item) => item.value === selectedValue.value);\n\n        if (isMultiSelect && selectedItem) {\n          selectedItem.isSelected = !selectedItem.isSelected;\n        }\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        const allSelectedItems = allMenuItems.filter((item) => item.isSelected);\n\n        if (onSelect && selectedItem) {\n          onSelect(selectedItem, allSelectedItems);\n        }\n\n        if (itemOnSelect && selectedItem) {\n          itemOnSelect(selectedItem, allSelectedItems);\n        }\n      }\n    },\n    [allMenuItems, filteredMenuItems, isMultiSelect, onSelect, setFilteredMenuItems],\n  );\n\n  const handleToggleAllItems = useCallback(\n    ({ groupName, clear = false }: { groupName?: string; clear?: boolean }) => {\n      if (filteredMenuItems && allMenuItems) {\n        const _filteredMenuItemsCopy = [...filteredMenuItems];\n        const value: string[] = [];\n\n        _filteredMenuItemsCopy.forEach((item) => {\n          if (groupName) {\n            if (groupName === item.groupLabel) {\n              item.isSelected = !clear;\n\n              if (item.value && item.isSelected) {\n                value.push(item.value);\n              }\n            }\n          } else {\n            item.isSelected = !clear;\n\n            if (item.value && item.isSelected) {\n              value.push(item.value);\n            }\n          }\n        });\n\n        setFilteredMenuItems(_filteredMenuItemsCopy);\n\n        if (onSelectAll) {\n          onSelectAll(allMenuItems.filter((item) => item.isSelected));\n        }\n      }\n    },\n    [filteredMenuItems, allMenuItems, onSelectAll, setFilteredMenuItems],\n  );\n\n  useEffect(() => {\n    if (isGrouped) {\n      const groupNames = [...new Set(filteredMenuItems?.map((item) => item.groupLabel))];\n      if (groupNames.length) {\n        setGroups(groupNames);\n      }\n    }\n  }, [filteredMenuItems, isGrouped, setGroups]);\n\n  const getMenuItem = useCallback(\n    (item: MenuItemProps, index: number) => {\n      if (item.isPlaceholder) return <React.Fragment key={item.value}></React.Fragment>;\n\n      return (\n        <MenuItem\n          canSelectAll={canSelectAll}\n          children={item.children}\n          closeOnSelect={item.closeOnSelect}\n          colorToken={item.colorToken}\n          handleKeyboardNavigation={handleKeyboardNavigation}\n          isDisabled={item.isDisabled}\n          isMultiSelect={isMultiSelect}\n          isSelected={item.isSelected}\n          itemIndex={index.toString()}\n          key={item.value}\n          label={item.label}\n          leftElement={item.leftElement}\n          menuItemRefs={menuItemRefs}\n          onSelect={(selectedItem: SelectOptionProps): void => handleToggleSingleItem(selectedItem, item.onSelect)}\n          shouldRetainSelection={shouldRetainSelection}\n          shouldTruncateText={shouldTruncateText}\n          value={item.value}\n        />\n      );\n    },\n    [\n      handleKeyboardNavigation,\n      handleToggleSingleItem,\n      isMultiSelect,\n      menuItemRefs,\n      shouldRetainSelection,\n      shouldTruncateText,\n      canSelectAll,\n    ],\n  );\n\n  if (!isMatchWidthSet) {\n    maxW = '320px';\n  }\n\n  // Return default Chakra menu if user passes in custom child elements\n  if (children) {\n    return <CMenuList {...rest}>{children}</CMenuList>;\n  }\n\n  return (\n    <CMenuList className=\"MeuList\" {...rest} maxW={maxW || 'unset'} maxH={maxH} minW={minW} overflow=\"hidden auto\">\n      {(isSearchable || (canSelectAll && isMultiSelect)) && (\n        <Box className=\"MenuList__Header\" m=\"0 12px 8px\">\n          {isSearchable && (\n            <MenuSearchBar\n              handleKeyboardNavigation={handleKeyboardNavigation}\n              menuItems={menuItems || []}\n              searchInputRef={searchInputRef}\n              setFilteredMenuItems={setFilteredMenuItems}\n              placeholder={searchPlaceholder}\n            />\n          )}\n          {canSelectAll && isMultiSelect && (\n            <MenuSelectAllButtons\n              handleToggleAllItems={handleToggleAllItems}\n              hasSelectedItems={Boolean(filteredMenuItems?.find((item) => item.isSelected))}\n              isGrouped={false}\n            />\n          )}\n        </Box>\n      )}\n      <Box className=\"MenuList__Body\">\n        {!filteredMenuItems?.length ? (\n          <Box textAlign=\"center\" display=\"block\" p={3}>\n            <Text size=\"sm\" colorToken=\"subtle\">\n              No results found\n            </Text>\n          </Box>\n        ) : isGrouped ? (\n          groups?.map((groupName, index) => {\n            const menuItems = filteredMenuItems?.filter((item) => item.groupLabel === groupName);\n            return (\n              <Box className=\"MenuList__Group\" key={`${groupName || 'noGroup'}-${index}`}>\n                {groupName && (\n                  <Flex minH={8} pt={4} pr={3} pb={1} pl={5} justify=\"space-between\" align=\"center\">\n                    <Box textAlign=\"left\" className=\"MenuList__GroupTitle\">\n                      <Heading size=\"xs\">{groupName}</Heading>\n                    </Box>\n                    {isMultiSelect && canSelectGroups && (\n                      <MenuSelectAllButtons\n                        handleToggleAllItems={handleToggleAllItems}\n                        hasSelectedItems={Boolean(menuItems?.find((item) => item.isSelected))}\n                        isGrouped={true}\n                        groupName={groupName}\n                      />\n                    )}\n                  </Flex>\n                )}\n                {menuItems?.map((item: MenuItemProps, index: number) => {\n                  return getMenuItem(item, index);\n                })}\n              </Box>\n            );\n          })\n        ) : (\n          filteredMenuItems?.map((item: MenuItemProps, index: number) => {\n            return getMenuItem(item, index);\n          })\n        )}\n      </Box>\n    </CMenuList>\n  );\n};\n"],"names":["MenuSearchBar","_a","handleKeyboardNavigation","menuItems","onSearchCallback","searchInputRef","setFilteredMenuItems","_b","placeholder","isOpen","useMenuState","handleSearch","useCallback","e","searchInput","target","value","filterdItems","filter","item","labelText","label","key","toLowerCase","includes","useEffect","focusTimeout","setTimeout","current","focus","clearTimeout","React","TextInput","WrappedTextInput","className","onChange","mt","onKeyDown","size","ref","MenuSelectAllButtons","groupName","handleToggleAllItems","hasSelectedItems","isGrouped","Box","textAlign","w","createElement","Button","variant","iconName","onClick","clear","isDisabled","Flex","justifyContent","canSelectAll","_c","canSelectGroups","children","_d","isMatchWidthSet","_e","isMultiSelect","_f","isSearchable","onSelect","onSelectAll","searchPlaceholder","_g","shouldRetainSelection","_h","shouldTruncateText","_j","minW","maxW","_k","maxH","rest","__rest","_l","useMenuContext","filteredMenuItems","allMenuItems","groups","setGroups","focusedItemIndex","setFocusedItemIndex","menuItemRefs","focusNextListItem","direction","isFirstOption","isLastOption","length","newIndex","nextListItem","elementIsInputField","persist","preventDefault","click","handleToggleSingleItem","selectedValue","itemOnSelect","_filteredMenuItemsCopy","__spreadArray","__read","selectedItem","find","isSelected","allSelectedItems","value_1","forEach","groupLabel","push","groupNames","Set","map","getMenuItem","index","isPlaceholder","Fragment","MenuItem","closeOnSelect","colorToken","itemIndex","toString","leftElement","CMenuList","__assign","overflow","m","Boolean","concat","minH","pt","pr","pb","pl","justify","align","Heading","display","p","Text"],"mappings":"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"}

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

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

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

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

package/build/modal.component-9493250d.js

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

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

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

package/build/{modalBody.component-8a3dd614.js → modalBody.component-1926b6d1.js}

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

package/build/{modalBody.component-8a3dd614.js.map → modalBody.component-1926b6d1.js.map}

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

package/build/modalCloseButton.component-9fd3b3dd.js

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"modalFooter.component-fc1ac7e1.js","sources":["../src/components/Modal/components/ModalFooter/modalFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nexport const ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n  return (\n    <CModalFooter pb={6} {...rest}>\n      {children}\n    </CModalFooter>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","__assign","pb"],"mappings":"+NAK2B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,UAAAC,cAACC,EAAYC,YAAAC,WAAA,CAACC,GAAI,GAAOP,GACtBD,EAGP"}
+{"version":3,"file":"modalFooter.component-e957013f.js","sources":["../src/components/Modal/components/ModalFooter/modalFooter.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps } from '@chakra-ui/react';\n\nexport interface ModalFooterProps extends CModalFooterProps {}\n\nexport const ModalFooter = ({ children, ...rest }: ModalFooterProps): JSX.Element => {\n  return (\n    <CModalFooter pb={6} {...rest}>\n      {children}\n    </CModalFooter>\n  );\n};\n"],"names":["_a","children","rest","__rest","React","createElement","CModalFooter","ModalFooter","__assign","pb"],"mappings":"+NAK2B,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAKC,EAAIC,EAAAA,OAAAH,EAAnB,cAC1B,OACEI,UAAAC,cAACC,EAAYC,YAAAC,WAAA,CAACC,GAAI,GAAOP,GACtBD"}

package/build/{modalFooterButtons.component-225729fc.js → modalFooterButtons.component-1ee933ec.js}

@@ -1,2 +1,2 @@
-"use strict";var e=require("./tslib.es6-8e19e91f.js"),t=require("react"),a=require("./button.component-7994e6aa.js"),i=require("./chakra-ui-layout.esm-339b049e.js"),n=require("./chakra-ui-modal.esm-7aa63ee6.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);exports.ModalFooterButtons=function(t){var r=t.submitText,o=void 0===r?"Submit":r,u=t.isLoading,s=t.loadingText,c=t.isDisabled,d=t.isDestructive,m=t.mixpanelName;t.children;var b=t.onSubmit,f=t.allowCancel,v=void 0===f||f,x=t.onCancel,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]),C=n.useModalContext().onClose;return l.default.createElement(n.ModalFooter,e.__assign({},p,{pb:6}),l.default.createElement(i.Flex,{w:"100%"},v&&l.default.createElement(a.Button,{variant:"tertiary",onClick:function(){x&&x(),C()}},"Cancel"),l.default.createElement(i.Spacer,null),l.default.createElement(a.Button,{"data-mixpanel-name":m,onClick:b,isLoading:u,loadingText:s,isDisabled:c,variant:d?"primaryDestructive":"primary"},o)))};
-//# sourceMappingURL=modalFooterButtons.component-225729fc.js.map
+"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./button.component-c0f12ef5.js"),i=require("./chakra-ui-layout.esm-493ee04b.js"),n=require("./chakra-ui-modal.esm-f93732cd.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=r(t);exports.ModalFooterButtons=function(t){var r=t.submitText,o=void 0===r?"Submit":r,u=t.isLoading,s=t.loadingText,c=t.isDisabled,d=t.isDestructive,m=t.mixpanelName;t.children;var f=t.onSubmit,b=t.allowCancel,v=void 0===b||b,x=t.onCancel,p=e.__rest(t,["submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","allowCancel","onCancel"]),C=n.useModalContext().onClose;return l.default.createElement(n.ModalFooter,e.__assign({},p,{pb:6}),l.default.createElement(i.Flex,{w:"100%"},v&&l.default.createElement(a.Button,{variant:"tertiary",onClick:function(){x&&x(),C()}},"Cancel"),l.default.createElement(i.Spacer,null),l.default.createElement(a.Button,{"data-mixpanel-name":m,onClick:f,isLoading:u,loadingText:s,isDisabled:c,variant:d?"primaryDestructive":"primary"},o)))};
+//# sourceMappingURL=modalFooterButtons.component-1ee933ec.js.map