@televet/kibble-ui 1.23.2 → 1.23.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/build/{alert.component-fae00941.js → alert.component-446cce12.js} +2 -2
  2. package/build/{alert.component-fae00941.js.map → alert.component-446cce12.js.map} +1 -1
  3. package/build/avatar.component-55b37112.js +2 -0
  4. package/build/avatar.component-55b37112.js.map +1 -0
  5. package/build/avatar.config-3134aaf8.js +2 -0
  6. package/build/avatar.config-3134aaf8.js.map +1 -0
  7. package/build/{avatarBadge.component-2cc0ea86.js → avatarBadge.component-61eddd54.js} +2 -2
  8. package/build/{avatarBadge.component-2cc0ea86.js.map → avatarBadge.component-61eddd54.js.map} +1 -1
  9. package/build/avatarGroup.component-8051e2f2.js +2 -0
  10. package/build/avatarGroup.component-8051e2f2.js.map +1 -0
  11. package/build/{button.component-1974818b.js → button.component-ab2adb64.js} +2 -2
  12. package/build/{button.component-1974818b.js.map → button.component-ab2adb64.js.map} +1 -1
  13. package/build/{checkbox.component-9cd924d3.js → checkbox.component-60982355.js} +2 -2
  14. package/build/{checkbox.component-9cd924d3.js.map → checkbox.component-60982355.js.map} +1 -1
  15. package/build/checkboxGroup.component-366c832c.js +2 -0
  16. package/build/{checkboxGroup.component-ad4f4e23.js.map → checkboxGroup.component-366c832c.js.map} +1 -1
  17. package/build/components/Alert/index.js +1 -1
  18. package/build/components/Avatar/avatar.component.d.ts +3 -3
  19. package/build/components/Avatar/avatar.types.d.ts +3 -2
  20. package/build/components/Avatar/components/AvatarBadge/index.js +1 -1
  21. package/build/components/Avatar/index.js +1 -1
  22. package/build/components/AvatarGroup/index.js +1 -1
  23. package/build/components/Button/index.js +1 -1
  24. package/build/components/Checkbox/index.js +1 -1
  25. package/build/components/CheckboxGroup/index.js +1 -1
  26. package/build/components/DatePicker/index.js +1 -1
  27. package/build/components/Icon/index.js +1 -1
  28. package/build/components/Link/index.js +1 -1
  29. package/build/components/Menu/components/MenuButton/index.js +1 -1
  30. package/build/components/Menu/components/MenuItem/index.js +1 -1
  31. package/build/components/Menu/components/MenuList/index.js +1 -1
  32. package/build/components/Menu/index.js +1 -1
  33. package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
  34. package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
  35. package/build/components/Modal/index.js +1 -1
  36. package/build/components/Popover/components/PopoverCloseButton/index.js +1 -1
  37. package/build/components/Popover/components/PopoverFooterButtons/index.js +1 -1
  38. package/build/components/Popover/index.js +1 -1
  39. package/build/components/RadioGroup/index.js +1 -1
  40. package/build/components/Select/index.js +1 -1
  41. package/build/components/SortableList/components/DragHandle/index.js +1 -1
  42. package/build/components/SortableList/index.js +1 -1
  43. package/build/components/Switch/index.js +1 -1
  44. package/build/components/Tabs/components/Tab/index.js +1 -1
  45. package/build/components/Tabs/index.js +1 -1
  46. package/build/components/TabsLayout/index.js +1 -1
  47. package/build/components/TextInput/index.js +1 -1
  48. package/build/components/Textarea/index.js +1 -1
  49. package/build/components/TimePicker/index.js +1 -1
  50. package/build/components/TimeRange/index.js +1 -1
  51. package/build/components/Toast/index.js +1 -1
  52. package/build/components/index.js +1 -1
  53. package/build/{datepicker.types-c5b317ef.js → datepicker.types-077f05da.js} +2 -2
  54. package/build/{datepicker.types-c5b317ef.js.map → datepicker.types-077f05da.js.map} +1 -1
  55. package/build/{dragHandle.component-10dfce7f.js → dragHandle.component-6b2f9776.js} +2 -2
  56. package/build/{dragHandle.component-10dfce7f.js.map → dragHandle.component-6b2f9776.js.map} +1 -1
  57. package/build/{formControl.component-dfe743ef.js → formControl.component-698cb405.js} +2 -2
  58. package/build/{formControl.component-dfe743ef.js.map → formControl.component-698cb405.js.map} +1 -1
  59. package/build/{icon.component-092995a3.js → icon.component-d3e98397.js} +1 -1
  60. package/build/{icon.component-092995a3.js.map → icon.component-d3e98397.js.map} +1 -1
  61. package/build/icons/CloseCircleSolid.d.ts +10 -0
  62. package/build/icons/index.d.ts +1 -1
  63. package/build/icons/index.js +1 -1
  64. package/build/icons/index.js.map +1 -1
  65. package/build/index.js +1 -1
  66. package/build/{link.component-37cf2755.js → link.component-bdeff2cd.js} +2 -2
  67. package/build/{link.component-37cf2755.js.map → link.component-bdeff2cd.js.map} +1 -1
  68. package/build/menu.component-8beb5821.js +2 -0
  69. package/build/{menu.component-fad53003.js.map → menu.component-8beb5821.js.map} +1 -1
  70. package/build/menuButton.component-bb002d17.js +2 -0
  71. package/build/{menuButton.component-6c5f789f.js.map → menuButton.component-bb002d17.js.map} +1 -1
  72. package/build/menuItem.component-e2b00162.js +2 -0
  73. package/build/menuItem.component-e2b00162.js.map +1 -0
  74. package/build/{menuList.component-ab82aa08.js → menuList.component-a8cf4995.js} +2 -2
  75. package/build/{menuList.component-ab82aa08.js.map → menuList.component-a8cf4995.js.map} +1 -1
  76. package/build/modalCloseButton.component-8aa52184.js +2 -0
  77. package/build/{modalCloseButton.component-d7f4ef8f.js.map → modalCloseButton.component-8aa52184.js.map} +1 -1
  78. package/build/{modalFooterButtons.component-7b2b068d.js → modalFooterButtons.component-4304dcff.js} +2 -2
  79. package/build/{modalFooterButtons.component-7b2b068d.js.map → modalFooterButtons.component-4304dcff.js.map} +1 -1
  80. package/build/popoverCloseButton.component-f78ed6ff.js +2 -0
  81. package/build/{popoverCloseButton.component-0a3cb82b.js.map → popoverCloseButton.component-f78ed6ff.js.map} +1 -1
  82. package/build/{popoverFooterButtons.component-5b2bc058.js → popoverFooterButtons.component-166d570f.js} +2 -2
  83. package/build/{popoverFooterButtons.component-5b2bc058.js.map → popoverFooterButtons.component-166d570f.js.map} +1 -1
  84. package/build/{radioGroup.component-b43f4f47.js → radioGroup.component-5fb8c909.js} +2 -2
  85. package/build/{radioGroup.component-b43f4f47.js.map → radioGroup.component-5fb8c909.js.map} +1 -1
  86. package/build/{select.component-3810878d.js → select.component-0d8be1a8.js} +2 -2
  87. package/build/{select.component-3810878d.js.map → select.component-0d8be1a8.js.map} +1 -1
  88. package/build/{switch.component-cc8d024b.js → switch.component-b16e84b7.js} +2 -2
  89. package/build/{switch.component-cc8d024b.js.map → switch.component-b16e84b7.js.map} +1 -1
  90. package/build/{tab.component-cf1e1c32.js → tab.component-12038d93.js} +2 -2
  91. package/build/{tab.component-cf1e1c32.js.map → tab.component-12038d93.js.map} +1 -1
  92. package/build/{tabs.component-e3def343.js → tabs.component-9878514f.js} +2 -2
  93. package/build/{tabs.component-e3def343.js.map → tabs.component-9878514f.js.map} +1 -1
  94. package/build/{tabsLayout.component-8ec51576.js → tabsLayout.component-a1ea5607.js} +2 -2
  95. package/build/{tabsLayout.component-8ec51576.js.map → tabsLayout.component-a1ea5607.js.map} +1 -1
  96. package/build/textInput.component-a6844c69.js +2 -0
  97. package/build/{textInput.component-0e7bd3ce.js.map → textInput.component-a6844c69.js.map} +1 -1
  98. package/build/{textarea.component-2925a282.js → textarea.component-7020df69.js} +2 -2
  99. package/build/{textarea.component-2925a282.js.map → textarea.component-7020df69.js.map} +1 -1
  100. package/build/theme/index.js +1 -1
  101. package/build/{theme.provider-80f1507c.js → theme.provider-e8fb98dd.js} +2 -2
  102. package/build/{theme.provider-80f1507c.js.map → theme.provider-e8fb98dd.js.map} +1 -1
  103. package/build/{timePicker.component-582d430d.js → timePicker.component-038788d1.js} +2 -2
  104. package/build/{timePicker.component-582d430d.js.map → timePicker.component-038788d1.js.map} +1 -1
  105. package/build/{timeRange.component-c16c8431.js → timeRange.component-60d7e161.js} +2 -2
  106. package/build/{timeRange.component-c16c8431.js.map → timeRange.component-60d7e161.js.map} +1 -1
  107. package/build/{useToast-e675fe22.js → useToast-c6dc162b.js} +2 -2
  108. package/build/{useToast-e675fe22.js.map → useToast-c6dc162b.js.map} +1 -1
  109. package/package.json +1 -1
  110. package/build/avatar.component-a6fb2a89.js +0 -2
  111. package/build/avatar.component-a6fb2a89.js.map +0 -1
  112. package/build/avatar.config-90fae63d.js +0 -2
  113. package/build/avatar.config-90fae63d.js.map +0 -1
  114. package/build/avatarGroup.component-60d900fd.js +0 -2
  115. package/build/avatarGroup.component-60d900fd.js.map +0 -1
  116. package/build/checkboxGroup.component-ad4f4e23.js +0 -2
  117. package/build/menu.component-fad53003.js +0 -2
  118. package/build/menuButton.component-6c5f789f.js +0 -2
  119. package/build/menuItem.component-bddca6b6.js +0 -2
  120. package/build/menuItem.component-bddca6b6.js.map +0 -1
  121. package/build/modalCloseButton.component-d7f4ef8f.js +0 -2
  122. package/build/popoverCloseButton.component-0a3cb82b.js +0 -2
  123. package/build/textInput.component-0e7bd3ce.js +0 -2
