rsuite 5.2.3 → 5.4.1

package/cjs/AvatarGroup/AvatarGroup.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = exports.AvatarGroupContext = void 0;
+
+var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("../utils");
+
+var AvatarGroupContext = /*#__PURE__*/_react.default.createContext({});
+
+exports.AvatarGroupContext = AvatarGroupContext;
+
+var AvatarGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'avatar-group' : _props$classPrefix,
+      spacing = props.spacing,
+      className = props.className,
+      children = props.children,
+      stack = props.stack,
+      size = props.size,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "spacing", "className", "children", "stack", "size"]);
+
+  var _useCustom = (0, _utils.useCustom)('AvatarGroup'),
+      rtl = _useCustom.rtl;
+
+  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+      withClassPrefix = _useClassNames.withClassPrefix,
+      merge = _useClassNames.merge;
+
+  var classes = merge(className, withClassPrefix({
+    stack: stack
+  }));
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      size: size
+    };
+  }, [size]);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({}, rest, {
+    ref: ref,
+    className: classes
+  }), /*#__PURE__*/_react.default.createElement(AvatarGroupContext.Provider, {
+    value: contextValue
+  }, spacing ? _react.default.Children.map(children, function (child) {
+    var _extends2;
+
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      style: (0, _extends3.default)((_extends2 = {}, _extends2[rtl ? 'marginLeft' : 'marginRight'] = spacing, _extends2), child.props.style)
+    });
+  }) : children));
+});
+
+AvatarGroup.displayName = 'AvatarGroup';
+AvatarGroup.propTypes = {
+  as: _propTypes.default.elementType,
+  classPrefix: _propTypes.default.string,
+  className: _propTypes.default.string,
+  children: _propTypes.default.node,
+  stack: _propTypes.default.bool,
+  spacing: _propTypes.default.number,
+  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs'])
+};
+var _default = AvatarGroup;
+exports.default = _default;

package/cjs/AvatarGroup/index.d.ts

@@ -0,0 +1,3 @@
+import AvatarGroup from './AvatarGroup';
+export type { AvatarGroupProps } from './AvatarGroup';
+export default AvatarGroup;

package/cjs/AvatarGroup/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
+
+var _default = _AvatarGroup.default;
+exports.default = _default;

package/cjs/Breadcrumb/Breadcrumb.js

@@ -52,7 +52,7 @@ var Breadcrumb = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var renderSeparator = function renderSeparator(key) {
     return /*#__PURE__*/_react.default.createElement("span", {
-      key: key,
+      key: "breadcrumb-separator-" + key,
       "aria-hidden": true,
       className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["separator"])))
     }, separator);

package/cjs/Button/Button.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 exports.__esModule = true;
 exports.default = void 0;
 
@@ -11,10 +13,12 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _ButtonGroup = require("../ButtonGroup");
+
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 
 var _Ripple = _interopRequireDefault(require("../Ripple"));
@@ -38,9 +42,11 @@ var Button = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       loading = props.loading,
       _props$ripple = props.ripple,
       ripple = _props$ripple === void 0 ? true : _props$ripple,
-      size = props.size,
+      sizeProp = props.size,
       typeProp = props.type,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "active", "appearance", "block", "className", "children", "classPrefix", "color", "disabled", "loading", "ripple", "size", "type"]);
+  var buttonGroup = (0, _react.useContext)(_ButtonGroup.ButtonGroupContext);
+  var size = sizeProp !== null && sizeProp !== void 0 ? sizeProp : buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size;
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       withClassPrefix = _useClassNames.withClassPrefix,

package/cjs/ButtonGroup/ButtonGroup.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
@@ -9,12 +11,14 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
+var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
+
 var ButtonGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
@@ -39,11 +43,18 @@ var ButtonGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     vertical: vertical,
     justified: justified
   }));
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      size: size
+    };
+  }, [size]);
+  return /*#__PURE__*/_react.default.createElement(_ButtonGroupContext.default.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     role: role,
     ref: ref,
     className: classes
-  }), children);
+  }), children));
 });
 
 ButtonGroup.displayName = 'ButtonGroup';

