@updog/data-editor-wc 0.1.45 → 0.1.47

package/index.d.ts

@@ -109,6 +109,7 @@ declare var export_default = {
     modal: {
       importTitle: "Import Data",
       editTitle: "Edit Data",
+      viewTitle: "View Data",
     },
     confirmClose: {
       title: "Discard changes?",
@@ -1030,6 +1031,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: {
@@ -1038,6 +1049,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
@@ -1148,7 +1165,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

@@ -8097,7 +8097,8 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	dataEditor: {
 		modal: {
 			importTitle: "Import Data",
-			editTitle: "Edit Data"
+			editTitle: "Edit Data",
+			viewTitle: "View Data"
 		},
 		confirmClose: {
 			title: "Discard changes?",
@@ -27617,7 +27618,10 @@ var dm = (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();
@@ -27852,6 +27856,20 @@ var dm = (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, {
@@ -27894,7 +27912,8 @@ var dm = (e) => {
 		}
 		return {
 			sources: Array.from(e.values()),
-			counts: t
+			counts: t,
+			learnedSynonyms: this.learnedSynonyms
 		};
 	}
 	isRowVisible(e) {
@@ -29868,6 +29887,7 @@ function Xm({ columns: e, primaryKey: t, loadData: n, scaleClient: r, onComplete
 		setPendingImportFile: ve,
 		openUploaderWithFile: ye,
 		variant: a ?? "editor",
+		isViewer: a === "viewer",
 		search: ne,
 		setSearch: re,
 		matchCase: ie,
@@ -29883,7 +29903,7 @@ function Xm({ columns: e, primaryKey: t, loadData: n, scaleClient: r, onComplete
 		resetScrollRef: z,
 		scrollToGridTop: B,
 		portalRef: me,
-		readonly: _ ?? !1,
+		readonly: a === "viewer" ? !0 : _ ?? !1,
 		filtersResetKey: de,
 		resetFilters: fe,
 		originalColumns: e,
@@ -31766,7 +31786,7 @@ var kg = 9, Ag = 3, jg = [3, 2], Mg = 1, Ng = 6, Pg = .8, Fg = .5, Ig = 4, Lg =
 	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, ag(r, h, 0, m, 36)) : u.isColumnHighlighted(t) && (r.fillStyle = i.headerBgActive, ag(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) * Ng + Ng : 0, S = m - kg * 2 - x;
 		r.font = i.headerFont, r.fillStyle = i.headerContentIdle;
@@ -45475,39 +45495,39 @@ var sj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(at, {
 		/* @__PURE__ */ (0, O.jsx)(pj, {})
 	]
 }) }), gj = () => {
-	let { store: e, columns: t, chat: n, enableAddRow: r, readonly: i, navigateToCell: a, importFormats: o, openUploaderWithFile: s } = $m(), { rowCount: c, filteredCount: l, isLoading: u } = ed(e), { t: d } = j(), f = !u && l === 0, p = r && !i && c === 0, m = o !== !1 && o.length > 0, h = (0, y.useCallback)(async () => {
-		a(await sh(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 } = $m(), { rowCount: l, filteredCount: u, isLoading: d } = ed(e), { t: f } = j(), p = !d && u === 0, m = r && !i && l === 0, h = s !== !1 && s.length > 0, g = (0, y.useCallback)(async () => {
+		o(await sh(e, t, f("dataEditor.dataSources.manuallyAdded")), t[0].id);
 	}, [
 		e,
 		t,
-		a,
-		d
-	]), g = (0, y.useMemo)(() => {
-		if (p) return {
-			content: d("dataEditor.dataSources.addRow"),
+		o,
+		f
+	]), _ = (0, y.useMemo)(() => {
+		if (m) return {
+			content: f("dataEditor.dataSources.addRow"),
 			startIcon: /* @__PURE__ */ (0, O.jsx)(Ae, { size: "1rem" }),
 			variant: "filled",
-			onClick: h
+			onClick: g
 		};
 	}, [
-		p,
-		h,
-		d
-	]), _ = (0, y.useMemo)(() => th(o === !1 ? [] : o), [o]), v = (0, y.useCallback)((e) => {
+		m,
+		g,
+		f
+	]), v = (0, y.useMemo)(() => th(s === !1 ? [] : s), [s]), b = (0, y.useCallback)((e) => {
 		let t = e[0];
-		t && s(t);
-	}, [s]), { getRootProps: b, isDragActive: x } = Xu({
-		accept: _,
+		t && c(t);
+	}, [c]), { getRootProps: x, isDragActive: S } = Xu({
+		accept: v,
 		maxFiles: 1,
 		noClick: !0,
 		noKeyboard: !0,
-		disabled: i || !m,
-		onDrop: v
+		disabled: i || !h,
+		onDrop: b
 	});
 	return /* @__PURE__ */ (0, O.jsx)(ah, { children: /* @__PURE__ */ (0, O.jsxs)("div", {
-		...b({ className: "updog__data-editor-inner" }),
+		...x({ className: "updog__data-editor-inner" }),
 		children: [
-			/* @__PURE__ */ (0, O.jsx)(nh, { children: /* @__PURE__ */ (0, O.jsx)("div", {
+			!a && /* @__PURE__ */ (0, O.jsx)(nh, { children: /* @__PURE__ */ (0, O.jsx)("div", {
 				className: "updog__data-editor-aside",
 				children: /* @__PURE__ */ (0, O.jsxs)("div", {
 					className: "updog__data-editor-aside__content updog__scrollbar",
@@ -45521,18 +45541,18 @@ var sj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(at, {
 			/* @__PURE__ */ (0, O.jsxs)(rh, { children: [
 				/* @__PURE__ */ (0, O.jsxs)("div", {
 					className: "updog__data-editor-grid-area",
-					children: [/* @__PURE__ */ (0, O.jsx)(TA, {}), f && /* @__PURE__ */ (0, O.jsx)(ac, {
+					children: [/* @__PURE__ */ (0, O.jsx)(TA, {}), p && /* @__PURE__ */ (0, O.jsx)(ac, {
 						className: "updog-grid__empty-state",
-						title: d("dataEditor.grid.emptyTitle"),
-						text: d("dataEditor.grid.emptyText"),
-						buttonProps: g
+						title: f("dataEditor.grid.emptyTitle"),
+						text: f("dataEditor.grid.emptyText"),
+						buttonProps: _
 					})]
 				}),
 				/* @__PURE__ */ (0, O.jsx)(oh, {}),
-				/* @__PURE__ */ (0, O.jsx)(Yh, {})
+				!a && /* @__PURE__ */ (0, O.jsx)(Yh, {})
 			] }),
-			x && /* @__PURE__ */ (0, O.jsx)(ih, {}),
-			n && /* @__PURE__ */ (0, O.jsx)(hj, {})
+			S && /* @__PURE__ */ (0, O.jsx)(ih, {}),
+			n && !a && /* @__PURE__ */ (0, O.jsx)(hj, {})
 		]
 	}) });
 }, _j = "RENDER_ERROR", vj = (e) => {
@@ -45569,7 +45589,7 @@ var sj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(at, {
 		return this.state.hasError ? /* @__PURE__ */ (0, O.jsx)(vj, { error: yj }) : this.props.children;
 	}
 }, xj = ({ leftSlot: e }) => {
-	let { variant: t, setShowUploader: n } = $m(), { t: r } = j(), { isFirstStep: i, isLastStep: a, nextStep: o, prevStep: s, onImport: c, parsedCsv: l, xlsxFile: u, isParsing: d, isImporting: f, steps: p, activeStepIndex: m, selectedSheet: h, handleSheetConfirmed: g, remoteSourceLoading: _ } = LM(), v = i && t === "editor", b = (0, y.useCallback)(() => {
+	let { variant: t, setShowUploader: n } = $m(), { t: r } = j(), { isFirstStep: i, isLastStep: a, nextStep: o, prevStep: s, onImport: c, parsedCsv: l, xlsxFile: u, isParsing: d, isImporting: f, steps: p, activeStepIndex: m, selectedSheet: h, handleSheetConfirmed: g, remoteSourceLoading: _ } = zM(), v = i && t === "editor", b = (0, y.useCallback)(() => {
 		n(!1);
 	}, [n]), x = p[m]?.id === "sheet-selection", S = (0, y.useCallback)(() => {
 		a ? c() : x ? g() : o();
@@ -46397,7 +46417,7 @@ var sj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(at, {
 		]
 	});
 }), Wj = () => {
-	let { columns: e, enableCreateColumn: t, synonyms: n } = $m(), { t: r } = j(), { parsedCsv: i, columnMapping: a, updateColumnMapping: o, pendingColumns: s, setPendingColumns: c } = LM(), [l, u] = (0, y.useState)(null), d = (0, y.useRef)(null), f = (0, y.useCallback)((e, t) => {
+	let { columns: e, enableCreateColumn: t, synonyms: n } = $m(), { t: r } = j(), { parsedCsv: i, columnMapping: a, updateColumnMapping: o, pendingColumns: s, setPendingColumns: c } = zM(), [l, u] = (0, y.useState)(null), d = (0, y.useRef)(null), f = (0, y.useCallback)((e, t) => {
 		if (t === "action:create") {
 			d.current = e, u({ title: e });
 			return;
@@ -46510,7 +46530,7 @@ var sj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(at, {
 		]
 	});
 }, Gj = () => {
-	let { parsedCsv: e } = LM();
+	let { parsedCsv: e } = zM();
 	return e ? /* @__PURE__ */ (0, O.jsx)(ah, { children: /* @__PURE__ */ (0, O.jsxs)(rh, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
 		className: "updog__step-column-matching__content updog__scrollbar",
 		children: /* @__PURE__ */ (0, O.jsx)(Wj, {})
@@ -46529,7 +46549,7 @@ var sj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(at, {
 		})
 	});
 }, qj = () => {
-	let { columns: e } = $m(), { t } = j(), { parsedCsv: n, columnMapping: r, valueMapping: i, autoValueMapping: a, updateValueMapping: o, pendingOptions: s, addPendingOption: c } = LM(), [l, u] = (0, y.useState)({}), [d, f] = (0, y.useState)({}), [p, m] = (0, y.useState)(null), h = (0, y.useRef)(!1), g = (0, y.useCallback)((e) => {
+	let { columns: e } = $m(), { t } = j(), { parsedCsv: n, columnMapping: r, valueMapping: i, autoValueMapping: a, updateValueMapping: o, pendingOptions: s, addPendingOption: c } = zM(), [l, u] = (0, y.useState)({}), [d, f] = (0, y.useState)({}), [p, m] = (0, y.useState)(null), h = (0, y.useRef)(!1), g = (0, y.useCallback)((e) => {
 		f((t) => ({
 			...t,
 			[e]: !t[e]
@@ -46765,7 +46785,7 @@ var sj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(at, {
 	className: "updog__step-match-values__content updog__scrollbar",
 	children: /* @__PURE__ */ (0, O.jsx)(qj, {})
 }), /* @__PURE__ */ (0, O.jsx)(xj, {})] }) }), Yj = 20, Xj = () => {
-	let { columns: e, store: t } = $m(), { t: n } = j(), { primaryKey: r, onPrimaryKeyChange: i, parsedCsv: a, columnMapping: o } = LM(), s = t.isClient(), c = (0, y.useCallback)(() => i(null), [i]), l = e.filter((e) => e.unique), u = (0, y.useMemo)(() => {
+	let { columns: e, store: t } = $m(), { t: n } = j(), { primaryKey: r, onPrimaryKeyChange: i, parsedCsv: a, columnMapping: o } = zM(), s = t.isClient(), c = (0, y.useCallback)(() => i(null), [i]), l = e.filter((e) => e.unique), u = (0, y.useMemo)(() => {
 		let e = {};
 		for (let [t, n] of Object.entries(o)) n && (e[n] = t);
 		return e;
@@ -46840,7 +46860,7 @@ var sj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(at, {
 	title: e.description,
 	children: e.label
 }), eM = () => {
-	let { importFormats: e, remoteSources: t } = $m(), n = e === !1 ? [] : e, { t: r } = j(), { remoteSourceLoading: i, remoteSourceError: a, handleRemoteSourceSelect: o } = LM();
+	let { importFormats: e, remoteSources: t } = $m(), n = e === !1 ? [] : e, { t: r } = j(), { remoteSourceLoading: i, remoteSourceError: a, handleRemoteSourceSelect: o } = zM();
 	return /* @__PURE__ */ (0, O.jsxs)("div", {
 		className: "updog__source-picker",
 		children: [
@@ -46895,7 +46915,7 @@ var sj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(at, {
 		})]
 	});
 }, nM = () => {
-	let { columns: e, importFormats: t, sampleData: n } = $m(), r = t === !1 ? [] : t, { t: i } = j(), { parsedCsv: a, xlsxFile: o, handleFileRemoved: s, parseFile: c, isParsing: l, remoteSourceLoading: u } = LM(), d = [
+	let { columns: e, importFormats: t, sampleData: n } = $m(), r = t === !1 ? [] : t, { t: i } = j(), { parsedCsv: a, xlsxFile: o, handleFileRemoved: s, parseFile: c, isParsing: l, remoteSourceLoading: u } = zM(), d = [
 		{
 			id: "csv",
 			format: "csv",
@@ -46985,7 +47005,7 @@ var sj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(at, {
 		]
 	}) });
 }, rM = ({ preview: e }) => {
-	let { selectedSheet: t, setSelectedSheet: n } = LM(), { t: r } = j(), i = Math.max(0, e.totalRows), a = t === e.name, o = (0, y.useMemo)(() => {
+	let { selectedSheet: t, setSelectedSheet: n } = zM(), { t: r } = j(), i = Math.max(0, e.totalRows), a = t === e.name, o = (0, y.useMemo)(() => {
 		let { headers: t, rows: n } = e;
 		return n.map((e) => t.map((t) => e[t] ?? ""));
 	}, [e]);
@@ -47023,7 +47043,7 @@ var sj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(at, {
 		})
 	});
 }, iM = () => {
-	let { sheetPreviews: e } = LM();
+	let { sheetPreviews: e } = zM();
 	return /* @__PURE__ */ (0, O.jsx)(ah, { children: /* @__PURE__ */ (0, O.jsxs)(rh, { children: [/* @__PURE__ */ (0, O.jsx)("div", {
 		className: "updog__sheet-preview-wrapper updog__scrollbar",
 		children: /* @__PURE__ */ (0, O.jsx)("div", {
@@ -47131,16 +47151,47 @@ function vM(e) {
 		rawCells: i
 	};
 }
-function yM(e, t, n) {
+//#endregion
+//#region src/components/DataUploader/utils/learnedSynonyms.ts
+var yM = (e) => {
+	let t = /* @__PURE__ */ new Map();
+	for (let [n, r] of Object.entries(e)) {
+		let e = Tj(n), i = t.get(e) ?? /* @__PURE__ */ new Set();
+		for (let e of r) i.add(Tj(e));
+		t.set(e, i);
+	}
+	return t;
+}, bM = (e, t, n, r) => {
+	let i = yM(r), a = (e, t) => i.get(Tj(e))?.has(Tj(t)) ?? !1, o = new Map(n.map((e) => [e.id, e])), s = (e, t) => (n, r) => {
+		if (Tj(n) === Tj(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 xM(e, t, n) {
 	let r = e.length, i = t;
-	return i <= 0 ? [] : r === i ? [{ cells: [...e] }] : (r < i ? bM(i, i - r) : bM(r - 1, i - 1)) > 1e3 ? [] : r < i ? xM(e, i) : SM(e, i, n);
+	return i <= 0 ? [] : r === i ? [{ cells: [...e] }] : (r < i ? SM(i, i - r) : SM(r - 1, i - 1)) > 1e3 ? [] : r < i ? CM(e, i) : wM(e, i, n);
 }
-function bM(e, t) {
+function SM(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 xM(e, t) {
+function CM(e, t) {
 	let n = e.length, r = [], i = [], a = (o) => {
 		if (i.length === n) {
 			let a = Array(t).fill("");
@@ -47152,7 +47203,7 @@ function xM(e, t) {
 	};
 	return a(0), r;
 }
-function SM(e, t, n) {
+function wM(e, t, n) {
 	let r = e.length, i = [], a = [], o = (s) => {
 		if (a.length === t - 1) {
 			let o = [
@@ -47170,27 +47221,27 @@ function SM(e, t, n) {
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/pruneByValidators.ts
-var CM = {};
-function wM(e, t) {
+var TM = {};
+function EM(e, t) {
 	for (let n of t.validators ?? []) if (n.type !== "expression") {
 		if (n.type === "function") {
-			if (n.fn(e, CM) != null) return !1;
+			if (n.fn(e, TM) != null) return !1;
 			continue;
 		}
-		if (Rm(n, e, CM) != null) return !1;
+		if (Rm(n, e, TM) != null) return !1;
 	}
 	return !0;
 }
-function TM(e, t) {
-	for (let n = 0; n < t.length; n++) if (!wM(e.cells[n] ?? "", t[n])) return !1;
+function DM(e, t) {
+	for (let n = 0; n < t.length; n++) if (!EM(e.cells[n] ?? "", t[n])) return !1;
 	return !0;
 }
-function EM(e, t) {
-	return e.filter((e) => TM(e, t));
+function OM(e, t) {
+	return e.filter((e) => DM(e, t));
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/computeDisputeSpans.ts
-function DM(e) {
+function kM(e) {
 	if (e.length <= 1) return [];
 	let t = e[0].cells.length, n = [], r = -1;
 	for (let i = 0; i < t; i++) {
@@ -47207,25 +47258,25 @@ function DM(e) {
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/alignRow.ts
-function OM(e, t, n) {
-	let r = yM(e, t.length, n), i = EM(r, t);
+function AM(e, t, n) {
+	let r = xM(e, t.length, n), i = OM(r, t);
 	return i.length === 1 ? {
 		kind: "confident",
 		alignment: i[0]
 	} : i.length > 1 ? {
 		kind: "ambiguous",
 		candidates: i,
-		disputeSpans: DM(i)
+		disputeSpans: kM(i)
 	} : {
 		kind: "invalid",
 		candidates: r,
-		disputeSpans: DM(r)
+		disputeSpans: kM(r)
 	};
 }
 //#endregion
 //#region src/components/DataUploader/utils/raggedRows/resolveRaggedRow.ts
-function kM(e, t, n) {
-	let r = OM(e, t, n);
+function jM(e, t, n) {
+	let r = AM(e, t, n);
 	if (r.kind === "confident") return {
 		cells: r.alignment.cells,
 		conflictColumns: []
@@ -47244,13 +47295,13 @@ function kM(e, t, n) {
 }
 //#endregion
 //#region src/components/DataUploader/context/useViewModel.tsx
-var AM = 5e3, jM = 15, MM = 20, NM = new Set([
+var MM = 5e3, NM = 15, PM = 20, FM = new Set([
 	"xlsx",
 	"xls",
 	"xlsb",
 	"ods"
 ]);
-function PM() {
+function IM() {
 	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 } = $m(), { t: f } = j(), [p, m] = (0, y.useState)(0), [h, g] = (0, y.useState)(0), [_, v] = (0, y.useState)(null), [b, x] = (0, y.useState)({}), S = n.filter((e) => e.unique), [C, w] = (0, y.useState)(() => r), [T, E] = (0, y.useState)(!1), [D, k] = (0, y.useState)(!1), [A, M] = (0, y.useState)(null), [N, P] = (0, y.useState)([]), [F, I] = (0, y.useState)(null), [L, R] = (0, y.useState)([]), [ee, z] = (0, y.useState)({}), [B, V] = (0, y.useState)([]), [H, te] = (0, y.useState)({}), ne = (0, y.useRef)(null), [re, ie] = (0, y.useState)(0), ae = (0, y.useCallback)((e) => {
 		D || w(e);
 	}, [D]), oe = (0, y.useRef)(null);
@@ -47408,7 +47459,7 @@ function PM() {
 					return {
 						name: e.name,
 						headers: t,
-						rows: n.slice(0, jM),
+						rows: n.slice(0, NM),
 						totalRows: e.totalRows - 1
 					};
 				});
@@ -47442,7 +47493,7 @@ function PM() {
 	]), Ce = (0, y.useCallback)((e) => {
 		E(!0), ne.current = e;
 		let t = e.name.split(".").pop()?.toLowerCase();
-		t && NM.has(t) ? Se(e) : t === "json" ? be(e) : t === "xml" ? xe(e) : ye(e);
+		t && FM.has(t) ? Se(e) : t === "json" ? be(e) : t === "xml" ? xe(e) : ye(e);
 	}, [
 		ye,
 		be,
@@ -47508,6 +47559,7 @@ function PM() {
 			Me({});
 			return;
 		}
+		if (D) return;
 		let e = {};
 		for (let [t, r] of Object.entries(b)) {
 			if (!r) continue;
@@ -47536,7 +47588,8 @@ function PM() {
 		b,
 		n,
 		c,
-		l
+		l,
+		D
 	]);
 	let Pe = (0, y.useMemo)(() => {
 		let e = {};
@@ -47605,7 +47658,7 @@ function PM() {
 		if (!_ || !d?.onRowsImport) return;
 		let t = _;
 		v(null);
-		let r = crypto.randomUUID(), i = Re(), a = new AbortController(), o = d.importChunkSize ?? AM, s = aM(b, n, new Set(B.map((e) => e.id))), c = {
+		let r = crypto.randomUUID(), i = Re(), a = new AbortController(), o = d.importChunkSize ?? MM, s = aM(b, n, new Set(B.map((e) => e.id))), c = {
 			numberFormat: i.numberFormat,
 			dateFormat: i.dateFormat,
 			monthTable: ip(f),
@@ -47650,49 +47703,49 @@ function PM() {
 			B.length > 0 && u(B);
 			for (let [t, n] of Object.entries(H)) e.addColumnOptions(t, n);
 			let o = e.registerSource({ name: i.fileName });
-			e.setSourceLoading(o, !0);
+			e.setSourceLoading(o, !0), e.recordLearnedSynonyms(bM(b, Pe, [...n, ...B], Cj(Sj, l)));
 			let s = aM(b, n, a), c = {
 				numberFormat: tp(i.rows, oM(s)),
 				dateFormat: op(i.rows, Le(a)),
 				monthTable: ip(f),
 				valueMapping: Pe
-			}, l = i.rows, d = i.rawCells ?? [], p = i.delimiter ?? ",", m = i.headers, h = m.map((e) => {
+			}, d = i.rows, p = i.rawCells ?? [], m = i.delimiter ?? ",", h = i.headers, g = h.map((e) => {
 				let t = b[e];
 				return (t ? n.find((e) => e.id === t) : void 0) ?? {
 					id: e,
 					title: e
 				};
-			}), g = 0, _ = () => {
-				let n = Math.min(g + AM, l.length), i = [], a = [];
-				for (let e = g; e < n; e++) {
-					let t = l[e], n = d[e];
+			}), _ = 0, v = () => {
+				let n = Math.min(_ + MM, d.length), i = [], a = [];
+				for (let e = _; e < n; e++) {
+					let t = d[e], n = p[e];
 					if (n) {
-						let { cells: r, conflictColumns: i } = kM(n, h, p);
+						let { cells: r, conflictColumns: i } = jM(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 = b[m[e]];
+								let n = b[h[e]];
 								n && t.push(n);
 							}
 							t.length && a.push({
-								localIndex: e - g,
+								localIndex: e - _,
 								columnIds: t
 							});
 						}
 					}
 					i.push(sM(t, s, c));
 				}
-				let { rows: u, rowIds: v } = e.upsertRows(o, i, { anchorKey: C ?? void 0 });
-				for (let e = g; e < n; e++) e < MM || (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: C ?? void 0 });
+				for (let e = _; e < n; e++) e < PM || (d[e] = null, e < p.length && (p[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, {
@@ -47702,11 +47755,11 @@ function PM() {
 						}
 					}
 					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);
 	}), [
 		_,
@@ -47719,6 +47772,7 @@ function PM() {
 		n,
 		u,
 		Pe,
+		l,
 		Le,
 		f
 	]);
@@ -47784,20 +47838,20 @@ function PM() {
 }
 //#endregion
 //#region src/components/DataUploader/context/index.tsx
-var FM = (0, y.createContext)(null);
-function IM({ children: e }) {
-	let t = PM();
-	return /* @__PURE__ */ (0, O.jsx)(FM.Provider, {
+var LM = (0, y.createContext)(null);
+function RM({ children: e }) {
+	let t = IM();
+	return /* @__PURE__ */ (0, O.jsx)(LM.Provider, {
 		value: t,
 		children: e
 	});
 }
-var LM = () => {
-	let e = (0, y.useContext)(FM);
+var zM = () => {
+	let e = (0, y.useContext)(LM);
 	if (!e) throw Error("useDataUploaderContext must be used within DataUploaderProvider");
 	return e;
-}, RM = () => {
-	let { steps: e, activeStepIndex: t, currentStepIndex: n, goToStep: r } = LM();
+}, BM = () => {
+	let { steps: e, activeStepIndex: t, currentStepIndex: n, goToStep: r } = zM();
 	return /* @__PURE__ */ (0, O.jsx)(Rc, {
 		steps: e,
 		activeStepIndex: t,
@@ -47805,79 +47859,79 @@ var LM = () => {
 		onStepChange: r,
 		isProgressive: !0
 	});
-}, zM = () => /* @__PURE__ */ (0, O.jsx)(IM, { children: /* @__PURE__ */ (0, O.jsx)(RM, {}) }), BM = {
+}, VM = () => /* @__PURE__ */ (0, O.jsx)(RM, { children: /* @__PURE__ */ (0, O.jsx)(BM, {}) }), HM = {
 	kty: "EC",
 	crv: "P-256",
 	x: "wZO1Jxr21FEBDsVMzbTbF8blU2CP17c_eQY7gorO13U",
 	y: "Nwr-tXatJZ3DxZqpUG_gOWzmpU6szTqrEL7Gnh5UGwo"
-}, VM = "updog_license_grant", HM = new Set([
+}, UM = "updog_license_grant", WM = new Set([
 	"updog.tech",
 	"landing.updog.tech",
 	"demo.updog.tech"
 ]);
-function UM() {
-	return HM.has(window.location.hostname);
+function GM() {
+	return WM.has(window.location.hostname);
 }
-function WM() {
+function KM() {
 	return !1;
 }
-function GM() {
+function qM() {
 	return "https://api.updog.tech";
 }
-function KM(e) {
+function JM(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 qM(e) {
+async function YM(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 JM = null;
-async function YM() {
-	return JM || (JM = await crypto.subtle.importKey("jwk", BM, {
+var XM = null;
+async function ZM() {
+	return XM || (XM = await crypto.subtle.importKey("jwk", HM, {
 		name: "ECDSA",
 		namedCurve: "P-256"
-	}, !1, ["verify"]), JM);
+	}, !1, ["verify"]), XM);
 }
-function XM() {
+function QM() {
 	try {
-		return localStorage.getItem(VM);
+		return localStorage.getItem(UM);
 	} catch {
 		return null;
 	}
 }
-function ZM(e) {
+function $M(e) {
 	try {
-		localStorage.setItem(VM, e);
+		localStorage.setItem(UM, e);
 	} catch {}
 }
-function QM() {
+function eN() {
 	try {
-		localStorage.removeItem(VM);
+		localStorage.removeItem(UM);
 	} catch {}
 }
-async function $M(e, t, n) {
+async function tN(e, t, n) {
 	let r = e.indexOf(".");
 	if (r === -1) return !1;
-	let i = e.slice(0, r), a = e.slice(r + 1), o = KM(i), s = KM(a), c = await YM();
+	let i = e.slice(0, r), a = e.slice(r + 1), o = JM(i), s = JM(a), c = await ZM();
 	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 qM(t);
+	let u = await YM(t);
 	return !(l.key !== u || l.domain !== n);
 }
-async function eN(e) {
-	let t = XM();
+async function nN(e) {
+	let t = QM();
 	if (!t) return {
 		valid: !1,
 		errorCode: "license.invalid"
 	};
 	try {
-		if (await $M(t, e, window.location.hostname.toLowerCase().trim())) return {
+		if (await tN(t, e, window.location.hostname.toLowerCase().trim())) return {
 			valid: !0,
 			errorCode: null
 		};
@@ -47887,23 +47941,23 @@ async function eN(e) {
 		errorCode: "license.invalid"
 	};
 }
-async function tN(e, t = !0) {
-	if (UM() || WM()) return {
+async function rN(e, t = !0) {
+	if (GM() || KM()) return {
 		valid: !0,
 		errorCode: null
 	};
-	let n = GM();
+	let n = qM();
 	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 && ZM(e.grant), {
+			return t && e.grant && $M(e.grant), {
 				valid: !0,
 				errorCode: null
 			};
 		}
 		if (r.status >= 400 && r.status < 500) {
-			t && QM();
+			t && eN();
 			try {
 				return await r.json();
 			} catch {
@@ -47915,7 +47969,7 @@ async function tN(e, t = !0) {
 		}
 		throw Error(`Server error: ${r.status}`);
 	} catch {
-		return t ? eN(e) : {
+		return t ? nN(e) : {
 			valid: !1,
 			errorCode: "license.invalid"
 		};
@@ -47923,7 +47977,7 @@ async function tN(e, t = !0) {
 }
 //#endregion
 //#region src/hooks/useLicenseValidation.ts
-function nN(e, t, n = !0) {
+function iN(e, t, n = !0) {
 	let [r, i] = (0, y.useState)({
 		isValidating: t,
 		isValid: !1,
@@ -47943,7 +47997,7 @@ function nN(e, t, n = !0) {
 			isValidating: !0,
 			isValid: !1,
 			errorCode: null
-		}), tN(e, n).then((e) => {
+		}), rN(e, n).then((e) => {
 			r || i({
 				isValidating: !1,
 				isValid: e.valid,
@@ -47966,7 +48020,7 @@ function nN(e, t, n = !0) {
 }
 //#endregion
 //#region src/server/auth/AuthState.ts
-var rN = class {
+var aN = class {
 	token = null;
 	get() {
 		return this.token;
@@ -47977,13 +48031,13 @@ var rN = class {
 	clear() {
 		this.token = null;
 	}
-}, iN = class extends Error {
+}, oN = class extends Error {
 	status;
 	code;
 	constructor(e) {
 		super(e.message), this.name = "ScaleHttpError", this.status = e.status, this.code = e.code;
 	}
-}, aN = class {
+}, sN = class {
 	baseUrl;
 	apiKey;
 	auth;
@@ -48013,7 +48067,7 @@ var rN = class {
 				signal: r?.signal
 			});
 		} catch (e) {
-			this.notify(new iN({
+			this.notify(new oN({
 				status: 0,
 				code: "network",
 				message: e instanceof Error ? e.message : String(e)
@@ -48024,7 +48078,7 @@ var rN = class {
 			try {
 				e = await s.json();
 			} catch {}
-			this.notify(new iN({
+			this.notify(new oN({
 				status: s.status,
 				code: e.error ?? `http_${s.status}`,
 				message: e.message ?? s.statusText
@@ -48035,23 +48089,23 @@ var rN = class {
 };
 //#endregion
 //#region src/server/endpoints/workspaces.ts
-async function oN(e, t) {
+async function cN(e, t) {
 	return e.post("/workspaces", {
 		primaryKey: t.primaryKey,
 		columns: t.columns
 	}, { signal: t.signal });
 }
-async function sN(e) {
+async function lN(e) {
 	try {
 		await e.http.delete(`/workspaces/${e.workspaceId}`, { signal: e.signal });
 	} catch (e) {
-		if (e instanceof iN && e.status === 404) return;
+		if (e instanceof oN && e.status === 404) return;
 		throw e;
 	}
 }
 //#endregion
 //#region src/server/endpoints/query.ts
-async function cN(e, t) {
+async function uN(e, t) {
 	let n = await e.http.post(`/workspaces/${e.workspaceId}/query`, {
 		page: {
 			limit: t.limit,
@@ -48069,12 +48123,12 @@ async function cN(e, t) {
 }
 //#endregion
 //#region src/server/ScaleClient.ts
-var lN = class {
+var dN = class {
 	disposed = !1;
 	constructor(e) {
 		this.deps = e;
 	}
-	onQuery = (e) => cN(this.deps, e);
+	onQuery = (e) => uN(this.deps, e);
 	onEdit = async (e) => ({
 		rejected: !0,
 		reason: "Edits are not yet supported in server mode (v0)."
@@ -48091,7 +48145,7 @@ var lN = class {
 	pageSize = void 0;
 	scrollSensitivity = void 0;
 	dispose = async () => {
-		this.disposed || (this.disposed = !0, await sN({
+		this.disposed || (this.disposed = !0, await lN({
 			http: this.deps.http,
 			workspaceId: this.deps.workspaceId
 		}));
@@ -48099,25 +48153,25 @@ var lN = class {
 };
 //#endregion
 //#region src/server/createScaleClient.ts
-async function uN(e) {
-	let t = new rN(), n = new aN({
+async function fN(e) {
+	let t = new aN(), n = new sN({
 		baseUrl: e.url,
 		apiKey: e.apiKey,
 		auth: t,
 		onDegraded: e.onDegraded
-	}), { workspaceId: r, accessToken: i } = await oN(n, {
+	}), { workspaceId: r, accessToken: i } = await cN(n, {
 		primaryKey: e.primaryKey,
 		columns: e.columns,
 		signal: e.signal
 	});
-	return t.set(i), new lN({
+	return t.set(i), new dN({
 		workspaceId: r,
 		http: n
 	});
 }
 //#endregion
 //#region src/server/errors.ts
-function dN(e, t, n) {
+function pN(e, t, n) {
 	return {
 		code: e,
 		message: t,
@@ -48127,7 +48181,7 @@ function dN(e, t, n) {
 }
 //#endregion
 //#region src/hooks/useScaleClient.ts
-function fN(e) {
+function mN(e) {
 	let [t, n] = (0, y.useState)({ status: "idle" }), r = (0, y.useRef)(e.columns), i = (0, y.useRef)(e.primaryKey);
 	return (0, y.useEffect)(() => {
 		if (!e.enabled) {
@@ -48136,7 +48190,7 @@ function fN(e) {
 		}
 		n({ status: "bootstrapping" });
 		let t = new AbortController(), a = null;
-		return uN({
+		return fN({
 			url: e.url,
 			apiKey: e.apiKey,
 			primaryKey: i.current,
@@ -48145,7 +48199,7 @@ function fN(e) {
 			onDegraded: (e) => {
 				t.signal.aborted || n({
 					status: "failed",
-					error: mN(e)
+					error: gN(e)
 				});
 			}
 		}).then((e) => {
@@ -48160,7 +48214,7 @@ function fN(e) {
 		}).catch((e) => {
 			t.signal.aborted || n({
 				status: "failed",
-				error: pN(e)
+				error: hN(e)
 			});
 		}), () => {
 			t.abort(), a?.dispose().catch(() => {});
@@ -48171,30 +48225,30 @@ function fN(e) {
 		e.apiKey
 	]), t;
 }
-function pN(e) {
-	return e instanceof iN ? e.status === 401 ? dN(e.code.startsWith("license.") ? e.code : "license.invalid", e.message, e) : e.status === 0 ? dN("scale.unreachable", e.message, e) : e.status >= 500 ? dN("scale.server_error", e.message, e) : dN("scale.bootstrap_failed", e.message, e) : dN("scale.bootstrap_failed", e instanceof Error ? e.message : String(e), e);
+function hN(e) {
+	return e instanceof oN ? e.status === 401 ? pN(e.code.startsWith("license.") ? e.code : "license.invalid", e.message, e) : e.status === 0 ? pN("scale.unreachable", e.message, e) : e.status >= 500 ? pN("scale.server_error", e.message, e) : pN("scale.bootstrap_failed", e.message, e) : pN("scale.bootstrap_failed", e instanceof Error ? e.message : String(e), e);
 }
-function mN(e) {
-	return e.status === 0 ? dN("scale.unreachable", e.message, e) : e.status === 404 ? dN("scale.workspace_lost", e.message, e) : dN("scale.server_error", e.message, e);
+function gN(e) {
+	return e.status === 0 ? pN("scale.unreachable", e.message, e) : e.status === 404 ? pN("scale.workspace_lost", e.message, e) : pN("scale.server_error", e.message, e);
 }
 //#endregion
 //#region src/index.tsx
-function hN(e) {
+function _N(e) {
 	return e === !1 ? { licenseGrant: !1 } : { licenseGrant: e?.licenseGrant ?? !0 };
 }
-function gN(e) {
+function vN(e) {
 	let t = (0, y.useMemo)(() => new $u(e.onError), [e.onError]);
 	return /* @__PURE__ */ (0, O.jsx)(bj, {
 		errorHandler: t,
 		children: /* @__PURE__ */ (0, O.jsx)(Qm, {
 			...e,
 			errorHandler: t,
-			children: e.showUploader ? /* @__PURE__ */ (0, O.jsx)(zM, {}) : /* @__PURE__ */ (0, O.jsx)(gj, {})
+			children: e.showUploader ? /* @__PURE__ */ (0, O.jsx)(VM, {}) : /* @__PURE__ */ (0, O.jsx)(gj, {})
 		})
 	});
 }
-function _N(e) {
-	let t = e.mode ?? "modal", { t: n, rtl: r } = j(), i = r ? "rtl" : "ltr", a = hN(e.localStorage), o = t === "modal" ? e.open : !0, { isValidating: s, isValid: c, errorCode: l } = nN(e.apiKey, t === "modal" ? o : !0, a.licenseGrant), u = e.__server != null, d = fN({
+function yN(e) {
+	let t = e.mode ?? "modal", { t: n, rtl: r } = j(), i = r ? "rtl" : "ltr", a = _N(e.localStorage), o = t === "modal" ? e.open : !0, { isValidating: s, isValid: c, errorCode: l } = iN(e.apiKey, t === "modal" ? o : !0, a.licenseGrant), u = e.__server != null, d = mN({
 		enabled: !s && c && u,
 		url: e.__server?.url ?? "",
 		apiKey: e.apiKey,
@@ -48207,7 +48261,7 @@ function _N(e) {
 		g,
 		v,
 		e.readonly
-	]), x = (0, y.useCallback)(() => v?.(), [v]), S = n(f ? "dataEditor.modal.importTitle" : "dataEditor.modal.editTitle");
+	]), x = (0, y.useCallback)(() => v?.(), [v]), S = f ? n("dataEditor.modal.importTitle") : e.variant === "viewer" ? n("dataEditor.modal.viewTitle") : n("dataEditor.modal.editTitle");
 	(0, y.useEffect)(() => {
 		t === "modal" && !o && p(e.variant === "uploader");
 	}, [
@@ -48249,7 +48303,7 @@ function _N(e) {
 		code: e,
 		message: "License validation failed",
 		source: "license"
-	} }), E = () => s ? w(n("dataEditor.license.loading")) : c ? u && d.status === "bootstrapping" ? w(n("dataEditor.connecting.label")) : u && d.status === "failed" ? /* @__PURE__ */ (0, O.jsx)(vj, { error: d.error }) : /* @__PURE__ */ (0, O.jsx)(gN, { ...C }) : T(l ?? "license.invalid");
+	} }), E = () => s ? w(n("dataEditor.license.loading")) : c ? u && d.status === "bootstrapping" ? w(n("dataEditor.connecting.label")) : u && d.status === "failed" ? /* @__PURE__ */ (0, O.jsx)(vj, { error: d.error }) : /* @__PURE__ */ (0, O.jsx)(vN, { ...C }) : T(l ?? "license.invalid");
 	return t === "inline" ? /* @__PURE__ */ (0, O.jsx)("div", {
 		className: "updog__data-editor updog__data-editor-inline",
 		dir: i,
@@ -48269,18 +48323,18 @@ function _N(e) {
 		submitText: n("dataEditor.confirmClose.action")
 	})] });
 }
-function vN(e) {
+function bN(e) {
 	let { translations: t, rtl: n = !1, locale: r = "en", className: i, ...a } = e;
 	return /* @__PURE__ */ (0, O.jsx)(A, {
 		translations: t,
 		rtl: n,
 		locale: r,
-		children: /* @__PURE__ */ (0, O.jsx)(_N, { ...a })
+		children: /* @__PURE__ */ (0, O.jsx)(yN, { ...a })
 	});
 }
 //#endregion
 //#region src/wc.ts
-var yN = {
+var xN = {
 	"api-key": {
 		prop: "apiKey",
 		type: "string"
@@ -48313,12 +48367,12 @@ var yN = {
 		prop: "mode",
 		type: "string"
 	}
-}, bN = class extends HTMLElement {
+}, SN = class extends HTMLElement {
 	_root = null;
 	_props = {};
 	_renderScheduled = !1;
 	static get observedAttributes() {
-		return Object.keys(yN);
+		return Object.keys(xN);
 	}
 	connectedCallback() {
 		this._root = (0, v.createRoot)(this), this._props.mode !== "inline" && (this._props.onClose = () => {
@@ -48329,7 +48383,7 @@ var yN = {
 		this._root?.unmount(), this._root = null;
 	}
 	attributeChangedCallback(e, t, n) {
-		let r = yN[e];
+		let r = xN[e];
 		r && (this._props[r.prop] = r.type === "boolean" ? n !== null : n, e === "mode" && (n === "inline" ? delete this._props.onClose : this._props.onClose = () => {
 			this.dispatchEvent(new CustomEvent("close", { bubbles: !0 }));
 		}), this._scheduleRender());
@@ -48346,11 +48400,11 @@ var yN = {
 	}
 	_scheduleRender() {
 		this._renderScheduled || (this._renderScheduled = !0, queueMicrotask(() => {
-			this._renderScheduled = !1, this._root && this._root.render((0, y.createElement)(vN, this._props));
+			this._renderScheduled = !1, this._root && this._root.render((0, y.createElement)(bN, this._props));
 		}));
 	}
 };
-for (let e of /* @__PURE__ */ "columns.primaryKey.apiKey.className.localStorage.loadData.__server.onComplete.translations.importFormats.exportFormats.remoteSources.enableDeleteRow.enableAddRow.enableCreateColumn.onColumnMatch.onValueMatch.synonyms.sampleData.rowHeight.headerHeight.locale.variant.rtl.readonly.mode.chat".split(".")) Object.defineProperty(bN.prototype, e, {
+for (let e of /* @__PURE__ */ "columns.primaryKey.apiKey.className.localStorage.loadData.__server.onComplete.translations.importFormats.exportFormats.remoteSources.enableDeleteRow.enableAddRow.enableCreateColumn.onColumnMatch.onValueMatch.synonyms.sampleData.rowHeight.headerHeight.locale.variant.rtl.readonly.mode.chat".split(".")) Object.defineProperty(SN.prototype, e, {
 	get() {
 		return this._props[e];
 	},
@@ -48360,7 +48414,7 @@ for (let e of /* @__PURE__ */ "columns.primaryKey.apiKey.className.localStorage.
 	enumerable: !0,
 	configurable: !0
 });
-Object.defineProperty(bN.prototype, "open", {
+Object.defineProperty(SN.prototype, "open", {
 	get() {
 		return this.hasAttribute("open");
 	},
@@ -48369,5 +48423,5 @@ Object.defineProperty(bN.prototype, "open", {
 	},
 	enumerable: !0,
 	configurable: !0
-}), customElements.define("updog-editor", bN);
+}), customElements.define("updog-editor", SN);
 //#endregion

package/package.json

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