rsuite 5.5.0 → 5.6.1

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);

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.

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/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.0",
+  "version": "5.6.1",
   "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": {