@syncfusion/ej2-dropdowns 22.1.36 → 22.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.1.36
+*  version : 22.1.38
 *  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@21.1.36",
+  "_id": "@syncfusion/ej2-dropdowns@22.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-dXQLZpowq9QAADbvTD6XGIyA65PwJ/pidZENuyG7uymYIawp1SbupELgIxOf51iY0HL7RQw1ZtfunwVMr25fqg==",
+  "_integrity": "sha512-VfGrlCbpIM7eCQb7k+e5sPyAs5nM8ez+cVO4B/QllXUQbHuNhPbj0oiV4aikLMNxb156aruIbhuGMu6w9sZP4Q==",
   "_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-21.1.36.tgz",
-  "_shasum": "d47419a9da20e8648e07b9e6a07852f595e4246f",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-22.1.37.tgz",
+  "_shasum": "00eb755196cd4bc7ee558130da9abc55ef684a92",
   "_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.1.34",
-    "@syncfusion/ej2-data": "~22.1.36",
-    "@syncfusion/ej2-inputs": "~22.1.34",
+    "@syncfusion/ej2-base": "~22.1.38",
+    "@syncfusion/ej2-data": "~22.1.38",
+    "@syncfusion/ej2-inputs": "~22.1.38",
     "@syncfusion/ej2-lists": "~22.1.34",
-    "@syncfusion/ej2-navigations": "~22.1.36",
-    "@syncfusion/ej2-popups": "~22.1.36"
+    "@syncfusion/ej2-navigations": "~22.1.38",
+    "@syncfusion/ej2-popups": "~22.1.38"
   },
   "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.1.36",
+  "version": "22.1.38",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

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

@@ -85,6 +85,7 @@ var ComboBox = /** @class */ (function (_super) {
             EventHandler.add(this.inputElement, 'keyup', this.onFilterUp, this);
             EventHandler.add(this.inputElement, 'keydown', this.onFilterDown, this);
             EventHandler.add(this.inputElement, 'paste', this.pasteHandler, this);
+            EventHandler.add(window, 'resize', this.windowResize, this);
         }
         this.bindCommonEvent();
     };
@@ -439,6 +440,7 @@ var ComboBox = /** @class */ (function (_super) {
                 EventHandler.remove(this.inputElement, 'keyup', this.onFilterUp);
                 EventHandler.remove(this.inputElement, 'keydown', this.onFilterDown);
                 EventHandler.remove(this.inputElement, 'paste', this.pasteHandler);
+                EventHandler.remove(window, 'resize', this.windowResize);
             }
         }
         this.unBindCommonEvent();

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

