@televet/kibble-ui 3.0.15 → 3.0.16

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 (121) hide show
  1. package/build/{alert.component-4d48d218.js → alert.component-6b73cfd5.js} +2 -2
  2. package/build/{alert.component-4d48d218.js.map → alert.component-6b73cfd5.js.map} +1 -1
  3. package/build/{avatar.component-dd61be1f.js → avatar.component-97b5c7b6.js} +2 -2
  4. package/build/{avatar.component-dd61be1f.js.map → avatar.component-97b5c7b6.js.map} +1 -1
  5. package/build/avatarGroup.component-917347ed.js +2 -0
  6. package/build/{avatarGroup.component-50a37594.js.map → avatarGroup.component-917347ed.js.map} +1 -1
  7. package/build/{button.component-15b49687.js → button.component-19a04ce2.js} +2 -2
  8. package/build/{button.component-15b49687.js.map → button.component-19a04ce2.js.map} +1 -1
  9. package/build/checkbox.component-7f9167f3.js +2 -0
  10. package/build/{checkbox.component-ca33f17c.js.map → checkbox.component-7f9167f3.js.map} +1 -1
  11. package/build/checkboxGroup.component-837fa80d.js +2 -0
  12. package/build/{checkboxGroup.component-7a918704.js.map → checkboxGroup.component-837fa80d.js.map} +1 -1
  13. package/build/components/Alert/index.js +1 -1
  14. package/build/components/Avatar/index.js +1 -1
  15. package/build/components/AvatarGroup/index.js +1 -1
  16. package/build/components/Button/index.js +1 -1
  17. package/build/components/Checkbox/index.js +1 -1
  18. package/build/components/CheckboxGroup/index.js +1 -1
  19. package/build/components/DatePicker/index.js +1 -1
  20. package/build/components/Icon/index.js +1 -1
  21. package/build/components/Link/index.js +1 -1
  22. package/build/components/Menu/components/MenuButton/index.js +1 -1
  23. package/build/components/Menu/components/MenuItem/index.js +1 -1
  24. package/build/components/Menu/components/MenuList/index.js +1 -1
  25. package/build/components/Menu/index.js +1 -1
  26. package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
  27. package/build/components/Modal/components/ModalExpandButton/index.js +1 -1
  28. package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
  29. package/build/components/Modal/index.js +1 -1
  30. package/build/components/Popover/components/PopoverFooter/index.js +1 -1
  31. package/build/components/Popover/components/PopoverHeader/index.js +1 -1
  32. package/build/components/Popover/index.js +1 -1
  33. package/build/components/RadioButtonGroup/index.js +1 -1
  34. package/build/components/RadioGroup/index.js +1 -1
  35. package/build/components/Select/index.js +1 -1
  36. package/build/components/SortableList/components/DragHandle/index.js +1 -1
  37. package/build/components/SortableList/index.js +1 -1
  38. package/build/components/Switch/index.js +1 -1
  39. package/build/components/Tabs/components/Tab/index.js +1 -1
  40. package/build/components/Tabs/index.js +1 -1
  41. package/build/components/TabsLayout/index.js +1 -1
  42. package/build/components/TextInput/index.js +1 -1
  43. package/build/components/Textarea/index.js +1 -1
  44. package/build/components/TimePicker/index.js +1 -1
  45. package/build/components/TimeRange/index.js +1 -1
  46. package/build/components/Toast/index.js +1 -1
  47. package/build/components/index.js +1 -1
  48. package/build/{conversationCard.component-a45e813c.js → conversationCard.component-1f0dbf22.js} +2 -2
  49. package/build/{conversationCard.component-a45e813c.js.map → conversationCard.component-1f0dbf22.js.map} +1 -1
  50. package/build/{datepicker.component-c38c1102.js → datepicker.component-badb566d.js} +2 -2
  51. package/build/{datepicker.component-c38c1102.js.map → datepicker.component-badb566d.js.map} +1 -1
  52. package/build/{dragHandle.component-87559e3a.js → dragHandle.component-be1dd7c5.js} +2 -2
  53. package/build/{dragHandle.component-87559e3a.js.map → dragHandle.component-be1dd7c5.js.map} +1 -1
  54. package/build/{icon.component-8d0ca544.js → icon.component-a5eb83e4.js} +1 -1
  55. package/build/{icon.component-8d0ca544.js.map → icon.component-a5eb83e4.js.map} +1 -1
  56. package/build/icons/Liveagent.d.ts +10 -0
  57. package/build/icons/index.d.ts +1 -1
  58. package/build/icons/index.js +1 -1
  59. package/build/icons/index.js.map +1 -1
  60. package/build/index.js +1 -1
  61. package/build/{link.component-a45bd0f4.js → link.component-b50ea088.js} +2 -2
  62. package/build/{link.component-a45bd0f4.js.map → link.component-b50ea088.js.map} +1 -1
  63. package/build/menu.component-ed545966.js +2 -0
  64. package/build/{menu.component-6addfd4a.js.map → menu.component-ed545966.js.map} +1 -1
  65. package/build/{menuButton.component-4552e39b.js → menuButton.component-4365c959.js} +2 -2
  66. package/build/{menuButton.component-4552e39b.js.map → menuButton.component-4365c959.js.map} +1 -1
  67. package/build/{menuItem.component-5d94368e.js → menuItem.component-1d6d5f31.js} +2 -2
  68. package/build/{menuItem.component-5d94368e.js.map → menuItem.component-1d6d5f31.js.map} +1 -1
  69. package/build/{menuList.component-1f658cfe.js → menuList.component-f7a7ecf2.js} +2 -2
  70. package/build/{menuList.component-1f658cfe.js.map → menuList.component-f7a7ecf2.js.map} +1 -1
  71. package/build/{modalCloseButton.component-b8750057.js → modalCloseButton.component-84d91c9c.js} +2 -2
  72. package/build/{modalCloseButton.component-b8750057.js.map → modalCloseButton.component-84d91c9c.js.map} +1 -1
  73. package/build/{modalExpandButton.component-e82f4fca.js → modalExpandButton.component-46446bd1.js} +2 -2
  74. package/build/{modalExpandButton.component-e82f4fca.js.map → modalExpandButton.component-46446bd1.js.map} +1 -1
  75. package/build/{modalFooterButtons.component-43364bf5.js → modalFooterButtons.component-9eea6371.js} +2 -2
  76. package/build/{modalFooterButtons.component-43364bf5.js.map → modalFooterButtons.component-9eea6371.js.map} +1 -1
  77. package/build/patterns/ConversationCard/index.js +1 -1
  78. package/build/patterns/StyledAvatar/index.js +1 -1
  79. package/build/patterns/TagBlock/index.js +1 -1
  80. package/build/patterns/index.js +1 -1
  81. package/build/{popover.component-902fefb6.js → popover.component-de02e042.js} +2 -2
  82. package/build/{popover.component-902fefb6.js.map → popover.component-de02e042.js.map} +1 -1
  83. package/build/{popoverFooter.component-c68647aa.js → popoverFooter.component-1524205f.js} +2 -2
  84. package/build/{popoverFooter.component-c68647aa.js.map → popoverFooter.component-1524205f.js.map} +1 -1
  85. package/build/{popoverHeader.component-8d58bacd.js → popoverHeader.component-82a4c46d.js} +2 -2
  86. package/build/{popoverHeader.component-8d58bacd.js.map → popoverHeader.component-82a4c46d.js.map} +1 -1
  87. package/build/{radioGroup.component-32f61d36.js → radioGroup.component-501c1409.js} +2 -2
  88. package/build/{radioGroup.component-32f61d36.js.map → radioGroup.component-501c1409.js.map} +1 -1
  89. package/build/{select.component-455fdcbd.js → select.component-b314af8c.js} +2 -2
  90. package/build/{select.component-455fdcbd.js.map → select.component-b314af8c.js.map} +1 -1
  91. package/build/{styledAvatar.types-2540b39f.js → styledAvatar.types-b9f5ae1f.js} +2 -2
  92. package/build/{styledAvatar.types-2540b39f.js.map → styledAvatar.types-b9f5ae1f.js.map} +1 -1
  93. package/build/{switch.component-b10c0f86.js → switch.component-89a8440f.js} +2 -2
  94. package/build/{switch.component-b10c0f86.js.map → switch.component-89a8440f.js.map} +1 -1
  95. package/build/tab.component-9cfb5ed4.js +2 -0
  96. package/build/{tab.component-f7a80e92.js.map → tab.component-9cfb5ed4.js.map} +1 -1
  97. package/build/tabs.component-a1e8349f.js +2 -0
  98. package/build/{tabs.component-84713165.js.map → tabs.component-a1e8349f.js.map} +1 -1
  99. package/build/{tabsLayout.component-f43fa494.js → tabsLayout.component-6e160fb4.js} +2 -2
  100. package/build/{tabsLayout.component-f43fa494.js.map → tabsLayout.component-6e160fb4.js.map} +1 -1
  101. package/build/{tagBlock.component-eeb67b0e.js → tagBlock.component-22284a12.js} +2 -2
  102. package/build/{tagBlock.component-eeb67b0e.js.map → tagBlock.component-22284a12.js.map} +1 -1
  103. package/build/{textInput.component-daebc8ef.js → textInput.component-c07b505a.js} +2 -2
  104. package/build/{textInput.component-daebc8ef.js.map → textInput.component-c07b505a.js.map} +1 -1
  105. package/build/{textarea.component-4975fe4e.js → textarea.component-004d476d.js} +2 -2
  106. package/build/{textarea.component-4975fe4e.js.map → textarea.component-004d476d.js.map} +1 -1
  107. package/build/{timePicker.component-6265ee22.js → timePicker.component-56cd7991.js} +2 -2
  108. package/build/{timePicker.component-6265ee22.js.map → timePicker.component-56cd7991.js.map} +1 -1
  109. package/build/{timeRange.component-a5b363c7.js → timeRange.component-577f3f68.js} +2 -2
  110. package/build/{timeRange.component-a5b363c7.js.map → timeRange.component-577f3f68.js.map} +1 -1
  111. package/build/{useToast-6a6f0bf3.js → useToast-12469c19.js} +2 -2
  112. package/build/{useToast-6a6f0bf3.js.map → useToast-12469c19.js.map} +1 -1
  113. package/build/{withFormControl-a4a73b4d.js → withFormControl-ba1efcf6.js} +2 -2
  114. package/build/{withFormControl-a4a73b4d.js.map → withFormControl-ba1efcf6.js.map} +1 -1
  115. package/package.json +1 -1
  116. package/build/avatarGroup.component-50a37594.js +0 -2
  117. package/build/checkbox.component-ca33f17c.js +0 -2
  118. package/build/checkboxGroup.component-7a918704.js +0 -2
  119. package/build/menu.component-6addfd4a.js +0 -2
  120. package/build/tab.component-f7a80e92.js +0 -2
  121. package/build/tabs.component-84713165.js +0 -2
