@object-ui/plugin-aggrid 3.3.0 → 3.3.2

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @object-ui/plugin-aggrid
 
+## 3.3.2
+
+### Patch Changes
+
+- @object-ui/types@3.3.2
+- @object-ui/core@3.3.2
+- @object-ui/react@3.3.2
+- @object-ui/components@3.3.2
+- @object-ui/fields@3.3.2
+- @object-ui/data-objectstack@3.3.2
+
+## 3.3.1
+
+### Patch Changes
+
+- Updated dependencies [b429568]
+  - @object-ui/components@3.3.1
+  - @object-ui/fields@3.3.1
+  - @object-ui/types@3.3.1
+  - @object-ui/core@3.3.1
+  - @object-ui/react@3.3.1
+  - @object-ui/data-objectstack@3.3.1
+
 ## 3.3.0
 
 ### Patch Changes

package/README.md

@@ -715,6 +715,26 @@ const schema = {
 // Renders as: [color swatch] #FF5733
 ```
 
+<!-- release-metadata:v3.3.0 -->
+
+## Compatibility
+
+- **React:** 18.x or 19.x
+- **Node.js:** ≥ 18
+- **TypeScript:** ≥ 5.0 (strict mode)
+- **`@objectstack/spec`:** ^3.3.0
+- **`@objectstack/client`:** ^3.3.0
+- **Tailwind CSS:** ≥ 3.4 (for packages with UI)
+
+## Links
+
+- 📚 [Documentation](https://www.objectui.org/docs/plugins/plugin-aggrid)
+- 📦 [npm package](https://www.npmjs.com/package/@object-ui/plugin-aggrid)
+- 📝 [Changelog](./CHANGELOG.md)
+- 🐛 [Report an issue](https://github.com/objectstack-ai/objectui/issues)
+- 🤝 [Contributing Guide](https://github.com/objectstack-ai/objectui/blob/main/CONTRIBUTING.md)
+- 🗺️ [Roadmap](https://github.com/objectstack-ai/objectui/blob/main/ROADMAP.md)
+
 ## License
 
 

package/dist/AddressField-CP-8JJvR.js

@@ -0,0 +1,98 @@
+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, Label as i } from "@object-ui/components";
+//#region ../fields/src/widgets/AddressField.tsx
+var a = /* @__PURE__ */ e({ AddressField: () => s }), o = t();
+function s({ value: e, onChange: t, field: a, readonly: s, ...c }) {
+	let l = e || {}, u = (e, n) => {
+		t({
+			...l,
+			[e]: n
+		});
+	}, d = (e) => [
+		e.street,
+		e.city,
+		[e.state, e.zipCode].filter(Boolean).join(" "),
+		e.country
+	].filter(Boolean).join(", ");
+	if (s) {
+		let e = d(l);
+		return e ? /* @__PURE__ */ (0, o.jsx)("span", {
+			className: "text-sm",
+			children: e
+		}) : /* @__PURE__ */ (0, o.jsx)(n, {});
+	}
+	return /* @__PURE__ */ (0, o.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ (0, o.jsxs)("div", { children: [/* @__PURE__ */ (0, o.jsx)(i, {
+				htmlFor: "street",
+				className: "text-xs",
+				children: "Street Address"
+			}), /* @__PURE__ */ (0, o.jsx)(r, {
+				id: "street",
+				type: "text",
+				value: l.street || "",
+				onChange: (e) => u("street", e.target.value),
+				placeholder: "123 Main St",
+				disabled: s || c.disabled,
+				className: c.className
+			})] }),
+			/* @__PURE__ */ (0, o.jsxs)("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ (0, o.jsxs)("div", { children: [/* @__PURE__ */ (0, o.jsx)(i, {
+					htmlFor: "city",
+					className: "text-xs",
+					children: "City"
+				}), /* @__PURE__ */ (0, o.jsx)(r, {
+					id: "city",
+					type: "text",
+					value: l.city || "",
+					onChange: (e) => u("city", e.target.value),
+					placeholder: "San Francisco",
+					disabled: s || c.disabled
+				})] }), /* @__PURE__ */ (0, o.jsxs)("div", { children: [/* @__PURE__ */ (0, o.jsx)(i, {
+					htmlFor: "state",
+					className: "text-xs",
+					children: "State / Province"
+				}), /* @__PURE__ */ (0, o.jsx)(r, {
+					id: "state",
+					type: "text",
+					value: l.state || "",
+					onChange: (e) => u("state", e.target.value),
+					placeholder: "CA",
+					disabled: s || c.disabled
+				})] })]
+			}),
+			/* @__PURE__ */ (0, o.jsxs)("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ (0, o.jsxs)("div", { children: [/* @__PURE__ */ (0, o.jsx)(i, {
+					htmlFor: "zipCode",
+					className: "text-xs",
+					children: "ZIP / Postal Code"
+				}), /* @__PURE__ */ (0, o.jsx)(r, {
+					id: "zipCode",
+					type: "text",
+					value: l.zipCode || "",
+					onChange: (e) => u("zipCode", e.target.value),
+					placeholder: "94102",
+					disabled: s || c.disabled
+				})] }), /* @__PURE__ */ (0, o.jsxs)("div", { children: [/* @__PURE__ */ (0, o.jsx)(i, {
+					htmlFor: "country",
+					className: "text-xs",
+					children: "Country"
+				}), /* @__PURE__ */ (0, o.jsx)(r, {
+					id: "country",
+					type: "text",
+					value: l.country || "",
+					onChange: (e) => u("country", e.target.value),
+					placeholder: "United States",
+					disabled: s || c.disabled
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+export { a as t };

package/dist/{AgGridImpl-DBqxIsko.js → AgGridImpl-DJWnS8p3.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./jsx-runtime-CGDkM_Jn.js";
+import { t as e } from "./jsx-runtime-CXSCp6pT.js";
 import { useCallback as t, useMemo as n, useRef as r } from "react";
 import { AgGridReact as i } from "ag-grid-react";
 //#region src/AgGridImpl.tsx

package/dist/AutoNumberField-DCL2eUJj.js

@@ -0,0 +1,14 @@
+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/AutoNumberField.tsx
+var r = /* @__PURE__ */ e({ AutoNumberField: () => a }), i = t();
+function a({ value: e, field: t, ...r }) {
+	return e == null ? /* @__PURE__ */ (0, i.jsx)(n, { className: r.className }) : /* @__PURE__ */ (0, i.jsx)("span", {
+		className: `text-sm font-mono text-gray-700 ${r.className || ""}`,
+		children: String(e)
+	});
+}
+//#endregion
+export { r as t };

package/dist/{AvatarField-C5b9biGa.js → AvatarField-CpFxJRdO.js}

@@ -1,6 +1,7 @@
-import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
-import { t as n } from "./upload-DPiohvXv.js";
-import { t as r } from "./x-BFq2GeQ5.js";
+import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
+import { t } from "./jsx-runtime-CXSCp6pT.js";
+import { t as n } from "./upload-BdzwEMeV.js";
+import { t as r } from "./x-98xe-fYG.js";
 import i from "react";
 import { Avatar as a, AvatarFallback as o, AvatarImage as s, Button as c } from "@object-ui/components";
 //#region ../fields/src/widgets/AvatarField.tsx

package/dist/{BooleanField-DRzAZhSq.js → BooleanField-Chphr8cB.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 { useId as n } from "react";
 import { Checkbox as r, Label as i, Switch as a } from "@object-ui/components";
 //#region ../fields/src/widgets/BooleanField.tsx

package/dist/CodeField-BWngVIw1.js

@@ -0,0 +1,23 @@
+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, cn as i } from "@object-ui/components";
+//#region ../fields/src/widgets/CodeField.tsx
+var a = /* @__PURE__ */ e({ CodeField: () => s }), o = t();
+function s({ value: e, onChange: t, field: a, readonly: s, ...c }) {
+	let l = a || c.schema, u = l?.language ?? "javascript";
+	return s ? /* @__PURE__ */ (0, o.jsx)("pre", {
+		className: i("text-sm bg-muted p-2 rounded overflow-x-auto border", c.className),
+		children: /* @__PURE__ */ (0, o.jsx)("code", { children: e || /* @__PURE__ */ (0, o.jsx)(n, {}) })
+	}) : /* @__PURE__ */ (0, o.jsx)(r, {
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		placeholder: l?.placeholder || `// Write ${u} code here...`,
+		disabled: s || c.disabled,
+		className: i("font-mono text-sm", c.className),
+		rows: 12,
+		spellCheck: !1
+	});
+}
+//#endregion
+export { a as n, s as t };

