primereact 8.2.0 → 8.5.0

package/autocomplete/autocomplete.cjs.js

@@ -434,7 +434,9 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
 
   var formatValue = function formatValue(value) {
     if (value) {
-      if (props.selectedItemTemplate && (props.multiple ? isSelected(value) : findOptionIndex(value) > -1)) {
+      if (typeof value === 'string') {
+        return value;
+      } else if (props.selectedItemTemplate) {
         var resolvedFieldData = utils.ObjectUtils.getJSXElement(props.selectedItemTemplate, value);
         return resolvedFieldData ? resolvedFieldData : value;
       } else if (props.field) {
@@ -695,12 +697,6 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
     }) : false;
   };
 
-  var findOptionIndex = function findOptionIndex(option) {
-    return props.suggestions ? props.suggestions.findIndex(function (s) {
-      return utils.ObjectUtils.equals(s, option);
-    }) : -1;
-  };
-
   var getScrollableElement = function getScrollableElement() {
     return virtualScrollerRef.current ? overlayRef.current.firstChild : overlayRef.current;
   };
@@ -745,7 +741,20 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
-      search: search
+      props: props,
+      search: search,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getOverlay: function getOverlay() {
+        return overlayRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      },
+      getVirtualScroller: function getVirtualScroller() {
+        return virtualScrollerRef.current;
+      }
     };
   });
 

package/autocomplete/autocomplete.cjs.min.js

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

package/autocomplete/autocomplete.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import TooltipOptions from '../tooltip/tooltipoptions';
-import { VirtualScrollerProps } from '../virtualscroller';
+import { VirtualScrollerProps, VirtualScroller } from '../virtualscroller';
 import { CSSTransitionProps } from '../csstransition';
 import { IconType } from '../utils';
 
@@ -33,7 +33,7 @@ interface AutoCompleteSelectParams {
     value: any;
 }
 
-interface AutoCompleteUnselectParams extends AutoCompleteSelectParams { }
+interface AutoCompleteUnselectParams extends AutoCompleteSelectParams {}
 
 interface AutoCompleteDropdownClickParams {
     originalEvent: React.SyntheticEvent;
@@ -108,5 +108,9 @@ export interface AutoCompleteProps extends Omit<React.DetailedHTMLProps<React.In
 }
 
 export declare class AutoComplete extends React.Component<AutoCompleteProps, any> {
-    public search(event:React.SyntheticEvent, query:string, source: AutoCompleteSourceType): void;
+    public search(event: React.SyntheticEvent, query: string, source: AutoCompleteSourceType): void;
+    public getElement(): HTMLSpanElement;
+    public getInput(): HTMLInputElement;
+    public getOverlay(): HTMLElement;
+    public getVirtualScroller(): VirtualScroller;
 }

package/autocomplete/autocomplete.esm.js

@@ -407,7 +407,9 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   var formatValue = function formatValue(value) {
     if (value) {
-      if (props.selectedItemTemplate && (props.multiple ? isSelected(value) : findOptionIndex(value) > -1)) {
+      if (typeof value === 'string') {
+        return value;
+      } else if (props.selectedItemTemplate) {
         var resolvedFieldData = ObjectUtils.getJSXElement(props.selectedItemTemplate, value);
         return resolvedFieldData ? resolvedFieldData : value;
       } else if (props.field) {
@@ -668,12 +670,6 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }) : false;
   };
 
-  var findOptionIndex = function findOptionIndex(option) {
-    return props.suggestions ? props.suggestions.findIndex(function (s) {
-      return ObjectUtils.equals(s, option);
-    }) : -1;
-  };
-
   var getScrollableElement = function getScrollableElement() {
     return virtualScrollerRef.current ? overlayRef.current.firstChild : overlayRef.current;
   };
@@ -718,7 +714,20 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   });
   React.useImperativeHandle(ref, function () {
     return {
-      search: search
+      props: props,
+      search: search,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getOverlay: function getOverlay() {
+        return overlayRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      },
+      getVirtualScroller: function getVirtualScroller() {
+        return virtualScrollerRef.current;
+      }
     };
   });
 

