@tetrascience-npm/tetrascience-react-ui 0.5.0-beta.42.1 → 0.5.0-beta.44.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../ui/field.cjs"),l=require("../../ui/separator.cjs"),n=require("../../../lib/utils.cjs");function a({heading:t,description:s,children:r,className:o,...c}){return e.jsxs("div",{"data-slot":"form-section",className:n.cn("flex flex-col gap-4",o),...c,children:[e.jsxs("div",{className:"space-y-0.5",children:[e.jsx("p",{className:"text-sm font-semibold",children:t}),s&&e.jsx("p",{className:"text-sm text-muted-foreground",children:s})]}),e.jsx(l.Separator,{}),e.jsx(i.FieldGroup,{children:r})]})}exports.FormSection=a;
2
+ //# sourceMappingURL=FormSection.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormSection.cjs","sources":["../../../../src/components/composed/FormPatterns/FormSection.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { FieldGroup } from \"@/components/ui/field\"\nimport { Separator } from \"@/components/ui/separator\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface FormSectionProps extends React.ComponentProps<\"div\"> {\n heading: string\n description?: string\n children: React.ReactNode\n}\n\nexport function FormSection({\n heading,\n description,\n children,\n className,\n ...props\n}: FormSectionProps) {\n return (\n <div\n data-slot=\"form-section\"\n className={cn(\"flex flex-col gap-4\", className)}\n {...props}\n >\n <div className=\"space-y-0.5\">\n <p className=\"text-sm font-semibold\">{heading}</p>\n {description && (\n <p className=\"text-sm text-muted-foreground\">{description}</p>\n )}\n </div>\n <Separator />\n <FieldGroup>{children}</FieldGroup>\n </div>\n )\n}\n"],"names":["FormSection","heading","description","children","className","props","jsxs","cn","jsx","Separator","FieldGroup"],"mappings":"6NAYO,SAASA,EAAY,CAC1B,QAAAC,EACA,YAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAqB,CACnB,OACEC,EAAAA,KAAC,MAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,sBAAuBH,CAAS,EAC7C,GAAGC,EAEJ,SAAA,CAAAC,EAAAA,KAAC,MAAA,CAAI,UAAU,cACb,SAAA,CAAAE,EAAAA,IAAC,IAAA,CAAE,UAAU,wBAAyB,SAAAP,EAAQ,EAC7CC,GACCM,EAAAA,IAAC,IAAA,CAAE,UAAU,gCAAiC,SAAAN,CAAA,CAAY,CAAA,EAE9D,QACCO,EAAAA,UAAA,EAAU,EACXD,MAACE,EAAAA,YAAY,SAAAP,CAAA,CAAS,CAAA,CAAA,CAAA,CAG5B"}
@@ -0,0 +1,32 @@
1
+ import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
+ import { FieldGroup as l } from "../../ui/field.js";
3
+ import { Separator as c } from "../../ui/separator.js";
4
+ import { cn as i } from "../../../lib/utils.js";
5
+ function x({
6
+ heading: t,
7
+ description: o,
8
+ children: m,
9
+ className: s,
10
+ ...a
11
+ }) {
12
+ return /* @__PURE__ */ r(
13
+ "div",
14
+ {
15
+ "data-slot": "form-section",
16
+ className: i("flex flex-col gap-4", s),
17
+ ...a,
18
+ children: [
19
+ /* @__PURE__ */ r("div", { className: "space-y-0.5", children: [
20
+ /* @__PURE__ */ e("p", { className: "text-sm font-semibold", children: t }),
21
+ o && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: o })
22
+ ] }),
23
+ /* @__PURE__ */ e(c, {}),
24
+ /* @__PURE__ */ e(l, { children: m })
25
+ ]
26
+ }
27
+ );
28
+ }
29
+ export {
30
+ x as FormSection
31
+ };
32
+ //# sourceMappingURL=FormSection.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormSection.js","sources":["../../../../src/components/composed/FormPatterns/FormSection.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { FieldGroup } from \"@/components/ui/field\"\nimport { Separator } from \"@/components/ui/separator\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface FormSectionProps extends React.ComponentProps<\"div\"> {\n heading: string\n description?: string\n children: React.ReactNode\n}\n\nexport function FormSection({\n heading,\n description,\n children,\n className,\n ...props\n}: FormSectionProps) {\n return (\n <div\n data-slot=\"form-section\"\n className={cn(\"flex flex-col gap-4\", className)}\n {...props}\n >\n <div className=\"space-y-0.5\">\n <p className=\"text-sm font-semibold\">{heading}</p>\n {description && (\n <p className=\"text-sm text-muted-foreground\">{description}</p>\n )}\n </div>\n <Separator />\n <FieldGroup>{children}</FieldGroup>\n </div>\n )\n}\n"],"names":["FormSection","heading","description","children","className","props","jsxs","cn","jsx","Separator","FieldGroup"],"mappings":";;;;AAYO,SAASA,EAAY;AAAA,EAC1B,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAqB;AACnB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,uBAAuBH,CAAS;AAAA,MAC7C,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,UAAA,gBAAAE,EAAC,KAAA,EAAE,WAAU,yBAAyB,UAAAP,GAAQ;AAAA,UAC7CC,KACC,gBAAAM,EAAC,KAAA,EAAE,WAAU,iCAAiC,UAAAN,EAAA,CAAY;AAAA,QAAA,GAE9D;AAAA,0BACCO,GAAA,EAAU;AAAA,QACX,gBAAAD,EAACE,KAAY,UAAAP,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5B;"}
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("@dnd-kit/core"),Ie=require("@dnd-kit/modifiers"),C=require("@dnd-kit/sortable"),Ne=require("@dnd-kit/utilities"),y=require("@tanstack/react-table"),D=require("lucide-react"),Oe=require("react"),Me=require("./data-table-pagination.cjs"),d=require("../table.cjs"),S=require("../../../lib/utils.cjs");function He(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const o=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(s,i,o.get?o:{enumerable:!0,get:()=>t[i]})}}return s.default=t,Object.freeze(s)}const l=He(Oe);function qe(t,s,i){const o=t.toLowerCase().trim(),a=i.toLowerCase().trim();switch(s){case"contains":return o.includes(a);case"equals":return o===a;case"not_equals":return o!==a;case"starts_with":return o.startsWith(a);case"ends_with":return o.endsWith(a);case"is_empty":return o==="";case"is_not_empty":return o!=="";default:return!0}}const G=l.createContext(null);function ke(){const t=l.useContext(G);if(!t)throw new Error("useDataTable must be used within a <DataTable>");return t}function Ve({header:t,children:s,position:i,numeric:o}){const{attributes:a,listeners:c,setNodeRef:v,transform:f,transition:R,isDragging:x}=C.useSortable({id:t.column.id}),I={transform:Ne.CSS.Transform.toString(f?{...f,scaleX:1,scaleY:1}:null),transition:R,position:"relative"};return n.jsx(d.TableHead,{ref:v,style:I,variant:o?"numeric":void 0,className:S.cn("group/header transition-shadow duration-150",!x&&i==="first"&&"hover:shadow-[inset_-1px_0_0_0_var(--color-border)]",!x&&i==="last"&&"hover:shadow-[inset_1px_0_0_0_var(--color-border)]",!x&&i==="middle"&&"hover:shadow-[inset_1px_0_0_0_var(--color-border),inset_-1px_0_0_0_var(--color-border)]",x&&"opacity-40"),children:n.jsxs("div",{className:S.cn("flex items-center gap-1",o&&"flex-row-reverse"),children:[n.jsx("div",{className:"flex-1",children:s}),n.jsx("button",{type:"button","data-drag-handle":"",className:"cursor-grab touch-none text-muted-foreground hover:text-foreground active:cursor-grabbing opacity-0 group-hover/header:opacity-100 transition-opacity",...a,...c,children:n.jsx(D.GripVerticalIcon,{className:"size-3.5"})})]})})}function U({header:t,enableSorting:s,numericColumns:i,columnLabels:o}){if(t.isPlaceholder)return null;const a=s&&t.column.getCanSort(),c=t.column.getIsSorted(),v=i.has(t.column.id);return n.jsxs("div",{className:S.cn("flex items-center gap-1",a&&"group/sort cursor-pointer select-none",v&&"flex-row-reverse"),onClick:a?t.column.getToggleSortingHandler():void 0,onKeyDown:f=>{(f.key==="Enter"||f.key===" ")&&a&&t.column.getToggleSortingHandler()},children:[o[t.column.id]??y.flexRender(t.column.columnDef.header,t.getContext()),a&&n.jsx("span",{className:S.cn(!c&&"opacity-0 group-hover/sort:opacity-100 transition-opacity"),children:c==="asc"?n.jsx(D.ArrowUpIcon,{className:"size-3.5 text-foreground"}):c==="desc"?n.jsx(D.ArrowDownIcon,{className:"size-3.5 text-foreground"}):n.jsx(D.ArrowUpDownIcon,{className:"size-3.5 text-muted-foreground"})})]})}function W({table:t,columns:s,numericColumns:i}){return t.getRowModel().rows.length===0?n.jsx(d.TableRow,{children:n.jsx(d.TableCell,{colSpan:s.length,className:"h-24 text-center text-muted-foreground",children:"No results."})}):t.getRowModel().rows.map(o=>n.jsx(d.TableRow,{"data-state":o.getIsSelected()?"selected":void 0,children:o.getVisibleCells().map(a=>n.jsx(d.TableCell,{variant:i.has(a.column.id)?"numeric":void 0,children:y.flexRender(a.column.columnDef.cell,a.getContext())},a.id))},o.id))}function ze(t){const s=[],i=[],o=[],a=[];return l.Children.forEach(t,c=>{l.isValidElement(c)&&c.type===X?s.push(c):l.isValidElement(c)&&c.type.displayName==="DataTableFilter"?i.push(c):l.isValidElement(c)&&c.type===Me.DataTablePagination?o.push(c):a.push(c)}),{toolbarSlots:s,filterSlots:i,paginationSlots:o,restSlots:a}}function Ee({columns:t,data:s,toolbar:i,enableSorting:o=!1,enableColumnVisibility:a=!1,children:c,columnOrder:v,onColumnOrderChange:f,columnVisibility:R,onColumnVisibilityChange:x,columnLabels:I,onColumnLabelChange:V,enablePagination:w=!1,defaultPageSize:Y=10,pagination:N,onPaginationChange:O,enableColumnReorder:J=!1,enableFiltering:M=!1,filters:Q,onFiltersChange:z,filterConfig:H,manualFiltering:E=!1,density:L="default",className:Z,variant:K="card",containerClassName:P}){const[$,ee]=l.useState([]),[te,ne]=l.useState({}),[re,oe]=l.useState([]),[se,ae]=l.useState({}),[le,ie]=l.useState({pageIndex:0,pageSize:Y}),[ce,ue]=l.useState([]),de=N??le,q=Q??ce,k=R??te,p=v??re,T=I??se,me=l.useMemo(()=>{if(w)return O?e=>{const r=typeof e=="function"?e(N):e;O(r)}:ie},[w,O,N]),ge=l.useMemo(()=>{if(a)return e=>{const r=typeof e=="function"?e(k):e;(x??ne)(r)}},[a,k,x]),fe=l.useCallback(e=>{(z??ue)(e)},[z]),be=l.useMemo(()=>H||t.filter(e=>"accessorKey"in e).map(e=>({columnId:String(e.accessorKey)})),[H,t]),xe=l.useMemo(()=>{if(!M||E)return s;const e=q.filter(r=>r.columnId&&r.operator&&(r.value.trim()!==""||r.operator==="is_empty"||r.operator==="is_not_empty"));return e.length===0?s:s.filter(r=>e.every(u=>{const m=String(r[u.columnId]??"");return qe(m,u.operator,u.value)}))},[s,q,M,E]),pe=l.useCallback(e=>{const r=typeof e=="function"?e(p):e;(f??oe)(r)},[p,f]),g=y.useReactTable({data:xe,columns:t,state:{sorting:o?$:void 0,columnVisibility:a?k:void 0,columnOrder:p.length>0?p:void 0,...w?{pagination:de}:{}},onSortingChange:o?ee:void 0,onPaginationChange:me,onColumnVisibilityChange:ge,onColumnOrderChange:pe,getCoreRowModel:y.getCoreRowModel(),getSortedRowModel:o?y.getSortedRowModel():void 0,getPaginationRowModel:w?y.getPaginationRowModel():void 0}),he=l.useCallback((e,r)=>{(V??((u,m)=>ae(_=>({..._,[u]:m}))))(e,r)},[V]),ye=b.useSensors(b.useSensor(b.PointerSensor,{activationConstraint:{distance:5}}),b.useSensor(b.KeyboardSensor,{coordinateGetter:C.sortableKeyboardCoordinates})),[A,F]=l.useState(null),Se=l.useCallback(e=>{F(String(e.active.id))},[]),ve=l.useCallback(e=>{F(null);const{active:r,over:u}=e;if(!u||r.id===u.id)return;const m=p.length>0?p:g.getAllLeafColumns().map(Re=>Re.id),_=m.indexOf(String(r.id)),B=m.indexOf(String(u.id));if(_===-1||B===-1)return;const De=C.arrayMove(m,_,B);g.setColumnOrder(De)},[p,g]),j=A?g.getFlatHeaders().find(e=>e.column.id===A):null,h=l.useMemo(()=>{if(s.length===0)return new Set;const e=s[0],r=new Set;for(const u of t){const m="accessorKey"in u?String(u.accessorKey):"";m&&typeof e[m]=="number"&&r.add(m)}return r},[s,t]),je={table:g,columnLabels:T,setColumnLabel:he,filters:q,setFilters:fe,filterConfig:be,enableFiltering:M},{toolbarSlots:Ce,filterSlots:we,paginationSlots:Te,restSlots:_e}=ze(c);return n.jsx(G.Provider,{value:je,children:n.jsxs("div",{"data-slot":"data-table",className:S.cn("w-full space-y-2",Z),children:[i,Ce,we,J?n.jsxs(b.DndContext,{sensors:ye,collisionDetection:b.closestCenter,modifiers:[Ie.restrictToHorizontalAxis],onDragStart:Se,onDragEnd:ve,children:[n.jsx(C.SortableContext,{items:g.getFlatHeaders().map(e=>e.column.id),strategy:C.horizontalListSortingStrategy,children:n.jsxs(d.Table,{"data-density":L,variant:K,containerClassName:P,children:[n.jsx(d.TableHeader,{children:g.getHeaderGroups().map(e=>n.jsx(d.TableRow,{children:e.headers.map((r,u)=>n.jsx(Ve,{header:r,position:u===0?"first":u===e.headers.length-1?"last":"middle",numeric:h.has(r.column.id),children:n.jsx(U,{header:r,enableSorting:o,numericColumns:h,columnLabels:T})},r.id))},e.id))}),n.jsx(d.TableBody,{children:n.jsx(W,{table:g,columns:t,numericColumns:h})})]})}),n.jsx(b.DragOverlay,{dropAnimation:null,children:j&&n.jsx("div",{className:"rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-lg",children:T[j.column.id]??(typeof j.column.columnDef.header=="string"?j.column.columnDef.header:j.column.id)})})]}):n.jsxs(d.Table,{"data-density":L,variant:K,containerClassName:P,children:[n.jsx(d.TableHeader,{children:g.getHeaderGroups().map(e=>n.jsx(d.TableRow,{children:e.headers.map(r=>n.jsx(d.TableHead,{variant:h.has(r.column.id)?"numeric":void 0,children:n.jsx(U,{header:r,enableSorting:o,numericColumns:h,columnLabels:T})},r.id))},e.id))}),n.jsx(d.TableBody,{children:n.jsx(W,{table:g,columns:t,numericColumns:h})})]}),Te,_e]})})}function X({className:t,children:s,...i}){return n.jsx("div",{"data-slot":"table-toolbar",className:S.cn("flex items-center justify-end gap-2",t),...i,children:s})}exports.DataTable=Ee;exports.TableToolbar=X;exports.useDataTable=ke;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("@dnd-kit/core"),Oe=require("@dnd-kit/modifiers"),T=require("@dnd-kit/sortable"),He=require("@dnd-kit/utilities"),w=require("@tanstack/react-table"),H=require("lucide-react"),Me=require("react"),ze=require("./data-table-pagination.cjs"),d=require("../table.cjs"),y=require("../../../lib/utils.cjs");function qe(n){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const r=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(a,i,r.get?r:{enumerable:!0,get:()=>n[i]})}}return a.default=n,Object.freeze(a)}const l=qe(Me);function ke(n,a,i){const r=n.toLowerCase().trim(),c=i.toLowerCase().trim();switch(a){case"contains":return r.includes(c);case"equals":return r===c;case"not_equals":return r!==c;case"starts_with":return r.startsWith(c);case"ends_with":return r.endsWith(c);case"is_empty":return r==="";case"is_not_empty":return r!=="";default:return!0}}const Y=l.createContext(null);function Ve(){const n=l.useContext(Y);if(!n)throw new Error("useDataTable must be used within a <DataTable>");return n}function Ee({header:n,children:a,position:i,numeric:r,truncate:c}){const{attributes:s,listeners:x,setNodeRef:h,transform:b,transition:D,isDragging:S}=T.useSortable({id:n.column.id}),_={transform:He.CSS.Transform.toString(b?{...b,scaleX:1,scaleY:1}:null),transition:D,position:"relative"};return t.jsx(d.TableHead,{ref:h,style:_,variant:r?"numeric":void 0,truncate:c,className:y.cn("group/header transition-shadow duration-150",!S&&i==="first"&&"hover:shadow-[inset_-1px_0_0_0_var(--color-border)]",!S&&i==="last"&&"hover:shadow-[inset_1px_0_0_0_var(--color-border)]",!S&&i==="middle"&&"hover:shadow-[inset_1px_0_0_0_var(--color-border),inset_-1px_0_0_0_var(--color-border)]",S&&"opacity-40"),children:t.jsxs("div",{className:y.cn("flex items-center gap-1 min-w-0",r&&"flex-row-reverse"),children:[t.jsx("div",{className:"flex-1 min-w-0",children:a}),t.jsx("button",{type:"button","data-drag-handle":"",className:"cursor-grab touch-none text-muted-foreground hover:text-foreground active:cursor-grabbing opacity-0 group-hover/header:opacity-100 transition-opacity",...s,...x,children:t.jsx(H.GripVerticalIcon,{className:"size-3.5"})})]})})}function W({header:n,enableSorting:a,numericColumns:i,columnLabels:r,truncate:c}){if(n.isPlaceholder)return null;const s=a&&n.column.getCanSort(),x=n.column.getIsSorted(),h=i.has(n.column.id);return t.jsxs("div",{className:y.cn("flex items-center gap-1 min-w-0",s&&"group/sort cursor-pointer select-none",h&&"flex-row-reverse"),onClick:s?n.column.getToggleSortingHandler():void 0,onKeyDown:b=>{(b.key==="Enter"||b.key===" ")&&s&&n.column.getToggleSortingHandler()},children:[t.jsx("span",{className:y.cn("min-w-0",c&&"truncate"),children:r[n.column.id]??w.flexRender(n.column.columnDef.header,n.getContext())}),s&&t.jsx("span",{className:y.cn(!x&&"opacity-0 group-hover/sort:opacity-100 transition-opacity"),children:x==="asc"?t.jsx(H.ArrowUpIcon,{className:"size-3.5 text-foreground"}):x==="desc"?t.jsx(H.ArrowDownIcon,{className:"size-3.5 text-foreground"}):t.jsx(H.ArrowUpDownIcon,{className:"size-3.5 text-muted-foreground"})})]})}function X({table:n,columns:a,numericColumns:i,truncate:r}){return n.getRowModel().rows.length===0?t.jsx(d.TableRow,{children:t.jsx(d.TableCell,{colSpan:a.length,className:"h-24 text-center text-muted-foreground",children:"No results."})}):n.getRowModel().rows.map(c=>t.jsx(d.TableRow,{"data-state":c.getIsSelected()?"selected":void 0,children:c.getVisibleCells().map(s=>t.jsx(d.TableCell,{variant:i.has(s.column.id)?"numeric":void 0,truncate:r&&(s.column.columnDef.meta?.truncate??!0),children:w.flexRender(s.column.columnDef.cell,s.getContext())},s.id))},c.id))}function Le(n){const a=[],i=[],r=[],c=[];return l.Children.forEach(n,s=>{l.isValidElement(s)&&s.type===J?a.push(s):l.isValidElement(s)&&s.type.displayName==="DataTableFilter"?i.push(s):l.isValidElement(s)&&s.type===ze.DataTablePagination?r.push(s):c.push(s)}),{toolbarSlots:a,filterSlots:i,paginationSlots:r,restSlots:c}}function Ke({columns:n,data:a,toolbar:i,enableSorting:r=!1,enableColumnVisibility:c=!1,children:s,columnOrder:x,onColumnOrderChange:h,columnVisibility:b,onColumnVisibilityChange:D,columnLabels:S,onColumnLabelChange:_,enablePagination:R=!1,defaultPageSize:Q=10,pagination:M,onPaginationChange:z,enableColumnReorder:Z=!1,enableFiltering:q=!1,filters:$,onFiltersChange:L,filterConfig:k,manualFiltering:K=!1,density:P="default",className:ee,variant:A="card",containerClassName:F,truncate:v=!0}){const[te,ne]=l.useState([]),[oe,re]=l.useState({}),[se,ae]=l.useState([]),[le,ie]=l.useState({}),[ce,ue]=l.useState({pageIndex:0,pageSize:Q}),[de,me]=l.useState([]),ge=M??ce,V=$??de,E=b??oe,p=x??se,N=S??le,fe=l.useMemo(()=>{if(R)return z?e=>{const o=typeof e=="function"?e(M):e;z(o)}:ue},[R,z,M]),xe=l.useMemo(()=>{if(c)return e=>{const o=typeof e=="function"?e(E):e;(D??re)(o)}},[c,E,D]),be=l.useCallback(e=>{(L??me)(e)},[L]),pe=l.useMemo(()=>k||n.filter(e=>"accessorKey"in e).map(e=>({columnId:String(e.accessorKey)})),[k,n]),ye=l.useMemo(()=>{if(!q||K)return a;const e=V.filter(o=>o.columnId&&o.operator&&(o.value.trim()!==""||o.operator==="is_empty"||o.operator==="is_not_empty"));return e.length===0?a:a.filter(o=>e.every(u=>{const g=String(o[u.columnId]??"");return ke(g,u.operator,u.value)}))},[a,V,q,K]),he=l.useCallback(e=>{const o=typeof e=="function"?e(p):e;(h??ae)(o)},[p,h]),m=w.useReactTable({data:ye,columns:n,state:{sorting:r?te:void 0,columnVisibility:c?E:void 0,columnOrder:p.length>0?p:void 0,...R?{pagination:ge}:{}},onSortingChange:r?ne:void 0,onPaginationChange:fe,onColumnVisibilityChange:xe,onColumnOrderChange:he,getCoreRowModel:w.getCoreRowModel(),getSortedRowModel:r?w.getSortedRowModel():void 0,getPaginationRowModel:R?w.getPaginationRowModel():void 0}),Se=l.useCallback((e,o)=>{(_??((u,g)=>ie(O=>({...O,[u]:g}))))(e,o)},[_]),ve=f.useSensors(f.useSensor(f.PointerSensor,{activationConstraint:{distance:5}}),f.useSensor(f.KeyboardSensor,{coordinateGetter:T.sortableKeyboardCoordinates})),[G,B]=l.useState(null),je=l.useCallback(e=>{B(String(e.active.id))},[]),we=l.useCallback(e=>{B(null);const{active:o,over:u}=e;if(!u||o.id===u.id)return;const g=p.length>0?p:m.getAllLeafColumns().map(Ie=>Ie.id),O=g.indexOf(String(o.id)),U=g.indexOf(String(u.id));if(O===-1||U===-1)return;const Ne=T.arrayMove(g,O,U);m.setColumnOrder(Ne)},[p,m]),C=G?m.getFlatHeaders().find(e=>e.column.id===G):null,j=l.useMemo(()=>{if(a.length===0)return new Set;const e=a[0],o=new Set;for(const u of n){const g="accessorKey"in u?String(u.accessorKey):"";g&&typeof e[g]=="number"&&o.add(g)}return o},[a,n]),I=n.some(e=>e.size!=null),Ce={table:m,columnLabels:N,setColumnLabel:Se,filters:V,setFilters:be,filterConfig:pe,enableFiltering:q},{toolbarSlots:Te,filterSlots:De,paginationSlots:_e,restSlots:Re}=Le(s);return t.jsx(Y.Provider,{value:Ce,children:t.jsxs("div",{"data-slot":"data-table",className:y.cn("w-full space-y-2",ee),children:[i,Te,De,Z?t.jsxs(f.DndContext,{sensors:ve,collisionDetection:f.closestCenter,modifiers:[Oe.restrictToHorizontalAxis],onDragStart:je,onDragEnd:we,children:[t.jsx(T.SortableContext,{items:m.getFlatHeaders().map(e=>e.column.id),strategy:T.horizontalListSortingStrategy,children:t.jsxs(d.Table,{"data-density":P,variant:A,containerClassName:F,layout:I?"fixed":void 0,children:[I&&t.jsx("colgroup",{children:m.getHeaderGroups()[0]?.headers.map(e=>t.jsx("col",{style:{width:e.column.getSize()}},e.id))}),t.jsx(d.TableHeader,{children:m.getHeaderGroups().map(e=>t.jsx(d.TableRow,{children:e.headers.map((o,u)=>t.jsx(Ee,{header:o,position:u===0?"first":u===e.headers.length-1?"last":"middle",numeric:j.has(o.column.id),truncate:v&&(o.column.columnDef.meta?.truncate??!0),children:t.jsx(W,{header:o,enableSorting:r,numericColumns:j,columnLabels:N,truncate:v&&(o.column.columnDef.meta?.truncate??!0)})},o.id))},e.id))}),t.jsx(d.TableBody,{children:t.jsx(X,{table:m,columns:n,numericColumns:j,truncate:v})})]})}),t.jsx(f.DragOverlay,{dropAnimation:null,children:C&&t.jsx("div",{className:"rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-lg",children:N[C.column.id]??(typeof C.column.columnDef.header=="string"?C.column.columnDef.header:C.column.id)})})]}):t.jsxs(d.Table,{"data-density":P,variant:A,containerClassName:F,layout:I?"fixed":void 0,children:[I&&t.jsx("colgroup",{children:m.getHeaderGroups()[0]?.headers.map(e=>t.jsx("col",{style:e.column.columnDef.size==null?void 0:{width:e.column.columnDef.size}},e.id))}),t.jsx(d.TableHeader,{children:m.getHeaderGroups().map(e=>t.jsx(d.TableRow,{children:e.headers.map(o=>t.jsx(d.TableHead,{variant:j.has(o.column.id)?"numeric":void 0,truncate:v&&(o.column.columnDef.meta?.truncate??!0),children:t.jsx(W,{header:o,enableSorting:r,numericColumns:j,columnLabels:N,truncate:v&&(o.column.columnDef.meta?.truncate??!0)})},o.id))},e.id))}),t.jsx(d.TableBody,{children:t.jsx(X,{table:m,columns:n,numericColumns:j,truncate:v})})]}),_e,Re]})})}function J({className:n,children:a,...i}){return t.jsx("div",{"data-slot":"table-toolbar",className:y.cn("flex items-center justify-end gap-2",n),...i,children:a})}exports.DataTable=Ke;exports.TableToolbar=J;exports.useDataTable=Ve;
2
2
  //# sourceMappingURL=data-table.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"data-table.cjs","sources":["../../../../src/components/ui/data-table/data-table.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n closestCenter,\n DndContext,\n type DragEndEvent,\n DragOverlay,\n type DragStartEvent,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\"\nimport { restrictToHorizontalAxis } from \"@dnd-kit/modifiers\"\nimport {\n arrayMove,\n horizontalListSortingStrategy,\n SortableContext,\n sortableKeyboardCoordinates,\n useSortable,\n} from \"@dnd-kit/sortable\"\nimport { CSS } from \"@dnd-kit/utilities\"\nimport {\n type ColumnDef,\n type ColumnOrderState,\n type Header,\n type PaginationState,\n type SortingState,\n type Table as TanStackTable,\n type VisibilityState,\n flexRender,\n getCoreRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n useReactTable,\n} from \"@tanstack/react-table\"\nimport { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon, GripVerticalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { DataTablePagination } from \"./data-table-pagination\"\n\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"@/components/ui/table\"\nimport { cn } from \"@/lib/utils\"\n\n// ---------------------------------------------------------------------------\n// Filter types\n// ---------------------------------------------------------------------------\n\ntype FilterOperator =\n | \"contains\"\n | \"equals\"\n | \"not_equals\"\n | \"starts_with\"\n | \"ends_with\"\n | \"is_empty\"\n | \"is_not_empty\"\n\ninterface FilterCondition {\n /** Stable unique key for React reconciliation. */\n id: string\n columnId: string\n operator: FilterOperator\n value: string\n}\n\ninterface FilterColumnConfig {\n columnId: string\n label?: string\n operators?: FilterOperator[]\n}\n\nfunction applyFilterCondition(\n cellValue: string,\n operator: FilterOperator,\n filterValue: string,\n): boolean {\n const cell = cellValue.toLowerCase().trim()\n const filter = filterValue.toLowerCase().trim()\n switch (operator) {\n case \"contains\": return cell.includes(filter)\n case \"equals\": return cell === filter\n case \"not_equals\": return cell !== filter\n case \"starts_with\": return cell.startsWith(filter)\n case \"ends_with\": return cell.endsWith(filter)\n case \"is_empty\": return cell === \"\"\n case \"is_not_empty\": return cell !== \"\"\n default: {\n const _exhaustive: never = operator\n void _exhaustive\n return true\n }\n }\n}\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface TableContextValue<TData> {\n table: TanStackTable<TData>\n columnLabels: Record<string, string>\n setColumnLabel: (columnId: string, label: string) => void\n filters: FilterCondition[]\n setFilters: (filters: FilterCondition[]) => void\n filterConfig: FilterColumnConfig[]\n enableFiltering: boolean\n}\n\nconst TableContext = React.createContext<TableContextValue<unknown> | null>(null)\n\nfunction useDataTable<TData = unknown>() {\n const ctx = React.useContext(TableContext) as TableContextValue<TData> | null\n if (!ctx) {\n throw new Error(\"useDataTable must be used within a <DataTable>\")\n }\n return ctx\n}\n\n// ---------------------------------------------------------------------------\n// DraggableHeader\n// ---------------------------------------------------------------------------\n\nfunction DraggableHeader<TData>({\n header,\n children,\n position,\n numeric,\n}: {\n header: Header<TData, unknown>\n children: React.ReactNode\n position?: \"first\" | \"last\" | \"middle\"\n numeric?: boolean\n}) {\n const {\n attributes,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({ id: header.column.id })\n\n const style: React.CSSProperties = {\n transform: CSS.Transform.toString(\n transform ? { ...transform, scaleX: 1, scaleY: 1 } : null,\n ),\n transition,\n position: \"relative\",\n }\n\n return (\n <TableHead\n ref={setNodeRef}\n style={style}\n variant={numeric ? \"numeric\" : undefined}\n className={cn(\n \"group/header transition-shadow duration-150\",\n !isDragging && position === \"first\" && \"hover:shadow-[inset_-1px_0_0_0_var(--color-border)]\",\n !isDragging && position === \"last\" && \"hover:shadow-[inset_1px_0_0_0_var(--color-border)]\",\n !isDragging && position === \"middle\" && \"hover:shadow-[inset_1px_0_0_0_var(--color-border),inset_-1px_0_0_0_var(--color-border)]\",\n isDragging && \"opacity-40\",\n )}\n >\n <div className={cn(\"flex items-center gap-1\", numeric && \"flex-row-reverse\")}>\n <div className=\"flex-1\">{children}</div>\n <button\n type=\"button\"\n data-drag-handle=\"\"\n className=\"cursor-grab touch-none text-muted-foreground hover:text-foreground active:cursor-grabbing opacity-0 group-hover/header:opacity-100 transition-opacity\"\n {...attributes}\n {...listeners}\n >\n <GripVerticalIcon className=\"size-3.5\" />\n </button>\n </div>\n </TableHead>\n )\n}\n\n// ---------------------------------------------------------------------------\n// Shared header / body renderers (extracted to reduce cognitive complexity)\n// ---------------------------------------------------------------------------\n\ninterface SortableHeaderContentProps {\n header: Header<unknown, unknown>\n enableSorting: boolean\n numericColumns: Set<string>\n columnLabels: Record<string, string>\n}\n\nfunction SortableHeaderContent({\n header,\n enableSorting,\n numericColumns,\n columnLabels,\n}: SortableHeaderContentProps) {\n if (header.isPlaceholder) return null\n const canSort = enableSorting && header.column.getCanSort()\n const sorted = header.column.getIsSorted()\n const isNumeric = numericColumns.has(header.column.id)\n\n return (\n <div\n className={cn(\n \"flex items-center gap-1\",\n canSort && \"group/sort cursor-pointer select-none\",\n isNumeric && \"flex-row-reverse\",\n )}\n onClick={canSort ? header.column.getToggleSortingHandler() : undefined}\n onKeyDown={(e) => {\n if ((e.key === \"Enter\" || e.key === \" \") && canSort) {\n header.column.getToggleSortingHandler()\n }\n }}\n >\n {columnLabels[header.column.id] ??\n flexRender(header.column.columnDef.header, header.getContext())}\n {canSort && (\n <span\n className={cn(\n !sorted && \"opacity-0 group-hover/sort:opacity-100 transition-opacity\",\n )}\n >\n {sorted === \"asc\" ? (\n <ArrowUpIcon className=\"size-3.5 text-foreground\" />\n ) : sorted === \"desc\" ? (\n <ArrowDownIcon className=\"size-3.5 text-foreground\" />\n ) : (\n <ArrowUpDownIcon className=\"size-3.5 text-muted-foreground\" />\n )}\n </span>\n )}\n </div>\n )\n}\n\nfunction DataTableRows<TData>({\n table,\n columns,\n numericColumns,\n}: {\n table: TanStackTable<TData>\n columns: ColumnDef<TData, unknown>[]\n numericColumns: Set<string>\n}) {\n if (table.getRowModel().rows.length === 0) {\n return (\n <TableRow>\n <TableCell colSpan={columns.length} className=\"h-24 text-center text-muted-foreground\">\n No results.\n </TableCell>\n </TableRow>\n )\n }\n\n return table.getRowModel().rows.map((row) => (\n <TableRow key={row.id} data-state={row.getIsSelected() ? \"selected\" : undefined}>\n {row.getVisibleCells().map((cell) => (\n <TableCell key={cell.id} variant={numericColumns.has(cell.column.id) ? \"numeric\" : undefined}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableCell>\n ))}\n </TableRow>\n ))\n}\n\n// ---------------------------------------------------------------------------\n// Slot categorization\n// ---------------------------------------------------------------------------\n\nfunction categorizeSlots(children: React.ReactNode) {\n const toolbarSlots: React.ReactNode[] = []\n const filterSlots: React.ReactNode[] = []\n const paginationSlots: React.ReactNode[] = []\n const restSlots: React.ReactNode[] = []\n React.Children.forEach(children, (child) => {\n if (React.isValidElement(child) && child.type === TableToolbar) {\n toolbarSlots.push(child)\n } else if (\n React.isValidElement(child) &&\n (child.type as React.ComponentType).displayName === \"DataTableFilter\"\n ) {\n filterSlots.push(child)\n } else if (React.isValidElement(child) && child.type === DataTablePagination) {\n paginationSlots.push(child)\n } else {\n restSlots.push(child)\n }\n })\n return { toolbarSlots, filterSlots, paginationSlots, restSlots }\n}\n\n// ---------------------------------------------------------------------------\n// DataTable\n// ---------------------------------------------------------------------------\n\ninterface DataTableProps<TData, TValue> {\n columns: ColumnDef<TData, TValue>[]\n data: TData[]\n /** @deprecated Use `<TableToolbar>` as a child instead */\n toolbar?: React.ReactNode\n enableSorting?: boolean\n enableColumnVisibility?: boolean\n columnOrder?: ColumnOrderState\n onColumnOrderChange?: (order: ColumnOrderState) => void\n columnVisibility?: VisibilityState\n onColumnVisibilityChange?: (vis: VisibilityState) => void\n columnLabels?: Record<string, string>\n onColumnLabelChange?: (columnId: string, label: string) => void\n enablePagination?: boolean\n defaultPageSize?: number\n pagination?: PaginationState\n onPaginationChange?: (pagination: PaginationState) => void\n enableColumnReorder?: boolean\n enableFiltering?: boolean\n filters?: FilterCondition[]\n onFiltersChange?: (filters: FilterCondition[]) => void\n filterConfig?: FilterColumnConfig[]\n /** When true, filtering is handled externally — onFiltersChange fires but rows are not filtered client-side. */\n manualFiltering?: boolean\n density?: \"compact\" | \"default\" | \"relaxed\"\n children?: React.ReactNode\n className?: string\n /** Variant passed to the base Table component */\n variant?: React.ComponentProps<typeof Table>[\"variant\"]\n /** className passed to the base Table's container div */\n containerClassName?: React.ComponentProps<typeof Table>[\"containerClassName\"]\n}\n\nfunction DataTable<TData, TValue>({\n columns,\n data,\n toolbar,\n enableSorting = false,\n enableColumnVisibility = false,\n children,\n columnOrder: controlledColumnOrder,\n onColumnOrderChange,\n columnVisibility: controlledColumnVisibility,\n onColumnVisibilityChange,\n columnLabels: controlledColumnLabels,\n onColumnLabelChange,\n enablePagination = false,\n defaultPageSize = 10,\n pagination: controlledPagination,\n onPaginationChange,\n enableColumnReorder = false,\n enableFiltering = false,\n filters: controlledFilters,\n onFiltersChange,\n filterConfig,\n manualFiltering = false,\n density = \"default\",\n className,\n variant = \"card\",\n containerClassName,\n}: DataTableProps<TData, TValue>) {\n const [sorting, setSorting] = React.useState<SortingState>([])\n const [internalColumnVisibility, setInternalColumnVisibility] =\n React.useState<VisibilityState>({})\n const [internalColumnOrder, setInternalColumnOrder] =\n React.useState<ColumnOrderState>([])\n const [internalColumnLabels, setInternalColumnLabels] = React.useState<\n Record<string, string>\n >({})\n const [internalPagination, setInternalPagination] =\n React.useState<PaginationState>({\n pageIndex: 0,\n pageSize: defaultPageSize,\n })\n const [internalFilters, setInternalFilters] = React.useState<FilterCondition[]>([])\n\n const pagination = controlledPagination ?? internalPagination\n const filters = controlledFilters ?? internalFilters\n\n const columnVisibility =\n controlledColumnVisibility ?? internalColumnVisibility\n const columnOrder = controlledColumnOrder ?? internalColumnOrder\n const columnLabels = controlledColumnLabels ?? internalColumnLabels\n\n const handlePaginationChange = React.useMemo(() => {\n if (!enablePagination) return\n if (onPaginationChange) {\n return (updater: PaginationState | ((prev: PaginationState) => PaginationState)) => {\n const next = typeof updater === \"function\" ? updater(controlledPagination!) : updater\n onPaginationChange(next)\n }\n }\n return setInternalPagination\n }, [enablePagination, onPaginationChange, controlledPagination])\n\n const handleVisibilityChange = React.useMemo(() => {\n if (!enableColumnVisibility) return\n return (updater: VisibilityState | ((prev: VisibilityState) => VisibilityState)) => {\n const next = typeof updater === \"function\" ? updater(columnVisibility) : updater\n ;(onColumnVisibilityChange ?? setInternalColumnVisibility)(next)\n }\n }, [enableColumnVisibility, columnVisibility, onColumnVisibilityChange])\n\n const handleFiltersChange = React.useCallback(\n (newFilters: FilterCondition[]) => {\n ;(onFiltersChange ?? setInternalFilters)(newFilters)\n },\n [onFiltersChange],\n )\n\n const resolvedFilterConfig: FilterColumnConfig[] = React.useMemo(() => {\n if (filterConfig) return filterConfig\n return columns\n .filter((col) => \"accessorKey\" in col)\n .map((col) => ({ columnId: String((col as { accessorKey: unknown }).accessorKey) }))\n }, [filterConfig, columns])\n\n const filteredData = React.useMemo((): TData[] => {\n if (!enableFiltering || manualFiltering) return data\n const active = filters.filter(\n (f) =>\n f.columnId &&\n f.operator &&\n (f.value.trim() !== \"\" || f.operator === \"is_empty\" || f.operator === \"is_not_empty\"),\n )\n if (active.length === 0) return data\n return data.filter((row) =>\n active.every((condition) => {\n const cellValue = String(\n (row as Record<string, unknown>)[condition.columnId] ?? \"\",\n )\n return applyFilterCondition(cellValue, condition.operator, condition.value)\n }),\n )\n }, [data, filters, enableFiltering, manualFiltering])\n\n const handleColumnOrderChange = React.useCallback(\n (updater: ColumnOrderState | ((prev: ColumnOrderState) => ColumnOrderState)) => {\n const next = typeof updater === \"function\" ? updater(columnOrder) : updater\n ;(onColumnOrderChange ?? setInternalColumnOrder)(next)\n },\n [columnOrder, onColumnOrderChange],\n )\n\n const table = useReactTable({\n data: filteredData,\n columns,\n state: {\n sorting: enableSorting ? sorting : undefined,\n columnVisibility: enableColumnVisibility ? columnVisibility : undefined,\n columnOrder: columnOrder.length > 0 ? columnOrder : undefined,\n ...(enablePagination ? { pagination } : {}),\n },\n onSortingChange: enableSorting ? setSorting : undefined,\n onPaginationChange: handlePaginationChange,\n onColumnVisibilityChange: handleVisibilityChange,\n onColumnOrderChange: handleColumnOrderChange,\n getCoreRowModel: getCoreRowModel(),\n getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,\n getPaginationRowModel: enablePagination ? getPaginationRowModel() : undefined,\n })\n\n const setColumnLabel = React.useCallback(\n (columnId: string, label: string) => {\n ;(onColumnLabelChange ?? ((id: string, l: string) => setInternalColumnLabels((prev) => ({ ...prev, [id]: l }))))(columnId, label)\n },\n [onColumnLabelChange],\n )\n\n const reorderSensors = useSensors(\n useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),\n )\n\n const [draggingColumnId, setDraggingColumnId] = React.useState<string | null>(null)\n\n const handleColumnDragStart = React.useCallback(\n (event: DragStartEvent) => {\n setDraggingColumnId(String(event.active.id))\n },\n [],\n )\n\n const handleColumnDragEnd = React.useCallback(\n (event: DragEndEvent) => {\n setDraggingColumnId(null)\n const { active, over } = event\n if (!over || active.id === over.id) return\n const currentOrder =\n columnOrder.length > 0 ? columnOrder : table.getAllLeafColumns().map((column) => column.id)\n const oldIdx = currentOrder.indexOf(String(active.id))\n const newIdx = currentOrder.indexOf(String(over.id))\n if (oldIdx === -1 || newIdx === -1) return\n const newOrder = arrayMove(currentOrder, oldIdx, newIdx)\n table.setColumnOrder(newOrder)\n },\n [columnOrder, table],\n )\n\n const draggingHeader = draggingColumnId\n ? table.getFlatHeaders().find((h) => h.column.id === draggingColumnId)\n : null\n\n // Infer which columns are numeric from the first data row\n const numericColumns = React.useMemo(() => {\n if (data.length === 0) return new Set<string>()\n const first = data[0] as Record<string, unknown>\n const ids = new Set<string>()\n for (const col of columns) {\n const key = \"accessorKey\" in col ? String(col.accessorKey) : \"\"\n if (key && typeof first[key] === \"number\") ids.add(key)\n }\n return ids\n }, [data, columns])\n\n // Not memoized: TanStack's table instance is a stable reference that mutates\n // internally, so children reading table.getState() need fresh context on each render.\n const ctx = {\n table,\n columnLabels,\n setColumnLabel,\n filters,\n setFilters: handleFiltersChange,\n filterConfig: resolvedFilterConfig,\n enableFiltering,\n } as TableContextValue<unknown>\n\n const { toolbarSlots, filterSlots, paginationSlots, restSlots } = categorizeSlots(children)\n\n return (\n <TableContext.Provider value={ctx}>\n <div data-slot=\"data-table\" className={cn(\"w-full space-y-2\", className)}>\n {toolbar}\n {toolbarSlots}\n {filterSlots}\n {enableColumnReorder ? (\n <DndContext\n sensors={reorderSensors}\n collisionDetection={closestCenter}\n modifiers={[restrictToHorizontalAxis]}\n onDragStart={handleColumnDragStart}\n onDragEnd={handleColumnDragEnd}\n >\n <SortableContext\n items={table.getFlatHeaders().map((h) => h.column.id)}\n strategy={horizontalListSortingStrategy}\n >\n <Table data-density={density} variant={variant} containerClassName={containerClassName}>\n <TableHeader>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map((header, headerIdx) => (\n <DraggableHeader\n key={header.id}\n header={header}\n position={headerIdx === 0 ? \"first\" : headerIdx === headerGroup.headers.length - 1 ? \"last\" : \"middle\"}\n numeric={numericColumns.has(header.column.id)}\n >\n <SortableHeaderContent\n header={header as Header<unknown, unknown>}\n enableSorting={enableSorting}\n numericColumns={numericColumns}\n columnLabels={columnLabels}\n />\n </DraggableHeader>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n <TableBody>\n <DataTableRows table={table} columns={columns} numericColumns={numericColumns} />\n </TableBody>\n </Table>\n </SortableContext>\n <DragOverlay dropAnimation={null}>\n {draggingHeader && (\n <div className=\"rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-lg\">\n {columnLabels[draggingHeader.column.id] ??\n (typeof draggingHeader.column.columnDef.header === \"string\"\n ? draggingHeader.column.columnDef.header\n : draggingHeader.column.id)}\n </div>\n )}\n </DragOverlay>\n </DndContext>\n ) : (\n <Table data-density={density} variant={variant} containerClassName={containerClassName}>\n <TableHeader>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map((header) => (\n <TableHead key={header.id} variant={numericColumns.has(header.column.id) ? \"numeric\" : undefined}>\n <SortableHeaderContent\n header={header as Header<unknown, unknown>}\n enableSorting={enableSorting}\n numericColumns={numericColumns}\n columnLabels={columnLabels}\n />\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n <TableBody>\n <DataTableRows table={table} columns={columns} numericColumns={numericColumns} />\n </TableBody>\n </Table>\n )}\n {paginationSlots}\n {restSlots}\n </div>\n </TableContext.Provider>\n )\n}\n\n// ---------------------------------------------------------------------------\n// TableToolbar\n// ---------------------------------------------------------------------------\n\nfunction TableToolbar({\n className,\n children,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"table-toolbar\"\n className={cn(\"flex items-center justify-end gap-2\", className)}\n {...props}\n >\n {children}\n </div>\n )\n}\n\nexport { DataTable, TableToolbar, useDataTable }\nexport type { DataTableProps, FilterCondition, FilterOperator, FilterColumnConfig }\n"],"names":["applyFilterCondition","cellValue","operator","filterValue","cell","filter","TableContext","React","useDataTable","ctx","DraggableHeader","header","children","position","numeric","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","TableHead","cn","GripVerticalIcon","SortableHeaderContent","enableSorting","numericColumns","columnLabels","canSort","sorted","isNumeric","jsxs","e","flexRender","ArrowUpIcon","ArrowDownIcon","ArrowUpDownIcon","DataTableRows","table","columns","TableRow","TableCell","row","categorizeSlots","toolbarSlots","filterSlots","paginationSlots","restSlots","child","TableToolbar","DataTablePagination","DataTable","data","toolbar","enableColumnVisibility","controlledColumnOrder","onColumnOrderChange","controlledColumnVisibility","onColumnVisibilityChange","controlledColumnLabels","onColumnLabelChange","enablePagination","defaultPageSize","controlledPagination","onPaginationChange","enableColumnReorder","enableFiltering","controlledFilters","onFiltersChange","filterConfig","manualFiltering","density","className","variant","containerClassName","sorting","setSorting","internalColumnVisibility","setInternalColumnVisibility","internalColumnOrder","setInternalColumnOrder","internalColumnLabels","setInternalColumnLabels","internalPagination","setInternalPagination","internalFilters","setInternalFilters","pagination","filters","columnVisibility","columnOrder","handlePaginationChange","updater","next","handleVisibilityChange","handleFiltersChange","newFilters","resolvedFilterConfig","col","filteredData","active","f","condition","handleColumnOrderChange","useReactTable","getCoreRowModel","getSortedRowModel","getPaginationRowModel","setColumnLabel","columnId","label","id","l","prev","reorderSensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","draggingColumnId","setDraggingColumnId","handleColumnDragStart","event","handleColumnDragEnd","over","currentOrder","column","oldIdx","newIdx","newOrder","arrayMove","draggingHeader","h","first","ids","key","DndContext","closestCenter","restrictToHorizontalAxis","SortableContext","horizontalListSortingStrategy","Table","TableHeader","headerGroup","headerIdx","TableBody","DragOverlay","props"],"mappings":"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"}
