primereact 10.5.1 → 10.5.2

package/dropdown/dropdown.cjs.js

@@ -18,6 +18,8 @@ var search = require('primereact/icons/search');
 var portal = require('primereact/portal');
 var virtualscroller = require('primereact/virtualscroller');
 var ripple = require('primereact/ripple');
+var check = require('primereact/icons/check');
+var iconbase = require('primereact/iconbase');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -160,6 +162,7 @@ var classes = {
       overlayVisibleState = _ref.overlayVisibleState;
     return utils.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': utils.ObjectUtils.isNotEmpty(props.value),
@@ -182,6 +185,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',
@@ -210,14 +214,18 @@ var classes = {
       disabled = _ref7.disabled,
       label = _ref7.label,
       index = _ref7.index,
-      focusedOptionIndex = _ref7.focusedOptionIndex;
+      focusedOptionIndex = _ref7.focusedOptionIndex,
+      highlightOnSelect = _ref7.highlightOnSelect;
     return utils.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',
@@ -252,6 +260,8 @@ var DropdownBase = componentbase.ComponentBase.extend({
     dropdownIcon: null,
     editable: false,
     emptyFilterMessage: null,
+    highlightOnSelect: true,
+    checkmark: false,
     emptyMessage: null,
     filter: false,
     filterBy: null,
@@ -266,6 +276,7 @@ var DropdownBase = componentbase.ComponentBase.extend({
     id: null,
     inputId: null,
     inputRef: null,
+    invalid: false,
     itemTemplate: null,
     loading: false,
     loadingIcon: null,
@@ -314,6 +325,24 @@ var DropdownBase = componentbase.ComponentBase.extend({
   }
 });
 
+var BlankIcon = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var pti = iconbase.IconBase.getPTI(inProps);
+  return /*#__PURE__*/React__namespace.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__namespace.createElement("rect", {
+    width: "1",
+    height: "1",
+    fill: "currentColor",
+    fillOpacity: "0"
+  }));
+}));
+BlankIcon.displayName = 'BlankIcon';
+
 var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
   var mergeProps = hooks.useMergeProps();
   var ptm = props.ptm,
@@ -323,7 +352,9 @@ var DropdownItem = /*#__PURE__*/React__namespace.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: {
@@ -349,7 +380,8 @@ var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
       disabled: disabled,
       label: label,
       index: index,
-      focusedOptionIndex: focusedOptionIndex
+      focusedOptionIndex: focusedOptionIndex,
+      highlightOnSelect: highlightOnSelect
     })),
     style: props.style,
     onClick: function onClick(e) {
@@ -361,7 +393,23 @@ var DropdownItem = /*#__PURE__*/React__namespace.memo(function (props) {
     'data-p-focused': focusedOptionIndex === index,
     'data-p-disabled': disabled
   }, getPTOptions('item'));
-  return /*#__PURE__*/React__namespace.createElement("li", itemProps, content, /*#__PURE__*/React__namespace.createElement(ripple.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__namespace.createElement(check.CheckIcon, checkIconProps);
+    } else {
+      var blankIconProps = mergeProps({
+        className: cx('blankIcon')
+      }, 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));
 });
 DropdownItem.displayName = 'DropdownItem';
 
@@ -437,10 +485,12 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         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
       });
     });
   };
@@ -469,9 +519,12 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         style: style,
         'data-p-highlight': props.selected
       }, getPTOptions('itemGroup'));
+      var itemGroupLabelProps = mergeProps({
+        className: cx('itemGroupLabel')
+      }, getPTOptions('itemGroupLabel'));
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
         key: key
-      }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, groupContent), groupChildrenContent);
+      }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, groupContent)), groupChildrenContent);
     } else {
       var optionLabel = props.getOptionLabel(option);
       var optionKey = index + '_' + props.getOptionRenderKey(option);
@@ -485,10 +538,12 @@ var DropdownPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         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
       });
     }
   };
@@ -673,20 +728,17 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     setFilterState = _React$useState2[1];
   var _React$useState3 = React__namespace.useState(false),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
-    clicked = _React$useState4[0],
-    setClicked = _React$useState4[1];
-  var _React$useState5 = React__namespace.useState(false),
+    focusedState = _React$useState4[0],
+    setFocusedState = _React$useState4[1];
+  var _React$useState5 = React__namespace.useState(-1),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
-    focusedState = _React$useState6[0],
-    setFocusedState = _React$useState6[1];
-  var _React$useState7 = React__namespace.useState(-1),
+    focusedOptionIndex = _React$useState6[0],
+    setFocusedOptionIndex = _React$useState6[1];
+  var _React$useState7 = React__namespace.useState(false),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
-    focusedOptionIndex = _React$useState8[0],
-    setFocusedOptionIndex = _React$useState8[1];
-  var _React$useState9 = React__namespace.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__namespace.useRef(false);
   var elementRef = React__namespace.useRef(null);
   var overlayRef = React__namespace.useRef(null);
   var firstHiddenFocusableElementOnOverlay = React__namespace.useRef(null);
@@ -787,7 +839,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       utils.DomHandler.focus(focusInputRef.current);
       overlayVisibleState ? hide() : show();
     }
-    setClicked(true);
+    clickedRef.current = true;
   };
   var onInputFocus = function onInputFocus(event) {
     if (props.showOnFocus && !overlayVisibleState) {
@@ -885,12 +937,12 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         break;
       default:
         if (!metaKey && utils.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) {
@@ -1011,7 +1063,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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();
@@ -1025,7 +1077,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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();
@@ -1106,11 +1158,10 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
   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);
@@ -1191,7 +1242,9 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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,
@@ -1209,6 +1262,7 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
           }
         });
       }
+      changeFocusedOptionIndex(event.originalEvent, selectedOptionIndex);
     }
   };
   var getSelectedOptionIndex = function getSelectedOptionIndex(options) {
@@ -1248,10 +1302,10 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   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) {
       utils.DomHandler.focus(inputRef.current);
     }
   };
