rsuite 5.6.1 → 5.6.4

package/esm/@types/common.d.ts

@@ -143,10 +143,10 @@ export interface ItemDataType<T = number | string> extends Record<string, any> {
     loading?: boolean;
 }
 export interface Offset {
-    top?: number;
-    left?: number;
-    width?: number;
-    height?: number;
+    top: number;
+    left: number;
+    width: number;
+    height: number;
 }
 export declare type OnChangeCallback<T, E = React.SyntheticEvent> = (value: T, event: E) => void;
 export {};

package/esm/Affix/Affix.js

@@ -14,7 +14,6 @@ function useOffset(mountRef) {
       setOffset = _useState[1];
 
   var updateOffset = useCallback(function () {
-    // FIXME upgrade dom-lib
     setOffset(getOffset(mountRef.current));
   }, [mountRef]); // Update after the element size changes
 
@@ -119,7 +118,6 @@ var Affix = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var fixedStyles = {
     position: 'fixed',
     top: top,
-    left: offset === null || offset === void 0 ? void 0 : offset.left,
     width: offset === null || offset === void 0 ? void 0 : offset.width,
     zIndex: 10
   };

package/esm/Animation/Transition.d.ts

@@ -100,7 +100,7 @@ declare class Transition extends React.Component<TransitionProps, TransitionStat
     setNextCallback(callback: (event?: React.AnimationEvent) => void): {
         (event?: React.AnimationEvent<Element> | undefined): void;
         cancel: () => any;
-    };
+    } | null;
     getChildElement(): HTMLElement;
     performEnter(props: TransitionProps): void;
     performExit(props: TransitionProps): void;

package/esm/Animation/Transition.js

@@ -133,6 +133,10 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     this.setNextCallback(handler);
     (_this$animationEventL = this.animationEventListener) === null || _this$animationEventL === void 0 ? void 0 : _this$animationEventL.off();
 
+    if (!this.nextCallback) {
+      return;
+    }
+
     if (node) {
       var _this$props = this.props,
           timeout = _this$props.timeout,
@@ -172,9 +176,11 @@ var Transition = /*#__PURE__*/function (_React$Component) {
       _this2.nextCallback = null;
     };
 
-    this.nextCallback.cancel = function () {
-      active = false;
-    };
+    if (this.nextCallback) {
+      this.nextCallback.cancel = function () {
+        active = false;
+      };
+    }
 
     return this.nextCallback;
   };
@@ -252,7 +258,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
     if (this.instanceElement) {
       var nextCallback = this.setNextCallback(callback);
       this.setState(nextState, function () {
-        return nextCallback();
+        return nextCallback === null || nextCallback === void 0 ? void 0 : nextCallback();
       });
     }
   };

package/esm/CheckTree/index.d.ts

@@ -4,6 +4,8 @@ import { TreeBaseProps } from '../Tree/Tree';
 export interface CheckTreeProps extends TreeBaseProps<ValueType>, FormControlPickerProps<ValueType> {
     /** Tree node cascade */
     cascade?: boolean;
+    /** Set the option value for the check box not to be rendered */
+    uncheckableItemValues?: ValueType;
 }
 declare const CheckTree: RsRefForwardingComponent<'div', CheckTreeProps>;
 export default CheckTree;

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -288,9 +288,9 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     forceUpdate();
   }, [cascade, value, uncheckableItemValues, unSerializeList, flattenNodes, forceUpdate]);
   var toggleUpChecked = useCallback(function (nodes, node, checked) {
-    var currentNode = nodes[node.refKey];
+    var currentNode = node.refKey ? nodes[node.refKey] : null;
 
-    if (cascade) {
+    if (cascade && currentNode) {
       if (!checked) {
         currentNode.check = checked;
         currentNode.checkAll = checked;
@@ -310,7 +310,12 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, [cascade]);
   var toggleDownChecked = useCallback(function (nodes, node, isChecked) {
-    var currentNode = nodes[node.refKey];
+    var currentNode = node.refKey ? nodes[node.refKey] : null;
+
+    if (!currentNode) {
+      return;
+    }
+
     currentNode.check = isChecked;
 
     if (!currentNode[childrenKey] || !currentNode[childrenKey].length || !cascade) {
@@ -334,11 +339,13 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
   }, [flattenNodes, uncheckableItemValues, serializeListOnlyParent, toggleDownChecked, toggleUpChecked]);
   var handleSelect = useCallback(function (node, event) {
-    if (!node) {
+    var currentNode = node.refKey ? flattenNodes[node.refKey] : null;
+
+    if (!node || !currentNode) {
       return;
     }
 
-    var selectedValues = toggleChecked(node, !flattenNodes[node.refKey].check);
+    var selectedValues = toggleChecked(node, !currentNode.check);
 
     if (!isControlled) {
       unSerializeList({

package/esm/CheckTreePicker/utils.js

@@ -141,7 +141,7 @@ export function getDisabledState(nodes, node, props) {
   }
 
   return disabledItemValues.some(function (value) {
-    return shallowEqual(nodes[node.refKey][valueKey], value);
+    return node.refKey && shallowEqual(nodes[node.refKey][valueKey], value);
   });
 }
 export function getCheckTreePickerDefaultValue(value, uncheckableItemValues) {

package/esm/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/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/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/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/TreePicker/TreePicker.js

@@ -684,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/Uploader.js

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

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.6.1",
+  "version": "5.6.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.3",
+    "rsuite-table": "^5.3.6",
     "schema-typed": "^2.0.2"
   },
   "peerDependencies": {