@@ -272,7 +272,7 @@ var DropDownBase = /** @class */ (function (_super) {
         else {
             var l10nLocale = { noRecordsTemplate: 'No records found', actionFailureTemplate: 'Request failed' };
             var componentLocale = new L10n(this.getLocaleName(), {}, this.locale);
-            if (componentLocale.getConstant('actionFailureTemplate') !== '') {
+            if (componentLocale.getConstant('actionFailureTemplate') !== '' || componentLocale.getConstant('noRecordsTemplate') !== '') {
                 this.l10n = componentLocale;
             }
             else {

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

@@ -380,6 +380,7 @@ export declare class DropDownList extends DropDownBase implements IInput {
     private resetValueHandler;
     protected wireEvent(): void;
     protected bindCommonEvent(): void;
+    protected windowResize(): void;
     private bindClearEvent;
     protected unBindCommonEvent(): void;
     protected updateIconState(): void;

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

@@ -476,6 +476,7 @@ var DropDownList = /** @class */ (function (_super) {
         EventHandler.add(this.inputWrapper.container, 'mousedown', this.dropDownClick, this);
         EventHandler.add(this.inputWrapper.container, 'focus', this.focusIn, this);
         EventHandler.add(this.inputWrapper.container, 'keypress', this.onSearch, this);
+        EventHandler.add(window, 'resize', this.windowResize, this);
         this.bindCommonEvent();
     };
     DropDownList.prototype.bindCommonEvent = function () {
@@ -496,6 +497,11 @@ var DropDownList = /** @class */ (function (_super) {
         }
         this.bindClearEvent();
     };
+    DropDownList.prototype.windowResize = function () {
+        if (this.isPopupOpen) {
+            this.popupObj.refreshPosition(this.inputWrapper.container);
+        }
+    };
     DropDownList.prototype.bindClearEvent = function () {
         if (this.showClearButton) {
             EventHandler.add(this.inputWrapper.clearButton, 'mousedown', this.resetHandler, this);
@@ -821,6 +827,7 @@ var DropDownList = /** @class */ (function (_super) {
             EventHandler.remove(this.inputWrapper.container, 'mousedown', this.dropDownClick);
             EventHandler.remove(this.inputWrapper.container, 'keypress', this.onSearch);
             EventHandler.remove(this.inputWrapper.container, 'focus', this.focusIn);
+            EventHandler.remove(window, 'resize', this.windowResize);
         }
         this.unBindCommonEvent();
     };
@@ -1670,20 +1677,20 @@ var DropDownList = /** @class */ (function (_super) {
         var args = { cancel: false };
         this.trigger('beforeOpen', args, function (args) {
             if (!args.cancel) {
-                var popupEle = _this.createElement('div', {
+                var popupEle_1 = _this.createElement('div', {
                     id: _this.element.id + '_popup', className: 'e-ddl e-popup ' + (_this.cssClass !== null ? _this.cssClass : '')
                 });
-                var searchBox = _this.setSearchBox(popupEle);
+                var searchBox = _this.setSearchBox(popupEle_1);
                 _this.listHeight = formatUnit(_this.popupHeight);
                 if (_this.headerTemplate) {
-                    _this.setHeaderTemplate(popupEle);
+                    _this.setHeaderTemplate(popupEle_1);
                 }
-                append([_this.list], popupEle);
+                append([_this.list], popupEle_1);
                 if (_this.footerTemplate) {
-                    _this.setFooterTemplate(popupEle);
+                    _this.setFooterTemplate(popupEle_1);
                 }
-                document.body.appendChild(popupEle);
-                popupEle.style.visibility = 'hidden';
+                document.body.appendChild(popupEle_1);
+                popupEle_1.style.visibility = 'hidden';
                 if (_this.popupHeight !== 'auto') {
                     _this.searchBoxHeight = 0;
                     if (!isNullOrUndefined(searchBox.container)) {
@@ -1691,20 +1698,20 @@ var DropDownList = /** @class */ (function (_super) {
                         _this.listHeight = (parseInt(_this.listHeight, 10) - (_this.searchBoxHeight)).toString() + 'px';
                     }
                     if (_this.headerTemplate) {
-                        _this.header = _this.header ? _this.header : popupEle.querySelector('.e-ddl-header');
+                        _this.header = _this.header ? _this.header : popupEle_1.querySelector('.e-ddl-header');
                         var height = Math.round(_this.header.getBoundingClientRect().height);
                         _this.listHeight = (parseInt(_this.listHeight, 10) - (height + _this.searchBoxHeight)).toString() + 'px';
                     }
                     if (_this.footerTemplate) {
-                        _this.footer = _this.footer ? _this.footer : popupEle.querySelector('.e-ddl-footer');
+                        _this.footer = _this.footer ? _this.footer : popupEle_1.querySelector('.e-ddl-footer');
                         var height = Math.round(_this.footer.getBoundingClientRect().height);
                         _this.listHeight = (parseInt(_this.listHeight, 10) - (height + _this.searchBoxHeight)).toString() + 'px';
                     }
                     _this.list.style.maxHeight = (parseInt(_this.listHeight, 10) - 2).toString() + 'px'; // due to box-sizing property
-                    popupEle.style.maxHeight = formatUnit(_this.popupHeight);
+                    popupEle_1.style.maxHeight = formatUnit(_this.popupHeight);
                 }
                 else {
-                    popupEle.style.height = 'auto';
+                    popupEle_1.style.height = 'auto';
                 }
                 var offsetValue = 0;
                 var left = void 0;
@@ -1716,7 +1723,7 @@ var DropDownList = /** @class */ (function (_super) {
                 }
                 if (Browser.isDevice && (!_this.allowFiltering && (_this.getModuleName() === 'dropdownlist' ||
                     (_this.isDropDownClick && _this.getModuleName() === 'combobox')))) {
-                    offsetValue = _this.getOffsetValue(popupEle);
+                    offsetValue = _this.getOffsetValue(popupEle_1);
                     var firstItem = _this.isEmptyList() ? _this.list : _this.liCollections[0];
                     if (!isNullOrUndefined(_this.inputElement)) {
                         left = -(parseInt(getComputedStyle(firstItem).textIndent, 10) -
@@ -1725,8 +1732,9 @@ var DropDownList = /** @class */ (function (_super) {
                     }
                 }
                 _this.getFocusElement();
-                _this.createPopup(popupEle, offsetValue, left);
-                _this.checkCollision(popupEle);
+                _this.createPopup(popupEle_1, offsetValue, left);
+                _this.checkCollision(popupEle_1);
+                var popupLeft_1 = _this.enableRtl ? parseFloat(popupEle_1.style.left) - (_this.ulElement.parentElement.offsetWidth - _this.inputWrapper.container.offsetWidth) : 0;
                 if (Browser.isDevice) {
                     _this.popupObj.element.classList.add(dropDownListClasses.device);
                     if (_this.getModuleName() === 'dropdownlist' || (_this.getModuleName() === 'combobox'
@@ -1746,8 +1754,8 @@ var DropDownList = /** @class */ (function (_super) {
                         EventHandler.add(_this.clearIconElement, 'click', _this.clearText, _this);
                     }
                 }
-                popupEle.style.visibility = 'visible';
-                addClass([popupEle], 'e-popup-close');
+                popupEle_1.style.visibility = 'visible';
+                addClass([popupEle_1], 'e-popup-close');
                 var scrollParentElements = _this.popupObj.getScrollableParent(_this.inputWrapper.container);
                 for (var _i = 0, scrollParentElements_1 = scrollParentElements; _i < scrollParentElements_1.length; _i++) {
                     var element = scrollParentElements_1[_i];
@@ -1780,6 +1788,9 @@ var DropDownList = /** @class */ (function (_super) {
                         _this.beforePopupOpen = false;
                         _this.destroyPopup();
                     }
+                    if (_this.enableRtl && popupLeft_1 > 0) {
+                        popupEle_1.style.left = popupLeft_1 + "px";
+                    }
                 });
             }
             else {
@@ -2805,6 +2816,9 @@ var DropDownList = /** @class */ (function (_super) {
         this.previousSelectedLI = null;
         this.valueTempElement = null;
         this.actionData.ulElement = null;
+        if (this.inputElement && !isNullOrUndefined(this.inputElement.onchange)) {
+            this.inputElement.onchange = null;
+        }
         _super.prototype.destroy.call(this);
     };
     /* eslint-disable valid-jsdoc, jsdoc/require-returns-description */

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

@@ -428,6 +428,12 @@ var DropDownTree = /** @class */ (function (_super) {
                 }
                 _this.treeObj.fields = _this.getTreeFields(fields);
                 _this.treeObj.dataBind();
+                if (_this.hasTemplate && _this.portals) {
+                    _this.portals = [].concat(_this.treeObj.portals);
+                    if (_this.isReact) {
+                        _this.renderReactTemplates();
+                    }
+                }
             }
         });
     };

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

@@ -264,6 +264,9 @@ var MultiSelect = /** @class */ (function (_super) {
                 if (_this.isFirstClick) {
                     _this.loadTemplate();
                 }
+                if (_this.enableRtl) {
+                    _this.popupWrapper.style.visibility = 'hidden';
+                }
             }
         });
     };
@@ -2132,6 +2135,11 @@ var MultiSelect = /** @class */ (function (_super) {
                     },
                     open: function () {
                         _this.popupObj.resolveCollision();
+                        if (_this.enableRtl) {
+                            var popupLeft = parseFloat(_this.popupWrapper.style.left) - (_this.popupWrapper.offsetWidth - _this.overAllWrapper.offsetWidth);
+                            _this.popupWrapper.style.left = popupLeft > 0 ? popupLeft + "px" : _this.popupWrapper.style.left;
+                            _this.popupWrapper.style.visibility = 'hidden';
+                        }
                         if (!_this.isFirstClick) {
                             var ulElement = _this.list.querySelector('ul');
                             if (ulElement) {

package/.eslintrc.json

@@ -1,260 +0,0 @@
-{
-    "env": {
-        "browser": true,
-        "es2021": true
-    },
-    "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:jsdoc/recommended",
-        "plugin:security/recommended"
-    ],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "ecmaFeatures": { "js": true },
-        "ecmaVersion": 2018,
-        "project": "./tsconfig.json",
-        "sourceType": "module"
-      },
-    "plugins": [
-        "@typescript-eslint",
-        "@typescript-eslint/tslint",
-        "eslint-plugin-security",
-        "jsdoc"
-    ],
-    "rules": {
-        "use-isnan": "error",
-        "security/detect-unsafe-regex":"error",
-        "security/detect-buffer-noassert":"error",
-        "security/detect-child-process":"error",
-        "security/detect-disable-mustache-escape":"error",
-        "security/detect-eval-with-expression":"error",
-        "security/detect-no-csrf-before-method-override":"error",
-        "security/detect-non-literal-fs-filename":"error",
-        "security/detect-non-literal-regexp":"error",
-        "security/detect-non-literal-require":"error",
-        "security/detect-object-injection":"error",
-        "security/detect-possible-timing-attacks":"error",
-        "security/detect-pseudoRandomBytes":"error",
-        "security/detect-new-buffer":"error",
-        "security/detect-bidi-characters":"error",
-        "@typescript-eslint/no-inferrable-types": "off",
-        "@typescript-eslint/ban-types": ["warn", {
-            "types": {
-                "Object": false,
-                "object": false,
-                "{}": false,
-                "Function": false
-            }
-        }],
-        "jsdoc/check-tag-names": 0,
-        "@typescript-eslint/tslint/config": [
-            "error",
-            {
-                "rules": {
-                    "ban": true,
-                    "chai-vague-errors": true,
-                    "max-func-body-length": [
-                        true,
-                        120,
-                        {
-                            "ignore-parameters-to-function-regex": "describe"
-                        }
-                    ],
-                    "missing-jsdoc": true,
-                    "no-backbone-get-set-outside-model": false,
-                    "no-cookies": false,
-                    "no-delete-expression": false,
-                    "no-disable-auto-sanitization": true,
-                    "no-duplicate-case": true,
-                    "no-duplicate-parameter-names": true,
-                    "no-empty-interfaces": false,
-                    "no-exec-script": true,
-                    "no-function-expression": false,
-                    "no-multiple-var-decl": false,
-                    "no-string-based-set-immediate": false,
-                    "no-string-based-set-interval": false,
-                    "no-unnecessary-bind": false,
-                    "no-unused-imports": true,
-                    "no-with-statement": false,
-                    "prefer-array-literal": false,
-                    "typedef": [
-                        true,
-                        "call-signature",
-                        "parameter",
-                        "property-declaration",
-                        "variable-declaration",
-                        "arrow-parameter",
-                        "member-variable-declaration"
-                    ],
-                    "use-named-parameter": false,
-                    "valid-typeof": true,
-                    "whitespace": [
-                        true,
-                        "check-branch",
-                        "check-decl",
-                        "check-operator",
-                        "check-separator",
-                        "check-type"
-                    ]
-                }
-            }
-        ],
-        "no-control-regex": "error",
-        "no-constant-condition": "error",
-        "no-invalid-regexp": "error",
-        "curly": "error",
-        "eol-last": [
-            "error",
-            "always"
-        ],
-        "guard-for-in": "error",
-        "no-labels": "error",
-        "max-len": [
-            "error",
-            {
-                "code": 140,
-                "tabWidth": 4,
-                "ignoreComments": true,
-                "ignoreStrings": true,
-                "ignoreTemplateLiterals": true,
-                "ignoreRegExpLiterals": true
-            }
-        ],
-        "no-console": [
-            "error",
-            {
-                "allow": [
-                    "warn",
-                    "dir",
-                    "timeLog",
-                    "assert",
-                    "clear",
-                    "count",
-                    "countReset",
-                    "group",
-                    "groupEnd",
-                    "table",
-                    "dirxml",
-                    "error",
-                    "groupCollapsed",
-                    "Console",
-                    "profile",
-                    "profileEnd",
-                    "timeStamp",
-                    "context"
-                ]
-            }
-        ],
-        "no-redeclare": [
-            "error",
-            {
-                "builtinGlobals": true
-            }
-        ],
-        "@typescript-eslint/no-parameter-properties": "error",
-        "@typescript-eslint/indent": [
-            "error",
-            4,
-            {
-                "CallExpression": {
-                    "arguments": "first"
-                },
-                "FunctionDeclaration": {
-                    "parameters": "first"
-                },
-                "FunctionExpression": {
-                    "parameters": "first"
-                }
-            }
-        ],
-        "no-debugger": "error",
-        "no-eval": "error",
-        "no-extra-semi": "error",
-        "no-throw-literal": "error",
-        "no-fallthrough": "error",
-        "comma-dangle": [
-            "error",
-            "never"
-        ],
-        "no-trailing-spaces": "error",
-        "@typescript-eslint/no-unused-expressions": "error",
-        "@typescript-eslint/no-var-requires": "error",
-        "one-var": [
-            "error",
-            "never"
-        ],
-        "@typescript-eslint/no-explicit-any": "error",
-        "no-cond-assign": [
-            "error",
-            "always"
-        ],
-        "@typescript-eslint/consistent-type-assertions": "off",
-        "jsdoc/check-alignment": "error",
-        "no-empty": "error",
-        "quotes": [
-            "error",
-            "single"
-        ],
-        "semi": [
-            "error",
-            "always"
-        ],
-        "eqeqeq": [
-            "error",
-            "smart"
-        ],
-        "valid-typeof": [
-            "error",
-            {
-                "requireStringLiterals": true
-            }
-        ],
-        "camelcase": [
-            "error",
-            {
-                "properties": "always",
-                "ignoreDestructuring": true,
-                "ignoreImports": true
-            }
-        ],
-        "no-irregular-whitespace": [
-            "error",
-            {
-                "skipStrings": true,
-                "skipComments": true,
-                "skipRegExps": true,
-                "skipTemplates": true
-            }
-        ],
-        "valid-jsdoc": [
-            "error",
-            {
-                "prefer": {
-                    "arg": "param",
-                    "argument": "param",
-                    "class": "constructor",
-                    "return": "returns",
-                    "virtual": "abstract"
-                }
-            }
-        ],
-        "no-var": "error",
-        "radix": "error"
-    },
-    "reportUnusedDisableDirectives": true,
-    "overrides": [
-        {
-            "files": [
-                "node_modules",
-                "dist",
-                "public",
-                "coverage",
-                "test-report"
-            ],
-            "rules": {
-                "no-unused-expressions": "off"
-            }
-        }
-    ]
-}

package/tslint.json

@@ -1,111 +0,0 @@
-{
-  "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
-  }
-}