rsuite 5.0.0-beta.7 → 5.0.2

package/esm/TreePicker/TreeNode.js

@@ -21,9 +21,11 @@ var TreeNode = /*#__PURE__*/forwardRef(function (_ref, ref) {
       loading = _ref.loading,
       nodeData = _ref.nodeData,
       className = _ref.className,
-      classPrefix = _ref.classPrefix,
+      _ref$classPrefix = _ref.classPrefix,
+      classPrefix = _ref$classPrefix === void 0 ? 'tree-node' : _ref$classPrefix,
       disabled = _ref.disabled,
-      visible = _ref.visible,
+      _ref$visible = _ref.visible,
+      visible = _ref$visible === void 0 ? true : _ref$visible,
       draggable = _ref.draggable,
       expand = _ref.expand,
       focus = _ref.focus,
@@ -199,10 +201,6 @@ var TreeNode = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }), renderIcon(), renderLabel()) : null;
 });
 TreeNode.displayName = 'TreePickerNode';
-TreeNode.defaultProps = {
-  visible: true,
-  classPrefix: 'tree-node'
-};
 TreeNode.propTypes = {
   as: PropTypes.elementType,
   rtl: PropTypes.bool,

package/esm/TreePicker/TreePicker.js

@@ -1,5 +1,5 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _isFunction from "lodash/isFunction";
 import _isNil from "lodash/isNil";
 import _isUndefined from "lodash/isUndefined";
@@ -11,53 +11,57 @@ import { List, AutoSizer } from '../Picker/VirtualizedList';
 import TreeNode from './TreeNode';
 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, listPickerDefaultProps, pickTriggerPropKeys, omitTriggerPropKeys, useToggleKeyDownEvent } from '../Picker';
+import { PickerToggle, PickerOverlay, SearchBar, PickerToggleTrigger, createConcatChildrenFunction, usePickerClassName, onMenuKeyDown as _onMenuKeyDown, usePublicMethods, listPickerPropTypes, pickTriggerPropKeys, omitTriggerPropKeys, useToggleKeyDownEvent } from '../Picker';
 import TreeContext from '../Tree/TreeContext'; // default value for virtualized
 
 export var maxTreeHeight = 320;
-
-var defaultProps = _extends({}, listPickerDefaultProps, {
-  classPrefix: 'picker',
-  as: 'div',
-  height: 360,
-  appearance: 'default',
-  searchable: true,
-  cleanable: true,
-  menuAutoWidth: true,
-  placement: 'bottomStart'
-});
-
+var emptyArray = [];
 var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
-      data = props.data,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$data = props.data,
+      data = _props$data === void 0 ? emptyArray : _props$data,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       style = props.style,
       controlledValue = props.value,
       overrideLocale = props.locale,
-      height = props.height,
+      _props$height = props.height,
+      height = _props$height === void 0 ? 360 : _props$height,
       className = props.className,
       disabled = props.disabled,
-      placement = props.placement,
-      cleanable = props.cleanable,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
       menuStyle = props.menuStyle,
-      searchable = props.searchable,
+      _props$searchable = props.searchable,
+      searchable = _props$searchable === void 0 ? true : _props$searchable,
       virtualized = props.virtualized,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
       defaultValue = props.defaultValue,
       placeholder = props.placeholder,
       searchKeyword = props.searchKeyword,
       menuClassName = props.menuClassName,
-      menuAutoWidth = props.menuAutoWidth,
+      _props$menuAutoWidth = props.menuAutoWidth,
+      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
       searchBy = props.searchBy,
       toggleAs = props.toggleAs,
-      labelKey = props.labelKey,
-      valueKey = props.valueKey,
-      childrenKey = props.childrenKey,
+      _props$labelKey = props.labelKey,
+      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+      _props$valueKey = props.valueKey,
+      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+      _props$childrenKey = props.childrenKey,
+      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
       draggable = props.draggable,
       defaultExpandAll = props.defaultExpandAll,
-      disabledItemValues = props.disabledItemValues,
+      _props$disabledItemVa = props.disabledItemValues,
+      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
       controlledExpandItemValues = props.expandItemValues,
       defaultExpandItemValues = props.defaultExpandItemValues,
       id = props.id,
