rsuite 6.1.2 → 6.2.0

package/cjs/Panel/Panel.js

@@ -68,8 +68,8 @@ const Panel = (0, _utils.forwardRef)((props, ref) => {
     collapsible: collapsibleProp
   });
   const handleSelect = (0, _hooks.useEventCallback)(event => {
-    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
-    onGroupSelect === null || onGroupSelect === void 0 || onGroupSelect(eventKey, event);
+    onSelect?.(eventKey, event);
+    onGroupSelect?.(eventKey, event);
     setExpanded(!expanded);
   });
   const classes = merge(className, withPrefix({

package/cjs/PanelGroup/PanelGroup.js

@@ -43,7 +43,7 @@ const PanelGroup = (0, _utils.forwardRef)((props, ref) => {
   }));
   const handleSelect = (0, _hooks.useEventCallback)((activeKey, event) => {
     setActiveKey(activeKey);
-    onSelect === null || onSelect === void 0 || onSelect(activeKey, event);
+    onSelect?.(activeKey, event);
   });
   const contextValue = (0, _react.useMemo)(() => ({
     accordion,

package/cjs/PasswordInput/PasswordInput.js

@@ -44,7 +44,7 @@ const PasswordInput = (0, _utils.forwardRef)((props, ref) => {
   const classes = merge(className, withPrefix());
   const handleToggleVisibility = (0, _hooks.useEventCallback)(() => {
     setVisible(!visible);
-    onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(!visible);
+    onVisibleChange?.(!visible);
   });
   return /*#__PURE__*/_react.default.createElement(_InputGroup.default, (0, _extends2.default)({
     inside: true,
@@ -66,7 +66,7 @@ const PasswordInput = (0, _utils.forwardRef)((props, ref) => {
     tabIndex: -1,
     onClick: handleToggleVisibility,
     "aria-label": "Toggle password visibility"
-  }, (renderVisibilityIcon === null || renderVisibilityIcon === void 0 ? void 0 : renderVisibilityIcon(visible !== null && visible !== void 0 ? visible : false)) || (visible ? /*#__PURE__*/_react.default.createElement(_EyeClose.default, null) : /*#__PURE__*/_react.default.createElement(_Visible.default, null))));
+  }, renderVisibilityIcon?.(visible ?? false) || (visible ? /*#__PURE__*/_react.default.createElement(_EyeClose.default, null) : /*#__PURE__*/_react.default.createElement(_Visible.default, null))));
 });
 PasswordInput.displayName = 'PasswordInput';
 var _default = exports.default = PasswordInput;

package/cjs/PinInput/PinInput.js

@@ -121,7 +121,7 @@ const PinInput = (0, _utils.forwardRef)((props, ref) => {
     // Safety check for event object
     if (!e) return;
     const target = e.target;
-    const inputValue = (target === null || target === void 0 ? void 0 : target.value) || '';
+    const inputValue = target?.value || '';
 
     // Handle backspace
     if (e.key === 'Backspace') {

package/cjs/PinInput/hooks/usePinInputRefs.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * A hook that manages the refs and focus behavior for a PIN input component
  */

package/cjs/PinInput/hooks/usePinInputRefs.js

@@ -19,16 +19,14 @@ const usePinInputRefs = (length, autoFocus) => {
   // Auto focus the first input on mount if autoFocus is true
   (0, _react.useEffect)(() => {
     if (autoFocus && inputRefs.current[0]) {
-      var _inputRefs$current$;
-      (_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
+      inputRefs.current[0]?.focus();
     }
   }, [autoFocus]);
 
   // Focus a specific input by index
   const focusInput = (0, _react.useCallback)(index => {
     if (index >= 0 && index < length && inputRefs.current[index]) {
-      var _inputRefs$current$in;
-      (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.focus();
+      inputRefs.current[index]?.focus();
       return true;
     }
     return false;

package/cjs/PinInput/hooks/usePinValue.d.ts

@@ -4,7 +4,7 @@
  * - Normalizes value to array format
  * - Manages array updates and modifications
  */
-export declare const usePinValue: (controlValue: string | undefined, defaultValue: string, length: number, onChange?: ((value: string) => void) | undefined, onComplete?: ((value: string) => void) | undefined) => {
+export declare const usePinValue: (controlValue: string | undefined, defaultValue: string, length: number, onChange?: (value: string) => void, onComplete?: (value: string) => void) => {
     value: string;
     valueArray: string[];
     setDigit: (index: number, digit: string) => void;

package/cjs/PinInput/hooks/usePinValue.js

@@ -54,11 +54,11 @@ const usePinValue = (controlValue, defaultValue, length, onChange, onComplete) =
     // Filter out any extra characters beyond length
     const filteredValue = newValue.slice(0, length);
     setValue(filteredValue);
-    onChange === null || onChange === void 0 || onChange(filteredValue);
+    onChange?.(filteredValue);
 
     // Call onComplete if the value is complete
     if (filteredValue.length === length) {
-      onComplete === null || onComplete === void 0 || onComplete(filteredValue);
+      onComplete?.(filteredValue);
     }
   };
   return {

package/cjs/Progress/ProgressLine.js

@@ -62,7 +62,7 @@ const ProgressLine = (0, _utils.forwardRef)((props, ref) => {
   });
 
   // Determine if the info should be placed inside the stroke
-  const isInsidePlacement = percentPlacement === null || percentPlacement === void 0 ? void 0 : percentPlacement.startsWith('inside');
+  const isInsidePlacement = percentPlacement?.startsWith('inside');
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
     as: as,
     ref: ref,

package/cjs/Progress/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ProgressSection {
     /** Percent of this section */
     percent: number;

package/cjs/ProgressCircle/hooks/useProgressCirclePath.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ProgressCirclePathOptions {
     /** Circular progress bar degree */
     gapDegree: number;

package/cjs/Radio/Radio.js

@@ -28,7 +28,7 @@ const Radio = (0, _utils.forwardRef)((props, ref) => {
     readOnly: readOnlyContext,
     plaintext: plaintextContext,
     onChange: onGroupChange
-  } = radioContext !== null && radioContext !== void 0 ? radioContext : {};
+  } = radioContext ?? {};
   const {
     as,
     title,
@@ -64,8 +64,8 @@ const Radio = (0, _utils.forwardRef)((props, ref) => {
       return;
     }
     setChecked(true);
-    onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, event);
-    onChange === null || onChange === void 0 || onChange(value, true, event);
+    onGroupChange?.(value, event);
+    onChange?.(value, true, event);
   });
   const controlled = radioContext ? true : selfControlled;
   if (typeof controlled !== 'undefined') {

package/cjs/RadioGroup/RadioGroup.js

@@ -45,7 +45,7 @@ const RadioGroup = (0, _utils.forwardRef)((props, ref) => {
   const [value, setValue, isControlled] = (0, _hooks.useControlled)(valueProp, defaultValue);
   const handleChange = (0, _hooks.useEventCallback)((nextValue, event) => {
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue !== null && nextValue !== void 0 ? nextValue : '', event);
+    onChange?.(nextValue ?? '', event);
   });
   const contextValue = (0, _react.useMemo)(() => ({
     inline,

package/cjs/RadioTile/RadioTile.js

@@ -52,8 +52,8 @@ const RadioTile = (0, _utils.forwardRef)((props, ref) => {
   } = (0, _hooks.useStyles)(classPrefix);
   const handleChange = (0, _react.useCallback)(event => {
     setChecked(true);
-    onGroupChange === null || onGroupChange === void 0 || onGroupChange(value, event);
-    onChange === null || onChange === void 0 || onChange(value, event);
+    onGroupChange?.(value, event);
+    onChange?.(value, event);
   }, [onChange, onGroupChange, setChecked, value]);
   const classes = merge(className, withPrefix());
   const radioId = (0, _hooks.useUniqueId)('radio-');

package/cjs/RadioTileGroup/RadioTileGroup.js

@@ -43,7 +43,7 @@ const RadioTileGroup = (0, _utils.forwardRef)((props, ref) => {
   const [value, setValue] = (0, _hooks.useControlled)(valueProp, defaultValue);
   const handleChange = (0, _react.useCallback)((nextValue, event) => {
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue, event);
+    onChange?.(nextValue, event);
   }, [onChange, setValue]);
   const contextValue = (0, _react.useMemo)(() => ({
     name,

package/cjs/RangeSlider/RangeSlider.js

@@ -174,7 +174,7 @@ const RangeSlider = (0, _utils.forwardRef)((props, ref) => {
     const nextValue = getNextValue(event, dataset);
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChange?.(nextValue, event);
     }
   });
 
@@ -188,14 +188,14 @@ const RangeSlider = (0, _utils.forwardRef)((props, ref) => {
     const nextValue = getNextValue(event, dataset);
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChangeCommitted === null || onChangeCommitted === void 0 || onChangeCommitted(nextValue, event);
+      onChangeCommitted?.(nextValue, event);
     }
   });
   const handleKeyDown = (0, _hooks.useEventCallback)(event => {
     const target = event.target;
     const {
       key
-    } = (target === null || target === void 0 ? void 0 : target.dataset) || {};
+    } = target?.dataset || {};
     const nextValue = [...value];
     const increaseKey = rtl ? 'ArrowLeft' : 'ArrowRight';
     const decreaseKey = rtl ? 'ArrowRight' : 'ArrowLeft';
@@ -229,7 +229,7 @@ const RangeSlider = (0, _utils.forwardRef)((props, ref) => {
     event.preventDefault();
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChange?.(nextValue, event);
     }
   });
   const handleBarClick = (0, _hooks.useEventCallback)(event => {
@@ -248,8 +248,8 @@ const RangeSlider = (0, _utils.forwardRef)((props, ref) => {
     const nextValue = getValidValue([start, end].sort((a, b) => a - b));
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
-      onChangeCommitted === null || onChangeCommitted === void 0 || onChangeCommitted(nextValue, event);
+      onChange?.(nextValue, event);
+      onChangeCommitted?.(nextValue, event);
     }
   });
   const handleProps = (0, _react.useMemo)(() => [{

package/cjs/Rate/Character.js

@@ -36,10 +36,10 @@ const Character = (0, _utils.forwardRef)((props, ref) => {
   } = (0, _hooks.useStyles)(classPrefix);
   const beforeRef = (0, _react.useRef)(null);
   const handleMouseMove = (0, _hooks.useEventCallback)(event => {
-    onMouseMove === null || onMouseMove === void 0 || onMouseMove(getKey(beforeRef.current, event.target), event);
+    onMouseMove?.(getKey(beforeRef.current, event.target), event);
   });
   const handleClick = (0, _hooks.useEventCallback)(event => {
-    onClick === null || onClick === void 0 || onClick(getKey(beforeRef.current, event.target), event);
+    onClick?.(getKey(beforeRef.current, event.target), event);
   });
   const eventHandlers = (0, _react.useMemo)(() => {
     if (disabled) {

package/cjs/Rate/Rate.js

@@ -69,7 +69,7 @@ const Rate = (0, _utils.forwardRef)((props, ref) => {
   });
   const handleMouseLeave = (0, _hooks.useEventCallback)(event => {
     resetStarStates();
-    onChangeActive === null || onChangeActive === void 0 || onChangeActive(value, event);
+    onChangeActive?.(value, event);
   });
   const handleChangeValue = (0, _hooks.useEventCallback)((index, event) => {
     let nextValue = (0, _utils2.transformStarStatusToValue)(starStates);
@@ -79,7 +79,7 @@ const Rate = (0, _utils.forwardRef)((props, ref) => {
     if (nextValue !== value) {
       setValue(nextValue);
       setStarStates(getStarStates(nextValue));
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChange?.(nextValue, event);
     }
   });
   const handleKeyDown = (0, _hooks.useEventCallback)((index, event) => {
@@ -106,7 +106,7 @@ const Rate = (0, _utils.forwardRef)((props, ref) => {
     });
     if (!(0, _utils.shallowEqualArray)(starStates, nextStarStates)) {
       setStarStates(nextStarStates);
-      onChangeActive === null || onChangeActive === void 0 || onChangeActive((0, _utils2.transformStarStatusToValue)(nextStarStates), event);
+      onChangeActive?.((0, _utils2.transformStarStatusToValue)(nextStarStates), event);
     }
   });
   const handleClick = (0, _hooks.useEventCallback)((index, key, event) => {

package/cjs/Rate/useRatingStates.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { StarStatus } from './types';
 interface UseRatingStatesParams {
     value: number;

package/cjs/SegmentedControl/SegmentedControl.js

@@ -48,7 +48,7 @@ const SegmentedControl = (0, _utils.forwardRef)((props, ref) => {
   const containerRef = (0, _react.useRef)(null);
 
   // Get the active item index
-  const activeIndex = data === null || data === void 0 ? void 0 : data.findIndex(item => item.value === value);
+  const activeIndex = data?.findIndex(item => item.value === value);
   const {
     style: indicatorStyle
   } = (0, _useIndicatorPosition.default)({
@@ -59,7 +59,7 @@ const SegmentedControl = (0, _utils.forwardRef)((props, ref) => {
   });
   const handleChange = (0, _hooks.useEventCallback)((nextValue, event) => {
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue !== null && nextValue !== void 0 ? nextValue : '', event);
+    onChange?.(nextValue ?? '', event);
   });
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
     as: as,
@@ -69,7 +69,7 @@ const SegmentedControl = (0, _utils.forwardRef)((props, ref) => {
     "data-size": size,
     "data-block": block || undefined,
     "data-indicator": indicator
-  }, rest), data === null || data === void 0 ? void 0 : data.map((item, index) => /*#__PURE__*/_react.default.createElement(_SegmentedItem.default, {
+  }, rest), data?.map((item, index) => /*#__PURE__*/_react.default.createElement(_SegmentedItem.default, {
     key: index,
     item: item,
     index: index,

package/cjs/SegmentedControl/hooks/useIndicatorPosition.js

@@ -34,7 +34,7 @@ const useIndicatorPosition = ({
 }) => {
   const [indicatorStyle, setIndicatorStyle] = (0, _react.useState)({});
   const updatePosition = (0, _react.useCallback)(() => {
-    if (!(containerRef !== null && containerRef !== void 0 && containerRef.current)) {
+    if (!containerRef?.current) {
       return;
     }
     const newStyle = updateIndicatorPosition(containerRef.current, activeIndex, indicator);

package/cjs/SelectPicker/SelectPicker.js

@@ -98,26 +98,23 @@ const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
     labelKey,
     searchBy,
     callback: (searchKeyword, filteredData, event) => {
-      var _filteredData$;
       // The first option after filtering is the focus.
-      setFocusItemValue(filteredData === null || filteredData === void 0 || (_filteredData$ = filteredData[0]) === null || _filteredData$ === void 0 ? void 0 : _filteredData$[valueKey]);
-      onSearch === null || onSearch === void 0 || onSearch(searchKeyword, event);
+      setFocusItemValue(filteredData?.[0]?.[valueKey]);
+      onSearch?.(searchKeyword, event);
     }
   });
 
   // Use component active state to support keyboard events.
   const [active, setActive] = (0, _react.useState)(false);
   const handleClose = (0, _hooks.useEventCallback)(() => {
-    var _trigger$current, _trigger$current$clos;
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 || (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 || _trigger$current$clos.call(_trigger$current);
+    trigger.current?.close?.();
   });
   const handleSelect = (0, _hooks.useEventCallback)((value, item, event) => {
-    var _target$current;
-    onSelect === null || onSelect === void 0 || onSelect(value, item, event);
-    (_target$current = target.current) === null || _target$current === void 0 || _target$current.focus();
+    onSelect?.(value, item, event);
+    target.current?.focus();
   });
   const handleChangeValue = (0, _hooks.useEventCallback)((value, event) => {
-    onChange === null || onChange === void 0 || onChange(value, event);
+    onChange?.(value, event);
   });
   const handleMenuPressEnter = (0, _hooks.useEventCallback)(event => {
     if (!focusItemValue) {
@@ -161,7 +158,7 @@ const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
   const handleExit = (0, _hooks.useEventCallback)(() => {
     resetSearch();
     setActive(false);
-    onSearch === null || onSearch === void 0 || onSearch('');
+    onSearch?.('');
     setFocusItemValue(null);
   });
   const handleEnter = (0, _hooks.useEventCallback)(() => {
@@ -182,7 +179,7 @@ const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
     merge
   } = (0, _hooks.useStyles)(classPrefix);
   let selectedElement = placeholder;
-  if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {
+  if (activeItem?.[labelKey]) {
     selectedElement = activeItem[labelKey];
   }
   if (!(0, _isNil.default)(value) && (0, _isFunction.default)(renderValue)) {
@@ -227,7 +224,7 @@ const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
       virtualized: virtualized
     }) : /*#__PURE__*/_react.default.createElement("div", {
       className: prefix`none`
-    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);
+    }, locale?.noResultsText);
     return /*#__PURE__*/_react.default.createElement(_Picker.PickerPopup, {
       ref: (0, _utils.mergeRefs)(overlay, speakerRef),
       autoWidth: popupAutoWidth,
@@ -236,11 +233,11 @@ const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
       onKeyDown: onPickerKeyDown,
       target: trigger
     }, searchable && /*#__PURE__*/_react.default.createElement(_SearchBox.default, {
-      placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,
+      placeholder: locale?.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeyword,
       inputRef: searchInput
-    }), renderListbox ? renderListbox(listbox) : listbox, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());
+    }), renderListbox ? renderListbox(listbox) : listbox, renderExtraFooter?.());
   };
   const triggerProps = {
     ...(0, _pick.default)(props, _Picker.triggerPropKeys),
@@ -271,11 +268,11 @@ const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
     disabled: disabled,
     cleanable: cleanable && !disabled,
     hasValue: hasValue,
-    inputValue: value !== null && value !== void 0 ? value : '',
+    inputValue: value ?? '',
     focusItemValue: focusItemValue,
     active: active,
     placement: placement
-  }, rest), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder)));
+  }, rest), selectedElement || locale?.placeholder));
 });
 SelectPicker.displayName = 'SelectPicker';
 var _default = exports.default = SelectPicker;

package/cjs/Sidebar/Sidebar.js

@@ -39,7 +39,7 @@ const Sidebar = (0, _utils.forwardRef)((props, ref) => {
   } = (0, _react.useContext)(_Container.ContainerContext);
   (0, _react.useEffect)(() => {
     /** Notify the Container that the Sidebar is in the child node of the Container. */
-    setHasSidebar === null || setHasSidebar === void 0 || setHasSidebar(true);
+    setHasSidebar?.(true);
   }, [setHasSidebar]);
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
     as: as,

package/cjs/Sidenav/ExpandedSidenavDropdown.js

@@ -51,7 +51,7 @@ const ExpandedSidenavDropdown = (0, _utils.forwardRef)((props, ref) => {
     withPrefix
   } = (0, _hooks.useStyles)(classPrefix);
   const internalId = (0, _hooks.useInternalId)('SidenavDropdown');
-  const uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;
+  const uniqueKey = eventKey ?? internalId;
   const {
     openKeys = [],
     onOpenChange
@@ -66,14 +66,14 @@ const ExpandedSidenavDropdown = (0, _utils.forwardRef)((props, ref) => {
   items.some(item => item.active);
   const handleToggleDisclosure = (0, _react.useCallback)((open, event) => {
     if (open) {
-      onClose === null || onClose === void 0 || onClose();
+      onClose?.();
     } else {
-      onOpen === null || onOpen === void 0 || onOpen();
+      onOpen?.();
     }
-    onToggle === null || onToggle === void 0 || onToggle(open);
-    onOpenChange === null || onOpenChange === void 0 || onOpenChange(uniqueKey, event);
+    onToggle?.(open);
+    onOpenChange?.(uniqueKey, event);
   }, [onClose, onOpen, onToggle, uniqueKey, onOpenChange]);
-  const open = openProp !== null && openProp !== void 0 ? openProp : openKeys.includes(uniqueKey);
+  const open = openProp ?? openKeys.includes(uniqueKey);
   return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
     open: open,
     onToggle: handleToggleDisclosure

package/cjs/Sidenav/ExpandedSidenavDropdownItem.js

@@ -45,7 +45,7 @@ const ExpandedSidenavDropdownItem = (0, _utils.forwardRef)((props, ref) => {
     withPrefix,
     prefix
   } = (0, _hooks.useStyles)(classPrefix);
-  const selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(eventKey, sidenav.activeKey) || (0, _utils.shallowEqual)(nav.activeKey, eventKey));
+  const selected = activeProp ?? (!(0, _isNil.default)(eventKey) && ((0, _utils.shallowEqual)(eventKey, sidenav.activeKey) || (0, _utils.shallowEqual)(nav.activeKey, eventKey)));
   const classes = merge(className, withPrefix());
   const dataAttributes = {
     'data-active': selected,
@@ -53,11 +53,10 @@ const ExpandedSidenavDropdownItem = (0, _utils.forwardRef)((props, ref) => {
     'data-with-icon': !!icon
   };
   const handleClick = (0, _react.useCallback)(event => {
-    var _nav$onSelect, _sidenav$onSelect;
     if (disabled) return;
-    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
-    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);
-    (_sidenav$onSelect = sidenav.onSelect) === null || _sidenav$onSelect === void 0 || _sidenav$onSelect.call(sidenav, eventKey, event);
+    onSelect?.(eventKey, event);
+    nav.onSelect?.(eventKey, event);
+    sidenav.onSelect?.(eventKey, event);
   }, [disabled, onSelect, sidenav, eventKey, nav]);
   const menuitemEventHandlers = {
     onClick: (0, _utils.createChainedFunction)(handleClick, onClick)

package/cjs/Sidenav/Node.js

@@ -9,14 +9,11 @@ exports.Node = void 0;
  * Ref: https://developer.mozilla.org/zh-CN/docs/Web/API/Node
  */
 class Node {
-  constructor() {
-    this.id = null;
-    this.nodeValue = null;
-    this.parent = null;
-    this.parentNode = null;
-    this.childNodes = [];
-    this.element = void 0;
-  }
+  id = null;
+  nodeValue = null;
+  parent = null;
+  parentNode = null;
+  childNodes = [];
   appendChild(newChild) {
     newChild.parentNode = this;
     this.childNodes.push(newChild);
@@ -25,22 +22,18 @@ class Node {
     return this.childNodes.length > 0;
   }
   get firstChild() {
-    var _this$childNodes$;
-    return (_this$childNodes$ = this.childNodes[0]) !== null && _this$childNodes$ !== void 0 ? _this$childNodes$ : null;
+    return this.childNodes[0] ?? null;
   }
   get lastChild() {
-    var _this$childNodes;
-    return (_this$childNodes = this.childNodes[this.childNodes.length - 1]) !== null && _this$childNodes !== void 0 ? _this$childNodes : null;
+    return this.childNodes[this.childNodes.length - 1] ?? null;
   }
   get nextSibling() {
-    var _this$parentNode$chil;
     if (!this.parentNode) return null;
-    return (_this$parentNode$chil = this.parentNode.childNodes[this.parentNode.childNodes.indexOf(this) + 1]) !== null && _this$parentNode$chil !== void 0 ? _this$parentNode$chil : null;
+    return this.parentNode.childNodes[this.parentNode.childNodes.indexOf(this) + 1] ?? null;
   }
   get previousSibling() {
-    var _this$parentNode$chil2;
     if (!this.parentNode) return null;
-    return (_this$parentNode$chil2 = this.parentNode.childNodes[this.parentNode.childNodes.indexOf(this) - 1]) !== null && _this$parentNode$chil2 !== void 0 ? _this$parentNode$chil2 : null;
+    return this.parentNode.childNodes[this.parentNode.childNodes.indexOf(this) - 1] ?? null;
   }
 }
 exports.Node = Node;

package/cjs/Sidenav/Sidenav.js

@@ -64,13 +64,13 @@ const Sidenav = (0, _utils.forwardRef)((props, ref) => {
       nextOpenKeys.push(eventKey);
     }
     setOpenKeys(nextOpenKeys);
-    onOpenChange === null || onOpenChange === void 0 || onOpenChange(nextOpenKeys, event);
+    onOpenChange?.(nextOpenKeys, event);
   }, [onOpenChange, openKeys, setOpenKeys]);
   const contextValue = (0, _react.useMemo)(() => ({
     expanded,
     activeKey,
     sidenav: true,
-    openKeys: openKeys !== null && openKeys !== void 0 ? openKeys : [],
+    openKeys: openKeys ?? [],
     onOpenChange: handleOpenChange,
     onSelect
   }), [activeKey, expanded, handleOpenChange, onSelect, openKeys]);

package/cjs/Sidenav/SidenavDropdown.d.ts

@@ -51,6 +51,6 @@ export interface SidenavDropdownProps<T = any> extends BoxProps, SanitizedHTMLis
  */
 declare const SidenavDropdown: import("../internals/types").InternalRefForwardingComponent<"div", SidenavDropdownProps<any>, never> & {
     Item: import("../internals/types").InternalRefForwardingComponent<"li", import("../Nav/NavDropdownItem").NavDropdownItemProps<any>, never> & Record<string, never>;
-    Menu: React.ForwardRefExoticComponent<import("../Nav/NavDropdownMenu").NavDropdownMenuProps<any> & SanitizedHTMListProps<HTMLElement, React.HTMLAttributes<HTMLElement>> & React.RefAttributes<HTMLElement>>;
+    Menu: React.ForwardRefExoticComponent<import("../Nav/NavDropdownMenu").NavDropdownMenuProps<any> & SanitizedHTMListProps & React.RefAttributes<HTMLElement>>;
 };
 export default SidenavDropdown;

package/cjs/Sidenav/SidenavDropdown.js

@@ -140,12 +140,12 @@ const SidenavDropdown = (0, _utils.forwardRef)((props, ref) => {
       }, title), children);
     },
     onToggleMenu: (open, event) => {
-      onToggle === null || onToggle === void 0 || onToggle(open, eventKey, event);
-      sidenav === null || sidenav === void 0 || sidenav.onOpenChange(eventKey, event);
+      onToggle?.(open, eventKey, event);
+      sidenav?.onOpenChange(eventKey, event);
       if (open) {
-        onOpen === null || onOpen === void 0 || onOpen();
+        onOpen?.();
       } else {
-        onClose === null || onClose === void 0 || onClose();
+        onClose?.();
       }
     }
   }, ({

package/cjs/Sidenav/SidenavDropdownItem.js

@@ -54,11 +54,10 @@ const SidenavDropdownItem = (0, _utils.forwardRef)((props, ref) => {
     prefix
   } = (0, _hooks.useStyles)(classPrefix);
   const handleSelectItem = (0, _react.useCallback)(event => {
-    var _nav$onSelect;
-    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
-    (_nav$onSelect = nav.onSelect) === null || _nav$onSelect === void 0 || _nav$onSelect.call(nav, eventKey, event);
+    onSelect?.(eventKey, event);
+    nav.onSelect?.(eventKey, event);
   }, [onSelect, eventKey, nav]);
-  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey);
+  const selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(nav?.activeKey, eventKey);
   const renderDropdownItem = (0, _useRenderMenuItem.useRenderMenuItem)(as);
   if (sidenav.expanded) {
     return /*#__PURE__*/_react.default.createElement(_ExpandedSidenavDropdownItem.default, (0, _extends2.default)({

package/cjs/Sidenav/SidenavItem.js

@@ -57,15 +57,14 @@ const SidenavItem = (0, _utils.forwardRef)((props, ref) => {
     withPrefix,
     prefix
   } = (0, _hooks.useStyles)(classPrefix);
-  const selected = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey);
+  const selected = activeProp ?? (!(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(activeKey, eventKey));
   const whisperRef = _react.default.useRef(null);
   const handleClick = (0, _react.useCallback)(event => {
-    var _whisperRef$current;
     if (disabled) return;
-    (_whisperRef$current = whisperRef.current) === null || _whisperRef$current === void 0 || _whisperRef$current.close();
-    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
-    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);
-    onClick === null || onClick === void 0 || onClick(event);
+    whisperRef.current?.close();
+    onSelect?.(eventKey, event);
+    onSelectFromNav?.(eventKey, event);
+    onClick?.(event);
   }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);
   const clonedIcon = icon ? /*#__PURE__*/_react.default.cloneElement(icon, {
     className: (0, _classnames.default)(prefix('icon'), icon.props.className)

package/cjs/Sidenav/SidenavToggle.js

@@ -34,8 +34,8 @@ const SidenavToggle = (0, _utils.forwardRef)((props, ref) => {
     collapsed: !expanded
   }));
   const handleToggle = (0, _hooks.useEventCallback)(event => {
-    onToggle === null || onToggle === void 0 || onToggle(!expanded, event);
-    onClick === null || onClick === void 0 || onClick(event);
+    onToggle?.(!expanded, event);
+    onClick?.(event);
   });
   return /*#__PURE__*/_react.default.createElement(_IconButton.default, (0, _extends2.default)({
     ref: ref,

package/cjs/Slider/Slider.js

@@ -134,7 +134,7 @@ const Slider = (0, _utils.forwardRef)((props, ref) => {
     }
     const nextValue = getValidValue(getValueByPosition(event));
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue, event);
+    onChange?.(nextValue, event);
   });
 
   /**
@@ -145,7 +145,7 @@ const Slider = (0, _utils.forwardRef)((props, ref) => {
       return;
     }
     const nextValue = getValidValue(getValueByPosition(event));
-    onChangeCommitted === null || onChangeCommitted === void 0 || onChangeCommitted(nextValue, event);
+    onChangeCommitted?.(nextValue, event);
   });
   const handleClickBar = (0, _hooks.useEventCallback)(event => {
     handleChangeValue(event);
@@ -177,7 +177,7 @@ const Slider = (0, _utils.forwardRef)((props, ref) => {
     // Prevent scroll of the page
     event.preventDefault();
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue, event);
+    onChange?.(nextValue, event);
   });
   if (plaintext) {
     return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {