@televet/kibble-ui 3.0.10 → 3.0.11
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.
- package/build/{alert.component-051e1a99.js → alert.component-4d48d218.js} +2 -2
- package/build/{alert.component-051e1a99.js.map → alert.component-4d48d218.js.map} +1 -1
- package/build/{avatar.component-fb1386df.js → avatar.component-dd61be1f.js} +2 -2
- package/build/{avatar.component-fb1386df.js.map → avatar.component-dd61be1f.js.map} +1 -1
- package/build/avatarGroup.component-50a37594.js +2 -0
- package/build/{avatarGroup.component-75a488b4.js.map → avatarGroup.component-50a37594.js.map} +1 -1
- package/build/{button.component-cda64029.js → button.component-15b49687.js} +2 -2
- package/build/{button.component-cda64029.js.map → button.component-15b49687.js.map} +1 -1
- package/build/{checkbox.component-065b964a.js → checkbox.component-ca33f17c.js} +2 -2
- package/build/{checkbox.component-065b964a.js.map → checkbox.component-ca33f17c.js.map} +1 -1
- package/build/checkboxGroup.component-7a918704.js +2 -0
- package/build/{checkboxGroup.component-0b319814.js.map → checkboxGroup.component-7a918704.js.map} +1 -1
- package/build/components/Alert/index.js +1 -1
- package/build/components/Avatar/index.js +1 -1
- package/build/components/AvatarGroup/index.js +1 -1
- package/build/components/Button/index.js +1 -1
- package/build/components/Checkbox/index.js +1 -1
- package/build/components/CheckboxGroup/index.js +1 -1
- package/build/components/DatePicker/index.js +1 -1
- package/build/components/Icon/index.js +1 -1
- package/build/components/Link/index.js +1 -1
- package/build/components/Menu/components/MenuButton/index.js +1 -1
- package/build/components/Menu/components/MenuItem/index.js +1 -1
- package/build/components/Menu/components/MenuList/index.js +1 -1
- package/build/components/Menu/index.js +1 -1
- package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
- package/build/components/Modal/components/ModalExpandButton/index.js +1 -1
- package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
- package/build/components/Modal/index.js +1 -1
- package/build/components/Popover/components/PopoverFooter/index.js +1 -1
- package/build/components/Popover/components/PopoverHeader/index.js +1 -1
- package/build/components/Popover/index.js +1 -1
- package/build/components/RadioButtonGroup/index.js +1 -1
- package/build/components/RadioGroup/index.js +1 -1
- package/build/components/Select/index.js +1 -1
- package/build/components/SortableList/components/DragHandle/index.js +1 -1
- package/build/components/SortableList/index.js +1 -1
- package/build/components/Switch/index.js +1 -1
- package/build/components/Tabs/components/Tab/index.js +1 -1
- package/build/components/Tabs/index.js +1 -1
- package/build/components/TabsLayout/index.js +1 -1
- package/build/components/TextInput/index.js +1 -1
- package/build/components/Textarea/index.js +1 -1
- package/build/components/TimePicker/index.js +1 -1
- package/build/components/TimeRange/index.js +1 -1
- package/build/components/Toast/index.js +1 -1
- package/build/components/index.js +1 -1
- package/build/{conversationCard.component-d85ed974.js → conversationCard.component-8cf3cb66.js} +2 -2
- package/build/{conversationCard.component-d85ed974.js.map → conversationCard.component-8cf3cb66.js.map} +1 -1
- package/build/{datepicker.component-f1a112f3.js → datepicker.component-c38c1102.js} +2 -2
- package/build/{datepicker.component-f1a112f3.js.map → datepicker.component-c38c1102.js.map} +1 -1
- package/build/{dragHandle.component-82cfd03c.js → dragHandle.component-87559e3a.js} +2 -2
- package/build/{dragHandle.component-82cfd03c.js.map → dragHandle.component-87559e3a.js.map} +1 -1
- package/build/{icon.component-17c06428.js → icon.component-8d0ca544.js} +1 -1
- package/build/{icon.component-17c06428.js.map → icon.component-8d0ca544.js.map} +1 -1
- package/build/icons/index.js +1 -1
- package/build/icons/index.js.map +1 -1
- package/build/index.js +1 -1
- package/build/{link.component-9f4e5e82.js → link.component-a45bd0f4.js} +2 -2
- package/build/{link.component-9f4e5e82.js.map → link.component-a45bd0f4.js.map} +1 -1
- package/build/{menu.component-70892f50.js → menu.component-6addfd4a.js} +2 -2
- package/build/{menu.component-70892f50.js.map → menu.component-6addfd4a.js.map} +1 -1
- package/build/{menuButton.component-d5ebfe66.js → menuButton.component-4552e39b.js} +2 -2
- package/build/{menuButton.component-d5ebfe66.js.map → menuButton.component-4552e39b.js.map} +1 -1
- package/build/{menuItem.component-7a5a3bd4.js → menuItem.component-5d94368e.js} +2 -2
- package/build/{menuItem.component-7a5a3bd4.js.map → menuItem.component-5d94368e.js.map} +1 -1
- package/build/{menuList.component-741b6068.js → menuList.component-1f658cfe.js} +2 -2
- package/build/{menuList.component-741b6068.js.map → menuList.component-1f658cfe.js.map} +1 -1
- package/build/{modalCloseButton.component-fe72db72.js → modalCloseButton.component-b8750057.js} +2 -2
- package/build/{modalCloseButton.component-fe72db72.js.map → modalCloseButton.component-b8750057.js.map} +1 -1
- package/build/{modalExpandButton.component-1aa6cb13.js → modalExpandButton.component-e82f4fca.js} +2 -2
- package/build/{modalExpandButton.component-1aa6cb13.js.map → modalExpandButton.component-e82f4fca.js.map} +1 -1
- package/build/{modalFooterButtons.component-3d6d61b8.js → modalFooterButtons.component-43364bf5.js} +2 -2
- package/build/{modalFooterButtons.component-3d6d61b8.js.map → modalFooterButtons.component-43364bf5.js.map} +1 -1
- package/build/patterns/ConversationCard/index.js +1 -1
- package/build/patterns/StyledAvatar/index.js +1 -1
- package/build/patterns/TagBlock/index.js +1 -1
- package/build/patterns/index.js +1 -1
- package/build/{popover.component-abdfeb38.js → popover.component-902fefb6.js} +2 -2
- package/build/{popover.component-abdfeb38.js.map → popover.component-902fefb6.js.map} +1 -1
- package/build/{popoverFooter.component-62648e16.js → popoverFooter.component-c68647aa.js} +2 -2
- package/build/{popoverFooter.component-62648e16.js.map → popoverFooter.component-c68647aa.js.map} +1 -1
- package/build/{popoverHeader.component-1080fc4f.js → popoverHeader.component-8d58bacd.js} +2 -2
- package/build/{popoverHeader.component-1080fc4f.js.map → popoverHeader.component-8d58bacd.js.map} +1 -1
- package/build/{radioGroup.component-2a5e1daa.js → radioGroup.component-32f61d36.js} +2 -2
- package/build/{radioGroup.component-2a5e1daa.js.map → radioGroup.component-32f61d36.js.map} +1 -1
- package/build/{select.component-b1d0f941.js → select.component-455fdcbd.js} +2 -2
- package/build/{select.component-b1d0f941.js.map → select.component-455fdcbd.js.map} +1 -1
- package/build/{styledAvatar.types-cb9836bf.js → styledAvatar.types-2540b39f.js} +2 -2
- package/build/{styledAvatar.types-cb9836bf.js.map → styledAvatar.types-2540b39f.js.map} +1 -1
- package/build/{switch.component-d65589e2.js → switch.component-b10c0f86.js} +2 -2
- package/build/{switch.component-d65589e2.js.map → switch.component-b10c0f86.js.map} +1 -1
- package/build/{tab.component-e1bac27f.js → tab.component-bf82a8a4.js} +2 -2
- package/build/{tab.component-e1bac27f.js.map → tab.component-bf82a8a4.js.map} +1 -1
- package/build/{tabs.component-c7ec17dd.js → tabs.component-7130dcff.js} +2 -2
- package/build/{tabs.component-c7ec17dd.js.map → tabs.component-7130dcff.js.map} +1 -1
- package/build/{tabsLayout.component-782500b8.js → tabsLayout.component-87f867f4.js} +2 -2
- package/build/{tabsLayout.component-782500b8.js.map → tabsLayout.component-87f867f4.js.map} +1 -1
- package/build/{tagBlock.component-7afced05.js → tagBlock.component-687aebd9.js} +2 -2
- package/build/{tagBlock.component-7afced05.js.map → tagBlock.component-687aebd9.js.map} +1 -1
- package/build/textInput.component-daebc8ef.js +2 -0
- package/build/{textInput.component-c286c9b9.js.map → textInput.component-daebc8ef.js.map} +1 -1
- package/build/{textarea.component-df991067.js → textarea.component-4975fe4e.js} +2 -2
- package/build/{textarea.component-df991067.js.map → textarea.component-4975fe4e.js.map} +1 -1
- package/build/{timePicker.component-d7e1d769.js → timePicker.component-6265ee22.js} +2 -2
- package/build/{timePicker.component-d7e1d769.js.map → timePicker.component-6265ee22.js.map} +1 -1
- package/build/{timeRange.component-9ecd8c1c.js → timeRange.component-a5b363c7.js} +2 -2
- package/build/{timeRange.component-9ecd8c1c.js.map → timeRange.component-a5b363c7.js.map} +1 -1
- package/build/{useToast-504d0d4e.js → useToast-6a6f0bf3.js} +2 -2
- package/build/{useToast-504d0d4e.js.map → useToast-6a6f0bf3.js.map} +1 -1
- package/build/{withFormControl-3d231961.js → withFormControl-a4a73b4d.js} +2 -2
- package/build/{withFormControl-3d231961.js.map → withFormControl-a4a73b4d.js.map} +1 -1
- package/package.json +1 -1
- package/build/avatarGroup.component-75a488b4.js +0 -2
- package/build/checkboxGroup.component-0b319814.js +0 -2
- package/build/textInput.component-c286c9b9.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withFormControl-
|
|
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":"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"}
|
package/package.json
CHANGED
|
@@ -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("./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
|