@techzyapp/ui-library 1.0.29 → 1.0.31

package/dist/Table-AzNzUAkl.js

@@ -1,1170 +0,0 @@
-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-CWMNNiia.js";
-import { D as Le } from "./DatePicker-DGwjCHfd.js";
-import { D as Pe } from "./DateTimePicker-CwVkQiun.js";
-import { I as B } from "./Icon-DaTvzLBu.js";
-import { I as Qe } from "./IconButton-GU3Ud4Zg.js";
-import { M as Cn } from "./Modal-DHP2R3K3.js";
-import { M as Rn } from "./MultiSelect-B-FPQ08c.js";
-import { N as $e } from "./NumberField-CzyvDMRV.js";
-import { a as Fn } from "./RadioGroup-dVx_hMCY.js";
-import { S as Mt } from "./Select-d9LDI8O3.js";
-import { S as An } from "./Slider-DoQJWgGU.js";
-import { T as Ct } from "./TextField-SGYWviFf.js";
-import { T as De } from "./TimePicker-DlzYNDN1.js";
-import { T as J } from "./Typography-CJv5AnRP.js";
-import { a as pe, k as In } from "./ConfigProvider-BbsI15b-.js";
-import { D as St } from "./Dropdown--1mNTVZJ.js";
-import { E as Ln } from "./EmptyState-DwT9_HW7.js";
-import { a as xt } from "./List-CZwNGxuP.js";
-import { L as Pn } from "./Loader-C1uaCtx6.js";
-import { P as $n } from "./Pagination-Oyms2ERd.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-AzNzUAkl.js.map