@object-ui/plugin-aggrid 3.3.0 → 3.3.2

package/dist/ObjectField-DJ5s3ciA.js

@@ -0,0 +1,50 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import { useEffect as n, useState as r } from "react";
+import { EmptyValue as i, Textarea as a, cn as o } from "@object-ui/components";
+//#region ../fields/src/widgets/ObjectField.tsx
+var s = /* @__PURE__ */ e({ ObjectField: () => l }), c = t();
+function l({ value: e, onChange: t, field: s, readonly: l, ...u }) {
+	let d = s || u.schema, [f, p] = r(() => e == null ? "" : JSON.stringify(e, null, 2)), [m, h] = r(null);
+	return n(() => {
+		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__ */ (0, c.jsx)("pre", {
+		className: o("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__ */ (0, c.jsx)(i, {}) : /* @__PURE__ */ (0, c.jsxs)("div", {
+		className: "space-y-1",
+		children: [/* @__PURE__ */ (0, c.jsx)(a, {
+			value: f,
+			onChange: (e) => {
+				let n = e.target.value;
+				if (p(n), h(null), !n.trim()) {
+					t(null);
+					return;
+				}
+				try {
+					t(JSON.parse(n));
+				} catch {
+					h("Invalid JSON");
+				}
+			},
+			placeholder: d?.placeholder || "{\n  \"key\": \"value\"\n}",
+			disabled: l || u.disabled,
+			className: o("font-mono text-xs", m ? "border-red-500 focus-visible:ring-red-500" : "", u.className),
+			rows: 6
+		}), m && /* @__PURE__ */ (0, c.jsx)("p", {
+			className: "text-xs text-red-500",
+			children: m
+		})]
+	});
+}
+//#endregion
+export { s as t };

package/dist/{PasswordField-k5JeKk9f.js → PasswordField-BJboeBJY.js}

@@ -1,5 +1,6 @@
-import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
-import { t as n } from "./createLucideIcon-BjfZYZey.js";
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import { t as n } from "./createLucideIcon-C_5JZ35b.js";
 import { useState as r } from "react";
 import { Button as i, Input as a } from "@object-ui/components";
 var o = n("eye-off", [

package/dist/PercentField-DO3be_bL.js

@@ -0,0 +1,61 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import "react";
+import { EmptyValue as n, Input as r, Slider as i } from "@object-ui/components";
+//#region ../fields/src/widgets/PercentField.tsx
+var a = /* @__PURE__ */ e({ PercentField: () => s }), o = t();
+function s({ value: e, onChange: t, field: a, readonly: s, errorMessage: c, className: l, ...u }) {
+	let d = a || u.schema, f = d?.precision ?? 2;
+	if (s) return e == null ? /* @__PURE__ */ (0, o.jsx)(n, {}) : /* @__PURE__ */ (0, o.jsxs)("span", {
+		className: "text-sm font-medium tabular-nums",
+		children: [(e * 100).toFixed(f), "%"]
+	});
+	let p = e == null ? "" : e * 100, m = e == null ? 0 : e * 100, h = (e) => {
+		if (e.target.value === "") {
+			t(null);
+			return;
+		}
+		let n = parseFloat(e.target.value);
+		t(isNaN(n) ? null : n / 100);
+	}, g = (e) => {
+		if (s || u.disabled) return;
+		if (!Array.isArray(e) || e.length === 0) {
+			t(null);
+			return;
+		}
+		let n = e[0];
+		t(typeof n == "number" ? n / 100 : null);
+	}, _ = 10 ** -f;
+	return /* @__PURE__ */ (0, o.jsxs)("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ (0, o.jsxs)("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ (0, o.jsx)(r, {
+				...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__ */ (0, o.jsx)("span", {
+				className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
+				children: "%"
+			})]
+		}), /* @__PURE__ */ (0, o.jsx)(i, {
+			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 n, s as t };

package/dist/PhoneField-CT6XcO6O.js

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

package/dist/{QRCodeField-BIrSW1Zr.js → QRCodeField-COLyc5iQ.js}

@@ -1,8 +1,9 @@
-import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
-import { t as n } from "./createLucideIcon-BjfZYZey.js";
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import { t as n } from "./createLucideIcon-C_5JZ35b.js";
 import r from "react";
-import { Button as i, Input as a } from "@object-ui/components";
-var o = n("copy", [["rect", {
+import { Button as i, EmptyValue as a, Input as o } from "@object-ui/components";
+var s = n("copy", [["rect", {
 	width: "14",
 	height: "14",
 	x: "8",
@@ -13,7 +14,7 @@ var o = n("copy", [["rect", {
 }], ["path", {
 	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
 	key: "zix9uf"
-}]]), s = n("qr-code", [
+}]]), c = n("qr-code", [
 	["rect", {
 		width: "5",
 		height: "5",
@@ -74,62 +75,62 @@ var o = n("copy", [["rect", {
 		d: "M12 21v-1",
 		key: "1880an"
 	}]
-]), c = /* @__PURE__ */ e({ QRCodeField: () => u }), l = t();
-function u({ value: e, onChange: t, field: n, readonly: c, ...u }) {
-	let [d, f] = r.useState(!1), p = n || u.schema;
-	return c ? /* @__PURE__ */ (0, l.jsxs)("div", {
+]), l = /* @__PURE__ */ e({ QRCodeField: () => d }), u = t();
+function d({ value: e, onChange: t, field: n, readonly: l, ...d }) {
+	let [f, p] = r.useState(!1), m = n || d.schema;
+	return l ? /* @__PURE__ */ (0, u.jsxs)("div", {
 		className: "flex items-center gap-3",
-		children: [/* @__PURE__ */ (0, l.jsx)("span", {
+		children: [/* @__PURE__ */ (0, u.jsx)("span", {
 			className: "text-sm flex-1 truncate",
-			children: e || "-"
-		}), e && /* @__PURE__ */ (0, l.jsxs)(i, {
+			children: e || /* @__PURE__ */ (0, u.jsx)(a, {})
+		}), e && /* @__PURE__ */ (0, u.jsxs)(i, {
 			type: "button",
 			variant: "outline",
 			size: "sm",
-			onClick: () => f(!d),
+			onClick: () => p(!f),
 			children: [
-				/* @__PURE__ */ (0, l.jsx)(s, { className: "w-4 h-4 mr-2" }),
-				d ? "Hide" : "Show",
+				/* @__PURE__ */ (0, u.jsx)(c, { className: "w-4 h-4 mr-2" }),
+				f ? "Hide" : "Show",
 				" QR"
 			]
 		})]
-	}) : /* @__PURE__ */ (0, l.jsxs)("div", {
+	}) : /* @__PURE__ */ (0, u.jsxs)("div", {
 		className: "space-y-3",
 		children: [
-			/* @__PURE__ */ (0, l.jsxs)("div", {
+			/* @__PURE__ */ (0, u.jsxs)("div", {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ (0, l.jsx)(a, {
+				children: [/* @__PURE__ */ (0, u.jsx)(o, {
 					type: "text",
 					value: e || "",
 					onChange: (e) => t(e.target.value),
-					placeholder: p?.placeholder || "Enter text for QR code",
-					disabled: c || u.disabled,
-					className: u.className
-				}), e && /* @__PURE__ */ (0, l.jsxs)(l.Fragment, { children: [/* @__PURE__ */ (0, l.jsx)(i, {
+					placeholder: m?.placeholder || "Enter text for QR code",
+					disabled: l || d.disabled,
+					className: d.className
+				}), e && /* @__PURE__ */ (0, u.jsxs)(u.Fragment, { children: [/* @__PURE__ */ (0, u.jsx)(i, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
 					onClick: () => {
 						e && navigator.clipboard.writeText(e);
 					},
-					children: /* @__PURE__ */ (0, l.jsx)(o, { className: "w-4 h-4" })
-				}), /* @__PURE__ */ (0, l.jsx)(i, {
+					children: /* @__PURE__ */ (0, u.jsx)(s, { className: "w-4 h-4" })
+				}), /* @__PURE__ */ (0, u.jsx)(i, {
 					type: "button",
 					variant: "outline",
 					size: "sm",
-					onClick: () => f(!d),
-					children: /* @__PURE__ */ (0, l.jsx)(s, { className: "w-4 h-4" })
+					onClick: () => p(!f),
+					children: /* @__PURE__ */ (0, u.jsx)(c, { className: "w-4 h-4" })
 				})] })]
 			}),
-			d && e && /* @__PURE__ */ (0, l.jsx)("div", {
+			f && e && /* @__PURE__ */ (0, u.jsx)("div", {
 				className: "border rounded p-4 bg-white flex justify-center",
-				children: /* @__PURE__ */ (0, l.jsx)("img", {
+				children: /* @__PURE__ */ (0, u.jsx)("img", {
 					src: ((e) => `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(e)}`)(e),
 					alt: "QR Code",
 					className: "w-48 h-48"
 				})
 			}),
-			e && /* @__PURE__ */ (0, l.jsxs)("p", {
+			e && /* @__PURE__ */ (0, u.jsxs)("p", {
 				className: "text-xs text-muted-foreground",
 				children: [
 					"QR code contains: ",
@@ -141,4 +142,4 @@ function u({ value: e, onChange: t, field: n, readonly: c, ...u }) {
 	});
 }
 //#endregion
-export { o as n, c as t };
+export { s as n, l as t };

package/dist/{RatingField-5iMhn2GL.js → RatingField-B2momIna.js}

@@ -1,5 +1,6 @@
-import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
-import { t as n } from "./createLucideIcon-BjfZYZey.js";
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import { t as n } from "./createLucideIcon-C_5JZ35b.js";
 import r from "react";
 import { cn as i } from "@object-ui/components";
 var a = n("star", [["path", {

package/dist/RichTextField-C7qzDPJy.js

@@ -0,0 +1,33 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import "react";
+import { EmptyValue as n, Textarea as r } from "@object-ui/components";
+//#region ../fields/src/widgets/RichTextField.tsx
+var i = /* @__PURE__ */ e({ RichTextField: () => o }), a = t();
+function o({ value: e, onChange: t, field: i, readonly: o, errorMessage: s, ...c }) {
+	if (o) return /* @__PURE__ */ (0, a.jsx)("div", {
+		className: "text-sm prose prose-sm max-w-none",
+		children: e || /* @__PURE__ */ (0, a.jsx)(n, {})
+	});
+	let l = i || c.schema, u = l?.rows || 8;
+	return /* @__PURE__ */ (0, a.jsxs)("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ (0, a.jsxs)("div", {
+			className: "flex items-center justify-between text-xs text-gray-500",
+			children: [/* @__PURE__ */ (0, a.jsxs)("span", { children: ["Format: ", l?.format || "markdown"] }), /* @__PURE__ */ (0, a.jsx)("span", {
+				className: "italic",
+				children: "Rich text editor (basic)"
+			})]
+		}), /* @__PURE__ */ (0, a.jsx)(r, {
+			value: e || "",
+			onChange: (e) => t(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-oo6vnNhQ.js

@@ -0,0 +1,36 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import { t as n } from "./useFieldTranslation-CfXaJRC4.js";
+import "react";
+import { EmptyValue as r, Select as i, SelectContent as a, SelectItem as o, SelectTrigger as s, SelectValue as c } from "@object-ui/components";
+//#region ../fields/src/widgets/SelectField.tsx
+var l = /* @__PURE__ */ e({ SelectField: () => d }), u = t();
+function d({ value: e, onChange: t, field: l, readonly: d, ...f }) {
+	let p = l || f.schema, m = p?.options || [], { t: h } = n();
+	if (d) {
+		let t = m.find((t) => t.value === e)?.label || e;
+		return t ? /* @__PURE__ */ (0, u.jsx)("span", {
+			className: "text-sm",
+			children: t
+		}) : /* @__PURE__ */ (0, u.jsx)(r, {});
+	}
+	return /* @__PURE__ */ (0, u.jsxs)(i, {
+		...f,
+		value: e,
+		onValueChange: t,
+		disabled: d || f.disabled,
+		children: [/* @__PURE__ */ (0, u.jsx)(s, {
+			className: f.className,
+			id: f.id,
+			children: /* @__PURE__ */ (0, u.jsx)(c, { placeholder: p?.placeholder || h("common.selectOption") })
+		}), /* @__PURE__ */ (0, u.jsx)(a, {
+			position: "popper",
+			children: m.map((e) => /* @__PURE__ */ (0, u.jsx)(o, {
+				value: e.value,
+				children: e.label
+			}, e.value))
+		})]
+	});
+}
+//#endregion
+export { l as n, d as t };

package/dist/{SignatureField-BAMvNrE6.js → SignatureField-DUgoK09r.js}

@@ -1,5 +1,6 @@
-import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
-import { t as n } from "./createLucideIcon-BjfZYZey.js";
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import { t as n } from "./createLucideIcon-C_5JZ35b.js";
 import r, { useEffect as i, useRef as a } from "react";
 import { Button as o } from "@object-ui/components";
 var s = n("eraser", [["path", {

package/dist/{SliderField-C9IhmjbF.js → SliderField-DrggtBSX.js}

@@ -1,4 +1,5 @@
-import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
 import "react";
 import { Slider as n } from "@object-ui/components";
 //#region ../fields/src/widgets/SliderField.tsx

package/dist/SummaryField-DuMsFoY5.js

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

package/dist/TextAreaField-CLzzmPce.js

@@ -0,0 +1,37 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import "react";
+import { EmptyValue as n, Textarea as r } from "@object-ui/components";
+//#region ../fields/src/widgets/TextAreaField.tsx
+var i = /* @__PURE__ */ e({ TextAreaField: () => o }), a = t();
+function o({ value: e, onChange: t, field: i, readonly: o, errorMessage: s, ...c }) {
+	if (o) return /* @__PURE__ */ (0, a.jsx)("div", {
+		className: "text-sm whitespace-pre-wrap",
+		children: e || /* @__PURE__ */ (0, a.jsx)(n, {})
+	});
+	let l = i || c.schema, u = l?.rows || 4, d = l?.max_length, { inputType: f, ...p } = c;
+	return /* @__PURE__ */ (0, a.jsxs)("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ (0, a.jsx)(r, {
+			...p,
+			value: e || "",
+			onChange: (e) => t(e.target.value),
+			placeholder: l?.placeholder,
+			disabled: o || p.disabled,
+			rows: u,
+			maxLength: d,
+			"aria-invalid": !!s
+		}), d && /* @__PURE__ */ (0, a.jsxs)("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 n, o as t };

package/dist/TextField-CZE7SzK4.js

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

package/dist/TimeField-Bha4cayv.js

@@ -0,0 +1,22 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import "react";
+import { EmptyValue as n, Input as r } from "@object-ui/components";
+//#region ../fields/src/widgets/TimeField.tsx
+var i = /* @__PURE__ */ e({ TimeField: () => o }), a = t();
+function o({ value: e, onChange: t, field: i, readonly: o, ...s }) {
+	if (o) return /* @__PURE__ */ (0, a.jsx)("span", {
+		className: "text-sm",
+		children: e || /* @__PURE__ */ (0, a.jsx)(n, {})
+	});
+	let { inputType: c, ...l } = s;
+	return /* @__PURE__ */ (0, a.jsx)(r, {
+		...l,
+		type: "time",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		disabled: o || l.disabled
+	});
+}
+//#endregion
+export { i as n, o as t };

package/dist/UrlField-Dff4WLlN.js

@@ -0,0 +1,31 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import "react";
+import { EmptyValue as n, Input as r } from "@object-ui/components";
+//#region ../fields/src/widgets/UrlField.tsx
+var i = /* @__PURE__ */ e({ UrlField: () => o }), a = t();
+function o({ value: e, onChange: t, field: i, readonly: o, errorMessage: s, ...c }) {
+	let l = i || c.schema;
+	if (o) return e ? e.startsWith("http://") || e.startsWith("https://") ? /* @__PURE__ */ (0, a.jsx)("a", {
+		href: e,
+		target: "_blank",
+		rel: "noopener noreferrer",
+		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+		children: e
+	}) : /* @__PURE__ */ (0, a.jsx)("span", {
+		className: "text-sm",
+		children: e
+	}) : /* @__PURE__ */ (0, a.jsx)(n, {});
+	let { inputType: u, ...d } = c;
+	return /* @__PURE__ */ (0, a.jsx)(r, {
+		...d,
+		type: "url",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		placeholder: l?.placeholder || "https://example.com",
+		disabled: o || d.disabled,
+		"aria-invalid": !!s
+	});
+}
+//#endregion
+export { i as n, o as t };

package/dist/UserField-eT5njHwQ.js

@@ -0,0 +1,77 @@
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import { t as n } from "./x-98xe-fYG.js";
+import "react";
+import { Avatar as r, AvatarFallback as i, Badge as a, EmptyValue as o } from "@object-ui/components";
+//#region ../fields/src/widgets/UserField.tsx
+var s = /* @__PURE__ */ e({ UserField: () => l }), c = t();
+function l({ value: e, onChange: t, field: s, readonly: l, ...u }) {
+	let d = (s || u.schema)?.multiple || !1;
+	if (l) {
+		if (!e) return /* @__PURE__ */ (0, c.jsx)(o, {});
+		let t = Array.isArray(e) ? e : [e];
+		return /* @__PURE__ */ (0, c.jsxs)("div", {
+			className: "flex -space-x-2",
+			children: [t.slice(0, 3).map((e, t) => {
+				let n = e.name || e.username || "User";
+				return /* @__PURE__ */ (0, c.jsx)(r, {
+					className: "size-8 border-2 border-white",
+					title: n,
+					children: /* @__PURE__ */ (0, c.jsx)(i, {
+						className: "bg-blue-500 text-white text-xs",
+						children: n.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
+					})
+				}, t);
+			}), t.length > 3 && /* @__PURE__ */ (0, c.jsx)(r, {
+				className: "size-8 border-2 border-white",
+				children: /* @__PURE__ */ (0, c.jsxs)(i, {
+					className: "bg-gray-200 text-gray-600 text-xs",
+					children: ["+", t.length - 3]
+				})
+			})]
+		});
+	}
+	let f = e ? Array.isArray(e) ? e : [e] : [], p = (e) => {
+		if (d) {
+			let n = f.filter((t, n) => n !== e);
+			t(n.length > 0 ? n : null);
+		} else t(null);
+	};
+	return /* @__PURE__ */ (0, c.jsxs)("div", {
+		className: u.className,
+		children: [f.length > 0 && /* @__PURE__ */ (0, c.jsx)("div", {
+			className: "flex flex-wrap gap-2 mb-2",
+			children: f.map((e, t) => {
+				let o = e.name || e.username || "User";
+				return /* @__PURE__ */ (0, c.jsxs)(a, {
+					variant: "outline",
+					className: "gap-2 pr-1",
+					children: [
+						/* @__PURE__ */ (0, c.jsx)(r, {
+							className: "size-5",
+							children: /* @__PURE__ */ (0, c.jsx)(i, {
+								className: "bg-blue-500 text-white text-xs",
+								children: o.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2)
+							})
+						}),
+						/* @__PURE__ */ (0, c.jsx)("span", {
+							className: "text-sm",
+							children: o
+						}),
+						/* @__PURE__ */ (0, c.jsx)("button", {
+							type: "button",
+							onClick: () => p(t),
+							className: "ml-1 rounded-full hover:bg-gray-200 p-0.5",
+							children: /* @__PURE__ */ (0, c.jsx)(n, { className: "size-3" })
+						})
+					]
+				}, t);
+			})
+		}), /* @__PURE__ */ (0, c.jsx)("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-BHe8lDOH.js

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

package/dist/{image-DlUdeTgT.js → image-DmzU2ETO.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-BjfZYZey.js";
+import { t as e } from "./createLucideIcon-C_5JZ35b.js";
 var t = e("image", [
 	["rect", {
 		width: "18",

package/dist/index.js

@@ -1,9 +1,9 @@
-import { t as e } from "./jsx-runtime-CGDkM_Jn.js";
+import { t as e } from "./jsx-runtime-CXSCp6pT.js";
 import t, { Suspense as n } from "react";
 import { ComponentRegistry as r } from "@object-ui/core";
 import { Skeleton as i } from "@object-ui/components";
 //#region src/index.tsx
-var a = e(), o = t.lazy(() => import("./AgGridImpl-DBqxIsko.js")), s = t.lazy(() => import("./ObjectAgGridImpl-DrI0aa8t.js")), c = ({ schema: e }) => /* @__PURE__ */ (0, a.jsx)(n, {
+var a = e(), o = t.lazy(() => import("./AgGridImpl-DJWnS8p3.js")), s = t.lazy(() => import("./ObjectAgGridImpl-yiHlXYgp.js")), c = ({ schema: e }) => /* @__PURE__ */ (0, a.jsx)(n, {
 	fallback: /* @__PURE__ */ (0, a.jsx)(i, { className: "w-full h-[500px]" }),
 	children: /* @__PURE__ */ (0, a.jsx)(o, {
 		rowData: e.rowData,