@syncfusion/ej2-dropdowns 20.3.50 → 20.3.57

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.50
+*  version : 20.3.57
 *  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.3.49",
+  "_id": "@syncfusion/ej2-dropdowns@20.3.50",
   "_inBundle": false,
-  "_integrity": "sha512-dOhP6Z3aom0OkJZAcPNOJTp0NevQOgv1W1JL22HLaSh9xJihakvSMItKBbknFGQx+RJYiokK4uPTZ8msK980+w==",
+  "_integrity": "sha512-ym3A3174og0vVoRiHoAy2FuJLV3JmHW9TB0/tu+kM1ksLWMufHV5Q7JAx+gKWVxQNhfm6s86HHVnlFA3OgniYQ==",
   "_location": "/@syncfusion/ej2-dropdowns",
   "_phantomChildren": {},
   "_requested": {
@@ -33,21 +33,21 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-dropdowns"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.3.49.tgz",
-  "_shasum": "65c3e2176fe5dfcd56eb84ed08b34b3650b4765b",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-20.3.50.tgz",
+  "_shasum": "8c78326483125c14898e4f1b333adffc0f787a18",
   "_spec": "@syncfusion/ej2-dropdowns@*",
-  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+  "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.50",
-    "@syncfusion/ej2-data": "~20.3.50",
-    "@syncfusion/ej2-inputs": "~20.3.50",
-    "@syncfusion/ej2-lists": "~20.3.50",
-    "@syncfusion/ej2-navigations": "~20.3.50",
-    "@syncfusion/ej2-popups": "~20.3.50"
+    "@syncfusion/ej2-base": "~20.3.56",
+    "@syncfusion/ej2-data": "~20.3.56",
+    "@syncfusion/ej2-inputs": "~20.3.57",
+    "@syncfusion/ej2-lists": "~20.3.56",
+    "@syncfusion/ej2-navigations": "~20.3.57",
+    "@syncfusion/ej2-popups": "~20.3.57"
   },
   "deprecated": false,
   "description": "Essential JS 2 DropDown Components",
@@ -72,6 +72,6 @@
   "module": "./index.js",
   "name": "@syncfusion/ej2-dropdowns",
   "typings": "index.d.ts",
-  "version": "20.3.50",
+  "version": "20.3.57",
   "sideEffects": false
 }

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

@@ -2069,6 +2069,9 @@ var DropDownList = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.cssClass) && this.cssClass !== '') {
             updatedCssClassValues = (this.cssClass.replace(/\s+/g, ' ')).trim();
         }
