@televet/kibble-ui 1.20.21-beta.cs44 → 1.20.21-beta.cs46

package/build/menuButton.component-5e5b39d4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuButton.component-5e5b39d4.js","sources":["../src/components/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport { Icon } from 'components/Icon/icon.component';\nimport Box from 'chakra/components/Box';\nimport HStack from 'chakra/components/HStack';\nimport { MenuButton as CMenuButton, MenuButtonProps as CMenuButtonProps } from '@chakra-ui/menu';\nimport { Button } from 'components/Button/button.component';\nimport { ButtonSizeType, ButtonVariantType } from 'components/Button/button.types';\nimport { IconsSize, IconName } from 'components/Icon/icon.types';\n\nexport interface MenuButtonProps extends CMenuButtonProps {\n  leftElement?: ReactNode;\n  leftIconName?: IconName;\n  rightIconName?: IconName;\n  showRightIcon?: boolean;\n  size?: ButtonSizeType;\n  text?: string;\n  variant?: ButtonVariantType;\n}\n\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":"kZAmB0B,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,WAAOC,QAASd,EAAaQ,UAAU,gCACrCvB,GAAeA,EACfC,GACCe,EAAA,QAAAC,cAACa,EAAG,QAAC,CAAAP,UAAU,wBACbP,UAACC,cAAAc,EAAAA,KAAK,CAAAC,KAAM/B,EAAcK,KAAMQ,KAGnCP,GAAQS,wBAACc,EAAAA,QAAG,CAACP,UAAU,oBAAoBhB,GAC3CF,GACCW,EAAA,QAAAC,cAACa,EAAG,QAAC,CAAAP,UAAU,yBACbP,EAAAA,QAACC,cAAAc,EAAAA,KAAK,CAAAC,KAAM7B,EAAeG,KAAe,OAATA,EAAgB,KAAO"}

package/build/menuItem.component-a027d8a6.js

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

package/build/menuItem.component-a027d8a6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuItem.component-a027d8a6.js","sources":["../src/components/Menu/components/MenuItem/menuItem.component.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  MutableRefObject,\n  useCallback,\n  MouseEvent,\n  KeyboardEvent,\n  useMemo,\n  ReactElement,\n} from 'react';\nimport { useMenuState } from '@chakra-ui/menu';\nimport Flex from 'chakra/components/Flex';\nimport HStack from 'chakra/components/HStack';\nimport Box from 'chakra/components/Box';\nimport { useTheme } from 'hooks/useTheme';\nimport { MenuItemConfig } from 'components/Menu/menu.config';\nimport { TextColor } from 'shared/types';\nimport { TruncatedText } from 'components/TruncatedText/truncatedText.component';\nimport { Text } from 'components/Text/text.component';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { Icon } from 'components/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":"0mBA0CwB,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,EAAG,QAAAC,EAAAA,SAAA,GACEC,EAAAA,eACJ,CAAAC,GAAIlC,GAAcQ,IAA0BZ,EAAgBiB,EAAOsB,WAAWC,MAAQ,GACtFC,UAAU,iBACVC,QAASlB,EACTmB,UAAW,SAACjB,GAA2C,OAAA5B,EAAyB4B,GAAG,IACnFkB,SAAUC,SAASpD,EAAgBa,GAAa,EAAKA,GACrDwC,IAAK,SAACC,GACJ,OAAAtC,GAAgBH,EAAaG,EAAauC,QAAQH,SAASvC,IAAcyC,EAAM,MAGjFE,SAAUlD,GACNgB,GAEHrB,GAGCuC,EAAC,QAAAC,cAAAgB,EAAAA,QAAO,CAAAC,MAAM,SAASC,QAAS,EAAGC,KAAM,EAAGC,MAAO1B,GAChD5B,GACCiC,EAAAA,QAAAC,cAACqB,UAAI,CACHC,EAAG,EACHC,EAAG,EACHhB,UAAU,yBACVU,MAAM,SACNO,QAAQ,SACRJ,MAAOrC,EAAO0C,OAAOC,SAEpBxD,EACC6B,wBAAC4B,EAAAA,KAAI,CAACC,KAAK,kBAAkBC,KAAK,OAElC9B,wBAACE,EAAG,QAAA,CAAC6B,EAAE,MAAMR,EAAG,EAAGC,EAAG,EAAGQ,aAAa,OAAO3B,GAAIrB,EAAOsB,WAAW2B,YAIxE1D,GACCyB,EAAAA,QAAAC,cAACqB,EAAI,QAAC,CAAAJ,MAAM,SAASO,QAAQ,SAASjB,UAAU,6BAC7CjC,GAGLyB,EAAA,QAAAC,cAACC,UAAG,CAACM,UAAU,sBAAsB0B,SAAS,WAAWX,EAAE,QACvC,iBAAVjD,EACNM,EACEoB,EAAAA,sBAACmC,EAAaA,cAAA,CAACd,MAAO1B,EAAWyC,YAAa9D,GAAS,GAAI+D,UAAW,IAEtErC,EAAC,QAAAC,cAAAqC,EAAAA,MAAKjB,MAAO1B,GAAYrB,GAC1B"}

package/build/menuList.component-63bc07dd.js

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

package/build/menuList.component-63bc07dd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menuList.component-63bc07dd.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 'components/TextInput/textInput.component';\nimport { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\nimport { useMenuState } from '@chakra-ui/menu';\n\nexport interface MenuSearchBarProps {\n  handleKeyboardNavigation: (e: KeyboardEvent<HTMLInputElement>, elementIsInputField: boolean) => void;\n  menuItems: MenuItemProps[];\n  onSearchCallback?: (e: ChangeEventHandler) => void;\n  searchInputRef?: MutableRefObject<HTMLInputElement | null>;\n  setFilteredMenuItems: Dispatch<SetStateAction<MenuItemProps[]>>;\n  placeholder?: string;\n}\n\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 from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport { Button } from 'components/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 } from '@chakra-ui/menu';\nimport Box from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport { Heading } from 'components/Heading/heading.component';\nimport { Text } from 'components/Text/text.component';\nimport { MenuItem, MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\nimport { MenuSearchBar } from 'components/Menu/components/MenuSearchBar/menuSearchBar.component';\nimport { MenuSelectAllButtons } from 'components/Menu/components/MenuSelectAllButtons/menuSelectAllButtons.component';\nimport { useMenuContext } from 'components/Menu/context/menu.context';\nimport { SelectOptionProps } from 'components/Select/select.types';\n\nexport interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {\n  canSelectAll?: boolean;\n  canSelectGroups?: boolean;\n  isGrouped?: boolean;\n  isMultiSelect?: boolean;\n  isSearchable?: boolean;\n  menuItems?: MenuItemProps[];\n  onSelect?:\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void)\n    | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);\n  onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);\n  searchPlaceholder?: string;\n  shouldRetainSelection?: boolean;\n  isMatchWidthSet?: boolean;\n  shouldTruncateText?: boolean;\n}\n\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/modal.component-6c57325a.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),a=require("react"),r=require("./chakra-ui-modal.esm-3586732d.js"),o=require("./chakra-ui-media-query.esm-aeb60dbf.js"),i=require("./useTheme-7f0abde2.js"),s=require("./useAdaptiveColor-8ade5296.js"),l=require("./withDarkMode-4c41b000.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(a);exports.Modal=function(a){var d=a.children,t=a.isOpen,n=a.onClose,c=a.isCentered,b=void 0===c||c;a.responsiveModalSizes;var m=a.allowEscape,v=void 0===m||m,f=a.useFullScreenMobile,k=void 0===f||f,p=a.initialFocusRef,M=a.scrollBehavior,h=a.darkMode,C=a.size,q=void 0===C?"xl":C,j=e.__rest(a,["children","isOpen","onClose","isCentered","responsiveModalSizes","allowEscape","useFullScreenMobile","initialFocusRef","scrollBehavior","darkMode","size"]),B=i.useTheme(),O=B.colors,E=B.radii,_=s.useAdaptiveColor(O.background),g=h?O.background.dark:_,w=o.useBreakpointValue({base:"full",md:q}),x=o.useBreakpointValue({base:0,md:E.xl}),z=o.useBreakpointValue({base:k?0:16,md:16}),F=u.default.createElement(r.Modal,e.__assign({closeOnEsc:v,closeOnOverlayClick:v,autoFocus:!!p,isOpen:t,onClose:n,scrollBehavior:M,isCentered:b,size:k?w:q,motionPreset:"slideInBottom"},j),u.default.createElement(r.ModalOverlay,null),u.default.createElement(r.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 l.withDarkMode(F,!!h)};
-//# sourceMappingURL=modal.component-6c57325a.js.map

package/build/modalCloseButton.component-775ce908.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),o=require("./chakra-ui-modal.esm-3586732d.js"),r=require("./button.component-0ead2cac.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(t);exports.ModalCloseButton=function(t){var i=t.right,s=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=o.useModalContext().onClose;return a.default.createElement(r.Button,e.__assign({variant:"ghostNeutral",onClick:f,iconName:"close",position:"absolute",right:s,top:u,size:l},d))};
-//# sourceMappingURL=modalCloseButton.component-775ce908.js.map

package/build/modalFooterButtons.component-98fa99a0.js

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

package/build/modalFooterButtons.component-98fa99a0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modalFooterButtons.component-98fa99a0.js","sources":["../src/components/Modal/components/ModalFooterButtons/modalFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalFooter as CModalFooter, ModalFooterProps as CModalFooterProps, useModalContext } from '@chakra-ui/modal';\nimport Spacer from 'chakra/components/Spacer';\nimport Flex from 'chakra/components/Flex';\nimport { Button } from 'components/Button/button.component';\n\nexport interface ModalFooterButtonProps extends CModalFooterProps {\n  mixpanelName?: string;\n  submitText?: string;\n  isLoading?: boolean;\n  loadingText?: string;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void;\n  allowCancel?: boolean;\n  onCancel?: () => void;\n}\n\nexport const ModalFooterButtons = ({\n  submitText = 'Submit',\n  isLoading,\n  loadingText,\n  isDisabled,\n  isDestructive,\n  mixpanelName,\n  children,\n  onSubmit,\n  allowCancel = true,\n  onCancel,\n  ...rest\n}: ModalFooterButtonProps): JSX.Element => {\n  const { onClose } = useModalContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <CModalFooter {...rest} pb={6}>\n      <Flex w=\"100%\">\n        {allowCancel && (\n          <Button variant=\"tertiary\" onClick={handleCancel}>\n            Cancel\n          </Button>\n        )}\n        <Spacer />\n        <Button\n          data-mixpanel-name={mixpanelName}\n          onClick={onSubmit}\n          isLoading={isLoading}\n          loadingText={loadingText}\n          isDisabled={isDisabled}\n          variant={isDestructive ? 'primaryDestructive' : 'primary'}\n        >\n          {submitText}\n        </Button>\n      </Flex>\n    </CModalFooter>\n  );\n};\n"],"names":["_a","_b","submitText","isLoading","loadingText","isDisabled","isDestructive","mixpanelName","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","useModalContext","React","CModalFooter","__assign","pb","createElement","Flex","w","Button","variant","onClick","Spacer"],"mappings":"kXAkBkC,SAACA,GACjC,IAAAC,eAAAC,aAAa,SAAQD,EACrBE,EAASH,EAAAG,UACTC,gBACAC,eACAC,kBACAC,EAAYP,EAAAO,aACJP,EAAAQ,SAAA,IACRC,EAAQT,EAAAS,SACRC,gBAAAC,cAAkBD,EAClBE,EAAQZ,EAAAY,SACLC,EAAIC,EAAAA,OAAAd,EAX0B,qIAazBe,EAAYC,4BASpB,OACEC,wBAACC,EAAAA,YAAYC,EAAAA,SAAA,GAAKN,EAAM,CAAAO,GAAI,IAC1BH,EAAAA,QAAAI,cAACC,EAAAA,QAAI,CAACC,EAAE,QACLZ,GACCM,EAAC,QAAAI,cAAAG,EAAAA,OAAO,CAAAC,QAAQ,WAAWC,QAXd,WACfd,GACFA,IAEFG,gBAWIE,UAAAI,cAACM,EAAM,QAAG,MACVV,UAAAI,cAACG,EAAMA,OACe,CAAA,qBAAAjB,EACpBmB,QAASjB,EACTN,UAAWA,EACXC,YAAaA,EACbC,WAAYA,EACZoB,QAASnB,EAAgB,qBAAuB,WAE/CJ"}

