primereact 7.0.0-rc.2 → 7.2.0

package/autocomplete/autocomplete.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/inputtext"),n=require("primereact/button"),i=require("primereact/core"),r=require("primereact/virtualscroller"),o=require("primereact/api");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(e),p=l(o);function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function c(e){if(Array.isArray(e))return u(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return u(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)?u(e,t):void 0}}function f(){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 m(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function v(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function y(e,t,n){return t&&v(e.prototype,t),n&&v(e,n),e}function b(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function g(e,t){return(g=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function O(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&g(e,t)}function k(e){return(k="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function C(e,t){if(t&&("object"===k(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return b(e)}function I(e){return(I=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function R(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var D=function(t){O(p,e.Component);var n,o,l=(n=p,o=R(),function(){var e,t=I(n);if(o){var i=I(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return C(this,e)});function p(){return m(this,p),l.apply(this,arguments)}return y(p,[{key:"getOptionGroupRenderKey",value:function(e){return i.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"renderGroupChildren",value:function(e,t){var n=this;return this.props.getOptionGroupChildren(e).map((function(e,r){var o=n.props.itemTemplate?i.ObjectUtils.getJSXElement(n.props.itemTemplate,e,r):n.props.field?i.ObjectUtils.resolveFieldData(e,n.props.field):e;return s.default.createElement("li",{key:r+"_item",role:"option","aria-selected":n.props.ariaSelected===e,className:"p-autocomplete-item",onClick:function(t){return n.props.onItemClick(t,e)},"data-group":t,"data-index":r},o,s.default.createElement(i.Ripple,null))}))}},{key:"renderItem",value:function(e,t){var n=this;if(this.props.optionGroupLabel){var r=this.props.optionGroupTemplate?i.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,e,t):this.props.getOptionGroupLabel(e),o=this.renderGroupChildren(e,t),l=t+"_"+this.getOptionGroupRenderKey(e);return s.default.createElement(s.default.Fragment,{key:l},s.default.createElement("li",{className:"p-autocomplete-item-group"},r),o)}var p=this.props.itemTemplate?i.ObjectUtils.getJSXElement(this.props.itemTemplate,e,t):this.props.field?i.ObjectUtils.resolveFieldData(e,this.props.field):e;return s.default.createElement("li",{key:t+"_item",role:"option","aria-selected":this.props.ariaSelected===e,className:"p-autocomplete-item",onClick:function(t){return n.props.onItemClick(t,e)}},p,s.default.createElement(i.Ripple,null))}},{key:"renderItems",value:function(){var e=this;return this.props.suggestions?this.props.suggestions.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderContent",value:function(){var e=this;if(this.props.virtualScrollerOptions){var t=S(S({},this.props.virtualScrollerOptions),{style:S(S({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),items:this.props.suggestions,itemTemplate:function(t,n){return t&&e.renderItem(t,n.index)},contentTemplate:function(t){var n=i.classNames("p-autocomplete-items",t.className);return s.default.createElement("ul",{ref:t.contentRef,className:n,role:"listbox",id:e.props.listId},t.children)}});return s.default.createElement(r.VirtualScroller,a({ref:this.props.virtualScrollerRef},t))}var n=this.renderItems();return s.default.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:this.props.listId},n)}},{key:"renderElement",value:function(){var e=i.classNames("p-autocomplete-panel p-component",this.props.panelClassName),t=S({maxHeight:this.props.scrollHeight},this.props.panelStyle),n=this.renderContent();return s.default.createElement(i.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},s.default.createElement("div",{ref:this.props.forwardRef,className:e,style:t,onClick:this.props.onClick},n))}},{key:"render",value:function(){var e=this.renderElement();return s.default.createElement(i.Portal,{element:e,appendTo:this.props.appendTo})}}]),p}(),x=s.default.forwardRef((function(e,t){return s.default.createElement(D,a({forwardRef:t},e))}));function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=P(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw o}}}}function P(e,t){if(e){if("string"==typeof e)return H(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)?H(e,t):void 0}}function H(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function N(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var T=function(r){O(v,e.Component);var o,l,u=(o=v,l=N(),function(){var e,t=I(o);if(l){var n=I(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return C(this,e)});function v(t){var n;return m(this,v),(n=u.call(this,t)).state={id:n.props.id,searching:!1,focused:!1,overlayVisible:!1},n.onInputChange=n.onInputChange.bind(b(n)),n.onInputFocus=n.onInputFocus.bind(b(n)),n.onInputBlur=n.onInputBlur.bind(b(n)),n.onInputKeyDown=n.onInputKeyDown.bind(b(n)),n.onDropdownClick=n.onDropdownClick.bind(b(n)),n.onMultiContainerClick=n.onMultiContainerClick.bind(b(n)),n.onMultiInputFocus=n.onMultiInputFocus.bind(b(n)),n.onMultiInputBlur=n.onMultiInputBlur.bind(b(n)),n.selectItem=n.selectItem.bind(b(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(b(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(b(n)),n.onOverlayEnter=n.onOverlayEnter.bind(b(n)),n.onOverlayEntering=n.onOverlayEntering.bind(b(n)),n.onOverlayEntered=n.onOverlayEntered.bind(b(n)),n.onOverlayExit=n.onOverlayExit.bind(b(n)),n.onOverlayExited=n.onOverlayExited.bind(b(n)),n.onPanelClick=n.onPanelClick.bind(b(n)),n.overlayRef=e.createRef(),n.virtualScrollerRef=e.createRef(),n.inputRef=e.createRef(n.props.inputRef),n}return y(v,[{key:"onInputChange",value:function(e){var t=this;this.timeout&&clearTimeout(this.timeout);var n=e.target.value;this.props.multiple||this.updateModel(e,n),0===n.length?(this.hideOverlay(),this.props.onClear&&this.props.onClear(e)):n.length>=this.props.minLength?this.timeout=setTimeout((function(){t.search(e,n,"input")}),this.props.delay):this.hideOverlay()}},{key:"search",value:function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||this.props.completeMethod&&(this.setState({searching:!0}),this.props.completeMethod({originalEvent:e,query:t})))}},{key:"selectItem",value:function(e,t,n){if(this.props.multiple){if(this.inputRef.current.value="",!this.isSelected(t)){var i=this.props.value?[].concat(c(r=this.props.value)||h(r)||d(r)||f(),[t]):[t];this.updateModel(e,i)}}else this.updateInputField(t),this.updateModel(e,t);var r;this.props.onSelect&&this.props.onSelect({originalEvent:e,value:t}),n||(this.inputRef.current.focus(),this.hideOverlay())}},{key:"updateModel",value:function(e,t){this.props.onChange&&this.props.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.state.id,value:t}}),this.ariaSelected=t}},{key:"formatValue",value:function(e){if(e){if(this.props.selectedItemTemplate&&(this.props.multiple?this.isSelected(e):this.findOptionIndex(e)>-1)){var t=i.ObjectUtils.getJSXElement(this.props.selectedItemTemplate,e);return t||e}if(this.props.field){var n=i.ObjectUtils.resolveFieldData(e,this.props.field);return null!=n?n:e}return e}return""}},{key:"updateInputField",value:function(e){var t=this.formatValue(e);this.inputRef.current.value=t}},{key:"showOverlay",value:function(){this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1,searching:!1})}},{key:"onOverlayEnter",value:function(){i.ZIndexUtils.set("overlay",this.overlayRef.current),this.alignOverlay()}},{key:"onOverlayEntering",value:function(){this.props.autoHighlight&&this.props.suggestions&&this.props.suggestions.length&&i.DomHandler.addClass(this.overlayRef.current.firstChild.firstChild,"p-highlight")}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){i.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){i.DomHandler.alignOverlay(this.overlayRef.current,this.props.multiple?this.multiContainer:this.inputRef.current,this.props.appendTo||p.default.appendTo)}},{key:"onPanelClick",value:function(e){i.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onDropdownClick",value:function(e){this.inputRef.current.focus(),"blank"===this.props.dropdownMode?this.search(e,"","dropdown"):"current"===this.props.dropdownMode&&this.search(e,this.inputRef.current.value,"dropdown"),this.props.onDropdownClick&&this.props.onDropdownClick({originalEvent:e,query:this.inputRef.current.value})}},{key:"removeItem",value:function(e,t){var n=this.props.value[t],i=this.props.value.filter((function(e,n){return t!==n}));this.updateModel(e,i),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:n})}},{key:"onInputKeyDown",value:function(e){if(this.state.overlayVisible){var t=i.DomHandler.findSingle(this.overlayRef.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=this.findNextItem(t);n&&(i.DomHandler.addClass(n,"p-highlight"),i.DomHandler.removeClass(t,"p-highlight"),i.DomHandler.scrollInView(this.overlayRef.current,n))}else t=i.DomHandler.findSingle(this.overlayRef.current,"li"),i.DomHandler.hasClass(t,"p-autocomplete-item-group")&&(t=this.findNextItem(t)),t&&i.DomHandler.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=this.findPrevItem(t);r&&(i.DomHandler.addClass(r,"p-highlight"),i.DomHandler.removeClass(t,"p-highlight"),i.DomHandler.scrollInView(this.overlayRef.current,r))}e.preventDefault();break;case 13:t&&(this.selectHighlightItem(e,t),this.hideOverlay()),e.preventDefault();break;case 27:this.hideOverlay(),e.preventDefault();break;case 9:t&&this.selectHighlightItem(e,t),this.hideOverlay()}}if(this.props.multiple)switch(e.which){case 8:if(this.props.value&&this.props.value.length&&!this.inputRef.current.value){var o=this.props.value[this.props.value.length-1],l=this.props.value.slice(0,-1);this.updateModel(e,l),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:o})}}}},{key:"selectHighlightItem",value:function(e,t){this.props.optionGroupLabel?this.selectItem(e,this.getOptionGroupChildren(this.props.suggestions[t.dataset.group])[t.dataset.index]):this.selectItem(e,this.props.suggestions[i.DomHandler.index(t)])}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?i.DomHandler.hasClass(t,"p-autocomplete-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?i.DomHandler.hasClass(t,"p-autocomplete-item-group")?this.findPrevItem(t):t:null}},{key:"onInputFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"forceItemSelection",value:function(e){var t=!1,n=e.target.value.trim();if(this.props.suggestions){var r,o=M(this.props.suggestions);try{for(o.s();!(r=o.n()).done;){var l=r.value,s=this.props.field?i.ObjectUtils.resolveFieldData(l,this.props.field):l;if(s&&n===s.trim()){t=!0,this.selectItem(e,l,!0);break}}}catch(e){o.e(e)}finally{o.f()}}t||(this.inputRef.current.value="",this.updateModel(e,null),this.props.onClear&&this.props.onClear(e))}},{key:"onInputBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.forceSelection&&t.forceItemSelection(e),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onMultiContainerClick",value:function(e){this.inputRef.current.focus(),this.props.onClick&&this.props.onClick(e)}},{key:"onMultiInputFocus",value:function(e){this.onInputFocus(e),i.DomHandler.addClass(this.multiContainer,"p-focus")}},{key:"onMultiInputBlur",value:function(e){this.onInputBlur(e),i.DomHandler.removeClass(this.multiContainer,"p-focus")}},{key:"isSelected",value:function(e){var t=!1;if(this.props.value&&this.props.value.length)for(var n=0;n<this.props.value.length;n++)if(i.ObjectUtils.equals(this.props.value[n],e)){t=!0;break}return t}},{key:"findOptionIndex",value:function(e){var t=-1;if(this.props.suggestions)for(var n=0;n<this.props.suggestions.length;n++)if(i.ObjectUtils.equals(e,this.props.suggestions[n])){t=n;break}return t}},{key:"getOptionGroupLabel",value:function(e){return this.props.optionGroupLabel?i.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel):e}},{key:"getOptionGroupChildren",value:function(e){return i.ObjectUtils.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){3!==t.which&&e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hideOverlay()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new i.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!i.DomHandler.isAndroid()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)&&!this.isInputClicked(e)}},{key:"isInputClicked",value:function(e){return this.props.multiple?e.target===this.multiContainer||this.multiContainer.contains(e.target):e.target===this.inputRef.current}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.state.id||this.setState({id:i.UniqueComponentId()}),this.props.autoFocus&&this.inputRef&&this.inputRef.current&&this.inputRef.current.focus(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.suggestions!==this.props.suggestions&&this.state.searching&&(this.props.suggestions&&this.props.suggestions.length?this.showOverlay():this.hideOverlay(),this.setState({searching:!1})),this.inputRef&&this.inputRef.current&&!this.props.multiple&&this.updateInputField(this.props.value),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(L({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),this.timeout&&clearTimeout(this.timeout),i.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=i.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderSimpleAutoComplete",value:function(){var e=i.classNames("p-autocomplete-input",this.props.inputClassName,{"p-autocomplete-dd-input":this.props.dropdown});return s.default.createElement(t.InputText,{ref:this.inputRef,id:this.props.inputId,type:this.props.type,name:this.props.name,defaultValue:this.formatValue(this.props.value),role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,className:e,style:this.props.inputStyle,autoComplete:"off",readOnly:this.props.readOnly,disabled:this.props.disabled,placeholder:this.props.placeholder,size:this.props.size,maxLength:this.props.maxlength,tabIndex:this.props.tabIndex,onBlur:this.onInputBlur,onFocus:this.onInputFocus,onChange:this.onInputChange,onMouseDown:this.props.onMouseDown,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onContextMenu:this.props.onContextMenu,onClick:this.props.onClick,onDoubleClick:this.props.onDblClick})}},{key:"renderChips",value:function(){var e=this;return this.props.value&&this.props.value.length?this.props.value.map((function(t,n){return s.default.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},s.default.createElement("span",{className:"p-autocomplete-token-label"},e.formatValue(t)),!e.props.disabled&&s.default.createElement("span",{className:"p-autocomplete-token-icon pi pi-times-circle",onClick:function(t){return e.removeItem(t,n)}}))})):null}},{key:"renderMultiInput",value:function(){return s.default.createElement("li",{className:"p-autocomplete-input-token"},s.default.createElement("input",{ref:this.inputRef,type:this.props.type,disabled:this.props.disabled,placeholder:this.props.placeholder,role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,autoComplete:"off",tabIndex:this.props.tabIndex,onChange:this.onInputChange,id:this.props.inputId,name:this.props.name,style:this.props.inputStyle,className:this.props.inputClassName,maxLength:this.props.maxlength,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onFocus:this.onMultiInputFocus,onBlur:this.onMultiInputBlur}))}},{key:"renderMultipleAutoComplete",value:function(){var e=this,t=i.classNames("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":this.props.disabled}),n=this.renderChips(),r=this.renderMultiInput();return s.default.createElement("ul",{ref:function(t){e.multiContainer=t},className:t,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown,onClick:this.onMultiContainerClick,onDoubleClick:this.props.onDblClick},n,r)}},{key:"renderDropdown",value:function(){var e=this;return s.default.createElement(n.Button,{ref:function(t){return e.dropdownButton=t},type:"button",icon:this.props.dropdownIcon,className:"p-autocomplete-dropdown",disabled:this.props.disabled,onClick:this.onDropdownClick})}},{key:"renderLoader",value:function(){return this.state.searching?s.default.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null}},{key:"render",value:function(){var e,t,n=this,r=i.classNames("p-autocomplete p-component p-inputwrapper",this.props.className,{"p-autocomplete-dd":this.props.dropdown,"p-autocomplete-multiple":this.props.multiple,"p-inputwrapper-filled":this.props.value,"p-inputwrapper-focus":this.state.focused}),o=this.renderLoader();return e=this.props.multiple?this.renderMultipleAutoComplete():this.renderSimpleAutoComplete(),this.props.dropdown&&(t=this.renderDropdown()),s.default.createElement("span",{ref:function(e){return n.container=e},id:this.state.id,style:this.props.style,className:r,"aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible,"aria-owns":this.state.id+"_list"},e,o,t,s.default.createElement(x,a({ref:this.overlayRef,virtualScrollerRef:this.virtualScrollerRef},this.props,{listId:this.state.id+"_list",onItemClick:this.selectItem,ariaSelected:this.ariaSelected,onClick:this.onPanelClick,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupChildren:this.getOptionGroupChildren,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntering:this.onOverlayEntering,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),v}();w(T,"defaultProps",{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",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,ariaLabelledBy:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",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}),exports.AutoComplete=T;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/inputtext"),n=require("primereact/button"),r=require("primereact/utils"),i=require("primereact/ripple"),o=require("primereact/csstransition"),l=require("primereact/portal"),s=require("primereact/virtualscroller"),p=require("primereact/tooltip"),a=require("primereact/overlayservice"),u=require("primereact/api");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=c(e),d=c(u);function f(){return f=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e){if(Array.isArray(e))return m(e)}function y(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function b(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}function g(){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,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function k(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function C(e,t,n){return t&&k(e.prototype,t),n&&k(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function I(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function w(e,t){return w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},w(e,t)}function E(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&w(e,t)}function S(e){return S="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},S(e)}function D(e,t){if(t&&("object"===S(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return I(e)}function R(e){return R=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},R(e)}function x(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){x(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var P=function(t){E(u,e.Component);var n,p,a=(n=u,p=M(),function(){var e,t=R(n);if(p){var r=R(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return D(this,e)});function u(){return O(this,u),a.apply(this,arguments)}return C(u,[{key:"getOptionGroupRenderKey",value:function(e){return r.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"renderGroupChildren",value:function(e,t){var n=this;return this.props.getOptionGroupChildren(e).map((function(e,o){var l=n.props.itemTemplate?r.ObjectUtils.getJSXElement(n.props.itemTemplate,e,o):n.props.field?r.ObjectUtils.resolveFieldData(e,n.props.field):e;return h.default.createElement("li",{key:o+"_item",role:"option","aria-selected":n.props.ariaSelected===e,className:"p-autocomplete-item",onClick:function(t){return n.props.onItemClick(t,e)},"data-group":t,"data-index":o},l,h.default.createElement(i.Ripple,null))}))}},{key:"renderItem",value:function(e,t){var n=this;if(this.props.optionGroupLabel){var o=this.props.optionGroupTemplate?r.ObjectUtils.getJSXElement(this.props.optionGroupTemplate,e,t):this.props.getOptionGroupLabel(e),l=this.renderGroupChildren(e,t),s=t+"_"+this.getOptionGroupRenderKey(e);return h.default.createElement(h.default.Fragment,{key:s},h.default.createElement("li",{className:"p-autocomplete-item-group"},o),l)}var p=this.props.itemTemplate?r.ObjectUtils.getJSXElement(this.props.itemTemplate,e,t):this.props.field?r.ObjectUtils.resolveFieldData(e,this.props.field):e;return h.default.createElement("li",{key:t+"_item",role:"option","aria-selected":this.props.ariaSelected===e,className:"p-autocomplete-item",onClick:function(t){return n.props.onItemClick(t,e)}},p,h.default.createElement(i.Ripple,null))}},{key:"renderItems",value:function(){var e=this;return this.props.suggestions?this.props.suggestions.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderContent",value:function(){var e=this;if(this.props.virtualScrollerOptions){var t=L(L({},this.props.virtualScrollerOptions),{style:L(L({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),items:this.props.suggestions,itemTemplate:function(t,n){return t&&e.renderItem(t,n.index)},contentTemplate:function(t){var n=r.classNames("p-autocomplete-items",t.className);return h.default.createElement("ul",{ref:t.contentRef,className:n,role:"listbox",id:e.props.listId},t.children)}});return h.default.createElement(s.VirtualScroller,f({ref:this.props.virtualScrollerRef},t))}var n=this.renderItems();return h.default.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:this.props.listId},n)}},{key:"renderElement",value:function(){var e=r.classNames("p-autocomplete-panel p-component",this.props.panelClassName),t=L({maxHeight:this.props.scrollHeight},this.props.panelStyle),n=this.renderContent();return h.default.createElement(o.CSSTransition,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},h.default.createElement("div",{ref:this.props.forwardRef,className:e,style:t,onClick:this.props.onClick},n))}},{key:"render",value:function(){var e=this.renderElement();return h.default.createElement(l.Portal,{element:e,appendTo:this.props.appendTo})}}]),u}(),H=h.default.forwardRef((function(e,t){return h.default.createElement(P,f({forwardRef:t},e))}));function N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){x(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}function U(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=G(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,l=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return l=e.done,e},e:function(e){s=!0,o=e},f:function(){try{l||null==n.return||n.return()}finally{if(s)throw o}}}}function G(e,t){if(e){if("string"==typeof e)return F(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?F(e,t):void 0}}function F(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function B(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var K=function(i){E(u,e.Component);var o,l,s=(o=u,l=B(),function(){var e,t=R(o);if(l){var n=R(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return D(this,e)});function u(t){var n;return O(this,u),(n=s.call(this,t)).state={id:n.props.id,searching:!1,focused:!1,overlayVisible:!1},n.onInputChange=n.onInputChange.bind(I(n)),n.onInputFocus=n.onInputFocus.bind(I(n)),n.onInputBlur=n.onInputBlur.bind(I(n)),n.onInputKeyDown=n.onInputKeyDown.bind(I(n)),n.onDropdownClick=n.onDropdownClick.bind(I(n)),n.onMultiContainerClick=n.onMultiContainerClick.bind(I(n)),n.onMultiInputFocus=n.onMultiInputFocus.bind(I(n)),n.onMultiInputBlur=n.onMultiInputBlur.bind(I(n)),n.selectItem=n.selectItem.bind(I(n)),n.getOptionGroupLabel=n.getOptionGroupLabel.bind(I(n)),n.getOptionGroupChildren=n.getOptionGroupChildren.bind(I(n)),n.onOverlayEnter=n.onOverlayEnter.bind(I(n)),n.onOverlayEntering=n.onOverlayEntering.bind(I(n)),n.onOverlayEntered=n.onOverlayEntered.bind(I(n)),n.onOverlayExit=n.onOverlayExit.bind(I(n)),n.onOverlayExited=n.onOverlayExited.bind(I(n)),n.onPanelClick=n.onPanelClick.bind(I(n)),n.overlayRef=e.createRef(),n.virtualScrollerRef=e.createRef(),n.inputRef=e.createRef(n.props.inputRef),n}return C(u,[{key:"onInputChange",value:function(e){var t=this;this.timeout&&clearTimeout(this.timeout);var n=e.target.value;this.props.multiple||this.updateModel(e,n),0===n.length?(this.hideOverlay(),this.props.onClear&&this.props.onClear(e)):n.length>=this.props.minLength?this.timeout=setTimeout((function(){t.search(e,n,"input")}),this.props.delay):this.hideOverlay()}},{key:"search",value:function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||this.props.completeMethod&&(this.setState({searching:!0}),this.props.completeMethod({originalEvent:e,query:t})))}},{key:"selectItem",value:function(e,t,n){if(this.props.multiple){if(this.inputRef.current.value="",!this.isSelected(t)){var r=this.props.value?[].concat(v(i=this.props.value)||y(i)||b(i)||g(),[t]):[t];this.updateModel(e,r)}}else this.updateInputField(t),this.updateModel(e,t);var i;this.props.onSelect&&this.props.onSelect({originalEvent:e,value:t}),n||(this.inputRef.current.focus(),this.hideOverlay())}},{key:"updateModel",value:function(e,t){this.props.onChange&&this.props.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.state.id,value:t}}),this.ariaSelected=t}},{key:"formatValue",value:function(e){if(e){if(this.props.selectedItemTemplate&&(this.props.multiple?this.isSelected(e):this.findOptionIndex(e)>-1)){var t=r.ObjectUtils.getJSXElement(this.props.selectedItemTemplate,e);return t||e}if(this.props.field){var n=r.ObjectUtils.resolveFieldData(e,this.props.field);return null!=n?n:e}return e}return""}},{key:"updateInputField",value:function(e){var t=this.formatValue(e);this.inputRef.current.value=t}},{key:"showOverlay",value:function(){this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1,searching:!1})}},{key:"onOverlayEnter",value:function(){r.ZIndexUtils.set("overlay",this.overlayRef.current,d.default.autoZIndex,d.default.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntering",value:function(){this.props.autoHighlight&&this.props.suggestions&&this.props.suggestions.length&&r.DomHandler.addClass(this.overlayRef.current.firstChild.firstChild,"p-highlight")}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){r.ZIndexUtils.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){r.DomHandler.alignOverlay(this.overlayRef.current,this.props.multiple?this.multiContainer:this.inputRef.current,this.props.appendTo||d.default.appendTo)}},{key:"onPanelClick",value:function(e){a.OverlayService.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onDropdownClick",value:function(e){this.inputRef.current.focus(),"blank"===this.props.dropdownMode?this.search(e,"","dropdown"):"current"===this.props.dropdownMode&&this.search(e,this.inputRef.current.value,"dropdown"),this.props.onDropdownClick&&this.props.onDropdownClick({originalEvent:e,query:this.inputRef.current.value})}},{key:"removeItem",value:function(e,t){var n=this.props.value[t],r=this.props.value.filter((function(e,n){return t!==n}));this.updateModel(e,r),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:n})}},{key:"onInputKeyDown",value:function(e){if(this.state.overlayVisible){var t=r.DomHandler.findSingle(this.overlayRef.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=this.findNextItem(t);n&&(r.DomHandler.addClass(n,"p-highlight"),r.DomHandler.removeClass(t,"p-highlight"),r.DomHandler.scrollInView(this.overlayRef.current,n))}else t=r.DomHandler.findSingle(this.overlayRef.current,"li"),r.DomHandler.hasClass(t,"p-autocomplete-item-group")&&(t=this.findNextItem(t)),t&&r.DomHandler.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var i=this.findPrevItem(t);i&&(r.DomHandler.addClass(i,"p-highlight"),r.DomHandler.removeClass(t,"p-highlight"),r.DomHandler.scrollInView(this.overlayRef.current,i))}e.preventDefault();break;case 13:t&&(this.selectHighlightItem(e,t),this.hideOverlay()),e.preventDefault();break;case 27:this.hideOverlay(),e.preventDefault();break;case 9:t&&this.selectHighlightItem(e,t),this.hideOverlay()}}if(this.props.multiple&&8===e.which)if(this.props.value&&this.props.value.length&&!this.inputRef.current.value){var o=this.props.value[this.props.value.length-1],l=this.props.value.slice(0,-1);this.updateModel(e,l),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:o})}}},{key:"selectHighlightItem",value:function(e,t){this.props.optionGroupLabel?this.selectItem(e,this.getOptionGroupChildren(this.props.suggestions[t.dataset.group])[t.dataset.index]):this.selectItem(e,this.props.suggestions[r.DomHandler.index(t)])}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?r.DomHandler.hasClass(t,"p-autocomplete-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?r.DomHandler.hasClass(t,"p-autocomplete-item-group")?this.findPrevItem(t):t:null}},{key:"onInputFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"forceItemSelection",value:function(e){var t=!1,n=e.target.value.trim();if(this.props.suggestions){var i,o=U(this.props.suggestions);try{for(o.s();!(i=o.n()).done;){var l=i.value,s=this.props.field?r.ObjectUtils.resolveFieldData(l,this.props.field):l;if(s&&n===s.trim()){t=!0,this.selectItem(e,l,!0);break}}}catch(e){o.e(e)}finally{o.f()}}t||(this.inputRef.current.value="",this.updateModel(e,null),this.props.onClear&&this.props.onClear(e))}},{key:"onInputBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.forceSelection&&t.forceItemSelection(e),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onMultiContainerClick",value:function(e){this.inputRef.current.focus(),this.props.onClick&&this.props.onClick(e)}},{key:"onMultiInputFocus",value:function(e){this.onInputFocus(e),r.DomHandler.addClass(this.multiContainer,"p-focus")}},{key:"onMultiInputBlur",value:function(e){this.onInputBlur(e),r.DomHandler.removeClass(this.multiContainer,"p-focus")}},{key:"isSelected",value:function(e){var t=!1;if(this.props.value&&this.props.value.length)for(var n=0;n<this.props.value.length;n++)if(r.ObjectUtils.equals(this.props.value[n],e)){t=!0;break}return t}},{key:"findOptionIndex",value:function(e){var t=-1;if(this.props.suggestions)for(var n=0;n<this.props.suggestions.length;n++)if(r.ObjectUtils.equals(e,this.props.suggestions[n])){t=n;break}return t}},{key:"getOptionGroupLabel",value:function(e){return this.props.optionGroupLabel?r.ObjectUtils.resolveFieldData(e,this.props.optionGroupLabel):e}},{key:"getOptionGroupChildren",value:function(e){return r.ObjectUtils.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){3!==t.which&&e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hideOverlay()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new r.ConnectedOverlayScrollHandler(this.container,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!r.DomHandler.isTouchDevice()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)&&!this.isInputClicked(e)}},{key:"isInputClicked",value:function(e){return this.props.multiple?e.target===this.multiContainer||this.multiContainer.contains(e.target):e.target===this.inputRef.current}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.state.id||this.setState({id:r.UniqueComponentId()}),this.props.autoFocus&&this.inputRef&&this.inputRef.current&&this.inputRef.current.focus(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.suggestions!==this.props.suggestions&&this.state.searching&&(this.props.suggestions&&this.props.suggestions.length?this.showOverlay():this.hideOverlay(),this.setState({searching:!1})),this.inputRef&&this.inputRef.current&&!this.props.multiple&&this.updateInputField(this.props.value),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(T({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),this.timeout&&clearTimeout(this.timeout),r.ZIndexUtils.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=p.tip({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderSimpleAutoComplete",value:function(){var e=r.classNames("p-autocomplete-input",this.props.inputClassName,{"p-autocomplete-dd-input":this.props.dropdown});return h.default.createElement(t.InputText,{ref:this.inputRef,id:this.props.inputId,type:this.props.type,name:this.props.name,defaultValue:this.formatValue(this.props.value),role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,className:e,style:this.props.inputStyle,autoComplete:"off",readOnly:this.props.readOnly,disabled:this.props.disabled,placeholder:this.props.placeholder,size:this.props.size,maxLength:this.props.maxLength,tabIndex:this.props.tabIndex,onBlur:this.onInputBlur,onFocus:this.onInputFocus,onChange:this.onInputChange,onMouseDown:this.props.onMouseDown,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onContextMenu:this.props.onContextMenu,onClick:this.props.onClick,onDoubleClick:this.props.onDblClick})}},{key:"renderChips",value:function(){var e=this;return this.props.value&&this.props.value.length?this.props.value.map((function(t,n){return h.default.createElement("li",{key:n+"multi-item",className:"p-autocomplete-token p-highlight"},h.default.createElement("span",{className:"p-autocomplete-token-label"},e.formatValue(t)),!e.props.disabled&&r.IconUtils.getJSXIcon(e.props.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(t){return e.removeItem(t,n)}},{props:e.props}))})):null}},{key:"renderMultiInput",value:function(){return h.default.createElement("li",{className:"p-autocomplete-input-token"},h.default.createElement("input",{ref:this.inputRef,type:this.props.type,disabled:this.props.disabled,placeholder:this.props.placeholder,role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,autoComplete:"off",tabIndex:this.props.tabIndex,onChange:this.onInputChange,id:this.props.inputId,name:this.props.name,style:this.props.inputStyle,className:this.props.inputClassName,maxLength:this.props.maxLength,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onFocus:this.onMultiInputFocus,onBlur:this.onMultiInputBlur}))}},{key:"renderMultipleAutoComplete",value:function(){var e=this,t=r.classNames("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":this.props.disabled}),n=this.renderChips(),i=this.renderMultiInput();return h.default.createElement("ul",{ref:function(t){e.multiContainer=t},className:t,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown,onClick:this.onMultiContainerClick,onDoubleClick:this.props.onDblClick},n,i)}},{key:"renderDropdown",value:function(){var e=this;return h.default.createElement(n.Button,{ref:function(t){return e.dropdownButton=t},type:"button",icon:this.props.dropdownIcon,className:"p-autocomplete-dropdown",disabled:this.props.disabled,onClick:this.onDropdownClick})}},{key:"renderLoader",value:function(){return this.state.searching?h.default.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null}},{key:"render",value:function(){var e,t,n=this,i=r.classNames("p-autocomplete p-component p-inputwrapper",this.props.className,{"p-autocomplete-dd":this.props.dropdown,"p-autocomplete-multiple":this.props.multiple,"p-inputwrapper-filled":this.props.value,"p-inputwrapper-focus":this.state.focused}),o=this.renderLoader();return e=this.props.multiple?this.renderMultipleAutoComplete():this.renderSimpleAutoComplete(),this.props.dropdown&&(t=this.renderDropdown()),h.default.createElement("span",{ref:function(e){return n.container=e},id:this.state.id,style:this.props.style,className:i,"aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible,"aria-owns":this.state.id+"_list"},e,o,t,h.default.createElement(H,f({ref:this.overlayRef,virtualScrollerRef:this.virtualScrollerRef},this.props,{listId:this.state.id+"_list",onItemClick:this.selectItem,ariaSelected:this.ariaSelected,onClick:this.onPanelClick,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupChildren:this.getOptionGroupChildren,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntering:this.onOverlayEntering,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),u}();x(K,"defaultProps",{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",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,ariaLabelledBy:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",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}),exports.AutoComplete=K;

package/autocomplete/autocomplete.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
 import { VirtualScrollerProps } from '../virtualscroller';
+import { CSSTransitionProps } from '../csstransition';
+import { IconType } from '../utils';
 
 type AutoCompleteOptionGroupTemplateType = React.ReactNode | ((suggestion: any, index: number) => React.ReactNode);
 
@@ -10,6 +12,8 @@ type AutoCompleteSelectedItemTemplateType = React.ReactNode | ((value: any) => R
 
 type AutoCompleteAppendToType = 'self' | HTMLElement | undefined | null;
 
+type AutoCompleteSourceType = 'dropdown' | 'input';
+
 interface AutoCompleteChangeTargetOptions {
     name: string;
     id: string;
@@ -71,7 +75,7 @@ export interface AutoCompleteProps {
     placeholder?: string;
     readOnly?: boolean;
     disabled?: boolean;
-    maxlength?: number;
+    maxLength?: number;
     size?: number;
     appendTo?: AutoCompleteAppendToType;
     tabIndex?: number;
@@ -82,8 +86,9 @@ export interface AutoCompleteProps {
     completeMethod?(e: AutoCompleteCompleteMethodParams): void;
     itemTemplate?: AutoCompleteItemTemplateType;
     selectedItemTemplate?: AutoCompleteSelectedItemTemplateType;
-    transitionOptions?: object;
-    dropdownIcon?: string;
+    transitionOptions?: CSSTransitionProps;
+    dropdownIcon?: IconType<AutoCompleteProps>;
+    removeIcon?: IconType<AutoCompleteProps>;
     onChange?(e: AutoCompleteChangeParams): void;
     onFocus?(event: React.FocusEvent<HTMLInputElement>): void;
     onBlur?(event: React.FocusEvent<HTMLInputElement>): void;
@@ -101,4 +106,6 @@ export interface AutoCompleteProps {
     onHide?(): void;
 }
 
-export declare class AutoComplete extends React.Component<AutoCompleteProps, any> { }
+export declare class AutoComplete extends React.Component<AutoCompleteProps, any> { 
+    public search(event:React.SyntheticEvent, query:string, source: AutoCompleteSourceType): void;
+}

package/autocomplete/autocomplete.esm.js

@@ -1,8 +1,13 @@
 import React, { Component, createRef } from 'react';
 import { InputText } from 'primereact/inputtext';
 import { Button } from 'primereact/button';
-import { ObjectUtils, Ripple, classNames, CSSTransition, Portal, ZIndexUtils, DomHandler, OverlayService, ConnectedOverlayScrollHandler, UniqueComponentId, tip } from 'primereact/core';
+import { ObjectUtils, classNames, ZIndexUtils, DomHandler, ConnectedOverlayScrollHandler, UniqueComponentId, IconUtils } from 'primereact/utils';
+import { Ripple } from 'primereact/ripple';
+import { CSSTransition } from 'primereact/csstransition';
+import { Portal } from 'primereact/portal';
 import { VirtualScroller } from 'primereact/virtualscroller';
+import { tip } from 'primereact/tooltip';
+import { OverlayService } from 'primereact/overlayservice';
 import PrimeReact from 'primereact/api';
 
 function _extends() {
@@ -77,6 +82,9 @@ function _defineProperties(target, props) {
 function _createClass(Constructor, protoProps, staticProps) {
   if (protoProps) _defineProperties(Constructor.prototype, protoProps);
   if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
   return Constructor;
 }
 
@@ -109,23 +117,20 @@ function _inherits(subClass, superClass) {
       configurable: true
     }
   });
+  Object.defineProperty(subClass, "prototype", {
+    writable: false
+  });
   if (superClass) _setPrototypeOf(subClass, superClass);
 }
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function _typeof(obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function _typeof(obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
 }
 
 function _possibleConstructorReturn(self, call) {
@@ -160,9 +165,9 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -295,7 +300,7 @@ var AutoCompletePanelComponent = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React.createElement(CSSTransition, {
         nodeRef: this.props.forwardRef,
         classNames: "p-connected-overlay",
-        in: this.props.in,
+        "in": this.props["in"],
         timeout: {
           enter: 120,
           exit: 100
@@ -334,11 +339,11 @@ var AutoCompletePanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, props));
 });
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
@@ -526,7 +531,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
   }, {
     key: "onOverlayEnter",
     value: function onOverlayEnter() {
-      ZIndexUtils.set('overlay', this.overlayRef.current);
+      ZIndexUtils.set('overlay', this.overlayRef.current, PrimeReact.autoZIndex, PrimeReact.zIndex['overlay']);
       this.alignOverlay();
     }
   }, {
@@ -906,7 +911,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
 
       if (!this.resizeListener) {
         this.resizeListener = function () {
-          if (_this7.state.overlayVisible && !DomHandler.isAndroid()) {
+          if (_this7.state.overlayVisible && !DomHandler.isTouchDevice()) {
             _this7.hideOverlay();
           }
         };
@@ -1043,7 +1048,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         disabled: this.props.disabled,
         placeholder: this.props.placeholder,
         size: this.props.size,
-        maxLength: this.props.maxlength,
+        maxLength: this.props.maxLength,
         tabIndex: this.props.tabIndex,
         onBlur: this.onInputBlur,
         onFocus: this.onInputFocus,
@@ -1069,11 +1074,13 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
             className: "p-autocomplete-token p-highlight"
           }, /*#__PURE__*/React.createElement("span", {
             className: "p-autocomplete-token-label"
-          }, _this8.formatValue(val)), !_this8.props.disabled && /*#__PURE__*/React.createElement("span", {
-            className: "p-autocomplete-token-icon pi pi-times-circle",
+          }, _this8.formatValue(val)), !_this8.props.disabled && IconUtils.getJSXIcon(_this8.props.removeIcon, {
+            className: 'p-autocomplete-token-icon',
             onClick: function onClick(e) {
               return _this8.removeItem(e, index);
             }
+          }, {
+            props: _this8.props
           }));
         });
       }
@@ -1101,7 +1108,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         name: this.props.name,
         style: this.props.inputStyle,
         className: this.props.inputClassName,
-        maxLength: this.props.maxlength,
+        maxLength: this.props.maxLength,
         onKeyUp: this.props.onKeyUp,
         onKeyDown: this.onInputKeyDown,
         onKeyPress: this.props.onKeyPress,
@@ -1196,7 +1203,7 @@ var AutoComplete = /*#__PURE__*/function (_Component) {
         onClick: this.onPanelClick,
         getOptionGroupLabel: this.getOptionGroupLabel,
         getOptionGroupChildren: this.getOptionGroupChildren,
-        in: this.state.overlayVisible,
+        "in": this.state.overlayVisible,
         onEnter: this.onOverlayEnter,
         onEntering: this.onOverlayEntering,
         onEntered: this.onOverlayEntered,
@@ -1239,7 +1246,7 @@ _defineProperty(AutoComplete, "defaultProps", {
   placeholder: null,
   readOnly: false,
   disabled: false,
-  maxlength: null,
+  maxLength: null,
   size: null,
   appendTo: null,
   tabIndex: null,
@@ -1252,6 +1259,7 @@ _defineProperty(AutoComplete, "defaultProps", {
   selectedItemTemplate: null,
   transitionOptions: null,
   dropdownIcon: 'pi pi-chevron-down',
+  removeIcon: 'pi pi-times-circle',
   onChange: null,
   onFocus: null,
   onBlur: null,

package/autocomplete/autocomplete.esm.min.js

@@ -1 +1 @@
-import e,{Component as t,createRef as n}from"react";import{InputText as i}from"primereact/inputtext";import{Button as r}from"primereact/button";import{ObjectUtils as o,Ripple as s,classNames as l,CSSTransition as p,Portal as u,ZIndexUtils as a,DomHandler as c,OverlayService as h,ConnectedOverlayScrollHandler as d,UniqueComponentId as f,tip as m}from"primereact/core";import{VirtualScroller as v}from"primereact/virtualscroller";import y from"primereact/api";function g(){return(g=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function k(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 C(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 w(){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,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function E(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function S(e,t,n){return t&&E(e.prototype,t),n&&E(e,n),e}function R(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function x(e,t){return(x=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function D(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&x(e,t)}function L(e){return(L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function M(e,t){if(t&&("object"===L(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return R(e)}function j(e){return(j=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}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 N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function T(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){P(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}function G(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var F=function(n){D(c,t);var i,r,a=(i=c,r=G(),function(){var e,t=j(i);if(r){var n=j(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return M(this,e)});function c(){return I(this,c),a.apply(this,arguments)}return S(c,[{key:"getOptionGroupRenderKey",value:function(e){return o.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"renderGroupChildren",value:function(t,n){var i=this;return this.props.getOptionGroupChildren(t).map((function(t,r){var l=i.props.itemTemplate?o.getJSXElement(i.props.itemTemplate,t,r):i.props.field?o.resolveFieldData(t,i.props.field):t;return e.createElement("li",{key:r+"_item",role:"option","aria-selected":i.props.ariaSelected===t,className:"p-autocomplete-item",onClick:function(e){return i.props.onItemClick(e,t)},"data-group":n,"data-index":r},l,e.createElement(s,null))}))}},{key:"renderItem",value:function(t,n){var i=this;if(this.props.optionGroupLabel){var r=this.props.optionGroupTemplate?o.getJSXElement(this.props.optionGroupTemplate,t,n):this.props.getOptionGroupLabel(t),l=this.renderGroupChildren(t,n),p=n+"_"+this.getOptionGroupRenderKey(t);return e.createElement(e.Fragment,{key:p},e.createElement("li",{className:"p-autocomplete-item-group"},r),l)}var u=this.props.itemTemplate?o.getJSXElement(this.props.itemTemplate,t,n):this.props.field?o.resolveFieldData(t,this.props.field):t;return e.createElement("li",{key:n+"_item",role:"option","aria-selected":this.props.ariaSelected===t,className:"p-autocomplete-item",onClick:function(e){return i.props.onItemClick(e,t)}},u,e.createElement(s,null))}},{key:"renderItems",value:function(){var e=this;return this.props.suggestions?this.props.suggestions.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderContent",value:function(){var t=this;if(this.props.virtualScrollerOptions){var n=T(T({},this.props.virtualScrollerOptions),{style:T(T({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),items:this.props.suggestions,itemTemplate:function(e,n){return e&&t.renderItem(e,n.index)},contentTemplate:function(n){var i=l("p-autocomplete-items",n.className);return e.createElement("ul",{ref:n.contentRef,className:i,role:"listbox",id:t.props.listId},n.children)}});return e.createElement(v,g({ref:this.props.virtualScrollerRef},n))}var i=this.renderItems();return e.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:this.props.listId},i)}},{key:"renderElement",value:function(){var t=l("p-autocomplete-panel p-component",this.props.panelClassName),n=T({maxHeight:this.props.scrollHeight},this.props.panelStyle),i=this.renderContent();return e.createElement(p,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},e.createElement("div",{ref:this.props.forwardRef,className:t,style:n,onClick:this.props.onClick},i))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(u,{element:t,appendTo:this.props.appendTo})}}]),c}(),B=e.forwardRef((function(t,n){return e.createElement(F,g({forwardRef:n},t))}));function H(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function K(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?H(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):H(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function A(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=z(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var i=0,r=function(){};return{s:r,n:function(){return i>=e.length?{done:!0}:{done:!1,value:e[i++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return s=e.done,e},e:function(e){l=!0,o=e},f:function(){try{s||null==n.return||n.return()}finally{if(l)throw o}}}}function z(e,t){if(e){if("string"==typeof e)return V(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?V(e,t):void 0}}function V(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}function _(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var U=function(s){D(b,t);var p,u,v=(p=b,u=_(),function(){var e,t=j(p);if(u){var n=j(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return M(this,e)});function b(e){var t;return I(this,b),(t=v.call(this,e)).state={id:t.props.id,searching:!1,focused:!1,overlayVisible:!1},t.onInputChange=t.onInputChange.bind(R(t)),t.onInputFocus=t.onInputFocus.bind(R(t)),t.onInputBlur=t.onInputBlur.bind(R(t)),t.onInputKeyDown=t.onInputKeyDown.bind(R(t)),t.onDropdownClick=t.onDropdownClick.bind(R(t)),t.onMultiContainerClick=t.onMultiContainerClick.bind(R(t)),t.onMultiInputFocus=t.onMultiInputFocus.bind(R(t)),t.onMultiInputBlur=t.onMultiInputBlur.bind(R(t)),t.selectItem=t.selectItem.bind(R(t)),t.getOptionGroupLabel=t.getOptionGroupLabel.bind(R(t)),t.getOptionGroupChildren=t.getOptionGroupChildren.bind(R(t)),t.onOverlayEnter=t.onOverlayEnter.bind(R(t)),t.onOverlayEntering=t.onOverlayEntering.bind(R(t)),t.onOverlayEntered=t.onOverlayEntered.bind(R(t)),t.onOverlayExit=t.onOverlayExit.bind(R(t)),t.onOverlayExited=t.onOverlayExited.bind(R(t)),t.onPanelClick=t.onPanelClick.bind(R(t)),t.overlayRef=n(),t.virtualScrollerRef=n(),t.inputRef=n(t.props.inputRef),t}return S(b,[{key:"onInputChange",value:function(e){var t=this;this.timeout&&clearTimeout(this.timeout);var n=e.target.value;this.props.multiple||this.updateModel(e,n),0===n.length?(this.hideOverlay(),this.props.onClear&&this.props.onClear(e)):n.length>=this.props.minLength?this.timeout=setTimeout((function(){t.search(e,n,"input")}),this.props.delay):this.hideOverlay()}},{key:"search",value:function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||this.props.completeMethod&&(this.setState({searching:!0}),this.props.completeMethod({originalEvent:e,query:t})))}},{key:"selectItem",value:function(e,t,n){if(this.props.multiple){if(this.inputRef.current.value="",!this.isSelected(t)){var i=this.props.value?[].concat(k(r=this.props.value)||O(r)||C(r)||w(),[t]):[t];this.updateModel(e,i)}}else this.updateInputField(t),this.updateModel(e,t);var r;this.props.onSelect&&this.props.onSelect({originalEvent:e,value:t}),n||(this.inputRef.current.focus(),this.hideOverlay())}},{key:"updateModel",value:function(e,t){this.props.onChange&&this.props.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.state.id,value:t}}),this.ariaSelected=t}},{key:"formatValue",value:function(e){if(e){if(this.props.selectedItemTemplate&&(this.props.multiple?this.isSelected(e):this.findOptionIndex(e)>-1)){var t=o.getJSXElement(this.props.selectedItemTemplate,e);return t||e}if(this.props.field){var n=o.resolveFieldData(e,this.props.field);return null!=n?n:e}return e}return""}},{key:"updateInputField",value:function(e){var t=this.formatValue(e);this.inputRef.current.value=t}},{key:"showOverlay",value:function(){this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1,searching:!1})}},{key:"onOverlayEnter",value:function(){a.set("overlay",this.overlayRef.current),this.alignOverlay()}},{key:"onOverlayEntering",value:function(){this.props.autoHighlight&&this.props.suggestions&&this.props.suggestions.length&&c.addClass(this.overlayRef.current.firstChild.firstChild,"p-highlight")}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){a.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){c.alignOverlay(this.overlayRef.current,this.props.multiple?this.multiContainer:this.inputRef.current,this.props.appendTo||y.appendTo)}},{key:"onPanelClick",value:function(e){h.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onDropdownClick",value:function(e){this.inputRef.current.focus(),"blank"===this.props.dropdownMode?this.search(e,"","dropdown"):"current"===this.props.dropdownMode&&this.search(e,this.inputRef.current.value,"dropdown"),this.props.onDropdownClick&&this.props.onDropdownClick({originalEvent:e,query:this.inputRef.current.value})}},{key:"removeItem",value:function(e,t){var n=this.props.value[t],i=this.props.value.filter((function(e,n){return t!==n}));this.updateModel(e,i),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:n})}},{key:"onInputKeyDown",value:function(e){if(this.state.overlayVisible){var t=c.findSingle(this.overlayRef.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=this.findNextItem(t);n&&(c.addClass(n,"p-highlight"),c.removeClass(t,"p-highlight"),c.scrollInView(this.overlayRef.current,n))}else t=c.findSingle(this.overlayRef.current,"li"),c.hasClass(t,"p-autocomplete-item-group")&&(t=this.findNextItem(t)),t&&c.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var i=this.findPrevItem(t);i&&(c.addClass(i,"p-highlight"),c.removeClass(t,"p-highlight"),c.scrollInView(this.overlayRef.current,i))}e.preventDefault();break;case 13:t&&(this.selectHighlightItem(e,t),this.hideOverlay()),e.preventDefault();break;case 27:this.hideOverlay(),e.preventDefault();break;case 9:t&&this.selectHighlightItem(e,t),this.hideOverlay()}}if(this.props.multiple)switch(e.which){case 8:if(this.props.value&&this.props.value.length&&!this.inputRef.current.value){var r=this.props.value[this.props.value.length-1],o=this.props.value.slice(0,-1);this.updateModel(e,o),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:r})}}}},{key:"selectHighlightItem",value:function(e,t){this.props.optionGroupLabel?this.selectItem(e,this.getOptionGroupChildren(this.props.suggestions[t.dataset.group])[t.dataset.index]):this.selectItem(e,this.props.suggestions[c.index(t)])}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?c.hasClass(t,"p-autocomplete-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?c.hasClass(t,"p-autocomplete-item-group")?this.findPrevItem(t):t:null}},{key:"onInputFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"forceItemSelection",value:function(e){var t=!1,n=e.target.value.trim();if(this.props.suggestions){var i,r=A(this.props.suggestions);try{for(r.s();!(i=r.n()).done;){var s=i.value,l=this.props.field?o.resolveFieldData(s,this.props.field):s;if(l&&n===l.trim()){t=!0,this.selectItem(e,s,!0);break}}}catch(e){r.e(e)}finally{r.f()}}t||(this.inputRef.current.value="",this.updateModel(e,null),this.props.onClear&&this.props.onClear(e))}},{key:"onInputBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.forceSelection&&t.forceItemSelection(e),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onMultiContainerClick",value:function(e){this.inputRef.current.focus(),this.props.onClick&&this.props.onClick(e)}},{key:"onMultiInputFocus",value:function(e){this.onInputFocus(e),c.addClass(this.multiContainer,"p-focus")}},{key:"onMultiInputBlur",value:function(e){this.onInputBlur(e),c.removeClass(this.multiContainer,"p-focus")}},{key:"isSelected",value:function(e){var t=!1;if(this.props.value&&this.props.value.length)for(var n=0;n<this.props.value.length;n++)if(o.equals(this.props.value[n],e)){t=!0;break}return t}},{key:"findOptionIndex",value:function(e){var t=-1;if(this.props.suggestions)for(var n=0;n<this.props.suggestions.length;n++)if(o.equals(e,this.props.suggestions[n])){t=n;break}return t}},{key:"getOptionGroupLabel",value:function(e){return this.props.optionGroupLabel?o.resolveFieldData(e,this.props.optionGroupLabel):e}},{key:"getOptionGroupChildren",value:function(e){return o.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){3!==t.which&&e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hideOverlay()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new d(this.container,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!c.isAndroid()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)&&!this.isInputClicked(e)}},{key:"isInputClicked",value:function(e){return this.props.multiple?e.target===this.multiContainer||this.multiContainer.contains(e.target):e.target===this.inputRef.current}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.state.id||this.setState({id:f()}),this.props.autoFocus&&this.inputRef&&this.inputRef.current&&this.inputRef.current.focus(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.suggestions!==this.props.suggestions&&this.state.searching&&(this.props.suggestions&&this.props.suggestions.length?this.showOverlay():this.hideOverlay(),this.setState({searching:!1})),this.inputRef&&this.inputRef.current&&!this.props.multiple&&this.updateInputField(this.props.value),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(K({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),this.timeout&&clearTimeout(this.timeout),a.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=m({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderSimpleAutoComplete",value:function(){var t=l("p-autocomplete-input",this.props.inputClassName,{"p-autocomplete-dd-input":this.props.dropdown});return e.createElement(i,{ref:this.inputRef,id:this.props.inputId,type:this.props.type,name:this.props.name,defaultValue:this.formatValue(this.props.value),role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,className:t,style:this.props.inputStyle,autoComplete:"off",readOnly:this.props.readOnly,disabled:this.props.disabled,placeholder:this.props.placeholder,size:this.props.size,maxLength:this.props.maxlength,tabIndex:this.props.tabIndex,onBlur:this.onInputBlur,onFocus:this.onInputFocus,onChange:this.onInputChange,onMouseDown:this.props.onMouseDown,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onContextMenu:this.props.onContextMenu,onClick:this.props.onClick,onDoubleClick:this.props.onDblClick})}},{key:"renderChips",value:function(){var t=this;return this.props.value&&this.props.value.length?this.props.value.map((function(n,i){return e.createElement("li",{key:i+"multi-item",className:"p-autocomplete-token p-highlight"},e.createElement("span",{className:"p-autocomplete-token-label"},t.formatValue(n)),!t.props.disabled&&e.createElement("span",{className:"p-autocomplete-token-icon pi pi-times-circle",onClick:function(e){return t.removeItem(e,i)}}))})):null}},{key:"renderMultiInput",value:function(){return e.createElement("li",{className:"p-autocomplete-input-token"},e.createElement("input",{ref:this.inputRef,type:this.props.type,disabled:this.props.disabled,placeholder:this.props.placeholder,role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,autoComplete:"off",tabIndex:this.props.tabIndex,onChange:this.onInputChange,id:this.props.inputId,name:this.props.name,style:this.props.inputStyle,className:this.props.inputClassName,maxLength:this.props.maxlength,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onFocus:this.onMultiInputFocus,onBlur:this.onMultiInputBlur}))}},{key:"renderMultipleAutoComplete",value:function(){var t=this,n=l("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":this.props.disabled}),i=this.renderChips(),r=this.renderMultiInput();return e.createElement("ul",{ref:function(e){t.multiContainer=e},className:n,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown,onClick:this.onMultiContainerClick,onDoubleClick:this.props.onDblClick},i,r)}},{key:"renderDropdown",value:function(){var t=this;return e.createElement(r,{ref:function(e){return t.dropdownButton=e},type:"button",icon:this.props.dropdownIcon,className:"p-autocomplete-dropdown",disabled:this.props.disabled,onClick:this.onDropdownClick})}},{key:"renderLoader",value:function(){return this.state.searching?e.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null}},{key:"render",value:function(){var t,n,i=this,r=l("p-autocomplete p-component p-inputwrapper",this.props.className,{"p-autocomplete-dd":this.props.dropdown,"p-autocomplete-multiple":this.props.multiple,"p-inputwrapper-filled":this.props.value,"p-inputwrapper-focus":this.state.focused}),o=this.renderLoader();return t=this.props.multiple?this.renderMultipleAutoComplete():this.renderSimpleAutoComplete(),this.props.dropdown&&(n=this.renderDropdown()),e.createElement("span",{ref:function(e){return i.container=e},id:this.state.id,style:this.props.style,className:r,"aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible,"aria-owns":this.state.id+"_list"},t,o,n,e.createElement(B,g({ref:this.overlayRef,virtualScrollerRef:this.virtualScrollerRef},this.props,{listId:this.state.id+"_list",onItemClick:this.selectItem,ariaSelected:this.ariaSelected,onClick:this.onPanelClick,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupChildren:this.getOptionGroupChildren,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntering:this.onOverlayEntering,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),b}();P(U,"defaultProps",{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",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,ariaLabelledBy:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",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{U as AutoComplete};
+import e,{Component as t,createRef as n}from"react";import{InputText as r}from"primereact/inputtext";import{Button as i}from"primereact/button";import{ObjectUtils as o,classNames as s,ZIndexUtils as l,DomHandler as p,ConnectedOverlayScrollHandler as u,UniqueComponentId as a,IconUtils as c}from"primereact/utils";import{Ripple as h}from"primereact/ripple";import{CSSTransition as d}from"primereact/csstransition";import{Portal as f}from"primereact/portal";import{VirtualScroller as m}from"primereact/virtualscroller";import{tip as v}from"primereact/tooltip";import{OverlayService as y}from"primereact/overlayservice";import g from"primereact/api";function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},b.apply(this,arguments)}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return k(e)}function C(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function I(e,t){if(e){if("string"==typeof e)return k(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)?k(e,t):void 0}}function w(){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 E(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function S(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function R(e,t,n){return t&&S(e.prototype,t),n&&S(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function x(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function L(e,t){return L=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},L(e,t)}function D(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&L(e,t)}function M(e){return M="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},M(e)}function j(e,t){if(t&&("object"===M(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return x(e)}function P(e){return P=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},P(e)}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 N(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?N(Object(n),!0).forEach((function(t){T(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}function F(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var B=function(n){D(p,t);var r,i,l=(r=p,i=F(),function(){var e,t=P(r);if(i){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return j(this,e)});function p(){return E(this,p),l.apply(this,arguments)}return R(p,[{key:"getOptionGroupRenderKey",value:function(e){return o.resolveFieldData(e,this.props.optionGroupLabel)}},{key:"renderGroupChildren",value:function(t,n){var r=this;return this.props.getOptionGroupChildren(t).map((function(t,i){var s=r.props.itemTemplate?o.getJSXElement(r.props.itemTemplate,t,i):r.props.field?o.resolveFieldData(t,r.props.field):t;return e.createElement("li",{key:i+"_item",role:"option","aria-selected":r.props.ariaSelected===t,className:"p-autocomplete-item",onClick:function(e){return r.props.onItemClick(e,t)},"data-group":n,"data-index":i},s,e.createElement(h,null))}))}},{key:"renderItem",value:function(t,n){var r=this;if(this.props.optionGroupLabel){var i=this.props.optionGroupTemplate?o.getJSXElement(this.props.optionGroupTemplate,t,n):this.props.getOptionGroupLabel(t),s=this.renderGroupChildren(t,n),l=n+"_"+this.getOptionGroupRenderKey(t);return e.createElement(e.Fragment,{key:l},e.createElement("li",{className:"p-autocomplete-item-group"},i),s)}var p=this.props.itemTemplate?o.getJSXElement(this.props.itemTemplate,t,n):this.props.field?o.resolveFieldData(t,this.props.field):t;return e.createElement("li",{key:n+"_item",role:"option","aria-selected":this.props.ariaSelected===t,className:"p-autocomplete-item",onClick:function(e){return r.props.onItemClick(e,t)}},p,e.createElement(h,null))}},{key:"renderItems",value:function(){var e=this;return this.props.suggestions?this.props.suggestions.map((function(t,n){return e.renderItem(t,n)})):null}},{key:"renderContent",value:function(){var t=this;if(this.props.virtualScrollerOptions){var n=G(G({},this.props.virtualScrollerOptions),{style:G(G({},this.props.virtualScrollerOptions.style),{height:this.props.scrollHeight}),items:this.props.suggestions,itemTemplate:function(e,n){return e&&t.renderItem(e,n.index)},contentTemplate:function(n){var r=s("p-autocomplete-items",n.className);return e.createElement("ul",{ref:n.contentRef,className:r,role:"listbox",id:t.props.listId},n.children)}});return e.createElement(m,b({ref:this.props.virtualScrollerRef},n))}var r=this.renderItems();return e.createElement("ul",{className:"p-autocomplete-items",role:"listbox",id:this.props.listId},r)}},{key:"renderElement",value:function(){var t=s("p-autocomplete-panel p-component",this.props.panelClassName),n=G({maxHeight:this.props.scrollHeight},this.props.panelStyle),r=this.renderContent();return e.createElement(d,{nodeRef:this.props.forwardRef,classNames:"p-connected-overlay",in:this.props.in,timeout:{enter:120,exit:100},options:this.props.transitionOptions,unmountOnExit:!0,onEnter:this.props.onEnter,onEntering:this.props.onEntering,onEntered:this.props.onEntered,onExit:this.props.onExit,onExited:this.props.onExited},e.createElement("div",{ref:this.props.forwardRef,className:t,style:n,onClick:this.props.onClick},r))}},{key:"render",value:function(){var t=this.renderElement();return e.createElement(f,{element:t,appendTo:this.props.appendTo})}}]),p}(),H=e.forwardRef((function(t,n){return e.createElement(B,b({forwardRef:n},t))}));function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?K(Object(n),!0).forEach((function(t){T(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):K(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function A(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=V(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,s=!0,l=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return s=e.done,e},e:function(e){l=!0,o=e},f:function(){try{s||null==n.return||n.return()}finally{if(l)throw o}}}}function V(e,t){if(e){if("string"==typeof e)return _(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_(e,t):void 0}}function _(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function U(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}var J=function(h){D(k,t);var d,f,m=(d=k,f=U(),function(){var e,t=P(d);if(f){var n=P(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return j(this,e)});function k(e){var t;return E(this,k),(t=m.call(this,e)).state={id:t.props.id,searching:!1,focused:!1,overlayVisible:!1},t.onInputChange=t.onInputChange.bind(x(t)),t.onInputFocus=t.onInputFocus.bind(x(t)),t.onInputBlur=t.onInputBlur.bind(x(t)),t.onInputKeyDown=t.onInputKeyDown.bind(x(t)),t.onDropdownClick=t.onDropdownClick.bind(x(t)),t.onMultiContainerClick=t.onMultiContainerClick.bind(x(t)),t.onMultiInputFocus=t.onMultiInputFocus.bind(x(t)),t.onMultiInputBlur=t.onMultiInputBlur.bind(x(t)),t.selectItem=t.selectItem.bind(x(t)),t.getOptionGroupLabel=t.getOptionGroupLabel.bind(x(t)),t.getOptionGroupChildren=t.getOptionGroupChildren.bind(x(t)),t.onOverlayEnter=t.onOverlayEnter.bind(x(t)),t.onOverlayEntering=t.onOverlayEntering.bind(x(t)),t.onOverlayEntered=t.onOverlayEntered.bind(x(t)),t.onOverlayExit=t.onOverlayExit.bind(x(t)),t.onOverlayExited=t.onOverlayExited.bind(x(t)),t.onPanelClick=t.onPanelClick.bind(x(t)),t.overlayRef=n(),t.virtualScrollerRef=n(),t.inputRef=n(t.props.inputRef),t}return R(k,[{key:"onInputChange",value:function(e){var t=this;this.timeout&&clearTimeout(this.timeout);var n=e.target.value;this.props.multiple||this.updateModel(e,n),0===n.length?(this.hideOverlay(),this.props.onClear&&this.props.onClear(e)):n.length>=this.props.minLength?this.timeout=setTimeout((function(){t.search(e,n,"input")}),this.props.delay):this.hideOverlay()}},{key:"search",value:function(e,t,n){null!=t&&("input"===n&&0===t.trim().length||this.props.completeMethod&&(this.setState({searching:!0}),this.props.completeMethod({originalEvent:e,query:t})))}},{key:"selectItem",value:function(e,t,n){if(this.props.multiple){if(this.inputRef.current.value="",!this.isSelected(t)){var r=this.props.value?[].concat(O(i=this.props.value)||C(i)||I(i)||w(),[t]):[t];this.updateModel(e,r)}}else this.updateInputField(t),this.updateModel(e,t);var i;this.props.onSelect&&this.props.onSelect({originalEvent:e,value:t}),n||(this.inputRef.current.focus(),this.hideOverlay())}},{key:"updateModel",value:function(e,t){this.props.onChange&&this.props.onChange({originalEvent:e,value:t,stopPropagation:function(){},preventDefault:function(){},target:{name:this.props.name,id:this.state.id,value:t}}),this.ariaSelected=t}},{key:"formatValue",value:function(e){if(e){if(this.props.selectedItemTemplate&&(this.props.multiple?this.isSelected(e):this.findOptionIndex(e)>-1)){var t=o.getJSXElement(this.props.selectedItemTemplate,e);return t||e}if(this.props.field){var n=o.resolveFieldData(e,this.props.field);return null!=n?n:e}return e}return""}},{key:"updateInputField",value:function(e){var t=this.formatValue(e);this.inputRef.current.value=t}},{key:"showOverlay",value:function(){this.setState({overlayVisible:!0})}},{key:"hideOverlay",value:function(){this.setState({overlayVisible:!1,searching:!1})}},{key:"onOverlayEnter",value:function(){l.set("overlay",this.overlayRef.current,g.autoZIndex,g.zIndex.overlay),this.alignOverlay()}},{key:"onOverlayEntering",value:function(){this.props.autoHighlight&&this.props.suggestions&&this.props.suggestions.length&&p.addClass(this.overlayRef.current.firstChild.firstChild,"p-highlight")}},{key:"onOverlayEntered",value:function(){this.bindDocumentClickListener(),this.bindScrollListener(),this.bindResizeListener(),this.props.onShow&&this.props.onShow()}},{key:"onOverlayExit",value:function(){this.unbindDocumentClickListener(),this.unbindScrollListener(),this.unbindResizeListener()}},{key:"onOverlayExited",value:function(){l.clear(this.overlayRef.current),this.props.onHide&&this.props.onHide()}},{key:"alignOverlay",value:function(){p.alignOverlay(this.overlayRef.current,this.props.multiple?this.multiContainer:this.inputRef.current,this.props.appendTo||g.appendTo)}},{key:"onPanelClick",value:function(e){y.emit("overlay-click",{originalEvent:e,target:this.container})}},{key:"onDropdownClick",value:function(e){this.inputRef.current.focus(),"blank"===this.props.dropdownMode?this.search(e,"","dropdown"):"current"===this.props.dropdownMode&&this.search(e,this.inputRef.current.value,"dropdown"),this.props.onDropdownClick&&this.props.onDropdownClick({originalEvent:e,query:this.inputRef.current.value})}},{key:"removeItem",value:function(e,t){var n=this.props.value[t],r=this.props.value.filter((function(e,n){return t!==n}));this.updateModel(e,r),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:n})}},{key:"onInputKeyDown",value:function(e){if(this.state.overlayVisible){var t=p.findSingle(this.overlayRef.current,"li.p-highlight");switch(e.which){case 40:if(t){var n=this.findNextItem(t);n&&(p.addClass(n,"p-highlight"),p.removeClass(t,"p-highlight"),p.scrollInView(this.overlayRef.current,n))}else t=p.findSingle(this.overlayRef.current,"li"),p.hasClass(t,"p-autocomplete-item-group")&&(t=this.findNextItem(t)),t&&p.addClass(t,"p-highlight");e.preventDefault();break;case 38:if(t){var r=this.findPrevItem(t);r&&(p.addClass(r,"p-highlight"),p.removeClass(t,"p-highlight"),p.scrollInView(this.overlayRef.current,r))}e.preventDefault();break;case 13:t&&(this.selectHighlightItem(e,t),this.hideOverlay()),e.preventDefault();break;case 27:this.hideOverlay(),e.preventDefault();break;case 9:t&&this.selectHighlightItem(e,t),this.hideOverlay()}}if(this.props.multiple&&8===e.which)if(this.props.value&&this.props.value.length&&!this.inputRef.current.value){var i=this.props.value[this.props.value.length-1],o=this.props.value.slice(0,-1);this.updateModel(e,o),this.props.onUnselect&&this.props.onUnselect({originalEvent:e,value:i})}}},{key:"selectHighlightItem",value:function(e,t){this.props.optionGroupLabel?this.selectItem(e,this.getOptionGroupChildren(this.props.suggestions[t.dataset.group])[t.dataset.index]):this.selectItem(e,this.props.suggestions[p.index(t)])}},{key:"findNextItem",value:function(e){var t=e.nextElementSibling;return t?p.hasClass(t,"p-autocomplete-item-group")?this.findNextItem(t):t:null}},{key:"findPrevItem",value:function(e){var t=e.previousElementSibling;return t?p.hasClass(t,"p-autocomplete-item-group")?this.findPrevItem(t):t:null}},{key:"onInputFocus",value:function(e){var t=this;e.persist(),this.setState({focused:!0},(function(){t.props.onFocus&&t.props.onFocus(e)}))}},{key:"forceItemSelection",value:function(e){var t=!1,n=e.target.value.trim();if(this.props.suggestions){var r,i=A(this.props.suggestions);try{for(i.s();!(r=i.n()).done;){var s=r.value,l=this.props.field?o.resolveFieldData(s,this.props.field):s;if(l&&n===l.trim()){t=!0,this.selectItem(e,s,!0);break}}}catch(e){i.e(e)}finally{i.f()}}t||(this.inputRef.current.value="",this.updateModel(e,null),this.props.onClear&&this.props.onClear(e))}},{key:"onInputBlur",value:function(e){var t=this;e.persist(),this.setState({focused:!1},(function(){t.props.forceSelection&&t.forceItemSelection(e),t.props.onBlur&&t.props.onBlur(e)}))}},{key:"onMultiContainerClick",value:function(e){this.inputRef.current.focus(),this.props.onClick&&this.props.onClick(e)}},{key:"onMultiInputFocus",value:function(e){this.onInputFocus(e),p.addClass(this.multiContainer,"p-focus")}},{key:"onMultiInputBlur",value:function(e){this.onInputBlur(e),p.removeClass(this.multiContainer,"p-focus")}},{key:"isSelected",value:function(e){var t=!1;if(this.props.value&&this.props.value.length)for(var n=0;n<this.props.value.length;n++)if(o.equals(this.props.value[n],e)){t=!0;break}return t}},{key:"findOptionIndex",value:function(e){var t=-1;if(this.props.suggestions)for(var n=0;n<this.props.suggestions.length;n++)if(o.equals(e,this.props.suggestions[n])){t=n;break}return t}},{key:"getOptionGroupLabel",value:function(e){return this.props.optionGroupLabel?o.resolveFieldData(e,this.props.optionGroupLabel):e}},{key:"getOptionGroupChildren",value:function(e){return o.resolveFieldData(e,this.props.optionGroupChildren)}},{key:"bindDocumentClickListener",value:function(){var e=this;this.documentClickListener||(this.documentClickListener=function(t){3!==t.which&&e.state.overlayVisible&&e.isOutsideClicked(t)&&e.hideOverlay()},document.addEventListener("click",this.documentClickListener))}},{key:"unbindDocumentClickListener",value:function(){this.documentClickListener&&(document.removeEventListener("click",this.documentClickListener),this.documentClickListener=null)}},{key:"bindScrollListener",value:function(){var e=this;this.scrollHandler||(this.scrollHandler=new u(this.container,(function(){e.state.overlayVisible&&e.hideOverlay()}))),this.scrollHandler.bindScrollListener()}},{key:"unbindScrollListener",value:function(){this.scrollHandler&&this.scrollHandler.unbindScrollListener()}},{key:"bindResizeListener",value:function(){var e=this;this.resizeListener||(this.resizeListener=function(){e.state.overlayVisible&&!p.isTouchDevice()&&e.hideOverlay()},window.addEventListener("resize",this.resizeListener))}},{key:"unbindResizeListener",value:function(){this.resizeListener&&(window.removeEventListener("resize",this.resizeListener),this.resizeListener=null)}},{key:"isOutsideClicked",value:function(e){return this.container&&this.overlayRef&&this.overlayRef.current&&!this.overlayRef.current.contains(e.target)&&!this.isInputClicked(e)}},{key:"isInputClicked",value:function(e){return this.props.multiple?e.target===this.multiContainer||this.multiContainer.contains(e.target):e.target===this.inputRef.current}},{key:"updateInputRef",value:function(){var e=this.props.inputRef;e&&("function"==typeof e?e(this.inputRef.current):e.current=this.inputRef.current)}},{key:"componentDidMount",value:function(){this.updateInputRef(),this.state.id||this.setState({id:a()}),this.props.autoFocus&&this.inputRef&&this.inputRef.current&&this.inputRef.current.focus(),this.props.tooltip&&this.renderTooltip()}},{key:"componentDidUpdate",value:function(e){e.suggestions!==this.props.suggestions&&this.state.searching&&(this.props.suggestions&&this.props.suggestions.length?this.showOverlay():this.hideOverlay(),this.setState({searching:!1})),this.inputRef&&this.inputRef.current&&!this.props.multiple&&this.updateInputField(this.props.value),e.tooltip===this.props.tooltip&&e.tooltipOptions===this.props.tooltipOptions||(this.tooltip?this.tooltip.update(z({content:this.props.tooltip},this.props.tooltipOptions||{})):this.renderTooltip())}},{key:"componentWillUnmount",value:function(){this.unbindDocumentClickListener(),this.unbindResizeListener(),this.scrollHandler&&(this.scrollHandler.destroy(),this.scrollHandler=null),this.tooltip&&(this.tooltip.destroy(),this.tooltip=null),this.timeout&&clearTimeout(this.timeout),l.clear(this.overlayRef.current)}},{key:"renderTooltip",value:function(){this.tooltip=v({target:this.container,content:this.props.tooltip,options:this.props.tooltipOptions})}},{key:"renderSimpleAutoComplete",value:function(){var t=s("p-autocomplete-input",this.props.inputClassName,{"p-autocomplete-dd-input":this.props.dropdown});return e.createElement(r,{ref:this.inputRef,id:this.props.inputId,type:this.props.type,name:this.props.name,defaultValue:this.formatValue(this.props.value),role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,className:t,style:this.props.inputStyle,autoComplete:"off",readOnly:this.props.readOnly,disabled:this.props.disabled,placeholder:this.props.placeholder,size:this.props.size,maxLength:this.props.maxLength,tabIndex:this.props.tabIndex,onBlur:this.onInputBlur,onFocus:this.onInputFocus,onChange:this.onInputChange,onMouseDown:this.props.onMouseDown,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onContextMenu:this.props.onContextMenu,onClick:this.props.onClick,onDoubleClick:this.props.onDblClick})}},{key:"renderChips",value:function(){var t=this;return this.props.value&&this.props.value.length?this.props.value.map((function(n,r){return e.createElement("li",{key:r+"multi-item",className:"p-autocomplete-token p-highlight"},e.createElement("span",{className:"p-autocomplete-token-label"},t.formatValue(n)),!t.props.disabled&&c.getJSXIcon(t.props.removeIcon,{className:"p-autocomplete-token-icon",onClick:function(e){return t.removeItem(e,r)}},{props:t.props}))})):null}},{key:"renderMultiInput",value:function(){return e.createElement("li",{className:"p-autocomplete-input-token"},e.createElement("input",{ref:this.inputRef,type:this.props.type,disabled:this.props.disabled,placeholder:this.props.placeholder,role:"searchbox","aria-autocomplete":"list","aria-controls":this.state.id+"_list","aria-labelledby":this.props.ariaLabelledBy,autoComplete:"off",tabIndex:this.props.tabIndex,onChange:this.onInputChange,id:this.props.inputId,name:this.props.name,style:this.props.inputStyle,className:this.props.inputClassName,maxLength:this.props.maxLength,onKeyUp:this.props.onKeyUp,onKeyDown:this.onInputKeyDown,onKeyPress:this.props.onKeyPress,onFocus:this.onMultiInputFocus,onBlur:this.onMultiInputBlur}))}},{key:"renderMultipleAutoComplete",value:function(){var t=this,n=s("p-autocomplete-multiple-container p-component p-inputtext",{"p-disabled":this.props.disabled}),r=this.renderChips(),i=this.renderMultiInput();return e.createElement("ul",{ref:function(e){t.multiContainer=e},className:n,onContextMenu:this.props.onContextMenu,onMouseDown:this.props.onMouseDown,onClick:this.onMultiContainerClick,onDoubleClick:this.props.onDblClick},r,i)}},{key:"renderDropdown",value:function(){var t=this;return e.createElement(i,{ref:function(e){return t.dropdownButton=e},type:"button",icon:this.props.dropdownIcon,className:"p-autocomplete-dropdown",disabled:this.props.disabled,onClick:this.onDropdownClick})}},{key:"renderLoader",value:function(){return this.state.searching?e.createElement("i",{className:"p-autocomplete-loader pi pi-spinner pi-spin"}):null}},{key:"render",value:function(){var t,n,r=this,i=s("p-autocomplete p-component p-inputwrapper",this.props.className,{"p-autocomplete-dd":this.props.dropdown,"p-autocomplete-multiple":this.props.multiple,"p-inputwrapper-filled":this.props.value,"p-inputwrapper-focus":this.state.focused}),o=this.renderLoader();return t=this.props.multiple?this.renderMultipleAutoComplete():this.renderSimpleAutoComplete(),this.props.dropdown&&(n=this.renderDropdown()),e.createElement("span",{ref:function(e){return r.container=e},id:this.state.id,style:this.props.style,className:i,"aria-haspopup":"listbox","aria-expanded":this.state.overlayVisible,"aria-owns":this.state.id+"_list"},t,o,n,e.createElement(H,b({ref:this.overlayRef,virtualScrollerRef:this.virtualScrollerRef},this.props,{listId:this.state.id+"_list",onItemClick:this.selectItem,ariaSelected:this.ariaSelected,onClick:this.onPanelClick,getOptionGroupLabel:this.getOptionGroupLabel,getOptionGroupChildren:this.getOptionGroupChildren,in:this.state.overlayVisible,onEnter:this.onOverlayEnter,onEntering:this.onOverlayEntering,onEntered:this.onOverlayEntered,onExit:this.onOverlayExit,onExited:this.onOverlayExited})))}}]),k}();T(J,"defaultProps",{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",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,ariaLabelledBy:null,completeMethod:null,itemTemplate:null,selectedItemTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",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{J as AutoComplete};