primereact 10.8.4 → 10.9.0

package/dropdown/dropdown.cjs.js

@@ -170,7 +170,7 @@ var classes = {
       'p-focus': focusedState,
       'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
       'p-dropdown-clearable': props.showClear && !props.disabled,
-      'p-inputwrapper-filled': utils.ObjectUtils.isNotEmpty(props.value),
+      'p-inputwrapper-filled': props.value !== undefined,
       'p-inputwrapper-focus': focusedState || overlayVisibleState
     });
   },
@@ -263,17 +263,17 @@ var DropdownBase = componentbase.ComponentBase.extend({
     ariaLabel: null,
     ariaLabelledBy: null,
     autoFocus: false,
+    autoOptionFocus: false,
+    checkmark: false,
     children: undefined,
     className: null,
     clearIcon: null,
+    collapseIcon: null,
     dataKey: null,
     disabled: false,
     dropdownIcon: null,
-    collapseIcon: null,
     editable: false,
     emptyFilterMessage: null,
-    highlightOnSelect: true,
-    checkmark: false,
     emptyMessage: null,
     filter: false,
     filterBy: null,
@@ -285,11 +285,12 @@ var DropdownBase = componentbase.ComponentBase.extend({
     filterPlaceholder: null,
     filterTemplate: null,
     focusInputRef: null,
+    focusOnHover: true,
+    highlightOnSelect: true,
     id: null,
     inputId: null,
     inputRef: null,
     invalid: false,
-    variant: null,
     itemTemplate: null,
     loading: false,
     loadingIcon: null,
@@ -305,14 +306,11 @@ var DropdownBase = componentbase.ComponentBase.extend({
     onShow: null,
     optionDisabled: null,
     optionGroupChildren: 'items',
-    selectOnFocus: false,
-    focusOnHover: true,
-    autoOptionFocus: false,
     optionGroupLabel: null,
     optionGroupTemplate: null,
     optionLabel: null,
-    optionValue: null,
     options: null,
+    optionValue: null,
     panelClassName: null,
     panelFooterTemplate: null,
     panelStyle: null,
@@ -320,6 +318,7 @@ var DropdownBase = componentbase.ComponentBase.extend({
     required: false,
     resetFilterOnHide: false,
     scrollHeight: '200px',
+    selectOnFocus: false,
     showClear: false,
     showFilterClear: false,
     showOnFocus: false,
@@ -328,8 +327,10 @@ var DropdownBase = componentbase.ComponentBase.extend({
     tooltip: null,
     tooltipOptions: null,
     transitionOptions: null,
+    useOptionAsValue: false,
     value: null,
     valueTemplate: null,
+    variant: null,
     virtualScrollerOptions: null
   },
   css: {
@@ -392,7 +393,6 @@ var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
   var itemProps = mergeProps({
     id: "dropdownItem_".concat(index),
     role: 'option',
-    key: props.label,
     className: utils.classNames(option.className, cx('item', {
       selected: selected,
       disabled: disabled,
@@ -435,7 +435,9 @@ var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
     }, getPTOptions('blankIcon'));
     return /*#__PURE__*/React__namespace.createElement(BlankIcon, blankIconProps);
   };
-  return /*#__PURE__*/React__namespace.createElement("li", itemProps, checkmark && iconRenderer(), /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, content), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+  return /*#__PURE__*/React__namespace.createElement("li", _extends({
+    key: props.label
+  }, itemProps), checkmark && iconRenderer(), /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, content), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
 });
 DropdownItem.displayName = 'DropdownItem';
 
@@ -847,7 +849,6 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
     if (props.disabled || props.loading) {
       return;
     }
-    event.stopPropagation();
     props.onClick && props.onClick(event);
 
     // do not continue if the user defined click wants to prevent it
@@ -860,6 +861,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       utils.DomHandler.focus(focusInputRef.current);
       overlayVisibleState ? hide() : show();
     }
+    event.preventDefault();
     clickedRef.current = true;
   };
   var onInputFocus = function onInputFocus(event) {
@@ -894,10 +896,9 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   };
   var onOptionSelect = function onOptionSelect(event, option) {
     var isHide = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    var value = getOptionValue(option);
     selectItem({
       originalEvent: event,
-      option: value
+      option: option
     });
     isHide && hide();
   };
@@ -1185,13 +1186,22 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
       !overlayVisibleState && show();
     }
   };
+  var findInArray = function findInArray(visibleOptions, searchText) {
+    if (!searchText || !(visibleOptions !== null && visibleOptions !== void 0 && visibleOptions.length)) return -1;
+    var normalizedSearch = searchText.toLocaleLowerCase();
+    var exactMatch = visibleOptions.findIndex(function (item) {
+      return getOptionLabel(item).toLocaleLowerCase() === normalizedSearch;
+    });
+    if (exactMatch !== -1) return exactMatch;
+    return visibleOptions.findIndex(function (item) {
+      return getOptionLabel(item).toLocaleLowerCase().startsWith(normalizedSearch);
+    });
+  };
   var onEditableInputChange = function onEditableInputChange(event) {
     !overlayVisibleState && show();
     var searchIndex = null;
     if (event.target.value && visibleOptions) {
-      searchIndex = visibleOptions.findIndex(function (item) {
-        return getOptionLabel(item).toLocaleLowerCase().startsWith(event.target.value.toLocaleLowerCase());
-      });
+      searchIndex = findInArray(visibleOptions, event.target.value);
     }
     setFocusedOptionIndex(searchIndex);
     if (props.onChange) {
@@ -1296,7 +1306,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespace.
   };
   var getSelectedOptionIndex = function getSelectedOptionIndex(options) {
     options = options || visibleOptions;
-    if (props.value != null && options) {
+    if (options) {
       if (props.optionGroupLabel) {
         for (var i = 0; i < options.length; i++) {
           var selectedOptionIndex = findOptionIndexInList(props.value, getOptionGroupChildren(options[i]));

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

package/dropdown/dropdown.d.ts

@@ -302,12 +302,12 @@ export interface DropdownProps extends Omit<React.DetailedHTMLProps<React.InputH
     checkmark?: boolean;
     /**
      * Template to display when filtering does not return any results.
-     * @defaultValue No available options
+     * @defaultValue No results found
      */
     emptyFilterMessage?: React.ReactNode | ((props: DropdownProps) => React.ReactNode) | undefined;
     /**
      * Text to display when there are no options available.
-     * @defaultValue No results found
+     * @defaultValue No available options
      */
     emptyMessage?: React.ReactNode | ((props: DropdownProps) => React.ReactNode) | undefined;
     /**

package/dropdown/dropdown.esm.js

@@ -143,7 +143,7 @@ var classes = {
       'p-focus': focusedState,
       'p-variant-filled': props.variant ? props.variant === 'filled' : context && context.inputStyle === 'filled',
       'p-dropdown-clearable': props.showClear && !props.disabled,
-      'p-inputwrapper-filled': ObjectUtils.isNotEmpty(props.value),
+      'p-inputwrapper-filled': props.value !== undefined,
       'p-inputwrapper-focus': focusedState || overlayVisibleState
     });
   },
@@ -236,17 +236,17 @@ var DropdownBase = ComponentBase.extend({
     ariaLabel: null,
     ariaLabelledBy: null,
     autoFocus: false,
+    autoOptionFocus: false,
+    checkmark: false,
     children: undefined,
     className: null,
     clearIcon: null,
+    collapseIcon: null,
     dataKey: null,
     disabled: false,
     dropdownIcon: null,
-    collapseIcon: null,
     editable: false,
     emptyFilterMessage: null,
-    highlightOnSelect: true,
-    checkmark: false,
     emptyMessage: null,
     filter: false,
     filterBy: null,
@@ -258,11 +258,12 @@ var DropdownBase = ComponentBase.extend({
     filterPlaceholder: null,
     filterTemplate: null,
     focusInputRef: null,
+    focusOnHover: true,
+    highlightOnSelect: true,
     id: null,
     inputId: null,
     inputRef: null,
     invalid: false,
-    variant: null,
     itemTemplate: null,
     loading: false,
     loadingIcon: null,
@@ -278,14 +279,11 @@ var DropdownBase = ComponentBase.extend({
     onShow: null,
     optionDisabled: null,
     optionGroupChildren: 'items',
-    selectOnFocus: false,
-    focusOnHover: true,
-    autoOptionFocus: false,
     optionGroupLabel: null,
     optionGroupTemplate: null,
     optionLabel: null,
-    optionValue: null,
     options: null,
+    optionValue: null,
     panelClassName: null,
     panelFooterTemplate: null,
     panelStyle: null,
@@ -293,6 +291,7 @@ var DropdownBase = ComponentBase.extend({
     required: false,
     resetFilterOnHide: false,
     scrollHeight: '200px',
+    selectOnFocus: false,
     showClear: false,
     showFilterClear: false,
     showOnFocus: false,
@@ -301,8 +300,10 @@ var DropdownBase = ComponentBase.extend({
     tooltip: null,
     tooltipOptions: null,
     transitionOptions: null,
+    useOptionAsValue: false,
     value: null,
     valueTemplate: null,
+    variant: null,
     virtualScrollerOptions: null
   },
   css: {
@@ -365,7 +366,6 @@ var DropdownItem = /*#__PURE__*/React.memo(function (props) {
   var itemProps = mergeProps({
     id: "dropdownItem_".concat(index),
     role: 'option',
-    key: props.label,
     className: classNames(option.className, cx('item', {
       selected: selected,
       disabled: disabled,
@@ -408,7 +408,9 @@ var DropdownItem = /*#__PURE__*/React.memo(function (props) {
     }, getPTOptions('blankIcon'));
     return /*#__PURE__*/React.createElement(BlankIcon, blankIconProps);
   };
-  return /*#__PURE__*/React.createElement("li", itemProps, checkmark && iconRenderer(), /*#__PURE__*/React.createElement("span", itemGroupLabelProps, content), /*#__PURE__*/React.createElement(Ripple, null));
+  return /*#__PURE__*/React.createElement("li", _extends({
+    key: props.label
+  }, itemProps), checkmark && iconRenderer(), /*#__PURE__*/React.createElement("span", itemGroupLabelProps, content), /*#__PURE__*/React.createElement(Ripple, null));
 });
 DropdownItem.displayName = 'DropdownItem';
 
@@ -820,7 +822,6 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
     if (props.disabled || props.loading) {
       return;
     }
-    event.stopPropagation();
     props.onClick && props.onClick(event);
 
     // do not continue if the user defined click wants to prevent it
@@ -833,6 +834,7 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       DomHandler.focus(focusInputRef.current);
       overlayVisibleState ? hide() : show();
     }
+    event.preventDefault();
     clickedRef.current = true;
   };
   var onInputFocus = function onInputFocus(event) {
@@ -867,10 +869,9 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
   };
   var onOptionSelect = function onOptionSelect(event, option) {
     var isHide = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    var value = getOptionValue(option);
     selectItem({
       originalEvent: event,
-      option: value
+      option: option
     });
     isHide && hide();
   };
@@ -1158,13 +1159,22 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
       !overlayVisibleState && show();
     }
   };
+  var findInArray = function findInArray(visibleOptions, searchText) {
+    if (!searchText || !(visibleOptions !== null && visibleOptions !== void 0 && visibleOptions.length)) return -1;
+    var normalizedSearch = searchText.toLocaleLowerCase();
+    var exactMatch = visibleOptions.findIndex(function (item) {
+      return getOptionLabel(item).toLocaleLowerCase() === normalizedSearch;
+    });
+    if (exactMatch !== -1) return exactMatch;
+    return visibleOptions.findIndex(function (item) {
+      return getOptionLabel(item).toLocaleLowerCase().startsWith(normalizedSearch);
+    });
+  };
   var onEditableInputChange = function onEditableInputChange(event) {
     !overlayVisibleState && show();
     var searchIndex = null;
     if (event.target.value && visibleOptions) {
-      searchIndex = visibleOptions.findIndex(function (item) {
-        return getOptionLabel(item).toLocaleLowerCase().startsWith(event.target.value.toLocaleLowerCase());
-      });
+      searchIndex = findInArray(visibleOptions, event.target.value);
     }
     setFocusedOptionIndex(searchIndex);
     if (props.onChange) {
@@ -1269,7 +1279,7 @@ var Dropdown = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (i
   };
   var getSelectedOptionIndex = function getSelectedOptionIndex(options) {
     options = options || visibleOptions;
-    if (props.value != null && options) {
+    if (options) {
       if (props.optionGroupLabel) {
         for (var i = 0; i < options.length; i++) {
           var selectedOptionIndex = findOptionIndexInList(props.value, getOptionGroupChildren(options[i]));