primereact 8.7.2 → 9.0.0-beta.1

package/dropdown/dropdown.cjs.min.js

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

package/dropdown/dropdown.d.ts

@@ -1,112 +1,367 @@
+/**
+ *
+ * Dropdown also known as Select, is used to choose an item from a collection of options.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/dropdown/)
+ *
+ * @module dropdown
+ *
+ */
 import * as React from 'react';
-import TooltipOptions from '../tooltip/tooltipoptions';
 import { CSSTransitionProps } from '../csstransition';
-import { VirtualScrollerProps } from '../virtualscroller';
 import { SelectItemOptionsType } from '../selectitem/selectitem';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
+import { FormEvent } from '../ts-helpers';
+import { IconType } from '../utils';
+import { VirtualScrollerProps } from '../virtualscroller';
 
-type DropdownOptionGroupTemplateType = React.ReactNode | ((option: any, index: number) => React.ReactNode);
-
-type DropdownValueTemplateType = React.ReactNode | ((option: any, props: DropdownProps) => React.ReactNode);
-
-type DropdownItemTemplateType = React.ReactNode | ((option: any) => React.ReactNode);
-
-type DropdownFilterTemplateType = React.ReactNode | ((options: DropdownFilterOptions) => React.ReactNode);
-
-type DropdownEmptyMessageType = React.ReactNode | ((props: DropdownProps) => React.ReactNode);
-
-type DropdownEmptyFilterMessageType = React.ReactNode | ((props: DropdownProps) => React.ReactNode);
-
-type DropdownOptionDisabledType = string | ((option: any) => boolean);
-
-type DropdownAppendToType = 'self' | HTMLElement | undefined | null;
-
-interface DropdownChangeTargetOptions {
-    name: string;
-    id: string;
-    value: any;
-}
-
-interface DropdownChangeParams {
-    originalEvent: React.SyntheticEvent;
-    value: any;
-    stopPropagation(): void;
-    preventDefault(): void;
-    target: DropdownChangeTargetOptions;
-}
+/**
+ * Custom change event.
+ * @see {@link DropdownProps.onChange}
+ * @extends {FormEvent}
+ * @event
+ */
+interface DropdownChangeEvent extends FormEvent {}
 
-interface DropdownFilterParams {
+/**
+ * Custom filter event
+ * @see {@link DropdownProps.onFilter}
+ * @event
+ */
+interface DropdownFilterEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Filter value
+     */
     filter: string;
 }
 
+/**
+ * Custom filter options
+ * @see {@link DropdownProps.filterTemplate}
+ * @group Misc
+ */
 interface DropdownFilterOptions {
-    filter?: (event?: KeyboardEvent) => void;
+    /**
+     * Used to filter options
+     * @param {React.KeyboardEvent<HTMLElement>} event - Browser event
+     */
+    filter?: (event?: React.KeyboardEvent<HTMLElement>) => void;
+    /**
+     * Used to reset the filtered options
+     */
     reset?: () => void;
 }
 
