@techzyapp/ui-library 1.0.0

package/dist/Table-BjPLvMbf.js

@@ -0,0 +1,1090 @@
+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 V, useMemo as U, useEffect as E, useCallback as dn } from "react";
+import { clsx as O } from "clsx";
+import { useReactTable as mn, getSortedRowModel as un, getFilteredRowModel as fn, getPaginationRowModel as gn, getCoreRowModel as pn } from "@tanstack/react-table";
+import { useSensors as hn, useSensor as gt, 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 pt, b as ht } from "./table-DF3zTrC3.js";
+import { B as Tt } from "./Badge-DSWigoGC.js";
+import { B as yt } from "./Button-DhEv0YFk.js";
+import { D as Le } from "./DatePicker-WM9TC6L_.js";
+import { D as $e } from "./DateTimePicker-DBtcWK0F.js";
+import { I as H } from "./Icon-CophpkHo.js";
+import { I as He } from "./IconButton-CBusrDa9.js";
+import { M as Mn } from "./Modal-BuaPDlKV.js";
+import { M as Rn } from "./MultiSelect-BGRT_B60.js";
+import { N as De } from "./NumberField-DBvhSQCw.js";
+import { a as Fn } from "./RadioGroup-DbodUJW8.js";
+import { S as Mt } from "./Select-PbTyxB1Q.js";
+import { S as zn } from "./Slider-oGXd5e9X.js";
+import { T as Rt } from "./TextField-DMI1X09n.js";
+import { T as Ae } from "./TimePicker-3JgvK2on.js";
+import { T as q } from "./Typography-Cta6Rg4L.js";
+import { a as ue, k as Cn } from "./ConfigProvider-2c94kUOk.js";
+import { D as _t } from "./Dropdown-DKAXue5_.js";
+import { E as Pn } from "./EmptyState-CetM49vk.js";
+import { L as bt } from "./ListItem-B4yqZR-Z.js";
+import { L as St } from "./Loader-C4JoXOyA.js";
+import { P as In } from "./Pagination-CN9V8M5C.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 Ln(t, n) {
+  return t.reduce((r, o) => Be(o.type, n[o.key]) ? r + 1 : r, 0);
+}
+const Y = (t) => String(t).padStart(2, "0"), Ft = (t) => `${t.getFullYear()}-${Y(t.getMonth() + 1)}-${Y(t.getDate())}`, $n = (t) => `${Ft(t)}T${Y(t.getHours())}:${Y(t.getMinutes())}`, Dn = (t) => `${Y(t.getHours())}:${Y(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 [p, m] = r, g = Number(n);
+      return (p == null || g >= p) && (m == null || g <= 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 p = t === "dateRange" ? Ee : Oe, [m, g] = r, f = p(o);
+      return (!m || f >= p(m)) && (!g || f <= p(g));
+    }
+    case "timeRange": {
+      const [p, m] = r, g = ae(o);
+      return (!p || g >= ae(p)) && (!m || g <= ae(m));
+    }
+    default:
+      return !0;
+  }
+}
+function En(t, n, r) {
+  const o = n.filter((p) => Be(p.type, r[p.key]));
+  return o.length === 0 ? t : t.filter(
+    (p) => o.every((m) => An(m.type, p[m.key], r[m.key]))
+  );
+}
+function xt(t, n, r = {}) {
+  const o = new URLSearchParams(), p = r.rangeMinSuffix ?? "Min", m = r.rangeMaxSuffix ?? "Max", g = 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;
+        g === "csv" ? o.set(l, c.join(",")) : g === "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 + p, String(c)), _ != null && o.set(l + m, String(_));
+        break;
+      }
+      case "dateRange":
+      case "timeRange":
+      case "dateTimeRange": {
+        const [c, _] = s;
+        c && o.set(l + p, c), _ && o.set(l + m, _);
+        break;
+      }
+      default:
+        o.set(l, String(s));
+    }
+  }
+  return o;
+}
+function wt(t, n, r = {}) {
+  const o = r.rangeMinSuffix ?? "Min", p = r.rangeMaxSuffix ?? "Max", m = r.multiSelectFormat ?? "repeat", g = {};
+  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 && (g[f.key] = l);
+        break;
+      }
+      case "numberRange":
+      case "numberRangeSlider": {
+        const l = n.get(s + o), c = n.get(s + p);
+        (l != null || c != null) && (g[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 + p);
+        (l != null || c != null) && (g[f.key] = [l ?? "", c ?? ""]);
+        break;
+      }
+      case "number": {
+        const l = n.get(s);
+        if (l != null) {
+          const c = Number(l);
+          Number.isNaN(c) || (g[f.key] = c);
+        }
+        break;
+      }
+      case "boolean": {
+        const l = n.get(s);
+        l === "true" ? g[f.key] = !0 : l === "false" && (g[f.key] = !1);
+        break;
+      }
+      default: {
+        const l = n.get(s);
+        l && (g[f.key] = l);
+      }
+    }
+  }
+  return g;
+}
+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", W = {
+  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: W.field, children: [
+    /* @__PURE__ */ a(q, { variant: "bodySmall", className: W.rangeLabel, children: t }),
+    o ? /* @__PURE__ */ y("div", { className: W.stack, children: [
+      n,
+      r
+    ] }) : /* @__PURE__ */ y("div", { className: W.row, children: [
+      n,
+      /* @__PURE__ */ a("span", { className: W.rangeSep, "aria-hidden": !0, children: "–" }),
+      r
+    ] })
+  ] });
+}
+function Vn({
+  filter: t,
+  value: n,
+  onChange: r
+}) {
+  const o = ue(), { type: p, label: m, options: g = [], placeholder: f } = t;
+  switch (p) {
+    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 [M, I] = S;
+            return `${M} – ${I}`;
+          },
+          onChange: (S) => {
+            const [M, I] = S;
+            r([M <= s ? null : M, I >= l ? null : I]);
+          }
+        }
+      );
+    }
+    case "select":
+      return /* @__PURE__ */ a(
+        Mt,
+        {
+          label: m,
+          placeholder: f,
+          options: g,
+          value: n ?? "",
+          onChange: (s) => r(s)
+        }
+      );
+    case "multiSelect":
+      return /* @__PURE__ */ a(
+        Rn,
+        {
+          label: m,
+          placeholder: f,
+          options: g,
+          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(
+        Le,
+        {
+          label: m,
+          value: n ?? "",
+          onChange: (s) => r(s ?? "")
+        }
+      );
+    case "dateRange": {
+      const [s, l] = n ?? ["", ""];
+      return /* @__PURE__ */ a(
+        de,
+        {
+          label: m,
+          from: /* @__PURE__ */ a(
+            Le,
+            {
+              placeholder: o("common.from"),
+              value: s,
+              onChange: (c) => r([c ?? "", l])
+            }
+          ),
+          to: /* @__PURE__ */ a(
+            Le,
+            {
+              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(), [p, m] = P(!1), [g, f] = P(n), s = Ln(t, n), l = ln(), c = () => {
+    f(n), m(!0);
+  }, _ = () => {
+    r(g), 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(H, { name: "Filter" }) }) }),
+    /* @__PURE__ */ a(
+      Mn,
+      {
+        open: p,
+        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: W.footer, children: /* @__PURE__ */ y("div", { className: W.footerEnd, children: [
+            /* @__PURE__ */ a(yt, { variant: "text", startIcon: /* @__PURE__ */ a(H, { name: "Trash" }), onClick: () => f({}), children: o("common.clear") }),
+            /* @__PURE__ */ a(yt, { type: "submit", form: l, startIcon: /* @__PURE__ */ a(H, { name: "Filter" }), children: o("common.apply") })
+          ] }) })
+        ),
+        children: /* @__PURE__ */ a(
+          "form",
+          {
+            id: l,
+            className: W.fields,
+            onSubmit: (S) => {
+              S.preventDefault(), _();
+            },
+            children: t.map((S) => /* @__PURE__ */ a(
+              Vn,
+              {
+                filter: S,
+                value: g[S.key],
+                onChange: (M) => f((I) => ({ ...I, [S.key]: M }))
+              },
+              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", gr = "_empty_1fyye_111", pr = "_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: gr,
+  menuTitle: pr,
+  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 Pr(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 Ir(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 Lr = ({ transform: t }) => ({ ...t, x: 0 }), $r = ({ containerNodeRect: t, draggingNodeRect: n, transform: r }) => n && t ? Ir(r, n, t) : r, Dr = [Lr, $r];
+function Ar({
+  id: t,
+  cells: n,
+  clickable: r,
+  onClick: o
+}) {
+  const p = ue(), { setNodeRef: m, transform: g, transition: f, isDragging: s, attributes: l, listeners: c } = Nn({
+    id: t
+  });
+  return /* @__PURE__ */ y(
+    "tr",
+    {
+      ref: m,
+      className: O(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(g),
+        transition: f,
+        position: s ? "relative" : void 0,
+        zIndex: s ? 1 : void 0
+      },
+      onClick: o,
+      children: [
+        /* @__PURE__ */ a("td", { className: O(u.td, u.dragHandleCell), children: /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: u.dragHandle,
+            "aria-label": p("table.dragHandle"),
+            ...l,
+            ...c,
+            onClick: (_) => _.stopPropagation(),
+            children: /* @__PURE__ */ a(H, { 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 ga = cn(function({
+  columns: n,
+  data: r,
+  getRowId: o,
+  title: p,
+  toolbar: m,
+  searchable: g = !1,
+  searchPlaceholder: f,
+  defaultSearch: s = "",
+  debounceMs: l = 300,
+  defaultPage: c = 1,
+  defaultPageSize: _ = 10,
+  pageSizeOptions: S = [10, 20, 50, 100, 200],
+  allowAllRows: M = !0,
+  showPageSize: I = !0,
+  showFirstButton: zt = !1,
+  showLastButton: Ct = !1,
+  manualPagination: Pt = !1,
+  rowCount: Ue,
+  defaultSort: fe = null,
+  onChange: qe,
+  queryMapping: It,
+  onExportToEmail: oe,
+  filters: b,
+  defaultFilters: Lt,
+  onRowClick: B,
+  actions: ie,
+  reorderable: J = !1,
+  onReorder: Ge,
+  loading: ge = !1,
+  empty: $t,
+  urlSync: Z = !0,
+  page: Ke,
+  onPageChange: pe,
+  pageSize: je,
+  onPageSizeChange: he,
+  search: ee,
+  onSearchChange: ye,
+  sort: te,
+  onSortChange: _e,
+  filterValues: be,
+  onFiltersChange: Se,
+  stickyHeader: Dt = !1,
+  striped: At = !1,
+  hoverable: Et = !0,
+  className: Ot,
+  ...Wt
+}, Ht) {
+  const k = ue(), Bt = Cn(), Q = V({});
+  Q.current = { ...Bt, ...It };
+  const se = V(qe);
+  se.current = qe;
+  const xe = V(b);
+  xe.current = b;
+  const Xe = V(null), we = V(null), [Ve, Qt] = P({ start: !1, end: !1 }), [L] = P(() => {
+    const e = Z && typeof window < "u" ? new URLSearchParams(window.location.search) : null;
+    return e ? {
+      ...pt(e, Q.current),
+      filters: b != null && b.length ? wt(b, e, Q.current) : {}
+    } : {
+      page: null,
+      size: null,
+      search: "",
+      sort: null,
+      filters: {}
+    };
+  }), [Ye, Ut] = P(() => ({
+    pageIndex: (L.page ?? c) - 1,
+    pageSize: L.size ?? _
+  })), [le, ve] = P(L.search || s), [qt, Gt] = P(L.search || s), [Je, Kt] = P(() => L.sort ? [{ id: L.sort.key, desc: L.sort.direction === "desc" }] : fe ? [{ id: fe.key, desc: fe.direction === "desc" }] : []), [Ze, jt] = P(() => ({
+    ...Lt,
+    ...L.filters
+  })), $ = Pt, et = Ke !== void 0, tt = je !== void 0, nt = ee !== void 0, ke = te !== void 0, Ne = be !== void 0, Te = {
+    pageIndex: et ? Ke - 1 : Ye.pageIndex,
+    pageSize: tt ? je : Ye.pageSize
+  }, R = nt ? ee : qt, D = U(
+    () => ke ? te ? [{ id: te.key, desc: te.direction === "desc" }] : [] : Je,
+    [ke, te, Je]
+  ), A = U(
+    () => Ne ? be : Ze,
+    [Ne, be, Ze]
+  ), G = (e) => {
+    const i = Te, d = We(e, i);
+    d.pageIndex !== i.pageIndex && (pe == null || pe(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 = () => G((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 = U(
+    () => b && b.length > 0 && !$ ? En(r, b, A) : r,
+    [b, $, r, A]
+  ), Vt = rt, Yt = U(
+    () => n.map((e) => ({
+      id: e.key,
+      accessorFn: (i) => i[e.key],
+      enableSorting: !!e.sortable
+    })),
+    [n]
+  ), Jt = U(() => {
+    const e = S.map((i) => ({ value: String(i), label: String(i) }));
+    return M ? [...e, { value: "all", label: k("common.all") }] : e;
+  }, [S, M]), ze = U(() => {
+    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 = U(() => 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 }];
+  }), Pe = mn({
+    data: Xt,
+    columns: Yt,
+    state: {
+      pagination: Te,
+      globalFilter: R,
+      sorting: D
+    },
+    onPaginationChange: G,
+    onGlobalFilterChange: (e) => Re(We(e, R)),
+    onSortingChange: Fe,
+    globalFilterFn: "includesString",
+    // first click always sorts ascending (A→Z / 0→9), for every column type — the intuitive default
+    sortDescFirst: !1,
+    getCoreRowModel: pn(),
+    getRowId: o,
+    manualPagination: $,
+    manualFiltering: $,
+    manualSorting: $,
+    ...$ ? { rowCount: Ue ?? r.length } : {
+      getPaginationRowModel: gn(),
+      getFilteredRowModel: fn(),
+      getSortedRowModel: un()
+    }
+  }), K = Pe.getRowModel().rows, en = hn(
+    gt(yn, { activationConstraint: { distance: 5 } }),
+    gt(_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), z = r.findIndex((v, x) => at(v, x) === d.id);
+    h < 0 || z < 0 || Ge(kn(r, h, z), { id: String(i.id), from: h, to: z });
+  }, j = $ ? Ue ?? r.length : Pe.getFilteredRowModel().rows.length, { pageIndex: N, pageSize: w } = Te, ne = Math.max(1, Math.ceil(j / w)), ot = N + 1, nn = j === 0 ? 0 : N * w + 1, rn = $ ? Math.min(j, N * w + K.length) : Math.min(j, ot * w);
+  E(() => {
+    ee !== void 0 && ve(ee);
+  }, [ee]), E(() => {
+    if (le === R) return;
+    const e = setTimeout(() => Re(le), l);
+    return () => clearTimeout(e);
+  }, [le, R, l]), E(() => {
+    N > 0 && N >= ne && G((e) => ({ ...e, pageIndex: ne - 1 }));
+  }, [ne, N]);
+  const F = D[0] ? { key: D[0].id, direction: D[0].desc ? "desc" : "asc" } : null, it = () => {
+    const e = N + 1, i = w, d = ht(
+      { page: e, size: i, search: R, sort: F },
+      Q.current
+    );
+    return b != null && b.length && xt(b, A, Q.current).forEach(
+      (h, z) => d.append(z, h)
+    ), {
+      page: e,
+      size: i,
+      search: R,
+      sort: F,
+      filters: A,
+      params: d,
+      query: kt(d)
+    };
+  };
+  E(() => {
+    var e;
+    (e = se.current) == null || e.call(se, it());
+  }, [N, w, R, D, A]);
+  const st = oe != null, lt = b != null && b.length > 0, ct = dn(
+    (e, i, d, h, z) => {
+      if (typeof window > "u" || !Z) return;
+      const v = Q.current, x = xe.current, X = ht({ page: e, size: i, search: d, sort: h }, v);
+      x != null && x.length && xt(x, z, v).forEach((T, C) => X.append(C, T));
+      const re = {
+        pageParam: "page",
+        sizeParam: "size",
+        searchParam: "search",
+        sortParam: "sort",
+        sortOrderParam: "order",
+        ...v
+      }, on = v.rangeMinSuffix ?? "Min", sn = v.rangeMaxSuffix ?? "Max", Ie = [re.pageParam, re.sizeParam, re.searchParam, re.sortParam, re.sortOrderParam];
+      for (const T of x ?? []) {
+        const C = T.queryKey ?? T.key;
+        Ie.push(C, C + on, C + sn);
+      }
+      const ce = new URLSearchParams(window.location.search);
+      for (const T of [...ce.keys()])
+        (Ie.includes(T) || Ie.some((C) => T.startsWith(`${C}[`))) && ce.delete(T);
+      X.forEach((T, C) => ce.append(C, T));
+      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);
+    },
+    [Z]
+  );
+  E(() => {
+    ct(
+      N + 1,
+      w,
+      R,
+      F,
+      A
+    );
+  }, [
+    N,
+    w,
+    R,
+    D,
+    A,
+    ct
+  ]);
+  const dt = V(() => {
+  });
+  dt.current = () => {
+    const e = new URLSearchParams(window.location.search), i = Q.current, d = pt(e, i);
+    G(() => ({
+      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);
+  }, E(() => {
+    if (typeof window > "u" || !Z) return;
+    const e = () => dt.current();
+    return window.addEventListener("popstate", e), () => window.removeEventListener("popstate", e);
+  }, [Z]), E(() => {
+    typeof process < "u" && process.env.NODE_ENV !== "production" && !o && (B != null || ie != null || J) && 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."
+    );
+  }, []), E(() => {
+    const e = Xe.current;
+    if (!e) return;
+    const i = () => {
+      const h = e.scrollWidth > e.clientWidth + 1, z = e.scrollLeft <= 0, v = e.scrollLeft >= e.scrollWidth - e.clientWidth - 1, x = { start: h && !z, end: h && !v };
+      Qt((X) => X.start === x.start && X.end === x.end ? X : 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 = p != null || m != null || g || lt || Ce.length > 0 || st, mt = (e) => ze.map((i) => /* @__PURE__ */ a(
+    "td",
+    {
+      className: O(
+        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: Pr(
+        i.cell ? i.cell(e.original, e.index) : Cr(e.getValue(i.key))
+      )
+    },
+    i.key
+  ));
+  return /* @__PURE__ */ y("div", { ref: Ht, className: O(u.root, Ot), ...Wt, children: [
+    an && /* @__PURE__ */ y("div", { className: u.toolbar, children: [
+      /* @__PURE__ */ y("div", { className: u.toolbarStart, children: [
+        p != null && /* @__PURE__ */ a(q, { variant: "h4", as: "div", className: u.title, children: p }),
+        g && /* @__PURE__ */ a(
+          Rt,
+          {
+            className: u.search,
+            fullWidth: !1,
+            value: le,
+            onChange: (e) => ve(e.target.value),
+            placeholder: f ?? k("common.search"),
+            adornment: /* @__PURE__ */ a(H, { 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(H, { name: "ExportArrow" }) }),
+            children: [
+              /* @__PURE__ */ a(q, { 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(H, { name: "Sort" }) }) }),
+            children: [
+              /* @__PURE__ */ a(q, { as: "div", variant: "caption", color: "muted", className: u.menuTitle, children: k("table.sortBy") }),
+              Ce.map((e) => {
+                const i = (F == null ? void 0 : F.key) === e.key;
+                return /* @__PURE__ */ a(
+                  bt,
+                  {
+                    clickable: !0,
+                    selected: i,
+                    trailing: i ? /* @__PURE__ */ a(H, { name: (F == null ? void 0 : F.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: J, 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: O(
+                u.table,
+                At && u.striped,
+                Et && u.hoverable,
+                Dt && u.sticky
+              ),
+              children: [
+                /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ y("tr", { children: [
+                  J && /* @__PURE__ */ a("th", { className: O(u.th, u.dragHandleCell), scope: "col", "aria-hidden": !0 }),
+                  ze.map((e) => {
+                    var d;
+                    const i = e.sortable && ((d = Pe.getColumn(e.key)) == null ? void 0 : d.getIsSorted()) || !1;
+                    return /* @__PURE__ */ a(
+                      "th",
+                      {
+                        scope: "col",
+                        className: O(
+                          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: K.length > 0 ? J ? (
+                  // dnd-kit sortable rows — each `SortableRow` renders a leading drag-handle cell + `rowCells`
+                  /* @__PURE__ */ a(
+                    wn,
+                    {
+                      items: K.map((e) => e.id),
+                      strategy: vn,
+                      children: K.map((e) => /* @__PURE__ */ a(
+                        Ar,
+                        {
+                          id: e.id,
+                          clickable: !!B,
+                          onClick: B ? () => B(e.original, e.index) : void 0,
+                          cells: mt(e)
+                        },
+                        e.id
+                      ))
+                    }
+                  )
+                ) : K.map((e) => /* @__PURE__ */ a(
+                  "tr",
+                  {
+                    className: O(u.tr, B && u.clickable),
+                    onClick: B ? () => B(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 + (J ? 1 : 0)),
+                      className: u.stateCell,
+                      children: ge ? /* @__PURE__ */ y("div", { className: u.loadingState, children: [
+                        /* @__PURE__ */ a(St, { size: "lg" }),
+                        /* @__PURE__ */ a(q, { variant: "bodySmall", color: "muted", as: "span", children: "Loading…" })
+                      ] }) : $t ?? /* @__PURE__ */ a(Pn, {})
+                    }
+                  ) })
+                ) })
+              ]
+            }
+          ),
+          ge && K.length > 0 && /* @__PURE__ */ a("div", { className: u.loadingOverlay, children: /* @__PURE__ */ a(St, { size: "lg" }) })
+        ]
+      }
+    ) }),
+    j > 0 && /* @__PURE__ */ y("div", { className: u.footer, children: [
+      /* @__PURE__ */ a(q, { variant: "bodySmall", color: "muted", as: "span", className: u.rangeText, children: k("table.range", { from: nn, to: rn, total: j }) }),
+      /* @__PURE__ */ y("div", { className: u.footerMain, children: [
+        I && /* @__PURE__ */ y("div", { className: u.pageSize, children: [
+          /* @__PURE__ */ a(q, { 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) => G(() => ({
+                pageIndex: 0,
+                pageSize: e === "all" ? vt : Number(e)
+              })),
+              options: Jt
+            }
+          )
+        ] }),
+        ne > 1 && /* @__PURE__ */ a(
+          In,
+          {
+            count: ne,
+            page: ot,
+            onChange: (e) => G((i) => ({ ...i, pageIndex: e - 1 })),
+            showFirstButton: zt,
+            showLastButton: Ct,
+            disabled: ge
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+export {
+  ga as T
+};
+//# sourceMappingURL=Table-BjPLvMbf.js.map