@raystack/apsara 0.48.3 → 0.48.5

package/dist/components/avatar/avatar.cjs

@@ -137,7 +137,7 @@ const getAvatarProps = (element) => {
     }
     return {};
 };
-const AvatarRoot = React.forwardRef(({ className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(box.Box, { className: avatar_module.default.imageWrapper, style: style, children: jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { ref: ref, className: index$1.cx(avatar({ size, radius, variant, color }), className), asChild: asChild, ...props, children: [jsxRuntime.jsxRuntimeExports.jsx(index.Image, { className: image(), src: src, alt: alt }), jsxRuntime.jsxRuntimeExports.jsx(index.Fallback, { className: avatar_module.default.fallback, children: fallback })] }) })));
+const AvatarRoot = React.forwardRef(({ className, alt, src, fallback, size, radius, variant, color, ...props }, ref) => (jsxRuntime.jsxRuntimeExports.jsx(box.Box, { className: avatar_module.default.imageWrapper, children: jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { ref: ref, className: index$1.cx(avatar({ size, radius, variant, color }), className), ...props, children: [jsxRuntime.jsxRuntimeExports.jsx(index.Image, { className: image(), src: src, alt: alt }), jsxRuntime.jsxRuntimeExports.jsx(index.Fallback, { className: avatar_module.default.fallback, children: fallback })] }) })));
 AvatarRoot.displayName = index.Root.displayName;
 const Avatar = AvatarRoot;
 const AvatarGroup = React.forwardRef(({ children, max, className, ...props }, ref) => {

package/dist/components/avatar/avatar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.cjs","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  isValidElement\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS } from './utils';\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles['avatar-small'],\n      full: styles['avatar-full']\n    },\n    size: {\n      1: styles['avatar-size-1'],\n      2: styles['avatar-size-2'],\n      3: styles['avatar-size-3'],\n      4: styles['avatar-size-4'],\n      5: styles['avatar-size-5'],\n      6: styles['avatar-size-6'],\n      7: styles['avatar-size-7'],\n      8: styles['avatar-size-8'],\n      9: styles['avatar-size-9'],\n      10: styles['avatar-size-10'],\n      11: styles['avatar-size-11'],\n      12: styles['avatar-size-12'],\n      13: styles['avatar-size-13']\n    },\n    variant: {\n      solid: styles['avatar-solid'],\n      soft: styles['avatar-soft']\n    },\n    disabled: {\n      true: styles['avatar-disabled']\n    },\n    color: {\n      indigo: styles['avatar-color-indigo'],\n      orange: styles['avatar-color-orange'],\n      mint: styles['avatar-color-mint'],\n      neutral: styles['avatar-color-neutral'],\n      sky: styles['avatar-color-sky'],\n      lime: styles['avatar-color-lime'],\n      grass: styles['avatar-color-grass'],\n      cyan: styles['avatar-color-cyan'],\n      iris: styles['avatar-color-iris'],\n      purple: styles['avatar-color-purple'],\n      pink: styles['avatar-color-pink'],\n      crimson: styles['avatar-color-crimson'],\n      gold: styles['avatar-color-gold']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'indigo',\n      className: styles['avatar-solid-indigo']\n    },\n    {\n      variant: 'solid',\n      color: 'orange',\n      className: styles['avatar-solid-orange']\n    },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    {\n      variant: 'solid',\n      color: 'grass',\n      className: styles['avatar-solid-grass']\n    },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    {\n      variant: 'solid',\n      color: 'purple',\n      className: styles['avatar-solid-purple']\n    },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    {\n      variant: 'solid',\n      color: 'crimson',\n      className: styles['avatar-solid-crimson']\n    },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    {\n      variant: 'soft',\n      color: 'indigo',\n      className: styles['avatar-soft-indigo']\n    },\n\n    {\n      variant: 'soft',\n      color: 'orange',\n      className: styles['avatar-soft-orange']\n    },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    {\n      variant: 'soft',\n      color: 'purple',\n      className: styles['avatar-soft-purple']\n    },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    {\n      variant: 'soft',\n      color: 'crimson',\n      className: styles['avatar-soft-crimson']\n    },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: 'small',\n    variant: 'soft',\n    color: 'indigo'\n  }\n});\n\nconst image = cva(styles.image);\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */\nexport const getAvatarProps = (element: ReactElement): AvatarProps => {\n  const { props } = element;\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: 'solid' | 'soft';\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    {\n      className,\n      alt,\n      src,\n      fallback,\n      size,\n      radius,\n      variant,\n      color,\n      style,\n      asChild,\n      ...props\n    },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper} style={style}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={cx(avatar({ size, radius, variant, color }), className)}\n        asChild={asChild}\n        {...props}\n      >\n        <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div ref={ref} className={cx(styles.avatarGroup, className)} {...props}>\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["cva","styles","isValidElement","forwardRef","_jsx","Box","_jsxs","AvatarPrimitive.Root","cx","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}
+{"version":3,"file":"avatar.cjs","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  isValidElement\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS } from './utils';\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles['avatar-small'],\n      full: styles['avatar-full']\n    },\n    size: {\n      1: styles['avatar-size-1'],\n      2: styles['avatar-size-2'],\n      3: styles['avatar-size-3'],\n      4: styles['avatar-size-4'],\n      5: styles['avatar-size-5'],\n      6: styles['avatar-size-6'],\n      7: styles['avatar-size-7'],\n      8: styles['avatar-size-8'],\n      9: styles['avatar-size-9'],\n      10: styles['avatar-size-10'],\n      11: styles['avatar-size-11'],\n      12: styles['avatar-size-12'],\n      13: styles['avatar-size-13']\n    },\n    variant: {\n      solid: styles['avatar-solid'],\n      soft: styles['avatar-soft']\n    },\n    disabled: {\n      true: styles['avatar-disabled']\n    },\n    color: {\n      indigo: styles['avatar-color-indigo'],\n      orange: styles['avatar-color-orange'],\n      mint: styles['avatar-color-mint'],\n      neutral: styles['avatar-color-neutral'],\n      sky: styles['avatar-color-sky'],\n      lime: styles['avatar-color-lime'],\n      grass: styles['avatar-color-grass'],\n      cyan: styles['avatar-color-cyan'],\n      iris: styles['avatar-color-iris'],\n      purple: styles['avatar-color-purple'],\n      pink: styles['avatar-color-pink'],\n      crimson: styles['avatar-color-crimson'],\n      gold: styles['avatar-color-gold']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'indigo',\n      className: styles['avatar-solid-indigo']\n    },\n    {\n      variant: 'solid',\n      color: 'orange',\n      className: styles['avatar-solid-orange']\n    },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    {\n      variant: 'solid',\n      color: 'grass',\n      className: styles['avatar-solid-grass']\n    },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    {\n      variant: 'solid',\n      color: 'purple',\n      className: styles['avatar-solid-purple']\n    },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    {\n      variant: 'solid',\n      color: 'crimson',\n      className: styles['avatar-solid-crimson']\n    },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    {\n      variant: 'soft',\n      color: 'indigo',\n      className: styles['avatar-soft-indigo']\n    },\n\n    {\n      variant: 'soft',\n      color: 'orange',\n      className: styles['avatar-soft-orange']\n    },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    {\n      variant: 'soft',\n      color: 'purple',\n      className: styles['avatar-soft-purple']\n    },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    {\n      variant: 'soft',\n      color: 'crimson',\n      className: styles['avatar-soft-crimson']\n    },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: 'small',\n    variant: 'soft',\n    color: 'indigo'\n  }\n});\n\nconst image = cva(styles.image);\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */\nexport const getAvatarProps = (element: ReactElement): AvatarProps => {\n  const { props } = element;\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: 'solid' | 'soft';\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, ...props },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={cx(avatar({ size, radius, variant, color }), className)}\n        {...props}\n      >\n        <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div ref={ref} className={cx(styles.avatarGroup, className)} {...props}>\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["cva","styles","isValidElement","forwardRef","_jsx","Box","_jsxs","AvatarPrimitive.Root","cx","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}

package/dist/components/avatar/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,wBAAwB,EAExB,YAAY,EACZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,MAAM;;;;;;8EAiHV,CAAC;AAQH,eAAO,MAAM,cAAc,YAAa,YAAY,KAAG,WAatD,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwCD,eAAO,MAAM,MAAM,yGAAa,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,6GA6BvB,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../components/avatar/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EACL,wBAAwB,EAExB,YAAY,EACZ,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAA,MAAM,MAAM;;;;;;8EAiHV,CAAC;AAQH,eAAO,MAAM,cAAc,YAAa,YAAY,KAAG,WAatD,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,MAAM,CAAC;IAC7B,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,eAAO,MAAM,MAAM,yGAAa,CAAC;AAEjC,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,CAAC;IAC5C,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW,6GA6BvB,CAAC"}

package/dist/components/avatar/avatar.js

@@ -135,7 +135,7 @@ const getAvatarProps = (element) => {
     }
     return {};
 };
