rsuite 5.71.0 → 5.73.0

package/cjs/Calendar/index.js

@@ -7,8 +7,6 @@ exports.default = void 0;
 var _Calendar = _interopRequireDefault(require("./Calendar"));
 var _CalendarContainer = _interopRequireDefault(require("./CalendarContainer"));
 exports.CalendarContainer = _CalendarContainer.default;
-var _useCalendarState = require("./useCalendarState");
-exports.CalendarState = _useCalendarState.CalendarState;
-var _CalendarContext = _interopRequireDefault(require("./CalendarContext"));
-exports.CalendarContext = _CalendarContext.default;
+var _hooks = require("./hooks");
+exports.CalendarState = _hooks.CalendarState;
 var _default = exports.default = _Calendar.default;

package/cjs/Calendar/types.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { FixedSizeListProps } from '../internals/Windowing';
+/**
+ * Props for the MonthDropdown component.
+ */
+export interface MonthDropdownProps extends Partial<FixedSizeListProps> {
+    /**
+     * The HTML element or React component to render as the root element of the MonthDropdown.
+     */
+    as?: React.ElementType;
+    /**
+     * The HTML element or React component to render as each item in the MonthDropdown.
+     */
+    itemAs?: React.ElementType;
+    /**
+     * The CSS class name to apply to each item in the MonthDropdown.
+     */
+    itemClassName?: string;
+}

package/cjs/Calendar/types.js

@@ -0,0 +1,4 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;

package/cjs/Calendar/{utils.js → utils/getAriaLabel.js}

@@ -3,7 +3,7 @@
 
 exports.__esModule = true;
 exports.getAriaLabel = getAriaLabel;
-var _date = require("../internals/utils/date");
+var _date = require("../../internals/utils/date");
 /**
  * Get aria-label for the date.
  * @param date - The date.

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

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

package/cjs/Calendar/utils/index.js

@@ -0,0 +1,9 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.isEveryDateInMonth = exports.getAriaLabel = void 0;
+var _getAriaLabel = require("./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,16 +102,41 @@ 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;
     common?: {
         loading: string;
         emptyMessage: string;
@@ -144,11 +169,14 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     } | undefined;
     DatePicker?: {
@@ -162,11 +190,14 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     } | undefined;
     DateRangePicker?: {
@@ -181,11 +212,14 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     } | undefined;
     Picker?: {

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/DateInput/DateField.js

@@ -18,7 +18,7 @@ var patternMap = exports.patternMap = {
   h: 'hour',
   m: 'minute',
   s: 'second',
-  a: 'meridian'
+  a: 'meridiem'
 };
 var DateField = exports.DateField = /*#__PURE__*/function (_Object) {
   function DateField(format, value) {
@@ -187,7 +187,7 @@ var useDateField = exports.useDateField = function useDateField(format, localize
       // Invalid Date. If the type is day and the value is 0, it is considered an invalid date.
       return new Date('');
     }
-    if (type === 'meridian' && typeof hour === 'number') {
+    if (type === 'meridiem' && typeof hour === 'number') {
       var newHour = hour > 12 ? hour - 12 : hour + 12;
       type = 'hour';
       value = newHour;

package/cjs/DateInput/DateInput.js

@@ -27,8 +27,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @see https://rsuitejs.com/components/date-input/
  */
 var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useCustom = (0, _hooks.useCustom)('Calendar'),
+    locale = _useCustom.locale,
+    parseDate = _useCustom.parseDate;
   var _props$format = props.format,
-    formatStr = _props$format === void 0 ? 'yyyy-MM-dd' : _props$format,
+    formatStr = _props$format === void 0 ? locale.shortDateFormat : _props$format,
     valueProp = props.value,
     defaultValue = props.defaultValue,
     placeholder = props.placeholder,
@@ -42,9 +45,6 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useSelectedState = (0, _useSelectedState2.default)(),
     selectedState = _useSelectedState.selectedState,
     setSelectedState = _useSelectedState.setSelectedState;
-  var _useCustom = (0, _hooks.useCustom)('Calendar'),
-    locale = _useCustom.locale,
-    parseDate = _useCustom.parseDate;
   var dateLocale = locale.dateLocale;
   var _useControlled = (0, _hooks.useControlled)(valueProp, defaultValue),
     value = _useControlled[0],
@@ -77,11 +77,17 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       dateString: dateString
     };
   }, [dateField, dateString, formatStr, dateLocale]);
+  var setSelectionRange = (0, _utils2.useInputSelection)(inputRef);
   var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
     onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
     setValue(value);
   });
-  var setSelectionRange = (0, _utils2.useInputSelection)(inputRef);
+  var handleClear = (0, _hooks.useEventCallback)(function (event) {
+    handleChange(null, event);
+    setNewDate(null);
+    setSelectionRange(0, 0);
+    reset();
+  });
   var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {
     var input = event.target;
     var key = event.key;
@@ -149,7 +155,12 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   });
   var onSegmentValueRemove = (0, _hooks.useEventCallback)(function (event) {
     var input = event.target;
-    if (selectedState.selectedPattern) {
+    var value = input.value;
+
+    // If the text is all selected, clear the value
+    if (input.selectionStart === 0 && value && input.selectionEnd === value.length) {
+      handleClear(event);
+    } else if (selectedState.selectedPattern) {
       var nextState = (0, _utils2.getInputSelectedState)((0, _extends2.default)({}, keyPressOptions, {
         input: input,
         valueOffset: null

package/cjs/DateInput/hooks/useDateInputState.js

@@ -70,7 +70,7 @@ function useDateInputState(_ref) {
         value = hour >= 12 ? hour - 12 : hour + 12;
         break;
     }
-    if (actionName && value) {
+    if (actionName && typeof value === 'number') {
       dispatch({
         type: actionName,
         value: value

package/cjs/DatePicker/DatePicker.d.ts

@@ -3,7 +3,7 @@ import { RangeType } from './Toolbar';
 import type { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../internals/types';
 import type { DatePickerLocale } from '../locales';
 import type { DeprecatedProps } from './types';
-import type { MonthDropdownProps } from '../Calendar/CalendarContext';
+import type { MonthDropdownProps } from '../Calendar/types';
 export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null>, DeprecatedProps {
     /**
      * Custom caret component
@@ -75,9 +75,13 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
      */
     showWeekNumbers?: boolean;
     /**
-     * Meridian format for 12-hour time
+     * @deprecated Use `showMeridiem` instead
      */
     showMeridian?: boolean;
+    /**
+     * Meridiem format for 12-hour time
+     */
+    showMeridiem?: boolean;
     /**
      * The props for the Month Dropdown component.
      */