primereact 10.5.1 → 10.5.2

package/dropdown/dropdown.esm.js

@@ -14,6 +14,8 @@ import { SearchIcon } from 'primereact/icons/search';
 import { Portal } from 'primereact/portal';
 import { VirtualScroller } from 'primereact/virtualscroller';
 import { Ripple } from 'primereact/ripple';
+import { CheckIcon } from 'primereact/icons/check';
+import { IconBase } from 'primereact/iconbase';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -133,6 +135,7 @@ var classes = {
       overlayVisibleState = _ref.overlayVisibleState;
     return classNames('p-dropdown p-component p-inputwrapper', {
       'p-disabled': props.disabled,
+      'p-invalid': props.invalid,
       'p-focus': focusedState,
       'p-dropdown-clearable': props.showClear && !props.disabled,
       'p-inputwrapper-filled': ObjectUtils.isNotEmpty(props.value),
@@ -155,6 +158,7 @@ var classes = {
       'p-dropdown-item-empty': !optionGroupLabel || optionGroupLabel.length === 0
     });
   },
+  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',
@@ -183,14 +187,18 @@ var classes = {
       disabled = _ref7.disabled,
       label = _ref7.label,
       index = _ref7.index,
-      focusedOptionIndex = _ref7.focusedOptionIndex;
+      focusedOptionIndex = _ref7.focusedOptionIndex,
+      highlightOnSelect = _ref7.highlightOnSelect;
     return classNames('p-dropdown-item', {
-      'p-highlight': selected,
+      'p-highlight': selected && highlightOnSelect,
       'p-disabled': disabled,
       'p-focus': index === focusedOptionIndex,
       'p-dropdown-item-empty': !label || label.length === 0
     });
   },
+  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',
@@ -225,6 +233,8 @@ var DropdownBase = ComponentBase.extend({
     dropdownIcon: null,
     editable: false,
     emptyFilterMessage: null,
+    highlightOnSelect: true,
+    checkmark: false,
     emptyMessage: null,
     filter: false,
     filterBy: null,
@@ -239,6 +249,7 @@ var DropdownBase = ComponentBase.extend({
     id: null,
     inputId: null,
     inputRef: null,
+    invalid: false,
     itemTemplate: null,
     loading: false,
     loadingIcon: null,
@@ -287,6 +298,24 @@ var DropdownBase = ComponentBase.extend({
   }
 });
 
+var BlankIcon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var pti = IconBase.getPTI(inProps);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    ref: ref,
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, pti), /*#__PURE__*/React.createElement("rect", {
+    width: "1",
+    height: "1",
+    fill: "currentColor",
+    fillOpacity: "0"
+  }));
+}));
+BlankIcon.displayName = 'BlankIcon';
+
 var DropdownItem = /*#__PURE__*/React.memo(function (props) {
   var mergeProps = useMergeProps();
   var ptm = props.ptm,
@@ -296,7 +325,9 @@ var DropdownItem = /*#__PURE__*/React.memo(function (props) {
     option = props.option,
     label = props.label,
     index = props.index,
-    focusedOptionIndex = props.focusedOptionIndex;
+    focusedOptionIndex = props.focusedOptionIndex,
+    checkmark = props.checkmark,
+    highlightOnSelect = props.highlightOnSelect;
   var getPTOptions = function getPTOptions(key) {
     return ptm(key, {
       context: {
@@ -322,7 +353,8 @@ var DropdownItem = /*#__PURE__*/React.memo(function (props) {
       disabled: disabled,
       label: label,
       index: index,
-      focusedOptionIndex: focusedOptionIndex
+      focusedOptionIndex: focusedOptionIndex,
+      highlightOnSelect: highlightOnSelect
     })),
     style: props.style,
     onClick: function onClick(e) {
@@ -334,7 +366,23 @@ var DropdownItem = /*#__PURE__*/React.memo(function (props) {
     'data-p-focused': focusedOptionIndex === index,
     'data-p-disabled': disabled
   }, getPTOptions('item'));
-  return /*#__PURE__*/React.createElement("li", itemProps, content, /*#__PURE__*/React.createElement(Ripple, null));
+  var itemGroupLabelProps = mergeProps({
+    className: cx('itemLabel')
+  }, getPTOptions('itemLabel'));
+  var iconRenderer = function iconRenderer() {
+    if (selected) {
+      var checkIconProps = mergeProps({
+        className: cx('checkIcon')
+      }, getPTOptions('checIcon'));
+      return /*#__PURE__*/React.createElement(CheckIcon, checkIconProps);
+    } else {
+      var blankIconProps = mergeProps({
+        className: cx('blankIcon')
+      }, 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));
 });
 DropdownItem.displayName = 'DropdownItem';
 
@@ -410,10 +458,12 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
         style: style,
         template: props.itemTemplate,
         selected: props.isSelected(option),
+        highlightOnSelect: props.highlightOnSelect,
         disabled: disabled,
         onClick: props.onOptionClick,
         ptm: ptm,
-        cx: cx
+        cx: cx,
+        checkmark: props.checkmark
       });
     });
   };
@@ -442,9 +492,12 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
         style: style,
         'data-p-highlight': props.selected
       }, getPTOptions('itemGroup'));
