chore: add onOpenDialog api to support dialog jump

Composer/packages/adaptive-flow/src/adaptive-flow-editor/hooks/useEditorEventApi.ts

@@ -43,10 +43,10 @@ export const useEditorEventApi = (
   const { selectedIds, setSelectedIds, selectableElements } = selectionContext;
 
   const {
+    onOpenDialog,
     onFocusSteps,
     onFocusEvent,
     onCopy: onClipboardChange,
-    navTo: onOpen,
     saveData: onChange,
     undo,
     redo,
@@ -152,7 +152,7 @@ export const useEditorEventApi = (
         break;
       case NodeEventTypes.OpenDialog:
         handler = ({ callee }) => {
-          onOpen(callee);
+          onOpenDialog(callee);
           announce(ScreenReaderMessage.DialogOpened);
         };
         break;

Composer/packages/client/src/shell/useShell.ts

@@ -138,6 +138,10 @@ export function useShell(source: EventSource, projectId: string): Shell {
     navTo(projectId, null, path, breadcrumb);
   }
 
+  function openDialog(dialogId: string) {
+    navTo(projectId, null, dialogId, breadcrumb);
+  }
+
   function focusEvent(subPath) {
     selectTo(projectId, null, null, subPath);
   }
@@ -195,6 +199,7 @@ export function useShell(source: EventSource, projectId: string): Shell {
     renameRegExIntent: renameRegExIntentHandler,
     updateIntentTrigger: updateIntentTriggerHandler,
     navTo: navigationTo,
+    onOpenDialog: openDialog,
     onFocusEvent: focusEvent,
     onFocusSteps: focusSteps,
     onSelect: setVisualEditorSelection,

Composer/packages/types/src/shell.ts

@@ -122,6 +122,7 @@ export type ActionContextApi = {
 
 export type DialogEditingContextApi = {
   saveData: <T = any>(newData: T, updatePath?: string) => void;
+  onOpenDialog: (dialogId: string) => void;
   onFocusSteps: (stepIds: string[], focusedTab?: string) => void;
   onFocusEvent: (eventId: string) => void;
   onSelect: (ids: string[]) => void;