primereact 8.7.3 → 9.0.0-beta.1

package/autocomplete/autocomplete.cjs.min.js

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

package/autocomplete/autocomplete.d.ts

@@ -1,122 +1,427 @@
+/**
+ *
+ * AutoComplete is an input component that provides real-time suggestions while being typed.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/autocomplete/)
+ *
+ * @module autocomplete
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
-import TooltipOptions from '../tooltip/tooltipoptions';
+import { TooltipOptions } from '../tooltip/tooltipoptions';
+import { FormEvent } from '../ts-helpers';
 import { IconType } from '../utils';
 import { VirtualScroller, VirtualScrollerProps } from '../virtualscroller';
 
-type AutoCompleteOptionGroupTemplateType = React.ReactNode | ((suggestion: any, index: number) => React.ReactNode);
+/**
+ * Custom change event.
+ * @see {@link AutoCompleteProps.onChange}
+ * @extends {FormEvent}
+ * @event
+ */
+interface AutoCompleteChangeEvent extends FormEvent {}
 
-type AutoCompleteItemTemplateType = React.ReactNode | ((suggestion: any, index: number) => React.ReactNode);
-
-type AutoCompleteSelectedItemTemplateType = React.ReactNode | ((value: any) => React.ReactNode);
-
-type AutoCompleteAppendToType = 'self' | HTMLElement | undefined | null;
-
-type AutoCompleteSourceType = 'dropdown' | 'input';
-
-interface AutoCompleteChangeTargetOptions {
-    name: string;
-    id: string;
-    value: any;
-}
-
-interface AutoCompleteChangeParams {
-    originalEvent: React.SyntheticEvent;
-    value: any;
-    stopPropagation(): void;
-    preventDefault(): void;
-    target: AutoCompleteChangeTargetOptions;
-}
-
-interface AutoCompleteSelectParams {
+/**
+ * Custom select event.
+ * @see {@link AutoCompleteProps.onSelect}
+ * @event
+ */
+interface AutoCompleteSelectEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Selected option value
+     */
     value: any;
 }
 
-interface AutoCompleteUnselectParams extends AutoCompleteSelectParams {}
+/**
+ * Custom unselect event.
+ * @see {@link AutoCompleteProps.onUnselect}
+ * @extends {AutoCompleteSelectEvent}
+ * @event
+ */
+interface AutoCompleteUnselectEvent extends AutoCompleteSelectEvent {}
 
-interface AutoCompleteDropdownClickParams {
+/**
+ * Custom click event.
+ * @see {@link AutoCompleteProps.onDropdownClick}
+ * @event
+ */
+interface AutoCompleteDropdownClickEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Current value of the input field
+     */
     query: string;
 }
 
-interface AutoCompleteCompleteMethodParams {
+/**
+ * Custom complete method event.
+ * @see {@link AutoCompleteProps.completeMethod}
+ * @event
+ */
+interface AutoCompleteCompleteEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Value to search with
+     */
     query: string;
 }
 
