rsuite 5.30.0 → 5.31.1

package/esm/Calendar/Calendar.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import Calendar from './CalendarContainer';
+import CalendarContainer from './CalendarContainer';
 import { CalendarLocale } from '../locales';
 import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
 export interface CalendarProps extends WithAsProps {
@@ -17,10 +17,12 @@ 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  */
     renderCell?: (date: Date) => React.ReactNode;
 }
-declare const CalendarPanel: RsRefForwardingComponent<typeof Calendar, CalendarProps>;
-export default CalendarPanel;
+declare const Calendar: RsRefForwardingComponent<typeof CalendarContainer, CalendarProps>;
+export default Calendar;

package/esm/Calendar/Calendar.js

@@ -2,14 +2,15 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
-import Calendar from './CalendarContainer';
+import isSameMonth from 'date-fns/isSameMonth';
+import CalendarContainer from './CalendarContainer';
 import Button from '../Button';
 import { FormattedDate } from '../CustomProvider';
 import { useClassNames, useCustom } from '../utils';
 import useCalendarDate from './useCalendarDate';
-var CalendarPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? Calendar : _props$as,
+      Component = _props$as === void 0 ? CalendarContainer : _props$as,
       bordered = props.bordered,
       className = props.className,
       _props$classPrefix = props.classPrefix,
@@ -20,10 +21,11 @@ var CalendarPanel = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "locale", "onChange", "onSelect", "renderCell", "value"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "bordered", "className", "classPrefix", "compact", "defaultValue", "isoWeek", "locale", "onChange", "onMonthChange", "onSelect", "renderCell", "value"]);
 
   var _useCalendarDate = useCalendarDate(value, defaultValue),
       calendarDate = _useCalendarDate.calendarDate,
@@ -42,7 +44,14 @@ var CalendarPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleSelect = 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 = useCallback(function (nextValue) {
+    if (!isSameMonth(nextValue, calendarDate)) {
+      handleChange(nextValue);
+      onMonthChange === null || onMonthChange === void 0 ? void 0 : onMonthChange(nextValue);
+    }
+  }, [calendarDate, handleChange, onMonthChange]);
 
   var _useClassNames = useClassNames(classPrefix),
       prefix = _useClassNames.prefix,
@@ -80,14 +89,14 @@ var CalendarPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
     },
     renderToolbar: renderToolbar,
     renderCell: customRenderCell,
-    onMoveForward: handleChange,
-    onMoveBackward: handleChange,
-    onChangeMonth: handleChange,
+    onMoveForward: handleMonthChange,
+    onMoveBackward: handleMonthChange,
+    onChangeMonth: handleMonthChange,
     onSelect: handleSelect
   }));
 });
