rsuite 5.30.0 → 5.31.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# [5.31.0](https://github.com/rsuite/rsuite/compare/v5.30.0...v5.31.0) (2023-04-07)
+
+### Bug Fixes
+
+- **toaster:** fix style when message at the left ([#3138](https://github.com/rsuite/rsuite/issues/3138)) ([6084c2a](https://github.com/rsuite/rsuite/commit/6084c2a35cdd32db1e9a4ec560e9bfaadb7a173c))
+
+### Features
+
+- **Calendar:** add support for `onMonthChange` on `<Calendar>` ([#3150](https://github.com/rsuite/rsuite/issues/3150)) ([8dfe9d6](https://github.com/rsuite/rsuite/commit/8dfe9d6da95a55277d78f712b1d91ea56a70b9bb))
+
 # [5.30.0](https://github.com/rsuite/rsuite/compare/v5.29.0...v5.30.0) (2023-03-31)
 
 ### Bug Fixes

package/cjs/Calendar/Calendar.d.ts

@@ -17,6 +17,8 @@ export interface CalendarProps extends WithAsProps {
     locale?: CalendarLocale;
     /**  Callback fired before the value changed  */
     onChange?: (date: Date) => void;
+    /** Callback fired before the month changed */
+    onMonthChange?: (date: Date) => void;
     /** Callback fired before the date selected */
     onSelect?: (date: Date) => void;
     /** Custom render calendar cells  */

package/cjs/Calendar/Calendar.js

@@ -15,6 +15,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _isSameMonth = _interopRequireDefault(require("date-fns/isSameMonth"));
+
 var _CalendarContainer = _interopRequireDefault(require("./CalendarContainer"));
 
 var _Button = _interopRequireDefault(require("../Button"));
@@ -38,10 +40,11 @@ var CalendarPanel = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       isoWeek = props.isoWeek,
       overrideLocale = props.locale,
       onChange = props.onChange,
+      onMonthChange = props.onMonthChange,
       onSelect = props.onSelect,
       renderCell = props.renderCell,
       value = props.value,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "locale", "onChange", "onSelect", "renderCell", "value"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "locale", "onChange", "onMonthChange", "onSelect", "renderCell", "value"]);
 
   var _useCalendarDate = (0, _useCalendarDate2.default)(value, defaultValue),
       calendarDate = _useCalendarDate.calendarDate,
@@ -60,7 +63,14 @@ var CalendarPanel = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var handleSelect = (0, _react.useCallback)(function (nextValue) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue);
     handleChange(nextValue);
-  }, [handleChange, onSelect]);
+  }, [handleChange, onSelect]); // Trigger onMonthChange when the month changes
+
+  var handleMonthChange = (0, _react.useCallback)(function (nextValue) {
+    if (!(0, _isSameMonth.default)(nextValue, calendarDate)) {
+      handleChange(nextValue);
+      onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(nextValue);
+    }
+  }, [calendarDate, handleChange, onMonthChange]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       prefix = _useClassNames.prefix,
@@ -98,9 +108,9 @@ var CalendarPanel = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     },
     renderToolbar: renderToolbar,
     renderCell: customRenderCell,
-    onMoveForward: handleChange,
-    onMoveBackward: handleChange,
-    onChangeMonth: handleChange,
+    onMoveForward: handleMonthChange,
+    onMoveBackward: handleMonthChange,
+    onChangeMonth: handleMonthChange,
     onSelect: handleSelect
   }));
 });

package/cjs/Calendar/CalendarHeader.js

@@ -125,13 +125,17 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   var monthToolbar = /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('month-toolbar')
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {
+    // TODO: aria-label should be translated by i18n
+    "aria-label": "Previous month",
     className: backwardClass,
     onClick: disabledBackward ? undefined : onMoveBackward,
     icon: /*#__PURE__*/_react.default.createElement(_AngleLeft.default, null)
   })), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {
+    "aria-label": "Select month",
     className: dateTitleClasses,
     onClick: onToggleMonthDropdown
   }), renderTitle()), /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({}, btnProps, {
+    "aria-label": "Next month",
     className: forwardClass,
     onClick: disabledForward ? undefined : onMoveForward,
     icon: /*#__PURE__*/_react.default.createElement(_AngleRight.default, null)

package/cjs/Table/Table.d.ts

@@ -6,7 +6,7 @@ export interface CellProps<T = any> extends Omit<TableCellProps, 'rowData' | 'da
     /** Row Data */
     rowData?: T;
 }
-declare const _default: (<Row extends RowDataType, Key>(props: TableProps<Row, Key> & React.RefAttributes<TableInstance<Row, Key>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+declare const _default: (<Row extends RowDataType<never>, Key>(props: TableProps<Row, Key> & React.RefAttributes<TableInstance<Row, Key>>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     Cell: React.ForwardRefExoticComponent<import("rsuite-table/lib/Cell").InnerCellProps & React.RefAttributes<HTMLDivElement>>;
     Column: typeof Column;
     HeaderCell: React.ForwardRefExoticComponent<import("rsuite-table").HeaderCellProps & React.RefAttributes<HTMLDivElement>>;

package/dist/rsuite-no-reset-rtl.css

@@ -16633,7 +16633,6 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
 }
 .rs-toast-container-bottom-start .rs-toast-fade-entered,
 .rs-toast-container-top-start .rs-toast-fade-entered {
-  margin-right: auto;
   -webkit-animation-name: notificationMoveInLeft;
           animation-name: notificationMoveInLeft;
 }