+      listProps = props.listProps,
       getChildren = props.getChildren,
       renderTreeIcon = props.renderTreeIcon,
       renderTreeNode = props.renderTreeNode,
@@ -81,7 +85,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       renderMenu = props.renderMenu,
       renderValue = props.renderValue,
       renderDragNode = props.renderDragNode,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "data", "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", "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", "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 = useRef();
   var targetRef = useRef();
@@ -638,7 +642,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, function (_ref5) {
       var height = _ref5.height,
           width = _ref5.width;
-      return /*#__PURE__*/React.createElement(List, {
+      return /*#__PURE__*/React.createElement(List, _extends({
         ref: listRef,
         width: width,
         height: height,
@@ -646,7 +650,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
         rowCount: formattedNodes.length,
         rowRenderer: renderVirtualListNode(formattedNodes),
         scrollToAlignment: "center"
-      });
+      }, listProps));
     }) : formattedNodes), renderDefaultDragNode());
   };
 
@@ -702,8 +706,11 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   var _usePickerClassName = usePickerClassName(_extends({}, props, {
+    classPrefix: classPrefix,
+    appearance: appearance,
     hasValue: hasValidValue,
-    name: 'tree'
+    name: 'tree',
+    cleanable: cleanable
   })),
       classes = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1];
@@ -727,6 +734,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, _omit(rest, [].concat(omitTriggerPropKeys, usedClassNamePropKeys, ['cascade'])), {
     id: id,
     ref: targetRef,
+    appearance: appearance,
     onKeyDown: onPickerKeydown,
     onClean: createChainedFunction(handleClean, onClean),
     cleanable: cleanable && !disabled,
@@ -739,7 +747,6 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), selectedElement || locale.placeholder)));
 });
 TreePicker.displayName = 'TreePicker';
