@object-ui/plugin-detail 3.3.0 → 3.3.1

package/dist/GeolocationField-D9T_jgG6.js

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

package/dist/GridField-DE_HwiIN.js

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

package/dist/ImageField-Dswnqtzf.js

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

package/dist/LocationField-gjqbE6na.js

@@ -0,0 +1,36 @@
+import { n as e } from "./rolldown-runtime-DnwLefa7.js";
+import { O as t, t as n } from "./src-DyUKLvMN.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region ../fields/src/widgets/LocationField.tsx
+var i = /* @__PURE__ */ e({ LocationField: () => a });
+function a({ value: e, onChange: i, field: a, readonly: o, ...s }) {
+	let c = a || s.schema, l = e && typeof e == "object" ? `${e.latitude || 0}, ${e.longitude || 0}` : "";
+	return o ? /* @__PURE__ */ r("span", {
+		className: "text-sm",
+		children: l || /* @__PURE__ */ r(n, {})
+	}) : /* @__PURE__ */ r(t, {
+		type: "text",
+		value: l,
+		onChange: (e) => {
+			let t = e.target.value;
+			if (!t.trim()) {
+				i(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) && i({
+					latitude: e,
+					longitude: t
+				});
+			}
+		},
+		placeholder: c?.placeholder || "latitude, longitude",
+		disabled: o || s.disabled,
+		className: s.className
+	});
+}
+//#endregion
+export { i as t };