@updog/data-editor 0.1.45 → 0.1.47

package/index.d.ts

@@ -111,6 +111,7 @@ declare var export_default = {
     modal: {
       importTitle: "Import Data",
       editTitle: "Edit Data",
+      viewTitle: "View Data",
     },
     confirmClose: {
       title: "Discard changes?",
@@ -2533,6 +2534,9 @@ declare class DataStore<TRow extends DataEditorRow = DataEditorRow> {
     };
     getValidRows(): TRow[];
     getInvalidRows(): TRow[];
+    private learnedSynonyms;
+    private learnedSynonymKeys;
+    recordLearnedSynonyms(delta: LearnedSynonyms): void;
     getResultBySource(): DataEditorResult<TRow>;
     private isRowVisible;
     applyFormula(formulaOrName: string | CellFormula, params: Record<string, unknown>, rects: SelectionRect[], options?: ApplyFormulaOptions): Promise<void>;
@@ -2701,6 +2705,16 @@ type DataEditorSourceResult<TRow extends DataEditorRow = DataEditorRow> = {
  * }}
  * ```
  */
+/** A user-confirmed import mapping: `source` (imported) → `target` (canonical). */
+type LearnedSynonym = {
+    source: string;
+    target: string;
+};
+/** User-confirmed import mappings, split by where they were matched. */
+type LearnedSynonyms = {
+    columns: LearnedSynonym[];
+    values: LearnedSynonym[];
+};
 type DataEditorResult<TRow extends DataEditorRow = DataEditorRow> = {
     sources: DataEditorSourceResult<TRow>[];
     counts: {
@@ -2709,6 +2723,12 @@ type DataEditorResult<TRow extends DataEditorRow = DataEditorRow> = {
         deleted: number;
         invalid: number;
     };
+    /**
+     * Import mappings the user confirmed that weren't already known, split into
+     * `columns` and `values`. Persist and feed back through `synonyms` so repeat
+     * imports auto-match. Each list is `[]` when nothing new was learned.
+     */
+    learnedSynonyms: LearnedSynonyms;
 };
 /**
  * Describes the change state of a single row within a chunk, used to seed
@@ -2873,7 +2893,7 @@ type RemoteSource = {
  * - `"editor"` — opens directly into the spreadsheet grid.
  * - `"uploader"` — opens the file import wizard first, then transitions to the grid.
  */
-type DataEditorVariant = "editor" | "uploader";
+type DataEditorVariant = "editor" | "uploader" | "viewer";
 /** Base configuration shared by the public `DataEditorProps` and the internal provider. */
 type DataEditorBaseProps<TRow extends DataEditorRow = DataEditorRow> = {
     /** Column definitions. Each entry describes one column in the grid. */

package/index.js

@@ -97,7 +97,8 @@ var Hr = {
 	dataEditor: {
 		modal: {
 			importTitle: "Import Data",
-			editTitle: "Edit Data"
+			editTitle: "Edit Data",
+			viewTitle: "View Data"
 		},
 		confirmClose: {
 			title: "Discard changes?",
@@ -8045,7 +8046,10 @@ var tl = (e) => {
 		t && this.serverCounts?.setCounts(t), this.snapshotManager.markCountsDirty(), this.notify();
 	}
 	clear() {
-		this.rowStore.clear(), this.sourceManager.clear(), this.filterEngine.clear(), this.validationStore.clear(), this.dirtyTracker.clear(), this.snapshotManager.clear(), this._isLoading = !0, this._editedCells.clear(), this.server?.clear(), this.history.clear(), this.editParamsHistory.clear(), this.notify();
+		this.rowStore.clear(), this.sourceManager.clear(), this.filterEngine.clear(), this.validationStore.clear(), this.dirtyTracker.clear(), this.snapshotManager.clear(), this._isLoading = !0, this._editedCells.clear(), this.server?.clear(), this.history.clear(), this.editParamsHistory.clear(), this.learnedSynonyms = {
+			columns: [],
+			values: []
+		}, this.learnedSynonymKeys.columns.clear(), this.learnedSynonymKeys.values.clear(), this.notify();
 	}
 	destroy() {
 		this.filterEngine.destroy(), this.server?.destroy(), this.transformWorker?.terminate(), this.transformWorker = null, this.clear(), this.serverCounts?.clear(), this.clearViewportRange(), this.snapshotManager.clearListeners();
@@ -8280,6 +8284,20 @@ var tl = (e) => {
 		}
 		return e;
 	}
+	learnedSynonyms = {
+		columns: [],
+		values: []
+	};
+	learnedSynonymKeys = {
+		columns: /* @__PURE__ */ new Set(),
+		values: /* @__PURE__ */ new Set()
+	};
+	recordLearnedSynonyms(e) {
+		for (let t of ["columns", "values"]) for (let n of e[t]) {
+			let e = `${n.source} ${n.target}`;
+			this.learnedSynonymKeys[t].has(e) || (this.learnedSynonymKeys[t].add(e), this.learnedSynonyms[t].push(n));
+		}
+	}
 	getResultBySource() {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of this.sourceManager.values()) e.set(t.id, {
@@ -8322,7 +8340,8 @@ var tl = (e) => {
 		}
 		return {
 			sources: Array.from(e.values()),
-			counts: t
+			counts: t,
+			learnedSynonyms: this.learnedSynonyms
 		};
 	}
 	isRowVisible(e) {
@@ -10296,6 +10315,7 @@ function Bl({ columns: e, primaryKey: t, loadData: n, scaleClient: r, onComplete
 		setPendingImportFile: xe,
 		openUploaderWithFile: Se,
 		variant: a ?? "editor",
+		isViewer: a === "viewer",
 		search: ie,
 		setSearch: ae,
 		matchCase: oe,
@@ -10311,7 +10331,7 @@ function Bl({ columns: e, primaryKey: t, loadData: n, scaleClient: r, onComplete
 		resetScrollRef: ee,
 		scrollToGridTop: te,
 		portalRef: _e,
-		readonly: y ?? !1,
+		readonly: a === "viewer" ? !0 : y ?? !1,
 		filtersResetKey: me,
 		resetFilters: he,
 		originalColumns: e,
@@ -11584,7 +11604,7 @@ var Hu = 9, Uu = 3, Wu = [3, 2], Gu = 1, Ku = 6, qu = .8, Ju = .5, Yu = 4, Xu =
 	paintHeaderCell(e, t, n) {
 		let { ctx: r, theme: i, layout: a, textCache: o, columns: s, controller: c, sortState: l } = e, u = c.selection, d = a.pinnedCount, f = a.rtl, p = a.getColumnX(t, n), m = a.getColumnWidth(t), h = a.contentToCanvasX(p, m);
 		u.isColumnSelected(t) ? (r.fillStyle = i.headerBgSelected, vu(r, h, 0, m, 36)) : u.isColumnHighlighted(t) && (r.fillStyle = i.headerBgActive, vu(r, h, 0, m, 36));
-		let g = s[t], _ = t < d, v = l?.columnId === g.id, y = e.store.isColumnLocked(g.id), b = 0;
+		let g = s[t], _ = t < d, v = l?.columnId === g.id, y = !c.readonly && e.store.isColumnLocked(g.id), b = 0;
 		y && b++, _ && b++, v && b++;
 		let x = b > 0 ? b * 14 + (b - 1) * Ku + Ku : 0, S = m - Hu * 2 - x;
 		r.font = i.headerFont, r.fillStyle = i.headerContentIdle;
@@ -20585,39 +20605,39 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		/* @__PURE__ */ C(rv, {})
 	]
 }) }), ov = () => {
-	let { store: e, columns: t, chat: n, enableAddRow: r, readonly: i, navigateToCell: a, importFormats: o, openUploaderWithFile: s } = X(), { rowCount: c, filteredCount: l, isLoading: u } = Bo(e), { t: d } = K(), p = !u && l === 0, m = r && !i && c === 0, h = o !== !1 && o.length > 0, g = f(async () => {
-		a(await Xl(e, t, d("dataEditor.dataSources.manuallyAdded")), t[0].id);
+	let { store: e, columns: t, chat: n, enableAddRow: r, readonly: i, isViewer: a, navigateToCell: o, importFormats: s, openUploaderWithFile: c } = X(), { rowCount: l, filteredCount: u, isLoading: d } = Bo(e), { t: p } = K(), m = !d && u === 0, h = r && !i && l === 0, g = s !== !1 && s.length > 0, _ = f(async () => {
+		o(await Xl(e, t, p("dataEditor.dataSources.manuallyAdded")), t[0].id);
 	}, [
 		e,
 		t,
-		a,
-		d
-	]), _ = v(() => {
-		if (m) return {
-			content: d("dataEditor.dataSources.addRow"),
+		o,
+		p
+	]), y = v(() => {
+		if (h) return {
+			content: p("dataEditor.dataSources.addRow"),
 			startIcon: /* @__PURE__ */ C(Ce, { size: "1rem" }),
 			variant: "filled",
-			onClick: g
+			onClick: _
 		};
 	}, [
-		m,
-		g,
-		d
-	]), y = v(() => Wl(o === !1 ? [] : o), [o]), b = f((e) => {
+		h,
+		_,
+		p
+	]), b = v(() => Wl(s === !1 ? [] : s), [s]), x = f((e) => {
 		let t = e[0];
-		t && s(t);
-	}, [s]), { getRootProps: x, isDragActive: S } = ft({
-		accept: y,
+		t && c(t);
+	}, [c]), { getRootProps: S, isDragActive: T } = ft({
+		accept: b,
 		maxFiles: 1,
 		noClick: !0,
 		noKeyboard: !0,
-		disabled: i || !h,
-		onDrop: b
+		disabled: i || !g,
+		onDrop: x
 	});
 	return /* @__PURE__ */ C(Jl, { children: /* @__PURE__ */ w("div", {
-		...x({ className: "updog__data-editor-inner" }),
+		...S({ className: "updog__data-editor-inner" }),
 		children: [
-			/* @__PURE__ */ C(Gl, { children: /* @__PURE__ */ C("div", {
+			!a && /* @__PURE__ */ C(Gl, { children: /* @__PURE__ */ C("div", {
 				className: "updog__data-editor-aside",
 				children: /* @__PURE__ */ w("div", {
 					className: "updog__data-editor-aside__content updog__scrollbar",
@@ -20631,18 +20651,18 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 			/* @__PURE__ */ w(Kl, { children: [
 				/* @__PURE__ */ w("div", {
 					className: "updog__data-editor-grid-area",
-					children: [/* @__PURE__ */ C(h_, {}), p && /* @__PURE__ */ C(Oa, {
+					children: [/* @__PURE__ */ C(h_, {}), m && /* @__PURE__ */ C(Oa, {
 						className: "updog-grid__empty-state",
-						title: d("dataEditor.grid.emptyTitle"),
-						text: d("dataEditor.grid.emptyText"),
-						buttonProps: _
+						title: p("dataEditor.grid.emptyTitle"),
+						text: p("dataEditor.grid.emptyText"),
+						buttonProps: y
 					})]
 				}),
 				/* @__PURE__ */ C(Yl, {}),
-				/* @__PURE__ */ C(cu, {})
+				!a && /* @__PURE__ */ C(cu, {})
 			] }),
-			S && /* @__PURE__ */ C(ql, {}),
-			n && /* @__PURE__ */ C(av, {})
+			T && /* @__PURE__ */ C(ql, {}),
+			n && !a && /* @__PURE__ */ C(av, {})
 		]
 	}) });
 }, sv = "RENDER_ERROR", cv = (e) => {
@@ -20679,7 +20699,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		return this.state.hasError ? /* @__PURE__ */ C(cv, { error: lv }) : this.props.children;
 	}
 }, dv = ({ leftSlot: e }) => {
-	let { variant: t, setShowUploader: n } = X(), { t: r } = K(), { isFirstStep: i, isLastStep: a, nextStep: o, prevStep: s, onImport: c, parsedCsv: l, xlsxFile: u, isParsing: d, isImporting: p, steps: m, activeStepIndex: h, selectedSheet: g, handleSheetConfirmed: _, remoteSourceLoading: v } = Dy(), y = i && t === "editor", b = f(() => {
+	let { variant: t, setShowUploader: n } = X(), { t: r } = K(), { isFirstStep: i, isLastStep: a, nextStep: o, prevStep: s, onImport: c, parsedCsv: l, xlsxFile: u, isParsing: d, isImporting: p, steps: m, activeStepIndex: h, selectedSheet: g, handleSheetConfirmed: _, remoteSourceLoading: v } = ky(), y = i && t === "editor", b = f(() => {
 		n(!1);
 	}, [n]), x = m[h]?.id === "sheet-selection", S = f(() => {
 		a ? c() : x ? _() : o();
@@ -21507,7 +21527,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		]
 	});
 }), Pv = () => {
-	let { columns: e, enableCreateColumn: t, synonyms: n } = X(), { t: r } = K(), { parsedCsv: i, columnMapping: a, updateColumnMapping: o, pendingColumns: s, setPendingColumns: c } = Dy(), [l, u] = b(null), d = y(null), p = f((e, t) => {
+	let { columns: e, enableCreateColumn: t, synonyms: n } = X(), { t: r } = K(), { parsedCsv: i, columnMapping: a, updateColumnMapping: o, pendingColumns: s, setPendingColumns: c } = ky(), [l, u] = b(null), d = y(null), p = f((e, t) => {
 		if (t === "action:create") {
 			d.current = e, u({ title: e });
 			return;
@@ -21620,7 +21640,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		]
 	});
 }, Fv = () => {
-	let { parsedCsv: e } = Dy();
+	let { parsedCsv: e } = ky();
 	return e ? /* @__PURE__ */ C(Jl, { children: /* @__PURE__ */ w(Kl, { children: [/* @__PURE__ */ C("div", {
 		className: "updog__step-column-matching__content updog__scrollbar",
 		children: /* @__PURE__ */ C(Pv, {})
@@ -21639,7 +21659,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		})
 	});
 }, Lv = () => {
-	let { columns: e } = X(), { t } = K(), { parsedCsv: n, columnMapping: r, valueMapping: i, autoValueMapping: a, updateValueMapping: o, pendingOptions: s, addPendingOption: c } = Dy(), [l, u] = b({}), [d, p] = b({}), [h, g] = b(null), _ = y(!1), x = f((e) => {
+	let { columns: e } = X(), { t } = K(), { parsedCsv: n, columnMapping: r, valueMapping: i, autoValueMapping: a, updateValueMapping: o, pendingOptions: s, addPendingOption: c } = ky(), [l, u] = b({}), [d, p] = b({}), [h, g] = b(null), _ = y(!1), x = f((e) => {
 		p((t) => ({
 			...t,
 			[e]: !t[e]
@@ -21875,7 +21895,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 	className: "updog__step-match-values__content updog__scrollbar",
 	children: /* @__PURE__ */ C(Lv, {})
 }), /* @__PURE__ */ C(dv, {})] }) }), zv = 20, Bv = () => {
-	let { columns: e, store: t } = X(), { t: n } = K(), { primaryKey: r, onPrimaryKeyChange: i, parsedCsv: a, columnMapping: o } = Dy(), s = t.isClient(), c = f(() => i(null), [i]), l = e.filter((e) => e.unique), u = v(() => {
+	let { columns: e, store: t } = X(), { t: n } = K(), { primaryKey: r, onPrimaryKeyChange: i, parsedCsv: a, columnMapping: o } = ky(), s = t.isClient(), c = f(() => i(null), [i]), l = e.filter((e) => e.unique), u = v(() => {
 		let e = {};
 		for (let [t, n] of Object.entries(o)) n && (e[n] = t);
 		return e;
@@ -21950,7 +21970,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 	title: e.description,
 	children: e.label
 }), Wv = () => {
-	let { importFormats: e, remoteSources: t } = X(), n = e === !1 ? [] : e, { t: r } = K(), { remoteSourceLoading: i, remoteSourceError: a, handleRemoteSourceSelect: o } = Dy();
+	let { importFormats: e, remoteSources: t } = X(), n = e === !1 ? [] : e, { t: r } = K(), { remoteSourceLoading: i, remoteSourceError: a, handleRemoteSourceSelect: o } = ky();
 	return /* @__PURE__ */ w("div", {
 		className: "updog__source-picker",
 		children: [
@@ -22005,7 +22025,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		})]
 	});
 }, Kv = () => {
-	let { columns: e, importFormats: t, sampleData: n } = X(), r = t === !1 ? [] : t, { t: i } = K(), { parsedCsv: a, xlsxFile: o, handleFileRemoved: s, parseFile: c, isParsing: l, remoteSourceLoading: u } = Dy(), d = [
+	let { columns: e, importFormats: t, sampleData: n } = X(), r = t === !1 ? [] : t, { t: i } = K(), { parsedCsv: a, xlsxFile: o, handleFileRemoved: s, parseFile: c, isParsing: l, remoteSourceLoading: u } = ky(), d = [
 		{
 			id: "csv",
 			format: "csv",
@@ -22095,7 +22115,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		]
 	}) });
 }, qv = ({ preview: e }) => {
-	let { selectedSheet: t, setSelectedSheet: n } = Dy(), { t: r } = K(), i = Math.max(0, e.totalRows), a = t === e.name, o = v(() => {
+	let { selectedSheet: t, setSelectedSheet: n } = ky(), { t: r } = K(), i = Math.max(0, e.totalRows), a = t === e.name, o = v(() => {
 		let { headers: t, rows: n } = e;
 		return n.map((e) => t.map((t) => e[t] ?? ""));
 	}, [e]);
@@ -22133,7 +22153,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		})
 	});
 }, Jv = () => {
-	let { sheetPreviews: e } = Dy();
+	let { sheetPreviews: e } = ky();
 	return /* @__PURE__ */ C(Jl, { children: /* @__PURE__ */ w(Kl, { children: [/* @__PURE__ */ C("div", {
 		className: "updog__sheet-preview-wrapper updog__scrollbar",
 		children: /* @__PURE__ */ C("div", {
@@ -22241,16 +22261,47 @@ function cy(e) {
 		rawCells: i
 	};
 }
-function ly(e, t, n) {
+//#endregion
+//#region src/components/DataUploader/utils/learnedSynonyms.ts
+var ly = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	for (let [n, r] of Object.entries(e)) {
+		let e = hv(n), i = t.get(e) ?? /* @__PURE__ */ new Set();
+		for (let e of r) i.add(hv(e));
+		t.set(e, i);
+	}
+	return t;
+}, uy = (e, t, n, r) => {
+	let i = ly(r), a = (e, t) => i.get(hv(e))?.has(hv(t)) ?? !1, o = new Map(n.map((e) => [e.id, e])), s = (e, t) => (n, r) => {
+		if (hv(n) === hv(r) || a(r, n)) return;
+		let i = `${n} ${r}`;
+		t.has(i) || (t.add(i), e.push({
+			source: n,
+			target: r
+		}));
+	}, c = {
+		columns: [],
+		values: []
+	}, l = s(c.columns, /* @__PURE__ */ new Set());
+	for (let [t, n] of Object.entries(e)) {
+		if (!n) continue;
+		let e = o.get(n);
+		e && l(t, e.title);
+	}
+	let u = s(c.values, /* @__PURE__ */ new Set());
+	for (let e of Object.values(t)) for (let [t, n] of Object.entries(e)) n && u(t, n);
+	return c;
+};
+function dy(e, t, n) {
 	let r = e.length, i = t;
-	return i <= 0 ? [] : r === i ? [{ cells: [...e] }] : (r < i ? uy(i, i - r) : uy(r - 1, i - 1)) > 1e3 ? [] : r < i ? dy(e, i) : fy(e, i, n);
+	return i <= 0 ? [] : r === i ? [{ cells: [...e] }] : (r < i ? fy(i, i - r) : fy(r - 1, i - 1)) > 1e3 ? [] : r < i ? py(e, i) : my(e, i, n);
 }
-function uy(e, t) {
+function fy(e, t) {
 	let n = Math.min(t, e - t), r = 1;
 	for (let t = 1; t <= n; t++) if (r = r * (e - n + t) / t, r > 1e3) return r;
 	return r;
 }
-function dy(e, t) {
+function py(e, t) {
 	let n = e.length, r = [], i = [], a = (o) => {
 		if (i.length === n) {
 			let a = Array(t).fill("");
@@ -22262,7 +22313,7 @@ function dy(e, t) {
 	};
 	return a(0), r;
 }
-function fy(e, t, n) {
+function my(e, t, n) {
 	let r = e.length, i = [], a = [], o = (s) => {
 		if (a.length === t - 1) {
 			let o = [
@@ -22280,27 +22331,27 @@ function fy(e, t, n) {
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/pruneByValidators.ts
-var py = {};
-function my(e, t) {
+var hy = {};
+function gy(e, t) {
 	for (let n of t.validators ?? []) if (n.type !== "expression") {
 		if (n.type === "function") {
-			if (n.fn(e, py) != null) return !1;
+			if (n.fn(e, hy) != null) return !1;
 			continue;
 		}
-		if (Ol(n, e, py) != null) return !1;
+		if (Ol(n, e, hy) != null) return !1;
 	}
 	return !0;
 }
-function hy(e, t) {
-	for (let n = 0; n < t.length; n++) if (!my(e.cells[n] ?? "", t[n])) return !1;
+function _y(e, t) {
+	for (let n = 0; n < t.length; n++) if (!gy(e.cells[n] ?? "", t[n])) return !1;
 	return !0;
 }
-function gy(e, t) {
-	return e.filter((e) => hy(e, t));
+function vy(e, t) {
+	return e.filter((e) => _y(e, t));
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/computeDisputeSpans.ts
-function _y(e) {
+function yy(e) {
 	if (e.length <= 1) return [];
 	let t = e[0].cells.length, n = [], r = -1;
 	for (let i = 0; i < t; i++) {
@@ -22317,25 +22368,25 @@ function _y(e) {
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/alignRow.ts
-function vy(e, t, n) {
-	let r = ly(e, t.length, n), i = gy(r, t);
+function by(e, t, n) {
+	let r = dy(e, t.length, n), i = vy(r, t);
 	return i.length === 1 ? {
 		kind: "confident",
 		alignment: i[0]
 	} : i.length > 1 ? {
 		kind: "ambiguous",
 		candidates: i,
-		disputeSpans: _y(i)
+		disputeSpans: yy(i)
 	} : {
 		kind: "invalid",
 		candidates: r,
-		disputeSpans: _y(r)
+		disputeSpans: yy(r)
 	};
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/resolveRaggedRow.ts
-function yy(e, t, n) {
-	let r = vy(e, t, n);
+function xy(e, t, n) {
+	let r = by(e, t, n);
 	if (r.kind === "confident") return {
 		cells: r.alignment.cells,
 		conflictColumns: []
@@ -22354,13 +22405,13 @@ function yy(e, t, n) {
 }
 //#endregion
 //#region src/components/DataUploader/context/useViewModel.tsx
-var by = 5e3, xy = 15, Sy = 20, Cy = new Set([
+var Sy = 5e3, Cy = 15, wy = 20, Ty = new Set([
 	"xlsx",
 	"xls",
 	"xlsb",
 	"ods"
 ]);
-function wy() {
+function Ey() {
 	let { store: e, validator: t, columns: n, primaryKey: r, setShowUploader: i, pendingImportFile: a, setPendingImportFile: o, onColumnMatch: s, onValueMatch: c, synonyms: l, addDynamicColumns: u, scaleClient: d } = X(), { t: p } = K(), [h, g] = b(0), [_, x] = b(0), [S, w] = b(null), [T, E] = b({}), D = n.filter((e) => e.unique), [O, k] = b(() => r), [A, j] = b(!1), [M, N] = b(!1), [P, F] = b(null), [I, L] = b([]), [R, z] = b(null), [B, V] = b([]), [ee, te] = b({}), [H, ne] = b([]), [re, ie] = b({}), ae = y(null), [oe, se] = b(0), ce = f((e) => {
 		M || k(e);
 	}, [M]), le = y(null);
@@ -22518,7 +22569,7 @@ function wy() {
 					return {
 						name: e.name,
 						headers: t,
-						rows: n.slice(0, xy),
+						rows: n.slice(0, Cy),
 						totalRows: e.totalRows - 1
 					};
 				});
@@ -22552,7 +22603,7 @@ function wy() {
 	]), De = f((e) => {
 		j(!0), ae.current = e;
 		let t = e.name.split(".").pop()?.toLowerCase();
-		t && Cy.has(t) ? Ee(e) : t === "json" ? we(e) : t === "xml" ? Te(e) : Ce(e);
+		t && Ty.has(t) ? Ee(e) : t === "json" ? we(e) : t === "xml" ? Te(e) : Ce(e);
 	}, [
 		Ce,
 		we,
@@ -22618,6 +22669,7 @@ function wy() {
 			Ie({});
 			return;
 		}
+		if (M) return;
 		let e = {};
 		for (let [t, r] of Object.entries(T)) {
 			if (!r) continue;
@@ -22646,7 +22698,8 @@ function wy() {
 		T,
 		n,
 		c,
-		l
+		l,
+		M
 	]);
 	let Re = v(() => {
 		let e = {};
@@ -22715,7 +22768,7 @@ function wy() {
 		if (!S || !d?.onRowsImport) return;
 		let t = S;
 		w(null);
-		let r = crypto.randomUUID(), i = He(), a = new AbortController(), o = d.importChunkSize ?? by, s = Yv(T, n, new Set(H.map((e) => e.id))), c = {
+		let r = crypto.randomUUID(), i = He(), a = new AbortController(), o = d.importChunkSize ?? Sy, s = Yv(T, n, new Set(H.map((e) => e.id))), c = {
 			numberFormat: i.numberFormat,
 			dateFormat: i.dateFormat,
 			monthTable: nc(p),
@@ -22760,49 +22813,49 @@ function wy() {
 			H.length > 0 && u(H);
 			for (let [t, n] of Object.entries(re)) e.addColumnOptions(t, n);
 			let o = e.registerSource({ name: i.fileName });
-			e.setSourceLoading(o, !0);
+			e.setSourceLoading(o, !0), e.recordLearnedSynonyms(uy(T, Re, [...n, ...H], pv(fv, l)));
 			let s = Yv(T, n, a), c = {
 				numberFormat: $s(i.rows, Xv(s)),
 				dateFormat: ic(i.rows, Ve(a)),
 				monthTable: nc(p),
 				valueMapping: Re
-			}, l = i.rows, d = i.rawCells ?? [], f = i.delimiter ?? ",", m = i.headers, h = m.map((e) => {
+			}, d = i.rows, f = i.rawCells ?? [], m = i.delimiter ?? ",", h = i.headers, g = h.map((e) => {
 				let t = T[e];
 				return (t ? n.find((e) => e.id === t) : void 0) ?? {
 					id: e,
 					title: e
 				};
-			}), g = 0, _ = () => {
-				let n = Math.min(g + by, l.length), i = [], a = [];
-				for (let e = g; e < n; e++) {
-					let t = l[e], n = d[e];
+			}), _ = 0, v = () => {
+				let n = Math.min(_ + Sy, d.length), i = [], a = [];
+				for (let e = _; e < n; e++) {
+					let t = d[e], n = f[e];
 					if (n) {
-						let { cells: r, conflictColumns: i } = yy(n, h, f);
+						let { cells: r, conflictColumns: i } = xy(n, g, m);
 						if (r.length) {
 							let e = {};
-							for (let t = 0; t < m.length; t++) e[m[t]] = r[t] ?? "";
+							for (let t = 0; t < h.length; t++) e[h[t]] = r[t] ?? "";
 							t = e;
 						}
 						if (i.length) {
 							let t = [];
 							for (let e of i) {
-								let n = T[m[e]];
+								let n = T[h[e]];
 								n && t.push(n);
 							}
 							t.length && a.push({
-								localIndex: e - g,
+								localIndex: e - _,
 								columnIds: t
 							});
 						}
 					}
 					i.push(Zv(t, s, c));
 				}
-				let { rows: u, rowIds: v } = e.upsertRows(o, i, { anchorKey: O ?? void 0 });
-				for (let e = g; e < n; e++) e < Sy || (l[e] = null, e < d.length && (d[e] = null));
-				g = n, setTimeout(() => {
-					t.validateRows(u, v);
+				let { rows: l, rowIds: u } = e.upsertRows(o, i, { anchorKey: O ?? void 0 });
+				for (let e = _; e < n; e++) e < wy || (d[e] = null, e < f.length && (f[e] = null));
+				_ = n, setTimeout(() => {
+					t.validateRows(l, u);
 					for (let { localIndex: t, columnIds: n } of a) {
-						let r = v[t];
+						let r = u[t];
 						for (let t of n) {
 							let n = e.getCellValidation(r, t) ?? [];
 							e.setCellValidation(r, t, [...n, {
@@ -22812,11 +22865,11 @@ function wy() {
 						}
 					}
 					a.length > 0 && e.notify();
-				}, 0), g < l.length ? setTimeout(_, 0) : e.finalizeSource(o).then(() => {
+				}, 0), _ < d.length ? setTimeout(v, 0) : e.finalizeSource(o).then(() => {
 					t.validateUniqueness(), r();
 				});
 			};
-			_();
+			v();
 		}, 0);
 	}), [
 		S,
@@ -22829,6 +22882,7 @@ function wy() {
 		n,
 		u,
 		Re,
+		l,
 		Ve,
 		p
 	]);
@@ -22894,20 +22948,20 @@ function wy() {
 }
 //#endregion
 //#region src/components/DataUploader/context/index.tsx
-var Ty = s(null);
-function Ey({ children: e }) {
-	let t = wy();
-	return /* @__PURE__ */ C(Ty.Provider, {
+var Dy = s(null);
+function Oy({ children: e }) {
+	let t = Ey();
+	return /* @__PURE__ */ C(Dy.Provider, {
 		value: t,
 		children: e
 	});
 }
-var Dy = () => {
-	let e = p(Ty);
+var ky = () => {
+	let e = p(Dy);
 	if (!e) throw Error("useDataUploaderContext must be used within DataUploaderProvider");
 	return e;
-}, Oy = () => {
-	let { steps: e, activeStepIndex: t, currentStepIndex: n, goToStep: r } = Dy();
+}, Ay = () => {
+	let { steps: e, activeStepIndex: t, currentStepIndex: n, goToStep: r } = ky();
 	return /* @__PURE__ */ C(so, {
 		steps: e,
 		activeStepIndex: t,
@@ -22915,79 +22969,79 @@ var Dy = () => {
 		onStepChange: r,
 		isProgressive: !0
 	});
-}, ky = () => /* @__PURE__ */ C(Ey, { children: /* @__PURE__ */ C(Oy, {}) }), Ay = {
+}, jy = () => /* @__PURE__ */ C(Oy, { children: /* @__PURE__ */ C(Ay, {}) }), My = {
 	kty: "EC",
 	crv: "P-256",
 	x: "wZO1Jxr21FEBDsVMzbTbF8blU2CP17c_eQY7gorO13U",
 	y: "Nwr-tXatJZ3DxZqpUG_gOWzmpU6szTqrEL7Gnh5UGwo"
-}, jy = "updog_license_grant", My = new Set([
+}, Ny = "updog_license_grant", Py = new Set([
 	"updog.tech",
 	"landing.updog.tech",
 	"demo.updog.tech"
 ]);
-function Ny() {
-	return My.has(window.location.hostname);
+function Fy() {
+	return Py.has(window.location.hostname);
 }
-function Py() {
+function Iy() {
 	return !1;
 }
-function Fy() {
+function Ly() {
 	return "https://api.updog.tech";
 }
-function Iy(e) {
+function Ry(e) {
 	let t = e.replace(/-/g, "+").replace(/_/g, "/"), n = t + "=".repeat((4 - t.length % 4) % 4), r = atob(n), i = new Uint8Array(r.length);
 	for (let e = 0; e < r.length; e++) i[e] = r.charCodeAt(e);
 	return i;
 }
-async function Ly(e) {
+async function zy(e) {
 	let t = new TextEncoder().encode(e), n = await crypto.subtle.digest("SHA-256", t);
 	return Array.from(new Uint8Array(n)).map((e) => e.toString(16).padStart(2, "0")).join("");
 }
-var Ry = null;
-async function zy() {
-	return Ry || (Ry = await crypto.subtle.importKey("jwk", Ay, {
+var By = null;
+async function Vy() {
+	return By || (By = await crypto.subtle.importKey("jwk", My, {
 		name: "ECDSA",
 		namedCurve: "P-256"
-	}, !1, ["verify"]), Ry);
+	}, !1, ["verify"]), By);
 }
-function By() {
+function Hy() {
 	try {
-		return localStorage.getItem(jy);
+		return localStorage.getItem(Ny);
 	} catch {
 		return null;
 	}
 }
-function Vy(e) {
+function Uy(e) {
 	try {
-		localStorage.setItem(jy, e);
+		localStorage.setItem(Ny, e);
 	} catch {}
 }
-function Hy() {
+function Wy() {
 	try {
-		localStorage.removeItem(jy);
+		localStorage.removeItem(Ny);
 	} catch {}
 }
-async function Uy(e, t, n) {
+async function Gy(e, t, n) {
 	let r = e.indexOf(".");
 	if (r === -1) return !1;
-	let i = e.slice(0, r), a = e.slice(r + 1), o = Iy(i), s = Iy(a), c = await zy();
+	let i = e.slice(0, r), a = e.slice(r + 1), o = Ry(i), s = Ry(a), c = await Vy();
 	if (!await crypto.subtle.verify({
 		name: "ECDSA",
 		hash: "SHA-256"
 	}, c, new Uint8Array(s), new Uint8Array(o))) return !1;
 	let l = JSON.parse(new TextDecoder().decode(o));
 	if (l.exp <= Math.floor(Date.now() / 1e3)) return !1;
-	let u = await Ly(t);
+	let u = await zy(t);
 	return !(l.key !== u || l.domain !== n);
 }
-async function Wy(e) {
-	let t = By();
+async function Ky(e) {
+	let t = Hy();
 	if (!t) return {
 		valid: !1,
 		errorCode: "license.invalid"
 	};
 	try {
-		if (await Uy(t, e, window.location.hostname.toLowerCase().trim())) return {
+		if (await Gy(t, e, window.location.hostname.toLowerCase().trim())) return {
 			valid: !0,
 			errorCode: null
 		};
@@ -22997,23 +23051,23 @@ async function Wy(e) {
 		errorCode: "license.invalid"
 	};
 }
-async function Gy(e, t = !0) {
-	if (Ny() || Py()) return {
+async function qy(e, t = !0) {
+	if (Fy() || Iy()) return {
 		valid: !0,
 		errorCode: null
 	};
-	let n = Fy();
+	let n = Ly();
 	try {
 		let r = await fetch(`${n}/v1/validate`, { headers: { "X-API-Key": e } });
 		if (r.ok) {
 			let e = await r.json();
-			return t && e.grant && Vy(e.grant), {
+			return t && e.grant && Uy(e.grant), {
 				valid: !0,
 				errorCode: null
 			};
 		}
 		if (r.status >= 400 && r.status < 500) {
-			t && Hy();
+			t && Wy();
 			try {
 				return await r.json();
 			} catch {
@@ -23025,7 +23079,7 @@ async function Gy(e, t = !0) {
 		}
 		throw Error(`Server error: ${r.status}`);
 	} catch {
-		return t ? Wy(e) : {
+		return t ? Ky(e) : {
 			valid: !1,
 			errorCode: "license.invalid"
 		};
@@ -23033,7 +23087,7 @@ async function Gy(e, t = !0) {
 }
 //#endregion
 //#region src/hooks/useLicenseValidation.ts
-function Ky(e, t, n = !0) {
+function Jy(e, t, n = !0) {
 	let [r, i] = b({
 		isValidating: t,
 		isValid: !1,
@@ -23053,7 +23107,7 @@ function Ky(e, t, n = !0) {
 			isValidating: !0,
 			isValid: !1,
 			errorCode: null
-		}), Gy(e, n).then((e) => {
+		}), qy(e, n).then((e) => {
 			r || i({
 				isValidating: !1,
 				isValid: e.valid,
@@ -23076,7 +23130,7 @@ function Ky(e, t, n = !0) {
 }
 //#endregion
 //#region src/server/auth/AuthState.ts
-var qy = class {
+var Yy = class {
 	token = null;
 	get() {
 		return this.token;
@@ -23087,13 +23141,13 @@ var qy = class {
 	clear() {
 		this.token = null;
 	}
-}, Jy = class extends Error {
+}, Xy = class extends Error {
 	status;
 	code;
 	constructor(e) {
 		super(e.message), this.name = "ScaleHttpError", this.status = e.status, this.code = e.code;
 	}
-}, Yy = class {
+}, Zy = class {
 	baseUrl;
 	apiKey;
 	auth;
@@ -23123,7 +23177,7 @@ var qy = class {
 				signal: r?.signal
 			});
 		} catch (e) {
-			this.notify(new Jy({
+			this.notify(new Xy({
 				status: 0,
 				code: "network",
 				message: e instanceof Error ? e.message : String(e)
@@ -23134,7 +23188,7 @@ var qy = class {
 			try {
 				e = await s.json();
 			} catch {}
-			this.notify(new Jy({
+			this.notify(new Xy({
 				status: s.status,
 				code: e.error ?? `http_${s.status}`,
 				message: e.message ?? s.statusText
@@ -23145,23 +23199,23 @@ var qy = class {
 };
 //#endregion
 //#region src/server/endpoints/workspaces.ts
-async function Xy(e, t) {
+async function Qy(e, t) {
 	return e.post("/workspaces", {
 		primaryKey: t.primaryKey,
 		columns: t.columns
 	}, { signal: t.signal });
 }
-async function Zy(e) {
+async function $y(e) {
 	try {
 		await e.http.delete(`/workspaces/${e.workspaceId}`, { signal: e.signal });
 	} catch (e) {
-		if (e instanceof Jy && e.status === 404) return;
+		if (e instanceof Xy && e.status === 404) return;
 		throw e;
 	}
 }
 //#endregion
 //#region src/server/endpoints/query.ts
-async function Qy(e, t) {
+async function eb(e, t) {
 	let n = await e.http.post(`/workspaces/${e.workspaceId}/query`, {
 		page: {
 			limit: t.limit,
@@ -23179,12 +23233,12 @@ async function Qy(e, t) {
 }
 //#endregion
 //#region src/server/ScaleClient.ts
-var $y = class {
+var tb = class {
 	disposed = !1;
 	constructor(e) {
 		this.deps = e;
 	}
-	onQuery = (e) => Qy(this.deps, e);
+	onQuery = (e) => eb(this.deps, e);
 	onEdit = async (e) => ({
 		rejected: !0,
 		reason: "Edits are not yet supported in server mode (v0)."
@@ -23201,7 +23255,7 @@ var $y = class {
 	pageSize = void 0;
 	scrollSensitivity = void 0;
 	dispose = async () => {
-		this.disposed || (this.disposed = !0, await Zy({
+		this.disposed || (this.disposed = !0, await $y({
 			http: this.deps.http,
 			workspaceId: this.deps.workspaceId
 		}));
@@ -23209,25 +23263,25 @@ var $y = class {
 };
 //#endregion
 //#region src/server/createScaleClient.ts
-async function eb(e) {
-	let t = new qy(), n = new Yy({
+async function nb(e) {
+	let t = new Yy(), n = new Zy({
 		baseUrl: e.url,
 		apiKey: e.apiKey,
 		auth: t,
 		onDegraded: e.onDegraded
-	}), { workspaceId: r, accessToken: i } = await Xy(n, {
+	}), { workspaceId: r, accessToken: i } = await Qy(n, {
 		primaryKey: e.primaryKey,
 		columns: e.columns,
 		signal: e.signal
 	});
-	return t.set(i), new $y({
+	return t.set(i), new tb({
 		workspaceId: r,
 		http: n
 	});
 }
 //#endregion
 //#region src/server/errors.ts
-function tb(e, t, n) {
+function rb(e, t, n) {
 	return {
 		code: e,
 		message: t,
@@ -23237,7 +23291,7 @@ function tb(e, t, n) {
 }
 //#endregion
 //#region src/hooks/useScaleClient.ts
-function nb(e) {
+function ib(e) {
 	let [t, n] = b({ status: "idle" }), r = y(e.columns), i = y(e.primaryKey);
 	return m(() => {
 		if (!e.enabled) {
@@ -23246,7 +23300,7 @@ function nb(e) {
 		}
 		n({ status: "bootstrapping" });
 		let t = new AbortController(), a = null;
-		return eb({
+		return nb({
 			url: e.url,
 			apiKey: e.apiKey,
 			primaryKey: i.current,
@@ -23255,7 +23309,7 @@ function nb(e) {
 			onDegraded: (e) => {
 				t.signal.aborted || n({
 					status: "failed",
-					error: ib(e)
+					error: ob(e)
 				});
 			}
 		}).then((e) => {
@@ -23270,7 +23324,7 @@ function nb(e) {
 		}).catch((e) => {
 			t.signal.aborted || n({
 				status: "failed",
-				error: rb(e)
+				error: ab(e)
 			});
 		}), () => {
 			t.abort(), a?.dispose().catch(() => {});
@@ -23281,30 +23335,30 @@ function nb(e) {
 		e.apiKey
 	]), t;
 }
-function rb(e) {
-	return e instanceof Jy ? e.status === 401 ? tb(e.code.startsWith("license.") ? e.code : "license.invalid", e.message, e) : e.status === 0 ? tb("scale.unreachable", e.message, e) : e.status >= 500 ? tb("scale.server_error", e.message, e) : tb("scale.bootstrap_failed", e.message, e) : tb("scale.bootstrap_failed", e instanceof Error ? e.message : String(e), e);
+function ab(e) {
+	return e instanceof Xy ? e.status === 401 ? rb(e.code.startsWith("license.") ? e.code : "license.invalid", e.message, e) : e.status === 0 ? rb("scale.unreachable", e.message, e) : e.status >= 500 ? rb("scale.server_error", e.message, e) : rb("scale.bootstrap_failed", e.message, e) : rb("scale.bootstrap_failed", e instanceof Error ? e.message : String(e), e);
 }
-function ib(e) {
-	return e.status === 0 ? tb("scale.unreachable", e.message, e) : e.status === 404 ? tb("scale.workspace_lost", e.message, e) : tb("scale.server_error", e.message, e);
+function ob(e) {
+	return e.status === 0 ? rb("scale.unreachable", e.message, e) : e.status === 404 ? rb("scale.workspace_lost", e.message, e) : rb("scale.server_error", e.message, e);
 }
 //#endregion
 //#region src/index.tsx
-function ab(e) {
+function sb(e) {
 	return e === !1 ? { licenseGrant: !1 } : { licenseGrant: e?.licenseGrant ?? !0 };
 }
-function ob(e) {
+function cb(e) {
 	let t = v(() => new zo(e.onError), [e.onError]);
 	return /* @__PURE__ */ C(uv, {
 		errorHandler: t,
 		children: /* @__PURE__ */ C(Hl, {
 			...e,
 			errorHandler: t,
-			children: e.showUploader ? /* @__PURE__ */ C(ky, {}) : /* @__PURE__ */ C(ov, {})
+			children: e.showUploader ? /* @__PURE__ */ C(jy, {}) : /* @__PURE__ */ C(ov, {})
 		})
 	});
 }
-function sb(e) {
-	let t = e.mode ?? "modal", { t: n, rtl: r } = K(), i = r ? "rtl" : "ltr", a = ab(e.localStorage), o = t === "modal" ? e.open : !0, { isValidating: s, isValid: c, errorCode: l } = Ky(e.apiKey, t === "modal" ? o : !0, a.licenseGrant), u = e.__server != null, d = nb({
+function lb(e) {
+	let t = e.mode ?? "modal", { t: n, rtl: r } = K(), i = r ? "rtl" : "ltr", a = sb(e.localStorage), o = t === "modal" ? e.open : !0, { isValidating: s, isValid: c, errorCode: l } = Jy(e.apiKey, t === "modal" ? o : !0, a.licenseGrant), u = e.__server != null, d = ib({
 		enabled: !s && c && u,
 		url: e.__server?.url ?? "",
 		apiKey: e.apiKey,
@@ -23317,7 +23371,7 @@ function sb(e) {
 		v,
 		T,
 		e.readonly
-	]), D = f(() => T?.(), [T]), O = n(p ? "dataEditor.modal.importTitle" : "dataEditor.modal.editTitle");
+	]), D = f(() => T?.(), [T]), O = p ? n("dataEditor.modal.importTitle") : e.variant === "viewer" ? n("dataEditor.modal.viewTitle") : n("dataEditor.modal.editTitle");
 	m(() => {
 		t === "modal" && !o && h(e.variant === "uploader");
 	}, [
@@ -23359,7 +23413,7 @@ function sb(e) {
 		code: e,
 		message: "License validation failed",
 		source: "license"
-	} }), M = () => s ? A(n("dataEditor.license.loading")) : c ? u && d.status === "bootstrapping" ? A(n("dataEditor.connecting.label")) : u && d.status === "failed" ? /* @__PURE__ */ C(cv, { error: d.error }) : /* @__PURE__ */ C(ob, { ...k }) : j(l ?? "license.invalid");
+	} }), M = () => s ? A(n("dataEditor.license.loading")) : c ? u && d.status === "bootstrapping" ? A(n("dataEditor.connecting.label")) : u && d.status === "failed" ? /* @__PURE__ */ C(cv, { error: d.error }) : /* @__PURE__ */ C(cb, { ...k }) : j(l ?? "license.invalid");
 	return t === "inline" ? /* @__PURE__ */ C("div", {
 		className: "updog__data-editor updog__data-editor-inline",
 		dir: i,
@@ -23379,14 +23433,14 @@ function sb(e) {
 		submitText: n("dataEditor.confirmClose.action")
 	})] });
 }
-function cb(e) {
+function ub(e) {
 	let { translations: t, rtl: n = !1, locale: r = "en", className: i, ...a } = e;
 	return /* @__PURE__ */ C(Xr, {
 		translations: t,
 		rtl: n,
 		locale: r,
-		children: /* @__PURE__ */ C(sb, { ...a })
+		children: /* @__PURE__ */ C(lb, { ...a })
 	});
 }
 //#endregion
-export { cb as DataEditor, iu as downloadExampleFile, au as exportDataEditor };
+export { ub as DataEditor, iu as downloadExampleFile, au as exportDataEditor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@updog/data-editor",
-  "version": "0.1.45",
+  "version": "0.1.47",
   "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",