@cryptlex/web-components 2.0.2 → 3.0.0

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

@@ -1,23 +1,22 @@
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
-import { Button as i } from "../ui/button.es.js";
-import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as c, DropdownMenuItem as m } from "../ui/dropdown-menu.es.js";
-import { Menu as u } from "lucide-react";
-function f({ table: r }) {
-  const o = r.getState().pagination.pageSize;
-  return /* @__PURE__ */ t(s, { children: [
-    /* @__PURE__ */ n(a, { asChild: !0, children: /* @__PURE__ */ n(i, { size: "sm", icon: u, variant: "outline", children: o }) }),
-    /* @__PURE__ */ n(c, { children: [10, 20, 30, 40, 50].map((e) => /* @__PURE__ */ n(
+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 }) {
+  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 }) }),
+    /* @__PURE__ */ o(p, { children: /* @__PURE__ */ o(c, { value: r.toString(), children: t.map((n) => /* @__PURE__ */ o(
       m,
       {
-        onSelect: () => r.setPageSize(e),
-        className: `${e === o ? "bg-neutral-5" : ""}`,
-        children: e
-      },
-      e
-    )) })
+        value: n.toString(),
+        onSelect: () => e(n),
+        children: n
+      }
+    )) }) })
   ] });
 }
 export {
-  f as PageSize
+  w as PageSize
 };
 //# sourceMappingURL=page-size.es.js.map

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  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { Table } from '@tanstack/react-table';\nimport { Menu } from 'lucide-react';\n\nexport function PageSize<TData>({ table }: { table: Table<TData> }) {\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 size=\"sm\" icon={Menu} variant=\"outline\">\n          {currentPageSize}\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent>\n        {pageSizes.map((pageSize) => (\n          <DropdownMenuItem\n            key={pageSize}\n            onSelect={() => table.setPageSize(pageSize)}\n            className={`${pageSize === currentPageSize ? 'bg-neutral-5' : ''}`}\n          >\n            {pageSize}\n          </DropdownMenuItem>\n        ))}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["PageSize","table","currentPageSize","DropdownMenu","jsx","DropdownMenuTrigger","Button","Menu","DropdownMenuContent","pageSize","DropdownMenuItem"],"mappings":";;;;AAUgB,SAAAA,EAAgB,EAAE,OAAAC,KAAkC;AAClE,QAAMC,IAAkBD,EAAM,SAAS,EAAE,WAAW;AAGpD,2BACGE,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAoB,EAAA,SAAO,IAC1B,UAAA,gBAAAD,EAACE,GAAO,EAAA,MAAK,MAAK,MAAMC,GAAM,SAAQ,WACnC,UAAAL,EACH,CAAA,GACF;AAAA,IACC,gBAAAE,EAAAI,GAAA,EACE,UAVW,CAAC,IAAI,IAAI,IAAI,IAAI,EAAE,EAUpB,IAAI,CAACC,MACd,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,UAAU,MAAMT,EAAM,YAAYQ,CAAQ;AAAA,QAC1C,WAAW,GAAGA,MAAaP,IAAkB,iBAAiB,EAAE;AAAA,QAE/D,UAAAO;AAAA,MAAA;AAAA,MAJIA;AAAA,IAAA,CAMR,EACH,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  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;"}

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

@@ -1,57 +1,64 @@
-import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { Button as n } from "../ui/button.es.js";
-import { ChevronFirst as s, ChevronLeft as o, ChevronRight as g, ChevronLast as r } from "lucide-react";
-function p({ table: e, rowCount: a }) {
-  return /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ i("span", { className: "whitespace-nowrap caption text-muted-foreground", children: `${e.getState().pagination.pageIndex * e.getState().pagination.pageSize + 1} - ${Math.min(
-      (e.getState().pagination.pageIndex + 1) * e.getState().pagination.pageSize,
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { Button as e } from "../ui/button.es.js";
+import { ChevronFirst as d, ChevronLeft as m, ChevronRight as h, ChevronLast as v } from "lucide-react";
+function g({
+  getCanPreviousPage: o,
+  getCanNextPage: c,
+  firstPage: s,
+  previousPage: l,
+  nextPage: r,
+  lastPage: t,
+  getState: n,
+  rowCount: a
+}) {
+  return /* @__PURE__ */ p("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ i("span", { className: "whitespace-nowrap caption text-muted", children: `${n().pagination.pageIndex * n().pagination.pageSize + 1} - ${Math.min(
+      (n().pagination.pageIndex + 1) * n().pagination.pageSize,
       a
     )} of ${a == null ? void 0 : a.toLocaleString()}` }),
     /* @__PURE__ */ i(
-      n,
+      e,
       {
-        onClick: () => e.firstPage(),
-        disabled: !e.getCanPreviousPage(),
+        onClick: () => s(),
+        disabled: !o(),
         variant: "outline",
-        className: "hidden md:block",
-        size: "sm",
-        icon: s
+        size: "icon",
+        icon: () => d
       }
     ),
     /* @__PURE__ */ i(
-      n,
+      e,
       {
-        onClick: () => e.previousPage(),
-        disabled: !e.getCanPreviousPage(),
+        onClick: () => l(),
+        disabled: !o(),
         variant: "outline",
-        size: "sm",
-        icon: o
+        size: "icon",
+        icon: () => m
       }
     ),
     /* @__PURE__ */ i(
-      n,
+      e,
       {
-        onClick: () => e.nextPage(),
-        disabled: !e.getCanNextPage(),
+        onClick: () => r(),
+        disabled: !c(),
         variant: "outline",
-        size: "sm",
-        icon: g
+        size: "icon",
+        icon: () => h
       }
     ),
     /* @__PURE__ */ i(
-      n,
+      e,
       {
-        onClick: () => e.lastPage(),
-        disabled: !e.getCanNextPage(),
+        onClick: () => t(),
+        disabled: !c(),
         variant: "outline",
-        className: "hidden md:block",
-        size: "sm",
-        icon: r
+        size: "icon",
+        icon: () => v
       }
     )
   ] });
 }
 export {
-  p as Paginator
+  g as Paginator
 };
 //# sourceMappingURL=paginator.es.js.map

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 { Table } from '@tanstack/react-table';\nimport { ChevronFirst, ChevronLast, ChevronLeft, ChevronRight } from 'lucide-react';\n\nexport function Paginator<TData>({ table, rowCount }: { table: Table<TData>; rowCount: number }) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <span className='whitespace-nowrap caption text-muted-foreground'>\n        {`${table.getState().pagination.pageIndex * table.getState().pagination.pageSize + 1} - ${Math.min(\n          (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize,\n          rowCount,\n        )} of ${rowCount?.toLocaleString()}`}\n      </span>\n\n\n      <Button\n        onClick={() => table.firstPage()}\n        disabled={!table.getCanPreviousPage()}\n        variant=\"outline\"\n        className=\"hidden md:block\"\n        size={'sm'}\n        icon={ChevronFirst}\n      />\n      <Button\n        onClick={() => table.previousPage()}\n        disabled={!table.getCanPreviousPage()}\n        variant=\"outline\"\n        size={'sm'}\n        icon={ChevronLeft}\n      />\n      <Button\n        onClick={() => table.nextPage()}\n        disabled={!table.getCanNextPage()}\n        variant=\"outline\"\n        size={'sm'}\n        icon={ChevronRight}\n      />\n      <Button\n        onClick={() => table.lastPage()}\n        disabled={!table.getCanNextPage()}\n        variant=\"outline\"\n        className=\"hidden md:block\"\n        size={'sm'}\n        icon={ChevronLast}\n      />\n    </div>\n  );\n}\n"],"names":["Paginator","table","rowCount","jsxs","jsx","Button","ChevronFirst","ChevronLeft","ChevronRight","ChevronLast"],"mappings":";;;AAIO,SAASA,EAAiB,EAAE,OAAAC,GAAO,UAAAC,KAAuD;AAE7F,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,2BACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,UAAK,WAAU,mDACb,UAAG,GAAAH,EAAM,SAAW,EAAA,WAAW,YAAYA,EAAM,WAAW,WAAW,WAAW,CAAC,MAAM,KAAK;AAAA,OAC5FA,EAAM,SAAW,EAAA,WAAW,YAAY,KAAKA,EAAM,WAAW,WAAW;AAAA,MAC1EC;AAAA,IACD,CAAA,OAAOA,KAAA,gBAAAA,EAAU,gBAAgB,GACpC,CAAA;AAAA,IAGA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMJ,EAAM,UAAU;AAAA,QAC/B,UAAU,CAACA,EAAM,mBAAmB;AAAA,QACpC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,MAAM;AAAA,QACN,MAAMK;AAAA,MAAA;AAAA,IACR;AAAA,IACA,gBAAAF;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMJ,EAAM,aAAa;AAAA,QAClC,UAAU,CAACA,EAAM,mBAAmB;AAAA,QACpC,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAMM;AAAA,MAAA;AAAA,IACR;AAAA,IACA,gBAAAH;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMJ,EAAM,SAAS;AAAA,QAC9B,UAAU,CAACA,EAAM,eAAe;AAAA,QAChC,SAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAMO;AAAA,MAAA;AAAA,IACR;AAAA,IACA,gBAAAJ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMJ,EAAM,SAAS;AAAA,QAC9B,UAAU,CAACA,EAAM,eAAe;AAAA,QAChC,SAAQ;AAAA,QACR,WAAU;AAAA,QACV,MAAM;AAAA,QACN,MAAMQ;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,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 { 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;"}

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

@@ -1,78 +1,43 @@
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import { useRouterState as g, Link as d } from "@tanstack/react-router";
-import { RotateCw as f, Plus as a, Pencil as u, Trash as w } from "lucide-react";
-import { Button as t } from "../ui/button.es.js";
-import "../ui/accordion.es.js";
-import "../ui/avatar.es.js";
-import "../ui/breadcrumb.es.js";
-import "../ui/calendar.es.js";
-import "../ui/card.es.js";
-import "../ui/chart.es.js";
-import "../ui/checkbox.es.js";
-import "@radix-ui/react-collapsible";
-import "../ui/command.es.js";
-import { useState as v } from "react";
-import "../ui/dialog.es.js";
-import "../ui/drawer.es.js";
-import "../ui/dropdown-menu.es.js";
-import "../ui/form.es.js";
-import "../ui/input.es.js";
-import "../ui/input-otp.es.js";
-import "../ui/label.es.js";
-import "../ui/mutli-select.es.js";
-import "../ui/navigation-menu.es.js";
-import "../ui/pagination.es.js";
-import "../ui/password-input.es.js";
-import "../ui/popover.es.js";
-import "../ui/radio-group.es.js";
-import { SearchInput as S } from "../ui/search-input.es.js";
-import "../ui/select.es.js";
-import "../ui/separator.es.js";
-import "../ui/sheet.es.js";
-import "../ui/sidebar.es.js";
-import "sonner";
-import "../ui/table.es.js";
-import "../ui/tabs.es.js";
-import "../ui/textarea.es.js";
-import "../ui/tooltip.es.js";
-function tr({
-  table: i,
+import { jsxs as n, jsx as e, Fragment as o } from "react/jsx-runtime";
+import { RotateCw as u } from "lucide-react";
+import { Button as s } from "../ui/button.es.js";
+import { useState as g } from "react";
+import { SearchInput as t } from "../inputs/search-input.es.js";
+function j({
   tableActions: r,
-  stateToPass: n,
-  handleSearching: h,
-  dataQuery: o
+  getSelectedRowModel: m,
+  handleSearching: a,
+  dataQuery: f
 }) {
-  const { location: { href: m } = {} } = g(), [l, s] = v("");
-  return /* @__PURE__ */ p("div", { className: "flex bg-card justify-between my-0 p-4 border-t border-x gap-4 overflow-auto", children: [
-    /* @__PURE__ */ p("div", { className: "flex gap-4", children: [
+  const [p, i] = g("");
+  return /* @__PURE__ */ n("div", { className: "flex bg-card justify-between my-0 p-4 border gap-4 overflow-auto", children: [
+    /* @__PURE__ */ n("div", { className: "flex gap-4", children: [
       /* @__PURE__ */ e(
-        t,
+        s,
         {
-          loading: o.isFetching,
-          icon: f,
-          onClick: () => o.refetch(),
-          variant: "outline"
+          loading: f.isFetching,
+          icon: () => u,
+          onClick: () => f.refetch(),
+          variant: "outline",
+          size: "icon"
         }
       ),
-      r.create && i.getSelectedRowModel().rows.length === 0 && /* @__PURE__ */ p(d, { to: `${m}/create`, children: [
-        /* @__PURE__ */ e(t, { disabled: o.isFetching, icon: a, children: "Create" }),
-        " "
-      ] }),
-      i.getSelectedRowModel().rows.length > 0 && r.update && /* @__PURE__ */ e(d, { to: `${m}/edit`, state: n, children: /* @__PURE__ */ e(t, { disabled: o.isFetching, icon: u, children: "Update" }) }),
-      i.getSelectedRowModel().rows.length > 0 && (r == null ? void 0 : r.delete) && /* @__PURE__ */ e(d, { to: `${m}/delete`, state: n, children: /* @__PURE__ */ e(t, { disabled: o.isFetching, icon: w, variant: "destructive", children: "Delete" }) })
+      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 == null ? void 0 : r.search) && /* @__PURE__ */ e(
-      S,
+      t,
       {
-        value: l,
-        onChange: (c) => {
-          s(c), h(c);
+        value: p,
+        onChange: (h) => {
+          i(h), a(h);
         }
       }
     )
   ] });
 }
 export {
-  tr as default
+  j as default
 };
 //# sourceMappingURL=table-actions.es.js.map

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 { Link, useRouterState } from '@tanstack/react-router';\n\nimport { Pencil, Plus, RotateCw, Trash } from 'lucide-react';\n\nimport type { TableActions } from '@/components/data-table/table-utils/index';\nimport { Button } from '@/components/ui/button';\nimport { SearchInput } from '@/index';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { Table } from '@tanstack/react-table';\nimport { useState } from 'react';\n\nexport default function Actions<TData>({\n  table,\n  tableActions,\n  stateToPass,\n  handleSearching,\n  dataQuery,\n}: {\n  table: Table<TData>;\n  tableActions: TableActions;\n  handleSearching: (value: string) => void;\n  // TODO:Improve ts\n  stateToPass: any;\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-t border-x 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        />\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 && table.getSelectedRowModel().rows.length === 0 && (\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        {table.getSelectedRowModel().rows.length > 0 && tableActions.update && (\n          <Link to={`${href}/edit`} state={stateToPass}>\n            <Button disabled={dataQuery.isFetching} icon={Pencil}>\n              Update\n            </Button>\n          </Link>\n        )}\n        {table.getSelectedRowModel().rows.length > 0 && tableActions?.delete && (\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","table","tableActions","stateToPass","handleSearching","dataQuery","href","useRouterState","search","setSearch","useState","jsxs","jsx","Button","RotateCw","Link","Plus","Pencil","Trash","SearchInput","e"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,SAAwBA,GAAe;AAAA,EACrC,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC;AACF,GAOG;AACK,QAAA,EAAE,UAAU,EAAE,MAAAC,MAAS,CAAC,EAAA,IAAMC,EAAe,GAC7C,CAACC,GAAQC,CAAS,IAAIC,EAAiB,EAAE;AAE7C,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,+EACb,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAASR,EAAU;AAAA,UACnB,MAAMS;AAAA,UACN,SAAS,MAAMT,EAAU,QAAQ;AAAA,UACjC,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,MAGCH,EAAa,UAAUD,EAAM,oBAAA,EAAsB,KAAK,WAAW,KACjE,gBAAAU,EAAAI,GAAA,EAAK,IAAI,GAAGT,CAAI,WACf,UAAA;AAAA,QAAA,gBAAAM,EAACC,KAAO,UAAUR,EAAU,YAAY,MAAMW,GAAM,UAEpD,UAAA;AAAA,QAAU;AAAA,MAAA,GACZ;AAAA,MAGDf,EAAM,oBAAoB,EAAE,KAAK,SAAS,KAAKC,EAAa,UAC1D,gBAAAU,EAAAG,GAAA,EAAK,IAAI,GAAGT,CAAI,SAAS,OAAOH,GAC/B,UAAA,gBAAAS,EAACC,GAAO,EAAA,UAAUR,EAAU,YAAY,MAAMY,GAAQ,UAAA,SAAA,CAEtD,EACF,CAAA;AAAA,MAEDhB,EAAM,oBAAoB,EAAE,KAAK,SAAS,MAAKC,KAAA,gBAAAA,EAAc,WAC5D,gBAAAU,EAACG,GAAK,EAAA,IAAI,GAAGT,CAAI,WAAW,OAAOH,GACjC,UAAC,gBAAAS,EAAAC,GAAA,EAAO,UAAUR,EAAU,YAAY,MAAMa,GAAO,SAAS,eAAe,UAAA,SAE7E,CAAA,EACF,CAAA;AAAA,IAAA,GAEJ;AAAA,KACChB,KAAA,gBAAAA,EAAc,WACb,gBAAAU;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,OAAOX;AAAA,QACP,UAAU,CAACY,MAAM;AACf,UAAAX,EAAUW,CAAC,GACXhB,EAAgBgB,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  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;"}

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

@@ -1,14 +1,14 @@
 import { jsx as c } from "react/jsx-runtime";
-import { Checkbox as l } from "../ui/checkbox.es.js";
 import { createColumnHelper as r } from "@tanstack/react-table";
+import { Checkbox as l } from "../inputs/checkbox.es.js";
 import { FormatDate as o } from "./table-utils/date.es.js";
-const a = r(), i = [
-  a.accessor("checkbox", {
+const t = r(), i = [
+  t.accessor("checkbox", {
     header: ({ table: e }) => /* @__PURE__ */ c(
       l,
       {
-        checked: e.getIsAllPageRowsSelected() || e.getIsSomePageRowsSelected() && "indeterminate",
-        onCheckedChange: (t) => e.toggleAllPageRowsSelected(!!t),
+        checked: e.getIsAllPageRowsSelected() || e.getIsSomePageRowsSelected(),
+        onChange: () => e.toggleAllPageRowsSelected(),
         "aria-label": "Select all"
       }
     ),
@@ -16,38 +16,38 @@ const a = r(), i = [
       l,
       {
         checked: e.getIsSelected(),
-        onCheckedChange: (t) => e.toggleSelected(!!t),
+        onChange: () => e.toggleSelected(),
         "aria-label": "Select row"
       }
     ),
     enableSorting: !1,
     enableHiding: !1
   })
-], h = [
-  a.accessor("id", {
+], m = [
+  t.accessor("id", {
     header: () => "ID"
   })
-], m = [
-  a.accessor("createdAt", {
+], A = [
+  t.accessor("createdAt", {
     header: () => "Creation Date",
     cell: ({ row: e }) => {
-      const t = e.getValue("createdAt");
-      return o(t);
+      const a = e.getValue("createdAt");
+      return o(a);
     },
     enableHiding: !1
   }),
-  a.accessor("updatedAt", {
+  t.accessor("updatedAt", {
     header: () => "Last Updated",
     cell: ({ row: e }) => {
-      const t = e.getValue("createdAt");
-      return o(t);
+      const a = e.getValue("createdAt");
+      return o(a);
     },
     enableHiding: !1
   })
 ];
 export {
   i as TABLE_CHECK_BOX_COLUMN,
-  m as TABLE_DEFAULT_DATE_COLUMNS,
-  h as TABLE_ID_COLUMN
+  A as TABLE_DEFAULT_DATE_COLUMNS,
+  m as TABLE_ID_COLUMN
 };
 //# sourceMappingURL=table-commons.es.js.map

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/ui/checkbox';\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() && 'indeterminate')\n        }\n        onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}\n        aria-label=\"Select all\"\n      />\n    ),\n\n    cell: ({ row }) => (\n      <Checkbox\n        checked={row.getIsSelected()}\n        onCheckedChange={(value) => row.toggleSelected(!!value)}\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","value","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,yBAAA,KAA+BA,EAAM,0BAA+B,KAAA;AAAA,QAE5E,iBAAiB,CAACG,MAAUH,EAAM,0BAA0B,CAAC,CAACG,CAAK;AAAA,QACnE,cAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAGF,MAAM,CAAC,EAAE,KAAAC,EAAA,MACP,gBAAAH;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAASE,EAAI,cAAc;AAAA,QAC3B,iBAAiB,CAACD,MAAUC,EAAI,eAAe,CAAC,CAACD,CAAK;AAAA,QACtD,cAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,eAAe;AAAA,IACf,cAAc;AAAA,EACf,CAAA;AAAC,GAESE,IAAkB;AAAA,EAC7BR,EAAG,SAAS,MAAM;AAAA,IAChB,QAAQ,MAAM;AAAA,EACf,CAAA;AACH,GACaS,IAA6B;AAAA,EACxCT,EAAG,SAAS,aAAa;AAAA,IACvB,QAAQ,MAAM;AAAA,IACd,MAAM,CAAC,EAAE,KAAAO,QAAU;AACX,YAAAG,IAAOH,EAAI,SAAS,WAAW;AACrC,aAAOI,EAAWD,CAAI;AAAA,IACxB;AAAA,IACA,cAAc;AAAA,EAAA,CACf;AAAA,EACDV,EAAG,SAAS,aAAa;AAAA,IACvB,QAAQ,MAAM;AAAA,IACd,MAAM,CAAC,EAAE,KAAAO,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  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;"}

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

@@ -1,54 +1,53 @@
-import { jsxs as r, jsx as e, Fragment as c } from "react/jsx-runtime";
-import { ACTIONS_COLUMN_ID as m } from "./data-table.es.js";
-import { Button as u } from "../ui/button.es.js";
-import { Table as f, TableHeader as h, TableRow as a, TableHead as x, TableBody as N, TableCell as d, TableFooter as b } from "../ui/table.es.js";
+import { jsxs as a, jsx as e, Fragment as m } from "react/jsx-runtime";
+import { ACTIONS_COLUMN_ID as u } from "./data-table.es.js";
+import { Table as w, TableHeader as x, TableRow as f, TableHead as N, TableBody as C, TableCell as T } from "../ui/table.es.js";
+import { cn as b } from "../../utils/index.es.js";
 import { flexRender as g } from "@tanstack/react-table";
-import { Info as w } from "lucide-react";
-function j({
-  table: s,
-  columns: p,
-  dataQuery: o
-}) {
-  var i;
-  return /* @__PURE__ */ r(f, { className: "size-full", children: [
-    /* @__PURE__ */ e(h, { className: "sticky top-0 z-10", children: s.getHeaderGroups().map((n, l) => /* @__PURE__ */ e(a, { children: n.headers.map((t) => /* @__PURE__ */ e(
-      x,
-      {
-        className: `px-4 py-2 text-left text-sm font-medium bg-card whitespace-nowrap ${t.id === m ? "sticky right-0 z-50 text-center" : ""}`,
-        children: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1", children: [
-          /* @__PURE__ */ e("span", { children: t.isPlaceholder ? null : g(t.column.columnDef.header, t.getContext()) }),
-          t.column.getCanSort() && /* @__PURE__ */ e(u, { size: "xs", variant: "outline", className: "font-mono", onClick: t.column.getToggleSortingHandler(), children: {
-            asc: "↑",
-            desc: "↓"
-          }[t.column.getIsSorted()] ?? "." })
-        ] })
-      },
-      t.id
-    )) }, l)) }),
-    /* @__PURE__ */ e(N, { className: "flex-1 overflow-y-auto", children: s.getRowModel().rows.length ? (
-      // Render table data
-      s.getRowModel().rows.map((n) => /* @__PURE__ */ e(a, { className: "transition-colors data-[state=selected]:bg-muted-foreground/30 hover:bg-muted-foreground/20", "data-state": n.getIsSelected() && "selected", children: n.getVisibleCells().map((l) => /* @__PURE__ */ e(
-        d,
+import { Info as v, ArrowDownNarrowWide as y, ArrowDownWideNarrow as k, ArrowUpDown as D } from "lucide-react";
+import { useCallback as z } from "react";
+import { Loader as I } from "../ui/loader.es.js";
+import { Button as S } from "../ui/button.es.js";
+const h = ({ children: l, className: s }) => /* @__PURE__ */ e("div", { className: b("absolute top-0 bg-card z-20 h-table w-full flex items-center justify-center", s), children: l });
+function W({ className: l, getHeaderGroups: s, getRowModel: i, query: o }) {
+  var d;
+  const c = z(() => o.isLoading, [o]);
+  return /* @__PURE__ */ a(w, { className: b("size-full relative h-table", l), children: [
+    c() && /* @__PURE__ */ e(h, { className: "cursor-wait", children: /* @__PURE__ */ e(I, {}) }),
+    !c() && i().rows.length === 0 && // Empty table
+    /* @__PURE__ */ e(h, { className: "cursor-not-allowed", children: !o.isFetching && (o.isError ? /* @__PURE__ */ a("span", { className: "flex gap-3 justify-center items-center", children: [
+      /* @__PURE__ */ e(v, {}),
+      /* @__PURE__ */ e("span", { children: "You don't have the required permissions. Please contact your admin." })
+    ] }) : (d = o.data) != null && d.data ? /* @__PURE__ */ e(m, { children: "Unknown error. Please contact customer support." }) : /* @__PURE__ */ e(m, { children: "No results found." })) }),
+    !c() && /* @__PURE__ */ a(m, { children: [
+      /* @__PURE__ */ e(x, { className: "sticky top-0 z-10", children: s().map((n, r) => /* @__PURE__ */ e(f, { children: n.headers.map((t) => /* @__PURE__ */ e(
+        N,
+        {
+          className: `px-4 py-2 text-left text-sm font-medium bg-card whitespace-nowrap ${t.id === u ? "sticky right-0 z-50 text-center" : ""}`,
+          children: /* @__PURE__ */ a("span", { className: "inline-flex items-end gap-1", children: [
+            /* @__PURE__ */ e("span", { children: t.isPlaceholder ? null : g(t.column.columnDef.header, t.getContext()) }),
+            t.column.getCanSort() && /* @__PURE__ */ e(S, { size: "icon", variant: "ghost", onClick: t.column.getToggleSortingHandler(), icon: () => {
+              const p = t.column.getIsSorted();
+              return p === "asc" ? y : p === "desc" ? k : D;
+            } })
+          ] })
+        },
+        t.id
+      )) }, r)) }),
+      /* @__PURE__ */ e(C, { className: "flex-1 overflow-y-auto h-table relative", children: i().rows.length !== 0 && i().rows.map((n) => /* @__PURE__ */ e(f, { className: "transition-colors data-[state=selected]:bg-muted-foreground/30 hover:bg-muted-foreground/20", "data-state": n.getIsSelected() && "selected", children: n.getVisibleCells().map((r) => /* @__PURE__ */ e(
+        T,
         {
           className: `
                     px-4 py-2 text-left text-sm whitespace-nowrap
-                    ${l.column.id === m ? "sticky right-0 w-20 bg-card" : ""}
+                    ${r.column.id === u ? "sticky right-0 w-20 bg-card" : ""}
                   `,
-          children: g(l.column.columnDef.cell, l.getContext())
+          children: g(r.column.columnDef.cell, r.getContext())
         },
-        l.id
-      )) }, n.id))
-    ) : (
-      // Empty table
-      /* @__PURE__ */ e(a, { className: "cursor-not-allowed", children: /* @__PURE__ */ e(d, { colSpan: p.length, className: "border-none", children: /* @__PURE__ */ e("span", { className: "flex gap-3 justify-center items-center", children: !o.isFetching && (o.isError ? /* @__PURE__ */ r(c, { children: [
-        /* @__PURE__ */ e(w, {}),
-        " You don't have the required permissions. Please contact your admin."
-      ] }) : (i = o.data) != null && i.data ? null : /* @__PURE__ */ e(c, { children: "No result found." })) }) }) })
-    ) }),
-    o.isFetching && /* @__PURE__ */ e(b, { className: "absolute inset-0 z-20 flex justify-center items-center bg-card/80" })
+        r.id
+      )) }, n.id)) })
+    ] })
   ] });
 }
 export {
-  j as TableContent
+  W as TableContent
 };
 //# sourceMappingURL=table-content.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-content.es.js","sources":["../../../lib/components/data-table/table-content.tsx"],"sourcesContent":["import { ACTIONS_COLUMN_ID } from '@/components/data-table/data-table';\nimport { Button } from '@/components/ui/button';\nimport {\n  TableBody,\n  TableCell,\n  Table as TableComponent,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '@/components/ui/table';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { ColumnDef, Table, flexRender } from '@tanstack/react-table';\nimport { Info } from 'lucide-react';\n\nexport function TableContent<TData, TValue>({\n  table,\n  columns,\n  dataQuery,\n}: {\n  table: Table<TData>;\n  columns: ColumnDef<TData, TValue>[];\n  dataQuery: UseQueryResult<any, unknown>;\n}) {\n  return (\n    <TableComponent className=\"size-full\">\n      <TableHeader className=\"sticky top-0 z-10\">\n        {table.getHeaderGroups().map((headerGroup, index) => (\n          <TableRow key={index}>\n            {headerGroup.headers.map((header) => (\n              <TableHead\n                key={header.id}\n                className={`px-4 py-2 text-left text-sm font-medium bg-card whitespace-nowrap ${header.id === ACTIONS_COLUMN_ID ? 'sticky right-0 z-50 text-center' : ''}`}\n              >\n                <span className='inline-flex items-center gap-1'>\n                  {/* Header text */}\n                  <span>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(header.column.columnDef.header, header.getContext())}\n                  </span>\n                  {/* Sorting button / Indicator */}\n                  {header.column.getCanSort() &&\n                    <Button size=\"xs\" variant='outline' className='font-mono' onClick={header.column.getToggleSortingHandler()}>{{\n                      asc: '↑',\n                      desc: '↓',\n                    }[header.column.getIsSorted() as string] ?? \".\"}</Button>\n                  }\n                </span>\n              </TableHead>\n            ))}\n          </TableRow>\n        ))}\n      </TableHeader>\n      <TableBody className=\"flex-1 overflow-y-auto\">\n        {table.getRowModel().rows.length ?\n          // Render table data\n          (\n            table.getRowModel().rows.map((row) => (\n              <TableRow className='transition-colors data-[state=selected]:bg-muted-foreground/30 hover:bg-muted-foreground/20' key={row.id} data-state={row.getIsSelected() && 'selected'}>\n                {row.getVisibleCells().map((cell) => (\n                  <TableCell\n                    key={cell.id}\n                    className={`\n                    px-4 py-2 text-left text-sm whitespace-nowrap\n                    ${cell.column.id === ACTIONS_COLUMN_ID\n                        ? 'sticky right-0 w-20 bg-card'\n                        : ''\n                      }\n                  `}\n                  >\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))\n          )\n          :\n          // Empty table\n          (\n            <TableRow className=\"cursor-not-allowed\">\n              <TableCell colSpan={columns.length} className=\"border-none\">\n                <span className=\"flex gap-3 justify-center items-center\">\n                  {!dataQuery.isFetching && (\n                    dataQuery.isError ? (\n                      <>\n                        <Info /> You don't have the required permissions. Please contact your admin.\n                      </>\n                    ) : !dataQuery.data?.data ? (\n                      <>No result found.</>\n                    ) : null\n                  )}\n                </span>\n              </TableCell>\n            </TableRow>\n          )}\n      </TableBody>\n      {/* Loader positioned to cover entire table viewport */}\n      {dataQuery.isFetching && (\n        <TableFooter className=\"absolute inset-0 z-20 flex justify-center items-center bg-card/80\" />\n      )}\n    </TableComponent>\n  );\n}\n"],"names":["TableContent","table","columns","dataQuery","jsxs","TableComponent","jsx","TableHeader","headerGroup","index","TableRow","header","TableHead","ACTIONS_COLUMN_ID","flexRender","Button","TableBody","row","cell","TableCell","Fragment","Info","_a","TableFooter"],"mappings":";;;;;;AAeO,SAASA,EAA4B;AAAA,EAC1C,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAIG;;AAEC,SAAA,gBAAAC,EAACC,GAAe,EAAA,WAAU,aACxB,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAY,WAAU,qBACpB,UAAMN,EAAA,kBAAkB,IAAI,CAACO,GAAaC,wBACxCC,GACE,EAAA,UAAAF,EAAY,QAAQ,IAAI,CAACG,MACxB,gBAAAL;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,WAAW,qEAAqED,EAAO,OAAOE,IAAoB,oCAAoC,EAAE;AAAA,QAExJ,UAAA,gBAAAT,EAAC,QAAK,EAAA,WAAU,kCAEd,UAAA;AAAA,UAAA,gBAAAE,EAAC,QACE,EAAA,UAAAK,EAAO,gBACJ,OACAG,EAAWH,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAY,CAAA,GACpE;AAAA,UAECA,EAAO,OAAO,WACb,KAAA,gBAAAL,EAACS,KAAO,MAAK,MAAK,SAAQ,WAAU,WAAU,aAAY,SAASJ,EAAO,OAAO,wBAA4B,GAAA,UAAA;AAAA,YAC3G,KAAK;AAAA,YACL,MAAM;AAAA,YACNA,EAAO,OAAO,YAAuB,CAAA,KAAK,IAAI,CAAA;AAAA,QAAA,EAEpD,CAAA;AAAA,MAAA;AAAA,MAjBKA,EAAO;AAAA,IAAA,CAmBf,EAAA,GAtBYF,CAuBf,CACD,GACH;AAAA,sBACCO,GAAU,EAAA,WAAU,0BAClB,UAAMf,EAAA,cAAc,KAAK;AAAA;AAAA,MAGtBA,EAAM,cAAc,KAAK,IAAI,CAACgB,wBAC3BP,GAAS,EAAA,WAAU,+FAA2G,cAAYO,EAAI,mBAAmB,YAC/J,YAAI,kBAAkB,IAAI,CAACC,MAC1B,gBAAAZ;AAAA,QAACa;AAAA,QAAA;AAAA,UAEC,WAAW;AAAA;AAAA,sBAETD,EAAK,OAAO,OAAOL,IACf,gCACA,EACJ;AAAA;AAAA,UAGD,YAAWK,EAAK,OAAO,UAAU,MAAMA,EAAK,WAAY,CAAA;AAAA,QAAA;AAAA,QATpDA,EAAK;AAAA,MAAA,CAWb,EAAA,GAdoHD,EAAI,EAe3H,CACD;AAAA;AAAA;AAAA,MAKD,gBAAAX,EAACI,KAAS,WAAU,sBAClB,4BAACS,GAAU,EAAA,SAASjB,EAAQ,QAAQ,WAAU,eAC5C,UAAC,gBAAAI,EAAA,QAAA,EAAK,WAAU,0CACb,UAAA,CAACH,EAAU,eACVA,EAAU,UAEN,gBAAAC,EAAAgB,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAd,EAACe,GAAK,EAAA;AAAA,QAAE;AAAA,MACV,EAAA,CAAA,KACGC,IAAAnB,EAAU,SAAV,QAAAmB,EAAgB,OAEjB,8BADA,UAAgB,mBAAA,CAAA,GAGxB,CAAA,EACF,CAAA,EACF,CAAA;AAAA,OAEN;AAAA,IAECnB,EAAU,cACR,gBAAAG,EAAAiB,GAAA,EAAY,WAAU,oEAAoE,CAAA;AAAA,EAAA,GAE/F;AAEJ;"}
+{"version":3,"file":"table-content.es.js","sources":["../../../lib/components/data-table/table-content.tsx"],"sourcesContent":["import { ACTIONS_COLUMN_ID } from '@/components/data-table/data-table';\nimport { Button, Loader } from '@/components/ui';\nimport {\n  TableBody,\n  TableCell,\n  Table as TableComponent,\n  TableHead,\n  TableHeader,\n  TableRow\n} from '@/components/ui/table';\nimport { cn } from '@/utils';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport { flexRender, type HeaderGroup, type RowModel } from '@tanstack/react-table';\nimport { ArrowDownNarrowWide, ArrowDownWideNarrow, ArrowUpDown, Info } from 'lucide-react';\nimport { useCallback } from 'react';\n\nconst TableOverlay = ({ children, className }: { children: React.ReactNode, className?: string }) => <div className={cn(\"absolute top-0 bg-card z-20 h-table w-full flex items-center justify-center\", className)}>{children}</div>;\nexport function TableContent({ className, getHeaderGroups, getRowModel, query }: {\n  className?: string;\n  getRowModel: () => RowModel<any>\n  getHeaderGroups: () => HeaderGroup<any>[]\n  query: UseQueryResult<any, unknown>;\n}) {\n  const isLoading = useCallback(() => {\n    return query.isLoading;\n  }, [query]);\n\n  return (\n    <TableComponent className={cn(\"size-full relative h-table\", className)}>\n      {/* Table overlay with loader */}\n      {isLoading() && (<TableOverlay className='cursor-wait'><Loader /></TableOverlay>)}\n      {/* Table overlay for empty table */}\n      {!isLoading() && getRowModel().rows.length === 0 && (\n        // Empty table\n        <TableOverlay className=\"cursor-not-allowed\">\n          {!query.isFetching && (\n            query.isError ? (\n              <span className=\"flex gap-3 justify-center items-center\">\n                {/* TODO Check for 403 explicitly!! */}\n                {/* <span>{query.error}</span> */}\n                <Info />\n                <span>You don't have the required permissions. Please contact your admin.</span>\n              </span>\n            ) : !query.data?.data ? (\n              <>No results found.</>\n            ) : <>Unknown error. Please contact customer support.</>\n          )}\n        </TableOverlay>\n      )}\n      {!isLoading() && <>\n        <TableHeader className=\"sticky top-0 z-10\">\n          {getHeaderGroups().map((headerGroup, index) => (\n            <TableRow key={index}>\n              {headerGroup.headers.map((header) => (\n                <TableHead\n                  key={header.id}\n                  className={`px-4 py-2 text-left text-sm font-medium bg-card whitespace-nowrap ${header.id === ACTIONS_COLUMN_ID ? 'sticky right-0 z-50 text-center' : ''}`}\n                >\n                  <span className='inline-flex items-end gap-1'>\n                    <span>\n                      {header.isPlaceholder\n                        ? null\n                        : flexRender(header.column.columnDef.header, header.getContext())}\n                    </span>\n                    {header.column.getCanSort() &&\n                      <Button size=\"icon\" variant='ghost' onClick={header.column.getToggleSortingHandler()} icon={() => {\n                        const sort = header.column.getIsSorted();\n                        if (sort === 'asc') {\n                          return ArrowDownNarrowWide;\n                        }\n                        else if (sort === 'desc') {\n                          return ArrowDownWideNarrow;\n                        }\n                        else {\n                          return ArrowUpDown;\n                        }\n                      }} />\n                    }\n                  </span>\n                </TableHead>\n              ))}\n            </TableRow>\n          ))}\n        </TableHeader>\n        <TableBody className=\"flex-1 overflow-y-auto h-table relative\">\n          {getRowModel().rows.length !== 0 &&\n            (\n              getRowModel().rows.map((row) => (\n                <TableRow className='transition-colors data-[state=selected]:bg-muted-foreground/30 hover:bg-muted-foreground/20' key={row.id} data-state={row.getIsSelected() && 'selected'}>\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell\n                      key={cell.id}\n                      className={`\n                    px-4 py-2 text-left text-sm whitespace-nowrap\n                    ${cell.column.id === ACTIONS_COLUMN_ID\n                          ? 'sticky right-0 w-20 bg-card'\n                          : ''\n                        }\n                  `}\n                    >\n                      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            )\n          }\n        </TableBody>\n      </>}\n    </TableComponent>\n  );\n}\n"],"names":["TableOverlay","children","className","jsx","cn","TableContent","getHeaderGroups","getRowModel","query","isLoading","useCallback","TableComponent","Loader","jsxs","Info","_a","Fragment","TableHeader","headerGroup","index","TableRow","header","TableHead","ACTIONS_COLUMN_ID","flexRender","Button","sort","ArrowDownNarrowWide","ArrowDownWideNarrow","ArrowUpDown","TableBody","row","cell","TableCell"],"mappings":";;;;;;;;;AAgBA,MAAMA,IAAe,CAAC,EAAE,UAAAC,GAAU,WAAAC,EAAU,MAA0D,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAG,+EAA+EF,CAAS,GAAI,UAAAD,EAAS,CAAA;AACtN,SAASI,EAAa,EAAE,WAAAH,GAAW,iBAAAI,GAAiB,aAAAC,GAAa,OAAAC,KAKrE;;AACK,QAAAC,IAAYC,EAAY,MACrBF,EAAM,WACZ,CAACA,CAAK,CAAC;AAEV,2BACGG,GAAe,EAAA,WAAWP,EAAG,8BAA8BF,CAAS,GAElE,UAAA;AAAA,IAAAO,OAAiB,gBAAAN,EAAAH,GAAA,EAAa,WAAU,eAAc,UAAA,gBAAAG,EAACS,KAAO,EAAE,CAAA;AAAA,IAEhE,CAACH,EAAU,KAAKF,EAAY,EAAE,KAAK,WAAW;AAAA,IAE5C,gBAAAJ,EAAAH,GAAA,EAAa,WAAU,sBACrB,UAAC,CAAAQ,EAAM,eACNA,EAAM,UACJ,gBAAAK,EAAC,QAAK,EAAA,WAAU,0CAGd,UAAA;AAAA,MAAA,gBAAAV,EAACW,GAAK,EAAA;AAAA,MACN,gBAAAX,EAAC,UAAK,UAAmE,sEAAA,CAAA;AAAA,IAAA,EAC3E,CAAA,KACGY,IAAAP,EAAM,SAAN,QAAAO,EAAY,OAEX,gBAAAZ,EAAAa,GAAA,EAAA,UAAA,kDAAA,CAA+C,2BADjD,UAAiB,oBAAA,CAAA,IAGzB;AAAA,IAED,CAACP,EAAU,KACV,gBAAAI,EAAAG,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAb,EAACc,GAAY,EAAA,WAAU,qBACpB,UAAAX,EAAA,EAAkB,IAAI,CAACY,GAAaC,wBAClCC,GACE,EAAA,UAAAF,EAAY,QAAQ,IAAI,CAACG,MACxB,gBAAAlB;AAAA,QAACmB;AAAA,QAAA;AAAA,UAEC,WAAW,qEAAqED,EAAO,OAAOE,IAAoB,oCAAoC,EAAE;AAAA,UAExJ,UAAA,gBAAAV,EAAC,QAAK,EAAA,WAAU,+BACd,UAAA;AAAA,YAAA,gBAAAV,EAAC,QACE,EAAA,UAAAkB,EAAO,gBACJ,OACAG,EAAWH,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAY,CAAA,GACpE;AAAA,YACCA,EAAO,OAAO,WAAA,KACb,gBAAAlB,EAACsB,KAAO,MAAK,QAAO,SAAQ,SAAQ,SAASJ,EAAO,OAAO,wBAAwB,GAAG,MAAM,MAAM;AAC1F,oBAAAK,IAAOL,EAAO,OAAO,YAAY;AACvC,qBAAIK,MAAS,QACJC,IAEAD,MAAS,SACTE,IAGAC;AAAA,YACT,EACC,CAAA;AAAA,UAAA,EAEP,CAAA;AAAA,QAAA;AAAA,QAvBKR,EAAO;AAAA,MAAA,CAyBf,EAAA,GA5BYF,CA6Bf,CACD,GACH;AAAA,MACC,gBAAAhB,EAAA2B,GAAA,EAAU,WAAU,2CAClB,UAAYvB,EAAA,EAAE,KAAK,WAAW,KAE3BA,EAAA,EAAc,KAAK,IAAI,CAACwB,MACtB,gBAAA5B,EAACiB,GAAS,EAAA,WAAU,+FAA2G,cAAYW,EAAI,cAAmB,KAAA,YAC/J,UAAIA,EAAA,gBAAA,EAAkB,IAAI,CAACC,MAC1B,gBAAA7B;AAAA,QAAC8B;AAAA,QAAA;AAAA,UAEC,WAAW;AAAA;AAAA,sBAEXD,EAAK,OAAO,OAAOT,IACb,gCACA,EACJ;AAAA;AAAA,UAGD,YAAWS,EAAK,OAAO,UAAU,MAAMA,EAAK,WAAY,CAAA;AAAA,QAAA;AAAA,QATpDA,EAAK;AAAA,MAWb,CAAA,KAdoHD,EAAI,EAe3H,CACD,EAGP,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,24 +1,23 @@
-import { merge as d } from "lodash-es";
-function f(e, n, a) {
-  return async (t, o, u, s) => {
-    const c = {
+import { merge as i } from "lodash-es";
+function g(e, n, a) {
+  return async (t, o, u) => {
+    const s = {
       params: {
         query: {
           page: t.pageIndex + 1,
           limit: t.pageSize,
-          sort: p(o[0]),
-          query: u,
-          ...s
+          sort: d(o[0]),
+          query: u
         }
       }
-    }, i = d(c, a);
-    return e.GET(n, i).then((r) => ({ total: parseInt(r.response.headers.get("Pagination-Count") || "0"), data: r.data }));
+    }, c = i(s, a);
+    return e.GET(n, c).then((r) => ({ total: parseInt(r.response.headers.get("Pagination-Count") || "0"), data: r.data }));
   };
 }
-function p(e) {
+function d(e) {
   return e ? e.desc ? `-${e.id}` : `+${e.id}` : "-createdAt";
 }
 export {
-  f as createTableFetchFn
+  g as createTableFetchFn
 };
 //# sourceMappingURL=createTableFetchFn.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"createTableFetchFn.es.js","sources":["../../../../lib/components/data-table/table-utils/createTableFetchFn.ts"],"sourcesContent":["import type { paths } from '@cryptlex/web-api-types';\nimport { merge } from 'lodash-es';\nimport createClient, { ParamsOption } from 'openapi-fetch';\nimport { type TableFetchFn } from './types';\n\ninterface Params {\n  query: Record<string, string | number | boolean | Record<string, string | number | boolean>>;\n}\n\ntype Client = ReturnType<typeof createClient<paths>>;\n\n// Helper type to extract valid GET paths\ntype GetPaths = {\n  [P in keyof paths]: paths[P] extends { get: any } ? P : never;\n}[keyof paths];\n\nexport function createTableFetchFn<_any, Return>(\n  ctxclient: Client,\n  path: GetPaths,\n  // TODO: Use generic type instead\n  params?: ParamsOption<any>,\n): TableFetchFn<Return> {\n  return async (pagination, sorting, searching, filtering) => {\n    const ab: { params: Params } = {\n      params: {\n        query: {\n          page: pagination.pageIndex + 1,\n          limit: pagination.pageSize,\n          sort: generateSortParam(sorting[0]),\n          query: searching,\n          ...filtering,\n        },\n      },\n    };\n\n    const pathParams = merge(ab, params) as { params: Params };\n\n    return ctxclient.GET(path, pathParams).then((value) => {\n      const rowCount = parseInt(value.response.headers.get('Pagination-Count') || '0');\n      return { total: rowCount, data: value.data };\n    });\n  };\n}\n\nfunction generateSortParam(sort: { id: string; desc: boolean } | undefined): string {\n  if (sort) {\n    if (sort.desc) {\n      return `-${sort.id}`;\n    } else {\n      return `+${sort.id}`;\n    }\n  } else {\n    return '-createdAt';\n  }\n}\n"],"names":["createTableFetchFn","ctxclient","path","params","pagination","sorting","searching","filtering","ab","generateSortParam","pathParams","merge","value","sort"],"mappings":";AAgBgB,SAAAA,EACdC,GACAC,GAEAC,GACsB;AACtB,SAAO,OAAOC,GAAYC,GAASC,GAAWC,MAAc;AAC1D,UAAMC,IAAyB;AAAA,MAC7B,QAAQ;AAAA,QACN,OAAO;AAAA,UACL,MAAMJ,EAAW,YAAY;AAAA,UAC7B,OAAOA,EAAW;AAAA,UAClB,MAAMK,EAAkBJ,EAAQ,CAAC,CAAC;AAAA,UAClC,OAAOC;AAAA,UACP,GAAGC;AAAA,QAAA;AAAA,MACL;AAAA,IAEJ,GAEMG,IAAaC,EAAMH,GAAIL,CAAM;AAEnC,WAAOF,EAAU,IAAIC,GAAMQ,CAAU,EAAE,KAAK,CAACE,OAEpC,EAAE,OADQ,SAASA,EAAM,SAAS,QAAQ,IAAI,kBAAkB,KAAK,GAAG,GACrD,MAAMA,EAAM,KAAK,EAC5C;AAAA,EACH;AACF;AAEA,SAASH,EAAkBI,GAAyD;AAClF,SAAIA,IACEA,EAAK,OACA,IAAIA,EAAK,EAAE,KAEX,IAAIA,EAAK,EAAE,KAGb;AAEX;"}
+{"version":3,"file":"createTableFetchFn.es.js","sources":["../../../../lib/components/data-table/table-utils/createTableFetchFn.ts"],"sourcesContent":["import type { paths } from '@cryptlex/web-api-types';\nimport { merge } from 'lodash-es';\nimport createClient, { ParamsOption } from 'openapi-fetch';\nimport { type TableFetchFn } from './types';\n\ninterface Params {\n  query: Record<string, string | number | boolean | Record<string, string | number | boolean>>;\n}\n\ntype Client = ReturnType<typeof createClient<paths>>;\n\n// Helper type to extract valid GET paths\ntype GetPaths = {\n  [P in keyof paths]: paths[P] extends { get: any } ? P : never;\n}[keyof paths];\n\nexport function createTableFetchFn<_any, Return>(\n  ctxclient: Client,\n  path: GetPaths,\n  // TODO: Use generic type instead\n  params?: ParamsOption<any>,\n): TableFetchFn<Return> {\n  return async (pagination, sorting, searching) => {\n    const ab: { params: Params } = {\n      params: {\n        query: {\n          page: pagination.pageIndex + 1,\n          limit: pagination.pageSize,\n          sort: generateSortParam(sorting[0]),\n          query: searching,\n        },\n      },\n    };\n\n    const pathParams = merge(ab, params) as { params: Params };\n\n    return ctxclient.GET(path, pathParams).then((value) => {\n      const rowCount = parseInt(value.response.headers.get('Pagination-Count') || '0');\n      return { total: rowCount, data: value.data };\n    });\n  };\n}\n\nfunction generateSortParam(sort: { id: string; desc: boolean } | undefined): string {\n  if (sort) {\n    if (sort.desc) {\n      return `-${sort.id}`;\n    } else {\n      return `+${sort.id}`;\n    }\n  } else {\n    return '-createdAt';\n  }\n}\n"],"names":["createTableFetchFn","ctxclient","path","params","pagination","sorting","searching","ab","generateSortParam","pathParams","merge","value","sort"],"mappings":";AAgBgB,SAAAA,EACdC,GACAC,GAEAC,GACsB;AACf,SAAA,OAAOC,GAAYC,GAASC,MAAc;AAC/C,UAAMC,IAAyB;AAAA,MAC7B,QAAQ;AAAA,QACN,OAAO;AAAA,UACL,MAAMH,EAAW,YAAY;AAAA,UAC7B,OAAOA,EAAW;AAAA,UAClB,MAAMI,EAAkBH,EAAQ,CAAC,CAAC;AAAA,UAClC,OAAOC;AAAA,QAAA;AAAA,MACT;AAAA,IAEJ,GAEMG,IAAaC,EAAMH,GAAIJ,CAAM;AAEnC,WAAOF,EAAU,IAAIC,GAAMO,CAAU,EAAE,KAAK,CAACE,OAEpC,EAAE,OADQ,SAASA,EAAM,SAAS,QAAQ,IAAI,kBAAkB,KAAK,GAAG,GACrD,MAAMA,EAAM,KAAK,EAC5C;AAAA,EACH;AACF;AAEA,SAASH,EAAkBI,GAAyD;AAClF,SAAIA,IACEA,EAAK,OACA,IAAIA,EAAK,EAAE,KAEX,IAAIA,EAAK,EAAE,KAGb;AAEX;"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.es.js","sources":["../../../../lib/components/data-table/table-utils/types.ts"],"sourcesContent":["import { components } from '@cryptlex/web-api-types';\nimport { PaginationState, SortingState } from '@tanstack/react-table';\n// export type RoutePath = RoutePaths<typeof routeTree>;\nexport type fieldsToDisplay = {\n  display: string;\n  accessor: string;\n};\n[];\nexport enum DYNAMIC_INPUT_TARGET {\n  USER,\n  ORGANIZATION,\n  RESELLER,\n}\nexport type VisibilityState<T> = {\n  [K in keyof T]?: boolean;\n};\nexport type TableActions = {\n  /** True if reading this resource is allowed. */\n  read: boolean;\n\n  /** True if creation of resource from dashboard is allowed. */\n  create: boolean;\n\n  /** True if the resource can be updated */\n  update: boolean;\n\n  /** True if the resource can be deleted */\n  delete: boolean;\n\n  /** True if the resource can be exported */\n  export: boolean;\n\n  /** True if the resource can be linked to tags. */\n  tag: boolean;\n\n  /** True if searching is supported. Search is defined by the `query` QueryParameter in the Web API */\n  search: boolean;\n\n  /** True if selection using checkboxes is allowed */\n  selection: boolean;\n\n  /** True if the resource has support for segments */\n  segments: boolean;\n};\n\nexport type MetadataDto = components['schemas']['MetadataDto'];\n\nexport type TableFetchFn<TData> = (\n  p: PaginationState,\n  s: SortingState,\n  q: string,\n  f: any,\n) => Promise<{\n  total: number;\n  data: TData[] | undefined;\n}>;\n/*** Type for hide some of the columns based on the dto of the particular page\n ** `id`, `updatedAt` are by default hidden\n */\nexport type DefaultVisibilityState<T> = {\n  [K in keyof T]?: boolean;\n};\n"],"names":["DYNAMIC_INPUT_TARGET","DYNAMIC_INPUT_TARGET2"],"mappings":"AAQY,IAAAA,sBAAAA,OACVA,EAAAC,EAAA,OAAA,CAAA,IAAA,QACAD,EAAAC,EAAA,eAAA,CAAA,IAAA,gBACAD,EAAAC,EAAA,WAAA,CAAA,IAAA,YAHUD,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"types.es.js","sources":["../../../../lib/components/data-table/table-utils/types.ts"],"sourcesContent":["import { components } from '@cryptlex/web-api-types';\nimport { PaginationState, SortingState } from '@tanstack/react-table';\n// export type RoutePath = RoutePaths<typeof routeTree>;\nexport type fieldsToDisplay = {\n  display: string;\n  accessor: string;\n};\n[];\nexport enum DYNAMIC_INPUT_TARGET {\n  USER,\n  ORGANIZATION,\n  RESELLER,\n}\nexport type VisibilityState<T> = {\n  [K in keyof T]?: boolean;\n};\nexport type TableActions = {\n  /** True if reading this resource is allowed. */\n  read: boolean;\n\n  /** True if creation of resource from dashboard is allowed. */\n  create: boolean;\n\n  /** True if the resource can be updated */\n  update: boolean;\n\n  /** True if the resource can be deleted */\n  delete: boolean;\n\n  /** True if the resource can be exported */\n  export: boolean;\n\n  /** True if the resource can be linked to tags. */\n  tag: boolean;\n\n  /** True if searching is supported. Search is defined by the `query` QueryParameter in the Web API */\n  search: boolean;\n\n  /** True if selection using checkboxes is allowed */\n  selection: boolean;\n\n  /** True if the resource has support for segments */\n  segments: boolean;\n};\n\nexport type MetadataDto = components['schemas']['MetadataDto'];\n\nexport type TableFetchFn<TData> = (\n  p: PaginationState,\n  s: SortingState,\n  q: string,\n  // f: any,\n) => Promise<{\n  total: number;\n  data: TData[] | undefined;\n}>;\n/*** Type for hide some of the columns based on the dto of the particular page\n ** `id`, `updatedAt` are by default hidden\n */\nexport type DefaultVisibilityState<T> = {\n  [K in keyof T]?: boolean;\n};\n"],"names":["DYNAMIC_INPUT_TARGET","DYNAMIC_INPUT_TARGET2"],"mappings":"AAQY,IAAAA,sBAAAA,OACVA,EAAAC,EAAA,OAAA,CAAA,IAAA,QACAD,EAAAC,EAAA,eAAA,CAAA,IAAA,gBACAD,EAAAC,EAAA,WAAA,CAAA,IAAA,YAHUD,IAAAA,KAAA,CAAA,CAAA;"}