package/dist/ColorField-GygyYArR.js

@@ -0,0 +1,38 @@
+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/ColorField.tsx
+var i = /* @__PURE__ */ e({ ColorField: () => o }), a = t();
+function o({ value: e, onChange: t, field: i, readonly: o, ...s }) {
+	let c = i || s.schema;
+	return o ? /* @__PURE__ */ (0, a.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, a.jsx)("div", {
+			className: "w-6 h-6 rounded border border-input",
+			style: { backgroundColor: e || "#000000" }
+		}), /* @__PURE__ */ (0, a.jsx)("span", {
+			className: "text-sm",
+			children: e || /* @__PURE__ */ (0, a.jsx)(n, {})
+		})]
+	}) : /* @__PURE__ */ (0, a.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, a.jsx)("input", {
+			type: "color",
+			value: e || "#000000",
+			onChange: (e) => t(e.target.value),
+			disabled: o || s.disabled,
+			className: "w-10 h-10 rounded border border-input cursor-pointer"
+		}), /* @__PURE__ */ (0, a.jsx)(r, {
+			type: "text",
+			value: e || "",
+			onChange: (e) => t(e.target.value),
+			placeholder: c?.placeholder || "#000000",
+			disabled: o || s.disabled,
+			className: s.className,
+			pattern: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$"
+		})]
+	});
+}
+//#endregion
+export { i as n, o as t };

