@sparrowengg/integrations-templates-frontend 6.0.7 → 7.0.0-bulkify.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.
- package/README.md +663 -0
- package/dist/cjs/cascader-dropdown/cascader-dropdown-provider.js +17 -1
- package/dist/cjs/cascader-dropdown/cascader-dropdown-provider.js.map +1 -1
- package/dist/cjs/cascader-dropdown/cascader-dropdown.js +5 -1
- package/dist/cjs/cascader-dropdown/cascader-dropdown.js.map +1 -1
- package/dist/cjs/dynamic-mapping/components/mapping.js +4 -2
- package/dist/cjs/dynamic-mapping/components/mapping.js.map +1 -1
- package/dist/cjs/dynamic-mapping/constants/condition-operators.js +1 -0
- package/dist/cjs/dynamic-mapping/constants/condition-operators.js.map +1 -1
- package/dist/cjs/dynamic-mapping/helpers/mapping.helpers.js +10 -0
- package/dist/cjs/dynamic-mapping/helpers/mapping.helpers.js.map +1 -1
- package/dist/cjs/dynamic-mapping/hooks/use-mapping-data.js +44 -29
- package/dist/cjs/dynamic-mapping/hooks/use-mapping-data.js.map +1 -1
- package/dist/cjs/dynamic-mapping/index.js +4 -2
- package/dist/cjs/dynamic-mapping/index.js.map +1 -1
- package/dist/cjs/filter/filter-pill.js +19 -9
- package/dist/cjs/filter/filter-pill.js.map +1 -1
- package/dist/es/cascader-dropdown/cascader-dropdown-provider.js +18 -2
- package/dist/es/cascader-dropdown/cascader-dropdown-provider.js.map +1 -1
- package/dist/es/cascader-dropdown/cascader-dropdown.js +5 -1
- package/dist/es/cascader-dropdown/cascader-dropdown.js.map +1 -1
- package/dist/es/dynamic-mapping/components/mapping.js +4 -2
- package/dist/es/dynamic-mapping/components/mapping.js.map +1 -1
- package/dist/es/dynamic-mapping/constants/condition-operators.js +1 -0
- package/dist/es/dynamic-mapping/constants/condition-operators.js.map +1 -1
- package/dist/es/dynamic-mapping/helpers/mapping.helpers.js +10 -1
- package/dist/es/dynamic-mapping/helpers/mapping.helpers.js.map +1 -1
- package/dist/es/dynamic-mapping/hooks/use-mapping-data.js +36 -21
- package/dist/es/dynamic-mapping/hooks/use-mapping-data.js.map +1 -1
- package/dist/es/dynamic-mapping/index.js +4 -2
- package/dist/es/dynamic-mapping/index.js.map +1 -1
- package/dist/es/filter/filter-pill.js +20 -10
- package/dist/es/filter/filter-pill.js.map +1 -1
- package/dist/index.d.ts +6 -2
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-pill.js","sources":["../../../src/filter/filter-pill.tsx"],"sourcesContent":["import { CloseCircleFillIcon } from '@sparrowengg/twigs-react-icons';\nimport { Box, BoxProps } from '@sparrowengg/twigs-react';\nimport { Flex } from '@sparrowengg/twigs-react';\nimport { Tooltip, TooltipProvider } from '@sparrowengg/twigs-react';\nimport { styled } from '../../slitches.config';\nimport { Text, TextProps } from '@sparrowengg/twigs-react';\nimport { prefixClassName } from '../cascader-dropdown/styled/StyledItem';\nimport React from 'react';\nimport { CascaderDropdown, OnChangeReturnType } from '../cascader-dropdown';\nimport {\n CascaderDropdownItemType, CascaderDropdownOperatorType, CascaderDropdownValueSelectorType, dataTypes, initialFilterValueSelectorValue, optionTypes\n} from '../cascader-dropdown/helpers/cascader-dropdown-constants';\nimport { CSS } from '@stitches/react';\nimport FilterPillValueSelector from './filter-pill-value-selector';\nimport { FilterType } from './stories/filter.stories';\n\nexport type FilterPillProps = {\n icon?: React.ReactNode;\n filterPillData: FilterType;\n setFilterPillData: (value: FilterType) => void;\n variant?: 'filled' | 'outline';\n cascaderDropdownData: (CascaderDropdownItemType | CascaderDropdownOperatorType)[];\n onDelete: () => void;\n showError?: boolean;\n};\n\nexport type FilterValueOperatorType = {\n label: string;\n value: string;\n dataType: keyof typeof dataTypes;\n choices?: { label: string; value: string }[];\n};\n\nexport type FilterValueItemType = {\n label?: string;\n value?: string;\n options: FilterValueOperatorType[];\n};\n\nconst resolveChoiceLabel = (\n rawValue: string,\n choices?: { label: string; value: string }[]\n): string => {\n if (!choices?.length) return rawValue;\n return choices.find((c) => c.value === rawValue)?.label ?? rawValue;\n};\n\nconst getDisplayValue = (value: FilterType) => {\n if (!value.connector) return null;\n const displayValue = value.value?.[value.connector.dataType];\n const choices = (value.connector as any)?.choices as { label: string; value: string }[] | undefined;\n\n if (value.connector.dataType === dataTypes.SINGLE_SELECT && typeof displayValue === 'string') {\n return resolveChoiceLabel(displayValue, choices);\n }\n if (value.connector.dataType === dataTypes.MULTI_SELECT && Array.isArray(displayValue)) {\n return displayValue.map((v) => resolveChoiceLabel(v, choices)).join(', ');\n }\n if (typeof displayValue === 'string') return displayValue;\n if (Array.isArray(displayValue)) return displayValue.join(', ');\n if (value.connector.dataType === dataTypes.DATE_RANGE && typeof displayValue === 'object' && displayValue !== null) {\n return `${displayValue.start} - ${displayValue.end}`;\n }\n return null;\n};\n\nexport const FilterPill = ({\n icon,\n filterPillData,\n setFilterPillData,\n variant = 'outline',\n cascaderDropdownData,\n onDelete,\n showError = false\n}: FilterPillProps) => {\n const onChange = ({\n selectedProperty,\n selectorValue\n }: OnChangeReturnType) => {\n if (selectedProperty && 'type' in selectedProperty && selectedProperty.type === optionTypes.VALUE_SELECTOR) {\n if (!('dataType' in selectedProperty)) return;\n const connector: Record<string, any> = {\n dataType: selectedProperty.dataType as keyof typeof dataTypes,\n label: `${selectedProperty.label}`,\n value: `${selectedProperty.value}`,\n type: selectedProperty.type as 'VALUE_SELECTOR',\n };\n if ('choices' in selectedProperty && selectedProperty.choices) {\n connector.choices = selectedProperty.choices;\n }\n const newFilterPillData = {\n ...filterPillData,\n value: selectorValue ?? initialFilterValueSelectorValue,\n connector,\n };\n setFilterPillData(newFilterPillData);\n }\n };\n\n return (\n <TooltipProvider delayDuration={0}>\n <StyledFilterPill variant={showError ? 'error' : variant}>\n <FilterPillLabel icon={icon} label={filterPillData.property.label} labelProps={{ css: { color: '$neutral900' } }} />\n <Flex>\n {!filterPillData.connector?.value && (\n <CascaderDropdown\n data={cascaderDropdownData}\n selectorValue={filterPillData.value}\n onChange={onChange}\n dropdownContentProps={{ align: 'start' }}\n >\n <StyledValueButton css={{ borderTopRightRadius: '$lg', borderBottomRightRadius: '$lg' }}>\n <Text\n css={{\n color: '$neutral700',\n padding: '3px $4 3px $1',\n ...(showError && {\n color: '$negative700',\n fontWeight: '$5'\n })\n }}\n >\n Choose Condition\n </Text>\n </StyledValueButton>\n </CascaderDropdown>\n )}\n {filterPillData.connector?.value && (\n <CascaderDropdown\n data={cascaderDropdownData}\n selectorValue={filterPillData.value}\n onChange={onChange}\n dropdownContentProps={{ align: 'start' }}\n >\n <StyledValueButton css={{\n ...(filterPillData.connector?.dataType === 'NO_VALUE' && {\n borderTopRightRadius: '$lg',\n borderBottomRightRadius: '$lg'\n })\n }}>\n <Text css={{ color: '$neutral700', padding: '3px $1 3px $1' }}>{filterPillData.connector?.label}</Text>\n </StyledValueButton>\n </CascaderDropdown>\n )}\n {filterPillData.connector?.value && filterPillData.connector?.dataType !== 'NO_VALUE' && (\n <CascaderDropdown\n data={cascaderDropdownData}\n selectorValue={filterPillData.value}\n value={filterPillData.connector}\n onChange={onChange}\n dropdownContentProps={{ align: 'start' }}\n >\n <StyledValueButton css={{ borderTopRightRadius: '$lg', borderBottomRightRadius: '$lg' }}>\n <Text\n css={{\n color: '$neutral900',\n padding: '3px $4 3px $2',\n ...(showError && {\n color: '$negative700'\n })\n }}\n weight=\"medium\"\n >\n {getDisplayValue(filterPillData) ?? 'Choose Value'}\n </Text>\n </StyledValueButton>\n </CascaderDropdown>\n )}\n </Flex>\n <Tooltip content=\"Remove\">\n <StyledCloseButton className={prefixClassName('filter-pill__close-button')} onClick={() => onDelete()}>\n <CloseCircleFillIcon size={16} />\n </StyledCloseButton>\n </Tooltip>\n </StyledFilterPill>\n </TooltipProvider>\n );\n};\n\nconst FilterPillLabel = ({\n icon, label, css, labelProps, iconProps\n}: { icon?: React.ReactNode, label?: string, css?: CSS, labelProps?: TextProps, iconProps?: BoxProps }) => {\n return (\n <Flex alignItems=\"center\" gap=\"$2\" css={{ padding: '3px $2 3px $4', ...css }}>\n {icon && (\n <Box\n {...iconProps}\n css={{\n lineHeight: 0,\n flexShrink: 0,\n color: '$neutral800',\n '&, & svg': {\n minWidth: '$4',\n minHeight: '$4',\n height: '$4',\n width: '$4'\n },\n ...iconProps?.css\n }}\n >\n {icon}\n </Box>\n )}\n <Text\n weight=\"medium\"\n truncate\n {...labelProps}\n css={{ color: '$neutral700', maxWidth: '$25', ...labelProps?.css }}\n >\n {label}\n </Text>\n </Flex>\n );\n};\n\ntype FilterPillWithoutOperatorProps = {\n icon?: React.ReactNode;\n filterPillData: FilterType;\n setFilterPillData: (value: FilterType) => void;\n variant?: 'filled' | 'outline';\n data: CascaderDropdownOperatorType;\n onDelete: () => void;\n showError?: boolean;\n};\nexport const FilterPillWithoutOperator = ({\n icon,\n filterPillData,\n setFilterPillData,\n variant = 'outline',\n data,\n onDelete,\n showError = false\n}: FilterPillWithoutOperatorProps) => {\n const onChange = (value: CascaderDropdownValueSelectorType[keyof CascaderDropdownValueSelectorType]) => {\n const newFilterPillData = {\n ...filterPillData,\n value: {\n ...filterPillData.value,\n [data.dataType]: value\n },\n connector: {\n dataType: data.dataType,\n label: `${data.label}`,\n value: `${data.value}`,\n type: data.type\n }\n };\n setFilterPillData(newFilterPillData);\n };\n\n return (\n <TooltipProvider delayDuration={0}>\n <StyledFilterPill variant={showError ? 'error' : variant}>\n <FilterPillLabel icon={icon} label={`${filterPillData.property.label}:`} />\n {data.dataType === 'NO_VALUE' ? (\n <Flex>\n <StyledValueButton css={{ borderTopRightRadius: '$lg', borderBottomRightRadius: '$lg' }}>\n <Text\n css={{\n color: '$neutral700',\n padding: '3px $4 3px $2'\n }}\n weight=\"medium\"\n >\n {data.label}\n </Text>\n </StyledValueButton>\n </Flex>\n ) : (\n <FilterPillValueSelector selectorValue={filterPillData.value} dataType={data.dataType} choices={data.choices} onApply={onChange}>\n <Flex>\n <StyledValueButton css={{ borderTopRightRadius: '$lg', borderBottomRightRadius: '$lg' }}>\n <Text\n css={{\n color: '$neutral900',\n padding: '3px $4 3px $2',\n ...(showError && {\n color: '$negative700'\n })\n }}\n weight=\"medium\"\n >\n {getDisplayValue(filterPillData) ?? 'Choose Value'}\n </Text>\n </StyledValueButton>\n </Flex>\n </FilterPillValueSelector>\n )}\n <Tooltip content=\"Remove\">\n <StyledCloseButton className={prefixClassName('filter-pill__close-button')} onClick={() => onDelete()}>\n <CloseCircleFillIcon size={16} />\n </StyledCloseButton>\n </Tooltip>\n </StyledFilterPill>\n </TooltipProvider>\n );\n};\n\nconst StyledFilterPill = styled(Flex, {\n height: '$7',\n alignItems: 'center',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: '$black200',\n borderRadius: '$lg',\n transition: 'all $transitions$2',\n cursor: 'default',\n width: 'fit-content',\n position: 'relative',\n flexShrink: 0,\n '&:hover': {\n borderColor: '$black400'\n },\n [`&:hover .${prefixClassName('filter-pill__close-button')}`]: {\n opacity: 1\n },\n variants: {\n disabled: {\n true: {\n opacity: 0.4,\n cursor: 'not-allowed'\n }\n },\n variant: {\n outline: {\n backgroundColor: 'transparent'\n },\n filled: {\n backgroundColor: '$secondary50'\n },\n error: {\n backgroundColorOpacity: ['$negative500', 0.05],\n borderStyle: 'dashed',\n borderColor: '$negative400',\n '&:hover': {\n borderColor: '$negative400'\n }\n }\n }\n },\n defaultVariants: {\n variant: 'outline'\n }\n});\n\nconst StyledValueButton = styled('button', {\n backgroundColor: 'transparent',\n display: 'flex',\n alignItems: 'center',\n border: 'none',\n cursor: 'pointer',\n height: '100%',\n transition: 'all $transitions$2',\n outlineWidth: '1px',\n outlineStyle: 'solid',\n outlineColor: 'transparent',\n flexShrink: 0,\n '&:focus, &:active': {\n outlineColor: 'transparent'\n },\n '&:focus-visible': {\n outline: '1px solid $primary400'\n }\n});\n\nconst StyledCloseButton = styled('button', {\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'pointer',\n outline: 'none',\n color: '$neutral500',\n transition: 'all $transitions$2',\n lineHeight: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n transform: 'translate(35%, -35%)',\n opacity: 0,\n background: 'radial-gradient($white900, $white900 50%, transparent 50%, transparent)',\n '&:hover, &:focus, &:active, &:focus-visible': {\n opacity: 1\n },\n '& path': {\n outlineWidth: '3px',\n outlineStyle: 'solid',\n outlineColor: '$white900',\n borderRadius: '$round'\n },\n '&:hover': {\n color: '$neutral800'\n },\n '&:hover path, &:focus path, &:active path, &:focus-visible path': {\n outlineColor: '#F2F5F8'\n }\n});\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,kBAAA,GAAqB,CACzB,QAAA,EACA,OAAA,KACW;AA1Cb,EAAA,IAAA,EAAA,EAAA,EAAA;AA2CE,EAAA,IAAI,EAAC,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,MAAA,CAAA;AAAQ,IAAA,OAAO,QAAA;AAC7B,EAAA,OAAA,CAAO,EAAA,GAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,QAAQ,CAAA,KAAxC,IAAA,GAAA,MAAA,GAAA,EAAA,CAA2C,KAAA,KAA3C,IAAA,GAAA,EAAA,GAAoD,QAAA;AAC7D,CAAA;AAEA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAsB;AA/C/C,EAAA,IAAA,EAAA,EAAA,EAAA;AAgDE,EAAA,IAAI,CAAC,KAAA,CAAM,SAAA;AAAW,IAAA,OAAO,IAAA;AAC7B,EAAA,MAAM,YAAA,GAAA,CAAe,EAAA,GAAA,KAAA,CAAM,KAAA,KAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,MAAM,SAAA,CAAU,QAAA,CAAA;AACnD,EAAA,MAAM,OAAA,GAAA,CAAW,EAAA,GAAA,KAAA,CAAM,SAAA,KAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAyB,OAAA;AAE1C,EAAA,IAAI,MAAM,SAAA,CAAU,QAAA,KAAa,UAAU,aAAA,IAAiB,OAAO,iBAAiB,QAAA,EAAU;AAC5F,IAAA,OAAO,kBAAA,CAAmB,cAAc,OAAO,CAAA;AAAA,EACjD;AACA,EAAA,IAAI,KAAA,CAAM,UAAU,QAAA,KAAa,SAAA,CAAU,gBAAgB,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,EAAG;AACtF,IAAA,OAAO,YAAA,CAAa,GAAA,CAAI,CAAC,CAAA,KAAM,kBAAA,CAAmB,GAAG,OAAO,CAAC,CAAA,CAAE,IAAA,CAAK,IAAI,CAAA;AAAA,EAC1E;AACA,EAAA,IAAI,OAAO,YAAA,KAAiB,QAAA;AAAU,IAAA,OAAO,YAAA;AAC7C,EAAA,IAAI,KAAA,CAAM,QAAQ,YAAY,CAAA;AAAG,IAAA,OAAO,YAAA,CAAa,KAAK,IAAI,CAAA;AAC9D,EAAA,IAAI,KAAA,CAAM,UAAU,QAAA,KAAa,SAAA,CAAU,cAAc,OAAO,YAAA,KAAiB,QAAA,IAAY,YAAA,KAAiB,IAAA,EAAM;AAClH,IAAA,OAAO,CAAA,EAAG,YAAA,CAAa,KAAK,CAAA,GAAA,EAAM,aAAa,GAAG,CAAA,CAAA;AAAA,EACpD;AACA,EAAA,OAAO,IAAA;AACT,CAAA;AAEO,MAAM,aAAa,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,oBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAuB;AA1EvB,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA2EE,EAAA,MAAM,WAAW,CAAC;AAAA,IAChB,gBAAA;AAAA,IACA;AAAA,GACF,KAA0B;AACxB,IAAA,IAAI,oBAAoB,MAAA,IAAU,gBAAA,IAAoB,gBAAA,CAAiB,IAAA,KAAS,YAAY,cAAA,EAAgB;AAC1G,MAAA,IAAI,EAAE,UAAA,IAAc,gBAAA,CAAA;AAAmB,QAAA;AACvC,MAAA,MAAM,SAAA,GAAiC;AAAA,QACrC,UAAU,gBAAA,CAAiB,QAAA;AAAA,QAC3B,KAAA,EAAO,CAAA,EAAG,gBAAA,CAAiB,KAAK,CAAA,CAAA;AAAA,QAChC,KAAA,EAAO,CAAA,EAAG,gBAAA,CAAiB,KAAK,CAAA,CAAA;AAAA,QAChC,MAAM,gBAAA,CAAiB;AAAA,OACzB;AACA,MAAA,IAAI,SAAA,IAAa,gBAAA,IAAoB,gBAAA,CAAiB,OAAA,EAAS;AAC7D,QAAA,SAAA,CAAU,UAAU,gBAAA,CAAiB,OAAA;AAAA,MACvC;AACA,MAAA,MAAM,iBAAA,GAAoB,iCACrB,cAAA,CAAA,EADqB;AAAA,QAExB,OAAO,aAAA,IAAA,IAAA,GAAA,aAAA,GAAiB,+BAAA;AAAA,QACxB;AAAA,OACF,CAAA;AACA,MAAA,iBAAA,CAAkB,iBAAiB,CAAA;AAAA,IACrC;AAAA,EACF,CAAA;AAEA,EAAA,uBACEA,cAAA,CAAA,aAAA,CAAC,eAAA,EAAA,EAAgB,aAAA,EAAe,CAAA,EAAA,+CAC7B,gBAAA,EAAA,EAAiB,OAAA,EAAS,SAAA,GAAY,OAAA,GAAU,OAAA,EAAA,kBAC/CA,cAAA,CAAA,aAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAY,OAAO,cAAA,CAAe,QAAA,CAAS,KAAA,EAAO,UAAA,EAAY,EAAE,GAAA,EAAK,EAAE,KAAA,EAAO,eAAc,EAAE,EAAG,CAAA,kBAClHA,cAAA,CAAA,aAAA,CAAC,IAAA,EAAA,IAAA,EACE,EAAA,CAAC,EAAA,GAAA,cAAA,CAAe,SAAA,KAAf,mBAA0B,KAAA,CAAA,oBAC1BA,cAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,oBAAA;AAAA,MACN,eAAe,cAAA,CAAe,KAAA;AAAA,MAC9B,QAAA;AAAA,MACA,oBAAA,EAAsB,EAAE,KAAA,EAAO,OAAA;AAAQ,KAAA;AAAA,oBAEvCA,cAAA,CAAA,aAAA,CAAC,qBAAkB,GAAA,EAAK,EAAE,sBAAsB,KAAA,EAAO,uBAAA,EAAyB,OAAM,EAAA,kBACpFA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,cAAA,CAAA;AAAA,UACH,KAAA,EAAO,aAAA;AAAA,UACP,OAAA,EAAS;AAAA,SAAA,EACL,SAAA,IAAa;AAAA,UACf,KAAA,EAAO,cAAA;AAAA,UACP,UAAA,EAAY;AAAA,SACd;AAAA,OAAA;AAAA,MAEH;AAAA,KAGH;AAAA,GACF,EAAA,CAAA,CAED,EAAA,GAAA,cAAA,CAAe,SAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAA0B,KAAA,qBACzBA,cAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,oBAAA;AAAA,MACN,eAAe,cAAA,CAAe,KAAA;AAAA,MAC9B,QAAA;AAAA,MACA,oBAAA,EAAsB,EAAE,KAAA,EAAO,OAAA;AAAQ,KAAA;AAAA,oBAEvCA,cAAA,CAAA,aAAA,CAAC,qBAAkB,GAAA,EAAK,cAAA,CAAA,EAAA,EAAA,CAAA,CAClB,oBAAe,SAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAA0B,cAAa,UAAA,IAAc;AAAA,MACvD,oBAAA,EAAsB,KAAA;AAAA,MACtB,uBAAA,EAAyB;AAAA,KAC3B,CAAA,EAAA,kBAEAA,cAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,GAAA,EAAK,EAAE,KAAA,EAAO,aAAA,EAAe,OAAA,EAAS,eAAA,EAAgB,EAAA,EAAA,CAAI,EAAA,GAAA,cAAA,CAAe,SAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAA0B,KAAM,CAClG;AAAA,GACF,EAAA,CAAA,CAED,oBAAe,SAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAA0B,YAAS,EAAA,GAAA,cAAA,CAAe,SAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAA0B,QAAA,MAAa,UAAA,oBACzEA,cAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,oBAAA;AAAA,MACN,eAAe,cAAA,CAAe,KAAA;AAAA,MAC9B,OAAO,cAAA,CAAe,SAAA;AAAA,MACtB,QAAA;AAAA,MACA,oBAAA,EAAsB,EAAE,KAAA,EAAO,OAAA;AAAQ,KAAA;AAAA,oBAEvCA,cAAA,CAAA,aAAA,CAAC,qBAAkB,GAAA,EAAK,EAAE,sBAAsB,KAAA,EAAO,uBAAA,EAAyB,OAAM,EAAA,kBACpFA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,cAAA,CAAA;AAAA,UACH,KAAA,EAAO,aAAA;AAAA,UACP,OAAA,EAAS;AAAA,SAAA,EACL,SAAA,IAAa;AAAA,UACf,KAAA,EAAO;AAAA,SACT,CAAA;AAAA,QAEF,MAAA,EAAO;AAAA,OAAA;AAAA,MAAA,CAEN,EAAA,GAAA,eAAA,CAAgB,cAAc,CAAA,KAA9B,IAAA,GAAA,EAAA,GAAmC;AAAA,KAExC;AAAA,GAGN,mBACAA,cAAA,CAAA,aAAA,CAAC,OAAA,EAAA,EAAQ,SAAQ,QAAA,EAAA,kBACfA,cAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAW,eAAA,CAAgB,2BAA2B,GAAG,OAAA,EAAS,MAAM,QAAA,EAAS,EAAA,kBAClGA,cAAA,CAAA,aAAA,CAAC,mBAAA,EAAA,EAAoB,MAAM,EAAA,EAAI,CACjC,CACF,CACF,CACF,CAAA;AAEJ;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB,IAAA;AAAA,EAAM,KAAA;AAAA,EAAO,GAAA;AAAA,EAAK,UAAA;AAAA,EAAY;AAChC,CAAA,KAA2G;AACzG,EAAA,uBACEA,cAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,UAAA,EAAW,QAAA,EAAS,GAAA,EAAI,IAAA,EAAK,GAAA,EAAK,cAAA,CAAA,EAAE,OAAA,EAAS,eAAA,EAAA,EAAoB,GAAA,CAAA,EAAA,EACpE,IAAA,oBACCA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,SAAA,CAAA,EADL;AAAA,MAEC,GAAA,EAAK,cAAA,CAAA;AAAA,QACH,UAAA,EAAY,CAAA;AAAA,QACZ,UAAA,EAAY,CAAA;AAAA,QACZ,KAAA,EAAO,aAAA;AAAA,QACP,UAAA,EAAY;AAAA,UACV,QAAA,EAAU,IAAA;AAAA,UACV,SAAA,EAAW,IAAA;AAAA,UACX,MAAA,EAAQ,IAAA;AAAA,UACR,KAAA,EAAO;AAAA;AACT,OAAA,EACG,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,GAAA;AAAA,KAAA,CAAA;AAAA,IAGf;AAAA,GACH,kBAEFA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,MAAA,EAAO,QAAA;AAAA,MACP,QAAA,EAAQ;AAAA,KAAA,EACJ,UAAA,CAAA,EAHL;AAAA,MAIC,KAAK,cAAA,CAAA,EAAE,KAAA,EAAO,aAAA,EAAe,QAAA,EAAU,SAAU,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAY,GAAA;AAAA,KAAA,CAAA;AAAA,IAE5D;AAAA,GAEL,CAAA;AAEJ,CAAA;AAWO,MAAM,4BAA4B,CAAC;AAAA,EACxC,IAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAsC;AAxOtC,EAAA,IAAA,EAAA;AAyOE,EAAA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAsF;AACtG,IAAA,MAAM,iBAAA,GAAoB,iCACrB,cAAA,CAAA,EADqB;AAAA,MAExB,KAAA,EAAO,aAAA,CAAA,cAAA,CAAA,EAAA,EACF,cAAA,CAAe,KAAA,CAAA,EADb;AAAA,QAEL,CAAC,IAAA,CAAK,QAAQ,GAAG;AAAA,OACnB,CAAA;AAAA,MACA,SAAA,EAAW;AAAA,QACT,UAAU,IAAA,CAAK,QAAA;AAAA,QACf,KAAA,EAAO,CAAA,EAAG,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,QACpB,KAAA,EAAO,CAAA,EAAG,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,QACpB,MAAM,IAAA,CAAK;AAAA;AACb,KACF,CAAA;AACA,IAAA,iBAAA,CAAkB,iBAAiB,CAAA;AAAA,EACrC,CAAA;AAEA,EAAA,uBACEA,cAAA,CAAA,aAAA,CAAC,eAAA,EAAA,EAAgB,aAAA,EAAe,CAAA,EAAA,+CAC7B,gBAAA,EAAA,EAAiB,OAAA,EAAS,SAAA,GAAY,OAAA,GAAU,OAAA,EAAA,kBAC/CA,cAAA,CAAA,aAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAY,OAAO,CAAA,EAAG,cAAA,CAAe,QAAA,CAAS,KAAK,CAAA,CAAA,CAAA,EAAK,CAAA,EACxE,IAAA,CAAK,QAAA,KAAa,6BACjBA,cAAA,CAAA,aAAA,CAAC,IAAA,EAAA,IAAA,kBACCA,cAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,EAAkB,KAAK,EAAE,oBAAA,EAAsB,KAAA,EAAO,uBAAA,EAAyB,OAAM,EAAA,kBACpFA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK;AAAA,QACH,KAAA,EAAO,aAAA;AAAA,QACP,OAAA,EAAS;AAAA,OACX;AAAA,MACA,MAAA,EAAO;AAAA,KAAA;AAAA,IAEN,IAAA,CAAK;AAAA,GAEV,CACF,CAAA,mBAEAA,cAAA,CAAA,aAAA,CAAC,uBAAA,EAAA,EAAwB,aAAA,EAAe,cAAA,CAAe,KAAA,EAAO,QAAA,EAAU,IAAA,CAAK,QAAA,EAAU,OAAA,EAAS,IAAA,CAAK,SAAS,OAAA,EAAS,QAAA,EAAA,kBACrHA,cAAA,CAAA,aAAA,CAAC,IAAA,EAAA,IAAA,kBACCA,cAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,EAAkB,GAAA,EAAK,EAAE,oBAAA,EAAsB,KAAA,EAAO,uBAAA,EAAyB,KAAA,EAAM,EAAA,kBACpFA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,cAAA,CAAA;AAAA,QACH,KAAA,EAAO,aAAA;AAAA,QACP,OAAA,EAAS;AAAA,OAAA,EACL,SAAA,IAAa;AAAA,QACf,KAAA,EAAO;AAAA,OACT,CAAA;AAAA,MAEF,MAAA,EAAO;AAAA,KAAA;AAAA,IAAA,CAEN,EAAA,GAAA,eAAA,CAAgB,cAAc,CAAA,KAA9B,IAAA,GAAA,EAAA,GAAmC;AAAA,GAExC,CACF,CACF,CAAA,kBAEFA,cAAA,CAAA,aAAA,CAAC,WAAQ,OAAA,EAAQ,QAAA,EAAA,kBACfA,cAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAW,eAAA,CAAgB,2BAA2B,CAAA,EAAG,OAAA,EAAS,MAAM,QAAA,EAAS,EAAA,kBAClGA,cAAA,CAAA,aAAA,CAAC,mBAAA,EAAA,EAAoB,IAAA,EAAM,EAAA,EAAI,CACjC,CACF,CACF,CACF,CAAA;AAEJ;AAEA,MAAM,gBAAA,GAAmB,OAAO,IAAA,EAAM;AAAA,EACpC,MAAA,EAAQ,IAAA;AAAA,EACR,UAAA,EAAY,QAAA;AAAA,EACZ,WAAA,EAAa,KAAA;AAAA,EACb,WAAA,EAAa,OAAA;AAAA,EACb,WAAA,EAAa,WAAA;AAAA,EACb,YAAA,EAAc,KAAA;AAAA,EACd,UAAA,EAAY,oBAAA;AAAA,EACZ,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,aAAA;AAAA,EACP,QAAA,EAAU,UAAA;AAAA,EACV,UAAA,EAAY,CAAA;AAAA,EACZ,SAAA,EAAW;AAAA,IACT,WAAA,EAAa;AAAA,GACf;AAAA,EACA,CAAC,CAAA,SAAA,EAAY,eAAA,CAAgB,2BAA2B,CAAC,EAAE,GAAG;AAAA,IAC5D,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,GAAA;AAAA,QACT,MAAA,EAAQ;AAAA;AACV,KACF;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS;AAAA,QACP,eAAA,EAAiB;AAAA,OACnB;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,eAAA,EAAiB;AAAA,OACnB;AAAA,MACA,KAAA,EAAO;AAAA,QACL,sBAAA,EAAwB,CAAC,cAAA,EAAgB,IAAI,CAAA;AAAA,QAC7C,WAAA,EAAa,QAAA;AAAA,QACb,WAAA,EAAa,cAAA;AAAA,QACb,SAAA,EAAW;AAAA,UACT,WAAA,EAAa;AAAA;AACf;AACF;AACF,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAED,MAAM,iBAAA,GAAoB,OAAO,QAAA,EAAU;AAAA,EACzC,eAAA,EAAiB,aAAA;AAAA,EACjB,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,MAAA,EAAQ,MAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,MAAA,EAAQ,MAAA;AAAA,EACR,UAAA,EAAY,oBAAA;AAAA,EACZ,YAAA,EAAc,KAAA;AAAA,EACd,YAAA,EAAc,OAAA;AAAA,EACd,YAAA,EAAc,aAAA;AAAA,EACd,UAAA,EAAY,CAAA;AAAA,EACZ,mBAAA,EAAqB;AAAA,IACnB,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,iBAAA,EAAmB;AAAA,IACjB,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAED,MAAM,iBAAA,GAAoB,OAAO,QAAA,EAAU;AAAA,EACzC,eAAA,EAAiB,aAAA;AAAA,EACjB,MAAA,EAAQ,MAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,OAAA,EAAS,MAAA;AAAA,EACT,KAAA,EAAO,aAAA;AAAA,EACP,UAAA,EAAY,oBAAA;AAAA,EACZ,UAAA,EAAY,CAAA;AAAA,EACZ,QAAA,EAAU,UAAA;AAAA,EACV,KAAA,EAAO,CAAA;AAAA,EACP,GAAA,EAAK,CAAA;AAAA,EACL,SAAA,EAAW,sBAAA;AAAA,EACX,OAAA,EAAS,CAAA;AAAA,EACT,UAAA,EAAY,yEAAA;AAAA,EACZ,6CAAA,EAA+C;AAAA,IAC7C,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,YAAA,EAAc,KAAA;AAAA,IACd,YAAA,EAAc,OAAA;AAAA,IACd,YAAA,EAAc,WAAA;AAAA,IACd,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,SAAA,EAAW;AAAA,IACT,KAAA,EAAO;AAAA,GACT;AAAA,EACA,iEAAA,EAAmE;AAAA,IACjE,YAAA,EAAc;AAAA;AAElB,CAAC,CAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"filter-pill.js","sources":["../../../src/filter/filter-pill.tsx"],"sourcesContent":["import { CloseCircleFillIcon } from '@sparrowengg/twigs-react-icons';\nimport { Box, BoxProps } from '@sparrowengg/twigs-react';\nimport { Flex } from '@sparrowengg/twigs-react';\nimport { Tooltip, TooltipProvider } from '@sparrowengg/twigs-react';\nimport { styled } from '../../slitches.config';\nimport { Text, TextProps } from '@sparrowengg/twigs-react';\nimport { prefixClassName } from '../cascader-dropdown/styled/StyledItem';\nimport React, { useState } from 'react';\nimport { CascaderDropdown, OnChangeReturnType } from '../cascader-dropdown';\nimport {\n CascaderDropdownItemType, CascaderDropdownOperatorType, CascaderDropdownValueSelectorType, dataTypes, initialFilterValueSelectorValue, optionTypes\n} from '../cascader-dropdown/helpers/cascader-dropdown-constants';\nimport { CSS } from '@stitches/react';\nimport FilterPillValueSelector from './filter-pill-value-selector';\nimport { FilterType } from './stories/filter.stories';\n\nexport type FilterPillProps = {\n icon?: React.ReactNode;\n filterPillData: FilterType;\n setFilterPillData: (value: FilterType) => void;\n variant?: 'filled' | 'outline';\n cascaderDropdownData: (CascaderDropdownItemType | CascaderDropdownOperatorType)[];\n onDelete: () => void;\n showError?: boolean;\n};\n\nexport type FilterValueOperatorType = {\n label: string;\n value: string;\n dataType: keyof typeof dataTypes;\n choices?: { label: string; value: string }[];\n};\n\nexport type FilterValueItemType = {\n label?: string;\n value?: string;\n options: FilterValueOperatorType[];\n};\n\nconst resolveChoiceLabel = (\n rawValue: string,\n choices?: { label: string; value: string }[]\n): string => {\n if (!choices?.length) return rawValue;\n return choices.find((c) => c.value === rawValue)?.label ?? rawValue;\n};\n\nconst getDisplayValue = (value: FilterType) => {\n if (!value.connector) return null;\n const displayValue = value.value?.[value.connector.dataType];\n const choices = (value.connector as any)?.choices as { label: string; value: string }[] | undefined;\n\n if (value.connector.dataType === dataTypes.SINGLE_SELECT && typeof displayValue === 'string') {\n return resolveChoiceLabel(displayValue, choices);\n }\n if (value.connector.dataType === dataTypes.MULTI_SELECT && Array.isArray(displayValue)) {\n return displayValue.map((v) => resolveChoiceLabel(v, choices)).join(', ');\n }\n if (typeof displayValue === 'string') return displayValue;\n if (Array.isArray(displayValue)) return displayValue.join(', ');\n if (value.connector.dataType === dataTypes.DATE_RANGE && typeof displayValue === 'object' && displayValue !== null) {\n return `${displayValue.start} - ${displayValue.end}`;\n }\n return null;\n};\n\nexport const FilterPill = ({\n icon,\n filterPillData,\n setFilterPillData,\n variant = 'outline',\n cascaderDropdownData,\n onDelete,\n showError = false\n}: FilterPillProps) => {\n const [operatorDismissed, setOperatorDismissed] = useState(false);\n const isConnectorMissing = !filterPillData.connector?.value;\n const effectiveShowError = showError && (!isConnectorMissing || operatorDismissed);\n\n const handleOperatorOpenChange = (open: boolean) => {\n if (!open && isConnectorMissing) {\n setOperatorDismissed(true);\n }\n };\n\n const onChange = ({\n selectedProperty,\n selectorValue\n }: OnChangeReturnType) => {\n if (selectedProperty && 'type' in selectedProperty && selectedProperty.type === optionTypes.VALUE_SELECTOR) {\n if (!('dataType' in selectedProperty)) return;\n const connector: Record<string, any> = {\n dataType: selectedProperty.dataType as keyof typeof dataTypes,\n label: `${selectedProperty.label}`,\n value: `${selectedProperty.value}`,\n type: selectedProperty.type as 'VALUE_SELECTOR',\n };\n if ('choices' in selectedProperty && selectedProperty.choices) {\n connector.choices = selectedProperty.choices;\n }\n const newFilterPillData = {\n ...filterPillData,\n value: selectorValue ?? initialFilterValueSelectorValue,\n connector,\n };\n setFilterPillData(newFilterPillData);\n }\n };\n\n return (\n <TooltipProvider delayDuration={0}>\n <StyledFilterPill variant={effectiveShowError ? 'error' : variant}>\n <FilterPillLabel icon={icon} label={filterPillData.property.label} labelProps={{ css: { color: '$neutral900' } }} />\n <Flex>\n {!filterPillData.connector?.value && (\n <CascaderDropdown\n data={cascaderDropdownData}\n selectorValue={filterPillData.value}\n onChange={onChange}\n defaultOpen\n onOpenChange={handleOperatorOpenChange}\n dropdownContentProps={{ align: 'start' }}\n >\n <StyledValueButton css={{ borderTopRightRadius: '$lg', borderBottomRightRadius: '$lg' }}>\n <Text\n css={{\n color: '$neutral700',\n padding: '3px $4 3px $1',\n ...(effectiveShowError && {\n color: '$negative700',\n fontWeight: '$5'\n })\n }}\n >\n Choose Condition\n </Text>\n </StyledValueButton>\n </CascaderDropdown>\n )}\n {filterPillData.connector?.value && (\n <CascaderDropdown\n data={cascaderDropdownData}\n selectorValue={filterPillData.value}\n onChange={onChange}\n dropdownContentProps={{ align: 'start' }}\n >\n <StyledValueButton css={{\n ...(filterPillData.connector?.dataType === 'NO_VALUE' && {\n borderTopRightRadius: '$lg',\n borderBottomRightRadius: '$lg'\n })\n }}>\n <Text css={{ color: '$neutral700', padding: '3px $1 3px $1' }}>{filterPillData.connector?.label}</Text>\n </StyledValueButton>\n </CascaderDropdown>\n )}\n {filterPillData.connector?.value && filterPillData.connector?.dataType !== 'NO_VALUE' && (\n <CascaderDropdown\n data={cascaderDropdownData}\n selectorValue={filterPillData.value}\n value={filterPillData.connector}\n onChange={onChange}\n dropdownContentProps={{ align: 'start' }}\n >\n <StyledValueButton css={{ borderTopRightRadius: '$lg', borderBottomRightRadius: '$lg' }}>\n <Text\n css={{\n color: '$neutral900',\n padding: '3px $4 3px $2',\n ...(effectiveShowError && {\n color: '$negative700'\n })\n }}\n weight=\"medium\"\n >\n {getDisplayValue(filterPillData) ?? 'Choose Value'}\n </Text>\n </StyledValueButton>\n </CascaderDropdown>\n )}\n </Flex>\n <Tooltip content=\"Remove\">\n <StyledCloseButton className={prefixClassName('filter-pill__close-button')} onClick={() => onDelete()}>\n <CloseCircleFillIcon size={16} />\n </StyledCloseButton>\n </Tooltip>\n </StyledFilterPill>\n </TooltipProvider>\n );\n};\n\nconst FilterPillLabel = ({\n icon, label, css, labelProps, iconProps\n}: { icon?: React.ReactNode, label?: string, css?: CSS, labelProps?: TextProps, iconProps?: BoxProps }) => {\n return (\n <Flex alignItems=\"center\" gap=\"$2\" css={{ padding: '3px $2 3px $4', ...css }}>\n {icon && (\n <Box\n {...iconProps}\n css={{\n lineHeight: 0,\n flexShrink: 0,\n color: '$neutral800',\n '&, & svg': {\n minWidth: '$4',\n minHeight: '$4',\n height: '$4',\n width: '$4'\n },\n ...iconProps?.css\n }}\n >\n {icon}\n </Box>\n )}\n <Text\n weight=\"medium\"\n truncate\n {...labelProps}\n css={{ color: '$neutral700', maxWidth: '$25', ...labelProps?.css }}\n >\n {label}\n </Text>\n </Flex>\n );\n};\n\ntype FilterPillWithoutOperatorProps = {\n icon?: React.ReactNode;\n filterPillData: FilterType;\n setFilterPillData: (value: FilterType) => void;\n variant?: 'filled' | 'outline';\n data: CascaderDropdownOperatorType;\n onDelete: () => void;\n showError?: boolean;\n};\nexport const FilterPillWithoutOperator = ({\n icon,\n filterPillData,\n setFilterPillData,\n variant = 'outline',\n data,\n onDelete,\n showError = false\n}: FilterPillWithoutOperatorProps) => {\n const onChange = (value: CascaderDropdownValueSelectorType[keyof CascaderDropdownValueSelectorType]) => {\n const newFilterPillData = {\n ...filterPillData,\n value: {\n ...filterPillData.value,\n [data.dataType]: value\n },\n connector: {\n dataType: data.dataType,\n label: `${data.label}`,\n value: `${data.value}`,\n type: data.type\n }\n };\n setFilterPillData(newFilterPillData);\n };\n\n return (\n <TooltipProvider delayDuration={0}>\n <StyledFilterPill variant={showError ? 'error' : variant}>\n <FilterPillLabel icon={icon} label={`${filterPillData.property.label}:`} />\n {data.dataType === 'NO_VALUE' ? (\n <Flex>\n <StyledValueButton css={{ borderTopRightRadius: '$lg', borderBottomRightRadius: '$lg' }}>\n <Text\n css={{\n color: '$neutral700',\n padding: '3px $4 3px $2'\n }}\n weight=\"medium\"\n >\n {data.label}\n </Text>\n </StyledValueButton>\n </Flex>\n ) : (\n <FilterPillValueSelector selectorValue={filterPillData.value} dataType={data.dataType} choices={data.choices} onApply={onChange}>\n <Flex>\n <StyledValueButton css={{ borderTopRightRadius: '$lg', borderBottomRightRadius: '$lg' }}>\n <Text\n css={{\n color: '$neutral900',\n padding: '3px $4 3px $2',\n ...(showError && {\n color: '$negative700'\n })\n }}\n weight=\"medium\"\n >\n {getDisplayValue(filterPillData) ?? 'Choose Value'}\n </Text>\n </StyledValueButton>\n </Flex>\n </FilterPillValueSelector>\n )}\n <Tooltip content=\"Remove\">\n <StyledCloseButton className={prefixClassName('filter-pill__close-button')} onClick={() => onDelete()}>\n <CloseCircleFillIcon size={16} />\n </StyledCloseButton>\n </Tooltip>\n </StyledFilterPill>\n </TooltipProvider>\n );\n};\n\nconst StyledFilterPill = styled(Flex, {\n height: '$7',\n alignItems: 'center',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: '$black200',\n borderRadius: '$lg',\n transition: 'all $transitions$2',\n cursor: 'default',\n width: 'fit-content',\n position: 'relative',\n flexShrink: 0,\n '&:hover': {\n borderColor: '$black400'\n },\n [`&:hover .${prefixClassName('filter-pill__close-button')}`]: {\n opacity: 1\n },\n variants: {\n disabled: {\n true: {\n opacity: 0.4,\n cursor: 'not-allowed'\n }\n },\n variant: {\n outline: {\n backgroundColor: 'transparent'\n },\n filled: {\n backgroundColor: '$secondary50'\n },\n error: {\n backgroundColorOpacity: ['$negative500', 0.05],\n borderStyle: 'dashed',\n borderColor: '$negative400',\n '&:hover': {\n borderColor: '$negative400'\n }\n }\n }\n },\n defaultVariants: {\n variant: 'outline'\n }\n});\n\nconst StyledValueButton = styled('button', {\n backgroundColor: 'transparent',\n display: 'flex',\n alignItems: 'center',\n border: 'none',\n cursor: 'pointer',\n height: '100%',\n transition: 'all $transitions$2',\n outlineWidth: '1px',\n outlineStyle: 'solid',\n outlineColor: 'transparent',\n flexShrink: 0,\n '&:focus, &:active': {\n outlineColor: 'transparent'\n },\n '&:focus-visible': {\n outline: '1px solid $primary400'\n }\n});\n\nconst StyledCloseButton = styled('button', {\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'pointer',\n outline: 'none',\n color: '$neutral500',\n transition: 'all $transitions$2',\n lineHeight: 0,\n position: 'absolute',\n right: 0,\n top: 0,\n transform: 'translate(35%, -35%)',\n opacity: 0,\n background: 'radial-gradient($white900, $white900 50%, transparent 50%, transparent)',\n '&:hover, &:focus, &:active, &:focus-visible': {\n opacity: 1\n },\n '& path': {\n outlineWidth: '3px',\n outlineStyle: 'solid',\n outlineColor: '$white900',\n borderRadius: '$round'\n },\n '&:hover': {\n color: '$neutral800'\n },\n '&:hover path, &:focus path, &:active path, &:focus-visible path': {\n outlineColor: '#F2F5F8'\n }\n});\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAM,kBAAA,GAAqB,CACzB,QAAA,EACA,OAAA,KACW;AA1Cb,EAAA,IAAA,EAAA,EAAA,EAAA;AA2CE,EAAA,IAAI,EAAC,OAAA,IAAA,IAAA,GAAA,MAAA,GAAA,OAAA,CAAS,MAAA,CAAA;AAAQ,IAAA,OAAO,QAAA;AAC7B,EAAA,OAAA,CAAO,EAAA,GAAA,CAAA,EAAA,GAAA,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,UAAU,QAAQ,CAAA,KAAxC,IAAA,GAAA,MAAA,GAAA,EAAA,CAA2C,KAAA,KAA3C,IAAA,GAAA,EAAA,GAAoD,QAAA;AAC7D,CAAA;AAEA,MAAM,eAAA,GAAkB,CAAC,KAAA,KAAsB;AA/C/C,EAAA,IAAA,EAAA,EAAA,EAAA;AAgDE,EAAA,IAAI,CAAC,KAAA,CAAM,SAAA;AAAW,IAAA,OAAO,IAAA;AAC7B,EAAA,MAAM,YAAA,GAAA,CAAe,EAAA,GAAA,KAAA,CAAM,KAAA,KAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,MAAM,SAAA,CAAU,QAAA,CAAA;AACnD,EAAA,MAAM,OAAA,GAAA,CAAW,EAAA,GAAA,KAAA,CAAM,SAAA,KAAN,IAAA,GAAA,MAAA,GAAA,EAAA,CAAyB,OAAA;AAE1C,EAAA,IAAI,MAAM,SAAA,CAAU,QAAA,KAAa,UAAU,aAAA,IAAiB,OAAO,iBAAiB,QAAA,EAAU;AAC5F,IAAA,OAAO,kBAAA,CAAmB,cAAc,OAAO,CAAA;AAAA,EACjD;AACA,EAAA,IAAI,KAAA,CAAM,UAAU,QAAA,KAAa,SAAA,CAAU,gBAAgB,KAAA,CAAM,OAAA,CAAQ,YAAY,CAAA,EAAG;AACtF,IAAA,OAAO,YAAA,CAAa,GAAA,CAAI,CAAC,CAAA,KAAM,kBAAA,CAAmB,GAAG,OAAO,CAAC,CAAA,CAAE,IAAA,CAAK,IAAI,CAAA;AAAA,EAC1E;AACA,EAAA,IAAI,OAAO,YAAA,KAAiB,QAAA;AAAU,IAAA,OAAO,YAAA;AAC7C,EAAA,IAAI,KAAA,CAAM,QAAQ,YAAY,CAAA;AAAG,IAAA,OAAO,YAAA,CAAa,KAAK,IAAI,CAAA;AAC9D,EAAA,IAAI,KAAA,CAAM,UAAU,QAAA,KAAa,SAAA,CAAU,cAAc,OAAO,YAAA,KAAiB,QAAA,IAAY,YAAA,KAAiB,IAAA,EAAM;AAClH,IAAA,OAAO,CAAA,EAAG,YAAA,CAAa,KAAK,CAAA,GAAA,EAAM,aAAa,GAAG,CAAA,CAAA;AAAA,EACpD;AACA,EAAA,OAAO,IAAA;AACT,CAAA;AAEO,MAAM,aAAa,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,oBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAuB;AA1EvB,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA2EE,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,SAAS,KAAK,CAAA;AAChE,EAAA,MAAM,kBAAA,GAAqB,EAAA,CAAC,EAAA,GAAA,cAAA,CAAe,SAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAA0B,KAAA,CAAA;AACtD,EAAA,MAAM,kBAAA,GAAqB,SAAA,KAAc,CAAC,kBAAA,IAAsB,iBAAA,CAAA;AAEhE,EAAA,MAAM,wBAAA,GAA2B,CAAC,IAAA,KAAkB;AAClD,IAAA,IAAI,CAAC,QAAQ,kBAAA,EAAoB;AAC/B,MAAA,oBAAA,CAAqB,IAAI,CAAA;AAAA,IAC3B;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,WAAW,CAAC;AAAA,IAChB,gBAAA;AAAA,IACA;AAAA,GACF,KAA0B;AACxB,IAAA,IAAI,oBAAoB,MAAA,IAAU,gBAAA,IAAoB,gBAAA,CAAiB,IAAA,KAAS,YAAY,cAAA,EAAgB;AAC1G,MAAA,IAAI,EAAE,UAAA,IAAc,gBAAA,CAAA;AAAmB,QAAA;AACvC,MAAA,MAAM,SAAA,GAAiC;AAAA,QACrC,UAAU,gBAAA,CAAiB,QAAA;AAAA,QAC3B,KAAA,EAAO,CAAA,EAAG,gBAAA,CAAiB,KAAK,CAAA,CAAA;AAAA,QAChC,KAAA,EAAO,CAAA,EAAG,gBAAA,CAAiB,KAAK,CAAA,CAAA;AAAA,QAChC,MAAM,gBAAA,CAAiB;AAAA,OACzB;AACA,MAAA,IAAI,SAAA,IAAa,gBAAA,IAAoB,gBAAA,CAAiB,OAAA,EAAS;AAC7D,QAAA,SAAA,CAAU,UAAU,gBAAA,CAAiB,OAAA;AAAA,MACvC;AACA,MAAA,MAAM,iBAAA,GAAoB,iCACrB,cAAA,CAAA,EADqB;AAAA,QAExB,OAAO,aAAA,IAAA,IAAA,GAAA,aAAA,GAAiB,+BAAA;AAAA,QACxB;AAAA,OACF,CAAA;AACA,MAAA,iBAAA,CAAkB,iBAAiB,CAAA;AAAA,IACrC;AAAA,EACF,CAAA;AAEA,EAAA,uBACEA,cAAA,CAAA,aAAA,CAAC,eAAA,EAAA,EAAgB,aAAA,EAAe,CAAA,EAAA,+CAC7B,gBAAA,EAAA,EAAiB,OAAA,EAAS,kBAAA,GAAqB,OAAA,GAAU,OAAA,EAAA,kBACxDA,cAAA,CAAA,aAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAY,OAAO,cAAA,CAAe,QAAA,CAAS,KAAA,EAAO,UAAA,EAAY,EAAE,GAAA,EAAK,EAAE,KAAA,EAAO,eAAc,EAAE,EAAG,CAAA,kBAClHA,cAAA,CAAA,aAAA,CAAC,IAAA,EAAA,IAAA,EACE,EAAA,CAAC,EAAA,GAAA,cAAA,CAAe,SAAA,KAAf,mBAA0B,KAAA,CAAA,oBAC1BA,cAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,oBAAA;AAAA,MACN,eAAe,cAAA,CAAe,KAAA;AAAA,MAC9B,QAAA;AAAA,MACA,WAAA,EAAW,IAAA;AAAA,MACX,YAAA,EAAc,wBAAA;AAAA,MACd,oBAAA,EAAsB,EAAE,KAAA,EAAO,OAAA;AAAQ,KAAA;AAAA,oBAEvCA,cAAA,CAAA,aAAA,CAAC,qBAAkB,GAAA,EAAK,EAAE,sBAAsB,KAAA,EAAO,uBAAA,EAAyB,OAAM,EAAA,kBACpFA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,cAAA,CAAA;AAAA,UACH,KAAA,EAAO,aAAA;AAAA,UACP,OAAA,EAAS;AAAA,SAAA,EACL,kBAAA,IAAsB;AAAA,UACxB,KAAA,EAAO,cAAA;AAAA,UACP,UAAA,EAAY;AAAA,SACd;AAAA,OAAA;AAAA,MAEH;AAAA,KAGH;AAAA,GACF,EAAA,CAAA,CAED,EAAA,GAAA,cAAA,CAAe,SAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAA0B,KAAA,qBACzBA,cAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,oBAAA;AAAA,MACN,eAAe,cAAA,CAAe,KAAA;AAAA,MAC9B,QAAA;AAAA,MACA,oBAAA,EAAsB,EAAE,KAAA,EAAO,OAAA;AAAQ,KAAA;AAAA,oBAEvCA,cAAA,CAAA,aAAA,CAAC,qBAAkB,GAAA,EAAK,cAAA,CAAA,EAAA,EAAA,CAAA,CAClB,oBAAe,SAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAA0B,cAAa,UAAA,IAAc;AAAA,MACvD,oBAAA,EAAsB,KAAA;AAAA,MACtB,uBAAA,EAAyB;AAAA,KAC3B,CAAA,EAAA,kBAEAA,cAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,GAAA,EAAK,EAAE,KAAA,EAAO,aAAA,EAAe,OAAA,EAAS,eAAA,EAAgB,EAAA,EAAA,CAAI,EAAA,GAAA,cAAA,CAAe,SAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAA0B,KAAM,CAClG;AAAA,GACF,EAAA,CAAA,CAED,oBAAe,SAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAA0B,YAAS,EAAA,GAAA,cAAA,CAAe,SAAA,KAAf,IAAA,GAAA,MAAA,GAAA,EAAA,CAA0B,QAAA,MAAa,UAAA,oBACzEA,cAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,oBAAA;AAAA,MACN,eAAe,cAAA,CAAe,KAAA;AAAA,MAC9B,OAAO,cAAA,CAAe,SAAA;AAAA,MACtB,QAAA;AAAA,MACA,oBAAA,EAAsB,EAAE,KAAA,EAAO,OAAA;AAAQ,KAAA;AAAA,oBAEvCA,cAAA,CAAA,aAAA,CAAC,qBAAkB,GAAA,EAAK,EAAE,sBAAsB,KAAA,EAAO,uBAAA,EAAyB,OAAM,EAAA,kBACpFA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,cAAA,CAAA;AAAA,UACH,KAAA,EAAO,aAAA;AAAA,UACP,OAAA,EAAS;AAAA,SAAA,EACL,kBAAA,IAAsB;AAAA,UACxB,KAAA,EAAO;AAAA,SACT,CAAA;AAAA,QAEF,MAAA,EAAO;AAAA,OAAA;AAAA,MAAA,CAEN,EAAA,GAAA,eAAA,CAAgB,cAAc,CAAA,KAA9B,IAAA,GAAA,EAAA,GAAmC;AAAA,KAExC;AAAA,GAGN,mBACAA,cAAA,CAAA,aAAA,CAAC,OAAA,EAAA,EAAQ,SAAQ,QAAA,EAAA,kBACfA,cAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAW,eAAA,CAAgB,2BAA2B,GAAG,OAAA,EAAS,MAAM,QAAA,EAAS,EAAA,kBAClGA,cAAA,CAAA,aAAA,CAAC,mBAAA,EAAA,EAAoB,MAAM,EAAA,EAAI,CACjC,CACF,CACF,CACF,CAAA;AAEJ;AAEA,MAAM,kBAAkB,CAAC;AAAA,EACvB,IAAA;AAAA,EAAM,KAAA;AAAA,EAAO,GAAA;AAAA,EAAK,UAAA;AAAA,EAAY;AAChC,CAAA,KAA2G;AACzG,EAAA,uBACEA,cAAA,CAAA,aAAA,CAAC,IAAA,EAAA,EAAK,UAAA,EAAW,QAAA,EAAS,GAAA,EAAI,IAAA,EAAK,GAAA,EAAK,cAAA,CAAA,EAAE,OAAA,EAAS,eAAA,EAAA,EAAoB,GAAA,CAAA,EAAA,EACpE,IAAA,oBACCA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,SAAA,CAAA,EADL;AAAA,MAEC,GAAA,EAAK,cAAA,CAAA;AAAA,QACH,UAAA,EAAY,CAAA;AAAA,QACZ,UAAA,EAAY,CAAA;AAAA,QACZ,KAAA,EAAO,aAAA;AAAA,QACP,UAAA,EAAY;AAAA,UACV,QAAA,EAAU,IAAA;AAAA,UACV,SAAA,EAAW,IAAA;AAAA,UACX,MAAA,EAAQ,IAAA;AAAA,UACR,KAAA,EAAO;AAAA;AACT,OAAA,EACG,SAAA,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAW,GAAA;AAAA,KAAA,CAAA;AAAA,IAGf;AAAA,GACH,kBAEFA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA;AAAA,MACC,MAAA,EAAO,QAAA;AAAA,MACP,QAAA,EAAQ;AAAA,KAAA,EACJ,UAAA,CAAA,EAHL;AAAA,MAIC,KAAK,cAAA,CAAA,EAAE,KAAA,EAAO,aAAA,EAAe,QAAA,EAAU,SAAU,UAAA,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAY,GAAA;AAAA,KAAA,CAAA;AAAA,IAE5D;AAAA,GAEL,CAAA;AAEJ,CAAA;AAWO,MAAM,4BAA4B,CAAC;AAAA,EACxC,IAAA;AAAA,EACA,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,OAAA,GAAU,SAAA;AAAA,EACV,IAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAsC;AApPtC,EAAA,IAAA,EAAA;AAqPE,EAAA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAsF;AACtG,IAAA,MAAM,iBAAA,GAAoB,iCACrB,cAAA,CAAA,EADqB;AAAA,MAExB,KAAA,EAAO,aAAA,CAAA,cAAA,CAAA,EAAA,EACF,cAAA,CAAe,KAAA,CAAA,EADb;AAAA,QAEL,CAAC,IAAA,CAAK,QAAQ,GAAG;AAAA,OACnB,CAAA;AAAA,MACA,SAAA,EAAW;AAAA,QACT,UAAU,IAAA,CAAK,QAAA;AAAA,QACf,KAAA,EAAO,CAAA,EAAG,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,QACpB,KAAA,EAAO,CAAA,EAAG,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,QACpB,MAAM,IAAA,CAAK;AAAA;AACb,KACF,CAAA;AACA,IAAA,iBAAA,CAAkB,iBAAiB,CAAA;AAAA,EACrC,CAAA;AAEA,EAAA,uBACEA,cAAA,CAAA,aAAA,CAAC,eAAA,EAAA,EAAgB,aAAA,EAAe,CAAA,EAAA,+CAC7B,gBAAA,EAAA,EAAiB,OAAA,EAAS,SAAA,GAAY,OAAA,GAAU,OAAA,EAAA,kBAC/CA,cAAA,CAAA,aAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAY,OAAO,CAAA,EAAG,cAAA,CAAe,QAAA,CAAS,KAAK,CAAA,CAAA,CAAA,EAAK,CAAA,EACxE,IAAA,CAAK,QAAA,KAAa,6BACjBA,cAAA,CAAA,aAAA,CAAC,IAAA,EAAA,IAAA,kBACCA,cAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,EAAkB,KAAK,EAAE,oBAAA,EAAsB,KAAA,EAAO,uBAAA,EAAyB,OAAM,EAAA,kBACpFA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK;AAAA,QACH,KAAA,EAAO,aAAA;AAAA,QACP,OAAA,EAAS;AAAA,OACX;AAAA,MACA,MAAA,EAAO;AAAA,KAAA;AAAA,IAEN,IAAA,CAAK;AAAA,GAEV,CACF,CAAA,mBAEAA,cAAA,CAAA,aAAA,CAAC,uBAAA,EAAA,EAAwB,aAAA,EAAe,cAAA,CAAe,KAAA,EAAO,QAAA,EAAU,IAAA,CAAK,QAAA,EAAU,OAAA,EAAS,IAAA,CAAK,SAAS,OAAA,EAAS,QAAA,EAAA,kBACrHA,cAAA,CAAA,aAAA,CAAC,IAAA,EAAA,IAAA,kBACCA,cAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,EAAkB,GAAA,EAAK,EAAE,oBAAA,EAAsB,KAAA,EAAO,uBAAA,EAAyB,KAAA,EAAM,EAAA,kBACpFA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,cAAA,CAAA;AAAA,QACH,KAAA,EAAO,aAAA;AAAA,QACP,OAAA,EAAS;AAAA,OAAA,EACL,SAAA,IAAa;AAAA,QACf,KAAA,EAAO;AAAA,OACT,CAAA;AAAA,MAEF,MAAA,EAAO;AAAA,KAAA;AAAA,IAAA,CAEN,EAAA,GAAA,eAAA,CAAgB,cAAc,CAAA,KAA9B,IAAA,GAAA,EAAA,GAAmC;AAAA,GAExC,CACF,CACF,CAAA,kBAEFA,cAAA,CAAA,aAAA,CAAC,WAAQ,OAAA,EAAQ,QAAA,EAAA,kBACfA,cAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAW,eAAA,CAAgB,2BAA2B,CAAA,EAAG,OAAA,EAAS,MAAM,QAAA,EAAS,EAAA,kBAClGA,cAAA,CAAA,aAAA,CAAC,mBAAA,EAAA,EAAoB,IAAA,EAAM,EAAA,EAAI,CACjC,CACF,CACF,CACF,CAAA;AAEJ;AAEA,MAAM,gBAAA,GAAmB,OAAO,IAAA,EAAM;AAAA,EACpC,MAAA,EAAQ,IAAA;AAAA,EACR,UAAA,EAAY,QAAA;AAAA,EACZ,WAAA,EAAa,KAAA;AAAA,EACb,WAAA,EAAa,OAAA;AAAA,EACb,WAAA,EAAa,WAAA;AAAA,EACb,YAAA,EAAc,KAAA;AAAA,EACd,UAAA,EAAY,oBAAA;AAAA,EACZ,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,aAAA;AAAA,EACP,QAAA,EAAU,UAAA;AAAA,EACV,UAAA,EAAY,CAAA;AAAA,EACZ,SAAA,EAAW;AAAA,IACT,WAAA,EAAa;AAAA,GACf;AAAA,EACA,CAAC,CAAA,SAAA,EAAY,eAAA,CAAgB,2BAA2B,CAAC,EAAE,GAAG;AAAA,IAC5D,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,GAAA;AAAA,QACT,MAAA,EAAQ;AAAA;AACV,KACF;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EAAS;AAAA,QACP,eAAA,EAAiB;AAAA,OACnB;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,eAAA,EAAiB;AAAA,OACnB;AAAA,MACA,KAAA,EAAO;AAAA,QACL,sBAAA,EAAwB,CAAC,cAAA,EAAgB,IAAI,CAAA;AAAA,QAC7C,WAAA,EAAa,QAAA;AAAA,QACb,WAAA,EAAa,cAAA;AAAA,QACb,SAAA,EAAW;AAAA,UACT,WAAA,EAAa;AAAA;AACf;AACF;AACF,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAED,MAAM,iBAAA,GAAoB,OAAO,QAAA,EAAU;AAAA,EACzC,eAAA,EAAiB,aAAA;AAAA,EACjB,OAAA,EAAS,MAAA;AAAA,EACT,UAAA,EAAY,QAAA;AAAA,EACZ,MAAA,EAAQ,MAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,MAAA,EAAQ,MAAA;AAAA,EACR,UAAA,EAAY,oBAAA;AAAA,EACZ,YAAA,EAAc,KAAA;AAAA,EACd,YAAA,EAAc,OAAA;AAAA,EACd,YAAA,EAAc,aAAA;AAAA,EACd,UAAA,EAAY,CAAA;AAAA,EACZ,mBAAA,EAAqB;AAAA,IACnB,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,iBAAA,EAAmB;AAAA,IACjB,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAED,MAAM,iBAAA,GAAoB,OAAO,QAAA,EAAU;AAAA,EACzC,eAAA,EAAiB,aAAA;AAAA,EACjB,MAAA,EAAQ,MAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,OAAA,EAAS,MAAA;AAAA,EACT,KAAA,EAAO,aAAA;AAAA,EACP,UAAA,EAAY,oBAAA;AAAA,EACZ,UAAA,EAAY,CAAA;AAAA,EACZ,QAAA,EAAU,UAAA;AAAA,EACV,KAAA,EAAO,CAAA;AAAA,EACP,GAAA,EAAK,CAAA;AAAA,EACL,SAAA,EAAW,sBAAA;AAAA,EACX,OAAA,EAAS,CAAA;AAAA,EACT,UAAA,EAAY,yEAAA;AAAA,EACZ,6CAAA,EAA+C;AAAA,IAC7C,OAAA,EAAS;AAAA,GACX;AAAA,EACA,QAAA,EAAU;AAAA,IACR,YAAA,EAAc,KAAA;AAAA,IACd,YAAA,EAAc,OAAA;AAAA,IACd,YAAA,EAAc,WAAA;AAAA,IACd,YAAA,EAAc;AAAA,GAChB;AAAA,EACA,SAAA,EAAW;AAAA,IACT,KAAA,EAAO;AAAA,GACT;AAAA,EACA,iEAAA,EAAmE;AAAA,IACjE,YAAA,EAAc;AAAA;AAElB,CAAC,CAAA;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -603,6 +603,8 @@ type DynamicMappingPropsType = {
|
|
|
603
603
|
setMappingConditions?: (value: any) => void;
|
|
604
604
|
conditionData?: any;
|
|
605
605
|
conditionDescription?: string;
|
|
606
|
+
/** When true, includes Response PDF in submission properties; when omitted, it is hidden. */
|
|
607
|
+
hasResponsePDF?: boolean;
|
|
606
608
|
};
|
|
607
609
|
/**
|
|
608
610
|
* Dynamic mapping component for configuring and mapping integration fields
|
|
@@ -618,7 +620,7 @@ type DynamicMappingPropsType = {
|
|
|
618
620
|
* onSaveHandler={handleSave}
|
|
619
621
|
* />
|
|
620
622
|
*/
|
|
621
|
-
declare const DynamicMapping: ({ forceDisableMappingCTA, mappingType, integrationFields, configuration, isMappingPage, navigateMappingPage, setIntegrationFields, hasDerivedQuestions, token, apiURL, surveyDetails, importResponse, hasExistingMapping, onSaveHandler, editField, previousMappingHandler, surveyType, havingTypeDropdown, fields, setFields, surveyId, integrationName, customList, oldResponse, hasNamingModal, hasConditions, mappingConditions, setMappingConditions, conditionData, conditionDescription, }: DynamicMappingPropsType) => JSX.Element;
|
|
623
|
+
declare const DynamicMapping: ({ forceDisableMappingCTA, mappingType, integrationFields, configuration, isMappingPage, navigateMappingPage, setIntegrationFields, hasDerivedQuestions, token, apiURL, surveyDetails, importResponse, hasExistingMapping, onSaveHandler, editField, previousMappingHandler, surveyType, havingTypeDropdown, fields, setFields, surveyId, integrationName, customList, oldResponse, hasNamingModal, hasConditions, mappingConditions, setMappingConditions, conditionData, conditionDescription, hasResponsePDF, }: DynamicMappingPropsType) => JSX.Element;
|
|
622
624
|
|
|
623
625
|
declare const dataTypes: {
|
|
624
626
|
SINGLE_LINE_TEXT: string;
|
|
@@ -724,6 +726,8 @@ type CascaderDropdownProps = {
|
|
|
724
726
|
dropdownContentProps?: DropdownContentProps;
|
|
725
727
|
tooltipProps?: TooltipProps;
|
|
726
728
|
selectorValue?: CascaderDropdownValueSelectorType;
|
|
729
|
+
defaultOpen?: boolean;
|
|
730
|
+
onOpenChange?: (open: boolean) => void;
|
|
727
731
|
} & CascaderDropdownComponentProps;
|
|
728
732
|
type CascaderDropdownComponentProps = {};
|
|
729
733
|
type OnChangeReturnType = {
|
|
@@ -732,7 +736,7 @@ type OnChangeReturnType = {
|
|
|
732
736
|
selectedProperty: CascaderDropdownDataValueType | null;
|
|
733
737
|
selectorValue?: CascaderDropdownValueSelectorType;
|
|
734
738
|
};
|
|
735
|
-
declare const CascaderDropdown: ({ children, data, value, defaultValue, onChange, dropdownProps, dropdownContentProps, tooltipProps, selectorValue, }: CascaderDropdownProps) => react_jsx_runtime.JSX.Element;
|
|
739
|
+
declare const CascaderDropdown: ({ children, data, value, defaultValue, onChange, dropdownProps, dropdownContentProps, tooltipProps, selectorValue, defaultOpen, onOpenChange, }: CascaderDropdownProps) => react_jsx_runtime.JSX.Element;
|
|
736
740
|
|
|
737
741
|
export { CascaderDropdown, ContactImport, DynamicMapping, FilterPill, FilterPillWithoutOperator, IntegrationTemplate, Mapping, SingleMapping, Triggers };
|
|
738
742
|
export type { CascaderDropdownComponentProps, CascaderDropdownProps, DropdownContentProps, FilterPillProps, FilterValueItemType, FilterValueOperatorType, OnChangeReturnType, SingleMappingPropsType };
|