@syncfusion/ej2-dropdowns 23.1.40 → 23.1.41

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

@@ -1611,6 +1611,11 @@ let DropDownBase = class DropDownBase extends Component {
             this.initialize(e);
         }
     }
+    removeScrollEvent() {
+        if (this.list) {
+            EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
+        }
+    }
     /**
      * Return the module name of this component.
      *
@@ -1991,6 +1996,7 @@ let DropDownList = class DropDownList extends DropDownBase {
         this.pageCount = 0;
         this.isPreventKeyAction = false;
         this.generatedDataObject = {};
+        this.isTouched = false;
         this.virtualListInfo = {
             currentPageNumber: null,
             direction: null,
@@ -3751,7 +3757,12 @@ let DropDownList = class DropDownList extends DropDownBase {
                         this.updateActionCompleteDataValues(ulElement, list);
                     }
                 }
-                if (!this.enableVirtualization) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                if ((this.allowCustom || (this.allowFiltering && !this.isValueInList(list, this.value) && this.dataSource instanceof DataManager)) && !this.enableVirtualization) {
+                    this.addNewItem(list, selectedItem);
+                }
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                else if ((this.allowCustom || (this.allowFiltering && this.isValueInList(list, this.value))) && !this.enableVirtualization) {
                     this.addNewItem(list, selectedItem);
                 }
                 if (!isNullOrUndefined(this.itemData) || (isNullOrUndefined(this.itemData) && this.enableVirtualization)) {
@@ -3785,6 +3796,24 @@ let DropDownList = class DropDownList extends DropDownBase {
         }
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    isValueInList(list, valueToFind) {
+        if (Array.isArray(list)) {
+            for (let i = 0; i < list.length; i++) {
+                if (list[i] === valueToFind) {
+                    return true;
+                }
+            }
+        }
+        else if (typeof list === 'object' && list !== null) {
+            for (const key in list) {
+                if (Object.prototype.hasOwnProperty.call(list, key) && list[key] === valueToFind) {
+                    return true;
+                }
+            }
+        }
+        return false;
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     checkFieldValue(list, fieldValue) {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         let checkField = list;
@@ -4539,6 +4568,7 @@ let DropDownList = class DropDownList extends DropDownBase {
      * @returns {void}
      */
     render() {
+        this.preselectedIndex = !isNullOrUndefined(this.index) ? this.index : null;
         if (this.element.tagName === 'INPUT') {
             this.inputElement = this.element;
             if (isNullOrUndefined(this.inputElement.getAttribute('role'))) {
@@ -4776,7 +4806,6 @@ let DropDownList = class DropDownList extends DropDownBase {
         if (this.allowFiltering && newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource))) {
             this.actionCompleteData = { ulElement: null, list: null, isUpdated: false };
             this.actionData = this.actionCompleteData;
-            this.itemData = null;
         }
         else if (this.allowFiltering && newProp.query && !isNullOrUndefined(Object.keys(newProp.query))) {
             this.actionCompleteData = this.getModuleName() === 'combobox' ?
@@ -4821,6 +4850,13 @@ let DropDownList = class DropDownList extends DropDownBase {
      * @returns {void}
      */
     onPropertyChanged(newProp, oldProp) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (!isNullOrUndefined(newProp.dataSource) && !this.isTouched && (isNullOrUndefined(newProp.value) && isNullOrUndefined(newProp.index)) && !isNullOrUndefined(this.preselectedIndex)) {
+            newProp.index = this.preselectedIndex;
+        }
+        if (!isNullOrUndefined(newProp.value) || !isNullOrUndefined(newProp.index)) {
+            this.isTouched = true;
+        }
         if (this.getModuleName() === 'dropdownlist') {
             this.checkData(newProp);
             this.setUpdateInitial(['fields', 'query', 'dataSource'], newProp);
@@ -7359,12 +7395,12 @@ let DropDownTree = class DropDownTree extends Component {
             const nodes = this.treeObj.element.querySelectorAll('li');
             const checkedNodes = this.treeObj.element.querySelectorAll('li .e-checkbox-wrapper[aria-checked=true]');
             const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
-            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0)) {
+            if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 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)) {
+            else if (wrap && args.action === 'check' && checkedNodes.length === nodes.length && (args.isInteracted || this.isCheckAllCalled || args.data[0].isChecked == "true")) {
                 this.isReverseUpdate = true;
                 this.isCheckAllCalled = false;
                 this.changeState(wrap, 'check');
@@ -13721,6 +13757,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
                     }
                     this.updateSelectElementData(this.allowFiltering);
                     break;
+                case 'fields':
+                    if (isNullOrUndefined(this.fields.groupBy)) {
+                        this.removeScrollEvent();
+                    }
+                    break;
                 default:
                     {
                         // eslint-disable-next-line max-len