@updog/data-editor 0.1.44 → 0.1.46

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?",
@@ -2873,7 +2874,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. */
@@ -3031,14 +3032,20 @@ type DataEditorBaseProps<TRow extends DataEditorRow = DataEditorRow> = {
      */
     onValueMatch?: (valuesToMatch: Record<string, ValueMatchInput>) => ValueMatchOutput | Promise<ValueMatchOutput>;
     /**
-     * Extra synonyms for column auto-matching. Keys are column IDs, values are
-     * alternative names the matching engine should recognize.
+     * Extra synonyms layered on top of the built-ins for both column matching
+     * (header vs column) and value matching (imported value vs select option).
+     * Each key is the canonical target (a column ID/title, or a select option
+     * value); the array lists aliases the matching engine should treat as
+     * equivalent. Merged with the built-ins as a union per key.
      *
      * @example
      * ```ts
      * synonyms={{
+     *   // column aliases
      *   productSku: ["sku", "article_no", "item_code"],
      *   firstName: ["first", "given_name", "fname"],
+     *   // value aliases (e.g. for a "status" select)
+     *   Active: ["live", "enabled"],
      * }}
      * ```
      */

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?",
@@ -10296,6 +10297,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 +10313,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 +11586,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 +20587,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 +20633,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) => {
@@ -20720,77 +20722,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 			]
 		})]
 	});
