rsuite 5.59.0 → 5.59.2

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 (181) hide show
  1. package/AvatarGroup/styles/index.css +2 -0
  2. package/AvatarGroup/styles/index.less +2 -0
  3. package/CHANGELOG.md +26 -0
  4. package/CheckPicker/styles/index.css +2 -0
  5. package/CheckTree/styles/index.css +2 -0
  6. package/CheckTreePicker/styles/index.css +2 -0
  7. package/Checkbox/styles/index.css +2 -0
  8. package/Checkbox/styles/index.less +2 -0
  9. package/DateRangePicker/styles/index.css +27 -0
  10. package/DateRangePicker/styles/index.less +27 -0
  11. package/MultiCascadeTree/styles/index.css +2 -0
  12. package/MultiCascader/styles/index.css +2 -0
  13. package/Placeholder/styles/index.css +42 -6
  14. package/Placeholder/styles/index.less +18 -9
  15. package/Placeholder/styles/mixin.less +7 -0
  16. package/Sidenav/styles/index.css +3 -0
  17. package/Sidenav/styles/index.less +4 -0
  18. package/TagInput/styles/index.css +2 -0
  19. package/TagPicker/styles/index.css +2 -0
  20. package/cjs/@types/common.d.ts +1 -1
  21. package/cjs/Avatar/Avatar.js +16 -8
  22. package/cjs/Avatar/useImage.js +0 -1
  23. package/cjs/AvatarGroup/AvatarGroup.d.ts +1 -0
  24. package/cjs/AvatarGroup/AvatarGroup.js +12 -12
  25. package/cjs/Calendar/CalendarContainer.js +4 -4
  26. package/cjs/Checkbox/Checkbox.js +1 -1
  27. package/cjs/DatePicker/DatePicker.d.ts +3 -38
  28. package/cjs/DatePicker/DatePicker.js +86 -137
  29. package/cjs/DatePicker/PredefinedRanges.d.ts +1 -1
  30. package/cjs/DatePicker/PredefinedRanges.js +3 -3
  31. package/cjs/DatePicker/Toolbar.d.ts +1 -1
  32. package/cjs/DatePicker/Toolbar.js +13 -12
  33. package/cjs/DatePicker/hooks/useFocus.d.ts +13 -0
  34. package/cjs/DatePicker/hooks/useFocus.js +96 -0
  35. package/cjs/DatePicker/hooks/useMonthView.d.ts +10 -0
  36. package/cjs/DatePicker/hooks/useMonthView.js +28 -0
  37. package/cjs/DatePicker/index.d.ts +2 -1
  38. package/cjs/DatePicker/types.d.ts +37 -0
  39. package/cjs/DatePicker/utils.d.ts +9 -0
  40. package/cjs/DatePicker/utils.js +20 -2
  41. package/cjs/DateRangePicker/DateRangePicker.d.ts +15 -3
  42. package/cjs/DateRangePicker/DateRangePicker.js +58 -68
  43. package/cjs/DateRangePicker/DateRangePickerContext.d.ts +4 -1
  44. package/cjs/DateRangePicker/DateRangePickerContext.js +4 -4
  45. package/cjs/DateRangePicker/Header.d.ts +11 -0
  46. package/cjs/DateRangePicker/Header.js +65 -0
  47. package/cjs/DateRangePicker/disabledDateUtils.d.ts +1 -1
  48. package/cjs/DateRangePicker/disabledDateUtils.js +1 -1
  49. package/cjs/DateRangePicker/index.js +5 -0
  50. package/cjs/Form/Form.d.ts +56 -39
  51. package/cjs/Form/Form.js +70 -208
  52. package/cjs/Form/FormContext.d.ts +13 -10
  53. package/cjs/Form/FormContext.js +11 -5
  54. package/cjs/Form/{useFormClassNames.d.ts → hooks/useFormClassNames.d.ts} +2 -2
  55. package/cjs/Form/{useFormClassNames.js → hooks/useFormClassNames.js} +2 -2
  56. package/cjs/Form/hooks/useFormRef.d.ts +55 -0
  57. package/cjs/Form/hooks/useFormRef.js +45 -0
  58. package/cjs/Form/hooks/useFormValidate.d.ts +19 -0
  59. package/cjs/Form/hooks/useFormValidate.js +157 -0
  60. package/cjs/Form/hooks/useFormValue.d.ts +7 -0
  61. package/cjs/Form/hooks/useFormValue.js +42 -0
  62. package/cjs/Form/{useSchemaModel.js → hooks/useSchemaModel.js} +5 -0
  63. package/cjs/Form/index.d.ts +3 -2
  64. package/cjs/Form/index.js +3 -9
  65. package/cjs/FormControl/FormControl.d.ts +1 -1
  66. package/cjs/FormControl/FormControl.js +51 -69
  67. package/cjs/FormControl/hooks/useField.d.ts +18 -0
  68. package/cjs/FormControl/hooks/useField.js +54 -0
  69. package/cjs/FormControl/hooks/useRegisterModel.d.ts +3 -0
  70. package/cjs/FormControl/hooks/useRegisterModel.js +22 -0
  71. package/cjs/FormControl/utils.d.ts +1 -0
  72. package/cjs/FormControl/utils.js +8 -0
  73. package/cjs/FormControlLabel/FormControlLabel.js +12 -9
  74. package/cjs/FormErrorMessage/FormErrorMessage.js +2 -5
  75. package/cjs/FormGroup/FormGroup.d.ts +18 -4
  76. package/cjs/FormGroup/FormGroup.js +28 -2
  77. package/cjs/FormGroup/index.d.ts +1 -0
  78. package/cjs/FormGroup/index.js +4 -3
  79. package/cjs/FormHelpText/FormHelpText.d.ts +2 -1
  80. package/cjs/FormHelpText/FormHelpText.js +16 -9
  81. package/cjs/Input/Input.js +4 -5
  82. package/cjs/Placeholder/PlaceholderGraph.d.ts +13 -1
  83. package/cjs/Placeholder/PlaceholderGrid.d.ts +27 -1
  84. package/cjs/Placeholder/PlaceholderGrid.js +10 -13
  85. package/cjs/Placeholder/PlaceholderParagraph.d.ts +24 -1
  86. package/cjs/Placeholder/PlaceholderParagraph.js +13 -9
  87. package/cjs/utils/dateUtils.d.ts +72 -10
  88. package/cjs/utils/dateUtils.js +88 -29
  89. package/dist/rsuite-no-reset-rtl.css +76 -6
  90. package/dist/rsuite-no-reset-rtl.min.css +1 -1
  91. package/dist/rsuite-no-reset-rtl.min.css.map +1 -1
  92. package/dist/rsuite-no-reset.css +76 -6
  93. package/dist/rsuite-no-reset.min.css +1 -1
  94. package/dist/rsuite-no-reset.min.css.map +1 -1
  95. package/dist/rsuite-rtl.css +76 -6
  96. package/dist/rsuite-rtl.min.css +1 -1
  97. package/dist/rsuite-rtl.min.css.map +1 -1
  98. package/dist/rsuite.css +76 -6
  99. package/dist/rsuite.js +221 -57
  100. package/dist/rsuite.js.map +1 -1
  101. package/dist/rsuite.min.css +1 -1
  102. package/dist/rsuite.min.css.map +1 -1
  103. package/dist/rsuite.min.js +1 -1
  104. package/dist/rsuite.min.js.LICENSE.txt +35 -0
  105. package/dist/rsuite.min.js.map +1 -1
  106. package/esm/@types/common.d.ts +1 -1
  107. package/esm/Avatar/Avatar.js +12 -4
  108. package/esm/Avatar/useImage.js +0 -1
  109. package/esm/AvatarGroup/AvatarGroup.d.ts +1 -0
  110. package/esm/AvatarGroup/AvatarGroup.js +12 -12
  111. package/esm/Calendar/CalendarContainer.js +5 -5
  112. package/esm/Checkbox/Checkbox.js +1 -1
  113. package/esm/DatePicker/DatePicker.d.ts +3 -38
  114. package/esm/DatePicker/DatePicker.js +88 -139
  115. package/esm/DatePicker/PredefinedRanges.d.ts +1 -1
  116. package/esm/DatePicker/PredefinedRanges.js +3 -3
  117. package/esm/DatePicker/Toolbar.d.ts +1 -1
  118. package/esm/DatePicker/Toolbar.js +13 -12
  119. package/esm/DatePicker/hooks/useFocus.d.ts +13 -0
  120. package/esm/DatePicker/hooks/useFocus.js +90 -0
  121. package/esm/DatePicker/hooks/useMonthView.d.ts +10 -0
  122. package/esm/DatePicker/hooks/useMonthView.js +22 -0
  123. package/esm/DatePicker/index.d.ts +2 -1
  124. package/esm/DatePicker/types.d.ts +37 -0
  125. package/esm/DatePicker/utils.d.ts +9 -0
  126. package/esm/DatePicker/utils.js +18 -2
  127. package/esm/DateRangePicker/DateRangePicker.d.ts +15 -3
  128. package/esm/DateRangePicker/DateRangePicker.js +61 -71
  129. package/esm/DateRangePicker/DateRangePickerContext.d.ts +4 -1
  130. package/esm/DateRangePicker/DateRangePickerContext.js +2 -2
  131. package/esm/DateRangePicker/Header.d.ts +11 -0
  132. package/esm/DateRangePicker/Header.js +59 -0
  133. package/esm/DateRangePicker/disabledDateUtils.d.ts +1 -1
  134. package/esm/DateRangePicker/disabledDateUtils.js +1 -1
  135. package/esm/DateRangePicker/index.js +4 -0
  136. package/esm/Form/Form.d.ts +56 -39
  137. package/esm/Form/Form.js +68 -205
  138. package/esm/Form/FormContext.d.ts +13 -10
  139. package/esm/Form/FormContext.js +6 -2
  140. package/esm/Form/{useFormClassNames.d.ts → hooks/useFormClassNames.d.ts} +2 -2
  141. package/esm/Form/{useFormClassNames.js → hooks/useFormClassNames.js} +2 -2
  142. package/esm/Form/hooks/useFormRef.d.ts +55 -0
  143. package/esm/Form/hooks/useFormRef.js +40 -0
  144. package/esm/Form/hooks/useFormValidate.d.ts +19 -0
  145. package/esm/Form/hooks/useFormValidate.js +152 -0
  146. package/esm/Form/hooks/useFormValue.d.ts +7 -0
  147. package/esm/Form/hooks/useFormValue.js +37 -0
  148. package/esm/Form/{useSchemaModel.js → hooks/useSchemaModel.js} +5 -0
  149. package/esm/Form/index.d.ts +3 -2
  150. package/esm/Form/index.js +1 -1
  151. package/esm/FormControl/FormControl.d.ts +1 -1
  152. package/esm/FormControl/FormControl.js +49 -67
  153. package/esm/FormControl/hooks/useField.d.ts +18 -0
  154. package/esm/FormControl/hooks/useField.js +48 -0
  155. package/esm/FormControl/hooks/useRegisterModel.d.ts +3 -0
  156. package/esm/FormControl/hooks/useRegisterModel.js +17 -0
  157. package/esm/FormControl/utils.d.ts +1 -0
  158. package/esm/FormControl/utils.js +4 -0
  159. package/esm/FormControlLabel/FormControlLabel.js +12 -8
  160. package/esm/FormErrorMessage/FormErrorMessage.js +2 -5
  161. package/esm/FormGroup/FormGroup.d.ts +18 -4
  162. package/esm/FormGroup/FormGroup.js +27 -1
  163. package/esm/FormGroup/index.d.ts +1 -0
  164. package/esm/FormGroup/index.js +1 -0
  165. package/esm/FormHelpText/FormHelpText.d.ts +2 -1
  166. package/esm/FormHelpText/FormHelpText.js +17 -9
  167. package/esm/Input/Input.js +4 -5
  168. package/esm/Placeholder/PlaceholderGraph.d.ts +13 -1
  169. package/esm/Placeholder/PlaceholderGrid.d.ts +27 -1
  170. package/esm/Placeholder/PlaceholderGrid.js +10 -13
  171. package/esm/Placeholder/PlaceholderParagraph.d.ts +24 -1
  172. package/esm/Placeholder/PlaceholderParagraph.js +12 -8
  173. package/esm/utils/dateUtils.d.ts +72 -10
  174. package/esm/utils/dateUtils.js +86 -28
  175. package/package.json +2 -2
  176. package/cjs/FormControl/useRegisterModel.d.ts +0 -4
  177. package/cjs/FormControl/useRegisterModel.js +0 -18
  178. package/esm/FormControl/useRegisterModel.d.ts +0 -4
  179. package/esm/FormControl/useRegisterModel.js +0 -13
  180. /package/cjs/Form/{useSchemaModel.d.ts → hooks/useSchemaModel.d.ts} +0 -0
  181. /package/esm/Form/{useSchemaModel.d.ts → hooks/useSchemaModel.d.ts} +0 -0
