rsuite 5.4.3 → 5.4.4

package/esm/Calendar/useCalendarDate.d.ts

@@ -1,4 +1,4 @@
-declare const useCalendarDate: (value: Date | undefined, defaultDate: Date | undefined) => {
+declare const useCalendarDate: (value: Date | null | undefined, defaultDate: Date | undefined) => {
     calendarDate: Date;
     setCalendarDate: (date: Date | undefined) => void;
 };

package/esm/Calendar/useCalendarDate.js

@@ -19,7 +19,7 @@ var useCalendarDate = function useCalendarDate(value, defaultDate) {
     var _valueRef$current;
 
     if ((value === null || value === void 0 ? void 0 : value.valueOf()) !== ((_valueRef$current = valueRef.current) === null || _valueRef$current === void 0 ? void 0 : _valueRef$current.valueOf())) {
-      setCalendarDate(value);
+      setCalendarDate(value !== null && value !== void 0 ? value : new Date());
       valueRef.current = value;
     }
   }, [value]);

package/esm/Carousel/Carousel.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { useState, useMemo, useCallback } from 'react';
+import React, { useState, useMemo, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { useClassNames, useCustom, guid, ReactChildren, useTimeout } from '../utils';
+import { useClassNames, useCustom, guid, ReactChildren, useTimeout, mergeRefs } from '../utils';
 var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _sliderStyles, _ref;
 
@@ -46,7 +46,13 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       lastIndex = _useState2[0],
       setLastIndex = _useState2[1];
 
+  var rootRef = useRef(null);
+
   var handleSlide = function handleSlide(nextActiveIndex, event) {
+    if (!rootRef.current) {
+      return;
+    }
+
     clear();
     var index = nextActiveIndex !== null && nextActiveIndex !== void 0 ? nextActiveIndex : activeIndex + 1; // When index is greater than count, start from 1 again.
 
@@ -111,7 +117,7 @@ var Carousel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var sliderStyles = (_sliderStyles = {}, _sliderStyles[lengthKey] = count * 100 + "%", _sliderStyles.transform = vertical ? "translate3d(0, " + activeRatio + " ,0)" : "translate3d(" + activeRatio + ", 0 ,0)", _sliderStyles);
   var showMask = count > 1 && activeIndex === 0 && activeIndex !== lastIndex;
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
-    ref: ref,
+    ref: mergeRefs(ref, rootRef),
     className: classes
   }), /*#__PURE__*/React.createElement("div", {
     className: prefix('content')

package/esm/Cascader/Cascader.js

@@ -188,10 +188,18 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, [getSearchResult, onSearch, setFocusItemValue, setKeys, setLayer, valueKey]);
   var handleEntered = useCallback(function () {
+    if (!targetRef.current) {
+      return;
+    }
+
     onOpen === null || onOpen === void 0 ? void 0 : onOpen();
     setActive(true);
   }, [onOpen]);
   var handleExited = useCallback(function () {
+    if (!targetRef.current) {
+      return;
+    }
+
     onClose === null || onClose === void 0 ? void 0 : onClose();
     setActive(false);
     setSearchKeyword('');
@@ -202,7 +210,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.close();
   }, [triggerRef]);
   var handleClean = useCallback(function (event) {
-    if (disabled) {
+    if (disabled || !targetRef.current) {
       return;
     }
 
@@ -260,7 +268,10 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
         children.then(function (data) {
           node.loading = false;
           node[childrenKey] = data;
-          addColumn(data, cascadePaths.length);
+
+          if (targetRef.current) {
+            addColumn(data, cascadePaths.length);
+          }
         });
       } else {
         node.loading = false;

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -621,7 +621,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var renderCheckTree = function renderCheckTree() {
     var _withCheckTreeClassPr, _merge2;
 
-    var classes = withCheckTreeClassPrefix((_withCheckTreeClassPr = {}, _withCheckTreeClassPr[className !== null && className !== void 0 ? className : ''] = inline, _withCheckTreeClassPr['without-children'] = !isSomeNodeHasChildren, _withCheckTreeClassPr.virtualized = virtualized, _withCheckTreeClassPr));
+    var classes = withCheckTreeClassPrefix((_withCheckTreeClassPr = {}, _withCheckTreeClassPr[className !== null && className !== void 0 ? className : ''] = inline, _withCheckTreeClassPr['without-children'] = !isSomeNodeHasChildren(data, childrenKey), _withCheckTreeClassPr.virtualized = virtualized, _withCheckTreeClassPr));
     var formattedNodes = getFormattedNodes(renderNode);
 
     if (!formattedNodes.some(function (v) {

package/esm/CheckTreePicker/utils.js

@@ -38,7 +38,7 @@ export function isSomeChildChecked(nodes, parent, childrenKey) {
 }
 export function isSomeNodeHasChildren(data, childrenKey) {
   return data.some(function (node) {
-    return node[childrenKey];
+    return Array.isArray(node[childrenKey]);
   });
 }
 /**

package/esm/CustomProvider/CustomProvider.d.ts

@@ -72,10 +72,10 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -90,10 +90,10 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -109,10 +109,10 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -120,7 +120,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
     Picker?: {
         noResultsText: string;
         placeholder: string;
-        searchPlaceholder: string; /** Supported themes */
+        searchPlaceholder: string;
         checkAll: string;
     } | undefined;
     InputPicker?: {
@@ -176,10 +176,10 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -194,10 +194,10 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -213,10 +213,10 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
         saturday: string;
         ok: string;
         today: string;
-        yesterday: string; /** Language configuration */
+        yesterday: string;
         hours: string;
         minutes: string;
-        seconds: string;
+        seconds: string; /** Support right-to-left */
         formattedMonthPattern: string;
         formattedDayPattern: string;
         dateLocale: any;
@@ -224,7 +224,7 @@ declare const Consumer: React.Consumer<CustomProviderProps<{
     Picker?: {
         noResultsText: string;
         placeholder: string;
-        searchPlaceholder: string; /** Supported themes */
+        searchPlaceholder: string;
         checkAll: string;
     } | undefined;
     InputPicker?: {

package/esm/CustomProvider/CustomProvider.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React from 'react';
+import React, { useEffect } from 'react';
 import { getClassNamePrefix, prefix } from '../utils/prefix';
 import { addClass, removeClass, canUseDOM } from '../DOMHelper';
 var CustomContext = /*#__PURE__*/React.createContext({});
@@ -21,7 +21,7 @@ var CustomProvider = function CustomProvider(props) {
       theme: theme
     }, rest);
   }, [classPrefix, theme, rest]);
-  React.useEffect(function () {
+  useEffect(function () {
     if (canUseDOM && theme) {
       addClass(document.body, prefix(classPrefix, "theme-" + theme)); // Remove the className that will cause style conflicts
 

package/esm/DatePicker/DatePicker.d.ts

@@ -3,7 +3,7 @@ import { RangeType } from './Toolbar';
 import { DatePickerLocale } from '../locales';
 import { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../@types/common';
 export type { RangeType } from './Toolbar';
-export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date> {
+export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null> {
     /** Configure shortcut options */
     ranges?: RangeType<Date>[];
     /** Calendar panel default presentation date and time */

package/esm/DatePicker/DatePicker.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useMemo, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
-import isNil from 'lodash/isNil';
 import mapValues from 'lodash/mapValues';
 import pick from 'lodash/pick';
 import omit from 'lodash/omit';
@@ -166,11 +165,11 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       closeOverlay = true;
     }
 
-    var nextValue = !isNil(nextPageDate) ? nextPageDate : calendarDate;
+    var nextValue = typeof nextPageDate !== 'undefined' ? nextPageDate : calendarDate;
     setCalendarDate(nextValue || new Date());
     setValue(nextValue);
 
-    if (nextValue !== value || !DateUtils.isSameDay(nextValue, value)) {
+    if (nextValue !== value) {
       onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
     } // `closeOverlay` default value is `true`
 

package/esm/Dropdown/DropdownMenu.js

@@ -129,8 +129,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var classes = mergeItemClassNames(className, withItemClassPrefix({
         disabled: disabled,
         open: open,
-        submenu: true // focus: hasFocus
-
+        submenu: true
       }));
       return /*#__PURE__*/React.createElement("li", _extends({
         ref: mergeRefs(ref, containerRef),
@@ -139,13 +138,10 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
         var open = _ref2.open,
             buttonProps = _objectWithoutPropertiesLoose(_ref2, ["open"]);
 
-        var classes = mergeItemClassNames(className, prefixItemClassName("pull-" + (rtl ? 'left' : 'right')), prefixItemClassName(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["toggle"]))), // prefixItemClassName`submenu`,
-        withItemClassPrefix({
+        var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["toggle"]))), withItemClassPrefix({
           'with-icon': icon,
           open: open,
-          // active: selected,
-          disabled: disabled // focus: active
-
+          disabled: disabled
         }));
         return /*#__PURE__*/React.createElement("div", _extends({
           ref: mergeRefs(buttonRef, buttonRef),
@@ -182,8 +178,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
             active = _ref5.active,
             menuitem = _objectWithoutPropertiesLoose(_ref5, ["selected", "active"]);
 
-        var classes = mergeItemClassNames(className, prefixItemClassName("pull-" + (rtl ? 'left' : 'right')), prefixItemClassName(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["toggle"]))), // prefixItemClassName`submenu`,
-        withItemClassPrefix({
+        var classes = mergeItemClassNames(className, prefixItemClassName(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["toggle"]))), withItemClassPrefix({
           'with-icon': icon,
           open: open,
           active: selected,
@@ -221,8 +216,7 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var classes = mergeItemClassNames(className, withItemClassPrefix({
       disabled: disabled,
       open: open,
-      submenu: true // focus: hasFocus
-
+      submenu: true
     }));
     return /*#__PURE__*/React.createElement("li", _extends({
       ref: mergeRefs(ref, menuContainerRef),

package/esm/Modal/utils.js

@@ -45,20 +45,28 @@ export var useBodyStyles = function useBodyStyles(ref, options) {
 
     (_windowResizeListener = windowResizeListener.current) === null || _windowResizeListener === void 0 ? void 0 : (_windowResizeListener2 = _windowResizeListener.off) === null || _windowResizeListener2 === void 0 ? void 0 : _windowResizeListener2.call(_windowResizeListener);
     (_contentElementResize = contentElementResizeObserver.current) === null || _contentElementResize === void 0 ? void 0 : _contentElementResize.disconnect();
+    windowResizeListener.current = null;
+    contentElementResizeObserver.current = null;
   }, []);
   var onChangeBodyStyles = useCallback(function (entering) {
-    if (overflow && !drawer) {
+    if (overflow && !drawer && ref.current) {
       updateBodyStyles(undefined, entering);
       contentElement.current = ref.current.querySelector("." + prefix('content'));
-      windowResizeListener.current = on(window, 'resize', updateBodyStyles);
-      contentElementResizeObserver.current = new ResizeObserver(function () {
-        return updateBodyStyles();
-      });
-      contentElementResizeObserver.current.observe(contentElement.current);
+
+      if (!windowResizeListener.current) {
+        windowResizeListener.current = on(window, 'resize', updateBodyStyles);
+      }
+
+      if (contentElement.current && !contentElementResizeObserver.current) {
+        contentElementResizeObserver.current = new ResizeObserver(function () {
+          return updateBodyStyles();
+        });
+        contentElementResizeObserver.current.observe(contentElement.current);
+      }
     }
   }, [drawer, overflow, prefix, ref, updateBodyStyles]);
   useEffect(function () {
-    onDestroyEvents();
-  }, [onDestroyEvents]);
+    return onDestroyEvents; // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
   return [overflow ? bodyStyles : {}, onChangeBodyStyles, onDestroyEvents];
 };

package/esm/MultiCascader/MultiCascader.js

@@ -196,8 +196,11 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
         children.then(function (data) {
           node.loading = false;
           node[childrenKey] = data;
-          addFlattenData(data, node);
-          addColumn(data, cascadePaths.length);
+
+          if (targetRef.current) {
+            addFlattenData(data, node);
+            addColumn(data, cascadePaths.length);
+          }
         });
       } else {
         node.loading = false;
@@ -234,7 +237,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(nextValue, node, checked, event);
   }, [cascade, onChange, onCheck, setValue, splitValue, value, valueKey]);
   var handleClean = useCallback(function (event) {
-    if (disabled) {
+    if (disabled || !targetRef.current) {
       return;
     }
 

package/esm/Nav/NavItem.js

@@ -83,7 +83,9 @@ var NavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   if (navbar) {
-    return /*#__PURE__*/React.createElement(NavbarItem, props);
+    return /*#__PURE__*/React.createElement(NavbarItem, _extends({
+      ref: ref
+    }, props));
   }
 
   return /*#__PURE__*/React.createElement(Component, _extends({

package/esm/Picker/DropdownMenu.js

@@ -99,6 +99,11 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   useEffect(function () {
     var container = menuBodyContainerRef.current;
+
+    if (!container) {
+      return;
+    }
+
     var activeItem = container.querySelector("." + prefix('item-focus'));
 
     if (!activeItem) {

package/esm/Picker/PickerToggle.js

@@ -90,11 +90,9 @@ var PickerToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, [input, onFocus]);
   var handleBlur = useCallback(function (event) {
-    if (document.activeElement !== inputRef.current) {
-      var _inputRef$current2;
-
+    if (inputRef.current && document.activeElement !== inputRef.current) {
       setActive(false);
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();
+      inputRef.current.blur();
     }
 
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);

package/esm/Uploader/UploadFileItem.d.ts

@@ -4,7 +4,7 @@ import { UploaderLocale } from '../locales';
 import { WithAsProps } from '../@types/common';
 export interface UploadFileItemProps extends WithAsProps {
     file: FileType;
-    listType: 'text' | 'picture-text' | 'picture';
+    listType?: 'text' | 'picture-text' | 'picture';
     disabled?: boolean;
     className?: string;
     maxPreviewFileSize?: number;

package/esm/Uploader/UploadFileItem.js

@@ -276,7 +276,7 @@ UploadFileItem.displayName = 'UploadFileItem';
 UploadFileItem.propTypes = {
   locale: PropTypes.any,
   file: PropTypes.object.isRequired,
-  listType: PropTypes.oneOf(['text', 'picture-text', 'picture']).isRequired,
+  listType: PropTypes.oneOf(['text', 'picture-text', 'picture']),
   disabled: PropTypes.bool,
   className: PropTypes.string,
   maxPreviewFileSize: PropTypes.number,

package/esm/Uploader/Uploader.js

@@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
 import find from 'lodash/find';
 import FileItem from './UploadFileItem';
 import UploadTrigger from './UploadTrigger';
-import { ajaxUpload, useClassNames, useCustom, guid } from '../utils';
+import { ajaxUpload, useClassNames, useCustom, guid, useWillUnmount } from '../utils';
 import Plaintext from '../Plaintext';
 
 var getFiles = function getFiles(event) {
@@ -83,6 +83,9 @@ var useFileList = function useFileList(defaultFileList) {
     (_fileListUpdateCallba = fileListUpdateCallback.current) === null || _fileListUpdateCallba === void 0 ? void 0 : _fileListUpdateCallba.call(fileListUpdateCallback, fileList);
     fileListUpdateCallback.current = null;
   }, [fileList]);
+  useWillUnmount(function () {
+    fileListUpdateCallback.current = null;
+  });
   var dispatchCallback = useCallback(function (action, callback) {
     dispatch(action);
     fileListUpdateCallback.current = callback;

package/esm/utils/propTypeChecker.d.ts

@@ -1,7 +1,3 @@
-import PropTypes, { Requireable, Validator } from 'prop-types';
-declare type ExtractValue<T extends ReadonlyArray<Validator<any>>> = {
-    [K in keyof T]: T[K] extends Validator<infer V> ? V : never;
-};
-export declare function tupleType<T extends readonly Validator<any>[]>(...types: T): Requireable<ExtractValue<T>>;
+import PropTypes from 'prop-types';
+export declare function tupleType<T>(...typeCheckers: any[]): PropTypes.Requireable<T>;
 export declare const refType: PropTypes.Requireable<any>;
-export {};

package/esm/utils/propTypeChecker.js

@@ -1,69 +1,17 @@
 import PropTypes from 'prop-types';
-var ANONYMOUS = '';
-
-function createChainableTypeChecker(validate) {
-  function checkType(isRequired, props, propName, componentName, location, propFullName) {
-    componentName = componentName || ANONYMOUS;
-    propFullName = propFullName || propName;
-
-    if (props[propName] == null) {
-      if (isRequired) {
-        if (props[propName] === null) {
-          return new Error('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
-        }
-
-        return new Error('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
-      }
-
-      return null;
-    } else {
-      return validate(props, propName, componentName, location, propFullName);
-    }
-  }
-
-  var chainedCheckType = Object.assign(checkType.bind(null, false), {
-    isRequired: checkType.bind(null, true)
-  });
-  return chainedCheckType;
-}
-
 export function tupleType() {
-  for (var _len = arguments.length, types = new Array(_len), _key = 0; _key < _len; _key++) {
-    types[_key] = arguments[_key];
+  for (var _len = arguments.length, typeCheckers = new Array(_len), _key = 0; _key < _len; _key++) {
+    typeCheckers[_key] = arguments[_key];
   }
 
-  return createChainableTypeChecker(function (props, propName, componentName, location, propFullName) {
-    var value = props[propName];
-
-    if (!location) {
-      location = 'prop';
-    }
-
-    if (!propFullName) {
-      propFullName = propName;
-    }
-
-    if (!Array.isArray(value)) {
-      return new Error("Invalid " + location + " `" + propFullName + "` supplied to `" + componentName + "`, expected " + types.length + "-element array");
-    }
-
-    if (value.length === 0) {
-      return null;
-    }
-
-    if (value.length !== types.length) {
-      return new Error("Invalid " + location + " `" + propFullName + "` supplied to `" + componentName + "`, expected " + types.length + "-element array, got array of length " + value.length);
-    }
-
-    for (var i = 0; i < value.length; ++i) {
-      var error = types[i](value, String(i), componentName, 'element', propFullName + "[" + i + "]");
+  return PropTypes.arrayOf(function (value, index) {
+    var _typeCheckers$index;
 
-      if (error) {
-        return error;
-      }
+    for (var _len2 = arguments.length, rest = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+      rest[_key2 - 2] = arguments[_key2];
     }
 
-    return null;
+    return (_typeCheckers$index = typeCheckers[index]).call.apply(_typeCheckers$index, [PropTypes, value, index].concat(rest));
   });
 }
 export var refType = PropTypes.oneOfType([PropTypes.func, PropTypes.any]);

package/esm/utils/useClickOutside.js

@@ -13,8 +13,12 @@ export default function useClickOutside(_ref) {
   useEffect(function () {
     if (enabled) {
       var eventHandler = function eventHandler(event) {
-        if (isOutsideRef.current(event)) {
-          handleRef.current(event);
+        var _isOutsideRef$current;
+
+        if ((_isOutsideRef$current = isOutsideRef.current) !== null && _isOutsideRef$current !== void 0 && _isOutsideRef$current.call(isOutsideRef, event)) {
+          var _handleRef$current;
+
+          (_handleRef$current = handleRef.current) === null || _handleRef$current === void 0 ? void 0 : _handleRef$current.call(handleRef, event);
         }
       };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.4.3",
+  "version": "5.4.4",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -37,7 +37,7 @@
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2",
     "react-virtualized": "^9.22.3",
-    "rsuite-table": "^5.3.0",
+    "rsuite-table": "^5.3.1",
     "schema-typed": "^2.0.2"
   },
   "peerDependencies": {