primereact 9.2.3 → 9.3.1

package/fileupload/fileupload.d.ts

@@ -275,6 +275,10 @@ interface FileUploadProps {
      * @defaultValue false
      */
     accept?: string | undefined;
+    /**
+     * Icon of the remove element.
+     */
+    removeIcon?: IconType<FileUploadProps> | undefined;
     /**
      * Disables the upload functionality.
      * @defaultValue false

package/fileupload/fileupload.esm.js

@@ -5,6 +5,9 @@ import { Messages } from 'primereact/messages';
 import { ProgressBar } from 'primereact/progressbar';
 import { Ripple } from 'primereact/ripple';
 import { ObjectUtils, classNames, IconUtils, DomHandler } from 'primereact/utils';
+import { PlusIcon } from 'primereact/icons/plus';
+import { UploadIcon } from 'primereact/icons/upload';
+import { TimesIcon } from 'primereact/icons/times';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -105,6 +108,7 @@ var FileUploadBase = {
     mode: 'advanced',
     multiple: false,
     accept: null,
+    removeIcon: null,
     disabled: false,
     auto: false,
     maxFileSize: null,
@@ -597,6 +601,9 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       'p-button-icon-only': iconOnly
     }, className);
     var labelClassName = 'p-button-label p-clickable';
+    var iconClassName = classNames('p-button-icon p-clickable', {
+      'p-button-icon-left': !iconOnly
+    });
     var label = iconOnly ? /*#__PURE__*/React.createElement("span", {
       className: labelClassName,
       dangerouslySetInnerHTML: {
@@ -613,8 +620,11 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       accept: props.accept,
       disabled: chooseDisabled
     });
-    var icon = IconUtils.getJSXIcon(_icon || 'pi pi-fw pi-plus', {
-      className: 'p-button-icon p-button-icon-left p-clickable'
+    var icon = _icon || /*#__PURE__*/React.createElement(PlusIcon, {
+      className: iconClassName
+    });
+    var chooseIcon = IconUtils.getJSXIcon(icon, {
+      className: iconClassName
     }, {
       props: props
     });
@@ -626,7 +636,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       onFocus: onFocus,
       onBlur: onBlur,
       tabIndex: 0
-    }, input, icon, label, /*#__PURE__*/React.createElement(Ripple, null));
+    }, input, chooseIcon, label, /*#__PURE__*/React.createElement(Ripple, null));
   };
   var onRemoveClick = function onRemoveClick(e, badgeOptions, index) {
     if (badgeOptions.severity === 'warning') remove(e, index);else removeUploadedFiles(e, index);
@@ -651,8 +661,10 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }));
     var removeButton = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
       type: "button",
-      icon: "pi pi-times",
-      className: "p-button-danger p-button-text p-button-rounded",
+      icon: props.removeIcon || /*#__PURE__*/React.createElement(TimesIcon, null),
+      text: true,
+      rounded: true,
+      className: "p-button-danger",
       onClick: function onClick(e) {
         return onRemoveClick(e, badgeOptions, index);
       },
@@ -725,10 +737,30 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       var cancelOptions = props.cancelOptions;
       var uploadLabel = !uploadOptions.iconOnly ? uploadButtonLabel : '';
       var cancelLabel = !cancelOptions.iconOnly ? cancelButtonLabel : '';
