@televet/kibble-ui 3.0.9-franklin-2 → 3.0.9-franklin-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.
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { MenuButtonProps, MenuListProps, MenuContainerProps, TextProps, TagProps } from '../../components';
|
|
2
1
|
import { BoxProps } from 'chakra';
|
|
2
|
+
import { MenuButtonProps, MenuContainerProps, MenuListProps, TagProps, TextProps } from '../../components';
|
|
3
3
|
export declare enum TagDisabledState {
|
|
4
4
|
Inactive = "Inactive",
|
|
5
5
|
Deleted = "Deleted"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tagBlock.component-9eaa0e26.js","sources":["../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n
|
|
1
|
+
{"version":3,"file":"tagBlock.component-9eaa0e26.js","sources":["../src/patterns/TagBlock/tagBlock.component.tsx"],"sourcesContent":["import { Box, BoxProps, Flex, HStack } from 'chakra';\nimport * as React from 'react';\nimport {\n Button,\n Menu,\n MenuButtonProps,\n MenuContainerProps,\n MenuListProps,\n Spinner,\n Tag,\n TagProps,\n Text,\n TextProps,\n} from '../../components';\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 titleProps?: TextProps;\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 tagProps?: Omit<TagProps, 'label'>;\n containerProps?: BoxProps;\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 titleProps,\n tagProps,\n containerProps,\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 {...(containerProps || {})}\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\" {...(titleProps || {})}>\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 {...(tagProps || {})}\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","titleProps","tagProps","containerProps","React","createElement","Box","Object","assign","className","position","mb","py","pl","pr","bg","borderRadius","boxShadow","border","borderColor","Flex","justifyContent","HStack","spacing","minH","Text","mr","fontWeight","Menu","buttonProps","listProps","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":"01CAeYA,SAAAA,QAGXA,sBAAA,GAHWA,EAAAA,2BAAAA,QAAAA,iBAGX,KAFC,SAAA,WACAA,EAAA,QAAA,2BA2BsB,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,YACbC,WAAAA,EACAC,SAAAA,EACAC,eAAAA,KASEC,EAAAC,cAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFC,UAAU,WACVC,SAAS,WACTC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAG,oBACHC,aAAa,KACbC,UAAWpB,EAAW,+CAAiD,GACvEqB,OAAO,MACPC,YAAY,kBACPhB,GAAkB,IAEvBC,EAAAC,cAACe,OAAI,CACHX,UAAU,4BAA2B,cACxB,GAAGT,cAChBqB,eAAe,iBAEfjB,EAACC,cAAAiB,UAAOC,QAAS,EAAGC,KAAM,IACvB1C,GACCsB,EAAAC,cAACoB,EAAAA,YAAIlB,OAAAC,OAAA,CAACC,UAAU,kBAAkBiB,GAAI,EAAGC,WAAW,QAAY1B,GAAc,IAC3EnB,GAGLsB,EAAAC,cAACuB,EAAIA,KACH,CAAAC,YAAa9C,EACb+C,UAAWzC,EACXc,eAAgBZ,EAChBS,WAAY,GAAGA,WAEjBI,EAAAC,cAAC0B,SAAM,CACLtB,UAAU,6BACG,cAAA,GAAGT,qBAChBhB,KAAK,KACLgD,SAAS,cACT/C,QAAQ,eACRgD,QAASvC,EACTwC,WAAY1C,EAAK2C,QAAU,iBAK9B1C,GACCW,EAAAC,cAACC,EAAAA,IAAG,KACFF,EAAAC,cAAC0B,EAAAA,OAAM,CACLtB,UAAU,2BAA0B,cACvB,GAAGT,kBAChBgC,SAAS,WACT/C,QAAQ,eACRgD,QAASrC,EACTwC,YAAY,eAKnBC,QAAQ7C,EAAK2C,SACZ/B,gBAACgB,OAAI,CACHX,UAAU,yBACV6B,GAAI,EACJC,GAAI,EACJC,aAAa,gBACbC,SAAS,OACTpB,eAAe,aACfqB,WAAW,cAEVlD,EAAKmD,KAAKC,IACT,MAAMV,EACJU,EAAIC,MAAMC,SAASjE,QAAAA,iBAAiBkE,WAAaH,EAAIC,MAAMC,SAASjE,QAAgBA,iBAACmE,SAEvF,OACE5C,EAAAC,cAAC4C,MAAG1C,OAAAC,OAAA,CACFC,UAAU,gBACG,cAAA,GAAGT,QAChB0B,GAAI,EACJf,GAAI,EACJuC,IAAKN,EAAIO,MACTN,MAAOD,EAAIC,MACXO,QAAS,KAAYC,OArFVF,EAqF0BP,EAAIO,WApFjDxD,GACFA,EAAYwD,EAAO3D,IAFC,IAAC2D,GAsFXG,mBAAmB,SACnB3B,WAAW,SACX4B,MAAOrB,EAAa,mBAAqB,eACzClD,KAAK,MACAkB,GAAY,SAM1BH,GAAaK,EAAAC,cAACmD,EAAOA,QAAA,CAACC,cAAe,IACrC5D,GACCO,EAACC,cAAAoB,eAAKhB,UAAU,kBAAiB,cAAc,GAAGT,UAAoBsC,GAAI,EAAGtD,KAAK,KAAK0E,GAAG,IAAIzE,QAAQ,UACnGa"}
|