primereact 8.7.2 → 9.0.0-beta.1

package/fileupload/fileupload.cjs.js

@@ -34,14 +34,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -49,11 +47,9 @@ function _extends() {
 
 function _arrayLikeToArray$1(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;
 }
 
@@ -87,33 +83,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -129,31 +125,25 @@ function _readOnlyError(name) {
 }
 
 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; }
 var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      filesState = _React$useState2[0],
-      setFilesState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    filesState = _React$useState2[0],
+    setFilesState = _React$useState2[1];
   var _React$useState3 = React__namespace.useState(0),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      progressState = _React$useState4[0],
-      setProgressState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    progressState = _React$useState4[0],
+    setProgressState = _React$useState4[1];
   var _React$useState5 = React__namespace.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      focusedState = _React$useState6[0],
-      setFocusedState = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    focusedState = _React$useState6[0],
+    setFocusedState = _React$useState6[1];
   var _React$useState7 = React__namespace.useState(false),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      uploadingState = _React$useState8[0],
-      setUploadingState = _React$useState8[1];
-
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    uploadingState = _React$useState8[0],
+    setUploadingState = _React$useState8[1];
   var fileInputRef = React__namespace.useRef(null);
   var messagesRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
@@ -167,20 +157,15 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
   var uploadDisabled = disabled || !hasFiles;
   var cancelDisabled = disabled || !hasFiles;
-
   var isImage = function isImage(file) {
     return /^image\//.test(file.type);
   };
-
   var remove = function remove(event, index) {
     clearInput();
-
     var currentFiles = _toConsumableArray(filesState);
-
     var removedFile = filesState[index];
     currentFiles.splice(index, 1);
     setFilesState(currentFiles);
-
     if (props.onRemove) {
       props.onRemove({
         originalEvent: event,
@@ -188,33 +173,27 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       });
     }
   };
-
   var clearInput = function clearInput() {
     if (fileInputRef.current) {
       fileInputRef.current.value = '';
     }
   };
-
   var clearIEInput = function clearIEInput() {
     if (fileInputRef.current) {
       duplicateIEEvent.current = true; //IE11 fix to prevent onFileChange trigger again
-
       fileInputRef.current.value = '';
     }
   };
-
   var formatSize = function formatSize(bytes) {
     if (bytes === 0) {
       return '0 B';
     }
-
     var k = 1000,
-        dm = 3,
-        sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
-        i = Math.floor(Math.log(bytes) / Math.log(k));
+      dm = 3,
+      sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'],
+      i = Math.floor(Math.log(bytes) / Math.log(k));
     return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + ' ' + sizes[i];
   };
-
   var onFileSelect = function onFileSelect(event) {
     // give caller a chance to stop the selection
     if (props.onBeforeSelect && props.onBeforeSelect({
@@ -223,66 +202,51 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     }) === false) {
       return;
     }
-
     if (event.type !== 'drop' && isIE11() && duplicateIEEvent.current) {
       duplicateIEEvent.current = false;
       return;
     }
-
     var currentFiles = [];
-
     if (props.multiple) {
       currentFiles = filesState ? _toConsumableArray(filesState) : [];
     }
-
     var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
-
     for (var i = 0; i < selectedFiles.length; i++) {
       var file = selectedFiles[i];
-
       if (!isFileSelected(file) && validate(file)) {
         if (isImage(file)) {
           file.objectURL = window.URL.createObjectURL(file);
         }
-
         currentFiles.push(file);
       }
     }
-
     setFilesState(currentFiles);
-
     if (utils.ObjectUtils.isNotEmpty(currentFiles) && props.auto) {
       upload(currentFiles);
     }
-
     if (props.onSelect) {
       props.onSelect({
         originalEvent: event,
         files: selectedFiles
       });
     }
-
     if (event.type !== 'drop' && isIE11()) {
       clearIEInput();
     } else {
       clearInput();
     }
-
     if (props.mode === 'basic' && currentFiles.length > 0) {
       fileInputRef.current.style.display = 'none';
     }
   };
-
   var isFileSelected = function isFileSelected(file) {
     return filesState.some(function (f) {
       return f.name + f.type + f.size === file.name + file.type + file.size;
     });
   };
