rsuite 5.72.0 → 5.73.0

package/TimeRangePicker/styles/index.css

@@ -2102,22 +2102,14 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
           box-shadow: inset 0 0 0 1px var(--rs-input-focus-border);
 }
 .rs-calendar-panel .rs-calendar-table-cell-day {
-  margin-top: 3px;
   display: block;
   text-align: center;
 }
 .rs-calendar-panel .rs-calendar-month-dropdown {
-  margin-top: -2px;
-  margin-left: 12px;
-  margin-right: 12px;
-  top: 54px;
-  width: calc(100% - 24px);
-}
-.rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-month-dropdown-scroll {
-  height: 644px;
-}
-.rs-calendar-panel.rs-calendar-compact .rs-calendar-month-dropdown-scroll {
-  height: 344px;
+  margin-left: 10px;
+  margin-right: 10px;
+  border-radius: 6px;
+  width: calc(100% - 20px);
 }
 .rs-calendar-panel:not(.rs-calendar-compact) .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
   width: 100%;
@@ -2142,7 +2134,20 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   border-bottom-right-radius: 6px;
 }
 .rs-calendar-panel.rs-calendar-compact .rs-calendar-table-row:not(.rs-calendar-table-header-row) .rs-calendar-table-cell-content {
-  height: 50px;
+  min-height: 38px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .rs-calendar-btn-close {
   position: absolute;
@@ -2167,8 +2172,12 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   background-color: var(--rs-btn-subtle-hover-bg);
 }
 .rs-calendar-panel .rs-calendar-btn-close {
-  bottom: 11px;
-  margin: 0 20px;
+  bottom: 4px;
+  margin: 0 11px;
+  border-radius: 0 0 6px 6px;
+}
+.rs-calendar-panel.rs-calendar-bordered .rs-calendar-btn-close {
+  bottom: 5px;
 }
 .rs-calendar-month-view .rs-calendar-header-month-toolbar {
   padding-left: 24px;
@@ -2533,6 +2542,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   background-color: var(--rs-bg-overlay);
   overflow: hidden;
   z-index: 1;
+  height: calc(100% - 48px);
 }
 .rs-calendar-month-view .rs-calendar-month-dropdown {
   display: block;
@@ -2542,7 +2552,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
           animation: 0.3s linear slideDown;
 }
 .rs-calendar-month-dropdown-scroll {
-  height: 230px;
+  height: 100%;
 }
 .rs-calendar-month-dropdown-row {
   position: relative;
@@ -2565,21 +2575,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   color: var(--rs-text-active);
 }
 .rs-calendar-month-dropdown-list {
-  display: block;
-  min-width: 200px;
-}
-.rs-calendar-month-dropdown-list::before,
-.rs-calendar-month-dropdown-list::after {
-  content: ' ';
-  display: table;
-}
-.rs-calendar-month-dropdown-list::after {
-  clear: both;
+  display: grid;
+  grid-template-columns: repeat(4, 25%);
 }
 .rs-calendar-month-dropdown-cell {
-  display: inline-block;
-  float: left;
-  width: calc((100% - 1px * 12 ) / 6);
   margin: 1px;
   text-align: center;
   vertical-align: middle;
@@ -2601,8 +2600,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   padding: 5px;
   cursor: pointer;
   border-radius: 6px;
-  width: 30px;
-  height: 30px;
 }
 .rs-calendar-month-dropdown-cell-content:hover {
   background-color: #f2faff;
@@ -4140,9 +4137,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   color: #fff;
   color: var(--rs-calendar-date-selected-text);
 }
-.rs-picker-popup .rs-calendar .rs-calendar-month-dropdown-scroll {
-  height: 227px;
-}
 .rs-picker-popup .rs-calendar .rs-calendar-time-dropdown-column > ul {
   height: 198px;
 }
@@ -4192,9 +4186,6 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-popup .rs-calendar-month-dropdown {
   z-index: 1;
 }
-.rs-picker-popup .rs-calendar-month-dropdown-list {
-  width: 185px;
-}
 .rs-picker-popup .rs-picker-daterange-panel-show-one-calendar .rs-picker-toolbar-ranges {
   width: 190px;
 }

package/cjs/Calendar/CalendarHeader.js

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
+var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
+var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _hooks = require("../internals/hooks");
@@ -95,7 +95,7 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     "aria-label": "Previous month",
     className: backwardClass,
     onClick: disabledBackward ? undefined : onMoveBackward,
-    icon: /*#__PURE__*/_react.default.createElement(_AngleLeft.default, null)
+    icon: /*#__PURE__*/_react.default.createElement(_PagePrevious.default, null)
   })), /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({}, btnProps, {
     "aria-label": "Select month",
     id: targetId ? targetId + "-grid-label" : undefined,
@@ -105,7 +105,7 @@ var CalendarHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     "aria-label": "Next month",
     className: forwardClass,
     onClick: disabledForward ? undefined : onMoveForward,
-    icon: /*#__PURE__*/_react.default.createElement(_AngleRight.default, null)
+    icon: /*#__PURE__*/_react.default.createElement(_PageNext.default, null)
   })));
   var hasMonth = showDate || showMonth;
   var classes = merge(className, withClassPrefix({

package/cjs/Calendar/{MonthDropdown.d.ts → MonthDropdown/MonthDropdown.d.ts}

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import { RsRefForwardingComponent, WithAsProps } from '../../internals/types';
 export interface MonthDropdownProps extends WithAsProps {
     show?: boolean;
     limitStartYear?: number;
@@ -7,6 +7,5 @@ export interface MonthDropdownProps extends WithAsProps {
     width?: number;
     disabledMonth?: (date: Date) => boolean;
 }
-export declare function isEveryDateInMonth(year: number, month: number, predicate: (date: Date) => boolean): boolean;
 declare const MonthDropdown: RsRefForwardingComponent<'div', MonthDropdownProps>;
 export default MonthDropdown;

package/cjs/Calendar/{MonthDropdown.js → MonthDropdown/MonthDropdown.js}

@@ -4,29 +4,24 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-exports.isEveryDateInMonth = isEveryDateInMonth;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _date = require("../internals/utils/date");
-var _Windowing = require("../internals/Windowing");
-var _hooks = require("../internals/hooks");
+var _date = require("../../internals/utils/date");
+var _Windowing = require("../../internals/Windowing");
+var _hooks = require("../../internals/hooks");
 var _MonthDropdownItem = _interopRequireDefault(require("./MonthDropdownItem"));
-var _hooks2 = require("./hooks");
+var _hooks2 = require("../hooks");
+var _utils = require("../utils");
 var _excluded = ["as", "className", "classPrefix", "limitStartYear", "limitEndYear", "show", "height", "width", "disabledMonth"],
   _excluded2 = ["className", "itemClassName", "as", "itemAs"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var monthMap = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
-function isEveryDateInMonth(year, month, predicate) {
-  var days = (0, _date.getDaysInMonth)(new Date(year, month));
-  for (var i = 1; i <= days; i++) {
-    if (!predicate(new Date(year, month, i))) {
-      return false;
-    }
-  }
-  return true;
-}
+// Array representing the index of each month
+var MONTHS_INDEX = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+
+// The height of each item
+var ITEM_SIZE = 108;
 var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -60,7 +55,7 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }, [limitEndYear, startYear, thisYear]);
   var isMonthDisabled = (0, _react.useCallback)(function (year, month) {
     if (disabledMonth) {
-      return isEveryDateInMonth(year, month, disabledMonth);
+      return (0, _utils.isEveryDateInMonth)(year, month, disabledMonth);
     }
     return false;
   }, [disabledMonth]);
@@ -94,7 +89,7 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       role: "rowheader"
     }, year), /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('list')
-    }, monthMap.map(function (item, month) {
+    }, MONTHS_INDEX.map(function (item, month) {
       return /*#__PURE__*/_react.default.createElement(_MonthDropdownItem.default, {
         disabled: isMonthDisabled(year, month),
         active: isSelectedYear && month === selectedMonth,
@@ -107,9 +102,8 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var classes = merge(className, withClassPrefix(), {
     show: show
   });
-  var itemSize = 75;
   var initialItemIndex = (0, _date.getYear)(date) - startYear;
-  var initialScrollOffset = itemSize * initialItemIndex;
+  var initialScrollOffset = ITEM_SIZE * initialItemIndex;
   if (!show) {
     return null;
   }
@@ -133,7 +127,7 @@ var MonthDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       className: merge(prefix('row-wrapper'), listClassName),
       width: width || defaultWidth,
       height: height || defaultHeight,
-      itemSize: itemSize,
+      itemSize: ITEM_SIZE,
       itemCount: rowCount,
       initialScrollOffset: initialScrollOffset,
       innerElementType: List

package/cjs/Calendar/{MonthDropdownItem.d.ts → MonthDropdown/MonthDropdownItem.d.ts}

@@ -1,4 +1,4 @@
-import { RsRefForwardingComponent, WithAsProps } from '../internals/types';
+import { RsRefForwardingComponent, WithAsProps } from '../../internals/types';
 export interface MonthDropdownItemProps extends WithAsProps {
     month?: number;
     year?: number;

package/cjs/Calendar/{MonthDropdownItem.js → MonthDropdown/MonthDropdownItem.js}

@@ -7,11 +7,11 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _date = require("../internals/utils/date");
-var _hooks = require("../internals/hooks");
-var _utils = require("../internals/utils");
-var _hooks2 = require("./hooks");
-var _utils2 = require("./utils");
+var _date = require("../../internals/utils/date");
+var _hooks = require("../../internals/hooks");
+var _utils = require("../../internals/utils");
+var _hooks2 = require("../hooks");
+var _utils2 = require("../utils");
 var _excluded = ["as", "className", "classPrefix", "active", "disabled", "month", "year"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -72,7 +72,7 @@ var MonthDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props,
     onClick: handleClick
   }, rest), /*#__PURE__*/_react.default.createElement("span", {
     className: prefix('content')
-  }, month));
+  }, formatDate(currentMonth, 'MMM')));
 });
 MonthDropdownItem.displayName = 'MonthDropdownItem';
 var _default = exports.default = MonthDropdownItem;

