@cryptlex/web-components 3.0.0 → 3.1.1

package/dist/components/data-table/column-picker.es.js

@@ -6,31 +6,41 @@ import { Columns3 as m } from "lucide-react";
 import { DropdownMenu as p, DropdownMenuTrigger as u, DropdownMenuContent as a, DropdownMenuGroup as c, DropdownMenuCheckboxItem as n } from "../ui/dropdown-menu.es.js";
 import { Button as s } from "../ui/button.es.js";
 import { getResourceDisplayName as h } from "./table-utils/constants.es.js";
-function x({ toggleAllColumnsVisible: o, getIsAllColumnsVisible: t, getAllColumns: d }) {
+function x({
+  toggleAllColumnsVisible: o,
+  getIsAllColumnsVisible: t,
+  getAllColumns: d
+}) {
   return /* @__PURE__ */ i(p, { children: [
     /* @__PURE__ */ r(u, { asChild: !0, children: /* @__PURE__ */ r(s, { icon: () => m, variant: "outline", children: "Columns" }) }),
     /* @__PURE__ */ r(a, { children: /* @__PURE__ */ i(c, { children: [
-      /* @__PURE__ */ r(n, { className: "italic", onSelect: (e) => {
-        e.preventDefault(), o();
-      }, checked: t(), children: "(Select all)" }),
-      d().map(
-        (e) => /* @__PURE__ */ i(
-          n,
-          {
-            onSelect: (l) => {
-              l.preventDefault(), e.toggleVisibility();
-            },
-            disabled: !e.getCanHide(),
-            checked: e.getIsVisible(),
-            children: [
-              e.getIsSorted(),
-              " ",
-              h(e.id, "admin-portal")
-            ]
+      /* @__PURE__ */ r(
+        n,
+        {
+          className: "italic",
+          onSelect: (e) => {
+            e.preventDefault(), o();
           },
-          e.id
-        )
-      )
+          checked: t(),
+          children: "(Select all)"
+        }
+      ),
+      d().map((e) => /* @__PURE__ */ i(
+        n,
+        {
+          onSelect: (l) => {
+            l.preventDefault(), e.toggleVisibility();
+          },
+          disabled: !e.getCanHide(),
+          checked: e.getIsVisible(),
+          children: [
+            e.getIsSorted(),
+            " ",
+            h(e.id, "admin-portal")
+          ]
+        },
+        e.id
+      ))
     ] }) })
   ] });
 }

package/dist/components/data-table/column-picker.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"column-picker.es.js","sources":["../../../lib/components/data-table/column-picker.tsx"],"sourcesContent":["import {\n  Button,\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuTrigger,\n  getResourceDisplayName\n} from '@/index';\nimport type { Column } from '@tanstack/react-table';\nimport { Columns3 } from 'lucide-react';\n\nexport function ColumnPicker({ toggleAllColumnsVisible, getIsAllColumnsVisible, getAllColumns }: { toggleAllColumnsVisible: () => void; getIsAllColumnsVisible: () => boolean, getAllColumns: () => Column<any, any>[] }) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button icon={() => Columns3} variant={'outline'}>Columns</Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuGroup>\n          <DropdownMenuCheckboxItem className=\"italic\" onSelect={(e) => { e.preventDefault(); toggleAllColumnsVisible(); }} checked={getIsAllColumnsVisible()}>(Select all)</DropdownMenuCheckboxItem>\n          {getAllColumns().map(col =>\n            <DropdownMenuCheckboxItem\n              onSelect={(e) => {\n                e.preventDefault();\n                col.toggleVisibility()\n              }}\n              key={col.id}\n              disabled={!col.getCanHide()}\n              checked={col.getIsVisible()}>{col.getIsSorted()} {getResourceDisplayName(col.id, 'admin-portal')}</DropdownMenuCheckboxItem>\n          )}\n          {/* TODO getResourceDisplayName needs some review here. */}\n        </DropdownMenuGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["ColumnPicker","toggleAllColumnsVisible","getIsAllColumnsVisible","getAllColumns","DropdownMenu","jsx","DropdownMenuTrigger","Button","Columns3","DropdownMenuContent","jsxs","DropdownMenuGroup","DropdownMenuCheckboxItem","col","e","getResourceDisplayName"],"mappings":";;;;;;;;AAYO,SAASA,EAAa,EAAE,yBAAAC,GAAyB,wBAAAC,GAAwB,eAAAC,KAA0I;AACxN,2BACGC,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAoB,SAAO,IAC1B,UAAC,gBAAAD,EAAAE,GAAA,EAAO,MAAM,MAAMC,GAAU,SAAS,WAAW,UAAA,UAAO,CAAA,GAC3D;AAAA,IACA,gBAAAH,EAACI,GACC,EAAA,UAAA,gBAAAC,EAACC,GACC,EAAA,UAAA;AAAA,MAAA,gBAAAN,EAACO,GAAyB,EAAA,WAAU,UAAS,UAAU,CAAC,MAAM;AAAE,UAAE,eAAe,GAA2BX,EAAA;AAAA,MAAM,GAAA,SAASC,EAAuB,GAAG,UAAY,eAAA,CAAA;AAAA,MAChKC,EAAgB,EAAA;AAAA,QAAI,CACnBU,MAAA,gBAAAH;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,UAAU,CAACE,MAAM;AACf,cAAAA,EAAE,eAAe,GACjBD,EAAI,iBAAiB;AAAA,YACvB;AAAA,YAEA,UAAU,CAACA,EAAI,WAAW;AAAA,YAC1B,SAASA,EAAI,aAAa;AAAA,YAAI,UAAA;AAAA,cAAAA,EAAI,YAAY;AAAA,cAAE;AAAA,cAAEE,EAAuBF,EAAI,IAAI,cAAc;AAAA,YAAA;AAAA,UAAA;AAAA,UAF1FA,EAAI;AAAA,QAAA;AAAA,MAEwF;AAAA,IACrG,EAAA,CAEF,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"column-picker.es.js","sources":["../../../lib/components/data-table/column-picker.tsx"],"sourcesContent":["import {\n\tButton,\n\tDropdownMenu,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuTrigger,\n\tgetResourceDisplayName,\n} from \"@/index\";\nimport type { Column } from \"@tanstack/react-table\";\nimport { Columns3 } from \"lucide-react\";\n\nexport function ColumnPicker({\n\ttoggleAllColumnsVisible,\n\tgetIsAllColumnsVisible,\n\tgetAllColumns,\n}: {\n\ttoggleAllColumnsVisible: () => void;\n\tgetIsAllColumnsVisible: () => boolean;\n\tgetAllColumns: () => Column<any, any>[];\n}) {\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button icon={() => Columns3} variant={\"outline\"}>\n\t\t\t\t\tColumns\n\t\t\t\t</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent>\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\tclassName=\"italic\"\n\t\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\ttoggleAllColumnsVisible();\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tchecked={getIsAllColumnsVisible()}\n\t\t\t\t\t>\n\t\t\t\t\t\t(Select all)\n\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t\t{getAllColumns().map((col) => (\n\t\t\t\t\t\t<DropdownMenuCheckboxItem\n\t\t\t\t\t\t\tonSelect={(e) => {\n\t\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t\t\tcol.toggleVisibility();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tkey={col.id}\n\t\t\t\t\t\t\tdisabled={!col.getCanHide()}\n\t\t\t\t\t\t\tchecked={col.getIsVisible()}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{col.getIsSorted()}{\" \"}\n\t\t\t\t\t\t\t{getResourceDisplayName(col.id, \"admin-portal\")}\n\t\t\t\t\t\t</DropdownMenuCheckboxItem>\n\t\t\t\t\t))}\n\t\t\t\t\t{/* TODO getResourceDisplayName needs some review here. */}\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n}\n"],"names":["ColumnPicker","toggleAllColumnsVisible","getIsAllColumnsVisible","getAllColumns","DropdownMenu","jsx","DropdownMenuTrigger","Button","Columns3","DropdownMenuContent","jsxs","DropdownMenuGroup","DropdownMenuCheckboxItem","col","e","getResourceDisplayName"],"mappings":";;;;;;;;AAYO,SAASA,EAAa;AAAA,EAC5B,yBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,eAAAC;AACD,GAIG;AACF,2BACEC,GACA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAoB,SAAO,IAC3B,UAAC,gBAAAD,EAAAE,GAAA,EAAO,MAAM,MAAMC,GAAU,SAAS,WAAW,UAAA,UAElD,CAAA,GACD;AAAA,IACA,gBAAAH,EAACI,GACA,EAAA,UAAA,gBAAAC,EAACC,GACA,EAAA,UAAA;AAAA,MAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UACV,UAAU,CAAC,MAAM;AAChB,cAAE,eAAe,GACOX,EAAA;AAAA,UACzB;AAAA,UACA,SAASC,EAAuB;AAAA,UAChC,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACCC,IAAgB,IAAI,CAACU,MACrB,gBAAAH;AAAA,QAACE;AAAA,QAAA;AAAA,UACA,UAAU,CAACE,MAAM;AAChB,YAAAA,EAAE,eAAe,GACjBD,EAAI,iBAAiB;AAAA,UACtB;AAAA,UAEA,UAAU,CAACA,EAAI,WAAW;AAAA,UAC1B,SAASA,EAAI,aAAa;AAAA,UAEzB,UAAA;AAAA,YAAAA,EAAI,YAAY;AAAA,YAAG;AAAA,YACnBE,EAAuBF,EAAI,IAAI,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,QALzCA,EAAI;AAAA,MAOV,CAAA;AAAA,IAAA,EAAA,CAEF,EACD,CAAA;AAAA,EAAA,GACD;AAEF;"}

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

@@ -1,21 +1,20 @@
 "use client";
-import { jsx as n, jsxs as c, Fragment as O } from "react/jsx-runtime";
-import { useState as z, useEffect as U, useMemo as M } from "react";
+import { jsx as n, jsxs as c, Fragment as D } from "react/jsx-runtime";
+import { useState as O, useEffect as z, useMemo as M } from "react";
 import "../../utils/form-context.es.js";
 import "../../utils/form-hook.es.js";
-import { useQuery as H, keepPreviousData as K } from "@tanstack/react-query";
-import { createColumnHelper as j, useReactTable as k, getCoreRowModel as q } from "@tanstack/react-table";
-import { Info as B } from "lucide-react";
-import { useDebounce as G } from "use-debounce";
-import { ColumnPicker as Q } from "./column-picker.es.js";
-import { PageSize as W } from "./page-size.es.js";
-import { Paginator as X } from "./paginator.es.js";
-import J from "./table-actions.es.js";
-import { TableContent as Y } from "./table-content.es.js";
-import { TABLE_CHECK_BOX_COLUMN as Z, TABLE_ID_COLUMN as $, TABLE_DEFAULT_DATE_COLUMNS as ee } from "./table-commons.es.js";
-import { TooltipProvider as te, Tooltip as oe, TooltipTrigger as ne, TooltipContent as ae } from "../ui/tooltip.es.js";
+import { useQuery as U, keepPreviousData as H } from "@tanstack/react-query";
+import { createColumnHelper as K, useReactTable as j, getCoreRowModel as k } from "@tanstack/react-table";
+import { Info as q } from "lucide-react";
+import { ColumnPicker as B } from "./column-picker.es.js";
+import { PageSize as G } from "./page-size.es.js";
+import { Paginator as Q } from "./paginator.es.js";
+import W from "./table-actions.es.js";
+import { TableContent as X } from "./table-content.es.js";
+import { TABLE_CHECK_BOX_COLUMN as J, TABLE_ID_COLUMN as Y, TABLE_DEFAULT_DATE_COLUMNS as Z } from "./table-commons.es.js";
+import { TooltipProvider as $, Tooltip as ee, TooltipTrigger as te, TooltipContent as oe } from "../ui/tooltip.es.js";
 const N = "Actions";
-function we({
+function he({
   columns: u,
   fetchFn: _,
   tableName: V,
@@ -23,8 +22,8 @@ function we({
   columnsToHideByDefault: p
   // filterableFields,
 }) {
-  var w, P, y, x, v;
-  const [F, D] = z({
+  var P, b, y, x, v;
+  const [F, E] = O({
     sorting: [],
     // Sorting state
     columnFilters: [],
@@ -38,21 +37,32 @@ function we({
     pagination: { pageIndex: 0, pageSize: 20 }
     // Pagination state
   }), i = (e) => {
-    D((t) => ({ ...t, ...e }));
-  }, { sorting: g, columnFilters: C, searching: h, columnVisibility: S, rowSelection: b, pagination: m } = F, [E] = G(h.trim(), 300);
-  U(() => {
+    E((t) => ({ ...t, ...e }));
+  }, {
+    sorting: g,
+    columnFilters: C,
+    searching: h,
+    columnVisibility: S,
+    rowSelection: w,
+    pagination: m
+  } = F;
+  z(() => {
     i({
-      columnVisibility: { id: !1, updatedAt: !1, ...p }
+      columnVisibility: {
+        id: !1,
+        updatedAt: !1,
+        ...p
+      }
     });
   }, [p]);
-  const a = H({
-    queryKey: [V, m, g, E],
+  const a = U({
+    queryKey: [V, m, g, h.trim()],
     queryFn: () => _(m, g, h.trim()),
-    placeholderData: K,
+    placeholderData: H,
     // Keep previous data while loading new data
     retry: 0,
     refetchOnWindowFocus: !1
-  }), I = j(), f = M(() => {
+  }), I = K(), f = M(() => {
     var T;
     const e = (T = a.data) == null ? void 0 : T.data;
     if (!(e != null && e.length)) return [];
@@ -65,17 +75,19 @@ function we({
       (r) => I.accessor(
         (s) => {
           var A;
-          const l = (A = s.metadata) == null ? void 0 : A.find((R) => R.key === r);
+          const l = (A = s.metadata) == null ? void 0 : A.find(
+            (R) => R.key === r
+          );
           return l == null ? void 0 : l.value;
         },
         {
-          header: () => /* @__PURE__ */ n(te, { delayDuration: 0, children: /* @__PURE__ */ c(oe, { children: [
-            /* @__PURE__ */ n(ne, { asChild: !0, children: /* @__PURE__ */ c("span", { className: "flex gap-1 items-center align-middle", children: [
+          header: () => /* @__PURE__ */ n($, { delayDuration: 0, children: /* @__PURE__ */ c(ee, { children: [
+            /* @__PURE__ */ n(te, { asChild: !0, children: /* @__PURE__ */ c("span", { className: "flex gap-1 items-center align-middle", children: [
               r,
               " ",
-              /* @__PURE__ */ n(B, { size: 18, strokeWidth: "1px" })
+              /* @__PURE__ */ n(q, { size: 18, strokeWidth: "1px" })
             ] }) }),
-            /* @__PURE__ */ n(ae, { children: "Metadata Key" })
+            /* @__PURE__ */ n(oe, { children: "Metadata Key" })
           ] }) }),
           // Use the metadata key as the column header
           id: r,
@@ -87,17 +99,17 @@ function we({
         }
       )
     );
-  }, [(w = a.data) == null ? void 0 : w.data]), L = M(() => [
-    ...d.selection ? Z : [],
-    ...$,
+  }, [(P = a.data) == null ? void 0 : P.data]), L = M(() => [
+    ...d.selection ? J : [],
+    ...Y,
     ...u.filter((t) => t.id !== N),
     ...f.length ? f : [],
-    ...ee,
+    ...Z,
     ...u.filter((t) => t.id === N)
-  ], [u, f, (P = a.data) == null ? void 0 : P.data, d.selection]), o = k({
+  ], [u, f, (b = a.data) == null ? void 0 : b.data, d.selection]), o = j({
     data: ((y = a.data) == null ? void 0 : y.data) ?? [],
     columns: L,
-    getCoreRowModel: q(),
+    getCoreRowModel: k(),
     rowCount: (x = a.data) == null ? void 0 : x.total,
     manualPagination: !0,
     // Handle pagination manually since pagination is done server side for data tables
@@ -122,7 +134,7 @@ function we({
       i({ columnVisibility: t });
     },
     onRowSelectionChange: (e) => {
-      const t = typeof e == "function" ? e(b) : e;
+      const t = typeof e == "function" ? e(w) : e;
       i({ rowSelection: t });
     },
     state: {
@@ -130,15 +142,15 @@ function we({
       columnFilters: C,
       columnVisibility: S,
       pagination: m,
-      rowSelection: b
+      rowSelection: w
     },
     meta: {
       refetch: a.refetch
     }
   });
-  return /* @__PURE__ */ n(O, { children: /* @__PURE__ */ c("div", { className: "bg-card", children: [
+  return /* @__PURE__ */ n(D, { children: /* @__PURE__ */ c("div", { className: "bg-card", children: [
     /* @__PURE__ */ n(
-      J,
+      W,
       {
         dataQuery: a,
         getSelectedRowModel: o.getSelectedRowModel,
@@ -146,18 +158,50 @@ function we({
         handleSearching: (e) => i({ searching: e })
       }
     ),
-    /* @__PURE__ */ n("div", { className: "w-full overflow-auto border-x", tabIndex: 0, children: /* @__PURE__ */ n(Y, { getRowModel: o.getRowModel, getHeaderGroups: o.getHeaderGroups, query: a }) }),
+    /* @__PURE__ */ n("div", { className: "w-full overflow-auto border-x", tabIndex: 0, children: /* @__PURE__ */ n(
+      X,
+      {
+        getRowModel: o.getRowModel,
+        getHeaderGroups: o.getHeaderGroups,
+        query: a
+      }
+    ) }),
     /* @__PURE__ */ c("div", { className: "flex w-full justify-between border gap-4 p-4 overflow-x-auto", children: [
       /* @__PURE__ */ c("div", { className: "flex gap-4", children: [
-        /* @__PURE__ */ n(Q, { getAllColumns: o.getAllColumns, getIsAllColumnsVisible: o.getIsAllColumnsVisible, toggleAllColumnsVisible: o.toggleAllColumnsVisible }),
-        /* @__PURE__ */ n(W, { size: o.getState().pagination.pageSize, onSelect: o.setPageSize })
+        /* @__PURE__ */ n(
+          B,
+          {
+            getAllColumns: o.getAllColumns,
+            getIsAllColumnsVisible: o.getIsAllColumnsVisible,
+            toggleAllColumnsVisible: o.toggleAllColumnsVisible
+          }
+        ),
+        /* @__PURE__ */ n(
+          G,
+          {
+            size: o.getState().pagination.pageSize,
+            onSelect: o.setPageSize
+          }
+        )
       ] }),
-      /* @__PURE__ */ n(X, { firstPage: o.firstPage, previousPage: o.previousPage, getCanNextPage: o.getCanNextPage, getCanPreviousPage: o.getCanPreviousPage, lastPage: o.lastPage, nextPage: o.nextPage, getState: o.getState, rowCount: ((v = a.data) == null ? void 0 : v.total) ?? 0 })
+      /* @__PURE__ */ n(
+        Q,
+        {
+          firstPage: o.firstPage,
+          previousPage: o.previousPage,
+          getCanNextPage: o.getCanNextPage,
+          getCanPreviousPage: o.getCanPreviousPage,
+          lastPage: o.lastPage,
+          nextPage: o.nextPage,
+          getState: o.getState,
+          rowCount: ((v = a.data) == null ? void 0 : v.total) ?? 0
+        }
+      )
     ] })
   ] }) });
 }
 export {
   N as ACTIONS_COLUMN_ID,
-  we as DataTable
+  he as DataTable
 };
 //# sourceMappingURL=data-table.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"data-table.es.js","sources":["../../../lib/components/data-table/data-table.tsx"],"sourcesContent":["'use client';\n// import { TableFilter, type FilterFormType } from '@/components/data-table/table-filter';\nimport {\n  TABLE_CHECK_BOX_COLUMN,\n  TABLE_DEFAULT_DATE_COLUMNS,\n  TABLE_ID_COLUMN,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger\n} from '@/index';\nimport { keepPreviousData, useQuery } from '@tanstack/react-query';\nimport {\n  ColumnDef,\n  ColumnFiltersState,\n  createColumnHelper,\n  getCoreRowModel,\n  PaginationState,\n  SortingState,\n  useReactTable,\n  VisibilityState,\n} from '@tanstack/react-table';\nimport { Info } from 'lucide-react';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useDebounce } from 'use-debounce';\nimport { ColumnPicker } from './column-picker';\nimport { PageSize } from './page-size';\nimport { Paginator } from './paginator';\nimport Actions from './table-actions';\nimport { TableContent } from './table-content';\nimport type { MetadataDto, TableActions, TableFetchFn } from './table-utils';\n\n/** Reserved name for actions column */\nexport const ACTIONS_COLUMN_ID = 'Actions';\n\n// Props type for the DataTable component\nexport interface DataTableProps<TData, TValue = any> {\n  columns: ColumnDef<TData, TValue>[]; // Columns for the table\n  tableName: string; // Table name used as query key\n  fetchFn: TableFetchFn<TData>; // Function for fetching data from the server\n  tableActions: TableActions;\n  // filterableFields: FilterableProperties<TData>; // Fields that can be filtered\n  columnsToHideByDefault: VisibilityState; // Columns that are hidden by default\n}\nexport function DataTable<TData extends Record<string, any>, TValue = any>({\n  columns,\n  fetchFn,\n  tableName,\n  tableActions,\n  columnsToHideByDefault,\n  // filterableFields,\n}: DataTableProps<TData, TValue>) {\n  // State for managing table data and filters\n\n  //TODO: This is later to be stored in url as params\n  const [tableState, setTableState] = useState({\n    sorting: [] as SortingState, // Sorting state\n    columnFilters: [] as ColumnFiltersState, // Filters for columns\n    searching: '', // Search query state\n    columnVisibility: {} as VisibilityState, // Visibility of columns\n    rowSelection: {}, // Row selection state\n    pagination: { pageIndex: 0, pageSize: 20 } as PaginationState, // Pagination state\n  });\n\n  // Update table state with new values\n  const updateTableState = (updates: Partial<typeof tableState>) => {\n    setTableState((prev) => ({ ...prev, ...updates }));\n  };\n\n  // Destructuring the table state for easier access\n  const { sorting, columnFilters, searching, columnVisibility, rowSelection, pagination } =\n    tableState;\n\n  // Debounce the search query to avoid making a request on every keystroke\n  const [debouncedQuery] = useDebounce(searching.trim(), 300);\n\n  // Update column visibility when columnsToHideByDefault changes\n  useEffect(() => {\n    updateTableState({\n      columnVisibility: { id: false, updatedAt: false, ...columnsToHideByDefault },\n    });\n  }, [columnsToHideByDefault]);\n  // const [filters, setFilters] = useState<FilterFormType[]>([]);\n\n  // const formatedFilters = useMemo(() => {\n  //   return filters.reduce((acc, filter) => {\n  //     const { property, value, operator } = filter;\n  //     if (!acc[property]) {\n  //       acc[property] = {};\n  //     }\n  //     acc[property][operator] = value;\n  //     return acc;\n  //   }, {} as Record<string, Record<string, any>>);\n  // }, [filters]);\n\n  // Fetch table data using the fetchFn and react-query's useQuery hook\n  const query = useQuery({\n    queryKey: [tableName, pagination, sorting, debouncedQuery],\n    queryFn: () => fetchFn(pagination, sorting, searching.trim()),\n    placeholderData: keepPreviousData, // Keep previous data while loading new data\n    retry: 0,\n    refetchOnWindowFocus: false,\n  });\n\n  // Create column helpers for dynamic column generation\n  const columnHelper = createColumnHelper<TData>();\n  const metadataColumns = useMemo<ColumnDef<TData, TValue>[]>(() => {\n    const data = query.data?.data;\n    if (!data?.length) return [];\n    // set of all the keys present in a given view\n    const allMetadataKeys = new Set<string>();\n\n    // Collect all unique metadata keys\n    data.forEach((row: TData) => {\n      if (row.metadata) {\n        row.metadata.forEach((meta: MetadataDto) => {\n          allMetadataKeys.add(meta.key);\n        });\n      }\n    });\n\n    // Generate columns for all unique metadata keys\n    return Array.from(allMetadataKeys).map((key) =>\n      columnHelper.accessor(\n        (row: TData) => {\n          // Find the metadata object with the matching key\n          const metadataEntry = row.metadata?.find((meta: MetadataDto) => meta.key === key);\n          return metadataEntry?.value; // Return the value for the specific key\n        },\n        {\n          header: () => (\n            <TooltipProvider delayDuration={0}>\n              <Tooltip>\n                <TooltipTrigger asChild>\n                  <span className=\"flex gap-1 items-center align-middle\">\n                    {key} <Info size={18} strokeWidth={'1px'} />\n                  </span>\n                </TooltipTrigger>\n                <TooltipContent>Metadata Key</TooltipContent>\n              </Tooltip>\n            </TooltipProvider>\n          ), // Use the metadata key as the column header\n          id: key,\n          enableSorting: false,\n          cell: (info) => {\n            const value = info.getValue();\n            // Handle null/undefined values\n            if (value === null || value === undefined) return '';\n            // For primitive types, return the string representation\n            return String(value);\n          },\n        },\n      ),\n    );\n  }, [query.data?.data]);\n\n  /**\n   * ID,createdAt and updatedAt will be added by default for all tables\n   * If selection is allowed, checkbox will be added\n   * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n   * If there are actions for the table, they will be placed fixed at the right side of table.\n   */\n  const extendedColumns = useMemo<ColumnDef<any, any>[]>(() => {\n    const _columns = [\n      ...(tableActions.selection ? TABLE_CHECK_BOX_COLUMN : []),\n      ...TABLE_ID_COLUMN,\n      ...columns.filter((col) => col.id !== ACTIONS_COLUMN_ID),\n      ...(metadataColumns.length ? metadataColumns : []),\n      ...TABLE_DEFAULT_DATE_COLUMNS,\n      ...columns.filter((col) => col.id === ACTIONS_COLUMN_ID),\n    ];\n\n    return _columns;\n  }, [columns, metadataColumns, query.data?.data, tableActions.selection]);\n\n  // Use react-table's hook to create the table instance\n  const table = useReactTable({\n    data: query.data?.data ?? [],\n    columns: extendedColumns,\n    getCoreRowModel: getCoreRowModel(),\n    rowCount: query.data?.total,\n    manualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n    onPaginationChange: (updater) => {\n      const newPagination = typeof updater === 'function' ? updater(pagination) : updater;\n      updateTableState({ pagination: newPagination });\n    },\n    manualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n    onSortingChange: (updater) => {\n      const newSorting = typeof updater === 'function' ? updater(sorting) : updater;\n      // Reset selection when sorting.\n      updateTableState({ sorting: newSorting, rowSelection: {} });\n    },\n    manualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n    onGlobalFilterChange: (updater) => {\n      const newFilters = typeof updater === 'function' ? updater(columnFilters) : updater;\n      updateTableState({ columnFilters: newFilters });\n    },\n    onColumnVisibilityChange: (updater) => {\n      const newVisibility = typeof updater === 'function' ? updater(columnVisibility) : updater;\n      updateTableState({ columnVisibility: newVisibility });\n    },\n    onRowSelectionChange: (updater) => {\n      const newSelection = typeof updater === 'function' ? updater(rowSelection) : updater;\n      updateTableState({ rowSelection: newSelection });\n    },\n    state: {\n      sorting,\n      columnFilters,\n      columnVisibility,\n      pagination,\n      rowSelection,\n    },\n    meta: {\n      refetch: query.refetch,\n    },\n  });\n\n  return (\n    <>\n      {/* <TableFilter\n        filterableProperties={{ ...filterableFields, ...DEFAULT_FILTERABLE_FIELDS }}\n        filters={filters}\n        onFiltersChange={setFilters}\n      /> */}\n\n      {/* Table Actions Section */}\n      <div className='bg-card'>\n        <Actions\n          dataQuery={query}\n          getSelectedRowModel={table.getSelectedRowModel}\n          tableActions={tableActions}\n          handleSearching={(value) => updateTableState({ searching: value })}\n        />\n\n        {/* The div here is necessary because TableContent is internally a <table> tag and does not respect width, height CSS */}\n        <div className='w-full overflow-auto border-x' tabIndex={0}>\n          <TableContent getRowModel={table.getRowModel} getHeaderGroups={table.getHeaderGroups} query={query} />\n        </div>\n\n        {/* Table Footer Section with Pagination and Column Picker */}\n        <div className=\"flex w-full justify-between border gap-4 p-4 overflow-x-auto\">\n          <div className=\"flex gap-4\">\n            <ColumnPicker getAllColumns={table.getAllColumns} getIsAllColumnsVisible={table.getIsAllColumnsVisible} toggleAllColumnsVisible={table.toggleAllColumnsVisible} />\n            <PageSize size={table.getState().pagination.pageSize} onSelect={table.setPageSize} />\n          </div>\n          <Paginator firstPage={table.firstPage} previousPage={table.previousPage} getCanNextPage={table.getCanNextPage} getCanPreviousPage={table.getCanPreviousPage} lastPage={table.lastPage} nextPage={table.nextPage} getState={table.getState} rowCount={query.data?.total ?? 0} />\n        </div>\n      </div>\n    </>\n  );\n}\n"],"names":["ACTIONS_COLUMN_ID","DataTable","columns","fetchFn","tableName","tableActions","columnsToHideByDefault","tableState","setTableState","useState","updateTableState","updates","prev","sorting","columnFilters","searching","columnVisibility","rowSelection","pagination","debouncedQuery","useDebounce","useEffect","query","useQuery","keepPreviousData","columnHelper","createColumnHelper","metadataColumns","useMemo","data","_a","allMetadataKeys","row","meta","key","metadataEntry","jsx","TooltipProvider","Tooltip","TooltipTrigger","jsxs","Info","TooltipContent","info","value","extendedColumns","TABLE_CHECK_BOX_COLUMN","TABLE_ID_COLUMN","col","TABLE_DEFAULT_DATE_COLUMNS","_b","table","useReactTable","_c","getCoreRowModel","_d","updater","newPagination","newSorting","newFilters","newVisibility","newSelection","Fragment","Actions","TableContent","ColumnPicker","PageSize","Paginator","_e"],"mappings":"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"}
+{"version":3,"file":"data-table.es.js","sources":["../../../lib/components/data-table/data-table.tsx"],"sourcesContent":["\"use client\";\n// import { TableFilter, type FilterFormType } from '@/components/data-table/table-filter';\nimport {\n\tTABLE_CHECK_BOX_COLUMN,\n\tTABLE_DEFAULT_DATE_COLUMNS,\n\tTABLE_ID_COLUMN,\n\tTooltip,\n\tTooltipContent,\n\tTooltipProvider,\n\tTooltipTrigger,\n} from \"@/index\";\nimport { keepPreviousData, useQuery } from \"@tanstack/react-query\";\nimport {\n\ttype ColumnDef,\n\ttype ColumnFiltersState,\n\tcreateColumnHelper,\n\tgetCoreRowModel,\n\ttype PaginationState,\n\ttype SortingState,\n\tuseReactTable,\n\ttype VisibilityState,\n} from \"@tanstack/react-table\";\nimport { Info } from \"lucide-react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { ColumnPicker } from \"./column-picker\";\nimport { PageSize } from \"./page-size\";\nimport { Paginator } from \"./paginator\";\nimport Actions from \"./table-actions\";\nimport { TableContent } from \"./table-content\";\nimport type { MetadataDto, TableActions, TableFetchFn } from \"./table-utils\";\n\n/** Reserved name for actions column */\nexport const ACTIONS_COLUMN_ID = \"Actions\";\n\n// Props type for the DataTable component\nexport interface DataTableProps<TData, TValue = any> {\n\tcolumns: ColumnDef<TData, TValue>[]; // Columns for the table\n\ttableName: string; // Table name used as query key\n\tfetchFn: TableFetchFn<TData>; // Function for fetching data from the server\n\ttableActions: TableActions;\n\t// filterableFields: FilterableProperties<TData>; // Fields that can be filtered\n\tcolumnsToHideByDefault: VisibilityState; // Columns that are hidden by default\n}\nexport function DataTable<TData extends Record<string, any>, TValue = any>({\n\tcolumns,\n\tfetchFn,\n\ttableName,\n\ttableActions,\n\tcolumnsToHideByDefault,\n\t// filterableFields,\n}: DataTableProps<TData, TValue>) {\n\t// State for managing table data and filters\n\n\t//TODO: This is later to be stored in url as params\n\tconst [tableState, setTableState] = useState({\n\t\tsorting: [] as SortingState, // Sorting state\n\t\tcolumnFilters: [] as ColumnFiltersState, // Filters for columns\n\t\tsearching: \"\", // Search query state\n\t\tcolumnVisibility: {} as VisibilityState, // Visibility of columns\n\t\trowSelection: {}, // Row selection state\n\t\tpagination: { pageIndex: 0, pageSize: 20 } as PaginationState, // Pagination state\n\t});\n\n\t// Update table state with new values\n\tconst updateTableState = (updates: Partial<typeof tableState>) => {\n\t\tsetTableState((prev) => ({ ...prev, ...updates }));\n\t};\n\n\t// Destructuring the table state for easier access\n\tconst {\n\t\tsorting,\n\t\tcolumnFilters,\n\t\tsearching,\n\t\tcolumnVisibility,\n\t\trowSelection,\n\t\tpagination,\n\t} = tableState;\n\n\t// Debounce the search query to avoid making a request on every keystroke\n\t// const [debouncedQuery] = useDebounce(searching.trim(), 300);\n\n\t// Update column visibility when columnsToHideByDefault changes\n\tuseEffect(() => {\n\t\tupdateTableState({\n\t\t\tcolumnVisibility: {\n\t\t\t\tid: false,\n\t\t\t\tupdatedAt: false,\n\t\t\t\t...columnsToHideByDefault,\n\t\t\t},\n\t\t});\n\t}, [columnsToHideByDefault]);\n\t// const [filters, setFilters] = useState<FilterFormType[]>([]);\n\n\t// const formatedFilters = useMemo(() => {\n\t//   return filters.reduce((acc, filter) => {\n\t//     const { property, value, operator } = filter;\n\t//     if (!acc[property]) {\n\t//       acc[property] = {};\n\t//     }\n\t//     acc[property][operator] = value;\n\t//     return acc;\n\t//   }, {} as Record<string, Record<string, any>>);\n\t// }, [filters]);\n\n\t// Fetch table data using the fetchFn and react-query's useQuery hook\n\tconst query = useQuery({\n\t\tqueryKey: [tableName, pagination, sorting, searching.trim()],\n\t\tqueryFn: () => fetchFn(pagination, sorting, searching.trim()),\n\t\tplaceholderData: keepPreviousData, // Keep previous data while loading new data\n\t\tretry: 0,\n\t\trefetchOnWindowFocus: false,\n\t});\n\n\t// Create column helpers for dynamic column generation\n\tconst columnHelper = createColumnHelper<TData>();\n\tconst metadataColumns = useMemo<ColumnDef<TData, TValue>[]>(() => {\n\t\tconst data = query.data?.data;\n\t\tif (!data?.length) return [];\n\t\t// set of all the keys present in a given view\n\t\tconst allMetadataKeys = new Set<string>();\n\n\t\t// Collect all unique metadata keys\n\t\tdata.forEach((row: TData) => {\n\t\t\tif (row.metadata) {\n\t\t\t\trow.metadata.forEach((meta: MetadataDto) => {\n\t\t\t\t\tallMetadataKeys.add(meta.key);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\n\t\t// Generate columns for all unique metadata keys\n\t\treturn Array.from(allMetadataKeys).map((key) =>\n\t\t\tcolumnHelper.accessor(\n\t\t\t\t(row: TData) => {\n\t\t\t\t\t// Find the metadata object with the matching key\n\t\t\t\t\tconst metadataEntry = row.metadata?.find(\n\t\t\t\t\t\t(meta: MetadataDto) => meta.key === key,\n\t\t\t\t\t);\n\t\t\t\t\treturn metadataEntry?.value; // Return the value for the specific key\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\theader: () => (\n\t\t\t\t\t\t<TooltipProvider delayDuration={0}>\n\t\t\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t\t\t<span className=\"flex gap-1 items-center align-middle\">\n\t\t\t\t\t\t\t\t\t\t{key} <Info size={18} strokeWidth={\"1px\"} />\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t\t\t<TooltipContent>Metadata Key</TooltipContent>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t</TooltipProvider>\n\t\t\t\t\t), // Use the metadata key as the column header\n\t\t\t\t\tid: key,\n\t\t\t\t\tenableSorting: false,\n\t\t\t\t\tcell: (info) => {\n\t\t\t\t\t\tconst value = info.getValue();\n\t\t\t\t\t\t// Handle null/undefined values\n\t\t\t\t\t\tif (value === null || value === undefined) return \"\";\n\t\t\t\t\t\t// For primitive types, return the string representation\n\t\t\t\t\t\treturn String(value);\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t),\n\t\t);\n\t}, [query.data?.data]);\n\n\t/**\n\t * ID,createdAt and updatedAt will be added by default for all tables\n\t * If selection is allowed, checkbox will be added\n\t * If the dto has metadata, dynamics columns for all the metadata key-value will be added(particular for a view)\n\t * If there are actions for the table, they will be placed fixed at the right side of table.\n\t */\n\tconst extendedColumns = useMemo<ColumnDef<any, any>[]>(() => {\n\t\tconst _columns = [\n\t\t\t...(tableActions.selection ? TABLE_CHECK_BOX_COLUMN : []),\n\t\t\t...TABLE_ID_COLUMN,\n\t\t\t...columns.filter((col) => col.id !== ACTIONS_COLUMN_ID),\n\t\t\t...(metadataColumns.length ? metadataColumns : []),\n\t\t\t...TABLE_DEFAULT_DATE_COLUMNS,\n\t\t\t...columns.filter((col) => col.id === ACTIONS_COLUMN_ID),\n\t\t];\n\n\t\treturn _columns;\n\t}, [columns, metadataColumns, query.data?.data, tableActions.selection]);\n\n\t// Use react-table's hook to create the table instance\n\tconst table = useReactTable({\n\t\tdata: query.data?.data ?? [],\n\t\tcolumns: extendedColumns,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\trowCount: query.data?.total,\n\t\tmanualPagination: true, // Handle pagination manually since pagination is done server side for data tables\n\t\tonPaginationChange: (updater) => {\n\t\t\tconst newPagination =\n\t\t\t\ttypeof updater === \"function\" ? updater(pagination) : updater;\n\t\t\tupdateTableState({ pagination: newPagination });\n\t\t},\n\t\tmanualSorting: true, // Handle sorting manually since sorting is done server side for data tables\n\t\tonSortingChange: (updater) => {\n\t\t\tconst newSorting =\n\t\t\t\ttypeof updater === \"function\" ? updater(sorting) : updater;\n\t\t\t// Reset selection when sorting.\n\t\t\tupdateTableState({ sorting: newSorting, rowSelection: {} });\n\t\t},\n\t\tmanualFiltering: true, // Handle filtering manually since filtering is done server side for data tables\n\t\tonGlobalFilterChange: (updater) => {\n\t\t\tconst newFilters =\n\t\t\t\ttypeof updater === \"function\" ? updater(columnFilters) : updater;\n\t\t\tupdateTableState({ columnFilters: newFilters });\n\t\t},\n\t\tonColumnVisibilityChange: (updater) => {\n\t\t\tconst newVisibility =\n\t\t\t\ttypeof updater === \"function\" ? updater(columnVisibility) : updater;\n\t\t\tupdateTableState({ columnVisibility: newVisibility });\n\t\t},\n\t\tonRowSelectionChange: (updater) => {\n\t\t\tconst newSelection =\n\t\t\t\ttypeof updater === \"function\" ? updater(rowSelection) : updater;\n\t\t\tupdateTableState({ rowSelection: newSelection });\n\t\t},\n\t\tstate: {\n\t\t\tsorting,\n\t\t\tcolumnFilters,\n\t\t\tcolumnVisibility,\n\t\t\tpagination,\n\t\t\trowSelection,\n\t\t},\n\t\tmeta: {\n\t\t\trefetch: query.refetch,\n\t\t},\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t{/* <TableFilter\n        filterableProperties={{ ...filterableFields, ...DEFAULT_FILTERABLE_FIELDS }}\n        filters={filters}\n        onFiltersChange={setFilters}\n      /> */}\n\n\t\t\t{/* Table Actions Section */}\n\t\t\t<div className=\"bg-card\">\n\t\t\t\t<Actions\n\t\t\t\t\tdataQuery={query}\n\t\t\t\t\tgetSelectedRowModel={table.getSelectedRowModel}\n\t\t\t\t\ttableActions={tableActions}\n\t\t\t\t\thandleSearching={(value) => updateTableState({ searching: value })}\n\t\t\t\t/>\n\n\t\t\t\t{/* The div here is necessary because TableContent is internally a <table> tag and does not respect width, height CSS */}\n\t\t\t\t<div className=\"w-full overflow-auto border-x\" tabIndex={0}>\n\t\t\t\t\t<TableContent\n\t\t\t\t\t\tgetRowModel={table.getRowModel}\n\t\t\t\t\t\tgetHeaderGroups={table.getHeaderGroups}\n\t\t\t\t\t\tquery={query}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Table Footer Section with Pagination and Column Picker */}\n\t\t\t\t<div className=\"flex w-full justify-between border gap-4 p-4 overflow-x-auto\">\n\t\t\t\t\t<div className=\"flex gap-4\">\n\t\t\t\t\t\t<ColumnPicker\n\t\t\t\t\t\t\tgetAllColumns={table.getAllColumns}\n\t\t\t\t\t\t\tgetIsAllColumnsVisible={table.getIsAllColumnsVisible}\n\t\t\t\t\t\t\ttoggleAllColumnsVisible={table.toggleAllColumnsVisible}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<PageSize\n\t\t\t\t\t\t\tsize={table.getState().pagination.pageSize}\n\t\t\t\t\t\t\tonSelect={table.setPageSize}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Paginator\n\t\t\t\t\t\tfirstPage={table.firstPage}\n\t\t\t\t\t\tpreviousPage={table.previousPage}\n\t\t\t\t\t\tgetCanNextPage={table.getCanNextPage}\n\t\t\t\t\t\tgetCanPreviousPage={table.getCanPreviousPage}\n\t\t\t\t\t\tlastPage={table.lastPage}\n\t\t\t\t\t\tnextPage={table.nextPage}\n\t\t\t\t\t\tgetState={table.getState}\n\t\t\t\t\t\trowCount={query.data?.total ?? 0}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"names":["ACTIONS_COLUMN_ID","DataTable","columns","fetchFn","tableName","tableActions","columnsToHideByDefault","tableState","setTableState","useState","updateTableState","updates","prev","sorting","columnFilters","searching","columnVisibility","rowSelection","pagination","useEffect","query","useQuery","keepPreviousData","columnHelper","createColumnHelper","metadataColumns","useMemo","data","_a","allMetadataKeys","row","meta","key","metadataEntry","jsx","TooltipProvider","Tooltip","TooltipTrigger","jsxs","Info","TooltipContent","info","value","extendedColumns","TABLE_CHECK_BOX_COLUMN","TABLE_ID_COLUMN","col","TABLE_DEFAULT_DATE_COLUMNS","_b","table","useReactTable","_c","getCoreRowModel","_d","updater","newPagination","newSorting","newFilters","newVisibility","newSelection","Fragment","Actions","TableContent","ColumnPicker","PageSize","Paginator","_e"],"mappings":"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"}

package/dist/components/data-table/page-size.es.js

@@ -2,7 +2,10 @@ import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { Button as d } from "../ui/button.es.js";
 import { DropdownMenu as u, DropdownMenuTrigger as l, DropdownMenuContent as p, DropdownMenuRadioGroup as c, DropdownMenuRadioItem as m } from "../ui/dropdown-menu.es.js";
 import { Menu as a } from "lucide-react";
-function w({ size: r, onSelect: e }) {
+function w({
+  size: r,
+  onSelect: e
+}) {
   const t = [10, 20, 30, 40, 50];
   return /* @__PURE__ */ i(u, { children: [
     /* @__PURE__ */ o(l, { asChild: !0, children: /* @__PURE__ */ o(d, { icon: () => a, variant: "outline", children: r }) }),

package/dist/components/data-table/page-size.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-size.es.js","sources":["../../../lib/components/data-table/page-size.tsx"],"sourcesContent":["import { Button } from '@/components/ui/button';\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuTrigger\n} from '@/components/ui/dropdown-menu';\nimport { Menu } from 'lucide-react';\n\nexport function PageSize({ size, onSelect }: { size: number, onSelect: (v: number) => void }) {\n  // const currentPageSize = table.getState().pagination.pageSize;\n  const pageSizes = [10, 20, 30, 40, 50];\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button icon={() => Menu} variant=\"outline\">\n          {size}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        <DropdownMenuRadioGroup value={size.toString()}>\n          {pageSizes.map((pageSize) => (\n            <DropdownMenuRadioItem\n              value={pageSize.toString()}\n              onSelect={() => onSelect(pageSize)}\n            >\n              {pageSize}\n            </DropdownMenuRadioItem>\n          ))}\n        </DropdownMenuRadioGroup>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["PageSize","size","onSelect","pageSizes","DropdownMenu","jsx","DropdownMenuTrigger","Button","Menu","DropdownMenuContent","DropdownMenuRadioGroup","pageSize","DropdownMenuRadioItem"],"mappings":";;;;AAUO,SAASA,EAAS,EAAE,MAAAC,GAAM,UAAAC,KAA6D;AAE5F,QAAMC,IAAY,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAErC,2BACGC,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAoB,SAAO,IAC1B,UAAC,gBAAAD,EAAAE,GAAA,EAAO,MAAM,MAAMC,GAAM,SAAQ,WAC/B,UAAAP,EACH,CAAA,GACF;AAAA,IACA,gBAAAI,EAACI,GACC,EAAA,UAAA,gBAAAJ,EAACK,GAAuB,EAAA,OAAOT,EAAK,SAAA,GACjC,UAAAE,EAAU,IAAI,CAACQ,MACd,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,OAAOD,EAAS,SAAS;AAAA,QACzB,UAAU,MAAMT,EAASS,CAAQ;AAAA,QAEhC,UAAAA;AAAA,MAAA;AAAA,IAEJ,CAAA,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"page-size.es.js","sources":["../../../lib/components/data-table/page-size.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuTrigger,\n} from \"@/components/ui/dropdown-menu\";\nimport { Menu } from \"lucide-react\";\n\nexport function PageSize({\n\tsize,\n\tonSelect,\n}: { size: number; onSelect: (v: number) => void }) {\n\t// const currentPageSize = table.getState().pagination.pageSize;\n\tconst pageSizes = [10, 20, 30, 40, 50];\n\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button icon={() => Menu} variant=\"outline\">\n\t\t\t\t\t{size}\n\t\t\t\t</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent>\n\t\t\t\t<DropdownMenuRadioGroup value={size.toString()}>\n\t\t\t\t\t{pageSizes.map((pageSize) => (\n\t\t\t\t\t\t<DropdownMenuRadioItem\n\t\t\t\t\t\t\tvalue={pageSize.toString()}\n\t\t\t\t\t\t\tonSelect={() => onSelect(pageSize)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{pageSize}\n\t\t\t\t\t\t</DropdownMenuRadioItem>\n\t\t\t\t\t))}\n\t\t\t\t</DropdownMenuRadioGroup>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n}\n"],"names":["PageSize","size","onSelect","pageSizes","DropdownMenu","jsx","DropdownMenuTrigger","Button","Menu","DropdownMenuContent","DropdownMenuRadioGroup","pageSize","DropdownMenuRadioItem"],"mappings":";;;;AAUO,SAASA,EAAS;AAAA,EACxB,MAAAC;AAAA,EACA,UAAAC;AACD,GAAoD;AAEnD,QAAMC,IAAY,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE;AAErC,2BACEC,GACA,EAAA,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAoB,SAAO,IAC3B,UAAC,gBAAAD,EAAAE,GAAA,EAAO,MAAM,MAAMC,GAAM,SAAQ,WAChC,UAAAP,EACF,CAAA,GACD;AAAA,IACA,gBAAAI,EAACI,GACA,EAAA,UAAA,gBAAAJ,EAACK,GAAuB,EAAA,OAAOT,EAAK,SAAA,GAClC,UAAAE,EAAU,IAAI,CAACQ,MACf,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACA,OAAOD,EAAS,SAAS;AAAA,QACzB,UAAU,MAAMT,EAASS,CAAQ;AAAA,QAEhC,UAAAA;AAAA,MAAA;AAAA,IAEF,CAAA,EACF,CAAA,EACD,CAAA;AAAA,EAAA,GACD;AAEF;"}

package/dist/components/data-table/paginator.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginator.es.js","sources":["../../../lib/components/data-table/paginator.tsx"],"sourcesContent":["import { Button } from '@/components/ui/button';\nimport type { TableState } from '@tanstack/react-table';\nimport { ChevronFirst, ChevronLast, ChevronLeft, ChevronRight } from 'lucide-react';\n\nexport function Paginator({\n  getCanPreviousPage,\n  getCanNextPage,\n  firstPage,\n  previousPage,\n  nextPage,\n  lastPage,\n  getState,\n  rowCount }: {\n    getCanPreviousPage: () => boolean;\n    getCanNextPage: () => boolean;\n    firstPage: () => void;\n    previousPage: () => void\n    nextPage: () => void;\n    lastPage: () => void;\n    getState: () => TableState;\n    rowCount: number\n  }) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <span className='whitespace-nowrap caption text-muted'>\n        {`${getState().pagination.pageIndex * getState().pagination.pageSize + 1} - ${Math.min(\n          (getState().pagination.pageIndex + 1) * getState().pagination.pageSize,\n          rowCount,\n        )} of ${rowCount?.toLocaleString()}`}\n      </span>\n\n\n      <Button\n        onClick={() => firstPage()}\n        disabled={!getCanPreviousPage()}\n        variant=\"outline\"\n        size={'icon'}\n        icon={() => ChevronFirst}\n      />\n      <Button\n        onClick={() => previousPage()}\n        disabled={!getCanPreviousPage()}\n        variant=\"outline\"\n        size={'icon'}\n        icon={() => ChevronLeft}\n      />\n      <Button\n        onClick={() => nextPage()}\n        disabled={!getCanNextPage()}\n        variant=\"outline\"\n        size={'icon'}\n        icon={() => ChevronRight}\n      />\n      <Button\n        onClick={() => lastPage()}\n        disabled={!getCanNextPage()}\n        variant=\"outline\"\n        size={'icon'}\n        icon={() => ChevronLast}\n      />\n    </div>\n  );\n}\n"],"names":["Paginator","getCanPreviousPage","getCanNextPage","firstPage","previousPage","nextPage","lastPage","getState","rowCount","jsxs","jsx","Button","ChevronFirst","ChevronLeft","ChevronRight","ChevronLast"],"mappings":";;;AAIO,SAASA,EAAU;AAAA,EACxB,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAS,GASN;AAED,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAK,EAAA,WAAU,wCACb,UAAA,GAAGH,EAAW,EAAA,WAAW,YAAYA,EAAA,EAAW,WAAW,WAAW,CAAC,MAAM,KAAK;AAAA,OAChFA,EAAW,EAAA,WAAW,YAAY,KAAKA,EAAA,EAAW,WAAW;AAAA,MAC9DC;AAAA,IACD,CAAA,OAAOA,KAAA,gBAAAA,EAAU,gBAAgB,GACpC,CAAA;AAAA,IAGA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMR,EAAU;AAAA,QACzB,UAAU,CAACF,EAAmB;AAAA,QAC9B,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM,MAAMW;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAF;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMP,EAAa;AAAA,QAC5B,UAAU,CAACH,EAAmB;AAAA,QAC9B,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM,MAAMY;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAH;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMN,EAAS;AAAA,QACxB,UAAU,CAACH,EAAe;AAAA,QAC1B,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM,MAAMY;AAAA,MAAA;AAAA,IACd;AAAA,IACA,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAML,EAAS;AAAA,QACxB,UAAU,CAACJ,EAAe;AAAA,QAC1B,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM,MAAMa;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}
+{"version":3,"file":"paginator.es.js","sources":["../../../lib/components/data-table/paginator.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport type { TableState } from \"@tanstack/react-table\";\nimport {\n\tChevronFirst,\n\tChevronLast,\n\tChevronLeft,\n\tChevronRight,\n} from \"lucide-react\";\n\nexport function Paginator({\n\tgetCanPreviousPage,\n\tgetCanNextPage,\n\tfirstPage,\n\tpreviousPage,\n\tnextPage,\n\tlastPage,\n\tgetState,\n\trowCount,\n}: {\n\tgetCanPreviousPage: () => boolean;\n\tgetCanNextPage: () => boolean;\n\tfirstPage: () => void;\n\tpreviousPage: () => void;\n\tnextPage: () => void;\n\tlastPage: () => void;\n\tgetState: () => TableState;\n\trowCount: number;\n}) {\n\treturn (\n\t\t<div className=\"flex items-center gap-2\">\n\t\t\t<span className=\"whitespace-nowrap caption text-muted\">\n\t\t\t\t{`${getState().pagination.pageIndex * getState().pagination.pageSize + 1} - ${Math.min(\n\t\t\t\t\t(getState().pagination.pageIndex + 1) *\n\t\t\t\t\t\tgetState().pagination.pageSize,\n\t\t\t\t\trowCount,\n\t\t\t\t)} of ${rowCount?.toLocaleString()}`}\n\t\t\t</span>\n\n\t\t\t<Button\n\t\t\t\tonClick={() => firstPage()}\n\t\t\t\tdisabled={!getCanPreviousPage()}\n\t\t\t\tvariant=\"outline\"\n\t\t\t\tsize={\"icon\"}\n\t\t\t\ticon={() => ChevronFirst}\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tonClick={() => previousPage()}\n\t\t\t\tdisabled={!getCanPreviousPage()}\n\t\t\t\tvariant=\"outline\"\n\t\t\t\tsize={\"icon\"}\n\t\t\t\ticon={() => ChevronLeft}\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tonClick={() => nextPage()}\n\t\t\t\tdisabled={!getCanNextPage()}\n\t\t\t\tvariant=\"outline\"\n\t\t\t\tsize={\"icon\"}\n\t\t\t\ticon={() => ChevronRight}\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\tonClick={() => lastPage()}\n\t\t\t\tdisabled={!getCanNextPage()}\n\t\t\t\tvariant=\"outline\"\n\t\t\t\tsize={\"icon\"}\n\t\t\t\ticon={() => ChevronLast}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"names":["Paginator","getCanPreviousPage","getCanNextPage","firstPage","previousPage","nextPage","lastPage","getState","rowCount","jsxs","jsx","Button","ChevronFirst","ChevronLeft","ChevronRight","ChevronLast"],"mappings":";;;AASO,SAASA,EAAU;AAAA,EACzB,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACD,GASG;AAED,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,2BACd,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAK,EAAA,WAAU,wCACd,UAAA,GAAGH,EAAW,EAAA,WAAW,YAAYA,EAAA,EAAW,WAAW,WAAW,CAAC,MAAM,KAAK;AAAA,OACjFA,EAAW,EAAA,WAAW,YAAY,KAClCA,EAAA,EAAW,WAAW;AAAA,MACvBC;AAAA,IACA,CAAA,OAAOA,KAAA,gBAAAA,EAAU,gBAAgB,GACnC,CAAA;AAAA,IAEA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,SAAS,MAAMR,EAAU;AAAA,QACzB,UAAU,CAACF,EAAmB;AAAA,QAC9B,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM,MAAMW;AAAA,MAAA;AAAA,IACb;AAAA,IACA,gBAAAF;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,SAAS,MAAMP,EAAa;AAAA,QAC5B,UAAU,CAACH,EAAmB;AAAA,QAC9B,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM,MAAMY;AAAA,MAAA;AAAA,IACb;AAAA,IACA,gBAAAH;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,SAAS,MAAMN,EAAS;AAAA,QACxB,UAAU,CAACH,EAAe;AAAA,QAC1B,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM,MAAMY;AAAA,MAAA;AAAA,IACb;AAAA,IACA,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,SAAS,MAAML,EAAS;AAAA,QACxB,UAAU,CAACJ,EAAe;AAAA,QAC1B,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM,MAAMa;AAAA,MAAA;AAAA,IAAA;AAAA,EACb,GACD;AAEF;"}

package/dist/components/data-table/table-actions.es.js

@@ -22,9 +22,12 @@ function j({
           size: "icon"
         }
       ),
-      r.create && m().rows.length === 0 && /* @__PURE__ */ e(o, {}),
-      m().rows.length > 0 && r.update && /* @__PURE__ */ e(o, {}),
-      m().rows.length > 0 && (r == null ? void 0 : r.delete) && /* @__PURE__ */ e(o, {})
+      r.create && m().rows.length === 0 && // biome-ignore lint/complexity/noUselessFragments: <explanation>
+      /* @__PURE__ */ e(o, {}),
+      m().rows.length > 0 && r.update && // biome-ignore lint/complexity/noUselessFragments: <explanation>
+      /* @__PURE__ */ e(o, {}),
+      m().rows.length > 0 && (r == null ? void 0 : r.delete) && // biome-ignore lint/complexity/noUselessFragments: <explanation>
+      /* @__PURE__ */ e(o, {})
     ] }),
     (r == null ? void 0 : r.search) && /* @__PURE__ */ e(
       t,

package/dist/components/data-table/table-actions.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-actions.es.js","sources":["../../../lib/components/data-table/table-actions.tsx"],"sourcesContent":["import { RotateCw } from 'lucide-react';\n\nimport type { TableActions } from '@/components/data-table/table-utils/index';\nimport { SearchInput } from '@/components/inputs';\nimport { Button } from '@/components/ui/button';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { RowModel } from '@tanstack/react-table';\nimport { useState } from 'react';\n\nexport default function Actions({\n  tableActions,\n  getSelectedRowModel,\n  handleSearching,\n  dataQuery,\n}: {\n  tableActions: TableActions;\n  getSelectedRowModel: () => RowModel<any>;\n  handleSearching: (value: string) => void;\n  dataQuery: UseQueryResult<any, unknown>;\n}) {\n  // const { location: { href } = {} } = useRouterState();\n  const [search, setSearch] = useState<string>('');\n  return (\n    <div className=\"flex bg-card justify-between my-0 p-4 border gap-4 overflow-auto\">\n      <div className=\"flex gap-4\">\n        <Button\n          loading={dataQuery.isFetching}\n          icon={() => RotateCw}\n          onClick={() => dataQuery.refetch()}\n          variant={'outline'}\n          size={'icon'}\n        />\n        {/* //TODO: we can  show the create, delete button based on permsission */}\n        {/* All the creating routes will be with url /create in host app */}\n        {tableActions.create && getSelectedRowModel().rows.length === 0 && (\n          <></>\n          // <Link to={`${href}/create`}>\n          //   <Button disabled={dataQuery.isFetching} icon={() => Plus}>\n          //     Create\n          //   </Button>{' '}\n          // </Link>\n        )}\n        {/* All the updating routes will be with url /edit in host app */}\n        {getSelectedRowModel().rows.length > 0 && tableActions.update && (\n          <></>\n          // <Link to={`${href}/edit`} state={stateToPass}>\n          //   <Button disabled={dataQuery.isFetching} icon={() => Pencil}>\n          //     Update\n          //   </Button>\n          // </Link>\n        )}\n        {getSelectedRowModel().rows.length > 0 && tableActions?.delete && (\n          <></>\n          // <Link to={`${href}/delete`} state={stateToPass}>\n          //   <Button disabled={dataQuery.isFetching} icon={() => Trash} variant={'destructive'}>\n          //     Delete\n          //   </Button>\n          // </Link>\n        )}\n      </div>\n      {tableActions?.search && (\n        <SearchInput\n          value={search}\n          onChange={(e) => {\n            setSearch(e);\n            handleSearching(e);\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["Actions","tableActions","getSelectedRowModel","handleSearching","dataQuery","search","setSearch","useState","jsxs","jsx","Button","RotateCw","Fragment","SearchInput","e"],"mappings":";;;;;AASA,SAAwBA,EAAQ;AAAA,EAC9B,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AACF,GAKG;AAED,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAiB,EAAE;AAE7C,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,oEACb,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAASN,EAAU;AAAA,UACnB,MAAM,MAAMO;AAAA,UACZ,SAAS,MAAMP,EAAU,QAAQ;AAAA,UACjC,SAAS;AAAA,UACT,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAGCH,EAAa,UAAUC,EAAA,EAAsB,KAAK,WAAW,KAC1D,gBAAAO,EAAAG,GAAA,EAAA;AAAA,MAQHV,EAAsB,EAAA,KAAK,SAAS,KAAKD,EAAa,UACnD,gBAAAQ,EAAAG,GAAA,EAAA;AAAA,MAOHV,EAAsB,EAAA,KAAK,SAAS,MAAKD,KAAA,gBAAAA,EAAc,WACpD,gBAAAQ,EAAAG,GAAA,CAAA,CAAA;AAAA,IAAA,GAON;AAAA,KACCX,KAAA,gBAAAA,EAAc,WACb,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,OAAOR;AAAA,QACP,UAAU,CAACS,MAAM;AACf,UAAAR,EAAUQ,CAAC,GACXX,EAAgBW,CAAC;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA;AAAA,EACF,GAEJ;AAEJ;"}
+{"version":3,"file":"table-actions.es.js","sources":["../../../lib/components/data-table/table-actions.tsx"],"sourcesContent":["import { RotateCw } from \"lucide-react\";\n\nimport type { TableActions } from \"@/components/data-table/table-utils/index\";\nimport { SearchInput } from \"@/components/inputs\";\nimport { Button } from \"@/components/ui/button\";\nimport type { UseQueryResult } from \"@tanstack/react-query\";\nimport type { RowModel } from \"@tanstack/react-table\";\nimport { useState } from \"react\";\n\nexport default function Actions({\n\ttableActions,\n\tgetSelectedRowModel,\n\thandleSearching,\n\tdataQuery,\n}: {\n\ttableActions: TableActions;\n\tgetSelectedRowModel: () => RowModel<any>;\n\thandleSearching: (value: string) => void;\n\tdataQuery: UseQueryResult<any, unknown>;\n}) {\n\t// const { location: { href } = {} } = useRouterState();\n\tconst [search, setSearch] = useState<string>(\"\");\n\treturn (\n\t\t<div className=\"flex bg-card justify-between my-0 p-4 border gap-4 overflow-auto\">\n\t\t\t<div className=\"flex gap-4\">\n\t\t\t\t<Button\n\t\t\t\t\tloading={dataQuery.isFetching}\n\t\t\t\t\ticon={() => RotateCw}\n\t\t\t\t\tonClick={() => dataQuery.refetch()}\n\t\t\t\t\tvariant={\"outline\"}\n\t\t\t\t\tsize={\"icon\"}\n\t\t\t\t/>\n\t\t\t\t{/* //TODO: we can  show the create, delete button based on permsission */}\n\t\t\t\t{/* All the creating routes will be with url /create in host app */}\n\t\t\t\t{tableActions.create && getSelectedRowModel().rows.length === 0 && (\n\t\t\t\t\t// biome-ignore lint/complexity/noUselessFragments: <explanation>\n\t\t\t\t\t<></>\n\t\t\t\t\t// <Link to={`${href}/create`}>\n\t\t\t\t\t//   <Button disabled={dataQuery.isFetching} icon={() => Plus}>\n\t\t\t\t\t//     Create\n\t\t\t\t\t//   </Button>{' '}\n\t\t\t\t\t// </Link>\n\t\t\t\t)}\n\t\t\t\t{/* All the updating routes will be with url /edit in host app */}\n\t\t\t\t{getSelectedRowModel().rows.length > 0 && tableActions.update && (\n\t\t\t\t\t// biome-ignore lint/complexity/noUselessFragments: <explanation>\n\t\t\t\t\t<></>\n\t\t\t\t\t// <Link to={`${href}/edit`} state={stateToPass}>\n\t\t\t\t\t//   <Button disabled={dataQuery.isFetching} icon={() => Pencil}>\n\t\t\t\t\t//     Update\n\t\t\t\t\t//   </Button>\n\t\t\t\t\t// </Link>\n\t\t\t\t)}\n\t\t\t\t{getSelectedRowModel().rows.length > 0 && tableActions?.delete && (\n\t\t\t\t\t// biome-ignore lint/complexity/noUselessFragments: <explanation>\n\t\t\t\t\t<></>\n\t\t\t\t\t// <Link to={`${href}/delete`} state={stateToPass}>\n\t\t\t\t\t//   <Button disabled={dataQuery.isFetching} icon={() => Trash} variant={'destructive'}>\n\t\t\t\t\t//     Delete\n\t\t\t\t\t//   </Button>\n\t\t\t\t\t// </Link>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t\t{tableActions?.search && (\n\t\t\t\t<SearchInput\n\t\t\t\t\tvalue={search}\n\t\t\t\t\tonChange={(e) => {\n\t\t\t\t\t\tsetSearch(e);\n\t\t\t\t\t\thandleSearching(e);\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"],"names":["Actions","tableActions","getSelectedRowModel","handleSearching","dataQuery","search","setSearch","useState","jsxs","jsx","Button","RotateCw","Fragment","SearchInput","e"],"mappings":";;;;;AASA,SAAwBA,EAAQ;AAAA,EAC/B,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AACD,GAKG;AAEF,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAiB,EAAE;AAE9C,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,oEACd,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,cACd,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,SAASN,EAAU;AAAA,UACnB,MAAM,MAAMO;AAAA,UACZ,SAAS,MAAMP,EAAU,QAAQ;AAAA,UACjC,SAAS;AAAA,UACT,MAAM;AAAA,QAAA;AAAA,MACP;AAAA,MAGCH,EAAa,UAAUC,EAAoB,EAAE,KAAK,WAAW;AAAA,MAE3D,gBAAAO,EAAAG,GAAA,EAAA;AAAA,MAQFV,EAAoB,EAAE,KAAK,SAAS,KAAKD,EAAa;AAAA,MAEpD,gBAAAQ,EAAAG,GAAA,EAAA;AAAA,MAOFV,EAAoB,EAAE,KAAK,SAAS,MAAKD,KAAA,gBAAAA,EAAc;AAAA,MAErD,gBAAAQ,EAAAG,GAAA,CAAA,CAAA;AAAA,IAAA,GAOJ;AAAA,KACCX,KAAA,gBAAAA,EAAc,WACd,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACA,OAAOR;AAAA,QACP,UAAU,CAACS,MAAM;AAChB,UAAAR,EAAUQ,CAAC,GACXX,EAAgBW,CAAC;AAAA,QAAA;AAAA,MAClB;AAAA,IAAA;AAAA,EACD,GAEF;AAEF;"}

package/dist/components/data-table/table-commons.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-commons.es.js","sources":["../../../lib/components/data-table/table-commons.tsx"],"sourcesContent":["import { FormatDate } from '@/components/data-table/table-utils/index';\nimport { Checkbox } from '@/components/inputs';\nimport { createColumnHelper } from '@tanstack/react-table';\n\nconst cH = createColumnHelper<any>();\nexport const TABLE_CHECK_BOX_COLUMN = [\n  cH.accessor('checkbox', {\n    header: ({ table }) => (\n      <Checkbox\n        checked={\n          table.getIsAllPageRowsSelected() || (table.getIsSomePageRowsSelected())\n        }\n        onChange={() => table.toggleAllPageRowsSelected()}\n        aria-label=\"Select all\"\n      />\n    ),\n\n    cell: ({ row }) => (\n      <Checkbox\n        checked={row.getIsSelected()}\n        onChange={() => row.toggleSelected()}\n        aria-label=\"Select row\"\n      />\n    ),\n    enableSorting: false,\n    enableHiding: false,\n  })];\n\nexport const TABLE_ID_COLUMN = [\n  cH.accessor('id', {\n    header: () => 'ID',\n  }),\n];\nexport const TABLE_DEFAULT_DATE_COLUMNS = [\n  cH.accessor('createdAt', {\n    header: () => 'Creation Date',\n    cell: ({ row }) => {\n      const date = row.getValue('createdAt') satisfies string | null | undefined;\n      return FormatDate(date);\n    },\n    enableHiding: false,\n  }),\n  cH.accessor('updatedAt', {\n    header: () => 'Last Updated',\n    cell: ({ row }) => {\n      const date = row.getValue('createdAt') satisfies string | null | undefined;\n      return FormatDate(date);\n    },\n    enableHiding: false,\n  }),\n];\n"],"names":["cH","createColumnHelper","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","TABLE_ID_COLUMN","TABLE_DEFAULT_DATE_COLUMNS","date","FormatDate"],"mappings":";;;;AAIA,MAAMA,IAAKC,EAAwB,GACtBC,IAAyB;AAAA,EACpCF,EAAG,SAAS,YAAY;AAAA,IACtB,QAAQ,CAAC,EAAE,OAAAG,EAAA,MACT,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SACEF,EAAM,8BAA+BA,EAAM,0BAA0B;AAAA,QAEvE,UAAU,MAAMA,EAAM,0BAA0B;AAAA,QAChD,cAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAGF,MAAM,CAAC,EAAE,KAAAG,EAAA,MACP,gBAAAF;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASC,EAAI,cAAc;AAAA,QAC3B,UAAU,MAAMA,EAAI,eAAe;AAAA,QACnC,cAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,eAAe;AAAA,IACf,cAAc;AAAA,EACf,CAAA;AAAC,GAESC,IAAkB;AAAA,EAC7BP,EAAG,SAAS,MAAM;AAAA,IAChB,QAAQ,MAAM;AAAA,EACf,CAAA;AACH,GACaQ,IAA6B;AAAA,EACxCR,EAAG,SAAS,aAAa;AAAA,IACvB,QAAQ,MAAM;AAAA,IACd,MAAM,CAAC,EAAE,KAAAM,QAAU;AACX,YAAAG,IAAOH,EAAI,SAAS,WAAW;AACrC,aAAOI,EAAWD,CAAI;AAAA,IACxB;AAAA,IACA,cAAc;AAAA,EAAA,CACf;AAAA,EACDT,EAAG,SAAS,aAAa;AAAA,IACvB,QAAQ,MAAM;AAAA,IACd,MAAM,CAAC,EAAE,KAAAM,QAAU;AACX,YAAAG,IAAOH,EAAI,SAAS,WAAW;AACrC,aAAOI,EAAWD,CAAI;AAAA,IACxB;AAAA,IACA,cAAc;AAAA,EACf,CAAA;AACH;"}
+{"version":3,"file":"table-commons.es.js","sources":["../../../lib/components/data-table/table-commons.tsx"],"sourcesContent":["import { FormatDate } from \"@/components/data-table/table-utils/index\";\nimport { Checkbox } from \"@/components/inputs\";\nimport { createColumnHelper } from \"@tanstack/react-table\";\n\nconst cH = createColumnHelper<any>();\nexport const TABLE_CHECK_BOX_COLUMN = [\n\tcH.accessor(\"checkbox\", {\n\t\theader: ({ table }) => (\n\t\t\t<Checkbox\n\t\t\t\tchecked={\n\t\t\t\t\ttable.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected()\n\t\t\t\t}\n\t\t\t\tonChange={() => table.toggleAllPageRowsSelected()}\n\t\t\t\taria-label=\"Select all\"\n\t\t\t/>\n\t\t),\n\n\t\tcell: ({ row }) => (\n\t\t\t<Checkbox\n\t\t\t\tchecked={row.getIsSelected()}\n\t\t\t\tonChange={() => row.toggleSelected()}\n\t\t\t\taria-label=\"Select row\"\n\t\t\t/>\n\t\t),\n\t\tenableSorting: false,\n\t\tenableHiding: false,\n\t}),\n];\n\nexport const TABLE_ID_COLUMN = [\n\tcH.accessor(\"id\", {\n\t\theader: () => \"ID\",\n\t}),\n];\nexport const TABLE_DEFAULT_DATE_COLUMNS = [\n\tcH.accessor(\"createdAt\", {\n\t\theader: () => \"Creation Date\",\n\t\tcell: ({ row }) => {\n\t\t\tconst date = row.getValue(\"createdAt\") satisfies\n\t\t\t\t| string\n\t\t\t\t| null\n\t\t\t\t| undefined;\n\t\t\treturn FormatDate(date);\n\t\t},\n\t\tenableHiding: false,\n\t}),\n\tcH.accessor(\"updatedAt\", {\n\t\theader: () => \"Last Updated\",\n\t\tcell: ({ row }) => {\n\t\t\tconst date = row.getValue(\"createdAt\") satisfies\n\t\t\t\t| string\n\t\t\t\t| null\n\t\t\t\t| undefined;\n\t\t\treturn FormatDate(date);\n\t\t},\n\t\tenableHiding: false,\n\t}),\n];\n"],"names":["cH","createColumnHelper","TABLE_CHECK_BOX_COLUMN","table","jsx","Checkbox","row","TABLE_ID_COLUMN","TABLE_DEFAULT_DATE_COLUMNS","date","FormatDate"],"mappings":";;;;AAIA,MAAMA,IAAKC,EAAwB,GACtBC,IAAyB;AAAA,EACrCF,EAAG,SAAS,YAAY;AAAA,IACvB,QAAQ,CAAC,EAAE,OAAAG,EAAA,MACV,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,SACCF,EAAM,8BAA8BA,EAAM,0BAA0B;AAAA,QAErE,UAAU,MAAMA,EAAM,0BAA0B;AAAA,QAChD,cAAW;AAAA,MAAA;AAAA,IACZ;AAAA,IAGD,MAAM,CAAC,EAAE,KAAAG,EAAA,MACR,gBAAAF;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,SAASC,EAAI,cAAc;AAAA,QAC3B,UAAU,MAAMA,EAAI,eAAe;AAAA,QACnC,cAAW;AAAA,MAAA;AAAA,IACZ;AAAA,IAED,eAAe;AAAA,IACf,cAAc;AAAA,EACd,CAAA;AACF,GAEaC,IAAkB;AAAA,EAC9BP,EAAG,SAAS,MAAM;AAAA,IACjB,QAAQ,MAAM;AAAA,EACd,CAAA;AACF,GACaQ,IAA6B;AAAA,EACzCR,EAAG,SAAS,aAAa;AAAA,IACxB,QAAQ,MAAM;AAAA,IACd,MAAM,CAAC,EAAE,KAAAM,QAAU;AACZ,YAAAG,IAAOH,EAAI,SAAS,WAAW;AAIrC,aAAOI,EAAWD,CAAI;AAAA,IACvB;AAAA,IACA,cAAc;AAAA,EAAA,CACd;AAAA,EACDT,EAAG,SAAS,aAAa;AAAA,IACxB,QAAQ,MAAM;AAAA,IACd,MAAM,CAAC,EAAE,KAAAM,QAAU;AACZ,YAAAG,IAAOH,EAAI,SAAS,WAAW;AAIrC,aAAOI,EAAWD,CAAI;AAAA,IACvB;AAAA,IACA,cAAc;AAAA,EACd,CAAA;AACF;"}