@object-ui/react 4.0.6 → 4.0.7

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @object-ui/react
 
+## 4.0.7
+
+### Patch Changes
+
+- 7c9b85c: Fix compatibility with the framework's normalized Expression envelope format.
+
+  `@objectstack/spec` now emits predicate (`visible` / `enabled`) and template
+  (`titleFormat`) fields as `{ dialect, source }` envelopes instead of bare
+  strings. The previous implementation assumed strings and crashed the record
+  detail view (`TypeError: titleFormat.replace is not a function`) and printed
+  `Failed to evaluate expression: ${[object Object]}` for every action visibility
+  predicate.
+  - `@object-ui/core`: `ExpressionEvaluator.evaluate` / `evaluateCondition` now
+    unwrap Expression envelopes transparently.
+  - `@object-ui/react`: new `toPredicateInput()` helper to safely normalize
+    `boolean | string | Expression` predicate inputs into the `${expr}` form
+    expected by `useCondition`.
+  - `@object-ui/components`: `action-bar`, `action-button`, `action-group`,
+    `action-icon`, `action-menu` renderers use `toPredicateInput()` instead of
+    template-literal interpolation that produced `${[object Object]}`.
+  - `@object-ui/plugin-detail`, `@object-ui/plugin-kanban`,
+    `@object-ui/plugin-calendar`, `@object-ui/app-shell`,
+    `@object-ui/console`: title-format helpers accept both legacy strings and
+    the new `{ source }` envelope.
+
+  All changes are backward-compatible — legacy bare strings continue to work.
+
+- Updated dependencies [7c9b85c]
+- Updated dependencies [fd15918]
+  - @object-ui/core@4.0.7
+  - @object-ui/i18n@4.0.7
+  - @object-ui/data-objectstack@4.0.7
+  - @object-ui/types@4.0.7
+
 ## 4.0.6
 
 ### Patch Changes

package/dist/hooks/useExpression.d.ts

@@ -5,6 +5,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/**
+ * Normalize a schema-supplied predicate (`visible` / `enabled` / `disabled` /
+ * `hidden`) into the `${expr}` template form expected by `useCondition`.
+ *
+ * Accepts:
+ *   - `boolean` → returned as-is (predicate hooks short-circuit on booleans).
+ *   - `string`  → wrapped as `${string}` (legacy DX shorthand).
+ *   - `Expression` envelope `{ dialect, source }` (new format from
+ *     `@objectstack/spec`'s normalized predicate inputs) → unwrapped, then
+ *     wrapped as `${source}`. Both `cel` and `template` dialects already use
+ *     compatible variable syntax (`record.x`, etc.).
+ *   - `null` / `undefined` / empty → `undefined` (default visible/enabled).
+ *
+ * This is the canonical helper to use in renderers so we never end up with
+ * `${[object Object]}` after JS template-literal interpolation.
+ */
+export declare function toPredicateInput(value: unknown): string | boolean | undefined;
 /**
  * Hook for evaluating expressions with dynamic context
  *

package/dist/hooks/useExpression.js

@@ -7,6 +7,35 @@
  */
 import { useMemo } from 'react';
 import { ExpressionEvaluator } from '@object-ui/core';
+/**
+ * Normalize a schema-supplied predicate (`visible` / `enabled` / `disabled` /
+ * `hidden`) into the `${expr}` template form expected by `useCondition`.
+ *
+ * Accepts:
+ *   - `boolean` → returned as-is (predicate hooks short-circuit on booleans).
+ *   - `string`  → wrapped as `${string}` (legacy DX shorthand).
+ *   - `Expression` envelope `{ dialect, source }` (new format from
+ *     `@objectstack/spec`'s normalized predicate inputs) → unwrapped, then
+ *     wrapped as `${source}`. Both `cel` and `template` dialects already use
+ *     compatible variable syntax (`record.x`, etc.).
+ *   - `null` / `undefined` / empty → `undefined` (default visible/enabled).
+ *
+ * This is the canonical helper to use in renderers so we never end up with
+ * `${[object Object]}` after JS template-literal interpolation.
+ */
+export function toPredicateInput(value) {
+    if (value === null || value === undefined || value === '')
+        return undefined;
+    if (typeof value === 'boolean')
+        return value;
+    if (typeof value === 'string')
+        return `\${${value}}`;
+    if (typeof value === 'object' && typeof value.source === 'string') {
+        const src = value.source;
+        return src ? `\${${src}}` : undefined;
+    }
+    return undefined;
+}
 /**
  * Hook for evaluating expressions with dynamic context
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@object-ui/react",
-  "version": "4.0.6",
+  "version": "4.0.7",
   "type": "module",
   "license": "MIT",
   "description": "React bindings and SchemaRenderer component for Object UI",
@@ -26,10 +26,10 @@
   "dependencies": {
     "@objectstack/spec": "^4.0.4",
     "react-hook-form": "^7.75.0",
-    "@object-ui/core": "4.0.6",
-    "@object-ui/data-objectstack": "4.0.6",
-    "@object-ui/i18n": "4.0.6",
-    "@object-ui/types": "4.0.6"
+    "@object-ui/i18n": "4.0.7",
+    "@object-ui/core": "4.0.7",
+    "@object-ui/data-objectstack": "4.0.7",
+    "@object-ui/types": "4.0.7"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",