@stereopt/data-table 0.1.11 → 0.1.13

package/dist/index.cjs

@@ -138,8 +138,26 @@ function Input({ className, type, ...props }) {
   );
 }
 
-// src/dataTable/DataTableControls.tsx
+// src/dataTable/filters/DataTableFilter.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+var DataTableFilter = ({
+  table,
+  filter
+}) => {
+  switch (filter.type) {
+    case "select": {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("pre", { children: '"Select Filter not implemented yet"' });
+    }
+    case "date": {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("pre", { children: '"Date Filter not implemented yet"' });
+    }
+    default:
+      throw new Error(`Type not Implemented: ${filter.type}`);
+  }
+};
+
+// src/dataTable/DataTableControls.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var DataTableControls = ({
   table,
   search,
@@ -147,9 +165,9 @@ var DataTableControls = ({
 }) => {
   const value = table.getState().globalFilter ?? "";
   const setValue = table.setGlobalFilter;
-  if (!filters || !search) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex items-center gap-4 pb-4", children: [
-    search && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  if (!filters && !search) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-4 pb-4", children: [
+    search && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       Input,
       {
         className: "max-w-sm",
@@ -159,7 +177,14 @@ var DataTableControls = ({
       }
     ),
     filters?.map((filter) => {
-      return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        DataTableFilter,
+        {
+          filter,
+          table
+        },
+        filter.column.toString()
+      );
     })
   ] });
 };
@@ -213,7 +238,7 @@ function composeRefs(...refs) {
 }
 
 // node_modules/@radix-ui/react-slot/dist/index.mjs
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -231,9 +256,9 @@ function createSlot(ownerName) {
           return child;
         }
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
   Slot2.displayName = `${ownerName}.Slot`;
   return Slot2;