package/build/modalHeader.component-d98c1112.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),a=require("./chakra-ui-modal.esm-3586732d.js"),t=require("./heading.component-772d18fa.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(r);exports.ModalHeader=function(r){var i=r.size,n=void 0===i?"md":i,s=r.children,u=e.__rest(r,["size","children"]);return d.default.createElement(a.ModalHeader,e.__assign({px:6,pt:6,pb:2},u),d.default.createElement(t.Heading,{size:n},s))};
-//# sourceMappingURL=modalHeader.component-d98c1112.js.map

package/build/notificationCounter.component-43b4f7c4.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),o=require("./useTheme-7f0abde2.js"),r=require("./chakra/components/Box/index.js"),i=require("./chakra/components/Flex/index.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n,s=a(t);exports.NotificationCounterVariant=void 0,(n=exports.NotificationCounterVariant||(exports.NotificationCounterVariant={})).Red="red",n.Neutral="neutral";var u={xs:2,sm:4,md:5,lg:6},d={xs:"8px",sm:"10px",md:"12px",lg:"14px"},l={xs:"1px",sm:"2px",md:"3px",lg:"4px"};exports.NotificationCounter=function(t){var a,n=t.count,c=void 0===n?0:n,f=t.size,x=void 0===f?"md":f,p=t.showCount,h=void 0===p||p,m=t.variant,b=void 0===m?exports.NotificationCounterVariant.Red:m,g=e.__rest(t,["count","size","showCount","variant"]),C=o.useTheme(),v="xs"!==x&&h,N=((a={})[exports.NotificationCounterVariant.Red]={backgroundColor:C.colors.red[500],color:C.colors.white},a[exports.NotificationCounterVariant.Neutral]={backgroundColor:C.colors.background.table,color:C.colors.text.light.default},a),j=c>99?s.default.createElement(r.default,{backgroundColor:N[b].color,borderRadius:C.radii.full,height:l[x],width:l[x]}):c>0&&c;return s.default.createElement(i.default,e.__assign({},g,{alignItems:"center",border:C.borders["1px"],borderColor:C.colors.white,borderRadius:C.radii.full,fontSize:d[x],fontWeight:C.fontWeights.semibold,height:u[x],justifyContent:"center",width:u[x]},N[b]),v&&j)};
-//# sourceMappingURL=notificationCounter.component-43b4f7c4.js.map

package/build/notificationCounter.component-43b4f7c4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notificationCounter.component-43b4f7c4.js","sources":["../src/components/NotificationCounter/notificationCounter.types.ts","../src/components/NotificationCounter/notificationCounter.records.ts","../src/components/NotificationCounter/notificationCounter.component.tsx"],"sourcesContent":["export type NotificationCounterSize = 'lg' | 'md' | 'sm' | 'xs';\n\nexport enum NotificationCounterVariant {\n  Red = 'red',\n  Neutral = 'neutral',\n}\n","import { NotificationCounterSize } from './notificationCounter.types';\n\nexport const MAX_COUNT = 99;\n\nexport const notificationCounterSizes: Record<NotificationCounterSize, number> = {\n  xs: 2,\n  sm: 4,\n  md: 5,\n  lg: 6,\n};\n\nexport const notificationCounterFontSizes: Record<NotificationCounterSize, string> = {\n  xs: '8px', // Not used since the xs size doesn't show a label\n  sm: '10px',\n  md: '12px',\n  lg: '14px',\n};\n\nexport const maxNotificationCounterSizes: Record<NotificationCounterSize, string> = {\n  xs: '1px', // Not used since the xs size doesn't show a label\n  sm: '2px',\n  md: '3px',\n  lg: '4px',\n};\n","import React from 'react';\nimport { useTheme } from 'hooks/useTheme';\nimport { NotificationCounterSize, NotificationCounterVariant } from './notificationCounter.types';\nimport Box from 'chakra/components/Box';\nimport Flex from 'chakra/components/Flex';\nimport { FlexProps } from '@chakra-ui/layout';\nimport {\n  MAX_COUNT,\n  maxNotificationCounterSizes,\n  notificationCounterFontSizes,\n  notificationCounterSizes,\n} from './notificationCounter.records';\n\nexport interface NotificationCounterProps extends FlexProps {\n  count?: number;\n  size?: NotificationCounterSize;\n  showCount?: boolean;\n  variant?: NotificationCounterVariant;\n}\n\nexport const NotificationCounter = ({\n  count = 0,\n  size = 'md',\n  showCount = true,\n  variant = NotificationCounterVariant.Red,\n  ...rest\n}: NotificationCounterProps): JSX.Element => {\n  const theme = useTheme();\n  const _showCount = size === 'xs' ? false : showCount; // By default the xs size doesn't show a label\n\n  const notificationVariantStyles = {\n    [NotificationCounterVariant.Red]: {\n      backgroundColor: theme.colors.red[500],\n      color: theme.colors.white,\n    },\n    [NotificationCounterVariant.Neutral]: {\n      backgroundColor: theme.colors.background.table,\n      color: theme.colors.text.light.default,\n    },\n  };\n\n  const counterContent =\n    count > MAX_COUNT ? (\n      <Box\n        backgroundColor={notificationVariantStyles[variant].color}\n        borderRadius={theme.radii.full}\n        height={maxNotificationCounterSizes[size]}\n        width={maxNotificationCounterSizes[size]}\n      />\n    ) : (\n      count > 0 && count\n    );\n\n  return (\n    <Flex\n      {...rest}\n      alignItems=\"center\"\n      border={theme.borders['1px']}\n      borderColor={theme.colors.white}\n      borderRadius={theme.radii.full}\n      fontSize={notificationCounterFontSizes[size]}\n      fontWeight={theme.fontWeights.semibold}\n      height={notificationCounterSizes[size]}\n      justifyContent=\"center\"\n      width={notificationCounterSizes[size]}\n      {...notificationVariantStyles[variant]}\n    >\n      {_showCount && counterContent}\n    </Flex>\n  );\n};\n"],"names":["NotificationCounterVariant","notificationCounterSizes","xs","sm","md","lg","notificationCounterFontSizes","maxNotificationCounterSizes","_a","_c","count","_d","size","_e","showCount","_f","variant","Red","rest","__rest","theme","useTheme","_showCount","notificationVariantStyles","_b","backgroundColor","colors","red","color","white","Neutral","background","table","text","light","default","counterContent","React","createElement","Box","borderRadius","radii","full","height","width","Flex","__assign","alignItems","border","borders","borderColor","fontSize","fontWeight","fontWeights","semibold","justifyContent"],"mappings":"sRAEYA,SAAAA,QAGXA,gCAAA,GAHWA,EAAAA,QAA0BA,6BAA1BA,mCAGX,KAFC,IAAA,MACAA,EAAA,QAAA,UCFK,IAEMC,EAAoE,CAC/EC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GAGOC,EAAwE,CACnFJ,GAAI,MACJC,GAAI,OACJC,GAAI,OACJC,GAAI,QAGOE,EAAuE,CAClFL,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,mCCF6B,SAACG,SAClCC,EAASD,EAAAE,MAATA,OAAK,IAAAD,EAAG,EAACA,EACTE,EAAWH,EAAAI,KAAXA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAgBL,EAAAM,UAAhBA,OAAS,IAAAD,GAAOA,EAChBE,EAAAP,EAAAQ,QAAAA,OAAO,IAAAD,EAAGf,QAAAA,2BAA2BiB,IAAGF,EACrCG,EAAIC,EAAAA,OAAAX,EAL2B,wCAO5BY,EAAQC,EAAAA,WACRC,EAAsB,OAATV,GAAwBE,EAErCS,IAAyBC,EAAA,IAC5BxB,QAAAA,2BAA2BiB,KAAM,CAChCQ,gBAAiBL,EAAMM,OAAOC,IAAI,KAClCC,MAAOR,EAAMM,OAAOG,OAEtBL,EAACxB,QAAAA,2BAA2B8B,SAAU,CACpCL,gBAAiBL,EAAMM,OAAOK,WAAWC,MACzCJ,MAAOR,EAAMM,OAAOO,KAAKC,MAAMC,YAI7BC,EACJ1B,EDxCqB,GCyCnB2B,EAAAA,QAAAC,cAACC,EAAAA,QAAG,CACFd,gBAAiBF,EAA0BP,GAASY,MACpDY,aAAcpB,EAAMqB,MAAMC,KAC1BC,OAAQpC,EAA4BK,GACpCgC,MAAOrC,EAA4BK,KAGrCF,EAAQ,GAAKA,EAGjB,OACE2B,EAAC,QAAAC,cAAAO,EAAAA,QACKC,EAAAA,SAAA,GAAA5B,GACJ6B,WAAW,SACXC,OAAQ5B,EAAM6B,QAAQ,OACtBC,YAAa9B,EAAMM,OAAOG,MAC1BW,aAAcpB,EAAMqB,MAAMC,KAC1BS,SAAU7C,EAA6BM,GACvCwC,WAAYhC,EAAMiC,YAAYC,SAC9BX,OAAQ1C,EAAyBW,GACjC2C,eAAe,SACfX,MAAO3C,EAAyBW,IAC5BW,EAA0BP,IAE7BM,GAAcc"}

package/build/popoverBody.component-14e9cde8.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-popover.esm-858514b7.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(r);exports.PopoverBody=function(r){var o=r.children,i=e.__rest(r,["children"]);return a.default.createElement(t.PopoverBody,e.__assign({pb:3,pt:0},i),o)};
-//# sourceMappingURL=popoverBody.component-14e9cde8.js.map

package/build/popoverFooterButtons.component-e5e51a43.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./chakra-ui-popover.esm-858514b7.js"),i=require("./chakra/components/Spacer/index.js"),a=require("./chakra/components/Flex/index.js"),n=require("./popoverFooter.component-de9eb6b5.js"),o=require("./button.component-0ead2cac.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t);exports.PopoverFooterButtons=function(t){var s=t.submitText,l=void 0===s?"Submit":s,c=t.isLoading,d=t.isDisabled,m=t.isDestructive;t.children;var p=t.onSubmit,v=t.allowCancel,b=void 0===v||v,f=t.onCancel,C=e.__rest(t,["submitText","isLoading","isDisabled","isDestructive","children","onSubmit","allowCancel","onCancel"]),j=r.usePopoverContext().onClose;return u.default.createElement(n.PopoverFooter,e.__assign({},C),u.default.createElement(a.default,{w:"100%"},b&&u.default.createElement(o.Button,{variant:"tertiary",size:"sm",onClick:function(){f&&f(),j()}},"Cancel"),u.default.createElement(i.default,null),u.default.createElement(o.Button,{onClick:p,isLoading:c,isDisabled:d,size:"sm",variant:m?"primaryDestructive":"primary"},l)))};
-//# sourceMappingURL=popoverFooterButtons.component-e5e51a43.js.map

package/build/popoverFooterButtons.component-e5e51a43.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"popoverFooterButtons.component-e5e51a43.js","sources":["../src/components/Popover/components/PopoverFooterButtons/popoverFooterButtons.component.tsx"],"sourcesContent":["import React from 'react';\nimport { PopoverFooterProps as CPopoverFooterProps, usePopoverContext } from '@chakra-ui/popover';\nimport Spacer from 'chakra/components/Spacer';\nimport Flex from 'chakra/components/Flex';\nimport { PopoverFooter } from '../PopoverFooter/popoverFooter.component';\nimport { Button } from 'components/Button/button.component';\n\nexport interface PopoverFooterButtonProps extends CPopoverFooterProps {\n  submitText?: string;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isDestructive?: boolean;\n  onSubmit?: () => void;\n  allowCancel?: boolean;\n  onCancel?: () => void;\n}\n\nexport const PopoverFooterButtons = ({\n  submitText = 'Submit',\n  isLoading,\n  isDisabled,\n  isDestructive,\n  children,\n  onSubmit,\n  allowCancel = true,\n  onCancel,\n  ...rest\n}: PopoverFooterButtonProps): JSX.Element => {\n  const { onClose } = usePopoverContext();\n\n  const handleCancel = (): void => {\n    if (onCancel) {\n      onCancel();\n    }\n    onClose();\n  };\n\n  return (\n    <PopoverFooter {...rest}>\n      <Flex w=\"100%\">\n        {allowCancel && (\n          <Button variant=\"tertiary\" size=\"sm\" onClick={handleCancel}>\n            Cancel\n          </Button>\n        )}\n        <Spacer />\n        <Button\n          onClick={onSubmit}\n          isLoading={isLoading}\n          isDisabled={isDisabled}\n          size=\"sm\"\n          variant={isDestructive ? 'primaryDestructive' : 'primary'}\n        >\n          {submitText}\n        </Button>\n      </Flex>\n    </PopoverFooter>\n  );\n};\n"],"names":["_a","_b","submitText","isLoading","isDisabled","isDestructive","children","onSubmit","_c","allowCancel","onCancel","rest","__rest","onClose","usePopoverContext","React","createElement","PopoverFooter","__assign","Flex","w","Button","variant","size","onClick","Spacer"],"mappings":"yaAiBoC,SAACA,GACnC,IAAAC,EAAqBD,EAAAE,WAArBA,OAAU,IAAAD,EAAG,SAAQA,EACrBE,EAASH,EAAAG,UACTC,EAAUJ,EAAAI,WACVC,kBACQL,EAAAM,SACR,IAAAC,EAAQP,EAAAO,SACRC,EAAkBR,EAAAS,YAAlBA,OAAc,IAAAD,GAAIA,EAClBE,EAAQV,EAAAU,SACLC,EAAIC,EAAAA,OAAAZ,EAT4B,wGAW3Ba,EAAYC,8BASpB,OACEC,EAAAA,QAAAC,cAACC,EAAAA,cAAaC,EAAAA,SAAA,GAAKP,GACjBI,EAAAA,QAAAC,cAACG,EAAAA,QAAI,CAACC,EAAE,QACLX,GACCM,EAAAA,QAAAC,cAACK,EAAMA,OAAA,CAACC,QAAQ,WAAWC,KAAK,KAAKC,QAXxB,WACfd,GACFA,IAEFG,gBAWIE,UAAAC,cAACS,EAAM,QAAG,MACVV,UAAAC,cAACK,EAAAA,OAAM,CACLG,QAASjB,EACTJ,UAAWA,EACXC,WAAYA,EACZmB,KAAK,KACLD,QAASjB,EAAgB,qBAAuB,WAE/CH"}

