rsuite 5.6.1 → 5.6.4

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [5.6.4](https://github.com/rsuite/rsuite/compare/v5.6.3...v5.6.4) (2022-03-10)
+
+### Bug Fixes
+
+- **CheckTree:** fix missing type definition [#2388](https://github.com/rsuite/rsuite/issues/2388) ([#2391](https://github.com/rsuite/rsuite/issues/2391)) ([0fe4e9f](https://github.com/rsuite/rsuite/commit/0fe4e9f34d7f07354541f4d23b0278cd1d892c2e))
+- **Sidenav:** remove underline from focused sidenav item ([#2387](https://github.com/rsuite/rsuite/issues/2387)) ([a22f569](https://github.com/rsuite/rsuite/commit/a22f569a8c3f2b71513af20b4be6607cd1825783))
+
+## [5.6.3](https://github.com/rsuite/rsuite/compare/v5.6.2...v5.6.3) (2022-03-05)
+
+## [5.6.2](https://github.com/rsuite/rsuite/compare/v5.6.1...v5.6.2) (2022-02-24)
+
+### Bug Fixes
+
+- **Affix:** fix left offset not update after position change ([#2370](https://github.com/rsuite/rsuite/issues/2370)) ([eba3536](https://github.com/rsuite/rsuite/commit/eba353685f4892e1143b8c249ac956b2522a2993))
+- **typescript:** remove not-null assertion operator ([#2359](https://github.com/rsuite/rsuite/issues/2359)) ([5c07293](https://github.com/rsuite/rsuite/commit/5c07293f5c9c2d4deee768be17e8cea840868708))
+
 ## [5.6.1](https://github.com/rsuite/rsuite/compare/v5.6.0...v5.6.1) (2022-02-17)
 
 ### Bug Fixes

package/Sidenav/styles/index.less

@@ -170,7 +170,8 @@
   outline: 0;
   overflow: hidden;
 
-  &:hover {
+  &:hover,
+  &:focus {
     text-decoration: none;
   }
 

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

@@ -28,7 +28,6 @@ function useOffset(mountRef) {
       setOffset = _useState[1];
 
   var updateOffset = (0, _react.useCallback)(function () {
-    // FIXME upgrade dom-lib
     setOffset((0, _getOffset.default)(mountRef.current));
   }, [mountRef]); // Update after the element size changes
 
@@ -132,7 +131,6 @@ var Affix = /*#__PURE__*/_react.default.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/cjs/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/cjs/Animation/Transition.js

@@ -154,6 +154,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,
@@ -193,9 +197,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;
   };
@@ -273,7 +279,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/cjs/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/cjs/CheckTreePicker/CheckTreePicker.js

@@ -316,9 +316,9 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     forceUpdate();
   }, [cascade, value, uncheckableItemValues, unSerializeList, flattenNodes, forceUpdate]);
   var toggleUpChecked = (0, _react.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;
@@ -338,7 +338,12 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }
   }, [cascade]);
   var toggleDownChecked = (0, _react.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) {
@@ -361,11 +366,13 @@ var CheckTreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     });
   }, [flattenNodes, uncheckableItemValues, serializeListOnlyParent, toggleDownChecked, toggleUpChecked]);
   var handleSelect = (0, _react.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/cjs/CheckTreePicker/utils.js

@@ -169,7 +169,7 @@ function getDisabledState(nodes, node, props) {
   }
 
   return disabledItemValues.some(function (value) {
-    return (0, _utils.shallowEqual)(nodes[node.refKey][valueKey], value);
+    return node.refKey && (0, _utils.shallowEqual)(nodes[node.refKey][valueKey], value);
   });
 }
 

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

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

@@ -281,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/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/dist/rsuite-rtl.css

@@ -12648,7 +12648,8 @@ textarea.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
   outline: 0;
   overflow: hidden;
 }
-.rs-sidenav-item:hover {
+.rs-sidenav-item:hover,
+.rs-sidenav-item:focus {
   text-decoration: none;
 }
 .rs-sidenav-item:focus-visible,