@techzyapp/ui-library 1.0.29 → 1.0.31

package/dist/Table-CwQKfXGn.js

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