@syncfusion/ej2-treegrid 20.1.47 → 20.1.48

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 (61) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/ej2-treegrid.umd.min.js +2 -2
  3. package/dist/ej2-treegrid.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-treegrid.es2015.js +74 -39
  5. package/dist/es6/ej2-treegrid.es2015.js.map +1 -1
  6. package/dist/es6/ej2-treegrid.es5.js +77 -46
  7. package/dist/es6/ej2-treegrid.es5.js.map +1 -1
  8. package/dist/global/ej2-treegrid.min.js +2 -2
  9. package/dist/global/ej2-treegrid.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +7 -7
  12. package/src/treegrid/actions/batch-edit.js +21 -4
  13. package/src/treegrid/actions/edit.js +15 -0
  14. package/src/treegrid/actions/filter.js +3 -0
  15. package/src/treegrid/actions/rowdragdrop.js +4 -9
  16. package/src/treegrid/base/treegrid-model.d.ts +1 -1
  17. package/src/treegrid/base/treegrid.d.ts +1 -6
  18. package/src/treegrid/base/treegrid.js +34 -33
  19. package/styles/bootstrap-dark.css +0 -8
  20. package/styles/bootstrap.css +0 -8
  21. package/styles/bootstrap4.css +0 -8
  22. package/styles/bootstrap5-dark.css +0 -8
  23. package/styles/bootstrap5.css +0 -8
  24. package/styles/fabric-dark.css +0 -8
  25. package/styles/fabric.css +0 -8
  26. package/styles/fluent-dark.css +1 -5
  27. package/styles/fluent.css +1 -5
  28. package/styles/highcontrast-light.css +0 -8
  29. package/styles/highcontrast.css +0 -8
  30. package/styles/material-dark.css +0 -8
  31. package/styles/material.css +0 -8
  32. package/styles/tailwind-dark.css +0 -8
  33. package/styles/tailwind.css +0 -8
  34. package/styles/treegrid/_bootstrap-dark-definition.scss +0 -2
  35. package/styles/treegrid/_bootstrap-definition.scss +0 -2
  36. package/styles/treegrid/_bootstrap4-definition.scss +0 -2
  37. package/styles/treegrid/_bootstrap5-definition.scss +0 -2
  38. package/styles/treegrid/_fabric-dark-definition.scss +0 -2
  39. package/styles/treegrid/_fabric-definition.scss +0 -2
  40. package/styles/treegrid/_fluent-definition.scss +0 -1
  41. package/styles/treegrid/_highcontrast-definition.scss +0 -2
  42. package/styles/treegrid/_highcontrast-light-definition.scss +0 -2
  43. package/styles/treegrid/_layout.scss +4 -6
  44. package/styles/treegrid/_material-dark-definition.scss +0 -2
  45. package/styles/treegrid/_material-definition.scss +0 -2
  46. package/styles/treegrid/_tailwind-definition.scss +0 -2
  47. package/styles/treegrid/bootstrap-dark.css +0 -8
  48. package/styles/treegrid/bootstrap.css +0 -8
  49. package/styles/treegrid/bootstrap4.css +0 -8
  50. package/styles/treegrid/bootstrap5-dark.css +0 -8
  51. package/styles/treegrid/bootstrap5.css +0 -8
  52. package/styles/treegrid/fabric-dark.css +0 -8
  53. package/styles/treegrid/fabric.css +0 -8
  54. package/styles/treegrid/fluent-dark.css +1 -5
  55. package/styles/treegrid/fluent.css +1 -5
  56. package/styles/treegrid/highcontrast-light.css +0 -8
  57. package/styles/treegrid/highcontrast.css +0 -8
  58. package/styles/treegrid/material-dark.css +0 -8
  59. package/styles/treegrid/material.css +0 -8
  60. package/styles/treegrid/tailwind-dark.css +0 -8
  61. package/styles/treegrid/tailwind.css +0 -8
@@ -140,10 +140,6 @@
140
140
  width: 22px;
141
141
  }
142
142
 
143
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
144
- padding-left: 7px;
145
- }
146
-
147
143
  .e-bigger .e-treegrid .e-hierarchycheckbox {
148
144
  padding-left: 2px;
149
145
  }
@@ -194,10 +190,6 @@
194
190
  color: #374151;
195
191
  }
196
192
 
197
- .e-treegrid .e-rowcell.e-treerowcell {
198
- padding-left: 12px;
199
- }
200
-
201
193
  .e-treegrid .e-rtl .e-treegridcollapse {
202
194
  transform: scale(-1);
203
195
  }
