@syncfusion/ej2-dropdowns 20.1.56 → 20.1.59

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.56
+*  version : 20.1.59
 *  Copyright Syncfusion Inc. 2001 - 2020. 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@20.1.55",
+  "_id": "@syncfusion/ej2-dropdowns@20.1.58",
   "_inBundle": false,
-  "_integrity": "sha512-g214RNBPi745vj8rFCbtCIhyTt8n4l135Kx9VDsIzI55uvvBN+0bjGaE2FwI/9EHlYdP6PCBXajFfcxo9a8w2A==",
+  "_integrity": "sha512-b+3vAE6HiHsoj9Moq7e19gX1/m9G91tT75u7JVDr2qhfIILIQAy+h9kzxExMmi8kgnUPpxJJ+EFIjiZGFAnAHg==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.1.55.tgz",
-  "_shasum": "419731acc345965a34b619b56e650f7241c52284",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.1.58.tgz",
+  "_shasum": "61079a5ebce377dddca23c0e6e9cea1430daa1ec",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -42,12 +42,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.56",
+    "@syncfusion/ej2-base": "~20.1.57",
     "@syncfusion/ej2-data": "~20.1.55",
-    "@syncfusion/ej2-inputs": "~20.1.55",
+    "@syncfusion/ej2-inputs": "~20.1.59",
     "@syncfusion/ej2-lists": "~20.1.55",
-    "@syncfusion/ej2-navigations": "~20.1.56",
-    "@syncfusion/ej2-popups": "~20.1.55"
+    "@syncfusion/ej2-navigations": "~20.1.58",
+    "@syncfusion/ej2-popups": "~20.1.58"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -72,6 +72,6 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "20.1.56",
+  "version": "20.1.59",
   "sideEffects": false
 }

package/src/auto-complete/auto-complete.d.ts

@@ -252,7 +252,7 @@ export declare class AutoComplete extends ComboBox {
      *
      * @returns {void}
      */
-    hidePopup(): void;
+    hidePopup(e?: KeyboardEventArgs): void;
     /**
      * Dynamically change the value of properties.
      *

package/src/auto-complete/auto-complete.js

@@ -285,8 +285,8 @@ var AutoComplete = /** @class */ (function (_super) {
      *
      * @returns {void}
      */
-    AutoComplete.prototype.hidePopup = function () {
-        _super.prototype.hidePopup.call(this);
+    AutoComplete.prototype.hidePopup = function (e) {
+        _super.prototype.hidePopup.call(this, e);
         this.activeIndex = -1;
     };
     /**

package/src/combo-box/combo-box.js

@@ -472,7 +472,7 @@ var ComboBox = /** @class */ (function (_super) {
         else if (this.isTyped && !this.isSelected && isNullOrUndefined(li)) {
             this.customValue(e);
         }
-        this.hidePopup();
+        this.hidePopup(e);
     };
     ComboBox.prototype.setHoverList = function (li) {
         this.removeSelection();

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

@@ -467,10 +467,10 @@ var DropDownBase = /** @class */ (function (_super) {
                                     _this.isDataFetched = true;
                                 }
                                 ulElement = _this.renderItems(listItems, fields);
-                                _this.onActionComplete(ulElement, listItems, e);
                                 if (_this.groupTemplate) {
                                     _this.renderGroupTemplate(ulElement);
                                 }
+                                _this.onActionComplete(ulElement, listItems, e);
                                 _this.isRequested = false;
                                 _this.bindChildItems(listItems, ulElement, fields, e);
                             }

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

@@ -1048,13 +1048,21 @@ var DropDownList = /** @class */ (function (_super) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
             this.clearTemplate(['valueTemplate']);
+            if (this.valueTempElement) {
+                detach(this.valueTempElement);
+                this.inputElement.style.display = 'block';
+                this.valueTempElement = null;
+            }
         }
         if (!this.valueTempElement) {
             this.valueTempElement = this.createElement('span', { className: dropDownListClasses.value });
             this.inputElement.parentElement.insertBefore(this.valueTempElement, this.inputElement);
             this.inputElement.style.display = 'none';
         }
-        this.valueTempElement.innerHTML = '';
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (!this.isReact) {
+            this.valueTempElement.innerHTML = '';
+        }
         var valuecheck = this.dropdownCompiler(this.valueTemplate);
         if (valuecheck) {
             compiledString = compile(document.querySelector(this.valueTemplate).innerHTML.trim());
@@ -1543,7 +1551,7 @@ var DropDownList = /** @class */ (function (_super) {
     };
     DropDownList.prototype.updateActionCompleteDataValues = function (ulElement, list) {
         this.actionCompleteData = { ulElement: ulElement.cloneNode(true), list: list, isUpdated: true };
-        if (isNullOrUndefined(this.actionData.ulElement) && isNullOrUndefined(this.actionData.list)) {
+        if (this.actionData.list !== this.actionCompleteData.list && this.actionCompleteData.ulElement && this.actionCompleteData.list) {
             this.actionData = this.actionCompleteData;
         }
     };

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

@@ -454,13 +454,14 @@ var DropDownTree = /** @class */ (function (_super) {
                     matchedChildren.push(filteredChild);
                 }
             }
+            var filteredItems = Object.assign({}, node);
             if (matchedChildren.length !== 0) {
-                node[this.fields.child] = matchedChildren;
-                return node;
+                filteredItems[this.fields.child] = matchedChildren;
+                return filteredItems;
             }
             else {
-                node[this.fields.child] = null;
-                return (this.isMatchedNode(value, node)) ? node : null;
+                filteredItems[this.fields.child] = null;
+                return (this.isMatchedNode(value, filteredItems)) ? filteredItems : null;
             }
         }
     };
@@ -1802,11 +1803,12 @@ var DropDownTree = /** @class */ (function (_super) {
             }
             return 2;
         }
-        for (var i = 0, len = ds.length; i < len; i++) {
-            if ((typeof field.child === 'string') && !isNOU(getValue(field.child, ds[i]))) {
+        this.fields.dataSource = isNOU(this.fields.dataSource) ? [] : this.fields.dataSource;
+        for (var i = 0, len = this.fields.dataSource.length; i < len; i++) {
+            if ((typeof field.child === 'string') && !isNOU(getValue(field.child, this.fields.dataSource[i]))) {
                 return 2;
             }
-            if (!isNOU(getValue(field.parentValue, ds[i])) || !isNOU(getValue(field.hasChildren, ds[i]))) {
+            if (!isNOU(getValue(field.parentValue, this.fields.dataSource[i])) || !isNOU(getValue(field.hasChildren, this.fields.dataSource[i]))) {
                 return 1;
             }
         }

package/src/list-box/list-box.js

@@ -2052,6 +2052,13 @@ var ListBox = /** @class */ (function (_super) {
             this.list.parentElement.insertBefore(this.element, this.list);
         }
         _super.prototype.destroy.call(this);
+        this.enableRtlElements = [];
+        this.liCollections = null;
+        this.list = null;
+        this.ulElement = null;
+        this.mainList = null;
+        this.spinner = null;
+        this.rippleFun = null;
         if (this.itemTemplate) {
             this.clearTemplate();
         }

package/src/multi-select/multi-select.js

@@ -637,6 +637,9 @@ var MultiSelect = /** @class */ (function (_super) {
     };
     MultiSelect.prototype.getQuery = function (query) {
         var filterQuery = query ? query.clone() : this.query ? this.query.clone() : new Query();
+        if (this.isFiltered) {
+            return filterQuery;
+        }
         if (this.filterAction) {
             if (this.targetElement() !== null) {
                 var dataType = this.typeOfData(this.dataSource).typeof;