@syncfusion/ej2-grids - npm Package Compare versions

Comparing version 20.2.43 to 20.2.44

dist/global/index.d.ts

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

package.json

 {
   "_from": "@syncfusion/ej2-grids@*",
-  "_id": "@syncfusion/ej2-grids@20.2.40",
+  "_id": "@syncfusion/ej2-grids@20.2.43",
   "_inBundle": false,
-  "_integrity": "sha512-KUI1uMuPS6zSy0HpQGIl9BtzXrCNdlnru/fk5r/f17/0wuQGU5WCkjbwQsvCbiewyN4VaCM+2WLohYYYW7Tzng==",
+  "_integrity": "sha512-F/q3jWChUa7gZ6JdBrfGsjml8jbVrOWS5yQX6zLIzC35oSmXVnOTDkpK5rPLT+EuP3oszB3bXD6gtVl6bFQTZA==",
   "_location": "/@syncfusion/ej2-grids",
@@ -32,4 +32,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-grids/-/ej2-grids-20.2.40.tgz",
-  "_shasum": "25dab271e415849bd0992e52420881dbaeb1b656",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-grids/-/ej2-grids-20.2.43.tgz",
+  "_shasum": "062cf836a42ab3f3e5f7732b846bd53a5960fc46",
   "_spec": "@syncfusion/ej2-grids@*",
@@ -47,8 +47,8 @@ "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
     "@syncfusion/ej2-data": "~20.2.43",
-    "@syncfusion/ej2-dropdowns": "~20.2.43",
+    "@syncfusion/ej2-dropdowns": "~20.2.44",
     "@syncfusion/ej2-excel-export": "~20.2.43",
     "@syncfusion/ej2-file-utils": "~20.2.43",
-    "@syncfusion/ej2-inputs": "~20.2.43",
+    "@syncfusion/ej2-inputs": "~20.2.44",
     "@syncfusion/ej2-lists": "~20.2.43",
-    "@syncfusion/ej2-navigations": "~20.2.43",
+    "@syncfusion/ej2-navigations": "~20.2.44",
     "@syncfusion/ej2-pdf-export": "~20.2.43",
@@ -82,4 +82,4 @@ "@syncfusion/ej2-popups": "~20.2.43",
   "typings": "index.d.ts",
-  "version": "20.2.43",
+  "version": "20.2.44",
   "sideEffects": false
 }

src/grid/actions/column-chooser.js

@@ -409,2 +409,3 @@ import { classList, addClass, removeClass, isNullOrUndefined, Browser } from '@syncfusion/ej2-base';
         if (selectAll === void 0) { selectAll = false; }