package/build/popoverHeader.component-cc3deb65.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./chakra-ui-popover.esm-858514b7.js"),t=require("./heading.component-772d18fa.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=a(r);exports.PopoverHeader=function(r){var a=r.size,n=void 0===a?"sm":a,c=r.color,s=r.colorToken,l=r.children,u=e.__rest(r,["size","color","colorToken","children"]);return i.default.createElement(o.PopoverHeader,e.__assign({px:3,pt:3,pb:1,borderBottom:0},u),i.default.createElement(t.Heading,{size:n,colorToken:s,color:c},l))};
-//# sourceMappingURL=popoverHeader.component-cc3deb65.js.map

package/build/radio.component-dee5645f.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),i=require("react"),r=require("./chakra-ui-radio.esm-7fa5bfc7.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(i);exports.Radio=function(i){var t=i.children,s=i.size,n=void 0===s?"md":s;i.isFieldInline;var l=e.__rest(i,["children","size","isFieldInline"]);return a.default.createElement(r.Radio,e.__assign({},l,{size:n,alignItems:"flex-start"}),t)};
-//# sourceMappingURL=radio.component-dee5645f.js.map

package/build/radio.component-dee5645f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radio.component-dee5645f.js","sources":["../src/components/Radio/radio.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Radio as CRadio, RadioProps as CRadioProps } from '@chakra-ui/radio';\nimport { RadioSize } from './radio.types';\n\nexport interface RadioProps extends CRadioProps {\n  size?: RadioSize;\n  isFieldInline?: boolean;\n}\n\nexport const Radio = ({ children, size = 'md', isFieldInline, ...rest }: RadioProps): JSX.Element => {\n  return (\n    <CRadio {...rest} size={size} alignItems=\"flex-start\">\n      {children}\n    </CRadio>\n  );\n};\n"],"names":["_a","children","_b","size","isFieldInline","rest","__rest","React","createElement","CRadio","Radio","__assign","alignItems"],"mappings":"yNASqB,SAACA,GAAE,IAAAC,EAAQD,EAAAC,SAAEC,EAAWF,EAAAG,KAAXA,OAAO,IAAAD,EAAA,KAAIA,EAAeF,EAAAI,kBAAKC,EAAIC,SAAAN,EAA/C,qCACpB,OACEO,EAAC,QAAAC,cAAAC,EAAMC,MAAKC,EAAAA,SAAA,GAAAN,GAAMF,KAAMA,EAAMS,WAAW,eACtCX"}

package/build/radioGroup.component-a5d753d4.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),i=require("./chakra-ui-radio.esm-7fa5bfc7.js"),a=require("./chakra/components/Stack/index.js"),t=require("./formControl.component-7458724c.js"),n=require("./radio.component-dee5645f.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(r),d=function(r){var t=r.radios,o=r.size,d=void 0===o?"md":o,c=r.direction,u=void 0===c?"row":c,l=r.spacing,f=e.__rest(r,["radios","size","direction","spacing"]);f.isFieldInline;var m=e.__rest(f,["isFieldInline"]);return s.default.createElement(i.RadioGroup,e.__assign({},m),s.default.createElement(a.default,{direction:u,spacing:l,maxW:f.maxW||"max-content"},t.map((function(r,i){return s.default.createElement(n.Radio,e.__assign({key:i},r,{size:d}))}))))};d.displayName="RadioGroup";var c=t.withFormControl(d);exports.WrappedRadioGroup=c;
-//# sourceMappingURL=radioGroup.component-a5d753d4.js.map

package/build/radioGroup.component-a5d753d4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radioGroup.component-a5d753d4.js","sources":["../src/components/RadioGroup/radioGroup.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RadioGroup as CRadioGroup, RadioGroupProps as CRadioGroupProps } from '@chakra-ui/radio';\nimport { SystemProps } from '@chakra-ui/system';\nimport Stack from 'chakra/components/Stack';\nimport { withFormControl, WithFormControlProps } from 'components/FormControl/formControl.component';\nimport { FlexDirection } from 'shared/types';\nimport { Radio, RadioProps } from 'components/Radio/radio.component';\nimport { RadioSize } from 'components/Radio/radio.types';\n\nexport interface RadioGroupProps extends WithFormControlProps, Omit<CRadioGroupProps, 'children'> {\n  size?: RadioSize;\n  radios: RadioProps[];\n  direction?: FlexDirection;\n  spacing?: SystemProps['margin'];\n  isFieldInline?: boolean;\n}\n\nconst RadioGroup = ({ radios, size = 'md', direction = 'row', spacing, ...rest }: RadioGroupProps): JSX.Element => {\n  const { isFieldInline, ...domProps } = rest;\n  return (\n    <CRadioGroup {...domProps}>\n      <Stack direction={direction} spacing={spacing} maxW={rest.maxW || 'max-content'}>\n        {radios.map((radio, index) => (\n          <Radio key={index} {...radio} size={size} />\n        ))}\n      </Stack>\n    </CRadioGroup>\n  );\n};\n\nRadioGroup.displayName = 'RadioGroup';\n\nconst WrappedRadioGroup = withFormControl(RadioGroup);\n\nexport { WrappedRadioGroup as RadioGroup };\n"],"names":["RadioGroup","_a","radios","_b","size","_c","direction","spacing","rest","__rest","isFieldInline","domProps","React","createElement","CRadioGroup","__assign","Stack","maxW","map","radio","index","Radio","key","displayName","WrappedRadioGroup","withFormControl"],"mappings":"uVAiBMA,EAAa,SAACC,GAAE,IAAAC,WAAQC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAAEE,EAAAJ,EAAAK,UAAAA,OAAS,IAAAD,EAAG,MAAKA,EAAEE,YAAYC,EAAtDC,EAAAA,OAAAR,EAAA,CAAA,SAAA,OAAA,YAAA,YACqBO,EAAlBE,kBAAKC,EAAQF,EAAAA,OAAKD,EAAjC,CAA8B,kBACpC,OACEI,EAAAA,QAAAC,cAACC,EAAAA,WAAWC,EAAAA,SAAA,GAAKJ,GACfC,EAAC,QAAAC,cAAAG,EAAK,SAACV,UAAWA,EAAWC,QAASA,EAASU,KAAMT,EAAKS,MAAQ,eAC/Df,EAAOgB,KAAI,SAACC,EAAOC,GAAU,OAC5BR,EAAA,QAAAC,cAACQ,EAAKA,MAACN,EAAAA,SAAA,CAAAO,IAAKF,GAAWD,GAAOf,KAAMA,WAO9CJ,EAAWuB,YAAc,aAEzB,IAAMC,EAAoBC,EAAeA,gBAACzB"}