-TreePicker.defaultProps = defaultProps;
 TreePicker.propTypes = _extends({}, listPickerPropTypes, {
   locale: PropTypes.any,
   appearance: PropTypes.oneOf(['default', 'subtle']),

package/esm/Uploader/UploadFileItem.d.ts

@@ -13,9 +13,11 @@ export interface UploadFileItemProps extends WithAsProps {
     allowReupload?: boolean;
     locale?: UploaderLocale;
     renderFileInfo?: (file: FileType, fileElement: React.ReactNode) => React.ReactNode;
+    renderThumbnail?: (file: FileType, thumbnail: React.ReactNode) => React.ReactNode;
     onCancel?: (fileKey: number | string, event: React.MouseEvent) => void;
     onPreview?: (file: FileType, event: React.MouseEvent) => void;
     onReupload?: (file: FileType, event: React.MouseEvent) => void;
+    onThumbnailCompleted?: (thumbnail: string) => void;
 }
 /**
  * Format display file size

package/esm/Uploader/UploadFileItem.js

@@ -34,31 +34,30 @@ export var formatSize = function formatSize(size) {
 
   return size + "B";
 };
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'uploader-file-item',
-  maxPreviewFileSize: 1024 * 1024 * 5,
-  // 5MB
-  listType: 'text',
-  removable: true,
-  allowReupload: true
-};
 var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       disabled = props.disabled,
-      allowReupload = props.allowReupload,
+      _props$allowReupload = props.allowReupload,
+      allowReupload = _props$allowReupload === void 0 ? true : _props$allowReupload,
       file = props.file,
-      classPrefix = props.classPrefix,
-      listType = props.listType,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'uploader-file-item' : _props$classPrefix,
+      _props$listType = props.listType,
+      listType = _props$listType === void 0 ? 'text' : _props$listType,
       className = props.className,
-      removable = props.removable,
-      maxPreviewFileSize = props.maxPreviewFileSize,
+      _props$removable = props.removable,
+      removable = _props$removable === void 0 ? true : _props$removable,
+      _props$maxPreviewFile = props.maxPreviewFileSize,
+      maxPreviewFileSize = _props$maxPreviewFile === void 0 ? 1024 * 1024 * 5 : _props$maxPreviewFile,
       locale = props.locale,
       renderFileInfo = props.renderFileInfo,
+      renderThumbnail = props.renderThumbnail,
       onPreview = props.onPreview,
       onCancel = props.onCancel,
       onReupload = props.onReupload,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "allowReupload", "file", "classPrefix", "listType", "className", "removable", "maxPreviewFileSize", "locale", "renderFileInfo", "onPreview", "onCancel", "onReupload"]);
+      onThumbnailCompleted = props.onThumbnailCompleted,
+      rest = _objectWithoutPropertiesLoose(props, ["as", "disabled", "allowReupload", "file", "classPrefix", "listType", "className", "removable", "maxPreviewFileSize", "locale", "renderFileInfo", "renderThumbnail", "onPreview", "onCancel", "onReupload", "onThumbnailCompleted"]);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -83,7 +82,8 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     if (!~['picture-text', 'picture'].indexOf(listType)) {
       return;
-    }
+    } // The thumbnail file size cannot be larger than the preset value.
+
 
     if (!file.blobFile || (file === null || file === void 0 ? void 0 : (_file$blobFile = file.blobFile) === null || _file$blobFile === void 0 ? void 0 : _file$blobFile.size) > maxPreviewFileSize) {
       return;
@@ -95,9 +95,10 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!file.url) {
       getThumbnail(function (previewImage) {
         setPreviewImage(previewImage);
+        onThumbnailCompleted === null || onThumbnailCompleted === void 0 ? void 0 : onThumbnailCompleted(previewImage);
       });
     }
-  }, [file.url, getThumbnail]);
+  }, [file.url, getThumbnail, onThumbnailCompleted]);
   var handlePreview = useCallback(function (event) {
     if (disabled) {
       return;
@@ -145,18 +146,17 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var renderPreview = function renderPreview() {
-    if (previewImage) {
-      return /*#__PURE__*/React.createElement("div", {
-        className: prefix('preview')
-      }, /*#__PURE__*/React.createElement("img", {
-        role: "presentation",
-        src: previewImage,
-        alt: file.name,
-        onClick: handlePreview
-      }));
-    }
-
-    return null;
+    var thumbnail = previewImage ? /*#__PURE__*/React.createElement("img", {
+      role: "presentation",
+      src: previewImage,
+      alt: file.name,
+      onClick: handlePreview
+    }) : /*#__PURE__*/React.createElement(Attachment, {
+      className: prefix('icon')
+    });
+    return /*#__PURE__*/React.createElement("div", {
+      className: prefix('preview')
+    }, renderThumbnail ? renderThumbnail(file, thumbnail) : thumbnail);
   };
   /**
    * Render the loading state.
@@ -168,11 +168,22 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var classes = prefix('icon-wrapper', {
       'icon-loading': uploading
     });
+
+    if (uploading) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes
+      }, /*#__PURE__*/React.createElement("i", {
+        className: prefix('icon')
+      }));
+    }
+
+    if (listType === 'picture' || listType === 'picture-text') {
+      return null;
+    }
+
     return /*#__PURE__*/React.createElement("div", {
       className: classes
-    }, uploading ? /*#__PURE__*/React.createElement("i", {
-      className: prefix('icon')
-    }) : /*#__PURE__*/React.createElement(Attachment, {
+    }, /*#__PURE__*/React.createElement(Attachment, {
       className: prefix('icon')
     }));
   };
@@ -264,7 +275,6 @@ var UploadFileItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), renderIcon(), renderFilePanel(), renderProgressBar(), renderRemoveButton());
 });
 UploadFileItem.displayName = 'UploadFileItem';
-UploadFileItem.defaultProps = defaultProps;
 UploadFileItem.propTypes = {
   locale: PropTypes.any,
   file: PropTypes.object,
@@ -276,8 +286,10 @@ UploadFileItem.propTypes = {
   removable: PropTypes.bool,
   allowReupload: PropTypes.bool,
   renderFileInfo: PropTypes.func,
+  renderThumbnail: PropTypes.func,
   onCancel: PropTypes.func,
   onPreview: PropTypes.func,
-  onReupload: PropTypes.func
+  onReupload: PropTypes.func,
+  onThumbnailCompleted: PropTypes.func
 };
 export default UploadFileItem;

package/esm/Uploader/UploadTrigger.js

@@ -11,19 +11,17 @@ var Button = function Button(props) {
   }));
 };
 
-var defaultProps = {
-  as: Button,
-  classPrefix: 'uploader-trigger'
-};
 var UploadTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? Button : _props$as,
       name = props.name,
       accept = props.accept,
       multiple = props.multiple,
       disabled = props.disabled,
       readOnly = props.readOnly,
       children = props.children,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'uploader-trigger' : _props$classPrefix,
       className = props.className,
       draggable = props.draggable,
       locale = props.locale,
