primereact 9.3.1 → 9.5.0

package/fileupload/fileupload.cjs.js

@@ -9,6 +9,7 @@ var messages = require('primereact/messages');
 var progressbar = require('primereact/progressbar');
 var ripple = require('primereact/ripple');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var plus = require('primereact/icons/plus');
 var upload = require('primereact/icons/upload');
 var times = require('primereact/icons/times');
@@ -33,6 +34,47 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+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++) {
@@ -123,7 +165,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
-var FileUploadBase = {
+var FileUploadBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'FileUpload',
     id: null,
@@ -140,7 +182,7 @@ var FileUploadBase = {
     invalidFileSizeMessageDetail: 'maximum upload size is {0}.',
     style: null,
     className: null,
-    widthCredentials: false,
+    withCredentials: false,
     previewWidth: 50,
     chooseLabel: null,
     uploadLabel: null,
@@ -188,57 +230,10 @@ var FileUploadBase = {
     uploadHandler: null,
     onRemove: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, FileUploadBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.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.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Badge',
     value: null,
@@ -247,19 +242,16 @@ var BadgeBase = {
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, BadgeBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, BadgeBase.defaultProps);
   }
-};
+});
 
 var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = BadgeBase.getProps(inProps);
+  var _BadgeBase$setMetaDat = BadgeBase.setMetaData({
+      props: props
+    }),
+    ptm = _BadgeBase$setMetaDat.ptm;
   var elementRef = React__namespace.useRef(null);
-  var otherProps = BadgeBase.getOtherProps(props);
   var className = utils.classNames('p-badge p-component', _defineProperty({
     'p-badge-no-gutter': utils.ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1,
     'p-badge-dot': utils.ObjectUtils.isEmpty(props.value),
@@ -274,14 +266,17 @@ var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
       }
     };
   });
-  return /*#__PURE__*/React__namespace.createElement("span", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
-    className: className,
-    style: props.style
-  }, otherProps), props.value);
+    style: props.style,
+    className: className
+  }, BadgeBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.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; }
@@ -307,6 +302,17 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     _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__namespace.useRef(null);
   var messagesRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
@@ -546,20 +552,20 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   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';
       utils.DomHandler.addClass(contentRef.current, 'p-fileupload-highlight');
@@ -567,13 +573,13 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       event.preventDefault();
     }
   };
-  var onDragLeave = function onDragLeave(event) {
+  var _onDragLeave = function onDragLeave(event) {
     if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
     }
   };
-  var onDrop = function onDrop(event) {
+  var _onDrop = function onDrop(event) {
     if (props.disabled) {
       return;
     }
@@ -628,71 +634,84 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     var iconClassName = utils.classNames('p-button-icon p-clickable', {
       'p-button-icon-left': !iconOnly
     });
-    var label = iconOnly ? /*#__PURE__*/React__namespace.createElement("span", {
-      className: labelClassName,
+    var chooseButtonLabelProps = utils.mergeProps({
+      className: labelClassName
+    }, ptm('chooseButtonLabel'));
+    var label = iconOnly ? /*#__PURE__*/React__namespace.createElement("span", _extends({}, chooseButtonLabelProps, {
       dangerouslySetInnerHTML: {
         __html: '&nbsp;'
       }
-    }) : /*#__PURE__*/React__namespace.createElement("span", {
-      className: labelClassName
-    }, chooseButtonLabel);
-    var input = /*#__PURE__*/React__namespace.createElement("input", {
+    })) : /*#__PURE__*/React__namespace.createElement("span", chooseButtonLabelProps, chooseButtonLabel);
+    var inputProps = utils.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__namespace.createElement(plus.PlusIcon, {
-      className: iconClassName
-    });
-    var chooseIcon = utils.IconUtils.getJSXIcon(icon, {
+    }, ptm('input'));
+    var input = /*#__PURE__*/React__namespace.createElement("input", inputProps);
+    var chooseIconProps = utils.mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('chooseIcon'));
+    var icon = _icon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, chooseIconProps);
+    var chooseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
       props: props
     });