@@ -9,8 +9,6 @@ $treegrid-right-arrow-icon-height: 16px !default;
9
9
  $treegrid-right-arrow-icon-width: 16px !default;
10
10
  $treegrid-right-arrow-icon-vertical-align: middle;
11
11
  $treegrid-content-right-padding: 8px !default;
12
- $treegrid-treecell-padding: 5px !default;
13
- $treegrid-bigger-treecell-padding: 5px !default;
14
12
  $treegrid-bigger-icon-size: 18px !default;
15
13
  $treegrid-smaller-icon-size: 16px !default;
16
14
  $treegrid-bigger-icon-font-size: 10px !default;
@@ -9,8 +9,6 @@ $treegrid-right-arrow-icon-height: 16px !default;
9
9
  $treegrid-right-arrow-icon-width: 16px !default;
10
10
  $treegrid-right-arrow-icon-vertical-align: middle;
11
11
  $treegrid-content-right-padding: 8px !default;
12
- $treegrid-treecell-padding: 5px !default;
13
- $treegrid-bigger-treecell-padding: 5px !default;
14
12
  $treegrid-bigger-icon-size: 18px !default;
15
13
  $treegrid-smaller-icon-size: 16px !default;
16
14
  $treegrid-bigger-icon-font-size: 10px !default;
@@ -10,8 +10,6 @@ $treegrid-right-arrow-icon-height: 16px !default;
10
10
  $treegrid-right-arrow-icon-width: 16px !default;
11
11
  $treegrid-right-arrow-icon-vertical-align: middle;
12
12
  $treegrid-content-right-padding: 21px !default;
13
- $treegrid-treecell-padding: 9px !default;
14
- $treegrid-bigger-treecell-padding: 12px !default;
15
13
  $treegrid-bigger-icon-size: 16px !default;
16
14
  $treegrid-smaller-icon-size: 16px !default;
17
15
  $treegrid-bigger-icon-font-size: 10px !default;
@@ -20,8 +20,6 @@ $treegrid-frame-bigger-icon-width: 18px !default;
20
20
  $treegrid-frame-icon-height: 16px !default;
21
21
  $treegrid-frame-icon-width: 16px !default;
22
22
  $treegrid-content-right-padding: 21px !default;
23
- $treegrid-treecell-padding: 12px !default;
24
- $treegrid-bigger-treecell-padding: 7px !default;
25
23
  $treegrid-rowdrag-childborder-border: 2px solid #4f46e5;
26
24
  $treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !default;
27
25
  $treegrid-rowdd-boxshadow: $primary !default;
@@ -9,8 +9,6 @@ $treegrid-right-arrow-icon-height: 16px !default;
9
9
  $treegrid-right-arrow-icon-width: 16px !default;
10
10
  $treegrid-right-arrow-icon-vertical-align: middle;
11
11
  $treegrid-content-right-padding: 8px !default;
12
- $treegrid-treecell-padding: 5px !default;
13
- $treegrid-bigger-treecell-padding: 9px !default;
14
12
  $treegrid-bigger-icon-size: 18px !default;
15
13
  $treegrid-smaller-icon-size: 16px !default;
16
14
  $treegrid-bigger-icon-font-size: 10px !default;
@@ -9,8 +9,6 @@ $treegrid-right-arrow-icon-height: 16px !default;
9
9
  $treegrid-right-arrow-icon-width: 16px !default;
10
10
  $treegrid-right-arrow-icon-vertical-align: middle;
11
11
  $treegrid-content-right-padding: 8px !default;
12
- $treegrid-treecell-padding: 5px !default;
13
- $treegrid-bigger-treecell-padding: 9px !default;
14
12
  $treegrid-bigger-icon-size: 18px !default;
15
13
  $treegrid-smaller-icon-size: 16px !default;
16
14
  $treegrid-bigger-icon-font-size: 10px !default;
@@ -21,7 +21,6 @@ $treegrid-frame-icon-height: 16px !default;
21
21
  $treegrid-frame-icon-width: 16px !default;
22
22
  $treegrid-content-right-padding: 21px !default;
23
23
  $treegrid-treecell-padding: 12px !default;
24
- $treegrid-bigger-treecell-padding: 7px !default;
25
24
  $treegrid-rowdrag-childborder-border: 2px dashed $primary;
26
25
  $treegrid-rowdd-topbottom-border: 2px solid $primary !default;
27
26
  $treegrid-rowdd-boxshadow: $primary !default;
@@ -9,8 +9,6 @@ $treegrid-right-arrow-icon-height: 16px !default;
9
9
  $treegrid-right-arrow-icon-width: 16px !default;
10
10
  $treegrid-right-arrow-icon-vertical-align: middle;
