@object-ui/components 4.2.1 → 4.4.0

package/CHANGELOG.md

@@ -1,5 +1,120 @@
 # @object-ui/components
 
+## 4.4.0
+
+### Patch Changes
+
+- 2bd45af: feat(shell): main becomes the scroll container; record tabs are sticky
+  - `AppShell`'s SidebarProvider wrapper is now constrained to viewport
+    height (`h-svh overflow-hidden`) instead of expanding with content via
+    the default `min-h-svh`. This makes the inner `<main>` (which is
+    `overflow-auto`) the actual scroll container instead of the window.
+  - `RecordDetailView` page-mode container drops the redundant
+    `h-full overflow-auto` (avoids nested scrollers; main owns scroll now).
+  - `page:tabs` (horizontal) gets `sticky top-0 z-20` with a translucent
+    backdrop so the tab strip stays visible while users scroll through
+    long record pages — the Salesforce Lightning behaviour our schemas
+    were already implying.
+  - @object-ui/types@4.4.0
+  - @object-ui/core@4.4.0
+  - @object-ui/i18n@4.4.0
+  - @object-ui/react@4.4.0
+
+## 4.3.1
+
+### Patch Changes
+
+- 6b683c8: fix(detail): clean up record page rendering
+  - Drop `ai:chat_window` from the protocol-component placeholder list. The
+    floating chat overlay (plugin-chatbot) is the canonical AI entry point;
+    inline page schemas that still reference `ai:chat_window` now surface
+    as an explicit "Unknown component type" so the misconfiguration is
+    fixed at the source instead of silently leaking a placeholder card.
+  - `page:header` now resolves `{field.path}` tokens in `title` / `description`
+    against the current record context (matching the behaviour of the
+    alternative `containers.tsx` renderer). Without this, schemas like
+    `title: "{first_name} {last_name}"` rendered the literal template.
+  - `containers.tsx` `PageHeaderRenderer`: also read from `schema.properties.*`
+    as a fallback so both inlined and raw-bag schema shapes are supported.
+
+- Updated dependencies [5f4ac6e]
+  - @object-ui/i18n@4.3.1
+  - @object-ui/react@4.3.1
+  - @object-ui/types@4.3.1
+  - @object-ui/core@4.3.1
+
+## 4.3.0
+
+### Patch Changes
+
+- 4e7bc1b: **Report editor panel overhaul**
+
+  The report configuration panel is now safe to open on any spec-shape `Report` and only exposes fields that are actually persisted by `@objectstack/spec`.
+
+  `@object-ui/plugin-report`:
+  - Add a bidirectional `SpecFilterAdapter` so `ReportConfigPanel` can edit
+    spec `FilterCondition` filters (`{field: value}`, `{field: {$op: value}}`,
+    top-level `$and`/`$or`). Complex / nested filters fall back to a
+    read-only banner and are preserved verbatim on save.
+  - Drop sections that never round-tripped through the spec
+    (`conditionalFormatting`, `sections`, `export`, `schedule`, `appearance`)
+    and their helper components.
+  - Add type-driven section visibility: `tabular` shows Columns/Filters,
+    `summary` adds Rows + Chart, `matrix` adds Rows + Columns axis + Chart.
+  - New `GroupingsBuilder` covers `groupingsDown`/`groupingsAcross` with
+    `sortOrder` and date-aware `dateGranularity` controls.
+  - New `ColumnsEditor` lets users reorder picked columns, override labels,
+    set aggregates and choose a display format.
+  - Chart subset now mirrors the spec: chart `title`, `showLegend`,
+    `showDataLabels`, plus `funnel` (scatter removed).
+  - Validation banner highlights missing `objectName` and missing
+    rows/columns for `matrix`/`summary` reports.
+  - All editor labels and hints are i18n-driven (`report.editor.*`).
+  - 18 new unit tests cover the filter adapter round-trip.
+
+  `@object-ui/components`:
+  - `FilterBuilder` now guards against malformed external `value` props.
+    Previously a spec-shape filter (`{is_active: true}`) would crash the
+    component on first render; the builder now falls back to an empty
+    AND group whenever `value` is not a valid `FilterGroup`.
+
+  `@object-ui/i18n`:
+  - Add `report.editor.*` strings to `en` and `zh`.
+
+- 8442c05: Improve report editor panel usability based on real-user browser testing:
+  - **Wider config panel** — the report editor now defaults to a `--config-panel-width`
+    of 440px (up from 280px), driven by a new optional `style` prop on
+    `ConfigPanelRenderer`. Long field labels, report titles, type labels, and filter
+    rows no longer truncate to "Account Na" / "kup" / "ct" / 1-character widths.
+  - **Disambiguated "Columns" sections** — for `summary` and `matrix` reports the
+    measure list is now labelled **"Values / 度量"** (pivot-style vocabulary) instead
+    of "Columns", which previously clashed with the matrix's pivot column axis
+    (also called "Columns / 列"). The two sections used to be indistinguishable.
+    New i18n key `report.editor.values` / `valuesHint` is shipped for all 10
+    locales (en, zh, ar, de, es, fr, ja, ko, pt, ru).
+  - **Reordered sections for matrix/summary** — the editor now surfaces _Rows_
+    and _Columns_ (the pivot axes) **before** _Values_, mirroring how a business
+    user thinks about a pivot table.
+  - **Per-row aggregate/format headers** — each column row in `ColumnsEditor` now
+    shows small "Aggregate" / "Format" labels above the respective selects, and
+    the row uses a 2-line layout so the label input has its own line. The cramped
+    3-dropdowns-side-by-side layout at 10px font is gone.
+  - **Searchable field picker** — the "Add columns" list now has a search box,
+    a `filtered / total` counter, an empty-state message, and a scrollable bordered
+    container. New i18n keys: `report.editor.searchFields`,
+    `report.editor.noMatchingFields`.
+
+- Updated dependencies [f196cf4]
+- Updated dependencies [ee1cc96]
+- Updated dependencies [0b032be]
+- Updated dependencies [115d36a]
+- Updated dependencies [4e7bc1b]
+- Updated dependencies [8442c05]
+  - @object-ui/i18n@4.3.0
+  - @object-ui/react@4.3.0
+  - @object-ui/types@4.3.0
+  - @object-ui/core@4.3.0
+
 ## 4.2.1
 
 ### Patch Changes

package/dist/index.css

@@ -531,6 +531,9 @@
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
+  .mt-3 {
+    margin-top: calc(var(--spacing) * 3);
+  }
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
@@ -3945,6 +3948,12 @@
       --tw-enter-translate-y: 0.5rem;
     }
   }
+  .data-\[state\=active\]\:border {
+    &[data-state="active"] {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
   .data-\[state\=active\]\:bg-background {
     &[data-state="active"] {
       background-color: var(--color-background);
@@ -4300,6 +4309,14 @@
       transition-property: none;
     }
   }
+  .supports-\[backdrop-filter\]\:bg-background\/60 {
+    @supports (backdrop-filter: var(--tw)) {
+      background-color: color-mix(in srgb, hsl(var(--background)) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-background) 60%, transparent);
+      }
+    }
+  }
   .supports-\[backdrop-filter\]\:bg-background\/80 {
     @supports (backdrop-filter: var(--tw)) {
       background-color: color-mix(in srgb, hsl(var(--background)) 80%, transparent);
@@ -4758,6 +4775,11 @@
       display: none;
     }
   }
+  .md\:w-80 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 80);
+    }
+  }
   .md\:w-\[500px\] {
     @media (width >= 48rem) {
       width: 500px;