-    return /*#__PURE__*/React__namespace.createElement("span", {
+    var chooseButtonProps = utils.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__namespace.createElement(ripple.Ripple, null));
+    }, ptm('chooseButton'));
+    return /*#__PURE__*/React__namespace.createElement("span", chooseButtonProps, input, chooseIcon, label, /*#__PURE__*/React__namespace.createElement(ripple.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__namespace.createElement("img", {
-      role: "presentation",
-      className: "p-fileupload-file-thumbnail",
-      alt: file.name,
+    var thumbnailProps = utils.mergeProps({
+      role: 'presentation',
+      className: 'p-fileupload-file-thumbnail',
       src: file.objectURL,
       width: props.previewWidth
-    }) : null;
-    var fileName = /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-fileupload-filename"
-    }, file.name);
-    var size = /*#__PURE__*/React__namespace.createElement("div", null, formatSize(file.size));
-    var contentBody = /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("div", null, " ", file.name), /*#__PURE__*/React__namespace.createElement("span", null, formatSize(file.size)), /*#__PURE__*/React__namespace.createElement(Badge, {
+    }, ptm('thumbnail'));
+    var preview = isImage(file) ? /*#__PURE__*/React__namespace.createElement("img", _extends({}, thumbnailProps, {
+      alt: file.name
+    })) : null;
+    var detailsProps = utils.mergeProps(ptm('details'));
+    var fileSizeProps = utils.mergeProps(ptm('fileSize'));
+    var fileNameProps = utils.mergeProps({
+      className: 'p-fileupload-filename'
+    }, ptm('fileName'));
+    var actionsProps = utils.mergeProps(ptm('actions'));
+    var fileName = /*#__PURE__*/React__namespace.createElement("div", fileNameProps, file.name);
+    var size = /*#__PURE__*/React__namespace.createElement("div", fileSizeProps, formatSize(file.size));
+    var contentBody = /*#__PURE__*/React__namespace.createElement("div", detailsProps, /*#__PURE__*/React__namespace.createElement("div", fileNameProps, " ", file.name), /*#__PURE__*/React__namespace.createElement("span", fileSizeProps, formatSize(file.size)), /*#__PURE__*/React__namespace.createElement(Badge, {
       className: "p-fileupload-file-badge",
       value: badgeOptions.value,
-      severity: badgeOptions.severity
+      severity: badgeOptions.severity,
+      pt: ptm('badge')
     }));
-    var removeButton = /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement(button.Button, {
+    var removeButton = /*#__PURE__*/React__namespace.createElement("div", actionsProps, /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       icon: props.removeIcon || /*#__PURE__*/React__namespace.createElement(times.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__namespace.createElement(React__namespace.Fragment, null, preview, contentBody, removeButton);
     if (props.itemTemplate) {
@@ -711,10 +730,11 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       };
       content = utils.ObjectUtils.getJSXElement(props.itemTemplate, file, defaultContentOptions);
     }
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-fileupload-row",
-      key: key
-    }, content);
+    var fileProps = utils.mergeProps({
+      key: key,
+      className: 'p-fileupload-row'
+    }, ptm('file'));
+    return /*#__PURE__*/React__namespace.createElement("div", fileProps, content);
   };
   var createFiles = function createFiles() {
     var badgeOptions = {
@@ -745,11 +765,11 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     }
     return /*#__PURE__*/React__namespace.createElement(progressbar.ProgressBar, {
       value: progressState,
-      showValue: false
+      showValue: false,
+      pt: ptm('progressbar')
     });
   };
   var createAdvanced = function createAdvanced() {
-    var otherProps = FileUploadBase.getOtherProps(props);
     var className = utils.classNames('p-fileupload p-fileupload-advanced p-component', props.className);
     var headerClassName = utils.classNames('p-fileupload-buttonbar', props.headerClassName);
     var contentClassName = utils.classNames('p-fileupload-content', props.contentClassName);
@@ -764,21 +784,19 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       var uploadIconClassName = utils.classNames('p-button-icon p-c', {
         'p-button-icon-left': !uploadOptions.iconOnly
       });
-      var uploadIcon = utils.IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, {
-        className: uploadIconClassName
-      }), {
+      var uploadIconProps = utils.mergeProps({
         className: uploadIconClassName
-      }, {
+      }, ptm('uploadIcon'));
+      var uploadIcon = utils.IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, uploadIconProps), _objectSpread({}, uploadIconProps), {
         props: props
       });
       var cancelIconClassName = utils.classNames('p-button-icon p-c', {
         'p-button-icon-left': !cancelOptions.iconOnly
       });
-      var cancelIcon = utils.IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
+      var cancelIconProps = utils.mergeProps({
         className: cancelIconClassName
-      }), {
-        className: cancelIconClassName
-      }, {
+      }, ptm('cancelIcon'));
+      var cancelIcon = utils.IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, cancelIconProps), _objectSpread({}, cancelIconProps), {
         props: props
       });
       uploadButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
@@ -788,7 +806,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         onClick: upload$1,
         disabled: uploadDisabled,
         style: uploadOptions.style,
-        className: uploadOptions.className
+        className: uploadOptions.className,
+        pt: ptm('uploadButton')
       });
       cancelButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
         type: "button",
@@ -797,7 +816,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         onClick: clear,
         disabled: cancelDisabled,
         style: cancelOptions.style,
