rsuite 5.20.0 → 5.22.0

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 (139) hide show
  1. package/CHANGELOG.md +25 -973
  2. package/CheckTreePicker/styles/index.less +0 -25
  3. package/DatePicker/styles/index.less +11 -0
  4. package/Picker/styles/index.less +0 -10
  5. package/Picker/styles/mixin.less +0 -5
  6. package/README.md +4 -2
  7. package/Table/styles/index.less +12 -7
  8. package/TreePicker/styles/index.less +0 -19
  9. package/Windowing/package.json +7 -0
  10. package/cjs/Calendar/MonthDropdown.d.ts +1 -0
  11. package/cjs/Calendar/MonthDropdown.js +27 -40
  12. package/cjs/Cascader/Cascader.d.ts +2 -2
  13. package/cjs/Cascader/DropdownMenu.js +5 -2
  14. package/cjs/CheckPicker/CheckPicker.d.ts +2 -2
  15. package/cjs/CheckPicker/CheckPicker.js +4 -1
  16. package/cjs/CheckTreePicker/CheckTreePicker.js +37 -39
  17. package/cjs/CustomProvider/CustomProvider.d.ts +1 -108
  18. package/cjs/CustomProvider/CustomProvider.js +2 -5
  19. package/cjs/CustomProvider/index.d.ts +2 -2
  20. package/cjs/CustomProvider/index.js +0 -1
  21. package/cjs/DatePicker/DatePicker.js +25 -3
  22. package/cjs/DatePicker/types.d.ts +1 -0
  23. package/cjs/DateRangePicker/DateRangePicker.js +39 -20
  24. package/cjs/Disclosure/Disclosure.d.ts +2 -2
  25. package/cjs/Disclosure/Disclosure.js +6 -6
  26. package/cjs/InputPicker/InputPicker.js +4 -1
  27. package/cjs/Modal/ModalBody.js +18 -17
  28. package/cjs/MultiCascader/DropdownMenu.js +5 -2
  29. package/cjs/Navbar/NavbarDropdownMenu.js +16 -10
  30. package/cjs/Overlay/OverlayTrigger.d.ts +2 -2
  31. package/cjs/Picker/DropdownMenu.d.ts +2 -1
  32. package/cjs/Picker/DropdownMenu.js +38 -34
  33. package/cjs/Picker/PickerOverlay.d.ts +2 -2
  34. package/cjs/Picker/PickerToggle.js +4 -1
  35. package/cjs/Picker/PickerToggleTrigger.d.ts +2 -2
  36. package/cjs/Picker/PickerToggleTrigger.js +11 -10
  37. package/cjs/Picker/index.d.ts +3 -3
  38. package/cjs/Picker/types.d.ts +7 -5
  39. package/cjs/Picker/utils.d.ts +11 -12
  40. package/cjs/Picker/utils.js +4 -0
  41. package/cjs/SelectPicker/SelectPicker.d.ts +4 -5
  42. package/cjs/SelectPicker/SelectPicker.js +4 -1
  43. package/cjs/Tree/Tree.d.ts +2 -5
  44. package/cjs/TreePicker/TreePicker.js +35 -37
  45. package/cjs/TreePicker/test/TreePicker.test.js +14 -0
  46. package/cjs/Whisper/Whisper.d.ts +3 -3
  47. package/cjs/Whisper/Whisper.js +11 -10
  48. package/cjs/Windowing/AutoSizer.d.ts +25 -0
  49. package/cjs/Windowing/AutoSizer.js +103 -0
  50. package/cjs/Windowing/List.d.ts +45 -0
  51. package/cjs/Windowing/List.js +72 -0
  52. package/cjs/Windowing/index.d.ts +5 -0
  53. package/cjs/Windowing/index.js +19 -0
  54. package/cjs/index.d.ts +1 -0
  55. package/cjs/toaster/ToastContainer.d.ts +2 -1
  56. package/cjs/toaster/ToastContainer.js +27 -26
  57. package/cjs/toaster/toaster.d.ts +1 -1
  58. package/cjs/toaster/toaster.js +43 -13
  59. package/cjs/toaster/useToaster.d.ts +1 -1
  60. package/cjs/utils/index.d.ts +1 -0
  61. package/cjs/utils/index.js +6 -1
  62. package/cjs/utils/render.d.ts +3 -0
  63. package/cjs/utils/render.js +49 -0
  64. package/cjs/utils/treeUtils.d.ts +2 -2
  65. package/cjs/utils/useUniqueId.js +10 -2
  66. package/dist/rsuite-rtl.css +20 -73
  67. package/dist/rsuite-rtl.min.css +1 -1
  68. package/dist/rsuite-rtl.min.css.map +1 -1
  69. package/dist/rsuite.css +20 -73
  70. package/dist/rsuite.js +118 -377
  71. package/dist/rsuite.js.map +1 -1
  72. package/dist/rsuite.min.css +1 -1
  73. package/dist/rsuite.min.css.map +1 -1
  74. package/dist/rsuite.min.js +1 -1
  75. package/dist/rsuite.min.js.LICENSE.txt +2 -0
  76. package/dist/rsuite.min.js.map +1 -1
  77. package/esm/Calendar/MonthDropdown.d.ts +1 -0
  78. package/esm/Calendar/MonthDropdown.js +26 -41
  79. package/esm/Cascader/Cascader.d.ts +2 -2
  80. package/esm/Cascader/DropdownMenu.js +5 -2
  81. package/esm/CheckPicker/CheckPicker.d.ts +2 -2
  82. package/esm/CheckPicker/CheckPicker.js +4 -1
  83. package/esm/CheckTreePicker/CheckTreePicker.js +37 -38
  84. package/esm/CustomProvider/CustomProvider.d.ts +1 -108
  85. package/esm/CustomProvider/CustomProvider.js +2 -4
  86. package/esm/CustomProvider/index.d.ts +2 -2
  87. package/esm/CustomProvider/index.js +2 -2
  88. package/esm/DatePicker/DatePicker.js +22 -3
  89. package/esm/DatePicker/types.d.ts +1 -0
  90. package/esm/DateRangePicker/DateRangePicker.js +39 -20
  91. package/esm/Disclosure/Disclosure.d.ts +2 -2
  92. package/esm/Disclosure/Disclosure.js +6 -6
  93. package/esm/InputPicker/InputPicker.js +4 -1
  94. package/esm/Modal/ModalBody.js +16 -17
  95. package/esm/MultiCascader/DropdownMenu.js +5 -2
  96. package/esm/Navbar/NavbarDropdownMenu.js +14 -8
  97. package/esm/Overlay/OverlayTrigger.d.ts +2 -2
  98. package/esm/Picker/DropdownMenu.d.ts +2 -1
  99. package/esm/Picker/DropdownMenu.js +38 -36
  100. package/esm/Picker/PickerOverlay.d.ts +2 -2
  101. package/esm/Picker/PickerToggle.js +4 -1
  102. package/esm/Picker/PickerToggleTrigger.d.ts +2 -2
  103. package/esm/Picker/PickerToggleTrigger.js +10 -11
  104. package/esm/Picker/index.d.ts +3 -3
  105. package/esm/Picker/types.d.ts +7 -5
  106. package/esm/Picker/utils.d.ts +11 -12
  107. package/esm/Picker/utils.js +4 -0
  108. package/esm/SelectPicker/SelectPicker.d.ts +4 -5
  109. package/esm/SelectPicker/SelectPicker.js +4 -1
  110. package/esm/Tree/Tree.d.ts +2 -5
  111. package/esm/TreePicker/TreePicker.js +34 -35
  112. package/esm/TreePicker/test/TreePicker.test.js +14 -0
  113. package/esm/Whisper/Whisper.d.ts +3 -3
  114. package/esm/Whisper/Whisper.js +10 -11
  115. package/esm/Windowing/AutoSizer.d.ts +25 -0
  116. package/esm/Windowing/AutoSizer.js +88 -0
  117. package/esm/Windowing/List.d.ts +45 -0
  118. package/esm/Windowing/List.js +58 -0
  119. package/esm/Windowing/index.d.ts +5 -0
  120. package/esm/Windowing/index.js +3 -0
  121. package/esm/index.d.ts +1 -0
  122. package/esm/toaster/ToastContainer.d.ts +2 -1
  123. package/esm/toaster/ToastContainer.js +28 -26
  124. package/esm/toaster/toaster.d.ts +1 -1
  125. package/esm/toaster/toaster.js +41 -13
  126. package/esm/toaster/useToaster.d.ts +1 -1
  127. package/esm/utils/index.d.ts +1 -0
  128. package/esm/utils/index.js +1 -0
  129. package/esm/utils/render.d.ts +3 -0
  130. package/esm/utils/render.js +37 -0
  131. package/esm/utils/treeUtils.d.ts +2 -2
  132. package/esm/utils/useUniqueId.js +7 -2
  133. package/package.json +5 -5
  134. package/styles/mixins/listbox.less +0 -5
  135. package/styles/variables.less +1 -0
  136. package/cjs/Picker/VirtualizedList.d.ts +0 -37
  137. package/cjs/Picker/VirtualizedList.js +0 -15
  138. package/esm/Picker/VirtualizedList.d.ts +0 -37
  139. package/esm/Picker/VirtualizedList.js +0 -4
package/dist/rsuite.css CHANGED
@@ -1612,12 +1612,6 @@ tbody.rs-anim-collapse.rs-anim-in {
1612
1612
  cursor: pointer;
1613
1613
  text-decoration: none;
1614
1614
  width: 100%;
1615
- /* stylelint-disable-next-line */
1616
- }
1617
- .ReactVirtualized__Grid .rs-auto-complete-item {
1618
- overflow: hidden;
1619
- text-overflow: ellipsis;
1620
- white-space: nowrap;
1621
1615
  }
1622
1616
  .rs-auto-complete-item:hover,
1623
1617
  .rs-auto-complete-item:focus,
@@ -3739,12 +3733,6 @@ tbody.rs-anim-collapse.rs-anim-in {
3739
3733
  cursor: pointer;
3740
3734
  text-decoration: none;
3741
3735
  width: 100%;
3742
- /* stylelint-disable-next-line */
3743
- }
3744
- .ReactVirtualized__Grid .rs-picker-cascader-row {
3745
- overflow: hidden;
3746
- text-overflow: ellipsis;
3747
- white-space: nowrap;
3748
3736
  }
3749
3737
  .rs-picker-cascader-row:hover {
3750
3738
  background-color: rgba(204, 233, 255, 0.5);
@@ -3847,16 +3835,10 @@ tbody.rs-anim-collapse.rs-anim-in {
3847
3835
  cursor: pointer;
3848
3836
  text-decoration: none;
3849
3837
  width: 100%;
3850
- /* stylelint-disable-next-line */
3851
3838
  position: relative;
3852
3839
  padding: 8px 28px 8px 12px;
3853
3840
  word-break: break-word;
3854
3841
  }
3855
- .ReactVirtualized__Grid .rs-picker-cascader-menu-item {
3856
- overflow: hidden;
3857
- text-overflow: ellipsis;
3858
- white-space: nowrap;
3859
- }
3860
3842
  .rs-picker-cascader-menu-items-has-children .rs-picker-cascader-menu-item {
3861
3843
  padding-right: 32px;
3862
3844
  }
@@ -4184,13 +4166,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4184
4166
  }
4185
4167
  .rs-check-tree.rs-check-tree-virtualized {
4186
4168
  overflow: hidden;
4187
- /* stylelint-disable-next-line */
4188
- }
4189
- .rs-check-tree.rs-check-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List {
4190
- padding: 0 12px 12px 0;
4191
- }
4192
- .rs-check-tree.rs-check-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List:focus {
4193
- outline: none;
4194
4169
  }
4195
4170
  .rs-check-tree .rs-check-item .rs-checkbox-checker > label {
4196
4171
  text-align: left;
@@ -4328,9 +4303,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4328
4303
  .rs-picker-menu .rs-check-tree {
4329
4304
  padding: 0 12px 12px 0;
4330
4305
  }
4331
- .rs-picker-menu .rs-check-tree.rs-check-tree-virtualized {
4332
- padding: 0;
4333
- }
4334
4306
  .rs-picker-menu .rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-text-wrapper {
4335
4307
  overflow: hidden;
4336
4308
  text-overflow: ellipsis;
@@ -4344,17 +4316,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4344
4316
  right: 0;
4345
4317
  padding-right: inherit;
4346
4318
  }
4347
- /* stylelint-disable-next-line */
4348
- .rs-check-tree {
4349
- /* stylelint-disable-next-line */
4350
- }
4351
- .rs-check-tree-node > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
4352
- /* stylelint-disable-next-line */
4353
- }
4354
- [dir='rtl'] .ReactVirtualized__Grid__innerScrollContainer .rs-check-tree-node > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
4355
- padding-right: inherit;
4356
- right: 46px;
4357
- }
4358
4319
  /* rtl:end:ignore */
