@updog/data-editor-wc 0.1.39 → 0.1.40

package/index.js

@@ -46572,7 +46572,7 @@ var aj = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, O.jsx)(ot, {
 		children: /* @__PURE__ */ (0, O.jsx)(Wj, {})
 	}), /* @__PURE__ */ (0, O.jsx)(yj, {})] })] });
 }, Kj = 20, qj = () => {
-	let { columns: e, store: t } = Qm(), { t: n } = j(), { primaryKey: r, setPrimaryKey: i, parsedCsv: a, columnMapping: o } = PM(), 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 } = Qm(), { t: n } = j(), { primaryKey: r, onPrimaryKeyChange: i, parsedCsv: a, columnMapping: o } = PM(), 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;
@@ -47105,14 +47105,16 @@ var DM = 5e3, OM = 15, kM = 20, AM = new Set([
 	"ods"
 ]);
 function jM() {
-	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 } = Qm(), { 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)(() => e.isClient() ? null : r ?? (S.length === 1 ? S[0].id : null)), [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 = (0, y.useRef)(null), [te, ne] = (0, y.useState)(0), re = (0, y.useRef)(null);
-	re.current ||= new Lh();
-	let ie = re.current;
-	(0, y.useEffect)(() => () => ie.dispose(), [ie]);
-	let ae = (0, y.useMemo)(() => {
+	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 } = Qm(), { 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)(() => e.isClient() ? null : r ?? (S.length === 1 ? S[0].id : null)), [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 = (0, y.useRef)(null), [te, ne] = (0, y.useState)(0), re = (0, y.useCallback)((e) => {
+		D || w(e);
+	}, [D]), ie = (0, y.useRef)(null);
+	ie.current ||= new Lh();
+	let ae = ie.current;
+	(0, y.useEffect)(() => () => ae.dispose(), [ae]);
+	let oe = (0, y.useMemo)(() => {
 		let e = new Set(Object.values(b).filter(Boolean));
 		return n.some((t) => t.editor?.type === "select" && e.has(t.id));
-	}, [b, n]), oe = (0, y.useMemo)(() => {
+	}, [b, n]), se = (0, y.useMemo)(() => {
 		let e = [{
 			id: "select-files",
 			title: f("dataEditor.uploader.steps.selectFiles"),
@@ -47126,7 +47128,7 @@ function jM() {
 			id: "column-matching",
 			title: f("dataEditor.uploader.steps.matchColumns"),
 			content: /* @__PURE__ */ (0, O.jsx)(Uj, {})
-		}), ae && e.push({
+		}), oe && e.push({
 			id: "match-values",
 			title: f("dataEditor.uploader.steps.matchValues"),
 			content: /* @__PURE__ */ (0, O.jsx)(Gj, {})
@@ -47138,56 +47140,56 @@ function jM() {
 	}, [
 		S.length,
 		N.length,
-		ae,
+		oe,
 		f
-	]), se = (0, y.useCallback)((e) => {
-		e >= 0 && e < oe.length && m(e);
-	}, [oe.length]), ce = (0, y.useCallback)(() => {
+	]), ce = (0, y.useCallback)((e) => {
+		e >= 0 && e < se.length && m(e);
+	}, [se.length]), le = (0, y.useCallback)(() => {
 		m((e) => {
-			let t = Math.min(e + 1, oe.length - 1);
+			let t = Math.min(e + 1, se.length - 1);
 			return g((e) => Math.max(e, t)), t;
 		});
-	}, [oe.length]), le = (0, y.useCallback)(() => {
+	}, [se.length]), ue = (0, y.useCallback)(() => {
 		m((e) => Math.max(e - 1, 0));
-	}, []), ue = p === 0, de = p === oe.length - 1, fe = (0, y.useCallback)((e) => {
+	}, []), de = p === 0, fe = p === se.length - 1, pe = (0, y.useCallback)((e) => {
 		v(e), E(!1), zj(e.headers, n, s, l).then(x);
 	}, [
 		n,
 		s,
 		l
-	]), pe = (0, y.useCallback)(() => {
-		ie.cancel(), v(null), E(!1), x({}), V([]), H.current = null, ne(0), M(null), P([]), I(null), R([]);
-	}, [ie]), me = (0, y.useCallback)((e, t, n) => {
+	]), me = (0, y.useCallback)(() => {
+		ae.cancel(), v(null), E(!1), x({}), V([]), H.current = null, ne(0), M(null), P([]), I(null), R([]);
+	}, [ae]), he = (0, y.useCallback)((e, t, n) => {
 		M(e), P(t), I(t[0]), R(n), E(!1);
-	}, []), he = (0, y.useCallback)(() => {
-		!A || !F || (E(!0), ie.parse(A, {
+	}, []), ge = (0, y.useCallback)(() => {
+		!A || !F || (E(!0), ae.parse(A, {
 			format: "xlsx",
 			sheetName: F
 		}).then((e) => {
 			if (e.kind !== "rows") return;
 			let t = hM(e.rows);
-			ne(t.headerRowIndex), fe({
+			ne(t.headerRowIndex), pe({
 				fileName: A.name,
 				headers: t.headers,
 				rows: t.rows,
 				isParsing: !1,
 				rawCells: t.rawCells,
 				delimiter: ","
-			}), ce();
+			}), le();
 		}).catch(() => {
 			E(!1);
 		}));
 	}, [
 		A,
 		F,
-		ie,
-		fe,
-		ce
-	]), ge = (0, y.useCallback)(async (e) => {
-		let t = await ie.parse(e, { format: "csv" });
+		ae,
+		pe,
+		le
+	]), _e = (0, y.useCallback)(async (e) => {
+		let t = await ae.parse(e, { format: "csv" });
 		if (t.kind !== "rows") return;
 		let n = hM(t.rows);
-		if (ne(n.headerRowIndex), fe({
+		if (ne(n.headerRowIndex), pe({
 			fileName: e.name,
 			headers: n.headers,
 			rows: n.rows,
@@ -47202,14 +47204,14 @@ function jM() {
 			}));
 		}
 	}, [
-		ie,
-		fe,
+		ae,
+		pe,
 		f
-	]), _e = (0, y.useCallback)(async (t) => {
+	]), ve = (0, y.useCallback)(async (t) => {
 		try {
-			let e = await ie.parse(t, { format: "json" });
+			let e = await ae.parse(t, { format: "json" });
 			if (e.kind !== "records") return;
-			fe({
+			pe({
 				fileName: t.name,
 				headers: e.headers,
 				rows: e.rows,
@@ -47224,15 +47226,15 @@ function jM() {
 			});
 		}
 	}, [
-		ie,
-		fe,
+		ae,
+		pe,
 		E,
 		e
-	]), ve = (0, y.useCallback)(async (t) => {
+	]), ye = (0, y.useCallback)(async (t) => {
 		try {
-			let e = await ie.parse(t, { format: "xml" });
+			let e = await ae.parse(t, { format: "xml" });
 			if (e.kind !== "records") return;
-			fe({
+			pe({
 				fileName: t.name,
 				headers: e.headers,
 				rows: e.rows,
@@ -47247,12 +47249,12 @@ function jM() {
 			});
 		}
 	}, [
-		ie,
-		fe,
+		ae,
+		pe,
 		E,
 		e
-	]), ye = (0, y.useCallback)((t) => {
-		ie.parse(t, { format: "xlsx" }).then((e) => {
+	]), be = (0, y.useCallback)((t) => {
+		ae.parse(t, { format: "xlsx" }).then((e) => {
 			if (e.kind === "sheets") {
 				let n = e.sheets.map((e) => {
 					let { headers: t, rows: n } = hM(e.rows);
@@ -47263,12 +47265,12 @@ function jM() {
 						totalRows: e.totalRows - 1
 					};
 				});
-				me(t, e.sheets.map((e) => e.name), n);
+				he(t, e.sheets.map((e) => e.name), n);
 				return;
 			}
 			if (e.kind !== "rows") return;
 			let n = hM(e.rows);
-			ne(n.headerRowIndex), fe({
+			ne(n.headerRowIndex), pe({
 				fileName: t.name,
 				headers: n.headers,
 				rows: n.rows,
@@ -47285,39 +47287,39 @@ function jM() {
 			}), E(!1);
 		});
 	}, [
-		ie,
-		fe,
-		me,
+		ae,
+		pe,
+		he,
 		E,
 		e
-	]), be = (0, y.useCallback)((e) => {
+	]), xe = (0, y.useCallback)((e) => {
 		E(!0), H.current = e;
 		let t = e.name.split(".").pop()?.toLowerCase();
-		t && AM.has(t) ? ye(e) : t === "json" ? _e(e) : t === "xml" ? ve(e) : ge(e);
+		t && AM.has(t) ? be(e) : t === "json" ? ve(e) : t === "xml" ? ye(e) : _e(e);
 	}, [
-		ge,
 		_e,
-		ye,
 		ve,
+		be,
+		ye,
 		E
 	]);
 	(0, y.useEffect)(() => {
-		a && (be(a), o(null));
+		a && (xe(a), o(null));
 	}, [
 		a,
 		o,
-		be
+		xe
 	]);
-	let [xe, Se] = (0, y.useState)(null), [Ce, we] = (0, y.useState)(null), Te = (0, y.useCallback)(() => {
-		we(null);
-	}, []), Ee = (0, y.useCallback)(async (e) => {
-		Se(e.id), we(null);
+	let [Se, Ce] = (0, y.useState)(null), [we, Te] = (0, y.useState)(null), Ee = (0, y.useCallback)(() => {
+		Te(null);
+	}, []), De = (0, y.useCallback)(async (e) => {
+		Ce(e.id), Te(null);
 		try {
 			let t = await e.fetch();
-			if (t instanceof File) be(t);
+			if (t instanceof File) xe(t);
 			else if (Array.isArray(t)) {
 				if (t.length === 0) {
-					we(f("dataEditor.uploader.remoteSources.emptyData"));
+					Te(f("dataEditor.uploader.remoteSources.emptyData"));
 					return;
 				}
 				let n = Object.keys(t[0]), r = t.map((e) => {
@@ -47328,7 +47330,7 @@ function jM() {
 					}
 					return t;
 				});
-				fe({
+				pe({
 					fileName: e.label,
 					headers: n,
 					rows: r,
@@ -47336,15 +47338,15 @@ function jM() {
 				});
 			}
 		} catch (e) {
-			we(e instanceof Error ? e.message : String(e));
+			Te(e instanceof Error ? e.message : String(e));
 		} finally {
-			Se(null);
+			Ce(null);
 		}
 	}, [
-		be,
-		fe,
+		xe,
+		pe,
 		f
-	]), De = (0, y.useCallback)((e, t) => {
+	]), Oe = (0, y.useCallback)((e, t) => {
 		x((n) => {
 			let r = {
 				...n,
@@ -47353,10 +47355,10 @@ function jM() {
 			if (t) for (let n in r) n !== e && r[n] === t && (r[n] = void 0);
 			return r;
 		});
-	}, []), [Oe, ke] = (0, y.useState)({}), Ae = (0, y.useRef)(0);
+	}, []), [ke, Ae] = (0, y.useState)({}), je = (0, y.useRef)(0);
 	(0, y.useEffect)(() => {
 		if (!_) {
-			ke({});
+			Ae({});
 			return;
 		}
 		let e = {};
@@ -47375,12 +47377,12 @@ function jM() {
 			};
 		}
 		if (Object.keys(e).length === 0) {
-			ke({});
+			Ae({});
 			return;
 		}
-		let t = ++Ae.current;
+		let t = ++je.current;
 		Nj(e, c).then((e) => {
-			Ae.current === t && ke(e);
+			je.current === t && Ae(e);
 		});
 	}, [
 		_,
@@ -47388,14 +47390,14 @@ function jM() {
 		n,
 		c
 	]);
-	let je = (0, y.useMemo)(() => {
+	let Me = (0, y.useMemo)(() => {
 		let e = {};
-		for (let [t, n] of Object.entries(Oe)) e[t] = {
+		for (let [t, n] of Object.entries(ke)) e[t] = {
 			...n,
 			...ee[t]
 		};
 		return e;
-	}, [Oe, ee]), Me = (0, y.useCallback)((e, t, n) => {
+	}, [ke, ee]), Ne = (0, y.useCallback)((e, t, n) => {
 		z((r) => ({
 			...r,
 			[e]: {
@@ -47403,15 +47405,15 @@ function jM() {
 				[t]: n
 			}
 		}));
-	}, []), Ne = (0, y.useCallback)((e) => {
+	}, []), Pe = (0, y.useCallback)((e) => {
 		let t = [];
 		for (let [r, i] of Object.entries(b)) !i || e.has(i) || n.find((e) => e.id === i)?.editor?.type === "date" && t.push(r);
 		return t;
-	}, [b, n]), Pe = (0, y.useCallback)(() => {
-		let e = new Set(B.map((e) => e.id)), t = nM(b, n, e), i = af(_?.rows ?? [], rM(t)), a = Ne(e), o = uf(_?.rows ?? [], a);
+	}, [b, n]), Fe = (0, y.useCallback)(() => {
+		let e = new Set(B.map((e) => e.id)), t = nM(b, n, e), i = af(_?.rows ?? [], rM(t)), a = Pe(e), o = uf(_?.rows ?? [], a);
 		return {
 			columnMapping: b,
-			valueMapping: je,
+			valueMapping: Me,
 			primaryKey: C ?? r,
 			selectedSheet: F ?? void 0,
 			headerRowIndex: te,
@@ -47422,17 +47424,17 @@ function jM() {
 	}, [
 		_,
 		b,
-		je,
+		Me,
 		C,
 		F,
 		r,
 		te,
 		B,
 		n,
-		Ne
-	]), Fe = (0, y.useCallback)(async () => {
+		Pe
+	]), Ie = (0, y.useCallback)(async () => {
 		if (!H.current || !d?.onFileImport) return;
-		let t = new AbortController(), n = Pe();
+		let t = new AbortController(), n = Fe();
 		await d.onFileImport({
 			file: H.current,
 			mappings: n,
@@ -47441,17 +47443,17 @@ function jM() {
 		}), e.reloadServerData();
 	}, [
 		d,
-		Pe,
+		Fe,
 		e
-	]), Ie = (0, y.useCallback)(async () => {
+	]), Le = (0, y.useCallback)(async () => {
 		if (!_ || !d?.onRowsImport) return;
 		let t = _;
 		v(null);
-		let r = crypto.randomUUID(), i = Pe(), a = new AbortController(), o = d.importChunkSize ?? DM, s = nM(b, n, new Set(B.map((e) => e.id))), c = {
+		let r = crypto.randomUUID(), i = Fe(), a = new AbortController(), o = d.importChunkSize ?? DM, s = nM(b, n, new Set(B.map((e) => e.id))), c = {
 			numberFormat: i.numberFormat,
 			dateFormat: i.dateFormat,
 			monthTable: cf(f),
-			valueMapping: je
+			valueMapping: Me
 		}, l = t.rows, u = 0;
 		for (; u < l.length;) {
 			let e = Math.min(u + o, l.length), n = [];
@@ -47474,14 +47476,14 @@ function jM() {
 	}, [
 		_,
 		d,
-		Pe,
+		Fe,
 		b,
 		B,
 		n,
-		je,
+		Me,
 		e,
 		f
-	]), Le = (0, y.useCallback)(() => new Promise((r) => {
+	]), Re = (0, y.useCallback)(() => new Promise((r) => {
 		if (!_) {
 			r();
 			return;
@@ -47494,9 +47496,9 @@ function jM() {
 			e.setSourceLoading(o, !0);
 			let s = nM(b, n, a), c = {
 				numberFormat: af(i.rows, rM(s)),
-				dateFormat: uf(i.rows, Ne(a)),
+				dateFormat: uf(i.rows, Pe(a)),
 				monthTable: cf(f),
-				valueMapping: je
+				valueMapping: Me
 			}, l = i.rows, d = i.rawCells ?? [], p = i.delimiter ?? ",", m = i.headers, h = m.map((e) => {
 				let t = b[e];
 				return (t ? n.find((e) => e.id === t) : void 0) ?? {
@@ -47558,36 +47560,36 @@ function jM() {
 		t,
 		n,
 		u,
-		je,
-		Ne,
+		Me,
+		Pe,
 		f
 	]);
 	return {
-		steps: oe,
+		steps: se,
 		activeStepIndex: p,
 		currentStepIndex: h,
-		isFirstStep: ue,
-		isLastStep: de,
-		goToStep: se,
-		nextStep: ce,
-		prevStep: le,
+		isFirstStep: de,
+		isLastStep: fe,
+		goToStep: ce,
+		nextStep: le,
+		prevStep: ue,
 		parsedCsv: _,
 		columnMapping: b,
-		handleFileParsed: fe,
-		handleFileRemoved: pe,
-		updateColumnMapping: De,
-		valueMapping: je,
-		autoValueMapping: Oe,
-		updateValueMapping: Me,
+		handleFileParsed: pe,
+		handleFileRemoved: me,
+		updateColumnMapping: Oe,
+		valueMapping: Me,
+		autoValueMapping: ke,
+		updateValueMapping: Ne,
 		xlsxFile: A,
 		sheetNames: N,
 		selectedSheet: F,
 		setSelectedSheet: I,
-		handleSheetConfirmed: he,
-		handleXlsxMultiSheet: me,
+		handleSheetConfirmed: ge,
+		handleXlsxMultiSheet: he,
 		sheetPreviews: L,
 		primaryKey: C,
-		setPrimaryKey: w,
+		onPrimaryKeyChange: re,
 		pendingColumns: B,
 		setPendingColumns: V,
 		isParsing: T,
@@ -47598,7 +47600,7 @@ function jM() {
 				k(!0);
 				try {
 					await sd(e, "importing", Infinity, async () => {
-						d?.onFileImport ? await Fe() : d?.onRowsImport ? await Ie() : await Le();
+						d?.onFileImport ? await Ie() : d?.onRowsImport ? await Le() : await Re();
 					});
 				} finally {
 					v(null), k(!1), i(!1);
@@ -47608,16 +47610,16 @@ function jM() {
 			_,
 			e,
 			d,
-			Fe,
 			Ie,
 			Le,
+			Re,
 			i
 		]),
-		parseFile: be,
-		remoteSourceLoading: xe,
-		remoteSourceError: Ce,
-		clearRemoteSourceError: Te,
-		handleRemoteSourceSelect: Ee
+		parseFile: xe,
+		remoteSourceLoading: Se,
+		remoteSourceError: we,
+		clearRemoteSourceError: Ee,
+		handleRemoteSourceSelect: De
 	};
 }
 //#endregion

package/package.json

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