@syncfusion/ej2-splitbuttons 20.1.47 → 20.2.36

package/helpers/e2e/progressbuttonHelper.js

@@ -1,36 +1,53 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class ProgressButtonHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var ProgressButtonHelper = (function (_super) {
+        __extends(ProgressButtonHelper, _super);
+        function ProgressButtonHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    setModel(property, value) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property] = value;
-        });
-    }
-    getModel(property) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property];
-        });
-    }
-    invoke(fName, args = []) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            var inst = ele[0].ej2_instances[0];
-            return inst[fName].apply(inst, args);
-        });
-    }
-}
-exports.ProgressButtonHelper = ProgressButtonHelper;
+        ProgressButtonHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        ProgressButtonHelper.prototype.setModel = function (property, value) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property] = value;
+            });
+        };
+        ProgressButtonHelper.prototype.getModel = function (property) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property];
+            });
+        };
+        ProgressButtonHelper.prototype.invoke = function (fName, args) {
+            if (args === void 0) { args = []; }
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                var inst = ele[0].ej2_instances[0];
+                return inst[fName].apply(inst, args);
+            });
+        };
+        return ProgressButtonHelper;
+    }(e2e_1.TestHelper));
+    exports.ProgressButtonHelper = ProgressButtonHelper;
+});

package/helpers/e2e/splitbuttonHelper.js

@@ -1,42 +1,59 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const e2e_1 = require("@syncfusion/ej2-base/helpers/e2e");
-class SplitButtonHelper extends e2e_1.TestHelper {
-    constructor(id, wrapperFn) {
-        super();
-        this.id = id;
-        if (wrapperFn !== undefined) {
-            this.wrapperFn = wrapperFn;
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+define(["require", "exports", "@syncfusion/ej2-base/helpers/e2e"], function (require, exports, e2e_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    var SplitButtonHelper = (function (_super) {
+        __extends(SplitButtonHelper, _super);
+        function SplitButtonHelper(id, wrapperFn) {
+            var _this = _super.call(this) || this;
+            _this.id = id;
+            if (wrapperFn !== undefined) {
+                _this.wrapperFn = wrapperFn;
+            }
+            return _this;
         }
-        return this;
-    }
-    getElement() {
-        return this.selector('#' + this.id);
-    }
-    getDropDownElement() {
-        return this.selector('#' + this.id + '_dropdownbtn');
-    }
-    getPopupElement() {
-        return this.selector('#' + this.id + '_dropdownbtn_popup');
-    }
-    setModel(property, value) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property] = value;
-        });
-    }
-    getModel(property) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            return ele[0].ej2_instances[0][property];
-        });
-    }
-    invoke(fName, args = []) {
-        let cy;
-        return cy.get('#' + this.id).then((ele) => {
-            var inst = ele[0].ej2_instances[0];
-            return inst[fName].apply(inst, args);
-        });
-    }
-}
-exports.SplitButtonHelper = SplitButtonHelper;
+        SplitButtonHelper.prototype.getElement = function () {
+            return this.selector('#' + this.id);
+        };
+        SplitButtonHelper.prototype.getDropDownElement = function () {
+            return this.selector('#' + this.id + '_dropdownbtn');
+        };
+        SplitButtonHelper.prototype.getPopupElement = function () {
+            return this.selector('#' + this.id + '_dropdownbtn_popup');
+        };
+        SplitButtonHelper.prototype.setModel = function (property, value) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property] = value;
+            });
+        };
+        SplitButtonHelper.prototype.getModel = function (property) {
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                return ele[0].ej2_instances[0][property];
+            });
+        };
+        SplitButtonHelper.prototype.invoke = function (fName, args) {
+            if (args === void 0) { args = []; }
+            var cy;
+            return cy.get('#' + this.id).then(function (ele) {
+                var inst = ele[0].ej2_instances[0];
+                return inst[fName].apply(inst, args);
+            });
+        };
+        return SplitButtonHelper;
+    }(e2e_1.TestHelper));
+    exports.SplitButtonHelper = SplitButtonHelper;
+});

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-splitbuttons@*",
-  "_id": "@syncfusion/ej2-splitbuttons@19.5.0",
+  "_id": "@syncfusion/ej2-splitbuttons@20.2.1",
   "_inBundle": false,
-  "_integrity": "sha512-Q6hCILfg2LGjT94id5qJrwCihge5hX/UNR1XFUk/mwXqaySCWbOwKGFtMEZ7O+u3L4+ODUp8kjYMy0HAyx3N3Q==",
+  "_integrity": "sha512-QPgyFYcS+goyy0ZtopODg8lVT6JbSi17+GQNeGv6/IU/FcMcf7JSwtWx5umiTxGQ8nG70wIwIXBq49btr0HWoQ==",
   "_location": "/@syncfusion/ej2-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -31,8 +31,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-splitbuttons"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-19.5.0.tgz",
-  "_shasum": "024be063a623faa9fb02eff84df8b083274dd266",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-20.2.1.tgz",
+  "_shasum": "0e33e29493bd7277ab1ec72661da739019329966",
   "_spec": "@syncfusion/ej2-splitbuttons@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -43,8 +43,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.47",
-    "@syncfusion/ej2-popups": "~20.1.47"
+    "@syncfusion/ej2-base": "~20.2.36",
+    "@syncfusion/ej2-popups": "~20.2.36"
   },
   "deprecated": false,
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
@@ -87,6 +87,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.1.47",
+  "version": "20.2.36",
   "sideEffects": false
 }

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

@@ -171,7 +171,7 @@ var DropDownButton = /** @class */ (function (_super) {
             _a['aria-expanded'] = 'false',
             _a['aria-owns'] = this.getPopUpElement().id,
             _a['type'] = 'button',
-            _a['aria-label'] = this.element.textContent + ' dropdownbutton',
+            _a['aria-label'] = this.element.textContent ? this.element.textContent : 'dropdownbutton',
             _a));
         if (this.cssClass) {
             addClass([div], this.cssClass.split(' '));
@@ -199,13 +199,19 @@ var DropDownButton = /** @class */ (function (_super) {
         }
         for (var i = 0; i < items.length; i++) {
             item = items[i];
-            var tempItem = (this.enableHtmlSanitizer) ? SanitizeHtmlHelper.sanitize(item.text) : item.text;
+            var tempItem = item.text;
             li = this.createElement('li', {
                 innerHTML: item.url ? '' : tempItem,
                 className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
-                attrs: { 'role': 'menuItem', 'tabindex': '-1' },
+                attrs: { 'role': 'menuItem', 'tabindex': '-1', 'aria-label': tempItem },
                 id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
             });
+            if (this.enableHtmlSanitizer) {
+                li.textContent = item.url ? '' : tempItem;
+            }
+            else {
+                li.innerHTML = item.url ? '' : tempItem;
+            }
             if (item.url) {
                 li.appendChild(this.createAnchor(item));
                 li.classList.add('e-url');
@@ -517,6 +523,7 @@ var DropDownButton = /** @class */ (function (_super) {
                     isReact = true;
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+                    this.renderReactTemplates();
                 }
             }
             else {
@@ -525,6 +532,7 @@ var DropDownButton = /** @class */ (function (_super) {
                     isReact = true;
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
                     this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
+                    this.renderReactTemplates();
                 }
             }
         }