@televet/kibble-ui 3.0.10 → 3.0.12

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 (122) hide show
  1. package/build/{alert.component-051e1a99.js → alert.component-4d48d218.js} +2 -2
  2. package/build/{alert.component-051e1a99.js.map → alert.component-4d48d218.js.map} +1 -1
  3. package/build/{avatar.component-fb1386df.js → avatar.component-dd61be1f.js} +2 -2
  4. package/build/{avatar.component-fb1386df.js.map → avatar.component-dd61be1f.js.map} +1 -1
  5. package/build/avatarGroup.component-50a37594.js +2 -0
  6. package/build/{avatarGroup.component-75a488b4.js.map → avatarGroup.component-50a37594.js.map} +1 -1
  7. package/build/{button.component-cda64029.js → button.component-15b49687.js} +2 -2
  8. package/build/{button.component-cda64029.js.map → button.component-15b49687.js.map} +1 -1
  9. package/build/{checkbox.component-065b964a.js → checkbox.component-ca33f17c.js} +2 -2
  10. package/build/{checkbox.component-065b964a.js.map → checkbox.component-ca33f17c.js.map} +1 -1
  11. package/build/checkboxGroup.component-7a918704.js +2 -0
  12. package/build/{checkboxGroup.component-0b319814.js.map → checkboxGroup.component-7a918704.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-d85ed974.js → conversationCard.component-8cf3cb66.js} +2 -2
  49. package/build/{conversationCard.component-d85ed974.js.map → conversationCard.component-8cf3cb66.js.map} +1 -1
  50. package/build/{datepicker.component-f1a112f3.js → datepicker.component-c38c1102.js} +2 -2
  51. package/build/{datepicker.component-f1a112f3.js.map → datepicker.component-c38c1102.js.map} +1 -1
  52. package/build/{dragHandle.component-82cfd03c.js → dragHandle.component-87559e3a.js} +2 -2
  53. package/build/{dragHandle.component-82cfd03c.js.map → dragHandle.component-87559e3a.js.map} +1 -1
  54. package/build/{icon.component-17c06428.js → icon.component-8d0ca544.js} +1 -1
  55. package/build/{icon.component-17c06428.js.map → icon.component-8d0ca544.js.map} +1 -1
  56. package/build/icons/index.js +1 -1
  57. package/build/icons/index.js.map +1 -1
  58. package/build/index.js +1 -1
  59. package/build/{link.component-9f4e5e82.js → link.component-a45bd0f4.js} +2 -2
  60. package/build/{link.component-9f4e5e82.js.map → link.component-a45bd0f4.js.map} +1 -1
  61. package/build/{menu.component-70892f50.js → menu.component-6addfd4a.js} +2 -2
  62. package/build/{menu.component-70892f50.js.map → menu.component-6addfd4a.js.map} +1 -1
  63. package/build/{menuButton.component-d5ebfe66.js → menuButton.component-4552e39b.js} +2 -2
  64. package/build/{menuButton.component-d5ebfe66.js.map → menuButton.component-4552e39b.js.map} +1 -1
  65. package/build/{menuItem.component-7a5a3bd4.js → menuItem.component-5d94368e.js} +2 -2
  66. package/build/{menuItem.component-7a5a3bd4.js.map → menuItem.component-5d94368e.js.map} +1 -1
  67. package/build/{menuList.component-741b6068.js → menuList.component-1f658cfe.js} +2 -2
  68. package/build/{menuList.component-741b6068.js.map → menuList.component-1f658cfe.js.map} +1 -1
  69. package/build/{modalCloseButton.component-fe72db72.js → modalCloseButton.component-b8750057.js} +2 -2
  70. package/build/{modalCloseButton.component-fe72db72.js.map → modalCloseButton.component-b8750057.js.map} +1 -1
  71. package/build/{modalExpandButton.component-1aa6cb13.js → modalExpandButton.component-e82f4fca.js} +2 -2
  72. package/build/{modalExpandButton.component-1aa6cb13.js.map → modalExpandButton.component-e82f4fca.js.map} +1 -1
  73. package/build/{modalFooterButtons.component-3d6d61b8.js → modalFooterButtons.component-43364bf5.js} +2 -2
  74. package/build/{modalFooterButtons.component-3d6d61b8.js.map → modalFooterButtons.component-43364bf5.js.map} +1 -1
  75. package/build/patterns/ConversationCard/index.js +1 -1
  76. package/build/patterns/StyledAvatar/index.js +1 -1
  77. package/build/patterns/TagBlock/examples/withDelete.stories.d.ts +1 -1
  78. package/build/patterns/TagBlock/examples/withErrorState.stories.d.ts +1 -1
  79. package/build/patterns/TagBlock/index.js +1 -1
  80. package/build/patterns/TagBlock/tagBlock.component.d.ts +4 -2
  81. package/build/patterns/TagBlock/tagBlock.stories.d.ts +1 -1
  82. package/build/patterns/index.js +1 -1
  83. package/build/{popover.component-abdfeb38.js → popover.component-902fefb6.js} +2 -2
  84. package/build/{popover.component-abdfeb38.js.map → popover.component-902fefb6.js.map} +1 -1
  85. package/build/{popoverFooter.component-62648e16.js → popoverFooter.component-c68647aa.js} +2 -2
  86. package/build/{popoverFooter.component-62648e16.js.map → popoverFooter.component-c68647aa.js.map} +1 -1
  87. package/build/{popoverHeader.component-1080fc4f.js → popoverHeader.component-8d58bacd.js} +2 -2
  88. package/build/{popoverHeader.component-1080fc4f.js.map → popoverHeader.component-8d58bacd.js.map} +1 -1
  89. package/build/{radioGroup.component-2a5e1daa.js → radioGroup.component-32f61d36.js} +2 -2
  90. package/build/{radioGroup.component-2a5e1daa.js.map → radioGroup.component-32f61d36.js.map} +1 -1
  91. package/build/{select.component-b1d0f941.js → select.component-455fdcbd.js} +2 -2
  92. package/build/{select.component-b1d0f941.js.map → select.component-455fdcbd.js.map} +1 -1
  93. package/build/{styledAvatar.types-cb9836bf.js → styledAvatar.types-2540b39f.js} +2 -2
  94. package/build/{styledAvatar.types-cb9836bf.js.map → styledAvatar.types-2540b39f.js.map} +1 -1
  95. package/build/{switch.component-d65589e2.js → switch.component-b10c0f86.js} +2 -2
  96. package/build/{switch.component-d65589e2.js.map → switch.component-b10c0f86.js.map} +1 -1
  97. package/build/{tab.component-e1bac27f.js → tab.component-bf82a8a4.js} +2 -2
  98. package/build/{tab.component-e1bac27f.js.map → tab.component-bf82a8a4.js.map} +1 -1
  99. package/build/{tabs.component-c7ec17dd.js → tabs.component-7130dcff.js} +2 -2
  100. package/build/{tabs.component-c7ec17dd.js.map → tabs.component-7130dcff.js.map} +1 -1
  101. package/build/{tabsLayout.component-782500b8.js → tabsLayout.component-87f867f4.js} +2 -2
  102. package/build/{tabsLayout.component-782500b8.js.map → tabsLayout.component-87f867f4.js.map} +1 -1
  103. package/build/tagBlock.component-995091dd.js +2 -0
  104. package/build/tagBlock.component-995091dd.js.map +1 -0
  105. package/build/textInput.component-daebc8ef.js +2 -0
  106. package/build/{textInput.component-c286c9b9.js.map → textInput.component-daebc8ef.js.map} +1 -1
  107. package/build/{textarea.component-df991067.js → textarea.component-4975fe4e.js} +2 -2
  108. package/build/{textarea.component-df991067.js.map → textarea.component-4975fe4e.js.map} +1 -1
  109. package/build/{timePicker.component-d7e1d769.js → timePicker.component-6265ee22.js} +2 -2
  110. package/build/{timePicker.component-d7e1d769.js.map → timePicker.component-6265ee22.js.map} +1 -1
  111. package/build/{timeRange.component-9ecd8c1c.js → timeRange.component-a5b363c7.js} +2 -2
  112. package/build/{timeRange.component-9ecd8c1c.js.map → timeRange.component-a5b363c7.js.map} +1 -1
  113. package/build/{useToast-504d0d4e.js → useToast-6a6f0bf3.js} +2 -2
  114. package/build/{useToast-504d0d4e.js.map → useToast-6a6f0bf3.js.map} +1 -1
  115. package/build/{withFormControl-3d231961.js → withFormControl-a4a73b4d.js} +2 -2
  116. package/build/{withFormControl-3d231961.js.map → withFormControl-a4a73b4d.js.map} +1 -1
  117. package/package.json +1 -1
  118. package/build/avatarGroup.component-75a488b4.js +0 -2
  119. package/build/checkboxGroup.component-0b319814.js +0 -2
  120. package/build/tagBlock.component-7afced05.js +0 -2
  121. package/build/tagBlock.component-7afced05.js.map +0 -1
  122. package/build/textInput.component-c286c9b9.js +0 -2
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./useTheme-ee73b181.js"),r=require("./icon.component-17c06428.js"),l=require("./text.component-a1231840.js"),n=require("./chakra-ui-form-control.esm-b138a4e1.js"),i=require("./chakra-ui-layout.esm-0601b9a5.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t);exports.withFormControl=function(o){function d(d){var{errorText:u="Field is invalid",formControlStyle:m,helperText:c,invalidIconColor:f="warning",isDisabled:x,isFieldInline:b=!1,isInvalid:p,isOnContrast:g,isReadOnly:v,isRequired:I,showRequiredState:S,label:C,labelPosition:E="start",labelStyle:T,size:O="md",useInvalidBorder:q=!0,useInvalidIcon:y=!1,useInvalidText:h=!0}=d,j=e.__rest(d,["errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","showRequiredState","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText"]);const{fontSizes:z}=a.useTheme(),F={lg:14,md:12,sm:10},w=t.useMemo((()=>(void 0===S||S)&&I),[I,S]),R=t.useMemo((()=>void 0!==S&&(S&&!I)),[I,S]);return s.default.createElement(n.FormControl,Object.assign({isInvalid:p,isReadOnly:v,isDisabled:x},b&&{display:"grid",gridTemplateColumns:"repeat(2, auto)",gridTemplateRows:"repeat(3, auto)",alignItems:"center",w:"max-content"},m),C&&"start"===E&&s.default.createElement(n.FormLabel,Object.assign({color:g?"text.onContrast":"text.default",fontSize:z[O],_disabled:{opacity:1}},b&&{mb:0,ml:0,mr:2},T),C,w&&s.default.createElement(l.WrappedText,{color:"text.danger"}," *"),R&&s.default.createElement(l.WrappedText,{fontSize:F[O],fontWeight:"normal",color:"text.subtle"}," (Optional)")),s.default.createElement(i.HStack,{w:b?"max-content":"100%",align:"center"},s.default.createElement(o,Object.assign({size:O,isFieldInline:b,isOnContrast:g,isRequired:I,isDisabled:x},I&&{"aria-required":!0},j)),y&&p&&s.default.createElement(r.Icon,{name:"warningSign",variant:f,size:O})),C&&"end"===E&&s.default.createElement(n.FormLabel,Object.assign({color:g?"text.onContrast":"text.default",fontSize:z[O]},b&&{mb:0,ml:2,mr:0},T),C,w&&s.default.createElement(l.WrappedText,{color:"text.danger"}," *"),R&&s.default.createElement(l.WrappedText,{fontSize:F[O],fontWeight:"normal",color:"text.subtle"}," (Optional)")),"start"===E&&s.default.createElement(i.Spacer,null),s.default.createElement(i.VStack,{align:"flex-start"},h&&p&&s.default.createElement(n.FormErrorMessage,{mt:2,fontSize:"xs",color:g?"text.dangerOnContrast":"text.danger"},u),c&&s.default.createElement(n.FormHelperText,{mt:2,color:g?"text.subtleOnContrast":"text.subtle",fontSize:"xs"},c)))}return d.displayName=`withFormControl(${o.displayName||o.name}`,d};
2
- //# sourceMappingURL=withFormControl-3d231961.js.map
1
+ "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./useTheme-ee73b181.js"),r=require("./icon.component-8d0ca544.js"),l=require("./text.component-a1231840.js"),n=require("./chakra-ui-form-control.esm-b138a4e1.js"),i=require("./chakra-ui-layout.esm-0601b9a5.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t);exports.withFormControl=function(o){function d(d){var{errorText:u="Field is invalid",formControlStyle:m,helperText:c,invalidIconColor:f="warning",isDisabled:x,isFieldInline:b=!1,isInvalid:p,isOnContrast:g,isReadOnly:v,isRequired:I,showRequiredState:S,label:C,labelPosition:E="start",labelStyle:T,size:O="md",useInvalidBorder:q=!0,useInvalidIcon:y=!1,useInvalidText:h=!0}=d,j=e.__rest(d,["errorText","formControlStyle","helperText","invalidIconColor","isDisabled","isFieldInline","isInvalid","isOnContrast","isReadOnly","isRequired","showRequiredState","label","labelPosition","labelStyle","size","useInvalidBorder","useInvalidIcon","useInvalidText"]);const{fontSizes:z}=a.useTheme(),F={lg:14,md:12,sm:10},w=t.useMemo((()=>(void 0===S||S)&&I),[I,S]),R=t.useMemo((()=>void 0!==S&&(S&&!I)),[I,S]);return s.default.createElement(n.FormControl,Object.assign({isInvalid:p,isReadOnly:v,isDisabled:x},b&&{display:"grid",gridTemplateColumns:"repeat(2, auto)",gridTemplateRows:"repeat(3, auto)",alignItems:"center",w:"max-content"},m),C&&"start"===E&&s.default.createElement(n.FormLabel,Object.assign({color:g?"text.onContrast":"text.default",fontSize:z[O],_disabled:{opacity:1}},b&&{mb:0,ml:0,mr:2},T),C,w&&s.default.createElement(l.WrappedText,{color:"text.danger"}," *"),R&&s.default.createElement(l.WrappedText,{fontSize:F[O],fontWeight:"normal",color:"text.subtle"}," (Optional)")),s.default.createElement(i.HStack,{w:b?"max-content":"100%",align:"center"},s.default.createElement(o,Object.assign({size:O,isFieldInline:b,isOnContrast:g,isRequired:I,isDisabled:x},I&&{"aria-required":!0},j)),y&&p&&s.default.createElement(r.Icon,{name:"warningSign",variant:f,size:O})),C&&"end"===E&&s.default.createElement(n.FormLabel,Object.assign({color:g?"text.onContrast":"text.default",fontSize:z[O]},b&&{mb:0,ml:2,mr:0},T),C,w&&s.default.createElement(l.WrappedText,{color:"text.danger"}," *"),R&&s.default.createElement(l.WrappedText,{fontSize:F[O],fontWeight:"normal",color:"text.subtle"}," (Optional)")),"start"===E&&s.default.createElement(i.Spacer,null),s.default.createElement(i.VStack,{align:"flex-start"},h&&p&&s.default.createElement(n.FormErrorMessage,{mt:2,fontSize:"xs",color:g?"text.dangerOnContrast":"text.danger"},u),c&&s.default.createElement(n.FormHelperText,{mt:2,color:g?"text.subtleOnContrast":"text.subtle",fontSize:"xs"},c)))}return d.displayName=`withFormControl(${o.displayName||o.name}`,d};
2
+ //# sourceMappingURL=withFormControl-a4a73b4d.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"withFormControl-3d231961.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":"kZAuCM,SAA0DA,GAC9D,SAASC,EAAgBC,OAAAC,UACvBA,EAAY,mBAAkBC,iBAC9BA,EAAgBC,WAChBA,EAAUC,iBACVA,EAAmB,UAASC,WAC5BA,EAAUC,cACVA,GAAgB,EAAKC,UACrBA,EAASC,aACTA,EAAYC,WACZA,EAAUC,WACVA,EAAUC,kBACVA,EAAiBC,MACjBA,EAAKC,cACLA,EAAgB,QAAOC,WACvBA,EAAUC,KACVA,EAAO,KAAIC,iBACXA,GAAmB,EAAIC,eACvBA,GAAiB,EAAKC,eACtBA,GAAiB,GAAIlB,EAClBmB,EAnBoBC,EAAAA,OAAApB,EAAA,CAAA,YAAA,mBAAA,aAAA,mBAAA,aAAA,gBAAA,YAAA,eAAA,aAAA,aAAA,oBAAA,QAAA,gBAAA,aAAA,OAAA,mBAAA,iBAAA,mBAqBvB,MAAMqB,UAAEA,GAAcC,EAAAA,WAEhBC,EAAmD,CACvDC,GAAI,GACJC,GAAI,GACJC,GAAI,IAIAC,EAAeC,EAAAA,SAAQ,UACDC,IAAtBlB,GAGGA,IAFED,GAGR,CAACA,EAAYC,IAGVmB,EAAeF,EAAAA,SAAQ,SACDC,IAAtBlB,IAGGA,IAAsBD,IAC5B,CAACA,EAAYC,IAEhB,OACEoB,EAAC,QAAAC,cAAAC,EAAWA,2BACV1B,UAAWA,EACXE,WAAYA,EACZJ,WAAYA,GACPC,GAAiB,CACpB4B,QAAS,OACTC,oBAAqB,kBACrBC,iBAAkB,kBAClBC,WAAY,SACZC,EAAG,eAEDpC,GAEHU,GAA2B,UAAlBC,GACRkB,EAAAA,QAACC,cAAAO,EAAAA,UACCC,OAAAC,OAAA,CAAAC,MAAOlC,EAAe,kBAAoB,eAC1CmC,SAAUtB,EAAUN,GACpB6B,UAAW,CAAEC,QAAS,IACjBvC,GAAiB,CAAEwC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtClC,GAEHF,EACAe,GAAgBI,wBAACkB,EAAAA,YAAI,CAACP,MAAM,eAAe,MAC3CZ,GACCC,EAAA,QAAAC,cAACiB,EAAIC,YAAA,CAACP,SAAUpB,EAAgBR,GAAOoC,WAAW,SAAST,MAAM,eAC9D,gBAKTX,UAAAC,cAACoB,EAAMA,OAAC,CAAAd,EAAGhC,EAAgB,cAAgB,OAAQ+C,MAAM,UACvDtB,UAAAC,cAAClC,EAAS0C,OAAAC,OAAA,CACR1B,KAAMA,EACNT,cAAeA,EACfE,aAAcA,EACdE,WAAYA,EACZL,WAAYA,GACPK,GAAc,CAAE,iBAAiB,GACjCS,IAENF,GAAkBV,GAAawB,EAAAA,sBAACuB,EAAIA,KAAA,CAACC,KAAK,cAAcC,QAASpD,EAAkBW,KAAMA,KAE3FH,GAA2B,QAAlBC,GACRkB,EAAAA,QAAAC,cAACO,EAAAA,UACCC,OAAAC,OAAA,CAAAC,MAAOlC,EAAe,kBAAoB,eAC1CmC,SAAUtB,EAAUN,IACfT,GAAiB,CAAEwC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACtClC,GAEHF,EACAe,GAAgBI,wBAACkB,EAAAA,YAAI,CAACP,MAAM,eAAe,MAC3CZ,GACCC,EAAA,QAAAC,cAACiB,EAAIC,YAAA,CAACP,SAAUpB,EAAgBR,GAAOoC,WAAW,SAAST,MAAM,eAC9D,gBAKU,UAAlB7B,GAA6BkB,EAAAA,QAAAC,cAACyB,EAAAA,OAAS,MACxC1B,EAAAA,QAAAC,cAAC0B,EAAAA,OAAM,CAACL,MAAM,cACXnC,GAAkBX,GACjBwB,EAAC,QAAAC,cAAA2B,EAAgBA,iBAAC,CAAAC,GAAI,EAAGjB,SAAS,KAAKD,MAAOlC,EAAe,wBAA0B,eACpFP,GAGJE,GACC4B,EAAC,QAAAC,cAAA6B,EAAcA,eAAC,CAAAD,GAAI,EAAGlB,MAAOlC,EAAe,wBAA0B,cAAemC,SAAS,MAC5FxC,KASb,OAFAJ,EAAgB+D,YAAc,mBAAmBhE,EAAUgE,aAAehE,EAAUyD,OAE7ExD"}
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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@televet/kibble-ui",
3
- "version": "3.0.10",
3
+ "version": "3.0.12",
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-fb1386df.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:m=!1,size:d="md"})=>{const c=e.useMemo((()=>r.map((e=>e.name)).join(", ")),[r]),v="lg"===d||"md"===d?-2:-1;return o.default.createElement(a.AvatarGroup,{size:d,spacing:v,alignItems:"flex-start"},r.length>s?o.default.createElement(t.Avatar,{name:`${r.length}`,size:d,variant:"contrast",showRemoveButton:!1,tooltipText:c}):r.map((e=>o.default.createElement(t.Avatar,Object.assign({},e,{key:e.name,size:d,showRemoveButton:m,handleRemoveButtonClick:i})))),u&&o.default.createElement(t.Avatar,{variant:"dashed",iconName:"plus",handleClick:l,tooltipText:n,size:d}))};
2
- //# sourceMappingURL=avatarGroup.component-75a488b4.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./withFormControl-3d231961.js"),i=require("./checkbox.component-065b964a.js"),a=require("./chakra-ui-checkbox.esm-a616aab9.js"),s=require("./chakra-ui-layout.esm-0601b9a5.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=n(t);const o=t=>{var{checkboxes:r,size:n="md",direction:o="row",spacing:u,isFieldInline:d,isOnContrast:l}=t,p=e.__rest(t,["checkboxes","size","direction","spacing","isFieldInline","isOnContrast"]);return c.default.createElement(a.CheckboxGroup,Object.assign({},p),c.default.createElement(s.Stack,{"data-testid":"multiple-selection-container",direction:o,spacing:u,width:"fit-content"},r.map(((e,t)=>c.default.createElement(i.WrappedCheckbox,Object.assign({isOnContrast:l,key:t},e,{size:n}))))))};o.displayName="CheckboxGroup";const u=r.withFormControl(o);exports.WrappedCheckboxGroup=u;
2
- //# sourceMappingURL=checkboxGroup.component-0b319814.js.map
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("react"),t=require("./button.component-cda64029.js");require("./heading.component-8febedd1.js"),require("./icon.component-17c06428.js");var a=require("./text.component-a1231840.js");require("./checkbox.component-065b964a.js"),require("./checkboxGroup.component-0b319814.js"),require("./_baseGetTag-7b5fc763.js");var r=require("./menu.component-70892f50.js");require("./textInput.component-c286c9b9.js"),require("./link.component-9f4e5e82.js"),require("./logo.component-e2cf4d68.js"),require("./menu.context-66211f5a.js");var n=require("./spinner.component-e13e6346.js");require("./notificationCounter.types-799d7b6c.js"),require("./radioGroup.component-2a5e1daa.js"),require("./select.component-b1d0f941.js"),require("./sortableItem.context-5bba7c97.js"),require("./core.esm-3a85aed4.js"),require("./sortable.esm-53c38ebd.js"),require("./switch.component-d65589e2.js");var o=require("./tag.component-e5da4b8d.js");require("./textarea.component-df991067.js"),require("./timePicker.types-eedca939.js");var l=require("./chakra-ui-layout.esm-0601b9a5.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var c,i=s(e);exports.TagDisabledState=void 0,(c=exports.TagDisabledState||(exports.TagDisabledState={})).Inactive="Inactive",c.Deleted="Deleted";exports.TagBlock=({title:e,menuButtonProps:s={size:"sm",variant:"secondarySubtle",leftIconName:"plus",text:"Add",showRightIcon:!1},menuListProps:c={isMultiSelect:!0},menuContainerProps:u,tags:d,canBeDeleted:m=!1,onClearAll:p,onRemoveTag:b,handleDelete:g,hasError:f=!1,errorText:j="This field contains an error",isLoading:x=!1,dataTestId:T="tag-block"})=>i.createElement(l.Box,{className:"TagBlock",position:"relative",mb:3,py:2,pl:4,pr:2,bg:"background.subtle",borderRadius:"lg",boxShadow:f?"0 0 0 2px var(--chakra-colors-border-danger)":"",border:"1px",borderColor:"border.default"},i.createElement(l.Flex,{className:"TagBlock__ButtonContainer","data-testid":`${T}-container`,justifyContent:"space-between"},i.createElement(l.HStack,{spacing:1,minH:10},e&&i.createElement(a.WrappedText,{className:"TagBlock__Title",mr:2,fontWeight:"bold"},e),i.createElement(r.Menu,{buttonProps:s,listProps:c,containerProps:u,dataTestId:`${T}-menu`}),i.createElement(t.Button,{className:"TagBlock__Button--ClearAll","data-testid":`${T}-clear-all-button`,size:"sm",iconName:"arrowCircle",variant:"ghostNeutral",onClick:p,isDisabled:d.length<=0},"Clear All")),m&&i.createElement(l.Box,null,i.createElement(t.Button,{className:"TagBlock__Button--Delete","data-testid":`${T}-delete-button`,iconName:"trashcan",variant:"ghostNeutral",onClick:g,justifySelf:"flex-end"}))),Boolean(d.length)&&i.createElement(l.Flex,{className:"TagBlock__TagContainer",mt:2,pb:1,alignContent:"space-between",flexWrap:"wrap",justifyContent:"flex-start",alignItems:"flex-start"},d.map((e=>{const t=e.label.includes(exports.TagDisabledState.Inactive)||e.label.includes(exports.TagDisabledState.Deleted);return i.createElement(o.Tag,{className:"TagBlock__Tag","data-testid":`${T}-tag`,mr:1,mb:1,key:e.value,label:e.label,onClose:()=>{return t=e.value,void(b&&b(t,d));var t},closeButtonDisplay:"always",fontWeight:"normal",color:t?"text.placeholder":"text.default",size:"md"})}))),x&&i.createElement(n.Spinner,{isFullScreen:!0}),f&&i.createElement(a.WrappedText,{className:"TagBlock__Error","data-testid":`${T}-error`,mt:2,size:"xs",as:"p",variant:"danger"},j));
2
- //# sourceMappingURL=tagBlock.component-7afced05.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tagBlock.component-7afced05.js","sources":["../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Text, Menu, Button, MenuButtonProps, MenuListProps, Tag, Spinner, MenuContainerProps } from '../../components';\nimport { Box, HStack, Flex } from 'chakra';\n\nexport enum TagDisabledState {\n Inactive = 'Inactive',\n Deleted = 'Deleted',\n}\n\nexport interface TagBlockTag {\n label: string;\n value: string;\n}\n\nexport interface TagBlockProps {\n title?: string;\n menuButtonProps?: MenuButtonProps;\n menuListProps?: MenuListProps;\n menuContainerProps?: MenuContainerProps;\n tags: TagBlockTag[];\n canBeDeleted?: boolean;\n onClearAll?: () => void;\n onRemoveTag?: (tag: string, selectedTags: TagBlockTag[]) => void;\n handleDelete?: () => void;\n hasError?: boolean;\n errorText?: string;\n isLoading?: boolean;\n dataTestId?: string;\n}\n\nexport const TagBlock = ({\n title,\n menuButtonProps = {\n size: 'sm',\n variant: 'secondarySubtle',\n leftIconName: 'plus',\n text: 'Add',\n showRightIcon: false,\n },\n menuListProps = {\n isMultiSelect: true,\n },\n menuContainerProps,\n tags,\n canBeDeleted = false,\n onClearAll,\n onRemoveTag,\n handleDelete,\n hasError = false,\n errorText = 'This field contains an error',\n isLoading = false,\n dataTestId = 'tag-block',\n}: TagBlockProps): JSX.Element => {\n const handleRemoveTag = (value: string): void => {\n if (onRemoveTag) {\n onRemoveTag(value, tags);\n }\n };\n\n return (\n <Box\n className=\"TagBlock\"\n position=\"relative\"\n mb={3}\n py={2}\n pl={4}\n pr={2}\n bg=\"background.subtle\"\n borderRadius=\"lg\"\n boxShadow={hasError ? `0 0 0 2px var(--chakra-colors-border-danger)` : ''}\n border=\"1px\"\n borderColor=\"border.default\"\n >\n <Flex\n className=\"TagBlock__ButtonContainer\"\n data-testid={`${dataTestId}-container`}\n justifyContent=\"space-between\"\n >\n <HStack spacing={1} minH={10}>\n {title && (\n <Text className=\"TagBlock__Title\" mr={2} fontWeight=\"bold\">\n {title}\n </Text>\n )}\n <Menu\n buttonProps={menuButtonProps}\n listProps={menuListProps}\n containerProps={menuContainerProps}\n dataTestId={`${dataTestId}-menu`}\n />\n <Button\n className=\"TagBlock__Button--ClearAll\"\n data-testid={`${dataTestId}-clear-all-button`}\n size=\"sm\"\n iconName=\"arrowCircle\"\n variant=\"ghostNeutral\"\n onClick={onClearAll}\n isDisabled={tags.length <= 0}\n >\n Clear All\n </Button>\n </HStack>\n {canBeDeleted && (\n <Box>\n <Button\n className=\"TagBlock__Button--Delete\"\n data-testid={`${dataTestId}-delete-button`}\n iconName=\"trashcan\"\n variant=\"ghostNeutral\"\n onClick={handleDelete}\n justifySelf=\"flex-end\"\n />\n </Box>\n )}\n </Flex>\n {Boolean(tags.length) && (\n <Flex\n className=\"TagBlock__TagContainer\"\n mt={2}\n pb={1}\n alignContent=\"space-between\"\n flexWrap=\"wrap\"\n justifyContent=\"flex-start\"\n alignItems=\"flex-start\"\n >\n {tags.map((tag) => {\n const isDisabled =\n tag.label.includes(TagDisabledState.Inactive) || tag.label.includes(TagDisabledState.Deleted);\n\n return (\n <Tag\n className=\"TagBlock__Tag\"\n data-testid={`${dataTestId}-tag`}\n mr={1}\n mb={1}\n key={tag.value}\n label={tag.label}\n onClose={(): void => handleRemoveTag(tag.value)}\n closeButtonDisplay=\"always\"\n fontWeight=\"normal\"\n color={isDisabled ? 'text.placeholder' : 'text.default'}\n size=\"md\"\n />\n );\n })}\n </Flex>\n )}\n {isLoading && <Spinner isFullScreen />}\n {hasError && (\n <Text className=\"TagBlock__Error\" data-testid={`${dataTestId}-error`} mt={2} size=\"xs\" as=\"p\" variant=\"danger\">\n {errorText}\n </Text>\n )}\n </Box>\n );\n};\n"],"names":["TagDisabledState","title","menuButtonProps","size","variant","leftIconName","text","showRightIcon","menuListProps","isMultiSelect","menuContainerProps","tags","canBeDeleted","onClearAll","onRemoveTag","handleDelete","hasError","errorText","isLoading","dataTestId","React","createElement","Box","className","position","mb","py","pl","pr","bg","borderRadius","boxShadow","border","borderColor","Flex","justifyContent","HStack","spacing","minH","Text","WrappedText","mr","fontWeight","Menu","buttonProps","listProps","containerProps","Button","iconName","onClick","isDisabled","length","justifySelf","Boolean","mt","pb","alignContent","flexWrap","alignItems","map","tag","label","includes","Inactive","Deleted","Tag","key","value","onClose","handleRemoveTag","closeButtonDisplay","color","Spinner","isFullScreen","as"],"mappings":"01CAIYA,SAAAA,QAGXA,sBAAA,GAHWA,EAAAA,2BAAAA,QAAAA,iBAGX,KAFC,SAAA,WACAA,EAAA,QAAA,2BAwBsB,EACtBC,MAAAA,EACAC,gBAAAA,EAAkB,CAChBC,KAAM,KACNC,QAAS,kBACTC,aAAc,OACdC,KAAM,MACNC,eAAe,GAEjBC,cAAAA,EAAgB,CACdC,eAAe,GAEjBC,mBAAAA,EACAC,KAAAA,EACAC,aAAAA,GAAe,EACfC,WAAAA,EACAC,YAAAA,EACAC,aAAAA,EACAC,SAAAA,GAAW,EACXC,UAAAA,EAAY,+BACZC,UAAAA,GAAY,EACZC,WAAAA,EAAa,eASXC,EAACC,cAAAC,EAAGA,IACF,CAAAC,UAAU,WACVC,SAAS,WACTC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAG,oBACHC,aAAa,KACbC,UAAWf,EAAW,+CAAiD,GACvEgB,OAAO,MACPC,YAAY,kBAEZb,EAAAC,cAACa,OAAI,CACHX,UAAU,4BAA2B,cACxB,GAAGJ,cAChBgB,eAAe,iBAEff,EAACC,cAAAe,UAAOC,QAAS,EAAGC,KAAM,IACvBrC,GACCmB,EAAAC,cAACkB,EAAIC,YAAC,CAAAjB,UAAU,kBAAkBkB,GAAI,EAAGC,WAAW,QACjDzC,GAGLmB,EAAAC,cAACsB,EAAIA,KACH,CAAAC,YAAa1C,EACb2C,UAAWrC,EACXsC,eAAgBpC,EAChBS,WAAY,GAAGA,WAEjBC,EAAAC,cAAC0B,SAAM,CACLxB,UAAU,6BACG,cAAA,GAAGJ,qBAChBhB,KAAK,KACL6C,SAAS,cACT5C,QAAQ,eACR6C,QAASpC,EACTqC,WAAYvC,EAAKwC,QAAU,iBAK9BvC,GACCQ,EAAAC,cAACC,EAAAA,IAAG,KACFF,EAAAC,cAAC0B,EAAAA,OAAM,CACLxB,UAAU,2BAA0B,cACvB,GAAGJ,kBAChB6B,SAAS,WACT5C,QAAQ,eACR6C,QAASlC,EACTqC,YAAY,eAKnBC,QAAQ1C,EAAKwC,SACZ/B,gBAACc,OAAI,CACHX,UAAU,yBACV+B,GAAI,EACJC,GAAI,EACJC,aAAa,gBACbC,SAAS,OACTtB,eAAe,aACfuB,WAAW,cAEV/C,EAAKgD,KAAKC,IACT,MAAMV,EACJU,EAAIC,MAAMC,SAAS9D,QAAAA,iBAAiB+D,WAAaH,EAAIC,MAAMC,SAAS9D,QAAgBA,iBAACgE,SAEvF,OACE5C,EAAAC,cAAC4C,EAAGA,IAAA,CACF1C,UAAU,gBACG,cAAA,GAAGJ,QAChBsB,GAAI,EACJhB,GAAI,EACJyC,IAAKN,EAAIO,MACTN,MAAOD,EAAIC,MACXO,QAAS,KAAYC,OApFVF,EAoF0BP,EAAIO,WAnFjDrD,GACFA,EAAYqD,EAAOxD,IAFC,IAACwD,GAqFXG,mBAAmB,SACnB5B,WAAW,SACX6B,MAAOrB,EAAa,mBAAqB,eACzC/C,KAAK,WAMde,GAAaE,EAAAC,cAACmD,EAAOA,QAAA,CAACC,cAAe,IACrCzD,GACCI,EAACC,cAAAkB,eAAKhB,UAAU,kBAAiB,cAAc,GAAGJ,UAAoBmC,GAAI,EAAGnD,KAAK,KAAKuE,GAAG,IAAItE,QAAQ,UACnGa"}
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),a=require("./withFormControl-3d231961.js"),n=require("./text.component-a1231840.js"),r=require("./button.component-cda64029.js"),l=require("./chakra-ui-input.esm-de5d4e45.js"),i=require("./chakra-ui-layout.esm-0601b9a5.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(t);const o={sm:"xs",md:"sm",lg:"md"},c=a.withFormControl((a=>{var{isClearable:s=!1,size:c="md",leftElement:d,rightElement:m,inputRef:p,isFieldInline:f,onClear:E,value:h,isOnContrast:x,charLimit:g}=a,v=e.__rest(a,["isClearable","size","leftElement","rightElement","inputRef","isFieldInline","onClear","value","isOnContrast","charLimit"]);let b=x?"onContrast":"default";const I=()=>{E&&E(h||"")};s&&h&&(m=u.default.createElement(r.Button,{size:o[c],variant:"ghostNeutral",onClick:I,iconName:"close"}));const C=t.useMemo((()=>{var e;return(null===(e=null==h?void 0:h.toString())||void 0===e?void 0:e.length)||0}),[h]);return u.default.createElement(i.Box,{className:"TextInput__Container",pos:"relative",w:"100%"},u.default.createElement(l.InputGroup,{size:c},d&&u.default.createElement(l.InputLeftElement,{className:"TextInput__LeftElement",children:d,h:"100%"}),u.default.createElement(l.Input,Object.assign({className:"TextInput__Input","data-testid":"text-input-container",variant:b},v,{ref:p,value:h})),m&&u.default.createElement(l.InputRightElement,{className:"TextInput__RightElement",children:m})),!!g&&u.default.createElement(i.HStack,{className:"TextInput__CharCount",spacing:1,bg:"background.default",pos:"absolute",right:"0",bottom:"-20px"},u.default.createElement(n.WrappedText,{size:"xs",variant:C>g?"danger":"subtle"},C),u.default.createElement(n.WrappedText,{size:"xs",variant:"subtle"},"/ ",g)))})),d=t.forwardRef(((e,t)=>u.default.createElement(c,Object.assign({inputRef:t},e))));d.displayName="TextInput",exports.WrappedTextInput=d;
2
- //# sourceMappingURL=textInput.component-c286c9b9.js.map