@@ -142,7 +140,6 @@ var UploadTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), trigger);
 });
 UploadTrigger.displayName = 'UploadTrigger';
-UploadTrigger.defaultProps = defaultProps;
 UploadTrigger.propTypes = {
   locale: PropTypes.any,
   name: PropTypes.string,

package/esm/Uploader/Uploader.d.ts

@@ -93,6 +93,8 @@ export interface UploaderProps extends WithAsProps {
     onRemove?: (file: FileType) => void;
     /** Custom render file information */
     renderFileInfo?: (file: FileType, fileElement: React.ReactNode) => React.ReactNode;
+    /** Custom render thumbnail */
+    renderThumbnail?: (file: FileType, thumbnail: React.ReactNode) => React.ReactNode;
 }
 export declare type FileStatusType = 'inited' | 'uploading' | 'error' | 'finished';
 export interface FileProgressType {

package/esm/Uploader/Uploader.js

@@ -7,20 +7,6 @@ import FileItem from './UploadFileItem';
 import UploadTrigger from './UploadTrigger';
 import { ajaxUpload, useClassNames, useCustom, guid } from '../utils';
 import Plaintext from '../Plaintext';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'uploader',
-  autoUpload: true,
-  timeout: 0,
-  name: 'file',
-  multiple: false,
-  disabled: false,
-  withCredentials: false,
-  data: {},
-  listType: 'text',
-  removable: true,
-  fileListVisible: true
-};
 
 var getFiles = function getFiles(event) {
   if (typeof (event === null || event === void 0 ? void 0 : event['dataTransfer']) === 'object') {
@@ -105,46 +91,59 @@ var useFileList = function useFileList(defaultFileList) {
 };
 
 var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'uploader' : _props$classPrefix,
       className = props.className,
-      listType = props.listType,
+      _props$listType = props.listType,
+      listType = _props$listType === void 0 ? 'text' : _props$listType,
       defaultFileList = props.defaultFileList,
       fileListProp = props.fileList,
-      fileListVisible = props.fileListVisible,
+      _props$fileListVisibl = props.fileListVisible,
+      fileListVisible = _props$fileListVisibl === void 0 ? true : _props$fileListVisibl,
       localeProp = props.locale,
       style = props.style,
       draggable = props.draggable,
-      name = props.name,
-      multiple = props.multiple,
-      disabled = props.disabled,
+      _props$name = props.name,
+      name = _props$name === void 0 ? 'file' : _props$name,
+      _props$multiple = props.multiple,
+      multiple = _props$multiple === void 0 ? false : _props$multiple,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? false : _props$disabled,
       readOnly = props.readOnly,
       plaintext = props.plaintext,
       accept = props.accept,
       children = props.children,
       toggleAs = props.toggleAs,
-      removable = props.removable,
+      _props$removable = props.removable,
+      removable = _props$removable === void 0 ? true : _props$removable,
       disabledFileItem = props.disabledFileItem,
       maxPreviewFileSize = props.maxPreviewFileSize,
-      autoUpload = props.autoUpload,
+      _props$autoUpload = props.autoUpload,
+      autoUpload = _props$autoUpload === void 0 ? true : _props$autoUpload,
       action = props.action,
       headers = props.headers,
-      withCredentials = props.withCredentials,
+      _props$withCredential = props.withCredentials,
+      withCredentials = _props$withCredential === void 0 ? false : _props$withCredential,
       disableMultipart = props.disableMultipart,
-      timeout = props.timeout,
-      data = props.data,
+      _props$timeout = props.timeout,
+      timeout = _props$timeout === void 0 ? 0 : _props$timeout,
+      _props$data = props.data,
+      data = _props$data === void 0 ? {} : _props$data,
       onRemove = props.onRemove,
       onUpload = props.onUpload,
       shouldUpload = props.shouldUpload,
       shouldQueueUpdate = props.shouldQueueUpdate,
       renderFileInfo = props.renderFileInfo,
+      renderThumbnail = props.renderThumbnail,
       onPreview = props.onPreview,
       onChange = props.onChange,
       onSuccess = props.onSuccess,
       onError = props.onError,
       onProgress = props.onProgress,
       onReupload = props.onReupload,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "listType", "defaultFileList", "fileList", "fileListVisible", "locale", "style", "draggable", "name", "multiple", "disabled", "readOnly", "plaintext", "accept", "children", "toggleAs", "removable", "disabledFileItem", "maxPreviewFileSize", "autoUpload", "action", "headers", "withCredentials", "disableMultipart", "timeout", "data", "onRemove", "onUpload", "shouldUpload", "shouldQueueUpdate", "renderFileInfo", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "listType", "defaultFileList", "fileList", "fileListVisible", "locale", "style", "draggable", "name", "multiple", "disabled", "readOnly", "plaintext", "accept", "children", "toggleAs", "removable", "disabledFileItem", "maxPreviewFileSize", "autoUpload", "action", "headers", "withCredentials", "disableMultipart", "timeout", "data", "onRemove", "onUpload", "shouldUpload", "shouldQueueUpdate", "renderFileInfo", "renderThumbnail", "onPreview", "onChange", "onSuccess", "onError", "onProgress", "onReupload"]);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -403,6 +402,7 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
         onReupload: handleReupload,
         onCancel: handleRemoveFile,
         renderFileInfo: renderFileInfo,
+        renderThumbnail: renderThumbnail,
         removable: removable && !readOnly && !plaintext,
         allowReupload: !readOnly && !plaintext
       });