package/cjs/Calendar/MonthDropdown/index.d.ts

@@ -0,0 +1,2 @@
+import MonthDropdown from './MonthDropdown';
+export default MonthDropdown;

package/cjs/Calendar/MonthDropdown/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _MonthDropdown = _interopRequireDefault(require("./MonthDropdown"));
+var _default = exports.default = _MonthDropdown.default;

package/cjs/Calendar/utils/index.d.ts

@@ -1 +1,2 @@
 export { getAriaLabel } from './getAriaLabel';
+export { isEveryDateInMonth } from './isEveryDateInMonth';

package/cjs/Calendar/utils/index.js

@@ -2,6 +2,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.getAriaLabel = void 0;
+exports.isEveryDateInMonth = exports.getAriaLabel = void 0;
 var _getAriaLabel = require("./getAriaLabel");
-exports.getAriaLabel = _getAriaLabel.getAriaLabel;
+exports.getAriaLabel = _getAriaLabel.getAriaLabel;
+var _isEveryDateInMonth = require("./isEveryDateInMonth");
+exports.isEveryDateInMonth = _isEveryDateInMonth.isEveryDateInMonth;

package/cjs/Calendar/utils/isEveryDateInMonth.d.ts

@@ -0,0 +1 @@
+export declare function isEveryDateInMonth(year: number, month: number, predicate: (date: Date) => boolean): boolean;

