@syncfusion/ej2-react-grids 19.3.46 → 19.3.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -6,9 +6,49 @@
6
6
 
7
7
  #### Bug Fixes
8
8
 
9
+ - `#I346575` - Command button click event argument type not returned properly is fixed.
10
+ - `#I347290` - Persist selection is not working properly when enable selection dynamically is fixed.
11
+ - `#I344276` - `HTMLtag` is not disable properly in tooltip has been fixed.
12
+ - `#I346882` - Throws script error while enabling with `filterbarTemplate` with `ShowFilterBarOperator` is fixed.
13
+ - `#F170007` - Autofit issue while render empty records has been fixed.
14
+ - `#I345285` - Footer aggregate is not aligned properly has been fixed.
15
+
16
+ #### New Features
17
+
18
+ - `#I338539` - Provided the tag helper support for single level stacked header in Angular Grid.
19
+
20
+ ## 19.3.48 (2021-11-02)
21
+
22
+ ### Grid
23
+
24
+ #### Bug Fixes
25
+
26
+ - `#I345881` - Script error while reordering with the column `virtualization` is resolved.
27
+ - `#I345229` - `expandAll` and `CollapseAll` in grouping issue has been fixed.
28
+ - `#I343503` - row Selected data is incorrect while apply Sorting and Grouping is fixed.
29
+
30
+ ## 19.3.47 (2021-10-26)
31
+
32
+ ### Grid
33
+
34
+ #### Bug Fixes
35
+
36
+ - `#I345516` - Grid sort icon overlapping with column header text in `boostrap5` theme issue has been fixed.
37
+ - `#I341348` - Provided the support for clearing all the Grid actions.
38
+ - `#I344299` - Grid data is not loaded when using custom binding with `Infinitescrolling` is fixed.
39
+ - `#F167378` - Throws scripts error while apply sorting in load event with `Infinitescrolling` is resolved.
40
+ - `#I345190` - Date column filtering operator issue has been fixed.
41
+
42
+ ## 19.3.46 (2021-10-19)
43
+
44
+ ### Grid
45
+
46
+ #### Bug Fixes
47
+
9
48
  - `#I343873` - Infinite Scroll spinner issue while loading next block is fixed.
10
49
  - `#I344229` - Script error while searching in the infinite scrolling enabled is resolved.
11
50
  - `#I344295` - Infinite scroll grid is duplicating the last row issue has been fixed.
51
+ - `#FB21743` - Grouping collapse is not working properly with Infinite scroll if it don't have aggregates issue has been fixed.
12
52
 
13
53
  ## 19.3.45 (2021-10-12)
14
54
 
package/diConfig.json CHANGED
@@ -210,7 +210,7 @@
210
210
  "arrayDirectiveSelector": "ejs-grid>e-columns",
211
211
  "directiveSelector": "ejs-grid>e-columns>e-column",
212
212
  "directoryName": "grid",
213
- "baseClass": "Column",
213
+ "baseClass": "GridColumn",
214
214
  "isCircularBlazorComponent": true,
215
215
  "comment": [
216
216
  "/**",
@@ -284,7 +284,63 @@
284
284
  "propertyName": "commands",
285
285
  "baseClass": "CommandColumnModel",
286
286
  "isPartialClass": true
287
- }]
287
+ }],
288
+ "tagDirective": [
289
+ {
290
+ "arrayDirectiveClassName": "StackedColumns",
291
+ "directiveClassName": "StackedColumn",
292
+ "propertyName": "columns",
293
+ "arrayDirectiveSelector": "ejs-grid>e-columns>e-column>e-stacked-columns",
294
+ "directiveSelector": "ejs-grid>e-columns>e-column>e-stacked-columns>e-stacked-column",
295
+ "directoryName": "grid",
296
+ "baseClass": "StackedColumn",
297
+ "fileName": "stacked-column",
298
+ "comment": [
299
+ "/**",
300
+ " * `e-stacked-column` directive represent the stacked column of the Angular Grid.",
301
+ " * It must be contained in a StackedColumns component(`e-stacked-columns`). ",
302
+ " * ```html",
303
+ " * <ejs-grid [dataSource]='data' allowPaging='true' allowSorting='true'> ",
304
+ " * <e-columns>",
305
+ " * <e-column field='ID' width='100'></e-column>",
306
+ " * <e-column headerText='Details' width='100'>",
307
+ " * <e-stacked-columns>",
308
+ " * <e-stacked-column field='Name' width='140'></e-stacked-column>",
309
+ " * </e-stacked-columns>",
310
+ " * </e-column>",
311
+ " * </e-columns>",
312
+ " * </ejs-grid>",
313
+ " * ```",
314
+ " */"
315
+ ],
316
+ "templateProperties": [
317
+ "template",
318
+ "headerTemplate",
319
+ "commandsTemplate",
320
+ "filter.itemTemplate",
321
+ "editTemplate",
322
+ "filterTemplate"
323
+ ],
324
+ "customProperties": [
325
+ {
326
+ "name": "customFormat",
327
+ "type": "object",
328
+ "defaultValue": null,
329
+ "comments": "Gets the format from the user which can be standard or custom"
330
+ }
331
+ ],
332
+ "migratedTagDirective": [
333
+ {
334
+ "arrayDirectiveClassName": "CommandColumns",
335
+ "directiveClassName": "CommandColumn",
336
+ "directoryName": "grid",
337
+ "propertyName": "commands",
338
+ "baseClass": "CommandColumnModel",
339
+ "isPartialClass": true
340
+ }
341
+ ]
342
+ }
343
+ ]
288
344
  },
