rsuite 5.72.0 → 5.73.1

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 (177) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/Calendar/styles/index.css +28 -31
  3. package/Calendar/styles/index.less +21 -27
  4. package/CheckPicker/styles/index.css +0 -1
  5. package/CheckTree/styles/index.css +0 -1
  6. package/CheckTree/styles/index.less +0 -1
  7. package/CheckTreePicker/styles/index.css +0 -1
  8. package/Checkbox/styles/mixin.less +1 -1
  9. package/DatePicker/styles/index.css +28 -34
  10. package/DatePicker/styles/index.less +0 -4
  11. package/DateRangePicker/styles/index.css +28 -37
  12. package/DateRangePicker/styles/index.less +0 -4
  13. package/InputPicker/styles/index.css +0 -1
  14. package/Pagination/styles/index.css +0 -1
  15. package/RadioTile/styles/index.css +69 -0
  16. package/RadioTile/styles/index.less +3 -1
  17. package/Rate/styles/index.less +1 -1
  18. package/SelectPicker/styles/index.css +0 -1
  19. package/Slider/styles/index.less +1 -1
  20. package/TagInput/styles/index.css +0 -4
  21. package/TagPicker/styles/index.css +0 -4
  22. package/TagPicker/styles/index.less +0 -2
  23. package/TimePicker/styles/index.css +28 -34
  24. package/TimeRangePicker/styles/index.css +28 -37
  25. package/Tree/styles/index.css +0 -3
  26. package/Tree/styles/index.less +0 -6
  27. package/TreePicker/styles/index.css +0 -3
  28. package/cjs/Calendar/CalendarHeader.js +4 -4
  29. package/cjs/Calendar/{MonthDropdown.d.ts → MonthDropdown/MonthDropdown.d.ts} +1 -2
  30. package/cjs/Calendar/{MonthDropdown.js → MonthDropdown/MonthDropdown.js} +14 -20
  31. package/{esm/Calendar → cjs/Calendar/MonthDropdown}/MonthDropdownItem.d.ts +1 -1
  32. package/cjs/Calendar/{MonthDropdownItem.js → MonthDropdown/MonthDropdownItem.js} +6 -6
  33. package/cjs/Calendar/MonthDropdown/index.d.ts +2 -0
  34. package/cjs/Calendar/MonthDropdown/index.js +8 -0
  35. package/cjs/Calendar/hooks/useCalendarState.d.ts +1 -1
  36. package/cjs/Calendar/hooks/useCalendarState.js +15 -8
  37. package/cjs/Calendar/utils/index.d.ts +1 -0
  38. package/cjs/Calendar/utils/index.js +4 -2
  39. package/cjs/Calendar/utils/isEveryDateInMonth.d.ts +1 -0
  40. package/cjs/Calendar/utils/isEveryDateInMonth.js +15 -0
  41. package/cjs/CascadeTree/TreeView.js +3 -3
  42. package/cjs/CustomProvider/CustomProvider.d.ts +31 -13
  43. package/cjs/CustomProvider/CustomProvider.js +20 -6
  44. package/cjs/DatePicker/DatePicker.js +12 -12
  45. package/cjs/DateRangePicker/DateRangePicker.js +1 -1
  46. package/cjs/Drawer/Drawer.js +6 -15
  47. package/cjs/Dropdown/Dropdown.d.ts +1 -1
  48. package/cjs/Dropdown/DropdownItem.d.ts +1 -1
  49. package/cjs/Dropdown/DropdownMenu.d.ts +1 -1
  50. package/cjs/Dropdown/DropdownMenu.js +3 -3
  51. package/cjs/Dropdown/DropdownToggle.d.ts +1 -1
  52. package/cjs/FormControl/hooks/useField.js +3 -0
  53. package/cjs/FormHelpText/FormHelpText.js +2 -2
  54. package/cjs/IconButton/IconButton.d.ts +1 -1
  55. package/cjs/Modal/Modal.d.ts +4 -0
  56. package/cjs/Modal/Modal.js +12 -13
  57. package/cjs/Modal/ModalBody.js +6 -5
  58. package/cjs/Modal/ModalContext.d.ts +4 -0
  59. package/cjs/Modal/ModalHeader.js +4 -4
  60. package/cjs/MultiCascadeTree/TreeView.js +3 -3
  61. package/cjs/Nav/NavDropdownItem.d.ts +1 -1
  62. package/cjs/Nav/NavDropdownMenu.d.ts +1 -1
  63. package/cjs/Nav/NavDropdownMenu.js +3 -3
  64. package/cjs/Nav/NavItem.d.ts +1 -1
  65. package/cjs/Navbar/NavbarDropdown.d.ts +1 -1
  66. package/cjs/Navbar/NavbarDropdownItem.d.ts +1 -1
  67. package/cjs/Navbar/NavbarDropdownMenu.d.ts +1 -1
  68. package/cjs/Navbar/NavbarDropdownMenu.js +3 -3
  69. package/cjs/Navbar/NavbarItem.d.ts +1 -1
  70. package/cjs/Pagination/Pagination.js +5 -5
  71. package/cjs/Panel/AccordionButton.js +2 -2
  72. package/cjs/Sidenav/ExpandedSidenavDropdown.d.ts +1 -1
  73. package/cjs/Sidenav/ExpandedSidenavDropdownItem.d.ts +1 -1
  74. package/cjs/Sidenav/ExpandedSidenavDropdownMenu.d.ts +1 -1
  75. package/cjs/Sidenav/SidenavDropdown.d.ts +1 -1
  76. package/cjs/Sidenav/SidenavDropdownItem.d.ts +1 -1
  77. package/cjs/Sidenav/SidenavDropdownMenu.d.ts +1 -1
  78. package/cjs/Sidenav/SidenavItem.d.ts +1 -1
  79. package/cjs/Sidenav/SidenavToggle.js +3 -3
  80. package/cjs/Steps/StepItem.d.ts +1 -1
  81. package/cjs/internals/Picker/ListItemGroup.js +1 -1
  82. package/cjs/internals/Picker/PickerIndicator.js +2 -2
  83. package/cjs/internals/Picker/PickerToggle.d.ts +1 -1
  84. package/cjs/internals/SearchBox/SearchBox.js +1 -1
  85. package/cjs/internals/constants/statusIcons.js +7 -7
  86. package/cjs/internals/hooks/useFocusVirtualListItem.d.ts +5 -2
  87. package/cjs/internals/hooks/useFocusVirtualListItem.js +23 -7
  88. package/cjs/internals/hooks/useToggleCaret.d.ts +1 -1
  89. package/cjs/locales/hu_HU.d.ts +2 -0
  90. package/cjs/locales/hu_HU.js +3 -1
  91. package/dist/rsuite-no-reset-rtl.css +28 -46
  92. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  93. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  94. package/dist/rsuite-no-reset.css +28 -46
  95. package/dist/rsuite-no-reset.min.css +1 -1
  96. package/dist/rsuite-no-reset.min.css.map +1 -1
  97. package/dist/rsuite-rtl.css +28 -46
  98. package/dist/rsuite-rtl.min.css +1 -1
  99. package/dist/rsuite-rtl.min.css.map +1 -1
  100. package/dist/rsuite.css +28 -46
  101. package/dist/rsuite.js +450 -5234
  102. package/dist/rsuite.js.map +1 -1
  103. package/dist/rsuite.min.css +1 -1
  104. package/dist/rsuite.min.css.map +1 -1
  105. package/dist/rsuite.min.js +1 -1
  106. package/dist/rsuite.min.js.map +1 -1
  107. package/esm/Calendar/CalendarContainer.js +1 -1
  108. package/esm/Calendar/CalendarHeader.js +4 -4
  109. package/esm/Calendar/{MonthDropdown.d.ts → MonthDropdown/MonthDropdown.d.ts} +1 -2
  110. package/esm/Calendar/{MonthDropdown.js → MonthDropdown/MonthDropdown.js} +13 -18
  111. package/{cjs/Calendar → esm/Calendar/MonthDropdown}/MonthDropdownItem.d.ts +1 -1
  112. package/esm/Calendar/{MonthDropdownItem.js → MonthDropdown/MonthDropdownItem.js} +6 -6
  113. package/esm/Calendar/MonthDropdown/index.d.ts +2 -0
  114. package/esm/Calendar/MonthDropdown/index.js +3 -0
  115. package/esm/Calendar/hooks/useCalendarState.d.ts +1 -1
  116. package/esm/Calendar/hooks/useCalendarState.js +16 -9
  117. package/esm/Calendar/utils/index.d.ts +1 -0
  118. package/esm/Calendar/utils/index.js +2 -1
  119. package/esm/Calendar/utils/isEveryDateInMonth.d.ts +1 -0
  120. package/esm/Calendar/utils/isEveryDateInMonth.js +11 -0
  121. package/esm/CascadeTree/TreeView.js +3 -3
  122. package/esm/CustomProvider/CustomProvider.d.ts +31 -13
  123. package/esm/CustomProvider/CustomProvider.js +20 -6
  124. package/esm/DatePicker/DatePicker.js +3 -3
  125. package/esm/DateRangePicker/DateRangePicker.js +2 -2
  126. package/esm/Drawer/Drawer.js +6 -13
  127. package/esm/Dropdown/Dropdown.d.ts +1 -1
  128. package/esm/Dropdown/DropdownItem.d.ts +1 -1
  129. package/esm/Dropdown/DropdownMenu.d.ts +1 -1
  130. package/esm/Dropdown/DropdownMenu.js +3 -3
  131. package/esm/Dropdown/DropdownToggle.d.ts +1 -1
  132. package/esm/FormControl/hooks/useField.js +4 -1
  133. package/esm/FormHelpText/FormHelpText.js +2 -2
  134. package/esm/IconButton/IconButton.d.ts +1 -1
  135. package/esm/Modal/Modal.d.ts +4 -0
  136. package/esm/Modal/Modal.js +13 -14
  137. package/esm/Modal/ModalBody.js +6 -5
  138. package/esm/Modal/ModalContext.d.ts +4 -0
  139. package/esm/Modal/ModalHeader.js +4 -4
  140. package/esm/MultiCascadeTree/TreeView.js +3 -3
  141. package/esm/Nav/NavDropdownItem.d.ts +1 -1
  142. package/esm/Nav/NavDropdownMenu.d.ts +1 -1
  143. package/esm/Nav/NavDropdownMenu.js +3 -3
  144. package/esm/Nav/NavItem.d.ts +1 -1
  145. package/esm/Navbar/NavbarDropdown.d.ts +1 -1
  146. package/esm/Navbar/NavbarDropdownItem.d.ts +1 -1
  147. package/esm/Navbar/NavbarDropdownMenu.d.ts +1 -1
  148. package/esm/Navbar/NavbarDropdownMenu.js +3 -3
  149. package/esm/Navbar/NavbarItem.d.ts +1 -1
  150. package/esm/Pagination/Pagination.js +10 -10
  151. package/esm/Panel/AccordionButton.js +1 -1
  152. package/esm/Sidenav/ExpandedSidenavDropdown.d.ts +1 -1
  153. package/esm/Sidenav/ExpandedSidenavDropdownItem.d.ts +1 -1
  154. package/esm/Sidenav/ExpandedSidenavDropdownMenu.d.ts +1 -1
  155. package/esm/Sidenav/SidenavDropdown.d.ts +1 -1
  156. package/esm/Sidenav/SidenavDropdownItem.d.ts +1 -1
  157. package/esm/Sidenav/SidenavDropdownMenu.d.ts +1 -1
  158. package/esm/Sidenav/SidenavItem.d.ts +1 -1
  159. package/esm/Sidenav/SidenavToggle.js +3 -3
  160. package/esm/Steps/StepItem.d.ts +1 -1
  161. package/esm/internals/Picker/ListItemGroup.js +2 -2
  162. package/esm/internals/Picker/PickerIndicator.js +1 -1
  163. package/esm/internals/Picker/PickerToggle.d.ts +1 -1
  164. package/esm/internals/SearchBox/SearchBox.js +2 -2
  165. package/esm/internals/constants/statusIcons.js +7 -7
  166. package/esm/internals/hooks/useFocusVirtualListItem.d.ts +5 -2
  167. package/esm/internals/hooks/useFocusVirtualListItem.js +23 -7
  168. package/esm/internals/hooks/useToggleCaret.d.ts +1 -1
  169. package/esm/locales/hu_HU.d.ts +2 -0
  170. package/esm/locales/hu_HU.js +3 -1
  171. package/internals/Picker/styles/mixin.less +0 -1
  172. package/package.json +2 -2
  173. package/styles/variables.less +1 -1
  174. package/cjs/Drawer/DrawerContext.d.ts +0 -9
  175. package/cjs/Drawer/DrawerContext.js +0 -9
  176. package/esm/Drawer/DrawerContext.d.ts +0 -9
  177. package/esm/Drawer/DrawerContext.js +0 -4
@@ -3185,22 +3185,14 @@ tbody.rs-anim-collapse.rs-anim-in {
3185
3185
  box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
3186
3186
  }
3187
3187
  .rs-calendar-panel .rs-calendar-table-cell-day {
3188
- margin-top: 3px;
3189
3188
  display: block;
3190
3189
  text-align: center;
3191
3190
  }
3192
3191
  .rs-calendar-panel .rs-calendar-month-dropdown {
3193
- margin-top: -2px;
3194
- margin-right: 12px;
3195
- margin-left: 12px;
3196
- top: 54px;
3197
- width: calc(100% - 24px);
3198
- }
3199
- .rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-month-dropdown-scroll {
3200
- height: 644px;
3201
- }
3202
- .rs-calendar-panel.rs-calendar-compact .rs-calendar-month-dropdown-scroll {
3203
- height: 344px;
3192
+ margin-right: 10px;
3193
+ margin-left: 10px;
3194
+ border-radius: 6px;
3195
+ width: calc(100% - 20px);
3204
3196
  }
3205
3197
  .rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
3206
3198
  width: 100%;
@@ -3225,7 +3217,20 @@ tbody.rs-anim-collapse.rs-anim-in {
3225
3217
  border-bottom-left-radius: 6px;
3226
3218
  }
