@oliasoft-open-source/react-ui-library 7.6.0-beta-2 → 7.6.0-beta-3

package/dist/components/diff-table/build-diff-rows.d.ts

@@ -1,12 +1,26 @@
 import { TRowType, TRowsType } from '../table/table.viewdata';
+export type TDiffRowStatus = 'added' | 'deleted' | 'matched';
+export type TDiffIndexEntry = {
+    status: TDiffRowStatus;
+    row: TRowType;
+    compareRow?: TRowType;
+};
 /**
  * Returns the identity key for a row (first cell value, stringified).
  */
 export declare const getRowKey: (row: TRowType) => string;
 /**
- * Merges current rows with compareRows and annotates cells for diff highlighting.
+ * Builds a lightweight merge index without cloning/annotating cells.
  * Identity is the first cell value. Deleted compare rows are inserted before their
  * next still-present successor from compareRows (or appended if none).
  */
+export declare const buildDiffIndex: (rows?: TRowsType, compareRows?: TRowsType) => TDiffIndexEntry[];
+/**
+ * Builds an annotated table row from a diff index entry (styles / tooltips).
+ */
+export declare const buildAnnotatedRow: (entry: TDiffIndexEntry) => TRowType;
+/**
+ * Merges current rows with compareRows and annotates cells for diff highlighting.
+ */
 export declare const buildDiffRows: (rows?: TRowsType, compareRows?: TRowsType) => TRowsType;
 //# sourceMappingURL=build-diff-rows.d.ts.map

