rsuite 5.74.1 → 5.75.0

package/cjs/CustomProvider/FormattedNumber.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FormattedNumberProps {
+    value: number;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+export declare function FormattedNumber({ value, formatOptions }: FormattedNumberProps): React.JSX.Element;
+export {};

package/cjs/CustomProvider/FormattedNumber.js

@@ -0,0 +1,19 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.FormattedNumber = FormattedNumber;
+var _react = _interopRequireWildcard(require("react"));
+var _useCustom2 = require("./useCustom");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function FormattedNumber(_ref) {
+  var value = _ref.value,
+    formatOptions = _ref.formatOptions;
+  var _useCustom = (0, _useCustom2.useCustom)(),
+    code = _useCustom.code;
+  var formatter = (0, _react.useMemo)(function () {
+    return new Intl.NumberFormat(code, formatOptions);
+  }, [code, formatOptions]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formatter.format(value));
+}

package/cjs/CustomProvider/index.d.ts

@@ -1,5 +1,6 @@
 import CustomProvider from './CustomProvider';
 export { FormattedDate } from './FormattedDate';
+export { FormattedNumber } from './FormattedNumber';
 export { useCustom } from './useCustom';
 export { CustomContext } from './CustomProvider';
 export type { CustomProviderProps } from './CustomProvider';

package/cjs/CustomProvider/index.js

@@ -2,11 +2,13 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useCustom = exports.default = exports.FormattedDate = exports.CustomContext = void 0;
+exports.useCustom = exports.default = exports.FormattedNumber = exports.FormattedDate = exports.CustomContext = void 0;
 var _CustomProvider = _interopRequireWildcard(require("./CustomProvider"));
 exports.CustomContext = _CustomProvider.CustomContext;
 var _FormattedDate = require("./FormattedDate");
 exports.FormattedDate = _FormattedDate.FormattedDate;
+var _FormattedNumber = require("./FormattedNumber");
+exports.FormattedNumber = _FormattedNumber.FormattedNumber;
 var _useCustom = require("./useCustom");
 exports.useCustom = _useCustom.useCustom;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }

package/cjs/CustomProvider/types.d.ts

@@ -17,6 +17,8 @@ import type { CalendarProps } from '../Calendar';
 import type { CarouselProps } from '../Carousel';
 import type { CascadeTreeProps } from '../CascadeTree';
 import type { CascaderProps } from '../Cascader';
+import type { CardProps } from '../Card';
+import type { CardGroupProps } from '../CardGroup';
 import type { CheckPickerProps } from '../CheckPicker';
 import type { CheckTreeProps } from '../CheckTree';
 import type { CheckTreePickerProps } from '../CheckTreePicker';
@@ -84,6 +86,8 @@ import type { SidenavProps } from '../Sidenav';
 import type { SliderProps } from '../Slider';
 import type { StackProps } from '../Stack';
 import type { StepsProps } from '../Steps';
+import type { StatProps } from '../Stat';
+import type { StatGroupProps } from '../StatGroup';
 import type { TableProps } from '../Table';
 import type { TabsProps } from '../Tabs';
 import type { TagProps } from '../Tag';