+      var itemGroupLabelProps = mergeProps({
+        className: cx('itemGroupLabel')
+      }, getPTOptions('itemGroupLabel'));
       return /*#__PURE__*/React.createElement(React.Fragment, {
         key: key
-      }, /*#__PURE__*/React.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
+      }, /*#__PURE__*/React.createElement("li", itemGroupProps, /*#__PURE__*/React.createElement("span", itemGroupLabelProps, groupContent)), groupChildrenContent);
     } else {
       var optionLabel = props.getOptionLabel(option);
       var optionKey = index + '_' + props.getOptionRenderKey(option);
@@ -458,10 +511,12 @@ var DropdownPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
         style: style,
         template: props.itemTemplate,
         selected: props.isSelected(option),
+        highlightOnSelect: props.highlightOnSelect,
         disabled: disabled,
         onClick: props.onOptionClick,
         ptm: ptm,
-        cx: cx
+        cx: cx,
+        checkmark: props.checkmark
       });
     }
   };
@@ -646,20 +701,17 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     setFilterState = _React$useState2[1];
   var _React$useState3 = React.useState(false),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
-    clicked = _React$useState4[0],
-    setClicked = _React$useState4[1];
-  var _React$useState5 = React.useState(false),
+    focusedState = _React$useState4[0],
+    setFocusedState = _React$useState4[1];
+  var _React$useState5 = React.useState(-1),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
-    focusedState = _React$useState6[0],
-    setFocusedState = _React$useState6[1];
-  var _React$useState7 = React.useState(-1),
+    focusedOptionIndex = _React$useState6[0],
+    setFocusedOptionIndex = _React$useState6[1];
+  var _React$useState7 = React.useState(false),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
-    focusedOptionIndex = _React$useState8[0],
-    setFocusedOptionIndex = _React$useState8[1];
-  var _React$useState9 = React.useState(false),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    overlayVisibleState = _React$useState10[0],
-    setOverlayVisibleState = _React$useState10[1];
+    overlayVisibleState = _React$useState8[0],
+    setOverlayVisibleState = _React$useState8[1];
+  var clickedRef = React.useRef(false);
   var elementRef = React.useRef(null);
   var overlayRef = React.useRef(null);
   var firstHiddenFocusableElementOnOverlay = React.useRef(null);
@@ -760,7 +812,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       DomHandler.focus(focusInputRef.current);
       overlayVisibleState ? hide() : show();
     }
