@krosoft/react 0.0.347 → 0.0.348

package/dist/useFixedColumns-Bo-Az3Hp.js

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

package/dist/{useLanguage-DfuWcRWA.js → useLanguage-hjza5s3o.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./i18n-3KRQA34v.js";
+import { t as e } from "./i18n-IJZY85S7.js";
 import { t } from "./useNotifications-CyhTruIG.js";
 import { useTranslation as n } from "react-i18next";
 //#region src/hooks/ui/useLanguage.ts

package/dist/{useTheme-VQiX8TT8.js → useTheme-dRbDEXab.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./i18n-3KRQA34v.js";
+import { t as e } from "./i18n-IJZY85S7.js";
 import { t } from "./useNotifications-CyhTruIG.js";
 import { useTheme as n } from "next-themes";
 //#region src/hooks/ui/useTheme.ts

package/package.json

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

package/dist/useFixedColumns-B2yti0Rk.js

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