rsuite 5.18.0-beta.3 → 5.18.1-beta.4

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 (83) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/Calendar/styles/index.less +30 -11
  3. package/DateRangePicker/styles/index.less +1 -1
  4. package/Nav/styles/index.less +1 -0
  5. package/cjs/Calendar/Calendar.d.ts +20 -55
  6. package/cjs/Calendar/Calendar.js +84 -163
  7. package/cjs/Calendar/CalendarBody.d.ts +4 -0
  8. package/cjs/Calendar/{View.js → CalendarBody.js} +5 -5
  9. package/cjs/Calendar/CalendarContainer.d.ts +61 -0
  10. package/cjs/Calendar/CalendarContainer.js +233 -0
  11. package/cjs/Calendar/{Header.d.ts → CalendarHeader.d.ts} +9 -7
  12. package/cjs/Calendar/{Header.js → CalendarHeader.js} +4 -4
  13. package/cjs/Calendar/Table.js +1 -1
  14. package/cjs/Calendar/TableHeaderRow.js +1 -1
  15. package/cjs/Calendar/TableRow.js +1 -1
  16. package/cjs/Calendar/index.d.ts +6 -5
  17. package/cjs/Calendar/index.js +8 -7
  18. package/cjs/Calendar/useCalendarState.d.ts +11 -0
  19. package/cjs/Calendar/useCalendarState.js +39 -0
  20. package/cjs/DatePicker/DatePicker.js +10 -47
  21. package/cjs/DatePicker/utils.d.ts +1 -8
  22. package/cjs/DatePicker/utils.js +24 -64
  23. package/cjs/DateRangePicker/Calendar.d.ts +1 -1
  24. package/cjs/DateRangePicker/Calendar.js +2 -17
  25. package/cjs/DateRangePicker/DateRangePicker.js +3 -3
  26. package/cjs/DateRangePicker/utils.d.ts +1 -3
  27. package/cjs/DateRangePicker/utils.js +14 -42
  28. package/cjs/List/ListItem.d.ts +1 -0
  29. package/cjs/List/ListItem.js +5 -2
  30. package/cjs/Stack/Stack.js +1 -1
  31. package/cjs/index.d.ts +1 -1
  32. package/cjs/utils/BrowserDetection.d.ts +7 -0
  33. package/cjs/utils/BrowserDetection.js +52 -2
  34. package/cjs/utils/dateUtils.d.ts +4 -4
  35. package/cjs/utils/dateUtils.js +9 -9
  36. package/dist/rsuite-rtl.css +43 -20
  37. package/dist/rsuite-rtl.min.css +1 -1
  38. package/dist/rsuite-rtl.min.css.map +1 -1
  39. package/dist/rsuite.css +43 -20
  40. package/dist/rsuite.js +51 -40
  41. package/dist/rsuite.js.map +1 -1
  42. package/dist/rsuite.min.css +1 -1
  43. package/dist/rsuite.min.css.map +1 -1
  44. package/dist/rsuite.min.js +1 -1
  45. package/dist/rsuite.min.js.map +1 -1
  46. package/esm/Calendar/Calendar.d.ts +20 -55
  47. package/esm/Calendar/Calendar.js +82 -154
  48. package/esm/Calendar/CalendarBody.d.ts +4 -0
  49. package/esm/Calendar/{View.js → CalendarBody.js} +5 -5
  50. package/esm/Calendar/CalendarContainer.d.ts +61 -0
  51. package/esm/Calendar/CalendarContainer.js +208 -0
  52. package/esm/Calendar/{Header.d.ts → CalendarHeader.d.ts} +9 -7
  53. package/esm/Calendar/{Header.js → CalendarHeader.js} +4 -4
  54. package/esm/Calendar/Table.js +1 -1
  55. package/esm/Calendar/TableHeaderRow.js +1 -1
  56. package/esm/Calendar/TableRow.js +1 -1
  57. package/esm/Calendar/index.d.ts +6 -5
  58. package/esm/Calendar/index.js +5 -4
  59. package/esm/Calendar/useCalendarState.d.ts +11 -0
  60. package/esm/Calendar/useCalendarState.js +31 -0
  61. package/esm/DatePicker/DatePicker.js +10 -46
  62. package/esm/DatePicker/utils.d.ts +1 -8
  63. package/esm/DatePicker/utils.js +23 -57
  64. package/esm/DateRangePicker/Calendar.d.ts +1 -1
  65. package/esm/DateRangePicker/Calendar.js +2 -16
  66. package/esm/DateRangePicker/DateRangePicker.js +5 -5
  67. package/esm/DateRangePicker/utils.d.ts +1 -3
  68. package/esm/DateRangePicker/utils.js +13 -33
  69. package/esm/List/ListItem.d.ts +1 -0
  70. package/esm/List/ListItem.js +5 -2
  71. package/esm/Stack/Stack.js +2 -2
  72. package/esm/index.d.ts +1 -1
  73. package/esm/utils/BrowserDetection.d.ts +7 -0
  74. package/esm/utils/BrowserDetection.js +41 -0
  75. package/esm/utils/dateUtils.d.ts +4 -4
  76. package/esm/utils/dateUtils.js +4 -4
  77. package/package.json +1 -1
  78. package/cjs/Calendar/CalendarPanel.d.ts +0 -26
  79. package/cjs/Calendar/CalendarPanel.js +0 -139
  80. package/cjs/Calendar/View.d.ts +0 -4
  81. package/esm/Calendar/CalendarPanel.d.ts +0 -26
  82. package/esm/Calendar/CalendarPanel.js +0 -119
  83. package/esm/Calendar/View.d.ts +0 -4
