@krosoft/react 0.0.97 → 0.0.99

package/dist/{tooltip-CAu4DEhc.js → tooltip-mWS3Mix6.js}

@@ -1,6 +1,6 @@
-import { c as dn, a as pn } from "./index-DSyPHOLE.js";
+import { c as dn, a as pn } from "./index-BSI9LuBZ.js";
 import { jsx as P, Fragment as mn, jsxs as hn } from "react/jsx-runtime";
-import { c as yt } from "./index-gWiv5-6R.js";
+import { c as yt } from "./tailwind.helper-gWiv5-6R.js";
 import * as l from "react";
 import { useLayoutEffect as gn } from "react";
 import * as vt from "react-dom";

package/dist/types/UseDataTableProps.d.ts

@@ -9,5 +9,13 @@ export interface UseDataTableProps<T> {
     actions?: RowAction<T>[];
     bulkActions?: BulkAction[];
     columnVisibility?: boolean;
+    totalRows?: number;
+    currentPage?: number;
+    pageSize?: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    sortColumn?: string | null;
+    sortDirection?: "asc" | "desc";
+    onSortChange?: (column: string | null, direction: "asc" | "desc") => void;
 }
 //# sourceMappingURL=UseDataTableProps.d.ts.map

package/dist/types/UseDataTableProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseDataTableProps.d.ts","sourceRoot":"","sources":["../../src/types/UseDataTableProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B"}
+{"version":3,"file":"UseDataTableProps.d.ts","sourceRoot":"","sources":["../../src/types/UseDataTableProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAG3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC/B,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CAC3E"}

package/dist/useDataTable-CxcA5S-s.js

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

package/dist/{useTheme-Bn8z_uxy.js → useTheme-BtR4Ahrp.js}

@@ -26,6 +26,6 @@ function g(e) {
   };
 }
 export {
-  g as a,
-  T as u
+  T as a,
+  g as u
 };

package/package.json

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

package/dist/useDataTable-CQpx3zTg.js

@@ -1,91 +0,0 @@
-import { useState as l, useRef as d, useMemo as S, useCallback as O } from "react";
-function ue({
-  data: i,
-  columns: o,
-  getRowId: j,
-  defaultPageSize: q,
-  actions: R,
-  bulkActions: y,
-  columnVisibility: G = !0
-}) {
-  var F;
-  const [u, H] = l(((F = o.find((e) => e.sortable === !0)) == null ? void 0 : F.key) ?? null), [c, P] = l("asc"), [g, f] = l([]), [h, J] = l(new Set(o.filter((e) => e.defaultVisible !== !1).map((e) => e.key))), [b, N] = l(o.map((e) => e.key)), [w, Q] = l(o.reduce((e, t) => ({ ...e, [t.key]: t.minWidth ?? 100 }), {})), [V, A] = l(1), [m, Y] = l(q), Z = d(null), x = d(null), E = d(0), W = d(0), a = d(null), z = d(null), I = R !== void 0 && R.length > 0, L = y !== void 0 && y.length > 0, M = S(() => b.map((e) => o.find((t) => t.key === e)).filter((e) => e !== void 0), [b, o]), T = S(() => M.filter((e) => h.has(e.key)), [M, h]), _ = T.length + (L ? 1 : 0) + (I || G ? 1 : 0), k = Math.max(1, Math.ceil(i.length / m)), X = V > k ? k : V, p = i.length === 0 ? 0 : (X - 1) * m, D = Math.min(p + m, i.length), $ = (e) => {
-    const t = o.find((n) => n.key === e);
-    (t == null ? void 0 : t.sortable) === !0 && (u === e ? P(c === "asc" ? "desc" : "asc") : (H(e), P("asc")), A(1));
-  }, v = O((e) => {
-    const t = x.current;
-    if (t === null) return;
-    const n = e.clientX - E.current, r = Math.max(80, W.current + n);
-    Q((s) => ({
-      ...s,
-      [t]: r
-    }));
-  }, []), U = O(
-    function e() {
-      x.current = null, document.removeEventListener("mousemove", v), document.removeEventListener("mouseup", e);
-    },
-    [v]
-  ), K = O(
-    (e, t) => {
-      e.preventDefault(), e.stopPropagation(), x.current = t, E.current = e.clientX, W.current = w[t], document.addEventListener("mousemove", v), document.addEventListener("mouseup", U);
-    },
-    [w, v, U]
-  ), ee = (e, t) => {
-    a.current = t, e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/html", t);
-  }, te = (e, t) => {
-    e.preventDefault(), e.dataTransfer.dropEffect = "move", z.current = t;
-  }, ne = (e, t) => {
-    if (e.preventDefault(), a.current === null || a.current === t) return;
-    const n = [...b], r = n.indexOf(a.current), s = n.indexOf(t);
-    n.splice(r, 1), n.splice(s, 0, a.current), N(n), a.current = null, z.current = null;
-  }, B = S(() => [...i].sort((e, t) => {
-    if (u === null) return 0;
-    const n = o.find((C) => C.key === u), r = (n == null ? void 0 : n.getSortValue) !== void 0 ? n.getSortValue(e) : e[u], s = (n == null ? void 0 : n.getSortValue) !== void 0 ? n.getSortValue(t) : t[u];
-    if (typeof r == "string" && typeof s == "string") {
-      const C = r.localeCompare(s);
-      return c === "asc" ? C : -C;
-    }
-    return r === s ? 0 : r == null ? 1 : s == null ? -1 : r < s ? c === "asc" ? -1 : 1 : r > s ? c === "asc" ? 1 : -1 : 0;
-  }), [i, u, c, o]), re = S(() => B.slice(p, D), [B, p, D]);
-  return {
-    sortColumn: u,
-    sortDirection: c,
-    selectedRows: g,
-    setSelectedRows: f,
-    visibleColumns: h,
-    columnWidths: w,
-    currentPage: V,
-    setCurrentPage: A,
-    pageSize: m,
-    setPageSize: Y,
-    totalPages: k,
-    safeCurrentPage: X,
-    startIndex: p,
-    endIndex: D,
-    tableRef: Z,
-    hasActions: I,
-    hasBulkActions: L,
-    orderedColumns: M,
-    visibleColumnsArray: T,
-    colSpanCount: _,
-    paginatedData: re,
-    handleSort: $,
-    handleMouseDown: K,
-    handleDragStart: ee,
-    handleDragOver: te,
-    handleDrop: ne,
-    toggleColumnVisibility: (e) => {
-      const t = new Set(h);
-      t.has(e) ? t.delete(e) : t.add(e), J(t);
-    },
-    toggleRowSelection: (e) => {
-      g.includes(e) ? f(g.filter((t) => t !== e)) : f([...g, e]);
-    },
-    toggleSelectAll: () => {
-      g.length === i.length ? f([]) : f(i.map((e) => j(e)));
-    }
-  };
-}
-export {
-  ue as u
-};