@syncfusion/ej2-dropdowns 20.4.38 → 20.4.42

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.4.38
+*  version : 20.4.42
 *  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@18.58.2",
+  "_id": "@syncfusion/ej2-dropdowns@20.4.40",
   "_inBundle": false,
-  "_integrity": "sha512-vD4WNwAbimAx0XnFNgwoknAKaacI0KCvCj3iJZxia/Z5DIsH9/2PiwIfquOgHBPaq+Nu0NEa0XDk1rNyce9EZg==",
+  "_integrity": "sha512-xqKXamW2NJjIi79drLYDBH8XJFR3EW6edMF0NDsisCPJ7lQyy6SUBTNDEnnoT62eOZxki7k6UYJ+KRhxOoWx1Q==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.58.2.tgz",
-  "_shasum": "857b24b55c28406de45890a415c2b0e5c094e681",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.4.40.tgz",
+  "_shasum": "1ec49b9c25595387e0213eccc971de4e7d5d4042",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -42,12 +42,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.4.38",
-    "@syncfusion/ej2-data": "~20.4.38",
-    "@syncfusion/ej2-inputs": "~20.4.38",
-    "@syncfusion/ej2-lists": "~20.4.38",
-    "@syncfusion/ej2-navigations": "~20.4.38",
-    "@syncfusion/ej2-popups": "~20.4.38"
+    "@syncfusion/ej2-base": "~20.4.42",
+    "@syncfusion/ej2-data": "~20.4.42",
+    "@syncfusion/ej2-inputs": "~20.4.42",
+    "@syncfusion/ej2-lists": "~20.4.42",
+    "@syncfusion/ej2-navigations": "~20.4.42",
+    "@syncfusion/ej2-popups": "~20.4.42"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -72,6 +72,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "20.4.38",
-  "sideEffects": false
+  "version": "20.4.42",
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -469,10 +469,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-tree/drop-down-tree.js