4359
4320
  .rs-container {
4360
4321
  display: -webkit-box;
@@ -4403,6 +4364,15 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4403
4364
  .rs-picker-date-inline .rs-calendar {
4404
4365
  height: 286px;
4405
4366
  }
4367
+ .rs-picker-date-predefined {
4368
+ height: 325px;
4369
+ border-right: 1px solid #e5e5ea;
4370
+ border-right: 1px solid var(--rs-border-primary);
4371
+ padding: 4px 0;
4372
+ }
4373
+ .rs-picker-date-predefined .rs-btn {
4374
+ display: block;
4375
+ }
4406
4376
  .rs-picker-menu .rs-picker-toolbar {
4407
4377
  max-width: 100%;
4408
4378
  }
@@ -11705,7 +11675,6 @@ textarea.rs-picker-search-input {
11705
11675
  -webkit-box-direction: normal;
11706
11676
  -ms-flex-direction: column;
11707
11677
  flex-direction: column;
11708
- /* stylelint-disable-next-line */
11709
11678
  }
11710
11679
  .rs-theme-high-contrast .rs-picker-menu {
11711
11680
  border: 1px solid #e5e5ea;
@@ -11806,9 +11775,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11806
11775
  .rs-check-tree-menu.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon {
11807
11776
  top: 7px;
11808
11777
  }
11809
- .rs-picker-menu .ReactVirtualized__Grid.ReactVirtualized__List:focus {
11810
- outline: none;
11811
- }
11812
11778
  .rs-picker-menu.rs-picker-inline {
11813
11779
  position: relative;
11814
11780
  -webkit-box-shadow: none;
@@ -11869,7 +11835,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11869
11835
  -webkit-transition: color 0.3s linear, background-color 0.3s linear;
11870
11836
  transition: color 0.3s linear, background-color 0.3s linear;
11871
11837
  line-height: 20px;
11872
- /* stylelint-disable-next-line */
11873
11838
  }
11874
11839
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
11875
11840
  -webkit-transition: none;
@@ -11882,11 +11847,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11882
11847
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
11883
11848
  background: none;
11884
11849
  }
11885
- .ReactVirtualized__Grid .rs-check-item .rs-checkbox-checker > label {
11886
- overflow: hidden;
11887
- text-overflow: ellipsis;
11888
- white-space: nowrap;
11889
- }
11890
11850
  .rs-checkbox-disabled.rs-check-item .rs-checkbox-checker > label {
11891
11851
  cursor: not-allowed;
11892
11852
  }
@@ -13118,12 +13078,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13118
13078
  cursor: pointer;
13119
13079
  text-decoration: none;
13120
13080
  width: 100%;
13121
- /* stylelint-disable-next-line */
13122
- }
13123
- .ReactVirtualized__Grid .rs-picker-select-menu-item {
13124
- overflow: hidden;
13125
- text-overflow: ellipsis;
13126
- white-space: nowrap;
13127
13081
  }
13128
13082
  .rs-picker-select-menu-item:hover,
13129
13083
  .rs-picker-select-menu-item:focus,
@@ -14348,12 +14302,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14348
14302
  -webkit-box-shadow: none;
14349
14303
  box-shadow: none;
14350
14304
  }
14351
- .rs-table-row,
14352
- .rs-table-cell-group,
14353
- .rs-table-cell {
14354
- -webkit-transition: background-color 0.3s linear;
14355
- transition: background-color 0.3s linear;
14356
- }
14357
14305
  .rs-table-hover .rs-table-row:not(.rs-table-row-header):hover,
14358
14306
  .rs-table-hover .rs-table-row:hover .rs-table-cell-group,
14359
14307
  .rs-table-hover .rs-table-row:hover .rs-table-cell {
@@ -14515,6 +14463,17 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14515
14463
  border-bottom: 1px solid #f2f2f5 !important;
14516
14464
  border-bottom: 1px solid var(--rs-border-secondary) !important;
14517
14465
  }
14466
+ .rs-table-cell-full-text:hover {
14467
+ z-index: 1 !important;
14468
+ width: auto !important;
14469
+ -webkit-box-shadow: inset #3498ff 0px 0px 2px;
14470
+ -webkit-box-shadow: inset var(--rs-primary-500) 0px 0px 2px;
14471
+ box-shadow: inset #3498ff 0px 0px 2px;
14472
+ box-shadow: inset var(--rs-primary-500) 0px 0px 2px;
14473
+ }
14474
+ .rs-table-cell-full-text:hover .rs-table-cell-content {
14475
+ width: auto !important;
14476
+ }
14518
14477
  .rs-table-cell-header-sortable .rs-table-cell-content {
14519
14478
  cursor: pointer;
14520
14479
  }
@@ -15596,13 +15555,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15596
15555
  }
15597
15556
  .rs-tree.rs-tree-virtualized {
15598
15557
  overflow: hidden;
15599
- /* stylelint-disable-next-line */
15600
- }
15601
- .rs-tree.rs-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List {
15602
- padding: 0 12px 12px 0;
15603
- }
15604
- .rs-tree.rs-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List:focus {
15605
- outline: none;
15606
15558
  }
15607
15559
  .rs-tree-node {
15608
15560
  position: relative;
@@ -15814,11 +15766,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15814
15766
  right: 0;
15815
15767
  padding-right: inherit;
15816
15768
  }
15817
- /* stylelint-disable */
15818
- [dir='rtl'] .ReactVirtualized__Grid__innerScrollContainer .rs-tree-node > .rs-tree-node-label::before {
15819
- display: none;
15820
- }
15821
- /* stylelint-enable */
15822
15769
  /* rtl:end:ignore */
15823
15770
  .rs-uploader-trigger input[type='file'] {
15824
15771
  position: absolute !important;