primereact 9.4.0 → 9.5.0

package/fileupload/fileupload.js

@@ -22,6 +22,47 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
 
   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++) {
@@ -112,7 +153,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
   }
 
-  var FileUploadBase = {
+  var FileUploadBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'FileUpload',
       id: null,
@@ -177,55 +218,8 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       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 = componentbase.ComponentBase.extend({
     defaultProps: {
@@ -269,6 +263,8 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
   }));
   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; }
@@ -294,6 +290,17 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       _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);
@@ -533,20 +540,20 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
     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');
@@ -554,13 +561,13 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         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;
       }
@@ -615,71 +622,84 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       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) {
@@ -698,10 +718,11 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         };
         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 = {
@@ -732,11 +753,11 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       }
       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);
@@ -751,21 +772,19 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         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, {
@@ -775,7 +794,8 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
           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",
@@ -784,7 +804,8 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
           onClick: clear,
           disabled: cancelDisabled,
           style: cancelOptions.style,
-          className: cancelOptions.className
+          className: cancelOptions.className,
+          pt: ptm('cancelButton')
         });
       }
       if (hasFiles) {
@@ -794,10 +815,11 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       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,
@@ -809,54 +831,58 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         };
         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
       });
@@ -868,20 +894,25 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         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.min.js

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