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-rtl.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-right: 0;
2868
2868
  padding-left: 0;
2869
2869
  }
2870
- .rs-calendar-panel .rs-calendar-show-month-dropdown {
2870
+ .rs-calendar-panel .rs-calendar-month-view {
2871
2871
  padding-right: 0;
2872
2872
  padding-left: 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
+ right: 0;
2948
+ left: 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-right: 24px;
2946
2968
  padding-left: 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,
@@ -3124,7 +3146,7 @@ tbody.rs-anim-collapse.rs-anim-in {
3124
3146
  -webkit-transform: rotate(180deg);
3125
3147
  transform: rotate(180deg);
3126
3148
  }
3127
- .rs-calendar-view {
3149
+ .rs-calendar-body {
3128
3150
  padding: 4px 12px 12px;
3129
3151
  }
3130
3152
  .rs-calendar-table {
@@ -3246,10 +3268,10 @@ tbody.rs-anim-collapse.rs-anim-in {
3246
3268
  overflow: hidden;
3247
3269
  z-index: 1;
3248
3270
  }
3249
- .rs-calendar-show-month-dropdown .rs-calendar-month-dropdown {
3271
+ .rs-calendar-month-view .rs-calendar-month-dropdown {
3250
3272
  display: block;
3251
3273
  }
3252
- .rs-calendar-show-month-dropdown .rs-calendar-month-dropdown-content {
3274
+ .rs-calendar-month-view .rs-calendar-month-dropdown-content {
3253
3275
  -webkit-animation: 0.3s linear slideDown;
3254
3276
  animation: 0.3s linear slideDown;
3255
3277
  }
@@ -3353,10 +3375,10 @@ tbody.rs-anim-collapse.rs-anim-in {
3353
3375
  overflow: hidden;
3354
3376
  z-index: 1;
3355
3377
  }
3356
- .rs-calendar-show-time-dropdown .rs-calendar-time-dropdown {
3378
+ .rs-calendar-time-view .rs-calendar-time-dropdown {
3357
3379
  display: block;
3358
3380
  }
3359
- .rs-calendar-show-time-dropdown .rs-calendar-time-dropdown-content {
3381
+ .rs-calendar-time-view .rs-calendar-time-dropdown-content {
3360
3382
  -webkit-animation: 0.3s linear slideDown;
3361
3383
  animation: 0.3s linear slideDown;
3362
3384
  }
@@ -4454,7 +4476,7 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner::before {
4454
4476
  }
4455
4477
  .rs-picker-daterange-menu .rs-calendar {
4456
4478
  display: inline-block;
4457
- height: 276px;
4479
+ height: 274px;
4458
4480
  padding-bottom: 12px;
4459
4481
  }
4460
4482
  .rs-picker-daterange-menu .rs-calendar:first-child {
@@ -9513,6 +9535,7 @@ textarea.rs-picker-search-input {
9513
9535
  }
9514
9536
  .rs-nav .rs-dropdown > .rs-dropdown-toggle {
9515
9537
  height: 36px;
9538
+ vertical-align: bottom;
9516
9539
  }
9517
9540
  .rs-nav-default .rs-nav-item,
9518
9541
  .rs-nav-tabs .rs-nav-item {