289
345
  {
290
346
  "arrayDirectiveClassName": "aggregates",
@@ -1,11 +1,11 @@
1
1
  /*!
2
2
  * filename: ej2-react-grids.umd.min.js
3
- * version : 19.3.46
3
+ * version : 19.3.54
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
7
7
  * licensing@syncfusion.com. Any infringement will be prosecuted under
8
8
  * applicable laws.
9
9
  */
10
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-grids")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-grids"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Grids)}(this,function(e,t,n,r){"use strict";var o=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),i=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.moduleName="column",t.complexTemplate={filterItemTemplate:"filter.itemTemplate"},t}(t.ComplexBase),c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return o(t,e),t.propertyName="columns",t.moduleName="columns",t}(t.ComplexBase),u=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.moduleName="aggregate",t}(t.ComplexBase),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return u(t,e),t.propertyName="aggregates",t.moduleName="aggregates",t}(t.ComplexBase),p=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),l=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return p(t,e),t.moduleName="aggregateColumn",t}(t.ComplexBase),f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return p(t,e),t.propertyName="columns",t.moduleName="aggregateColumns",t}(t.ComplexBase),m=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),y=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={columns:"column",aggregates:{aggregate:{aggregateColumns:"aggregateColumn"}}},n.immediateRender=!1,n.portals=[],n}return m(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(r.Grid);t.applyMixins(y,[t.ComponentBase,n.Component]);var h=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function r(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}(),d=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!1,n.immediateRender=!1,n.portals=[],n}return h(t,e),t.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));e.prototype.render.call(this),this.initRenderCalled=!0},t}(r.Pager);t.applyMixins(d,[t.ComponentBase,n.Component]),e.Inject=t.Inject,e.ColumnDirective=i,e.ColumnsDirective=c,e.AggregateDirective=a,e.AggregatesDirective=s,e.AggregateColumnDirective=l,e.AggregateColumnsDirective=f,e.GridComponent=y,e.PagerComponent=d,Object.keys(r).forEach(function(t){e[t]=r[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
10
+ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-grids")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-grids"],e):e(t.ej={},t.ej2ReactBase,t.React,t.ej2Grids)}(this,function(t,e,n,r){"use strict";var o=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}(e.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}(e.ComplexBase),c=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)}}(),a=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.moduleName="stackedColumn",e.complexTemplate={filterItemTemplate:"filter.itemTemplate"},e}(e.ComplexBase),s=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return c(e,t),e.propertyName="columns",e.moduleName="stackedColumns",e}(e.ComplexBase),p=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)}}(),l=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return p(e,t),e.moduleName="aggregate",e}(e.ComplexBase),f=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return p(e,t),e.propertyName="aggregates",e.moduleName="aggregates",e}(e.ComplexBase),m=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)}}(),y=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return m(e,t),e.moduleName="aggregateColumn",e}(e.ComplexBase),d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return m(e,t),e.propertyName="columns",e.moduleName="aggregateColumns",e}(e.ComplexBase),h=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)}}(),_=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 h(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Grid);e.applyMixins(_,[e.ComponentBase,n.Component]);var g=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 g(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return n.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(r.Pager);e.applyMixins(C,[e.ComponentBase,n.Component]),t.Inject=e.Inject,t.ColumnDirective=i,t.ColumnsDirective=u,t.StackedColumnDirective=a,t.StackedColumnsDirective=s,t.AggregateDirective=l,t.AggregatesDirective=f,t.AggregateColumnDirective=y,t.AggregateColumnsDirective=d,t.GridComponent=_,t.PagerComponent=C,Object.keys(r).forEach(function(e){t[e]=r[e]}),Object.defineProperty(t,"__esModule",{value:!0})});
11
11
  //# sourceMappingURL=ej2-react-grids.umd.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ej2-react-grids.umd.min.js","sources":["../src/grid/columns-directive.js","../src/grid/aggregates-directive.js","../src/grid/aggregate-columns-directive.js","../src/grid/grid.component.js","../src/pager/pager.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </GridComponent>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n __extends(ColumnDirective, _super);\n function ColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnDirective.moduleName = 'column';\n ColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\n return ColumnDirective;\n}(ComplexBase));\nexport { ColumnDirective };\nvar ColumnsDirective = /** @class */ (function (_super) {\n __extends(ColumnsDirective, _super);\n function ColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnsDirective.propertyName = 'columns';\n ColumnsDirective.moduleName = 'columns';\n return ColumnsDirective;\n}(ComplexBase));\nexport { ColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nvar AggregateDirective = /** @class */ (function (_super) {\n __extends(AggregateDirective, _super);\n function AggregateDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateDirective.moduleName = 'aggregate';\n return AggregateDirective;\n}(ComplexBase));\nexport { AggregateDirective };\nvar AggregatesDirective = /** @class */ (function (_super) {\n __extends(AggregatesDirective, _super);\n function AggregatesDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregatesDirective.propertyName = 'aggregates';\n AggregatesDirective.moduleName = 'aggregates';\n return AggregatesDirective;\n}(ComplexBase));\nexport { AggregatesDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nvar AggregateColumnDirective = /** @class */ (function (_super) {\n __extends(AggregateColumnDirective, _super);\n function AggregateColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateColumnDirective.moduleName = 'aggregateColumn';\n return AggregateColumnDirective;\n}(ComplexBase));\nexport { AggregateColumnDirective };\nvar AggregateColumnsDirective = /** @class */ (function (_super) {\n __extends(AggregateColumnsDirective, _super);\n function AggregateColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateColumnsDirective.propertyName = 'columns';\n AggregateColumnsDirective.moduleName = 'aggregateColumns';\n return AggregateColumnsDirective;\n}(ComplexBase));\nexport { AggregateColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { Grid } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `GridComponent` represents the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nvar GridComponent = /** @class */ (function (_super) {\n __extends(GridComponent, _super);\n function GridComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = true;\n _this.directivekeys = { 'columns': 'column', 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n _this.immediateRender = false;\n _this.portals = [];\n return _this;\n }\n GridComponent.prototype.render = function () {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n };\n return GridComponent;\n}(Grid));\nexport { GridComponent };\napplyMixins(GridComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { Pager } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PagerComponent` represents the react Pager.\n * ```tsx\n * <PagerComponent/>\n * ```\n */\nvar PagerComponent = /** @class */ (function (_super) {\n __extends(PagerComponent, _super);\n function PagerComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n _this.immediateRender = false;\n _this.portals = [];\n return _this;\n }\n PagerComponent.prototype.render = function () {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n };\n return PagerComponent;\n}(Pager));\nexport { PagerComponent };\napplyMixins(PagerComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ColumnDirective","_super","apply","arguments","moduleName","complexTemplate","filterItemTemplate","ComplexBase","ColumnsDirective","propertyName","AggregateDirective","AggregatesDirective","AggregateColumnDirective","AggregateColumnsDirective","GridComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","columns","aggregates","aggregate","aggregateColumns","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","Grid","ej2ReactBase","ComponentBase","React.Component","PagerComponent","Pager"],"mappings":"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"}