+        var currentCol = this.parent.getColumnByUid(coluid);
         if (isChecked) {
@@ -414,3 +415,3 @@ if (this.hideColumn.indexOf(coluid) !== -1) {
             }
-            if (this.showColumn.indexOf(coluid) === -1) {
+            if (this.showColumn.indexOf(coluid) === -1 && !(currentCol && currentCol.visible)) {
                 this.showColumn.push(coluid);
@@ -423,3 +424,3 @@ }
             }
-            if (this.hideColumn.indexOf(coluid) === -1) {
+            if (this.hideColumn.indexOf(coluid) === -1 && (currentCol && currentCol.visible)) {
                 this.hideColumn.push(coluid);
@@ -426,0 +427,0 @@ }

src/grid/actions/detail-row.js

@@ -89,4 +89,6 @@ import { removeClass, addClass, extend } from '@syncfusion/ej2-base';
                     var isReactCompiler = this.parent.isReact && typeof (gObj.detailTemplate) !== 'string';
+                    var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+                        this.parent.parentDetails.parentInstObj.isReact;
                     var detailTemplateID = gObj.element.id + 'detailTemplate';
-                    if (isReactCompiler) {
+                    if (isReactCompiler || isReactChild) {
                         gObj.getDetailTemplate()(data, gObj, 'detailTemplate', detailTemplateID, null, null, detailCell);
@@ -112,2 +114,8 @@ this.parent.renderTemplates();
                     };
+                    if (gObj.isReact) {
+                        childGrid.parentDetails.parentInstObj = gObj;
+                    }
+                    else if (gObj.parentDetails && gObj.parentDetails.parentInstObj && gObj.parentDetails.parentInstObj.isReact) {
+                        childGrid.parentDetails.parentInstObj = gObj.parentDetails.parentInstObj;
+                    }
                     childGrid.isLegacyTemplate = gObj.isReact
@@ -323,6 +331,6 @@ || gObj.isLegacyTemplate;
                 var element = this.focus.getFocusedElement();
-                if (element.classList.contains('e-icon-grightarrow') || element.classList.contains('e-icon-gdownarrow')) {
+                if (element && (element.classList.contains('e-icon-grightarrow') || element.classList.contains('e-icon-gdownarrow'))) {
                     element = element.parentElement;
                 }
-                if (!element.classList.contains('e-detailrowcollapse') &&
+                if (element && !element.classList.contains('e-detailrowcollapse') &&
                     !element.classList.contains('e-detailrowexpand')) {
@@ -329,0 +337,0 @@ break;

src/grid/actions/page.js

@@ -192,3 +192,2 @@ import { extend } from '@syncfusion/ej2-base';
         var prevPage = this.pageSettings.currentPage;
-        this.pageSettings.currentPage = e.currentPage;
         var args = {
@@ -199,2 +198,3 @@ cancel: false, requestType: 'paging', previousPage: prevPage,
         if (!this.isCancel) {
+            this.pageSettings.currentPage = e.currentPage;
             this.parent.notify(events.modelChanged, args);
@@ -204,2 +204,3 @@ }
             e.cancel = true;
+            this.pageSettings.currentPage = prevPage;
             this.pagerObj.currentPage = prevPage;
@@ -211,3 +212,2 @@ this.isCancel = true;
         this.parent.requestTypeAction = 'paging';
-        this.parent.notify(events.commandColumnDestroy, { type: 'paging' });
     };
@@ -214,0 +214,0 @@ Page.prototype.keyPressHandler = function (e) {

src/grid/actions/row-reorder.js

@@ -154,3 +154,3 @@ import { Draggable, isNullOrUndefined } from '@syncfusion/ej2-base';
                 parentsUntil(target, 'e-grid').id) ? _this.isDropGrid.element.querySelector('.e-emptyrow') ? 0 :
-                parseInt(trElement.getAttribute(literals.ariaRowIndex), 10) : parseInt(_this.startedRow.getAttribute(literals.ariaRowIndex), 10);
+                parseInt(trElement.getAttribute('data-rowindex'), 10) : parseInt(_this.startedRow.getAttribute('data-rowindex'), 10);
             if (gObj.rowDropSettings.targetID) {
@@ -157,0 +157,0 @@ if (!parentsUntil(target, 'e-grid') ||

src/grid/actions/toolbar.js

@@ -174,4 +174,6 @@ import { EventHandler, extend, isNullOrUndefined } from '@syncfusion/ej2-base';
                 var isReactCompiler = this.parent.isReact && typeof (this.parent.toolbarTemplate) !== 'string';
+                var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+                    this.parent.parentDetails.parentInstObj.isReact;
                 var ID = this.parent.element.id + 'toolbarTemplate';
-                if (isReactCompiler) {
+                if (isReactCompiler || isReactChild) {
                     templateCompiler(this.parent.toolbarTemplate)({}, this.parent, 'toolbarTemplate', ID, null, null, this.element);
@@ -178,0 +180,0 @@ this.parent.renderTemplates();

src/grid/common/checkbox-filter-base.js

@@ -867,3 +867,6 @@ /* tslint:disable-next-line:max-line-length */
                 && typeof (this.options.column.filter.itemTemplate) !== 'string';
-            if (isReactCompiler) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+                this.parent.parentDetails.parentInstObj.isReact;
+            if (isReactCompiler || isReactChild) {
                 this.options.template(dummyData, this.parent, 'filterItemTemplate', null, null, null, label);
@@ -870,0 +873,0 @@ this.parent.renderTemplates();

src/grid/common/excel-filter-base.js

@@ -143,3 +143,3 @@ var __extends = (this && this.__extends) || (function () {
         li.innerHTML = val;
-        li.insertBefore(this.parent.createElement('span', { className: 'e-menu-icon e-icons ' + iconName }), li.firstChild);
+        li.insertBefore(this.parent.createElement('span', { className: 'e-menu-icon e-icons ' + iconName, attrs: { 'aria-hidden': 'true' } }), li.firstChild);
         if (isSubMenu) {
@@ -735,4 +735,7 @@ li.appendChild(this.parent.createElement('span', { className: 'e-icons e-caret' }));
             var isReactCompiler = this.parent.isReact && typeof (this.options.column.filterTemplate) !== 'string';
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+                this.parent.parentDetails.parentInstObj.isReact;
             var tempID = this.parent.element.id + columnObj.uid + 'filterTemplate';
-            if (isReactCompiler) {
+            if (isReactCompiler || isReactChild) {
                 this.options.column.getFilterTemplate()(data, this.parent, 'filterTemplate', tempID, null, null, valueDiv);
@@ -739,0 +742,0 @@ this.parent.renderTemplates();

src/grid/renderer/caption-cell-renderer.js

@@ -69,3 +69,5 @@ var __extends = (this && this.__extends) || (function () {
             var isReactCompiler = this.parent.isReact && typeof (gObj.groupSettings.captionTemplate) !== 'string';
-            if (isReactCompiler) {
+            var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+                this.parent.parentDetails.parentInstObj.isReact;
+            if (isReactCompiler || isReactChild) {
                 var tempID = gObj.element.id + 'captionTemplate';
@@ -81,3 +83,3 @@ templateCompiler(gObj.groupSettings.captionTemplate)(data, this.parent, 'captionTemplate', tempID, null, null, node);
             }
-            if (!isReactCompiler) {
+            if (!isReactCompiler && !isReactChild) {
                 appendChildren(node, result);
@@ -84,0 +86,0 @@ }

src/grid/renderer/cell-renderer.js

@@ -53,2 +53,4 @@ import { remove, addClass } from '@syncfusion/ej2-base';
             var isReactCompiler = this.parent.isReact && typeof (cell.column.template) !== 'string';
+            var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+                this.parent.parentDetails.parentInstObj.isReact;
             var literals_1 = ['index'];
@@ -58,3 +60,3 @@ var dummyData = extendObjWithFn({}, data, (_a = {}, _a[foreignKeyData] = fData, _a.column = cell.column, _a));
             var str = 'isStringTemplate';
-            if (isReactCompiler) {
+            if (isReactCompiler || isReactChild) {
                 var copied = { 'index': attributes[literals_1[0]] };
@@ -67,3 +69,3 @@ cell.column.getColumnTemplate()(extend(copied, dummyData), this.parent, 'columnTemplate', templateID, this.parent[str], null, node);
             }
-            if (!isReactCompiler) {
+            if (!isReactCompiler && !isReactChild) {
                 appendChildren(node, result);
@@ -70,0 +72,0 @@ }

src/grid/renderer/command-column-renderer.js

@@ -49,3 +49,3 @@ var __extends = (this && this.__extends) || (function () {
         }
-        if (args.type === 'paging') {
+        if (args.type === 'refreshCommandColumn') {
             var elem = this.parent.element.querySelectorAll('.e-unboundcell');
@@ -52,0 +52,0 @@ if (elem.length) {

src/grid/renderer/dialog-edit-renderer.js

@@ -172,3 +172,5 @@ import { Dialog } from '@syncfusion/ej2-popups';
             var isReactCompiler = this.parent.isReact && typeof (this.parent.editSettings.template) !== 'string';
-            if (isReactCompiler) {
+            var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+                this.parent.parentDetails.parentInstObj.isReact;
+            if (isReactCompiler || isReactChild) {
                 this.parent.getEditTemplate()(dummyData, this.parent, 'editSettingsTemplate', editTemplateID, null, null, form);
@@ -175,0 +177,0 @@ this.parent.renderTemplates();

src/grid/renderer/edit-renderer.js

@@ -212,3 +212,5 @@ import { isNullOrUndefined, closest, extend } from '@syncfusion/ej2-base';
                 var isReactCompiler = this.parent.isReact && typeof (col.editTemplate) !== 'string';
-                if (isReactCompiler) {
+                var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+                    this.parent.parentDetails.parentInstObj.isReact;
+                if (isReactCompiler || isReactChild) {
                     col.getEditTemplate()(extend({ 'index': args.rowIndex }, tempData), this.parent, 'editTemplate', tempID, null, null, input);
@@ -215,0 +217,0 @@ this.parent.renderTemplates();

src/grid/renderer/filter-cell-renderer.js

@@ -65,4 +65,6 @@ var __extends = (this && this.__extends) || (function () {
                 var isReactCompiler = this.parent.isReact && typeof (column.filterTemplate) !== 'string';
+                var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+                    this.parent.parentDetails.parentInstObj.isReact;
                 var tempID = this.parent.element.id + column.uid + 'filterTemplate';
-                if (isReactCompiler) {
+                if (isReactCompiler || isReactChild) {
                     column.getFilterTemplate()(fltrData, this.parent, 'filterTemplate', tempID, null, null, node);
@@ -69,0 +71,0 @@ this.parent.renderTemplates();

src/grid/renderer/filter-menu-renderer.js

@@ -199,4 +199,6 @@ import { isNullOrUndefined, getValue, remove } from '@syncfusion/ej2-base';
             var isReactCompiler = this.parent.isReact && typeof (column.filterTemplate) !== 'string';
+            var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+                this.parent.parentDetails.parentInstObj.isReact;
             var tempID = this.parent.element.id + column.uid + 'filterTemplate';
-            if (isReactCompiler) {
+            if (isReactCompiler || isReactChild) {
                 column.getFilterTemplate()(fltrData, this.parent, 'filterTemplate', tempID, null, null, valueDiv);
@@ -203,0 +205,0 @@ this.parent.renderTemplates();

src/grid/renderer/header-cell-renderer.js

@@ -34,3 +34,3 @@ var __extends = (this && this.__extends) || (function () {
         _this.hTxtEle = _this.parent.createElement('span', { className: 'e-headertext' });
-        _this.sortEle = _this.parent.createElement('div', { className: 'e-sortfilterdiv e-icons' });
+        _this.sortEle = _this.parent.createElement('div', { className: 'e-sortfilterdiv e-icons', attrs: { 'aria-hidden': 'true' } });
         _this.gui = _this.parent.createElement('div');
@@ -59,3 +59,3 @@ _this.chkAllBox = _this.parent.createElement('input', { className: 'e-checkselectall', attrs: { 'type': 'checkbox', 'aria-label': 'checkbox' } });
         var node = this.element.cloneNode();
-        var fltrMenuEle = this.parent.createElement('div', { className: 'e-filtermenudiv e-icons e-icon-filter' });
+        var fltrMenuEle = this.parent.createElement('div', { className: 'e-filtermenudiv e-icons e-icon-filter', attrs: { 'aria-hidden': 'true' } });
         return this.prepareHeader(cell, node, fltrMenuEle);
@@ -72,3 +72,3 @@ };
         this.clean(node);
-        var fltrMenuEle = this.parent.createElement('div', { className: 'e-filtermenudiv e-icons e-icon-filter' });
+        var fltrMenuEle = this.parent.createElement('div', { className: 'e-filtermenudiv e-icons e-icon-filter', attrs: { 'aria-hidden': 'true' } });
         return this.prepareHeader(cell, node, fltrMenuEle);
@@ -161,3 +161,5 @@ };
             var isReactCompiler = this.parent.isReact && typeof (column.headerTemplate) !== 'string';
-            if (isReactCompiler) {
+            var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+                this.parent.parentDetails.parentInstObj.isReact;
+            if (isReactCompiler || isReactChild) {
                 var copied = { 'index': colIndex };
@@ -203,3 +205,3 @@ node.firstElementChild.innerHTML = '';
         if (this.parent.showColumnMenu && column.showColumnMenu && !isNullOrUndefined(column.field)) {
-            var element = (this.parent.createElement('div', { className: 'e-icons e-columnmenu' }));
+            var element = (this.parent.createElement('div', { className: 'e-icons e-columnmenu', attrs: { 'aria-hidden': 'true' } }));
             var matchFilteredColumns = [];
@@ -206,0 +208,0 @@ if (this.parent.filterSettings.columns.length && this.parent.filterSettings.columns.length !== matchFilteredColumns.length) {

src/grid/renderer/render.js

@@ -385,2 +385,3 @@ import { remove, resetBlazorTemplate, blazorTemplates, getValue } from '@syncfusion/ej2-base';
             _this.parent.notify(events.tooltipDestroy, {});
+            _this.parent.notify(events.commandColumnDestroy, { type: 'refreshCommandColumn' });
             _this.contentRenderer.prevCurrentView = _this.parent.currentViewData.slice();
@@ -387,0 +388,0 @@ gObj.currentViewData = dataArgs.result;

src/grid/renderer/row-drag-drop-renderer.js

@@ -41,3 +41,4 @@ var __extends = (this && this.__extends) || (function () {
         nodeElement.appendChild(this.parent.createElement('div', {
-            className: 'e-icons e-rowcelldrag e-dtdiagonalright e-icon-rowdragicon'
+            className: 'e-icons e-rowcelldrag e-dtdiagonalright e-icon-rowdragicon',
+            attrs: { 'aria-hidden': 'true' }
         }));
@@ -44,0 +45,0 @@ if (cell.isSelected) {

src/grid/renderer/summary-cell-renderer.js

@@ -68,3 +68,5 @@ var __extends = (this && this.__extends) || (function () {
             : column.groupCaptionTemplate ? typeof (column.groupCaptionTemplate) !== 'string' : false);
-        if (isReactCompiler) {
+        var isReactChild = this.parent.parentDetails && this.parent.parentDetails.parentInstObj &&
+            this.parent.parentDetails.parentInstObj.isReact;
+        if (isReactCompiler || isReactChild) {
             var prop = data[column.columnName];
@@ -71,0 +73,0 @@ if (tempObj.property === 'groupCaptionTemplate' || tempObj.property === 'groupFooterTemplate') {

No alert changes

Improved metrics

Total package byte prevSize

31072730

increased by0.08%

Lines of code

320375

Dependency changes

• Updated@syncfusion/ej2-dropdowns@~20.2.44

• Updated@syncfusion/ej2-inputs@~20.2.44

• Updated@syncfusion/ej2-navigations@~20.2.44