@syncfusion/ej2-dropdowns 23.1.42 → 23.1.44

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 23.1.42
+*  version : 23.1.44
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-dropdowns@*",
-  "_id": "@syncfusion/ej2-dropdowns@23.1.41",
+  "_id": "@syncfusion/ej2-dropdowns@23.1.43",
   "_inBundle": false,
-  "_integrity": "sha512-y//3VH/5+habVL6F0DziqbiYzeCU3yvRE5/8YmQRKStz0qg/N0emXUiW/y2uerMFcEuWYUHAz6zIobX28fiA8Q==",
+  "_integrity": "sha512-Xr9PivtmGzoHdHTa7A/OdylJZvAicZq8KjyH32IBZmIu8LXxy4CnqwqZE4iArWew6cieHg2T4iisgBkXfhXM0w==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-23.1.41.tgz",
-  "_shasum": "b4d93ee08b3b0bf0ed2cc3efe64f19e33255a6f6",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-23.1.43.tgz",
+  "_shasum": "387fcadf249d432ca74bb8349ea730b7bfe7e6b7",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_23.1.1/packages/included",
   "author": {
@@ -44,12 +44,12 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~23.1.41",
-    "@syncfusion/ej2-data": "~23.1.36",
-    "@syncfusion/ej2-inputs": "~23.1.42",
-    "@syncfusion/ej2-lists": "~23.1.42",
-    "@syncfusion/ej2-navigations": "~23.1.41",
+    "@syncfusion/ej2-data": "~23.1.44",
+    "@syncfusion/ej2-inputs": "~23.1.43",
+    "@syncfusion/ej2-lists": "~23.1.43",
+    "@syncfusion/ej2-navigations": "~23.1.44",
     "@syncfusion/ej2-notifications": "~23.1.40",
-    "@syncfusion/ej2-popups": "~23.1.38"
+    "@syncfusion/ej2-popups": "~23.1.44"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -74,7 +74,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "23.1.42",
+  "version": "23.1.44",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/drop-down-base/drop-down-base.d.ts

@@ -554,6 +554,13 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     };
     protected setFixedHeader(): void;
     private getSortedDataSource;
+    /**
+     * Return the index of item which matched with given value in data source
+     *
+     * @param {string | number | boolean} value - Specifies given value.
+     * @returns {number} Returns the index of the item.
+     */
+    protected getIndexByValueFilter(value: string | number | boolean): number;
     /**
      * Return the index of item which matched with given value in data source
      *

package/src/drop-down-base/drop-down-base.js

@@ -275,7 +275,9 @@ var DropDownBase = /** @class */ (function (_super) {
                         }
                     }
                     else {
-                        ele.appendChild(noDataElement[i]);
+                        if (noDataElement[i] instanceof HTMLElement) {
+                            ele.appendChild(noDataElement[i]);
+                        }
                     }
                 }
             }
@@ -939,6 +941,23 @@ var DropDownBase = /** @class */ (function (_super) {
         }
         return dataSource;
     };