1
+ {"version":3,"file":"ej2-react-grids.umd.min.js","sources":["../src/grid/columns-directive.js","../src/grid/stacked-column-directive.js","../src/grid/aggregates-directive.js","../src/grid/aggregate-columns-directive.js","../src/grid/grid.component.js","../src/pager/pager.component.js"],"sourcesContent":["var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </GridComponent>\n * ```\n */\nvar ColumnDirective = /** @class */ (function (_super) {\n __extends(ColumnDirective, _super);\n function ColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnDirective.moduleName = 'column';\n ColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\n return ColumnDirective;\n}(ComplexBase));\nexport { ColumnDirective };\nvar ColumnsDirective = /** @class */ (function (_super) {\n __extends(ColumnsDirective, _super);\n function ColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n ColumnsDirective.propertyName = 'columns';\n ColumnsDirective.moduleName = 'columns';\n return ColumnsDirective;\n}(ComplexBase));\nexport { ColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\nvar StackedColumnDirective = /** @class */ (function (_super) {\n __extends(StackedColumnDirective, _super);\n function StackedColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n StackedColumnDirective.moduleName = 'stackedColumn';\n StackedColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\n return StackedColumnDirective;\n}(ComplexBase));\nexport { StackedColumnDirective };\nvar StackedColumnsDirective = /** @class */ (function (_super) {\n __extends(StackedColumnsDirective, _super);\n function StackedColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n StackedColumnsDirective.propertyName = 'columns';\n StackedColumnsDirective.moduleName = 'stackedColumns';\n return StackedColumnsDirective;\n}(ComplexBase));\nexport { StackedColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nvar AggregateDirective = /** @class */ (function (_super) {\n __extends(AggregateDirective, _super);\n function AggregateDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateDirective.moduleName = 'aggregate';\n return AggregateDirective;\n}(ComplexBase));\nexport { AggregateDirective };\nvar AggregatesDirective = /** @class */ (function (_super) {\n __extends(AggregatesDirective, _super);\n function AggregatesDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregatesDirective.propertyName = 'aggregates';\n AggregatesDirective.moduleName = 'aggregates';\n return AggregatesDirective;\n}(ComplexBase));\nexport { AggregatesDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nvar AggregateColumnDirective = /** @class */ (function (_super) {\n __extends(AggregateColumnDirective, _super);\n function AggregateColumnDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateColumnDirective.moduleName = 'aggregateColumn';\n return AggregateColumnDirective;\n}(ComplexBase));\nexport { AggregateColumnDirective };\nvar AggregateColumnsDirective = /** @class */ (function (_super) {\n __extends(AggregateColumnsDirective, _super);\n function AggregateColumnsDirective() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n AggregateColumnsDirective.propertyName = 'columns';\n AggregateColumnsDirective.moduleName = 'aggregateColumns';\n return AggregateColumnsDirective;\n}(ComplexBase));\nexport { AggregateColumnsDirective };\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { Grid } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `GridComponent` represents the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nvar GridComponent = /** @class */ (function (_super) {\n __extends(GridComponent, _super);\n function GridComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = true;\n _this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n _this.immediateRender = false;\n _this.portals = [];\n return _this;\n }\n GridComponent.prototype.render = function () {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n };\n return GridComponent;\n}(Grid));\nexport { GridComponent };\napplyMixins(GridComponent, [ComponentBase, React.Component]);\n","var __extends = (this && this.__extends) || (function () {\n var extendStatics = function (d, b) {\n extendStatics = Object.setPrototypeOf ||\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\n return extendStatics(d, b);\n };\n return function (d, b) {\n extendStatics(d, b);\n function __() { this.constructor = d; }\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\n };\n})();\nimport * as React from 'react';\nimport { Pager } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PagerComponent` represents the react Pager.\n * ```tsx\n * <PagerComponent/>\n * ```\n */\nvar PagerComponent = /** @class */ (function (_super) {\n __extends(PagerComponent, _super);\n function PagerComponent(props) {\n var _this = _super.call(this, props) || this;\n _this.initRenderCalled = false;\n _this.checkInjectedModules = false;\n _this.immediateRender = false;\n _this.portals = [];\n return _this;\n }\n PagerComponent.prototype.render = function () {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n _super.prototype.render.call(this);\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n };\n return PagerComponent;\n}(Pager));\nexport { PagerComponent };\napplyMixins(PagerComponent, [ComponentBase, React.Component]);\n"],"names":["__extends","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__","this","constructor","prototype","create","ColumnDirective","_super","apply","arguments","moduleName","complexTemplate","filterItemTemplate","ComplexBase","ColumnsDirective","propertyName","StackedColumnDirective","StackedColumnsDirective","AggregateDirective","AggregatesDirective","AggregateColumnDirective","AggregateColumnsDirective","GridComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","columns","column","stackedColumns","aggregates","aggregate","aggregateColumns","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","Grid","ej2ReactBase","ComponentBase","React.Component","PagerComponent","Pager"],"mappings":"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"}
@@ -23,6 +23,15 @@ class ColumnsDirective extends ComplexBase {
23
23
  ColumnsDirective.propertyName = 'columns';
24
24
  ColumnsDirective.moduleName = 'columns';
25
25
 
26
+ class StackedColumnDirective extends ComplexBase {
27
+ }
28
+ StackedColumnDirective.moduleName = 'stackedColumn';
29
+ StackedColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };
30
+ class StackedColumnsDirective extends ComplexBase {
31
+ }
32
+ StackedColumnsDirective.propertyName = 'columns';
33
+ StackedColumnsDirective.moduleName = 'stackedColumns';
34
+
26
35
  /**
27
36
  * `AggregateDirective` represent a aggregate row of the react Grid.
28
37
  * It must be contained in a Grid component(`GridComponent`).
@@ -87,7 +96,7 @@ class GridComponent extends Grid {
87
96
  super(props);
88
97
  this.initRenderCalled = false;
89
98
  this.checkInjectedModules = true;
90
- this.directivekeys = { 'columns': 'column', 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };
99
+ this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };
91
100
  this.immediateRender = false;
92
101
  this.portals = [];
93
102
  }
@@ -129,7 +138,7 @@ class PagerComponent extends Pager {
129
138
  }
130
139
  applyMixins(PagerComponent, [ComponentBase, Component]);
131
140
 
132
- export { ColumnDirective, ColumnsDirective, AggregateDirective, AggregatesDirective, AggregateColumnDirective, AggregateColumnsDirective, GridComponent, PagerComponent };
141
+ export { ColumnDirective, ColumnsDirective, StackedColumnDirective, StackedColumnsDirective, AggregateDirective, AggregatesDirective, AggregateColumnDirective, AggregateColumnsDirective, GridComponent, PagerComponent };
133
142
  export * from '@syncfusion/ej2-grids';
134
143
  export { Inject } from '@syncfusion/ej2-react-base';
135
144
  //# sourceMappingURL=ej2-react-grids.es2015.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ej2-react-grids.es2015.js","sources":["../src/es6/grid/columns-directive.js","../src/es6/grid/aggregates-directive.js","../src/es6/grid/aggregate-columns-directive.js","../src/es6/grid/grid.component.js","../src/es6/pager/pager.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </GridComponent>\n * ```\n */\nexport class ColumnDirective extends ComplexBase {\n}\nColumnDirective.moduleName = 'column';\nColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\nexport class ColumnsDirective extends ComplexBase {\n}\nColumnsDirective.propertyName = 'columns';\nColumnsDirective.moduleName = 'columns';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nexport class AggregateDirective extends ComplexBase {\n}\nAggregateDirective.moduleName = 'aggregate';\nexport class AggregatesDirective extends ComplexBase {\n}\nAggregatesDirective.propertyName = 'aggregates';\nAggregatesDirective.moduleName = 'aggregates';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nexport class AggregateColumnDirective extends ComplexBase {\n}\nAggregateColumnDirective.moduleName = 'aggregateColumn';\nexport class AggregateColumnsDirective extends ComplexBase {\n}\nAggregateColumnsDirective.propertyName = 'columns';\nAggregateColumnsDirective.moduleName = 'aggregateColumns';\n","import * as React from 'react';\nimport { Grid } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `GridComponent` represents the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nexport class GridComponent extends Grid {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = true;\n this.directivekeys = { 'columns': 'column', 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n this.immediateRender = false;\n this.portals = [];\n }\n render() {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n }\n}\napplyMixins(GridComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { Pager } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PagerComponent` represents the react Pager.\n * ```tsx\n * <PagerComponent/>\n * ```\n */\nexport class PagerComponent extends Pager {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\n this.immediateRender = false;\n this.portals = [];\n }\n render() {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n }\n}\napplyMixins(PagerComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":"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"}
1
+ {"version":3,"file":"ej2-react-grids.es2015.js","sources":["../src/es6/grid/columns-directive.js","../src/es6/grid/stacked-column-directive.js","../src/es6/grid/aggregates-directive.js","../src/es6/grid/aggregate-columns-directive.js","../src/es6/grid/grid.component.js","../src/es6/pager/pager.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * <ColumnsDirective>\n * </GridComponent>\n * ```\n */\nexport class ColumnDirective extends ComplexBase {\n}\nColumnDirective.moduleName = 'column';\nColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\nexport class ColumnsDirective extends ComplexBase {\n}\nColumnsDirective.propertyName = 'columns';\nColumnsDirective.moduleName = 'columns';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\nexport class StackedColumnDirective extends ComplexBase {\n}\nStackedColumnDirective.moduleName = 'stackedColumn';\nStackedColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };\nexport class StackedColumnsDirective extends ComplexBase {\n}\nStackedColumnsDirective.propertyName = 'columns';\nStackedColumnsDirective.moduleName = 'stackedColumns';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateDirective` represent a aggregate row of the react Grid.\n * It must be contained in a Grid component(`GridComponent`).\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </<AggregateColumnsDirective>\n* </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nexport class AggregateDirective extends ComplexBase {\n}\nAggregateDirective.moduleName = 'aggregate';\nexport class AggregatesDirective extends ComplexBase {\n}\nAggregatesDirective.propertyName = 'aggregates';\nAggregatesDirective.moduleName = 'aggregates';\n","import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `AggregateColumnDirective represent a aggregate column of the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}>\n * <ColumnsDirective>\n * <ColumnDirective field='ID' width='100'></ColumnDirective>\n * <ColumnDirective field='name' headerText='Name' width='100'></ColumnDirective>\n * </ColumnsDirective>\n * <AggregatesDirective>\n * <AggregateDirective>\n * <AggregateColumnsDirective>\n * <AggregateColumnDirective field='ID' type='Min'></AggregateColumnsDirective>\n * </AggregateColumnsDirective>\n * </AggregateDirective>\n * </AggregatesDirective>\n * </GridComponent>\n * ```\n */\nexport class AggregateColumnDirective extends ComplexBase {\n}\nAggregateColumnDirective.moduleName = 'aggregateColumn';\nexport class AggregateColumnsDirective extends ComplexBase {\n}\nAggregateColumnsDirective.propertyName = 'columns';\nAggregateColumnsDirective.moduleName = 'aggregateColumns';\n","import * as React from 'react';\nimport { Grid } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `GridComponent` represents the react Grid.\n * ```tsx\n * <GridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nexport class GridComponent extends Grid {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = true;\n this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };\n this.immediateRender = false;\n this.portals = [];\n }\n render() {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n }\n}\napplyMixins(GridComponent, [ComponentBase, React.Component]);\n","import * as React from 'react';\nimport { Pager } from '@syncfusion/ej2-grids';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `PagerComponent` represents the react Pager.\n * ```tsx\n * <PagerComponent/>\n * ```\n */\nexport class PagerComponent extends Pager {\n constructor(props) {\n super(props);\n this.initRenderCalled = false;\n this.checkInjectedModules = false;\n this.immediateRender = false;\n this.portals = [];\n }\n render() {\n if (((this.element && !this.initRenderCalled) || this.refreshing) && !this.isReactForeceUpdate) {\n super.render();\n this.initRenderCalled = true;\n }\n else {\n return React.createElement('div', this.getDefaultAttributes(), [].concat(this.props.children, this.portals));\n }\n }\n}\napplyMixins(PagerComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":"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"}
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-react-grids@*",
3
- "_id": "@syncfusion/ej2-react-grids@19.3.45",
3
+ "_id": "@syncfusion/ej2-react-grids@19.3.53",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-YhznyWfrNbowUCkQV1RG5PWiAJbkmF4+4HL//zuTD1VV4thmbOfuyCrh0lQzzFdCNuVEUaWl0KcZgEW9KfKDpQ==",
5
+ "_integrity": "sha512-guCv+WxFmJHK2FMYF4CR/weL80WDbvahZtL2bL862Ow436Gu7utbPxOQbRZvGkT3MVTqEPSfr20KrPobHjMX0g==",
6
6
  "_location": "/@syncfusion/ej2-react-grids",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-react-grids/-/ej2-react-grids-19.3.45.tgz",
23
- "_shasum": "e18aa825d515cd4ef36f68c1e01476bc9de7ef01",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-react-grids/-/ej2-react-grids-19.3.53.tgz",
23
+ "_shasum": "09cbf1321b10d3bca0a8574fff6edaa99c25fe68",
24
24
  "_spec": "@syncfusion/ej2-react-grids@*",
25
25
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~19.3.43",
35
- "@syncfusion/ej2-grids": "19.3.46",
36
- "@syncfusion/ej2-react-base": "~19.3.46"
34
+ "@syncfusion/ej2-base": "~19.3.54",
35
+ "@syncfusion/ej2-grids": "19.3.54",
36
+ "@syncfusion/ej2-react-base": "~19.3.53"
37
37
  },
