rsuite 6.1.2 → 6.2.0

package/esm/DateInput/DateInput.js

@@ -73,7 +73,7 @@ const DateInput = forwardRef((props, ref) => {
   }), [dateField, dateString, formatStr, dateLocale]);
   const setSelectionRange = useInputSelection(inputRef);
   const handleChange = useEventCallback((value, event) => {
-    onChange === null || onChange === void 0 || onChange(value, event);
+    onChange?.(value, event);
     setValue(value);
   });
   const handleClear = useEventCallback(event => {
@@ -205,15 +205,14 @@ const DateInput = forwardRef((props, ref) => {
     }
   });
   const handlePaste = 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 (isValid(nextDate)) {
       handleChange(nextDate, event);
       setNewDate(nextDate);
     }
-    onPaste === null || onPaste === void 0 || onPaste(event);
+    onPaste?.(event);
   });
   const onKeyboardInput = useKeyboardInputEvent({
     onSegmentChange,

package/esm/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/esm/DateInput/hooks/useDateInputState.js

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

package/esm/DateInput/hooks/useIsFocused.js

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

package/esm/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/esm/DateInput/hooks/useKeyboardInputEvent.js

@@ -8,26 +8,25 @@ export 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':
@@ -40,10 +39,10 @@ export 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;
@@ -53,7 +52,7 @@ export function useKeyboardInputEvent({
         event.preventDefault();
         break;
     }
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+    onKeyDown?.(event);
   };
 }
 export default useKeyboardInputEvent;

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

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

package/esm/DateInput/utils.d.ts

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

package/esm/DateInput/utils.js

@@ -2,8 +2,7 @@
 import { setYear, setMonth, setDate, setHours, setMinutes, setSeconds } from "../internals/utils/date/index.js";
 import { safeSetSelection } from "../internals/utils/index.js";
 export 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] || '';
 }
 export function getSelectIndexGap(options) {
   const {
@@ -37,7 +36,7 @@ export 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/esm/DatePicker/DatePicker.js

@@ -95,7 +95,7 @@ const DatePicker = forwardRef((props, ref) => {
     target,
     overlay
   } = 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
@@ -144,7 +144,7 @@ const DatePicker = 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)) || disableTime(props, date);
+    return isDateDisabled?.(date) || disableTime(props, date);
   };
 
   /**
@@ -181,8 +181,8 @@ const DatePicker = forwardRef((props, ref) => {
    */
   const handleMoveForward = useEventCallback(nextPageDate => {
     setCalendarDate(nextPageDate);
-    onNextMonth === null || onNextMonth === void 0 || onNextMonth(nextPageDate);
-    onChangeCalendarDate === null || onChangeCalendarDate === void 0 || onChangeCalendarDate(nextPageDate);
+    onNextMonth?.(nextPageDate);
+    onChangeCalendarDate?.(nextPageDate);
   });
 
   /**
@@ -190,16 +190,16 @@ const DatePicker = forwardRef((props, ref) => {
    */
   const handleMoveBackward = 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 = 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);
   });
 
   /**
@@ -214,15 +214,14 @@ const DatePicker = forwardRef((props, ref) => {
    * Close the calendar panel.
    */
   const handleClose = 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 || startOfToday());
     setValue(nextValue);
     if (nextValue !== value) {
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChange?.(nextValue, event);
     }
 
     // `closeOverlay` default value is `true`
@@ -238,7 +237,7 @@ const DatePicker = 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);
   });
 
   /**
@@ -246,7 +245,7 @@ const DatePicker = forwardRef((props, ref) => {
    */
   const handleOK = useEventCallback(event => {
     updateValue(event);
-    onOk === null || onOk === void 0 || onOk(calendarDate, event);
+    onOk?.(calendarDate, event);
     focusInput();
   });
 
