@akshar-technosoft/ui 1.0.6 → 1.0.7

package/dist/components/data/data-table/data-table-toolbar.js

@@ -1,3 +1,3 @@
 "use client"
-import{Search as ce,RefreshCw as Be,Download as Fe,Settings2 as Le,Filter as pe,ArrowUpDown as Ge,PinOff as Ae,Pin as je,ChevronDown as Oe}from"lucide-react";import{Slot as xe}from"radix-ui";import{cva as he}from"class-variance-authority";import{clsx as ve}from"clsx";import{twMerge as be}from"tailwind-merge";function o(...t){return be(ve(t))}import{jsx as we}from"react/jsx-runtime";var L=he("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function g({className:t,variant:i,size:r,asChild:d=!1,...b}){let m=d?xe.Slot:"button";return we(m,{"data-slot":"button",className:o(L({variant:i,size:r,className:t}),"transition-none"),...b})}import{jsx as ye}from"react/jsx-runtime";function E({className:t,type:i,...r}){return ye("input",{type:i,"data-slot":"input",className:o("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t),...r})}import{Select as v}from"radix-ui";import{CheckIcon as Ce,ChevronDownIcon as ee,ChevronUpIcon as Pe}from"lucide-react";import{jsx as p,jsxs as q}from"react/jsx-runtime";function te({...t}){return p(v.Root,{"data-slot":"select",...t})}function oe({...t}){return p(v.Value,{"data-slot":"select-value",...t})}function ne({className:t,size:i="default",children:r,...d}){return q(v.Trigger,{"data-slot":"select-trigger","data-size":i,className:o("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...d,children:[r,p(v.Icon,{asChild:!0,children:p(ee,{className:"size-4 opacity-50"})})]})}function ae({className:t,children:i,position:r="popper",...d}){return p(v.Portal,{children:q(v.Content,{"data-slot":"select-content",className:o("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:r,...d,children:[p(De,{}),p(v.Viewport,{className:o("p-1",r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:i}),p(Se,{})]})})}function H({className:t,children:i,...r}){return q(v.Item,{"data-slot":"select-item",className:o("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",t),...r,children:[p("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:p(v.ItemIndicator,{children:p(Ce,{className:"size-4"})})}),p(v.ItemText,{children:i})]})}function De({className:t,...i}){return p(v.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:o("flex cursor-default items-center justify-center py-1",t),...i,children:p(Pe,{className:"size-4"})})}function Se({className:t,...i}){return p(v.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:o("flex cursor-default items-center justify-center py-1",t),...i,children:p(ee,{className:"size-4"})})}import{DropdownMenu as C}from"radix-ui";import{CheckIcon as Ne,ChevronRightIcon as dt,CircleIcon as lt}from"lucide-react";import{jsx as h,jsxs as Me}from"react/jsx-runtime";function W({...t}){return h(C.Root,{"data-slot":"dropdown-menu",...t})}function X({...t}){return h(C.Trigger,{"data-slot":"dropdown-menu-trigger",...t})}function J({className:t,sideOffset:i=4,...r}){return h(C.Portal,{children:h(C.Content,{"data-slot":"dropdown-menu-content",sideOffset:i,className:o("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md",t),...r})})}function K({...t}){return h(C.Group,{"data-slot":"dropdown-menu-group",...t})}function R({className:t,inset:i,variant:r="default",...d}){return h(C.Item,{"data-slot":"dropdown-menu-item","data-inset":i,"data-variant":r,className:o("cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...d})}function Q({className:t,children:i,checked:r,...d}){return Me(C.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:o("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),checked:r,...d,children:[h("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:h(C.ItemIndicator,{children:h(Ne,{className:"size-4"})})}),i]})}function k({className:t,inset:i,...r}){return h(C.Label,{"data-slot":"dropdown-menu-label","data-inset":i,className:o("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t),...r})}function I({className:t,...i}){return h(C.Separator,{"data-slot":"dropdown-menu-separator",className:o("bg-border -mx-1 my-1 h-px",t),...i})}import{useState as Ue}from"react";import{useEffect as Te,useState as Y}from"react";import{Calendar as Ve}from"lucide-react";import{format as _}from"date-fns";import{Popover as G}from"radix-ui";import{jsx as A}from"react/jsx-runtime";function re({...t}){return A(G.Root,{"data-slot":"popover",...t})}function ie({...t}){return A(G.Trigger,{"data-slot":"popover-trigger",...t})}function se({className:t,align:i="center",sideOffset:r=4,...d}){return A(G.Portal,{children:A(G.Content,{"data-slot":"popover-content",align:i,sideOffset:r,className:o("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",t),...d})})}import*as j from"react";import{ChevronDownIcon as ke,ChevronLeftIcon as ze,ChevronRightIcon as Re}from"lucide-react";import{DayPicker as Ie,getDefaultClassNames as de}from"react-day-picker";import{jsx as P}from"react/jsx-runtime";function le({className:t,classNames:i,showOutsideDays:r=!0,captionLayout:d="label",buttonVariant:b="ghost",formatters:m,components:w,...N}){let s=de();return P(Ie,{showOutsideDays:r,className:o("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:d,formatters:{formatMonthDropdown:c=>c.toLocaleString("default",{month:"short"}),...m},classNames:{root:o("w-fit",s.root),months:o("flex gap-4 flex-col md:flex-row relative",s.months),month:o("flex flex-col w-full gap-4",s.month),nav:o("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",s.nav),button_previous:o(L({variant:b}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",s.button_previous),button_next:o(L({variant:b}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",s.button_next),month_caption:o("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",s.month_caption),dropdowns:o("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",s.dropdowns),dropdown_root:o("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",s.dropdown_root),dropdown:o("absolute bg-popover inset-0 opacity-0",s.dropdown),caption_label:o("select-none font-medium",d==="label"?"text-sm":"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",s.caption_label),table:"w-full border-collapse",weekdays:o("flex",s.weekdays),weekday:o("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",s.weekday),week:o("flex w-full mt-2",s.week),week_number_header:o("select-none w-(--cell-size)",s.week_number_header),week_number:o("text-[0.8rem] select-none text-muted-foreground",s.week_number),day:o("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",s.day),range_start:o("rounded-l-md bg-accent",s.range_start),range_middle:o("rounded-none",s.range_middle),range_end:o("rounded-r-md bg-accent",s.range_end),today:o("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",s.today),outside:o("text-muted-foreground aria-selected:text-muted-foreground",s.outside),disabled:o("text-muted-foreground opacity-50",s.disabled),hidden:o("invisible",s.hidden),...i},components:{Root:({className:c,rootRef:f,...y})=>P("div",{"data-slot":"calendar",ref:f,className:o(c),...y}),Chevron:({className:c,orientation:f,...y})=>f==="left"?P(ze,{className:o("size-4",c),...y}):f==="right"?P(Re,{className:o("size-4",c),...y}):P(ke,{className:o("size-4",c),...y}),DayButton:_e,WeekNumber:({children:c,...f})=>P("td",{...f,children:P("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:c})}),...w},...N})}function _e({className:t,day:i,modifiers:r,...d}){let b=de(),m=j.useRef(null);return j.useEffect(()=>{r.focused&&m.current?.focus()},[r.focused]),P(g,{ref:m,variant:"ghost",size:"icon","data-day":i.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:o("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",b.day,t),...d})}import{jsx as S,jsxs as T}from"react/jsx-runtime";function ue({value:t,onChange:i,placeholder:r,mode:d,externalSearch:b,onExternalChange:m,onlyExternal:w=!1}){let[N,s]=Y(!1),[c,f]=Y(t),[y,D]=Y(t);Te(()=>{w||D(t)},[t,w]);let M=()=>{w||i(c),D(c),b&&m&&m(c),s(!1)},V=()=>{f(y),s(!1)},B=()=>{let l=d==="single"?null:{from:null,to:null};f(l),w||i(l),D(l),b&&m&&m(l),s(!1)},z=()=>{let l=w?y:t;return l?d==="single"?_(l,"PPP"):l.from&&l.to?`${_(l.from,"MMM dd")} - ${_(l.to,"MMM dd, yyyy")}`:l.from?`From ${_(l.from,"MMM dd, yyyy")}`:l.to?`To ${_(l.to,"MMM dd, yyyy")}`:r:r},F=l=>{f(d==="single"?l:l||{from:null,to:null})};return T(re,{open:N,onOpenChange:s,children:[S(ie,{asChild:!0,children:T(g,{variant:"outline",className:o("w-full justify-start text-left font-normal h-9",!z()&&"text-muted-foreground"),children:[S(Ve,{className:"mr-2 h-4 w-4"}),z()]})}),T(se,{className:"w-auto p-0",align:"start",children:[S("div",{className:"p-3",children:S(le,{mode:d,selected:c,onSelect:F,numberOfMonths:d==="range"?2:1,className:"rounded-md border",...d==="range"&&{required:!0}})}),T("div",{className:"flex items-center justify-between p-3 border-t",children:[S(g,{variant:"ghost",size:"sm",onClick:B,children:"Clear"}),T("div",{className:"flex gap-2",children:[S(g,{variant:"outline",size:"sm",onClick:V,children:"Cancel"}),S(g,{size:"sm",onClick:M,disabled:d==="range"&&(!c?.from||!c?.to),children:"Apply"})]})]})]})]})}import{Fragment as $e,jsx as n,jsxs as u}from"react/jsx-runtime";function $t({table:t,filters:i=[],globalFilter:r,onGlobalFilterChange:d,enableGlobalFilter:b=!0,onExport:m,onRefresh:w,loading:N=!1,enableColumnVisibility:s=!0,data:c,onClearSorting:f,onClearFilters:y,enableColumnPinning:D=!1,onExternalSearch:M}){let[V,B]=Ue({}),z=()=>t.getAllLeafColumns().filter(e=>e.getCanHide?.()!==!1),F=()=>t.getAllColumns().filter(e=>!t.getAllLeafColumns().includes(e)&&e.columns?.length&&e.columns.some(a=>a.getCanHide?.()!==!1)),l=()=>{let e=new Set(F().flatMap(a=>a.columns?.filter(x=>x.getCanHide?.()!==!1).map(x=>x.id)||[]));return z().filter(a=>!e.has(a.id))},Z=(e,a)=>a&&e.startsWith(`${a}.`)?e.replace(`${a}.`,"").split("_").map(ge=>ge.slice(1)).join(" "):e.split("_").map(x=>x.charAt(0).toUpperCase()+x.slice(1)).join(" "),O=(e,a)=>{let x={...V,[e]:a};B(x)},me=()=>{M&&M(V)},fe=()=>{B({}),y(),M&&M({})},U=e=>t.getColumn(e)?.getFilterValue(),$=(e,a)=>{t.getColumn(e)?.setFilterValue(a)};return n("div",{className:"rounded-xl",children:n("div",{className:"px-2",children:n("div",{className:"flex flex-col gap-6",children:u("div",{className:"flex items-center justify-between",children:[n("div",{className:"flex items-center gap-3",children:i.length>0&&u("div",{className:"flex items-center gap-3 flex-wrap",children:[n("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:n(pe,{className:"h-4 w-4"})}),i.map(e=>n("div",{className:o("relative min-w-[150px]",e.width),children:e.type==="select"?u(te,{value:U(e.key)??"",onValueChange:a=>{$(e.key,a==="all"?"":a),e.externalSearch&&O(e.key,a==="all"?"":a)},children:[e.icon&&n("span",{children:n(e.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),n(ne,{className:o("h-9 rounded-lg w-full",e.icon&&"pl-9"),children:n(oe,{placeholder:e.placeholder})}),u(ae,{className:"rounded-lg",children:[n(H,{value:"all",children:"All"}),e.options?.map(a=>n(H,{value:a.value,children:a.label},a.label))]})]}):e.type==="date"?n(ue,{value:U(e.key),onChange:a=>{e.onlyExternal||$(e.key,a)},placeholder:e.placeholder,mode:e.dateMode||"single",externalSearch:e.externalSearch,onlyExternal:e.onlyExternal,onExternalChange:a=>O(e.key,a)}):u("div",{className:"relative",children:[e.icon&&n("span",{children:n(e.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),n(E,{placeholder:e.placeholder,value:U(e.key)??"",onChange:a=>{$(e.key,a.target.value),e.externalSearch&&O(e.key,a.target.value)},className:o("h-9 rounded-lg",e.icon&&"pl-9"),type:e.type==="number"?"number":"text"})]})},e.key)),i.some(e=>e.externalSearch)&&u(g,{variant:"default",size:"sm",onClick:me,className:"rounded-lg",children:[n(ce,{className:"mr-2 h-4 w-4"}),i.find(e=>e.externalSearch)?.searchButtonText||"Search"]})]})}),u("div",{className:"flex items-center gap-2",children:[b&&u("div",{className:"relative",children:[n(ce,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),n(E,{placeholder:"Global search...",value:r??"",onChange:e=>d(e.target.value),className:"pl-9 max-w-max"})]}),m&&u(g,{variant:"outline",size:"sm",onClick:()=>m(c),className:"rounded-lg",children:[n(Fe,{className:"mr-2 h-4 w-4"}),"Export"]}),s&&u(W,{children:[n(X,{asChild:!0,children:u(g,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[n("span",{children:"Columns"}),n(Oe,{className:"h-4 w-4 opacity-50"})]})}),u(J,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[n(k,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),n(I,{}),l().length>0&&u(K,{children:[n(k,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),l().map(e=>n(Q,{className:"text-sm",checked:e.getIsVisible(),onCheckedChange:a=>e.toggleVisibility(!!a),children:Z(e.id)},e.id))]}),F().map(e=>u(K,{children:[n(I,{}),n(k,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:e.id}),e.columns?.filter(a=>a.getCanHide?.()!==!1).map(a=>n(Q,{className:"text-sm",checked:a.getIsVisible(),onCheckedChange:x=>a.toggleVisibility(!!x),children:Z(a.id,e.id)},a.id))]},e.id))]})]}),u(W,{children:[n(X,{asChild:!0,children:n(g,{variant:"outline",size:"sm",className:"rounded-lg",children:n(Le,{className:"h-4 w-4"})})}),u(J,{align:"end",className:"w-[200px] rounded-lg",children:[n(k,{children:"Table Settings"}),n(I,{}),u(R,{onClick:f,children:[n(Ge,{className:"mr-2 h-4 w-4"}),"Clear All Sorting"]}),u(R,{onClick:fe,children:[n(pe,{className:"mr-2 h-4 w-4"}),"Clear All Filters"]}),D&&u($e,{children:[n(I,{}),n(k,{children:"Column Pinning"}),u(R,{onClick:()=>t.setColumnPinning({left:[],right:[]}),children:[n(Ae,{className:"mr-2 h-4 w-4"}),"Reset All Pinning"]}),u(R,{onClick:()=>{let e=z().filter(a=>a.getCanPin?.()!==!1).map(a=>a.id);t.setColumnPinning({left:[],right:e})},children:[n(je,{className:"mr-2 h-4 w-4 -rotate-90"}),"Pin All Right"]})]})]})]}),w&&n(g,{variant:"outline",size:"sm",onClick:w,disabled:N,className:"rounded-lg",children:n(Be,{className:o("h-4 w-4",N&&"animate-spin")})})]})]})})})})}export{$t as DataTableToolbar};
+import{Search as ge,RefreshCw as je,Download as Oe,Settings2 as Ue,Filter as ve,ArrowUpDown as Ee,PinOff as $e,Pin as He,ChevronDown as qe}from"lucide-react";import{Slot as Pe}from"radix-ui";import{cva as De}from"class-variance-authority";import{clsx as ye}from"clsx";import{twMerge as Ce}from"tailwind-merge";function o(...t){return Ce(ye(t))}import{jsx as Se}from"react/jsx-runtime";var G=De("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function v({className:t,variant:a,size:r,asChild:l=!1,...x}){let f=l?Pe.Slot:"button";return Se(f,{"data-slot":"button",className:o(G({variant:a,size:r,className:t}),"transition-none"),...x})}import{jsx as Ne}from"react/jsx-runtime";function H({className:t,type:a,...r}){return Ne("input",{type:a,"data-slot":"input",className:o("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",t),...r})}import{Select as b}from"radix-ui";import{CheckIcon as Me,ChevronDownIcon as ae,ChevronUpIcon as ke}from"lucide-react";import{jsx as m,jsxs as W}from"react/jsx-runtime";function re({...t}){return m(b.Root,{"data-slot":"select",...t})}function ie({...t}){return m(b.Value,{"data-slot":"select-value",...t})}function se({className:t,size:a="default",children:r,...l}){return W(b.Trigger,{"data-slot":"select-trigger","data-size":a,className:o("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...l,children:[r,m(b.Icon,{asChild:!0,children:m(ae,{className:"size-4 opacity-50"})})]})}function de({className:t,children:a,position:r="popper",...l}){return m(b.Portal,{children:W(b.Content,{"data-slot":"select-content",className:o("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:r,...l,children:[m(ze,{}),m(b.Viewport,{className:o("p-1",r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:a}),m(Re,{})]})})}function q({className:t,children:a,...r}){return W(b.Item,{"data-slot":"select-item",className:o("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",t),...r,children:[m("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:m(b.ItemIndicator,{children:m(Me,{className:"size-4"})})}),m(b.ItemText,{children:a})]})}function ze({className:t,...a}){return m(b.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:o("flex cursor-default items-center justify-center py-1",t),...a,children:m(ke,{className:"size-4"})})}function Re({className:t,...a}){return m(b.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:o("flex cursor-default items-center justify-center py-1",t),...a,children:m(ae,{className:"size-4"})})}import{DropdownMenu as C}from"radix-ui";import{CheckIcon as Ie,ChevronRightIcon as pt,CircleIcon as mt}from"lucide-react";import{jsx as h,jsxs as _e}from"react/jsx-runtime";function X({...t}){return h(C.Root,{"data-slot":"dropdown-menu",...t})}function J({...t}){return h(C.Trigger,{"data-slot":"dropdown-menu-trigger",...t})}function K({className:t,sideOffset:a=4,...r}){return h(C.Portal,{children:h(C.Content,{"data-slot":"dropdown-menu-content",sideOffset:a,className:o("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md",t),...r})})}function Q({...t}){return h(C.Group,{"data-slot":"dropdown-menu-group",...t})}function T({className:t,inset:a,variant:r="default",...l}){return h(C.Item,{"data-slot":"dropdown-menu-item","data-inset":a,"data-variant":r,className:o("cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...l})}function Y({className:t,children:a,checked:r,...l}){return _e(C.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:o("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),checked:r,...l,children:[h("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:h(C.ItemIndicator,{children:h(Ie,{className:"size-4"})})}),a]})}function z({className:t,inset:a,...r}){return h(C.Label,{"data-slot":"dropdown-menu-label","data-inset":a,className:o("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",t),...r})}function V({className:t,...a}){return h(C.Separator,{"data-slot":"dropdown-menu-separator",className:o("bg-border -mx-1 my-1 h-px",t),...a})}import{useState as be}from"react";import{useEffect as Ge,useState as Z}from"react";import{Calendar as Ae}from"lucide-react";import{format as B}from"date-fns";import{Popover as A}from"radix-ui";import{jsx as j}from"react/jsx-runtime";function le({...t}){return j(A.Root,{"data-slot":"popover",...t})}function ue({...t}){return j(A.Trigger,{"data-slot":"popover-trigger",...t})}function ce({className:t,align:a="center",sideOffset:r=4,...l}){return j(A.Portal,{children:j(A.Content,{"data-slot":"popover-content",align:a,sideOffset:r,className:o("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",t),...l})})}import*as O from"react";import{ChevronDownIcon as Te,ChevronLeftIcon as Ve,ChevronRightIcon as Be}from"lucide-react";import{DayPicker as Fe,getDefaultClassNames as pe}from"react-day-picker";import{jsx as P}from"react/jsx-runtime";function me({className:t,classNames:a,showOutsideDays:r=!0,captionLayout:l="label",buttonVariant:x="ghost",formatters:f,components:w,...N}){let s=pe();return P(Fe,{showOutsideDays:r,className:o("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,t),captionLayout:l,formatters:{formatMonthDropdown:p=>p.toLocaleString("default",{month:"short"}),...f},classNames:{root:o("w-fit",s.root),months:o("flex gap-4 flex-col md:flex-row relative",s.months),month:o("flex flex-col w-full gap-4",s.month),nav:o("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",s.nav),button_previous:o(G({variant:x}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",s.button_previous),button_next:o(G({variant:x}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",s.button_next),month_caption:o("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",s.month_caption),dropdowns:o("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",s.dropdowns),dropdown_root:o("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",s.dropdown_root),dropdown:o("absolute bg-popover inset-0 opacity-0",s.dropdown),caption_label:o("select-none font-medium",l==="label"?"text-sm":"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5",s.caption_label),table:"w-full border-collapse",weekdays:o("flex",s.weekdays),weekday:o("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",s.weekday),week:o("flex w-full mt-2",s.week),week_number_header:o("select-none w-(--cell-size)",s.week_number_header),week_number:o("text-[0.8rem] select-none text-muted-foreground",s.week_number),day:o("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",s.day),range_start:o("rounded-l-md bg-accent",s.range_start),range_middle:o("rounded-none",s.range_middle),range_end:o("rounded-r-md bg-accent",s.range_end),today:o("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",s.today),outside:o("text-muted-foreground aria-selected:text-muted-foreground",s.outside),disabled:o("text-muted-foreground opacity-50",s.disabled),hidden:o("invisible",s.hidden),...a},components:{Root:({className:p,rootRef:g,...y})=>P("div",{"data-slot":"calendar",ref:g,className:o(p),...y}),Chevron:({className:p,orientation:g,...y})=>g==="left"?P(Ve,{className:o("size-4",p),...y}):g==="right"?P(Be,{className:o("size-4",p),...y}):P(Te,{className:o("size-4",p),...y}),DayButton:Le,WeekNumber:({children:p,...g})=>P("td",{...g,children:P("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:p})}),...w},...N})}function Le({className:t,day:a,modifiers:r,...l}){let x=pe(),f=O.useRef(null);return O.useEffect(()=>{r.focused&&f.current?.focus()},[r.focused]),P(v,{ref:f,variant:"ghost",size:"icon","data-day":a.date.toLocaleDateString(),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:o("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",x.day,t),...l})}import{jsx as S,jsxs as F}from"react/jsx-runtime";function fe({value:t,onChange:a,placeholder:r,mode:l,externalSearch:x,onExternalChange:f,onlyExternal:w=!1}){let[N,s]=Z(!1),[p,g]=Z(t),[y,D]=Z(t);Ge(()=>{w||D(t)},[t,w]);let M=()=>{w||a(p),D(p),x&&f&&f(p),s(!1)},k=()=>{g(y),s(!1)},L=()=>{let u=l==="single"?null:{from:null,to:null};g(u),w||a(u),D(u),x&&f&&f(u),s(!1)},R=()=>{let u=w?y:t;return u?l==="single"?B(u,"PPP"):u.from&&u.to?`${B(u.from,"MMM dd")} - ${B(u.to,"MMM dd, yyyy")}`:u.from?`From ${B(u.from,"MMM dd, yyyy")}`:u.to?`To ${B(u.to,"MMM dd, yyyy")}`:r:r},I=u=>{g(l==="single"?u:u||{from:null,to:null})};return F(le,{open:N,onOpenChange:s,children:[S(ue,{asChild:!0,children:F(v,{variant:"outline",className:o("w-full justify-start text-left font-normal h-9",!R()&&"text-muted-foreground"),children:[S(Ae,{className:"mr-2 h-4 w-4"}),R()]})}),F(ce,{className:"w-auto p-0",align:"start",children:[S("div",{className:"p-3",children:S(me,{mode:l,selected:p,onSelect:I,numberOfMonths:l==="range"?2:1,className:"rounded-md border",...l==="range"&&{required:!0}})}),F("div",{className:"flex items-center justify-between p-3 border-t",children:[S(v,{variant:"ghost",size:"sm",onClick:L,children:"Clear"}),F("div",{className:"flex gap-2",children:[S(v,{variant:"outline",size:"sm",onClick:k,children:"Cancel"}),S(v,{size:"sm",onClick:M,disabled:l==="range"&&(!p?.from||!p?.to),children:"Apply"})]})]})]})]})}import{Fragment as We,jsx as n,jsxs as c}from"react/jsx-runtime";function Wt({table:t,filters:a=[],globalFilter:r,onGlobalFilterChange:l,enableGlobalFilter:x=!0,onExport:f,onRefresh:w,loading:N=!1,enableColumnVisibility:s=!0,data:p,onClearSorting:g,onClearFilters:y,enableColumnPinning:D=!1,onExternalSearch:M,onCustomFilterChange:k}){let[L,R]=be({}),[I,u]=be({}),ee=()=>t.getAllLeafColumns().filter(e=>e.getCanHide?.()!==!1),te=()=>t.getAllColumns().filter(e=>!t.getAllLeafColumns().includes(e)&&e.columns?.length&&e.columns.some(i=>i.getCanHide?.()!==!1)),oe=()=>{let e=new Set(te().flatMap(i=>i.columns?.filter(d=>d.getCanHide?.()!==!1).map(d=>d.id)||[]));return ee().filter(i=>!e.has(i.id))},ne=(e,i)=>i&&e.startsWith(`${i}.`)?e.replace(`${i}.`,"").split("_").map(_=>_.slice(1)).join(" "):e.split("_").map(d=>d.charAt(0).toUpperCase()+d.slice(1)).join(" "),U=(e,i)=>{let d={...L,[e]:i};R(d)},xe=(e,i)=>{let d={...I,[e]:i};u(d),k&&k(e,i),a.find(_=>_.key===e)?.externalSearch&&U(e,i)},he=()=>{M&&M(L)},we=()=>{R({}),u({}),y(),M&&M({}),k&&Object.keys(I).forEach(e=>{k(e,"")})},E=e=>a.find(d=>d.key===e)?.customFilter?I[e]??"":t.getColumn(e)?.getFilterValue(),$=(e,i)=>{let d=a.find(_=>_.key===e);d?.customFilter?xe(e,i):(t.getColumn(e)?.setFilterValue(i),d?.externalSearch&&U(e,i))};return n("div",{className:"rounded-xl",children:n("div",{className:"px-2",children:n("div",{className:"flex flex-col gap-6",children:c("div",{className:"flex items-center justify-between",children:[n("div",{className:"flex items-center gap-3",children:a.length>0&&c("div",{className:"flex items-center gap-3 flex-wrap",children:[n("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:n(ve,{className:"h-4 w-4"})}),a.map(e=>!t.getColumn(e.key)&&!e.customFilter&&!e.externalSearch?null:n("div",{className:o("relative min-w-[150px]",e.width),children:e.type==="select"?c(re,{value:E(e.key)??"",onValueChange:d=>{$(e.key,d==="all"?"":d)},children:[e.icon&&n("span",{children:n(e.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),n(se,{className:o("h-9 rounded-lg w-full",e.icon&&"pl-9"),children:n(ie,{placeholder:e.placeholder})}),c(de,{className:"rounded-lg",children:[n(q,{value:"all",children:"All"}),e.options?.map(d=>n(q,{value:d.value,children:d.label},d.label))]})]}):e.type==="date"?n(fe,{value:E(e.key),onChange:d=>{e.onlyExternal||$(e.key,d)},placeholder:e.placeholder,mode:e.dateMode||"single",externalSearch:e.externalSearch,onlyExternal:e.onlyExternal,onExternalChange:d=>U(e.key,d)}):c("div",{className:"relative",children:[e.icon&&n("span",{children:n(e.icon,{className:"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground"})}),n(H,{placeholder:e.placeholder,value:E(e.key)??"",onChange:d=>{$(e.key,d.target.value)},className:o("h-9 rounded-lg",e.icon&&"pl-9"),type:e.type==="number"?"number":"text"})]})},e.key)),(a.some(e=>e.externalSearch)||a.some(e=>e.customFilter))&&c(v,{variant:"default",size:"sm",onClick:he,className:"rounded-lg",children:[n(ge,{className:"mr-2 h-4 w-4"}),a.find(e=>e.externalSearch||e.customFilter)?.searchButtonText||"Search"]})]})}),c("div",{className:"flex items-center gap-2",children:[x&&c("div",{className:"relative",children:[n(ge,{className:"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"}),n(H,{placeholder:"Global search...",value:r??"",onChange:e=>l(e.target.value),className:"pl-9 max-w-max"})]}),f&&c(v,{variant:"outline",size:"sm",onClick:()=>f(p),className:"rounded-lg",children:[n(Oe,{className:"mr-2 h-4 w-4"}),"Export"]}),s&&c(X,{children:[n(J,{asChild:!0,children:c(v,{variant:"outline",size:"sm",className:"rounded-lg gap-1",children:[n("span",{children:"Columns"}),n(qe,{className:"h-4 w-4 opacity-50"})]})}),c(K,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[n(z,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),n(V,{}),oe().length>0&&c(Q,{children:[n(z,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),oe().map(e=>n(Y,{className:"text-sm",checked:e.getIsVisible(),onCheckedChange:i=>e.toggleVisibility(!!i),children:ne(e.id)},e.id))]}),te().map(e=>c(Q,{children:[n(V,{}),n(z,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:e.id}),e.columns?.filter(i=>i.getCanHide?.()!==!1).map(i=>n(Y,{className:"text-sm",checked:i.getIsVisible(),onCheckedChange:d=>i.toggleVisibility(!!d),children:ne(i.id,e.id)},i.id))]},e.id))]})]}),c(X,{children:[n(J,{asChild:!0,children:n(v,{variant:"outline",size:"sm",className:"rounded-lg",children:n(Ue,{className:"h-4 w-4"})})}),c(K,{align:"end",className:"w-[200px] rounded-lg",children:[n(z,{children:"Table Settings"}),n(V,{}),c(T,{onClick:g,children:[n(Ee,{className:"mr-2 h-4 w-4"}),"Clear All Sorting"]}),c(T,{onClick:we,children:[n(ve,{className:"mr-2 h-4 w-4"}),"Clear All Filters"]}),D&&c(We,{children:[n(V,{}),n(z,{children:"Column Pinning"}),c(T,{onClick:()=>t.setColumnPinning({left:[],right:[]}),children:[n($e,{className:"mr-2 h-4 w-4"}),"Reset All Pinning"]}),c(T,{onClick:()=>{let e=ee().filter(i=>i.getCanPin?.()!==!1).map(i=>i.id);t.setColumnPinning({left:[],right:e})},children:[n(He,{className:"mr-2 h-4 w-4 -rotate-90"}),"Pin All Right"]})]})]})]}),w&&n(v,{variant:"outline",size:"sm",onClick:w,disabled:N,className:"rounded-lg",children:n(je,{className:o("h-4 w-4",N&&"animate-spin")})})]})]})})})})}export{Wt as DataTableToolbar};
 //# sourceMappingURL=data-table-toolbar.js.map