@@ -1942,6 +1942,8 @@ tbody.rs-anim-collapse.rs-anim-in {
1942
1942
  -webkit-box-align: end;
1943
1943
  -ms-flex-align: end;
1944
1944
  align-items: flex-end;
1945
+ -ms-flex-wrap: wrap;
1946
+ flex-wrap: wrap;
1945
1947
  }
1946
1948
  .rs-avatar-group-stack .rs-avatar {
1947
1949
  -webkit-box-sizing: content-box;
@@ -4293,6 +4295,8 @@ tbody.rs-anim-collapse.rs-anim-in {
4293
4295
  left: -10px;
4294
4296
  bottom: -10px;
4295
4297
  right: -10px;
4298
+ min-width: 36px;
4299
+ min-height: 36px;
4296
4300
  }
4297
4301
  .rs-checkbox-control::before,
4298
4302
  .rs-checkbox-control .rs-checkbox-inner::before,
@@ -4940,6 +4944,33 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4940
4944
  border-bottom: 1px solid #e5e5ea;
4941
4945
  border-bottom: 1px solid var(--rs-border-primary);
4942
4946
  }
4947
+ .rs-picker-daterange-header .rs-picker-header-date:focus {
4948
+ background-color: transparent;
4949
+ }
4950
+ .rs-picker-daterange-header.rs-picker-tab-active-end,
4951
+ .rs-picker-daterange-header.rs-picker-tab-active-start {
4952
+ position: relative;
4953
+ display: -webkit-box;
4954
+ display: -ms-flexbox;
4955
+ display: flex;
4956
+ -webkit-box-align: center;
4957
+ -ms-flex-align: center;
4958
+ align-items: center;
4959
+ -ms-flex-pack: distribute;
4960
+ justify-content: space-around;
4961
+ }
4962
+ .rs-picker-daterange-header.rs-picker-tab-active-end::after,
4963
+ .rs-picker-daterange-header.rs-picker-tab-active-start::after {
4964
+ content: ' ';
4965
+ position: absolute;
4966
+ width: 50%;
4967
+ bottom: -1px;
4968
+ border-bottom: 2px solid #3498ff;
4969
+ right: 0;
4970
+ }
4971
+ .rs-picker-daterange-header.rs-picker-tab-active-end::after {
4972
+ right: 50%;
4973
+ }
4943
4974
  .rs-picker-daterange-calendar-group {
4944
4975
  height: 274px;
4945
4976
  min-width: 492px;
@@ -11538,12 +11569,40 @@ textarea.rs-inline-edit-sm .rs-plaintext {
11538
11569
  background: var(--rs-bg-card);
11539
11570
  position: absolute;
11540
11571
  }
11541
- .rs-placeholder-paragraph-rows {
11572
+ .rs-placeholder-paragraph-group {
11542
11573
  width: 100%;
11543
11574
  }
11544
- .rs-placeholder-paragraph-rows > p {
11575
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(9) {
11576
+ width: 75%;
11577
+ }
11578
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(8) {
11579
+ width: 60%;
11580
+ }
11581
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(7) {
11582
+ width: 85%;
11583
+ }
11584
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(6) {
11585
+ width: 70%;
11586
+ }
11587
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(5) {
11588
+ width: 90%;
11589
+ }
11590
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(4) {
11591
+ width: 65%;
11592
+ }
11593
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(3) {
11594
+ width: 80%;
11595
+ }
11596
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(2) {
11597
+ width: 50%;
11598
+ }
11599
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(1) {
11600
+ width: 100%;
11601
+ }
11602
+ .rs-placeholder-row {
11545
11603
  background-color: #f2f2f5;
11546
11604
  background-color: var(--rs-placeholder);
11605
+ width: 100%;
11547
11606
  }
11548
11607
  .rs-placeholder-grid-col {
11549
11608
  -webkit-box-flex: 1;
@@ -11560,15 +11619,23 @@ textarea.rs-inline-edit-sm .rs-plaintext {
11560
11619
  -ms-flex-align: end;
11561
11620
  align-items: flex-end;
11562
11621
  }
11563
- .rs-placeholder-grid-col > p {
11564
- background-color: #f2f2f5;
11565
- background-color: var(--rs-placeholder);
11566
- }
11567
11622
  .rs-placeholder-grid-col:first-child {
11568
11623
  -webkit-box-align: start;
11569
11624
  -ms-flex-align: start;
11570
11625
  align-items: flex-start;
11571
11626
  }
11627
+ .rs-placeholder-grid-col .rs-placeholder-row {
11628
+ width: 30%;
11629
+ }
11630
+ .rs-placeholder-grid-col .rs-placeholder-row:nth-child(3) {
11631
+ width: 35%;
11632
+ }
11633
+ .rs-placeholder-grid-col .rs-placeholder-row:nth-child(2) {
11634
+ width: 25%;
11635
+ }
11636
+ .rs-placeholder-grid-col .rs-placeholder-row:nth-child(1) {
11637
+ width: 50%;
11638
+ }
11572
11639
  .rs-placeholder-graph {
11573
11640
  display: inline-block;
11574
11641
  width: 100%;
@@ -12703,6 +12770,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
12703
12770
  -webkit-transition: none;
12704
12771
  transition: none;
12705
12772
  }
12773
+ .rs-sidenav-nav .rs-dropdown-item {
12774
+ display: block;
12775
+ }
12706
12776
  .rs-sidenav-nav > .rs-sidenav-item,
12707
12777
  .rs-sidenav-nav > .rs-dropdown {
12708
12778
  margin: 0 !important;