primereact 8.0.0 → 8.1.1

package/dropdown/dropdown.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,l,o,i,a,u,c,p){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=f(t),m=s(n);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){a=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw l}}return o}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function 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 E(e,t){return g(e)||y(e,t)||O(e,t)||w()}var j=d.memo((function(e){var t=i.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!e.label||0===e.label.length},e.option&&e.option.className),n=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return d.createElement("li",{className:t,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},"aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected},n,d.createElement(p.Ripple,null))}));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}j.displayName="DropdownItem";var F=d.memo(d.forwardRef((function(e,t){var r,l,o,p=d.useRef(null),s=d.useRef(null),f=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,m=function(){e.onEnter((function(){if(p.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return p.current.scrollToIndex(t)}),0)}}))},v=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&s.current.focus()}))},g=function(t){p.current&&p.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(t,r){var l=i.ObjectUtils.getJSXElement(t,e)||n.localeOption(r?"emptyFilterMessage":"emptyMessage");return d.createElement("li",{className:"p-dropdown-empty-message"},l)},h=function(t,n){if(e.optionGroupLabel){var r=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),l=e.getOptionGroupChildren(t).map((function(t,n){var r=e.getOptionLabel(t),l=n+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t);return d.createElement(j,{key:l,label:r,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:o,onClick:e.onOptionClick})})),o=n+"_"+e.getOptionGroupRenderKey(t);return d.createElement(d.Fragment,{key:o},d.createElement("li",{className:"p-dropdown-item-group"},r),l)}var a=e.getOptionLabel(t),u=n+"_"+e.getOptionRenderKey(t),c=e.isOptionDisabled(t);return d.createElement(j,{key:u,label:a,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:c,onClick:e.onOptionClick})},O=function(){if(e.filter){var t=e.showFilterClear&&e.filterValue?d.createElement("i",{className:"p-dropdown-filter-clear-icon pi pi-times",onClick:function(){return e.onFilterClearIconClick((function(){return s.current.focus()}))}}):null,n=i.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t});return d.createElement("div",{className:"p-dropdown-header"},d.createElement("div",{className:n},d.createElement("input",{ref:s,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:g,value:e.filterValue}),t,d.createElement("i",{className:"p-dropdown-filter-icon pi pi-search"})))}return null},w=function(){if(e.virtualScrollerOptions){var t=D(D({},e.virtualScrollerOptions),{style:D(D({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:i.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(D(D({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&h(e,t.index)},contentTemplate:function(e){var t=i.classNames("p-dropdown-items",e.className),n=f?y():e.children;return d.createElement("ul",{ref:e.contentRef,className:t,role:"listbox"},n)}});return d.createElement(c.VirtualScroller,b({ref:p},t))}var n=i.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(h):e.hasFilter?y(e.emptyFilterMessage,!0):y(e.emptyMessage);return d.createElement("div",{className:"p-dropdown-items-wrapper",style:{maxHeight:e.scrollHeight||"auto"}},d.createElement("ul",{className:"p-dropdown-items",role:"listbox"},n))},E=(r=i.classNames("p-dropdown-panel p-component",e.panelClassName),l=O(),o=w(),d.createElement(a.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:m,onEntering:e.onEntering,onEntered:v,onExit:e.onExit,onExited:e.onExited},d.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},l,o)));return d.createElement(u.Portal,{element:E,appendTo:e.appendTo})})));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=L(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function L(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}F.displayName="DropdownPanel";var k=d.memo(d.forwardRef((function(e,t){var a=E(d.useState(""),2),u=a[0],c=a[1],p=E(d.useState(!1),2),s=p[0],f=p[1],v=E(d.useState(!1),2),g=v[0],y=v[1],h=d.useRef(null),O=d.useRef(null),w=d.useRef(e.inputRef),j=d.useRef(null),C=d.useRef(null),D=d.useRef(null),N=d.useRef(null),L=e.virtualScrollerOptions&&e.virtualScrollerOptions.lazy,I=i.ObjectUtils.isNotEmpty(u),P=e.appendTo||m.default.appendTo,U=E(r.useOverlayListener({target:h,overlay:O,listener:function(e,t){t.valid&&("outside"===t.type?!M(e)&&ae():ae())},when:g}),2),T=U[0],R=U[1],M=function(e){return i.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||i.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},G=function(t){e.showOnFocus&&!g&&ie(),f(!0),e.onFocus&&e.onFocus(t)},K=function(t){f(!1),e.onBlur&&e.onBlur(t)},A=function(e){switch(e.which){case 40:V(e);break;case 38:H(e);break;case 32:g?ae():ie(),e.preventDefault();break;case 13:ae(),e.preventDefault();break;case 27:case 9:ae();break;default:J(e)}},H=function(e){if(he){var t=q(re());t&&ne({originalEvent:e,option:t})}e.preventDefault()},V=function(e){if(he)if(!g&&e.altKey)ie();else{var t=B(re());t&&ne({originalEvent:e,option:t})}e.preventDefault()},B=function t(n){if(e.optionGroupLabel){var r=-1===n?0:n.group,l=-1===n?-1:n.option,o=_(de(he[r]),l);return o||(r+1!==he.length?t({group:r+1,option:-1}):null)}return _(he,n)},_=function e(t,n){var r=n+1;if(r===t.length)return null;var l=t[r];return fe(l)?e(r):l},q=function t(n){if(-1===n)return null;if(e.optionGroupLabel){var r=n.group,l=n.option,o=z(de(he[r]),l);return o||(r>0?t({group:r-1,option:de(he[r-1]).length}):null)}return z(he,n)},z=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return fe(r)?q(n):r},J=function(t){C.current&&clearTimeout(C.current);var n=t.key;if(D.current=N.current===n?n:D.current?D.current+n:n,N.current=n,D.current){var r=re(),l=e.optionGroupLabel?$(r):X(r+1);l&&ne({originalEvent:t,option:l})}C.current=setTimeout((function(){D.current=null}),250)},X=function(e){return D.current?Z(e,he.length)||Z(0,e):null},Z=function(e,t){for(var n=e;n<t;n++){var r=he[n];if(W(r))return r}return null},$=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<he.length;n++)for(var r=de(he[n]),l=t.group===n?t.option+1:0;l<r.length;l++)if(W(r[l]))return r[l];for(var o=0;o<=t.group;o++)for(var i=de(he[o]),a=0;a<(t.group===o?t.option:i.length);a++)if(W(i[a]))return i[a];return null},W=function(t){return pe(t).toLocaleLowerCase(e.filterLocale).startsWith(D.current.toLocaleLowerCase(e.filterLocale))},Y=function(t){e.onChange&&e.onChange({originalEvent:t.originalEvent,value:t.target.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.target.value}})},Q=function(t){f(!0),ae(),e.onFocus&&e.onFocus(t)},ee=function(t){c(""),e.onFilter&&e.onFilter({filter:""}),t&&t()},te=function(t){e.onChange&&e.onChange({originalEvent:t,value:void 0,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:void 0}}),ce()},ne=function(t){if(Oe!==t.option){ce(t.option);var n=se(t.option);e.onChange&&e.onChange({originalEvent:t.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}},re=function(){if(null!=e.value&&he){if(!e.optionGroupLabel)return oe(e.value,he);for(var t=0;t<he.length;t++){var n=oe(e.value,de(he[t]));if(-1!==n)return{group:t,option:n}}}return-1},le=function(){return e.optionValue?null:e.dataKey},oe=function(e,t){var n=le();return t.findIndex((function(t){return i.ObjectUtils.equals(e,se(t),n)}))},ie=function(){y(!0)},ae=function(){y(!1)},ue=function(){i.DomHandler.alignOverlay(O.current,w.current.parentElement,e.appendTo||m.default.appendTo)},ce=function(t){w.current&&(w.current.value=t?pe(t):e.value||"")},pe=function(t){return e.optionLabel?i.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},se=function(t){return e.optionValue?i.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},fe=function(t){return e.optionDisabled?i.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):i.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},de=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},me=function(){if(e.editable&&w.current){var t=Oe?pe(Oe):null;w.current.value=t||e.value||""}};d.useEffect((function(){i.ObjectUtils.combinedRefs(w,e.inputRef)}),[w,e.inputRef]),r.useMountEffect((function(){e.autoFocus&&j.current&&j.current.focus()})),r.useUpdateEffect((function(){var t;g&&e.value&&(t=i.DomHandler.findSingle(O.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})}),[g,e.value]),r.useUpdateEffect((function(){g&&e.filter&&ue()}),[g,e.filter]),r.useUpdateEffect((function(){!u||e.options&&0!==e.options.length||c(""),me(),w.current&&(w.current.selectedIndex=1)})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(O.current)}));var be,ve,ge,ye,he=function(){if(I&&!L){var t=u.trim().toLocaleLowerCase(e.filterLocale),r=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var l,o=[],i=S(e.options);try{for(i.s();!(l=i.n()).done;){var a=l.value,c=n.FilterService.filter(de(a),r,t,e.filterMatchMode,e.filterLocale);c&&c.length&&o.push(x(x({},a),{items:c}))}}catch(e){i.e(e)}finally{i.f()}return o}return n.FilterService.filter(e.options,r,t,e.filterMatchMode,e.filterLocale)}return e.options}(),Oe=-1!==(be=re())?e.optionGroupLabel?de(he[be.group])[be.option]:he[be]:null,we=i.ObjectUtils.isNotEmpty(e.tooltip),Ee=i.ObjectUtils.findDiffKeys(e,k.defaultProps),je=i.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":e.disabled,"p-focus":s,"p-dropdown-clearable":e.showClear&&!e.disabled,"p-inputwrapper-filled":i.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":s||g},e.className),Ce=(ve=d.createElement("option",{value:""},e.placeholder),ge=Oe?d.createElement("option",{value:Oe.value},pe(Oe)):null,d.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},d.createElement("select",{ref:w,required:e.required,name:e.name,tabIndex:-1,"aria-hidden":"true"},ve,ge))),De=d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",{ref:j,id:e.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:G,onBlur:K,onKeyDown:A,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),Fe=function(){var t=i.ObjectUtils.isNotEmpty(Oe)?pe(Oe):null;if(e.editable)return d.createElement("input",{ref:w,type:"text",defaultValue:t||e.value||"",className:"p-dropdown-label p-inputtext",disabled:e.disabled,placeholder:e.placeholder,maxLength:e.maxLength,onInput:Y,onFocus:Q,onBlur:K,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-haspopup":"listbox"});var n=i.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===t&&e.placeholder,"p-dropdown-label-empty":null===t&&!e.placeholder}),r=e.valueTemplate?i.ObjectUtils.getJSXElement(e.valueTemplate,Oe,e):t||e.placeholder||"empty";return d.createElement("span",{ref:w,className:n},r)}(),Ne=(ye=i.classNames("p-dropdown-trigger-icon p-clickable",e.dropdownIcon),d.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":g},d.createElement("span",{className:ye}))),xe=null!=e.value&&e.showClear&&!e.disabled?d.createElement("i",{className:"p-dropdown-clear-icon pi pi-times",onClick:te}):null;return d.createElement(d.Fragment,null,d.createElement("div",b({ref:h,id:e.id,className:je,style:e.style},Ee,{onClick:function(t){e.disabled||i.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||O.current&&O.current&&O.current.contains(t.target)||(j.current.focus(),g?ae():ie())},onMouseDown:e.onMouseDown,onContextMenu:e.onContextMenu}),De,Ce,Fe,xe,Ne,d.createElement(F,b({ref:O,visibleOptions:he},e,{appendTo:P,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},onOptionClick:function(e){e.option.disabled||(ne(e),j.current.focus()),ae()},filterValue:u,hasFilter:I,onFilterClearIconClick:function(e){ee(e)},onFilterInputKeyDown:function(e){switch(e.which){case 40:V(e);break;case 38:H(e);break;case 13:case 27:ae(),e.preventDefault()}},onFilterInputChange:function(t){var n=t.target.value;c(n),e.onFilter&&e.onFilter({originalEvent:t,filter:n})},getOptionLabel:pe,getOptionRenderKey:function(t){return e.dataKey?i.ObjectUtils.resolveFieldData(t,e.dataKey):pe(t)},isOptionDisabled:fe,getOptionGroupChildren:de,getOptionGroupLabel:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:function(t){return i.ObjectUtils.equals(e.value,se(t),le())},getSelectedOptionIndex:re,in:g,onEnter:function(e){i.ZIndexUtils.set("overlay",O.current,m.default.autoZIndex,m.default.zIndex.overlay),ue(),e&&e()},onEntered:function(t){t&&t(),T(),e.onShow&&e.onShow()},onExit:function(){R()},onExited:function(){e.filter&&e.resetFilterOnHide&&ee(),i.ZIndexUtils.clear(O.current),e.onHide&&e.onHide()}}))),we&&d.createElement(o.Tooltip,b({target:h,content:e.tooltip},e.tooltipOptions)))})));return k.displayName="Dropdown",k.defaultProps={__TYPE:"Dropdown",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,valueTemplate:null,itemTemplate:null,style:null,className:null,virtualScrollerOptions:null,scrollHeight:"200px",filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyMessage:null,emptyFilterMessage:null,editable:!1,placeholder:null,required:!1,disabled:!1,appendTo:null,tabIndex:null,autoFocus:!1,filterInputAutoFocus:!0,resetFilterOnHide:!1,showFilterClear:!1,panelClassName:null,panelStyle:null,dataKey:null,inputId:null,showClear:!1,maxLength:null,tooltip:null,tooltipOptions:null,ariaLabel:null,ariaLabelledBy:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showOnFocus:!1,onChange:null,onFocus:null,onBlur:null,onMouseDown:null,onContextMenu:null,onShow:null,onHide:null,onFilter:null},e.Dropdown=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.dropdown=function(e,t,n,r,l,o,i,a,u,c,p){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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 r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var d=f(t),m=s(n);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);i=!0);}catch(e){a=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw l}}return o}}function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e,t){if(e){if("string"==typeof e)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?h(e,t):void 0}}function 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 E(e,t){return g(e)||y(e,t)||O(e,t)||w()}var j=d.memo((function(e){var t=i.classNames("p-dropdown-item",{"p-highlight":e.selected,"p-disabled":e.disabled,"p-dropdown-item-empty":!e.label||0===e.label.length},e.option&&e.option.className),n=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return d.createElement("li",{className:t,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option})},"aria-label":e.label,key:e.label,role:"option","aria-selected":e.selected},n,d.createElement(p.Ripple,null))}));function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function D(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}j.displayName="DropdownItem";var F=d.memo(d.forwardRef((function(e,t){var r,l,o,p=d.useRef(null),s=d.useRef(null),f=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,m=function(){e.onEnter((function(){if(p.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return p.current.scrollToIndex(t)}),0)}}))},v=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&s.current.focus()}))},g=function(t){p.current&&p.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(t,r){var l=i.ObjectUtils.getJSXElement(t,e)||n.localeOption(r?"emptyFilterMessage":"emptyMessage");return d.createElement("li",{className:"p-dropdown-empty-message"},l)},h=function(t,n){if(e.optionGroupLabel){var r=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),l=e.getOptionGroupChildren(t).map((function(t,n){var r=e.getOptionLabel(t),l=n+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t);return d.createElement(j,{key:l,label:r,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:o,onClick:e.onOptionClick})})),o=n+"_"+e.getOptionGroupRenderKey(t);return d.createElement(d.Fragment,{key:o},d.createElement("li",{className:"p-dropdown-item-group"},r),l)}var a=e.getOptionLabel(t),u=n+"_"+e.getOptionRenderKey(t),c=e.isOptionDisabled(t);return d.createElement(j,{key:u,label:a,option:t,template:e.itemTemplate,selected:e.isSelected(t),disabled:c,onClick:e.onOptionClick})},O=function(){if(e.filter){var t=e.showFilterClear&&e.filterValue?d.createElement("i",{className:"p-dropdown-filter-clear-icon pi pi-times",onClick:function(){return e.onFilterClearIconClick((function(){return s.current.focus()}))}}):null,n=i.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t});return d.createElement("div",{className:"p-dropdown-header"},d.createElement("div",{className:n},d.createElement("input",{ref:s,type:"text",autoComplete:"off",className:"p-dropdown-filter p-inputtext p-component",placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:g,value:e.filterValue}),t,d.createElement("i",{className:"p-dropdown-filter-icon pi pi-search"})))}return null},w=function(){if(e.virtualScrollerOptions){var t=D(D({},e.virtualScrollerOptions),{style:D(D({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:i.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(D(D({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&h(e,t.index)},contentTemplate:function(e){var t=i.classNames("p-dropdown-items",e.className),n=f?y():e.children;return d.createElement("ul",{ref:e.contentRef,className:t,role:"listbox"},n)}});return d.createElement(c.VirtualScroller,b({ref:p},t))}var n=i.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(h):e.hasFilter?y(e.emptyFilterMessage,!0):y(e.emptyMessage);return d.createElement("div",{className:"p-dropdown-items-wrapper",style:{maxHeight:e.scrollHeight||"auto"}},d.createElement("ul",{className:"p-dropdown-items",role:"listbox"},n))},E=(r=i.classNames("p-dropdown-panel p-component",e.panelClassName),l=O(),o=w(),d.createElement(a.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:m,onEntering:e.onEntering,onEntered:v,onExit:e.onExit,onExited:e.onExited},d.createElement("div",{ref:t,className:r,style:e.panelStyle,onClick:e.onClick},l,o)));return d.createElement(u.Portal,{element:E,appendTo:e.appendTo})})));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):N(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function S(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=L(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,l=function(){};return{s:l,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:l}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,i=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){a=!0,o=e},f:function(){try{i||null==n.return||n.return()}finally{if(a)throw o}}}}function L(e,t){if(e){if("string"==typeof e)return I(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)?I(e,t):void 0}}function I(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}F.displayName="DropdownPanel";var k=d.memo(d.forwardRef((function(e,t){var a=E(d.useState(""),2),u=a[0],c=a[1],p=E(d.useState(!1),2),s=p[0],f=p[1],v=E(d.useState(!1),2),g=v[0],y=v[1],h=d.useRef(null),O=d.useRef(null),w=d.useRef(e.inputRef),j=d.useRef(null),C=d.useRef(null),D=d.useRef(null),N=d.useRef(null),L=e.virtualScrollerOptions&&e.virtualScrollerOptions.lazy,I=i.ObjectUtils.isNotEmpty(u),P=e.appendTo||m.default.appendTo,U=E(r.useOverlayListener({target:h,overlay:O,listener:function(e,t){t.valid&&("outside"===t.type?!M(e)&&ae():ae())},when:g}),2),T=U[0],R=U[1],M=function(e){return i.DomHandler.hasClass(e.target,"p-dropdown-clear-icon")||i.DomHandler.hasClass(e.target,"p-dropdown-filter-clear-icon")},G=function(t){e.showOnFocus&&!g&&ie(),f(!0),e.onFocus&&e.onFocus(t)},K=function(t){f(!1),e.onBlur&&e.onBlur(t)},A=function(e){switch(e.which){case 40:V(e);break;case 38:H(e);break;case 32:case 13:g?ae():ie(),e.preventDefault();break;case 27:case 9:ae();break;default:J(e)}},H=function(e){if(he){var t=q(re());t&&ne({originalEvent:e,option:t})}e.preventDefault()},V=function(e){if(he)if(!g&&e.altKey)ie();else{var t=B(re());t&&ne({originalEvent:e,option:t})}e.preventDefault()},B=function t(n){if(e.optionGroupLabel){var r=-1===n?0:n.group,l=-1===n?-1:n.option,o=_(de(he[r]),l);return o||(r+1!==he.length?t({group:r+1,option:-1}):null)}return _(he,n)},_=function e(t,n){var r=n+1;if(r===t.length)return null;var l=t[r];return fe(l)?e(r):l},q=function t(n){if(-1===n)return null;if(e.optionGroupLabel){var r=n.group,l=n.option,o=z(de(he[r]),l);return o||(r>0?t({group:r-1,option:de(he[r-1]).length}):null)}return z(he,n)},z=function(e,t){var n=t-1;if(n<0)return null;var r=e[n];return fe(r)?q(n):r},J=function(t){C.current&&clearTimeout(C.current);var n=t.key;if(D.current=N.current===n?n:D.current?D.current+n:n,N.current=n,D.current){var r=re(),l=e.optionGroupLabel?$(r):X(r+1);l&&ne({originalEvent:t,option:l})}C.current=setTimeout((function(){D.current=null}),250)},X=function(e){return D.current?Z(e,he.length)||Z(0,e):null},Z=function(e,t){for(var n=e;n<t;n++){var r=he[n];if(W(r))return r}return null},$=function(e){for(var t=-1===e?{group:0,option:-1}:e,n=t.group;n<he.length;n++)for(var r=de(he[n]),l=t.group===n?t.option+1:0;l<r.length;l++)if(W(r[l]))return r[l];for(var o=0;o<=t.group;o++)for(var i=de(he[o]),a=0;a<(t.group===o?t.option:i.length);a++)if(W(i[a]))return i[a];return null},W=function(t){return pe(t).toLocaleLowerCase(e.filterLocale).startsWith(D.current.toLocaleLowerCase(e.filterLocale))},Y=function(t){e.onChange&&e.onChange({originalEvent:t.originalEvent,value:t.target.value,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:t.target.value}})},Q=function(t){f(!0),ae(),e.onFocus&&e.onFocus(t)},ee=function(t){c(""),e.onFilter&&e.onFilter({filter:""}),t&&t()},te=function(t){e.onChange&&e.onChange({originalEvent:t,value:void 0,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:void 0}}),ce()},ne=function(t){if(Oe!==t.option){ce(t.option);var n=se(t.option);e.onChange&&e.onChange({originalEvent:t.originalEvent,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:n}})}},re=function(){if(null!=e.value&&he){if(!e.optionGroupLabel)return oe(e.value,he);for(var t=0;t<he.length;t++){var n=oe(e.value,de(he[t]));if(-1!==n)return{group:t,option:n}}}return-1},le=function(){return e.optionValue?null:e.dataKey},oe=function(e,t){var n=le();return t.findIndex((function(t){return i.ObjectUtils.equals(e,se(t),n)}))},ie=function(){y(!0)},ae=function(){y(!1)},ue=function(){i.DomHandler.alignOverlay(O.current,w.current.parentElement,e.appendTo||m.default.appendTo)},ce=function(t){w.current&&(w.current.value=t?pe(t):e.value||"")},pe=function(t){return e.optionLabel?i.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},se=function(t){return e.optionValue?i.ObjectUtils.resolveFieldData(t,e.optionValue):t&&void 0!==t.value?t.value:t},fe=function(t){return e.optionDisabled?i.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):i.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},de=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},me=function(){if(e.editable&&w.current){var t=Oe?pe(Oe):null;w.current.value=t||e.value||""}};d.useEffect((function(){i.ObjectUtils.combinedRefs(w,e.inputRef)}),[w,e.inputRef]),r.useMountEffect((function(){e.autoFocus&&j.current&&j.current.focus()})),r.useUpdateEffect((function(){var t;g&&e.value&&(t=i.DomHandler.findSingle(O.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"})}),[g,e.value]),r.useUpdateEffect((function(){g&&e.filter&&ue()}),[g,e.filter]),r.useUpdateEffect((function(){!u||e.options&&0!==e.options.length||c(""),me(),w.current&&(w.current.selectedIndex=1)})),r.useUnmountEffect((function(){i.ZIndexUtils.clear(O.current)}));var be,ve,ge,ye,he=function(){if(I&&!L){var t=u.trim().toLocaleLowerCase(e.filterLocale),r=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var l,o=[],i=S(e.options);try{for(i.s();!(l=i.n()).done;){var a=l.value,c=n.FilterService.filter(de(a),r,t,e.filterMatchMode,e.filterLocale);c&&c.length&&o.push(x(x({},a),{items:c}))}}catch(e){i.e(e)}finally{i.f()}return o}return n.FilterService.filter(e.options,r,t,e.filterMatchMode,e.filterLocale)}return e.options}(),Oe=-1!==(be=re())?e.optionGroupLabel?de(he[be.group])[be.option]:he[be]:null,we=i.ObjectUtils.isNotEmpty(e.tooltip),Ee=i.ObjectUtils.findDiffKeys(e,k.defaultProps),je=i.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":e.disabled,"p-focus":s,"p-dropdown-clearable":e.showClear&&!e.disabled,"p-inputwrapper-filled":i.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":s||g},e.className),Ce=(ve=d.createElement("option",{value:""},e.placeholder),ge=Oe?d.createElement("option",{value:Oe.value},pe(Oe)):null,d.createElement("div",{className:"p-hidden-accessible p-dropdown-hidden-select"},d.createElement("select",{ref:w,required:e.required,name:e.name,tabIndex:-1,"aria-hidden":"true"},ve,ge))),De=d.createElement("div",{className:"p-hidden-accessible"},d.createElement("input",{ref:j,id:e.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:G,onBlur:K,onKeyDown:A,disabled:e.disabled,tabIndex:e.tabIndex,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy})),Fe=function(){var t=i.ObjectUtils.isNotEmpty(Oe)?pe(Oe):null;if(e.editable)return d.createElement("input",{ref:w,type:"text",defaultValue:t||e.value||"",className:"p-dropdown-label p-inputtext",disabled:e.disabled,placeholder:e.placeholder,maxLength:e.maxLength,onInput:Y,onFocus:Q,onBlur:K,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-haspopup":"listbox"});var n=i.classNames("p-dropdown-label p-inputtext",{"p-placeholder":null===t&&e.placeholder,"p-dropdown-label-empty":null===t&&!e.placeholder}),r=e.valueTemplate?i.ObjectUtils.getJSXElement(e.valueTemplate,Oe,e):t||e.placeholder||"empty";return d.createElement("span",{ref:w,className:n},r)}(),Ne=(ye=i.classNames("p-dropdown-trigger-icon p-clickable",e.dropdownIcon),d.createElement("div",{className:"p-dropdown-trigger",role:"button","aria-haspopup":"listbox","aria-expanded":g},d.createElement("span",{className:ye}))),xe=null!=e.value&&e.showClear&&!e.disabled?d.createElement("i",{className:"p-dropdown-clear-icon pi pi-times",onClick:te}):null;return d.createElement(d.Fragment,null,d.createElement("div",b({ref:h,id:e.id,className:je,style:e.style},Ee,{onClick:function(t){e.disabled||i.DomHandler.hasClass(t.target,"p-dropdown-clear-icon")||"INPUT"===t.target.tagName||O.current&&O.current&&O.current.contains(t.target)||(j.current.focus(),g?ae():ie())},onMouseDown:e.onMouseDown,onContextMenu:e.onContextMenu}),De,Ce,Fe,xe,Ne,d.createElement(F,b({ref:O,visibleOptions:he},e,{appendTo:P,onClick:function(e){l.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},onOptionClick:function(e){e.option.disabled||(ne(e),j.current.focus()),ae()},filterValue:u,hasFilter:I,onFilterClearIconClick:function(e){ee(e)},onFilterInputKeyDown:function(e){switch(e.which){case 40:V(e);break;case 38:H(e);break;case 13:case 27:ae(),e.preventDefault()}},onFilterInputChange:function(t){var n=t.target.value;c(n),e.onFilter&&e.onFilter({originalEvent:t,filter:n})},getOptionLabel:pe,getOptionRenderKey:function(t){return e.dataKey?i.ObjectUtils.resolveFieldData(t,e.dataKey):pe(t)},isOptionDisabled:fe,getOptionGroupChildren:de,getOptionGroupLabel:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:function(t){return i.ObjectUtils.equals(e.value,se(t),le())},getSelectedOptionIndex:re,in:g,onEnter:function(e){i.ZIndexUtils.set("overlay",O.current,m.default.autoZIndex,m.default.zIndex.overlay),ue(),e&&e()},onEntered:function(t){t&&t(),T(),e.onShow&&e.onShow()},onExit:function(){R()},onExited:function(){e.filter&&e.resetFilterOnHide&&ee(),i.ZIndexUtils.clear(O.current),e.onHide&&e.onHide()}}))),we&&d.createElement(o.Tooltip,b({target:h,content:e.tooltip},e.tooltipOptions)))})));return k.displayName="Dropdown",k.defaultProps={__TYPE:"Dropdown",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,valueTemplate:null,itemTemplate:null,style:null,className:null,virtualScrollerOptions:null,scrollHeight:"200px",filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyMessage:null,emptyFilterMessage:null,editable:!1,placeholder:null,required:!1,disabled:!1,appendTo:null,tabIndex:null,autoFocus:!1,filterInputAutoFocus:!0,resetFilterOnHide:!1,showFilterClear:!1,panelClassName:null,panelStyle:null,dataKey:null,inputId:null,showClear:!1,maxLength:null,tooltip:null,tooltipOptions:null,ariaLabel:null,ariaLabelledBy:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",showOnFocus:!1,onChange:null,onFocus:null,onBlur:null,onMouseDown:null,onContextMenu:null,onShow:null,onHide:null,onFilter:null},e.Dropdown=k,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.virtualscroller,primereact.ripple);

package/fileupload/fileupload.cjs.js

@@ -150,18 +150,24 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       focusedState = _React$useState6[0],
       setFocusedState = _React$useState6[1];
 
+  var _React$useState7 = React__namespace.useState(false),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      uploadingState = _React$useState8[0],
+      setUploadingState = _React$useState8[1];
+
   var fileInputRef = React__namespace.useRef(null);
   var messagesRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
   var duplicateIEEvent = React__namespace.useRef(false);
   var uploadedFileCount = React__namespace.useRef(0);
   var hasFiles = utils.ObjectUtils.isNotEmpty(filesState);
+  var disabled = props.disabled || uploadingState;
   var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || api.localeOption('choose');
   var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || api.localeOption('upload');
   var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || api.localeOption('cancel');
-  var chooseDisabled = props.disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
-  var uploadDisabled = props.disabled || !hasFiles;
-  var cancelDisabled = props.disabled || !hasFiles;
+  var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
+  var uploadDisabled = disabled || !hasFiles;
+  var cancelDisabled = disabled || !hasFiles;
 
   var isImage = function isImage(file) {
     return /^image\//.test(file.type);
@@ -216,7 +222,12 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       return;
     }
 
-    var currentFiles = filesState ? _toConsumableArray(filesState) : [];
+    var currentFiles = [];
+
+    if (props.multiple) {
+      currentFiles = filesState ? _toConsumableArray(filesState) : [];
+    }
+
     var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
 
     for (var i = 0; i < selectedFiles.length; i++) {
@@ -288,6 +299,10 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   var upload = function upload(files) {
     files = files || filesState;
 
+    if (files && files.nativeEvent) {
+      files = filesState;
+    }
+
     if (props.customUpload) {
       if (props.fileLimit) {
         uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
@@ -303,6 +318,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         });
       }
     } else {
+      setUploadingState(true);
       var xhr = new XMLHttpRequest();
       var formData = new FormData();
 
@@ -344,6 +360,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       xhr.onreadystatechange = function () {
         if (xhr.readyState === 4) {
           setProgressState(0);
+          setUploadingState(false);
 
           if (xhr.status >= 200 && xhr.status < 300) {
             if (props.fileLimit) {
@@ -385,6 +402,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
 
   var clear = function clear() {
     setFilesState([]);
+    setUploadingState(false);
     props.onClear && props.onClear();
     clearInput();
   };
@@ -409,7 +427,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
 
   var onDragEnter = function onDragEnter(event) {
-    if (!props.disabled) {
+    if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       event.stopPropagation();
       event.preventDefault();
@@ -417,7 +435,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
 
   var onDragOver = function onDragOver(event) {
-    if (!props.disabled) {
+    if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       utils.DomHandler.addClass(contentRef.current, 'p-fileupload-highlight');
       event.stopPropagation();
@@ -426,25 +444,32 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
 
   var onDragLeave = function onDragLeave(event) {
-    if (!props.disabled) {
+    if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
     }
   };
 
   var onDrop = function onDrop(event) {
-    if (!props.disabled) {
-      utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
-      event.stopPropagation();
-      event.preventDefault();
-      var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
-      var allowDrop = props.multiple || files && files.length === 0;
-      allowDrop && onFileSelect(event);
+    if (props.disabled) {
+      return;
+    }
+
+    utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
+    event.stopPropagation();
+    event.preventDefault(); // give caller a chance to stop the drop
+
+    if (props.onBeforeDrop && props.onBeforeDrop(event) === false) {
+      return;
     }
+
+    var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
+    var allowDrop = props.multiple || utils.ObjectUtils.isEmpty(filesState) && files && files.length === 1;
+    allowDrop && onFileSelect(event);
   };
 
   var onSimpleUploaderClick = function onSimpleUploaderClick() {
-    hasFiles ? upload() : fileInputRef.current.click();
+    !disabled && hasFiles ? upload() : fileInputRef.current.click();
   };
 
   React__namespace.useImperativeHandle(ref, function () {
@@ -462,7 +487,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         _icon = _props$chooseOptions.icon,
         iconOnly = _props$chooseOptions.iconOnly;
     var chooseClassName = utils.classNames('p-button p-fileupload-choose p-component', {
-      'p-disabled': props.disabled,
+      'p-disabled': disabled,
       'p-focus': focusedState,
       'p-button-icon-only': iconOnly
     }, className);
@@ -516,7 +541,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       icon: "pi pi-times",
       onClick: function onClick(e) {
         return remove(e, index);
-      }
+      },
+      disabled: disabled
     }));
     var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, preview, fileName, size, removeButton);
 
@@ -643,7 +669,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     var className = utils.classNames('p-fileupload p-fileupload-basic p-component', props.className);
     var buttonClassName = utils.classNames('p-button p-component p-fileupload-choose', {
       'p-fileupload-choose-selected': hasFiles,
-      'p-disabled': props.disabled,
+      'p-disabled': disabled,
       'p-focus': focusedState
     }, chooseOptions.className);
     var chooseIcon = chooseOptions.icon || utils.classNames({
@@ -673,7 +699,7 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       type: "file",
       accept: props.accept,
       multiple: props.multiple,
-      disabled: props.disabled,
+      disabled: disabled,
       onChange: onFileSelect
     });
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -747,6 +773,7 @@ FileUpload.defaultProps = {
   progressBarTemplate: null,
   onBeforeUpload: null,
   onBeforeSend: null,
+  onBeforeDrop: null,
   onUpload: null,
   onError: null,
   onClear: null,

package/fileupload/fileupload.cjs.min.js

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

package/fileupload/fileupload.d.ts

@@ -114,6 +114,7 @@ interface FileUploadProps {
     progressBarTemplate?: FileUploadProgressBarTemplateType;
     onBeforeUpload?(e: FileUploadBeforeUploadParams): void;
     onBeforeSend?(e: FileUploadBeforeSendParams): void;
+    onBeforeDrop?(e: DragEvent): void;
     onUpload?(e: FileUploadUploadParams): void;
     onError?(e: FileUploadErrorParams): void;
     onClear?(): void;

package/fileupload/fileupload.esm.js

@@ -126,18 +126,24 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       focusedState = _React$useState6[0],
       setFocusedState = _React$useState6[1];
 
+  var _React$useState7 = React.useState(false),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      uploadingState = _React$useState8[0],
+      setUploadingState = _React$useState8[1];
+
   var fileInputRef = React.useRef(null);
   var messagesRef = React.useRef(null);
   var contentRef = React.useRef(null);
   var duplicateIEEvent = React.useRef(false);
   var uploadedFileCount = React.useRef(0);
   var hasFiles = ObjectUtils.isNotEmpty(filesState);
+  var disabled = props.disabled || uploadingState;
   var chooseButtonLabel = props.chooseLabel || props.chooseOptions.label || localeOption('choose');
   var uploadButtonLabel = props.uploadLabel || props.uploadOptions.label || localeOption('upload');
   var cancelButtonLabel = props.cancelLabel || props.cancelOptions.label || localeOption('cancel');
-  var chooseDisabled = props.disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
-  var uploadDisabled = props.disabled || !hasFiles;
-  var cancelDisabled = props.disabled || !hasFiles;
+  var chooseDisabled = disabled || props.fileLimit && props.fileLimit <= filesState.length + uploadedFileCount;
+  var uploadDisabled = disabled || !hasFiles;
+  var cancelDisabled = disabled || !hasFiles;
 
   var isImage = function isImage(file) {
     return /^image\//.test(file.type);
@@ -192,7 +198,12 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       return;
     }
 
-    var currentFiles = filesState ? _toConsumableArray(filesState) : [];
+    var currentFiles = [];
+
+    if (props.multiple) {
+      currentFiles = filesState ? _toConsumableArray(filesState) : [];
+    }
+
     var selectedFiles = event.dataTransfer ? event.dataTransfer.files : event.target.files;
 
     for (var i = 0; i < selectedFiles.length; i++) {
@@ -264,6 +275,10 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var upload = function upload(files) {
     files = files || filesState;
 
+    if (files && files.nativeEvent) {
+      files = filesState;
+    }
+
     if (props.customUpload) {
       if (props.fileLimit) {
         uploadedFileCount + files.length, _readOnlyError("uploadedFileCount");
@@ -279,6 +294,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         });
       }
     } else {
+      setUploadingState(true);
       var xhr = new XMLHttpRequest();
       var formData = new FormData();
 
@@ -320,6 +336,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       xhr.onreadystatechange = function () {
         if (xhr.readyState === 4) {
           setProgressState(0);
+          setUploadingState(false);
 
           if (xhr.status >= 200 && xhr.status < 300) {
             if (props.fileLimit) {
@@ -361,6 +378,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var clear = function clear() {
     setFilesState([]);
+    setUploadingState(false);
     props.onClear && props.onClear();
     clearInput();
   };
@@ -385,7 +403,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var onDragEnter = function onDragEnter(event) {
-    if (!props.disabled) {
+    if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       event.stopPropagation();
       event.preventDefault();
@@ -393,7 +411,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var onDragOver = function onDragOver(event) {
-    if (!props.disabled) {
+    if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       DomHandler.addClass(contentRef.current, 'p-fileupload-highlight');
       event.stopPropagation();
@@ -402,25 +420,32 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var onDragLeave = function onDragLeave(event) {
-    if (!props.disabled) {
+    if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
     }
   };
 
   var onDrop = function onDrop(event) {
-    if (!props.disabled) {
-      DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
-      event.stopPropagation();
-      event.preventDefault();
-      var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
-      var allowDrop = props.multiple || files && files.length === 0;
-      allowDrop && onFileSelect(event);
+    if (props.disabled) {
+      return;
+    }
+
+    DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
+    event.stopPropagation();
+    event.preventDefault(); // give caller a chance to stop the drop
+
+    if (props.onBeforeDrop && props.onBeforeDrop(event) === false) {
+      return;
     }
+
+    var files = event.dataTransfer ? event.dataTransfer.files : event.target.files;
+    var allowDrop = props.multiple || ObjectUtils.isEmpty(filesState) && files && files.length === 1;
+    allowDrop && onFileSelect(event);
   };
 
   var onSimpleUploaderClick = function onSimpleUploaderClick() {
-    hasFiles ? upload() : fileInputRef.current.click();
+    !disabled && hasFiles ? upload() : fileInputRef.current.click();
   };
 
   React.useImperativeHandle(ref, function () {
@@ -438,7 +463,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         _icon = _props$chooseOptions.icon,
         iconOnly = _props$chooseOptions.iconOnly;
     var chooseClassName = classNames('p-button p-fileupload-choose p-component', {
-      'p-disabled': props.disabled,
+      'p-disabled': disabled,
       'p-focus': focusedState,
       'p-button-icon-only': iconOnly
     }, className);
@@ -492,7 +517,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       icon: "pi pi-times",
       onClick: function onClick(e) {
         return remove(e, index);
-      }
+      },
+      disabled: disabled
     }));
     var content = /*#__PURE__*/React.createElement(React.Fragment, null, preview, fileName, size, removeButton);
 
@@ -619,7 +645,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var className = classNames('p-fileupload p-fileupload-basic p-component', props.className);
     var buttonClassName = classNames('p-button p-component p-fileupload-choose', {
       'p-fileupload-choose-selected': hasFiles,
-      'p-disabled': props.disabled,
+      'p-disabled': disabled,
       'p-focus': focusedState
     }, chooseOptions.className);
     var chooseIcon = chooseOptions.icon || classNames({
@@ -649,7 +675,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       type: "file",
       accept: props.accept,
       multiple: props.multiple,
-      disabled: props.disabled,
+      disabled: disabled,
       onChange: onFileSelect
     });
     return /*#__PURE__*/React.createElement("div", _extends({
@@ -723,6 +749,7 @@ FileUpload.defaultProps = {
   progressBarTemplate: null,
   onBeforeUpload: null,
   onBeforeSend: null,
+  onBeforeDrop: null,
   onUpload: null,
   onError: null,
   onClear: null,

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