package/dist/components/data/data-table/data-table-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/data/data-table/data-table-toolbar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/input.tsx","../../../../src/components/ui/select.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/helper/date-filter.tsx","../../../../src/components/ui/popover.tsx","../../../../src/components/ui/calendar.tsx"],"sourcesContent":["import { Search, RefreshCw, Download, Settings2, Filter, ArrowUpDown, PinOff, Pin, ChevronDown } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuGroup,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { FilterConfig } from \"./data-table-types.js\"\r\nimport { useState } from \"react\"\r\nimport { DateFilter } from \"../../helper/date-filter.js\"\r\n\r\ninterface DataTableToolbarProps<TData> {\r\n  table: Table<TData>\r\n  filters?: FilterConfig<TData>[]\r\n  globalFilter: string\r\n  onGlobalFilterChange: (value: string) => void\r\n  enableGlobalFilter: boolean\r\n  onExport?: (data: TData[]) => void\r\n  onRefresh?: () => void\r\n  loading?: boolean\r\n  enableColumnVisibility?: boolean\r\n  enableColumnPinning?: boolean\r\n  data: TData[]\r\n  onClearSorting: () => void\r\n  onClearFilters: () => void\r\n  onExternalSearch?: (filters: Record<string, any>) => void\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n  table,\r\n  filters = [],\r\n  globalFilter,\r\n  onGlobalFilterChange,\r\n  enableGlobalFilter = true,\r\n  onExport,\r\n  onRefresh,\r\n  loading = false,\r\n  enableColumnVisibility = true,\r\n  data,\r\n  onClearSorting,\r\n  onClearFilters,\r\n  enableColumnPinning = false,\r\n  onExternalSearch,\r\n}: DataTableToolbarProps<TData>) {\r\n  const [externalFilterValues, setExternalFilterValues] = useState<Record<string, any>>({});\r\n\r\n  const getAllLeafColumns = () => {\r\n    return table.getAllLeafColumns().filter(column => column.getCanHide?.() !== false)\r\n  }\r\n\r\n  const getGroupColumns = () => {\r\n    return table.getAllColumns().filter(column =>\r\n      !table.getAllLeafColumns().includes(column) &&\r\n      column.columns?.length &&\r\n      column.columns.some(col => col.getCanHide?.() !== false)\r\n    )\r\n  }\r\n\r\n  const getUngroupedLeafColumns = () => {\r\n    const groupedColumnIds = new Set(\r\n      getGroupColumns().flatMap(group =>\r\n        group.columns?.filter(col => col.getCanHide?.() !== false).map(c => c.id) || []\r\n      )\r\n    )\r\n    return getAllLeafColumns().filter(column => !groupedColumnIds.has(column.id))\r\n  }\r\n\r\n  const getColumnDisplayName = (columnId: string, groupName?: string) => {\r\n    if (groupName && columnId.startsWith(`${groupName}.`)) {\r\n      const cleanId = columnId.replace(`${groupName}.`, '')\r\n      return cleanId\r\n        .split('_')\r\n        .map(word => word.slice(1))\r\n        .join(' ')\r\n    }\r\n\r\n    return columnId\r\n      .split('_')\r\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n      .join(' ')\r\n  }\r\n\r\n  // NEW: Handle external filter changes\r\n  const handleExternalFilterChange = (key: string, value: any) => {\r\n    const newValues = { ...externalFilterValues, [key]: value };\r\n    setExternalFilterValues(newValues);\r\n  }\r\n\r\n  // NEW: Handle external search\r\n  const handleExternalSearch = () => {\r\n    if (onExternalSearch) {\r\n      onExternalSearch(externalFilterValues);\r\n    }\r\n  }\r\n\r\n  // NEW: Handle clear external filters\r\n  const handleClearExternalFilters = () => {\r\n    setExternalFilterValues({});\r\n    onClearFilters();\r\n    if (onExternalSearch) {\r\n      onExternalSearch({});\r\n    }\r\n  }\r\n\r\n  const getFilterValue = (key: string) => {\r\n    return table.getColumn(key)?.getFilterValue();\r\n  }\r\n\r\n  // NEW: Set filter value for date filters\r\n  const setFilterValue = (key: string, value: any) => {\r\n    table.getColumn(key)?.setFilterValue(value);\r\n  }\r\n\r\n  return (\r\n    <div className=\"rounded-xl\">\r\n      <div className=\"px-2\">\r\n        <div className=\"flex flex-col gap-6\">\r\n          {/* Top Controls */}\r\n          <div className=\"flex items-center justify-between\">\r\n            <div className=\"flex items-center gap-3\">\r\n              {/* Filters Row */}\r\n              {filters.length > 0 && (\r\n                <div className=\"flex items-center gap-3 flex-wrap\">\r\n                  <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n                    <Filter className=\"h-4 w-4\" />\r\n                    {/* Filters: */}\r\n                  </div>\r\n                  {filters.map((filter) => (\r\n                    <div key={filter.key} className={cn(\"relative min-w-[150px]\", filter.width)}>\r\n                      {filter.type === \"select\" ? (\r\n                        <Select\r\n                          value={(getFilterValue(filter.key) as string) ?? \"\"}\r\n                          onValueChange={(value) => {\r\n                            setFilterValue(filter.key, value === \"all\" ? \"\" : value);\r\n                            if (filter.externalSearch) {\r\n                              handleExternalFilterChange(filter.key, value === \"all\" ? \"\" : value);\r\n                            }\r\n                          }}\r\n                        >\r\n                          {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n                          <SelectTrigger className={cn(\"h-9 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n                            <SelectValue placeholder={filter.placeholder} />\r\n                          </SelectTrigger>\r\n                          <SelectContent className=\"rounded-lg\">\r\n                            <SelectItem value=\"all\">All</SelectItem>\r\n                            {filter.options?.map((option) => (\r\n                              <SelectItem key={option.label} value={option.value}>\r\n                                {option.label}\r\n                              </SelectItem>\r\n                            ))}\r\n                          </SelectContent>\r\n                        </Select>\r\n                      ) : filter.type === \"date\" ? (\r\n                        <DateFilter\r\n                          value={getFilterValue(filter.key)}\r\n                          onChange={(value) => {\r\n                            if (!filter.onlyExternal) {\r\n                              setFilterValue(filter.key, value);\r\n                            }\r\n                          }}\r\n                          placeholder={filter.placeholder}\r\n                          mode={filter.dateMode || \"single\"}\r\n                          externalSearch={filter.externalSearch}\r\n                          onlyExternal={filter.onlyExternal}\r\n                          onExternalChange={(value) => handleExternalFilterChange(filter.key, value)}\r\n                        />\r\n                      ) : (\r\n                        <div className=\"relative\">\r\n                          {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n                          <Input\r\n                            placeholder={filter.placeholder}\r\n                            value={(getFilterValue(filter.key) as string) ?? \"\"}\r\n                            onChange={(event) => {\r\n                              setFilterValue(filter.key, event.target.value);\r\n                              if (filter.externalSearch) {\r\n                                handleExternalFilterChange(filter.key, event.target.value);\r\n                              }\r\n                            }}\r\n                            className={cn(\"h-9 rounded-lg\", filter.icon && \"pl-9\")}\r\n                            type={filter.type === \"number\" ? \"number\" : \"text\"}\r\n                          />\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                  ))}\r\n\r\n                  {/* NEW: External search button */}\r\n                  {filters.some(filter => filter.externalSearch) && (\r\n                    <Button\r\n                      variant=\"default\"\r\n                      size=\"sm\"\r\n                      onClick={handleExternalSearch}\r\n                      className=\"rounded-lg\"\r\n                    >\r\n                      <Search className=\"mr-2 h-4 w-4\" />\r\n                      {filters.find(f => f.externalSearch)?.searchButtonText || \"Search\"}\r\n                    </Button>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex items-center gap-2\">\r\n              {/* Global Search */}\r\n              {enableGlobalFilter &&\r\n                <div className=\"relative\">\r\n                  <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\r\n                  <Input\r\n                    placeholder=\"Global search...\"\r\n                    value={globalFilter ?? \"\"}\r\n                    onChange={(event) => onGlobalFilterChange(event.target.value)}\r\n                    className=\"pl-9 max-w-max\"\r\n                  />\r\n                </div>\r\n              }\r\n\r\n              {/* Export Button */}\r\n              {onExport && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={() => onExport(data)} className=\"rounded-lg\">\r\n                  <Download className=\"mr-2 h-4 w-4\" />\r\n                  Export\r\n                </Button>\r\n              )}\r\n\r\n              {/* Column Visibility */}\r\n              {enableColumnVisibility && (\r\n                <DropdownMenu>\r\n                  <DropdownMenuTrigger asChild>\r\n                    <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg gap-1\">\r\n                      <span>Columns</span>\r\n                      <ChevronDown className=\"h-4 w-4 opacity-50\" />\r\n                    </Button>\r\n                  </DropdownMenuTrigger>\r\n                  <DropdownMenuContent align=\"end\" className=\"w-[220px] rounded-lg max-h-[400px] overflow-y-auto\">\r\n                    <DropdownMenuLabel className=\"px-4 py-2 text-sm font-medium\">\r\n                      Toggle Columns\r\n                    </DropdownMenuLabel>\r\n                    <DropdownMenuSeparator />\r\n\r\n                    {/* General section for ungrouped columns */}\r\n                    {getUngroupedLeafColumns().length > 0 && (\r\n                      <DropdownMenuGroup>\r\n                        <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n                          General\r\n                        </DropdownMenuLabel>\r\n                        {getUngroupedLeafColumns().map(column => (\r\n                          <DropdownMenuCheckboxItem\r\n                            key={column.id}\r\n                            className=\"text-sm\"\r\n                            checked={column.getIsVisible()}\r\n                            onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n                          >\r\n                            {getColumnDisplayName(column.id)}\r\n                          </DropdownMenuCheckboxItem>\r\n                        ))}\r\n                      </DropdownMenuGroup>\r\n                    )}\r\n                    {getGroupColumns().map(group => (\r\n                      <DropdownMenuGroup key={group.id}>\r\n                        <DropdownMenuSeparator />\r\n                        <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n                          {group.id}\r\n                        </DropdownMenuLabel>\r\n                        {group.columns\r\n                          ?.filter(column => column.getCanHide?.() !== false)\r\n                          .map(column => (\r\n                            <DropdownMenuCheckboxItem\r\n                              key={column.id}\r\n                              className=\"text-sm\"\r\n                              checked={column.getIsVisible()}\r\n                              onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n                            >\r\n                              {getColumnDisplayName(column.id, group.id)}\r\n                            </DropdownMenuCheckboxItem>\r\n                          ))}\r\n                      </DropdownMenuGroup>\r\n                    ))}\r\n                  </DropdownMenuContent>\r\n                </DropdownMenu>\r\n              )}\r\n\r\n              {/* Table Settings */}\r\n              <DropdownMenu>\r\n                <DropdownMenuTrigger asChild>\r\n                  <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg\">\r\n                    <Settings2 className=\"h-4 w-4\" />\r\n                  </Button>\r\n                </DropdownMenuTrigger>\r\n                <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n                  <DropdownMenuLabel>Table Settings</DropdownMenuLabel>\r\n                  <DropdownMenuSeparator />\r\n                  <DropdownMenuItem onClick={onClearSorting}>\r\n                    <ArrowUpDown className=\"mr-2 h-4 w-4\" />\r\n                    Clear All Sorting\r\n                  </DropdownMenuItem>\r\n                  <DropdownMenuItem onClick={handleClearExternalFilters}>\r\n                    <Filter className=\"mr-2 h-4 w-4\" />\r\n                    Clear All Filters\r\n                  </DropdownMenuItem>\r\n                  {enableColumnPinning && (\r\n                    <>\r\n                      <DropdownMenuSeparator />\r\n                      <DropdownMenuLabel>Column Pinning</DropdownMenuLabel>\r\n                      <DropdownMenuItem\r\n                        onClick={() => table.setColumnPinning({ left: [], right: [] })}\r\n                      >\r\n                        <PinOff className=\"mr-2 h-4 w-4\" />\r\n                        Reset All Pinning\r\n                      </DropdownMenuItem>\r\n                      {/* <DropdownMenuItem\r\n                        onClick={() => {\r\n                          const leftColumns = getAllLeafColumns()\r\n                            .filter(column => column.getCanPin?.() !== false)\r\n                            .map(column => column.id)\r\n                          table.setColumnPinning({ left: leftColumns, right: [] })\r\n                        }}\r\n                      >\r\n                        <Pin className=\"mr-2 h-4 w-4 rotate-90\" />\r\n                        Pin All Left\r\n                      </DropdownMenuItem> */}\r\n                      <DropdownMenuItem\r\n                        onClick={() => {\r\n                          const rightColumns = getAllLeafColumns()\r\n                            .filter(column => column.getCanPin?.() !== false)\r\n                            .map(column => column.id)\r\n                          table.setColumnPinning({ left: [], right: rightColumns })\r\n                        }}\r\n                      >\r\n                        <Pin className=\"mr-2 h-4 w-4 -rotate-90\" />\r\n                        Pin All Right\r\n                      </DropdownMenuItem>\r\n                    </>\r\n                  )}\r\n                </DropdownMenuContent>\r\n              </DropdownMenu>\r\n\r\n              {/* Refresh Button */}\r\n              {onRefresh && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading} className=\"rounded-lg\">\r\n                  <RefreshCw className={cn(\"h-4 w-4\", loading && \"animate-spin\")} />\r\n                </Button>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n","import * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"popper\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n          position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n","import * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n","import { useEffect, useState } from \"react\";\r\nimport { Calendar as CalendarIcon, Check, X } from \"lucide-react\";\r\nimport { format } from \"date-fns\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover.js\";\r\nimport { Button } from \"../ui/button.js\";\r\nimport { cn } from \"../../lib/utils.js\";\r\nimport { Calendar } from \"../ui/calendar.js\";\r\n\r\ntype DateFilterProps = {\r\n  value: any;\r\n  onChange: (value: any) => void;\r\n  placeholder: string;\r\n  mode: \"single\" | \"range\";\r\n  externalSearch?: boolean;\r\n  onExternalChange?: (value: any) => void;\r\n  onlyExternal?: boolean;\r\n}\r\n\r\nexport function DateFilter({\r\n  value,\r\n  onChange,\r\n  placeholder,\r\n  mode,\r\n  externalSearch,\r\n  onExternalChange,\r\n  onlyExternal = false,\r\n}: DateFilterProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [tempValue, setTempValue] = useState(value);\r\n  const [displayValue, setDisplayValue] = useState(value);\r\n\r\n  useEffect(() => {\r\n    if (!onlyExternal) {\r\n      setDisplayValue(value);\r\n    }\r\n  }, [value, onlyExternal]);\r\n\r\n  const handleApply = () => {\r\n    if (!onlyExternal) {\r\n      onChange(tempValue);\r\n      setDisplayValue(tempValue);\r\n    } else {\r\n      // For onlyExternal, update the display value but don't call onChange\r\n      setDisplayValue(tempValue);\r\n    }\r\n\r\n    if (externalSearch && onExternalChange) {\r\n      onExternalChange(tempValue);\r\n    }\r\n    setIsOpen(false);\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    setTempValue(displayValue); // Use displayValue instead of value\r\n    setIsOpen(false);\r\n  };\r\n\r\n  const handleClear = () => {\r\n    const newValue = mode === \"single\" ? null : { from: null, to: null };\r\n    setTempValue(newValue);\r\n\r\n    if (!onlyExternal) {\r\n      onChange(newValue);\r\n      setDisplayValue(newValue);\r\n    } else {\r\n      // For onlyExternal, update the display value but don't call onChange\r\n      setDisplayValue(newValue);\r\n    }\r\n\r\n    if (externalSearch && onExternalChange) {\r\n      onExternalChange(newValue);\r\n    }\r\n    setIsOpen(false);\r\n  };\r\n\r\n  const displayText = () => {\r\n    const valueToDisplay = onlyExternal ? displayValue : value;\r\n\r\n    if (!valueToDisplay) return placeholder;\r\n\r\n    if (mode === \"single\") {\r\n      return format(valueToDisplay, \"PPP\");\r\n    }\r\n\r\n    if (valueToDisplay.from && valueToDisplay.to) {\r\n      return `${format(valueToDisplay.from, \"MMM dd\")} - ${format(valueToDisplay.to, \"MMM dd, yyyy\")}`;\r\n    }\r\n\r\n    if (valueToDisplay.from) {\r\n      return `From ${format(valueToDisplay.from, \"MMM dd, yyyy\")}`;\r\n    }\r\n\r\n    if (valueToDisplay.to) {\r\n      return `To ${format(valueToDisplay.to, \"MMM dd, yyyy\")}`;\r\n    }\r\n\r\n    return placeholder;\r\n  };\r\n\r\n  const handleCalendarSelect = (selectedValue: any) => {\r\n    if (mode === \"single\") {\r\n      setTempValue(selectedValue);\r\n    } else {\r\n      setTempValue(selectedValue || { from: null, to: null });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant=\"outline\"\r\n          className={cn(\r\n            \"w-full justify-start text-left font-normal h-9\",\r\n            !displayText() && \"text-muted-foreground\"\r\n          )}\r\n        >\r\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\r\n          {displayText()}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        <div className=\"p-3\">\r\n          <Calendar\r\n            mode={mode}\r\n            selected={tempValue}\r\n            onSelect={handleCalendarSelect}\r\n            numberOfMonths={mode === \"range\" ? 2 : 1}\r\n            className=\"rounded-md border\"\r\n            {...(mode === \"range\" && { required: true })}\r\n          />\r\n        </div>\r\n        <div className=\"flex items-center justify-between p-3 border-t\">\r\n          <Button variant=\"ghost\" size=\"sm\" onClick={handleClear}>\r\n            Clear\r\n          </Button>\r\n          <div className=\"flex gap-2\">\r\n            <Button variant=\"outline\" size=\"sm\" onClick={handleCancel}>\r\n              Cancel\r\n            </Button>\r\n            <Button\r\n              size=\"sm\"\r\n              onClick={handleApply}\r\n              disabled={mode === \"range\" && (!tempValue?.from || !tempValue?.to)}\r\n            >\r\n              Apply\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}","import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n","import * as React from \"react\"\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from \"lucide-react\"\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\"\n\nimport { cn } from \"../../lib/utils.js\"\nimport { Button, buttonVariants } from \"../ui/button.jsx\"\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  buttonVariant = \"ghost\",\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n}) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        \"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString(\"default\", { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"w-fit\", defaultClassNames.root),\n        months: cn(\n          \"flex gap-4 flex-col md:flex-row relative\",\n          defaultClassNames.months\n        ),\n        month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n        nav: cn(\n          \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          \"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          \"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          \"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md\",\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          \"absolute bg-popover inset-0 opacity-0\",\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          \"select-none font-medium\",\n          captionLayout === \"label\"\n            ? \"text-sm\"\n            : \"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n          defaultClassNames.caption_label\n        ),\n        table: \"w-full border-collapse\",\n        weekdays: cn(\"flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n          defaultClassNames.weekday\n        ),\n        week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n        week_number_header: cn(\n          \"select-none w-(--cell-size)\",\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          \"text-[0.8rem] select-none text-muted-foreground\",\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          \"relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none\",\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          \"rounded-l-md bg-accent\",\n          defaultClassNames.range_start\n        ),\n        range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n        range_end: cn(\"rounded-r-md bg-accent\", defaultClassNames.range_end),\n        today: cn(\n          \"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n          defaultClassNames.today\n        ),\n        outside: cn(\n          \"text-muted-foreground aria-selected:text-muted-foreground\",\n          defaultClassNames.outside\n        ),\n        disabled: cn(\n          \"text-muted-foreground opacity-50\",\n          defaultClassNames.disabled\n        ),\n        hidden: cn(\"invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return (\n              <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n            )\n          }\n\n          if (orientation === \"right\") {\n            return (\n              <ChevronRightIcon\n                className={cn(\"size-4\", className)}\n                {...props}\n              />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n          )\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        \"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70\",\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":"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","names":["Search","RefreshCw","Download","Settings2","Filter","ArrowUpDown","PinOff","Pin","ChevronDown","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","jsx","Input","className","type","props","cn","SelectPrimitive","CheckIcon","ChevronDownIcon","ChevronUpIcon","jsx","jsxs","Select","props","SelectPrimitive","SelectValue","props","jsx","SelectPrimitive","SelectTrigger","className","size","children","jsxs","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","jsxs","SelectPrimitive","cn","jsx","CheckIcon","SelectScrollUpButton","className","props","jsx","SelectPrimitive","cn","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","useState","useEffect","useState","CalendarIcon","format","PopoverPrimitive","jsx","Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","React","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","DayPicker","getDefaultClassNames","jsx","Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","Button","jsx","jsxs","DateFilter","value","onChange","placeholder","mode","externalSearch","onExternalChange","onlyExternal","isOpen","setIsOpen","useState","tempValue","setTempValue","displayValue","setDisplayValue","useEffect","handleApply","handleCancel","handleClear","newValue","displayText","valueToDisplay","format","handleCalendarSelect","selectedValue","Popover","PopoverTrigger","Button","cn","CalendarIcon","PopoverContent","Calendar","Fragment","jsx","jsxs","DataTableToolbar","table","filters","globalFilter","onGlobalFilterChange","enableGlobalFilter","onExport","onRefresh","loading","enableColumnVisibility","data","onClearSorting","onClearFilters","enableColumnPinning","onExternalSearch","externalFilterValues","setExternalFilterValues","useState","getAllLeafColumns","column","getGroupColumns","col","getUngroupedLeafColumns","groupedColumnIds","group","c","getColumnDisplayName","columnId","groupName","word","handleExternalFilterChange","key","value","newValues","handleExternalSearch","handleClearExternalFilters","getFilterValue","setFilterValue","Filter","filter","cn","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","option","DateFilter","Input","event","Button","Search","f","Download","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuCheckboxItem","Settings2","DropdownMenuItem","ArrowUpDown","PinOff","rightColumns","Pin","RefreshCw"]}
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-toolbar.tsx","../../../../src/components/ui/button.tsx","../../../../src/lib/utils.ts","../../../../src/components/ui/input.tsx","../../../../src/components/ui/select.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/helper/date-filter.tsx","../../../../src/components/ui/popover.tsx","../../../../src/components/ui/calendar.tsx"],"sourcesContent":["import { Search, RefreshCw, Download, Settings2, Filter, ArrowUpDown, PinOff, Pin, ChevronDown } from \"lucide-react\"\r\nimport type { Table } from \"@tanstack/react-table\"\r\n\r\nimport { Button } from \"../../ui/button.jsx\"\r\nimport { Input } from \"../../ui/input.jsx\"\r\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.jsx\"\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuLabel,\r\n  DropdownMenuSeparator,\r\n  DropdownMenuTrigger,\r\n  DropdownMenuCheckboxItem,\r\n  DropdownMenuGroup,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { FilterConfig } from \"./data-table-types.js\"\r\nimport { useState } from \"react\"\r\nimport { DateFilter } from \"../../helper/date-filter.js\"\r\n\r\ninterface DataTableToolbarProps<TData> {\r\n  table: Table<TData>\r\n  filters?: FilterConfig<TData>[]\r\n  globalFilter: string\r\n  onGlobalFilterChange: (value: string) => void\r\n  enableGlobalFilter: boolean\r\n  onExport?: (data: TData[]) => void\r\n  onRefresh?: () => void\r\n  loading?: boolean\r\n  enableColumnVisibility?: boolean\r\n  enableColumnPinning?: boolean\r\n  data: TData[]\r\n  onClearSorting: () => void\r\n  onClearFilters: () => void\r\n  onExternalSearch?: (filters: Record<string, any>) => void\r\n  onCustomFilterChange?: (key: string, value: any) => void\r\n}\r\n\r\nexport function DataTableToolbar<TData>({\r\n  table,\r\n  filters = [],\r\n  globalFilter,\r\n  onGlobalFilterChange,\r\n  enableGlobalFilter = true,\r\n  onExport,\r\n  onRefresh,\r\n  loading = false,\r\n  enableColumnVisibility = true,\r\n  data,\r\n  onClearSorting,\r\n  onClearFilters,\r\n  enableColumnPinning = false,\r\n  onExternalSearch,\r\n  onCustomFilterChange,\r\n}: DataTableToolbarProps<TData>) {\r\n  const [externalFilterValues, setExternalFilterValues] = useState<Record<string, any>>({});\r\n  const [customFilterValues, setCustomFilterValues] = useState<Record<string, any>>({});\r\n\r\n  const getAllLeafColumns = () => {\r\n    return table.getAllLeafColumns().filter(column => column.getCanHide?.() !== false)\r\n  }\r\n\r\n  const getGroupColumns = () => {\r\n    return table.getAllColumns().filter(column =>\r\n      !table.getAllLeafColumns().includes(column) &&\r\n      column.columns?.length &&\r\n      column.columns.some(col => col.getCanHide?.() !== false)\r\n    )\r\n  }\r\n\r\n  const getUngroupedLeafColumns = () => {\r\n    const groupedColumnIds = new Set(\r\n      getGroupColumns().flatMap(group =>\r\n        group.columns?.filter(col => col.getCanHide?.() !== false).map(c => c.id) || []\r\n      )\r\n    )\r\n    return getAllLeafColumns().filter(column => !groupedColumnIds.has(column.id))\r\n  }\r\n\r\n  const getColumnDisplayName = (columnId: string, groupName?: string) => {\r\n    if (groupName && columnId.startsWith(`${groupName}.`)) {\r\n      const cleanId = columnId.replace(`${groupName}.`, '')\r\n      return cleanId\r\n        .split('_')\r\n        .map(word => word.slice(1))\r\n        .join(' ')\r\n    }\r\n\r\n    return columnId\r\n      .split('_')\r\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\r\n      .join(' ')\r\n  }\r\n\r\n  const handleExternalFilterChange = (key: string, value: any) => {\r\n    const newValues = { ...externalFilterValues, [key]: value };\r\n    setExternalFilterValues(newValues);\r\n  }\r\n\r\n  const handleCustomFilterChange = (key: string, value: any) => {\r\n    const newValues = { ...customFilterValues, [key]: value };\r\n    setCustomFilterValues(newValues);\r\n\r\n    if (onCustomFilterChange) {\r\n      onCustomFilterChange(key, value);\r\n    }\r\n\r\n    if (filters.find(f => f.key === key)?.externalSearch) {\r\n      handleExternalFilterChange(key, value);\r\n    }\r\n  }\r\n\r\n  const handleExternalSearch = () => {\r\n    if (onExternalSearch) {\r\n      onExternalSearch(externalFilterValues);\r\n    }\r\n  }\r\n\r\n  const handleClearExternalFilters = () => {\r\n    setExternalFilterValues({});\r\n    setCustomFilterValues({});\r\n    onClearFilters();\r\n    if (onExternalSearch) {\r\n      onExternalSearch({});\r\n    }\r\n    if (onCustomFilterChange) {\r\n      Object.keys(customFilterValues).forEach(key => {\r\n        onCustomFilterChange(key, \"\");\r\n      });\r\n    }\r\n  }\r\n\r\n  const getFilterValue = (key: string) => {\r\n    const filter = filters.find(f => f.key === key);\r\n    if (filter?.customFilter) {\r\n      return customFilterValues[key] ?? \"\";\r\n    }\r\n    return table.getColumn(key)?.getFilterValue();\r\n  }\r\n\r\n  const setFilterValue = (key: string, value: any) => {\r\n    const filter = filters.find(f => f.key === key);\r\n\r\n    if (filter?.customFilter) {\r\n      handleCustomFilterChange(key, value);\r\n    } else {\r\n      table.getColumn(key)?.setFilterValue(value);\r\n\r\n      if (filter?.externalSearch) {\r\n        handleExternalFilterChange(key, value);\r\n      }\r\n    }\r\n  }\r\n  return (\r\n    <div className=\"rounded-xl\">\r\n      <div className=\"px-2\">\r\n        <div className=\"flex flex-col gap-6\">\r\n          {/* Top Controls */}\r\n          <div className=\"flex items-center justify-between\">\r\n            <div className=\"flex items-center gap-3\">\r\n              {/* Filters Row */}\r\n              {filters.length > 0 && (\r\n                <div className=\"flex items-center gap-3 flex-wrap\">\r\n                  <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n                    <Filter className=\"h-4 w-4\" />\r\n                    {/* Filters: */}\r\n                  </div>\r\n                  {filters.map((filter) => {\r\n                    // NEW: Skip rendering if column doesn't exist and it's not a custom/external filter\r\n                    const column = table.getColumn(filter.key);\r\n                    if (!column && !filter.customFilter && !filter.externalSearch) {\r\n                      return null;\r\n                    }\r\n\r\n                    return (\r\n                      <div key={filter.key} className={cn(\"relative min-w-[150px]\", filter.width)}>\r\n                        {filter.type === \"select\" ? (\r\n                          <Select\r\n                            value={(getFilterValue(filter.key) as string) ?? \"\"}\r\n                            onValueChange={(value) => {\r\n                              setFilterValue(filter.key, value === \"all\" ? \"\" : value);\r\n                            }}\r\n                          >\r\n                            {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n                            <SelectTrigger className={cn(\"h-9 rounded-lg w-full\", filter.icon && \"pl-9\")}>\r\n                              <SelectValue placeholder={filter.placeholder} />\r\n                            </SelectTrigger>\r\n                            <SelectContent className=\"rounded-lg\">\r\n                              <SelectItem value=\"all\">All</SelectItem>\r\n                              {filter.options?.map((option) => (\r\n                                <SelectItem key={option.label} value={option.value}>\r\n                                  {option.label}\r\n                                </SelectItem>\r\n                              ))}\r\n                            </SelectContent>\r\n                          </Select>\r\n                        ) : filter.type === \"date\" ? (\r\n                          <DateFilter\r\n                            value={getFilterValue(filter.key)}\r\n                            onChange={(value) => {\r\n                              if (!filter.onlyExternal) {\r\n                                setFilterValue(filter.key, value);\r\n                              }\r\n                            }}\r\n                            placeholder={filter.placeholder}\r\n                            mode={filter.dateMode || \"single\"}\r\n                            externalSearch={filter.externalSearch}\r\n                            onlyExternal={filter.onlyExternal}\r\n                            onExternalChange={(value) => handleExternalFilterChange(filter.key, value)}\r\n                          />\r\n                        ) : (\r\n                          <div className=\"relative\">\r\n                            {filter.icon && <span><filter.icon className=\"size-4 absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\" /></span>}\r\n                            <Input\r\n                              placeholder={filter.placeholder}\r\n                              value={(getFilterValue(filter.key) as string) ?? \"\"}\r\n                              onChange={(event) => {\r\n                                setFilterValue(filter.key, event.target.value);\r\n                              }}\r\n                              className={cn(\"h-9 rounded-lg\", filter.icon && \"pl-9\")}\r\n                              type={filter.type === \"number\" ? \"number\" : \"text\"}\r\n                            />\r\n                          </div>\r\n                        )}\r\n                      </div>\r\n                    );\r\n                  })}\r\n\r\n                  {(filters.some(filter => filter.externalSearch) || filters.some(filter => filter.customFilter)) && (\r\n                    <Button\r\n                      variant=\"default\"\r\n                      size=\"sm\"\r\n                      onClick={handleExternalSearch}\r\n                      className=\"rounded-lg\"\r\n                    >\r\n                      <Search className=\"mr-2 h-4 w-4\" />\r\n                      {filters.find(f => f.externalSearch || f.customFilter)?.searchButtonText || \"Search\"}\r\n                    </Button>\r\n                  )}\r\n                </div>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex items-center gap-2\">\r\n              {/* Global Search */}\r\n              {enableGlobalFilter &&\r\n                <div className=\"relative\">\r\n                  <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\r\n                  <Input\r\n                    placeholder=\"Global search...\"\r\n                    value={globalFilter ?? \"\"}\r\n                    onChange={(event) => onGlobalFilterChange(event.target.value)}\r\n                    className=\"pl-9 max-w-max\"\r\n                  />\r\n                </div>\r\n              }\r\n\r\n              {/* Export Button */}\r\n              {onExport && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={() => onExport(data)} className=\"rounded-lg\">\r\n                  <Download className=\"mr-2 h-4 w-4\" />\r\n                  Export\r\n                </Button>\r\n              )}\r\n\r\n              {/* Column Visibility */}\r\n              {enableColumnVisibility && (\r\n                <DropdownMenu>\r\n                  <DropdownMenuTrigger asChild>\r\n                    <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg gap-1\">\r\n                      <span>Columns</span>\r\n                      <ChevronDown className=\"h-4 w-4 opacity-50\" />\r\n                    </Button>\r\n                  </DropdownMenuTrigger>\r\n                  <DropdownMenuContent align=\"end\" className=\"w-[220px] rounded-lg max-h-[400px] overflow-y-auto\">\r\n                    <DropdownMenuLabel className=\"px-4 py-2 text-sm font-medium\">\r\n                      Toggle Columns\r\n                    </DropdownMenuLabel>\r\n                    <DropdownMenuSeparator />\r\n\r\n                    {/* General section for ungrouped columns */}\r\n                    {getUngroupedLeafColumns().length > 0 && (\r\n                      <DropdownMenuGroup>\r\n                        <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n                          General\r\n                        </DropdownMenuLabel>\r\n                        {getUngroupedLeafColumns().map(column => (\r\n                          <DropdownMenuCheckboxItem\r\n                            key={column.id}\r\n                            className=\"text-sm\"\r\n                            checked={column.getIsVisible()}\r\n                            onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n                          >\r\n                            {getColumnDisplayName(column.id)}\r\n                          </DropdownMenuCheckboxItem>\r\n                        ))}\r\n                      </DropdownMenuGroup>\r\n                    )}\r\n                    {getGroupColumns().map(group => (\r\n                      <DropdownMenuGroup key={group.id}>\r\n                        <DropdownMenuSeparator />\r\n                        <DropdownMenuLabel className=\"px-4 py-1.5 text-sm font-medium text-muted-foreground\">\r\n                          {group.id}\r\n                        </DropdownMenuLabel>\r\n                        {group.columns\r\n                          ?.filter(column => column.getCanHide?.() !== false)\r\n                          .map(column => (\r\n                            <DropdownMenuCheckboxItem\r\n                              key={column.id}\r\n                              className=\"text-sm\"\r\n                              checked={column.getIsVisible()}\r\n                              onCheckedChange={(value) => column.toggleVisibility(!!value)}\r\n                            >\r\n                              {getColumnDisplayName(column.id, group.id)}\r\n                            </DropdownMenuCheckboxItem>\r\n                          ))}\r\n                      </DropdownMenuGroup>\r\n                    ))}\r\n                  </DropdownMenuContent>\r\n                </DropdownMenu>\r\n              )}\r\n\r\n              {/* Table Settings */}\r\n              <DropdownMenu>\r\n                <DropdownMenuTrigger asChild>\r\n                  <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg\">\r\n                    <Settings2 className=\"h-4 w-4\" />\r\n                  </Button>\r\n                </DropdownMenuTrigger>\r\n                <DropdownMenuContent align=\"end\" className=\"w-[200px] rounded-lg\">\r\n                  <DropdownMenuLabel>Table Settings</DropdownMenuLabel>\r\n                  <DropdownMenuSeparator />\r\n                  <DropdownMenuItem onClick={onClearSorting}>\r\n                    <ArrowUpDown className=\"mr-2 h-4 w-4\" />\r\n                    Clear All Sorting\r\n                  </DropdownMenuItem>\r\n                  <DropdownMenuItem onClick={handleClearExternalFilters}>\r\n                    <Filter className=\"mr-2 h-4 w-4\" />\r\n                    Clear All Filters\r\n                  </DropdownMenuItem>\r\n                  {enableColumnPinning && (\r\n                    <>\r\n                      <DropdownMenuSeparator />\r\n                      <DropdownMenuLabel>Column Pinning</DropdownMenuLabel>\r\n                      <DropdownMenuItem\r\n                        onClick={() => table.setColumnPinning({ left: [], right: [] })}\r\n                      >\r\n                        <PinOff className=\"mr-2 h-4 w-4\" />\r\n                        Reset All Pinning\r\n                      </DropdownMenuItem>\r\n                      {/* <DropdownMenuItem\r\n                        onClick={() => {\r\n                          const leftColumns = getAllLeafColumns()\r\n                            .filter(column => column.getCanPin?.() !== false)\r\n                            .map(column => column.id)\r\n                          table.setColumnPinning({ left: leftColumns, right: [] })\r\n                        }}\r\n                      >\r\n                        <Pin className=\"mr-2 h-4 w-4 rotate-90\" />\r\n                        Pin All Left\r\n                      </DropdownMenuItem> */}\r\n                      <DropdownMenuItem\r\n                        onClick={() => {\r\n                          const rightColumns = getAllLeafColumns()\r\n                            .filter(column => column.getCanPin?.() !== false)\r\n                            .map(column => column.id)\r\n                          table.setColumnPinning({ left: [], right: rightColumns })\r\n                        }}\r\n                      >\r\n                        <Pin className=\"mr-2 h-4 w-4 -rotate-90\" />\r\n                        Pin All Right\r\n                      </DropdownMenuItem>\r\n                    </>\r\n                  )}\r\n                </DropdownMenuContent>\r\n              </DropdownMenu>\r\n\r\n              {/* Refresh Button */}\r\n              {onRefresh && (\r\n                <Button variant=\"outline\" size=\"sm\" onClick={onRefresh} disabled={loading} className=\"rounded-lg\">\r\n                  <RefreshCw className={cn(\"h-4 w-4\", loading && \"animate-spin\")} />\r\n                </Button>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}","import * as React from \"react\"\nimport { Slot as SlotPrimitive } from \"radix-ui\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? SlotPrimitive.Slot : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }), \"transition-none\")}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n  return twMerge(clsx(inputs));\r\n}","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Input({ className, type, ...props }: React.ComponentProps<\"input\">) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        \"file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm\",\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Input }\n","import * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Select({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />\n}\n\nfunction SelectGroup({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />\n}\n\nfunction SelectValue({\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />\n}\n\nfunction SelectTrigger({\n  className,\n  size = \"default\",\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  )\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = \"popper\",\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n          position === \"popper\" &&\n          \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n          className\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            \"p-1\",\n            position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\"\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  )\n}\n\nfunction SelectLabel({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  )\n}\n\nfunction SelectSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction SelectScrollUpButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  )\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn(\n        \"flex cursor-default items-center justify-center py-1\",\n        className\n      )}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\n","import * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction DropdownMenu({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return (\n    <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n  )\n}\n\nfunction DropdownMenuTrigger({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return (\n    <DropdownMenuPrimitive.Trigger\n      data-slot=\"dropdown-menu-trigger\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) rounded-md border p-1 shadow-md\",\n          className\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n}\n\nfunction DropdownMenuGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return (\n    <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n  )\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean\n  variant?: \"default\" | \"destructive\"\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"cursor-pointer focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n}\n\nfunction DropdownMenuRadioGroup({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      data-slot=\"dropdown-menu-radio-group\"\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DropdownMenuSub({\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n}\n","import { useEffect, useState } from \"react\";\r\nimport { Calendar as CalendarIcon, Check, X } from \"lucide-react\";\r\nimport { format } from \"date-fns\";\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover.js\";\r\nimport { Button } from \"../ui/button.js\";\r\nimport { cn } from \"../../lib/utils.js\";\r\nimport { Calendar } from \"../ui/calendar.js\";\r\n\r\ntype DateFilterProps = {\r\n  value: any;\r\n  onChange: (value: any) => void;\r\n  placeholder: string;\r\n  mode: \"single\" | \"range\";\r\n  externalSearch?: boolean;\r\n  onExternalChange?: (value: any) => void;\r\n  onlyExternal?: boolean;\r\n}\r\n\r\nexport function DateFilter({\r\n  value,\r\n  onChange,\r\n  placeholder,\r\n  mode,\r\n  externalSearch,\r\n  onExternalChange,\r\n  onlyExternal = false,\r\n}: DateFilterProps) {\r\n  const [isOpen, setIsOpen] = useState(false);\r\n  const [tempValue, setTempValue] = useState(value);\r\n  const [displayValue, setDisplayValue] = useState(value);\r\n\r\n  useEffect(() => {\r\n    if (!onlyExternal) {\r\n      setDisplayValue(value);\r\n    }\r\n  }, [value, onlyExternal]);\r\n\r\n  const handleApply = () => {\r\n    if (!onlyExternal) {\r\n      onChange(tempValue);\r\n      setDisplayValue(tempValue);\r\n    } else {\r\n      // For onlyExternal, update the display value but don't call onChange\r\n      setDisplayValue(tempValue);\r\n    }\r\n\r\n    if (externalSearch && onExternalChange) {\r\n      onExternalChange(tempValue);\r\n    }\r\n    setIsOpen(false);\r\n  };\r\n\r\n  const handleCancel = () => {\r\n    setTempValue(displayValue); // Use displayValue instead of value\r\n    setIsOpen(false);\r\n  };\r\n\r\n  const handleClear = () => {\r\n    const newValue = mode === \"single\" ? null : { from: null, to: null };\r\n    setTempValue(newValue);\r\n\r\n    if (!onlyExternal) {\r\n      onChange(newValue);\r\n      setDisplayValue(newValue);\r\n    } else {\r\n      // For onlyExternal, update the display value but don't call onChange\r\n      setDisplayValue(newValue);\r\n    }\r\n\r\n    if (externalSearch && onExternalChange) {\r\n      onExternalChange(newValue);\r\n    }\r\n    setIsOpen(false);\r\n  };\r\n\r\n  const displayText = () => {\r\n    const valueToDisplay = onlyExternal ? displayValue : value;\r\n\r\n    if (!valueToDisplay) return placeholder;\r\n\r\n    if (mode === \"single\") {\r\n      return format(valueToDisplay, \"PPP\");\r\n    }\r\n\r\n    if (valueToDisplay.from && valueToDisplay.to) {\r\n      return `${format(valueToDisplay.from, \"MMM dd\")} - ${format(valueToDisplay.to, \"MMM dd, yyyy\")}`;\r\n    }\r\n\r\n    if (valueToDisplay.from) {\r\n      return `From ${format(valueToDisplay.from, \"MMM dd, yyyy\")}`;\r\n    }\r\n\r\n    if (valueToDisplay.to) {\r\n      return `To ${format(valueToDisplay.to, \"MMM dd, yyyy\")}`;\r\n    }\r\n\r\n    return placeholder;\r\n  };\r\n\r\n  const handleCalendarSelect = (selectedValue: any) => {\r\n    if (mode === \"single\") {\r\n      setTempValue(selectedValue);\r\n    } else {\r\n      setTempValue(selectedValue || { from: null, to: null });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Popover open={isOpen} onOpenChange={setIsOpen}>\r\n      <PopoverTrigger asChild>\r\n        <Button\r\n          variant=\"outline\"\r\n          className={cn(\r\n            \"w-full justify-start text-left font-normal h-9\",\r\n            !displayText() && \"text-muted-foreground\"\r\n          )}\r\n        >\r\n          <CalendarIcon className=\"mr-2 h-4 w-4\" />\r\n          {displayText()}\r\n        </Button>\r\n      </PopoverTrigger>\r\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\r\n        <div className=\"p-3\">\r\n          <Calendar\r\n            mode={mode}\r\n            selected={tempValue}\r\n            onSelect={handleCalendarSelect}\r\n            numberOfMonths={mode === \"range\" ? 2 : 1}\r\n            className=\"rounded-md border\"\r\n            {...(mode === \"range\" && { required: true })}\r\n          />\r\n        </div>\r\n        <div className=\"flex items-center justify-between p-3 border-t\">\r\n          <Button variant=\"ghost\" size=\"sm\" onClick={handleClear}>\r\n            Clear\r\n          </Button>\r\n          <div className=\"flex gap-2\">\r\n            <Button variant=\"outline\" size=\"sm\" onClick={handleCancel}>\r\n              Cancel\r\n            </Button>\r\n            <Button\r\n              size=\"sm\"\r\n              onClick={handleApply}\r\n              disabled={mode === \"range\" && (!tempValue?.from || !tempValue?.to)}\r\n            >\r\n              Apply\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      </PopoverContent>\r\n    </Popover>\r\n  );\r\n}","import * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  )\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n","import * as React from \"react\"\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from \"lucide-react\"\nimport { DayButton, DayPicker, getDefaultClassNames } from \"react-day-picker\"\n\nimport { cn } from \"../../lib/utils.js\"\nimport { Button, buttonVariants } from \"../ui/button.jsx\"\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  captionLayout = \"label\",\n  buttonVariant = \"ghost\",\n  formatters,\n  components,\n  ...props\n}: React.ComponentProps<typeof DayPicker> & {\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n}) {\n  const defaultClassNames = getDefaultClassNames()\n\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\n        \"bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent\",\n        String.raw`rtl:**:[.rdp-button\\_next>svg]:rotate-180`,\n        String.raw`rtl:**:[.rdp-button\\_previous>svg]:rotate-180`,\n        className\n      )}\n      captionLayout={captionLayout}\n      formatters={{\n        formatMonthDropdown: (date) =>\n          date.toLocaleString(\"default\", { month: \"short\" }),\n        ...formatters,\n      }}\n      classNames={{\n        root: cn(\"w-fit\", defaultClassNames.root),\n        months: cn(\n          \"flex gap-4 flex-col md:flex-row relative\",\n          defaultClassNames.months\n        ),\n        month: cn(\"flex flex-col w-full gap-4\", defaultClassNames.month),\n        nav: cn(\n          \"flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between\",\n          defaultClassNames.nav\n        ),\n        button_previous: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_previous\n        ),\n        button_next: cn(\n          buttonVariants({ variant: buttonVariant }),\n          \"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none\",\n          defaultClassNames.button_next\n        ),\n        month_caption: cn(\n          \"flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)\",\n          defaultClassNames.month_caption\n        ),\n        dropdowns: cn(\n          \"w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5\",\n          defaultClassNames.dropdowns\n        ),\n        dropdown_root: cn(\n          \"relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md\",\n          defaultClassNames.dropdown_root\n        ),\n        dropdown: cn(\n          \"absolute bg-popover inset-0 opacity-0\",\n          defaultClassNames.dropdown\n        ),\n        caption_label: cn(\n          \"select-none font-medium\",\n          captionLayout === \"label\"\n            ? \"text-sm\"\n            : \"rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5\",\n          defaultClassNames.caption_label\n        ),\n        table: \"w-full border-collapse\",\n        weekdays: cn(\"flex\", defaultClassNames.weekdays),\n        weekday: cn(\n          \"text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none\",\n          defaultClassNames.weekday\n        ),\n        week: cn(\"flex w-full mt-2\", defaultClassNames.week),\n        week_number_header: cn(\n          \"select-none w-(--cell-size)\",\n          defaultClassNames.week_number_header\n        ),\n        week_number: cn(\n          \"text-[0.8rem] select-none text-muted-foreground\",\n          defaultClassNames.week_number\n        ),\n        day: cn(\n          \"relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none\",\n          defaultClassNames.day\n        ),\n        range_start: cn(\n          \"rounded-l-md bg-accent\",\n          defaultClassNames.range_start\n        ),\n        range_middle: cn(\"rounded-none\", defaultClassNames.range_middle),\n        range_end: cn(\"rounded-r-md bg-accent\", defaultClassNames.range_end),\n        today: cn(\n          \"bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none\",\n          defaultClassNames.today\n        ),\n        outside: cn(\n          \"text-muted-foreground aria-selected:text-muted-foreground\",\n          defaultClassNames.outside\n        ),\n        disabled: cn(\n          \"text-muted-foreground opacity-50\",\n          defaultClassNames.disabled\n        ),\n        hidden: cn(\"invisible\", defaultClassNames.hidden),\n        ...classNames,\n      }}\n      components={{\n        Root: ({ className, rootRef, ...props }) => {\n          return (\n            <div\n              data-slot=\"calendar\"\n              ref={rootRef}\n              className={cn(className)}\n              {...props}\n            />\n          )\n        },\n        Chevron: ({ className, orientation, ...props }) => {\n          if (orientation === \"left\") {\n            return (\n              <ChevronLeftIcon className={cn(\"size-4\", className)} {...props} />\n            )\n          }\n\n          if (orientation === \"right\") {\n            return (\n              <ChevronRightIcon\n                className={cn(\"size-4\", className)}\n                {...props}\n              />\n            )\n          }\n\n          return (\n            <ChevronDownIcon className={cn(\"size-4\", className)} {...props} />\n          )\n        },\n        DayButton: CalendarDayButton,\n        WeekNumber: ({ children, ...props }) => {\n          return (\n            <td {...props}>\n              <div className=\"flex size-(--cell-size) items-center justify-center text-center\">\n                {children}\n              </div>\n            </td>\n          )\n        },\n        ...components,\n      }}\n      {...props}\n    />\n  )\n}\n\nfunction CalendarDayButton({\n  className,\n  day,\n  modifiers,\n  ...props\n}: React.ComponentProps<typeof DayButton>) {\n  const defaultClassNames = getDefaultClassNames()\n\n  const ref = React.useRef<HTMLButtonElement>(null)\n  React.useEffect(() => {\n    if (modifiers.focused) ref.current?.focus()\n  }, [modifiers.focused])\n\n  return (\n    <Button\n      ref={ref}\n      variant=\"ghost\"\n      size=\"icon\"\n      data-day={day.date.toLocaleDateString()}\n      data-selected-single={\n        modifiers.selected &&\n        !modifiers.range_start &&\n        !modifiers.range_end &&\n        !modifiers.range_middle\n      }\n      data-range-start={modifiers.range_start}\n      data-range-end={modifiers.range_end}\n      data-range-middle={modifiers.range_middle}\n      className={cn(\n        \"data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70\",\n        defaultClassNames.day,\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Calendar, CalendarDayButton }\n"],"mappings":"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","names":["Search","RefreshCw","Download","Settings2","Filter","ArrowUpDown","PinOff","Pin","ChevronDown","SlotPrimitive","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","jsx","Input","className","type","props","cn","SelectPrimitive","CheckIcon","ChevronDownIcon","ChevronUpIcon","jsx","jsxs","Select","props","SelectPrimitive","SelectValue","props","jsx","SelectPrimitive","SelectTrigger","className","size","children","jsxs","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectItem","className","children","props","jsxs","SelectPrimitive","cn","jsx","CheckIcon","SelectScrollUpButton","className","props","jsx","SelectPrimitive","cn","ChevronUpIcon","SelectScrollDownButton","ChevronDownIcon","DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","jsx","jsxs","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","jsx","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuLabel","className","inset","props","jsx","DropdownMenuPrimitive","cn","DropdownMenuSeparator","useState","useEffect","useState","CalendarIcon","format","PopoverPrimitive","jsx","Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","React","ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","DayPicker","getDefaultClassNames","jsx","Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","getDefaultClassNames","DayPicker","cn","date","buttonVariants","rootRef","orientation","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","children","day","modifiers","ref","Button","jsx","jsxs","DateFilter","value","onChange","placeholder","mode","externalSearch","onExternalChange","onlyExternal","isOpen","setIsOpen","useState","tempValue","setTempValue","displayValue","setDisplayValue","useEffect","handleApply","handleCancel","handleClear","newValue","displayText","valueToDisplay","format","handleCalendarSelect","selectedValue","Popover","PopoverTrigger","Button","cn","CalendarIcon","PopoverContent","Calendar","Fragment","jsx","jsxs","DataTableToolbar","table","filters","globalFilter","onGlobalFilterChange","enableGlobalFilter","onExport","onRefresh","loading","enableColumnVisibility","data","onClearSorting","onClearFilters","enableColumnPinning","onExternalSearch","onCustomFilterChange","externalFilterValues","setExternalFilterValues","useState","customFilterValues","setCustomFilterValues","getAllLeafColumns","column","getGroupColumns","col","getUngroupedLeafColumns","groupedColumnIds","group","c","getColumnDisplayName","columnId","groupName","word","handleExternalFilterChange","key","value","newValues","handleCustomFilterChange","f","handleExternalSearch","handleClearExternalFilters","getFilterValue","setFilterValue","filter","Filter","cn","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","option","DateFilter","Input","event","Button","Search","Download","DropdownMenu","DropdownMenuTrigger","ChevronDown","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuGroup","DropdownMenuCheckboxItem","Settings2","DropdownMenuItem","ArrowUpDown","PinOff","rightColumns","Pin","RefreshCw"]}

