rsuite 5.2.4 → 5.4.2

package/esm/TagInput/index.js

@@ -33,7 +33,7 @@ var TagInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     value: value,
     defaultValue: defaultValue,
     data: data,
-    placement: null,
+    placement: undefined,
     creatable: true,
     ref: ref
   })));

package/esm/Toggle/Toggle.js

@@ -25,7 +25,7 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onChange = props.onChange,
       rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "readOnly", "loading", "plaintext", "className", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"]);
 
-  var inputRef = useRef();
+  var inputRef = useRef(null);
 
   var _useControlled = useControlled(checkedProp, defaultChecked),
       checked = _useControlled[0],
@@ -47,14 +47,14 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var inner = checked ? checkedChildren : unCheckedChildren;
   var label = checked ? locale.on : locale.off;
   var handleInputChange = useCallback(function (e) {
-    if (disabled || readOnly) {
+    if (disabled || readOnly || loading) {
       return;
     }
 
     var checked = e.target.checked;
     setChecked(checked);
     onChange === null || onChange === void 0 ? void 0 : onChange(checked, e);
-  }, [disabled, readOnly, setChecked, onChange]);
+  }, [disabled, readOnly, loading, setChecked, onChange]);
 
   if (plaintext) {
     return /*#__PURE__*/React.createElement(Plaintext, null, inner || label);
@@ -66,7 +66,8 @@ var Toggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, rest), /*#__PURE__*/React.createElement("input", {
     ref: inputRef,
     type: "checkbox",
-    checked: checked,
+    checked: checkedProp,
+    defaultChecked: defaultChecked,
     disabled: disabled,
     readOnly: readOnly,
     onChange: handleInputChange,

package/esm/Tree/Tree.d.ts

@@ -36,13 +36,14 @@ export interface TreeDragProps<ItemDataType = Record<string, any>> {
     onDragEnd?: (nodeData: ItemDataType, e: React.DragEvent) => void;
     /** Called when node drop */
     onDrop?: (dropData: DropData<ItemDataType>, e: React.DragEvent) => void;
-    renderDragNode?: (dragNode: ItemDataType) => React.ReactNode;
 }
 export interface TreeBaseProps<ValueType = string | number, ItemDataType = Record<string, any>> extends StandardProps {
     /** The height of Dropdown */
     height?: number;
     /** Whether display search input box */
     searchable?: boolean;
+    /** Display an auxiliary line when the tree node is indented. */
+    showIndentLine?: boolean;
     /** Whether using virtualized list */
     virtualized?: boolean;
     /**
@@ -59,7 +60,7 @@ export interface TreeBaseProps<ValueType = string | number, ItemDataType = Recor
     /** Set the option value for the expand node with controlled*/
     expandItemValues?: any[];
     /** Callback function for data change */
-    onExpand?: (expandItemValues: ItemDataType[], activeNode: ItemDataType, concat: (data: ItemDataType[], children: React.ReactNode) => ItemDataType[]) => void;
+    onExpand?: (expandItemValues: ItemDataType[], activeNode: ItemDataType, concat: (data: ItemDataType[], children: ItemDataType[]) => ItemDataType[]) => void;
     /** Callback function after selecting tree node */
     onSelect?: (activeNode: ItemDataType, value: ValueType, event: React.SyntheticEvent) => void;
     /** Custom Render tree Node */

package/esm/Tree/Tree.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useRef } from 'react';
+import React, { useMemo } from 'react';
 import TreePicker from '../TreePicker';
 import TreeContext from './TreeContext';
 
@@ -15,12 +15,13 @@ export var TREE_NODE_DROP_POSITION;
 })(TREE_NODE_DROP_POSITION || (TREE_NODE_DROP_POSITION = {}));
 
 var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var dragNodeRef = useRef();
+  var contextValue = useMemo(function () {
+    return {
+      inline: true
+    };
+  }, []);
   return /*#__PURE__*/React.createElement(TreeContext.Provider, {
-    value: {
-      inline: true,
-      dragNodeRef: dragNodeRef
-    }
+    value: contextValue
   }, /*#__PURE__*/React.createElement(TreePicker, _extends({
     ref: ref
   }, props)));