-const AvatarRoot = forwardRef(({ className, alt, src, fallback, size, radius, variant, color, style, asChild, ...props }, ref) => (jsxRuntimeExports.jsx(Box, { className: styles.imageWrapper, style: style, children: jsxRuntimeExports.jsxs(Root, { ref: ref, className: cx(avatar({ size, radius, variant, color }), className), asChild: asChild, ...props, children: [jsxRuntimeExports.jsx(Image, { className: image(), src: src, alt: alt }), jsxRuntimeExports.jsx(Fallback, { className: styles.fallback, children: fallback })] }) })));
+const AvatarRoot = forwardRef(({ className, alt, src, fallback, size, radius, variant, color, ...props }, ref) => (jsxRuntimeExports.jsx(Box, { className: styles.imageWrapper, children: jsxRuntimeExports.jsxs(Root, { ref: ref, className: cx(avatar({ size, radius, variant, color }), className), ...props, children: [jsxRuntimeExports.jsx(Image, { className: image(), src: src, alt: alt }), jsxRuntimeExports.jsx(Fallback, { className: styles.fallback, children: fallback })] }) })));
 AvatarRoot.displayName = Root.displayName;
 const Avatar = AvatarRoot;
 const AvatarGroup = forwardRef(({ children, max, className, ...props }, ref) => {

package/dist/components/avatar/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  isValidElement\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS } from './utils';\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles['avatar-small'],\n      full: styles['avatar-full']\n    },\n    size: {\n      1: styles['avatar-size-1'],\n      2: styles['avatar-size-2'],\n      3: styles['avatar-size-3'],\n      4: styles['avatar-size-4'],\n      5: styles['avatar-size-5'],\n      6: styles['avatar-size-6'],\n      7: styles['avatar-size-7'],\n      8: styles['avatar-size-8'],\n      9: styles['avatar-size-9'],\n      10: styles['avatar-size-10'],\n      11: styles['avatar-size-11'],\n      12: styles['avatar-size-12'],\n      13: styles['avatar-size-13']\n    },\n    variant: {\n      solid: styles['avatar-solid'],\n      soft: styles['avatar-soft']\n    },\n    disabled: {\n      true: styles['avatar-disabled']\n    },\n    color: {\n      indigo: styles['avatar-color-indigo'],\n      orange: styles['avatar-color-orange'],\n      mint: styles['avatar-color-mint'],\n      neutral: styles['avatar-color-neutral'],\n      sky: styles['avatar-color-sky'],\n      lime: styles['avatar-color-lime'],\n      grass: styles['avatar-color-grass'],\n      cyan: styles['avatar-color-cyan'],\n      iris: styles['avatar-color-iris'],\n      purple: styles['avatar-color-purple'],\n      pink: styles['avatar-color-pink'],\n      crimson: styles['avatar-color-crimson'],\n      gold: styles['avatar-color-gold']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'indigo',\n      className: styles['avatar-solid-indigo']\n    },\n    {\n      variant: 'solid',\n      color: 'orange',\n      className: styles['avatar-solid-orange']\n    },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    {\n      variant: 'solid',\n      color: 'grass',\n      className: styles['avatar-solid-grass']\n    },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    {\n      variant: 'solid',\n      color: 'purple',\n      className: styles['avatar-solid-purple']\n    },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    {\n      variant: 'solid',\n      color: 'crimson',\n      className: styles['avatar-solid-crimson']\n    },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    {\n      variant: 'soft',\n      color: 'indigo',\n      className: styles['avatar-soft-indigo']\n    },\n\n    {\n      variant: 'soft',\n      color: 'orange',\n      className: styles['avatar-soft-orange']\n    },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    {\n      variant: 'soft',\n      color: 'purple',\n      className: styles['avatar-soft-purple']\n    },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    {\n      variant: 'soft',\n      color: 'crimson',\n      className: styles['avatar-soft-crimson']\n    },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: 'small',\n    variant: 'soft',\n    color: 'indigo'\n  }\n});\n\nconst image = cva(styles.image);\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */\nexport const getAvatarProps = (element: ReactElement): AvatarProps => {\n  const { props } = element;\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: 'solid' | 'soft';\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    {\n      className,\n      alt,\n      src,\n      fallback,\n      size,\n      radius,\n      variant,\n      color,\n      style,\n      asChild,\n      ...props\n    },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper} style={style}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={cx(avatar({ size, radius, variant, color }), className)}\n        asChild={asChild}\n        {...props}\n      >\n        <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div ref={ref} className={cx(styles.avatarGroup, className)} {...props}>\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["_jsx","_jsxs","AvatarPrimitive.Root","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}
+{"version":3,"file":"avatar.js","sources":["../../../components/avatar/avatar.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ReactElement,\n  ReactNode,\n  forwardRef,\n  isValidElement\n} from 'react';\nimport { Box } from '../box';\nimport styles from './avatar.module.css';\nimport { AVATAR_COLORS } from './utils';\n\nconst avatar = cva(styles.avatar, {\n  variants: {\n    radius: {\n      small: styles['avatar-small'],\n      full: styles['avatar-full']\n    },\n    size: {\n      1: styles['avatar-size-1'],\n      2: styles['avatar-size-2'],\n      3: styles['avatar-size-3'],\n      4: styles['avatar-size-4'],\n      5: styles['avatar-size-5'],\n      6: styles['avatar-size-6'],\n      7: styles['avatar-size-7'],\n      8: styles['avatar-size-8'],\n      9: styles['avatar-size-9'],\n      10: styles['avatar-size-10'],\n      11: styles['avatar-size-11'],\n      12: styles['avatar-size-12'],\n      13: styles['avatar-size-13']\n    },\n    variant: {\n      solid: styles['avatar-solid'],\n      soft: styles['avatar-soft']\n    },\n    disabled: {\n      true: styles['avatar-disabled']\n    },\n    color: {\n      indigo: styles['avatar-color-indigo'],\n      orange: styles['avatar-color-orange'],\n      mint: styles['avatar-color-mint'],\n      neutral: styles['avatar-color-neutral'],\n      sky: styles['avatar-color-sky'],\n      lime: styles['avatar-color-lime'],\n      grass: styles['avatar-color-grass'],\n      cyan: styles['avatar-color-cyan'],\n      iris: styles['avatar-color-iris'],\n      purple: styles['avatar-color-purple'],\n      pink: styles['avatar-color-pink'],\n      crimson: styles['avatar-color-crimson'],\n      gold: styles['avatar-color-gold']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'indigo',\n      className: styles['avatar-solid-indigo']\n    },\n    {\n      variant: 'solid',\n      color: 'orange',\n      className: styles['avatar-solid-orange']\n    },\n    { variant: 'solid', color: 'mint', className: styles['avatar-solid-mint'] },\n    { variant: 'solid', color: 'sky', className: styles['avatar-solid-sky'] },\n    { variant: 'solid', color: 'lime', className: styles['avatar-solid-lime'] },\n    {\n      variant: 'solid',\n      color: 'grass',\n      className: styles['avatar-solid-grass']\n    },\n    { variant: 'solid', color: 'cyan', className: styles['avatar-solid-cyan'] },\n    { variant: 'solid', color: 'iris', className: styles['avatar-solid-iris'] },\n    {\n      variant: 'solid',\n      color: 'purple',\n      className: styles['avatar-solid-purple']\n    },\n    { variant: 'solid', color: 'pink', className: styles['avatar-solid-pink'] },\n    {\n      variant: 'solid',\n      color: 'crimson',\n      className: styles['avatar-solid-crimson']\n    },\n    { variant: 'solid', color: 'gold', className: styles['avatar-solid-gold'] },\n    {\n      variant: 'soft',\n      color: 'indigo',\n      className: styles['avatar-soft-indigo']\n    },\n\n    {\n      variant: 'soft',\n      color: 'orange',\n      className: styles['avatar-soft-orange']\n    },\n    { variant: 'soft', color: 'mint', className: styles['avatar-soft-mint'] },\n    { variant: 'soft', color: 'sky', className: styles['avatar-soft-sky'] },\n    { variant: 'soft', color: 'lime', className: styles['avatar-soft-lime'] },\n    { variant: 'soft', color: 'grass', className: styles['avatar-soft-grass'] },\n    { variant: 'soft', color: 'cyan', className: styles['avatar-soft-cyan'] },\n    { variant: 'soft', color: 'iris', className: styles['avatar-soft-iris'] },\n    {\n      variant: 'soft',\n      color: 'purple',\n      className: styles['avatar-soft-purple']\n    },\n    { variant: 'soft', color: 'pink', className: styles['avatar-soft-pink'] },\n    {\n      variant: 'soft',\n      color: 'crimson',\n      className: styles['avatar-soft-crimson']\n    },\n    { variant: 'soft', color: 'gold', className: styles['avatar-soft-gold'] }\n  ],\n  defaultVariants: {\n    size: 3,\n    radius: 'small',\n    variant: 'soft',\n    color: 'indigo'\n  }\n});\n\nconst image = cva(styles.image);\n\n/*\n * @desc Recursively get the avatar props even if it's\n * wrapped in another component like Tooltip, Flex, etc.\n */\nexport const getAvatarProps = (element: ReactElement): AvatarProps => {\n  const { props } = element;\n\n  if (element.type === Avatar) {\n    return props;\n  }\n\n  if (props.children) {\n    if (isValidElement(props.children)) {\n      return getAvatarProps(props.children);\n    }\n  }\n  return {};\n};\n\nexport interface AvatarProps\n  extends ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatar> {\n  size?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13;\n  src?: string;\n  alt?: string;\n  fallback?: ReactNode;\n  variant?: 'solid' | 'soft';\n  color?: AVATAR_COLORS;\n  asChild?: boolean;\n  className?: string;\n}\n\nconst AvatarRoot = forwardRef<\n  ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(\n  (\n    { className, alt, src, fallback, size, radius, variant, color, ...props },\n    ref\n  ) => (\n    <Box className={styles.imageWrapper}>\n      <AvatarPrimitive.Root\n        ref={ref}\n        className={cx(avatar({ size, radius, variant, color }), className)}\n        {...props}\n      >\n        <AvatarPrimitive.Image className={image()} src={src} alt={alt} />\n        <AvatarPrimitive.Fallback className={styles.fallback}>\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      </AvatarPrimitive.Root>\n    </Box>\n  )\n);\n\nAvatarRoot.displayName = AvatarPrimitive.Root.displayName;\n\nexport const Avatar = AvatarRoot;\n\nexport interface AvatarGroupProps extends ComponentPropsWithoutRef<'div'> {\n  children: React.ReactElement<AvatarProps>[];\n  max?: number;\n}\n\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(\n  ({ children, max, className, ...props }, ref) => {\n    const avatars = max ? children.slice(0, max) : children;\n    const count = max && children.length > max ? children.length - max : 0;\n\n    // Overflow avatar matches the first avatar styling\n    const firstAvatarProps = getAvatarProps(avatars[0]);\n\n    return (\n      <div ref={ref} className={cx(styles.avatarGroup, className)} {...props}>\n        {avatars.map((avatar, index) => (\n          <div key={index} className={styles.avatarWrapper}>\n            {avatar}\n          </div>\n        ))}\n        {count > 0 && (\n          <div className={styles.avatarWrapper}>\n            <Avatar\n              size={firstAvatarProps.size}\n              radius={firstAvatarProps.radius}\n              variant={firstAvatarProps.variant}\n              color='neutral'\n              fallback={`+${count}`}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n"],"names":["_jsx","_jsxs","AvatarPrimitive.Root","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":"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"}

package/dist/components/data-table/utils/filter-operations.cjs

@@ -27,7 +27,7 @@ const filterOperationsMap = {
         },
         gte: (row, columnId, filterValue) => {
             return Number(row.getValue(columnId)) >= Number(filterValue.value);
-        },
+        }
     },
     string: {
         eq: (row, columnId, filterValue) => {
@@ -42,44 +42,60 @@ const filterOperationsMap = {
             const columnValue = row.getValue(columnId).toLowerCase();
             const filterStr = filterValue.value.toLowerCase();
             return columnValue.includes(filterStr);
-        },
+        }
     },
     date: {
         eq: (row, columnId, filterValue) => {
-            return dayjs_min.default(row.getValue(columnId)).isSame(dayjs_min.default(filterValue.date), "day");
+            return dayjs_min.default(row.getValue(columnId)).isSame(dayjs_min.default(filterValue.date), 'day');
         },
         neq: (row, columnId, filterValue) => {
-            return !dayjs_min.default(row.getValue(columnId)).isSame(dayjs_min.default(filterValue.date), "day");
+            return !dayjs_min.default(row.getValue(columnId)).isSame(dayjs_min.default(filterValue.date), 'day');
         },
         lt: (row, columnId, filterValue) => {
-            return dayjs_min.default(row.getValue(columnId)).isBefore(dayjs_min.default(filterValue.date), "day");
+            return dayjs_min.default(row.getValue(columnId)).isBefore(dayjs_min.default(filterValue.date), 'day');
         },
         lte: (row, columnId, filterValue) => {
-            return dayjs_min.default(row.getValue(columnId)).isSameOrBefore(dayjs_min.default(filterValue.date), "day");
+            return dayjs_min.default(row.getValue(columnId)).isSameOrBefore(dayjs_min.default(filterValue.date), 'day');
         },
         gt: (row, columnId, filterValue) => {
-            return dayjs_min.default(row.getValue(columnId)).isAfter(dayjs_min.default(filterValue.date), "day");
+            return dayjs_min.default(row.getValue(columnId)).isAfter(dayjs_min.default(filterValue.date), 'day');
         },
         gte: (row, columnId, filterValue) => {
-            return dayjs_min.default(row.getValue(columnId)).isSameOrAfter(dayjs_min.default(filterValue.date), "day");
-        },
+            return dayjs_min.default(row.getValue(columnId)).isSameOrAfter(dayjs_min.default(filterValue.date), 'day');
+        }
     },
     select: {
         eq: (row, columnId, filterValue) => {
             if (String(filterValue.value) === dataTable_types.EmptyFilterValue) {
-                return row.getValue(columnId) === "";
+                return row.getValue(columnId) === '';
             }
             // Select only supports string values
             return String(row.getValue(columnId)) === String(filterValue.value);
         },
         neq: (row, columnId, filterValue) => {
             if (String(filterValue.value) === dataTable_types.EmptyFilterValue) {
-                return row.getValue(columnId) !== "";
+                return row.getValue(columnId) !== '';
             }
             // Select only supports string values
             return String(row.getValue(columnId)) !== String(filterValue.value);
-        },
+        }
     },
