@syncfusion/ej2-react-grids 20.2.49 → 20.3.48

package/CHANGELOG.md

@@ -6,104 +6,32 @@
 
 #### Bug Fixes
 
-- `#F176791` - Excel filter template in Complex field column throws script error has been resolved.
-- `#I401116` - Grid Toolbar is not scrollable when updating the items dynamically has been fixed.
-- `#I400345` - Script error while batch adding if the primary key column is hidden and other columns are templates has been fixed.
-- `#I400351` - No validation when confirming new grid row has been fixed.
+- `#I397183` - checkbox issue when enabling the persistence has been fixed.
+- `#I399882` - `rowIndexes` in `RowSelectEventArgs` becomes undefined when single row is selected has been fixed.
+- `#I402071` - Column chooser with frozen columns and wrap mode as header throws script error has been fixed.
+- `#I404733` - `SetRowData` method is not working properly used inside the `childGrid` is fixed.
 
-## 20.2.48 (2022-09-06)
+## 20.3.47 (2022-09-29)
 
 ### Grid
 
-#### Bug Fixes
-
-- `#I398466` - Tab key navigation breaks the functionality of Grid while using toolbar template has been fixed.
-- `#I396595`, `#I396424` - Group Caption template becomes empty in previous page while doing `infiniteScrolling` has been fixed.
-- `#F176349` - Key press in grid with toolbar template throws script errors has been fixed.
-- `#I397834` - `queryString` as complex field is not working in Hierarchy Grid has been fixed.
-- `#I397934` - Date filter issue with Russian Language has been fixed.
-
-## 20.2.46 (2022-08-30)
-
-### Grid
-
-#### Bug Fixes
-
-- `#I394999` - Autofit columns are now working fine with hierarchy grid.
-- `#I372528` - Clear filtering is now working fine with column menu.
-- `#I392728` - Persist Selection issue with primary key column as complex field has been fixed.
-- `#I396789` - Provided place holder for pagination page size dropdown component.
-- `#I394229` - `setRowData` method issue with Frozen Grid has been fixed.
-- `#I394623` - `rowReorders` method issue with checkbox selection issue has been fixed.
-
-## 20.2.45 (2022-08-23)
-
-### Grid
-
-#### Bug Fixes
-
-- `#I388962` - Screen reader reads the expanded row as collapsed issue has been resolved.
-- `#I392206` - Provided support to export pdf header with text alignment.
-
-## 20.2.44 (2022-08-16)
-
-### Grid
-
-#### Bug Fixes
-
-- `#F175923` - Script error thrown when we perform Dialog Editing with `columnTemplate` feature has been fixed.
-- `#I387602`, `#I391114` - `ColumnTemplate` is not working with `childGrid` in React has been fixed.
-- `#I392695` - Header checkbox is selected automatically while doing searching and filtering with custom binding has been fixed.
-- `#I377797` - Fixed the column misalignment issue while using the lazy load grouping feature to hide columns.
-- `#I388048`, `#I388054` - Icons appearing as unwanted characters in the NVDA Screen Reader speech viewer has been fixed.
-- `#I394025` - Memory leak issue on Command column when grid refreshed is fixed.
-- `#I396878` - `HeaderTemplate` feature is not working in React child Grid has been fixed.
-- `#FB36381` - Gantt with `virtualization` and Persistence working properly and the issue has been Fixed.
-- `#F175543`, `#I389522`, `#F176346`, `#I394881`, `#I395706`, `#I395963`, `#I397022` - Typing white space in grid input field on Mac OS has been Fixed.
-- `#FB34389` - `DataStateChangeEventArgs.search` Data Type has been updated.
-
-## 20.2.43 (2022-08-08)
-
-### Grid
-
-#### Bug Fixes
-
-- `#I392233` - Filtering issue with Boolean values has been fixed and now working properly.
-- `#I388879` - Destroying Grid with expanded child grid throws script error has been resolved.
-- `#I388052` - Screen reader reads the column as draggable even though it is not a draggable column has been fixed.
-
-## 20.2.40 (2022-07-26)
-
-### Grid
-
-#### Bug Fixes
+#### New Features
 
