@sito/dashboard 0.0.66 → 0.0.67

package/dist/Table-BtZGG0d7.js

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