-        className: cancelOptions.className
+        className: cancelOptions.className,
+        pt: ptm('cancelButton')
       });
     }
     if (hasFiles) {
@@ -807,10 +827,11 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     if (hasUploadedFiles) {
       uplaodedFilesList = createUploadedFiles();
     }
-    var header = /*#__PURE__*/React__namespace.createElement("div", {
+    var buttonbarProps = utils.mergeProps({
       className: headerClassName,
       style: props.headerStyle
-    }, chooseButton, uploadButton, cancelButton);
+    }, ptm('buttonbar'));
+    var header = /*#__PURE__*/React__namespace.createElement("div", buttonbarProps, chooseButton, uploadButton, cancelButton);
     if (props.headerTemplate) {
       var defaultContentOptions = {
         className: headerClassName,
@@ -822,54 +843,58 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       };
       header = utils.ObjectUtils.getJSXElement(props.headerTemplate, defaultContentOptions);
     }
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), header, /*#__PURE__*/React__namespace.createElement("div", {
+    }, FileUploadBase.getOtherProps(props), ptm('root'));
+    var contentProps = utils.mergeProps({
       ref: contentRef,
       className: contentClassName,
       style: props.contentStyle,
-      onDragEnter: onDragEnter,
-      onDragOver: onDragOver,
-      onDragLeave: onDragLeave,
-      onDrop: onDrop
-    }, progressBar, /*#__PURE__*/React__namespace.createElement(messages.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__namespace.createElement("div", rootProps, header, /*#__PURE__*/React__namespace.createElement("div", contentProps, progressBar, /*#__PURE__*/React__namespace.createElement(messages.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 = utils.classNames('p-fileupload p-fileupload-basic p-component', props.className);
     var buttonClassName = utils.classNames('p-button p-component p-fileupload-choose', {
       'p-fileupload-choose-selected': hasFiles,
       'p-disabled': disabled,
       'p-focus': focusedState
     }, chooseOptions.className);
-    var iconClassName = utils.classNames('p-button-icon', {
-      'p-button-icon-left': !chooseOptions.iconOnly
-    });
-    var icon = chooseOptions.icon ? chooseOptions.icon : !chooseOptions.icon && (!hasFiles || props.auto) ? /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, {
-      className: iconClassName
-    }) : !chooseOptions.icon && hasFiles && !props.auto && /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, {
-      className: iconClassName
-    });
     var labelClassName = 'p-button-label p-clickable';
-    var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React__namespace.createElement("span", {
-      className: labelClassName,
+    var labelProps = utils.mergeProps({
+      className: labelClassName
+    }, ptm('label'));
+    var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React__namespace.createElement("span", _extends({}, labelProps, {
       dangerouslySetInnerHTML: {
         __html: '&nbsp;'
       }
-    }) : /*#__PURE__*/React__namespace.createElement("span", {
-      className: labelClassName
-    }, chooseButtonLabel);
-    var label = props.auto ? chooseLabel : /*#__PURE__*/React__namespace.createElement("span", {
-      className: labelClassName
-    }, hasFiles ? filesState[0].name : chooseLabel);
-    var chooseIcon = utils.IconUtils.getJSXIcon(icon, {
+    })) : /*#__PURE__*/React__namespace.createElement("span", labelProps, chooseButtonLabel);
+    var label = props.auto ? chooseLabel : /*#__PURE__*/React__namespace.createElement("span", labelProps, hasFiles ? filesState[0].name : chooseLabel);
+    var iconClassName = utils.classNames('p-button-icon', {
+      'p-button-icon-left': !chooseOptions.iconOnly
+    });
+    var chooseIconProps = utils.mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('chooseIcon'));
+    var icon = chooseOptions.icon ? chooseOptions.icon : !chooseOptions.icon && (!hasFiles || props.auto) ? /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, chooseIconProps) : !chooseOptions.icon && hasFiles && !props.auto && /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, chooseIconProps);
+    var chooseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
       props: props,
       hasFiles: hasFiles
     });
@@ -881,20 +906,25 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       disabled: disabled,
       onChange: onFileSelect
     });
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React__namespace.createElement(messages.Messages, {
-      ref: messagesRef
-    }), /*#__PURE__*/React__namespace.createElement("span", {
+    }, FileUploadBase.getOtherProps(props), ptm('root'));
+    var basicButtonProps = utils.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__namespace.createElement(ripple.Ripple, null)));
+      onBlur: onBlur
+    }, FileUploadBase.getOtherProps(props), ptm('basicButton'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(messages.Messages, {
+      ref: messagesRef,
+      pt: ptm('message')
+    }), /*#__PURE__*/React__namespace.createElement("span", basicButtonProps, chooseIcon, label, input, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
   };
   if (props.mode === 'advanced') return createAdvanced();else if (props.mode === 'basic') return createBasic();
 }));

package/fileupload/fileupload.cjs.min.js

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