package/build/ratingDots.component-708145f7.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./chakra/components/Flex/index.js"),r=require("./text.component-7e0398d5.js"),a=require("./useTheme-7f0abde2.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(t),c=function(e){var r=e.number,o=e.isInteractive,c=e.isDisabled,u=e.onClick,d=e.selected,s=a.useTheme().colors,i=t.useCallback((function(){u&&u(r)}),[r,u]);return l.default.createElement(l.default.Fragment,null,o?c?l.default.createElement(n.default,{as:"button",bgColor:d?"".concat(s.background.brand,"80"):"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px solid ".concat(d?"transparent":s.background.brand,"50"),color:d?"white":"".concat(s.background.brand,"50"),mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"not-allowed"},r):l.default.createElement(n.default,{as:"button",onClick:i,bgColor:d?s.background.brand:"transparent",h:"60px",w:"60px",borderRadius:"30px",border:"2px solid ".concat(s.background.brand),color:d?s.text.dark.default:s.text.light.link,mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"pointer",_hover:{bg:d?s.background.brand:s.background.tealLight}},r):l.default.createElement(n.default,{as:"div",bgColor:s.background.brand,h:"40px",w:"40px",borderRadius:"20px",border:"2px solid ".concat(s.background.brand),color:s.text.dark.default,mr:1,mb:1,justifyContent:"center",alignItems:"center",fontSize:"lg",cursor:"default"},r))};exports.RatingDots=function(a){var o=a.minValue,u=a.maxValue,d=a.minLabel,s=a.maxLabel,i=a.centeredLabel,f=a.isDisabled,b=a.isInteractive,m=a.onClick,x=a.selected,p=e.__read(t.useState(),2),g=p[0],k=p[1],E=t.useMemo((function(){return Math.round(o)}),[o]),h=t.useMemo((function(){return Math.round(u)}),[u]),C=t.useMemo((function(){for(var e=[],t=E;t<=h;t++)e.push(t);return e}),[h,E]);return t.useEffect((function(){void 0!==x&&k(x)}),[x]),l.default.createElement(l.default.Fragment,null,l.default.createElement(n.default,{my:4,flexWrap:"wrap",justifyContent:b?"center":"flex-start"},C.map((function(e){return l.default.createElement(c,{key:"composer-rating-dot-".concat(e),number:e,isInteractive:b,onClick:m,isDisabled:f,selected:g===e})}))),l.default.createElement(n.default,{justifyContent:b?i?"center":"space-between":"flex-start"},i?l.default.createElement(r.Text,{colorToken:"subtle",size:"sm"},i):l.default.createElement(l.default.Fragment,null,d&&l.default.createElement(r.Text,{colorToken:"subtle",size:"sm"},"".concat(E," - ").concat(d)),!b&&l.default.createElement(r.Text,{colorToken:"subtle",size:"sm",pr:1},","),s&&l.default.createElement(r.Text,{colorToken:"subtle",size:"sm"},"".concat(h," - ").concat(s)))))};
-//# sourceMappingURL=ratingDots.component-708145f7.js.map

