primereact 9.3.1 → 9.5.0

package/fileupload/fileupload.esm.js

@@ -4,11 +4,53 @@ import { Button } from 'primereact/button';
 import { Messages } from 'primereact/messages';
 import { ProgressBar } from 'primereact/progressbar';
 import { Ripple } from 'primereact/ripple';
-import { ObjectUtils, classNames, IconUtils, DomHandler } from 'primereact/utils';
+import { classNames, ObjectUtils, mergeProps, IconUtils, DomHandler } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { PlusIcon } from 'primereact/icons/plus';
 import { UploadIcon } from 'primereact/icons/upload';
 import { TimesIcon } from 'primereact/icons/times';
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -99,7 +141,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
-var FileUploadBase = {
+var FileUploadBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'FileUpload',
     id: null,
@@ -116,7 +158,7 @@ var FileUploadBase = {
     invalidFileSizeMessageDetail: 'maximum upload size is {0}.',
     style: null,
     className: null,
-    widthCredentials: false,
+    withCredentials: false,
     previewWidth: 50,
     chooseLabel: null,
     uploadLabel: null,
@@ -164,57 +206,10 @@ var FileUploadBase = {
     uploadHandler: null,
     onRemove: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, FileUploadBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, FileUploadBase.defaultProps);
-  }
-};
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
-}
+});
 
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-var BadgeBase = {
+var BadgeBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Badge',
     value: null,
@@ -223,19 +218,16 @@ var BadgeBase = {
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, BadgeBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, BadgeBase.defaultProps);
   }
-};
+});
 
 var Badge = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = BadgeBase.getProps(inProps);
+  var _BadgeBase$setMetaDat = BadgeBase.setMetaData({
+      props: props
+    }),
+    ptm = _BadgeBase$setMetaDat.ptm;
   var elementRef = React.useRef(null);
-  var otherProps = BadgeBase.getOtherProps(props);
   var className = classNames('p-badge p-component', _defineProperty({
     'p-badge-no-gutter': ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1,
     'p-badge-dot': ObjectUtils.isEmpty(props.value),
@@ -250,14 +242,17 @@ var Badge = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inP
       }
     };
   });
-  return /*#__PURE__*/React.createElement("span", _extends({
+  var rootProps = mergeProps({
     ref: elementRef,
-    className: className,
-    style: props.style
-  }, otherProps), props.value);
+    style: props.style,
+    className: className
+  }, BadgeBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("span", rootProps, props.value);
 }));
 Badge.displayName = 'Badge';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
@@ -283,6 +278,17 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     uploadingState = _React$useState10[0],
     setUploadingState = _React$useState10[1];
+  var _FileUploadBase$setMe = FileUploadBase.setMetaData({
+      props: props,
+      state: {
+        progress: progressState,
+        uploading: uploadingState,
+        uploadedFiles: uploadedFilesState,
+        files: filesState,
+        focused: focusedState
+      }
+    }),
+    ptm = _FileUploadBase$setMe.ptm;
   var fileInputRef = React.useRef(null);
   var messagesRef = React.useRef(null);
   var contentRef = React.useRef(null);
@@ -522,20 +528,20 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var onBlur = function onBlur() {
     setFocusedState(false);
   };
