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
@@ -2921,22 +2921,14 @@ tbody.rs-anim-collapse.rs-anim-in {
2921
2921
  box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
2922
2922
  }
2923
2923
  .rs-calendar-panel .rs-calendar-table-cell-day {
2924
- margin-top: 3px;
2925
2924
  display: block;
2926
2925
  text-align: center;
2927
2926
  }
2928
2927
  .rs-calendar-panel .rs-calendar-month-dropdown {
2929
- margin-top: -2px;
2930
- margin-right: 12px;
2931
- margin-left: 12px;
2932
- top: 54px;
2933
- width: calc(100% - 24px);
2934
- }
2935
- .rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-month-dropdown-scroll {
2936
- height: 644px;
2937
- }
2938
- .rs-calendar-panel.rs-calendar-compact .rs-calendar-month-dropdown-scroll {
2939
- height: 344px;
2928
+ margin-right: 10px;
2929
+ margin-left: 10px;
2930
+ border-radius: 6px;
2931
+ width: calc(100% - 20px);
2940
2932
  }
2941
2933
  .rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
2942
2934
  width: 100%;
@@ -2961,7 +2953,20 @@ tbody.rs-anim-collapse.rs-anim-in {
2961
2953
  border-bottom-left-radius: 6px;
2962
2954
  }
2963
2955
  .rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
2964
- height: 50px;
2956
+ min-height: 38px;
2957
+ display: -webkit-box;
2958
+ display: -ms-flexbox;
2959
+ display: flex;
2960
+ -webkit-box-align: center;
2961
+ -ms-flex-align: center;
2962
+ align-items: center;
2963
+ -webkit-box-pack: center;
2964
+ -ms-flex-pack: center;
2965
+ justify-content: center;
2966
+ -webkit-box-orient: vertical;
2967
+ -webkit-box-direction: normal;
2968
+ -ms-flex-direction: column;
2969
+ flex-direction: column;
2965
2970
  }
2966
2971
  .rs-calendar-btn-close {
2967
2972
  position: absolute;
@@ -2986,8 +2991,12 @@ tbody.rs-anim-collapse.rs-anim-in {
2986
2991
  background-color: var(--rs-btn-subtle-hover-bg);
2987
2992
  }
2988
2993
  .rs-calendar-panel .rs-calendar-btn-close {
2989
- bottom: 11px;
2990
- margin: 0 20px;
2994
+ bottom: 4px;
2995
+ margin: 0 11px;
2996
+ border-radius: 0 0 6px 6px;
2997
+ }
2998
+ .rs-calendar-panel.rs-calendar-bordered .rs-calendar-btn-close {
2999
+ bottom: 5px;
2991
3000
  }
2992
3001
  .rs-calendar-month-view .rs-calendar-header-month-toolbar {
2993
3002
  padding-right: 24px;
@@ -3350,6 +3359,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3350
3359
  background-color: var(--rs-bg-overlay);
3351
3360
  overflow: hidden;
3352
3361
  z-index: 1;
3362
+ height: calc(100% - 48px);
3353
3363
  }
3354
3364
  .rs-calendar-month-view .rs-calendar-month-dropdown {
3355
3365
  display: block;
@@ -3359,7 +3369,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3359
3369
  animation: 0.3s linear slideDown;
3360
3370
  }
3361
3371
  .rs-calendar-month-dropdown-scroll {
3362
- height: 230px;
3372
+ height: 100%;
3363
3373
  }
3364
3374
  .rs-calendar-month-dropdown-row {
3365
3375
  position: relative;
@@ -3382,21 +3392,10 @@ tbody.rs-anim-collapse.rs-anim-in {
3382
3392
  color: var(--rs-text-active);
3383
3393
  }
3384
3394
  .rs-calendar-month-dropdown-list {
3385
- display: block;
3386
- min-width: 200px;
3387
- }
3388
- .rs-calendar-month-dropdown-list::before,
3389
- .rs-calendar-month-dropdown-list::after {
3390
- content: ' ';
3391
- display: table;
3392
- }
3393
- .rs-calendar-month-dropdown-list::after {
3394
- clear: both;
3395
+ display: grid;
3396
+ grid-template-columns: repeat(4, 25%);
3395
3397
  }
3396
3398
  .rs-calendar-month-dropdown-cell {
3397
- display: inline-block;
3398
- float: right;
3399
- width: calc((100% - 1px * 12 ) / 6);
3400
3399
  margin: 1px;
3401
3400
  text-align: center;
3402
3401
  vertical-align: middle;
@@ -3418,8 +3417,6 @@ tbody.rs-anim-collapse.rs-anim-in {
3418
3417
  padding: 5px;
3419
3418
  cursor: pointer;
3420
3419
  border-radius: 6px;
3421
- width: 30px;
3422
- height: 30px;
3423
3420
  }
3424
3421
  .rs-calendar-month-dropdown-cell-content:hover {
3425
3422
  background-color: #f2faff;
@@ -4338,7 +4335,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4338
4335
  position: absolute;
4339
4336
  top: 8px;
4340
4337
  left: 12px;
4341
- padding: 3px;
4342
4338
  color: #717273;
4343
4339
  color: var(--rs-text-secondary);
4344
4340
  }
@@ -4489,7 +4485,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4489
4485
  border-radius: 6px;
4490
4486
  }
4491
4487
  .rs-check-tree-node .rs-check-item.rs-checkbox-disabled .rs-checkbox-label {
4492
- cursor: not-allowed;
4493
4488
  color: #717273;
4494
4489
  color: var(--rs-text-disabled);
4495
4490
  background: none;
@@ -4711,9 +4706,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4711
4706
  color: #fff;
4712
4707
  color: var(--rs-calendar-date-selected-text);
4713
4708
  }
4714
- .rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-scroll {
4715
- height: 227px;
4716
- }
4717
4709
  .rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul {
4718
4710
  height: 198px;
4719
4711
  }
@@ -4758,9 +4750,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4758
4750
  .rs-picker-popup .rs-calendar-month-dropdown {
4759
4751
  z-index: 1;
4760
4752
  }
4761
- .rs-picker-popup .rs-calendar-month-dropdown-list {
4762
- width: 185px;
4763
- }
4764
4753
  .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
4765
4754
  width: 190px;
4766
4755
  }
@@ -12625,7 +12614,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
12625
12614
  position: absolute;
12626
12615
  top: 8px;
12627
12616
  left: 12px;
12628
- padding: 3px;
12629
12617
  color: #717273;
12630
12618
  color: var(--rs-text-secondary);
12631
12619
  }
@@ -14392,9 +14380,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
14392
14380
  right: 0;
14393
14381
  cursor: text;
14394
14382
  }
14395
- .rs-picker-tag.rs-picker-disabled {
14396
- cursor: not-allowed;
14397
- }
14398
14383
  .rs-picker-tag.rs-picker-disabled .rs-picker-toggle {
14399
14384
  position: absolute;
14400
14385
  }
@@ -15516,9 +15501,6 @@ textarea.rs-inline-edit-sm .rs-plaintext {
15516
15501
  display: block;
15517
15502
  bottom: -4px;
15518
15503
  }
15519
- .rs-tree-node-drag-disabled.rs-tree-node-label {
15520
- cursor: not-allowed;
15521
- }
15522
15504
  .rs-tree-node-disabled .rs-tree-node-label {
15523
15505
  background: none;
15524
15506
  color: #b6b7b8;