@ckeditor/ckeditor5-undo 0.0.0-nightly-20240401.0 → 0.0.0-nightly-20240403.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-undo",
-  "version": "0.0.0-nightly-20240401.0",
+  "version": "0.0.0-nightly-20240403.0",
   "description": "Undo feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,9 +13,9 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20240401.0",
-    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-20240401.0",
-    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20240401.0"
+    "@ckeditor/ckeditor5-core": "0.0.0-nightly-20240403.0",
+    "@ckeditor/ckeditor5-engine": "0.0.0-nightly-20240403.0",
+    "@ckeditor/ckeditor5-ui": "0.0.0-nightly-20240403.0"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "GPL-2.0-or-later",

package/src/undoui.d.ts

@@ -26,5 +26,9 @@ export default class UndoUI extends Plugin {
      * @param keystroke Command keystroke.
      * @param Icon Source of the icon.
      */
-    private _addButton;
+    private _addButtonsToFactory;
+    /**
+     * TODO
+     */
+    private _createButton;
 }

package/src/undoui.js

@@ -6,7 +6,7 @@
  * @module undo/undoui
  */
 import { icons, Plugin } from '@ckeditor/ckeditor5-core';
-import { ButtonView } from '@ckeditor/ckeditor5-ui';
+import { ButtonView, MenuBarMenuListItemButtonView } from '@ckeditor/ckeditor5-ui';
 /**
  * The undo UI feature. It introduces the `'undo'` and `'redo'` buttons to the editor.
  */
@@ -26,8 +26,8 @@ export default class UndoUI extends Plugin {
         const t = editor.t;
         const localizedUndoIcon = locale.uiLanguageDirection == 'ltr' ? icons.undo : icons.redo;
         const localizedRedoIcon = locale.uiLanguageDirection == 'ltr' ? icons.redo : icons.undo;
-        this._addButton('undo', t('Undo'), 'CTRL+Z', localizedUndoIcon);
-        this._addButton('redo', t('Redo'), 'CTRL+Y', localizedRedoIcon);
+        this._addButtonsToFactory('undo', t('Undo'), 'CTRL+Z', localizedUndoIcon);
+        this._addButtonsToFactory('redo', t('Redo'), 'CTRL+Y', localizedRedoIcon);
     }
     /**
      * Creates a button for the specified command.
@@ -37,23 +37,37 @@ export default class UndoUI extends Plugin {
      * @param keystroke Command keystroke.
      * @param Icon Source of the icon.
      */
-    _addButton(name, label, keystroke, Icon) {
+    _addButtonsToFactory(name, label, keystroke, Icon) {
         const editor = this.editor;
-        editor.ui.componentFactory.add(name, locale => {
-            const command = editor.commands.get(name);
-            const view = new ButtonView(locale);
-            view.set({
-                label,
-                icon: Icon,
-                keystroke,
+        editor.ui.componentFactory.add(name, () => {
+            const buttonView = this._createButton(ButtonView, name, label, keystroke, Icon);
+            buttonView.set({
                 tooltip: true
             });
-            view.bind('isEnabled').to(command, 'isEnabled');
-            this.listenTo(view, 'execute', () => {
-                editor.execute(name);
-                editor.editing.view.focus();
-            });
-            return view;
+            return buttonView;
+        });
+        editor.ui.componentFactory.add('menuBar:' + name, () => {
+            return this._createButton(MenuBarMenuListItemButtonView, name, label, keystroke, Icon);
+        });
+    }
+    /**
+     * TODO
+     */
+    _createButton(ButtonClass, name, label, keystroke, Icon) {
+        const editor = this.editor;
+        const locale = editor.locale;
+        const command = editor.commands.get(name);
+        const view = new ButtonClass(locale);
+        view.set({
+            label,
+            icon: Icon,
+            keystroke
+        });
+        view.bind('isEnabled').to(command, 'isEnabled');
+        this.listenTo(view, 'execute', () => {
+            editor.execute(name);
+            editor.editing.view.focus();
         });
+        return view;
     }
 }