rsuite 5.5.2 → 5.6.2

package/esm/List/helper/useManager.d.ts

@@ -1,8 +1,8 @@
-import { Offset } from '../../@types/common';
+import type { EdgeOffset } from './utils';
 export declare type Collection = string | number;
 export interface ManagedItem {
     node: HTMLElement;
-    edgeOffset: Offset | null;
+    edgeOffset: Partial<EdgeOffset> | null;
     info: {
         collection: Collection;
         index?: number;

package/esm/List/helper/useSortHelper.js

@@ -112,11 +112,17 @@ var useSortHelper = function useSortHelper(config) {
         x: offset.x - mouseDownEvent.pageX,
         y: offset.y - mouseDownEvent.pageY
       };
-      setTranslate3d(activeNodeHelper, activeNodeHolderTranslate); // animate
+
+      if (activeNodeHelper) {
+        setTranslate3d(activeNodeHelper, activeNodeHolderTranslate);
+      } // animate
+
 
       activeNodeNextIndex = -1;
       var listItemManagerRefs = getOrderedItems(curManagedItem.info.collection);
-      var sortingOffsetY = activeNodeOffsetEdge.top + activeNodeHolderTranslate.y + containerScrollDelta.top;
+      var aTop = activeNodeOffsetEdge.top || 0;
+      var cTop = containerScrollDelta.top || 0;
+      var sortingOffsetY = aTop + activeNodeHolderTranslate.y + cTop;
       var activeNodeHeight = parseFloat(activeNodeStyle.height) || 0;
 
       for (var i = 0, len = listItemManagerRefs.length; i < len; i++) {
@@ -149,14 +155,16 @@ var useSortHelper = function useSortHelper(config) {
           continue;
         }
 
-        if (prvNode && currentNodeIndex > activeNodeOldIndex && sortingOffsetY + offsetY >= curEdgeOffset.top) {
+        var curEdgeOffsetTop = curEdgeOffset.top || 0;
+
+        if (prvNode && currentNodeIndex > activeNodeOldIndex && sortingOffsetY + offsetY >= curEdgeOffsetTop) {
           translate.y = -activeNodeHeight;
           animatedNodesOffset[currentNodeIndex] = {
             x: 0,
             y: currentNode.offsetHeight
           };
           activeNodeNextIndex = currentNodeIndex;
-        } else if (nextNode && currentNodeIndex < activeNodeOldIndex && sortingOffsetY <= curEdgeOffset.top + offsetY) {
+        } else if (nextNode && currentNodeIndex < activeNodeOldIndex && sortingOffsetY <= curEdgeOffsetTop + offsetY) {
           translate.y = activeNodeHeight;
           animatedNodesOffset[currentNodeIndex] = {
             x: 0,
@@ -190,9 +198,11 @@ var useSortHelper = function useSortHelper(config) {
           height: activeNodeBoundingClientRect.height,
           translate: activeNodeHolderTranslate,
           maxTranslate: {
+            x: 0,
             y: containerBoundingRect.top + containerBoundingRect.height - activeNodeBoundingClientRect.top - activeNodeBoundingClientRect.height / 2
           },
           minTranslate: {
+            x: 0,
             y: containerBoundingRect.top - activeNodeBoundingClientRect.top - activeNodeBoundingClientRect.height / 2
           }
         });
@@ -213,11 +223,15 @@ var useSortHelper = function useSortHelper(config) {
       sortMouseEndListener.off();
       var holderTranslate = getHolderTranslate();
       var containerScrollDelta = getContainerScrollDelta();
-      setTranslate3d(activeNodeHelper, {
-        x: holderTranslate.x - containerScrollDelta.left,
-        y: holderTranslate.y - containerScrollDelta.top
-      });
-      setTransitionDuration(activeNodeHelper, transitionDuration); // wait for animation
+
+      if (activeNodeHelper) {
+        setTranslate3d(activeNodeHelper, {
+          x: holderTranslate.x - (containerScrollDelta.left || 0),
+          y: holderTranslate.y - (containerScrollDelta.top || 0)
+        });
+        setTransitionDuration(activeNodeHelper, transitionDuration);
+      } // wait for animation
+
 
       setTimeout(function () {
         var _activeNodeHelper2, _activeNodeHelper2$pa;

package/esm/List/helper/utils.d.ts

@@ -1,9 +1,10 @@
 import { CSSProperties } from 'react';
 import { Offset } from '../../@types/common';
 export interface Axis {
-    x?: number;
-    y?: number;
+    x: number;
+    y: number;
 }
+export declare type EdgeOffset = Omit<Offset, 'width' | 'height'>;
 export declare function isContainInteractiveElement(targetNode: HTMLElement): boolean;
 export declare function setInlineStyles(node: HTMLElement, styles: CSSProperties): void;
 export declare function setTranslate3d(node: HTMLElement, translate: Axis | null): void;
@@ -12,5 +13,5 @@ export declare function setTransitionDuration(node: HTMLElement, duration?: numb
  * find closest target node from source node
  * */
 export declare function closestNode(sourceNode: HTMLElement, judge: (target: HTMLElement) => boolean): HTMLElement | null;
-export declare function getEdgeOffset(node: HTMLElement, parent: HTMLElement, offset?: Offset): Offset;
+export declare function getEdgeOffset(node: HTMLElement, parent: HTMLElement, offset?: EdgeOffset): Partial<EdgeOffset>;
 export declare function getScrollingParent(el: HTMLElement): HTMLElement | null;

package/esm/List/helper/utils.js

@@ -56,8 +56,8 @@ export function getEdgeOffset(node, parent, offset) {
 
 
   var nodeOffset = {
-    left: offset.left + node.offsetLeft,
-    top: offset.top + node.offsetTop
+    left: (offset.left || 0) + node.offsetLeft,
+    top: (offset.top || 0) + node.offsetTop
   };
 
   if (node.parentNode === parent) {

package/esm/MaskedInput/conformToMask.js

@@ -123,6 +123,7 @@ export default function conformToMask(rawValue, mask, config) {
         // or we find at least one character that we can map.
         while (rawValueArr.length > 0) {
           // Let's retrieve the first user character in the queue of characters we have left
+          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           var _ref = rawValueArr.shift(),
               rawValueChar = _ref.char,
               isNew = _ref.isNew; // If the character we got from the user input is a placeholder character (which happens

package/esm/Menu/MenuItem.js

@@ -61,19 +61,22 @@ function MenuItem(props) {
   }, [dispatch]);
   useEffect(function () {
     var menuitemElement = menuitemRef.current;
-    dispatch({
-      type: MenuActionTypes.RegisterItem,
-      element: menuitemElement,
-      props: {
-        disabled: disabled
-      }
-    });
-    return function () {
+
+    if (menuitemElement) {
       dispatch({
-        type: MenuActionTypes.UnregisterItem,
-        id: menuitemElement.id
+        type: MenuActionTypes.RegisterItem,
+        element: menuitemElement,
+        props: {
+          disabled: disabled
+        }
       });
-    };
+      return function () {
+        dispatch({
+          type: MenuActionTypes.UnregisterItem,
+          id: menuitemElement.id
+        });
+      };
+    }
   }, [menuitemRef, disabled, dispatch]);
   var menuitemProps = {
     id: menuitemId,

package/esm/MultiCascader/DropdownMenu.js

@@ -16,7 +16,8 @@ var emptyArray = [];
 var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'menu' : _props$classPrefix,
       className = props.className,
       cascade = props.cascade,
       _props$cascadeData = props.cascadeData,

package/esm/MultiCascader/utils.js

@@ -265,21 +265,21 @@ export function useCascadeValue(props, flattenData) {
       removedValue = removedValue.concat(removeAllChildrenValue(nextValue, item, {
         valueKey: valueKey,
         childrenKey: childrenKey
-      })); // Traverse all ancestor nodes of the current node
+      }) || []); // Traverse all ancestor nodes of the current node
       // Then determine whether all the child nodes of these nodes are selected, and then they themselves must be selected
 
       var _loop = function _loop(i) {
         // Whether the parent node can be selected
-        var isCheckableParent = !uncheckableItemValues.some(function (v) {
+        var isCheckableParent = !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {
           return v === parents[i][valueKey];
-        });
+        }));
 
         if (isCheckableParent) {
           var isCheckAll = parents[i][childrenKey] // Filter out options that are marked as not selectable
           .filter(function (n) {
-            return !uncheckableItemValues.some(function (v) {
+            return !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {
               return v === n[valueKey];
-            });
+            }));
           }) // Check if all nodes are selected
           .every(function (n) {
             return nextValue.some(function (v) {
@@ -294,7 +294,7 @@ export function useCascadeValue(props, flattenData) {
             removedValue = removedValue.concat(removeAllChildrenValue(nextValue, parents[i], {
               valueKey: valueKey,
               childrenKey: childrenKey
-            }));
+            }) || []);
           }
         }
       };
@@ -377,7 +377,7 @@ export function useCascadeValue(props, flattenData) {
       });
 
       if (item !== null && item !== void 0 && item.parent && nextValue.some(function (v) {
-        return v === item.parent[valueKey];
+        return v === item.parent && item.parent[valueKey];
       })) {
         return false;
       }

package/esm/Overlay/Position.js

@@ -69,8 +69,7 @@ var usePosition = function usePosition(props, ref) {
       return;
     }
 
-    var overlay = getDOMNode(ref.current); // fixme dom-lib getContainer incorrect type
-
+    var overlay = getDOMNode(ref.current);
     var containerElement = getContainer(typeof container === 'function' ? container() : container !== null && container !== void 0 ? container : null, ownerDocument(ref.current).body);
     var posi = utils.calcOverlayPosition(overlay, targetElement, containerElement);
 

package/esm/Pagination/PaginationGroup.js

@@ -21,7 +21,7 @@ var LimitPicker = function LimitPicker(props) {
   var formatlimitOptions = limitOptions.map(function (item) {
     return {
       value: item,
-      label: tplTransform(locale.limit, item)
+      label: locale.limit && tplTransform(locale.limit, item)
     };
   });
   return /*#__PURE__*/React.createElement("div", {
@@ -143,12 +143,12 @@ var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return /*#__PURE__*/React.createElement("div", {
         key: onlyKey,
         className: prefix('total')
-      }, tplTransform(locale.total, total));
+      }, locale.total && tplTransform(locale.total, total));
     } else if (key === 'skip') {
       return /*#__PURE__*/React.createElement("div", {
         key: onlyKey,
         className: classNames(prefix('skip'))
-      }, tplTransform(locale.skip, /*#__PURE__*/React.createElement(Input, {
+      }, locale.skip && tplTransform(locale.skip, /*#__PURE__*/React.createElement(Input, {
         size: size,
         onBlur: handleInputBlur,
         onPressEnter: handleInputPressEnter

package/esm/Picker/PickerOverlay.js

@@ -37,7 +37,10 @@ var PickerOverlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
       // Get the width value of the button,
       // and then set it to the menu to make their width consistent.
       var width = getWidth(getDOMNode(toggle.root));
-      addStyle(overlayRef.current, 'min-width', width + "px");
+
+      if (overlayRef.current) {
+        addStyle(overlayRef.current, 'min-width', width + "px");
+      }
     }
   }, [autoWidth, target, overlayRef]);
 

package/esm/Picker/SelectedElement.js

@@ -37,7 +37,7 @@ var SelectedElement = function SelectedElement(props) {
       key: item[valueKey]
     }, /*#__PURE__*/React.createElement("span", {
       className: prefix('value-item')
-    }, item[labelKey], checkAll ? " (" + locale.checkAll + ")" : ''), index === count - 1 ? null : /*#__PURE__*/React.createElement("span", {
+    }, item[labelKey], checkAll && locale !== null && locale !== void 0 && locale.checkAll ? " (" + locale.checkAll + ")" : ''), index === count - 1 ? null : /*#__PURE__*/React.createElement("span", {
       className: prefix('value-separator')
     }, ","));
   })), countable ? /*#__PURE__*/React.createElement("span", {

package/esm/Picker/index.d.ts

@@ -1,4 +1,5 @@
 import { pickTriggerPropKeys, omitTriggerPropKeys, OverlayTriggerInstance, PositionChildProps } from './PickerToggleTrigger';
+import { PickerToggleProps } from './PickerToggle';
 import { PickerInstance, PickerComponent } from './types';
 export { default as DropdownMenu } from './DropdownMenu';
 export { default as DropdownMenuCheckItem } from './DropdownMenuCheckItem';
@@ -10,6 +11,6 @@ export { default as PickerToggleTrigger } from './PickerToggleTrigger';
 export { default as SearchBar } from './SearchBar';
 export { default as SelectedElement } from './SelectedElement';
 export { pickTriggerPropKeys, omitTriggerPropKeys };
-export type { OverlayTriggerInstance, PositionChildProps, PickerInstance, PickerComponent };
+export type { OverlayTriggerInstance, PositionChildProps, PickerInstance, PickerComponent, PickerToggleProps };
 export * from './utils';
 export * from './propTypes';

package/esm/Ripple/Ripple.js

@@ -52,17 +52,25 @@ var Ripple = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var handleMouseDown = useCallback(function (event) {
-    var position = getPosition(triggerRef.current, event);
-    setRippling(true);
-    setPosition(position);
-    onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(position, event);
+    if (triggerRef.current) {
+      var _position = getPosition(triggerRef.current, event);
+
+      setRippling(true);
+      setPosition(_position);
+      onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(_position, event);
+    }
   }, [onMouseDown]);
   useEffect(function () {
-    var parentNode = triggerRef.current.parentNode;
-    var mousedownListener = on(parentNode, 'mousedown', handleMouseDown);
-    return function () {
-      mousedownListener === null || mousedownListener === void 0 ? void 0 : mousedownListener.off();
-    };
+    var _triggerRef$current;
+
+    var parentNode = (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.parentNode;
+
+    if (parentNode) {
+      var mousedownListener = on(parentNode, 'mousedown', handleMouseDown);
+      return function () {
+        mousedownListener === null || mousedownListener === void 0 ? void 0 : mousedownListener.off();
+      };
+    }
   }, [handleMouseDown]);
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     className: classes,

package/esm/TreePicker/TreePicker.js

@@ -58,11 +58,13 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$childrenKey = props.childrenKey,
       childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
       draggable = props.draggable,
-      defaultExpandAll = props.defaultExpandAll,
+      _props$defaultExpandA = props.defaultExpandAll,
+      defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
       _props$disabledItemVa = props.disabledItemValues,
       disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
       controlledExpandItemValues = props.expandItemValues,
-      defaultExpandItemValues = props.defaultExpandItemValues,
+      _props$defaultExpandI = props.defaultExpandItemValues,
+      defaultExpandItemValues = _props$defaultExpandI === void 0 ? emptyArray : _props$defaultExpandI,
       id = props.id,
       listProps = props.listProps,
       getChildren = props.getChildren,
@@ -198,15 +200,17 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
   }, [searchKeywordState, expandItemValues, filteredData, flattenNodes, formatVirtualizedTreeData, virtualized]);
   var focusActiveNode = useCallback(function () {
-    focusToActiveTreeNode({
-      list: listRef.current,
-      valueKey: valueKey,
-      selector: "." + treePrefix('node-active'),
-      activeNode: activeNode,
-      virtualized: virtualized,
-      container: treeViewRef.current,
-      formattedNodes: getFormattedNodes()
-    });
+    if (listRef.current) {
+      focusToActiveTreeNode({
+        list: listRef.current,
+        valueKey: valueKey,
+        selector: "." + treePrefix('node-active'),
+        activeNode: activeNode,
+        virtualized: virtualized,
+        container: treeViewRef.current,
+        formattedNodes: getFormattedNodes()
+      });
+    }
   }, [treePrefix, activeNode, getFormattedNodes, valueKey, virtualized]);
   useEffect(function () {
     setFilteredData(data, searchKeywordState);
@@ -680,7 +684,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var node = activeNode !== null && activeNode !== void 0 ? activeNode : {};
     selectedElement = node[labelKey];
 
-    if (_isFunction(renderValue)) {
+    if (_isFunction(renderValue) && value) {
       selectedElement = renderValue(value, node, selectedElement);
 
       if (_isNil(selectedElement)) {

package/esm/Uploader/UploadTrigger.js

@@ -56,7 +56,9 @@ var UploadTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
   }, []);
   var handleClearInput = useCallback(function () {
-    inputRef.current.value = '';
+    if (inputRef.current) {
+      inputRef.current.value = '';
+    }
   }, []);
   var handleDragEnter = useCallback(function (event) {
     if (draggable) {

package/esm/Uploader/Uploader.js

@@ -188,7 +188,9 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
    */
 
   var cleanInputValue = useCallback(function () {
-    trigger.current.clearInput();
+    var _trigger$current;
+
+    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.clearInput();
   }, []);
   /**
    * Callback for successful file upload.
@@ -265,7 +267,11 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
     updateFileStatus(_extends({}, file, {
       status: 'uploading'
     }));
-    xhrs.current[file.fileKey] = xhr;
+
+    if (file.fileKey) {
+      xhrs.current[file.fileKey] = xhr;
+    }
+
     onUpload === null || onUpload === void 0 ? void 0 : onUpload(file, uploadData, xhr);
   }, [action, data, handleAjaxUploadError, handleAjaxUploadProgress, handleAjaxUploadSuccess, headers, name, onUpload, timeout, updateFileStatus, withCredentials, disableMultipart]);
   var handleAjaxUpload = useCallback(function () {

package/esm/toaster/toaster.d.ts

@@ -8,7 +8,7 @@ export interface Toaster {
      * @param message
      * @param options
      */
-    push(message: React.ReactNode, options?: ToastContainerProps): string;
+    push(message: React.ReactNode, options?: ToastContainerProps): string | undefined;
     /**
      * Remove a message by key
      * @param key

package/esm/toaster/toaster.js

@@ -33,6 +33,8 @@ var toaster = function toaster(message) {
 };
 
 toaster.push = function (message, options) {
+  var _container$current;
+
   if (options === void 0) {
     options = {};
   }
@@ -45,18 +47,22 @@ toaster.push = function (message, options) {
     container = createContainer((_options$placement = options.placement) !== null && _options$placement !== void 0 ? _options$placement : '', options);
   }
 
-  return container.current.push(message);
+  return (_container$current = container.current) === null || _container$current === void 0 ? void 0 : _container$current.push(message);
 };
 
 toaster.remove = function (key) {
   containers.forEach(function (c) {
-    return c.current.remove(key);
+    var _c$current;
+
+    return (_c$current = c.current) === null || _c$current === void 0 ? void 0 : _c$current.remove(key);
   });
 };
 
 toaster.clear = function () {
   containers.forEach(function (c) {
-    return c.current.clear();
+    var _c$current2;
+
+    return (_c$current2 = c.current) === null || _c$current2 === void 0 ? void 0 : _c$current2.clear();
   });
 };
 

package/esm/utils/treeUtils.d.ts

@@ -38,7 +38,7 @@ export declare function hasVisibleChildren(node: TreeNodeType, childrenKey: stri
  * @param b
  */
 export declare function compareArray(a: any[], b: any[]): boolean;
-export declare function getDefaultExpandItemValues(data: ItemDataType[], props: Pick<TreePickerProps, 'defaultExpandAll' | 'valueKey' | 'childrenKey' | 'defaultExpandItemValues'>): any[];
+export declare function getDefaultExpandItemValues(data: ItemDataType[], props: Required<Pick<TreePickerProps, 'defaultExpandAll' | 'valueKey' | 'childrenKey' | 'defaultExpandItemValues'>>): any[];
 /**
  * 获取 expandItemValues 的 value
  * @param props
@@ -70,7 +70,7 @@ export declare function filterNodesOfTree(data: any, check: any): TreeNodeType[]
  * @param isSearching - component is in Searching
  * @returns
  */
-export declare const getFocusableItems: (filteredData: ItemDataType[], props: PartialTreeProps, isSearching?: boolean | undefined) => TreeNodeType[];
+export declare const getFocusableItems: (filteredData: ItemDataType[], props: Required<Pick<PartialTreeProps, 'disabledItemValues' | 'valueKey' | 'childrenKey' | 'expandItemValues'>>, isSearching?: boolean | undefined) => TreeNodeType[];
 /**
  * return all focusable Item and active Element index
  * @param focusItemValue
@@ -235,7 +235,7 @@ export interface FocusToTreeNodeProps {
     valueKey: string;
     activeNode: any;
     virtualized: boolean;
-    container: HTMLDivElement;
+    container: HTMLElement | null;
     list: ListInstance;
     formattedNodes: TreeNodeType[];
 }

package/esm/utils/treeUtils.js

@@ -109,11 +109,13 @@ export function getNodeParentKeys(nodes, node, valueKey) {
   var parentKeys = [];
 
   var traverse = function traverse(node) {
-    if (node !== null && node !== void 0 && node.parent) {
-      var _node$parent;
+    var _node$parent;
+
+    if (node !== null && node !== void 0 && (_node$parent = node.parent) !== null && _node$parent !== void 0 && _node$parent.refKey) {
+      var _node$parent2;
 
       traverse(nodes[node.parent.refKey]);
-      parentKeys.push(node === null || node === void 0 ? void 0 : (_node$parent = node.parent) === null || _node$parent === void 0 ? void 0 : _node$parent[valueKey]);
+      parentKeys.push(node === null || node === void 0 ? void 0 : (_node$parent2 = node.parent) === null || _node$parent2 === void 0 ? void 0 : _node$parent2[valueKey]);
     }
   };
 
@@ -629,7 +631,7 @@ export function getChildrenByFlattenNodes(nodes, parent) {
   return Object.values(nodes).filter(function (item) {
     var _item$parent;
 
-    return (item === null || item === void 0 ? void 0 : (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent.refKey) === parent.refKey && !nodes[item.refKey].uncheckable;
+    return (item === null || item === void 0 ? void 0 : (_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent.refKey) === parent.refKey && item.refKey && !nodes[item.refKey].uncheckable;
   });
 }
 export function useTreeDrag() {

package/esm/utils/useElementResize.d.ts

@@ -5,4 +5,4 @@
  * @param eventTarget The target to listen for events on
  * @param listener An event handler
  */
-export default function useElementResize(eventTarget: Element | (() => Element), listener: ResizeObserverCallback): void;
+export default function useElementResize(eventTarget: Element | null | (() => Element | null), listener: ResizeObserverCallback): void;

package/esm/utils/useElementResize.js

@@ -13,8 +13,11 @@ export default function useElementResize(eventTarget, listener) {
   useEffect(function () {
     if (!resizeObserver.current) {
       var target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
-      resizeObserver.current = new ResizeObserver(listener);
-      resizeObserver.current.observe(target);
+
+      if (target) {
+        resizeObserver.current = new ResizeObserver(listener);
+        resizeObserver.current.observe(target);
+      }
     }
 
     return function () {

package/esm/utils/useTimeout.d.ts

@@ -6,7 +6,7 @@ export interface UseTimeoutFnReturn {
  * A timer hook
  * @param fn Timer callback function
  * @param ms Milliseconds of the timer
- * @param open Whether to open the timer
+ * @param enabled Whether to open the timer
  */
-declare function useTimeout(fn: (() => void) | undefined, ms?: number, open?: boolean): UseTimeoutFnReturn;
+declare function useTimeout(fn: (() => void) | undefined, ms?: number, enabled?: boolean): UseTimeoutFnReturn;
 export default useTimeout;

package/esm/utils/useTimeout.js

@@ -4,32 +4,41 @@ import { useEffect, useRef, useCallback } from 'react';
  * A timer hook
  * @param fn Timer callback function
  * @param ms Milliseconds of the timer
- * @param open Whether to open the timer
+ * @param enabled Whether to open the timer
  */
-function useTimeout(fn, ms, open) {
+function useTimeout(fn, ms, enabled) {
   if (ms === void 0) {
     ms = 0;
   }
 
-  if (open === void 0) {
-    open = true;
+  if (enabled === void 0) {
+    enabled = true;
   }
 
   var timeout = useRef();
+  var callback = useRef(fn);
   var clear = useCallback(function () {
     timeout.current && clearTimeout(timeout.current);
   }, []);
   var set = useCallback(function () {
-    if (open) {
+    timeout.current && clearTimeout(timeout.current);
+
+    if (enabled) {
       timeout.current = setTimeout(function () {
-        return fn === null || fn === void 0 ? void 0 : fn();
+        var _callback$current;
+
+        (_callback$current = callback.current) === null || _callback$current === void 0 ? void 0 : _callback$current.call(callback);
       }, ms);
     }
-  }, [ms, fn, open]);
+  }, [ms, enabled]); // update ref when function changes
+
+  useEffect(function () {
+    callback.current = fn;
+  }, [fn]);
   useEffect(function () {
     set();
     return clear;
-  }, [fn, ms, open, clear, set]);
+  }, [ms, enabled, set, clear]);
   return {
     clear: clear,
     reset: set

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.5.2",
+  "version": "5.6.2",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -33,11 +33,11 @@
     "@types/react-virtualized": "^9.21.11",
     "classnames": "^2.3.1",
     "date-fns": "^2.13.0",
-    "dom-lib": "^3.0.0",
+    "dom-lib": "^3.1.2",
     "lodash": "^4.17.11",
     "prop-types": "^15.7.2",
     "react-virtualized": "^9.22.3",
-    "rsuite-table": "^5.3.2",
+    "rsuite-table": "^5.3.3",
     "schema-typed": "^2.0.2"
   },
   "peerDependencies": {