@syncfusion/ej2-react-treegrid 20.1.55 → 20.1.56-97113

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.
Files changed (36) hide show
  1. package/CHANGELOG.md +23 -17
  2. package/README.md +132 -51
  3. package/diConfig.json +13 -4
  4. package/dist/ej2-react-treegrid.min.js +1 -0
  5. package/dist/ej2-react-treegrid.umd.min.js +0 -9
  6. package/package.json +67 -67
  7. package/styles/bootstrap-dark.css +14 -1
  8. package/styles/bootstrap.css +14 -1
  9. package/styles/bootstrap4.css +14 -1
  10. package/styles/bootstrap5-dark.css +16 -2
  11. package/styles/bootstrap5.css +16 -2
  12. package/styles/fabric-dark.css +14 -1
  13. package/styles/fabric.css +14 -1
  14. package/styles/fluent-dark.css +15 -2
  15. package/styles/fluent.css +15 -2
  16. package/styles/highcontrast-light.css +14 -1
  17. package/styles/highcontrast.css +14 -1
  18. package/styles/material-dark.css +14 -1
  19. package/styles/material.css +14 -1
  20. package/styles/tailwind-dark.css +14 -1
  21. package/styles/tailwind.css +14 -1
  22. package/styles/treegrid/bootstrap-dark.css +14 -1
  23. package/styles/treegrid/bootstrap.css +14 -1
  24. package/styles/treegrid/bootstrap4.css +14 -1
  25. package/styles/treegrid/bootstrap5-dark.css +16 -2
  26. package/styles/treegrid/bootstrap5.css +16 -2
  27. package/styles/treegrid/fabric-dark.css +14 -1
  28. package/styles/treegrid/fabric.css +14 -1
  29. package/styles/treegrid/fluent-dark.css +15 -2
  30. package/styles/treegrid/fluent.css +15 -2
  31. package/styles/treegrid/highcontrast-light.css +14 -1
  32. package/styles/treegrid/highcontrast.css +14 -1
  33. package/styles/treegrid/material-dark.css +14 -1
  34. package/styles/treegrid/material.css +14 -1
  35. package/styles/treegrid/tailwind-dark.css +14 -1
  36. package/styles/treegrid/tailwind.css +14 -1
package/styles/treegrid/fabric-dark.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-ddl.e-popup {
2
3
  border: 0;
3
4
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.26);
@@ -79,6 +80,7 @@
79
80
  height: 34px;
80
81
  }
81
82
 
83
+ /* stylelint-disable property-no-vendor-prefix */
82
84
  @keyframes material-spinner-rotate {
83
85
  0% {
84
86
  transform: rotate(0);
@@ -95,6 +97,15 @@
95
97
  transform: rotate(360deg);
96
98
  }
97
99
  }
100
+ .e-treegrid .e-indent::before,
101
+ .e-grid-menu .e-indent::before {
102
+ content: "\e33f";
103
+ }
104
+ .e-treegrid .e-outdent::before,
105
+ .e-grid-menu .e-outdent::before {
106
+ content: "\e35d";
107
+ }
108
+
98
109
  .e-treegrid .e-treegridexpand::before,
99
110
  .e-treegrid .e-treegridcollapse::before {
100
111
  content: "\e22e";
@@ -412,4 +423,6 @@
412
423
  }
413
424
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
414
425
  height: 0;
415
- }
426
+ }
427
+
428
+ /* stylelint-disable-line no-empty-source */
package/styles/treegrid/fabric.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-ddl.e-popup {
2
3
  border: 0;
3
4
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
@@ -72,6 +73,7 @@
72
73
  height: 34px;
73
74
  }
74
75
 
76
+ /* stylelint-disable property-no-vendor-prefix */
75
77
  @keyframes material-spinner-rotate {
76
78
  0% {
77
79
  transform: rotate(0);
@@ -88,6 +90,15 @@
88
90
  transform: rotate(360deg);
89
91
  }
90
92
  }
93
+ .e-treegrid .e-indent::before,
94
+ .e-grid-menu .e-indent::before {
95
+ content: "\e33f";
96
+ }
97
+ .e-treegrid .e-outdent::before,
98
+ .e-grid-menu .e-outdent::before {
99
+ content: "\e35d";
100
+ }
101
+
91
102
  .e-treegrid .e-treegridexpand::before,
92
103
  .e-treegrid .e-treegridcollapse::before {
93
104
  content: "\e22e";
@@ -405,4 +416,6 @@
405
416
  }
406
417
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
407
418
  height: 0;
408
- }
419
+ }
420
+
421
+ /* stylelint-disable-line no-empty-source */
package/styles/treegrid/fluent-dark.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-popup.e-ddl {
2
3
  border-radius: 4px;
3
4
  box-shadow: none;
@@ -124,6 +125,7 @@
124
125
  min-height: 34px;
125
126
  }
126
127
 
128
+ /* stylelint-disable property-no-vendor-prefix */
127
129
  @keyframes material-spinner-rotate {
128
130
  0% {
129
131
  transform: rotate(0);
@@ -140,6 +142,15 @@
140
142
  transform: rotate(360deg);
141
143
  }
142
144
  }
145
+ .e-treegrid .e-indent::before,
146
+ .e-grid-menu .e-indent::before {
147
+ content: "\e810";
148
+ }
149
+ .e-treegrid .e-outdent::before,
150
+ .e-grid-menu .e-outdent::before {
151
+ content: "\e72a";
152
+ }
153
+
143
154
  .e-treegrid .e-treegridexpand::before,
144
155
  .e-treegrid .e-treegridcollapse::before {
145
156
  content: "\e75c";
@@ -274,7 +285,7 @@
274
285
  }
275
286
  .e-treegrid .e-treecell {
276
287
  display: table-cell;
277
- line-height: 26px;
288
+ line-height: 19px;
278
289
  }
279
290
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
280
291
  white-space: nowrap;
@@ -470,4 +481,6 @@
470
481
  }
471
482
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
472
483
  height: 0;
473
- }
484
+ }
485
+
486
+ /* stylelint-disable-line no-empty-source */
package/styles/treegrid/fluent.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-popup.e-ddl {
2
3
  border-radius: 4px;
3
4
  box-shadow: none;
@@ -124,6 +125,7 @@
124
125
  min-height: 34px;
125
126
  }
126
127
 
128
+ /* stylelint-disable property-no-vendor-prefix */
127
129
  @keyframes material-spinner-rotate {
128
130
  0% {
129
131
  transform: rotate(0);
@@ -140,6 +142,15 @@
140
142
  transform: rotate(360deg);
141
143
  }
142
144
  }
145
+ .e-treegrid .e-indent::before,
146
+ .e-grid-menu .e-indent::before {
147
+ content: "\e810";
148
+ }
149
+ .e-treegrid .e-outdent::before,
150
+ .e-grid-menu .e-outdent::before {
151
+ content: "\e72a";
152
+ }
153
+
143
154
  .e-treegrid .e-treegridexpand::before,
144
155
  .e-treegrid .e-treegridcollapse::before {
145
156
  content: "\e75c";
@@ -274,7 +285,7 @@
274
285
  }
275
286
  .e-treegrid .e-treecell {
276
287
  display: table-cell;
277
- line-height: 26px;
288
+ line-height: 19px;
278
289
  }
279
290
  .e-treegrid .e-grid.e-wrap .e-rowcell .e-treecolumn-container {
280
291
  white-space: nowrap;
@@ -470,4 +481,6 @@
470
481
  }
471
482
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
472
483
  height: 0;
473
- }
484
+ }
485
+
486
+ /* stylelint-disable-line no-empty-source */
package/styles/treegrid/highcontrast-light.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
2
3
  height: 36px;
3
4
  }
@@ -76,6 +77,7 @@
76
77
  height: 34px;
77
78
  }
78
79
 
80
+ /* stylelint-disable property-no-vendor-prefix */
79
81
  @keyframes material-spinner-rotate {
80
82
  0% {
81
83
  transform: rotate(0);
@@ -92,6 +94,15 @@
92
94
  transform: rotate(360deg);
93
95
  }
94
96
  }
97
+ .e-treegrid .e-indent::before,
98
+ .e-grid-menu .e-indent::before {
99
+ content: "\e33f";
100
+ }
101
+ .e-treegrid .e-outdent::before,
102
+ .e-grid-menu .e-outdent::before {
103
+ content: "\e35d";
104
+ }
105
+
95
106
  .e-treegrid .e-treegridexpand::before,
96
107
  .e-treegrid .e-treegridcollapse::before {
97
108
  content: "\e22e";
@@ -409,4 +420,6 @@
409
420
  }
410
421
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
411
422
  height: 0;
412
- }
423
+ }
424
+
425
+ /* stylelint-disable-line no-empty-source */
package/styles/treegrid/highcontrast.css CHANGED
@@ -1,3 +1,4 @@
1
+ /* stylelint-disable property-no-vendor-prefix */
1
2
  .e-bigger .e-ddl.e-popup .e-input-group .e-clear-icon {
2
3
  height: 36px;
3
4
  }
@@ -76,6 +77,7 @@
76
77
  height: 34px;
77
78
  }
78
79
 
80
+ /* stylelint-disable property-no-vendor-prefix */
79
81
  @keyframes material-spinner-rotate {
80
82
  0% {
81
83
  transform: rotate(0);
@@ -92,6 +94,15 @@
92
94
  transform: rotate(360deg);
93
95
  }
94
96
  }
97
+ .e-treegrid .e-indent::before,
98
+ .e-grid-menu .e-indent::before {
99
+ content: "\e33f";
100
+ }
101
+ .e-treegrid .e-outdent::before,
102
+ .e-grid-menu .e-outdent::before {
103
+ content: "\e35d";
104
+ }
105
+
95
106
  .e-treegrid .e-treegridexpand::before,
96
107
  .e-treegrid .e-treegridcollapse::before {
97
108
  content: "\e22e";
@@ -409,4 +420,6 @@
409
420
  }
