@object-ui/plugin-detail 3.3.0 → 3.3.1

package/dist/LookupField-D00z6gn_.js

@@ -1,2 +0,0 @@
-import { t as e } from "./LookupField-B3hQJt95.js";
-export { e as LookupField };

package/dist/NumberField-DL2QAL7X.js

@@ -1,26 +0,0 @@
-import { D as e, gn as t } from "./src-C56Ly5uG.js";
-import "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../fields/src/widgets/NumberField.tsx
-var r = /* @__PURE__ */ t({ NumberField: () => i });
-function i({ value: t, onChange: r, field: i, readonly: a, ...o }) {
-	if (a) return /* @__PURE__ */ n("span", {
-		className: "text-sm",
-		children: t ?? "-"
-	});
-	let s = i || o.schema, c = s?.precision, { inputType: l, ...u } = o;
-	return /* @__PURE__ */ n(e, {
-		...u,
-		type: "number",
-		value: t ?? "",
-		onChange: (e) => {
-			let t = e.target.value;
-			r(t === "" ? null : Number(t));
-		},
-		placeholder: s?.placeholder,
-		disabled: a || u.disabled,
-		step: c ? 10 ** -c : "any"
-	});
-}
-//#endregion
-export { r as t };

package/dist/ObjectField-JYvUnuRO.js

@@ -1,52 +0,0 @@
-import { gn as e, t, un as n } from "./src-C56Ly5uG.js";
-import { useEffect as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region ../fields/src/widgets/ObjectField.tsx
-var s = /* @__PURE__ */ e({ ObjectField: () => c });
-function c({ value: e, onChange: s, field: c, readonly: l, ...u }) {
-	let d = c || u.schema, [f, p] = i(() => e == null ? "" : JSON.stringify(e, null, 2)), [m, h] = i(null);
-	return r(() => {
-		try {
-			if (e == null) {
-				p("");
-				return;
-			}
-			let t = f ? JSON.parse(f) : null;
-			JSON.stringify(t) !== JSON.stringify(e) && p(JSON.stringify(e, null, 2));
-		} catch {
-			p(JSON.stringify(e, null, 2));
-		}
-	}, [e, f]), l ? e ? /* @__PURE__ */ a("pre", {
-		className: n("text-xs bg-gray-50 p-2 rounded border border-gray-200 overflow-auto max-h-40", u.className),
-		children: JSON.stringify(e, null, 2)
-	}) : /* @__PURE__ */ a("span", {
-		className: "text-sm",
-		children: "-"
-	}) : /* @__PURE__ */ o("div", {
-		className: "space-y-1",
-		children: [/* @__PURE__ */ a(t, {
-			value: f,
-			onChange: (e) => {
-				let t = e.target.value;
-				if (p(t), h(null), !t.trim()) {
-					s(null);
-					return;
-				}
-				try {
-					s(JSON.parse(t));
-				} catch {
-					h("Invalid JSON");
-				}
-			},
-			placeholder: d?.placeholder || "{\n  \"key\": \"value\"\n}",
-			disabled: l || u.disabled,
-			className: n("font-mono text-xs", m ? "border-red-500 focus-visible:ring-red-500" : "", u.className),
-			rows: 6
-		}), m && /* @__PURE__ */ a("p", {
-			className: "text-xs text-red-500",
-			children: m
-		})]
-	});
-}
-//#endregion
-export { s as t };

package/dist/PercentField-DjR6BSpw.js

@@ -1,63 +0,0 @@
-import { D as e, gn as t, p as n } from "./src-C56Ly5uG.js";
-import "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region ../fields/src/widgets/PercentField.tsx
-var a = /* @__PURE__ */ t({ PercentField: () => o });
-function o({ value: t, onChange: a, field: o, readonly: s, errorMessage: c, className: l, ...u }) {
-	let d = o || u.schema, f = d?.precision ?? 2;
-	if (s) return t == null ? /* @__PURE__ */ r("span", {
-		className: "text-sm",
-		children: "-"
-	}) : /* @__PURE__ */ i("span", {
-		className: "text-sm font-medium tabular-nums",
-		children: [(t * 100).toFixed(f), "%"]
-	});
-	let p = t == null ? "" : t * 100, m = t == null ? 0 : t * 100, h = (e) => {
-		if (e.target.value === "") {
-			a(null);
-			return;
-		}
-		let t = parseFloat(e.target.value);
-		a(isNaN(t) ? null : t / 100);
-	}, g = (e) => {
-		if (s || u.disabled) return;
-		if (!Array.isArray(e) || e.length === 0) {
-			a(null);
-			return;
-		}
-		let t = e[0];
-		a(typeof t == "number" ? t / 100 : null);
-	}, _ = 10 ** -f;
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-2",
-		children: [/* @__PURE__ */ i("div", {
-			className: "relative",
-			children: [/* @__PURE__ */ r(e, {
-				...u,
-				type: "number",
-				value: p,
-				onChange: h,
-				placeholder: d?.placeholder || "0",
-				disabled: s || u.disabled,
-				className: `pr-8 ${l || ""}`,
-				step: (10 ** -f).toFixed(f),
-				"aria-invalid": !!c
-			}), /* @__PURE__ */ r("span", {
-				className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
-				children: "%"
-			})]
-		}), /* @__PURE__ */ r(n, {
-			value: [m],
-			onValueChange: g,
-			min: 0,
-			max: 100,
-			step: _,
-			disabled: s || u.disabled,
-			className: "w-full",
-			"aria-label": "Percentage",
-			"data-testid": "percent-slider"
-		})]
-	});
-}
-//#endregion
-export { a as t };