@@ -427,7 +427,6 @@ var Uploader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, renderList);
 });
 Uploader.displayName = 'Uploader';
-Uploader.defaultProps = defaultProps;
 Uploader.propTypes = {
   action: PropTypes.string,
   accept: PropTypes.string,
@@ -461,6 +460,7 @@ Uploader.propTypes = {
   style: PropTypes.object,
   toggleAs: PropTypes.elementType,
   renderFileInfo: PropTypes.func,
+  renderThumbnail: PropTypes.func,
   removable: PropTypes.bool,
   fileListVisible: PropTypes.bool,
   draggable: PropTypes.bool,

package/esm/toaster/ToastContainer.js

@@ -6,11 +6,6 @@ import PropTypes from 'prop-types';
 import kebabCase from 'lodash/kebabCase';
 import Transition from '../Animation/Transition';
 import { useClassNames, guid, createChainedFunction } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'toast-container',
-  placement: 'topCenter'
-};
 
 var useMessages = function useMessages() {
   var _useState = useState([]),
@@ -73,10 +68,13 @@ var useMessages = function useMessages() {
 var ToastContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var rootRef = useRef();
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
-      placement = props.placement,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'toast-container' : _props$classPrefix,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'topCenter' : _props$placement,
       rest = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "placement"]);
 
   var _useClassNames = useClassNames(classPrefix),
@@ -155,7 +153,6 @@ ToastContainer.getInstance = function (props) {
 };
 
 ToastContainer.displayName = 'ToastContainer';
-ToastContainer.defaultProps = defaultProps;
 ToastContainer.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,

package/esm/utils/createComponent.d.ts

@@ -8,7 +8,6 @@ interface Props extends React.HTMLAttributes<HTMLDivElement> {
 }
 /**
  * Create a component with `classPrefix` and `as` attributes.
- * @param defaultProps
  */
-declare function createComponent(defaultProps: Props): RsRefForwardingComponent<"div", ComponentProps>;
+declare function createComponent({ name, componentAs, componentClassPrefix, ...defaultProps }: Props): RsRefForwardingComponent<"div", ComponentProps>;
 export default createComponent;

package/esm/utils/createComponent.js

@@ -7,17 +7,18 @@ import { useClassNames } from '../utils';
 
 /**
  * Create a component with `classPrefix` and `as` attributes.
- * @param defaultProps
  */
-function createComponent(defaultProps) {
-  var name = defaultProps.name,
-      componentAs = defaultProps.componentAs,
-      componentClassPrefix = defaultProps.componentClassPrefix,
-      componentRestProps = _objectWithoutPropertiesLoose(defaultProps, ["name", "componentAs", "componentClassPrefix"]);
+function createComponent(_ref) {
+  var name = _ref.name,
+      componentAs = _ref.componentAs,
+      componentClassPrefix = _ref.componentClassPrefix,
+      defaultProps = _objectWithoutPropertiesLoose(_ref, ["name", "componentAs", "componentClassPrefix"]);
 
   var Component = /*#__PURE__*/React.forwardRef(function (props, ref) {
-    var Component = props.as,
-        classPrefix = props.classPrefix,
+    var _props$as = props.as,
+        Component = _props$as === void 0 ? componentAs || 'div' : _props$as,
+        _props$classPrefix = props.classPrefix,
+        classPrefix = _props$classPrefix === void 0 ? componentClassPrefix || kebabCase(name) : _props$classPrefix,
         className = props.className,
         role = props.role,
         rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "role"]);
@@ -27,7 +28,7 @@ function createComponent(defaultProps) {
         merge = _useClassNames.merge;
 
     var classes = merge(className, withClassPrefix());
-    return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
+    return /*#__PURE__*/React.createElement(Component, _extends({}, defaultProps, rest, {
       role: role,
       ref: ref,
       className: classes
@@ -40,10 +41,6 @@ function createComponent(defaultProps) {
     classPrefix: PropTypes.string,
     children: PropTypes.node
   };
-  Component.defaultProps = _extends({}, componentRestProps, {
-    as: componentAs || 'div',
-    classPrefix: componentClassPrefix || kebabCase(name)
-  });
   return Component;
 }
 

package/esm/utils/dateUtils.d.ts

@@ -19,6 +19,7 @@ export { default as isBefore } from 'date-fns/isBefore';
 export { default as isEqual } from 'date-fns/isEqual';
 export { default as isSameDay } from 'date-fns/isSameDay';
 export { default as isSameMonth } from 'date-fns/isSameMonth';
+export { default as isSameSecond } from 'date-fns/isSameSecond';
 export { default as parse } from 'date-fns/parse';
 export { default as parseISO } from 'date-fns/parseISO';
 export { default as setDate } from 'date-fns/setDate';

package/esm/utils/dateUtils.js

@@ -26,6 +26,7 @@ export { default as isBefore } from 'date-fns/isBefore';
 export { default as isEqual } from 'date-fns/isEqual';
 export { default as isSameDay } from 'date-fns/isSameDay';
 export { default as isSameMonth } from 'date-fns/isSameMonth';
+export { default as isSameSecond } from 'date-fns/isSameSecond';
 export { default as parse } from 'date-fns/parse';
 export { default as parseISO } from 'date-fns/parseISO';
 export { default as setDate } from 'date-fns/setDate';

package/esm/utils/previewFile.d.ts

@@ -1,2 +1,3 @@
+export declare function isImage(file: any): boolean;
 declare const _default: (file: File, callback: (result: string | ArrayBuffer) => void) => void;
 export default _default;

package/esm/utils/previewFile.js

@@ -1,4 +1,13 @@
+// https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Image_types
+var MIME = ['image/apng', 'image/avif', 'image/gif', 'image/jpeg', 'image/png', 'image/svg+xml', 'image/webp'];
+export function isImage(file) {
+  return MIME.includes(file === null || file === void 0 ? void 0 : file.type);
+}
 export default (function (file, callback) {
+  if (!isImage(file)) {
+    return callback(null);
+  }
+
   var reader = new FileReader();
 
   reader.onloadend = function () {

package/esm/utils/useInternalId.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Used for generating unique ID for DOM elements
+ */
+export default function useInternalId(prefix?: string): string;

package/esm/utils/useInternalId.js

@@ -0,0 +1,16 @@
+import { useDebugValue, useRef } from 'react';
+import uniqueId from 'lodash/uniqueId';
+/**
+ * Used for generating unique ID for DOM elements
+ */
+
+export default function useInternalId(prefix) {
+  var idRef = useRef();
+
+  if (!idRef.current) {
+    idRef.current = uniqueId("internal://" + prefix);
+  }
+
+  useDebugValue(idRef.current);
+  return idRef.current;
+}

package/esm/utils/useUniqueId.d.ts

@@ -1,4 +1,6 @@
 /**
- * Used for generating unique ID for elements
+ * Used for generating unique ID for DOM elements
+ *
+ * @param idProp If id is provided, it will be used instead of generating a new one
  */
-export default function useUniqueId(prefix?: string): string;
+export default function useUniqueId(prefix: string, idProp?: string): string;