@syncfusion/ej2-react-treegrid 21.2.8 → 22.1.34
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 +5 -76
- package/diConfig.json +39 -1
- package/dist/ej2-react-treegrid.min.js +2 -2
- package/dist/ej2-react-treegrid.umd.min.js +2 -2
- package/dist/ej2-react-treegrid.umd.min.js.map +1 -1
- package/dist/es6/ej2-react-treegrid.es2015.js +11 -2
- package/dist/es6/ej2-react-treegrid.es2015.js.map +1 -1
- package/package.json +8 -8
- package/src/treegrid/columns-directive.d.ts +4 -4
- package/src/treegrid/index.d.ts +1 -0
- package/src/treegrid/index.js +1 -0
- package/src/treegrid/stacked-column-directive.d.ts +20 -0
- package/src/treegrid/stacked-column-directive.js +34 -0
- package/src/treegrid/treegrid.component.js +1 -1
- package/styles/material3-dark.css +545 -0
- package/styles/material3-dark.scss +2 -0
- package/styles/material3.css +601 -0
- package/styles/material3.scss +2 -0
- package/styles/treegrid/material3-dark.css +545 -0
- package/styles/treegrid/material3-dark.scss +2 -0
- package/styles/treegrid/material3.css +601 -0
- package/styles/treegrid/material3.scss +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -4,84 +4,13 @@
|
|
|
4
4
|
|
|
5
5
|
### Tree Grid
|
|
6
6
|
|
|
7
|
-
####
|
|
8
|
-
|
|
9
|
-
- `#461200` - Resolved After expanding parent record in virtualization enabled remote data, the child records were not updated properly.
|
|
10
|
-
- `#I459187` -Fixed an issue where the Records are missing on adding a record as child and below.
|
|
11
|
-
- `#I462460` , `#I461924` - Resolved Script Error throws while using Virtualization with Collapse All action.
|
|
12
|
-
|
|
13
|
-
- `#I462460` , `#I461924` - Resolved Script Error throws while using Virtualization with Collapse All action.
|
|
14
|
-
|
|
15
|
-
## 21.2.6 (2023-05-23)
|
|
16
|
-
|
|
17
|
-
### Tree Grid
|
|
18
|
-
|
|
19
|
-
#### Bug Fixes
|
|
20
|
-
|
|
21
|
-
- `#I459413` - Fixed an issue where the expanded status in remote data was not updating correctly for nested child records.
|
|
22
|
-
|
|
23
|
-
## 21.2.5 (2023-05-16)
|
|
24
|
-
|
|
25
|
-
### Tree Grid
|
|
26
|
-
|
|
27
|
-
#### Bug Fixes
|
|
28
|
-
|
|
29
|
-
- `#I826966` - Fixed a bug where records were getting missed when adding a record at the bottom of the virtualization enabled sample.
|
|
30
|
-
- `#I454734` - Resolved filtering is not working properly when using remote data with hierarchy mode as "Both".
|
|
31
|
-
|
|
32
|
-
## 21.2.4 (2023-05-09)
|
|
33
|
-
|
|
34
|
-
### Tree Grid
|
|
35
|
-
|
|
36
|
-
#### Bug Fixes
|
|
37
|
-
|
|
38
|
-
- `#I181658` - Fixed the issue where a script error was thrown when moving a dropdown option with key input (Arrow Keys) in edit template.
|
|
39
|
-
|
|
40
|
-
## 21.2.3 (2023-05-03)
|
|
41
|
-
|
|
42
|
-
### Tree Grid
|
|
43
|
-
|
|
44
|
-
#### Bug Fixes
|
|
45
|
-
|
|
46
|
-
- `#I440455`, `#F180980` - Resolved the issue where the data source was not being rendered in the row template sample.
|
|
47
|
-
|
|
48
|
-
## 21.1.41 (2023-04-18)
|
|
49
|
-
|
|
50
|
-
### Tree Grid
|
|
51
|
-
|
|
52
|
-
#### Bug Fixes
|
|
53
|
-
|
|
54
|
-
- `#I448090` - The excel filtering dialog box has been fixed to display the data source after filtering a column.
|
|
55
|
-
- `#I414166` - Virtualization has been resolved when enabling it in the load event.
|
|
56
|
-
|
|
57
|
-
## 21.1.38 (2023-04-04)
|
|
58
|
-
|
|
59
|
-
### Tree Grid
|
|
60
|
-
|
|
61
|
-
#### Bug Fixes
|
|
62
|
-
|
|
63
|
-
- `#I407372`, `#I449067`, `#I424805` - Fixed console error when dragging and dropping a record and then pressing the tab key.
|
|
64
|
-
- `#I441661` - Fixed incorrect checkbox selection update after selecting a record and collapsing in checkboxOnly mode.
|
|
65
|
-
- `#I449191` - Fixed incorrect cell index selection in the getSelectedRowCellIndexes method when collapsing a record.
|
|
66
|
-
- `#I442710` - Resolved issue of row dropping at the bottom segment (with the last record) not working properly.
|
|
67
|
-
- `#I444506` - Resolved issue of last row border not being added when reordering a row to the last index.
|
|
68
|
-
|
|
69
|
-
- `#I441661` - Fixed incorrect checkbox selection update after selecting a record and collapsing in checkboxOnly mode.
|
|
70
|
-
- `#I449191` - Fixed incorrect cell index selection in the getSelectedRowCellIndexes method when collapsing a record.
|
|
71
|
-
- `#I442710` - Resolved issue of row dropping at the bottom segment (with the last record) not working properly.
|
|
72
|
-
- `#I444506` - Resolved issue of last row border not being added when reordering a row to the last index.
|
|
73
|
-
|
|
74
|
-
## 21.1.35 (2023-03-23)
|
|
75
|
-
|
|
76
|
-
### Tree Grid
|
|
77
|
-
|
|
78
|
-
#### Breaking Changes
|
|
7
|
+
#### Features
|
|
79
8
|
|
|
80
|
-
-
|
|
81
|
-
-
|
|
9
|
+
- Provided support for inline editing with virtualization enabled. Please find the demo [here](https://ej2.syncfusion.com/demos/#/bootstrap5/tree-grid/virtual-scrolling.html).
|
|
10
|
+
- `#I323425`, `#I332700`, `#I344742`, `#I375307` - Provided support for frozen column with virtualization enabled.
|
|
82
11
|
|
|
83
|
-
-
|
|
84
|
-
-
|
|
12
|
+
- Provided support for inline editing with virtualization enabled. Please find the demo [here](https://ej2.syncfusion.com/react/demos/#/bootstrap5/treegrid/virtualscrolling).
|
|
13
|
+
- `#I323425`, `#I332700`, `#I344742`, `#I375307` - Provided support for frozen column with virtualization enabled.
|
|
85
14
|
|
|
86
15
|
## 20.2.36 (2022-06-30)
|
|
87
16
|
|
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": "
|
|
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 :
|
|
3
|
+
* version : 22.1.34
|
|
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(
|
|
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 :
|
|
3
|
+
* version : 22.1.34
|
|
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="
|
|
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.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","AggregateDirective","AggregatesDirective","AggregateColumnDirective","AggregateColumnsDirective","TreeGridComponent","props","_this","call","initRenderCalled","checkInjectedModules","directivekeys","columns","aggregates","aggregate","aggregateColumns","statelessTemplateProps","templateProps","immediateRender","portals","render","element","refreshing","isReactForeceUpdate","React.createElement","getDefaultAttributes","concat","children","TreeGrid","ej2ReactBase","ComponentBase","React.Component"],"mappings":"2XAAA,IAAIA,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GA0BxCK,EAAiC,SAAUC,GAE3C,SAASD,IACL,OAAkB,OAAXC,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAUe,EAAiBC,GAI3BD,EAAgBI,WAAa,SAC7BJ,EAAgBK,iBAAoBC,mBAAsB,uBACnDN,GACTO,eAEEC,EAAkC,SAAUP,GAE5C,SAASO,IACL,OAAkB,OAAXP,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAUuB,EAAkBP,GAI5BO,EAAiBC,aAAe,UAChCD,EAAiBJ,WAAa,UACvBI,GACTD,eC5CEtB,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAiCxCe,EAAoC,SAAUT,GAE9C,SAASS,IACL,OAAkB,OAAXT,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAG/D,OALAX,EAAUyB,EAAoBT,GAI9BS,EAAmBN,WAAa,YACzBM,GACTH,eAEEI,EAAqC,SAAUV,GAE/C,SAASU,IACL,OAAkB,OAAXV,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAU0B,EAAqBV,GAI/BU,EAAoBF,aAAe,aACnCE,EAAoBP,WAAa,aAC1BO,GACTJ,eClDEtB,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAgCxCiB,EAA0C,SAAUX,GAEpD,SAASW,IACL,OAAkB,OAAXX,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAG/D,OALAX,EAAU2B,EAA0BX,GAIpCW,EAAyBR,WAAa,kBAC/BQ,GACTL,eAEEM,EAA2C,SAAUZ,GAErD,SAASY,IACL,OAAkB,OAAXZ,GAAmBA,EAAOC,MAAMN,KAAMO,YAAcP,KAI/D,OANAX,EAAU4B,EAA2BZ,GAIrCY,EAA0BJ,aAAe,UACzCI,EAA0BT,WAAa,mBAChCS,GACTN,eCjDEtB,EAAwC,WACxC,IAAIC,EAAgB,SAAUC,EAAGC,GAI7B,OAHAF,EAAgBG,OAAOC,iBAChBC,wBAA2BC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAE5B,OAAO,SAAUD,EAAGC,GAEhB,SAASO,IAAOC,KAAKC,YAAcV,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEW,UAAkB,OAANV,EAAaC,OAAOU,OAAOX,IAAMO,EAAGG,UAAYV,EAAEU,UAAW,IAAIH,IAV3C,GAsBxCmB,EAAmC,SAAUb,GAE7C,SAASa,EAAkBC,GACvB,IAAIC,EAAQf,EAAOgB,KAAKrB,KAAMmB,IAAUnB,KAQxC,OAPAoB,EAAME,kBAAmB,EACzBF,EAAMG,sBAAuB,EAC7BH,EAAMI,eAAkBC,QAAW,SAAUC,YAAgBC,WAAeC,iBAAoB,qBAChGR,EAAMS,uBAAyB,KAC/BT,EAAMU,cAAgB,KACtBV,EAAMW,iBAAkB,EACxBX,EAAMY,WACCZ,EAWX,OArBA/B,EAAU6B,EAAmBb,GAY7Ba,EAAkBhB,UAAU+B,OAAS,WACjC,KAAMjC,KAAKkC,UAAYlC,KAAKsB,kBAAqBtB,KAAKmC,aAAgBnC,KAAKoC,oBAKvE,OAAOC,gBAAoB,MAAOrC,KAAKsC,0BAA2BC,OAAOvC,KAAKmB,MAAMqB,SAAUxC,KAAKgC,UAJnG3B,EAAOH,UAAU+B,OAAOZ,KAAKrB,MAC7BA,KAAKsB,kBAAmB,GAMzBJ,GACTuB,YACFC,cACYxB,GAAoByB,gBAAeC"}
|
|
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,7 +96,7 @@ 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;
|
|
92
101
|
this.templateProps = null;
|
|
93
102
|
this.immediateRender = false;
|
|
@@ -105,7 +114,7 @@ class TreeGridComponent extends TreeGrid {
|
|
|
105
114
|
}
|
|
106
115
|
applyMixins(TreeGridComponent, [ComponentBase, Component]);
|
|
107
116
|
|
|
108
|
-
export { ColumnDirective, ColumnsDirective, AggregateDirective, AggregatesDirective, AggregateColumnDirective, AggregateColumnsDirective, TreeGridComponent };
|
|
117
|
+
export { ColumnDirective, ColumnsDirective, StackedColumnDirective, StackedColumnsDirective, AggregateDirective, AggregatesDirective, AggregateColumnDirective, AggregateColumnsDirective, TreeGridComponent };
|
|
109
118
|
export * from '@syncfusion/ej2-treegrid';
|
|
110
119
|
export { Inject } from '@syncfusion/ej2-react-base';
|
|
111
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.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;;
|
|
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@
|
|
3
|
+
"_id": "@syncfusion/ej2-react-treegrid@20.12.0",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-vB/kcvDc4TEAlLpExO96sZZ83wCzD72IeDnexTPw9yPSbMusqLWscQKtWneQQ/axLT4+vnUACdxaYhjaopGCDg==",
|
|
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-
|
|
23
|
-
"_shasum": "
|
|
22
|
+
"_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-treegrid/-/ej2-react-treegrid-20.12.0.tgz",
|
|
23
|
+
"_shasum": "965b0c75458abc65e27c24874ac09b63100707fb",
|
|
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": "~
|
|
35
|
-
"@syncfusion/ej2-react-base": "~
|
|
36
|
-
"@syncfusion/ej2-treegrid": "
|
|
34
|
+
"@syncfusion/ej2-base": "~22.1.34",
|
|
35
|
+
"@syncfusion/ej2-react-base": "~22.1.34",
|
|
36
|
+
"@syncfusion/ej2-treegrid": "22.1.34"
|
|
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": "
|
|
58
|
+
"version": "22.1.34",
|
|
59
59
|
"sideEffects": false
|
|
60
60
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComplexBase } from '@syncfusion/ej2-react-base';
|
|
2
|
-
import {
|
|
3
|
-
export interface
|
|
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<
|
|
23
|
+
export declare class ColumnDirective extends ComplexBase<TreeGridColumnModel | TreeGridColumnDirTypecast & {
|
|
24
24
|
children?: React.ReactNode;
|
|
25
|
-
},
|
|
25
|
+
}, TreeGridColumnModel | TreeGridColumnDirTypecast> {
|
|
26
26
|
static moduleName: string;
|
|
27
27
|
static complexTemplate: Object;
|
|
28
28
|
}
|
package/src/treegrid/index.d.ts
CHANGED
package/src/treegrid/index.js
CHANGED
|
@@ -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,7 +26,7 @@ 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
31
|
_this.templateProps = null;
|
|
32
32
|
_this.immediateRender = false;
|