primereact 9.4.0 → 9.5.0

package/dropdown/dropdown.min.js

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

package/fileupload/fileupload.cjs.js

@@ -34,6 +34,47 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+
+function _toPrimitive(input, hint) {
+  if (_typeof(input) !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (_typeof(res) !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return _typeof(key) === "symbol" ? key : String(key);
+}
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -124,7 +165,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
-var FileUploadBase = {
+var FileUploadBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'FileUpload',
     id: null,
@@ -189,55 +230,8 @@ var FileUploadBase = {
     uploadHandler: null,
     onRemove: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, FileUploadBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, FileUploadBase.defaultProps);
   }
-};
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
+});
 
 var BadgeBase = componentbase.ComponentBase.extend({
   defaultProps: {
@@ -281,6 +275,8 @@ var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.fo
 }));
 Badge.displayName = 'Badge';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
@@ -306,6 +302,17 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     _React$useState10 = _slicedToArray(_React$useState9, 2),
     uploadingState = _React$useState10[0],
     setUploadingState = _React$useState10[1];
+  var _FileUploadBase$setMe = FileUploadBase.setMetaData({
+      props: props,
+      state: {
+        progress: progressState,
+        uploading: uploadingState,
+        uploadedFiles: uploadedFilesState,
+        files: filesState,
+        focused: focusedState
+      }
+    }),
+    ptm = _FileUploadBase$setMe.ptm;
   var fileInputRef = React__namespace.useRef(null);
   var messagesRef = React__namespace.useRef(null);
   var contentRef = React__namespace.useRef(null);
@@ -545,20 +552,20 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   var onBlur = function onBlur() {
     setFocusedState(false);
   };
-  var onKeyDown = function onKeyDown(event) {
+  var _onKeyDown = function onKeyDown(event) {
     if (event.which === 13) {
       // enter
       choose();
     }
   };
-  var onDragEnter = function onDragEnter(event) {
+  var _onDragEnter = function onDragEnter(event) {
     if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       event.stopPropagation();
       event.preventDefault();
     }
   };
-  var onDragOver = function onDragOver(event) {
+  var _onDragOver = function onDragOver(event) {
     if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       utils.DomHandler.addClass(contentRef.current, 'p-fileupload-highlight');
@@ -566,13 +573,13 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       event.preventDefault();
     }
   };
-  var onDragLeave = function onDragLeave(event) {
+  var _onDragLeave = function onDragLeave(event) {
     if (!disabled) {
       event.dataTransfer.dropEffect = 'copy';
       utils.DomHandler.removeClass(contentRef.current, 'p-fileupload-highlight');
     }
   };
-  var onDrop = function onDrop(event) {
+  var _onDrop = function onDrop(event) {
     if (props.disabled) {
       return;
     }
@@ -627,71 +634,84 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     var iconClassName = utils.classNames('p-button-icon p-clickable', {
       'p-button-icon-left': !iconOnly
     });
-    var label = iconOnly ? /*#__PURE__*/React__namespace.createElement("span", {
-      className: labelClassName,
+    var chooseButtonLabelProps = utils.mergeProps({
+      className: labelClassName
+    }, ptm('chooseButtonLabel'));
+    var label = iconOnly ? /*#__PURE__*/React__namespace.createElement("span", _extends({}, chooseButtonLabelProps, {
       dangerouslySetInnerHTML: {
         __html: '&nbsp;'
       }
-    }) : /*#__PURE__*/React__namespace.createElement("span", {
-      className: labelClassName
-    }, chooseButtonLabel);
-    var input = /*#__PURE__*/React__namespace.createElement("input", {
+    })) : /*#__PURE__*/React__namespace.createElement("span", chooseButtonLabelProps, chooseButtonLabel);
+    var inputProps = utils.mergeProps({
       ref: fileInputRef,
-      type: "file",
-      onChange: onFileSelect,
+      type: 'file',
+      onChange: function onChange(e) {
+        return onFileSelect(e);
+      },
       multiple: props.multiple,
       accept: props.accept,
       disabled: chooseDisabled
-    });
-    var icon = _icon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, {
-      className: iconClassName
-    });
-    var chooseIcon = utils.IconUtils.getJSXIcon(icon, {
+    }, ptm('input'));
+    var input = /*#__PURE__*/React__namespace.createElement("input", inputProps);
+    var chooseIconProps = utils.mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('chooseIcon'));
+    var icon = _icon || /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, chooseIconProps);
+    var chooseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
       props: props
     });
-    return /*#__PURE__*/React__namespace.createElement("span", {
+    var chooseButtonProps = utils.mergeProps({
       className: chooseClassName,
       style: style,
       onClick: choose,
-      onKeyDown: onKeyDown,
+      onKeyDown: function onKeyDown(e) {
+        return _onKeyDown(e);
+      },
       onFocus: onFocus,
       onBlur: onBlur,
       tabIndex: 0
-    }, input, chooseIcon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    }, ptm('chooseButton'));
+    return /*#__PURE__*/React__namespace.createElement("span", chooseButtonProps, input, chooseIcon, label, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   };
   var onRemoveClick = function onRemoveClick(e, badgeOptions, index) {
     if (badgeOptions.severity === 'warning') remove(e, index);else removeUploadedFiles(e, index);
   };
   var createFile = function createFile(file, index, badgeOptions) {
     var key = file.name + file.type + file.size;
-    var preview = isImage(file) ? /*#__PURE__*/React__namespace.createElement("img", {
-      role: "presentation",
-      className: "p-fileupload-file-thumbnail",
-      alt: file.name,
+    var thumbnailProps = utils.mergeProps({
+      role: 'presentation',
+      className: 'p-fileupload-file-thumbnail',
       src: file.objectURL,
       width: props.previewWidth
-    }) : null;
-    var fileName = /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-fileupload-filename"
-    }, file.name);
-    var size = /*#__PURE__*/React__namespace.createElement("div", null, formatSize(file.size));
-    var contentBody = /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement("div", null, " ", file.name), /*#__PURE__*/React__namespace.createElement("span", null, formatSize(file.size)), /*#__PURE__*/React__namespace.createElement(Badge, {
+    }, ptm('thumbnail'));
+    var preview = isImage(file) ? /*#__PURE__*/React__namespace.createElement("img", _extends({}, thumbnailProps, {
+      alt: file.name
+    })) : null;
+    var detailsProps = utils.mergeProps(ptm('details'));
+    var fileSizeProps = utils.mergeProps(ptm('fileSize'));
+    var fileNameProps = utils.mergeProps({
+      className: 'p-fileupload-filename'
+    }, ptm('fileName'));
+    var actionsProps = utils.mergeProps(ptm('actions'));
+    var fileName = /*#__PURE__*/React__namespace.createElement("div", fileNameProps, file.name);
+    var size = /*#__PURE__*/React__namespace.createElement("div", fileSizeProps, formatSize(file.size));
+    var contentBody = /*#__PURE__*/React__namespace.createElement("div", detailsProps, /*#__PURE__*/React__namespace.createElement("div", fileNameProps, " ", file.name), /*#__PURE__*/React__namespace.createElement("span", fileSizeProps, formatSize(file.size)), /*#__PURE__*/React__namespace.createElement(Badge, {
       className: "p-fileupload-file-badge",
       value: badgeOptions.value,
-      severity: badgeOptions.severity
+      severity: badgeOptions.severity,
+      pt: ptm('badge')
     }));
-    var removeButton = /*#__PURE__*/React__namespace.createElement("div", null, /*#__PURE__*/React__namespace.createElement(button.Button, {
+    var removeButton = /*#__PURE__*/React__namespace.createElement("div", actionsProps, /*#__PURE__*/React__namespace.createElement(button.Button, {
       type: "button",
       icon: props.removeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, null),
       text: true,
       rounded: true,
-      className: "p-button-danger",
+      severity: "danger",
       onClick: function onClick(e) {
         return onRemoveClick(e, badgeOptions, index);
       },
-      disabled: disabled
+      disabled: disabled,
+      pt: ptm('removeButton')
     }));
     var content = /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, preview, contentBody, removeButton);
     if (props.itemTemplate) {
@@ -710,10 +730,11 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       };
       content = utils.ObjectUtils.getJSXElement(props.itemTemplate, file, defaultContentOptions);
     }
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-fileupload-row",
-      key: key
-    }, content);
+    var fileProps = utils.mergeProps({
+      key: key,
+      className: 'p-fileupload-row'
+    }, ptm('file'));
+    return /*#__PURE__*/React__namespace.createElement("div", fileProps, content);
   };
   var createFiles = function createFiles() {
     var badgeOptions = {
@@ -744,11 +765,11 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     }
     return /*#__PURE__*/React__namespace.createElement(progressbar.ProgressBar, {
       value: progressState,
-      showValue: false
+      showValue: false,
+      pt: ptm('progressbar')
     });
   };
   var createAdvanced = function createAdvanced() {
-    var otherProps = FileUploadBase.getOtherProps(props);
     var className = utils.classNames('p-fileupload p-fileupload-advanced p-component', props.className);
     var headerClassName = utils.classNames('p-fileupload-buttonbar', props.headerClassName);
     var contentClassName = utils.classNames('p-fileupload-content', props.contentClassName);
@@ -763,21 +784,19 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       var uploadIconClassName = utils.classNames('p-button-icon p-c', {
         'p-button-icon-left': !uploadOptions.iconOnly
       });
-      var uploadIcon = utils.IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, {
-        className: uploadIconClassName
-      }), {
+      var uploadIconProps = utils.mergeProps({
         className: uploadIconClassName
-      }, {
+      }, ptm('uploadIcon'));
+      var uploadIcon = utils.IconUtils.getJSXIcon(uploadOptions.icon || /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, uploadIconProps), _objectSpread({}, uploadIconProps), {
         props: props
       });
       var cancelIconClassName = utils.classNames('p-button-icon p-c', {
         'p-button-icon-left': !cancelOptions.iconOnly
       });
-      var cancelIcon = utils.IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, {
+      var cancelIconProps = utils.mergeProps({
         className: cancelIconClassName
-      }), {
-        className: cancelIconClassName
-      }, {
+      }, ptm('cancelIcon'));
+      var cancelIcon = utils.IconUtils.getJSXIcon(cancelOptions.icon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, cancelIconProps), _objectSpread({}, cancelIconProps), {
         props: props
       });
       uploadButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
@@ -787,7 +806,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         onClick: upload$1,
         disabled: uploadDisabled,
         style: uploadOptions.style,
-        className: uploadOptions.className
+        className: uploadOptions.className,
+        pt: ptm('uploadButton')
       });
       cancelButton = /*#__PURE__*/React__namespace.createElement(button.Button, {
         type: "button",
@@ -796,7 +816,8 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
         onClick: clear,
         disabled: cancelDisabled,
         style: cancelOptions.style,
-        className: cancelOptions.className
+        className: cancelOptions.className,
+        pt: ptm('cancelButton')
       });
     }
     if (hasFiles) {
@@ -806,10 +827,11 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     if (hasUploadedFiles) {
       uplaodedFilesList = createUploadedFiles();
     }
-    var header = /*#__PURE__*/React__namespace.createElement("div", {
+    var buttonbarProps = utils.mergeProps({
       className: headerClassName,
       style: props.headerStyle
-    }, chooseButton, uploadButton, cancelButton);
+    }, ptm('buttonbar'));
+    var header = /*#__PURE__*/React__namespace.createElement("div", buttonbarProps, chooseButton, uploadButton, cancelButton);
     if (props.headerTemplate) {
       var defaultContentOptions = {
         className: headerClassName,
@@ -821,54 +843,58 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       };
       header = utils.ObjectUtils.getJSXElement(props.headerTemplate, defaultContentOptions);
     }
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), header, /*#__PURE__*/React__namespace.createElement("div", {
+    }, FileUploadBase.getOtherProps(props), ptm('root'));
+    var contentProps = utils.mergeProps({
       ref: contentRef,
       className: contentClassName,
       style: props.contentStyle,
-      onDragEnter: onDragEnter,
-      onDragOver: onDragOver,
-      onDragLeave: onDragLeave,
-      onDrop: onDrop
-    }, progressBar, /*#__PURE__*/React__namespace.createElement(messages.Messages, {
+      onDragEnter: function onDragEnter(e) {
+        return _onDragEnter(e);
+      },
+      onDragOver: function onDragOver(e) {
+        return _onDragOver(e);
+      },
+      onDragLeave: function onDragLeave(e) {
+        return _onDragLeave(e);
+      },
+      onDrop: function onDrop(e) {
+        return _onDrop(e);
+      }
+    }, ptm('content'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, header, /*#__PURE__*/React__namespace.createElement("div", contentProps, progressBar, /*#__PURE__*/React__namespace.createElement(messages.Messages, {
       ref: messagesRef
     }), hasFiles ? filesList : null, hasUploadedFiles ? uplaodedFilesList : null, emptyContent));
   };
   var createBasic = function createBasic() {
     var chooseOptions = props.chooseOptions;
-    var otherProps = FileUploadBase.getOtherProps(props);
     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': disabled,
       'p-focus': focusedState
     }, chooseOptions.className);
