rsuite 6.1.2 → 6.1.3

package/esm/Affix/Affix.js

@@ -16,10 +16,10 @@ function useOffset(mountRef, onOffsetChange) {
       return;
     }
     const newOffset = getOffset(mountRef.current);
-    if ((newOffset === null || newOffset === void 0 ? void 0 : newOffset.height) !== (offset === null || offset === void 0 ? void 0 : offset.height) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.width) !== (offset === null || offset === void 0 ? void 0 : offset.width) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.top) !== (offset === null || offset === void 0 ? void 0 : offset.top) || (newOffset === null || newOffset === void 0 ? void 0 : newOffset.left) !== (offset === null || offset === void 0 ? void 0 : offset.left)) {
+    if (newOffset?.height !== offset?.height || newOffset?.width !== offset?.width || newOffset?.top !== offset?.top || newOffset?.left !== offset?.left) {
       setOffset(newOffset);
       if (offset !== null && newOffset !== null) {
-        onOffsetChange === null || onOffsetChange === void 0 || onOffsetChange(newOffset);
+        onOffsetChange?.(newOffset);
       }
     }
   }, [mountRef, offset, onOffsetChange]);
@@ -70,7 +70,7 @@ function useFixed(offset, containerOffset, props) {
     const scrollY = window.scrollY || window.pageYOffset;
 
     // When the scroll distance exceeds the element's top value, it is fixed.
-    let nextFixed = scrollY - (Number(offset === null || offset === void 0 ? void 0 : offset.top) - Number(top)) >= 0;
+    let nextFixed = scrollY - (Number(offset?.top) - Number(top)) >= 0;
 
     // If the current element is specified in the container,
     // add to determine whether the current container is in the window range.
@@ -79,7 +79,7 @@ function useFixed(offset, containerOffset, props) {
     }
     if (nextFixed !== fixed) {
       setFixed(nextFixed);
-      onChange === null || onChange === void 0 || onChange(nextFixed);
+      onChange?.(nextFixed);
     }
   }, [offset, top, containerOffset, fixed, onChange]);
 

package/esm/Animation/Collapse.js

@@ -19,8 +19,7 @@ const MARGINS = {
   width: ['marginLeft', 'marginRight']
 };
 function defaultGetDimensionValue(dimension, elem) {
-  var _get;
-  const value = (_get = get(elem, `offset${capitalize(dimension)}`)) !== null && _get !== void 0 ? _get : 0;
+  const value = get(elem, `offset${capitalize(dimension)}`) ?? 0;
   const margins = MARGINS[dimension];
   return value + parseInt(getStyle(elem, margins[0]), 10) + parseInt(getStyle(elem, margins[1]), 10);
 }

package/esm/Animation/Transition.d.ts

@@ -63,7 +63,7 @@ declare class Transition extends React.Component<TransitionProps, TransitionStat
     componentWillUnmount(): void;
     onTransitionEnd(node: HTMLElement, handler: (event?: React.AnimationEvent) => void): void;
     setNextCallback(callback: (event?: React.AnimationEvent) => void): {
-        (event?: React.AnimationEvent<Element> | undefined): void;
+        (event?: React.AnimationEvent): void;
         cancel: () => any;
     } | null;
     getChildElement(): HTMLElement;
@@ -71,6 +71,6 @@ declare class Transition extends React.Component<TransitionProps, TransitionStat
     performExit(props: TransitionProps): void;
     cancelNextCallback(): void;
     safeSetState(nextState: TransitionState, callback: (event?: React.AnimationEvent) => void): void;
-    render(): React.ReactNode;
+    render(): string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.DetailedReactHTMLElement<any, HTMLElement> | null | undefined;
 }
 export default Transition;

package/esm/Animation/Transition.js

