@sparrowengg/integrations-templates-frontend 1.9.84-beta.16 → 1.9.84-beta.17

package/dist/es/filter/filter-pill.js.map

@@ -0,0 +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 getDisplayValue = (value: FilterType) => {\n  if (!value.connector) return null;\n  const displayValue = value.value?.[value.connector.dataType];\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 newFilterPillData = {\n        ...filterPillData,\n        value: selectorValue ?? initialFilterValueSelectorValue,\n        connector: {\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      };\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>\n                <Text css={{ color: '$neutral700', padding: '3px $1 3px $1' }}>{filterPillData.connector?.label}</Text>\n              </StyledValueButton>\n            </CascaderDropdown>\n          )}\n          {filterPillData.connector?.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        <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        <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":"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"}

package/dist/es/index.js

@@ -5,4 +5,6 @@ export { SingleMapping } from './single-mapping/index.js';
 export { Triggers } from './triggers/index.js';
 export { ContactImport } from './contact-import/index.js';
 export { DynamicMapping } from './dynamic-mapping/index.js';
+export { FilterPill, FilterPillWithoutOperator } from './filter/filter-pill.js';
+export { CascaderDropdown } from './cascader-dropdown/cascader-dropdown.js';
 //# sourceMappingURL=index.js.map

package/dist/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}