1
+ {"version":3,"file":"data-table.cjs","sources":["../../../../src/components/ui/data-table/data-table.tsx"],"sourcesContent":["\"use client\"\n\nimport {\n closestCenter,\n DndContext,\n type DragEndEvent,\n DragOverlay,\n type DragStartEvent,\n KeyboardSensor,\n PointerSensor,\n useSensor,\n useSensors,\n} from \"@dnd-kit/core\"\nimport { restrictToHorizontalAxis } from \"@dnd-kit/modifiers\"\nimport {\n arrayMove,\n horizontalListSortingStrategy,\n SortableContext,\n sortableKeyboardCoordinates,\n useSortable,\n} from \"@dnd-kit/sortable\"\nimport { CSS } from \"@dnd-kit/utilities\"\nimport {\n type ColumnDef,\n type ColumnOrderState,\n type Header,\n type PaginationState,\n type RowData,\n type SortingState,\n type Table as TanStackTable,\n type VisibilityState,\n flexRender,\n getCoreRowModel,\n getPaginationRowModel,\n getSortedRowModel,\n useReactTable,\n} from \"@tanstack/react-table\"\nimport { ArrowDownIcon, ArrowUpDownIcon, ArrowUpIcon, GripVerticalIcon } from \"lucide-react\"\nimport * as React from \"react\"\n\nimport { DataTablePagination } from \"./data-table-pagination\"\n\nimport {\n Table,\n TableBody,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"@/components/ui/table\"\nimport { cn } from \"@/lib/utils\"\n\n// ---------------------------------------------------------------------------\n// Module augmentation — column meta\n// ---------------------------------------------------------------------------\n\ndeclare module \"@tanstack/react-table\" {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n interface ColumnMeta<TData extends RowData, TValue> {\n truncate?: boolean\n }\n}\n\n// ---------------------------------------------------------------------------\n// Filter types\n// ---------------------------------------------------------------------------\n\ntype FilterOperator =\n | \"contains\"\n | \"equals\"\n | \"not_equals\"\n | \"starts_with\"\n | \"ends_with\"\n | \"is_empty\"\n | \"is_not_empty\"\n\ninterface FilterCondition {\n /** Stable unique key for React reconciliation. */\n id: string\n columnId: string\n operator: FilterOperator\n value: string\n}\n\ninterface FilterColumnConfig {\n columnId: string\n label?: string\n operators?: FilterOperator[]\n}\n\nfunction applyFilterCondition(\n cellValue: string,\n operator: FilterOperator,\n filterValue: string,\n): boolean {\n const cell = cellValue.toLowerCase().trim()\n const filter = filterValue.toLowerCase().trim()\n switch (operator) {\n case \"contains\": return cell.includes(filter)\n case \"equals\": return cell === filter\n case \"not_equals\": return cell !== filter\n case \"starts_with\": return cell.startsWith(filter)\n case \"ends_with\": return cell.endsWith(filter)\n case \"is_empty\": return cell === \"\"\n case \"is_not_empty\": return cell !== \"\"\n default: {\n const _exhaustive: never = operator\n void _exhaustive\n return true\n }\n }\n}\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ninterface TableContextValue<TData> {\n table: TanStackTable<TData>\n columnLabels: Record<string, string>\n setColumnLabel: (columnId: string, label: string) => void\n filters: FilterCondition[]\n setFilters: (filters: FilterCondition[]) => void\n filterConfig: FilterColumnConfig[]\n enableFiltering: boolean\n}\n\nconst TableContext = React.createContext<TableContextValue<unknown> | null>(null)\n\nfunction useDataTable<TData = unknown>() {\n const ctx = React.useContext(TableContext) as TableContextValue<TData> | null\n if (!ctx) {\n throw new Error(\"useDataTable must be used within a <DataTable>\")\n }\n return ctx\n}\n\n// ---------------------------------------------------------------------------\n// DraggableHeader\n// ---------------------------------------------------------------------------\n\nfunction DraggableHeader<TData>({\n header,\n children,\n position,\n numeric,\n truncate,\n}: {\n header: Header<TData, unknown>\n children: React.ReactNode\n position?: \"first\" | \"last\" | \"middle\"\n numeric?: boolean\n truncate?: boolean\n}) {\n const {\n attributes,\n listeners,\n setNodeRef,\n transform,\n transition,\n isDragging,\n } = useSortable({ id: header.column.id })\n\n const style: React.CSSProperties = {\n transform: CSS.Transform.toString(\n transform ? { ...transform, scaleX: 1, scaleY: 1 } : null,\n ),\n transition,\n position: \"relative\",\n }\n\n return (\n <TableHead\n ref={setNodeRef}\n style={style}\n variant={numeric ? \"numeric\" : undefined}\n truncate={truncate}\n className={cn(\n \"group/header transition-shadow duration-150\",\n !isDragging && position === \"first\" && \"hover:shadow-[inset_-1px_0_0_0_var(--color-border)]\",\n !isDragging && position === \"last\" && \"hover:shadow-[inset_1px_0_0_0_var(--color-border)]\",\n !isDragging && position === \"middle\" && \"hover:shadow-[inset_1px_0_0_0_var(--color-border),inset_-1px_0_0_0_var(--color-border)]\",\n isDragging && \"opacity-40\",\n )}\n >\n <div className={cn(\"flex items-center gap-1 min-w-0\", numeric && \"flex-row-reverse\")}>\n <div className=\"flex-1 min-w-0\">{children}</div>\n <button\n type=\"button\"\n data-drag-handle=\"\"\n className=\"cursor-grab touch-none text-muted-foreground hover:text-foreground active:cursor-grabbing opacity-0 group-hover/header:opacity-100 transition-opacity\"\n {...attributes}\n {...listeners}\n >\n <GripVerticalIcon className=\"size-3.5\" />\n </button>\n </div>\n </TableHead>\n )\n}\n\n// ---------------------------------------------------------------------------\n// Shared header / body renderers (extracted to reduce cognitive complexity)\n// ---------------------------------------------------------------------------\n\ninterface SortableHeaderContentProps {\n header: Header<unknown, unknown>\n enableSorting: boolean\n numericColumns: Set<string>\n columnLabels: Record<string, string>\n truncate?: boolean\n}\n\nfunction SortableHeaderContent({\n header,\n enableSorting,\n numericColumns,\n columnLabels,\n truncate,\n}: SortableHeaderContentProps) {\n if (header.isPlaceholder) return null\n const canSort = enableSorting && header.column.getCanSort()\n const sorted = header.column.getIsSorted()\n const isNumeric = numericColumns.has(header.column.id)\n\n return (\n <div\n className={cn(\n \"flex items-center gap-1 min-w-0\",\n canSort && \"group/sort cursor-pointer select-none\",\n isNumeric && \"flex-row-reverse\",\n )}\n onClick={canSort ? header.column.getToggleSortingHandler() : undefined}\n onKeyDown={(e) => {\n if ((e.key === \"Enter\" || e.key === \" \") && canSort) {\n header.column.getToggleSortingHandler()\n }\n }}\n >\n <span className={cn(\"min-w-0\", truncate && \"truncate\")}>\n {columnLabels[header.column.id] ??\n flexRender(header.column.columnDef.header, header.getContext())}\n </span>\n {canSort && (\n <span\n className={cn(\n !sorted && \"opacity-0 group-hover/sort:opacity-100 transition-opacity\",\n )}\n >\n {sorted === \"asc\" ? (\n <ArrowUpIcon className=\"size-3.5 text-foreground\" />\n ) : sorted === \"desc\" ? (\n <ArrowDownIcon className=\"size-3.5 text-foreground\" />\n ) : (\n <ArrowUpDownIcon className=\"size-3.5 text-muted-foreground\" />\n )}\n </span>\n )}\n </div>\n )\n}\n\nfunction DataTableRows<TData>({\n table,\n columns,\n numericColumns,\n truncate,\n}: {\n table: TanStackTable<TData>\n columns: ColumnDef<TData, unknown>[]\n numericColumns: Set<string>\n truncate?: boolean\n}) {\n if (table.getRowModel().rows.length === 0) {\n return (\n <TableRow>\n <TableCell colSpan={columns.length} className=\"h-24 text-center text-muted-foreground\">\n No results.\n </TableCell>\n </TableRow>\n )\n }\n\n return table.getRowModel().rows.map((row) => (\n <TableRow key={row.id} data-state={row.getIsSelected() ? \"selected\" : undefined}>\n {row.getVisibleCells().map((cell) => (\n <TableCell\n key={cell.id}\n variant={numericColumns.has(cell.column.id) ? \"numeric\" : undefined}\n truncate={truncate && (cell.column.columnDef.meta?.truncate ?? true)}\n >\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </TableCell>\n ))}\n </TableRow>\n ))\n}\n\n// ---------------------------------------------------------------------------\n// Slot categorization\n// ---------------------------------------------------------------------------\n\nfunction categorizeSlots(children: React.ReactNode) {\n const toolbarSlots: React.ReactNode[] = []\n const filterSlots: React.ReactNode[] = []\n const paginationSlots: React.ReactNode[] = []\n const restSlots: React.ReactNode[] = []\n React.Children.forEach(children, (child) => {\n if (React.isValidElement(child) && child.type === TableToolbar) {\n toolbarSlots.push(child)\n } else if (\n React.isValidElement(child) &&\n (child.type as React.ComponentType).displayName === \"DataTableFilter\"\n ) {\n filterSlots.push(child)\n } else if (React.isValidElement(child) && child.type === DataTablePagination) {\n paginationSlots.push(child)\n } else {\n restSlots.push(child)\n }\n })\n return { toolbarSlots, filterSlots, paginationSlots, restSlots }\n}\n\n// ---------------------------------------------------------------------------\n// DataTable\n// ---------------------------------------------------------------------------\n\ninterface DataTableProps<TData, TValue> {\n columns: ColumnDef<TData, TValue>[]\n data: TData[]\n /** @deprecated Use `<TableToolbar>` as a child instead */\n toolbar?: React.ReactNode\n enableSorting?: boolean\n enableColumnVisibility?: boolean\n columnOrder?: ColumnOrderState\n onColumnOrderChange?: (order: ColumnOrderState) => void\n columnVisibility?: VisibilityState\n onColumnVisibilityChange?: (vis: VisibilityState) => void\n columnLabels?: Record<string, string>\n onColumnLabelChange?: (columnId: string, label: string) => void\n enablePagination?: boolean\n defaultPageSize?: number\n pagination?: PaginationState\n onPaginationChange?: (pagination: PaginationState) => void\n enableColumnReorder?: boolean\n enableFiltering?: boolean\n filters?: FilterCondition[]\n onFiltersChange?: (filters: FilterCondition[]) => void\n filterConfig?: FilterColumnConfig[]\n /** When true, filtering is handled externally — onFiltersChange fires but rows are not filtered client-side. */\n manualFiltering?: boolean\n density?: \"compact\" | \"default\" | \"relaxed\"\n children?: React.ReactNode\n className?: string\n /** Variant passed to the base Table component */\n variant?: React.ComponentProps<typeof Table>[\"variant\"]\n /** className passed to the base Table's container div */\n containerClassName?: React.ComponentProps<typeof Table>[\"containerClassName\"]\n truncate?: boolean\n}\n\nfunction DataTable<TData, TValue>({\n columns,\n data,\n toolbar,\n enableSorting = false,\n enableColumnVisibility = false,\n children,\n columnOrder: controlledColumnOrder,\n onColumnOrderChange,\n columnVisibility: controlledColumnVisibility,\n onColumnVisibilityChange,\n columnLabels: controlledColumnLabels,\n onColumnLabelChange,\n enablePagination = false,\n defaultPageSize = 10,\n pagination: controlledPagination,\n onPaginationChange,\n enableColumnReorder = false,\n enableFiltering = false,\n filters: controlledFilters,\n onFiltersChange,\n filterConfig,\n manualFiltering = false,\n density = \"default\",\n className,\n variant = \"card\",\n containerClassName,\n truncate = true,\n}: DataTableProps<TData, TValue>) {\n const [sorting, setSorting] = React.useState<SortingState>([])\n const [internalColumnVisibility, setInternalColumnVisibility] =\n React.useState<VisibilityState>({})\n const [internalColumnOrder, setInternalColumnOrder] =\n React.useState<ColumnOrderState>([])\n const [internalColumnLabels, setInternalColumnLabels] = React.useState<\n Record<string, string>\n >({})\n const [internalPagination, setInternalPagination] =\n React.useState<PaginationState>({\n pageIndex: 0,\n pageSize: defaultPageSize,\n })\n const [internalFilters, setInternalFilters] = React.useState<FilterCondition[]>([])\n\n const pagination = controlledPagination ?? internalPagination\n const filters = controlledFilters ?? internalFilters\n\n const columnVisibility =\n controlledColumnVisibility ?? internalColumnVisibility\n const columnOrder = controlledColumnOrder ?? internalColumnOrder\n const columnLabels = controlledColumnLabels ?? internalColumnLabels\n\n const handlePaginationChange = React.useMemo(() => {\n if (!enablePagination) return\n if (onPaginationChange) {\n return (updater: PaginationState | ((prev: PaginationState) => PaginationState)) => {\n const next = typeof updater === \"function\" ? updater(controlledPagination!) : updater\n onPaginationChange(next)\n }\n }\n return setInternalPagination\n }, [enablePagination, onPaginationChange, controlledPagination])\n\n const handleVisibilityChange = React.useMemo(() => {\n if (!enableColumnVisibility) return\n return (updater: VisibilityState | ((prev: VisibilityState) => VisibilityState)) => {\n const next = typeof updater === \"function\" ? updater(columnVisibility) : updater\n ;(onColumnVisibilityChange ?? setInternalColumnVisibility)(next)\n }\n }, [enableColumnVisibility, columnVisibility, onColumnVisibilityChange])\n\n const handleFiltersChange = React.useCallback(\n (newFilters: FilterCondition[]) => {\n ;(onFiltersChange ?? setInternalFilters)(newFilters)\n },\n [onFiltersChange],\n )\n\n const resolvedFilterConfig: FilterColumnConfig[] = React.useMemo(() => {\n if (filterConfig) return filterConfig\n return columns\n .filter((col) => \"accessorKey\" in col)\n .map((col) => ({ columnId: String((col as { accessorKey: unknown }).accessorKey) }))\n }, [filterConfig, columns])\n\n const filteredData = React.useMemo((): TData[] => {\n if (!enableFiltering || manualFiltering) return data\n const active = filters.filter(\n (f) =>\n f.columnId &&\n f.operator &&\n (f.value.trim() !== \"\" || f.operator === \"is_empty\" || f.operator === \"is_not_empty\"),\n )\n if (active.length === 0) return data\n return data.filter((row) =>\n active.every((condition) => {\n const cellValue = String(\n (row as Record<string, unknown>)[condition.columnId] ?? \"\",\n )\n return applyFilterCondition(cellValue, condition.operator, condition.value)\n }),\n )\n }, [data, filters, enableFiltering, manualFiltering])\n\n const handleColumnOrderChange = React.useCallback(\n (updater: ColumnOrderState | ((prev: ColumnOrderState) => ColumnOrderState)) => {\n const next = typeof updater === \"function\" ? updater(columnOrder) : updater\n ;(onColumnOrderChange ?? setInternalColumnOrder)(next)\n },\n [columnOrder, onColumnOrderChange],\n )\n\n const table = useReactTable({\n data: filteredData,\n columns,\n state: {\n sorting: enableSorting ? sorting : undefined,\n columnVisibility: enableColumnVisibility ? columnVisibility : undefined,\n columnOrder: columnOrder.length > 0 ? columnOrder : undefined,\n ...(enablePagination ? { pagination } : {}),\n },\n onSortingChange: enableSorting ? setSorting : undefined,\n onPaginationChange: handlePaginationChange,\n onColumnVisibilityChange: handleVisibilityChange,\n onColumnOrderChange: handleColumnOrderChange,\n getCoreRowModel: getCoreRowModel(),\n getSortedRowModel: enableSorting ? getSortedRowModel() : undefined,\n getPaginationRowModel: enablePagination ? getPaginationRowModel() : undefined,\n })\n\n const setColumnLabel = React.useCallback(\n (columnId: string, label: string) => {\n ;(onColumnLabelChange ?? ((id: string, l: string) => setInternalColumnLabels((prev) => ({ ...prev, [id]: l }))))(columnId, label)\n },\n [onColumnLabelChange],\n )\n\n const reorderSensors = useSensors(\n useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }),\n )\n\n const [draggingColumnId, setDraggingColumnId] = React.useState<string | null>(null)\n\n const handleColumnDragStart = React.useCallback(\n (event: DragStartEvent) => {\n setDraggingColumnId(String(event.active.id))\n },\n [],\n )\n\n const handleColumnDragEnd = React.useCallback(\n (event: DragEndEvent) => {\n setDraggingColumnId(null)\n const { active, over } = event\n if (!over || active.id === over.id) return\n const currentOrder =\n columnOrder.length > 0 ? columnOrder : table.getAllLeafColumns().map((column) => column.id)\n const oldIdx = currentOrder.indexOf(String(active.id))\n const newIdx = currentOrder.indexOf(String(over.id))\n if (oldIdx === -1 || newIdx === -1) return\n const newOrder = arrayMove(currentOrder, oldIdx, newIdx)\n table.setColumnOrder(newOrder)\n },\n [columnOrder, table],\n )\n\n const draggingHeader = draggingColumnId\n ? table.getFlatHeaders().find((h) => h.column.id === draggingColumnId)\n : null\n\n // Infer which columns are numeric from the first data row\n const numericColumns = React.useMemo(() => {\n if (data.length === 0) return new Set<string>()\n const first = data[0] as Record<string, unknown>\n const ids = new Set<string>()\n for (const col of columns) {\n const key = \"accessorKey\" in col ? String(col.accessorKey) : \"\"\n if (key && typeof first[key] === \"number\") ids.add(key)\n }\n return ids\n }, [data, columns])\n\n const hasExplicitSize = columns.some((c) => c.size != null)\n\n // Not memoized: TanStack's table instance is a stable reference that mutates\n // internally, so children reading table.getState() need fresh context on each render.\n const ctx = {\n table,\n columnLabels,\n setColumnLabel,\n filters,\n setFilters: handleFiltersChange,\n filterConfig: resolvedFilterConfig,\n enableFiltering,\n } as TableContextValue<unknown>\n\n const { toolbarSlots, filterSlots, paginationSlots, restSlots } = categorizeSlots(children)\n\n return (\n <TableContext.Provider value={ctx}>\n <div data-slot=\"data-table\" className={cn(\"w-full space-y-2\", className)}>\n {toolbar}\n {toolbarSlots}\n {filterSlots}\n {enableColumnReorder ? (\n <DndContext\n sensors={reorderSensors}\n collisionDetection={closestCenter}\n modifiers={[restrictToHorizontalAxis]}\n onDragStart={handleColumnDragStart}\n onDragEnd={handleColumnDragEnd}\n >\n <SortableContext\n items={table.getFlatHeaders().map((h) => h.column.id)}\n strategy={horizontalListSortingStrategy}\n >\n <Table\n data-density={density}\n variant={variant}\n containerClassName={containerClassName}\n layout={hasExplicitSize ? \"fixed\" : undefined}\n >\n {hasExplicitSize && (\n <colgroup>\n {table.getHeaderGroups()[0]?.headers.map((header) => (\n <col\n key={header.id}\n style={{ width: header.column.getSize() }}\n />\n ))}\n </colgroup>\n )}\n <TableHeader>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map((header, headerIdx) => (\n <DraggableHeader\n key={header.id}\n header={header}\n position={headerIdx === 0 ? \"first\" : headerIdx === headerGroup.headers.length - 1 ? \"last\" : \"middle\"}\n numeric={numericColumns.has(header.column.id)}\n truncate={truncate && (header.column.columnDef.meta?.truncate ?? true)}\n >\n <SortableHeaderContent\n header={header as Header<unknown, unknown>}\n enableSorting={enableSorting}\n numericColumns={numericColumns}\n columnLabels={columnLabels}\n truncate={truncate && (header.column.columnDef.meta?.truncate ?? true)}\n />\n </DraggableHeader>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n <TableBody>\n <DataTableRows table={table} columns={columns} numericColumns={numericColumns} truncate={truncate} />\n </TableBody>\n </Table>\n </SortableContext>\n <DragOverlay dropAnimation={null}>\n {draggingHeader && (\n <div className=\"rounded-md border bg-background px-4 py-3 text-sm font-medium shadow-lg\">\n {columnLabels[draggingHeader.column.id] ??\n (typeof draggingHeader.column.columnDef.header === \"string\"\n ? draggingHeader.column.columnDef.header\n : draggingHeader.column.id)}\n </div>\n )}\n </DragOverlay>\n </DndContext>\n ) : (\n <Table\n data-density={density}\n variant={variant}\n containerClassName={containerClassName}\n layout={hasExplicitSize ? \"fixed\" : undefined}\n >\n {hasExplicitSize && (\n <colgroup>\n {table.getHeaderGroups()[0]?.headers.map((header) => (\n <col\n key={header.id}\n style={header.column.columnDef.size == null ? undefined : { width: header.column.columnDef.size }}\n />\n ))}\n </colgroup>\n )}\n <TableHeader>\n {table.getHeaderGroups().map((headerGroup) => (\n <TableRow key={headerGroup.id}>\n {headerGroup.headers.map((header) => (\n <TableHead\n key={header.id}\n variant={numericColumns.has(header.column.id) ? \"numeric\" : undefined}\n truncate={truncate && (header.column.columnDef.meta?.truncate ?? true)}\n >\n <SortableHeaderContent\n header={header as Header<unknown, unknown>}\n enableSorting={enableSorting}\n numericColumns={numericColumns}\n columnLabels={columnLabels}\n truncate={truncate && (header.column.columnDef.meta?.truncate ?? true)}\n />\n </TableHead>\n ))}\n </TableRow>\n ))}\n </TableHeader>\n <TableBody>\n <DataTableRows table={table} columns={columns} numericColumns={numericColumns} truncate={truncate} />\n </TableBody>\n </Table>\n )}\n {paginationSlots}\n {restSlots}\n </div>\n </TableContext.Provider>\n )\n}\n\n// ---------------------------------------------------------------------------\n// TableToolbar\n// ---------------------------------------------------------------------------\n\nfunction TableToolbar({\n className,\n children,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"table-toolbar\"\n className={cn(\"flex items-center justify-end gap-2\", className)}\n {...props}\n >\n {children}\n </div>\n )\n}\n\nexport { DataTable, TableToolbar, useDataTable }\nexport type { DataTableProps, FilterCondition, FilterOperator, FilterColumnConfig }\n"],"names":["applyFilterCondition","cellValue","operator","filterValue","cell","filter","TableContext","React","useDataTable","ctx","DraggableHeader","header","children","position","numeric","truncate","attributes","listeners","setNodeRef","transform","transition","isDragging","useSortable","style","CSS","jsx","TableHead","cn","GripVerticalIcon","SortableHeaderContent","enableSorting","numericColumns","columnLabels","canSort","sorted","isNumeric","jsxs","e","flexRender","ArrowUpIcon","ArrowDownIcon","ArrowUpDownIcon","DataTableRows","table","columns","TableRow","TableCell","row","categorizeSlots","toolbarSlots","filterSlots","paginationSlots","restSlots","child","TableToolbar","DataTablePagination","DataTable","data","toolbar","enableColumnVisibility","controlledColumnOrder","onColumnOrderChange","controlledColumnVisibility","onColumnVisibilityChange","controlledColumnLabels","onColumnLabelChange","enablePagination","defaultPageSize","controlledPagination","onPaginationChange","enableColumnReorder","enableFiltering","controlledFilters","onFiltersChange","filterConfig","manualFiltering","density","className","variant","containerClassName","sorting","setSorting","internalColumnVisibility","setInternalColumnVisibility","internalColumnOrder","setInternalColumnOrder","internalColumnLabels","setInternalColumnLabels","internalPagination","setInternalPagination","internalFilters","setInternalFilters","pagination","filters","columnVisibility","columnOrder","handlePaginationChange","updater","next","handleVisibilityChange","handleFiltersChange","newFilters","resolvedFilterConfig","col","filteredData","active","f","condition","handleColumnOrderChange","useReactTable","getCoreRowModel","getSortedRowModel","getPaginationRowModel","setColumnLabel","columnId","label","id","l","prev","reorderSensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","draggingColumnId","setDraggingColumnId","handleColumnDragStart","event","handleColumnDragEnd","over","currentOrder","column","oldIdx","newIdx","newOrder","arrayMove","draggingHeader","h","first","ids","key","hasExplicitSize","c","DndContext","closestCenter","restrictToHorizontalAxis","SortableContext","horizontalListSortingStrategy","Table","TableHeader","headerGroup","headerIdx","TableBody","DragOverlay","props"],"mappings":"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"}