@object-ui/components 4.4.0 → 4.6.0

package/CHANGELOG.md

@@ -1,5 +1,54 @@
 # @object-ui/components
 
+## 4.6.0
+
+### Minor Changes
+
+- 3ee436d: feat(components): add `RelatedCountStore` runtime cache + `useRelatedCount`
+  hook (built on `useSyncExternalStore`, no new deps). Replaces
+  `PageTabsRenderer`'s local per-instance `derivedCounts` state with a
+  shared module-scoped store so multiple consumers of the same
+  object/parent pair share a single probe.
+
+  Wires `useBulkExecutor` to call `RelatedCountStore.invalidate(resource)`
+  after any successful bulk update/delete, so related-list badges on
+  parent records re-probe automatically on the next render instead of
+  showing stale counts.
+
+### Patch Changes
+
+- @object-ui/types@4.6.0
+- @object-ui/core@4.6.0
+- @object-ui/i18n@4.6.0
+- @object-ui/react@4.6.0
+
+## 4.5.0
+
+### Minor Changes
+
+- 6b6afd1: `page:tabs` items now render their optional `icon` (lucide name) and `count`
+  badge after the label. Counts >= 1000 are shortened to compact form
+  (e.g. `1.2k`). Spec-aligned: `PageTabsItem.icon` and `PageTabsItem.count`.
+- aa7855f: `page:tabs` now auto-derives count badges from any descendant `record:related_list`.
+
+  For every tab item whose `count` is not set explicitly, the renderer walks the tab's children (depth-first) to find the first `record:related_list` schema node and issues a `limit:1` find through the active `dataSource` to read the matching `total`. The badge appears in the tab strip without spec authors having to wire counts manually.
+
+  Behavior:
+  - Explicit `count` in the spec always wins.
+  - Probe is filtered by the parent record id via `relationshipField` when present (skipped until the parent record is loaded).
+  - Best-effort: a failed probe just omits the badge — no error surface.
+  - Cancellable on unmount.
+
+### Patch Changes
+
+- 170d89f: PageTabsRenderer auto-count now descends into accordion (`properties.items`) and sums counts when a tab contains multiple `record:related_list` widgets — matches Salesforce "Related" tab semantics. Previously only the first list was probed (or none, if wrapped in an accordion).
+- Updated dependencies [ab5e281]
+- Updated dependencies [22fa558]
+  - @object-ui/types@4.5.0
+  - @object-ui/i18n@4.5.0
+  - @object-ui/core@4.5.0
+  - @object-ui/react@4.5.0
+
 ## 4.4.0
 
 ### Patch Changes

package/dist/index.css

@@ -89,6 +89,7 @@
     --font-weight-bold: 700;
     --font-weight-extrabold: 800;
     --tracking-tight: -0.025em;
+    --tracking-wide: 0.025em;
     --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
@@ -396,6 +397,9 @@
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
+  .right-12 {
+    right: calc(var(--spacing) * 12);
+  }
   .-bottom-12 {
     bottom: calc(var(--spacing) * -12);
   }
@@ -429,6 +433,9 @@
   .z-20 {
     z-index: 20;
   }
+  .z-30 {
+    z-index: 30;
+  }
   .z-50 {
     z-index: 50;
   }
@@ -549,6 +556,9 @@
   .mr-1 {
     margin-right: calc(var(--spacing) * 1);
   }
+  .mr-1\.5 {
+    margin-right: calc(var(--spacing) * 1.5);
+  }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
@@ -585,6 +595,9 @@
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
+  .ml-1\.5 {
+    margin-left: calc(var(--spacing) * 1.5);
+  }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
@@ -1007,6 +1020,9 @@
   .w-\[450px\] {
     width: 450px;
   }
+  .w-\[calc\(100vw-1rem\)\] {
+    width: calc(100vw - 1rem);
+  }
   .w-auto {
     width: auto;
   }
@@ -1022,6 +1038,9 @@
   .w-px {
     width: 1px;
   }
+  .w-screen {
+    width: 100vw;
+  }
   .max-w-\(--skeleton-width\) {
     max-width: var(--skeleton-width);
   }
@@ -1112,6 +1131,9 @@
   .min-w-11 {
     min-width: calc(var(--spacing) * 11);
   }
+  .min-w-\[1rem\] {
+    min-width: 1rem;
+  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1254,6 +1276,9 @@
   .touch-none {
     touch-action: none;
   }
+  .resize {
+    resize: both;
+  }
   .resize-none {
     resize: none;
   }
@@ -2179,6 +2204,10 @@
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
   }
+  .tracking-wide {
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide);
+  }
   .tracking-wider {
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
@@ -3242,6 +3271,16 @@
       }
     }
   }
+  .hover\:bg-primary\/40 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, hsl(var(--primary)) 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-primary) 40%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-primary\/80 {
     &:hover {
       @media (hover: hover) {
@@ -3600,6 +3639,14 @@
       background-color: var(--color-muted);
     }
   }
+  .active\:bg-primary\/60 {
+    &:active {
+      background-color: color-mix(in srgb, hsl(var(--primary)) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary) 60%, transparent);
+      }
+    }
+  }
   .active\:bg-sidebar-accent {
     &:active {
       background-color: var(--color-sidebar-accent);
@@ -4385,6 +4432,11 @@
       margin-top: calc(var(--spacing) * 0);
     }
   }
+  .sm\:block {
+    @media (width >= 40rem) {
+      display: block;
+    }
+  }
   .sm\:flex {
     @media (width >= 40rem) {
       display: flex;
@@ -4460,9 +4512,9 @@
       width: auto;
     }
   }
-  .sm\:max-w-2xl {
+  .sm\:w-full {
     @media (width >= 40rem) {
-      max-width: var(--container-2xl);
+      width: 100%;
     }
   }
   .sm\:max-w-3xl {
@@ -4480,6 +4532,16 @@
       max-width: 425px;
     }
   }
+  .sm\:max-w-\[var\(--ov-w\)\] {
+    @media (width >= 40rem) {
+      max-width: var(--ov-w);
+    }
+  }
+  .sm\:max-w-\[var\(--ov-w\,42rem\)\] {
+    @media (width >= 40rem) {
+      max-width: var(--ov-w,42rem);
+    }
+  }
   .sm\:max-w-lg {
     @media (width >= 40rem) {
       max-width: var(--container-lg);
@@ -5692,6 +5754,11 @@
       display: none;
     }
   }
+  .\[\&\>button\:last-of-type\]\:hidden {
+    &>button:last-of-type {
+      display: none;
+    }
+  }
   .\[\&\>input\]\:flex-1 {
     &>input {
       flex: 1;