package/dist/CurrencyField-O8Pn59RO.js

@@ -0,0 +1,49 @@
+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/CurrencyField.tsx
+var i = /* @__PURE__ */ e({ CurrencyField: () => s }), a = t();
+function o(e, t = "USD") {
+	try {
+		return new Intl.NumberFormat("en-US", {
+			style: "currency",
+			currency: t
+		}).format(e);
+	} catch {
+		return `${t} ${e.toFixed(2)}`;
+	}
+}
+function s({ value: e, onChange: t, field: i, readonly: s, errorMessage: c, className: l, ...u }) {
+	let d = i || u.schema, f = d?.currency || "USD", p = d?.precision ?? 2;
+	if (s) return e == null ? /* @__PURE__ */ (0, a.jsx)(n, {}) : /* @__PURE__ */ (0, a.jsx)("span", {
+		className: "text-sm font-medium tabular-nums",
+		children: o(Number(e), f)
+	});
+	let m = (e) => {
+		let n = parseFloat(e.target.value);
+		isNaN(n) || t(parseFloat(n.toFixed(p)));
+	};
+	return /* @__PURE__ */ (0, a.jsxs)("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ (0, a.jsx)("span", {
+			className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
+			children: f === "USD" ? "$" : f
+		}), /* @__PURE__ */ (0, a.jsx)(r, {
+			...u,
+			type: "number",
+			value: e ?? "",
+			onChange: (e) => {
+				t(e.target.value === "" ? null : parseFloat(e.target.value));
+			},
+			onBlur: m,
+			placeholder: d?.placeholder || "0.00",
+			disabled: s || u.disabled,
+			className: `pl-8 ${l || ""}`,
+			step: (10 ** -p).toFixed(p),
+			"aria-invalid": !!c
+		})]
+	});
+}
+//#endregion
+export { i as n, s as t };

