@cryptlex/web-components 6.6.30 → 6.6.31
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/dist/components/badge.js +1 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/button.d.ts +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/button.js.map +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/data-table.js +1 -1
- package/dist/components/data-table.js.map +1 -1
- package/lib/index.css +15 -3
- package/package.json +6 -4
package/dist/components/badge.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as u,jsx as e}from"react/jsx-runtime";import{cva as c}from"class-variance-authority";import{classNames as s}from"../utilities/theme.js";import"clsx";const o=c("leading-tight body-sm px-
|
|
1
|
+
import{jsxs as u,jsx as e}from"react/jsx-runtime";import{cva as c}from"class-variance-authority";import{classNames as s}from"../utilities/theme.js";import"clsx";const o=c("leading-tight body-sm px-2 relative rounded-full inline-flex gap-2 items-center justify-start select-none h-input-sm focus:outline-hidden focus:ring-1 focus:ring-ring",{variants:{variant:{success:"bg-success/20 text-success",destructive:"bg-destructive/20 text-destructive",warning:"bg-warning/20 text-warning",neutral:"bg-muted/20 text-muted"}},defaultVariants:{variant:"neutral"}}),d={success:"bg-success",destructive:"bg-destructive",warning:"bg-warning",neutral:"bg-muted"};function p({className:n,children:r,variant:t,...a}){const i=d[t??"neutral"];return u("span",{className:s(o({variant:t}),n),...a,children:[e("span",{role:"presentation",className:s("rounded-full size-2",i)}),e("span",{children:r})]})}export{p as Badge,o as badgeVariants};
|
|
2
2
|
//# sourceMappingURL=badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sources":["../../lib/components/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { classNames } from '../utilities/theme';\n\nexport const badgeVariants = cva(\n 'leading-tight body-sm px-
|
|
1
|
+
{"version":3,"file":"badge.js","sources":["../../lib/components/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\nimport { classNames } from '../utilities/theme';\n\nexport const badgeVariants = cva(\n 'leading-tight body-sm px-2 relative rounded-full inline-flex gap-2 items-center justify-start select-none h-input-sm focus:outline-hidden focus:ring-1 focus:ring-ring',\n {\n variants: {\n variant: {\n success: 'bg-success/20 text-success',\n destructive: 'bg-destructive/20 text-destructive',\n warning: 'bg-warning/20 text-warning',\n neutral: 'bg-muted/20 text-muted',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n },\n }\n);\n\ntype BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>['variant']>;\n\nconst dotVariants: Record<BadgeVariant, string> = {\n success: 'bg-success',\n destructive: 'bg-destructive',\n warning: 'bg-warning',\n neutral: 'bg-muted',\n};\n\nexport function Badge({\n className,\n children,\n variant,\n ...props\n}: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants>) {\n const dotClass = dotVariants[variant ?? 'neutral'];\n return (\n <span className={classNames(badgeVariants({ variant }), className)} {...props}>\n <span role=\"presentation\" className={classNames('rounded-full size-2', dotClass)}></span>\n {/* Contents */}\n <span>{children}</span>\n </span>\n );\n}\n"],"names":["badgeVariants","cva","dotVariants","Badge","className","children","variant","props","dotClass","jsxs","classNames","jsx"],"mappings":"iKAIO,MAAMA,EAAgBC,EACzB,yKACA,CACI,SAAU,CACN,QAAS,CACL,QAAS,6BACT,YAAa,qCACb,QAAS,6BACT,QAAS,wBAAA,CACb,EAEJ,gBAAiB,CACb,QAAS,SAAA,CACb,CAER,EAIMC,EAA4C,CAC9C,QAAS,aACT,YAAa,iBACb,QAAS,aACT,QAAS,UACb,EAEO,SAASC,EAAM,CAClB,UAAAC,EACA,SAAAC,EACA,QAAAC,EACA,GAAGC,CACP,EAAsE,CAClE,MAAMC,EAAWN,EAAYI,GAAW,SAAS,EACjD,OACIG,EAAC,OAAA,CAAK,UAAWC,EAAWV,EAAc,CAAE,QAAAM,CAAA,CAAS,EAAGF,CAAS,EAAI,GAAGG,EACpE,SAAA,CAAAI,EAAC,QAAK,KAAK,eAAe,UAAWD,EAAW,sBAAuBF,CAAQ,EAAG,EAElFG,EAAC,QAAM,SAAAN,CAAA,CAAS,CAAA,EACpB,CAER"}
|
|
@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import { ButtonProps as AriaButtonProps } from 'react-aria-components';
|
|
3
3
|
export declare const buttonVariants: (props?: ({
|
|
4
4
|
variant?: "link" | "primary" | "destructive" | "destructive_neutral" | "neutral" | "primary_neutral" | "ghost" | null | undefined;
|
|
5
|
-
size?: "none" | "default" | "icon" | null | undefined;
|
|
5
|
+
size?: "none" | "default" | "sm" | "icon" | "icon-sm" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export type ButtonProps = AriaButtonProps & VariantProps<typeof buttonVariants> & {
|
|
8
8
|
ref?: React.Ref<HTMLButtonElement>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{jsx as r,jsxs as
|
|
1
|
+
"use client";import{jsx as r,jsxs as d,Fragment as i}from"react/jsx-runtime";import{cva as p}from"class-variance-authority";import{Button as c,composeRenderProps as a}from"react-aria-components";import{classNames as l}from"../utilities/theme.js";import{Loader as b}from"./loader.js";import"clsx";import"./icons.js";import"react";const f=p("btn",{variants:{variant:{primary:"btn-primary",destructive:"btn-destructive",destructive_neutral:"btn-destructive-neutral",neutral:"btn-neutral",primary_neutral:"btn-primary-neutral",ghost:"btn-ghost",link:"btn-link"},size:{default:"input-dim",sm:"h-input-sm px-2 py-1 body-sm rounded-md leading-tight",icon:"size-input rounded-md","icon-sm":"size-input-sm rounded-md",none:""}},defaultVariants:{variant:"neutral",size:"default"}});function k({className:n,variant:o,size:m,children:s,isPending:e,active:v,...u}){return r(c,{...u,className:a(n,t=>l(f({variant:o,size:m,className:t}),n)),children:a(s,t=>d(i,{children:[e&&r(b,{}),!e&&r(i,{children:t})]}))})}export{k as Button,f as buttonVariants};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sources":["../../lib/components/button.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Button as AriaButton, composeRenderProps, type ButtonProps as AriaButtonProps } from 'react-aria-components';\nimport { classNames } from '../utilities/theme';\nimport { Loader } from './loader';\n\nexport const buttonVariants = cva('btn', {\n variants: {\n variant: {\n primary: 'btn-primary',\n destructive: 'btn-destructive',\n destructive_neutral: 'btn-destructive-neutral',\n neutral: 'btn-neutral',\n primary_neutral: 'btn-primary-neutral',\n ghost: 'btn-ghost',\n link: 'btn-link',\n },\n size: {\n default: 'input-dim',\n icon: 'size-input rounded-md',\n none: '',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'default',\n },\n});\n\nexport type ButtonProps = AriaButtonProps &\n VariantProps<typeof buttonVariants> & {\n ref?: React.Ref<HTMLButtonElement>;\n active?: boolean;\n };\n\nexport function Button({\n className: additionalClasses,\n variant,\n size,\n children,\n isPending,\n active,\n ...props\n}: ButtonProps) {\n return (\n <AriaButton\n {...props}\n className={composeRenderProps(additionalClasses, className =>\n classNames(\n buttonVariants({\n variant,\n size,\n className,\n }),\n additionalClasses\n )\n )}\n >\n {composeRenderProps(children, children => (\n <>\n {isPending && <Loader />}\n {!isPending && <>{children}</>}\n </>\n ))}\n </AriaButton>\n );\n}\n"],"names":["buttonVariants","cva","Button","additionalClasses","variant","size","children","isPending","active","props","jsx","AriaButton","composeRenderProps","className","classNames","jsxs","Fragment","Loader"],"mappings":"yUAMO,MAAMA,EAAiBC,EAAI,MAAO,CACrC,SAAU,CACN,QAAS,CACL,QAAS,cACT,YAAa,kBACb,oBAAqB,0BACrB,QAAS,cACT,gBAAiB,sBACjB,MAAO,YACP,KAAM,UAAA,EAEV,KAAM,CACF,QAAS,YACT,KAAM,wBACN,KAAM,EAAA,CACV,EAEJ,gBAAiB,CACb,QAAS,UACT,KAAM,SAAA,CAEd,CAAC,EAQM,SAASC,EAAO,CACnB,UAAWC,EACX,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CACP,EAAgB,CACZ,OACIC,EAACC,EAAA,CACI,GAAGF,EACJ,UAAWG,EAAmBT,EAAmBU,GAC7CC,EACId,EAAe,CACX,QAAAI,EACA,KAAAC,EACA,UAAAQ,CAAA,CACH,EACDV,CAAA,CACJ,EAGH,SAAAS,EAAmBN,EAAUA,GAC1BS,EAAAC,EAAA,CACK,SAAA,CAAAT,KAAcU,EAAA,EAAO,EACrB,CAACV,GAAaG,EAAAM,EAAA,CAAG,SAAAV,CAAAA,CAAS,CAAA,EAC/B,CACH,CAAA,CAAA,CAGb"}
|
|
1
|
+
{"version":3,"file":"button.js","sources":["../../lib/components/button.tsx"],"sourcesContent":["'use client';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Button as AriaButton, composeRenderProps, type ButtonProps as AriaButtonProps } from 'react-aria-components';\nimport { classNames } from '../utilities/theme';\nimport { Loader } from './loader';\n\nexport const buttonVariants = cva('btn', {\n variants: {\n variant: {\n primary: 'btn-primary',\n destructive: 'btn-destructive',\n destructive_neutral: 'btn-destructive-neutral',\n neutral: 'btn-neutral',\n primary_neutral: 'btn-primary-neutral',\n ghost: 'btn-ghost',\n link: 'btn-link',\n },\n size: {\n default: 'input-dim',\n sm: 'h-input-sm px-2 py-1 body-sm rounded-md leading-tight',\n icon: 'size-input rounded-md',\n 'icon-sm': 'size-input-sm rounded-md',\n none: '',\n },\n },\n defaultVariants: {\n variant: 'neutral',\n size: 'default',\n },\n});\n\nexport type ButtonProps = AriaButtonProps &\n VariantProps<typeof buttonVariants> & {\n ref?: React.Ref<HTMLButtonElement>;\n active?: boolean;\n };\n\nexport function Button({\n className: additionalClasses,\n variant,\n size,\n children,\n isPending,\n active,\n ...props\n}: ButtonProps) {\n return (\n <AriaButton\n {...props}\n className={composeRenderProps(additionalClasses, className =>\n classNames(\n buttonVariants({\n variant,\n size,\n className,\n }),\n additionalClasses\n )\n )}\n >\n {composeRenderProps(children, children => (\n <>\n {isPending && <Loader />}\n {!isPending && <>{children}</>}\n </>\n ))}\n </AriaButton>\n );\n}\n"],"names":["buttonVariants","cva","Button","additionalClasses","variant","size","children","isPending","active","props","jsx","AriaButton","composeRenderProps","className","classNames","jsxs","Fragment","Loader"],"mappings":"yUAMO,MAAMA,EAAiBC,EAAI,MAAO,CACrC,SAAU,CACN,QAAS,CACL,QAAS,cACT,YAAa,kBACb,oBAAqB,0BACrB,QAAS,cACT,gBAAiB,sBACjB,MAAO,YACP,KAAM,UAAA,EAEV,KAAM,CACF,QAAS,YACT,GAAI,wDACJ,KAAM,wBACN,UAAW,2BACX,KAAM,EAAA,CACV,EAEJ,gBAAiB,CACb,QAAS,UACT,KAAM,SAAA,CAEd,CAAC,EAQM,SAASC,EAAO,CACnB,UAAWC,EACX,QAAAC,EACA,KAAAC,EACA,SAAAC,EACA,UAAAC,EACA,OAAAC,EACA,GAAGC,CACP,EAAgB,CACZ,OACIC,EAACC,EAAA,CACI,GAAGF,EACJ,UAAWG,EAAmBT,EAAmBU,GAC7CC,EACId,EAAe,CACX,QAAAI,EACA,KAAAC,EACA,UAAAQ,CAAA,CACH,EACDV,CAAA,CACJ,EAGH,SAAAS,EAAmBN,EAAUA,GAC1BS,EAAAC,EAAA,CACK,SAAA,CAAAT,KAAcU,EAAA,EAAO,EACrB,CAACV,GAAaG,EAAAM,EAAA,CAAG,SAAAV,CAAAA,CAAS,CAAA,EAC/B,CACH,CAAA,CAAA,CAGb"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{jsx as e,Fragment as
|
|
1
|
+
"use client";import{jsx as e,Fragment as y,jsxs as w}from"react/jsx-runtime";import{useId as F}from"react";import{Checkbox as I,composeRenderProps as g,CheckboxGroup as B}from"react-aria-components";import{useFieldContext as S}from"../utilities/form-context.js";import{classNames as s}from"../utilities/theme.js";import{labelVariants as z,FormField as j}from"./form.js";import{IcMinus as D,IcCheck as G}from"./icons.js";import"@tanstack/react-form";import"clsx";import"class-variance-authority";import"./card.js";const c="group-data-[disabled]/checkbox:cursor-not-allowed group-data-[disabled]/checkbox:opacity-50",a="group-data-[invalid]/checkbox:border-destructive",x="focus:outline-none focus-visible:outline-none",p="group-data-[selected]/checkbox:bg-primary",R="relative shrink-0 h-6 w-11 rounded-full border border-input bg-elevation-1 transition-colors duration-200",$="absolute top-1/2 -translate-y-1/2 left-0.5 h-5 w-5 rounded-full bg-background border border-input transition-transform duration-200",q="flex shrink-0 items-center bg-elevation-1 rounded-md justify-center border border-input text-current ring-offset-background",K={sm:"size-icon",lg:"size-input"},f={sm:"size-3",lg:"size-icon"},U=B;function T({className:o,label:t,description:n,errorMessage:d,requiredIndicator:l,variant:k="checkbox",size:r="lg",...u}){const v=F(),b=u.id||v,C=k==="switch",N=!!(t||n||d||l),m=e(I,{className:g(o,h=>s("group/checkbox cursor-pointer relative focus-ring flex items-center gap-x-2 disabled-muted",z,h)),id:b,...u,children:g(e(y,{}),(h,i)=>C?e("div",{className:s(R,p,c,a,"group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive",x),children:e("div",{className:s($,"group-data-[selected]/checkbox:translate-x-4.5",c,a)})}):w("div",{className:s(q,"group-data-[indeterminate]/checkbox:bg-primary",p,"group-data-[indeterminate]/checkbox:text-primary-foreground group-data-[selected]/checkbox:text-primary-foreground",c,a,"group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:text-destructive-foreground",x,K[r]),children:[i.isIndeterminate&&e(D,{className:f[r]}),!i.isIndeterminate&&i.isSelected&&e(G,{className:f[r]})]}))});return N?e("div",{className:"group form-field",children:e(j,{label:t,description:n,errorMessage:d,requiredIndicator:l,htmlFor:b,children:m})}):e("div",{className:"group flex",children:m})}function W({...o}){const t=S({disabled:o.isDisabled});return e(T,{requiredIndicator:t.isRequired,isSelected:t.state.value,isDisabled:t.isSubmitting||o.isDisabled,onChange:()=>t.handleChange(!t.state.value),onBlur:t.handleBlur,...o})}export{T as Checkbox,U as CheckboxGroup,W as TfCheckbox};
|
|
2
2
|
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sources":["../../lib/components/checkbox.tsx"],"sourcesContent":["'use client';\nimport { useId } from 'react';\nimport {\n Checkbox as AriaCheckbox,\n CheckboxGroup as AriaCheckboxGroup,\n composeRenderProps,\n type CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\n\nimport { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\nimport { FormField, labelVariants, type FormFieldProps } from './form';\nimport { IcCheck, IcMinus } from './icons';\n\nconst disabledClasses = 'group-data-[disabled]/checkbox:cursor-not-allowed group-data-[disabled]/checkbox:opacity-50';\nconst invalidBorderClasses = 'group-data-[invalid]/checkbox:border-destructive';\nconst focusResetClasses = 'focus:outline-none focus-visible:outline-none';\nconst selectedPrimaryClasses = 'group-data-[selected]/checkbox:bg-primary';\n\nconst switchBaseClasses =\n 'relative shrink-0 h-6 w-11 rounded-full border border-input bg-elevation-1 transition-colors duration-200';\nconst switchKnobClasses =\n 'absolute top-1/2 -translate-y-1/2 left-0.5 h-5 w-5 rounded-full bg-background border border-input transition-transform duration-200';\n\nconst checkboxBaseClasses =\n 'flex shrink-0 items-center bg-elevation-1 rounded-md justify-center border border-input text-current ring-offset-background';\n\nconst sizeClasses = {\n sm: 'size-icon',\n lg: 'size-input',\n};\nexport const CheckboxGroup = AriaCheckboxGroup;\ntype CheckboxProps = AriaCheckboxProps &\n FormFieldProps & {\n variant?: 'checkbox' | 'switch';\n size?: 'sm' | 'lg';\n };\nexport function Checkbox({\n className,\n label,\n description,\n errorMessage,\n requiredIndicator,\n variant = 'checkbox',\n size = 'lg',\n ...props\n}: Omit<CheckboxProps, 'children'>) {\n const generatedId = useId();\n const fieldId = props.id || generatedId;\n const isSwitch = variant === 'switch';\n
|
|
1
|
+
{"version":3,"file":"checkbox.js","sources":["../../lib/components/checkbox.tsx"],"sourcesContent":["'use client';\nimport { useId } from 'react';\nimport {\n Checkbox as AriaCheckbox,\n CheckboxGroup as AriaCheckboxGroup,\n composeRenderProps,\n type CheckboxProps as AriaCheckboxProps,\n} from 'react-aria-components';\n\nimport { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\nimport { FormField, labelVariants, type FormFieldProps } from './form';\nimport { IcCheck, IcMinus } from './icons';\n\nconst disabledClasses = 'group-data-[disabled]/checkbox:cursor-not-allowed group-data-[disabled]/checkbox:opacity-50';\nconst invalidBorderClasses = 'group-data-[invalid]/checkbox:border-destructive';\nconst focusResetClasses = 'focus:outline-none focus-visible:outline-none';\nconst selectedPrimaryClasses = 'group-data-[selected]/checkbox:bg-primary';\n\nconst switchBaseClasses =\n 'relative shrink-0 h-6 w-11 rounded-full border border-input bg-elevation-1 transition-colors duration-200';\nconst switchKnobClasses =\n 'absolute top-1/2 -translate-y-1/2 left-0.5 h-5 w-5 rounded-full bg-background border border-input transition-transform duration-200';\n\nconst checkboxBaseClasses =\n 'flex shrink-0 items-center bg-elevation-1 rounded-md justify-center border border-input text-current ring-offset-background';\n\nconst sizeClasses = {\n sm: 'size-icon',\n lg: 'size-input',\n};\n\nconst iconSizeClasses = {\n sm: 'size-3',\n lg: 'size-icon',\n};\nexport const CheckboxGroup = AriaCheckboxGroup;\ntype CheckboxProps = AriaCheckboxProps &\n FormFieldProps & {\n variant?: 'checkbox' | 'switch';\n size?: 'sm' | 'lg';\n };\nexport function Checkbox({\n className,\n label,\n description,\n errorMessage,\n requiredIndicator,\n variant = 'checkbox',\n size = 'lg',\n ...props\n}: Omit<CheckboxProps, 'children'>) {\n const generatedId = useId();\n const fieldId = props.id || generatedId;\n const isSwitch = variant === 'switch';\n const hasFormField = !!(label || description || errorMessage || requiredIndicator);\n const checkbox = (\n <AriaCheckbox\n className={composeRenderProps(className, className =>\n classNames(\n 'group/checkbox cursor-pointer relative focus-ring flex items-center gap-x-2 disabled-muted',\n labelVariants,\n className\n )\n )}\n id={fieldId}\n {...props}\n >\n {composeRenderProps(<></>, (_, renderProps) => {\n if (isSwitch) {\n return (\n <div\n className={classNames(\n switchBaseClasses,\n selectedPrimaryClasses,\n disabledClasses,\n invalidBorderClasses,\n 'group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive',\n focusResetClasses\n )}\n >\n <div\n className={classNames(\n switchKnobClasses,\n 'group-data-[selected]/checkbox:translate-x-4.5',\n disabledClasses,\n invalidBorderClasses\n )}\n />\n </div>\n );\n }\n\n return (\n <div\n className={classNames(\n checkboxBaseClasses,\n 'group-data-[indeterminate]/checkbox:bg-primary',\n selectedPrimaryClasses,\n 'group-data-[indeterminate]/checkbox:text-primary-foreground group-data-[selected]/checkbox:text-primary-foreground',\n disabledClasses,\n invalidBorderClasses,\n 'group-data-[invalid]/checkbox:group-data-[selected]/checkbox:bg-destructive group-data-[invalid]/checkbox:group-data-[selected]/checkbox:text-destructive-foreground',\n focusResetClasses,\n sizeClasses[size]\n )}\n >\n {renderProps.isIndeterminate && <IcMinus className={iconSizeClasses[size]} />}\n {!renderProps.isIndeterminate && renderProps.isSelected && (\n <IcCheck className={iconSizeClasses[size]} />\n )}\n </div>\n );\n })}\n </AriaCheckbox>\n );\n if (!hasFormField) return <div className=\"group flex\">{checkbox}</div>;\n return (\n <div className=\"group form-field\">\n <FormField {...{ label, description, errorMessage, requiredIndicator, htmlFor: fieldId }}>\n {checkbox}\n </FormField>\n </div>\n );\n}\n\nexport type TfCheckboxProps = Omit<React.ComponentProps<typeof Checkbox>, 'onChange' | 'onBlur' | 'isChecked'>;\nexport function TfCheckbox({ ...props }: TfCheckboxProps) {\n const field = useFieldContext<boolean>({ disabled: props.isDisabled });\n return (\n <Checkbox\n requiredIndicator={field.isRequired}\n isSelected={field.state.value}\n isDisabled={field.isSubmitting || props.isDisabled}\n onChange={() => field.handleChange(!field.state.value)}\n onBlur={field.handleBlur}\n {...props}\n />\n );\n}\n"],"names":["disabledClasses","invalidBorderClasses","focusResetClasses","selectedPrimaryClasses","switchBaseClasses","switchKnobClasses","checkboxBaseClasses","sizeClasses","iconSizeClasses","CheckboxGroup","AriaCheckboxGroup","Checkbox","className","label","description","errorMessage","requiredIndicator","variant","size","props","generatedId","useId","fieldId","isSwitch","hasFormField","checkbox","jsx","AriaCheckbox","composeRenderProps","classNames","labelVariants","Fragment","_","renderProps","jsxs","IcMinus","IcCheck","FormField","TfCheckbox","field","useFieldContext"],"mappings":"igBAcA,MAAMA,EAAkB,8FAClBC,EAAuB,mDACvBC,EAAoB,gDACpBC,EAAyB,4CAEzBC,EACF,4GACEC,EACF,sIAEEC,EACF,8HAEEC,EAAc,CAChB,GAAI,YACJ,GAAI,YACR,EAEMC,EAAkB,CACpB,GAAI,SACJ,GAAI,WACR,EACaC,EAAgBC,EAMtB,SAASC,EAAS,CACrB,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,QAAAC,EAAU,WACV,KAAAC,EAAO,KACP,GAAGC,CACP,EAAoC,CAChC,MAAMC,EAAcC,EAAA,EACdC,EAAUH,EAAM,IAAMC,EACtBG,EAAWN,IAAY,SACvBO,EAAe,CAAC,EAAEX,GAASC,GAAeC,GAAgBC,GAC1DS,EACFC,EAACC,EAAA,CACG,UAAWC,EAAmBhB,EAAWA,GACrCiB,EACI,6FACAC,EACAlB,CAAA,CACJ,EAEJ,GAAIU,EACH,GAAGH,EAEH,SAAAS,EAAmBF,EAAAK,EAAA,CAAA,CAAE,EAAK,CAACC,EAAGC,IACvBV,EAEIG,EAAC,MAAA,CACG,UAAWG,EACPzB,EACAD,EACAH,EACAC,EACA,8EACAC,CAAA,EAGJ,SAAAwB,EAAC,MAAA,CACG,UAAWG,EACPxB,EACA,iDACAL,EACAC,CAAA,CACJ,CAAA,CACJ,CAAA,EAMRiC,EAAC,MAAA,CACG,UAAWL,EACPvB,EACA,iDACAH,EACA,qHACAH,EACAC,EACA,uKACAC,EACAK,EAAYW,CAAI,CAAA,EAGnB,SAAA,CAAAe,EAAY,iBAAmBP,EAACS,EAAA,CAAQ,UAAW3B,EAAgBU,CAAI,EAAG,EAC1E,CAACe,EAAY,iBAAmBA,EAAY,cACxCG,EAAA,CAAQ,UAAW5B,EAAgBU,CAAI,CAAA,CAAG,CAAA,CAAA,CAAA,CAI1D,CAAA,CAAA,EAGT,OAAKM,IAEA,MAAA,CAAI,UAAU,mBACX,SAAAE,EAACW,GAAgB,MAAAxB,EAAO,YAAAC,EAAa,aAAAC,EAAc,kBAAAC,EAAmB,QAASM,EAC1E,WACL,EACJ,IANuB,MAAA,CAAI,UAAU,aAAc,SAAAG,EAAS,CAQpE,CAGO,SAASa,EAAW,CAAE,GAAGnB,GAA0B,CACtD,MAAMoB,EAAQC,EAAyB,CAAE,SAAUrB,EAAM,WAAY,EACrE,OACIO,EAACf,EAAA,CACG,kBAAmB4B,EAAM,WACzB,WAAYA,EAAM,MAAM,MACxB,WAAYA,EAAM,cAAgBpB,EAAM,WACxC,SAAU,IAAMoB,EAAM,aAAa,CAACA,EAAM,MAAM,KAAK,EACrD,OAAQA,EAAM,WACb,GAAGpB,CAAA,CAAA,CAGhB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{jsx as t,Fragment as F,jsxs as d}from"react/jsx-runtime";import{parseAbsolute as H,getLocalTimeZone as V}from"@internationalized/date";import{createContext as Re,useState as D,useMemo as B,useEffect as X,useContext as ze,useRef as he}from"react";import{Button as y}from"./button.js";import{useSensors as Me,useSensor as le,PointerSensor as Le,KeyboardSensor as _e,DndContext as $e,closestCenter as qe,DragOverlay as Ee}from"@dnd-kit/core";import{sortableKeyboardCoordinates as je,SortableContext as ke,verticalListSortingStrategy as He,arrayMove as Ve,useSortable as Be}from"@dnd-kit/sortable";import{CSS as Ke}from"@dnd-kit/utilities";import{useQuery as Qe,useInfiniteQuery as Ge}from"@tanstack/react-query";import{createColumnHelper as ve,useReactTable as Ue,getCoreRowModel as Ze,flexRender as U}from"@tanstack/react-table";import{useLocalStorage as K}from"@uidotdev/usehooks";import{merge as Xe}from"lodash-es";import{Badge as se}from"./badge.js";import{DatePicker as Q}from"./date-picker.js";import{EasyMenu as O,MenuItem as A}from"./menu.js";import{MultiSelect as Ye}from"./multi-select.js";import{NumberField as Je}from"./numberfield.js";import{PopoverTrigger as We,Popover as et}from"./popover.js";import{TextField as tt}from"./textfield.js";import{formatDate as E}from"../utilities/date.js";import{useResourceFormatter as Y,ALL_OS as nt,useProjectName as rt}from"../utilities/resources.js";import{classNames as C}from"../utilities/theme.js";import{IcInfo as at,IcMoreVertical as ot,IcRefresh as it,IcMenu as lt,IcLayoutGrid as st,IcColumns as ct,IcGrip as ut,IcFirst as dt,IcLeft as mt,IcRight as gt,IcLast as pt,IcSortAsc as ft,IcSortDesc as bt,IcSortNone as ht,IcCheck as ce,IcMinus as vt,IcAccount as St,IcLicense as yt,IcDate as wt,IcFile as Nt,IcFilter as xt}from"./icons.js";import{MultipleIdSearchInput as Ct}from"./id-search.js";import{Loader as Se}from"./loader.js";import{SearchField as It}from"./searchfield.js";import{Table as Pt,TableHeader as Tt,TableRow as ue,TableHead as At,TableBody as Dt,TableCell as Ft}from"./table.js";import{CountryName as Ot}from"../utilities/countries.js";import{Duration as Rt}from"../utilities/duration.js";import{formatDays as zt,formatFilesize as Mt,formatNumber as Lt}from"../utilities/numbers.js";import{Checkbox as de}from"./checkbox.js";import{TooltipTrigger as _t,Tooltip as $t}from"./tooltip.js";import{getSubscriptionStartTriggerLabel as qt,ALL_LICENSE_TYPES as Et}from"./select-options.js";import{useCtxClient as jt}from"../utilities/ctx-client.js";import{ControlledDialogProvider as kt,useControlledDialog as ye}from"./dialog.js";import"class-variance-authority";import"react-aria-components";import"clsx";import"./calendar.js";import"./form.js";import"./card.js";import"./datefield.js";import"../utilities/form.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./list-box.js";import"./select.js";import"./kbd.js";import"../utilities/string.js";import"../utilities/empty-option.js";function Ht(e){return e?e.desc?`-${e.id}`:`+${e.id}`:"-createdAt"}const we=ve(),Vt=[we.accessor("checkbox",{header:({table:e})=>t(de,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":"Select all",size:"sm"}),cell:({row:e})=>t(de,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":"Select row",size:"sm"}),enableSorting:!1,enableHiding:!1})],I="TableActions";function Bt(e){return e.length===0?[]:[we.accessor(I,{header:"Actions",id:I,enableHiding:!1,cell:({row:a})=>t(Wt,{label:t(ot,{}),data:a.original,items:e}),enableSorting:!1})]}function rr(){return ve()}function ar({path:e,pathParameters:a,columns:n,filterConfig:l,columnsToHideByDefault:c={},allowSelection:r=!1,initialFilters:o=[],previewFilters:i,tableActions:u,Card:m,onRowNavigate:v}){const[b,x]=D({pagination:{pageIndex:0,pageSize:20},sorting:[]}),{sorting:R,pagination:P}=b,[$,g]=D(""),[p,f]=D({}),[S,q]=D(o),z=B(()=>S.filter(s=>s.active!==!1).map(s=>s.operator==="between"&&Array.isArray(s.value)&&s.value.length===2?{[s.property]:{gte:s.value[0],lte:s.value[1]}}:Array.isArray(s.value)?{[s.property]:{[s.operator]:s.value.join(",")}}:{[s.property]:{[s.operator]:s.value}}).reduce((s,h)=>Xe(s,h),{}),[S]),j={...S,page:P.pageIndex+1,limit:P.pageSize,sort:Ht(R[0]),search:$},Ie=jt(),M=["get",e,j],[W,ee]=K(`${M.join("")}_ctx_column_order_preference`,[]),[te,Pe]=K(`${M.join("")}_ctx_column_visibility_preference`,{id:!1,...c}),[T,Te]=K(`${M.join("")}_ctx_view_mode_preference`,"table"),k=s=>{x(h=>({...h,...s}))};async function ne(s){const h=await Ie.GET(e,{params:{query:{page:s,limit:P.pageSize,sort:j.sort,search:j.search,...z},path:a}});return{data:h.data??[],total:Number.parseInt(h.response.headers.get("Pagination-Count")||"0"),nextPage:s+1}}const L=Qe({queryKey:[...M,"table"],enabled:T==="table",queryFn:()=>ne(P.pageIndex+1)}),w=Ge({queryKey:[...M,"card"],enabled:T==="card",initialPageParam:1,queryFn:({pageParam:s})=>ne(s),getNextPageParam:(s,h)=>h.flatMap(Oe=>Oe.data).length<s.total?s.nextPage:void 0}),re=B(()=>T==="table"?L.data?.data??[]:w.data?.pages.flatMap(s=>s.data)??[],[T,L.data,w.data]),ae=B(()=>T==="table"?L.data?.total??0:w.data?.pages[0]?.total??0,[T,L.data,w.data]),oe=T==="table"?L:{...w,data:{data:re,total:ae},isLoading:w.isLoading,isFetching:w.isFetching,isError:w.isError,error:w.error,refetch:w.refetch},Ae=u.filter(J),De=[...r?Vt:[],...n,...Bt(Ae??[])];function Fe(s){return typeof s=="function"}function _(s,h){return Fe(s)?s(h):s}const ie=Ue({data:re,columns:De,getCoreRowModel:Ze(),rowCount:ae,manualPagination:!0,onPaginationChange:s=>{k({pagination:_(s,P)})},manualSorting:!0,onSortingChange:s=>{f({}),k({sorting:[..._(s,R)]})},manualFiltering:!0,onColumnVisibilityChange:s=>{Pe(_(s,te))},onRowSelectionChange:s=>{f(_(s,p))},onColumnOrderChange:s=>{ee(_(s,W))},state:{sorting:R,columnVisibility:te,pagination:P,rowSelection:p,columnOrder:W},meta:{refetch:oe.refetch}});return X(()=>{const s=ie.getAllLeafColumns();ee([...s.filter(h=>h.id!==I).map(h=>h.id),...s.filter(h=>h.id===I).map(h=>h.id)])},[]),{tableState:b,updateTableState:k,query:oe,setSearchQuery:g,searchQuery:$,tanTable:ie,mergedFilters:z,filters:S,setFilters:q,filterConfig:l,tableActions:u,pathParameters:a,viewMode:T,setViewMode:Te,Card:m,allowSelection:r,previewFilters:i,infiniteQuery:w,onRowNavigate:v}}const Ne=Re(null);function N(){const e=ze(Ne);if(!e)throw Error("DataTable should be used within DataTableProvider.");return e}function or({children:e,...a}){return t(Ne.Provider,{value:a,children:e})}function ir({className:e,...a}){const{query:n,tanTable:l,viewMode:c,tableActions:r,Card:o}=N(),i=r.filter(J);return t(F,{children:d(kt,{children:[t(Zt,{}),d("section",{...a,className:C(`z-20 flex flex-col ${c==="table"?"bg-elevation-1 border rounded-md":""}`,e),children:[d("div",{className:"w-full overflow-auto h-table relative rounded-md [scrollbar-width:none]",tabIndex:0,children:[n.isLoading&&t(me,{className:"cursor-wait",children:t(Se,{})}),!n.isLoading&&l.getRowModel().rows.length===0&&t(me,{className:"cursor-not-allowed",children:!n.isFetching&&(n.isError?d("span",{className:"flex gap-3 justify-center items-center",children:[t(at,{}),t("span",{children:n.error?.message})]}):n.data?.data?.length===0?t(F,{children:"No results found."}):t(F,{children:"Unknown error. Please contact customer support."}))}),!n.isLoading&&l.getRowModel().rows.length!==0&&(c==="card"&&o?t(Kt,{Card:o,actions:i}):t(Yt,{className:"w-full"}))]}),c==="table"&&d("div",{className:"flex w-full justify-between border-t gap-icon p-icon overflow-x-auto",children:[d("div",{className:"flex gap-icon",children:[t(Qt,{}),t(Ut,{})]}),t(Gt,{})]})]})]})})}function Kt({Card:e,actions:a}){const{tanTable:n,allowSelection:l}=N(),{infiniteQuery:c}=N(),r=he(null);return X(()=>{const o=r.current;if(!o)return;const i=new IntersectionObserver(u=>{u[0].isIntersecting&&c.hasNextPage&&!c.isFetchingNextPage&&c.fetchNextPage()},{threshold:.1});return i.observe(o),()=>i.disconnect()},[c.hasNextPage,c.isFetchingNextPage]),d("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-2",children:[n.getRowModel().rows.map(o=>{const i={isSelected:o.getIsSelected(),onToggle:()=>o.toggleSelected(),allowSelection:l};return t("div",{children:e(o.original,a,i)},o.id)}),t("div",{ref:r,className:"col-span-full h-4 flex items-center justify-center",children:c.isFetchingNextPage&&t(Se,{})})]})}function me({children:e,className:a}){return d(F,{children:[t("span",{className:C(a,"absolute top-0 bg-elevation-1 text-foreground z-20 size-full body-sm flex items-center justify-center"),children:e}),t("span",{className:"relative h-full w-0 block"})]})}function Qt(){const{tanTable:e}=N(),[a,n]=D(null),l=Y(),c=Me(le(Le),le(_e,{coordinateGetter:je}));return t($e,{sensors:c,collisionDetection:qe,onDragStart:o=>{const{active:i}=o;n(i.id.toString())},onDragEnd:o=>{const{active:i,over:u}=o;if(u&&i.id!==u.id){const m=e.getState().columnOrder,v=m.indexOf(i.id.toString()),b=m.indexOf(u.id.toString());e.setColumnOrder([...Ve(m,v,b)])}n(null)},children:d(ke,{items:e.getState().columnOrder,strategy:He,children:[d(O,{label:d(F,{children:[t(ct,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",items:e.getAllFlatColumns(),selectedKeys:e.getVisibleFlatColumns().map(o=>o.id),children:[t(A,{onAction:()=>e.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),e.getState().columnOrder.map(o=>{const i=e.getAllFlatColumns().find(u=>u.id===o);return!i||i.id==="checkbox"||i.id===I?null:t(r,{column:i},i.id)})]}),t(Ee,{children:a?t("div",{className:"opacity-70 border-2 border-primary",children:l(a)}):null})]})});function r({column:o}){const{attributes:i,listeners:u,setNodeRef:m,transform:v,transition:b}=Be({id:o.id}),x={transform:Ke.Transform.toString(v),transition:b,zIndex:"999"};return d(A,{ref:m,style:x,...i,id:o.id,onAction:()=>o.toggleVisibility(),isDisabled:!o.getCanHide(),className:"flex items-center",children:[t(ut,{...u,className:"size-icon cursor-grab"}),Z(o),o.getIsSorted()&&t(xe,{className:"size-icon",direction:o.getIsSorted()})]})}}function Gt(){const{tanTable:e}=N(),a=e.getRowCount();return d("div",{className:"flex items-center gap-2",children:[t("span",{className:"whitespace-nowrap body-sm text-muted",children:`${e.getState().pagination.pageIndex*e.getState().pagination.pageSize+1} - ${Math.min((e.getState().pagination.pageIndex+1)*e.getState().pagination.pageSize,a)} of ${a?.toLocaleString()}`}),t(y,{"aria-label":"First page",onPress:()=>e.firstPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon",children:t(dt,{})}),t(y,{"aria-label":"Previous page",onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon",children:t(mt,{})}),t(y,{"aria-label":"Next page",onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon",children:t(gt,{})}),t(y,{"aria-label":"Last page",onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon",children:t(pt,{})})]})}function Ut(){const{tanTable:e}=N(),a=[10,20,30,40,50];return t(O,{label:e.getState().pagination.pageSize.toString(),selectionMode:"single",selectedKeys:[e.getState().pagination.pageSize.toString()],items:a.map(n=>({id:n.toString(),value:n})),children:n=>t(A,{onAction:()=>e.setPageSize(n.value),children:n.value})})}function Zt(){const{query:e,tanTable:a,searchQuery:n,setSearchQuery:l,tableActions:c,viewMode:r,setViewMode:o,Card:i,previewFilters:u}=N(),m=a.getSelectedRowModel().rows.length>0,v=c.filter(b=>b.resourceType!=="single").filter(b=>b.resourceType==="multiple"===m);return d("section",{className:"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1",children:[d("div",{className:"flex gap-icon",children:[t(y,{"aria-label":"Refresh",isPending:e.isFetching,onClick:()=>e.refetch(),variant:"neutral",size:"icon",children:t(it,{})}),t(It,{value:n,onChange:l}),t(an,{previewFilters:u})]}),d("div",{className:"flex gap-icon",children:[t(Jt,{items:v,isFetching:e.isFetching}),i&&d("div",{className:"flex gap-1 bg-elevation-1 rounded-md overflow-hidden",children:[t(y,{variant:r==="table"?"primary":"neutral",size:"icon",onPress:()=>o("table"),"aria-label":"Table view",className:"border-none",children:t(lt,{})}),t(y,{variant:r==="card"?"primary":"neutral",size:"icon",onPress:()=>o("card"),"aria-label":"Card view",className:"border-none",children:t(st,{})})]})]})]})}function xe({direction:e,...a}){return e==="asc"?t(ft,{className:"size-3.5",...a}):e==="desc"?t(bt,{className:"size-3.5",...a}):t(ht,{className:"size-3.5",...a})}function Z(e){const a=Y(),n=e.columnDef.header;return typeof n=="string"?n:a(e.id)}function Xt(e){const a=e.column.columnDef.meta?.displayType,n=e.getValue();if(n==null)return null;switch(a){case"date":return t("span",{className:"tabular-nums",children:E(n)});case"number":return t("span",{className:"block text-right tabular-nums",children:Lt(n)});case"boolean":return t(se,{variant:n?"success":"destructive",className:"w-full capitalize",children:String(n)});case"badge":return t(se,{className:"w-full",children:String(n)});case"country":return t(Ot,{value:n});case"enum":return t("span",{className:"uppercase w-full",children:String(n)});case"fileSize":return Mt(n);case"days":return zt(n);case"os":return nt[n]??n;case"licenseType":return Et[n]??n;case"subscriptionInterval":return Rt.formatISODuration(n);case"subscriptionStartTrigger":return qt(n);default:return String(n)}}function ge({header:e}){const a=e.column.columnDef.header;return typeof a=="string"||!a?Z(e.column):typeof a=="function"?typeof a(e.getContext())=="string"?Z(e.column):U(a,e.getContext()):U(a,e.getContext())}function Yt({className:e}){const{tanTable:a,onRowNavigate:n}=N(),l=(c,r,o="z-50")=>C("px-icon py-2 text-left body-sm font-medium whitespace-nowrap",c&&`bg-elevation-1 sticky right-0 ${o} text-center justify-center`,r);return d(Pt,{className:C("table-auto border-0 rounded-md",e),children:[t(Tt,{className:"sticky top-0 z-10 rounded-md",children:a.getHeaderGroups().map(c=>t(ue,{children:c.headers.map(r=>d(At,{scope:"col",colSpan:r.colSpan,className:l(r.id===I,"bg-elevation-1"),children:[!r.column.getCanSort()&&!r.isPlaceholder&&t("div",{className:C("w-full py-1 inline-flex items-center gap-1 body-sm",r.id===I?"justify-center":"justify-start"),children:t(ge,{header:r})}),r.column.getCanSort()&&d(y,{variant:"ghost",className:C("w-full p-1",r.id===I?"justify-center":"justify-start"),onPress:r.column.getToggleSortingHandler(),children:[t("span",{children:t(ge,{header:r})}),t(xe,{direction:r.column.getIsSorted()})]})]},r.id))},c.id))}),t(Dt,{children:a.getRowModel().rows.map(c=>t(ue,{className:C("transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20",n&&"cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring"),"data-selected":c.getIsSelected(),...n&&{role:"link",tabIndex:0,onClick:r=>{r.target.closest('a, button, input, select, textarea, [role="button"]')||n(c.original)},onKeyDown:r=>{r.key==="Enter"&&n(c.original)}},children:c.getVisibleCells().map(r=>{const o=r.column.id===I,i=r.column.columnDef.meta?.displayType?Xt(r):U(r.column.columnDef.cell,r.getContext());return t(Ft,{className:C(l(o,void 0,"z-1"),o&&"flex justify-center items-center"),children:i},r.id)})},c.id))})]})}function pe(e){return e.resourceType==="none"}function J(e){return e.resourceType==="single"}function fe(e){return e.resourceType==="multiple"}function Jt({items:e,isFetching:a}){const{openDialog:n,closeDialog:l}=ye(),{tanTable:c}=N();function r(i,u){return i.isDisabled?pe(i)?i.isDisabled():fe(i)?i.isDisabled(u):!1:!1}const o=c.getSelectedRowModel().rows.map(i=>i.original);return t(F,{children:e.map((i,u)=>{const m=i.icon,v=r(i,o)||a;return d(y,{"aria-label":i.label,type:"button",isDisabled:v,className:"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform",onPress:b=>{const x={event:b,openDialog:n,closeDialog:l};pe(i)?i.onPress(x):fe(i)&&i.onPress({...x,data:o})},variant:i.variant??"neutral",children:[m&&t(m,{"aria-hidden":!0}),t("span",{children:i.label})]},`${i.label}-${u}`)})})}function Wt({label:e,items:a,data:n}){const{openDialog:l,closeDialog:c}=ye();return a.length<4?t("div",{className:"flex items-center gap-2",children:a.map((r,o)=>{const i=r.icon,u=typeof r.label=="function"?r.label(n):r.label;return d(_t,{children:[t(y,{"aria-label":typeof u=="string"?u:void 0,isDisabled:r.isDisabled?.(n)??!1,variant:"ghost",size:"icon",onPress:()=>{const m={openDialog:l,closeDialog:c};r.onPress({...m,data:n})},children:t(i,{className:"size-icon"})}),t($t,{children:u})]},`${o}-${typeof u=="string"?u:""}`)})}):t(O,{"aria-label":"Actions",label:e,size:"icon",children:a.map((r,o)=>{const i=r.icon,u=typeof r.label=="function"?r.label(n):r.label;return d(A,{id:typeof u=="string"?u:void 0,isDisabled:r.isDisabled?.(n)??!1,onAction:()=>{const m={openDialog:l,closeDialog:c};J(r)&&r.onPress({...m,data:n})},children:[t(i,{className:"size-icon"}),u]},`${o}-${typeof u=="string"?u:""}`)})})}const lr=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte","between"],be={eq:"equal to",ne:"not equal to",cn:"contains",nc:"does not contain",sw:"starts with",ew:"ends with",in:"includes",nin:"does not include",gt:"greater than",gte:"greater than or equal to",lt:"less than",lte:"less than or equal to",between:"between"},en={eq:"=",ne:"≠",cn:"contains",nc:"!contains",sw:"starts with",ew:"ends with",in:"in",nin:"not in",gt:">",gte:"≥",lt:"<",lte:"≤",between:"↔"};function G(e,a){const n=`${a}-${Date.now()}`,l=Ce[e][0];switch(e){case"bool":return{id:n,type:e,property:a,operator:l,value:!0};case"string":return{id:n,type:e,property:a,operator:l,value:""};case"date":return{id:n,type:e,property:a,operator:l,value:l==="between"?[new Date().toISOString(),new Date().toISOString()]:new Date().toISOString()};case"id":return{id:n,type:e,property:a,operator:l,value:""};case"id-search":return{id:n,type:e,property:a,operator:l,value:[]};case"enum":return{id:n,type:e,property:a,operator:l,value:new Set};case"number":return{id:n,type:e,property:a,operator:l,value:0}}}const Ce={bool:["eq"],enum:["in","nin"],id:["in","nin"],"id-search":["in","nin"],string:["eq","ne","cn","nc","sw","ew","in","nin"],date:["between","lt","gt"],number:["eq","ne","gt","gte","lt","lte"]};function tn(e){switch(e.type){case"string":case"id":return e.value??"";case"number":return e.value?.toString()??"";case"bool":return e.value?"true":"false";case"date":if(Array.isArray(e.value)){const[a,n]=e.value;return`${E(a,{dateStyle:"short"})??""} – ${E(n,{dateStyle:"short"})??""}`}return e.value?E(e.value,{dateStyle:"short"})??"":"";case"enum":return e.value&&e.value.size>0?`${e.value.size} selected`:"";case"id-search":return e.value&&e.value.length>0?e.value.length===1?"1 item":`${e.value.length} items`:""}}function nn({filter:e,filterConfig:a,pathParameters:n,onChange:l}){if(e.type==="string"||e.type==="id")return t(tt,{autoFocus:!0,value:e.value??"",onChange:l,"aria-label":"Filter value"});if(e.type==="number")return t(Je,{autoFocus:!0,value:e.value,onChange:l,"aria-label":"Filter value"});if(e.type==="bool")return d(O,{autoFocus:!0,label:e.value?"True":"False",variant:"neutral","aria-label":"Filter value",children:[t(A,{onAction:()=>l(!0),children:"True"}),t(A,{onAction:()=>l(!1),children:"False"})]});if(e.type==="date"){if(e.operator==="between"){const[r,o]=Array.isArray(e.value)?e.value:[new Date().toISOString(),new Date().toISOString()],i=H(r,V()),u=H(o,V());return d("div",{className:"flex flex-col gap-icon",children:[t(Q,{autoFocus:!0,hideTimeZone:!0,label:"From",value:i,onChange:m=>l([m?m.toAbsoluteString():r,o])}),t(Q,{hideTimeZone:!0,label:"To",value:u,onChange:m=>l([r,m?m.toAbsoluteString():o])})]})}const c=e.value&&!Array.isArray(e.value)?H(e.value,V()):null;return t(Q,{autoFocus:!0,hideTimeZone:!0,value:c,onChange:r=>l(r?r.toAbsoluteString():new Date().toISOString()),"aria-label":"Filter date"})}if(e.type==="enum"){const c=a[e.property];return c.type!=="enum"?null:t(Ye,{autoFocus:!0,items:c.options,value:e.value??new Set,onChange:l,"aria-label":"Filter value"})}if(e.type==="id-search"){const c=a[e.property];if(c.type!=="id-search")return null;const r=n?{path:n,query:{}}:void 0;return t(Ct,{autoFocus:!0,path:c.path,accessor:c.accessor,defaultParams:r,value:e.value??[],onChange:l,"aria-label":"Filter value"})}return null}function rn({filter:e,filterConfig:a,pathParameters:n,resourceFormatter:l,onRemove:c,onUpdate:r,isOpen:o,onOpenChange:i}){const u=Ce[e.type],m=tn(e),v=rt();return d(We,{isOpen:o,onOpenChange:i,children:[t("div",{className:"relative",children:d(y,{type:"button",variant:e.active===!1?"neutral":"primary_neutral",className:"animate-in slide-in-from-left-10 fade-in",children:[t("span",{className:"font-medium",children:l(e.property)}),v!=="customer-portal"&&t("span",{children:en[e.operator]}),v!=="customer-portal"&&m&&t("span",{children:m}),e.active!==!1&&t("span",{className:"size-2 z-100 rounded-full bg-primary ms-1"})]})}),t(et,{className:"p-icon min-w-48",children:d("div",{className:"flex flex-col gap-icon",children:[u.length>1&&t(O,{label:be[e.operator],variant:"neutral","aria-label":"Change operator",children:u.map(b=>t(A,{onAction:()=>r({operator:b}),children:be[b]},b))}),t(nn,{filter:e,filterConfig:a,pathParameters:n,onChange:b=>r({value:b})}),t(y,{type:"button",variant:"neutral",className:"self-end",onPress:c,"aria-label":`Remove ${l(e.property)} filter`,children:"Clear"})]})})]})}function an({className:e,previewFilters:a,...n}){const{filters:l,query:c,setFilters:r,filterConfig:o,pathParameters:i}=N(),u=Y(),m=Object.keys(o).filter(g=>!l.some(p=>p.property===g)).sort(),[v,b]=D(null),x=he(!1);X(()=>{if(!x.current&&l.length===0){const g=[];a&&a.length>0&&g.push(...a.filter(p=>o[p]).map(p=>({...G(o[p].type,p),active:!1,isPreview:!0}))),g.length>0&&r(g)}x.current=!0},[]);const R=(g,p)=>{const f=G(g,p);r([...l,f]),b(f.id)},P=g=>{l.find(f=>f.id===g)?.isPreview?r(l.map(f=>f.id===g?{...G(o[f.property].type,f.property),active:!1,isPreview:!0}:f)):r(l.filter(f=>f.id!==g))},$=(g,p)=>{r(l.map(f=>{if(f.id!==g)return f;let S=p.value!==void 0?p.value:f.value;const q=p.operator??f.operator;if(f.type==="date"&&p.operator!==void 0)if(q==="between"&&!Array.isArray(S)){const z=typeof S=="string"?S:new Date().toISOString();S=[z,z]}else q!=="between"&&Array.isArray(S)&&(S=S[0]??new Date().toISOString());return{...f,...p,value:S,active:!0}}))};return d("section",{...n,className:C("flex flex-wrap gap-icon items-center",e),children:[l.map(g=>t(rn,{filter:g,filterConfig:o,pathParameters:i,resourceFormatter:u,onRemove:()=>P(g.id),onUpdate:p=>$(g.id,p),isOpen:v===g.id,onOpenChange:p=>b(p?g.id:null)},g.id)),m.length>0&&t(O,{label:t(xt,{}),isDisabled:c.isPending,variant:"neutral","aria-label":"Add filter",children:m.map(g=>{const p=o[g].type,f=on[p];return d(A,{className:"!justify-between",onAction:()=>R(p,g),children:[u(g),t(f,{})]},g)})})]})}const on={"id-search":Nt,bool:ce,date:wt,enum:yt,id:St,number:vt,string:ce};export{be as C,an as D,ir as DataTable,Ne as DataTableContext,or as DataTableProvider,lr as F,rr as getColumnHelper,N as useDataTable,ar as useDataTableState};
|
|
1
|
+
"use client";import{jsx as t,Fragment as F,jsxs as d}from"react/jsx-runtime";import{parseAbsolute as H,getLocalTimeZone as V}from"@internationalized/date";import{createContext as ze,useState as O,useMemo as B,useEffect as X,useContext as Me,useRef as ve}from"react";import{Button as y}from"./button.js";import{useSensors as Le,useSensor as le,PointerSensor as _e,KeyboardSensor as je,DndContext as $e,closestCenter as qe,DragOverlay as Ee}from"@dnd-kit/core";import{sortableKeyboardCoordinates as ke,SortableContext as He,verticalListSortingStrategy as Ve,arrayMove as Be,useSortable as Ke}from"@dnd-kit/sortable";import{CSS as Qe}from"@dnd-kit/utilities";import{useQuery as Ge,useInfiniteQuery as Ue}from"@tanstack/react-query";import{createColumnHelper as Se,useReactTable as Ze,getCoreRowModel as Xe,flexRender as U}from"@tanstack/react-table";import{useLocalStorage as K}from"@uidotdev/usehooks";import{merge as Ye}from"lodash-es";import{Badge as ce}from"./badge.js";import{DatePicker as Q}from"./date-picker.js";import{EasyMenu as R,MenuItem as A}from"./menu.js";import{MultiSelect as Je}from"./multi-select.js";import{NumberField as We}from"./numberfield.js";import{PopoverTrigger as et,Popover as tt}from"./popover.js";import{TextField as nt}from"./textfield.js";import{formatDate as q}from"../utilities/date.js";import{useProjectName as Y,useResourceFormatter as J,ALL_OS as rt}from"../utilities/resources.js";import{classNames as I}from"../utilities/theme.js";import{IcInfo as at,IcMoreVertical as ot,IcRefresh as it,IcMenu as st,IcLayoutGrid as lt,IcColumns as ct,IcGrip as ut,IcFirst as dt,IcLeft as mt,IcRight as gt,IcLast as pt,IcSortAsc as ft,IcSortDesc as bt,IcSortNone as ht,IcCheck as ue,IcMinus as vt,IcAccount as St,IcLicense as yt,IcDate as wt,IcFile as xt,IcFilter as Nt}from"./icons.js";import{MultipleIdSearchInput as Ct}from"./id-search.js";import{Loader as ye}from"./loader.js";import{SearchField as It}from"./searchfield.js";import{Table as Pt,TableHeader as Tt,TableRow as de,TableHead as At,TableBody as Dt,TableCell as Ft}from"./table.js";import{CountryName as Ot}from"../utilities/countries.js";import{Duration as Rt}from"../utilities/duration.js";import{formatDays as zt,formatFilesize as Mt,formatNumber as Lt}from"../utilities/numbers.js";import{Checkbox as me}from"./checkbox.js";import{TooltipTrigger as _t,Tooltip as jt}from"./tooltip.js";import{getSubscriptionStartTriggerLabel as $t,ALL_LICENSE_TYPES as qt}from"./select-options.js";import{useCtxClient as Et}from"../utilities/ctx-client.js";import{ControlledDialogProvider as kt,useControlledDialog as we}from"./dialog.js";import"class-variance-authority";import"react-aria-components";import"clsx";import"./calendar.js";import"./form.js";import"./card.js";import"./datefield.js";import"../utilities/form.js";import"../utilities/form-context.js";import"@tanstack/react-form";import"./list-box.js";import"./select.js";import"./kbd.js";import"../utilities/string.js";import"../utilities/empty-option.js";function Ht(e){return e?e.desc?`-${e.id}`:`+${e.id}`:"-createdAt"}const xe=Se(),Vt=[xe.accessor("checkbox",{header:({table:e})=>t(me,{isIndeterminate:e.getIsSomeRowsSelected()&&!e.getIsAllPageRowsSelected(),isSelected:e.getIsAllPageRowsSelected()||e.getIsSomePageRowsSelected(),onChange:()=>e.toggleAllPageRowsSelected(),"aria-label":"Select all",size:"sm"}),cell:({row:e})=>t(me,{isSelected:e.getIsSelected(),onChange:()=>e.toggleSelected(),"aria-label":"Select row",size:"sm"}),enableSorting:!1,enableHiding:!1})],N="TableActions";function Bt(e){return e.length===0?[]:[xe.accessor(N,{header:"Actions",id:N,enableHiding:!1,cell:({row:r})=>t(Wt,{label:t(ot,{}),data:r.original,items:e}),enableSorting:!1})]}function rr(){return Se()}function ar({path:e,pathParameters:r,columns:a,filterConfig:i,columnsToHideByDefault:l={},allowSelection:n=!1,initialFilters:c=[],previewFilters:o,tableActions:u,Card:m,onRowNavigate:v}){const[b,w]=O({pagination:{pageIndex:0,pageSize:20},sorting:[]}),{sorting:D,pagination:P}=b,[j,g]=O(""),[p,f]=O({}),[S,$]=O(c),z=B(()=>S.filter(s=>s.active!==!1).map(s=>s.operator==="between"&&Array.isArray(s.value)&&s.value.length===2?{[s.property]:{gte:s.value[0],lte:s.value[1]}}:Array.isArray(s.value)?{[s.property]:{[s.operator]:s.value.join(",")}}:{[s.property]:{[s.operator]:s.value}}).reduce((s,h)=>Ye(s,h),{}),[S]),E={...S,page:P.pageIndex+1,limit:P.pageSize,sort:Ht(D[0]),search:j},Pe=Et(),M=["get",e,E],[ee,te]=K(`${M.join("")}_ctx_column_order_preference`,[]),[ne,Te]=K(`${M.join("")}_ctx_column_visibility_preference`,{id:!1,...l}),[T,Ae]=K(`${M.join("")}_ctx_view_mode_preference`,"table"),k=s=>{w(h=>({...h,...s}))};async function re(s){const h=await Pe.GET(e,{params:{query:{page:s,limit:P.pageSize,sort:E.sort,search:E.search,...z},path:r}});return{data:h.data??[],total:Number.parseInt(h.response.headers.get("Pagination-Count")||"0"),nextPage:s+1}}const L=Ge({queryKey:[...M,"table"],enabled:T==="table",queryFn:()=>re(P.pageIndex+1)}),x=Ue({queryKey:[...M,"card"],enabled:T==="card",initialPageParam:1,queryFn:({pageParam:s})=>re(s),getNextPageParam:(s,h)=>h.flatMap(Re=>Re.data).length<s.total?s.nextPage:void 0}),ae=B(()=>T==="table"?L.data?.data??[]:x.data?.pages.flatMap(s=>s.data)??[],[T,L.data,x.data]),oe=B(()=>T==="table"?L.data?.total??0:x.data?.pages[0]?.total??0,[T,L.data,x.data]),ie=T==="table"?L:{...x,data:{data:ae,total:oe},isLoading:x.isLoading,isFetching:x.isFetching,isError:x.isError,error:x.error,refetch:x.refetch},De=u.filter(W),Fe=[...n?Vt:[],...a,...Bt(De??[])];function Oe(s){return typeof s=="function"}function _(s,h){return Oe(s)?s(h):s}const se=Ze({data:ae,columns:Fe,getCoreRowModel:Xe(),rowCount:oe,manualPagination:!0,onPaginationChange:s=>{k({pagination:_(s,P)})},manualSorting:!0,onSortingChange:s=>{f({}),k({sorting:[..._(s,D)]})},manualFiltering:!0,onColumnVisibilityChange:s=>{Te(_(s,ne))},onRowSelectionChange:s=>{f(_(s,p))},onColumnOrderChange:s=>{te(_(s,ee))},state:{sorting:D,columnVisibility:ne,pagination:P,rowSelection:p,columnOrder:ee},meta:{refetch:ie.refetch}});return X(()=>{const s=se.getAllLeafColumns();te([...s.filter(h=>h.id!==N).map(h=>h.id),...s.filter(h=>h.id===N).map(h=>h.id)])},[]),{tableState:b,updateTableState:k,query:ie,setSearchQuery:g,searchQuery:j,tanTable:se,mergedFilters:z,filters:S,setFilters:$,filterConfig:i,tableActions:u,pathParameters:r,viewMode:T,setViewMode:Ae,Card:m,allowSelection:n,previewFilters:o,infiniteQuery:x,onRowNavigate:v}}const Ne=ze(null);function C(){const e=Me(Ne);if(!e)throw Error("DataTable should be used within DataTableProvider.");return e}function or({children:e,...r}){return t(Ne.Provider,{value:r,children:e})}function ir({className:e,...r}){const{query:a,tanTable:i,viewMode:l,tableActions:n,Card:c}=C(),o=n.filter(W);return t(F,{children:d(kt,{children:[t(Zt,{}),d("section",{...r,className:I(`z-20 flex flex-col ${l==="table"?"border rounded-md":""}`,e),children:[d("div",{className:"w-full overflow-auto relative rounded-md [scrollbar-width:none]",tabIndex:0,children:[a.isLoading&&t(ge,{className:"cursor-wait",children:t(ye,{})}),!a.isLoading&&i.getRowModel().rows.length===0&&t(ge,{className:"cursor-not-allowed",children:!a.isFetching&&(a.isError?d("span",{className:"flex gap-3 justify-center items-center",children:[t(at,{}),t("span",{children:a.error?.message})]}):a.data?.data?.length===0?t(F,{children:"No results found."}):t(F,{children:"Unknown error. Please contact customer support."}))}),!a.isLoading&&i.getRowModel().rows.length!==0&&(l==="card"&&c?t(Kt,{Card:c,actions:o}):t(Yt,{className:"w-full"}))]}),l==="table"&&d("div",{className:"flex w-full justify-between border-t gap-icon py-2 px-icon bg-elevation-mid rounded-b-md overflow-x-auto",children:[d("div",{className:"flex gap-icon",children:[t(Qt,{}),t(Ut,{})]}),t(Gt,{})]})]})]})})}function Kt({Card:e,actions:r}){const{tanTable:a,allowSelection:i}=C(),{infiniteQuery:l}=C(),n=ve(null);return X(()=>{const c=n.current;if(!c)return;const o=new IntersectionObserver(u=>{u[0].isIntersecting&&l.hasNextPage&&!l.isFetchingNextPage&&l.fetchNextPage()},{threshold:.1});return o.observe(c),()=>o.disconnect()},[l.hasNextPage,l.isFetchingNextPage]),d("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-2",children:[a.getRowModel().rows.map(c=>{const o={isSelected:c.getIsSelected(),onToggle:()=>c.toggleSelected(),allowSelection:i};return t("div",{children:e(c.original,r,o)},c.id)}),t("div",{ref:n,className:"col-span-full h-4 flex items-center justify-center",children:l.isFetchingNextPage&&t(ye,{})})]})}function ge({children:e,className:r}){return d(F,{children:[t("span",{className:I(r,"absolute top-0 bg-elevation-1 text-foreground z-20 size-full body-sm flex items-center justify-center"),children:e}),t("span",{className:"relative h-full w-0 block"})]})}function Qt(){if(Y()==="customer-portal")return null;const{tanTable:r}=C(),[a,i]=O(null),l=J(),n=Le(le(_e),le(je,{coordinateGetter:ke}));return t($e,{sensors:n,collisionDetection:qe,onDragStart:o=>{const{active:u}=o;i(u.id.toString())},onDragEnd:o=>{const{active:u,over:m}=o;if(m&&u.id!==m.id){const v=r.getState().columnOrder,b=v.indexOf(u.id.toString()),w=v.indexOf(m.id.toString());r.setColumnOrder([...Be(v,b,w)])}i(null)},children:d(He,{items:r.getState().columnOrder,strategy:Ve,children:[d(R,{label:d(F,{children:[t(ct,{className:"inline align-bottom me-1"}),"Columns"]}),selectionMode:"multiple",size:"sm",items:r.getAllFlatColumns(),selectedKeys:r.getVisibleFlatColumns().map(o=>o.id),children:[t(A,{onAction:()=>r.toggleAllColumnsVisible(),className:"italic",children:"(select all)"}),r.getState().columnOrder.map(o=>{const u=r.getAllFlatColumns().find(m=>m.id===o);return!u||u.id==="checkbox"||u.id===N?null:t(c,{column:u},u.id)})]}),t(Ee,{children:a?t("div",{className:"opacity-70 border-2 border-primary",children:l(a)}):null})]})});function c({column:o}){const{attributes:u,listeners:m,setNodeRef:v,transform:b,transition:w}=Ke({id:o.id}),D={transform:Qe.Transform.toString(b),transition:w,zIndex:"999"};return d(A,{ref:v,style:D,...u,id:o.id,onAction:()=>o.toggleVisibility(),isDisabled:!o.getCanHide(),className:"flex items-center",children:[t(ut,{...m,className:"size-icon cursor-grab"}),Z(o),o.getIsSorted()&&t(Ce,{className:"size-icon",direction:o.getIsSorted()})]})}}function Gt(){const{tanTable:e}=C(),r=e.getRowCount();return d("div",{className:"flex items-center gap-2",children:[t("span",{className:"whitespace-nowrap body-sm text-muted",children:`${e.getState().pagination.pageIndex*e.getState().pagination.pageSize+1} - ${Math.min((e.getState().pagination.pageIndex+1)*e.getState().pagination.pageSize,r)} of ${r?.toLocaleString()}`}),(e.getCanNextPage()||e.getCanPreviousPage())&&d(F,{children:[t(y,{"aria-label":"First page",onPress:()=>e.firstPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(dt,{})}),t(y,{"aria-label":"Previous page",onPress:()=>e.previousPage(),isDisabled:!e.getCanPreviousPage(),variant:"neutral",size:"icon-sm",children:t(mt,{})}),t(y,{"aria-label":"Next page",onPress:()=>e.nextPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(gt,{})}),t(y,{"aria-label":"Last page",onClick:()=>e.lastPage(),isDisabled:!e.getCanNextPage(),variant:"neutral",size:"icon-sm",children:t(pt,{})})]})]})}function Ut(){if(Y()==="customer-portal")return null;const{tanTable:r}=C(),a=[10,20,30,40,50];return t(R,{label:r.getState().pagination.pageSize.toString(),selectionMode:"single",size:"sm",selectedKeys:[r.getState().pagination.pageSize.toString()],items:a.map(i=>({id:i.toString(),value:i})),children:i=>t(A,{onAction:()=>r.setPageSize(i.value),children:i.value})})}function Zt(){const{query:e,tanTable:r,searchQuery:a,setSearchQuery:i,tableActions:l,viewMode:n,setViewMode:c,Card:o,previewFilters:u}=C(),m=r.getSelectedRowModel().rows.length>0,v=l.filter(b=>b.resourceType!=="single").filter(b=>b.resourceType==="multiple"===m);return d("section",{className:"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1",children:[d("div",{className:"flex gap-icon",children:[t(y,{"aria-label":"Refresh",isPending:e.isFetching,onClick:()=>e.refetch(),variant:"neutral",size:"icon",children:t(it,{})}),t(It,{value:a,onChange:i}),t(an,{previewFilters:u})]}),d("div",{className:"flex gap-icon",children:[t(Jt,{items:v,isFetching:e.isFetching}),o&&d("div",{className:"flex gap-1 bg-elevation-1 rounded-md overflow-hidden",children:[t(y,{variant:n==="table"?"primary":"neutral",size:"icon",onPress:()=>c("table"),"aria-label":"Table view",className:"border-none",children:t(st,{})}),t(y,{variant:n==="card"?"primary":"neutral",size:"icon",onPress:()=>c("card"),"aria-label":"Card view",className:"border-none",children:t(lt,{})})]})]})]})}function Ce({direction:e,...r}){return e==="asc"?t(ft,{className:"size-3.5",...r}):e==="desc"?t(bt,{className:"size-3.5",...r}):t(ht,{className:"size-3.5",...r})}function Z(e){const r=J(),a=e.columnDef.header;return typeof a=="string"?a:r(e.id)}function Xt(e){const r=e.column.columnDef.meta?.displayType,a=e.getValue();if(a==null)return null;switch(r){case"date":return t("span",{className:"tabular-nums",children:q(a)});case"number":return t("span",{className:"block text-right tabular-nums",children:Lt(a)});case"boolean":return t(ce,{variant:a?"success":"destructive",className:"w-full capitalize",children:String(a)});case"badge":return t(ce,{className:"w-full",children:String(a)});case"country":return t(Ot,{value:a});case"enum":return t("span",{className:"uppercase w-full",children:String(a)});case"fileSize":return Mt(a);case"days":return zt(a);case"os":return rt[a]??a;case"licenseType":return qt[a]??a;case"subscriptionInterval":return Rt.formatISODuration(a);case"subscriptionStartTrigger":return $t(a);default:return String(a)}}function pe({header:e}){const r=e.column.columnDef.header;return typeof r=="string"||!r?Z(e.column):typeof r=="function"?typeof r(e.getContext())=="string"?Z(e.column):U(r,e.getContext()):U(r,e.getContext())}function Yt({className:e}){const{tanTable:r,onRowNavigate:a}=C(),i=(l,n,c="z-50")=>I("text-left body-sm font-medium whitespace-nowrap",l&&`sticky right-0 ${c} text-center justify-center`,n);return d(Pt,{className:I("table-auto border-0 rounded-md",e),children:[t(Tt,{className:"sticky top-0 z-10 rounded-md",children:r.getHeaderGroups().map(l=>t(de,{children:l.headers.map(n=>d(At,{scope:"col",colSpan:n.colSpan,className:i(n.id===N,(n.id===N,"bg-elevation-mid")),children:[!n.column.getCanSort()&&!n.isPlaceholder&&t("div",{className:I("w-full flex items-center gap-1 text-xs uppercase",n.id===N?"justify-center":"justify-start"),children:t(pe,{header:n})}),n.column.getCanSort()&&d(y,{variant:"ghost",size:"none",className:I("w-full p-1 rounded-md uppercase text-muted text-xs",n.id===N?"justify-center":"justify-start",n.column.getIsSorted()?"text-primary":""),onPress:n.column.getToggleSortingHandler(),children:[t("span",{children:t(pe,{header:n})}),n.column.getIsSorted()&&t(Ce,{direction:n.column.getIsSorted()})]})]},n.id))},l.id))}),t(Dt,{children:r.getRowModel().rows.map(l=>t(de,{className:I("transition-colors bg-elevation-1 data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20",a&&"cursor-pointer focus-visible:outline focus-visible:outline-ring"),"data-selected":l.getIsSelected(),...a&&{role:"link",tabIndex:0,onClick:n=>{n.target.closest('a, button, input, select, textarea, [role="button"]')||a(l.original)},onKeyDown:n=>{n.key==="Enter"&&a(l.original)}},children:l.getVisibleCells().map(n=>{const c=n.column.id===N,o=n.column.columnDef.meta?.displayType?Xt(n):U(n.column.columnDef.cell,n.getContext());return t(Ft,{className:I(i(c,c?"bg-elevation-1":"","z-1"),c&&"flex justify-center items-center"),children:o},n.id)})},l.id))})]})}function fe(e){return e.resourceType==="none"}function W(e){return e.resourceType==="single"}function be(e){return e.resourceType==="multiple"}function Jt({items:e,isFetching:r}){const{openDialog:a,closeDialog:i}=we(),{tanTable:l}=C();function n(o,u){return o.isDisabled?fe(o)?o.isDisabled():be(o)?o.isDisabled(u):!1:!1}const c=l.getSelectedRowModel().rows.map(o=>o.original);return t(F,{children:e.map((o,u)=>{const m=o.icon,v=n(o,c)||r;return d(y,{"aria-label":o.label,type:"button",isDisabled:v,className:"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform",onPress:b=>{const w={event:b,openDialog:a,closeDialog:i};fe(o)?o.onPress(w):be(o)&&o.onPress({...w,data:c})},variant:o.variant??"neutral",children:[m&&t(m,{"aria-hidden":!0}),t("span",{children:o.label})]},`${o.label}-${u}`)})})}function Wt({label:e,items:r,data:a}){const{openDialog:i,closeDialog:l}=we();return r.length<4?t("div",{className:"flex items-center gap-2",children:r.map((n,c)=>{const o=n.icon,u=typeof n.label=="function"?n.label(a):n.label;return d(_t,{children:[t(y,{"aria-label":typeof u=="string"?u:void 0,isDisabled:n.isDisabled?.(a)??!1,variant:"ghost",size:"icon",onPress:()=>{const m={openDialog:i,closeDialog:l};n.onPress({...m,data:a})},children:t(o,{className:"size-icon"})}),t(jt,{children:u})]},`${c}-${typeof u=="string"?u:""}`)})}):t(R,{"aria-label":"Actions",label:e,size:"icon",children:r.map((n,c)=>{const o=n.icon,u=typeof n.label=="function"?n.label(a):n.label;return d(A,{id:typeof u=="string"?u:void 0,isDisabled:n.isDisabled?.(a)??!1,onAction:()=>{const m={openDialog:i,closeDialog:l};W(n)&&n.onPress({...m,data:a})},children:[t(o,{className:"size-icon"}),u]},`${c}-${typeof u=="string"?u:""}`)})})}const sr=["eq","ne","cn","nc","sw","ew","in","nin","gt","gte","lt","lte","between"],he={eq:"equal to",ne:"not equal to",cn:"contains",nc:"does not contain",sw:"starts with",ew:"ends with",in:"includes",nin:"does not include",gt:"greater than",gte:"greater than or equal to",lt:"less than",lte:"less than or equal to",between:"between"},en={eq:"=",ne:"≠",cn:"contains",nc:"!contains",sw:"starts with",ew:"ends with",in:"in",nin:"not in",gt:">",gte:"≥",lt:"<",lte:"≤",between:"↔"};function G(e,r){const a=`${r}-${Date.now()}`,i=Ie[e][0];switch(e){case"bool":return{id:a,type:e,property:r,operator:i,value:!0};case"string":return{id:a,type:e,property:r,operator:i,value:""};case"date":return{id:a,type:e,property:r,operator:i,value:i==="between"?[new Date().toISOString(),new Date().toISOString()]:new Date().toISOString()};case"id":return{id:a,type:e,property:r,operator:i,value:""};case"id-search":return{id:a,type:e,property:r,operator:i,value:[]};case"enum":return{id:a,type:e,property:r,operator:i,value:new Set};case"number":return{id:a,type:e,property:r,operator:i,value:0}}}const Ie={bool:["eq"],enum:["in","nin"],id:["in","nin"],"id-search":["in","nin"],string:["eq","ne","cn","nc","sw","ew","in","nin"],date:["between","lt","gt"],number:["eq","ne","gt","gte","lt","lte"]};function tn(e){switch(e.type){case"string":case"id":return e.value??"";case"number":return e.value?.toString()??"";case"bool":return e.value?"true":"false";case"date":if(Array.isArray(e.value)){const[r,a]=e.value;return`${q(r,{dateStyle:"short"})??""} – ${q(a,{dateStyle:"short"})??""}`}return e.value?q(e.value,{dateStyle:"short"})??"":"";case"enum":return e.value&&e.value.size>0?`${e.value.size} selected`:"";case"id-search":return e.value&&e.value.length>0?e.value.length===1?"1 item":`${e.value.length} items`:""}}function nn({filter:e,filterConfig:r,pathParameters:a,onChange:i}){if(e.type==="string"||e.type==="id")return t(nt,{autoFocus:!0,value:e.value??"",onChange:i,"aria-label":"Filter value"});if(e.type==="number")return t(We,{autoFocus:!0,value:e.value,onChange:i,"aria-label":"Filter value"});if(e.type==="bool")return d(R,{autoFocus:!0,label:e.value?"True":"False",variant:"neutral","aria-label":"Filter value",children:[t(A,{onAction:()=>i(!0),children:"True"}),t(A,{onAction:()=>i(!1),children:"False"})]});if(e.type==="date"){if(e.operator==="between"){const[n,c]=Array.isArray(e.value)?e.value:[new Date().toISOString(),new Date().toISOString()],o=H(n,V()),u=H(c,V());return d("div",{className:"flex flex-col gap-icon",children:[t(Q,{autoFocus:!0,hideTimeZone:!0,label:"From",value:o,onChange:m=>i([m?m.toAbsoluteString():n,c])}),t(Q,{hideTimeZone:!0,label:"To",value:u,onChange:m=>i([n,m?m.toAbsoluteString():c])})]})}const l=e.value&&!Array.isArray(e.value)?H(e.value,V()):null;return t(Q,{autoFocus:!0,hideTimeZone:!0,value:l,onChange:n=>i(n?n.toAbsoluteString():new Date().toISOString()),"aria-label":"Filter date"})}if(e.type==="enum"){const l=r[e.property];return l.type!=="enum"?null:t(Je,{autoFocus:!0,items:l.options,value:e.value??new Set,onChange:i,"aria-label":"Filter value"})}if(e.type==="id-search"){const l=r[e.property];if(l.type!=="id-search")return null;const n=a?{path:a,query:{}}:void 0;return t(Ct,{autoFocus:!0,path:l.path,accessor:l.accessor,defaultParams:n,value:e.value??[],onChange:i,"aria-label":"Filter value"})}return null}function rn({filter:e,filterConfig:r,pathParameters:a,resourceFormatter:i,onRemove:l,onUpdate:n,isOpen:c,onOpenChange:o}){const u=Ie[e.type],m=tn(e),v=Y();return d(et,{isOpen:c,onOpenChange:o,children:[t("div",{className:"relative",children:d(y,{type:"button",variant:e.active===!1?"neutral":"primary_neutral",className:"animate-in slide-in-from-left-10 fade-in",children:[t("span",{className:"font-medium",children:i(e.property)}),v!=="customer-portal"&&t("span",{children:en[e.operator]}),v!=="customer-portal"&&m&&t("span",{children:m}),e.active!==!1&&t("span",{className:"size-2 z-100 rounded-full bg-primary ms-1"})]})}),t(tt,{className:"p-icon min-w-48",children:d("div",{className:"flex flex-col gap-icon",children:[u.length>1&&t(R,{label:he[e.operator],variant:"neutral","aria-label":"Change operator",children:u.map(b=>t(A,{onAction:()=>n({operator:b}),children:he[b]},b))}),t(nn,{filter:e,filterConfig:r,pathParameters:a,onChange:b=>n({value:b})}),t(y,{type:"button",variant:"neutral",className:"self-end",onPress:l,"aria-label":`Remove ${i(e.property)} filter`,children:"Clear"})]})})]})}function an({className:e,previewFilters:r,...a}){const{filters:i,query:l,setFilters:n,filterConfig:c,pathParameters:o}=C(),u=J(),m=Object.keys(c).filter(g=>!i.some(p=>p.property===g)).sort(),[v,b]=O(null),w=ve(!1);X(()=>{if(!w.current&&i.length===0){const g=[];r&&r.length>0&&g.push(...r.filter(p=>c[p]).map(p=>({...G(c[p].type,p),active:!1,isPreview:!0}))),g.length>0&&n(g)}w.current=!0},[]);const D=(g,p)=>{const f=G(g,p);n([...i,f]),b(f.id)},P=g=>{i.find(f=>f.id===g)?.isPreview?n(i.map(f=>f.id===g?{...G(c[f.property].type,f.property),active:!1,isPreview:!0}:f)):n(i.filter(f=>f.id!==g))},j=(g,p)=>{n(i.map(f=>{if(f.id!==g)return f;let S=p.value!==void 0?p.value:f.value;const $=p.operator??f.operator;if(f.type==="date"&&p.operator!==void 0)if($==="between"&&!Array.isArray(S)){const z=typeof S=="string"?S:new Date().toISOString();S=[z,z]}else $!=="between"&&Array.isArray(S)&&(S=S[0]??new Date().toISOString());return{...f,...p,value:S,active:!0}}))};return d("section",{...a,className:I("flex flex-wrap gap-icon items-center",e),children:[i.map(g=>t(rn,{filter:g,filterConfig:c,pathParameters:o,resourceFormatter:u,onRemove:()=>P(g.id),onUpdate:p=>j(g.id,p),isOpen:v===g.id,onOpenChange:p=>b(p?g.id:null)},g.id)),m.length>0&&t(R,{label:t(Nt,{}),isDisabled:l.isPending,variant:"neutral","aria-label":"Add filter",children:m.map(g=>{const p=c[g].type,f=on[p];return d(A,{className:"!justify-between",onAction:()=>D(p,g),children:[u(g),t(f,{})]},g)})})]})}const on={"id-search":xt,bool:ue,date:wt,enum:yt,id:St,number:vt,string:ue};export{he as C,an as D,ir as DataTable,Ne as DataTableContext,or as DataTableProvider,sr as F,rr as getColumnHelper,C as useDataTable,ar as useDataTableState};
|
|
2
2
|
//# sourceMappingURL=data-table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"data-table.js","sources":["../../lib/components/data-table.tsx","../../lib/components/data-table-filter.tsx"],"sourcesContent":["'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport {\n closestCenter,\n DndContext,\n DragOverlay,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport {\n arrayMove,\n SortableContext,\n sortableKeyboardCoordinates,\n useSortable,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\n\nimport {\n type Column,\n type ColumnDef,\n type ColumnOrderState,\n createColumnHelper,\n flexRender,\n getCoreRowModel,\n type Header,\n type PaginationState,\n type RowData,\n type RowSelectionState,\n type SortingState,\n type Updater,\n useReactTable,\n type VisibilityState,\n} from '@tanstack/react-table';\nimport { useLocalStorage } from '@uidotdev/usehooks';\nimport { merge } from 'lodash-es';\nimport { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Badge } from '../components/badge';\n\nimport { Button } from '../components/button';\nimport { DataTableFilter, type FiltersConfig, type TableFilter } from '../components/data-table-filter';\nimport { Loader } from '../components/loader';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { SearchField } from '../components/searchfield';\nimport { TableBody, TableCell, Table as TableComponent, TableHead, TableHeader, TableRow } from '../components/table';\nimport { CountryName } from '../utilities/countries';\nimport { formatDate } from '../utilities/date';\nimport { Duration } from '../utilities/duration';\nimport { formatDays, formatFilesize, formatNumber } from '../utilities/numbers';\nimport { ALL_OS, type ApiPathParameters, type ApiResponseBody, useResourceFormatter } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { Checkbox } from './checkbox';\nimport { Tooltip, TooltipTrigger } from './tooltip';\n\nimport {\n type CtxIcon,\n IcColumns,\n IcFirst,\n IcGrip,\n IcInfo,\n IcLast,\n IcLayoutGrid,\n IcLeft,\n IcMenu,\n IcMoreVertical,\n IcRefresh,\n IcRight,\n IcSortAsc,\n IcSortDesc,\n IcSortNone,\n} from './icons';\nimport { ALL_LICENSE_TYPES, getSubscriptionStartTriggerLabel } from './select-options';\n\nimport type { Cell, ColumnHelper } from '@tanstack/react-table';\nimport type { ClientPathsWithMethod } from 'openapi-fetch';\nimport type { PressEvent } from 'react-aria-components';\nimport { type CtxClientType, useCtxClient } from '../utilities/ctx-client';\nimport { ControlledDialogProvider, useControlledDialog } from './dialog';\n\nexport type DisplayType =\n | 'string'\n | 'boolean'\n | 'date'\n | 'number'\n | 'enum'\n | 'badge'\n | 'country'\n | 'fileSize'\n | 'days'\n | 'os'\n | 'licenseType'\n | 'subscriptionInterval'\n | 'subscriptionStartTrigger';\n\ndeclare module '@tanstack/react-table' {\n interface ColumnMeta<TData extends RowData, TValue> {\n displayType: DisplayType;\n }\n}\n\nfunction generateSortParam(sort: { id: string; desc: boolean } | undefined): string {\n if (sort) {\n if (sort.desc) {\n return `-${sort.id}`;\n } else {\n return `+${sort.id}`;\n }\n } else {\n return '-createdAt';\n }\n}\n\nconst cH = createColumnHelper<any>();\nconst TABLE_CHECK_BOX_COLUMN = [\n cH.accessor('checkbox', {\n header: ({ table }) => (\n <Checkbox\n isIndeterminate={table.getIsSomeRowsSelected() && !table.getIsAllPageRowsSelected()}\n isSelected={table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected()}\n onChange={() => table.toggleAllPageRowsSelected()}\n aria-label=\"Select all\"\n size=\"sm\"\n />\n ),\n\n cell: ({ row }) => (\n <Checkbox\n isSelected={row.getIsSelected()}\n onChange={() => row.toggleSelected()}\n aria-label=\"Select row\"\n size=\"sm\"\n />\n ),\n enableSorting: false,\n enableHiding: false,\n }),\n];\n\nconst ACTIONS_COLUMN_ID = 'TableActions';\nfunction getActionsColumn<T extends object>(rowActions: SingleResourceAction<T>[]) {\n if (rowActions.length === 0) return [];\n\n return [\n cH.accessor(ACTIONS_COLUMN_ID, {\n header: 'Actions',\n id: ACTIONS_COLUMN_ID,\n enableHiding: false,\n cell: ({ row }) => (\n <TableActionsRowMenu label={<IcMoreVertical />} data={row.original} items={rowActions} />\n ),\n enableSorting: false,\n }),\n ];\n}\n\ntype DataTableFactory<\n T extends object,\n TOperation extends keyof operations,\n TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n> = {\n path: NoInfer<ClientPathsWithMethod<CtxClientType, 'get'>>;\n pathParameters?: NoInfer<ApiPathParameters<TOperation>>;\n columns: ColumnDef<T, any>[];\n tableActions: TableAction<T>[];\n columnsToHideByDefault?: Partial<Record<keyof T, boolean>>; // Columns that are hidden by default\n allowSelection?: boolean;\n filterConfig: TFilterConfig;\n initialFilters: TableFilter[];\n Card?: (item: T, actions: SingleResourceAction<T>[], selection: CardSelectionProps) => React.ReactNode;\n previewFilters?: (keyof TFilterConfig)[];\n /** When provided, each row becomes a navigable link. Called with the row's data on click or Enter. */\n onRowNavigate?: (row: T) => void;\n};\n\ntype DataTableState = {\n sorting: SortingState;\n pagination: PaginationState;\n};\n\nexport function getColumnHelper<O extends keyof operations>(): ColumnHelper<ApiResponseBody<O>> {\n return createColumnHelper<ApiResponseBody<O>>();\n}\n/**\n * Hook for handling all data-table state. Used in DataTableContext\n */\nexport function useDataTableState<\n T extends object,\n TOperation extends keyof operations,\n TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n>({\n path,\n pathParameters,\n columns,\n filterConfig,\n columnsToHideByDefault = {},\n allowSelection = false,\n initialFilters = [],\n previewFilters,\n tableActions,\n Card,\n onRowNavigate,\n}: DataTableFactory<T, TOperation, TFilterConfig>) {\n const [tableState, _setTableState] = useState<DataTableState>({\n /** Reflect in URL in host application */\n pagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n sorting: [], // Sorting state\n });\n\n const { sorting, pagination } = tableState;\n\n const [searchQuery, setSearchQuery] = useState('');\n\n const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n /** Reflect in URL in host application */\n const [filters, setFilters] = useState(initialFilters);\n const mergedFilters = useMemo(() => {\n // TODO, generic transform fn\n return filters\n .filter(tf => tf.active !== false)\n .map(tf => {\n if (tf.operator === 'between' && Array.isArray(tf.value) && tf.value.length === 2) {\n return {\n [tf.property]: {\n gte: tf.value[0],\n lte: tf.value[1],\n },\n };\n }\n if (Array.isArray(tf.value)) {\n return {\n [tf.property]: {\n [tf.operator]: tf.value.join(','),\n },\n };\n }\n return {\n [tf.property]: {\n [tf.operator]: tf.value,\n },\n };\n })\n .reduce((acc, current) => {\n return merge(acc, current);\n }, {});\n }, [filters]);\n\n const queryParameters = {\n ...filters,\n page: pagination.pageIndex + 1,\n limit: pagination.pageSize,\n sort: generateSortParam(sorting[0]),\n search: searchQuery,\n };\n\n const client = useCtxClient();\n // TODO, this seems incorrect, verify\n const queryKey = ['get', path, queryParameters];\n\n const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(\n `${queryKey.join('')}_ctx_column_order_preference`,\n []\n );\n const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n `${queryKey.join('')}_ctx_column_visibility_preference`,\n {\n id: false,\n ...columnsToHideByDefault,\n }\n );\n const [viewMode, setViewMode] = useLocalStorage<'table' | 'card'>(\n `${queryKey.join('')}_ctx_view_mode_preference`,\n 'table'\n );\n\n // Update table state with new values\n const updateTableState = (updates: Partial<DataTableState>) => {\n _setTableState(prev => ({ ...prev, ...updates }));\n };\n\n async function fetchPage(pageParam: number) {\n const res = await client.GET(path, {\n params: {\n query: {\n page: pageParam,\n limit: pagination.pageSize,\n sort: queryParameters.sort,\n search: queryParameters.search,\n ...mergedFilters,\n },\n path: pathParameters as any,\n },\n });\n return {\n data: (res.data ?? []) as T[],\n total: Number.parseInt(res.response.headers.get('Pagination-Count') || '0'),\n nextPage: pageParam + 1,\n };\n }\n\n const tableQuery = useQuery({\n queryKey: [...queryKey, 'table'],\n enabled: viewMode === 'table',\n queryFn: () => fetchPage(pagination.pageIndex + 1),\n });\n\n const infiniteQuery = useInfiniteQuery({\n queryKey: [...queryKey, 'card'],\n enabled: viewMode === 'card',\n initialPageParam: 1,\n queryFn: ({ pageParam }) => fetchPage(pageParam),\n getNextPageParam: (lastPage, allPages) => {\n const fetched = allPages.flatMap(p => p.data).length;\n return fetched < lastPage.total ? lastPage.nextPage : undefined;\n },\n });\n\n // Flatten data into a single array for tanStack table\n const flatData = useMemo<T[]>(() => {\n if (viewMode === 'table') return tableQuery.data?.data ?? [];\n return infiniteQuery.data?.pages.flatMap(p => p.data) ?? [];\n }, [viewMode, tableQuery.data, infiniteQuery.data]);\n\n const total = useMemo(() => {\n if (viewMode === 'table') return tableQuery.data?.total ?? 0;\n return infiniteQuery.data?.pages[0]?.total ?? 0;\n }, [viewMode, tableQuery.data, infiniteQuery.data]);\n\n const query =\n viewMode === 'table'\n ? tableQuery\n : {\n ...infiniteQuery,\n data: { data: flatData, total },\n isLoading: infiniteQuery.isLoading,\n isFetching: infiniteQuery.isFetching,\n isError: infiniteQuery.isError,\n error: infiniteQuery.error,\n refetch: infiniteQuery.refetch,\n };\n\n const rowActions = tableActions.filter(isSingleResourceAction);\n /**\n * ID,createdAt and updatedAt will be added by default for all tables\n * If selection is allowed, checkbox will be added\n * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n * If there are actions for the table, they will be placed fixed at the right side of table.\n */\n const cols: ColumnDef<any, any>[] = [\n ...(allowSelection ? TABLE_CHECK_BOX_COLUMN : []),\n ...columns,\n ...getActionsColumn<T>(rowActions ?? []),\n ];\n\n // Type-guard for updater\n function isUpdaterFunction<T>(updater: Updater<T>): updater is (old: T) => T {\n return typeof updater === 'function';\n }\n // Utility function to resolve updater\n function resolveUpdater<T>(updater: Updater<T>, currentValue: T) {\n if (isUpdaterFunction(updater)) {\n return updater(currentValue);\n }\n return updater;\n }\n\n // Use react-table's hook to create the table instance\n const tanTable = useReactTable({\n data: flatData,\n columns: cols,\n getCoreRowModel: getCoreRowModel(),\n rowCount: total,\n manualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n onPaginationChange: updater => {\n updateTableState({ pagination: resolveUpdater(updater, pagination) });\n },\n manualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n onSortingChange: updater => {\n setRowSelection({});\n updateTableState({ sorting: [...resolveUpdater(updater, sorting)] }); // Reset selection when sorting.\n },\n manualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n onColumnVisibilityChange: updater => {\n setColumnVisibility(resolveUpdater(updater, columnVisibility));\n },\n onRowSelectionChange: updater => {\n setRowSelection(resolveUpdater(updater, rowSelection));\n },\n onColumnOrderChange: updater => {\n setColumnOrder(resolveUpdater(updater, columnOrder));\n },\n state: {\n sorting: sorting,\n columnVisibility: columnVisibility,\n pagination: pagination,\n rowSelection: rowSelection,\n columnOrder: columnOrder,\n },\n meta: {\n refetch: query.refetch,\n },\n });\n\n // By default, ColumnDef does not give guarantees of column.id existing. Once useReactTable is called, all columns are assigned IDs.\n // This populates the columnIds in the columnOrder state\n useEffect(() => {\n const columns = tanTable.getAllLeafColumns();\n //Make sure actions column is always at the end\n setColumnOrder([\n ...columns.filter(c => c.id !== ACTIONS_COLUMN_ID).map(c => c.id),\n ...columns.filter(c => c.id === ACTIONS_COLUMN_ID).map(c => c.id),\n ]);\n }, []);\n\n return {\n tableState,\n updateTableState,\n query,\n setSearchQuery,\n searchQuery,\n tanTable,\n mergedFilters,\n filters,\n setFilters,\n filterConfig,\n tableActions,\n pathParameters,\n viewMode,\n setViewMode,\n Card,\n allowSelection,\n previewFilters,\n infiniteQuery,\n onRowNavigate,\n } as const;\n}\n\nexport const DataTableContext = createContext<ReturnType<typeof useDataTableState> | null>(null);\n// TODO, don't export this\nexport function useDataTable() {\n const ctx = useContext(DataTableContext);\n if (!ctx) {\n throw Error('DataTable should be used within DataTableProvider.');\n }\n return ctx;\n}\n\nexport function DataTableProvider<T extends object, TOperation extends keyof operations>({\n children,\n ...props\n}: { children: React.ReactNode } & ReturnType<typeof useDataTableState<T, TOperation>>) {\n // @ts-expect-error, propogating the generic type further will be more complex. Since this is a tightly coupled type, it should be okay but reviewed whenever useDataTableState changes.\n return <DataTableContext.Provider value={props}>{children}</DataTableContext.Provider>;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'>;\nexport function DataTable({ className, ...props }: DataTableProps) {\n const { query, tanTable, viewMode, tableActions, Card } = useDataTable();\n const cardActions = tableActions.filter(isSingleResourceAction);\n return (\n <>\n <ControlledDialogProvider>\n {/* Table Actions Section */}\n <Actions />\n <section\n {...props}\n className={classNames(\n `z-20 flex flex-col ${viewMode === 'table' ? 'bg-elevation-1 border rounded-md' : ''}`,\n className\n )}\n >\n {/* The div here is necessary because TableContent is internally a <table> tag and does not respect width, height CSS */}\n <div\n className=\"w-full overflow-auto h-table relative rounded-md [scrollbar-width:none]\"\n tabIndex={0}\n >\n {/* Table overlay with loader */}\n {query.isLoading && (\n <TableOverlay className=\"cursor-wait\">\n <Loader />\n </TableOverlay>\n )}\n {/* Table overlay for empty table */}\n {!query.isLoading && tanTable.getRowModel().rows.length === 0 && (\n // Empty table\n <TableOverlay className=\"cursor-not-allowed\">\n {!query.isFetching &&\n (query.isError ? (\n <span className=\"flex gap-3 justify-center items-center\">\n {/* TODO (mudasir-pandith) Check for 403 explicitly!! */}\n {/* <span>{query.error}</span> */}\n <IcInfo />\n <span>{query.error?.message}</span>\n </span>\n ) : query.data?.data?.length === 0 ? (\n <>No results found.</>\n ) : (\n <>Unknown error. Please contact customer support.</>\n ))}\n </TableOverlay>\n )}\n {!query.isLoading &&\n tanTable.getRowModel().rows.length !== 0 &&\n (viewMode === 'card' && Card ? (\n <CardGrid Card={Card} actions={cardActions} />\n ) : (\n <TableContent className=\"w-full\" />\n ))}\n </div>\n\n {/* Table Footer Section with Pagination and Column Picker */}\n {viewMode === 'table' && (\n <div className=\"flex w-full justify-between border-t gap-icon p-icon overflow-x-auto\">\n <div className=\"flex gap-icon\">\n <ColumnPicker />\n <PageSize />\n </div>\n <Paginator />\n </div>\n )}\n </section>\n </ControlledDialogProvider>\n </>\n );\n}\n\nexport type CardSelectionProps = {\n isSelected: boolean;\n onToggle: () => void;\n allowSelection: boolean;\n};\n\nfunction CardGrid<T>({\n Card,\n actions,\n}: {\n Card: (item: T, actions: SingleResourceAction<T>[], selection: CardSelectionProps) => React.ReactNode;\n actions: SingleResourceAction<T>[];\n}) {\n const { tanTable, allowSelection } = useDataTable();\n const { infiniteQuery } = useDataTable(); // expose from context\n const sentinelRef = useRef<HTMLDivElement>(null);\n\n // Todo: virtualization, see https://tanstack.com/virtual/latest/docs/introduction\n useEffect(() => {\n const el = sentinelRef.current;\n if (!el) return;\n\n const observer = new IntersectionObserver(\n entries => {\n if (entries[0].isIntersecting && infiniteQuery.hasNextPage && !infiniteQuery.isFetchingNextPage) {\n infiniteQuery.fetchNextPage();\n }\n },\n { threshold: 0.1 }\n );\n\n observer.observe(el);\n return () => observer.disconnect();\n }, [infiniteQuery.hasNextPage, infiniteQuery.isFetchingNextPage]);\n\n return (\n <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-2\">\n {tanTable.getRowModel().rows.map(row => {\n const selection: CardSelectionProps = {\n isSelected: row.getIsSelected(),\n onToggle: () => row.toggleSelected(),\n allowSelection,\n };\n return <div key={row.id}>{Card(row.original, actions, selection)}</div>;\n })}\n\n {/* Invisible sentinel at the bottom triggers next page fetch */}\n <div ref={sentinelRef} className=\"col-span-full h-4 flex items-center justify-center\">\n {infiniteQuery.isFetchingNextPage && <Loader />}\n </div>\n </div>\n );\n}\n/** Table overlay to be shown for loaders or other messages */\nfunction TableOverlay({ children, className }: { children: React.ReactNode; className?: string }) {\n return (\n <>\n <span\n className={classNames(\n className,\n 'absolute top-0 bg-elevation-1 text-foreground z-20 size-full body-sm flex items-center justify-center'\n )}\n >\n {children}\n </span>\n {/* Keep something in document flow with the correct height */}\n <span className=\"relative h-full w-0 block\" />\n </>\n );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n const { tanTable } = useDataTable();\n const [activeId, setActiveId] = useState<string | null>(null);\n\n const resourceFormatter = useResourceFormatter();\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n })\n );\n return (\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={event => {\n const { active } = event;\n setActiveId(active.id.toString());\n }}\n onDragEnd={event => {\n const { active, over } = event;\n\n if (over && active.id !== over.id) {\n const columnOrder = tanTable.getState().columnOrder;\n const oldIndex = columnOrder.indexOf(active.id.toString());\n const newIndex = columnOrder.indexOf(over.id.toString());\n tanTable.setColumnOrder([...arrayMove(columnOrder, oldIndex, newIndex)]);\n }\n\n setActiveId(null);\n }}\n >\n <SortableContext items={tanTable.getState().columnOrder} strategy={verticalListSortingStrategy}>\n <EasyMenu\n label={\n <>\n <IcColumns className=\"inline align-bottom me-1\" />\n Columns\n </>\n }\n selectionMode=\"multiple\"\n items={tanTable.getAllFlatColumns()}\n // Using selectedKeys = 'all' does not mark MenuItems with isDisabled=true as selected. This is not the intended behaviour in this use-case.\n selectedKeys={tanTable.getVisibleFlatColumns().map(c => c.id)}\n >\n <MenuItem onAction={() => tanTable.toggleAllColumnsVisible()} className={'italic'}>\n (select all)\n </MenuItem>\n {tanTable.getState().columnOrder.map(colId => {\n const col = tanTable.getAllFlatColumns().find(c => c.id === colId);\n // Don't show checkbox and actions columns in picker\n if (!col || col.id === 'checkbox' || col.id === ACTIONS_COLUMN_ID) return null;\n return <SortableItem key={col.id} column={col} />;\n })}\n </EasyMenu>\n <DragOverlay>\n {activeId ? (\n <div className=\"opacity-70 border-2 border-primary\">{resourceFormatter(activeId)}</div>\n ) : null}\n </DragOverlay>\n </SortableContext>\n </DndContext>\n );\n\n function SortableItem({ column }: { column: Column<any, unknown> }) {\n const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: column.id });\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n zIndex: '999',\n };\n return (\n <MenuItem\n ref={setNodeRef}\n style={style}\n {...attributes}\n id={column.id}\n onAction={() => column.toggleVisibility()}\n isDisabled={!column.getCanHide()}\n className=\"flex items-center\"\n >\n <IcGrip {...listeners} className=\"size-icon cursor-grab\" />\n {getColumnHeaderText(column)}\n {column.getIsSorted() && <SortIcon className=\"size-icon\" direction={column.getIsSorted()} />}\n </MenuItem>\n );\n }\n}\n\nfunction Paginator() {\n const { tanTable } = useDataTable();\n const rowCount = tanTable.getRowCount();\n return (\n <div className=\"flex items-center gap-2\">\n <span className=\"whitespace-nowrap body-sm text-muted\">\n {`${tanTable.getState().pagination.pageIndex * tanTable.getState().pagination.pageSize + 1} - ${Math.min(\n (tanTable.getState().pagination.pageIndex + 1) * tanTable.getState().pagination.pageSize,\n rowCount\n )} of ${rowCount?.toLocaleString()}`}\n </span>\n\n <Button\n aria-label=\"First page\"\n onPress={() => tanTable.firstPage()}\n isDisabled={!tanTable.getCanPreviousPage()}\n variant=\"neutral\"\n size={'icon'}\n >\n <IcFirst />\n </Button>\n <Button\n aria-label=\"Previous page\"\n onPress={() => tanTable.previousPage()}\n isDisabled={!tanTable.getCanPreviousPage()}\n variant=\"neutral\"\n size={'icon'}\n >\n <IcLeft />\n </Button>\n <Button\n aria-label=\"Next page\"\n onPress={() => tanTable.nextPage()}\n isDisabled={!tanTable.getCanNextPage()}\n variant=\"neutral\"\n size={'icon'}\n >\n <IcRight />\n </Button>\n <Button\n aria-label=\"Last page\"\n onClick={() => tanTable.lastPage()}\n isDisabled={!tanTable.getCanNextPage()}\n variant=\"neutral\"\n size={'icon'}\n >\n <IcLast />\n </Button>\n </div>\n );\n}\n\nfunction PageSize() {\n const { tanTable } = useDataTable();\n const PAGE_SIZES = [10, 20, 30, 40, 50];\n\n return (\n <EasyMenu\n label={tanTable.getState().pagination.pageSize.toString()}\n selectionMode=\"single\"\n selectedKeys={[tanTable.getState().pagination.pageSize.toString()]}\n items={PAGE_SIZES.map(s => ({ id: s.toString(), value: s }))}\n >\n {items => <MenuItem onAction={() => tanTable.setPageSize(items.value)}>{items.value}</MenuItem>}\n </EasyMenu>\n );\n}\n\nfunction Actions() {\n const { query, tanTable, searchQuery, setSearchQuery, tableActions, viewMode, setViewMode, Card, previewFilters } =\n useDataTable();\n const hasSelectedRows = tanTable.getSelectedRowModel().rows.length > 0;\n\n const filteredActions = tableActions\n .filter(ta => ta.resourceType !== 'single')\n .filter(ta => (ta.resourceType === 'multiple') === hasSelectedRows);\n\n return (\n <section className=\"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1\">\n <div className=\"flex gap-icon\">\n <Button\n aria-label=\"Refresh\"\n isPending={query.isFetching}\n onClick={() => query.refetch()}\n variant={'neutral'}\n size={'icon'}\n >\n <IcRefresh />\n </Button>\n {<SearchField value={searchQuery} onChange={setSearchQuery} />}\n <DataTableFilter previewFilters={previewFilters as string[] | undefined} />\n </div>\n <div className=\"flex gap-icon\">\n <TableActions items={filteredActions} isFetching={query.isFetching} />\n {Card && ( // Only show view mode toggle button if a Card component was provided\n <div className=\"flex gap-1 bg-elevation-1 rounded-md overflow-hidden\">\n <Button\n variant={viewMode === 'table' ? 'primary' : 'neutral'}\n size=\"icon\"\n onPress={() => setViewMode('table')}\n aria-label=\"Table view\"\n className=\"border-none\"\n >\n <IcMenu />\n </Button>\n <Button\n variant={viewMode === 'card' ? 'primary' : 'neutral'}\n size=\"icon\"\n onPress={() => setViewMode('card')}\n aria-label=\"Card view\"\n className=\"border-none\"\n >\n <IcLayoutGrid />\n </Button>\n </div>\n )}\n </div>\n </section>\n );\n}\n\nfunction SortIcon({\n direction,\n ...props\n}: { direction: 'asc' | 'desc' | false } & Omit<React.ComponentProps<'svg'>, 'direction'>) {\n if (direction === 'asc') return <IcSortAsc className=\"size-3.5\" {...props} />;\n else if (direction === 'desc') return <IcSortDesc className=\"size-3.5\" {...props} />;\n else return <IcSortNone className=\"size-3.5\" {...props} />;\n}\n\nfunction getColumnHeaderText(column: Column<any, unknown>): string {\n const resourceFormatter = useResourceFormatter();\n const headerDef = column.columnDef.header;\n return typeof headerDef === 'string' ? headerDef : resourceFormatter(column.id);\n}\n\n/**\n * Renders a cell value based on the displayType metadata\n * @param cell - The cell to render\n * @returns The formatted value as a React node\n */\nfunction renderCellByDisplayType(cell: Cell<any, any>): React.ReactNode {\n const displayType = cell.column.columnDef.meta?.displayType;\n const value = cell.getValue();\n\n if (value === null || value === undefined) {\n return null;\n }\n\n switch (displayType) {\n case 'date':\n return <span className=\"tabular-nums\">{formatDate(value)}</span>;\n case 'number':\n return <span className=\"block text-right tabular-nums\">{formatNumber(value)}</span>;\n case 'boolean':\n return (\n <Badge variant={Boolean(value) ? 'success' : 'destructive'} className=\"w-full capitalize\">\n {String(value)}\n </Badge>\n );\n case 'badge':\n return <Badge className=\"w-full\">{String(value)}</Badge>;\n case 'country':\n return <CountryName value={value} />;\n case 'enum':\n return <span className=\"uppercase w-full\">{String(value)}</span>;\n case 'fileSize':\n return formatFilesize(value);\n case 'days':\n return formatDays(value);\n case 'os':\n return ALL_OS[value as keyof typeof ALL_OS] ?? value;\n case 'licenseType':\n return ALL_LICENSE_TYPES[value as string] ?? value;\n case 'subscriptionInterval':\n return Duration.formatISODuration(value);\n case 'subscriptionStartTrigger':\n return getSubscriptionStartTriggerLabel(value);\n default:\n return String(value);\n }\n}\n\nfunction HeaderText({ header }: { header: Header<any, unknown> }) {\n const headerDef = header.column.columnDef.header;\n\n if (typeof headerDef === 'string' || !headerDef) {\n return getColumnHeaderText(header.column);\n }\n\n if (typeof headerDef === 'function') {\n const result = headerDef(header.getContext());\n if (typeof result === 'string') {\n return getColumnHeaderText(header.column);\n }\n return flexRender(headerDef, header.getContext());\n }\n\n return flexRender(headerDef, header.getContext());\n}\n\n// TODO, automate checking valid HTML\nfunction TableContent({ className }: React.ComponentProps<typeof TableComponent>) {\n const { tanTable, onRowNavigate } = useDataTable();\n const tableCellStyle = (isSticky: boolean, className?: string, zIndex: string = 'z-50') =>\n classNames(\n 'px-icon py-2 text-left body-sm font-medium whitespace-nowrap',\n isSticky && `bg-elevation-1 sticky right-0 ${zIndex} text-center justify-center`,\n className\n );\n return (\n <TableComponent className={classNames('table-auto border-0 rounded-md', className)}>\n <TableHeader className=\"sticky top-0 z-10 rounded-md\">\n {tanTable.getHeaderGroups().map(headerGroup => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map(header => (\n <TableHead\n scope=\"col\"\n key={header.id}\n colSpan={header.colSpan}\n className={tableCellStyle(header.id === ACTIONS_COLUMN_ID, 'bg-elevation-1')}\n >\n {!header.column.getCanSort() && !header.isPlaceholder && (\n <div\n className={classNames(\n 'w-full py-1 inline-flex items-center gap-1 body-sm',\n header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start'\n )}\n >\n <HeaderText header={header} />\n </div>\n )}\n {header.column.getCanSort() && (\n <Button\n variant=\"ghost\"\n className={classNames(\n 'w-full p-1',\n header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start'\n )}\n onPress={header.column.getToggleSortingHandler()}\n >\n <span>\n <HeaderText header={header} />\n </span>\n <SortIcon direction={header.column.getIsSorted()} />\n </Button>\n )}\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n <TableBody>\n {tanTable.getRowModel().rows.map(row => (\n <TableRow\n className={classNames(\n 'transition-colors data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20',\n onRowNavigate &&\n 'cursor-pointer focus-visible:outline focus-visible:outline-2 focus-visible:outline-ring'\n )}\n key={row.id}\n data-selected={row.getIsSelected()}\n {...(onRowNavigate && {\n role: 'link',\n tabIndex: 0,\n onClick: (e: React.MouseEvent<HTMLTableRowElement>) => {\n if (\n (e.target as Element).closest('a, button, input, select, textarea, [role=\"button\"]')\n )\n return;\n onRowNavigate(row.original);\n },\n onKeyDown: (e: React.KeyboardEvent<HTMLTableRowElement>) => {\n if (e.key === 'Enter') onRowNavigate(row.original);\n },\n })}\n >\n {row.getVisibleCells().map(cell => {\n const isActionsColumn = cell.column.id === ACTIONS_COLUMN_ID;\n const cellContent = cell.column.columnDef.meta?.displayType\n ? renderCellByDisplayType(cell)\n : flexRender(cell.column.columnDef.cell, cell.getContext());\n\n return (\n <TableCell\n key={cell.id}\n className={classNames(\n tableCellStyle(isActionsColumn, undefined, 'z-1'),\n isActionsColumn && 'flex justify-center items-center'\n )}\n >\n {cellContent}\n </TableCell>\n );\n })}\n </TableRow>\n ))}\n </TableBody>\n </TableComponent>\n );\n}\n\n/** Base properties shared by all table actions */\ntype ActionBase = {\n label: string;\n icon: CtxIcon;\n tooltip?: string;\n /** Optional button variant to pass through to Button (defaults to neutral) */\n variant?: React.ComponentProps<typeof Button>['variant'];\n};\n\n/** Context provided to onPress functions in TableActions */\ntype ActionPressContext = {\n event?: PressEvent;\n openDialog: (c: React.ReactNode) => void;\n closeDialog: () => void;\n};\n\nexport type NoResourceAction = ActionBase & {\n resourceType: 'none';\n isDisabled?: () => boolean;\n onPress: (c: ActionPressContext) => void;\n};\n\nexport type SingleResourceAction<T> = Omit<ActionBase, 'label'> & {\n resourceType: 'single';\n /** Label function that receives row data for dynamic labels */\n label: string | ((data: T) => React.ReactNode);\n isDisabled?: (data: T) => boolean;\n onPress: (c: ActionPressContext & { data: T }) => void;\n};\n\nexport type BulkResourceAction<T> = ActionBase & {\n resourceType: 'multiple';\n isDisabled?: (data: T[]) => boolean;\n onPress: (c: ActionPressContext & { data: T[] }) => void;\n};\n\n/** Common table action type that works for both action and dialog types */\nexport type TableAction<T> = NoResourceAction | SingleResourceAction<T> | BulkResourceAction<T>;\n\nfunction isNoResourceAction<T>(item: TableAction<T>): item is NoResourceAction {\n return item.resourceType === 'none';\n}\n\nfunction isSingleResourceAction<T>(item: TableAction<T>): item is SingleResourceAction<T> {\n return item.resourceType === 'single';\n}\n\nfunction isBulkResourceAction<T>(item: TableAction<T>): item is BulkResourceAction<T> {\n return item.resourceType === 'multiple';\n}\n\nexport type TableActionsProps<T> = {\n /** Array of table actions to render */\n readonly items: (NoResourceAction | BulkResourceAction<T>)[];\n /** Whether the table is currently fetching data */\n readonly isFetching?: boolean;\n};\n\nfunction TableActions<T>({ items, isFetching }: TableActionsProps<T>) {\n const { openDialog, closeDialog } = useControlledDialog();\n const { tanTable } = useDataTable();\n\n function getTableActionIsDisabled<T>(item: TableAction<T>, rows: T[]): boolean {\n if (!item.isDisabled) return false;\n\n if (isNoResourceAction(item)) {\n return item.isDisabled();\n } else if (isBulkResourceAction(item)) {\n return item.isDisabled(rows);\n }\n return false;\n }\n\n const selectedRows = tanTable.getSelectedRowModel().rows.map(r => r.original);\n return (\n <>\n {items.map((item, i) => {\n const Icon = item.icon;\n const isDisabled = getTableActionIsDisabled(item, selectedRows) || isFetching;\n\n return (\n <Button\n key={`${item.label}-${i}`}\n aria-label={item.label}\n type=\"button\"\n isDisabled={isDisabled}\n className=\"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform\"\n onPress={e => {\n const context = { event: e, openDialog, closeDialog };\n // TableActions only has Bulk actions and NoResource actions\n if (isNoResourceAction(item)) {\n item.onPress(context);\n } else if (isBulkResourceAction(item)) {\n item.onPress({ ...context, data: selectedRows });\n }\n }}\n variant={item.variant ?? 'neutral'}\n >\n {Icon && <Icon aria-hidden />}\n <span>{item.label}</span>\n </Button>\n );\n })}\n </>\n );\n}\n\nfunction TableActionsRowMenu<T>({\n label,\n items,\n data,\n}: {\n readonly label: React.ReactNode;\n readonly items: SingleResourceAction<T>[];\n readonly data: T;\n}) {\n const { openDialog, closeDialog } = useControlledDialog();\n\n if (items.length < 4) {\n return (\n <div className=\"flex items-center gap-2\">\n {items.map((it, i) => {\n const Icon = it.icon;\n const itemLabel = typeof it.label === 'function' ? it.label(data) : it.label;\n return (\n <TooltipTrigger key={`${i}-${typeof itemLabel === 'string' ? itemLabel : ''}`}>\n <Button\n aria-label={typeof itemLabel === 'string' ? itemLabel : undefined}\n isDisabled={it.isDisabled?.(data) ?? false}\n variant=\"ghost\"\n size=\"icon\"\n onPress={() => {\n const context = { openDialog, closeDialog };\n it.onPress({ ...context, data });\n }}\n >\n <Icon className=\"size-icon\" />\n </Button>\n <Tooltip>{itemLabel}</Tooltip>\n </TooltipTrigger>\n );\n })}\n </div>\n );\n }\n\n return (\n <EasyMenu aria-label=\"Actions\" label={label} size={'icon'}>\n {items.map((it, i) => {\n const Icon = it.icon;\n const label = typeof it.label === 'function' ? it.label(data) : it.label;\n return (\n <MenuItem\n key={`${i}-${typeof label === 'string' ? label : ''}`}\n id={typeof label === 'string' ? label : undefined}\n isDisabled={it.isDisabled?.(data) ?? false}\n onAction={() => {\n const context = { openDialog, closeDialog };\n if (isSingleResourceAction(it)) {\n it.onPress({ ...context, data });\n }\n }}\n >\n <Icon className=\"size-icon\" />\n {label}\n </MenuItem>\n );\n })}\n </EasyMenu>\n );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { getLocalTimeZone, parseAbsolute, type ZonedDateTime } from '@internationalized/date';\nimport { useEffect, useRef, useState } from 'react';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { DatePicker } from '../components/date-picker';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { MultiSelect, type MultiSelectProps } from '../components/multi-select';\nimport { NumberField } from '../components/numberfield';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport { TextField } from '../components/textfield';\nimport { formatDate } from '../utilities/date';\nimport { useProjectName, useResourceFormatter, type ApiFilters } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { IcAccount, IcCheck, IcDate, IcFile, IcFilter, IcLicense, IcMinus, type CtxIcon } from './icons';\nimport { MultipleIdSearchInput } from './id-search';\n\nexport const FILTER_COMPARISON_OPERATORS = [\n 'eq',\n 'ne',\n 'cn',\n 'nc',\n 'sw',\n 'ew',\n 'in',\n 'nin',\n 'gt',\n 'gte',\n 'lt',\n 'lte',\n 'between',\n] as const;\nexport type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<FilterComparisonOperator, string> = {\n eq: 'equal to',\n ne: 'not equal to',\n cn: 'contains',\n nc: 'does not contain',\n sw: 'starts with',\n ew: 'ends with',\n in: 'includes',\n nin: 'does not include',\n gt: 'greater than',\n gte: 'greater than or equal to',\n lt: 'less than',\n lte: 'less than or equal to',\n between: 'between',\n};\n\nconst COMPARISON_OPERATOR_SHORT_LABELS: Record<FilterComparisonOperator, string> = {\n eq: '=',\n ne: '≠',\n cn: 'contains',\n nc: '!contains',\n sw: 'starts with',\n ew: 'ends with',\n in: 'in',\n nin: 'not in',\n gt: '>',\n gte: '≥',\n lt: '<',\n lte: '≤',\n between: '↔',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n id: string;\n type: T;\n property: string;\n operator: FilterComparisonOperator;\n value: V | undefined;\n displayValue?: string;\n /** If false, the filter chip is shown in the UI but not sent as a query parameter. Becomes true once the user edits the value. */\n active?: boolean;\n /** If true, clearing the filter resets it to preview state instead of removing it. */\n isPreview?: boolean;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', Set<string | number>>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype NumberLocalFilter = BaseLocalFilter<'number', number>;\n// DatePicker accepts a string, and converts it to a ZonedDateTime. Between operator uses [from, to] tuple.\ntype DateLocalFilter = BaseLocalFilter<'date', string | [string, string]>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;\n// TODO, entitlementSets.productIds\nfunction createNewFilter(type: FilterType, property: string): TableFilter {\n const id = `${property}-${Date.now()}`;\n const operator = FilterOperations[type][0];\n\n switch (type) {\n case 'bool':\n return { id, type, property, operator, value: true };\n case 'string':\n return { id, type, property, operator, value: '' };\n case 'date':\n return {\n id,\n type,\n property,\n operator,\n value:\n operator === 'between'\n ? ([new Date().toISOString(), new Date().toISOString()] as [string, string])\n : new Date().toISOString(),\n };\n case 'id':\n return { id, type, property, operator, value: '' };\n case 'id-search':\n return { id, type, property, operator, value: [] };\n case 'enum':\n return { id, type, property, operator, value: new Set<string | number>() };\n case 'number':\n return { id, type, property, operator, value: 0 };\n }\n}\n\nexport type TableFilter =\n | EnumLocalFilter\n | IdLocalFilter\n | BoolLocalFilter\n | StringLocalFilter\n | DateLocalFilter\n | IdSearchLocalFilter\n | NumberLocalFilter;\n\nexport type FilterConfig =\n | { type: 'enum'; options: MultiSelectProps['items'] }\n | ({ type: 'id-search' } & Pick<\n React.ComponentProps<typeof MultipleIdSearchInput>,\n 'accessor' | 'path' | 'defaultParams'\n >)\n | { type: 'id' }\n | { type: 'bool' }\n | { type: 'string' }\n | { type: 'date' }\n | { type: 'number' };\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n bool: ['eq'],\n enum: ['in', 'nin'],\n id: ['in', 'nin'],\n 'id-search': ['in', 'nin'],\n string: ['eq', 'ne', 'cn', 'nc', 'sw', 'ew', 'in', 'nin'],\n date: ['between', 'lt', 'gt'],\n number: ['eq', 'ne', 'gt', 'gte', 'lt', 'lte'],\n};\n\n// TS workaround to get rid of filterConfig: Required<Record<never, FilterConfig>>\nexport type FiltersConfig<TOperation extends keyof operations> = [keyof ApiFilters<TOperation>] extends [never]\n ? Record<string, FilterConfig>\n : Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>;\n\ntype FilterUpdate = { operator?: FilterComparisonOperator; value?: TableFilter['value'] };\n\nfunction getFilterValueSummary(filter: TableFilter): string {\n switch (filter.type) {\n case 'string':\n case 'id':\n return filter.value ?? '';\n case 'number':\n return filter.value?.toString() ?? '';\n case 'bool':\n return filter.value ? 'true' : 'false';\n case 'date':\n if (Array.isArray(filter.value)) {\n const [from, to] = filter.value;\n return `${formatDate(from, { dateStyle: 'short' }) ?? ''} – ${formatDate(to, { dateStyle: 'short' }) ?? ''}`;\n }\n return filter.value ? (formatDate(filter.value, { dateStyle: 'short' }) ?? '') : '';\n case 'enum':\n return filter.value && filter.value.size > 0 ? `${filter.value.size} selected` : '';\n case 'id-search':\n return filter.value && filter.value.length > 0\n ? filter.value.length === 1\n ? '1 item'\n : `${filter.value.length} items`\n : '';\n }\n}\n\nfunction FilterValueInput({\n filter,\n filterConfig,\n pathParameters,\n onChange,\n}: {\n filter: TableFilter;\n filterConfig: Record<string, FilterConfig>;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n pathParameters?: Record<string, any>;\n onChange: (value: TableFilter['value']) => void;\n}) {\n if (filter.type === 'string' || filter.type === 'id') {\n return (\n <TextField\n autoFocus\n value={filter.value ?? ''}\n onChange={onChange as (v: string) => void}\n aria-label=\"Filter value\"\n />\n );\n }\n\n if (filter.type === 'number') {\n return (\n <NumberField\n autoFocus\n value={filter.value}\n onChange={onChange as (v: number) => void}\n aria-label=\"Filter value\"\n />\n );\n }\n\n if (filter.type === 'bool') {\n return (\n <EasyMenu autoFocus label={filter.value ? 'True' : 'False'} variant=\"neutral\" aria-label=\"Filter value\">\n <MenuItem onAction={() => onChange(true)}>True</MenuItem>\n <MenuItem onAction={() => onChange(false)}>False</MenuItem>\n </EasyMenu>\n );\n }\n\n if (filter.type === 'date') {\n if (filter.operator === 'between') {\n const [fromStr, toStr] = Array.isArray(filter.value)\n ? filter.value\n : [new Date().toISOString(), new Date().toISOString()];\n const from = parseAbsolute(fromStr, getLocalTimeZone());\n const to = parseAbsolute(toStr, getLocalTimeZone());\n return (\n <div className=\"flex flex-col gap-icon\">\n <DatePicker<ZonedDateTime>\n autoFocus\n hideTimeZone\n label=\"From\"\n value={from}\n onChange={v => onChange([v ? v.toAbsoluteString() : fromStr, toStr])}\n />\n <DatePicker<ZonedDateTime>\n hideTimeZone\n label=\"To\"\n value={to}\n onChange={v => onChange([fromStr, v ? v.toAbsoluteString() : toStr])}\n />\n </div>\n );\n }\n const value =\n filter.value && !Array.isArray(filter.value) ? parseAbsolute(filter.value, getLocalTimeZone()) : null;\n return (\n <DatePicker<ZonedDateTime>\n autoFocus\n hideTimeZone\n value={value}\n onChange={v => onChange(v ? v.toAbsoluteString() : new Date().toISOString())}\n aria-label=\"Filter date\"\n />\n );\n }\n\n if (filter.type === 'enum') {\n const config = filterConfig[filter.property];\n if (config.type !== 'enum') return null;\n return (\n <MultiSelect\n autoFocus\n items={config.options}\n value={filter.value ?? new Set<string | number>()}\n onChange={onChange as (v: Set<string | number>) => void}\n aria-label=\"Filter value\"\n />\n );\n }\n\n if (filter.type === 'id-search') {\n const config = filterConfig[filter.property];\n if (config.type !== 'id-search') return null;\n const defaultParams = pathParameters ? { path: pathParameters, query: {} } : undefined;\n return (\n <MultipleIdSearchInput\n autoFocus\n path={config.path}\n accessor={config.accessor}\n defaultParams={defaultParams}\n value={filter.value ?? []}\n onChange={onChange as (v: string[]) => void}\n aria-label=\"Filter value\"\n />\n );\n }\n\n return null;\n}\n\nfunction FilterChip({\n filter,\n filterConfig,\n pathParameters,\n resourceFormatter,\n onRemove,\n onUpdate,\n isOpen,\n onOpenChange,\n}: {\n filter: TableFilter;\n filterConfig: Record<string, FilterConfig>;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n pathParameters?: Record<string, any>;\n resourceFormatter: (key: string) => string;\n onRemove: () => void;\n onUpdate: (updates: FilterUpdate) => void;\n isOpen?: boolean;\n onOpenChange?: (isOpen: boolean) => void;\n}) {\n const operators = FilterOperations[filter.type];\n const valueSummary = getFilterValueSummary(filter);\n\n const project = useProjectName();\n\n return (\n <PopoverTrigger isOpen={isOpen} onOpenChange={onOpenChange}>\n <div className=\"relative\">\n <Button\n type=\"button\"\n variant={filter.active === false ? 'neutral' : 'primary_neutral'}\n className={'animate-in slide-in-from-left-10 fade-in'}\n >\n <span className=\"font-medium\">{resourceFormatter(filter.property)}</span>\n {project !== 'customer-portal' && <span>{COMPARISON_OPERATOR_SHORT_LABELS[filter.operator]}</span>}\n {project !== 'customer-portal' && valueSummary && <span>{valueSummary}</span>}\n {filter.active !== false && <span className=\"size-2 z-100 rounded-full bg-primary ms-1\" />}\n </Button>\n </div>\n <Popover className=\"p-icon min-w-48\">\n <div className=\"flex flex-col gap-icon\">\n {operators.length > 1 && (\n <EasyMenu\n label={COMPARISON_OPERATOR_LABELS[filter.operator]}\n variant=\"neutral\"\n aria-label=\"Change operator\"\n >\n {operators.map(op => (\n <MenuItem key={op} onAction={() => onUpdate({ operator: op })}>\n {COMPARISON_OPERATOR_LABELS[op]}\n </MenuItem>\n ))}\n </EasyMenu>\n )}\n <FilterValueInput\n filter={filter}\n filterConfig={filterConfig}\n pathParameters={pathParameters}\n onChange={value => onUpdate({ value })}\n />\n <Button\n type=\"button\"\n variant=\"neutral\"\n className={'self-end'}\n onPress={onRemove}\n aria-label={`Remove ${resourceFormatter(filter.property)} filter`}\n >\n Clear\n </Button>\n </div>\n </Popover>\n </PopoverTrigger>\n );\n}\n\nexport function DataTableFilter({\n className,\n previewFilters,\n ...props\n}: React.ComponentProps<'section'> & {\n /** Keys from filterConfig to show as filter chips on mount, not applied until the user edits them. */\n previewFilters?: string[];\n}) {\n const { filters, query, setFilters, filterConfig, pathParameters } = useDataTable();\n const resourceFormatter = useResourceFormatter();\n const filterKeys = Object.keys(filterConfig)\n .filter(k => !filters.some(f => f.property === k))\n .sort();\n const [openFilterId, setOpenFilterId] = useState<string | null>(null);\n\n const initialized = useRef(false);\n useEffect(() => {\n if (!initialized.current && filters.length === 0) {\n const toSet: TableFilter[] = [];\n if (previewFilters && previewFilters.length > 0) {\n toSet.push(\n ...previewFilters\n .filter(key => filterConfig[key])\n .map(key => ({\n ...createNewFilter(filterConfig[key].type, key),\n active: false as const,\n isPreview: true as const,\n }))\n );\n }\n if (toSet.length > 0) setFilters(toSet);\n }\n initialized.current = true;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const addFilter = (type: FilterType, property: string) => {\n const newFilter = createNewFilter(type, property);\n setFilters([...filters, newFilter]);\n setOpenFilterId(newFilter.id);\n };\n\n const removeFilter = (id: string) => {\n const filter = filters.find(f => f.id === id);\n if (filter?.isPreview) {\n setFilters(\n filters.map(f =>\n f.id === id\n ? {\n ...createNewFilter(filterConfig[f.property].type, f.property),\n active: false as const,\n isPreview: true as const,\n }\n : f\n )\n );\n } else {\n setFilters(filters.filter(f => f.id !== id));\n }\n };\n\n const updateFilter = (id: string, updates: FilterUpdate) => {\n setFilters(\n filters.map(f => {\n if (f.id !== id) return f;\n let value = updates.value !== undefined ? updates.value : f.value;\n const newOperator = updates.operator ?? f.operator;\n if (f.type === 'date' && updates.operator !== undefined) {\n if (newOperator === 'between' && !Array.isArray(value)) {\n const str = typeof value === 'string' ? value : new Date().toISOString();\n value = [str, str] as [string, string];\n } else if (newOperator !== 'between' && Array.isArray(value)) {\n value = value[0] ?? new Date().toISOString();\n }\n }\n return { ...f, ...updates, value, active: true } as TableFilter;\n })\n );\n };\n\n return (\n <section {...props} className={classNames('flex flex-wrap gap-icon items-center', className)}>\n {filters.map(filter => (\n <FilterChip\n key={filter.id}\n filter={filter}\n filterConfig={filterConfig}\n pathParameters={pathParameters}\n resourceFormatter={resourceFormatter}\n onRemove={() => removeFilter(filter.id)}\n onUpdate={updates => updateFilter(filter.id, updates)}\n isOpen={openFilterId === filter.id}\n onOpenChange={open => setOpenFilterId(open ? filter.id : null)}\n />\n ))}\n\n {filterKeys.length > 0 && (\n <EasyMenu label={<IcFilter />} isDisabled={query.isPending} variant=\"neutral\" aria-label=\"Add filter\">\n {filterKeys.map(k => {\n const type = filterConfig[k].type;\n const Icon = FilterIcon[type];\n return (\n <MenuItem className={'!justify-between'} key={k} onAction={() => addFilter(type, k)}>\n {resourceFormatter(k)}\n <Icon />\n </MenuItem>\n );\n })}\n </EasyMenu>\n )}\n </section>\n );\n}\n\nconst FilterIcon: Record<FilterConfig['type'], CtxIcon> = {\n 'id-search': IcFile,\n bool: IcCheck,\n date: IcDate,\n enum: IcLicense,\n id: IcAccount,\n number: IcMinus,\n string: IcCheck,\n};\n"],"names":["generateSortParam","sort","cH","createColumnHelper","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","ACTIONS_COLUMN_ID","getActionsColumn","rowActions","TableActionsRowMenu","IcMoreVertical","getColumnHelper","useDataTableState","path","pathParameters","columns","filterConfig","columnsToHideByDefault","allowSelection","initialFilters","previewFilters","tableActions","Card","onRowNavigate","tableState","_setTableState","useState","sorting","pagination","searchQuery","setSearchQuery","rowSelection","setRowSelection","filters","setFilters","mergedFilters","useMemo","tf","acc","current","merge","queryParameters","client","useCtxClient","queryKey","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","viewMode","setViewMode","updateTableState","updates","prev","fetchPage","pageParam","res","tableQuery","useQuery","infiniteQuery","useInfiniteQuery","lastPage","allPages","p","flatData","total","query","isSingleResourceAction","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","c","DataTableContext","createContext","useDataTable","ctx","useContext","DataTableProvider","children","props","DataTable","className","cardActions","Fragment","ControlledDialogProvider","Actions","jsxs","classNames","TableOverlay","Loader","IcInfo","CardGrid","TableContent","ColumnPicker","PageSize","Paginator","actions","sentinelRef","useRef","el","observer","entries","selection","activeId","setActiveId","resourceFormatter","useResourceFormatter","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","event","active","over","oldIndex","newIndex","arrayMove","SortableContext","verticalListSortingStrategy","EasyMenu","IcColumns","MenuItem","colId","col","SortableItem","DragOverlay","column","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","IcGrip","getColumnHeaderText","SortIcon","rowCount","Button","IcFirst","IcLeft","IcRight","IcLast","PAGE_SIZES","s","items","hasSelectedRows","filteredActions","ta","IcRefresh","SearchField","DataTableFilter","TableActions","IcMenu","IcLayoutGrid","direction","IcSortAsc","IcSortDesc","IcSortNone","headerDef","renderCellByDisplayType","cell","displayType","value","formatDate","formatNumber","Badge","CountryName","formatFilesize","formatDays","ALL_OS","ALL_LICENSE_TYPES","Duration","getSubscriptionStartTriggerLabel","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","e","isActionsColumn","cellContent","TableCell","isNoResourceAction","item","isBulkResourceAction","isFetching","openDialog","closeDialog","useControlledDialog","getTableActionIsDisabled","rows","selectedRows","r","i","Icon","isDisabled","context","label","data","it","itemLabel","TooltipTrigger","Tooltip","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","COMPARISON_OPERATOR_SHORT_LABELS","createNewFilter","type","property","id","operator","FilterOperations","getFilterValueSummary","filter","from","to","FilterValueInput","onChange","TextField","NumberField","fromStr","toStr","parseAbsolute","getLocalTimeZone","DatePicker","v","config","MultiSelect","defaultParams","MultipleIdSearchInput","FilterChip","onRemove","onUpdate","isOpen","onOpenChange","operators","valueSummary","project","useProjectName","PopoverTrigger","Popover","op","filterKeys","k","f","openFilterId","setOpenFilterId","initialized","toSet","key","addFilter","newFilter","removeFilter","updateFilter","newOperator","str","open","IcFilter","FilterIcon","IcFile","IcCheck","IcDate","IcLicense","IcAccount","IcMinus"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"data-table.js","sources":["../../lib/components/data-table.tsx","../../lib/components/data-table-filter.tsx"],"sourcesContent":["'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport {\n closestCenter,\n DndContext,\n DragOverlay,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from '@dnd-kit/core';\nimport {\n arrayMove,\n SortableContext,\n sortableKeyboardCoordinates,\n useSortable,\n verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\n\nimport {\n type Column,\n type ColumnDef,\n type ColumnOrderState,\n createColumnHelper,\n flexRender,\n getCoreRowModel,\n type Header,\n type PaginationState,\n type RowData,\n type RowSelectionState,\n type SortingState,\n type Updater,\n useReactTable,\n type VisibilityState,\n} from '@tanstack/react-table';\nimport { useLocalStorage } from '@uidotdev/usehooks';\nimport { merge } from 'lodash-es';\nimport { createContext, useContext, useEffect, useMemo, useRef, useState } from 'react';\nimport { Badge } from '../components/badge';\n\nimport { Button } from '../components/button';\nimport { DataTableFilter, type FiltersConfig, type TableFilter } from '../components/data-table-filter';\nimport { Loader } from '../components/loader';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { SearchField } from '../components/searchfield';\nimport { TableBody, TableCell, Table as TableComponent, TableHead, TableHeader, TableRow } from '../components/table';\nimport { CountryName } from '../utilities/countries';\nimport { formatDate } from '../utilities/date';\nimport { Duration } from '../utilities/duration';\nimport { formatDays, formatFilesize, formatNumber } from '../utilities/numbers';\nimport {\n ALL_OS,\n type ApiPathParameters,\n type ApiResponseBody,\n useProjectName,\n useResourceFormatter,\n} from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { Checkbox } from './checkbox';\nimport { Tooltip, TooltipTrigger } from './tooltip';\n\nimport {\n type CtxIcon,\n IcColumns,\n IcFirst,\n IcGrip,\n IcInfo,\n IcLast,\n IcLayoutGrid,\n IcLeft,\n IcMenu,\n IcMoreVertical,\n IcRefresh,\n IcRight,\n IcSortAsc,\n IcSortDesc,\n IcSortNone,\n} from './icons';\nimport { ALL_LICENSE_TYPES, getSubscriptionStartTriggerLabel } from './select-options';\n\nimport type { Cell, ColumnHelper } from '@tanstack/react-table';\nimport type { ClientPathsWithMethod } from 'openapi-fetch';\nimport type { PressEvent } from 'react-aria-components';\nimport { type CtxClientType, useCtxClient } from '../utilities/ctx-client';\nimport { ControlledDialogProvider, useControlledDialog } from './dialog';\n\nexport type DisplayType =\n | 'string'\n | 'boolean'\n | 'date'\n | 'number'\n | 'enum'\n | 'badge'\n | 'country'\n | 'fileSize'\n | 'days'\n | 'os'\n | 'licenseType'\n | 'subscriptionInterval'\n | 'subscriptionStartTrigger';\n\ndeclare module '@tanstack/react-table' {\n interface ColumnMeta<TData extends RowData, TValue> {\n displayType: DisplayType;\n }\n}\n\nfunction generateSortParam(sort: { id: string; desc: boolean } | undefined): string {\n if (sort) {\n if (sort.desc) {\n return `-${sort.id}`;\n } else {\n return `+${sort.id}`;\n }\n } else {\n return '-createdAt';\n }\n}\n\nconst cH = createColumnHelper<any>();\nconst TABLE_CHECK_BOX_COLUMN = [\n cH.accessor('checkbox', {\n header: ({ table }) => (\n <Checkbox\n isIndeterminate={table.getIsSomeRowsSelected() && !table.getIsAllPageRowsSelected()}\n isSelected={table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected()}\n onChange={() => table.toggleAllPageRowsSelected()}\n aria-label=\"Select all\"\n size=\"sm\"\n />\n ),\n\n cell: ({ row }) => (\n <Checkbox\n isSelected={row.getIsSelected()}\n onChange={() => row.toggleSelected()}\n aria-label=\"Select row\"\n size=\"sm\"\n />\n ),\n enableSorting: false,\n enableHiding: false,\n }),\n];\n\nconst ACTIONS_COLUMN_ID = 'TableActions';\nfunction getActionsColumn<T extends object>(rowActions: SingleResourceAction<T>[]) {\n if (rowActions.length === 0) return [];\n\n return [\n cH.accessor(ACTIONS_COLUMN_ID, {\n header: 'Actions',\n id: ACTIONS_COLUMN_ID,\n enableHiding: false,\n cell: ({ row }) => (\n <TableActionsRowMenu label={<IcMoreVertical />} data={row.original} items={rowActions} />\n ),\n enableSorting: false,\n }),\n ];\n}\n\ntype DataTableFactory<\n T extends object,\n TOperation extends keyof operations,\n TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n> = {\n path: NoInfer<ClientPathsWithMethod<CtxClientType, 'get'>>;\n pathParameters?: NoInfer<ApiPathParameters<TOperation>>;\n columns: ColumnDef<T, any>[];\n tableActions: TableAction<T>[];\n columnsToHideByDefault?: Partial<Record<keyof T, boolean>>; // Columns that are hidden by default\n allowSelection?: boolean;\n filterConfig: TFilterConfig;\n initialFilters: TableFilter[];\n Card?: (item: T, actions: SingleResourceAction<T>[], selection: CardSelectionProps) => React.ReactNode;\n previewFilters?: (keyof TFilterConfig)[];\n /** When provided, each row becomes a navigable link. Called with the row's data on click or Enter. */\n onRowNavigate?: (row: T) => void;\n};\n\ntype DataTableState = {\n sorting: SortingState;\n pagination: PaginationState;\n};\n\nexport function getColumnHelper<O extends keyof operations>(): ColumnHelper<ApiResponseBody<O>> {\n return createColumnHelper<ApiResponseBody<O>>();\n}\n/**\n * Hook for handling all data-table state. Used in DataTableContext\n */\nexport function useDataTableState<\n T extends object,\n TOperation extends keyof operations,\n TFilterConfig extends FiltersConfig<TOperation> = FiltersConfig<TOperation>,\n>({\n path,\n pathParameters,\n columns,\n filterConfig,\n columnsToHideByDefault = {},\n allowSelection = false,\n initialFilters = [],\n previewFilters,\n tableActions,\n Card,\n onRowNavigate,\n}: DataTableFactory<T, TOperation, TFilterConfig>) {\n const [tableState, _setTableState] = useState<DataTableState>({\n /** Reflect in URL in host application */\n pagination: { pageIndex: 0, pageSize: 20 }, // Pagination state\n sorting: [], // Sorting state\n });\n\n const { sorting, pagination } = tableState;\n\n const [searchQuery, setSearchQuery] = useState('');\n\n const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n\n /** Reflect in URL in host application */\n const [filters, setFilters] = useState(initialFilters);\n const mergedFilters = useMemo(() => {\n // TODO, generic transform fn\n return filters\n .filter(tf => tf.active !== false)\n .map(tf => {\n if (tf.operator === 'between' && Array.isArray(tf.value) && tf.value.length === 2) {\n return {\n [tf.property]: {\n gte: tf.value[0],\n lte: tf.value[1],\n },\n };\n }\n if (Array.isArray(tf.value)) {\n return {\n [tf.property]: {\n [tf.operator]: tf.value.join(','),\n },\n };\n }\n return {\n [tf.property]: {\n [tf.operator]: tf.value,\n },\n };\n })\n .reduce((acc, current) => {\n return merge(acc, current);\n }, {});\n }, [filters]);\n\n const queryParameters = {\n ...filters,\n page: pagination.pageIndex + 1,\n limit: pagination.pageSize,\n sort: generateSortParam(sorting[0]),\n search: searchQuery,\n };\n\n const client = useCtxClient();\n // TODO, this seems incorrect, verify\n const queryKey = ['get', path, queryParameters];\n\n const [columnOrder, setColumnOrder] = useLocalStorage<ColumnOrderState>(\n `${queryKey.join('')}_ctx_column_order_preference`,\n []\n );\n const [columnVisibility, setColumnVisibility] = useLocalStorage<VisibilityState>(\n `${queryKey.join('')}_ctx_column_visibility_preference`,\n {\n id: false,\n ...columnsToHideByDefault,\n }\n );\n const [viewMode, setViewMode] = useLocalStorage<'table' | 'card'>(\n `${queryKey.join('')}_ctx_view_mode_preference`,\n 'table'\n );\n\n // Update table state with new values\n const updateTableState = (updates: Partial<DataTableState>) => {\n _setTableState(prev => ({ ...prev, ...updates }));\n };\n\n async function fetchPage(pageParam: number) {\n const res = await client.GET(path, {\n params: {\n query: {\n page: pageParam,\n limit: pagination.pageSize,\n sort: queryParameters.sort,\n search: queryParameters.search,\n ...mergedFilters,\n },\n path: pathParameters as any,\n },\n });\n return {\n data: (res.data ?? []) as T[],\n total: Number.parseInt(res.response.headers.get('Pagination-Count') || '0'),\n nextPage: pageParam + 1,\n };\n }\n\n const tableQuery = useQuery({\n queryKey: [...queryKey, 'table'],\n enabled: viewMode === 'table',\n queryFn: () => fetchPage(pagination.pageIndex + 1),\n });\n\n const infiniteQuery = useInfiniteQuery({\n queryKey: [...queryKey, 'card'],\n enabled: viewMode === 'card',\n initialPageParam: 1,\n queryFn: ({ pageParam }) => fetchPage(pageParam),\n getNextPageParam: (lastPage, allPages) => {\n const fetched = allPages.flatMap(p => p.data).length;\n return fetched < lastPage.total ? lastPage.nextPage : undefined;\n },\n });\n\n // Flatten data into a single array for tanStack table\n const flatData = useMemo<T[]>(() => {\n if (viewMode === 'table') return tableQuery.data?.data ?? [];\n return infiniteQuery.data?.pages.flatMap(p => p.data) ?? [];\n }, [viewMode, tableQuery.data, infiniteQuery.data]);\n\n const total = useMemo(() => {\n if (viewMode === 'table') return tableQuery.data?.total ?? 0;\n return infiniteQuery.data?.pages[0]?.total ?? 0;\n }, [viewMode, tableQuery.data, infiniteQuery.data]);\n\n const query =\n viewMode === 'table'\n ? tableQuery\n : {\n ...infiniteQuery,\n data: { data: flatData, total },\n isLoading: infiniteQuery.isLoading,\n isFetching: infiniteQuery.isFetching,\n isError: infiniteQuery.isError,\n error: infiniteQuery.error,\n refetch: infiniteQuery.refetch,\n };\n\n const rowActions = tableActions.filter(isSingleResourceAction);\n /**\n * ID,createdAt and updatedAt will be added by default for all tables\n * If selection is allowed, checkbox will be added\n * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n * If there are actions for the table, they will be placed fixed at the right side of table.\n */\n const cols: ColumnDef<any, any>[] = [\n ...(allowSelection ? TABLE_CHECK_BOX_COLUMN : []),\n ...columns,\n ...getActionsColumn<T>(rowActions ?? []),\n ];\n\n // Type-guard for updater\n function isUpdaterFunction<T>(updater: Updater<T>): updater is (old: T) => T {\n return typeof updater === 'function';\n }\n // Utility function to resolve updater\n function resolveUpdater<T>(updater: Updater<T>, currentValue: T) {\n if (isUpdaterFunction(updater)) {\n return updater(currentValue);\n }\n return updater;\n }\n\n // Use react-table's hook to create the table instance\n const tanTable = useReactTable({\n data: flatData,\n columns: cols,\n getCoreRowModel: getCoreRowModel(),\n rowCount: total,\n manualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n onPaginationChange: updater => {\n updateTableState({ pagination: resolveUpdater(updater, pagination) });\n },\n manualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n onSortingChange: updater => {\n setRowSelection({});\n updateTableState({ sorting: [...resolveUpdater(updater, sorting)] }); // Reset selection when sorting.\n },\n manualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n onColumnVisibilityChange: updater => {\n setColumnVisibility(resolveUpdater(updater, columnVisibility));\n },\n onRowSelectionChange: updater => {\n setRowSelection(resolveUpdater(updater, rowSelection));\n },\n onColumnOrderChange: updater => {\n setColumnOrder(resolveUpdater(updater, columnOrder));\n },\n state: {\n sorting: sorting,\n columnVisibility: columnVisibility,\n pagination: pagination,\n rowSelection: rowSelection,\n columnOrder: columnOrder,\n },\n meta: {\n refetch: query.refetch,\n },\n });\n\n // By default, ColumnDef does not give guarantees of column.id existing. Once useReactTable is called, all columns are assigned IDs.\n // This populates the columnIds in the columnOrder state\n useEffect(() => {\n const columns = tanTable.getAllLeafColumns();\n //Make sure actions column is always at the end\n setColumnOrder([\n ...columns.filter(c => c.id !== ACTIONS_COLUMN_ID).map(c => c.id),\n ...columns.filter(c => c.id === ACTIONS_COLUMN_ID).map(c => c.id),\n ]);\n }, []);\n\n return {\n tableState,\n updateTableState,\n query,\n setSearchQuery,\n searchQuery,\n tanTable,\n mergedFilters,\n filters,\n setFilters,\n filterConfig,\n tableActions,\n pathParameters,\n viewMode,\n setViewMode,\n Card,\n allowSelection,\n previewFilters,\n infiniteQuery,\n onRowNavigate,\n } as const;\n}\n\nexport const DataTableContext = createContext<ReturnType<typeof useDataTableState> | null>(null);\n// TODO, don't export this\nexport function useDataTable() {\n const ctx = useContext(DataTableContext);\n if (!ctx) {\n throw Error('DataTable should be used within DataTableProvider.');\n }\n return ctx;\n}\n\nexport function DataTableProvider<T extends object, TOperation extends keyof operations>({\n children,\n ...props\n}: { children: React.ReactNode } & ReturnType<typeof useDataTableState<T, TOperation>>) {\n // @ts-expect-error, propogating the generic type further will be more complex. Since this is a tightly coupled type, it should be okay but reviewed whenever useDataTableState changes.\n return <DataTableContext.Provider value={props}>{children}</DataTableContext.Provider>;\n}\n\nexport type DataTableProps = React.ComponentProps<'section'>;\nexport function DataTable({ className, ...props }: DataTableProps) {\n const { query, tanTable, viewMode, tableActions, Card } = useDataTable();\n const cardActions = tableActions.filter(isSingleResourceAction);\n return (\n <>\n <ControlledDialogProvider>\n {/* Table Actions Section */}\n <Actions />\n <section\n {...props}\n className={classNames(\n `z-20 flex flex-col ${viewMode === 'table' ? 'border rounded-md' : ''}`,\n className\n )}\n >\n {/* The div here is necessary because TableContent is internally a <table> tag and does not respect width, height CSS */}\n <div className=\"w-full overflow-auto relative rounded-md [scrollbar-width:none]\" tabIndex={0}>\n {/* Table overlay with loader */}\n {query.isLoading && (\n <TableOverlay className=\"cursor-wait\">\n <Loader />\n </TableOverlay>\n )}\n {/* Table overlay for empty table */}\n {!query.isLoading && tanTable.getRowModel().rows.length === 0 && (\n // Empty table\n <TableOverlay className=\"cursor-not-allowed\">\n {!query.isFetching &&\n (query.isError ? (\n <span className=\"flex gap-3 justify-center items-center\">\n {/* TODO (mudasir-pandith) Check for 403 explicitly!! */}\n {/* <span>{query.error}</span> */}\n <IcInfo />\n <span>{query.error?.message}</span>\n </span>\n ) : query.data?.data?.length === 0 ? (\n <>No results found.</>\n ) : (\n <>Unknown error. Please contact customer support.</>\n ))}\n </TableOverlay>\n )}\n {!query.isLoading &&\n tanTable.getRowModel().rows.length !== 0 &&\n (viewMode === 'card' && Card ? (\n <CardGrid Card={Card} actions={cardActions} />\n ) : (\n <TableContent className=\"w-full\" />\n ))}\n </div>\n\n {/* Table Footer Section with Pagination and Column Picker */}\n {viewMode === 'table' && (\n <div className=\"flex w-full justify-between border-t gap-icon py-2 px-icon bg-elevation-mid rounded-b-md overflow-x-auto\">\n <div className=\"flex gap-icon\">\n <ColumnPicker />\n <PageSize />\n </div>\n <Paginator />\n </div>\n )}\n </section>\n </ControlledDialogProvider>\n </>\n );\n}\n\nexport type CardSelectionProps = {\n isSelected: boolean;\n onToggle: () => void;\n allowSelection: boolean;\n};\n\nfunction CardGrid<T>({\n Card,\n actions,\n}: {\n Card: (item: T, actions: SingleResourceAction<T>[], selection: CardSelectionProps) => React.ReactNode;\n actions: SingleResourceAction<T>[];\n}) {\n const { tanTable, allowSelection } = useDataTable();\n const { infiniteQuery } = useDataTable(); // expose from context\n const sentinelRef = useRef<HTMLDivElement>(null);\n\n // Todo: virtualization, see https://tanstack.com/virtual/latest/docs/introduction\n useEffect(() => {\n const el = sentinelRef.current;\n if (!el) return;\n\n const observer = new IntersectionObserver(\n entries => {\n if (entries[0].isIntersecting && infiniteQuery.hasNextPage && !infiniteQuery.isFetchingNextPage) {\n infiniteQuery.fetchNextPage();\n }\n },\n { threshold: 0.1 }\n );\n\n observer.observe(el);\n return () => observer.disconnect();\n }, [infiniteQuery.hasNextPage, infiniteQuery.isFetchingNextPage]);\n\n return (\n <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-2\">\n {tanTable.getRowModel().rows.map(row => {\n const selection: CardSelectionProps = {\n isSelected: row.getIsSelected(),\n onToggle: () => row.toggleSelected(),\n allowSelection,\n };\n return <div key={row.id}>{Card(row.original, actions, selection)}</div>;\n })}\n\n {/* Invisible sentinel at the bottom triggers next page fetch */}\n <div ref={sentinelRef} className=\"col-span-full h-4 flex items-center justify-center\">\n {infiniteQuery.isFetchingNextPage && <Loader />}\n </div>\n </div>\n );\n}\n/** Table overlay to be shown for loaders or other messages */\nfunction TableOverlay({ children, className }: { children: React.ReactNode; className?: string }) {\n return (\n <>\n <span\n className={classNames(\n className,\n 'absolute top-0 bg-elevation-1 text-foreground z-20 size-full body-sm flex items-center justify-center'\n )}\n >\n {children}\n </span>\n {/* Keep something in document flow with the correct height */}\n <span className=\"relative h-full w-0 block\" />\n </>\n );\n}\n\n// TODO, ?include query param on Licenses, Activations and other future resources that need this\nfunction ColumnPicker() {\n const projectName = useProjectName();\n\n if (projectName === 'customer-portal') {\n return null;\n }\n\n const { tanTable } = useDataTable();\n const [activeId, setActiveId] = useState<string | null>(null);\n\n const resourceFormatter = useResourceFormatter();\n\n const sensors = useSensors(\n useSensor(PointerSensor),\n useSensor(KeyboardSensor, {\n coordinateGetter: sortableKeyboardCoordinates,\n })\n );\n return (\n <DndContext\n sensors={sensors}\n collisionDetection={closestCenter}\n onDragStart={event => {\n const { active } = event;\n setActiveId(active.id.toString());\n }}\n onDragEnd={event => {\n const { active, over } = event;\n\n if (over && active.id !== over.id) {\n const columnOrder = tanTable.getState().columnOrder;\n const oldIndex = columnOrder.indexOf(active.id.toString());\n const newIndex = columnOrder.indexOf(over.id.toString());\n tanTable.setColumnOrder([...arrayMove(columnOrder, oldIndex, newIndex)]);\n }\n\n setActiveId(null);\n }}\n >\n <SortableContext items={tanTable.getState().columnOrder} strategy={verticalListSortingStrategy}>\n <EasyMenu\n label={\n <>\n <IcColumns className=\"inline align-bottom me-1\" />\n Columns\n </>\n }\n selectionMode=\"multiple\"\n size={'sm'}\n items={tanTable.getAllFlatColumns()}\n // Using selectedKeys = 'all' does not mark MenuItems with isDisabled=true as selected. This is not the intended behaviour in this use-case.\n selectedKeys={tanTable.getVisibleFlatColumns().map(c => c.id)}\n >\n <MenuItem onAction={() => tanTable.toggleAllColumnsVisible()} className={'italic'}>\n (select all)\n </MenuItem>\n {tanTable.getState().columnOrder.map(colId => {\n const col = tanTable.getAllFlatColumns().find(c => c.id === colId);\n // Don't show checkbox and actions columns in picker\n if (!col || col.id === 'checkbox' || col.id === ACTIONS_COLUMN_ID) return null;\n return <SortableItem key={col.id} column={col} />;\n })}\n </EasyMenu>\n <DragOverlay>\n {activeId ? (\n <div className=\"opacity-70 border-2 border-primary\">{resourceFormatter(activeId)}</div>\n ) : null}\n </DragOverlay>\n </SortableContext>\n </DndContext>\n );\n\n function SortableItem({ column }: { column: Column<any, unknown> }) {\n const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ id: column.id });\n const style = {\n transform: CSS.Transform.toString(transform),\n transition,\n zIndex: '999',\n };\n return (\n <MenuItem\n ref={setNodeRef}\n style={style}\n {...attributes}\n id={column.id}\n onAction={() => column.toggleVisibility()}\n isDisabled={!column.getCanHide()}\n className=\"flex items-center\"\n >\n <IcGrip {...listeners} className=\"size-icon cursor-grab\" />\n {getColumnHeaderText(column)}\n {column.getIsSorted() && <SortIcon className=\"size-icon\" direction={column.getIsSorted()} />}\n </MenuItem>\n );\n }\n}\n\nfunction Paginator() {\n const { tanTable } = useDataTable();\n const rowCount = tanTable.getRowCount();\n return (\n <div className=\"flex items-center gap-2\">\n <span className=\"whitespace-nowrap body-sm text-muted\">\n {`${tanTable.getState().pagination.pageIndex * tanTable.getState().pagination.pageSize + 1} - ${Math.min(\n (tanTable.getState().pagination.pageIndex + 1) * tanTable.getState().pagination.pageSize,\n rowCount\n )} of ${rowCount?.toLocaleString()}`}\n </span>\n\n {(tanTable.getCanNextPage() || tanTable.getCanPreviousPage()) && (\n <>\n <Button\n aria-label=\"First page\"\n onPress={() => tanTable.firstPage()}\n isDisabled={!tanTable.getCanPreviousPage()}\n variant=\"neutral\"\n size={'icon-sm'}\n >\n <IcFirst />\n </Button>\n <Button\n aria-label=\"Previous page\"\n onPress={() => tanTable.previousPage()}\n isDisabled={!tanTable.getCanPreviousPage()}\n variant=\"neutral\"\n size={'icon-sm'}\n >\n <IcLeft />\n </Button>\n <Button\n aria-label=\"Next page\"\n onPress={() => tanTable.nextPage()}\n isDisabled={!tanTable.getCanNextPage()}\n variant=\"neutral\"\n size={'icon-sm'}\n >\n <IcRight />\n </Button>\n <Button\n aria-label=\"Last page\"\n onClick={() => tanTable.lastPage()}\n isDisabled={!tanTable.getCanNextPage()}\n variant=\"neutral\"\n size={'icon-sm'}\n >\n <IcLast />\n </Button>\n </>\n )}\n </div>\n );\n}\n\nfunction PageSize() {\n const projectName = useProjectName();\n\n if (projectName === 'customer-portal') {\n return null;\n }\n\n const { tanTable } = useDataTable();\n const PAGE_SIZES = [10, 20, 30, 40, 50];\n\n return (\n <EasyMenu\n label={tanTable.getState().pagination.pageSize.toString()}\n selectionMode=\"single\"\n size={'sm'}\n selectedKeys={[tanTable.getState().pagination.pageSize.toString()]}\n items={PAGE_SIZES.map(s => ({ id: s.toString(), value: s }))}\n >\n {items => <MenuItem onAction={() => tanTable.setPageSize(items.value)}>{items.value}</MenuItem>}\n </EasyMenu>\n );\n}\n\nfunction Actions() {\n const { query, tanTable, searchQuery, setSearchQuery, tableActions, viewMode, setViewMode, Card, previewFilters } =\n useDataTable();\n const hasSelectedRows = tanTable.getSelectedRowModel().rows.length > 0;\n\n const filteredActions = tableActions\n .filter(ta => ta.resourceType !== 'single')\n .filter(ta => (ta.resourceType === 'multiple') === hasSelectedRows);\n\n return (\n <section className=\"flex justify-between my-0 mb-icon gap-icon overflow-x-auto py-1\">\n <div className=\"flex gap-icon\">\n <Button\n aria-label=\"Refresh\"\n isPending={query.isFetching}\n onClick={() => query.refetch()}\n variant={'neutral'}\n size={'icon'}\n >\n <IcRefresh />\n </Button>\n {<SearchField value={searchQuery} onChange={setSearchQuery} />}\n <DataTableFilter previewFilters={previewFilters as string[] | undefined} />\n </div>\n <div className=\"flex gap-icon\">\n <TableActions items={filteredActions} isFetching={query.isFetching} />\n {Card && ( // Only show view mode toggle button if a Card component was provided\n <div className=\"flex gap-1 bg-elevation-1 rounded-md overflow-hidden\">\n <Button\n variant={viewMode === 'table' ? 'primary' : 'neutral'}\n size=\"icon\"\n onPress={() => setViewMode('table')}\n aria-label=\"Table view\"\n className=\"border-none\"\n >\n <IcMenu />\n </Button>\n <Button\n variant={viewMode === 'card' ? 'primary' : 'neutral'}\n size=\"icon\"\n onPress={() => setViewMode('card')}\n aria-label=\"Card view\"\n className=\"border-none\"\n >\n <IcLayoutGrid />\n </Button>\n </div>\n )}\n </div>\n </section>\n );\n}\n\nfunction SortIcon({\n direction,\n ...props\n}: { direction: 'asc' | 'desc' | false } & Omit<React.ComponentProps<'svg'>, 'direction'>) {\n if (direction === 'asc') return <IcSortAsc className=\"size-3.5\" {...props} />;\n else if (direction === 'desc') return <IcSortDesc className=\"size-3.5\" {...props} />;\n else return <IcSortNone className=\"size-3.5\" {...props} />;\n}\n\nfunction getColumnHeaderText(column: Column<any, unknown>): string {\n const resourceFormatter = useResourceFormatter();\n const headerDef = column.columnDef.header;\n return typeof headerDef === 'string' ? headerDef : resourceFormatter(column.id);\n}\n\n/**\n * Renders a cell value based on the displayType metadata\n * @param cell - The cell to render\n * @returns The formatted value as a React node\n */\nfunction renderCellByDisplayType(cell: Cell<any, any>): React.ReactNode {\n const displayType = cell.column.columnDef.meta?.displayType;\n const value = cell.getValue();\n\n if (value === null || value === undefined) {\n return null;\n }\n\n switch (displayType) {\n case 'date':\n return <span className=\"tabular-nums\">{formatDate(value)}</span>;\n case 'number':\n return <span className=\"block text-right tabular-nums\">{formatNumber(value)}</span>;\n case 'boolean':\n return (\n <Badge variant={Boolean(value) ? 'success' : 'destructive'} className=\"w-full capitalize\">\n {String(value)}\n </Badge>\n );\n case 'badge':\n return <Badge className=\"w-full\">{String(value)}</Badge>;\n case 'country':\n return <CountryName value={value} />;\n case 'enum':\n return <span className=\"uppercase w-full\">{String(value)}</span>;\n case 'fileSize':\n return formatFilesize(value);\n case 'days':\n return formatDays(value);\n case 'os':\n return ALL_OS[value as keyof typeof ALL_OS] ?? value;\n case 'licenseType':\n return ALL_LICENSE_TYPES[value as string] ?? value;\n case 'subscriptionInterval':\n return Duration.formatISODuration(value);\n case 'subscriptionStartTrigger':\n return getSubscriptionStartTriggerLabel(value);\n default:\n return String(value);\n }\n}\n\nfunction HeaderText({ header }: { header: Header<any, unknown> }) {\n const headerDef = header.column.columnDef.header;\n\n if (typeof headerDef === 'string' || !headerDef) {\n return getColumnHeaderText(header.column);\n }\n\n if (typeof headerDef === 'function') {\n const result = headerDef(header.getContext());\n if (typeof result === 'string') {\n return getColumnHeaderText(header.column);\n }\n return flexRender(headerDef, header.getContext());\n }\n\n return flexRender(headerDef, header.getContext());\n}\n\n// TODO, automate checking valid HTML\nfunction TableContent({ className }: React.ComponentProps<typeof TableComponent>) {\n const { tanTable, onRowNavigate } = useDataTable();\n const tableCellStyle = (isSticky: boolean, className?: string, zIndex: string = 'z-50') =>\n classNames(\n 'text-left body-sm font-medium whitespace-nowrap',\n isSticky && `sticky right-0 ${zIndex} text-center justify-center`,\n className\n );\n return (\n <TableComponent className={classNames('table-auto border-0 rounded-md', className)}>\n <TableHeader className=\"sticky top-0 z-10 rounded-md\">\n {tanTable.getHeaderGroups().map(headerGroup => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map(header => (\n <TableHead\n scope=\"col\"\n key={header.id}\n colSpan={header.colSpan}\n className={tableCellStyle(\n header.id === ACTIONS_COLUMN_ID,\n header.id === ACTIONS_COLUMN_ID ? 'bg-elevation-mid' : 'bg-elevation-mid'\n )}\n >\n {!header.column.getCanSort() && !header.isPlaceholder && (\n <div\n className={classNames(\n 'w-full flex items-center gap-1 text-xs uppercase',\n header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start'\n )}\n >\n <HeaderText header={header} />\n </div>\n )}\n {header.column.getCanSort() && (\n <Button\n variant=\"ghost\"\n size={'none'}\n className={classNames(\n 'w-full p-1 rounded-md uppercase text-muted text-xs',\n header.id === ACTIONS_COLUMN_ID ? 'justify-center' : 'justify-start',\n header.column.getIsSorted() ? 'text-primary' : ''\n )}\n onPress={header.column.getToggleSortingHandler()}\n >\n <span>\n <HeaderText header={header} />\n </span>\n {header.column.getIsSorted() && (\n <SortIcon direction={header.column.getIsSorted()} />\n )}\n </Button>\n )}\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n <TableBody>\n {tanTable.getRowModel().rows.map(row => (\n <TableRow\n className={classNames(\n 'transition-colors bg-elevation-1 data-[selected=true]:bg-primary/10 hover:bg-muted-foreground/20',\n onRowNavigate && 'cursor-pointer focus-visible:outline focus-visible:outline-ring'\n )}\n key={row.id}\n data-selected={row.getIsSelected()}\n {...(onRowNavigate && {\n role: 'link',\n tabIndex: 0,\n onClick: (e: React.MouseEvent<HTMLTableRowElement>) => {\n if (\n (e.target as Element).closest('a, button, input, select, textarea, [role=\"button\"]')\n )\n return;\n onRowNavigate(row.original);\n },\n onKeyDown: (e: React.KeyboardEvent<HTMLTableRowElement>) => {\n if (e.key === 'Enter') onRowNavigate(row.original);\n },\n })}\n >\n {row.getVisibleCells().map(cell => {\n const isActionsColumn = cell.column.id === ACTIONS_COLUMN_ID;\n const cellContent = cell.column.columnDef.meta?.displayType\n ? renderCellByDisplayType(cell)\n : flexRender(cell.column.columnDef.cell, cell.getContext());\n\n return (\n <TableCell\n key={cell.id}\n className={classNames(\n tableCellStyle(isActionsColumn, isActionsColumn ? 'bg-elevation-1' : '', 'z-1'),\n isActionsColumn && 'flex justify-center items-center'\n )}\n >\n {cellContent}\n </TableCell>\n );\n })}\n </TableRow>\n ))}\n </TableBody>\n </TableComponent>\n );\n}\n\n/** Base properties shared by all table actions */\ntype ActionBase = {\n label: string;\n icon: CtxIcon;\n tooltip?: string;\n /** Optional button variant to pass through to Button (defaults to neutral) */\n variant?: React.ComponentProps<typeof Button>['variant'];\n};\n\n/** Context provided to onPress functions in TableActions */\ntype ActionPressContext = {\n event?: PressEvent;\n openDialog: (c: React.ReactNode) => void;\n closeDialog: () => void;\n};\n\nexport type NoResourceAction = ActionBase & {\n resourceType: 'none';\n isDisabled?: () => boolean;\n onPress: (c: ActionPressContext) => void;\n};\n\nexport type SingleResourceAction<T> = Omit<ActionBase, 'label'> & {\n resourceType: 'single';\n /** Label function that receives row data for dynamic labels */\n label: string | ((data: T) => React.ReactNode);\n isDisabled?: (data: T) => boolean;\n onPress: (c: ActionPressContext & { data: T }) => void;\n};\n\nexport type BulkResourceAction<T> = ActionBase & {\n resourceType: 'multiple';\n isDisabled?: (data: T[]) => boolean;\n onPress: (c: ActionPressContext & { data: T[] }) => void;\n};\n\n/** Common table action type that works for both action and dialog types */\nexport type TableAction<T> = NoResourceAction | SingleResourceAction<T> | BulkResourceAction<T>;\n\nfunction isNoResourceAction<T>(item: TableAction<T>): item is NoResourceAction {\n return item.resourceType === 'none';\n}\n\nfunction isSingleResourceAction<T>(item: TableAction<T>): item is SingleResourceAction<T> {\n return item.resourceType === 'single';\n}\n\nfunction isBulkResourceAction<T>(item: TableAction<T>): item is BulkResourceAction<T> {\n return item.resourceType === 'multiple';\n}\n\nexport type TableActionsProps<T> = {\n /** Array of table actions to render */\n readonly items: (NoResourceAction | BulkResourceAction<T>)[];\n /** Whether the table is currently fetching data */\n readonly isFetching?: boolean;\n};\n\nfunction TableActions<T>({ items, isFetching }: TableActionsProps<T>) {\n const { openDialog, closeDialog } = useControlledDialog();\n const { tanTable } = useDataTable();\n\n function getTableActionIsDisabled<T>(item: TableAction<T>, rows: T[]): boolean {\n if (!item.isDisabled) return false;\n\n if (isNoResourceAction(item)) {\n return item.isDisabled();\n } else if (isBulkResourceAction(item)) {\n return item.isDisabled(rows);\n }\n return false;\n }\n\n const selectedRows = tanTable.getSelectedRowModel().rows.map(r => r.original);\n return (\n <>\n {items.map((item, i) => {\n const Icon = item.icon;\n const isDisabled = getTableActionIsDisabled(item, selectedRows) || isFetching;\n\n return (\n <Button\n key={`${item.label}-${i}`}\n aria-label={item.label}\n type=\"button\"\n isDisabled={isDisabled}\n className=\"animate-in fade-in slide-in-from-right-15 duration-300 transition-transform\"\n onPress={e => {\n const context = { event: e, openDialog, closeDialog };\n // TableActions only has Bulk actions and NoResource actions\n if (isNoResourceAction(item)) {\n item.onPress(context);\n } else if (isBulkResourceAction(item)) {\n item.onPress({ ...context, data: selectedRows });\n }\n }}\n variant={item.variant ?? 'neutral'}\n >\n {Icon && <Icon aria-hidden />}\n <span>{item.label}</span>\n </Button>\n );\n })}\n </>\n );\n}\n\nfunction TableActionsRowMenu<T>({\n label,\n items,\n data,\n}: {\n readonly label: React.ReactNode;\n readonly items: SingleResourceAction<T>[];\n readonly data: T;\n}) {\n const { openDialog, closeDialog } = useControlledDialog();\n\n if (items.length < 4) {\n return (\n <div className=\"flex items-center gap-2\">\n {items.map((it, i) => {\n const Icon = it.icon;\n const itemLabel = typeof it.label === 'function' ? it.label(data) : it.label;\n return (\n <TooltipTrigger key={`${i}-${typeof itemLabel === 'string' ? itemLabel : ''}`}>\n <Button\n aria-label={typeof itemLabel === 'string' ? itemLabel : undefined}\n isDisabled={it.isDisabled?.(data) ?? false}\n variant=\"ghost\"\n size=\"icon\"\n onPress={() => {\n const context = { openDialog, closeDialog };\n it.onPress({ ...context, data });\n }}\n >\n <Icon className=\"size-icon\" />\n </Button>\n <Tooltip>{itemLabel}</Tooltip>\n </TooltipTrigger>\n );\n })}\n </div>\n );\n }\n\n return (\n <EasyMenu aria-label=\"Actions\" label={label} size={'icon'}>\n {items.map((it, i) => {\n const Icon = it.icon;\n const label = typeof it.label === 'function' ? it.label(data) : it.label;\n return (\n <MenuItem\n key={`${i}-${typeof label === 'string' ? label : ''}`}\n id={typeof label === 'string' ? label : undefined}\n isDisabled={it.isDisabled?.(data) ?? false}\n onAction={() => {\n const context = { openDialog, closeDialog };\n if (isSingleResourceAction(it)) {\n it.onPress({ ...context, data });\n }\n }}\n >\n <Icon className=\"size-icon\" />\n {label}\n </MenuItem>\n );\n })}\n </EasyMenu>\n );\n}\n","'use client';\nimport type { operations } from '@cryptlex/web-api-types/develop';\nimport { getLocalTimeZone, parseAbsolute, type ZonedDateTime } from '@internationalized/date';\nimport { useEffect, useRef, useState } from 'react';\nimport { Button } from '../components/button';\nimport { useDataTable } from '../components/data-table';\nimport { DatePicker } from '../components/date-picker';\nimport { EasyMenu, MenuItem } from '../components/menu';\nimport { MultiSelect, type MultiSelectProps } from '../components/multi-select';\nimport { NumberField } from '../components/numberfield';\nimport { Popover, PopoverTrigger } from '../components/popover';\nimport { TextField } from '../components/textfield';\nimport { formatDate } from '../utilities/date';\nimport { useProjectName, useResourceFormatter, type ApiFilters } from '../utilities/resources';\nimport { classNames } from '../utilities/theme';\nimport { IcAccount, IcCheck, IcDate, IcFile, IcFilter, IcLicense, IcMinus, type CtxIcon } from './icons';\nimport { MultipleIdSearchInput } from './id-search';\n\nexport const FILTER_COMPARISON_OPERATORS = [\n 'eq',\n 'ne',\n 'cn',\n 'nc',\n 'sw',\n 'ew',\n 'in',\n 'nin',\n 'gt',\n 'gte',\n 'lt',\n 'lte',\n 'between',\n] as const;\nexport type FilterComparisonOperator = (typeof FILTER_COMPARISON_OPERATORS)[number];\n\nexport const COMPARISON_OPERATOR_LABELS: Record<FilterComparisonOperator, string> = {\n eq: 'equal to',\n ne: 'not equal to',\n cn: 'contains',\n nc: 'does not contain',\n sw: 'starts with',\n ew: 'ends with',\n in: 'includes',\n nin: 'does not include',\n gt: 'greater than',\n gte: 'greater than or equal to',\n lt: 'less than',\n lte: 'less than or equal to',\n between: 'between',\n};\n\nconst COMPARISON_OPERATOR_SHORT_LABELS: Record<FilterComparisonOperator, string> = {\n eq: '=',\n ne: '≠',\n cn: 'contains',\n nc: '!contains',\n sw: 'starts with',\n ew: 'ends with',\n in: 'in',\n nin: 'not in',\n gt: '>',\n gte: '≥',\n lt: '<',\n lte: '≤',\n between: '↔',\n};\n\ntype BaseLocalFilter<T extends FilterType, V> = {\n id: string;\n type: T;\n property: string;\n operator: FilterComparisonOperator;\n value: V | undefined;\n displayValue?: string;\n /** If false, the filter chip is shown in the UI but not sent as a query parameter. Becomes true once the user edits the value. */\n active?: boolean;\n /** If true, clearing the filter resets it to preview state instead of removing it. */\n isPreview?: boolean;\n};\ntype EnumLocalFilter = BaseLocalFilter<'enum', Set<string | number>>;\ntype IdLocalFilter = BaseLocalFilter<'id', string>;\ntype BoolLocalFilter = BaseLocalFilter<'bool', boolean>;\ntype StringLocalFilter = BaseLocalFilter<'string', string>;\ntype NumberLocalFilter = BaseLocalFilter<'number', number>;\n// DatePicker accepts a string, and converts it to a ZonedDateTime. Between operator uses [from, to] tuple.\ntype DateLocalFilter = BaseLocalFilter<'date', string | [string, string]>;\ntype IdSearchLocalFilter = BaseLocalFilter<'id-search', string[]>;\n// TODO, entitlementSets.productIds\nfunction createNewFilter(type: FilterType, property: string): TableFilter {\n const id = `${property}-${Date.now()}`;\n const operator = FilterOperations[type][0];\n\n switch (type) {\n case 'bool':\n return { id, type, property, operator, value: true };\n case 'string':\n return { id, type, property, operator, value: '' };\n case 'date':\n return {\n id,\n type,\n property,\n operator,\n value:\n operator === 'between'\n ? ([new Date().toISOString(), new Date().toISOString()] as [string, string])\n : new Date().toISOString(),\n };\n case 'id':\n return { id, type, property, operator, value: '' };\n case 'id-search':\n return { id, type, property, operator, value: [] };\n case 'enum':\n return { id, type, property, operator, value: new Set<string | number>() };\n case 'number':\n return { id, type, property, operator, value: 0 };\n }\n}\n\nexport type TableFilter =\n | EnumLocalFilter\n | IdLocalFilter\n | BoolLocalFilter\n | StringLocalFilter\n | DateLocalFilter\n | IdSearchLocalFilter\n | NumberLocalFilter;\n\nexport type FilterConfig =\n | { type: 'enum'; options: MultiSelectProps['items'] }\n | ({ type: 'id-search' } & Pick<\n React.ComponentProps<typeof MultipleIdSearchInput>,\n 'accessor' | 'path' | 'defaultParams'\n >)\n | { type: 'id' }\n | { type: 'bool' }\n | { type: 'string' }\n | { type: 'date' }\n | { type: 'number' };\n\nexport type FilterType = FilterConfig['type'];\n\nconst FilterOperations: Record<FilterType, FilterComparisonOperator[]> = {\n bool: ['eq'],\n enum: ['in', 'nin'],\n id: ['in', 'nin'],\n 'id-search': ['in', 'nin'],\n string: ['eq', 'ne', 'cn', 'nc', 'sw', 'ew', 'in', 'nin'],\n date: ['between', 'lt', 'gt'],\n number: ['eq', 'ne', 'gt', 'gte', 'lt', 'lte'],\n};\n\n// TS workaround to get rid of filterConfig: Required<Record<never, FilterConfig>>\nexport type FiltersConfig<TOperation extends keyof operations> = [keyof ApiFilters<TOperation>] extends [never]\n ? Record<string, FilterConfig>\n : Required<Record<keyof ApiFilters<TOperation>, FilterConfig>>;\n\ntype FilterUpdate = { operator?: FilterComparisonOperator; value?: TableFilter['value'] };\n\nfunction getFilterValueSummary(filter: TableFilter): string {\n switch (filter.type) {\n case 'string':\n case 'id':\n return filter.value ?? '';\n case 'number':\n return filter.value?.toString() ?? '';\n case 'bool':\n return filter.value ? 'true' : 'false';\n case 'date':\n if (Array.isArray(filter.value)) {\n const [from, to] = filter.value;\n return `${formatDate(from, { dateStyle: 'short' }) ?? ''} – ${formatDate(to, { dateStyle: 'short' }) ?? ''}`;\n }\n return filter.value ? (formatDate(filter.value, { dateStyle: 'short' }) ?? '') : '';\n case 'enum':\n return filter.value && filter.value.size > 0 ? `${filter.value.size} selected` : '';\n case 'id-search':\n return filter.value && filter.value.length > 0\n ? filter.value.length === 1\n ? '1 item'\n : `${filter.value.length} items`\n : '';\n }\n}\n\nfunction FilterValueInput({\n filter,\n filterConfig,\n pathParameters,\n onChange,\n}: {\n filter: TableFilter;\n filterConfig: Record<string, FilterConfig>;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n pathParameters?: Record<string, any>;\n onChange: (value: TableFilter['value']) => void;\n}) {\n if (filter.type === 'string' || filter.type === 'id') {\n return (\n <TextField\n autoFocus\n value={filter.value ?? ''}\n onChange={onChange as (v: string) => void}\n aria-label=\"Filter value\"\n />\n );\n }\n\n if (filter.type === 'number') {\n return (\n <NumberField\n autoFocus\n value={filter.value}\n onChange={onChange as (v: number) => void}\n aria-label=\"Filter value\"\n />\n );\n }\n\n if (filter.type === 'bool') {\n return (\n <EasyMenu autoFocus label={filter.value ? 'True' : 'False'} variant=\"neutral\" aria-label=\"Filter value\">\n <MenuItem onAction={() => onChange(true)}>True</MenuItem>\n <MenuItem onAction={() => onChange(false)}>False</MenuItem>\n </EasyMenu>\n );\n }\n\n if (filter.type === 'date') {\n if (filter.operator === 'between') {\n const [fromStr, toStr] = Array.isArray(filter.value)\n ? filter.value\n : [new Date().toISOString(), new Date().toISOString()];\n const from = parseAbsolute(fromStr, getLocalTimeZone());\n const to = parseAbsolute(toStr, getLocalTimeZone());\n return (\n <div className=\"flex flex-col gap-icon\">\n <DatePicker<ZonedDateTime>\n autoFocus\n hideTimeZone\n label=\"From\"\n value={from}\n onChange={v => onChange([v ? v.toAbsoluteString() : fromStr, toStr])}\n />\n <DatePicker<ZonedDateTime>\n hideTimeZone\n label=\"To\"\n value={to}\n onChange={v => onChange([fromStr, v ? v.toAbsoluteString() : toStr])}\n />\n </div>\n );\n }\n const value =\n filter.value && !Array.isArray(filter.value) ? parseAbsolute(filter.value, getLocalTimeZone()) : null;\n return (\n <DatePicker<ZonedDateTime>\n autoFocus\n hideTimeZone\n value={value}\n onChange={v => onChange(v ? v.toAbsoluteString() : new Date().toISOString())}\n aria-label=\"Filter date\"\n />\n );\n }\n\n if (filter.type === 'enum') {\n const config = filterConfig[filter.property];\n if (config.type !== 'enum') return null;\n return (\n <MultiSelect\n autoFocus\n items={config.options}\n value={filter.value ?? new Set<string | number>()}\n onChange={onChange as (v: Set<string | number>) => void}\n aria-label=\"Filter value\"\n />\n );\n }\n\n if (filter.type === 'id-search') {\n const config = filterConfig[filter.property];\n if (config.type !== 'id-search') return null;\n const defaultParams = pathParameters ? { path: pathParameters, query: {} } : undefined;\n return (\n <MultipleIdSearchInput\n autoFocus\n path={config.path}\n accessor={config.accessor}\n defaultParams={defaultParams}\n value={filter.value ?? []}\n onChange={onChange as (v: string[]) => void}\n aria-label=\"Filter value\"\n />\n );\n }\n\n return null;\n}\n\nfunction FilterChip({\n filter,\n filterConfig,\n pathParameters,\n resourceFormatter,\n onRemove,\n onUpdate,\n isOpen,\n onOpenChange,\n}: {\n filter: TableFilter;\n filterConfig: Record<string, FilterConfig>;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n pathParameters?: Record<string, any>;\n resourceFormatter: (key: string) => string;\n onRemove: () => void;\n onUpdate: (updates: FilterUpdate) => void;\n isOpen?: boolean;\n onOpenChange?: (isOpen: boolean) => void;\n}) {\n const operators = FilterOperations[filter.type];\n const valueSummary = getFilterValueSummary(filter);\n\n const project = useProjectName();\n\n return (\n <PopoverTrigger isOpen={isOpen} onOpenChange={onOpenChange}>\n <div className=\"relative\">\n <Button\n type=\"button\"\n variant={filter.active === false ? 'neutral' : 'primary_neutral'}\n className={'animate-in slide-in-from-left-10 fade-in'}\n >\n <span className=\"font-medium\">{resourceFormatter(filter.property)}</span>\n {project !== 'customer-portal' && <span>{COMPARISON_OPERATOR_SHORT_LABELS[filter.operator]}</span>}\n {project !== 'customer-portal' && valueSummary && <span>{valueSummary}</span>}\n {filter.active !== false && <span className=\"size-2 z-100 rounded-full bg-primary ms-1\" />}\n </Button>\n </div>\n <Popover className=\"p-icon min-w-48\">\n <div className=\"flex flex-col gap-icon\">\n {operators.length > 1 && (\n <EasyMenu\n label={COMPARISON_OPERATOR_LABELS[filter.operator]}\n variant=\"neutral\"\n aria-label=\"Change operator\"\n >\n {operators.map(op => (\n <MenuItem key={op} onAction={() => onUpdate({ operator: op })}>\n {COMPARISON_OPERATOR_LABELS[op]}\n </MenuItem>\n ))}\n </EasyMenu>\n )}\n <FilterValueInput\n filter={filter}\n filterConfig={filterConfig}\n pathParameters={pathParameters}\n onChange={value => onUpdate({ value })}\n />\n <Button\n type=\"button\"\n variant=\"neutral\"\n className={'self-end'}\n onPress={onRemove}\n aria-label={`Remove ${resourceFormatter(filter.property)} filter`}\n >\n Clear\n </Button>\n </div>\n </Popover>\n </PopoverTrigger>\n );\n}\n\nexport function DataTableFilter({\n className,\n previewFilters,\n ...props\n}: React.ComponentProps<'section'> & {\n /** Keys from filterConfig to show as filter chips on mount, not applied until the user edits them. */\n previewFilters?: string[];\n}) {\n const { filters, query, setFilters, filterConfig, pathParameters } = useDataTable();\n const resourceFormatter = useResourceFormatter();\n const filterKeys = Object.keys(filterConfig)\n .filter(k => !filters.some(f => f.property === k))\n .sort();\n const [openFilterId, setOpenFilterId] = useState<string | null>(null);\n\n const initialized = useRef(false);\n useEffect(() => {\n if (!initialized.current && filters.length === 0) {\n const toSet: TableFilter[] = [];\n if (previewFilters && previewFilters.length > 0) {\n toSet.push(\n ...previewFilters\n .filter(key => filterConfig[key])\n .map(key => ({\n ...createNewFilter(filterConfig[key].type, key),\n active: false as const,\n isPreview: true as const,\n }))\n );\n }\n if (toSet.length > 0) setFilters(toSet);\n }\n initialized.current = true;\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const addFilter = (type: FilterType, property: string) => {\n const newFilter = createNewFilter(type, property);\n setFilters([...filters, newFilter]);\n setOpenFilterId(newFilter.id);\n };\n\n const removeFilter = (id: string) => {\n const filter = filters.find(f => f.id === id);\n if (filter?.isPreview) {\n setFilters(\n filters.map(f =>\n f.id === id\n ? {\n ...createNewFilter(filterConfig[f.property].type, f.property),\n active: false as const,\n isPreview: true as const,\n }\n : f\n )\n );\n } else {\n setFilters(filters.filter(f => f.id !== id));\n }\n };\n\n const updateFilter = (id: string, updates: FilterUpdate) => {\n setFilters(\n filters.map(f => {\n if (f.id !== id) return f;\n let value = updates.value !== undefined ? updates.value : f.value;\n const newOperator = updates.operator ?? f.operator;\n if (f.type === 'date' && updates.operator !== undefined) {\n if (newOperator === 'between' && !Array.isArray(value)) {\n const str = typeof value === 'string' ? value : new Date().toISOString();\n value = [str, str] as [string, string];\n } else if (newOperator !== 'between' && Array.isArray(value)) {\n value = value[0] ?? new Date().toISOString();\n }\n }\n return { ...f, ...updates, value, active: true } as TableFilter;\n })\n );\n };\n\n return (\n <section {...props} className={classNames('flex flex-wrap gap-icon items-center', className)}>\n {filters.map(filter => (\n <FilterChip\n key={filter.id}\n filter={filter}\n filterConfig={filterConfig}\n pathParameters={pathParameters}\n resourceFormatter={resourceFormatter}\n onRemove={() => removeFilter(filter.id)}\n onUpdate={updates => updateFilter(filter.id, updates)}\n isOpen={openFilterId === filter.id}\n onOpenChange={open => setOpenFilterId(open ? filter.id : null)}\n />\n ))}\n\n {filterKeys.length > 0 && (\n <EasyMenu label={<IcFilter />} isDisabled={query.isPending} variant=\"neutral\" aria-label=\"Add filter\">\n {filterKeys.map(k => {\n const type = filterConfig[k].type;\n const Icon = FilterIcon[type];\n return (\n <MenuItem className={'!justify-between'} key={k} onAction={() => addFilter(type, k)}>\n {resourceFormatter(k)}\n <Icon />\n </MenuItem>\n );\n })}\n </EasyMenu>\n )}\n </section>\n );\n}\n\nconst FilterIcon: Record<FilterConfig['type'], CtxIcon> = {\n 'id-search': IcFile,\n bool: IcCheck,\n date: IcDate,\n enum: IcLicense,\n id: IcAccount,\n number: IcMinus,\n string: IcCheck,\n};\n"],"names":["generateSortParam","sort","cH","createColumnHelper","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","ACTIONS_COLUMN_ID","getActionsColumn","rowActions","TableActionsRowMenu","IcMoreVertical","getColumnHelper","useDataTableState","path","pathParameters","columns","filterConfig","columnsToHideByDefault","allowSelection","initialFilters","previewFilters","tableActions","Card","onRowNavigate","tableState","_setTableState","useState","sorting","pagination","searchQuery","setSearchQuery","rowSelection","setRowSelection","filters","setFilters","mergedFilters","useMemo","tf","acc","current","merge","queryParameters","client","useCtxClient","queryKey","columnOrder","setColumnOrder","useLocalStorage","columnVisibility","setColumnVisibility","viewMode","setViewMode","updateTableState","updates","prev","fetchPage","pageParam","res","tableQuery","useQuery","infiniteQuery","useInfiniteQuery","lastPage","allPages","p","flatData","total","query","isSingleResourceAction","cols","isUpdaterFunction","updater","resolveUpdater","currentValue","tanTable","useReactTable","getCoreRowModel","useEffect","c","DataTableContext","createContext","useDataTable","ctx","useContext","DataTableProvider","children","props","DataTable","className","cardActions","Fragment","ControlledDialogProvider","Actions","jsxs","classNames","TableOverlay","Loader","IcInfo","CardGrid","TableContent","ColumnPicker","PageSize","Paginator","actions","sentinelRef","useRef","el","observer","entries","selection","useProjectName","activeId","setActiveId","resourceFormatter","useResourceFormatter","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","DndContext","closestCenter","event","active","over","oldIndex","newIndex","arrayMove","SortableContext","verticalListSortingStrategy","EasyMenu","IcColumns","MenuItem","colId","col","SortableItem","DragOverlay","column","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","IcGrip","getColumnHeaderText","SortIcon","rowCount","Button","IcFirst","IcLeft","IcRight","IcLast","PAGE_SIZES","s","items","hasSelectedRows","filteredActions","ta","IcRefresh","SearchField","DataTableFilter","TableActions","IcMenu","IcLayoutGrid","direction","IcSortAsc","IcSortDesc","IcSortNone","headerDef","renderCellByDisplayType","cell","displayType","value","formatDate","formatNumber","Badge","CountryName","formatFilesize","formatDays","ALL_OS","ALL_LICENSE_TYPES","Duration","getSubscriptionStartTriggerLabel","HeaderText","header","flexRender","tableCellStyle","isSticky","zIndex","TableComponent","TableHeader","headerGroup","TableRow","TableHead","TableBody","e","isActionsColumn","cellContent","TableCell","isNoResourceAction","item","isBulkResourceAction","isFetching","openDialog","closeDialog","useControlledDialog","getTableActionIsDisabled","rows","selectedRows","r","i","Icon","isDisabled","context","label","data","it","itemLabel","TooltipTrigger","Tooltip","FILTER_COMPARISON_OPERATORS","COMPARISON_OPERATOR_LABELS","COMPARISON_OPERATOR_SHORT_LABELS","createNewFilter","type","property","id","operator","FilterOperations","getFilterValueSummary","filter","from","to","FilterValueInput","onChange","TextField","NumberField","fromStr","toStr","parseAbsolute","getLocalTimeZone","DatePicker","v","config","MultiSelect","defaultParams","MultipleIdSearchInput","FilterChip","onRemove","onUpdate","isOpen","onOpenChange","operators","valueSummary","project","PopoverTrigger","Popover","op","filterKeys","k","f","openFilterId","setOpenFilterId","initialized","toSet","key","addFilter","newFilter","removeFilter","updateFilter","newOperator","str","open","IcFilter","FilterIcon","IcFile","IcCheck","IcDate","IcLicense","IcAccount","IcMinus"],"mappings":"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"}
|
package/lib/index.css
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
@import '@fontsource-variable/dm-sans';
|
|
2
|
+
@import '@fontsource/dm-mono/400.css';
|
|
3
|
+
@import '@fontsource/dm-mono/500.css';
|
|
1
4
|
@import 'tailwindcss';
|
|
2
5
|
@plugin 'tailwindcss-react-aria-components';
|
|
3
6
|
@import './tokens.css';
|
|
@@ -6,6 +9,10 @@
|
|
|
6
9
|
/* No shadows needed so far, just don't use them. */
|
|
7
10
|
--shadow-*: initial;
|
|
8
11
|
|
|
12
|
+
/* Fonts */
|
|
13
|
+
--font-sans: 'DM Sans Variable', ui-sans-serif, system-ui, sans-serif;
|
|
14
|
+
--font-mono: 'DM Mono', ui-monospace, monospace;
|
|
15
|
+
|
|
9
16
|
/* Colors */
|
|
10
17
|
--color-*: initial;
|
|
11
18
|
--color-primary-50: var(--primary-50);
|
|
@@ -96,6 +103,7 @@
|
|
|
96
103
|
--color-chart-5: var(--color-neutral-600);
|
|
97
104
|
|
|
98
105
|
--spacing-input: --spacing(9);
|
|
106
|
+
--spacing-input-sm: --spacing(7);
|
|
99
107
|
--spacing-icon: --spacing(4);
|
|
100
108
|
--spacing-table: --spacing(100);
|
|
101
109
|
|
|
@@ -275,6 +283,10 @@
|
|
|
275
283
|
@apply bg-elevation-1/20 backdrop-blur-xl;
|
|
276
284
|
}
|
|
277
285
|
|
|
286
|
+
@utility bg-elevation-mid {
|
|
287
|
+
background: color-mix(in oklch, var(--color-background) 70%, var(--color-neutral-200) 30%);
|
|
288
|
+
}
|
|
289
|
+
|
|
278
290
|
/* Fluid grid with minimum width */
|
|
279
291
|
@utility grid-fluid {
|
|
280
292
|
@apply grid grid-cols-[repeat(auto-fill,_minmax(var(--fluid-grid-min),_1fr))] gap-icon;
|
|
@@ -357,7 +369,7 @@
|
|
|
357
369
|
}
|
|
358
370
|
|
|
359
371
|
@utility table {
|
|
360
|
-
@apply caption-bottom whitespace-nowrap border w-full
|
|
372
|
+
@apply caption-bottom whitespace-nowrap border w-full py-2 px-icon;
|
|
361
373
|
|
|
362
374
|
& tr:last-child {
|
|
363
375
|
@apply border-0;
|
|
@@ -376,11 +388,11 @@
|
|
|
376
388
|
}
|
|
377
389
|
|
|
378
390
|
& th {
|
|
379
|
-
@apply text-left align-middle font-medium
|
|
391
|
+
@apply text-left align-middle font-medium py-2 px-icon;
|
|
380
392
|
}
|
|
381
393
|
|
|
382
394
|
& td {
|
|
383
|
-
@apply animate-in fade-in slide-in-from-top-10
|
|
395
|
+
@apply animate-in fade-in slide-in-from-top-10 py-2 px-icon;
|
|
384
396
|
}
|
|
385
397
|
|
|
386
398
|
& caption {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cryptlex/web-components",
|
|
3
|
-
"version": "6.6.
|
|
3
|
+
"version": "6.6.31",
|
|
4
4
|
"description": "React component library for Cryptlex web applications",
|
|
5
5
|
"author": "Cryptlex",
|
|
6
6
|
"type": "module",
|
|
@@ -52,7 +52,10 @@
|
|
|
52
52
|
"@dnd-kit/core": "6.3.1",
|
|
53
53
|
"@dnd-kit/sortable": "10.0.0",
|
|
54
54
|
"@dnd-kit/utilities": "3.2.2",
|
|
55
|
+
"@fontsource-variable/dm-sans": "5.2.8",
|
|
56
|
+
"@fontsource/dm-mono": "5.2.7",
|
|
55
57
|
"@internationalized/date": "3.10.1",
|
|
58
|
+
"@shikijs/colorized-brackets": "^4.0.2",
|
|
56
59
|
"@tanstack/react-form": "1.27.7",
|
|
57
60
|
"@tanstack/react-query": "5.90.2",
|
|
58
61
|
"@tanstack/react-table": "8.20.5",
|
|
@@ -67,11 +70,10 @@
|
|
|
67
70
|
"react-aria-components": "1.12.0",
|
|
68
71
|
"react-dom": "^19.1.0",
|
|
69
72
|
"recharts": "3.2.1",
|
|
73
|
+
"shiki": "^3.22.0",
|
|
70
74
|
"tailwindcss": "4.1.12",
|
|
71
75
|
"tw-animate-css": "1.3.0",
|
|
72
|
-
"zod": "4.1.1"
|
|
73
|
-
"shiki": "^3.22.0",
|
|
74
|
-
"@shikijs/colorized-brackets": "^4.0.2"
|
|
76
|
+
"zod": "4.1.1"
|
|
75
77
|
},
|
|
76
78
|
"devDependencies": {
|
|
77
79
|
"@rollup/plugin-node-resolve": "16.0.1",
|