package/esm/Tree/TreeContext.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 export interface TreeContextProps {
     inline?: boolean;
-    dragNodeRef?: React.MutableRefObject<any>;
 }
 declare const TreeContext: React.Context<TreeContextProps>;
 export default TreeContext;

package/esm/TreePicker/TreeNode.js

@@ -1,16 +1,14 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import React, { forwardRef, useCallback, useContext } from 'react';
+import React, { forwardRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import hasClass from 'dom-lib/hasClass';
 import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
 import Spinner from '@rsuite/icons/legacy/Spinner';
-import TreeContext from '../Tree/TreeContext';
 import reactToString from '../utils/reactToString';
-import { useClassNames, TREE_NODE_PADDING, TREE_NODE_ROOT_PADDING } from '../utils';
+import { useClassNames } from '../utils';
+import { getTreeNodeIndent } from '../utils/treeUtils';
 var TreeNode = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _extends2;
-
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       rtl = _ref.rtl,
@@ -51,9 +49,6 @@ var TreeNode = /*#__PURE__*/forwardRef(function (_ref, ref) {
       merge = _useClassNames.merge,
       withClassPrefix = _useClassNames.withClassPrefix;
 
-  var _useContext = useContext(TreeContext),
-      dragNodeRef = _useContext.dragNodeRef;
-
   var getTitle = useCallback(function () {
     if (typeof label === 'string') {
       return label;
@@ -83,16 +78,8 @@ var TreeNode = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, event);
   }, [nodeData, disabled, prefix, onSelect]);
   var handleDragStart = useCallback(function (event) {
-    var dragNode = dragNodeRef === null || dragNodeRef === void 0 ? void 0 : dragNodeRef.current;
-
-    if (dragNode) {
-      var _event$dataTransfer;
-
-      (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.setDragImage(dragNode, 0, 0);
-    }
-
     onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);
-  }, [dragNodeRef, nodeData, onDragStart]);
+  }, [nodeData, onDragStart]);
   var handleDragEnter = useCallback(function (event) {
     event.preventDefault();
     event.stopPropagation();
@@ -174,11 +161,9 @@ var TreeNode = /*#__PURE__*/forwardRef(function (_ref, ref) {
     active: active,
     'text-muted': disabled,
     focus: focus
-  })); // layer start from 1
-
-  var padding = (layer - 1) * TREE_NODE_PADDING + TREE_NODE_ROOT_PADDING;
+  }));
 