package/dist/DateField-u6U8wmvI.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/DateField.tsx
+var i = /* @__PURE__ */ e({ DateField: () => o }), a = t();
+function o({ value: e, onChange: t, field: i, readonly: o, ...s }) {
+	if (o) return e ? /* @__PURE__ */ (0, a.jsx)("span", {
+		className: "text-sm",
+		children: new Date(e).toLocaleDateString()
+	}) : /* @__PURE__ */ (0, a.jsx)(n, {});
+	let { inputType: c, ...l } = s;
+	return /* @__PURE__ */ (0, a.jsx)(r, {
+		...l,
+		type: "date",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		disabled: o || l.disabled
+	});
+}
+//#endregion
+export { i as n, o as t };

package/dist/DateTimeField-D1z1Ovvy.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 } from "@object-ui/components";
+//#region ../fields/src/widgets/DateTimeField.tsx
+var i = /* @__PURE__ */ e({ DateTimeField: () => o }), a = t();
+function o({ value: e, onChange: t, field: i, readonly: o, ...s }) {
+	if (o) {
+		if (!e) return /* @__PURE__ */ (0, a.jsx)(n, {});
+		let t = new Date(e);
+		return /* @__PURE__ */ (0, a.jsxs)("span", {
+			className: "text-sm",
+			children: [
+				t.toLocaleDateString(),
+				" ",
+				t.toLocaleTimeString()
+			]
+		});
+	}
+	let { inputType: c, ...l } = s;
+	return /* @__PURE__ */ (0, a.jsx)(r, {
+		...l,
+		type: "datetime-local",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		disabled: o || l.disabled
+	});
+}
+//#endregion
+export { i as n, o as t };

