rsuite 5.40.0 → 5.42.0

package/cjs/TreePicker/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _TreePicker = _interopRequireDefault(require("./TreePicker"));
-
 var _default = _TreePicker.default;
 exports.default = _default;

package/cjs/Uploader/UploadFileItem.js

@@ -1,28 +1,18 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = exports.formatSize = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Attachment = _interopRequireDefault(require("@rsuite/icons/legacy/Attachment"));
-
 var _Reload = _interopRequireDefault(require("@rsuite/icons/Reload"));
-
 var _utils = require("../utils");
-
 var _CloseButton = _interopRequireDefault(require("../CloseButton"));
-
 /**
  * Format display file size
  * @param size
@@ -31,82 +21,68 @@ var formatSize = function formatSize(size) {
   if (size === void 0) {
     size = 0;
   }
-
   var K = 1024;
   var M = 1024 * 1024;
   var G = 1024 * 1024 * 1024;
-
   if (size > G) {
     return (size / G).toFixed(2) + "GB";
   }
-
   if (size > M) {
     return (size / M).toFixed(2) + "MB";
   }
-
   if (size > K) {
     return (size / K).toFixed(2) + "KB";
   }
-
   return size + "B";
 };
-
 exports.formatSize = formatSize;
-
 var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      disabled = props.disabled,
-      _props$allowReupload = props.allowReupload,
-      allowReupload = _props$allowReupload === void 0 ? true : _props$allowReupload,
-      file = props.file,
-      _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,
-      _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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "allowReupload", "file", "classPrefix", "listType", "className", "removable", "maxPreviewFileSize", "locale", "renderFileInfo", "renderThumbnail", "onPreview", "onCancel", "onReupload"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    disabled = props.disabled,
+    _props$allowReupload = props.allowReupload,
+    allowReupload = _props$allowReupload === void 0 ? true : _props$allowReupload,
+    file = props.file,
+    _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,
+    _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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "disabled", "allowReupload", "file", "classPrefix", "listType", "className", "removable", "maxPreviewFileSize", "locale", "renderFileInfo", "renderThumbnail", "onPreview", "onCancel", "onReupload"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix(listType, {
     disabled: disabled,
     'has-error': file.status === 'error'
   }));
-
   var _useState = (0, _react.useState)(file.url ? file.url : null),
-      previewImage = _useState[0],
-      setPreviewImage = _useState[1];
+    previewImage = _useState[0],
+    setPreviewImage = _useState[1];
   /**
    * Get thumbnail of image file
    */
-
-
   var getThumbnail = (0, _react.useCallback)(function (callback) {
     var _file$blobFile;
-
     if (!~['picture-text', 'picture'].indexOf(listType)) {
       return;
-    } // The thumbnail file size cannot be larger than the preset value.
-
+    }
 
+    // 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;
     }
-
     (0, _utils.previewFile)(file.blobFile, callback);
   }, [file, listType, maxPreviewFileSize]);
   (0, _react.useEffect)(function () {
@@ -120,31 +96,28 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     if (disabled) {
       return;
     }
-
     onPreview === null || onPreview === void 0 ? void 0 : onPreview(file, event);
   }, [disabled, file, onPreview]);
   var handleRemove = (0, _react.useCallback)(function (event) {
     if (disabled) {
       return;
     }
-
     onCancel === null || onCancel === void 0 ? void 0 : onCancel(file.fileKey, event);
   }, [disabled, file.fileKey, onCancel]);
   var handleReupload = (0, _react.useCallback)(function (event) {
     if (disabled) {
       return;
     }
-
     onReupload === null || onReupload === void 0 ? void 0 : onReupload(file, event);
   }, [disabled, file, onReupload]);
+
   /**
    * Rendering progress bar
    */
-
   var renderProgressBar = function renderProgressBar() {
     var _file$progress = file.progress,
-        progress = _file$progress === void 0 ? 0 : _file$progress,
-        status = file.status;
+      progress = _file$progress === void 0 ? 0 : _file$progress,
+      status = file.status;
     var show = !disabled && status === 'uploading';
     var visibility = show ? 'visible' : 'hidden';
     var wrapStyle = {
@@ -161,7 +134,6 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       style: progressbarStyle
     }));
   };
-
   var renderPreview = function renderPreview() {
     var thumbnail = previewImage ? /*#__PURE__*/_react.default.createElement("img", {
       role: "presentation",
@@ -175,17 +147,15 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       className: prefix('preview')
     }, renderThumbnail ? renderThumbnail(file, thumbnail) : thumbnail);
   };
+
   /**
    * Render the loading state.
    */
-
-
   var renderIcon = function renderIcon() {
     var uploading = file.status === 'uploading';
     var classes = prefix('icon-wrapper', {
       'icon-loading': uploading
     });
-
     if (uploading) {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: classes
@@ -193,37 +163,32 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
         className: prefix('icon')
       }));
     }
-
     if (listType === 'picture' || listType === 'picture-text') {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: classes
     }, /*#__PURE__*/_react.default.createElement(_Attachment.default, {
       className: prefix('icon')
     }));
   };
+
   /**
    * Render the remove file button.
    */
-
-
   var renderRemoveButton = function renderRemoveButton() {
     if (!removable) {
       return null;
     }
-
     return /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
       className: prefix('btn-remove'),
       onClick: handleRemove
     });
   };
+
   /**
    * Render error messages.
    */
-
-
   var renderErrorStatus = function renderErrorStatus() {
     if (file.status === 'error') {
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -236,63 +201,53 @@ var UploadFileItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref
         className: prefix('icon-reupload')
       })));
     }
-
     return null;
   };
+
   /**
    * Render file size.
    */