-- `#I387901` - Command column disappear on pressing shift+tab key issue has been fixed.
-- `#I375590` - Now the Screen Reader announcing the state of the expand and collapse icon properly.
-- `#I390959` - `setRowData` method is now working properly with Column Template has been fixed.
-- `#I390767` - Text wrapping is not applied in the Stack header feature issue has been fixed.
+- `F26767` - Provided the Shimmer effect for grid while loading, refreshing and data processing.
+- Provided the lazy load group support for infinite scrolling enabled grid.
+- `I388050`, `I388052`, `I375590`, `I370773`, `I375590` - Grid features and icons have been enhanced to meet web accessibility standards and enabled localization support for aria-labels.
 
 #### Breaking Changes
 
-- The Expand and Collapse icon element change from div to anchor tag due to improvement in web accessibility.
-- `WAI-ARIA` `aria-rowindex` validation error has been resolved. Now the `aria-rowindex` and `aria-colindex` starting from 1.
-
-## 20.2.39 (2022-07-19)
-
-### Grid
+- `#I374913` - Prevented the group collapse action in infinite scrolling with cache mode by hiding the icons.
 
 #### Bug Fixes
 
-- `#I377182` - DOM leak with Group Caption Template issue has been fixed.
-- `#I388087` - Grid navigation with TAB stops working when the `isFrozen` is enabled issue has been fixed.
-- `#F173914` - Inside template function state value is not updated issue has been fixed.
-- `#I387341` - Increase in Row Height when editing enabled has been fixed.
-- `#F175548` - The `dataStateChange` event triggering at initial grid rendering has been fixed.
-- `#I389565` - `cssClass` property is not updated dynamically is fixed.
-- `#I385208` - Wrong row drop index when dropped in external grid has been fixed.
-- `#I386683` - `disableHtmlEncode` property is not working in Excel Filter is fixed.
-- `#I376845` - Memory leak issue on command column has been fixed.
-- `#F175044` - Image is not rendered in Multiple Grid Excel Export issue has been fixed.
+- `#I397430` - Script error while hiding the Sticky Header Grid using `ngIf` property has been fixed.
+- `#I407127` - Custom command buttons not working with infinite scrolling is fixed.
+- `#I401295` - Group by fails for 1 record on collapse issue has been fixed.
+- `#I401412` - Script error after destroying the Grid with sticky header has been fixed.
+- `#F176953` - Filtering issue with Frozen column and Row drag and drop feature has been resolved.
 
 ## 20.2.38 (2022-07-12)
 

package/diConfig.json

