@updog/data-editor-wc 0.1.16 → 0.1.18

package/LICENSE

@@ -232,8 +232,10 @@ Sections 5, 8, 11, 12, and 14 survive termination of this License.
 --------------------------------------------------------------------------------
 
 This License shall be governed by and construed in accordance with the laws of
-the United Arab Emirates. Any disputes arising under this License shall be
-subject to the exclusive jurisdiction of the courts of the United Arab Emirates.
+the Dubai International Financial Centre (DIFC), as applied by the DIFC Courts.
+Any dispute arising out of or in connection with this License, including any
+question regarding its existence, validity, or termination, shall be subject to
+the exclusive jurisdiction of the courts of the DIFC.
 
 --------------------------------------------------------------------------------
 15. EXPORT COMPLIANCE

package/index.d.ts

@@ -1189,9 +1189,9 @@ type DataEditorBaseProps<TRow extends DataEditorRow = DataEditorRow> = {
     enableAddRow?: boolean;
     /**
      * Which file formats the user can import. `undefined` allows all formats,
-     * `[]` disables import entirely.
+     * `false` disables import entirely.
      */
-    importFormats?: DataEditorFormat[];
+    importFormats?: DataEditorFormat[] | false;
     /**
      * Client-defined remote data sources rendered as buttons on the upload
      * step. You own the integration; the SDK renders the button and processes
@@ -1200,9 +1200,9 @@ type DataEditorBaseProps<TRow extends DataEditorRow = DataEditorRow> = {
     remoteSources?: RemoteSource[];
     /**
      * Which file formats the user can export to. `undefined` allows all
-     * formats, `[]` disables export entirely.
+     * formats, `false` disables export entirely.
      */
-    exportFormats?: DataEditorFormat[];
+    exportFormats?: DataEditorFormat[] | false;
     /** Row height in pixels. @default 34 */
     rowHeight?: number;
     /** Header row height in pixels. @default 36 */

package/index.js

@@ -25342,8 +25342,8 @@ var Nv = ({ open: e, onClose: t, onConfirm: n, loading: r = !1 }) => {
 		F,
 		I,
 		R
-	]), B = r.length > 0 && (!e.isServer() || e.hasServerExport), V = (0, _.useMemo)(() => {
-		let e = z.filter((e) => r.includes(e.format));
+	]), B = r !== !1 && (!e.isServer() || e.hasServerExport), V = (0, _.useMemo)(() => {
+		let e = r === !1 ? [] : z.filter((e) => r.includes(e.format));
 		return [{
 			id: "export-all",
 			text: M,
@@ -38645,7 +38645,7 @@ var dN = ({ source: e }) => {
 }, fN = () => {
 	let { store: e, columns: t, navigateToCell: n, navigateToCellRef: r, setShowUploader: i, enableAddRow: a, importFormats: o, readonly: s } = Bd(), { t: c } = k(), { sources: l, phase: u } = nl(e), d = u !== "idle", f = (0, _.useMemo)(() => {
 		let e = [];
-		return o.length > 0 && e.push({
+		return o !== !1 && o.length > 0 && e.push({
 			id: "import_data",
 			text: c("dataEditor.dataSources.importData"),
 			icon: /* @__PURE__ */ (0, E.jsx)(Ve, { size: "1rem" })
@@ -38682,7 +38682,7 @@ var dN = ({ source: e }) => {
 		n,
 		r,
 		c
-	]), m = c("dataEditor.dataSources.addDataSource"), h = !s && (a || o.length > 0) ? /* @__PURE__ */ (0, E.jsx)(rc, {
+	]), m = c("dataEditor.dataSources.addDataSource"), h = !s && (a || o !== !1 && o.length > 0) ? /* @__PURE__ */ (0, E.jsx)(rc, {
 		options: f,
 		onSelect: p,
 		placement: "bottom-end",
@@ -39027,17 +39027,27 @@ var dN = ({ source: e }) => {
 		})]
 	})
 }), xN = ({ filtersResetKey: e }) => {
-	let { store: t, scrollToGridTop: n } = Bd(), { t: r } = k(), { filteredErrorCount: i, errorMessageCounts: a } = nl(t), [o, s] = (0, _.useState)(() => new Set(t.getFilters().errorMessageFilters ?? []));
+	let { store: t, scrollToGridTop: n } = Bd(), { t: r } = k(), { filteredErrorCount: i, errorMessageCounts: a } = nl(t), [o, s] = (0, _.useState)(() => new Set(t.getFilters().errorMessageFilters ?? [])), [c, l] = (0, _.useState)(!1);
 	(0, _.useEffect)(() => {
-		s(new Set(t.getFilters().errorMessageFilters ?? []));
+		s(new Set(t.getFilters().errorMessageFilters ?? [])), l(!1);
 	}, [e, t]);
-	let c = Object.keys(a), l = c.length > 0 && c.every((e) => o.has(e)), u = c.some((e) => o.has(e)) && !l, d = (0, _.useCallback)((e) => {
-		s(e ? new Set(c) : /* @__PURE__ */ new Set()), n(), t.setFilters({ errorMessageFilters: e ? c : [] });
+	let u = Object.keys(a), d = u.length > 0;
+	(0, _.useEffect)(() => {
+		!c || !d || (s(new Set(u)), t.setFilters({ errorMessageFilters: u }), l(!1));
 	}, [
 		c,
+		d,
+		u,
+		t
+	]);
+	let f = d && u.every((e) => o.has(e)), p = u.some((e) => o.has(e)), m = d ? f : c, h = d && p && !f, g = (0, _.useCallback)((e) => {
+		l(e), d && (s(e ? new Set(u) : /* @__PURE__ */ new Set()), n(), t.setFilters({ errorMessageFilters: e ? u : [] }));
+	}, [
+		d,
+		u,
 		n,
 		t
-	]), f = (0, _.useCallback)((e, r) => {
+	]), v = (0, _.useCallback)((e, r) => {
 		s((i) => {
 			let a = new Set(i);
 			return r ? a.add(e) : a.delete(e), t.setFilters({ errorMessageFilters: [...a] }), n(), a;
@@ -39049,9 +39059,9 @@ var dN = ({ source: e }) => {
 			trigger: ({ toggle: e, isOpen: t }) => {
 				let n = r(t ? "dataEditor.filters.showLess" : "dataEditor.filters.showMore");
 				return /* @__PURE__ */ (0, E.jsx)(Tt, {
-					checked: l,
-					indeterminate: u,
-					onChange: d,
+					checked: m,
+					indeterminate: h,
+					onChange: g,
 					checkboxPosition: "start",
 					children: /* @__PURE__ */ (0, E.jsxs)("div", {
 						className: "updog__error-filter-section__checkbox-label",
@@ -39060,7 +39070,7 @@ var dN = ({ source: e }) => {
 								className: "updog__error-filter-section__truncated",
 								children: r("dataEditor.filters.rowsWithErrors")
 							}),
-							c.length > 0 && /* @__PURE__ */ (0, E.jsx)(Ps, {
+							u.length > 0 && /* @__PURE__ */ (0, E.jsx)(Ps, {
 								content: n,
 								children: /* @__PURE__ */ (0, E.jsx)(nt, {
 									variant: "ghost",
@@ -39083,13 +39093,13 @@ var dN = ({ source: e }) => {
 					})
 				});
 			},
-			content: c.length > 0 && /* @__PURE__ */ (0, E.jsx)("div", {
+			content: u.length > 0 && /* @__PURE__ */ (0, E.jsx)("div", {
 				className: "updog__error-filter-section__children",
-				children: c.map((e) => /* @__PURE__ */ (0, E.jsx)(bN, {
+				children: u.map((e) => /* @__PURE__ */ (0, E.jsx)(bN, {
 					message: e,
 					count: a[e] ?? 0,
 					checked: o.has(e),
-					onChange: f
+					onChange: v
 				}, e))
 			})
 		})
@@ -45020,7 +45030,7 @@ var pz = ({ source: e }) => e.icon.trimStart().startsWith("<") ? /* @__PURE__ */
 	title: e.description,
 	children: e.label
 }), hz = () => {
-	let { importFormats: e, remoteSources: t } = Bd(), { t: n } = k(), { remoteSourceLoading: r, remoteSourceError: i, handleRemoteSourceSelect: a } = fB();
+	let { importFormats: e, remoteSources: t } = Bd(), n = e === !1 ? [] : e, { t: r } = k(), { remoteSourceLoading: i, remoteSourceError: a, handleRemoteSourceSelect: o } = fB();
 	return /* @__PURE__ */ (0, E.jsxs)("div", {
 		className: "updog__source-picker",
 		children: [
@@ -45033,108 +45043,108 @@ var pz = ({ source: e }) => e.icon.trimStart().startsWith("<") ? /* @__PURE__ */
 						size: "sm",
 						weight: "medium",
 						className: "updog__source-picker__link",
-						children: n("dataEditor.uploader.uploadFile.clickToUpload")
+						children: r("dataEditor.uploader.uploadFile.clickToUpload")
 					}), /* @__PURE__ */ (0, E.jsx)(W, {
 						as: "span",
 						size: "sm",
-						children: n("dataEditor.uploader.uploadFile.orDragAndDrop")
+						children: r("dataEditor.uploader.uploadFile.orDragAndDrop")
 					})]
 				}), /* @__PURE__ */ (0, E.jsx)(W, {
 					as: "span",
 					size: "xs",
-					children: e.map((e) => e.toUpperCase()).join(", ")
+					children: n.map((e) => e.toUpperCase()).join(", ")
 				})]
 			}),
 			t.length > 0 && /* @__PURE__ */ (0, E.jsxs)(E.Fragment, { children: [/* @__PURE__ */ (0, E.jsx)(Zs, {}), /* @__PURE__ */ (0, E.jsx)("div", {
 				className: "updog__source-picker__sources-list",
 				children: t.map((e) => /* @__PURE__ */ (0, E.jsx)(mz, {
 					source: e,
-					loading: r === e.id,
-					disabled: !!r,
-					onSelect: a
+					loading: i === e.id,
+					disabled: !!i,
+					onSelect: o
 				}, e.id))
 			})] }),
-			i && /* @__PURE__ */ (0, E.jsx)(W, {
+			a && /* @__PURE__ */ (0, E.jsx)(W, {
 				size: "sm",
 				className: "updog__source-picker__error",
-				children: i
+				children: a
 			})
 		]
 	});
 }, gz = () => {
-	let { columns: e, importFormats: t, sampleData: n } = Bd(), { t: r } = k(), { parsedCsv: i, xlsxFile: a, handleFileRemoved: o, parseFile: s } = fB(), c = [
+	let { columns: e, importFormats: t, sampleData: n } = Bd(), r = t === !1 ? [] : t, { t: i } = k(), { parsedCsv: a, xlsxFile: o, handleFileRemoved: s, parseFile: c } = fB(), l = [
 		{
 			id: "csv",
 			format: "csv",
-			text: r("dataEditor.footer.csvFormat")
+			text: i("dataEditor.footer.csvFormat")
 		},
 		{
 			id: "tsv",
 			format: "tsv",
-			text: r("dataEditor.footer.tsvFormat")
+			text: i("dataEditor.footer.tsvFormat")
 		},
 		{
 			id: "xlsx",
 			format: "xlsx",
-			text: r("dataEditor.footer.excelFormat")
+			text: i("dataEditor.footer.excelFormat")
 		},
 		{
 			id: "json",
 			format: "json",
-			text: r("dataEditor.footer.jsonFormat")
+			text: i("dataEditor.footer.jsonFormat")
 		},
 		{
 			id: "xml",
 			format: "xml",
-			text: r("dataEditor.footer.xmlFormat")
+			text: i("dataEditor.footer.xmlFormat")
 		}
-	].filter((e) => t.includes(e.format)), l = {
+	].filter((e) => r.includes(e.format)), u = {
 		csv: "CSV",
 		tsv: "TSV",
 		xlsx: "Excel",
 		json: "JSON",
 		xml: "XML"
-	}, u = (() => {
-		let e = t.map((e) => l[e]);
+	}, d = (() => {
+		let e = r.map((e) => u[e]);
 		if (e.length === 0) return "";
-		if (e.length === 1) return r("dataEditor.uploader.uploadFile.textDynamic", { formats: e[0] });
-		let n = e[e.length - 1];
-		return r("dataEditor.uploader.uploadFile.textDynamic", { formats: `${e.slice(0, -1).join(", ")} or ${n}` });
-	})(), d = (0, _.useCallback)((t) => {
+		if (e.length === 1) return i("dataEditor.uploader.uploadFile.textDynamic", { formats: e[0] });
+		let t = e[e.length - 1];
+		return i("dataEditor.uploader.uploadFile.textDynamic", { formats: `${e.slice(0, -1).join(", ")} or ${t}` });
+	})(), f = (0, _.useCallback)((t) => {
 		jv(e, t, n);
-	}, [e, n]), f = {
+	}, [e, n]), p = {
 		csv: { "text/csv": [".csv"] },
 		tsv: { "text/tab-separated-values": [".tsv"] },
 		xlsx: { "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xlsx"] },
 		json: { "application/json": [".json"] },
 		xml: { "application/xml": [".xml"] }
-	}, { getRootProps: p, getInputProps: m, isDragActive: h } = uz({
-		accept: t.reduce((e, t) => ({
+	}, { getRootProps: m, getInputProps: h, isDragActive: g } = uz({
+		accept: r.reduce((e, t) => ({
 			...e,
-			...f[t]
+			...p[t]
 		}), {}),
 		maxFiles: 1,
-		disabled: !!i || !!a,
+		disabled: !!a || !!o,
 		onDrop: (e) => {
-			e.length > 0 && s(e[0]);
+			e.length > 0 && c(e[0]);
 		}
-	}), g = !!i || !!a, v = i?.fileName ?? a?.name, y = (e) => {
-		e.stopPropagation(), o();
+	}), v = !!a || !!o, y = a?.fileName ?? o?.name, b = (e) => {
+		e.stopPropagation(), s();
 	};
 	return /* @__PURE__ */ (0, E.jsxs)(Ud, { children: [/* @__PURE__ */ (0, E.jsxs)(Vd, { children: [/* @__PURE__ */ (0, E.jsxs)("div", {
 		className: "updog__step-select-files__aside-content",
 		children: [/* @__PURE__ */ (0, E.jsx)(W, {
 			weight: "bold",
-			children: r("dataEditor.uploader.uploadFile.title")
+			children: i("dataEditor.uploader.uploadFile.title")
 		}), /* @__PURE__ */ (0, E.jsx)(W, {
 			className: "updog__step-select-files__text",
-			children: u
+			children: d
 		})]
 	}), /* @__PURE__ */ (0, E.jsx)("footer", {
 		className: "updog__step-select-files__footer",
 		children: /* @__PURE__ */ (0, E.jsx)(rc, {
-			options: c,
-			onSelect: d,
+			options: l,
+			onSelect: f,
 			placement: "top-start",
 			matchTriggerWidth: !0,
 			children: /* @__PURE__ */ (0, E.jsx)(tt, {
@@ -45142,19 +45152,19 @@ var pz = ({ source: e }) => e.icon.trimStart().startsWith("<") ? /* @__PURE__ */
 				color: "neutral",
 				className: "updog__step-select-files__download-btn",
 				startIcon: /* @__PURE__ */ (0, E.jsx)(pe, {}),
-				children: r("dataEditor.uploader.uploadFile.downloadExample")
+				children: i("dataEditor.uploader.uploadFile.downloadExample")
 			})
 		})
 	})] }), /* @__PURE__ */ (0, E.jsxs)(Hd, { children: [/* @__PURE__ */ (0, E.jsx)("div", {
 		className: "updog__step-select-files__content",
 		children: /* @__PURE__ */ (0, E.jsxs)("div", {
-			...p(),
-			className: j("updog__step-select-files__dropzone", g && "updog__step-select-files__dropzone--disabled", !g && h && "updog__step-select-files__dropzone--active"),
+			...m(),
+			className: j("updog__step-select-files__dropzone", v && "updog__step-select-files__dropzone--disabled", !v && g && "updog__step-select-files__dropzone--active"),
 			children: [
-				/* @__PURE__ */ (0, E.jsx)("input", { ...m() }),
+				/* @__PURE__ */ (0, E.jsx)("input", { ...h() }),
 				/* @__PURE__ */ (0, E.jsx)("div", {
 					className: "updog__step-select-files__icon-container",
-					children: g ? /* @__PURE__ */ (0, E.jsx)(re, {
+					children: v ? /* @__PURE__ */ (0, E.jsx)(re, {
 						size: "1rem",
 						className: "updog__step-select-files__icon rtl-mirror"
 					}) : /* @__PURE__ */ (0, E.jsx)(Ve, {
@@ -45162,19 +45172,19 @@ var pz = ({ source: e }) => e.icon.trimStart().startsWith("<") ? /* @__PURE__ */
 						className: "updog__step-select-files__icon"
 					})
 				}),
-				!g && /* @__PURE__ */ (0, E.jsx)(hz, {}),
-				g && /* @__PURE__ */ (0, E.jsxs)("div", {
+				!v && /* @__PURE__ */ (0, E.jsx)(hz, {}),
+				v && /* @__PURE__ */ (0, E.jsxs)("div", {
 					className: "updog__step-select-files__info",
 					children: [/* @__PURE__ */ (0, E.jsx)(W, {
 						as: "span",
 						size: "sm",
-						children: v
+						children: y
 					}), /* @__PURE__ */ (0, E.jsx)(tt, {
 						size: "xs",
 						variant: "ghost",
 						color: "danger",
-						onClick: y,
-						children: r("dataEditor.common.remove")
+						onClick: b,
+						children: i("dataEditor.common.remove")
 					})]
 				})
 			]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@updog/data-editor-wc",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "Client-side CSV importer and spreadsheet editor SDK 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",