-    setClicked(true);
+    clickedRef.current = true;
   };
   var onInputFocus = function onInputFocus(event) {
     if (props.showOnFocus && !overlayVisibleState) {
@@ -858,12 +910,12 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         break;
       default:
         if (!metaKey && ObjectUtils.isPrintableCharacter(event.key)) {
-          !overlayVisibleState && show();
+          !overlayVisibleState && !props.editable && show();
           !props.editable && searchOptions(event, event.key);
         }
         break;
     }
-    setClicked(false);
+    clickedRef.current = false;
   };
   var onFilterInputKeyDown = function onFilterInputKeyDown(event) {
     switch (event.code) {
@@ -984,7 +1036,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       show();
       props.editable && changeFocusedOptionIndex(event, findSelectedOptionIndex());
     } else {
-      var optionIndex = focusedOptionIndex !== -1 ? findNextOptionIndex(focusedOptionIndex) : clicked ? findFirstOptionIndex() : findFirstFocusedOptionIndex();
+      var optionIndex = focusedOptionIndex !== -1 ? findNextOptionIndex(focusedOptionIndex) : clickedRef.current ? findFirstOptionIndex() : findFirstFocusedOptionIndex();
       changeFocusedOptionIndex(event, optionIndex);
     }
     event.preventDefault();
@@ -998,7 +1050,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       state.overlayVisible && hide();
       event.preventDefault();
     } else {
-      var optionIndex = focusedOptionIndex !== -1 ? findPrevOptionIndex(focusedOptionIndex) : clicked ? findLastOptionIndex() : findLastFocusedOptionIndex();
+      var optionIndex = focusedOptionIndex !== -1 ? findPrevOptionIndex(focusedOptionIndex) : clickedRef.current ? findLastOptionIndex() : findLastFocusedOptionIndex();
       changeFocusedOptionIndex(event, optionIndex);
       !overlayVisibleState && show();
       event.preventDefault();
@@ -1079,11 +1131,10 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   };
   var onEditableInputChange = function onEditableInputChange(event) {
-    !overlayVisibleState && show();
     var searchIndex = null;
     if (event.target.value) {
       searchIndex = visibleOptions.findIndex(function (item) {
-        return item.name.toLocaleLowerCase().startsWith(event.target.value.toLocaleLowerCase());
+        return getOptionLabel(item).toLocaleLowerCase().startsWith(event.target.value.toLocaleLowerCase());
       });
     }
     setFocusedOptionIndex(searchIndex);
@@ -1164,7 +1215,9 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var selectItem = function selectItem(event) {
     if (selectedOption !== event.option) {
       updateEditableLabel(event.option);
+      setFocusedOptionIndex(-1);
       var optionValue = getOptionValue(event.option);
+      var selectedOptionIndex = findOptionIndexInList(event.option, visibleOptions);
       if (props.onChange) {
         props.onChange({
           originalEvent: event.originalEvent,
@@ -1182,6 +1235,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           }
         });
       }
+      changeFocusedOptionIndex(event.originalEvent, selectedOptionIndex);
     }
   };
   var getSelectedOptionIndex = function getSelectedOptionIndex(options) {
@@ -1221,10 +1275,10 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
   var hide = function hide() {
     setOverlayVisibleState(false);
-    setClicked(false);
+    clickedRef.current = false;
   };
   var onFocus = function onFocus() {
-    if (props.editable) {
+    if (props.editable && !overlayVisibleState && clickedRef.current === false) {
       DomHandler.focus(inputRef.current);
     }
   };
@@ -1268,6 +1322,11 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var updateEditableLabel = function updateEditableLabel(option) {
     if (inputRef.current) {
       inputRef.current.value = option ? getOptionLabel(option) : props.value || '';
+
+      // #1413 NVDA screenreader
+      if (focusInputRef.current) {
+        focusInputRef.current.value = inputRef.current.value;
+      }
     }
   };
   var getOptionLabel = function getOptionLabel(option) {
@@ -1302,6 +1361,11 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       var label = selectedOption ? getOptionLabel(selectedOption) : null;
       var value = label || props.value || '';
       inputRef.current.value = value;
+
+      // #1413 NVDA screenreader
+      if (focusInputRef.current) {
+        focusInputRef.current.value = value;
+      }
     }
   };
   var getSelectedOption = function getSelectedOption() {
@@ -1397,12 +1461,17 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     return /*#__PURE__*/React.createElement("div", hiddenSelectedMessageProps, /*#__PURE__*/React.createElement("select", selectProps, /*#__PURE__*/React.createElement("option", optionProps, option.label)));
   };
   var createKeyboardHelper = function createKeyboardHelper() {
+    var value = ObjectUtils.isNotEmpty(selectedOption) ? getOptionLabel(selectedOption) : null;
+    if (props.editable) {
+      value = value || props.value || '';
+    }
     var hiddenSelectedMessageProps = mergeProps({
       className: 'p-hidden-accessible'
     }, ptm('hiddenSelectedMessage'));
     var inputProps = mergeProps(_objectSpread({
       ref: focusInputRef,
       id: props.inputId,
+      defaultValue: value,
       type: 'text',
       readOnly: true,
       'aria-haspopup': 'listbox',

package/dropdown/dropdown.esm.min.js

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