@syncfusion/ej2-grids - npm Package Compare versions

Comparing version 22.1.39 to 22.2.5

dist/global/index.d.ts

 /*!
 *  filename: index.d.ts
-*  version : 22.1.39
+*  version : 22.2.5
 *  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@22.1.38",
+  "_id": "@syncfusion/ej2-grids@22.1.39",
   "_inBundle": false,
-  "_integrity": "sha512-sLuqGc/1o4agbFwWLtgKXj8tHMDdAfEMt/TOK0fqGx4grIhcqz4X3OLDanzBtywvlFi7Y7uSjYrwwR9DmJ03+Q==",
+  "_integrity": "sha512-ijilHOrBeV4tvQUHSXouLGzQ6Rp/IFkac7Q27Ytv3HAfyMAS9AbXcP8qPrQbQRqFb5x3SH6DGP2Pf4ENHd56ig==",
   "_location": "/@syncfusion/ej2-grids",
@@ -32,4 +32,4 @@ "_phantomChildren": {},
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-grids/-/ej2-grids-22.1.38.tgz",
-  "_shasum": "7a06d8bc535c7a0103c079132ccb07e0ab58b3b3",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-grids/-/ej2-grids-22.1.39.tgz",
+  "_shasum": "8ff9a156fbb3b4b0277707d1ed6f4de814d211cd",
   "_spec": "@syncfusion/ej2-grids@*",
@@ -42,17 +42,17 @@ "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.1.38",
-    "@syncfusion/ej2-buttons": "~22.1.39",
-    "@syncfusion/ej2-calendars": "~22.1.38",
-    "@syncfusion/ej2-compression": "~22.1.34",
-    "@syncfusion/ej2-data": "~22.1.38",
-    "@syncfusion/ej2-dropdowns": "~22.1.39",
-    "@syncfusion/ej2-excel-export": "~22.1.34",
-    "@syncfusion/ej2-file-utils": "~22.1.34",
-    "@syncfusion/ej2-inputs": "~22.1.39",
-    "@syncfusion/ej2-lists": "~22.1.34",
-    "@syncfusion/ej2-navigations": "~22.1.39",
-    "@syncfusion/ej2-notifications": "~22.1.34",
-    "@syncfusion/ej2-pdf-export": "~22.1.39",
-    "@syncfusion/ej2-popups": "~22.1.38",
-    "@syncfusion/ej2-splitbuttons": "~22.1.37"
+    "@syncfusion/ej2-base": "~22.2.5",
+    "@syncfusion/ej2-buttons": "~22.2.5",
+    "@syncfusion/ej2-calendars": "~22.2.5",
+    "@syncfusion/ej2-compression": "~22.2.5",
+    "@syncfusion/ej2-data": "~22.2.5",
+    "@syncfusion/ej2-dropdowns": "~22.2.5",
+    "@syncfusion/ej2-excel-export": "~22.2.5",
+    "@syncfusion/ej2-file-utils": "~22.2.5",
+    "@syncfusion/ej2-inputs": "~22.2.5",
+    "@syncfusion/ej2-lists": "~22.2.5",
+    "@syncfusion/ej2-navigations": "~22.2.5",
+    "@syncfusion/ej2-notifications": "~22.2.5",
+    "@syncfusion/ej2-pdf-export": "~22.2.5",
+    "@syncfusion/ej2-popups": "~22.2.5",
+    "@syncfusion/ej2-splitbuttons": "~22.2.5"
   },
@@ -83,5 +83,5 @@ "deprecated": false,
   "typings": "index.d.ts",
-  "version": "22.1.39",
+  "version": "22.2.5",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

src/grid/actions/excel-export.d.ts

@@ -81,3 +81,2 @@ import { IGrid, ExcelExportProperties } from '../base/interface';
     private getAggreateValue;
-    private getAggregateTemplate;
     private mergeOptions;
@@ -84,0 +83,0 @@ private getColumnStyle;

src/grid/actions/excel-export.js

@@ -788,3 +788,4 @@ import * as events from '../base/constant';
                             type: footerTemplate ? 'Footer' : groupFooterTemplate ? 'GroupFooter' : 'GroupCaption',
-                            style: eCell
+                            style: eCell,
+                            cell: cell
                         };
@@ -846,33 +847,6 @@ this.parent.trigger(events.excelAggregateQueryCellInfo, args);
         var data = row.data[cell.column.field ? cell.column.field : cell.column.columnName];
-        if (this.parent.isReact || this.parent.isVue || this.parent.isAngular) {
-            if (isNullOrUndefined(cell.column.customAggregate)) {
-                if (!isNullOrUndefined(cell.column.footerTemplate)) {
-                    txt = this.getAggregateTemplate(this.footerTemplates, gObj.getFooterContentTable(), data, cell);
-                }
-                else {
-                    if (cell.column.groupFooterTemplate) {
-                        txt = this.getAggregateTemplate(this.grpFooterTemplates, gObj.getContentTable(), data, cell);
-                    }
-                    else {
-                        this.capTemplate = isNullOrUndefined(this.capTemplate) ?
-                            gObj.getContentTable().querySelector('.e-groupcaptionrow')
-                                .querySelector('.e-summarycell.e-templatecell').innerText.split(data[(cell.column.type)])[0]
-                            : this.capTemplate;
-                        txt = this.capTemplate + data[(cell.column.type)];
-                    }
-                }
-                return !isNullOrUndefined(txt) ? (txt) : '';
-            }
-            else {
-                if (this.parent.isReact) {
-                    for (var i = 0; i < this.parent['portals'].length; i++) {
-                        if (data['Custom'] && this.parent['portals'][i].children.props.Custom === data['Custom']) {
-                            return this.parent['portals'][i].containerInfo.textContent;
-                        }
-                    }
-                }
-                else {
-                    txt = (templateFn[getEnumValue(CellType, cell.cellType)](data, this.parent));
-                }
-            }
+        if ((this.parent.isReact || this.parent.isVue || this.parent.isVue3 || this.parent.isAngular) &&
+            !(typeof cell.column.footerTemplate === 'string' || typeof cell.column.groupFooterTemplate === 'string' || typeof cell.column.groupCaptionTemplate === 'string')) {
+            txt = data[(cell.column.type)];
+            return !isNullOrUndefined(txt) ? (txt) : '';
         }
@@ -884,31 +858,2 @@ else {
     };
-    ExcelExport.prototype.getAggregateTemplate = function (template, contentRows, data, cell) {
-        var aggClassName = cell.column.groupFooterTemplate ? 'e-groupfooterrow' : 'e-summaryrow';
-        if (!template.length) {
-            this.totalAggregates = 0;
-            this.aggIndex = 0;
-            for (var i = 0; i < contentRows.querySelectorAll('tr').length; i++) {
-                if (contentRows.querySelectorAll('tr')[parseInt(i.toString(), 10)].classList.contains(aggClassName)) {
-                    this.totalAggregates++;
-                    if (contentRows.querySelectorAll('tr')[parseInt(i.toString(), 10) + 1] &&
-                        contentRows.querySelectorAll('tr')[parseInt(i.toString(), 10) + 1].classList.contains('e-groupcaptionrow')) {
-                        break;
-                    }
-                }
-            }
-        }
-        if (template.length < this.totalAggregates) {
-            template.push(contentRows.querySelectorAll('.' + aggClassName)[template.length]
-                .querySelector('.e-summarycell.e-templatecell').innerText.split(data[(cell.column.type)])[0]);
-        }
-        if (this.parent.groupSettings.enableLazyLoading && cell.column.groupFooterTemplate && this.totalAggregates === 0) {
-            this.totalAggregates = template.length;
-        }
-        this.aggIndex++;
-        var aggTemplate = template[this.aggIndex - 1] + data[(cell.column.type)];
-        if (this.aggIndex === this.totalAggregates) {
-            this.aggIndex = 0;
-        }
-        return aggTemplate;
-    };
     ExcelExport.prototype.mergeOptions = function (JSON1, JSON2) {
@@ -915,0 +860,0 @@ var result = {};

src/pager/pager-dropdown.js

@@ -103,2 +103,3 @@ import { createElement, remove } from '@syncfusion/ej2-base';
             }
+            this.pagerDropDownDiv.classList.remove('e-hide');
         }
@@ -105,0 +106,0 @@ };

src/pager/pager-message.js

@@ -42,2 +42,3 @@ import { createElement, append } from '@syncfusion/ej2-base';
         this.pageNoMsgElem.parentElement.setAttribute('aria-label', this.pageNoMsgElem.textContent + this.pageCountMsgElem.textContent);
+        this.pageNoMsgElem.parentElement.classList.remove('e-hide');
     };
@@ -44,0 +45,0 @@ /**

src/pager/pager.d.ts

@@ -351,2 +351,8 @@ import { Component, ModuleDeclaration, L10n, EmitType, KeyboardEventArgs } from '@syncfusion/ej2-base';
     /**
+     * Loop through all the inner elements of pager to calculate the required width for pager child elements.
+     *
+     * @returns {number} returns the actual width occupied by pager elements.
+     */
+    private calculateActualWidth;
+    /**
      * Resize pager component by hiding pager component's numeric items based on total width available for pager.
@@ -353,0 +359,0 @@ *

src/pager/pager.js

@@ -921,2 +921,24 @@ var __extends = (this && this.__extends) || (function () {
     /**
+     * Loop through all the inner elements of pager to calculate the required width for pager child elements.
+     *
+     * @returns {number} returns the actual width occupied by pager elements.
+     */
+    Pager.prototype.calculateActualWidth = function () {
+        var pagerElements = this.element.querySelectorAll(
+        /* tslint:disable-next-line:max-line-length */
+        '.e-mfirst, .e-mprev, .e-icon-first, .e-icon-prev, .e-pp:not(.e-disable), .e-numericitem:not(.e-hide), .e-numericitem.e-active.e-hide, .e-np:not(.e-disable), .e-icon-next, .e-icon-last, .e-parentmsgbar, .e-mnext, .e-mlast, .e-pagerdropdown, .e-pagerconstant');
+        var actualWidth = 0;
+        for (var i = 0; i < pagerElements.length; i++) {
+            if (getComputedStyle(pagerElements[parseInt(i.toString(), 10)]).display !== 'none') {
+                actualWidth += pagerElements[parseInt(i.toString(), 10)].offsetWidth
+                    + parseFloat(getComputedStyle(pagerElements[parseInt(i.toString(), 10)]).marginLeft)
+                    + parseFloat(getComputedStyle(pagerElements[parseInt(i.toString(), 10)]).marginRight);
+            }
+        }
+        var pagerContainer = this.element.querySelector('.e-pagercontainer');
+        actualWidth += parseFloat(getComputedStyle(pagerContainer).marginLeft)
+            + parseFloat(getComputedStyle(pagerContainer).marginRight);
+        return actualWidth;
+    };
+    /**
      * Resize pager component by hiding pager component's numeric items based on total width available for pager.
@@ -930,19 +952,4 @@ *
         if (!(this.template) && isStyleApplied) {
-            var pagerElements = this.element.querySelectorAll(
-            /* tslint:disable-next-line:max-line-length */
-            '.e-mfirst, .e-mprev, .e-icon-first, .e-icon-prev, .e-pp:not(.e-disable), .e-numericitem:not(.e-hide), .e-numericitem.e-active.e-hide, .e-np:not(.e-disable), .e-icon-next, .e-icon-last, .e-parentmsgbar, .e-mnext, .e-mlast, .e-pagerdropdown, .e-pagerconstant');
-            var actualWidth = 0;
-            /**
-             * Loop through all the inner elements of pager to calculate the required width for pager child elements.
-             */
-            for (var i = 0; i < pagerElements.length; i++) {
-                if (getComputedStyle(pagerElements[parseInt(i.toString(), 10)]).display !== 'none') {
-                    actualWidth += pagerElements[parseInt(i.toString(), 10)].offsetWidth
-                        + parseFloat(getComputedStyle(pagerElements[parseInt(i.toString(), 10)]).marginLeft)
-                        + parseFloat(getComputedStyle(pagerElements[parseInt(i.toString(), 10)]).marginRight);
-                }
-            }
             var pagerContainer = this.element.querySelector('.e-pagercontainer');