11
11
  $treegrid-content-right-padding: 8px !default;
12
- $treegrid-treecell-padding: 5px !default;
13
- $treegrid-bigger-treecell-padding: 9px !default;
14
12
  $treegrid-bigger-icon-size: 18px !default;
15
13
  $treegrid-smaller-icon-size: 16px !default;
16
14
  $treegrid-bigger-icon-font-size: 10px !default;
@@ -9,8 +9,6 @@ $treegrid-right-arrow-icon-height: 16px !default;
9
9
  $treegrid-right-arrow-icon-width: 16px !default;
10
10
  $treegrid-right-arrow-icon-vertical-align: middle;
11
11
  $treegrid-content-right-padding: 8px !default;
12
- $treegrid-treecell-padding: 5px !default;
13
- $treegrid-bigger-treecell-padding: 9px !default;
14
12
  $treegrid-bigger-icon-size: 18px !default;
15
13
  $treegrid-smaller-icon-size: 16px !default;
16
14
  $treegrid-bigger-icon-font-size: 10px !default;
@@ -8,10 +8,6 @@
8
8
  width: $treegrid-bigger-icon-size;
9
9
  }
10
10
 
11
- .e-rowcell.e-treerowcell {
12
- padding-left: $treegrid-bigger-treecell-padding;
13
- }
14
-
15
11
  .e-hierarchycheckbox {
16
12
  padding-left: 2px;
17
13
  }
@@ -86,8 +82,10 @@
86
82
  color: $treegrid-right-arrow-hover-color;
87
83
  }
88
84
 
89
- .e-rowcell.e-treerowcell {
90
- padding-left: $treegrid-treecell-padding;
85
+ .e-rowcell.e-treerowcell.e-treegridcheckbox {
86
+ @if $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
87
+ padding-left: $treegrid-treecell-padding;
88
+ }
91
89
  }
92
90
 
93
91
  .e-row[aria-expanded = 'true'] .e-treecell {
@@ -9,8 +9,6 @@ $treegrid-right-arrow-icon-height: 16px !default;
9
9
  $treegrid-right-arrow-icon-width: 16px !default;
10
10
  $treegrid-right-arrow-icon-vertical-align: middle;
11
11
  $treegrid-content-right-padding: 21px !default;
12
- $treegrid-treecell-padding: 18px !default;
13
- $treegrid-bigger-treecell-padding: 25px !default;
14
12
  $treegrid-bigger-icon-size: 18px !default;
15
13
  $treegrid-smaller-icon-size: 16px !default;
16
14
  $treegrid-bigger-icon-font-size: 10px !default;
@@ -9,8 +9,6 @@ $treegrid-right-arrow-icon-height: 16px !default;
9
9
  $treegrid-right-arrow-icon-width: 16px !default;
10
10
  $treegrid-right-arrow-icon-vertical-align: middle;
11
11
  $treegrid-content-right-padding: 21px !default;
12
- $treegrid-treecell-padding: 18px !default;
13
- $treegrid-bigger-treecell-padding: 25px !default;
14
12
  $treegrid-bigger-icon-size: 18px !default;
15
13
  $treegrid-smaller-icon-size: 16px !default;
16
14
  $treegrid-bigger-icon-font-size: 10px !default;
@@ -20,8 +20,6 @@ $treegrid-frame-bigger-icon-width: 18px !default;
20
20
  $treegrid-frame-icon-height: 16px !default;
21
21
  $treegrid-frame-icon-width: 16px !default;
22
22
  $treegrid-content-right-padding: 21px !default;
23
- $treegrid-treecell-padding: 12px !default;
24
- $treegrid-bigger-treecell-padding: 7px !default;
25
23
  $treegrid-rowdrag-childborder-border: 2px solid #4f46e5;
26
24
  $treegrid-rowdd-topbottom-border: 2px solid #4f46e5 !default;
27
25
  $treegrid-rowdd-boxshadow: $primary !default;
@@ -159,10 +159,6 @@
159
159
  width: 18px;
160
160
  }
161
161
 
162
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
163
- padding-left: 5px;
164
- }
165
-
166
162
  .e-bigger .e-treegrid .e-hierarchycheckbox {
167
163
  padding-left: 2px;
168
164
  }
@@ -216,10 +212,6 @@
216
212
  color: #f0f0f0;
217
213
  }
218
214
 
219
- .e-treegrid .e-rowcell.e-treerowcell {
220
- padding-left: 5px;
221
- }
222
-
223
215
  .e-treegrid .e-rtl .e-treegridcollapse {
224
216
  transform: scale(-1);
225
217
  }
@@ -160,10 +160,6 @@
160
160
  width: 18px;