package/dist/components/diff-table/build-diff-rows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build-diff-rows.d.ts","sourceRoot":"","sources":["../../../src/components/diff-table/build-diff-rows.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAwBtE;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,KAAK,QAAQ,KAAG,MAMzC,CAAC;AA6BF;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,OAAM,SAAc,EAAE,cAAa,SAAc,KAAG,SA2DjF,CAAC"}
+{"version":3,"file":"build-diff-rows.d.ts","sourceRoot":"","sources":["../../../src/components/diff-table/build-diff-rows.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AActE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,cAAc,CAAC;IACvB,GAAG,EAAE,QAAQ,CAAC;IACd,UAAU,CAAC,EAAE,QAAQ,CAAC;CACvB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,KAAK,QAAQ,KAAG,MAMzC,CAAC;AA8BF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,OAAM,SAAc,EAAE,cAAa,SAAc,KAAG,eAAe,EAsDjG,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,eAAe,KAAG,QAQ1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,OAAM,SAAc,EAAE,cAAa,SAAc,KAAG,SAEjF,CAAC"}

package/dist/components/diff-table/diff-table.d.ts

@@ -4,5 +4,9 @@ export interface IDiffTableProps extends Omit<ITableProps, 'table'> {
     table: ITableTableProps;
     compareRows: TRowsType;
 }
-export declare const DiffTable: ({ table, compareRows, ...rest }: IDiffTableProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Skinny wrapper around Table that highlights row/cell differences between
+ * `table.rows` (current) and `compareRows` (previous).
+ */
+export declare const DiffTable: ({ table, compareRows, beforeRenderRow: beforeRenderRowProp, ...rest }: IDiffTableProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=diff-table.d.ts.map

package/dist/components/diff-table/diff-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diff-table.d.ts","sourceRoot":"","sources":["../../../src/components/diff-table/diff-table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAS,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAG5D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IACjE,KAAK,EAAE,gBAAgB,CAAC;IACxB,WAAW,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,GAAI,iCAAiC,eAAe,4CAazE,CAAC"}
+{"version":3,"file":"diff-table.d.ts","sourceRoot":"","sources":["../../../src/components/diff-table/diff-table.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAS,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAY,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAGtE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IACjE,KAAK,EAAE,gBAAgB,CAAC;IACxB,WAAW,EAAE,SAAS,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,uEAAuE,eAAe,4CA0B/G,CAAC"}

package/dist/components/diff-table/diff-table.stories.d.ts

@@ -21,4 +21,14 @@ export declare const GotchaEmptyKey: import('storybook/internal/csf').AnnotatedS
  * ReactNode values in the first cell stringify to "[object Object]" — unstable keys.
  */
 export declare const GotchaReactNodeKey: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, IDiffTableProps>;
+export declare const LargeVirtualized: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
 //# sourceMappingURL=diff-table.stories.d.ts.map

package/dist/components/diff-table/diff-table.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"diff-table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/diff-table/diff-table.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAItD,OAAO,EAAa,eAAe,EAAE,MAAM,cAAc,CAAC;wBAoDrD,IAAI;AAPT,wBAOU;AAIV,eAAO,MAAM,OAAO,mHAAoB,CAAC;AAEzC,eAAO,MAAM,SAAS,mHAAoB,CAAC;AAM3C;;;GAGG;AACH,eAAO,MAAM,eAAe,mHAAoB,CAAC;AAcjD;;GAEG;AACH,eAAO,MAAM,mBAAmB,mHAAoB,CAAC;AAiBrD;;GAEG;AACH,eAAO,MAAM,cAAc,mHAAoB,CAAC;AAwBhD;;GAEG;AACH,eAAO,MAAM,kBAAkB,mHAAoB,CAAC"}
+{"version":3,"file":"diff-table.stories.d.ts","sourceRoot":"","sources":["../../../src/components/diff-table/diff-table.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAKtD,OAAO,EAAa,eAAe,EAAE,MAAM,cAAc,CAAC;wBAqDrD,IAAI;AAPT,wBAOU;AAIV,eAAO,MAAM,OAAO,mHAAoB,CAAC;AAEzC,eAAO,MAAM,SAAS,mHAAoB,CAAC;AAM3C;;;GAGG;AACH,eAAO,MAAM,eAAe,mHAAoB,CAAC;AAcjD;;GAEG;AACH,eAAO,MAAM,mBAAmB,mHAAoB,CAAC;AAiBrD;;GAEG;AACH,eAAO,MAAM,cAAc,mHAAoB,CAAC;AAwBhD;;GAEG;AACH,eAAO,MAAM,kBAAkB,mHAAoB,CAAC;AA2BpD,eAAO,MAAM,gBAAgB;;;;;;;;;CAsG5B,CAAC"}

package/dist/index.js

@@ -8178,12 +8178,10 @@ var Co = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), wo =
 		})
 	}) });
 }, yp = { backgroundColor: "var(--color-background-error-muted)" }, bp = { backgroundColor: "var(--color-background-success-muted)" }, xp = { backgroundColor: "var(--color-background-warning-muted)" }, Sp = (e) => {
-	if ("value" in e) return e.value;
-}, Cp = (e) => {
 	var t;
-	let n = (t = e.cells) != null && t[0] ? Sp(e.cells[0]) : void 0;
+	let n = (t = e.cells) == null || (t = t[0]) == null ? void 0 : t.value;
 	return n == null ? "" : String(n);
-}, wp = (e, t) => ({
+}, Cp = (e, t) => ({
 	...e,
 	cells: e.cells.map((e) => ({
 		...e,
@@ -8192,58 +8190,75 @@ var Co = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), wo =
 			...t
 		}
 	}))
-}), Tp = (e, t) => ({
+}), wp = (e, t) => ({
 	...e,
 	cells: e.cells.map((e, n) => {
 		var r;
-		let i = (r = t.cells) == null ? void 0 : r[n];
-		return !i || ln(Sp(e), Sp(i)) ? e : {
+		let i = (r = t.cells) == null ? void 0 : r[n], a = i == null ? void 0 : i.value;
+		return !i || ln(e.value, a) ? e : {
 			...e,
 			style: {
 				...e.style,
 				...xp
 			},
-			tooltip: Sp(i)
+			tooltip: a
 		};
 	})
-}), Ep = (e = [], t = []) => {
+}), Tp = (e = [], t = []) => {
 	let n = /* @__PURE__ */ new Map();
-	for (let e of t) n.set(Cp(e), e);
-	let r = new Set(e.map(Cp)), i = /* @__PURE__ */ new Map(), a = [];
-	for (let e = 0; e < t.length; e++) {
-		let n = t[e], s = Cp(n);
-		if (r.has(s)) continue;
-		let c = null;
-		for (let n = e + 1; n < t.length; n++) {
-			let e = Cp(t[n]);
-			if (r.has(e)) {
-				c = e;
-				break;
-			}
+	for (let e of t) n.set(Sp(e), e);
+	let r = new Set(e.map(Sp)), i = /* @__PURE__ */ new Map(), a = [], o = null;
+	for (let e = t.length - 1; e >= 0; e--) {
+		let n = t[e], c = Sp(n);
+		if (r.has(c)) {
+			o = c;
+			continue;
 		}
-		if (c === null) a.push(n);
+		if (o === null) a.push(n);
 		else {
-			var o;
-			let e = (o = i.get(c)) == null ? [] : o;
-			e.push(n), i.set(c, e);
+			var s;
+			let e = (s = i.get(o)) == null ? [] : s;
+			e.unshift(n), i.set(o, e);
 		}
 	}
-	let s = [];
+	a.reverse();
+	let c = [];
 	for (let t of e) {
-		let e = Cp(t), r = i.get(e);
-		if (r) for (let e of r) s.push(wp(e, yp));
+		let e = Sp(t), r = i.get(e);
+		if (r) for (let e of r) c.push({
+			status: "deleted",
+			row: e
+		});
 		let a = n.get(e);
-		a ? s.push(Tp(t, a)) : s.push(wp(t, bp));
+		a ? c.push({
+			status: "matched",
+			row: t,
+			compareRow: a
+		}) : c.push({
+			status: "added",
+			row: t
+		});
 	}
-	for (let e of a) s.push(wp(e, yp));
-	return s;
-}, Dp = ({ table: e, compareRows: t, ...n }) => {
-	let r = Ep(e.rows, t);
+	for (let e of a) c.push({
+		status: "deleted",
+		row: e
+	});
+	return c;
+}, Ep = (e) => e.status === "deleted" ? Cp(e.row, yp) : e.status === "added" ? Cp(e.row, bp) : wp(e.row, e.compareRow), Dp = ({ table: e, compareRows: t, beforeRenderRow: n, ...r }) => {
+	let i = m(() => Tp(e.rows, t), [e.rows, t]), a = m(() => i.map((e) => e.row), [i]), o = l(({ row: e, rowIndex: t }) => {
+		let r = i[t], a = r ? Ep(r) : e;
+		return n ? n({
+			row: a,
+			rowIndex: t
+		}) : a;
+	}, [i, n]);
 	return /* @__PURE__ */ x(Gl, {
-		...n,
+		...r,
+		beforeRenderRow: o,
 		table: {
 			...e,
-			rows: r,
+			rows: a,
+			rowCount: i.length,
 			striped: !1
 		}
 	});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "7.6.0-beta-2",
+  "version": "7.6.0-beta-3",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {