@syncfusion/ej2-react-lists 19.4.55 → 20.2.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/CHANGELOG.md +0 -2
  2. package/dist/ej2-react-lists.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/bootstrap-dark.css +21 -60
  5. package/styles/bootstrap.css +21 -59
  6. package/styles/bootstrap4.css +23 -69
  7. package/styles/bootstrap5-dark.css +30 -73
  8. package/styles/bootstrap5.css +30 -73
  9. package/styles/fabric-dark.css +21 -60
  10. package/styles/fabric.css +21 -59
  11. package/styles/fluent-dark.css +519 -0
  12. package/styles/fluent-dark.scss +2 -0
  13. package/styles/fluent.css +519 -0
  14. package/styles/fluent.scss +2 -0
  15. package/styles/highcontrast-light.css +21 -60
  16. package/styles/highcontrast.css +21 -59
  17. package/styles/list-view/bootstrap-dark.css +20 -56
  18. package/styles/list-view/bootstrap.css +20 -55
  19. package/styles/list-view/bootstrap4.css +22 -65
  20. package/styles/list-view/bootstrap5-dark.css +29 -69
  21. package/styles/list-view/bootstrap5.css +29 -69
  22. package/styles/list-view/fabric-dark.css +20 -56
  23. package/styles/list-view/fabric.css +20 -55
  24. package/styles/list-view/fluent-dark.css +495 -0
  25. package/styles/list-view/fluent-dark.scss +1 -0
  26. package/styles/list-view/fluent.css +495 -0
  27. package/styles/list-view/fluent.scss +1 -0
  28. package/styles/list-view/highcontrast-light.css +20 -56
  29. package/styles/list-view/highcontrast.css +20 -55
  30. package/styles/list-view/material-dark.css +20 -56
  31. package/styles/list-view/material.css +20 -55
  32. package/styles/list-view/tailwind-dark.css +32 -95
  33. package/styles/list-view/tailwind.css +32 -95
  34. package/styles/material-dark.css +21 -60
  35. package/styles/material.css +21 -59
  36. package/styles/sortable/bootstrap-dark.css +2 -5
  37. package/styles/sortable/bootstrap.css +2 -5
  38. package/styles/sortable/bootstrap4.css +2 -5
  39. package/styles/sortable/bootstrap5-dark.css +2 -5
  40. package/styles/sortable/bootstrap5.css +2 -5
  41. package/styles/sortable/fabric-dark.css +2 -5
  42. package/styles/sortable/fabric.css +2 -5
  43. package/styles/sortable/fluent-dark.css +23 -0
  44. package/styles/sortable/fluent-dark.scss +1 -0
  45. package/styles/sortable/fluent.css +23 -0
  46. package/styles/sortable/fluent.scss +1 -0
  47. package/styles/sortable/highcontrast-light.css +2 -5
  48. package/styles/sortable/highcontrast.css +2 -5
  49. package/styles/sortable/material-dark.css +2 -5
  50. package/styles/sortable/material.css +2 -5
  51. package/styles/sortable/tailwind-dark.css +2 -5
  52. package/styles/sortable/tailwind.css +2 -5
  53. package/styles/tailwind-dark.css +33 -99
  54. package/styles/tailwind.css +33 -99
package/CHANGELOG.md CHANGED
@@ -2,8 +2,6 @@
2
2
 
3
3
  ## [Unreleased]
4
4
 
5
- ## 19.4.38 (2021-12-17)
6
-
7
5
  ### ListView
8
6
 
9
7
  #### Bug Fixes
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-react-lists.umd.min.js
3
- * version : 19.4.55
3
+ * version : 20.2.36
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-react-lists@*",
3
- "_id": "@syncfusion/ej2-react-lists@19.4.48",
3
+ "_id": "@syncfusion/ej2-react-lists@20.2.1",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-lT7bIT2gVWanyb/SaLEgigdJL2yfqKKz32bibElMP0v7cY+z8L8Gk6cwswE/3OCcSXz2Kj/zinp9t5mURWXTjw==",
5
+ "_integrity": "sha512-rEjum74wEfr4Scqrcc5dpqAyJafE6FKO9E5roPyUfI32BXAyAhrAOkXRUQUashyTBnpoBy1UhER/ijyPd2wpWQ==",
6
6
  "_location": "/@syncfusion/ej2-react-lists",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-react-lists/-/ej2-react-lists-19.4.48.tgz",
23
- "_shasum": "dad39caff6dc845a73d14ad0a9263c8c288ee9a3",
22
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-react-lists/-/ej2-react-lists-20.2.1.tgz",
23
+ "_shasum": "682fa8dd3ba75adce615f90906a868c76ca25451",
24
24
  "_spec": "@syncfusion/ej2-react-lists@*",
25
25
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-base": "~19.4.52",
35
- "@syncfusion/ej2-lists": "19.4.55",
36
- "@syncfusion/ej2-react-base": "~19.4.55"
34
+ "@syncfusion/ej2-base": "~20.2.36",
35
+ "@syncfusion/ej2-lists": "20.2.36",
36
+ "@syncfusion/ej2-react-base": "~20.2.36"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views. for React",
@@ -76,6 +76,6 @@
76
76
  "type": "git",
77
77
  "url": "git+https://github.com/syncfusion/ej2-react-ui-components.git"
78
78
  },
79
- "version": "19.4.55",
79
+ "version": "20.2.36",
80
80
  "sideEffects": false
81
81
  }
@@ -1,9 +1,8 @@
1
1
  .e-listview .e-icon-collapsible::before {
2
- content: '\e943';
2
+ content: "\e943";
3
3
  }
4
-
5
4
  .e-listview .e-icon-back::before {
6
- content: '\e94b';
5
+ content: "\e94b";
7
6
  font-size: 14px;
8
7
  }
9
8
 
@@ -14,25 +13,21 @@
14
13
  border-right: 0 solid transparent;
15
14
  border-top: 0 solid transparent;
16
15
  }
17
-
18
16
  .e-bigger .e-listview:not(.e-list-template) .e-list-item,
19
17
  .e-listview.e-bigger:not(.e-list-template) .e-list-item {
20
18
  height: 48px;
21
19
  line-height: 45px;
22
20
  position: relative;
23
21
  }
24
-
25
22
  .e-bigger .e-listview .e-text-content,
26
23
  .e-listview.e-bigger .e-text-content {
27
24
  font-size: 15px;
28
25
  }
29
-
30
26
  .e-bigger .e-listview .e-list-group-item,
31
27
  .e-listview.e-bigger .e-list-group-item {
32
28
  height: 48px;
33
29
  line-height: 45px;
34
30
  }
35
-
36
31
  .e-bigger .e-listview .e-list-header,
37
32
  .e-listview.e-bigger .e-list-header {
38
33
  -ms-flex-align: center;
@@ -42,21 +37,22 @@
42
37
  font-weight: bold;
43
38
  height: 48px;
44
39
  }
45
-
46
40
  .e-bigger .e-listview .e-list-header .e-text.header,
47
41
  .e-listview.e-bigger .e-list-header .e-text.header {
48
42
  display: none;
49
43
  }
50
-
51
44
  .e-bigger .e-listview .e-list-header .e-headertemplate-text.nested-header,
52
45
  .e-listview.e-bigger .e-list-header .e-headertemplate-text.nested-header {
53
46
  display: none;
54
47
  }
55
-
56
48
  .e-bigger .e-listview .e-list-header .e-text,
57
49
  .e-listview.e-bigger .e-list-header .e-text {
58
50
  font-size: 15px;
59
51
  }
52
+ .e-bigger .e-listview .e-text-content.e-checkbox .e-list-text,
53
+ .e-listview.e-bigger .e-text-content.e-checkbox .e-list-text {
54
+ width: calc(100% - 40px);
55
+ }
60
56
 
61
57
  .e-listview {
62
58
  -webkit-overflow-scrolling: touch;
@@ -67,14 +63,12 @@
67
63
  position: relative;
68
64
  width: 100%;
69
65
  }
70
-
71
66
  .e-listview:not(.e-list-template) .e-list-item {
72
67
  height: 40px;
73
68
  line-height: 36px;
74
69
  padding: 0 15px;
75
70
  position: relative;
76
71
  }
77
-
78
72
  .e-listview .e-list-item {
79
73
  border-bottom: 0 solid;
80
74
  cursor: pointer;
@@ -112,7 +106,7 @@
112
106
  top: 45px;
113
107
  }
114
108
 
115
- .e-listview .e-but-back {
109
+ .e-listview .e-back-button {
116
110
  cursor: pointer;
117
111
  padding-right: 10px;
118
112
  }
@@ -130,6 +124,9 @@
130
124
  font-weight: 600;
131
125
  padding: 0 15px;
132
126
  }
127
+ .e-listview .e-list-group-item .e-list-text {
128
+ cursor: default;
129
+ }
133
130
 
134
131
  .e-listview .e-icon-collapsible {
135
132
  cursor: pointer;
@@ -208,8 +205,12 @@
208
205
  position: relative;
209
206
  }
210
207
 
211
- .e-listview .e-list-header .e-text {
208
+ .e-listview .e-list-header.e-list-navigation .e-text {
212
209
  cursor: pointer;
210
+ }
211
+
212
+ .e-listview .e-list-header .e-text {
213
+ cursor: default;
213
214
  text-indent: 0;
214
215
  }
215
216
 
@@ -221,35 +222,28 @@
221
222
  .e-listview.e-rtl {
222
223
  direction: rtl;
223
224
  }
224
-
225
225
  .e-listview.e-rtl .e-list-icon {
226
226
  margin-left: 16px;
227
227
  margin-right: 0;
228
228
  }
229
-
230
229
  .e-listview.e-rtl .e-icon-collapsible {
231
230
  left: 0%;
232
231
  right: initial;
233
232
  top: 50%;
234
233
  transform: translateY(-50%) rotate(180deg);
235
234
  }
236
-
237
235
  .e-listview.e-rtl .e-list-header .e-text {
238
236
  cursor: pointer;
239
237
  }
240
-
241
- .e-listview.e-rtl .e-but-back {
238
+ .e-listview.e-rtl .e-back-button {
242
239
  transform: rotate(180deg);
243
240
  }
244
-
245
241
  .e-listview.e-rtl .e-icon-back {
246
242
  margin-top: -1px;
247
243
  }
248
-
249
244
  .e-listview.e-rtl .e-checkbox .e-checkbox-left {
250
245
  margin: -4px 0 0 10px;
251
246
  }
252
-
253
247
  .e-listview.e-rtl .e-checkbox .e-checkbox-right {
254
248
  margin: -4px 10px 0 0;
255
249
  }
@@ -259,7 +253,6 @@
259
253
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
260
254
  font-size: 14px;
261
255
  }
262
-
263
256
  .e-listview .e-list-header {
264
257
  background-color: #6e6e6e;
265
258
  border-color: #414141;
@@ -280,8 +273,7 @@
280
273
  color: #f0f0f0;
281
274
  }
282
275
 
283
- .e-listview .e-list-item.e-hover,
284
- .e-listview .e-list-item.e-hover.e-active.e-checklist {
276
+ .e-listview .e-list-item.e-hover, .e-listview .e-list-item.e-hover.e-active.e-checklist {
285
277
  background-color: #313131;
286
278
  border-color: transparent;
287
279
  color: rgba(255, 255, 255, 0.87);
@@ -297,14 +289,12 @@
297
289
  color: #f0f0f0;
298
290
  }
299
291
 
300
- .e-listview .e-list-item.e-focused,
301
- .e-listview .e-list-item.e-focused.e-active.e-checklist {
292
+ .e-listview .e-list-item.e-focused, .e-listview .e-list-item.e-focused.e-active.e-checklist {
302
293
  background-color: #414141;
303
294
  color: rgba(255, 255, 255, 0.87);
304
295
  }
305
296
 
306
- .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
307
- .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
297
+ .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check, .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
308
298
  background-color: #1a1a1a;
309
299
  border-color: #f0f0f0;
310
300
  color: #f0f0f0;
@@ -321,15 +311,12 @@
321
311
  height: inherit;
322
312
  position: relative;
323
313
  }
324
-
325
314
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) {
326
315
  padding: 0.7142em 1.0714em;
327
316
  }
328
-
329
317
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line {
330
318
  padding: 0.7142em 1.0714em;
331
319
  }
332
-
333
320
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-item-header {
334
321
  color: #fff;
335
322
  display: block;
@@ -341,7 +328,6 @@
341
328
  text-overflow: ellipsis;
342
329
  white-space: nowrap;
343
330
  }
344
-
345
331
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content {
346
332
  color: #393939;
347
333
  display: block;
@@ -350,13 +336,11 @@
350
336
  padding: 0.038em 0;
351
337
  word-wrap: break-word;
352
338
  }
353
-
354
339
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line .e-list-content:not(.e-text-overflow) {
355
340
  overflow: hidden;
356
341
  text-overflow: ellipsis;
357
342
  white-space: nowrap;
358
343
  }
359
-
360
344
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
361
345
  height: 2.8571em;
362
346
  left: 1.0667em;
@@ -364,17 +348,14 @@
364
348
  top: 0.7142em;
365
349
  width: 2.8571em;
366
350
  }