-
   var isIE11 = function isIE11() {
     return !!window['MSInputMethodContext'] && !!document['documentMode'];
   };
-
   var validate = function validate(file) {
     if (props.maxFileSize && file.size > props.maxFileSize) {
       var message = {
@@ -291,30 +255,23 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         detail: props.invalidFileSizeMessageDetail.replace('{0}', formatSize(props.maxFileSize)),
         sticky: true
       };
-
       if (props.mode === 'advanced') {
         messagesRef.current.show(message);
       }
-
       props.onValidationFail && props.onValidationFail(file);
       return false;
     }
-
     return true;
   };
-
   var upload = function upload(files) {
     files = files || filesState;
-
     if (files && files.nativeEvent) {
       files = filesState;
     }
-
     if (props.customUpload) {
       if (props.fileLimit) {
         uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
       }
-
       if (props.uploadHandler) {
         props.uploadHandler({
           files: files,
@@ -328,17 +285,14 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       setUploadingState(true);
       var xhr = new XMLHttpRequest();
       var formData = new FormData();
-
       if (props.onBeforeUpload) {
         props.onBeforeUpload({
           xhr: xhr,
           formData: formData
         });
       }
-
       var _iterator = _createForOfIteratorHelper(files),
-          _step;
-
+        _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var file = _step.value;
@@ -349,12 +303,10 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       } finally {
         _iterator.f();
       }
-
       xhr.upload.addEventListener('progress', function (event) {
         if (event.lengthComputable) {
           var progress = Math.round(event.loaded * 100 / event.total);
           setProgressState(progress);
-
           if (props.onProgress) {
             props.onProgress({
               originalEvent: event,
@@ -363,17 +315,14 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
           }
         }
       });
-
       xhr.onreadystatechange = function () {
         if (xhr.readyState === 4) {
           setProgressState(0);
           setUploadingState(false);
-
           if (xhr.status >= 200 && xhr.status < 300) {
             if (props.fileLimit) {
               uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
             }
-
             if (props.onUpload) {
               props.onUpload({
                 xhr: xhr,
@@ -388,51 +337,41 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
               });
             }
           }
-
           clear();
         }
       };
-
       xhr.open('POST', props.url, true);
-
       if (props.onBeforeSend) {
         props.onBeforeSend({
           xhr: xhr,
           formData: formData
         });
       }
-
       xhr.withCredentials = props.withCredentials;
       xhr.send(formData);
     }
   };
-
   var clear = function clear() {
     setFilesState([]);
     setUploadingState(false);
     props.onClear && props.onClear();
     clearInput();
   };
-
   var choose = function choose() {
     fileInputRef.current.click();
   };
-
   var onFocus = function onFocus() {
     setFocusedState(true);
   };
-
   var onBlur = function onBlur() {
     setFocusedState(false);
   };
-
   var onKeyDown = function onKeyDown(event) {
     if (event.which === 13) {
       // enter
       choose();
     }
   };
-
   var onDragEnter = function onDragEnter(event) {
     if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
@@ -440,7 +379,6 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       event.preventDefault();
     }
   };
-
   var onDragOver = function onDragOver(event) {
     if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
@@ -449,36 +387,31 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       event.preventDefault();
     }
   };
-
   var onDragLeave = function onDragLeave(event) {
     if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
     }
   };
-
   var onDrop = function onDrop(event) {
     if (props.disabled) {
       return;
     }
-
     utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
     event.stopPropagation();
-    event.preventDefault(); // give caller a chance to stop the drop
+    event.preventDefault();
 
+    // give caller a chance to stop the drop
     if (props.onBeforeDrop && props.onBeforeDrop(event) === false) {
       return;
     }
-
     var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
     var allowDrop = props.multiple || utils.ObjectUtils.isEmpty(filesState) && files && files.length === 1;
     allowDrop && onFileSelect(event);
   };
-
   var onSimpleUploaderClick = function onSimpleUploaderClick() {
     !disabled && hasFiles ? upload() : fileInputRef.current.click();
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -494,16 +427,18 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       },
       getFiles: function getFiles() {
         return filesState;
+      },
+      setFiles: function setFiles(files) {
+        return setFilesState(files || []);
       }
     };
   });
