rsuite 6.1.2 → 6.1.3

package/cjs/DateInput/DateInput.js

@@ -79,7 +79,7 @@ const DateInput = (0, _utils.forwardRef)((props, ref) => {
   }), [dateField, dateString, formatStr, dateLocale]);
   const setSelectionRange = (0, _utils2.useInputSelection)(inputRef);
   const handleChange = (0, _hooks.useEventCallback)((value, event) => {
-    onChange === null || onChange === void 0 || onChange(value, event);
+    onChange?.(value, event);
     setValue(value);
   });
   const handleClear = (0, _hooks.useEventCallback)(event => {
@@ -211,15 +211,14 @@ const DateInput = (0, _utils.forwardRef)((props, ref) => {
     }
   });
   const handlePaste = (0, _hooks.useEventCallback)(event => {
-    var _event$clipboardData;
     event.preventDefault();
-    const pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');
+    const pasteText = event.clipboardData?.getData('text');
     const nextDate = parseDate(pasteText, formatStr);
     if ((0, _date.isValid)(nextDate)) {
       handleChange(nextDate, event);
       setNewDate(nextDate);
     }
-    onPaste === null || onPaste === void 0 || onPaste(event);
+    onPaste?.(event);
   });
   const onKeyboardInput = (0, _useKeyboardInputEvent.default)({
     onSegmentChange,

package/cjs/DateInput/hooks/useDateInputState.d.ts

@@ -6,15 +6,135 @@ interface DateInputState {
     isControlledDate?: boolean;
 }
 export declare function useDateInputState({ formatStr, locale, date, isControlledDate }: DateInputState): {
-    dateField: import("../DateField").DateField;
-    setDateOffset: (pattern: string, offset: number, callback?: ((newDate: Date | null) => void) | undefined) => void;
-    setDateField: (pattern: string, value: number | null, callback?: ((newDate: Date | null) => void) | undefined) => void;
+    dateField: {
+        year: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        month: number | null;
+        day: number | null;
+        hour: number | null;
+        minute: number | null;
+        second: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    } | {
+        month: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        year: number | null;
+        day: number | null;
+        hour: number | null;
+        minute: number | null;
+        second: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    } | {
+        day: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        year: number | null;
+        month: number | null;
+        hour: number | null;
+        minute: number | null;
+        second: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    } | {
+        hour: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        year: number | null;
+        month: number | null;
+        day: number | null;
+        minute: number | null;
+        second: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    } | {
+        minute: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        year: number | null;
+        month: number | null;
+        day: number | null;
+        hour: number | null;
+        second: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    } | {
+        second: any;
+        format: string;
+        patternArray: {
+            pattern: string;
+            key: string;
+        }[];
+        year: number | null;
+        month: number | null;
+        day: number | null;
+        hour: number | null;
+        minute: number | null;
+        constructor: Function;
+        toString(): string;
+        toLocaleString(): string;
+        valueOf(): Object;
+        hasOwnProperty(v: PropertyKey): boolean;
+        isPrototypeOf(v: Object): boolean;
+        propertyIsEnumerable(v: PropertyKey): boolean;
+        should: Chai.Assertion;
+    };
+    setDateOffset: (pattern: string, offset: number, callback?: (newDate: Date | null) => void) => void;
+    setDateField: (pattern: string, value: number | null, callback?: (newDate: Date | null) => void) => void;
     setNewDate: (value: Date | null) => void;
     getDateField: (pattern: string) => {
         name: any;
         value: any;
     };
     toDateString: () => string;
-    isEmptyValue: (type?: string | undefined, value?: number | null | undefined) => boolean | undefined;
+    isEmptyValue: (type?: string, value?: number | null) => boolean | undefined;
 };
 export default useDateInputState;

package/cjs/DateInput/hooks/useDateInputState.js

@@ -81,7 +81,7 @@ function useDateInputState({
         value
       });
       const field = _DateField.patternMap[pattern];
-      callback === null || callback === void 0 || callback(toDate(field, value));
+      callback?.(toDate(field, value));
     }
   };
   const setDateField = (pattern, value, callback) => {
@@ -91,7 +91,7 @@ function useDateInputState({
       type: actionName,
       value
     });
-    callback === null || callback === void 0 || callback(toDate(field, value));
+    callback?.(toDate(field, value));
   };
   const getDateField = pattern => {
     const fieldName = _DateField.patternMap[pattern];

package/cjs/DateInput/hooks/useIsFocused.js

@@ -12,11 +12,11 @@ function useIsFocused({
   const [isFocused, setIsFocused] = (0, _react.useState)(false);
   const onFocus = (0, _react.useCallback)(event => {
     setIsFocused(true);
-    onFocusProp === null || onFocusProp === void 0 || onFocusProp(event);
+    onFocusProp?.(event);
   }, [onFocusProp]);
   const onBlur = (0, _react.useCallback)(event => {
     setIsFocused(false);
-    onBlurProp === null || onBlurProp === void 0 || onBlurProp(event);
+    onBlurProp?.(event);
   }, [onBlurProp]);
   return [isFocused, {
     onFocus,

package/cjs/DateInput/hooks/useKeyboardInputEvent.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface KeyboardEventOptions {
     onSegmentChange?: (kevent: React.KeyboardEvent<HTMLInputElement>) => void;
     onSegmentValueChange?: (event: React.KeyboardEvent<HTMLInputElement>) => void;

package/cjs/DateInput/hooks/useKeyboardInputEvent.js

@@ -13,26 +13,25 @@ function useKeyboardInputEvent({
   onKeyDown
 }) {
   return event => {
-    var _key$match, _key$match2;
     const key = event.key;
     switch (key) {
       case 'ArrowRight':
       case 'ArrowLeft':
-        onSegmentChange === null || onSegmentChange === void 0 || onSegmentChange(event);
+        onSegmentChange?.(event);
         event.preventDefault();
         break;
       case 'ArrowUp':
       case 'ArrowDown':
-        onSegmentValueChange === null || onSegmentValueChange === void 0 || onSegmentValueChange(event);
+        onSegmentValueChange?.(event);
         event.preventDefault();
         break;
       case 'Backspace':
-        onSegmentValueRemove === null || onSegmentValueRemove === void 0 || onSegmentValueRemove(event);
+        onSegmentValueRemove?.(event);
         event.preventDefault();
         break;
-      case (_key$match = key.match(/\d/)) === null || _key$match === void 0 ? void 0 : _key$match.input:
+      case key.match(/\d/)?.input:
         // Allow numeric keys to be entered
-        onSegmentValueChangeWithNumericKeys === null || onSegmentValueChangeWithNumericKeys === void 0 || onSegmentValueChangeWithNumericKeys(event);
+        onSegmentValueChangeWithNumericKeys?.(event);
         event.preventDefault();
         break;
       case 'a':
@@ -45,10 +44,10 @@ function useKeyboardInputEvent({
         }
 
         // Handle AM/PM toggle with 'a' or 'p' keys
-        onAmPmToggle === null || onAmPmToggle === void 0 || onAmPmToggle(event);
+        onAmPmToggle?.(event);
         event.preventDefault();
         break;
-      case (_key$match2 = key.match(/[a-z]/)) === null || _key$match2 === void 0 ? void 0 : _key$match2[0]:
+      case key.match(/[a-z]/)?.[0]:
         // Determine whether the Ctrl or Command key is pressed, does not affect user copy and paste
         if (event.ctrlKey || event.metaKey) {
           break;
@@ -58,7 +57,7 @@ function useKeyboardInputEvent({
         event.preventDefault();
         break;
     }
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+    onKeyDown?.(event);
   };
 }
 var _default = exports.default = useKeyboardInputEvent;

package/cjs/DateInput/hooks/useSelectedState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function useSelectedState(): {
     selectedState: {
         selectedPattern: string;

package/cjs/DateInput/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Locale } from 'date-fns';
 interface SelectedStateOptions {
     /**

package/cjs/DateInput/utils.js

@@ -13,8 +13,7 @@ exports.validateDateTime = validateDateTime;
 var _date = require("../internals/utils/date");
 var _utils = require("../internals/utils");
 function getPatternGroups(format, pattern) {
-  var _format$match;
-  return ((_format$match = format.match(new RegExp(`(${pattern})+`))) === null || _format$match === void 0 ? void 0 : _format$match[0]) || '';
+  return format.match(new RegExp(`(${pattern})+`))?.[0] || '';
 }
 function getSelectIndexGap(options) {
   const {
@@ -48,7 +47,7 @@ function getSelectIndexGap(options) {
     } else if (month === 0) {
       month = 12;
     }
-    const monthStr = localize === null || localize === void 0 ? void 0 : localize.month(month - 1, {
+    const monthStr = localize?.month(month - 1, {
       width: monthIsFull ? 'wide' : 'abbreviated'
     });
     gap = monthStr.length - (monthIsFull ? 4 : 3);

package/cjs/DatePicker/DatePicker.js

@@ -100,7 +100,7 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
     target,
     overlay
   } = (0, _Picker.usePickerRef)(ref);
-  const formatStr = format || (locale === null || locale === void 0 ? void 0 : locale.shortDateFormat) || 'yyyy-MM-dd';
+  const formatStr = format || locale?.shortDateFormat || 'yyyy-MM-dd';
   const {
     merge,
     prefix
@@ -149,7 +149,7 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
    * Check whether the time is within the time range of the shortcut option in the toolbar.
    */
   const isDatetimeDisabled = date => {
-    return (isDateDisabled === null || isDateDisabled === void 0 ? void 0 : isDateDisabled(date)) || (0, _date.disableTime)(props, date);
+    return isDateDisabled?.(date) || (0, _date.disableTime)(props, date);
   };
 
   /**
@@ -186,8 +186,8 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
    */
   const handleMoveForward = (0, _hooks2.useEventCallback)(nextPageDate => {
     setCalendarDate(nextPageDate);
-    onNextMonth === null || onNextMonth === void 0 || onNextMonth(nextPageDate);
-    onChangeCalendarDate === null || onChangeCalendarDate === void 0 || onChangeCalendarDate(nextPageDate);
+    onNextMonth?.(nextPageDate);
+    onChangeCalendarDate?.(nextPageDate);
   });
 
   /**
@@ -195,16 +195,16 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
    */
   const handleMoveBackward = (0, _hooks2.useEventCallback)(nextPageDate => {
     setCalendarDate(nextPageDate);
-    onPrevMonth === null || onPrevMonth === void 0 || onPrevMonth(nextPageDate);
-    onChangeCalendarDate === null || onChangeCalendarDate === void 0 || onChangeCalendarDate(nextPageDate);
+    onPrevMonth?.(nextPageDate);
+    onChangeCalendarDate?.(nextPageDate);
   });
 
   /**
    * The callback triggered when the date changes.
    */
   const handleDateChange = (0, _hooks2.useEventCallback)((nextValue, event) => {
-    onSelect === null || onSelect === void 0 || onSelect(nextValue, event);
-    onChangeCalendarDate === null || onChangeCalendarDate === void 0 || onChangeCalendarDate(nextValue, event);
+    onSelect?.(nextValue, event);
+    onChangeCalendarDate?.(nextValue, event);
   });
 
   /**
@@ -219,15 +219,14 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
    * Close the calendar panel.
    */
   const handleClose = (0, _hooks2.useEventCallback)(() => {
-    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);
+    trigger.current?.close?.();
   });
   const updateValue = (event, date, closeOverlay = true) => {
     const nextValue = typeof date !== 'undefined' ? date : calendarDate;
     setCalendarDate(nextValue || (0, _date.startOfToday)());
     setValue(nextValue);
     if (nextValue !== value) {
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChange?.(nextValue, event);
     }
 
     // `closeOverlay` default value is `true`
@@ -243,7 +242,7 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
     const value = range.value;
     updateValue(event, value, closeOverlay);
     handleDateChange(value, event);
-    onShortcutClick === null || onShortcutClick === void 0 || onShortcutClick(range, event);
+    onShortcutClick?.(range, event);
   });
 
   /**
@@ -251,7 +250,7 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
    */
   const handleOK = (0, _hooks2.useEventCallback)(event => {
     updateValue(event);
-    onOk === null || onOk === void 0 || onOk(calendarDate, event);
+    onOk?.(calendarDate, event);
     focusInput();
   });
 
@@ -260,10 +259,10 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
    */
 
   const handleClean = (0, _hooks2.useEventCallback)(event => {
-    event === null || event === void 0 || event.stopPropagation();
+    event?.stopPropagation();
     updateValue(event, null);
     resetCalendarDate(null);
-    onClean === null || onClean === void 0 || onClean(event);
+    onClean?.(event);
   });
   const handlePickerPopupKeyDown = (0, _hooks2.useEventCallback)(event => {
     onKeyFocusEvent(event, {
@@ -323,26 +322,21 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
     (0, _Picker.onMenuKeyDown)(event, {
       esc: handleClose,
       enter: () => {
-        var _trigger$current2;
         const {
           open
-        } = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {};
+        } = trigger.current?.getState() || {};
         if (open) {
           if ((0, _date.isValid)(calendarDate) && !isDateDisabled(calendarDate)) {
             updateValue(event);
             focusInput();
           }
         } else {
-          var _trigger$current3;
-          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 || _trigger$current3.open();
+          trigger.current?.open();
         }
       }
     });
   });
-  const calendarProps = (0, _mapValues.default)((0, _pick.default)(props, _date.calendarOnlyProps), func => (next, date) => {
-    var _func;
-    return (_func = func === null || func === void 0 ? void 0 : func(next, date)) !== null && _func !== void 0 ? _func : false;
-  });
+  const calendarProps = (0, _mapValues.default)((0, _pick.default)(props, _date.calendarOnlyProps), func => (next, date) => func?.(next, date) ?? false);
   const {
     sideRanges,
     bottomRanges
@@ -418,14 +412,13 @@ const DatePicker = (0, _utils2.forwardRef)((props, ref) => {
     return caretAsProp || (mode === _date.DateMode.Time ? _Time.default : _CalenderSimple.default);
   }, [caretAsProp, mode]);
   const handleTriggerClose = (0, _hooks2.useEventCallback)(cause => {
-    var _props$onClose;
     // Unless overlay is closing on user clicking "OK" button,
     // reset the selected date on calendar panel
     if (cause !== _OverlayTrigger.OverlayCloseCause.ImperativeHandle) {
       resetCalendarDate();
     }
     setMonthView(false);
-    (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props);
+    props.onClose?.();
   });
   const showCleanButton = cleanable && hasValue && !readOnly;
   const [ariaProps, rest] = (0, _utils2.partitionHTMLProps)(restProps, {

package/cjs/DatePicker/PredefinedRanges.js

@@ -44,12 +44,12 @@ const PredefinedRanges = /*#__PURE__*/_react.default.forwardRef(function Predefi
       label,
       ...rest
     } = range;
-    const disabled = disableShortcut === null || disableShortcut === void 0 ? void 0 : disableShortcut(value);
+    const disabled = disableShortcut?.(value);
     const handleClickShortcut = event => {
       if (disabled) {
         return;
       }
-      onShortcutClick === null || onShortcutClick === void 0 || onShortcutClick(range, closeOverlay !== false ? true : false, event);
+      onShortcutClick?.(range, closeOverlay !== false ? true : false, event);
     };
     return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
       appearance: "link",
@@ -57,7 +57,7 @@ const PredefinedRanges = /*#__PURE__*/_react.default.forwardRef(function Predefi
       key: index,
       disabled: disabled,
       onClick: handleClickShortcut
-    }, rest), hasLocaleKey(label) && typeof label === 'string' ? locale === null || locale === void 0 ? void 0 : locale[label] : label);
+    }, rest), hasLocaleKey(label) && typeof label === 'string' ? locale?.[label] : label);
   }));
 });
 var _default = exports.default = PredefinedRanges;

package/cjs/DatePicker/Toolbar.js

@@ -16,7 +16,7 @@ const OkButton = ({
   onOk,
   children
 }) => {
-  const disabled = disableOkBtn === null || disableOkBtn === void 0 ? void 0 : disableOkBtn(calendarDate);
+  const disabled = disableOkBtn?.(calendarDate);
   return /*#__PURE__*/_react.default.createElement(_Button.default, {
     appearance: "primary",
     size: "sm",
@@ -47,13 +47,13 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     prefix,
     withPrefix
   } = (0, _hooks.useStyles)(classPrefix);
-  if (hideOkBtn && (ranges === null || ranges === void 0 ? void 0 : ranges.length) === 0) {
+  if (hideOkBtn && ranges?.length === 0) {
     return null;
   }
   const classes = merge(className, withPrefix());
 
   // If there are no ranges, the ok button should be aligned to the right
-  const justify = (ranges === null || ranges === void 0 ? void 0 : ranges.length) === 0 ? 'flex-end' : 'space-between';
+  const justify = ranges?.length === 0 ? 'flex-end' : 'space-between';
   return /*#__PURE__*/_react.default.createElement(_Stack.default, (0, _extends2.default)({
     ref: ref,
     className: classes,
@@ -74,7 +74,7 @@ const Toolbar = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     disableOkBtn: disableOkBtn,
     calendarDate: calendarDate,
     onOk: onOk
-  }, locale === null || locale === void 0 ? void 0 : locale.ok)));
+  }, locale?.ok)));
 });
 Toolbar.displayName = 'Toolbar';
 var _default = exports.default = Toolbar;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface UseCustomizedInputProps<T> {
     value?: T | null;
     formatStr: string;

package/cjs/DatePicker/hooks/useFocus.js

@@ -40,8 +40,8 @@ function useFocus(props) {
     const formatStr = showMonth ? formattedMonthPattern : formattedDayPattern;
     const ariaLabel = (0, _utils.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') {
+    const dateElement = container?.querySelector(`[aria-label="${ariaLabel}"]`);
+    if (dateElement?.getAttribute('aria-disabled') === 'true') {
       return false;
     }
     return true;
@@ -53,8 +53,8 @@ function useFocus(props) {
   const focusSelectedDate = () => {
     (0, _delay.default)(() => {
       const container = getOverlayContainer();
-      const selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected="true"]');
-      selectedElement === null || selectedElement === void 0 || selectedElement.focus();
+      const selectedElement = container?.querySelector('[aria-selected="true"]');
+      selectedElement?.focus();
     }, 1);
   };
 
@@ -62,10 +62,7 @@ function useFocus(props) {
    * Focus on the input element
    */
   const focusInput = (0, _hooks.useEventCallback)(() => {
-    (0, _delay.default)(() => {
-      var _target$current;
-      return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
-    }, 1);
+    (0, _delay.default)(() => target.current?.focus(), 1);
   });
   const onKeyFocusEvent = (0, _hooks.useEventCallback)((event, options) => {
     const {

package/cjs/DatePicker/hooks/useMonthView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface UseMonthViewProps {
     onToggleMonthDropdown?: (toggle: boolean) => void;
 }

package/cjs/DatePicker/hooks/useMonthView.js

@@ -15,7 +15,7 @@ function useMonthView(props) {
    * The callback triggered after the month selection box is opened or closed.
    */
   const toggleMonthView = (0, _hooks.useEventCallback)(show => {
-    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 || onToggleMonthDropdown(show);
+    onToggleMonthDropdown?.(show);
     setMonthView(show);
   });
   return {

package/cjs/DatePicker/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 import { ToolbarProps } from './Toolbar';
 import type { DateOptionPreset } from '../internals/types';
 import type { InnerRange } from './types';
@@ -9,7 +8,7 @@ export declare function getDefaultRanges<T extends Date | DateRange>(value: T):
  * @param ranges
  * @param calendarDate
  */
-export declare const getRanges: <T extends Date | DateRange>({ ranges, calendarDate }: Pick<ToolbarProps<T, T>, "calendarDate" | "ranges">) => InnerRange<T | null>[];
+export declare const getRanges: <T extends Date | DateRange>({ ranges, calendarDate }: Pick<ToolbarProps<T>, "ranges" | "calendarDate">) => InnerRange<T | null>[];
 export declare function splitRanges<T extends Date | DateRange>(ranges?: DateOptionPreset<T | null>[]): {
     sideRanges: DateOptionPreset<T | null>[] | undefined;
     bottomRanges: DateOptionPreset<T | null>[] | undefined;

package/cjs/DatePicker/utils.js

@@ -62,10 +62,10 @@ const getRanges = ({
 exports.getRanges = getRanges;
 function splitRanges(ranges) {
   // The shortcut option on the left side of the calendar panel
-  const sideRanges = ranges === null || ranges === void 0 ? void 0 : ranges.filter(range => (range === null || range === void 0 ? void 0 : range.placement) === 'left');
+  const sideRanges = ranges?.filter(range => range?.placement === 'left');
 
   // The shortcut option on the bottom of the calendar panel
-  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);
+  const bottomRanges = ranges?.filter(range => range?.placement === 'bottom' || range?.placement === undefined);
   return {
     sideRanges,
     bottomRanges

package/cjs/DateRangeInput/DateRangeInput.js

@@ -63,11 +63,11 @@ const DateRangeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   };
   const startDateState = (0, _DateInput.useDateInputState)({
     ...dateInputOptions,
-    date: (value === null || value === void 0 ? void 0 : value[0]) || null
+    date: value?.[0] || null
   });
   const endDateState = (0, _DateInput.useDateInputState)({
     ...dateInputOptions,
-    date: (value === null || value === void 0 ? void 0 : value[1]) || null
+    date: value?.[1] || null
   });
   const {
     isMoveCursor,
@@ -100,8 +100,8 @@ const DateRangeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
   };
   const setSelectionRange = (0, _DateInput.useInputSelection)(inputRef);
   const handleChange = (0, _hooks.useEventCallback)((date, event) => {
-    const nextValue = dateType === _utils2.DateType.Start ? [date, value === null || value === void 0 ? void 0 : value[1]] : [value === null || value === void 0 ? void 0 : value[0], date];
-    onChange === null || onChange === void 0 || onChange(nextValue, event);
+    const nextValue = dateType === _utils2.DateType.Start ? [date, value?.[1]] : [value?.[0], date];
+    onChange?.(nextValue, event);
     setValue(nextValue);
   });
   const handleClear = (0, _hooks.useEventCallback)(event => {
@@ -110,7 +110,7 @@ const DateRangeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     setSelectionRange(0, 0);
     reset();
     setValue(null);
-    onChange === null || onChange === void 0 || onChange(null, event);
+    onChange?.(null, event);
   });
   const onSegmentChange = (0, _hooks.useEventCallback)((event, nextDirection) => {
     const input = event.target;
@@ -253,18 +253,17 @@ const DateRangeInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     }
   });
   const handlePaste = (0, _hooks.useEventCallback)(event => {
-    var _event$clipboardData;
     event.preventDefault();
-    const pasteText = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData('text');
+    const pasteText = event.clipboardData?.getData('text');
     const [start, end] = pasteText.split(character).map(date => parseDate(date, formatStr));
     if ((0, _date.isValid)(start) && (0, _date.isValid)(end)) {
       const nextValue = [start, end];
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChange?.(nextValue, event);
       setValue(nextValue);
       startDateState.setNewDate(start);
       endDateState.setNewDate(end);
     }
-    onPaste === null || onPaste === void 0 || onPaste(event);
+    onPaste?.(event);
   });
   const onKeyboardInput = (0, _DateInput.useKeyboardInputEvent)({
     onSegmentChange,

package/cjs/DateRangePicker/Calendar.js

@@ -37,10 +37,10 @@ const Calendar = (0, _utils.forwardRef)((props, ref) => {
     onSelect
   });
   const disableCalendarDate = (0, _react.useCallback)(date => {
-    return disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(date, value, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);
+    return disabledDate?.(date, value, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);
   }, [disabledDate, value]);
   const handleRenderTitle = (0, _react.useCallback)(date => {
-    return renderTitle === null || renderTitle === void 0 ? void 0 : renderTitle(date, calendarKey);
+    return renderTitle?.(date, calendarKey);
   }, [renderTitle, calendarKey]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     "data-testid": `calendar-${calendarKey}`