rsuite 6.0.0-canary-20250507 → 6.0.0-canary-2025062016

package/esm/Animation/Bounce.js

@@ -7,11 +7,10 @@ import { useStyles, useCustom } from "../internals/hooks/index.js";
  * Bounce animation component
  * @see https://rsuitejs.com/components/animation/#bounce
  */
-const Bounce = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    timeout = 300,
-    ...props
-  } = _ref;
+const Bounce = /*#__PURE__*/React.forwardRef(({
+  timeout = 300,
+  ...props
+}, ref) => {
   const {
     prefix
   } = useStyles('anim');

package/esm/Animation/Fade.js

@@ -7,12 +7,11 @@ import { useStyles, useCustom } from "../internals/hooks/index.js";
  * Fade animation component
  * @see https://rsuitejs.com/components/animation/#fade
  */
-const Fade = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    timeout = 300,
-    className,
-    ...props
-  } = _ref;
+const Fade = /*#__PURE__*/React.forwardRef(({
+  timeout = 300,
+  className,
+  ...props
+}, ref) => {
   const {
     prefix,
     merge

package/esm/Animation/Slide.js

@@ -7,12 +7,11 @@ import { useStyles, useCustom } from "../internals/hooks/index.js";
  * Slide animation component
  * @see https://rsuitejs.com/components/animation/#slide
  */
-const Slide = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    timeout = 300,
-    placement = 'right',
-    ...props
-  } = _ref;
+const Slide = /*#__PURE__*/React.forwardRef(({
+  timeout = 300,
+  placement = 'right',
+  ...props
+}, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Slide', props);

package/esm/Calendar/MonthDropdown/MonthDropdown.js

@@ -55,11 +55,10 @@ const MonthDropdown = forwardRef((props, ref) => {
     itemAs: Item = 'div',
     ...restListProps
   } = monthDropdownProps || {};
-  const rowRenderer = useCallback(_ref => {
-    let {
-      index,
-      style
-    } = _ref;
+  const rowRenderer = useCallback(({
+    index,
+    style
+  }) => {
     const selectedMonth = getMonth(date);
     const selectedYear = getYear(date);
     const year = startYear + index;
@@ -111,21 +110,18 @@ const MonthDropdown = forwardRef((props, ref) => {
   }, /*#__PURE__*/React.createElement(AutoSizer, {
     defaultHeight: defaultHeight,
     defaultWidth: defaultWidth
-  }, _ref2 => {
-    let {
-      height,
-      width
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(FixedSizeList, _extends({
-      className: merge(prefix('row-wrapper'), listClassName),
-      width: width || defaultWidth,
-      height: height || defaultHeight,
-      itemSize: ITEM_SIZE,
-      itemCount: rowCount,
-      initialScrollOffset: initialScrollOffset,
-      innerElementType: List
-    }, restListProps), rowRenderer);
-  })));
+  }, ({
+    height,
+    width
+  }) => /*#__PURE__*/React.createElement(FixedSizeList, _extends({
+    className: merge(prefix('row-wrapper'), listClassName),
+    width: width || defaultWidth,
+    height: height || defaultHeight,
+    itemSize: ITEM_SIZE,
+    itemCount: rowCount,
+    initialScrollOffset: initialScrollOffset,
+    innerElementType: List
+  }, restListProps), rowRenderer))));
 });
 MonthDropdown.displayName = 'MonthDropdown';
 export default MonthDropdown;

package/esm/Calendar/TimeDropdown/utils/scrollToTime.js

@@ -12,8 +12,7 @@ export function scrollToTime(time, row) {
       }
     }
   };
-  Object.entries(time).forEach(_ref => {
-    let [type, value] = _ref;
+  Object.entries(time).forEach(([type, value]) => {
     const container = row.querySelector(`[data-type="${type}"]`);
     if (container) {
       scrollToPosition(container, value, type);

package/esm/Calendar/hooks/useCalendarDate.js

@@ -11,12 +11,9 @@ export const useCalendarDate = (value, defaultDate) => {
       setValue(date);
     }
   }, [calendarDate]);
-  const resetCalendarDate = useCallback(function (nextValue) {
-    var _ref2, _nextValue;
-    if (nextValue === void 0) {
-      nextValue = value;
-    }
-    setValue((_ref2 = (_nextValue = nextValue) !== null && _nextValue !== void 0 ? _nextValue : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : startOfToday());
+  const resetCalendarDate = useCallback((nextValue = value) => {
+    var _ref2;
+    setValue((_ref2 = nextValue !== null && nextValue !== void 0 ? nextValue : defaultDate) !== null && _ref2 !== void 0 ? _ref2 : startOfToday());
   }, [defaultDate, value]);
   useUpdateEffect(() => {
     var _valueRef$current;

package/esm/CascadeTree/hooks/usePaths.js

@@ -10,14 +10,13 @@ import { getColumnsAndPaths } from "../utils.js";
  * - The path towards the current selected item (referred to by Cascader's value)
  *
  */
-export function usePaths(_ref) {
-  let {
-    data,
-    activeItem,
-    selectedItem,
-    getParent,
-    getChildren
-  } = _ref;
+export function usePaths({
+  data,
+  activeItem,
+  selectedItem,
+  getParent,
+  getChildren
+}) {
   const pathTowardsSelectedItem = useMemo(() => getPathTowardsItem(selectedItem, getParent), [getParent, selectedItem]);
   const {
     columns,

package/esm/CheckTree/CheckTreeView.js

@@ -219,12 +219,11 @@ const CheckTreeView = forwardRef((props, ref) => {
       treeItemRef: ref => saveTreeNodeRef(ref, refKey)
     }, treeNodeProps));
   };
-  const renderVirtualListNode = _ref => {
-    let {
-      index,
-      style,
-      data
-    } = _ref;
+  const renderVirtualListNode = ({
+    index,
+    style,
+    data
+  }) => {
     const node = data[index];
     const {
       layer,
@@ -286,20 +285,17 @@ const CheckTreeView = forwardRef((props, ref) => {
       height: 'auto'
     },
     className: prefix('virt-auto-sizer')
-  }, _ref2 => {
-    let {
-      height
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(List, _extends({
-      ref: listRef,
-      height: height,
-      itemSize: defaultItemSize,
-      itemCount: formattedNodes.length,
-      itemData: formattedNodes,
-      className: prefix('virt-list'),
-      scrollShadow: scrollShadow
-    }, listProps), renderVirtualListNode);
-  }) : formattedNodes));
+  }, ({
+    height
+  }) => /*#__PURE__*/React.createElement(List, _extends({
+    ref: listRef,
+    height: height,
+    itemSize: defaultItemSize,
+    itemCount: formattedNodes.length,
+    itemData: formattedNodes,
+    className: prefix('virt-list'),
+    scrollShadow: scrollShadow
+  }, listProps), renderVirtualListNode)) : formattedNodes));
 });
 CheckTreeView.displayName = 'CheckTreeView';
 export default CheckTreeView;

package/esm/CheckTree/hooks/useTreeValue.js

@@ -1,11 +1,10 @@
 'use client';
 import { useControlled, useMount } from "../../internals/hooks/index.js";
 import { getCheckTreeDefaultValue } from "../utils.js";
-function useTreeValue(controlledValue, _ref) {
-  let {
-    defaultValue,
-    uncheckableItemValues
-  } = _ref;
+function useTreeValue(controlledValue, {
+  defaultValue,
+  uncheckableItemValues
+}) {
   const [value, setValue, isControlled] = useControlled(controlledValue, defaultValue);
   useMount(() => {
     setValue(getCheckTreeDefaultValue(value, uncheckableItemValues));

package/esm/CheckTreePicker/CheckTreePicker.d.ts

@@ -25,6 +25,10 @@ export interface CheckTreePickerProps<V = ValueType> extends Omit<CheckTreeViewP
      * Custom render selected items
      */
     renderValue?: (value: V, selectedNodes: TreeNode[], selectedElement: React.ReactNode) => React.ReactNode;
+    /**
+     * In the cascade case, the leaf node's value change callbacks
+     */
+    onCascadeChange?: (v: ValueType, event: React.SyntheticEvent) => void;
 }
 /**
  * The `CheckTreePicker` component is used for selecting multiple options which are organized in a tree structure.

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -77,6 +77,7 @@ const CheckTreePicker = forwardRef((props, ref) => {
     renderTree,
     renderTreeIcon,
     renderTreeNode,
+    onCascadeChange,
     ...rest
   } = propsWithDefaults;
   const {
@@ -148,6 +149,7 @@ const CheckTreePicker = forwardRef((props, ref) => {
     setFocusItemValue(null);
     setValue([]);
     onChange === null || onChange === void 0 || onChange([], event);
+    onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange([], event);
   });
   const handleTreeKeyDown = useEventCallback(event => {
     onMenuKeyDown(event, {
@@ -166,9 +168,35 @@ const CheckTreePicker = forwardRef((props, ref) => {
     onMenuKeyDown: handleTreeKeyDown,
     ...rest
   });
+
+  // transform the parent node value to the leaf node value
+  const handleTransValue2Children = useEventCallback(nextSelectedNodes => {
+    return nextSelectedNodes.map(node => {
+      const currentNode = node.refKey ? flattenedNodes[node.refKey] : null;
+      if (currentNode && currentNode[childrenKey] && currentNode[childrenKey].length) {
+        const childNodes = currentNode[childrenKey].filter(child => {
+          const childValue = child[valueKey];
+          return !disabledItemValues.includes(childValue) && !uncheckableItemValues.includes(childValue);
+        });
+        return handleTransValue2Children(childNodes);
+      }
+      return node;
+    }).flat();
+  });
+  const handleChangeCascade = useEventCallback((nextValue, event) => {
+    if (!cascade) {
+      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(nextValue, event);
+    } else {
+      const nextSelectedNodes = getSelectedItems(flattenedNodes, nextValue);
+      const childrenNodes = handleTransValue2Children(nextSelectedNodes);
+      const childrenValue = childrenNodes.map(node => node[valueKey]);
+      onCascadeChange === null || onCascadeChange === void 0 || onCascadeChange(childrenValue, event);
+    }
+  });
   const handleChange = useEventCallback((nextValue, event) => {
     setValue(nextValue);
     onChange === null || onChange === void 0 || onChange(nextValue, event);
+    handleChangeCascade(nextValue, event);
   });
   const treeContext = useMemo(() => ({
     register,

package/esm/CustomProvider/CustomProvider.js

@@ -6,6 +6,7 @@ import { getClassNamePrefix, prefix } from "../internals/utils/index.js";
 import { addClass, removeClass, canUseDOM } from "../DOMHelper/index.js";
 import { CustomContext } from "../internals/Provider/CustomContext.js";
 import ToastContainer, { toastPlacements, defaultToasterContainer } from "../toaster/ToastContainer.js";
+import DialogContainer from "../useDialog/DialogContainer.js";
 const themes = ['light', 'dark', 'high-contrast'];
 
 /**
@@ -27,6 +28,8 @@ export default function CustomProvider(props) {
     ...rest
   } = props;
   const toasters = useRef(new Map());
+  // This creates a ref that matches the expected type in CustomContext
+  const dialogContainerRef = useRef(null);
   const {
     Portal
   } = usePortal({
@@ -59,8 +62,14 @@ export default function CustomProvider(props) {
       });
     }
   }, [classPrefix, theme]);
+
+  // Create a context value with proper types
+  const contextValue = {
+    dialogContainer: dialogContainerRef,
+    ...value
+  };
   return /*#__PURE__*/React.createElement(CustomContext.Provider, {
-    value: value
+    value: contextValue
   }, /*#__PURE__*/React.createElement(IconProvider, {
     value: iconContext
   }, children, /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("div", {
@@ -71,5 +80,7 @@ export default function CustomProvider(props) {
     ref: ref => {
       toasters.current.set(placement, ref);
     }
-  }))))));
+  }))), /*#__PURE__*/React.createElement(DialogContainer, {
+    ref: dialogContainerRef
+  }))));
 }

