@toolbox-web/grid-react 2.0.0 → 2.1.0

package/index.js

@@ -7,12 +7,12 @@ import { t as _ } from "./chunks/grid-element-context-DpuQsoie.js";
 import { t as v } from "./chunks/grid-detail-panel-CLdX0T_A.js";
 import { t as y } from "./chunks/grid-responsive-card-Dx5U6Prm.js";
 import { DataGridElement as b, parseColumnShorthand as x } from "@toolbox-web/grid";
-import { Component as S, createContext as C, createElement as ee, forwardRef as w, useCallback as T, useContext as E, useEffect as D, useId as O, useImperativeHandle as k, useLayoutEffect as A, useMemo as j, useReducer as M, useRef as N, useState as P } from "react";
-import { Fragment as F, jsx as I, jsxs as te } from "react/jsx-runtime";
-import { createPortal as L, flushSync as R } from "react-dom";
-import { createPluginsFromFeatures as z } from "@toolbox-web/grid/features/registry";
+import { Component as S, createContext as C, createElement as ee, forwardRef as w, useCallback as T, useContext as E, useEffect as D, useId as O, useImperativeHandle as te, useLayoutEffect as ne, useMemo as k, useReducer as A, useRef as j, useState as M } from "react";
+import { Fragment as N, jsx as P, jsxs as re } from "react/jsx-runtime";
+import { createPortal as F, flushSync as I } from "react-dom";
+import { createPluginsFromFeatures as L } from "@toolbox-web/grid/features/registry";
 //#region libs/grid-react/src/lib/column-shorthand.ts
