rsuite 5.74.2 → 5.76.0

package/esm/DatePicker/DatePicker.js

@@ -197,8 +197,8 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
    */
   var handleMoveForward = useEventCallback(function (nextPageDate) {
     setCalendarDate(nextPageDate);
-    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);
-    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);
+    onNextMonth === null || onNextMonth === void 0 || onNextMonth(nextPageDate);
+    onChangeCalendarDate === null || onChangeCalendarDate === void 0 || onChangeCalendarDate(nextPageDate);
   });
 
   /**
@@ -206,16 +206,16 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
    */
   var handleMoveBackward = useEventCallback(function (nextPageDate) {
     setCalendarDate(nextPageDate);
-    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);
-    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);
+    onPrevMonth === null || onPrevMonth === void 0 || onPrevMonth(nextPageDate);
+    onChangeCalendarDate === null || onChangeCalendarDate === void 0 || onChangeCalendarDate(nextPageDate);
   });
 
   /**
    * The callback triggered when the date changes.
    */
   var handleDateChange = useEventCallback(function (nextValue, event) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);
-    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);
+    onSelect === null || onSelect === void 0 || onSelect(nextValue, event);
+    onChangeCalendarDate === null || onChangeCalendarDate === void 0 || onChangeCalendarDate(nextValue, event);
   });
 
   /**
@@ -231,7 +231,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
    */
   var handleClose = useEventCallback(function () {
     var _trigger$current, _trigger$current$clos;
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);
+    (_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);
   });
   var updateValue = function updateValue(event, date, closeOverlay) {
     if (closeOverlay === void 0) {
@@ -241,7 +241,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setCalendarDate(nextValue || startOfToday());
     setValue(nextValue);
     if (nextValue !== value) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
 
     // `closeOverlay` default value is `true`
@@ -257,7 +257,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var value = range.value;
     updateValue(event, value, closeOverlay);
     handleDateChange(value, event);
-    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);
+    onShortcutClick === null || onShortcutClick === void 0 || onShortcutClick(range, event);
   });
 
   /**
@@ -265,7 +265,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
    */
   var handleOK = useEventCallback(function (event) {
     updateValue(event);
-    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);
+    onOk === null || onOk === void 0 || onOk(calendarDate, event);
     focusInput();
   });
 
@@ -274,10 +274,10 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
    */
 
   var handleClean = useEventCallback(function (event) {
-    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    event === null || event === void 0 || event.stopPropagation();
     updateValue(event, null);
     resetCalendarDate(null);
-    onClean === null || onClean === void 0 ? void 0 : onClean(event);
+    onClean === null || onClean === void 0 || onClean(event);
   });
   var handlePickerPopupKeyDown = useEventCallback(function (event) {
     onKeyFocusEvent(event, {
@@ -350,7 +350,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
           }
         } else {
           var _trigger$current3;
-          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();
+          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 || _trigger$current3.open();
         }
       }
     });
@@ -452,7 +452,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       resetCalendarDate();
     }
     setMonthView(false);
-    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props);
   });
   var showCleanButton = cleanable && hasValue && !readOnly;
   var _partitionHTMLProps = partitionHTMLProps(restProps, {

package/esm/DatePicker/PredefinedRanges.js

@@ -48,7 +48,7 @@ var PredefinedRanges = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (disabled) {
         return;
       }
-      onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, closeOverlay !== false ? true : false, event);
+      onShortcutClick === null || onShortcutClick === void 0 || onShortcutClick(range, closeOverlay !== false ? true : false, event);
     };
     return /*#__PURE__*/React.createElement(Button, _extends({
       appearance: "link",

package/esm/DatePicker/hooks/useFocus.js

@@ -46,7 +46,7 @@ function useFocus(props) {
     delay(function () {
       var container = getOverlayContainer();
       var selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected="true"]');
-      selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.focus();
+      selectedElement === null || selectedElement === void 0 || selectedElement.focus();
     }, 1);
   };
 

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.
    */
   var toggleMonthView = useEventCallback(function (show) {
-    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(show);
+    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 || onToggleMonthDropdown(show);
     setMonthView(show);
   });
   return {

package/esm/DateRangeInput/DateRangeInput.js

@@ -104,7 +104,7 @@ var DateRangeInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var setSelectionRange = useInputSelection(inputRef);
   var handleChange = useEventCallback(function (date, event) {
     var 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 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
     setValue(nextValue);
   });
   var handleClear = useEventCallback(function (event) {
@@ -113,7 +113,7 @@ var DateRangeInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setSelectionRange(0, 0);
     reset();
     setValue(null);
-    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);
+    onChange === null || onChange === void 0 || onChange(null, event);
   });
   var onSegmentChange = useEventCallback(function (event, nextDirection) {
     var input = event.target;
@@ -240,12 +240,12 @@ var DateRangeInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       end = _ref[1];
     if (isValid(start) && isValid(end)) {
       var nextValue = [start, end];
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
       setValue(nextValue);
       startDateState.setNewDate(start);
       endDateState.setNewDate(end);
     }
-    onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);
+    onPaste === null || onPaste === void 0 || onPaste(event);
   });
   var onKeyboardInput = useKeyboardInputEvent({
     onSegmentChange: onSegmentChange,

package/esm/DateRangePicker/DateRangePicker.js

@@ -290,7 +290,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);
     setValue(nextValue);
     if (!isSameRange(nextValue, value, formatStr)) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
 
     // `closeOverlay` default value is `true`
@@ -341,7 +341,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     // in `oneTap` mode
     if (oneTap) {
       setDateRange(event, noHoverRangeValid ? [startOfDay(date), endOfDay(date)] : hoverRangeValue);
-      onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);
+      onSelect === null || onSelect === void 0 || onSelect(date, event);
       return;
     }
 
@@ -394,7 +394,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
         eventName: 'changeDate'
       });
     }
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);
+    onSelect === null || onSelect === void 0 || onSelect(date, event);
     setSelectedIdle(!isSelectedIdle);
   });
 
@@ -477,7 +477,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } else {
       setSelectedDates(value !== null && value !== void 0 ? value : []);
     }
-    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);
+    onShortcutClick === null || onShortcutClick === void 0 || onShortcutClick(range, event);
 
     // End unfinished selections.
     setSelectedIdle(true);
@@ -495,14 +495,14 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleClickOK = useEventCallback(function (event) {
     var nextValue = calculateDateRange();
     setDateRange(event, nextValue);
-    onOk === null || onOk === void 0 ? void 0 : onOk(nextValue, event);
+    onOk === null || onOk === void 0 || onOk(nextValue, event);
   });
   var handleClean = useEventCallback(function (event) {
     setCalendarDateRange({
       dateRange: null
     });
     setDateRange(event, null);
-    onClean === null || onClean === void 0 ? void 0 : onClean(event);
+    onClean === null || onClean === void 0 || onClean(event);
     event.stopPropagation();
   });
 
