rsuite 6.1.2 → 6.1.3

package/cjs/internals/hooks/useEventListener.js

@@ -20,7 +20,7 @@ function useEventListener(eventTarget, event, listener, capture = false) {
     const target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
     const controller = target ? (0, _on.default)(target, event, listener, capture) : null;
     return () => {
-      controller === null || controller === void 0 || controller.off();
+      controller?.off();
     };
   }, [eventTarget, event, listener, capture]);
 }

package/cjs/internals/hooks/useFocus.js

@@ -14,9 +14,8 @@ function useFocus(elementRef) {
   const grab = (0, _react.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]);
@@ -24,8 +23,7 @@ function useFocus(elementRef) {
   // Return focus to previous active element
   const release = (0, _react.useCallback)(options => {
     requestAnimationFrame(() => {
-      var _previousActiveElemen;
-      (_previousActiveElemen = previousActiveElementRef.current) === null || _previousActiveElemen === void 0 || _previousActiveElemen.focus(options);
+      previousActiveElementRef.current?.focus(options);
     });
   }, []);
   return {

package/cjs/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/cjs/internals/hooks/useMount.js

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

package/cjs/internals/hooks/useRootClose.js

@@ -12,10 +12,10 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _utils = require("../utils");
 var _constants = require("../constants");
 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.
@@ -31,7 +31,7 @@ function useRootClose(onRootClose, {
 }) {
   const handleDocumentKeyUp = (0, _react.useCallback)(event => {
     if (listenEscape && event.key === _constants.KEY_VALUES.ESC) {
-      onRootClose === null || onRootClose === void 0 || onRootClose(event);
+      onRootClose?.(event);
     }
   }, [listenEscape, onRootClose]);
   const handleDocumentMouseDown = (0, _react.useCallback)(event => {
@@ -50,7 +50,7 @@ function useRootClose(onRootClose, {
     if (isModifiedEvent(event) || !isLeftClickEvent(event)) {
       return;
     }
-    onRootClose === null || onRootClose === void 0 || onRootClose(event);
+    onRootClose?.(event);
   }, [onRootClose, triggerTarget, overlayTarget]);
   (0, _react.useEffect)(() => {
     const currentTarget = (0, _utils.getDOMNode)(triggerTarget);
@@ -59,8 +59,8 @@ function useRootClose(onRootClose, {
     const onDocumentMouseDownListener = (0, _on.default)(doc, 'mousedown', handleDocumentMouseDown, true);
     const onDocumentKeyupListener = (0, _on.default)(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/cjs/internals/hooks/useTimeout.js

@@ -21,8 +21,7 @@ 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/cjs/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/cjs/internals/hooks/useUniqueId.js

@@ -12,6 +12,6 @@ var _react = require("react");
  */
 function useUniqueId(prefix, idProp) {
   const generatedId = (0, _react.useId)();
-  return idProp !== null && idProp !== void 0 ? idProp : `${prefix}${generatedId}`;
+  return idProp ?? `${prefix}${generatedId}`;
 }
 var _default = exports.default = useUniqueId;

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

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

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

@@ -28,7 +28,7 @@ const StyleManager = exports.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/cjs/internals/styled-system/useStyled.js

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

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

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

package/cjs/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/cjs/internals/utils/colours.js

@@ -22,7 +22,7 @@ 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/cjs/internals/utils/date/disableTime.js

@@ -34,16 +34,13 @@ 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((0, _getHours.getHours)(date), date);
+      return mapProps.get(key)?.((0, _getHours.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((0, _getMinutes.getMinutes)(date), date);
+      return mapProps.get(key)?.((0, _getMinutes.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((0, _getSeconds.getSeconds)(date), date);
+      return mapProps.get(key)?.((0, _getSeconds.getSeconds)(date), date);
     }
     return false;
   });
@@ -59,16 +56,13 @@ function useIsDateTimeDisabled(timeDropdownProps) {
     const date = (0, _pick.default)(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/cjs/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/cjs/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/cjs/internals/utils/react/ReactChildren.js

@@ -20,8 +20,7 @@ var _ReactIs = require("./ReactIs");
 function flatChildren(children) {
   return _react.default.Children.toArray(_react.default.Children.map(children, child => {
     if ((0, _ReactIs.isFragment)(child)) {
-      var _child$props;
-      return _react.default.Children.toArray(((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children) || []);
+      return _react.default.Children.toArray(child.props?.children || []);
     }
     return child;
   }));

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

@@ -13,8 +13,7 @@ var _warnOnce = _interopRequireDefault(require("../warnOnce"));
  * fixme: Only display deprecation message in non-production environment
  */
 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.default.forwardRef((props, ref) => {
     (0, _warnOnce.default)(message);
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({

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

@@ -6,21 +6,20 @@ exports.default = void 0;
 exports.getDOMNode = getDOMNode;
 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);
 };
 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/cjs/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/cjs/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/cjs/internals/utils/style-sheet/css.js

@@ -36,7 +36,7 @@ function getCssValue(value, unit = 'px') {
  * Merge multiple style objects, filtering out undefined values
  */
 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/cjs/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/cjs/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/cjs/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/cjs/internals/utils/style-sheet/styles.js

@@ -13,7 +13,7 @@ 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/cjs/toaster/ToastContainer.js

@@ -124,7 +124,6 @@ const ToastContainer = /*#__PURE__*/(0, _react.forwardRef)(function ToastContain
       enteredClassName: rootPrefix('toast-fade-entered'),
       timeout: 300
     }, (transitionProps, ref) => {
-      var _node$props, _node$props2;
       const {
         className: transitionClassName,
         ...rest
@@ -133,8 +132,8 @@ const ToastContainer = /*#__PURE__*/(0, _react.forwardRef)(function ToastContain
         ...rest,
         ref,
         duration,
-        onClose: (0, _utils.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: (0, _utils.createChainedFunction)(node.props?.onClose, () => remove(item.key)),
+        className: merge(rootPrefix('toast'), node.props?.className, transitionClassName)
       });
     }));
   });
@@ -160,9 +159,8 @@ ToastContainer.getInstance = async props => {
   // Render the ToastContainer component into the specified container
   const containerId = (0, _render.render)(/*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, toastProps, {
     ref: ref => {
-      var _resolveContainerRef;
       toastContainerRef.current = ref;
-      (_resolveContainerRef = resolveContainerRef) === null || _resolveContainerRef === void 0 || _resolveContainerRef();
+      resolveContainerRef?.();
     }
   })), container);
   await containerRefReady;

package/cjs/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/cjs/toaster/hooks/useDelayedClosure.js

@@ -29,16 +29,15 @@ function useDelayedClosure(props) {
     reset
   } = (0, _hooks.useTimeout)(onClose, duration, usedToaster && duration > 0);
   (0, _hooks.useMount)(() => {
-    if (targetRef !== null && targetRef !== void 0 && targetRef.current && mouseReset) {
+    if (targetRef?.current && mouseReset) {
       if (mouseEnterRef.current || mouseLeaveRef.current) {
         return;
       }
       mouseEnterRef.current = (0, _on.default)(targetRef.current, 'mouseenter', clear);
       mouseLeaveRef.current = (0, _on.default)(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/cjs/toaster/toaster.js

@@ -39,8 +39,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 = {
@@ -49,20 +48,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());
 };
 var _default = exports.default = toaster;

package/cjs/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/cjs/useDialog/Dialog.js

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

package/cjs/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/cjs/useDialog/useDialog.js

@@ -18,14 +18,14 @@ const WAIT_FOR_CONTAINER_TIMEOUT = 2000;
 const useDialogContainer = () => {
   const context = (0, _react.useContext)(_CustomContext.CustomContext);
   (0, _react.useEffect)(() => {
-    if (_canUseDOM.default && !(context !== null && context !== void 0 && context.dialogContainer)) {
+    if (_canUseDOM.default && !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/cjs/useFormControl/hooks/useField.d.ts

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

package/cjs/useFormControl/hooks/useField.js

@@ -9,7 +9,6 @@ var _set = _interopRequireDefault(require("lodash/set"));
 var _react = require("react");
 var _nameToPath = require("../utils/nameToPath");
 function getErrorMessage(error) {
-  var _error$array;
   if (typeof error === 'string') {
     return error;
   }
@@ -18,14 +17,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__*/(0, _react.isValidElement)(error)) {
     return error;
   }
-  return error === null || error === void 0 ? void 0 : error.errorMessage;
+  return error?.errorMessage;
 }
 function useField(props) {
   const {
@@ -41,7 +39,7 @@ function useField(props) {
     if (typeof value !== 'undefined') {
       return value;
     }
-    return nestedField ? (0, _get.default)(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];
+    return nestedField ? (0, _get.default)(formValue, name) : formValue?.[name];
   }, [formValue, name, nestedField, value]);
   const fieldError = (0, _react.useMemo)(() => {
     if (typeof errorMessage !== 'undefined' || !errorFromContext) {
@@ -50,7 +48,7 @@ function useField(props) {
     if (nestedField) {
       return getErrorMessage((0, _get.default)(formError, (0, _nameToPath.nameToPath)(name)));
     }
-    const fieldError = formError === null || formError === void 0 ? void 0 : formError[name];
+    const fieldError = formError?.[name];
     if (typeof fieldError === 'string') {
       return fieldError;
     }

package/cjs/useFormControl/hooks/useRegisterModel.js

@@ -13,9 +13,9 @@ function useRegisterModel(name, rule) {
   const refRule = (0, _react.useRef)(rule);
   refRule.current = rule;
   (0, _react.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/cjs/useFormControl/useFormControl.js

@@ -53,8 +53,8 @@ function useFormControl(props) {
   // Cleanup on unmount if shouldResetWithUnmount is true
   (0, _hooks.useWillUnmount)(() => {
     if (shouldResetWithUnmount) {
-      removeFieldValue === null || removeFieldValue === void 0 || removeFieldValue(name);
-      removeFieldError === null || removeFieldError === void 0 || removeFieldError(name);
+      removeFieldValue?.(name);
+      removeFieldError?.(name);
     }
   });
 
@@ -82,9 +82,9 @@ 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);
     }
   });
 
@@ -93,7 +93,7 @@ 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
@@ -111,12 +111,12 @@ function useFormControl(props) {
    */
   const setValue = (0, _react.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]);