-    var iconClassName = utils.classNames('p-button-icon', {
-      'p-button-icon-left': !chooseOptions.iconOnly
-    });
-    var icon = chooseOptions.icon ? chooseOptions.icon : !chooseOptions.icon && (!hasFiles || props.auto) ? /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, {
-      className: iconClassName
-    }) : !chooseOptions.icon && hasFiles && !props.auto && /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, {
-      className: iconClassName
-    });
     var labelClassName = 'p-button-label p-clickable';
-    var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React__namespace.createElement("span", {
-      className: labelClassName,
+    var labelProps = utils.mergeProps({
+      className: labelClassName
+    }, ptm('label'));
+    var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React__namespace.createElement("span", _extends({}, labelProps, {
       dangerouslySetInnerHTML: {
         __html: '&nbsp;'
       }
-    }) : /*#__PURE__*/React__namespace.createElement("span", {
-      className: labelClassName
-    }, chooseButtonLabel);
-    var label = props.auto ? chooseLabel : /*#__PURE__*/React__namespace.createElement("span", {
-      className: labelClassName
-    }, hasFiles ? filesState[0].name : chooseLabel);
-    var chooseIcon = utils.IconUtils.getJSXIcon(icon, {
+    })) : /*#__PURE__*/React__namespace.createElement("span", labelProps, chooseButtonLabel);
+    var label = props.auto ? chooseLabel : /*#__PURE__*/React__namespace.createElement("span", labelProps, hasFiles ? filesState[0].name : chooseLabel);
+    var iconClassName = utils.classNames('p-button-icon', {
+      'p-button-icon-left': !chooseOptions.iconOnly
+    });
+    var chooseIconProps = utils.mergeProps({
       className: iconClassName
-    }, {
+    }, ptm('chooseIcon'));
+    var icon = chooseOptions.icon ? chooseOptions.icon : !chooseOptions.icon && (!hasFiles || props.auto) ? /*#__PURE__*/React__namespace.createElement(plus.PlusIcon, chooseIconProps) : !chooseOptions.icon && hasFiles && !props.auto && /*#__PURE__*/React__namespace.createElement(upload.UploadIcon, chooseIconProps);
+    var chooseIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, chooseIconProps), {
       props: props,
       hasFiles: hasFiles
     });
@@ -880,20 +906,25 @@ var FileUpload = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       disabled: disabled,
       onChange: onFileSelect
     });
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    var rootProps = utils.mergeProps({
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React__namespace.createElement(messages.Messages, {
-      ref: messagesRef
-    }), /*#__PURE__*/React__namespace.createElement("span", {
+    }, FileUploadBase.getOtherProps(props), ptm('root'));
+    var basicButtonProps = utils.mergeProps({
       className: buttonClassName,
       style: chooseOptions.style,
+      tabIndex: 0,
       onMouseUp: onSimpleUploaderClick,
-      onKeyDown: onKeyDown,
+      onKeyDown: function onKeyDown(e) {
+        return _onKeyDown(e);
+      },
       onFocus: onFocus,
-      onBlur: onBlur,
-      tabIndex: 0
-    }, chooseIcon, label, input, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
+      onBlur: onBlur
+    }, FileUploadBase.getOtherProps(props), ptm('basicButton'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(messages.Messages, {
+      ref: messagesRef,
+      pt: ptm('message')
+    }), /*#__PURE__*/React__namespace.createElement("span", basicButtonProps, chooseIcon, label, input, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
   };
   if (props.mode === 'advanced') return createAdvanced();else if (props.mode === 'basic') return createBasic();
 }));