-CalendarPanel.displayName = 'CalendarPanel';
-CalendarPanel.propTypes = {
+Calendar.displayName = 'Calendar';
+Calendar.propTypes = {
   value: PropTypes.instanceOf(Date),
   defaultValue: PropTypes.instanceOf(Date),
   isoWeek: PropTypes.bool,
@@ -100,4 +109,4 @@ CalendarPanel.propTypes = {
   onSelect: PropTypes.func,
   renderCell: PropTypes.func
 };
-export default CalendarPanel;
+export default Calendar;

package/esm/Calendar/CalendarContainer.d.ts

@@ -30,8 +30,6 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
     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 */
     isoWeek?: boolean;
     /** Limit showing how many years in the future */

package/esm/Calendar/CalendarContainer.js

@@ -7,8 +7,8 @@ import MonthDropdown from './MonthDropdown';
 import TimeDropdown from './TimeDropdown';
 import CalendarBody from './CalendarBody';
 import CalendarHeader from './CalendarHeader';
-import { useClassNames, composeFunctions } from '../utils';
-import { disabledTime, addMonths, shouldRenderDate, shouldRenderTime, shouldRenderMonth, setDate, isSameMonth, calendarOnlyProps, omitHideDisabledProps } from '../utils/dateUtils';
+import { useClassNames } from '../utils';
+import { disabledTime, addMonths, shouldRenderDate, shouldRenderTime, shouldRenderMonth, isSameMonth, calendarOnlyProps, omitHideDisabledProps } from '../utils/dateUtils';
 import { CalendarProvider } from './CalendarContext';
 import useCalendarState, { CalendarState } from './useCalendarState';
 import AngleUpIcon from '@rsuite/icons/legacy/AngleUp';
@@ -25,7 +25,6 @@ var CalendarContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
       disabledForward = props.disabledForward,
       format = props.format,
       hoverRangeValue = props.hoverRangeValue,
-      inSameMonth = props.inSameMonth,
       _props$isoWeek = props.isoWeek,
       isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,
       limitEndYear = props.limitEndYear,
@@ -46,7 +45,7 @@ var CalendarContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
       showMeridian = props.showMeridian,
       showWeekNumbers = props.showWeekNumbers,
       inline = props.inline,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "dateRange", "disabledBackward", "defaultState", "disabledDate", "disabledForward", "format", "hoverRangeValue", "inSameMonth", "isoWeek", "limitEndYear", "locale", "onChangeMonth", "onChangeTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "calendarDate", "renderCell", "renderTitle", "renderToolbar", "showMeridian", "showWeekNumbers", "inline"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "dateRange", "disabledBackward", "defaultState", "disabledDate", "disabledForward", "format", "hoverRangeValue", "isoWeek", "limitEndYear", "locale", "onChangeMonth", "onChangeTime", "onMouseMove", "onMoveBackward", "onMoveForward", "onSelect", "onToggleMeridian", "onToggleMonthDropdown", "onToggleTimeDropdown", "calendarDate", "renderCell", "renderTitle", "renderToolbar", "showMeridian", "showWeekNumbers", "inline"]);
 
   var _useClassNames = useClassNames(classPrefix),
       withClassPrefix = _useClassNames.withClassPrefix,
@@ -106,12 +105,8 @@ var CalendarContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var showTime = calendarState === CalendarState.TIME || onlyShowTime;
   var showMonth = calendarState === CalendarState.MONTH || onlyShowMonth;
   var inSameThisMonthDate = useCallback(function (date) {
-    return composeFunctions(function (d) {
-      return setDate(d, 1);
-    }, function (d) {
-      return isSameMonth(d, date);
-    })(date);
-  }, []);
+    return isSameMonth(calendarDate, date);
+  }, [calendarDate]);
   var calendarClasses = merge(className, withClassPrefix({
     'time-view': showTime,
     'month-view': showMonth,
@@ -129,7 +124,7 @@ var CalendarContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
       disabledDate: isDisabledDate,
       format: format,
       hoverRangeValue: hoverRangeValue,
-      inSameMonth: inSameMonth !== null && inSameMonth !== void 0 ? inSameMonth : inSameThisMonthDate,
+      inSameMonth: inSameThisMonthDate,
       isoWeek: isoWeek,
       locale: locale,
       onChangeMonth: handleChangeMonth,
@@ -140,7 +135,7 @@ var CalendarContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
       showWeekNumbers: showWeekNumbers,
       inline: inline
     };
-  }, [calendarDate, dateRange, format, handleChangeMonth, hoverRangeValue, inSameMonth, inSameThisMonthDate, inline, isDisabledDate, isoWeek, locale, onChangeTime, onMouseMove, onSelect, renderCell, showWeekNumbers]);
+  }, [calendarDate, dateRange, format, handleChangeMonth, hoverRangeValue, inSameThisMonthDate, inline, isDisabledDate, isoWeek, locale, onChangeTime, onMouseMove, onSelect, renderCell, showWeekNumbers]);
   return /*#__PURE__*/React.createElement(CalendarProvider, {
     value: contextValue
   }, /*#__PURE__*/React.createElement(Component, _extends({}, omitHideDisabledProps(rest), {
@@ -186,7 +181,6 @@ CalendarContainer.propTypes = {
   hideHours: PropTypes.func,
   hideMinutes: PropTypes.func,
   hideSeconds: PropTypes.func,
-  inSameMonth: PropTypes.func,
   isoWeek: PropTypes.bool,
   limitEndYear: PropTypes.number,
   locale: PropTypes.object,

package/esm/Calendar/CalendarHeader.js

@@ -103,13 +103,17 @@ var CalendarHeader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var monthToolbar = /*#__PURE__*/React.createElement("div", {
     className: prefix('month-toolbar')
   }, /*#__PURE__*/React.createElement(IconButton, _extends({}, btnProps, {
+    // TODO: aria-label should be translated by i18n
+    "aria-label": "Previous month",
     className: backwardClass,
     onClick: disabledBackward ? undefined : onMoveBackward,
     icon: /*#__PURE__*/React.createElement(AngleLeftIcon, null)
   })), /*#__PURE__*/React.createElement(Button, _extends({}, btnProps, {
+    "aria-label": "Select month",
     className: dateTitleClasses,
     onClick: onToggleMonthDropdown
   }), renderTitle()), /*#__PURE__*/React.createElement(IconButton, _extends({}, btnProps, {
+    "aria-label": "Next month",
     className: forwardClass,
     onClick: disabledForward ? undefined : onMoveForward,
     icon: /*#__PURE__*/React.createElement(AngleRightIcon, null)

package/esm/DatePicker/DatePicker.js

@@ -343,9 +343,6 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       };
     });
   }, [props]);
-  var inSameMonth = useCallback(function (date) {
-    return DateUtils.isSameMonth(date, calendarDate);
-  }, [calendarDate]);
   var calendar = /*#__PURE__*/React.createElement(CalendarContainer, _extends({}, calendarProps, {
     locale: locale,
     showWeekNumbers: showWeekNumbers,
@@ -357,7 +354,6 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     limitEndYear: limitEndYear,
     format: formatStr,
     isoWeek: isoWeek,
-    inSameMonth: inSameMonth,
     calendarDate: calendarDate,
     onMoveForward: handleMoveForward,
     onMoveBackward: handleMoveBackward,

package/esm/DateRangePicker/Calendar.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import PropTypes from 'prop-types';
 import React, { useCallback } from 'react';
-import { addMonths, isSameMonth } from '../utils/dateUtils';
+import { addMonths } from '../utils/dateUtils';
 import CalendarCore from '../Calendar/CalendarContainer';
 import { DATERANGE_DISABLED_TARGET } from '../utils';
 var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -42,9 +42,6 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleToggleMeridian = useCallback(function (event) {
     onToggleMeridian(index, event);
   }, [index, onToggleMeridian]);
-  var inSameMonth = useCallback(function (date) {
-    return isSameMonth(date, calendarDate[index]);
-  }, [calendarDate, index]);
   var getCalendarDate = useCallback(function () {
     return calendarDate[index];
   }, [calendarDate, index]);
@@ -61,7 +58,6 @@ var Calendar = /*#__PURE__*/React.forwardRef(function (props, ref) {
     format: format,
     dateRange: value,
     disabledDate: disabledMonth,
-    inSameMonth: inSameMonth,
     index: index,
     limitEndYear: limitEndYear,
     onChangeMonth: handleChangeMonth,

package/esm/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/esm/locales/ru_RU.js

@@ -15,7 +15,7 @@ var Calendar = {
   minutes: 'Минут',
   seconds: 'Секунд',
   formattedMonthPattern: 'MMM, yyyy',
-  formattedDayPattern: 'MMM dd, yyyy',
+  formattedDayPattern: 'dd MMM yyyy',
   dateLocale: ru
 };
 export default {
@@ -25,8 +25,8 @@ export default {
   },
   Plaintext: {
     unfilled: 'незаполненной',
-    notSelected: 'Није изабран',
-    notUploaded: 'Није отпремљено'
+    notSelected: 'Не выбрано',
+    notUploaded: 'Не загружено'
   },
   Pagination: {
     more: 'Больше',
@@ -36,7 +36,7 @@ export default {
     last: 'Последняя',
     limit: '{0} / страниц',
     total: 'всего: {0}',
-    skip: 'Идти к{0}'
+    skip: 'Перейти к {0}'
   },
   Calendar: Calendar,
   DatePicker: _extends({}, Calendar),
@@ -55,9 +55,9 @@ export default {
   },
   Uploader: {
     inited: 'Начало',
-    progress: 'Выгрузка',
+    progress: 'Загрузка',
     error: 'Ошибка',
-    complete: 'Завершенно',
+    complete: 'Завершено',
     emptyFile: 'Пусто',
     upload: 'Загрузить'
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.30.0",
+  "version": "5.31.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -37,7 +37,7 @@
     "lodash": "^4.17.11",
     "prop-types": "^15.8.1",
     "react-window": "^1.8.8",
-    "rsuite-table": "^5.10.1",
+    "rsuite-table": "^5.10.3",
     "schema-typed": "^2.1.2"
   },
   "peerDependencies": {

package/toaster/styles/index.less

@@ -63,7 +63,6 @@
     left: @toast-spacing;
 
     .rs-toast-fade-entered {
-      margin-left: auto;
       animation-name: notificationMoveInLeft;
     }
   }