rsuite 5.2.4 → 5.3.0

package/cjs/Slider/Slider.d.ts

@@ -45,7 +45,7 @@ export interface SliderProps<T = number> extends WithAsProps, FormControlBasePro
     /** Customize labels on the render ruler */
     renderMark?: (mark: number) => React.ReactNode;
     /** Customize the content of the rendered Tooltip. */
-    renderTooltip?: (value: number) => React.ReactNode;
+    renderTooltip?: (value: number | undefined) => React.ReactNode;
     /** Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider. */
     getAriaValueText?: (value: number, eventKey?: 'start' | 'end') => string;
     /** Callback function that is fired when the mouseup is triggered. */

package/cjs/Slider/Slider.js

@@ -96,7 +96,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       onChange = props.onChange,
       onChangeCommitted = props.onChangeCommitted,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["aria-label", "aria-labelledby", "aria-valuetext", "as", "graduated", "className", "barClassName", "progress", "vertical", "disabled", "readOnly", "plaintext", "classPrefix", "min", "handleClassName", "handleStyle", "handleTitle", "tooltip", "step", "defaultValue", "value", "max", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"]);
-  var barRef = (0, _react.useRef)();
+  var barRef = (0, _react.useRef)(null);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       merge = _useClassNames.merge,
@@ -265,7 +265,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onDragMove: handleChangeValue,
     onKeyDown: handleKeyDown,
     onDragEnd: handleChangeCommitted,
-    tabIndex: disabled || readOnly ? null : 0,
+    tabIndex: disabled || readOnly ? undefined : 0,
     "aria-orientation": vertical ? 'vertical' : 'horizontal',
     "aria-valuenow": value,
     "aria-disabled": disabled,

package/cjs/Slider/utils.d.ts

@@ -1,2 +1,3 @@
 export declare const precisionMath: (value: any) => number;
-export declare const checkValue: (value: number, min: number, max: number) => number;
+declare function checkValue<T extends number | undefined>(value: T, min: number, max: number): T extends undefined ? undefined : number;
+export { checkValue };

package/cjs/Slider/utils.js

@@ -1,7 +1,8 @@
 "use strict";
 
 exports.__esModule = true;
-exports.checkValue = exports.precisionMath = void 0;
+exports.checkValue = checkValue;
+exports.precisionMath = void 0;
 
 var precisionMath = function precisionMath(value) {
   return parseFloat(value.toFixed(10));
@@ -9,7 +10,7 @@ var precisionMath = function precisionMath(value) {
 
 exports.precisionMath = precisionMath;
 
-var checkValue = function checkValue(value, min, max) {
+function checkValue(value, min, max) {
   if (typeof value === 'undefined') {
     return value;
   }
@@ -23,6 +24,4 @@ var checkValue = function checkValue(value, min, max) {
   }
 
   return value;
-};
-
-exports.checkValue = checkValue;
+}

package/cjs/Steps/StepItem.js

@@ -27,7 +27,7 @@ var STEP_STATUS_ICON = {
 };
 
 var StepItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _withClassPrefix, _STEP_STATUS_ICON$sta;
+  var _withClassPrefix;
 
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'div' : _props$as,
@@ -57,7 +57,7 @@ var StepItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var iconNode = /*#__PURE__*/_react.default.createElement("span", {
     className: prefix('icon', "icon-" + status)
-  }, (_STEP_STATUS_ICON$sta = STEP_STATUS_ICON[status]) !== null && _STEP_STATUS_ICON$sta !== void 0 ? _STEP_STATUS_ICON$sta : stepNumber);
+  }, status ? STEP_STATUS_ICON[status] : stepNumber);
 
   if (icon) {
     iconNode = /*#__PURE__*/_react.default.createElement("span", {

package/cjs/TagInput/index.js

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

package/cjs/Toggle/Toggle.js

@@ -40,7 +40,7 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       localeProp = props.locale,
       onChange = props.onChange,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "readOnly", "loading", "plaintext", "className", "checkedChildren", "unCheckedChildren", "classPrefix", "checked", "defaultChecked", "size", "locale", "onChange"]);
-  var inputRef = (0, _react.useRef)();
+  var inputRef = (0, _react.useRef)(null);
 
   var _useControlled = (0, _utils.useControlled)(checkedProp, defaultChecked),
       checked = _useControlled[0],

package/cjs/Tree/Tree.d.ts

@@ -43,6 +43,8 @@ export interface TreeBaseProps<ValueType = string | number, ItemDataType = Recor
     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 +61,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/cjs/TreePicker/TreeNode.js

@@ -7,7 +7,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
@@ -27,9 +27,9 @@ var _reactToString = _interopRequireDefault(require("../utils/reactToString"));
 
 var _utils = require("../utils");
 
-var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _extends2;
+var _treeUtils = require("../utils/treeUtils");
 
+var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$as = _ref.as,
       Component = _ref$as === void 0 ? 'div' : _ref$as,
       rtl = _ref.rtl,
@@ -194,11 +194,9 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     active: active,
     'text-muted': disabled,
     focus: focus
-  })); // layer start from 1
-
-  var padding = (layer - 1) * _utils.TREE_NODE_PADDING + _utils.TREE_NODE_ROOT_PADDING;
-  var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[rtl ? 'paddingRight' : 'paddingLeft'] = padding, _extends2));
-  return visible ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({
+  }));
+  var styles = (0, _extends2.default)({}, style, (0, _treeUtils.getTreeNodeIndent)(rtl, layer - 1));
+  return visible ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "treeitem"
   }, rest, {
     "aria-expanded": expand,

package/cjs/TreePicker/TreePicker.js

@@ -29,10 +29,10 @@ var _VirtualizedList = require("../Picker/VirtualizedList");
 
 var _TreeNode = _interopRequireDefault(require("./TreeNode"));
 
-var _utils = require("../utils");
-
 var _treeUtils = require("../utils/treeUtils");
 
+var _utils = require("../utils");
+
 var _Picker = require("../Picker");
 
 var _TreeContext = _interopRequireDefault(require("../Tree/TreeContext"));
@@ -50,6 +50,7 @@ var TreePicker = /*#__PURE__*/_react.default.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,
@@ -63,7 +64,8 @@ var TreePicker = /*#__PURE__*/_react.default.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,
@@ -111,13 +113,13 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       renderMenu = props.renderMenu,
       renderValue = props.renderValue,
       renderDragNode = props.renderDragNode,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(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"]);
-  var triggerRef = (0, _react.useRef)();
-  var targetRef = (0, _react.useRef)();
-  var listRef = (0, _react.useRef)();
-  var overlayRef = (0, _react.useRef)();
-  var searchInputRef = (0, _react.useRef)();
-  var treeViewRef = (0, _react.useRef)();
+      rest = (0, _objectWithoutPropertiesLoose2.default)(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", "renderDragNode"]);
+  var triggerRef = (0, _react.useRef)(null);
+  var targetRef = (0, _react.useRef)(null);
+  var listRef = (0, _react.useRef)(null);
+  var overlayRef = (0, _react.useRef)(null);
+  var searchInputRef = (0, _react.useRef)(null);
+  var treeViewRef = (0, _react.useRef)(null);
 
   var _useCustom = (0, _utils.useCustom)('Picker', overrideLocale),
       rtl = _useCustom.rtl,
@@ -209,21 +211,17 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var activeNode = (0, _treeUtils.getTreeActiveNode)(flattenNodes, value, valueKey);
   var getFormattedNodes = (0, _react.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 = (0, _react.useCallback)(function () {
     (0, _treeUtils.focusToActiveTreeNode)({
@@ -437,7 +435,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.focus();
   }, [activeNode, setSearchKeyword, valueKey]);
   (0, _Picker.usePublicMethods)(ref, {
-    rootRef: inline ? treeViewRef : null,
+    rootRef: inline ? treeViewRef : undefined,
     triggerRef: triggerRef,
     overlayRef: overlayRef,
     targetRef: targetRef,
@@ -473,11 +471,13 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
   }, [searchKeywordState, expandItemValues, filteredData, focusItemValue, treeNodesRefs, treePrefix, valueKey, childrenKey, disabledItemValues]);
   var handleLeftArrow = (0, _react.useCallback)(function () {
+    if ((0, _isNil2.default)(focusItemValue)) return;
     var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);
     (0, _treeUtils.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;
 
@@ -485,8 +485,9 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         (0, _treeUtils.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 = (0, _react.useCallback)(function () {
+    if ((0, _isNil2.default)(focusItemValue)) return;
     var focusItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);
     (0, _treeUtils.rightArrowHandler)({
       focusItem: focusItem,
@@ -499,10 +500,12 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     });
   }, [focusItemValue, flattenNodes, valueKey, expandItemValues, childrenKey, handleExpand, handleFocusItem]);
   var selectActiveItem = (0, _react.useCallback)(function (event) {
+    if ((0, _isNil2.default)(focusItemValue)) return;
     var activeItem = (0, _treeUtils.getActiveItem)(focusItemValue, flattenNodes, valueKey);
     handleSelect(activeItem, event);
   }, [flattenNodes, valueKey, focusItemValue, handleSelect]);
   var handleClean = (0, _react.useCallback)(function (event) {
+    var nullValue = null;
     var target = event.target; // exclude searchBar
 
     if (target.matches('div[role="searchbox"] > input')) {
@@ -510,7 +513,7 @@ var TreePicker = /*#__PURE__*/_react.default.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 = (0, _Picker.useToggleKeyDownEvent)((0, _extends2.default)({
     toggle: !activeNode || !active,
@@ -580,18 +583,21 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         key: node[valueKey]
       }, /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({}, nodeProps, {
         ref: function ref(_ref) {
-          return saveTreeNodeRef(node.refKey, _ref);
+          return saveTreeNodeRef(_ref, node.refKey);
         }
       })), /*#__PURE__*/_react.default.createElement("div", {
         className: treePrefix('children')
       }, nodes.map(function (child, i) {
         return renderNode(child, i, layer);
+      }), showIndentLine && /*#__PURE__*/_react.default.createElement("span", {
+        className: treePrefix('indent-line'),
+        style: (0, _treeUtils.getTreeNodeIndent)(rtl, layer - 1, true)
       })));
     }
 
     return /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({
       ref: function ref(_ref2) {
-        return saveTreeNodeRef(node.refKey, _ref2);
+        return saveTreeNodeRef(_ref2, node.refKey);
       },
       key: node[valueKey]
     }, nodeProps));
@@ -619,7 +625,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       });
       return visible && /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({
         ref: function ref(_ref4) {
-          return saveTreeNodeRef(node.refKey, _ref4);
+          return saveTreeNodeRef(_ref4, node.refKey);
         },
         key: key
       }, nodeProps));
@@ -627,7 +633,7 @@ var TreePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   };
 
   var renderDefaultDragNode = function renderDefaultDragNode() {
-    if (draggable) {
+    if (draggable && !(0, _isNil2.default)(dragNode)) {
       var dragNodeContent = dragNode === null || dragNode === void 0 ? void 0 : dragNode[labelKey];
 
       if ((0, _isFunction2.default)(renderDragNode)) {

package/cjs/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/cjs/Uploader/UploadFileItem.js

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

package/cjs/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/cjs/Uploader/UploadTrigger.js

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

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

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

package/cjs/index.d.ts

@@ -32,6 +32,8 @@ 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';

package/cjs/index.js

@@ -3,7 +3,7 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.Avatar = exports.Badge = exports.Placeholder = exports.Divider = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
+exports.CustomProvider = exports.Affix = exports.DOMHelper = exports.Animation = exports.Schema = exports.Footer = exports.Sidebar = exports.Header = exports.Content = exports.Container = exports.FlexboxGrid = exports.Col = exports.Row = exports.Grid = exports.Carousel = exports.Calendar = exports.List = exports.TagGroup = exports.Tag = exports.Timeline = exports.Progress = exports.Table = exports.PanelGroup = exports.Panel = exports.CheckTree = exports.Tree = exports.Rate = exports.RangeSlider = exports.Slider = exports.Uploader = exports.AutoComplete = exports.DateRangePicker = exports.DatePicker = exports.MultiCascader = exports.Cascader = exports.CheckTreePicker = exports.TreePicker = exports.TagInput = exports.TagPicker = exports.InputPicker = exports.CheckPicker = exports.SelectPicker = exports.RadioGroup = exports.Radio = exports.CheckboxGroup = exports.Checkbox = exports.InputGroup = exports.InputNumber = exports.MaskedInput = exports.Input = exports.Form = exports.Toggle = exports.Steps = exports.Pagination = exports.Breadcrumb = exports.Sidenav = exports.Navbar = exports.Nav = exports.Dropdown = exports.toaster = exports.AvatarGroup = exports.Avatar = exports.Badge = exports.Placeholder = exports.Divider = exports.SafeAnchor = exports.Loader = exports.Drawer = exports.Message = exports.Notification = exports.Modal = exports.Popover = exports.Tooltip = exports.Whisper = exports.ButtonGroup = exports.ButtonToolbar = exports.IconButton = exports.Button = void 0;
 
 var _Button = _interopRequireDefault(require("./Button"));
 
@@ -73,6 +73,10 @@ var _Avatar = _interopRequireDefault(require("./Avatar"));
 
 exports.Avatar = _Avatar.default;
 
+var _AvatarGroup = _interopRequireDefault(require("./AvatarGroup"));
+
+exports.AvatarGroup = _AvatarGroup.default;
+
 var _toaster = _interopRequireDefault(require("./toaster"));
 
 exports.toaster = _toaster.default;

package/cjs/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/cjs/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/cjs/toaster/ToastContainer.js

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

package/cjs/toaster/toaster.js

@@ -48,7 +48,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/cjs/utils/BrowserDetection.js

@@ -29,7 +29,7 @@ var isIE11 = function isIE11() {
 exports.isIE11 = isIE11;
 
 var isEdge = function isEdge() {
-  return _canUseDOM.default && !isIE() && !!window.styleMedia;
+  return _canUseDOM.default && !isIE() && 'styleMedia' in window;
 };
 
 exports.isEdge = isEdge;

package/cjs/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/cjs/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/cjs/utils/ajaxUpload.js

@@ -32,15 +32,16 @@ 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;
   }

package/cjs/utils/appendTooltip.d.ts

@@ -3,7 +3,7 @@ import { TypeAttributes } from '../@types/common';
 interface Props {
     ref?: React.Ref<any>;
     message?: React.ReactNode;
-    children?: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
+    children: React.ReactElement | ((props: any, ref: any) => React.ReactElement);
     placement?: TypeAttributes.Placement;
 }
 export default function appendTooltip({ message, ref, ...rest }: Props): JSX.Element;

package/cjs/utils/constants.d.ts

@@ -1,10 +1,10 @@
 export declare const SIZE: string[];
 export declare const STATUS: string[];
 export declare const COLOR: string[];
-export declare const PLACEMENT_4: string[];
-export declare const PLACEMENT_8: string[];
-export declare const PLACEMENT_AUTO: string[];
-export declare const PLACEMENT: any[];
+export declare const PLACEMENT_4: readonly ["top", "bottom", "right", "left"];
+export declare const PLACEMENT_8: readonly ["bottomStart", "bottomEnd", "topStart", "topEnd", "leftStart", "rightStart", "leftEnd", "rightEnd"];
+export declare const PLACEMENT_AUTO: readonly ["auto", "autoVertical", "autoVerticalStart", "autoVerticalEnd", "autoHorizontal", "autoHorizontalStart", "autoHorizontalEnd"];
+export declare const PLACEMENT: readonly ["top", "bottom", "right", "left", "bottomStart", "bottomEnd", "topStart", "topEnd", "leftStart", "rightStart", "leftEnd", "rightEnd", "auto", "autoVertical", "autoVerticalStart", "autoVerticalEnd", "autoHorizontal", "autoHorizontalStart", "autoHorizontalEnd"];
 /**
  *  Check Tree Node State
  */

package/cjs/utils/createChainedFunction.d.ts

@@ -11,5 +11,5 @@
  * @param {function} functions to chain
  * @returns {function|undefined}
  */
-declare function createChainedFunction<T = any>(...funcs: T[]): T;
+declare function createChainedFunction<T = any>(...funcs: (T | null)[]): T;
 export default createChainedFunction;

package/cjs/utils/getDataGroupBy.d.ts

@@ -1,3 +1,3 @@
 export declare const KEY_GROUP: string | symbol;
 export declare const KEY_GROUP_TITLE = "groupTitle";
-export default function getDataGroupBy(data: any[], key: string, sort: any): any[];
+export default function getDataGroupBy(data: any[] | undefined, key: string, sort: any): any[];

package/cjs/utils/mergeRefs.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
 declare type CallbackRef<T> = (ref: T | null) => void;
 declare type Ref<T> = React.MutableRefObject<T> | CallbackRef<T>;
-export default function mergeRefs<T>(refA?: Ref<T> | null, refB?: Ref<T> | null): (value: T | null) => void;
+export default function mergeRefs<T>(refA?: Ref<T | null> | null, refB?: Ref<T | null> | null): React.RefCallback<T>;
 export {};