@@ -1 +0,0 @@
1
- {"version":3,"file":"avatar.component-a6fb2a89.js","sources":["../src/components/Avatar/avatar.types.ts","../src/utils/sizes.ts","../src/components/Avatar/avatar.component.tsx"],"sourcesContent":["export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport enum AvatarVariant {\n Green = 'green',\n Red = 'red',\n Blue = 'blue',\n Comet = 'comet',\n Dark = 'dark',\n Dashed = 'dashed',\n Test = 'test',\n}\n","import { AvatarSize } from 'components/Avatar/avatar.types';\nimport { IconSize } from 'components/Icon/icon.types';\n\nexport const getNextIconSize = (size: IconSize | AvatarSize, larger = true, count = 1): IconSize => {\n let nextSize: IconSize;\n switch (size) {\n case 'xs':\n nextSize = larger ? 'sm' : 'xs';\n break;\n case 'sm':\n nextSize = larger ? 'md' : 'xs';\n break;\n case 'md':\n nextSize = larger ? 'lg' : 'sm';\n break;\n case 'lg':\n nextSize = larger ? 'xl' : 'md';\n break;\n case 'xl':\n nextSize = larger ? '2xl' : 'lg';\n break;\n case '2xl':\n nextSize = larger ? '2xl' : 'xl';\n break;\n default:\n nextSize = size as IconSize;\n break;\n }\n\n if (count > 1) {\n nextSize = getNextIconSize(nextSize, larger, count - 1);\n }\n\n return nextSize;\n};\n","import React, { useState, useMemo } from 'react';\nimport { Placement, Avatar as CAvatar, AvatarProps as CAvatarProps, Box } from '@chakra-ui/react';\nimport { Icon } from '../Icon/icon.component';\nimport { Tooltip } from '../Tooltip/tooltip.component';\nimport { useTheme } from 'hooks/useTheme';\nimport { AvatarSize, AvatarVariant } from './avatar.types';\nimport { getNextIconSize } from 'utils/sizes';\nimport { AvatarBadge, AvatarBadgeProps } from './components/AvatarBadge/avatarBadge.component';\nimport { IconName } from '../../icons';\nimport { Picture } from 'components/Picture';\n\nexport interface AvatarProps extends CAvatarProps {\n badgeProps?: AvatarBadgeProps;\n handleClick?: React.MouseEventHandler<HTMLSpanElement>;\n handleRemoveButtonClick?: React.MouseEventHandler<HTMLDivElement>;\n hideBorder?: boolean;\n iconName?: IconName;\n name?: string;\n randomizeVariant?: boolean;\n showBadge?: boolean;\n showRemoveButton?: boolean;\n showTooltip?: boolean;\n size?: AvatarSize;\n src?: string;\n tooltipPlacement?: Placement;\n tooltipText?: string;\n variant?: AvatarVariant;\n webpSrc?: string;\n}\n\nconst getAvatarVariant = (charCode: number): AvatarVariant => {\n if (charCode >= 65 && charCode <= 71) {\n return AvatarVariant.Blue;\n } else if (charCode >= 72 && charCode <= 77) {\n return AvatarVariant.Red;\n } else if (charCode >= 78 && charCode <= 84) {\n return AvatarVariant.Green;\n } else {\n return AvatarVariant.Comet;\n }\n};\n\nexport const Avatar = ({\n badgeProps,\n handleClick,\n handleRemoveButtonClick,\n hideBorder = false,\n iconName,\n name = '',\n randomizeVariant = false,\n showBadge = false,\n showRemoveButton = false,\n showTooltip = true,\n size = 'md',\n src,\n webpSrc,\n tooltipPlacement = 'bottom',\n tooltipText,\n variant = AvatarVariant.Comet,\n ...rest\n}: AvatarProps): JSX.Element => {\n const { colors, radii } = useTheme();\n const [isSrcValid, setIsSrcValid] = useState(!!src || !!webpSrc);\n const [isHoveringAvatar, setIsHoveringAvatar] = useState(false);\n const [isHoveringRemoveButton, setIsHoveringRemoveButton] = useState(false);\n const shouldHideRemoveButton = size === 'xs';\n\n let _variant = variant;\n\n if (randomizeVariant) {\n _variant = getAvatarVariant(name.charCodeAt(0));\n }\n\n const hoverActiveStyles = useMemo(() => {\n let styles = {\n _hover: {\n backgroundColor: colors.gray[50],\n img: { opacity: 1 },\n zIndex: 2,\n },\n _active: {\n backgroundColor: colors.gray[100],\n img: { opacity: 1 },\n },\n };\n\n switch (_variant) {\n case AvatarVariant.Comet:\n styles._hover.backgroundColor = colors.gray[100];\n styles._active.backgroundColor = colors.gray[200];\n break;\n case AvatarVariant.Dark:\n styles._hover.backgroundColor = colors.blue[700];\n styles._active.backgroundColor = colors.blue[600];\n break;\n case AvatarVariant.Dashed:\n styles._hover.backgroundColor = colors.blackAlpha[100];\n styles._hover.zIndex = 0;\n styles._active.backgroundColor = colors.blackAlpha[200];\n break;\n case AvatarVariant.Test:\n styles._hover.backgroundColor = colors.orange[100];\n styles._active.backgroundColor = colors.orange[200];\n break;\n default:\n break;\n }\n\n if (isSrcValid) {\n styles._hover.backgroundColor = colors.black;\n styles._hover.img.opacity = 0.94;\n styles._active.backgroundColor = colors.gray[200];\n styles._active.img.opacity = 0.92;\n }\n\n return styles;\n }, [_variant, isSrcValid, colors]);\n\n const avatarMarkup = (\n <CAvatar\n name={iconName ? '' : name}\n size={size}\n src={!!webpSrc ? undefined : src}\n variant={_variant}\n boxShadow={`0 0 0 1px ${hideBorder ? colors.transparent : colors.white}`}\n borderWidth={isSrcValid || hideBorder ? '0px' : '2px'}\n {...(iconName && {\n icon: <Icon name={iconName} size={getNextIconSize(size, true, size === 'sm' || size === 'xs' ? 2 : 1)} />,\n })}\n {...(handleClick && {\n onClick: handleClick,\n cursor: 'pointer',\n ...hoverActiveStyles,\n })}\n onError={(): void => setIsSrcValid(false)}\n onMouseEnter={(): void => setIsHoveringAvatar(true)}\n onMouseLeave={(): void => setIsHoveringAvatar(false)}\n {...rest}\n >\n {showRemoveButton && isHoveringAvatar && !shouldHideRemoveButton && (\n <Box\n backgroundColor={colors.white}\n borderRadius=\"9999px\"\n cursor=\"pointer\"\n position=\"absolute\"\n top=\"-4px\"\n right=\"-5px\"\n onClick={handleRemoveButtonClick}\n onMouseEnter={(): void => setIsHoveringRemoveButton(true)}\n zIndex={2}\n onMouseLeave={(): void => setIsHoveringRemoveButton(false)}\n >\n <Icon name=\"closeCircle\" size={isHoveringRemoveButton ? 'sm' : 'xs'} colorToken=\"default\" />\n </Box>\n )}\n {showBadge && <AvatarBadge avatarSize={size} {...badgeProps} />}\n {webpSrc && src && (\n <Picture\n src={src}\n webpSrc={webpSrc}\n imgProps={{\n w: '100%',\n h: '100%',\n objectFit: 'cover',\n borderRadius: radii.full,\n position: 'absolute',\n top: 0,\n left: 0,\n }}\n />\n )}\n </CAvatar>\n );\n\n if (showTooltip) {\n return (\n <Tooltip label={tooltipText || name} placement={tooltipPlacement}>\n {avatarMarkup}\n </Tooltip>\n );\n }\n\n return avatarMarkup;\n};\n"],"names":["AvatarVariant","getNextIconSize","size","larger","count","nextSize","_a","charCode","badgeProps","handleClick","handleRemoveButtonClick","_b","hideBorder","iconName","_c","name","_d","randomizeVariant","_e","showBadge","_f","showRemoveButton","_g","showTooltip","_h","src","webpSrc","_j","tooltipPlacement","tooltipText","_k","variant","Comet","rest","__rest","_l","useTheme","colors","radii","_m","__read","useState","isSrcValid","setIsSrcValid","_o","isHoveringAvatar","setIsHoveringAvatar","_p","isHoveringRemoveButton","setIsHoveringRemoveButton","shouldHideRemoveButton","_variant","charCodeAt","Blue","Red","Green","hoverActiveStyles","useMemo","styles","_hover","backgroundColor","gray","img","opacity","zIndex","_active","Dark","blue","Dashed","blackAlpha","Test","orange","black","avatarMarkup","React","createElement","CAvatar","__assign","undefined","boxShadow","concat","transparent","white","borderWidth","icon","Icon","onClick","cursor","onError","onMouseEnter","onMouseLeave","Box","borderRadius","position","top","right","colorToken","AvatarBadge","avatarSize","Picture","imgProps","w","h","objectFit","full","left","Tooltip","label","placement"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- "use strict";var o=require("./color.record-8ec2eb8a.js"),e={baseStyle:{container:{backgroundColor:o.coreColors.white},label:{paddingTop:"1px",fontWeight:"semibold"}},sizes:{xs:{container:{height:"24px",width:"24px"},label:{fontSize:"12px",fontWeight:"600",lineHeight:"18px"}},sm:{container:{height:"32px",width:"32px"},label:{fontSize:"14px",fontWeight:"400",lineHeight:"24px",paddingTop:0}},md:{container:{height:"36px",width:"36px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}},lg:{container:{height:"40px",width:"40px"},label:{fontSize:"16px",fontWeight:"400",lineHeight:"24px"}},xl:{container:{height:"64px",width:"64px"},label:{fontSize:"24px",fontWeight:"400",lineHeight:"36px"}}},variants:{red:{container:{color:o.coreColors.red[300],borderColor:o.coreColors.red[300]}},green:{container:{borderColor:o.coreColors.green[400],color:o.coreColors.green[400]}},blue:{container:{borderColor:o.coreColors.blue[300],color:o.coreColors.blue[300]}},comet:{container:{backgroundColor:o.coreColors.comet[50],borderColor:o.coreColors.comet[400],color:o.coreColors.comet[700]}},dark:{container:{backgroundColor:o.coreColors.blue[800],border:0,color:o.coreColors.white}},dashed:{container:{backgroundColor:o.coreColors.white,borderColor:o.coreColors.white,overflow:"visible",color:o.adaptiveColors.icon.light.subtle,_after:{content:"''",position:"absolute",top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",border:"1px dashed ".concat(o.semanticColors.border.light.heavy),borderRadius:"100%"}}},test:{container:{backgroundColor:o.coreColors.orange[50],borderColor:o.coreColors.orange[200],overflow:"visible",color:o.adaptiveColors.icon.light.subtle,_after:{content:"''",position:"absolute",top:"-2px",right:"-2px",bottom:"-2px",left:"-2px",border:"2px dashed ".concat(o.coreColors.blackAlpha[200]),borderRadius:"100%"}}}}};exports.AvatarConfig=e;
2
- //# sourceMappingURL=avatar.config-90fae63d.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"avatar.config-90fae63d.js","sources":["../src/components/Avatar/avatar.config.ts"],"sourcesContent":["import { CustomStyleConfig } from 'shared/types';\nimport { coreColors, semanticColors, adaptiveColors } from 'theme/tokens/colors';\n\nexport const AvatarConfig: CustomStyleConfig = {\n baseStyle: {\n container: {\n backgroundColor: coreColors.white,\n },\n label: {\n paddingTop: '1px',\n fontWeight: 'semibold',\n },\n },\n sizes: {\n xs: {\n container: {\n height: '24px',\n width: '24px',\n },\n label: {\n fontSize: '12px',\n fontWeight: '600',\n lineHeight: '18px',\n },\n },\n sm: {\n container: {\n height: '32px',\n width: '32px',\n },\n label: {\n fontSize: '14px',\n fontWeight: '400',\n lineHeight: '24px',\n paddingTop: 0,\n },\n },\n md: {\n container: {\n height: '36px',\n width: '36px',\n },\n label: {\n fontSize: '16px',\n fontWeight: '400',\n lineHeight: '24px',\n },\n },\n lg: {\n container: {\n height: '40px',\n width: '40px',\n },\n label: {\n fontSize: '16px',\n fontWeight: '400',\n lineHeight: '24px',\n },\n },\n xl: {\n container: {\n height: '64px',\n width: '64px',\n },\n label: {\n fontSize: '24px',\n fontWeight: '400',\n lineHeight: '36px',\n },\n },\n },\n variants: {\n red: {\n container: {\n color: coreColors.red[300],\n borderColor: coreColors.red[300],\n },\n },\n green: {\n container: {\n borderColor: coreColors.green[400],\n color: coreColors.green[400],\n },\n },\n blue: {\n container: {\n borderColor: coreColors.blue[300],\n color: coreColors.blue[300],\n },\n },\n comet: {\n container: {\n backgroundColor: coreColors.comet[50],\n borderColor: coreColors.comet[400],\n color: coreColors.comet[700],\n },\n },\n dark: {\n container: {\n backgroundColor: coreColors.blue[800],\n border: 0,\n color: coreColors.white,\n },\n },\n dashed: {\n container: {\n backgroundColor: coreColors.white,\n borderColor: coreColors.white,\n overflow: 'visible',\n color: adaptiveColors.icon.light.subtle,\n _after: {\n content: \"''\",\n position: 'absolute',\n top: '-2px',\n right: '-2px',\n bottom: '-2px',\n left: '-2px',\n border: `1px dashed ${semanticColors.border.light.heavy}`,\n borderRadius: '100%',\n },\n },\n },\n test: {\n container: {\n backgroundColor: coreColors.orange['50'],\n borderColor: coreColors.orange['200'],\n overflow: 'visible',\n color: adaptiveColors.icon.light.subtle,\n _after: {\n content: \"''\",\n position: 'absolute',\n top: '-2px',\n right: '-2px',\n bottom: '-2px',\n left: '-2px',\n border: `2px dashed ${coreColors.blackAlpha['200']}`,\n borderRadius: '100%',\n },\n },\n },\n },\n};\n"],"names":["AvatarConfig","baseStyle","container","backgroundColor","coreColors","white","label","paddingTop","fontWeight","sizes","xs","height","width","fontSize","lineHeight","sm","md","lg","xl","variants","red","color","borderColor","green","blue","comet","dark","border","dashed","overflow","adaptiveColors","icon","light","subtle","_after","content","position","top","right","bottom","left","semanticColors","heavy","borderRadius","test","orange","blackAlpha"],"mappings":"yDAGaA,EAAkC,CAC7CC,UAAW,CACTC,UAAW,CACTC,gBAAiBC,EAAUA,WAACC,OAE9BC,MAAO,CACLC,WAAY,MACZC,WAAY,aAGhBC,MAAO,CACLC,GAAI,CACFR,UAAW,CACTS,OAAQ,OACRC,MAAO,QAETN,MAAO,CACLO,SAAU,OACVL,WAAY,MACZM,WAAY,SAGhBC,GAAI,CACFb,UAAW,CACTS,OAAQ,OACRC,MAAO,QAETN,MAAO,CACLO,SAAU,OACVL,WAAY,MACZM,WAAY,OACZP,WAAY,IAGhBS,GAAI,CACFd,UAAW,CACTS,OAAQ,OACRC,MAAO,QAETN,MAAO,CACLO,SAAU,OACVL,WAAY,MACZM,WAAY,SAGhBG,GAAI,CACFf,UAAW,CACTS,OAAQ,OACRC,MAAO,QAETN,MAAO,CACLO,SAAU,OACVL,WAAY,MACZM,WAAY,SAGhBI,GAAI,CACFhB,UAAW,CACTS,OAAQ,OACRC,MAAO,QAETN,MAAO,CACLO,SAAU,OACVL,WAAY,MACZM,WAAY,UAIlBK,SAAU,CACRC,IAAK,CACHlB,UAAW,CACTmB,MAAOjB,EAAAA,WAAWgB,IAAI,KACtBE,YAAalB,EAAAA,WAAWgB,IAAI,OAGhCG,MAAO,CACLrB,UAAW,CACToB,YAAalB,EAAAA,WAAWmB,MAAM,KAC9BF,MAAOjB,EAAAA,WAAWmB,MAAM,OAG5BC,KAAM,CACJtB,UAAW,CACToB,YAAalB,EAAAA,WAAWoB,KAAK,KAC7BH,MAAOjB,EAAAA,WAAWoB,KAAK,OAG3BC,MAAO,CACLvB,UAAW,CACTC,gBAAiBC,EAAAA,WAAWqB,MAAM,IAClCH,YAAalB,EAAAA,WAAWqB,MAAM,KAC9BJ,MAAOjB,EAAAA,WAAWqB,MAAM,OAG5BC,KAAM,CACJxB,UAAW,CACTC,gBAAiBC,EAAAA,WAAWoB,KAAK,KACjCG,OAAQ,EACRN,MAAOjB,EAAUA,WAACC,QAGtBuB,OAAQ,CACN1B,UAAW,CACTC,gBAAiBC,EAAUA,WAACC,MAC5BiB,YAAalB,EAAUA,WAACC,MACxBwB,SAAU,UACVR,MAAOS,EAAcA,eAACC,KAAKC,MAAMC,OACjCC,OAAQ,CACNC,QAAS,KACTC,SAAU,WACVC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,KAAM,OACNb,OAAQ,qBAAcc,EAAcA,eAACd,OAAOK,MAAMU,OAClDC,aAAc,UAIpBC,KAAM,CACJ1C,UAAW,CACTC,gBAAiBC,EAAAA,WAAWyC,OAAO,IACnCvB,YAAalB,EAAAA,WAAWyC,OAAO,KAC/BhB,SAAU,UACVR,MAAOS,EAAcA,eAACC,KAAKC,MAAMC,OACjCC,OAAQ,CACNC,QAAS,KACTC,SAAU,WACVC,IAAK,OACLC,MAAO,OACPC,OAAQ,OACRC,KAAM,OACNb,OAAQ,qBAAcvB,EAAUA,WAAC0C,WAAW,MAC5CH,aAAc"}
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),a=require("./avatar.component-a6fb2a89.js"),n=require("./chakra-ui-avatar.esm-d7e98d56.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(t);exports.AvatarGroup=function(r){var i=r.addButtonTooltipText,u=r.avatars,l=r.handleAddButtonClick,d=r.handleRemoveButtonClick,s=r.max,v=void 0===s?3:s,c=r.showAddButton,m=void 0===c||c,f=r.showRemoveAvatarButton,h=void 0!==f&&f,p=r.size,A=void 0===p?"md":p,B=t.useMemo((function(){return u.map((function(e){return e.name})).join(", ")}),[u]),k="lg"===A||"md"===A?-2:-1;return o.default.createElement(n.AvatarGroup,{size:A,spacing:k},u.length>v?o.default.createElement(a.Avatar,{name:"".concat(u.length),size:A,variant:a.AvatarVariant.Dark,showRemoveButton:!1,tooltipText:B}):u.map((function(t){return o.default.createElement(a.Avatar,e.__assign({},t,{key:t.name,size:A,showRemoveButton:h,handleRemoveButtonClick:d}))})),m&&o.default.createElement(a.Avatar,{variant:a.AvatarVariant.Dashed,iconName:"plus",handleClick:l,tooltipText:i,size:A}))};
2
- //# sourceMappingURL=avatarGroup.component-60d900fd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"avatarGroup.component-60d900fd.js","sources":["../src/components/AvatarGroup/avatarGroup.component.tsx"],"sourcesContent":["import { AvatarGroup as CAvatarGroup } from '@chakra-ui/react';\nimport React, { useMemo } from 'react';\nimport { Avatar, AvatarProps } from '../Avatar/avatar.component';\nimport { AvatarSize, AvatarVariant } from '../Avatar/avatar.types';\n\nexport interface AvatarGroupProps {\n addButtonTooltipText?: string;\n avatars: AvatarProps[];\n handleAddButtonClick?: () => void;\n handleRemoveButtonClick?: () => void;\n max?: number;\n showAddButton?: boolean;\n showRemoveAvatarButton?: boolean;\n size?: AvatarSize;\n}\n\nexport const AvatarGroup = ({\n addButtonTooltipText,\n avatars,\n handleAddButtonClick,\n handleRemoveButtonClick,\n max = 3,\n showAddButton = true,\n showRemoveAvatarButton = false,\n size = 'md',\n}: AvatarGroupProps): JSX.Element => {\n const mergedNames = useMemo(() => avatars.map((avatar) => avatar.name).join(', '), [avatars]);\n const spacing = size === 'lg' || size === 'md' ? -2 : -1;\n\n return (\n <CAvatarGroup size={size} spacing={spacing}>\n {avatars.length > max ? (\n <Avatar\n name={`${avatars.length}`}\n size={size}\n variant={AvatarVariant.Dark}\n showRemoveButton={false}\n tooltipText={mergedNames}\n />\n ) : (\n avatars.map((avatar) => (\n <Avatar\n {...avatar}\n key={avatar.name}\n size={size}\n showRemoveButton={showRemoveAvatarButton}\n handleRemoveButtonClick={handleRemoveButtonClick}\n />\n ))\n )}\n {showAddButton && (\n <Avatar\n variant={AvatarVariant.Dashed}\n iconName=\"plus\"\n handleClick={handleAddButtonClick}\n tooltipText={addButtonTooltipText}\n size={size}\n />\n )}\n </CAvatarGroup>\n );\n};\n"],"names":["_a","addButtonTooltipText","avatars","handleAddButtonClick","handleRemoveButtonClick","_b","max","_c","showAddButton","_d","showRemoveAvatarButton","_e","size","mergedNames","useMemo","map","avatar","name","join","spacing","React","createElement","CAvatarGroup","AvatarGroup","length","Avatar","concat","variant","AvatarVariant","Dark","showRemoveButton","tooltipText","__assign","key","Dashed","iconName","handleClick"],"mappings":"4QAgB2B,SAACA,GAC1B,IAAAC,yBACAC,EAAOF,EAAAE,QACPC,EAAoBH,EAAAG,qBACpBC,EAAuBJ,EAAAI,wBACvBC,EAAOL,EAAAM,IAAPA,OAAG,IAAAD,EAAG,EAACA,EACPE,EAAoBP,EAAAQ,cAApBA,OAAgB,IAAAD,GAAIA,EACpBE,2BAAAC,OAAyB,IAAAD,KACzBE,EAAAX,EAAAY,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EAELE,EAAcC,EAAAA,SAAQ,WAAM,OAAAZ,EAAQa,KAAI,SAACC,GAAW,OAAAA,EAAOC,QAAMC,KAAK,QAAO,CAAChB,IAC9EiB,EAAmB,OAATP,GAA0B,OAATA,GAAiB,GAAK,EAEvD,OACEQ,EAAAA,QAACC,cAAAC,EAAYC,YAAC,CAAAX,KAAMA,EAAMO,QAASA,GAChCjB,EAAQsB,OAASlB,EAChBc,UAACC,cAAAI,EAAMA,QACLR,KAAM,GAAGS,OAAAxB,EAAQsB,QACjBZ,KAAMA,EACNe,QAASC,EAAaA,cAACC,KACvBC,kBAAkB,EAClBC,YAAalB,IAGfX,EAAQa,KAAI,SAACC,GAAW,OACtBI,wBAACK,EAAAA,OAAMO,EAAAA,SAAA,GACDhB,EAAM,CACViB,IAAKjB,EAAOC,KACZL,KAAMA,EACNkB,iBAAkBpB,EAClBN,wBAAyBA,QAI9BI,GACCY,EAAC,QAAAC,cAAAI,EAAAA,OACC,CAAAE,QAASC,EAAAA,cAAcM,OACvBC,SAAS,OACTC,YAAajC,EACb4B,YAAa9B,EACbW,KAAMA"}
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),r=require("react"),i=require("./formControl.component-dfe743ef.js"),t=require("./checkbox.component-9cd924d3.js"),a=require("./chakra-ui-checkbox.esm-6a6974f2.js"),n=require("./chakra-ui-layout.esm-493ee04b.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=c(r),s=function(r){var i=r.checkboxes,c=r.size,s=void 0===c?"md":c,u=r.direction,d=void 0===u?"row":u,l=r.spacing,f=r.variant,p=e.__rest(r,["checkboxes","size","direction","spacing","variant"]);p.isFieldInline;var h=e.__rest(p,["isFieldInline"]);return o.default.createElement(a.CheckboxGroup,e.__assign({},h),o.default.createElement(n.Stack,{direction:d,spacing:l,width:"fit-content"},i.map((function(r,i){return o.default.createElement(t.Checkbox,e.__assign({key:i},r,{size:s,variant:f||r.variant}))}))))};s.displayName="CheckboxGroup";var u=i.withFormControl(s);exports.WrappedCheckboxGroup=u;
2
- //# sourceMappingURL=checkboxGroup.component-ad4f4e23.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./menuContainer.component-b44ee33f.js"),u=require("./menuButton.component-6c5f789f.js"),r=require("./menuList.component-ab82aa08.js"),s=require("./menu.context-6276be4d.js"),i=require("./chakra-ui-menu.esm-22115f36.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(t);exports.Menu=function(t){var o=t.buttonProps,l=t.CustomTriggerElement,m=t.listProps,c=t.containerProps,d=e.__rest(t,["buttonProps","CustomTriggerElement","listProps","containerProps"]);return a.default.createElement(s.MenuProvider,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==c?void 0:c.onClose},a.default.createElement(n.MenuContainer,e.__assign({isLazy:null==c?void 0:c.isLazy},c,d),l?a.default.createElement(l,{as:i.MenuButton}):a.default.createElement(u.MenuButton,e.__assign({},o)),a.default.createElement(r.MenuList,e.__assign({},m,{isMatchWidthSet:d.matchWidth,menuItems:null==m?void 0:m.menuItems}))))};
2
- //# sourceMappingURL=menu.component-fad53003.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./icon.component-092995a3.js"),r=require("./button.component-1974818b.js"),a=require("./chakra-ui-menu.esm-22115f36.js"),u=require("./chakra-ui-layout.esm-493ee04b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=s(t);exports.MenuButton=function(s){var o=s.leftElement,i=s.leftIconName,m=s.rightIconName,l=void 0===m?"chevronDown":m,f=s.showRightIcon,x=void 0===f||f,p=s.size,d=s.text,h=s.variant,_=e.__rest(s,["leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant"]),v=i&&!d,B=t.useMemo((function(){if(v)switch(p){case"xs":return"4px";case"sm":return"6px";default:return"8px"}switch(p){case"xs":return"5px 8px";case"sm":return"8px 12px";case"md":return"10px 16px";default:return"12px 20px"}}),[v,p]),g=t.useMemo((function(){if(v)switch(p){case"xs":return"sm";case"sm":return"md";case"md":return"lg";default:return"xl"}return p||"md"}),[v,p]),I=t.useMemo((function(){if(v)return"0px";switch(p){case"xs":case"sm":return"4px";default:return"8px"}}),[v,p]);return c.default.createElement(a.MenuButton,e.__assign({as:r.Button,variant:h,size:p,position:"relative"},_,{className:"MenuButton",p:B,lineHeight:0,_active:{transform:"none"}}),c.default.createElement(u.HStack,{spacing:I,className:"MenuButton__ContentContainer"},o&&o,i&&c.default.createElement(u.Box,{className:"MenuButton__LeftIcon"},c.default.createElement(n.Icon,{name:i,size:g})),d&&c.default.createElement(u.Box,{className:"MenuButton__Text"},d),x&&c.default.createElement(u.Box,{className:"MenuButton__RightIcon"},c.default.createElement(n.Icon,{name:l,size:"lg"===p?"sm":"xs"}))))};
2
- //# sourceMappingURL=menuButton.component-6c5f789f.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./useTheme-d7d8c3f5.js"),l=require("./menu.config-83ef52b8.js"),a=require("./truncatedText.component-02797815.js"),r=require("./text.component-dabbab97.js"),o=require("./useAdaptiveColorMap-0a74494f.js"),c=require("./icon.component-092995a3.js"),i=require("./chakra-ui-menu.esm-22115f36.js"),u=require("./chakra-ui-layout.esm-493ee04b.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t);exports.MenuItem=function(s){var m=s.canSelectAll,f=s.children,b=s.colorToken;s.groupLabel;var h=s.handleKeyboardNavigation,x=void 0===h?function(){}:h,g=s.isDisabled,p=s.isMultiSelect;s.isPlaceholder;var v=s.closeOnSelect,k=void 0===v?!p:v,I=s.isSelected,S=s.itemIndex,E=void 0===S?"0":S,j=s.label,M=s.leftElement,T=s.menuItemRefs,_=s.onSelect,q=s.shouldRetainSelection,y=void 0!==q&&q,C=s.shouldTruncateText,L=s.value,N=e.__rest(s,["canSelectAll","children","colorToken","groupLabel","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","closeOnSelect","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value"]),R=n.useTheme().colors,w=i.useMenuState().onClose,A=o.useAdaptiveColorMap(R.text,b||"default"),D=t.useCallback((function(e){e.stopPropagation(),g||(L&&_&&_({label:j,leftElement:M,value:L}),k&&w())}),[L,_,w,k,g,j,M]),B=t.useMemo((function(){return b?A:I&&y&&!p?R.text.light.link:R.text.light.default}),[I,y,p,A,b,R]);return d.default.createElement(u.Box,e.__assign({},l.MenuItemConfig,{bg:I&&y&&!p?R.background.hover:"",className:"MenuList__Item",onClick:D,onKeyDown:function(e){return x(e,!1)},tabIndex:parseInt(m?E+=2:E),ref:function(e){return T&&E?T.current[parseInt(E)]=e:null},disabled:g},N),f||d.default.createElement(u.HStack,{align:"center",spacing:3,minH:5,color:B},p&&d.default.createElement(u.Flex,{w:4,h:4,className:"MenuList__ItemCheckbox",align:"center",justify:"center",color:R.status.success},I?d.default.createElement(c.Icon,{name:"checkmarkCircle",size:"sm"}):d.default.createElement(u.Box,{m:"2px",w:3,h:3,borderRadius:"100%",bg:R.background.grayDark})),M&&d.default.createElement(u.Flex,{align:"center",justify:"center",className:"MenuList__ItemLeftElement"},M),d.default.createElement(u.Box,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},"string"==typeof j?C?d.default.createElement(a.TruncatedText,{color:B,textContent:j||"",noOfLines:1}):d.default.createElement(r.Text,{color:B},j):j)))};
2
- //# sourceMappingURL=menuItem.component-bddca6b6.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menuItem.component-bddca6b6.js","sources":["../src/components/Menu/components/MenuItem/menuItem.component.tsx"],"sourcesContent":["import React, {\n ReactNode,\n MutableRefObject,\n useCallback,\n MouseEvent,\n KeyboardEvent,\n useMemo,\n ReactElement,\n} from 'react';\nimport { Box, Flex, HStack, useMenuState } from '@chakra-ui/react';\nimport { useTheme } from 'hooks/useTheme';\nimport { MenuItemConfig } from '../../menu.config';\nimport { TextColor } from 'shared/types';\nimport { TruncatedText } from '../../../TruncatedText/truncatedText.component';\nimport { Text } from '../../../Text/text.component';\nimport { useAdaptiveColorMap } from 'hooks/useAdaptiveColorMap';\nimport { Icon } from '../../../Icon/icon.component';\n\nexport interface MenuItemProps {\n canSelectAll?: boolean;\n children?: ReactNode;\n closeOnSelect?: boolean;\n groupLabel?: string;\n handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;\n isDisabled?: boolean;\n isMultiSelect?: boolean;\n isSelected?: boolean;\n itemIndex?: string;\n label?: string | ReactElement;\n leftElement?: ReactNode;\n menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;\n onSelect?: (selectedItem: MenuItemProps) => void;\n shouldRetainSelection?: boolean;\n shouldTruncateText?: boolean;\n value?: string;\n colorToken?: TextColor;\n isPlaceholder?: boolean;\n}\n\nexport const MenuItem = ({\n canSelectAll,\n children,\n colorToken,\n groupLabel,\n handleKeyboardNavigation = (): void => {},\n isDisabled,\n isMultiSelect,\n isPlaceholder,\n closeOnSelect = !isMultiSelect,\n isSelected,\n itemIndex = '0',\n label,\n leftElement,\n menuItemRefs,\n onSelect,\n shouldRetainSelection = false,\n shouldTruncateText,\n value,\n ...rest\n}: MenuItemProps): JSX.Element => {\n const { colors } = useTheme();\n const { onClose } = useMenuState();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken ? colorToken : 'default');\n\n const handleSelect = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (isDisabled) return;\n\n if (value && onSelect) {\n onSelect({\n label,\n leftElement,\n value,\n });\n }\n\n if (closeOnSelect) {\n onClose();\n }\n },\n [value, onSelect, onClose, closeOnSelect, isDisabled, label, leftElement],\n );\n\n const fontColor = useMemo(() => {\n if (colorToken) {\n return adaptiveColor;\n }\n\n return isSelected && shouldRetainSelection && !isMultiSelect ? colors.text.light.link : colors.text.light.default;\n }, [isSelected, shouldRetainSelection, isMultiSelect, adaptiveColor, colorToken, colors]);\n\n return (\n <Box\n {...MenuItemConfig}\n bg={isSelected && shouldRetainSelection && !isMultiSelect ? colors.background.hover : ''}\n className=\"MenuList__Item\"\n onClick={handleSelect}\n onKeyDown={(e: KeyboardEvent<HTMLDivElement>): void => handleKeyboardNavigation(e, false)}\n tabIndex={parseInt(canSelectAll ? (itemIndex += 2) : itemIndex)}\n ref={(el): HTMLDivElement | null =>\n menuItemRefs && itemIndex ? (menuItemRefs.current[parseInt(itemIndex)] = el) : null\n }\n // @ts-ignore\n disabled={isDisabled}\n {...rest}\n >\n {children ? (\n children\n ) : (\n <HStack align=\"center\" spacing={3} minH={5} color={fontColor}>\n {isMultiSelect && (\n <Flex\n w={4}\n h={4}\n className=\"MenuList__ItemCheckbox\"\n align=\"center\"\n justify=\"center\"\n color={colors.status.success}\n >\n {isSelected ? (\n <Icon name=\"checkmarkCircle\" size=\"sm\" />\n ) : (\n <Box m=\"2px\" w={3} h={3} borderRadius=\"100%\" bg={colors.background.grayDark} />\n )}\n </Flex>\n )}\n {leftElement && (\n <Flex align=\"center\" justify=\"center\" className=\"MenuList__ItemLeftElement\">\n {leftElement}\n </Flex>\n )}\n <Box className=\"MenuList__ItemLabel\" position=\"relative\" w=\"100%\">\n {typeof label === 'string' ? (\n shouldTruncateText ? (\n <TruncatedText color={fontColor} textContent={label || ''} noOfLines={1} />\n ) : (\n <Text color={fontColor}>{label}</Text>\n )\n ) : (\n label\n )}\n </Box>\n </HStack>\n )}\n </Box>\n );\n};\n"],"names":["_a","canSelectAll","children","colorToken","groupLabel","_b","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","_c","closeOnSelect","isSelected","_d","itemIndex","label","leftElement","menuItemRefs","onSelect","_e","shouldRetainSelection","shouldTruncateText","value","rest","__rest","colors","useTheme","onClose","useMenuState","adaptiveColor","useAdaptiveColorMap","text","handleSelect","useCallback","e","stopPropagation","fontColor","useMemo","light","link","default","React","createElement","Box","__assign","MenuItemConfig","bg","background","hover","className","onClick","onKeyDown","tabIndex","parseInt","ref","el","current","disabled","HStack","align","spacing","minH","color","Flex","w","h","justify","status","success","Icon","name","size","m","borderRadius","grayDark","position","TruncatedText","textContent","noOfLines","Text"],"mappings":"4gBAuCwB,SAACA,GACvB,IAAAC,EAAYD,EAAAC,aACZC,aACAC,EAAUH,EAAAG,WACAH,EAAAI,WACV,IAAAC,EAAyCL,EAAAM,yBAAzCA,OAA2B,IAAAD,EAAA,aAAcA,EACzCE,EAAUP,EAAAO,WACVC,kBACaR,EAAAS,cAAA,IACbC,kBAAAC,OAAgB,IAAAD,GAACF,EAAaE,EAC9BE,EAAUZ,EAAAY,WACVC,EAAeb,EAAAc,UAAfA,OAAS,IAAAD,EAAG,IAAGA,EACfE,EAAKf,EAAAe,MACLC,EAAWhB,EAAAgB,YACXC,iBACAC,EAAQlB,EAAAkB,SACRC,0BAAAC,OAAwB,IAAAD,KACxBE,EAAkBrB,EAAAqB,mBAClBC,EAAKtB,EAAAsB,MACFC,EAAIC,EAAAA,OAAAxB,EAnBgB,6QAqBfyB,EAAWC,oBACXC,EAAYC,yBACdC,EAAgBC,EAAAA,oBAA+BL,EAAOM,KAAM5B,GAA0B,WAEtF6B,EAAeC,eACnB,SAACC,GACCA,EAAEC,kBAEE5B,IAEAe,GAASJ,GACXA,EAAS,CACPH,MAAKA,EACLC,YAAWA,EACXM,MAAKA,IAILX,GACFgB,OAGJ,CAACL,EAAOJ,EAAUS,EAAShB,EAAeJ,EAAYQ,EAAOC,IAGzDoB,EAAYC,EAAAA,SAAQ,WACxB,OAAIlC,EACK0B,EAGFjB,GAAcQ,IAA0BZ,EAAgBiB,EAAOM,KAAKO,MAAMC,KAAOd,EAAOM,KAAKO,MAAME,UACzG,CAAC5B,EAAYQ,EAAuBZ,EAAeqB,EAAe1B,EAAYsB,IAEjF,OACEgB,EAAAA,QAAAC,cAACC,EAAGA,IAAAC,EAAAA,SAAA,GACEC,EAAAA,eACJ,CAAAC,GAAIlC,GAAcQ,IAA0BZ,EAAgBiB,EAAOsB,WAAWC,MAAQ,GACtFC,UAAU,iBACVC,QAASlB,EACTmB,UAAW,SAACjB,GAA2C,OAAA5B,EAAyB4B,GAAG,IACnFkB,SAAUC,SAASpD,EAAgBa,GAAa,EAAKA,GACrDwC,IAAK,SAACC,GACJ,OAAAtC,GAAgBH,EAAaG,EAAauC,QAAQH,SAASvC,IAAcyC,EAAM,MAGjFE,SAAUlD,GACNgB,GAEHrB,GAGCuC,EAAC,QAAAC,cAAAgB,EAAAA,OAAO,CAAAC,MAAM,SAASC,QAAS,EAAGC,KAAM,EAAGC,MAAO1B,GAChD5B,GACCiC,EAAAA,QAAAC,cAACqB,OAAI,CACHC,EAAG,EACHC,EAAG,EACHhB,UAAU,yBACVU,MAAM,SACNO,QAAQ,SACRJ,MAAOrC,EAAO0C,OAAOC,SAEpBxD,EACC6B,wBAAC4B,EAAAA,KAAI,CAACC,KAAK,kBAAkBC,KAAK,OAElC9B,wBAACE,EAAGA,IAAA,CAAC6B,EAAE,MAAMR,EAAG,EAAGC,EAAG,EAAGQ,aAAa,OAAO3B,GAAIrB,EAAOsB,WAAW2B,YAIxE1D,GACCyB,EAAAA,QAAAC,cAACqB,EAAIA,KAAC,CAAAJ,MAAM,SAASO,QAAQ,SAASjB,UAAU,6BAC7CjC,GAGLyB,EAAA,QAAAC,cAACC,MAAG,CAACM,UAAU,sBAAsB0B,SAAS,WAAWX,EAAE,QACvC,iBAAVjD,EACNM,EACEoB,EAAAA,sBAACmC,EAAaA,cAAA,CAACd,MAAO1B,EAAWyC,YAAa9D,GAAS,GAAI+D,UAAW,IAEtErC,EAAC,QAAAC,cAAAqC,EAAAA,MAAKjB,MAAO1B,GAAYrB,GAC1B"}
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),o=require("./button.component-1974818b.js"),r=require("./chakra-ui-modal.esm-9136b612.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);exports.ModalCloseButton=function(t){var i=t.right,a=void 0===i?2:i,n=t.top,u=void 0===n?2:n,l=t.size,c=void 0===l?"md":l,d=e.__rest(t,["right","top","size"]),f=r.useModalContext().onClose;return s.default.createElement(o.Button,e.__assign({variant:"ghostNeutral",onClick:f,iconName:"close",position:"absolute",right:a,top:u,size:c},d))};
2
- //# sourceMappingURL=modalCloseButton.component-d7f4ef8f.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),o=require("./button.component-1974818b.js"),r=require("./chakra-ui-popover.esm-af9721a4.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=s(t);exports.PopoverCloseButton=function(t){var s=t.size,n=void 0===s?"xs":s,a=e.__rest(t,["size"]),u=r.usePopoverContext().onClose;return i.default.createElement(o.Button,e.__assign({variant:"ghostNeutral",onClick:u,iconName:"close",position:"absolute",right:1,top:1,size:n},a))};
2
- //# sourceMappingURL=popoverCloseButton.component-0a3cb82b.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-f01c41a6.js"),t=require("react"),n=require("./formControl.component-dfe743ef.js"),r=require("./icon.component-092995a3.js"),l=require("./useTheme-d7d8c3f5.js"),a=require("./chakra-ui-button.esm-32e420eb.js"),i=require("./chakra-ui-input.esm-5e794564.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,i=void 0===n?"md":n,u=l.useTheme().colors;return o.default.createElement(a.Button,{color:u.icon.light.default,display:"inline-flex",minW:"auto",w:s[i],h:s[i],variant:"unstyled",opacity:.5,_hover:{opacity:.8},_active:{opacity:1},mr:"sm"===i?3:4,onClick:t},o.default.createElement(r.Icon,{name:"close",colorToken:"currentColor",size:"lg"===i?"sm":"xs"}))},f=n.withFormControl((function(t){var n=t.isClearable,r=void 0!==n&&n,l=t.size,a=void 0===l?"md":l,u=e.__rest(t,["isClearable","size"]),s=u.leftElement,f=u.inputRef;u.isFieldInline;var d=u.onClear,m=u.value,p=e.__rest(u,["leftElement","inputRef","isFieldInline","onClear","value"]),h=u.rightElement;return r&&m&&(h=o.default.createElement(c,{size:a,handleClear:function(){d&&d(m||"")}})),o.default.createElement(i.InputGroup,null,s?o.default.createElement(i.InputLeftElement,{children:s,h:"100%"}):null,o.default.createElement(i.Input,e.__assign({},p,{ref:f,size:a,value:m})),h?o.default.createElement(i.InputRightElement,{children:h,h:"100%"}):null)})),d=t.forwardRef((function(t,n){return o.default.createElement(f,e.__assign({inputRef:n},t))}));d.displayName="TextInput",exports.WrappedTextInput=d;
2
- //# sourceMappingURL=textInput.component-0e7bd3ce.js.map