@techzyapp/ui-library 1.0.27 → 1.0.28

package/dist/Table-CH_oiEP3.js

@@ -0,0 +1,1170 @@
+import { jsxs as _, Fragment as Nt, jsx as a } from "react/jsx-runtime";
+import { useState as P, useId as dn, forwardRef as mn, useRef as Y, useMemo as q, useEffect as W, useCallback as un } from "react";
+import { clsx as v } from "clsx";
+import { useReactTable as fn, getSortedRowModel as pn, getFilteredRowModel as gn, getPaginationRowModel as hn, getCoreRowModel as _n } from "@tanstack/react-table";
+import { useSensors as yn, useSensor as ht, PointerSensor as bn, KeyboardSensor as Sn, DndContext as xn, closestCenter as wn } from "@dnd-kit/core";
+import { sortableKeyboardCoordinates as kn, SortableContext as vn, verticalListSortingStrategy as zn, arrayMove as Nn, useSortable as Tn } from "@dnd-kit/sortable";
+import { CSS as Mn } from "@dnd-kit/utilities";
+import { p as _t, b as yt } from "./table-DF3zTrC3.js";
+import { B as Tt } from "./Badge-BmFgusOa.js";
+import { B as bt } from "./Button-BLW9yV8W.js";
+import { D as Le } from "./DatePicker-U5TJ9FYM.js";
+import { D as Pe } from "./DateTimePicker-laJsZYJX.js";
+import { I as B } from "./Icon-DaTvzLBu.js";
+import { I as Qe } from "./IconButton-Dq17Fekm.js";
+import { M as Cn } from "./Modal-cz6JIsZn.js";
+import { M as Rn } from "./MultiSelect-C6l0LpIs.js";
+import { N as $e } from "./NumberField-BpUTV_Qn.js";
+import { a as Fn } from "./RadioGroup-dVx_hMCY.js";
+import { S as Mt } from "./Select-BAR_aVSz.js";
+import { S as An } from "./Slider-DoQJWgGU.js";
+import { T as Ct } from "./TextField-CkronCRC.js";
+import { T as De } from "./TimePicker-CoIdMv1S.js";
+import { T as J } from "./Typography-CJv5AnRP.js";
+import { a as pe, k as In } from "./ConfigProvider-B_RSn9bb.js";
+import { D as St } from "./Dropdown--1mNTVZJ.js";
+import { E as Ln } from "./EmptyState-BtwuzX9Z.js";
+import { a as xt } from "./List-CZwNGxuP.js";
+import { L as Pn } from "./Loader-CwyoKoWY.js";
+import { P as $n } from "./Pagination-CE1uKrR4.js";
+import { S as Ee } from "./Skeleton-_-uGax2j.js";
+function Ue(t, n) {
+  if (n == null) return !1;
+  switch (t) {
+    case "number":
+      return typeof n == "number" && !Number.isNaN(n);
+    case "boolean":
+      return typeof n == "boolean";
+    case "multiSelect":
+      return Array.isArray(n) && n.length > 0;
+    case "numberRange":
+    case "numberRangeSlider":
+      return Array.isArray(n) && (n[0] != null || n[1] != null);
+    case "dateRange":
+    case "timeRange":
+    case "dateTimeRange":
+      return Array.isArray(n) && !!(n[0] || n[1]);
+    default:
+      return typeof n == "string" && n.trim() !== "";
+  }
+}
+function Dn(t, n) {
+  return t.reduce((r, o) => Ue(o.type, n[o.key]) ? r + 1 : r, 0);
+}
+const Z = (t) => String(t).padStart(2, "0"), Rt = (t) => `${t.getFullYear()}-${Z(t.getMonth() + 1)}-${Z(t.getDate())}`, En = (t) => `${Rt(t)}T${Z(t.getHours())}:${Z(t.getMinutes())}`, On = (t) => `${Z(t.getHours())}:${Z(t.getMinutes())}`, qe = (t) => {
+  if (!t) return null;
+  const n = /^\d{4}-\d{2}-\d{2}$/.test(t) ? `${t}T00:00:00` : t, r = new Date(n);
+  return Number.isNaN(r.getTime()) ? null : r;
+}, Oe = (t) => {
+  const n = qe(t);
+  return n ? Rt(n) : t.slice(0, 10);
+}, We = (t) => {
+  const n = qe(t);
+  return n ? En(n) : t.slice(0, 16);
+}, ae = (t) => {
+  if (/\d{4}-\d{2}-\d{2}/.test(t)) {
+    const n = qe(t);
+    if (n) return On(n);
+  }
+  return (t.includes("T") ? t.slice(t.indexOf("T") + 1) : t).slice(0, 5);
+};
+function Wn(t, n, r) {
+  const o = String(n ?? "");
+  switch (t) {
+    case "text":
+      return o.toLowerCase().includes(String(r).toLowerCase());
+    case "number":
+      return Number(n) === r;
+    case "numberRange":
+    case "numberRangeSlider": {
+      const [g, u] = r, p = Number(n);
+      return (g == null || p >= g) && (u == null || p <= u);
+    }
+    case "select":
+      return o === r;
+    case "multiSelect":
+      return r.includes(o);
+    case "boolean":
+      return !!n === r;
+    case "date":
+      return Oe(o) === Oe(String(r));
+    case "dateTime":
+      return We(o) === We(String(r));
+    case "time":
+      return ae(o) === ae(String(r));
+    case "dateRange":
+    case "dateTimeRange": {
+      const g = t === "dateRange" ? Oe : We, [u, p] = r, f = g(o);
+      return (!u || f >= g(u)) && (!p || f <= g(p));
+    }
+    case "timeRange": {
+      const [g, u] = r, p = ae(o);
+      return (!g || p >= ae(g)) && (!u || p <= ae(u));
+    }
+    default:
+      return !0;
+  }
+}
+function Hn(t, n, r) {
+  const o = n.filter((g) => Ue(g.type, r[g.key]));
+  return o.length === 0 ? t : t.filter(
+    (g) => o.every((u) => Wn(u.type, g[u.key], r[u.key]))
+  );
+}
+function wt(t, n, r = {}) {
+  const o = new URLSearchParams(), g = r.rangeMinSuffix ?? "Min", u = r.rangeMaxSuffix ?? "Max", p = r.multiSelectFormat ?? "repeat";
+  for (const f of t) {
+    const s = n[f.key];
+    if (!Ue(f.type, s)) continue;
+    const c = f.queryKey ?? f.key;
+    switch (f.type) {
+      case "multiSelect": {
+        const d = s;
+        p === "csv" ? o.set(c, d.join(",")) : p === "indexed" ? d.forEach((y, S) => o.set(`${c}[${S}]`, y)) : d.forEach((y) => o.append(c, y));
+        break;
+      }
+      case "numberRange":
+      case "numberRangeSlider": {
+        const [d, y] = s;
+        d != null && o.set(c + g, String(d)), y != null && o.set(c + u, String(y));
+        break;
+      }
+      case "dateRange":
+      case "timeRange":
+      case "dateTimeRange": {
+        const [d, y] = s;
+        d && o.set(c + g, d), y && o.set(c + u, y);
+        break;
+      }
+      default:
+        o.set(c, String(s));
+    }
+  }
+  return o;
+}
+function kt(t, n, r = {}) {
+  const o = r.rangeMinSuffix ?? "Min", g = r.rangeMaxSuffix ?? "Max", u = r.multiSelectFormat ?? "repeat", p = {};
+  for (const f of t) {
+    const s = f.queryKey ?? f.key;
+    switch (f.type) {
+      case "multiSelect": {
+        let c = [];
+        if (u === "csv") {
+          const d = n.get(s);
+          d && (c = d.split(",").filter(Boolean));
+        } else if (u === "indexed")
+          for (let d = 0; n.has(`${s}[${d}]`); d++) c.push(n.get(`${s}[${d}]`));
+        else
+          c = n.getAll(s);
+        c.length && (p[f.key] = c);
+        break;
+      }
+      case "numberRange":
+      case "numberRangeSlider": {
+        const c = n.get(s + o), d = n.get(s + g);
+        (c != null || d != null) && (p[f.key] = [c != null ? Number(c) : null, d != null ? Number(d) : null]);
+        break;
+      }
+      case "dateRange":
+      case "timeRange":
+      case "dateTimeRange": {
+        const c = n.get(s + o), d = n.get(s + g);
+        (c != null || d != null) && (p[f.key] = [c ?? "", d ?? ""]);
+        break;
+      }
+      case "number": {
+        const c = n.get(s);
+        if (c != null) {
+          const d = Number(c);
+          Number.isNaN(d) || (p[f.key] = d);
+        }
+        break;
+      }
+      case "boolean": {
+        const c = n.get(s);
+        c === "true" ? p[f.key] = !0 : c === "false" && (p[f.key] = !1);
+        break;
+      }
+      default: {
+        const c = n.get(s);
+        c && (p[f.key] = c);
+      }
+    }
+  }
+  return p;
+}
+const Bn = "_fields_xa8i1_2", Qn = "_field_xa8i1_2", Un = "_rangeLabel_xa8i1_15", qn = "_row_xa8i1_20", Gn = "_rangeSep_xa8i1_30", Kn = "_stack_xa8i1_36", jn = "_footer_xa8i1_43", Xn = "_footerEnd_xa8i1_50", H = {
+  fields: Bn,
+  field: Qn,
+  rangeLabel: Un,
+  row: qn,
+  rangeSep: Gn,
+  stack: Kn,
+  footer: jn,
+  footerEnd: Xn
+}, Vn = (t, n) => [
+  { value: "", label: (t == null ? void 0 : t.any) ?? n("common.any") },
+  { value: "true", label: (t == null ? void 0 : t.yes) ?? n("common.yes") },
+  { value: "false", label: (t == null ? void 0 : t.no) ?? n("common.no") }
+], Yn = (t) => t === !0 ? "true" : t === !1 ? "false" : "", Jn = (t) => t === "true" ? !0 : t === "false" ? !1 : null;
+function ue({
+  label: t,
+  from: n,
+  to: r,
+  stacked: o
+}) {
+  return /* @__PURE__ */ _("div", { className: H.field, children: [
+    /* @__PURE__ */ a(J, { variant: "bodySmall", className: H.rangeLabel, children: t }),
+    o ? /* @__PURE__ */ _("div", { className: H.stack, children: [
+      n,
+      r
+    ] }) : /* @__PURE__ */ _("div", { className: H.row, children: [
+      n,
+      /* @__PURE__ */ a("span", { className: H.rangeSep, "aria-hidden": !0, children: "–" }),
+      r
+    ] })
+  ] });
+}
+function Zn({
+  filter: t,
+  value: n,
+  onChange: r
+}) {
+  const o = pe(), { type: g, label: u, options: p = [], placeholder: f } = t;
+  switch (g) {
+    case "text":
+      return /* @__PURE__ */ a(
+        Ct,
+        {
+          label: u,
+          placeholder: f,
+          value: n ?? "",
+          onChange: (s) => r(s.target.value)
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ a(
+        $e,
+        {
+          label: u,
+          placeholder: f,
+          value: n ?? null,
+          onChange: (s) => r(s)
+        }
+      );
+    case "numberRange": {
+      const [s, c] = n ?? [null, null];
+      return /* @__PURE__ */ a(
+        ue,
+        {
+          label: u,
+          from: /* @__PURE__ */ a(
+            $e,
+            {
+              placeholder: o("common.min"),
+              value: s,
+              onChange: (d) => r([d, c])
+            }
+          ),
+          to: /* @__PURE__ */ a(
+            $e,
+            {
+              placeholder: o("common.max"),
+              value: c,
+              onChange: (d) => r([s, d])
+            }
+          )
+        }
+      );
+    }
+    case "numberRangeSlider": {
+      const s = t.min ?? 0, c = t.max ?? 100, [d, y] = n ?? [null, null];
+      return /* @__PURE__ */ a(
+        An,
+        {
+          range: !0,
+          label: u,
+          min: s,
+          max: c,
+          step: t.step ?? 1,
+          value: [d ?? s, y ?? c],
+          valueLabel: (S) => {
+            const [C, R] = S;
+            return `${C} – ${R}`;
+          },
+          onChange: (S) => {
+            const [C, R] = S;
+            r([C <= s ? null : C, R >= c ? null : R]);
+          }
+        }
+      );
+    }
+    case "select":
+      return /* @__PURE__ */ a(
+        Mt,
+        {
+          label: u,
+          placeholder: f,
+          options: p,
+          value: n ?? "",
+          onChange: (s) => r(s)
+        }
+      );
+    case "multiSelect":
+      return /* @__PURE__ */ a(
+        Rn,
+        {
+          label: u,
+          placeholder: f,
+          options: p,
+          value: n ?? [],
+          onChange: (s) => r(s)
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ a(
+        Fn,
+        {
+          label: u,
+          orientation: "horizontal",
+          options: Vn(t.booleanLabels, o),
+          value: Yn(n),
+          onChange: (s) => r(Jn(s))
+        }
+      );
+    case "date":
+      return /* @__PURE__ */ a(
+        Le,
+        {
+          label: u,
+          value: n ?? "",
+          onChange: (s) => r(s ?? "")
+        }
+      );
+    case "dateRange": {
+      const [s, c] = n ?? ["", ""];
+      return /* @__PURE__ */ a(
+        ue,
+        {
+          label: u,
+          from: /* @__PURE__ */ a(
+            Le,
+            {
+              placeholder: o("common.from"),
+              value: s,
+              onChange: (d) => r([d ?? "", c])
+            }
+          ),
+          to: /* @__PURE__ */ a(
+            Le,
+            {
+              placeholder: o("common.to"),
+              value: c,
+              onChange: (d) => r([s, d ?? ""])
+            }
+          )
+        }
+      );
+    }
+    case "time":
+      return /* @__PURE__ */ a(
+        De,
+        {
+          label: u,
+          value: n ?? "",
+          onChange: (s) => r(s ?? "")
+        }
+      );
+    case "timeRange": {
+      const [s, c] = n ?? ["", ""];
+      return /* @__PURE__ */ a(
+        ue,
+        {
+          label: u,
+          from: /* @__PURE__ */ a(
+            De,
+            {
+              placeholder: o("common.from"),
+              value: s,
+              onChange: (d) => r([d ?? "", c])
+            }
+          ),
+          to: /* @__PURE__ */ a(
+            De,
+            {
+              placeholder: o("common.to"),
+              value: c,
+              onChange: (d) => r([s, d ?? ""])
+            }
+          )
+        }
+      );
+    }
+    case "dateTime":
+      return /* @__PURE__ */ a(
+        Pe,
+        {
+          label: u,
+          value: n ?? "",
+          onChange: (s) => r(s ?? "")
+        }
+      );
+    case "dateTimeRange": {
+      const [s, c] = n ?? ["", ""];
+      return /* @__PURE__ */ a(
+        ue,
+        {
+          label: u,
+          stacked: !0,
+          from: /* @__PURE__ */ a(
+            Pe,
+            {
+              placeholder: o("common.from"),
+              value: s,
+              onChange: (d) => r([d ?? "", c])
+            }
+          ),
+          to: /* @__PURE__ */ a(
+            Pe,
+            {
+              placeholder: o("common.to"),
+              value: c,
+              onChange: (d) => r([s, d ?? ""])
+            }
+          )
+        }
+      );
+    }
+    default:
+      return null;
+  }
+}
+function er({ filters: t, value: n, onChange: r }) {
+  const o = pe(), [g, u] = P(!1), [p, f] = P(n), s = Dn(t, n), c = dn(), d = () => {
+    f(n), u(!0);
+  }, y = () => {
+    r(p), u(!1);
+  };
+  return /* @__PURE__ */ _(Nt, { children: [
+    /* @__PURE__ */ a(Tt, { content: s, color: "primary", children: /* @__PURE__ */ a(Qe, { variant: "filled", size: "sm", "aria-label": o("table.filters"), onClick: d, children: /* @__PURE__ */ a(B, { name: "Filter" }) }) }),
+    /* @__PURE__ */ a(
+      Cn,
+      {
+        open: g,
+        onClose: () => u(!1),
+        placement: "right",
+        size: "sm",
+        icon: "Filter",
+        title: o("table.filters"),
+        description: o("table.filtersDescription"),
+        footer: (
+          // right-aligned: Clear (reset the draft fields) + Apply (commit). No Cancel — the Modal's × /
+          // Escape / backdrop dismiss the drawer, discarding the uncommitted draft.
+          /* @__PURE__ */ a("div", { className: H.footer, children: /* @__PURE__ */ _("div", { className: H.footerEnd, children: [
+            /* @__PURE__ */ a(
+              bt,
+              {
+                variant: "text",
+                size: "sm",
+                startIcon: /* @__PURE__ */ a(B, { name: "Trash" }),
+                onClick: () => f({}),
+                children: o("common.clear")
+              }
+            ),
+            /* @__PURE__ */ a(bt, { type: "submit", size: "sm", form: c, startIcon: /* @__PURE__ */ a(B, { name: "Filter" }), children: o("common.apply") })
+          ] }) })
+        ),
+        children: /* @__PURE__ */ a(
+          "form",
+          {
+            id: c,
+            className: H.fields,
+            onSubmit: (S) => {
+              S.preventDefault(), y();
+            },
+            children: t.map((S) => /* @__PURE__ */ a(
+              Zn,
+              {
+                filter: S,
+                value: p[S.key],
+                onChange: (C) => f((R) => ({ ...R, [S.key]: C }))
+              },
+              S.key
+            ))
+          }
+        )
+      }
+    )
+  ] });
+}
+const tr = "_root_ziri4_3", nr = "_toolbar_ziri4_17", rr = "_title_ziri4_24", ar = "_toolbarStart_ziri4_28", ir = "_toolbarEnd_ziri4_35", or = "_search_ziri4_41", sr = "_scroll_ziri4_9", lr = "_table_ziri4_56", cr = "_th_ziri4_63", dr = "_sticky_ziri4_73", mr = "_td_ziri4_80", ur = "_tr_ziri4_90", fr = "_wrapCell_ziri4_97", pr = "_hoverable_ziri4_101", gr = "_striped_ziri4_104", hr = "_clickable_ziri4_107", _r = "_empty_ziri4_111", yr = "_menuTitle_ziri4_118", br = "_skeletonCell_ziri4_126", Sr = "_rowActions_ziri4_130", xr = "_skeletonActions_ziri4_131", wr = "_dragHandleCell_ziri4_142", kr = "_dragHandle_ziri4_142", vr = "_dragging_ziri4_171", zr = "_pinnedLeft_ziri4_179", Nr = "_pinnedRight_ziri4_180", Tr = "_skeletonActionsCell_ziri4_200", Mr = "_stateCell_ziri4_234", Cr = "_loadingOverlay_ziri4_238", Rr = "_footer_ziri4_248", Fr = "_footerMain_ziri4_254", Ar = "_pageSize_ziri4_261", Ir = "_pageSizeSelect_ziri4_267", Lr = "_rangeText_ziri4_270", m = {
+  root: tr,
+  toolbar: nr,
+  title: rr,
+  toolbarStart: ar,
+  toolbarEnd: ir,
+  search: or,
+  scroll: sr,
+  table: lr,
+  th: cr,
+  sticky: dr,
+  td: mr,
+  tr: ur,
+  wrapCell: fr,
+  hoverable: pr,
+  striped: gr,
+  clickable: hr,
+  empty: _r,
+  menuTitle: yr,
+  skeletonCell: br,
+  rowActions: Sr,
+  skeletonActions: xr,
+  dragHandleCell: wr,
+  dragHandle: kr,
+  dragging: vr,
+  pinnedLeft: zr,
+  pinnedRight: Nr,
+  skeletonActionsCell: Tr,
+  stateCell: Mr,
+  loadingOverlay: Cr,
+  footer: Rr,
+  footerMain: Fr,
+  pageSize: Ar,
+  pageSizeSelect: Ir,
+  rangeText: Lr
+}, He = Number.MAX_SAFE_INTEGER, vt = ["8em", "5.5em", "7em", "10em", "4.5em", "6.5em"], Pr = 280;
+function Be(t, n) {
+  return typeof t == "function" ? t(n) : t;
+}
+function fe(t) {
+  return t.maxWidth ?? (t.wrap ? Pr : void 0);
+}
+function $r(t) {
+  return t == null || typeof t == "object" ? "" : String(t);
+}
+function Dr(t) {
+  return t == null || t === "" || t === !1 ? /* @__PURE__ */ a("span", { className: m.empty, "aria-hidden": !0, children: "—" }) : t;
+}
+function zt(t) {
+  return t.toString().replace(/%2C/gi, ",").replace(/%3A/gi, ":").replace(/%5B/gi, "[").replace(/%5D/gi, "]");
+}
+function Er(t, n, r) {
+  const o = { ...t };
+  return n.top + t.y <= r.top ? o.y = r.top - n.top : n.bottom + t.y >= r.top + r.height && (o.y = r.top + r.height - n.bottom), n.left + t.x <= r.left ? o.x = r.left - n.left : n.right + t.x >= r.left + r.width && (o.x = r.left + r.width - n.right), o;
+}
+const Or = ({ transform: t }) => ({ ...t, x: 0 }), Wr = ({ containerNodeRect: t, draggingNodeRect: n, transform: r }) => n && t ? Er(r, n, t) : r, Hr = [Or, Wr];
+function Br({
+  id: t,
+  cells: n,
+  clickable: r,
+  onClick: o
+}) {
+  const g = pe(), { setNodeRef: u, transform: p, transition: f, isDragging: s, attributes: c, listeners: d } = Tn({
+    id: t
+  });
+  return /* @__PURE__ */ _(
+    "tr",
+    {
+      ref: u,
+      className: v(m.tr, r && m.clickable, s && m.dragging),
+      style: {
+        // Translate (not Transform) — skip dnd-kit's scaleX/scaleY, which would squish/stretch the
+        // dragged row to the target's size when rows have different heights; keep the row's own size
+        transform: Mn.Translate.toString(p),
+        transition: f,
+        position: s ? "relative" : void 0,
+        zIndex: s ? 1 : void 0
+      },
+      onClick: o,
+      children: [
+        /* @__PURE__ */ a("td", { className: v(m.td, m.dragHandleCell), children: /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: m.dragHandle,
+            "aria-label": g("table.dragHandle"),
+            ...c,
+            ...d,
+            onClick: (y) => y.stopPropagation(),
+            children: /* @__PURE__ */ a(B, { name: "Menu", size: "sm" })
+          }
+        ) }),
+        n
+      ]
+    }
+  );
+}
+function Qr({
+  enabled: t,
+  sensors: n,
+  onDragEnd: r,
+  children: o
+}) {
+  return t ? /* @__PURE__ */ a(
+    xn,
+    {
+      sensors: n,
+      collisionDetection: wn,
+      modifiers: Hr,
+      onDragEnd: r,
+      children: o
+    }
+  ) : /* @__PURE__ */ a(Nt, { children: o });
+}
+const Sa = mn(function({
+  columns: n,
+  data: r,
+  getRowId: o,
+  title: g,
+  toolbar: u,
+  searchable: p = !1,
+  searchPlaceholder: f,
+  defaultSearch: s = "",
+  debounceMs: c = 300,
+  defaultPage: d = 1,
+  defaultPageSize: y = 10,
+  pageSizeOptions: S = [10, 20, 50, 100, 200],
+  allowAllRows: C = !0,
+  showPageSize: R = !0,
+  showFirstButton: Ft = !1,
+  showLastButton: At = !1,
+  manualPagination: It = !1,
+  rowCount: Ge,
+  defaultSort: ge = null,
+  onChange: Ke,
+  queryMapping: Lt,
+  onExportToEmail: ie,
+  filters: b,
+  defaultFilters: Pt,
+  onRowClick: Q,
+  actions: oe,
+  reorderable: G = !1,
+  onReorder: je,
+  loading: se = !1,
+  loadingRows: $t,
+  empty: Dt,
+  urlSync: ee = !0,
+  page: Xe,
+  onPageChange: he,
+  pageSize: Ve,
+  onPageSizeChange: _e,
+  search: te,
+  onSearchChange: ye,
+  sort: ne,
+  onSortChange: be,
+  filterValues: Se,
+  onFiltersChange: xe,
+  stickyHeader: Et = !1,
+  striped: Ot = !1,
+  hoverable: Wt = !0,
+  className: Ht,
+  ...Bt
+}, Qt) {
+  const z = pe(), Ut = In(), U = Y({});
+  U.current = { ...Ut, ...Lt };
+  const le = Y(Ke);
+  le.current = Ke;
+  const we = Y(b);
+  we.current = b;
+  const Ye = Y(null), ke = Y(null), [Je, qt] = P({ start: !1, end: !1 }), [$] = P(() => {
+    const e = ee && typeof window < "u" ? new URLSearchParams(window.location.search) : null;
+    return e ? {
+      ..._t(e, U.current),
+      filters: b != null && b.length ? kt(b, e, U.current) : {}
+    } : {
+      page: null,
+      size: null,
+      search: "",
+      sort: null,
+      filters: {}
+    };
+  }), [Ze, Gt] = P(() => ({
+    pageIndex: ($.page ?? d) - 1,
+    pageSize: $.size ?? y
+  })), [ce, ve] = P($.search || s), [Kt, jt] = P($.search || s), [et, Xt] = P(() => $.sort ? [{ id: $.sort.key, desc: $.sort.direction === "desc" }] : ge ? [{ id: ge.key, desc: ge.direction === "desc" }] : []), [tt, Vt] = P(() => ({
+    ...Pt,
+    ...$.filters
+  })), N = It, nt = Xe !== void 0, rt = Ve !== void 0, at = te !== void 0, ze = ne !== void 0, Ne = Se !== void 0, Te = {
+    pageIndex: nt ? Xe - 1 : Ze.pageIndex,
+    pageSize: rt ? Ve : Ze.pageSize
+  }, F = at ? te : Kt, D = q(
+    () => ze ? ne ? [{ id: ne.key, desc: ne.direction === "desc" }] : [] : et,
+    [ze, ne, et]
+  ), E = q(
+    () => Ne ? Se : tt,
+    [Ne, Se, tt]
+  ), K = (e) => {
+    const i = Te, l = Be(e, i);
+    l.pageIndex !== i.pageIndex && (he == null || he(l.pageIndex + 1)), l.pageSize !== i.pageSize && (_e == null || _e(l.pageSize)), Gt((h) => ({
+      pageIndex: nt ? h.pageIndex : l.pageIndex,
+      pageSize: rt ? h.pageSize : l.pageSize
+    }));
+  }, Me = () => K((e) => e.pageIndex === 0 ? e : { ...e, pageIndex: 0 }), Ce = (e, i = !0) => {
+    at || jt(e), ye == null || ye(e), i && Me();
+  }, Re = (e, i = !0) => {
+    const l = Be(e, D);
+    ze || Xt(l), be == null || be(l[0] ? { key: l[0].id, direction: l[0].desc ? "desc" : "asc" } : null), i && Me();
+  }, it = (e, i = !0) => {
+    Ne || Vt(e), xe == null || xe(e), i && Me();
+  }, Yt = q(
+    () => b && b.length > 0 && !N ? Hn(r, b, E) : r,
+    [b, N, r, E]
+  ), Jt = it, Zt = q(
+    () => n.map((e) => ({
+      id: e.key,
+      accessorFn: (i) => i[e.key],
+      enableSorting: !!e.sortable
+    })),
+    [n]
+  ), en = q(() => {
+    const e = S.map((i) => ({ value: String(i), label: String(i) }));
+    return C ? [...e, { value: "all", label: z("common.all") }] : e;
+  }, [S, C]), de = q(() => {
+    if (!oe) return n;
+    const e = {
+      key: "__actions",
+      header: "",
+      align: "right",
+      pinned: "right",
+      // render the consumer's action UI right-aligned; the wrapper swallows clicks so they never reach
+      // the row's `onClick` — the consumer's own handlers don't need to `stopPropagation`
+      cell: (i, l) => /* @__PURE__ */ a("div", { className: m.rowActions, onClick: (h) => h.stopPropagation(), children: oe(i, l) })
+    };
+    return [...n, e];
+  }, [n, oe]), Fe = q(() => n.filter((e) => e.sortable), [n]), tn = (e) => Re((i) => {
+    const l = i[0];
+    return !l || l.id !== e ? [{ id: e, desc: !1 }] : l.desc ? [] : [{ id: e, desc: !0 }];
+  }), Ae = fn({
+    data: Yt,
+    columns: Zt,
+    state: {
+      pagination: Te,
+      globalFilter: F,
+      sorting: D
+    },
+    onPaginationChange: K,
+    onGlobalFilterChange: (e) => Ce(Be(e, F)),
+    onSortingChange: Re,
+    globalFilterFn: "includesString",
+    // first click always sorts ascending (A→Z / 0→9), for every column type — the intuitive default
+    sortDescFirst: !1,
+    getCoreRowModel: _n(),
+    getRowId: o,
+    manualPagination: N,
+    manualFiltering: N,
+    manualSorting: N,
+    ...N ? { rowCount: Ge ?? r.length } : {
+      getPaginationRowModel: hn(),
+      getFilteredRowModel: gn(),
+      getSortedRowModel: pn()
+    }
+  }), j = Ae.getRowModel().rows, nn = yn(
+    ht(bn, { activationConstraint: { distance: 5 } }),
+    ht(Sn, { coordinateGetter: kn })
+  ), ot = (e, i) => o ? o(e, i) : String(i), rn = (e) => {
+    const { active: i, over: l } = e;
+    if (!l || i.id === l.id || !je) return;
+    const h = r.findIndex((k, w) => ot(k, w) === i.id), I = r.findIndex((k, w) => ot(k, w) === l.id);
+    h < 0 || I < 0 || je(Nn(r, h, I), { id: String(i.id), from: h, to: I });
+  }, O = N ? Ge ?? r.length : Ae.getFilteredRowModel().rows.length, { pageIndex: T, pageSize: x } = Te, X = Math.max(1, Math.ceil(O / x)), st = T + 1, an = O === 0 ? 0 : T * x + 1, on = N ? Math.min(O, T * x + j.length) : Math.min(O, st * x);
+  W(() => {
+    te !== void 0 && ve(te);
+  }, [te]), W(() => {
+    if (ce === F) return;
+    const e = setTimeout(() => Ce(ce), c);
+    return () => clearTimeout(e);
+  }, [ce, F, c]), W(() => {
+    N && O === 0 || T > 0 && T >= X && K((e) => ({ ...e, pageIndex: X - 1 }));
+  }, [X, T, N, O]);
+  const A = D[0] ? { key: D[0].id, direction: D[0].desc ? "desc" : "asc" } : null, lt = () => {
+    const e = T + 1, i = x, l = yt(
+      { page: e, size: i, search: F, sort: A },
+      U.current
+    );
+    return b != null && b.length && wt(b, E, U.current).forEach(
+      (h, I) => l.append(I, h)
+    ), {
+      page: e,
+      size: i,
+      search: F,
+      sort: A,
+      filters: E,
+      params: l,
+      query: zt(l)
+    };
+  };
+  W(() => {
+    var e;
+    (e = le.current) == null || e.call(le, lt());
+  }, [T, x, F, D, E]);
+  const ct = ie != null, dt = b != null && b.length > 0, mt = un(
+    (e, i, l, h, I) => {
+      if (typeof window > "u" || !ee) return;
+      const k = U.current, w = we.current, V = yt({ page: e, size: i, search: l, sort: h }, k);
+      w != null && w.length && wt(w, I, k).forEach((M, L) => V.append(L, M));
+      const re = {
+        pageParam: "page",
+        sizeParam: "size",
+        searchParam: "search",
+        sortParam: "sort",
+        sortOrderParam: "order",
+        ...k
+      }, ln = k.rangeMinSuffix ?? "Min", cn = k.rangeMaxSuffix ?? "Max", Ie = [re.pageParam, re.sizeParam, re.searchParam, re.sortParam, re.sortOrderParam];
+      for (const M of w ?? []) {
+        const L = M.queryKey ?? M.key;
+        Ie.push(L, L + ln, L + cn);
+      }
+      const me = new URLSearchParams(window.location.search);
+      for (const M of [...me.keys()])
+        (Ie.includes(M) || Ie.some((L) => M.startsWith(`${L}[`))) && me.delete(M);
+      V.forEach((M, L) => me.append(L, M));
+      const pt = zt(me), gt = `${window.location.pathname}${pt ? `?${pt}` : ""}${window.location.hash}`;
+      gt !== `${window.location.pathname}${window.location.search}${window.location.hash}` && window.history.replaceState(window.history.state, "", gt);
+    },
+    [ee]
+  );
+  W(() => {
+    mt(
+      T + 1,
+      x,
+      F,
+      A,
+      E
+    );
+  }, [
+    T,
+    x,
+    F,
+    D,
+    E,
+    mt
+  ]);
+  const ut = Y(() => {
+  });
+  ut.current = () => {
+    const e = new URLSearchParams(window.location.search), i = U.current, l = _t(e, i);
+    K(() => ({
+      pageIndex: (l.page ?? d) - 1,
+      pageSize: l.size ?? x
+    })), ve(l.search), Ce(l.search, !1), Re(
+      () => l.sort ? [{ id: l.sort.key, desc: l.sort.direction === "desc" }] : [],
+      !1
+    );
+    const h = we.current;
+    h != null && h.length && it(kt(h, e, i), !1);
+  }, W(() => {
+    if (typeof window > "u" || !ee) return;
+    const e = () => ut.current();
+    return window.addEventListener("popstate", e), () => window.removeEventListener("popstate", e);
+  }, [ee]), W(() => {
+    typeof process < "u" && process.env.NODE_ENV !== "production" && !o && (Q != null || oe != null || G) && console.warn(
+      "[Table] No `getRowId` provided, so the row index is used as the React key. For a table with row interactions or changing / paged data, pass `getRowId` (e.g. `(row) => row.id`) so each row keeps its identity across sort / filter / refetch."
+    );
+  }, []), W(() => {
+    const e = Ye.current;
+    if (!e) return;
+    const i = () => {
+      const h = e.scrollWidth > e.clientWidth + 1, I = e.scrollLeft <= 0, k = e.scrollLeft >= e.scrollWidth - e.clientWidth - 1, w = { start: h && !I, end: h && !k };
+      qt((V) => V.start === w.start && V.end === w.end ? V : w);
+    };
+    i(), e.addEventListener("scroll", i, { passive: !0 });
+    const l = typeof ResizeObserver < "u" ? new ResizeObserver(i) : null;
+    return l == null || l.observe(e), l && ke.current && l.observe(ke.current), () => {
+      e.removeEventListener("scroll", i), l == null || l.disconnect();
+    };
+  }, []);
+  const sn = g != null || u != null || p || dt || Fe.length > 0 || ct, ft = (e) => de.map((i) => /* @__PURE__ */ a(
+    "td",
+    {
+      className: v(
+        m.td,
+        i.pinned === "left" && m.pinnedLeft,
+        i.pinned === "right" && m.pinnedRight,
+        (i.wrap || i.maxWidth != null) && m.wrapCell
+      ),
+      style: {
+        width: i.width ?? (i.pinned ? 1 : fe(i)),
+        maxWidth: fe(i),
+        textAlign: i.align
+      },
+      children: Dr(
+        i.cell ? i.cell(e.original, e.index) : $r(e.getValue(i.key))
+      )
+    },
+    i.key
+  ));
+  return /* @__PURE__ */ _("div", { ref: Qt, className: v(m.root, Ht), ...Bt, children: [
+    sn && /* @__PURE__ */ _("div", { className: m.toolbar, children: [
+      /* @__PURE__ */ _("div", { className: m.toolbarStart, children: [
+        g != null && /* @__PURE__ */ a(J, { variant: "h4", as: "div", className: m.title, children: g }),
+        p && /* @__PURE__ */ a(
+          Ct,
+          {
+            className: m.search,
+            fullWidth: !1,
+            value: ce,
+            onChange: (e) => ve(e.target.value),
+            placeholder: f ?? z("common.search"),
+            adornment: /* @__PURE__ */ a(B, { name: "SearchNormal" }),
+            "aria-label": z("common.search")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ _("div", { className: m.toolbarEnd, children: [
+        u,
+        ct && // export menu — a baked "Send On Email" item; the consumer only wires `onExportToEmail`
+        /* @__PURE__ */ _(
+          St,
+          {
+            placement: "bottom-end",
+            trigger: /* @__PURE__ */ a(Qe, { variant: "filled", size: "sm", "aria-label": z("table.export"), children: /* @__PURE__ */ a(B, { name: "ExportArrow" }) }),
+            children: [
+              /* @__PURE__ */ a(
+                J,
+                {
+                  as: "div",
+                  variant: "caption",
+                  color: "muted",
+                  uppercase: !0,
+                  className: m.menuTitle,
+                  children: z("table.export")
+                }
+              ),
+              /* @__PURE__ */ a(xt, { clickable: !0, icon: "Sms", onClick: () => ie == null ? void 0 : ie(lt()), children: z("table.sendOnEmail") })
+            ]
+          }
+        ),
+        Fe.length > 0 && // sort menu — one row per sortable column; clicking cycles that column asc → desc → unsorted.
+        // The menu **stays open** (`closeOnSelect={false}`) so you can cycle without reopening; the
+        // active row shows a `selected` tint + a direction arrow, and a dot `Badge` on the trigger
+        // flags that a sort is applied.
+        /* @__PURE__ */ _(
+          St,
+          {
+            placement: "bottom-end",
+            closeOnSelect: !1,
+            trigger: /* @__PURE__ */ a(Tt, { dot: D.length > 0, color: "primary", children: /* @__PURE__ */ a(Qe, { variant: "filled", size: "sm", "aria-label": z("table.sort"), children: /* @__PURE__ */ a(B, { name: "Sort" }) }) }),
+            children: [
+              /* @__PURE__ */ a(
+                J,
+                {
+                  as: "div",
+                  variant: "caption",
+                  color: "muted",
+                  uppercase: !0,
+                  className: m.menuTitle,
+                  children: z("table.sortBy")
+                }
+              ),
+              Fe.map((e) => {
+                const i = (A == null ? void 0 : A.key) === e.key;
+                return /* @__PURE__ */ a(
+                  xt,
+                  {
+                    clickable: !0,
+                    selected: i,
+                    trailing: i ? /* @__PURE__ */ a(B, { name: (A == null ? void 0 : A.direction) === "desc" ? "ArrowDown" : "ArrowUp2" }) : void 0,
+                    onClick: () => tn(e.key),
+                    children: e.header
+                  },
+                  e.key
+                );
+              })
+            ]
+          }
+        ),
+        dt && /* @__PURE__ */ a(
+          er,
+          {
+            filters: b,
+            value: E,
+            onChange: Jt
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ a(Qr, { enabled: G, sensors: nn, onDragEnd: rn, children: /* @__PURE__ */ _(
+      "div",
+      {
+        ref: Ye,
+        className: m.scroll,
+        "data-pin-start": Je.start ? "true" : "false",
+        "data-pin-end": Je.end ? "true" : "false",
+        children: [
+          /* @__PURE__ */ _(
+            "table",
+            {
+              ref: ke,
+              className: v(
+                m.table,
+                Ot && m.striped,
+                Wt && m.hoverable,
+                Et && m.sticky
+              ),
+              "aria-busy": se || void 0,
+              children: [
+                /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ _("tr", { children: [
+                  G && /* @__PURE__ */ a("th", { className: v(m.th, m.dragHandleCell), scope: "col", "aria-hidden": !0 }),
+                  de.map((e) => {
+                    var l;
+                    const i = e.sortable && ((l = Ae.getColumn(e.key)) == null ? void 0 : l.getIsSorted()) || !1;
+                    return /* @__PURE__ */ a(
+                      "th",
+                      {
+                        scope: "col",
+                        className: v(
+                          m.th,
+                          e.pinned === "left" && m.pinnedLeft,
+                          e.pinned === "right" && m.pinnedRight,
+                          (e.wrap || e.maxWidth != null) && m.wrapCell
+                        ),
+                        style: {
+                          // a pinned column with no explicit width shrinks to its content (the `width: 1px`
+                          // min-content trick); a wrap column sits at its cap (so it doesn't get starved),
+                          // others size to content
+                          width: e.width ?? (e.pinned ? 1 : fe(e)),
+                          maxWidth: fe(e),
+                          textAlign: e.align
+                        },
+                        "aria-sort": e.sortable ? i === "asc" ? "ascending" : i === "desc" ? "descending" : "none" : void 0,
+                        children: e.header
+                      },
+                      e.key
+                    );
+                  })
+                ] }) }),
+                /* @__PURE__ */ a("tbody", { children: j.length > 0 ? G ? (
+                  // dnd-kit sortable rows — each `SortableRow` renders a leading drag-handle cell + `rowCells`
+                  /* @__PURE__ */ a(
+                    vn,
+                    {
+                      items: j.map((e) => e.id),
+                      strategy: zn,
+                      children: j.map((e) => /* @__PURE__ */ a(
+                        Br,
+                        {
+                          id: e.id,
+                          clickable: !!Q,
+                          onClick: Q ? () => Q(e.original, e.index) : void 0,
+                          cells: ft(e)
+                        },
+                        e.id
+                      ))
+                    }
+                  )
+                ) : j.map((e) => /* @__PURE__ */ a(
+                  "tr",
+                  {
+                    className: v(m.tr, Q && m.clickable),
+                    onClick: Q ? () => Q(e.original, e.index) : void 0,
+                    children: ft(e)
+                  },
+                  e.id
+                )) : (
+                  // no rows yet: skeleton rows shaped like the real columns while fetching (first load),
+                  // otherwise the empty state
+                  se ? Array.from(
+                    {
+                      length: $t ?? Math.min(x === He ? 10 : x, 10)
+                    },
+                    (e, i) => /* @__PURE__ */ _("tr", { className: m.tr, "aria-hidden": "true", children: [
+                      G && /* @__PURE__ */ a("td", { className: v(m.td, m.dragHandleCell) }),
+                      de.map((l, h) => /* @__PURE__ */ a(
+                        "td",
+                        {
+                          className: v(
+                            m.td,
+                            l.pinned === "left" && m.pinnedLeft,
+                            l.pinned === "right" && m.pinnedRight,
+                            l.key === "__actions" && m.skeletonActionsCell
+                          ),
+                          style: { width: l.width, textAlign: l.align },
+                          children: l.key === "__actions" ? (
+                            // the auto actions column — two small squares (26px, 8px apart), right-aligned
+                            /* @__PURE__ */ _("span", { className: v(m.rowActions, m.skeletonActions), children: [
+                              /* @__PURE__ */ a(
+                                Ee,
+                                {
+                                  variant: "rect",
+                                  width: "calc(var(--tz-control-height-sm) - var(--tz-space-xs))",
+                                  height: "calc(var(--tz-control-height-sm) - var(--tz-space-xs))",
+                                  radius: "xs"
+                                }
+                              ),
+                              /* @__PURE__ */ a(
+                                Ee,
+                                {
+                                  variant: "rect",
+                                  width: "calc(var(--tz-control-height-sm) - var(--tz-space-xs))",
+                                  height: "calc(var(--tz-control-height-sm) - var(--tz-space-xs))",
+                                  radius: "xs"
+                                }
+                              )
+                            ] })
+                          ) : /* @__PURE__ */ a(
+                            Ee,
+                            {
+                              width: vt[(i * 3 + h) % vt.length],
+                              className: m.skeletonCell
+                            }
+                          )
+                        },
+                        l.key
+                      ))
+                    ] }, i)
+                  ) : /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
+                    "td",
+                    {
+                      colSpan: Math.max(1, de.length + (G ? 1 : 0)),
+                      className: m.stateCell,
+                      children: Dt ?? /* @__PURE__ */ a(Ln, {})
+                    }
+                  ) })
+                ) })
+              ]
+            }
+          ),
+          se && j.length > 0 && /* @__PURE__ */ a("div", { className: m.loadingOverlay, children: /* @__PURE__ */ a(Pn, { size: "lg" }) })
+        ]
+      }
+    ) }),
+    O > 0 && (R || X > 1) && /* @__PURE__ */ _("div", { className: m.footer, children: [
+      /* @__PURE__ */ a(J, { variant: "bodySmall", color: "muted", as: "span", className: m.rangeText, children: z("table.range", { from: an, to: on, total: O }) }),
+      /* @__PURE__ */ _("div", { className: m.footerMain, children: [
+        R && /* @__PURE__ */ _("div", { className: m.pageSize, children: [
+          /* @__PURE__ */ a(J, { variant: "bodySmall", color: "muted", as: "span", children: z("table.rowsPerPage") }),
+          /* @__PURE__ */ a(
+            Mt,
+            {
+              className: m.pageSizeSelect,
+              fullWidth: !1,
+              clearable: !1,
+              showSelectedTick: !1,
+              value: x >= He ? "all" : String(x),
+              onChange: (e) => K(() => ({
+                pageIndex: 0,
+                pageSize: e === "all" ? He : Number(e)
+              })),
+              options: en
+            }
+          )
+        ] }),
+        X > 1 && /* @__PURE__ */ a(
+          $n,
+          {
+            count: X,
+            page: st,
+            onChange: (e) => K((i) => ({ ...i, pageIndex: e - 1 })),
+            showFirstButton: Ft,
+            showLastButton: At,
+            disabled: se
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+export {
+  Sa as T
+};
+//# sourceMappingURL=Table-CH_oiEP3.js.map