161
161
  }
162
162
 
163
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
164
- padding-left: 5px;
165
- }
166
-
167
163
  .e-bigger .e-treegrid .e-hierarchycheckbox {
168
164
  padding-left: 2px;
169
165
  }
@@ -217,10 +213,6 @@
217
213
  color: #333;
218
214
  }
219
215
 
220
- .e-treegrid .e-rowcell.e-treerowcell {
221
- padding-left: 5px;
222
- }
223
-
224
216
  .e-treegrid .e-rtl .e-treegridcollapse {
225
217
  transform: scale(-1);
226
218
  }
@@ -200,10 +200,6 @@
200
200
  width: 16px;
201
201
  }
202
202
 
203
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
204
- padding-left: 12px;
205
- }
206
-
207
203
  .e-bigger .e-treegrid .e-hierarchycheckbox {
208
204
  padding-left: 2px;
209
205
  }
@@ -254,10 +250,6 @@
254
250
  color: #343a40;
255
251
  }
256
252
 
257
- .e-treegrid .e-rowcell.e-treerowcell {
258
- padding-left: 9px;
259
- }
260
-
261
253
  .e-treegrid .e-rtl .e-treegridcollapse {
262
254
  transform: scale(-1);
263
255
  }
@@ -200,10 +200,6 @@
200
200
  width: 22px;
201
201
  }
202
202
 
203
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
204
- padding-left: 7px;
205
- }
206
-
207
203
  .e-bigger .e-treegrid .e-hierarchycheckbox {
208
204
  padding-left: 2px;
209
205
  }
@@ -254,10 +250,6 @@
254
250
  color: #dee2e6;
255
251
  }
256
252
 
257
- .e-treegrid .e-rowcell.e-treerowcell {
258
- padding-left: 12px;
259
- }
260
-
261
253
  .e-treegrid .e-rtl .e-treegridcollapse {
262
254
  transform: scale(-1);
263
255
  }
@@ -200,10 +200,6 @@
200
200
  width: 22px;
201
201
  }
202
202
 
203
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
204
- padding-left: 7px;
205
- }
206
-
207
203
  .e-bigger .e-treegrid .e-hierarchycheckbox {
208
204
  padding-left: 2px;
209
205
  }
@@ -254,10 +250,6 @@
254
250
  color: #343a40;
255
251
  }
256
252
 
257
- .e-treegrid .e-rowcell.e-treerowcell {
258
- padding-left: 12px;
259
- }
260
-
261
253
  .e-treegrid .e-rtl .e-treegridcollapse {
262
254
  transform: scale(-1);
263
255
  }
@@ -133,10 +133,6 @@
133
133
  width: 18px;
134
134
  }
135
135
 
136
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
137
- padding-left: 9px;
138
- }
139
-
140
136
  .e-bigger .e-treegrid .e-hierarchycheckbox {
141
137
  padding-left: 2px;
142
138
  }
@@ -190,10 +186,6 @@
190
186
  color: #dadada;
191
187
  }
192
188
 
193
- .e-treegrid .e-rowcell.e-treerowcell {
194
- padding-left: 5px;
195
- }
196
-
197
189
  .e-treegrid .e-rtl .e-treegridcollapse {
198
190
  transform: scale(-1);
199
191
  }
@@ -126,10 +126,6 @@
126
126
  width: 18px;
127
127
  }
128
128
 
129
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
130
- padding-left: 9px;
131
- }
132
-
133
129
  .e-bigger .e-treegrid .e-hierarchycheckbox {
134
130
  padding-left: 2px;
135
131
  }
@@ -183,10 +179,6 @@
183
179
  color: #333;
184
180
  }
185
181
 
186
- .e-treegrid .e-rowcell.e-treerowcell {
187
- padding-left: 5px;
188
- }
189
-
190
182
  .e-treegrid .e-rtl .e-treegridcollapse {
191
183
  transform: scale(-1);
192
184
  }
@@ -178,10 +178,6 @@
178
178
  width: 22px;
179
179
  }
180
180
 
181
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
182
- padding-left: 7px;
183
- }
184
-
185
181
  .e-bigger .e-treegrid .e-hierarchycheckbox {
186
182
  padding-left: 2px;
187
183
  }
@@ -241,7 +237,7 @@
241
237
  color: #f3f2f1;
242
238
  }
243
239
 
244
- .e-treegrid .e-rowcell.e-treerowcell {
240
+ .e-treegrid .e-rowcell.e-treerowcell.e-treegridcheckbox {
245
241
  padding-left: 12px;
246
242
  }
247
243
 
@@ -178,10 +178,6 @@
178
178
  width: 22px;
179
179
  }
