@syncfusion/ej2-dropdowns - npm Package Compare versions

Comparing version 17.1.42 to 17.1.43

CHANGELOG.md

@@ -5,2 +5,20 @@ # Changelog
 
+### ComboBox
+
+#### Bug Fixes
+
+- #233483 - The List not generated properly while clear the value using clear button issue has been resolved.
+
+- #234100 - The search not working on enabling read only in the control initialization issue has been resolved.
+
+- #233137 - The combobox is not focused when click the tab key at single time issue has been resolved.
+
+### DropDownList
+
+#### Bug Fixes
+
+- #231680 - The data source is observable using Async Pipe with pre select value not updated issue has been resolved.
+
+## 17.1.42 (2019-04-23)
+
 ### MultiSelect
@@ -12,2 +30,4 @@
 
+- #233432 - The group template text not updated while enable the allow filtering issue has been fixed.
+
 ## 17.1.41 (2019-04-16)
@@ -14,0 +34,0 @@

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 17.1.42
+*  version : 17.1.43
 *  Copyright Syncfusion Inc. 2001 - 2019. All rights reserved.
@@ -5,0 +5,0 @@ *  Use of this code is subject to the terms of our license.

package.json

 {
   "name": "@syncfusion/ej2-dropdowns",
-  "version": "17.1.42",
+  "version": "17.1.43",
   "description": "Essential JS 2 DropDown Components",
@@ -11,6 +11,6 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~17.1.42",
+    "@syncfusion/ej2-base": "~17.1.43",
     "@syncfusion/ej2-data": "~17.1.42",
     "@syncfusion/ej2-inputs": "~17.1.42",
-    "@syncfusion/ej2-lists": "~17.1.42",
+    "@syncfusion/ej2-lists": "~17.1.43",
     "@syncfusion/ej2-popups": "~17.1.42"
@@ -17,0 +17,0 @@ },

src/combo-box/combo-box.js

@@ -539,2 +539,3 @@ var __extends = (this && this.__extends) || (function () {
                     if (this.readonly) {
+                        EventHandler.remove(this.inputElement, 'input', this.onInput);
                         EventHandler.remove(this.inputElement, 'keyup', this.onFilterUp);
@@ -544,2 +545,3 @@ EventHandler.remove(this.inputElement, 'keydown', this.onFilterDown);
                     else {
+                        EventHandler.add(this.inputElement, 'input', this.onInput, this);
                         EventHandler.add(this.inputElement, 'keyup', this.onFilterUp, this);
@@ -546,0 +548,0 @@ EventHandler.add(this.inputElement, 'keydown', this.onFilterDown, this);

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

@@ -381,2 +381,5 @@ var __extends = (this && this.__extends) || (function () {
                 _this.onActionComplete(ulElement, listItems, e);
+                if (_this.groupTemplate) {
+                    _this.renderGroupTemplate(ulElement);
+                }
                 _this.isRequested = false;
@@ -400,2 +403,5 @@ _this.bindChildItems(listItems, ulElement, fields, e);
             this.onActionComplete(ulElement, localDataArgs.result);
+            if (this.groupTemplate) {
+                this.renderGroupTemplate(ulElement);
+            }
             this.bindChildItems(localDataArgs.result, ulElement, fields);
@@ -488,5 +494,2 @@ }
         }
-        if (this.groupTemplate) {
-            this.renderGroupTemplate(listElement);
-        }
     };
@@ -493,0 +496,0 @@ /**

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

@@ -246,2 +246,3 @@ /// <reference path="../drop-down-base/drop-down-base-model.d.ts" />
     private clickHandler;
+    private checkSelectAll;
     private selectHandler;
@@ -266,2 +267,3 @@ private getDataByElems;
     private updateSelectedOptions;
+    private clearSelection;
     private setSelection;
@@ -268,0 +270,0 @@ private updateSelectTag;

src/list-box/list-box.js

@@ -125,3 +125,3 @@ var __extends = (this && this.__extends) || (function () {
         attributes(this.list, { 'role': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
-        if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll) {
+        if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll && this.liCollections.length) {
             this.showSelectAll = true;
@@ -131,2 +131,3 @@ this.selectAllText = 'Select All';
             this.popupWrapper = this.list;
+            this.checkBoxSelectionModule.checkAllParent = null;
             this.notify('selectAll', {});
@@ -486,2 +487,10 @@ }
     };
+    ;
+    ListBox.prototype.checkSelectAll = function () {
+        var searchCount = this.list.querySelectorAll('li.' + dropDownBaseClasses.li).length;
+        var len = this.value.length;
+        if (this.showSelectAll) {
+            this.notify('checkSelectAll', { module: 'CheckBoxSelection', value: (searchCount === len) ? 'check' : 'uncheck' });
+        }
+    };
     ListBox.prototype.selectHandler = function (e, isKey) {
@@ -806,2 +815,18 @@ var isSelect = true;
     };
+    ListBox.prototype.clearSelection = function (values) {
+        var _this = this;
+        if (values === void 0) { values = this.value; }
+        if (this.selectionSettings.showCheckbox) {
+            var dvalue_1;
+            this.getSelectedItems().forEach(function (li) {
+                dvalue_1 = _this.getFormattedValue(li.getAttribute('data-value'));
+                if (values.indexOf(dvalue_1) < 0) {
+                    li.getElementsByClassName('e-check')[0].classList.remove('e-check');
+                    li.getElementsByClassName('e-checkbox-wrapper')[0].removeAttribute('aria-checked');
+                    li.removeAttribute('aria-selected');
+                }
+            });
+        }
+    };
+    ;
     ListBox.prototype.setSelection = function (values, isSelect, isText) {
@@ -813,5 +838,12 @@ var _this = this;
         var li;
+        var liselect;
         values.forEach(function (value) {
             li = _this.list.querySelector('[data-value="' + (isText ? _this.getValueByText(value) : value) + '"]');
-            if (li) {
+            if (_this.selectionSettings.showCheckbox) {
+                liselect = li.getElementsByClassName('e-frame')[0].classList.contains('e-check');
+            }
+            else {
+                liselect = li.classList.contains('e-selected');
+            }
+            if (!isSelect && liselect || isSelect && !liselect && li) {
                 if (_this.selectionSettings.showCheckbox) {
@@ -821,3 +853,10 @@ _this.notify('updatelist', { li: li });
                 else {
-                    isSelect ? li.classList.add(cssClass.selected) : li.classList.remove(cssClass.selected);
+                    if (isSelect) {
+                        li.classList.add(cssClass.selected);
+                        li.setAttribute('aria-selected', 'true');
+                    }
+                    else {
+                        li.classList.remove(cssClass.selected);
+                        li.removeAttribute('aria-selected');
+                    }
                 }
@@ -834,2 +873,3 @@ }
         });
+        this.checkSelectAll();
     };
@@ -942,6 +982,4 @@ ListBox.prototype.updateToolBarState = function () {
                     removeClass(this.list.querySelectorAll('.' + cssClass.selected), cssClass.selected);
-                    if (this.selectionSettings.showCheckbox) {
-                        removeClass(this.list.querySelectorAll('.e-frame'), 'e-check');
-                    }
                     this.setSelection();
+                    this.clearSelection(this.value);
                     break;
@@ -948,0 +986,0 @@ case 'height':

No alert changes

Improved metrics

Total package byte prevSize

5626960

0.48%

Lines of code

61157

0.26%

Dependency changes

• Updated

  @syncfusion/ej2-base@~17.1.43

• Updated

  @syncfusion/ej2-lists@~17.1.43