primereact 9.6.0 → 9.6.2

package/fileupload/fileupload.esm.min.js

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

package/fileupload/fileupload.js

@@ -379,14 +379,11 @@ this.primereact.fileupload = (function (exports, React, api, utils, componentbas
         duplicateIEEvent.current = false;
         return;
       }
-      var currentFiles = [];
-      if (props.multiple) {
-        currentFiles = filesState ? _toConsumableArray(filesState) : [];
-      }
+      var currentFiles = filesState && props.multiple ? _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 ((!props.multiple || !isFileSelected(file)) && validate(file)) {
           if (isImage(file)) {
             file.objectURL = window.URL.createObjectURL(file);
           }

package/fileupload/fileupload.min.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "9.6.0",
+    "version": "9.6.2",
     "private": false,
     "author": "PrimeTek Informatics",
     "description": "PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 370+ ready to use UI blocks to build spectacular applications in no time.",

package/primereact.all.cjs.js

@@ -229,16 +229,7 @@ var DomHandler = /*#__PURE__*/function () {
   }
   _createClass(DomHandler, null, [{
     key: "innerWidth",
-    value:
-    /**
-     * All data- properties like data-test-id
-     */
-
-    /**
-     * All ARIA properties like aria-label and focus-target for https://www.npmjs.com/package/@q42/floating-focus-a11y
-     */
-
-    function innerWidth(el) {
+    value: function innerWidth(el) {
       if (el) {
         var width = el.offsetWidth;
         var style = getComputedStyle(el);
@@ -1284,7 +1275,13 @@ var DomHandler = /*#__PURE__*/function () {
   }]);
   return DomHandler;
 }();
+/**
+ * All data- properties like data-test-id
+ */
 _defineProperty(DomHandler, "DATA_PROPS", ['data-']);
+/**
+ * All ARIA properties like aria-label and focus-target for https://www.npmjs.com/package/@q42/floating-focus-a11y
+ */
 _defineProperty(DomHandler, "ARIA_PROPS", ['aria', 'focus-target']);
 
 var ConnectedOverlayScrollHandler = /*#__PURE__*/function () {
@@ -6086,7 +6083,7 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
         return _onMouseEnter();
       },
       onMouseLeave: function onMouseLeave(e) {
-        return _onMouseLeave;
+        return _onMouseLeave(e);
       }
     }, TooltipBase.getOtherProps(props), ptm('root'));
     var arrowProps = mergeProps({
@@ -8814,7 +8811,6 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var onInputBlur = function onInputBlur(event) {
-    setFocusedState(false);
     !props.keepInvalid && updateInputfield(props.value);
     props.onBlur && props.onBlur(event);
   };
@@ -9905,6 +9901,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var show = function show(type) {
+    setFocusedState(false);
     if (props.onVisibleChange) {
       props.onVisibleChange({
         visible: true,
@@ -10797,7 +10794,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }, 200);
     }
   });
-  useUpdateEffect(function () {
+  React__namespace.useEffect(function () {
     var unbindMaskEvents = null;
     if (props.mask) {
       unbindMaskEvents = mask(inputRef.current, {
@@ -10815,7 +10812,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return function () {
       props.mask && unbindMaskEvents && unbindMaskEvents();
     };
-  }, [props.mask]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.disabled, props.mask, props.readOnlyInput]);
   useUpdateEffect(function () {
     setCurrentView(props.view);
   }, [props.view]);
@@ -11611,12 +11609,13 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var monthPicker = createMonthPicker();
   var yearPicker = createYearPicker();
   var rootProps = mergeProps({
-    ref: elementRef,
     id: props.id,
     className: className,
     style: props.style
   }, CalendarBase.getOtherProps(props), ptm('root'));
-  return /*#__PURE__*/React__namespace.createElement("span", rootProps, content, /*#__PURE__*/React__namespace.createElement(CalendarPanel, {
+  return /*#__PURE__*/React__namespace.createElement("span", _extends({
+    ref: elementRef
+  }, rootProps), content, /*#__PURE__*/React__namespace.createElement(CalendarPanel, {
     ref: overlayRef,
     className: panelClassName,
     style: props.panelStyle,
@@ -11925,7 +11924,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   var changePageOnTouch = function changePageOnTouch(e, diff) {
-    if (Math.abs(diff) > swipeThreshold) {
+    if (Math.abs(diff) > swipeThreshold.current) {
       if (diff < 0) {
         // left
         navForward(e);
@@ -11999,7 +11998,6 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       attributeSelector.current = UniqueComponentId();
       elementRef.current.setAttribute(attributeSelector.current, '');
     }
-    createStyle();
     calculatePosition();
     changePosition(totalShiftedItemsState);
     bindWindowResizeListener();
@@ -12007,6 +12005,7 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   useUpdateEffect(function () {
     var stateChanged = false;
     var totalShiftedItems = totalShiftedItemsState;
+    createStyle();
     if (props.autoplayInterval) {
       stopAutoplay();
     }
@@ -12058,12 +12057,12 @@ var Carousel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (!stateChanged && isAutoplay) {
       startAutoplay();
     }
-  });
-  useUnmountEffect(function () {
-    if (props.autoplayInterval) {
-      stopAutoplay();
-    }
-    destroyStyle();
+    return function () {
+      if (props.autoplayInterval) {
+        stopAutoplay();
+      }
+      destroyStyle();
+    };
   });
   var createItems = function createItems() {
     if (props.value && props.value.length) {
@@ -17860,6 +17859,7 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     var style = {
       height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
     };
+    style = _objectSpread$13(_objectSpread$13({}, style), option.style);
     if (props.optionGroupLabel) {
       var groupContent = props.optionGroupTemplate ? ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
       var groupChildrenContent = createGroupChildren(option, style);
@@ -19416,7 +19416,6 @@ var RowRadioButton = /*#__PURE__*/React__namespace.memo(function (props) {
   }, getColumnPTOptions('hiddenInputWrapper'));
   var hiddenInputProps = mergeProps({
     name: name,
-    ref: inputRef,
     type: 'radio',
     checked: props.checked,
     onFocus: function onFocus(e) {
@@ -19444,7 +19443,9 @@ var RowRadioButton = /*#__PURE__*/React__namespace.memo(function (props) {
   var radiobuttonIconProps = mergeProps({
     className: 'p-radiobutton-icon'
   }, getColumnPTOptions('radiobuttonIcon'));
-  return /*#__PURE__*/React__namespace.createElement("div", radiobuttonWrapperProps, /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", hiddenInputProps)), /*#__PURE__*/React__namespace.createElement("div", radiobuttonProps, /*#__PURE__*/React__namespace.createElement("div", radiobuttonIconProps)));
+  return /*#__PURE__*/React__namespace.createElement("div", radiobuttonWrapperProps, /*#__PURE__*/React__namespace.createElement("div", hiddenInputWrapperProps, /*#__PURE__*/React__namespace.createElement("input", _extends({
+    ref: inputRef
+  }, hiddenInputProps))), /*#__PURE__*/React__namespace.createElement("div", radiobuttonProps, /*#__PURE__*/React__namespace.createElement("div", radiobuttonIconProps)));
 });
 RowRadioButton.displayName = 'RowRadioButton';
 
@@ -20137,7 +20138,6 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
     if (!isRowEditor && editor) {
       var editorKeyHelperProps = mergeProps({
         tabIndex: '0',
-        ref: keyHelperRef,
         className: 'p-cell-editor-key-helper p-hidden-accessible',
         onFocus: function onFocus(e) {
           return onEditorFocus(e);
@@ -20145,12 +20145,13 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       }, getColumnPTOptions('editorKeyHelperLabel'));
       var editorKeyHelperLabelProps = mergeProps(getColumnPTOptions('editorKeyHelper'));
       /* eslint-disable */
-      editorKeyHelper = /*#__PURE__*/React__namespace.createElement("a", editorKeyHelperProps, /*#__PURE__*/React__namespace.createElement("span", editorKeyHelperLabelProps));
+      editorKeyHelper = /*#__PURE__*/React__namespace.createElement("a", _extends({
+        ref: keyHelperRef
+      }, editorKeyHelperProps), /*#__PURE__*/React__namespace.createElement("span", editorKeyHelperLabelProps));
       /* eslint-enable */
     }
 
     var bodyCellProps = mergeProps({
-      ref: elementRef,
       style: style,
       className: className,
       rowSpan: props.rowSpan,
@@ -20172,7 +20173,9 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
         return _onMouseUp(e);
       }
     }, getColumnPTOptions('bodyCell'), getColumnPTOptions('root'));
-    return /*#__PURE__*/React__namespace.createElement("td", bodyCellProps, editorKeyHelper, title, content);
+    return /*#__PURE__*/React__namespace.createElement("td", _extends({
+      ref: elementRef
+    }, bodyCellProps), editorKeyHelper, title, content);
   };
   return getVirtualScrollerOption('loading') ? createLoading() : createElement();
 });
@@ -21604,11 +21607,12 @@ var TableBody = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var content = props.empty ? createEmptyContent() : createContent();
   var ptKey = props.className === 'p-datatable-virtualscroller-spacer' ? 'virtualScrollerSpacer' : 'tbody';
   var tbodyProps = mergeProps({
-    ref: refCallback,
     style: props.style,
     className: props.className
   }, getColumnPTOptions(ptKey));
-  return /*#__PURE__*/React__namespace.createElement("tbody", tbodyProps, content);
+  return /*#__PURE__*/React__namespace.createElement("tbody", _extends({
+    ref: refCallback
+  }, tbodyProps), content);
 }));
 TableBody.displayName = 'TableBody';
 
@@ -21704,14 +21708,15 @@ var FooterCell = /*#__PURE__*/React__namespace.memo(function (props) {
     props: props.tableProps
   });
   var footerCellProps = mergeProps({
-    ref: elementRef,
     style: style,
     className: className,
     role: 'cell',
     colSpan: colSpan,
     rowSpan: rowSpan
   }, getColumnPTOptions('footerCell'), getColumnPTOptions('root'));
-  return /*#__PURE__*/React__namespace.createElement("td", footerCellProps, content);
+  return /*#__PURE__*/React__namespace.createElement("td", _extends({
+    ref: elementRef
+  }, footerCellProps), content);
 });
 FooterCell.displayName = 'FooterCell';
 
@@ -22250,7 +22255,6 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       });
       var label = filterLabel();
       var filterMenuButtonProps = mergeProps({
-        ref: iconRef,
         type: 'button',
         className: _className,
         'aria-haspopup': true,
@@ -22263,7 +22267,9 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
         },
         'aria-label': label
       }, getColumnPTOptions('filterMenuButton'));
-      return /*#__PURE__*/React__namespace.createElement("button", filterMenuButtonProps, columnFilterIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
+      return /*#__PURE__*/React__namespace.createElement("button", _extends({
+        ref: iconRef
+      }, filterMenuButtonProps), columnFilterIcon, /*#__PURE__*/React__namespace.createElement(Ripple, null));
     }
     return null;
   };
@@ -22492,7 +22498,6 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
     });
     var items = props.display === 'row' ? createRowItems() : createItems();
     var filterOverlayProps = mergeProps({
-      ref: overlayRef,
       style: style,
       className: className,
       onKeyDown: function onKeyDown(e) {
@@ -22518,7 +22523,9 @@ var ColumnFilter = /*#__PURE__*/React__namespace.memo(function (props) {
       onEntered: onOverlayEntered,
       onExit: onOverlayExit,
       onExited: onOverlayExited
-    }, /*#__PURE__*/React__namespace.createElement("div", filterOverlayProps, filterHeader, items, filterFooter)));
+    }, /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: overlayRef
+    }, filterOverlayProps), filterHeader, items, filterFooter)));
   };
   var className = classNames('p-column-filter p-fluid', {
     'p-column-filter-row': props.display === 'row',
@@ -22932,7 +22939,6 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
     var resizer = createResizer();
     var header = createHeader(sortMeta);
     var headerCellProps = mergeProps({
-      ref: elementRef,
       className: className,
       style: style,
       role: 'columnheader',
@@ -22962,7 +22968,9 @@ var HeaderCell = /*#__PURE__*/React__namespace.memo(function (props) {
       rowSpan: rowSpan,
       'aria-sort': ariaSort
     }, getColumnPTOptions('headerCell'), getColumnPTOptions('root'));
-    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("th", headerCellProps, resizer, header), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("th", _extends({
+      ref: elementRef
+    }, headerCellProps), resizer, header), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
       target: elementRef,
       content: headerTooltip
     }, headerTooltipOptions, {
@@ -24373,7 +24381,10 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     return data;
   };
   useMountEffect(function () {
-    attributeSelector.current = UniqueComponentId();
+    if (elementRef.current) {
+      attributeSelector.current = UniqueComponentId();
+      elementRef.current.setAttribute(attributeSelector.current, '');
+    }
 
     //setFiltersState(cloneFilters(props.filters)); // Github #4248
     setD_filtersState(cloneFilters(props.filters));
@@ -24385,7 +24396,6 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     }
   });
   useUpdateEffect(function () {
-    elementRef.current.setAttribute(attributeSelector.current, '');
     if (props.responsiveLayout === 'stack' && !props.scrollable) {
       createResponsiveStyle();
     }
@@ -24725,13 +24735,14 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
     var _isVirtualScrollerDisabled = isVirtualScrollerDisabled();
     var virtualScrollerOptions = props.virtualScrollerOptions || {};
     var wrapperProps = mergeProps({
-      ref: wrapperRef,
       className: 'p-datatable-wrapper',
       style: {
         maxHeight: _isVirtualScrollerDisabled ? props.scrollHeight : null
       }
     }, ptCallbacks.ptm('wrapper'));
-    return /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement(VirtualScroller, _extends({
+    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: wrapperRef
+    }, wrapperProps), /*#__PURE__*/React__namespace.createElement(VirtualScroller, _extends({
       ref: virtualScrollerRef
     }, virtualScrollerOptions, {
       items: processedData,
@@ -24815,13 +24826,14 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   var createResizeHelper = function createResizeHelper() {
     if (props.resizableColumns) {
       var resizeHelperProps = mergeProps({
-        ref: resizeHelperRef,
         className: 'p-column-resizer-helper',
         style: {
           display: 'none'
         }
       }, ptCallbacks.ptm('resizeHelper'));
-      return /*#__PURE__*/React__namespace.createElement("div", resizeHelperProps);
+      return /*#__PURE__*/React__namespace.createElement("div", _extends({
+        ref: resizeHelperRef
+      }, resizeHelperProps));
     }
     return null;
   };
@@ -24887,13 +24899,14 @@ var DataTable = /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref)
   var resizeHelper = createResizeHelper();
   var reorderIndicators = createReorderIndicators();
   var rootProps = mergeProps({
-    ref: elementRef,
     id: props.id,
     className: className,
     style: props.style,
     'data-scrollselectors': '.p-datatable-wrapper'
   }, DataTableBase.getOtherProps(props), ptCallbacks.ptm('root'));
-  return /*#__PURE__*/React__namespace.createElement("div", rootProps, loader, header, paginatorTop, content, paginatorBottom, footer, resizeHelper, reorderIndicators);
+  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    ref: elementRef
+  }, rootProps), loader, header, paginatorTop, content, paginatorBottom, footer, resizeHelper, reorderIndicators);
 });
 DataTable.displayName = 'DataTable';
 
@@ -26441,14 +26454,11 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       duplicateIEEvent.current = false;
       return;
     }
-    var currentFiles = [];
-    if (props.multiple) {
-      currentFiles = filesState ? _toConsumableArray(filesState) : [];
-    }
+    var currentFiles = filesState && props.multiple ? _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 ((!props.multiple || !isFileSelected(file)) && validate(file)) {
         if (isImage(file)) {
           file.objectURL = window.URL.createObjectURL(file);
         }
@@ -37855,9 +37865,10 @@ var Slider = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   var onDragEnd = function onDragEnd(event) {
     if (dragging.current) {
       dragging.current = false;
+      var newValue = setValue(event);
       props.onSlideEnd && props.onSlideEnd({
         originalEvent: event,
-        value: props.value
+        value: newValue
       });
       unbindDocumentMouseMoveListener();
       unbindDocumentMouseUpListener();