package/cjs/ButtonGroup/ButtonGroupContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TypeAttributes } from '../@types/common';
+export interface ButtonGroupContextProps {
+    size?: TypeAttributes.Size;
+}
+declare const ButtonGroupContext: React.Context<ButtonGroupContextProps | null>;
+export default ButtonGroupContext;

package/cjs/ButtonGroup/ButtonGroupContext.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var ButtonGroupContext = /*#__PURE__*/_react.default.createContext(null);
+
+var _default = ButtonGroupContext;
+exports.default = _default;

package/cjs/ButtonGroup/index.d.ts

@@ -1,3 +1,5 @@
 import ButtonGroup from './ButtonGroup';
+import ButtonGroupContext from './ButtonGroupContext';
 export type { ButtonGroupProps } from './ButtonGroup';
+export { ButtonGroupContext };
 export default ButtonGroup;

package/cjs/ButtonGroup/index.js

@@ -7,5 +7,8 @@ exports.default = void 0;
 
 var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
 
+var _ButtonGroupContext = _interopRequireDefault(require("./ButtonGroupContext"));
+
+exports.ButtonGroupContext = _ButtonGroupContext.default;
 var _default = _ButtonGroup.default;
 exports.default = _default;

package/cjs/Calendar/Calendar.d.ts

@@ -20,7 +20,7 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
     /** Hidden seconds */
     disabledSeconds?: (second: number, date: Date) => boolean;
     /** Format str */
-    format?: string;
+    format: string;
     /** Hidden hours */
     hideHours?: (hour: number, date: Date) => boolean;
     /** Hidden minutes */
@@ -28,7 +28,7 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
     /** Hidden seconds */
     hideSeconds?: (second: number, date: Date) => boolean;
     /** The value that mouse hover on in range selection */
-    hoverRangeValue?: Date[];
+    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 */
@@ -36,7 +36,7 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
     /** Limit showing how many years in the future */
     limitEndYear?: number;
     /** Custom locale */
-    locale?: CalendarLocale;
+    locale: CalendarLocale;
     /** Callback after the date has changed */
     onChangePageDate?: (nextPageDate: Date, event: React.MouseEvent) => void;
     /** Callback after the time has changed */
@@ -48,7 +48,7 @@ export interface CalendarProps extends WithAsProps, Omit<HTMLAttributes<HTMLDivE
     /** Switch to the callback triggered after the next month. */
     onMoveForward?: (nextPageDate: Date) => void;
     /** Callback fired before the date selected */
-    onSelect?: (date: Date, event: React.MouseEvent<HTMLDivElement>) => void;
+    onSelect?: (date: Date, event: React.MouseEvent) => void;
     /** Date displayed on the current page */
     calendarDate: Date;
     /** Custom rendering cell*/

package/cjs/Calendar/Calendar.js

@@ -51,7 +51,8 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       format = props.format,
       hoverRangeValue = props.hoverRangeValue,
       inSameMonth = props.inSameMonth,
-      isoWeek = props.isoWeek,
+      _props$isoWeek = props.isoWeek,
+      isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,
       limitEndYear = props.limitEndYear,
       locale = props.locale,
       onChangePageDate = props.onChangePageDate,
@@ -76,9 +77,11 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       withClassPrefix = _useClassNames.withClassPrefix,
       merge = _useClassNames.merge;
 
-  var isDisabledDate = function isDisabledDate(date) {
-    return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date);
-  };
+  var isDisabledDate = (0, _react.useCallback)(function (date) {
+    var _disabledDate;
+
+    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date)) !== null && _disabledDate !== void 0 ? _disabledDate : false;
+  }, [disabledDate]);
 
   var isTimeDisabled = function isTimeDisabled(date) {
     return _utils.DateUtils.disabledTime(props, date);
@@ -114,27 +117,28 @@ var Calendar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     'show-week-numbers': showWeekNumbers
   }));
   var timeDropdownProps = (0, _pick.default)(rest, _utils.DateUtils.calendarOnlyProps);
