@object-ui/react 4.5.0 → 4.6.0

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @object-ui/react
 
+## 4.6.0
+
+### Patch Changes
+
+- @object-ui/types@4.6.0
+- @object-ui/core@4.6.0
+- @object-ui/i18n@4.6.0
+- @object-ui/data-objectstack@4.6.0
+
 ## 4.5.0
 
 ### Patch Changes

package/dist/context/RecordContext.d.ts

@@ -30,6 +30,14 @@ export interface RecordContextValue<TData = any, TObjectSchema = any> {
     error?: Error | null;
     /** Re-fetch the record from the source. */
     refresh?: () => void | Promise<void>;
+    /**
+     * When true, the record is rendered inside a host overlay (drawer,
+     * modal, split-pane preview) rather than as a standalone route. Header
+     * affordances such as the auto "back to list" button should suppress
+     * themselves in this mode because the user already has Close / Expand
+     * controls in the overlay chrome.
+     */
+    embedded?: boolean;
 }
 export interface RecordContextProviderProps extends RecordContextValue {
     children: React.ReactNode;

package/dist/context/RecordContext.js

@@ -27,6 +27,7 @@ export const RecordContextProvider = ({ children, ...value }) => {
         value.loading,
         value.error,
         value.refresh,
+        value.embedded,
     ]);
     return _jsx(RecordContext.Provider, { value: memo, children: children });
 };

package/dist/hooks/useNavigationOverlay.d.ts

@@ -28,6 +28,19 @@ export interface UseNavigationOverlayOptions {
     /** External onRowClick callback — if set, takes full priority */
     onRowClick?: (record: Record<string, unknown>) => void;
 }
+/**
+ * Optional event-like payload accepted by `handleClick`. We don't depend on
+ * React's synthetic event type to keep this hook framework-agnostic — only
+ * the few fields needed for modifier detection are read.
+ */
+export interface HandleClickModifiers {
+    /** macOS Command key — open in new tab when held */
+    metaKey?: boolean;
+    /** Windows/Linux Control key — open in new tab when held */
+    ctrlKey?: boolean;
+    /** Mouse button — 1 = middle click (treated as new tab) */
+    button?: number;
+}
 export interface NavigationOverlayState {
     /** Whether the overlay (drawer/modal/split/popover) is open */
     isOpen: boolean;
@@ -41,8 +54,15 @@ export interface NavigationOverlayState {
     open: (record: Record<string, unknown>) => void;
     /** Set the open state (for controlled Sheet/Dialog `onOpenChange`) */
     setIsOpen: (open: boolean) => void;
-    /** The click handler to attach to rows/items */
-    handleClick: (record: Record<string, unknown>) => void;
+    /**
+     * The click handler to attach to rows/items.
+     *
+     * Accepts an optional event (or any object with `metaKey`/`ctrlKey`/`button`)
+     * to detect modifier clicks. When `Cmd`/`Ctrl`/middle-click is detected, the
+     * record opens in a new browser tab as a full page regardless of the
+     * configured mode — matches Linear / Notion / Airtable convention.
+     */
+    handleClick: (record: Record<string, unknown>, event?: HandleClickModifiers) => void;
     /** The width from NavigationConfig (for drawer/modal/split sizing) */
     width: string | number | undefined;
     /** Whether navigation is an overlay mode (drawer/modal/split/popover) */

package/dist/hooks/useNavigationOverlay.js

@@ -59,12 +59,26 @@ export function useNavigationOverlay(options) {
         setSelectedRecord(record);
         setIsOpen(true);
     }, []);
-    const handleClick = useCallback((record) => {
-        // External onRowClick takes full priority
+    const handleClick = useCallback((record, event) => {
+        // External onRowClick takes full priority. Forward the modifier event
+        // so parent handlers (e.g. ObjectView) can still implement Cmd/Ctrl/
+        // middle-click → open in new tab.
         if (onRowClick) {
-            onRowClick(record);
+            onRowClick(record, event);
             return;
         }
+        // Modifier / middle-click → always open in a new browser tab as a full
+        // page. Mirrors browser link convention (Cmd/Ctrl+Click, middle-click)
+        // so users can fan out multiple records into tabs from any list/board/
+        // gallery, regardless of the configured navigation mode.
+        const isModifierClick = !!(event && (event.metaKey || event.ctrlKey || event.button === 1));
+        if (isModifierClick) {
+            const recordId = record.id || record._id;
+            if (onNavigate && recordId != null) {
+                onNavigate(recordId, 'new_window');
+                return;
+            }
+        }
         // No navigation config — default to page navigation
         if (!navigation) {
             const recordId = record.id || record._id;
@@ -104,7 +118,7 @@ export function useNavigationOverlay(options) {
             setIsOpen(true);
             return;
         }
-    }, [onRowClick, navigation, mode, objectName, onNavigate, isOverlay]);
+    }, [onRowClick, navigation, mode, objectName, onNavigate, isOverlay, view]);
     return useMemo(() => ({
         isOpen,
         selectedRecord,

package/dist/hooks/usePageAssignment.js

@@ -67,8 +67,13 @@ export function usePageAssignment(objectName, opts = {}) {
         const candidates = pages.filter(p => {
             if (!p)
                 return false;
-            const pageType = p.pageType ?? p.type === 'record' ? p.pageType : p.pageType;
-            const isRecord = (p.pageType ?? (p.type === 'record' ? 'record' : undefined)) === 'record';
+            // Only `pageType: 'record'` (or bare `type: 'record'`) is a
+            // user-facing record-detail page. `pageType: 'record_detail'` is a
+            // distinct concept used by the metadata designer page schemas
+            // (`buildObjectDetailPageSchema`) and must NOT be picked up here —
+            // otherwise opening any record would render the designer widget.
+            const pt = p.pageType ?? (p.type === 'record' ? 'record' : undefined);
+            const isRecord = pt === 'record';
             if (!isRecord)
                 return false;
             if (p.object !== objectName)

package/package.json

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