rsuite 6.1.2 → 6.2.0

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}`

package/cjs/DateRangePicker/DateRangePicker.js

@@ -37,7 +37,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * @see https://rsuitejs.com/components/date-range-picker
  */
 const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
-  var _ref, _ref2;
   const {
     formatDate,
     propsWithDefaults
@@ -112,9 +111,9 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
     merge,
     prefix
   } = (0, _hooks.useStyles)(classPrefix);
-  const formatStr = format || (locale === null || locale === void 0 ? void 0 : locale.shortDateFormat) || 'yyyy-MM-dd';
+  const formatStr = format || locale?.shortDateFormat || 'yyyy-MM-dd';
   const rangeFormatStr = `${formatStr}${character}${formatStr}`;
-  const [value, setValue] = (0, _hooks.useControlled)(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
+  const [value, setValue] = (0, _hooks.useControlled)(valueProp, defaultValue ?? null);
   const {
     mode,
     has
@@ -148,14 +147,14 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
    * the second click to determine the end date of the date range.
    *
    */
-  const [selectedDates, setSelectedDates] = (0, _react.useState)((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []);
+  const [selectedDates, setSelectedDates] = (0, _react.useState)(valueProp ?? defaultValue ?? []);
 
   // The date of the current hover, used to reduce the calculation of `handleMouseMove`
   const [hoverDateRange, setHoverDateRange] = (0, _react.useState)(value);
 
   // The displayed calendar panel is rendered based on this value.
   const [calendarDateRange, setCalendarDateRangeValue] = (0, _react.useState)((0, _utils.getSafeCalendarDate)({
-    value: (_ref2 = value !== null && value !== void 0 ? value : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null,
+    value: value ?? defaultCalendarValue ?? null,
     allowSameMonth
   }));
 
@@ -178,7 +177,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
    */
   const getCalendarDatetime = calendarKey => {
     const index = calendarKey === 'start' ? 0 : 1;
-    return (calendarDateRange === null || calendarDateRange === void 0 ? void 0 : calendarDateRange[index]) || (defaultCalendarValue === null || defaultCalendarValue === void 0 ? void 0 : defaultCalendarValue[index]);
+    return calendarDateRange?.[index] || defaultCalendarValue?.[index];
   };
 
   /**
@@ -193,7 +192,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
     let nextValue = dateRange;
 
     // The time should remain the same when the dates in the date range are changed.
-    if (has('time') && dateRange !== null && dateRange !== void 0 && dateRange.length && (eventName === 'changeDate' || eventName === 'changeMonth')) {
+    if (has('time') && dateRange?.length && (eventName === 'changeDate' || eventName === 'changeMonth')) {
       const startDate = (0, _date.copyTime)({
         from: getCalendarDatetime('start'),
         to: dateRange[0]
@@ -219,8 +218,8 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
   };
   (0, _react.useEffect)(() => {
     // If value changes, update the selected and hover date values on the calendar panel.
-    setSelectedDates(valueProp !== null && valueProp !== void 0 ? valueProp : []);
-    setHoverDateRange(valueProp !== null && valueProp !== void 0 ? valueProp : null);
+    setSelectedDates(valueProp ?? []);
+    setHoverDateRange(valueProp ?? null);
   }, [valueProp]);
   const getInputHtmlSize = () => {
     const padding = 4;
@@ -241,7 +240,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
         return date => (0, _utils.getWeekHoverRange)(date, {
           isoWeek,
           weekStart,
-          locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
+          locale: locale?.dateLocale
         });
       } else if (hoverRange === 'month') {
         return _utils.getMonthHoverRange;
@@ -264,10 +263,10 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
   };
   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 : []);
+    setSelectedDates(nextValue ?? []);
     setValue(nextValue);
     if (!(0, _utils.isSameRange)(nextValue, value, formatStr)) {
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChange?.(nextValue, event);
     }
 
     // `closeOverlay` default value is `true`
@@ -309,14 +308,14 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
    */
   const handleSelectDate = (0, _hooks.useEventCallback)((index, date, event) => {
     const calendarKey = index === 0 ? 'start' : 'end';
-    let nextSelectDates = hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : [];
+    let nextSelectDates = hoverDateRange ?? [];
     const hoverRangeValue = getHoverRangeValue(date);
     const noHoverRangeValid = (0, _isNil.default)(hoverRangeValue);
 
     // in `oneTap` mode
     if (oneTap) {
       setDateRange(event, noHoverRangeValid ? [(0, _date.startOfDay)(date), (0, _date.endOfDay)(date)] : hoverRangeValue);
-      onSelect === null || onSelect === void 0 || onSelect(date, event);
+      onSelect?.(date, event);
       return;
     }
 
@@ -369,7 +368,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
         eventName: 'changeDate'
       });
     }
-    onSelect === null || onSelect === void 0 || onSelect(date, event);
+    onSelect?.(date, event);
     setSelectedIdle(!isSelectedIdle);
   });
 
@@ -427,11 +426,11 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
     } else {
       // Reset the date on the calendar to the default date
       nextCalendarDate = (0, _utils.getSafeCalendarDate)({
-        value: defaultCalendarValue !== null && defaultCalendarValue !== void 0 ? defaultCalendarValue : null,
+        value: defaultCalendarValue ?? null,
         allowSameMonth
       });
     }
-    setSelectedDates(value !== null && value !== void 0 ? value : []);
+    setSelectedDates(value ?? []);
     setCalendarDateRange({
       dateRange: nextCalendarDate
     });
@@ -452,9 +451,9 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
     if (closeOverlay) {
       setDateRange(event, value, closeOverlay);
     } else {
-      setSelectedDates(value !== null && value !== void 0 ? value : []);
+      setSelectedDates(value ?? []);
     }
-    onShortcutClick === null || onShortcutClick === void 0 || onShortcutClick(range, event);
+    onShortcutClick?.(range, event);
 
     // End unfinished selections.
     setSelectedIdle(true);
@@ -469,14 +468,14 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
   const handleClickOK = (0, _hooks.useEventCallback)(event => {
     const nextValue = calculateDateRange();
     setDateRange(event, nextValue);
-    onOk === null || onOk === void 0 || onOk(nextValue, event);
+    onOk?.(nextValue, event);
   });
   const handleClean = (0, _hooks.useEventCallback)(event => {
     setCalendarDateRange({
       dateRange: null
     });
     setDateRange(event, null);
-    onClean === null || onClean === void 0 || onClean(event);
+    onClean?.(event);
     event.stopPropagation();
   });
 
@@ -565,20 +564,17 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
     return isRangeDisabled(startDate, endDate, _constants.DATERANGE_DISABLED_TARGET.TOOLBAR_SHORTCUT);
   };
   const handleClose = (0, _hooks.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 handleInputKeyDown = (0, _hooks.useEventCallback)(event => {
     (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) {
-          var _trigger$current3;
-          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 || _trigger$current3.open();
+          trigger.current?.open();
         }
       }
     });
@@ -619,7 +615,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
       format: formatStr,
       value: selectedDates,
       monthDropdownProps,
-      hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,
+      hoverRangeValue: hoverDateRange ?? undefined,
       hideHours,
       hideMinutes,
       hideSeconds,
@@ -730,7 +726,7 @@ const DateRangePicker = (0, _utils3.forwardRef)((props, ref) => {
       selectedDone: isSelectedIdle,
       target: _constants.DATERANGE_DISABLED_TARGET.INPUT
     };
-    if (isDateDisabled !== null && isDateDisabled !== void 0 && isDateDisabled(startDate, disabledOptions) || isDateDisabled !== null && isDateDisabled !== void 0 && isDateDisabled(endDate, disabledOptions)) {
+    if (isDateDisabled?.(startDate, disabledOptions) || isDateDisabled?.(endDate, disabledOptions)) {
       return true;
     }
     return false;

package/cjs/DateRangePicker/Header.js

@@ -21,7 +21,7 @@ function Header(props) {
     clickable,
     onSelect
   } = props;
-  const [startDate, endDate] = value !== null && value !== void 0 ? value : [null, null];
+  const [startDate, endDate] = value ?? [null, null];
   const v = startDate && endDate ? [startDate, endDate].sort(_date.compareAsc) : [startDate, endDate];
   const start = v[0] ? /*#__PURE__*/_react.default.createElement(_FormattedDate.FormattedDate, {
     date: v[0],
@@ -40,7 +40,7 @@ function Header(props) {
     size: "xs",
     appearance: "subtle",
     className: prefix('header-date'),
-    onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect('start'),
+    onClick: () => onSelect?.('start'),
     "aria-label": "Select start date"
   }, start), /*#__PURE__*/_react.default.createElement("span", {
     className: prefix('header-character')
@@ -48,7 +48,7 @@ function Header(props) {
     size: "xs",
     appearance: "subtle",
     className: prefix('header-date'),
-    onClick: () => onSelect === null || onSelect === void 0 ? void 0 : onSelect('end'),
+    onClick: () => onSelect?.('end'),
     "aria-label": "Select end date"
   }, end)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: prefix('header-date')

package/cjs/DateRangePicker/disabledDateUtils.js

@@ -27,7 +27,7 @@ function allowedMaxDays(days) {
   return (date, selectValue, selectedDone, target) => {
     let beforeLimit = false;
     let afterLimit = false;
-    if (selectValue !== null && selectValue !== void 0 && selectValue[0]) {
+    if (selectValue?.[0]) {
       const startDate = selectValue[0];
       beforeLimit = (0, _utils.composeFunctions)(f => DateUtils.addDays(f, -days + 1), f => isAfterDay(f, date))(startDate);
       afterLimit = (0, _utils.composeFunctions)(f => DateUtils.addDays(f, days - 1), f => isBeforeDay(f, date))(startDate);
@@ -46,7 +46,7 @@ function allowedDays(days) {
   return (date, selectValue, selectedDone, target) => {
     let beforeLimit = false;
     let afterLimit = false;
-    if (selectValue !== null && selectValue !== void 0 && selectValue[0]) {
+    if (selectValue?.[0]) {
       const startDate = selectValue[0];
       beforeLimit = (0, _utils.composeFunctions)(f => DateUtils.addDays(f, -days + 1), f => !DateUtils.isSameDay(f, date))(startDate);
       afterLimit = (0, _utils.composeFunctions)(f => DateUtils.addDays(f, days - 1), f => !DateUtils.isSameDay(f, date))(startDate);

package/cjs/DateRangePicker/hooks/useCalendarHandlers.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface CalendarHandlerProps {
     index: number;
     calendarDateRange: Date[];

package/cjs/DateRangePicker/hooks/useCalendarHandlers.js

@@ -16,19 +16,19 @@ function useCalendarHandlers({
 }) {
   const calendarDate = (0, _react.useMemo)(() => calendarDateRange[index], [calendarDateRange, index]);
   const handleSelect = (0, _hooks.useEventCallback)((date, event) => {
-    onSelect === null || onSelect === void 0 || onSelect(index, date, event);
+    onSelect?.(index, date, event);
   });
   const handleChangeMonth = (0, _hooks.useEventCallback)(nextPageDate => {
-    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, nextPageDate);
+    onChangeCalendarMonth?.(index, nextPageDate);
   });
   const handleChangeTime = (0, _hooks.useEventCallback)(nextPageDate => {
-    onChangeCalendarTime === null || onChangeCalendarTime === void 0 || onChangeCalendarTime(index, nextPageDate);
+    onChangeCalendarTime?.(index, nextPageDate);
   });
   const handleMoveForward = (0, _hooks.useEventCallback)(() => {
-    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, (0, _date.addMonths)(calendarDate, 1));
+    onChangeCalendarMonth?.(index, (0, _date.addMonths)(calendarDate, 1));
   });
   const handleMoveBackward = (0, _hooks.useEventCallback)(() => {
-    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, (0, _date.addMonths)(calendarDate, -1));
+    onChangeCalendarMonth?.(index, (0, _date.addMonths)(calendarDate, -1));
   });
   return {
     calendarDate,

package/cjs/DateRangePicker/utils.js

@@ -11,9 +11,8 @@ function getSafeCalendarDate({
   calendarKey = 'start',
   allowSameMonth
 }) {
-  var _value;
   // Update calendarDate if the value is not null
-  value = (_value = value) !== null && _value !== void 0 ? _value : [];
+  value = value ?? [];
   const gap = allowSameMonth ? 0 : 1;
   if (value[0] && value[1]) {
     const diffMonth = (0, _date.differenceInCalendarMonths)(value[1], value[0]);

package/cjs/Dropdown/Dropdown.js

@@ -134,11 +134,11 @@ const Dropdown = (0, _utils.forwardRef)((props, ref) => {
       }, popupProps), children);
     },
     onToggleMenu: open => {
-      onToggle === null || onToggle === void 0 || onToggle(open);
+      onToggle?.(open);
       if (open) {
-        onOpen === null || onOpen === void 0 || onOpen();
+        onOpen?.();
       } else {
-        onClose === null || onClose === void 0 || onClose();
+        onClose?.();
       }
     }
   }, ({

package/cjs/Dropdown/DropdownItem.js

@@ -51,12 +51,11 @@ const DropdownItem = (0, _utils.forwardRef)((props, ref) => {
     prefix
   } = (0, _hooks.useStyles)(classPrefix);
   const handleSelectItem = (0, _react.useCallback)(event => {
-    var _dropdown$onSelect;
-    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
-    dropdown === null || dropdown === void 0 || (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 || _dropdown$onSelect.call(dropdown, eventKey, event);
+    onSelect?.(eventKey, event);
+    dropdown?.onSelect?.(eventKey, event);
   }, [onSelect, eventKey, dropdown]);
-  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey);
-  const dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;
+  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(dropdown?.activeKey, eventKey);
+  const dispatch = dropdown?.dispatch;
   (0, _react.useEffect)(() => {
     if (dispatch) {
       dispatch({

package/cjs/Dropdown/DropdownMenu.d.ts

@@ -39,5 +39,5 @@ export interface DropdownMenuProps<T = string | number> extends StandardProps {
  *   </Dropdown.Menu>
  * </Dropdown>
  */
-declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps<string | number> & SanitizedHTMListProps<HTMLElement, React.HTMLAttributes<HTMLElement>> & React.RefAttributes<HTMLElement>>;
+declare const DropdownMenu: React.ForwardRefExoticComponent<DropdownMenuProps<string | number> & SanitizedHTMListProps & React.RefAttributes<HTMLElement>>;
 export default DropdownMenu;

package/cjs/Dropdown/DropdownMenu.js

@@ -54,7 +54,7 @@ const DropdownMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     rtl
   } = (0, _hooks.useCustom)();
   const handleToggleSubmenu = (0, _react.useCallback)((_, event) => {
-    onToggle === null || onToggle === void 0 || onToggle(eventKey, event);
+    onToggle?.(eventKey, event);
   }, [eventKey, onToggle]);
   const {
     merge,

package/cjs/Form/Form.d.ts

@@ -3,6 +3,7 @@ import { FormControlComponent } from '../FormControl';
 import { FormInstance } from './hooks/useFormRef';
 import { Schema } from 'schema-typed';
 import type { WithAsProps, CheckTriggerType } from '../internals/types';
+import type { Resolver } from './resolvers';
 export interface FormProps<V = Record<string, any>, M = any, E = {
     [P in keyof V]?: M;
 }> extends WithAsProps, Omit<FormHTMLAttributes<HTMLFormElement>, 'onChange' | 'onSubmit' | 'onError' | 'onReset'> {
@@ -40,6 +41,42 @@ export interface FormProps<V = Record<string, any>, M = any, E = {
      * @see https://github.com/rsuite/schema-typed
      */
     model?: Schema;
+    /**
+     * A resolver function for integrating third-party validation libraries such as
+     * Yup, Zod, AJV, Joi, Valibot, etc.
+     *
+     * When provided, the `resolver` takes precedence over the `model` prop for
+     * form-level validation (`check` / `checkAsync`).  Field-level inline `rule`
+     * props on `<Form.Control>` components are still respected.
+     *
+     * The resolver receives the current form values and must return (or resolve to)
+     * a `{ errors }` object where each key is a field name and each value is an
+     * error message or error object.  An empty `errors` object means the form is valid.
+     *
+     * **Note:** If the resolver is asynchronous, form-level sync validation
+     * (`check()`) will return `false` and log a warning. Use `checkAsync()` or
+     * rely on the `onSubmit` callback (which always awaits the resolver).
+     *
+     * @example
+     * ```tsx
+     * import * as yup from 'yup';
+     *
+     * const schema = yup.object({ name: yup.string().email().required() });
+     * const resolver = async (formValue) => {
+     *   try {
+     *     await schema.validate(formValue, { abortEarly: false });
+     *     return { errors: {} };
+     *   } catch (e) {
+     *     const errors = {};
+     *     e.inner.forEach(err => { if (err.path) errors[err.path] = err.message; });
+     *     return { errors };
+     *   }
+     * };
+     *
+     * <Form resolver={resolver} onSubmit={handleSubmit}>…</Form>
+     * ```
+     */
+    resolver?: Resolver<V>;
     /**
      * Make the form readonly
      */
@@ -98,9 +135,7 @@ export interface FormProps<V = Record<string, any>, M = any, E = {
 declare const Form: import("../internals/types").InternalRefForwardingComponent<"form", FormProps<Record<string, any>, any, {
     [x: string]: any;
 }> & {
-    ref?: React.Ref<FormInstance<Record<string, any>, string, {
-        [x: string]: string | undefined;
-    }>> | undefined;
+    ref?: React.Ref<FormInstance>;
 }, never> & {
     Stack: import("../internals/types").InternalRefForwardingComponent<"span", import("../FormStack").FormStackProps, never> & Record<string, never>;
     Control: FormControlComponent;