@ckeditor/ckeditor5-mention 44.3.0-alpha.7 → 45.0.0-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-mention",
-  "version": "44.3.0-alpha.7",
+  "version": "45.0.0-alpha.0",
   "description": "Mention feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,12 +13,12 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "44.3.0-alpha.7",
-    "@ckeditor/ckeditor5-typing": "44.3.0-alpha.7",
-    "@ckeditor/ckeditor5-ui": "44.3.0-alpha.7",
-    "@ckeditor/ckeditor5-utils": "44.3.0-alpha.7",
-    "ckeditor5": "44.3.0-alpha.7",
-    "lodash-es": "4.17.21"
+    "@ckeditor/ckeditor5-core": "45.0.0-alpha.0",
+    "@ckeditor/ckeditor5-typing": "45.0.0-alpha.0",
+    "@ckeditor/ckeditor5-ui": "45.0.0-alpha.0",
+    "@ckeditor/ckeditor5-utils": "45.0.0-alpha.0",
+    "ckeditor5": "45.0.0-alpha.0",
+    "es-toolkit": "1.32.0"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/mentionui.d.ts

@@ -26,7 +26,7 @@ export default class MentionUI extends Plugin {
     private _items;
     private _lastRequested?;
     /**
-     * Debounced feed requester. It uses `lodash#debounce` method to delay function call.
+     * Debounced feed requester. It uses `es-toolkit#debounce` method to delay function call.
      */
     private _requestFeedDebounced;
     /**

package/src/mentionui.js

@@ -9,7 +9,7 @@ import { Plugin } from 'ckeditor5/src/core.js';
 import { ButtonView, ContextualBalloon, clickOutsideHandler } from 'ckeditor5/src/ui.js';
 import { CKEditorError, Collection, Rect, env, keyCodes, logWarning } from 'ckeditor5/src/utils.js';
 import { TextWatcher } from 'ckeditor5/src/typing.js';
-import { debounce } from 'lodash-es';
+import { debounce } from 'es-toolkit/compat';
 import MentionsView from './ui/mentionsview.js';
 import DomWrapperView from './ui/domwrapperview.js';
 import MentionListItemView from './ui/mentionlistitemview.js';
@@ -29,6 +29,24 @@ const defaultCommitKeyCodes = [
  * The mention UI feature.
  */
 export default class MentionUI extends Plugin {
+    /**
+     * The mention view.
+     */
+    _mentionsView;
+    /**
+     * Stores mention feeds configurations.
+     */
+    _mentionsConfigurations;
+    /**
+     * The contextual balloon plugin instance.
+     */
+    _balloon;
+    _items = new Collection();
+    _lastRequested;
+    /**
+     * Debounced feed requester. It uses `es-toolkit#debounce` method to delay function call.
+     */
+    _requestFeedDebounced;
     /**
      * @inheritDoc
      */
@@ -52,7 +70,6 @@ export default class MentionUI extends Plugin {
      */
     constructor(editor) {
         super(editor);
-        this._items = new Collection();
         this._mentionsView = this._createMentionView();
         this._mentionsConfigurations = new Map();
         this._requestFeedDebounced = debounce(this._requestFeed, 100);
@@ -332,7 +349,8 @@ export default class MentionUI extends Plugin {
             this._balloon.add({
                 view: this._mentionsView,
                 position: this._getBalloonPanelPositionData(markerMarker, this._mentionsView.position),
-                singleViewMode: true
+                singleViewMode: true,
+                balloonClassName: 'ck-mention-balloon'
             });
         }
         this._mentionsView.position = this._balloon.view.position;

package/src/ui/domwrapperview.js

@@ -12,6 +12,10 @@ import { View } from 'ckeditor5/src/ui.js';
  * It allows to render any DOM element and use it in mentions list.
  */
 export default class DomWrapperView extends View {
+    /**
+     * The DOM element for which wrapper was created.
+     */
+    domElement;
     /**
      * Creates an instance of {@link module:mention/ui/domwrapperview~DomWrapperView} class.
      *

package/src/ui/mentionlistitemview.js

@@ -7,6 +7,8 @@
  */
 import { ListItemView } from 'ckeditor5/src/ui.js';
 export default class MentionListItemView extends ListItemView {
+    item;
+    marker;
     highlight() {
         const child = this.children.first;
         child.isOn = true;

package/src/ui/mentionsview.js

@@ -12,6 +12,8 @@ import '../../theme/mentionui.css';
  * The mention ui view.
  */
 export default class MentionsView extends ListView {
+    selected;
+    position;
     /**
      * @inheritDoc
      */

package/theme/mentionui.css

@@ -25,3 +25,7 @@
 		flex-shrink: 0;
 	}
 }
+
+div.ck.ck-balloon-panel.ck-mention-balloon {
+	z-index: calc( var( --ck-z-dialog ) + 1 );
+}