package/dist/PhoneField-CX1JL-jp.js

@@ -1,28 +0,0 @@
-import { D as e, gn as t } from "./src-C56Ly5uG.js";
-import "react";
-import { jsx as n } from "react/jsx-runtime";
-//#region ../fields/src/widgets/PhoneField.tsx
-var r = /* @__PURE__ */ t({ PhoneField: () => i });
-function i({ value: t, onChange: r, field: i, readonly: a, errorMessage: o, ...s }) {
-	let c = i || s.schema;
-	if (a) return t ? /* @__PURE__ */ n("a", {
-		href: `tel:${t}`,
-		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
-		children: t
-	}) : /* @__PURE__ */ n("span", {
-		className: "text-sm",
-		children: "-"
-	});
-	let { inputType: l, ...u } = s;
-	return /* @__PURE__ */ n(e, {
-		...u,
-		type: "tel",
-		value: t || "",
-		onChange: (e) => r(e.target.value),
-		placeholder: c?.placeholder || "(555) 123-4567",
-		disabled: a || u.disabled,
-		"aria-invalid": !!o
-	});
-}
-//#endregion
-export { r as t };

package/dist/QRCodeField-CH_1pU6R.js

@@ -1,72 +0,0 @@
-import { D as e, Vt as t, Z as n, gn as r, mt as i } from "./src-C56Ly5uG.js";
-import a from "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../fields/src/widgets/QRCodeField.tsx
-var l = /* @__PURE__ */ r({ QRCodeField: () => u });
-function u({ value: r, onChange: l, field: u, readonly: d, ...f }) {
-	let [p, m] = a.useState(!1), h = u || f.schema;
-	return d ? /* @__PURE__ */ c("div", {
-		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ s("span", {
-			className: "text-sm flex-1 truncate",
-			children: r || "-"
-		}), r && /* @__PURE__ */ c(n, {
-			type: "button",
-			variant: "outline",
-			size: "sm",
-			onClick: () => m(!p),
-			children: [
-				/* @__PURE__ */ s(i, { className: "w-4 h-4 mr-2" }),
-				p ? "Hide" : "Show",
-				" QR"
-			]
-		})]
-	}) : /* @__PURE__ */ c("div", {
-		className: "space-y-3",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ s(e, {
-					type: "text",
-					value: r || "",
-					onChange: (e) => l(e.target.value),
-					placeholder: h?.placeholder || "Enter text for QR code",
-					disabled: d || f.disabled,
-					className: f.className
-				}), r && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
-					type: "button",
-					variant: "outline",
-					size: "sm",
-					onClick: () => {
-						r && navigator.clipboard.writeText(r);
-					},
-					children: /* @__PURE__ */ s(t, { className: "w-4 h-4" })
-				}), /* @__PURE__ */ s(n, {
-					type: "button",
-					variant: "outline",
-					size: "sm",
-					onClick: () => m(!p),
-					children: /* @__PURE__ */ s(i, { className: "w-4 h-4" })
-				})] })]
-			}),
-			p && r && /* @__PURE__ */ s("div", {
-				className: "border rounded p-4 bg-white flex justify-center",
-				children: /* @__PURE__ */ s("img", {
-					src: ((e) => `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(e)}`)(r),
-					alt: "QR Code",
-					className: "w-48 h-48"
-				})
-			}),
-			r && /* @__PURE__ */ c("p", {
-				className: "text-xs text-muted-foreground",
-				children: [
-					"QR code contains: ",
-					r.length,
-					" characters"
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { l as t };

package/dist/RichTextField-CJqLWlrb.js

@@ -1,32 +0,0 @@
-import { gn as e, t } from "./src-C56Ly5uG.js";
-import "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../fields/src/widgets/RichTextField.tsx
-var i = /* @__PURE__ */ e({ RichTextField: () => a });
-function a({ value: e, onChange: i, field: a, readonly: o, errorMessage: s, ...c }) {
-	if (o) return /* @__PURE__ */ n("div", {
-		className: "text-sm prose prose-sm max-w-none",
-		children: e || "-"
-	});
-	let l = a || c.schema, u = l?.rows || 8;
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-2",
-		children: [/* @__PURE__ */ r("div", {
-			className: "flex items-center justify-between text-xs text-gray-500",
-			children: [/* @__PURE__ */ r("span", { children: ["Format: ", l?.format || "markdown"] }), /* @__PURE__ */ n("span", {
-				className: "italic",
-				children: "Rich text editor (basic)"
-			})]
-		}), /* @__PURE__ */ n(t, {
-			value: e || "",
-			onChange: (e) => i(e.target.value),
-			placeholder: l?.placeholder || "Enter text...",
-			disabled: o || c.disabled,
-			rows: u,
-			className: `font-mono text-sm ${c.className || ""}`,
-			"aria-invalid": !!s
-		})]
-	});
-}
-//#endregion
-export { i as t };

package/dist/SelectField-DGoDoRM_.js

@@ -1,30 +0,0 @@
-import { C as e, S as t, b as n, x as r, y as i } from "./src-C56Ly5uG.js";
-import { t as a } from "./useFieldTranslation-CkxqyB82.js";
-import "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region ../fields/src/widgets/SelectField.tsx
-function c({ value: c, onChange: l, field: u, readonly: d, ...f }) {
-	let p = u || f.schema, m = p?.options || [], { t: h } = a();
-	return d ? /* @__PURE__ */ o("span", {
-		className: "text-sm",
-		children: m.find((e) => e.value === c)?.label || c || "-"
-	}) : /* @__PURE__ */ s(i, {
-		...f,
-		value: c,
-		onValueChange: l,
-		disabled: d || f.disabled,
-		children: [/* @__PURE__ */ o(t, {
-			className: f.className,
-			id: f.id,
-			children: /* @__PURE__ */ o(e, { placeholder: p?.placeholder || h("common.selectOption") })
-		}), /* @__PURE__ */ o(n, {
-			position: "popper",
-			children: m.map((e) => /* @__PURE__ */ o(r, {
-				value: e.value,
-				children: e.label
-			}, e.value))
-		})]
-	});
-}
-//#endregion
-export { c as t };

package/dist/SelectField-XBVI50AD.js

@@ -1,2 +0,0 @@
-import { t as e } from "./SelectField-DGoDoRM_.js";
-export { e as SelectField };

package/dist/SummaryField-7ch9aqAu.js

@@ -1,19 +0,0 @@
-import { gn as e } from "./src-C56Ly5uG.js";
-import "react";
-import { jsx as t } from "react/jsx-runtime";
-//#region ../fields/src/widgets/SummaryField.tsx
-var n = /* @__PURE__ */ e({ SummaryField: () => r });
-function r({ value: e, field: n, ...r }) {
-	let i = (n || r.schema)?.summary_type || "count", a = "-";
-	return e != null && (a = i === "count" ? String(e) : [
-		"sum",
-		"avg",
-		"min",
-		"max"
-	].includes(i) && typeof e == "number" ? e.toFixed(2) : String(e)), /* @__PURE__ */ t("span", {
-		className: `text-sm font-medium tabular-nums text-gray-700 ${r.className || ""}`,
-		children: a
-	});
-}
-//#endregion
-export { n as t };

package/dist/TextAreaField-Cmw1oXcw.js

@@ -1,36 +0,0 @@
-import { gn as e, t } from "./src-C56Ly5uG.js";
-import "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../fields/src/widgets/TextAreaField.tsx
-var i = /* @__PURE__ */ e({ TextAreaField: () => a });
-function a({ value: e, onChange: i, field: a, readonly: o, errorMessage: s, ...c }) {
-	if (o) return /* @__PURE__ */ n("div", {
-		className: "text-sm whitespace-pre-wrap",
-		children: e || "-"
-	});
-	let l = a || c.schema, u = l?.rows || 4, d = l?.max_length, { inputType: f, ...p } = c;
-	return /* @__PURE__ */ r("div", {
-		className: "relative",
-		children: [/* @__PURE__ */ n(t, {
-			...p,
-			value: e || "",
-			onChange: (e) => i(e.target.value),
-			placeholder: l?.placeholder,
-			disabled: o || p.disabled,
-			rows: u,
-			maxLength: d,
-			"aria-invalid": !!s
-		}), d && /* @__PURE__ */ r("div", {
-			className: "absolute bottom-2 right-2 text-xs text-gray-400",
-			"aria-live": "polite",
-			"aria-label": `Character count: ${(e || "").length} of ${d}`,
-			children: [
-				(e || "").length,
-				"/",
-				d
-			]
-		})]
-	});
-}
-//#endregion
-export { i as t };

package/dist/TextField-OTLa3p51.js

@@ -1,29 +0,0 @@
-import { D as e, gn as t, t as n } from "./src-C56Ly5uG.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-DKPoNWoR.js

@@ -1,21 +0,0 @@
-import { D as e, gn as t } from "./src-C56Ly5uG.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-CxbmzP9f.js

@@ -1,33 +0,0 @@
-import { D as e, gn as t } from "./src-C56Ly5uG.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-ChvwUkMK.js

@@ -1,78 +0,0 @@
-import { $ as e, J as t, Y as n, gn as r, q as i } from "./src-C56Ly5uG.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-BVClL8Vw.js

@@ -1,36 +0,0 @@
-import { gn as e } from "./src-C56Ly5uG.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 };