@object-ui/components 11.2.0 → 11.4.0

package/CHANGELOG.md

@@ -1,5 +1,169 @@
 # @object-ui/components
 
+## 11.4.0
+
+### Patch Changes
+
+- 1948c5b: fix(plugin-grid): keep the grid's row selection in sync when a bulk-action dialog closes
+
+  Closing a bulk-action result dialog (e.g. 派工 / 下推) on **Done** cleared
+  ObjectGrid's `selectedRows` — which drives the selection toolbar — but never
+  touched the DataTable's internal checkbox state. Two visible problems:
+
+  - **Desync on success.** The toolbar disappeared while every row stayed visibly
+    ticked, because the checkboxes are table-internal state the grid couldn't
+    reach.
+
+  - **Lost selection on total failure.** When the run failed for _every_ row
+    (0 succeeded — a precondition error, say), the toolbar still vanished,
+    stranding the user with no way to retry the exact rows they'd picked.
+
+  The dialog-close handler now gates the reset on `result.succeeded > 0`: a total
+  failure keeps both the selection _and_ the toolbar (and skips the phantom
+  refetch) so the user can fix the cause and retry. When it does reset, a new
+  `selectionResetKey` prop on DataTable clears the internal checkbox selection in
+  lockstep with the toolbar, so the two never drift apart.
+
+- bce581a: Fix dependent (cascading) lookups: unlock on parent selection and enforce the
+  cascade filter on every candidate surface (#2215).
+
+  Two breaks made `depends_on` unusable end to end:
+
+  - **The gate never unlocked in create mode.** `LookupField` resolved dependent
+    values from `ctx.formValues` — a member `SchemaRendererContext` never had —
+    and nothing injected the `dependentValues` prop, so with a fresh record
+    (`ctx.data = {}`) the child lookup stayed disabled no matter what the user
+    picked in the parent field. The form renderer now injects its live form
+    values (the same reactive snapshot that drives field rules) as
+    `dependentValues` for data-source fields.
+  - **The Level-2 table picker bypassed the cascade.** The `depends_on` chain
+    only reached the quick-select popover filter; `RecordPickerDialog` (and the
+    search-first `PeoplePicker`) received just `lookup_filters`, listing the full
+    unfiltered record set. Both pickers now take a `baseFilter` — a hard
+    `$filter` constraint merged after `lookupFilters` and user filter-bar input,
+    so it can never be widened back out — and `LookupField` passes the dependent
+    chain there, shares the same filter with the popover query, and disables the
+    browse-all button while dependencies are missing.
+
+- c38d107: Fix view-level `FormField.visibleOn` (CEL) never taking effect (#2212).
+
+  The spec ships `visibleOn` as an Expression object `{ dialect: 'cel', source }`
+  (what the `P` template emits) or a bare string, but the whole chain dropped it:
+
+  - `sectionFields.ts` / `ObjectForm.tsx` only accepted the bare-string shape and
+    attached a dead `visible()` closure no renderer ever called — the Expression
+    object shape was silently discarded.
+  - The form renderer destructured `visibleOn` out of the field config and never
+    evaluated it.
+  - `RecordFormPage` dropped a `simple` form view's `sections` entirely, so
+    page-mode create/edit fell back to the raw schema (every field, no authored
+    selection/grouping) while the modal path honored the same view.
+  - `ObjectForm`'s grouped-sections path matched section fields by name only,
+    dropping per-field `visibleOn` overrides.
+
+  `visibleOn` now flows through normalization verbatim (both wire shapes) and is
+  evaluated reactively by the form renderer with the canonical expression engine
+  (`evalFieldPredicate` — same engine, record scope, and fail-open semantics as
+  field-level `visibleWhen`; both predicates must allow a field for it to show).
+  Sectioned/flat normalization also copies field-level `visibleWhen` /
+  `readonlyWhen` / `requiredWhen` rules it previously lost.
+
+- 7782698: fix(components): page:header record title honours `nameField` via the unified ADR-0079 resolver
+
+  The default console record detail page renders the synthesized `page:header`
+  (`buildDefaultPageSchema`, renderViaSchema default-on), whose record-chip title
+  chain probed `objSchema.primaryField` (not a spec property — always undefined),
+  `titleFormat`, then hardcoded `name`/`full_name`/`title`/`subject`/
+  `display_name`/`label` record keys. It never consulted the object's declared
+  `nameField`/`displayNameField`, so an object titled by e.g. `subject` rendered
+  `<ObjectLabel> <id-prefix>` as its H1 instead of the record's real name.
+
+  `PageHeaderRenderer` now resolves through `getRecordDisplayName(objSchema, data,
+{ deriveFromRecordKeys: false })` after the author overrides and before the
+  legacy probes — mirroring `DetailView.resolveDisplayTitle` so both headers
+  agree. `RecordDetailView`'s `primaryField` derivation and
+  `buildDefaultPageSchema`'s highlight-strip dedup also honour
+  `nameField`/`displayNameField`.
+
+- e84d64d: Block record-scoped toolbar actions launched with zero rows selected (#2210).
+
+  A flow/script action that also mounts on list rows (`locations` includes
+  `list_item`) has no record to run on when triggered from the list toolbar with
+  nothing selected — pre-fix the wizard opened anyway, collected input, and died
+  at its first record-bound node ("Update requires an ID or options.multi=true").
+  The console runtime now blocks up front with "select a row first", mirroring
+  the existing multi-selection guard. Pure object-level toolbar actions
+  (`locations: ['list_toolbar']` only) keep triggering without a record.
+
+  The action renderers (button/icon/menu/group) now forward the `locations`
+  declaration to the ActionRunner — previously it was dropped by their
+  allow-list payloads, so the runtime could not tell the two shapes apart.
+
+- Updated dependencies [8bf6295]
+- Updated dependencies [1948c5b]
+- Updated dependencies [9cd9be1]
+- Updated dependencies [c38d107]
+- Updated dependencies [790558b]
+  - @object-ui/types@11.4.0
+  - @object-ui/i18n@11.4.0
+  - @object-ui/core@11.4.0
+  - @object-ui/react@11.4.0
+  - @object-ui/react-runtime@11.4.0
+  - @object-ui/sdui-parser@11.4.0
+
+## 11.3.0
+
+### Minor Changes
+
+- d23d6eb: Three-tier AI page authoring: `kind:'html'` and a trusted `kind:'react'` tier.
+
+  - **`@object-ui/react-runtime`** (new) — the trusted runtime-React tier for
+    `kind:'react'` pages (vendored react-runner: Sucrase transpile + scope-eval,
+    no sandbox). Renders real JSX/TSX (any HTML + JS + hooks/useState/map/onClick)
+    in the main React tree with an injected scope (React, the public data blocks,
+    page data) and a built-in error boundary.
+  - **`@object-ui/core`** — new runtime capability gate (`enableCapability` /
+    `disableCapability` / `isCapabilityEnabled`, `CAP_REACT_PAGES`). `react-pages`
+    defaults **ON** (the platform trusts reviewed, draft-gated authors); a
+    deployment turns it OFF server-side (the runtime injects the disable global
+    when `OS_DISABLE_REACT_PAGES` is set). Never controlled from authored metadata.
+  - **`@object-ui/components`** — PageRenderer now routes `kind:'react'`
+    (capability-gated, lazy-loads the runtime) and renders `kind:'html'` (the
+    former `kind:'jsx'`, still accepted as a deprecated alias). The `html` tier
+    now resolves the full safe native HTML tag set (h1–h6, p, a, ul/ol/li, img,
+    blockquote, pre, strong/em, …) so authored HTML lives up to its name.
+
+### Patch Changes
+
+- d88c8ec: fix(data-table): surface inline-edit save failures instead of swallowing them
+
+  A rejected inline-edit save (e.g. a 400 validation failure like an invalid
+  status transition) was caught with only `console.error` — the toolbar stayed
+  stuck, the cell kept the unsaved value, and the author got no feedback. Now the
+  data-table shows the server's reason in the toolbar (with an alert icon) and
+  tints the affected row(s) destructive so it's clear which rows didn't persist.
+  The pending edit is kept for retry; the error clears on a successful save or on
+  cancel. Adds the `table.saveFailed` string across all locales.
+
+- b7237bb: fix(components): keep MobileDialogContent open when interacting with a portalled dropdown
+
+  Radix Select / Popover / DropdownMenu render their flyout into a portal at
+  `document.body`, outside the dialog's DOM. Clicking an empty part of an open
+  dropdown registered as an "interact outside" and closed the entire dialog
+  (create/edit forms). `MobileDialogContent` now guards `onInteractOutside`:
+  interactions whose real target is inside a Radix popper layer are ignored
+  (the popper dismisses itself), while a genuine backdrop click still closes the
+  dialog as before.
+
+- Updated dependencies [d88c8ec]
+- Updated dependencies [d23d6eb]
+  - @object-ui/i18n@11.3.0
+  - @object-ui/react-runtime@11.3.0
+  - @object-ui/core@11.3.0
+  - @object-ui/react@11.3.0
+  - @object-ui/types@11.3.0
+  - @object-ui/sdui-parser@11.3.0
+
 ## 11.2.0
 
 ### Minor Changes

package/dist/context/gridFieldAuthoring.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+export interface GridFieldAuthoring {
+    /** Invoked when the user clicks the trailing "+" add-column header affordance. */
+    onAddColumn?: () => void;
+    /** Optional tooltip/aria-label for the add-column button (defaults to "Add field"). */
+    addColumnLabel?: string;
+    /**
+     * Invoked when the user clicks the per-column "edit field" affordance in a
+     * column header (Airtable-style). Receives the column's accessorKey (= field
+     * name). Omit to hide the edit affordance.
+     */
+    onEditColumn?: (fieldName: string) => void;
+    /** Optional tooltip/aria-label for the edit-field button (defaults to "Edit field"). */
+    editColumnLabel?: string;
+    /**
+     * Invoked when the user drag-reorders columns. Receives the new column order
+     * as accessorKeys (= field names, including any non-field columns). Providing
+     * this also ENABLES the table's built-in column drag-reorder (design mode), so
+     * the host can persist the order to the object's field metadata. Omit to leave
+     * reordering to the table's own `reorderableColumns`/`onColumnsReorder`.
+     */
+    onReorderFields?: (orderedFieldNames: string[]) => void;
+}
+export declare function GridFieldAuthoringProvider({ value, children, }: {
+    value: GridFieldAuthoring | null;
+    children: React.ReactNode;
+}): React.ReactElement;
+/**
+ * Read the ambient grid field-authoring affordances. Returns `null` outside a
+ * provider — design surfaces opt in by wrapping the table tree in
+ * {@link GridFieldAuthoringProvider}.
+ */
+export declare function useGridFieldAuthoring(): GridFieldAuthoring | null;

package/dist/custom/mobile-dialog-content.d.ts

@@ -17,4 +17,31 @@
  */
 import * as React from 'react';
 import * as DialogPrimitive from "@radix-ui/react-dialog";
+/**
+ * True when `target` sits inside a Radix popper flyout (Select / Popover /
+ * DropdownMenu). Such elements are portalled to `document.body`, so an
+ * "interact outside" the dialog whose target is one of them is really an
+ * interaction with the dialog's own dropdown — it must not close the dialog.
+ */
+export declare function isInsidePopperLayer(target: Element | null | undefined): boolean;
+type InteractOutsideHandler = NonNullable<React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>['onInteractOutside']>;
+/**
+ * Popper-aware interact-outside guard for Radix Dialog/Sheet content.
+ *
+ * Covers a second dismissal path `isInsidePopperLayer` alone cannot: with a
+ * dropdown OPEN, one outside click must only close the dropdown — but
+ * radix-dialog@1.1.17 defers its outside-pointerdown verdict to the `click`
+ * phase (`deferPointerDownOutside`), while radix-select@2.3.1 dismisses and
+ * unregisters on `pointerdown`. By the deferred verdict the dialog has become
+ * the top layer, so it treats the dropdown-closing click as its own outside
+ * click and dismisses too (#2156).
+ *
+ * The guard snapshots "was a popper flyout open?" on every `pointerdown`
+ * (document capture phase — runs before Radix's bubble-phase dismissal
+ * unmounts the flyout) and swallows the pointer-initiated interact-outside
+ * that follows. Focus-driven interact-outside (Tab out) is untouched, as is a
+ * plain backdrop click with no flyout open.
+ */
+export declare function usePopperAwareInteractOutside(onInteractOutside?: InteractOutsideHandler): InteractOutsideHandler;
 export declare const MobileDialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/index.css

@@ -15,6 +15,7 @@
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
     --color-amber-50: oklch(98.7% 0.022 95.277);
+    --color-amber-200: oklch(92.4% 0.12 95.746);
     --color-amber-300: oklch(87.9% 0.169 91.605);
     --color-amber-400: oklch(82.8% 0.189 84.429);
     --color-amber-700: oklch(55.5% 0.163 48.998);
@@ -1653,6 +1654,12 @@
   .border-amber-300 {
     border-color: var(--color-amber-300);
   }
+  .border-amber-400\/40 {
+    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-amber-400) 40%, transparent);
+    }
+  }
   .border-blue-300 {
     border-color: var(--color-blue-300);
   }
