rsuite 5.76.2 → 6.0.0-canary-20250103

package/esm/DatePicker/PredefinedRanges.js

@@ -1,35 +1,28 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["className", "disableShortcut", "onShortcutClick", "calendarDate", "ranges", "locale"],
-  _excluded2 = ["value", "closeOverlay", "label"];
 import React, { useCallback, useState } from 'react';
 import Button from "../Button/index.js";
 import Stack from "../Stack/index.js";
 import { useUpdateEffect } from "../internals/hooks/index.js";
 import { getDefaultRanges, getRanges } from "./utils.js";
-var PredefinedRanges = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var className = props.className,
-    disableShortcut = props.disableShortcut,
-    onShortcutClick = props.onShortcutClick,
-    calendarDate = props.calendarDate,
-    rangesProp = props.ranges,
-    locale = props.locale,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useState = useState(getRanges(props)),
-    ranges = _useState[0],
-    setRanges = _useState[1];
-  useUpdateEffect(function () {
+const PredefinedRanges = /*#__PURE__*/React.forwardRef(function PredefinedRanges(props, ref) {
+  const {
+    className,
+    disableShortcut,
+    onShortcutClick,
+    calendarDate,
+    ranges: rangesProp,
+    locale,
+    ...rest
+  } = props;
+  const [ranges, setRanges] = useState(getRanges(props));
+  useUpdateEffect(() => {
     setRanges(getRanges({
       ranges: rangesProp,
-      calendarDate: calendarDate
+      calendarDate
     }));
   }, [calendarDate, rangesProp]);
-  var hasLocaleKey = useCallback(function (key) {
-    return getDefaultRanges(calendarDate).some(function (item) {
-      return item.label === key;
-    });
-  }, [calendarDate]);
+  const hasLocaleKey = useCallback(key => getDefaultRanges(calendarDate).some(item => item.label === key), [calendarDate]);
   if (ranges.length === 0) {
     return null;
   }
@@ -38,13 +31,15 @@ var PredefinedRanges = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref,
     alignItems: "flex-start",
     spacing: 4
-  }, rest), ranges.map(function (range, index) {
-    var value = range.value,
-      closeOverlay = range.closeOverlay,
-      label = range.label,
-      rest = _objectWithoutPropertiesLoose(range, _excluded2);
-    var disabled = disableShortcut === null || disableShortcut === void 0 ? void 0 : disableShortcut(value);
-    var handleClickShortcut = function handleClickShortcut(event) {
+  }, rest), ranges.map((range, index) => {
+    const {
+      value,
+      closeOverlay,
+      label,
+      ...rest
+    } = range;
+    const disabled = disableShortcut === null || disableShortcut === void 0 ? void 0 : disableShortcut(value);
+    const handleClickShortcut = event => {
       if (disabled) {
         return;
       }

package/esm/DatePicker/Toolbar.d.ts

@@ -7,7 +7,7 @@ export interface ToolbarProps<T = any, Shortcut = T> extends PredefinedRangesPro
     onOk?: (event: React.MouseEvent) => void;
 }
 type ToolbarComponent = React.ForwardRefExoticComponent<ToolbarProps> & {
-    <T = any, Shortcut = T>(props: ToolbarProps<T, Shortcut>): React.ReactElement | null;
+    <T = any, Shortcut = T>(props: ToolbarProps<T, Shortcut>): any;
 };
 /**
  * Toolbar for DatePicker and DateRangePicker

package/esm/DatePicker/Toolbar.js

@@ -1,18 +1,18 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["className", "classPrefix", "calendarDate", "ranges", "locale", "hideOkBtn", "disableOkBtn", "disableShortcut", "onOk", "onShortcutClick"];
 import React from 'react';
 import Button from "../Button/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import PredefinedRanges from "./PredefinedRanges.js";
 import Stack from "../Stack/index.js";
-var OkButton = function OkButton(_ref) {
-  var disableOkBtn = _ref.disableOkBtn,
-    calendarDate = _ref.calendarDate,
-    onOk = _ref.onOk,
-    children = _ref.children;
-  var disabled = disableOkBtn === null || disableOkBtn === void 0 ? void 0 : disableOkBtn(calendarDate);
+const OkButton = _ref => {
+  let {
+    disableOkBtn,
+    calendarDate,
+    onOk,
+    children
+  } = _ref;
+  const disabled = disableOkBtn === null || disableOkBtn === void 0 ? void 0 : disableOkBtn(calendarDate);
   return /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     size: "sm",
@@ -24,27 +24,29 @@ var OkButton = function OkButton(_ref) {
 /**
  * Toolbar for DatePicker and DateRangePicker
  */
-var Toolbar = /*#__PURE__*/React.forwardRef(function Toolbar(props, ref) {
-  var className = props.className,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'picker-toolbar' : _props$classPrefix,
-    calendarDate = props.calendarDate,
-    ranges = props.ranges,
-    locale = props.locale,
-    hideOkBtn = props.hideOkBtn,
-    disableOkBtn = props.disableOkBtn,
-    disableShortcut = props.disableShortcut,
-    onOk = props.onOk,
-    onShortcutClick = props.onShortcutClick,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  var _useClassNames = useClassNames(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix,
-    withClassPrefix = _useClassNames.withClassPrefix;
+const Toolbar = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    className,
+    classPrefix = 'picker-toolbar',
+    calendarDate,
+    ranges,
+    locale,
+    hideOkBtn,
+    disableOkBtn,
+    disableShortcut,
+    onOk,
+    onShortcutClick,
+    ...rest
+  } = props;
+  const {
+    merge,
+    prefix,
+    withClassPrefix
+  } = useClassNames(classPrefix);
   if (hideOkBtn && (ranges === null || ranges === void 0 ? void 0 : ranges.length) === 0) {
     return null;
   }
-  var classes = merge(className, withClassPrefix());
+  const classes = merge(className, withClassPrefix());
   return /*#__PURE__*/React.createElement(Stack, _extends({
     ref: ref,
     className: classes,

package/esm/DatePicker/hooks/useCustomizedInput.d.ts

@@ -10,7 +10,7 @@ interface UseCustomizedInputProps<T> {
 }
 declare function useCustomizedInput<T>(props: UseCustomizedInputProps<T>): {
     customValue: string | null;
-    Input: import("../../internals/types").RsRefForwardingComponent<"input", import("../../Input").InputProps> | import("react").ForwardRefExoticComponent<import("../../DateInput").DateInputProps & import("react").RefAttributes<unknown>> | import("react").ForwardRefExoticComponent<import("../../DateRangeInput").DateRangeInputProps & import("react").RefAttributes<unknown>>;
+    Input: import("../../internals/types").RsRefForwardingComponent<"input", import("../../Input").InputProps, false> | import("react").ForwardRefExoticComponent<import("../../DateInput").DateInputProps & import("react").RefAttributes<unknown>> | import("react").ForwardRefExoticComponent<import("../../DateRangeInput").DateRangeInputProps & import("react").RefAttributes<unknown>>;
     inputReadOnly: boolean;
     events: {
         onActive: () => void;

package/esm/DatePicker/hooks/useCustomizedInput.js

@@ -5,32 +5,27 @@ import Input from "../../Input/index.js";
 import DateInput from "../../DateInput/index.js";
 import DateRangeInput from "../../DateRangeInput/index.js";
 function useCustomizedInput(props) {
-  var value = props.value,
-    formatStr = props.formatStr,
-    readOnly = props.readOnly,
-    editable = props.editable,
-    loading = props.loading,
-    _props$mode = props.mode,
-    mode = _props$mode === void 0 ? 'date' : _props$mode,
-    renderValue = props.renderValue;
-  var _useState = useState(false),
-    active = _useState[0],
-    setActive = _useState[1];
-  var onActive = useCallback(function () {
-    return setActive(true);
-  }, []);
-  var onInactive = useCallback(function () {
-    return setActive(false);
-  }, []);
+  const {
+    value,
+    formatStr,
+    readOnly,
+    editable,
+    loading,
+    mode = 'date',
+    renderValue
+  } = props;
+  const [active, setActive] = useState(false);
+  const onActive = useCallback(() => setActive(true), []);
+  const onInactive = useCallback(() => setActive(false), []);
 
   // Custom rendering of the selected value
-  var customValue = null;
+  let customValue = null;
 
   // Input box is read-only when the component is uneditable or loading state
-  var inputReadOnly = readOnly || !editable || loading || false;
+  let inputReadOnly = readOnly || !editable || loading || false;
 
   // If the component is not active or editable, the custom rendering value is displayed
-  var customized = !active || !editable;
+  const customized = !active || !editable;
   if (typeof renderValue === 'function' && value && customized) {
     if (Array.isArray(value) ? value.every(isValid) : isValid(value)) {
       customValue = renderValue(value, formatStr);
@@ -39,15 +34,15 @@ function useCustomizedInput(props) {
       inputReadOnly = true;
     }
   }
-  var TargetInput = mode === 'dateRange' ? DateRangeInput : DateInput;
-  var CustomizedInput = customValue ? Input : TargetInput;
+  const TargetInput = mode === 'dateRange' ? DateRangeInput : DateInput;
+  const CustomizedInput = customValue ? Input : TargetInput;
   return {
-    customValue: customValue,
+    customValue,
     Input: CustomizedInput,
-    inputReadOnly: inputReadOnly,
+    inputReadOnly,
     events: {
-      onActive: onActive,
-      onInactive: onInactive
+      onActive,
+      onInactive
     }
   };
 }

package/esm/DatePicker/hooks/useFocus.js

@@ -1,38 +1,42 @@
 'use client';
 import delay from 'lodash/delay';
-import addMonths from 'date-fns/addMonths';
-import addDays from 'date-fns/addDays';
+import { addMonths } from 'date-fns/addMonths';
+import { addDays } from 'date-fns/addDays';
 import { useEventCallback } from "../../internals/hooks/index.js";
 import { useCustom } from "../../CustomProvider/index.js";
 import { getAriaLabel } from "../../Calendar/utils/index.js";
 import { onMenuKeyDown } from "../../internals/Picker/utils.js";
 function useFocus(props) {
-  var target = props.target,
-    showMonth = props.showMonth,
-    id = props.id,
-    localeProp = props.locale;
-  var _useCustom = useCustom(),
-    getLocale = _useCustom.getLocale,
-    formatDate = _useCustom.formatDate;
-  var _getLocale = getLocale('DateTimeFormats', localeProp),
-    formattedMonthPattern = _getLocale.formattedMonthPattern,
-    formattedDayPattern = _getLocale.formattedDayPattern;
+  const {
+    target,
+    showMonth,
+    id,
+    locale: localeProp
+  } = props;
+  const {
+    getLocale,
+    formatDate
+  } = useCustom();
+  const {
+    formattedMonthPattern,
+    formattedDayPattern
+  } = getLocale('DateTimeFormats', localeProp);
 
   /**
    * Get the corresponding container based on date selection and month selection
    */
-  var getOverlayContainer = function getOverlayContainer() {
-    return showMonth ? document.getElementById(id + "-calendar-month-dropdown") : document.getElementById(id + "-calendar-table");
+  const getOverlayContainer = () => {
+    return showMonth ? document.getElementById(`${id}-calendar-month-dropdown`) : document.getElementById(`${id}-calendar-table`);
   };
 
   /**
    * Check whether the date is focusable
    */
-  var checkFocusable = function checkFocusable(date) {
-    var formatStr = showMonth ? formattedMonthPattern : formattedDayPattern;
-    var ariaLabel = getAriaLabel(date, formatStr, formatDate);
-    var container = getOverlayContainer();
-    var dateElement = container === null || container === void 0 ? void 0 : container.querySelector("[aria-label=\"" + ariaLabel + "\"]");
+  const checkFocusable = date => {
+    const formatStr = showMonth ? formattedMonthPattern : formattedDayPattern;
+    const ariaLabel = getAriaLabel(date, formatStr, formatDate);
+    const container = getOverlayContainer();
+    const dateElement = container === null || container === void 0 ? void 0 : container.querySelector(`[aria-label="${ariaLabel}"]`);
     if ((dateElement === null || dateElement === void 0 ? void 0 : dateElement.getAttribute('aria-disabled')) === 'true') {
       return false;
     }
@@ -42,10 +46,10 @@ function useFocus(props) {
   /**
    * Focus on the currently selected date element
    */
-  var focusSelectedDate = function focusSelectedDate() {
-    delay(function () {
-      var container = getOverlayContainer();
-      var selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected="true"]');
+  const focusSelectedDate = () => {
+    delay(() => {
+      const container = getOverlayContainer();
+      const selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected="true"]');
       selectedElement === null || selectedElement === void 0 || selectedElement.focus();
     }, 1);
   };
@@ -53,42 +57,44 @@ function useFocus(props) {
   /**
    * Focus on the input element
    */
-  var focusInput = useEventCallback(function () {
-    delay(function () {
+  const focusInput = useEventCallback(() => {
+    delay(() => {
       var _target$current;
       return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
     }, 1);
   });
-  var onKeyFocusEvent = useEventCallback(function (event, options) {
-    var date = options.date,
-      callback = options.callback;
-    var delta = 0;
-    var step = showMonth ? 6 : 7;
-    var changeDateFunc = showMonth ? addMonths : addDays;
+  const onKeyFocusEvent = useEventCallback((event, options) => {
+    const {
+      date,
+      callback
+    } = options;
+    let delta = 0;
+    const step = showMonth ? 6 : 7;
+    const changeDateFunc = showMonth ? addMonths : addDays;
     onMenuKeyDown(event, {
-      down: function down() {
+      down: () => {
         delta = step;
       },
-      up: function up() {
+      up: () => {
         delta = -step;
       },
-      right: function right() {
+      right: () => {
         delta = 1;
       },
-      left: function left() {
+      left: () => {
         delta = -1;
       }
     });
-    var nextDate = changeDateFunc(date, delta);
+    const nextDate = changeDateFunc(date, delta);
     if (checkFocusable(nextDate)) {
       callback(nextDate);
       focusSelectedDate();
     }
   });
   return {
-    focusInput: focusInput,
-    focusSelectedDate: focusSelectedDate,
-    onKeyFocusEvent: onKeyFocusEvent
+    focusInput,
+    focusSelectedDate,
+    onKeyFocusEvent
   };
 }
 export default useFocus;

package/esm/DatePicker/hooks/useMonthView.js

@@ -2,22 +2,22 @@
 import { useState } from 'react';
 import { useEventCallback } from "../../internals/hooks/index.js";
 function useMonthView(props) {
-  var onToggleMonthDropdown = props.onToggleMonthDropdown;
-  var _useState = useState(false),
-    monthView = _useState[0],
-    setMonthView = _useState[1];
+  const {
+    onToggleMonthDropdown
+  } = props;
+  const [monthView, setMonthView] = useState(false);
 
   /**
    * The callback triggered after the month selection box is opened or closed.
    */
-  var toggleMonthView = useEventCallback(function (show) {
+  const toggleMonthView = useEventCallback(show => {
     onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 || onToggleMonthDropdown(show);
     setMonthView(show);
   });
   return {
-    monthView: monthView,
-    setMonthView: setMonthView,
-    toggleMonthView: toggleMonthView
+    monthView,
+    setMonthView,
+    toggleMonthView
   };
 }
 export default useMonthView;

package/esm/DatePicker/utils.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="lodash" />
-import PropTypes from 'prop-types';
 import { ToolbarProps } from './Toolbar';
 import { InnerRange, RangeType } from './types';
 import { DateRange } from '../DateRangePicker/types';
@@ -14,10 +13,4 @@ export declare function splitRanges(ranges?: RangeType<Date>[]): {
     sideRanges: RangeType<Date>[];
     bottomRanges: RangeType<Date>[];
 };
-export declare const deprecatedPropTypes: {
-    disabledDate: PropTypes.Requireable<(...args: any[]) => any>;
-    disabledHours: PropTypes.Requireable<(...args: any[]) => any>;
-    disabledMinutes: PropTypes.Requireable<(...args: any[]) => any>;
-    disabledSeconds: PropTypes.Requireable<(...args: any[]) => any>;
-};
 export declare const getRestProps: (props: any, omitProps?: string[]) => import("lodash").Omit<any, string>;

package/esm/DatePicker/utils.js

@@ -1,14 +1,9 @@
 'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["value"];
-import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
-import { deprecatePropTypeNew } from "../internals/propTypes/index.js";
 import { omitTriggerPropKeys } from "../internals/Picker/index.js";
 import { subDays, startOfDay, endOfDay, calendarOnlyProps, startOfToday } from "../internals/utils/date/index.js";
 export function getDefaultRanges(value) {
-  var today = startOfToday();
+  const today = startOfToday();
 
   /**
    * If it is an array type, it returns the default shortcut key suitable for DateRangePicker Toolbar,
@@ -34,14 +29,19 @@ export function getDefaultRanges(value) {
     value: subDays(today, 1)
   }];
 }
-var generateRangesIterator = function generateRangesIterator(_ref) {
-  var calendarDate = _ref.calendarDate;
-  return function (_ref2) {
-    var value = _ref2.value,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-    return _extends({
-      value: typeof value === 'function' ? value(calendarDate) : value
-    }, rest);
+const generateRangesIterator = _ref => {
+  let {
+    calendarDate
+  } = _ref;
+  return _ref2 => {
+    let {
+      value,
+      ...rest
+    } = _ref2;
+    return {
+      value: typeof value === 'function' ? value(calendarDate) : value,
+      ...rest
+    };
   };
 };
 
@@ -50,37 +50,29 @@ var generateRangesIterator = function generateRangesIterator(_ref) {
  * @param ranges
  * @param calendarDate
  */
-export var getRanges = function getRanges(_ref3) {
-  var ranges = _ref3.ranges,
-    calendarDate = _ref3.calendarDate;
+export const getRanges = _ref3 => {
+  let {
+    ranges,
+    calendarDate
+  } = _ref3;
   return typeof ranges === 'undefined' ? getDefaultRanges(calendarDate) : ranges.map(generateRangesIterator({
-    calendarDate: calendarDate
+    calendarDate
   }));
 };
 export function splitRanges(ranges) {
   // The shortcut option on the left side of the calendar panel
-  var sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {
-    return (range === null || range === void 0 ? void 0 : range.placement) === 'left';
-  })) || [];
+  const sideRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(range => (range === null || range === void 0 ? void 0 : range.placement) === 'left')) || [];
 
   // The shortcut option on the bottom of the calendar panel
-  var bottomRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(function (range) {
-    return (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined;
-  })) || [];
+  const bottomRanges = (ranges === null || ranges === void 0 ? void 0 : ranges.filter(range => (range === null || range === void 0 ? void 0 : range.placement) === 'bottom' || (range === null || range === void 0 ? void 0 : range.placement) === undefined)) || [];
   return {
-    sideRanges: sideRanges,
-    bottomRanges: bottomRanges
+    sideRanges,
+    bottomRanges
   };
 }
-export var deprecatedPropTypes = {
-  disabledDate: deprecatePropTypeNew(PropTypes.func, 'Use "shouldDisableDate" property instead.'),
-  disabledHours: deprecatePropTypeNew(PropTypes.func, 'Use "shouldDisableHour" property instead.'),
-  disabledMinutes: deprecatePropTypeNew(PropTypes.func, 'Use "shouldDisableMinute" property instead.'),
-  disabledSeconds: deprecatePropTypeNew(PropTypes.func, 'Use "shouldDisableSecond" property instead.')
-};
-export var getRestProps = function getRestProps(props, omitProps) {
+export const getRestProps = function (props, omitProps) {
   if (omitProps === void 0) {
     omitProps = [];
   }
-  return omit(props, [].concat(omitTriggerPropKeys, calendarOnlyProps, omitProps));
+  return omit(props, [...omitTriggerPropKeys, ...calendarOnlyProps, ...omitProps]);
 };