@updog/data-editor-wc 0.1.6 → 0.1.7

package/index.js

@@ -38494,36 +38494,36 @@ async function XM(e, t, n) {
 //#endregion
 //#region src/components/DataEditor/DataSourcesSection/DataSource.tsx
 var ZM = ({ source: e }) => {
-	let { store: t, scrollToGridTop: n } = kd(), { t: r } = k(), { id: i, name: a, isLoading: o, rowCount: s, isVisible: c, isDeletable: l } = e, { value: u, setTrue: d, setFalse: f } = el(!1), p = r("dataEditor.dataSources.show"), m = r("dataEditor.dataSources.hide"), h = r("dataEditor.dataSources.remove"), g = () => {
-		n(), t.toggleSourceVisibility(i);
-	}, _ = () => {
-		f(), n(), t.removeSource(i);
+	let { store: t, scrollToGridTop: n, readonly: r } = kd(), { t: i } = k(), { id: a, name: o, isLoading: s, rowCount: c, isVisible: l, isDeletable: u } = e, { value: d, setTrue: f, setFalse: p } = el(!1), m = i("dataEditor.dataSources.show"), h = i("dataEditor.dataSources.hide"), g = i("dataEditor.dataSources.remove"), _ = () => {
+		n(), t.toggleSourceVisibility(a);
+	}, v = () => {
+		p(), n(), t.removeSource(a);
 	};
 	return /* @__PURE__ */ (0, E.jsxs)("div", {
 		className: "updog__data-source",
 		children: [
 			/* @__PURE__ */ (0, E.jsx)(qs, {
-				className: j(!c && "updog__data-source__content--hidden"),
-				children: a
+				className: j(!l && "updog__data-source__content--hidden"),
+				children: o
 			}),
 			/* @__PURE__ */ (0, E.jsxs)("div", {
 				className: "updog__data-source__actions updog__data-source__actions--default",
 				children: [
-					o && /* @__PURE__ */ (0, E.jsx)(Xe, { size: "xs" }),
+					s && /* @__PURE__ */ (0, E.jsx)(Xe, { size: "xs" }),
 					/* @__PURE__ */ (0, E.jsx)($s, {
-						text: _l(s),
+						text: _l(c),
 						color: "neutral",
-						className: j(!c && "updog__data-source__tag--hidden")
+						className: j(!l && "updog__data-source__tag--hidden")
 					}),
-					!c && /* @__PURE__ */ (0, E.jsx)(Ps, {
-						content: p,
+					!l && /* @__PURE__ */ (0, E.jsx)(Ps, {
+						content: m,
 						placement: "bottom-end",
 						children: /* @__PURE__ */ (0, E.jsx)(nt, {
 							variant: "ghost",
 							color: "neutral",
-							"aria-label": p,
+							"aria-label": m,
 							size: "sm",
-							onClick: g,
+							onClick: _,
 							children: /* @__PURE__ */ (0, E.jsx)(he, {})
 						})
 					})
@@ -38531,57 +38531,57 @@ var ZM = ({ source: e }) => {
 			}),
 			/* @__PURE__ */ (0, E.jsxs)("div", {
 				className: "updog__data-source__actions updog__data-source__actions--hover",
-				children: [l && /* @__PURE__ */ (0, E.jsx)(Ps, {
-					content: h,
+				children: [u && !r && /* @__PURE__ */ (0, E.jsx)(Ps, {
+					content: g,
 					placement: "bottom-end",
 					children: /* @__PURE__ */ (0, E.jsx)(nt, {
 						variant: "ghost",
 						color: "danger",
-						"aria-label": h,
+						"aria-label": g,
 						size: "sm",
-						onClick: d,
+						onClick: f,
 						children: /* @__PURE__ */ (0, E.jsx)(Re, {})
 					})
 				}), /* @__PURE__ */ (0, E.jsx)(Ps, {
-					content: c ? m : p,
+					content: l ? h : m,
 					placement: "bottom-end",
 					children: /* @__PURE__ */ (0, E.jsx)(nt, {
 						variant: "ghost",
 						color: "neutral",
-						"aria-label": c ? m : p,
+						"aria-label": l ? h : m,
 						size: "sm",
-						onClick: g,
-						children: c ? /* @__PURE__ */ (0, E.jsx)(ge, {}) : /* @__PURE__ */ (0, E.jsx)(he, {})
+						onClick: _,
+						children: l ? /* @__PURE__ */ (0, E.jsx)(ge, {}) : /* @__PURE__ */ (0, E.jsx)(he, {})
 					})
 				})]
 			}),
 			/* @__PURE__ */ (0, E.jsx)(ps, {
-				open: u,
-				onOpenChange: f,
-				submitAction: _,
-				title: r("dataEditor.dataSources.confirmRemove.title"),
-				description: r("dataEditor.dataSources.confirmRemove.text"),
-				submitText: r("dataEditor.dataSources.confirmRemove.action")
+				open: d,
+				onOpenChange: p,
+				submitAction: v,
+				title: i("dataEditor.dataSources.confirmRemove.title"),
+				description: i("dataEditor.dataSources.confirmRemove.text"),
+				submitText: i("dataEditor.dataSources.confirmRemove.action")
 			})
 		]
 	});
 }, QM = () => {
-	let { store: e, columns: t, navigateToCell: n, navigateToCellRef: r, setShowUploader: i, enableAddRow: a, importFormats: o } = kd(), { t: s } = k(), { sources: c, phase: l } = nl(e), u = l !== "idle", d = (0, _.useMemo)(() => {
+	let { store: e, columns: t, navigateToCell: n, navigateToCellRef: r, setShowUploader: i, enableAddRow: a, importFormats: o, readonly: s } = kd(), { t: c } = k(), { sources: l, phase: u } = nl(e), d = u !== "idle", f = (0, _.useMemo)(() => {
 		let e = [];
 		return o.length > 0 && e.push({
 			id: "import_data",
-			text: s("dataEditor.dataSources.importData"),
+			text: c("dataEditor.dataSources.importData"),
 			icon: /* @__PURE__ */ (0, E.jsx)(Ve, { size: "1rem" })
 		}), a && e.push({
 			id: "add_row",
-			text: s("dataEditor.dataSources.addRow"),
+			text: c("dataEditor.dataSources.addRow"),
 			icon: /* @__PURE__ */ (0, E.jsx)(Oe, { size: "1rem" })
 		}), e;
 	}, [
-		s,
+		c,
 		a,
 		o
-	]), f = (0, _.useCallback)(async (a) => {
+	]), p = (0, _.useCallback)(async (a) => {
 		if (a === "import_data") {
 			i(!0);
 			return;
@@ -38596,7 +38596,7 @@ var ZM = ({ source: e }) => {
 				} catch {}
 				return;
 			}
-			n(await XM(e, t, s("dataEditor.dataSources.manuallyAdded")), t[0].id);
+			n(await XM(e, t, c("dataEditor.dataSources.manuallyAdded")), t[0].id);
 		}
 	}, [
 		i,
@@ -38604,29 +38604,29 @@ var ZM = ({ source: e }) => {
 		t,
 		n,
 		r,
-		s
-	]), p = s("dataEditor.dataSources.addDataSource"), m = a || o.length > 0 ? /* @__PURE__ */ (0, E.jsx)(rc, {
-		options: d,
-		onSelect: f,
+		c
+	]), m = c("dataEditor.dataSources.addDataSource"), h = !s && (a || o.length > 0) ? /* @__PURE__ */ (0, E.jsx)(rc, {
+		options: f,
+		onSelect: p,
 		placement: "bottom-end",
 		children: /* @__PURE__ */ (0, E.jsx)(Ps, {
-			content: p,
+			content: m,
 			placement: "bottom-end",
 			children: /* @__PURE__ */ (0, E.jsx)(nt, {
-				"aria-label": p,
+				"aria-label": m,
 				size: "sm",
-				disabled: u,
+				disabled: d,
 				children: /* @__PURE__ */ (0, E.jsx)(Oe, {})
 			})
 		})
 	}) : void 0;
 	return /* @__PURE__ */ (0, E.jsx)(YM, {
 		icon: /* @__PURE__ */ (0, E.jsx)(ye, { size: "1rem" }),
-		title: s("dataEditor.dataSources.title"),
-		accessory: m,
-		children: c.length > 0 && /* @__PURE__ */ (0, E.jsx)("div", {
+		title: c("dataEditor.dataSources.title"),
+		accessory: h,
+		children: l.length > 0 && /* @__PURE__ */ (0, E.jsx)("div", {
 			className: "updog__data-sources-section__list",
-			children: c.map((e) => /* @__PURE__ */ (0, E.jsx)(ZM, { source: e }, e.id))
+			children: l.map((e) => /* @__PURE__ */ (0, E.jsx)(ZM, { source: e }, e.id))
 		})
 	});
 }, $M = ({ columns: e, resetKey: t }) => {
@@ -39743,30 +39743,30 @@ var jN = ({ text: e, onSelect: t }) => /* @__PURE__ */ (0, E.jsx)(tt, {
 		/* @__PURE__ */ (0, E.jsx)(LN, {})
 	]
 }) }), BN = () => {
-	let { readonly: e, store: t, chat: n } = kd(), { filteredCount: r, isLoading: i } = nl(t), { t: a } = k();
+	let { store: e, chat: t } = kd(), { filteredCount: n, isLoading: r } = nl(e), { t: i } = k();
 	return /* @__PURE__ */ (0, E.jsxs)(Md, { children: [
 		/* @__PURE__ */ (0, E.jsx)(Ad, { children: /* @__PURE__ */ (0, E.jsx)("div", {
 			className: "updog__data-editor-aside",
 			children: /* @__PURE__ */ (0, E.jsxs)("div", {
 				className: "updog__data-editor-aside__content updog__scrollbar",
 				children: [
-					!e && /* @__PURE__ */ (0, E.jsx)(QM, {}),
-					!e && /* @__PURE__ */ (0, E.jsx)(Zs, {}),
+					/* @__PURE__ */ (0, E.jsx)(QM, {}),
+					/* @__PURE__ */ (0, E.jsx)(Zs, {}),
 					/* @__PURE__ */ (0, E.jsx)(hN, {})
 				]
 			})
 		}) }),
 		/* @__PURE__ */ (0, E.jsxs)(jd, { children: [
 			/* @__PURE__ */ (0, E.jsx)(JM, {}),
-			!i && r === 0 && /* @__PURE__ */ (0, E.jsx)(Qs, {
+			!r && n === 0 && /* @__PURE__ */ (0, E.jsx)(Qs, {
 				className: "updog-grid__empty-state",
-				title: a("dataEditor.grid.emptyTitle"),
-				text: a("dataEditor.grid.emptyText")
+				title: i("dataEditor.grid.emptyTitle"),
+				text: i("dataEditor.grid.emptyText")
 			}),
 			/* @__PURE__ */ (0, E.jsx)(Nd, {}),
 			/* @__PURE__ */ (0, E.jsx)(wv, {})
 		] }),
-		n && /* @__PURE__ */ (0, E.jsx)(zN, {})
+		t && /* @__PURE__ */ (0, E.jsx)(zN, {})
 	] });
 }, VN = () => {
 	let { t: e } = k();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@updog/data-editor-wc",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "Web Component wrapper for @updog/data-editor. Framework-agnostic, zero dependencies.",
   "author": "Mikhail Kutateladze <admin@updog.tech>",
   "homepage": "https://updog.tech",