@@ -199,6 +199,16 @@
                 {
                     "propertyName": "infiniteScrollSettings",
                     "baseClass": "InfiniteScrollSettings"
+                },
+                {
+                    "propertyName": "loadingIndicator",
+                    "baseClass": "LoadingIndicator",
+                    "migratedTagDirective": [{
+                        "propertyName": "indicatorType",
+                        "directoryName": "grid",
+                        "baseClass": "IndicatorType"
+                    }]
+
                 }
             ],
             "tagDirective": [{

package/dist/ej2-react-grids.min.js

@@ -0,0 +1,10 @@
+/*!
+*  filename: ej2-react-grids.min.js
+*  version : 20.3.48
+*  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
+*  licensing@syncfusion.com. Any infringement will be prosecuted under
+*  applicable laws. 
+*/
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("SyncfusionGrids"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionGrids","React"],e):"object"==typeof exports?exports.SyncfusionReactGrids=e(require("SyncfusionReactBase"),require("SyncfusionGrids"),require("React")):t.SyncfusionReactGrids=e(t.SyncfusionReactBase,t.SyncfusionGrids,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=10)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e,n){"use strict";var r=n(7);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(9);n.d(e,"c",function(){return o.a}),n.d(e,"d",function(){return o.b});var i=n(6);n.d(e,"e",function(){return i.a}),n.d(e,"f",function(){return i.b});var u=n(5);n.d(e,"g",function(){return u.a}),n.d(e,"h",function(){return u.b});var c=n(8);n.d(e,"i",function(){return c.a})},function(t,e,n){"use strict";var r=n(11);n.d(e,"a",function(){return r.a})},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="aggregateColumn",e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="columns",e.moduleName="aggregateColumns",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="aggregate",e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="aggregates",e.moduleName="aggregates",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="column",e.complexTemplate={filterItemTemplate:"filter.itemTemplate"},e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="columns",e.moduleName="columns",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(1)),i=(n.n(o),n(0)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={columns:{column:{stackedColumns:"stackedColumn"}},aggregates:{aggregate:{aggregateColumns:"aggregateColumn"}}},n.immediateRender=!1,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Grid);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="stackedColumn",e.complexTemplate={filterItemTemplate:"filter.itemTemplate"},e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="columns",e.moduleName="stackedColumns",e}(r.ComplexBase)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(3);n.d(e,"ColumnDirective",function(){return r.a}),n.d(e,"ColumnsDirective",function(){return r.b}),n.d(e,"StackedColumnDirective",function(){return r.c}),n.d(e,"StackedColumnsDirective",function(){return r.d}),n.d(e,"AggregateDirective",function(){return r.e}),n.d(e,"AggregatesDirective",function(){return r.f}),n.d(e,"AggregateColumnDirective",function(){return r.g}),n.d(e,"AggregateColumnsDirective",function(){return r.h}),n.d(e,"GridComponent",function(){return r.i});var o=n(4);n.d(e,"PagerComponent",function(){return o.a});var i=n(0);n.n(i);n.o(i,"Inject")&&n.d(e,"Inject",function(){return i.Inject});var u=n(1);n.n(u);for(var c in u)["ColumnDirective","ColumnsDirective","StackedColumnDirective","StackedColumnsDirective","AggregateDirective","AggregatesDirective","AggregateColumnDirective","AggregateColumnsDirective","GridComponent","PagerComponent","Inject","default"].indexOf(c)<0&&function(t){n.d(e,t,function(){return u[t]})}(c)},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(2),o=(n.n(r),n(1)),i=(n.n(o),n(0)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!1,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.Pager);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])}])});

package/dist/ej2-react-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-react-grids.umd.min.js
-*  version : 20.2.49
+*  version : 20.3.48
 *  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-react-grids@*",
-  "_id": "@syncfusion/ej2-react-grids@20.2.48",
+  "_id": "@syncfusion/ej2-react-grids@20.3.47",
   "_inBundle": false,
-  "_integrity": "sha512-goteIQlIjGQBiwvKc0328QzUkjZzDG+yJkLSpfAzFJSmkouATpchTWsNVKAsNn9QjM1xYZGmqOJDc4hk4lyikQ==",
+  "_integrity": "sha512-QUX6hkUupHHc3f6TAfTy23oEHBLyeXPeGtYahKFWedBrpJ87+CSHvNttfxQgP3rb0ePjn30QmHakct04q1is+g==",
   "_location": "/@syncfusion/ej2-react-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-20.2.48.tgz",
-  "_shasum": "bf0eaf69332f313007c6e0c978f5f6997187985b",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-20.3.47.tgz",
+  "_shasum": "a71bf0349fe1e03b007d8ff998c8b6e7971087c2",
   "_spec": "@syncfusion/ej2-react-grids@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.48",
-    "@syncfusion/ej2-grids": "20.2.49",
-    "@syncfusion/ej2-react-base": "~20.2.45"
+    "@syncfusion/ej2-base": "~20.3.48",
+    "@syncfusion/ej2-grids": "20.3.48",
+    "@syncfusion/ej2-react-base": "~20.3.47"
   },
   "deprecated": false,
   "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for React",
@@ -65,6 +65,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
   },
-  "version": "20.2.49",
+  "version": "20.3.48",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.5);
@@ -103,6 +104,7 @@
   min-height: 34px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -369,7 +371,7 @@
   word-break: normal;
 }
 .e-excelfilter .e-chk-hidden {
-  -moz-appearance: none;
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
   height: 1px;
   opacity: 0;
   width: 1px;
@@ -513,6 +515,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-color: #0070f0;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -762,6 +766,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid,
 .e-grid.e-bigger {
   font-size: 14px;
+  /* stylelint-disable */
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
 .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1419,6 +1424,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 13px;
   height: auto;
   position: relative;
+  /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-grid .e-gridheader {
   -webkit-user-select: none;
@@ -2326,7 +2334,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-left: 8px;
 }
 .e-grid .e-chk-hidden {
-  -moz-appearance: none;
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
   height: 1px;
   opacity: 0;
   width: 1px;
@@ -2340,7 +2348,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
-  -webkit-user-select: auto;
+  -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
   height: 20px;
   line-height: 20px;
   position: relative;
@@ -2536,7 +2544,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 2px;
 }
 .e-grid .e-content {
-  -webkit-overflow-scrolling: touch;
+  -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
   overflow-x: auto;
   overflow-y: scroll;
   position: relative;
@@ -2666,6 +2674,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0;
   cursor: pointer;
 }
+.e-grid .e-disablepointer {
+  cursor: default;
+}
 .e-grid .e-groupcaption {
   border-style: solid;
   border-width: 1px 0 0;
@@ -2887,6 +2898,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-checkboxfiltertext {
   width: 150px;
   word-break: normal;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
 .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2946,10 +2959,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
 }
 .e-grid .e-frozenhdrcont {
-  -ms-touch-action: none;
+  -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
 }
 .e-grid .e-frozencontent {
-  -ms-touch-action: none;
+  -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
   border-bottom-width: 1px;
   float: left;
   width: min-content;
@@ -2958,19 +2971,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   float: right;
 }
 .e-grid .e-movablecontent {
-  -ms-overflow-style: none;
+  -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
   -ms-flex: 1;
       flex: 1;
   overflow-x: auto;
   overflow-y: hidden;
 }
-.e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
+.e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
   display: none;
 }
-.e-grid .e-content.e-mac-safari::-webkit-scrollbar {
+.e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
   width: 7px;
 }
-.e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
+.e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
   background-color: rgba(0, 0, 0, 0.5);
   border-radius: 4px;
 }
@@ -3377,9 +3390,39 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
   border-right: 0;
 }
