@object-ui/plugin-detail 3.1.2 → 3.1.4

package/dist/FileField-aRJAdbQb.js

@@ -0,0 +1,151 @@
+import { $ as e, Z as t, et as n, hn as r, jt as i, kt as a } from "./src-CXr1-vVl.js";
+import { useCallback as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region ../fields/src/widgets/FileField.tsx
+var d = /* @__PURE__ */ r({ FileField: () => f });
+function f({ value: r, onChange: d, field: f, readonly: p, ...m }) {
+	let h = s(null), g = f || m.schema, _ = g?.multiple || !1, v = g?.accept ? g.accept.join(",") : void 0, y = g?.maxSize, [b, x] = c(!1), [S, C] = c([]), w = r ? Array.isArray(r) ? r : [r] : [], T = o((e) => {
+		if (e.length === 0) return;
+		let t = [], n = e.filter((e) => {
+			if (y && e.size > y) {
+				let n = (y / (1024 * 1024)).toFixed(1);
+				return t.push(`"${e.name}" exceeds max size (${n} MB)`), !1;
+			}
+			return !0;
+		});
+		if (C(t), n.length === 0) return;
+		let r = n.map((e) => ({
+			name: e.name,
+			original_name: e.name,
+			size: e.size,
+			mime_type: e.type,
+			url: URL.createObjectURL(e)
+		}));
+		d(_ ? [...w, ...r] : r[0]);
+	}, [
+		w,
+		_,
+		d,
+		y
+	]), E = o((e) => {
+		e.preventDefault(), e.stopPropagation(), x(!0);
+	}, []), D = o((e) => {
+		e.preventDefault(), e.stopPropagation(), x(!1);
+	}, []), O = o((e) => {
+		e.preventDefault(), e.stopPropagation(), x(!1);
+		let t = Array.from(e.dataTransfer.files);
+		if (v) {
+			let e = v.split(",").map((e) => e.trim().toLowerCase());
+			T(t.filter((t) => {
+				let n = t.name.split("."), r = n.length > 1 ? "." + n.pop()?.toLowerCase() : "";
+				return e.some((e) => e === t.type || r && e === r || e.endsWith("/*") && t.type.startsWith(e.replace("/*", "/")));
+			}));
+		} else T(t);
+	}, [v, T]);
+	if (p) return r ? /* @__PURE__ */ l("div", {
+		className: "flex flex-wrap gap-2",
+		children: (Array.isArray(r) ? r : [r]).map((e, t) => /* @__PURE__ */ l("span", {
+			className: "text-sm truncate max-w-xs",
+			children: e.name || e.original_name || "File"
+		}, t))
+	}) : /* @__PURE__ */ l("span", {
+		className: "text-sm",
+		children: "-"
+	});
+	let k = (e) => {
+		T(Array.from(e.target.files || []));
+	}, A = (e) => {
+		if (_) {
+			let t = w.filter((t, n) => n !== e);
+			d(t.length > 0 ? t : null);
+		} else d(null);
+	}, j = (e) => (e.mime_type || "").startsWith("image/");
+	return /* @__PURE__ */ u("div", {
+		className: m.className,
+		children: [/* @__PURE__ */ l("input", {
+			ref: h,
+			type: "file",
+			multiple: _,
+			accept: v,
+			onChange: k,
+			className: "hidden"
+		}), /* @__PURE__ */ u("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ u("div", {
+					onDragOver: E,
+					onDragLeave: D,
+					onDrop: O,
+					onClick: () => h.current?.click(),
+					className: `
+            flex flex-col items-center justify-center gap-2 p-6 
+            border-2 border-dashed rounded-lg cursor-pointer
+            transition-colors duration-200
+            ${b ? "border-primary bg-primary/5 text-primary" : "border-muted-foreground/25 hover:border-primary/50 text-muted-foreground hover:text-foreground"}
+          `,
+					role: "button",
+					tabIndex: 0,
+					onKeyDown: (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), h.current?.click());
+					},
+					children: [/* @__PURE__ */ l(n, { className: `size-8 ${b ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ u("div", {
+						className: "text-center",
+						children: [/* @__PURE__ */ l("p", {
+							className: "text-sm font-medium",
+							children: b ? "Drop files here" : "Drag & drop files here"
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: "or click to browse"
+						})]
+					})]
+				}),
+				S.length > 0 && /* @__PURE__ */ l("div", {
+					className: "space-y-0.5",
+					children: S.map((e, t) => /* @__PURE__ */ l("p", {
+						className: "text-xs text-destructive",
+						children: e
+					}, t))
+				}),
+				w.length > 0 && /* @__PURE__ */ l("div", {
+					className: "space-y-1",
+					children: w.map((n, r) => /* @__PURE__ */ u("div", {
+						className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
+						children: [/* @__PURE__ */ u("div", {
+							className: "flex items-center gap-2 flex-1 min-w-0",
+							children: [
+								j(n) && n.url ? /* @__PURE__ */ l("img", {
+									src: n.url,
+									alt: n.name,
+									className: "size-8 object-cover rounded flex-shrink-0"
+								}) : j(n) ? /* @__PURE__ */ l(a, { className: "size-4 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ l(i, { className: "size-4 text-muted-foreground flex-shrink-0" }),
+								/* @__PURE__ */ l("span", {
+									className: "text-sm truncate",
+									children: n.name || n.original_name || "File"
+								}),
+								n.size && /* @__PURE__ */ u("span", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										"(",
+										(n.size / 1024).toFixed(1),
+										" KB)"
+									]
+								})
+							]
+						}), /* @__PURE__ */ l(t, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: (e) => {
+								e.stopPropagation(), A(r);
+							},
+							className: "h-6 w-6 p-0",
+							children: /* @__PURE__ */ l(e, { className: "size-3" })
+						})]
+					}, r))
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { d as t };

package/dist/FormulaField-DTMkagFx.js

@@ -0,0 +1,14 @@
+import { hn as e } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../fields/src/widgets/FormulaField.tsx
+var n = /* @__PURE__ */ e({ FormulaField: () => r });
+function r({ value: e, field: n, ...r }) {
+	let i = (n || r.schema)?.return_type || "text", a = "-";
+	return e != null && (a = i === "number" || i === "currency" ? typeof e == "number" ? e.toFixed(2) : String(e) : i === "boolean" ? e ? "Yes" : "No" : i === "date" ? new Date(e).toLocaleDateString() : String(e)), /* @__PURE__ */ t("span", {
+		className: `text-sm font-mono text-gray-700 ${r.className || ""}`,
+		children: a
+	});
+}
+//#endregion
+export { n as t };

package/dist/GeolocationField-RqpHWTEv.js

@@ -0,0 +1,113 @@
+import { Bt as e, Ct as t, D as n, O as r, Z as i, hn as a } from "./src-CXr1-vVl.js";
+import o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region ../fields/src/widgets/GeolocationField.tsx
+var l = /* @__PURE__ */ a({ GeolocationField: () => u });
+function u({ value: a, onChange: l, field: u, readonly: d, ...f }) {
+	let [p, m] = o.useState(!1), h = a || {}, g = (e, t) => {
+		l({
+			...h,
+			[e]: t ? Number(t) : void 0
+		});
+	}, _ = () => {
+		if (!navigator.geolocation) {
+			console.error("Geolocation is not supported by this browser");
+			return;
+		}
+		m(!0), navigator.geolocation.getCurrentPosition((e) => {
+			l({
+				latitude: e.coords.latitude,
+				longitude: e.coords.longitude,
+				accuracy: e.coords.accuracy
+			}), m(!1);
+		}, (e) => {
+			console.error("Error getting location:", e.message), m(!1);
+		}, {
+			enableHighAccuracy: !0,
+			timeout: 5e3,
+			maximumAge: 0
+		});
+	}, v = (e) => !e.latitude || !e.longitude ? "-" : `${e.latitude.toFixed(6)}, ${e.longitude.toFixed(6)}`, y = () => {
+		if (!h.latitude || !h.longitude) return;
+		let e = `https://www.google.com/maps?q=${h.latitude},${h.longitude}`;
+		window.open(e, "_blank");
+	};
+	return d ? /* @__PURE__ */ c("div", {
+		className: "flex items-center gap-2",
+		children: [
+			/* @__PURE__ */ s(t, { className: "w-4 h-4 text-muted-foreground" }),
+			/* @__PURE__ */ s("span", {
+				className: "text-sm",
+				children: v(h)
+			}),
+			h.latitude && h.longitude && /* @__PURE__ */ s(i, {
+				type: "button",
+				variant: "link",
+				size: "sm",
+				onClick: y,
+				className: "p-0 h-auto",
+				children: "View on map"
+			})
+		]
+	}) : /* @__PURE__ */ c("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ c(i, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: _,
+					disabled: d || p,
+					children: [/* @__PURE__ */ s(e, { className: "w-4 h-4 mr-2" }), p ? "Getting location..." : "Use Current Location"]
+				}), h.latitude && h.longitude && /* @__PURE__ */ c(i, {
+					type: "button",
+					variant: "link",
+					size: "sm",
+					onClick: y,
+					children: [/* @__PURE__ */ s(t, { className: "w-4 h-4 mr-2" }), "View on map"]
+				})]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s(r, {
+					htmlFor: "latitude",
+					className: "text-xs",
+					children: "Latitude"
+				}), /* @__PURE__ */ s(n, {
+					id: "latitude",
+					type: "number",
+					value: h.latitude ?? "",
+					onChange: (e) => g("latitude", e.target.value),
+					placeholder: "37.7749",
+					disabled: d || f.disabled,
+					step: "any",
+					className: f.className
+				})] }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s(r, {
+					htmlFor: "longitude",
+					className: "text-xs",
+					children: "Longitude"
+				}), /* @__PURE__ */ s(n, {
+					id: "longitude",
+					type: "number",
+					value: h.longitude ?? "",
+					onChange: (e) => g("longitude", e.target.value),
+					placeholder: "-122.4194",
+					disabled: d || f.disabled,
+					step: "any"
+				})] })]
+			}),
+			h.accuracy && /* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					"Accuracy: ±",
+					h.accuracy.toFixed(0),
+					"m"
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { l as t };

package/dist/GridField-D4IH0cpo.js

@@ -0,0 +1,51 @@
+import { hn as e, un as t } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../fields/src/widgets/GridField.tsx
+var i = /* @__PURE__ */ e({ GridField: () => a });
+function a({ value: e, field: i, readonly: a, ...o }) {
+	let s = (i || o.schema)?.columns || [];
+	return !e || !Array.isArray(e) ? /* @__PURE__ */ n("span", {
+		className: "text-sm text-muted-foreground",
+		children: "-"
+	}) : a ? /* @__PURE__ */ n("div", {
+		className: t("text-sm", o.className),
+		children: /* @__PURE__ */ r("span", {
+			className: "text-foreground",
+			children: [e.length, " rows"]
+		})
+	}) : /* @__PURE__ */ r("div", {
+		className: t("border border-border rounded-lg overflow-hidden", o.className),
+		children: [/* @__PURE__ */ n("div", {
+			className: "overflow-auto max-h-60",
+			children: /* @__PURE__ */ r("table", {
+				className: "w-full text-sm",
+				children: [/* @__PURE__ */ n("thead", {
+					className: "bg-muted border-b border-border",
+					children: /* @__PURE__ */ n("tr", { children: s.map((e, t) => /* @__PURE__ */ n("th", {
+						className: "px-3 py-2 text-left text-xs font-medium text-muted-foreground",
+						children: e.label || e.name
+					}, t)) })
+				}), /* @__PURE__ */ n("tbody", {
+					className: "divide-y divide-border",
+					children: e.slice(0, 5).map((e, t) => /* @__PURE__ */ n("tr", {
+						className: "hover:bg-muted/50 transition-colors",
+						children: s.map((t, r) => /* @__PURE__ */ n("td", {
+							className: "px-3 py-2 text-foreground",
+							children: e[t.name] == null ? "-" : String(e[t.name])
+						}, r))
+					}, t))
+				})]
+			})
+		}), e.length > 5 && /* @__PURE__ */ r("div", {
+			className: "bg-muted px-3 py-2 text-xs text-muted-foreground border-t border-border",
+			children: [
+				"Showing 5 of ",
+				e.length,
+				" rows"
+			]
+		})]
+	});
+}
+//#endregion
+export { i as t };

