rsuite 6.1.2 → 6.1.3

package/cjs/Navbar/NavbarItem.js

@@ -37,10 +37,10 @@ const NavbarItem = (0, _utils.forwardRef)((props, ref) => {
     activeKey,
     onSelect: onSelectFromNav
   } = (0, _react.useContext)(_NavContext.default);
-  const active = activeProp !== null && activeProp !== void 0 ? activeProp : !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey);
+  const active = activeProp ?? (!(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(eventKey, activeKey));
   const emitSelect = (0, _react.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,
@@ -51,7 +51,7 @@ const NavbarItem = (0, _utils.forwardRef)((props, ref) => {
   const handleClick = (0, _react.useCallback)(event => {
     if (!disabled) {
       emitSelect(event);
-      onClick === null || onClick === void 0 || onClick(event);
+      onClick?.(event);
     }
   }, [disabled, emitSelect, onClick]);
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({

package/cjs/Navbar/NavbarToggle.js

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

package/cjs/Notification/Notification.js

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

package/cjs/NumberInput/NumberInput.js

@@ -52,8 +52,8 @@ const NumberInput = (0, _utils.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] = (0, _hooks.useControlled)(valueProp, defaultValue);
   const {
     withPrefix,
@@ -65,7 +65,7 @@ const NumberInput = (0, _utils.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/cjs/NumberInput/hooks/useEvents.d.ts

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

package/cjs/NumberInput/hooks/useEvents.js

@@ -75,7 +75,7 @@ function useEvents(params) {
         onStepUp(event);
       }
     }
-    onWheelProp === null || onWheelProp === void 0 || onWheelProp(event);
+    onWheelProp?.(event);
   });
   const restoreDecimalSeparator = (0, _react.useCallback)(value => {
     if (decimalSeparator && value) {
@@ -90,8 +90,7 @@ 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/cjs/NumberInput/hooks/useWheelHandler.js

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

package/cjs/Pagination/Pagination.js

@@ -67,7 +67,7 @@ const Pagination = (0, _utils.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.default.createElement(_PaginationButton.default, (0, _extends2.default)({
       "aria-label": title,
       title: title

package/cjs/Pagination/PaginationButton.js

@@ -35,7 +35,7 @@ const PaginationButton = (0, _utils.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/cjs/Pagination/PaginationGroup.js

@@ -65,18 +65,17 @@ const PaginationGroup = (0, _utils.forwardRef)((props, ref) => {
   const handleInputBlur = (0, _hooks.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 = (0, _hooks.useEventCallback)(event => {
-    var _event$target;
-    (_event$target = event.target) === null || _event$target === void 0 || _event$target.blur();
+    event.target?.blur();
   });
   const handleChangeLimit = (0, _hooks.useEventCallback)(value => {
     setLimit(value);
-    onChangeLimit === null || onChangeLimit === void 0 || onChangeLimit(value);
+    onChangeLimit?.(value);
   });
   return /*#__PURE__*/_react.default.createElement(_Box.default, {
     as: as,

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)