@ckeditor/ckeditor5-editor-multi-root 41.4.0-alpha.0 → 41.4.0

package/dist/types/multirooteditoruiview.d.ts

@@ -9,7 +9,7 @@
 /**
  * @module editor-multi-root/multirooteditoruiview
  */
-import { EditorUIView, InlineEditableUIView, ToolbarView } from 'ckeditor5/src/ui.js';
+import { EditorUIView, InlineEditableUIView, MenuBarView, ToolbarView } from 'ckeditor5/src/ui.js';
 import type { Locale } from 'ckeditor5/src/utils.js';
 import type { EditingView } from 'ckeditor5/src/engine.js';
 /**
@@ -26,6 +26,10 @@ export default class MultiRootEditorUIView extends EditorUIView {
      * The main toolbar of the multi-root editor UI.
      */
     readonly toolbar: ToolbarView;
+    /**
+     * Menu bar view instance.
+     */
+    readonly menuBarView: MenuBarView;
     /**
      * Editable elements used by the multi-root editor UI.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-editor-multi-root",
-  "version": "41.4.0-alpha.0",
+  "version": "41.4.0",
   "description": "Multi-root editor implementation for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -12,7 +12,7 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "ckeditor5": "41.4.0-alpha.0",
+    "ckeditor5": "41.4.0",
     "lodash-es": "4.17.21"
   },
   "author": "CKSource (http://cksource.com/)",

package/src/multirooteditorui.js

@@ -2,7 +2,7 @@
  * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
-import { EditorUI } from 'ckeditor5/src/ui.js';
+import { EditorUI, _initMenuBar } from 'ckeditor5/src/ui.js';
 import { enablePlaceholder } from 'ckeditor5/src/engine.js';
 /**
  * The multi-root editor UI class.
@@ -50,6 +50,7 @@ export default class MultiRootEditorUI extends EditorUI {
             this.addEditable(editable);
         }
         this._initToolbar();
+        _initMenuBar(this.editor, this.view.menuBarView);
         this.fire('ready');
     }
     /**

package/src/multirooteditoruiview.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module editor-multi-root/multirooteditoruiview
  */
-import { EditorUIView, InlineEditableUIView, ToolbarView } from 'ckeditor5/src/ui.js';
+import { EditorUIView, InlineEditableUIView, MenuBarView, ToolbarView } from 'ckeditor5/src/ui.js';
 import type { Locale } from 'ckeditor5/src/utils.js';
 import type { EditingView } from 'ckeditor5/src/engine.js';
 /**
@@ -22,6 +22,10 @@ export default class MultiRootEditorUIView extends EditorUIView {
      * The main toolbar of the multi-root editor UI.
      */
     readonly toolbar: ToolbarView;
+    /**
+     * Menu bar view instance.
+     */
+    readonly menuBarView: MenuBarView;
     /**
      * Editable elements used by the multi-root editor UI.
      */

package/src/multirooteditoruiview.js

@@ -5,7 +5,7 @@
 /**
  * @module editor-multi-root/multirooteditoruiview
  */
-import { EditorUIView, InlineEditableUIView, ToolbarView } from 'ckeditor5/src/ui.js';
+import { EditorUIView, InlineEditableUIView, MenuBarView, ToolbarView } from 'ckeditor5/src/ui.js';
 /**
  * The multi-root editor UI view. It is a virtual view providing an inline
  * {@link module:editor-multi-root/multirooteditoruiview~MultiRootEditorUIView#editable} and a
@@ -37,6 +37,7 @@ export default class MultiRootEditorUIView extends EditorUIView {
         this.toolbar = new ToolbarView(locale, {
             shouldGroupWhenFull: options.shouldToolbarGroupWhenFull
         });
+        this.menuBarView = new MenuBarView(locale);
         this.editables = {};
         // Create `InlineEditableUIView` instance for each editable.
         for (const editableName of editableNames) {
@@ -57,6 +58,15 @@ export default class MultiRootEditorUIView extends EditorUIView {
                 dir: locale.uiLanguageDirection
             }
         });
+        this.menuBarView.extendTemplate({
+            attributes: {
+                class: [
+                    'ck-reset_all',
+                    'ck-rounded-corners'
+                ],
+                dir: locale.uiLanguageDirection
+            }
+        });
     }
     /**
      * Creates an editable instance with given name and registers it in the editor UI view.
@@ -102,5 +112,6 @@ export default class MultiRootEditorUIView extends EditorUIView {
         super.render();
         this.registerChild(Object.values(this.editables));
         this.registerChild(this.toolbar);
+        this.registerChild(this.menuBarView);
     }
 }