rsuite 6.1.2 → 6.1.3

package/esm/internals/hooks/useFocus.js

@@ -9,9 +9,8 @@ export function useFocus(elementRef) {
   const grab = useCallback(() => {
     requestAnimationFrame(() => {
       if (document.activeElement !== elementRef.current) {
-        var _elementRef$current;
         previousActiveElementRef.current = document.activeElement;
-        (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 || _elementRef$current.focus();
+        elementRef.current?.focus();
       }
     });
   }, [elementRef]);
@@ -19,8 +18,7 @@ export function useFocus(elementRef) {
   // Return focus to previous active element
   const release = useCallback(options => {
     requestAnimationFrame(() => {
-      var _previousActiveElemen;
-      (_previousActiveElemen = previousActiveElementRef.current) === null || _previousActiveElemen === void 0 || _previousActiveElemen.focus(options);
+      previousActiveElementRef.current?.focus(options);
     });
   }, []);
   return {

package/esm/internals/hooks/useFocusVirtualListItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Ensures that a virtualized list item retains focus after scrolling or clicking on options,
  * preventing unnecessary re-renders and loss of focus. If the current focus is on an interactive

package/esm/internals/hooks/useMount.js

@@ -4,8 +4,7 @@ export const useMount = callback => {
   const mountRef = useRef(callback);
   mountRef.current = callback;
   useEffect(() => {
-    var _mountRef$current;
-    (_mountRef$current = mountRef.current) === null || _mountRef$current === void 0 || _mountRef$current.call(mountRef);
+    mountRef.current?.();
   }, []);
 };
 export default useMount;

package/esm/internals/hooks/useRootClose.js

@@ -6,10 +6,10 @@ import on from 'dom-lib/on';
 import { getDOMNode } from "../utils/index.js";
 import { KEY_VALUES } from "../constants/index.js";
 function isLeftClickEvent(event) {
-  return (event === null || event === void 0 ? void 0 : event.button) === 0;
+  return event?.button === 0;
 }
 function isModifiedEvent(event) {
-  return !!(event.metaKey || event.altKey || event.ctrlKey || event !== null && event !== void 0 && event.shiftKey);
+  return !!(event.metaKey || event.altKey || event.ctrlKey || event?.shiftKey);
 }
 /**
  * A hook that listens to the document click event and closes the overlay.
@@ -25,7 +25,7 @@ export function useRootClose(onRootClose, {
 }) {
   const handleDocumentKeyUp = useCallback(event => {
     if (listenEscape && event.key === KEY_VALUES.ESC) {
-      onRootClose === null || onRootClose === void 0 || onRootClose(event);
+      onRootClose?.(event);
     }
   }, [listenEscape, onRootClose]);
   const handleDocumentMouseDown = useCallback(event => {
@@ -44,7 +44,7 @@ export function useRootClose(onRootClose, {
     if (isModifiedEvent(event) || !isLeftClickEvent(event)) {
       return;
     }
-    onRootClose === null || onRootClose === void 0 || onRootClose(event);
+    onRootClose?.(event);
   }, [onRootClose, triggerTarget, overlayTarget]);
   useEffect(() => {
     const currentTarget = getDOMNode(triggerTarget);
@@ -53,8 +53,8 @@ export function useRootClose(onRootClose, {
     const onDocumentMouseDownListener = on(doc, 'mousedown', handleDocumentMouseDown, true);
     const onDocumentKeyupListener = on(doc, 'keyup', handleDocumentKeyUp);
     return () => {
-      onDocumentMouseDownListener === null || onDocumentMouseDownListener === void 0 || onDocumentMouseDownListener.off();
-      onDocumentKeyupListener === null || onDocumentKeyupListener === void 0 || onDocumentKeyupListener.off();
+      onDocumentMouseDownListener?.off();
+      onDocumentKeyupListener?.off();
     };
   }, [triggerTarget, disabled, onRootClose, handleDocumentMouseDown, handleDocumentKeyUp]);
 }

package/esm/internals/hooks/useTimeout.js

@@ -16,8 +16,7 @@ export function useTimeout(fn, ms = 0, enabled = true) {
     timeout.current && clearTimeout(timeout.current);
     if (enabled) {
       timeout.current = setTimeout(() => {
-        var _callback$current;
-        (_callback$current = callback.current) === null || _callback$current === void 0 || _callback$current.call(callback);
+        callback.current?.();
       }, ms);
     }
   }, [ms, enabled]);

package/esm/internals/hooks/useToggleCaret.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PlacementCorners, Placement } from '../types';
 export declare function useToggleCaret(placement: PlacementCorners | Placement): import("react").ForwardRefExoticComponent<Omit<import("@rsuite/icons/esm/Icon").IconProps, "ref"> & import("react").RefAttributes<SVGElement>>;
 export default useToggleCaret;

package/esm/internals/hooks/useUniqueId.js

@@ -8,6 +8,6 @@ import { useId } from 'react';
  */
 export function useUniqueId(prefix, idProp) {
   const generatedId = useId();
-  return idProp !== null && idProp !== void 0 ? idProp : `${prefix}${generatedId}`;
+  return idProp ?? `${prefix}${generatedId}`;
 }
 export default useUniqueId;

package/esm/internals/hooks/useUpdatedRef.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Returns a ref that is immediately updated with the new value
  *

package/esm/internals/styled-system/style-manager.js

@@ -24,7 +24,7 @@ export const StyleManager = {
       this.styleElement.setAttribute('data-rs-style-manager', '');
 
       // Apply CSP nonce if provided
-      const nonce = (options === null || options === void 0 ? void 0 : options.nonce) || this.nonce;
+      const nonce = options?.nonce || this.nonce;
       if (nonce) {
         this.styleElement.setAttribute('nonce', nonce);
         this.nonce = nonce; // Store for future use

package/esm/internals/styled-system/useStyled.js

@@ -98,7 +98,7 @@ export function useStyled(options) {
 
     // Add the base rule to the style manager
     StyleManager.addRule(`.${componentId}`, baseCssRules, {
-      nonce: csp === null || csp === void 0 ? void 0 : csp.nonce
+      nonce: csp?.nonce
     });
 
     // Process responsive variables
@@ -163,7 +163,7 @@ export function useStyled(options) {
           const bp = breakpoint;
           const minWidth = breakpointValues[bp];
           StyleManager.addRule(`@media (min-width: ${minWidth}px)`, `.${componentId} { ${rules} }`, {
-            nonce: csp === null || csp === void 0 ? void 0 : csp.nonce
+            nonce: csp?.nonce
           });
         }
       });

package/esm/internals/types/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Partial<T> = {
     [P in keyof T]?: T[P];
 };

package/esm/internals/utils/colours.d.ts

@@ -6,9 +6,9 @@ import { Color } from '../types/colours';
  * @returns The CSS variable if it's a valid color type, or the original value
  */
 export declare const getColorValue: (color: Color | string | undefined) => string | undefined;
-export declare const isPresetColor: (color?: Color | React.CSSProperties['color']) => boolean;
-export declare const getColorStyle: (value?: import("csstype").Property.Color | undefined, name?: string | undefined, prop?: string) => {
-    [x: string]: string | (string & {}) | undefined;
+export declare const isPresetColor: (color?: Color | React.CSSProperties["color"]) => boolean;
+export declare const getColorStyle: (value?: import("csstype").Property.Color | undefined, name?: string, prop?: string) => {
+    [x: string]: string | undefined;
 } | undefined;
 /**
  * Convert short hex color to full hex color
@@ -28,4 +28,4 @@ export declare const getContrastText: (bgColor: string) => string;
  * Create CSS color variables for custom colors
  * Returns background and optional text color variables
  */
-export declare const createColorVariables: (color?: Color | React.CSSProperties['color'], bgFieldName?: string, textFieldName?: string) => React.CSSProperties | undefined;
+export declare const createColorVariables: (color?: Color | React.CSSProperties["color"], bgFieldName?: string, textFieldName?: string) => React.CSSProperties | undefined;

package/esm/internals/utils/colours.js

@@ -19,7 +19,7 @@ export const getColorValue = color => {
 
   // Check if color is a color with shade (e.g., 'red.50', 'gray.900')
   const colorWithShadeRegex = /^(red|orange|yellow|green|cyan|blue|violet|gray)\.([1-9]00|50)$/;
-  const match = color === null || color === void 0 ? void 0 : color.match(colorWithShadeRegex);
+  const match = color?.match(colorWithShadeRegex);
   if (match) {
     const [, colorName, shade] = match;
     return `var(--rs-${colorName}-${shade})`;

package/esm/internals/utils/date/disableTime.js

@@ -27,16 +27,13 @@ export function disableTime(props, date) {
   const mapProps = new Map(Object.entries(calendarProps));
   return Array.from(mapProps.keys()).some(key => {
     if (HOURS_PATTERN.test(key)) {
-      var _mapProps$get;
-      return (_mapProps$get = mapProps.get(key)) === null || _mapProps$get === void 0 ? void 0 : _mapProps$get(getHours(date), date);
+      return mapProps.get(key)?.(getHours(date), date);
     }
     if (MINUTES_PATTERN.test(key)) {
-      var _mapProps$get2;
-      return (_mapProps$get2 = mapProps.get(key)) === null || _mapProps$get2 === void 0 ? void 0 : _mapProps$get2(getMinutes(date), date);
+      return mapProps.get(key)?.(getMinutes(date), date);
     }
     if (SECONDS_PATTERN.test(key)) {
-      var _mapProps$get3;
-      return (_mapProps$get3 = mapProps.get(key)) === null || _mapProps$get3 === void 0 ? void 0 : _mapProps$get3(getSeconds(date), date);
+      return mapProps.get(key)?.(getSeconds(date), date);
     }
     return false;
   });
@@ -53,16 +50,13 @@ export function useIsDateTimeDisabled(timeDropdownProps) {
     const date = pick(dateTime, ['year', 'month', 'day']);
     return Array.from(mapProps.keys()).some(key => {
       if (HOURS_PATTERN.test(key)) {
-        var _mapProps$get4;
-        return (_mapProps$get4 = mapProps.get(key)) === null || _mapProps$get4 === void 0 ? void 0 : _mapProps$get4(dateTime.hour, date);
+        return mapProps.get(key)?.(dateTime.hour, date);
       }
       if (MINUTES_PATTERN.test(key)) {
-        var _mapProps$get5;
-        return (_mapProps$get5 = mapProps.get(key)) === null || _mapProps$get5 === void 0 ? void 0 : _mapProps$get5(dateTime.minute, date);
+        return mapProps.get(key)?.(dateTime.minute, date);
       }
       if (SECONDS_PATTERN.test(key)) {
-        var _mapProps$get6;
-        return (_mapProps$get6 = mapProps.get(key)) === null || _mapProps$get6 === void 0 ? void 0 : _mapProps$get6(dateTime.second, date);
+        return mapProps.get(key)?.(dateTime.second, date);
       }
       return false;
     });

package/esm/internals/utils/date/omitHideDisabledProps.d.ts

@@ -6,5 +6,5 @@ type CalendarOnlyPropsType = TimeProp;
  * @param props - The object to omit props from.
  * @returns The object with calendar-only props omitted.
  */
-export declare const omitHideDisabledProps: <T extends Record<string, any>>(props: T) => Partial<Omit<T, TimeProp>>;
+export declare const omitHideDisabledProps: <T extends Record<string, any>>(props: T) => Partial<Omit<T, CalendarOnlyPropsType>>;
 export default omitHideDisabledProps;

package/esm/internals/utils/date/useDateMode.d.ts

@@ -12,5 +12,5 @@ export declare enum DateMode {
  */
 export declare const useDateMode: (format: string) => {
     mode: DateMode;
-    has: (part: 'year' | 'month' | 'day' | 'time') => boolean;
+    has: (part: "year" | "month" | "day" | "time") => boolean;
 };

package/esm/internals/utils/react/ReactChildren.js

@@ -10,8 +10,7 @@ import { isFragment } from "./ReactIs.js";
 function flatChildren(children) {
   return React.Children.toArray(React.Children.map(children, child => {
     if (isFragment(child)) {
-      var _child$props;
-      return React.Children.toArray(((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children) || []);
+      return React.Children.toArray(child.props?.children || []);
     }
     return child;
   }));

package/esm/internals/utils/react/deprecateComponent.js

@@ -8,8 +8,7 @@ import warnOnce from "../warnOnce.js";
  * fixme: Only display deprecation message in non-production environment
  */
 export function deprecateComponent(Component, message) {
-  var _Component$displayNam;
-  const componentDisplayName = (_Component$displayNam = Component.displayName) !== null && _Component$displayNam !== void 0 ? _Component$displayNam : Component.name;
+  const componentDisplayName = Component.displayName ?? Component.name;
   const Deprecated = /*#__PURE__*/React.forwardRef((props, ref) => {
     warnOnce(message);
     return /*#__PURE__*/React.createElement(Component, _extends({

package/esm/internals/utils/react/getDOMNode.js

@@ -1,21 +1,20 @@
 'use client';
 function safeFindDOMNode(componentOrElement) {
   if (componentOrElement && 'setState' in componentOrElement) {
-    var _ref$current, _ref;
     // Access the underlying DOM node through ref if available
-    return (_ref$current = componentOrElement === null || componentOrElement === void 0 || (_ref = componentOrElement.ref) === null || _ref === void 0 ? void 0 : _ref.current) !== null && _ref$current !== void 0 ? _ref$current : null;
+    return componentOrElement?.ref?.current ?? null;
   }
-  return componentOrElement !== null && componentOrElement !== void 0 ? componentOrElement : null;
+  return componentOrElement ?? null;
 }
 const getRefTarget = ref => {
   return ref && ('current' in ref ? ref.current : ref);
 };
 export function getDOMNode(elementOrRef) {
   // If elementOrRef is an instance of Position, child is returned. [PositionInstance]
-  const element = (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.root) || (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.child) || getRefTarget(elementOrRef);
+  const element = elementOrRef?.root || elementOrRef?.child || getRefTarget(elementOrRef);
 
   // Native HTML elements
-  if (element !== null && element !== void 0 && element.nodeType && typeof (element === null || element === void 0 ? void 0 : element.nodeName) === 'string') {
+  if (element?.nodeType && typeof element?.nodeName === 'string') {
     return element;
   }
   return safeFindDOMNode(element);

package/esm/internals/utils/sizes.d.ts

@@ -1,9 +1,9 @@
 import { SizeEnum } from '../types';
 export declare const isPresetSize: (size?: SizeEnum | number | string | null) => boolean;
 export declare const getSizeValue: (type: string, size: SizeEnum | number | string | null) => string | undefined;
-export declare const getSizeStyle: (value?: string | number | undefined, name?: string | undefined, prop?: string) => {
+export declare const getSizeStyle: (value?: string | number | undefined, name?: string, prop?: string) => {
     [x: string]: string | number | undefined;
 } | undefined;
-export declare const getLineHeightStyle: (value?: string | number | undefined, name?: string | undefined, prop?: string) => {
+export declare const getLineHeightStyle: (value?: string | number | undefined, name?: string, prop?: string) => {
     [x: string]: string | number | undefined;
 } | undefined;

package/esm/internals/utils/style-sheet/css.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StyleProperties } from '../../types';
 /**
  * Processes and returns a value suitable for CSS (with a unit).

package/esm/internals/utils/style-sheet/css.js

@@ -28,7 +28,7 @@ export function getCssValue(value, unit = 'px') {
  * Merge multiple style objects, filtering out undefined values
  */
 export function mergeStyles(...styles) {
-  const mergedStyles = styles === null || styles === void 0 ? void 0 : styles.filter(Boolean).reduce((acc, style) => {
+  const mergedStyles = styles?.filter(Boolean).reduce((acc, style) => {
     if (!style) return acc;
     return {
       ...acc,

package/esm/internals/utils/style-sheet/prefix.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="lodash" />
 export declare const globalKey = "rs-";
 export declare const getClassNamePrefix: () => string;
 export declare const defaultClassPrefix: (name: string) => string;

package/esm/internals/utils/style-sheet/responsive.d.ts

@@ -14,4 +14,4 @@ import type { ResponsiveValue } from '../../types';
  * // Returns: ['rs-row-xs-top', 'rs-row-md-bottom']
  *
  */
-export declare const getResponsiveClasses: <T = string>(prefix: (...classes: any[]) => string, value?: T | ResponsiveValue<T> | undefined) => string[];
+export declare const getResponsiveClasses: <T = string>(prefix: (...classes: any[]) => string, value?: T | ResponsiveValue<T>) => string[];

package/esm/internals/utils/style-sheet/styles.d.ts

@@ -9,8 +9,8 @@ interface StylePropConfig<T = StyleValue> {
     presetChecker?: PresetChecker<T>;
     valueTransformer?: ValueTransformer<T>;
 }
-export declare const createStyleValueSetter: <T = string | number>(config: StylePropConfig<T>) => (value?: T | undefined, name?: string, prop?: string) => string | T | undefined;
-export declare const createStyleGetter: <T = string | number>(config: StylePropConfig<T>) => (value?: T | undefined, name?: string, prop?: string) => {
-    [x: string]: string | T | undefined;
+export declare const createStyleValueSetter: <T = string | number>(config: StylePropConfig<T>) => (value?: T, name?: string, prop?: string) => string | (T & ({} | null)) | undefined;
+export declare const createStyleGetter: <T = string | number>(config: StylePropConfig<T>) => (value?: T, name?: string, prop?: string) => {
+    [x: string]: string | (T & ({} | null)) | undefined;
 } | undefined;
 export {};

package/esm/internals/utils/style-sheet/styles.js

@@ -9,7 +9,7 @@ export const createStyleValueSetter = config => {
     if (typeof value === 'undefined' || !name) {
       return;
     }
-    if (presetChecker !== null && presetChecker !== void 0 && presetChecker(value)) {
+    if (presetChecker?.(value)) {
       return useGlobalVar ? `var(--rs-${prop}-${value})` : `var(--rs-${name}-${prop}-${value})`;
     } else if (Array.isArray(value)) {
       // If value is an array, join it with spaces,

package/esm/toaster/ToastContainer.js

@@ -117,7 +117,6 @@ const ToastContainer = /*#__PURE__*/forwardRef(function ToastContainer(props, re
       enteredClassName: rootPrefix('toast-fade-entered'),
       timeout: 300
     }, (transitionProps, ref) => {
-      var _node$props, _node$props2;
       const {
         className: transitionClassName,
         ...rest
@@ -126,8 +125,8 @@ const ToastContainer = /*#__PURE__*/forwardRef(function ToastContainer(props, re
         ...rest,
         ref,
         duration,
-        onClose: createChainedFunction((_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.onClose, () => remove(item.key)),
-        className: merge(rootPrefix('toast'), (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : _node$props2.className, transitionClassName)
+        onClose: createChainedFunction(node.props?.onClose, () => remove(item.key)),
+        className: merge(rootPrefix('toast'), node.props?.className, transitionClassName)
       });
     }));
   });
@@ -153,9 +152,8 @@ ToastContainer.getInstance = async props => {
   // Render the ToastContainer component into the specified container
   const containerId = render(/*#__PURE__*/React.createElement(ToastContainer, _extends({}, toastProps, {
     ref: ref => {
-      var _resolveContainerRef;
       toastContainerRef.current = ref;
-      (_resolveContainerRef = resolveContainerRef) === null || _resolveContainerRef === void 0 || _resolveContainerRef();
+      resolveContainerRef?.();
     }
   })), container);
   await containerRefReady;

package/esm/toaster/hooks/useDelayedClosure.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface UseDelayedClosureProps {
     /**
      * Callback function to be called when the closure is triggered.

package/esm/toaster/hooks/useDelayedClosure.js

@@ -24,16 +24,15 @@ function useDelayedClosure(props) {
     reset
   } = useTimeout(onClose, duration, usedToaster && duration > 0);
   useMount(() => {
-    if (targetRef !== null && targetRef !== void 0 && targetRef.current && mouseReset) {
+    if (targetRef?.current && mouseReset) {
       if (mouseEnterRef.current || mouseLeaveRef.current) {
         return;
       }
       mouseEnterRef.current = on(targetRef.current, 'mouseenter', clear);
       mouseLeaveRef.current = on(targetRef.current, 'mouseleave', reset);
       return () => {
-        var _mouseEnterRef$curren, _mouseLeaveRef$curren;
-        (_mouseEnterRef$curren = mouseEnterRef.current) === null || _mouseEnterRef$curren === void 0 || _mouseEnterRef$curren.off();
-        (_mouseLeaveRef$curren = mouseLeaveRef.current) === null || _mouseLeaveRef$curren === void 0 || _mouseLeaveRef$curren.off();
+        mouseEnterRef.current?.off();
+        mouseLeaveRef.current?.off();
       };
     }
   });

package/esm/toaster/toaster.js

@@ -34,8 +34,7 @@ toaster.push = (message, options = {}) => {
   if (containerElementId) {
     const existedContainer = getContainer(containerElementId, placement);
     if (existedContainer) {
-      var _existedContainer$cur;
-      return (_existedContainer$cur = existedContainer.current) === null || _existedContainer$cur === void 0 ? void 0 : _existedContainer$cur.push(message, restOptions);
+      return existedContainer.current?.push(message, restOptions);
     }
   }
   const newOptions = {
@@ -44,20 +43,13 @@ toaster.push = (message, options = {}) => {
     placement
   };
   return createContainer(placement, newOptions).then(ref => {
-    var _ref$current;
-    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.push(message, restOptions);
+    return ref.current?.push(message, restOptions);
   });
 };
 toaster.remove = key => {
-  containers.forEach(c => {
-    var _c$current;
-    return (_c$current = c.current) === null || _c$current === void 0 ? void 0 : _c$current.remove(key);
-  });
+  containers.forEach(c => c.current?.remove(key));
 };
 toaster.clear = () => {
-  containers.forEach(c => {
-    var _c$current2;
-    return (_c$current2 = c.current) === null || _c$current2 === void 0 ? void 0 : _c$current2.clear();
-  });
+  containers.forEach(c => c.current?.clear());
 };
 export default toaster;

package/esm/useDialog/Dialog.d.ts

@@ -11,5 +11,5 @@ export interface DialogProps extends ModalProps {
     validate?: (value: string) => [isValid: boolean, errorMessage?: string];
     onClose?: (result?: any) => void;
 }
-declare const Dialog: import("../internals/types").InternalRefForwardingComponent<React.ElementType<any, keyof React.JSX.IntrinsicElements>, DialogProps, never> & Record<string, never>;
+declare const Dialog: import("../internals/types").InternalRefForwardingComponent<React.ElementType, DialogProps, never> & Record<string, never>;
 export default Dialog;

package/esm/useDialog/Dialog.js

@@ -45,7 +45,7 @@ const Dialog = forwardRef((props, ref) => {
   const handleCancel = useCallback(result => {
     setIsOpen(false);
     setTimeout(() => {
-      onClose === null || onClose === void 0 || onClose(result);
+      onClose?.(result);
     }, 300);
   }, [onClose]);
   const handleConfirm = useCallback(() => {

package/esm/useDialog/useDialog.d.ts

@@ -10,6 +10,6 @@ export declare function useDialog(): {
     prompt: (message: React.ReactNode, options?: PromptOptions) => Promise<any>;
     open: <P extends object>(as: React.ComponentType<P & {
         onClose: (result?: any) => void;
-    }>, payload?: P | undefined, options?: OpenOptions) => Promise<any>;
+    }>, payload?: P, options?: OpenOptions) => Promise<any>;
 };
 export default useDialog;

package/esm/useDialog/useDialog.js

@@ -11,14 +11,14 @@ const WAIT_FOR_CONTAINER_TIMEOUT = 2000;
 const useDialogContainer = () => {
   const context = useContext(CustomContext);
   useEffect(() => {
-    if (canUseDOM && !(context !== null && context !== void 0 && context.dialogContainer)) {
+    if (canUseDOM && !context?.dialogContainer) {
       console.warn('Warning: useDialog is being used outside of a CustomProvider. ' + 'Please wrap your application with <CustomProvider> to ensure proper functionality.');
     }
-  }, [context === null || context === void 0 ? void 0 : context.dialogContainer]);
+  }, [context?.dialogContainer]);
 
   // Return the ref from context directly instead of copying to a local ref
   // This ensures we always use the latest mounted DialogContainer instance
-  return (context === null || context === void 0 ? void 0 : context.dialogContainer) || {
+  return context?.dialogContainer || {
     current: null
   };
 };

package/esm/useFormControl/hooks/useField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface FieldProps {
     name: string;
     formValue?: Record<string, any>;

package/esm/useFormControl/hooks/useField.js

@@ -4,7 +4,6 @@ import set from 'lodash/set';
 import { isValidElement, useCallback, useMemo } from 'react';
 import { nameToPath } from "../utils/nameToPath.js";
 function getErrorMessage(error) {
-  var _error$array;
   if (typeof error === 'string') {
     return error;
   }
@@ -13,14 +12,13 @@ function getErrorMessage(error) {
    * When using some components as the field, such as TagInput, and using `ArrayType().of` as the validation rule,
    * the error object won't contain the errorMessage directly. @see https://github.com/rsuite/rsuite/issues/3866
    */
-  if (error !== null && error !== void 0 && error.array && ((_error$array = error.array) === null || _error$array === void 0 ? void 0 : _error$array.length) > 0) {
-    var _error$array$find;
-    return (_error$array$find = error.array.find(item => item.hasError)) === null || _error$array$find === void 0 ? void 0 : _error$array$find.errorMessage;
+  if (error?.array && error.array?.length > 0) {
+    return error.array.find(item => item.hasError)?.errorMessage;
   }
   if (/*#__PURE__*/isValidElement(error)) {
     return error;
   }
-  return error === null || error === void 0 ? void 0 : error.errorMessage;
+  return error?.errorMessage;
 }
 export function useField(props) {
   const {
@@ -36,7 +34,7 @@ export function useField(props) {
     if (typeof value !== 'undefined') {
       return value;
     }
-    return nestedField ? get(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];
+    return nestedField ? get(formValue, name) : formValue?.[name];
   }, [formValue, name, nestedField, value]);
   const fieldError = useMemo(() => {
     if (typeof errorMessage !== 'undefined' || !errorFromContext) {
@@ -45,7 +43,7 @@ export function useField(props) {
     if (nestedField) {
       return getErrorMessage(get(formError, nameToPath(name)));
     }
-    const fieldError = formError === null || formError === void 0 ? void 0 : formError[name];
+    const fieldError = formError?.[name];
     if (typeof fieldError === 'string') {
       return fieldError;
     }

package/esm/useFormControl/hooks/useRegisterModel.js

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

package/esm/useFormControl/useFormControl.js

@@ -48,8 +48,8 @@ export function useFormControl(props) {
   // Cleanup on unmount if shouldResetWithUnmount is true
   useWillUnmount(() => {
     if (shouldResetWithUnmount) {
-      removeFieldValue === null || removeFieldValue === void 0 || removeFieldValue(name);
-      removeFieldError === null || removeFieldError === void 0 || removeFieldError(name);
+      removeFieldValue?.(name);
+      removeFieldError?.(name);
     }
   });
 
@@ -77,9 +77,9 @@ export function useFormControl(props) {
     }
     const nextFormValue = setFieldValue(name, value);
     if (checkAsync) {
-      checkFieldAsyncForNextValue === null || checkFieldAsyncForNextValue === void 0 || checkFieldAsyncForNextValue(name, nextFormValue);
+      checkFieldAsyncForNextValue?.(name, nextFormValue);
     } else {
-      checkFieldForNextValue === null || checkFieldForNextValue === void 0 || checkFieldForNextValue(name, nextFormValue);
+      checkFieldForNextValue?.(name, nextFormValue);
     }
   });
 
@@ -88,7 +88,7 @@ export function useFormControl(props) {
     if (trigger === 'change') {
       onCheck(value);
     }
-    onFieldChange === null || onFieldChange === void 0 || onFieldChange(name, value, event);
+    onFieldChange?.(name, value, event);
   });
 
   // Handler for field blur
@@ -106,12 +106,12 @@ export function useFormControl(props) {
    */
   const setValue = useCallback((value, shouldValidate = false) => {
     const nextFormValue = setFieldValue(name, value);
-    onFieldChange === null || onFieldChange === void 0 || onFieldChange(name, value);
+    onFieldChange?.(name, value);
     if (shouldValidate && trigger !== null) {
       if (checkAsync) {
-        checkFieldAsyncForNextValue === null || checkFieldAsyncForNextValue === void 0 || checkFieldAsyncForNextValue(name, nextFormValue);
+        checkFieldAsyncForNextValue?.(name, nextFormValue);
       } else {
-        checkFieldForNextValue === null || checkFieldForNextValue === void 0 || checkFieldForNextValue(name, nextFormValue);
+        checkFieldForNextValue?.(name, nextFormValue);
       }
     }
   }, [name, setFieldValue, trigger, checkAsync, checkFieldAsyncForNextValue, checkFieldForNextValue]);