rsuite 5.5.2 → 5.6.2

package/cjs/InputPicker/InputPicker.js

@@ -417,7 +417,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var allData = getAllData();
     var focusItem = allData.find(function (item) {
       return (0, _shallowEqual.default)(item[valueKey], focusItemValue);
-    });
+    }); // FIXME Bad state flow
 
     if (!focusItem && focusItemValue === searchKeyword) {
       focusItem = createOption(searchKeyword);
@@ -425,7 +425,11 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     setValue(focusItemValue);
     setSearchKeyword('');
-    handleSelect(focusItemValue, focusItem, event);
+
+    if (focusItem) {
+      handleSelect(focusItemValue, focusItem, event);
+    }
+
     handleChange(focusItemValue, event);
     handleClose();
   }, [setValue, disabledItemValues, controlledData, focusItemValue, valueKey, searchKeyword, handleClose, setSearchKeyword, createOption, getAllData, handleChange, handleSelect]);

package/cjs/List/ListItem.js

@@ -43,18 +43,20 @@ var ListItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var listItemRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {
-    var _register = register({
-      node: listItemRef.current,
-      edgeOffset: null,
-      info: {
-        collection: collection,
-        disabled: disabled,
-        index: index
-      }
-    }),
-        unregister = _register.unregister;
+    if (listItemRef.current) {
+      var _register = register({
+        node: listItemRef.current,
+        edgeOffset: null,
+        info: {
+          collection: collection,
+          disabled: disabled,
+          index: index
+        }
+      }),
+          unregister = _register.unregister;
 
-    return unregister;
+      return unregister;
+    }
   }, [collection, disabled, index, register]);
   var classes = merge(className, withClassPrefix(size, {
     disabled: disabled,

package/cjs/List/helper/AutoScroller.d.ts

@@ -1,6 +1,5 @@
-import { Offset } from '../../@types/common';
-import { Axis } from './utils';
-declare type OffsetCallback = (offset: Offset) => void;
+import { Axis, EdgeOffset } from './utils';
+declare type OffsetCallback = (offset: EdgeOffset) => void;
 export interface AutoScrollerUpdatePayload {
     translate: Axis;
     minTranslate: Axis;

package/cjs/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/cjs/List/helper/useSortHelper.js

@@ -124,11 +124,17 @@ var useSortHelper = function useSortHelper(config) {
         x: offset.x - mouseDownEvent.pageX,
         y: offset.y - mouseDownEvent.pageY
       };
-      (0, _utils.setTranslate3d)(activeNodeHelper, activeNodeHolderTranslate); // animate
+
+      if (activeNodeHelper) {
+        (0, _utils.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++) {
@@ -161,14 +167,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,
@@ -202,9 +210,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
           }
         });
@@ -225,11 +235,15 @@ var useSortHelper = function useSortHelper(config) {
       sortMouseEndListener.off();
       var holderTranslate = getHolderTranslate();
       var containerScrollDelta = getContainerScrollDelta();
-      (0, _utils.setTranslate3d)(activeNodeHelper, {
-        x: holderTranslate.x - containerScrollDelta.left,
-        y: holderTranslate.y - containerScrollDelta.top
-      });
-      (0, _utils.setTransitionDuration)(activeNodeHelper, transitionDuration); // wait for animation
+
+      if (activeNodeHelper) {
+        (0, _utils.setTranslate3d)(activeNodeHelper, {
+          x: holderTranslate.x - (containerScrollDelta.left || 0),
+          y: holderTranslate.y - (containerScrollDelta.top || 0)
+        });
+        (0, _utils.setTransitionDuration)(activeNodeHelper, transitionDuration);
+      } // wait for animation
+
 
       setTimeout(function () {
         var _activeNodeHelper2, _activeNodeHelper2$pa;

package/cjs/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/cjs/List/helper/utils.js

@@ -73,8 +73,8 @@ 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/cjs/MaskedInput/conformToMask.js

@@ -131,6 +131,7 @@ 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/cjs/Menu/MenuItem.js

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

package/cjs/MultiCascader/DropdownMenu.js

@@ -35,7 +35,8 @@ var emptyArray = [];
 var DropdownMenu = /*#__PURE__*/_react.default.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/cjs/MultiCascader/utils.js

@@ -296,21 +296,21 @@ 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) {
@@ -325,7 +325,7 @@ function useCascadeValue(props, flattenData) {
             removedValue = removedValue.concat(removeAllChildrenValue(nextValue, parents[i], {
               valueKey: valueKey,
               childrenKey: childrenKey
-            }));
+            }) || []);
           }
         }
       };
@@ -408,7 +408,7 @@ 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/cjs/Overlay/Position.js

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

package/cjs/Pagination/PaginationGroup.js

@@ -39,7 +39,7 @@ var LimitPicker = function LimitPicker(props) {
   var formatlimitOptions = limitOptions.map(function (item) {
     return {
       value: item,
-      label: (0, _utils.tplTransform)(locale.limit, item)
+      label: locale.limit && (0, _utils.tplTransform)(locale.limit, item)
     };
   });
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -162,12 +162,12 @@ var PaginationGroup = /*#__PURE__*/_react.default.forwardRef(function (props, re
       return /*#__PURE__*/_react.default.createElement("div", {
         key: onlyKey,
         className: prefix('total')
-      }, (0, _utils.tplTransform)(locale.total, total));
+      }, locale.total && (0, _utils.tplTransform)(locale.total, total));
     } else if (key === 'skip') {
       return /*#__PURE__*/_react.default.createElement("div", {
         key: onlyKey,
         className: (0, _classnames.default)(prefix('skip'))
-      }, (0, _utils.tplTransform)(locale.skip, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      }, locale.skip && (0, _utils.tplTransform)(locale.skip, /*#__PURE__*/_react.default.createElement(_Input.default, {
         size: size,
         onBlur: handleInputBlur,
         onPressEnter: handleInputPressEnter

package/cjs/Picker/PickerOverlay.js

@@ -53,7 +53,10 @@ var PickerOverlay = /*#__PURE__*/_react.default.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 = (0, _getWidth.default)((0, _utils.getDOMNode)(toggle.root));
-      (0, _addStyle.default)(overlayRef.current, 'min-width', width + "px");
+
+      if (overlayRef.current) {
+        (0, _addStyle.default)(overlayRef.current, 'min-width', width + "px");
+      }
     }
   }, [autoWidth, target, overlayRef]);
 

package/cjs/Picker/SelectedElement.js

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

package/cjs/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/cjs/Ripple/Ripple.js

@@ -68,17 +68,25 @@ var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   };
 
   var handleMouseDown = (0, _react.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]);
   (0, _react.useEffect)(function () {
-    var parentNode = triggerRef.current.parentNode;
-    var mousedownListener = (0, _on.default)(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 = (0, _on.default)(parentNode, 'mousedown', handleMouseDown);
+      return function () {
+        mousedownListener === null || mousedownListener === void 0 ? void 0 : mousedownListener.off();
+      };
+    }
   }, [handleMouseDown]);
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     className: classes,

package/cjs/TreePicker/TreePicker.js

@@ -83,11 +83,13 @@ var TreePicker = /*#__PURE__*/_react.default.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,
@@ -222,15 +224,17 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     });
   }, [searchKeywordState, expandItemValues, filteredData, flattenNodes, formatVirtualizedTreeData, virtualized]);
   var focusActiveNode = (0, _react.useCallback)(function () {
-    (0, _treeUtils.focusToActiveTreeNode)({
-      list: listRef.current,
-      valueKey: valueKey,
-      selector: "." + treePrefix('node-active'),
-      activeNode: activeNode,
-      virtualized: virtualized,
-      container: treeViewRef.current,
-      formattedNodes: getFormattedNodes()
-    });
+    if (listRef.current) {
+      (0, _treeUtils.focusToActiveTreeNode)({
+        list: listRef.current,
+        valueKey: valueKey,
+        selector: "." + treePrefix('node-active'),
+        activeNode: activeNode,
+        virtualized: virtualized,
+        container: treeViewRef.current,
+        formattedNodes: getFormattedNodes()
+      });
+    }
   }, [treePrefix, activeNode, getFormattedNodes, valueKey, virtualized]);
   (0, _react.useEffect)(function () {
     setFilteredData(data, searchKeywordState);
@@ -699,7 +703,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var node = activeNode !== null && activeNode !== void 0 ? activeNode : {};
     selectedElement = node[labelKey];
 
-    if ((0, _isFunction2.default)(renderValue)) {
+    if ((0, _isFunction2.default)(renderValue) && value) {
       selectedElement = renderValue(value, node, selectedElement);
 
       if ((0, _isNil2.default)(selectedElement)) {

package/cjs/Uploader/UploadTrigger.js

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

package/cjs/Uploader/Uploader.js

@@ -205,7 +205,9 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
    */
 
   var cleanInputValue = (0, _react.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.
@@ -279,7 +281,11 @@ var Uploader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     updateFileStatus((0, _extends2.default)({}, 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 = (0, _react.useCallback)(function () {

package/cjs/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/cjs/toaster/toaster.js

@@ -41,6 +41,8 @@ var toaster = function toaster(message) {
 };
 
 toaster.push = function (message, options) {
+  var _container$current;
+
   if (options === void 0) {
     options = {};
   }
@@ -53,18 +55,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/cjs/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/cjs/utils/treeUtils.js

@@ -165,11 +165,13 @@ 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]);
     }
   };
 
@@ -718,7 +720,7 @@ 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;
   });
 }
 

package/cjs/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/cjs/utils/useElementResize.js

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

package/cjs/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;