-  var onKeyDown = function onKeyDown(event) {
+  var _onKeyDown = function onKeyDown(event) {
     if (event.which === 13) {
       // enter
       choose();
     }
   };
-  var onDragEnter = function onDragEnter(event) {
+  var _onDragEnter = function onDragEnter(event) {
     if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       event.stopPropagation();
       event.preventDefault();
     }
   };
-  var onDragOver = function onDragOver(event) {
+  var _onDragOver = function onDragOver(event) {
     if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       DomHandler.addClass(contentRef.current, 'p-fileupload-highlight');
@@ -543,13 +549,13 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       event.preventDefault();
     }
   };
-  var onDragLeave = function onDragLeave(event) {
+  var _onDragLeave = function onDragLeave(event) {
     if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
     }
   };
-  var onDrop = function onDrop(event) {
+  var _onDrop = function onDrop(event) {
     if (props.disabled) {
       return;
     }
@@ -604,71 +610,84 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var iconClassName = classNames('p-button-icon p-clickable', {
       'p-button-icon-left': !iconOnly
     });
-    var label = iconOnly ? /*#__PURE__*/React.createElement("span", {
-      className: labelClassName,
+    var chooseButtonLabelProps = mergeProps({
+      className: labelClassName
+    }, ptm('chooseButtonLabel'));
+    var label = iconOnly ? /*#__PURE__*/React.createElement("span", _extends({}, chooseButtonLabelProps, {
       dangerouslySetInnerHTML: {
         __html: '&nbsp;'
       }
-    }) : /*#__PURE__*/React.createElement("span", {
-      className: labelClassName
-    }, chooseButtonLabel);
-    var input = /*#__PURE__*/React.createElement("input", {
+    })) : /*#__PURE__*/React.createElement("span", chooseButtonLabelProps, chooseButtonLabel);
+    var inputProps = mergeProps({
       ref: fileInputRef,
-      type: "file",
-      onChange: onFileSelect,
+      type: 'file',
+      onChange: function onChange(e) {
+        return onFileSelect(e);
+      },
       multiple: props.multiple,
       accept: props.accept,
       disabled: chooseDisabled
-    });
-    var icon = _icon || /*#__PURE__*/React.createElement(PlusIcon, {
-      className: iconClassName
-    });
-    var chooseIcon = IconUtils.getJSXIcon(icon, {
+    }, ptm('input'));
+    var input = /*#__PURE__*/React.createElement("input", inputProps);
+    var chooseIconProps = mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('chooseIcon'));
+    var icon = _icon || /*#__PURE__*/React.createElement(PlusIcon, chooseIconProps);
+    var chooseIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
       props: props
     });
-    return /*#__PURE__*/React.createElement("span", {
+    var chooseButtonProps = mergeProps({
       className: chooseClassName,
       style: style,
       onClick: choose,
-      onKeyDown: onKeyDown,
+      onKeyDown: function onKeyDown(e) {
+        return _onKeyDown(e);
+      },
       onFocus: onFocus,
       onBlur: onBlur,
       tabIndex: 0
-    }, input, chooseIcon, label, /*#__PURE__*/React.createElement(Ripple, null));
+    }, ptm('chooseButton'));
+    return /*#__PURE__*/React.createElement("span", chooseButtonProps, input, chooseIcon, label, /*#__PURE__*/React.createElement(Ripple, null));
   };
   var onRemoveClick = function onRemoveClick(e, badgeOptions, index) {
     if (badgeOptions.severity === 'warning') remove(e, index);else removeUploadedFiles(e, index);
   };
   var createFile = function createFile(file, index, badgeOptions) {
     var key = file.name + file.type + file.size;
-    var preview = isImage(file) ? /*#__PURE__*/React.createElement("img", {
-      role: "presentation",
-      className: "p-fileupload-file-thumbnail",
-      alt: file.name,
+    var thumbnailProps = mergeProps({
+      role: 'presentation',
+      className: 'p-fileupload-file-thumbnail',
       src: file.objectURL,
       width: props.previewWidth
-    }) : null;
-    var fileName = /*#__PURE__*/React.createElement("div", {
-      className: "p-fileupload-filename"
-    }, file.name);
-    var size = /*#__PURE__*/React.createElement("div", null, formatSize(file.size));
-    var contentBody = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, " ", file.name), /*#__PURE__*/React.createElement("span", null, formatSize(file.size)), /*#__PURE__*/React.createElement(Badge, {
+    }, ptm('thumbnail'));
+    var preview = isImage(file) ? /*#__PURE__*/React.createElement("img", _extends({}, thumbnailProps, {
+      alt: file.name
+    })) : null;
+    var detailsProps = mergeProps(ptm('details'));
+    var fileSizeProps = mergeProps(ptm('fileSize'));
+    var fileNameProps = mergeProps({
+      className: 'p-fileupload-filename'
+    }, ptm('fileName'));
+    var actionsProps = mergeProps(ptm('actions'));
+    var fileName = /*#__PURE__*/React.createElement("div", fileNameProps, file.name);
+    var size = /*#__PURE__*/React.createElement("div", fileSizeProps, formatSize(file.size));
+    var contentBody = /*#__PURE__*/React.createElement("div", detailsProps, /*#__PURE__*/React.createElement("div", fileNameProps, " ", file.name), /*#__PURE__*/React.createElement("span", fileSizeProps, formatSize(file.size)), /*#__PURE__*/React.createElement(Badge, {
       className: "p-fileupload-file-badge",
       value: badgeOptions.value,
-      severity: badgeOptions.severity
+      severity: badgeOptions.severity,
+      pt: ptm('badge')
     }));
-    var removeButton = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
+    var removeButton = /*#__PURE__*/React.createElement("div", actionsProps, /*#__PURE__*/React.createElement(Button, {
       type: "button",
       icon: props.removeIcon || /*#__PURE__*/React.createElement(TimesIcon, null),
       text: true,
       rounded: true,
-      className: "p-button-danger",
+      severity: "danger",
       onClick: function onClick(e) {
         return onRemoveClick(e, badgeOptions, index);
       },
-      disabled: disabled
+      disabled: disabled,
+      pt: ptm('removeButton')
     }));
     var content = /*#__PURE__*/React.createElement(React.Fragment, null, preview, contentBody, removeButton);
     if (props.itemTemplate) {
@@ -687,10 +706,11 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       };
       content = ObjectUtils.getJSXElement(props.itemTemplate, file, defaultContentOptions);
     }
-    return /*#__PURE__*/React.createElement("div", {
-      className: "p-fileupload-row",
-      key: key
-    }, content);
+    var fileProps = mergeProps({
+      key: key,
+      className: 'p-fileupload-row'
+    }, ptm('file'));
+    return /*#__PURE__*/React.createElement("div", fileProps, content);
   };
   var createFiles = function createFiles() {
     var badgeOptions = {
@@ -721,11 +741,11 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }
     return /*#__PURE__*/React.createElement(ProgressBar, {
       value: progressState,
-      showValue: false
+      showValue: false,
+      pt: ptm('progressbar')
     });
   };
   var createAdvanced = function createAdvanced() {
-    var otherProps = FileUploadBase.getOtherProps(props);
     var className = classNames('p-fileupload p-fileupload-advanced p-component', props.className);
     var headerClassName = classNames('p-fileupload-buttonbar', props.headerClassName);
     var contentClassName = classNames('p-fileupload-content', props.contentClassName);
@@ -740,21 +760,19 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       var uploadIconClassName = classNames('p-button-icon p-c', {
         'p-button-icon-left': !uploadOptions.iconOnly
       });
-      var uploadIcon = IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React.createElement(UploadIcon, {
-        className: uploadIconClassName
-      }), {
+      var uploadIconProps = mergeProps({
         className: uploadIconClassName
-      }, {
+      }, ptm('uploadIcon'));
+      var uploadIcon = IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React.createElement(UploadIcon, uploadIconProps), _objectSpread({}, uploadIconProps), {
         props: props
       });
       var cancelIconClassName = classNames('p-button-icon p-c', {
         'p-button-icon-left': !cancelOptions.iconOnly
       });
-      var cancelIcon = IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React.createElement(TimesIcon, {
+      var cancelIconProps = mergeProps({
         className: cancelIconClassName
-      }), {
-        className: cancelIconClassName
-      }, {
+      }, ptm('cancelIcon'));
+      var cancelIcon = IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React.createElement(TimesIcon, cancelIconProps), _objectSpread({}, cancelIconProps), {
         props: props
       });
       uploadButton = /*#__PURE__*/React.createElement(Button, {
@@ -764,7 +782,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         onClick: upload,
         disabled: uploadDisabled,
         style: uploadOptions.style,
-        className: uploadOptions.className
+        className: uploadOptions.className,
+        pt: ptm('uploadButton')
       });
       cancelButton = /*#__PURE__*/React.createElement(Button, {
         type: "button",
@@ -773,7 +792,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         onClick: clear,
         disabled: cancelDisabled,
         style: cancelOptions.style,
-        className: cancelOptions.className
+        className: cancelOptions.className,
+        pt: ptm('cancelButton')
       });
     }
     if (hasFiles) {
@@ -783,10 +803,11 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     if (hasUploadedFiles) {
       uplaodedFilesList = createUploadedFiles();
     }
-    var header = /*#__PURE__*/React.createElement("div", {
+    var buttonbarProps = mergeProps({
       className: headerClassName,
       style: props.headerStyle
-    }, chooseButton, uploadButton, cancelButton);
+    }, ptm('buttonbar'));
+    var header = /*#__PURE__*/React.createElement("div", buttonbarProps, chooseButton, uploadButton, cancelButton);
     if (props.headerTemplate) {
       var defaultContentOptions = {
         className: headerClassName,
@@ -798,54 +819,58 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       };
       header = ObjectUtils.getJSXElement(props.headerTemplate, defaultContentOptions);
     }
-    return /*#__PURE__*/React.createElement("div", _extends({
+    var rootProps = mergeProps({
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), header, /*#__PURE__*/React.createElement("div", {
+    }, FileUploadBase.getOtherProps(props), ptm('root'));
+    var contentProps = mergeProps({
       ref: contentRef,
       className: contentClassName,
       style: props.contentStyle,
-      onDragEnter: onDragEnter,
-      onDragOver: onDragOver,
-      onDragLeave: onDragLeave,
-      onDrop: onDrop
-    }, progressBar, /*#__PURE__*/React.createElement(Messages, {
+      onDragEnter: function onDragEnter(e) {
+        return _onDragEnter(e);
+      },
+      onDragOver: function onDragOver(e) {
+        return _onDragOver(e);
+      },
+      onDragLeave: function onDragLeave(e) {
+        return _onDragLeave(e);
+      },
+      onDrop: function onDrop(e) {
+        return _onDrop(e);
+      }
+    }, ptm('content'));
+    return /*#__PURE__*/React.createElement("div", rootProps, header, /*#__PURE__*/React.createElement("div", contentProps, progressBar, /*#__PURE__*/React.createElement(Messages, {
       ref: messagesRef
     }), hasFiles ? filesList : null, hasUploadedFiles ? uplaodedFilesList : null, emptyContent));
   };
   var createBasic = function createBasic() {
     var chooseOptions = props.chooseOptions;
-    var otherProps = FileUploadBase.getOtherProps(props);
     var className = classNames('p-fileupload p-fileupload-basic p-component', props.className);
     var buttonClassName = classNames('p-button p-component p-fileupload-choose', {
       'p-fileupload-choose-selected': hasFiles,
       'p-disabled': disabled,
       'p-focus': focusedState
     }, chooseOptions.className);
-    var iconClassName = classNames('p-button-icon', {
-      'p-button-icon-left': !chooseOptions.iconOnly
-    });
-    var icon = chooseOptions.icon ? chooseOptions.icon : !chooseOptions.icon && (!hasFiles || props.auto) ? /*#__PURE__*/React.createElement(PlusIcon, {
-      className: iconClassName
-    }) : !chooseOptions.icon && hasFiles && !props.auto && /*#__PURE__*/React.createElement(UploadIcon, {
-      className: iconClassName
-    });
     var labelClassName = 'p-button-label p-clickable';
-    var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React.createElement("span", {
-      className: labelClassName,
+    var labelProps = mergeProps({
+      className: labelClassName
+    }, ptm('label'));
+    var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React.createElement("span", _extends({}, labelProps, {
       dangerouslySetInnerHTML: {
         __html: '&nbsp;'
       }
-    }) : /*#__PURE__*/React.createElement("span", {
-      className: labelClassName
-    }, chooseButtonLabel);
-    var label = props.auto ? chooseLabel : /*#__PURE__*/React.createElement("span", {
-      className: labelClassName
-    }, hasFiles ? filesState[0].name : chooseLabel);
-    var chooseIcon = IconUtils.getJSXIcon(icon, {
+    })) : /*#__PURE__*/React.createElement("span", labelProps, chooseButtonLabel);
+    var label = props.auto ? chooseLabel : /*#__PURE__*/React.createElement("span", labelProps, hasFiles ? filesState[0].name : chooseLabel);
+    var iconClassName = classNames('p-button-icon', {
+      'p-button-icon-left': !chooseOptions.iconOnly
+    });
+    var chooseIconProps = mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('chooseIcon'));
+    var icon = chooseOptions.icon ? chooseOptions.icon : !chooseOptions.icon && (!hasFiles || props.auto) ? /*#__PURE__*/React.createElement(PlusIcon, chooseIconProps) : !chooseOptions.icon && hasFiles && !props.auto && /*#__PURE__*/React.createElement(UploadIcon, chooseIconProps);
+    var chooseIcon = IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
       props: props,
       hasFiles: hasFiles
     });
@@ -857,20 +882,25 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       disabled: disabled,
       onChange: onFileSelect
     });
-    return /*#__PURE__*/React.createElement("div", _extends({
+    var rootProps = mergeProps({
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React.createElement(Messages, {
-      ref: messagesRef
-    }), /*#__PURE__*/React.createElement("span", {
+    }, FileUploadBase.getOtherProps(props), ptm('root'));
+    var basicButtonProps = mergeProps({
       className: buttonClassName,
       style: chooseOptions.style,
+      tabIndex: 0,
       onMouseUp: onSimpleUploaderClick,
-      onKeyDown: onKeyDown,
+      onKeyDown: function onKeyDown(e) {
+        return _onKeyDown(e);
+      },
       onFocus: onFocus,
-      onBlur: onBlur,
-      tabIndex: 0
-    }, chooseIcon, label, input, /*#__PURE__*/React.createElement(Ripple, null)));
+      onBlur: onBlur
+    }, FileUploadBase.getOtherProps(props), ptm('basicButton'));
+    return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(Messages, {
+      ref: messagesRef,
+      pt: ptm('message')
+    }), /*#__PURE__*/React.createElement("span", basicButtonProps, chooseIcon, label, input, /*#__PURE__*/React.createElement(Ripple, null)));
   };
   if (props.mode === 'advanced') return createAdvanced();else if (props.mode === 'basic') return createBasic();
 }));

package/fileupload/fileupload.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{localeOption as t}from"primereact/api";import{Button as n}from"primereact/button";import{Messages as l}from"primereact/messages";import{ProgressBar as r}from"primereact/progressbar";import{Ripple as a}from"primereact/ripple";import{ObjectUtils as o,classNames as i,IconUtils as u,DomHandler as s}from"primereact/utils";import{PlusIcon as c}from"primereact/icons/plus";import{UploadIcon as p}from"primereact/icons/upload";import{TimesIcon as m}from"primereact/icons/times";function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},f.apply(this,arguments)}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function y(e){if(Array.isArray(e))return d(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return d(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?d(e,t):void 0}}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e){return y(e)||v(e)||b(e)||g()}function E(e){throw new TypeError('"'+e+'" is read-only')}function S(e){if(Array.isArray(e))return e}function N(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,a,o,i=[],u=!0,s=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(l=a.call(n)).done)&&(i.push(l.value),i.length!==t);u=!0);}catch(e){s=!0,r=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(s)throw r}}return i}}function w(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return S(e)||N(e,t)||b(e,t)||w()}var P={defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,widthCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0},getProps:function(e){return o.getMergedProps(e,P.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,P.defaultProps)}};function B(e){return B="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},B(e)}function T(e,t){if("object"!==B(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var l=n.call(e,t||"default");if("object"!==B(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=T(e,"string");return"symbol"===B(t)?t:String(t)}var F={defaultProps:{__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null,children:void 0},getProps:function(e){return o.getMergedProps(e,F.defaultProps)},getOtherProps:function(e){return o.getDiffProps(e,F.defaultProps)}},z=e.memo(e.forwardRef((function(t,n){var l,r,a,u=F.getProps(t),s=e.useRef(null),c=F.getOtherProps(u),p=i("p-badge p-component",(l={"p-badge-no-gutter":o.isNotEmpty(u.value)&&1===String(u.value).length,"p-badge-dot":o.isEmpty(u.value),"p-badge-lg":"large"===u.size,"p-badge-xl":"xlarge"===u.size},r="p-badge-".concat(u.severity),a=null!==u.severity,(r=C(r))in l?Object.defineProperty(l,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):l[r]=a,l),u.className);return e.useImperativeHandle(n,(function(){return{props:u,getElement:function(){return s.current}}})),e.createElement("span",f({ref:s,className:p,style:u.style},c),u.value)})));function I(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=M(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,r=function(){};return{s:r,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw a}}}}function M(e,t){if(e){if("string"==typeof e)return x(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}z.displayName="Badge";var D=e.memo(e.forwardRef((function(d,y){var v=P.getProps(d),b=O(e.useState([]),2),g=b[0],S=b[1],N=O(e.useState([]),2),w=N[0],B=N[1],T=O(e.useState(0),2),C=T[0],F=T[1],M=O(e.useState(!1),2),x=M[0],D=M[1],L=O(e.useState(!1),2),R=L[0],j=L[1],U=e.useRef(null),A=e.useRef(null),k=e.useRef(null),X=e.useRef(!1),H=e.useRef(0),J=o.isNotEmpty(w),_=o.isNotEmpty(g),V=v.disabled||R,K=v.chooseLabel||v.chooseOptions.label||t("choose"),Y=v.uploadLabel||v.uploadOptions.label||t("upload"),W=v.cancelLabel||v.cancelOptions.label||t("cancel"),$=V||v.fileLimit&&v.fileLimit<=w.length+H,q=V||!J,G=V||!J,Z=function(e){return/^image\//.test(e.type)},Q=function(e,t){te();var n=h(w),l=w[t];n.splice(t,1),B(n),v.onRemove&&v.onRemove({originalEvent:e,file:l})},ee=function(e,t){te();var n=h(g),l=w[t];n.splice(t,1),S(n),v.onRemove&&v.onRemove({originalEvent:e,file:l})},te=function(){U.current&&(U.current.value="")},ne=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},le=function(e){if(!v.onBeforeSelect||!1!==v.onBeforeSelect({originalEvent:e,files:w}))if("drop"!==e.type&&ae()&&X.current)X.current=!1;else{var t=[];v.multiple&&(t=w?h(w):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,l=0;l<n.length;l++){var r=n[l];!re(r)&&oe(r)&&(Z(r)&&(r.objectURL=window.URL.createObjectURL(r)),t.push(r))}B(t),o.isNotEmpty(t)&&v.auto&&ie(t),v.onSelect&&v.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&ae()?U.current&&(X.current=!0,U.current.value=""):te(),"basic"===v.mode&&t.length>0&&(U.current.style.display="none")}},re=function(e){return w.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ae=function(){return!!window.MSInputMethodContext&&!!document.documentMode},oe=function(e){if(v.maxFileSize&&e.size>v.maxFileSize){var t={severity:"error",summary:v.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:v.invalidFileSizeMessageDetail.replace("{0}",ne(v.maxFileSize)),sticky:!0};return"advanced"===v.mode&&A.current.show(t),v.onValidationFail&&v.onValidationFail(e),!1}return!0},ie=function(e){if((e=e||w)&&e.nativeEvent&&(e=w),v.customUpload)v.fileLimit&&E("uploadedFileCount"),v.uploadHandler&&v.uploadHandler({files:e,options:{clear:ue,props:v}});else{j(!0);var t=new XMLHttpRequest,n=new FormData;v.onBeforeUpload&&v.onBeforeUpload({xhr:t,formData:n});var l,r=I(e);try{for(r.s();!(l=r.n()).done;){var a=l.value;n.append(v.name,a,a.name)}}catch(e){r.e(e)}finally{r.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);F(t),v.onProgress&&v.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(F(0),j(!1),t.status>=200&&t.status<300?(v.fileLimit&&E("uploadedFileCount"),v.onUpload&&v.onUpload({xhr:t,files:e})):v.onError&&v.onError({xhr:t,files:e}),S((function(t){return[].concat(h(t),h(e))})),ue())},t.open("POST",v.url,!0),v.onBeforeSend&&v.onBeforeSend({xhr:t,formData:n}),t.withCredentials=v.withCredentials,t.send(n)}},ue=function(){B([]),j(!1),v.onClear&&v.onClear(),te()},se=function(){U.current.click()},ce=function(){D(!0)},pe=function(){D(!1)},me=function(e){13===e.which&&se()},fe=function(e){V||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},de=function(e){V||(e.dataTransfer.dropEffect="copy",s.addClass(k.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},ye=function(e){V||(e.dataTransfer.dropEffect="copy",s.removeClass(k.current,"p-fileupload-highlight"))},ve=function(e){if(!v.disabled&&(s.removeClass(k.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault(),!v.onBeforeDrop||!1!==v.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(v.multiple||o.isEmpty(w)&&t&&1===t.length)&&le(e)}},be=function(){!V&&J?ie():U.current.click()};e.useImperativeHandle(y,(function(){return{props:v,upload:ie,clear:ue,formatSize:ne,onFileSelect:le,getInput:function(){return U.current},getContent:function(){return k.current},getFiles:function(){return w},setFiles:function(e){return B(e||[])}}}));var ge,he,Ee,Se,Ne,we,Oe,Pe,Be,Te,Ce,Fe=function(e,t,n){"warning"===t.severity?Q(e,n):ee(e,n)},ze=function(t,l,r){var a=t.name+t.type+t.size,i=Z(t)?e.createElement("img",{role:"presentation",className:"p-fileupload-file-thumbnail",alt:t.name,src:t.objectURL,width:v.previewWidth}):null,u=e.createElement("div",{className:"p-fileupload-filename"},t.name),s=e.createElement("div",null,ne(t.size)),c=e.createElement("div",null,e.createElement("div",null," ",t.name),e.createElement("span",null,ne(t.size)),e.createElement(z,{className:"p-fileupload-file-badge",value:r.value,severity:r.severity})),p=e.createElement("div",null,e.createElement(n,{type:"button",icon:v.removeIcon||e.createElement(m,null),text:!0,rounded:!0,className:"p-button-danger",onClick:function(e){return Fe(e,r,l)},disabled:V})),f=e.createElement(e.Fragment,null,i,c,p);if(v.itemTemplate){var d={onRemove:function(e){return Q(e,l)},previewElement:i,fileNameElement:u,sizeElement:s,removeElement:p,formatSize:ne(t.size),element:f,index:l,props:v};f=o.getJSXElement(v.itemTemplate,t,d)}return e.createElement("div",{className:"p-fileupload-row",key:a},f)},Ie=function(){var t={severity:"success",value:"Completed"},n=g&&g.map((function(e,n){return ze(e,n,t)}));return e.createElement("div",null,n)};return"advanced"===v.mode?function(){var t,s,d,y,b,g,h,E,S,N,O,B,T,F,z,I,M,D=P.getOtherProps(v),L=i("p-fileupload p-fileupload-advanced p-component",v.className),R=i("p-fileupload-buttonbar",v.headerClassName),j=i("p-fileupload-content",v.contentClassName),X=(s=(t=v.chooseOptions).style,d=t.icon,b=i("p-button p-fileupload-choose p-component",{"p-disabled":V,"p-focus":x,"p-button-icon-only":y=t.iconOnly},t.className),g="p-button-label p-clickable",h=i("p-button-icon p-clickable",{"p-button-icon-left":!y}),E=y?e.createElement("span",{className:g,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:g},K),S=e.createElement("input",{ref:U,type:"file",onChange:le,multiple:v.multiple,accept:v.accept,disabled:$}),N=u.getJSXIcon(d||e.createElement(c,{className:h}),{className:h},{props:v}),e.createElement("span",{className:b,style:s,onClick:se,onKeyDown:me,onFocus:ce,onBlur:pe,tabIndex:0},S,N,E,e.createElement(a,null))),H=!v.emptyTemplate||J||_?null:o.getJSXElement(v.emptyTemplate,v);if(!v.auto){var Z=v.uploadOptions,Q=v.cancelOptions,ee=Z.iconOnly?"":Y,te=Q.iconOnly?"":W,ne=i("p-button-icon p-c",{"p-button-icon-left":!Z.iconOnly}),re=u.getJSXIcon(Z.icon||e.createElement(p,{className:ne}),{className:ne},{props:v}),ae=i("p-button-icon p-c",{"p-button-icon-left":!Q.iconOnly}),oe=u.getJSXIcon(Q.icon||e.createElement(m,{className:ae}),{className:ae},{props:v});O=e.createElement(n,{type:"button",label:ee,icon:re,onClick:ie,disabled:q,style:Z.style,className:Z.className}),B=e.createElement(n,{type:"button",label:te,icon:oe,onClick:ue,disabled:G,style:Q.style,className:Q.className})}J&&(I={severity:"warning",value:"Pending"},M=w.map((function(e,t){return ze(e,t,I)})),T=e.createElement("div",null,M),z=v.progressBarTemplate?o.getJSXElement(v.progressBarTemplate,v):e.createElement(r,{value:C,showValue:!1})),_&&(F=Ie());var be=e.createElement("div",{className:R,style:v.headerStyle},X,O,B);v.headerTemplate&&(be=o.getJSXElement(v.headerTemplate,{className:R,chooseButton:X,uploadButton:O,cancelButton:B,element:be,props:v}));return e.createElement("div",f({id:v.id,className:L,style:v.style},D),be,e.createElement("div",{ref:k,className:j,style:v.contentStyle,onDragEnter:fe,onDragOver:de,onDragLeave:ye,onDrop:ve},z,e.createElement(l,{ref:A}),J?T:null,_?F:null,H))}():"basic"===v.mode?(ge=v.chooseOptions,he=P.getOtherProps(v),Ee=i("p-fileupload p-fileupload-basic p-component",v.className),Se=i("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":J,"p-disabled":V,"p-focus":x},ge.className),Ne=i("p-button-icon",{"p-button-icon-left":!ge.iconOnly}),we=ge.icon?ge.icon:ge.icon||J&&!v.auto?!ge.icon&&J&&!v.auto&&e.createElement(p,{className:Ne}):e.createElement(c,{className:Ne}),Oe="p-button-label p-clickable",Pe=ge.iconOnly?e.createElement("span",{className:Oe,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:Oe},K),Be=v.auto?Pe:e.createElement("span",{className:Oe},J?w[0].name:Pe),Te=u.getJSXIcon(we,{className:Ne},{props:v,hasFiles:J}),Ce=!J&&e.createElement("input",{ref:U,type:"file",accept:v.accept,multiple:v.multiple,disabled:V,onChange:le}),e.createElement("div",f({className:Ee,style:v.style},he),e.createElement(l,{ref:A}),e.createElement("span",{className:Se,style:ge.style,onMouseUp:be,onKeyDown:me,onFocus:ce,onBlur:pe,tabIndex:0},Te,Be,Ce,e.createElement(a,null)))):void 0})));D.displayName="FileUpload";export{D as FileUpload};
+import*as e from"react";import{localeOption as t}from"primereact/api";import{Button as n}from"primereact/button";import{Messages as r}from"primereact/messages";import{ProgressBar as l}from"primereact/progressbar";import{Ripple as o}from"primereact/ripple";import{classNames as a,ObjectUtils as i,mergeProps as u,IconUtils as c,DomHandler as s}from"primereact/utils";import{ComponentBase as p}from"primereact/componentbase";import{PlusIcon as m}from"primereact/icons/plus";import{UploadIcon as f}from"primereact/icons/upload";import{TimesIcon as d}from"primereact/icons/times";function y(e){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},y(e)}function v(e,t){if("object"!==y(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==y(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function b(e){var t=v(e,"string");return"symbol"===y(t)?t:String(t)}function g(e,t,n){return(t=b(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},h.apply(this,arguments)}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function S(e){if(Array.isArray(e))return E(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function w(e,t){if(e){if("string"==typeof e)return E(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?E(e,t):void 0}}function N(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e){return S(e)||O(e)||w(e)||N()}function P(e){throw new TypeError('"'+e+'" is read-only')}function T(e){if(Array.isArray(e))return e}function j(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o,a,i=[],u=!0,c=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(i.push(r.value),i.length!==t);u=!0);}catch(e){c=!0,l=e}finally{try{if(!u&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw l}}return i}}function C(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e,t){return T(e)||j(e,t)||w(e,t)||C()}var F=p.extend({defaultProps:{__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept:null,removeIcon:null,disabled:!1,auto:!1,maxFileSize:null,invalidFileSizeMessageSummary:"{0}: Invalid file size, ",invalidFileSizeMessageDetail:"maximum upload size is {0}.",style:null,className:null,withCredentials:!1,previewWidth:50,chooseLabel:null,uploadLabel:null,cancelLabel:null,chooseOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},uploadOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},cancelOptions:{label:null,icon:null,iconOnly:!1,className:null,style:null},customUpload:!1,headerClassName:null,headerStyle:null,contentClassName:null,contentStyle:null,headerTemplate:null,itemTemplate:null,emptyTemplate:null,progressBarTemplate:null,onBeforeUpload:null,onBeforeSend:null,onBeforeDrop:null,onBeforeSelect:null,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null,children:void 0}}),z=p.extend({defaultProps:{__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null,children:void 0}}),D=e.memo(e.forwardRef((function(t,n){var r=z.getProps(t),l=z.setMetaData({props:r}).ptm,o=e.useRef(null),c=a("p-badge p-component",g({"p-badge-no-gutter":i.isNotEmpty(r.value)&&1===String(r.value).length,"p-badge-dot":i.isEmpty(r.value),"p-badge-lg":"large"===r.size,"p-badge-xl":"xlarge"===r.size},"p-badge-".concat(r.severity),null!==r.severity),r.className);e.useImperativeHandle(n,(function(){return{props:r,getElement:function(){return o.current}}}));var s=u({ref:o,style:r.style,className:c},z.getOtherProps(r),l("root"));return e.createElement("span",s,r.value)})));function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function M(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function L(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){i=!0,o=e},f:function(){try{a||null==n.return||n.return()}finally{if(i)throw o}}}}function R(e,t){if(e){if("string"==typeof e)return U(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?U(e,t):void 0}}function U(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}D.displayName="Badge";var A=e.memo(e.forwardRef((function(p,y){var v=F.getProps(p),b=I(e.useState([]),2),g=b[0],E=b[1],S=I(e.useState([]),2),O=S[0],w=S[1],N=I(e.useState(0),2),T=N[0],j=N[1],C=I(e.useState(!1),2),z=C[0],x=C[1],R=I(e.useState(!1),2),U=R[0],A=R[1],k=F.setMetaData({props:v,state:{progress:T,uploading:U,uploadedFiles:g,files:O,focused:z}}).ptm,X=e.useRef(null),H=e.useRef(null),J=e.useRef(null),_=e.useRef(!1),V=e.useRef(0),K=i.isNotEmpty(O),Y=i.isNotEmpty(g),W=v.disabled||U,$=v.chooseLabel||v.chooseOptions.label||t("choose"),q=v.uploadLabel||v.uploadOptions.label||t("upload"),G=v.cancelLabel||v.cancelOptions.label||t("cancel"),Z=W||v.fileLimit&&v.fileLimit<=O.length+V,Q=W||!K,ee=W||!K,te=function(e){return/^image\//.test(e.type)},ne=function(e,t){le();var n=B(O),r=O[t];n.splice(t,1),w(n),v.onRemove&&v.onRemove({originalEvent:e,file:r})},re=function(e,t){le();var n=B(g),r=O[t];n.splice(t,1),E(n),v.onRemove&&v.onRemove({originalEvent:e,file:r})},le=function(){X.current&&(X.current.value="")},oe=function(e){if(0===e)return"0 B";var t=Math.floor(Math.log(e)/Math.log(1e3));return parseFloat((e/Math.pow(1e3,t)).toFixed(3))+" "+["B","KB","MB","GB","TB","PB","EB","ZB","YB"][t]},ae=function(e){if(!v.onBeforeSelect||!1!==v.onBeforeSelect({originalEvent:e,files:O}))if("drop"!==e.type&&ue()&&_.current)_.current=!1;else{var t=[];v.multiple&&(t=O?B(O):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,r=0;r<n.length;r++){var l=n[r];!ie(l)&&ce(l)&&(te(l)&&(l.objectURL=window.URL.createObjectURL(l)),t.push(l))}w(t),i.isNotEmpty(t)&&v.auto&&se(t),v.onSelect&&v.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&ue()?X.current&&(_.current=!0,X.current.value=""):le(),"basic"===v.mode&&t.length>0&&(X.current.style.display="none")}},ie=function(e){return O.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},ue=function(){return!!window.MSInputMethodContext&&!!document.documentMode},ce=function(e){if(v.maxFileSize&&e.size>v.maxFileSize){var t={severity:"error",summary:v.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:v.invalidFileSizeMessageDetail.replace("{0}",oe(v.maxFileSize)),sticky:!0};return"advanced"===v.mode&&H.current.show(t),v.onValidationFail&&v.onValidationFail(e),!1}return!0},se=function(e){if((e=e||O)&&e.nativeEvent&&(e=O),v.customUpload)v.fileLimit&&P("uploadedFileCount"),v.uploadHandler&&v.uploadHandler({files:e,options:{clear:pe,props:v}});else{A(!0);var t=new XMLHttpRequest,n=new FormData;v.onBeforeUpload&&v.onBeforeUpload({xhr:t,formData:n});var r,l=L(e);try{for(l.s();!(r=l.n()).done;){var o=r.value;n.append(v.name,o,o.name)}}catch(e){l.e(e)}finally{l.f()}t.upload.addEventListener("progress",(function(e){if(e.lengthComputable){var t=Math.round(100*e.loaded/e.total);j(t),v.onProgress&&v.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(j(0),A(!1),t.status>=200&&t.status<300?(v.fileLimit&&P("uploadedFileCount"),v.onUpload&&v.onUpload({xhr:t,files:e})):v.onError&&v.onError({xhr:t,files:e}),E((function(t){return[].concat(B(t),B(e))})),pe())},t.open("POST",v.url,!0),v.onBeforeSend&&v.onBeforeSend({xhr:t,formData:n}),t.withCredentials=v.withCredentials,t.send(n)}},pe=function(){w([]),A(!1),v.onClear&&v.onClear(),le()},me=function(){X.current.click()},fe=function(){x(!0)},de=function(){x(!1)},ye=function(e){13===e.which&&me()},ve=function(e){if(!v.disabled&&(s.removeClass(J.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault(),!v.onBeforeDrop||!1!==v.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(v.multiple||i.isEmpty(O)&&t&&1===t.length)&&ae(e)}},be=function(){!W&&K?se():X.current.click()};e.useImperativeHandle(y,(function(){return{props:v,upload:se,clear:pe,formatSize:oe,onFileSelect:ae,getInput:function(){return X.current},getContent:function(){return J.current},getFiles:function(){return O},setFiles:function(e){return w(e||[])}}}));var ge,he,Ee,Se,Oe,we,Ne,Be,Pe,Te,je,Ce,Ie=function(e,t,n){"warning"===t.severity?ne(e,n):re(e,n)},Fe=function(t,r,l){var o=t.name+t.type+t.size,a=u({role:"presentation",className:"p-fileupload-file-thumbnail",src:t.objectURL,width:v.previewWidth},k("thumbnail")),c=te(t)?e.createElement("img",h({},a,{alt:t.name})):null,s=u(k("details")),p=u(k("fileSize")),m=u({className:"p-fileupload-filename"},k("fileName")),f=u(k("actions")),y=e.createElement("div",m,t.name),b=e.createElement("div",p,oe(t.size)),g=e.createElement("div",s,e.createElement("div",m," ",t.name),e.createElement("span",p,oe(t.size)),e.createElement(D,{className:"p-fileupload-file-badge",value:l.value,severity:l.severity,pt:k("badge")})),E=e.createElement("div",f,e.createElement(n,{type:"button",icon:v.removeIcon||e.createElement(d,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return Ie(e,l,r)},disabled:W,pt:k("removeButton")})),S=e.createElement(e.Fragment,null,c,g,E);if(v.itemTemplate){var O={onRemove:function(e){return ne(e,r)},previewElement:c,fileNameElement:y,sizeElement:b,removeElement:E,formatSize:oe(t.size),element:S,index:r,props:v};S=i.getJSXElement(v.itemTemplate,t,O)}var w=u({key:o,className:"p-fileupload-row"},k("file"));return e.createElement("div",w,S)},ze=function(){var t={severity:"success",value:"Completed"},n=g&&g.map((function(e,n){return Fe(e,n,t)}));return e.createElement("div",null,n)};return"advanced"===v.mode?function(){var t,p,y,b,g,E,S,w,N,B,P,j,C,I,D,x,L,R,U,A,_=a("p-fileupload p-fileupload-advanced p-component",v.className),V=a("p-fileupload-buttonbar",v.headerClassName),te=a("p-fileupload-content",v.contentClassName),ne=(p=(t=v.chooseOptions).style,y=t.icon,g=a("p-button p-fileupload-choose p-component",{"p-disabled":W,"p-focus":z,"p-button-icon-only":b=t.iconOnly},t.className),E=a("p-button-icon p-clickable",{"p-button-icon-left":!b}),S=u({className:"p-button-label p-clickable"},k("chooseButtonLabel")),w=b?e.createElement("span",h({},S,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):e.createElement("span",S,$),N=u({ref:X,type:"file",onChange:function(e){return ae(e)},multiple:v.multiple,accept:v.accept,disabled:Z},k("input")),B=e.createElement("input",N),P=u({className:E},k("chooseIcon")),j=c.getJSXIcon(y||e.createElement(m,P),M({},P),{props:v}),C=u({className:g,style:p,onClick:me,onKeyDown:function(e){return ye(e)},onFocus:fe,onBlur:de,tabIndex:0},k("chooseButton")),e.createElement("span",C,B,j,w,e.createElement(o,null))),re=!v.emptyTemplate||K||Y?null:i.getJSXElement(v.emptyTemplate,v);if(!v.auto){var le=v.uploadOptions,oe=v.cancelOptions,ie=le.iconOnly?"":q,ue=oe.iconOnly?"":G,ce=a("p-button-icon p-c",{"p-button-icon-left":!le.iconOnly}),be=u({className:ce},k("uploadIcon")),ge=c.getJSXIcon(le.icon||e.createElement(f,be),M({},be),{props:v}),he=a("p-button-icon p-c",{"p-button-icon-left":!oe.iconOnly}),Ee=u({className:he},k("cancelIcon")),Se=c.getJSXIcon(oe.icon||e.createElement(d,Ee),M({},Ee),{props:v});I=e.createElement(n,{type:"button",label:ie,icon:ge,onClick:se,disabled:Q,style:le.style,className:le.className,pt:k("uploadButton")}),D=e.createElement(n,{type:"button",label:ue,icon:Se,onClick:pe,disabled:ee,style:oe.style,className:oe.className,pt:k("cancelButton")})}K&&(U={severity:"warning",value:"Pending"},A=O.map((function(e,t){return Fe(e,t,U)})),x=e.createElement("div",null,A),R=v.progressBarTemplate?i.getJSXElement(v.progressBarTemplate,v):e.createElement(l,{value:T,showValue:!1,pt:k("progressbar")})),Y&&(L=ze());var Oe=u({className:V,style:v.headerStyle},k("buttonbar")),we=e.createElement("div",Oe,ne,I,D);v.headerTemplate&&(we=i.getJSXElement(v.headerTemplate,{className:V,chooseButton:ne,uploadButton:I,cancelButton:D,element:we,props:v}));var Ne=u({id:v.id,className:_,style:v.style},F.getOtherProps(v),k("root")),Be=u({ref:J,className:te,style:v.contentStyle,onDragEnter:function(e){return t=e,void(W||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(W||(t.dataTransfer.dropEffect="copy",s.addClass(J.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){return t=e,void(W||(t.dataTransfer.dropEffect="copy",s.removeClass(J.current,"p-fileupload-highlight")));var t},onDrop:function(e){return ve(e)}},k("content"));return e.createElement("div",Ne,we,e.createElement("div",Be,R,e.createElement(r,{ref:H}),K?x:null,Y?L:null,re))}():"basic"===v.mode?(ge=v.chooseOptions,he=a("p-fileupload p-fileupload-basic p-component",v.className),Ee=a("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":K,"p-disabled":W,"p-focus":z},ge.className),Se=u({className:"p-button-label p-clickable"},k("label")),Oe=ge.iconOnly?e.createElement("span",h({},Se,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):e.createElement("span",Se,$),we=v.auto?Oe:e.createElement("span",Se,K?O[0].name:Oe),Ne=a("p-button-icon",{"p-button-icon-left":!ge.iconOnly}),Be=u({className:Ne},k("chooseIcon")),Pe=c.getJSXIcon(ge.icon?ge.icon:ge.icon||K&&!v.auto?!ge.icon&&K&&!v.auto&&e.createElement(f,Be):e.createElement(m,Be),M({},Be),{props:v,hasFiles:K}),Te=!K&&e.createElement("input",{ref:X,type:"file",accept:v.accept,multiple:v.multiple,disabled:W,onChange:ae}),je=u({className:he,style:v.style},F.getOtherProps(v),k("root")),Ce=u({className:Ee,style:ge.style,tabIndex:0,onMouseUp:be,onKeyDown:function(e){return ye(e)},onFocus:fe,onBlur:de},F.getOtherProps(v),k("basicButton")),e.createElement("div",je,e.createElement(r,{ref:H,pt:k("message")}),e.createElement("span",Ce,Pe,we,Te,e.createElement(o,null)))):void 0})));A.displayName="FileUpload";export{A as FileUpload};