@@ -1295,6 +1349,11 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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) {
@@ -1329,6 +1388,11 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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() {
@@ -1424,12 +1488,17 @@ var Dropdown = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return /*#__PURE__*/React__namespace.createElement("div", hiddenSelectedMessageProps, /*#__PURE__*/React__namespace.createElement("select", selectProps, /*#__PURE__*/React__namespace.createElement("option", optionProps, option.label)));
   };
   var createKeyboardHelper = function createKeyboardHelper() {
+    var value = utils.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.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/spinner"),i=require("primereact/icons/times"),a=require("primereact/overlayservice"),u=require("primereact/tooltip"),c=require("primereact/utils"),s=require("primereact/csstransition"),p=require("primereact/icons/search"),d=require("primereact/portal"),f=require("primereact/virtualscroller"),m=require("primereact/ripple");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=v(e),y=b(t);function h(){return h=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},h.apply(this,arguments)}function w(e){return w="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},w(e)}function O(e,t){if("object"!==w(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==w(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=O(e,"string");return"symbol"===w(t)?t:String(t)}function E(e,t,n){return(t=I(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function x(e){if(Array.isArray(e))return e}function S(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,i,a=[],u=!0,c=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){c=!0,o=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return a}}function D(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 F(e,t){if(e){if("string"==typeof e)return D(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)?D(e,t):void 0}}function j(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function C(e,t){return x(e)||S(e,t)||F(e,t)||j()}var N=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,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 c.classNames("p-dropdown p-component p-inputwrapper",{"p-disabled":t.disabled,"p-focus":n,"p-dropdown-clearable":t.showClear&&!t.disabled,"p-inputwrapper-filled":c.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":c.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 c.classNames("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 c.classNames("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 t=e.context;return c.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===y.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===y.default.ripple})},item:function(e){var t=e.label;return c.classNames("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){}}}}),L=g.memo((function(e){var t=r.useMergeProps(),n=e.ptm,o=e.cx,l=e.selected,i=e.disabled,a=e.option,u=e.label,s=e.index,p=e.focusedOptionIndex,d=e.template?c.ObjectUtils.getJSXElement(e.template,e.option):e.label,f=t({role:"option",key:e.label,className:c.classNames(a.className,o("item",{selected:l,disabled:i,label:u,index:s,focusedOptionIndex:p})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:a}));var n},"aria-label":u,"aria-selected":l,"data-p-highlight":l,"data-p-focused":p===s,"data-p-disabled":i},n("item",{context:{selected:l,disabled:i}}));return g.createElement("li",f,d,g.createElement(m.Ripple,null))}));function P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function k(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){E(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}L.displayName="DropdownItem";var U=g.memo(g.forwardRef((function(e,n){var o=r.useMergeProps(),l=e.ptm,a=e.cx,u=e.sx,m=g.useContext(t.PrimeReactContext);g.useRef(null);var b,v,y,w,O,I=g.useRef(null),E=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,x={filter:function(e){return j(e)},reset:function(){return e.resetFilter()}},S=function(t,n){return l(t,k({hostName:e.hostName},n))},D=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&&c.DomHandler.focus(I.current,!1)}))},j=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},C=function(){if(e.panelFooterTemplate){var t=c.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=o({className:a("footer")},S("footer"));return g.createElement("div",n,t)}return null},N=function(t,n){return e.getOptionGroupChildren(t).map((function(t,r){var o=e.getOptionLabel(t),i=r+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t);return g.createElement(L,{key:i,index:r,focusedOptionIndex:e.focusedOptionIndex,label:o,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),disabled:u,onClick:e.onOptionClick,ptm:l,cx:a})}))},P=function(n,r){var l=c.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage"),i=o({className:a("emptyMessage")},S("emptyMessage"));return g.createElement("li",i,l)},U=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:r.props?r.props.itemSize:void 0};if(i=k(k({},i),t.style),e.optionGroupLabel){var u=e.optionGroupLabel,s=e.optionGroupTemplate?c.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),p=N(t,i),d=n+"_"+e.getOptionGroupRenderKey(t),f=o({className:a("itemGroup",{optionGroupLabel:u}),style:i,"data-p-highlight":e.selected},S("itemGroup"));return g.createElement(g.Fragment,{key:d},g.createElement("li",f,s),p)}var m=e.getOptionLabel(t),b=n+"_"+e.getOptionRenderKey(t),v=e.isOptionDisabled(t);return g.createElement(L,{key:b,label:m,index:n,focusedOptionIndex:e.focusedOptionIndex,option:t,style:i,template:e.itemTemplate,selected:e.isSelected(t),disabled:v,onClick:e.onOptionClick,ptm:l,cx:a})},R=function(){if(e.showFilterClear&&e.filterValue){var n=t.localeOption("clear"),r=o({className:a("filterClearIcon"),"aria-label":n,onClick:function(){return e.onFilterClearIconClick((function(){return c.DomHandler.focus(I.current)}))}},S("filterClearIcon"));return c.IconUtils.getJSXIcon(e.filterClearIcon||g.createElement(i.TimesIcon,r),k({},r),{props:e})}return null},T=function(){if(e.filter){var t=R(),n=o({className:a("filterIcon")},S("filterIcon")),r=c.IconUtils.getJSXIcon(e.filterIcon||g.createElement(p.SearchIcon,n),k({},n),{props:e}),l=o({className:a("filterContainer",{clearIcon:t})},S("filterContainer")),i=o({ref:I,type:"text",autoComplete:"off",className:a("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return j(e)},value:e.filterValue},S("filterInput")),u=g.createElement("div",l,g.createElement("input",i),t,r);if(e.filterTemplate){var s={className:c.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:u,filterOptions:x,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:j,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};u=c.ObjectUtils.getJSXElement(e.filterTemplate,s)}var d=o({className:a("header")},S("header"));return g.createElement("div",d,u)}return null},M=function(){if(e.virtualScrollerOptions){var t=k(k({},e.virtualScrollerOptions),{style:k(k({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:c.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(k(k({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&U(e,t.index,t)},contentTemplate:function(t){var n=E?P(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,r=o({ref:t.contentRef,style:t.style,className:c.classNames(t.className,a("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},S("list"));return g.createElement("ul",r,n)}});return g.createElement(f.VirtualScroller,h({ref:e.virtualScrollerRef},t,{pt:l("virtualScroller")}))}var n=c.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(U):e.hasFilter?P(e.emptyFilterMessage,!0):P(e.emptyMessage),r=o({className:a("wrapper"),style:u("wrapper")},S("wrapper")),i=o({className:a("list"),role:"listbox"},S("list"));return g.createElement("div",r,g.createElement("ul",i,n))},H=(b=T(),v=M(),y=C(),w=o({className:c.classNames(e.panelClassName,a("panel",{context:m})),style:u("panel"),onClick:e.onClick},S("panel")),O=o({classNames:a("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:D,onEntered:F,onExit:e.onExit,onExited:e.onExited},S("transition")),g.createElement(s.CSSTransition,h({nodeRef:n},O),g.createElement("div",h({ref:n},w),e.firstFocusableElement,b,v,y,e.lastFocusableElement)));return g.createElement(d.Portal,{element:H,appendTo:e.appendTo})})));function R(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=T(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 T(e,t){if(e){if("string"==typeof e)return M(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?M(e,t):void 0}}function M(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}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){E(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}U.displayName="DropdownPanel";var G=g.memo(g.forwardRef((function(e,s){var p=r.useMergeProps(),d=g.useContext(t.PrimeReactContext),f=N.getProps(e,d),m=C(g.useState(""),2),b=m[0],v=m[1],O=C(g.useState(!1),2),I=O[0],x=O[1],S=C(g.useState(!1),2),D=S[0],F=S[1],j=C(g.useState(-1),2),L=j[0],P=j[1],k=C(g.useState(!1),2),T=k[0],M=k[1],H=g.useRef(null),G=g.useRef(null),q=g.useRef(null),K=g.useRef(null),V=g.useRef(f.inputRef),_=g.useRef(f.focusInputRef),B=g.useRef(null),J=g.useRef(null),X=g.useRef(null);g.useRef(null);var z=f.virtualScrollerOptions&&f.virtualScrollerOptions.lazy,Z=c.ObjectUtils.isNotEmpty(b),W=f.appendTo||d&&d.appendTo||y.default.appendTo,$=N.setMetaData(A(A({props:f},f.__parentMetadata),{},{state:{filter:b,focused:D,overlayVisible:T}})),Y=$.ptm,Q=$.cx,ee=$.sx;n.useHandleStyle(N.css.styles,$.isUnstyled,{name:"dropdown"});var te=C(r.useOverlayListener({target:H,overlay:G,listener:function(e,t){t.valid&&("outside"===t.type?!oe(e)&&qe():qe())},when:T}),2),ne=te[0],re=te[1],oe=function(e){return c.DomHandler.isAttributeEquals(e.target,"data-pc-section","clearicon")||c.DomHandler.isAttributeEquals(e.target.parentElement||e.target,"data-pc-section","filterclearicon")},le=function(e){f.showOnFocus&&!T&&Ge(),F(!0),f.onFocus&&f.onFocus(e)},ie=function(e){F(!1),f.onBlur&&setTimeout((function(){var t=V.current?V.current.value:void 0;f.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:t}})}),200)},ae=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=Be(t);Re({originalEvent:e,option:r}),n&&qe()},ue=function(e){if(f.disabled||c.DomHandler.isAndroid())e.preventDefault();else{var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":he(e);break;case"ArrowUp":we(e);break;case"ArrowLeft":case"ArrowRight":Oe(e,f.editable);break;case"Home":Ie(e);break;case"End":Ee(e);break;case"PageDown":Se(e);break;case"PageUp":xe(e);break;case"Space":De(e,f.editable);break;case"NumpadEnter":case"Enter":Fe(e);break;case"Escape":je(e);break;case"Tab":Ce(e);break;case"Backspace":Ne(e,f.editable);break;case"ShiftLeft":case"ShiftRight":break;default:!t&&c.ObjectUtils.isPrintableCharacter(e.key)&&(!T&&Ge(),!f.editable&&be(e,e.key))}x(!1)}},ce=function(e){var t;return se(e)&&(null===(t=_e(e))||void 0===t?void 0:t.toLocaleLowerCase(f.filterLocale).startsWith(X.current.toLocaleLowerCase(f.filterLocale)))},se=function(e){return c.ObjectUtils.isNotEmpty(e)&&!(Xe(e)||Je(e))},pe=function(){return c.ObjectUtils.isNotEmpty(f.value)},de=function(e){return se(e)&&Ae(e)},fe=function(){return pe?rt.findIndex((function(e){return de(e)})):-1},me=function(){var e=fe();return e<0?ve():e},be=function(e,t){X.current=(X.current||"")+t;var n=-1,r=!1;return c.ObjectUtils.isNotEmpty(X.current)&&(-1!==(n=-1!==L?-1===(n=rt.slice(L).findIndex((function(e){return ce(e)})))?rt.slice(0,L).findIndex((function(e){return ce(e)})):n+L:rt.findIndex((function(e){return ce(e)})))&&(r=!0),-1===n&&-1===L&&(n=me()),-1!==n&&ye(e,n)),J.current&&clearTimeout(J.current),J.current=setTimeout((function(){X.current="",J.current=null}),500),r},ve=function(){return rt.findIndex((function(e){return se(e)}))},ge=function(){return c.ObjectUtils.findLastIndex(rt,(function(e){return se(e)}))},ye=function(e,t){L!==t&&(P(t),f.selectOnFocus&&ae(e,rt[t],!1))},he=function(e){if(T){var t=-1!==L?(r=(n=L)<rt.length-1?rt.slice(n+1).findIndex((function(e){return se(e)})):-1)>-1?r+n+1:n:I?ve():me();ye(e,t)}else Ge(),f.editable&&ye(e,fe());var n,r;e.preventDefault()},we=function(e){var t,n,r;if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==L&&ae(e,rt[L]),state.overlayVisible&&qe(),e.preventDefault();else{var o=-1!==L?(r=(n=L)>0?c.ObjectUtils.findLastIndex(rt.slice(0,n),(function(e){return se(e)})):-1)>-1?r:n:I?ge():(t=fe())<0?ge():t;ye(e,o),!T&&Ge(),e.preventDefault()}},Oe=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]&&P(-1)},Ie=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]?(e.currentTarget.setSelectionRange(0,0),P(-1)):(ye(e,ve()),!T&&Ge()),e.preventDefault()},Ee=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),P(-1)}else ye(e,ge()),!T&&Ge();e.preventDefault()},xe=function(e){e.preventDefault()},Se=function(e){e.preventDefault()},De=function(e){!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])&&Fe(e)},Fe=function(e){T?(-1!==L&&ae(e,rt[L]),qe()):(P(-1),he(e)),e.preventDefault()},je=function(e){T&&qe(),e.preventDefault()},Ce=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(!T||c.DomHandler.getFocusableElements(G.current,':not([data-p-hidden-focusable="true"])').length>0?(-1!==L&&ae(e,rt[L]),T&&qe()):(c.DomHandler.focus(q.current),e.preventDefault()))},Ne=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]&&!T&&Ge()},Le=function(e){!T&&Ge();var t=null;e.target.value&&(t=rt.findIndex((function(t){return t.name.toLocaleLowerCase().startsWith(e.target.value.toLocaleLowerCase())}))),P(t),f.onChange&&f.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:e.target.value}})},Pe=function(e){F(!0),qe(),f.onFocus&&f.onFocus(e)},ke=function(e){v(""),f.onFilter&&f.onFilter({filter:""}),e&&e()},Ue=function(e){f.onChange&&f.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:void 0}}),f.filter&&ke(),Ve()},Re=function(e){if(ot!==e.option){Ve(e.option);var t=Be(e.option);f.onChange&&f.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:t}})}},Te=function(e){if(e=e||rt,null!=f.value&&e){if(!f.optionGroupLabel)return He(f.value,e);for(var t=0;t<e.length;t++){var n=He(f.value,ze(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},Me=function(){return f.optionValue?null:f.dataKey},He=function(e,t){var n=Me();return t.findIndex((function(t){return c.ObjectUtils.equals(e,Be(t),n)}))},Ae=function(e){return c.ObjectUtils.equals(f.value,Be(e),Me())},Ge=function(){P(-1!==L?L:f.autoOptionFocus?me():f.editable?-1:fe()),M(!0)},qe=function(){M(!1),x(!1)},Ke=function(){c.DomHandler.alignOverlay(G.current,V.current.parentElement,f.appendTo||d&&d.appendTo||y.default.appendTo)},Ve=function(e){V.current&&(V.current.value=e?_e(e):f.value||"")},_e=function(e){return f.optionLabel?c.ObjectUtils.resolveFieldData(e,f.optionLabel):e&&void 0!==e.label?e.label:e},Be=function(e){return f.optionValue?c.ObjectUtils.resolveFieldData(e,f.optionValue):e&&void 0!==e.value?e.value:e},Je=function(e){return f.optionGroupLabel&&e.optionGroup&&e.group},Xe=function(e){return f.optionDisabled?c.ObjectUtils.isFunction(f.optionDisabled)?f.optionDisabled(e):c.ObjectUtils.resolveFieldData(e,f.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},ze=function(e){return c.ObjectUtils.resolveFieldData(e,f.optionGroupChildren)},Ze=function(){if(f.editable&&V.current){var e=ot?_e(ot):null;V.current.value=e||f.value||""}};g.useImperativeHandle(s,(function(){return{props:f,show:Ge,hide:qe,clear:Ue,focus:function(){return c.DomHandler.focus(_.current)},getElement:function(){return H.current},getOverlay:function(){return G.current},getInput:function(){return V.current},getFocusInput:function(){return _.current},getVirtualScroller:function(){return B.current}}})),g.useEffect((function(){c.ObjectUtils.combinedRefs(V,f.inputRef),c.ObjectUtils.combinedRefs(_,f.focusInputRef)}),[V,f.inputRef,_,f.focusInputRef]),r.useMountEffect((function(){f.autoFocus&&c.DomHandler.focus(_.current,f.autoFocus),Ke()})),r.useUpdateEffect((function(){var e;T&&f.value&&(e=c.DomHandler.findSingle(G.current,'li[data-p-highlight="true"]'))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[T,f.value]),r.useUpdateEffect((function(){T&&b&&f.filter&&Ke()}),[T,b,f.filter]),r.useUpdateEffect((function(){!b||f.options&&0!==f.options.length||v(""),Ze(),V.current&&(V.current.selectedIndex=1)})),r.useUnmountEffect((function(){c.ZIndexUtils.clear(G.current)}));var We,$e,Ye,Qe,et,tt,nt,rt=function(){if(Z&&!z){var e=b.trim().toLocaleLowerCase(f.filterLocale),n=f.filterBy?f.filterBy.split(","):[f.optionLabel||"label"];if(f.optionGroupLabel){var r,o=[],l=R(f.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=t.FilterService.filter(ze(i),n,e,f.filterMatchMode,f.filterLocale);a&&a.length&&o.push(A(A({},i),E({},"".concat(f.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return t.FilterService.filter(f.options,n,e,f.filterMatchMode,f.filterLocale)}return f.options}(),ot=-1!==(We=Te(f.options))?f.optionGroupLabel?ze(f.options[We.group])[We.option]:f.options[We]:null,lt=c.ObjectUtils.isNotEmpty(f.tooltip),it=N.getOtherProps(f),at=c.ObjectUtils.reduceKeys(it,c.DomHandler.ARIA_PROPS),ut=function(){var e={value:"",label:f.placeholder};if(ot){var t=Be(ot);e={value:"object"===w(t)?f.options.findIndex((function(e){return e===t})):t,label:_e(ot)}}var n=p({className:"p-hidden-accessible p-dropdown-hidden-select"},Y("hiddenSelectedMessage")),r=p({ref:V,required:f.required,defaultValue:e.value,name:f.name,tabIndex:-1,"aria-hidden":"true"},Y("select")),o=p({value:e.value},Y("option"));return g.createElement("div",n,g.createElement("select",r,g.createElement("option",o,e.label)))}(),ct=($e=p({className:"p-hidden-accessible"},Y("hiddenSelectedMessage")),Ye=p(A({ref:_,id:f.inputId,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:le,onBlur:ie,onKeyDown:ue,disabled:f.disabled,tabIndex:f.disabled?-1:f.tabIndex||0},at),Y("input")),g.createElement("div",$e,g.createElement("input",Ye))),st=function(){var e=c.ObjectUtils.isNotEmpty(ot)?_e(ot):null;if(f.editable){var t=p(A({ref:V,type:"text",defaultValue:e||f.value||"",className:Q("input",{label:e}),disabled:f.disabled,placeholder:f.placeholder,maxLength:f.maxLength,onInput:Le,onFocus:Pe,onKeyDown:ue,onBlur:ie,tabIndex:f.disabled?-1:f.tabIndex||0,"aria-haspopup":"listbox"},at),Y("input"));return g.createElement("input",t)}var n=f.valueTemplate?c.ObjectUtils.getJSXElement(f.valueTemplate,ot,f):e||f.placeholder||"empty",r=p({ref:V,className:Q("input",{label:e}),tabIndex:"-1"},Y("input"));return g.createElement("span",r,n)}(),pt=f.loading?(Qe=p({className:Q("loadingIcon"),"data-pr-overlay-visible":T},Y("loadingIcon")),et=c.IconUtils.getJSXIcon(f.loadingIcon||g.createElement(l.SpinnerIcon,{spin:!0}),A({},Qe),{props:f}),tt=f.placeholder||f.ariaLabel,nt=p({className:Q("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":T,"aria-label":tt},Y("trigger")),g.createElement("div",nt,et)):function(){var e=p({className:Q("dropdownIcon"),"data-pr-overlay-visible":T},Y("dropdownIcon")),t=c.IconUtils.getJSXIcon(f.dropdownIcon||g.createElement(o.ChevronDownIcon,e),A({},e),{props:f}),n=f.placeholder||f.ariaLabel,r=p({className:Q("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":T,"aria-label":n},Y("trigger"));return g.createElement("div",r,t)}(),dt=function(){if(null!=f.value&&f.showClear&&!f.disabled){var e=p({className:Q("clearIcon"),onPointerUp:Ue},Y("clearIcon"));return c.IconUtils.getJSXIcon(f.clearIcon||g.createElement(i.TimesIcon,e),A({},e),{props:f})}return null}(),ft=p({id:f.id,ref:H,className:c.classNames(f.className,Q("root",{focusedState:D,overlayVisibleState:T})),style:f.style,onClick:function(e){return t=e,void(f.disabled||f.loading||(f.onClick&&f.onClick(t),t.defaultPrevented||oe(t)||"INPUT"===t.target.tagName||(G.current&&G.current&&G.current.contains(t.target)||(c.DomHandler.focus(_.current),T?qe():Ge()),x(!0))));var t},onMouseDown:f.onMouseDown,onContextMenu:f.onContextMenu,onFocus:function(){f.editable&&c.DomHandler.focus(V.current)},"data-p-disabled":f.disabled,"data-p-focus":D},it,Y("root")),mt=p({ref:q,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:function(e){var t=e.relatedTarget===_.current?c.DomHandler.getFirstFocusableElement(G.current,':not([data-p-hidden-focusable="true"])'):_.current;c.DomHandler.focus(t)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Y("hiddenFirstFocusableEl")),bt=p({ref:K,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:function(e){var t=e.relatedTarget===_.current?c.DomHandler.getLastFocusableElement(G.current,':not([data-p-hidden-focusable="true"])'):_.current;c.DomHandler.focus(t)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},Y("hiddenLastFocusableEl"));return g.createElement(g.Fragment,null,g.createElement("div",ft,ct,ut,st,dt,pt,g.createElement(U,h({hostName:"Dropdown",ref:G,visibleOptions:rt,virtualScrollerRef:B},f,{appendTo:W,cx:Q,filterValue:b,focusedOptionIndex:L,getOptionGroupChildren:ze,getOptionGroupLabel:function(e){return c.ObjectUtils.resolveFieldData(e,f.optionGroupLabel)},getOptionGroupRenderKey:function(e){return c.ObjectUtils.resolveFieldData(e,f.optionGroupLabel)},getOptionLabel:_e,getOptionRenderKey:function(e){return f.dataKey?c.ObjectUtils.resolveFieldData(e,f.dataKey):_e(e)},getSelectedOptionIndex:Te,hasFilter:Z,in:T,isOptionDisabled:Xe,isSelected:Ae,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:H.current})},onEnter:function(e){c.ZIndexUtils.set("overlay",G.current,d&&d.autoZIndex||y.default.autoZIndex,d&&d.zIndex.overlay||y.default.zIndex.overlay),c.DomHandler.addStyles(G.current,{position:"absolute",top:"0",left:"0"}),Ke(),e&&e()},onEntered:function(e){e&&e(),ne(),f.onShow&&f.onShow()},onExit:function(){re()},onExited:function(){f.filter&&f.resetFilterOnHide&&ke(),c.ZIndexUtils.clear(G.current),f.onHide&&f.onHide()},onFilterClearIconClick:function(e){ke(e)},onFilterInputChange:function(e){var t=e.target.value;v(t),f.onFilter&&f.onFilter({originalEvent:e,filter:t})},onFilterInputKeyDown:function(e){switch(e.code){case"ArrowDown":he(e);break;case"ArrowUp":we(e);break;case"ArrowLeft":case"ArrowRight":Oe(e,!0);break;case"Escape":case"Enter":Fe(e),e.preventDefault()}},onOptionClick:function(e){e.option.disabled||(Re(e),c.DomHandler.focus(_.current)),qe()},ptm:Y,resetFilter:ke,setFocusedOptionIndex:P,firstFocusableElement:g.createElement("span",mt),lastFocusableElement:g.createElement("span",bt),sx:ee}))),lt&&g.createElement(u.Tooltip,h({target:H,content:f.tooltip,pt:Y("tooltip")},f.tooltipOptions)))})));G.displayName="Dropdown",exports.Dropdown=G;
+"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/spinner"),i=require("primereact/icons/times"),a=require("primereact/overlayservice"),c=require("primereact/tooltip"),u=require("primereact/utils"),s=require("primereact/csstransition"),p=require("primereact/icons/search"),d=require("primereact/portal"),f=require("primereact/virtualscroller"),m=require("primereact/ripple"),b=require("primereact/icons/check"),v=require("primereact/iconbase");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(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 y=h(e),w=g(t);function O(){return O=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},O.apply(this,arguments)}function I(e){return I="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},I(e)}function E(e,t){if("object"!==I(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function x(e){var t=E(e,"string");return"symbol"===I(t)?t:String(t)}function S(e,t,n){return(t=x(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(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=[],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 F(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 F(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)?F(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 N(e,t){return D(e)||j(e,t)||k(e,t)||C()}var L=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,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 u.classNames("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":u.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":u.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 u.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 u.classNames("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 t=e.context;return u.classNames("p-dropdown-panel p-component",{"p-input-filled":t&&"filled"===t.inputStyle||"filled"===w.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===w.default.ripple})},item:function(e){var t=e.label;return u.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    }\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){}}}}),P=y.memo(y.forwardRef((function(e,t){var n=v.IconBase.getPTI(e);return y.createElement("svg",O({ref:t,width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),y.createElement("rect",{width:"1",height:"1",fill:"currentColor",fillOpacity:"0"}))})));P.displayName="BlankIcon";var U=y.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,s=e.index,p=e.focusedOptionIndex,d=e.checkmark,f=e.highlightOnSelect,v=function(e){return n(e,{context:{selected:l,disabled:i}})},g=e.template?u.ObjectUtils.getJSXElement(e.template,e.option):e.label,h=t({role:"option",key:e.label,className:u.classNames(a.className,o("item",{selected:l,disabled:i,label:c,index:s,focusedOptionIndex:p,highlightOnSelect:f})),style:e.style,onClick:function(t){return n=t,void(e.onClick&&e.onClick({originalEvent:n,option:a}));var n},"aria-label":c,"aria-selected":l,"data-p-highlight":l,"data-p-focused":p===s,"data-p-disabled":i},v("item")),w=t({className:o("itemLabel")},v("itemLabel"));return y.createElement("li",h,d&&function(){if(l){var e=t({className:o("checkIcon")},v("checIcon"));return y.createElement(b.CheckIcon,e)}var n=t({className:o("blankIcon")},v("blankIcon"));return y.createElement(P,n)}(),y.createElement("span",w,g),y.createElement(m.Ripple,null))}));function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}U.displayName="DropdownItem";var M=y.memo(y.forwardRef((function(e,n){var o=r.useMergeProps(),l=e.ptm,a=e.cx,c=e.sx,m=y.useContext(t.PrimeReactContext);y.useRef(null);var b,v,g,h,w,I=y.useRef(null),E=!(e.visibleOptions&&e.visibleOptions.length)&&e.hasFilter,x={filter:function(e){return F(e)},reset:function(){return e.resetFilter()}},S=function(t,n){return l(t,T({hostName:e.hostName},n))},D=function(){e.onEnter((function(){if(e.virtualScrollerRef.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return e.virtualScrollerRef.current.scrollToIndex(t)}),0)}}))},j=function(){e.onEntered((function(){e.filter&&e.filterInputAutoFocus&&u.DomHandler.focus(I.current,!1)}))},F=function(t){e.virtualScrollerRef.current&&e.virtualScrollerRef.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},k=function(){if(e.panelFooterTemplate){var t=u.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide),n=o({className:a("footer")},S("footer"));return y.createElement("div",n,t)}return null},C=function(t,n){return e.getOptionGroupChildren(t).map((function(t,r){var o=e.getOptionLabel(t),i=r+"_"+e.getOptionRenderKey(t),c=e.isOptionDisabled(t);return y.createElement(U,{key:i,index:r,focusedOptionIndex:e.focusedOptionIndex,label:o,option:t,style:n,template:e.itemTemplate,selected:e.isSelected(t),highlightOnSelect:e.highlightOnSelect,disabled:c,onClick:e.onOptionClick,ptm:l,cx:a,checkmark:e.checkmark})}))},N=function(n,r){var l=u.ObjectUtils.getJSXElement(n,e)||t.localeOption(r?"emptyFilterMessage":"emptyMessage"),i=o({className:a("emptyMessage")},S("emptyMessage"));return y.createElement("li",i,l)},L=function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i={height:r.props?r.props.itemSize:void 0};if(i=T(T({},i),t.style),e.optionGroupLabel){var c=e.optionGroupLabel,s=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),p=C(t,i),d=n+"_"+e.getOptionGroupRenderKey(t),f=o({className:a("itemGroup",{optionGroupLabel:c}),style:i,"data-p-highlight":e.selected},S("itemGroup")),m=o({className:a("itemGroupLabel")},S("itemGroupLabel"));return y.createElement(y.Fragment,{key:d},y.createElement("li",f,y.createElement("span",m,s)),p)}var b=e.getOptionLabel(t),v=n+"_"+e.getOptionRenderKey(t),g=e.isOptionDisabled(t);return y.createElement(U,{key:v,label:b,index:n,focusedOptionIndex:e.focusedOptionIndex,option:t,style:i,template:e.itemTemplate,selected:e.isSelected(t),highlightOnSelect:e.highlightOnSelect,disabled:g,onClick:e.onOptionClick,ptm:l,cx:a,checkmark:e.checkmark})},P=function(){if(e.showFilterClear&&e.filterValue){var n=t.localeOption("clear"),r=o({className:a("filterClearIcon"),"aria-label":n,onClick:function(){return e.onFilterClearIconClick((function(){return u.DomHandler.focus(I.current)}))}},S("filterClearIcon"));return u.IconUtils.getJSXIcon(e.filterClearIcon||y.createElement(i.TimesIcon,r),T({},r),{props:e})}return null},R=function(){if(e.filter){var t=P(),n=o({className:a("filterIcon")},S("filterIcon")),r=u.IconUtils.getJSXIcon(e.filterIcon||y.createElement(p.SearchIcon,n),T({},n),{props:e}),l=o({className:a("filterContainer",{clearIcon:t})},S("filterContainer")),i=o({ref:I,type:"text",autoComplete:"off",className:a("filterInput"),placeholder:e.filterPlaceholder,onKeyDown:e.onFilterInputKeyDown,onChange:function(e){return F(e)},value:e.filterValue},S("filterInput")),c=y.createElement("div",l,y.createElement("input",i),t,r);if(e.filterTemplate){var s={className:u.classNames("p-dropdown-filter-container",{"p-dropdown-clearable-filter":!!t}),element:c,filterOptions:x,filterInputKeyDown:e.onFilterInputKeyDown,filterInputChange:F,filterIconClassName:"p-dropdown-filter-icon",clearIcon:t,props:e};c=u.ObjectUtils.getJSXElement(e.filterTemplate,s)}var d=o({className:a("header")},S("header"));return y.createElement("div",d,c)}return null},M=function(){if(e.virtualScrollerOptions){var t=T(T({},e.virtualScrollerOptions),{style:T(T({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:u.classNames("p-dropdown-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(T(T({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&L(e,t.index,t)},contentTemplate:function(t){var n=E?N(e.hasFilter?e.emptyFilterMessage:e.emptyMessage):t.children,r=o({ref:t.contentRef,style:t.style,className:u.classNames(t.className,a("list",{virtualScrollerProps:e.virtualScrollerOptions})),role:"listbox"},S("list"));return y.createElement("ul",r,n)}});return y.createElement(f.VirtualScroller,O({ref:e.virtualScrollerRef},t,{pt:l("virtualScroller")}))}var n=u.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(L):e.hasFilter?N(e.emptyFilterMessage,!0):N(e.emptyMessage),r=o({className:a("wrapper"),style:c("wrapper")},S("wrapper")),i=o({className:a("list"),role:"listbox"},S("list"));return y.createElement("div",r,y.createElement("ul",i,n))},H=(b=R(),v=M(),g=k(),h=o({className:u.classNames(e.panelClassName,a("panel",{context:m})),style:c("panel"),onClick:e.onClick},S("panel")),w=o({classNames:a("transition"),in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:D,onEntered:j,onExit:e.onExit,onExited:e.onExited},S("transition")),y.createElement(s.CSSTransition,O({nodeRef:n},w),y.createElement("div",O({ref:n},h),e.firstFocusableElement,b,v,g,e.lastFocusableElement)));return y.createElement(d.Portal,{element:H,appendTo:e.appendTo})})));function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=G(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 G(e,t){if(e){if("string"==typeof e)return A(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)?A(e,t):void 0}}function A(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 q(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 K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?q(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):q(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}M.displayName="DropdownPanel";var V=y.memo(y.forwardRef((function(e,s){var p=r.useMergeProps(),d=y.useContext(t.PrimeReactContext),f=L.getProps(e,d),m=N(y.useState(""),2),b=m[0],v=m[1],g=N(y.useState(!1),2),h=g[0],E=g[1],x=N(y.useState(-1),2),D=x[0],j=x[1],F=N(y.useState(!1),2),k=F[0],C=F[1],P=y.useRef(!1),U=y.useRef(null),R=y.useRef(null),T=y.useRef(null),G=y.useRef(null),A=y.useRef(f.inputRef),q=y.useRef(f.focusInputRef),V=y.useRef(null),B=y.useRef(null),_=y.useRef(null);y.useRef(null);var J=f.virtualScrollerOptions&&f.virtualScrollerOptions.lazy,X=u.ObjectUtils.isNotEmpty(b),z=f.appendTo||d&&d.appendTo||w.default.appendTo,Z=L.setMetaData(K(K({props:f},f.__parentMetadata),{},{state:{filter:b,focused:h,overlayVisible:k}})),W=Z.ptm,$=Z.cx,Y=Z.sx;n.useHandleStyle(L.css.styles,Z.isUnstyled,{name:"dropdown"});var Q=N(r.useOverlayListener({target:U,overlay:R,listener:function(e,t){t.valid&&("outside"===t.type?!ne(e)&&Ge():Ge())},when:k}),2),ee=Q[0],te=Q[1],ne=function(e){return u.DomHandler.isAttributeEquals(e.target,"data-pc-section","clearicon")||u.DomHandler.isAttributeEquals(e.target.parentElement||e.target,"data-pc-section","filterclearicon")},re=function(e){f.showOnFocus&&!k&&He(),E(!0),f.onFocus&&f.onFocus(e)},oe=function(e){E(!1),f.onBlur&&setTimeout((function(){var t=A.current?A.current.value:void 0;f.onBlur({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:t}})}),200)},le=function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=Ve(t);Pe({originalEvent:e,option:r}),n&&Ge()},ie=function(e){if(f.disabled||u.DomHandler.isAndroid())e.preventDefault();else{var t=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":ge(e);break;case"ArrowUp":he(e);break;case"ArrowLeft":case"ArrowRight":ye(e,f.editable);break;case"Home":we(e);break;case"End":Oe(e);break;case"PageDown":Ee(e);break;case"PageUp":Ie(e);break;case"Space":xe(e,f.editable);break;case"NumpadEnter":case"Enter":Se(e);break;case"Escape":De(e);break;case"Tab":je(e);break;case"Backspace":Fe(e,f.editable);break;case"ShiftLeft":case"ShiftRight":break;default:!t&&u.ObjectUtils.isPrintableCharacter(e.key)&&(!k&&!f.editable&&He(),!f.editable&&fe(e,e.key))}P.current=!1}},ae=function(e){var t;return ce(e)&&(null===(t=Ke(e))||void 0===t?void 0:t.toLocaleLowerCase(f.filterLocale).startsWith(_.current.toLocaleLowerCase(f.filterLocale)))},ce=function(e){return u.ObjectUtils.isNotEmpty(e)&&!(_e(e)||Be(e))},ue=function(){return u.ObjectUtils.isNotEmpty(f.value)},se=function(e){return ce(e)&&Me(e)},pe=function(){return ue?Qe.findIndex((function(e){return se(e)})):-1},de=function(){var e=pe();return e<0?me():e},fe=function(e,t){_.current=(_.current||"")+t;var n=-1,r=!1;return u.ObjectUtils.isNotEmpty(_.current)&&(-1!==(n=-1!==D?-1===(n=Qe.slice(D).findIndex((function(e){return ae(e)})))?Qe.slice(0,D).findIndex((function(e){return ae(e)})):n+D:Qe.findIndex((function(e){return ae(e)})))&&(r=!0),-1===n&&-1===D&&(n=de()),-1!==n&&ve(e,n)),B.current&&clearTimeout(B.current),B.current=setTimeout((function(){_.current="",B.current=null}),500),r},me=function(){return Qe.findIndex((function(e){return ce(e)}))},be=function(){return u.ObjectUtils.findLastIndex(Qe,(function(e){return ce(e)}))},ve=function(e,t){D!==t&&(j(t),f.selectOnFocus&&le(e,Qe[t],!1))},ge=function(e){if(k){var t=-1!==D?(r=(n=D)<Qe.length-1?Qe.slice(n+1).findIndex((function(e){return ce(e)})):-1)>-1?r+n+1:n:P.current?me():de();ve(e,t)}else He(),f.editable&&ve(e,pe());var n,r;e.preventDefault()},he=function(e){var t,n,r;if(e.altKey&&!(arguments.length>1&&void 0!==arguments[1]&&arguments[1]))-1!==D&&le(e,Qe[D]),state.overlayVisible&&Ge(),e.preventDefault();else{var o=-1!==D?(r=(n=D)>0?u.ObjectUtils.findLastIndex(Qe.slice(0,n),(function(e){return ce(e)})):-1)>-1?r:n:P.current?be():(t=pe())<0?be():t;ve(e,o),!k&&He(),e.preventDefault()}},ye=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]&&j(-1)},we=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]?(e.currentTarget.setSelectionRange(0,0),j(-1)):(ve(e,me()),!k&&He()),e.preventDefault()},Oe=function(e){if(arguments.length>1&&void 0!==arguments[1]&&arguments[1]){var t=e.currentTarget,n=t.value.length;t.setSelectionRange(n,n),j(-1)}else ve(e,be()),!k&&He();e.preventDefault()},Ie=function(e){e.preventDefault()},Ee=function(e){e.preventDefault()},xe=function(e){!(arguments.length>1&&void 0!==arguments[1]&&arguments[1])&&Se(e)},Se=function(e){k?(-1!==D&&le(e,Qe[D]),Ge()):(j(-1),ge(e)),e.preventDefault()},De=function(e){k&&Ge(),e.preventDefault()},je=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]||(!k||u.DomHandler.getFocusableElements(R.current,':not([data-p-hidden-focusable="true"])').length>0?(-1!==D&&le(e,Qe[D]),k&&Ge()):(u.DomHandler.focus(T.current),e.preventDefault()))},Fe=function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1]&&!k&&He()},ke=function(e){var t=null;e.target.value&&(t=Qe.findIndex((function(t){return Ke(t).toLocaleLowerCase().startsWith(e.target.value.toLocaleLowerCase())}))),j(t),f.onChange&&f.onChange({originalEvent:e.originalEvent,value:e.target.value,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:e.target.value}})},Ce=function(e){E(!0),Ge(),f.onFocus&&f.onFocus(e)},Ne=function(e){v(""),f.onFilter&&f.onFilter({filter:""}),e&&e()},Le=function(e){f.onChange&&f.onChange({originalEvent:e,value:void 0,stopPropagation:function(){e.stopPropagation()},preventDefault:function(){e.preventDefault()},target:{name:f.name,id:f.id,value:void 0}}),f.filter&&Ne(),qe()},Pe=function(e){if(et!==e.option){qe(e.option),j(-1);var t=Ve(e.option),n=Te(e.option,Qe);f.onChange&&f.onChange({originalEvent:e.originalEvent,value:t,stopPropagation:function(){e.originalEvent.stopPropagation()},preventDefault:function(){e.originalEvent.preventDefault()},target:{name:f.name,id:f.id,value:t}}),ve(e.originalEvent,n)}},Ue=function(e){if(e=e||Qe,null!=f.value&&e){if(!f.optionGroupLabel)return Te(f.value,e);for(var t=0;t<e.length;t++){var n=Te(f.value,Je(e[t]));if(-1!==n)return{group:t,option:n}}}return-1},Re=function(){return f.optionValue?null:f.dataKey},Te=function(e,t){var n=Re();return t.findIndex((function(t){return u.ObjectUtils.equals(e,Ve(t),n)}))},Me=function(e){return u.ObjectUtils.equals(f.value,Ve(e),Re())},He=function(){j(-1!==D?D:f.autoOptionFocus?de():f.editable?-1:pe()),C(!0)},Ge=function(){C(!1),P.current=!1},Ae=function(){u.DomHandler.alignOverlay(R.current,A.current.parentElement,f.appendTo||d&&d.appendTo||w.default.appendTo)},qe=function(e){A.current&&(A.current.value=e?Ke(e):f.value||"",q.current&&(q.current.value=A.current.value))},Ke=function(e){return f.optionLabel?u.ObjectUtils.resolveFieldData(e,f.optionLabel):e&&void 0!==e.label?e.label:e},Ve=function(e){return f.optionValue?u.ObjectUtils.resolveFieldData(e,f.optionValue):e&&void 0!==e.value?e.value:e},Be=function(e){return f.optionGroupLabel&&e.optionGroup&&e.group},_e=function(e){return f.optionDisabled?u.ObjectUtils.isFunction(f.optionDisabled)?f.optionDisabled(e):u.ObjectUtils.resolveFieldData(e,f.optionDisabled):!(!e||void 0===e.disabled)&&e.disabled},Je=function(e){return u.ObjectUtils.resolveFieldData(e,f.optionGroupChildren)},Xe=function(){if(f.editable&&A.current){var e=(et?Ke(et):null)||f.value||"";A.current.value=e,q.current&&(q.current.value=e)}};y.useImperativeHandle(s,(function(){return{props:f,show:He,hide:Ge,clear:Le,focus:function(){return u.DomHandler.focus(q.current)},getElement:function(){return U.current},getOverlay:function(){return R.current},getInput:function(){return A.current},getFocusInput:function(){return q.current},getVirtualScroller:function(){return V.current}}})),y.useEffect((function(){u.ObjectUtils.combinedRefs(A,f.inputRef),u.ObjectUtils.combinedRefs(q,f.focusInputRef)}),[A,f.inputRef,q,f.focusInputRef]),r.useMountEffect((function(){f.autoFocus&&u.DomHandler.focus(q.current,f.autoFocus),Ae()})),r.useUpdateEffect((function(){var e;k&&f.value&&(e=u.DomHandler.findSingle(R.current,'li[data-p-highlight="true"]'))&&e.scrollIntoView&&e.scrollIntoView({block:"nearest",inline:"nearest"})}),[k,f.value]),r.useUpdateEffect((function(){k&&b&&f.filter&&Ae()}),[k,b,f.filter]),r.useUpdateEffect((function(){!b||f.options&&0!==f.options.length||v(""),Xe(),A.current&&(A.current.selectedIndex=1)})),r.useUnmountEffect((function(){u.ZIndexUtils.clear(R.current)}));var ze,Ze,We,$e,Ye,Qe=function(){if(X&&!J){var e=b.trim().toLocaleLowerCase(f.filterLocale),n=f.filterBy?f.filterBy.split(","):[f.optionLabel||"label"];if(f.optionGroupLabel){var r,o=[],l=H(f.options);try{for(l.s();!(r=l.n()).done;){var i=r.value,a=t.FilterService.filter(Je(i),n,e,f.filterMatchMode,f.filterLocale);a&&a.length&&o.push(K(K({},i),S({},"".concat(f.optionGroupChildren),a)))}}catch(e){l.e(e)}finally{l.f()}return o}return t.FilterService.filter(f.options,n,e,f.filterMatchMode,f.filterLocale)}return f.options}(),et=-1!==(ze=Ue(f.options))?f.optionGroupLabel?Je(f.options[ze.group])[ze.option]:f.options[ze]:null,tt=u.ObjectUtils.isNotEmpty(f.tooltip),nt=L.getOtherProps(f),rt=u.ObjectUtils.reduceKeys(nt,u.DomHandler.ARIA_PROPS),ot=function(){var e={value:"",label:f.placeholder};if(et){var t=Ve(et);e={value:"object"===I(t)?f.options.findIndex((function(e){return e===t})):t,label:Ke(et)}}var n=p({className:"p-hidden-accessible p-dropdown-hidden-select"},W("hiddenSelectedMessage")),r=p({ref:A,required:f.required,defaultValue:e.value,name:f.name,tabIndex:-1,"aria-hidden":"true"},W("select")),o=p({value:e.value},W("option"));return y.createElement("div",n,y.createElement("select",r,y.createElement("option",o,e.label)))}(),lt=function(){var e=u.ObjectUtils.isNotEmpty(et)?Ke(et):null;f.editable&&(e=e||f.value||"");var t=p({className:"p-hidden-accessible"},W("hiddenSelectedMessage")),n=p(K({ref:q,id:f.inputId,defaultValue:e,type:"text",readOnly:!0,"aria-haspopup":"listbox",onFocus:re,onBlur:oe,onKeyDown:ie,disabled:f.disabled,tabIndex:f.disabled?-1:f.tabIndex||0},rt),W("input"));return y.createElement("div",t,y.createElement("input",n))}(),it=function(){var e=u.ObjectUtils.isNotEmpty(et)?Ke(et):null;if(f.editable){var t=p(K({ref:A,type:"text",defaultValue:e||f.value||"",className:$("input",{label:e}),disabled:f.disabled,placeholder:f.placeholder,maxLength:f.maxLength,onInput:ke,onFocus:Ce,onKeyDown:ie,onBlur:oe,tabIndex:f.disabled?-1:f.tabIndex||0,"aria-haspopup":"listbox"},rt),W("input"));return y.createElement("input",t)}var n=f.valueTemplate?u.ObjectUtils.getJSXElement(f.valueTemplate,et,f):e||f.placeholder||"empty",r=p({ref:A,className:$("input",{label:e}),tabIndex:"-1"},W("input"));return y.createElement("span",r,n)}(),at=f.loading?(Ze=p({className:$("loadingIcon"),"data-pr-overlay-visible":k},W("loadingIcon")),We=u.IconUtils.getJSXIcon(f.loadingIcon||y.createElement(l.SpinnerIcon,{spin:!0}),K({},Ze),{props:f}),$e=f.placeholder||f.ariaLabel,Ye=p({className:$("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":k,"aria-label":$e},W("trigger")),y.createElement("div",Ye,We)):function(){var e=p({className:$("dropdownIcon"),"data-pr-overlay-visible":k},W("dropdownIcon")),t=u.IconUtils.getJSXIcon(f.dropdownIcon||y.createElement(o.ChevronDownIcon,e),K({},e),{props:f}),n=f.placeholder||f.ariaLabel,r=p({className:$("trigger"),role:"button","aria-haspopup":"listbox","aria-expanded":k,"aria-label":n},W("trigger"));return y.createElement("div",r,t)}(),ct=function(){if(null!=f.value&&f.showClear&&!f.disabled){var e=p({className:$("clearIcon"),onPointerUp:Le},W("clearIcon"));return u.IconUtils.getJSXIcon(f.clearIcon||y.createElement(i.TimesIcon,e),K({},e),{props:f})}return null}(),ut=p({id:f.id,ref:U,className:u.classNames(f.className,$("root",{focusedState:h,overlayVisibleState:k})),style:f.style,onClick:function(e){return t=e,void(f.disabled||f.loading||(f.onClick&&f.onClick(t),t.defaultPrevented||ne(t)||"INPUT"===t.target.tagName||(R.current&&R.current&&R.current.contains(t.target)||(u.DomHandler.focus(q.current),k?Ge():He()),P.current=!0)));var t},onMouseDown:f.onMouseDown,onContextMenu:f.onContextMenu,onFocus:function(){f.editable&&!k&&!1===P.current&&u.DomHandler.focus(A.current)},"data-p-disabled":f.disabled,"data-p-focus":h},nt,W("root")),st=p({ref:T,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:function(e){var t=e.relatedTarget===q.current?u.DomHandler.getFirstFocusableElement(R.current,':not([data-p-hidden-focusable="true"])'):q.current;u.DomHandler.focus(t)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},W("hiddenFirstFocusableEl")),pt=p({ref:G,role:"presentation","aria-hidden":"true",className:"p-hidden-accessible p-hidden-focusable",tabIndex:"0",onFocus:function(e){var t=e.relatedTarget===q.current?u.DomHandler.getLastFocusableElement(R.current,':not([data-p-hidden-focusable="true"])'):q.current;u.DomHandler.focus(t)},"data-p-hidden-accessible":!0,"data-p-hidden-focusable":!0},W("hiddenLastFocusableEl"));return y.createElement(y.Fragment,null,y.createElement("div",ut,lt,ot,it,ct,at,y.createElement(M,O({hostName:"Dropdown",ref:R,visibleOptions:Qe,virtualScrollerRef:V},f,{appendTo:z,cx:$,filterValue:b,focusedOptionIndex:D,getOptionGroupChildren:Je,getOptionGroupLabel:function(e){return u.ObjectUtils.resolveFieldData(e,f.optionGroupLabel)},getOptionGroupRenderKey:function(e){return u.ObjectUtils.resolveFieldData(e,f.optionGroupLabel)},getOptionLabel:Ke,getOptionRenderKey:function(e){return f.dataKey?u.ObjectUtils.resolveFieldData(e,f.dataKey):Ke(e)},getSelectedOptionIndex:Ue,hasFilter:X,in:k,isOptionDisabled:_e,isSelected:Me,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:U.current})},onEnter:function(e){u.ZIndexUtils.set("overlay",R.current,d&&d.autoZIndex||w.default.autoZIndex,d&&d.zIndex.overlay||w.default.zIndex.overlay),u.DomHandler.addStyles(R.current,{position:"absolute",top:"0",left:"0"}),Ae(),e&&e()},onEntered:function(e){e&&e(),ee(),f.onShow&&f.onShow()},onExit:function(){te()},onExited:function(){f.filter&&f.resetFilterOnHide&&Ne(),u.ZIndexUtils.clear(R.current),f.onHide&&f.onHide()},onFilterClearIconClick:function(e){Ne(e)},onFilterInputChange:function(e){var t=e.target.value;v(t),f.onFilter&&f.onFilter({originalEvent:e,filter:t})},onFilterInputKeyDown:function(e){switch(e.code){case"ArrowDown":ge(e);break;case"ArrowUp":he(e);break;case"ArrowLeft":case"ArrowRight":ye(e,!0);break;case"Escape":case"Enter":Se(e),e.preventDefault()}},onOptionClick:function(e){e.option.disabled||(Pe(e),u.DomHandler.focus(q.current)),Ge()},ptm:W,resetFilter:Ne,setFocusedOptionIndex:j,firstFocusableElement:y.createElement("span",st),lastFocusableElement:y.createElement("span",pt),sx:Y}))),tt&&y.createElement(c.Tooltip,O({target:U,content:f.tooltip,pt:W("tooltip")},f.tooltipOptions)))})));V.displayName="Dropdown",exports.Dropdown=V;

package/dropdown/dropdown.d.ts

@@ -93,10 +93,26 @@ export interface DropdownPassThroughOptions {
      * Uses to pass attributes to the item group's DOM element.
      */
     itemGroup?: DropdownPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Used to pass attributes to the item group label's DOM element.
+     */
+    itemGroupLabel?: DropdownPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
     /**
      * Uses to pass attributes to the item's DOM element.
      */
     item?: DropdownPassThroughType<React.HTMLAttributes<HTMLLIElement>>;
+    /**
+     * Used to pass attributes to the item label's DOM element.
+     */
+    itemLabel?: DropdownPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Used to pass attributes to the check icon's DOM element.
+     */
+    checkIcon?: DropdownPassThroughType<React.HTMLAttributes<SVGSVGElement>>;
+    /**
+     * Used to pass attributes to the bank icon's DOM element.
+     */
+    blankIcon?: DropdownPassThroughType<React.HTMLAttributes<SVGSVGElement>>;
     /**
      * Uses to pass attributes to the empty message's DOM element.
      */
@@ -246,6 +262,11 @@ export interface DropdownProps extends Omit<React.DetailedHTMLProps<React.InputH
      * A property to uniquely match the value in options for better performance.
      */
     dataKey?: string | undefined;
+    /**
+     * When present, it specifies that the component should have invalid state style.
+     * @defaultValue false
+     */
+    invalid?: boolean | undefined;
     /**
      * When present, it specifies that the component should be disabled.
      * @defaultValue false
@@ -260,6 +281,16 @@ export interface DropdownProps extends Omit<React.DetailedHTMLProps<React.InputH
      * @defaultValue false
      */
     editable?: boolean | undefined;
+    /**
+     *  Whether the selected option will be add highlight class.
+     *  @defaultValue true
+     */
+    highlightOnSelect?: boolean | undefined;
+    /**
+     *  Whether the selected option will be shown with a check mark.
+     *  @defaultValue false
+     */
+    checkmark?: boolean | undefined;
     /**
      * Template to display when filtering does not return any results.
      * @defaultValue No available options
@@ -319,6 +350,16 @@ export interface DropdownProps extends Omit<React.DetailedHTMLProps<React.InputH
      * Unique identifier of the element.
      */
     id?: string | undefined;
+    /**
+     * When enabled, the focused tab is activated.
+     * @defaultValue false
+     */
+    selectOnFocus?: false;
+    /**
+     * Whether to focus on the first visible or selected element.
+     * @defaultValue false
+     */
+    autoOptionFocus?: false;
     /**
      * Identifier of the focusable input.
      */