UNPKG

primereact

Version:

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 Prime

2 lines (1 loc) 20.7 kB
this.primereact=this.primereact||{},this.primereact.fileupload=function(e,t,n,a,l,r,o,i,s,c,u,p,d){"use strict";function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=f(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},b(e)}function y(e,t){if("object"!=b(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=b(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function g(e){var t=y(e,"string");return"symbol"==b(t)?t:t+""}function v(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 h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},h.apply(null,arguments)}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}function E(e){if(Array.isArray(e))return O(e)}function S(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 O(e,t);var n={}.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)?O(e,t):void 0}}function w(){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 j(e){return E(e)||S(e)||N(e)||w()}function P(e){throw new TypeError('"'+e+'" is read-only')}function I(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 a,l,r,o,i=[],s=!0,c=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(a=r.call(n)).done)&&(i.push(a.value),i.length!==t);s=!0);}catch(e){c=!0,l=e}finally{try{if(!s&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw l}}return i}}function U(){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 x(e,t){return I(e)||B(e,t)||N(e,t)||U()}var C=a.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return r.classNames("p-badge p-component",v({"p-badge-no-gutter":r.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":r.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n .p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 .5rem;\n }\n \n .p-overlay-badge {\n position: relative;\n }\n \n .p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%,-50%);\n transform-origin: 100% 0;\n margin: 0;\n }\n \n .p-badge-dot {\n width: .5rem;\n min-width: .5rem;\n height: .5rem;\n border-radius: 50%;\n padding: 0;\n }\n \n .p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n }\n}\n"}});function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var D=m.memo(m.forwardRef((function(e,t){var o=l.useMergeProps(),i=m.useContext(n.PrimeReactContext),s=C.getProps(e,i),c=C.setMetaData(T({props:s},s.__parentMetadata)),u=c.ptm,p=c.cx;a.useHandleStyle(C.css.styles,c.isUnstyled,{name:"badge"});var d=m.useRef(null);m.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return d.current}}}));var f=o({ref:d,style:s.style,className:r.classNames(s.className,p("root"))},C.getOtherProps(s),u("root"));return m.createElement("span",f,s.value)})));D.displayName="Badge";var M=a.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,selectedFileLabel: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},css:{classes:{root:function(e){return r.classNames("p-fileupload p-fileupload-".concat(e.props.mode," p-component"))},buttonbar:"p-fileupload-buttonbar",content:"p-fileupload-content",chooseButton:function(e){return r.classNames("p-button p-fileupload-choose p-component",{"p-disabled":e.disabled,"p-focus":e.focusedState,"p-button-icon-only":e.iconOnly})},label:"p-button-label p-clickable",file:"p-fileupload-row",fileName:"p-fileupload-filename",thumbnail:"p-fileupload-file-thumbnail",chooseButtonLabel:"p-button-label p-clickable",basicButton:function(e){return r.classNames("p-button p-component p-fileupload-choose",{"p-fileupload-choose-selected":e.hasFiles,"p-disabled":e.disabled,"p-focus":e.focusedState})},chooseIcon:function(e){var t=e.iconOnly;return r.classNames("basic"===e.props.mode?"p-button-icon":"p-button-icon p-clickable",{"p-button-icon-left":!t})},uploadIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})},cancelIcon:function(e){return r.classNames("p-button-icon p-c",{"p-button-icon-left":!e.iconOnly})}},styles:"\n@layer primereact {\n .p-fileupload-content {\n position: relative;\n }\n \n .p-fileupload-row {\n display: flex;\n align-items: center;\n }\n \n .p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n }\n \n .p-fileupload-row > div:last-child {\n text-align: right;\n }\n \n .p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n }\n \n .p-fileupload-buttonbar {\n display: flex;\n flex-wrap: wrap;\n }\n \n .p-button.p-fileupload-choose input[type='file'] {\n display: none;\n }\n \n .p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n }\n \n .p-fileupload-filename {\n word-break: break-all;\n }\n \n .p-fileupload-file-thumbnail {\n flex-shrink: 0;\n }\n \n .p-fileupload-file-badge {\n margin: 0.5rem;\n }\n \n .p-fluid .p-fileupload .p-button {\n width: auto;\n }\n}\n"}});function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function L(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=R(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var a=0,l=function(){};return{s:l,n:function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}},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 r,o=!0,i=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==n.return||n.return()}finally{if(i)throw r}}}}function R(e,t){if(e){if("string"==typeof e)return k(e,t);var n={}.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)?k(e,t):void 0}}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=Array(t);n<t;n++)a[n]=e[n];return a}var A=m.memo(m.forwardRef((function(e,t){var f=l.useMergeProps(),b=m.useContext(n.PrimeReactContext),y=M.getProps(e,b),g=x(m.useState([]),2),v=g[0],O=g[1],E=x(m.useState([]),2),S=E[0],N=E[1],w=x(m.useState(0),2),I=w[0],B=w[1],U=x(m.useState(!1),2),C=U[0],F=U[1],T=x(m.useState(!1),2),_=T[0],R=T[1],k={props:y,state:{progress:I,uploading:_,uploadedFiles:v,files:S,focused:C}},A=M.setMetaData(k),H=A.ptm,X=A.cx,J=A.isUnstyled;a.useHandleStyle(M.css.styles,J,{name:"fileupload"});var V=m.useRef(null),K=m.useRef(null),W=m.useRef(null),Y=m.useRef(0),$=r.ObjectUtils.isNotEmpty(S),q=r.ObjectUtils.isNotEmpty(v),G=y.disabled||_,Q=y.chooseLabel||y.chooseOptions.label||n.localeOption("choose"),Z=y.uploadLabel||y.uploadOptions.label||n.localeOption("upload"),ee=y.cancelLabel||y.cancelOptions.label||n.localeOption("cancel"),te=G||y.fileLimit&&y.fileLimit<=S.length+Y,ne=G||!$,ae=G||!$,le=function(e){return/^image\//.test(e.type)},re=function(e,t){ie();var n=j(S),a=S[t];n.splice(t,1),N(n),y.onRemove&&y.onRemove({originalEvent:e,file:a})},oe=function(e,t){ie();var n=j(v),a=S[t];n.splice(t,1),O(n),y.onRemove&&y.onRemove({originalEvent:e,file:a})},ie=function(){V.current&&(V.current.value="")},se=function(e){var t=n.localeOption("fileSizeTypes");if(e<=0)return"0 ".concat(t[0]);var a=Math.floor(Math.log(e)/Math.log(1024)),l=parseFloat((e/Math.pow(1024,a)).toFixed(3));return"".concat(l," ").concat(t[a])},ce=function(e){if(!y.onBeforeSelect||!1!==y.onBeforeSelect({originalEvent:e,files:S})){var t=[];y.multiple&&(t=S?j(S):[]);for(var n=e.dataTransfer?e.dataTransfer.files:e.target.files,a=0;a<n.length;a++){var l=n[a];(y.multiple?!ue(l)&&pe(l):pe(l))&&(l.objectURL=window.URL.createObjectURL(l),t.push(l))}N(t),r.ObjectUtils.isNotEmpty(t)&&y.auto&&de(t),y.onSelect&&y.onSelect({originalEvent:e,files:t}),ie(),F(!1),"basic"===y.mode&&t.length>0&&(V.current.style.display="none")}},ue=function(e){return S.some((function(t){return t.name+t.type+t.size===e.name+e.type+e.size}))},pe=function(e){if(y.maxFileSize&&e.size>y.maxFileSize){var t={severity:"error",summary:y.invalidFileSizeMessageSummary.replace("{0}",e.name),detail:y.invalidFileSizeMessageDetail.replace("{0}",se(y.maxFileSize)),sticky:!0};return"advanced"===y.mode&&K.current.show(t),y.onValidationFail&&y.onValidationFail(e),!1}return!0},de=function(e){if((e=e||S)&&e.nativeEvent&&(e=S),y.customUpload)y.fileLimit&&P("uploadedFileCount"),y.uploadHandler&&y.uploadHandler({files:e,options:{clear:fe,props:y}});else{R(!0);var t=new XMLHttpRequest,n=new FormData;y.onBeforeUpload&&y.onBeforeUpload({xhr:t,formData:n});var a,l=L(e);try{for(l.s();!(a=l.n()).done;){var r=a.value;n.append(y.name,r,r.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);B(t),y.onProgress&&y.onProgress({originalEvent:e,progress:t})}})),t.onreadystatechange=function(){4===t.readyState&&(B(0),R(!1),t.status>=200&&t.status<300?(y.fileLimit&&P("uploadedFileCount"),y.onUpload&&y.onUpload({xhr:t,files:e})):y.onError&&y.onError({xhr:t,files:e}),fe(),O((function(t){return[].concat(j(t),j(e))})))},t.open("POST",y.url,!0),y.onBeforeSend&&y.onBeforeSend({xhr:t,formData:n}),t.withCredentials=y.withCredentials,t.send(n)}},fe=function(){N([]),O([]),R(!1),y.onClear&&y.onClear(),ie()},me=function(){V.current.click()},be=function(){F(!0)},ye=function(){F(!1)},ge=function(e){"Enter"!==e.code&&"NumpadEnter"!==e.code||me()},ve=function(e){if(!y.disabled&&(!J()&&r.DomHandler.removeClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!1),e.stopPropagation(),e.preventDefault(),!y.onBeforeDrop||!1!==y.onBeforeDrop(e))){var t=e.dataTransfer?e.dataTransfer.files:e.target.files;(y.multiple||r.ObjectUtils.isEmpty(S)&&t&&1===t.length)&&ce(e)}},he=function(){!G&&$?de():V.current.click()};m.useImperativeHandle(t,(function(){return{props:y,upload:de,clear:fe,formatSize:se,onFileSelect:ce,getInput:function(){return V.current},getContent:function(){return W.current},getFiles:function(){return S},setFiles:function(e){return N(e||[])},getUploadedFiles:function(){return v},setUploadedFiles:function(e){return O(e||[])}}}));var Oe,Ee,Se,Ne,we,je,Pe,Ie,Be,Ue,xe=function(e,t,n){"warning"===t.severity?re(e,n):oe(e,n)},Ce=function(e,t,n){var a=e.name+e.type+e.size,l=f({role:"presentation",className:X("thumbnail"),src:e.objectURL,width:y.previewWidth},H("thumbnail")),i=le(e)?m.createElement("img",h({},l,{alt:e.name})):null,c=f(H("details")),u=f(H("fileSize")),p=f({className:X("fileName")},H("fileName")),d=f(H("actions")),b=m.createElement("div",p,e.name),g=m.createElement("div",u,se(e.size)),v=m.createElement("div",c,m.createElement("div",p," ",e.name),m.createElement("span",u,se(e.size)),m.createElement(D,{className:"p-fileupload-file-badge",value:n.value,severity:n.severity,pt:H("badge"),__parentMetadata:{parent:k}})),O=m.createElement("div",d,m.createElement(o.Button,{type:"button",icon:y.removeIcon||m.createElement(s.TimesIcon,null),text:!0,rounded:!0,severity:"danger",onClick:function(e){return xe(e,n,t)},disabled:G,pt:H("removeButton"),__parentMetadata:{parent:k},unstyled:J()})),E=m.createElement(m.Fragment,null,i,v,O);if(y.itemTemplate){var S={onRemove:function(e){return re(e,t)},previewElement:i,fileNameElement:b,sizeElement:g,removeElement:O,formatSize:se(e.size),element:E,index:t,props:y};E=r.ObjectUtils.getJSXElement(y.itemTemplate,e,S)}var N=f({key:a,className:X("file")},H("file"));return m.createElement("div",N,E)},Fe=function(){var e={severity:"success",value:n.localeOption("completed")||"Completed"},t=v&&v.map((function(t,n){return Ce(t,n,e)}));return m.createElement("div",null,t)};return"advanced"===y.mode?function(){var e,t,a,l,b,g,v,O,E,N,w,j,P,B,U,x,F,T,D,_=(t=(e=y.chooseOptions).className,a=e.style,l=e.icon,b=e.iconOnly,g=f({className:X("chooseButtonLabel")},H("chooseButtonLabel")),v=b?m.createElement("span",h({},g,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):m.createElement("span",g,Q),O=f({ref:V,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:te},H("input")),E=m.createElement("input",O),N=f({className:X("chooseIcon",{iconOnly:b}),"aria-hidden":"true"},H("chooseIcon")),w=r.IconUtils.getJSXIcon(l||m.createElement(i.PlusIcon,N),z({},N),{props:y}),j=f({className:r.classNames(t,X("chooseButton",{iconOnly:b,disabled:G,className:t,focusedState:C})),style:a,onClick:me,onKeyDown:function(e){return ge(e)},onFocus:be,onBlur:ye,tabIndex:0,"data-p-disabled":G,"data-p-focus":C},H("chooseButton")),m.createElement("span",j,E,w,v,m.createElement(d.Ripple,null))),L=!y.emptyTemplate||$||q?null:r.ObjectUtils.getJSXElement(y.emptyTemplate,y);if(!y.auto){var R=y.uploadOptions,A=y.cancelOptions,Y=R.iconOnly?"":Z,le=A.iconOnly?"":ee,re=f({className:X("uploadIcon",{iconOnly:R.iconOnly}),"aria-hidden":"true"},H("uploadIcon")),oe=r.IconUtils.getJSXIcon(R.icon||m.createElement(c.UploadIcon,re),z({},re),{props:y}),ie=f({className:X("cancelIcon",{iconOnly:A.iconOnly}),"aria-hidden":"true"},H("cancelIcon")),se=r.IconUtils.getJSXIcon(A.icon||m.createElement(s.TimesIcon,ie),z({},ie),{props:y});P=m.createElement(o.Button,{type:"button",label:Y,"aria-hidden":"true",icon:oe,onClick:de,disabled:ne,style:R.style,className:R.className,pt:H("uploadButton"),__parentMetadata:{parent:k},unstyled:J()}),B=m.createElement(o.Button,{type:"button",label:le,"aria-hidden":"true",icon:se,onClick:fe,disabled:ae,style:A.style,className:A.className,pt:H("cancelButton"),__parentMetadata:{parent:k},unstyled:J()})}$&&(T={severity:"warning",value:n.localeOption("pending")||"Pending"},D=S.map((function(e,t){return Ce(e,t,T)})),U=m.createElement("div",null,D),F=y.progressBarTemplate?r.ObjectUtils.getJSXElement(y.progressBarTemplate,{progress:I,props:y}):m.createElement(p.ProgressBar,{value:I,showValue:!1,pt:H("progressbar"),__parentMetadata:{parent:k}})),q&&(x=Fe());var ue=f({className:r.classNames(y.headerClassName,X("buttonbar")),style:y.headerStyle},H("buttonbar")),pe=m.createElement("div",ue,_,P,B);if(y.headerTemplate){var he={className:r.classNames("p-fileupload-buttonbar",y.headerClassName),chooseButton:_,uploadButton:P,cancelButton:B,element:pe,props:y};pe=r.ObjectUtils.getJSXElement(y.headerTemplate,he)}var Oe=f({id:y.id,className:r.classNames(y.className,X("root")),style:y.style},M.getOtherProps(y),H("root")),Ee=f({ref:W,className:r.classNames(y.contentClassName,X("content")),style:y.contentStyle,onDragEnter:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",t.stopPropagation(),t.preventDefault()));var t},onDragOver:function(e){return t=e,void(G||(t.dataTransfer.dropEffect="copy",!J()&&r.DomHandler.addClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!0),t.stopPropagation(),t.preventDefault()));var t},onDragLeave:function(e){G||(e.dataTransfer.dropEffect="copy",!J()&&r.DomHandler.removeClass(W.current,"p-fileupload-highlight"),W.current.setAttribute("data-p-highlight",!1))},onDrop:function(e){return ve(e)},"data-p-highlight":!1},H("content"));return m.createElement("div",Oe,pe,m.createElement("div",Ee,F,m.createElement(u.Messages,{ref:K,__parentMetadata:{parent:k}}),$?U:null,q?x:null,L))}():"basic"===y.mode?(Oe=y.chooseOptions,Ee=f({className:X("label")},H("label")),Se=Oe.iconOnly?m.createElement("span",h({},Ee,{dangerouslySetInnerHTML:{__html:"&nbsp;"}})):m.createElement("span",Ee,Q),Ne=y.auto?Se:m.createElement("span",Ee,$?y.selectedFileLabel||S[0].name:Se),we=f({className:X("chooseIcon",{iconOnly:Oe.iconOnly})},H("chooseIcon")),je=r.IconUtils.getJSXIcon(Oe.icon?Oe.icon:Oe.icon||$&&!y.auto?!Oe.icon&&$&&!y.auto&&m.createElement(c.UploadIcon,we):m.createElement(i.PlusIcon,we),z({},we),{props:y,hasFiles:$}),Pe=f({ref:V,type:"file",onChange:function(e){return ce(e)},multiple:y.multiple,accept:y.accept,disabled:G},H("input")),Ie=!$&&m.createElement("input",Pe),Be=f({className:r.classNames(y.className,X("root")),style:y.style},M.getOtherProps(y),H("root")),Ue=f({className:r.classNames(Oe.className,X("basicButton",{hasFiles:$,disabled:G,focusedState:C})),style:Oe.style,tabIndex:0,onClick:he,onKeyDown:function(e){return ge(e)},onFocus:be,onBlur:ye},M.getOtherProps(y),H("basicButton")),m.createElement("div",Be,m.createElement(u.Messages,{ref:K,pt:H("message"),__parentMetadata:{parent:k}}),m.createElement("span",Ue,je,Ne,Ie,m.createElement(d.Ripple,null)))):void 0})));return A.displayName="FileUpload",e.FileUpload=A,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.button,primereact.icons.plus,primereact.icons.times,primereact.icons.upload,primereact.messages,primereact.progressbar,primereact.ripple);