@@ -1684,6 +1684,9 @@ var DropDownTree = /** @class */ (function (_super) {
         }
         var eventArgs = { data: args.data };
         this.trigger('dataBound', eventArgs);
+        if (this.filterObj === null) {
+            this.isFilteredData = false;
+        }
         if (this.isFilteredData) {
             this.treeObj.expandAll();
         }

package/src/list-box/list-box-model.d.ts

@@ -102,13 +102,13 @@ export interface ListBoxModel extends DropDownBaseModel{
     enabled?: boolean;
 
     /**
-        * Enable or disable persisting component's state between page reloads.
-        * If enabled, following list of states will be persisted.
-        * 1. value
-        *
-        * @default false
+     * Enable or disable persisting component's state between page reloads.
+     * If enabled, following list of states will be persisted.
+     * 1. value
+     *
+     * @default false
 
-        */
+     */
     enablePersistence?: boolean;
 
     /**

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

@@ -615,6 +615,7 @@ var ListBox = /** @class */ (function (_super) {
             dragArgs = extend(dragArgs, { destination: dragArgs1 });
         }
         this.trigger('drop', dragArgs);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         var liCollElem = dragArgs.elements;
         if (liCollElem.length) {
             for (var i = 0; i < liCollElem.length; i++) {
@@ -1512,7 +1513,7 @@ var ListBox = /** @class */ (function (_super) {
         var isRefresh = tListBox.sortOrder !== 'None' || (tListBox.selectionSettings.showCheckbox !==
             fListBox.selectionSettings.showCheckbox) || tListBox.fields.groupBy || tListBox.itemTemplate || fListBox.itemTemplate;
         this.removeSelected(fListBox, fListBox.getSelectedItems());
-        var tempItems = [].slice.call(fListBox.jsonData);
+        var tempItems = [].slice.call(fListBox.listData);
         var localDataArgs = { cancel: false, items: tempItems, eventName: this.toolbarAction };
         fListBox.trigger('actionBegin', localDataArgs);
         if (localDataArgs.cancel) {
@@ -1557,11 +1558,18 @@ var ListBox = /** @class */ (function (_super) {
         fListBox.value = [];
         listData = listData
             .filter(function (data) { return data.isHeader !== true; });
-        tListBox.listData = tListBox.jsonData = listData;
+        var sortedData = listData.filter(function (val) {
+            return tListBox.jsonData.indexOf(val) === -1;
+        });
+        for (var i = 0; i < sortedData.length; i++) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            tListBox.jsonData.splice(index + i, 0, sortedData[i]);
+        }
+        tListBox.listData = listData;
         if (fListBox.listData.length === fListBox.jsonData.length) {
             fListBox.listData = fListBox.sortedData = fListBox.jsonData = [];
         }
-        else if (this.allowFiltering) {
+        else if (fListBox.allowFiltering) {
             for (var i = 0; i < fListBox.listData.length; i++) {
                 for (var j = 0; j < fListBox.jsonData.length; j++) {
                     if (fListBox.listData[i] === fListBox.jsonData[j]) {

package/src/mention/mention.js

@@ -617,9 +617,18 @@ var Mention = /** @class */ (function (_super) {
         var args = { cancel: false };
         this.trigger('beforeOpen', args, function (args) {
             if (!args.cancel) {
-                var popupEle_1 = isNullOrUndefined(_this.target) ? _this.createElement('div', {
-                    id: _this.inputElement.id + '_popup', className: 'e-mention e-popup ' + (_this.cssClass != null ? _this.cssClass : '')
-                }) : _this.element;
+                var popupEle_1;
+                if (isNullOrUndefined(_this.target)) {
+                    popupEle_1 = _this.createElement('div', {
+                        id: _this.inputElement.id + '_popup', className: 'e-mention e-popup ' + (_this.cssClass != null ? _this.cssClass : '')
+                    });
+                }
+                else {
+                    popupEle_1 = _this.element;
+                    if (_this.cssClass != null) {
+                        addClass([popupEle_1], _this.cssClass.split(' '));
+                    }
+                }
                 if (!isNullOrUndefined(_this.target)) {
                     popupEle_1.id = _this.inputElement.id + '_popup';
                     addClass([popupEle_1], ['e-mention', 'e-popup', 'e-popup-close']);

package/src/multi-select/multi-select.d.ts

@@ -576,6 +576,8 @@ export declare class MultiSelect extends DropDownBase implements IInput {
     private selectAllEventEle;
     private filterParent;
     private removeIndex;
+    private resetMainList;
+    private resetFilteredData;
     private enableRTL;
     requiredModules(): ModuleDeclaration[];
     private updateHTMLAttribute;

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

@@ -102,6 +102,8 @@ var MultiSelect = /** @class */ (function (_super) {
         _this.isValidKey = false;
         _this.selectAllEventData = [];
         _this.selectAllEventEle = [];
+        _this.resetMainList = null;
+        _this.resetFilteredData = false;
         _this.scrollFocusStatus = false;
         _this.keyDownStatus = false;
         return _this;
@@ -848,6 +850,10 @@ var MultiSelect = /** @class */ (function (_super) {
             }
         }
         this.updateDataList();
+        if (this.resetMainList) {
+            this.mainList = this.resetMainList;
+            this.resetMainList = null;
+        }
         this.refreshListItems(null);
         if (this.mode !== 'Box' && this.mode !== 'CheckBox') {
             this.updateDelimView();
@@ -2263,6 +2269,7 @@ var MultiSelect = /** @class */ (function (_super) {
     };
     MultiSelect.prototype.search = function (e) {
         var _this = this;
+        this.resetFilteredData = true;
         if (!isNullOrUndefined(e)) {
             this.keyCode = e.keyCode;
         }
@@ -3457,6 +3464,11 @@ var MultiSelect = /** @class */ (function (_super) {
     MultiSelect.prototype.onPropertyChanged = function (newProp, oldProp) {
         if (newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource))
             || newProp.query && !isNullOrUndefined(Object.keys(newProp.query))) {
+            if (this.resetFilteredData) {
+                // The filtered data is not being reset in the component after the user focuses out.
+                this.resetMainList = !this.resetMainList ? this.mainList : this.resetMainList;
+                this.resetFilteredData = false;
+            }
             this.mainList = null;
             this.mainData = null;
             this.isFirstClick = false;