@syncfusion/ej2-dropdowns 20.1.56 → 20.1.59

package/dist/es6/ej2-dropdowns.es2015.js

@@ -614,10 +614,10 @@ let DropDownBase = class DropDownBase extends Component {
                                     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);
                             }
@@ -2464,13 +2464,21 @@ let DropDownList = class DropDownList extends DropDownBase {
         // 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 = '';
+        }
         const valuecheck = this.dropdownCompiler(this.valueTemplate);
         if (valuecheck) {
             compiledString = compile(document.querySelector(this.valueTemplate).innerHTML.trim());
@@ -2956,7 +2964,7 @@ let DropDownList = class DropDownList extends DropDownBase {
     }
     updateActionCompleteDataValues(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;
         }
     }
@@ -4597,13 +4605,14 @@ let DropDownTree = class DropDownTree extends Component {
                     matchedChildren.push(filteredChild);
                 }
             }
+            let 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;
             }
         }
     }
@@ -5937,11 +5946,12 @@ let DropDownTree = class DropDownTree extends Component {
             }
             return 2;
         }
-        for (let i = 0, len = ds.length; i < len; i++) {
-            if ((typeof field.child === 'string') && !isNullOrUndefined(getValue(field.child, ds[i]))) {
+        this.fields.dataSource = isNullOrUndefined(this.fields.dataSource) ? [] : this.fields.dataSource;
+        for (let i = 0, len = this.fields.dataSource.length; i < len; i++) {
+            if ((typeof field.child === 'string') && !isNullOrUndefined(getValue(field.child, this.fields.dataSource[i]))) {
                 return 2;
             }
-            if (!isNullOrUndefined(getValue(field.parentValue, ds[i])) || !isNullOrUndefined(getValue(field.hasChildren, ds[i]))) {
+            if (!isNullOrUndefined(getValue(field.parentValue, this.fields.dataSource[i])) || !isNullOrUndefined(getValue(field.hasChildren, this.fields.dataSource[i]))) {
                 return 1;
             }
         }
@@ -7743,7 +7753,7 @@ let ComboBox = class ComboBox extends DropDownList {
         else if (this.isTyped && !this.isSelected && isNullOrUndefined(li)) {
             this.customValue(e);
         }
-        this.hidePopup();
+        this.hidePopup(e);
     }
     setHoverList(li) {
         this.removeSelection();
@@ -8385,8 +8395,8 @@ let AutoComplete = class AutoComplete extends ComboBox {
      *
      * @returns {void}
      */
-    hidePopup() {
-        super.hidePopup();
+    hidePopup(e) {
+        super.hidePopup(e);
         this.activeIndex = -1;
     }
     /**
@@ -9273,6 +9283,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
     }
     getQuery(query) {
         const filterQuery = query ? query.clone() : this.query ? this.query.clone() : new Query();
+        if (this.isFiltered) {
+            return filterQuery;
+        }
         if (this.filterAction) {
             if (this.targetElement() !== null) {
                 const dataType = this.typeOfData(this.dataSource).typeof;
@@ -15282,6 +15295,13 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
             this.list.parentElement.insertBefore(this.element, this.list);
         }
         super.destroy();
+        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();
         }