package/dist/components/data/data-table/data-table-types.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/data/data-table/data-table-types.ts"],"sourcesContent":["import type { ColumnDef, Table, Row, Column } from \"@tanstack/react-table\";\r\nimport type { LucideIcon } from \"lucide-react\";\r\n\r\ntype Paths<T, Prefix extends string = ''> = T extends object\r\n  ? {\r\n    [K in keyof T]: K extends string\r\n    ? T[K] extends object\r\n    ? Paths<T[K], `${Prefix}${K}.`> | `${Prefix}${K}`\r\n    : `${Prefix}${K}`\r\n    : never;\r\n  }[keyof T]\r\n  : never;\r\n\r\nexport type FilterConfig<T> = {\r\n  key: Paths<T>;\r\n  placeholder: string;\r\n  type?: \"text\" | \"select\" | \"date\" | \"number\";\r\n  options?: { label: string; value: string }[];\r\n  width?: string;\r\n  icon?: LucideIcon;\r\n  externalSearch?: boolean;\r\n  onlyExternal?: boolean;\r\n  searchButtonText?: string;\r\n  dateMode?: \"single\" | \"range\";\r\n  dateFormat?: string;\r\n  applyLocally?: boolean;\r\n};\r\n\r\nexport type PaginationConfig = {\r\n  enabled: boolean;\r\n  pageSize?: number;\r\n  pageSizeOptions?: number[];\r\n  showInfo?: boolean;\r\n  showPageNumbers?: boolean;\r\n};\r\n\r\nexport type TableSettings = {\r\n  hideHeader?: boolean;\r\n  enableSorting?: boolean;\r\n  toolbar?: boolean;\r\n  enableFiltering?: boolean;\r\n  enableGlobalFilter?: boolean;\r\n  enableColumnVisibility?: boolean;\r\n  enableRowSelection?: boolean;\r\n  enableColumnResizing?: boolean;\r\n  enableColumnPinning?: boolean;\r\n  fixedCheckboxColumn?: boolean;\r\n  stickyHeader?: boolean;\r\n  showSerialNumbers?: boolean;\r\n  striped?: boolean;\r\n  hoverable?: boolean;\r\n  compact?: boolean;\r\n  bordered?: boolean;\r\n  fullHeight?: boolean;\r\n  selectionMode?: \"single\" | \"multiple\";\r\n  showCheckBox?: boolean,\r\n  checkboxColumnPosition?: number;\r\n};\r\n\r\nexport type GroupColumnDef<TData> = ColumnDef<TData> & {\r\n  columns?: GroupColumnDef<TData>[];\r\n  enablePinning?: boolean;\r\n  headerAlign?: 'left' | 'center' | 'right';\r\n};\r\n\r\nexport type DataTableProps<TData> = {\r\n  data: TData[];\r\n  columns: GroupColumnDef<TData>[];\r\n  filters?: FilterConfig<TData>[];\r\n  pagination?: PaginationConfig;\r\n  settings?: TableSettings;\r\n  header?: React.ReactNode;\r\n  footer?: React.ReactNode;\r\n  className?: string;\r\n  maxHeight?: string;\r\n  loading?: boolean;\r\n  error?: string;\r\n  emptyMessage?: string;\r\n  onRowSelectionChange?: (selectedRows: TData[]) => void;\r\n  onExport?: (data: TData[]) => void;\r\n  onRefresh?: () => void;\r\n  onTableReady?: (table: Table<TData>) => void;\r\n  children?: (table: Table<TData>) => React.ReactNode;\r\n  isRowDisabled?: (row: TData) => boolean;\r\n  isRowSelectable?: (row: TData) => boolean;\r\n  onExternalSearch?: (filters: Record<string, any>) => void;\r\n};"],"mappings":";+WAAA,IAAAA,EAAA,kBAAAC,EAAAD","names":["data_table_types_exports","__toCommonJS"]}
+{"version":3,"sources":["../../../../src/components/data/data-table/data-table-types.ts"],"sourcesContent":["import type { ColumnDef, Table, Row, Column } from \"@tanstack/react-table\";\r\nimport type { LucideIcon } from \"lucide-react\";\r\n\r\ntype Paths<T, Prefix extends string = ''> = T extends object\r\n  ? {\r\n    [K in keyof T]: K extends string\r\n    ? T[K] extends object\r\n    ? Paths<T[K], `${Prefix}${K}.`> | `${Prefix}${K}`\r\n    : `${Prefix}${K}`\r\n    : never;\r\n  }[keyof T]\r\n  : never;\r\n\r\nexport type FilterConfig<T> = {\r\n  key: Paths<T>;\r\n  placeholder: string;\r\n  type?: \"text\" | \"select\" | \"date\" | \"number\";\r\n  options?: { label: string; value: string }[];\r\n  width?: string;\r\n  icon?: LucideIcon;\r\n  externalSearch?: boolean;\r\n  onlyExternal?: boolean;\r\n  searchButtonText?: string;\r\n  dateMode?: \"single\" | \"range\";\r\n  dateFormat?: string;\r\n  applyLocally?: boolean;\r\n  customFilter?: boolean;\r\n};\r\n\r\nexport type PaginationConfig = {\r\n  enabled: boolean;\r\n  pageSize?: number;\r\n  pageSizeOptions?: number[];\r\n  showInfo?: boolean;\r\n  showPageNumbers?: boolean;\r\n};\r\n\r\nexport type TableSettings = {\r\n  hideHeader?: boolean;\r\n  enableSorting?: boolean;\r\n  toolbar?: boolean;\r\n  enableFiltering?: boolean;\r\n  enableGlobalFilter?: boolean;\r\n  enableColumnVisibility?: boolean;\r\n  enableRowSelection?: boolean;\r\n  enableColumnResizing?: boolean;\r\n  enableColumnPinning?: boolean;\r\n  fixedCheckboxColumn?: boolean;\r\n  stickyHeader?: boolean;\r\n  showSerialNumbers?: boolean;\r\n  striped?: boolean;\r\n  hoverable?: boolean;\r\n  compact?: boolean;\r\n  bordered?: boolean;\r\n  fullHeight?: boolean;\r\n  selectionMode?: \"single\" | \"multiple\";\r\n  showCheckBox?: boolean,\r\n  checkboxColumnPosition?: number;\r\n};\r\n\r\nexport type GroupColumnDef<TData> = ColumnDef<TData> & {\r\n  columns?: GroupColumnDef<TData>[];\r\n  enablePinning?: boolean;\r\n  headerAlign?: 'left' | 'center' | 'right';\r\n};\r\n\r\nexport type DataTableProps<TData> = {\r\n  data: TData[];\r\n  columns: GroupColumnDef<TData>[];\r\n  filters?: FilterConfig<TData>[];\r\n  pagination?: PaginationConfig;\r\n  settings?: TableSettings;\r\n  header?: React.ReactNode;\r\n  footer?: React.ReactNode;\r\n  className?: string;\r\n  maxHeight?: string;\r\n  loading?: boolean;\r\n  error?: string;\r\n  emptyMessage?: string;\r\n  onRowSelectionChange?: (selectedRows: TData[]) => void;\r\n  onExport?: (data: TData[]) => void;\r\n  onRefresh?: () => void;\r\n  onTableReady?: (table: Table<TData>) => void;\r\n  children?: (table: Table<TData>) => React.ReactNode;\r\n  isRowDisabled?: (row: TData) => boolean;\r\n  isRowSelectable?: (row: TData) => boolean;\r\n  onExternalSearch?: (filters: Record<string, any>) => void;\r\n};"],"mappings":";+WAAA,IAAAA,EAAA,kBAAAC,EAAAD","names":["data_table_types_exports","__toCommonJS"]}

package/dist/components/data/data-table/data-table-types.d.cts

@@ -20,6 +20,7 @@ type FilterConfig<T> = {
     dateMode?: "single" | "range";
     dateFormat?: string;
     applyLocally?: boolean;
+    customFilter?: boolean;
 };
 type PaginationConfig = {
     enabled: boolean;

package/dist/components/data/data-table/data-table-types.d.ts

@@ -20,6 +20,7 @@ type FilterConfig<T> = {
     dateMode?: "single" | "range";
     dateFormat?: string;
     applyLocally?: boolean;
+    customFilter?: boolean;
 };
 type PaginationConfig = {
     enabled: boolean;