@@ -260,7 +285,7 @@ var SLOTTABLE_IDENTIFIER = /* @__PURE__ */ Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
   const Slottable2 = ({ children }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
   };
   Slottable2.displayName = `${ownerName}.Slottable`;
   Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -309,7 +334,7 @@ function getElementRef(element) {
 }
 
 // src/components/ui/button.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority.cva)(
   "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -347,7 +372,7 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? dist_exports.Root : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     Comp,
     {
       className: cn(buttonVariants({ variant, size, className })),
@@ -480,25 +505,25 @@ var __iconNode4 = [
 var ChevronsRight = createLucideIcon("chevrons-right", __iconNode4);
 
 // src/dataTable/pagination/DataTablePagination.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 function DataTablePagination({
   table
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between px-2 pt-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-muted-foreground flex-1 text-sm", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between px-2 pt-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "text-muted-foreground flex-1 text-sm", children: [
       table.getFilteredRowModel().rows.length,
       " rows"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
         "Page ",
         table.getState().pagination.pageIndex + 1,
         " of",
         " ",
         table.getPageCount() || 1
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           Button,
           {
             className: "hidden size-8 lg:flex",
@@ -507,12 +532,12 @@ function DataTablePagination({
             size: "icon",
             variant: "outline",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Go to first page" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsLeft, {})
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "Go to first page" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronsLeft, {})
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           Button,
           {
             className: "size-8",
@@ -521,12 +546,12 @@ function DataTablePagination({
             size: "icon",
             variant: "outline",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Go to previous page" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronLeft, {})
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "Go to previous page" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronLeft, {})
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           Button,
           {
             className: "size-8",
@@ -535,12 +560,12 @@ function DataTablePagination({
             size: "icon",
             variant: "outline",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Go to next page" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronRight, {})
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "Go to next page" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronRight, {})
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           Button,
           {
             className: "hidden size-8 lg:flex",
@@ -549,8 +574,8 @@ function DataTablePagination({
             size: "icon",
             variant: "outline",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Go to last page" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ChevronsRight, {})
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "Go to last page" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ChevronsRight, {})
             ]
           }
         )
@@ -571,7 +596,7 @@ var fuzzyFilterFn = (searchableColumns) => (row, columnId, filterValue, addMeta)
 
 // src/dataTable/DataTable.tsx
 var import_react_table = require("@tanstack/react-table");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function DataTable({
   columns,
   data,
@@ -591,8 +616,8 @@ function DataTable({
       columnVisibility: config?.columnVisibility
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "w-full", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "w-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       DataTableControls,
       {
         filters: config?.filters,
@@ -600,9 +625,9 @@ function DataTable({
         table
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "rounded-md border overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableHeader, { className: "bg-muted", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "rounded-md border overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableHeader, { className: "bg-muted", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           TableHead,
           {
             colSpan: header.colSpan,
@@ -615,17 +640,17 @@ function DataTable({
           header.id
         );
       }) }, headerGroup.id)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         TableRow,
         {
           "data-state": row.getIsSelected() && "selected",
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableCell, { className: "truncate max-w-0", children: (0, import_react_table.flexRender)(
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableCell, { className: "truncate max-w-0", children: (0, import_react_table.flexRender)(
             cell.column.columnDef.cell,
             cell.getContext()
           ) }, cell.id))
         },
         row.id
-      )) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      )) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
         TableCell,
         {
           className: "h-24 text-center",
@@ -634,7 +659,7 @@ function DataTable({
         }
       ) }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DataTablePagination, { table })
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DataTablePagination, { table })
   ] });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.js

@@ -107,8 +107,26 @@ function Input({ className, type, ...props }) {
   );
 }
 
+// src/dataTable/filters/DataTableFilter.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var DataTableFilter = ({
+  table,
+  filter
+}) => {
+  switch (filter.type) {
+    case "select": {
+      return /* @__PURE__ */ jsx3("pre", { children: '"Select Filter not implemented yet"' });
+    }
+    case "date": {
+      return /* @__PURE__ */ jsx3("pre", { children: '"Date Filter not implemented yet"' });
+    }
+    default:
+      throw new Error(`Type not Implemented: ${filter.type}`);
+  }
+};
+
 // src/dataTable/DataTableControls.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
 var DataTableControls = ({
   table,
   search,
@@ -116,9 +134,9 @@ var DataTableControls = ({
 }) => {
   const value = table.getState().globalFilter ?? "";
   const setValue = table.setGlobalFilter;
-  if (!filters || !search) return null;
+  if (!filters && !search) return null;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 pb-4", children: [
-    search && /* @__PURE__ */ jsx3(
+    search && /* @__PURE__ */ jsx4(
       Input,
       {
         className: "max-w-sm",
@@ -128,7 +146,14 @@ var DataTableControls = ({
       }
     ),
     filters?.map((filter) => {
-      return null;
+      return /* @__PURE__ */ jsx4(
+        DataTableFilter,
+        {
+          filter,
+          table
+        },
+        filter.column.toString()
+      );
     })
   ] });
 };
@@ -182,7 +207,7 @@ function composeRefs(...refs) {
 }
 
 // node_modules/@radix-ui/react-slot/dist/index.mjs
-import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx5 } from "react/jsx-runtime";
 // @__NO_SIDE_EFFECTS__
 function createSlot(ownerName) {
   const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
@@ -200,9 +225,9 @@ function createSlot(ownerName) {
           return child;
         }
       });
-      return /* @__PURE__ */ jsx4(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
+      return /* @__PURE__ */ jsx5(SlotClone, { ...slotProps, ref: forwardedRef, children: React2.isValidElement(newElement) ? React2.cloneElement(newElement, void 0, newChildren) : null });
     }
-    return /* @__PURE__ */ jsx4(SlotClone, { ...slotProps, ref: forwardedRef, children });
+    return /* @__PURE__ */ jsx5(SlotClone, { ...slotProps, ref: forwardedRef, children });
   });
   Slot2.displayName = `${ownerName}.Slot`;
   return Slot2;
