primereact 8.4.0 → 8.6.0

package/autocomplete/autocomplete.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import PrimeReact from 'primereact/api';
+import PrimeReact, { localeOption } from 'primereact/api';
 import { Button } from 'primereact/button';
 import { useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { InputText } from 'primereact/inputtext';
@@ -12,7 +12,7 @@ import { Ripple } from 'primereact/ripple';
 import { VirtualScroller } from 'primereact/virtualscroller';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -25,7 +25,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -187,6 +186,15 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
   };
 
   var createContent = function createContent() {
+    if (props.showEmptyMessage && ObjectUtils.isEmpty(props.suggestions)) {
+      var emptyMessage = props.emptyMessage || localeOption('emptyMessage');
+      return /*#__PURE__*/React.createElement("ul", {
+        className: "p-autocomplete-items"
+      }, /*#__PURE__*/React.createElement("li", {
+        className: "p-autocomplete-item"
+      }, emptyMessage));
+    }
+
     if (props.virtualScrollerOptions) {
       var virtualScrollerProps = _objectSpread(_objectSpread({}, props.virtualScrollerOptions), {
         style: _objectSpread(_objectSpread({}, props.virtualScrollerOptions.style), {
@@ -407,7 +415,9 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   var formatValue = function formatValue(value) {
     if (value) {
-      if (props.selectedItemTemplate && (props.multiple ? isSelected(value) : findOptionIndex(value) > -1)) {
+      if (typeof value === 'string') {
+        return value;
+      } else if (props.selectedItemTemplate) {
         var resolvedFieldData = ObjectUtils.getJSXElement(props.selectedItemTemplate, value);
         return resolvedFieldData ? resolvedFieldData : value;
       } else if (props.field) {
@@ -668,12 +678,6 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }) : false;
   };
 
-  var findOptionIndex = function findOptionIndex(option) {
-    return props.suggestions ? props.suggestions.findIndex(function (s) {
-      return ObjectUtils.equals(s, option);
-    }) : -1;
-  };
-
   var getScrollableElement = function getScrollableElement() {
     return virtualScrollerRef.current ? overlayRef.current.firstChild : overlayRef.current;
   };
@@ -700,7 +704,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   });
   useUpdateEffect(function () {
     if (searchingState) {
-      ObjectUtils.isNotEmpty(props.suggestions) ? show() : hide();
+      ObjectUtils.isNotEmpty(props.suggestions) || props.showEmptyMessage ? show() : hide();
       setSearchingState(false);
     }
   }, [props.suggestions]);
@@ -741,7 +745,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     var className = classNames('p-autocomplete-input', props.inputClassName, {
       'p-autocomplete-dd-input': props.dropdown
     });
-    return /*#__PURE__*/React.createElement(InputText, {
+    return /*#__PURE__*/React.createElement(InputText, _extends({
       ref: inputRef,
       id: props.inputId,
       type: props.type,
@@ -752,8 +756,6 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       "aria-controls": ariaControls,
       "aria-haspopup": "listbox",
       "aria-expanded": overlayVisibleState,
-      "aria-labelledby": props['aria-labelledby'],
-      "aria-label": props['aria-label'],
       className: className,
       style: props.inputStyle,
       autoComplete: "off",
@@ -773,7 +775,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       onContextMenu: props.onContextMenu,
       onClick: props.onClick,
       onDoubleClick: props.onDblClick
-    });
+    }, ariaProps, dataProps));
   };
 
   var createChips = function createChips() {
@@ -803,7 +805,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     var ariaControls = overlayVisibleState ? idState + '_list' : null;
     return /*#__PURE__*/React.createElement("li", {
       className: "p-autocomplete-input-token"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/React.createElement("input", _extends({
       ref: inputRef,
       type: props.type,
       disabled: props.disabled,
@@ -813,8 +815,6 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       "aria-controls": ariaControls,
       "aria-haspopup": "listbox",
       "aria-expanded": overlayVisibleState,
-      "aria-labelledby": props['aria-labelledby'],
-      "aria-label": props['aria-label'],
       autoComplete: "off",
       tabIndex: props.tabIndex,
       onChange: onInputChange,
@@ -828,7 +828,7 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       onKeyPress: props.onKeyPress,
       onFocus: onMultiInputFocus,
       onBlur: onMultiInputBlur
-    }));
+    }, ariaProps, dataProps)));
   };
 
   var createMultipleAutoComplete = function createMultipleAutoComplete() {
@@ -849,12 +849,14 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   var createDropdown = function createDropdown() {
     if (props.dropdown) {
+      var ariaLabel = props.dropdownAriaLabel || props.placeholder || localeOption('choose');
       return /*#__PURE__*/React.createElement(Button, {
         type: "button",
         icon: props.dropdownIcon,
         className: "p-autocomplete-dropdown",
         disabled: props.disabled,
-        onClick: onDropdownClick
+        onClick: onDropdownClick,
+        "aria-label": ariaLabel
       });
     }
 
@@ -878,6 +880,8 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   var listId = idState + '_list';
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, AutoComplete.defaultProps);
+  var dataProps = ObjectUtils.reduceKeys(otherProps, DomHandler.DATA_PROPS);
+  var ariaProps = ObjectUtils.reduceKeys(otherProps, DomHandler.ARIA_PROPS);
   var className = classNames('p-autocomplete p-component p-inputwrapper', {
     'p-autocomplete-dd': props.dropdown,
     'p-autocomplete-multiple': props.multiple,
@@ -917,65 +921,65 @@ AutoComplete.displayName = 'AutoComplete';
 AutoComplete.defaultProps = {
   __TYPE: 'AutoComplete',
   id: null,
-  inputRef: null,
-  value: null,
-  name: null,
-  type: 'text',
-  suggestions: null,
-  field: null,
-  optionGroupLabel: null,
-  optionGroupChildren: null,
-  optionGroupTemplate: null,
-  forceSelection: false,
+  appendTo: null,
+  autoFocus: false,
   autoHighlight: false,
-  virtualScrollerOptions: null,
-  scrollHeight: '200px',
+  className: null,
+  completeMethod: null,
+  delay: 300,
+  disabled: false,
   dropdown: false,
-  dropdownMode: 'blank',
   dropdownAutoFocus: true,
-  multiple: false,
-  minLength: 1,
-  delay: 300,
-  style: null,
-  className: null,
+  dropdownIcon: 'pi pi-chevron-down',
+  dropdownMode: 'blank',
+  emptyMessage: null,
+  field: null,
+  forceSelection: false,
+  inputClassName: null,
   inputId: null,
+  inputRef: null,
   inputStyle: null,
-  inputClassName: null,
+  itemTemplate: null,
+  maxLength: null,
+  minLength: 1,
+  multiple: false,
+  name: null,
+  onBlur: null,
+  onChange: null,
+  onClear: null,
+  onClick: null,
+  onContextMenu: null,
+  onDblClick: null,
+  onDropdownClick: null,
+  onFocus: null,
+  onHide: null,
+  onKeyPress: null,
+  onKeyUp: null,
+  onMouseDown: null,
+  onSelect: null,
+  onShow: null,
+  onUnselect: null,
+  optionGroupChildren: null,
+  optionGroupLabel: null,
+  optionGroupTemplate: null,
   panelClassName: null,
   panelStyle: null,
   placeholder: null,
   readOnly: false,
-  disabled: false,
-  maxLength: null,
+  removeIcon: 'pi pi-times-circle',
+  scrollHeight: '200px',
+  selectedItemTemplate: null,
+  showEmptyMessage: false,
   size: null,
-  appendTo: null,
+  style: null,
+  suggestions: null,
   tabIndex: null,
-  autoFocus: false,
   tooltip: null,
   tooltipOptions: null,
-  completeMethod: null,
-  itemTemplate: null,
-  selectedItemTemplate: null,
   transitionOptions: null,
-  dropdownIcon: 'pi pi-chevron-down',
-  removeIcon: 'pi pi-times-circle',
-  'aria-label': null,
-  'aria-labelledby': null,
-  onChange: null,
-  onFocus: null,
-  onBlur: null,
-  onSelect: null,
-  onUnselect: null,
-  onDropdownClick: null,
-  onClick: null,
-  onDblClick: null,
-  onMouseDown: null,
-  onKeyUp: null,
-  onKeyPress: null,
-  onContextMenu: null,
-  onClear: null,
-  onShow: null,
-  onHide: null
+  type: 'text',
+  value: null,
+  virtualScrollerOptions: null
 };
 
 export { AutoComplete };

package/autocomplete/autocomplete.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t from"primereact/api";import{Button as n}from"primereact/button";import{useOverlayListener as l,useMountEffect as o,useUpdateEffect as r,useUnmountEffect as i}from"primereact/hooks";import{InputText as a}from"primereact/inputtext";import{OverlayService as u}from"primereact/overlayservice";import{Tooltip as c}from"primereact/tooltip";import{classNames as p,ObjectUtils as s,UniqueComponentId as m,DomHandler as d,ZIndexUtils as f,IconUtils as g}from"primereact/utils";import{CSSTransition as v}from"primereact/csstransition";import{Portal as y}from"primereact/portal";import{Ripple as h}from"primereact/ripple";import{VirtualScroller as b}from"primereact/virtualscroller";function C(){return C=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},C.apply(this,arguments)}function E(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function w(e){if(Array.isArray(e))return E(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return E(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(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e){if(Array.isArray(e))return e}function I(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);i=!0);}catch(e){a=!0,o=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw o}}return r}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,t){return O(e)||I(e,t)||S(e,t)||D()}function T(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=e.memo(e.forwardRef((function(t,n){var l,o,r,i=function(e){return s.resolveFieldData(e,t.optionGroupLabel)},a=function(n,l,o){return t.getOptionGroupChildren(n).map((function(n,r){var i=l+"_"+r,a=t.selectedItem===n,u=t.itemTemplate?s.getJSXElement(t.itemTemplate,n,r):t.field?s.resolveFieldData(n,t.field):n;return e.createElement("li",{key:i,role:"option","aria-selected":a,className:"p-autocomplete-item",style:o,onClick:function(e){return t.onItemClick(e,n)},"data-group":l,"data-index":r},u,e.createElement(h,null))}))},u=function(n,l){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:o.props?o.props.itemSize:void 0};if(t.optionGroupLabel){var u=t.optionGroupTemplate?s.getJSXElement(t.optionGroupTemplate,n,l):t.getOptionGroupLabel(n),c=a(n,l,r),p=l+"_"+i(n);return e.createElement(e.Fragment,{key:p},e.createElement("li",{className:"p-autocomplete-item-group",style:r},u),c)}var m=t.itemTemplate?s.getJSXElement(t.itemTemplate,n,l):t.field?s.resolveFieldData(n,t.field):n;return e.createElement("li",{key:l,role:"option","aria-selected":t.selectedItem===n,className:"p-autocomplete-item",style:r,onClick:function(e){return t.onItemClick(e,n)}},m,e.createElement(h,null))},c=function(){if(t.virtualScrollerOptions){var n=P(P({},t.virtualScrollerOptions),{style:P(P({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),autoSize:!0,items:t.suggestions,itemTemplate:function(e,t){return e&&u(e,t.index,t)},contentTemplate:function(n){var l=p("p-autocomplete-items",n.className);return e.createElement("ul",{ref:n.contentRef,className:l,role:"listbox",id:t.listId},n.children)}});return e.createElement(b,C({ref:t.virtualScrollerRef},n))}var l=t.suggestions?t.suggestions.map(u):null;return e.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:t.listId},l)},m=(l=p("p-autocomplete-panel p-component",t.panelClassName),o=P({maxHeight:t.scrollHeight},t.panelStyle||{}),r=c(),e.createElement(v,{nodeRef:n,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:n,className:l,style:o,onClick:t.onClick},r)));return e.createElement(y,{element:m,appendTo:t.appendTo})})));j.displayName="AutoCompletePanel";var R=e.memo(e.forwardRef((function(v,y){var h=N(e.useState(v.id),2),b=h[0],E=h[1],O=N(e.useState(!1),2),I=O[0],D=O[1],T=N(e.useState(!1),2),F=T[0],P=T[1],M=N(e.useState(!1),2),A=M[0],G=M[1],L=e.useRef(null),K=e.useRef(null),U=e.useRef(v.inputRef),H=e.useRef(null),_=e.useRef(null),z=e.useRef(null),B=e.useRef(null),J=N(l({target:L,overlay:K,listener:function(e,t){t.valid&&("outside"===t.type?!V(e)&&te():te())},when:A}),2),X=J[0],q=J[1],V=function(e){return v.multiple?e.target===H.current||H.current.contains(e.target):e.target===U.current},Y=function(e){z.current&&clearTimeout(z.current);var t=e.target.value;v.multiple||Q(e,t),s.isEmpty(t)?(te(),v.onClear&&v.onClear(e)):t.length>=v.minLength?z.current=setTimeout((function(){Z(e,t,"input")}),v.delay):te()},Z=function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||v.completeMethod&&(D(!0),v.completeMethod({originalEvent:e,query:t})))},$=function(e,t,n){if(v.multiple){if(U.current.value="",!ge(t)){var l=v.value?[].concat(w(o=v.value)||x(o)||S(o)||k(),[t]):[t];Q(e,l)}}else ee(t),Q(e,t);var o;v.onSelect&&v.onSelect({originalEvent:e,value:t}),n||(d.focus(U.current),te())},Q=function(e,t){B&&B.current===t||(v.onChange&&v.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:v.name,id:b,value:t}}),B.current=t)},W=function(e){if(e){if(v.selectedItemTemplate&&(v.multiple?ge(e):ve(e)>-1)){var t=s.getJSXElement(v.selectedItemTemplate,e);return t||e}if(v.field){var n=s.resolveFieldData(e,v.field);return null!=n?n:e}return e}return""},ee=function(e){U.current.value=W(e)},te=function(){G(!1),D(!1)},ne=function(){d.alignOverlay(K.current,v.multiple?H.current:U.current,v.appendTo||t.appendTo)},le=function(e){v.dropdownAutoFocus&&d.focus(U.current,v.dropdownAutoFocus),"blank"===v.dropdownMode?Z(e,"","dropdown"):"current"===v.dropdownMode&&Z(e,U.current.value,"dropdown"),v.onDropdownClick&&v.onDropdownClick({originalEvent:e,query:U.current.value})},oe=function(e,t){var n=v.value[t],l=v.value.filter((function(e,n){return t!==n}));Q(e,l),v.onUnselect&&v.onUnselect({originalEvent:e,value:n})},re=function(e){if(A){var t=d.findSingle(K.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=ae(t);n&&(d.addClass(n,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(ye(),n))}else t=d.findSingle(K.current,"li"),d.hasClass(t,"p-autocomplete-item-group")&&(t=ae(t)),t&&d.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var l=ue(t);l&&(d.addClass(l,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(ye(),l))}e.preventDefault();break;case 13:t&&(ie(e,t),te(),e.preventDefault());break;case 27:te(),e.preventDefault();break;case 9:t&&ie(e,t),te()}}if(v.multiple&&8===e.which)if(v.value&&v.value.length&&!U.current.value){var o=v.value[v.value.length-1],r=v.value.slice(0,-1);Q(e,r),v.onUnselect&&v.onUnselect({originalEvent:e,value:o})}},ie=function(e,t){v.optionGroupLabel?$(e,he(v.suggestions[t.dataset.group])[t.dataset.index]):$(e,v.suggestions[d.index(t)])},ae=function e(t){var n=t.nextElementSibling;return n?d.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ue=function e(t){var n=t.previousElementSibling;return n?d.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ce=function(e){P(!0),v.onFocus&&v.onFocus(e)},pe=function(e){var t=e.target.value.trim(),n=(v.suggestions||[]).find((function(e){var n=v.field?s.resolveFieldData(e,v.field):e;return n&&t===n.trim()}));n?$(e,n,!0):(U.current.value="",Q(e,null),v.onClear&&v.onClear(e))},se=function(e){P(!1),v.forceSelection&&pe(e),v.onBlur&&v.onBlur(e)},me=function(e){d.focus(U.current),v.onClick&&v.onClick(e)},de=function(e){ce(e),d.addClass(H.current,"p-focus")},fe=function(e){se(e),d.removeClass(H.current,"p-focus")},ge=function(e){return!!v.value&&v.value.some((function(t){return s.equals(t,e)}))},ve=function(e){return v.suggestions?v.suggestions.findIndex((function(t){return s.equals(t,e)})):-1},ye=function(){return _.current?K.current.firstChild:K.current},he=function(e){return s.resolveFieldData(e,v.optionGroupChildren)};e.useEffect((function(){s.combinedRefs(U,v.inputRef)}),[U,v.inputRef]),o((function(){b||E(m()),v.autoFocus&&d.focus(U.current,v.autoFocus)})),r((function(){I&&(s.isNotEmpty(v.suggestions)?G(!0):te(),D(!1))}),[v.suggestions]),r((function(){U.current&&!v.multiple&&ee(v.value)})),i((function(){z.current&&clearTimeout(z.current),f.clear(K.current)})),e.useImperativeHandle(y,(function(){return{props:v,search:Z,getElement:function(){return L.current},getOverlay:function(){return K.current},getInput:function(){return U.current},getVirtualScroller:function(){return _.current}}}));var be=function(){var t=W(v.value),n=A?b+"_list":null,l=p("p-autocomplete-input",v.inputClassName,{"p-autocomplete-dd-input":v.dropdown});return e.createElement(a,{ref:U,id:v.inputId,type:v.type,name:v.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":A,"aria-labelledby":v["aria-labelledby"],"aria-label":v["aria-label"],className:l,style:v.inputStyle,autoComplete:"off",readOnly:v.readOnly,disabled:v.disabled,placeholder:v.placeholder,size:v.size,maxLength:v.maxLength,tabIndex:v.tabIndex,onBlur:se,onFocus:ce,onChange:Y,onMouseDown:v.onMouseDown,onKeyUp:v.onKeyUp,onKeyDown:re,onKeyPress:v.onKeyPress,onContextMenu:v.onContextMenu,onClick:v.onClick,onDoubleClick:v.onDblClick})},Ce=function(){var t=p("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":v.disabled}),n=s.isNotEmpty(v.value)?v.value.map((function(t,n){return e.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},e.createElement("span",{className:"p-autocomplete-token-label"},W(t)),!v.disabled&&g.getJSXIcon(v.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return oe(e,n)}},{props:v}))})):null;return e.createElement("ul",{ref:H,className:t,onContextMenu:v.onContextMenu,onMouseDown:v.onMouseDown,onClick:me,onDoubleClick:v.onDblClick},n,e.createElement("li",{className:"p-autocomplete-input-token"},e.createElement("input",{ref:U,type:v.type,disabled:v.disabled,placeholder:v.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":A?b+"_list":null,"aria-haspopup":"listbox","aria-expanded":A,"aria-labelledby":v["aria-labelledby"],"aria-label":v["aria-label"],autoComplete:"off",tabIndex:v.tabIndex,onChange:Y,id:v.inputId,name:v.name,style:v.inputStyle,className:v.inputClassName,maxLength:v.maxLength,onKeyUp:v.onKeyUp,onKeyDown:re,onKeyPress:v.onKeyPress,onFocus:de,onBlur:fe})))},Ee=b+"_list",we=s.isNotEmpty(v.tooltip),xe=s.findDiffKeys(v,R.defaultProps),Se=p("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":v.dropdown,"p-autocomplete-multiple":v.multiple,"p-inputwrapper-filled":v.value,"p-inputwrapper-focus":F},v.className),ke=I?e.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,Oe=v.multiple?Ce():be(),Ie=v.dropdown?e.createElement(n,{type:"button",icon:v.dropdownIcon,className:"p-autocomplete-dropdown",disabled:v.disabled,onClick:le}):null;return e.createElement(e.Fragment,null,e.createElement("span",C({ref:L,id:b,style:v.style,className:Se},xe),Oe,ke,Ie,e.createElement(j,C({ref:K,virtualScrollerRef:_},v,{listId:Ee,onItemClick:$,selectedItem:B,onClick:function(e){u.emit("overlay-click",{originalEvent:e,target:L.current})},getOptionGroupLabel:function(e){return v.optionGroupLabel?s.resolveFieldData(e,v.optionGroupLabel):e},getOptionGroupChildren:he,in:A,onEnter:function(){f.set("overlay",K.current,t.autoZIndex,t.zIndex.overlay),ne()},onEntering:function(){if(v.autoHighlight&&v.suggestions&&v.suggestions.length){var e=ye().firstChild.firstChild;d.addClass(e,"p-highlight")}},onEntered:function(){X(),v.onShow&&v.onShow()},onExit:function(){q()},onExited:function(){f.clear(K.current),v.onHide&&v.onHide()}}))),we&&e.createElement(c,C({target:L,content:v.tooltip},v.tooltipOptions)))})));R.displayName="AutoComplete",R.defaultProps={__TYPE:"AutoComplete",id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",dropdownAutoFocus:!0,multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxLength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle","aria-label":null,"aria-labelledby":null,onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null};export{R as AutoComplete};
+import*as e from"react";import t,{localeOption as n}from"primereact/api";import{Button as o}from"primereact/button";import{useOverlayListener as l,useMountEffect as r,useUpdateEffect as i,useUnmountEffect as a}from"primereact/hooks";import{InputText as u}from"primereact/inputtext";import{OverlayService as c}from"primereact/overlayservice";import{Tooltip as p}from"primereact/tooltip";import{classNames as s,ObjectUtils as m,UniqueComponentId as f,DomHandler as d,ZIndexUtils as g,IconUtils as v}from"primereact/utils";import{CSSTransition as y}from"primereact/csstransition";import{Portal as h}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{VirtualScroller as E}from"primereact/virtualscroller";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 o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},C.apply(this,arguments)}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,o=new Array(t);n<t;n++)o[n]=e[n];return o}function S(e){if(Array.isArray(e))return w(e)}function x(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return w(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)?w(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var o,l,r=[],i=!0,a=!1;try{for(n=n.call(e);!(i=(o=n.next()).done)&&(r.push(o.value),!t||r.length!==t);i=!0);}catch(e){a=!0,l=e}finally{try{i||null==n.return||n.return()}finally{if(a)throw l}}return r}}function N(){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 T(e,t){return I(e)||D(e,t)||O(e,t)||N()}function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function M(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function R(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?M(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):M(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var A=e.memo(e.forwardRef((function(t,o){var l,r,i,a=function(e){return m.resolveFieldData(e,t.optionGroupLabel)},u=function(n,o,l){return t.getOptionGroupChildren(n).map((function(n,r){var i=o+"_"+r,a=t.selectedItem===n,u=t.itemTemplate?m.getJSXElement(t.itemTemplate,n,r):t.field?m.resolveFieldData(n,t.field):n;return e.createElement("li",{key:i,role:"option","aria-selected":a,className:"p-autocomplete-item",style:l,onClick:function(e){return t.onItemClick(e,n)},"data-group":o,"data-index":r},u,e.createElement(b,null))}))},c=function(n,o){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(t.optionGroupLabel){var i=t.optionGroupTemplate?m.getJSXElement(t.optionGroupTemplate,n,o):t.getOptionGroupLabel(n),c=u(n,o,r),p=o+"_"+a(n);return e.createElement(e.Fragment,{key:p},e.createElement("li",{className:"p-autocomplete-item-group",style:r},i),c)}var s=t.itemTemplate?m.getJSXElement(t.itemTemplate,n,o):t.field?m.resolveFieldData(n,t.field):n;return e.createElement("li",{key:o,role:"option","aria-selected":t.selectedItem===n,className:"p-autocomplete-item",style:r,onClick:function(e){return t.onItemClick(e,n)}},s,e.createElement(b,null))},p=function(){if(t.showEmptyMessage&&m.isEmpty(t.suggestions)){var o=t.emptyMessage||n("emptyMessage");return e.createElement("ul",{className:"p-autocomplete-items"},e.createElement("li",{className:"p-autocomplete-item"},o))}if(t.virtualScrollerOptions){var l=R(R({},t.virtualScrollerOptions),{style:R(R({},t.virtualScrollerOptions.style),{height:t.scrollHeight}),autoSize:!0,items:t.suggestions,itemTemplate:function(e,t){return e&&c(e,t.index,t)},contentTemplate:function(n){var o=s("p-autocomplete-items",n.className);return e.createElement("ul",{ref:n.contentRef,className:o,role:"listbox",id:t.listId},n.children)}});return e.createElement(E,C({ref:t.virtualScrollerRef},l))}var r=t.suggestions?t.suggestions.map(c):null;return e.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:t.listId},r)},f=(l=s("p-autocomplete-panel p-component",t.panelClassName),r=R({maxHeight:t.scrollHeight},t.panelStyle||{}),i=p(),e.createElement(y,{nodeRef:o,classNames:"p-connected-overlay",in:t.in,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:t.onEnter,onEntering:t.onEntering,onEntered:t.onEntered,onExit:t.onExit,onExited:t.onExited},e.createElement("div",{ref:o,className:l,style:r,onClick:t.onClick},i)));return e.createElement(h,{element:f,appendTo:t.appendTo})})));A.displayName="AutoCompletePanel";var F=e.memo(e.forwardRef((function(y,h){var b=T(e.useState(y.id),2),E=b[0],w=b[1],I=T(e.useState(!1),2),D=I[0],N=I[1],P=T(e.useState(!1),2),M=P[0],R=P[1],j=T(e.useState(!1),2),L=j[0],G=j[1],K=e.useRef(null),U=e.useRef(null),H=e.useRef(y.inputRef),_=e.useRef(null),z=e.useRef(null),B=e.useRef(null),J=e.useRef(null),X=T(l({target:K,overlay:U,listener:function(e,t){t.valid&&("outside"===t.type?!Y(e)&&ne():ne())},when:L}),2),V=X[0],q=X[1],Y=function(e){return y.multiple?e.target===_.current||_.current.contains(e.target):e.target===H.current},Z=function(e){B.current&&clearTimeout(B.current);var t=e.target.value;y.multiple||W(e,t),m.isEmpty(t)?(ne(),y.onClear&&y.onClear(e)):t.length>=y.minLength?B.current=setTimeout((function(){$(e,t,"input")}),y.delay):ne()},$=function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||y.completeMethod&&(N(!0),y.completeMethod({originalEvent:e,query:t})))},Q=function(e,t,n){if(y.multiple){if(H.current.value="",!ve(t)){var o=y.value?[].concat(S(l=y.value)||x(l)||O(l)||k(),[t]):[t];W(e,o)}}else te(t),W(e,t);var l;y.onSelect&&y.onSelect({originalEvent:e,value:t}),n||(d.focus(H.current),ne())},W=function(e,t){J&&J.current===t||(y.onChange&&y.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:y.name,id:E,value:t}}),J.current=t)},ee=function(e){if(e){if("string"==typeof e)return e;if(y.selectedItemTemplate){var t=m.getJSXElement(y.selectedItemTemplate,e);return t||e}if(y.field){var n=m.resolveFieldData(e,y.field);return null!=n?n:e}return e}return""},te=function(e){H.current.value=ee(e)},ne=function(){G(!1),N(!1)},oe=function(){d.alignOverlay(U.current,y.multiple?_.current:H.current,y.appendTo||t.appendTo)},le=function(e){y.dropdownAutoFocus&&d.focus(H.current,y.dropdownAutoFocus),"blank"===y.dropdownMode?$(e,"","dropdown"):"current"===y.dropdownMode&&$(e,H.current.value,"dropdown"),y.onDropdownClick&&y.onDropdownClick({originalEvent:e,query:H.current.value})},re=function(e,t){var n=y.value[t],o=y.value.filter((function(e,n){return t!==n}));W(e,o),y.onUnselect&&y.onUnselect({originalEvent:e,value:n})},ie=function(e){if(L){var t=d.findSingle(U.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=ue(t);n&&(d.addClass(n,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(ye(),n))}else t=d.findSingle(U.current,"li"),d.hasClass(t,"p-autocomplete-item-group")&&(t=ue(t)),t&&d.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var o=ce(t);o&&(d.addClass(o,"p-highlight"),d.removeClass(t,"p-highlight"),d.scrollInView(ye(),o))}e.preventDefault();break;case 13:t&&(ae(e,t),ne(),e.preventDefault());break;case 27:ne(),e.preventDefault();break;case 9:t&&ae(e,t),ne()}}if(y.multiple&&8===e.which)if(y.value&&y.value.length&&!H.current.value){var l=y.value[y.value.length-1],r=y.value.slice(0,-1);W(e,r),y.onUnselect&&y.onUnselect({originalEvent:e,value:l})}},ae=function(e,t){y.optionGroupLabel?Q(e,he(y.suggestions[t.dataset.group])[t.dataset.index]):Q(e,y.suggestions[d.index(t)])},ue=function e(t){var n=t.nextElementSibling;return n?d.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ce=function e(t){var n=t.previousElementSibling;return n?d.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},pe=function(e){R(!0),y.onFocus&&y.onFocus(e)},se=function(e){var t=e.target.value.trim(),n=(y.suggestions||[]).find((function(e){var n=y.field?m.resolveFieldData(e,y.field):e;return n&&t===n.trim()}));n?Q(e,n,!0):(H.current.value="",W(e,null),y.onClear&&y.onClear(e))},me=function(e){R(!1),y.forceSelection&&se(e),y.onBlur&&y.onBlur(e)},fe=function(e){d.focus(H.current),y.onClick&&y.onClick(e)},de=function(e){pe(e),d.addClass(_.current,"p-focus")},ge=function(e){me(e),d.removeClass(_.current,"p-focus")},ve=function(e){return!!y.value&&y.value.some((function(t){return m.equals(t,e)}))},ye=function(){return z.current?U.current.firstChild:U.current},he=function(e){return m.resolveFieldData(e,y.optionGroupChildren)};e.useEffect((function(){m.combinedRefs(H,y.inputRef)}),[H,y.inputRef]),r((function(){E||w(f()),y.autoFocus&&d.focus(H.current,y.autoFocus)})),i((function(){D&&(m.isNotEmpty(y.suggestions)||y.showEmptyMessage?G(!0):ne(),N(!1))}),[y.suggestions]),i((function(){H.current&&!y.multiple&&te(y.value)})),a((function(){B.current&&clearTimeout(B.current),g.clear(U.current)})),e.useImperativeHandle(h,(function(){return{props:y,search:$,getElement:function(){return K.current},getOverlay:function(){return U.current},getInput:function(){return H.current},getVirtualScroller:function(){return z.current}}}));var be=function(){var t=ee(y.value),n=L?E+"_list":null,o=s("p-autocomplete-input",y.inputClassName,{"p-autocomplete-dd-input":y.dropdown});return e.createElement(u,C({ref:H,id:y.inputId,type:y.type,name:y.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":L,className:o,style:y.inputStyle,autoComplete:"off",readOnly:y.readOnly,disabled:y.disabled,placeholder:y.placeholder,size:y.size,maxLength:y.maxLength,tabIndex:y.tabIndex,onBlur:me,onFocus:pe,onChange:Z,onMouseDown:y.onMouseDown,onKeyUp:y.onKeyUp,onKeyDown:ie,onKeyPress:y.onKeyPress,onContextMenu:y.onContextMenu,onClick:y.onClick,onDoubleClick:y.onDblClick},Oe,xe))},Ee=function(){var t=s("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":y.disabled}),n=m.isNotEmpty(y.value)?y.value.map((function(t,n){return e.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},e.createElement("span",{className:"p-autocomplete-token-label"},ee(t)),!y.disabled&&v.getJSXIcon(y.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return re(e,n)}},{props:y}))})):null,o=e.createElement("li",{className:"p-autocomplete-input-token"},e.createElement("input",C({ref:H,type:y.type,disabled:y.disabled,placeholder:y.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":L?E+"_list":null,"aria-haspopup":"listbox","aria-expanded":L,autoComplete:"off",tabIndex:y.tabIndex,onChange:Z,id:y.inputId,name:y.name,style:y.inputStyle,className:y.inputClassName,maxLength:y.maxLength,onKeyUp:y.onKeyUp,onKeyDown:ie,onKeyPress:y.onKeyPress,onFocus:de,onBlur:ge},Oe,xe)));return e.createElement("ul",{ref:_,className:t,onContextMenu:y.onContextMenu,onMouseDown:y.onMouseDown,onClick:fe,onDoubleClick:y.onDblClick},n,o)},Ce=E+"_list",we=m.isNotEmpty(y.tooltip),Se=m.findDiffKeys(y,F.defaultProps),xe=m.reduceKeys(Se,d.DATA_PROPS),Oe=m.reduceKeys(Se,d.ARIA_PROPS),ke=s("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":y.dropdown,"p-autocomplete-multiple":y.multiple,"p-inputwrapper-filled":y.value,"p-inputwrapper-focus":M},y.className),Ie=D?e.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,De=y.multiple?Ee():be(),Ne=function(){if(y.dropdown){var t=y.dropdownAriaLabel||y.placeholder||n("choose");return e.createElement(o,{type:"button",icon:y.dropdownIcon,className:"p-autocomplete-dropdown",disabled:y.disabled,onClick:le,"aria-label":t})}return null}();return e.createElement(e.Fragment,null,e.createElement("span",C({ref:K,id:E,style:y.style,className:ke},Se),De,Ie,Ne,e.createElement(A,C({ref:U,virtualScrollerRef:z},y,{listId:Ce,onItemClick:Q,selectedItem:J,onClick:function(e){c.emit("overlay-click",{originalEvent:e,target:K.current})},getOptionGroupLabel:function(e){return y.optionGroupLabel?m.resolveFieldData(e,y.optionGroupLabel):e},getOptionGroupChildren:he,in:L,onEnter:function(){g.set("overlay",U.current,t.autoZIndex,t.zIndex.overlay),oe()},onEntering:function(){if(y.autoHighlight&&y.suggestions&&y.suggestions.length){var e=ye().firstChild.firstChild;d.addClass(e,"p-highlight")}},onEntered:function(){V(),y.onShow&&y.onShow()},onExit:function(){q()},onExited:function(){g.clear(U.current),y.onHide&&y.onHide()}}))),we&&e.createElement(p,C({target:K,content:y.tooltip},y.tooltipOptions)))})));F.displayName="AutoComplete",F.defaultProps={__TYPE:"AutoComplete",id:null,appendTo:null,autoFocus:!1,autoHighlight:!1,className:null,completeMethod:null,delay:300,disabled:!1,dropdown:!1,dropdownAutoFocus:!0,dropdownIcon:"pi pi-chevron-down",dropdownMode:"blank",emptyMessage:null,field:null,forceSelection:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,maxLength:null,minLength:1,multiple:!1,name:null,onBlur:null,onChange:null,onClear:null,onClick:null,onContextMenu:null,onDblClick:null,onDropdownClick:null,onFocus:null,onHide:null,onKeyPress:null,onKeyUp:null,onMouseDown:null,onSelect:null,onShow:null,onUnselect:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,removeIcon:"pi pi-times-circle",scrollHeight:"200px",selectedItemTemplate:null,showEmptyMessage:!1,size:null,style:null,suggestions:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,type:"text",value:null,virtualScrollerOptions:null};export{F as AutoComplete};