-  var contextValue = {
-    date: calendarDate,
-    dateRange: dateRange,
-    disabledDate: isDisabledDate,
-    format: format,
-    hoverRangeValue: hoverRangeValue,
-    inSameMonth: inSameMonth !== null && inSameMonth !== void 0 ? inSameMonth : inSameThisMonthDate,
-    isoWeek: isoWeek,
-    locale: locale,
-    onChangePageDate: onChangePageDate,
-    onChangePageTime: onChangePageTime,
-    onMouseMove: onMouseMove,
-    onSelect: onSelect,
-    renderCell: renderCell,
-    showWeekNumbers: showWeekNumbers,
-    inline: inline
-  };
+  var contextValue = (0, _react.useMemo)(function () {
+    return {
+      date: calendarDate,
+      dateRange: dateRange,
+      disabledDate: isDisabledDate,
+      format: format,
+      hoverRangeValue: hoverRangeValue,
+      inSameMonth: inSameMonth !== null && inSameMonth !== void 0 ? inSameMonth : inSameThisMonthDate,
+      isoWeek: isoWeek,
+      locale: locale,
+      onChangePageDate: onChangePageDate,
+      onChangePageTime: onChangePageTime,
+      onMouseMove: onMouseMove,
+      onSelect: onSelect,
+      renderCell: renderCell,
+      showWeekNumbers: showWeekNumbers,
+      inline: inline
+    };
+  }, [calendarDate, dateRange, format, hoverRangeValue, inSameMonth, inSameThisMonthDate, inline, isDisabledDate, isoWeek, locale, onChangePageDate, onChangePageTime, onMouseMove, onSelect, renderCell, showWeekNumbers]);
   return /*#__PURE__*/_react.default.createElement(_CalendarContext.CalendarProvider, {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, _utils.DateUtils.omitHideDisabledProps(rest), {
-    role: "table",
     className: calendarClasses,
     ref: ref
   }), /*#__PURE__*/_react.default.createElement(_Header.default, {

package/cjs/Calendar/CalendarContext.js

@@ -7,7 +7,7 @@ exports.useCalendarContext = exports.CalendarProvider = exports.default = void 0
 
 var _react = _interopRequireWildcard(require("react"));
 
-var CalendarContext = /*#__PURE__*/_react.default.createContext(null);
+var CalendarContext = /*#__PURE__*/_react.default.createContext({});
 
 var _default = CalendarContext;
 exports.default = _default;

package/cjs/Calendar/Header.js

@@ -139,9 +139,7 @@ var Header = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     'has-month': hasMonth,
     'has-time': showTime
   }));
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    role: "row"
-  }, rest, {
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
   }), hasMonth && monthToolbar, showTime && /*#__PURE__*/_react.default.createElement("div", {

package/cjs/Calendar/Table.js

@@ -35,7 +35,7 @@ var Table = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var classes = merge(className, withClassPrefix());
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    role: "table"
+    role: "grid"
   }, rest, {
     ref: ref,
     className: classes

package/cjs/Calendar/TableRow.js

@@ -36,16 +36,19 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       selected = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
       dateRange = _useCalendarContext.dateRange,
       disabledDate = _useCalendarContext.disabledDate,
-      formatDate = _useCalendarContext.formatDate,
       hoverRangeValue = _useCalendarContext.hoverRangeValue,
       inSameMonth = _useCalendarContext.inSameMonth,
       isoWeek = _useCalendarContext.isoWeek,
       onMouseMove = _useCalendarContext.onMouseMove,
       onSelect = _useCalendarContext.onSelect,
       renderCell = _useCalendarContext.renderCell,
-      locale = _useCalendarContext.locale,
+      overrideLocale = _useCalendarContext.locale,
       showWeekNumbers = _useCalendarContext.showWeekNumbers;
 
+  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),
+      locale = _useCustom.locale,
+      formatDate = _useCustom.formatDate;
+
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       prefix = _useClassNames.prefix,
       merge = _useClassNames.merge;
@@ -59,14 +62,14 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [onSelect]);
 
   var renderDays = function renderDays() {
-    var formatStr = (locale === null || locale === void 0 ? void 0 : locale.formattedDayPattern) || 'yyyy-MM-dd';
+    var formatStr = locale.formattedDayPattern;
     var days = [];
 
     var _ref = dateRange || [],
         selectedStartDate = _ref[0],
         selectedEndDate = _ref[1];
 
-    var _ref2 = hoverRangeValue || [],
+    var _ref2 = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [],
         hoverStartDate = _ref2[0],
         hoverEndDate = _ref2[1];
 
@@ -86,7 +89,7 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
       var isEndSelected = !unSameMonth && selectedEndDate && _utils.DateUtils.isSameDay(thisDate, selectedEndDate);
 
-      var isSelected = isStartSelected || isEndSelected;
+      var isSelected = isRangeSelectionMode ? isStartSelected || isEndSelected : _utils.DateUtils.isSameDay(thisDate, selected);
       var inRange = false; // for Selected
 
       if (selectedStartDate && selectedEndDate) {
@@ -113,7 +116,7 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       var _classes = prefix('cell', {
         'cell-un-same-month': unSameMonth,
         'cell-is-today': isToday,
-        'cell-selected': isRangeSelectionMode ? isSelected : _utils.DateUtils.isSameDay(thisDate, selected),
+        'cell-selected': isSelected,
         'cell-selected-start': isStartSelected,
         'cell-selected-end': isEndSelected,
         'cell-in-range': !unSameMonth && inRange,
@@ -122,8 +125,10 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
       var title = formatDate ? formatDate(thisDate, formatStr) : _utils.DateUtils.format(thisDate, formatStr);
       days.push( /*#__PURE__*/_react.default.createElement("div", {
-        role: "cell",
+        role: "gridcell",
         key: title,
+        "aria-label": title,
+        "aria-selected": isSelected || undefined,
         className: _classes
       }, /*#__PURE__*/_react.default.createElement("div", {
         role: "button",
@@ -147,7 +152,7 @@ var TableRow = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className: classes
   }), showWeekNumbers && /*#__PURE__*/_react.default.createElement("div", {
     className: prefix('cell-week-number'),
-    role: "cell"
+    role: "rowheader"
   }, _utils.DateUtils.format(weekendDate, isoWeek ? 'I' : 'w')), renderDays());
 });
 

package/cjs/Calendar/TimeDropdown.js

@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _getPosition2 = _interopRequireDefault(require("dom-lib/getPosition"));
+var _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
 
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
 
@@ -101,8 +101,8 @@ var scrollTo = function scrollTo(time, row) {
     var node = container === null || container === void 0 ? void 0 : container.querySelector("[data-key=\"" + type + "-" + value + "\"]");
 
     if (node && container) {
-      var _getPosition = (0, _getPosition2.default)(node, container),
-          top = _getPosition.top;
+      var _ref2 = (0, _getPosition.default)(node, container),
+          top = _ref2.top;
 
       (0, _utils.scrollTopAnimation)(container, top, (0, _scrollTop.default)(container) !== 0);
     }
@@ -116,7 +116,8 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'calendar-time-dropdown' : _props$classPrefix,
       show = props.show,
-      showMeridian = props.showMeridian,
+      _props$showMeridian = props.showMeridian,
+      showMeridian = _props$showMeridian === void 0 ? false : _props$showMeridian,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "show", "showMeridian"]);
 
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
@@ -188,7 +189,7 @@ var TimeDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
           className: itemClasses,
           tabIndex: -1,
           "data-key": type + "-" + i,
-          onClick: !disabled ? (0, _partial.default)(handleClick, type, i) : null
+          onClick: !disabled ? (0, _partial.default)(handleClick, type, i) : undefined
         }, showMeridian && type === 'hours' && i === 0 ? '12' : i)));
       }
     }

