@stackshift-ui/data-table 1.0.0-beta.3 → 1.0.0-beta.6

package/dist/chunk-URJGIMUX.mjs

@@ -0,0 +1 @@
+import{DropdownMenuTrigger as l}from"@stackshift-ui/dropdown-menu";import{Settings2 as s}from"lucide-react";import{Button as d}from"@stackshift-ui/button";import{DropdownMenu as m,DropdownMenuCheckboxItem as u,DropdownMenuContent as D,DropdownMenuLabel as g,DropdownMenuSeparator as w}from"@stackshift-ui/dropdown-menu";import{DefaultComponent as f,useStackShiftUIComponents as C}from"@stackshift-ui/system";import{jsx as o,jsxs as n}from"react/jsx-runtime";var t="DataTableViewOptions";function c({table:a,...i}){let{[t]:r=f}=C();return o(r,{...i,children:n(m,{children:[o(l,{asChild:!0,children:n(d,{variant:"outline",size:"sm",className:"ml-auto hidden h-8 lg:flex",children:[o(s,{}),"View"]})}),n(D,{align:"end",className:"w-[150px]",children:[o(g,{children:"Toggle columns"}),o(w,{}),a.getAllColumns().filter(e=>typeof e.accessorFn!="undefined"&&e.getCanHide()).map(e=>o(u,{className:"capitalize",checked:e.getIsVisible(),onCheckedChange:p=>e.toggleVisibility(!!p),children:e.id},e.id))]})]})})}c.displayName=t;export{c as a};

package/dist/data-table-view-options.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var l=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var C=(a,e)=>{for(var r in e)l(a,r,{get:e[r],enumerable:!0})},c=(a,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of w(e))!f.call(a,i)&&i!==r&&l(a,i,{get:()=>e[i],enumerable:!(n=g(e,i))||n.enumerable});return a};var b=a=>c(l({},"__esModule",{value:!0}),a);var M={};C(M,{DataTableViewOptions:()=>D});module.exports=b(M);var s=require("@radix-ui/react-dropdown-menu"),d=require("lucide-react"),m=require("@stackshift-ui/button"),t=require("@stackshift-ui/dropdown-menu"),p=require("@stackshift-ui/system"),o=require("react/jsx-runtime"),u="DataTableViewOptions";function D({table:a,...e}){let{[u]:r=p.DefaultComponent}=(0,p.useStackShiftUIComponents)();return(0,o.jsx)(r,{...e,children:(0,o.jsxs)(t.DropdownMenu,{children:[(0,o.jsx)(s.DropdownMenuTrigger,{asChild:!0,children:(0,o.jsxs)(m.Button,{variant:"outline",size:"sm",className:"ml-auto hidden h-8 lg:flex",children:[(0,o.jsx)(d.Settings2,{}),"View"]})}),(0,o.jsxs)(t.DropdownMenuContent,{align:"end",className:"w-[150px]",children:[(0,o.jsx)(t.DropdownMenuLabel,{children:"Toggle columns"}),(0,o.jsx)(t.DropdownMenuSeparator,{}),a.getAllColumns().filter(n=>typeof n.accessorFn!="undefined"&&n.getCanHide()).map(n=>(0,o.jsx)(t.DropdownMenuCheckboxItem,{className:"capitalize",checked:n.getIsVisible(),onCheckedChange:i=>n.toggleVisibility(!!i),children:n.id},n.id))]})]})})}D.displayName=u;0&&(module.exports={DataTableViewOptions});
+"use strict";var l=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var C=(a,e)=>{for(var r in e)l(a,r,{get:e[r],enumerable:!0})},c=(a,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of w(e))!f.call(a,i)&&i!==r&&l(a,i,{get:()=>e[i],enumerable:!(n=g(e,i))||n.enumerable});return a};var b=a=>c(l({},"__esModule",{value:!0}),a);var M={};C(M,{DataTableViewOptions:()=>D});module.exports=b(M);var s=require("@stackshift-ui/dropdown-menu"),d=require("lucide-react"),m=require("@stackshift-ui/button"),p=require("@stackshift-ui/system"),o=require("react/jsx-runtime"),u="DataTableViewOptions";function D({table:a,...e}){let{[u]:r=p.DefaultComponent}=(0,p.useStackShiftUIComponents)();return(0,o.jsx)(r,{...e,children:(0,o.jsxs)(s.DropdownMenu,{children:[(0,o.jsx)(s.DropdownMenuTrigger,{asChild:!0,children:(0,o.jsxs)(m.Button,{variant:"outline",size:"sm",className:"ml-auto hidden h-8 lg:flex",children:[(0,o.jsx)(d.Settings2,{}),"View"]})}),(0,o.jsxs)(s.DropdownMenuContent,{align:"end",className:"w-[150px]",children:[(0,o.jsx)(s.DropdownMenuLabel,{children:"Toggle columns"}),(0,o.jsx)(s.DropdownMenuSeparator,{}),a.getAllColumns().filter(n=>typeof n.accessorFn!="undefined"&&n.getCanHide()).map(n=>(0,o.jsx)(s.DropdownMenuCheckboxItem,{className:"capitalize",checked:n.getIsVisible(),onCheckedChange:i=>n.toggleVisibility(!!i),children:n.id},n.id))]})]})})}D.displayName=u;0&&(module.exports={DataTableViewOptions});

