@sito/dashboard 0.0.64 → 0.0.66

package/dist/Table-CH9HYQ2I.js

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