@cryptlex/web-components 1.4.1 → 1.6.0

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

@@ -1,10 +1,9 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { useRouterState as a, Link as n } from "@tanstack/react-router";
-import { RotateCw as f, Plus as g, Pencil as u, Trash as v } from "lucide-react";
+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/badge.es.js";
 import "../ui/breadcrumb.es.js";
 import "../ui/calendar.es.js";
 import "../ui/card.es.js";
@@ -12,7 +11,7 @@ import "../ui/chart.es.js";
 import "../ui/checkbox.es.js";
 import "@radix-ui/react-collapsible";
 import "../ui/command.es.js";
-import { useState as w } from "react";
+import { useState as v } from "react";
 import "../ui/dialog.es.js";
 import "../ui/drawer.es.js";
 import "../ui/dropdown-menu.es.js";
@@ -35,44 +34,44 @@ import "sonner";
 import "../ui/table.es.js";
 import "../ui/tabs.es.js";
 import "../ui/tooltip.es.js";
-function te({
-  table: o,
-  tableActions: e,
-  stateToPass: c,
-  handleSearching: l,
-  dataQuery: i
+function or({
+  table: i,
+  tableActions: r,
+  stateToPass: n,
+  handleSearching: h,
+  dataQuery: o
 }) {
-  const { location: { href: m } = {} } = a(), [h, s] = w("");
-  return /* @__PURE__ */ p("div", { className: "flex justify-between my-0  py-2 gap-4 overflow-auto", children: [
-    /* @__PURE__ */ p("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ r(
+  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: [
+      /* @__PURE__ */ e(
         t,
         {
-          loading: i.isFetching,
+          loading: o.isFetching,
           icon: f,
-          onClick: () => i.refetch(),
+          onClick: () => o.refetch(),
           variant: "outline"
         }
       ),
-      e.create && o.getSelectedRowModel().rows.length === 0 && /* @__PURE__ */ p(n, { to: `${m}/create`, children: [
-        /* @__PURE__ */ r(t, { disabled: i.isFetching, icon: g, children: "Create" }),
+      r.create && i.getSelectedRowModel().rows.length === 0 && /* @__PURE__ */ p(d, { to: `${m}/create`, children: [
+        /* @__PURE__ */ e(t, { disabled: o.isFetching, icon: a, children: "Create" }),
         " "
       ] }),
-      o.getSelectedRowModel().rows.length > 0 && e.update && /* @__PURE__ */ r(n, { to: `${m}/edit`, state: c, children: /* @__PURE__ */ r(t, { disabled: i.isFetching, icon: u, children: "Update" }) }),
-      o.getSelectedRowModel().rows.length > 0 && (e == null ? void 0 : e.delete) && /* @__PURE__ */ r(n, { to: `${m}/delete`, state: c, children: /* @__PURE__ */ r(t, { disabled: i.isFetching, icon: v, variant: "destructive", children: "Delete" }) })
+      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" }) })
     ] }),
-    (e == null ? void 0 : e.search) && /* @__PURE__ */ r("div", { className: "relative flex gap-1 justify-center items-center", children: /* @__PURE__ */ r(
+    (r == null ? void 0 : r.search) && /* @__PURE__ */ e(
       S,
       {
-        value: h,
-        onChange: (d) => {
-          s(d), l(d);
+        value: l,
+        onChange: (c) => {
+          s(c), h(c);
         }
       }
-    ) })
+    )
   ] });
 }
 export {
-  te as default
+  or 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 justify-between my-0  py-2 gap-4 overflow-auto\">\n      <div className=\"flex gap-2\">\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        <div className=\"relative flex gap-1 justify-center items-center\">\n          <SearchInput\n            value={search}\n            onChange={(e) => {\n              setSearch(e);\n              handleSearching(e);\n            }}\n          />\n        </div>\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,uDACb,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,WACZ,gBAAAU,EAAA,OAAA,EAAI,WAAU,mDACb,UAAA,gBAAAA;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,EAEJ,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"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;"}

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

@@ -1,48 +1,54 @@
 import { jsxs as r, jsx as e, Fragment as m } from "react/jsx-runtime";
 import { ACTIONS_COLUMN_ID as d } from "./data-table.es.js";
-import { Table as h, TableHeader as f, TableRow as c, TableCell as i, TableBody as g, TableFooter as x } from "../ui/table.es.js";
-import { flexRender as p } from "@tanstack/react-table";
-import { Info as N } from "lucide-react";
-function v({
+import { Button as u } from "../ui/button.es.js";
+import { Table as f, TableHeader as h, TableRow as a, TableCell as i, TableBody as x, TableFooter as N } from "../ui/table.es.js";
+import { flexRender as g } from "@tanstack/react-table";
+import { Info as b } from "lucide-react";
+function I({
   table: s,
-  columns: u,
-  dataQuery: n
+  columns: p,
+  dataQuery: o
 }) {
-  var a;
-  return /* @__PURE__ */ r(h, { className: "relative h-full w-full", children: [
-    /* @__PURE__ */ e(f, { className: "sticky top-0 z-10", children: s.getHeaderGroups().map((o, l) => /* @__PURE__ */ e(c, { className: "border-b", children: o.headers.map((t) => /* @__PURE__ */ r(
+  var c;
+  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(
       i,
       {
-        className: `px-4 py-2 cursor-pointer text-left text-sm font-medium whitespace-nowrap ${t.id === d ? "sticky right-0 z-50" : ""}`,
-        onClick: t.column.getToggleSortingHandler(),
-        children: [
-          t.isPlaceholder ? null : p(t.column.columnDef.header, t.getContext()),
-          {
+        className: `px-4 py-2 text-left text-sm font-medium bg-card whitespace-nowrap ${t.id === d ? "sticky right-0 z-50 text-center" : ""}`,
+        children: /* @__PURE__ */ r("span", { className: "inline-flex items-center gap-1", children: [
+          t.column.getCanSort() && /* @__PURE__ */ e(u, { size: "xs", variant: "outline", className: "font-mono", onClick: t.column.getToggleSortingHandler(), children: {
             asc: "↑",
             desc: "↓"
-          }[t.column.getIsSorted()] ?? null
-        ]
+          }[t.column.getIsSorted()] ?? "a" }),
+          /* @__PURE__ */ e("span", { children: t.isPlaceholder ? null : g(t.column.columnDef.header, t.getContext()) })
+        ] })
       },
       t.id
     )) }, l)) }),
-    /* @__PURE__ */ e(g, { className: "flex-1 overflow-y-auto", children: s.getRowModel().rows.length ? s.getRowModel().rows.map((o) => /* @__PURE__ */ e(c, { "data-state": o.getIsSelected() && "selected", children: o.getVisibleCells().map((l) => /* @__PURE__ */ e(
-      i,
-      {
-        className: `
-                    px-4 py-2 text-left text-sm whitespace-nowrap 
-                    ${l.column.id === d ? "sticky right-0 text-center" : ""}
+    /* @__PURE__ */ e(x, { 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(
+        i,
+        {
+          className: `
+                    px-4 py-2 text-left text-sm whitespace-nowrap
+                    ${l.column.id === d ? "sticky right-0 w-20 bg-card" : ""}
                   `,
-        children: p(l.column.columnDef.cell, l.getContext())
-      },
-      l.id
-    )) }, o.id)) : /* @__PURE__ */ e(c, { className: "h-[55vh] hover:bg-transparent cursor-not-allowed", children: /* @__PURE__ */ e(i, { colSpan: u.length, className: "border-none", children: /* @__PURE__ */ e("span", { className: "flex gap-3 justify-center items-center", children: !n.isFetching && (n.isError ? /* @__PURE__ */ r(m, { children: [
-      /* @__PURE__ */ e(N, {}),
-      " You don't have the required permissions. Please contact your admin."
-    ] }) : (a = n.data) != null && a.data ? null : /* @__PURE__ */ e(m, { children: "No result found." })) }) }) }) }),
-    n.isFetching && /* @__PURE__ */ e(x, { className: "absolute inset-0 z-20 flex justify-center items-center bg-card/80" })
+          children: g(l.column.columnDef.cell, l.getContext())
+        },
+        l.id
+      )) }, n.id))
+    ) : (
+      // Empty table
+      /* @__PURE__ */ e(a, { className: "cursor-not-allowed", children: /* @__PURE__ */ e(i, { 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(m, { children: [
+        /* @__PURE__ */ e(b, {}),
+        " You don't have the required permissions. Please contact your admin."
+      ] }) : (c = o.data) != null && c.data ? null : /* @__PURE__ */ e(m, { children: "No result found." })) }) }) })
+    ) }),
+    o.isFetching && /* @__PURE__ */ e(N, { className: "absolute inset-0 z-20 flex justify-center items-center bg-card/80" })
   ] });
 }
 export {
-  v as TableContent
+  I 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 {\n  Table as CxTable,\n  TableBody,\n  TableCell,\n  TableFooter,\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    <CxTable className=\"relative h-full w-full\">\n      <TableHeader className=\"sticky top-0 z-10\">\n        {table.getHeaderGroups().map((headerGroup, index) => (\n          <TableRow key={index} className=\"border-b\">\n            {headerGroup.headers.map((header) => (\n              <TableCell\n                key={header.id}\n                className={`px-4 py-2 cursor-pointer text-left text-sm font-medium whitespace-nowrap ${header.id === ACTIONS_COLUMN_ID ? 'sticky right-0 z-50' : ''}`}\n                onClick={header.column.getToggleSortingHandler()}\n              >\n                {header.isPlaceholder\n                  ? null\n                  : flexRender(header.column.columnDef.header, header.getContext())}\n                {{\n                  asc: '↑',\n                  desc: '↓',\n                }[header.column.getIsSorted() as string] ?? null}\n              </TableCell>\n            ))}\n          </TableRow>\n        ))}\n      </TableHeader>\n      <TableBody className=\"flex-1 overflow-y-auto\">\n        {table.getRowModel().rows.length ? (\n          table.getRowModel().rows.map((row) => (\n            <TableRow 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 text-center'\n                      : ''\n                    }\n                  `}\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </TableCell>\n              ))}\n            </TableRow>\n          ))\n        ) : (\n          <TableRow className=\"h-[55vh] hover:bg-transparent 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        )}\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    </CxTable>\n  );\n}\n"],"names":["TableContent","table","columns","dataQuery","jsxs","CxTable","jsx","TableHeader","headerGroup","index","TableRow","header","TableCell","ACTIONS_COLUMN_ID","flexRender","TableBody","row","cell","Fragment","Info","_a","TableFooter"],"mappings":";;;;;AAaO,SAASA,EAA4B;AAAA,EAC1C,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAIG;;AAEC,SAAA,gBAAAC,EAACC,GAAQ,EAAA,WAAU,0BACjB,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAY,WAAU,qBACpB,YAAM,gBAAgB,EAAE,IAAI,CAACC,GAAaC,MACzC,gBAAAH,EAACI,KAAqB,WAAU,YAC7B,YAAY,QAAQ,IAAI,CAACC,MACxB,gBAAAP;AAAA,MAACQ;AAAA,MAAA;AAAA,QAEC,WAAW,4EAA4ED,EAAO,OAAOE,IAAoB,wBAAwB,EAAE;AAAA,QACnJ,SAASF,EAAO,OAAO,wBAAwB;AAAA,QAE9C,UAAA;AAAA,UAAOA,EAAA,gBACJ,OACAG,EAAWH,EAAO,OAAO,UAAU,QAAQA,EAAO,YAAY;AAAA,UACjE;AAAA,YACC,KAAK;AAAA,YACL,MAAM;AAAA,UACN,EAAAA,EAAO,OAAO,YAAA,CAAuB,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAVvCA,EAAO;AAAA,IAAA,CAYf,EAAA,GAfYF,CAgBf,CACD,GACH;AAAA,IACC,gBAAAH,EAAAS,GAAA,EAAU,WAAU,0BAClB,UAAMd,EAAA,YAAA,EAAc,KAAK,SACxBA,EAAM,YAAY,EAAE,KAAK,IAAI,CAACe,MAC3B,gBAAAV,EAAAI,GAAA,EAAsB,cAAYM,EAAI,cAAc,KAAK,YACvD,UAAAA,EAAI,gBAAgB,EAAE,IAAI,CAACC,MAC1B,gBAAAX;AAAA,MAACM;AAAA,MAAA;AAAA,QAEC,WAAW;AAAA;AAAA,sBAEPK,EAAK,OAAO,OAAOJ,IACjB,+BACA,EACJ;AAAA;AAAA,QAGD,YAAWI,EAAK,OAAO,UAAU,MAAMA,EAAK,WAAY,CAAA;AAAA,MAAA;AAAA,MATpDA,EAAK;AAAA,IAAA,CAWb,EAdY,GAAAD,EAAI,EAenB,CACD,IAED,gBAAAV,EAACI,GAAS,EAAA,WAAU,oDAClB,UAAA,gBAAAJ,EAACM,GAAU,EAAA,SAASV,EAAQ,QAAQ,WAAU,eAC5C,UAAA,gBAAAI,EAAC,QAAK,EAAA,WAAU,0CACb,UAAA,CAACH,EAAU,eACVA,EAAU,UAEN,gBAAAC,EAAAc,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAZ,EAACa,GAAK,EAAA;AAAA,MAAE;AAAA,IAAA,EACV,CAAA,KACGC,IAAAjB,EAAU,SAAV,QAAAiB,EAAgB,OAEjB,OADA,gBAAAd,EAAAY,GAAA,EAAA,UAAA,mBAAA,CAAgB,GAGxB,CAAA,EACF,CAAA,EACF,CAAA,GAGJ;AAAA,IAECf,EAAU,cACR,gBAAAG,EAAAe,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 } from '@/components/ui/button';\nimport {\n  TableBody,\n  TableCell,\n  Table as TableComponent,\n  TableFooter,\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              <TableCell\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                  {/* 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] ?? \"a\"}</Button>\n                  }\n                  {/* Header text */}\n                  <span>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(header.column.columnDef.header, header.getContext())}\n                  </span>\n                </span>\n              </TableCell>\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","TableCell","ACTIONS_COLUMN_ID","Button","flexRender","TableBody","row","cell","Fragment","Info","_a","TableFooter"],"mappings":";;;;;;AAcO,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,kCAEb,UAAA;AAAA,UAAAO,EAAO,OAAO,WACb,KAAA,gBAAAL,EAACQ,KAAO,MAAK,MAAK,SAAQ,WAAU,WAAU,aAAY,SAASH,EAAO,OAAO,wBAA4B,GAAA,UAAA;AAAA,YAC3G,KAAK;AAAA,YACL,MAAM;AAAA,YACNA,EAAO,OAAO,YAAY,CAAW,KAAK,IAAI,CAAA;AAAA,UAGjD,gBAAAL,EAAA,QAAA,EACE,UAAOK,EAAA,gBACJ,OACAI,EAAWJ,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAY,CAAA,EACpE,CAAA;AAAA,QAAA,EACF,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,QAACM;AAAA,QAAA;AAAA,UAEC,WAAW;AAAA;AAAA,sBAETM,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,4BAACE,GAAU,EAAA,SAASV,EAAQ,QAAQ,WAAU,eAC5C,UAAC,gBAAAI,EAAA,QAAA,EAAK,WAAU,0CACb,UAAA,CAACH,EAAU,eACVA,EAAU,UAEN,gBAAAC,EAAAe,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAb,EAACc,GAAK,EAAA;AAAA,QAAE;AAAA,MACV,EAAA,CAAA,KACGC,IAAAlB,EAAU,SAAV,QAAAkB,EAAgB,OAEjB,8BADA,UAAgB,mBAAA,CAAA,GAGxB,CAAA,EACF,CAAA,EACF,CAAA;AAAA,OAEN;AAAA,IAEClB,EAAU,cACR,gBAAAG,EAAAgB,GAAA,EAAY,WAAU,oEAAoE,CAAA;AAAA,EAAA,GAE/F;AAEJ;"}

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

@@ -2,27 +2,27 @@ import { jsxs as n, jsx as e, Fragment as M } from "react/jsx-runtime";
 import { Badge as $ } from "../ui/badge.es.js";
 import { Button as F } from "../ui/button.es.js";
 import { Calendar as q } from "../ui/calendar.es.js";
-import { Form as B, FormField as s, FormItem as m, FormLabel as u, FormControl as h, FormMessage as p } from "../ui/form.es.js";
+import { Form as B, FormField as m, FormItem as s, FormLabel as u, FormControl as h, FormMessage as p } from "../ui/form.es.js";
 import { Input as P } from "../ui/input.es.js";
-import { Popover as f, PopoverTrigger as R, PopoverContent as b } from "../ui/popover.es.js";
-import { Select as N, SelectTrigger as S, SelectValue as y, SelectContent as w, SelectItem as v } from "../ui/select.es.js";
+import { Popover as R, PopoverTrigger as b, PopoverContent as f } from "../ui/popover.es.js";
+import { Select as N, SelectTrigger as S, SelectValue as y, SelectContent as w, SelectItem as g } from "../ui/select.es.js";
 import { cn as k } from "../../utils/index.es.js";
 import { zodResolver as U } from "@hookform/resolvers/zod";
 import { format as X } from "date-fns";
 import { X as Y, FilterIcon as G } from "lucide-react";
 import { useState as T } from "react";
 import { useForm as H } from "react-hook-form";
-import g from "zod";
+import v from "zod";
 import { getResourceDisplayName as E, COMPARISON_OPERATOR_LABELS as j, OPERATORS_FOR_FILTER_TYPE as J, FILTER_COMPARISON_OPERATORS as K } from "./table-utils/constants.es.js";
-const Q = g.object({
+const Q = v.object({
   // For identifing  a filter for updation and deletion
-  id: g.string().min(1, "Field is required"),
-  property: g.string().min(1, "Field is required."),
-  operator: g.enum(K, {
+  id: v.string().min(1, "Field is required"),
+  property: v.string().min(1, "Field is required."),
+  operator: v.enum(K, {
     errorMap: () => ({ message: "Invalid comparison operator" })
   }),
-  value: g.string().min(1, "Field is required.")
-}), ve = ({
+  value: v.string().min(1, "Field is required.")
+}), ge = ({
   filterableProperties: t,
   filters: c,
   onFiltersChange: a
@@ -54,11 +54,11 @@ const Q = g.object({
     };
     return /* @__PURE__ */ e(B, { ...l, children: /* @__PURE__ */ n("form", { onSubmit: l.handleSubmit(V), className: "flex flex-col gap-2 min-w-60", children: [
       /* @__PURE__ */ e(
-        s,
+        m,
         {
           control: l.control,
           name: "property",
-          render: ({ field: d }) => /* @__PURE__ */ n(m, { children: [
+          render: ({ field: d }) => /* @__PURE__ */ n(s, { children: [
             /* @__PURE__ */ e(u, { children: "Property" }),
             /* @__PURE__ */ n(
               N,
@@ -68,7 +68,7 @@ const Q = g.object({
                 disabled: !!r,
                 children: [
                   /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(y, {}) }) }),
-                  /* @__PURE__ */ e(w, { autoFocus: !0, children: Object.entries(t).map(([o]) => /* @__PURE__ */ e(v, { value: o, children: E(o, "admin-portal") }, o)) })
+                  /* @__PURE__ */ e(w, { autoFocus: !0, children: Object.entries(t).map(([o]) => /* @__PURE__ */ e(g, { value: o, children: E(o, "admin-portal") }, o)) })
                 ]
               }
             ),
@@ -78,16 +78,16 @@ const Q = g.object({
       ),
       i && /* @__PURE__ */ n(M, { children: [
         /* @__PURE__ */ e(
-          s,
+          m,
           {
             control: l.control,
             name: "operator",
-            render: ({ field: d }) => /* @__PURE__ */ n(m, { children: [
+            render: ({ field: d }) => /* @__PURE__ */ n(s, { children: [
               /* @__PURE__ */ e(u, { children: "Comparison" }),
               /* @__PURE__ */ n(N, { onValueChange: d.onChange, defaultValue: d.value, children: [
                 /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(y, {}) }) }),
                 /* @__PURE__ */ e(w, { children: t[i] && J[t[i]].map(
-                  (o) => /* @__PURE__ */ e(v, { value: o, children: j[o] }, o)
+                  (o) => /* @__PURE__ */ e(g, { value: o, children: j[o] }, o)
                 ) })
               ] }),
               /* @__PURE__ */ e(p, {})
@@ -114,23 +114,21 @@ const Q = g.object({
       /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2 items-center", children: c.map((r, l) => /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ n("div", { className: "flex items-center", children: [
           /* @__PURE__ */ n(
-            f,
+            R,
             {
               open: x === r.id,
               onOpenChange: (i) => {
                 i || C(null);
               },
               children: [
-                /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(
                   $,
                   {
                     onClick: () => C(r.id),
-                    variant: "default",
-                    className: "cursor-pointer h-7",
                     children: L(r)
                   }
                 ) }),
-                /* @__PURE__ */ e(b, { className: "w-auto", align: "start", children: /* @__PURE__ */ e(A, { filter: r }) })
+                /* @__PURE__ */ e(f, { className: "w-auto", align: "start", children: /* @__PURE__ */ e(A, { filter: r }) })
               ]
             }
           ),
@@ -139,8 +137,7 @@ const Q = g.object({
             {
               icon: Y,
               variant: "destructive",
-              className: "h-7 -ml-0.5",
-              size: "icon",
+              size: "sm",
               onClick: () => _(r.id)
             }
           )
@@ -148,26 +145,26 @@ const Q = g.object({
         l < c.length - 1 && /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "and" })
       ] }, r.id)) })
     ] }) }),
-    /* @__PURE__ */ n(f, { open: z, onOpenChange: O, children: [
-      /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(F, { icon: G, variant: "outline" }) }),
-      /* @__PURE__ */ e(b, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ e(A, {}) })
+    /* @__PURE__ */ n(R, { open: z, onOpenChange: O, children: [
+      /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(F, { icon: G, variant: "outline" }) }),
+      /* @__PURE__ */ e(f, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ e(A, {}) })
     ] })
   ] });
 }, W = ({ control: t, propertyType: c }) => {
   switch (c) {
     case "boolean":
       return /* @__PURE__ */ e(
-        s,
+        m,
         {
           control: t,
           name: "value",
-          render: ({ field: a }) => /* @__PURE__ */ n(m, { children: [
+          render: ({ field: a }) => /* @__PURE__ */ n(s, { children: [
             /* @__PURE__ */ e(u, { children: "Value" }),
             /* @__PURE__ */ n(N, { onValueChange: a.onChange, defaultValue: a.value, children: [
               /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(y, {}) }) }),
               /* @__PURE__ */ n(w, { children: [
-                /* @__PURE__ */ e(v, { value: "true", children: "True" }),
-                /* @__PURE__ */ e(v, { value: "false", children: "False" })
+                /* @__PURE__ */ e(g, { value: "true", children: "True" }),
+                /* @__PURE__ */ e(g, { value: "false", children: "False" })
               ] })
             ] }),
             /* @__PURE__ */ e(p, {})
@@ -176,14 +173,14 @@ const Q = g.object({
       );
     case "objectDate":
       return /* @__PURE__ */ e(
-        s,
+        m,
         {
           control: t,
           name: "value",
-          render: ({ field: a }) => /* @__PURE__ */ n(m, { className: "flex flex-col", children: [
+          render: ({ field: a }) => /* @__PURE__ */ n(s, { className: "flex flex-col", children: [
             /* @__PURE__ */ e(u, { children: "Value" }),
-            /* @__PURE__ */ n(f, { children: [
-              /* @__PURE__ */ e(R, { asChild: !0, children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
+            /* @__PURE__ */ n(R, { children: [
+              /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
                 F,
                 {
                   variant: "outline",
@@ -194,7 +191,7 @@ const Q = g.object({
                   children: a.value ? X(new Date(a.value), "PPP") : /* @__PURE__ */ e("span", { children: "Pick a date" })
                 }
               ) }) }),
-              /* @__PURE__ */ e(b, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ e(
+              /* @__PURE__ */ e(f, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ e(
                 q,
                 {
                   mode: "single",
@@ -212,18 +209,18 @@ const Q = g.object({
       );
     case "role":
       return /* @__PURE__ */ e(
-        s,
+        m,
         {
           control: t,
           name: "value",
-          render: ({ field: a }) => /* @__PURE__ */ n(m, { children: [
+          render: ({ field: a }) => /* @__PURE__ */ n(s, { children: [
             /* @__PURE__ */ e(u, { children: "Value" }),
             /* @__PURE__ */ n(N, { onValueChange: a.onChange, defaultValue: a.value, children: [
               /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(y, {}) }) }),
               /* @__PURE__ */ n(w, { children: [
-                /* @__PURE__ */ e(v, { value: "user", children: "User" }),
-                /* @__PURE__ */ e(v, { value: "organization-admin", children: "Organization Admin" }),
-                /* @__PURE__ */ e(v, { value: "reseller-admin", children: "Reseller Admin" })
+                /* @__PURE__ */ e(g, { value: "user", children: "User" }),
+                /* @__PURE__ */ e(g, { value: "organization-admin", children: "Organization Admin" }),
+                /* @__PURE__ */ e(g, { value: "reseller-admin", children: "Reseller Admin" })
               ] })
             ] }),
             /* @__PURE__ */ e(p, {})
@@ -232,11 +229,11 @@ const Q = g.object({
       );
     case "number":
       return /* @__PURE__ */ e(
-        s,
+        m,
         {
           control: t,
           name: "value",
-          render: ({ field: a }) => /* @__PURE__ */ n(m, { children: [
+          render: ({ field: a }) => /* @__PURE__ */ n(s, { children: [
             /* @__PURE__ */ e(u, { children: "Value" }),
             /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(P, { ...a, type: "number" }) }),
             /* @__PURE__ */ e(p, {})
@@ -245,11 +242,11 @@ const Q = g.object({
       );
     default:
       return /* @__PURE__ */ e(
-        s,
+        m,
         {
           control: t,
           name: "value",
-          render: ({ field: a }) => /* @__PURE__ */ n(m, { children: [
+          render: ({ field: a }) => /* @__PURE__ */ n(s, { children: [
             /* @__PURE__ */ e(u, { children: "Value" }),
             /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(P, { ...a, type: "text" }) }),
             /* @__PURE__ */ e(p, {})
@@ -259,6 +256,6 @@ const Q = g.object({
   }
 };
 export {
-  ve as TableFilter
+  ge as TableFilter
 };
 //# sourceMappingURL=table-filter.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-filter.es.js","sources":["../../../lib/components/data-table/table-filter.tsx"],"sourcesContent":["import {\n  COMPARISON_OPERATOR_LABELS,\n  FILTER_COMPARISON_OPERATORS,\n  getResourceDisplayName,\n  OPERATORS_FOR_FILTER_TYPE,\n  type FilterableProperties,\n  type FilterablePropertyType,\n} from '@/components/data-table/table-utils';\nimport { Badge } from '@/components/ui/badge';\nimport { Button } from '@/components/ui/button';\nimport { Calendar } from '@/components/ui/calendar';\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/components/ui/form';\nimport { Input } from '@/components/ui/input';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/ui/select';\nimport { cn } from '@/utils';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { format } from 'date-fns';\nimport { FilterIcon, X } from 'lucide-react';\nimport { useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport z from 'zod';\nconst filterSchema = z.object({\n  // For identifing  a filter for updation and deletion\n  id: z.string().min(1, 'Field is required'),\n  property: z.string().min(1, 'Field is required.'),\n  operator: z.enum(FILTER_COMPARISON_OPERATORS, {\n    errorMap: () => ({ message: 'Invalid comparison operator' }),\n  }),\n  value: z.string().min(1, 'Field is required.'),\n});\nexport type FilterFormType = z.infer<typeof filterSchema>;\n\ninterface TableFilterProps {\n  filterableProperties: FilterableProperties<any>;\n  filters: FilterFormType[];\n  onFiltersChange: (filters: FilterFormType[]) => void;\n}\n\nexport const TableFilter = ({\n  filterableProperties,\n  filters,\n  onFiltersChange,\n}: TableFilterProps) => {\n  const [editingFilter, setEditingFilter] = useState<string | null>(null);\n  const [isAddingFilter, setIsAddingFilter] = useState(false);\n  const getFilterLabel = (filter: FilterFormType): string => {\n    const property = getResourceDisplayName(filter.property, 'admin-portal');\n    const operatorLabel = COMPARISON_OPERATOR_LABELS[filter.operator];\n    const value = filter.value;\n    return `${property} ${operatorLabel} ${value}`;\n  };\n\n  const removeFilter = (id: string) => {\n    onFiltersChange(filters.filter((filter) => filter.id !== id));\n  };\n\n  interface FilterFormProps {\n    filter?: FilterFormType;\n  }\n  const FilterForm = ({ filter }: FilterFormProps) => {\n    const form = useForm<FilterFormType>({\n      resolver: zodResolver(filterSchema),\n      defaultValues: {\n        property: filter?.property || '',\n        // TODO: Add dynamic default operator as per property type\n        operator: filter?.operator || 'eq',\n        value: filter?.value || '',\n        id: filter?.id || `filter-${Date.now()}-${Math.random().toString(36)}`,\n      },\n      mode: 'all',\n    });\n\n    const watchProperty = form.watch('property');\n    const handleSubmit = (values: FilterFormType) => {\n      const newFilter: FilterFormType = {\n        ...values,\n        operator: values.operator,\n      };\n\n      if (filter) {\n        // Update existing filter\n        onFiltersChange(filters.map((f) => (f.id === filter.id ? newFilter : f)));\n        setEditingFilter(null);\n      } else {\n        // Add new filter\n        onFiltersChange([...filters, newFilter]);\n        setIsAddingFilter(false);\n      }\n    };\n\n    const handleClose = () => {\n      if (filter) {\n        setEditingFilter(null);\n      } else {\n        setIsAddingFilter(false);\n      }\n    };\n\n    return (\n      <Form {...form}>\n        <form onSubmit={form.handleSubmit(handleSubmit)} className=\"flex flex-col gap-2 min-w-60\">\n          <FormField\n            control={form.control}\n            name=\"property\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>Property</FormLabel>\n                <Select\n                  onValueChange={field.onChange}\n                  defaultValue={field.value}\n                  disabled={!!filter}\n                >\n                  <FormControl>\n                    <SelectTrigger>\n                      <SelectValue />\n                    </SelectTrigger>\n                  </FormControl>\n                  <SelectContent autoFocus>\n                    {Object.entries(filterableProperties).map(([key]) => (\n                      <SelectItem key={key} value={key}>\n                        {getResourceDisplayName(key, 'admin-portal')}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n\n          {watchProperty && (\n            <>\n              <FormField\n                control={form.control}\n                name=\"operator\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Comparison</FormLabel>\n                    <Select onValueChange={field.onChange} defaultValue={field.value}>\n                      <FormControl>\n                        <SelectTrigger>\n                          <SelectValue />\n                        </SelectTrigger>\n                      </FormControl>\n                      <SelectContent>\n                        {filterableProperties[watchProperty] &&\n                          OPERATORS_FOR_FILTER_TYPE[filterableProperties[watchProperty]].map(\n                            (op) => (\n                              <SelectItem key={op} value={op}>\n                                {COMPARISON_OPERATOR_LABELS[op]}\n                              </SelectItem>\n                            ),\n                          )}\n                      </SelectContent>\n                    </Select>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n              {filterableProperties[watchProperty] && (\n                <ValueField\n                  control={form.control}\n                  propertyType={filterableProperties[watchProperty]}\n                />\n              )}\n            </>\n          )}\n\n          <div className=\"flex justify-end gap-2\">\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={handleClose}>\n              Cancel\n            </Button>\n            <Button type=\"submit\" size=\"sm\">\n              Apply Filter\n            </Button>\n          </div>\n        </form>\n      </Form>\n    );\n  };\n\n  return (\n    <div className=\"flex items-center py-2 justify-between gap-4\">\n      <div className=\"flex flex-wrap gap-2 items-center\">\n        {filters.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            No filters active. Add a filter to refine the results.\n          </p>\n        ) : (\n          <div className=\"flex flex-wrap gap-2 items-center\">\n            <p className=\"text-sm text-muted-foreground\">Active Filters:</p>\n            <div className=\"flex flex-wrap gap-2 items-center\">\n              {filters.map((filter, index) => {\n                return (\n                  <div key={filter.id} className=\"flex items-center gap-2\">\n                    <div className=\"flex items-center\">\n                      <Popover\n                        open={editingFilter === filter.id}\n                        onOpenChange={(open) => {\n                          if (!open) setEditingFilter(null);\n                        }}\n                      >\n                        <PopoverTrigger>\n                          <Badge\n                            onClick={() => setEditingFilter(filter.id)}\n                            variant=\"default\"\n                            className=\"cursor-pointer h-7\"\n                          >\n                            {getFilterLabel(filter)}\n                          </Badge>\n                        </PopoverTrigger>\n                        <PopoverContent className=\"w-auto\" align=\"start\">\n                          <FilterForm filter={filter} />\n                        </PopoverContent>\n                      </Popover>\n                      <Button\n                        icon={X}\n                        variant=\"destructive\"\n                        className=\"h-7 -ml-0.5\"\n                        size=\"icon\"\n                        onClick={() => removeFilter(filter.id)}\n                      />\n                    </div>\n                    {index < filters.length - 1 && (\n                      <span className=\"text-sm text-muted-foreground\">and</span>\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        )}\n      </div>\n      <Popover open={isAddingFilter} onOpenChange={setIsAddingFilter}>\n        <PopoverTrigger asChild>\n          <Button icon={FilterIcon} variant=\"outline\" />\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-4\" align=\"start\">\n          <FilterForm />\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n};\ninterface ValueFieldProps {\n  control: any;\n  propertyType: FilterablePropertyType;\n}\nconst ValueField = ({ control, propertyType }: ValueFieldProps) => {\n  switch (propertyType) {\n    case 'boolean':\n      return (\n        <FormField\n          control={control}\n          name=\"value\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Value</FormLabel>\n              <Select onValueChange={field.onChange} defaultValue={field.value}>\n                <FormControl>\n                  <SelectTrigger>\n                    <SelectValue />\n                  </SelectTrigger>\n                </FormControl>\n                <SelectContent>\n                  <SelectItem value=\"true\">True</SelectItem>\n                  <SelectItem value=\"false\">False</SelectItem>\n                </SelectContent>\n              </Select>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      );\n\n    case 'objectDate':\n      return (\n        <FormField\n          control={control}\n          name=\"value\"\n          render={({ field }) => (\n            <FormItem className=\"flex flex-col\">\n              <FormLabel>Value</FormLabel>\n              <Popover>\n                <PopoverTrigger asChild>\n                  <FormControl>\n                    <Button\n                      variant=\"outline\"\n                      className={cn(\n                        'w-full pl-3 text-left font-normal',\n                        !field.value && 'text-muted-foreground',\n                      )}\n                    >\n                      {field.value ? (\n                        format(new Date(field.value), 'PPP')\n                      ) : (\n                        <span>Pick a date</span>\n                      )}\n                    </Button>\n                  </FormControl>\n                </PopoverTrigger>\n                <PopoverContent className=\"w-auto p-0\" align=\"start\">\n                  <Calendar\n                    mode=\"single\"\n                    selected={field.value ? new Date(field.value) : undefined}\n                    onSelect={(date) => {\n                      if (date) {\n                        field.onChange(date.toISOString()); // Convert date to ISO\n                      }\n                    }}\n                    initialFocus\n                  />\n                </PopoverContent>\n              </Popover>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      );\n\n    case 'role':\n      return (\n        <FormField\n          control={control}\n          name=\"value\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Value</FormLabel>\n              <Select onValueChange={field.onChange} defaultValue={field.value}>\n                <FormControl>\n                  <SelectTrigger>\n                    <SelectValue />\n                  </SelectTrigger>\n                </FormControl>\n                <SelectContent>\n                  <SelectItem value=\"user\">User</SelectItem>\n                  <SelectItem value=\"organization-admin\">Organization Admin</SelectItem>\n                  <SelectItem value=\"reseller-admin\">Reseller Admin</SelectItem>\n                </SelectContent>\n              </Select>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      );\n    case 'number':\n      return (\n        <FormField\n          control={control}\n          name=\"value\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Value</FormLabel>\n              <FormControl>\n                <Input {...field} type=\"number\" />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      );\n\n    default:\n      return (\n        <FormField\n          control={control}\n          name=\"value\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Value</FormLabel>\n              <FormControl>\n                <Input {...field} type=\"text\" />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      );\n  }\n};\n"],"names":["filterSchema","z","FILTER_COMPARISON_OPERATORS","TableFilter","filterableProperties","filters","onFiltersChange","editingFilter","setEditingFilter","useState","isAddingFilter","setIsAddingFilter","getFilterLabel","filter","property","getResourceDisplayName","operatorLabel","COMPARISON_OPERATOR_LABELS","value","removeFilter","id","FilterForm","form","useForm","zodResolver","watchProperty","handleSubmit","values","newFilter","f","handleClose","jsx","Form","jsxs","FormField","field","FormItem","FormLabel","Select","FormControl","SelectTrigger","SelectValue","SelectContent","key","SelectItem","FormMessage","Fragment","OPERATORS_FOR_FILTER_TYPE","op","ValueField","Button","index","Popover","open","PopoverTrigger","Badge","PopoverContent","X","FilterIcon","control","propertyType","cn","format","Calendar","date","Input"],"mappings":"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"}
+{"version":3,"file":"table-filter.es.js","sources":["../../../lib/components/data-table/table-filter.tsx"],"sourcesContent":["import {\n  COMPARISON_OPERATOR_LABELS,\n  FILTER_COMPARISON_OPERATORS,\n  getResourceDisplayName,\n  OPERATORS_FOR_FILTER_TYPE,\n  type FilterableProperties,\n  type FilterablePropertyType,\n} from '@/components/data-table/table-utils';\nimport { Badge } from '@/components/ui/badge';\nimport { Button } from '@/components/ui/button';\nimport { Calendar } from '@/components/ui/calendar';\nimport {\n  Form,\n  FormControl,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from '@/components/ui/form';\nimport { Input } from '@/components/ui/input';\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/ui/select';\nimport { cn } from '@/utils';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { format } from 'date-fns';\nimport { FilterIcon, X } from 'lucide-react';\nimport { useState } from 'react';\nimport { useForm } from 'react-hook-form';\nimport z from 'zod';\nconst filterSchema = z.object({\n  // For identifing  a filter for updation and deletion\n  id: z.string().min(1, 'Field is required'),\n  property: z.string().min(1, 'Field is required.'),\n  operator: z.enum(FILTER_COMPARISON_OPERATORS, {\n    errorMap: () => ({ message: 'Invalid comparison operator' }),\n  }),\n  value: z.string().min(1, 'Field is required.'),\n});\nexport type FilterFormType = z.infer<typeof filterSchema>;\n\ninterface TableFilterProps {\n  filterableProperties: FilterableProperties<any>;\n  filters: FilterFormType[];\n  onFiltersChange: (filters: FilterFormType[]) => void;\n}\n\nexport const TableFilter = ({\n  filterableProperties,\n  filters,\n  onFiltersChange,\n}: TableFilterProps) => {\n  const [editingFilter, setEditingFilter] = useState<string | null>(null);\n  const [isAddingFilter, setIsAddingFilter] = useState(false);\n  const getFilterLabel = (filter: FilterFormType): string => {\n    const property = getResourceDisplayName(filter.property, 'admin-portal');\n    const operatorLabel = COMPARISON_OPERATOR_LABELS[filter.operator];\n    const value = filter.value;\n    return `${property} ${operatorLabel} ${value}`;\n  };\n\n  const removeFilter = (id: string) => {\n    onFiltersChange(filters.filter((filter) => filter.id !== id));\n  };\n\n  interface FilterFormProps {\n    filter?: FilterFormType;\n  }\n  const FilterForm = ({ filter }: FilterFormProps) => {\n    const form = useForm<FilterFormType>({\n      resolver: zodResolver(filterSchema),\n      defaultValues: {\n        property: filter?.property || '',\n        // TODO: Add dynamic default operator as per property type\n        operator: filter?.operator || 'eq',\n        value: filter?.value || '',\n        id: filter?.id || `filter-${Date.now()}-${Math.random().toString(36)}`,\n      },\n      mode: 'all',\n    });\n\n    const watchProperty = form.watch('property');\n    const handleSubmit = (values: FilterFormType) => {\n      const newFilter: FilterFormType = {\n        ...values,\n        operator: values.operator,\n      };\n\n      if (filter) {\n        // Update existing filter\n        onFiltersChange(filters.map((f) => (f.id === filter.id ? newFilter : f)));\n        setEditingFilter(null);\n      } else {\n        // Add new filter\n        onFiltersChange([...filters, newFilter]);\n        setIsAddingFilter(false);\n      }\n    };\n\n    const handleClose = () => {\n      if (filter) {\n        setEditingFilter(null);\n      } else {\n        setIsAddingFilter(false);\n      }\n    };\n\n    return (\n      <Form {...form}>\n        <form onSubmit={form.handleSubmit(handleSubmit)} className=\"flex flex-col gap-2 min-w-60\">\n          <FormField\n            control={form.control}\n            name=\"property\"\n            render={({ field }) => (\n              <FormItem>\n                <FormLabel>Property</FormLabel>\n                <Select\n                  onValueChange={field.onChange}\n                  defaultValue={field.value}\n                  disabled={!!filter}\n                >\n                  <FormControl>\n                    <SelectTrigger>\n                      <SelectValue />\n                    </SelectTrigger>\n                  </FormControl>\n                  <SelectContent autoFocus>\n                    {Object.entries(filterableProperties).map(([key]) => (\n                      <SelectItem key={key} value={key}>\n                        {getResourceDisplayName(key, 'admin-portal')}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n                <FormMessage />\n              </FormItem>\n            )}\n          />\n\n          {watchProperty && (\n            <>\n              <FormField\n                control={form.control}\n                name=\"operator\"\n                render={({ field }) => (\n                  <FormItem>\n                    <FormLabel>Comparison</FormLabel>\n                    <Select onValueChange={field.onChange} defaultValue={field.value}>\n                      <FormControl>\n                        <SelectTrigger>\n                          <SelectValue />\n                        </SelectTrigger>\n                      </FormControl>\n                      <SelectContent>\n                        {filterableProperties[watchProperty] &&\n                          OPERATORS_FOR_FILTER_TYPE[filterableProperties[watchProperty]].map(\n                            (op) => (\n                              <SelectItem key={op} value={op}>\n                                {COMPARISON_OPERATOR_LABELS[op]}\n                              </SelectItem>\n                            ),\n                          )}\n                      </SelectContent>\n                    </Select>\n                    <FormMessage />\n                  </FormItem>\n                )}\n              />\n              {filterableProperties[watchProperty] && (\n                <ValueField\n                  control={form.control}\n                  propertyType={filterableProperties[watchProperty]}\n                />\n              )}\n            </>\n          )}\n\n          <div className=\"flex justify-end gap-2\">\n            <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={handleClose}>\n              Cancel\n            </Button>\n            <Button type=\"submit\" size=\"sm\">\n              Apply Filter\n            </Button>\n          </div>\n        </form>\n      </Form>\n    );\n  };\n\n  return (\n    <div className=\"flex items-center py-2 justify-between gap-4\">\n      <div className=\"flex flex-wrap gap-2 items-center\">\n        {filters.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            No filters active. Add a filter to refine the results.\n          </p>\n        ) : (\n          <div className=\"flex flex-wrap gap-2 items-center\">\n            <p className=\"text-sm text-muted-foreground\">Active Filters:</p>\n            <div className=\"flex flex-wrap gap-2 items-center\">\n              {filters.map((filter, index) => {\n                return (\n                  <div key={filter.id} className=\"flex items-center gap-2\">\n                    <div className=\"flex items-center\">\n                      <Popover\n                        open={editingFilter === filter.id}\n                        onOpenChange={(open) => {\n                          if (!open) setEditingFilter(null);\n                        }}\n                      >\n                        <PopoverTrigger>\n                          <Badge\n                            onClick={() => setEditingFilter(filter.id)}\n                          >\n                            {getFilterLabel(filter)}\n                          </Badge>\n                        </PopoverTrigger>\n                        <PopoverContent className=\"w-auto\" align=\"start\">\n                          <FilterForm filter={filter} />\n                        </PopoverContent>\n                      </Popover>\n                      <Button\n                        icon={X}\n                        variant=\"destructive\"\n                        size=\"sm\"\n                        onClick={() => removeFilter(filter.id)}\n                      />\n                    </div>\n                    {index < filters.length - 1 && (\n                      <span className=\"text-sm text-muted-foreground\">and</span>\n                    )}\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        )}\n      </div>\n      <Popover open={isAddingFilter} onOpenChange={setIsAddingFilter}>\n        <PopoverTrigger asChild>\n          <Button icon={FilterIcon} variant=\"outline\" />\n        </PopoverTrigger>\n        <PopoverContent className=\"w-auto p-4\" align=\"start\">\n          <FilterForm />\n        </PopoverContent>\n      </Popover>\n    </div>\n  );\n};\ninterface ValueFieldProps {\n  control: any;\n  propertyType: FilterablePropertyType;\n}\nconst ValueField = ({ control, propertyType }: ValueFieldProps) => {\n  switch (propertyType) {\n    case 'boolean':\n      return (\n        <FormField\n          control={control}\n          name=\"value\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Value</FormLabel>\n              <Select onValueChange={field.onChange} defaultValue={field.value}>\n                <FormControl>\n                  <SelectTrigger>\n                    <SelectValue />\n                  </SelectTrigger>\n                </FormControl>\n                <SelectContent>\n                  <SelectItem value=\"true\">True</SelectItem>\n                  <SelectItem value=\"false\">False</SelectItem>\n                </SelectContent>\n              </Select>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      );\n\n    case 'objectDate':\n      return (\n        <FormField\n          control={control}\n          name=\"value\"\n          render={({ field }) => (\n            <FormItem className=\"flex flex-col\">\n              <FormLabel>Value</FormLabel>\n              <Popover>\n                <PopoverTrigger asChild>\n                  <FormControl>\n                    <Button\n                      variant=\"outline\"\n                      className={cn(\n                        'w-full pl-3 text-left font-normal',\n                        !field.value && 'text-muted-foreground',\n                      )}\n                    >\n                      {field.value ? (\n                        format(new Date(field.value), 'PPP')\n                      ) : (\n                        <span>Pick a date</span>\n                      )}\n                    </Button>\n                  </FormControl>\n                </PopoverTrigger>\n                <PopoverContent className=\"w-auto p-0\" align=\"start\">\n                  <Calendar\n                    mode=\"single\"\n                    selected={field.value ? new Date(field.value) : undefined}\n                    onSelect={(date) => {\n                      if (date) {\n                        field.onChange(date.toISOString()); // Convert date to ISO\n                      }\n                    }}\n                    initialFocus\n                  />\n                </PopoverContent>\n              </Popover>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      );\n\n    case 'role':\n      return (\n        <FormField\n          control={control}\n          name=\"value\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Value</FormLabel>\n              <Select onValueChange={field.onChange} defaultValue={field.value}>\n                <FormControl>\n                  <SelectTrigger>\n                    <SelectValue />\n                  </SelectTrigger>\n                </FormControl>\n                <SelectContent>\n                  <SelectItem value=\"user\">User</SelectItem>\n                  <SelectItem value=\"organization-admin\">Organization Admin</SelectItem>\n                  <SelectItem value=\"reseller-admin\">Reseller Admin</SelectItem>\n                </SelectContent>\n              </Select>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      );\n    case 'number':\n      return (\n        <FormField\n          control={control}\n          name=\"value\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Value</FormLabel>\n              <FormControl>\n                <Input {...field} type=\"number\" />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      );\n\n    default:\n      return (\n        <FormField\n          control={control}\n          name=\"value\"\n          render={({ field }) => (\n            <FormItem>\n              <FormLabel>Value</FormLabel>\n              <FormControl>\n                <Input {...field} type=\"text\" />\n              </FormControl>\n              <FormMessage />\n            </FormItem>\n          )}\n        />\n      );\n  }\n};\n"],"names":["filterSchema","z","FILTER_COMPARISON_OPERATORS","TableFilter","filterableProperties","filters","onFiltersChange","editingFilter","setEditingFilter","useState","isAddingFilter","setIsAddingFilter","getFilterLabel","filter","property","getResourceDisplayName","operatorLabel","COMPARISON_OPERATOR_LABELS","value","removeFilter","id","FilterForm","form","useForm","zodResolver","watchProperty","handleSubmit","values","newFilter","f","handleClose","jsx","Form","jsxs","FormField","field","FormItem","FormLabel","Select","FormControl","SelectTrigger","SelectValue","SelectContent","key","SelectItem","FormMessage","Fragment","OPERATORS_FOR_FILTER_TYPE","op","ValueField","Button","index","Popover","open","PopoverTrigger","Badge","PopoverContent","X","FilterIcon","control","propertyType","cn","format","Calendar","date","Input"],"mappings":"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"}