@@ -2282,6 +2289,9 @@
   .text-amber-800 {
     color: var(--color-amber-800);
   }
+  .text-amber-900 {
+    color: var(--color-amber-900);
+  }
   .text-card-foreground {
     color: var(--color-card-foreground);
   }
@@ -2495,6 +2505,12 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring-destructive\/40 {
+    --tw-ring-color: color-mix(in srgb, hsl(var(--destructive)) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
+    }
+  }
   .ring-primary {
     --tw-ring-color: var(--color-primary);
   }
@@ -2668,6 +2684,9 @@
   .fade-in-80 {
     --tw-enter-opacity: 0.8;
   }
+  .ring-inset {
+    --tw-ring-inset: inset;
+  }
   .running {
     animation-play-state: running;
   }
@@ -5600,6 +5619,14 @@
       }
     }
   }
+  .dark\:bg-destructive\/15 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, hsl(var(--destructive)) 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-destructive) 15%, transparent);
+      }
+    }
+  }
   .dark\:bg-emerald-950\/50 {
     &:where(.dark, .dark *) {
       background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 50%, transparent);
@@ -5608,6 +5635,11 @@
       }
     }
   }
+  .dark\:text-amber-200 {
+    &:where(.dark, .dark *) {
+      color: var(--color-amber-200);
+    }
+  }
   .dark\:text-amber-300 {
     &:where(.dark, .dark *) {
       color: var(--color-amber-300);

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { renderChildren } from './lib/utils';
 export { cva } from 'class-variance-authority';
 export { getLazyIcon, LazyIcon, toKebabIconName } from './lib/lazy-icon';
 export { registerPlaceholders } from './renderers/placeholders';
+export { GridFieldAuthoringProvider, useGridFieldAuthoring, type GridFieldAuthoring, } from './context/gridFieldAuthoring';
 export * from './ui';
 export * from './custom';
 export { useConfigDraft } from './hooks/use-config-draft';