@@ -229,7 +254,7 @@ var SLOTTABLE_IDENTIFIER = /* @__PURE__ */ Symbol("radix.slottable");
 // @__NO_SIDE_EFFECTS__
 function createSlottable(ownerName) {
   const Slottable2 = ({ children }) => {
-    return /* @__PURE__ */ jsx4(Fragment2, { children });
+    return /* @__PURE__ */ jsx5(Fragment2, { children });
   };
   Slottable2.displayName = `${ownerName}.Slottable`;
   Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
@@ -278,7 +303,7 @@ function getElementRef(element) {
 }
 
 // src/components/ui/button.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var buttonVariants = cva(
   "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -316,7 +341,7 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? dist_exports.Root : "button";
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     Comp,
     {
       className: cn(buttonVariants({ variant, size, className })),
@@ -449,7 +474,7 @@ var __iconNode4 = [
 var ChevronsRight = createLucideIcon("chevrons-right", __iconNode4);
 
 // src/dataTable/pagination/DataTablePagination.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs2 } from "react/jsx-runtime";
 function DataTablePagination({
   table
 }) {
@@ -476,8 +501,8 @@ function DataTablePagination({
             size: "icon",
             variant: "outline",
             children: [
-              /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Go to first page" }),
-              /* @__PURE__ */ jsx6(ChevronsLeft, {})
+              /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Go to first page" }),
+              /* @__PURE__ */ jsx7(ChevronsLeft, {})
             ]
           }
         ),
@@ -490,8 +515,8 @@ function DataTablePagination({
             size: "icon",
             variant: "outline",
             children: [
-              /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Go to previous page" }),
-              /* @__PURE__ */ jsx6(ChevronLeft, {})
+              /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Go to previous page" }),
+              /* @__PURE__ */ jsx7(ChevronLeft, {})
             ]
           }
         ),
@@ -504,8 +529,8 @@ function DataTablePagination({
             size: "icon",
             variant: "outline",
             children: [
-              /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Go to next page" }),
-              /* @__PURE__ */ jsx6(ChevronRight, {})
+              /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Go to next page" }),
+              /* @__PURE__ */ jsx7(ChevronRight, {})
             ]
           }
         ),
@@ -518,8 +543,8 @@ function DataTablePagination({
             size: "icon",
             variant: "outline",
             children: [
-              /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Go to last page" }),
-              /* @__PURE__ */ jsx6(ChevronsRight, {})
+              /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Go to last page" }),
+              /* @__PURE__ */ jsx7(ChevronsRight, {})
             ]
           }
         )
@@ -548,7 +573,7 @@ import {
   getPaginationRowModel,
   useReactTable
 } from "@tanstack/react-table";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 function DataTable({
   columns,
   data,
@@ -569,7 +594,7 @@ function DataTable({
     }
   });
   return /* @__PURE__ */ jsxs3("div", { className: "w-full", children: [
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       DataTableControls,
       {
         filters: config?.filters,
@@ -577,9 +602,9 @@ function DataTable({
         table
       }
     ),
-    /* @__PURE__ */ jsx7("div", { className: "rounded-md border overflow-hidden", children: /* @__PURE__ */ jsxs3(Table, { children: [
-      /* @__PURE__ */ jsx7(TableHeader, { className: "bg-muted", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx7(TableRow, { children: headerGroup.headers.map((header) => {
-        return /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8("div", { className: "rounded-md border overflow-hidden", children: /* @__PURE__ */ jsxs3(Table, { children: [
+      /* @__PURE__ */ jsx8(TableHeader, { className: "bg-muted", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx8(TableRow, { children: headerGroup.headers.map((header) => {
+        return /* @__PURE__ */ jsx8(
           TableHead,
           {
             colSpan: header.colSpan,
@@ -592,17 +617,17 @@ function DataTable({
           header.id
         );
       }) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx7(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx8(TableBody, { children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx8(
         TableRow,
         {
           "data-state": row.getIsSelected() && "selected",
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx7(TableCell, { className: "truncate max-w-0", children: flexRender(
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx8(TableCell, { className: "truncate max-w-0", children: flexRender(
             cell.column.columnDef.cell,
             cell.getContext()
           ) }, cell.id))
         },
         row.id
-      )) : /* @__PURE__ */ jsx7(TableRow, { children: /* @__PURE__ */ jsx7(
+      )) : /* @__PURE__ */ jsx8(TableRow, { children: /* @__PURE__ */ jsx8(
         TableCell,
         {
           className: "h-24 text-center",
@@ -611,7 +636,7 @@ function DataTable({
         }
       ) }) })
     ] }) }),
-    /* @__PURE__ */ jsx7(DataTablePagination, { table })
+    /* @__PURE__ */ jsx8(DataTablePagination, { table })
   ] });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stereopt/data-table",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "Simple reusable React data table component",
   "type": "module",
   "main": "./dist/index.cjs",