-            actualWidth += parseFloat(getComputedStyle(pagerContainer).marginLeft)
-                + parseFloat(getComputedStyle(pagerContainer).marginRight);
+            var actualWidth = this.calculateActualWidth();
             var pagerWidth = this.element.clientWidth
@@ -960,5 +967,5 @@ - parseFloat(getComputedStyle(this.element).paddingLeft)
             var PP = pagerContainer.querySelector('.e-pp');
-            var detailItems = this.element.querySelectorAll('.e-parentmsgbar:not([style*="display: none"]), .e-pagesizes:not([style*="display: none"])');
+            var detailItems = this.element.querySelectorAll('.e-parentmsgbar:not(.e-hide):not([style*="display: none"]), .e-pagesizes:not(.e-hide):not([style*="display: none"])');
+            var totDetailWidth_1 = 0;
             if (detailItems.length) {
-                var totDetailWidth_1 = 0;
                 detailItems.forEach(function (item) {
@@ -984,21 +991,10 @@ totDetailWidth_1 += item.offsetWidth;
                 this.isPagerResized = true;
+                if (this.currentPage !== this.totalPages) {
+                    classList(NP, ['e-numericitem', 'e-pager-default'], ['e-nextprevitemdisabled', 'e-disable']);
+                }
+                actualWidth = this.calculateActualWidth();
                 var diff = Math.abs((actualWidth) - pagerWidth);
-                // To hide Pager message elements when no more numeric items available to hide.
-                if (numItems.length <= 1 && detailItems.length && window.innerWidth >= 768) {
-                    var pagerDetailItemsWidth_1 = 0;
-                    var pagerDetailItems = this.element.querySelectorAll('.e-pagercontainer , .e-parentmsgbar, .e-pagesizes');
-                    pagerDetailItems.forEach(function (element) {
-                        pagerDetailItemsWidth_1 += element.offsetWidth + parseFloat(getComputedStyle(element).marginLeft)
-                            + parseFloat(getComputedStyle(element).marginRight);
-                    });
-                    if ((pagerDetailItemsWidth_1) > (pagerWidth - bufferWidth)) {
-                        detailItems[0].style.display = 'none';
-                    }
-                }
                 // To calculate number of numeric items need to be hidden.
                 var numToHide = Math.ceil(diff / (numericItemWidth));
                 numToHide = (numToHide === 0) ? 1 : (numToHide > numItems.length) ? (numItems.length - 1) : numToHide;
-                if (this.currentPage !== this.totalPages) {
-                    classList(NP, ['e-numericitem', 'e-pager-default'], ['e-nextprevitemdisabled', 'e-disable']);
-                }
                 for (var i = 1; i <= numToHide; i++) {
@@ -1012,6 +1008,19 @@ var hideIndex = hideFrom - parseInt(i.toString(), 10);
                     }
-                    if (!numItems[Math.abs(hideIndex)].classList.contains('e-currentitem')) {
+                    if (numItems[Math.abs(hideIndex)] && !(numItems[Math.abs(hideIndex)].classList.contains('e-currentitem'))) {
                         numItems[Math.abs(hideIndex)].classList.add('e-hide');
                     }
                 }
+                numItems = pagerContainer.querySelectorAll('.e-numericitem:not(.e-hide):not([style*="display: none"]):not(.e-np):not(.e-pp)');
+                // To hide Pager message elements when no more numeric items available to hide.
+                if (numItems.length <= 1 && detailItems.length && window.innerWidth >= 768) {
+                    var pagerDetailItemsWidth = this.calculateActualWidth();
+                    if ((pagerDetailItemsWidth) > (pagerWidth - bufferWidth)) {
+                        var detailtoHide = Math.floor((pagerWidth - (pagerDetailItemsWidth - totDetailWidth_1))
+                            / this.averageDetailWidth);
+                        detailtoHide = detailItems.length - detailtoHide;
+                        for (var i = 0; i < (detailtoHide > detailItems.length ? detailItems.length : detailtoHide); i++) {
+                            detailItems[parseInt(i.toString(), 10)].classList.add('e-hide');
+                        }
+                    }
+                }
             }
@@ -1023,6 +1032,6 @@ /**
                 var diff = Math.abs(pagerWidth - (actualWidth));
-                var hiddenDetailItems = this.element.querySelectorAll('.e-parentmsgbar[style*="display: none"], .e-pagesizes[style*="display: none"]');
+                var hiddenDetailItems = this.element.querySelectorAll('.e-parentmsgbar.e-hide, .e-pagesizes.e-hide');
                 // To show Pager message elements.
                 if (hiddenDetailItems.length && (diff > (this.averageDetailWidth + (this.averageDetailWidth / 4)))) {
-                    hiddenDetailItems[(hiddenDetailItems.length - 1)].style.display = 'inline-block';
+                    hiddenDetailItems[(hiddenDetailItems.length - 1)].classList.remove('e-hide');
                 }
@@ -1029,0 +1038,0 @@ if ((diff > (numericItemWidth * 2) && !hiddenDetailItems.length && window.innerWidth >= 768)) {

No alert changes

Worsened metrics

Total package byte prevSize

36718216

decreased by-0.07%

Lines of code

360212

decreased by-0.03%

Dependency changes

• + Added@syncfusion/ej2-base@22.2.12(transitive)

• + Added@syncfusion/ej2-buttons@22.2.9(transitive)

• + Added@syncfusion/ej2-calendars@22.2.12(transitive)

• + Added@syncfusion/ej2-compression@22.2.5(transitive)

• + Added@syncfusion/ej2-data@22.2.5(transitive)

• + Added@syncfusion/ej2-dropdowns@22.2.12(transitive)

• + Added@syncfusion/ej2-excel-export@22.2.5(transitive)

• + Added@syncfusion/ej2-file-utils@22.2.5(transitive)

• + Added@syncfusion/ej2-icons@22.2.5(transitive)

• + Added@syncfusion/ej2-inputs@22.2.12(transitive)

• + Added@syncfusion/ej2-lists@22.2.11(transitive)

• + Added@syncfusion/ej2-navigations@22.2.11(transitive)

• + Added@syncfusion/ej2-notifications@22.2.5(transitive)

• + Added@syncfusion/ej2-pdf-export@22.2.5(transitive)

• + Added@syncfusion/ej2-popups@22.2.11(transitive)

• + Added@syncfusion/ej2-splitbuttons@22.2.8(transitive)

• - Removed@syncfusion/ej2-base@22.1.38(transitive)

• - Removed@syncfusion/ej2-buttons@22.1.39(transitive)

• - Removed@syncfusion/ej2-calendars@22.1.38(transitive)

• - Removed@syncfusion/ej2-compression@22.1.34(transitive)

• - Removed@syncfusion/ej2-data@22.1.38(transitive)

• - Removed@syncfusion/ej2-dropdowns@22.1.39(transitive)

• - Removed@syncfusion/ej2-excel-export@22.1.34(transitive)

• - Removed@syncfusion/ej2-file-utils@22.1.34(transitive)

• - Removed@syncfusion/ej2-icons@22.1.34(transitive)

• - Removed@syncfusion/ej2-inputs@22.1.39(transitive)

• - Removed@syncfusion/ej2-lists@22.1.34(transitive)

• - Removed@syncfusion/ej2-navigations@22.1.39(transitive)

• - Removed@syncfusion/ej2-notifications@22.1.34(transitive)

• - Removed@syncfusion/ej2-pdf-export@22.1.39(transitive)

• - Removed@syncfusion/ej2-popups@22.1.38(transitive)

• - Removed@syncfusion/ej2-splitbuttons@22.1.37(transitive)

• Updated@syncfusion/ej2-base@~22.2.5

• Updated@syncfusion/ej2-buttons@~22.2.5

• Updated@syncfusion/ej2-calendars@~22.2.5

• Updated@syncfusion/ej2-compression@~22.2.5

• Updated@syncfusion/ej2-data@~22.2.5

• Updated@syncfusion/ej2-dropdowns@~22.2.5

• Updated@syncfusion/ej2-excel-export@~22.2.5

• Updated@syncfusion/ej2-file-utils@~22.2.5

• Updated@syncfusion/ej2-inputs@~22.2.5

• Updated@syncfusion/ej2-lists@~22.2.5

• Updated@syncfusion/ej2-navigations@~22.2.5

• Updated@syncfusion/ej2-notifications@~22.2.5

• Updated@syncfusion/ej2-pdf-export@~22.2.5

• Updated@syncfusion/ej2-popups@~22.2.5

• Updated@syncfusion/ej2-splitbuttons@~22.2.5