-export interface AutoCompleteProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 'onChange' | 'onSelect' | 'ref'> {
-    id?: string;
-    appendTo?: AutoCompleteAppendToType;
-    autoFocus?: boolean;
-    autoHighlight?: boolean;
-    children?: React.ReactNode;
-    className?: string;
-    delay?: number;
-    disabled?: boolean;
-    dropdown?: boolean;
-    dropdownAriaLabel?: string;
-    dropdownAutoFocus?: boolean;
-    dropdownIcon?: IconType<AutoCompleteProps>;
-    dropdownMode?: string;
-    emptyMessage?: string;
-    field?: string;
-    forceSelection?: boolean;
-    inputClassName?: string;
-    inputId?: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    inputStyle?: React.CSSProperties;
-    itemTemplate?: AutoCompleteItemTemplateType;
-    maxLength?: number;
-    minLength?: number;
-    multiple?: boolean;
-    selectionLimit?: number;
-    name?: string;
-    optionGroupChildren?: string;
-    optionGroupLabel?: string;
-    optionGroupTemplate?: AutoCompleteOptionGroupTemplateType;
-    panelClassName?: string;
-    panelStyle?: React.CSSProperties;
-    placeholder?: string;
-    readOnly?: boolean;
-    removeIcon?: IconType<AutoCompleteProps>;
-    scrollHeight?: string;
-    selectedItemTemplate?: AutoCompleteSelectedItemTemplateType;
-    showEmptyMessage?: boolean;
-    size?: number;
-    style?: React.CSSProperties;
+/**
+ * Defines valid properties in AutoComplete component. In addition to these, all properties of HTMLSpanElement can be used in this component.
+ * @group Properties
+ */
+export interface AutoCompleteProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 'onChange' | 'onSelect' | 'ref'> {
+    /**
+     * Unique identifier of the element.
+     */
+    id?: string | undefined;
+    /**
+     * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and "self". The "self" value is used to render a component where it is located.
+     * @defaultValue document.body
+     */
+    appendTo?: 'self' | HTMLElement | undefined | null;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @defaultValue false
+     */
+    autoFocus?: boolean | undefined;
+    /**
+     * When enabled, highlights the first item in the list by default.
+     * @defaultValue false
+     */
+    autoHighlight?: boolean | undefined;
+    /**
+     * Style class of the component.
+     */
+    className?: string | undefined;
+    /**
+     * Delay between keystrokes to wait before sending a query.
+     * @defaultValue 300
+     */
+    delay?: number | undefined;
+    /**
+     * When present, it specifies that the component should be disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Displays a button next to the input field when enabled.
+     * @defaultValue false
+     */
+    dropdown?: boolean | undefined;
+    /**
+     * ARIA label for the dropdown button. Defaults to placeholder then Locale "choose" label.
+     * @defaultValue Choose
+     */
+    dropdownAriaLabel?: string | undefined;
+    /**
+     * Focus the input field when the dropdown button is clicked if enabled.
+     * @defaultValue true
+     */
+    dropdownAutoFocus?: boolean | undefined;
+    /**
+     * Icon class of the dropdown icon.
+     * @defaultValue pi pi-chevron-down
+     */
+    dropdownIcon?: IconType<AutoCompleteProps> | undefined;
+    /**
+     * Specifies the behavior dropdown button. Default "blank" mode sends an empty string and "current" mode sends the input value.
+     * @defaultValue blank
+     */
+    dropdownMode?: 'blank' | 'current' | undefined;
+    /**
+     * Text to display when there is no data. Defaults to global value in i18n translation configuration.
+     * @defaultValue No results found.
+     */
+    emptyMessage?: string | undefined;
+    /**
+     * Field of a suggested object to resolve and display.
+     */
+    field?: string | undefined;
+    /**
+     * When present, autocomplete clears the manual input if it does not match of the suggestions to force only accepting values from the suggestions.
+     * @defaultValue false
+     */
+    forceSelection?: boolean | undefined;
+    /**
+     * Style class of the input field.
+     */
+    inputClassName?: string | undefined;
+    /**
+     * Identifier of the input element.
+     */
+    inputId?: string | undefined;
+    /**
+     * Reference of the input element.
+     */
+    inputRef?: React.Ref<HTMLInputElement> | undefined;
+    /**
+     * Inline style of the input field.
+     */
+    inputStyle?: React.CSSProperties | undefined;
+    /**
+     * Template of a list item.
+     */
+    itemTemplate?: React.ReactNode | ((suggestion: any, index: number) => React.ReactNode);
+    /**
+     * Maximum number of characters to initiate a search.
+     */
+    maxLength?: number | undefined;
+    /**
+     * Minimum number of characters to initiate a search.
+     * @defaultValue 1
+     */
+    minLength?: number | undefined;
+    /**
+     * Specifies if multiple values can be selected.
+     * @defaultValue false
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Number of maximum options that can be selected.
+     */
+    selectionLimit?: number | undefined;
+    /**
+     * Name of the input element.
+     */
+    name?: string | undefined;
+    /**
+     * Property name or getter function that refers to the children options of option group.
+     */
+    optionGroupChildren?: string | undefined;
+    /**
+     * Property name or getter function to use as the label of an option group.
+     */
+    optionGroupLabel?: string | undefined;
+    /**
+     * Template of an option group item.
+     */
+    optionGroupTemplate?: React.ReactNode | ((suggestion: any, index: number) => React.ReactNode);
+    /**
+     * Style class of the overlay panel element.
+     */
+    panelClassName?: string | undefined;
+    /**
+     * Inline style of the overlay panel element.
+     */
+    panelStyle?: React.CSSProperties | undefined;
+    /**
+     * Hint text for the input field.
+     */
+    placeholder?: string | undefined;
+    /**
+     * When present, it specifies that the input cannot be typed.
+     * @defaultValue false
+     */
+    readOnly?: boolean | undefined;
+    /**
+     * Icon of the remove chip element in multiple mode.
+     * @defaultValue pi pi-times-circle
+     */
+    removeIcon?: IconType<AutoCompleteProps> | undefined;
+    /**
+     * Maximum height of the suggestions panel.
+     * @defaultValue 200px
+     */
+    scrollHeight?: string | undefined;
+    /**
+     * Template of a selected item.
+     */
+    selectedItemTemplate?: React.ReactNode | ((value: any) => React.ReactNode);
+    /**
+     * Whether to show the empty message or not.
+     * @defaultValue false
+     */
+    showEmptyMessage?: boolean | undefined;
+    /**
+     * Size of the input field.
+     */
+    size?: number | undefined;
+    /**
+     * Inline style of the component.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * An array of suggestions to display.
+     */
     suggestions?: any[];
-    tabIndex?: number;
-    tooltip?: string;
-    tooltipOptions?: TooltipOptions;
-    transitionOptions?: CSSTransitionProps;
-    type?: string;
+    /**
+     * Index of the element in tabbing order.
+     */
+    tabIndex?: number | undefined;
+    /**
+     * Content of the tooltip.
+     */
+    tooltip?: string | undefined;
+    /**
+     * Configuration of the tooltip, refer to the tooltip documentation for more information.
+     * @type {TooltipOptions}
+     */
+    tooltipOptions?: TooltipOptions | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     * @type {CSSTransitionProps}
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Type of the input element.
+     */
+    type?: string | undefined;
+    /**
+     * Value of the component.
+     */
     value?: any;
-    virtualScrollerOptions?: VirtualScrollerProps;
-    completeMethod?(e: AutoCompleteCompleteMethodParams): void;
+    /**
+     * Whether to use the virtualScroller feature. The properties of VirtualScroller component can be used like an object in it.
+     * @type {VirtualScrollerProps}
+     */
+    virtualScrollerOptions?: VirtualScrollerProps | undefined;
+    /**
+     * Callback to invoke to search for suggestions.
+     * @param {AutoCompleteCompleteEvent} event - Custom complete method event.
+     */
+    completeMethod?(event: AutoCompleteCompleteEvent): void;
+    /**
+     * Callback to invoke when autocomplete loses focus.
+     * @param {React.FocusEvent<HTMLInputElement>} event - Browser event.
+     */
     onBlur?(event: React.FocusEvent<HTMLInputElement>): void;
-    onChange?(e: AutoCompleteChangeParams): void;
+    /**
+     * Callback to invoke when autocomplete value changes.
+     * @param {AutoCompleteChangeEvent} event - Custom change event.
+     */
+    onChange?(event: AutoCompleteChangeEvent): void;
+    /**
+     * Callback to invoke when input is cleared by the user.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
     onClear?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke on click.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event.
+     */
     onClick?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Callback to invoke on right-click.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event.
+     */
     onContextMenu?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Callback to invoke on double click.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event.
+     */
     onDblClick?(event: React.MouseEvent<HTMLElement>): void;
-    onDropdownClick?(e: AutoCompleteDropdownClickParams): void;
+    /**
+     * Callback to invoke to when dropdown button is clicked.
+     * @param {AutoCompleteDropdownClickEvent} event - Custom click event.
+     */
+    onDropdownClick?(event: AutoCompleteDropdownClickEvent): void;
+    /**
+     * Callback to invoke when autocomplete gets focus.
+     * @param {React.FocusEvent<HTMLInputElement>} event - Browser event.
+     */
     onFocus?(event: React.FocusEvent<HTMLInputElement>): void;
+    /**
+     * Callback to invoke when overlay panel becomes hidden.
+     */
     onHide?(): void;
+    /**
+     * Callback to invoke to when a key is pressed.
+     * @param {React.KeyboardEvent<HTMLInputElement>} event - Browser event.
+     */
     onKeyPress?(event: React.KeyboardEvent<HTMLInputElement>): void;
+    /**
+     * Callback to invoke to when a key is released.
+     * @param {React.KeyboardEvent<HTMLInputElement>} event - Browser event.
+     */
     onKeyUp?(event: React.KeyboardEvent<HTMLInputElement>): void;
+    /**
+     * Callback to invoke to when a mouse button is pressed.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event.
+     */
     onMouseDown?(event: React.MouseEvent<HTMLElement>): void;
-    onSelect?(e: AutoCompleteSelectParams): void;
+    /**
+     * Callback to invoke when a suggestion is selected.
+     * @param {AutoCompleteSelectEvent} event - Custom select event.
+     */
+    onSelect?(event: AutoCompleteSelectEvent): void;
+    /**
+     * Callback to invoke when overlay panel becomes visible.
+     */
     onShow?(): void;
-    onUnselect?(e: AutoCompleteUnselectParams): void;
+    /**
+     * Callback to invoke when a selected value is removed.
+     * @param {AutoCompleteUnselectEvent} event - Custom unselect event.
+     */
+    onUnselect?(event: AutoCompleteUnselectEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - AutoComplete**
+ *
+ * _AutoComplete is an input component that provides real-time suggestions while being typed._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/autocomplete/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class AutoComplete extends React.Component<AutoCompleteProps, any> {
+    /**
+     * Used to show the overlay.
+     */
     public show(): void;
+    /**
+     * Used to hide the overlay.
+     */
     public hide(): void;
-    public search(event: React.SyntheticEvent, query: string, source: AutoCompleteSourceType): void;
+    /**
+     * Used to focus the component.
+     */
+    public focus(): void;
+    /**
+     * Used to search new suggestions.
+     * @param {React.SyntheticEvent} event - Browser event.
+     * @param {string} query - Value to search with.
+     * @param {string} [source] - Source type, valid values are 'dropdown' and 'input'
+     */
+    public search(event: React.SyntheticEvent, query: string, source?: 'dropdown' | 'input' | null | undefined): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLSpanElement} Container element
+     */
     public getElement(): HTMLSpanElement;
+    /**
+     * Used to get input element.
+     * @return {HTMLInputElement} Input element
+     */
     public getInput(): HTMLInputElement;
+    /**
+     * Used to get overlay element.
+     * @return {HTMLElement} Overlay element
+     */
     public getOverlay(): HTMLElement;
+    /**
+     * Used to get the options of inline virtualScroller component.
+     * @return {VirtualScroller} VirtualScroller component
+     */
     public getVirtualScroller(): VirtualScroller;
 }

package/autocomplete/autocomplete.esm.js

@@ -154,11 +154,14 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
       var key = i + '_' + j;
       var selected = props.selectedItem === item;
       var content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, item, j) : props.field ? ObjectUtils.resolveFieldData(item, props.field) : item;
+      var className = classNames('p-autocomplete-item', {
+        'p-disabled': item.disabled
+      });
       return /*#__PURE__*/React.createElement("li", {
         key: key,
         role: "option",
         "aria-selected": selected,
-        className: "p-autocomplete-item",
+        className: className,
         style: style,
         onClick: function onClick(e) {
           return props.onItemClick(e, item);
@@ -185,11 +188,14 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
       }, content), childrenContent);
     } else {
       var _content = props.itemTemplate ? ObjectUtils.getJSXElement(props.itemTemplate, suggestion, index) : props.field ? ObjectUtils.resolveFieldData(suggestion, props.field) : suggestion;
+      var className = classNames('p-autocomplete-item', {
+        'p-disabled': suggestion.disabled
+      });
       return /*#__PURE__*/React.createElement("li", {
         key: index,
         role: "option",
         "aria-selected": props.selectedItem === suggestion,
-        className: "p-autocomplete-item",
+        className: className,
         style: style,
         onClick: function onClick(e) {
           return props.onItemClick(e, suggestion);
@@ -242,7 +248,10 @@ var AutoCompletePanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(f
     }
   };
   var createElement = function createElement() {
-    var className = classNames('p-autocomplete-panel p-component', props.panelClassName);
+    var className = classNames('p-autocomplete-panel p-component', props.panelClassName, {
+      'p-input-filled': PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact.ripple === false
+    });
     var style = _objectSpread({
       maxHeight: props.scrollHeight
     }, props.panelStyle || {});
@@ -655,6 +664,9 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     if (inputRef.current && !props.multiple) {
       updateInputField(props.value);
     }
+    if (overlayVisibleState) {
+      alignOverlay();
+    }
   });
   useUnmountEffect(function () {
     if (timeout.current) {
@@ -668,6 +680,9 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       search: search,
       show: show,
       hide: hide,
+      focus: function focus() {
+        return DomHandler.focus(inputRef.current);
+      },
       getElement: function getElement() {
         return elementRef.current;
       },