@@ -22,13 +22,16 @@ const transitionProps = ['onEnter', 'onEntering', 'onEntered', 'onExit', 'onExit
  * @see https://rsuitejs.com/components/animation/#transition
  */
 class Transition extends React.Component {
+  static displayName = 'Transition';
+  static defaultProps = {
+    timeout: 1000
+  };
+  animationEventListener = null;
+  instanceElement = null;
+  nextCallback = null;
+  needsUpdate = null;
   constructor(props) {
     super(props);
-    this.animationEventListener = null;
-    this.instanceElement = null;
-    this.nextCallback = null;
-    this.needsUpdate = null;
-    this.childRef = void 0;
     let initialStatus;
     if (props.in) {
       initialStatus = props.transitionAppear ? STATUS.EXITED : STATUS.ENTERED;
@@ -98,9 +101,8 @@ class Transition extends React.Component {
     this.instanceElement = null;
   }
   onTransitionEnd(node, handler) {
-    var _this$animationEventL;
     this.setNextCallback(handler);
-    (_this$animationEventL = this.animationEventListener) === null || _this$animationEventL === void 0 || _this$animationEventL.off();
+    this.animationEventListener?.off();
     if (!this.nextCallback) {
       return;
     }
@@ -157,16 +159,16 @@ class Transition extends React.Component {
     this.cancelNextCallback();
     const node = this.getChildElement();
     this.instanceElement = node;
-    onEnter === null || onEnter === void 0 || onEnter(node);
+    onEnter?.(node);
     this.safeSetState({
       status: STATUS.ENTERING
     }, () => {
-      onEntering === null || onEntering === void 0 || onEntering(node);
+      onEntering?.(node);
       this.onTransitionEnd(node, () => {
         this.safeSetState({
           status: STATUS.ENTERED
         }, () => {
-          onEntered === null || onEntered === void 0 || onEntered(node);
+          onEntered?.(node);
         });
       });
     });
@@ -180,16 +182,16 @@ class Transition extends React.Component {
     this.cancelNextCallback();
     const node = this.getChildElement();
     this.instanceElement = node;
-    onExit === null || onExit === void 0 || onExit(node);
+    onExit?.(node);
     this.safeSetState({
       status: STATUS.EXITING
     }, () => {
-      onExiting === null || onExiting === void 0 || onExiting(node);
+      onExiting?.(node);
       this.onTransitionEnd(node, () => {
         this.safeSetState({
           status: STATUS.EXITED
         }, () => {
-          onExited === null || onExited === void 0 || onExited(node);
+          onExited?.(node);
         });
       });
     });
@@ -203,11 +205,10 @@ class Transition extends React.Component {
   safeSetState(nextState, callback) {
     if (this.instanceElement) {
       const nextCallback = this.setNextCallback(callback);
-      this.setState(nextState, () => nextCallback === null || nextCallback === void 0 ? void 0 : nextCallback());
+      this.setState(nextState, () => nextCallback?.());
     }
   }
   render() {
-    var _child$props;
     const status = this.state.status;
     if (status === STATUS.UNMOUNTED) {
       return null;
@@ -240,12 +241,8 @@ class Transition extends React.Component {
     return /*#__PURE__*/React.cloneElement(child, {
       ...childProps,
       ref: this.childRef,
-      className: classNames(className, (_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.className, transitionClassName)
+      className: classNames(className, child.props?.className, transitionClassName)
     });
   }
 }
-Transition.displayName = 'Transition';
-Transition.defaultProps = {
-  timeout: 1000
-};
 export default Transition;

package/esm/AutoComplete/AutoComplete.js

@@ -56,7 +56,7 @@ const AutoComplete = forwardRef((props, ref) => {
   const datalist = transformData(data);
   const [value, setValue] = useControlled(valueProp, defaultValue);
   const [focus, setFocus] = useState(false);
-  const items = (datalist === null || datalist === void 0 ? void 0 : datalist.filter(shouldDisplay(filterBy, value))) || [];
+  const items = datalist?.filter(shouldDisplay(filterBy, value)) || [];
   const hasItems = items.length > 0;
   const {
     trigger,
@@ -85,13 +85,13 @@ const AutoComplete = forwardRef((props, ref) => {
       esc: handleClose
     });
     handleKeyDown(event);
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+    onKeyDown?.(event);
   };
   const selectFocusMenuItem = event => {
     if (!focusItemValue) {
       return;
     }
-    const focusItem = datalist.find(item => (item === null || item === void 0 ? void 0 : item.value) === focusItemValue);
+    const focusItem = datalist.find(item => item?.value === focusItemValue);
     setValue(focusItemValue);
     setFocusItemValue(focusItemValue);
     handleSelect(focusItem, event);
@@ -101,10 +101,10 @@ const AutoComplete = forwardRef((props, ref) => {
     handleClose();
   };
   const handleSelect = useEventCallback((item, event) => {
-    onSelect === null || onSelect === void 0 || onSelect(item.value, item, event);
+    onSelect?.(item.value, item, event);
   });
   const handleChangeValue = useEventCallback((value, event) => {
-    onChange === null || onChange === void 0 || onChange(value, event);
+    onChange?.(value, event);
   });
   const handleChange = (value, event) => {
     setFocusItemValue('');
@@ -115,12 +115,12 @@ const AutoComplete = forwardRef((props, ref) => {
   const handleClose = useEventCallback(() => {
     if (isMounted()) {
       setFocus(false);
-      onClose === null || onClose === void 0 || onClose();
+      onClose?.();
     }
   });
   const handleOpen = useEventCallback(() => {
     setFocus(true);
-    onOpen === null || onOpen === void 0 || onOpen();
+    onOpen?.();
   });
   const handleItemSelect = useEventCallback((nextItemValue, item, event) => {
     setValue(nextItemValue);
@@ -132,12 +132,12 @@ const AutoComplete = forwardRef((props, ref) => {
     handleClose();
   });
   const handleInputFocus = useEventCallback(event => {
-    onFocus === null || onFocus === void 0 || onFocus(event);
+    onFocus?.(event);
     handleOpen();
   });
   const handleInputBlur = useEventCallback(event => {
     setTimeout(handleClose, 300);
-    onBlur === null || onBlur === void 0 || onBlur(event);
+    onBlur?.(event);
   });
   const {
     withPrefix,

package/esm/Avatar/useImage.js

@@ -35,7 +35,7 @@ const useImage = props => {
   const handleError = useCallback(event => {
     setStatus('error');
     flush();
-    onError === null || onError === void 0 || onError(event);
+    onError?.(event);
   }, [onError]);
   useEffect(() => {
     setStatus(src ? 'loading' : 'pending');

package/esm/AvatarGroup/AvatarGroup.d.ts

@@ -16,8 +16,8 @@ export interface AvatarGroupProps extends BoxProps {
     size?: Size;
 }
 export declare const AvatarGroupContext: React.Context<{
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    spacing?: number | undefined;
+    size?: Size;
+    spacing?: number;
 }>;
 /**
  * The AvatarGroup component is used to represent a collection of avatars.

package/esm/Badge/Badge.js

@@ -36,10 +36,7 @@ const Badge = forwardRef((props, ref) => {
     merge
   } = useStyles(classPrefix);
   const text = typeof content === 'number' && content > maxCount ? `${maxCount}+` : content;
-  const isOneChar = useMemo(() => {
-    var _String;
-    return ((_String = String(content)) === null || _String === void 0 ? void 0 : _String.length) === 1;
-  }, [content]);
+  const isOneChar = useMemo(() => String(content)?.length === 1, [content]);
   const classes = merge(className, withPrefix({
     wrapper: children
   }));

package/esm/Breadcrumb/Breadcrumb.js

@@ -42,7 +42,7 @@ const Breadcrumb = forwardRef((props, ref) => {
   const [showEllipsis, setShowEllipsis] = useState(true);
   const handleClickEllipsis = useEventCallback(event => {
     setShowEllipsis(false);
-    onExpand === null || onExpand === void 0 || onExpand(event);
+    onExpand?.(event);
   });
   const content = useMemo(() => {
     const count = rch.count(children);
@@ -57,8 +57,8 @@ const Breadcrumb = forwardRef((props, ref) => {
       return [...items.slice(0, 1), [/*#__PURE__*/React.createElement(BreadcrumbItem, {
         role: "button",
         key: "ellipsis",
-        title: locale === null || locale === void 0 ? void 0 : locale.expandText,
-        "aria-label": locale === null || locale === void 0 ? void 0 : locale.expandText,
+        title: locale?.expandText,
+        "aria-label": locale?.expandText,
         separator: /*#__PURE__*/React.createElement(Separator, null, separator),
         onClick: handleClickEllipsis
       }, /*#__PURE__*/React.createElement("span", {
@@ -66,7 +66,7 @@ const Breadcrumb = forwardRef((props, ref) => {
       }, ellipsis))], ...items.slice(items.length - 1, items.length)];
     }
     return items;
-  }, [children, ellipsis, handleClickEllipsis, locale === null || locale === void 0 ? void 0 : locale.expandText, maxItems, separator, showEllipsis]);
+  }, [children, ellipsis, handleClickEllipsis, locale?.expandText, maxItems, separator, showEllipsis]);
   const classes = merge(className, withPrefix());
   return /*#__PURE__*/React.createElement(StyledBox, _extends({
     name: "breadcrumb",

package/esm/Button/Button.js

@@ -25,11 +25,11 @@ const Button = forwardRef((props, ref) => {
     children,
     classPrefix = 'btn',
     color,
-    disabled = buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.disabled,
+    disabled = buttonGroup?.disabled,
     loading,
     role,
     ripple = true,
-    size = (buttonGroup === null || buttonGroup === void 0 ? void 0 : buttonGroup.size) || 'md',
+    size = buttonGroup?.size || 'md',
     startIcon,
     endIcon,
     type: typeProp,
@@ -60,16 +60,16 @@ const Button = forwardRef((props, ref) => {
     if (toggleable) {
       const nextActive = !active;
       setActive(nextActive);
-      onToggle === null || onToggle === void 0 || onToggle(nextActive, event);
+      onToggle?.(nextActive, event);
     }
-    onClick === null || onClick === void 0 || onClick(event);
+    onClick?.(event);
   });
   const buttonAs = as || (rest.href ? SafeAnchor : 'button');
   const isCustomElement = buttonAs !== 'button' && buttonAs !== SafeAnchor;
   const uncertainProps = {
     [isDisableableElement(buttonAs) || buttonAs === SafeAnchor ? 'disabled' : 'aria-disabled']: disabled,
-    type: typeProp !== null && typeProp !== void 0 ? typeProp : buttonAs === 'button' ? 'button' : undefined,
-    role: role !== null && role !== void 0 ? role : isCustomElement ? 'button' : undefined
+    type: typeProp ?? (buttonAs === 'button' ? 'button' : undefined),
+    role: role ?? (isCustomElement ? 'button' : undefined)
   };
   return /*#__PURE__*/React.createElement(Box, _extends({
     as: buttonAs,

package/esm/Calendar/Calendar.js

@@ -41,16 +41,16 @@ const Calendar = forwardRef((props, ref) => {
   } = useCalendarDate(value, defaultValue);
   const handleChange = useEventCallback(nextValue => {
     setCalendarDate(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue);
+    onChange?.(nextValue);
     if (!isSameMonth(nextValue, calendarDate)) {
-      onMonthChange === null || onMonthChange === void 0 || onMonthChange(nextValue);
+      onMonthChange?.(nextValue);
     }
   });
   const handleClickToday = useEventCallback(() => {
     handleChange(new Date());
   });
   const handleSelect = useEventCallback(nextValue => {
-    onSelect === null || onSelect === void 0 || onSelect(nextValue);
+    onSelect?.(nextValue);
     handleChange(nextValue);
   });
   const {
@@ -61,10 +61,10 @@ const Calendar = forwardRef((props, ref) => {
     className: prefix('btn-today'),
     size: "sm",
     onClick: handleClickToday
-  }, (locale === null || locale === void 0 ? void 0 : locale.today) || 'Today');
+  }, locale?.today || 'Today');
   const renderTitle = date => /*#__PURE__*/React.createElement(FormattedDate, {
     date: date,
-    formatStr: (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'MMMM  yyyy'
+    formatStr: locale?.formattedMonthPattern || 'MMMM  yyyy'
   });
   const classes = merge(className, prefix('panel', {
     bordered,

package/esm/Calendar/CalendarBody.js

@@ -38,7 +38,7 @@ const CalendarBody = forwardRef((props, ref) => {
   }), /*#__PURE__*/React.createElement(Grid, {
     rows: getWeekStartDates(yearMonth, {
       weekStart,
-      locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
+      locale: locale?.dateLocale
     }),
     "aria-label": getAriaLabelForMonth(yearMonth)
   }));

package/esm/Calendar/CalendarContainer.js

@@ -72,8 +72,7 @@ const CalendarContainer = forwardRef((props, ref) => {
     onToggleMonthDropdown
   });
   const isDateDisabled = useCallback(date => {
-    var _disabledDate;
-    return (_disabledDate = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(toJsDate(date))) !== null && _disabledDate !== void 0 ? _disabledDate : false;
+    return disabledDate?.(toJsDate(date)) ?? false;
   }, [disabledDate]);
   const isMonthDisabled = useCallback(yearMonth => {
     return isEveryDayInMonth(yearMonth, isDateDisabled);
@@ -97,19 +96,19 @@ const CalendarContainer = forwardRef((props, ref) => {
   const handleChangeMonth = useEventCallback((yearMonth, event) => {
     reset();
     // Call `onChangeMonth` with the first day in the month
-    onChangeMonth === null || onChangeMonth === void 0 || onChangeMonth(new Date(yearMonth.year, yearMonth.month - 1, 1), event);
+    onChangeMonth?.(new Date(yearMonth.year, yearMonth.month - 1, 1), event);
   });
-  const cellClassName = useCallback(date => cellClassNameProp === null || cellClassNameProp === void 0 ? void 0 : cellClassNameProp(toJsDate(date)), [cellClassNameProp]);
-  const onMouseMove = useCallback(date => onMouseMoveProp === null || onMouseMoveProp === void 0 ? void 0 : onMouseMoveProp(toJsDate(date)), [onMouseMoveProp]);
-  const onSelect = useCallback((date, event) => onSelectProp === null || onSelectProp === void 0 ? void 0 : onSelectProp(toJsDate(date), event), [onSelectProp]);
-  const renderCell = useCallback(date => renderCellProp === null || renderCellProp === void 0 ? void 0 : renderCellProp(toJsDate(date)), [renderCellProp]);
-  const renderCellOnPicker = useCallback(date => renderCellOnPickerProp === null || renderCellOnPickerProp === void 0 ? void 0 : renderCellOnPickerProp(toJsDate(date)), [renderCellOnPickerProp]);
+  const cellClassName = useCallback(date => cellClassNameProp?.(toJsDate(date)), [cellClassNameProp]);
+  const onMouseMove = useCallback(date => onMouseMoveProp?.(toJsDate(date)), [onMouseMoveProp]);
+  const onSelect = useCallback((date, event) => onSelectProp?.(toJsDate(date), event), [onSelectProp]);
+  const renderCell = useCallback(date => renderCellProp?.(toJsDate(date)), [renderCellProp]);
+  const renderCellOnPicker = useCallback(date => renderCellOnPickerProp?.(toJsDate(date)), [renderCellOnPickerProp]);
   const handleChangeTime = useEventCallback((time, event) => {
     let nextDate = calendarDate || startOfToday();
     nextDate = setHours(nextDate, time.hour);
     nextDate = setMinutes(nextDate, time.minute);
     nextDate = setSeconds(nextDate, time.second);
-    onChangeTime === null || onChangeTime === void 0 || onChangeTime(nextDate, event);
+    onChangeTime?.(nextDate, event);
   });
   const contextValue = {
     date: calendarDate,
@@ -187,30 +186,12 @@ function useTimeDropdownProps(calendarProps) {
     disabledSeconds
   } = calendarProps;
   return useMemo(() => ({
-    hideHours: (hour, date) => {
-      var _hideHours;
-      return (_hideHours = hideHours === null || hideHours === void 0 ? void 0 : hideHours(hour, toJsDate(date))) !== null && _hideHours !== void 0 ? _hideHours : false;
-    },
-    hideMinutes: (minute, date) => {
-      var _hideMinutes;
-      return (_hideMinutes = hideMinutes === null || hideMinutes === void 0 ? void 0 : hideMinutes(minute, toJsDate(date))) !== null && _hideMinutes !== void 0 ? _hideMinutes : false;
-    },
-    hideSeconds: (second, date) => {
-      var _hideSeconds;
-      return (_hideSeconds = hideSeconds === null || hideSeconds === void 0 ? void 0 : hideSeconds(second, toJsDate(date))) !== null && _hideSeconds !== void 0 ? _hideSeconds : false;
-    },
-    disabledHours: (hour, date) => {
-      var _disabledHours;
-      return (_disabledHours = disabledHours === null || disabledHours === void 0 ? void 0 : disabledHours(hour, toJsDate(date))) !== null && _disabledHours !== void 0 ? _disabledHours : false;
-    },
-    disabledMinutes: (minute, date) => {
-      var _disabledMinutes;
-      return (_disabledMinutes = disabledMinutes === null || disabledMinutes === void 0 ? void 0 : disabledMinutes(minute, toJsDate(date))) !== null && _disabledMinutes !== void 0 ? _disabledMinutes : false;
-    },
-    disabledSeconds: (second, date) => {
-      var _disabledSeconds;
-      return (_disabledSeconds = disabledSeconds === null || disabledSeconds === void 0 ? void 0 : disabledSeconds(second, toJsDate(date))) !== null && _disabledSeconds !== void 0 ? _disabledSeconds : false;
-    }
+    hideHours: (hour, date) => hideHours?.(hour, toJsDate(date)) ?? false,
+    hideMinutes: (minute, date) => hideMinutes?.(minute, toJsDate(date)) ?? false,
+    hideSeconds: (second, date) => hideSeconds?.(second, toJsDate(date)) ?? false,
+    disabledHours: (hour, date) => disabledHours?.(hour, toJsDate(date)) ?? false,
+    disabledMinutes: (minute, date) => disabledMinutes?.(minute, toJsDate(date)) ?? false,
+    disabledSeconds: (second, date) => disabledSeconds?.(second, toJsDate(date)) ?? false
   }), [hideHours, hideMinutes, hideSeconds, disabledHours, disabledMinutes, disabledSeconds]);
 }
 function toJsDate(date) {

package/esm/Calendar/CalendarHeader.js

@@ -51,7 +51,7 @@ const CalendarHeader = forwardRef((props, ref) => {
     size: inline ? 'sm' : 'xs'
   };
   const timeFormat = useMemo(() => {
-    const defaultTimeFormat = (locale === null || locale === void 0 ? void 0 : locale.shortTimeFormat) || 'HH:mm';
+    const defaultTimeFormat = locale?.shortTimeFormat || 'HH:mm';
     if (!format) {
       return defaultTimeFormat;
     }
@@ -59,26 +59,25 @@ const CalendarHeader = forwardRef((props, ref) => {
   }, [format, locale]);
   const dateFormat = useMemo(() => {
     if (showMonth) {
-      return (locale === null || locale === void 0 ? void 0 : locale.formattedMonthPattern) || 'yyyy-MM';
+      return locale?.formattedMonthPattern || 'yyyy-MM';
     }
     return 'yyyy';
   }, [locale, showMonth]);
   const renderTitle = () => {
-    var _renderTitleProp;
-    return (_renderTitleProp = renderTitleProp === null || renderTitleProp === void 0 ? void 0 : renderTitleProp(date)) !== null && _renderTitleProp !== void 0 ? _renderTitleProp : date && /*#__PURE__*/React.createElement(FormattedDate, {
+    return renderTitleProp?.(date) ?? (date && /*#__PURE__*/React.createElement(FormattedDate, {
       date: date,
       formatStr: dateFormat
-    });
+    }));
   };
   const dateTitleClasses = prefix('title', 'title-date', {
-    error: disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate({
+    error: disabledDate?.({
       year: date.getFullYear(),
       month: date.getMonth() + 1,
       day: date.getDate()
     })
   });
   const timeTitleClasses = prefix('title', 'title-time', {
-    error: disabledTime === null || disabledTime === void 0 ? void 0 : disabledTime(date)
+    error: disabledTime?.(date)
   });
   const backwardClass = prefix('backward', {
     'btn-disabled': disabledBackward
@@ -126,7 +125,7 @@ const CalendarHeader = forwardRef((props, ref) => {
   }), date && /*#__PURE__*/React.createElement(FormattedDate, {
     date: date,
     formatStr: timeFormat
-  }))), renderToolbar === null || renderToolbar === void 0 ? void 0 : renderToolbar(date));
+  }))), renderToolbar?.(date));
 });
 CalendarHeader.displayName = 'CalendarHeader';
 export default CalendarHeader;

package/esm/Calendar/Grid/GridCell.js

@@ -52,7 +52,7 @@ const GridCell = forwardRef((props, ref) => {
     'cell-selected-end': rangeEnd,
     'cell-in-range': !unSameMonth && inRange,
     'cell-disabled': disabled
-  }), cellClassName === null || cellClassName === void 0 ? void 0 : cellClassName(date));
+  }), cellClassName?.(date));
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
     role: "gridcell",
@@ -68,7 +68,7 @@ const GridCell = forwardRef((props, ref) => {
     className: prefix('cell-content')
   }, renderCellOnPicker ? renderCellOnPicker(date) : /*#__PURE__*/React.createElement("span", {
     className: prefix('cell-day')
-  }, date.day), renderCell === null || renderCell === void 0 ? void 0 : renderCell(date)));
+  }, date.day), renderCell?.(date)));
 });
 GridCell.displayName = 'CalendarGridCell';
 export default GridCell;

package/esm/Calendar/Grid/GridHeaderRow.js

@@ -39,7 +39,7 @@ const GridHeaderRow = forwardRef((props, ref) => {
     "aria-label": upperFirst(key)
   }, /*#__PURE__*/React.createElement("span", {
     className: prefix('header-cell-content')
-  }, locale === null || locale === void 0 ? void 0 : locale[key]))));
+  }, locale?.[key]))));
 });
 GridHeaderRow.displayName = 'CalendarGridHeaderRow';
 export default GridHeaderRow;

package/esm/Calendar/Grid/GridRow.js

@@ -14,7 +14,6 @@ import { addDays, compare, isSameDay } from "../../internals/utils/date/plainDat
  */
 
 const GridRow = forwardRef((props, ref) => {
-  var _locale$dateLocale$op, _locale$dateLocale;
   const {
     as: Component = 'div',
     className,
@@ -43,7 +42,7 @@ const GridRow = forwardRef((props, ref) => {
     if (disabled) {
       return;
     }
-    onSelect === null || onSelect === void 0 || onSelect(date, event);
+    onSelect?.(date, event);
   }, [onSelect]);
   const renderDays = () => {
     const days = [];
@@ -52,7 +51,7 @@ const GridRow = forwardRef((props, ref) => {
     // - Invalid date - when the user is inputting the date with text input
     // - undefined - when the range selection isn't completed
     const [selectedStartDateJS, selectedEndDateJS] = dateRange || [];
-    const [hoverStartDateJS, hoverEndDateJS] = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [];
+    const [hoverStartDateJS, hoverEndDateJS] = hoverRangeValue ?? [];
     const isRangeSelectionMode = typeof dateRange !== 'undefined';
     const plainDateRange = typeof dateRange !== 'undefined' ? dateRange.map(d => d instanceof Date ? {
       year: d.getFullYear(),
@@ -62,7 +61,7 @@ const GridRow = forwardRef((props, ref) => {
     for (let i = 0; i < 7; i += 1) {
       const thisDate = addDays(startingDate, i);
       const thisDateJS = new Date(thisDate.year, thisDate.month - 1, thisDate.day);
-      const disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, plainDateRange, DATERANGE_DISABLED_TARGET.CALENDAR);
+      const disabled = disabledDate?.(thisDate, plainDateRange, DATERANGE_DISABLED_TARGET.CALENDAR);
 
       // Whether this date is in a different month from the selected date
       const isSameMonth = selected.getFullYear() === thisDate.year && selected.getMonth() + 1 === thisDate.month;
@@ -138,11 +137,11 @@ const GridRow = forwardRef((props, ref) => {
   const classes = merge(className, prefix('row'));
   const {
     firstWeekContainsDate
-  } = (_locale$dateLocale$op = locale === null || locale === void 0 || (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {};
+  } = locale?.dateLocale?.options ?? {};
   // ISO week starts on Monday
   const date = isoWeek ? addDays(startingDate, 1) : startingDate;
   const week = format(new Date(date.year, date.month - 1, date.day), isoWeek ? 'I' : 'w', {
-    locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale,
+    locale: locale?.dateLocale,
     firstWeekContainsDate,
     weekStartsOn: weekStart
   });

package/esm/Calendar/MonthDropdown/MonthDropdown.js

@@ -81,7 +81,7 @@ const MonthDropdown = forwardRef((props, ref) => {
       return /*#__PURE__*/React.createElement(MonthDropdownItem, {
         key: plainYearMonthToString(yearMonth),
         yearMonth: yearMonth,
-        disabled: isMonthDisabled === null || isMonthDisabled === void 0 ? void 0 : isMonthDisabled(yearMonth),
+        disabled: isMonthDisabled?.(yearMonth),
         active: isSelectedYear && month === selectedMonth
       });
     })));

package/esm/Calendar/MonthDropdown/MonthDropdownItem.js

@@ -24,7 +24,7 @@ const MonthDropdownItem = forwardRef((props, ref) => {
     if (disabled) {
       return;
     }
-    onChangeMonth === null || onChangeMonth === void 0 || onChangeMonth(yearMonth, event);
+    onChangeMonth?.(yearMonth, event);
   });
   const {
     prefix,