rsuite 5.4.4 → 5.6.0

package/esm/RangeSlider/RangeSlider.d.ts

@@ -1,6 +1,16 @@
 import React from 'react';
 import { SliderProps } from '../Slider';
 export declare type Range = [number, number];
-export declare type RangeSliderProps = SliderProps<Range>;
-declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & React.RefAttributes<unknown>>;
+export declare type RangeSliderProps = SliderProps<Range> & {
+    /**
+     * Add constraint to validate before onChange is dispatched
+     */
+    constraint?: (range: Range) => boolean;
+};
+declare const RangeSlider: React.ForwardRefExoticComponent<SliderProps<Range> & {
+    /**
+     * Add constraint to validate before onChange is dispatched
+     */
+    constraint?: ((range: Range) => boolean) | undefined;
+} & React.RefAttributes<unknown>>;
 export default RangeSlider;

package/esm/RangeSlider/RangeSlider.js

@@ -21,6 +21,7 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
       Component = _props$as === void 0 ? 'div' : _props$as,
       barClassName = props.barClassName,
       className = props.className,
+      constraint = props.constraint,
       _props$defaultValue = props.defaultValue,
       defaultValue = _props$defaultValue === void 0 ? defaultDefaultValue : _props$defaultValue,
       graduated = props.graduated,
@@ -47,7 +48,7 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
       renderMark = props.renderMark,
       onChange = props.onChange,
       onChangeCommitted = props.onChangeCommitted,
-      rest = _objectWithoutPropertiesLoose(props, ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "defaultValue", "graduated", "progress", "vertical", "disabled", "classPrefix", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"]);
+      rest = _objectWithoutPropertiesLoose(props, ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "constraint", "defaultValue", "graduated", "progress", "vertical", "disabled", "classPrefix", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"]);
 
   var barRef = useRef(null); // Define the parameter position of the handle
 
@@ -157,14 +158,27 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     return nextValue;
   }, [getRangeValue, getValidValue]);
+  /**
+   * Whether a range is valid against given constraint (if any)
+   * Should check before every `setValue` calls
+   */
+
+  var isRangeMatchingConstraint = useCallback(function (range) {
+    // If no constraint is defined, any range is valid
+    if (!constraint) return true;
+    return constraint(range);
+  }, [constraint]);
   /**
    * Callback function that is fired when the mousemove is triggered
    */
 
   var handleDragMove = useEventCallback(function (event, dataset) {
     var nextValue = getNextValue(event, dataset);
-    setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+
+    if (isRangeMatchingConstraint(nextValue)) {
+      setValue(nextValue);
+      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    }
   });
   /**
    * Callback function that is fired when the mouseup is triggered
@@ -172,9 +186,12 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var handleChangeCommitted = useCallback(function (event, dataset) {
     var nextValue = getNextValue(event, dataset);
-    setValue(nextValue);
-    onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
-  }, [getNextValue, onChangeCommitted, setValue]);
+
+    if (isRangeMatchingConstraint(nextValue)) {
+      setValue(nextValue);
+      onChangeCommitted === null || onChangeCommitted === void 0 ? void 0 : onChangeCommitted(nextValue, event);
+    }
+  }, [getNextValue, onChangeCommitted, isRangeMatchingConstraint, setValue]);
   var handleKeyDown = useCallback(function (event) {
     var _event$target;
 
@@ -217,9 +234,12 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
 
     event.preventDefault();
-    setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
-  }, [max, min, onChange, rtl, setValue, step, value]);
+
+    if (isRangeMatchingConstraint(nextValue)) {
+      setValue(nextValue);
+      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    }
+  }, [max, min, onChange, rtl, isRangeMatchingConstraint, setValue, step, value]);
   var handleClick = useCallback(function (event) {
     if (disabled) {
       return;
@@ -236,9 +256,12 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
 
     var nextValue = getValidValue([start, end].sort());
-    setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
-  }, [disabled, getValidValue, getValueByPosition, onChange, setValue, value]);
+
+    if (isRangeMatchingConstraint(nextValue)) {
+      setValue(nextValue);
+      onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    }
+  }, [disabled, getValidValue, getValueByPosition, isRangeMatchingConstraint, onChange, setValue, value]);
   var handleProps = useMemo(function () {
     return [{
       value: value[0],

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/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

@@ -258,6 +258,9 @@ export function createUpdateTreeDataFunction(params, _ref2) {
     var dragNode = params.dragNode,
         dropNode = params.dropNode,
         dropNodePosition = params.dropNodePosition;
+
+    var cloneDragNode = _extends({}, dragNode);
+
     removeDragNode(data, params, {
       valueKey: valueKey,
       childrenKey: childrenKey
@@ -272,16 +275,16 @@ export function createUpdateTreeDataFunction(params, _ref2) {
           if (dropNodePosition === TREE_NODE_DROP_POSITION.DRAG_OVER) {
             _item2[childrenKey] = _isNil(_item2[childrenKey]) ? [] : _item2[childrenKey];
 
-            _item2[childrenKey].push(dragNode);
+            _item2[childrenKey].push(cloneDragNode);
 
             break;
           } else if (dropNodePosition === TREE_NODE_DROP_POSITION.DRAG_OVER_TOP) {
             // drag to top of node
-            items.splice(_index2, 0, dragNode);
+            items.splice(_index2, 0, cloneDragNode);
             break;
           } else if (dropNodePosition === TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM) {
             // drag to bottom of node
-            items.splice(_index2 + 1, 0, dragNode);
+            items.splice(_index2 + 1, 0, cloneDragNode);
             break;
           }
         }

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.4.4",
+  "version": "5.6.0",
   "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.1",
+    "rsuite-table": "^5.3.3",
     "schema-typed": "^2.0.2"
   },
   "peerDependencies": {