@object-ui/components 13.2.0 → 14.0.0

package/CHANGELOG.md

@@ -1,5 +1,59 @@
 # @object-ui/components
 
+## 14.0.0
+
+### Minor Changes
+
+- 6a74160: Sharing-rule form: pick, don't type. Three new widget-hint field components make
+  the generic object form render pickers where an admin previously had to type
+  machine data (driven by the framework `widget` hints on `sys_sharing_rule`;
+  generalizes the `capability-multiselect` pattern). All degrade to the underlying
+  `type` renderer when a widget is unregistered.
+
+  - **`object-ref`** — choose a registered object by name (searchable `Combobox`),
+    backed by the new `DataSource.getObjects()` (`ObjectStackAdapter` lists code-
+    and DB-defined objects via `/api/v1/meta/object`), falling back to a
+    `sys_metadata` query. Stores the object's `name`.
+  - **`filter-condition`** — a visual criteria builder (`FilterBuilder`) scoped to
+    the fields of the object chosen in a sibling field (via `getObjectSchema`),
+    round-tripping the stored **MongoDB-style** FilterCondition JSON. Criteria the
+    builder can't represent (or invalid JSON) fall back to a raw-JSON editor, with
+    an always-available "Edit as JSON" toggle — nothing is hidden or lost.
+  - **`recipient-picker`** — a record picker whose target object follows a sibling
+    `recipient_type` (`user`→sys_user, `team`→sys_team, `business_unit`/
+    `unit_and_subordinates`→sys_business_unit, `position`→sys_position), storing the
+    value the evaluator matches on (a record id, or the position **name**). Resets
+    the stored id when the type changes.
+
+  Wiring: the three keys join `DATA_SOURCE_FIELD_TYPES` (form.tsx) so the form
+  threads `dataSource` + `dependentValues` to them, and `INLINE_EXCLUDED_FIELD_TYPES`
+  (they're authored in the record form, not a grid cell). `DataSource.getObjects()`
+  is optional on the interface; the ObjectStack adapter implements it.
+
+### Patch Changes
+
+- a44e7b6: Form fields honor their object-schema `widget` render hint on the field-group /
+  section layout path. `ObjectForm` renders objects that declare field groups
+  (e.g. `sys_sharing_rule`) via an auto-derived section layout that passed each
+  field's metadata through without hoisting its `widget` override to the top-level
+  form-field config, so a field with `widget: 'object-ref'` (or `filter-condition`
+  / `recipient-picker`) degraded to its bare `type` input — an admin was asked to
+  hand-type an object name instead of picking it. The form renderer now falls back
+  to the field metadata's own `widget` when no top-level override is present, so
+  the pickers render on sectioned forms just as they do on flat ones.
+- Updated dependencies [443360a]
+- Updated dependencies [c70bca7]
+- Updated dependencies [86c69c3]
+- Updated dependencies [05e56ca]
+- Updated dependencies [5971cc4]
+- Updated dependencies [6a74160]
+  - @object-ui/core@14.0.0
+  - @object-ui/i18n@14.0.0
+  - @object-ui/react@14.0.0
+  - @object-ui/types@14.0.0
+  - @object-ui/react-runtime@14.0.0
+  - @object-ui/sdui-parser@14.0.0
+
 ## 13.2.0
 
 ### Patch Changes

package/dist/index.js

@@ -3583,7 +3583,10 @@ var gc = tn({
 	"lookup",
 	"master_detail",
 	"tree",
-	"capability-multiselect"
+	"capability-multiselect",
+	"object-ref",
+	"filter-condition",
+	"recipient-picker"
 ]);
 function Sc(e) {
 	let { dataSource: t, inputType: n, options: r, field: i, schema: a, showActions: o, fieldContainerClass: s, mobileStickyActions: c, mobile_fullscreen: l, fullscreen: u, dependentValues: d, dependsOn: f, emptyHint: p, ...m } = e;
@@ -3845,7 +3848,7 @@ t.register("form", ({ schema: e, className: t, onAction: n, ...r }) => {
 							})
 						} : e;
 						A.minLength &&= ne(A.minLength, (e) => ({ min: e.value })), A.maxLength &&= ne(A.maxLength, (e) => ({ max: e.value })), A.min &&= ne(A.min, (e) => ({ min: e.value })), A.max &&= ne(A.max, (e) => ({ max: e.value })), A.pattern &&= ne(A.pattern);
-						let j = t.id ?? n, N = v || c, oe = N === "select" || N === "radio" || N === "multiselect", P = T.options, se = oe ? l(t.dependsOn) : [], ce = se.length > 0 && s(t.dependsOn, M), L = oe ? ce ? [] : d(P, M, ie) : P, ue = ce ? `Select ${se.map((e) => ae[e] || e).join(" / ")} first` : void 0, de = e.fieldContainerClass || le, fe = (e) => {
+						let j = t.id ?? n, N = v || T.field?.widget || c, oe = N === "select" || N === "radio" || N === "multiselect", P = T.options, se = oe ? l(t.dependsOn) : [], ce = se.length > 0 && s(t.dependsOn, M), L = oe ? ce ? [] : d(P, M, ie) : P, ue = ce ? `Select ${se.map((e) => ae[e] || e).join(" / ")} first` : void 0, de = e.fieldContainerClass || le, fe = (e) => {
 							let t = Array.from(de.matchAll(/(@)?(sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl):grid-cols-(\d+)/g)).map((e) => ({
 								at: e[1] || "",
 								bp: e[2],
@@ -6906,7 +6909,7 @@ var Jl = ({ params: e, open: t, onSubmit: n, onCancel: r, title: i = "Action Par
 	let [o, s] = N(() => {
 		let t = {};
 		return e.forEach((e) => {
-			e.defaultValue === void 0 ? t[e.name] = e.type === "boolean" ? !1 : "" : t[e.name] = e.defaultValue;
+			e.defaultValue === void 0 ? t[e.name] = e.type !== "boolean" && "" : t[e.name] = e.defaultValue;
 		}), t;
 	}), [c, l] = N({}), u = M((e, t) => {
 		s((n) => ({
@@ -11751,10 +11754,11 @@ t.register("data-table", ({ schema: e }) => {
 		let e = {}, t = r.map((e) => ({
 			header: e.header || e.label,
 			accessorKey: e.accessorKey || e.name,
-			width: e.width
+			width: e.width,
+			fitContent: e.fitContent
 		}));
 		for (let n of t) {
-			if (n.width) continue;
+			if (n.width || n.fitContent) continue;
 			let t = (n.header || "").length, r = pe.slice(0, 50);
 			for (let e of r) {
 				let r = e[n.accessorKey], i = r == null ? 0 : String(r).length;
@@ -12059,7 +12063,7 @@ t.register("data-table", ({ schema: e }) => {
 								})
 							}),
 							Le.map((e, t) => {
-								let n = ze[e.accessorKey] || e.width || he[e.accessorKey], r = He === t, i = We === t, a = O > 0 && t < O, o = a ? Le.slice(0, t).reduce((e, t, n) => {
+								let n = e.fitContent === !0 && !ze[e.accessorKey] && !e.width, r = n ? "1%" : ze[e.accessorKey] || e.width || he[e.accessorKey], i = He === t, a = We === t, o = O > 0 && t < O, s = o ? Le.slice(0, t).reduce((e, t, n) => {
 									if (n < O) {
 										let n = ze[t.accessorKey] || t.width || he[t.accessorKey];
 										return e + (typeof n == "number" ? n : n && parseInt(String(n), 10) || 150);
@@ -12067,11 +12071,11 @@ t.register("data-table", ({ schema: e }) => {
 									return e;
 								}, (m ? 40 : 0) + (te ? 40 : 0)) : void 0;
 								return /* @__PURE__ */ F(Xo, {
-									className: K(e.className, _ && e.sortable !== !1 && "cursor-pointer select-none", r && "opacity-50", i && "border-l-2 border-primary", e.align === "right" && "text-right", e.align === "center" && "text-center", "relative group bg-background", a && "sticky z-20", a && t === O - 1 && "border-r-2 border-border shadow-[2px_0_4px_-2px_rgba(0,0,0,0.1)]"),
+									className: K(e.className, _ && e.sortable !== !1 && "cursor-pointer select-none", i && "opacity-50", a && "border-l-2 border-primary", e.align === "right" && "text-right", e.align === "center" && "text-center", n && "whitespace-nowrap", "relative group bg-background", o && "sticky z-20", o && t === O - 1 && "border-r-2 border-border shadow-[2px_0_4px_-2px_rgba(0,0,0,0.1)]"),
 									style: {
-										width: n,
-										minWidth: n,
-										...a && { left: o }
+										width: r,
+										minWidth: r,
+										...o && { left: s }
 									},
 									draggable: le,
 									onDragStart: (e) => jt(e, t),
@@ -12201,7 +12205,7 @@ t.register("data-table", ({ schema: e }) => {
 									})]
 								}),
 								Le.map((r, i) => {
-									let a = ze[r.accessorKey] || r.width || he[r.accessorKey], o = t[r.accessorKey], c = s[r.accessorKey] !== void 0, l = c ? s[r.accessorKey] : o, u = Ge?.rowIndex === n && Ge?.columnKey === r.accessorKey, d = S && r.editable !== !1, f = O > 0 && i < O, p = f ? Le.slice(0, i).reduce((e, t, n) => {
+									let a = r.fitContent === !0 && !ze[r.accessorKey] && !r.width, o = a ? "1%" : ze[r.accessorKey] || r.width || he[r.accessorKey], c = t[r.accessorKey], l = s[r.accessorKey] !== void 0, u = l ? s[r.accessorKey] : c, d = Ge?.rowIndex === n && Ge?.columnKey === r.accessorKey, f = S && r.editable !== !1, p = O > 0 && i < O, h = p ? Le.slice(0, i).reduce((e, t, n) => {
 										if (n < O) {
 											let n = ze[t.accessorKey] || t.width || he[t.accessorKey];
 											return e + (typeof n == "number" ? n : n && parseInt(String(n), 10) || 150);
@@ -12209,22 +12213,22 @@ t.register("data-table", ({ schema: e }) => {
 										return e;
 									}, (m ? 40 : 0) + (te ? 40 : 0)) : void 0;
 									return /* @__PURE__ */ F(Zo, {
-										className: K(r.cellClassName, r.align === "right" && "text-right", r.align === "center" && "text-center", "overflow-hidden", d && !u && "cursor-text hover:bg-muted/50", c && "font-semibold text-amber-700 dark:text-amber-400", f && "sticky z-10 bg-background", f && i === O - 1 && "border-r-2 border-border shadow-[2px_0_4px_-2px_rgba(0,0,0,0.1)]"),
+										className: K(r.cellClassName, r.align === "right" && "text-right", r.align === "center" && "text-center", a ? "whitespace-nowrap" : "overflow-hidden", f && !d && "cursor-text hover:bg-muted/50", l && "font-semibold text-amber-700 dark:text-amber-400", p && "sticky z-10 bg-background", p && i === O - 1 && "border-r-2 border-border shadow-[2px_0_4px_-2px_rgba(0,0,0,0.1)]"),
 										style: {
-											width: a,
-											minWidth: a,
-											maxWidth: a,
-											...f && { left: p }
+											width: o,
+											minWidth: a ? void 0 : o,
+											maxWidth: a ? void 0 : o,
+											...p && { left: h }
 										},
 										onDoubleClick: (e) => {
-											d && !C && (e.stopPropagation(), Ft(n, r.accessorKey));
+											f && !C && (e.stopPropagation(), Ft(n, r.accessorKey));
 										},
 										onClick: (e) => {
-											d && C && (e.stopPropagation(), Ft(n, r.accessorKey));
+											f && C && (e.stopPropagation(), Ft(n, r.accessorKey));
 										},
 										onKeyDown: (e) => Ut(e, n, r.accessorKey),
 										tabIndex: 0,
-										children: u ? (() => {
+										children: d ? (() => {
 											let n = r.type, i = e.renderCellEditor;
 											if (typeof i == "function") {
 												let e = i({
@@ -12281,9 +12285,9 @@ t.register("data-table", ({ schema: e }) => {
 												className: "h-8 px-2 py-1"
 											});
 										})() : /* @__PURE__ */ F("div", {
-											className: "truncate w-full",
-											title: l != null && typeof l != "object" ? String(l) : void 0,
-											children: typeof r.cell == "function" ? r.cell(l, t) : typeof l == "object" && l ? String(l) : fe(l)
+											className: a ? "w-full whitespace-nowrap" : "truncate w-full",
+											title: !a && u != null && typeof u != "object" ? String(u) : void 0,
+											children: typeof r.cell == "function" ? r.cell(u, t) : typeof u == "object" && u ? String(u) : fe(u)
 										})
 									}, i);
 								}),
@@ -12711,7 +12715,7 @@ var Ld = j(({ schema: e, className: t, context: n, ...r }, i) => {
 		variant: v,
 		size: y,
 		className: K(e.className, t),
-		disabled: (e.disabled == null ? e.enabled == null ? !1 : !g : h) || d,
+		disabled: (e.disabled == null ? e.enabled != null && !g : h) || d,
 		onClick: b,
 		...l,
 		"data-obj-id": a,