rsuite 6.1.2 → 6.1.3

package/cjs/Uploader/utils/previewFile.js

@@ -8,7 +8,7 @@ exports.previewFile = previewFile;
 // 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'];
 function isImage(file) {
-  return MIME.includes(file === null || file === void 0 ? void 0 : file.type);
+  return MIME.includes(file?.type);
 }
 function previewFile(file, callback) {
   if (!isImage(file)) {

package/cjs/internals/Disclosure/Disclosure.js

@@ -48,13 +48,10 @@ const Disclosure = /*#__PURE__*/_react.default.memo(props => {
     open: defaultOpen
   });
   const containerElementRef = (0, _react.useRef)(null);
-  const open = openProp !== null && openProp !== void 0 ? openProp : openState;
+  const open = openProp ?? openState;
   (0, _useClickOutside.default)({
     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: _DisclosureContext.DisclosureActionTypes.Hide
     })
@@ -64,7 +61,7 @@ const Disclosure = /*#__PURE__*/_react.default.memo(props => {
       dispatch({
         type: _DisclosureContext.DisclosureActionTypes.Show
       });
-      onToggle === null || onToggle === void 0 || onToggle(true, event);
+      onToggle?.(true, event);
     }
   }, [open, dispatch, onToggle]);
   const onMouseLeave = (0, _react.useCallback)(event => {
@@ -72,14 +69,14 @@ const Disclosure = /*#__PURE__*/_react.default.memo(props => {
       dispatch({
         type: _DisclosureContext.DisclosureActionTypes.Hide
       });
-      onToggle === null || onToggle === void 0 || onToggle(false, event);
+      onToggle?.(false, event);
     }
   }, [open, dispatch, onToggle]);
   const contextValue = (0, _react.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/cjs/internals/Disclosure/DisclosureButton.js

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

package/cjs/internals/InputBase/InputBase.js

@@ -46,13 +46,12 @@ const InputBase = (0, _utils.forwardRef)((props, ref) => {
   } = (0, _FormGroup.useFormGroup)();
   const handleKeyDown = event => {
     if (event.key === _constants.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,
@@ -76,8 +75,8 @@ const InputBase = (0, _utils.forwardRef)((props, ref) => {
   if (inputable) {
     eventProps.onChange = handleChange;
     eventProps.onKeyDown = handleKeyDown;
-    eventProps.onFocus = (0, _utils.createChainedFunction)(onFocus, inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.onFocus);
-    eventProps.onBlur = (0, _utils.createChainedFunction)(onBlur, inputGroup === null || inputGroup === void 0 ? void 0 : inputGroup.onBlur);
+    eventProps.onFocus = (0, _utils.createChainedFunction)(onFocus, inputGroup?.onFocus);
+    eventProps.onBlur = (0, _utils.createChainedFunction)(onBlur, inputGroup?.onBlur);
   }
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
     as: as,

package/cjs/internals/Menu/Menu.js

@@ -15,12 +15,11 @@ var _utils = require("../utils");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 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);
   });
 }
@@ -40,7 +39,6 @@ function Menu({
   renderMenuPopup,
   onToggleMenu
 }) {
-  var _items$activeItemInde;
   const buttonElementRef = (0, _react.useRef)(null);
   const menuElementRef = (0, _react.useRef)(null);
   const parentMenu = (0, _react.useContext)(_MenuContext.default);
@@ -58,7 +56,7 @@ function Menu({
   const {
     rtl
   } = (0, _hooks.useCustom)();
-  const activeItem = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;
+  const activeItem = (0, _isNil.default)(activeItemIndex) ? null : items[activeItemIndex]?.element;
   const {
     grab: grabFocus
   } = (0, _hooks.useFocus)(menuElementRef);
@@ -72,7 +70,7 @@ function Menu({
         to: _MenuContext.MoveFocusTo.First
       });
     }
-    onToggleMenu === null || onToggleMenu === void 0 || onToggleMenu(true, event);
+    onToggleMenu?.(true, event);
     grabFocus();
   }, [dispatch, onToggleMenu, grabFocus]);
   const closeMenu = (0, _react.useCallback)((event, returnFocusToButton = true) => {
@@ -83,10 +81,9 @@ function Menu({
       type: _MenuContext.MenuActionTypes.MoveFocus,
       to: _MenuContext.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
       });
     }
@@ -101,8 +98,7 @@ function Menu({
   (0, _hooks.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, !(0, _utils.isFocusableElement)(event.target))
@@ -168,10 +164,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;
@@ -198,9 +194,9 @@ function Menu({
     };
   }, [buttonId, buttonAriaAttributes, buttonEventHandlers, open]);
   const customMenuButton = (0, _react.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.default.createElement("button", (0, _extends2.default)({
+  const buttonElement = customMenuButton ?? /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
     ref: buttonElementRef
   }, buttonProps), menuButtonText);
 
@@ -233,7 +229,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) {
@@ -250,7 +246,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;
@@ -313,7 +309,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,
@@ -325,13 +321,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.default.createElement("ul", (0, _extends2.default)({
+  const menuElement = customMenuPopup ?? /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
     ref: menuElementRef
   }, menuProps, {
     hidden: !open
@@ -356,7 +352,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/cjs/internals/Menu/MenuItem.js

@@ -14,7 +14,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * @private
  */
 function MenuItem(props) {
-  var _menuState$items$menu;
   const {
     children,
     selected = false,
@@ -30,12 +29,12 @@ function MenuItem(props) {
   const [menuState, dispatch] = menu;
 
   // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)
-  const hasFocus = !(0, _isNil.default)(menuitemRef.current) && !(0, _isNil.default)(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 = !(0, _isNil.default)(menuitemRef.current) && !(0, _isNil.default)(menuState.activeItemIndex) && menuState.items[menuState.activeItemIndex]?.element === menuitemRef.current;
   const handleClick = (0, _react.useCallback)(event => {
     if (disabled) {
       return;
     }
-    onActivate === null || onActivate === void 0 || onActivate(event);
+    onActivate?.(event);
   }, [disabled, onActivate]);
 
   // Gain/release focus on mousedown in `menubar`
@@ -99,11 +98,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/cjs/internals/Menu/Menubar.js

@@ -22,7 +22,6 @@ function Menubar({
   children,
   onActivateItem
 }) {
-  var _items$activeItemInde3;
   const menubar = (0, _useMenu.default)({
     role: 'menubar'
   });
@@ -60,8 +59,7 @@ function Menubar({
     rtl
   } = (0, _hooks.useCustom)();
   const onKeyDown = (0, _react.useCallback)(event => {
-    var _items$activeItemInde, _items$activeItemInde2;
-    const activeItemElement = (0, _isNil.default)(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 = (0, _isNil.default)(activeItemIndex) ? null : items[activeItemIndex]?.element ?? null;
     switch (true) {
       case !vertical && !rtl && event.key === _constants.KEY_VALUES.RIGHT:
       case !vertical && rtl && event.key === _constants.KEY_VALUES.LEFT:
@@ -102,7 +100,7 @@ function Menubar({
       case !vertical && event.key === _constants.KEY_VALUES.DOWN:
       case vertical && !rtl && event.key === _constants.KEY_VALUES.RIGHT:
       case vertical && rtl && event.key === _constants.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();
@@ -112,7 +110,7 @@ function Menubar({
       case event.key === _constants.KEY_VALUES.SPACE:
         event.preventDefault();
         event.stopPropagation();
-        activeItemElement === null || activeItemElement === void 0 || activeItemElement.click();
+        activeItemElement?.click();
         break;
     }
   }, [rtl, items, activeItemIndex, dispatch, vertical]);
@@ -121,7 +119,7 @@ function Menubar({
   // Which indicates that a child menuitem is being activated
   const onClick = (0, _react.useCallback)(event => {
     if (items.some(item => item.element === event.target)) {
-      onActivateItem === null || onActivateItem === void 0 || onActivateItem(event);
+      onActivateItem?.(event);
     }
   }, [items, onActivateItem]);
   return /*#__PURE__*/_react.default.createElement(_MenuContext.default.Provider, {
@@ -133,7 +131,7 @@ function Menubar({
     onBlur,
     onKeyDown,
     onClick,
-    'aria-activedescendant': (0, _isNil.default)(activeItemIndex) ? undefined : (_items$activeItemInde3 = items[activeItemIndex]) === null || _items$activeItemInde3 === void 0 ? void 0 : _items$activeItemInde3.element.id,
+    'aria-activedescendant': (0, _isNil.default)(activeItemIndex) ? undefined : items[activeItemIndex]?.element.id,
     'aria-orientation': vertical ? 'vertical' : undefined // implicitly set 'horizontal'
   }, menubarElementRef));
 }

package/cjs/internals/Menu/useMenu.js

@@ -50,8 +50,7 @@ function menuReducer(state, action) {
         switch (action.to) {
           case _MenuContext.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;
               }
@@ -59,8 +58,7 @@ function menuReducer(state, action) {
             break;
           case _MenuContext.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;
               }
@@ -68,8 +66,7 @@ function menuReducer(state, action) {
             break;
           case _MenuContext.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;
               }
@@ -77,8 +74,7 @@ function menuReducer(state, action) {
             break;
           case _MenuContext.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;
               }
@@ -86,8 +82,7 @@ function menuReducer(state, action) {
             break;
           case _MenuContext.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/cjs/internals/Overlay/Modal.js

@@ -30,8 +30,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),
@@ -91,14 +90,13 @@ const Modal = (0, _utils.forwardRef)((props, ref) => {
   const lastFocus = (0, _react.useRef)(null);
   const handleDocumentKeyDown = (0, _hooks.useEventCallback)(event => {
     if (keyboard && event.key === _constants.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 = (0, _react.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;
     }
   }, []);
@@ -112,7 +110,7 @@ const Modal = (0, _utils.forwardRef)((props, ref) => {
     const currentActiveElement = document.activeElement;
     const dialog = modal.dialog;
     if (dialog && currentActiveElement && !(0, _contains.default)(dialog, currentActiveElement)) {
-      onBeforeFocusCallback === null || onBeforeFocusCallback === void 0 || onBeforeFocusCallback();
+      onBeforeFocusCallback?.();
       dialog.focus();
     }
   });
@@ -139,14 +137,13 @@ const Modal = (0, _utils.forwardRef)((props, ref) => {
         lastFocus.current = document.activeElement;
       });
     }
-    onOpen === null || onOpen === void 0 || onOpen();
+    onOpen?.();
   });
   const handleClose = (0, _hooks.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/cjs/internals/Overlay/ModalManager.js

@@ -25,11 +25,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/cjs/internals/Overlay/Overlay.js

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

package/cjs/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/cjs/internals/Overlay/OverlayTrigger.js

@@ -19,7 +19,7 @@ function mergeEvents(events = {}, props = {}) {
   const nextEvents = {};
   Object.keys(events).forEach(eventName => {
     if (events[eventName]) {
-      nextEvents[eventName] = (0, _utils.createChainedFunction)(events[eventName], props === null || props === void 0 ? void 0 : props[eventName]);
+      nextEvents[eventName] = (0, _utils.createChainedFunction)(events[eventName], props?.[eventName]);
     }
   });
   return nextEvents;
@@ -130,9 +130,9 @@ const OverlayTrigger = /*#__PURE__*/_react.default.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]);
@@ -166,8 +166,7 @@ const OverlayTrigger = /*#__PURE__*/_react.default.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
@@ -175,8 +174,7 @@ const OverlayTrigger = /*#__PURE__*/_react.default.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/cjs/internals/Overlay/Position.js

@@ -57,7 +57,7 @@ const usePosition = (props, ref) => {
    * @returns void
    */
   (placementChanged = true, forceUpdateDOM) => {
-    if (!(triggerTarget !== null && triggerTarget !== void 0 && triggerTarget.current)) {
+    if (!triggerTarget?.current) {
       return;
     }
     const targetElement = (0, _utils.getDOMNode)(triggerTarget);
@@ -70,7 +70,7 @@ const usePosition = (props, ref) => {
       return;
     }
     const overlay = (0, _utils.getDOMNode)(ref.current);
-    const containerElement = (0, _getContainer.default)(typeof container === 'function' ? container() : container !== null && container !== void 0 ? container : null, (0, _ownerDocument.default)(ref.current).body);
+    const containerElement = (0, _getContainer.default)(typeof container === 'function' ? container() : container ?? null, (0, _ownerDocument.default)(ref.current).body);
     const posi = utils.calcOverlayPosition(overlay, targetElement, containerElement, followCursor ? cursorPosition : undefined);
     if (forceUpdateDOM && overlay) {
       (0, _addStyle.default)(overlay, getPositionStyle(posi.positionLeft, posi.positionTop));
@@ -88,9 +88,8 @@ const usePosition = (props, ref) => {
     const overlay = (0, _utils.getDOMNode)(ref.current);
     let containerScrollListener;
     if (containerRef.current && preventOverflow) {
-      var _containerRef$current;
       // Update the overlay position when the container scroll bar is scrolling
-      containerScrollListener = (0, _on.default)(((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.tagName) === 'BODY' ? window : containerRef.current, 'scroll', () => updatePosition(true, true));
+      containerScrollListener = (0, _on.default)(containerRef.current?.tagName === 'BODY' ? window : containerRef.current, 'scroll', () => updatePosition(true, true));
     }
 
     // Update the position when the window size changes
@@ -101,11 +100,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]);
   (0, _hooks.useUpdateEffect)(() => updatePosition(), [updatePosition, placement]);

package/cjs/internals/Picker/ListCheckItem.js

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

package/cjs/internals/Picker/ListItem.js

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

package/cjs/internals/Picker/Listbox.js

@@ -85,10 +85,10 @@ const Listbox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       nextGroupKeys.push(key);
     }
     setFoldedGroupKeys(nextGroupKeys);
-    onGroupTitleClick === null || onGroupTitleClick === void 0 || onGroupTitleClick(event);
+    onGroupTitleClick?.(event);
   });
   const handleSelect = (0, _hooks.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];
@@ -119,16 +119,16 @@ const Listbox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     }
   }, [focusItemValue, menuBodyContainerRef, prefix]);
   const filteredItems = groupable ? data.filter(item => {
-    var _item$parent;
     // Display group title items
     if (item[_symbols.RSUITE_PICKER_GROUP_KEY]) return true;
 
     // Display items under the unfolded group
-    const groupValue = (0, _get.default)(item, groupBy, '') || (// FIXME-Doma
+    const groupValue = (0, _get.default)(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[_getDataGroupBy.KEY_GROUP_TITLE]);
+    item.parent?.[_getDataGroupBy.KEY_GROUP_TITLE];
     return !foldedGroupKeys.includes(groupValue);
   }) : data;
   const rowCount = filteredItems.length;
@@ -167,8 +167,8 @@ const Listbox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     } else if ((0, _isUndefined.default)(value) && !(0, _isUndefined.default)(item[_symbols.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 => (0, _utils.shallowEqual)(disabledValue, value));
-    const active = activeItemValues === null || activeItemValues === void 0 ? void 0 : activeItemValues.some(v => (0, _utils.shallowEqual)(v, value));
+    const disabled = disabledItemValues?.some(disabledValue => (0, _utils.shallowEqual)(disabledValue, value));
+    const active = activeItemValues?.some(v => (0, _utils.shallowEqual)(v, value));
     const focus = !(0, _isUndefined.default)(focusItemValue) && (0, _utils.shallowEqual)(focusItemValue, value);
     return /*#__PURE__*/_react.default.createElement(ListItem, (0, _extends2.default)({
       "aria-posinset": index + 1,
@@ -184,9 +184,8 @@ const Listbox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     }, (0, _pickBy.default)(listItemProps, v => v !== undefined)), renderOption ? renderOption(label, item) : label);
   };
   (0, _hooks.useMount)(() => {
-    var _listRef$current, _listRef$current$scro;
-    const itemIndex = (0, _findIndex.default)(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 = (0, _findIndex.default)(filteredItems, item => item[valueKey] === activeItemValues?.[0]);
+    listRef.current?.scrollToItem?.(itemIndex);
   });
   const styles = (0, _utils.mergeStyles)(style, {
     '--rs-picker-listbox-max-height': (0, _utils.getCssValue)(maxHeight)