primereact 8.7.3 → 9.0.0-beta.1

package/autocomplete/autocomplete.esm.min.js

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

package/autocomplete/autocomplete.js

@@ -168,11 +168,14 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         var key = i + '_' + j;
         var selected = props.selectedItem === item;
         var content = props.itemTemplate ? utils.ObjectUtils.getJSXElement(props.itemTemplate, item, j) : props.field ? utils.ObjectUtils.resolveFieldData(item, props.field) : item;
+        var className = utils.classNames('p-autocomplete-item', {
+          'p-disabled': item.disabled
+        });
         return /*#__PURE__*/React__namespace.createElement("li", {
           key: key,
           role: "option",
           "aria-selected": selected,
-          className: "p-autocomplete-item",
+          className: className,
           style: style,
           onClick: function onClick(e) {
             return props.onItemClick(e, item);
@@ -199,11 +202,14 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         }, content), childrenContent);
       } else {
         var _content = props.itemTemplate ? utils.ObjectUtils.getJSXElement(props.itemTemplate, suggestion, index) : props.field ? utils.ObjectUtils.resolveFieldData(suggestion, props.field) : suggestion;
+        var className = utils.classNames('p-autocomplete-item', {
+          'p-disabled': suggestion.disabled
+        });
         return /*#__PURE__*/React__namespace.createElement("li", {
           key: index,
           role: "option",
           "aria-selected": props.selectedItem === suggestion,
-          className: "p-autocomplete-item",
+          className: className,
           style: style,
           onClick: function onClick(e) {
             return props.onItemClick(e, suggestion);
@@ -256,7 +262,10 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       }
     };
     var createElement = function createElement() {
-      var className = utils.classNames('p-autocomplete-panel p-component', props.panelClassName);
+      var className = utils.classNames('p-autocomplete-panel p-component', props.panelClassName, {
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      });
       var style = _objectSpread({
         maxHeight: props.scrollHeight
       }, props.panelStyle || {});
@@ -669,6 +678,9 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       if (inputRef.current && !props.multiple) {
         updateInputField(props.value);
       }
+      if (overlayVisibleState) {
+        alignOverlay();
+      }
     });
     hooks.useUnmountEffect(function () {
       if (timeout.current) {
@@ -682,6 +694,9 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
         search: search,
         show: show,
         hide: hide,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },

package/autocomplete/autocomplete.min.js

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

package/avatar/avatar.d.ts

@@ -1,26 +1,88 @@
+/**
+ *
+ * Avatar represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/avatar)
+ *
+ * @module avatar
+ *
+ */
 import * as React from 'react';
 import { IconType } from '../utils';
 
-type AvatarSizeType = 'normal' | 'large' | 'xlarge';
-
-type AvatarShapeType = 'square' | 'circle';
-
-type AvatarTemplateType = React.ReactNode | ((props: AvatarProps) => React.ReactNode);
-
+/**
+ * Defines valid properties in Avatar component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface AvatarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    children?: React.ReactNode;
-    icon?: IconType<AvatarProps>;
-    image?: string;
-    imageAlt?: string;
-    imageFallback?: string;
-    label?: string;
-    shape?: AvatarShapeType;
-    size?: AvatarSizeType;
-    template?: AvatarTemplateType;
+    /**
+     * Defines the icon to display.
+     */
+    icon?: IconType<AvatarProps> | undefined;
+    /**
+     * Defines the image to display.
+     */
+    image?: string | undefined;
+    /**
+     * It specifies an alternate text for an image, if the image cannot be displayed.
+     * @defaultValue avatar
+     */
+    imageAlt?: string | undefined;
+    /**
+     * Defines a fallback image or URL if the main image fails to load. If "default" will fallback to label then icon.
+     * @defaultValue default
+     */
+    imageFallback?: 'default' | string | undefined;
+    /**
+     * Defines the text to display.
+     */
+    label?: string | undefined;
+    /**
+     * Shape of the element.
+     * @defaultValue square
+     */
+    shape?: 'square' | 'circle' | undefined;
+    /**
+     * Size of the element.
+     * @defaultValue normal
+     */
+    size?: 'normal' | 'large' | 'xlarge' | undefined;
+    /**
+     * Template of the content.
+     */
+    template?: React.ReactNode | ((props: AvatarProps) => React.ReactNode);
+    /**
+     * This event is triggered if an error occurs while loading an image file.
+     * @param {React.SyntheticEvent}  event - Browser event.
+     */
     onImageError?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke on click.
+     * @param {React.MouseEvent<HTMLElement>} event - Browser event.
+     */
     onClick?(event: React.MouseEvent<HTMLElement>): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Avatar**
+ *
+ * _Avatar represents people using icons, labels and images._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/avatar/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Avatar extends React.Component<AvatarProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/avatargroup/avatargroup.d.ts

@@ -1,9 +1,41 @@
+/**
+ *
+ * A set of Avatars can be displayed together using the AvatarGroup component.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/avatar/)
+ *
+ * @module avatargroup
+ *
+ */
 import * as React from 'react';
 
+/**
+ * Defines valid properties in Avatar component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface AvatarGroupProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - AvatarGroup**
+ *
+ * _A set of Avatars can be displayed together using the AvatarGroup component._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/avatargroup/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class AvatarGroup extends React.Component<AvatarGroupProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/badge/badge.d.ts

@@ -1,16 +1,56 @@
+/**
+ *
+ * Badge represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/badge)
+ *
+ * @module badge
+ *
+ */
 import * as React from 'react';
 
-type BadgeSeverityType = 'success' | 'info' | 'warning' | 'danger';
-
-type BadgeSizeType = 'normal' | 'large' | 'xlarge';
-
+/**
+ * Defines valid properties in Badge component. In addition to these, all properties of HTMLSpanElement can be used in this component.
+ * @group Properties
+ */
 export interface BadgeProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 'ref'> {
-    value?: any;
-    severity?: BadgeSeverityType;
-    size?: BadgeSizeType;
-    children?: React.ReactNode;
+    /**
+     * Value to display inside the badge.
+     *
+     */
+    value?: any | null | undefined;
+    /**
+     * Severity type of the badge.
+     * @defaultValue null
+     */
+    severity?: 'success' | 'info' | 'warning' | 'danger' | null | undefined;
+    /**
+     * Size of the badge, valid options are "large" and "xlarge".
+     * @defaultValue null
+     */
+    size?: 'normal' | 'large' | 'xlarge' | null | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Badge**
+ *
+ * _Badge represents people using icons, labels and images._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/badge/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Badge extends React.Component<BadgeProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLSpanElement} Container element
+     */
     public getElement(): HTMLSpanElement;
 }

package/blockui/blockui.d.ts

@@ -1,22 +1,83 @@
+/**
+ *
+ * BlockUI represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/blockui)
+ *
+ * @module blockui
+ *
+ */
 import * as React from 'react';
 
-type BlockUITemplateType = React.ReactNode | ((props: BlockUIProps) => React.ReactNode);
-
+/**
+ * Defines valid properties in BlockUI component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface BlockUIProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    autoZIndex?: boolean;
-    baseZIndex?: number;
-    blocked?: boolean;
-    children?: React.ReactNode;
-    containerClassName?: string;
-    containerStyle?: React.CSSProperties;
-    fullScreen?: boolean;
-    template?: BlockUITemplateType;
+    /**
+     * Whether to automatically manage layering.
+     * @defaultValue true
+     */
+    autoZIndex?: boolean | undefined;
+    /**
+     * Base zIndex value to use in layering.
+     * @defaultValue 0
+     */
+    baseZIndex?: number | undefined;
+    /**
+     * Controls the blocked state.
+     * @defaultValue false
+     */
+    blocked?: boolean | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * Style class of the container element.
+     */
+    containerClassName?: string | undefined;
+    /**
+     * Inline style of the container element.
+     */
+    containerStyle?: React.CSSProperties | undefined;
+    /**
+     * When enabled, the whole document gets blocked.
+     * @defaultValue false
+     */
+    fullScreen?: boolean | undefined;
+    /**
+     * Template of mask.
+     */
+    template?: React.ReactNode | ((props: BlockUIProps) => React.ReactNode) | null | undefined;
+    /**
+     * Fired when the element gets blocked.
+     */
     onBlocked?(): void;
+    /**
+     * Fired when the element gets unblocked.
+     */
     onUnblocked?(): void;
 }
 
+/**
+ * **PrimeReact - BlockUI**
+ *
+ * _BlockUI represents people using icons, labels and images._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/blockui/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class BlockUI extends React.Component<BlockUIProps, any> {
     public block(): void;
     public unblock(): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/breadcrumb/breadcrumb.d.ts

@@ -1,12 +1,50 @@
+/**
+ *
+ * Breadcrumb provides contextual information about page hierarchy.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/breadcrumb/)
+ *
+ * @module breadcrumb
+ *
+ */
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
 
+/**
+ * Defines valid properties in BreadCrumb component. In addition to these, all properties of HTMLElement can be used in this component.
+ * @group Properties
+ */
 export interface BreadCrumbProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, 'ref'> {
-    model?: MenuItem[];
-    home?: MenuItem;
-    children?: React.ReactNode;
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * MenuItem configuration for the home icon.
+     */
+    home?: MenuItem | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - BreadCrumb**
+ *
+ * _Breadcrumb provides contextual information about page hierarchy._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/breadcrumb/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class BreadCrumb extends React.Component<BreadCrumbProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLElement} Container element
+     */
     public getElement(): HTMLElement;
 }