package/cjs/Calendar/View.js

@@ -30,7 +30,12 @@ var View = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useCalendarContext = (0, _CalendarContext.useCalendarContext)(),
       _useCalendarContext$d = _useCalendarContext.date,
       date = _useCalendarContext$d === void 0 ? new Date() : _useCalendarContext$d,
-      isoWeek = _useCalendarContext.isoWeek;
+      isoWeek = _useCalendarContext.isoWeek,
+      overrideLocale = _useCalendarContext.locale;
+
+  var _useCustom = (0, _utils.useCustom)('Calendar', overrideLocale),
+      locale = _useCustom.locale,
+      formatDate = _useCustom.formatDate;
 
   var thisMonthDate = _utils.DateUtils.setDate(date, 1);
 
@@ -39,13 +44,12 @@ var View = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       withClassPrefix = _useClassNames.withClassPrefix;
 
   var classes = merge(className, withClassPrefix());
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    role: "row"
-  }, rest, {
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
   }), /*#__PURE__*/_react.default.createElement(_Table.default, {
-    rows: _utils.DateUtils.getMonthView(thisMonthDate, isoWeek)
+    rows: _utils.DateUtils.getMonthView(thisMonthDate, isoWeek),
+    "aria-label": formatDate(thisMonthDate, locale.formattedMonthPattern)
   }));
 });
 

