Merge branch 'development'

Author: Bohdan-Chui

CHANGELOG.md

@@ -1,5 +1,10 @@
 # WProofreader plugin for CKEditor 5 Changelog
 
+## 2.3.0 – 2023-06-13
+
+* Enabled all the actions such in the badge similarly to ones in the toolbar icon. [#67](https://github.com/WebSpellChecker/wproofreader-ckeditor5/issues/67).
+* Improved text hint for the WProofreader toolbar icon.  [#68](https://github.com/WebSpellChecker/wproofreader-ckeditor5/issues/68).
+
 ## 2.2.1 – 2023-05-10
 
 Internal changes only (updated dependencies, documentation, etc.).

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@webspellchecker/wproofreader-ckeditor5",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "description": "Multilingual spelling and grammar checking plugin for CKEditor 5",
   "repository": {
     "type": "git",

package.json

@@ -1,5 +1,4 @@
-import EditorUI from '@ckeditor/ckeditor5-core/src/editor/editorui';
-import enableToolbarKeyboardFocus from '@ckeditor/ckeditor5-ui/src/toolbar/enabletoolbarkeyboardfocus';
+import EditorUI from '@ckeditor/ckeditor5-ui/src/editorui/editorui';
 import { enablePlaceholder } from '@ckeditor/ckeditor5-engine/src/view/placeholder';
 
 /**
@@ -69,11 +68,6 @@ export default class MultirootEditorUI extends EditorUI {
 			// Register each editable UI view in the editor.
 			this.setEditableElement(editable.name, editableElement);
 
-			// Let the global focus tracker know that the editable UI element is focusable and
-			// belongs to the editor. From now on, the focus tracker will sustain the editor focus
-			// as long as the editable is focused (e.g. the user is typing).
-			this.focusTracker.add(editableElement);
-
 			// Let the editable UI element respond to the changes in the global editor focus
 			// tracker. It has been added to the same tracker a few lines above but, in reality, there are
 			// many focusable areas in the editor, like balloons, toolbars or dropdowns and as long
@@ -137,18 +131,10 @@ export default class MultirootEditorUI extends EditorUI {
 	 * @private
 	 */
 	_initToolbar() {
-		const editor = this.editor;
-		const view = this.view;
-		const toolbar = view.toolbar;
+		const toolbar = this.view.toolbar;
 
-		toolbar.fillFromConfig(editor.config.get('toolbar'), this.componentFactory);
-
-		enableToolbarKeyboardFocus({
-			origin: editor.editing.view,
-			originFocusTracker: this.focusTracker,
-			originKeystrokeHandler: editor.keystrokes,
-			toolbar
-		});
+		toolbar.fillFromConfig(this.editor.config.get('toolbar'), this.componentFactory);
+		this.editor.ui.addToolbar(toolbar)
 	}
 
 	/**

samples/multi-root-editor/multi-root-editor-ui.js

@@ -214,7 +214,6 @@ export default class WProofreader extends Plugin {
 			appType: 'proofreader_ck5',
 			disableDialog: this._isMultiRoot || this._isCollaborationMode,
 			restrictedEditingMode: this._isRestrictedEditingMode,
-			hideStaticActions: true,
 			disableBadgePulsing: true,
 			onCommitOptions: this._onCommitOptions.bind(this),
 			onToggle: this._onToggle.bind(this)

src/wproofreader.js

@@ -51,7 +51,7 @@ export default class WProofreaderUI extends Plugin {
 			let dropdownItemsDefinitions, actions;
 
 			dropdownView.buttonView.set({
-				label: 'WProofreader',
+				label: 'WProofreader text checker',
 				icon: wproofreaderIcon,
 				tooltip: true
 			});