@syncfusion/ej2-dropdowns 22.2.8 → 22.2.10

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.8
+*  version : 22.2.10
 *  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@22.2.5",
+  "_id": "@syncfusion/ej2-dropdowns@22.2.9",
   "_inBundle": false,
-  "_integrity": "sha512-wf/kIgwTVONADdQEZBFNabfPymGacqM8fjMBZUBuBBtp8SKR+nphlkIVU564UoGLcNOOV1yhUzlpVwEJ/ngabg==",
+  "_integrity": "sha512-whKmiVpgHgrWssX7CZKkSgMNfvgTjy+AXdJcLftSKQHBCxKh2btkKCMCAlmICNyJo2Eg0emmOJx29yCwpWOVMw==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -34,8 +34,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-22.2.5.tgz",
-  "_shasum": "194e02353868d6417668cc2fbbc0221ccb79ad36",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-22.2.9.tgz",
+  "_shasum": "32589e400793ef872dcdc74f4707199c67b4461b",
   "_spec": "@syncfusion/ej2-dropdowns@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -43,12 +43,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.2.5",
+    "@syncfusion/ej2-base": "~22.2.10",
     "@syncfusion/ej2-data": "~22.2.5",
-    "@syncfusion/ej2-inputs": "~22.2.7",
-    "@syncfusion/ej2-lists": "~22.2.8",
+    "@syncfusion/ej2-inputs": "~22.2.9",
+    "@syncfusion/ej2-lists": "~22.2.9",
     "@syncfusion/ej2-navigations": "~22.2.8",
-    "@syncfusion/ej2-popups": "~22.2.7"
+    "@syncfusion/ej2-popups": "~22.2.9"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -73,7 +73,7 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "22.2.8",
+  "version": "22.2.10",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/combo-box/combo-box.js

