@syncfusion/ej2-react-treegrid 21.1.35 → 21.1.36

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
@@ -4,6 +4,20 @@
4
4
 
5
5
  ### Tree Grid
6
6
 
7
+ #### Bug fixes
8
+
9
+ - `#I469071` - Fixed issue where scrolling down using the scroll bar would cause some records to not be displayed and scrolling using the mouse would repeat some records in virtualization.
10
+ - `#F182421` - Fixed an issue where the stacked column was not functioning properly when resizing was enabled in the treegrid.
11
+ - `#I182710` - Fixed an issue where the child aggregates row would display in the current view records.
12
+
13
+ #### Bug Fixes
14
+
15
+ - `#I469071` - Fixed issue where scrolling down using the scroll bar would cause some records to not be displayed and scrolling using the mouse would repeat some records in virtualization.
16
+
17
+ ## 22.1.34 (2023-06-21)
18
+
19
+ ### Tree Grid
20
+
7
21
  #### Features
8
22
 
9
23
  - Provided support for inline editing with virtualization enabled. Please find the demo [here](https://ej2.syncfusion.com/demos/#/bootstrap5/tree-grid/virtual-scrolling.html).
package/diConfig.json CHANGED
@@ -180,7 +180,7 @@
180
180
  "arrayDirectiveSelector": "ejs-treegrid>e-columns",
181
181
  "directiveSelector": "ejs-treegrid>e-columns>e-column",
182
182
  "directoryName": "treegrid",
183
- "baseClass": "Column",
183
+ "baseClass": "TreeGridColumn",
184
184
  "comment": [
185
185
  "/**",
186
186
  " * `e-column` directive represent a column of the Angular TreeGrid. ",
@@ -230,6 +230,44 @@
230
230
  "filterTemplate",
231
231
  "commandsTemplate",
232
232
  "editTemplate"
233
+ ],
234
+ "tagDirective": [
235
+ {
236
+ "arrayDirectiveClassName": "StackedColumns",
237
+ "directiveClassName": "StackedColumn",
238
+ "propertyName": "columns",
239
+ "arrayDirectiveSelector": "ejs-treegrid>e-columns>e-column>e-stacked-columns",
240
+ "directiveSelector": "ejs-treegrid>e-columns>e-column>e-stacked-columns>e-stacked-column",
241
+ "directoryName": "treegrid",
242
+ "baseClass": "StackedColumn",
243
+ "fileName": "stacked-column",
244
+ "comment": [
245
+ "/**",
246
+ " * `e-stacked-column` directive represent the stacked column of the Angular TreeGrid.",
247
+ " * It must be contained in a StackedColumns component(`e-stacked-columns`). ",
248
+ " * ```html",
249
+ " * <ejs-treegrid [dataSource]='data' allowPaging='true' allowSorting='true'> ",
250
+ " * <e-columns>",
251
+ " * <e-column field='ID' width='100'></e-column>",
252
+ " * <e-column headerText='Details' width='100'>",
253
+ " * <e-stacked-columns>",
254
+ " * <e-stacked-column field='Name' width='140'></e-stacked-column>",
255
+ " * </e-stacked-columns>",
256
+ " * </e-column>",
257
+ " * </e-columns>",
258
+ " * </ejs-treegrid>",
259
+ " * ```",
260
+ " */"
261
+ ],
262
+ "templateProperties": [
263
+ "template",
264
+ "headerTemplate",
265
+ "filter.itemTemplate",
266
+ "filterTemplate",
267
+ "commandsTemplate",
268
+ "editTemplate"
269
+ ]
270
+ }
233
271
  ]
234
272
  },
235
273
  {
@@ -1,10 +1,10 @@
1
1
  /*!
2
2
  * filename: ej2-react-treegrid.min.js
3
- * version : 21.1.35
3
+ * version : 21.1.36
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(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("SyncfusionTreegrid"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionTreegrid","React"],e):"object"==typeof exports?exports.SyncfusionReactTreegrid=e(require("SyncfusionReactBase"),require("SyncfusionTreegrid"),require("React")):t.SyncfusionReactTreegrid=e(t.SyncfusionReactBase,t.SyncfusionTreegrid,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var r=n(6);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(5);n.d(e,"c",function(){return o.a}),n.d(e,"d",function(){return o.b});var i=n(4);n.d(e,"e",function(){return i.a}),n.d(e,"f",function(){return i.b});var u=n(7);n.d(e,"g",function(){return u.a})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(2);n.d(e,"ColumnDirective",function(){return r.a}),n.d(e,"ColumnsDirective",function(){return r.b}),n.d(e,"AggregateDirective",function(){return r.c}),n.d(e,"AggregatesDirective",function(){return r.d}),n.d(e,"AggregateColumnDirective",function(){return r.e}),n.d(e,"AggregateColumnsDirective",function(){return r.f}),n.d(e,"TreeGridComponent",function(){return r.g});var o=n(0);n.n(o);n.o(o,"Inject")&&n.d(e,"Inject",function(){return o.Inject});var i=n(1);n.n(i);for(var u in i)["ColumnDirective","ColumnsDirective","AggregateDirective","AggregatesDirective","AggregateColumnDirective","AggregateColumnsDirective","TreeGridComponent","Inject","default"].indexOf(u)<0&&function(t){n.d(e,t,function(){return i[t]})}(u)},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="aggregateColumn",e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="columns",e.moduleName="aggregateColumns",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="aggregate",e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="aggregates",e.moduleName="aggregates",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return i}),n.d(e,"b",function(){return u});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="column",e.complexTemplate={filterItemTemplate:"filter.itemTemplate"},e}(r.ComplexBase),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="columns",e.moduleName="columns",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(8),o=(n.n(r),n(1)),i=(n.n(o),n(0)),u=(n.n(i),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={columns:"column",aggregates:{aggregate:{aggregateColumns:"aggregateColumn"}}},n.statelessTemplateProps=null,n.immediateRender=!1,n.portals=[],n}return u(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.TreeGrid);n.i(i.applyMixins)(c,[i.ComponentBase,r.Component])},function(t,e){t.exports=n}])});
10
+ !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("SyncfusionReactBase"),require("SyncfusionTreegrid"),require("React")):"function"==typeof define&&define.amd?define(["SyncfusionReactBase","SyncfusionTreegrid","React"],e):"object"==typeof exports?exports.SyncfusionReactTreegrid=e(require("SyncfusionReactBase"),require("SyncfusionTreegrid"),require("React")):t.SyncfusionReactTreegrid=e(t.SyncfusionReactBase,t.SyncfusionTreegrid,t.React)}(this,function(t,e,n){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(e,n){e.exports=t},function(t,n){t.exports=e},function(t,e,n){"use strict";var r=n(6);n.d(e,"a",function(){return r.a}),n.d(e,"b",function(){return r.b});var o=n(7);n.d(e,"c",function(){return o.a}),n.d(e,"d",function(){return o.b});var u=n(5);n.d(e,"e",function(){return u.a}),n.d(e,"f",function(){return u.b});var i=n(4);n.d(e,"g",function(){return i.a}),n.d(e,"h",function(){return i.b});var c=n(8);n.d(e,"i",function(){return c.a})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(2);n.d(e,"ColumnDirective",function(){return r.a}),n.d(e,"ColumnsDirective",function(){return r.b}),n.d(e,"StackedColumnDirective",function(){return r.c}),n.d(e,"StackedColumnsDirective",function(){return r.d}),n.d(e,"AggregateDirective",function(){return r.e}),n.d(e,"AggregatesDirective",function(){return r.f}),n.d(e,"AggregateColumnDirective",function(){return r.g}),n.d(e,"AggregateColumnsDirective",function(){return r.h}),n.d(e,"TreeGridComponent",function(){return r.i});var o=n(0);n.n(o);n.o(o,"Inject")&&n.d(e,"Inject",function(){return o.Inject});var u=n(1);n.n(u);for(var i in u)["ColumnDirective","ColumnsDirective","StackedColumnDirective","StackedColumnsDirective","AggregateDirective","AggregatesDirective","AggregateColumnDirective","AggregateColumnsDirective","TreeGridComponent","Inject","default"].indexOf(i)<0&&function(t){n.d(e,t,function(){return u[t]})}(i)},function(t,e,n){"use strict";n.d(e,"a",function(){return u}),n.d(e,"b",function(){return i});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="aggregateColumn",e}(r.ComplexBase),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="columns",e.moduleName="aggregateColumns",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return u}),n.d(e,"b",function(){return i});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="aggregate",e}(r.ComplexBase),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="aggregates",e.moduleName="aggregates",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return u}),n.d(e,"b",function(){return i});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="column",e.complexTemplate={filterItemTemplate:"filter.itemTemplate"},e}(r.ComplexBase),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="columns",e.moduleName="columns",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return u}),n.d(e,"b",function(){return i});var r=n(0),o=(n.n(r),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.moduleName="stackedColumn",e.complexTemplate={filterItemTemplate:"filter.itemTemplate"},e}(r.ComplexBase),i=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return o(e,t),e.propertyName="columns",e.moduleName="stackedColumns",e}(r.ComplexBase)},function(t,e,n){"use strict";n.d(e,"a",function(){return c});var r=n(9),o=(n.n(r),n(1)),u=(n.n(o),n(0)),i=(n.n(u),this&&this.__extends||function(){var t=function(e,n){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n])})(e,n)};return function(e,n){function r(){this.constructor=e}t(e,n),e.prototype=null===n?Object.create(n):(r.prototype=n.prototype,new r)}}()),c=function(t){function e(e){var n=t.call(this,e)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={columns:{column:{stackedColumns:"stackedColumn"}},aggregates:{aggregate:{aggregateColumns:"aggregateColumn"}}},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return i(e,t),e.prototype.render=function(){if(!(this.element&&!this.initRenderCalled||this.refreshing)||this.isReactForeceUpdate)return r.createElement("div",this.getDefaultAttributes(),[].concat(this.props.children,this.portals));t.prototype.render.call(this),this.initRenderCalled=!0},e}(o.TreeGrid);n.i(u.applyMixins)(c,[u.ComponentBase,r.Component])},function(t,e){t.exports=n}])});
@@ -1,11 +1,11 @@
1
1
  /*!
2
2
  * filename: ej2-react-treegrid.umd.min.js
3
- * version : 21.1.35
3
+ * version : 21.1.36
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-treegrid")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-treegrid"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Treegrid)}(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),u=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),c=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 c(t,e),t.moduleName="aggregate",t}(t.ComplexBase),s=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(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.statelessTemplateProps=null,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.TreeGrid);t.applyMixins(y,[t.ComponentBase,n.Component]),e.Inject=t.Inject,e.ColumnDirective=i,e.ColumnsDirective=u,e.AggregateDirective=a,e.AggregatesDirective=s,e.AggregateColumnDirective=l,e.AggregateColumnsDirective=f,e.TreeGridComponent=y,Object.keys(r).forEach(function(t){e[t]=r[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
10
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-react-base"),require("react"),require("@syncfusion/ej2-treegrid")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-react-base","react","@syncfusion/ej2-treegrid"],t):t(e.ej={},e.ej2ReactBase,e.React,e.ej2Treegrid)}(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),u=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),c=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 c(t,e),t.moduleName="stackedColumn",t.complexTemplate={filterItemTemplate:"filter.itemTemplate"},t}(t.ComplexBase),p=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return c(t,e),t.propertyName="columns",t.moduleName="stackedColumns",t}(t.ComplexBase),s=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 s(t,e),t.moduleName="aggregate",t}(t.ComplexBase),f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.propertyName="aggregates",t.moduleName="aggregates",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(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.moduleName="aggregateColumn",t}(t.ComplexBase),d=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.propertyName="columns",t.moduleName="aggregateColumns",t}(t.ComplexBase),g=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)}}(),h=function(e){function t(t){var n=e.call(this,t)||this;return n.initRenderCalled=!1,n.checkInjectedModules=!0,n.directivekeys={columns:{column:{stackedColumns:"stackedColumn"}},aggregates:{aggregate:{aggregateColumns:"aggregateColumn"}}},n.statelessTemplateProps=null,n.templateProps=null,n.immediateRender=!1,n.portals=[],n}return g(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.TreeGrid);t.applyMixins(h,[t.ComponentBase,n.Component]),e.Inject=t.Inject,e.ColumnDirective=i,e.ColumnsDirective=u,e.StackedColumnDirective=a,e.StackedColumnsDirective=p,e.AggregateDirective=l,e.AggregatesDirective=f,e.AggregateColumnDirective=y,e.AggregateColumnsDirective=d,e.TreeGridComponent=h,Object.keys(r).forEach(function(t){e[t]=r[t]}),Object.defineProperty(e,"__esModule",{value:!0})});
11
11
  //# sourceMappingURL=ej2-react-treegrid.umd.min.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ej2-react-treegrid.umd.min.js","sources":["../src/treegrid/columns-directive.js","../src/treegrid/aggregates-directive.js","../src/treegrid/aggregate-columns-directive.js","../src/treegrid/treegrid.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 TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 TreeGrid.\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 { TreeGrid } from '@syncfusion/ej2-treegrid';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TreeTreeGridComponent` represents the react TreeTreeGrid.\n * ```tsx\n * <TreeTreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nvar TreeGridComponent = /** @class */ (function (_super) {\n __extends(TreeGridComponent, _super);\n function TreeGridComponent(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.statelessTemplateProps = null;\n _this.immediateRender = false;\n _this.portals = [];\n return _this;\n }\n TreeGridComponent.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 TreeGridComponent;\n}(TreeGrid));\nexport { TreeGridComponent };\napplyMixins(TreeGridComponent, [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","TreeGridComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","columns","aggregates","aggregate","aggregateColumns","statelessTemplateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","TreeGrid","ej2ReactBase","ComponentBase","React.Component"],"mappings":"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"}
1
+ {"version":3,"file":"ej2-react-treegrid.umd.min.js","sources":["../src/treegrid/columns-directive.js","../src/treegrid/stacked-column-directive.js","../src/treegrid/aggregates-directive.js","../src/treegrid/aggregate-columns-directive.js","../src/treegrid/treegrid.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 TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 TreeGrid.\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 { TreeGrid } from '@syncfusion/ej2-treegrid';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TreeTreeGridComponent` represents the react TreeTreeGrid.\n * ```tsx\n * <TreeTreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nvar TreeGridComponent = /** @class */ (function (_super) {\n __extends(TreeGridComponent, _super);\n function TreeGridComponent(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.statelessTemplateProps = null;\n _this.templateProps = null;\n _this.immediateRender = false;\n _this.portals = [];\n return _this;\n }\n TreeGridComponent.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 TreeGridComponent;\n}(TreeGrid));\nexport { TreeGridComponent };\napplyMixins(TreeGridComponent, [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","TreeGridComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","columns","column","stackedColumns","aggregates","aggregate","aggregateColumns","statelessTemplateProps","templateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","TreeGrid","ej2ReactBase","ComponentBase","React.Component"],"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 TreeGrid.
28
37
  * It must be contained in a TreeGrid component(`TreeGridComponent`).
@@ -87,8 +96,9 @@ class TreeGridComponent extends TreeGrid {
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.statelessTemplateProps = null;
101
+ this.templateProps = null;
92
102
  this.immediateRender = false;
93
103
  this.portals = [];
94
104
  }
@@ -104,7 +114,7 @@ class TreeGridComponent extends TreeGrid {
104
114
  }
105
115
  applyMixins(TreeGridComponent, [ComponentBase, Component]);
106
116
 
107
- export { ColumnDirective, ColumnsDirective, AggregateDirective, AggregatesDirective, AggregateColumnDirective, AggregateColumnsDirective, TreeGridComponent };
117
+ export { ColumnDirective, ColumnsDirective, StackedColumnDirective, StackedColumnsDirective, AggregateDirective, AggregatesDirective, AggregateColumnDirective, AggregateColumnsDirective, TreeGridComponent };
108
118
  export * from '@syncfusion/ej2-treegrid';
109
119
  export { Inject } from '@syncfusion/ej2-react-base';
110
120
  //# sourceMappingURL=ej2-react-treegrid.es2015.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ej2-react-treegrid.es2015.js","sources":["../src/es6/treegrid/columns-directive.js","../src/es6/treegrid/aggregates-directive.js","../src/es6/treegrid/aggregate-columns-directive.js","../src/es6/treegrid/treegrid.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 TreeGrid.\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 { TreeGrid } from '@syncfusion/ej2-treegrid';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TreeTreeGridComponent` represents the react TreeTreeGrid.\n * ```tsx\n * <TreeTreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nexport class TreeGridComponent extends TreeGrid {\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.statelessTemplateProps = null;\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(TreeGridComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AACA;;;;;;;;;;;;AAYA,AAAO,MAAM,eAAe,SAAS,WAAW,CAAC;CAChD;AACD,eAAe,CAAC,UAAU,GAAG,QAAQ,CAAC;AACtC,eAAe,CAAC,eAAe,GAAG,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAClF,AAAO,MAAM,gBAAgB,SAAS,WAAW,CAAC;CACjD;AACD,gBAAgB,CAAC,YAAY,GAAG,SAAS,CAAC;AAC1C,gBAAgB,CAAC,UAAU,GAAG,SAAS,CAAC;;ACnBxC;;;;;;;;;;;;;;;;;;;AAmBA,AAAO,MAAM,kBAAkB,SAAS,WAAW,CAAC;CACnD;AACD,kBAAkB,CAAC,UAAU,GAAG,WAAW,CAAC;AAC5C,AAAO,MAAM,mBAAmB,SAAS,WAAW,CAAC;CACpD;AACD,mBAAmB,CAAC,YAAY,GAAG,YAAY,CAAC;AAChD,mBAAmB,CAAC,UAAU,GAAG,YAAY,CAAC;;ACzB9C;;;;;;;;;;;;;;;;;;AAkBA,AAAO,MAAM,wBAAwB,SAAS,WAAW,CAAC;CACzD;AACD,wBAAwB,CAAC,UAAU,GAAG,iBAAiB,CAAC;AACxD,AAAO,MAAM,yBAAyB,SAAS,WAAW,CAAC;CAC1D;AACD,yBAAyB,CAAC,YAAY,GAAG,SAAS,CAAC;AACnD,yBAAyB,CAAC,UAAU,GAAG,kBAAkB,CAAC;;ACtB1D;;;;;;AAMA,AAAO,MAAM,iBAAiB,SAAS,QAAQ,CAAC;IAC5C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,EAAE,SAAS,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,WAAW,EAAE,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC;QACvH,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}
1
+ {"version":3,"file":"ej2-react-treegrid.es2015.js","sources":["../src/es6/treegrid/columns-directive.js","../src/es6/treegrid/stacked-column-directive.js","../src/es6/treegrid/aggregates-directive.js","../src/es6/treegrid/aggregate-columns-directive.js","../src/es6/treegrid/treegrid.component.js"],"sourcesContent":["import { ComplexBase } from '@syncfusion/ej2-react-base';\n/**\n * `ColumnDirective` represent a column of the react TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 TreeGrid.\n * It must be contained in a TreeGrid component(`TreeGridComponent`).\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 TreeGrid.\n * ```tsx\n * <TreeGridComponent 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 * </TreeGridComponent>\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 { TreeGrid } from '@syncfusion/ej2-treegrid';\nimport { ComponentBase, applyMixins } from '@syncfusion/ej2-react-base';\n/**\n * `TreeTreeGridComponent` represents the react TreeTreeGrid.\n * ```tsx\n * <TreeTreeGridComponent dataSource={data} allowPaging={true} allowSorting={true}/>\n * ```\n */\nexport class TreeGridComponent extends TreeGrid {\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.statelessTemplateProps = null;\n this.templateProps = null;\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(TreeGridComponent, [ComponentBase, React.Component]);\n"],"names":["React.createElement","React.Component"],"mappings":";;;;AACA;;;;;;;;;;;;AAYA,AAAO,MAAM,eAAe,SAAS,WAAW,CAAC;CAChD;AACD,eAAe,CAAC,UAAU,GAAG,QAAQ,CAAC;AACtC,eAAe,CAAC,eAAe,GAAG,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AAClF,AAAO,MAAM,gBAAgB,SAAS,WAAW,CAAC;CACjD;AACD,gBAAgB,CAAC,YAAY,GAAG,SAAS,CAAC;AAC1C,gBAAgB,CAAC,UAAU,GAAG,SAAS,CAAC;;ACnBjC,MAAM,sBAAsB,SAAS,WAAW,CAAC;CACvD;AACD,sBAAsB,CAAC,UAAU,GAAG,eAAe,CAAC;AACpD,sBAAsB,CAAC,eAAe,GAAG,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,CAAC;AACzF,AAAO,MAAM,uBAAuB,SAAS,WAAW,CAAC;CACxD;AACD,uBAAuB,CAAC,YAAY,GAAG,SAAS,CAAC;AACjD,uBAAuB,CAAC,UAAU,GAAG,gBAAgB,CAAC;;ACPtD;;;;;;;;;;;;;;;;;;;AAmBA,AAAO,MAAM,kBAAkB,SAAS,WAAW,CAAC;CACnD;AACD,kBAAkB,CAAC,UAAU,GAAG,WAAW,CAAC;AAC5C,AAAO,MAAM,mBAAmB,SAAS,WAAW,CAAC;CACpD;AACD,mBAAmB,CAAC,YAAY,GAAG,YAAY,CAAC;AAChD,mBAAmB,CAAC,UAAU,GAAG,YAAY,CAAC;;ACzB9C;;;;;;;;;;;;;;;;;;AAkBA,AAAO,MAAM,wBAAwB,SAAS,WAAW,CAAC;CACzD;AACD,wBAAwB,CAAC,UAAU,GAAG,iBAAiB,CAAC;AACxD,AAAO,MAAM,yBAAyB,SAAS,WAAW,CAAC;CAC1D;AACD,yBAAyB,CAAC,YAAY,GAAG,SAAS,CAAC;AACnD,yBAAyB,CAAC,UAAU,GAAG,kBAAkB,CAAC;;ACtB1D;;;;;;AAMA,AAAO,MAAM,iBAAiB,SAAS,QAAQ,CAAC;IAC5C,WAAW,CAAC,KAAK,EAAE;QACf,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,EAAE,gBAAgB,EAAE,eAAe,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,WAAW,EAAE,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC;QAClK,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;QACnC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACrB;IACD,MAAM,GAAG;QACL,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,gBAAgB,KAAK,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,mBAAmB,EAAE;YAC5F,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;SAChC;aACI;YACD,OAAOA,aAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SAChH;KACJ;CACJ;AACD,WAAW,CAAC,iBAAiB,EAAE,CAAC,aAAa,EAAEC,SAAe,CAAC,CAAC,CAAC;;;;;;"}
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-react-treegrid@*",
3
- "_id": "@syncfusion/ej2-react-treegrid@20.10.6",
3
+ "_id": "@syncfusion/ej2-react-treegrid@22.1.34",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-bY3/fvYbRciReH1mWIb2u3fr9+79aAXGck5xtKfXehDZH3gddTGDreIUSpQujHTBt80z0/annI/MOhWoSgrPig==",
5
+ "_integrity": "sha512-SOeYdUkkWvGpPE3fZxgoUmZIY+bGfZJTXddFTfwZ0gXgXBcUXDfv9sfcOlhTG6alsalgPtTJBOUZjlZdWb12Lg==",
6
6
  "_location": "/@syncfusion/ej2-react-treegrid",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-treegrid/-/ej2-react-treegrid-20.10.6.tgz",
23
- "_shasum": "1f9a2808a0548aa10a184df0a8d6e05256c92543",
22
+ "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-treegrid/-/ej2-react-treegrid-22.1.34.tgz",
23
+ "_shasum": "26236c71df53a35fb2d456f4dd204648e7f914ad",
24
24
  "_spec": "@syncfusion/ej2-react-treegrid@*",
25
25
  "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~21.1.35",
35
- "@syncfusion/ej2-react-base": "~21.1.35",
36
- "@syncfusion/ej2-treegrid": "21.1.35"
34
+ "@syncfusion/ej2-base": "~22.1.34",
35
+ "@syncfusion/ej2-react-base": "~22.1.34",
36
+ "@syncfusion/ej2-treegrid": "21.1.36"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "Essential JS 2 TreeGrid Component for React",
@@ -55,6 +55,6 @@
55
55
  "type": "git",
56
56
  "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
57
57
  },
58
- "version": "21.1.35",
58
+ "version": "21.1.36",
59
59
  "sideEffects": false
60
60
  }
@@ -1,6 +1,6 @@
1
1
  import { ComplexBase } from '@syncfusion/ej2-react-base';
2
- import { ColumnModel } from '@syncfusion/ej2-treegrid';
3
- export interface ColumnDirTypecast {
2
+ import { TreeGridColumnModel } from '@syncfusion/ej2-treegrid';
3
+ export interface TreeGridColumnDirTypecast {
4
4
  template?: string | Function | any;
5
5
  headerTemplate?: string | Function | any;
6
6
  filterItemTemplate?: string | Function | any;
@@ -20,9 +20,9 @@ export interface ColumnDirTypecast {
20
20
  * </TreeGridComponent>
21
21
  * ```
22
22
  */
23
- export declare class ColumnDirective extends ComplexBase<ColumnModel | ColumnDirTypecast & {
23
+ export declare class ColumnDirective extends ComplexBase<TreeGridColumnModel | TreeGridColumnDirTypecast & {
24
24
  children?: React.ReactNode;
25
- }, ColumnModel | ColumnDirTypecast> {
25
+ }, TreeGridColumnModel | TreeGridColumnDirTypecast> {
26
26
  static moduleName: string;
27
27
  static complexTemplate: Object;
28
28
  }
@@ -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 './treegrid.component';
@@ -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 './treegrid.component';
@@ -0,0 +1,20 @@
1
+ import { ComplexBase } from '@syncfusion/ej2-react-base';
2
+ import { StackedColumnModel } from '@syncfusion/ej2-treegrid';
3
+ export interface StackedColumnDirTypecast {
4
+ template?: string | Function | any;
5
+ headerTemplate?: string | Function | any;
6
+ filterItemTemplate?: string | Function | any;
7
+ filterTemplate?: string | Function | any;
8
+ commandsTemplate?: string | Function | any;
9
+ editTemplate?: string | Function | any;
10
+ }
11
+ export declare class StackedColumnDirective extends ComplexBase<StackedColumnModel | StackedColumnDirTypecast & {
12
+ children?: React.ReactNode;
13
+ }, StackedColumnModel | StackedColumnDirTypecast> {
14
+ static moduleName: string;
15
+ static complexTemplate: Object;
16
+ }
17
+ export declare class StackedColumnsDirective extends ComplexBase<{}, {}> {
18
+ static propertyName: string;
19
+ static moduleName: string;
20
+ }
@@ -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 };
@@ -26,6 +26,7 @@ export declare class TreeGridComponent extends TreeGrid {
26
26
  [key: string]: Object;
27
27
  };
28
28
  private statelessTemplateProps;
29
+ private templateProps;
29
30
  private immediateRender;
30
31
  props: Readonly<{
31
32
  children?: React.ReactNode | React.ReactNode[];
@@ -26,8 +26,9 @@ var TreeGridComponent = /** @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.statelessTemplateProps = null;
31
+ _this.templateProps = null;
31
32
  _this.immediateRender = false;
32
33
  _this.portals = [];
33
34
  return _this;