primereact 9.5.0 → 9.6.0

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

package/dropdown/dropdown.d.ts

@@ -10,10 +10,152 @@
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { SelectItemOptionsType } from '../selectitem/selectitem';
+import { TooltipPassThroughOptions } from '../tooltip/tooltip';
 import { TooltipOptions } from '../tooltip/tooltipoptions';
 import { FormEvent } from '../ts-helpers';
-import { IconType } from '../utils';
-import { VirtualScrollerProps } from '../virtualscroller';
+import { IconType, PassThroughType } from '../utils';
+import { VirtualScroller, VirtualScrollerPassThroughOptions, VirtualScrollerProps } from '../virtualscroller';
+
+export declare type DropdownPassThroughType<T> = PassThroughType<T, DropdownPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface DropdownPassThroughMethodOptions {
+    props: DropdownProps;
+    state: DropdownState;
+    context: DropdownContext;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link DropdownProps.pt}
+ */
+export interface DropdownPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: DropdownPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the input's DOM element.
+     */
+    input?: DropdownPassThroughType<React.HTMLAttributes<HTMLInputElement>>;
+    /**
+     * Uses to pass attributes to the clear icon's DOM element.
+     */
+    clearIcon?: DropdownPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the trigger' DOM element.
+     */
+    trigger?: DropdownPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the panel's DOM element.
+     */
+    panel?: DropdownPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the footer's DOM element.
+     */
+    footer?: DropdownPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the header's DOM element.
+     */
+    header?: DropdownPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the filter container's DOM element.
+     */
+    filterContainer?: DropdownPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the filter input's DOM element.
+     */
+    filterInput?: DropdownPassThroughType<React.HTMLAttributes<HTMLInputElement>>;
+    /**
+     * Uses to pass attributes to the filter icon's DOM element.
+     */
+    filterIcon?: DropdownPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the wrapper's DOM element.
+     */
+    wrapper?: DropdownPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the VirtualScroller component.
+     * @see {@link VirtualScrollerPassThroughOptions}
+     */
+    virtualScroller?: VirtualScrollerPassThroughOptions;
+    /**
+     * Uses to pass attributes to the list's DOM element.
+     */
+    list?: DropdownPassThroughType<React.HTMLAttributes<HTMLUListElement>>;
+    /**
+     * Uses to pass attributes to the item group's DOM element.
+     */
+    itemGroup?: DropdownPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the item's DOM element.
+     */
+    item?: DropdownPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the empty message's DOM element.
+     */
+    emptyMessage?: DropdownPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Uses to pass attributes to the select's DOM element.
+     */
+    select?: DropdownPassThroughType<React.HTMLAttributes<HTMLSelectElement>>;
+    /**
+     * Uses to pass attributes to the option's DOM element.
+     */
+    option?: DropdownPassThroughType<React.HTMLAttributes<HTMLOptionElement>>;
+    /**
+     * Uses to pass attributes tooltip's DOM element.
+     * @type {TooltipPassThroughOptions}
+     */
+    tooltip?: TooltipPassThroughOptions;
+    /**
+     * Uses to pass attributes to the hidden selected message's DOM element.
+     */
+    hiddenSelectedMessage?: DropdownPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+}
+
+/**
+ * Defines current inline state in Dropdown component.
+ */
+export interface DropdownState {
+    /**
+     * Current focused state as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+    /**
+     * Current filter state as a string.
+     */
+    filter: string;
+    /**
+     * Current overlay visible state as a boolean.
+     * @defaultValue false
+     */
+    overlayVisible: boolean;
+}
+
+/**
+ * Defines current options in Dropdown component.
+ */
+export interface DropdownContext {
+    /**
+     * Current selection state of the item as a boolean.
+     * @defaultValue false
+     */
+    selected: boolean;
+    /**
+     * Current focus state of the item as a boolean.
+     * @defaultValue false
+     */
+    focused: boolean;
+    /**
+     * Current disabled state of the item as a boolean.
+     * @defaultValue false
+     */
+    disabled: boolean;
+}
 
 /**
  * Custom change event.
@@ -338,6 +480,11 @@ export interface DropdownProps extends Omit<React.DetailedHTMLProps<React.InputH
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {DropdownPassThroughOptions}
+     */
+    pt?: DropdownPassThroughOptions;
 }
 
 /**
@@ -376,4 +523,9 @@ export declare class Dropdown extends React.Component<DropdownProps, any> {
      * @return {HTMLElement} Overlay element
      */
     public getOverlay(): HTMLElement;
+    /**
+     * Used to get the options of inline virtualScroller component.
+     * @return {VirtualScroller} VirtualScroller component
+     */
+    public getVirtualScroller(): VirtualScroller;
 }