-
   var createChooseButton = function createChooseButton() {
     var _props$chooseOptions = props.chooseOptions,
-        className = _props$chooseOptions.className,
-        style = _props$chooseOptions.style,
-        _icon = _props$chooseOptions.icon,
-        iconOnly = _props$chooseOptions.iconOnly;
+      className = _props$chooseOptions.className,
+      style = _props$chooseOptions.style,
+      _icon = _props$chooseOptions.icon,
+      iconOnly = _props$chooseOptions.iconOnly;
     var chooseClassName = utils.classNames('p-button p-fileupload-choose p-component', {
       'p-disabled': disabled,
       'p-focus': focusedState,
@@ -541,7 +476,6 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       tabIndex: 0
     }, input, icon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   };
-
   var createFile = function createFile(file, index) {
     var key = file.name + file.type + file.size;
     var preview = isImage(file) ? /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("img", {
@@ -563,7 +497,6 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       disabled: disabled
     }));
     var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, preview, fileName, size, removeButton);
-
     if (props.itemTemplate) {
       var defaultContentOptions = {
         onRemove: function onRemove(event) {
@@ -575,39 +508,34 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         removeElement: removeButton,
         formatSize: formatSize(file.size),
         element: content,
+        index: index,
         props: props
       };
       content = utils.ObjectUtils.getJSXElement(props.itemTemplate, file, defaultContentOptions);
     }
-
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-fileupload-row",
       key: key
     }, content);
   };
-
   var createFiles = function createFiles() {
     var content = filesState.map(createFile);
     return /*#__PURE__*/React__namespace.createElement("div", {
       className: "p-fileupload-files"
     }, content);
   };
-
   var createEmptyContent = function createEmptyContent() {
     return props.emptyTemplate && !hasFiles ? utils.ObjectUtils.getJSXElement(props.emptyTemplate, props) : null;
   };
-
   var createProgressBarContent = function createProgressBarContent() {
     if (props.progressBarTemplate) {
       return utils.ObjectUtils.getJSXElement(props.progressBarTemplate, props);
     }
-
     return /*#__PURE__*/React__namespace.createElement(progressbar.ProgressBar, {
       value: progressState,
       showValue: false
     });
   };
-
   var createAdvanced = function createAdvanced() {
     var otherProps = utils.ObjectUtils.findDiffKeys(props, FileUpload.defaultProps);
     var className = utils.classNames('p-fileupload p-fileupload-advanced p-component', props.className);
@@ -616,7 +544,6 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     var chooseButton = createChooseButton();
     var emptyContent = createEmptyContent();
     var uploadButton, cancelButton, filesList, progressBar;
-
     if (!props.auto) {
       var uploadOptions = props.uploadOptions;
       var cancelOptions = props.cancelOptions;
@@ -641,17 +568,14 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         className: cancelOptions.className
       });
     }
-
     if (hasFiles) {
       filesList = createFiles();
       progressBar = createProgressBarContent();
     }
-
     var header = /*#__PURE__*/React__namespace.createElement("div", {
       className: headerClassName,
       style: props.headerStyle
     }, chooseButton, uploadButton, cancelButton);
-
     if (props.headerTemplate) {
       var defaultContentOptions = {
         className: headerClassName,
@@ -663,7 +587,6 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       };
       header = utils.ObjectUtils.getJSXElement(props.headerTemplate, defaultContentOptions);
     }
-
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
       className: className,
@@ -680,7 +603,6 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       ref: messagesRef
     }), filesList, emptyContent));
   };
-
   var createBasic = function createBasic() {
     var chooseOptions = props.chooseOptions;
     var otherProps = utils.ObjectUtils.findDiffKeys(props, FileUpload.defaultProps);
@@ -735,7 +657,6 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       tabIndex: 0
     }, icon, label, input, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
   };
