rsuite 6.1.2 → 6.1.3

package/esm/Uploader/utils/previewFile.js

@@ -2,7 +2,7 @@
 // https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
 const MIME = ['image/apng', 'image/avif', 'image/gif', 'image/jpeg', 'image/png', 'image/svg+xml', 'image/webp'];
 export function isImage(file) {
-  return MIME.includes(file === null || file === void 0 ? void 0 : file.type);
+  return MIME.includes(file?.type);
 }
 export function previewFile(file, callback) {
   if (!isImage(file)) {

package/esm/internals/Disclosure/Disclosure.js

@@ -41,13 +41,10 @@ const Disclosure = /*#__PURE__*/React.memo(props => {
     open: defaultOpen
   });
   const containerElementRef = useRef(null);
-  const open = openProp !== null && openProp !== void 0 ? openProp : openState;
+  const open = openProp ?? openState;
   useClickOutside({
     enabled: hideOnClickOutside,
-    isOutside: event => {
-      var _containerElementRef$;
-      return !((_containerElementRef$ = containerElementRef.current) !== null && _containerElementRef$ !== void 0 && _containerElementRef$.contains(event.target));
-    },
+    isOutside: event => !containerElementRef.current?.contains(event.target),
     handle: () => dispatch({
       type: DisclosureActionTypes.Hide
     })
@@ -57,7 +54,7 @@ const Disclosure = /*#__PURE__*/React.memo(props => {
       dispatch({
         type: DisclosureActionTypes.Show
       });
-      onToggle === null || onToggle === void 0 || onToggle(true, event);
+      onToggle?.(true, event);
     }
   }, [open, dispatch, onToggle]);
   const onMouseLeave = useCallback(event => {
@@ -65,14 +62,14 @@ const Disclosure = /*#__PURE__*/React.memo(props => {
       dispatch({
         type: DisclosureActionTypes.Hide
       });
-      onToggle === null || onToggle === void 0 || onToggle(false, event);
+      onToggle?.(false, event);
     }
   }, [open, dispatch, onToggle]);
   const contextValue = useMemo(() => {
     const cascadeDispatch = action => {
       const result = dispatch(action);
       if ('cascade' in action) {
-        parentDisclosure === null || parentDisclosure === void 0 || parentDisclosure[1](action);
+        parentDisclosure?.[1](action);
       }
       return result;
     };

package/esm/internals/Disclosure/DisclosureButton.js

@@ -18,12 +18,12 @@ function DisclosureButton(props) {
       dispatch({
         type: DisclosureActionTypes.Show
       });
-      onToggle === null || onToggle === void 0 || onToggle(true, event);
+      onToggle?.(true, event);
     } else {
       dispatch({
         type: DisclosureActionTypes.Hide
       });
-      onToggle === null || onToggle === void 0 || onToggle(false, event);
+      onToggle?.(false, event);
     }
   }, [open, dispatch, onToggle]);
   const onClick = useCallback(event => {

package/esm/internals/InputBase/InputBase.js

@@ -40,13 +40,12 @@ const InputBase = forwardRef((props, ref) => {
   } = useFormGroup();
   const handleKeyDown = event => {
     if (event.key === KEY_VALUES.ENTER) {
-      onPressEnter === null || onPressEnter === void 0 || onPressEnter(event);
+      onPressEnter?.(event);
     }
-    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
+    onKeyDown?.(event);
   };
   const handleChange = event => {
-    var _event$target;
-    onChange === null || onChange === void 0 || onChange((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, event);
+    onChange?.(event.target?.value, event);
   };
   const {
     withPrefix,
@@ -70,8 +69,8 @@ const InputBase = forwardRef((props, ref) => {
   if (inputable) {
     eventProps.onChange = handleChange;
     eventProps.onKeyDown = handleKeyDown;
-    eventProps.onFocus = createChainedFunction(onFocus, inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.onFocus);
-    eventProps.onBlur = createChainedFunction(onBlur, inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.onBlur);
+    eventProps.onFocus = createChainedFunction(onFocus, inputGroup?.onFocus);
+    eventProps.onBlur = createChainedFunction(onBlur, inputGroup?.onBlur);
   }
   return /*#__PURE__*/React.createElement(Box, _extends({
     as: as,

package/esm/internals/Menu/Menu.js

@@ -10,12 +10,11 @@ import { useCustom } from "../hooks/index.js";
 import { isFocusLeaving, isFocusableElement } from "../utils/index.js";
 const defaultOpenMenuOn = ['click'];
 function getMenuItemTarget(event) {
-  var _event$currentTarget;
   const target = event.target;
   if (target.getAttribute('role') === 'menuitem') {
     return target;
   }
-  return Array.from((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.querySelectorAll('[role="menuitem"]')).find(item => {
+  return Array.from(event.currentTarget?.querySelectorAll('[role="menuitem"]')).find(item => {
     return item.contains(target);
   });
 }
@@ -35,7 +34,6 @@ function Menu({
   renderMenuPopup,
   onToggleMenu
 }) {
-  var _items$activeItemInde;
   const buttonElementRef = useRef(null);
   const menuElementRef = useRef(null);
   const parentMenu = useContext(MenuContext);
@@ -53,7 +51,7 @@ function Menu({
   const {
     rtl
   } = useCustom();
-  const activeItem = isNil(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;
+  const activeItem = isNil(activeItemIndex) ? null : items[activeItemIndex]?.element;
   const {
     grab: grabFocus
   } = useFocus(menuElementRef);
@@ -67,7 +65,7 @@ function Menu({
         to: MoveFocusTo.First
       });
     }
-    onToggleMenu === null || onToggleMenu === void 0 || onToggleMenu(true, event);
+    onToggleMenu?.(true, event);
     grabFocus();
   }, [dispatch, onToggleMenu, grabFocus]);
   const closeMenu = useCallback((event, returnFocusToButton = true) => {
@@ -78,10 +76,9 @@ function Menu({
       type: MenuActionTypes.MoveFocus,
       to: MoveFocusTo.None
     });
-    onToggleMenu === null || onToggleMenu === void 0 || onToggleMenu(false, event);
+    onToggleMenu?.(false, event);
     if (returnFocusToButton) {
-      var _buttonElementRef$cur;
-      (_buttonElementRef$cur = buttonElementRef.current) === null || _buttonElementRef$cur === void 0 || _buttonElementRef$cur.focus({
+      buttonElementRef.current?.focus({
         preventScroll: true
       });
     }
@@ -96,8 +93,7 @@ function Menu({
   useClickOutside({
     enabled: open,
     isOutside: event => {
-      var _buttonElementRef$cur2, _menuElementRef$curre;
-      return !((_buttonElementRef$cur2 = buttonElementRef.current) !== null && _buttonElementRef$cur2 !== void 0 && _buttonElementRef$cur2.contains(event.target)) && !((_menuElementRef$curre = menuElementRef.current) !== null && _menuElementRef$curre !== void 0 && _menuElementRef$curre.contains(event.target));
+      return !buttonElementRef.current?.contains(event.target) && !menuElementRef.current?.contains(event.target);
     },
     // fixme if clicking on a focusable element, don't move focus to menu button
     handle: event => closeMenu(event, !isFocusableElement(event.target))
@@ -163,10 +159,10 @@ function Menu({
      * Bind event of trigger,
      * not used in  in the expanded state of '<Sidenav>'
      */
-    if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('click')) {
+    if (openMenuOn?.includes('click')) {
       buttonEventHandlers.onClick = handleButtonClick;
     }
-    if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('contextmenu')) {
+    if (openMenuOn?.includes('contextmenu')) {
       buttonEventHandlers.onContextMenu = handleButtonContextMenu;
     }
     return buttonEventHandlers;
@@ -193,9 +189,9 @@ function Menu({
     };
   }, [buttonId, buttonAriaAttributes, buttonEventHandlers, open]);
   const customMenuButton = useMemo(() => {
-    return renderMenuButton === null || renderMenuButton === void 0 ? void 0 : renderMenuButton(buttonProps, buttonElementRef);
+    return renderMenuButton?.(buttonProps, buttonElementRef);
   }, [renderMenuButton, buttonProps, buttonElementRef]);
-  const buttonElement = customMenuButton !== null && customMenuButton !== void 0 ? customMenuButton : /*#__PURE__*/React.createElement("button", _extends({
+  const buttonElement = customMenuButton ?? /*#__PURE__*/React.createElement("button", _extends({
     ref: buttonElementRef
   }, buttonProps), menuButtonText);
 
@@ -228,7 +224,7 @@ function Menu({
         e.preventDefault();
         e.stopPropagation();
         if (!rtl) {
-          if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {
+          if (activeItem?.getAttribute('aria-haspopup') === 'menu') {
             activeItem.click();
           }
         } else if (isSubmenu) {
@@ -245,7 +241,7 @@ function Menu({
           if (isSubmenu) {
             closeMenu(e);
           }
-        } else if ((activeItem === null || activeItem === void 0 ? void 0 : activeItem.getAttribute('aria-haspopup')) === 'menu') {
+        } else if (activeItem?.getAttribute('aria-haspopup') === 'menu') {
           activeItem.click();
         }
         break;
@@ -308,7 +304,7 @@ function Menu({
   const menuAriaAttributes = {
     role: 'menu',
     'aria-labelledby': buttonId,
-    'aria-activedescendant': activeItem === null || activeItem === void 0 ? void 0 : activeItem.id
+    'aria-activedescendant': activeItem?.id
   };
   const menuEventHandlers = {
     onClick: handleMenuClick,
@@ -320,13 +316,13 @@ function Menu({
     ...menuEventHandlers,
     tabIndex: 0
   };
-  const customMenuPopup = renderMenuPopup === null || renderMenuPopup === void 0 ? void 0 : renderMenuPopup({
+  const customMenuPopup = renderMenuPopup?.({
     ...menuProps,
     open
   }, menuElementRef);
 
   // fixme Wrong children here
-  const menuElement = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : /*#__PURE__*/React.createElement("ul", _extends({
+  const menuElement = customMenuPopup ?? /*#__PURE__*/React.createElement("ul", _extends({
     ref: menuElementRef
   }, menuProps, {
     hidden: !open
@@ -351,7 +347,7 @@ function Menu({
   const rootEventHandlers = {
     onBlur: handleContainerBlur
   };
-  if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('mouseover')) {
+  if (openMenuOn?.includes('mouseover')) {
     rootEventHandlers.onMouseEnter = handleMouseEnter;
     rootEventHandlers.onMouseLeave = handleMouseLeave;
   }

package/esm/internals/Menu/MenuItem.js

@@ -8,7 +8,6 @@ import { useUniqueId } from "../hooks/index.js";
  * @private
  */
 function MenuItem(props) {
-  var _menuState$items$menu;
   const {
     children,
     selected = false,
@@ -24,12 +23,12 @@ function MenuItem(props) {
   const [menuState, dispatch] = menu;
 
   // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)
-  const hasFocus = !isNil(menuitemRef.current) && !isNil(menuState.activeItemIndex) && ((_menuState$items$menu = menuState.items[menuState.activeItemIndex]) === null || _menuState$items$menu === void 0 ? void 0 : _menuState$items$menu.element) === menuitemRef.current;
+  const hasFocus = !isNil(menuitemRef.current) && !isNil(menuState.activeItemIndex) && menuState.items[menuState.activeItemIndex]?.element === menuitemRef.current;
   const handleClick = useCallback(event => {
     if (disabled) {
       return;
     }
-    onActivate === null || onActivate === void 0 || onActivate(event);
+    onActivate?.(event);
   }, [disabled, onActivate]);
 
   // Gain/release focus on mousedown in `menubar`
@@ -93,11 +92,11 @@ function MenuItem(props) {
   };
 
   // Only move focus on hover in a `menu`, not `menubar`
-  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menu') {
+  if (menuState?.role === 'menu') {
     menuitemProps.onMouseMove = handleMouseMove;
     menuitemProps.onMouseLeave = handleMouseLeave;
   }
-  if ((menuState === null || menuState === void 0 ? void 0 : menuState.role) === 'menubar') {
+  if (menuState?.role === 'menubar') {
     menuitemProps.onMouseDown = handleMouseDown;
     menuitemProps.onMouseOver = handleMouseMove;
     menuitemProps.onMouseLeave = handleMouseLeave;

package/esm/internals/Menu/Menubar.js

@@ -15,7 +15,6 @@ export default function Menubar({
   children,
   onActivateItem
 }) {
-  var _items$activeItemInde3;
   const menubar = useMenu({
     role: 'menubar'
   });
@@ -53,8 +52,7 @@ export default function Menubar({
     rtl
   } = useCustom();
   const onKeyDown = useCallback(event => {
-    var _items$activeItemInde, _items$activeItemInde2;
-    const activeItemElement = isNil(activeItemIndex) ? null : (_items$activeItemInde = (_items$activeItemInde2 = items[activeItemIndex]) === null || _items$activeItemInde2 === void 0 ? void 0 : _items$activeItemInde2.element) !== null && _items$activeItemInde !== void 0 ? _items$activeItemInde : null;
+    const activeItemElement = isNil(activeItemIndex) ? null : items[activeItemIndex]?.element ?? null;
     switch (true) {
       case !vertical && !rtl && event.key === KEY_VALUES.RIGHT:
       case !vertical && rtl && event.key === KEY_VALUES.LEFT:
@@ -95,7 +93,7 @@ export default function Menubar({
       case !vertical && event.key === KEY_VALUES.DOWN:
       case vertical && !rtl && event.key === KEY_VALUES.RIGHT:
       case vertical && rtl && event.key === KEY_VALUES.LEFT:
-        if ((activeItemElement === null || activeItemElement === void 0 ? void 0 : activeItemElement.getAttribute('aria-haspopup')) === 'menu') {
+        if (activeItemElement?.getAttribute('aria-haspopup') === 'menu') {
           event.preventDefault();
           event.stopPropagation();
           activeItemElement.click();
@@ -105,7 +103,7 @@ export default function Menubar({
       case event.key === KEY_VALUES.SPACE:
         event.preventDefault();
         event.stopPropagation();
-        activeItemElement === null || activeItemElement === void 0 || activeItemElement.click();
+        activeItemElement?.click();
         break;
     }
   }, [rtl, items, activeItemIndex, dispatch, vertical]);
@@ -114,7 +112,7 @@ export default function Menubar({
   // Which indicates that a child menuitem is being activated
   const onClick = useCallback(event => {
     if (items.some(item => item.element === event.target)) {
-      onActivateItem === null || onActivateItem === void 0 || onActivateItem(event);
+      onActivateItem?.(event);
     }
   }, [items, onActivateItem]);
   return /*#__PURE__*/React.createElement(MenuContext.Provider, {
@@ -126,7 +124,7 @@ export default function Menubar({
     onBlur,
     onKeyDown,
     onClick,
-    'aria-activedescendant': isNil(activeItemIndex) ? undefined : (_items$activeItemInde3 = items[activeItemIndex]) === null || _items$activeItemInde3 === void 0 ? void 0 : _items$activeItemInde3.element.id,
+    'aria-activedescendant': isNil(activeItemIndex) ? undefined : items[activeItemIndex]?.element.id,
     'aria-orientation': vertical ? 'vertical' : undefined // implicitly set 'horizontal'
   }, menubarElementRef));
 }

package/esm/internals/Menu/useMenu.js

@@ -43,8 +43,7 @@ export function menuReducer(state, action) {
         switch (action.to) {
           case MoveFocusTo.Next:
             for (let i = activeItemIndex === null ? 0 : activeItemIndex + 1; i < items.length; i++) {
-              var _items$i$props;
-              if (!((_items$i$props = items[i].props) !== null && _items$i$props !== void 0 && _items$i$props.disabled)) {
+              if (!items[i].props?.disabled) {
                 nextActiveItemIndex = i;
                 break;
               }
@@ -52,8 +51,7 @@ export function menuReducer(state, action) {
             break;
           case MoveFocusTo.Prev:
             for (let i = activeItemIndex === null ? items.length - 1 : activeItemIndex - 1; i >= 0; i--) {
-              var _items$i$props2;
-              if (!((_items$i$props2 = items[i].props) !== null && _items$i$props2 !== void 0 && _items$i$props2.disabled)) {
+              if (!items[i].props?.disabled) {
                 nextActiveItemIndex = i;
                 break;
               }
@@ -61,8 +59,7 @@ export function menuReducer(state, action) {
             break;
           case MoveFocusTo.First:
             for (let i = 0; i < items.length; i++) {
-              var _items$i$props3;
-              if (!((_items$i$props3 = items[i].props) !== null && _items$i$props3 !== void 0 && _items$i$props3.disabled)) {
+              if (!items[i].props?.disabled) {
                 nextActiveItemIndex = i;
                 break;
               }
@@ -70,8 +67,7 @@ export function menuReducer(state, action) {
             break;
           case MoveFocusTo.Last:
             for (let i = items.length - 1; i >= 0; i--) {
-              var _items$i$props4;
-              if (!((_items$i$props4 = items[i].props) !== null && _items$i$props4 !== void 0 && _items$i$props4.disabled)) {
+              if (!items[i].props?.disabled) {
                 nextActiveItemIndex = i;
                 break;
               }
@@ -79,8 +75,7 @@ export function menuReducer(state, action) {
             break;
           case MoveFocusTo.Specific:
             for (let i = 0; i < items.length; i++) {
-              var _items$i$props5;
-              if (items[i].element.id === action.id && !((_items$i$props5 = items[i].props) !== null && _items$i$props5 !== void 0 && _items$i$props5.disabled)) {
+              if (items[i].element.id === action.id && !items[i].props?.disabled) {
                 nextActiveItemIndex = i;
                 break;
               }

package/esm/internals/Overlay/Modal.js

@@ -24,8 +24,7 @@ const useModalManager = () => {
   });
   return {
     get dialog() {
-      var _modal$current;
-      return (_modal$current = modal.current) === null || _modal$current === void 0 ? void 0 : _modal$current.dialog;
+      return modal.current?.dialog;
     },
     add: (containerElement, containerClassName) => modalManager.add(modal.current, containerElement, containerClassName),
     remove: () => modalManager.remove(modal.current),
@@ -85,14 +84,13 @@ const Modal = forwardRef((props, ref) => {
   const lastFocus = useRef(null);
   const handleDocumentKeyDown = useEventCallback(event => {
     if (keyboard && event.key === KEY_VALUES.ESC && modal.isTopModal()) {
-      onEsc === null || onEsc === void 0 || onEsc(event);
-      onClose === null || onClose === void 0 || onClose(event);
+      onEsc?.(event);
+      onClose?.(event);
     }
   });
   const restoreLastFocus = useCallback(() => {
     if (lastFocus.current) {
-      var _lastFocus$current$fo, _lastFocus$current;
-      (_lastFocus$current$fo = (_lastFocus$current = lastFocus.current).focus) === null || _lastFocus$current$fo === void 0 || _lastFocus$current$fo.call(_lastFocus$current);
+      lastFocus.current.focus?.();
       lastFocus.current = null;
     }
   }, []);
@@ -106,7 +104,7 @@ const Modal = forwardRef((props, ref) => {
     const currentActiveElement = document.activeElement;
     const dialog = modal.dialog;
     if (dialog && currentActiveElement && !contains(dialog, currentActiveElement)) {
-      onBeforeFocusCallback === null || onBeforeFocusCallback === void 0 || onBeforeFocusCallback();
+      onBeforeFocusCallback?.();
       dialog.focus();
     }
   });
@@ -133,14 +131,13 @@ const Modal = forwardRef((props, ref) => {
         lastFocus.current = document.activeElement;
       });
     }
-    onOpen === null || onOpen === void 0 || onOpen();
+    onOpen?.();
   });
   const handleClose = useEventCallback(() => {
-    var _documentKeyDownListe, _documentFocusListene;
     modal.remove();
-    (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 || _documentKeyDownListe.off();
+    documentKeyDownListener.current?.off();
     documentKeyDownListener.current = null;
-    (_documentFocusListene = documentFocusListener.current) === null || _documentFocusListene === void 0 || _documentFocusListene.off();
+    documentFocusListener.current?.off();
     documentFocusListener.current = null;
     restoreLastFocus();
   });

package/esm/internals/Overlay/ModalManager.js

@@ -20,11 +20,9 @@ function findContainer(data, modal) {
   return findIndexOf(data, d => d.modals.indexOf(modal) !== -1);
 }
 class ModalManager {
-  constructor() {
-    this.modals = [];
-    this.containers = [];
-    this.data = [];
-  }
+  modals = [];
+  containers = [];
+  data = [];
   add(modal, container, className) {
     let modalIndex = this.modals.indexOf(modal);
     const containerIndex = this.containers.indexOf(container);

package/esm/internals/Overlay/Overlay.js

@@ -46,7 +46,7 @@ const Overlay = /*#__PURE__*/React.forwardRef((props, ref) => {
   const mountOverlay = open || Transition && !exited;
   const handleExited = useCallback(args => {
     setExited(true);
-    onExited === null || onExited === void 0 || onExited(args);
+    onExited?.(args);
   }, [onExited]);
   useRootClose(onClose, {
     triggerTarget,

package/esm/internals/Overlay/OverlayTrigger.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import React from 'react';
 import type { AnimationEventProps, StandardProps, Placement } from '../types';
 import type { OverlayTriggerHandle, PositionChildProps } from './types';

package/esm/internals/Overlay/OverlayTrigger.js

@@ -14,7 +14,7 @@ function mergeEvents(events = {}, props = {}) {
   const nextEvents = {};
   Object.keys(events).forEach(eventName => {
     if (events[eventName]) {
-      nextEvents[eventName] = createChainedFunction(events[eventName], props === null || props === void 0 ? void 0 : props[eventName]);
+      nextEvents[eventName] = createChainedFunction(events[eventName], props?.[eventName]);
     }
   });
   return nextEvents;
@@ -126,9 +126,9 @@ const OverlayTrigger = /*#__PURE__*/React.forwardRef((props, ref) => {
     // if the overlay open state is not changed, do not fire the event
     if (nextOpen === open) return;
     if (nextOpen) {
-      onOpen === null || onOpen === void 0 || onOpen();
+      onOpen?.();
     } else {
-      onClose === null || onClose === void 0 || onClose(closeCause);
+      onClose?.(closeCause);
     }
     setOpen(nextOpen);
   }, [open, onOpen, onClose, setOpen]);
@@ -162,8 +162,7 @@ const OverlayTrigger = /*#__PURE__*/React.forwardRef((props, ref) => {
       return triggerRef.current;
     },
     get overlay() {
-      var _overlayRef$current;
-      return (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.child;
+      return overlayRef.current?.child;
     },
     getState: () => ({
       open
@@ -171,8 +170,7 @@ const OverlayTrigger = /*#__PURE__*/React.forwardRef((props, ref) => {
     open: handleOpen,
     close: delay => handleClose(delay, OverlayCloseCause.ImperativeHandle),
     updatePosition: () => {
-      var _overlayRef$current2, _overlayRef$current2$;
-      (_overlayRef$current2 = overlayRef.current) === null || _overlayRef$current2 === void 0 || (_overlayRef$current2$ = _overlayRef$current2.updatePosition) === null || _overlayRef$current2$ === void 0 || _overlayRef$current2$.call(_overlayRef$current2);
+      overlayRef.current?.updatePosition?.();
     }
   }));
 

package/esm/internals/Overlay/Position.js

@@ -50,7 +50,7 @@ const usePosition = (props, ref) => {
    * @returns void
    */
   (placementChanged = true, forceUpdateDOM) => {
-    if (!(triggerTarget !== null && triggerTarget !== void 0 && triggerTarget.current)) {
+    if (!triggerTarget?.current) {
       return;
     }
     const targetElement = getDOMNode(triggerTarget);
@@ -63,7 +63,7 @@ const usePosition = (props, ref) => {
       return;
     }
     const overlay = getDOMNode(ref.current);
-    const containerElement = getContainer(typeof container === 'function' ? container() : container !== null && container !== void 0 ? container : null, ownerDocument(ref.current).body);
+    const containerElement = getContainer(typeof container === 'function' ? container() : container ?? null, ownerDocument(ref.current).body);
     const posi = utils.calcOverlayPosition(overlay, targetElement, containerElement, followCursor ? cursorPosition : undefined);
     if (forceUpdateDOM && overlay) {
       addStyle(overlay, getPositionStyle(posi.positionLeft, posi.positionTop));
@@ -81,9 +81,8 @@ const usePosition = (props, ref) => {
     const overlay = getDOMNode(ref.current);
     let containerScrollListener;
     if (containerRef.current && preventOverflow) {
-      var _containerRef$current;
       // Update the overlay position when the container scroll bar is scrolling
-      containerScrollListener = on(((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.tagName) === 'BODY' ? window : containerRef.current, 'scroll', () => updatePosition(true, true));
+      containerScrollListener = on(containerRef.current?.tagName === 'BODY' ? window : containerRef.current, 'scroll', () => updatePosition(true, true));
     }
 
     // Update the position when the window size changes
@@ -94,11 +93,10 @@ const usePosition = (props, ref) => {
       overlayResizeObserver.current.observe(overlay);
     }
     return () => {
-      var _containerScrollListe, _overlayResizeObserve;
       lastTargetRef.current = null;
-      (_containerScrollListe = containerScrollListener) === null || _containerScrollListe === void 0 || _containerScrollListe.off();
-      resizeListener === null || resizeListener === void 0 || resizeListener.off();
-      (_overlayResizeObserve = overlayResizeObserver.current) === null || _overlayResizeObserve === void 0 || _overlayResizeObserve.disconnect();
+      containerScrollListener?.off();
+      resizeListener?.off();
+      overlayResizeObserver.current?.disconnect();
     };
   }, [preventOverflow, ref, updatePosition]);
   useUpdateEffect(() => updatePosition(), [updatePosition, placement]);

package/esm/internals/Picker/ListCheckItem.js

@@ -27,16 +27,16 @@ const ListCheckItem = forwardRef((props, ref) => {
     ...rest
   } = props;
   const handleChange = useEventCallback((value, checked, event) => {
-    onSelect === null || onSelect === void 0 || onSelect(value, event, checked);
+    onSelect?.(value, event, checked);
   });
   const handleCheck = useEventCallback(event => {
     if (!disabled) {
-      onCheck === null || onCheck === void 0 || onCheck(value, event, !active);
+      onCheck?.(value, event, !active);
     }
   });
   const handleSelectItem = useEventCallback(event => {
     if (!disabled) {
-      onSelectItem === null || onSelectItem === void 0 || onSelectItem(value, event, !active);
+      onSelectItem?.(value, event, !active);
     }
   });
   const {

package/esm/internals/Picker/ListItem.js

@@ -26,7 +26,7 @@ const ListItem = forwardRef((props, ref) => {
   const handleClick = useEventCallback(event => {
     event.preventDefault();
     if (!disabled) {
-      onSelect === null || onSelect === void 0 || onSelect(value, event);
+      onSelect?.(value, event);
     }
   });
   const {

package/esm/internals/Picker/Listbox.js

@@ -80,10 +80,10 @@ const Listbox = /*#__PURE__*/React.forwardRef((props, ref) => {
       nextGroupKeys.push(key);
     }
     setFoldedGroupKeys(nextGroupKeys);
-    onGroupTitleClick === null || onGroupTitleClick === void 0 || onGroupTitleClick(event);
+    onGroupTitleClick?.(event);
   });
   const handleSelect = useEventCallback((item, value, event, checked) => {
-    onSelect === null || onSelect === void 0 || onSelect(value, item, event, checked);
+    onSelect?.(value, item, event, checked);
   });
   const getRowHeight = (list, index) => {
     const item = list[index];
@@ -114,16 +114,16 @@ const Listbox = /*#__PURE__*/React.forwardRef((props, ref) => {
     }
   }, [focusItemValue, menuBodyContainerRef, prefix]);
   const filteredItems = groupable ? data.filter(item => {
-    var _item$parent;
     // Display group title items
     if (item[RSUITE_PICKER_GROUP_KEY]) return true;
 
     // Display items under the unfolded group
-    const groupValue = get(item, groupBy, '') || (// FIXME-Doma
+    const groupValue = get(item, groupBy, '') ||
+    // FIXME-Doma
     // Usage of `item.parent` is strongly discouraged
     // It's only here for legacy support
     // Remove once `item.parent` is completely removed across related components
-    (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent[KEY_GROUP_TITLE]);
+    item.parent?.[KEY_GROUP_TITLE];
     return !foldedGroupKeys.includes(groupValue);
   }) : data;
   const rowCount = filteredItems.length;
@@ -162,8 +162,8 @@ const Listbox = /*#__PURE__*/React.forwardRef((props, ref) => {
     } else if (isUndefined(value) && !isUndefined(item[RSUITE_PICKER_GROUP_KEY])) {
       throw Error(`valueKey "${valueKey}" is not defined in "data" : ${index} `);
     }
-    const disabled = disabledItemValues === null || disabledItemValues === void 0 ? void 0 : disabledItemValues.some(disabledValue => shallowEqual(disabledValue, value));
-    const active = activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues.some(v => shallowEqual(v, value));
+    const disabled = disabledItemValues?.some(disabledValue => shallowEqual(disabledValue, value));
+    const active = activeItemValues?.some(v => shallowEqual(v, value));
     const focus = !isUndefined(focusItemValue) && shallowEqual(focusItemValue, value);
     return /*#__PURE__*/React.createElement(ListItem, _extends({
       "aria-posinset": index + 1,
@@ -179,9 +179,8 @@ const Listbox = /*#__PURE__*/React.forwardRef((props, ref) => {
     }, pickBy(listItemProps, v => v !== undefined)), renderOption ? renderOption(label, item) : label);
   };
   useMount(() => {
-    var _listRef$current, _listRef$current$scro;
-    const itemIndex = findIndex(filteredItems, item => item[valueKey] === (activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues[0]));
-    (_listRef$current = listRef.current) === null || _listRef$current === void 0 || (_listRef$current$scro = _listRef$current.scrollToItem) === null || _listRef$current$scro === void 0 || _listRef$current$scro.call(_listRef$current, itemIndex);
+    const itemIndex = findIndex(filteredItems, item => item[valueKey] === activeItemValues?.[0]);
+    listRef.current?.scrollToItem?.(itemIndex);
   });
   const styles = mergeStyles(style, {
     '--rs-picker-listbox-max-height': getCssValue(maxHeight)