package/dist/EmailField-IOcDmGjJ.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/EmailField.tsx
+var i = /* @__PURE__ */ e({ EmailField: () => 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: `mailto:${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: "email",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		placeholder: l?.placeholder || "email@example.com",
+		disabled: o || d.disabled,
+		"aria-invalid": !!s
+	});
+}
+//#endregion
+export { i as n, o as t };

package/dist/FileField-D3mZIrJ1.js

@@ -0,0 +1,158 @@
+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 { t as r } from "./image-DmzU2ETO.js";
+import { t as i } from "./upload-BdzwEMeV.js";
+import { t as a } from "./x-98xe-fYG.js";
+import { useCallback as o, useRef as s, useState as c } from "react";
+import { Button as l, EmptyValue as u } from "@object-ui/components";
+var d = n("file", [["path", {
+	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+	key: "1oefj6"
+}], ["path", {
+	d: "M14 2v5a1 1 0 0 0 1 1h5",
+	key: "wfsgrz"
+}]]), f = /* @__PURE__ */ e({ FileField: () => m }), p = t();
+function m({ value: e, onChange: t, field: n, readonly: f, ...m }) {
+	let h = s(null), g = n || m.schema, _ = g?.multiple || !1, v = g?.accept ? g.accept.join(",") : void 0, y = g?.maxSize, [b, x] = c(!1), [S, C] = c([]), w = e ? Array.isArray(e) ? e : [e] : [], T = o((e) => {
+		if (e.length === 0) return;
+		let n = [], r = e.filter((e) => {
+			if (y && e.size > y) {
+				let t = (y / (1024 * 1024)).toFixed(1);
+				return n.push(`"${e.name}" exceeds max size (${t} MB)`), !1;
+			}
+			return !0;
+		});
+		if (C(n), r.length === 0) return;
+		let i = r.map((e) => ({
+			name: e.name,
+			original_name: e.name,
+			size: e.size,
+			mime_type: e.type,
+			url: URL.createObjectURL(e)
+		}));
+		t(_ ? [...w, ...i] : i[0]);
+	}, [
+		w,
+		_,
+		t,
+		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 (f) return e ? /* @__PURE__ */ (0, p.jsx)("div", {
+		className: "flex flex-wrap gap-2",
+		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ (0, p.jsx)("span", {
+			className: "text-sm truncate max-w-xs",
+			children: e.name || e.original_name || "File"
+		}, t))
+	}) : /* @__PURE__ */ (0, p.jsx)(u, {});
+	let k = (e) => {
+		T(Array.from(e.target.files || []));
+	}, A = (e) => {
+		if (_) {
+			let n = w.filter((t, n) => n !== e);
+			t(n.length > 0 ? n : null);
+		} else t(null);
+	}, j = (e) => (e.mime_type || "").startsWith("image/");
+	return /* @__PURE__ */ (0, p.jsxs)("div", {
+		className: m.className,
+		children: [/* @__PURE__ */ (0, p.jsx)("input", {
+			ref: h,
+			type: "file",
+			multiple: _,
+			accept: v,
+			onChange: k,
+			className: "hidden"
+		}), /* @__PURE__ */ (0, p.jsxs)("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ (0, p.jsxs)("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__ */ (0, p.jsx)(i, { className: `size-8 ${b ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ (0, p.jsxs)("div", {
+						className: "text-center",
+						children: [/* @__PURE__ */ (0, p.jsx)("p", {
+							className: "text-sm font-medium",
+							children: b ? "Drop files here" : "Drag & drop files here"
+						}), /* @__PURE__ */ (0, p.jsx)("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: "or click to browse"
+						})]
+					})]
+				}),
+				S.length > 0 && /* @__PURE__ */ (0, p.jsx)("div", {
+					className: "space-y-0.5",
+					children: S.map((e, t) => /* @__PURE__ */ (0, p.jsx)("p", {
+						className: "text-xs text-destructive",
+						children: e
+					}, t))
+				}),
+				w.length > 0 && /* @__PURE__ */ (0, p.jsx)("div", {
+					className: "space-y-1",
+					children: w.map((e, t) => /* @__PURE__ */ (0, p.jsxs)("div", {
+						className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
+						children: [/* @__PURE__ */ (0, p.jsxs)("div", {
+							className: "flex items-center gap-2 flex-1 min-w-0",
+							children: [
+								j(e) && e.url ? /* @__PURE__ */ (0, p.jsx)("img", {
+									src: e.url,
+									alt: e.name,
+									className: "size-8 object-cover rounded flex-shrink-0"
+								}) : j(e) ? /* @__PURE__ */ (0, p.jsx)(r, { className: "size-4 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ (0, p.jsx)(d, { className: "size-4 text-muted-foreground flex-shrink-0" }),
+								/* @__PURE__ */ (0, p.jsx)("span", {
+									className: "text-sm truncate",
+									children: e.name || e.original_name || "File"
+								}),
+								e.size && /* @__PURE__ */ (0, p.jsxs)("span", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										"(",
+										(e.size / 1024).toFixed(1),
+										" KB)"
+									]
+								})
+							]
+						}), /* @__PURE__ */ (0, p.jsx)(l, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: (e) => {
+								e.stopPropagation(), A(t);
+							},
+							className: "h-6 w-6 p-0",
+							children: /* @__PURE__ */ (0, p.jsx)(a, { className: "size-3" })
+						})]
+					}, t))
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { f as t };

package/dist/FormulaField-MuyWzQx0.js

@@ -0,0 +1,17 @@
+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/FormulaField.tsx
+var r = /* @__PURE__ */ e({ FormulaField: () => a }), i = t();
+function a({ value: e, field: t, ...r }) {
+	let a = (t || r.schema)?.return_type || "text";
+	if (e == null) return /* @__PURE__ */ (0, i.jsx)(n, { className: r.className });
+	let o;
+	return o = a === "number" || a === "currency" ? typeof e == "number" ? e.toFixed(2) : String(e) : a === "boolean" ? e ? "Yes" : "No" : a === "date" ? new Date(e).toLocaleDateString() : String(e), /* @__PURE__ */ (0, i.jsx)("span", {
+		className: `text-sm font-mono text-gray-700 ${r.className || ""}`,
+		children: o
+	});
+}
+//#endregion
+export { r as t };