@@ -124,6 +128,8 @@ export interface ReactSuiteComponents {
     Carousel: ComponentProps<CarouselProps>;
     CascadeTree: ComponentProps<CascadeTreeProps>;
     Cascader: ComponentProps<CascaderProps>;
+    Card: ComponentProps<CardProps>;
+    CardGroup: ComponentProps<CardGroupProps>;
     CheckPicker: ComponentProps<CheckPickerProps>;
     CheckTree: ComponentProps<CheckTreeProps>;
     CheckTreePicker: ComponentProps<CheckTreePickerProps>;
@@ -191,6 +197,8 @@ export interface ReactSuiteComponents {
     Slider: ComponentProps<SliderProps>;
     Stack: ComponentProps<StackProps>;
     Steps: ComponentProps<StepsProps>;
+    Stat: ComponentProps<StatProps>;
+    StatGroup: ComponentProps<StatGroupProps>;
     Table: ComponentProps<TableProps>;
     Tabs: ComponentProps<TabsProps>;
     Tag: ComponentProps<TagProps>;

package/cjs/CustomProvider/useCustom.d.ts

@@ -9,6 +9,7 @@ type LocaleKey = keyof typeof enGB;
  * @param componentProps - The props of the component
  */
 export declare function useCustom<P = any>(componentName?: keyof ReactSuiteComponents, componentProps?: P): {
+    code: string | undefined;
     rtl: boolean;
     toasters: import("react").MutableRefObject<Map<string, import("../toaster/ToastContainer").ToastContainerInstance>> | undefined;
     disableRipple: boolean | undefined;

package/cjs/CustomProvider/useCustom.js

@@ -46,7 +46,8 @@ function useCustom(componentName, componentProps) {
   var _ref = componentProps || {},
     componentLocale = _ref.locale,
     restProps = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
-  var dateLocale = globalLocale === null || globalLocale === void 0 ? void 0 : (_globalLocale$DateTim = globalLocale.DateTimeFormats) === null || _globalLocale$DateTim === void 0 ? void 0 : _globalLocale$DateTim.dateLocale;
+  var dateLocale = globalLocale === null || globalLocale === void 0 || (_globalLocale$DateTim = globalLocale.DateTimeFormats) === null || _globalLocale$DateTim === void 0 ? void 0 : _globalLocale$DateTim.dateLocale;
+  var code = globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.code;
   var getLocale = (0, _react.useCallback)(function (key, overrideLocale) {
     // Initialize with common locale
     var publicLocale = (globalLocale === null || globalLocale === void 0 ? void 0 : globalLocale.common) || {};
@@ -102,6 +103,7 @@ function useCustom(componentName, componentProps) {
     }, options));
   }, [parseDate, dateLocale]);
   return {
+    code: code,
     rtl: rtl,
     toasters: toasters,
     disableRipple: disableRipple,

package/cjs/DateInput/DateField.js

@@ -52,7 +52,7 @@ var DateField = exports.DateField = /*#__PURE__*/function (_Object) {
   }
   (0, _inheritsLoose2.default)(DateField, _Object);
   return DateField;
-}( /*#__PURE__*/(0, _wrapNativeSuper2.default)(Object));
+}(/*#__PURE__*/(0, _wrapNativeSuper2.default)(Object));
 /**
  * Pad a number with zeros to the left.
  */
@@ -142,7 +142,7 @@ var useDateField = exports.useDateField = function useDateField(format, localize
   var validFieldValue = function validFieldValue(type, value) {
     var _format$match;
     var isValid = true;
-    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 ? void 0 : _format$match.forEach(function (pattern) {
+    (_format$match = format.match(new RegExp('([y|d|M|H|h|m|s])+', 'ig'))) === null || _format$match === void 0 || _format$match.forEach(function (pattern) {
       var key = patternMap[pattern[0]];
       var fieldValue = type === key ? value : dateField[key];
       if (fieldValue === null) {

package/cjs/DateInput/DateInput.js

@@ -83,7 +83,7 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }, [dateField, dateString, formatStr, dateLocale]);
   var setSelectionRange = (0, _utils2.useInputSelection)(inputRef);
   var handleChange = (0, _hooks.useEventCallback)(function (value, event) {
-    onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+    onChange === null || onChange === void 0 || onChange(value, event);
     setValue(value);
   });
   var handleClear = (0, _hooks.useEventCallback)(function (event) {
@@ -197,7 +197,7 @@ var DateInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       handleChange(nextDate, event);
       setNewDate(nextDate);
     }
-    onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);
+    onPaste === null || onPaste === void 0 || onPaste(event);
   });
   var onKeyboardInput = (0, _useKeyboardInputEvent.default)({
     onSegmentChange: onSegmentChange,

package/cjs/DateInput/hooks/useDateInputState.js

@@ -76,7 +76,7 @@ function useDateInputState(_ref) {
         value: value
       });
       var field = _DateField.patternMap[pattern];
-      callback === null || callback === void 0 ? void 0 : callback(toDate(field, value));
+      callback === null || callback === void 0 || callback(toDate(field, value));
     }
   };
   var setDateField = function setDateField(pattern, value, callback) {
@@ -86,7 +86,7 @@ function useDateInputState(_ref) {
       type: actionName,
       value: value
     });
-    callback === null || callback === void 0 ? void 0 : callback(toDate(field, value));
+    callback === null || callback === void 0 || callback(toDate(field, value));
   };
   var getDateField = function getDateField(pattern) {
     var fieldName = _DateField.patternMap[pattern];

package/cjs/DateInput/hooks/useIsFocused.js

@@ -13,11 +13,11 @@ function useIsFocused(_ref) {
     setIsFocused = _useState[1];
   var onFocus = (0, _react.useCallback)(function (event) {
     setIsFocused(true);
-    onFocusProp === null || onFocusProp === void 0 ? void 0 : onFocusProp(event);
+    onFocusProp === null || onFocusProp === void 0 || onFocusProp(event);
   }, [onFocusProp]);
   var onBlur = (0, _react.useCallback)(function (event) {
     setIsFocused(false);
-    onBlurProp === null || onBlurProp === void 0 ? void 0 : onBlurProp(event);
+    onBlurProp === null || onBlurProp === void 0 || onBlurProp(event);
   }, [onBlurProp]);
   return [isFocused, {
     onFocus: onFocus,

package/cjs/DateInput/hooks/useKeyboardInputEvent.js

@@ -16,21 +16,21 @@ function useKeyboardInputEvent(_ref) {
     switch (key) {
       case 'ArrowRight':
       case 'ArrowLeft':
-        onSegmentChange === null || onSegmentChange === void 0 ? void 0 : onSegmentChange(event);
+        onSegmentChange === null || onSegmentChange === void 0 || onSegmentChange(event);
         event.preventDefault();
         break;
       case 'ArrowUp':
       case 'ArrowDown':
-        onSegmentValueChange === null || onSegmentValueChange === void 0 ? void 0 : onSegmentValueChange(event);
+        onSegmentValueChange === null || onSegmentValueChange === void 0 || onSegmentValueChange(event);
         event.preventDefault();
         break;
       case 'Backspace':
-        onSegmentValueRemove === null || onSegmentValueRemove === void 0 ? void 0 : onSegmentValueRemove(event);
+        onSegmentValueRemove === null || onSegmentValueRemove === void 0 || onSegmentValueRemove(event);
         event.preventDefault();
         break;
       case (_key$match = key.match(/\d/)) === null || _key$match === void 0 ? void 0 : _key$match.input:
         // Allow numeric keys to be entered
-        onSegmentValueChangeWithNumericKeys === null || onSegmentValueChangeWithNumericKeys === void 0 ? void 0 : onSegmentValueChangeWithNumericKeys(event);
+        onSegmentValueChangeWithNumericKeys === null || onSegmentValueChangeWithNumericKeys === void 0 || onSegmentValueChangeWithNumericKeys(event);
         event.preventDefault();
       case (_key$match2 = key.match(/[a-z]/)) === null || _key$match2 === void 0 ? void 0 : _key$match2[0]:
         // Determine whether the Ctrl or Command key is pressed, does not affect user copy and paste
@@ -42,7 +42,7 @@ function useKeyboardInputEvent(_ref) {
         event.preventDefault();
         break;
     }
-    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+    onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
   };
 }
 var _default = exports.default = useKeyboardInputEvent;

package/cjs/DatePicker/DatePicker.js

@@ -203,8 +203,8 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    */
   var handleMoveForward = (0, _hooks2.useEventCallback)(function (nextPageDate) {
     setCalendarDate(nextPageDate);
-    onNextMonth === null || onNextMonth === void 0 ? void 0 : onNextMonth(nextPageDate);
-    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);
+    onNextMonth === null || onNextMonth === void 0 || onNextMonth(nextPageDate);
+    onChangeCalendarDate === null || onChangeCalendarDate === void 0 || onChangeCalendarDate(nextPageDate);
   });
 
   /**
@@ -212,16 +212,16 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    */
   var handleMoveBackward = (0, _hooks2.useEventCallback)(function (nextPageDate) {
     setCalendarDate(nextPageDate);
-    onPrevMonth === null || onPrevMonth === void 0 ? void 0 : onPrevMonth(nextPageDate);
-    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextPageDate);
+    onPrevMonth === null || onPrevMonth === void 0 || onPrevMonth(nextPageDate);
+    onChangeCalendarDate === null || onChangeCalendarDate === void 0 || onChangeCalendarDate(nextPageDate);
   });
 
   /**
    * The callback triggered when the date changes.
    */
   var handleDateChange = (0, _hooks2.useEventCallback)(function (nextValue, event) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nextValue, event);
-    onChangeCalendarDate === null || onChangeCalendarDate === void 0 ? void 0 : onChangeCalendarDate(nextValue, event);
+    onSelect === null || onSelect === void 0 || onSelect(nextValue, event);
+    onChangeCalendarDate === null || onChangeCalendarDate === void 0 || onChangeCalendarDate(nextValue, event);
   });
 
   /**
@@ -237,7 +237,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    */
   var handleClose = (0, _hooks2.useEventCallback)(function () {
     var _trigger$current, _trigger$current$clos;
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);
+    (_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);
   });
   var updateValue = function updateValue(event, date, closeOverlay) {
     if (closeOverlay === void 0) {
@@ -247,7 +247,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     setCalendarDate(nextValue || (0, _date.startOfToday)());
     setValue(nextValue);
     if (nextValue !== value) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
 
     // `closeOverlay` default value is `true`
@@ -263,7 +263,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var value = range.value;
     updateValue(event, value, closeOverlay);
     handleDateChange(value, event);
-    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);
+    onShortcutClick === null || onShortcutClick === void 0 || onShortcutClick(range, event);
   });
 
   /**
@@ -271,7 +271,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    */
   var handleOK = (0, _hooks2.useEventCallback)(function (event) {
     updateValue(event);
-    onOk === null || onOk === void 0 ? void 0 : onOk(calendarDate, event);
+    onOk === null || onOk === void 0 || onOk(calendarDate, event);
     focusInput();
   });
 