3227
3219
  .rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
3228
- height: 50px;
3220
+ min-height: 38px;
3221
+ display: -webkit-box;
3222
+ display: -ms-flexbox;
3223
+ display: flex;
3224
+ -webkit-box-align: center;
3225
+ -ms-flex-align: center;
3226
+ align-items: center;
3227
+ -webkit-box-pack: center;
3228
+ -ms-flex-pack: center;
3229
+ justify-content: center;
3230
+ -webkit-box-orient: vertical;
3231
+ -webkit-box-direction: normal;
3232
+ -ms-flex-direction: column;
3233
+ flex-direction: column;
3229
3234
  }
3230
3235
  .rs-calendar-btn-close {
3231
3236
  position: absolute;
@@ -3250,8 +3255,12 @@ tbody.rs-anim-collapse.rs-anim-in {
3250
3255
  background-color: var(--rs-btn-subtle-hover-bg);
3251
3256
  }
3252
3257
  .rs-calendar-panel .rs-calendar-btn-close {
3253
- bottom: 11px;
3254
- margin: 0 20px;
3258
+ bottom: 4px;
3259
+ margin: 0 11px;
3260
+ border-radius: 0 0 6px 6px;
3261
+ }
3262
+ .rs-calendar-panel.rs-calendar-bordered .rs-calendar-btn-close {
3263
+ bottom: 5px;
3255
3264
  }
3256
3265
  .rs-calendar-month-view .rs-calendar-header-month-toolbar {
3257
3266
  padding-right: 24px;
@@ -3614,6 +3623,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3614
3623
  background-color: var(--rs-bg-overlay);
3615
3624
  overflow: hidden;
3616
3625
  z-index: 1;
3626
+ height: calc(100% - 48px);
3617
3627
  }
3618
3628
  .rs-calendar-month-view .rs-calendar-month-dropdown {
3619
3629
  display: block;
@@ -3623,7 +3633,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3623
3633
  animation: 0.3s linear slideDown;
3624
3634
  }
3625
3635
  .rs-calendar-month-dropdown-scroll {
3626
- height: 230px;
3636
+ height: 100%;
3627
3637
  }
3628
3638
  .rs-calendar-month-dropdown-row {
3629
3639
  position: relative;
@@ -3646,21 +3656,10 @@ tbody.rs-anim-collapse.rs-anim-in {
3646
3656
  color: var(--rs-text-active);
3647
3657
  }
3648
3658
  .rs-calendar-month-dropdown-list {
3649
- display: block;
3650
- min-width: 200px;
3651
- }
3652
- .rs-calendar-month-dropdown-list::before,
3653
- .rs-calendar-month-dropdown-list::after {
3654
- content: ' ';
3655
- display: table;
3656
- }
3657
- .rs-calendar-month-dropdown-list::after {
3658
- clear: both;
3659
+ display: grid;
3660
+ grid-template-columns: repeat(4, 25%);
3659
3661
  }
3660
3662
  .rs-calendar-month-dropdown-cell {
3661
- display: inline-block;
3662
- float: right;
3663
- width: calc((100% - 1px * 12 ) / 6);
3664
3663
  margin: 1px;
3665
3664
  text-align: center;
3666
3665
  vertical-align: middle;
@@ -3682,8 +3681,6 @@ tbody.rs-anim-collapse.rs-anim-in {
3682
3681
  padding: 5px;
3683
3682
  cursor: pointer;
3684
3683
  border-radius: 6px;
3685
- width: 30px;
3686
- height: 30px;
3687
3684
  }
3688
3685
  .rs-calendar-month-dropdown-cell-content:hover {
3689
3686
  background-color: #f2faff;
@@ -4602,7 +4599,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4602
4599
  position: absolute;
4603
4600
  top: 8px;
4604
4601
  left: 12px;
4605
- padding: 3px;
4606
4602
  color: #717273;
4607
4603
  color: var(--rs-text-secondary);
4608
4604
  }
@@ -4753,7 +4749,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4753
4749
  border-radius: 6px;
4754
4750
  }
4755
4751
  .rs-check-tree-node .rs-check-item.rs-checkbox-disabled .rs-checkbox-label {
4756
- cursor: not-allowed;
4757
4752
  color: #717273;
4758
4753
  color: var(--rs-text-disabled);
4759
4754
  background: none;
@@ -4975,9 +4970,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4975
4970
  color: #fff;
4976
4971
  color: var(--rs-calendar-date-selected-text);
4977
4972
  }
4978
- .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-scroll {
4979
- height: 227px;
4980
- }
4981
4973
  .rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul {
4982
4974
  height: 198px;
4983
4975
  }
@@ -5022,9 +5014,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
5022
5014
  .rs-picker-popup .rs-calendar-month-dropdown {
5023
5015
  z-index: 1;
5024
5016
  }
5025
- .rs-picker-popup .rs-calendar-month-dropdown-list {
5026
- width: 185px;
5027
- }
5028
5017
  .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
5029
5018
  width: 190px;
5030
5019
  }
@@ -12889,7 +12878,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
12889
12878
  position: absolute;
12890
12879
  top: 8px;
12891
12880
  left: 12px;
12892
- padding: 3px;
12893
12881
  color: #717273;
12894
12882
  color: var(--rs-text-secondary);
12895
12883
  }
@@ -14656,9 +14644,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14656
14644
  right: 0;
14657
14645
  cursor: text;
14658
14646
  }
14659
- .rs-picker-tag.rs-picker-disabled {
14660
- cursor: not-allowed;
14661
- }
14662
14647
  .rs-picker-tag.rs-picker-disabled .rs-picker-toggle {
14663
14648
  position: absolute;
14664
14649
  }
@@ -15780,9 +15765,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
15780
15765
  display: block;
15781
15766
  bottom: -4px;
15782
15767
  }
15783
- .rs-tree-node-drag-disabled.rs-tree-node-label {
15784
- cursor: not-allowed;
15785
- }
15786
15768
  .rs-tree-node-disabled .rs-tree-node-label {
15787
15769
  background: none;
15788
15770
  color: #b6b7b8;