@techzyapp/ui-library 1.0.27 → 1.0.29

package/dist/Table-DdoUcZoN.js

@@ -1,1099 +0,0 @@
-import { jsxs as y, Fragment as Nt, jsx as a } from "react/jsx-runtime";
-import { useState as P, useId as ln, forwardRef as cn, useRef as Y, useMemo as q, useEffect as O, useCallback as dn } from "react";
-import { clsx as W } from "clsx";
-import { useReactTable as mn, getSortedRowModel as un, getFilteredRowModel as fn, getPaginationRowModel as pn, getCoreRowModel as gn } from "@tanstack/react-table";
-import { useSensors as hn, useSensor as pt, PointerSensor as yn, KeyboardSensor as _n, DndContext as bn, closestCenter as Sn } from "@dnd-kit/core";
-import { sortableKeyboardCoordinates as xn, SortableContext as wn, verticalListSortingStrategy as vn, arrayMove as kn, useSortable as Nn } from "@dnd-kit/sortable";
-import { CSS as Tn } from "@dnd-kit/utilities";
-import { p as gt, b as ht } from "./table-DF3zTrC3.js";
-import { B as Tt } from "./Badge-BmFgusOa.js";
-import { B as yt } from "./Button-obe6rono.js";
-import { D as Pe } from "./DatePicker-DP7yASzq.js";
-import { D as $e } from "./DateTimePicker-CzRduOFz.js";
-import { I as B } from "./Icon-DaTvzLBu.js";
-import { I as He } from "./IconButton-CBp8QuTO.js";
-import { M as Mn } from "./Modal-DJljaPqV.js";
-import { M as Rn } from "./MultiSelect-DLoS04lZ.js";
-import { N as De } from "./NumberField-DYGVQdL5.js";
-import { a as Fn } from "./RadioGroup-D_1_Heta.js";
-import { S as Mt } from "./Select-BB9oOoWZ.js";
-import { S as zn } from "./Slider-D7SvowmM.js";
-import { T as Rt } from "./TextField-7MobCad5.js";
-import { T as Ae } from "./TimePicker-B_3Ubip0.js";
-import { T as G } from "./Typography-Cta6Rg4L.js";
-import { a as ue, k as Cn } from "./ConfigProvider-DL9fylMo.js";
-import { D as _t } from "./Dropdown-FfkmluRu.js";
-import { E as In } from "./EmptyState-A5nPGnHA.js";
-import { L as bt } from "./ListItem-Cn15lJBr.js";
-import { L as St } from "./Loader-fffFnQqS.js";
-import { P as Ln } from "./Pagination-BwtbmITJ.js";
-function Be(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 Pn(t, n) {
-  return t.reduce((r, o) => Be(o.type, n[o.key]) ? r + 1 : r, 0);
-}
-const J = (t) => String(t).padStart(2, "0"), Ft = (t) => `${t.getFullYear()}-${J(t.getMonth() + 1)}-${J(t.getDate())}`, $n = (t) => `${Ft(t)}T${J(t.getHours())}:${J(t.getMinutes())}`, Dn = (t) => `${J(t.getHours())}:${J(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;
-}, Ee = (t) => {
-  const n = Qe(t);
-  return n ? Ft(n) : t.slice(0, 10);
-}, Oe = (t) => {
-  const n = Qe(t);
-  return n ? $n(n) : t.slice(0, 16);
-}, ae = (t) => {
-  if (/\d{4}-\d{2}-\d{2}/.test(t)) {
-    const n = Qe(t);
-    if (n) return Dn(n);
-  }
-  return (t.includes("T") ? t.slice(t.indexOf("T") + 1) : t).slice(0, 5);
-};
-function An(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, m] = r, p = Number(n);
-      return (g == null || p >= g) && (m == null || p <= m);
-    }
-    case "select":
-      return o === r;
-    case "multiSelect":
-      return r.includes(o);
-    case "boolean":
-      return !!n === r;
-    case "date":
-      return Ee(o) === Ee(String(r));
-    case "dateTime":
-      return Oe(o) === Oe(String(r));
-    case "time":
-      return ae(o) === ae(String(r));
-    case "dateRange":
-    case "dateTimeRange": {
-      const g = t === "dateRange" ? Ee : Oe, [m, p] = r, f = g(o);
-      return (!m || f >= g(m)) && (!p || f <= g(p));
-    }
-    case "timeRange": {
-      const [g, m] = r, p = ae(o);
-      return (!g || p >= ae(g)) && (!m || p <= ae(m));
-    }
-    default:
-      return !0;
-  }
-}
-function En(t, n, r) {
-  const o = n.filter((g) => Be(g.type, r[g.key]));
-  return o.length === 0 ? t : t.filter(
-    (g) => o.every((m) => An(m.type, g[m.key], r[m.key]))
-  );
-}
-function xt(t, n, r = {}) {
-  const o = new URLSearchParams(), g = r.rangeMinSuffix ?? "Min", m = r.rangeMaxSuffix ?? "Max", p = r.multiSelectFormat ?? "repeat";
-  for (const f of t) {
-    const s = n[f.key];
-    if (!Be(f.type, s)) continue;
-    const l = f.queryKey ?? f.key;
-    switch (f.type) {
-      case "multiSelect": {
-        const c = s;
-        p === "csv" ? o.set(l, c.join(",")) : p === "indexed" ? c.forEach((_, S) => o.set(`${l}[${S}]`, _)) : c.forEach((_) => o.append(l, _));
-        break;
-      }
-      case "numberRange":
-      case "numberRangeSlider": {
-        const [c, _] = s;
-        c != null && o.set(l + g, String(c)), _ != null && o.set(l + m, String(_));
-        break;
-      }
-      case "dateRange":
-      case "timeRange":
-      case "dateTimeRange": {
-        const [c, _] = s;
-        c && o.set(l + g, c), _ && o.set(l + m, _);
-        break;
-      }
-      default:
-        o.set(l, String(s));
-    }
-  }
-  return o;
-}
-function wt(t, n, r = {}) {
-  const o = r.rangeMinSuffix ?? "Min", g = r.rangeMaxSuffix ?? "Max", m = r.multiSelectFormat ?? "repeat", p = {};
-  for (const f of t) {
-    const s = f.queryKey ?? f.key;
-    switch (f.type) {
-      case "multiSelect": {
-        let l = [];
-        if (m === "csv") {
-          const c = n.get(s);
-          c && (l = c.split(",").filter(Boolean));
-        } else if (m === "indexed")
-          for (let c = 0; n.has(`${s}[${c}]`); c++) l.push(n.get(`${s}[${c}]`));
-        else
-          l = n.getAll(s);
-        l.length && (p[f.key] = l);
-        break;
-      }
-      case "numberRange":
-      case "numberRangeSlider": {
-        const l = n.get(s + o), c = n.get(s + g);
-        (l != null || c != null) && (p[f.key] = [l != null ? Number(l) : null, c != null ? Number(c) : null]);
-        break;
-      }
-      case "dateRange":
-      case "timeRange":
-      case "dateTimeRange": {
-        const l = n.get(s + o), c = n.get(s + g);
-        (l != null || c != null) && (p[f.key] = [l ?? "", c ?? ""]);
-        break;
-      }
-      case "number": {
-        const l = n.get(s);
-        if (l != null) {
-          const c = Number(l);
-          Number.isNaN(c) || (p[f.key] = c);
-        }
-        break;
-      }
-      case "boolean": {
-        const l = n.get(s);
-        l === "true" ? p[f.key] = !0 : l === "false" && (p[f.key] = !1);
-        break;
-      }
-      default: {
-        const l = n.get(s);
-        l && (p[f.key] = l);
-      }
-    }
-  }
-  return p;
-}
-const On = "_fields_xa8i1_2", Wn = "_field_xa8i1_2", Hn = "_rangeLabel_xa8i1_15", Bn = "_row_xa8i1_20", Qn = "_rangeSep_xa8i1_30", Un = "_stack_xa8i1_36", qn = "_footer_xa8i1_43", Gn = "_footerEnd_xa8i1_50", H = {
-  fields: On,
-  field: Wn,
-  rangeLabel: Hn,
-  row: Bn,
-  rangeSep: Qn,
-  stack: Un,
-  footer: qn,
-  footerEnd: Gn
-}, Kn = (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") }
-], jn = (t) => t === !0 ? "true" : t === !1 ? "false" : "", Xn = (t) => t === "true" ? !0 : t === "false" ? !1 : null;
-function de({
-  label: t,
-  from: n,
-  to: r,
-  stacked: o
-}) {
-  return /* @__PURE__ */ y("div", { className: H.field, children: [
-    /* @__PURE__ */ a(G, { variant: "bodySmall", className: H.rangeLabel, children: t }),
-    o ? /* @__PURE__ */ y("div", { className: H.stack, children: [
-      n,
-      r
-    ] }) : /* @__PURE__ */ y("div", { className: H.row, children: [
-      n,
-      /* @__PURE__ */ a("span", { className: H.rangeSep, "aria-hidden": !0, children: "–" }),
-      r
-    ] })
-  ] });
-}
-function Vn({
-  filter: t,
-  value: n,
-  onChange: r
-}) {
-  const o = ue(), { type: g, label: m, options: p = [], placeholder: f } = t;
-  switch (g) {
-    case "text":
-      return /* @__PURE__ */ a(
-        Rt,
-        {
-          label: m,
-          placeholder: f,
-          value: n ?? "",
-          onChange: (s) => r(s.target.value)
-        }
-      );
-    case "number":
-      return /* @__PURE__ */ a(
-        De,
-        {
-          label: m,
-          placeholder: f,
-          value: n ?? null,
-          onChange: (s) => r(s)
-        }
-      );
-    case "numberRange": {
-      const [s, l] = n ?? [null, null];
-      return /* @__PURE__ */ a(
-        de,
-        {
-          label: m,
-          from: /* @__PURE__ */ a(
-            De,
-            {
-              placeholder: o("common.min"),
-              value: s,
-              onChange: (c) => r([c, l])
-            }
-          ),
-          to: /* @__PURE__ */ a(
-            De,
-            {
-              placeholder: o("common.max"),
-              value: l,
-              onChange: (c) => r([s, c])
-            }
-          )
-        }
-      );
-    }
-    case "numberRangeSlider": {
-      const s = t.min ?? 0, l = t.max ?? 100, [c, _] = n ?? [null, null];
-      return /* @__PURE__ */ a(
-        zn,
-        {
-          range: !0,
-          label: m,
-          min: s,
-          max: l,
-          step: t.step ?? 1,
-          value: [c ?? s, _ ?? l],
-          valueLabel: (S) => {
-            const [R, F] = S;
-            return `${R} – ${F}`;
-          },
-          onChange: (S) => {
-            const [R, F] = S;
-            r([R <= s ? null : R, F >= l ? null : F]);
-          }
-        }
-      );
-    }
-    case "select":
-      return /* @__PURE__ */ a(
-        Mt,
-        {
-          label: m,
-          placeholder: f,
-          options: p,
-          value: n ?? "",
-          onChange: (s) => r(s)
-        }
-      );
-    case "multiSelect":
-      return /* @__PURE__ */ a(
-        Rn,
-        {
-          label: m,
-          placeholder: f,
-          options: p,
-          value: n ?? [],
-          onChange: (s) => r(s)
-        }
-      );
-    case "boolean":
-      return /* @__PURE__ */ a(
-        Fn,
-        {
-          label: m,
-          orientation: "horizontal",
-          options: Kn(t.booleanLabels, o),
-          value: jn(n),
-          onChange: (s) => r(Xn(s))
-        }
-      );
-    case "date":
-      return /* @__PURE__ */ a(
-        Pe,
-        {
-          label: m,
-          value: n ?? "",
-          onChange: (s) => r(s ?? "")
-        }
-      );
-    case "dateRange": {
-      const [s, l] = n ?? ["", ""];
-      return /* @__PURE__ */ a(
-        de,
-        {
-          label: m,
-          from: /* @__PURE__ */ a(
-            Pe,
-            {
-              placeholder: o("common.from"),
-              value: s,
-              onChange: (c) => r([c ?? "", l])
-            }
-          ),
-          to: /* @__PURE__ */ a(
-            Pe,
-            {
-              placeholder: o("common.to"),
-              value: l,
-              onChange: (c) => r([s, c ?? ""])
-            }
-          )
-        }
-      );
-    }
-    case "time":
-      return /* @__PURE__ */ a(
-        Ae,
-        {
-          label: m,
-          value: n ?? "",
-          onChange: (s) => r(s ?? "")
-        }
-      );
-    case "timeRange": {
-      const [s, l] = n ?? ["", ""];
-      return /* @__PURE__ */ a(
-        de,
-        {
-          label: m,
-          from: /* @__PURE__ */ a(
-            Ae,
-            {
-              placeholder: o("common.from"),
-              value: s,
-              onChange: (c) => r([c ?? "", l])
-            }
-          ),
-          to: /* @__PURE__ */ a(
-            Ae,
-            {
-              placeholder: o("common.to"),
-              value: l,
-              onChange: (c) => r([s, c ?? ""])
-            }
-          )
-        }
-      );
-    }
-    case "dateTime":
-      return /* @__PURE__ */ a(
-        $e,
-        {
-          label: m,
-          value: n ?? "",
-          onChange: (s) => r(s ?? "")
-        }
-      );
-    case "dateTimeRange": {
-      const [s, l] = n ?? ["", ""];
-      return /* @__PURE__ */ a(
-        de,
-        {
-          label: m,
-          stacked: !0,
-          from: /* @__PURE__ */ a(
-            $e,
-            {
-              placeholder: o("common.from"),
-              value: s,
-              onChange: (c) => r([c ?? "", l])
-            }
-          ),
-          to: /* @__PURE__ */ a(
-            $e,
-            {
-              placeholder: o("common.to"),
-              value: l,
-              onChange: (c) => r([s, c ?? ""])
-            }
-          )
-        }
-      );
-    }
-    default:
-      return null;
-  }
-}
-function Yn({ filters: t, value: n, onChange: r }) {
-  const o = ue(), [g, m] = P(!1), [p, f] = P(n), s = Pn(t, n), l = ln(), c = () => {
-    f(n), m(!0);
-  }, _ = () => {
-    r(p), m(!1);
-  };
-  return /* @__PURE__ */ y(Nt, { children: [
-    /* @__PURE__ */ a(Tt, { content: s, color: "primary", children: /* @__PURE__ */ a(He, { variant: "filled", size: "sm", "aria-label": o("table.filters"), onClick: c, children: /* @__PURE__ */ a(B, { name: "Filter" }) }) }),
-    /* @__PURE__ */ a(
-      Mn,
-      {
-        open: g,
-        onClose: () => m(!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__ */ y("div", { className: H.footerEnd, children: [
-            /* @__PURE__ */ a(
-              yt,
-              {
-                variant: "text",
-                size: "sm",
-                startIcon: /* @__PURE__ */ a(B, { name: "Trash" }),
-                onClick: () => f({}),
-                children: o("common.clear")
-              }
-            ),
-            /* @__PURE__ */ a(yt, { type: "submit", size: "sm", form: l, startIcon: /* @__PURE__ */ a(B, { name: "Filter" }), children: o("common.apply") })
-          ] }) })
-        ),
-        children: /* @__PURE__ */ a(
-          "form",
-          {
-            id: l,
-            className: H.fields,
-            onSubmit: (S) => {
-              S.preventDefault(), _();
-            },
-            children: t.map((S) => /* @__PURE__ */ a(
-              Vn,
-              {
-                filter: S,
-                value: p[S.key],
-                onChange: (R) => f((F) => ({ ...F, [S.key]: R }))
-              },
-              S.key
-            ))
-          }
-        )
-      }
-    )
-  ] });
-}
-const Jn = "_root_1fyye_3", Zn = "_toolbar_1fyye_17", er = "_title_1fyye_24", tr = "_toolbarStart_1fyye_28", nr = "_toolbarEnd_1fyye_35", rr = "_search_1fyye_41", ar = "_scroll_1fyye_9", or = "_table_1fyye_56", ir = "_th_1fyye_63", sr = "_sticky_1fyye_73", lr = "_td_1fyye_80", cr = "_tr_1fyye_90", dr = "_wrapCell_1fyye_97", mr = "_hoverable_1fyye_101", ur = "_striped_1fyye_104", fr = "_clickable_1fyye_107", pr = "_empty_1fyye_111", gr = "_menuTitle_1fyye_118", hr = "_rowActions_1fyye_127", yr = "_dragHandleCell_1fyye_135", _r = "_dragHandle_1fyye_135", br = "_dragging_1fyye_164", Sr = "_pinnedLeft_1fyye_172", xr = "_pinnedRight_1fyye_173", wr = "_stateCell_1fyye_221", vr = "_loadingState_1fyye_228", kr = "_loadingOverlay_1fyye_237", Nr = "_footer_1fyye_247", Tr = "_footerMain_1fyye_253", Mr = "_pageSize_1fyye_260", Rr = "_pageSizeSelect_1fyye_266", Fr = "_rangeText_1fyye_269", u = {
-  root: Jn,
-  toolbar: Zn,
-  title: er,
-  toolbarStart: tr,
-  toolbarEnd: nr,
-  search: rr,
-  scroll: ar,
-  table: or,
-  th: ir,
-  sticky: sr,
-  td: lr,
-  tr: cr,
-  wrapCell: dr,
-  hoverable: mr,
-  striped: ur,
-  clickable: fr,
-  empty: pr,
-  menuTitle: gr,
-  rowActions: hr,
-  dragHandleCell: yr,
-  dragHandle: _r,
-  dragging: br,
-  pinnedLeft: Sr,
-  pinnedRight: xr,
-  stateCell: wr,
-  loadingState: vr,
-  loadingOverlay: kr,
-  footer: Nr,
-  footerMain: Tr,
-  pageSize: Mr,
-  pageSizeSelect: Rr,
-  rangeText: Fr
-}, vt = Number.MAX_SAFE_INTEGER, zr = 280;
-function We(t, n) {
-  return typeof t == "function" ? t(n) : t;
-}
-function me(t) {
-  return t.maxWidth ?? (t.wrap ? zr : void 0);
-}
-function Cr(t) {
-  return t == null || typeof t == "object" ? "" : String(t);
-}
-function Ir(t) {
-  return t == null || t === "" || t === !1 ? /* @__PURE__ */ a("span", { className: u.empty, "aria-hidden": !0, children: "—" }) : t;
-}
-function kt(t) {
-  return t.toString().replace(/%2C/gi, ",").replace(/%3A/gi, ":").replace(/%5B/gi, "[").replace(/%5D/gi, "]");
-}
-function Lr(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 Pr = ({ transform: t }) => ({ ...t, x: 0 }), $r = ({ containerNodeRect: t, draggingNodeRect: n, transform: r }) => n && t ? Lr(r, n, t) : r, Dr = [Pr, $r];
-function Ar({
-  id: t,
-  cells: n,
-  clickable: r,
-  onClick: o
-}) {
-  const g = ue(), { setNodeRef: m, transform: p, transition: f, isDragging: s, attributes: l, listeners: c } = Nn({
-    id: t
-  });
-  return /* @__PURE__ */ y(
-    "tr",
-    {
-      ref: m,
-      className: W(u.tr, r && u.clickable, s && u.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: Tn.Translate.toString(p),
-        transition: f,
-        position: s ? "relative" : void 0,
-        zIndex: s ? 1 : void 0
-      },
-      onClick: o,
-      children: [
-        /* @__PURE__ */ a("td", { className: W(u.td, u.dragHandleCell), children: /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            className: u.dragHandle,
-            "aria-label": g("table.dragHandle"),
-            ...l,
-            ...c,
-            onClick: (_) => _.stopPropagation(),
-            children: /* @__PURE__ */ a(B, { name: "Menu", size: "sm" })
-          }
-        ) }),
-        n
-      ]
-    }
-  );
-}
-function Er({
-  enabled: t,
-  sensors: n,
-  onDragEnd: r,
-  children: o
-}) {
-  return t ? /* @__PURE__ */ a(
-    bn,
-    {
-      sensors: n,
-      collisionDetection: Sn,
-      modifiers: Dr,
-      onDragEnd: r,
-      children: o
-    }
-  ) : /* @__PURE__ */ a(Nt, { children: o });
-}
-const pa = cn(function({
-  columns: n,
-  data: r,
-  getRowId: o,
-  title: g,
-  toolbar: m,
-  searchable: p = !1,
-  searchPlaceholder: f,
-  defaultSearch: s = "",
-  debounceMs: l = 300,
-  defaultPage: c = 1,
-  defaultPageSize: _ = 10,
-  pageSizeOptions: S = [10, 20, 50, 100, 200],
-  allowAllRows: R = !0,
-  showPageSize: F = !0,
-  showFirstButton: zt = !1,
-  showLastButton: Ct = !1,
-  manualPagination: It = !1,
-  rowCount: Ue,
-  defaultSort: fe = null,
-  onChange: qe,
-  queryMapping: Lt,
-  onExportToEmail: oe,
-  filters: b,
-  defaultFilters: Pt,
-  onRowClick: Q,
-  actions: ie,
-  reorderable: Z = !1,
-  onReorder: Ge,
-  loading: pe = !1,
-  empty: $t,
-  urlSync: ee = !0,
-  page: Ke,
-  onPageChange: ge,
-  pageSize: je,
-  onPageSizeChange: he,
-  search: te,
-  onSearchChange: ye,
-  sort: ne,
-  onSortChange: _e,
-  filterValues: be,
-  onFiltersChange: Se,
-  stickyHeader: Dt = !1,
-  striped: At = !1,
-  hoverable: Et = !0,
-  className: Ot,
-  ...Wt
-}, Ht) {
-  const k = ue(), Bt = Cn(), U = Y({});
-  U.current = { ...Bt, ...Lt };
-  const se = Y(qe);
-  se.current = qe;
-  const xe = Y(b);
-  xe.current = b;
-  const Xe = Y(null), we = Y(null), [Ve, Qt] = P({ start: !1, end: !1 }), [$] = P(() => {
-    const e = ee && typeof window < "u" ? new URLSearchParams(window.location.search) : null;
-    return e ? {
-      ...gt(e, U.current),
-      filters: b != null && b.length ? wt(b, e, U.current) : {}
-    } : {
-      page: null,
-      size: null,
-      search: "",
-      sort: null,
-      filters: {}
-    };
-  }), [Ye, Ut] = P(() => ({
-    pageIndex: ($.page ?? c) - 1,
-    pageSize: $.size ?? _
-  })), [le, ve] = P($.search || s), [qt, Gt] = P($.search || s), [Je, Kt] = P(() => $.sort ? [{ id: $.sort.key, desc: $.sort.direction === "desc" }] : fe ? [{ id: fe.key, desc: fe.direction === "desc" }] : []), [Ze, jt] = P(() => ({
-    ...Pt,
-    ...$.filters
-  })), N = It, et = Ke !== void 0, tt = je !== void 0, nt = te !== void 0, ke = ne !== void 0, Ne = be !== void 0, Te = {
-    pageIndex: et ? Ke - 1 : Ye.pageIndex,
-    pageSize: tt ? je : Ye.pageSize
-  }, z = nt ? te : qt, D = q(
-    () => ke ? ne ? [{ id: ne.key, desc: ne.direction === "desc" }] : [] : Je,
-    [ke, ne, Je]
-  ), A = q(
-    () => Ne ? be : Ze,
-    [Ne, be, Ze]
-  ), K = (e) => {
-    const i = Te, d = We(e, i);
-    d.pageIndex !== i.pageIndex && (ge == null || ge(d.pageIndex + 1)), d.pageSize !== i.pageSize && (he == null || he(d.pageSize)), Ut((h) => ({
-      pageIndex: et ? h.pageIndex : d.pageIndex,
-      pageSize: tt ? h.pageSize : d.pageSize
-    }));
-  }, Me = () => K((e) => e.pageIndex === 0 ? e : { ...e, pageIndex: 0 }), Re = (e, i = !0) => {
-    nt || Gt(e), ye == null || ye(e), i && Me();
-  }, Fe = (e, i = !0) => {
-    const d = We(e, D);
-    ke || Kt(d), _e == null || _e(d[0] ? { key: d[0].id, direction: d[0].desc ? "desc" : "asc" } : null), i && Me();
-  }, rt = (e, i = !0) => {
-    Ne || jt(e), Se == null || Se(e), i && Me();
-  }, Xt = q(
-    () => b && b.length > 0 && !N ? En(r, b, A) : r,
-    [b, N, r, A]
-  ), Vt = rt, Yt = q(
-    () => n.map((e) => ({
-      id: e.key,
-      accessorFn: (i) => i[e.key],
-      enableSorting: !!e.sortable
-    })),
-    [n]
-  ), Jt = q(() => {
-    const e = S.map((i) => ({ value: String(i), label: String(i) }));
-    return R ? [...e, { value: "all", label: k("common.all") }] : e;
-  }, [S, R]), ze = q(() => {
-    if (!ie) 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, d) => /* @__PURE__ */ a("div", { className: u.rowActions, onClick: (h) => h.stopPropagation(), children: ie(i, d) })
-    };
-    return [...n, e];
-  }, [n, ie]), Ce = q(() => n.filter((e) => e.sortable), [n]), Zt = (e) => Fe((i) => {
-    const d = i[0];
-    return !d || d.id !== e ? [{ id: e, desc: !1 }] : d.desc ? [] : [{ id: e, desc: !0 }];
-  }), Ie = mn({
-    data: Xt,
-    columns: Yt,
-    state: {
-      pagination: Te,
-      globalFilter: z,
-      sorting: D
-    },
-    onPaginationChange: K,
-    onGlobalFilterChange: (e) => Re(We(e, z)),
-    onSortingChange: Fe,
-    globalFilterFn: "includesString",
-    // first click always sorts ascending (A→Z / 0→9), for every column type — the intuitive default
-    sortDescFirst: !1,
-    getCoreRowModel: gn(),
-    getRowId: o,
-    manualPagination: N,
-    manualFiltering: N,
-    manualSorting: N,
-    ...N ? { rowCount: Ue ?? r.length } : {
-      getPaginationRowModel: pn(),
-      getFilteredRowModel: fn(),
-      getSortedRowModel: un()
-    }
-  }), j = Ie.getRowModel().rows, en = hn(
-    pt(yn, { activationConstraint: { distance: 5 } }),
-    pt(_n, { coordinateGetter: xn })
-  ), at = (e, i) => o ? o(e, i) : String(i), tn = (e) => {
-    const { active: i, over: d } = e;
-    if (!d || i.id === d.id || !Ge) return;
-    const h = r.findIndex((v, x) => at(v, x) === i.id), I = r.findIndex((v, x) => at(v, x) === d.id);
-    h < 0 || I < 0 || Ge(kn(r, h, I), { id: String(i.id), from: h, to: I });
-  }, E = N ? Ue ?? r.length : Ie.getFilteredRowModel().rows.length, { pageIndex: T, pageSize: w } = Te, X = Math.max(1, Math.ceil(E / w)), ot = T + 1, nn = E === 0 ? 0 : T * w + 1, rn = N ? Math.min(E, T * w + j.length) : Math.min(E, ot * w);
-  O(() => {
-    te !== void 0 && ve(te);
-  }, [te]), O(() => {
-    if (le === z) return;
-    const e = setTimeout(() => Re(le), l);
-    return () => clearTimeout(e);
-  }, [le, z, l]), O(() => {
-    N && E === 0 || T > 0 && T >= X && K((e) => ({ ...e, pageIndex: X - 1 }));
-  }, [X, T, N, E]);
-  const C = D[0] ? { key: D[0].id, direction: D[0].desc ? "desc" : "asc" } : null, it = () => {
-    const e = T + 1, i = w, d = ht(
-      { page: e, size: i, search: z, sort: C },
-      U.current
-    );
-    return b != null && b.length && xt(b, A, U.current).forEach(
-      (h, I) => d.append(I, h)
-    ), {
-      page: e,
-      size: i,
-      search: z,
-      sort: C,
-      filters: A,
-      params: d,
-      query: kt(d)
-    };
-  };
-  O(() => {
-    var e;
-    (e = se.current) == null || e.call(se, it());
-  }, [T, w, z, D, A]);
-  const st = oe != null, lt = b != null && b.length > 0, ct = dn(
-    (e, i, d, h, I) => {
-      if (typeof window > "u" || !ee) return;
-      const v = U.current, x = xe.current, V = ht({ page: e, size: i, search: d, sort: h }, v);
-      x != null && x.length && xt(x, I, v).forEach((M, L) => V.append(L, M));
-      const re = {
-        pageParam: "page",
-        sizeParam: "size",
-        searchParam: "search",
-        sortParam: "sort",
-        sortOrderParam: "order",
-        ...v
-      }, on = v.rangeMinSuffix ?? "Min", sn = v.rangeMaxSuffix ?? "Max", Le = [re.pageParam, re.sizeParam, re.searchParam, re.sortParam, re.sortOrderParam];
-      for (const M of x ?? []) {
-        const L = M.queryKey ?? M.key;
-        Le.push(L, L + on, L + sn);
-      }
-      const ce = new URLSearchParams(window.location.search);
-      for (const M of [...ce.keys()])
-        (Le.includes(M) || Le.some((L) => M.startsWith(`${L}[`))) && ce.delete(M);
-      V.forEach((M, L) => ce.append(L, M));
-      const ut = kt(ce), ft = `${window.location.pathname}${ut ? `?${ut}` : ""}${window.location.hash}`;
-      ft !== `${window.location.pathname}${window.location.search}${window.location.hash}` && window.history.replaceState(window.history.state, "", ft);
-    },
-    [ee]
-  );
-  O(() => {
-    ct(
-      T + 1,
-      w,
-      z,
-      C,
-      A
-    );
-  }, [
-    T,
-    w,
-    z,
-    D,
-    A,
-    ct
-  ]);
-  const dt = Y(() => {
-  });
-  dt.current = () => {
-    const e = new URLSearchParams(window.location.search), i = U.current, d = gt(e, i);
-    K(() => ({
-      pageIndex: (d.page ?? c) - 1,
-      pageSize: d.size ?? w
-    })), ve(d.search), Re(d.search, !1), Fe(
-      () => d.sort ? [{ id: d.sort.key, desc: d.sort.direction === "desc" }] : [],
-      !1
-    );
-    const h = xe.current;
-    h != null && h.length && rt(wt(h, e, i), !1);
-  }, O(() => {
-    if (typeof window > "u" || !ee) return;
-    const e = () => dt.current();
-    return window.addEventListener("popstate", e), () => window.removeEventListener("popstate", e);
-  }, [ee]), O(() => {
-    typeof process < "u" && process.env.NODE_ENV !== "production" && !o && (Q != null || ie != null || Z) && 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."
-    );
-  }, []), O(() => {
-    const e = Xe.current;
-    if (!e) return;
-    const i = () => {
-      const h = e.scrollWidth > e.clientWidth + 1, I = e.scrollLeft <= 0, v = e.scrollLeft >= e.scrollWidth - e.clientWidth - 1, x = { start: h && !I, end: h && !v };
-      Qt((V) => V.start === x.start && V.end === x.end ? V : x);
-    };
-    i(), e.addEventListener("scroll", i, { passive: !0 });
-    const d = typeof ResizeObserver < "u" ? new ResizeObserver(i) : null;
-    return d == null || d.observe(e), d && we.current && d.observe(we.current), () => {
-      e.removeEventListener("scroll", i), d == null || d.disconnect();
-    };
-  }, []);
-  const an = g != null || m != null || p || lt || Ce.length > 0 || st, mt = (e) => ze.map((i) => /* @__PURE__ */ a(
-    "td",
-    {
-      className: W(
-        u.td,
-        i.pinned === "left" && u.pinnedLeft,
-        i.pinned === "right" && u.pinnedRight,
-        (i.wrap || i.maxWidth != null) && u.wrapCell
-      ),
-      style: {
-        width: i.width ?? (i.pinned ? 1 : me(i)),
-        maxWidth: me(i),
-        textAlign: i.align
-      },
-      children: Ir(
-        i.cell ? i.cell(e.original, e.index) : Cr(e.getValue(i.key))
-      )
-    },
-    i.key
-  ));
-  return /* @__PURE__ */ y("div", { ref: Ht, className: W(u.root, Ot), ...Wt, children: [
-    an && /* @__PURE__ */ y("div", { className: u.toolbar, children: [
-      /* @__PURE__ */ y("div", { className: u.toolbarStart, children: [
-        g != null && /* @__PURE__ */ a(G, { variant: "h4", as: "div", className: u.title, children: g }),
-        p && /* @__PURE__ */ a(
-          Rt,
-          {
-            className: u.search,
-            fullWidth: !1,
-            value: le,
-            onChange: (e) => ve(e.target.value),
-            placeholder: f ?? k("common.search"),
-            adornment: /* @__PURE__ */ a(B, { name: "SearchNormal" }),
-            "aria-label": k("common.search")
-          }
-        )
-      ] }),
-      /* @__PURE__ */ y("div", { className: u.toolbarEnd, children: [
-        m,
-        st && // export menu — a baked "Send On Email" item; the consumer only wires `onExportToEmail`
-        /* @__PURE__ */ y(
-          _t,
-          {
-            placement: "bottom-end",
-            trigger: /* @__PURE__ */ a(He, { variant: "filled", size: "sm", "aria-label": k("table.export"), children: /* @__PURE__ */ a(B, { name: "ExportArrow" }) }),
-            children: [
-              /* @__PURE__ */ a(G, { as: "div", variant: "caption", color: "muted", className: u.menuTitle, children: k("table.export") }),
-              /* @__PURE__ */ a(bt, { clickable: !0, icon: "Sms", onClick: () => oe == null ? void 0 : oe(it()), children: k("table.sendOnEmail") })
-            ]
-          }
-        ),
-        Ce.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__ */ y(
-          _t,
-          {
-            placement: "bottom-end",
-            closeOnSelect: !1,
-            trigger: /* @__PURE__ */ a(Tt, { dot: D.length > 0, color: "primary", children: /* @__PURE__ */ a(He, { variant: "filled", size: "sm", "aria-label": k("table.sort"), children: /* @__PURE__ */ a(B, { name: "Sort" }) }) }),
-            children: [
-              /* @__PURE__ */ a(G, { as: "div", variant: "caption", color: "muted", className: u.menuTitle, children: k("table.sortBy") }),
-              Ce.map((e) => {
-                const i = (C == null ? void 0 : C.key) === e.key;
-                return /* @__PURE__ */ a(
-                  bt,
-                  {
-                    clickable: !0,
-                    selected: i,
-                    trailing: i ? /* @__PURE__ */ a(B, { name: (C == null ? void 0 : C.direction) === "desc" ? "ArrowDown" : "ArrowUp2" }) : void 0,
-                    onClick: () => Zt(e.key),
-                    children: e.header
-                  },
-                  e.key
-                );
-              })
-            ]
-          }
-        ),
-        lt && /* @__PURE__ */ a(
-          Yn,
-          {
-            filters: b,
-            value: A,
-            onChange: Vt
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ a(Er, { enabled: Z, sensors: en, onDragEnd: tn, children: /* @__PURE__ */ y(
-      "div",
-      {
-        ref: Xe,
-        className: u.scroll,
-        "data-pin-start": Ve.start ? "true" : "false",
-        "data-pin-end": Ve.end ? "true" : "false",
-        children: [
-          /* @__PURE__ */ y(
-            "table",
-            {
-              ref: we,
-              className: W(
-                u.table,
-                At && u.striped,
-                Et && u.hoverable,
-                Dt && u.sticky
-              ),
-              children: [
-                /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ y("tr", { children: [
-                  Z && /* @__PURE__ */ a("th", { className: W(u.th, u.dragHandleCell), scope: "col", "aria-hidden": !0 }),
-                  ze.map((e) => {
-                    var d;
-                    const i = e.sortable && ((d = Ie.getColumn(e.key)) == null ? void 0 : d.getIsSorted()) || !1;
-                    return /* @__PURE__ */ a(
-                      "th",
-                      {
-                        scope: "col",
-                        className: W(
-                          u.th,
-                          e.pinned === "left" && u.pinnedLeft,
-                          e.pinned === "right" && u.pinnedRight,
-                          (e.wrap || e.maxWidth != null) && u.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 : me(e)),
-                          maxWidth: me(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 ? Z ? (
-                  // dnd-kit sortable rows — each `SortableRow` renders a leading drag-handle cell + `rowCells`
-                  /* @__PURE__ */ a(
-                    wn,
-                    {
-                      items: j.map((e) => e.id),
-                      strategy: vn,
-                      children: j.map((e) => /* @__PURE__ */ a(
-                        Ar,
-                        {
-                          id: e.id,
-                          clickable: !!Q,
-                          onClick: Q ? () => Q(e.original, e.index) : void 0,
-                          cells: mt(e)
-                        },
-                        e.id
-                      ))
-                    }
-                  )
-                ) : j.map((e) => /* @__PURE__ */ a(
-                  "tr",
-                  {
-                    className: W(u.tr, Q && u.clickable),
-                    onClick: Q ? () => Q(e.original, e.index) : void 0,
-                    children: mt(e)
-                  },
-                  e.id
-                )) : (
-                  // no rows → a centered placeholder cell: the loader while fetching (mirrors the empty
-                  // state's presence), otherwise the empty state
-                  /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a(
-                    "td",
-                    {
-                      colSpan: Math.max(1, ze.length + (Z ? 1 : 0)),
-                      className: u.stateCell,
-                      children: pe ? /* @__PURE__ */ y("div", { className: u.loadingState, children: [
-                        /* @__PURE__ */ a(St, { size: "lg" }),
-                        /* @__PURE__ */ a(G, { variant: "bodySmall", color: "muted", as: "span", children: "Loading…" })
-                      ] }) : $t ?? /* @__PURE__ */ a(In, {})
-                    }
-                  ) })
-                ) })
-              ]
-            }
-          ),
-          pe && j.length > 0 && /* @__PURE__ */ a("div", { className: u.loadingOverlay, children: /* @__PURE__ */ a(St, { size: "lg" }) })
-        ]
-      }
-    ) }),
-    E > 0 && (F || X > 1) && /* @__PURE__ */ y("div", { className: u.footer, children: [
-      /* @__PURE__ */ a(G, { variant: "bodySmall", color: "muted", as: "span", className: u.rangeText, children: k("table.range", { from: nn, to: rn, total: E }) }),
-      /* @__PURE__ */ y("div", { className: u.footerMain, children: [
-        F && /* @__PURE__ */ y("div", { className: u.pageSize, children: [
-          /* @__PURE__ */ a(G, { variant: "bodySmall", color: "muted", as: "span", children: k("table.rowsPerPage") }),
-          /* @__PURE__ */ a(
-            Mt,
-            {
-              className: u.pageSizeSelect,
-              fullWidth: !1,
-              clearable: !1,
-              showSelectedTick: !1,
-              value: w >= vt ? "all" : String(w),
-              onChange: (e) => K(() => ({
-                pageIndex: 0,
-                pageSize: e === "all" ? vt : Number(e)
-              })),
-              options: Jt
-            }
-          )
-        ] }),
-        X > 1 && /* @__PURE__ */ a(
-          Ln,
-          {
-            count: X,
-            page: ot,
-            onChange: (e) => K((i) => ({ ...i, pageIndex: e - 1 })),
-            showFirstButton: zt,
-            showLastButton: Ct,
-            disabled: pe
-          }
-        )
-      ] })
-    ] })
-  ] });
-});
-export {
-  pa as T
-};
-//# sourceMappingURL=Table-DdoUcZoN.js.map