rsuite 6.1.2 → 6.1.3

package/esm/DateRangePicker/DateRangePicker.js

@@ -31,7 +31,6 @@ import { addMonths, addDays, copyTime, calendarOnlyProps, endOfDay, isValid, isB
  * @see https://rsuitejs.com/components/date-range-picker
  */
 const DateRangePicker = forwardRef((props, ref) => {
-  var _ref, _ref2;
   const {
     formatDate,
     propsWithDefaults
@@ -106,9 +105,9 @@ const DateRangePicker = forwardRef((props, ref) => {
     merge,
     prefix
   } = 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] = useControlled(valueProp, defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
+  const [value, setValue] = useControlled(valueProp, defaultValue ?? null);
   const {
     mode,
     has
@@ -142,14 +141,14 @@ const DateRangePicker = forwardRef((props, ref) => {
    * the second click to determine the end date of the date range.
    *
    */
-  const [selectedDates, setSelectedDates] = useState((_ref = valueProp !== null && valueProp !== void 0 ? valueProp : defaultValue) !== null && _ref !== void 0 ? _ref : []);
+  const [selectedDates, setSelectedDates] = useState(valueProp ?? defaultValue ?? []);
 
   // The date of the current hover, used to reduce the calculation of `handleMouseMove`
   const [hoverDateRange, setHoverDateRange] = useState(value);
 
   // The displayed calendar panel is rendered based on this value.
   const [calendarDateRange, setCalendarDateRangeValue] = useState(getSafeCalendarDate({
-    value: (_ref2 = value !== null && value !== void 0 ? value : defaultCalendarValue) !== null && _ref2 !== void 0 ? _ref2 : null,
+    value: value ?? defaultCalendarValue ?? null,
     allowSameMonth
   }));
 
@@ -172,7 +171,7 @@ const DateRangePicker = 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];
   };
 
   /**
@@ -187,7 +186,7 @@ const DateRangePicker = 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 = copyTime({
         from: getCalendarDatetime('start'),
         to: dateRange[0]
@@ -213,8 +212,8 @@ const DateRangePicker = forwardRef((props, ref) => {
   };
   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;
@@ -235,7 +234,7 @@ const DateRangePicker = forwardRef((props, ref) => {
         return date => getWeekHoverRange(date, {
           isoWeek,
           weekStart,
-          locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
+          locale: locale?.dateLocale
         });
       } else if (hoverRange === 'month') {
         return getMonthHoverRange;
@@ -258,10 +257,10 @@ const DateRangePicker = 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 (!isSameRange(nextValue, value, formatStr)) {
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChange?.(nextValue, event);
     }
 
     // `closeOverlay` default value is `true`
@@ -303,14 +302,14 @@ const DateRangePicker = forwardRef((props, ref) => {
    */
   const handleSelectDate = 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 = isNil(hoverRangeValue);
 
     // in `oneTap` mode
     if (oneTap) {
       setDateRange(event, noHoverRangeValid ? [startOfDay(date), endOfDay(date)] : hoverRangeValue);
-      onSelect === null || onSelect === void 0 || onSelect(date, event);
+      onSelect?.(date, event);
       return;
     }
 
@@ -363,7 +362,7 @@ const DateRangePicker = forwardRef((props, ref) => {
         eventName: 'changeDate'
       });
     }
-    onSelect === null || onSelect === void 0 || onSelect(date, event);
+    onSelect?.(date, event);
     setSelectedIdle(!isSelectedIdle);
   });
 
@@ -421,11 +420,11 @@ const DateRangePicker = forwardRef((props, ref) => {
     } else {
       // Reset the date on the calendar to the default date
       nextCalendarDate = 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
     });
@@ -446,9 +445,9 @@ const DateRangePicker = 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);
@@ -463,14 +462,14 @@ const DateRangePicker = forwardRef((props, ref) => {
   const handleClickOK = useEventCallback(event => {
     const nextValue = calculateDateRange();
     setDateRange(event, nextValue);
-    onOk === null || onOk === void 0 || onOk(nextValue, event);
+    onOk?.(nextValue, event);
   });
   const handleClean = useEventCallback(event => {
     setCalendarDateRange({
       dateRange: null
     });
     setDateRange(event, null);
-    onClean === null || onClean === void 0 || onClean(event);
+    onClean?.(event);
     event.stopPropagation();
   });
 
@@ -559,20 +558,17 @@ const DateRangePicker = forwardRef((props, ref) => {
     return isRangeDisabled(startDate, endDate, TARGET.TOOLBAR_SHORTCUT);
   };
   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 handleInputKeyDown = useEventCallback(event => {
     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();
         }
       }
     });
@@ -613,7 +609,7 @@ const DateRangePicker = forwardRef((props, ref) => {
       format: formatStr,
       value: selectedDates,
       monthDropdownProps,
-      hoverRangeValue: hoverDateRange !== null && hoverDateRange !== void 0 ? hoverDateRange : undefined,
+      hoverRangeValue: hoverDateRange ?? undefined,
       hideHours,
       hideMinutes,
       hideSeconds,
@@ -724,7 +720,7 @@ const DateRangePicker = forwardRef((props, ref) => {
       selectedDone: isSelectedIdle,
       target: 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/esm/DateRangePicker/Header.js

@@ -16,7 +16,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(compareAsc) : [startDate, endDate];
   const start = v[0] ? /*#__PURE__*/React.createElement(FormattedDate, {
     date: v[0],
@@ -35,7 +35,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.createElement("span", {
     className: prefix('header-character')
@@ -43,7 +43,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.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
     className: prefix('header-date')

package/esm/DateRangePicker/disabledDateUtils.js

@@ -15,7 +15,7 @@ export 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 = composeFunctions(f => DateUtils.addDays(f, -days + 1), f => isAfterDay(f, date))(startDate);
       afterLimit = composeFunctions(f => DateUtils.addDays(f, days - 1), f => isBeforeDay(f, date))(startDate);
@@ -34,7 +34,7 @@ export 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 = composeFunctions(f => DateUtils.addDays(f, -days + 1), f => !DateUtils.isSameDay(f, date))(startDate);
       afterLimit = composeFunctions(f => DateUtils.addDays(f, days - 1), f => !DateUtils.isSameDay(f, date))(startDate);

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

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

package/esm/DateRangePicker/hooks/useCalendarHandlers.js

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

package/esm/DateRangePicker/utils.js

@@ -5,9 +5,8 @@ export 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 = differenceInCalendarMonths(value[1], value[0]);

package/esm/Dropdown/Dropdown.js

@@ -128,11 +128,11 @@ const Dropdown = 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/esm/Dropdown/DropdownItem.js

@@ -45,12 +45,11 @@ const DropdownItem = forwardRef((props, ref) => {
     prefix
   } = useStyles(classPrefix);
   const handleSelectItem = 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 || !isNil(eventKey) && 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 || !isNil(eventKey) && shallowEqual(dropdown?.activeKey, eventKey);
+  const dispatch = dropdown?.dispatch;
   useEffect(() => {
     if (dispatch) {
       dispatch({

package/esm/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/esm/Dropdown/DropdownMenu.js

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

package/esm/Form/Form.d.ts

@@ -98,9 +98,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;

package/esm/Form/Form.js

@@ -100,21 +100,20 @@ const Form = forwardRef((props, ref) => {
   const submit = useEventCallback(event => {
     // Check the form before submitting
     if (check()) {
-      onSubmit === null || onSubmit === void 0 || onSubmit(formValue, event);
+      onSubmit?.(formValue, event);
     }
   });
   const reset = useEventCallback(event => {
     resetErrors();
     const resetValue = resetFormValue();
     if (resetValue) {
-      onChange === null || onChange === void 0 || onChange(resetValue);
+      onChange?.(resetValue);
     }
-    onReset === null || onReset === void 0 || onReset(resetValue, event);
+    onReset?.(resetValue, event);
   });
   const handleSubmit = useEventCallback(event => {
-    var _event$preventDefault, _event$stopPropagatio;
-    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);
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
 
     // Prevent submission when the form is disabled, readOnly, or plaintext
     if (disabled || readOnly || plaintext) {
@@ -123,9 +122,8 @@ const Form = forwardRef((props, ref) => {
     submit(event);
   });
   const handleReset = useEventCallback(event => {
-    var _event$preventDefault2, _event$stopPropagatio2;
-    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);
+    event?.preventDefault?.();
+    event?.stopPropagation?.();
 
     // Prevent reset when the form is disabled, readOnly, or plaintext
     if (disabled || readOnly || plaintext) {
@@ -149,14 +147,14 @@ const Form = forwardRef((props, ref) => {
   });
   const removeFieldValue = useEventCallback(name => {
     const formValue = onRemoveValue(name);
-    onChange === null || onChange === void 0 || onChange(formValue);
+    onChange?.(formValue);
   });
   const removeFieldError = useEventCallback(name => {
     onRemoveError(name);
   });
   const onFieldChange = useEventCallback((name, value, event) => {
     const nextFormValue = setFieldValue(name, value);
-    onChange === null || onChange === void 0 || onChange(nextFormValue, event);
+    onChange?.(nextFormValue, event);
   });
   const formContextValue = {
     errorFromContext,

package/esm/Form/hooks/useFormRef.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { CheckResult } from 'schema-typed';
 export interface FormImperativeMethods<T = Record<string, any>, M = string, E = {
     [P in keyof T]?: M;

package/esm/Form/hooks/useFormValidate.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 export interface FormErrorProps {
     formValue: any;
     getCombinedModel: () => any;

package/esm/Form/hooks/useFormValidate.js

@@ -33,16 +33,16 @@ export default function useFormValidate(_formError, props) {
       const checkResult = type.check(value, formValue, key);
       if (checkResult.hasError === true) {
         errorCount += 1;
-        formErrorObj[key] = (checkResult === null || checkResult === void 0 ? void 0 : checkResult.errorMessage) || checkResult;
+        formErrorObj[key] = checkResult?.errorMessage || checkResult;
       }
 
       // Check nested object
-      if (type !== null && type !== void 0 && type.objectTypeSchemaSpec) {
+      if (type?.objectTypeSchemaSpec) {
         Object.entries(type.objectTypeSchemaSpec).forEach(([nestedKey, nestedType]) => {
           formErrorObj[key] = formErrorObj[key] || {
             object: {}
           };
-          checkField(nestedKey, nestedType, value === null || value === void 0 ? void 0 : value[nestedKey], formErrorObj[key].object);
+          checkField(nestedKey, nestedType, value?.[nestedKey], formErrorObj[key].object);
         });
       }
     };
@@ -50,10 +50,10 @@ export default function useFormValidate(_formError, props) {
       checkField(key, type, formValue[key], formError);
     });
     setFormError(formError);
-    onCheck === null || onCheck === void 0 || onCheck(formError);
-    callback === null || callback === void 0 || callback(formError);
+    onCheck?.(formError);
+    callback?.(formError);
     if (errorCount > 0) {
-      onError === null || onError === void 0 || onError(formError);
+      onError?.(formError);
       return false;
     }
     return true;
@@ -72,10 +72,10 @@ export default function useFormValidate(_formError, props) {
     if (nestedField) {
       nextFormError = set(nextFormError, nameToPath(fieldName), resultOfCurrentField);
       setFormError(nextFormError);
-      onCheck === null || onCheck === void 0 || onCheck(nextFormError);
-      callback === null || callback === void 0 || callback(resultOfCurrentField);
+      onCheck?.(nextFormError);
+      callback?.(resultOfCurrentField);
       if (resultOfCurrentField.hasError) {
-        onError === null || onError === void 0 || onError(nextFormError);
+        onError?.(nextFormError);
       }
       return !resultOfCurrentField.hasError;
     } else {
@@ -96,10 +96,10 @@ export default function useFormValidate(_formError, props) {
         }
       });
       setFormError(nextFormError);
-      onCheck === null || onCheck === void 0 || onCheck(nextFormError);
-      callback === null || callback === void 0 || callback(resultOfCurrentField);
+      onCheck?.(nextFormError);
+      callback?.(resultOfCurrentField);
       if (hasError) {
-        onError === null || onError === void 0 || onError(nextFormError);
+        onError?.(nextFormError);
       }
       return !hasError;
     }
@@ -133,10 +133,10 @@ export default function useFormValidate(_formError, props) {
           formError[keys[i]] = values[i].errorMessage;
         }
       }
-      onCheck === null || onCheck === void 0 || onCheck(formError);
+      onCheck?.(formError);
       setFormError(formError);
       if (errorCount > 0) {
-        onError === null || onError === void 0 || onError(formError);
+        onError?.(formError);
       }
       return {
         hasError: errorCount > 0,
@@ -158,10 +158,10 @@ export default function useFormValidate(_formError, props) {
 
       if (nestedField) {
         nextFormError = set(nextFormError, nameToPath(fieldName), resultOfCurrentField);
-        onCheck === null || onCheck === void 0 || onCheck(nextFormError);
+        onCheck?.(nextFormError);
         setFormError(nextFormError);
         if (resultOfCurrentField.hasError) {
-          onError === null || onError === void 0 || onError(nextFormError);
+          onError?.(nextFormError);
         }
         return resultOfCurrentField;
       } else {
@@ -182,9 +182,9 @@ export default function useFormValidate(_formError, props) {
           }
         });
         setFormError(nextFormError);
-        onCheck === null || onCheck === void 0 || onCheck(nextFormError);
+        onCheck?.(nextFormError);
         if (hasError) {
-          onError === null || onError === void 0 || onError(nextFormError);
+          onError?.(nextFormError);
         }
         return resultOfCurrentField;
       }
@@ -206,7 +206,7 @@ export default function useFormValidate(_formError, props) {
     const formError = omit(realFormErrorRef.current, [nestedField ? nameToPath(name) : name]);
     realFormErrorRef.current = formError;
     setFormError(formError);
-    onCheck === null || onCheck === void 0 || onCheck(formError);
+    onCheck?.(formError);
     return formError;
   }, [nestedField, onCheck, setFormError]);
   const cleanErrors = useEventCallback(() => {

package/esm/Form/hooks/useFormValue.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 type RecordAny = Record<string, any>;
 interface UseFormValueProps<V = RecordAny> {
     formDefaultValue: V;

package/esm/FormControl/FormControl.js

@@ -70,9 +70,9 @@ const FormControl = forwardRef((props, ref) => {
   });
 
   // Combine props and context values
-  const resolvedReadOnly = readOnly !== null && readOnly !== void 0 ? readOnly : contextReadOnly;
-  const resolvedPlaintext = plaintext !== null && plaintext !== void 0 ? plaintext : contextPlaintext;
-  const resolvedDisabled = disabled !== null && disabled !== void 0 ? disabled : contextDisabled;
+  const resolvedReadOnly = readOnly ?? contextReadOnly;
+  const resolvedPlaintext = plaintext ?? contextPlaintext;
+  const resolvedDisabled = disabled ?? contextDisabled;
   const {
     withPrefix,
     prefix
@@ -82,13 +82,13 @@ const FormControl = forwardRef((props, ref) => {
   // Handle onChange with both hook's implementation and prop callback
   const handleChange = (value, event) => {
     handleFieldChange(value, event);
-    propsOnChange === null || propsOnChange === void 0 || propsOnChange(value, event);
+    propsOnChange?.(value, event);
   };
 
   // Handle onBlur with both hook's implementation and prop callback
   const handleBlur = event => {
     handleFieldBlur(); // onBlur doesn't take parameters in the hook
-    propsOnBlur === null || propsOnBlur === void 0 || propsOnBlur(event);
+    propsOnBlur?.(event);
   };
 
   // Toggle component is a special case that uses `checked` and `defaultChecked` instead of `value` and `defaultValue` props.

package/esm/FormGroup/FormGroupContext.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 export declare const FormGroupContext: React.Context<{
-    controlId?: string | undefined;
+    controlId?: string;
 }>;

package/esm/Highlight/utils/highlightText.js

@@ -17,7 +17,7 @@ export function highlightText(text, props) {
     if (strArr[i]) {
       texts.push(strArr[i]);
     }
-    if (highStrArr !== null && highStrArr !== void 0 && highStrArr[i]) {
+    if (highStrArr?.[i]) {
       texts.push(renderMark(highStrArr[i], i));
     }
   }

package/esm/InlineEdit/renderChildren.js

@@ -10,11 +10,10 @@ export function defaultRenderInput(props, ref) {
 }
 const pickers = ['DatePicker', 'DateRangePicker', 'TimePicker', 'TimeRangePicker', 'InputPicker', 'TagPicker', 'Cascader', 'MultiCascader', 'SelectPicker', 'CheckPicker', 'CheckTreePicker', 'TreePicker'];
 function getDisplayName(Component) {
-  var _Component$type;
-  if (typeof (Component === null || Component === void 0 ? void 0 : Component.type) === 'string') {
-    return Component === null || Component === void 0 ? void 0 : Component.type;
+  if (typeof Component?.type === 'string') {
+    return Component?.type;
   }
-  return (Component === null || Component === void 0 || (_Component$type = Component.type) === null || _Component$type === void 0 ? void 0 : _Component$type.displayName) || '';
+  return Component?.type?.displayName || '';
 }
 export function renderChildren(children, props, ref) {
   if (typeof children === 'function') {
@@ -34,8 +33,8 @@ export function renderChildren(children, props, ref) {
       ...rest,
       // Pass onBlur to the child component to automatically save or cancel after the focus event is processed.
       // Special handling in the Picker component, call onBlur when onExit and onClean
-      onExit: createChainedFunction(() => onBlur === null || onBlur === void 0 ? void 0 : onBlur(), onExit),
-      onClean: createChainedFunction(() => onBlur === null || onBlur === void 0 ? void 0 : onBlur(), onClean),
+      onExit: createChainedFunction(() => onBlur?.(), onExit),
+      onClean: createChainedFunction(() => onBlur?.(), onClean),
       ref
     });
   }