@@ -280,10 +280,10 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    */
 
   var handleClean = (0, _hooks2.useEventCallback)(function (event) {
-    event === null || event === void 0 ? void 0 : event.stopPropagation();
+    event === null || event === void 0 || event.stopPropagation();
     updateValue(event, null);
     resetCalendarDate(null);
-    onClean === null || onClean === void 0 ? void 0 : onClean(event);
+    onClean === null || onClean === void 0 || onClean(event);
   });
   var handlePickerPopupKeyDown = (0, _hooks2.useEventCallback)(function (event) {
     onKeyFocusEvent(event, {
@@ -356,7 +356,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
           }
         } else {
           var _trigger$current3;
-          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();
+          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 || _trigger$current3.open();
         }
       }
     });
@@ -458,7 +458,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       resetCalendarDate();
     }
     setMonthView(false);
-    (_props$onClose = props.onClose) === null || _props$onClose === void 0 ? void 0 : _props$onClose.call(props);
+    (_props$onClose = props.onClose) === null || _props$onClose === void 0 || _props$onClose.call(props);
   });
   var showCleanButton = cleanable && hasValue && !readOnly;
   var _partitionHTMLProps = (0, _utils2.partitionHTMLProps)(restProps, {

package/cjs/DatePicker/PredefinedRanges.js

@@ -55,7 +55,7 @@ var PredefinedRanges = /*#__PURE__*/_react.default.forwardRef(function (props, r
       if (disabled) {
         return;
       }
-      onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, closeOverlay !== false ? true : false, event);
+      onShortcutClick === null || onShortcutClick === void 0 || onShortcutClick(range, closeOverlay !== false ? true : false, event);
     };
     return /*#__PURE__*/_react.default.createElement(_Button.default, (0, _extends2.default)({
       appearance: "link",

package/cjs/DatePicker/hooks/useFocus.js

@@ -51,7 +51,7 @@ function useFocus(props) {
     (0, _delay.default)(function () {
       var container = getOverlayContainer();
       var selectedElement = container === null || container === void 0 ? void 0 : container.querySelector('[aria-selected="true"]');
-      selectedElement === null || selectedElement === void 0 ? void 0 : selectedElement.focus();
+      selectedElement === null || selectedElement === void 0 || selectedElement.focus();
     }, 1);
   };
 

package/cjs/DatePicker/hooks/useMonthView.js

@@ -15,7 +15,7 @@ function useMonthView(props) {
    * The callback triggered after the month selection box is opened or closed.
    */
   var toggleMonthView = (0, _hooks.useEventCallback)(function (show) {
-    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 ? void 0 : onToggleMonthDropdown(show);
+    onToggleMonthDropdown === null || onToggleMonthDropdown === void 0 || onToggleMonthDropdown(show);
     setMonthView(show);
   });
   return {

package/cjs/DateRangeInput/DateRangeInput.js

@@ -111,7 +111,7 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   var setSelectionRange = (0, _DateInput.useInputSelection)(inputRef);
   var handleChange = (0, _hooks.useEventCallback)(function (date, event) {
     var nextValue = dateType === _utils2.DateType.Start ? [date, value === null || value === void 0 ? void 0 : value[1]] : [value === null || value === void 0 ? void 0 : value[0], date];
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
     setValue(nextValue);
   });
   var handleClear = (0, _hooks.useEventCallback)(function (event) {
@@ -120,7 +120,7 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     setSelectionRange(0, 0);
     reset();
     setValue(null);
-    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);
+    onChange === null || onChange === void 0 || onChange(null, event);
   });
   var onSegmentChange = (0, _hooks.useEventCallback)(function (event, nextDirection) {
     var input = event.target;
@@ -247,12 +247,12 @@ var DateRangeInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       end = _ref[1];
     if ((0, _date.isValid)(start) && (0, _date.isValid)(end)) {
       var nextValue = [start, end];
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
       setValue(nextValue);
       startDateState.setNewDate(start);
       endDateState.setNewDate(end);
     }
-    onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);
+    onPaste === null || onPaste === void 0 || onPaste(event);
   });
   var onKeyboardInput = (0, _DateInput.useKeyboardInputEvent)({
     onSegmentChange: onSegmentChange,

package/cjs/DateRangePicker/DateRangePicker.js

@@ -297,7 +297,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     setSelectedDates(nextValue !== null && nextValue !== void 0 ? nextValue : []);
     setValue(nextValue);
     if (!(0, _utils.isSameRange)(nextValue, value, formatStr)) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+      onChange === null || onChange === void 0 || onChange(nextValue, event);
     }
 
     // `closeOverlay` default value is `true`
@@ -348,7 +348,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     // in `oneTap` mode
     if (oneTap) {
       setDateRange(event, noHoverRangeValid ? [(0, _date.startOfDay)(date), (0, _date.endOfDay)(date)] : hoverRangeValue);
-      onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);
+      onSelect === null || onSelect === void 0 || onSelect(date, event);
       return;
     }
 
@@ -401,7 +401,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
         eventName: 'changeDate'
       });
     }
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(date, event);
+    onSelect === null || onSelect === void 0 || onSelect(date, event);
     setSelectedIdle(!isSelectedIdle);
   });
 