package/dist/rsuite.css CHANGED
@@ -2854,8 +2854,8 @@ tbody.rs-anim-collapse.rs-anim-in {
2854
2854
  .rs-calendar-panel .rs-calendar-header-backward {
2855
2855
  float: none !important;
2856
2856
  }
2857
- .rs-calendar-panel.rs-calendar-show-month-dropdown .rs-calendar-header-forward,
2858
- .rs-calendar-panel.rs-calendar-show-month-dropdown .rs-calendar-header-backward {
2857
+ .rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-forward,
2858
+ .rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-backward {
2859
2859
  display: inline-block;
2860
2860
  visibility: hidden;
2861
2861
  pointer-events: none;
@@ -2863,11 +2863,11 @@ tbody.rs-anim-collapse.rs-anim-in {
2863
2863
  .rs-calendar-panel .rs-calendar-header-month-toolbar {
2864
2864
  width: auto !important;
2865
2865
  }
2866
- .rs-calendar-panel.rs-calendar-show-month-dropdown .rs-calendar-header-month-toolbar {
2866
+ .rs-calendar-panel.rs-calendar-month-view .rs-calendar-header-month-toolbar {
2867
2867
  padding-left: 0;
2868
2868
  padding-right: 0;
2869
2869
  }
2870
- .rs-calendar-panel .rs-calendar-show-month-dropdown {
2870
+ .rs-calendar-panel .rs-calendar-month-view {
2871
2871
  padding-left: 0;
2872
2872
  padding-right: 0;
2873
2873
  }
@@ -2941,37 +2941,59 @@ tbody.rs-anim-collapse.rs-anim-in {
2941
2941
  .rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
2942
2942
  height: 50px;
2943
2943
  }
2944
- .rs-calendar-show-month-dropdown .rs-calendar-header-month-toolbar {
2944
+ .rs-calendar-btn-close {
2945
+ position: absolute;
2946
+ bottom: 0;
2947
+ left: 0;
2948
+ right: 0;
2949
+ height: 14px;
2950
+ padding: 0;
2951
+ border: 0;
2952
+ display: -webkit-box;
2953
+ display: -ms-flexbox;
2954
+ display: flex;
2955
+ -webkit-box-pack: center;
2956
+ -ms-flex-pack: center;
2957
+ justify-content: center;
2958
+ background: #fff;
2959
+ background: var(--rs-bg-overlay);
2960
+ z-index: 1;
2961
+ }
2962
+ .rs-calendar-panel .rs-calendar-btn-close {
2963
+ bottom: 11px;
2964
+ margin: 0 20px;
2965
+ }
2966
+ .rs-calendar-month-view .rs-calendar-header-month-toolbar {
2945
2967
  padding-left: 24px;
2946
2968
  padding-right: 24px;
2947
2969
  }
2948
- .rs-calendar-show-month-dropdown .rs-calendar-header-backward,
2949
- .rs-calendar-show-month-dropdown .rs-calendar-header-forward {
2970
+ .rs-calendar-month-view .rs-calendar-header-backward,
2971
+ .rs-calendar-month-view .rs-calendar-header-forward {
2950
2972
  display: none;
2951
2973
  }
2952
- .rs-calendar-show-month-dropdown .rs-calendar-header-title-date {
2974
+ .rs-calendar-month-view .rs-calendar-header-title-date {
2953
2975
  color: #1675e0;
2954
2976
  color: var(--rs-text-active);
2955
2977
  background: transparent;
2956
2978
  }
2957
- .rs-calendar-show-month-dropdown .rs-calendar-header-title-date.rs-calendar-header-error {
2979
+ .rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error {
2958
2980
  color: #f44336;
2959
2981
  color: var(--rs-text-error);
2960
2982
  }
2961
- .rs-calendar-show-month-dropdown .rs-calendar-header-title-date.rs-calendar-header-error:focus,
2962
- .rs-calendar-show-month-dropdown .rs-calendar-header-title-date.rs-calendar-header-error:hover:active {
2983
+ .rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:focus,
2984
+ .rs-calendar-month-view .rs-calendar-header-title-date.rs-calendar-header-error:hover:active {
2963
2985
  color: #fff !important;
2964
2986
  }
2965
- .rs-calendar-show-time-dropdown .rs-calendar-header-title-time {
2987
+ .rs-calendar-time-view .rs-calendar-header-title-time {
2966
2988
  color: #1675e0;
2967
2989
  color: var(--rs-text-active);
2968
2990
  background: transparent;
2969
2991
  }
2970
- .rs-calendar-show-time-dropdown .rs-calendar-header-title-time.rs-calendar-header-error {
2992
+ .rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error {
2971
2993
  color: #f44336;
2972
2994
  color: var(--rs-text-error);
2973
2995
  }
2974
- .rs-calendar-show-time-dropdown .rs-calendar-header-title-time.rs-calendar-header-error:hover:active {
2996
+ .rs-calendar-time-view .rs-calendar-header-title-time.rs-calendar-header-error:hover:active {
2975
2997
  color: #fff;
2976
2998
  }
2977
2999
  .rs-calendar-table-cell-selected,
@@ -3126,7 +3148,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3126
3148
  transform: rotate(180deg);
3127
3149
  }
3128
3150
  /* rtl:end:ignore */
3129
- .rs-calendar-view {
3151
+ .rs-calendar-body {
3130
3152
  padding: 4px 12px 12px;
3131
3153
  }
3132
3154
  .rs-calendar-table {
@@ -3248,10 +3270,10 @@ tbody.rs-anim-collapse.rs-anim-in {
3248
3270
  overflow: hidden;
3249
3271
  z-index: 1;
3250
3272
  }
3251
- .rs-calendar-show-month-dropdown .rs-calendar-month-dropdown {
3273
+ .rs-calendar-month-view .rs-calendar-month-dropdown {
3252
3274
  display: block;
3253
3275
  }
3254
- .rs-calendar-show-month-dropdown .rs-calendar-month-dropdown-content {
3276
+ .rs-calendar-month-view .rs-calendar-month-dropdown-content {
3255
3277
  -webkit-animation: 0.3s linear slideDown;
3256
3278
  animation: 0.3s linear slideDown;
3257
3279
  }
@@ -3355,10 +3377,10 @@ tbody.rs-anim-collapse.rs-anim-in {
3355
3377
  overflow: hidden;
3356
3378
  z-index: 1;
3357
3379
  }
3358
- .rs-calendar-show-time-dropdown .rs-calendar-time-dropdown {
3380
+ .rs-calendar-time-view .rs-calendar-time-dropdown {
3359
3381
  display: block;
3360
3382
  }
3361
- .rs-calendar-show-time-dropdown .rs-calendar-time-dropdown-content {
3383
+ .rs-calendar-time-view .rs-calendar-time-dropdown-content {
3362
3384
  -webkit-animation: 0.3s linear slideDown;
3363
3385
  animation: 0.3s linear slideDown;
3364
3386
  }
@@ -4460,7 +4482,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4460
4482
  }
4461
4483
  .rs-picker-daterange-menu .rs-calendar {
4462
4484
  display: inline-block;
4463
- height: 276px;
4485
+ height: 274px;
4464
4486
  padding-bottom: 12px;
4465
4487
  }
4466
4488
  .rs-picker-daterange-menu .rs-calendar:first-child {
@@ -9523,6 +9545,7 @@ textarea.rs-picker-search-input {
9523
9545
  }
9524
9546
  .rs-nav .rs-dropdown > .rs-dropdown-toggle {
9525
9547
  height: 36px;
9548
+ vertical-align: bottom;
9526
9549
  }
9527
9550
  .rs-nav-default .rs-nav-item,
9528
9551
  .rs-nav-tabs .rs-nav-item {