-
-
   var renderFileSize = function renderFileSize() {
     if (file.status !== 'error' && file.blobFile) {
       var _file$blobFile2;
-
       return /*#__PURE__*/_react.default.createElement("span", {
         className: prefix('size')
       }, formatSize(file === null || file === void 0 ? void 0 : (_file$blobFile2 = file.blobFile) === null || _file$blobFile2 === void 0 ? void 0 : _file$blobFile2.size));
     }
-
     return null;
   };
+
   /**
    * Render file panel
    */
-
-
   var renderFilePanel = function renderFilePanel() {
     var fileElement = /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('title'),
       onClick: handlePreview
     }, file.name);
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('panel')
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('content')
     }, renderFileInfo ? renderFileInfo(file, fileElement) : fileElement, renderErrorStatus(), renderFileSize()));
   };
-
   if (listType === 'picture') {
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
       ref: ref,
       className: classes
     }), renderIcon(), renderPreview(), renderErrorStatus(), renderRemoveButton());
   }
-
   if (listType === 'picture-text') {
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
       ref: ref,
       className: classes
     }), renderIcon(), renderPreview(), renderFilePanel(), renderProgressBar(), renderRemoveButton());
   }
-
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,
     className: classes
   }), renderIcon(), renderFilePanel(), renderProgressBar(), renderRemoveButton());
 });
-
 UploadFileItem.displayName = 'UploadFileItem';
 UploadFileItem.propTypes = {
   locale: _propTypes.default.any,

package/cjs/Uploader/UploadTrigger.js

@@ -1,57 +1,45 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _utils = require("../utils");
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? _Button.default : _props$as,
-      name = props.name,
-      accept = props.accept,
-      multiple = props.multiple,
-      disabled = props.disabled,
-      readOnly = props.readOnly,
-      children = props.children,
-      _props$classPrefix = props.classPrefix,
-      classPrefix = _props$classPrefix === void 0 ? 'uploader-trigger' : _props$classPrefix,
-      className = props.className,
-      draggable = props.draggable,
-      locale = props.locale,
-      onChange = props.onChange,
-      onDragEnter = props.onDragEnter,
-      onDragLeave = props.onDragLeave,
-      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"]);
+    Component = _props$as === void 0 ? _Button.default : _props$as,
+    name = props.name,
+    accept = props.accept,
+    multiple = props.multiple,
+    disabled = props.disabled,
+    readOnly = props.readOnly,
+    children = props.children,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'uploader-trigger' : _props$classPrefix,
+    className = props.className,
+    draggable = props.draggable,
+    locale = props.locale,
+    onChange = props.onChange,
+    onDragEnter = props.onDragEnter,
+    onDragLeave = props.onDragLeave,
+    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)(null);
-
   var _useState = (0, _react.useState)(false),
-      dragOver = _useState[0],
-      setDragOver = _useState[1];
-
+    dragOver = _useState[0],
+    setDragOver = _useState[1];
   var inputRef = (0, _react.useRef)(null);
-
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
-      merge = _useClassNames.merge,
-      withClassPrefix = _useClassNames.withClassPrefix,
-      prefix = _useClassNames.prefix;
-
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix,
+    prefix = _useClassNames.prefix;
   var classes = merge(className, withClassPrefix({
     disabled: disabled,
     customize: children,
@@ -59,7 +47,6 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }));
   var handleClick = (0, _react.useCallback)(function () {
     var _inputRef$current;
-
     (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.click();
   }, []);
   var handleClearInput = (0, _react.useCallback)(function () {
@@ -72,7 +59,6 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       event.preventDefault();
       setDragOver(true);
     }
-
     onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(event);
   }, [draggable, onDragEnter]);
   var handleDragLeave = (0, _react.useCallback)(function (event) {
@@ -80,7 +66,6 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       event.preventDefault();
       setDragOver(false);
     }
-
     onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(event);
   }, [draggable, onDragLeave]);
   var handleDragOver = (0, _react.useCallback)(function (event) {
@@ -93,13 +78,11 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       setDragOver(false);
       onChange === null || onChange === void 0 ? void 0 : onChange(event);
     }
-
     onDrop === null || onDrop === void 0 ? void 0 : onDrop(event);
   }, [draggable, onChange, onDrop]);
   var handleChange = (0, _react.useCallback)(function (event) {
     if ((0, _utils.isIE11)()) {
       var _event$target, _event$target$files;
-
       /**
        * IE11 triggers onChange event of file input when element.value is assigned
        * https://github.com/facebook/react/issues/8793
@@ -107,10 +90,8 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$files = _event$target.files) === null || _event$target$files === void 0 ? void 0 : _event$target$files.length) > 0) {
         onChange === null || onChange === void 0 ? void 0 : onChange(event);
       }
-
       return;
     }
-
     onChange === null || onChange === void 0 ? void 0 : onChange(event);
   }, [onChange]);
   (0, _react.useImperativeHandle)(ref, function () {
@@ -123,7 +104,6 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     disabled: disabled,
     className: prefix('btn')
   });
-
   if (!disabled && !readOnly) {
     buttonProps.onClick = handleClick;
     buttonProps.onDragEnter = handleDragEnter;
@@ -131,7 +111,6 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     buttonProps.onDragOver = handleDragOver;
     buttonProps.onDrop = handleDrop;
   }
-
   var trigger = children ? /*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), buttonProps) : /*#__PURE__*/_react.default.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: rootRef,
@@ -147,7 +126,6 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onChange: handleChange
   }), trigger);
 });
-
 UploadTrigger.displayName = 'UploadTrigger';
 UploadTrigger.propTypes = {
   locale: _propTypes.default.any,