@@ -598,7 +598,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   var handleClose = useEventCallback(function () {
     var _trigger$current, _trigger$current$clos;
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);
+    (_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);
   });
   var handleInputKeyDown = useEventCallback(function (event) {
     onMenuKeyDown(event, {
@@ -609,7 +609,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
           open = _ref4.open;
         if (!open) {
           var _trigger$current3;
-          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();
+          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 || _trigger$current3.open();
         }
       }
     });

package/esm/DateRangePicker/hooks/useCalendarHandlers.js

@@ -12,19 +12,19 @@ export function useCalendarHandlers(_ref) {
     return calendarDateRange[index];
   }, [calendarDateRange, index]);
   var handleSelect = useEventCallback(function (date, event) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(index, date, event);
+    onSelect === null || onSelect === void 0 || onSelect(index, date, event);
   });
   var handleChangeMonth = useEventCallback(function (nextPageDate) {
-    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, nextPageDate);
   });
   var handleChangeTime = useEventCallback(function (nextPageDate) {
-    onChangeCalendarTime === null || onChangeCalendarTime === void 0 ? void 0 : onChangeCalendarTime(index, nextPageDate);
+    onChangeCalendarTime === null || onChangeCalendarTime === void 0 || onChangeCalendarTime(index, nextPageDate);
   });
   var handleMoveForward = useEventCallback(function () {
-    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, addMonths(calendarDate, 1));
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, addMonths(calendarDate, 1));
   });
   var handleMoveBackward = useEventCallback(function () {
-    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, addMonths(calendarDate, -1));
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, addMonths(calendarDate, -1));
   });
   return {
     calendarDate: calendarDate,

package/esm/Dropdown/Dropdown.js

@@ -136,11 +136,11 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, popupProps), children);
     },
     onToggleMenu: function onToggleMenu(open) {
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);
+      onToggle === null || onToggle === void 0 || onToggle(open);
       if (open) {
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        onOpen === null || onOpen === void 0 || onOpen();
       } else {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClose === null || onClose === void 0 || onClose();
       }
     }
   }, function (_ref2, menuContainerRef) {

package/esm/Dropdown/DropdownItem.js

@@ -49,8 +49,8 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     prefix = _useClassNames.prefix;
   var handleSelectItem = useCallback(function (event) {
     var _dropdown$onSelect;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    dropdown === null || dropdown === void 0 ? void 0 : (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 ? void 0 : _dropdown$onSelect.call(dropdown, eventKey, event);
+    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, dropdown]);
   var selected = activeProp || !isNil(eventKey) && shallowEqual(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey);
   var dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;

package/esm/Dropdown/DropdownMenu.js

@@ -58,7 +58,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useCustom = useCustom(),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = useCallback(function (_, event) {
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(eventKey, event);
+    onToggle === null || onToggle === void 0 || onToggle(eventKey, event);
   }, [eventKey, onToggle]);
   var _useClassNames = useClassNames(classPrefix),
     merge = _useClassNames.merge,

package/esm/Form/Form.js

@@ -99,17 +99,17 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var submit = useEventCallback(function (event) {
     // Check the form before submitting
     if (check()) {
-      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(formValue, event);
+      onSubmit === null || onSubmit === void 0 || onSubmit(formValue, event);
     }
   });
   var reset = useEventCallback(function (event) {
     resetErrors();
-    onReset === null || onReset === void 0 ? void 0 : onReset(resetFormValue(), event);
+    onReset === null || onReset === void 0 || onReset(resetFormValue(), event);
   });
   var handleSubmit = useEventCallback(function (event) {
     var _event$preventDefault, _event$stopPropagatio;
-    event === null || event === void 0 ? void 0 : (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);
-    event === null || event === void 0 ? void 0 : (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 ? void 0 : _event$stopPropagatio.call(event);
+    event === null || event === void 0 || (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 || _event$preventDefault.call(event);
+    event === null || event === void 0 || (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 || _event$stopPropagatio.call(event);
 
     // Prevent submission when the form is disabled, readOnly, or plaintext
     if (disabled || readOnly || plaintext) {
@@ -119,8 +119,8 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   var handleReset = useEventCallback(function (event) {
     var _event$preventDefault2, _event$stopPropagatio2;
-    event === null || event === void 0 ? void 0 : (_event$preventDefault2 = event.preventDefault) === null || _event$preventDefault2 === void 0 ? void 0 : _event$preventDefault2.call(event);
-    event === null || event === void 0 ? void 0 : (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 ? void 0 : _event$stopPropagatio2.call(event);
+    event === null || event === void 0 || (_event$preventDefault2 = event.preventDefault) === null || _event$preventDefault2 === void 0 || _event$preventDefault2.call(event);
+    event === null || event === void 0 || (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 || _event$stopPropagatio2.call(event);
 
     // Prevent reset when the form is disabled, readOnly, or plaintext
     if (disabled || readOnly || plaintext) {
@@ -144,14 +144,14 @@ var Form = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   var removeFieldValue = useEventCallback(function (name) {
     var formValue = onRemoveValue(name);
-    onChange === null || onChange === void 0 ? void 0 : onChange(formValue);
+    onChange === null || onChange === void 0 || onChange(formValue);
   });
   var removeFieldError = useEventCallback(function (name) {
     onRemoveError(name);
   });
   var onFieldChange = useEventCallback(function (name, value, event) {
     var nextFormValue = setFieldValue(name, value);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);
+    onChange === null || onChange === void 0 || onChange(nextFormValue, event);
   });
   var formContextValue = {
     errorFromContext: errorFromContext,

package/esm/Form/hooks/useFormValidate.js

@@ -32,7 +32,7 @@ export default function useFormValidate(_formError, props) {
     var formError = {};
     var errorCount = 0;
     var model = getCombinedModel();
-    var checkField = function checkField(key, type, value, formErrorObj) {
+    var _checkField = function checkField(key, type, value, formErrorObj) {
       model.setSchemaOptionsForAllType(formValue || {});
       var checkResult = type.check(value, formValue, key);
       if (checkResult.hasError === true) {
@@ -48,20 +48,20 @@ export default function useFormValidate(_formError, props) {
           formErrorObj[key] = formErrorObj[key] || {
             object: {}
           };
-          checkField(nestedKey, nestedType, value === null || value === void 0 ? void 0 : value[nestedKey], formErrorObj[key].object);
+          _checkField(nestedKey, nestedType, value === null || value === void 0 ? void 0 : value[nestedKey], formErrorObj[key].object);
         });
       }
     };
     Object.entries(model.getSchemaSpec()).forEach(function (_ref2) {
       var key = _ref2[0],
         type = _ref2[1];
-      checkField(key, type, formValue[key], formError);
+      _checkField(key, type, formValue[key], formError);
     });
     setFormError(formError);
-    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);
-    callback === null || callback === void 0 ? void 0 : callback(formError);
+    onCheck === null || onCheck === void 0 || onCheck(formError);
+    callback === null || callback === void 0 || callback(formError);
     if (errorCount > 0) {
-      onError === null || onError === void 0 ? void 0 : onError(formError);
+      onError === null || onError === void 0 || onError(formError);
       return false;
     }
     return true;
@@ -78,10 +78,10 @@ export default function useFormValidate(_formError, props) {
     if (nestedField) {
       nextFormError = set(nextFormError, nameToPath(fieldName), resultOfCurrentField);
       setFormError(nextFormError);
-      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
-      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);
+      onCheck === null || onCheck === void 0 || onCheck(nextFormError);
+      callback === null || callback === void 0 || callback(resultOfCurrentField);
       if (resultOfCurrentField.hasError) {
-        onError === null || onError === void 0 ? void 0 : onError(nextFormError);
+        onError === null || onError === void 0 || onError(nextFormError);
       }
       return !resultOfCurrentField.hasError;
     } else {
@@ -101,10 +101,10 @@ export default function useFormValidate(_formError, props) {
         }
       });
       setFormError(nextFormError);
-      onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
-      callback === null || callback === void 0 ? void 0 : callback(resultOfCurrentField);
+      onCheck === null || onCheck === void 0 || onCheck(nextFormError);
+      callback === null || callback === void 0 || callback(resultOfCurrentField);
       if (hasError) {
-        onError === null || onError === void 0 ? void 0 : onError(nextFormError);
+        onError === null || onError === void 0 || onError(nextFormError);
       }
       return !hasError;
     }
@@ -138,10 +138,10 @@ export default function useFormValidate(_formError, props) {
           formError[keys[i]] = values[i].errorMessage;
         }
       }
-      onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);
+      onCheck === null || onCheck === void 0 || onCheck(formError);
       setFormError(formError);
       if (errorCount > 0) {
-        onError === null || onError === void 0 ? void 0 : onError(formError);
+        onError === null || onError === void 0 || onError(formError);
       }
       return {
         hasError: errorCount > 0,
@@ -161,10 +161,10 @@ export default function useFormValidate(_formError, props) {
 
       if (nestedField) {
         nextFormError = set(nextFormError, nameToPath(fieldName), resultOfCurrentField);
-        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
+        onCheck === null || onCheck === void 0 || onCheck(nextFormError);
         setFormError(nextFormError);
         if (resultOfCurrentField.hasError) {
-          onError === null || onError === void 0 ? void 0 : onError(nextFormError);
+          onError === null || onError === void 0 || onError(nextFormError);
         }
         return resultOfCurrentField;
       } else {
@@ -184,9 +184,9 @@ export default function useFormValidate(_formError, props) {
           }
         });
         setFormError(nextFormError);
-        onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextFormError);
+        onCheck === null || onCheck === void 0 || onCheck(nextFormError);
         if (hasError) {
-          onError === null || onError === void 0 ? void 0 : onError(nextFormError);
+          onError === null || onError === void 0 || onError(nextFormError);
         }
         return resultOfCurrentField;
       }
@@ -208,7 +208,7 @@ export default function useFormValidate(_formError, props) {
     var formError = omit(realFormErrorRef.current, [nestedField ? nameToPath(name) : name]);
     realFormErrorRef.current = formError;
     setFormError(formError);
-    onCheck === null || onCheck === void 0 ? void 0 : onCheck(formError);
+    onCheck === null || onCheck === void 0 || onCheck(formError);
     return formError;
   }, [nestedField, onCheck, setFormError]);
   var cleanErrors = useEventCallback(function () {

package/esm/FormControl/FormControl.js

@@ -81,8 +81,8 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useRegisterModel(name, rule);
   useWillUnmount(function () {
     if (shouldResetWithUnmount) {
-      removeFieldValue === null || removeFieldValue === void 0 ? void 0 : removeFieldValue(name);
-      removeFieldError === null || removeFieldError === void 0 ? void 0 : removeFieldError(name);
+      removeFieldValue === null || removeFieldValue === void 0 || removeFieldValue(name);
+      removeFieldError === null || removeFieldError === void 0 || removeFieldError(name);
     }
   });
   var trigger = checkTrigger || contextCheckTrigger;
@@ -107,14 +107,14 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (trigger === 'change') {
       handleFieldCheck(value);
     }
-    onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange(name, value, event);
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onFieldChange === null || onFieldChange === void 0 || onFieldChange(name, value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
   });
   var handleFieldBlur = useEventCallback(function (event) {
     if (trigger === 'blur') {
       handleFieldCheck(fieldValue);
     }
-    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+    onBlur === null || onBlur === void 0 || onBlur(event);
   });
   var handleFieldCheck = useEventCallback(function (value) {
     var nextFormValue = setFieldValue(name, value);

package/esm/FormControl/hooks/useField.js

@@ -17,7 +17,7 @@ function getErrorMessage(error) {
   if (error !== null && error !== void 0 && error.array && ((_error$array = error.array) === null || _error$array === void 0 ? void 0 : _error$array.length) > 0) {
     return error.array[0].errorMessage;
   }
-  if ( /*#__PURE__*/isValidElement(error)) {
+  if (/*#__PURE__*/isValidElement(error)) {
     return error;
   }
   return error === null || error === void 0 ? void 0 : error.errorMessage;

package/esm/FormControl/hooks/useRegisterModel.js

@@ -8,9 +8,9 @@ function useRegisterModel(name, rule) {
   var refRule = useRef(rule);
   refRule.current = rule;
   useEffect(function () {
-    pushFieldRule === null || pushFieldRule === void 0 ? void 0 : pushFieldRule(name, refRule);
+    pushFieldRule === null || pushFieldRule === void 0 || pushFieldRule(name, refRule);
     return function () {
-      removeFieldRule === null || removeFieldRule === void 0 ? void 0 : removeFieldRule(name);
+      removeFieldRule === null || removeFieldRule === void 0 || removeFieldRule(name);
     };
   }, [name, pushFieldRule, removeFieldRule]);
 }

package/esm/Image/Image.d.ts

@@ -0,0 +1,42 @@
+import React, { CSSProperties } from 'react';
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+export interface ImageProps extends WithAsProps, Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'placeholder'> {
+    /**
+     * An image may appear with border.
+     */
+    bordered?: boolean;
+    /**
+     * An image may appear circular.
+     */
+    circle?: boolean;
+    /**
+     * The fallback image when the src fails to load.
+     */
+    fallbackSrc?: string;
+    /**
+     * An image may appear rounded.
+     */
+    rounded?: boolean;
+    /**
+     * Whether there is a shadow.
+     */
+    shaded?: boolean;
+    /**
+     * It maps to css `object-fit` property.
+     */
+    fit?: CSSProperties['objectFit'];
+    /**
+     * It maps to css `object-position` property.
+     */
+    position?: CSSProperties['objectPosition'];
+    /**
+     * The placeholder to display when the image is loading.
+     */
+    placeholder?: React.ReactNode;
+    /**
+     * Whether the image should be zoomed when hovered.
+     */
+    zoomed?: boolean;
+}
+declare const Image: RsRefForwardingComponent<'img', ImageProps>;
+export default Image;

package/esm/Image/Image.js

@@ -0,0 +1,97 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["as", "bordered", "classPrefix", "className", "circle", "crossOrigin", "fit", "fallbackSrc", "loading", "rounded", "srcSet", "sizes", "shaded", "src", "style", "position", "placeholder", "width", "height", "zoomed"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useClassNames } from "../internals/hooks/index.js";
+import { ImageWrapper } from "./ImageWrapper.js";
+import { useImage } from "./hooks/useImage.js";
+import { useCustom } from "../CustomProvider/index.js";
+var Image = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _extends2;
+  var _useCustom = useCustom('Image', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'img' : _propsWithDefaults$as,
+    bordered = propsWithDefaults.bordered,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'image' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    circle = propsWithDefaults.circle,
+    crossOrigin = propsWithDefaults.crossOrigin,
+    fit = propsWithDefaults.fit,
+    fallbackSrc = propsWithDefaults.fallbackSrc,
+    loading = propsWithDefaults.loading,
+    rounded = propsWithDefaults.rounded,
+    srcSet = propsWithDefaults.srcSet,
+    sizes = propsWithDefaults.sizes,
+    shaded = propsWithDefaults.shaded,
+    src = propsWithDefaults.src,
+    style = propsWithDefaults.style,
+    position = propsWithDefaults.position,
+    placeholder = propsWithDefaults.placeholder,
+    width = propsWithDefaults.width,
+    height = propsWithDefaults.height,
+    zoomed = propsWithDefaults.zoomed,
+    rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
+  var _useClassNames = useClassNames(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix({
+    circle: circle,
+    bordered: bordered,
+    rounded: rounded,
+    shaded: shaded,
+    zoomed: zoomed
+  }));
+  var imgProps = {
+    crossOrigin: crossOrigin,
+    srcSet: srcSet,
+    sizes: sizes,
+    loading: loading
+  };
+  var _useImage = useImage(_extends({
+      src: src,
+      fallbackSrc: fallbackSrc
+    }, imgProps)),
+    imgSrc = _useImage.imgSrc,
+    isLoading = _useImage.isLoading;
+  var styles = _extends({}, style, (_extends2 = {}, _extends2['--rs-object-fit'] = fit, _extends2['--rs-object-position'] = position, _extends2));
+  var wrapStyles = {
+    width: width,
+    height: height
+  };
+  var image = /*#__PURE__*/React.createElement(Component, _extends({
+    ref: ref,
+    src: imgSrc,
+    className: classes,
+    style: styles,
+    width: width,
+    height: height
+  }, imgProps, rest));
+  if (zoomed) {
+    return /*#__PURE__*/React.createElement(ImageWrapper, {
+      style: wrapStyles
+    }, image);
+  }
+  if (placeholder) {
+    return /*#__PURE__*/React.createElement(ImageWrapper, {
+      style: wrapStyles
+    }, isLoading && placeholder, image);
+  }
+  return image;
+});
+Image.displayName = 'Image';
+Image.propTypes = {
+  bordered: PropTypes.bool,
+  circle: PropTypes.bool,
+  fallbackSrc: PropTypes.string,
+  fit: PropTypes.string,
+  position: PropTypes.string,
+  rounded: PropTypes.bool,
+  shaded: PropTypes.bool,
+  placeholder: PropTypes.node,
+  zoomed: PropTypes.bool
+};
+export default Image;