@akshar-technosoft/ui 1.0.25 → 1.1.0

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

@@ -1,3 +0,0 @@
-"use client"
-"use strict";var rt=Object.create;var Y=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,lt=Object.prototype.hasOwnProperty;var mt=(o,a)=>{for(var s in a)Y(o,s,{get:a[s],enumerable:!0})},Ne=(o,a,s,m)=>{if(a&&typeof a=="object"||typeof a=="function")for(let f of st(a))!lt.call(o,f)&&f!==s&&Y(o,f,{get:()=>a[f],enumerable:!(m=it(a,f))||m.enumerable});return o};var ct=(o,a,s)=>(s=o!=null?rt(dt(o)):{},Ne(a||!o||!o.__esModule?Y(s,"default",{value:o,enumerable:!0}):s,o)),ut=o=>Ne(Y({},"__esModule",{value:!0}),o);var bt={};mt(bt,{DataTableToolbar:()=>vt});module.exports=ut(bt);var l=require("lucide-react");var ze=require("radix-ui"),Re=require("class-variance-authority");var ke=require("clsx"),Me=require("tailwind-merge");function n(...o){return(0,Me.twMerge)((0,ke.clsx)(o))}var _e=require("react/jsx-runtime"),Z=(0,Re.cva)("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:o,variant:a,size:s,asChild:m=!1,...f}){let b=m?ze.Slot.Slot:"button";return(0,_e.jsx)(b,{"data-slot":"button",className:n(Z({variant:a,size:s,className:o}),"transition-none"),...f})}var Se=require("react/jsx-runtime");function pe({className:o,type:a,...s}){return(0,Se.jsx)("input",{type:a,"data-slot":"input",className: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","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",o),...s})}var T=require("cmdk"),Ie=require("lucide-react");var pt=require("radix-ui"),gt=require("lucide-react");var Te=require("react/jsx-runtime");var N=require("react/jsx-runtime");function Fe({className:o,...a}){return(0,N.jsx)(T.Command,{"data-slot":"command",className:n("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",o),...a})}function Ae({className:o,...a}){return(0,N.jsxs)("div",{"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b px-3",children:[(0,N.jsx)(Ie.SearchIcon,{className:"size-4 shrink-0 opacity-50"}),(0,N.jsx)(T.Command.Input,{"data-slot":"command-input",className:n("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",o),...a})]})}function Ve({className:o,...a}){return(0,N.jsx)(T.Command.List,{"data-slot":"command-list",className:n("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",o),...a})}function Le({...o}){return(0,N.jsx)(T.Command.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...o})}function Be({className:o,...a}){return(0,N.jsx)(T.Command.Group,{"data-slot":"command-group",className:n("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",o),...a})}function ge({className:o,...a}){return(0,N.jsx)(T.Command.Item,{"data-slot":"command-item",className:n("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",o),...a})}var x=require("radix-ui"),E=require("lucide-react");var g=require("react/jsx-runtime");function j({...o}){return(0,g.jsx)(x.DropdownMenu.Root,{"data-slot":"dropdown-menu",...o})}function H({...o}){return(0,g.jsx)(x.DropdownMenu.Trigger,{"data-slot":"dropdown-menu-trigger",...o})}function $({className:o,sideOffset:a=4,...s}){return(0,g.jsx)(x.DropdownMenu.Portal,{children:(0,g.jsx)(x.DropdownMenu.Content,{"data-slot":"dropdown-menu-content",sideOffset:a,className: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",o),...s})})}function fe({...o}){return(0,g.jsx)(x.DropdownMenu.Group,{"data-slot":"dropdown-menu-group",...o})}function I({className:o,inset:a,variant:s="default",...m}){return(0,g.jsx)(x.DropdownMenu.Item,{"data-slot":"dropdown-menu-item","data-inset":a,"data-variant":s,className: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",o),...m})}function ee({className:o,children:a,checked:s,...m}){return(0,g.jsxs)(x.DropdownMenu.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className: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",o),checked:s,...m,children:[(0,g.jsx)("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:(0,g.jsx)(x.DropdownMenu.ItemIndicator,{children:(0,g.jsx)(E.CheckIcon,{className:"size-4"})})}),a]})}function z({className:o,inset:a,...s}){return(0,g.jsx)(x.DropdownMenu.Label,{"data-slot":"dropdown-menu-label","data-inset":a,className:n("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",o),...s})}function L({className:o,...a}){return(0,g.jsx)(x.DropdownMenu.Separator,{"data-slot":"dropdown-menu-separator",className:n("bg-border -mx-1 my-1 h-px",o),...a})}function Oe({...o}){return(0,g.jsx)(x.DropdownMenu.Sub,{"data-slot":"dropdown-menu-sub",...o})}function Ge({className:o,inset:a,children:s,...m}){return(0,g.jsxs)(x.DropdownMenu.SubTrigger,{"data-slot":"dropdown-menu-sub-trigger","data-inset":a,className: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",o),...m,children:[s,(0,g.jsx)(E.ChevronRightIcon,{className:"ml-auto size-4"})]})}function Ee({className:o,...a}){return(0,g.jsx)(x.DropdownMenu.SubContent,{"data-slot":"dropdown-menu-sub-content",className: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",o),...a})}var X=require("react");var G=require("react"),He=require("lucide-react"),O=require("date-fns");var q=require("radix-ui");var U=require("react/jsx-runtime");function te({...o}){return(0,U.jsx)(q.Popover.Root,{"data-slot":"popover",...o})}function oe({...o}){return(0,U.jsx)(q.Popover.Trigger,{"data-slot":"popover-trigger",...o})}function ne({className:o,align:a="center",sideOffset:s=4,...m}){return(0,U.jsx)(q.Popover.Portal,{children:(0,U.jsx)(q.Popover.Content,{"data-slot":"popover-content",align:a,sideOffset:s,className: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",o),...m})})}var ae=ct(require("react"),1),B=require("lucide-react"),W=require("react-day-picker");var k=require("react/jsx-runtime");function je({className:o,classNames:a,showOutsideDays:s=!0,captionLayout:m="label",buttonVariant:f="ghost",formatters:b,components:w,...F}){let d=(0,W.getDefaultClassNames)();return(0,k.jsx)(W.DayPicker,{showOutsideDays:s,className:n("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`,o),captionLayout:m,formatters:{formatMonthDropdown:p=>p.toLocaleString("default",{month:"short"}),...b},classNames:{root:n("w-fit",d.root),months:n("flex gap-4 flex-col md:flex-row relative",d.months),month:n("flex flex-col w-full gap-4",d.month),nav:n("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",d.nav),button_previous:n(Z({variant:f}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",d.button_previous),button_next:n(Z({variant:f}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",d.button_next),month_caption:n("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",d.month_caption),dropdowns:n("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",d.dropdowns),dropdown_root:n("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",d.dropdown_root),dropdown:n("absolute bg-popover inset-0 opacity-0",d.dropdown),caption_label:n("select-none font-medium",m==="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",d.caption_label),table:"w-full border-collapse",weekdays:n("flex",d.weekdays),weekday:n("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",d.weekday),week:n("flex w-full mt-2",d.week),week_number_header:n("select-none w-(--cell-size)",d.week_number_header),week_number:n("text-[0.8rem] select-none text-muted-foreground",d.week_number),day: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",d.day),range_start:n("rounded-l-md bg-accent",d.range_start),range_middle:n("rounded-none",d.range_middle),range_end:n("rounded-r-md bg-accent",d.range_end),today:n("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",d.today),outside:n("text-muted-foreground aria-selected:text-muted-foreground",d.outside),disabled:n("text-muted-foreground opacity-50",d.disabled),hidden:n("invisible",d.hidden),...a},components:{Root:({className:p,rootRef:y,...D})=>(0,k.jsx)("div",{"data-slot":"calendar",ref:y,className:n(p),...D}),Chevron:({className:p,orientation:y,...D})=>y==="left"?(0,k.jsx)(B.ChevronLeftIcon,{className:n("size-4",p),...D}):y==="right"?(0,k.jsx)(B.ChevronRightIcon,{className:n("size-4",p),...D}):(0,k.jsx)(B.ChevronDownIcon,{className:n("size-4",p),...D}),DayButton:ft,WeekNumber:({children:p,...y})=>(0,k.jsx)("td",{...y,children:(0,k.jsx)("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:p})}),...w},...F})}function ft({className:o,day:a,modifiers:s,...m}){let f=(0,W.getDefaultClassNames)(),b=ae.useRef(null);return ae.useEffect(()=>{s.focused&&b.current?.focus()},[s.focused]),(0,k.jsx)(v,{ref:b,variant:"ghost",size:"icon","data-day":a.date.toLocaleDateString(),"data-selected-single":s.selected&&!s.range_start&&!s.range_end&&!s.range_middle,"data-range-start":s.range_start,"data-range-end":s.range_end,"data-range-middle":s.range_middle,className: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",f.day,o),...m})}var h=require("react/jsx-runtime");function $e({value:o,onChange:a,placeholder:s,mode:m,externalSearch:f,onExternalChange:b,onlyExternal:w=!1}){let[F,d]=(0,G.useState)(!1),[p,y]=(0,G.useState)(o),[D,R]=(0,G.useState)(o);(0,G.useEffect)(()=>{w||R(o)},[o,w]);let A=()=>{w||a(p),R(p),f&&b&&b(p),d(!1)},V=()=>{y(D),d(!1)},M=()=>{let c=m==="single"?null:{from:null,to:null};y(c),w||a(c),R(c),f&&b&&b(c),d(!1)},P=()=>{let c=w?D:o;return c?m==="single"?(0,O.format)(c,"PPP"):c.from&&c.to?`${(0,O.format)(c.from,"MMM dd")} - ${(0,O.format)(c.to,"MMM dd, yyyy")}`:c.from?`From ${(0,O.format)(c.from,"MMM dd, yyyy")}`:c.to?`To ${(0,O.format)(c.to,"MMM dd, yyyy")}`:s:s},_=c=>{y(m==="single"?c:c||{from:null,to:null})};return(0,h.jsxs)(te,{open:F,onOpenChange:d,children:[(0,h.jsx)(oe,{className:"h-8",asChild:!0,children:(0,h.jsxs)(v,{variant:"outline",className:n("w-full justify-start text-left font-normal h-9",!P()&&"text-muted-foreground"),children:[(0,h.jsx)(He.Calendar,{className:"mr-2 h-4 w-4"}),P()]})}),(0,h.jsxs)(ne,{className:"w-auto p-0",align:"start",children:[(0,h.jsx)("div",{className:"p-3",children:(0,h.jsx)(je,{mode:m,selected:p,onSelect:_,numberOfMonths:m==="range"?2:1,className:"rounded-md border",...m==="range"&&{required:!0}})}),(0,h.jsxs)("div",{className:"flex items-center justify-between p-3 border-t",children:[(0,h.jsx)(v,{variant:"ghost",size:"sm",onClick:M,children:"Clear"}),(0,h.jsxs)("div",{className:"flex gap-2",children:[(0,h.jsx)(v,{variant:"outline",size:"sm",onClick:V,children:"Cancel"}),(0,h.jsx)(v,{size:"sm",onClick:A,disabled:m==="range"&&(!p?.from||!p?.to),children:"Apply"})]})]})]})]})}var ve=require("radix-ui"),qe=require("lucide-react");var re=require("react/jsx-runtime");function Ue({className:o,...a}){return(0,re.jsx)(ve.Checkbox.Root,{"data-slot":"checkbox",className:n("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",o),...a,children:(0,re.jsx)(ve.Checkbox.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:(0,re.jsx)(qe.CheckIcon,{className:"size-3.5"})})})}var t=require("react/jsx-runtime"),We=[{value:"sum",label:"Sum",description:"Total of all values"},{value:"average",label:"Average",description:"Mean value"},{value:"min",label:"Minimum",description:"Smallest value"},{value:"max",label:"Maximum",description:"Largest value"},{value:"count",label:"Count",description:"Number of rows"},{value:"unique",label:"Unique",description:"Count of distinct values"},{value:"median",label:"Median",description:"Middle value"}];function vt({table:o,filters:a=[],globalFilter:s,onGlobalFilterChange:m,enableGlobalFilter:f=!0,onExport:b,onRefresh:w,loading:F=!1,enableColumnVisibility:d=!0,data:p,onClearSorting:y,onClearFilters:D,enableColumnPinning:R=!1,onExternalSearch:A,onCustomFilterChange:V,aggregations:M={},onAggregationChange:P,enableGroupedGlobalFilter:_=!1,groupedFilterLabel:c="Search in",onGroupedFilterChange:J}){let[be,xe]=(0,X.useState)({}),[ie,he]=(0,X.useState)({}),[ye,Xe]=(0,X.useState)({}),[K,Je]=(0,X.useState)("all"),se=()=>o.getAllLeafColumns().filter(e=>e.getCanHide?.()!==!1),Ce=()=>o.getAllColumns().filter(e=>!o.getAllLeafColumns().includes(e)&&e.columns?.length&&e.columns.some(r=>r.getCanHide?.()!==!1)),we=()=>{let e=new Set(Ce().flatMap(r=>r.columns?.filter(i=>i.getCanHide?.()!==!1).map(i=>i.id)||[]));return se().filter(r=>!e.has(r.id))},de=(e,r)=>r&&e.startsWith(`${r}.`)?e.replace(`${r}.`,"").split("_").map(u=>u.slice(1)).join(" "):e.split("_").map(i=>i.charAt(0).toUpperCase()+i.slice(1)).join(" "),le=(e,r)=>{let i={...be,[e]:r};xe(i)},Ke=(e,r)=>{let i={...ie,[e]:r};he(i),V&&V(e,r),a.find(u=>u.key===e)?.externalSearch&&le(e,r)},Qe=()=>{A&&A(be)},Ye=()=>{xe({}),he({}),D(),A&&A({}),V&&Object.keys(ie).forEach(e=>{V(e,"")})},S=e=>a.find(i=>i.key===e)?.customFilter?ie[e]??"":o.getColumn(e)?.getFilterValue(),Q=(e,r)=>{let i=a.find(u=>u.key===e);i?.customFilter?Ke(e,r):(o.getColumn(e)?.setFilterValue(r),i?.externalSearch&&le(e,r))},me=(e,r)=>{Xe(i=>({...i,[e]:r}))},Ze=e=>{if(P){let r=M[e],i={enabled:!r?.enabled,functions:r?.functions||["sum","average"]};P(e,i)}},et=(e,r)=>{if(P){let u=M[e]?.functions||[],C=u.includes(r)?u.filter(at=>at!==r):[...u,r];P(e,{enabled:C.length>0,functions:C})}},De=()=>{P&&Object.keys(M).forEach(e=>{let r=M[e];r&&P(e,{...r,enabled:!1,functions:[]})})},tt=()=>se().filter(e=>e.id==="select"||e.id==="serialNumber"?!1:e.columnDef.meta?.aggregatable?!0:o.getRowModel().rows.slice(0,5).some(u=>{let C=u.getValue(e.id);return typeof C=="number"||typeof C=="string"&&!isNaN(parseFloat(String(C)))||typeof C=="object"&&C!==null&&"props"in C})),ot=e=>{Je(e),J&&J(e,s)},nt=e=>{m(e),J&&_&&J(K,e)},ce=tt(),ue=Object.values(M).some(e=>e?.enabled),Pe=[{value:"all",label:"All Fields"},...a.map(e=>({value:e.key,label:e.placeholder}))];return(0,t.jsx)("div",{className:"rounded-xl",children:(0,t.jsx)("div",{className:"px-2",children:(0,t.jsx)("div",{className:"flex flex-col gap-6",children:(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("div",{className:"flex items-center gap-3",children:a.length>0&&(0,t.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,t.jsx)("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:(0,t.jsx)(l.Filter,{className:"size-4"})}),a.map(e=>!o.getColumn(e.key)&&!e.customFilter&&!e.externalSearch?null:(0,t.jsx)("div",{className:n("relative min-w-[150px]",e.width),children:e.type==="select"?(0,t.jsxs)(te,{open:ye[e.key],onOpenChange:i=>me(e.key,i),children:[(0,t.jsx)(oe,{asChild:!0,children:(0,t.jsxs)("div",{className:"relative w-full",children:[e.icon&&(0,t.jsx)(e.icon,{className:"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground pointer-events-none z-10"}),(0,t.jsxs)(v,{variant:"outline",role:"combobox","aria-expanded":ye[e.key],className:n("h-8 sm:h-8 rounded-lg w-full justify-between font-normal",!S(e.key)&&"text-muted-foreground"),children:[(0,t.jsx)("span",{className:n("truncate",e.icon&&"pl-6"),children:S(e.key)?e.options?.find(i=>i.value===S(e.key))?.label:e.placeholder}),(0,t.jsx)(l.ChevronDown,{className:"ml-2 opacity-50 size-4 shrink-0"})]})]})}),(0,t.jsx)(ne,{className:"w-[--radix-popover-trigger-width] p-0 rounded-lg",children:(0,t.jsxs)(Fe,{className:"rounded-lg",children:[(0,t.jsx)(Ae,{placeholder:`Search ${e.placeholder?.toLowerCase()}...`}),(0,t.jsxs)(Ve,{children:[(0,t.jsx)(Le,{children:"No option found."}),(0,t.jsxs)(Be,{children:[(0,t.jsxs)(ge,{value:"all",onSelect:()=>{Q(e.key,""),me(e.key,!1)},className:"flex items-center cursor-pointer",children:[(0,t.jsx)(l.Check,{className:n("mr-2 size-4 shrink-0",S(e.key)?"opacity-0":"opacity-100")}),(0,t.jsx)("span",{children:"All"})]}),e.options?.map(i=>(0,t.jsxs)(ge,{value:i.label,onSelect:()=>{Q(e.key,i.value),me(e.key,!1)},className:"flex items-center cursor-pointer",children:[(0,t.jsx)(l.Check,{className:n("mr-2 size-4 shrink-0",S(e.key)===i.value?"opacity-100":"opacity-0")}),(0,t.jsx)("span",{children:i.label})]},i.label))]})]})]})})]}):e.type==="date"?(0,t.jsx)($e,{value:S(e.key),onChange:i=>{e.onlyExternal||Q(e.key,i)},placeholder:e.placeholder,mode:e.dateMode||"single",externalSearch:e.externalSearch,onlyExternal:e.onlyExternal,onExternalChange:i=>le(e.key,i)}):(0,t.jsxs)("div",{className:"relative",children:[e.icon&&(0,t.jsx)(e.icon,{className:"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground"}),(0,t.jsx)(pe,{placeholder:e.placeholder,value:S(e.key)??"",onChange:i=>{Q(e.key,i.target.value)},className:n("h-8 rounded-lg",e.icon&&"pl-9"),type:e.type==="number"?"number":"text"})]})},e.key)),(a.some(e=>e.externalSearch)||a.some(e=>e.customFilter))&&(0,t.jsxs)(v,{variant:"default",size:"sm",onClick:Qe,className:"rounded-lg h-7",children:[(0,t.jsx)(l.Search,{className:"size-4"}),a.find(e=>e.externalSearch||e.customFilter)?.searchButtonText||"Search"]})]})}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[f&&(0,t.jsxs)("div",{className:n("flex items-center",_?"bg-background border rounded-lg":""),children:[_&&(0,t.jsxs)(j,{children:[(0,t.jsx)(H,{asChild:!0,children:(0,t.jsxs)(v,{variant:"ghost",size:"sm",className:"gap-1 border-0 border-r rounded-r-none hover:bg-transparent",children:[(0,t.jsx)("span",{className:"text-sm font-medium",children:c}),(0,t.jsx)(l.ChevronDown,{className:"opacity-50 size-4"})]})}),(0,t.jsx)($,{align:"end",className:"w-48 rounded-lg",children:Pe.map(e=>(0,t.jsxs)(I,{onClick:()=>ot(e.value),className:"flex items-center justify-between",children:[(0,t.jsx)("span",{children:e.label}),K===e.value&&(0,t.jsx)(l.Check,{className:"size-4 text-primary"})]},e.value))})]}),(0,t.jsxs)("div",{className:"relative flex-1",children:[(0,t.jsx)(l.Search,{className:"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground"}),(0,t.jsx)(pe,{placeholder:_&&K!=="all"?`Search in ${Pe.find(e=>e.value===K)?.label}...`:"Global search...",value:s??"",onChange:e=>nt(e.target.value),className:n("pl-9 h-8 max-w-max",_&&"border-0 rounded-l-none")})]})]}),ce.length>0&&P&&(0,t.jsxs)(j,{children:[(0,t.jsx)(H,{asChild:!0,children:(0,t.jsxs)(v,{variant:"outline",size:"sm",className:n("rounded-lg gap-1",ue&&"bg-primary/10 dark:bg-primary/10 border-primary/20 dark:border-primary/20"),children:[(0,t.jsx)(l.Calculator,{className:"size-4"}),(0,t.jsx)("span",{children:"Aggregations"}),(0,t.jsx)(l.ChevronDown,{className:"opacity-50 size-4"})]})}),(0,t.jsxs)($,{align:"end",className:"w-64 rounded-lg max-h-[500px] overflow-y-auto",children:[(0,t.jsxs)(z,{className:"flex items-center justify-between px-4 py-2",children:[(0,t.jsx)("span",{className:"text-sm font-medium",children:"Column Aggregations"}),ue&&(0,t.jsx)(v,{variant:"ghost",size:"sm",onClick:De,className:"h-6 px-2 text-xs",children:"Clear All"})]}),(0,t.jsx)(L,{}),ce.map(e=>{let r=M[e.id],i=r?.enabled;return(0,t.jsxs)(Oe,{children:[(0,t.jsx)(Ge,{className:"text-sm",children:(0,t.jsxs)("div",{className:"flex items-center w-full gap-2",children:[(0,t.jsx)(Ue,{checked:i,onCheckedChange:()=>Ze(e.id),className:"data-[state=checked]:bg-primary"}),(0,t.jsx)("span",{className:n("flex-1",i&&"font-medium text-primary"),children:de(e.id)}),i&&(0,t.jsxs)("div",{className:"flex items-center gap-1",children:[r?.functions?.slice(0,2).map(u=>(0,t.jsx)("div",{className:"w-2 h-2 rounded-full bg-primary",title:We.find(C=>C.value===u)?.label},u)),r?.functions&&r.functions.length>2&&(0,t.jsxs)("div",{className:"text-xs text-muted-foreground",children:["+",r.functions.length-2]})]})]})}),(0,t.jsxs)(Ee,{className:"w-48 rounded-lg",children:[(0,t.jsx)(z,{className:"px-3 py-2 text-xs font-medium text-muted-foreground",children:"Select Functions"}),We.map(u=>(0,t.jsx)(ee,{checked:r?.functions?.includes(u.value)||!1,onCheckedChange:()=>et(e.id,u.value),className:"py-2 text-sm",children:(0,t.jsxs)("div",{className:"flex flex-col",children:[(0,t.jsx)("span",{children:u.label}),(0,t.jsx)("span",{className:"text-xs text-muted-foreground",children:u.description})]})},u.value))]})]},e.id)}),ce.length===0&&(0,t.jsxs)("div",{className:"px-3 py-4 text-center",children:[(0,t.jsx)(l.Calculator,{className:"w-8 h-8 mx-auto mb-2 opacity-50 text-muted-foreground"}),(0,t.jsx)("p",{className:"text-sm text-muted-foreground",children:"No numeric columns available for aggregation"})]})]})]}),b&&(0,t.jsxs)(v,{variant:"outline",size:"sm",onClick:()=>b(p),className:"rounded-lg",children:[(0,t.jsx)(l.Download,{className:"size-4"}),"Export"]}),d&&(0,t.jsxs)(j,{children:[(0,t.jsx)(H,{asChild:!0,className:"h-7",children:(0,t.jsxs)(v,{variant:"outline",size:"sm",className:"gap-1 rounded-lg",children:[(0,t.jsx)("span",{children:"Columns"}),(0,t.jsx)(l.ChevronDown,{className:"opacity-50 size-4"})]})}),(0,t.jsxs)($,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[(0,t.jsx)(z,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),(0,t.jsx)(L,{}),we().length>0&&(0,t.jsxs)(fe,{children:[(0,t.jsx)(z,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),we().map(e=>(0,t.jsx)(ee,{className:"text-sm",checked:e.getIsVisible(),onCheckedChange:r=>e.toggleVisibility(!!r),children:de(e.id)},e.id))]}),Ce().map(e=>(0,t.jsxs)(fe,{children:[(0,t.jsx)(L,{}),(0,t.jsx)(z,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:e.id}),e.columns?.filter(r=>r.getCanHide?.()!==!1).map(r=>(0,t.jsx)(ee,{className:"text-sm",checked:r.getIsVisible(),onCheckedChange:i=>r.toggleVisibility(!!i),children:de(r.id,e.id)},r.id))]},e.id))]})]}),(0,t.jsxs)(j,{children:[(0,t.jsx)(H,{asChild:!0,className:"h-7",children:(0,t.jsx)(v,{variant:"outline",size:"sm",className:"rounded-lg h-7",children:(0,t.jsx)(l.Settings2,{className:"size-4"})})}),(0,t.jsxs)($,{align:"end",className:"w-[200px] rounded-lg",children:[(0,t.jsx)(z,{children:"Table Settings"}),(0,t.jsx)(L,{}),(0,t.jsxs)(I,{onClick:y,children:[(0,t.jsx)(l.ArrowUpDown,{className:"size-4"}),"Clear All Sorting"]}),(0,t.jsxs)(I,{onClick:Ye,children:[(0,t.jsx)(l.Filter,{className:"size-4"}),"Clear All Filters"]}),ue&&(0,t.jsxs)(I,{onClick:De,children:[(0,t.jsx)(l.Calculator,{className:"size-4"}),"Clear Aggregations"]}),R&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(L,{}),(0,t.jsx)(z,{children:"Column Pinning"}),(0,t.jsxs)(I,{onClick:()=>o.setColumnPinning({left:[],right:[]}),children:[(0,t.jsx)(l.PinOff,{className:"size-4"}),"Reset All Pinning"]}),(0,t.jsxs)(I,{onClick:()=>{let e=se().filter(r=>r.getCanPin?.()!==!1).map(r=>r.id);o.setColumnPinning({left:[],right:e})},children:[(0,t.jsx)(l.Pin,{className:"-rotate-90 size-4"}),"Pin All Right"]})]})]})]}),w&&(0,t.jsx)(v,{variant:"outline",size:"sm",onClick:w,disabled:F,className:"rounded-lg",children:(0,t.jsx)(l.RefreshCw,{className:n("h-4 w-4",F&&"animate-spin")})})]})]})})})})}0&&(module.exports={DataTableToolbar});
-//# sourceMappingURL=data-table-toolbar.cjs.map

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

@@ -1 +0,0 @@
-{"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/command.tsx","../../../../src/components/ui/dialog.tsx","../../../../src/components/ui/dropdown-menu.tsx","../../../../src/components/helper/date-filter.tsx","../../../../src/components/ui/popover.tsx","../../../../src/components/ui/calendar.tsx","../../../../src/components/ui/checkbox.tsx"],"sourcesContent":["import { Search, RefreshCw, Download, Settings2, Filter, ArrowUpDown, PinOff, Pin, ChevronDown, Calculator, Check } 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 {\r\n  Command,\r\n  CommandEmpty,\r\n  CommandGroup,\r\n  CommandInput,\r\n  CommandItem,\r\n  CommandList,\r\n  CommandSeparator,\r\n} from \"../../ui/command.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  DropdownMenuSub,\r\n  DropdownMenuSubContent,\r\n  DropdownMenuSubTrigger,\r\n} from \"../../ui/dropdown-menu.jsx\"\r\nimport { cn } from \"../../../lib/utils.js\"\r\nimport type { FilterConfig, AggregationConfig, AggregationFunction, AggregationConfigMap } from \"./data-table-types.js\"\r\nimport { useState } from \"react\"\r\nimport { DateFilter } from \"../../helper/date-filter.js\"\r\nimport { Checkbox } from \"../../ui/checkbox.jsx\"\r\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../ui/popover.jsx\"\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  aggregations?: AggregationConfigMap<TData>;\r\n  onAggregationChange?: (columnId: string, config: AggregationConfig<TData>) => void;\r\n  enableGroupedGlobalFilter?: boolean;\r\n  groupedFilterLabel?: string;\r\n  onGroupedFilterChange?: (group: string, value: string) => void;\r\n}\r\n\r\n// Available aggregation functions with labels\r\nconst AGGREGATION_FUNCTIONS: { value: AggregationFunction; label: string; description: string }[] = [\r\n  { value: 'sum', label: 'Sum', description: 'Total of all values' },\r\n  { value: 'average', label: 'Average', description: 'Mean value' },\r\n  { value: 'min', label: 'Minimum', description: 'Smallest value' },\r\n  { value: 'max', label: 'Maximum', description: 'Largest value' },\r\n  { value: 'count', label: 'Count', description: 'Number of rows' },\r\n  { value: 'unique', label: 'Unique', description: 'Count of distinct values' },\r\n  { value: 'median', label: 'Median', description: 'Middle value' },\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  aggregations = {},\r\n  onAggregationChange,\r\n  enableGroupedGlobalFilter = false,\r\n  groupedFilterLabel = \"Search in\",\r\n  onGroupedFilterChange,\r\n}: DataTableToolbarProps<TData>) {\r\n  const [externalFilterValues, setExternalFilterValues] = useState<Record<string, any>>({});\r\n  const [customFilterValues, setCustomFilterValues] = useState<Record<string, any>>({});\r\n  const [openSelectPopovers, setOpenSelectPopovers] = useState<Record<string, boolean>>({});\r\n  const [selectedGroupedFilter, setSelectedGroupedFilter] = useState<string>(\"all\");\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\r\n  const handleSelectPopoverOpen = (key: string, isOpen: boolean) => {\r\n    setOpenSelectPopovers(prev => ({ ...prev, [key]: isOpen }));\r\n  };\r\n\r\n  // Aggregation handlers\r\n  const handleToggleAggregation = (columnId: string) => {\r\n    if (onAggregationChange) {\r\n      const currentConfig = aggregations[columnId];\r\n      const newConfig: AggregationConfig<TData> = {\r\n        enabled: !currentConfig?.enabled,\r\n        functions: currentConfig?.functions || ['sum', 'average'],\r\n      };\r\n      onAggregationChange(columnId, newConfig);\r\n    }\r\n  }\r\n\r\n  const handleToggleAggregationFunction = (columnId: string, func: AggregationFunction) => {\r\n    if (onAggregationChange) {\r\n      const currentConfig = aggregations[columnId];\r\n      const currentFunctions = currentConfig?.functions || [];\r\n      const newFunctions = currentFunctions.includes(func)\r\n        ? currentFunctions.filter(f => f !== func)\r\n        : [...currentFunctions, func];\r\n\r\n      onAggregationChange(columnId, {\r\n        enabled: newFunctions.length > 0,\r\n        functions: newFunctions,\r\n      });\r\n    }\r\n  }\r\n\r\n  const handleClearAllAggregations = () => {\r\n    if (onAggregationChange) {\r\n      Object.keys(aggregations).forEach(columnId => {\r\n        const config = aggregations[columnId];\r\n        if (config) {\r\n          onAggregationChange(columnId, { ...config, enabled: false, functions: [] });\r\n        }\r\n      });\r\n    }\r\n  }\r\n\r\n  const getAggregatableColumns = () => {\r\n    return getAllLeafColumns().filter(column => {\r\n      // Skip special columns\r\n      if (column.id === 'select' || column.id === 'serialNumber') return false;\r\n\r\n      // Check column meta for aggregation capability\r\n      const columnMeta = column.columnDef.meta as { aggregatable?: boolean };\r\n      if (columnMeta?.aggregatable) return true;\r\n\r\n      // Auto-detect numeric columns by sampling\r\n      const sampleRows = table.getRowModel().rows.slice(0, 5);\r\n      return sampleRows.some(row => {\r\n        const value = row.getValue(column.id);\r\n        return typeof value === 'number' ||\r\n          (typeof value === 'string' && !isNaN(parseFloat(String(value)))) ||\r\n          (typeof value === 'object' && value !== null && 'props' in value); // React elements\r\n      });\r\n    });\r\n  };\r\n\r\n  // Handle grouped global filter change\r\n  const handleGroupedFilterChange = (group: string) => {\r\n    setSelectedGroupedFilter(group);\r\n    if (onGroupedFilterChange) {\r\n      onGroupedFilterChange(group, globalFilter);\r\n    }\r\n  };\r\n\r\n  // Handle global filter input change with grouped filter\r\n  const handleGlobalFilterChange = (value: string) => {\r\n    onGlobalFilterChange(value);\r\n    if (onGroupedFilterChange && enableGroupedGlobalFilter) {\r\n      onGroupedFilterChange(selectedGroupedFilter, value);\r\n    }\r\n  };\r\n\r\n  const aggregatableColumns = getAggregatableColumns();\r\n  const hasAggregations = Object.values(aggregations).some(config => config?.enabled);\r\n\r\n  // Prepare filter groups for dropdown\r\n  const filterGroups = [\r\n    { value: \"all\", label: \"All Fields\" },\r\n    ...filters.map(filter => ({\r\n      value: filter.key,\r\n      label: filter.placeholder,\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 flex-wrap items-center gap-3\">\r\n                  <div className=\"flex items-center gap-2 text-sm font-medium text-muted-foreground\">\r\n                    <Filter className=\"size-4\" />\r\n                    {/* Filters: */}\r\n                  </div>\r\n                  {filters.map((filter) => {\r\n                    // 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                          <Popover open={openSelectPopovers[filter.key]} onOpenChange={(open) => handleSelectPopoverOpen(filter.key, open)}>\r\n                            <PopoverTrigger asChild>\r\n                              <div className=\"relative w-full\">\r\n                                {filter.icon && (\r\n                                  <filter.icon className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground pointer-events-none z-10\" />\r\n                                )}\r\n                                <Button\r\n                                  variant=\"outline\"\r\n                                  role=\"combobox\"\r\n                                  aria-expanded={openSelectPopovers[filter.key]}\r\n                                  className={cn(\r\n                                    \"h-8 sm:h-8 rounded-lg w-full justify-between font-normal\",\r\n                                    !getFilterValue(filter.key) && \"text-muted-foreground\"\r\n                                  )}\r\n                                >\r\n                                  <span className={cn(\"truncate\", filter.icon && \"pl-6\")}>\r\n                                    {getFilterValue(filter.key)\r\n                                      ? filter.options?.find(option => option.value === getFilterValue(filter.key))?.label\r\n                                      : filter.placeholder}\r\n                                  </span>\r\n                                  <ChevronDown className=\"ml-2 opacity-50 size-4 shrink-0\" />\r\n                                </Button>\r\n                              </div>\r\n                            </PopoverTrigger>\r\n                            <PopoverContent className=\"w-[--radix-popover-trigger-width] p-0 rounded-lg\">\r\n                              <Command className=\"rounded-lg\">\r\n                                <CommandInput placeholder={`Search ${filter.placeholder?.toLowerCase()}...`} />\r\n                                <CommandList>\r\n                                  <CommandEmpty>No option found.</CommandEmpty>\r\n                                  <CommandGroup>\r\n                                    <CommandItem\r\n                                      value=\"all\"\r\n                                      onSelect={() => {\r\n                                        setFilterValue(filter.key, \"\");\r\n                                        handleSelectPopoverOpen(filter.key, false);\r\n                                      }}\r\n                                      className=\"flex items-center cursor-pointer\"\r\n                                    >\r\n                                      <Check\r\n                                        className={cn(\r\n                                          \"mr-2 size-4 shrink-0\",\r\n                                          !getFilterValue(filter.key) ? \"opacity-100\" : \"opacity-0\"\r\n                                        )}\r\n                                      />\r\n                                      <span>All</span>\r\n                                    </CommandItem>\r\n                                    {filter.options?.map((option) => (\r\n                                      <CommandItem\r\n                                        key={option.label}\r\n                                        value={option.label}\r\n                                        onSelect={() => {\r\n                                          setFilterValue(filter.key, option.value);\r\n                                          handleSelectPopoverOpen(filter.key, false);\r\n                                        }}\r\n                                        className=\"flex items-center cursor-pointer\"\r\n                                      >\r\n                                        <Check\r\n                                          className={cn(\r\n                                            \"mr-2 size-4 shrink-0\",\r\n                                            getFilterValue(filter.key) === option.value ? \"opacity-100\" : \"opacity-0\"\r\n                                          )}\r\n                                        />\r\n                                        <span>{option.label}</span>\r\n                                      </CommandItem>\r\n                                    ))}\r\n                                  </CommandGroup>\r\n                                </CommandList>\r\n                              </Command>\r\n                            </PopoverContent>\r\n                          </Popover>\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 && <filter.icon className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground\" />}\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-8 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 h-7\"\r\n                    >\r\n                      <Search className=\"size-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={cn(\"flex items-center\", enableGroupedGlobalFilter ? \"bg-background border rounded-lg\" : \"\")}>\r\n                  {enableGroupedGlobalFilter && (\r\n                    <DropdownMenu>\r\n                      <DropdownMenuTrigger asChild>\r\n                        <Button\r\n                          variant=\"ghost\"\r\n                          size=\"sm\"\r\n                          className=\"gap-1 border-0 border-r rounded-r-none hover:bg-transparent\"\r\n                        >\r\n                          <span className=\"text-sm font-medium\">{groupedFilterLabel}</span>\r\n                          <ChevronDown className=\"opacity-50 size-4\" />\r\n                        </Button>\r\n                      </DropdownMenuTrigger>\r\n                      <DropdownMenuContent align=\"end\" className=\"w-48 rounded-lg\">\r\n                        {filterGroups.map((group) => (\r\n                          <DropdownMenuItem\r\n                            key={group.value}\r\n                            onClick={() => handleGroupedFilterChange(group.value)}\r\n                            className=\"flex items-center justify-between\"\r\n                          >\r\n                            <span>{group.label}</span>\r\n                            {selectedGroupedFilter === group.value && (\r\n                              <Check className=\"size-4 text-primary\" />\r\n                            )}\r\n                          </DropdownMenuItem>\r\n                        ))}\r\n                      </DropdownMenuContent>\r\n                    </DropdownMenu>\r\n                  )}\r\n                  <div className=\"relative flex-1\">\r\n                    <Search className=\"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground\" />\r\n                    <Input\r\n                      placeholder={\r\n                        enableGroupedGlobalFilter && selectedGroupedFilter !== \"all\"\r\n                          ? `Search in ${filterGroups.find(g => g.value === selectedGroupedFilter)?.label}...`\r\n                          : \"Global search...\"\r\n                      }\r\n                      value={globalFilter ?? \"\"}\r\n                      onChange={(event) => handleGlobalFilterChange(event.target.value)}\r\n                      className={cn(\r\n                        \"pl-9 h-8 max-w-max\",\r\n                        enableGroupedGlobalFilter && \"border-0 rounded-l-none\"\r\n                      )}\r\n                    />\r\n                  </div>\r\n                </div>\r\n              )}\r\n\r\n              {/* Aggregation Settings */}\r\n              {aggregatableColumns.length > 0 && onAggregationChange && (\r\n                <DropdownMenu>\r\n                  <DropdownMenuTrigger asChild>\r\n                    <Button\r\n                      variant=\"outline\"\r\n                      size=\"sm\"\r\n                      className={cn(\"rounded-lg gap-1\", hasAggregations && \"bg-primary/10 dark:bg-primary/10 border-primary/20 dark:border-primary/20\")}\r\n                    >\r\n                      <Calculator className=\"size-4\" />\r\n                      <span>Aggregations</span>\r\n                      <ChevronDown className=\"opacity-50 size-4\" />\r\n                    </Button>\r\n                  </DropdownMenuTrigger>\r\n                  <DropdownMenuContent align=\"end\" className=\"w-64 rounded-lg max-h-[500px] overflow-y-auto\">\r\n                    <DropdownMenuLabel className=\"flex items-center justify-between px-4 py-2\">\r\n                      <span className=\"text-sm font-medium\">Column Aggregations</span>\r\n                      {hasAggregations && (\r\n                        <Button\r\n                          variant=\"ghost\"\r\n                          size=\"sm\"\r\n                          onClick={handleClearAllAggregations}\r\n                          className=\"h-6 px-2 text-xs\"\r\n                        >\r\n                          Clear All\r\n                        </Button>\r\n                      )}\r\n                    </DropdownMenuLabel>\r\n                    <DropdownMenuSeparator />\r\n\r\n                    {aggregatableColumns.map(column => {\r\n                      const columnConfig = aggregations[column.id];\r\n                      const isEnabled = columnConfig?.enabled;\r\n\r\n                      return (\r\n                        <DropdownMenuSub key={column.id}>\r\n                          <DropdownMenuSubTrigger className=\"text-sm\">\r\n                            <div className=\"flex items-center w-full gap-2\">\r\n                              <Checkbox\r\n                                checked={isEnabled}\r\n                                onCheckedChange={() => handleToggleAggregation(column.id)}\r\n                                className=\"data-[state=checked]:bg-primary\"\r\n                              />\r\n                              <span className={cn(\"flex-1\", isEnabled && \"font-medium text-primary\")}>\r\n                                {getColumnDisplayName(column.id)}\r\n                              </span>\r\n                              {isEnabled && (\r\n                                <div className=\"flex items-center gap-1\">\r\n                                  {columnConfig?.functions?.slice(0, 2).map(func => (\r\n                                    <div\r\n                                      key={func}\r\n                                      className=\"w-2 h-2 rounded-full bg-primary\"\r\n                                      title={AGGREGATION_FUNCTIONS.find(f => f.value === func)?.label}\r\n                                    />\r\n                                  ))}\r\n                                  {columnConfig?.functions && columnConfig.functions.length > 2 && (\r\n                                    <div className=\"text-xs text-muted-foreground\">\r\n                                      +{columnConfig.functions.length - 2}\r\n                                    </div>\r\n                                  )}\r\n                                </div>\r\n                              )}\r\n                            </div>\r\n                          </DropdownMenuSubTrigger>\r\n                          <DropdownMenuSubContent className=\"w-48 rounded-lg\">\r\n                            <DropdownMenuLabel className=\"px-3 py-2 text-xs font-medium text-muted-foreground\">\r\n                              Select Functions\r\n                            </DropdownMenuLabel>\r\n                            {AGGREGATION_FUNCTIONS.map(func => (\r\n                              <DropdownMenuCheckboxItem\r\n                                key={func.value}\r\n                                checked={columnConfig?.functions?.includes(func.value) || false}\r\n                                onCheckedChange={() => handleToggleAggregationFunction(column.id, func.value)}\r\n                                className=\"py-2 text-sm\"\r\n                              >\r\n                                <div className=\"flex flex-col\">\r\n                                  <span>{func.label}</span>\r\n                                  <span className=\"text-xs text-muted-foreground\">\r\n                                    {func.description}\r\n                                  </span>\r\n                                </div>\r\n                              </DropdownMenuCheckboxItem>\r\n                            ))}\r\n                          </DropdownMenuSubContent>\r\n                        </DropdownMenuSub>\r\n                      );\r\n                    })}\r\n\r\n                    {aggregatableColumns.length === 0 && (\r\n                      <div className=\"px-3 py-4 text-center\">\r\n                        <Calculator className=\"w-8 h-8 mx-auto mb-2 opacity-50 text-muted-foreground\" />\r\n                        <p className=\"text-sm text-muted-foreground\">\r\n                          No numeric columns available for aggregation\r\n                        </p>\r\n                      </div>\r\n                    )}\r\n                  </DropdownMenuContent>\r\n                </DropdownMenu>\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=\"size-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 className=\"h-7\">\r\n                    <Button variant=\"outline\" size=\"sm\" className=\"gap-1 rounded-lg\">\r\n                      <span>Columns</span>\r\n                      <ChevronDown className=\"opacity-50 size-4\" />\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 className=\"h-7\">\r\n                  <Button variant=\"outline\" size=\"sm\" className=\"rounded-lg h-7\">\r\n                    <Settings2 className=\"size-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=\"size-4\" />\r\n                    Clear All Sorting\r\n                  </DropdownMenuItem>\r\n                  <DropdownMenuItem onClick={handleClearExternalFilters}>\r\n                    <Filter className=\"size-4\" />\r\n                    Clear All Filters\r\n                  </DropdownMenuItem>\r\n                  {hasAggregations && (\r\n                    <DropdownMenuItem onClick={handleClearAllAggregations}>\r\n                      <Calculator className=\"size-4\" />\r\n                      Clear Aggregations\r\n                    </DropdownMenuItem>\r\n                  )}\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=\"size-4\" />\r\n                        Reset All Pinning\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=\"-rotate-90 size-4\" />\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 { Command as CommandPrimitive } from \"cmdk\"\nimport { SearchIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n} from \"../../components/ui/dialog.jsx\"\n\nfunction Command({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive>) {\n  return (\n    <CommandPrimitive\n      data-slot=\"command\"\n      className={cn(\n        \"bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandDialog({\n  title = \"Command Palette\",\n  description = \"Search for a command to run...\",\n  children,\n  ...props\n}: React.ComponentProps<typeof Dialog> & {\n  title?: string\n  description?: string\n}) {\n  return (\n    <Dialog {...props}>\n      <DialogHeader className=\"sr-only\">\n        <DialogTitle>{title}</DialogTitle>\n        <DialogDescription>{description}</DialogDescription>\n      </DialogHeader>\n      <DialogContent className=\"overflow-hidden p-0\">\n        <Command className=\"[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5\">\n          {children}\n        </Command>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nfunction CommandInput({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Input>) {\n  return (\n    <div\n      data-slot=\"command-input-wrapper\"\n      className=\"flex h-9 items-center gap-2 border-b px-3\"\n    >\n      <SearchIcon className=\"size-4 shrink-0 opacity-50\" />\n      <CommandPrimitive.Input\n        data-slot=\"command-input\"\n        className={cn(\n          \"placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction CommandList({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.List>) {\n  return (\n    <CommandPrimitive.List\n      data-slot=\"command-list\"\n      className={cn(\n        \"max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandEmpty({\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Empty>) {\n  return (\n    <CommandPrimitive.Empty\n      data-slot=\"command-empty\"\n      className=\"py-6 text-center text-sm\"\n      {...props}\n    />\n  )\n}\n\nfunction CommandGroup({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Group>) {\n  return (\n    <CommandPrimitive.Group\n      data-slot=\"command-group\"\n      className={cn(\n        \"text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Separator>) {\n  return (\n    <CommandPrimitive.Separator\n      data-slot=\"command-separator\"\n      className={cn(\"bg-border -mx-1 h-px\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction CommandItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof CommandPrimitive.Item>) {\n  return (\n    <CommandPrimitive.Item\n      data-slot=\"command-item\"\n      className={cn(\n        \"data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction CommandShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"command-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Command,\n  CommandDialog,\n  CommandInput,\n  CommandList,\n  CommandEmpty,\n  CommandGroup,\n  CommandItem,\n  CommandShortcut,\n  CommandSeparator,\n}\n","import * as React from \"react\"\nimport { Dialog as DialogPrimitive } from \"radix-ui\"\nimport { XIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/70\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content>) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n          className\n        )}\n        onInteractOutside={(e) => e.preventDefault()}\n        {...props}\n      >\n        {children}\n        <DialogPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\">\n          <XIcon />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\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 className=\"h-8\" 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","import * as React from \"react\"\nimport { Checkbox as CheckboxPrimitive } from \"radix-ui\"\nimport { CheckIcon } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils.js\"\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport { Checkbox }\n"],"mappings":"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","names":["data_table_toolbar_exports","__export","DataTableToolbar","__toCommonJS","import_lucide_react","import_radix_ui","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","Comp","SlotPrimitive","cn","import_jsx_runtime","Input","className","type","props","cn","import_cmdk","import_lucide_react","import_radix_ui","import_lucide_react","import_jsx_runtime","import_jsx_runtime","Command","className","props","CommandPrimitive","cn","CommandInput","className","props","CommandPrimitive","cn","CommandList","CommandEmpty","CommandGroup","CommandItem","className","props","CommandPrimitive","cn","import_radix_ui","import_lucide_react","import_jsx_runtime","DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuTrigger","props","DropdownMenuPrimitive","DropdownMenuContent","className","sideOffset","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","DropdownMenuLabel","className","inset","props","DropdownMenuPrimitive","cn","DropdownMenuSeparator","DropdownMenuSub","props","DropdownMenuPrimitive","DropdownMenuSubTrigger","className","inset","children","cn","DropdownMenuSubContent","import_react","import_react","import_lucide_react","import_date_fns","import_radix_ui","import_jsx_runtime","Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","React","import_lucide_react","import_react_day_picker","import_jsx_runtime","Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","defaultClassNames","cn","date","buttonVariants","rootRef","orientation","CalendarDayButton","children","day","modifiers","ref","Button","import_jsx_runtime","DateFilter","value","onChange","placeholder","mode","externalSearch","onExternalChange","onlyExternal","isOpen","setIsOpen","tempValue","setTempValue","displayValue","setDisplayValue","handleApply","handleCancel","handleClear","newValue","displayText","valueToDisplay","handleCalendarSelect","selectedValue","Popover","PopoverTrigger","Button","cn","CalendarIcon","PopoverContent","Calendar","import_radix_ui","import_lucide_react","import_jsx_runtime","Checkbox","className","props","CheckboxPrimitive","cn","import_jsx_runtime","AGGREGATION_FUNCTIONS","DataTableToolbar","table","filters","globalFilter","onGlobalFilterChange","enableGlobalFilter","onExport","onRefresh","loading","enableColumnVisibility","data","onClearSorting","onClearFilters","enableColumnPinning","onExternalSearch","onCustomFilterChange","aggregations","onAggregationChange","enableGroupedGlobalFilter","groupedFilterLabel","onGroupedFilterChange","externalFilterValues","setExternalFilterValues","customFilterValues","setCustomFilterValues","openSelectPopovers","setOpenSelectPopovers","selectedGroupedFilter","setSelectedGroupedFilter","getAllLeafColumns","column","getGroupColumns","col","getUngroupedLeafColumns","groupedColumnIds","group","c","getColumnDisplayName","columnId","groupName","word","handleExternalFilterChange","key","value","newValues","handleCustomFilterChange","f","handleExternalSearch","handleClearExternalFilters","getFilterValue","setFilterValue","filter","handleSelectPopoverOpen","isOpen","prev","handleToggleAggregation","currentConfig","newConfig","handleToggleAggregationFunction","func","currentFunctions","newFunctions","handleClearAllAggregations","config","getAggregatableColumns","row","handleGroupedFilterChange","handleGlobalFilterChange","aggregatableColumns","hasAggregations","filterGroups","cn","Popover","open","PopoverTrigger","Button","option","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","DateFilter","Input","event","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","g","DropdownMenuLabel","DropdownMenuSeparator","columnConfig","isEnabled","DropdownMenuSub","DropdownMenuSubTrigger","Checkbox","DropdownMenuSubContent","DropdownMenuCheckboxItem","DropdownMenuGroup","rightColumns"]}

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

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Table } from '@tanstack/react-table';
-import { FilterConfig, AggregationConfigMap, AggregationConfig } from './data-table-types.cjs';
-import 'lucide-react';
-
-interface DataTableToolbarProps<TData> {
-    table: Table<TData>;
-    filters?: FilterConfig<TData>[];
-    globalFilter: string;
-    onGlobalFilterChange: (value: string) => void;
-    enableGlobalFilter: boolean;
-    onExport?: (data: TData[]) => void;
-    onRefresh?: () => void;
-    loading?: boolean;
-    enableColumnVisibility?: boolean;
-    enableColumnPinning?: boolean;
-    data: TData[];
-    onClearSorting: () => void;
-    onClearFilters: () => void;
-    onExternalSearch?: (filters: Record<string, any>) => void;
-    onCustomFilterChange?: (key: string, value: any) => void;
-    aggregations?: AggregationConfigMap<TData>;
-    onAggregationChange?: (columnId: string, config: AggregationConfig<TData>) => void;
-    enableGroupedGlobalFilter?: boolean;
-    groupedFilterLabel?: string;
-    onGroupedFilterChange?: (group: string, value: string) => void;
-}
-declare function DataTableToolbar<TData>({ table, filters, globalFilter, onGlobalFilterChange, enableGlobalFilter, onExport, onRefresh, loading, enableColumnVisibility, data, onClearSorting, onClearFilters, enableColumnPinning, onExternalSearch, onCustomFilterChange, aggregations, onAggregationChange, enableGroupedGlobalFilter, groupedFilterLabel, onGroupedFilterChange, }: DataTableToolbarProps<TData>): react_jsx_runtime.JSX.Element;
-
-export { DataTableToolbar };

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

@@ -1,30 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Table } from '@tanstack/react-table';
-import { FilterConfig, AggregationConfigMap, AggregationConfig } from './data-table-types.js';
-import 'lucide-react';
-
-interface DataTableToolbarProps<TData> {
-    table: Table<TData>;
-    filters?: FilterConfig<TData>[];
-    globalFilter: string;
-    onGlobalFilterChange: (value: string) => void;
-    enableGlobalFilter: boolean;
-    onExport?: (data: TData[]) => void;
-    onRefresh?: () => void;
-    loading?: boolean;
-    enableColumnVisibility?: boolean;
-    enableColumnPinning?: boolean;
-    data: TData[];
-    onClearSorting: () => void;
-    onClearFilters: () => void;
-    onExternalSearch?: (filters: Record<string, any>) => void;
-    onCustomFilterChange?: (key: string, value: any) => void;
-    aggregations?: AggregationConfigMap<TData>;
-    onAggregationChange?: (columnId: string, config: AggregationConfig<TData>) => void;
-    enableGroupedGlobalFilter?: boolean;
-    groupedFilterLabel?: string;
-    onGroupedFilterChange?: (group: string, value: string) => void;
-}
-declare function DataTableToolbar<TData>({ table, filters, globalFilter, onGlobalFilterChange, enableGlobalFilter, onExport, onRefresh, loading, enableColumnVisibility, data, onClearSorting, onClearFilters, enableColumnPinning, onExternalSearch, onCustomFilterChange, aggregations, onAggregationChange, enableGroupedGlobalFilter, groupedFilterLabel, onGroupedFilterChange, }: DataTableToolbarProps<TData>): react_jsx_runtime.JSX.Element;
-
-export { DataTableToolbar };

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

@@ -1,3 +0,0 @@
-"use client"
-import{Search as Be,RefreshCw as vt,Download as bt,Settings2 as xt,Filter as Oe,ArrowUpDown as ht,PinOff as yt,Pin as Ct,ChevronDown as ee,Calculator as ge,Check as fe}from"lucide-react";import{Slot as et}from"radix-ui";import{cva as tt}from"class-variance-authority";import{clsx as Ye}from"clsx";import{twMerge as Ze}from"tailwind-merge";function o(...n){return Ze(Ye(n))}import{jsx as ot}from"react/jsx-runtime";var U=tt("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:n,variant:r,size:d,asChild:m=!1,...h}){let f=m?et.Slot:"button";return ot(f,{"data-slot":"button",className:o(U({variant:r,size:d,className:n}),"transition-none"),...h})}import{jsx as nt}from"react/jsx-runtime";function le({className:n,type:r,...d}){return nt("input",{type:r,"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",n),...d})}import{Command as V}from"cmdk";import{SearchIcon as at}from"lucide-react";import{Dialog as At}from"radix-ui";import{XIcon as Lt}from"lucide-react";import{jsx as Gt,jsxs as Et}from"react/jsx-runtime";import{jsx as _,jsxs as rt}from"react/jsx-runtime";function Pe({className:n,...r}){return _(V,{"data-slot":"command",className:o("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",n),...r})}function Ne({className:n,...r}){return rt("div",{"data-slot":"command-input-wrapper",className:"flex h-9 items-center gap-2 border-b px-3",children:[_(at,{className:"size-4 shrink-0 opacity-50"}),_(V.Input,{"data-slot":"command-input",className:o("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",n),...r})]})}function ke({className:n,...r}){return _(V.List,{"data-slot":"command-list",className:o("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",n),...r})}function Me({...n}){return _(V.Empty,{"data-slot":"command-empty",className:"py-6 text-center text-sm",...n})}function ze({className:n,...r}){return _(V.Group,{"data-slot":"command-group",className:o("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",n),...r})}function me({className:n,...r}){return _(V.Item,{"data-slot":"command-item",className:o("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",n),...r})}import{DropdownMenu as x}from"radix-ui";import{CheckIcon as it,ChevronRightIcon as st,CircleIcon as oo}from"lucide-react";import{jsx as v,jsxs as Te}from"react/jsx-runtime";function B({...n}){return v(x.Root,{"data-slot":"dropdown-menu",...n})}function O({...n}){return v(x.Trigger,{"data-slot":"dropdown-menu-trigger",...n})}function G({className:n,sideOffset:r=4,...d}){return v(x.Portal,{children:v(x.Content,{"data-slot":"dropdown-menu-content",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 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),...d})})}function ce({...n}){return v(x.Group,{"data-slot":"dropdown-menu-group",...n})}function S({className:n,inset:r,variant:d="default",...m}){return v(x.Item,{"data-slot":"dropdown-menu-item","data-inset":r,"data-variant":d,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",n),...m})}function W({className:n,children:r,checked:d,...m}){return Te(x.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",n),checked:d,...m,children:[v("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:v(x.ItemIndicator,{children:v(it,{className:"size-4"})})}),r]})}function N({className:n,inset:r,...d}){return v(x.Label,{"data-slot":"dropdown-menu-label","data-inset":r,className:o("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",n),...d})}function L({className:n,...r}){return v(x.Separator,{"data-slot":"dropdown-menu-separator",className:o("bg-border -mx-1 my-1 h-px",n),...r})}function Re({...n}){return v(x.Sub,{"data-slot":"dropdown-menu-sub",...n})}function _e({className:n,inset:r,children:d,...m}){return Te(x.SubTrigger,{"data-slot":"dropdown-menu-sub-trigger","data-inset":r,className:o("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),...m,children:[d,v(st,{className:"ml-auto size-4"})]})}function Se({className:n,...r}){return v(x.SubContent,{"data-slot":"dropdown-menu-sub-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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",n),...r})}import{useState as te}from"react";import{useEffect as pt,useState as ue}from"react";import{Calendar as gt}from"lucide-react";import{format as E}from"date-fns";import{Popover as X}from"radix-ui";import{jsx as J}from"react/jsx-runtime";function K({...n}){return J(X.Root,{"data-slot":"popover",...n})}function Q({...n}){return J(X.Trigger,{"data-slot":"popover-trigger",...n})}function Y({className:n,align:r="center",sideOffset:d=4,...m}){return J(X.Portal,{children:J(X.Content,{"data-slot":"popover-content",align:r,sideOffset:d,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",n),...m})})}import*as Z from"react";import{ChevronDownIcon as dt,ChevronLeftIcon as lt,ChevronRightIcon as mt}from"lucide-react";import{DayPicker as ct,getDefaultClassNames as Ie}from"react-day-picker";import{jsx as k}from"react/jsx-runtime";function Fe({className:n,classNames:r,showOutsideDays:d=!0,captionLayout:m="label",buttonVariant:h="ghost",formatters:f,components:C,...I}){let l=Ie();return k(ct,{showOutsideDays:d,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`,n),captionLayout:m,formatters:{formatMonthDropdown:p=>p.toLocaleString("default",{month:"short"}),...f},classNames:{root:o("w-fit",l.root),months:o("flex gap-4 flex-col md:flex-row relative",l.months),month:o("flex flex-col w-full gap-4",l.month),nav:o("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between",l.nav),button_previous:o(U({variant:h}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",l.button_previous),button_next:o(U({variant:h}),"size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",l.button_next),month_caption:o("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)",l.month_caption),dropdowns:o("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5",l.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",l.dropdown_root),dropdown:o("absolute bg-popover inset-0 opacity-0",l.dropdown),caption_label:o("select-none font-medium",m==="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",l.caption_label),table:"w-full border-collapse",weekdays:o("flex",l.weekdays),weekday:o("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none",l.weekday),week:o("flex w-full mt-2",l.week),week_number_header:o("select-none w-(--cell-size)",l.week_number_header),week_number:o("text-[0.8rem] select-none text-muted-foreground",l.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",l.day),range_start:o("rounded-l-md bg-accent",l.range_start),range_middle:o("rounded-none",l.range_middle),range_end:o("rounded-r-md bg-accent",l.range_end),today:o("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",l.today),outside:o("text-muted-foreground aria-selected:text-muted-foreground",l.outside),disabled:o("text-muted-foreground opacity-50",l.disabled),hidden:o("invisible",l.hidden),...r},components:{Root:({className:p,rootRef:b,...w})=>k("div",{"data-slot":"calendar",ref:b,className:o(p),...w}),Chevron:({className:p,orientation:b,...w})=>b==="left"?k(lt,{className:o("size-4",p),...w}):b==="right"?k(mt,{className:o("size-4",p),...w}):k(dt,{className:o("size-4",p),...w}),DayButton:ut,WeekNumber:({children:p,...b})=>k("td",{...b,children:k("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:p})}),...C},...I})}function ut({className:n,day:r,modifiers:d,...m}){let h=Ie(),f=Z.useRef(null);return Z.useEffect(()=>{d.focused&&f.current?.focus()},[d.focused]),k(g,{ref:f,variant:"ghost",size:"icon","data-day":r.date.toLocaleDateString(),"data-selected-single":d.selected&&!d.range_start&&!d.range_end&&!d.range_middle,"data-range-start":d.range_start,"data-range-end":d.range_end,"data-range-middle":d.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",h.day,n),...m})}import{jsx as T,jsxs as j}from"react/jsx-runtime";function Ae({value:n,onChange:r,placeholder:d,mode:m,externalSearch:h,onExternalChange:f,onlyExternal:C=!1}){let[I,l]=ue(!1),[p,b]=ue(n),[w,M]=ue(n);pt(()=>{C||M(n)},[n,C]);let F=()=>{C||r(p),M(p),h&&f&&f(p),l(!1)},A=()=>{b(w),l(!1)},P=()=>{let c=m==="single"?null:{from:null,to:null};b(c),C||r(c),M(c),h&&f&&f(c),l(!1)},D=()=>{let c=C?w:n;return c?m==="single"?E(c,"PPP"):c.from&&c.to?`${E(c.from,"MMM dd")} - ${E(c.to,"MMM dd, yyyy")}`:c.from?`From ${E(c.from,"MMM dd, yyyy")}`:c.to?`To ${E(c.to,"MMM dd, yyyy")}`:d:d},z=c=>{b(m==="single"?c:c||{from:null,to:null})};return j(K,{open:I,onOpenChange:l,children:[T(Q,{className:"h-8",asChild:!0,children:j(g,{variant:"outline",className:o("w-full justify-start text-left font-normal h-9",!D()&&"text-muted-foreground"),children:[T(gt,{className:"mr-2 h-4 w-4"}),D()]})}),j(Y,{className:"w-auto p-0",align:"start",children:[T("div",{className:"p-3",children:T(Fe,{mode:m,selected:p,onSelect:z,numberOfMonths:m==="range"?2:1,className:"rounded-md border",...m==="range"&&{required:!0}})}),j("div",{className:"flex items-center justify-between p-3 border-t",children:[T(g,{variant:"ghost",size:"sm",onClick:P,children:"Clear"}),j("div",{className:"flex gap-2",children:[T(g,{variant:"outline",size:"sm",onClick:A,children:"Cancel"}),T(g,{size:"sm",onClick:F,disabled:m==="range"&&(!p?.from||!p?.to),children:"Apply"})]})]})]})]})}import{Checkbox as Ve}from"radix-ui";import{CheckIcon as ft}from"lucide-react";import{jsx as pe}from"react/jsx-runtime";function Le({className:n,...r}){return pe(Ve.Root,{"data-slot":"checkbox",className:o("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",n),...r,children:pe(Ve.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:pe(ft,{className:"size-3.5"})})})}import{Fragment as wt,jsx as t,jsxs as s}from"react/jsx-runtime";var Ge=[{value:"sum",label:"Sum",description:"Total of all values"},{value:"average",label:"Average",description:"Mean value"},{value:"min",label:"Minimum",description:"Smallest value"},{value:"max",label:"Maximum",description:"Largest value"},{value:"count",label:"Count",description:"Number of rows"},{value:"unique",label:"Unique",description:"Count of distinct values"},{value:"median",label:"Median",description:"Middle value"}];function qo({table:n,filters:r=[],globalFilter:d,onGlobalFilterChange:m,enableGlobalFilter:h=!0,onExport:f,onRefresh:C,loading:I=!1,enableColumnVisibility:l=!0,data:p,onClearSorting:b,onClearFilters:w,enableColumnPinning:M=!1,onExternalSearch:F,onCustomFilterChange:A,aggregations:P={},onAggregationChange:D,enableGroupedGlobalFilter:z=!1,groupedFilterLabel:c="Search in",onGroupedFilterChange:H}){let[ve,be]=te({}),[oe,xe]=te({}),[he,Ee]=te({}),[$,je]=te("all"),ne=()=>n.getAllLeafColumns().filter(e=>e.getCanHide?.()!==!1),ye=()=>n.getAllColumns().filter(e=>!n.getAllLeafColumns().includes(e)&&e.columns?.length&&e.columns.some(a=>a.getCanHide?.()!==!1)),Ce=()=>{let e=new Set(ye().flatMap(a=>a.columns?.filter(i=>i.getCanHide?.()!==!1).map(i=>i.id)||[]));return ne().filter(a=>!e.has(a.id))},ae=(e,a)=>a&&e.startsWith(`${a}.`)?e.replace(`${a}.`,"").split("_").map(u=>u.slice(1)).join(" "):e.split("_").map(i=>i.charAt(0).toUpperCase()+i.slice(1)).join(" "),re=(e,a)=>{let i={...ve,[e]:a};be(i)},He=(e,a)=>{let i={...oe,[e]:a};xe(i),A&&A(e,a),r.find(u=>u.key===e)?.externalSearch&&re(e,a)},$e=()=>{F&&F(ve)},qe=()=>{be({}),xe({}),w(),F&&F({}),A&&Object.keys(oe).forEach(e=>{A(e,"")})},R=e=>r.find(i=>i.key===e)?.customFilter?oe[e]??"":n.getColumn(e)?.getFilterValue(),q=(e,a)=>{let i=r.find(u=>u.key===e);i?.customFilter?He(e,a):(n.getColumn(e)?.setFilterValue(a),i?.externalSearch&&re(e,a))},ie=(e,a)=>{Ee(i=>({...i,[e]:a}))},Ue=e=>{if(D){let a=P[e],i={enabled:!a?.enabled,functions:a?.functions||["sum","average"]};D(e,i)}},We=(e,a)=>{if(D){let u=P[e]?.functions||[],y=u.includes(a)?u.filter(Qe=>Qe!==a):[...u,a];D(e,{enabled:y.length>0,functions:y})}},we=()=>{D&&Object.keys(P).forEach(e=>{let a=P[e];a&&D(e,{...a,enabled:!1,functions:[]})})},Xe=()=>ne().filter(e=>e.id==="select"||e.id==="serialNumber"?!1:e.columnDef.meta?.aggregatable?!0:n.getRowModel().rows.slice(0,5).some(u=>{let y=u.getValue(e.id);return typeof y=="number"||typeof y=="string"&&!isNaN(parseFloat(String(y)))||typeof y=="object"&&y!==null&&"props"in y})),Je=e=>{je(e),H&&H(e,d)},Ke=e=>{m(e),H&&z&&H($,e)},se=Xe(),de=Object.values(P).some(e=>e?.enabled),De=[{value:"all",label:"All Fields"},...r.map(e=>({value:e.key,label:e.placeholder}))];return t("div",{className:"rounded-xl",children:t("div",{className:"px-2",children:t("div",{className:"flex flex-col gap-6",children:s("div",{className:"flex items-center justify-between",children:[t("div",{className:"flex items-center gap-3",children:r.length>0&&s("div",{className:"flex flex-wrap items-center gap-3",children:[t("div",{className:"flex items-center gap-2 text-sm font-medium text-muted-foreground",children:t(Oe,{className:"size-4"})}),r.map(e=>!n.getColumn(e.key)&&!e.customFilter&&!e.externalSearch?null:t("div",{className:o("relative min-w-[150px]",e.width),children:e.type==="select"?s(K,{open:he[e.key],onOpenChange:i=>ie(e.key,i),children:[t(Q,{asChild:!0,children:s("div",{className:"relative w-full",children:[e.icon&&t(e.icon,{className:"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground pointer-events-none z-10"}),s(g,{variant:"outline",role:"combobox","aria-expanded":he[e.key],className:o("h-8 sm:h-8 rounded-lg w-full justify-between font-normal",!R(e.key)&&"text-muted-foreground"),children:[t("span",{className:o("truncate",e.icon&&"pl-6"),children:R(e.key)?e.options?.find(i=>i.value===R(e.key))?.label:e.placeholder}),t(ee,{className:"ml-2 opacity-50 size-4 shrink-0"})]})]})}),t(Y,{className:"w-[--radix-popover-trigger-width] p-0 rounded-lg",children:s(Pe,{className:"rounded-lg",children:[t(Ne,{placeholder:`Search ${e.placeholder?.toLowerCase()}...`}),s(ke,{children:[t(Me,{children:"No option found."}),s(ze,{children:[s(me,{value:"all",onSelect:()=>{q(e.key,""),ie(e.key,!1)},className:"flex items-center cursor-pointer",children:[t(fe,{className:o("mr-2 size-4 shrink-0",R(e.key)?"opacity-0":"opacity-100")}),t("span",{children:"All"})]}),e.options?.map(i=>s(me,{value:i.label,onSelect:()=>{q(e.key,i.value),ie(e.key,!1)},className:"flex items-center cursor-pointer",children:[t(fe,{className:o("mr-2 size-4 shrink-0",R(e.key)===i.value?"opacity-100":"opacity-0")}),t("span",{children:i.label})]},i.label))]})]})]})})]}):e.type==="date"?t(Ae,{value:R(e.key),onChange:i=>{e.onlyExternal||q(e.key,i)},placeholder:e.placeholder,mode:e.dateMode||"single",externalSearch:e.externalSearch,onlyExternal:e.onlyExternal,onExternalChange:i=>re(e.key,i)}):s("div",{className:"relative",children:[e.icon&&t(e.icon,{className:"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground"}),t(le,{placeholder:e.placeholder,value:R(e.key)??"",onChange:i=>{q(e.key,i.target.value)},className:o("h-8 rounded-lg",e.icon&&"pl-9"),type:e.type==="number"?"number":"text"})]})},e.key)),(r.some(e=>e.externalSearch)||r.some(e=>e.customFilter))&&s(g,{variant:"default",size:"sm",onClick:$e,className:"rounded-lg h-7",children:[t(Be,{className:"size-4"}),r.find(e=>e.externalSearch||e.customFilter)?.searchButtonText||"Search"]})]})}),s("div",{className:"flex items-center gap-2",children:[h&&s("div",{className:o("flex items-center",z?"bg-background border rounded-lg":""),children:[z&&s(B,{children:[t(O,{asChild:!0,children:s(g,{variant:"ghost",size:"sm",className:"gap-1 border-0 border-r rounded-r-none hover:bg-transparent",children:[t("span",{className:"text-sm font-medium",children:c}),t(ee,{className:"opacity-50 size-4"})]})}),t(G,{align:"end",className:"w-48 rounded-lg",children:De.map(e=>s(S,{onClick:()=>Je(e.value),className:"flex items-center justify-between",children:[t("span",{children:e.label}),$===e.value&&t(fe,{className:"size-4 text-primary"})]},e.value))})]}),s("div",{className:"relative flex-1",children:[t(Be,{className:"absolute -translate-y-1/2 size-4 left-3 top-1/2 text-muted-foreground"}),t(le,{placeholder:z&&$!=="all"?`Search in ${De.find(e=>e.value===$)?.label}...`:"Global search...",value:d??"",onChange:e=>Ke(e.target.value),className:o("pl-9 h-8 max-w-max",z&&"border-0 rounded-l-none")})]})]}),se.length>0&&D&&s(B,{children:[t(O,{asChild:!0,children:s(g,{variant:"outline",size:"sm",className:o("rounded-lg gap-1",de&&"bg-primary/10 dark:bg-primary/10 border-primary/20 dark:border-primary/20"),children:[t(ge,{className:"size-4"}),t("span",{children:"Aggregations"}),t(ee,{className:"opacity-50 size-4"})]})}),s(G,{align:"end",className:"w-64 rounded-lg max-h-[500px] overflow-y-auto",children:[s(N,{className:"flex items-center justify-between px-4 py-2",children:[t("span",{className:"text-sm font-medium",children:"Column Aggregations"}),de&&t(g,{variant:"ghost",size:"sm",onClick:we,className:"h-6 px-2 text-xs",children:"Clear All"})]}),t(L,{}),se.map(e=>{let a=P[e.id],i=a?.enabled;return s(Re,{children:[t(_e,{className:"text-sm",children:s("div",{className:"flex items-center w-full gap-2",children:[t(Le,{checked:i,onCheckedChange:()=>Ue(e.id),className:"data-[state=checked]:bg-primary"}),t("span",{className:o("flex-1",i&&"font-medium text-primary"),children:ae(e.id)}),i&&s("div",{className:"flex items-center gap-1",children:[a?.functions?.slice(0,2).map(u=>t("div",{className:"w-2 h-2 rounded-full bg-primary",title:Ge.find(y=>y.value===u)?.label},u)),a?.functions&&a.functions.length>2&&s("div",{className:"text-xs text-muted-foreground",children:["+",a.functions.length-2]})]})]})}),s(Se,{className:"w-48 rounded-lg",children:[t(N,{className:"px-3 py-2 text-xs font-medium text-muted-foreground",children:"Select Functions"}),Ge.map(u=>t(W,{checked:a?.functions?.includes(u.value)||!1,onCheckedChange:()=>We(e.id,u.value),className:"py-2 text-sm",children:s("div",{className:"flex flex-col",children:[t("span",{children:u.label}),t("span",{className:"text-xs text-muted-foreground",children:u.description})]})},u.value))]})]},e.id)}),se.length===0&&s("div",{className:"px-3 py-4 text-center",children:[t(ge,{className:"w-8 h-8 mx-auto mb-2 opacity-50 text-muted-foreground"}),t("p",{className:"text-sm text-muted-foreground",children:"No numeric columns available for aggregation"})]})]})]}),f&&s(g,{variant:"outline",size:"sm",onClick:()=>f(p),className:"rounded-lg",children:[t(bt,{className:"size-4"}),"Export"]}),l&&s(B,{children:[t(O,{asChild:!0,className:"h-7",children:s(g,{variant:"outline",size:"sm",className:"gap-1 rounded-lg",children:[t("span",{children:"Columns"}),t(ee,{className:"opacity-50 size-4"})]})}),s(G,{align:"end",className:"w-[220px] rounded-lg max-h-[400px] overflow-y-auto",children:[t(N,{className:"px-4 py-2 text-sm font-medium",children:"Toggle Columns"}),t(L,{}),Ce().length>0&&s(ce,{children:[t(N,{className:"px-4 py-1.5 text-sm font-medium text-muted-foreground",children:"General"}),Ce().map(e=>t(W,{className:"text-sm",checked:e.getIsVisible(),onCheckedChange:a=>e.toggleVisibility(!!a),children:ae(e.id)},e.id))]}),ye().map(e=>s(ce,{children:[t(L,{}),t(N,{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=>t(W,{className:"text-sm",checked:a.getIsVisible(),onCheckedChange:i=>a.toggleVisibility(!!i),children:ae(a.id,e.id)},a.id))]},e.id))]})]}),s(B,{children:[t(O,{asChild:!0,className:"h-7",children:t(g,{variant:"outline",size:"sm",className:"rounded-lg h-7",children:t(xt,{className:"size-4"})})}),s(G,{align:"end",className:"w-[200px] rounded-lg",children:[t(N,{children:"Table Settings"}),t(L,{}),s(S,{onClick:b,children:[t(ht,{className:"size-4"}),"Clear All Sorting"]}),s(S,{onClick:qe,children:[t(Oe,{className:"size-4"}),"Clear All Filters"]}),de&&s(S,{onClick:we,children:[t(ge,{className:"size-4"}),"Clear Aggregations"]}),M&&s(wt,{children:[t(L,{}),t(N,{children:"Column Pinning"}),s(S,{onClick:()=>n.setColumnPinning({left:[],right:[]}),children:[t(yt,{className:"size-4"}),"Reset All Pinning"]}),s(S,{onClick:()=>{let e=ne().filter(a=>a.getCanPin?.()!==!1).map(a=>a.id);n.setColumnPinning({left:[],right:e})},children:[t(Ct,{className:"-rotate-90 size-4"}),"Pin All Right"]})]})]})]}),C&&t(g,{variant:"outline",size:"sm",onClick:C,disabled:I,className:"rounded-lg",children:t(vt,{className:o("h-4 w-4",I&&"animate-spin")})})]})]})})})})}export{qo as DataTableToolbar};
-//# sourceMappingURL=data-table-toolbar.js.map