package/autocomplete/autocomplete.esm.min.js

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

package/autocomplete/autocomplete.js

@@ -421,7 +421,9 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
 
     var formatValue = function formatValue(value) {
       if (value) {
-        if (props.selectedItemTemplate && (props.multiple ? isSelected(value) : findOptionIndex(value) > -1)) {
+        if (typeof value === 'string') {
+          return value;
+        } else if (props.selectedItemTemplate) {
           var resolvedFieldData = utils.ObjectUtils.getJSXElement(props.selectedItemTemplate, value);
           return resolvedFieldData ? resolvedFieldData : value;
         } else if (props.field) {
@@ -682,12 +684,6 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
       }) : false;
     };
 
-    var findOptionIndex = function findOptionIndex(option) {
-      return props.suggestions ? props.suggestions.findIndex(function (s) {
-        return utils.ObjectUtils.equals(s, option);
-      }) : -1;
-    };
-
     var getScrollableElement = function getScrollableElement() {
       return virtualScrollerRef.current ? overlayRef.current.firstChild : overlayRef.current;
     };
@@ -732,7 +728,20 @@ this.primereact.autocomplete = (function (exports, React, PrimeReact, button, ho
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
-        search: search
+        props: props,
+        search: search,
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getOverlay: function getOverlay() {
+          return overlayRef.current;
+        },
+        getInput: function getInput() {
+          return inputRef.current;
+        },
+        getVirtualScroller: function getVirtualScroller() {
+          return virtualScrollerRef.current;
+        }
       };
     });
 

package/autocomplete/autocomplete.min.js

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

package/avatar/avatar.cjs.js

@@ -44,6 +44,8 @@ function _extends() {
 }
 
 var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
+
   var createContent = function createContent() {
     if (props.image) {
       return /*#__PURE__*/React__namespace.createElement("img", {
@@ -66,6 +68,14 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     return null;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Avatar.defaultProps);
   var containerClassName = utils.classNames('p-avatar p-component', {
     'p-avatar-image': props.image != null,
@@ -76,6 +86,7 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   }, props.className);
   var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props) : createContent();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    ref: elementRef,
     className: containerClassName,
     style: props.style
   }, otherProps), content, props.children);

package/avatar/avatar.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),a.default=e,Object.freeze(a)}var t=r(e);function l(){return l=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}var n=t.forwardRef((function(e,r){var c=a.ObjectUtils.findDiffKeys(e,n.defaultProps),i=a.classNames("p-avatar p-component",{"p-avatar-image":null!=e.image,"p-avatar-circle":"circle"===e.shape,"p-avatar-lg":"large"===e.size,"p-avatar-xl":"xlarge"===e.size,"p-avatar-clickable":!!e.onClick},e.className),s=e.template?a.ObjectUtils.getJSXElement(e.template,e):e.image?t.createElement("img",{src:e.image,alt:e.imageAlt,onError:e.onImageError}):e.label?t.createElement("span",{className:"p-avatar-text"},e.label):e.icon?a.IconUtils.getJSXIcon(e.icon,{className:"p-avatar-icon"},{props:e}):null;return t.createElement("div",l({className:i,style:e.style},c),s,e.children)}));n.displayName="Avatar",n.defaultProps={__TYPE:"Avatar",label:null,icon:null,image:null,size:"normal",shape:"square",style:null,className:null,template:null,imageAlt:"avatar",onImageError:null},exports.Avatar=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),a=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,t.get?t:{enumerable:!0,get:function(){return e[r]}})}})),a.default=e,Object.freeze(a)}var t=r(e);function l(){return l=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},l.apply(this,arguments)}var n=t.forwardRef((function(e,r){var c=t.useRef(null);t.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return c.current}}}));var i=a.ObjectUtils.findDiffKeys(e,n.defaultProps),s=a.classNames("p-avatar p-component",{"p-avatar-image":null!=e.image,"p-avatar-circle":"circle"===e.shape,"p-avatar-lg":"large"===e.size,"p-avatar-xl":"xlarge"===e.size,"p-avatar-clickable":!!e.onClick},e.className),o=e.template?a.ObjectUtils.getJSXElement(e.template,e):e.image?t.createElement("img",{src:e.image,alt:e.imageAlt,onError:e.onImageError}):e.label?t.createElement("span",{className:"p-avatar-text"},e.label):e.icon?a.IconUtils.getJSXIcon(e.icon,{className:"p-avatar-icon"},{props:e}):null;return t.createElement("div",l({ref:c,className:s,style:e.style},i),o,e.children)}));n.displayName="Avatar",n.defaultProps={__TYPE:"Avatar",label:null,icon:null,image:null,size:"normal",shape:"square",style:null,className:null,template:null,imageAlt:"avatar",onImageError:null},exports.Avatar=n;