@@ -255,10 +254,10 @@ const DatePicker = forwardRef((props, ref) => {
    */
 
   const handleClean = 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 = useEventCallback(event => {
     onKeyFocusEvent(event, {
@@ -318,26 +317,21 @@ const DatePicker = forwardRef((props, ref) => {
     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 (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 = mapValues(pick(props, 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 = mapValues(pick(props, calendarOnlyProps), func => (next, date) => func?.(next, date) ?? false);
   const {
     sideRanges,
     bottomRanges
@@ -413,14 +407,13 @@ const DatePicker = forwardRef((props, ref) => {
     return caretAsProp || (mode === DateMode.Time ? TimeIcon : CalenderSimpleIcon);
   }, [caretAsProp, mode]);
   const handleTriggerClose = useEventCallback(cause => {
-    var _props$onClose;
     // Unless overlay is closing on user clicking "OK" button,
     // reset the selected date on calendar panel
     if (cause !== 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] = partitionHTMLProps(restProps, {

package/esm/DatePicker/PredefinedRanges.js

@@ -38,12 +38,12 @@ const PredefinedRanges = /*#__PURE__*/React.forwardRef(function PredefinedRanges
       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.createElement(Button, _extends({
       appearance: "link",
@@ -51,7 +51,7 @@ const PredefinedRanges = /*#__PURE__*/React.forwardRef(function PredefinedRanges
       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);
   }));
 });
 export default PredefinedRanges;

package/esm/DatePicker/Toolbar.js

@@ -11,7 +11,7 @@ const OkButton = ({
   onOk,
   children
 }) => {
-  const disabled = disableOkBtn === null || disableOkBtn === void 0 ? void 0 : disableOkBtn(calendarDate);
+  const disabled = disableOkBtn?.(calendarDate);
   return /*#__PURE__*/React.createElement(Button, {
     appearance: "primary",
     size: "sm",
@@ -42,13 +42,13 @@ const Toolbar = /*#__PURE__*/React.forwardRef((props, ref) => {
     prefix,
     withPrefix
   } = 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.createElement(Stack, _extends({
     ref: ref,
     className: classes,
@@ -69,7 +69,7 @@ const Toolbar = /*#__PURE__*/React.forwardRef((props, ref) => {
     disableOkBtn: disableOkBtn,
     calendarDate: calendarDate,
     onOk: onOk
-  }, locale === null || locale === void 0 ? void 0 : locale.ok)));
+  }, locale?.ok)));
 });
 Toolbar.displayName = 'Toolbar';
 export default Toolbar;

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

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

package/esm/DatePicker/hooks/useFocus.js

@@ -35,8 +35,8 @@ function useFocus(props) {
     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') {
+    const dateElement = container?.querySelector(`[aria-label="${ariaLabel}"]`);
+    if (dateElement?.getAttribute('aria-disabled') === 'true') {
       return false;
     }
     return true;
@@ -48,8 +48,8 @@ function useFocus(props) {
   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();
+      const selectedElement = container?.querySelector('[aria-selected="true"]');
+      selectedElement?.focus();
     }, 1);
   };
 
@@ -57,10 +57,7 @@ function useFocus(props) {
    * Focus on the input element
    */
   const focusInput = useEventCallback(() => {
-    delay(() => {
-      var _target$current;
-      return (_target$current = target.current) === null || _target$current === void 0 ? void 0 : _target$current.focus();
-    }, 1);
+    delay(() => target.current?.focus(), 1);
   });
   const onKeyFocusEvent = useEventCallback((event, options) => {
     const {

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

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

package/esm/DatePicker/hooks/useMonthView.js

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

package/esm/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/esm/DatePicker/utils.js

@@ -54,10 +54,10 @@ export const getRanges = ({
 };
 export 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/esm/DateRangeInput/DateRangeInput.js

@@ -57,11 +57,11 @@ const DateRangeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
   const startDateState = useDateInputState({
     ...dateInputOptions,
-    date: (value === null || value === void 0 ? void 0 : value[0]) || null
+    date: value?.[0] || null
   });
   const endDateState = useDateInputState({
     ...dateInputOptions,
-    date: (value === null || value === void 0 ? void 0 : value[1]) || null
+    date: value?.[1] || null
   });
   const {
     isMoveCursor,
@@ -94,8 +94,8 @@ const DateRangeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
   };
   const setSelectionRange = useInputSelection(inputRef);
   const handleChange = useEventCallback((date, event) => {
-    const nextValue = dateType === 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 === DateType.Start ? [date, value?.[1]] : [value?.[0], date];
+    onChange?.(nextValue, event);
     setValue(nextValue);
   });
   const handleClear = useEventCallback(event => {
@@ -104,7 +104,7 @@ const DateRangeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
     setSelectionRange(0, 0);
     reset();
     setValue(null);
-    onChange === null || onChange === void 0 || onChange(null, event);
+    onChange?.(null, event);
   });
   const onSegmentChange = useEventCallback((event, nextDirection) => {
     const input = event.target;
@@ -247,18 +247,17 @@ const DateRangeInput = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   });
   const handlePaste = 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 (isValid(start) && 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 = useKeyboardInputEvent({
     onSegmentChange,

package/esm/DateRangePicker/Calendar.js

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