+.e-grid .e-mask {
+  display: inline-block;
+  height: 10px;
+  width: 80%;
+}
+.e-grid .e-mask.e-mask-group-intent {
+  margin-left: 7px;
+  width: 16px;
+}
+.e-grid .e-mask.e-mask-detail-intent {
+  width: 16px;
+}
+.e-grid .e-mask.e-mask-checkbox-intent {
+  margin-left: 3px;
+  margin-right: 16px;
+  width: 20px;
+}
+.e-grid .e-mask.e-mask-checkbox-filter-intent {
+  width: 13px;
+}
+.e-grid .e-mask.e-mask-checkbox-filter-span-intent {
+  margin-left: 8px;
+}
+.e-grid .e-mask.e-mask-drag-intent {
+  margin-left: 12px;
+  width: 12px;
+}
 .e-grid.sf-grid .e-table {
   border-spacing: 0.25px;
 }
+.e-grid.sf-grid span.e-ungroupbutton.e-icons {
+  margin-left: -8px;
+}
 .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
 .e-grid.sf-grid .e-headercell.e-frozen-right-border,
 .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3957,7 +4000,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
-  -moz-appearance: none;
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
   height: 1px;
   opacity: 0;
   width: 1px;

package/styles/bootstrap.css

@@ -1,3 +1,4 @@
+/* stylelint-disable property-no-vendor-prefix */
 .e-popup.e-ddl {
   border-radius: 4px;
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
@@ -103,6 +104,7 @@
   min-height: 34px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -369,7 +371,7 @@
   word-break: normal;
 }
 .e-excelfilter .e-chk-hidden {
-  -moz-appearance: none;
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
   height: 1px;
   opacity: 0;
   width: 1px;
@@ -513,6 +515,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-color: #317ab9;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -763,6 +767,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid,
 .e-grid.e-bigger {
   font-size: 14px;
+  /* stylelint-disable */
 }
 .e-bigger .e-grid .e-gridheader thead .e-icons:not(.e-check):not(.e-stop),
 .e-grid.e-bigger .e-gridheader thead .e-icons:not(.e-check):not(.e-stop) {
@@ -1420,6 +1425,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 13px;
   height: auto;
   position: relative;
+  /* stylelint-enable */
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-grid .e-gridheader {
   -webkit-user-select: none;
@@ -2327,7 +2335,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-left: 8px;
 }
 .e-grid .e-chk-hidden {
-  -moz-appearance: none;
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
   height: 1px;
   opacity: 0;
   width: 1px;
@@ -2341,7 +2349,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-rowcell .e-checkbox-wrapper,
 .e-grid .e-rowcell .e-css.e-checkbox-wrapper {
-  -webkit-user-select: auto;
+  -webkit-user-select: auto; /* stylelint-disable-line property-no-vendor-prefix */
   height: 20px;
   line-height: 20px;
   position: relative;
@@ -2537,7 +2545,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 2px;
 }
 .e-grid .e-content {
-  -webkit-overflow-scrolling: touch;
+  -webkit-overflow-scrolling: touch; /* stylelint-disable-line property-no-vendor-prefix */
   overflow-x: auto;
   overflow-y: scroll;
   position: relative;
@@ -2667,6 +2675,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 1px 0 0;
   cursor: pointer;
 }
+.e-grid .e-disablepointer {
+  cursor: default;
+}
 .e-grid .e-groupcaption {
   border-style: solid;
   border-width: 1px 0 0;
@@ -2888,6 +2899,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-checkboxfiltertext {
   width: 150px;
   word-break: normal;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
 .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
@@ -2947,10 +2960,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   overflow: hidden;
 }
 .e-grid .e-frozenhdrcont {
-  -ms-touch-action: none;
+  -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
 }
 .e-grid .e-frozencontent {
-  -ms-touch-action: none;
+  -ms-touch-action: none; /* stylelint-disable-line property-no-vendor-prefix */
   border-bottom-width: 1px;
   float: left;
   width: min-content;
@@ -2959,19 +2972,19 @@ li.e-separator.e-menu-item.e-excel-separator {
   float: right;
 }
 .e-grid .e-movablecontent {
-  -ms-overflow-style: none;
+  -ms-overflow-style: none; /* stylelint-disable-line property-no-vendor-prefix */
   -ms-flex: 1;
       flex: 1;
   overflow-x: auto;
   overflow-y: hidden;
 }
-.e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar {
+.e-grid:not(.sf-grid) .e-movablecontent::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
   display: none;
 }
-.e-grid .e-content.e-mac-safari::-webkit-scrollbar {
+.e-grid .e-content.e-mac-safari::-webkit-scrollbar { /* stylelint-disable-line property-no-vendor-prefix */
   width: 7px;
 }
-.e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb {
+.e-grid .e-content.e-mac-safari::-webkit-scrollbar-thumb { /* stylelint-disable-line property-no-vendor-prefix */
   background-color: rgba(0, 0, 0, 0.5);
   border-radius: 4px;
 }
@@ -3378,9 +3391,39 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-resize-lines.e-rtl.e-default table th[rowspan] {
   border-right: 0;
 }
+.e-grid .e-mask {
+  display: inline-block;
+  height: 10px;
+  width: 80%;
+}
+.e-grid .e-mask.e-mask-group-intent {
+  margin-left: 7px;
+  width: 16px;
+}
+.e-grid .e-mask.e-mask-detail-intent {
+  width: 16px;
+}
+.e-grid .e-mask.e-mask-checkbox-intent {
+  margin-left: 3px;
+  margin-right: 16px;
+  width: 20px;
+}
+.e-grid .e-mask.e-mask-checkbox-filter-intent {
+  width: 13px;
+}
+.e-grid .e-mask.e-mask-checkbox-filter-span-intent {
+  margin-left: 8px;
+}
+.e-grid .e-mask.e-mask-drag-intent {
+  margin-left: 12px;
+  width: 12px;
+}
 .e-grid.sf-grid .e-table {
   border-spacing: 0.25px;
 }
+.e-grid.sf-grid span.e-ungroupbutton.e-icons {
+  margin-left: -8px;
+}
 .e-grid.sf-grid .e-rowcell.e-frozen-right-border,
 .e-grid.sf-grid .e-headercell.e-frozen-right-border,
 .e-grid.sf-grid .e-filterbarcell.e-frozen-right-border {
@@ -3958,7 +4001,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden,
 .e-bigger.e-responsive-dialog .e-dlg-content .e-mainfilterdiv .e-dialog .e-searchcontainer .e-spinner .e-chk-hidden {
-  -moz-appearance: none;
+  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
   height: 1px;
   opacity: 0;
   width: 1px;