-  var styles = _extends({}, style, (_extends2 = {}, _extends2[rtl ? 'paddingRight' : 'paddingLeft'] = padding, _extends2));
+  var styles = _extends({}, style, getTreeNodeIndent(rtl, layer - 1));
 
   return visible ? /*#__PURE__*/React.createElement(Component, _extends({
     role: "treeitem"

package/esm/TreePicker/TreePicker.js

@@ -9,6 +9,7 @@ import React, { useState, useRef, useEffect, useCallback, useContext } from 'rea
 import PropTypes from 'prop-types';
 import { List, AutoSizer } from '../Picker/VirtualizedList';
 import TreeNode from './TreeNode';
+import { getTreeNodeIndent } from '../utils/treeUtils';
 import { createChainedFunction, useClassNames, useCustom, useControlled, TREE_NODE_DROP_POSITION, KEY_VALUES, mergeRefs, shallowEqual } from '../utils';
 import { getExpandWhenSearching, hasVisibleChildren, getDragNodeKeys, calDropNodePosition, createUpdateTreeDataFunction, useTreeDrag, useFlattenTreeData, getTreeActiveNode, getDefaultExpandItemValues, useTreeNodeRefs, useTreeSearch, focusPreviousItem, getFocusableItems, focusNextItem, getActiveItem, toggleExpand, useGetTreeNodeChildren, focusToActiveTreeNode, leftArrowHandler, focusTreeNode, rightArrowHandler, isSearching } from '../utils/treeUtils';
 import { PickerToggle, PickerOverlay, SearchBar, PickerToggleTrigger, createConcatChildrenFunction, usePickerClassName, onMenuKeyDown as _onMenuKeyDown, usePublicMethods, listPickerPropTypes, pickTriggerPropKeys, omitTriggerPropKeys, useToggleKeyDownEvent } from '../Picker';
@@ -24,6 +25,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$appearance = props.appearance,
       appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       style = props.style,
+      showIndentLine = props.showIndentLine,
       controlledValue = props.value,
       overrideLocale = props.locale,
       _props$height = props.height,
@@ -37,7 +39,8 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       menuStyle = props.menuStyle,
       _props$searchable = props.searchable,
       searchable = _props$searchable === void 0 ? true : _props$searchable,
-      virtualized = props.virtualized,
+      _props$virtualized = props.virtualized,
+      virtualized = _props$virtualized === void 0 ? false : _props$virtualized,
       _props$classPrefix = props.classPrefix,
       classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
       defaultValue = props.defaultValue,
@@ -84,23 +87,21 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       renderExtraFooter = props.renderExtraFooter,
       renderMenu = props.renderMenu,
       renderValue = props.renderValue,
-      renderDragNode = props.renderDragNode,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "data", "appearance", "style", "value", "locale", "height", "className", "disabled", "placement", "cleanable", "menuStyle", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onOpen", "onSearch", "onSelect", "onChange", "onEntered", "onClose", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue", "renderDragNode"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "data", "appearance", "style", "showIndentLine", "value", "locale", "height", "className", "disabled", "placement", "cleanable", "menuStyle", "searchable", "virtualized", "classPrefix", "defaultValue", "placeholder", "searchKeyword", "menuClassName", "menuAutoWidth", "searchBy", "toggleAs", "labelKey", "valueKey", "childrenKey", "draggable", "defaultExpandAll", "disabledItemValues", "expandItemValues", "defaultExpandItemValues", "id", "listProps", "getChildren", "renderTreeIcon", "renderTreeNode", "onExit", "onExited", "onClean", "onOpen", "onSearch", "onSelect", "onChange", "onEntered", "onClose", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "renderExtraFooter", "renderMenu", "renderValue"]);
 
-  var triggerRef = useRef();
-  var targetRef = useRef();
-  var listRef = useRef();
-  var overlayRef = useRef();
-  var searchInputRef = useRef();
-  var treeViewRef = useRef();
+  var triggerRef = useRef(null);
+  var targetRef = useRef(null);
+  var listRef = useRef(null);
+  var overlayRef = useRef(null);
+  var searchInputRef = useRef(null);
+  var treeViewRef = useRef(null);
 
   var _useCustom = useCustom('Picker', overrideLocale),
       rtl = _useCustom.rtl,
       locale = _useCustom.locale;
 
   var _useContext = useContext(TreeContext),
-      inline = _useContext.inline,
-      dragNodeRef = _useContext.dragNodeRef;
+      inline = _useContext.inline;
 
   var _useControlled = useControlled(controlledValue, defaultValue),
       value = _useControlled[0],
@@ -184,21 +185,17 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var activeNode = getTreeActiveNode(flattenNodes, value, valueKey);
   var getFormattedNodes = useCallback(function (render) {
-    var formattedNodes = [];
-
     if (virtualized) {
-      formattedNodes = formatVirtualizedTreeData(flattenNodes, filteredData, expandItemValues, {
+      return formatVirtualizedTreeData(flattenNodes, filteredData, expandItemValues, {
         searchKeyword: searchKeywordState
       }).filter(function (n) {
         return n.visible;
       });
-    } else {
-      formattedNodes = filteredData.map(function (dataItem, index) {
-        return render === null || render === void 0 ? void 0 : render(dataItem, index, 1);
-      });
     }
 
-    return formattedNodes;
+    return filteredData.map(function (dataItem, index) {
+      return render === null || render === void 0 ? void 0 : render(dataItem, index, 1);
+    });
   }, [searchKeywordState, expandItemValues, filteredData, flattenNodes, formatVirtualizedTreeData, virtualized]);
   var focusActiveNode = useCallback(function () {
     focusToActiveTreeNode({
@@ -226,14 +223,6 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   useEffect(function () {
     setSearchKeyword(searchKeyword !== null && searchKeyword !== void 0 ? searchKeyword : '');
   }, [searchKeyword, setSearchKeyword]);
-  useEffect(function () {
-    if (dragNodeRef) {
-      var _treeViewRef$current;
-
-      dragNodeRef.current = (_treeViewRef$current = treeViewRef.current) === null || _treeViewRef$current === void 0 ? void 0 : _treeViewRef$current.querySelector("." + treePrefix('drag-node-mover'));
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, []);
   var getDropData = useCallback(function (nodeData) {
     var options = {
       valueKey: valueKey,
@@ -412,7 +401,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.focus();
   }, [activeNode, setSearchKeyword, valueKey]);
   usePublicMethods(ref, {
-    rootRef: inline ? treeViewRef : null,
+    rootRef: inline ? treeViewRef : undefined,
     triggerRef: triggerRef,
     overlayRef: overlayRef,
     targetRef: targetRef,
@@ -448,11 +437,13 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }, [searchKeywordState, expandItemValues, filteredData, focusItemValue, treeNodesRefs, treePrefix, valueKey, childrenKey, disabledItemValues]);
   var handleLeftArrow = useCallback(function () {
+    if (_isNil(focusItemValue)) return;
     var focusItem = getActiveItem(focusItemValue, flattenNodes, valueKey);
     leftArrowHandler({
       focusItem: focusItem,
       expand: expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]),
       onExpand: handleExpand,
+      childrenKey: childrenKey,
       onFocusItem: function onFocusItem() {
         var _focusItem$parent, _focusItem$parent2;
 
@@ -460,8 +451,9 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
         focusTreeNode(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent2 = focusItem.parent) === null || _focusItem$parent2 === void 0 ? void 0 : _focusItem$parent2.refKey, treeNodesRefs, "." + treePrefix('node-label'));
       }
     });
-  }, [expandItemValues, flattenNodes, focusItemValue, handleExpand, treeNodesRefs, treePrefix, valueKey]);
+  }, [expandItemValues, flattenNodes, focusItemValue, handleExpand, treeNodesRefs, treePrefix, valueKey, childrenKey]);
   var handleRightArrow = useCallback(function () {
+    if (_isNil(focusItemValue)) return;
     var focusItem = getActiveItem(focusItemValue, flattenNodes, valueKey);
     rightArrowHandler({
       focusItem: focusItem,
@@ -474,10 +466,12 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
   }, [focusItemValue, flattenNodes, valueKey, expandItemValues, childrenKey, handleExpand, handleFocusItem]);
   var selectActiveItem = useCallback(function (event) {
+    if (_isNil(focusItemValue)) return;
     var activeItem = getActiveItem(focusItemValue, flattenNodes, valueKey);
     handleSelect(activeItem, event);
   }, [flattenNodes, valueKey, focusItemValue, handleSelect]);
   var handleClean = useCallback(function (event) {
+    var nullValue = null;
     var target = event.target; // exclude searchBar
 
     if (target.matches('div[role="searchbox"] > input')) {
@@ -485,7 +479,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
 
     setValue(null);
-    onChange === null || onChange === void 0 ? void 0 : onChange(null, event);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nullValue, event);
   }, [onChange, setValue]);
   var onPickerKeydown = useToggleKeyDownEvent(_extends({
     toggle: !activeNode || !active,
@@ -556,18 +550,21 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
         key: node[valueKey]
       }, /*#__PURE__*/React.createElement(TreeNode, _extends({}, nodeProps, {
         ref: function ref(_ref) {
-          return saveTreeNodeRef(node.refKey, _ref);
+          return saveTreeNodeRef(_ref, node.refKey);
         }
       })), /*#__PURE__*/React.createElement("div", {
         className: treePrefix('children')
       }, nodes.map(function (child, i) {
         return renderNode(child, i, layer);
+      }), showIndentLine && /*#__PURE__*/React.createElement("span", {
+        className: treePrefix('indent-line'),
+        style: getTreeNodeIndent(rtl, layer - 1, true)
       })));
     }
 
     return /*#__PURE__*/React.createElement(TreeNode, _extends({
       ref: function ref(_ref2) {
-        return saveTreeNodeRef(node.refKey, _ref2);
+        return saveTreeNodeRef(_ref2, node.refKey);
       },
       key: node[valueKey]
     }, nodeProps));
@@ -596,29 +593,13 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
       return visible && /*#__PURE__*/React.createElement(TreeNode, _extends({
         ref: function ref(_ref4) {
-          return saveTreeNodeRef(node.refKey, _ref4);
+          return saveTreeNodeRef(_ref4, node.refKey);
         },
         key: key
       }, nodeProps));
     };
   };
 
-  var renderDefaultDragNode = function renderDefaultDragNode() {
-    if (draggable) {
-      var dragNodeContent = dragNode === null || dragNode === void 0 ? void 0 : dragNode[labelKey];
-
-      if (_isFunction(renderDragNode)) {
-        dragNodeContent = renderDragNode(dragNode);
-      }
-
-      return /*#__PURE__*/React.createElement("span", {
-        className: treePrefix('drag-node-mover')
-      }, dragNodeContent);
-    }
-
-    return null;
-  };
-
   var renderTree = function renderTree() {
     var _withTreeClassPrefix;
 
@@ -654,7 +635,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
         rowRenderer: renderVirtualListNode(formattedNodes),
         scrollToAlignment: "center"
       }, listProps));
-    }) : formattedNodes), renderDefaultDragNode());
+    }) : formattedNodes));
   };
 
   var renderDropdownMenu = function renderDropdownMenu(positionProps, speakerRef) {

package/esm/Uploader/UploadFileItem.d.ts

@@ -7,7 +7,7 @@ export interface UploadFileItemProps extends WithAsProps {
     listType: 'text' | 'picture-text' | 'picture';
     disabled?: boolean;
     className?: string;
-    maxPreviewFileSize: number;
+    maxPreviewFileSize?: number;
     classPrefix?: string;
     removable?: boolean;
     allowReupload?: boolean;

package/esm/Uploader/UploadFileItem.js

@@ -275,8 +275,8 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
 UploadFileItem.displayName = 'UploadFileItem';
 UploadFileItem.propTypes = {
   locale: PropTypes.any,
-  file: PropTypes.object,
-  listType: PropTypes.oneOf(['text', 'picture-text', 'picture']),
+  file: PropTypes.object.isRequired,
+  listType: PropTypes.oneOf(['text', 'picture-text', 'picture']).isRequired,
   disabled: PropTypes.bool,
   className: PropTypes.string,
   maxPreviewFileSize: PropTypes.number,

package/esm/Uploader/UploadTrigger.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { UploaderLocale } from '../locales';
 export interface UploadTriggerProps {
-    as: React.ElementType | string;
+    as?: React.ElementType;
     name?: string;
     multiple?: boolean;
     disabled?: boolean;

package/esm/Uploader/UploadTrigger.js

@@ -32,13 +32,13 @@ var UploadTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onDrop = props.onDrop,
       rest = _objectWithoutPropertiesLoose(props, ["as", "name", "accept", "multiple", "disabled", "readOnly", "children", "classPrefix", "className", "draggable", "locale", "onChange", "onDragEnter", "onDragLeave", "onDragOver", "onDrop"]);
 
-  var rootRef = useRef();
+  var rootRef = useRef(null);
 
   var _useState = useState(false),
       dragOver = _useState[0],
       setDragOver = _useState[1];
 
-  var inputRef = useRef();
+  var inputRef = useRef(null);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -151,7 +151,6 @@ UploadTrigger.propTypes = {
   classPrefix: PropTypes.string,
   className: PropTypes.string,
   children: PropTypes.node,
-  as: PropTypes.elementType,
   draggable: PropTypes.bool,
   onDragEnter: PropTypes.func,
   onDragLeave: PropTypes.func,

package/esm/Uploader/Uploader.d.ts

@@ -21,7 +21,7 @@ export interface UploaderInstance {
 }
 export interface UploaderProps extends WithAsProps {
     /** Uploading URL */
-    action?: string;
+    action: string;
     /** File types that can be accepted. See input accept Attribute */
     accept?: string;
     /** Automatically upload files after selecting them */
@@ -62,7 +62,7 @@ export interface UploaderProps extends WithAsProps {
     /** Max file size limit of the preview file */
     maxPreviewFileSize?: number;
     /** You can use a custom element for this component */
-    toggleAs?: React.ElementType | string;
+    toggleAs?: React.ElementType;
     /** Removable list file  */
     removable?: boolean;
     /** File list can be rendered */
@@ -84,11 +84,11 @@ export interface UploaderProps extends WithAsProps {
     /** In the file list, click the callback function for the uploaded file */
     onPreview?: (file: FileType, event: React.SyntheticEvent) => void;
     /** Upload callback function with erro */
-    onError?: (status: any, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
+    onError?: (status: any, file: FileType, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     /** callback function after successful upload */
-    onSuccess?: (response: any, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
+    onSuccess?: (response: any, file: FileType, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     /** Callback functions that upload progress change */
-    onProgress?: (percent: number, file: FileType, event: React.SyntheticEvent, xhr: XMLHttpRequest) => void;
+    onProgress?: (percent: number, file: FileType, event: ProgressEvent, xhr: XMLHttpRequest) => void;
     /** In the file list, click the callback function to delete a file */
     onRemove?: (file: FileType) => void;
     /** Custom render file information */

package/esm/Uploader/Uploader.js

@@ -428,7 +428,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 Uploader.displayName = 'Uploader';
 Uploader.propTypes = {
-  action: PropTypes.string,
+  action: PropTypes.string.isRequired,
   accept: PropTypes.string,
   autoUpload: PropTypes.bool,
   children: PropTypes.node,
@@ -458,7 +458,6 @@ Uploader.propTypes = {
   onRemove: PropTypes.func,
   maxPreviewFileSize: PropTypes.number,
   style: PropTypes.object,
-  toggleAs: PropTypes.elementType,
   renderFileInfo: PropTypes.func,
   renderThumbnail: PropTypes.func,
   removable: PropTypes.bool,

package/esm/index.d.ts

@@ -24,14 +24,14 @@ export { default as Loader } from './Loader';
 export type { LoaderProps } from './Loader';
 export { default as SafeAnchor } from './SafeAnchor';
 export type { SafeAnchorProps } from './SafeAnchor';
-export { default as Divider } from './Divider';
-export type { DividerProps } from './Divider';
 export { default as Placeholder } from './Placeholder';
 export type { PlaceholderGraphProps, PlaceholderGridProps, PlaceholderParagraphProps } from './Placeholder';
 export { default as Badge } from './Badge';
 export type { BadgeProps } from './Badge';
 export { default as Avatar } from './Avatar';
 export type { AvatarProps } from './Avatar';
+export { default as AvatarGroup } from './AvatarGroup';
+export type { AvatarGroupProps } from './AvatarGroup';
 export { default as toaster } from './toaster';
 export type { Toaster } from './toaster';
 export { default as Dropdown } from './Dropdown';
@@ -142,6 +142,10 @@ export { default as Sidebar } from './Sidebar';
 export type { SidebarProps } from './Sidebar';
 export { default as Footer } from './Footer';
 export type { FooterProps } from './Footer';
+export { default as Divider } from './Divider';
+export type { DividerProps } from './Divider';
+export { default as Stack } from './Stack';
+export type { StackProps } from './Stack';
 export { default as Schema } from './Schema';
 export { default as Animation } from './Animation';
 export type { TransitionProps, SlideProps, CollapseProps, FadeProps, BounceProps } from './Animation';

package/esm/index.js

@@ -12,10 +12,10 @@ export { default as Message } from './Message';
 export { default as Drawer } from './Drawer';
 export { default as Loader } from './Loader';
 export { default as SafeAnchor } from './SafeAnchor';
-export { default as Divider } from './Divider';
 export { default as Placeholder } from './Placeholder';
 export { default as Badge } from './Badge';
 export { default as Avatar } from './Avatar';
+export { default as AvatarGroup } from './AvatarGroup';
 export { default as toaster } from './toaster';
 // Nav
 export { default as Dropdown } from './Dropdown';
@@ -75,6 +75,8 @@ export { default as Content } from './Content';
 export { default as Header } from './Header';
 export { default as Sidebar } from './Sidebar';
 export { default as Footer } from './Footer';
+export { default as Divider } from './Divider';
+export { default as Stack } from './Stack';
 // Utils
 export { default as Schema } from './Schema';
 export { default as Animation } from './Animation';

package/esm/locales/index.d.ts

@@ -19,15 +19,15 @@ declare type PickKeys<T> = {
     [keys in keyof T]?: T[keys];
 };
 export declare type Locale = PickKeys<typeof defaultLocale>;
-export declare type CommonLocale = PickKeys<typeof defaultLocale.common>;
+export declare type CommonLocale = typeof defaultLocale.common;
 export declare type CalendarLocale = PickKeys<typeof defaultLocale.Calendar>;
 export declare type PlaintextLocale = PickKeys<typeof defaultLocale.Plaintext>;
 export declare type PaginationLocale = PickKeys<typeof defaultLocale.Pagination>;
 export declare type TableLocale = CommonLocale;
 export declare type DatePickerLocale = PickKeys<typeof defaultLocale.DatePicker>;
 export declare type DateRangePickerLocale = PickKeys<typeof defaultLocale.DateRangePicker>;
-export declare type PickerLocale = PickKeys<typeof defaultLocale.Picker> & CommonLocale;
-export declare type InputPickerLocale = PickerLocale & PickKeys<typeof defaultLocale.InputPicker>;
+export declare type PickerLocale = typeof defaultLocale.Picker & CommonLocale;
+export declare type InputPickerLocale = PickerLocale & typeof defaultLocale.InputPicker;
 export declare type UploaderLocale = PickKeys<typeof defaultLocale.Uploader>;
 export declare type CloseButtonLocale = PickKeys<typeof defaultLocale.CloseButton>;
 export declare type BreadcrumbLocale = PickKeys<typeof defaultLocale.Breadcrumb>;

package/esm/toaster/ToastContainer.d.ts

@@ -18,7 +18,7 @@ export interface NodeProps extends WithAsProps {
     onClose?: (event?: React.MouseEvent<HTMLDivElement>) => void;
 }
 interface ToastContainerComponent extends RsRefForwardingComponent<'div', ToastContainerProps> {
-    getInstance?: (props: ToastContainerProps) => [React.RefObject<ToastContainerInstance>, () => void];
+    getInstance: (props: ToastContainerProps) => [React.RefObject<ToastContainerInstance>, () => void];
 }
 declare const ToastContainer: ToastContainerComponent;
 export default ToastContainer;

package/esm/toaster/ToastContainer.js

@@ -14,7 +14,7 @@ var useMessages = function useMessages() {
 
   var getKey = useCallback(function (key) {
     if (typeof key === 'undefined' && messages.length) {
-      key = messages[messages.length - 1].key;
+      return messages[messages.length - 1].key;
     }
 
     return key;

package/esm/toaster/toaster.js

@@ -40,7 +40,9 @@ toaster.push = function (message, options) {
   var container = getContainer(options.placement);
 
   if (!container) {
-    container = createContainer(options.placement, options);
+    var _options$placement;
+
+    container = createContainer((_options$placement = options.placement) !== null && _options$placement !== void 0 ? _options$placement : '', options);
   }
 
   return container.current.push(message);

package/esm/utils/BrowserDetection.js

@@ -12,5 +12,5 @@ export var isIE11 = function isIE11() {
 }; // Edge 20+
 
 export var isEdge = function isEdge() {
-  return canUseDOM && !isIE() && !!window.styleMedia;
+  return canUseDOM && !isIE() && 'styleMedia' in window;
 };

package/esm/utils/ReactChildren.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 export declare function find(children: React.ReactNode, func: any, context?: any): React.ReactNode;
-export declare function map(children: React.ReactNode, func: any, context?: any): any[];
-export declare function mapCloneElement(children: React.ReactNode, func: any, context?: any): any[];
+export declare function map(children: React.ReactNode, func: any, context?: any): any[] | null | undefined;
+export declare function mapCloneElement(children: React.ReactNode, func: any, context?: any): any[] | null | undefined;
 export declare function count(children: React.ReactChildren): number;
 declare function some(children: React.ReactNode, func: any, context?: any): boolean;
 declare const _default: {

package/esm/utils/ajaxUpload.d.ts

@@ -17,6 +17,6 @@ interface Options {
 }
 export default function ajaxUpload(options: Options): {
     xhr: XMLHttpRequest;
-    data: any;
+    data: File | FormData;
 };
 export {};

package/esm/utils/ajaxUpload.js

@@ -27,15 +27,16 @@ export default function ajaxUpload(options) {
       withCredentials = options.withCredentials,
       disableMultipart = options.disableMultipart;
   var xhr = new XMLHttpRequest();
-  var sendableData = null;
+  var sendableData;
   xhr.open('POST', url, true);
 
   if (!disableMultipart) {
     sendableData = new FormData();
     sendableData.append(name, file, file.name);
-    Object.keys(data).forEach(function (key) {
-      return sendableData.append(key, data[key]);
-    });
+
+    for (var key in data) {
+      sendableData.append(key, data[key]);
+    }
   } else {
     sendableData = file;
   }