@omnia/fx 8.0.262-dev → 8.0.264-dev

package/internal-do-not-import-from-here/ux/markdown2/stores/MarkdownToolbarStore.d.ts

@@ -6,28 +6,30 @@ export declare const useMarkdownToolbarStore: () => {
             state: {
                 editorContent: import("../models/EditorModels").EditorContent;
                 plugins: import("../models/EditorPlugin").EditorPlugin[];
+                hideToolbar: boolean;
                 editMode: boolean;
                 maxNodeId: number;
                 toolbarActions: MarkdownEditorActionRegistration[];
                 editor: HTMLDivElement;
-                selectedNodes: import("../models/EditorModels").EditorNode[];
-                selectedNodeIds: import("../models/EditorModels").NodeIdSelection;
+                nodeSelection: import("../models/EditorModels").NodeSelection;
                 telePorts: JSX.Element[];
                 id: string;
                 selectedRange: Range;
+                showPlaceHolder: boolean;
             };
             events: {
                 onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorContent>;
                 onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").EditorPlugin[]>;
+                onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
                 onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
                 onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
-                onMutatedSelectedNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorNode[]>;
-                onMutatedSelectedNodeIds: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeIdSelection>;
+                onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeSelection>;
                 onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
                 onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                 onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
+                onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
             } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
             actions: {
                 onDispatching: {
@@ -43,6 +45,9 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    focusEditor: {
+                        subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     toolbarAction: {
                         subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -80,6 +85,9 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (result: void, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    focusEditor: {
+                        subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     toolbarAction: {
                         subscribe(fn: (result: {
                             add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
@@ -87,9 +95,9 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                     formatting: {
                         subscribe(fn: (result: {
-                            add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                            toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                            remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            add: (element: HTMLElement) => void;
+                            toggle: (element: HTMLElement) => void;
+                            remove: (dataType: string) => void;
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     element: {
@@ -97,6 +105,7 @@ export declare const useMarkdownToolbarStore: () => {
                             createForComponent: (componentName: string) => HTMLDivElement;
                             createText: () => HTMLParagraphElement;
                             create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            createTextNode: (data: any) => Text;
                             add: (element: HTMLElement) => void;
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -119,6 +128,9 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (failureReason: any, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    focusEditor: {
+                        subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     toolbarAction: {
                         subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -148,18 +160,20 @@ export declare const useMarkdownToolbarStore: () => {
                 };
                 setEditorMode: (editMode: boolean) => void;
                 setEditorContainer: (el: HTMLDivElement) => void;
+                focusEditor: () => void;
                 toolbarAction: () => {
                     add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
                 };
                 formatting: () => {
-                    add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                    toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                    remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                    add: (element: HTMLElement) => void;
+                    toggle: (element: HTMLElement) => void;
+                    remove: (dataType: string) => void;
                 };
                 element: () => {
                     createForComponent: (componentName: string) => HTMLDivElement;
                     createText: () => HTMLParagraphElement;
                     create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                    createTextNode: (data: any) => Text;
                     add: (element: HTMLElement) => void;
                 };
                 commands: () => {
@@ -168,25 +182,17 @@ export declare const useMarkdownToolbarStore: () => {
             };
             get: {
                 plugins: import("../models/EditorPlugin").EditorPlugin[];
+                hasContent: () => boolean;
                 content: {
-                    asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
-                    asString: (cleanIds?: boolean) => string;
+                    asJSON: () => import("../models/EditorModels").EditorContent;
+                    asString: () => string;
                 };
                 selection: {
                     has: {
                         dataType: (dataType: string) => boolean;
-                        nodeName: (name: string) => boolean;
-                        id: (id: number) => boolean;
                     };
                     get: {
-                        byDataType: (dataType: string) => import("../models/EditorModels").EditorNode;
-                        byNodeName: (name: string) => import("../models/EditorModels").EditorNode;
-                        byId: (id: number) => import("../models/EditorModels").EditorNode;
-                        bySelectors(selectors: {
-                            name?: string;
-                            id?: string;
-                            dataType?: string;
-                        }): import("../models/EditorModels").EditorNode;
+                        byDataType: (dataType: string) => import("../models/EditorModels").ContentNodeReference[];
                     };
                 };
             };
@@ -195,34 +201,37 @@ export declare const useMarkdownToolbarStore: () => {
         };
         show: boolean;
         actions: MarkdownEditorActionRegistration[];
+        customActionRenderer: () => JSX.Element;
     };
     events: {
         onMutatedActiveEditorStore: import("@omnia/fx").MessageBusExposeOnlySubscription<{
             state: {
                 editorContent: import("../models/EditorModels").EditorContent;
                 plugins: import("../models/EditorPlugin").EditorPlugin[];
+                hideToolbar: boolean;
                 editMode: boolean;
                 maxNodeId: number;
                 toolbarActions: MarkdownEditorActionRegistration[];
                 editor: HTMLDivElement;
-                selectedNodes: import("../models/EditorModels").EditorNode[];
-                selectedNodeIds: import("../models/EditorModels").NodeIdSelection;
+                nodeSelection: import("../models/EditorModels").NodeSelection;
                 telePorts: JSX.Element[];
                 id: string;
                 selectedRange: Range;
+                showPlaceHolder: boolean;
             };
             events: {
                 onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorContent>;
                 onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").EditorPlugin[]>;
+                onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
                 onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
                 onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
-                onMutatedSelectedNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorNode[]>;
-                onMutatedSelectedNodeIds: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeIdSelection>;
+                onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeSelection>;
                 onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
                 onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                 onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
+                onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
             } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
             actions: {
                 onDispatching: {
@@ -238,6 +247,9 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    focusEditor: {
+                        subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     toolbarAction: {
                         subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -275,6 +287,9 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (result: void, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    focusEditor: {
+                        subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     toolbarAction: {
                         subscribe(fn: (result: {
                             add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
@@ -282,9 +297,9 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                     formatting: {
                         subscribe(fn: (result: {
-                            add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                            toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                            remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            add: (element: HTMLElement) => void;
+                            toggle: (element: HTMLElement) => void;
+                            remove: (dataType: string) => void;
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     element: {
@@ -292,6 +307,7 @@ export declare const useMarkdownToolbarStore: () => {
                             createForComponent: (componentName: string) => HTMLDivElement;
                             createText: () => HTMLParagraphElement;
                             create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            createTextNode: (data: any) => Text;
                             add: (element: HTMLElement) => void;
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -314,6 +330,9 @@ export declare const useMarkdownToolbarStore: () => {
                     setEditorContainer: {
                         subscribe(fn: (failureReason: any, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
+                    focusEditor: {
+                        subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    };
                     toolbarAction: {
                         subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
@@ -343,18 +362,20 @@ export declare const useMarkdownToolbarStore: () => {
                 };
                 setEditorMode: (editMode: boolean) => void;
                 setEditorContainer: (el: HTMLDivElement) => void;
+                focusEditor: () => void;
                 toolbarAction: () => {
                     add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
                 };
                 formatting: () => {
-                    add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                    toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                    remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                    add: (element: HTMLElement) => void;
+                    toggle: (element: HTMLElement) => void;
+                    remove: (dataType: string) => void;
                 };
                 element: () => {
                     createForComponent: (componentName: string) => HTMLDivElement;
                     createText: () => HTMLParagraphElement;
                     create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                    createTextNode: (data: any) => Text;
                     add: (element: HTMLElement) => void;
                 };
                 commands: () => {
@@ -363,25 +384,17 @@ export declare const useMarkdownToolbarStore: () => {
             };
             get: {
                 plugins: import("../models/EditorPlugin").EditorPlugin[];
+                hasContent: () => boolean;
                 content: {
-                    asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
-                    asString: (cleanIds?: boolean) => string;
+                    asJSON: () => import("../models/EditorModels").EditorContent;
+                    asString: () => string;
                 };
                 selection: {
                     has: {
                         dataType: (dataType: string) => boolean;
-                        nodeName: (name: string) => boolean;
-                        id: (id: number) => boolean;
                     };
                     get: {
-                        byDataType: (dataType: string) => import("../models/EditorModels").EditorNode;
-                        byNodeName: (name: string) => import("../models/EditorModels").EditorNode;
-                        byId: (id: number) => import("../models/EditorModels").EditorNode;
-                        bySelectors(selectors: {
-                            name?: string;
-                            id?: string;
-                            dataType?: string;
-                        }): import("../models/EditorModels").EditorNode;
+                        byDataType: (dataType: string) => import("../models/EditorModels").ContentNodeReference[];
                     };
                 };
             };
@@ -390,36 +403,45 @@ export declare const useMarkdownToolbarStore: () => {
         }>;
         onMutatedShow: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
         onMutatedActions: import("@omnia/fx").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
+        onMutatedCustomActionRenderer: import("@omnia/fx").MessageBusExposeOnlySubscription<() => JSX.Element>;
     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
     actions: {
         onDispatching: {
+            setCustomRenderer: {
+                subscribe(fn: (renderer: () => JSX.Element) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            removeAllActions: {
+                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             setActiveEditorStore: {
                 subscribe(fn: (store: {
                     state: {
                         editorContent: import("../models/EditorModels").EditorContent;
                         plugins: import("../models/EditorPlugin").EditorPlugin[];
+                        hideToolbar: boolean;
                         editMode: boolean;
                         maxNodeId: number;
                         toolbarActions: MarkdownEditorActionRegistration[];
                         editor: HTMLDivElement;
-                        selectedNodes: import("../models/EditorModels").EditorNode[];
-                        selectedNodeIds: import("../models/EditorModels").NodeIdSelection;
+                        nodeSelection: import("../models/EditorModels").NodeSelection;
                         telePorts: JSX.Element[];
                         id: string;
                         selectedRange: Range;
+                        showPlaceHolder: boolean;
                     };
                     events: {
                         onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorContent>;
                         onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").EditorPlugin[]>;
+                        onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                         onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                         onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
                         onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
                         onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
-                        onMutatedSelectedNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorNode[]>;
-                        onMutatedSelectedNodeIds: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeIdSelection>;
+                        onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeSelection>;
                         onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
                         onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                         onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
+                        onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
                     actions: {
                         onDispatching: {
@@ -435,6 +457,9 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
+                            focusEditor: {
+                                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
                             toolbarAction: {
                                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -472,6 +497,9 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (result: void, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
+                            focusEditor: {
+                                subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
                             toolbarAction: {
                                 subscribe(fn: (result: {
                                     add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
@@ -479,9 +507,9 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                             formatting: {
                                 subscribe(fn: (result: {
-                                    add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                                    toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                                    remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                                    add: (element: HTMLElement) => void;
+                                    toggle: (element: HTMLElement) => void;
+                                    remove: (dataType: string) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             element: {
@@ -489,6 +517,7 @@ export declare const useMarkdownToolbarStore: () => {
                                     createForComponent: (componentName: string) => HTMLDivElement;
                                     createText: () => HTMLParagraphElement;
                                     create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                    createTextNode: (data: any) => Text;
                                     add: (element: HTMLElement) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -511,6 +540,9 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (failureReason: any, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
+                            focusEditor: {
+                                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
                             toolbarAction: {
                                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -540,18 +572,20 @@ export declare const useMarkdownToolbarStore: () => {
                         };
                         setEditorMode: (editMode: boolean) => void;
                         setEditorContainer: (el: HTMLDivElement) => void;
+                        focusEditor: () => void;
                         toolbarAction: () => {
                             add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
                         };
                         formatting: () => {
-                            add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                            toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                            remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            add: (element: HTMLElement) => void;
+                            toggle: (element: HTMLElement) => void;
+                            remove: (dataType: string) => void;
                         };
                         element: () => {
                             createForComponent: (componentName: string) => HTMLDivElement;
                             createText: () => HTMLParagraphElement;
                             create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            createTextNode: (data: any) => Text;
                             add: (element: HTMLElement) => void;
                         };
                         commands: () => {
@@ -560,25 +594,17 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                     get: {
                         plugins: import("../models/EditorPlugin").EditorPlugin[];
+                        hasContent: () => boolean;
                         content: {
-                            asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
-                            asString: (cleanIds?: boolean) => string;
+                            asJSON: () => import("../models/EditorModels").EditorContent;
+                            asString: () => string;
                         };
                         selection: {
                             has: {
                                 dataType: (dataType: string) => boolean;
-                                nodeName: (name: string) => boolean;
-                                id: (id: number) => boolean;
                             };
                             get: {
-                                byDataType: (dataType: string) => import("../models/EditorModels").EditorNode;
-                                byNodeName: (name: string) => import("../models/EditorModels").EditorNode;
-                                byId: (id: number) => import("../models/EditorModels").EditorNode;
-                                bySelectors(selectors: {
-                                    name?: string;
-                                    id?: string;
-                                    dataType?: string;
-                                }): import("../models/EditorModels").EditorNode;
+                                byDataType: (dataType: string) => import("../models/EditorModels").ContentNodeReference[];
                             };
                         };
                     };
@@ -591,33 +617,41 @@ export declare const useMarkdownToolbarStore: () => {
             };
         };
         onDispatched: {
+            setCustomRenderer: {
+                subscribe(fn: (result: void, renderer: () => JSX.Element) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            removeAllActions: {
+                subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             setActiveEditorStore: {
                 subscribe(fn: (result: void, store: {
                     state: {
                         editorContent: import("../models/EditorModels").EditorContent;
                         plugins: import("../models/EditorPlugin").EditorPlugin[];
+                        hideToolbar: boolean;
                         editMode: boolean;
                         maxNodeId: number;
                         toolbarActions: MarkdownEditorActionRegistration[];
                         editor: HTMLDivElement;
-                        selectedNodes: import("../models/EditorModels").EditorNode[];
-                        selectedNodeIds: import("../models/EditorModels").NodeIdSelection;
+                        nodeSelection: import("../models/EditorModels").NodeSelection;
                         telePorts: JSX.Element[];
                         id: string;
                         selectedRange: Range;
+                        showPlaceHolder: boolean;
                     };
                     events: {
                         onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorContent>;
                         onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").EditorPlugin[]>;
+                        onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                         onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                         onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
                         onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
                         onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
-                        onMutatedSelectedNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorNode[]>;
-                        onMutatedSelectedNodeIds: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeIdSelection>;
+                        onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeSelection>;
                         onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
                         onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                         onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
+                        onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
                     actions: {
                         onDispatching: {
@@ -633,6 +667,9 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
+                            focusEditor: {
+                                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
                             toolbarAction: {
                                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -670,6 +707,9 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (result: void, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
+                            focusEditor: {
+                                subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
                             toolbarAction: {
                                 subscribe(fn: (result: {
                                     add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
@@ -677,9 +717,9 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                             formatting: {
                                 subscribe(fn: (result: {
-                                    add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                                    toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                                    remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                                    add: (element: HTMLElement) => void;
+                                    toggle: (element: HTMLElement) => void;
+                                    remove: (dataType: string) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             element: {
@@ -687,6 +727,7 @@ export declare const useMarkdownToolbarStore: () => {
                                     createForComponent: (componentName: string) => HTMLDivElement;
                                     createText: () => HTMLParagraphElement;
                                     create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                    createTextNode: (data: any) => Text;
                                     add: (element: HTMLElement) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -709,6 +750,9 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (failureReason: any, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
+                            focusEditor: {
+                                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
                             toolbarAction: {
                                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -738,18 +782,20 @@ export declare const useMarkdownToolbarStore: () => {
                         };
                         setEditorMode: (editMode: boolean) => void;
                         setEditorContainer: (el: HTMLDivElement) => void;
+                        focusEditor: () => void;
                         toolbarAction: () => {
                             add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
                         };
                         formatting: () => {
-                            add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                            toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                            remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            add: (element: HTMLElement) => void;
+                            toggle: (element: HTMLElement) => void;
+                            remove: (dataType: string) => void;
                         };
                         element: () => {
                             createForComponent: (componentName: string) => HTMLDivElement;
                             createText: () => HTMLParagraphElement;
                             create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            createTextNode: (data: any) => Text;
                             add: (element: HTMLElement) => void;
                         };
                         commands: () => {
@@ -758,25 +804,17 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                     get: {
                         plugins: import("../models/EditorPlugin").EditorPlugin[];
+                        hasContent: () => boolean;
                         content: {
-                            asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
-                            asString: (cleanIds?: boolean) => string;
+                            asJSON: () => import("../models/EditorModels").EditorContent;
+                            asString: () => string;
                         };
                         selection: {
                             has: {
                                 dataType: (dataType: string) => boolean;
-                                nodeName: (name: string) => boolean;
-                                id: (id: number) => boolean;
                             };
                             get: {
-                                byDataType: (dataType: string) => import("../models/EditorModels").EditorNode;
-                                byNodeName: (name: string) => import("../models/EditorModels").EditorNode;
-                                byId: (id: number) => import("../models/EditorModels").EditorNode;
-                                bySelectors(selectors: {
-                                    name?: string;
-                                    id?: string;
-                                    dataType?: string;
-                                }): import("../models/EditorModels").EditorNode;
+                                byDataType: (dataType: string) => import("../models/EditorModels").ContentNodeReference[];
                             };
                         };
                     };
@@ -789,33 +827,41 @@ export declare const useMarkdownToolbarStore: () => {
             };
         };
         onFailure: {
+            setCustomRenderer: {
+                subscribe(fn: (failureReason: any, renderer: () => JSX.Element) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
+            removeAllActions: {
+                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+            };
             setActiveEditorStore: {
                 subscribe(fn: (failureReason: any, store: {
                     state: {
                         editorContent: import("../models/EditorModels").EditorContent;
                         plugins: import("../models/EditorPlugin").EditorPlugin[];
+                        hideToolbar: boolean;
                         editMode: boolean;
                         maxNodeId: number;
                         toolbarActions: MarkdownEditorActionRegistration[];
                         editor: HTMLDivElement;
-                        selectedNodes: import("../models/EditorModels").EditorNode[];
-                        selectedNodeIds: import("../models/EditorModels").NodeIdSelection;
+                        nodeSelection: import("../models/EditorModels").NodeSelection;
                         telePorts: JSX.Element[];
                         id: string;
                         selectedRange: Range;
+                        showPlaceHolder: boolean;
                     };
                     events: {
                         onMutatedEditorContent: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorContent>;
                         onMutatedPlugins: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorPlugin").EditorPlugin[]>;
+                        onMutatedHideToolbar: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                         onMutatedEditMode: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                         onMutatedMaxNodeId: import("@omnia/fx").MessageBusExposeOnlySubscription<number>;
                         onMutatedToolbarActions: import("@omnia/fx").MessageBusExposeOnlySubscription<MarkdownEditorActionRegistration[]>;
                         onMutatedEditor: import("@omnia/fx").MessageBusExposeOnlySubscription<HTMLDivElement>;
-                        onMutatedSelectedNodes: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").EditorNode[]>;
-                        onMutatedSelectedNodeIds: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeIdSelection>;
+                        onMutatedNodeSelection: import("@omnia/fx").MessageBusExposeOnlySubscription<import("../models/EditorModels").NodeSelection>;
                         onMutatedTelePorts: import("@omnia/fx").MessageBusExposeOnlySubscription<JSX.Element[]>;
                         onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
                         onMutatedSelectedRange: import("@omnia/fx").MessageBusExposeOnlySubscription<Range>;
+                        onMutatedShowPlaceHolder: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                     } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
                     actions: {
                         onDispatching: {
@@ -831,6 +877,9 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
+                            focusEditor: {
+                                subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
                             toolbarAction: {
                                 subscribe(fn: () => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -868,6 +917,9 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (result: void, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
+                            focusEditor: {
+                                subscribe(fn: (result: void) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
                             toolbarAction: {
                                 subscribe(fn: (result: {
                                     add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
@@ -875,9 +927,9 @@ export declare const useMarkdownToolbarStore: () => {
                             };
                             formatting: {
                                 subscribe(fn: (result: {
-                                    add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                                    toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                                    remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                                    add: (element: HTMLElement) => void;
+                                    toggle: (element: HTMLElement) => void;
+                                    remove: (dataType: string) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
                             element: {
@@ -885,6 +937,7 @@ export declare const useMarkdownToolbarStore: () => {
                                     createForComponent: (componentName: string) => HTMLDivElement;
                                     createText: () => HTMLParagraphElement;
                                     create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                                    createTextNode: (data: any) => Text;
                                     add: (element: HTMLElement) => void;
                                 }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -907,6 +960,9 @@ export declare const useMarkdownToolbarStore: () => {
                             setEditorContainer: {
                                 subscribe(fn: (failureReason: any, el: HTMLDivElement) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
+                            focusEditor: {
+                                subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                            };
                             toolbarAction: {
                                 subscribe(fn: (failureReason: any) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                             };
@@ -936,18 +992,20 @@ export declare const useMarkdownToolbarStore: () => {
                         };
                         setEditorMode: (editMode: boolean) => void;
                         setEditorContainer: (el: HTMLDivElement) => void;
+                        focusEditor: () => void;
                         toolbarAction: () => {
                             add: (action: MarkdownEditorActionRegistration | MarkdownEditorActionRegistration[]) => void;
                         };
                         formatting: () => {
-                            add: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                            toggle: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
-                            remove: (element: HTMLElement, matchByNameAndDataType?: boolean) => void;
+                            add: (element: HTMLElement) => void;
+                            toggle: (element: HTMLElement) => void;
+                            remove: (dataType: string) => void;
                         };
                         element: () => {
                             createForComponent: (componentName: string) => HTMLDivElement;
                             createText: () => HTMLParagraphElement;
                             create: (tagName: string, dataType: import("../commands/EditorCommands").builtIndataTypes | string) => HTMLElement;
+                            createTextNode: (data: any) => Text;
                             add: (element: HTMLElement) => void;
                         };
                         commands: () => {
@@ -956,25 +1014,17 @@ export declare const useMarkdownToolbarStore: () => {
                     };
                     get: {
                         plugins: import("../models/EditorPlugin").EditorPlugin[];
+                        hasContent: () => boolean;
                         content: {
-                            asJSON: (cleanIds?: boolean) => import("../models/EditorModels").EditorContent;
-                            asString: (cleanIds?: boolean) => string;
+                            asJSON: () => import("../models/EditorModels").EditorContent;
+                            asString: () => string;
                         };
                         selection: {
                             has: {
                                 dataType: (dataType: string) => boolean;
-                                nodeName: (name: string) => boolean;
-                                id: (id: number) => boolean;
                             };
                             get: {
-                                byDataType: (dataType: string) => import("../models/EditorModels").EditorNode;
-                                byNodeName: (name: string) => import("../models/EditorModels").EditorNode;
-                                byId: (id: number) => import("../models/EditorModels").EditorNode;
-                                bySelectors(selectors: {
-                                    name?: string;
-                                    id?: string;
-                                    dataType?: string;
-                                }): import("../models/EditorModels").EditorNode;
+                                byDataType: (dataType: string) => import("../models/EditorModels").ContentNodeReference[];
                             };
                         };
                     };
@@ -987,6 +1037,8 @@ export declare const useMarkdownToolbarStore: () => {
             };
         };
     } & {
+        setCustomRenderer: (renderer: () => JSX.Element) => void;
+        removeAllActions: () => void;
         setActiveEditorStore: (store: ReturnType<typeof useMarkdownStore>) => void;
         setVisibility: (show: boolean) => void;
     };