package/dist/data-table-view-options.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a}from"./chunk-WNXZYFCR.mjs";import"./chunk-3EYN2AKU.mjs";export{a as DataTableViewOptions};
+"use strict";import{a}from"./chunk-URJGIMUX.mjs";import"./chunk-3EYN2AKU.mjs";export{a as DataTableViewOptions};

package/dist/data-table.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var v=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var J=Object.getOwnPropertyNames;var K=Object.prototype.hasOwnProperty;var Q=(e,n)=>{for(var s in n)v(e,s,{get:n[s],enumerable:!0})},W=(e,n,s,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let m of J(n))!K.call(e,m)&&m!==s&&v(e,m,{get:()=>n[m],enumerable:!(o=q(n,m))||o.enumerable});return e};var X=e=>W(v({},"__esModule",{value:!0}),e);var Y={};Q(Y,{DataTable:()=>U,DataTableColumnHeader:()=>P,DataTablePagination:()=>S,DataTableViewOptions:()=>y});module.exports=X(Y);var M=require("@stackshift-ui/system"),i=require("@stackshift-ui/table"),r=require("@tanstack/react-table"),h=require("react");var C=require("lucide-react"),w=require("@stackshift-ui/button"),g=require("@stackshift-ui/select"),t=require("react/jsx-runtime"),k="DataTablePagination";function S({table:e,...n}){let{[k]:s=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return(0,t.jsxs)(s,{className:"flex items-center justify-between px-2",...n,children:[(0,t.jsxs)("div",{className:"text-muted-foreground flex-1 text-sm",children:[e.getFilteredSelectedRowModel().rows.length," of"," ",e.getFilteredRowModel().rows.length," row(s) selected."]}),(0,t.jsxs)("div",{className:"flex items-center space-M-6 lg:space-M-8",children:[(0,t.jsxs)("div",{className:"flex items-center space-M-2",children:[(0,t.jsx)("p",{className:"text-sm font-medium",children:"Rows per page"}),(0,t.jsxs)(g.Select,{value:`${e.getState().pagination.pageSize}`,onValueChange:o=>{e.setPageSize(Number(o))},children:[(0,t.jsx)(g.SelectTrigger,{className:"h-8 w-[70px]",children:(0,t.jsx)(g.SelectValue,{placeholder:e.getState().pagination.pageSize})}),(0,t.jsx)(g.SelectContent,{side:"top",children:[10,20,25,30,40,50].map(o=>(0,t.jsx)(g.SelectItem,{value:`${o}`,children:o},o))})]})]}),(0,t.jsxs)("div",{className:"flex w-[100px] items-center justify-center text-sm font-medium",children:["Page ",e.getState().pagination.pageIndex+1," of ",e.getPageCount()]}),(0,t.jsxs)("div",{className:"flex items-center space-M-2",children:[(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"hidden size-8 lg:flex",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to first page"}),(0,t.jsx)(C.ChevronsLeft,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"size-8",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to previous page"}),(0,t.jsx)(C.ChevronLeft,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"size-8",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to next page"}),(0,t.jsx)(C.ChevronRight,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"hidden size-8 lg:flex",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to last page"}),(0,t.jsx)(C.ChevronsRight,{})]})]})]})]})}S.displayName=k;var p=require("@stackshift-ui/dropdown-menu"),V="DataTableColumnHeader";function P({column:e,title:n,className:s,...o}){let{[V]:m=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return e.getCanSort()?(0,t.jsx)(m,{className:(0,M.cn)("flex items-center gap-2",s),...o,children:(0,t.jsxs)(p.DropdownMenu,{children:[(0,t.jsx)(p.DropdownMenuTrigger,{asChild:!0,children:(0,t.jsxs)(w.Button,{variant:"ghost",size:"sm",className:"data-[state=open]:bg-accent -ml-3 h-8",children:[(0,t.jsx)("span",{children:n}),e.getIsSorted()==="desc"?(0,t.jsx)(C.ArrowDown,{}):e.getIsSorted()==="asc"?(0,t.jsx)(C.ArrowUp,{}):(0,t.jsx)(C.ChevronsUpDown,{})]})}),(0,t.jsxs)(p.DropdownMenuContent,{align:"start",children:[(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleSorting(!1),children:[(0,t.jsx)(C.ArrowUp,{}),"Asc"]}),(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleSorting(!0),children:[(0,t.jsx)(C.ArrowDown,{}),"Desc"]}),(0,t.jsx)(p.DropdownMenuSeparator,{}),(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleVisibility(!1),children:[(0,t.jsx)(C.EyeOff,{}),"Hide"]})]})]})}):(0,t.jsx)(m,{className:(0,M.cn)(s),...o,children:n})}P.displayName=V;var H=require("@radix-ui/react-dropdown-menu"),F="DataTableViewOptions";function y({table:e,...n}){let{[F]:s=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return(0,t.jsx)(s,{...n,children:(0,t.jsxs)(p.DropdownMenu,{children:[(0,t.jsx)(H.DropdownMenuTrigger,{asChild:!0,children:(0,t.jsxs)(w.Button,{variant:"outline",size:"sm",className:"ml-auto hidden h-8 lg:flex",children:[(0,t.jsx)(C.Settings2,{}),"View"]})}),(0,t.jsxs)(p.DropdownMenuContent,{align:"end",className:"w-[150px]",children:[(0,t.jsx)(p.DropdownMenuLabel,{children:"Toggle columns"}),(0,t.jsx)(p.DropdownMenuSeparator,{}),e.getAllColumns().filter(o=>typeof o.accessorFn!="undefined"&&o.getCanHide()).map(o=>(0,t.jsx)(p.DropdownMenuCheckboxItem,{className:"capitalize",checked:o.getIsVisible(),onCheckedChange:m=>o.toggleVisibility(!!m),children:o.id},o.id))]})]})})}y.displayName=F;var L="DataTable";function U({columns:e,data:n,...s}){var R;let{[L]:o=M.DefaultComponent}=(0,M.useStackShiftUIComponents)(),[m,A]=(0,h.useState)([]),[G,O]=(0,h.useState)({}),[E,$]=(0,h.useState)([]),b=(0,r.useReactTable)({data:n,columns:e,getCoreRowModel:(0,r.getCoreRowModel)(),getPaginationRowModel:(0,r.getPaginationRowModel)(),onSortingChange:A,getSortedRowModel:(0,r.getSortedRowModel)(),onRowSelectionChange:O,onColumnFiltersChange:$,getFilteredRowModel:(0,r.getFilteredRowModel)(),state:{sorting:m,rowSelection:G,columnFilters:E}});return(0,t.jsxs)(o,{className:"relative w-full h-full flex flex-col gap-2",...s,children:[(0,t.jsx)("div",{className:"rounded-md border",children:(0,t.jsxs)(i.Table,{children:[(0,t.jsx)(i.TableHeader,{children:b.getHeaderGroups().map(D=>(0,t.jsx)(i.TableRow,{children:D.headers.map(f=>(0,t.jsx)(i.TableHead,{children:f.isPlaceholder?null:(0,r.flexRender)(f.column.columnDef.header,f.getContext())},f.id))},D.id))}),(0,t.jsx)(i.TableBody,{children:(R=b.getRowModel().rows)!=null&&R.length?b.getRowModel().rows.map(D=>(0,t.jsx)(i.TableRow,{"data-state":D.getIsSelected()&&"selected",children:D.getVisibleCells().map(f=>(0,t.jsx)(i.TableCell,{children:(0,r.flexRender)(f.column.columnDef.cell,f.getContext())},f.id))},D.id)):(0,t.jsx)(i.TableRow,{children:(0,t.jsx)(i.TableCell,{colSpan:e.length,className:"h-24 text-center",children:"No results."})})})]})}),(0,t.jsx)("div",{className:"w-full h-fit py-10",children:(0,t.jsx)(S,{table:b})})]})}U.displayName=L;0&&(module.exports={DataTable,DataTableColumnHeader,DataTablePagination,DataTableViewOptions});
+"use strict";var v=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var J=Object.getOwnPropertyNames;var K=Object.prototype.hasOwnProperty;var Q=(e,n)=>{for(var s in n)v(e,s,{get:n[s],enumerable:!0})},W=(e,n,s,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let m of J(n))!K.call(e,m)&&m!==s&&v(e,m,{get:()=>n[m],enumerable:!(o=q(n,m))||o.enumerable});return e};var X=e=>W(v({},"__esModule",{value:!0}),e);var Y={};Q(Y,{DataTable:()=>U,DataTableColumnHeader:()=>P,DataTablePagination:()=>S,DataTableViewOptions:()=>y});module.exports=X(Y);var M=require("@stackshift-ui/system"),i=require("@stackshift-ui/table"),r=require("@tanstack/react-table"),h=require("react");var C=require("lucide-react"),w=require("@stackshift-ui/button"),g=require("@stackshift-ui/select"),t=require("react/jsx-runtime"),k="DataTablePagination";function S({table:e,...n}){let{[k]:s=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return(0,t.jsxs)(s,{className:"flex items-center justify-between px-2",...n,children:[(0,t.jsxs)("div",{className:"text-muted-foreground flex-1 text-sm",children:[e.getFilteredSelectedRowModel().rows.length," of"," ",e.getFilteredRowModel().rows.length," row(s) selected."]}),(0,t.jsxs)("div",{className:"flex items-center space-M-6 lg:space-M-8",children:[(0,t.jsxs)("div",{className:"flex items-center space-M-2",children:[(0,t.jsx)("p",{className:"text-sm font-medium",children:"Rows per page"}),(0,t.jsxs)(g.Select,{value:`${e.getState().pagination.pageSize}`,onValueChange:o=>{e.setPageSize(Number(o))},children:[(0,t.jsx)(g.SelectTrigger,{className:"h-8 w-[70px]",children:(0,t.jsx)(g.SelectValue,{placeholder:e.getState().pagination.pageSize})}),(0,t.jsx)(g.SelectContent,{side:"top",children:[10,20,25,30,40,50].map(o=>(0,t.jsx)(g.SelectItem,{value:`${o}`,children:o},o))})]})]}),(0,t.jsxs)("div",{className:"flex w-[100px] items-center justify-center text-sm font-medium",children:["Page ",e.getState().pagination.pageIndex+1," of ",e.getPageCount()]}),(0,t.jsxs)("div",{className:"flex items-center space-M-2",children:[(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"hidden size-8 lg:flex",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to first page"}),(0,t.jsx)(C.ChevronsLeft,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"size-8",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to previous page"}),(0,t.jsx)(C.ChevronLeft,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"size-8",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to next page"}),(0,t.jsx)(C.ChevronRight,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"hidden size-8 lg:flex",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to last page"}),(0,t.jsx)(C.ChevronsRight,{})]})]})]})]})}S.displayName=k;var p=require("@stackshift-ui/dropdown-menu"),V="DataTableColumnHeader";function P({column:e,title:n,className:s,...o}){let{[V]:m=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return e.getCanSort()?(0,t.jsx)(m,{className:(0,M.cn)("flex items-center gap-2",s),...o,children:(0,t.jsxs)(p.DropdownMenu,{children:[(0,t.jsx)(p.DropdownMenuTrigger,{asChild:!0,children:(0,t.jsxs)(w.Button,{variant:"ghost",size:"sm",className:"data-[state=open]:bg-accent -ml-3 h-8",children:[(0,t.jsx)("span",{children:n}),e.getIsSorted()==="desc"?(0,t.jsx)(C.ArrowDown,{}):e.getIsSorted()==="asc"?(0,t.jsx)(C.ArrowUp,{}):(0,t.jsx)(C.ChevronsUpDown,{})]})}),(0,t.jsxs)(p.DropdownMenuContent,{align:"start",children:[(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleSorting(!1),children:[(0,t.jsx)(C.ArrowUp,{}),"Asc"]}),(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleSorting(!0),children:[(0,t.jsx)(C.ArrowDown,{}),"Desc"]}),(0,t.jsx)(p.DropdownMenuSeparator,{}),(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleVisibility(!1),children:[(0,t.jsx)(C.EyeOff,{}),"Hide"]})]})]})}):(0,t.jsx)(m,{className:(0,M.cn)(s),...o,children:n})}P.displayName=V;var F="DataTableViewOptions";function y({table:e,...n}){let{[F]:s=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return(0,t.jsx)(s,{...n,children:(0,t.jsxs)(p.DropdownMenu,{children:[(0,t.jsx)(p.DropdownMenuTrigger,{asChild:!0,children:(0,t.jsxs)(w.Button,{variant:"outline",size:"sm",className:"ml-auto hidden h-8 lg:flex",children:[(0,t.jsx)(C.Settings2,{}),"View"]})}),(0,t.jsxs)(p.DropdownMenuContent,{align:"end",className:"w-[150px]",children:[(0,t.jsx)(p.DropdownMenuLabel,{children:"Toggle columns"}),(0,t.jsx)(p.DropdownMenuSeparator,{}),e.getAllColumns().filter(o=>typeof o.accessorFn!="undefined"&&o.getCanHide()).map(o=>(0,t.jsx)(p.DropdownMenuCheckboxItem,{className:"capitalize",checked:o.getIsVisible(),onCheckedChange:m=>o.toggleVisibility(!!m),children:o.id},o.id))]})]})})}y.displayName=F;var L="DataTable";function U({columns:e,data:n,...s}){var R;let{[L]:o=M.DefaultComponent}=(0,M.useStackShiftUIComponents)(),[m,A]=(0,h.useState)([]),[G,O]=(0,h.useState)({}),[E,$]=(0,h.useState)([]),b=(0,r.useReactTable)({data:n,columns:e,getCoreRowModel:(0,r.getCoreRowModel)(),getPaginationRowModel:(0,r.getPaginationRowModel)(),onSortingChange:A,getSortedRowModel:(0,r.getSortedRowModel)(),onRowSelectionChange:O,onColumnFiltersChange:$,getFilteredRowModel:(0,r.getFilteredRowModel)(),state:{sorting:m,rowSelection:G,columnFilters:E}});return(0,t.jsxs)(o,{className:"relative w-full h-full flex flex-col gap-2",...s,children:[(0,t.jsx)("div",{className:"rounded-md border",children:(0,t.jsxs)(i.Table,{children:[(0,t.jsx)(i.TableHeader,{children:b.getHeaderGroups().map(D=>(0,t.jsx)(i.TableRow,{children:D.headers.map(f=>(0,t.jsx)(i.TableHead,{children:f.isPlaceholder?null:(0,r.flexRender)(f.column.columnDef.header,f.getContext())},f.id))},D.id))}),(0,t.jsx)(i.TableBody,{children:(R=b.getRowModel().rows)!=null&&R.length?b.getRowModel().rows.map(D=>(0,t.jsx)(i.TableRow,{"data-state":D.getIsSelected()&&"selected",children:D.getVisibleCells().map(f=>(0,t.jsx)(i.TableCell,{children:(0,r.flexRender)(f.column.columnDef.cell,f.getContext())},f.id))},D.id)):(0,t.jsx)(i.TableRow,{children:(0,t.jsx)(i.TableCell,{colSpan:e.length,className:"h-24 text-center",children:"No results."})})})]})}),(0,t.jsx)("div",{className:"w-full h-fit py-10",children:(0,t.jsx)(S,{table:b})})]})}U.displayName=L;0&&(module.exports={DataTable,DataTableColumnHeader,DataTablePagination,DataTableViewOptions});

package/dist/data-table.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as d}from"./chunk-VTWRQFOH.mjs";import{a}from"./chunk-4II4GOHT.mjs";import{a as b}from"./chunk-2YVCA56U.mjs";import{a as c}from"./chunk-WNXZYFCR.mjs";import"./chunk-3EYN2AKU.mjs";export{d as DataTable,a as DataTableColumnHeader,b as DataTablePagination,c as DataTableViewOptions};
+"use strict";import{a as d}from"./chunk-VTWRQFOH.mjs";import{a}from"./chunk-4II4GOHT.mjs";import{a as b}from"./chunk-2YVCA56U.mjs";import{a as c}from"./chunk-URJGIMUX.mjs";import"./chunk-3EYN2AKU.mjs";export{d as DataTable,a as DataTableColumnHeader,b as DataTablePagination,c as DataTableViewOptions};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var v=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var J=Object.getOwnPropertyNames;var K=Object.prototype.hasOwnProperty;var Q=(e,n)=>{for(var s in n)v(e,s,{get:n[s],enumerable:!0})},W=(e,n,s,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let m of J(n))!K.call(e,m)&&m!==s&&v(e,m,{get:()=>n[m],enumerable:!(o=q(n,m))||o.enumerable});return e};var X=e=>W(v({},"__esModule",{value:!0}),e);var Y={};Q(Y,{DataTable:()=>U,DataTableColumnHeader:()=>P,DataTablePagination:()=>S,DataTableViewOptions:()=>y});module.exports=X(Y);var M=require("@stackshift-ui/system"),i=require("@stackshift-ui/table"),r=require("@tanstack/react-table"),h=require("react");var C=require("lucide-react"),w=require("@stackshift-ui/button"),g=require("@stackshift-ui/select"),t=require("react/jsx-runtime"),k="DataTablePagination";function S({table:e,...n}){let{[k]:s=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return(0,t.jsxs)(s,{className:"flex items-center justify-between px-2",...n,children:[(0,t.jsxs)("div",{className:"text-muted-foreground flex-1 text-sm",children:[e.getFilteredSelectedRowModel().rows.length," of"," ",e.getFilteredRowModel().rows.length," row(s) selected."]}),(0,t.jsxs)("div",{className:"flex items-center space-M-6 lg:space-M-8",children:[(0,t.jsxs)("div",{className:"flex items-center space-M-2",children:[(0,t.jsx)("p",{className:"text-sm font-medium",children:"Rows per page"}),(0,t.jsxs)(g.Select,{value:`${e.getState().pagination.pageSize}`,onValueChange:o=>{e.setPageSize(Number(o))},children:[(0,t.jsx)(g.SelectTrigger,{className:"h-8 w-[70px]",children:(0,t.jsx)(g.SelectValue,{placeholder:e.getState().pagination.pageSize})}),(0,t.jsx)(g.SelectContent,{side:"top",children:[10,20,25,30,40,50].map(o=>(0,t.jsx)(g.SelectItem,{value:`${o}`,children:o},o))})]})]}),(0,t.jsxs)("div",{className:"flex w-[100px] items-center justify-center text-sm font-medium",children:["Page ",e.getState().pagination.pageIndex+1," of ",e.getPageCount()]}),(0,t.jsxs)("div",{className:"flex items-center space-M-2",children:[(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"hidden size-8 lg:flex",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to first page"}),(0,t.jsx)(C.ChevronsLeft,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"size-8",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to previous page"}),(0,t.jsx)(C.ChevronLeft,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"size-8",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to next page"}),(0,t.jsx)(C.ChevronRight,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"hidden size-8 lg:flex",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to last page"}),(0,t.jsx)(C.ChevronsRight,{})]})]})]})]})}S.displayName=k;var p=require("@stackshift-ui/dropdown-menu"),V="DataTableColumnHeader";function P({column:e,title:n,className:s,...o}){let{[V]:m=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return e.getCanSort()?(0,t.jsx)(m,{className:(0,M.cn)("flex items-center gap-2",s),...o,children:(0,t.jsxs)(p.DropdownMenu,{children:[(0,t.jsx)(p.DropdownMenuTrigger,{asChild:!0,children:(0,t.jsxs)(w.Button,{variant:"ghost",size:"sm",className:"data-[state=open]:bg-accent -ml-3 h-8",children:[(0,t.jsx)("span",{children:n}),e.getIsSorted()==="desc"?(0,t.jsx)(C.ArrowDown,{}):e.getIsSorted()==="asc"?(0,t.jsx)(C.ArrowUp,{}):(0,t.jsx)(C.ChevronsUpDown,{})]})}),(0,t.jsxs)(p.DropdownMenuContent,{align:"start",children:[(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleSorting(!1),children:[(0,t.jsx)(C.ArrowUp,{}),"Asc"]}),(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleSorting(!0),children:[(0,t.jsx)(C.ArrowDown,{}),"Desc"]}),(0,t.jsx)(p.DropdownMenuSeparator,{}),(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleVisibility(!1),children:[(0,t.jsx)(C.EyeOff,{}),"Hide"]})]})]})}):(0,t.jsx)(m,{className:(0,M.cn)(s),...o,children:n})}P.displayName=V;var H=require("@radix-ui/react-dropdown-menu"),F="DataTableViewOptions";function y({table:e,...n}){let{[F]:s=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return(0,t.jsx)(s,{...n,children:(0,t.jsxs)(p.DropdownMenu,{children:[(0,t.jsx)(H.DropdownMenuTrigger,{asChild:!0,children:(0,t.jsxs)(w.Button,{variant:"outline",size:"sm",className:"ml-auto hidden h-8 lg:flex",children:[(0,t.jsx)(C.Settings2,{}),"View"]})}),(0,t.jsxs)(p.DropdownMenuContent,{align:"end",className:"w-[150px]",children:[(0,t.jsx)(p.DropdownMenuLabel,{children:"Toggle columns"}),(0,t.jsx)(p.DropdownMenuSeparator,{}),e.getAllColumns().filter(o=>typeof o.accessorFn!="undefined"&&o.getCanHide()).map(o=>(0,t.jsx)(p.DropdownMenuCheckboxItem,{className:"capitalize",checked:o.getIsVisible(),onCheckedChange:m=>o.toggleVisibility(!!m),children:o.id},o.id))]})]})})}y.displayName=F;var L="DataTable";function U({columns:e,data:n,...s}){var R;let{[L]:o=M.DefaultComponent}=(0,M.useStackShiftUIComponents)(),[m,A]=(0,h.useState)([]),[G,O]=(0,h.useState)({}),[E,$]=(0,h.useState)([]),b=(0,r.useReactTable)({data:n,columns:e,getCoreRowModel:(0,r.getCoreRowModel)(),getPaginationRowModel:(0,r.getPaginationRowModel)(),onSortingChange:A,getSortedRowModel:(0,r.getSortedRowModel)(),onRowSelectionChange:O,onColumnFiltersChange:$,getFilteredRowModel:(0,r.getFilteredRowModel)(),state:{sorting:m,rowSelection:G,columnFilters:E}});return(0,t.jsxs)(o,{className:"relative w-full h-full flex flex-col gap-2",...s,children:[(0,t.jsx)("div",{className:"rounded-md border",children:(0,t.jsxs)(i.Table,{children:[(0,t.jsx)(i.TableHeader,{children:b.getHeaderGroups().map(D=>(0,t.jsx)(i.TableRow,{children:D.headers.map(f=>(0,t.jsx)(i.TableHead,{children:f.isPlaceholder?null:(0,r.flexRender)(f.column.columnDef.header,f.getContext())},f.id))},D.id))}),(0,t.jsx)(i.TableBody,{children:(R=b.getRowModel().rows)!=null&&R.length?b.getRowModel().rows.map(D=>(0,t.jsx)(i.TableRow,{"data-state":D.getIsSelected()&&"selected",children:D.getVisibleCells().map(f=>(0,t.jsx)(i.TableCell,{children:(0,r.flexRender)(f.column.columnDef.cell,f.getContext())},f.id))},D.id)):(0,t.jsx)(i.TableRow,{children:(0,t.jsx)(i.TableCell,{colSpan:e.length,className:"h-24 text-center",children:"No results."})})})]})}),(0,t.jsx)("div",{className:"w-full h-fit py-10",children:(0,t.jsx)(S,{table:b})})]})}U.displayName=L;0&&(module.exports={DataTable,DataTableColumnHeader,DataTablePagination,DataTableViewOptions});
+"use strict";var v=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var J=Object.getOwnPropertyNames;var K=Object.prototype.hasOwnProperty;var Q=(e,n)=>{for(var s in n)v(e,s,{get:n[s],enumerable:!0})},W=(e,n,s,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let m of J(n))!K.call(e,m)&&m!==s&&v(e,m,{get:()=>n[m],enumerable:!(o=q(n,m))||o.enumerable});return e};var X=e=>W(v({},"__esModule",{value:!0}),e);var Y={};Q(Y,{DataTable:()=>U,DataTableColumnHeader:()=>P,DataTablePagination:()=>S,DataTableViewOptions:()=>y});module.exports=X(Y);var M=require("@stackshift-ui/system"),i=require("@stackshift-ui/table"),r=require("@tanstack/react-table"),h=require("react");var C=require("lucide-react"),w=require("@stackshift-ui/button"),g=require("@stackshift-ui/select"),t=require("react/jsx-runtime"),k="DataTablePagination";function S({table:e,...n}){let{[k]:s=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return(0,t.jsxs)(s,{className:"flex items-center justify-between px-2",...n,children:[(0,t.jsxs)("div",{className:"text-muted-foreground flex-1 text-sm",children:[e.getFilteredSelectedRowModel().rows.length," of"," ",e.getFilteredRowModel().rows.length," row(s) selected."]}),(0,t.jsxs)("div",{className:"flex items-center space-M-6 lg:space-M-8",children:[(0,t.jsxs)("div",{className:"flex items-center space-M-2",children:[(0,t.jsx)("p",{className:"text-sm font-medium",children:"Rows per page"}),(0,t.jsxs)(g.Select,{value:`${e.getState().pagination.pageSize}`,onValueChange:o=>{e.setPageSize(Number(o))},children:[(0,t.jsx)(g.SelectTrigger,{className:"h-8 w-[70px]",children:(0,t.jsx)(g.SelectValue,{placeholder:e.getState().pagination.pageSize})}),(0,t.jsx)(g.SelectContent,{side:"top",children:[10,20,25,30,40,50].map(o=>(0,t.jsx)(g.SelectItem,{value:`${o}`,children:o},o))})]})]}),(0,t.jsxs)("div",{className:"flex w-[100px] items-center justify-center text-sm font-medium",children:["Page ",e.getState().pagination.pageIndex+1," of ",e.getPageCount()]}),(0,t.jsxs)("div",{className:"flex items-center space-M-2",children:[(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"hidden size-8 lg:flex",onClick:()=>e.setPageIndex(0),disabled:!e.getCanPreviousPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to first page"}),(0,t.jsx)(C.ChevronsLeft,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"size-8",onClick:()=>e.previousPage(),disabled:!e.getCanPreviousPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to previous page"}),(0,t.jsx)(C.ChevronLeft,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"size-8",onClick:()=>e.nextPage(),disabled:!e.getCanNextPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to next page"}),(0,t.jsx)(C.ChevronRight,{})]}),(0,t.jsxs)(w.Button,{variant:"outline",size:"icon",className:"hidden size-8 lg:flex",onClick:()=>e.setPageIndex(e.getPageCount()-1),disabled:!e.getCanNextPage(),children:[(0,t.jsx)("span",{className:"sr-only",children:"Go to last page"}),(0,t.jsx)(C.ChevronsRight,{})]})]})]})]})}S.displayName=k;var p=require("@stackshift-ui/dropdown-menu"),V="DataTableColumnHeader";function P({column:e,title:n,className:s,...o}){let{[V]:m=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return e.getCanSort()?(0,t.jsx)(m,{className:(0,M.cn)("flex items-center gap-2",s),...o,children:(0,t.jsxs)(p.DropdownMenu,{children:[(0,t.jsx)(p.DropdownMenuTrigger,{asChild:!0,children:(0,t.jsxs)(w.Button,{variant:"ghost",size:"sm",className:"data-[state=open]:bg-accent -ml-3 h-8",children:[(0,t.jsx)("span",{children:n}),e.getIsSorted()==="desc"?(0,t.jsx)(C.ArrowDown,{}):e.getIsSorted()==="asc"?(0,t.jsx)(C.ArrowUp,{}):(0,t.jsx)(C.ChevronsUpDown,{})]})}),(0,t.jsxs)(p.DropdownMenuContent,{align:"start",children:[(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleSorting(!1),children:[(0,t.jsx)(C.ArrowUp,{}),"Asc"]}),(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleSorting(!0),children:[(0,t.jsx)(C.ArrowDown,{}),"Desc"]}),(0,t.jsx)(p.DropdownMenuSeparator,{}),(0,t.jsxs)(p.DropdownMenuItem,{onClick:()=>e.toggleVisibility(!1),children:[(0,t.jsx)(C.EyeOff,{}),"Hide"]})]})]})}):(0,t.jsx)(m,{className:(0,M.cn)(s),...o,children:n})}P.displayName=V;var F="DataTableViewOptions";function y({table:e,...n}){let{[F]:s=M.DefaultComponent}=(0,M.useStackShiftUIComponents)();return(0,t.jsx)(s,{...n,children:(0,t.jsxs)(p.DropdownMenu,{children:[(0,t.jsx)(p.DropdownMenuTrigger,{asChild:!0,children:(0,t.jsxs)(w.Button,{variant:"outline",size:"sm",className:"ml-auto hidden h-8 lg:flex",children:[(0,t.jsx)(C.Settings2,{}),"View"]})}),(0,t.jsxs)(p.DropdownMenuContent,{align:"end",className:"w-[150px]",children:[(0,t.jsx)(p.DropdownMenuLabel,{children:"Toggle columns"}),(0,t.jsx)(p.DropdownMenuSeparator,{}),e.getAllColumns().filter(o=>typeof o.accessorFn!="undefined"&&o.getCanHide()).map(o=>(0,t.jsx)(p.DropdownMenuCheckboxItem,{className:"capitalize",checked:o.getIsVisible(),onCheckedChange:m=>o.toggleVisibility(!!m),children:o.id},o.id))]})]})})}y.displayName=F;var L="DataTable";function U({columns:e,data:n,...s}){var R;let{[L]:o=M.DefaultComponent}=(0,M.useStackShiftUIComponents)(),[m,A]=(0,h.useState)([]),[G,O]=(0,h.useState)({}),[E,$]=(0,h.useState)([]),b=(0,r.useReactTable)({data:n,columns:e,getCoreRowModel:(0,r.getCoreRowModel)(),getPaginationRowModel:(0,r.getPaginationRowModel)(),onSortingChange:A,getSortedRowModel:(0,r.getSortedRowModel)(),onRowSelectionChange:O,onColumnFiltersChange:$,getFilteredRowModel:(0,r.getFilteredRowModel)(),state:{sorting:m,rowSelection:G,columnFilters:E}});return(0,t.jsxs)(o,{className:"relative w-full h-full flex flex-col gap-2",...s,children:[(0,t.jsx)("div",{className:"rounded-md border",children:(0,t.jsxs)(i.Table,{children:[(0,t.jsx)(i.TableHeader,{children:b.getHeaderGroups().map(D=>(0,t.jsx)(i.TableRow,{children:D.headers.map(f=>(0,t.jsx)(i.TableHead,{children:f.isPlaceholder?null:(0,r.flexRender)(f.column.columnDef.header,f.getContext())},f.id))},D.id))}),(0,t.jsx)(i.TableBody,{children:(R=b.getRowModel().rows)!=null&&R.length?b.getRowModel().rows.map(D=>(0,t.jsx)(i.TableRow,{"data-state":D.getIsSelected()&&"selected",children:D.getVisibleCells().map(f=>(0,t.jsx)(i.TableCell,{children:(0,r.flexRender)(f.column.columnDef.cell,f.getContext())},f.id))},D.id)):(0,t.jsx)(i.TableRow,{children:(0,t.jsx)(i.TableCell,{colSpan:e.length,className:"h-24 text-center",children:"No results."})})})]})}),(0,t.jsx)("div",{className:"w-full h-fit py-10",children:(0,t.jsx)(S,{table:b})})]})}U.displayName=L;0&&(module.exports={DataTable,DataTableColumnHeader,DataTablePagination,DataTableViewOptions});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as t}from"./chunk-VTWRQFOH.mjs";import{a as e}from"./chunk-4II4GOHT.mjs";import{a as o}from"./chunk-2YVCA56U.mjs";import{a as r}from"./chunk-WNXZYFCR.mjs";import"./chunk-3EYN2AKU.mjs";export{t as DataTable,e as DataTableColumnHeader,o as DataTablePagination,r as DataTableViewOptions};
+"use strict";import{a as t}from"./chunk-VTWRQFOH.mjs";import{a as e}from"./chunk-4II4GOHT.mjs";import{a as o}from"./chunk-2YVCA56U.mjs";import{a as r}from"./chunk-URJGIMUX.mjs";import"./chunk-3EYN2AKU.mjs";export{t as DataTable,e as DataTableColumnHeader,o as DataTablePagination,r as DataTableViewOptions};