package/esm/DateInput/DateInput.js

@@ -115,6 +115,10 @@ const DateInput = forwardRef((props, ref) => {
   const onSegmentValueChangeWithNumericKeys = useEventCallback(event => {
     const input = event.target;
     const key = event.key;
+    const isFunctionKey = key.startsWith('F') && !isNaN(Number(key.slice(1)));
+    if (isFunctionKey) {
+      return;
+    }
     const pattern = selectedState.selectedPattern;
     if (!pattern) {
       return;

package/esm/DateInput/hooks/useDateInputState.js

@@ -4,13 +4,12 @@ import { useCallback, useEffect } from 'react';
 import { addDays, addMonths, addYears, addHours, addMinutes, addSeconds, isLastDayOfMonth, lastDayOfMonth, isValid } from "../../internals/utils/date/index.js";
 import { useCustom } from "../../internals/hooks/index.js";
 import { useDateField, patternMap } from "../DateField.js";
-export function useDateInputState(_ref) {
-  let {
-    formatStr,
-    locale,
-    date,
-    isControlledDate
-  } = _ref;
+export function useDateInputState({
+  formatStr,
+  locale,
+  date,
+  isControlledDate
+}) {
   const {
     formatDate
   } = useCustom();

package/esm/DateInput/hooks/useIsFocused.js

@@ -1,10 +1,9 @@
 'use client';
 import { useState, useCallback } from 'react';
-export function useIsFocused(_ref) {
-  let {
-    onFocus: onFocusProp,
-    onBlur: onBlurProp
-  } = _ref;
+export function useIsFocused({
+  onFocus: onFocusProp,
+  onBlur: onBlurProp
+}) {
   const [isFocused, setIsFocused] = useState(false);
   const onFocus = useCallback(event => {
     setIsFocused(true);

package/esm/DateInput/hooks/useKeyboardInputEvent.js

@@ -1,12 +1,11 @@
 'use client';
-export function useKeyboardInputEvent(_ref) {
-  let {
-    onSegmentChange,
-    onSegmentValueChange,
-    onSegmentValueChangeWithNumericKeys,
-    onSegmentValueRemove,
-    onKeyDown
-  } = _ref;
+export function useKeyboardInputEvent({
+  onSegmentChange,
+  onSegmentValueChange,
+  onSegmentValueChangeWithNumericKeys,
+  onSegmentValueRemove,
+  onKeyDown
+}) {
   return event => {
     var _key$match, _key$match2;
     const key = event.key;

package/esm/DateInput/test/types/TestKeyPressProps.d.ts

@@ -0,0 +1,6 @@
+export interface TestKeyPressProps {
+    defaultValue?: Date | [Date | null, Date | null] | null;
+    format?: string;
+    expectedValue: string;
+    key: string;
+}

package/esm/DateInput/test/types/TestKeyPressProps.js

@@ -0,0 +1,2 @@
+'use client';
+export {};

package/esm/DatePicker/DatePicker.js

@@ -217,10 +217,7 @@ const DatePicker = forwardRef((props, ref) => {
     var _trigger$current, _trigger$current$clos;
     (_trigger$current = trigger.current) === null || _trigger$current === void 0 || (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 || _trigger$current$clos.call(_trigger$current);
   });
-  const updateValue = function (event, date, closeOverlay) {
-    if (closeOverlay === void 0) {
-      closeOverlay = true;
-    }
+  const updateValue = (event, date, closeOverlay = true) => {
     const nextValue = typeof date !== 'undefined' ? date : calendarDate;
     setCalendarDate(nextValue || startOfToday());
     setValue(nextValue);
@@ -282,10 +279,7 @@ const DatePicker = forwardRef((props, ref) => {
   /**
    * Callback after the date is selected.
    */
-  const handleCalendarSelect = useEventCallback(function (date, event, updatableValue) {
-    if (updatableValue === void 0) {
-      updatableValue = true;
-    }
+  const handleCalendarSelect = useEventCallback((date, event, updatableValue = true) => {
     const nextValue = copyTime({
       from: calendarDate,
       to: date

package/esm/DatePicker/Toolbar.js

@@ -5,13 +5,12 @@ import Button from "../Button/index.js";
 import PredefinedRanges from "./PredefinedRanges.js";
 import Stack from "../Stack/index.js";
 import { useStyles } from "../internals/hooks/index.js";
-const OkButton = _ref => {
-  let {
-    disableOkBtn,
-    calendarDate,
-    onOk,
-    children
-  } = _ref;
+const OkButton = ({
+  disableOkBtn,
+  calendarDate,
+  onOk,
+  children
+}) => {
   const disabled = disableOkBtn === null || disableOkBtn === void 0 ? void 0 : disableOkBtn(calendarDate);
   return /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",

package/esm/DatePicker/utils.js

@@ -29,32 +29,25 @@ export function getDefaultRanges(value) {
     value: subDays(today, 1)
   }];
 }
-const generateRangesIterator = _ref => {
-  let {
-    calendarDate
-  } = _ref;
-  return _ref2 => {
-    let {
-      value,
-      ...rest
-    } = _ref2;
-    return {
-      value: typeof value === 'function' ? value(calendarDate) : value,
-      ...rest
-    };
-  };
-};
+const generateRangesIterator = ({
+  calendarDate
+}) => ({
+  value,
+  ...rest
+}) => ({
+  value: typeof value === 'function' ? value(calendarDate) : value,
+  ...rest
+});
 
 /**
  * get Toolbar ranges from Toolbar props
  * @param ranges
  * @param calendarDate
  */
-export const getRanges = _ref3 => {
-  let {
-    ranges,
-    calendarDate
-  } = _ref3;
+export const getRanges = ({
+  ranges,
+  calendarDate
+}) => {
   return typeof ranges === 'undefined' ? getDefaultRanges(calendarDate) : ranges.map(generateRangesIterator({
     calendarDate
   }));
@@ -70,9 +63,6 @@ export function splitRanges(ranges) {
     bottomRanges
   };
 }
-export const getRestProps = function (props, omitProps) {
-  if (omitProps === void 0) {
-    omitProps = [];
-  }
+export const getRestProps = (props, omitProps = []) => {
   return omit(props, [...overlayPropKeys, ...calendarOnlyProps, ...omitProps]);
 };

package/esm/DateRangeInput/DateRangeInput.js

@@ -69,10 +69,7 @@ const DateRangeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
     increment,
     reset
   } = useFieldCursor(formatStr, valueProp);
-  const getActiveState = function (type) {
-    if (type === void 0) {
-      type = dateType;
-    }
+  const getActiveState = (type = dateType) => {
     return type === DateType.Start ? startDateState : endDateState;
   };
   const [focused, focusEventProps] = useIsFocused({
@@ -154,6 +151,10 @@ const DateRangeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
     const input = event.target;
     const key = event.key;
     const pattern = selectedState.selectedPattern;
+    const isFunctionKey = key.startsWith('F') && !isNaN(Number(key.slice(1)));
+    if (isFunctionKey) {
+      return;
+    }
     if (!pattern) {
       return;
     }

package/esm/DateRangePicker/Calendar.d.ts

@@ -4,7 +4,7 @@ import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
 import { DateRange } from './types';
 import { WithAsProps } from '../internals/types';
 import { DateRangePickerLocale } from '../locales';
-type OmitCalendarCoreTypes = 'disabledDate' | 'onSelect' | 'onMouseMove' | 'calendarDate' | 'format' | 'locale';
+type OmitCalendarCoreTypes = 'disabledDate' | 'onSelect' | 'onMouseMove' | 'calendarDate' | 'format' | 'locale' | 'renderTitle';
 export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps, OmitCalendarCoreTypes> {
     calendarDateRange?: DateRange;
     disabledDate?: (date: Date, selectValue: [] | [Date] | [Date, Date], type: DATERANGE_DISABLED_TARGET) => boolean;
@@ -18,6 +18,7 @@ export interface CalendarProps extends WithAsProps, Omit<CalendarContainerProps,
     locale?: Partial<DateRangePickerLocale>;
     showWeekNumbers?: boolean;
     value?: [] | [Date] | [Date, Date];
+    renderTitle?: (date: Date, calendarKey: 'start' | 'end') => React.ReactNode;
     onChangeCalendarMonth?: (index: number, date: Date) => void;
     onChangeCalendarTime?: (index: number, date: Date) => void;
     onSelect?: (index: number, date: Date, event: React.SyntheticEvent) => void;

package/esm/DateRangePicker/Calendar.js

@@ -18,9 +18,11 @@ const Calendar = forwardRef((props, ref) => {
     onChangeCalendarMonth,
     onChangeCalendarTime,
     onSelect,
+    renderTitle,
     value = [],
     ...rest
   } = props;
+  const calendarKey = index === 0 ? 'start' : 'end';
   const calendarHandlers = useCalendarHandlers({
     index,
     calendarDateRange,
@@ -31,8 +33,11 @@ const Calendar = forwardRef((props, ref) => {
   const disableCalendarDate = useCallback(date => {
     return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date, value, DATERANGE_DISABLED_TARGET.CALENDAR);
   }, [disabledDate, value]);
+  const handleRenderTitle = useCallback(date => {
+    return renderTitle === null || renderTitle === void 0 ? void 0 : renderTitle(date, calendarKey);
+  }, [renderTitle, calendarKey]);
   return /*#__PURE__*/React.createElement(Component, _extends({
-    "data-testid": `calendar-${index === 0 ? 'start' : 'end'}`
+    "data-testid": `calendar-${calendarKey}`
   }, rest, calendarHandlers, {
     index: index,
     format: format,
@@ -40,6 +45,7 @@ const Calendar = forwardRef((props, ref) => {
     disabledDate: disableCalendarDate,
     limitEndYear: limitEndYear,
     limitStartYear: limitStartYear,
+    renderTitle: handleRenderTitle,
     ref: ref
   }));
 });

package/esm/DateRangePicker/DateRangePicker.d.ts

@@ -158,8 +158,10 @@ export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLoc
     renderValue?: (value: DateRange, format: string) => string;
     /**
      * Custom render for calendar title
+     *
+     * - calendarKey is added in v5.83.0
      */
-    renderTitle?: (date: Date) => React.ReactNode;
+    renderTitle?: (date: Date, calendarKey: 'start' | 'end') => React.ReactNode;
     /**
      * Custom rendering calendar cell content.
      *

package/esm/DateRangePicker/DateRangePicker.js

@@ -179,12 +179,11 @@ const DateRangePicker = forwardRef((props, ref) => {
    * Call this function to update the calendar panel rendering benchmark value.
    * If params `value` is not passed, it defaults to [new Date(), addMonth(new Date(), 1)].
    */
-  const setCalendarDateRange = _ref3 => {
-    let {
-      dateRange,
-      calendarKey,
-      eventName
-    } = _ref3;
+  const setCalendarDateRange = ({
+    dateRange,
+    calendarKey,
+    eventName
+  }) => {
     let nextValue = dateRange;
 
     // The time should remain the same when the dates in the date range are changed.
@@ -257,10 +256,7 @@ const DateRangePicker = forwardRef((props, ref) => {
     }
     return hoverValues;
   };
-  const setDateRange = function (event, nextValue, closeOverlay) {
-    if (closeOverlay === void 0) {
-      closeOverlay = true;
-    }
+  const setDateRange = (event, nextValue, closeOverlay = true) => {
     // If nextValue is null, it means that the user is erasing the selected dates.
     setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);
     setValue(nextValue);
@@ -435,10 +431,7 @@ const DateRangePicker = forwardRef((props, ref) => {
   /**
    * Toolbar operation callback function
    */
-  const handleShortcutPageDate = useEventCallback(function (range, closeOverlay, event) {
-    if (closeOverlay === void 0) {
-      closeOverlay = false;
-    }
+  const handleShortcutPageDate = useEventCallback((range, closeOverlay = false, event) => {
     const value = range.value;
     setCalendarDateRange({
       dateRange: value,
@@ -545,10 +538,7 @@ const DateRangePicker = forwardRef((props, ref) => {
   /**
    * Check if a shortcut is disabled based on the selected date range
    */
-  const shouldDisableShortcut = function (selectedDates) {
-    if (selectedDates === void 0) {
-      selectedDates = [];
-    }
+  const shouldDisableShortcut = (selectedDates = []) => {
     if (selectedDates === null) {
       return false;
     }