@updog/data-editor-wc 0.1.60 → 0.1.61

package/index.js

@@ -26046,6 +26046,7 @@ var Qp = class {
 		phase: "idle",
 		processing: null,
 		sources: [],
+		hasBaselineData: !1,
 		canUndo: !1,
 		canRedo: !1,
 		version: 0,
@@ -26106,9 +26107,9 @@ var Qp = 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,
@@ -26129,7 +26130,8 @@ var Qp = 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(),
@@ -32122,18 +32124,18 @@ var i_ = [3, 2], a_ = .8, o_ = .5, s_ = 1500;
 //#endregion
 //#region src/components/DataEditor/DataEditorGrid/engine/paint/FrameState.ts
 function c_(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,
@@ -32159,10 +32161,10 @@ function c_(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),
@@ -32178,17 +32180,18 @@ function c_(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 l_(e, t, n) {
@@ -32405,26 +32408,26 @@ var b_ = class {
 	}
 }, x_ = 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, Ng(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, Ng(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, Ng(t, d, s, 76, 34)) : e.rowHighlighted(i) && (t.fillStyle = n.markerBgActive, Ng(t, d, s, 76, 34)), l !== void 0) {
-				let e = u ? d : 73;
-				if (o.hasRowErrors(l)) t.fillStyle = n.statusBarBgError, Ng(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, Ng(t, f, s, 76, 34)) : e.rowHighlighted(i) && (t.fillStyle = n.markerBgActive, Ng(t, f, s, 76, 34)), u !== void 0) {
+				let e = d ? f : 73;
+				if (o.hasRowErrors(u)) t.fillStyle = n.statusBarBgError, Ng(t, e, s, 3, 34);
+				else if (!p && o.hasRowMisplaced(u)) {
 					let r = Fg(e + 3 / 2, 0, 3).x;
 					t.strokeStyle = n.cellBorderMisplaced, t.lineWidth = 3, t.setLineDash(i_), t.beginPath(), t.moveTo(r, s), t.lineTo(r, s + 34), t.stroke(), t.setLineDash([]);
-				} else o.isEdited(l) ? (t.fillStyle = n.statusBarBgEdited, Ng(t, e, s, 3, 34)) : o.isNew(l) ? (t.fillStyle = n.statusBarBgNew, Ng(t, e, s, 3, 34)) : o.hasEmptyCells(l) && (t.fillStyle = n.statusBarBgEmpty, Ng(t, e, s, 3, 34));
+				} else o.isEdited(u) ? (t.fillStyle = n.statusBarBgEdited, Ng(t, e, s, 3, 34)) : c && o.isNew(u) ? (t.fillStyle = n.statusBarBgNew, Ng(t, e, s, 3, 34)) : o.hasEmptyCells(u) && (t.fillStyle = n.statusBarBgEmpty, Ng(t, e, s, 3, 34));
 			}
-			t.font = n.font, t.fillStyle = n.markerContentIdle, Rg(t, String(i + 1), d + 76 / 2, s + 34 / 2 + 2, 58, a, "center");
+			t.font = n.font, t.fillStyle = n.markerContentIdle, Rg(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 ? Fg(d, 0, 1).x : Fg(76, 0, 1).x;
-		t.moveTo(p, 36), t.lineTo(p, l);
+		let m = d ? Fg(f, 0, 1).x : Fg(76, 0, 1).x;
+		t.moveTo(m, 36), t.lineTo(m, u);
 		for (let e = s.start; e <= s.end; e++) {
-			let n = Fg(0, r.getRowY(e, c), 1).y;
-			t.moveTo(d, n), t.lineTo(d + 76, n);
+			let n = Fg(0, r.getRowY(e, l), 1).y;
+			t.moveTo(f, n), t.lineTo(f + 76, n);
 		}
 		t.stroke();
 	}
@@ -45556,21 +45559,21 @@ var mj = {
 		})
 	});
 }, Oj = () => {
-	let { store: e, scrollToGridTop: t, filtersResetKey: n, enableDeleteRow: r } = wh(), { t: i } = j(), { filteredNewRowCount: a, filteredEditedRowCount: o, filteredEmptyRowCount: s, misplacedRowCount: c, deletedRowCount: l } = td(e), [u, d] = (0, y.useState)(() => e.getFilters().showOnlyEditedRows), [f, p] = (0, y.useState)(() => e.getFilters().showOnlyNewRows), [m, h] = (0, y.useState)(() => e.getFilters().showOnlyEmptyCells), [g, _] = (0, y.useState)(() => e.getFilters().showOnlyMisplacedRows), [v, b] = (0, y.useState)(() => e.getFilters().showOnlyDeletedRows);
+	let { store: e, scrollToGridTop: t, filtersResetKey: n, enableDeleteRow: r } = wh(), { t: i } = j(), { filteredNewRowCount: a, filteredEditedRowCount: o, filteredEmptyRowCount: s, misplacedRowCount: c, deletedRowCount: l, hasBaselineData: u } = td(e), [d, f] = (0, y.useState)(() => e.getFilters().showOnlyEditedRows), [p, m] = (0, y.useState)(() => e.getFilters().showOnlyNewRows), [h, g] = (0, y.useState)(() => e.getFilters().showOnlyEmptyCells), [_, v] = (0, y.useState)(() => e.getFilters().showOnlyMisplacedRows), [b, x] = (0, y.useState)(() => e.getFilters().showOnlyDeletedRows);
 	(0, y.useEffect)(() => {
 		let t = e.getFilters();
-		d(t.showOnlyEditedRows), p(t.showOnlyNewRows), h(t.showOnlyEmptyCells), _(t.showOnlyMisplacedRows), b(t.showOnlyDeletedRows);
+		f(t.showOnlyEditedRows), m(t.showOnlyNewRows), g(t.showOnlyEmptyCells), v(t.showOnlyMisplacedRows), x(t.showOnlyDeletedRows);
 	}, [n, e]);
-	let x = (0, y.useCallback)((n) => {
-		d(n), t(), e.setFilters({ showOnlyEditedRows: n });
-	}, [t, e]), S = (0, y.useCallback)((n) => {
-		p(n), t(), e.setFilters({ showOnlyNewRows: n });
+	let S = (0, y.useCallback)((n) => {
+		f(n), t(), e.setFilters({ showOnlyEditedRows: n });
 	}, [t, e]), C = (0, y.useCallback)((n) => {
-		h(n), t(), e.setFilters({ showOnlyEmptyCells: n });
+		m(n), t(), e.setFilters({ showOnlyNewRows: n });
 	}, [t, e]), w = (0, y.useCallback)((n) => {
-		_(n), t(), e.setFilters({ showOnlyMisplacedRows: n });
+		g(n), t(), e.setFilters({ showOnlyEmptyCells: n });
 	}, [t, e]), T = (0, y.useCallback)((n) => {
-		b(n), t(), e.setFilters({ showOnlyDeletedRows: n });
+		v(n), t(), e.setFilters({ showOnlyMisplacedRows: n });
+	}, [t, e]), E = (0, y.useCallback)((n) => {
+		x(n), t(), e.setFilters({ showOnlyDeletedRows: n });
 	}, [t, e]);
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__rows-section",
@@ -45582,8 +45585,8 @@ var mj = {
 			children: [
 				/* @__PURE__ */ (0, O.jsx)(Dj, { filtersResetKey: n }),
 				/* @__PURE__ */ (0, O.jsx)(jt, {
-					checked: u,
-					onChange: x,
+					checked: d,
+					onChange: S,
 					checkboxPosition: "start",
 					children: /* @__PURE__ */ (0, O.jsxs)("div", {
 						className: "updog__rows-section__checkbox-label",
@@ -45597,9 +45600,9 @@ var mj = {
 						})]
 					})
 				}),
-				/* @__PURE__ */ (0, O.jsx)(jt, {
-					checked: f,
-					onChange: S,
+				u && /* @__PURE__ */ (0, O.jsx)(jt, {
+					checked: p,
+					onChange: C,
 					checkboxPosition: "start",
 					children: /* @__PURE__ */ (0, O.jsxs)("div", {
 						className: "updog__rows-section__checkbox-label",
@@ -45614,8 +45617,8 @@ var mj = {
 					})
 				}),
 				/* @__PURE__ */ (0, O.jsx)(jt, {
-					checked: m,
-					onChange: C,
+					checked: h,
+					onChange: w,
 					checkboxPosition: "start",
 					children: /* @__PURE__ */ (0, O.jsxs)("div", {
 						className: "updog__rows-section__checkbox-label",
@@ -45630,8 +45633,8 @@ var mj = {
 					})
 				}),
 				/* @__PURE__ */ (0, O.jsx)(jt, {
-					checked: g,
-					onChange: w,
+					checked: _,
+					onChange: T,
 					checkboxPosition: "start",
 					children: /* @__PURE__ */ (0, O.jsxs)("div", {
 						className: "updog__rows-section__checkbox-label",
@@ -45646,8 +45649,8 @@ var mj = {
 					})
 				}),
 				r !== !1 && /* @__PURE__ */ (0, O.jsx)(jt, {
-					checked: v,
-					onChange: T,
+					checked: b,
+					onChange: E,
 					checkboxPosition: "start",
 					children: /* @__PURE__ */ (0, O.jsxs)("div", {
 						className: "updog__rows-section__checkbox-label",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@updog/data-editor-wc",
-  "version": "0.1.60",
+  "version": "0.1.61",
   "description": "Client-side CSV importer and spreadsheet editor as a Web Component. Drop into Vue, Angular, Svelte, or vanilla JS. Import CSV, Excel, JSON; edit 1M+ rows entirely in the browser.",
   "author": "Mikhail Kutateladze <admin@updog.tech>",
   "homepage": "https://updog.tech",