@krosoft/react 0.0.228 → 0.0.230

package/dist/useFixedColumns-CKZyu4PD.js

@@ -0,0 +1,161 @@
+import { useState as f, useRef as b, useMemo as W, useCallback as m, useLayoutEffect as ye } from "react";
+function Pe({
+  data: s,
+  columns: r,
+  getRowId: S,
+  defaultPageSize: g,
+  actions: i,
+  bulkActions: c,
+  columnVisibility: l = !0,
+  totalRows: a,
+  currentPage: V,
+  pageSize: u,
+  onPageChange: O,
+  onPageSizeChange: C,
+  sortColumn: k,
+  sortDirection: R,
+  onSortChange: h
+}) {
+  var ee;
+  const [te, ne] = f(((ee = r.find((e) => e.sortable === !0)) == null ? void 0 : ee.key) ?? null), p = k !== void 0 ? k : te, [re, se] = f("asc"), v = R ?? re, [D, E] = f([]), [w, oe] = f(new Set(r.filter((e) => e.defaultVisible !== !1).map((e) => e.key))), [I, ie] = f(r.map((e) => e.key)), [T, ce] = f(r.reduce((e, t) => ({ ...e, [t.key]: t.minWidth ?? 100 }), {})), [le, U] = f(1), P = V ?? le, [ae, ue] = f(g), x = u ?? ae, de = b(null), X = b(null), G = b(0), H = b(0), y = b(null), J = b(null), N = i !== void 0 && i.length > 0, Q = c !== void 0 && c.length > 0, j = W(() => I.map((e) => r.find((t) => t.key === e)).filter((e) => e !== void 0), [I, r]), Y = W(() => j.filter((e) => w.has(e.key)), [j, w]), fe = Y.length + (Q ? 1 : 0) + (N || l ? 1 : 0), Z = a ?? s.length, q = Math.max(1, Math.ceil(Z / x)), _ = P > q ? q : P, M = Z === 0 ? 0 : (_ - 1) * x, B = a !== void 0 ? Math.min(M + s.length, a) : Math.min(M + x, s.length), z = m(
+    (e) => {
+      O ? O(e) : U(e);
+    },
+    [O]
+  ), $ = m(
+    (e) => {
+      C ? C(e) : (ue(e), U(1));
+    },
+    [C]
+  ), ge = m(
+    (e) => {
+      const t = typeof e == "function" ? e(P) : e;
+      z(t);
+    },
+    [P, z]
+  ), he = m(
+    (e) => {
+      const t = typeof e == "function" ? e(x) : e;
+      $(t);
+    },
+    [x, $]
+  ), pe = m(
+    (e) => {
+      const t = r.find((o) => o.key === e);
+      if ((t == null ? void 0 : t.sortable) !== !0) return;
+      let n = "asc";
+      p === e && (n = v === "asc" ? "desc" : "asc"), h ? h(e, n) : (ne(e), se(n), z(1));
+    },
+    [r, p, v, h, z]
+  ), L = m((e) => {
+    const t = X.current;
+    if (t === null) return;
+    const n = e.clientX - G.current, o = Math.max(80, H.current + n);
+    ce((d) => ({
+      ...d,
+      [t]: o
+    }));
+  }, []), K = m(
+    function e() {
+      X.current = null, document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", e);
+    },
+    [L]
+  ), me = m(
+    (e, t) => {
+      e.preventDefault(), e.stopPropagation(), X.current = t, G.current = e.clientX, H.current = T[t], document.addEventListener("mousemove", L), document.addEventListener("mouseup", K);
+    },
+    [T, L, K]
+  ), ve = (e, t) => {
+    y.current = t, e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/html", t);
+  }, Se = (e, t) => {
+    e.preventDefault(), e.dataTransfer.dropEffect = "move", J.current = t;
+  }, Ce = (e, t) => {
+    if (e.preventDefault(), y.current === null || y.current === t) return;
+    const n = [...I], o = n.indexOf(y.current), d = n.indexOf(t);
+    n.splice(o, 1), n.splice(d, 0, y.current), ie(n), y.current = null, J.current = null;
+  }, F = W(() => h !== void 0 ? s : [...s].sort((e, t) => {
+    if (p === null) return 0;
+    const n = r.find((A) => A.key === p), o = (n == null ? void 0 : n.getSortValue) !== void 0 ? n.getSortValue(e) : e[p], d = (n == null ? void 0 : n.getSortValue) !== void 0 ? n.getSortValue(t) : t[p];
+    if (typeof o == "string" && typeof d == "string") {
+      const A = o.localeCompare(d);
+      return v === "asc" ? A : -A;
+    }
+    return o === d ? 0 : o == null ? 1 : d == null ? -1 : o < d ? v === "asc" ? -1 : 1 : o > d ? v === "asc" ? 1 : -1 : 0;
+  }), [s, p, v, r, h]), xe = W(() => a !== void 0 ? F : F.slice(M, B), [F, M, B, a]);
+  return {
+    sortColumn: p,
+    sortDirection: v,
+    selectedRows: D,
+    setSelectedRows: E,
+    visibleColumns: w,
+    columnWidths: T,
+    currentPage: P,
+    setCurrentPage: ge,
+    pageSize: x,
+    setPageSize: he,
+    totalPages: q,
+    safeCurrentPage: _,
+    startIndex: M,
+    endIndex: B,
+    tableRef: de,
+    hasActions: N,
+    hasBulkActions: Q,
+    orderedColumns: j,
+    visibleColumnsArray: Y,
+    colSpanCount: fe,
+    paginatedData: xe,
+    handleSort: pe,
+    handleMouseDown: me,
+    handleDragStart: ve,
+    handleDragOver: Se,
+    handleDrop: Ce,
+    toggleColumnVisibility: (e) => {
+      const t = new Set(w);
+      t.has(e) ? t.delete(e) : t.add(e), oe(t);
+    },
+    toggleRowSelection: (e) => {
+      D.includes(e) ? E(D.filter((t) => t !== e)) : E([...D, e]);
+    },
+    toggleSelectAll: () => {
+      D.length === s.length ? E([]) : E(s.map((e) => S(e)));
+    }
+  };
+}
+const be = (s, r) => {
+  const S = Object.keys(s);
+  return S.length !== Object.keys(r).length ? !1 : S.every((g) => {
+    const i = s[g], c = r[g];
+    return i.side === (c == null ? void 0 : c.side) && i.offset === c.offset && i.isEdge === c.isEdge;
+  });
+};
+function Me(s) {
+  const [r, S] = f({});
+  return ye(() => {
+    const g = s.current;
+    if (!g) return;
+    let i = [];
+    const c = () => {
+      i = Array.from(g.querySelectorAll("thead th[data-fixed-side]"));
+      const a = {}, V = (u, O) => {
+        let C = 0;
+        u.forEach((k, R) => {
+          const h = k.dataset.columnKey;
+          h !== void 0 && (a[h] = { side: O, offset: C, isEdge: R === u.length - 1 }, C += k.getBoundingClientRect().width);
+        });
+      };
+      V(
+        i.filter((u) => u.dataset.fixedSide === "left"),
+        "left"
+      ), V(i.filter((u) => u.dataset.fixedSide === "right").reverse(), "right"), S((u) => be(u, a) ? u : a);
+    };
+    c();
+    const l = typeof ResizeObserver > "u" ? null : new ResizeObserver(c);
+    return l == null || l.observe(g), i.forEach((a) => l == null ? void 0 : l.observe(a)), () => {
+      l == null || l.disconnect();
+    };
+  }), r;
+}
+export {
+  Me as a,
+  Pe as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.228",
+  "version": "0.0.230",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {