@syncfusion/ej2-grids - npm Package Compare versions

Comparing version 32.1.25 to 32.2.3

dist/global/index.d.ts

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

package.json

 {
   "name": "@syncfusion/ej2-grids",
-  "version": "32.1.25",
+  "version": "32.2.3",
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel.",
@@ -11,17 +11,17 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.1.24",
-    "@syncfusion/ej2-buttons": "~32.1.24",
-    "@syncfusion/ej2-calendars": "~32.1.25",
-    "@syncfusion/ej2-compression": "~32.1.24",
-    "@syncfusion/ej2-data": "~32.1.24",
-    "@syncfusion/ej2-dropdowns": "~32.1.25",
-    "@syncfusion/ej2-excel-export": "~32.1.24",
-    "@syncfusion/ej2-file-utils": "~32.1.24",
-    "@syncfusion/ej2-inputs": "~32.1.24",
-    "@syncfusion/ej2-lists": "~32.1.24",
-    "@syncfusion/ej2-navigations": "~32.1.24",
-    "@syncfusion/ej2-notifications": "~32.1.24",
-    "@syncfusion/ej2-pdf-export": "~32.1.24",
-    "@syncfusion/ej2-popups": "~32.1.25",
-    "@syncfusion/ej2-splitbuttons": "~32.1.24"
+    "@syncfusion/ej2-base": "~32.2.3",
+    "@syncfusion/ej2-buttons": "~32.2.3",
+    "@syncfusion/ej2-calendars": "~32.2.3",
+    "@syncfusion/ej2-compression": "~32.2.3",
+    "@syncfusion/ej2-data": "~32.2.3",
+    "@syncfusion/ej2-dropdowns": "~32.2.3",
+    "@syncfusion/ej2-excel-export": "~32.2.3",
+    "@syncfusion/ej2-file-utils": "~32.2.3",
+    "@syncfusion/ej2-inputs": "~32.2.3",
+    "@syncfusion/ej2-lists": "~32.2.3",
+    "@syncfusion/ej2-navigations": "~32.2.3",
+    "@syncfusion/ej2-notifications": "~32.2.3",
+    "@syncfusion/ej2-pdf-export": "~32.2.3",
+    "@syncfusion/ej2-popups": "~32.2.3",
+    "@syncfusion/ej2-splitbuttons": "~32.2.3"
   },
@@ -28,0 +28,0 @@ "devDependencies": {},

src/grid/actions/resize.d.ts

@@ -125,2 +125,3 @@ import { IGrid, IAction } from '../base/interface';
     private appendHelper;
+    private resizeHelperHeight;
     private setHelperHeight;
@@ -127,0 +128,0 @@ private getScrollBarWidth;

src/grid/actions/resize.js

@@ -1037,3 +1037,5 @@ import { EventHandler, detach, formatUnit, Browser, closest } from '@syncfusion/ej2-base';
             else {
-                addClass([headerTable, contentTable], ['e-tableborder']);
+                if (contentwidth < contentTable.scrollWidth) {
+                    addClass([headerTable, contentTable], ['e-tableborder']);
+                }
             }
@@ -1125,12 +1127,17 @@ removeClass([gObj.element], ['e-left-shadow', 'e-right-shadow']);
     };
-    Resize.prototype.setHelperHeight = function () {
+    Resize.prototype.resizeHelperHeight = function (rectElement) {
         var height = this.parent.getContent().offsetHeight - this.getScrollBarWidth();
-        var rect = closest(this.element, resizeClassList.header);
         var tr = [].slice.call(this.parent.getHeaderContent().querySelectorAll('tr'));
-        for (var i = tr.indexOf(rect.parentElement); i < tr.length && i > -1; i++) {
+        for (var i = tr.indexOf(rectElement.parentElement); i < tr.length && i > -1; i++) {
             height += tr[parseInt(i.toString(), 10)].offsetHeight;
         }
-        var pos = this.calcPos(rect);
-        pos.left += (this.parent.enableRtl ? 0 - 1 : rect.offsetWidth - 2);
-        this.helper.style.cssText = 'height: ' + height + 'px; top: ' + pos.top + 'px; left:' + Math.floor(pos.left) + 'px;';
+        return height;
+    };
+    Resize.prototype.setHelperHeight = function () {
+        var rectElement = closest(this.element, resizeClassList.header);
+        var height = this.resizeHelperHeight(rectElement);
+        var position = this.calcPos(rectElement);
+        var rectDetails = rectElement.getBoundingClientRect();
+        position.left = (position.left <= 1 ? 0 : position.left) + (this.parent.enableRtl ? 0 : Number(rectDetails.width.toFixed(1))) - 1;
+        this.helper.style.cssText = 'height: ' + height + 'px; top: ' + position.top + 'px; left:' + Math.floor(position.left) + 'px;';
         if (this.parent.enableVirtualization) {
@@ -1155,5 +1162,8 @@ this.helper.classList.add('e-virtual-rhandler');
     Resize.prototype.updateHelper = function () {
-        var rect = closest(this.element, resizeClassList.header);
+        var rectElement = closest(this.element, resizeClassList.header);
         var left;
-        left = Math.floor(this.calcPos(rect).left + (this.parent.enableRtl ? 0 - 1 : rect.offsetWidth - 2));
+        var position = this.calcPos(rectElement);
+        var rectDetails = rectElement.getBoundingClientRect();
+        left = Math.floor(Number((position.left <= 1 ? 0 : position.left).toFixed(1)) + (this.parent.enableRtl ? 0 :
+            Number(rectDetails.width.toFixed(1))) - 1);
         var borderWidth = 2; // to maintain the helper inside of grid element.
@@ -1163,2 +1173,3 @@ if (left > this.parentElementWidth) {
         }
+        this.helper.style.height = this.resizeHelperHeight(rectElement) + 'px';
         this.helper.style.left = left + 'px';
@@ -1165,0 +1176,0 @@ };

src/grid/actions/scroll.js

@@ -559,3 +559,3 @@ import { Browser, EventHandler } from '@syncfusion/ej2-base';
     Scroll.prototype.makeStickyHeader = function () {
-        if (this.parent.enableStickyHeader && this.parent.element && this.parent.getContent()) {
+        if (this.parent.enableStickyHeader && this.parent.element && this.parent.getContent() && this.parentElement) {
             var contentRect = this.parent.getContent().getClientRects()[0];
@@ -562,0 +562,0 @@ if (contentRect) {

src/grid/renderer/header-renderer.js

@@ -348,14 +348,2 @@ import { isNullOrUndefined, extend } from '@syncfusion/ej2-base';
             headerRow = rowRenderer.render(rows[parseInt(i.toString(), 10)], columns);
-            if (this.parent.allowResizing) {
-                var headerVisibleCell = Array.from(headerRow.querySelectorAll('.e-headercell:not(.e-hide)'));
-                if (headerRow.querySelector('.e-lastcell') && headerRow.querySelector('.e-lastcell').classList.contains('e-hide')) {
-                    var lastVisibleCell = headerVisibleCell[headerVisibleCell.length - 1];
-                    lastVisibleCell.classList.add('e-last-visible-cell');
-                }
-                else if (headerRow.querySelector('.e-laststackcell') &&
-                    headerRow.querySelector('.e-laststackcell').classList.contains('e-hide')) {
-                    var lastVisibleStackedCell = headerVisibleCell[headerVisibleCell.length - 1];
-                    lastVisibleStackedCell.classList.add('e-last-visible-stack-cell');
-                }
-            }
             if (this.parent.rowHeight && headerRow.querySelector('.e-headercell')) {
@@ -367,2 +355,14 @@ headerRow.style.height = this.parent.rowHeight + 'px';
         }
+        var headerVisibleCell = Array.from(thead.querySelectorAll('.e-headercell:not(.e-hide)'));
+        if (this.parent.allowResizing && headerVisibleCell.length > 0) {
+            if (thead.querySelector('.e-lastcell') && thead.querySelector('.e-lastcell').classList.contains('e-hide')) {
+                var lastVisibleCell = headerVisibleCell[headerVisibleCell.length - 1];
+                lastVisibleCell.classList.add('e-last-visible-cell');
+            }
+            else if (thead.querySelector('.e-laststackcell') &&
+                thead.querySelector('.e-laststackcell').classList.contains('e-hide')) {
+                var lastVisibleStackedCell = headerVisibleCell[headerVisibleCell.length - 1];
+                lastVisibleStackedCell.classList.add('e-last-visible-stack-cell');
+            }
+        }
         var findHeaderRow = {
@@ -369,0 +369,0 @@ thead: thead,

src/grid/services/group-model-generator.js

@@ -121,3 +121,3 @@ var __extends = (this && this.__extends) || (function () {
                 var groupKey = rowObj[parseInt(i.toString(), 10)].data.key;
-                if ((groupKey && groupKey.toString() === key.toString() && groupKey instanceof Date) || groupKey === key) {
+                if ((groupKey && key && groupKey.toString() === key.toString() && groupKey instanceof Date) || groupKey === key) {
                     preCap = rowObj[parseInt(i.toString(), 10)];
@@ -124,0 +124,0 @@ }

styles/grid/icons/_bootstrap-dark.scss

@@ -66,3 +66,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -72,2 +71,6 @@ content: '\e946';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\ebb2';
+    }
+
     .e-ressort-icon::before {
@@ -74,0 +77,0 @@ content: '\e612';

styles/grid/icons/_bootstrap.scss

@@ -66,3 +66,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -72,2 +71,6 @@ content: '\e946';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\ebb2';
+    }
+
     .e-ressort-icon::before {
@@ -74,0 +77,0 @@ content: '\e612';

styles/grid/icons/_bootstrap4.scss

@@ -67,3 +67,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -73,2 +72,6 @@ content: '\e714';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\e775';
+    }
+
     .e-ressort-icon::before {
@@ -75,0 +78,0 @@ content: '\e741';

styles/grid/icons/_bootstrap5.3.scss

@@ -62,3 +62,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -68,2 +67,6 @@ content: '\e7f7';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\e735';
+    }
+
     .e-ressort-icon::before {
@@ -70,0 +73,0 @@ content: '\e823';

styles/grid/icons/_bootstrap5.scss

@@ -62,3 +62,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -68,2 +67,6 @@ content: '\e7f7';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\e735';
+    }
+
     .e-ressort-icon::before {
@@ -70,0 +73,0 @@ content: '\e823';

styles/grid/icons/_fabric-dark.scss

@@ -68,3 +68,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -74,2 +73,6 @@ content: '\e21c';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\ebac';
+    }
+
     .e-ressort-icon::before {
@@ -76,0 +79,0 @@ content: '\e612';

styles/grid/icons/_fabric.scss

@@ -66,7 +66,10 @@ @use 'ej2-base/styles/common/mixin' as *;
 
-    .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before {
+    .e-icon-filter::before {
       content: '\e21c';
     }
 
+    .e-icon-filter.e-filtered::before {
+      content: '\ebac';
+    }
+
     .e-excl-filter-icon::before,
@@ -73,0 +76,0 @@ .e-resfilter-icon::before {

styles/grid/icons/_fluent.scss

@@ -63,3 +63,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -69,2 +68,6 @@ content: '\e7f7';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\e735';
+    }
+
     .e-ressort-icon::before {
@@ -71,0 +74,0 @@ content: '\e823';

styles/grid/icons/_fluent2.scss

@@ -63,3 +63,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -69,2 +68,6 @@ content: '\e7f7';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\e735';
+    }
+
     .e-ressort-icon::before {
@@ -71,0 +74,0 @@ content: '\e823';

styles/grid/icons/_highcontrast-light.scss

@@ -67,3 +67,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -73,2 +72,6 @@ content: '\e21c';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\ebac';
+    }
+
     .e-ressort-icon::before {
@@ -75,0 +78,0 @@ content: '\e612';

styles/grid/icons/_highcontrast.scss

@@ -67,3 +67,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -73,2 +72,6 @@ content: '\e21c';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\ebac';
+    }
+
     .e-ressort-icon::before {
@@ -75,0 +78,0 @@ content: '\e612';

styles/grid/icons/_material-dark.scss

@@ -65,7 +65,10 @@ @use 'ej2-base/styles/common/mixin' as *;
 
-    .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before {
+    .e-icon-filter::before {
       content: '\e7ee';
     }
 
+    .e-icon-filter.e-filtered::before {
+      content: '\ebb3';
+    }
+
     .e-excl-filter-icon::before,
@@ -72,0 +75,0 @@ .e-resfilter-icon::before {

styles/grid/icons/_material.scss

@@ -65,7 +65,10 @@ @use 'ej2-base/styles/common/mixin' as *;
 
-    .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before {
+    .e-icon-filter::before {
       content: '\e7ee';
     }
 
+    .e-icon-filter.e-filtered::before {
+      content: '\ebb3';
+    }
+
     .e-excl-filter-icon::before,
@@ -72,0 +75,0 @@ .e-resfilter-icon::before {

styles/grid/icons/_tailwind.scss

@@ -62,3 +62,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -68,2 +67,6 @@ content: '\e7f7';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\e735';
+    }
+
     .e-ressort-icon::before {
@@ -70,0 +73,0 @@ content: '\e823';

styles/grid/icons/_tailwind3.scss

@@ -62,3 +62,2 @@ @use 'ej2-base/styles/common/mixin' as *;
     .e-icon-filter::before,
-    .e-icon-filter.e-filtered::before,
     .e-resfilter-icon::before {
@@ -68,2 +67,6 @@ content: '\e7f7';
 
+    .e-icon-filter.e-filtered::before {
+      content: '\e735';
+    }
+
     .e-ressort-icon::before {
@@ -70,0 +73,0 @@ content: '\e823';

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

48045322

0.04%

Lines of code

562682

0.07%

Dependency changes

• + Added

  @syncfusion/ej2-base@32.2.6
  (transitive)

• + Added

  @syncfusion/ej2-buttons@32.2.7
  (transitive)

• + Added

  @syncfusion/ej2-calendars@32.2.8
  (transitive)

• + Added

  @syncfusion/ej2-compression@32.2.3
  (transitive)

• + Added

  @syncfusion/ej2-data@32.2.3
  (transitive)

• + Added

  @syncfusion/ej2-dropdowns@32.2.8
  (transitive)

• + Added

  @syncfusion/ej2-excel-export@32.2.3
  (transitive)

• + Added

  @syncfusion/ej2-file-utils@32.2.3
  (transitive)

• + Added

  @syncfusion/ej2-icons@32.2.3
  (transitive)

• + Added

  @syncfusion/ej2-inputs@32.2.8
  (transitive)

• + Added

  @syncfusion/ej2-lists@32.2.7
  (transitive)

• + Added

  @syncfusion/ej2-navigations@32.2.8
  (transitive)

• + Added

  @syncfusion/ej2-notifications@32.2.3
  (transitive)

• + Added

  @syncfusion/ej2-pdf-export@32.2.3
  (transitive)

• + Added

  @syncfusion/ej2-popups@32.2.8
  (transitive)

• + Added

  @syncfusion/ej2-splitbuttons@32.2.7
  (transitive)

• - Removed

  @syncfusion/ej2-base@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-buttons@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-calendars@32.1.25
  (transitive)

• - Removed

  @syncfusion/ej2-compression@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-data@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-dropdowns@32.1.25
  (transitive)

• - Removed

  @syncfusion/ej2-excel-export@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-file-utils@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-icons@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-inputs@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-lists@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-navigations@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-notifications@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-pdf-export@32.1.24
  (transitive)

• - Removed

  @syncfusion/ej2-popups@32.1.25
  (transitive)

• - Removed

  @syncfusion/ej2-splitbuttons@32.1.24
  (transitive)

• Updated

  @syncfusion/ej2-base@~32.2.3

• Updated

  @syncfusion/ej2-buttons@~32.2.3

• Updated

  @syncfusion/ej2-calendars@~32.2.3

• Updated

  @syncfusion/ej2-compression@~32.2.3

• Updated

  @syncfusion/ej2-data@~32.2.3

• Updated

  @syncfusion/ej2-dropdowns@~32.2.3

• Updated

  @syncfusion/ej2-excel-export@~32.2.3

• Updated

  @syncfusion/ej2-file-utils@~32.2.3

• Updated

  @syncfusion/ej2-inputs@~32.2.3

• Updated

  @syncfusion/ej2-lists@~32.2.3

• Updated

  @syncfusion/ej2-navigations@~32.2.3

• Updated

  @syncfusion/ej2-notifications@~32.2.3

• Updated

  @syncfusion/ej2-pdf-export@~32.2.3

• Updated

  @syncfusion/ej2-popups@~32.2.3

• Updated

  @syncfusion/ej2-splitbuttons@~32.2.3