package/dist/ImageField-BYCFajjr.js

@@ -0,0 +1,75 @@
+import { $ as e, Z as t, hn as n, kt as r } from "./src-CXr1-vVl.js";
+import { useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../fields/src/widgets/ImageField.tsx
+var s = /* @__PURE__ */ n({ ImageField: () => c });
+function c({ value: n, onChange: s, field: c, readonly: l, ...u }) {
+	let d = i(null), f = c || u.schema, p = f?.multiple || !1, m = f?.accept ? f.accept.join(",") : "image/*";
+	if (l) return n ? /* @__PURE__ */ a("div", {
+		className: "flex flex-wrap gap-2",
+		children: (Array.isArray(n) ? n : [n]).map((e, t) => /* @__PURE__ */ a("img", {
+			src: e.url || "",
+			alt: e.name || `Image ${t + 1}`,
+			className: "size-20 rounded-md object-cover border border-gray-200"
+		}, t))
+	}) : /* @__PURE__ */ a("span", {
+		className: "text-sm",
+		children: "-"
+	});
+	let h = n ? Array.isArray(n) ? n : [n] : [], g = (e) => {
+		let t = Array.from(e.target.files || []);
+		if (t.length === 0) return;
+		let n = t.map((e) => ({
+			name: e.name,
+			original_name: e.name,
+			size: e.size,
+			mime_type: e.type,
+			url: URL.createObjectURL(e)
+		}));
+		s(p ? [...h, ...n] : n[0]);
+	}, _ = (e) => {
+		if (p) {
+			let t = h.filter((t, n) => n !== e);
+			s(t.length > 0 ? t : null);
+		} else s(null);
+	};
+	return /* @__PURE__ */ o("div", {
+		className: u.className,
+		children: [/* @__PURE__ */ a("input", {
+			ref: d,
+			type: "file",
+			multiple: p,
+			accept: m,
+			onChange: g,
+			className: "hidden"
+		}), /* @__PURE__ */ o("div", {
+			className: "space-y-2",
+			children: [h.length > 0 && /* @__PURE__ */ a("div", {
+				className: "grid grid-cols-4 gap-2",
+				children: h.map((n, r) => /* @__PURE__ */ o("div", {
+					className: "relative group",
+					children: [/* @__PURE__ */ a("img", {
+						src: n.url || "",
+						alt: n.name || `Image ${r + 1}`,
+						className: "size-20 rounded-md object-cover border border-gray-200"
+					}), /* @__PURE__ */ a(t, {
+						type: "button",
+						variant: "destructive",
+						size: "sm",
+						onClick: () => _(r),
+						className: "absolute top-1 right-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
+						children: /* @__PURE__ */ a(e, { className: "size-3" })
+					})]
+				}, r))
+			}), /* @__PURE__ */ o(t, {
+				type: "button",
+				variant: "outline",
+				onClick: () => d.current?.click(),
+				className: "w-full",
+				children: [/* @__PURE__ */ a(r, { className: "size-4 mr-2" }), h.length > 0 ? "Add More Images" : "Upload Image"]
+			})]
+		})]
+	});
+}
+//#endregion
+export { s as t };

package/dist/LocationField-Bi_ew9sd.js

@@ -0,0 +1,35 @@
+import { D as e, hn as t } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../fields/src/widgets/LocationField.tsx
+var r = /* @__PURE__ */ t({ LocationField: () => i });
+function i({ value: t, onChange: r, field: i, readonly: a, ...o }) {
+	let s = i || o.schema, c = t && typeof t == "object" ? `${t.latitude || 0}, ${t.longitude || 0}` : "";
+	return a ? /* @__PURE__ */ n("span", {
+		className: "text-sm",
+		children: c || "-"
+	}) : /* @__PURE__ */ n(e, {
+		type: "text",
+		value: c,
+		onChange: (e) => {
+			let t = e.target.value;
+			if (!t.trim()) {
+				r(null);
+				return;
+			}
+			let n = t.split(",").map((e) => e.trim());
+			if (n.length === 2) {
+				let e = parseFloat(n[0]), t = parseFloat(n[1]);
+				!isNaN(e) && !isNaN(t) && r({
+					latitude: e,
+					longitude: t
+				});
+			}
+		},
+		placeholder: s?.placeholder || "latitude, longitude",
+		disabled: a || o.disabled,
+		className: o.className
+	});
+}
+//#endregion
+export { r as t };