-}, fv = 60, pv = (e) => e.toLowerCase().replace(/[\s_\-.]+/g, "").trim(), mv = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[\s_\-.]+/g, " ").toLowerCase().split(" ").filter(Boolean), hv = (e, t) => {
-	let n = new Set(mv(e)), r = new Set(mv(t));
-	if (n.size === 0 || r.size === 0) return 0;
-	let i = 0;
-	for (let e of n) r.has(e) && i++;
-	return i / Math.max(n.size, r.size);
-}, gv = (e, t) => {
-	if (e.length === 0) return t.length;
-	if (t.length === 0) return e.length;
-	e.length > t.length && ([e, t] = [t, e]);
-	let n = e.length, r = t.length, i = Array(n + 1);
-	for (let e = 0; e <= n; e++) i[e] = e;
-	for (let a = 1; a <= r; a++) {
-		let r = i[0];
-		i[0] = a;
-		for (let o = 1; o <= n; o++) {
-			let n = e[o - 1] === t[a - 1] ? 0 : 1, s = i[o];
-			i[o] = Math.min(i[o] + 1, i[o - 1] + 1, r + n), r = s;
-		}
-	}
-	return i[n];
-}, _v = (e) => e <= 4 ? 1 : e <= 8 ? 2 : e <= 15 ? 3 : 4, vv = (e, t) => {
-	let n = Math.max(e.length, t.length);
-	if (n === 0) return !0;
-	let r = _v(n);
-	return gv(e, t) <= r;
-}, yv = (e, t) => {
-	let n = pv(e), r = pv(t);
-	return (n.length <= r.length ? n : r).length < 4 ? !1 : n.includes(r) || r.includes(n);
-}, bv = (e, t, n) => {
-	let r = pv(e), i = pv(t);
-	for (let [e, t] of Object.entries(n)) {
-		let n = [e, ...t], a = n.includes(r), o = n.includes(i);
-		if (a && o) return !0;
-	}
-	return !1;
-}, xv = (e, t, n) => {
-	let r = pv(e), i = pv(t);
-	if (r === i) return 100;
-	if (n && bv(e, t, n)) return 90;
-	if (yv(e, t)) return 80;
-	let a = hv(e, t);
-	return a >= .5 ? 70 : vv(r, i) ? 65 : a > 0 ? Math.round(a * 60) : 0;
-}, Sv = (e, t, n, r) => {
-	let i = xv(e, t, r), a = xv(e, n, r);
-	return Math.max(i, a);
-}, Cv = (e, t, n = fv) => {
-	let r, i = 0;
-	for (let n of t) {
-		let t = xv(e, n);
-		t > i && (i = t, r = n);
-	}
-	return i >= n ? r : void 0;
-}, wv = (e) => {
-	let t = {};
-	for (let [n, { importedValues: r, options: i }] of Object.entries(e)) {
-		let e = {};
-		for (let t of r) e[t] = Cv(t, i);
-		t[n] = e;
-	}
-	return t;
-}, Tv = async (e, t) => {
-	if (!t) return wv(e);
-	let n = await t(e), r = {};
-	for (let [t, { importedValues: i, options: a }] of Object.entries(e)) {
-		let e = n[t], o = {};
-		for (let t of i) e && t in e ? o[t] = e[t] ?? void 0 : o[t] = Cv(t, a);
-		r[t] = o;
-	}
-	return r;
-}, Ev = "action:create", Dv = {
+}, fv = {
 	prefix: ["salutation", "honorific"],
 	firstname: [
 		"fname",
@@ -20986,7 +20918,9 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		"supervisor",
 		"linemanager",
 		"reportingmanager",
-		"managername"
+		"managername",
+		"mgr",
+		"mngr"
 	],
 	managerid: [
 		"supervisorid",
@@ -21317,8 +21251,76 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		"languagespoken",
 		"nativelanguage",
 		"languageproficiency"
-	]
-}, Ov = (e, t) => {
+	],
+	male: [
+		"m",
+		"man",
+		"boy"
+	],
+	female: [
+		"f",
+		"woman",
+		"girl"
+	],
+	other: [
+		"nonbinary",
+		"nb",
+		"diverse",
+		"prefernottosay"
+	],
+	junior: [
+		"jr",
+		"jun",
+		"entry",
+		"entrylevel",
+		"grad",
+		"graduate"
+	],
+	midlevel: [
+		"mid",
+		"intermediate",
+		"middle"
+	],
+	senior: ["sr", "sen"],
+	associate: ["assoc", "asc"],
+	principal: ["princ", "principle"],
+	lead: [
+		"teamlead",
+		"techlead",
+		"tl"
+	],
+	director: ["dir"],
+	executive: ["exec"],
+	intern: ["internship", "trainee"],
+	fulltime: ["ft", "full"],
+	parttime: ["pt", "part"],
+	contract: [
+		"contractor",
+		"contractual",
+		"freelance",
+		"freelancer"
+	],
+	temporary: ["temp"],
+	permanent: ["perm"],
+	active: ["enabled", "current"],
+	inactive: [
+		"disabled",
+		"terminated",
+		"former"
+	],
+	onleave: ["leave"],
+	pending: ["awaiting"],
+	single: ["unmarried"],
+	married: ["wed"],
+	divorced: ["div"],
+	widowed: ["widow", "widower"],
+	low: ["lo"],
+	medium: ["med"],
+	high: ["hi"],
+	critical: ["crit", "urgent"],
+	yes: ["y", "true"],
+	no: ["n", "false"]
+}, pv = (e, t) => {
 	if (!t) return e;
 	let n = { ...e };
 	for (let [e, r] of Object.entries(t)) if (e in n) {
@@ -21327,7 +21329,77 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		n[e] = [...t];
 	} else n[e] = r;
 	return n;
-}, kv = (e, t, n) => Sv(e, t.id, t.title, n), Av = (e, t, n, r, i = 60) => {
+}, mv = 60, hv = (e) => e.toLowerCase().replace(/[\s_\-.]+/g, "").trim(), gv = (e) => e.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[\s_\-.]+/g, " ").toLowerCase().split(" ").filter(Boolean), _v = (e, t) => {
+	let n = new Set(gv(e)), r = new Set(gv(t));
+	if (n.size === 0 || r.size === 0) return 0;
+	let i = 0;
+	for (let e of n) r.has(e) && i++;
+	return i / Math.max(n.size, r.size);
+}, vv = (e, t) => {
+	if (e.length === 0) return t.length;
+	if (t.length === 0) return e.length;
+	e.length > t.length && ([e, t] = [t, e]);
+	let n = e.length, r = t.length, i = Array(n + 1);
+	for (let e = 0; e <= n; e++) i[e] = e;
+	for (let a = 1; a <= r; a++) {
+		let r = i[0];
+		i[0] = a;
+		for (let o = 1; o <= n; o++) {
+			let n = e[o - 1] === t[a - 1] ? 0 : 1, s = i[o];
+			i[o] = Math.min(i[o] + 1, i[o - 1] + 1, r + n), r = s;
+		}
+	}
+	return i[n];
+}, yv = (e) => e <= 4 ? 1 : e <= 8 ? 2 : e <= 15 ? 3 : 4, bv = (e, t) => {
+	let n = Math.max(e.length, t.length);
+	if (n === 0) return !0;
+	let r = yv(n);
+	return vv(e, t) <= r;
+}, xv = (e, t) => {
+	let n = hv(e), r = hv(t);
+	return (n.length <= r.length ? n : r).length < 4 ? !1 : n.includes(r) || r.includes(n);
+}, Sv = (e, t, n) => {
+	let r = hv(e), i = hv(t);
+	for (let [e, t] of Object.entries(n)) {
+		let n = [e, ...t], a = n.includes(r), o = n.includes(i);
+		if (a && o) return !0;
+	}
+	return !1;
+}, Cv = (e, t, n) => {
+	let r = hv(e), i = hv(t);
+	if (r === i) return 100;
+	if (n && Sv(e, t, n)) return 90;
+	if (xv(e, t)) return 80;
+	let a = _v(e, t);
+	return a >= .5 ? 70 : bv(r, i) ? 65 : a > 0 ? Math.round(a * 60) : 0;
+}, wv = (e, t, n, r) => {
+	let i = Cv(e, t, r), a = Cv(e, n, r);
+	return Math.max(i, a);
+}, Tv = (e, t, n = fv, r = mv) => {
+	let i, a = 0;
+	for (let r of t) {
+		let t = Cv(e, r, n);
+		t > a && (a = t, i = r);
+	}
+	return a >= r ? i : void 0;
+}, Ev = (e, t) => {
+	let n = pv(fv, t), r = {};
+	for (let [t, { importedValues: i, options: a }] of Object.entries(e)) {
+		let e = {};
+		for (let t of i) e[t] = Tv(t, a, n);
+		r[t] = e;
+	}
+	return r;
+}, Dv = async (e, t, n) => {
+	if (!t) return Ev(e, n);
+	let r = pv(fv, n), i = await t(e), a = {};
+	for (let [t, { importedValues: n, options: o }] of Object.entries(e)) {
+		let e = i[t], s = {};
+		for (let t of n) e && t in e ? s[t] = e[t] ?? void 0 : s[t] = Tv(t, o, r);
+		a[t] = s;
+	}
+	return a;
+}, Ov = "action:create", kv = (e, t, n) => wv(e, t.id, t.title, n), Av = (e, t, n, r, i = 60) => {
 	let a = null, o = 0;
 	for (let i of t) {
 		if (n.has(i.id)) continue;
@@ -21347,13 +21419,13 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 		...s
 	};
 }, Mv = (e, t, n) => {
-	let r = Ov(Dv, n), i = {}, a = /* @__PURE__ */ new Set();
+	let r = pv(fv, n), i = {}, a = /* @__PURE__ */ new Set();
 	for (let n of e) {
-		let e = pv(n);
+		let e = hv(n);
 		for (let r of t) {
 			let t = r.id;
 			if (a.has(t)) continue;
-			let o = pv(t), s = pv(r.title);
+			let o = hv(t), s = hv(r.title);
 			if (e === o || e === s) {
 				i[n] = t, a.add(t);
 				break;
@@ -21478,7 +21550,7 @@ var Z_ = ({ text: e, onSelect: t }) => /* @__PURE__ */ C(J, {
 				id: `${r}_d`,
 				type: "divider"
 			}, {
-				id: Ev,
+				id: Ov,
 				text: a,
 				icon: /* @__PURE__ */ C(Ce, { size: "1rem" })
 			}), [r, c];
@@ -22568,14 +22640,15 @@ function wy() {
 			return;
 		}
 		let t = ++Le.current;
-		Tv(e, c).then((e) => {
+		Dv(e, c, l).then((e) => {
 			Le.current === t && Ie(e);
 		});
 	}, [
 		S,
 		T,
 		n,
-		c
+		c,
+		l
 	]);
 	let Re = v(() => {
 		let e = {};
@@ -23246,7 +23319,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");
 	}, [

package/package.json

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