+    /**
+     * Return the index of item which matched with given value in data source
+     *
+     * @param {string | number | boolean} value - Specifies given value.
+     * @returns {number} Returns the index of the item.
+     */
+    DropDownBase.prototype.getIndexByValueFilter = function (value) {
+        var index;
+        var listItems = this.renderItems(this.selectData, this.fields);
+        for (var i = 0; i < listItems.children.length; i++) {
+            if (!isNullOrUndefined(value) && listItems.children[i].getAttribute('data-value') === value.toString()) {
+                index = i;
+                break;
+            }
+        }
+        return index;
+    };
     /**
      * Return the index of item which matched with given value in data source
      *

package/src/drop-down-list/drop-down-list.js

@@ -805,6 +805,13 @@ var DropDownList = /** @class */ (function (_super) {
         }
     };
     DropDownList.prototype.updateUpDownAction = function (e, isVirtualKeyAction) {
+        if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
+            var value_1 = this.getItemData().value;
+            var filterIndex = this.getIndexByValue(value_1);
+            if (!isNullOrUndefined(filterIndex)) {
+                this.activeIndex = filterIndex;
+            }
+        }
         var focusEle = this.list.querySelector('.' + dropDownListClasses.focus);
         if (this.isSelectFocusItem(focusEle) && !isVirtualKeyAction) {
             this.setSelection(focusEle, e);
@@ -849,6 +856,13 @@ var DropDownList = /** @class */ (function (_super) {
                 this.setSelection(nextItem, e);
             }
         }
+        if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
+            var value_2 = this.getItemData().value;
+            var filterIndex = this.getIndexByValueFilter(value_2);
+            if (!isNullOrUndefined(filterIndex)) {
+                this.activeIndex = filterIndex;
+            }
+        }
         e.preventDefault();
     };
     DropDownList.prototype.updateHomeEndAction = function (e, isVirtualKeyAction) {
@@ -1150,7 +1164,18 @@ var DropDownList = /** @class */ (function (_super) {
         if (isNullOrUndefined(value)) {
             value = 'null';
         }
-        this.activeIndex = this.getIndexByValue(value);
+        if (this.allowFiltering && !this.enableVirtualization && this.getModuleName() !== 'autocomplete') {
+            var filterIndex = this.getIndexByValueFilter(value);
+            if (!isNullOrUndefined(filterIndex)) {
+                this.activeIndex = filterIndex;
+            }
+            else {
+                this.activeIndex = this.getIndexByValue(value);
+            }
+        }
+        else {
+            this.activeIndex = this.getIndexByValue(value);
+        }
     };
     DropDownList.prototype.activeItem = function (li) {
         if (this.isValidLI(li) && !li.classList.contains(dropDownBaseClasses.selected)) {
@@ -1176,6 +1201,9 @@ var DropDownList = /** @class */ (function (_super) {
             detach(this.valueTempElement);
             this.inputElement.style.display = 'block';
         }
+        if (!isNullOrUndefined(dataItem.value) && !this.enableVirtualization && this.allowFiltering) {
+            this.activeIndex = this.getIndexByValueFilter(dataItem.value);
+        }
         var clearIcon = dropDownListClasses.clearIcon;
         var isFilterElement = this.isFiltering() && this.filterInput && (this.getModuleName() === 'combobox');
         var clearElement = isFilterElement && this.filterInput.parentElement.querySelector('.' + clearIcon);
@@ -1950,10 +1978,10 @@ var DropDownList = /** @class */ (function (_super) {
     DropDownList.prototype.addNewItem = function (listData, newElement) {
         var _this = this;
         if (!isNullOrUndefined(this.itemData) && !isNullOrUndefined(newElement)) {
-            var value_1 = this.getItemData().value;
+            var value_3 = this.getItemData().value;
             var isExist = listData.some(function (data) {
-                return (((typeof data === 'string' || typeof data === 'number') && data === value_1) ||
-                    (getValue(_this.fields.value, data) === value_1));
+                return (((typeof data === 'string' || typeof data === 'number') && data === value_3) ||
+                    (getValue(_this.fields.value, data) === value_3));
             });
             if (!isExist) {
                 this.addItem(this.itemData);
@@ -2668,7 +2696,9 @@ var DropDownList = /** @class */ (function (_super) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             this.list.getElementsByClassName('e-virtual-ddl')[0].style = this.GetVirtualTrackHeight();
         }
-        this.getSkeletonCount();
+        if (this.getModuleName() !== 'autocomplete' && this.totalItemCount != 0 && this.totalItemCount > (this.itemCount * 2)) {
+            this.getSkeletonCount();
+        }
         this.UpdateSkeleton();
         this.listData = currentData;
         this.updateActionCompleteDataValues(ulElement, currentData);

package/src/drop-down-tree/drop-down-tree.js

@@ -1971,12 +1971,12 @@ var DropDownTree = /** @class */ (function (_super) {
             var nodes = this.treeObj.element.querySelectorAll('li');
             var checkedNodes = this.treeObj.element.querySelectorAll('li .e-checkbox-wrapper[aria-checked=true]');
             var wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
-            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || args.data[0].isChecked == "false")) {
+            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNOU(args.data[0]) && args.data[0].isChecked === 'false'))) {
                 this.isReverseUpdate = true;
                 this.changeState(wrap, 'uncheck');
                 this.isReverseUpdate = false;
             }
-            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled || args.data[0].isChecked == "true")) {
+            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled || (!isNOU(args.data[0]) && args.data[0].isChecked === 'true'))) {
                 this.isReverseUpdate = true;
                 this.isCheckAllCalled = false;
                 this.changeState(wrap, 'check');
@@ -2941,7 +2941,6 @@ var DropDownTree = /** @class */ (function (_super) {
         this.clearTemplate();
         this.unWireEvents();
         this.setCssClass(null, this.cssClass);
-        this.setProperties({ value: [] }, true);
         this.setProperties({ text: null }, true);
         this.treeObj.destroy();
         this.destroyFilter();
@@ -2984,6 +2983,7 @@ var DropDownTree = /** @class */ (function (_super) {
         this.overFlowWrapper = null;
         this.keyboardModule = null;
         _super.prototype.destroy.call(this);
+        this.setProperties({ value: [] }, true);
     };
     DropDownTree.prototype.destroyFilter = function () {
         if (this.filterObj) {

package/src/mention/mention.js

@@ -314,7 +314,7 @@ var Mention = /** @class */ (function (_super) {
         var currentRange = this.getTextRange();
         var lastWordRange = this.getLastLetter(currentRange);
         // eslint-disable-next-line security/detect-non-literal-regexp
-        var Regex = new RegExp(this.mentionChar, 'g');
+        var Regex = new RegExp(this.mentionChar.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g');
         var charRegex = new RegExp('[a-zA-Z]', 'g');
         if (e.key === 'Shift' || e.keyCode === 37 || e.keyCode === 39) {
             return;
@@ -1219,7 +1219,12 @@ var Mention = /** @class */ (function (_super) {
             value = this.displayTempElement.innerHTML;
         }
         if (this.isContentEditable(this.inputElement)) {
-            return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : ' ');
+            if (Browser.isAndroid) {
+                return '<span contenteditable="true" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : ' ');
+            }
+            else {
+                return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : ' ');
+            }
         }
         else {
             return showChar + value;
@@ -1452,7 +1457,6 @@ var Mention = /** @class */ (function (_super) {
         this.previousSelectedLI = null;
         this.item = null;
         this.selectedLI = null;
-        this.inputElement.innerText = null;
         this.popupObj = null;
         _super.prototype.destroy.call(this);
     };