-function B(e) {
+function R(e) {
 	let { field: t, header: n, type: r } = x(e);
 	return r === void 0 ? {
 		field: t,
@@ -23,21 +23,21 @@ function B(e) {
 		type: r
 	};
 }
-function V(e) {
-	return e.map((e) => typeof e == "string" ? B(e) : e);
+function z(e) {
+	return e.map((e) => typeof e == "string" ? R(e) : e);
 }
-function H(e, t) {
+function B(e, t) {
 	return t ? e.map((e) => ({
 		...t,
 		...e
 	})) : e;
 }
-function U(e) {
+function V(e) {
 	return e.some((e) => typeof e == "string");
 }
 //#endregion
 //#region libs/grid-react/src/lib/event-props.ts
-var W = {
+var H = {
 	onCellClick: "cell-click",
 	onRowClick: "row-click",
 	onCellActivate: "cell-activate",
@@ -81,24 +81,24 @@ var W = {
 	onPrintComplete: "print-complete",
 	onTbwScroll: "tbw-scroll",
 	onRender: "render"
-}, G = C(null), K = ({ icons: e, children: t }) => /* @__PURE__ */ I(G.Provider, {
+}, U = C(null), W = ({ icons: e, children: t }) => /* @__PURE__ */ P(U.Provider, {
 	value: e,
 	children: t
 });
-function q() {
-	return E(G);
+function G() {
+	return E(U);
 }
-var ne = G, J = C(null), Y = ({ defaults: e, children: t }) => /* @__PURE__ */ I(J.Provider, {
+var ie = U, K = C(null), q = ({ defaults: e, children: t }) => /* @__PURE__ */ P(K.Provider, {
 	value: e,
 	children: t
 });
-function X() {
-	return E(J);
+function J() {
+	return E(K);
 }
-function Z(e) {
-	return E(J)?.[e];
+function Y(e) {
+	return E(K)?.[e];
 }
-var re = J, ie = class extends S {
+var ae = K, X = class extends S {
 	state = { failed: !1 };
 	static getDerivedStateFromError() {
 		return { failed: !0 };
@@ -109,10 +109,10 @@ var re = J, ie = class extends S {
 	render() {
 		return this.state.failed ? null : this.props.children;
 	}
-}, ae = w(function(e, t) {
-	let n = N(/* @__PURE__ */ new Map()), [, r] = M((e) => e + 1, 0), i = N(!1), a = N(0), o = N(0), s = N(!1), c = N(!1), l = () => {
+}, oe = w(function(e, t) {
+	let n = j(/* @__PURE__ */ new Map()), [, r] = A((e) => e + 1, 0), i = j(!1), a = j(0), o = j(0), s = j(!1), c = j(!1), l = () => {
 		i.current || (i.current = !0, queueMicrotask(() => {
-			i.current = !1, !c.current && (R(r), u());
+			i.current = !1, !c.current && (I(r), u());
 		}));
 	}, u = () => {
 		a.current ||= requestAnimationFrame(() => {
@@ -121,7 +121,7 @@ var re = J, ie = class extends S {
 	}, d = (e, t) => {
 		console.error(`[grid-react] Portal "${e}" crashed; dropping.`, t), n.current.delete(e), u();
 	};
-	k(t, () => ({
+	te(t, () => ({
 		renderPortal(e, t, r) {
 			c.current || (n.current.set(e, {
 				container: t,
@@ -133,7 +133,7 @@ var re = J, ie = class extends S {
 				n.current.delete(e);
 				return;
 			}
-			n.current.delete(e) && (o.current > 0 ? s.current = !0 : t ? R(r) : l());
+			n.current.delete(e) && (o.current > 0 ? s.current = !0 : t ? I(r) : l());
 		},
 		beginBatch() {
 			o.current++;
@@ -148,7 +148,7 @@ var re = J, ie = class extends S {
 			}
 			n.current.size > 0 && (n.current.clear(), a.current &&= (cancelAnimationFrame(a.current), 0), l());
 		}
-	}), []), A(() => {
+	}), []), ne(() => {
 		c.current = !1;
 		let e = n.current;
 		return () => {
@@ -161,7 +161,7 @@ var re = J, ie = class extends S {
 			(p ??= []).push(e);
 			continue;
 		}
-		f.push(L(/* @__PURE__ */ I(ie, {
+		f.push(F(/* @__PURE__ */ P(X, {
 			portalKey: e,
 			onError: d,
 			children: r
@@ -173,34 +173,52 @@ var re = J, ie = class extends S {
 			for (let t of e) n.current.delete(t);
 		});
 	}
-	return /* @__PURE__ */ I(F, { children: f });
-}), oe = {
+	return /* @__PURE__ */ P(N, { children: f });
+});
+//#endregion
+//#region libs/grid-react/src/lib/row-diff.ts
+function se(e, t, n) {
+	if (t.length === 0 || e.length !== t.length) return null;
+	let r = [];
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i], o = t[i], s = n(a);
+		if (s !== n(o)) return null;
+		o !== a && r.push({
+			id: s,
+			changes: a
+		});
+	}
+	return r;
+}
+//#endregion
+//#region libs/grid-react/src/lib/use-sync-plugins.ts
+var Z = {
 	undoRedo: ["editing"],
 	clipboard: ["selection"]
 };
-function se(e) {
+function ce(e) {
 	let t = new Set(e);
 	for (let n of e) {
-		let e = oe[n];
+		let e = Z[n];
 		if (e) for (let r of e) t.has(r) || console.warn(`[DataGrid] Feature "${n}" requires "${r}" to be enabled. Add the "${r}" prop to your DataGrid.`);
 	}
 }
-function ce(e) {
+function le(e) {
 	let t = [];
 	for (let [n, r] of Object.entries(e)) r === void 0 || r === !1 || t.push(n);
-	return se(t), z(e);
+	return ce(t), L(e);
 }
 //#endregion
 //#region libs/grid-react/src/lib/data-grid.tsx
-var le = !1, Q = null;
+var ue = !1, Q = null;
 function $() {
-	return le ||= (Q = new c(), b.registerAdapter(Q), !0), Q;
+	return ue ||= (Q = new c(), b.registerAdapter(Q), !0), Q;
 }
 $();
-var ue = /* @__PURE__ */ new WeakMap(), de = 0;
-function fe(e) {
-	let t = ue.get(e);
-	return t === void 0 && (t = ++de, ue.set(e, t)), t;
+var de = /* @__PURE__ */ new WeakMap(), fe = 0;
+function pe(e) {
+	let t = de.get(e);
+	return t === void 0 && (t = ++fe, de.set(e, t)), t;
 }
 a("GridDetailPanel", (e) => {
 	let t = e.props;
@@ -209,42 +227,42 @@ a("GridDetailPanel", (e) => {
 		animation: t.animation ?? "slide"
 	} };
 }), a("GridResponsiveCard", () => ({ responsive: !0 }));
-var pe = w(function(e, t) {
-	let { rows: r, gridConfig: i, columns: a, columnDefaults: o, fitMode: s, columnInference: c, sortable: u, filterable: d, selectable: p, loading: h, customStyles: v, className: y, style: x, children: S, plugins: C, onRowsChange: w, ...T } = e, O = N(null), M = N(null), P = N(!1), L = E(re), R = E(ne), z = j(() => {
+var me = w(function(e, t) {
+	let { rows: r, gridConfig: i, columns: a, columnDefaults: o, fitMode: s, columnInference: c, sortable: u, filterable: d, selectable: p, loading: h, customStyles: v, className: y, style: x, children: S, plugins: C, onRowsChange: w, ...T } = e, O = j(null), A = j(null), M = j(!1), F = j([]), I = j(void 0), L = E(ae), R = E(ie), V = k(() => {
 		let e = {}, t = T;
 		for (let n of l()) {
 			let r = t[n];
 			r !== void 0 && (e[n] = r);
 		}
 		return e;
-	}, [j(() => l().map((e) => {
+	}, [k(() => l().map((e) => {
 		let t = T[e];
 		if (t === void 0) return "";
 		let n;
 		try {
 			n = JSON.stringify(t) ?? "undefined";
 		} catch {
-			n = typeof t == "object" && t ? `ref#${fe(t)}` : `prim:${String(t)}`;
+			n = typeof t == "object" && t ? `ref#${pe(t)}` : `prim:${String(t)}`;
 		}
 		return `${e}:${n}`;
-	}).filter(Boolean).join("|"), [T])]), B = j(() => n(S), [S]), U = j(() => {
+	}).filter(Boolean).join("|"), [T])]), U = k(() => n(S), [S]), W = k(() => {
 		let e = i?.features, t = {};
-		for (let [n, r] of Object.entries(B)) e && n in e && e[n] !== void 0 && e[n] !== !1 || (t[n] = r);
+		for (let [n, r] of Object.entries(U)) e && n in e && e[n] !== void 0 && e[n] !== !1 || (t[n] = r);
 		return {
 			...t,
-			...z
+			...V
 		};
 	}, [
-		z,
-		B,
+		V,
+		U,
 		i
-	]), G = j(() => C ? [] : ce(U), [U, C]), K = j(() => {
+	]), G = k(() => C ? [] : le(W), [W, C]), K = k(() => {
 		if (C) {
 			let e = new Set(C.map((e) => e.name)), t = G.filter((t) => !e.has(t.name));
 			return [...C, ...t];
 		}
 		return G;
-	}, [C, G]), q = j(() => a && H(V(a), o), [a, o]), J = j(() => {
+	}, [C, G]), q = k(() => a && B(z(a), o), [a, o]), J = k(() => {
 		let e = g(i), t = {};
 		if (u !== void 0 && (t.sortable = u), d !== void 0 && (t.filterable = d), p !== void 0 && (t.selectable = p), R) {
 			let n = e?.icons || i?.icons || {};
@@ -277,9 +295,22 @@ var pe = w(function(e, t) {
 		R
 	]);
 	D(() => {
+		I.current = J?.getRowId;
+	}, [J]), D(() => {
 		$().setTypeDefaults(L);
 	}, [L]), D(() => {
-		O.current && (O.current.rows = r);
+		let e = O.current;
+		if (!e) return;
+		let t = I.current, n = t ? se(r, F.current, t) : null;
+		if (F.current = r, n !== null) {
+			if (n.length > 0) try {
+				e.updateRows(n, "sync");
+			} catch {
+				e.rows = r;
+			}
+			return;
+		}
+		e.rows = r;
 	}, [r]), D(() => {
 		O.current && J && (O.current.gridConfig = J);
 	}, [J]), D(() => {
@@ -304,9 +335,9 @@ var pe = w(function(e, t) {
 		if (!O.current || !v) return;
 		let e = O.current, t = "react-custom-styles", n = !0;
 		return e.ready?.().then(() => {
-			n && v && (e.registerStyles?.(t, v), M.current = t);
+			n && v && (e.registerStyles?.(t, v), A.current = t);
 		}), () => {
-			n = !1, M.current &&= (e.unregisterStyles?.(M.current), null);
+			n = !1, A.current &&= (e.unregisterStyles?.(A.current), null);
 		};
 	}, [v]), D(() => {
 		let e = O.current;
@@ -316,19 +347,19 @@ var pe = w(function(e, t) {
 			t.forEach((e) => e());
 		};
 	}, [w]);
-	let Y = j(() => Object.keys(W).filter((e) => typeof T[e] == "function").sort().join("|"), [T]), X = N({});
-	for (let e of Object.keys(W)) X.current[e] = T[e];
+	let Y = k(() => Object.keys(H).filter((e) => typeof T[e] == "function").sort().join("|"), [T]), X = j({});
+	for (let e of Object.keys(H)) X.current[e] = T[e];
 	D(() => {
 		let e = O.current;
 		if (!e) return;
 		let t = [];
-		for (let [n, r] of Object.entries(W)) Y.includes(n) && t.push(e.on(r, (e, t) => {
+		for (let [n, r] of Object.entries(H)) Y.includes(n) && t.push(e.on(r, (e, t) => {
 			X.current[n]?.(e, t);
 		}));
 		return () => {
 			t.forEach((e) => e());
 		};
-	}, [Y]), k(t, () => ({
+	}, [Y]), te(t, () => ({
 		get element() {
 			return O.current;
 		},
@@ -366,42 +397,42 @@ var pe = w(function(e, t) {
 			O.current?.clearAllLoading?.();
 		}
 	}), []);
-	let Z = N(null);
-	return A(() => {
+	let Z = j(null);
+	return ne(() => {
 		let e = O.current;
 		return e && Z.current && f(e, Z.current), () => {
 			e && f(e, null);
 		};
-	}, []), /* @__PURE__ */ te(F, { children: [/* @__PURE__ */ I(ae, { ref: Z }), ee(b.activeTag, {
+	}, []), /* @__PURE__ */ re(N, { children: [/* @__PURE__ */ P(oe, { ref: Z }), ee(b.activeTag, {
 		ref: (e) => {
-			if (O.current = e, e && !P.current) {
-				P.current = !0;
+			if (O.current = e, e && !M.current) {
+				M.current = !0;
 				let t = e;
 				J && (t.gridConfig = J), r && (t.rows = r), q && (t.columns = q);
 			}
 		},
 		class: y,
 		style: x
-	}, /* @__PURE__ */ I(_.Provider, {
+	}, /* @__PURE__ */ P(_.Provider, {
 		value: O,
 		children: S
 	}))] });
 });
 //#endregion
 //#region libs/grid-react/src/lib/grid-column.tsx
-function me(e) {
-	let { field: t, header: n, type: r, editable: a, sortable: s, resizable: c, width: l, minWidth: u, order: d, hidden: f, lockVisible: p, children: m, editor: h, options: g, multi: _, format: v } = e, y = N(null), b = T((e) => {
+function he(e) {
+	let { field: t, header: n, type: r, editable: a, sortable: s, resizable: c, width: l, minWidth: u, order: d, hidden: f, lockVisible: p, children: m, editor: h, options: g, multi: _, format: v } = e, y = j(null), b = T((e) => {
 		y.current = e, e && (m && o(e, m), h && i(e, h));
 	}, [m, h]), x = typeof l == "number" ? `${l}px` : l, S = {
 		field: t,
 		ref: b
 	};
-	return n !== void 0 && (S.header = n), r !== void 0 && (S.type = r), a !== void 0 && (S.editable = a), s !== void 0 && (S.sortable = s), c !== void 0 && (S.resizable = c), x !== void 0 && (S.width = x), u !== void 0 && (S["min-width"] = u), d !== void 0 && (S.order = d), f !== void 0 && (S.hidden = f), p !== void 0 && (S["lock-visible"] = p), _ !== void 0 && (S.multi = _), v && (S["data-has-format"] = "true"), g && (S["data-has-options"] = "true"), /* @__PURE__ */ I("tbw-grid-column", { ...S });
+	return n !== void 0 && (S.header = n), r !== void 0 && (S.type = r), a !== void 0 && (S.editable = a), s !== void 0 && (S.sortable = s), c !== void 0 && (S.resizable = c), x !== void 0 && (S.width = x), u !== void 0 && (S["min-width"] = u), d !== void 0 && (S.order = d), f !== void 0 && (S.hidden = f), p !== void 0 && (S["lock-visible"] = p), _ !== void 0 && (S.multi = _), v && (S["data-has-format"] = "true"), g && (S["data-has-options"] = "true"), /* @__PURE__ */ P("tbw-grid-column", { ...S });
 }
 //#endregion
 //#region libs/grid-react/src/lib/grid-header-content.tsx
-function he({ id: e, order: t = 100, children: n }) {
-	let r = O(), i = e ?? `tbw-header-content-${r}`, a = E(_), [o, s] = P(null), c = N(null);
+function ge({ id: e, order: t = 100, children: n }) {
+	let r = O(), i = e ?? `tbw-header-content-${r}`, a = E(_), [o, s] = M(null), c = j(null);
 	return D(() => {
 		let e = a?.current;
 		if (!e) return;
@@ -438,13 +469,13 @@ function he({ id: e, order: t = 100, children: n }) {
 }
 //#endregion
 //#region libs/grid-react/src/lib/grid-tool-button.tsx
-function ge({ children: e }) {
-	return /* @__PURE__ */ I("tbw-grid-tool-buttons", { children: e });
+function _e({ children: e }) {
+	return /* @__PURE__ */ P("tbw-grid-tool-buttons", { children: e });
 }
 //#endregion
 //#region libs/grid-react/src/lib/grid-toolbar-content.tsx
-function _e({ id: e, order: t = 100, children: n }) {
-	let r = O(), i = e ?? `tbw-toolbar-content-${r}`, a = E(_), [o, s] = P(null), c = N(null);
+function ve({ id: e, order: t = 100, children: n }) {
+	let r = O(), i = e ?? `tbw-toolbar-content-${r}`, a = E(_), [o, s] = M(null), c = j(null);
 	return D(() => {
 		let e = a?.current;
 		if (!e) return;
@@ -481,38 +512,38 @@ function _e({ id: e, order: t = 100, children: n }) {
 }
 //#endregion
 //#region libs/grid-react/src/lib/grid-type.tsx
-function ve(e) {
+function ye(e) {
 	return e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/_/g, "-").toLowerCase();
 }
-function ye(t) {
-	let { name: n, params: r, children: i, editor: a } = t, o = N(null), c = {
+function be(t) {
+	let { name: n, params: r, children: i, editor: a } = t, o = j(null), c = {
 		name: n,
 		ref: T((t) => {
 			o.current = t, t && (i && e(t, i), a && s(t, a));
 		}, [i, a])
 	};
-	if (r) for (let [e, t] of Object.entries(r)) c[`data-${ve(e)}`] = String(t);
-	return /* @__PURE__ */ te("tbw-grid-type", {
+	if (r) for (let [e, t] of Object.entries(r)) c[`data-${ye(e)}`] = String(t);
+	return /* @__PURE__ */ re("tbw-grid-type", {
 		...c,
-		children: [i ? /* @__PURE__ */ I("tbw-grid-column-view", {}) : null, a ? /* @__PURE__ */ I("tbw-grid-column-editor", {}) : null]
+		children: [i ? /* @__PURE__ */ P("tbw-grid-column-view", {}) : null, a ? /* @__PURE__ */ P("tbw-grid-column-editor", {}) : null]
 	});
 }
 //#endregion
 //#region libs/grid-react/src/lib/grid-provider.tsx
-var be = ({ icons: e, defaults: t, children: n }) => {
+var xe = ({ icons: e, defaults: t, children: n }) => {
 	let r = n;
-	return t && (r = /* @__PURE__ */ I(Y, {
+	return t && (r = /* @__PURE__ */ P(q, {
 		defaults: t,
 		children: r
-	})), e && (r = /* @__PURE__ */ I(K, {
+	})), e && (r = /* @__PURE__ */ P(W, {
 		icons: e,
 		children: r
-	})), /* @__PURE__ */ I(F, { children: r });
+	})), /* @__PURE__ */ P(N, { children: r });
 };
 //#endregion
 //#region libs/grid-react/src/lib/use-grid.ts
-function xe(e) {
-	let t = N(null), [n, r] = P(!1), [i, a] = P(null), o = N(null), s = T(() => e ? (o.current ??= document.querySelector(e), o.current) : t.current?.element ?? null, [e]);
+function Se(e) {
+	let t = j(null), [n, r] = M(!1), [i, a] = M(null), o = j(null), s = T(() => e ? (o.current ??= document.querySelector(e), o.current) : t.current?.element ?? null, [e]);
 	D(() => {
 		let n = !0;
 		return (async () => {
@@ -592,7 +623,7 @@ function xe(e) {
 }
 //#endregion
 //#region libs/grid-react/src/lib/use-grid-overlay.ts
-function Se(e, t = {}) {
+function Ce(e, t = {}) {
 	let { open: n = !0, gridElement: r } = t, i = E(_);
 	D(() => {
 		if (!n) return;
@@ -610,4 +641,4 @@ function Se(e, t = {}) {
 	]);
 }
 //#endregion
-export { pe as DataGrid, c as GridAdapter, me as GridColumn, v as GridDetailPanel, he as GridHeaderContent, K as GridIconProvider, be as GridProvider, y as GridResponsiveCard, ge as GridToolButtons, r as GridToolPanel, _e as GridToolbarContent, ye as GridType, Y as GridTypeProvider, H as applyColumnDefaults, U as hasColumnShorthands, V as normalizeColumns, B as parseColumnShorthand, a as registerChildFeatureDetector, h as registerEditorMountHook, t as registerFeaturePropKey, p as registerPostMountRefresh, xe as useGrid, q as useGridIcons, Se as useGridOverlay, X as useGridTypeDefaults, Z as useTypeDefault };
+export { me as DataGrid, c as GridAdapter, he as GridColumn, v as GridDetailPanel, ge as GridHeaderContent, W as GridIconProvider, xe as GridProvider, y as GridResponsiveCard, _e as GridToolButtons, r as GridToolPanel, ve as GridToolbarContent, be as GridType, q as GridTypeProvider, B as applyColumnDefaults, V as hasColumnShorthands, z as normalizeColumns, R as parseColumnShorthand, a as registerChildFeatureDetector, h as registerEditorMountHook, t as registerFeaturePropKey, p as registerPostMountRefresh, Se as useGrid, G as useGridIcons, Ce as useGridOverlay, J as useGridTypeDefaults, Y as useTypeDefault };

package/lib/data-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/data-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE9F,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,aAAa,CAAC;AAErB,OAAO,EAAyC,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhE,OAAO,EAAE,KAAK,eAAe,EAAqB,MAAM,iBAAiB,CAAC;AAO1E,OAAO,EAAqB,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAwE9F,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAa,CAAC,IAAI,GAAG,OAAO,CAAE,SAAQ,eAAe,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC;IAC5F,0BAA0B;IAC1B,IAAI,EAAE,IAAI,EAAE,CAAC;IACb;;;;;;;;;;;;;;OAcG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAC9B;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;IAClC;;;;;;;;;;;;;;OAcG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7C,iCAAiC;IACjC,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;IACjD;;;;;OAKG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC;;;;;;;;;;;;;;;;;OAiBG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;;;;;;OAiBG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;;;;OAiBG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAG3B,sDAAsD;IACtD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACvC;AAED;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,IAAI,GAAG,OAAO;IACzC,yDAAyD;IACzD,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACtC,sCAAsC;IACtC,SAAS,EAAE,MAAM,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACrD,oCAAoC;IACpC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,mCAAmC;IACnC,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,yBAAyB;IACzB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,6BAA6B;IAC7B,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,+BAA+B;IAC/B,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,2CAA2C;IAC3C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,4CAA4C;IAC5C,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,yCAAyC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACzC,0CAA0C;IAC1C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACzD,uDAAuD;IACvD,eAAe,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,eAAO,MAAM,QAAQ,EAoef,CAAC,IAAI,GAAG,OAAO,EAAE,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAA;CAAE,KAAK,KAAK,CAAC,YAAY,CAAC"}
+{"version":3,"file":"data-grid.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/data-grid.tsx"],"names":[],"mappings":"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"}

package/lib/row-diff.d.ts

@@ -0,0 +1,20 @@
+export interface RowUpdate {
+    id: string;
+    changes: Record<string, unknown>;
+}
+/**
+ * Computes the minimal set of row updates needed when only values have changed
+ * (same row count, same row IDs in the same order).
+ *
+ * Returns an array of updates (possibly empty) when the diff is value-only, or
+ * `null` when a structural change is detected (different count, different IDs
+ * in sequence, or initial load from an empty snapshot).
+ *
+ * Used by the DataGrid component to decide whether to call `grid.updateRows()`
+ * (value-only, fast path) or `grid.rows =` (full replace). Kept as a pure
+ * helper so it can be unit-tested without React.
+ *
+ * @since 3.5.0
+ */
+export declare function computeRowDiff<T>(next: T[], prev: T[], getId: (row: T) => string): RowUpdate[] | null;
+//# sourceMappingURL=row-diff.d.ts.map

package/lib/row-diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-diff.d.ts","sourceRoot":"","sources":["../../../../libs/grid-react/src/lib/row-diff.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,EAAE,GAAG,IAAI,CAerG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@toolbox-web/grid-react",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "React adapter for @toolbox-web/grid data grid component",
   "type": "module",
   "main": "./index.js",