-
   if (props.mode === 'advanced') return createAdvanced();else if (props.mode === 'basic') return createBasic();
 }));
 FileUpload.displayName = 'FileUpload';

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"),a=require("primereact/progressbar"),r=require("primereact/ripple"),o=require("primereact/utils");function i(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 s=i(e);function u(){return u=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},u.apply(this,arguments)}function c(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 p(e){if(Array.isArray(e))return c(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function d(){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 y(e){return p(e)||m(e)||f(e)||d()}function b(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,a,r=[],o=!0,i=!1;try{for(n=n.call(e);!(o=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==n.return||n.return()}finally{if(i)throw a}}return r}}function h(){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 g(e,t){return b(e)||v(e,t)||f(e,t)||h()}function E(e){throw new TypeError('"'+e+'" is read-only')}function S(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=O(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 O(e,t){if(e){if("string"==typeof e)return N(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)?N(e,t):void 0}}function N(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}var w=s.memo(s.forwardRef((function(e,i){var c=g(s.useState([]),2),p=c[0],m=c[1],f=g(s.useState(0),2),d=f[0],b=f[1],v=g(s.useState(!1),2),h=v[0],O=v[1],N=g(s.useState(!1),2),B=N[0],U=N[1],j=s.useRef(null),T=s.useRef(null),C=s.useRef(null),F=s.useRef(!1),D=s.useRef(0),M=o.ObjectUtils.isNotEmpty(p),z=e.disabled||B,I=e.chooseLabel||e.chooseOptions.label||t.localeOption("choose"),L=e.uploadLabel||e.uploadOptions.label||t.localeOption("upload"),x=e.cancelLabel||e.cancelOptions.label||t.localeOption("cancel"),P=z||e.fileLimit&&e.fileLimit<=p.length+D,R=z||!M,A=z||!M,k=function(e){return/^image\//.test(e.type)},H=function(t,n){_();var l=y(p),a=p[n];l.splice(n,1),m(l),e.onRemove&&e.onRemove({originalEvent:t,file:a})},_=function(){j.current&&(j.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]},X=function(t){if(!e.onBeforeSelect||!1!==e.onBeforeSelect({originalEvent:t,files:p}))if("drop"!==t.type&&K()&&F.current)F.current=!1;else{var n=[];e.multiple&&(n=p?y(p):[]);for(var l=t.dataTransfer?t.dataTransfer.files:t.target.files,a=0;a<l.length;a++){var r=l[a];!J(r)&&V(r)&&(k(r)&&(r.objectURL=window.URL.createObjectURL(r)),n.push(r))}m(n),o.ObjectUtils.isNotEmpty(n)&&e.auto&&W(n),e.onSelect&&e.onSelect({originalEvent:t,files:l}),"drop"!==t.type&&K()?j.current&&(F.current=!0,j.current.value=""):_(),"basic"===e.mode&&n.length>0&&(j.current.style.display="none")}},J=function(e){return p.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},K=function(){return!!window.MSInputMethodContext&&!!document.documentMode},V=function(t){if(e.maxFileSize&&t.size>e.maxFileSize){var n={severity:"error",summary:e.invalidFileSizeMessageSummary.replace("{0}",t.name),detail:e.invalidFileSizeMessageDetail.replace("{0}",q(e.maxFileSize)),sticky:!0};return"advanced"===e.mode&&T.current.show(n),e.onValidationFail&&e.onValidationFail(t),!1}return!0},W=function(t){if((t=t||p)&&t.nativeEvent&&(t=p),e.customUpload)e.fileLimit&&E("uploadedFileCount"),e.uploadHandler&&e.uploadHandler({files:t,options:{clear:Y,props:e}});else{U(!0);var n=new XMLHttpRequest,l=new FormData;e.onBeforeUpload&&e.onBeforeUpload({xhr:n,formData:l});var a,r=S(t);try{for(r.s();!(a=r.n()).done;){var o=a.value;l.append(e.name,o,o.name)}}catch(e){r.e(e)}finally{r.f()}n.upload.addEventListener("progress",(function(t){if(t.lengthComputable){var n=Math.round(100*t.loaded/t.total);b(n),e.onProgress&&e.onProgress({originalEvent:t,progress:n})}})),n.onreadystatechange=function(){4===n.readyState&&(b(0),U(!1),n.status>=200&&n.status<300?(e.fileLimit&&E("uploadedFileCount"),e.onUpload&&e.onUpload({xhr:n,files:t})):e.onError&&e.onError({xhr:n,files:t}),Y())},n.open("POST",e.url,!0),e.onBeforeSend&&e.onBeforeSend({xhr:n,formData:l}),n.withCredentials=e.withCredentials,n.send(l)}},Y=function(){m([]),U(!1),e.onClear&&e.onClear(),_()},$=function(){j.current.click()},G=function(){O(!0)},Z=function(){O(!1)},Q=function(e){13===e.which&&$()},ee=function(e){z||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},te=function(e){z||(e.dataTransfer.dropEffect="copy",o.DomHandler.addClass(C.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},ne=function(e){z||(e.dataTransfer.dropEffect="copy",o.DomHandler.removeClass(C.current,"p-fileupload-highlight"))},le=function(t){if(!e.disabled&&(o.DomHandler.removeClass(C.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault(),!e.onBeforeDrop||!1!==e.onBeforeDrop(t))){var n=t.dataTransfer?t.dataTransfer.files:t.target.files;(e.multiple||o.ObjectUtils.isEmpty(p)&&n&&1===n.length)&&X(t)}},ae=function(){!z&&M?W():j.current.click()};s.useImperativeHandle(i,(function(){return{props:e,upload:W,clear:Y,formatSize:q,onFileSelect:X,getInput:function(){return j.current},getContent:function(){return C.current},getFiles:function(){return p}}}));var re,oe,ie,se,ue,ce,pe,me,fe,de,ye=function(t,l){var a=t.name+t.type+t.size,r=k(t)?s.createElement("div",null,s.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:e.previewWidth})):null,i=s.createElement("div",{className:"p-fileupload-filename"},t.name),u=s.createElement("div",null,q(t.size)),c=s.createElement("div",null,s.createElement(n.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return H(e,l)},disabled:z})),p=s.createElement(s.Fragment,null,r,i,u,c);if(e.itemTemplate){var m={onRemove:function(e){return H(e,l)},previewElement:r,fileNameElement:i,sizeElement:u,removeElement:c,formatSize:q(t.size),element:p,props:e};p=o.ObjectUtils.getJSXElement(e.itemTemplate,t,m)}return s.createElement("div",{className:"p-fileupload-row",key:a},p)};return"advanced"===e.mode?function(){var t,i,c,m,f,y,b,v,g,E,S,O,N,B,U=o.ObjectUtils.findDiffKeys(e,w.defaultProps),F=o.classNames("p-fileupload p-fileupload-advanced p-component",e.className),D=o.classNames("p-fileupload-buttonbar",e.headerClassName),k=o.classNames("p-fileupload-content",e.contentClassName),H=(i=(t=e.chooseOptions).style,c=t.icon,f=o.classNames("p-button p-fileupload-choose p-component",{"p-disabled":z,"p-focus":h,"p-button-icon-only":m=t.iconOnly},t.className),y="p-button-label p-clickable",b=m?s.createElement("span",{className:y,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:y},I),v=s.createElement("input",{ref:j,type:"file",onChange:X,multiple:e.multiple,accept:e.accept,disabled:P}),g=o.IconUtils.getJSXIcon(c||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:e}),s.createElement("span",{className:f,style:i,onClick:$,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},v,g,b,s.createElement(r.Ripple,null))),_=e.emptyTemplate&&!M?o.ObjectUtils.getJSXElement(e.emptyTemplate,e):null;if(!e.auto){var q=e.uploadOptions,J=e.cancelOptions,K=J.iconOnly?"":x;E=s.createElement(n.Button,{type:"button",label:q.iconOnly?"":L,icon:q.icon||"pi pi-upload",onClick:W,disabled:R,style:q.style,className:q.className}),S=s.createElement(n.Button,{type:"button",label:K,icon:J.icon||"pi pi-times",onClick:Y,disabled:A,style:J.style,className:J.className})}M&&(B=p.map(ye),O=s.createElement("div",{className:"p-fileupload-files"},B),N=e.progressBarTemplate?o.ObjectUtils.getJSXElement(e.progressBarTemplate,e):s.createElement(a.ProgressBar,{value:d,showValue:!1}));var V=s.createElement("div",{className:D,style:e.headerStyle},H,E,S);e.headerTemplate&&(V=o.ObjectUtils.getJSXElement(e.headerTemplate,{className:D,chooseButton:H,uploadButton:E,cancelButton:S,element:V,props:e}));return s.createElement("div",u({id:e.id,className:F,style:e.style},U),V,s.createElement("div",{ref:C,className:k,style:e.contentStyle,onDragEnter:ee,onDragOver:te,onDragLeave:ne,onDrop:le},N,s.createElement(l.Messages,{ref:T}),O,_))}():"basic"===e.mode?(re=e.chooseOptions,oe=o.ObjectUtils.findDiffKeys(e,w.defaultProps),ie=o.classNames("p-fileupload p-fileupload-basic p-component",e.className),se=o.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":M,"p-disabled":z,"p-focus":h},re.className),ue=re.icon||o.classNames({"pi pi-plus":!re.icon&&(!M||e.auto),"pi pi-upload":!re.icon&&M&&!e.auto}),ce="p-button-label p-clickable",pe=re.iconOnly?s.createElement("span",{className:ce,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:ce},I),me=e.auto?pe:s.createElement("span",{className:ce},M?p[0].name:pe),fe=o.IconUtils.getJSXIcon(ue,{className:"p-button-icon p-button-icon-left"},{props:e,hasFiles:M}),de=!M&&s.createElement("input",{ref:j,type:"file",accept:e.accept,multiple:e.multiple,disabled:z,onChange:X}),s.createElement("div",u({className:ie,style:e.style},oe),s.createElement(l.Messages,{ref:T}),s.createElement("span",{className:se,style:re.style,onMouseUp:ae,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},fe,me,de,s.createElement(r.Ripple,null)))):void 0})));w.displayName="FileUpload",w.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept: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},exports.FileUpload=w;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/button"),l=require("primereact/messages"),a=require("primereact/progressbar"),r=require("primereact/ripple"),o=require("primereact/utils");function i(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 s=i(e);function u(){return u=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},u.apply(this,arguments)}function c(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 p(e){if(Array.isArray(e))return c(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(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)?c(e,t):void 0}}function d(){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 y(e){return p(e)||m(e)||f(e)||d()}function b(e){if(Array.isArray(e))return e}function v(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,u=!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){u=!0,a=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(u)throw a}}return i}}function h(){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 g(e,t){return b(e)||v(e,t)||f(e,t)||h()}function E(e){throw new TypeError('"'+e+'" is read-only')}function S(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=O(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 O(e,t){if(e){if("string"==typeof e)return N(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)?N(e,t):void 0}}function N(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}var w=s.memo(s.forwardRef((function(e,i){var c=g(s.useState([]),2),p=c[0],m=c[1],f=g(s.useState(0),2),d=f[0],b=f[1],v=g(s.useState(!1),2),h=v[0],O=v[1],N=g(s.useState(!1),2),B=N[0],j=N[1],U=s.useRef(null),T=s.useRef(null),C=s.useRef(null),F=s.useRef(!1),D=s.useRef(0),M=o.ObjectUtils.isNotEmpty(p),z=e.disabled||B,I=e.chooseLabel||e.chooseOptions.label||t.localeOption("choose"),L=e.uploadLabel||e.uploadOptions.label||t.localeOption("upload"),x=e.cancelLabel||e.cancelOptions.label||t.localeOption("cancel"),P=z||e.fileLimit&&e.fileLimit<=p.length+D,R=z||!M,A=z||!M,k=function(e){return/^image\//.test(e.type)},H=function(t,n){_();var l=y(p),a=p[n];l.splice(n,1),m(l),e.onRemove&&e.onRemove({originalEvent:t,file:a})},_=function(){U.current&&(U.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]},X=function(t){if(!e.onBeforeSelect||!1!==e.onBeforeSelect({originalEvent:t,files:p}))if("drop"!==t.type&&K()&&F.current)F.current=!1;else{var n=[];e.multiple&&(n=p?y(p):[]);for(var l=t.dataTransfer?t.dataTransfer.files:t.target.files,a=0;a<l.length;a++){var r=l[a];!J(r)&&V(r)&&(k(r)&&(r.objectURL=window.URL.createObjectURL(r)),n.push(r))}m(n),o.ObjectUtils.isNotEmpty(n)&&e.auto&&W(n),e.onSelect&&e.onSelect({originalEvent:t,files:l}),"drop"!==t.type&&K()?U.current&&(F.current=!0,U.current.value=""):_(),"basic"===e.mode&&n.length>0&&(U.current.style.display="none")}},J=function(e){return p.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},K=function(){return!!window.MSInputMethodContext&&!!document.documentMode},V=function(t){if(e.maxFileSize&&t.size>e.maxFileSize){var n={severity:"error",summary:e.invalidFileSizeMessageSummary.replace("{0}",t.name),detail:e.invalidFileSizeMessageDetail.replace("{0}",q(e.maxFileSize)),sticky:!0};return"advanced"===e.mode&&T.current.show(n),e.onValidationFail&&e.onValidationFail(t),!1}return!0},W=function(t){if((t=t||p)&&t.nativeEvent&&(t=p),e.customUpload)e.fileLimit&&E("uploadedFileCount"),e.uploadHandler&&e.uploadHandler({files:t,options:{clear:Y,props:e}});else{j(!0);var n=new XMLHttpRequest,l=new FormData;e.onBeforeUpload&&e.onBeforeUpload({xhr:n,formData:l});var a,r=S(t);try{for(r.s();!(a=r.n()).done;){var o=a.value;l.append(e.name,o,o.name)}}catch(e){r.e(e)}finally{r.f()}n.upload.addEventListener("progress",(function(t){if(t.lengthComputable){var n=Math.round(100*t.loaded/t.total);b(n),e.onProgress&&e.onProgress({originalEvent:t,progress:n})}})),n.onreadystatechange=function(){4===n.readyState&&(b(0),j(!1),n.status>=200&&n.status<300?(e.fileLimit&&E("uploadedFileCount"),e.onUpload&&e.onUpload({xhr:n,files:t})):e.onError&&e.onError({xhr:n,files:t}),Y())},n.open("POST",e.url,!0),e.onBeforeSend&&e.onBeforeSend({xhr:n,formData:l}),n.withCredentials=e.withCredentials,n.send(l)}},Y=function(){m([]),j(!1),e.onClear&&e.onClear(),_()},$=function(){U.current.click()},G=function(){O(!0)},Z=function(){O(!1)},Q=function(e){13===e.which&&$()},ee=function(e){z||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())},te=function(e){z||(e.dataTransfer.dropEffect="copy",o.DomHandler.addClass(C.current,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())},ne=function(e){z||(e.dataTransfer.dropEffect="copy",o.DomHandler.removeClass(C.current,"p-fileupload-highlight"))},le=function(t){if(!e.disabled&&(o.DomHandler.removeClass(C.current,"p-fileupload-highlight"),t.stopPropagation(),t.preventDefault(),!e.onBeforeDrop||!1!==e.onBeforeDrop(t))){var n=t.dataTransfer?t.dataTransfer.files:t.target.files;(e.multiple||o.ObjectUtils.isEmpty(p)&&n&&1===n.length)&&X(t)}},ae=function(){!z&&M?W():U.current.click()};s.useImperativeHandle(i,(function(){return{props:e,upload:W,clear:Y,formatSize:q,onFileSelect:X,getInput:function(){return U.current},getContent:function(){return C.current},getFiles:function(){return p},setFiles:function(e){return m(e||[])}}}));var re,oe,ie,se,ue,ce,pe,me,fe,de,ye=function(t,l){var a=t.name+t.type+t.size,r=k(t)?s.createElement("div",null,s.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:e.previewWidth})):null,i=s.createElement("div",{className:"p-fileupload-filename"},t.name),u=s.createElement("div",null,q(t.size)),c=s.createElement("div",null,s.createElement(n.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return H(e,l)},disabled:z})),p=s.createElement(s.Fragment,null,r,i,u,c);if(e.itemTemplate){var m={onRemove:function(e){return H(e,l)},previewElement:r,fileNameElement:i,sizeElement:u,removeElement:c,formatSize:q(t.size),element:p,index:l,props:e};p=o.ObjectUtils.getJSXElement(e.itemTemplate,t,m)}return s.createElement("div",{className:"p-fileupload-row",key:a},p)};return"advanced"===e.mode?function(){var t,i,c,m,f,y,b,v,g,E,S,O,N,B,j=o.ObjectUtils.findDiffKeys(e,w.defaultProps),F=o.classNames("p-fileupload p-fileupload-advanced p-component",e.className),D=o.classNames("p-fileupload-buttonbar",e.headerClassName),k=o.classNames("p-fileupload-content",e.contentClassName),H=(i=(t=e.chooseOptions).style,c=t.icon,f=o.classNames("p-button p-fileupload-choose p-component",{"p-disabled":z,"p-focus":h,"p-button-icon-only":m=t.iconOnly},t.className),y="p-button-label p-clickable",b=m?s.createElement("span",{className:y,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:y},I),v=s.createElement("input",{ref:U,type:"file",onChange:X,multiple:e.multiple,accept:e.accept,disabled:P}),g=o.IconUtils.getJSXIcon(c||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:e}),s.createElement("span",{className:f,style:i,onClick:$,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},v,g,b,s.createElement(r.Ripple,null))),_=e.emptyTemplate&&!M?o.ObjectUtils.getJSXElement(e.emptyTemplate,e):null;if(!e.auto){var q=e.uploadOptions,J=e.cancelOptions,K=J.iconOnly?"":x;E=s.createElement(n.Button,{type:"button",label:q.iconOnly?"":L,icon:q.icon||"pi pi-upload",onClick:W,disabled:R,style:q.style,className:q.className}),S=s.createElement(n.Button,{type:"button",label:K,icon:J.icon||"pi pi-times",onClick:Y,disabled:A,style:J.style,className:J.className})}M&&(B=p.map(ye),O=s.createElement("div",{className:"p-fileupload-files"},B),N=e.progressBarTemplate?o.ObjectUtils.getJSXElement(e.progressBarTemplate,e):s.createElement(a.ProgressBar,{value:d,showValue:!1}));var V=s.createElement("div",{className:D,style:e.headerStyle},H,E,S);e.headerTemplate&&(V=o.ObjectUtils.getJSXElement(e.headerTemplate,{className:D,chooseButton:H,uploadButton:E,cancelButton:S,element:V,props:e}));return s.createElement("div",u({id:e.id,className:F,style:e.style},j),V,s.createElement("div",{ref:C,className:k,style:e.contentStyle,onDragEnter:ee,onDragOver:te,onDragLeave:ne,onDrop:le},N,s.createElement(l.Messages,{ref:T}),O,_))}():"basic"===e.mode?(re=e.chooseOptions,oe=o.ObjectUtils.findDiffKeys(e,w.defaultProps),ie=o.classNames("p-fileupload p-fileupload-basic p-component",e.className),se=o.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":M,"p-disabled":z,"p-focus":h},re.className),ue=re.icon||o.classNames({"pi pi-plus":!re.icon&&(!M||e.auto),"pi pi-upload":!re.icon&&M&&!e.auto}),ce="p-button-label p-clickable",pe=re.iconOnly?s.createElement("span",{className:ce,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):s.createElement("span",{className:ce},I),me=e.auto?pe:s.createElement("span",{className:ce},M?p[0].name:pe),fe=o.IconUtils.getJSXIcon(ue,{className:"p-button-icon p-button-icon-left"},{props:e,hasFiles:M}),de=!M&&s.createElement("input",{ref:U,type:"file",accept:e.accept,multiple:e.multiple,disabled:z,onChange:X}),s.createElement("div",u({className:ie,style:e.style},oe),s.createElement(l.Messages,{ref:T}),s.createElement("span",{className:se,style:re.style,onMouseUp:ae,onKeyDown:Q,onFocus:G,onBlur:Z,tabIndex:0},fe,me,de,s.createElement(r.Ripple,null)))):void 0})));w.displayName="FileUpload",w.defaultProps={__TYPE:"FileUpload",id:null,name:null,url:null,mode:"advanced",multiple:!1,accept: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},exports.FileUpload=w;