@syncfusion/ej2-react-grids 19.3.53 → 19.3.57

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,6 +6,57 @@
6
6
 
7
7
  #### Bug Fixes
8
8
 
9
+ - `#I356474` - `captionTemplate` property type issue has been fixed.
10
+ - `#F170289` - Header misalignment when printing the Grid with grouped column, issue has been fixed.
11
+ - `#I348807` - Row selected automatically when `persistSelection` enabled is fixed.
12
+ - `#F170712`, `#I357715` - Script error throws when edit `childGrid` rows with command column buttons is fixed.
13
+ - `#F170524` - Export aggregations misalignment while using Grid with grouped column, issue has been fixed.
14
+
15
+ ## 19.3.56 (2021-12-02)
16
+
17
+ ### Grid
18
+
19
+ #### Bug Fixes
20
+
21
+ - `#I338678` - frozen horizontal scroll issue in `Ipad` device has been fixed.
22
+ - `#I348728` - Throws script error while cancel the Excel filter is fixed.
23
+
24
+ ## 19.3.55 (2021-11-23)
25
+
26
+ ### Grid
27
+
28
+ #### Bug Fixes
29
+
30
+ - `#F170201` - Passed `groupcaption` details in the `exportGroupCaption` event arguments.
31
+ - `#I347287` - Maximum call stack issue occurs when checkbox columns set visible property as false for first column has been fixed.
32
+ - `#I347439` - The last row bottom border issue in Frozen right part has been fixed.
33
+ - `#I348589` - Changing grid height programmatically throws script error while scrolling issue has been fixed.
34
+
35
+ - `#I339851` - React state value is not update for a custom component render in Grid `headerTemplate` issue has been fixed.
36
+
37
+ ## 19.3.54 (2021-11-17)
38
+
39
+ ### Grid
40
+
41
+ #### Bug Fixes
42
+
43
+ - `#I346575` - Command button click event argument type not returned properly is fixed.
44
+ - `#I347290` - Persist selection is not working properly when enable selection dynamically is fixed.
45
+ - `#I344276` - `HTMLtag` is not disable properly in tooltip has been fixed.
46
+ - `#I346882` - Throws script error while enabling with `filterbarTemplate` with `ShowFilterBarOperator` is fixed.
47
+ - `#F170007` - Autofit issue while render empty records has been fixed.
48
+ - `#I345285` - Footer aggregate is not aligned properly has been fixed.
49
+
50
+ #### New Features
51
+
52
+ - `#I338539` - Provided the tag helper support for single level stacked header in Angular Grid.
53
+
54
+ ## 19.3.48 (2021-11-02)
55
+
56
+ ### Grid
57
+
58
+ #### Bug Fixes
59
+
9
60
  - `#I345881` - Script error while reordering with the column `virtualization` is resolved.
10
61
  - `#I345229` - `expandAll` and `CollapseAll` in grouping issue has been fixed.
11
62
  - `#I343503` - row Selected data is incorrect while apply Sorting and Grouping is fixed.
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.53
3
+ * version : 19.3.57
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.47",
3
+ "_id": "@syncfusion/ej2-react-grids@19.3.56",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-ekZZomGMpe3nT4bzqqOtBCWp0T6w6zBuAWFjKxxPJbdBBTY3H8B5M7GdZcV5oe0tkhQzuXdMxlq8gbSuQxSNYg==",
5
+ "_integrity": "sha512-Y/N2vTP0PyBQrJJWgIMi0YiRk1+wRm4XDUGm7zVheCo0qU++t/3knv/gOqw0J8D12v50KcttbVyO/xyShN+PDw==",
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.47.tgz",
23
- "_shasum": "5996500df05b968a3ddfd4d7586adeb328f78446",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-grids/-/ej2-react-grids-19.3.56.tgz",
23
+ "_shasum": "84fb9ad45651caa80982c5b71cb9955b50a335c2",
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.53",
35
- "@syncfusion/ej2-grids": "19.3.53",
36
- "@syncfusion/ej2-react-base": "~19.3.53"
34
+ "@syncfusion/ej2-base": "~19.3.56",
35
+ "@syncfusion/ej2-grids": "19.3.57",
36
+ "@syncfusion/ej2-react-base": "~19.3.57"
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.53",
68
+ "version": "19.3.57",
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],
@@ -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],
@@ -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],
@@ -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],