38
38
  "deprecated": false,
39
39
  "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 @@
65
65
  "type": "git",
66
66
  "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
67
67
  },
68
- "version": "19.3.46",
68
+ "version": "19.3.54",
69
69
  "sideEffects": false
70
70
  }
@@ -1,6 +1,6 @@
1
1
  import { ComplexBase } from '@syncfusion/ej2-react-base';
2
- import { ColumnModel } from '@syncfusion/ej2-grids';
3
- export interface ColumnDirTypecast {
2
+ import { GridColumnModel } from '@syncfusion/ej2-grids';
3
+ export interface GridColumnDirTypecast {
4
4
  template?: string | Function | any;
5
5
  headerTemplate?: string | Function | any;
6
6
  commandsTemplate?: string | Function | any;
@@ -20,7 +20,7 @@ export interface ColumnDirTypecast {
20
20
  * </GridComponent>
21
21
  * ```
22
22
  */
23
- export declare class ColumnDirective extends ComplexBase<ColumnModel | ColumnDirTypecast, ColumnModel | ColumnDirTypecast> {
23
+ export declare class ColumnDirective extends ComplexBase<GridColumnModel | GridColumnDirTypecast, GridColumnModel | GridColumnDirTypecast> {
24
24
  static moduleName: string;
25
25
  static complexTemplate: Object;
26
26
  }
@@ -26,7 +26,7 @@ var GridComponent = /** @class */ (function (_super) {
26
26
  var _this = _super.call(this, props) || this;
27
27
  _this.initRenderCalled = false;
28
28
  _this.checkInjectedModules = true;
29
- _this.directivekeys = { 'columns': 'column', 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };
29
+ _this.directivekeys = { 'columns': { 'column': { 'stackedColumns': 'stackedColumn' } }, 'aggregates': { 'aggregate': { 'aggregateColumns': 'aggregateColumn' } } };
30
30
  _this.immediateRender = false;
31
31
  _this.portals = [];
32
32
  return _this;
@@ -1,4 +1,5 @@
1
1
  export * from './columns-directive';
2
+ export * from './stacked-column-directive';
2
3
  export * from './aggregates-directive';
3
4
  export * from './aggregate-columns-directive';
4
5
  export * from './grid.component';
package/src/grid/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './columns-directive';
2
+ export * from './stacked-column-directive';
2
3
  export * from './aggregates-directive';
3
4
  export * from './aggregate-columns-directive';
4
5
  export * from './grid.component';
@@ -0,0 +1,18 @@
1
+ import { ComplexBase } from '@syncfusion/ej2-react-base';
2
+ import { StackedColumnModel } from '@syncfusion/ej2-grids';
3
+ export interface StackedColumnDirTypecast {
4
+ template?: string | Function | any;
5
+ headerTemplate?: string | Function | any;
6
+ commandsTemplate?: string | Function | any;
7
+ filterItemTemplate?: string | Function | any;
8
+ editTemplate?: string | Function | any;
9
+ filterTemplate?: string | Function | any;
10
+ }
11
+ export declare class StackedColumnDirective extends ComplexBase<StackedColumnModel | StackedColumnDirTypecast, StackedColumnModel | StackedColumnDirTypecast> {
12
+ static moduleName: string;
13
+ static complexTemplate: Object;
14
+ }
15
+ export declare class StackedColumnsDirective extends ComplexBase<{}, {}> {
16
+ static propertyName: string;
17
+ static moduleName: string;
18
+ }
@@ -0,0 +1,34 @@
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ extendStatics(d, b);
10
+ function __() { this.constructor = d; }
11
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
+ };
13
+ })();
14
+ import { ComplexBase } from '@syncfusion/ej2-react-base';
15
+ var StackedColumnDirective = /** @class */ (function (_super) {
16
+ __extends(StackedColumnDirective, _super);
17
+ function StackedColumnDirective() {
18
+ return _super !== null && _super.apply(this, arguments) || this;
19
+ }
20
+ StackedColumnDirective.moduleName = 'stackedColumn';
21
+ StackedColumnDirective.complexTemplate = { 'filterItemTemplate': 'filter.itemTemplate' };
22
+ return StackedColumnDirective;
23
+ }(ComplexBase));
24
+ export { StackedColumnDirective };
25
+ var StackedColumnsDirective = /** @class */ (function (_super) {
26
+ __extends(StackedColumnsDirective, _super);
27
+ function StackedColumnsDirective() {
28
+ return _super !== null && _super.apply(this, arguments) || this;
29
+ }
30
+ StackedColumnsDirective.propertyName = 'columns';
31
+ StackedColumnsDirective.moduleName = 'stackedColumns';
32
+ return StackedColumnsDirective;
33
+ }(ComplexBase));
34
+ export { StackedColumnsDirective };
@@ -842,6 +842,7 @@
842
842
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
843
843
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
844
844
  background: transparent;
845
+ color: inherit;
845
846
  }
846
847
 
847
848
  .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1971,14 +1972,14 @@ li.e-separator.e-menu-item.e-excel-separator {
1971
1972
  font-size: 9px;
1972
1973
  height: 17px;
1973
1974
  line-height: 16px;
1974
- margin: 4px 18px 0 2px;
1975
+ margin: 4px 1px 0 2px;
1975
1976
  text-align: center;
1976
1977
  width: 17px;
1977
1978
  }
1978
1979
 
1979
1980
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1980
1981
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1981
- margin: -32px -20px 0 2px;
1982
+ margin: -32px -20px 0 -4px;
1982
1983
  }
1983
1984
 
1984
1985
  .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -3215,7 +3216,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3215
3216
  }
3216
3217
 
3217
3218
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3218
- margin: -5px;
3219
+ margin: -5px 15px -5px -12px;
3219
3220
  }
3220
3221
 
3221
3222
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -3279,7 +3280,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3279
3280
  font-size: 11px;
3280
3281
  height: 17px;
3281
3282
  line-height: 16px;
3282
- margin: 3px 2px 0 8px;
3283
+ margin: 3px 8px 0 8px;
3283
3284
  text-align: center;
3284
3285
  width: 17px;
3285
3286
  }
@@ -3290,7 +3291,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3290
3291
  }
3291
3292
 
3292
3293
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
3293
- margin: -29px 34px -29px 0;
3294
+ margin: -29px 29px -29px 0;
3294
3295
  }
3295
3296
 
3296
3297
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -842,6 +842,7 @@
842
842
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
843
843
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
844
844
  background: transparent;
845
+ color: inherit;
845
846
  }
846
847
 
847
848
  .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -1971,14 +1972,14 @@ li.e-separator.e-menu-item.e-excel-separator {
1971
1972
  font-size: 9px;
1972
1973
  height: 17px;
1973
1974
  line-height: 16px;
1974
- margin: 4px 18px 0 2px;
1975
+ margin: 4px 1px 0 2px;
1975
1976
  text-align: center;
1976
1977
  width: 17px;
1977
1978
  }
1978
1979
 
1979
1980
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
1980
1981
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
1981
- margin: -32px -20px 0 2px;
1982
+ margin: -32px -20px 0 -4px;
1982
1983
  }
1983
1984
 
1984
1985
  .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -3215,7 +3216,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3215
3216
  }
3216
3217
 
3217
3218
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
3218
- margin: -5px;
3219
+ margin: -5px 15px -5px -12px;
3219
3220
  }
3220
3221
 
3221
3222
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -3279,7 +3280,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3279
3280
  font-size: 11px;
3280
3281
  height: 17px;
3281
3282
  line-height: 16px;
3282
- margin: 3px 2px 0 8px;
3283
+ margin: 3px 8px 0 8px;
3283
3284
  text-align: center;
3284
3285
  width: 17px;
3285
3286
  }
@@ -3290,7 +3291,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3290
3291
  }
3291
3292
 
3292
3293
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
3293
- margin: -29px 34px -29px 0;
3294
+ margin: -29px 29px -29px 0;
3294
3295
  }
3295
3296
 
3296
3297
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -62,6 +62,7 @@
62
62
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
63
63
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
64
64
  background: transparent;
65
+ color: inherit;
65
66
  }
66
67
 
67
68
  .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -62,6 +62,7 @@
62
62
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
63
63
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
64
64
  background: transparent;
65
+ color: inherit;
65
66
  }
66
67
 
67
68
  .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -62,6 +62,7 @@
62
62
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
63
63
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
64
64
  background: transparent;
65
+ color: inherit;
65
66
  }
66
67
 
67
68
  .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -714,14 +715,14 @@
714
715
  font-size: 9px;
715
716
  height: 17px;
716
717
  line-height: 16px;
717
- margin: 4px 18px 0 2px;
718
+ margin: 4px 1px 0 2px;
718
719
  text-align: center;
719
720
  width: 17px;
720
721
  }
721
722
 
722
723
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
723
724
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
724
- margin: -32px -20px 0 2px;
725
+ margin: -32px -20px 0 -4px;
725
726
  }
726
727
 
727
728
  .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -1958,7 +1959,7 @@
1958
1959
  }
1959
1960
 
1960
1961
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
1961
- margin: -5px;
1962
+ margin: -5px 15px -5px -12px;
1962
1963
  }
1963
1964
 
1964
1965
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -2022,7 +2023,7 @@
2022
2023
  font-size: 11px;
2023
2024
  height: 17px;
2024
2025
  line-height: 16px;
2025
- margin: 3px 2px 0 8px;
2026
+ margin: 3px 8px 0 8px;
2026
2027
  text-align: center;
2027
2028
  width: 17px;
2028
2029
  }
@@ -2033,7 +2034,7 @@
2033
2034
  }
2034
2035
 
2035
2036
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2036
- margin: -29px 34px -29px 0;
2037
+ margin: -29px 29px -29px 0;
2037
2038
  }
2038
2039
 
2039
2040
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -62,6 +62,7 @@
62
62
  .e-input-group.e-control-wrapper.e-ddl .e-input[readonly],
63
63
  .e-float-input.e-control-wrapper.e-ddl input[readonly] {
64
64
  background: transparent;
65
+ color: inherit;
65
66
  }
66
67
 
67
68
  .e-input-group.e-control-wrapper.e-ddl.e-readonly .e-input[readonly],
@@ -714,14 +715,14 @@
714
715
  font-size: 9px;
715
716
  height: 17px;
716
717
  line-height: 16px;
717
- margin: 4px 18px 0 2px;
718
+ margin: 4px 1px 0 2px;
718
719
  text-align: center;
719
720
  width: 17px;
720
721
  }
721
722
 
722
723
  .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
723
724
  .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
724
- margin: -32px -20px 0 2px;
725
+ margin: -32px -20px 0 -4px;
725
726
  }
726
727
 
727
728
  .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
@@ -1958,7 +1959,7 @@
1958
1959
  }
1959
1960
 
1960
1961
  .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
1961
- margin: -5px;
1962
+ margin: -5px 15px -5px -12px;
1962
1963
  }
1963
1964
 
1964
1965
  .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
@@ -2022,7 +2023,7 @@
2022
2023
  font-size: 11px;
2023
2024
  height: 17px;
2024
2025
  line-height: 16px;
2025
- margin: 3px 2px 0 8px;
2026
+ margin: 3px 8px 0 8px;
2026
2027
  text-align: center;
2027
2028
  width: 17px;
2028
2029
  }
@@ -2033,7 +2034,7 @@
2033
2034
  }
2034
2035
 
2035
2036
  .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
2036
- margin: -29px 34px -29px 0;
2037
+ margin: -29px 29px -29px 0;
2037
2038
  }
2038
2039
 
2039
2040
  .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {