@syncfusion/ej2-dropdowns 20.1.58 → 20.1.61

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.1.58
+*  version : 20.1.61
 *  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.57",
+  "_id": "@syncfusion/ej2-dropdowns@20.1.60",
   "_inBundle": false,
-  "_integrity": "sha512-YT/SVksfrteGQ4MLVTgCNbBfIWmkoYFYcdA92UgRv2XN2pcZOiAohaWpzAUGAWN4VNzPuxG8lvZLToqMJpfhjg==",
+  "_integrity": "sha512-aHTOFUFgu+ysWWEfqMJhUhe20OT8d8cSdZEGLsllLWDlBto01PBZPghN5r4VT5Z1a5csrrhpb1MPaT0BBRz2YA==",
   "_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.57.tgz",
-  "_shasum": "bf1f98dea47b77f896503a8901e3e3e1d0f473e2",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.1.60.tgz",
+  "_shasum": "d9d21b8b330ff69b78eafaee6662aeabc3dd81e5",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -42,11 +42,11 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.57",
+    "@syncfusion/ej2-base": "~20.1.61",
     "@syncfusion/ej2-data": "~20.1.55",
-    "@syncfusion/ej2-inputs": "~20.1.58",
+    "@syncfusion/ej2-inputs": "~20.1.61",
     "@syncfusion/ej2-lists": "~20.1.55",
-    "@syncfusion/ej2-navigations": "~20.1.58",
+    "@syncfusion/ej2-navigations": "~20.1.61",
     "@syncfusion/ej2-popups": "~20.1.58"
   },
   "deprecated": false,
@@ -72,6 +72,6 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "20.1.58",
+  "version": "20.1.61",
   "sideEffects": false
 }

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

@@ -1011,11 +1011,9 @@ var DropDownList = /** @class */ (function (_super) {
         if (this.setValue(e)) {
             return;
         }
-        if (this.isPopupOpen) {
-            attributes(this.targetElement(), { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
-            if (this.isFilterLayout() && this.filterInput) {
-                attributes(this.filterInput, { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
-            }
+        attributes(this.targetElement(), { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
+        if (this.isFilterLayout() && this.filterInput) {
+            attributes(this.filterInput, { 'aria-activedescendant': this.selectedLI ? this.selectedLI.id : null });
         }
         if ((!this.isPopupOpen && !isNullOrUndefined(li)) || (this.isPopupOpen && !isNullOrUndefined(e) &&
             (e.type !== 'keydown' || e.type === 'keydown' && e.action === 'enter'))) {
@@ -1048,13 +1046,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());
@@ -1981,7 +1987,7 @@ var DropDownList = /** @class */ (function (_super) {
             EventHandler.remove(this.filterInput, 'paste', this.pasteHandler);
             this.filterInput = null;
         }
-        attributes(this.targetElement(), { 'aria-expanded': 'false', 'aria-activedescendant': null });
+        attributes(this.targetElement(), { 'aria-expanded': 'false' });
         this.inputWrapper.container.classList.remove(dropDownListClasses.iconAnimation);
         if (this.isFiltering()) {
             this.actionCompleteData.isUpdated = false;
@@ -2214,7 +2220,7 @@ var DropDownList = /** @class */ (function (_super) {
             || (!(props.dataSource instanceof DataManager) && props.dataSource.length === 0)))) {
             this.clearAll(null, props);
         }
-        if ((this.fields.groupBy && props.fields) && !this.isGroupChecking) {
+        if ((this.fields.groupBy && props.fields) && !this.isGroupChecking && this.list) {
             EventHandler.remove(this.list, 'scroll', this.setFloatingHeader);
             EventHandler.add(this.list, 'scroll', this.setFloatingHeader, this);
         }

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

@@ -119,6 +119,7 @@ export declare class ListBox extends DropDownBase {
     private jsonData;
     private toolbarAction;
     private isDataSourceUpdate;
+    private dragValue;
     /**
      * Sets the CSS classes to root element of this component, which helps to customize the
      * complete styles.

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

@@ -134,6 +134,7 @@ var ListBox = /** @class */ (function (_super) {
     };
     ListBox.prototype.initWrapper = function () {
         var hiddenSelect = this.createElement('select', { className: 'e-hidden-select', attrs: { 'multiple': '' } });
+        hiddenSelect.style.visibility = 'hidden';
         this.list.classList.add('e-listbox-wrapper');
         if (this.itemTemplate) {
             this.list.classList.add('e-list-template');
@@ -462,12 +463,12 @@ var ListBox = /** @class */ (function (_super) {
         }
     };
     ListBox.prototype.beforeDragEnd = function (args) {
-        var dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
-        if (this.value.indexOf(dragValue) > -1) {
+        this.dragValue = this.getFormattedValue(args.droppedElement.getAttribute('data-value'));
+        if (this.value.indexOf(this.dragValue) > -1) {
             args.items = this.getDataByValues(this.value);
         }
         else {
-            args.items = this.getDataByValues([dragValue]);
+            args.items = this.getDataByValues([this.dragValue]);
         }
         this.trigger('beforeDrop', args);
     };
@@ -1600,7 +1601,16 @@ var ListBox = /** @class */ (function (_super) {
         return listObj;
     };
     ListBox.prototype.getGrabbedItems = function () {
-        var elems = Array.prototype.slice.call(this.element.querySelectorAll('.e-grabbed'));
+        for (var i = 0; i < this.value.length; i++) {
+            if (this.value[i] === this.dragValue) {
+                var liColl = this.list.querySelectorAll('[aria-selected="true"]');
+                for (var i_1 = 0; i_1 < liColl.length; i_1++) {
+                    liColl[i_1].classList.add('e-grabbed');
+                }
+                break;
+            }
+        }
+        var elems = Array.prototype.slice.call(this.element.nextElementSibling.querySelectorAll('.e-grabbed'));
         return elems;
     };
     ListBox.prototype.getDragArgs = function (args, isDragEnd) {

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

@@ -172,7 +172,7 @@ var MultiSelect = /** @class */ (function (_super) {
                         else if (containerAttr.indexOf(htmlAttr) > -1) {
                             this.overAllWrapper.setAttribute(htmlAttr, this.htmlAttributes[htmlAttr]);
                         }
-                        else {
+                        else if (htmlAttr !== 'size') {
                             this.inputElement.setAttribute(htmlAttr, this.htmlAttributes[htmlAttr]);
                         }
                         break;
@@ -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;
@@ -1202,7 +1205,6 @@ var MultiSelect = /** @class */ (function (_super) {
             if (!document.activeElement.classList.contains(FILTERINPUT)) {
                 e.preventDefault();
                 this.keyAction = true;
-                this.list.focus();
             }
             this.selectByKey(e);
         }