410
421
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
411
422
  height: 0;
412
- }
423
+ }
424
+
425
+ /* stylelint-disable-line no-empty-source */
package/styles/treegrid/material-dark.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -111,6 +112,7 @@
111
112
  padding: 5px 5px 5px 12px;
112
113
  }
113
114
 
115
+ /* stylelint-disable property-no-vendor-prefix */
114
116
  @keyframes material-spinner-rotate {
115
117
  0% {
116
118
  transform: rotate(0deg);
@@ -136,6 +138,15 @@
136
138
  box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
137
139
  }
138
140
  }
141
+ .e-treegrid .e-indent::before,
142
+ .e-grid-menu .e-indent::before {
143
+ content: "\e33f";
144
+ }
145
+ .e-treegrid .e-outdent::before,
146
+ .e-grid-menu .e-outdent::before {
147
+ content: "\e35d";
148
+ }
149
+
139
150
  .e-treegrid .e-treegridexpand::before,
140
151
  .e-treegrid .e-treegridcollapse::before {
141
152
  content: "\e848";
@@ -447,4 +458,6 @@
447
458
  }
448
459
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
449
460
  height: 0;
450
- }
461
+ }
462
+
463
+ /* stylelint-disable-line no-empty-source */
package/styles/treegrid/material.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  @keyframes e-input-ripple {
3
4
  100% {
4
5
  opacity: 0;
@@ -144,6 +145,7 @@
144
145
  padding: 4px 8px;
145
146
  }
146
147
 
148
+ /* stylelint-disable property-no-vendor-prefix */
147
149
  @keyframes material-spinner-rotate {
148
150
  0% {
149
151
  transform: rotate(0deg);
@@ -170,6 +172,15 @@
170
172
  box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
171
173
  }
172
174
  }
175
+ .e-treegrid .e-indent::before,
176
+ .e-grid-menu .e-indent::before {
177
+ content: "\e33f";
178
+ }
179
+ .e-treegrid .e-outdent::before,
180
+ .e-grid-menu .e-outdent::before {
181
+ content: "\e35d";
182
+ }
183
+
173
184
  .e-treegrid .e-treegridexpand::before,
174
185
  .e-treegrid .e-treegridcollapse::before {
175
186
  content: "\e848";
@@ -481,4 +492,6 @@
481
492
  }
482
493
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
483
494
  height: 0;
484
- }
495
+ }
496
+
497
+ /* stylelint-disable-line no-empty-source */
package/styles/treegrid/tailwind-dark.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
4
  transform: rotate(0deg);
4
5
  transition: transform 300ms ease;
@@ -93,6 +94,7 @@
93
94
  padding: 4px 8px;
94
95
  }
95
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
96
98
  @keyframes material-spinner-rotate {
97
99
  0% {
98
100
  transform: rotate(0);
@@ -109,6 +111,15 @@
109
111
  transform: rotate(360deg);
110
112
  }
111
113
  }
114
+ .e-treegrid .e-indent::before,
115
+ .e-grid-menu .e-indent::before {
116
+ content: "\e810";
117
+ }
118
+ .e-treegrid .e-outdent::before,
119
+ .e-grid-menu .e-outdent::before {
120
+ content: "\e72a";
121
+ }
122
+
112
123
  .e-treegrid .e-treegridexpand::before,
113
124
  .e-treegrid .e-treegridcollapse::before {
114
125
  content: "\e75c";
@@ -420,4 +431,6 @@
420
431
  }
421
432
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
422
433
  height: 0;
423
- }
434
+ }
435
+
436
+ /* stylelint-disable-line no-empty-source */
package/styles/treegrid/tailwind.css CHANGED
@@ -1,4 +1,5 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
+ /* stylelint-disable property-no-vendor-prefix */
2
3
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
4
  transform: rotate(0deg);
4
5
  transition: transform 300ms ease;
@@ -93,6 +94,7 @@
93
94
  padding: 4px 8px;
94
95
  }
95
96
 
97
+ /* stylelint-disable property-no-vendor-prefix */
96
98
  @keyframes material-spinner-rotate {
97
99
  0% {
98
100
  transform: rotate(0);
@@ -109,6 +111,15 @@
109
111
  transform: rotate(360deg);
110
112
  }
111
113
  }
114
+ .e-treegrid .e-indent::before,
115
+ .e-grid-menu .e-indent::before {
116
+ content: "\e810";
117
+ }
118
+ .e-treegrid .e-outdent::before,
119
+ .e-grid-menu .e-outdent::before {
120
+ content: "\e72a";
121
+ }
122
+
112
123
  .e-treegrid .e-treegridexpand::before,
113
124
  .e-treegrid .e-treegridcollapse::before {
114
125
  content: "\e75c";
@@ -420,4 +431,6 @@
420
431
  }
421
432
  .e-treegrid .e-grid.e-rtl .e-gridcontent .e-droptop .e-lastrow-dragborder {
422
433
  height: 0;
423
- }
434
+ }
435
+
436
+ /* stylelint-disable-line no-empty-source */