rsuite 6.1.2 → 6.1.3

package/esm/Navbar/NavbarItem.js

@@ -31,10 +31,10 @@ const NavbarItem = forwardRef((props, ref) => {
     activeKey,
     onSelect: onSelectFromNav
   } = useContext(NavContext);
-  const active = activeProp !== null && activeProp !== void 0 ? activeProp : !isNil(eventKey) && shallowEqual(eventKey, activeKey);
+  const active = activeProp ?? (!isNil(eventKey) && shallowEqual(eventKey, activeKey));
   const emitSelect = useCallback(event => {
-    onSelectProp === null || onSelectProp === void 0 || onSelectProp(eventKey, event);
-    onSelectFromNav === null || onSelectFromNav === void 0 || onSelectFromNav(eventKey, event);
+    onSelectProp?.(eventKey, event);
+    onSelectFromNav?.(eventKey, event);
   }, [eventKey, onSelectProp, onSelectFromNav]);
   const {
     prefix,
@@ -45,7 +45,7 @@ const NavbarItem = forwardRef((props, ref) => {
   const handleClick = useCallback(event => {
     if (!disabled) {
       emitSelect(event);
-      onClick === null || onClick === void 0 || onClick(event);
+      onClick?.(event);
     }
   }, [disabled, emitSelect, onClick]);
   return /*#__PURE__*/React.createElement(Box, _extends({

package/esm/Navbar/NavbarToggle.js

@@ -18,8 +18,8 @@ const NavbarToggle = /*#__PURE__*/React.forwardRef((props, ref) => {
     ...rest
   } = props;
   const handleClick = useEventCallback(() => {
-    onToggle === null || onToggle === void 0 || onToggle(true);
-    onToggleContext === null || onToggleContext === void 0 || onToggleContext(true);
+    onToggle?.(true);
+    onToggleContext?.(true);
   });
   return /*#__PURE__*/React.createElement(Burger, _extends({
     ref: ref,

package/esm/Notification/Notification.js

@@ -49,7 +49,7 @@ const Notification = forwardRef((props, ref) => {
   // Click to trigger to close the message
   const handleClose = useEventCallback(event => {
     setDisplay('hiding');
-    onClose === null || onClose === void 0 || onClose(event);
+    onClose?.(event);
     clear();
     setTimeout(() => {
       if (isMounted()) {

package/esm/NumberInput/NumberInput.js

@@ -47,8 +47,8 @@ const NumberInput = forwardRef((props, ref) => {
     onFocus: onFocusProp,
     ...rest
   } = propsWithDefaults;
-  const min = minProp !== null && minProp !== void 0 ? minProp : -Infinity;
-  const max = maxProp !== null && maxProp !== void 0 ? maxProp : Infinity;
+  const min = minProp ?? -Infinity;
+  const max = maxProp ?? Infinity;
   const [value, setValue] = useControlled(valueProp, defaultValue);
   const {
     withPrefix,
@@ -60,7 +60,7 @@ const NumberInput = forwardRef((props, ref) => {
   const onChangeValue = (currentValue, event) => {
     if (currentValue !== value) {
       setValue(currentValue);
-      onChange === null || onChange === void 0 || onChange(currentValue, event);
+      onChange?.(currentValue, event);
     }
   };
   const {

package/esm/NumberInput/hooks/useEvents.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface UseEventsParams {
     value?: number | string | null;
     scrollable: boolean;

package/esm/NumberInput/hooks/useEvents.js

@@ -71,7 +71,7 @@ export function useEvents(params) {
         onStepUp(event);
       }
     }
-    onWheelProp === null || onWheelProp === void 0 || onWheelProp(event);
+    onWheelProp?.(event);
   });
   const restoreDecimalSeparator = useCallback(value => {
     if (decimalSeparator && value) {
@@ -86,8 +86,7 @@ export function useEvents(params) {
     return value;
   }, [decimalSeparator]);
   const onBlur = event => {
-    var _event$target;
-    const value = restoreDecimalSeparator((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
+    const value = restoreDecimalSeparator(event.target?.value);
     const targetValue = Number.parseFloat(value);
     onChangeValue(getSafeValue(targetValue), event);
     setIsFocused(false);

package/esm/NumberInput/hooks/useWheelHandler.js

@@ -14,8 +14,7 @@ export function useWheelHandler(inputRef, handleWheel, scrollable) {
       });
     }
     return () => {
-      var _wheelListener;
-      (_wheelListener = wheelListener) === null || _wheelListener === void 0 || _wheelListener.off();
+      wheelListener?.off();
     };
   }, [inputRef, handleWheel, scrollable]);
 }

package/esm/Pagination/Pagination.js

@@ -62,7 +62,7 @@ const Pagination = forwardRef((props, ref) => {
     if (typeof disabledProp !== 'undefined') {
       disabledButton = typeof disabledProp === 'function' ? disabledProp(eventKey) : disabledProp;
     }
-    const title = (locale === null || locale === void 0 ? void 0 : locale[key]) || eventKey;
+    const title = locale?.[key] || eventKey;
     return /*#__PURE__*/React.createElement(PaginationButton, _extends({
       "aria-label": title,
       title: title

package/esm/Pagination/PaginationButton.js

@@ -30,7 +30,7 @@ const PaginationButton = forwardRef((props, ref) => {
     if (disabled) {
       return;
     }
-    onClick === null || onClick === void 0 || onClick(event);
+    onClick?.(event);
 
     // Only call onSelect if the event hasn't been prevented
     if (!event.defaultPrevented && onSelect) {

package/esm/Pagination/PaginationGroup.js

@@ -61,18 +61,17 @@ const PaginationGroup = forwardRef((props, ref) => {
   const handleInputBlur = useEventCallback(event => {
     const value = parseInt(event.target.value);
     if (value > 0 && value <= pages) {
-      onChangePage === null || onChangePage === void 0 || onChangePage(value);
+      onChangePage?.(value);
       setActivePage(value);
     }
     event.target.value = '';
   });
   const handleInputPressEnter = useEventCallback(event => {
-    var _event$target;
-    (_event$target = event.target) === null || _event$target === void 0 || _event$target.blur();
+    event.target?.blur();
   });
   const handleChangeLimit = useEventCallback(value => {
     setLimit(value);
-    onChangeLimit === null || onChangeLimit === void 0 || onChangeLimit(value);
+    onChangeLimit?.(value);
   });
   return /*#__PURE__*/React.createElement(Box, {
     as: as,

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)