@syncfusion/ej2-react-grids 23.2.7 → 24.1.43

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 (57) hide show
  1. package/CHANGELOG.md +32 -163
  2. package/diConfig.json +1 -0
  3. package/dist/ej2-react-grids.min.js +1 -1
  4. package/dist/ej2-react-grids.umd.min.js +1 -1
  5. package/package.json +9 -9
  6. package/src/grid/grid.component.d.ts +1 -0
  7. package/styles/bootstrap-dark.css +1 -5113
  8. package/styles/bootstrap.css +1 -5114
  9. package/styles/bootstrap4.css +1 -5201
  10. package/styles/bootstrap5-dark.css +1 -5193
  11. package/styles/bootstrap5.css +1 -5193
  12. package/styles/excel-filter/bootstrap-dark.css +1 -528
  13. package/styles/excel-filter/bootstrap.css +1 -528
  14. package/styles/excel-filter/bootstrap4.css +1 -584
  15. package/styles/excel-filter/bootstrap5-dark.css +1 -572
  16. package/styles/excel-filter/bootstrap5.css +1 -572
  17. package/styles/excel-filter/fabric-dark.css +1 -504
  18. package/styles/excel-filter/fabric.css +1 -497
  19. package/styles/excel-filter/fluent-dark.css +1 -552
  20. package/styles/excel-filter/fluent.css +1 -552
  21. package/styles/excel-filter/highcontrast-light.css +1 -501
  22. package/styles/excel-filter/highcontrast.css +1 -501
  23. package/styles/excel-filter/material-dark.css +1 -535
  24. package/styles/excel-filter/material.css +1 -568
  25. package/styles/excel-filter/material3-dark.css +1 -670
  26. package/styles/excel-filter/material3.css +1 -726
  27. package/styles/excel-filter/tailwind-dark.css +1 -520
  28. package/styles/excel-filter/tailwind.css +1 -520
  29. package/styles/fabric-dark.css +1 -5087
  30. package/styles/fabric.css +1 -5080
  31. package/styles/fluent-dark.css +1 -5231
  32. package/styles/fluent.css +1 -5231
  33. package/styles/grid/bootstrap-dark.css +1 -4689
  34. package/styles/grid/bootstrap.css +1 -4690
  35. package/styles/grid/bootstrap4.css +1 -4766
  36. package/styles/grid/bootstrap5-dark.css +1 -4766
  37. package/styles/grid/bootstrap5.css +1 -4766
  38. package/styles/grid/fabric-dark.css +1 -4663
  39. package/styles/grid/fabric.css +1 -4656
  40. package/styles/grid/fluent-dark.css +1 -4804
  41. package/styles/grid/fluent.css +1 -4804
  42. package/styles/grid/highcontrast-light.css +1 -4660
  43. package/styles/grid/highcontrast.css +1 -4660
  44. package/styles/grid/material-dark.css +1 -4703
  45. package/styles/grid/material.css +1 -4737
  46. package/styles/grid/material3-dark.css +1 -5008
  47. package/styles/grid/material3.css +1 -5064
  48. package/styles/grid/tailwind-dark.css +1 -4784
  49. package/styles/grid/tailwind.css +1 -4784
  50. package/styles/highcontrast-light.css +1 -5084
  51. package/styles/highcontrast.css +1 -5084
  52. package/styles/material-dark.css +1 -5133
  53. package/styles/material.css +1 -5175
  54. package/styles/material3-dark.css +1 -5538
  55. package/styles/material3.css +1 -5650
  56. package/styles/tailwind-dark.css +1 -5211
  57. package/styles/tailwind.css +1 -5211
@@ -1,497 +1 @@
1
- /* stylelint-disable property-no-vendor-prefix */
2
- .e-ddl.e-popup {
3
- border: 0;
4
- box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
5
- margin-top: 1px;
6
- }
7
- .e-ddl.e-popup .e-input-group input {
8
- line-height: 15px;
9
- }
10
-
11
- .e-ddl.e-popup .e-input-group {
12
- display: -ms-flexbox;
13
- display: flex;
14
- width: auto;
15
- }
16
-
17
- .e-popup.e-ddl .e-dropdownbase {
18
- min-height: 26px;
19
- }
20
-
21
- .e-ddl.e-popup .e-filter-parent {
22
- border-left-width: 0;
23
- border-right-width: 0;
24
- }
25
-
26
- .e-bigger .e-popup.e-ddl-device-filter {
27
- margin-top: 0;
28
- }
29
-
30
- .e-bigger .e-ddl.e-popup .e-list-item, .e-bigger .e-ddl.e-popup .e-list-group-item, .e-bigger .e-ddl.e-popup .e-fixed-head {
31
- font-size: 15px;
32
- line-height: 45px;
33
- padding-left: 0;
34
- text-indent: 16px;
35
- }
36
-
37
- .e-bigger .e-ddl.e-popup .e-dd-group .e-list-item {
38
- padding-left: 4px;
39
- }
40
-
41
- .e-bigger .e-ddl.e-popup .e-input-group {
42
- padding: 4px 0;
43
- }
44
-
45
- .e-bigger .e-ddl.e-popup .e-input-group input, .e-bigger .e-ddl.e-popup .e-input-group input.e-input {
46
- height: 38px;
47
- }
48
-
49
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
50
- .e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
51
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
52
- .e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover {
53
- background: transparent;
54
- color: #333;
55
- }
56
-
57
- .e-bigger.e-small .e-ddl.e-popup .e-list-item, .e-bigger.e-small .e-ddl.e-popup .e-list-group-item, .e-bigger.e-small .e-ddl.e-popup .e-fixed-head {
58
- font-size: 14px;
59
- line-height: 40px;
60
- padding-left: 0;
61
- text-indent: 16px;
62
- }
63
-
64
- .e-bigger.e-small .e-ddl.e-popup .e-dd-group .e-list-item {
65
- padding-left: 4px;
66
- }
67
-
68
- .e-bigger.e-small .e-ddl.e-popup .e-input-group {
69
- padding: 0;
70
- }
71
-
72
- .e-bigger.e-small .e-ddl.e-popup .e-input-group input, .e-bigger.e-small .e-ddl.e-popup .e-input-group input.e-input {
73
- height: 34px;
74
- }
75
-
76
- /* stylelint-disable property-no-vendor-prefix */
77
- @keyframes material-spinner-rotate {
78
- 0% {
79
- transform: rotate(0);
80
- }
81
- 100% {
82
- transform: rotate(360deg);
83
- }
84
- }
85
- @keyframes fabric-spinner-rotate {
86
- 0% {
87
- transform: rotate(0);
88
- }
89
- 100% {
90
- transform: rotate(360deg);
91
- }
92
- }
93
- /* !component icons */
94
- .e-icon-check::before {
95
- content: "\e7ff";
96
- }
97
-
98
- .e-excelfilter .e-icon-filter::before {
99
- content: "\e21c";
100
- }
101
- .e-excelfilter .e-excl-filter-icon::before {
102
- content: "\e250";
103
- }
104
- .e-excelfilter .e-excl-filter-icon.e-filtered::before {
105
- content: "\e247";
106
- }
107
- .e-excelfilter .e-search-icon::before {
108
- content: "\e97d";
109
- }
110
- .e-excelfilter .e-chkcancel-icon::before {
111
- content: "\e7a7";
112
- }
113
- .e-excelfilter .e-sortascending::before {
114
- content: "\e734";
115
- }
116
- .e-excelfilter .e-sortdescending::before {
117
- content: "\e733";
118
- }
119
-
120
- /*! Excel-Filter layout */
121
- .sf-grid .e-excelfilter .e-dlg-content {
122
- overflow: visible;
123
- padding: 0;
124
- }
125
- .sf-grid .e-excelfilter .e-searchcontainer {
126
- padding: 28px 25px 10px;
127
- padding-top: 4px;
128
- }
129
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item .e-menu-icon {
130
- height: 26px;
131
- line-height: 26px;
132
- }
133
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-menu-item:not(.e-separator) {
134
- height: 26px;
135
- line-height: 26px;
136
- }
137
- .sf-grid .e-excelfilter .e-searchbox {
138
- padding-left: 0;
139
- }
140
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul .e-separator {
141
- height: auto;
142
- }
143
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu .e-ul {
144
- position: absolute;
145
- }
146
- .sf-grid .e-excelfilter .e-contextmenu-container.e-sfcontextmenu {
147
- display: inline-block;
148
- position: relative;
149
- width: 100%;
150
- }
151
-
152
- .sf-grid-dlg.e-xlflmenu .e-xlfl-radiodiv {
153
- width: unset;
154
- }
155
-
156
- .e-xlflmenu {
157
- min-height: 314px;
158
- }
159
- .e-xlflmenu .e-xlfl-dlgfields {
160
- font-size: 15px;
161
- }
162
- .e-xlflmenu .e-xlfl-fieldset {
163
- font-size: 13px;
164
- padding-top: 9px;
165
- }
166
- .e-xlflmenu .e-xlfl-optr,
167
- .e-xlflmenu .e-xlfl-value {
168
- padding-top: 12px;
169
- }
170
- .e-xlflmenu .e-xlfl-radio,
171
- .e-xlflmenu .e-xlfl-mtcase {
172
- padding-top: 12px;
173
- }
174
- .e-xlflmenu .e-xlfl-optr:first-child {
175
- padding-right: 12px;
176
- }
177
- .e-xlflmenu .e-xlfl-table {
178
- border-spacing: 0;
179
- table-layout: fixed;
180
- width: 100%;
181
- }
182
- .e-xlflmenu .e-radio + label .e-label {
183
- margin-top: 0;
184
- padding-left: 25px;
185
- padding-right: 8px;
186
- }
187
- .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
188
- margin-bottom: 1px;
189
- margin-left: 6px;
190
- }
191
- .e-xlflmenu .e-checkbox-wrapper .e-frame {
192
- margin-bottom: 1px;
193
- }
194
- .e-xlflmenu .e-dlg-content {
195
- padding-bottom: 5px;
196
- }
197
- .e-xlflmenu .e-xlfl-radiodiv {
198
- width: 118px;
199
- }
200
- .e-xlflmenu .e-xlfl-matchcasediv {
201
- margin-left: 0;
202
- margin-right: 13px;
203
- }
204
-
205
- .e-xlfl-radio-or,
206
- .e-xlfl-matchcasediv {
207
- margin-left: 2px;
208
- }
209
-
210
- .e-emptyicon {
211
- opacity: 0;
212
- }
213
-
214
- .e-xlflmenu.e-rtl .e-xlfl-optr {
215
- padding-left: 12px;
216
- padding-right: 0;
217
- }
218
- .e-xlflmenu.e-rtl .e-radio + label .e-label {
219
- padding-left: 0;
220
- padding-right: 25px;
221
- }
222
- .e-xlflmenu.e-rtl .e-xlfl-radio-or {
223
- margin-left: 0;
224
- margin-right: 13px;
225
- }
226
-
227
- .e-bigger .e-xlflmenu.e-rtl .e-radio + label .e-label {
228
- padding-left: 0;
229
- padding-right: 25px;
230
- }
231
-
232
- .e-bigger .e-xlflmenu {
233
- min-height: 372px;
234
- }
235
- .e-bigger .e-xlflmenu .e-xlfl-table {
236
- border-spacing: 0;
237
- width: 100%;
238
- }
239
- .e-bigger .e-xlflmenu .e-dlg-content {
240
- padding-bottom: 10px;
241
- }
242
- .e-bigger .e-xlflmenu .e-radio + label .e-label {
243
- padding-left: 28px;
244
- padding-right: 5px;
245
- }
246
- .e-bigger .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
247
- margin-left: 8px;
248
- }
249
- .e-bigger .e-xlflmenu .e-xlfl-radiodiv {
250
- width: 138px;
251
- }
252
- .e-bigger .e-xlflmenu .e-xlfl-radio-or,
253
- .e-bigger .e-xlflmenu .e-xlfl-matchcasediv {
254
- margin-left: 18px;
255
- }
256
- .e-bigger .e-xlflmenu .e-xlfl-optr:first-child {
257
- padding-right: 16px;
258
- }
259
- .e-bigger .e-xlflmenu.e-rtl .e-xlfl-optr {
260
- padding-right: 0;
261
- }
262
- .e-bigger .e-xlflmenu .e-xlfl-dlgfields {
263
- font-size: 16px;
264
- }
265
- .e-bigger .e-xlflmenu .e-xlfl-fieldset {
266
- font-size: 14px;
267
- padding-top: 12px;
268
- }
269
- .e-bigger .e-xlflmenu .e-xlfl-optr,
270
- .e-bigger .e-xlflmenu .e-xlfl-value {
271
- padding-top: 16px;
272
- }
273
- .e-bigger .e-xlflmenu .e-xlfl-radio,
274
- .e-bigger .e-xlflmenu .e-xlfl-mtcase {
275
- padding-top: 6px;
276
- }
277
-
278
- .e-bigger .e-excelfilter .e-xlflmenu,
279
- .e-excelfilter.e-bigger .e-xlflmenu {
280
- min-height: 372px;
281
- }
282
- .e-bigger .e-excelfilter .e-ftrchk,
283
- .e-excelfilter.e-bigger .e-ftrchk {
284
- padding-bottom: 12px;
285
- padding-top: 12px;
286
- }
287
- .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li,
288
- .e-bigger .e-excelfilter .e-contextmenu-container ul li,
289
- .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li,
290
- .e-excelfilter.e-bigger .e-contextmenu-container ul li {
291
- height: 48px;
292
- line-height: 48px;
293
- }
294
- .e-bigger .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
295
- .e-bigger .e-excelfilter .e-contextmenu-container ul li .e-menu-icon,
296
- .e-excelfilter.e-bigger .e-contextmenu-wrapper ul li .e-menu-icon,
297
- .e-excelfilter.e-bigger .e-contextmenu-container ul li .e-menu-icon {
298
- height: 48px;
299
- line-height: 48px;
300
- margin-right: 10px;
301
- }
302
- .e-bigger .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret,
303
- .e-excelfilter.e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret {
304
- height: 48px;
305
- line-height: 48px;
306
- margin-right: 0;
307
- }
308
- .e-bigger .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret,
309
- .e-excelfilter.e-bigger.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
310
- margin-left: 0;
311
- }
312
- .e-bigger .e-excelfilter.e-dialog .e-dlg-content,
313
- .e-excelfilter.e-bigger.e-dialog .e-dlg-content {
314
- padding-left: 19.25px;
315
- }
316
- .e-bigger .e-excelfilter .e-ftrchk,
317
- .e-bigger .e-excelfilter .e-searchbox,
318
- .e-excelfilter.e-bigger .e-ftrchk,
319
- .e-excelfilter.e-bigger .e-searchbox {
320
- padding-left: 12px;
321
- }
322
- .e-bigger .e-excelfilter.e-rtl .e-dlg-content,
323
- .e-excelfilter.e-bigger.e-rtl .e-dlg-content {
324
- padding-left: 31.25px;
325
- padding-right: 19.25px;
326
- }
327
- .e-bigger .e-excelfilter.e-rtl .e-ftrchk,
328
- .e-bigger .e-excelfilter.e-rtl .e-searchbox,
329
- .e-excelfilter.e-bigger.e-rtl .e-ftrchk,
330
- .e-excelfilter.e-bigger.e-rtl .e-searchbox {
331
- padding-left: 0;
332
- padding-right: 12px;
333
- }
334
-
335
- .e-excelfilter .e-checkboxlist {
336
- height: 200px;
337
- margin-top: 5px;
338
- min-height: 160px;
339
- overflow-y: auto;
340
- }
341
- .e-excelfilter .e-checkboxfiltertext {
342
- width: 135px;
343
- word-break: normal;
344
- }
345
- .e-excelfilter .e-chk-hidden {
346
- -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
347
- height: 1px;
348
- opacity: 0;
349
- width: 1px;
350
- }
351
- .e-excelfilter .e-contextmenu-wrapper,
352
- .e-excelfilter .e-contextmenu-wrapper ul {
353
- display: block;
354
- }
355
- .e-excelfilter .e-contextmenu-wrapper ul {
356
- padding-bottom: 4px;
357
- position: static;
358
- }
359
- .e-excelfilter .e-contextmenu-wrapper ul li,
360
- .e-excelfilter .e-contextmenu-container ul li {
361
- height: 36px;
362
- line-height: 36px;
363
- }
364
- .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
365
- .e-excelfilter .e-contextmenu-container ul li .e-menu-icon {
366
- height: 36px;
367
- line-height: 36px;
368
- margin-right: 10px;
369
- }
370
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
371
- margin-right: 0;
372
- }
373
- .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
374
- height: 36px;
375
- line-height: 36px;
376
- }
377
- .e-excelfilter .e-contextmenu-wrapper ul,
378
- .e-excelfilter .e-contextmenu-container ul:not(.e-ul) {
379
- border: 0;
380
- border-radius: 0;
381
- box-shadow: none;
382
- max-width: 300px;
383
- padding-bottom: 4px;
384
- position: static;
385
- }
386
- .e-excelfilter .e-footer-content {
387
- border-style: solid;
388
- border-width: 0;
389
- }
390
- .e-excelfilter .e-excel-menu {
391
- z-index: 1000;
392
- }
393
- .e-excelfilter .e-dlg-content {
394
- background-color: #fff;
395
- padding-top: 0;
396
- }
397
- .e-excelfilter .e-contextmenu-wrapper,
398
- .e-excelfilter .e-contextmenu-wrapper ul {
399
- display: block;
400
- }
401
- .e-excelfilter .e-contextmenu-wrapper ul {
402
- padding-bottom: 4px;
403
- position: static;
404
- }
405
- .e-excelfilter .e-contextmenu-wrapper ul li .e-contextmenu-container ul li {
406
- height: 36px;
407
- line-height: 36px;
408
- }
409
- .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
410
- .e-excelfilter .e-contextmenu-container ul li .e-menu-icon {
411
- height: 36px;
412
- line-height: 36px;
413
- margin-right: 10px;
414
- }
415
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul li .e-menu-icon {
416
- margin-right: 0;
417
- }
418
- .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
419
- height: 36px;
420
- line-height: 36px;
421
- margin-right: 0;
422
- }
423
- .e-excelfilter.e-rtl .e-contextmenu-wrapper ul .e-menu-item .e-caret {
424
- margin-left: 0;
425
- }
426
- .e-excelfilter .e-footer-content {
427
- border-style: solid;
428
- border-width: 0;
429
- }
430
- .e-excelfilter .e-excel-menu {
431
- z-index: 1000;
432
- }
433
- .e-excelfilter .e-dlg-content {
434
- padding-top: 0;
435
- }
436
- .e-excelfilter .e-xlsel {
437
- border: 0 solid;
438
- position: absolute;
439
- -webkit-user-select: none;
440
- -ms-user-select: none;
441
- user-select: none;
442
- }
443
- .e-excelfilter.e-dialog .e-dlg-content {
444
- padding-left: 18px;
445
- }
446
- .e-excelfilter .e-ftrchk,
447
- .e-excelfilter .e-searchbox {
448
- padding-left: 7px;
449
- }
450
- .e-excelfilter.e-rtl .e-dlg-content {
451
- padding-left: 25px;
452
- padding-right: 18px;
453
- }
454
- .e-excelfilter.e-rtl .e-ftrchk,
455
- .e-excelfilter.e-rtl .e-searchbox {
456
- padding-left: 0;
457
- padding-right: 7px;
458
- }
459
- .e-excelfilter .e-searchbox {
460
- display: block;
461
- }
462
-
463
- .e-ftrchk {
464
- padding-bottom: 7px;
465
- padding-top: 7px;
466
- }
467
-
468
- .e-excel-menu.e-contextmenu.e-menu-parent {
469
- max-height: 298px;
470
- overflow-y: auto;
471
- }
472
-
473
- .e-bigger .e-excel-menu.e-contextmenu.e-menu-parent {
474
- max-height: 355px;
475
- }
476
-
477
- /*! Excel-Filter theme */
478
- .e-excelfilter .e-footer-content {
479
- border-color: rgba(0, 0, 0, 0.12);
480
- opacity: 1;
481
- }
482
- .e-excelfilter .e-filtered::before {
483
- color: #0078d6;
484
- }
485
- .e-excelfilter .e-dlg-content {
486
- padding-bottom: 0;
487
- }
488
-
489
- li.e-separator.e-menu-item.e-excel-separator {
490
- margin-bottom: 0;
491
- margin-top: 0;
492
- }
493
-
494
- .e-xlsel {
495
- background-color: #0078d6;
496
- border-color: #0078d6;
497
- }
1
+ @import '@syncfusion/ej2-grids/styles/excel-filter/fabric.css';