@sito/dashboard 0.0.69 → 0.0.70

package/dist/Table-CeD0yXGZ.js

@@ -1,1113 +0,0 @@
-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
-};