package/avatar/avatar.d.ts

@@ -20,4 +20,6 @@ export interface AvatarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttr
     children?: React.ReactNode;
 }
 
-export declare class Avatar extends React.Component<AvatarProps, any> { }
+export declare class Avatar extends React.Component<AvatarProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/avatar/avatar.esm.js

@@ -20,6 +20,8 @@ function _extends() {
 }
 
 var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
+
   var createContent = function createContent() {
     if (props.image) {
       return /*#__PURE__*/React.createElement("img", {
@@ -42,6 +44,14 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return null;
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, Avatar.defaultProps);
   var containerClassName = classNames('p-avatar p-component', {
     'p-avatar-image': props.image != null,
@@ -52,6 +62,7 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, props.className);
   var content = props.template ? ObjectUtils.getJSXElement(props.template, props) : createContent();
   return /*#__PURE__*/React.createElement("div", _extends({
+    ref: elementRef,
     className: containerClassName,
     style: props.style
   }, otherProps), content, props.children);

package/avatar/avatar.esm.min.js

@@ -1 +1 @@
-import*as a from"react";import{ObjectUtils as e,classNames as l,IconUtils as r}from"primereact/utils";function t(){return t=Object.assign||function(a){for(var e=1;e<arguments.length;e++){var l=arguments[e];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(a[r]=l[r])}return a},t.apply(this,arguments)}var n=a.forwardRef((function(i,o){var s=e.findDiffKeys(i,n.defaultProps),c=l("p-avatar p-component",{"p-avatar-image":null!=i.image,"p-avatar-circle":"circle"===i.shape,"p-avatar-lg":"large"===i.size,"p-avatar-xl":"xlarge"===i.size,"p-avatar-clickable":!!i.onClick},i.className),m=i.template?e.getJSXElement(i.template,i):i.image?a.createElement("img",{src:i.image,alt:i.imageAlt,onError:i.onImageError}):i.label?a.createElement("span",{className:"p-avatar-text"},i.label):i.icon?r.getJSXIcon(i.icon,{className:"p-avatar-icon"},{props:i}):null;return a.createElement("div",t({className:c,style:i.style},s),m,i.children)}));n.displayName="Avatar",n.defaultProps={__TYPE:"Avatar",label:null,icon:null,image:null,size:"normal",shape:"square",style:null,className:null,template:null,imageAlt:"avatar",onImageError:null};export{n as Avatar};
+import*as a from"react";import{ObjectUtils as e,classNames as r,IconUtils as l}from"primereact/utils";function t(){return t=Object.assign||function(a){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(a[l]=r[l])}return a},t.apply(this,arguments)}var n=a.forwardRef((function(i,o){var s=a.useRef(null);a.useImperativeHandle(o,(function(){return{props:i,getElement:function(){return s.current}}}));var c=e.findDiffKeys(i,n.defaultProps),p=r("p-avatar p-component",{"p-avatar-image":null!=i.image,"p-avatar-circle":"circle"===i.shape,"p-avatar-lg":"large"===i.size,"p-avatar-xl":"xlarge"===i.size,"p-avatar-clickable":!!i.onClick},i.className),m=i.template?e.getJSXElement(i.template,i):i.image?a.createElement("img",{src:i.image,alt:i.imageAlt,onError:i.onImageError}):i.label?a.createElement("span",{className:"p-avatar-text"},i.label):i.icon?l.getJSXIcon(i.icon,{className:"p-avatar-icon"},{props:i}):null;return a.createElement("div",t({ref:s,className:p,style:i.style},c),m,i.children)}));n.displayName="Avatar",n.defaultProps={__TYPE:"Avatar",label:null,icon:null,image:null,size:"normal",shape:"square",style:null,className:null,template:null,imageAlt:"avatar",onImageError:null};export{n as Avatar};

package/avatar/avatar.js

@@ -41,6 +41,8 @@ this.primereact.avatar = (function (exports, React, utils) {
   }
 
   var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
+
     var createContent = function createContent() {
       if (props.image) {
         return /*#__PURE__*/React__namespace.createElement("img", {
@@ -63,6 +65,14 @@ this.primereact.avatar = (function (exports, React, utils) {
       return null;
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Avatar.defaultProps);
     var containerClassName = utils.classNames('p-avatar p-component', {
       'p-avatar-image': props.image != null,
@@ -73,6 +83,7 @@ this.primereact.avatar = (function (exports, React, utils) {
     }, props.className);
     var content = props.template ? utils.ObjectUtils.getJSXElement(props.template, props) : createContent();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef,
       className: containerClassName,
       style: props.style
     }, otherProps), content, props.children);

package/avatar/avatar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.avatar=function(e,a,t){"use strict";function r(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}var l=r(a);function n(){return n=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},n.apply(this,arguments)}var c=l.forwardRef((function(e,a){var r=t.ObjectUtils.findDiffKeys(e,c.defaultProps),i=t.classNames("p-avatar p-component",{"p-avatar-image":null!=e.image,"p-avatar-circle":"circle"===e.shape,"p-avatar-lg":"large"===e.size,"p-avatar-xl":"xlarge"===e.size,"p-avatar-clickable":!!e.onClick},e.className),s=e.template?t.ObjectUtils.getJSXElement(e.template,e):e.image?l.createElement("img",{src:e.image,alt:e.imageAlt,onError:e.onImageError}):e.label?l.createElement("span",{className:"p-avatar-text"},e.label):e.icon?t.IconUtils.getJSXIcon(e.icon,{className:"p-avatar-icon"},{props:e}):null;return l.createElement("div",n({className:i,style:e.style},r),s,e.children)}));return c.displayName="Avatar",c.defaultProps={__TYPE:"Avatar",label:null,icon:null,image:null,size:"normal",shape:"square",style:null,className:null,template:null,imageAlt:"avatar",onImageError:null},e.Avatar=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.avatar=function(e,a,t){"use strict";function r(e){if(e&&e.__esModule)return e;var a=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),a.default=e,Object.freeze(a)}var l=r(a);function n(){return n=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},n.apply(this,arguments)}var c=l.forwardRef((function(e,a){var r=l.useRef(null);l.useImperativeHandle(a,(function(){return{props:e,getElement:function(){return r.current}}}));var i=t.ObjectUtils.findDiffKeys(e,c.defaultProps),s=t.classNames("p-avatar p-component",{"p-avatar-image":null!=e.image,"p-avatar-circle":"circle"===e.shape,"p-avatar-lg":"large"===e.size,"p-avatar-xl":"xlarge"===e.size,"p-avatar-clickable":!!e.onClick},e.className),u=e.template?t.ObjectUtils.getJSXElement(e.template,e):e.image?l.createElement("img",{src:e.image,alt:e.imageAlt,onError:e.onImageError}):e.label?l.createElement("span",{className:"p-avatar-text"},e.label):e.icon?t.IconUtils.getJSXIcon(e.icon,{className:"p-avatar-icon"},{props:e}):null;return l.createElement("div",n({ref:r,className:s,style:e.style},i),u,e.children)}));return c.displayName="Avatar",c.defaultProps={__TYPE:"Avatar",label:null,icon:null,image:null,size:"normal",shape:"square",style:null,className:null,template:null,imageAlt:"avatar",onImageError:null},e.Avatar=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/avatargroup/avatargroup.cjs.js

@@ -44,9 +44,19 @@ function _extends() {
 }
 
 var AvatarGroup = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, AvatarGroup.defaultProps);
   var className = utils.classNames('p-avatar-group p-component', props.className);
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), props.children);

package/avatargroup/avatargroup.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=t(e);function n(){return n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},n.apply(this,arguments)}var u=a.forwardRef((function(e,t){var l=r.ObjectUtils.findDiffKeys(e,u.defaultProps),s=r.classNames("p-avatar-group p-component",e.className);return a.createElement("div",n({className:s,style:e.style},l),e.children)}));u.displayName="AvatarGroup",u.defaultProps={__TYPE:"AvatarGroup",style:null,className:null},exports.AvatarGroup=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/utils");function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var a=t(e);function n(){return n=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},n.apply(this,arguments)}var u=a.forwardRef((function(e,t){var l=a.useRef(null),s=r.ObjectUtils.findDiffKeys(e,u.defaultProps),c=r.classNames("p-avatar-group p-component",e.className);return a.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return l.current}}})),a.createElement("div",n({ref:l,className:c,style:e.style},s),e.children)}));u.displayName="AvatarGroup",u.defaultProps={__TYPE:"AvatarGroup",style:null,className:null},exports.AvatarGroup=u;

package/avatargroup/avatargroup.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 
-export interface AvatarGroupProps {
-    style?: object;
-    className?: string;
+export interface AvatarGroupProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     children?: React.ReactNode;
 }
 
-export declare class AvatarGroup extends React.Component<AvatarGroupProps, any> { }
+export declare class AvatarGroup extends React.Component<AvatarGroupProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/avatargroup/avatargroup.esm.js

@@ -20,9 +20,19 @@ function _extends() {
 }
 
 var AvatarGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, AvatarGroup.defaultProps);
   var className = classNames('p-avatar-group p-component', props.className);
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React.createElement("div", _extends({
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), props.children);

package/avatargroup/avatargroup.esm.min.js

@@ -1 +1 @@
-import*as r from"react";import{ObjectUtils as a,classNames as t}from"primereact/utils";function e(){return e=Object.assign||function(r){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(r[e]=t[e])}return r},e.apply(this,arguments)}var o=r.forwardRef((function(l,n){var s=a.findDiffKeys(l,o.defaultProps),p=t("p-avatar-group p-component",l.className);return r.createElement("div",e({className:p,style:l.style},s),l.children)}));o.displayName="AvatarGroup",o.defaultProps={__TYPE:"AvatarGroup",style:null,className:null};export{o as AvatarGroup};
+import*as r from"react";import{ObjectUtils as e,classNames as t}from"primereact/utils";function a(){return a=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a])}return r},a.apply(this,arguments)}var n=r.forwardRef((function(l,o){var s=r.useRef(null),u=e.findDiffKeys(l,n.defaultProps),p=t("p-avatar-group p-component",l.className);return r.useImperativeHandle(o,(function(){return{props:l,getElement:function(){return s.current}}})),r.createElement("div",a({ref:s,className:p,style:l.style},u),l.children)}));n.displayName="AvatarGroup",n.defaultProps={__TYPE:"AvatarGroup",style:null,className:null};export{n as AvatarGroup};