package/cjs/Calendar/types.d.ts

@@ -5,9 +5,9 @@ export interface CalendarInnerContextValue {
     dateRange?: Date[];
     disabledDate?: (date: Date, selectRangeValue?: Date[], type?: string) => boolean;
     format?: string;
-    hoverRangeValue?: Date[];
+    hoverRangeValue?: [Date, Date];
     inSameMonth?: (date: Date) => boolean;
-    isoWeek?: boolean;
+    isoWeek: boolean;
     onChangePageDate?: (nextPageDate: Date, event: React.MouseEvent) => void;
     onChangePageTime?: (nextPageTime: Date, event: React.MouseEvent) => void;
     onMouseMove?: (date: Date) => void;

package/cjs/Calendar/useCalendarDate.d.ts

@@ -1,5 +1,5 @@
-declare const useCalendarDate: (value: Date, defaultDate: Date) => {
+declare const useCalendarDate: (value: Date | undefined, defaultDate: Date | undefined) => {
     calendarDate: Date;
-    setCalendarDate: (date: Date) => void;
+    setCalendarDate: (date: Date | undefined) => void;
 };
 export default useCalendarDate;

package/cjs/Carousel/Carousel.d.ts

@@ -10,9 +10,9 @@ export interface CarouselProps extends WithAsProps {
     /** Button shape */
     shape?: 'dot' | 'bar';
     /** Callback fired when the active item changes */
-    onSelect: (index: number, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onSelect?: (index: number, event: React.ChangeEvent<HTMLInputElement>) => void;
     /** Callback fired when a slide transition starts */
-    onSlideStart?: (index: number, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onSlideStart?: (index: number, event?: React.ChangeEvent<HTMLInputElement>) => void;
     /** Callback fired when a slide transition ends */
     onSlideEnd?: (index: number, event: React.TransitionEvent<HTMLDivElement>) => void;
 }

package/cjs/Carousel/Carousel.js

@@ -75,7 +75,7 @@ var Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var handleChange = function handleChange(event) {
     var activeIndex = +event.target.value;
-    handleSlide(activeIndex);
+    handleSlide(activeIndex, event);
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(activeIndex, event);
   };
 

package/cjs/Cascader/Cascader.d.ts

@@ -3,7 +3,7 @@ import { PickerLocale } from '../locales';
 import { PickerComponent } from '../Picker';
 import { ItemDataType, FormControlPickerProps } from '../@types/common';
 export declare type ValueType = number | string;
-export interface CascaderProps<T = ValueType> extends FormControlPickerProps<T, PickerLocale, ItemDataType> {
+export interface CascaderProps<T = ValueType> extends FormControlPickerProps<T | null, PickerLocale, ItemDataType> {
     /** Sets the width of the menu */
     menuWidth?: number;
     /** Sets the height of the menu */

package/cjs/Cascader/Cascader.js

@@ -97,10 +97,10 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       flattenData = _useState2[0],
       setFlattenData = _useState2[1];
 
-  var triggerRef = (0, _react.useRef)();
-  var overlayRef = (0, _react.useRef)();
-  var targetRef = (0, _react.useRef)();
-  var searchInputRef = (0, _react.useRef)();
+  var triggerRef = (0, _react.useRef)(null);
+  var overlayRef = (0, _react.useRef)(null);
+  var targetRef = (0, _react.useRef)(null);
+  var searchInputRef = (0, _react.useRef)(null);
 
   var _useControlled = (0, _utils2.useControlled)(valueProp, defaultValue),
       value = _useControlled[0],
@@ -204,12 +204,12 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setSearchKeyword(value);
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
 
-    if (items !== null && items !== void 0 && items[0]) {
-      setFocusItemValue(items === null || items === void 0 ? void 0 : items[0]);
+    if (items.length > 0) {
+      setFocusItemValue(items[0][valueKey]);
       setLayer(0);
       setKeys([]);
     }
-  }, [getSearchResult, onSearch, setFocusItemValue, setKeys, setLayer]);
+  }, [getSearchResult, onSearch, setFocusItemValue, setKeys, setLayer, valueKey]);
   var handleEntered = (0, _react.useCallback)(function () {
     onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     setActive(true);
@@ -250,7 +250,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }
 
       if (!(0, _shallowEqual.default)(value, focusItemValue)) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(focusItemValue, event);
+        onChange === null || onChange === void 0 ? void 0 : onChange(focusItemValue !== null && focusItemValue !== void 0 ? focusItemValue : null, event);
       }
 
       handleClose();
@@ -332,7 +332,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setValue(nextValue);
     setValueToPaths(nodes);
     enforceUpdate(nextValue);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, null, event);
+    onSelect === null || onSelect === void 0 ? void 0 : onSelect(node, nodes, event);
     onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
   };
 
@@ -508,7 +508,7 @@ var Cascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     hasValue: hasValue,
     active: active,
     placement: placement,
-    inputValue: value
+    inputValue: value !== null && value !== void 0 ? value : ''
   }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
 

package/cjs/Cascader/DropdownMenu.d.ts

@@ -2,16 +2,17 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ItemDataType, WithAsProps, RsRefForwardingComponent } from '../@types/common';
 import { ValueType } from './Cascader';
-export interface DropdownMenuProps extends WithAsProps {
+export interface DropdownMenuProps extends Omit<WithAsProps, 'classPrefix'> {
+    classPrefix: string;
     disabledItemValues: ValueType[];
-    activeItemValue?: ValueType;
+    activeItemValue?: ValueType | null;
     childrenKey: string;
     cascadeData: ItemDataType[][];
     cascadePaths: ItemDataType[];
     valueKey: string;
     labelKey: string;
-    menuWidth: number;
-    menuHeight: number | string;
+    menuWidth?: number;
+    menuHeight?: number | string;
     renderMenuItem?: (itemLabel: React.ReactNode, item: ItemDataType) => React.ReactNode;
     renderMenu?: (items: ItemDataType[], menu: React.ReactNode, parentNode?: ItemDataType, layer?: number) => React.ReactNode;
     onSelect?: (node: ItemDataType, cascadePaths: ItemDataType[], isLeafNode: boolean, event: React.MouseEvent) => void;