primereact 7.0.0-rc.2 → 7.2.0

package/fileupload/fileupload.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/messages"),l=require("primereact/progressbar"),s=require("primereact/core"),o=require("primereact/api");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(e);function r(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 r(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function c(e,t){if(e){if("string"==typeof e)return r(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)?r(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 f(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function d(e,t){for(var n=0;n<t.length;n++){var l=t[n];l.enumerable=l.enumerable||!1,l.configurable=!0,"value"in l&&(l.writable=!0),Object.defineProperty(e,l.key,l)}}function m(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function y(e,t){return(y=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function v(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&y(e,t)}function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function g(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return m(e)}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function S(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=k(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var l=0,s=function(){};return{s:s,n:function(){return l>=e.length?{done:!0}:{done:!1,value:e[l++]}},e:function(e){throw e},f:s}}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,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function k(e,t){if(e){if("string"==typeof e)return F(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?F(e,t):void 0}}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function B(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var O,w,D,I=function(i){v(w,e.Component);var r,y,b,k,F,O=(r=w,y=B(),function(){var e,t=E(r);if(y){var n=E(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return g(this,e)});function w(e){var t;return f(this,w),(t=O.call(this,e)).state={files:[],msgs:[],focused:!1},t.choose=t.choose.bind(m(t)),t.upload=t.upload.bind(m(t)),t.clear=t.clear.bind(m(t)),t.onFileSelect=t.onFileSelect.bind(m(t)),t.onDragEnter=t.onDragEnter.bind(m(t)),t.onDragOver=t.onDragOver.bind(m(t)),t.onDragLeave=t.onDragLeave.bind(m(t)),t.onDrop=t.onDrop.bind(m(t)),t.onKeyDown=t.onKeyDown.bind(m(t)),t.onFocus=t.onFocus.bind(m(t)),t.onBlur=t.onBlur.bind(m(t)),t.onSimpleUploaderClick=t.onSimpleUploaderClick.bind(m(t)),t.duplicateIEEvent=!1,t}return b=w,(k=[{key:"hasFiles",value:function(){return this.state.files&&this.state.files.length>0}},{key:"isImage",value:function(e){return/^image\//.test(e.type)}},{key:"chooseDisabled",value:function(){return this.props.disabled||this.props.fileLimit&&this.props.fileLimit<=this.state.files.length+this.uploadedFileCount}},{key:"uploadDisabled",value:function(){return this.props.disabled||!this.hasFiles()}},{key:"cancelDisabled",value:function(){return this.props.disabled||!this.hasFiles()}},{key:"chooseButtonLabel",value:function(){return this.props.chooseLabel||this.props.chooseOptions.label||o.localeOption("choose")}},{key:"uploadButtonLabel",value:function(){return this.props.uploadLabel||this.props.uploadOptions.label||o.localeOption("upload")}},{key:"cancelButtonLabel",value:function(){return this.props.cancelLabel||this.props.cancelOptions.label||o.localeOption("cancel")}},{key:"remove",value:function(e,t){this.clearInputElement();var n,l=p(n=this.state.files)||u(n)||c(n)||h(),s=this.state.files[t];l.splice(t,1),this.setState({files:l}),this.props.onRemove&&this.props.onRemove({originalEvent:e,file:s})}},{key:"clearInputElement",value:function(){this.fileInput&&(this.fileInput.value="")}},{key:"clearIEInput",value:function(){this.fileInput&&(this.duplicateIEEvent=!0,this.fileInput.value="")}},{key:"formatSize",value: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]}},{key:"onFileSelect",value:function(e){var t=this;if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)this.duplicateIEEvent=!1;else{this.setState({msgs:[]}),this.files=this.state.files||[];for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,l=0;l<n.length;l++){var s=n[l];this.isFileSelected(s)||this.validate(s)&&(this.isImage(s)&&(s.objectURL=window.URL.createObjectURL(s)),this.files.push(s))}this.setState({files:this.files},(function(){t.hasFiles()&&t.props.auto&&t.upload()})),this.props.onSelect&&this.props.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement(),"basic"===this.props.mode&&this.files.length>0&&(this.fileInput.style.display="none")}}},{key:"isFileSelected",value:function(e){var t,n=S(this.state.files);try{for(n.s();!(t=n.n()).done;){var l=t.value;if(l.name+l.type+l.size===e.name+e.type+e.size)return!0}}catch(e){n.e(e)}finally{n.f()}return!1}},{key:"isIE11",value:function(){return!!window.MSInputMethodContext&&!!document.documentMode}},{key:"validate",value:function(e){if(this.props.maxFileSize&&e.size>this.props.maxFileSize){var t={severity:"error",summary:this.props.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:this.props.invalidFileSizeMessageDetail.replace("{0}",this.formatSize(this.props.maxFileSize))};return"advanced"===this.props.mode&&this.messagesUI.show(t),this.props.onValidationFail&&this.props.onValidationFail(e),!1}return!0}},{key:"upload",value:function(){var e=this;if(this.props.customUpload)this.props.fileLimit&&(this.uploadedFileCount+=this.state.files.length),this.props.uploadHandler&&this.props.uploadHandler({files:this.state.files,options:{clear:this.clear,props:this.props}});else{this.setState({msgs:[]});var t=new XMLHttpRequest,n=new FormData;this.props.onBeforeUpload&&this.props.onBeforeUpload({xhr:t,formData:n});var l,s=S(this.state.files);try{for(s.s();!(l=s.n()).done;){var o=l.value;n.append(this.props.name,o,o.name)}}catch(e){s.e(e)}finally{s.f()}t.upload.addEventListener("progress",(function(t){t.lengthComputable&&e.setState({progress:Math.round(100*t.loaded/t.total)},(function(){e.props.onProgress&&e.props.onProgress({originalEvent:t,progress:e.state.progress})}))})),t.onreadystatechange=function(){4===t.readyState&&(e.setState({progress:0}),t.status>=200&&t.status<300?(e.props.fileLimit&&(e.uploadedFileCount+=e.state.files.length),e.props.onUpload&&e.props.onUpload({xhr:t,files:e.state.files})):e.props.onError&&e.props.onError({xhr:t,files:e.state.files}),e.clear())},t.open("POST",this.props.url,!0),this.props.onBeforeSend&&this.props.onBeforeSend({xhr:t,formData:n}),t.withCredentials=this.props.withCredentials,t.send(n)}}},{key:"clear",value:function(){this.setState({files:[]}),this.props.onClear&&this.props.onClear(),this.clearInputElement()}},{key:"choose",value:function(){this.fileInput.click()}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){13===e.which&&this.choose()}},{key:"onDragEnter",value:function(e){this.props.disabled||(e.stopPropagation(),e.preventDefault())}},{key:"onDragOver",value:function(e){this.props.disabled||(s.DomHandler.addClass(this.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.props.disabled||s.DomHandler.removeClass(this.content,"p-fileupload-highlight")}},{key:"onDrop",value:function(e){if(!this.props.disabled){s.DomHandler.removeClass(this.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.props.multiple||t&&1===t.length)&&this.onFileSelect(e)}}},{key:"onSimpleUploaderClick",value:function(){this.hasFiles()?this.upload():this.fileInput.click()}},{key:"renderChooseButton",value:function(){var e=this,t=this.props.chooseOptions,n=t.style,l=t.icon,o=t.iconOnly,i=s.classNames("p-button p-fileupload-choose p-component",{"p-disabled":this.props.disabled,"p-focus":this.state.focused,"p-button-icon-only":o},t.className),r=s.classNames("p-button-icon p-button-icon-left p-clickable",{"pi pi-fw pi-plus":!l},l),p="p-button-label p-clickable",u=o?a.default.createElement("span",{className:p,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):a.default.createElement("span",{className:p},this.chooseButtonLabel());return a.default.createElement("span",{className:i,style:n,onClick:this.choose,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,tabIndex:0},a.default.createElement("input",{ref:function(t){return e.fileInput=t},type:"file",onChange:this.onFileSelect,multiple:this.props.multiple,accept:this.props.accept,disabled:this.chooseDisabled()}),a.default.createElement("span",{className:r}),u,a.default.createElement(s.Ripple,null))}},{key:"renderFile",value:function(e,n){var l=this,o=this.isImage(e)?a.default.createElement("div",null,a.default.createElement("img",{alt:e.name,role:"presentation",src:e.objectURL,width:this.props.previewWidth})):null,i=a.default.createElement("div",{className:"p-fileupload-filename"},e.name),r=a.default.createElement("div",null,this.formatSize(e.size)),p=a.default.createElement("div",null,a.default.createElement(t.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return l.remove(e,n)}})),u=a.default.createElement(a.default.Fragment,null,o,i,r,p);if(this.props.itemTemplate){var c={onRemove:function(e){return l.remove(e,n)},previewElement:o,fileNameElement:i,sizeElement:r,removeElement:p,formatSize:this.formatSize(e.size),element:u,props:this.props};u=s.ObjectUtils.getJSXElement(this.props.itemTemplate,e,c)}return a.default.createElement("div",{className:"p-fileupload-row",key:e.name+e.type+e.size},u)}},{key:"renderFiles",value:function(){var e=this;return a.default.createElement("div",{className:"p-fileupload-files"},this.state.files.map((function(t,n){return e.renderFile(t,n)})))}},{key:"renderEmptyContent",value:function(){return this.props.emptyTemplate&&!this.hasFiles()?s.ObjectUtils.getJSXElement(this.props.emptyTemplate,this.props):null}},{key:"renderProgressBarContent",value:function(){return this.props.progressBarTemplate?s.ObjectUtils.getJSXElement(this.props.progressBarTemplate,this.props):a.default.createElement(l.ProgressBar,{value:this.state.progress,showValue:!1})}},{key:"renderAdvanced",value:function(){var e,l,o,i,r=this,p=s.classNames("p-fileupload p-fileupload-advanced p-component",this.props.className),u=s.classNames("p-fileupload-buttonbar",this.props.headerClassName),c=s.classNames("p-fileupload-content",this.props.contentClassName),h=this.renderChooseButton(),f=this.renderEmptyContent();if(!this.props.auto){var d=this.props.uploadOptions,m=this.props.cancelOptions,y=d.iconOnly?"":this.uploadButtonLabel(),v=m.iconOnly?"":this.cancelButtonLabel();e=a.default.createElement(t.Button,{type:"button",label:y,icon:d.icon||"pi pi-upload",onClick:this.upload,disabled:this.uploadDisabled(),style:d.style,className:d.className}),l=a.default.createElement(t.Button,{type:"button",label:v,icon:m.icon||"pi pi-times",onClick:this.clear,disabled:this.cancelDisabled(),style:m.style,className:m.className})}this.hasFiles()&&(o=this.renderFiles(),i=this.renderProgressBarContent());var b=a.default.createElement("div",{className:u,style:this.props.headerStyle},h,e,l);return this.props.headerTemplate&&(b=s.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:u,chooseButton:h,uploadButton:e,cancelButton:l,element:b,props:this.props})),a.default.createElement("div",{id:this.props.id,className:p,style:this.props.style},b,a.default.createElement("div",{ref:function(e){r.content=e},className:c,style:this.props.contentStyle,onDragEnter:this.onDragEnter,onDragOver:this.onDragOver,onDragLeave:this.onDragLeave,onDrop:this.onDrop},i,a.default.createElement(n.Messages,{ref:function(e){return r.messagesUI=e}}),o,f))}},{key:"renderBasic",value:function(){var e=this,t=this.props.chooseOptions,l=s.classNames("p-fileupload p-fileupload-basic p-component",this.props.className),o=s.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":this.hasFiles(),"p-disabled":this.props.disabled,"p-focus":this.state.focused},t.className),i=s.classNames("p-button-icon p-button-icon-left pi",{"pi-plus":!t.icon&&(!this.hasFiles()||this.props.auto),"pi-upload":!t.icon&&this.hasFiles()&&!this.props.auto},t.icon),r="p-button-label p-clickable",p=t.iconOnly?a.default.createElement("span",{className:r,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):a.default.createElement("span",{className:r},this.chooseButtonLabel()),u=this.props.auto?p:a.default.createElement("span",{className:r},this.hasFiles()?this.state.files[0].name:p),c=a.default.createElement("span",{className:i});return a.default.createElement("div",{className:l,style:this.props.style},a.default.createElement(n.Messages,{ref:function(t){return e.messagesUI=t}}),a.default.createElement("span",{className:o,style:t.style,onMouseUp:this.onSimpleUploaderClick,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,tabIndex:0},c,u,!this.hasFiles()&&a.default.createElement("input",{ref:function(t){return e.fileInput=t},type:"file",accept:this.props.accept,multiple:this.props.multiple,disabled:this.props.disabled,onChange:this.onFileSelect}),a.default.createElement(s.Ripple,null)))}},{key:"render",value:function(){return"advanced"===this.props.mode?this.renderAdvanced():"basic"===this.props.mode?this.renderBasic():void 0}}])&&d(b.prototype,k),F&&d(b,F),w}();D={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,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null},(w="defaultProps")in(O=I)?Object.defineProperty(O,w,{value:D,enumerable:!0,configurable:!0,writable:!0}):O[w]=D,exports.FileUpload=I;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/button"),n=require("primereact/messages"),o=require("primereact/progressbar"),l=require("primereact/utils"),s=require("primereact/ripple"),i=require("primereact/api");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(e);function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function u(e){if(Array.isArray(e))return p(e)}function c(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 p(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)?p(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 h(e){return u(e)||c(e)||f(e)||d()}function m(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function y(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e,t){return b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},b(e,t)}function g(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&b(e,t)}function E(e){return E="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},E(e)}function S(e,t){if(t&&("object"===E(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return v(e)}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function O(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=B(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,l=function(){};return{s:l,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},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 s,i=!0,r=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){r=!0,s=e},f:function(){try{i||null==n.return||n.return()}finally{if(r)throw s}}}}function B(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function F(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var I,D,N,C=function(r){g(E,e.Component);var p,u,c,f,d,b=(p=E,u=F(),function(){var e,t=k(p);if(u){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return S(this,e)});function E(e){var t;return m(this,E),(t=b.call(this,e)).state={files:[],msgs:[],focused:!1,progress:0},t.choose=t.choose.bind(v(t)),t.upload=t.upload.bind(v(t)),t.clear=t.clear.bind(v(t)),t.onFileSelect=t.onFileSelect.bind(v(t)),t.onDragEnter=t.onDragEnter.bind(v(t)),t.onDragOver=t.onDragOver.bind(v(t)),t.onDragLeave=t.onDragLeave.bind(v(t)),t.onDrop=t.onDrop.bind(v(t)),t.onKeyDown=t.onKeyDown.bind(v(t)),t.onFocus=t.onFocus.bind(v(t)),t.onBlur=t.onBlur.bind(v(t)),t.onSimpleUploaderClick=t.onSimpleUploaderClick.bind(v(t)),t.duplicateIEEvent=!1,t}return c=E,(f=[{key:"hasFiles",value:function(){return this.state.files&&this.state.files.length>0}},{key:"isImage",value:function(e){return/^image\//.test(e.type)}},{key:"chooseDisabled",value:function(){return this.props.disabled||this.props.fileLimit&&this.props.fileLimit<=this.state.files.length+this.uploadedFileCount}},{key:"uploadDisabled",value:function(){return this.props.disabled||!this.hasFiles()}},{key:"cancelDisabled",value:function(){return this.props.disabled||!this.hasFiles()}},{key:"chooseButtonLabel",value:function(){return this.props.chooseLabel||this.props.chooseOptions.label||i.localeOption("choose")}},{key:"uploadButtonLabel",value:function(){return this.props.uploadLabel||this.props.uploadOptions.label||i.localeOption("upload")}},{key:"cancelButtonLabel",value:function(){return this.props.cancelLabel||this.props.cancelOptions.label||i.localeOption("cancel")}},{key:"remove",value:function(e,t){this.clearInputElement();var n=h(this.state.files),o=this.state.files[t];n.splice(t,1),this.setState({files:n}),this.props.onRemove&&this.props.onRemove({originalEvent:e,file:o})}},{key:"clearInputElement",value:function(){this.fileInput&&(this.fileInput.value="")}},{key:"clearIEInput",value:function(){this.fileInput&&(this.duplicateIEEvent=!0,this.fileInput.value="")}},{key:"formatSize",value: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]}},{key:"onFileSelect",value:function(e){var t=this;if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)this.duplicateIEEvent=!1;else{this.setState({msgs:[]}),this.files=this.state.files?h(this.state.files):[];for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,o=0;o<n.length;o++){var l=n[o];this.isFileSelected(l)||this.validate(l)&&(this.isImage(l)&&(l.objectURL=window.URL.createObjectURL(l)),this.files.push(l))}this.setState({files:this.files},(function(){t.hasFiles()&&t.props.auto&&t.upload()})),this.props.onSelect&&this.props.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement(),"basic"===this.props.mode&&this.files.length>0&&(this.fileInput.style.display="none")}}},{key:"isFileSelected",value:function(e){var t,n=O(this.state.files);try{for(n.s();!(t=n.n()).done;){var o=t.value;if(o.name+o.type+o.size===e.name+e.type+e.size)return!0}}catch(e){n.e(e)}finally{n.f()}return!1}},{key:"isIE11",value:function(){return!!window.MSInputMethodContext&&!!document.documentMode}},{key:"validate",value:function(e){if(this.props.maxFileSize&&e.size>this.props.maxFileSize){var t={severity:"error",summary:this.props.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:this.props.invalidFileSizeMessageDetail.replace("{0}",this.formatSize(this.props.maxFileSize))};return"advanced"===this.props.mode&&this.messagesUI.show(t),this.props.onValidationFail&&this.props.onValidationFail(e),!1}return!0}},{key:"upload",value:function(){var e=this;if(this.props.customUpload)this.props.fileLimit&&(this.uploadedFileCount+=this.state.files.length),this.props.uploadHandler&&this.props.uploadHandler({files:this.state.files,options:{clear:this.clear,props:this.props}});else{this.setState({msgs:[]});var t=new XMLHttpRequest,n=new FormData;this.props.onBeforeUpload&&this.props.onBeforeUpload({xhr:t,formData:n});var o,l=O(this.state.files);try{for(l.s();!(o=l.n()).done;){var s=o.value;n.append(this.props.name,s,s.name)}}catch(e){l.e(e)}finally{l.f()}t.upload.addEventListener("progress",(function(t){t.lengthComputable&&e.setState({progress:Math.round(100*t.loaded/t.total)},(function(){e.props.onProgress&&e.props.onProgress({originalEvent:t,progress:e.state.progress})}))})),t.onreadystatechange=function(){4===t.readyState&&(e.setState({progress:0}),t.status>=200&&t.status<300?(e.props.fileLimit&&(e.uploadedFileCount+=e.state.files.length),e.props.onUpload&&e.props.onUpload({xhr:t,files:e.state.files})):e.props.onError&&e.props.onError({xhr:t,files:e.state.files}),e.clear())},t.open("POST",this.props.url,!0),this.props.onBeforeSend&&this.props.onBeforeSend({xhr:t,formData:n}),t.withCredentials=this.props.withCredentials,t.send(n)}}},{key:"clear",value:function(){this.setState({files:[]}),this.props.onClear&&this.props.onClear(),this.clearInputElement()}},{key:"choose",value:function(){this.fileInput.click()}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){13===e.which&&this.choose()}},{key:"onDragEnter",value:function(e){this.props.disabled||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())}},{key:"onDragOver",value:function(e){this.props.disabled||(e.dataTransfer.dropEffect="copy",l.DomHandler.addClass(this.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.props.disabled||(e.dataTransfer.dropEffect="copy",l.DomHandler.removeClass(this.content,"p-fileupload-highlight"))}},{key:"onDrop",value:function(e){if(!this.props.disabled){l.DomHandler.removeClass(this.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.props.multiple||t&&0===t.length)&&this.onFileSelect(e)}}},{key:"onSimpleUploaderClick",value:function(){this.hasFiles()?this.upload():this.fileInput.click()}},{key:"renderChooseButton",value:function(){var e=this,t=this.props.chooseOptions,n=t.style,o=t.icon,i=t.iconOnly,r=l.classNames("p-button p-fileupload-choose p-component",{"p-disabled":this.props.disabled,"p-focus":this.state.focused,"p-button-icon-only":i},t.className),p="p-button-label p-clickable",u=i?a.default.createElement("span",{className:p,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):a.default.createElement("span",{className:p},this.chooseButtonLabel());return a.default.createElement("span",{className:r,style:n,onClick:this.choose,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,tabIndex:0},a.default.createElement("input",{ref:function(t){return e.fileInput=t},type:"file",onChange:this.onFileSelect,multiple:this.props.multiple,accept:this.props.accept,disabled:this.chooseDisabled()}),l.IconUtils.getJSXIcon(o||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:this.props}),u,a.default.createElement(s.Ripple,null))}},{key:"renderFile",value:function(e,n){var o=this,s=this.isImage(e)?a.default.createElement("div",null,a.default.createElement("img",{alt:e.name,role:"presentation",src:e.objectURL,width:this.props.previewWidth})):null,i=a.default.createElement("div",{className:"p-fileupload-filename"},e.name),r=a.default.createElement("div",null,this.formatSize(e.size)),p=a.default.createElement("div",null,a.default.createElement(t.Button,{type:"button",icon:"pi pi-times",onClick:function(e){return o.remove(e,n)}})),u=a.default.createElement(a.default.Fragment,null,s,i,r,p);if(this.props.itemTemplate){var c={onRemove:function(e){return o.remove(e,n)},previewElement:s,fileNameElement:i,sizeElement:r,removeElement:p,formatSize:this.formatSize(e.size),files:this.state.files,index:n,element:u,props:this.props};u=l.ObjectUtils.getJSXElement(this.props.itemTemplate,e,c)}return a.default.createElement("div",{className:"p-fileupload-row",key:e.name+e.type+e.size},u)}},{key:"renderFiles",value:function(){var e=this;return a.default.createElement("div",{className:"p-fileupload-files"},this.state.files.map((function(t,n){return e.renderFile(t,n)})))}},{key:"renderEmptyContent",value:function(){return this.props.emptyTemplate&&!this.hasFiles()?l.ObjectUtils.getJSXElement(this.props.emptyTemplate,this.props):null}},{key:"renderProgressBarContent",value:function(){return this.props.progressBarTemplate?l.ObjectUtils.getJSXElement(this.props.progressBarTemplate,this.props):a.default.createElement(o.ProgressBar,{value:this.state.progress,showValue:!1})}},{key:"renderAdvanced",value:function(){var e,o,s,i,r=this,p=l.classNames("p-fileupload p-fileupload-advanced p-component",this.props.className),u=l.classNames("p-fileupload-buttonbar",this.props.headerClassName),c=l.classNames("p-fileupload-content",this.props.contentClassName),f=this.renderChooseButton(),d=this.renderEmptyContent();if(!this.props.auto){var h=this.props.uploadOptions,m=this.props.cancelOptions,y=h.iconOnly?"":this.uploadButtonLabel(),v=m.iconOnly?"":this.cancelButtonLabel();e=a.default.createElement(t.Button,{type:"button",label:y,icon:h.icon||"pi pi-upload",onClick:this.upload,disabled:this.uploadDisabled(),style:h.style,className:h.className}),o=a.default.createElement(t.Button,{type:"button",label:v,icon:m.icon||"pi pi-times",onClick:this.clear,disabled:this.cancelDisabled(),style:m.style,className:m.className})}this.hasFiles()&&(s=this.renderFiles(),i=this.renderProgressBarContent());var b=a.default.createElement("div",{className:u,style:this.props.headerStyle},f,e,o);return this.props.headerTemplate&&(b=l.ObjectUtils.getJSXElement(this.props.headerTemplate,{className:u,chooseButton:f,uploadButton:e,cancelButton:o,element:b,props:this.props})),a.default.createElement("div",{id:this.props.id,className:p,style:this.props.style},b,a.default.createElement("div",{ref:function(e){r.content=e},className:c,style:this.props.contentStyle,onDragEnter:this.onDragEnter,onDragOver:this.onDragOver,onDragLeave:this.onDragLeave,onDrop:this.onDrop},i,a.default.createElement(n.Messages,{ref:function(e){return r.messagesUI=e}}),s,d))}},{key:"renderBasic",value:function(){var e=this,t=this.hasFiles(),o=this.props.chooseOptions,i=l.classNames("p-fileupload p-fileupload-basic p-component",this.props.className),r=l.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":t,"p-disabled":this.props.disabled,"p-focus":this.state.focused},o.className),p=o.icon||l.classNames({"pi pi-plus":!o.icon&&(!t||this.props.auto),"pi pi-upload":!o.icon&&t&&!this.props.auto}),u="p-button-label p-clickable",c=o.iconOnly?a.default.createElement("span",{className:u,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):a.default.createElement("span",{className:u},this.chooseButtonLabel()),f=this.props.auto?c:a.default.createElement("span",{className:u},t?this.state.files[0].name:c),d=l.IconUtils.getJSXIcon(p,{className:"p-button-icon p-button-icon-left"},{props:this.props,hasFiles:t});return a.default.createElement("div",{className:i,style:this.props.style},a.default.createElement(n.Messages,{ref:function(t){return e.messagesUI=t}}),a.default.createElement("span",{className:r,style:o.style,onMouseUp:this.onSimpleUploaderClick,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,tabIndex:0},d,f,!t&&a.default.createElement("input",{ref:function(t){return e.fileInput=t},type:"file",accept:this.props.accept,multiple:this.props.multiple,disabled:this.props.disabled,onChange:this.onFileSelect}),a.default.createElement(s.Ripple,null)))}},{key:"render",value:function(){return"advanced"===this.props.mode?this.renderAdvanced():"basic"===this.props.mode?this.renderBasic():void 0}}])&&y(c.prototype,f),d&&y(c,d),Object.defineProperty(c,"prototype",{writable:!1}),E}();N={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,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null},(D="defaultProps")in(I=C)?Object.defineProperty(I,D,{value:N,enumerable:!0,configurable:!0,writable:!0}):I[D]=N,exports.FileUpload=C;

package/fileupload/fileupload.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
+import {IconType} from "../utils";
 
 type FileUploadModeType = 'basic' | 'advanced';
 
 interface FileUploadOptionsType {
     label?: string;
-    icon?: string;
+    icon?: IconType<FileUploadProps>;
     iconOnly?: boolean;
     className?: string;
     style?: object
@@ -28,6 +29,8 @@ interface ItemTemplateOptions {
     sizeElement: JSX.Element;
     removeElement: JSX.Element;
     formatSize: string;
+    files: File[],
+    index: number,
     element: JSX.Element;
     props: FileUploadProps;
 }

package/fileupload/fileupload.esm.js

@@ -2,7 +2,8 @@ import React, { Component } from 'react';
 import { Button } from 'primereact/button';
 import { Messages } from 'primereact/messages';
 import { ProgressBar } from 'primereact/progressbar';
-import { DomHandler, classNames, Ripple, ObjectUtils } from 'primereact/core';
+import { DomHandler, classNames, IconUtils, ObjectUtils } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
 import { localeOption } from 'primereact/api';
 
 function _arrayLikeToArray$1(arr, len) {
@@ -59,6 +60,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -91,23 +95,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  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 _possibleConstructorReturn(self, call) {
@@ -142,7 +143,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-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 _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); }
 
@@ -165,7 +166,8 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     _this.state = {
       files: [],
       msgs: [],
-      focused: false
+      focused: false,
+      progress: 0
     };
     _this.choose = _this.choose.bind(_assertThisInitialized(_this));
     _this.upload = _this.upload.bind(_assertThisInitialized(_this));
@@ -285,7 +287,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
       this.setState({
         msgs: []
       });
-      this.files = this.state.files || [];
+      this.files = this.state.files ? _toConsumableArray(this.state.files) : [];
       var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
 
       for (var i = 0; i < files.length; i++) {
@@ -523,6 +525,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     key: "onDragEnter",
     value: function onDragEnter(event) {
       if (!this.props.disabled) {
+        event.dataTransfer.dropEffect = "copy";
         event.stopPropagation();
         event.preventDefault();
       }
@@ -531,6 +534,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     key: "onDragOver",
     value: function onDragOver(event) {
       if (!this.props.disabled) {
+        event.dataTransfer.dropEffect = "copy";
         DomHandler.addClass(this.content, 'p-fileupload-highlight');
         event.stopPropagation();
         event.preventDefault();
@@ -540,6 +544,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     key: "onDragLeave",
     value: function onDragLeave(event) {
       if (!this.props.disabled) {
+        event.dataTransfer.dropEffect = "copy";
         DomHandler.removeClass(this.content, 'p-fileupload-highlight');
       }
     }
@@ -551,7 +556,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
         event.stopPropagation();
         event.preventDefault();
         var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
-        var allowDrop = this.props.multiple || files && files.length === 1;
+        var allowDrop = this.props.multiple || files && files.length === 0;
 
         if (allowDrop) {
           this.onFileSelect(event);
@@ -582,9 +587,6 @@ var FileUpload = /*#__PURE__*/function (_Component) {
         'p-focus': this.state.focused,
         'p-button-icon-only': iconOnly
       }, className);
-      var chooseIconClassName = classNames('p-button-icon p-button-icon-left p-clickable', {
-        'pi pi-fw pi-plus': !icon
-      }, icon);
       var labelClassName = 'p-button-label p-clickable';
       var label = iconOnly ? /*#__PURE__*/React.createElement("span", {
         className: labelClassName,
@@ -611,8 +613,10 @@ var FileUpload = /*#__PURE__*/function (_Component) {
         multiple: this.props.multiple,
         accept: this.props.accept,
         disabled: this.chooseDisabled()
-      }), /*#__PURE__*/React.createElement("span", {
-        className: chooseIconClassName
+      }), IconUtils.getJSXIcon(icon || 'pi pi-fw pi-plus', {
+        className: 'p-button-icon p-button-icon-left p-clickable'
+      }, {
+        props: this.props
       }), label, /*#__PURE__*/React.createElement(Ripple, null));
     }
   }, {
@@ -649,6 +653,8 @@ var FileUpload = /*#__PURE__*/function (_Component) {
           sizeElement: size,
           removeElement: removeButton,
           formatSize: this.formatSize(file.size),
+          files: this.state.files,
+          index: index,
           element: content,
           props: this.props
         };
@@ -776,17 +782,18 @@ var FileUpload = /*#__PURE__*/function (_Component) {
     value: function renderBasic() {
       var _this8 = this;
 
+      var hasFiles = this.hasFiles();
       var chooseOptions = this.props.chooseOptions;
       var className = classNames('p-fileupload p-fileupload-basic p-component', this.props.className);
       var buttonClassName = classNames('p-button p-component p-fileupload-choose', {
-        'p-fileupload-choose-selected': this.hasFiles(),
+        'p-fileupload-choose-selected': hasFiles,
         'p-disabled': this.props.disabled,
         'p-focus': this.state.focused
       }, chooseOptions.className);
-      var iconClassName = classNames('p-button-icon p-button-icon-left pi', {
-        'pi-plus': !chooseOptions.icon && (!this.hasFiles() || this.props.auto),
-        'pi-upload': !chooseOptions.icon && this.hasFiles() && !this.props.auto
-      }, chooseOptions.icon);
+      var chooseIcon = chooseOptions.icon || classNames({
+        'pi pi-plus': !chooseOptions.icon && (!hasFiles || this.props.auto),
+        'pi pi-upload': !chooseOptions.icon && hasFiles && !this.props.auto
+      });
       var labelClassName = 'p-button-label p-clickable';
       var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React.createElement("span", {
         className: labelClassName,
@@ -798,9 +805,12 @@ var FileUpload = /*#__PURE__*/function (_Component) {
       }, this.chooseButtonLabel());
       var label = this.props.auto ? chooseLabel : /*#__PURE__*/React.createElement("span", {
         className: labelClassName
-      }, this.hasFiles() ? this.state.files[0].name : chooseLabel);
-      var icon = /*#__PURE__*/React.createElement("span", {
-        className: iconClassName
+      }, hasFiles ? this.state.files[0].name : chooseLabel);
+      var icon = IconUtils.getJSXIcon(chooseIcon, {
+        className: 'p-button-icon p-button-icon-left'
+      }, {
+        props: this.props,
+        hasFiles: hasFiles
       });
       return /*#__PURE__*/React.createElement("div", {
         className: className,
@@ -817,7 +827,7 @@ var FileUpload = /*#__PURE__*/function (_Component) {
         onFocus: this.onFocus,
         onBlur: this.onBlur,
         tabIndex: 0
-      }, icon, label, !this.hasFiles() && /*#__PURE__*/React.createElement("input", {
+      }, icon, label, !hasFiles && /*#__PURE__*/React.createElement("input", {
         ref: function ref(el) {
           return _this8.fileInput = el;
         },

package/fileupload/fileupload.esm.min.js

@@ -1 +1 @@
-import e,{Component as t}from"react";import{Button as n}from"primereact/button";import{Messages as o}from"primereact/messages";import{ProgressBar as s}from"primereact/progressbar";import{DomHandler as i,classNames as l,Ripple as r,ObjectUtils as a}from"primereact/core";import{localeOption as p}from"primereact/api";function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function c(e){if(Array.isArray(e))return u(e)}function h(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 u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?u(e,t):void 0}}function 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 m(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function y(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function v(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function b(e,t){return(b=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function g(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&b(e,t)}function E(e){return(E="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})(e)}function S(e,t){if(t&&("object"===E(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return v(e)}function k(e){return(k=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function F(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=w(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,s=function(){};return{s:s,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:s}}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 i,l=!0,r=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){r=!0,i=e},f:function(){try{l||null==n.return||n.return()}finally{if(r)throw i}}}}function w(e,t){if(e){if("string"==typeof e)return B(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)?B(e,t):void 0}}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function D(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var I,O,C,N=function(u){g(C,t);var b,E,w,B,I,O=(b=C,E=D(),function(){var e,t=k(b);if(E){var n=k(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return S(this,e)});function C(e){var t;return m(this,C),(t=O.call(this,e)).state={files:[],msgs:[],focused:!1},t.choose=t.choose.bind(v(t)),t.upload=t.upload.bind(v(t)),t.clear=t.clear.bind(v(t)),t.onFileSelect=t.onFileSelect.bind(v(t)),t.onDragEnter=t.onDragEnter.bind(v(t)),t.onDragOver=t.onDragOver.bind(v(t)),t.onDragLeave=t.onDragLeave.bind(v(t)),t.onDrop=t.onDrop.bind(v(t)),t.onKeyDown=t.onKeyDown.bind(v(t)),t.onFocus=t.onFocus.bind(v(t)),t.onBlur=t.onBlur.bind(v(t)),t.onSimpleUploaderClick=t.onSimpleUploaderClick.bind(v(t)),t.duplicateIEEvent=!1,t}return w=C,(B=[{key:"hasFiles",value:function(){return this.state.files&&this.state.files.length>0}},{key:"isImage",value:function(e){return/^image\//.test(e.type)}},{key:"chooseDisabled",value:function(){return this.props.disabled||this.props.fileLimit&&this.props.fileLimit<=this.state.files.length+this.uploadedFileCount}},{key:"uploadDisabled",value:function(){return this.props.disabled||!this.hasFiles()}},{key:"cancelDisabled",value:function(){return this.props.disabled||!this.hasFiles()}},{key:"chooseButtonLabel",value:function(){return this.props.chooseLabel||this.props.chooseOptions.label||p("choose")}},{key:"uploadButtonLabel",value:function(){return this.props.uploadLabel||this.props.uploadOptions.label||p("upload")}},{key:"cancelButtonLabel",value:function(){return this.props.cancelLabel||this.props.cancelOptions.label||p("cancel")}},{key:"remove",value:function(e,t){this.clearInputElement();var n,o=c(n=this.state.files)||h(n)||f(n)||d(),s=this.state.files[t];o.splice(t,1),this.setState({files:o}),this.props.onRemove&&this.props.onRemove({originalEvent:e,file:s})}},{key:"clearInputElement",value:function(){this.fileInput&&(this.fileInput.value="")}},{key:"clearIEInput",value:function(){this.fileInput&&(this.duplicateIEEvent=!0,this.fileInput.value="")}},{key:"formatSize",value: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]}},{key:"onFileSelect",value:function(e){var t=this;if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)this.duplicateIEEvent=!1;else{this.setState({msgs:[]}),this.files=this.state.files||[];for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,o=0;o<n.length;o++){var s=n[o];this.isFileSelected(s)||this.validate(s)&&(this.isImage(s)&&(s.objectURL=window.URL.createObjectURL(s)),this.files.push(s))}this.setState({files:this.files},(function(){t.hasFiles()&&t.props.auto&&t.upload()})),this.props.onSelect&&this.props.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement(),"basic"===this.props.mode&&this.files.length>0&&(this.fileInput.style.display="none")}}},{key:"isFileSelected",value:function(e){var t,n=F(this.state.files);try{for(n.s();!(t=n.n()).done;){var o=t.value;if(o.name+o.type+o.size===e.name+e.type+e.size)return!0}}catch(e){n.e(e)}finally{n.f()}return!1}},{key:"isIE11",value:function(){return!!window.MSInputMethodContext&&!!document.documentMode}},{key:"validate",value:function(e){if(this.props.maxFileSize&&e.size>this.props.maxFileSize){var t={severity:"error",summary:this.props.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:this.props.invalidFileSizeMessageDetail.replace("{0}",this.formatSize(this.props.maxFileSize))};return"advanced"===this.props.mode&&this.messagesUI.show(t),this.props.onValidationFail&&this.props.onValidationFail(e),!1}return!0}},{key:"upload",value:function(){var e=this;if(this.props.customUpload)this.props.fileLimit&&(this.uploadedFileCount+=this.state.files.length),this.props.uploadHandler&&this.props.uploadHandler({files:this.state.files,options:{clear:this.clear,props:this.props}});else{this.setState({msgs:[]});var t=new XMLHttpRequest,n=new FormData;this.props.onBeforeUpload&&this.props.onBeforeUpload({xhr:t,formData:n});var o,s=F(this.state.files);try{for(s.s();!(o=s.n()).done;){var i=o.value;n.append(this.props.name,i,i.name)}}catch(e){s.e(e)}finally{s.f()}t.upload.addEventListener("progress",(function(t){t.lengthComputable&&e.setState({progress:Math.round(100*t.loaded/t.total)},(function(){e.props.onProgress&&e.props.onProgress({originalEvent:t,progress:e.state.progress})}))})),t.onreadystatechange=function(){4===t.readyState&&(e.setState({progress:0}),t.status>=200&&t.status<300?(e.props.fileLimit&&(e.uploadedFileCount+=e.state.files.length),e.props.onUpload&&e.props.onUpload({xhr:t,files:e.state.files})):e.props.onError&&e.props.onError({xhr:t,files:e.state.files}),e.clear())},t.open("POST",this.props.url,!0),this.props.onBeforeSend&&this.props.onBeforeSend({xhr:t,formData:n}),t.withCredentials=this.props.withCredentials,t.send(n)}}},{key:"clear",value:function(){this.setState({files:[]}),this.props.onClear&&this.props.onClear(),this.clearInputElement()}},{key:"choose",value:function(){this.fileInput.click()}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){13===e.which&&this.choose()}},{key:"onDragEnter",value:function(e){this.props.disabled||(e.stopPropagation(),e.preventDefault())}},{key:"onDragOver",value:function(e){this.props.disabled||(i.addClass(this.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.props.disabled||i.removeClass(this.content,"p-fileupload-highlight")}},{key:"onDrop",value:function(e){if(!this.props.disabled){i.removeClass(this.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.props.multiple||t&&1===t.length)&&this.onFileSelect(e)}}},{key:"onSimpleUploaderClick",value:function(){this.hasFiles()?this.upload():this.fileInput.click()}},{key:"renderChooseButton",value:function(){var t=this,n=this.props.chooseOptions,o=n.style,s=n.icon,i=n.iconOnly,a=l("p-button p-fileupload-choose p-component",{"p-disabled":this.props.disabled,"p-focus":this.state.focused,"p-button-icon-only":i},n.className),p=l("p-button-icon p-button-icon-left p-clickable",{"pi pi-fw pi-plus":!s},s),u="p-button-label p-clickable",c=i?e.createElement("span",{className:u,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:u},this.chooseButtonLabel());return e.createElement("span",{className:a,style:o,onClick:this.choose,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,tabIndex:0},e.createElement("input",{ref:function(e){return t.fileInput=e},type:"file",onChange:this.onFileSelect,multiple:this.props.multiple,accept:this.props.accept,disabled:this.chooseDisabled()}),e.createElement("span",{className:p}),c,e.createElement(r,null))}},{key:"renderFile",value:function(t,o){var s=this,i=this.isImage(t)?e.createElement("div",null,e.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:this.props.previewWidth})):null,l=e.createElement("div",{className:"p-fileupload-filename"},t.name),r=e.createElement("div",null,this.formatSize(t.size)),p=e.createElement("div",null,e.createElement(n,{type:"button",icon:"pi pi-times",onClick:function(e){return s.remove(e,o)}})),u=e.createElement(e.Fragment,null,i,l,r,p);if(this.props.itemTemplate){var c={onRemove:function(e){return s.remove(e,o)},previewElement:i,fileNameElement:l,sizeElement:r,removeElement:p,formatSize:this.formatSize(t.size),element:u,props:this.props};u=a.getJSXElement(this.props.itemTemplate,t,c)}return e.createElement("div",{className:"p-fileupload-row",key:t.name+t.type+t.size},u)}},{key:"renderFiles",value:function(){var t=this;return e.createElement("div",{className:"p-fileupload-files"},this.state.files.map((function(e,n){return t.renderFile(e,n)})))}},{key:"renderEmptyContent",value:function(){return this.props.emptyTemplate&&!this.hasFiles()?a.getJSXElement(this.props.emptyTemplate,this.props):null}},{key:"renderProgressBarContent",value:function(){return this.props.progressBarTemplate?a.getJSXElement(this.props.progressBarTemplate,this.props):e.createElement(s,{value:this.state.progress,showValue:!1})}},{key:"renderAdvanced",value:function(){var t,s,i,r,p=this,u=l("p-fileupload p-fileupload-advanced p-component",this.props.className),c=l("p-fileupload-buttonbar",this.props.headerClassName),h=l("p-fileupload-content",this.props.contentClassName),f=this.renderChooseButton(),d=this.renderEmptyContent();if(!this.props.auto){var m=this.props.uploadOptions,y=this.props.cancelOptions,v=m.iconOnly?"":this.uploadButtonLabel(),b=y.iconOnly?"":this.cancelButtonLabel();t=e.createElement(n,{type:"button",label:v,icon:m.icon||"pi pi-upload",onClick:this.upload,disabled:this.uploadDisabled(),style:m.style,className:m.className}),s=e.createElement(n,{type:"button",label:b,icon:y.icon||"pi pi-times",onClick:this.clear,disabled:this.cancelDisabled(),style:y.style,className:y.className})}this.hasFiles()&&(i=this.renderFiles(),r=this.renderProgressBarContent());var g=e.createElement("div",{className:c,style:this.props.headerStyle},f,t,s);return this.props.headerTemplate&&(g=a.getJSXElement(this.props.headerTemplate,{className:c,chooseButton:f,uploadButton:t,cancelButton:s,element:g,props:this.props})),e.createElement("div",{id:this.props.id,className:u,style:this.props.style},g,e.createElement("div",{ref:function(e){p.content=e},className:h,style:this.props.contentStyle,onDragEnter:this.onDragEnter,onDragOver:this.onDragOver,onDragLeave:this.onDragLeave,onDrop:this.onDrop},r,e.createElement(o,{ref:function(e){return p.messagesUI=e}}),i,d))}},{key:"renderBasic",value:function(){var t=this,n=this.props.chooseOptions,s=l("p-fileupload p-fileupload-basic p-component",this.props.className),i=l("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":this.hasFiles(),"p-disabled":this.props.disabled,"p-focus":this.state.focused},n.className),a=l("p-button-icon p-button-icon-left pi",{"pi-plus":!n.icon&&(!this.hasFiles()||this.props.auto),"pi-upload":!n.icon&&this.hasFiles()&&!this.props.auto},n.icon),p="p-button-label p-clickable",u=n.iconOnly?e.createElement("span",{className:p,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:p},this.chooseButtonLabel()),c=this.props.auto?u:e.createElement("span",{className:p},this.hasFiles()?this.state.files[0].name:u),h=e.createElement("span",{className:a});return e.createElement("div",{className:s,style:this.props.style},e.createElement(o,{ref:function(e){return t.messagesUI=e}}),e.createElement("span",{className:i,style:n.style,onMouseUp:this.onSimpleUploaderClick,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,tabIndex:0},h,c,!this.hasFiles()&&e.createElement("input",{ref:function(e){return t.fileInput=e},type:"file",accept:this.props.accept,multiple:this.props.multiple,disabled:this.props.disabled,onChange:this.onFileSelect}),e.createElement(r,null)))}},{key:"render",value:function(){return"advanced"===this.props.mode?this.renderAdvanced():"basic"===this.props.mode?this.renderBasic():void 0}}])&&y(w.prototype,B),I&&y(w,I),C}();C={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,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null},(O="defaultProps")in(I=N)?Object.defineProperty(I,O,{value:C,enumerable:!0,configurable:!0,writable:!0}):I[O]=C;export{N as FileUpload};
+import e,{Component as t}from"react";import{Button as n}from"primereact/button";import{Messages as o}from"primereact/messages";import{ProgressBar as s}from"primereact/progressbar";import{DomHandler as i,classNames as r,IconUtils as l,ObjectUtils as a}from"primereact/utils";import{Ripple as p}from"primereact/ripple";import{localeOption as u}from"primereact/api";function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function h(e){if(Array.isArray(e))return c(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(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 m(){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 h(e)||f(e)||d(e)||m()}function v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function b(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function g(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function E(e,t){return E=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},E(e,t)}function S(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&E(e,t)}function k(e){return k="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},k(e)}function w(e,t){if(t&&("object"===k(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return g(e)}function F(e){return F=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},F(e)}function B(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=I(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var o=0,s=function(){};return{s:s,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:s}}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 i,r=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return r=e.done,e},e:function(e){l=!0,i=e},f:function(){try{r||null==n.return||n.return()}finally{if(l)throw i}}}}function I(e,t){if(e){if("string"==typeof e)return D(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?D(e,t):void 0}}function D(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function O(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var C,N,L,T=function(c){S(I,t);var h,f,d,m,E,k=(h=I,f=O(),function(){var e,t=F(h);if(f){var n=F(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return w(this,e)});function I(e){var t;return v(this,I),(t=k.call(this,e)).state={files:[],msgs:[],focused:!1,progress:0},t.choose=t.choose.bind(g(t)),t.upload=t.upload.bind(g(t)),t.clear=t.clear.bind(g(t)),t.onFileSelect=t.onFileSelect.bind(g(t)),t.onDragEnter=t.onDragEnter.bind(g(t)),t.onDragOver=t.onDragOver.bind(g(t)),t.onDragLeave=t.onDragLeave.bind(g(t)),t.onDrop=t.onDrop.bind(g(t)),t.onKeyDown=t.onKeyDown.bind(g(t)),t.onFocus=t.onFocus.bind(g(t)),t.onBlur=t.onBlur.bind(g(t)),t.onSimpleUploaderClick=t.onSimpleUploaderClick.bind(g(t)),t.duplicateIEEvent=!1,t}return d=I,(m=[{key:"hasFiles",value:function(){return this.state.files&&this.state.files.length>0}},{key:"isImage",value:function(e){return/^image\//.test(e.type)}},{key:"chooseDisabled",value:function(){return this.props.disabled||this.props.fileLimit&&this.props.fileLimit<=this.state.files.length+this.uploadedFileCount}},{key:"uploadDisabled",value:function(){return this.props.disabled||!this.hasFiles()}},{key:"cancelDisabled",value:function(){return this.props.disabled||!this.hasFiles()}},{key:"chooseButtonLabel",value:function(){return this.props.chooseLabel||this.props.chooseOptions.label||u("choose")}},{key:"uploadButtonLabel",value:function(){return this.props.uploadLabel||this.props.uploadOptions.label||u("upload")}},{key:"cancelButtonLabel",value:function(){return this.props.cancelLabel||this.props.cancelOptions.label||u("cancel")}},{key:"remove",value:function(e,t){this.clearInputElement();var n=y(this.state.files),o=this.state.files[t];n.splice(t,1),this.setState({files:n}),this.props.onRemove&&this.props.onRemove({originalEvent:e,file:o})}},{key:"clearInputElement",value:function(){this.fileInput&&(this.fileInput.value="")}},{key:"clearIEInput",value:function(){this.fileInput&&(this.duplicateIEEvent=!0,this.fileInput.value="")}},{key:"formatSize",value: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]}},{key:"onFileSelect",value:function(e){var t=this;if("drop"!==e.type&&this.isIE11()&&this.duplicateIEEvent)this.duplicateIEEvent=!1;else{this.setState({msgs:[]}),this.files=this.state.files?y(this.state.files):[];for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,o=0;o<n.length;o++){var s=n[o];this.isFileSelected(s)||this.validate(s)&&(this.isImage(s)&&(s.objectURL=window.URL.createObjectURL(s)),this.files.push(s))}this.setState({files:this.files},(function(){t.hasFiles()&&t.props.auto&&t.upload()})),this.props.onSelect&&this.props.onSelect({originalEvent:e,files:n}),"drop"!==e.type&&this.isIE11()?this.clearIEInput():this.clearInputElement(),"basic"===this.props.mode&&this.files.length>0&&(this.fileInput.style.display="none")}}},{key:"isFileSelected",value:function(e){var t,n=B(this.state.files);try{for(n.s();!(t=n.n()).done;){var o=t.value;if(o.name+o.type+o.size===e.name+e.type+e.size)return!0}}catch(e){n.e(e)}finally{n.f()}return!1}},{key:"isIE11",value:function(){return!!window.MSInputMethodContext&&!!document.documentMode}},{key:"validate",value:function(e){if(this.props.maxFileSize&&e.size>this.props.maxFileSize){var t={severity:"error",summary:this.props.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:this.props.invalidFileSizeMessageDetail.replace("{0}",this.formatSize(this.props.maxFileSize))};return"advanced"===this.props.mode&&this.messagesUI.show(t),this.props.onValidationFail&&this.props.onValidationFail(e),!1}return!0}},{key:"upload",value:function(){var e=this;if(this.props.customUpload)this.props.fileLimit&&(this.uploadedFileCount+=this.state.files.length),this.props.uploadHandler&&this.props.uploadHandler({files:this.state.files,options:{clear:this.clear,props:this.props}});else{this.setState({msgs:[]});var t=new XMLHttpRequest,n=new FormData;this.props.onBeforeUpload&&this.props.onBeforeUpload({xhr:t,formData:n});var o,s=B(this.state.files);try{for(s.s();!(o=s.n()).done;){var i=o.value;n.append(this.props.name,i,i.name)}}catch(e){s.e(e)}finally{s.f()}t.upload.addEventListener("progress",(function(t){t.lengthComputable&&e.setState({progress:Math.round(100*t.loaded/t.total)},(function(){e.props.onProgress&&e.props.onProgress({originalEvent:t,progress:e.state.progress})}))})),t.onreadystatechange=function(){4===t.readyState&&(e.setState({progress:0}),t.status>=200&&t.status<300?(e.props.fileLimit&&(e.uploadedFileCount+=e.state.files.length),e.props.onUpload&&e.props.onUpload({xhr:t,files:e.state.files})):e.props.onError&&e.props.onError({xhr:t,files:e.state.files}),e.clear())},t.open("POST",this.props.url,!0),this.props.onBeforeSend&&this.props.onBeforeSend({xhr:t,formData:n}),t.withCredentials=this.props.withCredentials,t.send(n)}}},{key:"clear",value:function(){this.setState({files:[]}),this.props.onClear&&this.props.onClear(),this.clearInputElement()}},{key:"choose",value:function(){this.fileInput.click()}},{key:"onFocus",value:function(){this.setState({focused:!0})}},{key:"onBlur",value:function(){this.setState({focused:!1})}},{key:"onKeyDown",value:function(e){13===e.which&&this.choose()}},{key:"onDragEnter",value:function(e){this.props.disabled||(e.dataTransfer.dropEffect="copy",e.stopPropagation(),e.preventDefault())}},{key:"onDragOver",value:function(e){this.props.disabled||(e.dataTransfer.dropEffect="copy",i.addClass(this.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault())}},{key:"onDragLeave",value:function(e){this.props.disabled||(e.dataTransfer.dropEffect="copy",i.removeClass(this.content,"p-fileupload-highlight"))}},{key:"onDrop",value:function(e){if(!this.props.disabled){i.removeClass(this.content,"p-fileupload-highlight"),e.stopPropagation(),e.preventDefault();var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(this.props.multiple||t&&0===t.length)&&this.onFileSelect(e)}}},{key:"onSimpleUploaderClick",value:function(){this.hasFiles()?this.upload():this.fileInput.click()}},{key:"renderChooseButton",value:function(){var t=this,n=this.props.chooseOptions,o=n.style,s=n.icon,i=n.iconOnly,a=r("p-button p-fileupload-choose p-component",{"p-disabled":this.props.disabled,"p-focus":this.state.focused,"p-button-icon-only":i},n.className),u="p-button-label p-clickable",c=i?e.createElement("span",{className:u,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:u},this.chooseButtonLabel());return e.createElement("span",{className:a,style:o,onClick:this.choose,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,tabIndex:0},e.createElement("input",{ref:function(e){return t.fileInput=e},type:"file",onChange:this.onFileSelect,multiple:this.props.multiple,accept:this.props.accept,disabled:this.chooseDisabled()}),l.getJSXIcon(s||"pi pi-fw pi-plus",{className:"p-button-icon p-button-icon-left p-clickable"},{props:this.props}),c,e.createElement(p,null))}},{key:"renderFile",value:function(t,o){var s=this,i=this.isImage(t)?e.createElement("div",null,e.createElement("img",{alt:t.name,role:"presentation",src:t.objectURL,width:this.props.previewWidth})):null,r=e.createElement("div",{className:"p-fileupload-filename"},t.name),l=e.createElement("div",null,this.formatSize(t.size)),p=e.createElement("div",null,e.createElement(n,{type:"button",icon:"pi pi-times",onClick:function(e){return s.remove(e,o)}})),u=e.createElement(e.Fragment,null,i,r,l,p);if(this.props.itemTemplate){var c={onRemove:function(e){return s.remove(e,o)},previewElement:i,fileNameElement:r,sizeElement:l,removeElement:p,formatSize:this.formatSize(t.size),files:this.state.files,index:o,element:u,props:this.props};u=a.getJSXElement(this.props.itemTemplate,t,c)}return e.createElement("div",{className:"p-fileupload-row",key:t.name+t.type+t.size},u)}},{key:"renderFiles",value:function(){var t=this;return e.createElement("div",{className:"p-fileupload-files"},this.state.files.map((function(e,n){return t.renderFile(e,n)})))}},{key:"renderEmptyContent",value:function(){return this.props.emptyTemplate&&!this.hasFiles()?a.getJSXElement(this.props.emptyTemplate,this.props):null}},{key:"renderProgressBarContent",value:function(){return this.props.progressBarTemplate?a.getJSXElement(this.props.progressBarTemplate,this.props):e.createElement(s,{value:this.state.progress,showValue:!1})}},{key:"renderAdvanced",value:function(){var t,s,i,l,p=this,u=r("p-fileupload p-fileupload-advanced p-component",this.props.className),c=r("p-fileupload-buttonbar",this.props.headerClassName),h=r("p-fileupload-content",this.props.contentClassName),f=this.renderChooseButton(),d=this.renderEmptyContent();if(!this.props.auto){var m=this.props.uploadOptions,y=this.props.cancelOptions,v=m.iconOnly?"":this.uploadButtonLabel(),b=y.iconOnly?"":this.cancelButtonLabel();t=e.createElement(n,{type:"button",label:v,icon:m.icon||"pi pi-upload",onClick:this.upload,disabled:this.uploadDisabled(),style:m.style,className:m.className}),s=e.createElement(n,{type:"button",label:b,icon:y.icon||"pi pi-times",onClick:this.clear,disabled:this.cancelDisabled(),style:y.style,className:y.className})}this.hasFiles()&&(i=this.renderFiles(),l=this.renderProgressBarContent());var g=e.createElement("div",{className:c,style:this.props.headerStyle},f,t,s);return this.props.headerTemplate&&(g=a.getJSXElement(this.props.headerTemplate,{className:c,chooseButton:f,uploadButton:t,cancelButton:s,element:g,props:this.props})),e.createElement("div",{id:this.props.id,className:u,style:this.props.style},g,e.createElement("div",{ref:function(e){p.content=e},className:h,style:this.props.contentStyle,onDragEnter:this.onDragEnter,onDragOver:this.onDragOver,onDragLeave:this.onDragLeave,onDrop:this.onDrop},l,e.createElement(o,{ref:function(e){return p.messagesUI=e}}),i,d))}},{key:"renderBasic",value:function(){var t=this,n=this.hasFiles(),s=this.props.chooseOptions,i=r("p-fileupload p-fileupload-basic p-component",this.props.className),a=r("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":n,"p-disabled":this.props.disabled,"p-focus":this.state.focused},s.className),u=s.icon||r({"pi pi-plus":!s.icon&&(!n||this.props.auto),"pi pi-upload":!s.icon&&n&&!this.props.auto}),c="p-button-label p-clickable",h=s.iconOnly?e.createElement("span",{className:c,dangerouslySetInnerHTML:{__html:"&nbsp;"}}):e.createElement("span",{className:c},this.chooseButtonLabel()),f=this.props.auto?h:e.createElement("span",{className:c},n?this.state.files[0].name:h),d=l.getJSXIcon(u,{className:"p-button-icon p-button-icon-left"},{props:this.props,hasFiles:n});return e.createElement("div",{className:i,style:this.props.style},e.createElement(o,{ref:function(e){return t.messagesUI=e}}),e.createElement("span",{className:a,style:s.style,onMouseUp:this.onSimpleUploaderClick,onKeyDown:this.onKeyDown,onFocus:this.onFocus,onBlur:this.onBlur,tabIndex:0},d,f,!n&&e.createElement("input",{ref:function(e){return t.fileInput=e},type:"file",accept:this.props.accept,multiple:this.props.multiple,disabled:this.props.disabled,onChange:this.onFileSelect}),e.createElement(p,null)))}},{key:"render",value:function(){return"advanced"===this.props.mode?this.renderAdvanced():"basic"===this.props.mode?this.renderBasic():void 0}}])&&b(d.prototype,m),E&&b(d,E),Object.defineProperty(d,"prototype",{writable:!1}),I}();L={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,onUpload:null,onError:null,onClear:null,onSelect:null,onProgress:null,onValidationFail:null,uploadHandler:null,onRemove:null},(N="defaultProps")in(C=T)?Object.defineProperty(C,N,{value:L,enumerable:!0,configurable:!0,writable:!0}):C[N]=L;export{T as FileUpload};