+      var uploadIconClassName = classNames('p-button-icon p-c', {
+        'p-button-icon-left': !uploadOptions.iconOnly
+      });
+      var uploadIcon = IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React.createElement(UploadIcon, {
+        className: uploadIconClassName
+      }), {
+        className: uploadIconClassName
+      }, {
+        props: props
+      });
+      var cancelIconClassName = classNames('p-button-icon p-c', {
+        'p-button-icon-left': !cancelOptions.iconOnly
+      });
+      var cancelIcon = IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React.createElement(TimesIcon, {
+        className: cancelIconClassName
+      }), {
+        className: cancelIconClassName
+      }, {
+        props: props
+      });
       uploadButton = /*#__PURE__*/React.createElement(Button, {
         type: "button",
         label: uploadLabel,
-        icon: uploadOptions.icon || 'pi pi-upload',
+        icon: uploadIcon,
         onClick: upload,
         disabled: uploadDisabled,
         style: uploadOptions.style,
@@ -737,7 +769,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       cancelButton = /*#__PURE__*/React.createElement(Button, {
         type: "button",
         label: cancelLabel,
-        icon: cancelOptions.icon || 'pi pi-times',
+        icon: cancelIcon,
         onClick: clear,
         disabled: cancelDisabled,
         style: cancelOptions.style,
@@ -791,9 +823,13 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       'p-disabled': disabled,
       'p-focus': focusedState
     }, chooseOptions.className);
-    var chooseIcon = chooseOptions.icon || classNames({
-      'pi pi-plus': !chooseOptions.icon && (!hasFiles || props.auto),
-      'pi pi-upload': !chooseOptions.icon && hasFiles && !props.auto
+    var iconClassName = classNames('p-button-icon', {
+      'p-button-icon-left': !chooseOptions.iconOnly
+    });
+    var icon = chooseOptions.icon ? chooseOptions.icon : !chooseOptions.icon && (!hasFiles || props.auto) ? /*#__PURE__*/React.createElement(PlusIcon, {
+      className: iconClassName
+    }) : !chooseOptions.icon && hasFiles && !props.auto && /*#__PURE__*/React.createElement(UploadIcon, {
+      className: iconClassName
     });
     var labelClassName = 'p-button-label p-clickable';
     var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React.createElement("span", {
@@ -807,8 +843,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var label = props.auto ? chooseLabel : /*#__PURE__*/React.createElement("span", {
       className: labelClassName
     }, hasFiles ? filesState[0].name : chooseLabel);
-    var icon = IconUtils.getJSXIcon(chooseIcon, {
-      className: 'p-button-icon p-button-icon-left'
+    var chooseIcon = IconUtils.getJSXIcon(icon, {
+      className: iconClassName
     }, {
       props: props,
       hasFiles: hasFiles
@@ -834,7 +870,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       onFocus: onFocus,
       onBlur: onBlur,
       tabIndex: 0
-    }, icon, label, input, /*#__PURE__*/React.createElement(Ripple, null)));
+    }, chooseIcon, label, input, /*#__PURE__*/React.createElement(Ripple, null)));
   };
   if (props.mode === 'advanced') return createAdvanced();else if (props.mode === 'basic') return createBasic();
 }));

package/fileupload/fileupload.esm.min.js

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

package/fileupload/fileupload.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.fileupload = (function (exports, React, api, button, messages, progressbar, ripple, utils) {
+this.primereact.fileupload = (function (exports, React, api, button, messages, progressbar, ripple, utils, plus, upload, times) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -121,6 +121,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       mode: 'advanced',
       multiple: false,
       accept: null,
+      removeIcon: null,
       disabled: false,
       auto: false,
       maxFileSize: null,
@@ -387,7 +388,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       }
       setFilesState(currentFiles);
       if (utils.ObjectUtils.isNotEmpty(currentFiles) && props.auto) {
-        upload(currentFiles);
+        upload$1(currentFiles);
       }
       if (props.onSelect) {
         props.onSelect({
@@ -428,7 +429,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       }
       return true;
     };
-    var upload = function upload(files) {
+    var upload$1 = function upload(files) {
       files = files || filesState;
       if (files && files.nativeEvent) {
         files = filesState;
@@ -578,12 +579,12 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       allowDrop && onFileSelect(event);
     };
     var onSimpleUploaderClick = function onSimpleUploaderClick() {
-      !disabled && hasFiles ? upload() : fileInputRef.current.click();
+      !disabled && hasFiles ? upload$1() : fileInputRef.current.click();
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
-        upload: upload,
+        upload: upload$1,
         clear: clear,
         formatSize: formatSize,
         onFileSelect: onFileSelect,
@@ -613,6 +614,9 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         'p-button-icon-only': iconOnly
       }, className);
       var labelClassName = 'p-button-label p-clickable';
+      var iconClassName = utils.classNames('p-button-icon p-clickable', {
+        'p-button-icon-left': !iconOnly
+      });
       var label = iconOnly ? /*#__PURE__*/React__namespace.createElement("span", {
         className: labelClassName,
         dangerouslySetInnerHTML: {
@@ -629,8 +633,11 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         accept: props.accept,
         disabled: chooseDisabled
       });
-      var icon = utils.IconUtils.getJSXIcon(_icon || 'pi pi-fw pi-plus', {
-        className: 'p-button-icon p-button-icon-left p-clickable'
+      var icon = _icon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, {
+        className: iconClassName
+      });
+      var chooseIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
       }, {
         props: props
       });
@@ -642,7 +649,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         onFocus: onFocus,
         onBlur: onBlur,
         tabIndex: 0
-      }, input, icon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, input, chooseIcon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     };
     var onRemoveClick = function onRemoveClick(e, badgeOptions, index) {
       if (badgeOptions.severity === 'warning') remove(e, index);else removeUploadedFiles(e, index);
@@ -667,8 +674,10 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       }));
       var removeButton = /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement(button.Button, {
         type: "button",
-        icon: "pi pi-times",
-        className: "p-button-danger p-button-text p-button-rounded",
+        icon: props.removeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, null),
+        text: true,
+        rounded: true,
+        className: "p-button-danger",
         onClick: function onClick(e) {
           return onRemoveClick(e, badgeOptions, index);
         },
@@ -741,11 +750,31 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         var cancelOptions = props.cancelOptions;
         var uploadLabel = !uploadOptions.iconOnly ? uploadButtonLabel : '';
         var cancelLabel = !cancelOptions.iconOnly ? cancelButtonLabel : '';
+        var uploadIconClassName = utils.classNames('p-button-icon p-c', {
+          'p-button-icon-left': !uploadOptions.iconOnly
+        });
+        var uploadIcon = utils.IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, {
+          className: uploadIconClassName
+        }), {
+          className: uploadIconClassName
+        }, {
+          props: props
+        });
+        var cancelIconClassName = utils.classNames('p-button-icon p-c', {
+          'p-button-icon-left': !cancelOptions.iconOnly
+        });
+        var cancelIcon = utils.IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
+          className: cancelIconClassName
+        }), {
+          className: cancelIconClassName
+        }, {
+          props: props
+        });
         uploadButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
           type: "button",
           label: uploadLabel,
