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
@@ -1678,6 +1678,8 @@ tbody.rs-anim-collapse.rs-anim-in {
1678
1678
  -webkit-box-align: end;
1679
1679
  -ms-flex-align: end;
1680
1680
  align-items: flex-end;
1681
+ -ms-flex-wrap: wrap;
1682
+ flex-wrap: wrap;
1681
1683
  }
1682
1684
  .rs-avatar-group-stack .rs-avatar {
1683
1685
  -webkit-box-sizing: content-box;
@@ -4033,6 +4035,8 @@ tbody.rs-anim-collapse.rs-anim-in {
4033
4035
  right: -10px;
4034
4036
  bottom: -10px;
4035
4037
  left: -10px;
4038
+ min-width: 36px;
4039
+ min-height: 36px;
4036
4040
  }
4037
4041
  .rs-checkbox-control::before,
4038
4042
  .rs-checkbox-control .rs-checkbox-inner::before,
@@ -4682,6 +4686,33 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
4682
4686
  border-bottom: 1px solid #e5e5ea;
4683
4687
  border-bottom: 1px solid var(--rs-border-primary);
4684
4688
  }
4689
+ .rs-picker-daterange-header .rs-picker-header-date:focus {
4690
+ background-color: transparent;
4691
+ }
4692
+ .rs-picker-daterange-header.rs-picker-tab-active-end,
4693
+ .rs-picker-daterange-header.rs-picker-tab-active-start {
4694
+ position: relative;
4695
+ display: -webkit-box;
4696
+ display: -ms-flexbox;
4697
+ display: flex;
4698
+ -webkit-box-align: center;
4699
+ -ms-flex-align: center;
4700
+ align-items: center;
4701
+ -ms-flex-pack: distribute;
4702
+ justify-content: space-around;
4703
+ }
4704
+ .rs-picker-daterange-header.rs-picker-tab-active-end::after,
4705
+ .rs-picker-daterange-header.rs-picker-tab-active-start::after {
4706
+ content: ' ';
4707
+ position: absolute;
4708
+ width: 50%;
4709
+ bottom: -1px;
4710
+ border-bottom: 2px solid #3498ff;
4711
+ left: 0;
4712
+ }
4713
+ .rs-picker-daterange-header.rs-picker-tab-active-end::after {
4714
+ left: 50%;
4715
+ }
4685
4716
  .rs-picker-daterange-calendar-group {
4686
4717
  height: 274px;
4687
4718
  min-width: 492px;
@@ -11286,12 +11317,40 @@ textarea.rs-inline-edit-sm .rs-plaintext {
11286
11317
  background: var(--rs-bg-card);
11287
11318
  position: absolute;
11288
11319
  }
11289
- .rs-placeholder-paragraph-rows {
11320
+ .rs-placeholder-paragraph-group {
11290
11321
  width: 100%;
11291
11322
  }
11292
- .rs-placeholder-paragraph-rows > p {
11323
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(9) {
11324
+ width: 75%;
11325
+ }
11326
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(8) {
11327
+ width: 60%;
11328
+ }
11329
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(7) {
11330
+ width: 85%;
11331
+ }
11332
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(6) {
11333
+ width: 70%;
11334
+ }
11335
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(5) {
11336
+ width: 90%;
11337
+ }
11338
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(4) {
11339
+ width: 65%;
11340
+ }
11341
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(3) {
11342
+ width: 80%;
11343
+ }
11344
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(2) {
11345
+ width: 50%;
11346
+ }
11347
+ .rs-placeholder-paragraph .rs-placeholder-row:nth-child(1) {
11348
+ width: 100%;
11349
+ }
11350
+ .rs-placeholder-row {
11293
11351
  background-color: #f2f2f5;
11294
11352
  background-color: var(--rs-placeholder);
11353
+ width: 100%;
11295
11354
  }
11296
11355
  .rs-placeholder-grid-col {
11297
11356
  -webkit-box-flex: 1;
@@ -11308,15 +11367,23 @@ textarea.rs-inline-edit-sm .rs-plaintext {
11308
11367
  -ms-flex-align: end;
11309
11368
  align-items: flex-end;
11310
11369
  }
11311
- .rs-placeholder-grid-col > p {
11312
- background-color: #f2f2f5;
11313
- background-color: var(--rs-placeholder);
11314
- }
11315
11370
  .rs-placeholder-grid-col:first-child {
11316
11371
  -webkit-box-align: start;
11317
11372
  -ms-flex-align: start;
11318
11373
  align-items: flex-start;
11319
11374
  }
11375
+ .rs-placeholder-grid-col .rs-placeholder-row {
11376
+ width: 30%;
11377
+ }
11378
+ .rs-placeholder-grid-col .rs-placeholder-row:nth-child(3) {
11379
+ width: 35%;
11380
+ }
11381
+ .rs-placeholder-grid-col .rs-placeholder-row:nth-child(2) {
11382
+ width: 25%;
11383
+ }
11384
+ .rs-placeholder-grid-col .rs-placeholder-row:nth-child(1) {
11385
+ width: 50%;
11386
+ }
11320
11387
  .rs-placeholder-graph {
11321
11388
  display: inline-block;
11322
11389
  width: 100%;
@@ -12455,6 +12522,9 @@ textarea.rs-inline-edit-sm .rs-plaintext {
12455
12522
  -webkit-transition: none;
12456
12523
  transition: none;
12457
12524
  }
12525
+ .rs-sidenav-nav .rs-dropdown-item {
12526
+ display: block;
12527
+ }
12458
12528
  .rs-sidenav-nav > .rs-sidenav-item,
12459
12529
  .rs-sidenav-nav > .rs-dropdown {
12460
12530
  margin: 0 !important;