package/build/ratingDots.component-708145f7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ratingDots.component-708145f7.js","sources":["../src/components/RatingDots/components/RatingDot/ratingDot.component.tsx","../src/components/RatingDots/ratingDots.component.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { useTheme } from 'hooks/useTheme';\nimport Flex from 'chakra/components/Flex';\n\nexport interface IRatingDotProps {\n  number: number;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected: boolean;\n}\n\nexport const RatingDot = ({ number, isInteractive, isDisabled, onClick, selected }: IRatingDotProps): JSX.Element => {\n  const { colors } = useTheme();\n\n  const handleClick = useCallback((): void => {\n    if (onClick) onClick(number);\n  }, [number, onClick]);\n\n  return (\n    <>\n      {isInteractive ? (\n        isDisabled ? (\n          <Flex\n            as=\"button\"\n            bgColor={selected ? `${colors.background.brand}80` : 'transparent'}\n            h=\"60px\"\n            w=\"60px\"\n            borderRadius=\"30px\"\n            border={`2px solid ${selected ? 'transparent' : colors.background.brand}50`}\n            color={selected ? 'white' : `${colors.background.brand}50`}\n            mr={1}\n            mb={1}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            fontSize=\"lg\"\n            cursor=\"not-allowed\"\n          >\n            {number}\n          </Flex>\n        ) : (\n          <Flex\n            as=\"button\"\n            onClick={handleClick}\n            bgColor={selected ? colors.background.brand : 'transparent'}\n            h=\"60px\"\n            w=\"60px\"\n            borderRadius=\"30px\"\n            border={`2px solid ${colors.background.brand}`}\n            color={selected ? colors.text.dark.default : colors.text.light.link}\n            mr={1}\n            mb={1}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            fontSize=\"lg\"\n            cursor=\"pointer\"\n            _hover={{\n              bg: selected ? colors.background.brand : colors.background.tealLight,\n            }}\n          >\n            {number}\n          </Flex>\n        )\n      ) : (\n        <Flex\n          as=\"div\"\n          bgColor={colors.background.brand}\n          h=\"40px\"\n          w=\"40px\"\n          borderRadius=\"20px\"\n          border={`2px solid ${colors.background.brand}`}\n          color={colors.text.dark.default}\n          mr={1}\n          mb={1}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          fontSize=\"lg\"\n          cursor=\"default\"\n        >\n          {number}\n        </Flex>\n      )}\n    </>\n  );\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport Flex from 'chakra/components/Flex';\nimport { Text } from 'components/Text/text.component';\nimport { RatingDot } from './components/RatingDot/ratingDot.component';\n\nexport interface RatingDotsProps {\n  minValue: number;\n  maxValue: number;\n  minLabel?: string;\n  maxLabel?: string;\n  centeredLabel?: string;\n  isInteractive?: boolean;\n  isDisabled?: boolean;\n  onClick?: (value: number) => void;\n  selected?: number;\n}\n\nexport const RatingDots = ({\n  minValue,\n  maxValue,\n  minLabel,\n  maxLabel,\n  centeredLabel,\n  isDisabled,\n  isInteractive,\n  onClick,\n  selected,\n}: RatingDotsProps): JSX.Element => {\n  const [selectedValue, setSelectedValue] = useState<number>();\n\n  const roundedMin = useMemo(() => Math.round(minValue), [minValue]);\n  const roundedMax = useMemo(() => Math.round(maxValue), [maxValue]);\n\n  const values = useMemo(() => {\n    const arr = [];\n    for (let i = roundedMin; i <= roundedMax; i++) {\n      arr.push(i);\n    }\n    return arr;\n  }, [roundedMax, roundedMin]);\n\n  useEffect(() => {\n    if (selected !== undefined) setSelectedValue(selected);\n  }, [selected]);\n\n  return (\n    <>\n      <Flex my={4} flexWrap=\"wrap\" justifyContent={isInteractive ? 'center' : 'flex-start'}>\n        {values.map((value) => (\n          <RatingDot\n            key={`composer-rating-dot-${value}`}\n            number={value}\n            isInteractive={isInteractive}\n            onClick={onClick}\n            isDisabled={isDisabled}\n            selected={selectedValue === value}\n          />\n        ))}\n      </Flex>\n      <Flex justifyContent={isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start'}>\n        {centeredLabel ? (\n          <Text colorToken=\"subtle\" size=\"sm\">\n            {centeredLabel}\n          </Text>\n        ) : (\n          <>\n            {minLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMin} - ${minLabel}`}</Text>}\n            {!isInteractive && <Text colorToken=\"subtle\" size=\"sm\" pr={1}>{`,`}</Text>}\n            {maxLabel && <Text colorToken=\"subtle\" size=\"sm\">{`${roundedMax} - ${maxLabel}`}</Text>}\n          </>\n        )}\n      </Flex>\n    </>\n  );\n};\n"],"names":["RatingDot","_a","number","isInteractive","isDisabled","onClick","selected","colors","useTheme","handleClick","useCallback","React","createElement","Flex","as","bgColor","background","brand","h","w","borderRadius","border","concat","color","mr","mb","justifyContent","alignItems","fontSize","cursor","text","dark","default","light","link","_hover","bg","tealLight","minValue","maxValue","minLabel","maxLabel","centeredLabel","_b","__read","useState","selectedValue","setSelectedValue","roundedMin","useMemo","Math","round","roundedMax","values","arr","i","push","useEffect","undefined","Fragment","my","flexWrap","map","value","key","Text","colorToken","size","pr"],"mappings":"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"}

package/build/select.component-b4a0a48a.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./chakra-ui-form-control.esm-a5df3bc9.js"),r=require("./chakra-ui-system.esm-63032e8d.js"),l=require("./chakra-ui-utils.esm-21814a28.js"),a=require("./chakra-ui-menu.esm-fa770644.js"),o=require("./menuContainer.component-76008993.js"),i=require("./formControl.component-7458724c.js"),c=require("./menu.context-6276be4d.js"),s=require("./useTheme-7f0abde2.js"),u=require("./menuList.component-63bc07dd.js"),d=require("./chakra/components/Flex/index.js"),m=require("./useAdaptiveColorMap-331c06f5.js"),f=require("./truncatedText.component-275ca46a.js"),p=require("./text.component-7e0398d5.js"),h=require("./icon.component-44c312d6.js");function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=v(t),E=_(t);function x(){return x=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},x.apply(this,arguments)}function b(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}var S=["children","placeholder","className"],y=["rootProps","placeholder","icon","color","height","h","minH","minHeight","iconColor","iconSize","isFullWidth"],j=["children"],T=r.forwardRef((function(e,t){var n=e.children,a=e.placeholder,o=e.className,i=b(e,S);return g.createElement(r.chakra.select,x({},i,{ref:t,className:l.cx("chakra-select",o)}),a&&g.createElement("option",{value:""},a),n)}));l.__DEV__&&(T.displayName="SelectField");var k=r.forwardRef((function(e,t){var a=r.useMultiStyleConfig("Select",e),o=r.omitThemingProps(e),i=o.rootProps,c=o.placeholder,s=o.icon,u=o.color,d=o.height,m=o.h,f=o.minH,p=o.minHeight,h=o.iconColor,_=o.iconSize;o.isFullWidth;var v=b(o,y),E=l.split(v,r.layoutPropNames),S=E[0],j=E[1],k=n.useFormControl(j),C={width:"100%",height:"fit-content",position:"relative",color:u},N=l.mergeWith({paddingEnd:"2rem"},a.field,{_focus:{zIndex:"unset"}});return g.createElement(r.chakra.div,x({className:"chakra-select__wrapper",__css:C},S,i),g.createElement(T,x({ref:t,height:null!=m?m:d,minH:null!=f?f:p,placeholder:c},k,{__css:N}),e.children),g.createElement(q,x({"data-disabled":l.dataAttr(k.disabled)},(h||u)&&{color:h||u},{__css:a.icon},_&&{fontSize:_}),s))}));l.__DEV__&&(k.displayName="Select");var C=function(e){return g.createElement("svg",x({viewBox:"0 0 24 24"},e),g.createElement("path",{fill:"currentColor",d:"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"}))},N=r.chakra("div",{baseStyle:{position:"absolute",display:"inline-flex",alignItems:"center",justifyContent:"center",pointerEvents:"none",top:"50%",transform:"translateY(-50%)"}}),q=function(e){var t=e.children,n=void 0===t?g.createElement(C,null):t,r=b(e,j),l=g.cloneElement(n,{role:"presentation",className:"chakra-select__icon",focusable:!1,"aria-hidden":!0,style:{width:"1em",height:"1em",color:"currentColor"}});return g.createElement(N,x({},r,{className:"chakra-select__icon-wrapper"}),g.isValidElement(n)?l:null)};l.__DEV__&&(q.displayName="SelectIcon");var M=function(t){var n=t.options,r=e.__rest(t,["options"]);return E.default.createElement(u.MenuList,e.__assign({shouldRetainSelection:!0,menuItems:n,isMatchWidthSet:!0},r))},w=function(t){var n=t.options;return E.default.createElement(k,e.__assign({className:"Select"},t),n.map((function(e,t){return E.default.createElement("option",{key:"options-".concat(t),value:e.value},e.label)})))},O=function(e){var t=e.selectedOption,n=e.defaultLeftElement,r=e.shouldTruncateText,l=void 0===r||r,a=s.useTheme().colors,o=m.useAdaptiveColorMap(a.text,t.colorToken?t.colorToken:"default");return E.default.createElement(d.default,{className:"Select__Container",justify:"flex-start",align:"center",textAlign:"left",color:o},(null==t?void 0:t.leftElement)?E.default.createElement(d.default,{align:"center",className:"Select__LeftElement",pr:2},t.leftElement):n?E.default.createElement(d.default,{align:"center",className:"Select__LeftElement",pr:2},n):null,"string"==typeof t.label?l?E.default.createElement(f.TruncatedText,{color:o,className:"Select__Text",textContent:t.label||"",noOfLines:1}):E.default.createElement(p.Text,{color:o,className:"Select__Text"},t.label):t.label)},P=function(n){var r=n.defaultLeftElement;n.isFieldInline;var l=n.listProps,i=n.onChange,u=n.options,d=n.placeholder,m=n.size,f=void 0===m?"md":m,p=n.value,_=n.useBrowserDefaultMenu,v=n.maxW,g=void 0===v?"100%":v;n.colorToken;var x=e.__rest(n,["defaultLeftElement","isFieldInline","listProps","onChange","options","placeholder","size","value","useBrowserDefaultMenu","maxW","colorToken"]),b=t.useRef(null),S=s.useTheme().colors,y=t.useMemo((function(){return{label:d,value:"",colorToken:"placeholder",leftElement:null,isSelected:!1,isPlaceholder:!0}}),[d]),j=e.__read(t.useState([]),2),T=j[0],C=j[1],N=t.useMemo((function(){var e=T.find((function(e){return e.isSelected}));return e||y}),[T,y]),q=t.useCallback((function(t){if(T){var n=T.map((function(n){return e.__assign(e.__assign({},n),{isSelected:n.value===t.value})}));C(n),(null==l?void 0:l.onSelect)&&l.onSelect(t)}}),[T,l]),P=(null==l?void 0:l.shouldTruncateText)?{}:{height:"max-content",minH:10},W=t.useMemo((function(){var e;return b.current?"".concat(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.clientWidth,"px"):"320px"}),[null==b?void 0:b.current]);return t.useEffect((function(){var t=u.map((function(t){return e.__assign(e.__assign({},t),{isSelected:t.value===p})}));C(e.__spreadArray(e.__spreadArray([],e.__read(t),!1),[y],!1))}),[u,y,p]),_&&i?E.default.createElement(w,e.__assign({},x,{maxW:g,size:f,options:u,onChange:i})):E.default.createElement(c.MenuProvider,{menuItems:T},E.default.createElement(o.MenuContainer,{matchWidth:!0,isLazy:!0},E.default.createElement(k,e.__assign({icon:E.default.createElement(h.Icon,{name:"chevronDown",size:f}),as:a.MenuButton,_focus:{boxShadow:"0 0 0 1px ".concat(S.border.light.focus," !important"),borderColor:S.border.light.focus},ref:b,onClick:function(e){return e.stopPropagation()},type:"button",className:"Select__MenuButton",maxW:g,style:{minHeight:{xs:24,sm:32,md:40,lg:48}[f]}},P,x),E.default.createElement(O,{selectedOption:N,defaultLeftElement:r,shouldTruncateText:null==l?void 0:l.shouldTruncateText})),E.default.createElement(M,e.__assign({},l,{onSelect:q,options:T,maxW:W||g}))))};P.displayName="Select";var W=i.withFormControl(P);exports.WrappedSelect=W;
-//# sourceMappingURL=select.component-b4a0a48a.js.map

package/build/select.component-b4a0a48a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select.component-b4a0a48a.js","sources":["../node_modules/@chakra-ui/select/dist/chakra-ui-select.esm.js","../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import { useFormControl } from '@chakra-ui/form-control';\nimport { forwardRef, chakra, useMultiStyleConfig, omitThemingProps, layoutPropNames } from '@chakra-ui/system';\nimport { cx, __DEV__, split, mergeWith, dataAttr } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded = [\"children\", \"placeholder\", \"className\"],\n    _excluded2 = [\"rootProps\", \"placeholder\", \"icon\", \"color\", \"height\", \"h\", \"minH\", \"minHeight\", \"iconColor\", \"iconSize\", \"isFullWidth\"],\n    _excluded3 = [\"children\"];\nvar SelectField = /*#__PURE__*/forwardRef(function (props, ref) {\n  var children = props.children,\n      placeholder = props.placeholder,\n      className = props.className,\n      rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n  return /*#__PURE__*/React.createElement(chakra.select, _extends({}, rest, {\n    ref: ref,\n    className: cx(\"chakra-select\", className)\n  }), placeholder && /*#__PURE__*/React.createElement(\"option\", {\n    value: \"\"\n  }, placeholder), children);\n});\n\nif (__DEV__) {\n  SelectField.displayName = \"SelectField\";\n}\n\n/**\n * React component used to select one item from a list of options.\n */\nvar Select = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Select\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      rootProps = _omitThemingProps.rootProps,\n      placeholder = _omitThemingProps.placeholder,\n      icon = _omitThemingProps.icon,\n      color = _omitThemingProps.color,\n      height = _omitThemingProps.height,\n      h = _omitThemingProps.h,\n      minH = _omitThemingProps.minH,\n      minHeight = _omitThemingProps.minHeight,\n      iconColor = _omitThemingProps.iconColor,\n      iconSize = _omitThemingProps.iconSize;\n      _omitThemingProps.isFullWidth;\n      var rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded2);\n\n  var _split = split(rest, layoutPropNames),\n      layoutProps = _split[0],\n      otherProps = _split[1];\n\n  var ownProps = useFormControl(otherProps);\n  var rootStyles = {\n    width: \"100%\",\n    height: \"fit-content\",\n    position: \"relative\",\n    color: color\n  };\n  var fieldStyles = mergeWith({\n    paddingEnd: \"2rem\"\n  }, styles.field, {\n    _focus: {\n      zIndex: \"unset\"\n    }\n  });\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    className: \"chakra-select__wrapper\",\n    __css: rootStyles\n  }, layoutProps, rootProps), /*#__PURE__*/React.createElement(SelectField, _extends({\n    ref: ref,\n    height: h != null ? h : height,\n    minH: minH != null ? minH : minHeight,\n    placeholder: placeholder\n  }, ownProps, {\n    __css: fieldStyles\n  }), props.children), /*#__PURE__*/React.createElement(SelectIcon, _extends({\n    \"data-disabled\": dataAttr(ownProps.disabled)\n  }, (iconColor || color) && {\n    color: iconColor || color\n  }, {\n    __css: styles.icon\n  }, iconSize && {\n    fontSize: iconSize\n  }), icon));\n});\n\nif (__DEV__) {\n  Select.displayName = \"Select\";\n}\n\nvar DefaultIcon = function DefaultIcon(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 24 24\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"currentColor\",\n    d: \"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\n  }));\n};\nvar IconWrapper = chakra(\"div\", {\n  baseStyle: {\n    position: \"absolute\",\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    pointerEvents: \"none\",\n    top: \"50%\",\n    transform: \"translateY(-50%)\"\n  }\n});\n\nvar SelectIcon = function SelectIcon(props) {\n  var _props$children = props.children,\n      children = _props$children === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$children,\n      rest = _objectWithoutPropertiesLoose(props, _excluded3);\n\n  var clone = /*#__PURE__*/React.cloneElement(children, {\n    role: \"presentation\",\n    className: \"chakra-select__icon\",\n    focusable: false,\n    \"aria-hidden\": true,\n    // force icon to adhere to `IconWrapper` styles\n    style: {\n      width: \"1em\",\n      height: \"1em\",\n      color: \"currentColor\"\n    }\n  });\n  return /*#__PURE__*/React.createElement(IconWrapper, _extends({}, rest, {\n    className: \"chakra-select__icon-wrapper\"\n  }), /*#__PURE__*/React.isValidElement(children) ? clone : null);\n};\n\nif (__DEV__) {\n  SelectIcon.displayName = \"SelectIcon\";\n}\n\nexport { DefaultIcon, Select, SelectField };\n","import React from 'react';\nimport { MenuList, MenuListProps } from 'components/Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from 'components/Select/select.types';\n\nexport interface SelectListProps\n  extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n  options?: SelectOptionProps[];\n}\n\nexport const SelectList = (props: SelectListProps): JSX.Element => {\n  const { options, ...rest } = props;\n\n  return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n","import React from 'react';\nimport { Select as CSelect } from '@chakra-ui/select';\nimport { BrowserDefaultSelectProps } from 'components/Select/select.component';\n\nexport const SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n  const { options } = props;\n  return (\n    <CSelect className=\"Select\" {...props}>\n      {options.map((option, index) => (\n        <option key={`options-${index}`} value={option.value}>\n          {option.label}\n        </option>\n      ))}\n    </CSelect>\n  );\n};\n","import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport Flex from 'chakra/components/Flex';\nimport { useTheme } from 'hooks/useTheme';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { TruncatedText } from 'components/TruncatedText/truncatedText.component';\nimport { Text } from 'components/Text/text.component';\nimport { TextColor } from 'shared/types';\n\nexport interface SelectContainerProps {\n  selectedOption: SelectOptionProps;\n  defaultLeftElement: ReactNode;\n  shouldTruncateText?: boolean;\n}\n\nexport const SelectContainer = ({\n  selectedOption,\n  defaultLeftElement,\n  shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n  const { colors } = useTheme();\n  const adaptiveColor = useAdaptiveColorMap<TextColor>(\n    colors.text,\n    selectedOption.colorToken ? selectedOption.colorToken : 'default',\n  );\n\n  return (\n    <Flex className=\"Select__Container\" justify=\"flex-start\" align=\"center\" textAlign=\"left\" color={adaptiveColor}>\n      {selectedOption?.leftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {selectedOption.leftElement}\n        </Flex>\n      ) : defaultLeftElement ? (\n        <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n          {defaultLeftElement}\n        </Flex>\n      ) : null}\n      {typeof selectedOption.label === 'string' ? (\n        shouldTruncateText ? (\n          <TruncatedText\n            color={adaptiveColor}\n            className=\"Select__Text\"\n            textContent={selectedOption.label || ''}\n            noOfLines={1}\n          />\n        ) : (\n          <Text color={adaptiveColor} className=\"Select__Text\">\n            {selectedOption.label}\n          </Text>\n        )\n      ) : (\n        selectedOption.label\n      )}\n    </Flex>\n  );\n};\n","import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps } from '@chakra-ui/select';\nimport { MenuButton } from '@chakra-ui/menu';\nimport { MenuContainer } from 'components/Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from 'components/FormControl/formControl.component';\nimport { MenuProvider } from 'components/Menu/context/menu.context';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport { useTheme } from 'hooks/useTheme';\nimport { SelectList, SelectListProps } from './components/SelectList/selectList.component';\nimport { SelectBrowserDefault } from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport { SelectContainer } from './components/SelectContainer/selectContainer.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { IconsSize } from 'components/Icon/icon.types';\nimport { TextColor } from 'shared/types';\nimport { FormControlSize } from 'components/FormControl/formControl.types';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n  options: SelectOptionProps[];\n  size?: FormControlSize;\n  colorToken?: TextColor;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n  defaultLeftElement?: never;\n  listProps?: never;\n  onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n  useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n  defaultLeftElement?: ReactNode;\n  listProps?: SelectListProps;\n  onChange?: never;\n  useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n  defaultLeftElement,\n  isFieldInline,\n  listProps,\n  onChange,\n  options,\n  placeholder,\n  size = 'md',\n  value,\n  useBrowserDefaultMenu,\n  maxW = '100%',\n  colorToken,\n  ...domProps\n}: SelectProps): JSX.Element => {\n  const selectRef = useRef<HTMLSelectElement>(null);\n  const { colors } = useTheme();\n  const placeholderOption: SelectOptionProps = useMemo(\n    () => ({\n      label: placeholder,\n      value: '',\n      colorToken: 'placeholder',\n      leftElement: null,\n      isSelected: false,\n      isPlaceholder: true,\n    }),\n    [placeholder],\n  );\n\n  const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n  const selectedOption: SelectOptionProps = useMemo(() => {\n    const selectedItem = allOptions.find((option) => option.isSelected);\n\n    return selectedItem ? selectedItem : placeholderOption;\n  }, [allOptions, placeholderOption]);\n\n  const handleSelect = useCallback(\n    (selectedItem: SelectOptionProps) => {\n      if (!allOptions) return;\n\n      const updatedOptions = allOptions.map((option) => {\n        return {\n          ...option,\n          isSelected: option.value === selectedItem.value,\n        };\n      });\n      setAllOptions(updatedOptions);\n\n      if (listProps?.onSelect) {\n        listProps.onSelect(selectedItem);\n      }\n    },\n    [allOptions, listProps],\n  );\n\n  // If the text is not being truncated it should grow to fit the content\n  const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n  const selectWidth = useMemo(() => {\n    if (!selectRef.current) {\n      return '320px';\n    }\n\n    return `${selectRef?.current?.clientWidth}px`;\n\n    // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [selectRef?.current]);\n\n  // Set default selected state\n  useEffect(() => {\n    const mappedOptions = options.map((option) => ({\n      ...option,\n      isSelected: option.value === value,\n    }));\n\n    setAllOptions([...mappedOptions, placeholderOption]);\n  }, [options, placeholderOption, value]);\n\n  // Allow users to use browser default Select element instead of custom Select\n  if (useBrowserDefaultMenu && onChange) {\n    return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n  }\n\n  return (\n    <MenuProvider menuItems={allOptions}>\n      <MenuContainer matchWidth={true} isLazy={true}>\n        <CSelect\n          icon={<Icon name=\"chevronDown\" size={size as IconsSize} />}\n          as={MenuButton}\n          _focus={{\n            boxShadow: `0 0 0 1px ${colors.border.light.focus} !important`,\n            borderColor: colors.border.light.focus,\n          }}\n          ref={selectRef}\n          onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n          type=\"button\"\n          className=\"Select__MenuButton\"\n          maxW={maxW}\n          style={{ minHeight: { xs: 24, sm: 32, md: 40, lg: 48 }[size] }}\n          {...flexibleHeightProps}\n          {...domProps}\n        >\n          <SelectContainer\n            selectedOption={selectedOption}\n            defaultLeftElement={defaultLeftElement}\n            shouldTruncateText={listProps?.shouldTruncateText}\n          />\n        </CSelect>\n        <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n      </MenuContainer>\n    </MenuProvider>\n  );\n};\n\nSelect.displayName = 'Select';\n\nconst WrappedSelect = withFormControl(Select);\n\nexport { WrappedSelect as Select };\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","_excluded","_excluded2","_excluded3","SelectField","forwardRef","props","ref","children","placeholder","className","rest","React","createElement","chakra","select","cx","value","__DEV__","displayName","Select","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","rootProps","icon","color","height","h","minH","minHeight","iconColor","iconSize","isFullWidth","_split","split","layoutPropNames","layoutProps","otherProps","ownProps","useFormControl","rootStyles","width","position","fieldStyles","mergeWith","paddingEnd","field","_focus","zIndex","div","__css","SelectIcon","dataAttr","disabled","fontSize","DefaultIcon","viewBox","fill","d","IconWrapper","baseStyle","display","alignItems","justifyContent","pointerEvents","top","transform","_props$children","clone","cloneElement","role","focusable","style","isValidElement","SelectList","options","__rest","MenuList","__assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectBrowserDefault","CSelect","map","option","index","concat","label","SelectContainer","_a","selectedOption","defaultLeftElement","_b","shouldTruncateText","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","colorToken","Flex","justify","align","textAlign","leftElement","pr","TruncatedText","textContent","noOfLines","Text","listProps","onChange","size","useBrowserDefaultMenu","_c","maxW","domProps","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","_d","__read","useState","allOptions","setAllOptions","selectedItem","find","handleSelect","useCallback","updatedOptions","onSelect","flexibleHeightProps","selectWidth","current","clientWidth","useEffect","mappedOptions","__spreadArray","MenuProvider","MenuContainer","matchWidth","isLazy","Icon","name","as","MenuButton","boxShadow","border","light","focus","borderColor","onClick","event","stopPropagation","type","xs","sm","md","lg","WrappedSelect","withFormControl"],"mappings":"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"}

package/build/spinner.component-d88f74c6.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),o=require("./chakra/components/Box/index.js"),t=require("./useTheme-7f0abde2.js"),a=require("./useAdaptiveColorMap-331c06f5.js"),n=require("@emotion/react");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s,d=i(r),l={xs:12,sm:16,md:24,lg:32,xl:48},c=n.keyframes(s||(s=e.__makeTemplateObject(["\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  "],["\n    from {transform: rotate(0deg);}\n    to {transform: rotate(360deg)}\n  "])));exports.Spinner=function(e){var r=e.size,n=void 0===r?"md":r,i=e.darkMode,s=t.useTheme(),u=s.colors,p=s.borders,f=a.useAdaptiveColorMap(u.icon,"active",i),m=l[n],b="0.45s linear 0s infinite normal none running ".concat(c);return d.default.createElement(o.default,{as:"div",display:"inline-block",animation:b,border:p["2px"],borderTopColor:f,borderRightColor:f,borderLeftColor:u.transparent,borderBottomColor:u.transparent,height:"".concat(m,"px"),width:"".concat(m,"px"),borderRadius:"".concat(m,"px")},d.default.createElement(o.default,{as:"span",border:0,w:"1px",h:"1px",m:"-1px",p:0,overflow:"hidden",position:"absolute"},"Loading..."))};
-//# sourceMappingURL=spinner.component-d88f74c6.js.map

package/build/switch.component-bdc7661f.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./chakra-ui-checkbox.esm-ac68d539.js"),a=require("./chakra-ui-system.esm-63032e8d.js"),n=require("./chakra-ui-utils.esm-21814a28.js"),i=require("./formControl.component-7458724c.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=s(t),o=c(t);function u(){return u=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},u.apply(this,arguments)}var h=["spacing","children"],d=a.forwardRef((function(e,t){var i=a.useMultiStyleConfig("Switch",e),c=a.omitThemingProps(e),s=c.spacing,o=void 0===s?"0.5rem":s,d=c.children,f=function(e,t){if(null==e)return{};var r,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)r=i[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(c,h),m=r.useCheckbox(f),p=m.state,k=m.getInputProps,b=m.getCheckboxProps,_=m.getRootProps,g=m.getLabelProps,v=l.useMemo((function(){return u({display:"inline-block",position:"relative",verticalAlign:"middle",lineHeight:0},i.container)}),[i.container]),y=l.useMemo((function(){return u({display:"inline-flex",flexShrink:0,justifyContent:"flex-start",boxSizing:"content-box",cursor:"pointer"},i.track)}),[i.track]),j=l.useMemo((function(){return u({userSelect:"none",marginStart:o},i.label)}),[o,i.label]);return l.createElement(a.chakra.label,u({},_(),{className:n.cx("chakra-switch",e.className),__css:v}),l.createElement("input",u({className:"chakra-switch__input"},k({},t))),l.createElement(a.chakra.span,u({},b(),{className:"chakra-switch__track",__css:y}),l.createElement(a.chakra.span,{__css:i.thumb,className:"chakra-switch__thumb","data-checked":n.dataAttr(p.isChecked),"data-hover":n.dataAttr(p.isHovered)})),d&&l.createElement(a.chakra.span,u({className:"chakra-switch__label"},g(),{__css:j}),d))}));n.__DEV__&&(d.displayName="Switch");var f=function(t){var r=t.isChecked,a=t.isIndeterminate,n=t.isFieldInline,i=e.__rest(t,["isChecked","isIndeterminate","isFieldInline"]);return o.default.createElement(d,e.__assign({colorScheme:"teal",isChecked:r,display:n?"inline-block":"block"},a&&{variant:"indeterminate"},i))};f.displayName="Switch";var m=i.withFormControl(f);exports.WrappedSwitch=m;
-//# sourceMappingURL=switch.component-bdc7661f.js.map

package/build/tab.component-ba856439.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./chakra-ui-tabs.esm-e86385c3.js"),i=require("./chakra/components/Box/index.js"),n=require("./notificationCounter.component-43b4f7c4.js"),o=require("./icon.component-44c312d6.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=a(require("react")),c={xs:"sm",sm:"md",md:"md",lg:"lg"};exports.Tab=function(a){var u=a.iconName,s=a.label,f=a.showNotificationCounter,l=void 0!==f&&f,d=a.notificationCount,m=void 0===d?0:d,C=a.notificationCounterVariant,b=void 0===C?n.NotificationCounterVariant.Red:C,v=a.size,j=void 0===v?"md":v,p=e.__rest(a,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return r.default.createElement(t.Tab,e.__assign({},p),!!u&&r.default.createElement(i.default,{pr:2},r.default.createElement(o.Icon,{name:u,size:j})),s,l&&r.default.createElement(n.NotificationCounter,{count:m,variant:b,size:c[j],ml:2}))};
-//# sourceMappingURL=tab.component-ba856439.js.map

package/build/tab.component-ba856439.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab.component-ba856439.js","sources":["../src/components/Tabs/components/Tab/tab.records.ts","../src/components/Tabs/components/Tab/tab.component.tsx"],"sourcesContent":["import { NotificationCounterSize } from 'components/NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\n\nexport const notificationCounterSize: Record<TabSize, NotificationCounterSize> = {\n  xs: 'sm',\n  sm: 'md',\n  md: 'md',\n  lg: 'lg',\n};\n","import { Tab as CTab, TabProps as CTabProps } from '@chakra-ui/tabs';\nimport Box from 'chakra/components/Box';\nimport { NotificationCounter } from 'components/NotificationCounter/notificationCounter.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport React from 'react';\nimport { NotificationCounterVariant } from 'components/NotificationCounter/notificationCounter.types';\nimport { TabSize } from './tab.types';\nimport { notificationCounterSize } from './tab.records';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface TabProps extends CTabProps {\n  iconName?: IconName;\n  label: string;\n  showNotificationCounter?: boolean;\n  notificationCount?: number;\n  notificationCounterVariant?: NotificationCounterVariant;\n  size?: TabSize;\n}\n\nexport const Tab = ({\n  iconName,\n  label,\n  showNotificationCounter = false,\n  notificationCount = 0,\n  notificationCounterVariant = NotificationCounterVariant.Red,\n  size = 'md',\n  ...rest\n}: TabProps): JSX.Element => {\n  return (\n    <CTab {...rest}>\n      {!!iconName && (\n        <Box pr={2}>\n          <Icon name={iconName} size={size} />\n        </Box>\n      )}\n      {label}\n      {showNotificationCounter && (\n        <NotificationCounter\n          count={notificationCount}\n          variant={notificationCounterVariant}\n          size={notificationCounterSize[size]}\n          ml={2}\n        />\n      )}\n    </CTab>\n  );\n};\n"],"names":["notificationCounterSize","xs","sm","md","lg","_a","iconName","label","_b","showNotificationCounter","_c","notificationCount","_d","notificationCounterVariant","NotificationCounterVariant","Red","_e","size","rest","__rest","React","createElement","CTab","__assign","Box","pr","Icon","name","NotificationCounter","count","variant","ml"],"mappings":"uVAGaA,EAAoE,CAC/EC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,kBCYa,SAACC,GAClB,IAAAC,EAAQD,EAAAC,SACRC,EAAKF,EAAAE,MACLC,EAA+BH,EAAAI,wBAA/BA,OAAuB,IAAAD,GAAQA,EAC/BE,sBAAAC,aAAoB,EAACD,EACrBE,EAAAP,EAAAQ,2BAAAA,OAA0B,IAAAD,EAAGE,EAA0BA,2BAACC,MACxDC,EAAAX,EAAAY,KAAAA,aAAO,KAAID,EACRE,EAAIC,EAAAA,OAAAd,EAPW,wGASlB,OACEe,EAAAA,QAAAC,cAACC,EAAAA,IAAIC,EAAAA,SAAA,GAAKL,KACLZ,GACDc,wBAACI,EAAAA,QAAG,CAACC,GAAI,GACPL,UAACC,cAAAK,EAAAA,KAAK,CAAAC,KAAMrB,EAAUW,KAAMA,KAG/BV,EACAE,GACCW,EAAA,QAAAC,cAACO,EAAmBA,oBAAA,CAClBC,MAAOlB,EACPmB,QAASjB,EACTI,KAAMjB,EAAwBiB,GAC9Bc,GAAI"}

package/build/tabs.component-972844b7.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("./chakra-ui-tabs.esm-e86385c3.js"),a=require("react"),s=require("./tab.component-ba856439.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var r=n(a);exports.Tabs=function(a){var n=a.size,i=void 0===n?"md":n,u=a.tabList,l=a.tabPanels,b=a.tabPanelsStyle,c=e.__rest(a,["size","tabList","tabPanels","tabPanelsStyle"]);return r.default.createElement(t.Tabs,e.__assign({},c,{size:i}),r.default.createElement(t.TabList,null,u.map((function(t,a){return r.default.createElement(s.Tab,e.__assign({key:a,size:i},t))}))),!!l&&r.default.createElement(t.TabPanels,e.__assign({},b),l.map((function(e){return e}))))};
-//# sourceMappingURL=tabs.component-972844b7.js.map

package/build/tag.component-5cade08e.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),r=require("./chakra-ui-icon.esm-e677f144.js"),n=require("./chakra-ui-system.esm-63032e8d.js"),a=require("./chakra-ui-utils.esm-21814a28.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=i(t),o=l(t);function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}var u=["isDisabled","children"],f=n.forwardRef((function(e,t){var r=n.useMultiStyleConfig("Tag",e),a=n.omitThemingProps(e),l=c({display:"inline-flex",verticalAlign:"top",alignItems:"center",maxWidth:"100%"},r.container);return s.createElement(n.StylesProvider,{value:r},s.createElement(n.chakra.span,c({ref:t},a,{__css:l})))}));a.__DEV__&&(f.displayName="Tag");var m=n.forwardRef((function(e,t){var r=n.useStyles();return s.createElement(n.chakra.span,c({ref:t,isTruncated:!0},e,{__css:r.label}))}));a.__DEV__&&(m.displayName="TagLabel");var _=n.forwardRef((function(e,t){return s.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginEnd:"0.5rem"},e))}));a.__DEV__&&(_.displayName="TagLeftIcon");var d=n.forwardRef((function(e,t){return s.createElement(r.Icon,c({ref:t,verticalAlign:"top",marginStart:"0.5rem"},e))}));a.__DEV__&&(d.displayName="TagRightIcon");var g=function(e){return s.createElement(r.Icon,c({verticalAlign:"inherit",viewBox:"0 0 512 512"},e),s.createElement("path",{fill:"currentColor",d:"M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z"}))};a.__DEV__&&(g.displayName="TagCloseIcon");var v=function(e){var t=e.isDisabled,r=e.children,a=function(e,t){if(null==e)return{};var r,n,a={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,u),l=c({display:"flex",alignItems:"center",justifyContent:"center",outline:"0"},n.useStyles().closeButton);return s.createElement(n.chakra.button,c({"aria-label":"close"},a,{type:"button",disabled:t,__css:l}),r||s.createElement(g,null))};a.__DEV__&&(v.displayName="TagCloseButton");var p={sm:0,md:.5,lg:1};exports.Tag=function(t){var r=t.leftElement,n=t.rightElement,a=t.label,l=t.showCloseButton,i=void 0!==l&&l,s=t.onClose,c=t.fontWeight,u=void 0===c?"semibold":c,_=t.size,d=void 0===_?"md":_,g=e.__rest(t,["leftElement","rightElement","label","showCloseButton","onClose","fontWeight","size"]),h=e.__assign(e.__assign({},!!r&&{ml:1}),!!n&&{mr:1});return o.default.createElement(f,e.__assign({},g,{size:d},i&&{pr:p[d]}),r,o.default.createElement(m,e.__assign({},h,{fontWeight:u}),a),n,i&&!!s&&o.default.createElement(v,{onClick:s}))};
-//# sourceMappingURL=tag.component-5cade08e.js.map

package/build/textInput.component-8541ae54.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./chakra-ui-input.esm-aafab954.js"),r=require("./formControl.component-7458724c.js"),l=require("./chakra-ui-button.esm-6ba1e4a6.js"),a=require("./icon.component-44c312d6.js"),i=require("./useTheme-7f0abde2.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=u(t),s={xs:5,sm:5,md:5,lg:6},c=function(e){var t=e.handleClear,n=e.size,r=void 0===n?"md":n,u=i.useTheme().colors;return o.default.createElement(l.Button,{color:u.icon.light.default,display:"inline-flex",minW:"auto",w:s[r],h:s[r],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===r?3:4,onClick:t},o.default.createElement(a.Icon,{name:"close",colorToken:"currentColor",size:"lg"===r?"sm":"xs"}))},f=r.withFormControl((function(t){var r=t.isClearable,l=void 0!==r&&r,a=t.size,i=void 0===a?"md":a,u=e.__rest(t,["isClearable","size"]),s=u.leftElement,f=u.inputRef;u.isFieldInline;var m=u.onClear,d=u.value,p=e.__rest(u,["leftElement","inputRef","isFieldInline","onClear","value"]),h=u.rightElement;return l&&d&&(h=o.default.createElement(c,{size:i,handleClear:function(){m&&m(d||"")}})),o.default.createElement(n.InputGroup,null,s?o.default.createElement(n.InputLeftElement,{children:s,h:"100%"}):null,o.default.createElement(n.Input,e.__assign({},p,{ref:f,size:i,value:d})),h?o.default.createElement(n.InputRightElement,{children:h,h:"100%"}):null)})),m=t.forwardRef((function(t,n){return o.default.createElement(f,e.__assign({inputRef:n},t))}));m.displayName="TextInput",exports.WrappedTextInput=m;
-//# sourceMappingURL=textInput.component-8541ae54.js.map

package/build/textInput.component-8541ae54.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"textInput.component-8541ae54.js","sources":["../src/components/TextInput/components/ClearButton/clearButton.records.ts","../src/components/TextInput/components/ClearButton/clearButton.component.tsx","../src/components/TextInput/textInput.component.tsx"],"sourcesContent":["import { FormControlSize } from 'components/FormControl/formControl.types';\n\nexport const closeButtonSize: Record<FormControlSize, number> = {\n  xs: 5,\n  sm: 5,\n  md: 5,\n  lg: 6,\n};\n","import React from 'react';\nimport { Button } from '@chakra-ui/button';\nimport { Icon } from 'components/Icon/icon.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { FormControlSize } from 'components/FormControl/formControl.types';\nimport { closeButtonSize } from './clearButton.records';\n\nexport interface ClearButtonProps {\n  handleClear?: () => void;\n  size?: FormControlSize;\n}\n\nexport const ClearButton = ({ handleClear, size = 'md' }: ClearButtonProps): JSX.Element => {\n  const { colors } = useTheme();\n\n  return (\n    <Button\n      color={colors.icon.light.default}\n      display=\"inline-flex\"\n      minW=\"auto\"\n      w={closeButtonSize[size]}\n      h={closeButtonSize[size]}\n      variant=\"unstyled\"\n      opacity={0.5}\n      _hover={{ opacity: 0.8 }}\n      _active={{ opacity: 1 }}\n      mr={size === 'sm' ? 3 : 4}\n      onClick={handleClear}\n    >\n      <Icon name=\"close\" colorToken=\"currentColor\" size={size === 'lg' ? 'sm' : 'xs'} />\n    </Button>\n  );\n};\n","import React, { forwardRef, ForwardedRef, ReactElement } from 'react';\nimport {\n  Input as CInput,\n  InputProps as CInputProps,\n  InputGroup,\n  InputLeftElement,\n  InputRightElement,\n} from '@chakra-ui/input';\nimport { withFormControl, WithFormControlProps } from '../FormControl/formControl.component';\nimport { FormControlSize } from '../FormControl/formControl.types';\nimport { ClearButton } from './components/ClearButton/clearButton.component';\n\nexport interface TextInputBaseProps extends WithFormControlProps, CInputProps {\n  leftElement?: ReactElement;\n  rightElement?: ReactElement;\n  inputRef?: ForwardedRef<HTMLInputElement>;\n  size?: FormControlSize;\n}\n\nexport interface DefaultTextInputProps extends TextInputBaseProps {\n  isClearable?: never;\n  onClear?: never;\n}\n\nexport interface ClearableTextInputProps extends TextInputBaseProps {\n  isClearable: boolean;\n  onClear: (val: string | number | readonly string[]) => void;\n}\n\nexport type TextInputProps = DefaultTextInputProps | ClearableTextInputProps;\n\nconst TextInput = withFormControl(({ isClearable = false, size = 'md', ...props }: TextInputProps): JSX.Element => {\n  const { leftElement, inputRef, isFieldInline, onClear, value, ...domProps } = props;\n  let { rightElement } = props;\n\n  const handleClear = (): void => {\n    if (onClear) {\n      onClear(value || '');\n    }\n  };\n\n  if (isClearable && !!value) {\n    rightElement = <ClearButton size={size} handleClear={handleClear} />;\n  }\n\n  return (\n    <InputGroup>\n      {leftElement ? <InputLeftElement children={leftElement} h=\"100%\" /> : null}\n      <CInput {...domProps} ref={inputRef} size={size} value={value} />\n      {rightElement ? <InputRightElement children={rightElement} h=\"100%\" /> : null}\n    </InputGroup>\n  );\n});\n\nconst WrappedTextInput = forwardRef((props: TextInputProps, ref: ForwardedRef<HTMLInputElement>) => (\n  <TextInput inputRef={ref} {...props} />\n));\n\nWrappedTextInput.displayName = 'TextInput';\n\nexport { WrappedTextInput as TextInput };\n"],"names":["closeButtonSize","xs","sm","md","lg","ClearButton","_a","handleClear","_b","size","colors","useTheme","React","createElement","Button","color","icon","light","default","display","minW","w","h","variant","opacity","_hover","_active","mr","onClick","Icon","name","colorToken","TextInput","withFormControl","isClearable","_c","props","__rest","leftElement","inputRef","isFieldInline","onClear","value","domProps","rightElement","InputGroup","InputLeftElement","children","CInput","__assign","ref","InputRightElement","WrappedTextInput","forwardRef","displayName"],"mappings":"0XAEaA,EAAmD,CAC9DC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,GCMOC,EAAc,SAACC,GAAE,IAAAC,gBAAaC,EAAAF,EAAAG,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAC5CE,EAAWC,oBAEnB,OACEC,EAAC,QAAAC,cAAAC,SACC,CAAAC,MAAOL,EAAOM,KAAKC,MAAMC,QACzBC,QAAQ,cACRC,KAAK,OACLC,EAAGrB,EAAgBS,GACnBa,EAAGtB,EAAgBS,GACnBc,QAAQ,WACRC,QAAS,GACTC,OAAQ,CAAED,QAAS,IACnBE,QAAS,CAAEF,QAAS,GACpBG,GAAa,OAATlB,EAAgB,EAAI,EACxBmB,QAASrB,GAETK,EAAAA,QAACC,cAAAgB,EAAAA,KAAK,CAAAC,KAAK,QAAQC,WAAW,eAAetB,KAAe,OAATA,EAAgB,KAAO,SCE1EuB,EAAYC,EAAAA,iBAAgB,SAAC3B,GAAE,IAAAE,gBAAA0B,OAAc,IAAA1B,KAAO2B,EAAA7B,EAAAG,KAAAA,aAAO,KAAI0B,EAAKC,EAAKC,EAAAA,OAAA/B,EAA5C,wBACzBgC,EAAsEF,EAAKE,YAA9DC,EAAyDH,EAAjDG,SAAiDH,EAAlCI,cAAE,IAAAC,EAAgCL,EAAKK,QAA5BC,EAAuBN,EAAKM,MAAlBC,EAAaN,EAAAA,OAAAD,EAAxE,CAAA,cAAA,WAAA,gBAAA,UAAA,UACAQ,EAAiBR,EAAKQ,aAY5B,OAJIV,GAAiBQ,IACnBE,EAAehC,EAAAA,QAAAC,cAACR,EAAW,CAACI,KAAMA,EAAMF,YAPtB,WACdkC,GACFA,EAAQC,GAAS,QASnB9B,wBAACiC,EAAAA,WAAU,KACRP,EAAc1B,EAAAA,QAACC,cAAAiC,oBAAiBC,SAAUT,EAAahB,EAAE,SAAY,KACtEV,EAAAA,QAAAC,cAACmC,EAAAA,MAAMC,EAAAA,SAAA,GAAKN,EAAQ,CAAEO,IAAKX,EAAU9B,KAAMA,EAAMiC,MAAOA,KACvDE,EAAehC,EAAA,QAAAC,cAACsC,EAAAA,kBAAkB,CAAAJ,SAAUH,EAActB,EAAE,SAAY,SAKzE8B,EAAmBC,EAAUA,YAAC,SAACjB,EAAuBc,GAAwC,OAClGtC,EAAAA,QAAAC,cAACmB,EAAUiB,EAAAA,SAAA,CAAAV,SAAUW,GAASd,OAGhCgB,EAAiBE,YAAc"}

package/build/textarea.component-212b6586.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),t=require("./chakra-ui-form-control.esm-a5df3bc9.js"),a=require("./chakra-ui-system.esm-63032e8d.js"),n=require("./chakra-ui-utils.esm-21814a28.js"),i=require("./formControl.component-7458724c.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var u=s(r),c=o(r);function f(){return f=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},f.apply(this,arguments)}var l=["className","rows"],m=a.forwardRef((function(e,r){var i=a.useStyleConfig("Textarea",e),o=a.omitThemingProps(e),s=o.className,c=o.rows,m=function(e,r){if(null==e)return{};var t,a,n={},i=Object.keys(e);for(a=0;a<i.length;a++)t=i[a],r.indexOf(t)>=0||(n[t]=e[t]);return n}(o,l),d=t.useFormControl(m),h=c?n.omit(i,["h","minH","height","minHeight"]):i;return u.createElement(a.chakra.textarea,f({ref:r,rows:c},d,{className:n.cx("chakra-textarea",s),__css:h}))}));n.__DEV__&&(m.displayName="Textarea");var d=i.withFormControl((function(r){r.isFieldInline;var t=r.textareaRef,a=e.__rest(r,["isFieldInline","textareaRef"]);return c.default.createElement(m,e.__assign({},a,{ref:t}))})),h=r.forwardRef((function(r,t){return c.default.createElement(d,e.__assign({textareaRef:t},r))}));h.displayName="Textarea",exports.WrappedTextArea=h;
-//# sourceMappingURL=textarea.component-212b6586.js.map