package/autocomplete/autocomplete.js

@@ -26,7 +26,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -39,7 +39,6 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
@@ -201,6 +200,15 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     };
 
     var createContent = function createContent() {
+      if (props.showEmptyMessage && utils.ObjectUtils.isEmpty(props.suggestions)) {
+        var emptyMessage = props.emptyMessage || PrimeReact.localeOption('emptyMessage');
+        return /*#__PURE__*/React__namespace.createElement("ul", {
+          className: "p-autocomplete-items"
+        }, /*#__PURE__*/React__namespace.createElement("li", {
+          className: "p-autocomplete-item"
+        }, emptyMessage));
+      }
+
       if (props.virtualScrollerOptions) {
         var virtualScrollerProps = _objectSpread(_objectSpread({}, props.virtualScrollerOptions), {
           style: _objectSpread(_objectSpread({}, props.virtualScrollerOptions.style), {
@@ -421,7 +429,9 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
 
     var formatValue = function formatValue(value) {
       if (value) {
-        if (props.selectedItemTemplate && (props.multiple ? isSelected(value) : findOptionIndex(value) > -1)) {
+        if (typeof value === 'string') {
+          return value;
+        } else if (props.selectedItemTemplate) {
           var resolvedFieldData = utils.ObjectUtils.getJSXElement(props.selectedItemTemplate, value);
           return resolvedFieldData ? resolvedFieldData : value;
         } else if (props.field) {
@@ -682,12 +692,6 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       }) : false;
     };
 
-    var findOptionIndex = function findOptionIndex(option) {
-      return props.suggestions ? props.suggestions.findIndex(function (s) {
-        return utils.ObjectUtils.equals(s, option);
-      }) : -1;
-    };
-
     var getScrollableElement = function getScrollableElement() {
       return virtualScrollerRef.current ? overlayRef.current.firstChild : overlayRef.current;
     };
@@ -714,7 +718,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     });
     hooks.useUpdateEffect(function () {
       if (searchingState) {
-        utils.ObjectUtils.isNotEmpty(props.suggestions) ? show() : hide();
+        utils.ObjectUtils.isNotEmpty(props.suggestions) || props.showEmptyMessage ? show() : hide();
         setSearchingState(false);
       }
     }, [props.suggestions]);
@@ -755,7 +759,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       var className = utils.classNames('p-autocomplete-input', props.inputClassName, {
         'p-autocomplete-dd-input': props.dropdown
       });
-      return /*#__PURE__*/React__namespace.createElement(inputtext.InputText, {
+      return /*#__PURE__*/React__namespace.createElement(inputtext.InputText, _extends({
         ref: inputRef,
         id: props.inputId,
         type: props.type,
@@ -766,8 +770,6 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         "aria-controls": ariaControls,
         "aria-haspopup": "listbox",
         "aria-expanded": overlayVisibleState,
-        "aria-labelledby": props['aria-labelledby'],
-        "aria-label": props['aria-label'],
         className: className,
         style: props.inputStyle,
         autoComplete: "off",
@@ -787,7 +789,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         onContextMenu: props.onContextMenu,
         onClick: props.onClick,
         onDoubleClick: props.onDblClick
-      });
+      }, ariaProps, dataProps));
     };
 
     var createChips = function createChips() {
@@ -817,7 +819,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       var ariaControls = overlayVisibleState ? idState + '_list' : null;
       return /*#__PURE__*/React__namespace.createElement("li", {
         className: "p-autocomplete-input-token"
-      }, /*#__PURE__*/React__namespace.createElement("input", {
+      }, /*#__PURE__*/React__namespace.createElement("input", _extends({
         ref: inputRef,
         type: props.type,
         disabled: props.disabled,
@@ -827,8 +829,6 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         "aria-controls": ariaControls,
         "aria-haspopup": "listbox",
         "aria-expanded": overlayVisibleState,
-        "aria-labelledby": props['aria-labelledby'],
-        "aria-label": props['aria-label'],
         autoComplete: "off",
         tabIndex: props.tabIndex,
         onChange: onInputChange,
@@ -842,7 +842,7 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         onKeyPress: props.onKeyPress,
         onFocus: onMultiInputFocus,
         onBlur: onMultiInputBlur
-      }));
+      }, ariaProps, dataProps)));
     };
 
     var createMultipleAutoComplete = function createMultipleAutoComplete() {
@@ -863,12 +863,14 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
 
     var createDropdown = function createDropdown() {
       if (props.dropdown) {
+        var ariaLabel = props.dropdownAriaLabel || props.placeholder || PrimeReact.localeOption('choose');
         return /*#__PURE__*/React__namespace.createElement(button.Button, {
           type: "button",
           icon: props.dropdownIcon,
           className: "p-autocomplete-dropdown",
           disabled: props.disabled,
-          onClick: onDropdownClick
+          onClick: onDropdownClick,
+          "aria-label": ariaLabel
         });
       }
 
@@ -892,6 +894,8 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     var listId = idState + '_list';
     var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, AutoComplete.defaultProps);
+    var dataProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.DATA_PROPS);
+    var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
     var className = utils.classNames('p-autocomplete p-component p-inputwrapper', {
       'p-autocomplete-dd': props.dropdown,
       'p-autocomplete-multiple': props.multiple,
@@ -931,65 +935,65 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
   AutoComplete.defaultProps = {
     __TYPE: 'AutoComplete',
     id: null,
-    inputRef: null,
-    value: null,
-    name: null,
-    type: 'text',
-    suggestions: null,
-    field: null,
-    optionGroupLabel: null,
-    optionGroupChildren: null,
-    optionGroupTemplate: null,
-    forceSelection: false,
+    appendTo: null,
+    autoFocus: false,
     autoHighlight: false,
-    virtualScrollerOptions: null,
-    scrollHeight: '200px',
+    className: null,
+    completeMethod: null,
+    delay: 300,
+    disabled: false,
     dropdown: false,
-    dropdownMode: 'blank',
     dropdownAutoFocus: true,
-    multiple: false,
-    minLength: 1,
-    delay: 300,
-    style: null,
-    className: null,
+    dropdownIcon: 'pi pi-chevron-down',
+    dropdownMode: 'blank',
+    emptyMessage: null,
+    field: null,
+    forceSelection: false,
+    inputClassName: null,
     inputId: null,
+    inputRef: null,
     inputStyle: null,
-    inputClassName: null,
+    itemTemplate: null,
+    maxLength: null,
+    minLength: 1,
+    multiple: false,
+    name: null,
+    onBlur: null,
+    onChange: null,
+    onClear: null,
+    onClick: null,
+    onContextMenu: null,
+    onDblClick: null,
+    onDropdownClick: null,
+    onFocus: null,
+    onHide: null,
+    onKeyPress: null,
+    onKeyUp: null,
+    onMouseDown: null,
+    onSelect: null,
+    onShow: null,
+    onUnselect: null,
+    optionGroupChildren: null,
+    optionGroupLabel: null,
+    optionGroupTemplate: null,
     panelClassName: null,
     panelStyle: null,
     placeholder: null,
     readOnly: false,
-    disabled: false,
-    maxLength: null,
+    removeIcon: 'pi pi-times-circle',
+    scrollHeight: '200px',
+    selectedItemTemplate: null,
+    showEmptyMessage: false,
     size: null,
-    appendTo: null,
+    style: null,
+    suggestions: null,
     tabIndex: null,
-    autoFocus: false,
     tooltip: null,
     tooltipOptions: null,
-    completeMethod: null,
-    itemTemplate: null,
-    selectedItemTemplate: null,
     transitionOptions: null,
-    dropdownIcon: 'pi pi-chevron-down',
-    removeIcon: 'pi pi-times-circle',
-    'aria-label': null,
-    'aria-labelledby': null,
-    onChange: null,
-    onFocus: null,
-    onBlur: null,
-    onSelect: null,
-    onUnselect: null,
-    onDropdownClick: null,
-    onClick: null,
-    onDblClick: null,
-    onMouseDown: null,
-    onKeyUp: null,
-    onKeyPress: null,
-    onContextMenu: null,
-    onClear: null,
-    onShow: null,
-    onHide: null
+    type: 'text',
+    value: null,
+    virtualScrollerOptions: null
   };
 
   exports.AutoComplete = AutoComplete;

package/autocomplete/autocomplete.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.autocomplete=function(e,t,n,l,r,o,a,i,u,c,s,p,m){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=f(t),v=d(n);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},b.apply(this,arguments)}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function h(e){if(Array.isArray(e))return y(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return y(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)?y(e,t):void 0}}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,r,o=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(o.push(l.value),!t||o.length!==t);a=!0);}catch(e){i=!0,r=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw r}}return o}}function x(){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 S(e,t){return w(e)||D(e,t)||E(e,t)||x()}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=g.memo(g.forwardRef((function(e,t){var n,l,r,o=function(t){return u.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},a=function(t,n,l){return e.getOptionGroupChildren(t).map((function(t,r){var o=n+"_"+r,a=e.selectedItem===t,i=e.itemTemplate?u.ObjectUtils.getJSXElement(e.itemTemplate,t,r):e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return g.createElement("li",{key:o,role:"option","aria-selected":a,className:"p-autocomplete-item",style:l,onClick:function(n){return e.onItemClick(n,t)},"data-group":n,"data-index":r},i,g.createElement(p.Ripple,null))}))},i=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var i=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),c=a(t,n,r),s=n+"_"+o(t);return g.createElement(g.Fragment,{key:s},g.createElement("li",{className:"p-autocomplete-item-group",style:r},i),c)}var m=e.itemTemplate?u.ObjectUtils.getJSXElement(e.itemTemplate,t,n):e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return g.createElement("li",{key:n,role:"option","aria-selected":e.selectedItem===t,className:"p-autocomplete-item",style:r,onClick:function(n){return e.onItemClick(n,t)}},m,g.createElement(p.Ripple,null))},d=function(){if(e.virtualScrollerOptions){var t=k(k({},e.virtualScrollerOptions),{style:k(k({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),autoSize:!0,items:e.suggestions,itemTemplate:function(e,t){return e&&i(e,t.index,t)},contentTemplate:function(t){var n=u.classNames("p-autocomplete-items",t.className);return g.createElement("ul",{ref:t.contentRef,className:n,role:"listbox",id:e.listId},t.children)}});return g.createElement(m.VirtualScroller,b({ref:e.virtualScrollerRef},t))}var n=e.suggestions?e.suggestions.map(i):null;return g.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:e.listId},n)},f=(n=u.classNames("p-autocomplete-panel p-component",e.panelClassName),l=k({maxHeight:e.scrollHeight},e.panelStyle||{}),r=d(),g.createElement(c.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},g.createElement("div",{ref:t,className:n,style:l,onClick:e.onClick},r)));return g.createElement(s.Portal,{element:f,appendTo:e.appendTo})})));U.displayName="AutoCompletePanel";var N=g.memo(g.forwardRef((function(e,t){var n=S(g.useState(e.id),2),c=n[0],s=n[1],p=S(g.useState(!1),2),m=p[0],d=p[1],f=S(g.useState(!1),2),y=f[0],w=f[1],D=S(g.useState(!1),2),x=D[0],j=D[1],I=g.useRef(null),k=g.useRef(null),H=g.useRef(e.inputRef),T=g.useRef(null),P=g.useRef(null),R=g.useRef(null),F=g.useRef(null),M=S(r.useOverlayListener({target:I,overlay:k,listener:function(e,t){t.valid&&("outside"===t.type?!G(e)&&V():V())},when:x}),2),A=M[0],L=M[1],G=function(t){return e.multiple?t.target===T.current||T.current.contains(t.target):t.target===H.current},K=function(t){R.current&&clearTimeout(R.current);var n=t.target.value;e.multiple||B(t,n),u.ObjectUtils.isEmpty(n)?(V(),e.onClear&&e.onClear(t)):n.length>=e.minLength?R.current=setTimeout((function(){_(t,n,"input")}),e.delay):V()},_=function(t,n,l){null!=n&&("input"===l&&0===n.trim().length||e.completeMethod&&(d(!0),e.completeMethod({originalEvent:t,query:n})))},z=function(t,n,l){if(e.multiple){if(H.current.value="",!ie(n)){var r=e.value?[].concat(h(o=e.value)||C(o)||E(o)||O(),[n]):[n];B(t,r)}}else J(n),B(t,n);var o;e.onSelect&&e.onSelect({originalEvent:t,value:n}),l||(u.DomHandler.focus(H.current),V())},B=function(t,n){F&&F.current===n||(e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:c,value:n}}),F.current=n)},q=function(t){if(t){if(e.selectedItemTemplate&&(e.multiple?ie(t):ue(t)>-1)){var n=u.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return n||t}if(e.field){var l=u.ObjectUtils.resolveFieldData(t,e.field);return null!=l?l:t}return t}return""},J=function(e){H.current.value=q(e)},V=function(){j(!1),d(!1)},X=function(){u.DomHandler.alignOverlay(k.current,e.multiple?T.current:H.current,e.appendTo||v.default.appendTo)},Z=function(t){e.dropdownAutoFocus&&u.DomHandler.focus(H.current,e.dropdownAutoFocus),"blank"===e.dropdownMode?_(t,"","dropdown"):"current"===e.dropdownMode&&_(t,H.current.value,"dropdown"),e.onDropdownClick&&e.onDropdownClick({originalEvent:t,query:H.current.value})},Y=function(t,n){var l=e.value[n],r=e.value.filter((function(e,t){return n!==t}));B(t,r),e.onUnselect&&e.onUnselect({originalEvent:t,value:l})},$=function(t){if(x){var n=u.DomHandler.findSingle(k.current,"li.p-highlight");switch(t.which){case 40:if(n){var l=W(n);l&&(u.DomHandler.addClass(l,"p-highlight"),u.DomHandler.removeClass(n,"p-highlight"),u.DomHandler.scrollInView(ce(),l))}else n=u.DomHandler.findSingle(k.current,"li"),u.DomHandler.hasClass(n,"p-autocomplete-item-group")&&(n=W(n)),n&&u.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var r=ee(n);r&&(u.DomHandler.addClass(r,"p-highlight"),u.DomHandler.removeClass(n,"p-highlight"),u.DomHandler.scrollInView(ce(),r))}t.preventDefault();break;case 13:n&&(Q(t,n),V(),t.preventDefault());break;case 27:V(),t.preventDefault();break;case 9:n&&Q(t,n),V()}}if(e.multiple&&8===t.which)if(e.value&&e.value.length&&!H.current.value){var o=e.value[e.value.length-1],a=e.value.slice(0,-1);B(t,a),e.onUnselect&&e.onUnselect({originalEvent:t,value:o})}},Q=function(t,n){e.optionGroupLabel?z(t,se(e.suggestions[n.dataset.group])[n.dataset.index]):z(t,e.suggestions[u.DomHandler.index(n)])},W=function e(t){var n=t.nextElementSibling;return n?u.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ee=function e(t){var n=t.previousElementSibling;return n?u.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},te=function(t){w(!0),e.onFocus&&e.onFocus(t)},ne=function(t){var n=t.target.value.trim(),l=(e.suggestions||[]).find((function(t){var l=e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return l&&n===l.trim()}));l?z(t,l,!0):(H.current.value="",B(t,null),e.onClear&&e.onClear(t))},le=function(t){w(!1),e.forceSelection&&ne(t),e.onBlur&&e.onBlur(t)},re=function(t){u.DomHandler.focus(H.current),e.onClick&&e.onClick(t)},oe=function(e){te(e),u.DomHandler.addClass(T.current,"p-focus")},ae=function(e){le(e),u.DomHandler.removeClass(T.current,"p-focus")},ie=function(t){return!!e.value&&e.value.some((function(e){return u.ObjectUtils.equals(e,t)}))},ue=function(t){return e.suggestions?e.suggestions.findIndex((function(e){return u.ObjectUtils.equals(e,t)})):-1},ce=function(){return P.current?k.current.firstChild:k.current},se=function(t){return u.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)};g.useEffect((function(){u.ObjectUtils.combinedRefs(H,e.inputRef)}),[H,e.inputRef]),r.useMountEffect((function(){c||s(u.UniqueComponentId()),e.autoFocus&&u.DomHandler.focus(H.current,e.autoFocus)})),r.useUpdateEffect((function(){m&&(u.ObjectUtils.isNotEmpty(e.suggestions)?j(!0):V(),d(!1))}),[e.suggestions]),r.useUpdateEffect((function(){H.current&&!e.multiple&&J(e.value)})),r.useUnmountEffect((function(){R.current&&clearTimeout(R.current),u.ZIndexUtils.clear(k.current)})),g.useImperativeHandle(t,(function(){return{props:e,search:_,getElement:function(){return I.current},getOverlay:function(){return k.current},getInput:function(){return H.current},getVirtualScroller:function(){return P.current}}}));var pe=function(){var t=q(e.value),n=x?c+"_list":null,l=u.classNames("p-autocomplete-input",e.inputClassName,{"p-autocomplete-dd-input":e.dropdown});return g.createElement(o.InputText,{ref:H,id:e.inputId,type:e.type,name:e.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":x,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],className:l,style:e.inputStyle,autoComplete:"off",readOnly:e.readOnly,disabled:e.disabled,placeholder:e.placeholder,size:e.size,maxLength:e.maxLength,tabIndex:e.tabIndex,onBlur:le,onFocus:te,onChange:K,onMouseDown:e.onMouseDown,onKeyUp:e.onKeyUp,onKeyDown:$,onKeyPress:e.onKeyPress,onContextMenu:e.onContextMenu,onClick:e.onClick,onDoubleClick:e.onDblClick})},me=function(){var t=u.classNames("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":e.disabled}),n=u.ObjectUtils.isNotEmpty(e.value)?e.value.map((function(t,n){return g.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},g.createElement("span",{className:"p-autocomplete-token-label"},q(t)),!e.disabled&&u.IconUtils.getJSXIcon(e.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return Y(e,n)}},{props:e}))})):null;return g.createElement("ul",{ref:T,className:t,onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown,onClick:re,onDoubleClick:e.onDblClick},n,g.createElement("li",{className:"p-autocomplete-input-token"},g.createElement("input",{ref:H,type:e.type,disabled:e.disabled,placeholder:e.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":x?c+"_list":null,"aria-haspopup":"listbox","aria-expanded":x,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],autoComplete:"off",tabIndex:e.tabIndex,onChange:K,id:e.inputId,name:e.name,style:e.inputStyle,className:e.inputClassName,maxLength:e.maxLength,onKeyUp:e.onKeyUp,onKeyDown:$,onKeyPress:e.onKeyPress,onFocus:oe,onBlur:ae})))},de=c+"_list",fe=u.ObjectUtils.isNotEmpty(e.tooltip),ge=u.ObjectUtils.findDiffKeys(e,N.defaultProps),ve=u.classNames("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":e.dropdown,"p-autocomplete-multiple":e.multiple,"p-inputwrapper-filled":e.value,"p-inputwrapper-focus":y},e.className),be=m?g.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,ye=e.multiple?me():pe(),he=e.dropdown?g.createElement(l.Button,{type:"button",icon:e.dropdownIcon,className:"p-autocomplete-dropdown",disabled:e.disabled,onClick:Z}):null;return g.createElement(g.Fragment,null,g.createElement("span",b({ref:I,id:c,style:e.style,className:ve},ge),ye,be,he,g.createElement(U,b({ref:k,virtualScrollerRef:P},e,{listId:de,onItemClick:z,selectedItem:F,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},getOptionGroupLabel:function(t){return e.optionGroupLabel?u.ObjectUtils.resolveFieldData(t,e.optionGroupLabel):t},getOptionGroupChildren:se,in:x,onEnter:function(){u.ZIndexUtils.set("overlay",k.current,v.default.autoZIndex,v.default.zIndex.overlay),X()},onEntering:function(){if(e.autoHighlight&&e.suggestions&&e.suggestions.length){var t=ce().firstChild.firstChild;u.DomHandler.addClass(t,"p-highlight")}},onEntered:function(){A(),e.onShow&&e.onShow()},onExit:function(){L()},onExited:function(){u.ZIndexUtils.clear(k.current),e.onHide&&e.onHide()}}))),fe&&g.createElement(i.Tooltip,b({target:I,content:e.tooltip},e.tooltipOptions)))})));return N.displayName="AutoComplete",N.defaultProps={__TYPE:"AutoComplete",id:null,inputRef:null,value:null,name:null,type:"text",suggestions:null,field:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,forceSelection:!1,autoHighlight:!1,virtualScrollerOptions:null,scrollHeight:"200px",dropdown:!1,dropdownMode:"blank",dropdownAutoFocus:!0,multiple:!1,minLength:1,delay:300,style:null,className:null,inputId:null,inputStyle:null,inputClassName:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,disabled:!1,maxLength:null,size:null,appendTo:null,tabIndex:null,autoFocus:!1,tooltip:null,tooltipOptions:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle","aria-label":null,"aria-labelledby":null,onChange:null,onFocus:null,onBlur:null,onSelect:null,onUnselect:null,onDropdownClick:null,onClick:null,onDblClick:null,onMouseDown:null,onKeyUp:null,onKeyPress:null,onContextMenu:null,onClear:null,onShow:null,onHide:null},e.AutoComplete=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.inputtext,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.ripple,primereact.virtualscroller);
+this.primereact=this.primereact||{},this.primereact.autocomplete=function(e,t,n,l,o,r,a,i,u,c,s,p,m){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var g=f(t),v=d(n);function y(){return y=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},y.apply(this,arguments)}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,l=new Array(t);n<t;n++)l[n]=e[n];return l}function h(e){if(Array.isArray(e))return b(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function E(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function C(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function w(e){if(Array.isArray(e))return e}function D(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var l,o,r=[],a=!0,i=!1;try{for(n=n.call(e);!(a=(l=n.next()).done)&&(r.push(l.value),!t||r.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{a||null==n.return||n.return()}finally{if(i)throw o}}return r}}function S(){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 x(e,t){return w(e)||D(e,t)||E(e,t)||S()}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function I(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,l)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?I(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):I(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=g.memo(g.forwardRef((function(e,t){var l,o,r,a=function(t){return u.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},i=function(t,n,l){return e.getOptionGroupChildren(t).map((function(t,o){var r=n+"_"+o,a=e.selectedItem===t,i=e.itemTemplate?u.ObjectUtils.getJSXElement(e.itemTemplate,t,o):e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return g.createElement("li",{key:r,role:"option","aria-selected":a,className:"p-autocomplete-item",style:l,onClick:function(n){return e.onItemClick(n,t)},"data-group":n,"data-index":o},i,g.createElement(p.Ripple,null))}))},d=function(t,n){var l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o={height:l.props?l.props.itemSize:void 0};if(e.optionGroupLabel){var r=e.optionGroupTemplate?u.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,n):e.getOptionGroupLabel(t),c=i(t,n,o),s=n+"_"+a(t);return g.createElement(g.Fragment,{key:s},g.createElement("li",{className:"p-autocomplete-item-group",style:o},r),c)}var m=e.itemTemplate?u.ObjectUtils.getJSXElement(e.itemTemplate,t,n):e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return g.createElement("li",{key:n,role:"option","aria-selected":e.selectedItem===t,className:"p-autocomplete-item",style:o,onClick:function(n){return e.onItemClick(n,t)}},m,g.createElement(p.Ripple,null))},f=function(){if(e.showEmptyMessage&&u.ObjectUtils.isEmpty(e.suggestions)){var t=e.emptyMessage||n.localeOption("emptyMessage");return g.createElement("ul",{className:"p-autocomplete-items"},g.createElement("li",{className:"p-autocomplete-item"},t))}if(e.virtualScrollerOptions){var l=k(k({},e.virtualScrollerOptions),{style:k(k({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),autoSize:!0,items:e.suggestions,itemTemplate:function(e,t){return e&&d(e,t.index,t)},contentTemplate:function(t){var n=u.classNames("p-autocomplete-items",t.className);return g.createElement("ul",{ref:t.contentRef,className:n,role:"listbox",id:e.listId},t.children)}});return g.createElement(m.VirtualScroller,y({ref:e.virtualScrollerRef},l))}var o=e.suggestions?e.suggestions.map(d):null;return g.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:e.listId},o)},v=(l=u.classNames("p-autocomplete-panel p-component",e.panelClassName),o=k({maxHeight:e.scrollHeight},e.panelStyle||{}),r=f(),g.createElement(c.CSSTransition,{nodeRef:t,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:e.onEnter,onEntering:e.onEntering,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},g.createElement("div",{ref:t,className:l,style:o,onClick:e.onClick},r)));return g.createElement(s.Portal,{element:v,appendTo:e.appendTo})})));U.displayName="AutoCompletePanel";var N=g.memo(g.forwardRef((function(e,t){var c=x(g.useState(e.id),2),s=c[0],p=c[1],m=x(g.useState(!1),2),d=m[0],f=m[1],b=x(g.useState(!1),2),w=b[0],D=b[1],S=x(g.useState(!1),2),j=S[0],I=S[1],k=g.useRef(null),H=g.useRef(null),P=g.useRef(e.inputRef),T=g.useRef(null),M=g.useRef(null),R=g.useRef(null),A=g.useRef(null),F=x(o.useOverlayListener({target:k,overlay:H,listener:function(e,t){t.valid&&("outside"===t.type?!K(e)&&q():q())},when:j}),2),L=F[0],G=F[1],K=function(t){return e.multiple?t.target===T.current||T.current.contains(t.target):t.target===P.current},_=function(t){R.current&&clearTimeout(R.current);var n=t.target.value;e.multiple||J(t,n),u.ObjectUtils.isEmpty(n)?(q(),e.onClear&&e.onClear(t)):n.length>=e.minLength?R.current=setTimeout((function(){z(t,n,"input")}),e.delay):q()},z=function(t,n,l){null!=n&&("input"===l&&0===n.trim().length||e.completeMethod&&(f(!0),e.completeMethod({originalEvent:t,query:n})))},B=function(t,n,l){if(e.multiple){if(P.current.value="",!ue(n)){var o=e.value?[].concat(h(r=e.value)||O(r)||E(r)||C(),[n]):[n];J(t,o)}}else X(n),J(t,n);var r;e.onSelect&&e.onSelect({originalEvent:t,value:n}),l||(u.DomHandler.focus(P.current),q())},J=function(t,n){A&&A.current===n||(e.onChange&&e.onChange({originalEvent:t,value:n,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:s,value:n}}),A.current=n)},V=function(t){if(t){if("string"==typeof t)return t;if(e.selectedItemTemplate){var n=u.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return n||t}if(e.field){var l=u.ObjectUtils.resolveFieldData(t,e.field);return null!=l?l:t}return t}return""},X=function(e){P.current.value=V(e)},q=function(){I(!1),f(!1)},Z=function(){u.DomHandler.alignOverlay(H.current,e.multiple?T.current:P.current,e.appendTo||v.default.appendTo)},Y=function(t){e.dropdownAutoFocus&&u.DomHandler.focus(P.current,e.dropdownAutoFocus),"blank"===e.dropdownMode?z(t,"","dropdown"):"current"===e.dropdownMode&&z(t,P.current.value,"dropdown"),e.onDropdownClick&&e.onDropdownClick({originalEvent:t,query:P.current.value})},$=function(t,n){var l=e.value[n],o=e.value.filter((function(e,t){return n!==t}));J(t,o),e.onUnselect&&e.onUnselect({originalEvent:t,value:l})},Q=function(t){if(j){var n=u.DomHandler.findSingle(H.current,"li.p-highlight");switch(t.which){case 40:if(n){var l=ee(n);l&&(u.DomHandler.addClass(l,"p-highlight"),u.DomHandler.removeClass(n,"p-highlight"),u.DomHandler.scrollInView(ce(),l))}else n=u.DomHandler.findSingle(H.current,"li"),u.DomHandler.hasClass(n,"p-autocomplete-item-group")&&(n=ee(n)),n&&u.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var o=te(n);o&&(u.DomHandler.addClass(o,"p-highlight"),u.DomHandler.removeClass(n,"p-highlight"),u.DomHandler.scrollInView(ce(),o))}t.preventDefault();break;case 13:n&&(W(t,n),q(),t.preventDefault());break;case 27:q(),t.preventDefault();break;case 9:n&&W(t,n),q()}}if(e.multiple&&8===t.which)if(e.value&&e.value.length&&!P.current.value){var r=e.value[e.value.length-1],a=e.value.slice(0,-1);J(t,a),e.onUnselect&&e.onUnselect({originalEvent:t,value:r})}},W=function(t,n){e.optionGroupLabel?B(t,se(e.suggestions[n.dataset.group])[n.dataset.index]):B(t,e.suggestions[u.DomHandler.index(n)])},ee=function e(t){var n=t.nextElementSibling;return n?u.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},te=function e(t){var n=t.previousElementSibling;return n?u.DomHandler.hasClass(n,"p-autocomplete-item-group")?e(n):n:null},ne=function(t){D(!0),e.onFocus&&e.onFocus(t)},le=function(t){var n=t.target.value.trim(),l=(e.suggestions||[]).find((function(t){var l=e.field?u.ObjectUtils.resolveFieldData(t,e.field):t;return l&&n===l.trim()}));l?B(t,l,!0):(P.current.value="",J(t,null),e.onClear&&e.onClear(t))},oe=function(t){D(!1),e.forceSelection&&le(t),e.onBlur&&e.onBlur(t)},re=function(t){u.DomHandler.focus(P.current),e.onClick&&e.onClick(t)},ae=function(e){ne(e),u.DomHandler.addClass(T.current,"p-focus")},ie=function(e){oe(e),u.DomHandler.removeClass(T.current,"p-focus")},ue=function(t){return!!e.value&&e.value.some((function(e){return u.ObjectUtils.equals(e,t)}))},ce=function(){return M.current?H.current.firstChild:H.current},se=function(t){return u.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)};g.useEffect((function(){u.ObjectUtils.combinedRefs(P,e.inputRef)}),[P,e.inputRef]),o.useMountEffect((function(){s||p(u.UniqueComponentId()),e.autoFocus&&u.DomHandler.focus(P.current,e.autoFocus)})),o.useUpdateEffect((function(){d&&(u.ObjectUtils.isNotEmpty(e.suggestions)||e.showEmptyMessage?I(!0):q(),f(!1))}),[e.suggestions]),o.useUpdateEffect((function(){P.current&&!e.multiple&&X(e.value)})),o.useUnmountEffect((function(){R.current&&clearTimeout(R.current),u.ZIndexUtils.clear(H.current)})),g.useImperativeHandle(t,(function(){return{props:e,search:z,getElement:function(){return k.current},getOverlay:function(){return H.current},getInput:function(){return P.current},getVirtualScroller:function(){return M.current}}}));var pe=function(){var t=V(e.value),n=j?s+"_list":null,l=u.classNames("p-autocomplete-input",e.inputClassName,{"p-autocomplete-dd-input":e.dropdown});return g.createElement(r.InputText,y({ref:P,id:e.inputId,type:e.type,name:e.name,defaultValue:t,role:"combobox","aria-autocomplete":"list","aria-controls":n,"aria-haspopup":"listbox","aria-expanded":j,className:l,style:e.inputStyle,autoComplete:"off",readOnly:e.readOnly,disabled:e.disabled,placeholder:e.placeholder,size:e.size,maxLength:e.maxLength,tabIndex:e.tabIndex,onBlur:oe,onFocus:ne,onChange:_,onMouseDown:e.onMouseDown,onKeyUp:e.onKeyUp,onKeyDown:Q,onKeyPress:e.onKeyPress,onContextMenu:e.onContextMenu,onClick:e.onClick,onDoubleClick:e.onDblClick},ye,ve))},me=function(){var t=u.classNames("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":e.disabled}),n=u.ObjectUtils.isNotEmpty(e.value)?e.value.map((function(t,n){return g.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},g.createElement("span",{className:"p-autocomplete-token-label"},V(t)),!e.disabled&&u.IconUtils.getJSXIcon(e.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return $(e,n)}},{props:e}))})):null,l=g.createElement("li",{className:"p-autocomplete-input-token"},g.createElement("input",y({ref:P,type:e.type,disabled:e.disabled,placeholder:e.placeholder,role:"combobox","aria-autocomplete":"list","aria-controls":j?s+"_list":null,"aria-haspopup":"listbox","aria-expanded":j,autoComplete:"off",tabIndex:e.tabIndex,onChange:_,id:e.inputId,name:e.name,style:e.inputStyle,className:e.inputClassName,maxLength:e.maxLength,onKeyUp:e.onKeyUp,onKeyDown:Q,onKeyPress:e.onKeyPress,onFocus:ae,onBlur:ie},ye,ve)));return g.createElement("ul",{ref:T,className:t,onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown,onClick:re,onDoubleClick:e.onDblClick},n,l)},de=s+"_list",fe=u.ObjectUtils.isNotEmpty(e.tooltip),ge=u.ObjectUtils.findDiffKeys(e,N.defaultProps),ve=u.ObjectUtils.reduceKeys(ge,u.DomHandler.DATA_PROPS),ye=u.ObjectUtils.reduceKeys(ge,u.DomHandler.ARIA_PROPS),be=u.classNames("p-autocomplete p-component p-inputwrapper",{"p-autocomplete-dd":e.dropdown,"p-autocomplete-multiple":e.multiple,"p-inputwrapper-filled":e.value,"p-inputwrapper-focus":w},e.className),he=d?g.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null,Oe=e.multiple?me():pe(),Ee=function(){if(e.dropdown){var t=e.dropdownAriaLabel||e.placeholder||n.localeOption("choose");return g.createElement(l.Button,{type:"button",icon:e.dropdownIcon,className:"p-autocomplete-dropdown",disabled:e.disabled,onClick:Y,"aria-label":t})}return null}();return g.createElement(g.Fragment,null,g.createElement("span",y({ref:k,id:s,style:e.style,className:be},ge),Oe,he,Ee,g.createElement(U,y({ref:H,virtualScrollerRef:M},e,{listId:de,onItemClick:B,selectedItem:A,onClick:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:k.current})},getOptionGroupLabel:function(t){return e.optionGroupLabel?u.ObjectUtils.resolveFieldData(t,e.optionGroupLabel):t},getOptionGroupChildren:se,in:j,onEnter:function(){u.ZIndexUtils.set("overlay",H.current,v.default.autoZIndex,v.default.zIndex.overlay),Z()},onEntering:function(){if(e.autoHighlight&&e.suggestions&&e.suggestions.length){var t=ce().firstChild.firstChild;u.DomHandler.addClass(t,"p-highlight")}},onEntered:function(){L(),e.onShow&&e.onShow()},onExit:function(){G()},onExited:function(){u.ZIndexUtils.clear(H.current),e.onHide&&e.onHide()}}))),fe&&g.createElement(i.Tooltip,y({target:k,content:e.tooltip},e.tooltipOptions)))})));return N.displayName="AutoComplete",N.defaultProps={__TYPE:"AutoComplete",id:null,appendTo:null,autoFocus:!1,autoHighlight:!1,className:null,completeMethod:null,delay:300,disabled:!1,dropdown:!1,dropdownAutoFocus:!0,dropdownIcon:"pi pi-chevron-down",dropdownMode:"blank",emptyMessage:null,field:null,forceSelection:!1,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,maxLength:null,minLength:1,multiple:!1,name:null,onBlur:null,onChange:null,onClear:null,onClick:null,onContextMenu:null,onDblClick:null,onDropdownClick:null,onFocus:null,onHide:null,onKeyPress:null,onKeyUp:null,onMouseDown:null,onSelect:null,onShow:null,onUnselect:null,optionGroupChildren:null,optionGroupLabel:null,optionGroupTemplate:null,panelClassName:null,panelStyle:null,placeholder:null,readOnly:!1,removeIcon:"pi pi-times-circle",scrollHeight:"200px",selectedItemTemplate:null,showEmptyMessage:!1,size:null,style:null,suggestions:null,tabIndex:null,tooltip:null,tooltipOptions:null,transitionOptions:null,type:"text",value:null,virtualScrollerOptions:null},e.AutoComplete=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.button,primereact.hooks,primereact.inputtext,primereact.overlayservice,primereact.tooltip,primereact.utils,primereact.csstransition,primereact.portal,primereact.ripple,primereact.virtualscroller);