+/**
+ * Defines valid properties in Dropdown component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface DropdownProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'onChange' | 'ref'> {
-    id?: string;
-    inputRef?: React.Ref<HTMLSelectElement>;
-    name?: string;
+    /**
+     * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and "self". The "self" value is used to render a component where it is located.
+     * @defaultValue document.body
+     */
+    appendTo?: 'self' | HTMLElement | undefined | null;
+    /**
+     * Used to define a string that labels the component.
+     */
+    ariaLabel?: string | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     */
+    ariaLabelledBy?: string | undefined;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @defaultValue false
+     */
+    autoFocus?: boolean | undefined;
+    /**
+     * Style class of the component.
+     */
+    className?: string | undefined;
+    /**
+     * Icon class of the dropdown icon.
+     * @defaultValue pi pi-times
+     */
+    clearIcon?: IconType<DropdownProps> | undefined;
+    /**
+     * A property to uniquely match the value in options for better performance.
+     */
+    dataKey?: string | undefined;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Icon class of the dropdown icon.
+     * @defaultValue pi pi-chevron-down
+     */
+    dropdownIcon?: IconType<DropdownProps> | undefined;
+    /**
+     * When present, custom value instead of predefined options can be entered using the editable input field.
+     * @defaultValue false
+     */
+    editable?: boolean | undefined;
+    /**
+     * Template to display when filtering does not return any results.
+     * @defaultValue No available options
+     */
+    emptyFilterMessage?: React.ReactNode | ((props: DropdownProps) => React.ReactNode) | undefined;
+    /**
+     * Text to display when there are no options available.
+     * @defaultValue No results found
+     */
+    emptyMessage?: React.ReactNode | ((props: DropdownProps) => React.ReactNode) | undefined;
+    /**
+     * When specified, displays an input field to filter the items on keyup.
+     * @defaultValue false
+     */
+    filter?: boolean | undefined;
+    /**
+     * When filtering is enabled, filterBy decides which field or fields (comma separated) to search against.
+     * @defaultValue label
+     */
+    filterBy?: 'label' | string | undefined;
+    /**
+     * When the panel is opened, it specifies that the filter input should focus automatically.
+     * @defaultValue true
+     */
+    filterInputAutoFocus?: boolean | undefined;
+    /**
+     * Locale to use in filtering. The default locale is the host environment's current locale.
+     */
+    filterLocale?: string | undefined;
+    /**
+     * Defines how the items are filtered.
+     * @defaultValue contains
+     */
+    filterMatchMode?: 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals' | undefined;
+    /**
+     * Placeholder text to show when filter input is empty.
+     */
+    filterPlaceholder?: string | undefined;
+    /**
+     * The template of filter element.
+     */
+    filterTemplate?: React.ReactNode | ((options: DropdownFilterOptions) => React.ReactNode) | undefined;
+    /**
+     * Reference of the focusable input element.
+     */
+    focusInputRef?: React.Ref<HTMLInputElement> | undefined;
+    /**
+     * Unique identifier of the element.
+     */
+    id?: string | undefined;
+    /**
+     * Identifier of the focusable input.
+     */
+    inputId?: string | undefined;
+    /**
+     * Reference of the input element.
+     */
+    inputRef?: React.Ref<HTMLSelectElement> | undefined;
+    /**
+     * The template of items.
+     */
+    itemTemplate?: React.ReactNode | ((option: any) => React.ReactNode) | undefined;
+    /**
+     * Maximum number of characters to be typed on an editable input.
+     */
+    maxLength?: number | undefined;
+    /**
+     * Name of the input element.
+     */
+    name?: string | undefined;
+    /**
+     * Property name or getter function to use as the disabled flag of an option, defaults to false when not defined.
+     */
+    optionDisabled?: string | ((option: any) => boolean) | undefined;
+    /**
+     * Property name or getter function that refers to the children options of option group.
+     */
+    optionGroupChildren?: string | undefined;
+    /**
+     * Property name or getter function to use as the label of an option group.
+     */
+    optionGroupLabel?: string | undefined;
+    /**
+     * Template of an option group item.
+     */
+    optionGroupTemplate?: React.ReactNode | ((option: any, index: number) => React.ReactNode) | undefined;
+    /**
+     * Name of the label field of an option when arbitrary objects are used as options instead of SelectItems.
+     */
+    optionLabel?: string | undefined;
+    /**
+     * Name of the value field of an option when arbitrary objects are used as options instead of SelectItems.
+     */
+    optionValue?: string | undefined;
+    /**
+     * An array of selectitems to display as the available options.
+     * @type {SelectItemOptionsType}
+     */
+    options?: SelectItemOptionsType | undefined;
+    /**
+     * Style class of the overlay panel element.
+     */
+    panelClassName?: string | undefined;
+    /**
+     * Inline style of the overlay panel element.
+     */
+    panelStyle?: React.CSSProperties | undefined;
+    /**
+     * Default text to display when no option is selected.
+     */
+    placeholder?: string | undefined;
+    /**
+     * When present, it specifies that an input field must be filled out before submitting the form.
+     * @defaultValue false
+     */
+    required?: boolean | undefined;
+    /**
+     * Clears the filter value when hiding the dropdown.
+     * @defaultValue false
+     */
+    resetFilterOnHide?: boolean | undefined;
+    /**
+     * Height of the viewport in pixels, a scrollbar is defined if height of list exceeds this value.
+     * @defaultValue 200px
+     */
+    scrollHeight?: string | undefined;
+    /**
+     * When enabled, a clear icon is displayed to clear the value.
+     * @defaultValue false
+     */
+    showClear?: boolean | undefined;
+    /**
+     * When enabled, a clear icon is displayed to clear the filtered value.
+     * @defaultValue false
+     */
+    showFilterClear?: boolean | undefined;
+    /**
+     * When enabled, overlay panel will be visible with input focus.
+     * @defaultValue false
+     */
+    showOnFocus?: boolean | undefined;
+    /**
+     * Inline style of the element.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * Index of the element in tabbing order.
+     */
+    tabIndex?: number | undefined;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     * @type {TooltipOptions}
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     * @type {CSSTransitionProps}
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Value of the component.
+     */
     value?: any;
