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
@@ -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,
@@ -3737,12 +3731,6 @@ tbody.rs-anim-collapse.rs-anim-in {
3737
3731
  cursor: pointer;
3738
3732
  text-decoration: none;
3739
3733
  width: 100%;
3740
- /* stylelint-disable-next-line */
3741
- }
3742
- .ReactVirtualized__Grid .rs-picker-cascader-row {
3743
- overflow: hidden;
3744
- text-overflow: ellipsis;
3745
- white-space: nowrap;
3746
3734
  }
3747
3735
  .rs-picker-cascader-row:hover {
3748
3736
  background-color: rgba(204, 233, 255, 0.5);
@@ -3845,16 +3833,10 @@ tbody.rs-anim-collapse.rs-anim-in {
3845
3833
  cursor: pointer;
3846
3834
  text-decoration: none;
3847
3835
  width: 100%;
3848
- /* stylelint-disable-next-line */
3849
3836
  position: relative;
3850
3837
  padding: 8px 12px 8px 28px;
3851
3838
  word-break: break-word;
3852
3839
  }
3853
- .ReactVirtualized__Grid .rs-picker-cascader-menu-item {
3854
- overflow: hidden;
3855
- text-overflow: ellipsis;
3856
- white-space: nowrap;
3857
- }
3858
3840
  .rs-picker-cascader-menu-items-has-children .rs-picker-cascader-menu-item {
3859
3841
  padding-left: 32px;
3860
3842
  }
@@ -4180,13 +4162,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4180
4162
  }
4181
4163
  .rs-check-tree.rs-check-tree-virtualized {
4182
4164
  overflow: hidden;
4183
- /* stylelint-disable-next-line */
4184
- }
4185
- .rs-check-tree.rs-check-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List {
4186
- padding: 0 0 12px 12px;
4187
- }
4188
- .rs-check-tree.rs-check-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List:focus {
4189
- outline: none;
4190
4165
  }
4191
4166
  .rs-check-tree .rs-check-item .rs-checkbox-checker > label {
4192
4167
  text-align: right;
@@ -4324,9 +4299,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4324
4299
  .rs-picker-menu .rs-check-tree {
4325
4300
  padding: 0 0 12px 12px;
4326
4301
  }
4327
- .rs-picker-menu .rs-check-tree.rs-check-tree-virtualized {
4328
- padding: 0;
4329
- }
4330
4302
  .rs-picker-menu .rs-check-tree-node > .rs-check-tree-node-label .rs-check-tree-node-text-wrapper {
4331
4303
  overflow: hidden;
4332
4304
  text-overflow: ellipsis;
@@ -4339,17 +4311,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4339
4311
  right: 0;
4340
4312
  padding-right: inherit;
4341
4313
  }
4342
- /* stylelint-disable-next-line */
4343
- .rs-check-tree {
4344
- /* stylelint-disable-next-line */
4345
- }
4346
- .rs-check-tree-node > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
4347
- /* stylelint-disable-next-line */
4348
- }
4349
- [dir='rtl'] .ReactVirtualized__Grid__innerScrollContainer .rs-check-tree-node > .rs-check-tree-node-label .rs-check-item .rs-checkbox-checker > label::before {
4350
- padding-right: inherit;
4351
- right: 46px;
4352
- }
4353
4314
  .rs-container {
4354
4315
  display: -webkit-box;
4355
4316
  display: -ms-flexbox;
@@ -4397,6 +4358,15 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4397
4358
  .rs-picker-date-inline .rs-calendar {
4398
4359
  height: 286px;
4399
4360
  }
4361
+ .rs-picker-date-predefined {
4362
+ height: 325px;
4363
+ border-left: 1px solid #e5e5ea;
4364
+ border-left: 1px solid var(--rs-border-primary);
4365
+ padding: 4px 0;
4366
+ }
4367
+ .rs-picker-date-predefined .rs-btn {
4368
+ display: block;
4369
+ }
4400
4370
  .rs-picker-menu .rs-picker-toolbar {
4401
4371
  max-width: 100%;
4402
4372
  }
@@ -11693,7 +11663,6 @@ textarea.rs-picker-search-input {
11693
11663
  -webkit-box-direction: normal;
11694
11664
  -ms-flex-direction: column;
11695
11665
  flex-direction: column;
11696
- /* stylelint-disable-next-line */
11697
11666
  }
11698
11667
  .rs-theme-high-contrast .rs-picker-menu {
11699
11668
  border: 1px solid #e5e5ea;
@@ -11794,9 +11763,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11794
11763
  .rs-check-tree-menu.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-search-icon {
11795
11764
  top: 7px;
11796
11765
  }
11797
- .rs-picker-menu .ReactVirtualized__Grid.ReactVirtualized__List:focus {
11798
- outline: none;
11799
- }
11800
11766
  .rs-picker-menu.rs-picker-inline {
11801
11767
  position: relative;
11802
11768
  -webkit-box-shadow: none;
@@ -11857,7 +11823,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11857
11823
  -webkit-transition: color 0.3s linear, background-color 0.3s linear;
11858
11824
  transition: color 0.3s linear, background-color 0.3s linear;
11859
11825
  line-height: 20px;
11860
- /* stylelint-disable-next-line */
11861
11826
  }
11862
11827
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label {
11863
11828
  -webkit-transition: none;
@@ -11870,11 +11835,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
11870
11835
  .rs-theme-high-contrast .rs-check-item .rs-checkbox-checker > label::before {
11871
11836
  background: none;
11872
11837
  }
11873
- .ReactVirtualized__Grid .rs-check-item .rs-checkbox-checker > label {
11874
- overflow: hidden;
11875
- text-overflow: ellipsis;
11876
- white-space: nowrap;
11877
- }
11878
11838
  .rs-checkbox-disabled.rs-check-item .rs-checkbox-checker > label {
11879
11839
  cursor: not-allowed;
11880
11840
  }
@@ -13102,12 +13062,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
13102
13062
  cursor: pointer;
13103
13063
  text-decoration: none;
13104
13064
  width: 100%;
13105
- /* stylelint-disable-next-line */
13106
- }
13107
- .ReactVirtualized__Grid .rs-picker-select-menu-item {
13108
- overflow: hidden;
13109
- text-overflow: ellipsis;
13110
- white-space: nowrap;
13111
13065
  }
13112
13066
  .rs-picker-select-menu-item:hover,
13113
13067
  .rs-picker-select-menu-item:focus,
@@ -14332,12 +14286,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14332
14286
  -webkit-box-shadow: none;
14333
14287
  box-shadow: none;
14334
14288
  }
14335
- .rs-table-row,
14336
- .rs-table-cell-group,
14337
- .rs-table-cell {
14338
- -webkit-transition: background-color 0.3s linear;
14339
- transition: background-color 0.3s linear;
14340
- }
14341
14289
  .rs-table-hover .rs-table-row:not(.rs-table-row-header):hover,
14342
14290
  .rs-table-hover .rs-table-row:hover .rs-table-cell-group,
14343
14291
  .rs-table-hover .rs-table-row:hover .rs-table-cell {
@@ -14499,6 +14447,17 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
14499
14447
  border-bottom: 1px solid #f2f2f5 !important;
14500
14448
  border-bottom: 1px solid var(--rs-border-secondary) !important;
14501
14449
  }
14450
+ .rs-table-cell-full-text:hover {
14451
+ z-index: 1 !important;
14452
+ width: auto !important;
14453
+ -webkit-box-shadow: inset #3498ff 0px 0px 2px;
14454
+ -webkit-box-shadow: inset var(--rs-primary-500) 0px 0px 2px;
14455
+ box-shadow: inset #3498ff 0px 0px 2px;
14456
+ box-shadow: inset var(--rs-primary-500) 0px 0px 2px;
14457
+ }
14458
+ .rs-table-cell-full-text:hover .rs-table-cell-content {
14459
+ width: auto !important;
14460
+ }
14502
14461
  .rs-table-cell-header-sortable .rs-table-cell-content {
14503
14462
  cursor: pointer;
14504
14463
  }
@@ -15576,13 +15535,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15576
15535
  }
15577
15536
  .rs-tree.rs-tree-virtualized {
15578
15537
  overflow: hidden;
15579
- /* stylelint-disable-next-line */
15580
- }
15581
- .rs-tree.rs-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List {
15582
- padding: 0 0 12px 12px;
15583
- }
15584
- .rs-tree.rs-tree-virtualized .ReactVirtualized__Grid.ReactVirtualized__List:focus {
15585
- outline: none;
15586
15538
  }
15587
15539
  .rs-tree-node {
15588
15540
  position: relative;
@@ -15793,11 +15745,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
15793
15745
  right: 0;
15794
15746
  padding-right: inherit;
15795
15747
  }
15796
- /* stylelint-disable */
15797
- [dir='rtl'] .ReactVirtualized__Grid__innerScrollContainer .rs-tree-node > .rs-tree-node-label::before {
15798
- display: none;
15799
- }
15800
- /* stylelint-enable */
15801
15748
  .rs-uploader-trigger input[type='file'] {
15802
15749
  position: absolute !important;
15803
15750
  clip: rect(1px 1px 1px 1px);