180
180
 
181
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
182
- padding-left: 7px;
183
- }
184
-
185
181
  .e-bigger .e-treegrid .e-hierarchycheckbox {
186
182
  padding-left: 2px;
187
183
  }
@@ -241,7 +237,7 @@
241
237
  color: #323130;
242
238
  }
243
239
 
244
- .e-treegrid .e-rowcell.e-treerowcell {
240
+ .e-treegrid .e-rowcell.e-treerowcell.e-treegridcheckbox {
245
241
  padding-left: 12px;
246
242
  }
247
243
 
@@ -143,10 +143,6 @@
143
143
  width: 18px;
144
144
  }
145
145
 
146
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
147
- padding-left: 9px;
148
- }
149
-
150
146
  .e-bigger .e-treegrid .e-hierarchycheckbox {
151
147
  padding-left: 2px;
152
148
  }
@@ -200,10 +196,6 @@
200
196
  color: #000;
201
197
  }
202
198
 
203
- .e-treegrid .e-rowcell.e-treerowcell {
204
- padding-left: 5px;
205
- }
206
-
207
199
  .e-treegrid .e-rtl .e-treegridcollapse {
208
200
  transform: scale(-1);
209
201
  }
@@ -143,10 +143,6 @@
143
143
  width: 18px;
144
144
  }
145
145
 
146
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
147
- padding-left: 9px;
148
- }
149
-
150
146
  .e-bigger .e-treegrid .e-hierarchycheckbox {
151
147
  padding-left: 2px;
152
148
  }
@@ -200,10 +196,6 @@
200
196
  color: #fff;
201
197
  }
202
198
 
203
- .e-treegrid .e-rowcell.e-treerowcell {
204
- padding-left: 5px;
205
- }
206
-
207
199
  .e-treegrid .e-rtl .e-treegridcollapse {
208
200
  transform: scale(-1);
209
201
  }
@@ -169,10 +169,6 @@
169
169
  width: 18px;
170
170
  }
171
171
 
172
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
173
- padding-left: 25px;
174
- }
175
-
176
172
  .e-bigger .e-treegrid .e-hierarchycheckbox {
177
173
  padding-left: 2px;
178
174
  }
@@ -223,10 +219,6 @@
223
219
  color: #fff;
224
220
  }
225
221
 
226
- .e-treegrid .e-rowcell.e-treerowcell {
227
- padding-left: 18px;
228
- }
229
-
230
222
  .e-treegrid .e-rtl .e-treegridcollapse {
231
223
  transform: scale(-1);
232
224
  }
@@ -204,10 +204,6 @@
204
204
  width: 18px;
205
205
  }
206
206
 
207
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
208
- padding-left: 25px;
209
- }
210
-
211
207
  .e-bigger .e-treegrid .e-hierarchycheckbox {
212
208
  padding-left: 2px;
213
209
  }
@@ -258,10 +254,6 @@
258
254
  color: #000;
259
255
  }
260
256
 
261
- .e-treegrid .e-rowcell.e-treerowcell {
262
- padding-left: 18px;
263
- }
264
-
265
257
  .e-treegrid .e-rtl .e-treegridcollapse {
266
258
  transform: scale(-1);
267
259
  }
@@ -140,10 +140,6 @@
140
140
  width: 22px;
141
141
  }
142
142
 
143
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
144
- padding-left: 7px;
145
- }
146
-
147
143
  .e-bigger .e-treegrid .e-hierarchycheckbox {
148
144
  padding-left: 2px;
149
145
  }
@@ -194,10 +190,6 @@
194
190
  color: #f3f4f6;
195
191
  }
196
192
 
197
- .e-treegrid .e-rowcell.e-treerowcell {
198
- padding-left: 12px;
199
- }
200
-
201
193
  .e-treegrid .e-rtl .e-treegridcollapse {
202
194
  transform: scale(-1);
203
195
  }
@@ -140,10 +140,6 @@
140
140
  width: 22px;
141
141
  }
142
142
 
143
- .e-bigger .e-treegrid .e-rowcell.e-treerowcell {
144
- padding-left: 7px;
145
- }
146
-
147
143
  .e-bigger .e-treegrid .e-hierarchycheckbox {
148
144
  padding-left: 2px;
149
145
  }
@@ -194,10 +190,6 @@
194
190
  color: #374151;
195
191
  }
196
192
 
197
- .e-treegrid .e-rowcell.e-treerowcell {
198
- padding-left: 12px;
199
- }
200
-
201
193
  .e-treegrid .e-rtl .e-treegridcollapse {
202
194
  transform: scale(-1);
203
195
  }