primereact
Version:
PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime
2 lines (1 loc) • 33.3 kB
JavaScript
import*as e from"react";import n,{PrimeReactContext as t,ariaLabel as r,localeOption as o,FilterService as l}from"primereact/api";import{ComponentBase as i,useHandleStyle as a}from"primereact/componentbase";import{useMergeProps as u,useDebounce as c,useOverlayListener as p,useMountEffect as s,useUpdateEffect as d,useUnmountEffect as f}from"primereact/hooks";import{ChevronDownIcon as m}from"primereact/icons/chevrondown";import{ChevronUpIcon as v}from"primereact/icons/chevronup";import{SpinnerIcon as b}from"primereact/icons/spinner";import{TimesIcon as g}from"primereact/icons/times";import{OverlayService as h}from"primereact/overlayservice";import{Tooltip as y}from"primereact/tooltip";import{classNames as w,ObjectUtils as O,DomHandler as I,IconUtils as E,ZIndexUtils as x}from"primereact/utils";import{CSSTransition as S}from"primereact/csstransition";import{SearchIcon as D}from"primereact/icons/search";import{Portal as F}from"primereact/portal";import{VirtualScroller as k}from"primereact/virtualscroller";import{Ripple as C}from"primereact/ripple";import{CheckIcon as L}from"primereact/icons/check";import{IconBase as N}from"primereact/iconbase";function P(){return P=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},P.apply(null,arguments)}function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function T(e,n){if("object"!=j(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function R(e){var n=T(e,"string");return"symbol"==j(n)?n:n+""}function M(e,n,t){return(n=R(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function A(e){if(Array.isArray(e))return e}function G(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=l.call(t)).done)&&(a.push(r.value),a.length!==n);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function K(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function V(e,n){if(e){if("string"==typeof e)return K(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?K(e,n):void 0}}function H(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function B(e,n){return A(e)||G(e,n)||V(e,n)||H()}function _(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function J(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?_(Object(t),!0).forEach((function(n){M(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):_(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var X=i.extend({defaultProps:{__TYPE:"Dropdown",__parentMetadata:null,appendTo:null,ariaLabel:null,ariaLabelledBy:null,autoFocus:!1,autoOptionFocus:!1,checkmark:!1,children:void 0,className:null,clearIcon:null,collapseIcon:null,dataKey:null,disabled:!1,dropdownIcon:null,editable:!1,emptyFilterMessage:null,emptyMessage:null,filter:!1,filterBy:null,filterClearIcon:null,filterDelay:300,filterIcon:null,filterInputAutoFocus:!1,filterLocale:void 0,filterMatchMode:"contains",filterPlaceholder:null,filterTemplate:null,focusInputRef:null,focusOnHover:!0,highlightOnSelect:!0,id:null,inputId:null,inputRef:null,invalid:!1,itemTemplate:null,loading:!1,loadingIcon:null,maxLength:null,name:null,onBlur:null,onChange:null,onClick:null,onContextMenu:null,onFilter:null,onFocus:null,onHide:null,onMouseDown:null,onShow:null,optionDisabled:null,optionGroupChildren:"items",optionGroupLabel:null,optionGroupTemplate:null,optionLabel:null,options:null,optionValue:null,panelClassName:null,panelFooterTemplate:null,panelStyle:null,placeholder:null,required:!1,resetFilterOnHide:!1,scrollHeight:"200px",selectOnFocus:!1,showClear:!1,showFilterClear:!1,showOnFocus:!1,style:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,useOptionAsValue:!1,value:null,valueTemplate:null,variant:null,virtualScrollerOptions:null},css:{classes:{root:function(e){var n=e.props,t=e.focusedState,r=e.overlayVisibleState,o=e.context;return w("p-dropdown p-component p-inputwrapper",{"p-disabled":n.disabled,"p-invalid":n.invalid,"p-focus":t,"p-variant-filled":n.variant?"filled"===n.variant:o&&"filled"===o.inputStyle,"p-dropdown-clearable":n.showClear&&!n.disabled,"p-inputwrapper-filled":O.isNotEmpty(n.value),"p-inputwrapper-focus":t||r})},input:function(e){var n=e.props,t=e.label;return n.editable?"p-dropdown-label p-inputtext":w("p-dropdown-label p-inputtext",{"p-placeholder":null===t&&n.placeholder,"p-dropdown-label-empty":null===t&&!n.placeholder})},trigger:"p-dropdown-trigger",emptyMessage:"p-dropdown-empty-message",itemGroup:function(e){var n=e.optionGroupLabel;return w("p-dropdown-item-group",{"p-dropdown-item-empty":!n||0===n.length})},itemGroupLabel:"p-dropdown-item-group-label",dropdownIcon:"p-dropdown-trigger-icon p-clickable",loadingIcon:"p-dropdown-trigger-icon p-clickable",clearIcon:"p-dropdown-clear-icon p-clickable",filterIcon:"p-dropdown-filter-icon",filterClearIcon:"p-dropdown-filter-clear-icon",filterContainer:function(e){return w("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!e.clearIcon})},filterInput:function(e){var n=e.props,t=e.context;return w("p-dropdown-filter p-inputtext p-component",{"p-variant-filled":n.variant?"filled"===n.variant:t&&"filled"===t.inputStyle})},list:function(e){return"p-dropdown-items"},panel:function(e){var t=e.context;return w("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},item:function(e){var n=e.label;return w("p-dropdown-item",{"p-highlight":e.selected&&e.highlightOnSelect,"p-disabled":e.disabled,"p-focus":e.index===e.focusedOptionIndex,"p-dropdown-item-empty":!n||0===n.length})},itemLabel:"p-dropdown-item-label",checkIcon:"p-dropdown-check-icon",blankIcon:"p-dropdown-blank-icon",wrapper:"p-dropdown-items-wrapper",header:"p-dropdown-header",footer:"p-dropdown-footer",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n .p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n }\n \n .p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n \n .p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n }\n \n .p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n }\n \n input.p-dropdown-label {\n cursor: default;\n }\n \n .p-dropdown .p-dropdown-panel {\n min-width: 100%;\n }\n \n .p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n }\n \n .p-dropdown-items-wrapper {\n overflow: auto;\n }\n \n .p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n }\n \n .p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n \n .p-dropdown-filter {\n width: 100%;\n }\n \n .p-dropdown-filter-container {\n position: relative;\n }\n \n .p-dropdown-clear-icon,\n .p-dropdown-filter-icon,\n .p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -.5rem;\n right: 2rem;\n }\n \n .p-fluid .p-dropdown {\n display: flex;\n }\n \n .p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n }\n}\n",inlineStyles:{wrapper:function(e){return{maxHeight:e.props.scrollHeight||"auto"}},panel:function(e){return J({},e.props.panelStyle)}}}}),z=e.memo(e.forwardRef((function(n,t){var r=N.getPTI(n);return e.createElement("svg",P({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},r),e.createElement("rect",{width:"1",height:"1",fill:"currentColor",fillOpacity:"0"}))})));z.displayName="BlankIcon";var U=e.memo((function(n){var t=u(),r=n.ptm,o=n.cx,l=n.selected,i=n.disabled,a=n.option,c=n.label,p=n.index,s=n.focusedOptionIndex,d=n.ariaSetSize,f=n.checkmark,m=n.highlightOnSelect,v=n.onInputKeyDown,b=function(e){return r(e,{context:{selected:l,disabled:i,focused:p===s}})},g=n.template?O.getJSXElement(n.template,n.option):n.label,h=t({id:"dropdownItem_".concat(p),role:"option",className:w(a.className,o("item",{selected:l,disabled:i,label:c,index:p,focusedOptionIndex:s,highlightOnSelect:m})),style:n.style,tabIndex:0,onClick:function(e){return t=e,void(n.onClick&&n.onClick({originalEvent:t,option:a}));var t},onKeyDown:function(e){return v(e)},onMouseMove:function(e){return null==n?void 0:n.onMouseMove(e,p)},"aria-setsize":d,"aria-posinset":p+1,"aria-label":c,"aria-selected":l,"data-p-highlight":l,"data-p-focused":s===p,"data-p-disabled":i},b("item")),y=t({className:o("itemLabel")},b("itemLabel"));return e.createElement("li",P({key:n.label},h),f&&function(){if(l){var n=t({className:o("checkIcon")},b("checkIcon"));return e.createElement(L,n)}var r=t({className:o("blankIcon")},b("blankIcon"));return e.createElement(z,r)}(),e.createElement("span",y,g),e.createElement(C,null))}));function q(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function W(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?q(Object(t),!0).forEach((function(n){M(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}U.displayName="DropdownItem";var Z=e.memo(e.forwardRef((function(n,l){var i,a,c,p,s,d=u(),f=n.ptm,m=n.cx,v=n.sx,b=e.useContext(t),h=e.useRef(null),y=!(n.visibleOptions&&n.visibleOptions.length)&&n.hasFilter,x=n.visibleOptions?n.visibleOptions.length:0,C={filter:function(e){return T(e)},reset:function(){return n.resetFilter()}},L=function(e,t){return f(e,W({hostName:n.hostName},t))},N=function(){n.onEnter((function(){if(n.virtualScrollerRef.current){var e=n.getSelectedOptionIndex();-1!==e&&setTimeout((function(){return n.virtualScrollerRef.current.scrollToIndex(e)}),0)}}))},j=function(){n.onEntered((function(){n.filter&&n.filterInputAutoFocus&&I.focus(h.current,!1)}))},T=function(e){n.onFilterInputChange&&n.onFilterInputChange(e)},R=function(){if(n.panelFooterTemplate){var t=O.getJSXElement(n.panelFooterTemplate,n,n.onOverlayHide),r=d({className:m("footer")},L("footer"));return e.createElement("div",r,t)}return null},M=function(e,t){var r;n.focusOnHover&&(null==n||null===(r=n.changeFocusedOptionIndex)||void 0===r||r.call(n,e,t))},A=function(t,r){var l=O.getJSXElement(t,n)||o(r?"emptyFilterMessage":"emptyMessage"),i=d({className:m("emptyMessage")},L("emptyMessage"));return e.createElement("li",i,l)},G=function(t,r){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},l={height:o.props?o.props.itemSize:void 0};if(l=W(W({},l),t.style),t.group&&n.optionGroupLabel){var i=n.optionGroupLabel,a=n.optionGroupTemplate?O.getJSXElement(n.optionGroupTemplate,t,r):n.getOptionGroupLabel(t),u=r+"_"+n.getOptionGroupRenderKey(t),c=d({className:m("itemGroup",{optionGroupLabel:i}),style:l,"data-p-highlight":n.selected},L("itemGroup")),p=d({className:m("itemGroupLabel")},L("itemGroupLabel"));return e.createElement("li",P({key:u},c),e.createElement("span",p,a))}var s=n.getOptionRenderKey(t)+"_"+r,v=n.getOptionLabel(t),b=n.isOptionDisabled(t);return e.createElement(U,{key:s,label:v,index:r,focusedOptionIndex:n.focusedOptionIndex,option:t,ariaSetSize:x,onInputKeyDown:n.onInputKeyDown,style:l,template:n.itemTemplate,selected:n.isSelected(t),highlightOnSelect:n.highlightOnSelect,disabled:b,onClick:n.onOptionClick,onMouseMove:M,ptm:f,cx:m,checkmark:n.checkmark})},K=function(){if(n.showFilterClear&&n.filterValue){var t=o("clear"),r=d({className:m("filterClearIcon"),"aria-label":t,onClick:function(){return n.onFilterClearIconClick((function(){return I.focus(h.current)}))}},L("filterClearIcon"));return E.getJSXIcon(n.filterClearIcon||e.createElement(g,r),W({},r),{props:n})}return null},V=function(){if(n.filter){var t=K(),r=d({className:m("filterIcon")},L("filterIcon")),o=E.getJSXIcon(n.filterIcon||e.createElement(D,r),W({},r),{props:n}),l=d({className:m("filterContainer",{clearIcon:t})},L("filterContainer")),i=d({ref:h,type:"text",autoComplete:"off",className:m("filterInput",{context:b}),placeholder:n.filterPlaceholder,onKeyDown:n.onFilterInputKeyDown,onChange:function(e){return T(e)},value:n.filterValue},L("filterInput")),a=e.createElement("div",l,e.createElement("input",i),t,o);if(n.filterTemplate){var u={className:w("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:a,filterOptions:C,filterInputKeyDown:n.onFilterInputKeyDown,filterInputChange:T,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:n};a=O.getJSXElement(n.filterTemplate,u)}var c=d({className:m("header")},L("header"));return e.createElement("div",c,a)}return null},H=function(){if(n.virtualScrollerOptions){var t=W(W({},n.virtualScrollerOptions),{style:W(W({},n.virtualScrollerOptions.style),{height:n.scrollHeight}),className:w("p-dropdown-items-wrapper",n.virtualScrollerOptions.className),items:n.visibleOptions,autoSize:!0,onLazyLoad:function(e){return n.virtualScrollerOptions.onLazyLoad(W(W({},e),{filter:n.filterValue}))},itemTemplate:function(e,n){return e&&G(e,n.index,n)},contentTemplate:function(t){var o=t.children||[],l=y||0===(null==o?void 0:o.length)?A(n.hasFilter?n.emptyFilterMessage:n.emptyMessage):o,i=d({ref:t.contentRef,style:t.style,className:w(t.className,m("list",{virtualScrollerProps:n.virtualScrollerOptions})),role:"listbox","aria-label":r("listLabel")},L("list"));return e.createElement("ul",i,l)}});return e.createElement(k,P({ref:n.virtualScrollerRef},t,{pt:f("virtualScroller")}))}var o=O.isNotEmpty(n.visibleOptions)?n.visibleOptions.map(G):n.hasFilter?A(n.emptyFilterMessage,!0):A(n.emptyMessage),l=d({className:m("wrapper"),style:v("wrapper")},L("wrapper")),i=d({className:m("list"),role:"listbox","aria-label":r("listLabel")},L("list"));return e.createElement("div",l,e.createElement("ul",i,o))},B=(i=V(),a=H(),c=R(),p=d({className:w(n.panelClassName,m("panel",{context:b})),style:v("panel"),onClick:n.onClick,"data-pr-is-overlay":!0},L("panel")),s=d({classNames:m("transition"),in:n.in,timeout:{enter:120,exit:100},options:n.transitionOptions,unmountOnExit:!0,onEnter:N,onEntered:j,onExit:n.onExit,onExited:n.onExited},L("transition")),e.createElement(S,P({nodeRef:l},s),e.createElement("div",P({ref:l},p),n.firstFocusableElement,i,a,c,n.lastFocusableElement)));return e.createElement(F,{element:B,appendTo:n.appendTo})})));function $(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=Y(e))||n&&e&&"number"==typeof e.length){t&&(e=t);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(){t=t.call(e)},n:function(){var e=t.next();return i=e.done,e},e:function(e){a=!0,l=e},f:function(){try{i||null==t.return||t.return()}finally{if(a)throw l}}}}function Y(e,n){if(e){if("string"==typeof e)return Q(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Q(e,n):void 0}}function Q(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function ee(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function ne(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ee(Object(t),!0).forEach((function(n){M(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ee(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}Z.displayName="DropdownPanel";var te=e.memo(e.forwardRef((function(r,i){var S=u(),D=e.useContext(t),F=X.getProps(r,D),k=B(c("",F.filterDelay||0),3),C=k[0],L=k[1],N=k[2],T=B(e.useState(!1),2),R=T[0],A=T[1],G=B(e.useState(-1),2),K=G[0],V=G[1],H=B(e.useState(!1),2),_=H[0],J=H[1],z=e.useRef(!1),U=e.useRef(null),q=e.useRef(null),W=e.useRef(null),Y=e.useRef(null),Q=e.useRef(F.inputRef),ee=e.useRef(F.focusInputRef),te=e.useRef(null),re=e.useRef(null),oe=e.useRef(null),le=F.virtualScrollerOptions&&F.virtualScrollerOptions.lazy,ie=O.isNotEmpty(L),ae=F.appendTo||D&&D.appendTo||n.appendTo,ue=X.setMetaData(ne(ne({props:F},F.__parentMetadata),{},{state:{filter:L,focused:R,overlayVisible:_}})),ce=ue.ptm,pe=ue.cx,se=ue.sx;a(X.css.styles,ue.isUnstyled,{name:"dropdown"});var de=B(p({target:U,overlay:q,listener:function(e,n){n.valid&&("outside"===n.type?be(e)||nn():D.hideOverlaysOnDocumentScrolling?nn():I.isDocument(e.target)||tn())},when:_}),2),fe=de[0],me=de[1],ve=function(e){return(e||[]).reduce((function(e,n,t){e.push(ne(ne({},n),{},{group:!0,index:t}));var r=pn(n);return r&&r.forEach((function(n){return e.push(n)})),e}),[])},be=function(e){return I.isAttributeEquals(e.target,"data-pc-section","clearicon")||I.isAttributeEquals(e.target.parentElement||e.target,"data-pc-section","filterclearicon")},ge=function(e){F.showOnFocus&&!_&&en(),A(!0),F.onFocus&&F.onFocus(e)},he=function(e){A(!1),F.onBlur&&setTimeout((function(){var n=Q.current?Q.current.value:void 0;F.onBlur({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:F.name,id:F.id,value:n}})}),200)},ye=function(e,n){var t=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];We({originalEvent:e,option:n}),t&&(nn(),I.focus(ee.current))},we=function(e){if(F.disabled)e.preventDefault();else{switch(I.isAndroid()?e.key:e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":je(e);break;case"ArrowLeft":case"ArrowRight":Te(e,F.editable);break;case"Home":Re(e);break;case"End":Me(e);break;case"PageDown":Ge(e);break;case"PageUp":Ae(e);break;case"Space":Ke(e,F.editable);break;case"NumpadEnter":case"Enter":Ve(e);break;case"Escape":He(e);break;case"Tab":Be(e);break;case"Backspace":_e(e,F.editable);break;case"ShiftLeft":case"ShiftRight":break;default:!(e.metaKey||e.ctrlKey||e.altKey)&&O.isPrintableCharacter(e.key)&&(!_&&!F.editable&&en(),!F.editable&&Fe(e,e.key))}z.current=!1}},Oe=function(e){var n;return Ie(e)&&(null===(n=ln(e))||void 0===n?void 0:n.toLocaleLowerCase(F.filterLocale).startsWith(oe.current.toLocaleLowerCase(F.filterLocale)))},Ie=function(e){return O.isNotEmpty(e)&&!(cn(e)||un(e))},Ee=function(){return O.isNotEmpty(F.value)},xe=function(e){return Ie(e)&&Qe(e)},Se=function(){return Ee?mn.findIndex((function(e){return xe(e)})):-1},De=function(){var e=Se();return e<0?ke():e},Fe=function(e,n){oe.current=(oe.current||"")+n;var t=-1,r=!1;return O.isNotEmpty(oe.current)&&(-1!==(t=-1!==K?-1===(t=mn.slice(K).findIndex((function(e){return Oe(e)})))?mn.slice(0,K).findIndex((function(e){return Oe(e)})):t+K:mn.findIndex((function(e){return Oe(e)})))&&(r=!0),-1===t&&-1===K&&(t=De()),-1!==t&&Le(e,t)),re.current&&clearTimeout(re.current),re.current=setTimeout((function(){oe.current="",re.current=null}),500),r},ke=function(){return mn.findIndex((function(e){return Ie(e)}))},Ce=function(){return O.findLastIndex(mn,(function(e){return Ie(e)}))},Le=function(e,n){K!==n&&(V(n),Ne(n),F.selectOnFocus&&ye(e,mn[n],!1))},Ne=function(e){var n=I.findSingle(q.current,'li[id="dropdownItem_'.concat(e,'"]'));n&&n.focus()},Pe=function(e){if(_){var n=-1!==K?(r=(t=K)<mn.length-1?mn.slice(t+1).findIndex((function(e){return Ie(e)})):-1)>-1?r+t+1:t:z.current?ke():De();Le(e,n)}else en(),F.editable&&Le(e,Se());var t,r;e.preventDefault()},je=function(e){var n,t,r;if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==K&&ye(e,mn[K]),state.overlayVisible&&nn(),e.preventDefault();else{var o=-1!==K?(r=(t=K)>0?O.findLastIndex(mn.slice(0,t),(function(e){return Ie(e)})):-1)>-1?r:t:z.current?Ce():(n=Se())<0?Ce():n;Le(e,o),!_&&en(),e.preventDefault()}},Te=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]&&V(-1)},Re=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]?(e.currentTarget.setSelectionRange(0,0),V(-1)):(Le(e,ke()),!_&&en()),e.preventDefault()},Me=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var n=e.currentTarget,t=n.value.length;n.setSelectionRange(t,t),V(-1)}else Le(e,Ce()),!_&&en();e.preventDefault()},Ae=function(e){e.preventDefault()},Ge=function(e){e.preventDefault()},Ke=function(e){!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])&&Ve(e)},Ve=function(e){if(e.preventDefault(),_){if(-1===K)return;var n=mn[K],t=an(n);if(null==t||null==t)return nn(),Ue(),void on(vn);ye(e,n)}else V(-1),Pe(e)},He=function(e){_&&nn(),e.preventDefault()},Be=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(!_||I.getFocusableElements(q.current,':not([data-p-hidden-focusable="true"])').length>0?(-1!==K&&ye(e,mn[K]),_&&nn()):(I.focus(W.current),e.preventDefault()))},_e=function(e){e&&(arguments.length>1&&void 0!==arguments[1]&&arguments[1])&&!_&&en()},Je=function(e,n){if(!n||null==e||!e.length)return-1;var t=n.toLocaleLowerCase(),r=e.findIndex((function(e){return ln(e).toLocaleLowerCase()===t}));return-1!==r?r:e.findIndex((function(e){return ln(e).toLocaleLowerCase().startsWith(t)}))},Xe=function(e){!_&&en();var n=null;e.target.value&&mn&&(n=Je(mn,e.target.value)),V(n),F.onChange&&F.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:F.name,id:F.id,value:e.target.value}})},ze=function(e){A(!0),nn(),F.onFocus&&F.onFocus(e)},Ue=function(e){N(""),F.onFilter&&F.onFilter({filter:""}),e&&e()},qe=function(e){F.onChange&&F.onChange({originalEvent:e,value:void 0,stopPropagation:function(){null==e||e.stopPropagation()},preventDefault:function(){null==e||e.preventDefault()},target:{name:F.name,id:F.id,value:void 0}}),F.filter&&Ue(),on(),V(-1)},We=function(e){if(vn!==e.option){on(e.option),V(-1);var n=an(e.option),t=Ye(e.option,mn);F.onChange&&F.onChange({originalEvent:e.originalEvent,value:n,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:F.name,id:F.id,value:n}}),Le(e.originalEvent,t)}},Ze=function(e){if(e=e||mn){if(!F.optionGroupLabel)return Ye(F.value,e);for(var n=0;n<e.length;n++){var t=Ye(F.value,pn(e[n]));if(-1!==t)return{group:n,option:t}}}return-1},$e=function(){return F.optionValue?null:F.dataKey},Ye=function(e,n){var t=$e();return n.findIndex((function(n){return O.equals(e,an(n),t)}))},Qe=function(e){return O.equals(F.value,an(e),$e())},en=function(){V(-1!==K?K:F.autoOptionFocus?De():F.editable?-1:Se()),J(!0)},nn=function(){J(!1),z.current=!1},tn=function(){I.alignOverlay(q.current,Q.current.parentElement,F.appendTo||D&&D.appendTo||n.appendTo)},rn=function(){var e=I.findSingle(q.current,'li[data-p-focused="true"]');if(e&&e.scrollIntoView)e.scrollIntoView({block:"nearest",inline:"nearest"});else{var n=I.findSingle(q.current,'li[data-p-highlight="true"]');n&&n.scrollIntoView&&n.scrollIntoView({block:"nearest",inline:"nearest"})}},on=function(e){Q.current&&(Q.current.value=e?ln(e):F.value||"",ee.current&&(ee.current.value=Q.current.value))},ln=function(e){if(O.isScalar(e))return"".concat(e);var n=F.optionLabel?O.resolveFieldData(e,F.optionLabel):e.label;return"".concat(n)},an=function(e){if(F.useOptionAsValue)return e;var n=F.optionValue?O.resolveFieldData(e,F.optionValue):e?e.value:O.resolveFieldData(e,"value");return F.optionValue||O.isNotEmpty(n)?n:e},un=function(e){return F.optionGroupLabel&&e.group},cn=function(e){return F.optionDisabled?O.isFunction(F.optionDisabled)?F.optionDisabled(e):O.resolveFieldData(e,F.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},pn=function(e){return O.resolveFieldData(e,F.optionGroupChildren)},sn=function(){if(F.editable&&Q.current){var e=(vn?ln(vn):null)||F.value||"";Q.current.value=e,ee.current&&(ee.current.value=e)}};e.useImperativeHandle(i,(function(){return{props:F,show:en,hide:nn,clear:qe,focus:function(){return I.focus(ee.current)},getElement:function(){return U.current},getOverlay:function(){return q.current},getInput:function(){return Q.current},getFocusInput:function(){return ee.current},getVirtualScroller:function(){return te.current}}})),e.useEffect((function(){O.combinedRefs(Q,F.inputRef),O.combinedRefs(ee,F.focusInputRef)}),[Q,F.inputRef,ee,F.focusInputRef]),s((function(){F.autoFocus&&I.focus(ee.current,F.autoFocus),tn()})),d((function(){_&&(F.value||K>=0)&&rn()}),[_,F.value,K]),d((function(){_&&L&&F.filter&&tn()}),[_,L,F.filter]),d((function(){te.current&&te.current.scrollInView(0)}),[L]),d((function(){sn(),Q.current&&(Q.current.selectedIndex=1)})),f((function(){x.clear(q.current)}));var dn,fn=function(e){"Enter"!==e.key&&"Space"!==e.code||(qe(e),e.preventDefault())},mn=function(){var e=F.optionGroupLabel?ve(F.options):F.options;if(ie&&!le){var n=L.trim().toLocaleLowerCase(F.filterLocale),t=F.filterBy?F.filterBy.split(","):[F.optionLabel||"label"];if(F.optionGroupLabel){var r,o=[],i=$(F.options);try{for(i.s();!(r=i.n()).done;){var a=r.value,u=l.filter(pn(a),t,n,F.filterMatchMode,F.filterLocale);u&&u.length&&o.push(ne(ne({},a),M({},"".concat(F.optionGroupChildren),u)))}}catch(e){i.e(e)}finally{i.f()}return ve(o)}return l.filter(e,t,n,F.filterMatchMode,F.filterLocale)}return e}(),vn=-1!==(dn=Ze(F.options))?F.optionGroupLabel?pn(F.options[dn.group])[dn.option]:F.options[dn]:null,bn=O.isNotEmpty(F.tooltip),gn=X.getOtherProps(F),hn=O.reduceKeys(gn,I.ARIA_PROPS),yn=function(){var n={value:"",label:F.placeholder};if(vn){var t=an(vn);n={value:"object"===j(t)?F.options.findIndex((function(e){return e===t})):t,label:ln(vn)}}var r=S({className:"p-hidden-accessible p-dropdown-hidden-select"},ce("hiddenSelectedMessage")),o=S({ref:Q,required:F.required,defaultValue:n.value,name:F.name,tabIndex:-1},ce("select")),l=S({value:n.value},ce("option"));return e.createElement("div",r,e.createElement("select",o,e.createElement("option",l,n.label)))}(),wn=function(){var n=O.isNotEmpty(vn)?ln(vn):null;F.editable&&(n=n||F.value||"");var t=S({className:"p-hidden-accessible"},ce("hiddenSelectedMessage")),r=S(ne({ref:ee,id:F.inputId,defaultValue:n,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:ge,onBlur:he,onKeyDown:we,disabled:F.disabled,tabIndex:F.disabled?-1:F.tabIndex||0},hn),ce("input"));return e.createElement("div",t,e.createElement("input",r))}(),On=function(){var n=O.isNotEmpty(vn)?ln(vn):null;if(F.editable){var t=S(ne({ref:Q,type:"text",defaultValue:n||F.value||"",className:pe("input",{label:n}),disabled:F.disabled,placeholder:F.placeholder,maxLength:F.maxLength,onInput:Xe,onFocus:ze,onKeyDown:we,onBlur:he,tabIndex:F.disabled?-1:F.tabIndex||0,"aria-haspopup":"listbox"},hn),ce("input"));return e.createElement("input",t)}var r=F.valueTemplate?O.getJSXElement(F.valueTemplate,vn,F):n||F.placeholder||F.emptyMessage||e.createElement(e.Fragment,null," "),o=S({ref:Q,className:pe("input",{label:n}),tabIndex:"-1"},ce("input"));return e.createElement("span",o,r)}(),In=F.loading?function(){var n=S({className:pe("loadingIcon"),"data-pr-overlay-visible":_},ce("loadingIcon")),t=E.getJSXIcon(F.loadingIcon||e.createElement(b,{spin:!0}),ne({},n),{props:F}),r=F.placeholder||F.ariaLabel,o=S({className:pe("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":_,"aria-label":r},ce("trigger"));return e.createElement("div",o,t)}():function(){var n=S({className:pe("dropdownIcon"),"data-pr-overlay-visible":_},ce("dropdownIcon")),t=E.getJSXIcon(_?F.collapseIcon||e.createElement(v,n):F.dropdownIcon||e.createElement(m,n),ne({},n),{props:F}),r=F.placeholder||F.ariaLabel,o=S({className:pe("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":_,"aria-label":r},ce("trigger"));return e.createElement("div",o,t)}(),En=function(){if(null!=F.value&&F.showClear&&!F.disabled&&!O.isEmpty(F.options)){var n=S({className:pe("clearIcon"),onPointerUp:qe,tabIndex:F.editable?-1:F.tabIndex||"0",onKeyDown:fn,"aria-label":o("clear")},ce("clearIcon"));return E.getJSXIcon(F.clearIcon||e.createElement(g,n),ne({},n),{props:F})}return null}(),xn=S({id:F.id,ref:U,className:w(F.className,pe("root",{context:D,focusedState:R,overlayVisibleState:_})),style:F.style,onClick:function(e){return n=e,void(F.disabled||F.loading||(F.onClick&&F.onClick(n),n.defaultPrevented||be(n)||"INPUT"===n.target.tagName||(q.current&&q.current&&q.current.contains(n.target)||(I.focus(ee.current),_?nn():en()),n.preventDefault(),z.current=!0)));var n},onMouseDown:F.onMouseDown,onContextMenu:F.onContextMenu,onFocus:function(){F.editable&&!_&&!1===z.current&&I.focus(Q.current)},"data-p-disabled":F.disabled,"data-p-focus":R,"aria-activedescendant":R?"dropdownItem_".concat(K):void 0},gn,ce("root")),Sn=S({ref:W,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:function(e){var n=e.relatedTarget===ee.current?I.getFirstFocusableElement(q.current,':not([data-p-hidden-focusable="true"])'):ee.current;I.focus(n)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ce("hiddenFirstFocusableEl")),Dn=S({ref:Y,role:"presentation",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:function(e){var n=e.relatedTarget===ee.current?I.getLastFocusableElement(q.current,':not([data-p-hidden-focusable="true"])'):ee.current;I.focus(n)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},ce("hiddenLastFocusableEl"));return e.createElement(e.Fragment,null,e.createElement("div",xn,wn,yn,On,En,In,e.createElement(Z,P({hostName:"Dropdown",ref:q,visibleOptions:mn,virtualScrollerRef:te},F,{appendTo:ae,cx:pe,filterValue:C,focusedOptionIndex:K,getOptionGroupChildren:pn,getOptionGroupLabel:function(e){return O.resolveFieldData(e,F.optionGroupLabel)},getOptionGroupRenderKey:function(e){return O.resolveFieldData(e,F.optionGroupLabel)},getOptionLabel:ln,getOptionRenderKey:function(e){return F.dataKey?O.resolveFieldData(e,F.dataKey):ln(e)},getSelectedOptionIndex:Ze,hasFilter:ie,in:_,isOptionDisabled:cn,isSelected:Qe,onOverlayHide:nn,onClick:function(e){h.emit("overlay-click",{originalEvent:e,target:U.current})},onEnter:function(e){x.set("overlay",q.current,D&&D.autoZIndex||n.autoZIndex,D&&D.zIndex.overlay||n.zIndex.overlay),I.addStyles(q.current,{position:"absolute",top:"0",left:"0"}),tn(),e&&e()},onEntered:function(e){e&&e(),fe(),F.onShow&&F.onShow()},onExit:function(){me()},onExited:function(){F.filter&&F.resetFilterOnHide&&Ue(),x.clear(q.current),F.onHide&&F.onHide()},onFilterClearIconClick:function(e){Ue(e)},onFilterInputChange:function(e){var n=e.target.value;N(n),F.onFilter&&F.onFilter({originalEvent:e,filter:n})},onFilterInputKeyDown:function(e){switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":je(e);break;case"ArrowLeft":case"ArrowRight":Te(e,!0);break;case"Enter":case"NumpadEnter":Ve(e),e.preventDefault();break;case"Escape":He(e)}},onOptionClick:function(e){e.option.disabled||(We(e),I.focus(ee.current)),nn()},onInputKeyDown:we,ptm:ce,resetFilter:Ue,changeFocusedOptionIndex:Le,firstFocusableElement:e.createElement("span",Sn),lastFocusableElement:e.createElement("span",Dn),sx:se}))),bn&&e.createElement(y,P({target:U,content:F.tooltip,pt:ce("tooltip")},F.tooltipOptions)))})));te.displayName="Dropdown";export{te as Dropdown};