367
-
368
351
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
369
352
  padding-left: 4.6428em;
370
353
  padding-right: 1.0714em;
371
354
  }
372
-
373
355
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
374
356
  padding-left: 1.0714em;
375
357
  padding-right: 4.6428em;
376
358
  }
377
-
378
359
  .e-listview.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
379
360
  height: 2.8571em;
380
361
  position: absolute;
@@ -382,15 +363,12 @@
382
363
  top: 0.7142em;
383
364
  width: 2.8571em;
384
365
  }
385
-
386
366
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar .e-avatar {
387
367
  top: 0.7142em;
388
368
  }
389
-
390
369
  .e-listview.e-list-template .e-list-wrapper.e-list-multi-line.e-list-avatar-right:not(.e-list-badge) .e-avatar {
391
370
  top: 0.7142em;
392
371
  }
393
-
394
372
  .e-listview.e-list-template .e-list-wrapper.e-list-badge .e-badge {
395
373
  font-size: 15px;
396
374
  height: 1.333em;
@@ -402,17 +380,14 @@
402
380
  transform: translateY(-50%);
403
381
  width: 2em;
404
382
  }
405
-
406
383
  .e-listview.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
407
384
  padding-left: 4.6428em;
408
385
  padding-right: 3.9285em;
409
386
  }
410
-
411
387
  .e-listview.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
412
388
  padding-left: 1.0714em;
413
389
  padding-right: 3.9285em;
414
390
  }
415
-
416
391
  .e-listview.e-list-template .e-list-wrapper:not(.e-list-multi-line) .e-list-content {
417
392
  display: block;
418
393
  margin: 0;
@@ -421,53 +396,42 @@
421
396
  text-overflow: ellipsis;
422
397
  white-space: nowrap;
423
398
  }
424
-
425
399
  .e-listview.e-list-template .e-list-item.e-hover .e-list-item-header {
426
400
  color: rgba(255, 255, 255, 0.87);
427
401
  }
428
-
429
402
  .e-listview.e-list-template .e-list-item.e-hover .e-list-content {
430
403
  color: rgba(255, 255, 255, 0.87);
431
404
  }
432
-
433
405
  .e-listview.e-list-template .e-list-item.e-active .e-list-item-header {
434
406
  color: rgba(255, 255, 255, 0.87);
435
407
  }
436
-
437
408
  .e-listview.e-list-template .e-list-item.e-active .e-list-content {
438
409
  color: rgba(255, 255, 255, 0.87);
439
410
  }
440
-
441
411
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar .e-avatar {
442
412
  left: inherit;
443
413
  right: 1.0667em;
444
414
  }
445
-
446
415
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar:not(.e-list-badge) {
447
416
  padding-left: 1.0714em;
448
417
  padding-right: 4.6428em;
449
418
  }
450
-
451
419
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) {
452
420
  padding-left: 4.6428em;
453
421
  padding-right: 1.0714em;
454
422
  }
455
-
456
423
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-avatar-right:not(.e-list-badge) .e-avatar {
457
424
  left: 1.0667em;
458
425
  right: inherit;
459
426
  }
460
-
461
427
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge .e-badge {
462
428
  left: 1em;
463
429
  right: inherit;
464
430
  }
465
-
466
431
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge.e-list-avatar {
467
432
  padding-left: 3.9285em;
468
433
  padding-right: 4.6428em;
469
434
  }
470
-
471
435
  .e-listview.e-rtl.e-list-template .e-list-wrapper.e-list-badge:not(.e-list-avatar) {
472
436
  padding-left: 3.9285em;
473
437
  padding-right: 1.0714em;
@@ -480,22 +444,19 @@
480
444
  -ms-user-select: none;
481
445
  user-select: none;
482
446
  }
483
-
484
447
  .e-sortable .e-disabled {
485
448
  background-image: none;
486
449
  cursor: default;
487
450
  filter: alpha(Opacity=35);
488
- opacity: .35;
451
+ opacity: 0.35;
489
452
  }
490
-
491
453
  .e-sortable * {
492
454
  box-sizing: border-box;
493
455
  }
494
-
495
456
  .e-sortable *:focus {
496
457
  outline: none;
497
458
  }
498
459
 
499
460
  .e-sortableclone {
500
461
  position: fixed !important;
501
- }
462
+ }