@updog/data-editor 0.1.60 → 0.1.61

package/index.d.ts

@@ -2942,6 +2942,7 @@ type DataStoreSnapshot = {
     /** Details about the in-progress operation. Null when phase is "idle". */
     processing: ProcessingInfo | null;
     sources: DataSourceState[];
+    hasBaselineData: boolean;
     canUndo: boolean;
     canRedo: boolean;
     /** Increments on undo/redo to force canvas grid re-render */

package/index.js

@@ -6470,6 +6470,7 @@ var Gc = class {
 		phase: "idle",
 		processing: null,
 		sources: [],
+		hasBaselineData: !1,
 		canUndo: !1,
 		canRedo: !1,
 		version: 0,
@@ -6530,9 +6531,9 @@ var Gc = class {
 			return;
 		}
 		this._countsDirty && (this.recomputeVisibleCounts(e), this._filteredCountsDirty = !0), this._filteredCountsDirty && this.recomputeFilteredCounts(e);
-		let t = e.getFilteredRowIds()?.length ?? e.getRowCount(), n = e.getPendingValidationCount(), r = e.getShowOnlyDeletedRows(), i = e.getServerDeletedCount ? e.getServerDeletedCount() : e.getDeletedCount();
+		let t = e.getFilteredRowIds()?.length ?? e.getRowCount(), n = e.getPendingValidationCount(), r = e.getShowOnlyDeletedRows(), i = e.getServerDeletedCount ? e.getServerDeletedCount() : e.getDeletedCount(), a = r ? i : e.getRowCount(), o = e.getSources(), s = o.some((e) => e.isInitialData && e.rowCount > 0);
 		this.snapshot = {
-			rowCount: r ? i : e.getRowCount(),
+			rowCount: a,
 			filteredCount: t,
 			newRowCount: this._visibleNewCount,
 			editedRowCount: this._visibleEditedCount,
@@ -6553,7 +6554,8 @@ var Gc = class {
 			isFiltering: e.isFiltering(),
 			phase: this._phase,
 			processing: this._processingInfo,
-			sources: e.getSources(),
+			sources: o,
+			hasBaselineData: s,
 			canUndo: e.canUndo(),
 			canRedo: e.canRedo(),
 			version: e.getVersion(),
@@ -11902,18 +11904,18 @@ var fd = [3, 2], pd = .8, md = .5, hd = 1500;
 //#endregion
 //#region src/components/DataEditor/DataEditorGrid/engine/paint/FrameState.ts
 function gd(e) {
-	let { controller: t, layout: n, viewport: r, store: i, columns: a } = e, o = t.selection, s = t.clipboard.getClipboardOperation(), c = t.clipboard.getClipboardBounds(), l = i.getSnapshot().filteredCount, u = r.getVisibleRowRange(l), d = {
-		start: u.start,
-		end: u.end
-	}, f = r.getVisibleColRange(n, a.length), p = {
-		start: f.start,
-		end: f.end
-	}, m = n.pinnedCount, h = null;
-	if (m > 0) {
+	let { controller: t, layout: n, viewport: r, store: i, columns: a } = e, o = t.selection, s = t.clipboard.getClipboardOperation(), c = t.clipboard.getClipboardBounds(), l = i.getSnapshot(), u = l.filteredCount, d = r.getVisibleRowRange(u), f = {
+		start: d.start,
+		end: d.end
+	}, p = r.getVisibleColRange(n, a.length), m = {
+		start: p.start,
+		end: p.end
+	}, h = n.pinnedCount, g = null;
+	if (h > 0) {
 		let e = n.getPinnedWidth(), t = n.contentToCanvasX(76, e);
-		h = {
+		g = {
 			colStart: 0,
-			colEnd: m,
+			colEnd: h,
 			scrollLeft: 0,
 			clip: {
 				x: t,
@@ -11939,10 +11941,10 @@ function gd(e) {
 		findReplace: e.findReplace,
 		time: e.time,
 		resizeGuideX: e.resizeGuideX,
-		totalRows: l,
+		totalRows: u,
 		totalWidth: n.getTotalWidth(),
-		rowRange: d,
-		colRange: p,
+		rowRange: f,
+		colRange: m,
 		selection: o.getSnapshot(),
 		rowSelected: (e) => o.isRowSelected(e),
 		rowHighlighted: (e) => o.isRowHighlighted(e),
@@ -11958,17 +11960,18 @@ function gd(e) {
 		searchLength: e.findReplace?.getSearchLength() ?? 0,
 		panes: {
 			scrollable: {
-				colStart: p.start,
-				colEnd: p.end,
+				colStart: m.start,
+				colEnd: m.end,
 				scrollLeft: r.scrollLeft,
 				clip: null,
 				shimmerWidth: r.viewportWidth,
 				shimmerOffsetX: 0
 			},
-			pinned: h
+			pinned: g
 		},
 		hasSkeletons: !1,
-		hasPendingCells: !1
+		hasPendingCells: !1,
+		hasBaselineData: l.hasBaselineData
 	};
 }
 function _d(e, t, n) {
@@ -12185,26 +12188,26 @@ var Od = class {
 	}
 }, kd = class {
 	paint(e) {
-		let { ctx: t, theme: n, layout: r, viewport: i, textCache: a, store: o, rowRange: s } = e, { scrollTop: c, viewportHeight: l } = i, u = r.rtl, d = r.getMarkerCanvasX(), f = o.getFilters().showOnlyDeletedRows;
-		t.fillStyle = n.markerBgIdle, Vu(t, d, 36, 76, l - 36);
+		let { ctx: t, theme: n, layout: r, viewport: i, textCache: a, store: o, rowRange: s, hasBaselineData: c } = e, { scrollTop: l, viewportHeight: u } = i, d = r.rtl, f = r.getMarkerCanvasX(), p = o.getFilters().showOnlyDeletedRows;
+		t.fillStyle = n.markerBgIdle, Vu(t, f, 36, 76, u - 36);
 		for (let i = s.start; i < s.end; i++) {
-			let s = r.getRowY(i, c), l = o.getRowId(i);
-			if (e.rowSelected(i) ? (t.fillStyle = n.markerBgSelected, Vu(t, d, s, 76, 34)) : e.rowHighlighted(i) && (t.fillStyle = n.markerBgActive, Vu(t, d, s, 76, 34)), l !== void 0) {
-				let e = u ? d : 73;
-				if (o.hasRowErrors(l)) t.fillStyle = n.statusBarBgError, Vu(t, e, s, 3, 34);
-				else if (!f && o.hasRowMisplaced(l)) {
+			let s = r.getRowY(i, l), u = o.getRowId(i);
+			if (e.rowSelected(i) ? (t.fillStyle = n.markerBgSelected, Vu(t, f, s, 76, 34)) : e.rowHighlighted(i) && (t.fillStyle = n.markerBgActive, Vu(t, f, s, 76, 34)), u !== void 0) {
+				let e = d ? f : 73;
+				if (o.hasRowErrors(u)) t.fillStyle = n.statusBarBgError, Vu(t, e, s, 3, 34);
+				else if (!p && o.hasRowMisplaced(u)) {
 					let r = Uu(e + 3 / 2, 0, 3).x;
 					t.strokeStyle = n.cellBorderMisplaced, t.lineWidth = 3, t.setLineDash(fd), t.beginPath(), t.moveTo(r, s), t.lineTo(r, s + 34), t.stroke(), t.setLineDash([]);
-				} else o.isEdited(l) ? (t.fillStyle = n.statusBarBgEdited, Vu(t, e, s, 3, 34)) : o.isNew(l) ? (t.fillStyle = n.statusBarBgNew, Vu(t, e, s, 3, 34)) : o.hasEmptyCells(l) && (t.fillStyle = n.statusBarBgEmpty, Vu(t, e, s, 3, 34));
+				} else o.isEdited(u) ? (t.fillStyle = n.statusBarBgEdited, Vu(t, e, s, 3, 34)) : c && o.isNew(u) ? (t.fillStyle = n.statusBarBgNew, Vu(t, e, s, 3, 34)) : o.hasEmptyCells(u) && (t.fillStyle = n.statusBarBgEmpty, Vu(t, e, s, 3, 34));
 			}
-			t.font = n.font, t.fillStyle = n.markerContentIdle, Ku(t, String(i + 1), d + 76 / 2, s + 34 / 2 + 2, 58, a, "center");
+			t.font = n.font, t.fillStyle = n.markerContentIdle, Ku(t, String(i + 1), f + 76 / 2, s + 34 / 2 + 2, 58, a, "center");
 		}
 		t.strokeStyle = n.cellBorderIdle, t.lineWidth = 1, t.beginPath();
-		let p = u ? Uu(d, 0, 1).x : Uu(76, 0, 1).x;
-		t.moveTo(p, 36), t.lineTo(p, l);
+		let m = d ? Uu(f, 0, 1).x : Uu(76, 0, 1).x;
+		t.moveTo(m, 36), t.lineTo(m, u);
 		for (let e = s.start; e <= s.end; e++) {
-			let n = Uu(0, r.getRowY(e, c), 1).y;
-			t.moveTo(d, n), t.lineTo(d + 76, n);
+			let n = Uu(0, r.getRowY(e, l), 1).y;
+			t.moveTo(f, n), t.lineTo(f + 76, n);
 		}
 		t.stroke();
 	}
@@ -20628,21 +20631,21 @@ var $_ = {
 		})
 	});
 }, pv = () => {
-	let { store: e, scrollToGridTop: t, filtersResetKey: n, enableDeleteRow: r } = X(), { t: i } = K(), { filteredNewRowCount: a, filteredEditedRowCount: o, filteredEmptyRowCount: s, misplacedRowCount: c, deletedRowCount: l } = Vo(e), [u, d] = b(() => e.getFilters().showOnlyEditedRows), [p, h] = b(() => e.getFilters().showOnlyNewRows), [g, _] = b(() => e.getFilters().showOnlyEmptyCells), [v, y] = b(() => e.getFilters().showOnlyMisplacedRows), [x, S] = b(() => e.getFilters().showOnlyDeletedRows);
+	let { store: e, scrollToGridTop: t, filtersResetKey: n, enableDeleteRow: r } = X(), { t: i } = K(), { filteredNewRowCount: a, filteredEditedRowCount: o, filteredEmptyRowCount: s, misplacedRowCount: c, deletedRowCount: l, hasBaselineData: u } = Vo(e), [d, p] = b(() => e.getFilters().showOnlyEditedRows), [h, g] = b(() => e.getFilters().showOnlyNewRows), [_, v] = b(() => e.getFilters().showOnlyEmptyCells), [y, x] = b(() => e.getFilters().showOnlyMisplacedRows), [S, T] = b(() => e.getFilters().showOnlyDeletedRows);
 	m(() => {
 		let t = e.getFilters();
-		d(t.showOnlyEditedRows), h(t.showOnlyNewRows), _(t.showOnlyEmptyCells), y(t.showOnlyMisplacedRows), S(t.showOnlyDeletedRows);
+		p(t.showOnlyEditedRows), g(t.showOnlyNewRows), v(t.showOnlyEmptyCells), x(t.showOnlyMisplacedRows), T(t.showOnlyDeletedRows);
 	}, [n, e]);
-	let T = f((n) => {
-		d(n), t(), e.setFilters({ showOnlyEditedRows: n });
-	}, [t, e]), E = f((n) => {
-		h(n), t(), e.setFilters({ showOnlyNewRows: n });
+	let E = f((n) => {
+		p(n), t(), e.setFilters({ showOnlyEditedRows: n });
 	}, [t, e]), D = f((n) => {
-		_(n), t(), e.setFilters({ showOnlyEmptyCells: n });
+		g(n), t(), e.setFilters({ showOnlyNewRows: n });
 	}, [t, e]), O = f((n) => {
-		y(n), t(), e.setFilters({ showOnlyMisplacedRows: n });
+		v(n), t(), e.setFilters({ showOnlyEmptyCells: n });
 	}, [t, e]), k = f((n) => {
-		S(n), t(), e.setFilters({ showOnlyDeletedRows: n });
+		x(n), t(), e.setFilters({ showOnlyMisplacedRows: n });
+	}, [t, e]), A = f((n) => {
+		T(n), t(), e.setFilters({ showOnlyDeletedRows: n });
 	}, [t, e]);
 	return /* @__PURE__ */ w("div", {
 		className: "updog__rows-section",
@@ -20654,8 +20657,8 @@ var $_ = {
 			children: [
 				/* @__PURE__ */ C(fv, { filtersResetKey: n }),
 				/* @__PURE__ */ C(Ni, {
-					checked: u,
-					onChange: T,
+					checked: d,
+					onChange: E,
 					checkboxPosition: "start",
 					children: /* @__PURE__ */ w("div", {
 						className: "updog__rows-section__checkbox-label",
@@ -20669,9 +20672,9 @@ var $_ = {
 						})]
 					})
 				}),
-				/* @__PURE__ */ C(Ni, {
-					checked: p,
-					onChange: E,
+				u && /* @__PURE__ */ C(Ni, {
+					checked: h,
+					onChange: D,
 					checkboxPosition: "start",
 					children: /* @__PURE__ */ w("div", {
 						className: "updog__rows-section__checkbox-label",
@@ -20686,8 +20689,8 @@ var $_ = {
 					})
 				}),
 				/* @__PURE__ */ C(Ni, {
-					checked: g,
-					onChange: D,
+					checked: _,
+					onChange: O,
 					checkboxPosition: "start",
 					children: /* @__PURE__ */ w("div", {
 						className: "updog__rows-section__checkbox-label",
@@ -20702,8 +20705,8 @@ var $_ = {
 					})
 				}),
 				/* @__PURE__ */ C(Ni, {
-					checked: v,
-					onChange: O,
+					checked: y,
+					onChange: k,
 					checkboxPosition: "start",
 					children: /* @__PURE__ */ w("div", {
 						className: "updog__rows-section__checkbox-label",
@@ -20718,8 +20721,8 @@ var $_ = {
 					})
 				}),
 				r !== !1 && /* @__PURE__ */ C(Ni, {
-					checked: x,
-					onChange: k,
+					checked: S,
+					onChange: A,
 					checkboxPosition: "start",
 					children: /* @__PURE__ */ w("div", {
 						className: "updog__rows-section__checkbox-label",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@updog/data-editor",
-  "version": "0.1.60",
+  "version": "0.1.61",
   "description": "Client-side CSV importer and spreadsheet editor for React. Import CSV, Excel, JSON, TSV, and XML, match columns, validate, and edit 1M+ rows entirely in the browser.",
   "author": "Mikhail Kutateladze <admin@updog.tech>",
   "homepage": "https://updog.tech",