@updog/data-editor 0.1.45 → 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. */

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) => {
@@ -23317,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.45",
+  "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",