rsuite 6.1.2 → 6.2.0

package/esm/Panel/Panel.js

@@ -62,8 +62,8 @@ const Panel = forwardRef((props, ref) => {
     collapsible: collapsibleProp
   });
   const handleSelect = 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/esm/PanelGroup/PanelGroup.js

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

package/esm/PasswordInput/PasswordInput.js

@@ -39,7 +39,7 @@ const PasswordInput = forwardRef((props, ref) => {
   const classes = merge(className, withPrefix());
   const handleToggleVisibility = useEventCallback(() => {
     setVisible(!visible);
-    onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(!visible);
+    onVisibleChange?.(!visible);
   });
   return /*#__PURE__*/React.createElement(InputGroup, _extends({
     inside: true,
@@ -61,7 +61,7 @@ const PasswordInput = 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.createElement(EyeCloseIcon, null) : /*#__PURE__*/React.createElement(VisibleIcon, null))));
+  }, renderVisibilityIcon?.(visible ?? false) || (visible ? /*#__PURE__*/React.createElement(EyeCloseIcon, null) : /*#__PURE__*/React.createElement(VisibleIcon, null))));
 });
 PasswordInput.displayName = 'PasswordInput';
 export default PasswordInput;

package/esm/PinInput/PinInput.js

@@ -116,7 +116,7 @@ const PinInput = 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/esm/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/esm/PinInput/hooks/usePinInputRefs.js