+    multiselect: {
+        in: (row, columnId, filterValue) => {
+            if (!Array.isArray(filterValue.value))
+                return false;
+            return filterValue.value
+                .map(value => (value === dataTable_types.EmptyFilterValue ? '' : String(value)))
+                .includes(String(row.getValue(columnId)));
+        },
+        notin: (row, columnId, filterValue) => {
+            if (!Array.isArray(filterValue.value))
+                return false;
+            return !filterValue.value
+                .map(value => (value === dataTable_types.EmptyFilterValue ? '' : String(value)))
+                .includes(String(row.getValue(columnId)));
+        }
+    }
 };
 function getFilterFn(type, operator) {
     // @ts-expect-error FilterOperatorTypes is union of all possible operators
@@ -90,41 +106,49 @@ const handleStringBasedTypes = (filterType, value) => {
         case filters.FilterType.date:
             return {
                 value,
-                stringValue: value.toISOString(),
+                stringValue: value.toISOString()
             };
         case filters.FilterType.select:
             return {
-                stringValue: value === dataTable_types.EmptyFilterValue ? "" : value,
+                stringValue: value === dataTable_types.EmptyFilterValue ? '' : value,
+                value
+            };
+        case filters.FilterType.multiselect:
+            return {
                 value,
+                stringValue: value
+                    .map((value) => value === dataTable_types.EmptyFilterValue ? '' : String(value))
+                    .join()
             };
         default:
             return {
                 stringValue: value,
-                value,
+                value
             };
     }
 };
