@sito/dashboard 0.0.67 → 0.0.69

package/dist/Table-CeD0yXGZ.js

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