package/cjs/Calendar/utils/isEveryDateInMonth.js

@@ -0,0 +1,15 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.isEveryDateInMonth = isEveryDateInMonth;
+var _date = require("../../internals/utils/date");
+function isEveryDateInMonth(year, month, predicate) {
+  var days = (0, _date.getDaysInMonth)(new Date(year, month));
+  for (var i = 1; i <= days; i++) {
+    if (!predicate(new Date(year, month, i))) {
+      return false;
+    }
+  }
+  return true;
+}

package/cjs/CascadeTree/TreeView.js

@@ -13,8 +13,8 @@ var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _Picker = require("../internals/Picker");
-var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
-var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
+var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
+var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
 var _excluded = ["as", "activeItemValue", "classPrefix", "className", "childrenKey", "disabledItemValues", "columnWidth", "columnHeight", "valueKey", "data", "cascadePaths", "loadingItemsSet", "labelKey", "style", "renderColumn", "renderTreeNode", "onSelect"];
@@ -117,7 +117,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     // Use `value` in keys when If `value` is string or number
     var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = loading ? _Spinner.default : rtl ? _AngleLeft.default : _AngleRight.default;
+    var Icon = loading ? _Spinner.default : rtl ? _PagePrevious.default : _PageNext.default;
     return /*#__PURE__*/_react.default.createElement(_Picker.ListItem, {
       as: 'li',
       role: "treeitem",

package/cjs/CustomProvider/CustomProvider.d.ts

@@ -102,14 +102,38 @@ export interface CustomValue<T = Locale> {
     disableRipple?: boolean;
 }
 export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>> {
-    /** Supported themes */
+    /**
+     * Supported themes
+     */
     theme?: 'light' | 'dark' | 'high-contrast';
-    /** The prefix of the component CSS class */
+    /**
+     * The prefix of the component CSS class
+     */
     classPrefix?: string;
-    /** Primary content */
+    /**
+     * The prefix of the icon CSS class
+     */
+    iconClassPrefix?: string;
+    /**
+     * Primary content
+     */
     children?: React.ReactNode;
-    /** Sets a container for toast rendering */
+    /**
+     * Sets a container for toast rendering
+     */
     toastContainer?: HTMLElement | (() => HTMLElement | null) | null;
+    csp?: {
+        /**
+         * Content Security Policy nonce
+         * https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/nonce
+         */
+        nonce?: string;
+    };
+    /**
+     * Disable inline styles
+     * @default false
+     */
+    disableInlineStyles?: boolean;
 }
 declare const CustomContext: React.Context<CustomProviderProps<{
     code?: string | undefined;
@@ -149,9 +173,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         hours: string;
         minutes: string;
         seconds: string;
-        formattedMonthPattern: string; /**
-         * The locale object that contains the language and formatting rules for the date.
-         */
+        formattedMonthPattern: string;
         formattedDayPattern: string;
         shortDateFormat: string;
         shortTimeFormat: string;
@@ -172,9 +194,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         hours: string;
         minutes: string;
         seconds: string;
-        formattedMonthPattern: string; /**
-         * The locale object that contains the language and formatting rules for the date.
-         */
+        formattedMonthPattern: string;
         formattedDayPattern: string;
         shortDateFormat: string;
         shortTimeFormat: string;
@@ -196,9 +216,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         hours: string;
         minutes: string;
         seconds: string;
-        formattedMonthPattern: string; /**
-         * The locale object that contains the language and formatting rules for the date.
-         */
+        formattedMonthPattern: string;
         formattedDayPattern: string;
         shortDateFormat: string;
         shortTimeFormat: string;

package/cjs/CustomProvider/CustomProvider.js

@@ -6,12 +6,13 @@ exports.__esModule = true;
 exports.default = exports.CustomContext = void 0;
 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 _IconProvider = _interopRequireDefault(require("@rsuite/icons/IconProvider"));
 var _hooks = require("../internals/hooks");
 var _prefix = require("../internals/utils/prefix");
 var _DOMHelper = require("../DOMHelper");
 var _ToastContainer = _interopRequireWildcard(require("../toaster/ToastContainer"));
-var _excluded = ["children", "classPrefix", "theme", "toastContainer", "disableRipple"];
+var _excluded = ["children", "classPrefix", "iconClassPrefix", "theme", "toastContainer", "disableRipple", "csp", "disableInlineStyles"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var CustomContext = exports.CustomContext = /*#__PURE__*/_react.default.createContext({});
@@ -26,17 +27,21 @@ var CustomProvider = function CustomProvider(props) {
   var children = props.children,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? (0, _prefix.getClassNamePrefix)() : _props$classPrefix,
+    _props$iconClassPrefi = props.iconClassPrefix,
+    iconClassPrefix = _props$iconClassPrefi === void 0 ? classPrefix : _props$iconClassPrefi,
     theme = props.theme,
     container = props.toastContainer,
     disableRipple = props.disableRipple,
+    csp = props.csp,
+    disableInlineStyles = props.disableInlineStyles,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var toasters = _react.default.useRef(new Map());
+  var toasters = (0, _react.useRef)(new Map());
   var _usePortal = (0, _hooks.usePortal)({
       container: container,
       waitMount: true
     }),
     Portal = _usePortal.Portal;
-  var value = _react.default.useMemo(function () {
+  var value = (0, _react.useMemo)(function () {
     return (0, _extends2.default)({
       classPrefix: classPrefix,
       theme: theme,
@@ -44,6 +49,13 @@ var CustomProvider = function CustomProvider(props) {
       disableRipple: disableRipple
     }, rest);
   }, [classPrefix, theme, disableRipple, rest]);
+  var iconContext = (0, _react.useMemo)(function () {
+    return {
+      classPrefix: iconClassPrefix,
+      csp: csp,
+      disableInlineStyles: disableInlineStyles
+    };
+  }, [iconClassPrefix, csp, disableInlineStyles]);
   (0, _hooks.useIsomorphicLayoutEffect)(function () {
     if (_DOMHelper.canUseDOM && theme) {
       (0, _DOMHelper.addClass)(document.body, (0, _prefix.prefix)(classPrefix, "theme-" + theme));
@@ -58,8 +70,10 @@ var CustomProvider = function CustomProvider(props) {
   }, [classPrefix, theme]);
   return /*#__PURE__*/_react.default.createElement(CustomContext.Provider, {
     value: value
+  }, /*#__PURE__*/_react.default.createElement(_IconProvider.default, {
+    value: iconContext
   }, children, /*#__PURE__*/_react.default.createElement(Portal, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "rs-toast-provider"
+    className: classPrefix + "toast-provider"
   }, _ToastContainer.toastPlacements.map(function (placement) {
     return /*#__PURE__*/_react.default.createElement(_ToastContainer.default, {
       key: placement,
@@ -68,6 +82,6 @@ var CustomProvider = function CustomProvider(props) {
         toasters.current.set(placement, _ref);
       }
     });
-  }))));
+  })))));
 };
 var _default = exports.default = CustomProvider;

package/cjs/DatePicker/DatePicker.js

@@ -11,10 +11,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _mapValues = _interopRequireDefault(require("lodash/mapValues"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _Calendar = _interopRequireDefault(require("@rsuite/icons/legacy/Calendar"));
+var _Calendar = _interopRequireDefault(require("@rsuite/icons/Calendar"));
 var _Time = _interopRequireDefault(require("@rsuite/icons/Time"));
 var _CalendarContainer = _interopRequireDefault(require("../Calendar/CalendarContainer"));
 var _hooks = require("../Calendar/hooks");
+var _utils = require("../Calendar/utils");
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
 var _Stack = _interopRequireDefault(require("../Stack"));
 var _PredefinedRanges = _interopRequireDefault(require("./PredefinedRanges"));
@@ -23,13 +24,12 @@ var _InputGroup = _interopRequireDefault(require("../InputGroup"));
 var _useMonthView2 = _interopRequireDefault(require("./hooks/useMonthView"));
 var _useFocus2 = _interopRequireDefault(require("./hooks/useFocus"));
 var _useCustomizedInput2 = _interopRequireDefault(require("./hooks/useCustomizedInput"));
-var _MonthDropdown = require("../Calendar/MonthDropdown");
-var _utils = require("../internals/utils");
+var _utils2 = require("../internals/utils");
 var _hooks2 = require("../internals/hooks");
 var _date = require("../internals/utils/date");
 var _Picker = require("../internals/Picker");
 var _OverlayTrigger = require("../internals/Overlay/OverlayTrigger");
-var _utils2 = require("./utils");
+var _utils3 = require("./utils");
 var _templateObject, _templateObject2;
 var _excluded = ["as", "className", "classPrefix", "calendarDefaultDate", "cleanable", "caretAs", "editable", "defaultValue", "disabled", "readOnly", "plaintext", "format", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "appearance", "placement", "oneTap", "placeholder", "ranges", "value", "showMeridian", "showMeridiem", "showWeekNumbers", "style", "size", "monthDropdownProps", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "onChange", "onChangeCalendarDate", "onClean", "onEnter", "onExit", "onNextMonth", "onOk", "onPrevMonth", "onSelect", "onToggleMonthDropdown", "onToggleTimeDropdown", "onShortcutClick", "renderCell", "renderValue", "disabledDate", "disabledHours", "disabledMinutes", "disabledSeconds"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -173,7 +173,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    * If any day in the month is disabled, the entire month is disabled
    */
   var isMonthDisabled = function isMonthDisabled(date) {
-    return (0, _MonthDropdown.isEveryDateInMonth)(date.getFullYear(), date.getMonth(), isDateDisabled);
+    return (0, _utils.isEveryDateInMonth)(date.getFullYear(), date.getMonth(), isDateDisabled);
   };
 
   /**
@@ -366,7 +366,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return (_func = func === null || func === void 0 ? void 0 : func(next, date)) !== null && _func !== void 0 ? _func : false;
     };
   });
-  var _splitRanges = (0, _utils2.splitRanges)(ranges),
+  var _splitRanges = (0, _utils3.splitRanges)(ranges),
     sideRanges = _splitRanges.sideRanges,
     bottomRanges = _splitRanges.bottomRanges;
   var renderCalendarOverlay = function renderCalendarOverlay(positionProps, speakerRef) {
@@ -383,7 +383,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       "aria-labelledby": label ? id + "-label" : undefined,
       tabIndex: -1,
       className: classes,
-      ref: (0, _utils.mergeRefs)(overlay, speakerRef),
+      ref: (0, _utils2.mergeRefs)(overlay, speakerRef),
       style: styles,
       target: trigger,
       onKeyDown: handlePickerPopupKeyDown
@@ -460,7 +460,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
   });
   var showCleanButton = cleanable && hasValue && !readOnly;
-  var _partitionHTMLProps = (0, _utils.partitionHTMLProps)(restProps, {
+  var _partitionHTMLProps = (0, _utils2.partitionHTMLProps)(restProps, {
       htmlProps: [],
       includeAria: true
     }),
@@ -486,8 +486,8 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     ref: trigger,
     placement: placement,
     onClose: handleTriggerClose,
-    onEnter: (0, _utils.createChainedFunction)(events.onActive, onEnter),
-    onExit: (0, _utils.createChainedFunction)(events.onInactive, onExit),
+    onEnter: (0, _utils2.createChainedFunction)(events.onActive, onEnter),
+    onExit: (0, _utils2.createChainedFunction)(events.onInactive, onExit),
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/_react.default.createElement(Component, {
     className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),
@@ -497,7 +497,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     value: value,
     format: formatStr,
     plaintext: plaintext
-  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _utils2.getRestProps)(rest, usedClassNamePropKeys), {
+  }) : /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({}, (0, _utils3.getRestProps)(rest, usedClassNamePropKeys), {
     inside: true,
     size: size,
     disabled: disabled,
@@ -528,7 +528,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }))));
 });
 DatePicker.displayName = 'DatePicker';
-DatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, _utils2.deprecatedPropTypes, {
+DatePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes, _utils3.deprecatedPropTypes, {
   calendarDefaultDate: _propTypes.default.instanceOf(Date),
   defaultValue: _propTypes.default.instanceOf(Date),
   shouldDisableDate: _propTypes.default.func,

package/cjs/DateRangePicker/DateRangePicker.js

@@ -12,7 +12,7 @@ var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Calendar = _interopRequireDefault(require("@rsuite/icons/legacy/Calendar"));
+var _Calendar = _interopRequireDefault(require("@rsuite/icons/Calendar"));
 var _Time = _interopRequireDefault(require("@rsuite/icons/Time"));
 var _Toolbar = _interopRequireDefault(require("../DatePicker/Toolbar"));
 var _PredefinedRanges = _interopRequireDefault(require("../DatePicker/PredefinedRanges"));

package/cjs/Dropdown/Dropdown.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import DropdownMenu from './DropdownMenu';
 import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import DropdownItem from './DropdownItem';
 import Button from '../Button';
 import DropdownSeparator from './DropdownSeparator';

package/cjs/Dropdown/DropdownItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 import type { RsRefForwardingComponent, WithAsProps } from '../internals/types';
 export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */

package/cjs/Dropdown/DropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StandardProps } from '../internals/types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface DropdownMenuProps<T = string> extends StandardProps {
     /** Define the title as a submenu */
     title?: React.ReactNode;