@object-ui/plugin-detail 3.1.2 → 3.1.4

package/dist/TextField-CGNSl7RU.js

@@ -0,0 +1,29 @@
+import { D as e, hn as t, t as n } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region ../fields/src/widgets/TextField.tsx
+var i = /* @__PURE__ */ t({ TextField: () => a });
+function a({ value: t, onChange: i, field: a, readonly: o, ...s }) {
+	let c = a || s.schema;
+	if (o) return /* @__PURE__ */ r("span", {
+		className: "text-sm",
+		children: t || "-"
+	});
+	let l = c?.rows, { inputType: u, ...d } = s;
+	return l && l > 1 ? /* @__PURE__ */ r(n, {
+		...d,
+		value: t || "",
+		onChange: (e) => i(e.target.value),
+		placeholder: c?.placeholder,
+		disabled: o || d.disabled
+	}) : /* @__PURE__ */ r(e, {
+		...d,
+		type: c?.type === "password" ? "password" : "text",
+		value: t || "",
+		onChange: (e) => i(e.target.value),
+		placeholder: c?.placeholder,
+		disabled: o || d.disabled
+	});
+}
+//#endregion
+export { i as t };

package/dist/TimeField-YO58ctFg.js

@@ -0,0 +1,21 @@
+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/TimeField.tsx
+var r = /* @__PURE__ */ t({ TimeField: () => i });
+function i({ value: t, onChange: r, field: i, readonly: a, ...o }) {
+	if (a) return /* @__PURE__ */ n("span", {
+		className: "text-sm",
+		children: t || "-"
+	});
+	let { inputType: s, ...c } = o;
+	return /* @__PURE__ */ n(e, {
+		...c,
+		type: "time",
+		value: t || "",
+		onChange: (e) => r(e.target.value),
+		disabled: a || c.disabled
+	});
+}
+//#endregion
+export { r as t };

package/dist/UrlField-1-BMM1jn.js

@@ -0,0 +1,33 @@
+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/UrlField.tsx
+var r = /* @__PURE__ */ t({ UrlField: () => i });
+function i({ value: t, onChange: r, field: i, readonly: a, errorMessage: o, ...s }) {
+	let c = i || s.schema;
+	if (a) return t ? t.startsWith("http://") || t.startsWith("https://") ? /* @__PURE__ */ n("a", {
+		href: t,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+		children: t
+	}) : /* @__PURE__ */ n("span", {
+		className: "text-sm",
+		children: t
+	}) : /* @__PURE__ */ n("span", {
+		className: "text-sm",
+		children: "-"
+	});
+	let { inputType: l, ...u } = s;
+	return /* @__PURE__ */ n(e, {
+		...u,
+		type: "url",
+		value: t || "",
+		onChange: (e) => r(e.target.value),
+		placeholder: c?.placeholder || "https://example.com",
+		disabled: a || u.disabled,
+		"aria-invalid": !!o
+	});
+}
+//#endregion
+export { r as t };

package/dist/UserField-B6GqxP_S.js

@@ -0,0 +1,78 @@
+import { $ as e, J as t, Y as n, hn as r, q as i } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../fields/src/widgets/UserField.tsx
+var s = /* @__PURE__ */ r({ UserField: () => c });
+function c({ value: r, onChange: s, field: c, readonly: l, ...u }) {
+	let d = (c || u.schema)?.multiple || !1;
+	if (l) {
+		if (!r) return /* @__PURE__ */ a("span", {
+			className: "text-sm",
+			children: "-"
+		});
+		let e = Array.isArray(r) ? r : [r];
+		return /* @__PURE__ */ o("div", {
+			className: "flex -space-x-2",
+			children: [e.slice(0, 3).map((e, r) => {
+				let i = e.name || e.username || "User";
+				return /* @__PURE__ */ a(t, {
+					className: "size-8 border-2 border-white",
+					title: i,
+					children: /* @__PURE__ */ a(n, {
+						className: "bg-blue-500 text-white text-xs",
+						children: i.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
+					})
+				}, r);
+			}), e.length > 3 && /* @__PURE__ */ a(t, {
+				className: "size-8 border-2 border-white",
+				children: /* @__PURE__ */ o(n, {
+					className: "bg-gray-200 text-gray-600 text-xs",
+					children: ["+", e.length - 3]
+				})
+			})]
+		});
+	}
+	let f = r ? Array.isArray(r) ? r : [r] : [], p = (e) => {
+		if (d) {
+			let t = f.filter((t, n) => n !== e);
+			s(t.length > 0 ? t : null);
+		} else s(null);
+	};
+	return /* @__PURE__ */ o("div", {
+		className: u.className,
+		children: [f.length > 0 && /* @__PURE__ */ a("div", {
+			className: "flex flex-wrap gap-2 mb-2",
+			children: f.map((r, s) => {
+				let c = r.name || r.username || "User";
+				return /* @__PURE__ */ o(i, {
+					variant: "outline",
+					className: "gap-2 pr-1",
+					children: [
+						/* @__PURE__ */ a(t, {
+							className: "size-5",
+							children: /* @__PURE__ */ a(n, {
+								className: "bg-blue-500 text-white text-xs",
+								children: c.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
+							})
+						}),
+						/* @__PURE__ */ a("span", {
+							className: "text-sm",
+							children: c
+						}),
+						/* @__PURE__ */ a("button", {
+							type: "button",
+							onClick: () => p(s),
+							className: "ml-1 rounded-full hover:bg-gray-200 p-0.5",
+							children: /* @__PURE__ */ a(e, { className: "size-3" })
+						})
+					]
+				}, s);
+			})
+		}), /* @__PURE__ */ a("div", {
+			className: "text-sm text-gray-500 italic",
+			children: "User selection component requires integration with user management system"
+		})]
+	});
+}
+//#endregion
+export { s as t };

package/dist/VectorField-BkEjbSt0.js

@@ -0,0 +1,36 @@
+import { hn as e } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region ../fields/src/widgets/VectorField.tsx
+var r = /* @__PURE__ */ e({ VectorField: () => i });
+function i({ value: e, field: r, ...i }) {
+	let a = (r || i.schema)?.dimensions || (Array.isArray(e) ? e.length : 0);
+	if (!e || !Array.isArray(e)) return /* @__PURE__ */ t("span", {
+		className: "text-sm text-gray-500",
+		children: "-"
+	});
+	let o = e.slice(0, 3).map((e) => {
+		let t = Number(e);
+		return isNaN(t) ? "0" : t.toFixed(4);
+	}).join(", ");
+	return /* @__PURE__ */ n("div", {
+		className: `text-sm ${i.className || ""}`,
+		children: [/* @__PURE__ */ n("span", {
+			className: "font-mono text-gray-700",
+			children: [
+				"[",
+				o,
+				"...]"
+			]
+		}), /* @__PURE__ */ n("span", {
+			className: "text-gray-500 ml-2",
+			children: [
+				"(",
+				a,
+				"D)"
+			]
+		})]
+	});
+}
+//#endregion
+export { r as t };