@@ -16,16 +16,14 @@ export const usePinInputRefs = (length, autoFocus) => {
   // Auto focus the first input on mount if autoFocus is true
   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 = 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/esm/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/esm/PinInput/hooks/usePinValue.js

@@ -51,11 +51,11 @@ export const usePinValue = (controlValue, defaultValue, length, onChange, onComp
     // 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/esm/Progress/ProgressLine.js

@@ -57,7 +57,7 @@ const ProgressLine = 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.createElement(Box, _extends({
     as: as,
     ref: ref,

package/esm/Progress/types.d.ts

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

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

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

package/esm/Radio/Radio.js

@@ -22,7 +22,7 @@ const Radio = forwardRef((props, ref) => {
     readOnly: readOnlyContext,
     plaintext: plaintextContext,
     onChange: onGroupChange
-  } = radioContext !== null && radioContext !== void 0 ? radioContext : {};
+  } = radioContext ?? {};
   const {
     as,
     title,
@@ -58,8 +58,8 @@ const Radio = 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/esm/RadioGroup/RadioGroup.js

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

package/esm/RadioTile/RadioTile.js

@@ -46,8 +46,8 @@ const RadioTile = forwardRef((props, ref) => {
   } = useStyles(classPrefix);
   const handleChange = 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 = useUniqueId('radio-');

package/esm/RadioTileGroup/RadioTileGroup.js

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

package/esm/RangeSlider/RangeSlider.js

@@ -168,7 +168,7 @@ const RangeSlider = forwardRef((props, ref) => {
     const nextValue = getNextValue(event, dataset);
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChange?.(nextValue, event);
     }
   });
 
@@ -182,14 +182,14 @@ const RangeSlider = 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 = 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';
@@ -223,7 +223,7 @@ const RangeSlider = forwardRef((props, ref) => {
     event.preventDefault();
     if (isRangeMatchingConstraint(nextValue)) {
       setValue(nextValue);
-      onChange === null || onChange === void 0 || onChange(nextValue, event);
+      onChange?.(nextValue, event);
     }
   });
   const handleBarClick = useEventCallback(event => {
@@ -242,8 +242,8 @@ const RangeSlider = 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 = useMemo(() => [{

package/esm/Rate/Character.js

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

package/esm/Rate/Rate.js

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

package/esm/Rate/useRatingStates.d.ts

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

package/esm/SegmentedControl/SegmentedControl.js

@@ -42,7 +42,7 @@ const SegmentedControl = forwardRef((props, ref) => {
   const containerRef = 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
   } = useIndicatorPosition({
@@ -53,7 +53,7 @@ const SegmentedControl = forwardRef((props, ref) => {
   });
   const handleChange = useEventCallback((nextValue, event) => {
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue !== null && nextValue !== void 0 ? nextValue : '', event);
+    onChange?.(nextValue ?? '', event);
   });
   return /*#__PURE__*/React.createElement(Box, _extends({
     as: as,
@@ -63,7 +63,7 @@ const SegmentedControl = 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.createElement(SegmentedItem, {
+  }, rest), data?.map((item, index) => /*#__PURE__*/React.createElement(SegmentedItem, {
     key: index,
     item: item,
     index: index,

package/esm/SegmentedControl/hooks/useIndicatorPosition.js

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

package/esm/SelectPicker/SelectPicker.js

@@ -92,26 +92,23 @@ const SelectPicker = 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] = useState(false);
   const handleClose = 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 = 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 = useEventCallback((value, event) => {
-    onChange === null || onChange === void 0 || onChange(value, event);
+    onChange?.(value, event);
   });
   const handleMenuPressEnter = useEventCallback(event => {
     if (!focusItemValue) {
@@ -155,7 +152,7 @@ const SelectPicker = forwardRef((props, ref) => {
   const handleExit = useEventCallback(() => {
     resetSearch();
     setActive(false);
-    onSearch === null || onSearch === void 0 || onSearch('');
+    onSearch?.('');
     setFocusItemValue(null);
   });
   const handleEnter = useEventCallback(() => {
@@ -176,7 +173,7 @@ const SelectPicker = forwardRef((props, ref) => {
     merge
   } = useStyles(classPrefix);
   let selectedElement = placeholder;
-  if (activeItem !== null && activeItem !== void 0 && activeItem[labelKey]) {
+  if (activeItem?.[labelKey]) {
     selectedElement = activeItem[labelKey];
   }
   if (!isNil(value) && isFunction(renderValue)) {
@@ -221,7 +218,7 @@ const SelectPicker = forwardRef((props, ref) => {
       virtualized: virtualized
     }) : /*#__PURE__*/React.createElement("div", {
       className: prefix`none`
-    }, locale === null || locale === void 0 ? void 0 : locale.noResultsText);
+    }, locale?.noResultsText);
     return /*#__PURE__*/React.createElement(PickerPopup, {
       ref: mergeRefs(overlay, speakerRef),
       autoWidth: popupAutoWidth,
@@ -230,11 +227,11 @@ const SelectPicker = forwardRef((props, ref) => {
       onKeyDown: onPickerKeyDown,
       target: trigger
     }, searchable && /*#__PURE__*/React.createElement(SearchBox, {
-      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 = {
     ...pick(props, triggerPropKeys),
@@ -265,11 +262,11 @@ const SelectPicker = 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';
 export default SelectPicker;

package/esm/Sidebar/Sidebar.js

@@ -33,7 +33,7 @@ const Sidebar = forwardRef((props, ref) => {
   } = useContext(ContainerContext);
   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.createElement(Box, _extends({
     as: as,

package/esm/Sidenav/ExpandedSidenavDropdown.js

@@ -45,7 +45,7 @@ const ExpandedSidenavDropdown = forwardRef((props, ref) => {
     withPrefix
   } = useStyles(classPrefix);
   const internalId = useInternalId('SidenavDropdown');
-  const uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;
+  const uniqueKey = eventKey ?? internalId;
   const {
     openKeys = [],
     onOpenChange
@@ -60,14 +60,14 @@ const ExpandedSidenavDropdown = forwardRef((props, ref) => {
   items.some(item => item.active);
   const handleToggleDisclosure = 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.createElement(Disclosure, {
     open: open,
     onToggle: handleToggleDisclosure

package/esm/Sidenav/ExpandedSidenavDropdownItem.js

@@ -39,7 +39,7 @@ const ExpandedSidenavDropdownItem = forwardRef((props, ref) => {
     withPrefix,
     prefix
   } = useStyles(classPrefix);
-  const selected = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && (shallowEqual(eventKey, sidenav.activeKey) || shallowEqual(nav.activeKey, eventKey));
+  const selected = activeProp ?? (!isNil(eventKey) && (shallowEqual(eventKey, sidenav.activeKey) || shallowEqual(nav.activeKey, eventKey)));
   const classes = merge(className, withPrefix());
   const dataAttributes = {
     'data-active': selected,
@@ -47,11 +47,10 @@ const ExpandedSidenavDropdownItem = forwardRef((props, ref) => {
     'data-with-icon': !!icon
   };
   const handleClick = 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: createChainedFunction(handleClick, onClick)

package/esm/Sidenav/Node.js

@@ -5,14 +5,11 @@
  * Ref: https://developer.mozilla.org/zh-CN/docs/Web/API/Node
  */
 export 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);
@@ -21,21 +18,17 @@ export 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;
   }
 }

package/esm/Sidenav/Sidenav.js

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

package/esm/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/esm/Sidenav/SidenavDropdown.js

@@ -134,12 +134,12 @@ const SidenavDropdown = 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/esm/Sidenav/SidenavDropdownItem.js

@@ -48,11 +48,10 @@ const SidenavDropdownItem = forwardRef((props, ref) => {
     prefix
   } = useStyles(classPrefix);
   const handleSelectItem = 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 || !isNil(eventKey) && shallowEqual(nav === null || nav === void 0 ? void 0 : nav.activeKey, eventKey);
+  const selected = activeProp || !isNil(eventKey) && shallowEqual(nav?.activeKey, eventKey);
   const renderDropdownItem = useRenderMenuItem(as);
   if (sidenav.expanded) {
     return /*#__PURE__*/React.createElement(ExpandedSidenavDropdownItem, _extends({

package/esm/Sidenav/SidenavItem.js

@@ -52,15 +52,14 @@ const SidenavItem = forwardRef((props, ref) => {
     withPrefix,
     prefix
   } = useStyles(classPrefix);
-  const selected = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && shallowEqual(activeKey, eventKey);
+  const selected = activeProp ?? (!isNil(eventKey) && shallowEqual(activeKey, eventKey));
   const whisperRef = React.useRef(null);
   const handleClick = 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.cloneElement(icon, {
     className: classNames(prefix('icon'), icon.props.className)

package/esm/Sidenav/SidenavToggle.js

@@ -28,8 +28,8 @@ const SidenavToggle = forwardRef((props, ref) => {
     collapsed: !expanded
   }));
   const handleToggle = 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.createElement(IconButton, _extends({
     ref: ref,

package/esm/Slider/Slider.js

@@ -128,7 +128,7 @@ const Slider = forwardRef((props, ref) => {
     }
     const nextValue = getValidValue(getValueByPosition(event));
     setValue(nextValue);
-    onChange === null || onChange === void 0 || onChange(nextValue, event);
+    onChange?.(nextValue, event);
   });
 
   /**
@@ -139,7 +139,7 @@ const Slider = forwardRef((props, ref) => {
       return;
     }
     const nextValue = getValidValue(getValueByPosition(event));
-    onChangeCommitted === null || onChangeCommitted === void 0 || onChangeCommitted(nextValue, event);
+    onChangeCommitted?.(nextValue, event);
   });
   const handleClickBar = useEventCallback(event => {
     handleChangeValue(event);
@@ -171,7 +171,7 @@ const Slider = 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.createElement(Plaintext, {

package/esm/Slider/useDrag.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface DragProps {
     tooltip?: boolean;
     disabled?: boolean;