@cryptlex/web-components 2.0.2 → 3.1.0

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

@@ -1,23 +1,25 @@
-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\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

@@ -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 {\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

@@ -1,78 +1,46 @@
-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 && // 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(
-      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\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

@@ -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\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;"}

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

@@ -1,54 +1,92 @@
-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 { flexRender as g } from "@tanstack/react-table";
-import { Info as w } from "lucide-react";
-function j({
-  table: s,
-  columns: p,
-  dataQuery: o
+import { jsxs as n, jsx as e, Fragment as c } from "react/jsx-runtime";
+import { ACTIONS_COLUMN_ID as p } from "./data-table.es.js";
+import { Table as b, TableHeader as w, TableRow as u, TableHead as x, TableBody as N, TableCell as C } from "../ui/table.es.js";
+import { cn as h } from "../../utils/index.es.js";
+import { flexRender as f } from "@tanstack/react-table";
+import { Info as T, ArrowDownNarrowWide as v, ArrowDownWideNarrow as y, ArrowUpDown as k } from "lucide-react";
+import { useCallback as D } from "react";
+import { Loader as z } from "../ui/loader.es.js";
+import { Button as I } from "../ui/button.es.js";
+const g = ({
+  children: a,
+  className: l
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: h(
+      "absolute top-0 bg-card z-20 h-table w-full flex items-center justify-center",
+      l
+    ),
+    children: a
+  }
+);
+function F({
+  className: a,
+  getHeaderGroups: l,
+  getRowModel: s,
+  query: 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,
+  var m;
+  const i = D(() => o.isLoading, [o]);
+  return /* @__PURE__ */ n(b, { className: h("size-full relative h-table", a), children: [
+    i() && /* @__PURE__ */ e(g, { className: "cursor-wait", children: /* @__PURE__ */ e(z, {}) }),
+    !i() && s().rows.length === 0 && // Empty table
+    /* @__PURE__ */ e(g, { className: "cursor-not-allowed", children: !o.isFetching && (o.isError ? /* @__PURE__ */ n("span", { className: "flex gap-3 justify-center items-center", children: [
+      /* @__PURE__ */ e(T, {}),
+      /* @__PURE__ */ e("span", { children: "You don't have the required permissions. Please contact your admin." })
+    ] }) : (m = o.data) != null && m.data ? /* @__PURE__ */ e(c, { children: "Unknown error. Please contact customer support." }) : /* @__PURE__ */ e(c, { children: "No results found." })) }),
+    !i() && /* @__PURE__ */ n(c, { children: [
+      /* @__PURE__ */ e(w, { className: "sticky top-0 z-10", children: l().map((r) => /* @__PURE__ */ e(u, { children: r.headers.map((t) => /* @__PURE__ */ e(
+        x,
         {
-          className: `
+          className: `px-4 py-2 text-left text-sm font-medium bg-card whitespace-nowrap ${t.id === p ? "sticky right-0 z-50 text-center" : ""}`,
+          children: /* @__PURE__ */ n("span", { className: "inline-flex items-end gap-1", children: [
+            /* @__PURE__ */ e("span", { children: t.isPlaceholder ? null : f(
+              t.column.columnDef.header,
+              t.getContext()
+            ) }),
+            t.column.getCanSort() && /* @__PURE__ */ e(
+              I,
+              {
+                size: "icon",
+                variant: "ghost",
+                onClick: t.column.getToggleSortingHandler(),
+                icon: () => {
+                  const d = t.column.getIsSorted();
+                  return d === "asc" ? v : d === "desc" ? y : k;
+                }
+              }
+            )
+          ] })
+        },
+        t.id
+      )) }, r.id)) }),
+      /* @__PURE__ */ e(N, { className: "flex-1 overflow-y-auto h-table relative", children: s().rows.length !== 0 && s().rows.map((r) => /* @__PURE__ */ e(
+        u,
+        {
+          className: "transition-colors data-[state=selected]:bg-muted-foreground/30 hover:bg-muted-foreground/20",
+          "data-state": r.getIsSelected() && "selected",
+          children: r.getVisibleCells().map((t) => /* @__PURE__ */ e(
+            C,
+            {
+              className: `
                     px-4 py-2 text-left text-sm whitespace-nowrap
-                    ${l.column.id === m ? "sticky right-0 w-20 bg-card" : ""}
+                    ${t.column.id === p ? "sticky right-0 w-20 bg-card" : ""}
                   `,
-          children: g(l.column.columnDef.cell, l.getContext())
+              children: f(
+                t.column.columnDef.cell,
+                t.getContext()
+              )
+            },
+            t.id
+          ))
         },
-        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
+      )) })
+    ] })
   ] });
 }
 export {
-  j as TableContent
+  F 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\tTableBody,\n\tTableCell,\n\tTable as TableComponent,\n\tTableHead,\n\tTableHeader,\n\tTableRow,\n} from \"@/components/ui/table\";\nimport { cn } from \"@/utils\";\nimport type { UseQueryResult } from \"@tanstack/react-query\";\nimport {\n\ttype HeaderGroup,\n\ttype RowModel,\n\tflexRender,\n} from \"@tanstack/react-table\";\nimport {\n\tArrowDownNarrowWide,\n\tArrowDownWideNarrow,\n\tArrowUpDown,\n\tInfo,\n} from \"lucide-react\";\nimport { useCallback } from \"react\";\n\nconst TableOverlay = ({\n\tchildren,\n\tclassName,\n}: { children: React.ReactNode; className?: string }) => (\n\t<div\n\t\tclassName={cn(\n\t\t\t\"absolute top-0 bg-card z-20 h-table w-full flex items-center justify-center\",\n\t\t\tclassName,\n\t\t)}\n\t>\n\t\t{children}\n\t</div>\n);\nexport function TableContent({\n\tclassName,\n\tgetHeaderGroups,\n\tgetRowModel,\n\tquery,\n}: {\n\tclassName?: string;\n\tgetRowModel: () => RowModel<any>;\n\tgetHeaderGroups: () => HeaderGroup<any>[];\n\tquery: UseQueryResult<any, unknown>;\n}) {\n\tconst isLoading = useCallback(() => {\n\t\treturn query.isLoading;\n\t}, [query]);\n\n\treturn (\n\t\t<TableComponent className={cn(\"size-full relative h-table\", className)}>\n\t\t\t{/* Table overlay with loader */}\n\t\t\t{isLoading() && (\n\t\t\t\t<TableOverlay className=\"cursor-wait\">\n\t\t\t\t\t<Loader />\n\t\t\t\t</TableOverlay>\n\t\t\t)}\n\t\t\t{/* Table overlay for empty table */}\n\t\t\t{!isLoading() && getRowModel().rows.length === 0 && (\n\t\t\t\t// Empty table\n\t\t\t\t<TableOverlay className=\"cursor-not-allowed\">\n\t\t\t\t\t{!query.isFetching &&\n\t\t\t\t\t\t(query.isError ? (\n\t\t\t\t\t\t\t<span className=\"flex gap-3 justify-center items-center\">\n\t\t\t\t\t\t\t\t{/* TODO Check for 403 explicitly!! */}\n\t\t\t\t\t\t\t\t{/* <span>{query.error}</span> */}\n\t\t\t\t\t\t\t\t<Info />\n\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\tYou don't have the required permissions. Please contact your\n\t\t\t\t\t\t\t\t\tadmin.\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) : !query.data?.data ? (\n\t\t\t\t\t\t\t<>No results found.</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>Unknown error. Please contact customer support.</>\n\t\t\t\t\t\t))}\n\t\t\t\t</TableOverlay>\n\t\t\t)}\n\t\t\t{!isLoading() && (\n\t\t\t\t<>\n\t\t\t\t\t<TableHeader className=\"sticky top-0 z-10\">\n\t\t\t\t\t\t{getHeaderGroups().map((headerGroup) => (\n\t\t\t\t\t\t\t<TableRow key={headerGroup.id}>\n\t\t\t\t\t\t\t\t{headerGroup.headers.map((header) => (\n\t\t\t\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\t\t\t\tkey={header.id}\n\t\t\t\t\t\t\t\t\t\tclassName={`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\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span className=\"inline-flex items-end gap-1\">\n\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t{header.isPlaceholder\n\t\t\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t\t\t: flexRender(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.header,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theader.getContext(),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t{header.column.getCanSort() && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={header.column.getToggleSortingHandler()}\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst sort = header.column.getIsSorted();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (sort === \"asc\") {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn ArrowDownNarrowWide;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (sort === \"desc\") {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn ArrowDownWideNarrow;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn ArrowUpDown;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TableHeader>\n\t\t\t\t\t<TableBody className=\"flex-1 overflow-y-auto h-table relative\">\n\t\t\t\t\t\t{getRowModel().rows.length !== 0 &&\n\t\t\t\t\t\t\tgetRowModel().rows.map((row) => (\n\t\t\t\t\t\t\t\t<TableRow\n\t\t\t\t\t\t\t\t\tclassName=\"transition-colors data-[state=selected]:bg-muted-foreground/30 hover:bg-muted-foreground/20\"\n\t\t\t\t\t\t\t\t\tkey={row.id}\n\t\t\t\t\t\t\t\t\tdata-state={row.getIsSelected() && \"selected\"}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{row.getVisibleCells().map((cell) => (\n\t\t\t\t\t\t\t\t\t\t<TableCell\n\t\t\t\t\t\t\t\t\t\t\tkey={cell.id}\n\t\t\t\t\t\t\t\t\t\t\tclassName={`\n                    px-4 py-2 text-left text-sm whitespace-nowrap\n                    ${\n\t\t\t\t\t\t\t\t\t\t\tcell.column.id === ACTIONS_COLUMN_ID\n\t\t\t\t\t\t\t\t\t\t\t\t? \"sticky right-0 w-20 bg-card\"\n\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\n\t\t\t\t\t\t\t\t\t\t}\n                  `}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{flexRender(\n\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\t\t\t\t\t\t\t\tcell.getContext(),\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</TableBody>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</TableComponent>\n\t);\n}\n"],"names":["TableOverlay","children","className","jsx","cn","TableContent","getHeaderGroups","getRowModel","query","isLoading","useCallback","TableComponent","Loader","jsxs","Info","_a","Fragment","TableHeader","headerGroup","TableRow","header","TableHead","ACTIONS_COLUMN_ID","flexRender","Button","sort","ArrowDownNarrowWide","ArrowDownWideNarrow","ArrowUpDown","TableBody","row","cell","TableCell"],"mappings":";;;;;;;;;AAyBA,MAAMA,IAAe,CAAC;AAAA,EACrB,UAAAC;AAAA,EACA,WAAAC;AACD,MACC,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACA,WAAWC;AAAA,MACV;AAAA,MACAF;AAAA,IACD;AAAA,IAEC,UAAAD;AAAA,EAAA;AACF;AAEM,SAASI,EAAa;AAAA,EAC5B,WAAAH;AAAA,EACA,iBAAAI;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AACD,GAKG;;AACI,QAAAC,IAAYC,EAAY,MACtBF,EAAM,WACX,CAACA,CAAK,CAAC;AAEV,2BACEG,GAAe,EAAA,WAAWP,EAAG,8BAA8BF,CAAS,GAEnE,UAAA;AAAA,IAAAO,OACC,gBAAAN,EAAAH,GAAA,EAAa,WAAU,eACvB,UAAA,gBAAAG,EAACS,KAAO,EACT,CAAA;AAAA,IAGA,CAACH,EAAU,KAAKF,EAAY,EAAE,KAAK,WAAW;AAAA,IAE7C,gBAAAJ,EAAAH,GAAA,EAAa,WAAU,sBACtB,UAAC,CAAAQ,EAAM,eACNA,EAAM,UACN,gBAAAK,EAAC,QAAK,EAAA,WAAU,0CAGf,UAAA;AAAA,MAAA,gBAAAV,EAACW,GAAK,EAAA;AAAA,MACN,gBAAAX,EAAC,UAAK,UAGN,sEAAA,CAAA;AAAA,IAAA,EACD,CAAA,KACIY,IAAAP,EAAM,SAAN,QAAAO,EAAY,OAGd,gBAAAZ,EAAAa,GAAA,EAAA,UAAA,kDAAA,CAA+C,2BAF/C,UAAiB,oBAAA,CAAA,IAItB;AAAA,IAEA,CAACP,EAAU,KAEV,gBAAAI,EAAAG,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAb,EAACc,GAAY,EAAA,WAAU,qBACrB,UAAAX,IAAkB,IAAI,CAACY,MACvB,gBAAAf,EAACgB,GACC,EAAA,UAAAD,EAAY,QAAQ,IAAI,CAACE,MACzB,gBAAAjB;AAAA,QAACkB;AAAA,QAAA;AAAA,UAEA,WAAW,qEAAqED,EAAO,OAAOE,IAAoB,oCAAoC,EAAE;AAAA,UAExJ,UAAA,gBAAAT,EAAC,QAAK,EAAA,WAAU,+BACf,UAAA;AAAA,YAAC,gBAAAV,EAAA,QAAA,EACC,UAAOiB,EAAA,gBACL,OACAG;AAAA,cACAH,EAAO,OAAO,UAAU;AAAA,cACxBA,EAAO,WAAW;AAAA,YAAA,GAEtB;AAAA,YACCA,EAAO,OAAO,WAAA,KACd,gBAAAjB;AAAA,cAACqB;AAAA,cAAA;AAAA,gBACA,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAASJ,EAAO,OAAO,wBAAwB;AAAA,gBAC/C,MAAM,MAAM;AACL,wBAAAK,IAAOL,EAAO,OAAO,YAAY;AACvC,yBAAIK,MAAS,QACLC,IAEJD,MAAS,SACLE,IAGDC;AAAA,gBAAA;AAAA,cACR;AAAA,YAAA;AAAA,UACD,EAEF,CAAA;AAAA,QAAA;AAAA,QA9BKR,EAAO;AAAA,MAgCb,CAAA,KAnCaF,EAAY,EAoC3B,CACA,EACF,CAAA;AAAA,MACC,gBAAAf,EAAA0B,GAAA,EAAU,WAAU,2CACnB,cAAc,KAAK,WAAW,KAC9BtB,EAAY,EAAE,KAAK,IAAI,CAACuB,MACvB,gBAAA3B;AAAA,QAACgB;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UAEV,cAAYW,EAAI,cAAA,KAAmB;AAAA,UAElC,UAAIA,EAAA,gBAAA,EAAkB,IAAI,CAACC,MAC3B,gBAAA5B;AAAA,YAAC6B;AAAA,YAAA;AAAA,cAEA,WAAW;AAAA;AAAA,sBAGXD,EAAK,OAAO,OAAOT,IAChB,gCACA,EACJ;AAAA;AAAA,cAGE,UAAAC;AAAA,gBACAQ,EAAK,OAAO,UAAU;AAAA,gBACtBA,EAAK,WAAW;AAAA,cAAA;AAAA,YACjB;AAAA,YAbKA,EAAK;AAAA,UAeX,CAAA;AAAA,QAAA;AAAA,QApBID,EAAI;AAAA,MAAA,CAsBV,EACH,CAAA;AAAA,IAAA,EACD,CAAA;AAAA,EAAA,GAEF;AAEF;"}