rsuite 5.18.0 → 5.18.1-beta.4

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [5.18.1](https://github.com/rsuite/rsuite/compare/v5.18.0...v5.18.1) (2022-09-15)
+
+### Bug Fixes
+
+- **Nav:** fix incorrect height of <Nav.Menu>, fix [#2678](https://github.com/rsuite/rsuite/issues/2678) ([#2716](https://github.com/rsuite/rsuite/issues/2716)) ([8cefc64](https://github.com/rsuite/rsuite/commit/8cefc64ecfc6614bff4842b193f515064f0b5e3b))
+- **Stack:** fix spacing compat for chrome under 84 ([#2718](https://github.com/rsuite/rsuite/issues/2718)) ([a75b6a6](https://github.com/rsuite/rsuite/commit/a75b6a6b8cf0e2aa11abfde6205ddba57f458414))
+
+### Features
+
+- **Calendar:** add a button to collapse the month and time view ([#2722](https://github.com/rsuite/rsuite/issues/2722)) ([b49bfaf](https://github.com/rsuite/rsuite/commit/b49bfaf5b553d1d13c17ba07951306147091ee44))
+- **List:** add size prop to ListItem ([#2714](https://github.com/rsuite/rsuite/issues/2714)) ([ed3b023](https://github.com/rsuite/rsuite/commit/ed3b02305ef603d2d1b60bedd849f6c946ef7127))
+
 # [5.18.0](https://github.com/rsuite/rsuite/compare/v5.17.1...v5.18.0) (2022-09-08)
 
 ### Bug Fixes

package/Calendar/styles/index.less

@@ -42,8 +42,8 @@
     float: none !important;
   }
 
-  &-panel&-show-month-dropdown &-header-forward,
-  &-panel&-show-month-dropdown &-header-backward {
+  &-panel&-month-view &-header-forward,
+  &-panel&-month-view &-header-backward {
     display: inline-block;
     visibility: hidden;
     pointer-events: none;
@@ -53,12 +53,12 @@
     width: auto !important;
   }
 
-  &-panel&-show-month-dropdown &-header-month-toolbar {
+  &-panel&-month-view &-header-month-toolbar {
     padding-left: 0;
     padding-right: 0;
   }
 
-  &-panel &-show-month-dropdown {
+  &-panel &-month-view {
     padding-left: 0;
     padding-right: 0;
   }
@@ -141,13 +141,32 @@
   &-panel&-compact &-table-row:not(&-table-header-row) &-table-cell-content {
     height: @calendar-panel-compact-cell-height;
   }
+
+  &-btn-close {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 14px;
+    padding: 0;
+    border: 0;
+    display: flex;
+    justify-content: center;
+    background: var(--rs-bg-overlay);
+    z-index: 1;
+  }
+
+  &-panel &-btn-close {
+    bottom: 11px;
+    margin: 0 20px;
+  }
 }
 
 // DatePicker
 // ----------------------
 
 // Show month dropdown
-.rs-calendar-show-month-dropdown {
+.rs-calendar-month-view {
   .rs-calendar-header-month-toolbar {
     padding-left: 24px;
     padding-right: 24px;
@@ -173,7 +192,7 @@
 }
 
 // Show time dropdown
-.rs-calendar-show-time-dropdown {
+.rs-calendar-time-view {
   .rs-calendar-header-title-time {
     .picker-calendar-title-show();
 
@@ -322,7 +341,7 @@
 
 /* rtl:end:ignore */
 
-.rs-calendar-view {
+.rs-calendar-body {
   padding: @calendar-picker-view-padding-top @calendar-picker-padding @calendar-picker-padding;
 }
 
@@ -440,11 +459,11 @@
   overflow: hidden;
   z-index: @zindex-date-range-picker-table-cell-content;
 
-  .rs-calendar-show-month-dropdown & {
+  .rs-calendar-month-view & {
     display: block;
   }
 
-  .rs-calendar-show-month-dropdown &-content {
+  .rs-calendar-month-view &-content {
     animation: 0.3s linear slideDown;
   }
 
@@ -527,11 +546,11 @@
   overflow: hidden;
   z-index: @zindex-date-range-picker-table-cell-content;
 
-  .rs-calendar-show-time-dropdown & {
+  .rs-calendar-time-view & {
     display: block;
   }
 
-  .rs-calendar-show-time-dropdown &-content {
+  .rs-calendar-time-view &-content {
     animation: 0.3s linear slideDown;
   }
 

package/DateRangePicker/styles/index.less

@@ -10,7 +10,7 @@
 .rs-picker-daterange-menu {
   .rs-calendar {
     display: inline-block;
-    height: 276px;
+    height: 274px;
     padding-bottom: 12px;
 
     &:first-child {

package/Nav/styles/index.less

@@ -15,6 +15,7 @@
   // Rest dropdown height
   .rs-dropdown > .rs-dropdown-toggle {
     height: 36px;
+    vertical-align: bottom;
   }
 
   // Ripple

package/Windowing/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "rsuite/Windowing",
+  "private": true,
+  "main": "../cjs/Windowing/index.js",
+  "module": "../esm/Windowing/index.js",
+  "types": "../esm/Windowing/index.d.ts"
+}

package/cjs/Calendar/Calendar.d.ts

@@ -1,61 +1,26 @@
-import React, { HTMLAttributes } from 'react';
-import { HeaderProps } from './Header';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import React from 'react';
+import Calendar from './CalendarContainer';
 import { CalendarLocale } from '../locales';
-export declare enum CalendarState {
-    'DROP_TIME' = "DROP_TIME",
-    'DROP_MONTH' = "DROP_MONTH"
-}
-export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onChange' | 'onMouseMove'>, Omit<HeaderProps, 'onMoveForward' | 'onMoveBackward' | 'showDate' | 'showTime' | 'showMonth'> {
-    /** The status of the calendar display: day, month, time. */
-    calendarState?: CalendarState;
-    /** The panel render based on date range */
-    dateRange?: Date[];
-    /** Disabled date */
-    disabledDate?: (date: Date) => boolean;
-    /** Disabled hours */
-    disabledHours?: (hour: number, date: Date) => boolean;
-    /** Disabled minutes */
-    disabledMinutes?: (minute: number, date: Date) => boolean;
-    /** Hidden seconds */
-    disabledSeconds?: (second: number, date: Date) => boolean;
-    /** Format str */
-    format: string;
-    /** Hidden hours */
-    hideHours?: (hour: number, date: Date) => boolean;
-    /** Hidden minutes */
-    hideMinutes?: (minute: number, date: Date) => boolean;
-    /** Hidden seconds */
-    hideSeconds?: (second: number, date: Date) => boolean;
-    /** The value that mouse hover on in range selection */
-    hoverRangeValue?: [Date, Date];
-    /** Is it in the same month as today */
-    inSameMonth?: (date: Date) => boolean;
-    /** ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day */
+import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+export interface CalendarProps extends WithAsProps {
+    /** Controlled value */
+    value?: Date;
+    /** Default value  */
+    defaultValue?: Date;
+    /** ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day  */
     isoWeek?: boolean;
-    /** Limit showing how many years in the future */
-    limitEndYear?: number;
+    /** Display a compact calendar   */
+    compact?: boolean;
+    /** Show border   */
+    bordered?: boolean;
     /** Custom locale */
-    locale: CalendarLocale;
-    /** Callback after the date has changed */
-    onChangePageDate?: (nextPageDate: Date, event: React.MouseEvent) => void;
-    /** Callback after the time has changed */
-    onChangePageTime?: (nextPageTime: Date, event: React.MouseEvent) => void;
-    /** Callback after mouse enter other date cell */
-    onMouseMove?: (date: Date) => void;
-    /** Switch to the callback triggered after the previous month. */
-    onMoveBackward?: (nextPageDate: Date) => void;
-    /** Switch to the callback triggered after the next month. */
-    onMoveForward?: (nextPageDate: Date) => void;
+    locale?: CalendarLocale;
+    /**  Callback fired before the value changed  */
+    onChange?: (date: Date) => void;
     /** Callback fired before the date selected */
-    onSelect?: (date: Date, event: React.MouseEvent) => void;
-    /** Date displayed on the current page */
-    calendarDate: Date;
-    /** Custom rendering cell*/
+    onSelect?: (date: Date) => void;
+    /** Custom render calendar cells  */
     renderCell?: (date: Date) => React.ReactNode;
-    /** Whether to show week numbers */
-    showWeekNumbers?: boolean;
-    inline?: boolean;
 }
-declare const Calendar: RsRefForwardingComponent<'div', CalendarProps>;
-export default Calendar;
+declare const CalendarPanel: RsRefForwardingComponent<typeof Calendar, CalendarProps>;
+export default CalendarPanel;