@sito/dashboard 0.0.66 → 0.0.68

package/dist/Table-B5vsXjAq.js

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