-          icon: uploadOptions.icon || 'pi pi-upload',
-          onClick: upload,
+          icon: uploadIcon,
+          onClick: upload$1,
           disabled: uploadDisabled,
           style: uploadOptions.style,
           className: uploadOptions.className
@@ -753,7 +782,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         cancelButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
           type: "button",
           label: cancelLabel,
-          icon: cancelOptions.icon || 'pi pi-times',
+          icon: cancelIcon,
           onClick: clear,
           disabled: cancelDisabled,
           style: cancelOptions.style,
@@ -807,9 +836,13 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         'p-disabled': disabled,
         'p-focus': focusedState
       }, chooseOptions.className);
-      var chooseIcon = chooseOptions.icon || utils.classNames({
-        'pi pi-plus': !chooseOptions.icon && (!hasFiles || props.auto),
-        'pi pi-upload': !chooseOptions.icon && hasFiles && !props.auto
+      var iconClassName = utils.classNames('p-button-icon', {
+        'p-button-icon-left': !chooseOptions.iconOnly
+      });
+      var icon = chooseOptions.icon ? chooseOptions.icon : !chooseOptions.icon && (!hasFiles || props.auto) ? /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, {
+        className: iconClassName
+      }) : !chooseOptions.icon && hasFiles && !props.auto && /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, {
+        className: iconClassName
       });
       var labelClassName = 'p-button-label p-clickable';
       var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React__namespace.createElement("span", {
@@ -823,8 +856,8 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
       var label = props.auto ? chooseLabel : /*#__PURE__*/React__namespace.createElement("span", {
         className: labelClassName
       }, hasFiles ? filesState[0].name : chooseLabel);
-      var icon = utils.IconUtils.getJSXIcon(chooseIcon, {
-        className: 'p-button-icon p-button-icon-left'
+      var chooseIcon = utils.IconUtils.getJSXIcon(icon, {
+        className: iconClassName
       }, {
         props: props,
         hasFiles: hasFiles
@@ -850,7 +883,7 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
         onFocus: onFocus,
         onBlur: onBlur,
         tabIndex: 0
-      }, icon, label, input, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
+      }, chooseIcon, label, input, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
     };
     if (props.mode === 'advanced') return createAdvanced();else if (props.mode === 'basic') return createBasic();
   }));
@@ -862,4 +895,4 @@ this.primereact.fileupload = (function (exports, React, api, button, messages, p
 
   return exports;
 
-})({}, React, primereact.api, primereact.button, primereact.messages, primereact.progressbar, primereact.ripple, primereact.utils);
+})({}, React, primereact.api, primereact.button, primereact.messages, primereact.progressbar, primereact.ripple, primereact.utils, primereact.icons.plus, primereact.icons.upload, primereact.icons.times);

package/fileupload/fileupload.min.js

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