@@ -1 +1 @@
1
- {"version":3,"file":"withFormControl-a4a73b4d.js","sources":["../src/shared/hocs/FormControl/withFormControl.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n FormControl,\n FormControlProps,\n FormLabel,\n FormErrorMessage,\n FormHelperText,\n HStack,\n FormLabelProps,\n VStack,\n Spacer,\n} from '@chakra-ui/react';\nimport { useTheme } from 'shared/hooks/useTheme';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Icon } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { Text } from 'components/Text';\n\nexport interface WithFormControlProps {\n errorText?: string;\n formControlStyle?: FormControlProps;\n helperText?: string;\n invalidIconColor?: TypographyVariant;\n isDisabled?: boolean;\n isFieldInline?: boolean;\n isInvalid?: boolean;\n isOnContrast?: boolean;\n isReadOnly?: boolean;\n isRequired?: boolean;\n showRequiredState?: boolean;\n label?: string | ReactNode;\n labelStyle?: FormLabelProps;\n labelPosition?: 'start' | 'end';\n size?: FormControlSize;\n useInvalidBorder?: boolean;\n useInvalidIcon?: boolean;\n useInvalidText?: boolean;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n function WithFormControl({\n errorText = 'Field is invalid',\n formControlStyle,\n helperText,\n invalidIconColor = 'warning',\n isDisabled,\n isFieldInline = false,\n isInvalid,\n isOnContrast,\n isReadOnly,\n isRequired,\n showRequiredState,\n label,\n labelPosition = 'start',\n labelStyle,\n size = 'md',\n useInvalidBorder = true,\n useInvalidIcon = false,\n useInvalidText = true,\n ...props\n }: WithFormControlProps): JSX.Element {\n const { fontSizes } = useTheme();\n\n const OptionalSizeMap: Record<FormControlSize, number> = {\n lg: 14,\n md: 12,\n sm: 10,\n };\n\n // Default fields set to isRequired to show required state in label\n const showRequired = useMemo(() => {\n if (showRequiredState === undefined) {\n return isRequired;\n }\n return showRequiredState && isRequired;\n }, [isRequired, showRequiredState]);\n\n // Default fields NOT set to isRequired to NOT show required state in label\n const showOptional = useMemo(() => {\n if (showRequiredState === undefined) {\n return false;\n }\n return showRequiredState && !isRequired;\n }, [isRequired, showRequiredState]);\n\n return (\n <FormControl\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n isDisabled={isDisabled}\n {...(isFieldInline && {\n display: 'grid',\n gridTemplateColumns: 'repeat(2, auto)',\n gridTemplateRows: 'repeat(3, auto)',\n alignItems: 'center',\n w: 'max-content',\n })}\n {...formControlStyle}\n >\n {label && labelPosition === 'start' && (\n <FormLabel\n color={isOnContrast ? 'text.onContrast' : 'text.default'}\n fontSize={fontSizes[size]}\n _disabled={{ opacity: 1 }}\n {...(isFieldInline && { mb: 0, ml: 0, mr: 2 })}\n {...labelStyle}\n >\n {label}\n {showRequired && <Text color=\"text.danger\">{' *'}</Text>}\n {showOptional && (\n <Text fontSize={OptionalSizeMap[size]} fontWeight=\"normal\" color=\"text.subtle\">\n {' (Optional)'}\n </Text>\n )}\n </FormLabel>\n )}\n <HStack w={isFieldInline ? 'max-content' : '100%'} align=\"center\">\n <Component\n size={size}\n isFieldInline={isFieldInline}\n isOnContrast={isOnContrast}\n isRequired={isRequired}\n isDisabled={isDisabled}\n {...(isRequired && { 'aria-required': true })}\n {...(props as P)}\n />\n {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" variant={invalidIconColor} size={size} />}\n </HStack>\n {label && labelPosition === 'end' && (\n <FormLabel\n color={isOnContrast ? 'text.onContrast' : 'text.default'}\n fontSize={fontSizes[size]}\n {...(isFieldInline && { mb: 0, ml: 2, mr: 0 })}\n {...labelStyle}\n >\n {label}\n {showRequired && <Text color=\"text.danger\">{' *'}</Text>}\n {showOptional && (\n <Text fontSize={OptionalSizeMap[size]} fontWeight=\"normal\" color=\"text.subtle\">\n {' (Optional)'}\n </Text>\n )}\n </FormLabel>\n )}\n {labelPosition === 'start' && <Spacer />}\n <VStack align=\"flex-start\">\n {useInvalidText && isInvalid && (\n <FormErrorMessage mt={2} fontSize=\"xs\" color={isOnContrast ? 'text.dangerOnContrast' : 'text.danger'}>\n {errorText}\n </FormErrorMessage>\n )}\n {helperText && (\n <FormHelperText mt={2} color={isOnContrast ? 'text.subtleOnContrast' : 'text.subtle'} fontSize=\"xs\">\n {helperText}\n </FormHelperText>\n )}\n </VStack>\n </FormControl>\n );\n }\n WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","showRequiredState","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText","props","__rest","fontSizes","useTheme","OptionalSizeMap","lg","md","sm","showRequired","useMemo","undefined","showOptional","React","createElement","FormControl","display","gridTemplateColumns","gridTemplateRows","alignItems","w","FormLabel","Object","assign","color","fontSize","_disabled","opacity","mb","ml","mr","Text","WrappedText","fontWeight","HStack","align","Icon","name","variant","Spacer","VStack","FormErrorMessage","mt","FormHelperText","displayName"],"mappings":"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"}
1
+ {"version":3,"file":"withFormControl-ba1efcf6.js","sources":["../src/shared/hocs/FormControl/withFormControl.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport {\n FormControl,\n FormControlProps,\n FormLabel,\n FormErrorMessage,\n FormHelperText,\n HStack,\n FormLabelProps,\n VStack,\n Spacer,\n} from '@chakra-ui/react';\nimport { useTheme } from 'shared/hooks/useTheme';\nimport { FormControlSize } from 'shared/types/formControl';\nimport { Icon } from 'components/Icon';\nimport { TypographyVariant } from 'shared/types/typography';\nimport { Text } from 'components/Text';\n\nexport interface WithFormControlProps {\n errorText?: string;\n formControlStyle?: FormControlProps;\n helperText?: string;\n invalidIconColor?: TypographyVariant;\n isDisabled?: boolean;\n isFieldInline?: boolean;\n isInvalid?: boolean;\n isOnContrast?: boolean;\n isReadOnly?: boolean;\n isRequired?: boolean;\n showRequiredState?: boolean;\n label?: string | ReactNode;\n labelStyle?: FormLabelProps;\n labelPosition?: 'start' | 'end';\n size?: FormControlSize;\n useInvalidBorder?: boolean;\n useInvalidIcon?: boolean;\n useInvalidText?: boolean;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n function WithFormControl({\n errorText = 'Field is invalid',\n formControlStyle,\n helperText,\n invalidIconColor = 'warning',\n isDisabled,\n isFieldInline = false,\n isInvalid,\n isOnContrast,\n isReadOnly,\n isRequired,\n showRequiredState,\n label,\n labelPosition = 'start',\n labelStyle,\n size = 'md',\n useInvalidBorder = true,\n useInvalidIcon = false,\n useInvalidText = true,\n ...props\n }: WithFormControlProps): JSX.Element {\n const { fontSizes } = useTheme();\n\n const OptionalSizeMap: Record<FormControlSize, number> = {\n lg: 14,\n md: 12,\n sm: 10,\n };\n\n // Default fields set to isRequired to show required state in label\n const showRequired = useMemo(() => {\n if (showRequiredState === undefined) {\n return isRequired;\n }\n return showRequiredState && isRequired;\n }, [isRequired, showRequiredState]);\n\n // Default fields NOT set to isRequired to NOT show required state in label\n const showOptional = useMemo(() => {\n if (showRequiredState === undefined) {\n return false;\n }\n return showRequiredState && !isRequired;\n }, [isRequired, showRequiredState]);\n\n return (\n <FormControl\n isInvalid={isInvalid}\n isReadOnly={isReadOnly}\n isDisabled={isDisabled}\n {...(isFieldInline && {\n display: 'grid',\n gridTemplateColumns: 'repeat(2, auto)',\n gridTemplateRows: 'repeat(3, auto)',\n alignItems: 'center',\n w: 'max-content',\n })}\n {...formControlStyle}\n >\n {label && labelPosition === 'start' && (\n <FormLabel\n color={isOnContrast ? 'text.onContrast' : 'text.default'}\n fontSize={fontSizes[size]}\n _disabled={{ opacity: 1 }}\n {...(isFieldInline && { mb: 0, ml: 0, mr: 2 })}\n {...labelStyle}\n >\n {label}\n {showRequired && <Text color=\"text.danger\">{' *'}</Text>}\n {showOptional && (\n <Text fontSize={OptionalSizeMap[size]} fontWeight=\"normal\" color=\"text.subtle\">\n {' (Optional)'}\n </Text>\n )}\n </FormLabel>\n )}\n <HStack w={isFieldInline ? 'max-content' : '100%'} align=\"center\">\n <Component\n size={size}\n isFieldInline={isFieldInline}\n isOnContrast={isOnContrast}\n isRequired={isRequired}\n isDisabled={isDisabled}\n {...(isRequired && { 'aria-required': true })}\n {...(props as P)}\n />\n {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" variant={invalidIconColor} size={size} />}\n </HStack>\n {label && labelPosition === 'end' && (\n <FormLabel\n color={isOnContrast ? 'text.onContrast' : 'text.default'}\n fontSize={fontSizes[size]}\n {...(isFieldInline && { mb: 0, ml: 2, mr: 0 })}\n {...labelStyle}\n >\n {label}\n {showRequired && <Text color=\"text.danger\">{' *'}</Text>}\n {showOptional && (\n <Text fontSize={OptionalSizeMap[size]} fontWeight=\"normal\" color=\"text.subtle\">\n {' (Optional)'}\n </Text>\n )}\n </FormLabel>\n )}\n {labelPosition === 'start' && <Spacer />}\n <VStack align=\"flex-start\">\n {useInvalidText && isInvalid && (\n <FormErrorMessage mt={2} fontSize=\"xs\" color={isOnContrast ? 'text.dangerOnContrast' : 'text.danger'}>\n {errorText}\n </FormErrorMessage>\n )}\n {helperText && (\n <FormHelperText mt={2} color={isOnContrast ? 'text.subtleOnContrast' : 'text.subtle'} fontSize=\"xs\">\n {helperText}\n </FormHelperText>\n )}\n </VStack>\n </FormControl>\n );\n }\n WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","showRequiredState","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText","props","__rest","fontSizes","useTheme","OptionalSizeMap","lg","md","sm","showRequired","useMemo","undefined","showOptional","React","createElement","FormControl","display","gridTemplateColumns","gridTemplateRows","alignItems","w","FormLabel","Object","assign","color","fontSize","_disabled","opacity","mb","ml","mr","Text","WrappedText","fontWeight","HStack","align","Icon","name","variant","Spacer","VStack","FormErrorMessage","mt","FormHelperText","displayName"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@televet/kibble-ui",
3
- "version": "3.0.15",
3
+ "version": "3.0.16",
4
4
  "description": "Kibble Design System by Otto",
5
5
  "author": "Otto",
6
6
  "main": "build/index.js",
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("react"),t=require("./avatar.component-dd61be1f.js"),a=require("./chakra-ui-avatar.esm-3ef01808.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(e);exports.AvatarGroup=({addButtonTooltipText:n,avatars:r,handleAddButtonClick:l,handleRemoveButtonClick:i,max:s=3,showAddButton:u=!0,showRemoveAvatarButton:d=!1,size:m="md"})=>{const c=e.useMemo((()=>r.map((e=>e.name)).join(", ")),[r]),v="lg"===m||"md"===m?-2:-1;return o.default.createElement(a.AvatarGroup,{size:m,spacing:v,alignItems:"flex-start"},r.length>s?o.default.createElement(t.Avatar,{name:`${r.length}`,size:m,variant:"contrast",showRemoveButton:!1,tooltipText:c}):r.map((e=>o.default.createElement(t.Avatar,Object.assign({},e,{key:e.name,size:m,showRemoveButton:d,handleRemoveButtonClick:i})))),u&&o.default.createElement(t.Avatar,{variant:"dashed",iconName:"plus",handleClick:l,tooltipText:n,size:m}))};
2
- //# sourceMappingURL=avatarGroup.component-50a37594.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-d6f17add.js"),r=require("react"),t=require("./withFormControl-a4a73b4d.js"),a=require("./chakra-ui-checkbox.esm-a616aab9.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=i(r);const s=r=>{var{children:t,size:i="md",isFieldInline:s,isOnContrast:o}=r,c=e.__rest(r,["children","size","isFieldInline","isOnContrast"]);const l=o?"onContrast":"default";return n.default.createElement(a.Checkbox,Object.assign({variant:l,size:i},c,{align:"center",sx:{".chakra-checkbox__label":{mt:0}}}),t)};s.displayName="Checkbox";const o=t.withFormControl(s);exports.WrappedCheckbox=o;
2
- //# sourceMappingURL=checkbox.component-ca33f17c.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-a4a73b4d.js"),i=require("./checkbox.component-ca33f17c.js"),a=require("./chakra-ui-checkbox.esm-a616aab9.js"),c=require("./chakra-ui-layout.esm-0601b9a5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(t);const o=t=>{var{checkboxes:r,size:s="md",direction:o="row",spacing:u,isFieldInline:d,isOnContrast:l}=t,p=e.__rest(t,["checkboxes","size","direction","spacing","isFieldInline","isOnContrast"]);return n.default.createElement(a.CheckboxGroup,Object.assign({},p),n.default.createElement(c.Stack,{"data-testid":"multiple-selection-container",direction:o,spacing:u,width:"fit-content"},r.map(((e,t)=>n.default.createElement(i.WrappedCheckbox,Object.assign({isOnContrast:l,key:t},e,{size:s}))))))};o.displayName="CheckboxGroup";const u=r.withFormControl(o);exports.WrappedCheckboxGroup=u;
2
- //# sourceMappingURL=checkboxGroup.component-7a918704.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),n=require("./menuContainer.component-34ab3f3f.js"),u=require("./menuButton.component-4552e39b.js"),r=require("./menuList.component-1f658cfe.js"),a=require("./menu.context-66211f5a.js"),l=require("./chakra-ui-portal.esm-309fc8f3.js"),s=require("./chakra-ui-menu.esm-bb35ab5f.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(t);exports.Menu=t=>{var{buttonProps:i,customTriggerElement:d,listProps:m,containerProps:c,dataTestId:f="menu"}=t,b=e.__rest(t,["buttonProps","customTriggerElement","listProps","containerProps","dataTestId"]);return o.default.createElement(a.MenuProvider,{menuItems:null==m?void 0:m.menuItems,isMultiSelect:null==m?void 0:m.isMultiSelect,onClose:null==c?void 0:c.onClose,dataTestId:f},o.default.createElement(n.MenuContainer,Object.assign({"data-testid":`${f}-containter`,isLazy:(null==c?void 0:c.isLazy)||!0},c,b),d?o.default.createElement("customTriggerElement",{as:s.MenuButton}):o.default.createElement(u.MenuButton,Object.assign({"data-testid":`${f}-button`},i)),o.default.createElement((({children:e})=>(null==m?void 0:m.shouldUsePortal)?o.default.createElement(l.Portal,null,e):o.default.createElement(o.default.Fragment,null,e)),null,o.default.createElement(r.MenuList,Object.assign({"data-testid":`${f}-list`},m,{isMatchWidthSet:b.matchWidth,menuItems:null==m?void 0:m.menuItems})))))};
2
- //# sourceMappingURL=menu.component-6addfd4a.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("./notificationCounter.component-42ce2a31.js"),i=require("./icon.component-8d0ca544.js"),n=require("react"),a=require("./notificationCounter.types-e0bf8950.js"),o=require("./heading.component-8febedd1.js"),r=require("./chakra-ui-tabs.esm-91de32e1.js"),s=require("./chakra-ui-layout.esm-0601b9a5.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(n);const d={xs:"sm",sm:"md",md:"md",lg:"lg"},m={xs:"xs",sm:"xs",md:"sm",lg:"md"};exports.Tab=n=>{var{iconName:c,label:f,showNotificationCounter:l=!1,notificationCount:b=0,notificationCounterVariant:C=a.NotificationCounterVariant.Red,size:j="md"}=n,p=e.__rest(n,["iconName","label","showNotificationCounter","notificationCount","notificationCounterVariant","size"]);return u.default.createElement(r.Tab,Object.assign({},p),!!c&&u.default.createElement(s.Box,{pr:2},u.default.createElement(i.Icon,{name:c,size:j})),u.default.createElement(o.WrappedHeading,{size:m[j]},f),l&&u.default.createElement(t.NotificationCounter,{count:b,variant:C,size:d[j],ml:2}))};
2
- //# sourceMappingURL=tab.component-f7a80e92.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./tab.component-f7a80e92.js"),s=require("./chakra-ui-tabs.esm-91de32e1.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(t);exports.Tabs=t=>{var{size:r="md",tabList:b,tabPanels:n,tabPanelsStyle:l,tabListProps:u}=t,c=e.__rest(t,["size","tabList","tabPanels","tabPanelsStyle","tabListProps"]);return i.default.createElement(s.Tabs,Object.assign({},c,{size:r}),i.default.createElement(s.TabList,Object.assign({},u&&u),b.map(((e,t)=>i.default.createElement(a.Tab,Object.assign({key:t,size:r},e))))),!!n&&i.default.createElement(s.TabPanels,Object.assign({},l),n.map((e=>e))))};
2
- //# sourceMappingURL=tabs.component-84713165.js.map