@sito/dashboard 0.0.68 → 0.0.70

package/dist/Table-LcN-UV8f.js

@@ -0,0 +1,1184 @@
+import "./Table.css";
+import { jsxs as b, jsx as e, Fragment as q } from "react/jsx-runtime";
+import { useState as M, useRef as j, useEffect as I, useMemo as S, useCallback as x, Fragment as de } from "react";
+import { u as G, a as B, F as ue } from "./FiltersProvider-BV023mmu.js";
+import { E as pe, c as le, C as ae, T as me, a as he, b as fe, B as be, F as ge } from "./TableColumns-CIddkosX.js";
+import { C as ie, A as Ne, S as ee, T as Y } from "./TextInput-DPYxzgm3.js";
+import { u as P } from "./TableOptionsProvider-BgnISoXx.js";
+import { u as O } from "./TranslationProvider-BR4s--Vu.js";
+import { I as H } from "./IconButton-BpsTEj0z.js";
+import { B as Ce } from "./Badge-CIeYthEy.js";
+import { FilterTypes as W } from "./lib.js";
+import { B as Z } from "./Button-D73-swfo.js";
+import { C as te } from "./Chip-C5ogKbFn.js";
+import { T as re } from "./Tooltip-B4E-FRwY.js";
+import { S as ye } from "./query-CwuehjY1.js";
+import { D as ve } from "./Dropdown-D-fYEGo2.js";
+import { L as we } from "./Loading-B_c_4XLr.js";
+function oe(n) {
+  const {
+    id: t,
+    icon: a,
+    tooltip: s,
+    onClick: l,
+    children: i,
+    hidden: u = !1,
+    disabled: o = !1,
+    showText: c = !1,
+    showTooltips: r = !0,
+    className: p = ""
+  } = n;
+  return u ? null : /* @__PURE__ */ b(
+    "button",
+    {
+      type: "button",
+      id: t,
+      className: `action ${c ? "text-action" : "icon-action"} ${p}`,
+      disabled: o,
+      "aria-label": s,
+      onClick: (d) => {
+        d.stopPropagation(), l?.();
+      },
+      "aria-disabled": o,
+      "data-tooltip-id": "tooltip",
+      "data-tooltip-content": r ? s : "",
+      children: [
+        a,
+        " ",
+        c && s,
+        i
+      ]
+    }
+  );
+}
+function xe(n) {
+  const {
+    actions: t = [],
+    className: a = "",
+    itemClassName: s = "",
+    actionClassName: l = "",
+    showTooltips: i = !0,
+    showActionTexts: u = !1
+  } = n;
+  return /* @__PURE__ */ e("ul", { className: `actions-container ${a}`, children: t.map((o) => /* @__PURE__ */ e(
+    "li",
+    {
+      className: `actions-container-item ${s}`,
+      children: /* @__PURE__ */ e(
+        oe,
+        {
+          showTooltips: i,
+          showText: u,
+          className: l,
+          ...o
+        }
+      )
+    },
+    o.id
+  )) });
+}
+const Se = (n) => {
+  const { actions: t = [], className: a = "" } = n, { t: s } = O(), [l, i] = M(!1), [u, o] = M(null);
+  return /* @__PURE__ */ b("div", { className: `actions-dropdown ${a}`, children: [
+    /* @__PURE__ */ e(
+      H,
+      {
+        icon: /* @__PURE__ */ e(pe, {}),
+        onClick: (c) => {
+          c.stopPropagation(), o(c.currentTarget), i((r) => !r);
+        },
+        onMouseDown: (c) => c.stopPropagation(),
+        className: "actions-dropdown-trigger",
+        "aria-label": s("_accessibility:buttons.openActions"),
+        name: s("_accessibility:buttons.openActions"),
+        "data-tooltip-id": "tooltip",
+        "data-tooltip-content": s("_accessibility:buttons.openActions")
+      }
+    ),
+    /* @__PURE__ */ e(
+      ve,
+      {
+        open: l,
+        onClose: () => i(!1),
+        anchorEl: u,
+        children: /* @__PURE__ */ e(
+          xe,
+          {
+            showActionTexts: !0,
+            actions: t,
+            itemClassName: "w-full",
+            actionClassName: "action-dropdown-item",
+            className: "actions-dropdown-list",
+            showTooltips: !1
+          }
+        )
+      }
+    )
+  ] });
+};
+function ne(n, t = []) {
+  return [...n].sort((a, s) => (s.pos ?? 0) - (a.pos ?? 0)).filter(
+    (a) => a.display !== "none" && !t.includes(a.key)
+  );
+}
+function Re(n) {
+  const { t } = O(), {
+    entity: a = "",
+    columns: s = [],
+    hasAction: l = !0,
+    onSortCallback: i,
+    selectionState: u,
+    onToggleAllRows: o
+  } = n, c = j(null);
+  I(() => {
+    c.current && (c.current.indeterminate = !!(u?.hasSomeSelected && !u?.allSelected));
+  }, [u]);
+  const { onSort: r, sortingOrder: p, sortingBy: d, hiddenColumns: y } = P(), f = S(() => ne(s, y).map((h) => ({
+    id: h.key,
+    label: h.label,
+    renderHead: h.renderHead,
+    className: h.className ?? "",
+    sortable: h.sortable ?? !0,
+    sortOptions: h.sortOptions
+  })), [s, a, t, y]);
+  return /* @__PURE__ */ e("thead", { className: "table-headers-row", children: /* @__PURE__ */ b("tr", { children: [
+    /* @__PURE__ */ e("th", { scope: "col", className: "table-headers-column table-headers-checkbox", children: o ? /* @__PURE__ */ e(
+      "input",
+      {
+        type: "checkbox",
+        ref: c,
+        checked: u?.allSelected ?? !1,
+        onChange: o,
+        "aria-label": t("_accessibility:components.table.selectAllRows")
+      }
+    ) : null }),
+    l && /* @__PURE__ */ e("th", { scope: "col", className: "table-headers-action", children: /* @__PURE__ */ e("span", { children: t("_accessibility:labels.actions") }) }),
+    f.map((h) => /* @__PURE__ */ e(
+      "th",
+      {
+        scope: "col",
+        className: `table-headers-column ${h.className}`,
+        children: /* @__PURE__ */ b(
+          Z,
+          {
+            disabled: !h.sortable,
+            onClick: () => r(h.id, i),
+            className: "table-headers-cell",
+            children: [
+              h.renderHead ? h.renderHead() : /* @__PURE__ */ e("span", { className: "table-headers-label", children: h.label }),
+              h.sortable && d === h.id && /* @__PURE__ */ e("span", { children: p === ye.ASC ? h.sortOptions?.icons?.asc ?? /* @__PURE__ */ e(
+                le,
+                {
+                  className: h.sortOptions?.icons?.className ?? "table-headers-sort-indicator"
+                }
+              ) : h.sortOptions?.icons?.desc ?? /* @__PURE__ */ e(
+                ae,
+                {
+                  className: h.sortOptions?.icons?.className ?? "table-headers-sort-indicator"
+                }
+              ) })
+            ]
+          }
+        )
+      },
+      h.id
+    ))
+  ] }) });
+}
+function Te(n) {
+  const { columns: t } = n, { hiddenColumns: a, toggleColumn: s } = P(), { t: l } = O(), [i, u] = M(!1), o = j(null), c = S(
+    () => ne(
+      t.filter(
+        (d) => d.hideable !== !1 && d.display !== "none"
+      ),
+      []
+    ),
+    [t]
+  ), r = x(() => {
+    u((d) => !d);
+  }, []), p = x(
+    (d) => {
+      s(d);
+    },
+    [s]
+  );
+  return c.length === 0 ? null : /* @__PURE__ */ b("div", { className: "column-visibility-menu", ref: o, children: [
+    /* @__PURE__ */ e(
+      H,
+      {
+        icon: /* @__PURE__ */ e(me, { className: "column-visibility-icon" }),
+        className: "normal column-visibility-trigger",
+        "aria-haspopup": "true",
+        "aria-expanded": i,
+        onClick: r,
+        children: /* @__PURE__ */ e("span", { className: "table-header-sr", children: l("_accessibility:buttons.columns") })
+      }
+    ),
+    i && /* @__PURE__ */ b(q, { children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: "column-visibility-backdrop",
+          onClick: () => u(!1)
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "column-visibility-dropdown", role: "menu", children: c.map((d) => /* @__PURE__ */ e(
+        ie,
+        {
+          checked: !a.includes(d.key),
+          onChange: () => p(d.key),
+          label: d.label ?? d.key,
+          containerClassName: "column-visibility-item"
+        },
+        d.key
+      )) })
+    ] })
+  ] });
+}
+const ke = (n) => {
+  const { items: t, text: a, id: s, onClearFilter: l } = n;
+  return /* @__PURE__ */ e(
+    te,
+    {
+      text: `${a}: ${t.map((i) => i.value ?? i.name).join(", ")}`,
+      onDelete: () => l(s)
+    }
+  );
+}, Ae = (n) => {
+  const { end: t, start: a, text: s, id: l, onClearFilter: i } = n, u = (o) => o !== null && typeof o < "u" && o !== "";
+  return /* @__PURE__ */ e(
+    te,
+    {
+      text: `${s}: ${u(a) ? a : "♾️"} - ${u(t) ? t : "♾️"}`,
+      onDelete: () => i(l)
+    }
+  );
+}, Ee = (n) => typeof n == "object" && n !== null && !Array.isArray(n) && ("start" in n || "end" in n), Fe = (n) => {
+  const { filtersDefinition: t } = n, a = S(() => {
+    const o = {};
+    return t.forEach((c) => {
+      o[c.propertyName] = c.label ?? c.propertyName;
+    }), o;
+  }, [t]), { filters: s, clearFilters: l } = P(), i = S(() => Object.keys(s), [s]), u = x(
+    (o) => {
+      const c = s[o];
+      return Ee(c) ? /* @__PURE__ */ e(
+        Ae,
+        {
+          id: o,
+          text: a[o],
+          start: c.start,
+          end: c.end,
+          onClearFilter: l
+        }
+      ) : Array.isArray(c) ? /* @__PURE__ */ e(
+        ke,
+        {
+          id: o,
+          text: a[o],
+          items: c,
+          onClearFilter: l
+        }
+      ) : /* @__PURE__ */ e(
+        te,
+        {
+          text: `${a[o]}: ${c?.value ?? c?.name ?? c}`,
+          onDelete: () => l(o)
+        }
+      );
+    },
+    [s, a, l]
+  );
+  return /* @__PURE__ */ e("ul", { className: "active-filters-main", children: i?.map((o) => /* @__PURE__ */ e("li", { children: u(o) }, o)) });
+};
+function Oe(n) {
+  const { propertyName: t, label: a, placeholder: s, options: l, multiple: i = !0 } = n, { currentFilters: u, setCurrentFilters: o } = G(), c = S(() => {
+    const p = u[t]?.value;
+    return typeof p > "u" ? null : p;
+  }, [u, t]), r = x(
+    (p) => {
+      o({
+        type: B.update,
+        toUpdate: {
+          [t]: {
+            value: p
+          }
+        }
+      });
+    },
+    [t, o]
+  );
+  return /* @__PURE__ */ e(
+    Ne,
+    {
+      value: c,
+      label: a,
+      options: l,
+      multiple: i,
+      helperTextClassName: "hidden",
+      containerClassName: "options-widget-container",
+      onChange: r,
+      placeholder: s
+    }
+  );
+}
+const _e = (n) => {
+  const { propertyName: t, label: a } = n, { currentFilters: s, setCurrentFilters: l } = G(), i = S(() => s[t]?.value ?? "", [s]), u = x((o) => {
+    l({
+      type: B.update,
+      toUpdate: { [t]: { value: o.target.checked } }
+    });
+  }, []);
+  return /* @__PURE__ */ e(ie, { label: a, checked: i ?? !1, onChange: u });
+};
+function $e(n) {
+  const { propertyName: t, options: a, label: s, placeholder: l } = n, { currentFilters: i, setCurrentFilters: u } = G(), o = S(() => {
+    const r = i[t]?.value;
+    if (r === null || typeof r > "u")
+      return a[0]?.id ?? "";
+    if (typeof r == "object" && !Array.isArray(r)) {
+      const p = r;
+      return p.id ?? p.value ?? "";
+    }
+    return r;
+  }, [i, a, t]), c = x(
+    (r) => {
+      const p = a.find(
+        (d) => String(d.id) === r.target.value
+      );
+      u({
+        type: B.update,
+        toUpdate: {
+          [t]: { value: p?.id ?? r.target.value }
+        }
+      });
+    },
+    [a, t, u]
+  );
+  return /* @__PURE__ */ e(
+    ee,
+    {
+      value: o,
+      label: s,
+      options: a,
+      helperTextClassName: "hidden",
+      containerClassName: "options-widget-container",
+      onChange: c,
+      placeholder: l
+    }
+  );
+}
+const Me = (n) => {
+  const { propertyName: t, label: a, placeholder: s } = n, { currentFilters: l, setCurrentFilters: i } = G(), u = S(() => l[t]?.value ?? "", [l]), o = x((c) => {
+    i({
+      type: B.update,
+      toUpdate: { [t]: { value: c.target.value } }
+    });
+  }, []);
+  return /* @__PURE__ */ e(
+    Y,
+    {
+      value: u ?? "",
+      label: a,
+      onChange: o,
+      containerClassName: "input-widget-container",
+      helperTextClassName: "",
+      placeholder: s
+    }
+  );
+}, se = (n) => {
+  const { propertyName: t, label: a, inputType: s } = n, { t: l } = O(), { currentFilters: i, setCurrentFilters: u } = G(), o = j(null), c = j(null), r = x((d) => {
+    u({
+      type: B.update,
+      toUpdate: {
+        [t]: {
+          value: { end: c?.current?.value ?? null, start: d.target.value }
+        }
+      }
+    });
+  }, []), p = x((d) => {
+    u({
+      type: B.update,
+      toUpdate: {
+        [t]: {
+          value: {
+            start: o?.current?.value ?? null,
+            end: d.target.value
+          }
+        }
+      }
+    });
+  }, []);
+  return /* @__PURE__ */ b("div", { className: "range-widget-container", children: [
+    /* @__PURE__ */ e("p", { className: "text-input-label input-widget-label input-label-normal", children: a }),
+    /* @__PURE__ */ b("div", { className: "range-widget-row", children: [
+      /* @__PURE__ */ e(
+        Y,
+        {
+          value: i[t]?.value?.start ?? "",
+          placeholder: l("_accessibility:components.table.filters.range.start"),
+          type: s,
+          ref: o,
+          onChange: r,
+          containerClassName: "input-widget-container",
+          helperTextClassName: ""
+        }
+      ),
+      /* @__PURE__ */ e(
+        Y,
+        {
+          value: i[t]?.value?.end ?? "",
+          placeholder: l("_accessibility:components.table.filters.range.end"),
+          type: s,
+          ref: c,
+          onChange: p,
+          containerClassName: "input-widget-container",
+          helperTextClassName: ""
+        }
+      )
+    ] })
+  ] });
+}, Pe = (n) => {
+  switch (n.type) {
+    case W.text:
+      return /* @__PURE__ */ e(Me, { ...n });
+    case W.number:
+      return /* @__PURE__ */ e(
+        se,
+        {
+          ...n,
+          inputType: "number"
+        }
+      );
+    case W.date:
+      return /* @__PURE__ */ e(
+        se,
+        {
+          ...n,
+          inputType: "date"
+        }
+      );
+    case W.select:
+      return /* @__PURE__ */ e($e, { ...n });
+    case W.autocomplete:
+      return /* @__PURE__ */ e(Oe, { ...n });
+    case W.check:
+      return /* @__PURE__ */ e(_e, { ...n });
+  }
+  return /* @__PURE__ */ e(q, {});
+}, Ve = (n) => {
+  const { filters: t = [], show: a, handleShow: s } = n, { onFilterApply: l } = P(), { currentFilters: i, setCurrentFilters: u } = G(), { t: o } = O(), c = j(null);
+  return I(() => {
+    const r = ({ target: d }) => {
+      c.current && (d?.closest(".filter-dropdown-trigger") || !a || c.current.contains(d) || s(!1));
+    }, p = ({ code: d }) => {
+      !a || d !== "Escape" || s(!1);
+    };
+    return document.addEventListener("click", r), document.addEventListener("keydown", p), () => {
+      document.removeEventListener("click", r), document.removeEventListener("keydown", p);
+    };
+  }, [s, a]), /* @__PURE__ */ e("div", { className: `filter-dropdown-backdrop ${a ? "opened" : "closed"}`, children: /* @__PURE__ */ b("div", { className: "filter-popup", ref: c, children: [
+    /* @__PURE__ */ e("div", { className: "filter-title", children: o("_accessibility:buttons.filters") }),
+    /* @__PURE__ */ e("ul", { className: "filter-container", children: t.map((r) => /* @__PURE__ */ e("li", { className: "filter-container-item", children: Pe(r) }, r.propertyName)) }),
+    /* @__PURE__ */ e("div", { className: "filter-footer", children: /* @__PURE__ */ b("ul", { className: "filter-buttons-row", children: [
+      /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+        Z,
+        {
+          type: "button",
+          variant: "submit",
+          onClick: () => u({
+            type: B.reset,
+            filters: t
+          }),
+          className: "filter-dropdown-button filter-dropdown-cancel",
+          children: o("_accessibility:buttons.clear")
+        }
+      ) }),
+      /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(
+        Z,
+        {
+          type: "button",
+          variant: "submit",
+          color: "primary",
+          className: "filter-dropdown-button filter-dropdown-submit",
+          onClick: () => {
+            s(!1), l(i);
+          },
+          children: o("_accessibility:buttons.applyFilters")
+        }
+      ) })
+    ] }) })
+  ] }) });
+}, De = () => {
+  const { t: n } = O(), { total: t, pageSize: a, pageSizes: s, currentPage: l } = P(), i = (l + 1) * a > t ? t : (l + 1) * a;
+  return /* @__PURE__ */ b("div", { className: "table-navigation-sizes", children: [
+    s[0] < t && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ b("p", { children: [
+      l * a + 1,
+      " - ",
+      i,
+      " ",
+      n("_accessibility:components.table.of")
+    ] }) }),
+    /* @__PURE__ */ e("p", { children: t })
+  ] });
+};
+function Ie() {
+  const { t: n } = O(), { total: t, pageSize: a, currentPage: s, setCurrentPage: l } = P(), i = S(() => {
+    const u = Math.ceil(t / a);
+    return Array.from({ length: u }, (o, c) => ({
+      id: c,
+      value: c + 1
+    }));
+  }, [t, a]);
+  return /* @__PURE__ */ b("div", { className: "jump-to-page", children: [
+    /* @__PURE__ */ e("p", { children: n("_accessibility:components.table.jumpToPage") }),
+    /* @__PURE__ */ e(
+      ee,
+      {
+        value: s,
+        options: i,
+        inputClassName: "jump-to-page-input",
+        containerClassName: "jump-to-page-input-container",
+        helperTextClassName: "hidden",
+        onChange: (u) => l(Number(u.target.value))
+      }
+    )
+  ] });
+}
+const ze = () => {
+  const { t: n } = O(), { total: t, pageSize: a, currentPage: s, setCurrentPage: l } = P(), i = Math.ceil(t / a), u = s < i - 1;
+  return /* @__PURE__ */ b("div", { className: "table-navigation-pages", children: [
+    /* @__PURE__ */ e(
+      H,
+      {
+        icon: /* @__PURE__ */ e(he, { className: "table-navigation-icon" }),
+        className: "table-navigation-buttons",
+        disabled: s === 0,
+        "aria-label": n("_accessibility:buttons.previous"),
+        name: n("_accessibility:buttons.previous"),
+        onClick: () => l(s - 1)
+      }
+    ),
+    /* @__PURE__ */ e(
+      H,
+      {
+        icon: /* @__PURE__ */ e(fe, { className: "table-navigation-icon" }),
+        disabled: !u,
+        className: "table-navigation-buttons",
+        name: n("_accessibility:buttons.next"),
+        "aria-label": n("_accessibility:buttons.next"),
+        onClick: () => {
+          u && l(s + 1);
+        }
+      }
+    )
+  ] });
+};
+function je() {
+  const { t: n } = O(), { pageSizes: t, pageSize: a, setPageSize: s } = P(), l = S(
+    () => t?.map((i) => ({ id: i, value: i })),
+    [t]
+  );
+  return /* @__PURE__ */ b("div", { className: "page-size", children: [
+    /* @__PURE__ */ e("p", { children: n("_accessibility:components.table.pageSizes") }),
+    /* @__PURE__ */ e(
+      ee,
+      {
+        value: a,
+        options: l,
+        inputClassName: "page-size-input",
+        containerClassName: "page-size-input-container",
+        helperTextClassName: "hidden",
+        onChange: (i) => s(Number(i.target.value))
+      }
+    )
+  ] });
+}
+function Le() {
+  return /* @__PURE__ */ b("div", { className: "table-footer", children: [
+    /* @__PURE__ */ e(Ie, {}),
+    /* @__PURE__ */ e(je, {}),
+    /* @__PURE__ */ e(De, {}),
+    /* @__PURE__ */ e(ze, {})
+  ] });
+}
+const Be = (n) => n, He = (n) => {
+  const { t } = O(), { hiddenColumns: a } = P(), {
+    columns: s,
+    softDeleteProperty: l = "deletedAt",
+    data: i,
+    actions: u,
+    selectedRows: o,
+    expandedRows: c = [],
+    onRowSelectionChange: r,
+    onRowExpand: p
+  } = n, d = S(
+    () => ne(s, a),
+    [s, a]
+  ), y = S(
+    () => new Map(
+      c.map((f) => [f.rowId, f])
+    ),
+    [c]
+  );
+  return i?.map((f) => {
+    const h = o.has(f.id), w = y.get(f.id), E = !!w, V = d.length + 1 + (u ? 1 : 0);
+    return /* @__PURE__ */ b(de, { children: [
+      /* @__PURE__ */ b(
+        "tr",
+        {
+          className: `table-row ${p ? "expandable" : ""} ${f[l] ? "deleted-class" : ""} ${h ? "selected" : ""} ${E ? "expanded" : ""}`,
+          onClick: () => p?.(f),
+          children: [
+            /* @__PURE__ */ e("td", { className: "table-row-cell table-row-checkbox", children: /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                checked: h,
+                onClick: (R) => R.stopPropagation(),
+                onChange: () => r(f),
+                "aria-label": t("_accessibility:components.table.selectRow")
+              }
+            ) }),
+            u ? /* @__PURE__ */ e("td", { className: "w-px", children: /* @__PURE__ */ e("div", { className: "table-row-cell-action", children: (() => {
+              const R = u(f).filter(
+                (C) => !C.hidden
+              ), N = R.filter(
+                (C) => C.sticky
+              ), T = R.filter(
+                (C) => !C.sticky
+              );
+              return /* @__PURE__ */ b(q, { children: [
+                N.map((C) => /* @__PURE__ */ e(re, { content: C.tooltip, children: /* @__PURE__ */ e(
+                  oe,
+                  {
+                    ...C,
+                    onClick: () => C.onClick(f),
+                    className: "row-table-action"
+                  }
+                ) }, C.id)),
+                T.length > 0 && /* @__PURE__ */ e(Se, { actions: T })
+              ] });
+            })() }) }) : null,
+            d?.map((R, N) => {
+              const T = f[R.key], C = R.renderBody ? R.renderBody(T, f) : Be(T);
+              return /* @__PURE__ */ e(
+                "td",
+                {
+                  className: `table-row-cell ${N === 0 ? "basic" : ""} ${R.className ?? ""}`,
+                  children: p && N === 0 ? /* @__PURE__ */ b("div", { className: "table-row-expand-content", children: [
+                    /* @__PURE__ */ e(
+                      "span",
+                      {
+                        className: "table-row-expand-indicator",
+                        "aria-hidden": !0,
+                        "data-state": E ? "expanded" : "collapsed",
+                        children: E ? /* @__PURE__ */ e(le, { className: "table-row-expand-chevron" }) : /* @__PURE__ */ e(ae, { className: "table-row-expand-chevron" })
+                      }
+                    ),
+                    /* @__PURE__ */ e("div", { className: "table-row-expand-value", children: C })
+                  ] }) : C
+                },
+                R.key
+              );
+            })
+          ]
+        }
+      ),
+      E && w?.content !== null && typeof w?.content < "u" && /* @__PURE__ */ e("tr", { className: "table-row-expanded", children: /* @__PURE__ */ e("td", { className: "table-row-expanded-cell", colSpan: V, children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: `table-row-expanded-content ${w.isVisible ? "open" : "closed"}`,
+          children: /* @__PURE__ */ e("div", { className: "table-row-expanded-inner", children: w.content })
+        }
+      ) }) })
+    ] }, f.id);
+  });
+};
+function Ue() {
+  const { t: n } = O();
+  return /* @__PURE__ */ e("div", { className: "table-empty", children: /* @__PURE__ */ e("p", { children: n("_accessibility:components.table.empty") }) });
+}
+const We = (n) => {
+  const {
+    columns: t,
+    title: a,
+    isLoading: s,
+    toolbar: l,
+    filterOptions: i,
+    canHideColumns: u = !1,
+    canReset: o = !1
+  } = n, { countOfFilters: c, resetTableOptions: r } = P(), { t: p } = O(), d = S(() => t ? [...t].sort((N, T) => (T.pos ?? 0) - (N.pos ?? 0)).filter((N) => !!N.filterOptions).map((N) => ({
+    ...N.filterOptions,
+    label: N.filterOptions?.label ?? N.label,
+    propertyName: N.key
+  })) : [], [t]), [y, f] = M(!1), h = x(
+    (N) => {
+      i?.dropdown?.setOpened ? i.dropdown.setOpened(N ?? !1) : f(N ?? !1);
+    },
+    [i]
+  ), w = S(
+    () => i?.dropdown?.opened ?? y,
+    [i, y]
+  ), E = d.length > 0, V = E && i?.button?.hide !== !0, R = E && w;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: `table-header ${R ? "showing-filters" : ""}`,
+      children: [
+        /* @__PURE__ */ b("div", { children: [
+          a && /* @__PURE__ */ e("h1", { className: "table-header-title", children: a }),
+          s ? null : /* @__PURE__ */ b("div", { className: "table-header-content", children: [
+            l,
+            u && t && /* @__PURE__ */ e(Te, { columns: t }),
+            o && /* @__PURE__ */ e(
+              H,
+              {
+                icon: /* @__PURE__ */ e(be, { className: "reset-table-icon" }),
+                className: "normal",
+                onClick: r,
+                children: /* @__PURE__ */ e("span", { className: "table-header-sr", children: p("_accessibility:buttons.reset") })
+              }
+            ),
+            V && /* @__PURE__ */ b(
+              H,
+              {
+                icon: i?.button?.icon ?? /* @__PURE__ */ e(ge, { className: "filter-dropdown-trigger-icon" }),
+                className: "filter-dropdown-button normal filter-dropdown-trigger",
+                "aria-haspopup": "true",
+                onClick: () => h(!w),
+                "aria-expanded": w,
+                children: [
+                  /* @__PURE__ */ e(
+                    Ce,
+                    {
+                      count: c,
+                      className: `${c > 0 ? "show" : "hide"} `
+                    }
+                  ),
+                  /* @__PURE__ */ e("span", { className: "table-header-sr", children: p("_accessibility:buttons.filters") }),
+                  /* @__PURE__ */ e("wbr", {})
+                ]
+              }
+            )
+          ] })
+        ] }),
+        E && /* @__PURE__ */ e(
+          Ve,
+          {
+            filters: d,
+            show: R,
+            handleShow: h,
+            options: i
+          }
+        ),
+        /* @__PURE__ */ e(Fe, { filtersDefinition: d })
+      ]
+    }
+  );
+};
+function qe({
+  count: n,
+  multiActions: t,
+  onActionClick: a
+}) {
+  const { t: s } = O();
+  return /* @__PURE__ */ b("div", { className: "table-selection-bar", children: [
+    /* @__PURE__ */ e("p", { className: "table-selection-bar-count", children: s("_accessibility:components.table.selectedCount", { count: n }) }),
+    t.length > 0 && /* @__PURE__ */ e("div", { className: "table-selection-bar-actions", children: t.map((l) => /* @__PURE__ */ e(re, { content: l.tooltip, children: /* @__PURE__ */ e(
+      H,
+      {
+        icon: l.icon,
+        className: "multi-table-action",
+        onClick: () => a(l),
+        disabled: l.disabled,
+        "aria-label": l.tooltip
+      }
+    ) }, l.id)) })
+  ] });
+}
+const Q = 220;
+function Ge({
+  data: n,
+  allowMultipleExpandedRows: t,
+  controlledExpandedRowId: a,
+  onExpandedRowChange: s,
+  onRowExpand: l,
+  findRowById: i
+}) {
+  const [u, o] = M(null), [c, r] = M(null), [p, d] = M(null), [y, f] = M(null), [h, w] = M(!1), [E, V] = M(/* @__PURE__ */ new Set()), [R, N] = M([]), T = j(null), C = j(null), z = j(/* @__PURE__ */ new Map()), _ = typeof a < "u", $ = t && !_, k = _ ? a ?? null : u, U = x(() => {
+    C.current && (clearTimeout(C.current), C.current = null);
+  }, []), F = x(
+    (m) => {
+      if (typeof m < "u") {
+        const g = z.current.get(m);
+        if (!g) return;
+        clearTimeout(g), z.current.delete(m);
+        return;
+      }
+      z.current.forEach(
+        (g) => clearTimeout(g)
+      ), z.current.clear();
+    },
+    []
+  ), J = x(
+    (m) => {
+      F(m), N((g) => g.some(
+        (A) => A.rowId === m
+      ) ? g.map(
+        (A) => A.rowId === m ? { ...A, isVisible: !1 } : A
+      ) : g), z.current.set(
+        m,
+        setTimeout(() => {
+          N(
+            (g) => g.filter((v) => v.rowId !== m)
+          ), z.current.delete(m);
+        }, Q)
+      );
+    },
+    [F]
+  ), K = x(
+    (m, g) => {
+      F(m), N((v) => v.some(
+        (D) => D.rowId === m
+      ) ? v.map(
+        (D) => D.rowId === m ? { ...D, content: g, isVisible: !1 } : D
+      ) : [...v, { rowId: m, content: g, isVisible: !1 }]), requestAnimationFrame(() => {
+        N(
+          (v) => v.map(
+            (A) => A.rowId === m ? { ...A, isVisible: !0 } : A
+          )
+        );
+      });
+    },
+    [F]
+  );
+  I(() => {
+    if (!$) return;
+    const m = new Set(n.map((g) => g.id));
+    V((g) => {
+      const v = /* @__PURE__ */ new Set();
+      return g.forEach((A) => {
+        if (m.has(A)) {
+          v.add(A);
+          return;
+        }
+        F(A);
+      }), v;
+    }), N((g) => (g.forEach((v) => {
+      m.has(v.rowId) || F(v.rowId);
+    }), g.filter(
+      (v) => m.has(v.rowId)
+    )));
+  }, [n, $, F]), I(() => {
+    if ($) return;
+    if (k === null) {
+      r(null), _ && (T.current = null);
+      return;
+    }
+    i(k) || (_ || o(null), r(null), _ && (T.current = null));
+  }, [
+    n,
+    k,
+    i,
+    _,
+    $
+  ]), I(() => {
+    if (!$) {
+      if (U(), k === null || c === null) {
+        if (p === null) {
+          w(!1), f(null);
+          return;
+        }
+        w(!1), C.current = setTimeout(() => {
+          d(null), f(null), C.current = null;
+        }, Q);
+        return;
+      }
+      if (p === null) {
+        d(k), f(c), requestAnimationFrame(() => w(!0));
+        return;
+      }
+      if (p === k) {
+        f(c), requestAnimationFrame(() => w(!0));
+        return;
+      }
+      w(!1), C.current = setTimeout(() => {
+        d(k), f(c), requestAnimationFrame(() => w(!0)), C.current = null;
+      }, Q);
+    }
+  }, [
+    U,
+    c,
+    k,
+    $,
+    p
+  ]), I(
+    () => () => {
+      U(), F();
+    },
+    [U, F]
+  ), I(() => {
+    if (!_) return;
+    if (k === null) {
+      r(null), T.current = null;
+      return;
+    }
+    const m = i(k);
+    if (!m) {
+      r(null), T.current = null;
+      return;
+    }
+    const g = T.current;
+    r(l?.(m, g) ?? null), T.current = m;
+  }, [k, i, _, l]);
+  const ce = x(
+    (m) => {
+      if ($) {
+        if (E.has(m.id)) {
+          V((X) => {
+            const L = new Set(X);
+            return L.delete(m.id), L;
+          }), J(m.id), s?.(null, m);
+          return;
+        }
+        V((X) => {
+          const L = new Set(X);
+          return L.add(m.id), L;
+        });
+        const D = l?.(m, null) ?? null;
+        D !== null && typeof D < "u" ? K(m.id, D) : (F(m.id), N(
+          (X) => X.filter((L) => L.rowId !== m.id)
+        )), s?.(m, null);
+        return;
+      }
+      const g = k === m.id, v = g ? m : i(k);
+      if (_) {
+        s?.(g ? null : m, v);
+        return;
+      }
+      if (g) {
+        o(null), r(null), s?.(null, m);
+        return;
+      }
+      o(m.id), r(l?.(m, v) ?? null), s?.(m, v);
+    },
+    [
+      k,
+      J,
+      F,
+      K,
+      i,
+      E,
+      _,
+      $,
+      s,
+      l
+    ]
+  );
+  return { expandedRowsToRender: S(() => $ ? R : p === null || y === null || typeof y > "u" ? [] : [
+    {
+      rowId: p,
+      content: y,
+      isVisible: h
+    }
+  ], [
+    h,
+    $,
+    y,
+    p,
+    R
+  ]), onRowExpandChange: ce };
+}
+function Je({
+  actions: n,
+  selectedRowsData: t
+}) {
+  const a = S(() => !n || !t.length ? [] : t.reduce(
+    (l, i, u) => {
+      const o = n(i).filter(
+        (r) => r.multiple && !r.hidden
+      );
+      if (u === 0) return o;
+      const c = new Map(
+        l.map((r) => [r.id, r])
+      );
+      return o.reduce((r, p) => {
+        const d = c.get(p.id);
+        return d && r.push({
+          ...d,
+          ...p,
+          disabled: p.disabled || d.disabled
+        }), r;
+      }, []);
+    },
+    []
+  ), [n, t]), s = x(
+    (l) => {
+      if (t.length) {
+        if (l.onMultipleClick) {
+          l.onMultipleClick(t);
+          return;
+        }
+        t.forEach((i) => l.onClick(i));
+      }
+    },
+    [t]
+  );
+  return { multiActions: a, handleMultipleActionClick: s };
+}
+function Xe({
+  data: n,
+  onRowSelect: t,
+  onSelectedRowsChange: a
+}) {
+  const [s, l] = M(/* @__PURE__ */ new Set()), i = S(
+    () => n?.filter((r) => s.has(r.id)) ?? [],
+    [n, s]
+  );
+  I(() => {
+    if (!n?.length) {
+      l(/* @__PURE__ */ new Set());
+      return;
+    }
+    l((r) => {
+      const p = /* @__PURE__ */ new Set(), d = new Set(n.map((y) => y.id));
+      return r.forEach((y) => {
+        d.has(y) && p.add(y);
+      }), p;
+    });
+  }, [n]), I(() => {
+    a && a(i);
+  }, [i, a]);
+  const u = x(
+    (r) => {
+      l((p) => {
+        const d = new Set(p);
+        return d.has(r.id) ? (d.delete(r.id), t?.(r, !1)) : (d.add(r.id), t?.(r, !0)), d;
+      });
+    },
+    [t]
+  ), o = x(() => {
+    l((r) => {
+      const p = new Set(r), d = n ?? [], y = d.every(
+        (f) => p.has(f.id)
+      );
+      return d.forEach((f) => {
+        const h = p.has(f.id);
+        y ? h && (p.delete(f.id), t?.(f, !1)) : h || (p.add(f.id), t?.(f, !0));
+      }), p;
+    });
+  }, [n, t]), c = S(() => {
+    if (!n?.length)
+      return { allSelected: !1, hasSomeSelected: !1 };
+    const r = n.every((d) => s.has(d.id)), p = n.some((d) => s.has(d.id));
+    return { allSelected: r, hasSomeSelected: p };
+  }, [n, s]);
+  return {
+    selectedRows: s,
+    selectedRowsData: i,
+    selectionState: c,
+    onRowSelectionChange: u,
+    onToggleAllRows: o
+  };
+}
+function ht(n) {
+  const {
+    data: t,
+    onSort: a,
+    entity: s = "",
+    isLoading: l = !1,
+    actions: i,
+    columns: u = [],
+    contentClassName: o = "",
+    className: c = "",
+    softDeleteProperty: r = "deletedAt",
+    onRowSelect: p,
+    onSelectedRowsChange: d,
+    allowMultipleExpandedRows: y = !1,
+    expandedRowId: f,
+    onExpandedRowChange: h,
+    onRowExpand: w,
+    ...E
+  } = n, V = S(() => !t?.length, [t]), R = x(
+    (J) => J === null ? null : t.find((K) => K.id === J) ?? null,
+    [t]
+  ), {
+    selectedRows: N,
+    selectedRowsData: T,
+    selectionState: C,
+    onRowSelectionChange: z,
+    onToggleAllRows: _
+  } = Xe({ data: t, onRowSelect: p, onSelectedRowsChange: d }), { expandedRowsToRender: $, onRowExpandChange: k } = Ge({
+    data: t,
+    allowMultipleExpandedRows: y,
+    controlledExpandedRowId: f,
+    onExpandedRowChange: h,
+    onRowExpand: w,
+    findRowById: R
+  }), { multiActions: U, handleMultipleActionClick: F } = Je({
+    actions: i,
+    selectedRowsData: T
+  });
+  return /* @__PURE__ */ e(ue, { children: /* @__PURE__ */ b("div", { className: `${c} table-main`, children: [
+    /* @__PURE__ */ e(We, { columns: u, isLoading: l, ...E }),
+    l ? /* @__PURE__ */ e(we, { className: "table-loading" }) : /* @__PURE__ */ e(q, { children: V ? /* @__PURE__ */ e(Ue, {}) : /* @__PURE__ */ b(q, { children: [
+      !!T.length && /* @__PURE__ */ e(
+        qe,
+        {
+          count: T.length,
+          multiActions: U,
+          onActionClick: F
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: `${o} table-body`, children: /* @__PURE__ */ b("table", { className: "table-content", children: [
+        /* @__PURE__ */ e(
+          Re,
+          {
+            entity: s,
+            columns: u,
+            onSortCallback: a,
+            hasAction: !!i,
+            selectionState: C,
+            onToggleAllRows: _
+          }
+        ),
+        /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e(
+          He,
+          {
+            data: t,
+            actions: i,
+            columns: u,
+            softDeleteProperty: r,
+            selectedRows: N,
+            expandedRows: $,
+            onRowSelectionChange: z,
+            onRowExpand: w ? k : void 0
+          }
+        ) })
+      ] }) }),
+      /* @__PURE__ */ e(Le, {})
+    ] }) })
+  ] }) });
+}
+export {
+  Fe as A,
+  Re as C,
+  Ve as F,
+  ze as N,
+  je as P,
+  Ae as R,
+  Ue as T,
+  Te as a,
+  ke as b,
+  De as c,
+  Le as d,
+  He as e,
+  We as f,
+  qe as g,
+  ht as h,
+  oe as i,
+  xe as j,
+  Se as k,
+  Pe as r
+};