@@ -210,7 +210,8 @@ var ComboBox = /** @class */ (function (_super) {
     };
     ComboBox.prototype.setSearchBox = function () {
         this.filterInput = this.inputElement;
-        return (this.isFiltering() ? this.inputWrapper : inputObject);
+        var searchBoxContainer = (this.isFiltering() || (this.isReact && this.getModuleName() === 'combobox')) ? this.inputWrapper : inputObject;
+        return searchBoxContainer;
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ComboBox.prototype.onActionComplete = function (ulElement, list, e, isUpdated) {

package/src/drop-down-base/drop-down-base.d.ts

@@ -217,6 +217,7 @@ export declare class DropDownBase extends Component<HTMLElement> implements INot
     protected isDynamicDataChange: boolean;
     protected addedNewItem: boolean;
     protected isAddNewItemTemplate: boolean;
+    private isRequesting;
     /**
      * The `fields` property maps the columns of the data table and binds the data to the component.
      * * text - Maps the text column from data table for each list item.

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

@@ -90,6 +90,7 @@ var DropDownBase = /** @class */ (function (_super) {
         _this.isDynamicDataChange = false;
         _this.addedNewItem = false;
         _this.isAddNewItemTemplate = false;
+        _this.isRequesting = false;
         return _this;
     }
     DropDownBase.prototype.getPropObject = function (prop, newProp, oldProp) {
@@ -246,24 +247,30 @@ var DropDownBase = /** @class */ (function (_super) {
             }
             var templateName = actionFailure ? 'actionFailureTemplate' : 'noRecordsTemplate';
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            var noDataCompTemp = compiledString({}, this, templateName, templateId, this.isStringTemplate, null, ele);
-            if (noDataCompTemp && noDataCompTemp.length > 0) {
-                for (var i = 0; i < noDataCompTemp.length; i++) {
+            var noDataElement = void 0;
+            if ((this.isReact) && typeof template === 'function') {
+                noDataElement = compiledString({}, this, templateName, templateId, this.isStringTemplate, null);
+            }
+            else {
+                noDataElement = compiledString({}, this, templateName, templateId, this.isStringTemplate, null, ele);
+            }
+            if (noDataElement && noDataElement.length > 0) {
+                for (var i = 0; i < noDataElement.length; i++) {
                     if (this.getModuleName() === 'listbox' && templateName === 'noRecordsTemplate') {
-                        if (noDataCompTemp[i].nodeName === '#text') {
+                        if (noDataElement[i].nodeName === '#text') {
                             var liElem = this.createElement('li');
-                            liElem.textContent = noDataCompTemp[i].textContent;
+                            liElem.textContent = noDataElement[i].textContent;
                             liElem.classList.add('e-list-nrt');
                             liElem.setAttribute('role', 'option');
                             ele.appendChild(liElem);
                         }
                         else {
-                            noDataCompTemp[i].classList.add('e-list-nr-template');
-                            ele.appendChild(noDataCompTemp[i]);
+                            noDataElement[i].classList.add('e-list-nr-template');
+                            ele.appendChild(noDataElement[i]);
                         }
                     }
                     else {
-                        ele.appendChild(noDataCompTemp[i]);
+                        ele.appendChild(noDataElement[i]);
                     }
                 }
             }
@@ -473,61 +480,67 @@ var DropDownBase = /** @class */ (function (_super) {
         this.isActive = true;
         var eventArgs = { cancel: false, data: dataSource, query: query };
         this.isPreventChange = this.isAngular && this.preventChange ? true : this.isPreventChange;
-        this.trigger('actionBegin', eventArgs, function (eventArgs) {
-            if (!eventArgs.cancel) {
-                _this.showSpinner();
-                if (dataSource instanceof DataManager) {
-                    _this.isRequested = true;
-                    if (_this.isDataFetched) {
-                        _this.emptyDataRequest(fields);
-                        return;
+        if (!this.isRequesting) {
+            this.trigger('actionBegin', eventArgs, function (eventArgs) {
+                if (!eventArgs.cancel) {
+                    _this.isRequesting = true;
+                    _this.showSpinner();
+                    if (dataSource instanceof DataManager) {
+                        _this.isRequested = true;
+                        if (_this.isDataFetched) {
+                            _this.emptyDataRequest(fields);
+                            return;
+                        }
+                        eventArgs.data.executeQuery(_this.getQuery(eventArgs.query)).then(function (e) {
+                            _this.isPreventChange = _this.isAngular && _this.preventChange ? true : _this.isPreventChange;
+                            _this.trigger('actionComplete', e, function (e) {
+                                if (!e.cancel) {
+                                    _this.isRequesting = false;
+                                    var listItems = e.result;
+                                    if (listItems.length === 0) {
+                                        _this.isDataFetched = true;
+                                    }
+                                    ulElement = _this.renderItems(listItems, fields);
+                                    _this.onActionComplete(ulElement, listItems, e);
+                                    if (_this.groupTemplate) {
+                                        _this.renderGroupTemplate(ulElement);
+                                    }
+                                    _this.isRequested = false;
+                                    _this.bindChildItems(listItems, ulElement, fields, e);
+                                }
+                            });
+                        }).catch(function (e) {
+                            _this.isRequested = false;
+                            _this.isRequesting = false;
+                            _this.onActionFailure(e);
+                            _this.hideSpinner();
+                        });
                     }
-                    eventArgs.data.executeQuery(_this.getQuery(eventArgs.query)).then(function (e) {
+                    else {
+                        var dataManager = new DataManager(eventArgs.data);
+                        var listItems = (_this.getQuery(eventArgs.query)).executeLocal(dataManager);
+                        var localDataArgs = { cancel: false, result: listItems };
                         _this.isPreventChange = _this.isAngular && _this.preventChange ? true : _this.isPreventChange;
-                        _this.trigger('actionComplete', e, function (e) {
-                            if (!e.cancel) {
-                                var listItems = e.result;
-                                if (listItems.length === 0) {
-                                    _this.isDataFetched = true;
-                                }
-                                ulElement = _this.renderItems(listItems, fields);
-                                _this.onActionComplete(ulElement, listItems, e);
+                        _this.trigger('actionComplete', localDataArgs, function (localDataArgs) {
+                            if (!localDataArgs.cancel) {
+                                _this.isRequesting = false;
+                                ulElement = _this.renderItems(localDataArgs.result, fields);
+                                _this.onActionComplete(ulElement, localDataArgs.result, event);
                                 if (_this.groupTemplate) {
                                     _this.renderGroupTemplate(ulElement);
                                 }
-                                _this.isRequested = false;
-                                _this.bindChildItems(listItems, ulElement, fields, e);
+                                _this.bindChildItems(localDataArgs.result, ulElement, fields);
+                                setTimeout(function () {
+                                    if (_this.getModuleName() === 'multiselect' && _this.itemTemplate != null && (ulElement.childElementCount > 0 && (ulElement.children[0].childElementCount > 0 || (_this.fields.groupBy && ulElement.children[1] && ulElement.children[1].childElementCount > 0)))) {
+                                        _this.updateDataList();
+                                    }
+                                });
                             }
                         });
-                    }).catch(function (e) {
-                        _this.isRequested = false;
-                        _this.onActionFailure(e);
-                        _this.hideSpinner();
-                    });
-                }
-                else {
-                    var dataManager = new DataManager(eventArgs.data);
-                    var listItems = (_this.getQuery(eventArgs.query)).executeLocal(dataManager);
-                    var localDataArgs = { cancel: false, result: listItems };
-                    _this.isPreventChange = _this.isAngular && _this.preventChange ? true : _this.isPreventChange;
-                    _this.trigger('actionComplete', localDataArgs, function (localDataArgs) {
-                        if (!localDataArgs.cancel) {
-                            ulElement = _this.renderItems(localDataArgs.result, fields);
-                            _this.onActionComplete(ulElement, localDataArgs.result, event);
-                            if (_this.groupTemplate) {
-                                _this.renderGroupTemplate(ulElement);
-                            }
-                            _this.bindChildItems(localDataArgs.result, ulElement, fields);
-                            setTimeout(function () {
-                                if (_this.getModuleName() === 'multiselect' && _this.itemTemplate != null && (ulElement.childElementCount > 0 && (ulElement.children[0].childElementCount > 0 || (_this.fields.groupBy && ulElement.children[1] && ulElement.children[1].childElementCount > 0)))) {
-                                    _this.updateDataList();
-                                }
-                            });
-                        }
-                    });
+                    }
                 }
-            }
-        });
+            });
+        }
     };
     DropDownBase.prototype.bindChildItems = function (listItems, ulElement, fields, e) {
         var _this = this;

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

@@ -1513,7 +1513,7 @@ var DropDownList = /** @class */ (function (_super) {
             this.isNotSearchList = false;
             return;
         }
-        if (this.isActive) {
+        if (this.isActive || !isNullOrUndefined(ulElement)) {
             var selectedItem = this.selectedLI ? this.selectedLI.cloneNode(true) : null;
             _super.prototype.onActionComplete.call(this, ulElement, list, e);
             this.updateSelectElementData(this.allowFiltering);
@@ -2226,7 +2226,7 @@ var DropDownList = /** @class */ (function (_super) {
     DropDownList.prototype.setFooterTemplate = function (popupEle) {
         var compiledString;
         if (this.footer) {
-            if (this.isReact) {
+            if (this.isReact && typeof this.footerTemplate === 'function') {
                 this.clearTemplate(['footerTemplate']);
             }
             else {
@@ -2312,6 +2312,7 @@ var DropDownList = /** @class */ (function (_super) {
         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' ?
@@ -2819,6 +2820,9 @@ var DropDownList = /** @class */ (function (_super) {
         if (this.inputElement && !isNullOrUndefined(this.inputElement.onchange)) {
             this.inputElement.onchange = null;
         }
+        if (this.isAngular) {
+            this.inputElement = null;
+        }
         _super.prototype.destroy.call(this);
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */

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

@@ -3877,6 +3877,10 @@ var MultiSelect = /** @class */ (function (_super) {
      * @returns {void}
      */
     MultiSelect.prototype.render = function () {
+        if (!isNullOrUndefined(this.value)) {
+            // eslint-disable-next-line
+            this.value = this.value.slice();
+        }
         this.setDynValue = this.initStatus = false;
         this.isSelectAll = false;
         this.selectAllEventEle = [];

package/tslint.json

@@ -0,0 +1,111 @@
+{
+  "rules": {
+    "chai-vague-errors": true,
+    "use-isnan": true,
+    "missing-jsdoc": true,
+    "missing-optional-annotation": true,
+    "no-backbone-get-set-outside-model": true,
+    "no-banned-terms": true,
+    "no-constant-condition": true,
+    "no-control-regex": true,
+    "no-cookies": true,
+    "no-delete-expression": true,
+    "no-document-write": true,
+    "no-document-domain": true,
+    "no-disable-auto-sanitization": true,
+    "no-duplicate-case": true,
+    "no-duplicate-parameter-names": true,
+    "no-empty-interfaces": true,
+    "no-exec-script": true,
+    "no-function-constructor-with-string-args": true,
+    "no-function-expression": true,
+    "no-invalid-regexp": true,
+    "no-for-in": true,
+    "member-access": true,
+    "no-multiline-string": true,
+    "no-multiple-var-decl": true,
+    "no-unnecessary-bind": true,
+    "no-unnecessary-semicolons": true,
+    "no-octal-literal": true,
+    "no-regex-spaces": true,
+    "no-sparse-arrays": true,
+    "no-string-based-set-immediate": true,
+    "no-string-based-set-interval": true,
+    "no-unused-imports": true,
+    "no-with-statement": true,
+    "prefer-array-literal": true,
+    "promise-must-complete": false,
+    "react-no-dangerous-html": true,
+    "use-named-parameter": true,
+    "valid-typeof": true,
+    "max-func-body-length": [true, 100, {
+      "ignore-parameters-to-function-regex": "describe"
+    }],
+    "class-name": true,
+    "curly": true,
+    "eofline": false,
+    "forin": true,
+    "indent": [
+      true,
+      "spaces"
+    ],
+    "label-position": true,       
+    "max-line-length": [true, 140],
+    "no-arg": true,
+    "no-console": [true,
+      "debug",
+      "info",
+      "log",
+      "time",
+      "timeEnd",
+      "trace"
+    ],
+    "no-construct": true,
+    "no-parameter-properties": true,
+    "no-debugger": true,    
+    "no-duplicate-variable": true,
+    "no-empty": true,
+    "no-eval": true,
+    "no-string-literal": true,
+    "no-switch-case-fall-through": true,
+    "trailing-comma": true,
+    "no-trailing-whitespace": true,
+    "no-unused-expression": true,
+    "no-use-before-declare": false,
+    "no-var-requires": true,
+    "one-line": [true,
+      "check-open-brace",
+      "check-catch",
+      "check-else",
+      "check-whitespace"
+    ],
+    "no-any": true,
+    "no-conditional-assignment": true,
+    "no-angle-bracket-type-assertion": false,
+    "align": [true, "parameters", "arguments", "statements"],
+    "no-empty-line-after-opening-brace": false,
+    "typedef-whitespace": [false],
+    "ban": true,
+    "quotemark": [true, "single"],
+    "semicolon": true,
+    "triple-equals": [true, "allow-null-check"],
+    "typedef": [true,
+      "call-signature",
+      "parameter",
+      "property-declaration",
+      "variable-declaration",
+      "arrow-parameter",
+      "member-variable-declaration"],    
+    "variable-name": true,
+    "whitespace": [true,
+      "check-branch",
+      "check-decl",
+      "check-operator",
+      "check-separator",
+      "check-type"
+    ],
+    "jsdoc-format": true,
+    "no-var-keyword": true,
+    "radix": true
+  }
+}