-    options?: SelectItemOptionsType;
-    optionLabel?: string;
-    optionValue?: string;
-    optionDisabled?: DropdownOptionDisabledType;
-    optionGroupLabel?: string;
-    optionGroupChildren?: string;
-    optionGroupTemplate?: DropdownOptionGroupTemplateType;
-    valueTemplate?: DropdownValueTemplateType;
-    filterTemplate?: DropdownFilterTemplateType;
-    itemTemplate?: DropdownItemTemplateType;
-    style?: React.CSSProperties;
-    className?: string;
-    virtualScrollerOptions?: VirtualScrollerProps;
-    scrollHeight?: string;
-    filter?: boolean;
-    filterBy?: string;
-    filterMatchMode?: string;
-    filterPlaceholder?: string;
-    filterLocale?: string;
-    emptyMessage?: DropdownEmptyMessageType;
-    emptyFilterMessage?: DropdownEmptyFilterMessageType;
-    editable?: boolean;
-    placeholder?: string;
-    required?: boolean;
-    disabled?: boolean;
-    appendTo?: DropdownAppendToType;
-    tabIndex?: number;
-    autoFocus?: boolean;
-    filterInputAutoFocus?: boolean;
-    resetFilterOnHide?: boolean;
-    showFilterClear?: boolean;
-    panelClassName?: string;
-    panelStyle?: React.CSSProperties;
-    dataKey?: string;
-    inputId?: string;
-    showClear?: boolean;
-    maxLength?: number;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    ariaLabel?: string;
-    ariaLabelledBy?: string;
-    transitionOptions?: CSSTransitionProps;
-    dropdownIcon?: string;
-    showOnFocus?: boolean;
-    onChange?(e: DropdownChangeParams): void;
+    /**
+     * The template of selected item.
+     */
+    valueTemplate?: React.ReactNode | ((option: any, props: DropdownProps) => React.ReactNode) | undefined;
+    /**
+     * Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it.
+     * @type {VirtualScrollerProps}
+     */
+    virtualScrollerOptions?: VirtualScrollerProps | undefined;
+    /**
+     * Callback to invoke on value change
+     * @param {DropdownChangeEvent} event - Custom change event
+     */
+    onChange?(event: DropdownChangeEvent): void;
+    /**
+     * Callback to invoke when the element receives focus.
+     * @param {React.FocusEvent<HTMLInputElement>} event - Browser event
+     */
     onFocus?(event: React.FocusEvent<HTMLInputElement>): void;
+    /**
+     * Callback to invoke when the element loses focus.
+     * @param {React.FocusEvent<HTMLInputElement>} event - Browser event
+     */
     onBlur?(event: React.FocusEvent<HTMLInputElement>): void;
+    /**
+     * Callback to invoke to when a mouse button is pressed.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event
+     */
     onMouseDown?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Callback to invoke on right-click.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event
+     */
     onContextMenu?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Callback to invoke when the overlay is shown.
+     */
     onShow?(): void;
+    /**
+     * Callback to invoke when the overlay is hidden.
+     */
     onHide?(): void;
-    onFilter?(e: DropdownFilterParams): void;
-    children?: React.ReactNode;
+    /**
+     * Callback to invoke when the value is filtered.
+     * @param {DropdownFilterEvent} event - Custom filter event
+     */
+    onFilter?(event: DropdownFilterEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Dropdown**
+ *
+ * _Dropdown also known as Select, is used to choose an item from a collection of options._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/dropdown/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Dropdown extends React.Component<DropdownProps, any> {
+    /**
+     * Used to focus the component.
+     */
+    public focus(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to get input element.
+     * @return {HTMLInputElement} Input element
+     */
     public getInput(): HTMLInputElement;
+    /**
+     * Used to get focusable input element.
+     * @return {HTMLInputElement} Input element
+     */
     public getFocusInput(): HTMLInputElement;
+    /**
+     * Used to get overlay element.
+     * @return {HTMLElement} Overlay element
+     */
     public getOverlay(): HTMLElement;
 }