fix: handle outside navigation (#1747)

apis/nucleus/src/components/Cell.jsx

@@ -353,6 +353,7 @@ const Cell = forwardRef(
       keyboardNavigation,
       externalFocusManagement,
       disableCellPadding = false,
+      navigation: navigationApi,
     } = useContext(InstanceContext);
     const [internalEmitter] = useState(emitter || createEmitter);
     const theme = useTheme();
@@ -461,7 +462,7 @@ const Cell = forwardRef(
           focusHandler: focusHandler.current,
           emitter: internalEmitter,
           onMount,
-          navigation,
+          navigation: navigation ?? navigationApi,
         });
       };
 

apis/nucleus/src/index.js

@@ -157,6 +157,8 @@ const DEFAULT_CONTEXT = /** @lends Context */ {
    * @type {string=}
    * */
   dataViewType: 'sn-table',
+  /** @type {Navigation=} */
+  navigation: {},
 };
 
 DEFAULT_CONFIG.context = DEFAULT_CONTEXT;

apis/stardust/api-spec/spec.json

@@ -792,6 +792,10 @@
           "optional": true,
           "defaultValue": "sn-table",
           "type": "string"
+        },
+        "navigation": {
+          "optional": true,
+          "type": "#/definitions/Navigation"
         }
       }
     },
@@ -1481,6 +1485,26 @@
         "const viz = await embed(app).render({\n  element,\n  type: 'barchart'\n});\nviz.destroy();"
       ]
     },
+    "Flags": {
+      "kind": "interface",
+      "entries": {
+        "isEnabled": {
+          "description": "Checks whether the specified flag is enabled.",
+          "kind": "function",
+          "params": [
+            {
+              "name": "flag",
+              "description": "The value flag to check.",
+              "type": "string"
+            }
+          ],
+          "returns": {
+            "description": "True if the specified flag is enabled, false otherwise.",
+            "type": "boolean"
+          }
+        }
+      }
+    },
     "AppSelections": {
       "kind": "class",
       "constructor": {
@@ -1718,26 +1742,6 @@
         }
       }
     },
-    "Flags": {
-      "kind": "interface",
-      "entries": {
-        "isEnabled": {
-          "description": "Checks whether the specified flag is enabled.",
-          "kind": "function",
-          "params": [
-            {
-              "name": "flag",
-              "description": "The value flag to check.",
-              "type": "string"
-            }
-          ],
-          "returns": {
-            "description": "True if the specified flag is enabled, false otherwise.",
-            "type": "boolean"
-          }
-        }
-      }
-    },
     "Field": {
       "kind": "alias",
       "items": {

apis/stardust/types/index.d.ts

@@ -270,6 +270,7 @@ declare namespace stardust {
         keyboardNavigation?: boolean;
         disableCellPadding?: boolean;
         dataViewType?: string;
+        navigation?: stardust.Navigation;
     }
 
     interface Galaxy {
@@ -477,6 +478,14 @@ declare namespace stardust {
 
     }
 
+    interface Flags {
+        /**
+         * Checks whether the specified flag is enabled.
+         * @param flag The value flag to check.
+         */
+        isEnabled(flag: string): boolean;
+    }
+
     class AppSelections {
         constructor();
 
@@ -551,14 +560,6 @@ declare namespace stardust {
 
     }
 
-    interface Flags {
-        /**
-         * Checks whether the specified flag is enabled.
-         * @param flag The value flag to check.
-         */
-        isEnabled(flag: string): boolean;
-    }
-
     type Field = string | qix.NxDimension | qix.NxMeasure | stardust.LibraryField;
 
     /**