-const getFilterOperator = ({ value, filterType, operator, }) => {
+const getFilterOperator = ({ value, filterType, operator }) => {
     return value === dataTable_types.EmptyFilterValue && filterType === filters.FilterType.select
-        ? "empty"
+        ? 'empty'
         : operator;
 };
-const getFilterValue = ({ value, dataType = "string", filterType = filters.FilterType.string, }) => {
-    if (dataType === "boolean") {
+const getFilterValue = ({ value, dataType = 'string', filterType = filters.FilterType.string }) => {
+    if (dataType === 'boolean') {
         return { boolValue: value, value };
     }
-    if (dataType === "number") {
+    if (dataType === 'number') {
         return { numberValue: value, value };
     }
     // Handle string-based types
     return handleStringBasedTypes(filterType, value);
 };
-const getDataType = ({ filterType = filters.FilterType.string, dataType = "string", }) => {
+const getDataType = ({ filterType = filters.FilterType.string, dataType = 'string' }) => {
     switch (filterType) {
+        case filters.FilterType.multiselect:
         case filters.FilterType.select:
             return dataType;
         case filters.FilterType.date:
-            return "string";
+            return 'string';
         default:
             return filterType;
     }

package/dist/components/data-table/utils/filter-operations.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-operations.cjs","sources":["../../../../components/data-table/utils/filter-operations.tsx"],"sourcesContent":["import type { FilterFn } from \"@tanstack/table-core\";\nimport dayjs from \"dayjs\";\nimport isSameOrAfter from \"dayjs/plugin/isSameOrAfter\";\nimport isSameOrBefore from \"dayjs/plugin/isSameOrBefore\";\n\nimport {\n  DateFilterOperatorType,\n  FilterOperatorTypes,\n  FilterValue,\n  NumberFilterOperatorType,\n  StringFilterOperatorType,\n  SelectFilterOperatorType,\n  FilterTypes,\n  FilterValueType,\n  FilterType,\n} from \"~/types/filters\";\nimport { EmptyFilterValue, RQLFilterValues } from \"../data-table.types\";\n\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\n\nexport type FilterFunctionsMap = {\n  number: Record<NumberFilterOperatorType, FilterFn<any>>;\n  string: Record<StringFilterOperatorType, FilterFn<any>>;\n  date: Record<DateFilterOperatorType, FilterFn<any>>;\n  select: Record<SelectFilterOperatorType, FilterFn<any>>;\n};\n\nexport const filterOperationsMap: FilterFunctionsMap = {\n  number: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) === Number(filterValue.value);\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) !== Number(filterValue.value);\n    },\n    lt: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) < Number(filterValue.value);\n    },\n    lte: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) <= Number(filterValue.value);\n    },\n    gt: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) > Number(filterValue.value);\n    },\n    gte: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) >= Number(filterValue.value);\n    },\n  },\n  string: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      return (\n        String(row.getValue(columnId)).toLowerCase() ===\n        String(filterValue.value).toLowerCase()\n      );\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      return (\n        String(row.getValue(columnId)).toLowerCase() !==\n        String(filterValue.value).toLowerCase()\n      );\n    },\n    like: (row, columnId, filterValue: FilterValue) => {\n      const columnValue = (row.getValue(columnId) as string).toLowerCase();\n      const filterStr = (filterValue.value as string).toLowerCase();\n      return columnValue.includes(filterStr);\n    },\n  },\n  date: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isSame(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      return !dayjs(row.getValue(columnId)).isSame(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n    lt: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isBefore(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n    lte: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isSameOrBefore(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n    gt: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isAfter(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n    gte: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isSameOrAfter(\n        dayjs(filterValue.date),\n        \"day\"\n      );\n    },\n  },\n  select: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      if (String(filterValue.value) === EmptyFilterValue) {\n        return row.getValue(columnId) === \"\";\n      }\n      // Select only supports string values\n      return String(row.getValue(columnId)) === String(filterValue.value);\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      if (String(filterValue.value) === EmptyFilterValue) {\n        return row.getValue(columnId) !== \"\";\n      }\n      // Select only supports string values\n      return String(row.getValue(columnId)) !== String(filterValue.value);\n    },\n  },\n} as const;\n\nexport function getFilterFn<T extends keyof FilterFunctionsMap>(\n  type: T,\n  operator: FilterOperatorTypes\n) {\n  // @ts-expect-error FilterOperatorTypes is union of all possible operators\n  return filterOperationsMap[type][operator];\n}\n\nconst handleStringBasedTypes = (\n  filterType: FilterTypes,\n  value: any\n): RQLFilterValues => {\n  switch (filterType) {\n    case FilterType.date:\n      return {\n        value,\n        stringValue: (value as Date).toISOString(),\n      };\n    case FilterType.select:\n      return {\n        stringValue: value === EmptyFilterValue ? \"\" : value,\n        value,\n      };\n    default:\n      return {\n        stringValue: value,\n        value,\n      };\n  }\n};\n\nexport const getFilterOperator = ({\n  value,\n  filterType,\n  operator,\n}: {\n  value: any;\n  filterType?: FilterTypes;\n  operator: FilterOperatorTypes;\n}): FilterOperatorTypes => {\n  return value === EmptyFilterValue && filterType === FilterType.select\n    ? \"empty\"\n    : operator;\n};\n\nexport const getFilterValue = ({\n  value,\n  dataType = \"string\",\n  filterType = FilterType.string,\n}: {\n  value: any;\n  dataType?: FilterValueType;\n  filterType?: FilterTypes;\n}): RQLFilterValues => {\n  if (dataType === \"boolean\") {\n    return { boolValue: value, value };\n  }\n  if (dataType === \"number\") {\n    return { numberValue: value, value };\n  }\n\n  // Handle string-based types\n  return handleStringBasedTypes(filterType, value);\n};\n\nexport const getDataType = ({\n  filterType = FilterType.string,\n  dataType = \"string\",\n}: {\n  dataType?: FilterValueType;\n  filterType?: FilterTypes;\n}): FilterValueType => {\n  switch (filterType) {\n    case FilterType.select:\n      return dataType;\n    case FilterType.date:\n      return \"string\";\n    default:\n      return filterType;\n  }\n};\n"],"names":["dayjs","isSameOrAfter","isSameOrBefore","EmptyFilterValue","FilterType"],"mappings":"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"}
+{"version":3,"file":"filter-operations.cjs","sources":["../../../../components/data-table/utils/filter-operations.tsx"],"sourcesContent":["import type { FilterFn } from '@tanstack/table-core';\nimport dayjs from 'dayjs';\nimport isSameOrAfter from 'dayjs/plugin/isSameOrAfter';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore';\n\nimport {\n  DateFilterOperatorType,\n  FilterOperatorTypes,\n  FilterType,\n  FilterTypes,\n  FilterValue,\n  FilterValueType,\n  MultiSelectFilterOperatorType,\n  NumberFilterOperatorType,\n  SelectFilterOperatorType,\n  StringFilterOperatorType\n} from '~/types/filters';\nimport { EmptyFilterValue, RQLFilterValues } from '../data-table.types';\n\ndayjs.extend(isSameOrAfter);\ndayjs.extend(isSameOrBefore);\n\nexport type FilterFunctionsMap = {\n  number: Record<NumberFilterOperatorType, FilterFn<any>>;\n  string: Record<StringFilterOperatorType, FilterFn<any>>;\n  date: Record<DateFilterOperatorType, FilterFn<any>>;\n  select: Record<SelectFilterOperatorType, FilterFn<any>>;\n  multiselect: Record<MultiSelectFilterOperatorType, FilterFn<any>>;\n};\n\nexport const filterOperationsMap: FilterFunctionsMap = {\n  number: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) === Number(filterValue.value);\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) !== Number(filterValue.value);\n    },\n    lt: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) < Number(filterValue.value);\n    },\n    lte: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) <= Number(filterValue.value);\n    },\n    gt: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) > Number(filterValue.value);\n    },\n    gte: (row, columnId, filterValue: FilterValue) => {\n      return Number(row.getValue(columnId)) >= Number(filterValue.value);\n    }\n  },\n  string: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      return (\n        String(row.getValue(columnId)).toLowerCase() ===\n        String(filterValue.value).toLowerCase()\n      );\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      return (\n        String(row.getValue(columnId)).toLowerCase() !==\n        String(filterValue.value).toLowerCase()\n      );\n    },\n    like: (row, columnId, filterValue: FilterValue) => {\n      const columnValue = (row.getValue(columnId) as string).toLowerCase();\n      const filterStr = (filterValue.value as string).toLowerCase();\n      return columnValue.includes(filterStr);\n    }\n  },\n  date: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isSame(\n        dayjs(filterValue.date),\n        'day'\n      );\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      return !dayjs(row.getValue(columnId)).isSame(\n        dayjs(filterValue.date),\n        'day'\n      );\n    },\n    lt: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isBefore(\n        dayjs(filterValue.date),\n        'day'\n      );\n    },\n    lte: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isSameOrBefore(\n        dayjs(filterValue.date),\n        'day'\n      );\n    },\n    gt: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isAfter(\n        dayjs(filterValue.date),\n        'day'\n      );\n    },\n    gte: (row, columnId, filterValue: FilterValue) => {\n      return dayjs(row.getValue(columnId)).isSameOrAfter(\n        dayjs(filterValue.date),\n        'day'\n      );\n    }\n  },\n  select: {\n    eq: (row, columnId, filterValue: FilterValue) => {\n      if (String(filterValue.value) === EmptyFilterValue) {\n        return row.getValue(columnId) === '';\n      }\n      // Select only supports string values\n      return String(row.getValue(columnId)) === String(filterValue.value);\n    },\n    neq: (row, columnId, filterValue: FilterValue) => {\n      if (String(filterValue.value) === EmptyFilterValue) {\n        return row.getValue(columnId) !== '';\n      }\n      // Select only supports string values\n      return String(row.getValue(columnId)) !== String(filterValue.value);\n    }\n  },\n  multiselect: {\n    in: (row, columnId, filterValue: FilterValue) => {\n      if (!Array.isArray(filterValue.value)) return false;\n\n      return filterValue.value\n        .map(value => (value === EmptyFilterValue ? '' : String(value)))\n        .includes(String(row.getValue(columnId)));\n    },\n    notin: (row, columnId, filterValue: FilterValue) => {\n      if (!Array.isArray(filterValue.value)) return false;\n\n      return !filterValue.value\n        .map(value => (value === EmptyFilterValue ? '' : String(value)))\n        .includes(String(row.getValue(columnId)));\n    }\n  }\n} as const;\n\nexport function getFilterFn<T extends keyof FilterFunctionsMap>(\n  type: T,\n  operator: FilterOperatorTypes\n) {\n  // @ts-expect-error FilterOperatorTypes is union of all possible operators\n  return filterOperationsMap[type][operator];\n}\n\nconst handleStringBasedTypes = (\n  filterType: FilterTypes,\n  value: any\n): RQLFilterValues => {\n  switch (filterType) {\n    case FilterType.date:\n      return {\n        value,\n        stringValue: (value as Date).toISOString()\n      };\n    case FilterType.select:\n      return {\n        stringValue: value === EmptyFilterValue ? '' : value,\n        value\n      };\n    case FilterType.multiselect:\n      return {\n        value,\n        stringValue: value\n          .map((value: any) =>\n            value === EmptyFilterValue ? '' : String(value)\n          )\n          .join()\n      };\n    default:\n      return {\n        stringValue: value,\n        value\n      };\n  }\n};\n\nexport const getFilterOperator = ({\n  value,\n  filterType,\n  operator\n}: {\n  value: any;\n  filterType?: FilterTypes;\n  operator: FilterOperatorTypes;\n}): FilterOperatorTypes => {\n  return value === EmptyFilterValue && filterType === FilterType.select\n    ? 'empty'\n    : operator;\n};\n\nexport const getFilterValue = ({\n  value,\n  dataType = 'string',\n  filterType = FilterType.string\n}: {\n  value: any;\n  dataType?: FilterValueType;\n  filterType?: FilterTypes;\n}): RQLFilterValues => {\n  if (dataType === 'boolean') {\n    return { boolValue: value, value };\n  }\n  if (dataType === 'number') {\n    return { numberValue: value, value };\n  }\n\n  // Handle string-based types\n  return handleStringBasedTypes(filterType, value);\n};\n\nexport const getDataType = ({\n  filterType = FilterType.string,\n  dataType = 'string'\n}: {\n  dataType?: FilterValueType;\n  filterType?: FilterTypes;\n}): FilterValueType => {\n  switch (filterType) {\n    case FilterType.multiselect:\n    case FilterType.select:\n      return dataType;\n    case FilterType.date:\n      return 'string';\n    default:\n      return filterType;\n  }\n};\n"],"names":["dayjs","isSameOrAfter","isSameOrBefore","EmptyFilterValue","FilterType"],"mappings":"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"}

package/dist/components/data-table/utils/filter-operations.d.ts

@@ -1,26 +1,27 @@
-import type { FilterFn } from "@tanstack/table-core";
-import { DateFilterOperatorType, FilterOperatorTypes, NumberFilterOperatorType, StringFilterOperatorType, SelectFilterOperatorType, FilterTypes, FilterValueType } from "~/types/filters";
-import { RQLFilterValues } from "../data-table.types";
+import type { FilterFn } from '@tanstack/table-core';
+import { DateFilterOperatorType, FilterOperatorTypes, FilterTypes, FilterValueType, MultiSelectFilterOperatorType, NumberFilterOperatorType, SelectFilterOperatorType, StringFilterOperatorType } from '~/types/filters';
+import { RQLFilterValues } from '../data-table.types';
 export type FilterFunctionsMap = {
     number: Record<NumberFilterOperatorType, FilterFn<any>>;
     string: Record<StringFilterOperatorType, FilterFn<any>>;
     date: Record<DateFilterOperatorType, FilterFn<any>>;
     select: Record<SelectFilterOperatorType, FilterFn<any>>;
+    multiselect: Record<MultiSelectFilterOperatorType, FilterFn<any>>;
 };
 export declare const filterOperationsMap: FilterFunctionsMap;
 export declare function getFilterFn<T extends keyof FilterFunctionsMap>(type: T, operator: FilterOperatorTypes): any;
-export declare const getFilterOperator: ({ value, filterType, operator, }: {
+export declare const getFilterOperator: ({ value, filterType, operator }: {
     value: any;
-    filterType?: "string" | "number" | "select" | "date" | undefined;
+    filterType?: "string" | "number" | "select" | "date" | "multiselect" | undefined;
     operator: FilterOperatorTypes;
 }) => FilterOperatorTypes;
-export declare const getFilterValue: ({ value, dataType, filterType, }: {
+export declare const getFilterValue: ({ value, dataType, filterType }: {
     value: any;
     dataType?: FilterValueType | undefined;
-    filterType?: "string" | "number" | "select" | "date" | undefined;
+    filterType?: "string" | "number" | "select" | "date" | "multiselect" | undefined;
 }) => RQLFilterValues;
-export declare const getDataType: ({ filterType, dataType, }: {
+export declare const getDataType: ({ filterType, dataType }: {
     dataType?: FilterValueType | undefined;
-    filterType?: "string" | "number" | "select" | "date" | undefined;
+    filterType?: "string" | "number" | "select" | "date" | "multiselect" | undefined;
 }) => FilterValueType;
 //# sourceMappingURL=filter-operations.d.ts.map

package/dist/components/data-table/utils/filter-operations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-operations.d.ts","sourceRoot":"","sources":["../../../../components/data-table/utils/filter-operations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKrD,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EAEnB,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACxB,WAAW,EACX,eAAe,EAEhB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAoB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAKxE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC,wBAAwB,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACxD,MAAM,EAAE,MAAM,CAAC,wBAAwB,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACxD,IAAI,EAAE,MAAM,CAAC,sBAAsB,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACpD,MAAM,EAAE,MAAM,CAAC,wBAAwB,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,kBA8FxB,CAAC;AAEX,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAC5D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,mBAAmB,OAI9B;AAyBD,eAAO,MAAM,iBAAiB;WAKrB,GAAG;;cAEA,mBAAmB;MAC3B,mBAIH,CAAC;AAEF,eAAO,MAAM,cAAc;WAKlB,GAAG;;;MAGR,eAUH,CAAC;AAEF,eAAO,MAAM,WAAW;;;MAMpB,eASH,CAAC"}
+{"version":3,"file":"filter-operations.d.ts","sourceRoot":"","sources":["../../../../components/data-table/utils/filter-operations.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAKrD,OAAO,EACL,sBAAsB,EACtB,mBAAmB,EAEnB,WAAW,EAEX,eAAe,EACf,6BAA6B,EAC7B,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAoB,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAKxE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,MAAM,CAAC,wBAAwB,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACxD,MAAM,EAAE,MAAM,CAAC,wBAAwB,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACxD,IAAI,EAAE,MAAM,CAAC,sBAAsB,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACpD,MAAM,EAAE,MAAM,CAAC,wBAAwB,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IACxD,WAAW,EAAE,MAAM,CAAC,6BAA6B,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,kBA8GxB,CAAC;AAEX,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,kBAAkB,EAC5D,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,mBAAmB,OAI9B;AAkCD,eAAO,MAAM,iBAAiB;WAKrB,GAAG;;cAEA,mBAAmB;MAC3B,mBAIH,CAAC;AAEF,eAAO,MAAM,cAAc;WAKlB,GAAG;;;MAGR,eAUH,CAAC;AAEF,eAAO,MAAM,WAAW;;;MAMpB,eAUH,CAAC"}

package/dist/components/data-table/utils/filter-operations.js

@@ -25,7 +25,7 @@ const filterOperationsMap = {
         },
         gte: (row, columnId, filterValue) => {
             return Number(row.getValue(columnId)) >= Number(filterValue.value);
-        },
+        }
     },
     string: {
         eq: (row, columnId, filterValue) => {
@@ -40,44 +40,60 @@ const filterOperationsMap = {
             const columnValue = row.getValue(columnId).toLowerCase();
             const filterStr = filterValue.value.toLowerCase();
             return columnValue.includes(filterStr);
-        },
+        }
     },
     date: {
         eq: (row, columnId, filterValue) => {
-            return dayjs(row.getValue(columnId)).isSame(dayjs(filterValue.date), "day");
+            return dayjs(row.getValue(columnId)).isSame(dayjs(filterValue.date), 'day');
         },
         neq: (row, columnId, filterValue) => {
-            return !dayjs(row.getValue(columnId)).isSame(dayjs(filterValue.date), "day");
+            return !dayjs(row.getValue(columnId)).isSame(dayjs(filterValue.date), 'day');
         },
         lt: (row, columnId, filterValue) => {
-            return dayjs(row.getValue(columnId)).isBefore(dayjs(filterValue.date), "day");
+            return dayjs(row.getValue(columnId)).isBefore(dayjs(filterValue.date), 'day');
         },
         lte: (row, columnId, filterValue) => {
-            return dayjs(row.getValue(columnId)).isSameOrBefore(dayjs(filterValue.date), "day");
+            return dayjs(row.getValue(columnId)).isSameOrBefore(dayjs(filterValue.date), 'day');
         },
         gt: (row, columnId, filterValue) => {
-            return dayjs(row.getValue(columnId)).isAfter(dayjs(filterValue.date), "day");
+            return dayjs(row.getValue(columnId)).isAfter(dayjs(filterValue.date), 'day');
         },
         gte: (row, columnId, filterValue) => {
-            return dayjs(row.getValue(columnId)).isSameOrAfter(dayjs(filterValue.date), "day");
-        },
+            return dayjs(row.getValue(columnId)).isSameOrAfter(dayjs(filterValue.date), 'day');
+        }
     },
     select: {
         eq: (row, columnId, filterValue) => {
             if (String(filterValue.value) === EmptyFilterValue) {
-                return row.getValue(columnId) === "";
+                return row.getValue(columnId) === '';
             }
             // Select only supports string values
             return String(row.getValue(columnId)) === String(filterValue.value);
         },
         neq: (row, columnId, filterValue) => {
             if (String(filterValue.value) === EmptyFilterValue) {
-                return row.getValue(columnId) !== "";
+                return row.getValue(columnId) !== '';
             }
             // Select only supports string values
             return String(row.getValue(columnId)) !== String(filterValue.value);
-        },
+        }
     },
+    multiselect: {
+        in: (row, columnId, filterValue) => {
+            if (!Array.isArray(filterValue.value))
+                return false;
+            return filterValue.value
+                .map(value => (value === EmptyFilterValue ? '' : String(value)))
+                .includes(String(row.getValue(columnId)));
+        },
+        notin: (row, columnId, filterValue) => {
+            if (!Array.isArray(filterValue.value))
+                return false;
+            return !filterValue.value
+                .map(value => (value === EmptyFilterValue ? '' : String(value)))
+                .includes(String(row.getValue(columnId)));
+        }
+    }
 };
 function getFilterFn(type, operator) {
     // @ts-expect-error FilterOperatorTypes is union of all possible operators
@@ -88,41 +104,49 @@ const handleStringBasedTypes = (filterType, value) => {
         case FilterType.date:
             return {
                 value,
-                stringValue: value.toISOString(),
+                stringValue: value.toISOString()
             };
         case FilterType.select:
             return {
-                stringValue: value === EmptyFilterValue ? "" : value,
+                stringValue: value === EmptyFilterValue ? '' : value,
+                value
+            };
+        case FilterType.multiselect:
+            return {
                 value,
+                stringValue: value
+                    .map((value) => value === EmptyFilterValue ? '' : String(value))
+                    .join()
             };
         default:
             return {
                 stringValue: value,
-                value,
+                value
             };
     }
 };
-const getFilterOperator = ({ value, filterType, operator, }) => {
+const getFilterOperator = ({ value, filterType, operator }) => {
     return value === EmptyFilterValue && filterType === FilterType.select
-        ? "empty"
+        ? 'empty'
         : operator;
 };
-const getFilterValue = ({ value, dataType = "string", filterType = FilterType.string, }) => {
-    if (dataType === "boolean") {
+const getFilterValue = ({ value, dataType = 'string', filterType = FilterType.string }) => {
+    if (dataType === 'boolean') {
         return { boolValue: value, value };
     }
-    if (dataType === "number") {
+    if (dataType === 'number') {
         return { numberValue: value, value };
     }
     // Handle string-based types
     return handleStringBasedTypes(filterType, value);
 };
-const getDataType = ({ filterType = FilterType.string, dataType = "string", }) => {
+const getDataType = ({ filterType = FilterType.string, dataType = 'string' }) => {
     switch (filterType) {
+        case FilterType.multiselect:
         case FilterType.select:
             return dataType;
         case FilterType.date:
-            return "string";
+            return 'string';
         default:
             return filterType;
     }