@@ -463,6 +463,9 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       dateRange: nextCalendarDate
     });
   });
+  var handleExit = (0, _hooks.useEventCallback)(function () {
+    setSelectedIdle(true);
+  });
 
   /**
    * Toolbar operation callback function
@@ -481,7 +484,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     } else {
       setSelectedDates(value !== null && value !== void 0 ? value : []);
     }
-    onShortcutClick === null || onShortcutClick === void 0 ? void 0 : onShortcutClick(range, event);
+    onShortcutClick === null || onShortcutClick === void 0 || onShortcutClick(range, event);
 
     // End unfinished selections.
     setSelectedIdle(true);
@@ -499,14 +502,14 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   var handleClickOK = (0, _hooks.useEventCallback)(function (event) {
     var nextValue = calculateDateRange();
     setDateRange(event, nextValue);
-    onOk === null || onOk === void 0 ? void 0 : onOk(nextValue, event);
+    onOk === null || onOk === void 0 || onOk(nextValue, event);
   });
   var handleClean = (0, _hooks.useEventCallback)(function (event) {
     setCalendarDateRange({
       dateRange: null
     });
     setDateRange(event, null);
-    onClean === null || onClean === void 0 ? void 0 : onClean(event);
+    onClean === null || onClean === void 0 || onClean(event);
     event.stopPropagation();
   });
 
@@ -602,7 +605,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   };
   var handleClose = (0, _hooks.useEventCallback)(function () {
     var _trigger$current, _trigger$current$clos;
-    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);
+    (_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);
   });
   var handleInputKeyDown = (0, _hooks.useEventCallback)(function (event) {
     (0, _Picker.onMenuKeyDown)(event, {
@@ -613,7 +616,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
           open = _ref4.open;
         if (!open) {
           var _trigger$current3;
-          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();
+          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 || _trigger$current3.open();
         }
       }
     });
@@ -809,7 +812,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),
     placement: placement,
     onEnter: (0, _utils2.createChainedFunction)(events.onActive, handleEnter, onEnter),
-    onExit: (0, _utils2.createChainedFunction)(events.onInactive, onExit),
+    onExit: (0, _utils2.createChainedFunction)(events.onInactive, handleExit, onExit),
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/_react.default.createElement(Component, {
     ref: root,

package/cjs/DateRangePicker/hooks/useCalendarHandlers.js

@@ -17,19 +17,19 @@ function useCalendarHandlers(_ref) {
     return calendarDateRange[index];
   }, [calendarDateRange, index]);
   var handleSelect = (0, _hooks.useEventCallback)(function (date, event) {
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(index, date, event);
+    onSelect === null || onSelect === void 0 || onSelect(index, date, event);
   });
   var handleChangeMonth = (0, _hooks.useEventCallback)(function (nextPageDate) {
-    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, nextPageDate);
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, nextPageDate);
   });
   var handleChangeTime = (0, _hooks.useEventCallback)(function (nextPageDate) {
-    onChangeCalendarTime === null || onChangeCalendarTime === void 0 ? void 0 : onChangeCalendarTime(index, nextPageDate);
+    onChangeCalendarTime === null || onChangeCalendarTime === void 0 || onChangeCalendarTime(index, nextPageDate);
   });
   var handleMoveForward = (0, _hooks.useEventCallback)(function () {
-    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, (0, _date.addMonths)(calendarDate, 1));
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, (0, _date.addMonths)(calendarDate, 1));
   });
   var handleMoveBackward = (0, _hooks.useEventCallback)(function () {
-    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 ? void 0 : onChangeCalendarMonth(index, (0, _date.addMonths)(calendarDate, -1));
+    onChangeCalendarMonth === null || onChangeCalendarMonth === void 0 || onChangeCalendarMonth(index, (0, _date.addMonths)(calendarDate, -1));
   });
   return {
     calendarDate: calendarDate,

package/cjs/Dropdown/Dropdown.js

@@ -143,11 +143,11 @@ var Dropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       }, popupProps), children);
     },
     onToggleMenu: function onToggleMenu(open) {
-      onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);
+      onToggle === null || onToggle === void 0 || onToggle(open);
       if (open) {
-        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        onOpen === null || onOpen === void 0 || onOpen();
       } else {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClose === null || onClose === void 0 || onClose();
       }
     }
   }, function (_ref2, menuContainerRef) {

package/cjs/Dropdown/DropdownItem.js

@@ -56,8 +56,8 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     prefix = _useClassNames.prefix;
   var handleSelectItem = (0, _react.useCallback)(function (event) {
     var _dropdown$onSelect;
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    dropdown === null || dropdown === void 0 ? void 0 : (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 ? void 0 : _dropdown$onSelect.call(dropdown, eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
+    dropdown === null || dropdown === void 0 || (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 || _dropdown$onSelect.call(dropdown, eventKey, event);
   }, [onSelect, eventKey, dropdown]);
   var selected = activeProp || !(0, _isNil.default)(eventKey) && (0, _utils.shallowEqual)(dropdown === null || dropdown === void 0 ? void 0 : dropdown.activeKey, eventKey);
   var dispatch = dropdown === null || dropdown === void 0 ? void 0 : dropdown.dispatch;

package/cjs/Dropdown/DropdownMenu.js

@@ -65,7 +65,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   var _useCustom = (0, _CustomProvider.useCustom)(),
     rtl = _useCustom.rtl;
   var handleToggleSubmenu = (0, _react.useCallback)(function (_, event) {
-    onToggle === null || onToggle === void 0 ? void 0 : onToggle(eventKey, event);
+    onToggle === null || onToggle === void 0 || onToggle(eventKey, event);
   }, [eventKey, onToggle]);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     merge = _useClassNames.merge,

package/cjs/Form/Form.js

@@ -104,17 +104,17 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var submit = (0, _hooks.useEventCallback)(function (event) {
     // Check the form before submitting
     if (check()) {
-      onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(formValue, event);
+      onSubmit === null || onSubmit === void 0 || onSubmit(formValue, event);
     }
   });
   var reset = (0, _hooks.useEventCallback)(function (event) {
     resetErrors();
-    onReset === null || onReset === void 0 ? void 0 : onReset(resetFormValue(), event);
+    onReset === null || onReset === void 0 || onReset(resetFormValue(), event);
   });
   var handleSubmit = (0, _hooks.useEventCallback)(function (event) {
     var _event$preventDefault, _event$stopPropagatio;
-    event === null || event === void 0 ? void 0 : (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 ? void 0 : _event$preventDefault.call(event);
-    event === null || event === void 0 ? void 0 : (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 ? void 0 : _event$stopPropagatio.call(event);
+    event === null || event === void 0 || (_event$preventDefault = event.preventDefault) === null || _event$preventDefault === void 0 || _event$preventDefault.call(event);
+    event === null || event === void 0 || (_event$stopPropagatio = event.stopPropagation) === null || _event$stopPropagatio === void 0 || _event$stopPropagatio.call(event);
 
     // Prevent submission when the form is disabled, readOnly, or plaintext
     if (disabled || readOnly || plaintext) {
@@ -124,8 +124,8 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   });
   var handleReset = (0, _hooks.useEventCallback)(function (event) {
     var _event$preventDefault2, _event$stopPropagatio2;
-    event === null || event === void 0 ? void 0 : (_event$preventDefault2 = event.preventDefault) === null || _event$preventDefault2 === void 0 ? void 0 : _event$preventDefault2.call(event);
-    event === null || event === void 0 ? void 0 : (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 ? void 0 : _event$stopPropagatio2.call(event);
+    event === null || event === void 0 || (_event$preventDefault2 = event.preventDefault) === null || _event$preventDefault2 === void 0 || _event$preventDefault2.call(event);
+    event === null || event === void 0 || (_event$stopPropagatio2 = event.stopPropagation) === null || _event$stopPropagatio2 === void 0 || _event$stopPropagatio2.call(event);
 
     // Prevent reset when the form is disabled, readOnly, or plaintext
     if (disabled || readOnly || plaintext) {
@@ -149,14 +149,14 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   });
   var removeFieldValue = (0, _hooks.useEventCallback)(function (name) {
     var formValue = onRemoveValue(name);
-    onChange === null || onChange === void 0 ? void 0 : onChange(formValue);
+    onChange === null || onChange === void 0 || onChange(formValue);
   });
   var removeFieldError = (0, _hooks.useEventCallback)(function (name) {
     onRemoveError(name);
   });
   var onFieldChange = (0, _hooks.useEventCallback)(function (name, value, event) {
     var nextFormValue = setFieldValue(name, value);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextFormValue, event);
+    onChange === null || onChange === void 0 || onChange(nextFormValue, event);
   });
   var formContextValue = {
     errorFromContext: errorFromContext,