@alfadocs/ui-kit-debug 1.20.0 → 1.22.0

package/dist/_chunks/{data-table-D7nA8OGL.js → data-table-DB5BiVQ0.js}

@@ -138,10 +138,10 @@ const Xe = $(
 Xe.displayName = "DataTable.Toolbar.Actions";
 const Ee = $(
   ({ label: e, onExport: t, intent: n = "outline", ...a }, i) => {
-    const { t: d } = A(), { getApi: m } = V("DataTable.Toolbar.ExportCsv"), g = D(() => {
-      const p = m();
+    const { t: d } = A(), { getApi: g } = V("DataTable.Toolbar.ExportCsv"), h = D(() => {
+      const p = g();
       p && (t ? t(p) : p.exportDataAsCsv());
-    }, [m, t]);
+    }, [g, t]);
     return /* @__PURE__ */ s(
       oe,
       {
@@ -150,7 +150,7 @@ const Ee = $(
         intent: n,
         icon: /* @__PURE__ */ s(ye, { "aria-hidden": !0 }),
         tooltip: e ?? d("dataTable.exportCsv"),
-        onClick: g,
+        onClick: h,
         ...a
       }
     );
@@ -171,9 +171,9 @@ async function Qe(e, t) {
   const [{ jsPDF: n }, { default: a }] = await Promise.all([
     import("./jspdf.es.min-DaapWjR1.js").then((C) => C.j),
     import("./jspdf.plugin.autotable-CSiDNyPn.js")
-  ]), d = (e.getColumns() ?? []).filter((C) => C.isVisible()), m = [
+  ]), d = (e.getColumns() ?? []).filter((C) => C.isVisible()), g = [
     d.map((C) => e.getDisplayNameForColumn(C, null) ?? "")
-  ], g = [];
+  ], h = [];
   e.forEachNodeAfterFilterAndSort((C) => {
     if (!C.data) return;
     const c = d.map((f) => {
@@ -184,13 +184,13 @@ async function Qe(e, t) {
       });
       return w == null ? "" : String(w);
     });
-    g.push(c);
+    h.push(c);
   });
-  const p = ae("--muted", [240, 240, 240]), h = ae("--foreground", [30, 30, 30]), u = ae("--card-foreground", [30, 30, 30]), b = ae("--card", [250, 250, 250]), S = new n({ orientation: "landscape" });
+  const p = ae("--muted", [240, 240, 240]), m = ae("--foreground", [30, 30, 30]), u = ae("--card-foreground", [30, 30, 30]), b = ae("--card", [250, 250, 250]), S = new n({ orientation: "landscape" });
   a(S, {
-    head: m,
-    body: g,
-    headStyles: { fillColor: p, textColor: h },
+    head: g,
+    body: h,
+    headStyles: { fillColor: p, textColor: m },
     bodyStyles: { textColor: u },
     alternateRowStyles: { fillColor: b },
     styles: {
@@ -202,16 +202,16 @@ async function Qe(e, t) {
 }
 const De = $(
   ({ label: e, onClick: t, fileName: n, intent: a = "outline", ...i }, d) => {
-    const { t: m } = A(), { getApi: g } = V("DataTable.Toolbar.ExportPdf"), p = D(() => {
-      const h = g();
+    const { t: g } = A(), { getApi: h } = V("DataTable.Toolbar.ExportPdf"), p = D(() => {
+      const m = h();
       if (t) {
-        t(h);
+        t(m);
         return;
       }
-      Qe(h, {
+      Qe(m, {
         fileName: n ?? "data-table-export.pdf"
       });
-    }, [g, t, n]);
+    }, [h, t, n]);
     return /* @__PURE__ */ s(
       oe,
       {
@@ -219,7 +219,7 @@ const De = $(
         type: "button",
         intent: a,
         icon: /* @__PURE__ */ s(Ke, { "aria-hidden": !0 }),
-        tooltip: e ?? m("dataTable.exportPdf"),
+        tooltip: e ?? g("dataTable.exportPdf"),
         onClick: p,
         ...i
       }
@@ -246,12 +246,12 @@ const Ne = $(
 );
 Ne.displayName = "DataTable.Toolbar.Print";
 const Je = ({ placeholder: e, debounceMs: t = 150 }) => {
-  const { t: n } = A(), { getApi: a } = V("DataTable.Toolbar.QuickSearch"), [i, d] = G(""), m = B(void 0);
-  return K(() => (m.current && window.clearTimeout(m.current), m.current = window.setTimeout(() => {
-    const g = a();
-    g && g.setGridOption("quickFilterText", i);
+  const { t: n } = A(), { getApi: a } = V("DataTable.Toolbar.QuickSearch"), [i, d] = G(""), g = B(void 0);
+  return K(() => (g.current && window.clearTimeout(g.current), g.current = window.setTimeout(() => {
+    const h = a();
+    h && h.setGridOption("quickFilterText", i);
   }, t), () => {
-    m.current && window.clearTimeout(m.current);
+    g.current && window.clearTimeout(g.current);
   }), [i, t, a]), // Slot wrapper caps the search at a sensible legible width on desktop —
   // without this, TextInput's `w-full` lets the QuickSearch absorb the
   // entire FilterBar row and push trailing Actions onto a second line at
@@ -265,7 +265,7 @@ const Je = ({ placeholder: e, debounceMs: t = 150 }) => {
       type: "search",
       size: "sm",
       value: i,
-      onChange: (g) => d(g.target.value),
+      onChange: (h) => d(h.target.value),
       placeholder: e ?? n("dataTable.quickSearch.placeholder", "Search…"),
       startAdornment: /* @__PURE__ */ s(Ie, { "aria-hidden": !0, className: "ds:size-4" }),
       clearable: !0,
@@ -303,7 +303,7 @@ function or(e, t) {
   return typeof n.dateFrom == "string" ? typeof n.dateTo == "string" && n.dateTo ? `${n.dateFrom} – ${n.dateTo}` : String(n.dateFrom) : Array.isArray(n.values) ? n.values.map(String).join(", ") : "";
 }
 const Ze = () => {
-  const { t: e } = A(), { getApi: t } = V("DataTable.Toolbar.FilterChips"), [n, a] = G([]), [i, d] = G(""), m = D(() => {
+  const { t: e } = A(), { getApi: t } = V("DataTable.Toolbar.FilterChips"), [n, a] = G([]), [i, d] = G(""), g = D(() => {
     const u = t();
     if (!u) {
       a([]), d("");
@@ -324,8 +324,8 @@ const Ze = () => {
   }, [t, e]);
   if (K(() => {
     let u;
-    const b = (c) => m(), S = (c) => {
-      c.addEventListener("filterChanged", b), m(), u = () => c.removeEventListener("filterChanged", b);
+    const b = (c) => g(), S = (c) => {
+      c.addEventListener("filterChanged", b), g(), u = () => c.removeEventListener("filterChanged", b);
     }, C = t();
     if (C)
       S(C);
@@ -337,12 +337,12 @@ const Ze = () => {
       u = () => window.clearInterval(c);
     }
     return () => u == null ? void 0 : u();
-  }, [t, m]), n.length + (i ? 1 : 0) === 0) return null;
+  }, [t, g]), n.length + (i ? 1 : 0) === 0) return null;
   function p(u) {
     const b = t();
-    b && b.destroyFilter(u);
+    b && (b.setColumnFilterModel(u, null), b.onFilterChanged());
   }
-  function h() {
+  function m() {
     const u = t();
     u && (u.setFilterModel(null), u.setGridOption("quickFilterText", ""), d(""));
   }
@@ -358,7 +358,8 @@ const Ze = () => {
           {
             label: `${e("dataTable.quickSearch.label", "Quick search")}: ${i}`,
             size: "sm",
-            fill: "outline",
+            variant: "brand",
+            fill: "solid",
             onRemove: () => {
               const u = t();
               u == null || u.setGridOption("quickFilterText", ""), d("");
@@ -370,7 +371,8 @@ const Ze = () => {
           {
             label: u.text ? `${u.headerName}: ${u.text}` : u.headerName,
             size: "sm",
-            fill: "outline",
+            variant: "brand",
+            fill: "solid",
             onRemove: () => p(u.colId)
           },
           u.colId
@@ -381,7 +383,7 @@ const Ze = () => {
             type: "button",
             intent: "ghost",
             size: "sm",
-            onClick: h,
+            onClick: m,
             startIcon: /* @__PURE__ */ s($e, { "aria-hidden": !0, className: "ds:size-4" }),
             children: e("dataTable.filterChips.clearAll", "Clear all")
           }
@@ -396,19 +398,19 @@ const Ye = ({
   options: t,
   label: n
 }) => {
-  const { t: a } = A(), { getApi: i } = V("DataTable.Toolbar.FacetFilter"), [d, m] = G(null);
-  function g(p) {
-    m(p);
-    const h = i();
-    if (h) {
+  const { t: a } = A(), { getApi: i } = V("DataTable.Toolbar.FacetFilter"), [d, g] = G(null);
+  function h(p) {
+    g(p);
+    const m = i();
+    if (m) {
       if (p === null) {
-        h.destroyFilter(e);
+        m.setColumnFilterModel(e, null), m.onFilterChanged();
         return;
       }
-      h.setColumnFilterModel(e, {
+      m.setColumnFilterModel(e, {
         type: "equals",
         filter: p
-      }), h.onFilterChanged();
+      }), m.onFilterChanged();
     }
   }
   return /* @__PURE__ */ s(
@@ -418,15 +420,15 @@ const Ye = ({
       "aria-label": n ?? a("dataTable.facetFilter.label", "Filter"),
       className: "ds:flex ds:items-center ds:gap-[var(--spacing-xs)]",
       children: t.map((p) => {
-        const h = d === p.value;
+        const m = d === p.value;
         return /* @__PURE__ */ s(
           de,
           {
             type: "button",
             size: "sm",
-            intent: h ? "primary" : "secondary",
-            "aria-pressed": h,
-            onClick: () => g(p.value),
+            intent: m ? "primary" : "secondary",
+            "aria-pressed": m,
+            onClick: () => h(p.value),
             children: p.label
           },
           String(p.value)
@@ -439,14 +441,14 @@ Ye.displayName = "DataTable.Toolbar.FacetFilter";
 const ir = ["csv", "xlsx", "pdf"];
 async function sr(e, t) {
   if (!e) return;
-  const n = await import("./exceljs.min-D2MHbJsF.js").then((f) => f.e), a = new n.Workbook(), i = a.addWorksheet("Sheet1"), m = (e.getColumns() ?? []).filter((f) => f.isVisible());
+  const n = await import("./exceljs.min-D2MHbJsF.js").then((f) => f.e), a = new n.Workbook(), i = a.addWorksheet("Sheet1"), g = (e.getColumns() ?? []).filter((f) => f.isVisible());
   i.addRow(
-    m.map(
+    g.map(
       (f) => e.getDisplayNameForColumn(f, null) ?? f.getColId()
     )
   ), e.forEachNodeAfterFilterAndSort((f) => {
     f.data && i.addRow(
-      m.map((w) => {
+      g.map((w) => {
         const T = e.getCellValue({
           rowNode: f,
           colKey: w,
@@ -456,12 +458,12 @@ async function sr(e, t) {
       })
     );
   });
-  const g = ae("--muted", [240, 240, 240]), p = ae("--foreground", [30, 30, 30]), h = i.getRow(1), u = ([f, w, T]) => `${f.toString(16).padStart(2, "0")}${w.toString(16).padStart(2, "0")}${T.toString(16).padStart(2, "0")}`.toUpperCase();
-  h.eachCell((f) => {
+  const h = ae("--muted", [240, 240, 240]), p = ae("--foreground", [30, 30, 30]), m = i.getRow(1), u = ([f, w, T]) => `${f.toString(16).padStart(2, "0")}${w.toString(16).padStart(2, "0")}${T.toString(16).padStart(2, "0")}`.toUpperCase();
+  m.eachCell((f) => {
     f.font = { bold: !0, color: { argb: `FF${u(p)}` } }, f.fill = {
       type: "pattern",
       pattern: "solid",
-      fgColor: { argb: `FF${u(g)}` }
+      fgColor: { argb: `FF${u(h)}` }
     };
   });
   const b = await a.xlsx.writeBuffer(), S = new Blob([b], {
@@ -480,8 +482,8 @@ function lr() {
 }
 const ke = $(
   ({ children: e, label: t, intent: n = "outline", ...a }, i) => {
-    const { t: d } = A(), { getApi: m } = V("DataTable.Toolbar.ExportMenu"), g = j(() => ({ getApi: m }), [m]), p = e ?? ir.map((h) => /* @__PURE__ */ s(Ae, { format: h }, h));
-    return /* @__PURE__ */ s(et.Provider, { value: g, children: /* @__PURE__ */ L(he.Root, { children: [
+    const { t: d } = A(), { getApi: g } = V("DataTable.Toolbar.ExportMenu"), h = j(() => ({ getApi: g }), [g]), p = e ?? ir.map((m) => /* @__PURE__ */ s(Ae, { format: m }, m));
+    return /* @__PURE__ */ s(et.Provider, { value: h, children: /* @__PURE__ */ L(he.Root, { children: [
       /* @__PURE__ */ s(he.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
         oe,
         {
@@ -512,27 +514,27 @@ const Ae = ({
   onClick: n,
   fileName: a
 }) => {
-  const { t: i } = A(), { getApi: d } = lr(), m = D(() => {
-    const g = d();
+  const { t: i } = A(), { getApi: d } = lr(), g = D(() => {
+    const h = d();
     if (e === "csv") {
-      g == null || g.exportDataAsCsv();
+      h == null || h.exportDataAsCsv();
       return;
     }
     if (e === "pdf") {
-      Qe(g, {
+      Qe(h, {
         fileName: a ?? "data-table-export.pdf"
       });
       return;
     }
     if (e === "xlsx") {
-      sr(g, {
+      sr(h, {
         fileName: a ?? "data-table-export.xlsx"
       });
       return;
     }
-    n == null || n(g);
+    n == null || n(h);
   }, [e, a, n, d]);
-  return /* @__PURE__ */ s(he.Item, { onSelect: m, children: /* @__PURE__ */ L("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+  return /* @__PURE__ */ s(he.Item, { onSelect: g, children: /* @__PURE__ */ L("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
     cr(e),
     /* @__PURE__ */ s("span", { children: t ?? dr(i, e) })
   ] }) });
@@ -550,27 +552,27 @@ function ur(e) {
   }).filter((a) => a !== null);
 }
 const Pe = $(
-  function({ label: t, icon: n, footer: a, header: i, intent: d = "outline", ...m }, g) {
-    const { t: p } = A(), { getApi: h, markColumnsUserTouched: u } = V(
+  function({ label: t, icon: n, footer: a, header: i, intent: d = "outline", ...g }, h) {
+    const { t: p } = A(), { getApi: m, markColumnsUserTouched: u } = V(
       "DataTable.Toolbar.ColumnToggle"
     ), [b, S] = G(!1), [C, c] = G([]), [f, w] = G(null), [T, R] = G(null);
     K(() => {
-      b && c(ur(h()));
-    }, [b, h]);
+      b && c(ur(m()));
+    }, [b, m]);
     const I = D(
       (v, O) => {
-        const M = h();
+        const M = m();
         M && (M.setColumnsVisible([v], O), u == null || u([v]), c(
           (F) => F.map(
             (N) => N.colId === v ? { ...N, visible: O } : N
           )
         ));
       },
-      [h, u]
+      [m, u]
     ), ee = D(
       (v, O) => {
         if (v === O) return;
-        const M = h();
+        const M = m();
         if (!M) return;
         c((z) => {
           const E = z.findIndex((Q) => Q.colId === v), ie = z.findIndex((Q) => Q.colId === O);
@@ -584,20 +586,20 @@ const Pe = $(
         const U = M.getAllGridColumns().findIndex((z) => z.getColId() === O);
         U >= 0 && M.moveColumns([v], U);
       },
-      [h]
+      [m]
     ), _ = t ?? p("dataTable.columnToggle");
     return /* @__PURE__ */ L(me.Root, { open: b, onOpenChange: S, children: [
       /* @__PURE__ */ s(me.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
         oe,
         {
-          ref: g,
+          ref: h,
           type: "button",
           intent: d,
           icon: n ?? /* @__PURE__ */ s(tr, { "aria-hidden": !0 }),
           tooltip: _,
           "aria-label": _,
           "aria-haspopup": "dialog",
-          ...m
+          ...g
         }
       ) }),
       /* @__PURE__ */ L(
@@ -677,20 +679,20 @@ const Pe = $(
 );
 Pe.displayName = "DataTable.Toolbar.ColumnToggle";
 const tt = $(
-  ({ label: e, icon: t, onClick: n, variant: a = "default", size: i = "sm", ...d }, m) => {
-    const { t: g } = A(), { getApi: p, selectionCount: h } = V(
+  ({ label: e, icon: t, onClick: n, variant: a = "default", size: i = "sm", ...d }, g) => {
+    const { t: h } = A(), { getApi: p, selectionCount: m } = V(
       "DataTable.Toolbar.BulkAction"
     );
-    return h === 0 ? null : /* @__PURE__ */ L(
+    return m === 0 ? null : /* @__PURE__ */ L(
       de,
       {
-        ref: m,
+        ref: g,
         type: "button",
         intent: a === "destructive" ? "destructive" : "secondary",
         size: i,
         startIcon: rr(t),
         onClick: () => n(p()),
-        "aria-label": `${e} (${g("dataTable.bulkAction", { count: h })})`,
+        "aria-label": `${e} (${h("dataTable.bulkAction", { count: m })})`,
         ...d,
         children: [
           /* @__PURE__ */ s("span", { children: e }),
@@ -699,7 +701,7 @@ const tt = $(
             {
               "aria-hidden": "true",
               className: "ds:ms-[var(--spacing-xs)] ds:opacity-80",
-              children: g("dataTable.bulkAction", { count: h })
+              children: h("dataTable.bulkAction", { count: m })
             }
           )
         ]
@@ -768,9 +770,9 @@ function gr(e) {
   return e == null ? null : typeof e == "string" ? e : String(e);
 }
 function hr(e) {
-  const { model: t, onModelChange: n, getValue: a, placeholder: i, defaultOperator: d } = e, { t: m } = A("ui"), g = (t == null ? void 0 : t.type) ?? d ?? "contains", [p, h] = G(g), [u, b] = G((t == null ? void 0 : t.filter) ?? "");
+  const { model: t, onModelChange: n, getValue: a, placeholder: i, defaultOperator: d } = e, { t: g } = A("ui"), h = (t == null ? void 0 : t.type) ?? d ?? "contains", [p, m] = G(h), [u, b] = G((t == null ? void 0 : t.filter) ?? "");
   K(() => {
-    h((t == null ? void 0 : t.type) ?? d ?? "contains"), b((t == null ? void 0 : t.filter) ?? "");
+    m((t == null ? void 0 : t.type) ?? d ?? "contains"), b((t == null ? void 0 : t.filter) ?? "");
   }, [t, d]);
   const S = j(() => mr(Xt.language), []);
   _t({
@@ -803,14 +805,14 @@ function hr(e) {
     n({ type: p, filter: u });
   }
   function c() {
-    b(""), h(d ?? "contains"), n(null);
+    b(""), m(d ?? "contains"), n(null);
   }
   const f = fr.map(
     (T) => ({
       value: T,
-      label: m(`dataTable.textFilter.operators.${T}`)
+      label: g(`dataTable.textFilter.operators.${T}`)
     })
-  ), w = i ?? m("dataTable.textFilter.placeholder");
+  ), w = i ?? g("dataTable.textFilter.placeholder");
   return /* @__PURE__ */ L(
     "div",
     {
@@ -824,9 +826,9 @@ function hr(e) {
             options: f,
             value: p,
             onValueChange: (T) => {
-              T !== "" && h(T);
+              T !== "" && m(T);
             },
-            "aria-label": m("dataTable.textFilter.operators.contains")
+            "aria-label": g("dataTable.textFilter.operators.contains")
           }
         ),
         /* @__PURE__ */ s(
@@ -844,8 +846,8 @@ function hr(e) {
           }
         ),
         /* @__PURE__ */ L("div", { className: "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:border-t ds:border-[var(--border)]", children: [
-          /* @__PURE__ */ s(de, { intent: "ghost", size: "sm", onClick: c, type: "button", children: m("dataTable.textFilter.clear") }),
-          /* @__PURE__ */ s(de, { intent: "primary", size: "sm", onClick: C, type: "button", children: m("dataTable.textFilter.apply") })
+          /* @__PURE__ */ s(de, { intent: "ghost", size: "sm", onClick: c, type: "button", children: g("dataTable.textFilter.clear") }),
+          /* @__PURE__ */ s(de, { intent: "primary", size: "sm", onClick: C, type: "button", children: g("dataTable.textFilter.apply") })
         ] })
       ]
     }
@@ -853,9 +855,9 @@ function hr(e) {
 }
 function br(e) {
   var b, S;
-  const { model: t, onModelChange: n, column: a } = e, { t: i } = A("ui"), d = ((S = (b = a == null ? void 0 : a.getColDef) == null ? void 0 : b.call(a)) == null ? void 0 : S.filterParams) ?? {}, m = d.defaultOperator ?? "contains", g = d.placeholder ?? i("dataTable.textFilter.placeholder"), [p, h] = G((t == null ? void 0 : t.filter) ?? "");
+  const { model: t, onModelChange: n, column: a } = e, { t: i } = A("ui"), d = ((S = (b = a == null ? void 0 : a.getColDef) == null ? void 0 : b.call(a)) == null ? void 0 : S.filterParams) ?? {}, g = d.defaultOperator ?? "contains", h = d.placeholder ?? i("dataTable.textFilter.placeholder"), [p, m] = G((t == null ? void 0 : t.filter) ?? "");
   K(() => {
-    h((t == null ? void 0 : t.filter) ?? "");
+    m((t == null ? void 0 : t.filter) ?? "");
   }, [t == null ? void 0 : t.filter]), K(() => {
     if (p === ((t == null ? void 0 : t.filter) ?? "")) return;
     const C = setTimeout(() => {
@@ -863,21 +865,21 @@ function br(e) {
         t && n(null);
         return;
       }
-      n({ type: m, filter: p });
+      n({ type: g, filter: p });
     }, 200);
     return () => clearTimeout(C);
-  }, [p, m, t, n]);
+  }, [p, g, t, n]);
   function u() {
-    h(""), t && n(null);
+    m(""), t && n(null);
   }
   return /* @__PURE__ */ s("div", { "data-component": "text-floating-filter", className: "ds:w-full", children: /* @__PURE__ */ s(
     Se,
     {
       size: "sm",
       value: p,
-      onChange: (C) => h(C.target.value),
-      placeholder: g,
-      "aria-label": g,
+      onChange: (C) => m(C.target.value),
+      placeholder: h,
+      "aria-label": h,
       startAdornment: /* @__PURE__ */ s(Ie, { "aria-hidden": "true", className: "ds:size-4" }),
       endAdornment: p.length > 0 ? /* @__PURE__ */ s(
         "button",
@@ -905,14 +907,14 @@ function xr(e, t = !0) {
       for (const d of n.querySelectorAll(Be)) ge(d);
     })();
     const i = new MutationObserver((d) => {
-      for (const m of d)
-        if (m.type === "attributes")
-          ge(m.target);
+      for (const g of d)
+        if (g.type === "attributes")
+          ge(g.target);
         else
-          for (const g of m.addedNodes)
-            if (g instanceof Element) {
-              ge(g);
-              for (const p of g.querySelectorAll(Be))
+          for (const h of g.addedNodes)
+            if (h instanceof Element) {
+              ge(h);
+              for (const p of h.querySelectorAll(Be))
                 ge(p);
             }
     });
@@ -944,27 +946,27 @@ function Rr(e) {
   var c;
   const t = Re(
     at
-  ), { t: n } = A(), a = B(null), { data: i, node: d, api: m } = e, g = W(i), p = t == null ? void 0 : t.heights, h = d.id, u = B(t);
+  ), { t: n } = A(), a = B(null), { data: i, node: d, api: g } = e, h = W(i), p = t == null ? void 0 : t.heights, m = d.id, u = B(t);
   if (u.current = t, K(() => {
     const f = a.current;
-    if (!f || !g || !p || h == null) return;
-    let w = p.get(h) ?? 0;
+    if (!f || !h || !p || m == null) return;
+    let w = p.get(m) ?? 0;
     const T = () => {
       const I = Math.ceil(f.getBoundingClientRect().height);
-      I <= 0 || I === w || (w = I, p.set(h, I), d.setRowHeight(I), m.onRowHeightChanged());
+      I <= 0 || I === w || (w = I, p.set(m, I), d.setRowHeight(I), g.onRowHeightChanged());
     };
     T();
     const R = new ResizeObserver(T);
     return R.observe(f), () => R.disconnect();
-  }, [m, h, p, g, d]), K(() => {
+  }, [g, m, p, h, d]), K(() => {
     const f = a.current, w = f == null ? void 0 : f.parentElement;
-    if (!f || !w || !g) return;
+    if (!f || !w || !h) return;
     const T = (R) => {
       var I, ee;
       R.target !== w || R.defaultPrevented || (R.key === "Escape" ? (R.stopPropagation(), (ee = (I = u.current) == null ? void 0 : I.onExpandedRowChange) == null || ee.call(I, null)) : R.key === "Enter" && (R.preventDefault(), (f.querySelector(Tr) ?? f).focus()));
     };
     return w.addEventListener("keydown", T), () => w.removeEventListener("keydown", T);
-  }, [g]), !g) {
+  }, [h]), !h) {
     const f = t == null ? void 0 : t.fallbackRenderer;
     return f ? /* @__PURE__ */ s(f, { ...e }) : null;
   }
@@ -1331,10 +1333,10 @@ function Mr(e, t) {
     rowData: a,
     rowSelection: i,
     pagination: d = !1,
-    paginationPageSize: m = 25,
-    paginationPageSizeSelector: g = [10, 25, 50, 100],
+    paginationPageSize: g = 25,
+    paginationPageSizeSelector: h = [10, 25, 50, 100],
     gridId: p,
-    onSelectionChanged: h,
+    onSelectionChanged: m,
     onSortChanged: u,
     onFilterChanged: b,
     noRowsOverlay: S,
@@ -1447,10 +1449,15 @@ function Mr(e, t) {
   const ze = z.dir() === "rtl", it = a === void 0, st = Zt(), { resolvedTheme: Ge } = Yt(), lt = (Ge === "light-accessible" || Ge === "dark-accessible") && f === "compact" ? "default" : f, dt = j(() => {
     if (!i) return;
     const r = (o) => !W(o.data);
-    return i === "single" ? { mode: "singleRow", isRowSelectable: r } : {
+    return i === "single" ? {
+      mode: "singleRow",
+      enableClickSelection: !1,
+      isRowSelectable: r
+    } : {
       mode: "multiRow",
       headerCheckbox: !0,
       checkboxes: !0,
+      enableClickSelection: !1,
       isRowSelectable: r
     };
   }, [i]), ue = ze ? "rtl" : "ltr", H = D(
@@ -1627,8 +1634,8 @@ function Mr(e, t) {
     const r = (l = E.current) == null ? void 0 : l.api;
     if (!r) return;
     const o = r.getSelectedRows().filter((y) => !W(y));
-    xe(o.length), h == null || h(o);
-  }, [h]), Ct = D(
+    xe(o.length), m == null || m(o);
+  }, [m]), Ct = D(
     (r) => {
       var l;
       const o = (l = E.current) == null ? void 0 : l.api;
@@ -1737,8 +1744,8 @@ function Mr(e, t) {
                     },
                     rowSelection: dt,
                     pagination: kt,
-                    paginationPageSize: m,
-                    paginationPageSizeSelector: g,
+                    paginationPageSize: g,
+                    paginationPageSizeSelector: h,
                     paginationNumberFormatter: (r) => new Intl.NumberFormat(z.language).format(r.value),
                     animateRows: !st,
                     enableRtl: ze,
@@ -1749,7 +1756,6 @@ function Mr(e, t) {
                     accentedSort: !0,
                     multiSortKey: "ctrl",
                     suppressDragLeaveHidesColumns: !0,
-                    suppressRowClickSelection: i ? !0 : void 0,
                     tooltipShowDelay: 500,
                     tooltipHideDelay: 5e3,
                     tooltipInteraction: !0,
@@ -1814,4 +1820,4 @@ export {
   fa as g,
   W as i
 };
-//# sourceMappingURL=data-table-D7nA8OGL.js.map
+//# sourceMappingURL=data-table-DB5BiVQ0.js.map