+        if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+            this.enabled = false;
+        }
         this.inputWrapper = Input.createInput({
             element: this.inputElement,
             buttons: this.isPopupButton() ? [dropDownListClasses.icon] : null,

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

@@ -293,7 +293,7 @@ var DropDownTree = /** @class */ (function (_super) {
         this.updateDataAttribute();
         this.setHTMLAttributes();
         this.setAttributes();
-        this.popupDiv = this.createElement('div', { className: CONTENT, attrs: { 'tabindex': '0' } });
+        this.popupDiv = this.createElement('div', { className: CONTENT });
         this.popupDiv.classList.add(DROPDOWN);
         this.tree = this.createElement('div', { id: this.element.id + '_tree' });
         this.popupDiv.appendChild(this.tree);
@@ -1635,14 +1635,14 @@ var DropDownTree = /** @class */ (function (_super) {
         var isFooter = closest(target, '.' + FOOTER);
         var isScroller = target.classList.contains(DROPDOWN) ? true :
             (matches(target, '.e-ddt .e-popup') || matches(target, '.e-ddt .e-treeview'));
-        if ((this.isPopupOpen && (this.inputWrapper.contains(target) || isTree || isFilter || isScroller || isHeader || isFooter)) ||
+        if ((this.isPopupOpen && (this.inputWrapper.contains(target) || isTree || isScroller || isHeader || isFooter)) ||
             ((this.allowMultiSelection || this.showCheckBox) && (this.isPopupOpen && target.classList.contains(CHIP_CLOSE) ||
                 (this.isPopupOpen && (target.classList.contains(CHECKALLPARENT) || target.classList.contains(ALLTEXT)
                     || target.classList.contains(CHECKBOXFRAME)))))) {
             this.isDocumentClick = false;
             e.preventDefault();
         }
-        else if (!this.inputWrapper.contains(target) && this.inputFocus) {
+        else if (!this.inputWrapper.contains(target) && this.inputFocus && !isFilter) {
             this.focusOut(e);
         }
     };

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

@@ -1625,7 +1625,13 @@ var ListBox = /** @class */ (function (_super) {
                 }
             }
         }
-        var elems = Array.prototype.slice.call(this.element.nextElementSibling.querySelectorAll('.e-grabbed'));
+        var elems;
+        if (this.isAngular) {
+            elems = Array.prototype.slice.call(this.element.getElementsByClassName('e-list-parent')[0].querySelectorAll('.e-grabbed'));
+        }
+        else {
+            elems = Array.prototype.slice.call(this.element.nextElementSibling.querySelectorAll('.e-grabbed'));
+        }
         return elems;
     };
     ListBox.prototype.getDragArgs = function (args, isDragEnd) {

package/src/mention/mention.d.ts

@@ -415,8 +415,10 @@ export declare class Mention extends DropDownBase {
     private selectEventCallback;
     private detachChanges;
     private setValue;
+    private updateMentionValue;
     private mentionVal;
     private setDisplayTemplate;
+    renderTemplates(callBack?: any): void;
     private setSpinnerTemplate;
     private onChangeEvent;
     private detachMentionChanges;

package/src/mention/mention.js

@@ -174,7 +174,7 @@ var Mention = /** @class */ (function (_super) {
         if (!isNullOrUndefined(this.spinnerElement)) {
             hideSpinner(this.spinnerElement);
         }
-        if (!isNullOrUndefined(this.spinnerTemplate)) {
+        if (!isNullOrUndefined(this.spinnerTemplate) && !isNullOrUndefined(this.spinnerTemplateElement)) {
             detach(this.spinnerTemplateElement);
         }
     };
@@ -195,7 +195,6 @@ var Mention = /** @class */ (function (_super) {
             }
             if (!isNullOrUndefined(this.spinnerTemplate)) {
                 this.setSpinnerTemplate();
-                this.popupObj.element.appendChild(this.spinnerTemplateElement);
             }
         }
     };
@@ -988,6 +987,24 @@ var Mention = /** @class */ (function (_super) {
     };
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     Mention.prototype.setValue = function (e) {
+        if (!this.isReact) {
+            if (!isNullOrUndefined(this.displayTemplate)) {
+                this.setDisplayTemplate();
+            }
+            this.updateMentionValue(e);
+            return true;
+        }
+        else {
+            if (!isNullOrUndefined(this.displayTemplate)) {
+                this.setDisplayTemplate(e);
+            }
+            else {
+                this.updateMentionValue(e);
+            }
+            return true;
+        }
+    };
+    Mention.prototype.updateMentionValue = function (e) {
         var dataItem = this.getItemData();
         var textSuffix;
         var value;
@@ -1013,7 +1030,6 @@ var Mention = /** @class */ (function (_super) {
                 this.hidePopup();
             }
             this.onChangeEvent(e);
-            return true;
         }
         else {
             endPos = this.getTriggerCharPosition() + this.mentionChar.length;
@@ -1045,13 +1061,12 @@ var Mention = /** @class */ (function (_super) {
                 this.hidePopup();
             }
             this.onChangeEvent(e);
-            return true;
         }
     };
     Mention.prototype.mentionVal = function (value) {
         var showChar = this.showMentionChar ? this.mentionChar : '';
-        if (!isNullOrUndefined(this.displayTemplate)) {
-            value = this.setDisplayTemplate();
+        if (!isNullOrUndefined(this.displayTemplate) && !isNullOrUndefined(this.displayTempElement)) {
+            value = this.displayTempElement.innerHTML;
         }
         if (this.isContentEditable(this.inputElement)) {
             return '<span contenteditable="false" class="e-mention-chip">' + showChar + value + '</span>'.concat(typeof this.suffixText === 'string' ? this.suffixText : ' ');
@@ -1060,7 +1075,8 @@ var Mention = /** @class */ (function (_super) {
             return showChar + value;
         }
     };
-    Mention.prototype.setDisplayTemplate = function () {
+    Mention.prototype.setDisplayTemplate = function (e) {
+        var _this = this;
         var compiledString;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
@@ -1085,10 +1101,20 @@ var Mention = /** @class */ (function (_super) {
                 this.displayTempElement.appendChild(displayCompTemp[i]);
             }
         }
-        this.renderReactTemplates();
-        return this.displayTempElement.innerHTML;
+        if (!this.isReact) {
+            this.renderTemplates();
+        }
+        else {
+            this.renderTemplates(function () {
+                _this.updateMentionValue(e);
+            });
+        }
+    };
+    Mention.prototype.renderTemplates = function (callBack) {
+        this.renderReactTemplates(callBack);
     };
     Mention.prototype.setSpinnerTemplate = function () {
+        var _this = this;
         var compiledString;
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         if (this.isReact) {
@@ -1113,7 +1139,15 @@ var Mention = /** @class */ (function (_super) {
                 this.spinnerTemplateElement.appendChild(spinnerCompTemp[i]);
             }
         }
-        this.renderReactTemplates();
+        if (!this.isReact) {
+            this.renderTemplates();
+            this.popupObj.element.appendChild(this.spinnerTemplateElement);
+        }
+        else {
+            this.renderTemplates(function () {
+                _this.popupObj.element.appendChild(_this.spinnerTemplateElement);
+            });
+        }
     };
     Mention.prototype.onChangeEvent = function (eve) {
         this.isSelected = false;

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

@@ -3844,6 +3844,9 @@ var MultiSelect = /** @class */ (function (_super) {
         if (this.mode !== 'CheckBox') {
             this.hideOverAllClear();
         }
+        if (!isNullOrUndefined(closest(this.element, "fieldset")) && closest(this.element, "fieldset").disabled) {
+            this.enabled = false;
+        }
         this.wireEvent();
         this.enable(this.enabled);
         this.enableRTL(this.enableRtl);

package/styles/bootstrap5-dark.css

@@ -988,7 +988,10 @@ ejs-dropdownlist {
   box-shadow: none;
   position: absolute;
 }
-.e-ddt.e-popup .e-checkbox-wrapper .e-frame {
+.e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
+  background-color: #212529;
+}
+.e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
   background-color: transparent;
 }
 .e-ddt.e-popup .e-selectall-parent {

package/styles/bootstrap5.css

@@ -988,7 +988,10 @@ ejs-dropdownlist {
   box-shadow: none;
   position: absolute;
 }
-.e-ddt.e-popup .e-checkbox-wrapper .e-frame {
+.e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
+  background-color: #fff;
+}
+.e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
   background-color: transparent;
 }
 .e-ddt.e-popup .e-selectall-parent {

package/styles/drop-down-base/_fabric-definition.scss

@@ -11,7 +11,7 @@ $ddl-list-border-color: rgba($neutral-light, .25) !default;
 $ddl-list-font-family: inherit !default;
 $ddl-list-gradient-color: transparent !default;
 $mention-gradient-color: $neutral-white !default;
-$mention-list-box-shadow-color: 0 0 5px 0 rgba(0, 0, 0, .4) !default;
+$mention-list-box-shadow-color: rgba(0, 0, 0, .4) !default;
 $mention-chip-bg-color: $neutral-lighter !default;
 $mention-chip-border-radius: 0 !default;
 $mention-chip-border: none !default;

package/styles/drop-down-base/fabric.css

@@ -90,7 +90,7 @@
 .e-mention.e-popup {
   background: #fff;
   border: 0;
-  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
+  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
   margin-top: 2px;
   position: absolute;
 }

package/styles/drop-down-tree/_layout.scss

@@ -436,8 +436,16 @@
       box-shadow: $ddt-box-shadow;
       position: absolute;
 
+      .e-active .e-checkbox-wrapper {
+        .e-frame:not(.e-check) {
+          @if$ddt-skin-name == 'bootstrap5' {
+            background-color: $ddt-readonly-input-bg-color;
+          }
+        }
+      }
+
       .e-checkbox-wrapper {
-        .e-frame {
+        .e-frame:not(.e-check) {
           @if$ddt-skin-name == 'bootstrap5' {
             background-color: transparent;
           }

package/styles/drop-down-tree/bootstrap5-dark.css

@@ -207,7 +207,10 @@
   box-shadow: none;
   position: absolute;
 }
-.e-ddt.e-popup .e-checkbox-wrapper .e-frame {
+.e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
+  background-color: #212529;
+}
+.e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
   background-color: transparent;
 }
 .e-ddt.e-popup .e-selectall-parent {

package/styles/drop-down-tree/bootstrap5.css

@@ -207,7 +207,10 @@
   box-shadow: none;
   position: absolute;
 }
-.e-ddt.e-popup .e-checkbox-wrapper .e-frame {
+.e-ddt.e-popup .e-active .e-checkbox-wrapper .e-frame:not(.e-check) {
+  background-color: #fff;
+}
+.e-ddt.e-popup .e-checkbox-wrapper .e-frame:not(.e-check) {
   background-color: transparent;
 }
 .e-ddt.e-popup .e-selectall-parent {

package/styles/fabric.css

@@ -90,7 +90,7 @@
 .e-mention.e-popup {
   background: #fff;
   border: 0;
-  box-shadow: 0 2px 3px 1px 0 0 5px 0 rgba(0, 0, 0, 0.4);
+  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.4);
   margin-top: 2px;
   position: absolute;
 }

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
+  }
+}