primereact 8.1.1 → 8.4.0

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

package/avatar/avatar.cjs.js

@@ -44,8 +44,16 @@ function _extends() {
 }
 
 var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
+
   var createContent = function createContent() {
-    if (props.label) {
+    if (props.image) {
+      return /*#__PURE__*/React__namespace.createElement("img", {
+        src: props.image,
+        alt: props.imageAlt,
+        onError: props.onImageError
+      });
+    } else if (props.label) {
       return /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-avatar-text"
       }, props.label);
@@ -55,17 +63,19 @@ var Avatar = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       }, {
         props: props
       });
-    } else if (props.image) {
-      return /*#__PURE__*/React__namespace.createElement("img", {
-        src: props.image,
-        alt: props.imageAlt,
-        onError: props.onImageError
-      });
     }
 
     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.label?t.createElement("span",{className:"p-avatar-text"},e.label):e.icon?a.IconUtils.getJSXIcon(e.icon,{className:"p-avatar-icon"},{props:e}):e.image?t.createElement("img",{src:e.image,alt:e.imageAlt,onError:e.onImageError}):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

@@ -7,14 +7,12 @@ type AvatarShapeType = 'square' | 'circle';
 
 type AvatarTemplateType = React.ReactNode | ((props: AvatarProps) => React.ReactNode);
 
-export interface AvatarProps {
+export interface AvatarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     label?: string;
     icon?: IconType<AvatarProps>;
     image?: string;
     size?: AvatarSizeType;
     shape?: AvatarShapeType;
-    style?: object;
-    className?: string;
     template?: AvatarTemplateType;
     imageAlt?: string;
     onImageError?(event: React.SyntheticEvent): void;
@@ -22,4 +20,6 @@ export interface AvatarProps {
     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,8 +20,16 @@ function _extends() {
 }
 
 var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
+
   var createContent = function createContent() {
-    if (props.label) {
+    if (props.image) {
+      return /*#__PURE__*/React.createElement("img", {
+        src: props.image,
+        alt: props.imageAlt,
+        onError: props.onImageError
+      });
+    } else if (props.label) {
       return /*#__PURE__*/React.createElement("span", {
         className: "p-avatar-text"
       }, props.label);
@@ -31,17 +39,19 @@ var Avatar = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }, {
         props: props
       });
-    } else if (props.image) {
-      return /*#__PURE__*/React.createElement("img", {
-        src: props.image,
-        alt: props.imageAlt,
-        onError: props.onImageError
-      });
     }
 
     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.label?a.createElement("span",{className:"p-avatar-text"},i.label):i.icon?r.getJSXIcon(i.icon,{className:"p-avatar-icon"},{props:i}):i.image?a.createElement("img",{src:i.image,alt:i.imageAlt,onError:i.onImageError}):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,8 +41,16 @@ 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.label) {
+      if (props.image) {
+        return /*#__PURE__*/React__namespace.createElement("img", {
+          src: props.image,
+          alt: props.imageAlt,
+          onError: props.onImageError
+        });
+      } else if (props.label) {
         return /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-avatar-text"
         }, props.label);
@@ -52,17 +60,19 @@ this.primereact.avatar = (function (exports, React, utils) {
         }, {
           props: props
         });
-      } else if (props.image) {
-        return /*#__PURE__*/React__namespace.createElement("img", {
-          src: props.image,
-          alt: props.imageAlt,
-          onError: props.onImageError
-        });
       }
 
       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.label?l.createElement("span",{className:"p-avatar-text"},e.label):e.icon?t.IconUtils.getJSXIcon(e.icon,{className:"p-avatar-icon"},{props:e}):e.image?l.createElement("img",{src:e.image,alt:e.imageAlt,onError:e.onImageError}):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};

package/avatargroup/avatargroup.js

@@ -41,9 +41,19 @@ this.primereact.avatargroup = (function (exports, React, utils) {
   }
 
   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.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.avatargroup=function(e,r,t){"use strict";function a(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 n=a(r);function c(){return c=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},c.apply(this,arguments)}var u=n.forwardRef((function(e,r){var a=t.ObjectUtils.findDiffKeys(e,u.defaultProps),s=t.classNames("p-avatar-group p-component",e.className);return n.createElement("div",c({className:s,style:e.style},a),e.children)}));return u.displayName="AvatarGroup",u.defaultProps={__TYPE:"AvatarGroup",style:null,className:null},e.AvatarGroup=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.avatargroup=function(e,r,t){"use strict";function a(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 n=a(r);function u(){return u=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},u.apply(this,arguments)}var c=n.forwardRef((function(e,r){var a=n.useRef(null),l=t.ObjectUtils.findDiffKeys(e,c.defaultProps),s=t.classNames("p-avatar-group p-component",e.className);return n.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return a.current}}})),n.createElement("div",u({ref:a,className:s,style:e.style},l),e.children)}));return c.displayName="AvatarGroup",c.defaultProps={__TYPE:"AvatarGroup",style:null,className:null},e.AvatarGroup=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/badge/badge.cjs.js

@@ -59,14 +59,24 @@ function _defineProperty(obj, key, value) {
 }
 
 var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var elementRef = React__namespace.useRef(null);
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Badge.defaultProps);
   var className = utils.classNames('p-badge p-component', _defineProperty({
-    'p-badge-no-gutter': props.value && String(props.value).length === 1,
-    'p-badge-dot': !props.value,
+    'p-badge-no-gutter': utils.ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1,
+    'p-badge-dot': utils.ObjectUtils.isEmpty(props.value),
     'p-badge-lg': props.size === 'large',
     'p-badge-xl': props.size === 'xlarge'
   }, "p-badge-".concat(props.severity), props.severity !== null), props.className);
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React__namespace.createElement("span", _extends({
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), props.value);

package/badge/badge.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 l(){return l=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},l.apply(this,arguments)}var n=a.memo(a.forwardRef((function(e,t){var u,s,i,c=r.ObjectUtils.findDiffKeys(e,n.defaultProps),o=r.classNames("p-badge p-component",(u={"p-badge-no-gutter":e.value&&1===String(e.value).length,"p-badge-dot":!e.value,"p-badge-lg":"large"===e.size,"p-badge-xl":"xlarge"===e.size},s="p-badge-".concat(e.severity),i=null!==e.severity,s in u?Object.defineProperty(u,s,{value:i,enumerable:!0,configurable:!0,writable:!0}):u[s]=i,u),e.className);return a.createElement("span",l({className:o,style:e.style},c),e.value)})));n.displayName="Badge",n.defaultProps={__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null},exports.Badge=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var a=r(e);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var n=a.memo(a.forwardRef((function(e,r){var u,s,i,c=a.useRef(null),o=t.ObjectUtils.findDiffKeys(e,n.defaultProps),p=t.classNames("p-badge p-component",(u={"p-badge-no-gutter":t.ObjectUtils.isNotEmpty(e.value)&&1===String(e.value).length,"p-badge-dot":t.ObjectUtils.isEmpty(e.value),"p-badge-lg":"large"===e.size,"p-badge-xl":"xlarge"===e.size},s="p-badge-".concat(e.severity),i=null!==e.severity,s in u?Object.defineProperty(u,s,{value:i,enumerable:!0,configurable:!0,writable:!0}):u[s]=i,u),e.className);return a.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return c.current}}})),a.createElement("span",l({ref:c,className:p,style:e.style},o),e.value)})));n.displayName="Badge",n.defaultProps={__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null},exports.Badge=n;

package/badge/badge.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
 
-type BadgeSeverityType = 'success' | 'info' | 'warn' | 'error' | (string & {});
+type BadgeSeverityType = 'success' | 'info' | 'warning' | 'danger';
 
 type BadgeSizeType = 'normal' | 'large' | 'xlarge';
 
-export interface BadgeProps {
+export interface BadgeProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, 'ref'> {
     value?: any;
     severity?: BadgeSeverityType;
     size?: BadgeSizeType;
-    style?: object;
-    className?: string;
     children?: React.ReactNode;
 }
 
-export declare class Badge extends React.Component<BadgeProps, any> { }
+export declare class Badge extends React.Component<BadgeProps, any> {
+    public getElement(): HTMLSpanElement;
+ }

package/badge/badge.esm.js

@@ -35,14 +35,24 @@ function _defineProperty(obj, key, value) {
 }
 
 var Badge = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, Badge.defaultProps);
   var className = classNames('p-badge p-component', _defineProperty({
-    'p-badge-no-gutter': props.value && String(props.value).length === 1,
-    'p-badge-dot': !props.value,
+    'p-badge-no-gutter': ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1,
+    'p-badge-dot': ObjectUtils.isEmpty(props.value),
     'p-badge-lg': props.size === 'large',
     'p-badge-xl': props.size === 'xlarge'
   }, "p-badge-".concat(props.severity), props.severity !== null), props.className);
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   return /*#__PURE__*/React.createElement("span", _extends({
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), props.value);

package/badge/badge.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as a,classNames as l}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var l=arguments[a];for(var r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r])}return e},r.apply(this,arguments)}var t=e.memo(e.forwardRef((function(n,s){var i,o,u,p=a.findDiffKeys(n,t.defaultProps),c=l("p-badge p-component",(i={"p-badge-no-gutter":n.value&&1===String(n.value).length,"p-badge-dot":!n.value,"p-badge-lg":"large"===n.size,"p-badge-xl":"xlarge"===n.size},o="p-badge-".concat(n.severity),u=null!==n.severity,o in i?Object.defineProperty(i,o,{value:u,enumerable:!0,configurable:!0,writable:!0}):i[o]=u,i),n.className);return e.createElement("span",r({className:c,style:n.style},p),n.value)})));t.displayName="Badge",t.defaultProps={__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null};export{t as Badge};
+import*as e from"react";import{ObjectUtils as r,classNames as t}from"primereact/utils";function a(){return a=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},a.apply(this,arguments)}var l=e.memo(e.forwardRef((function(n,u){var s,i,o,p=e.useRef(null),c=r.findDiffKeys(n,l.defaultProps),f=t("p-badge p-component",(s={"p-badge-no-gutter":r.isNotEmpty(n.value)&&1===String(n.value).length,"p-badge-dot":r.isEmpty(n.value),"p-badge-lg":"large"===n.size,"p-badge-xl":"xlarge"===n.size},i="p-badge-".concat(n.severity),o=null!==n.severity,i in s?Object.defineProperty(s,i,{value:o,enumerable:!0,configurable:!0,writable:!0}):s[i]=o,s),n.className);return e.useImperativeHandle(u,(function(){return{props:n,getElement:function(){return p.current}}})),e.createElement("span",a({ref:p,className:f,style:n.style},c),n.value)})));l.displayName="Badge",l.defaultProps={__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null};export{l as Badge};

package/badge/badge.js

@@ -56,14 +56,24 @@ this.primereact.badge = (function (exports, React, utils) {
   }
 
   var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var elementRef = React__namespace.useRef(null);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Badge.defaultProps);
     var className = utils.classNames('p-badge p-component', _defineProperty({
-      'p-badge-no-gutter': props.value && String(props.value).length === 1,
-      'p-badge-dot': !props.value,
+      'p-badge-no-gutter': utils.ObjectUtils.isNotEmpty(props.value) && String(props.value).length === 1,
+      'p-badge-dot': utils.ObjectUtils.isEmpty(props.value),
       'p-badge-lg': props.size === 'large',
       'p-badge-xl': props.size === 'xlarge'
     }, "p-badge-".concat(props.severity), props.severity !== null), props.className);
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     return /*#__PURE__*/React__namespace.createElement("span", _extends({
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), props.value);

package/badge/badge.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.badge=function(e,t,r){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=a(t);function n(){return n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},n.apply(this,arguments)}var u=l.memo(l.forwardRef((function(e,t){var a,i,s,c=r.ObjectUtils.findDiffKeys(e,u.defaultProps),o=r.classNames("p-badge p-component",(a={"p-badge-no-gutter":e.value&&1===String(e.value).length,"p-badge-dot":!e.value,"p-badge-lg":"large"===e.size,"p-badge-xl":"xlarge"===e.size},i="p-badge-".concat(e.severity),s=null!==e.severity,i in a?Object.defineProperty(a,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):a[i]=s,a),e.className);return l.createElement("span",n({className:o,style:e.style},c),e.value)})));return u.displayName="Badge",u.defaultProps={__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null},e.Badge=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.badge=function(e,t,r){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=a(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var u=n.memo(n.forwardRef((function(e,t){var a,i,s,c=n.useRef(null),o=r.ObjectUtils.findDiffKeys(e,u.defaultProps),p=r.classNames("p-badge p-component",(a={"p-badge-no-gutter":r.ObjectUtils.isNotEmpty(e.value)&&1===String(e.value).length,"p-badge-dot":r.ObjectUtils.isEmpty(e.value),"p-badge-lg":"large"===e.size,"p-badge-xl":"xlarge"===e.size},i="p-badge-".concat(e.severity),s=null!==e.severity,i in a?Object.defineProperty(a,i,{value:s,enumerable:!0,configurable:!0,writable:!0}):a[i]=s,a),e.className);return n.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return c.current}}})),n.createElement("span",l({ref:c,className:p,style:e.style},o),e.value)})));return u.displayName="Badge",u.defaultProps={__TYPE:"Badge",value:null,severity:null,size:null,style:null,className:null},e.Badge=u,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/blockui/blockui.cjs.js

@@ -116,6 +116,7 @@ var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
       visibleState = _React$useState2[0],
       setVisibleState = _React$useState2[1];
 
+  var elementRef = React__namespace.useRef(null);
   var maskRef = React__namespace.useRef(null);
 
   var block = function block() {
@@ -169,8 +170,12 @@ var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       block: block,
-      unblock: unblock
+      unblock: unblock,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
     };
   });
 
@@ -202,6 +207,7 @@ var BlockUI = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var mask = createMask();
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: "p-blockui-container"
   }, otherProps), props.children, mask);
 });

package/blockui/blockui.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/portal"),l=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var u=a(e),c=o(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],a=!0,u=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);a=!0);}catch(e){u=!0,l=e}finally{try{a||null==n.return||n.return()}finally{if(u)throw l}}return o}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function m(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function p(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=u.forwardRef((function(e,t){var o,a,s=u.useState(e.blocked),y=(a=2,d(o=s)||f(o,a)||m(o,a)||p()),v=y[0],k=y[1],h=u.useRef(null),I=function(){k(!0)},j=function(){var t=function(){k(!1),e.fullScreen&&l.DomHandler.removeClass(document.body,"p-overflow-hidden"),e.onUnblocked&&e.onUnblocked()};h.current?(l.DomHandler.addClass(h.current,"p-component-overlay-leave"),h.current.addEventListener("animationend",(function(){l.ZIndexUtils.clear(h.current),t()}))):t()},O=function(){if(e.fullScreen&&(l.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),e.autoZIndex){var t=e.fullScreen?"modal":"overlay";l.ZIndexUtils.set(t,h.current,c.default.autoZIndex,e.baseZIndex||c.default.zIndex[t])}e.onBlocked&&e.onBlocked()};n.useMountEffect((function(){v&&I()})),n.useUpdateEffect((function(){e.blocked?I():j()}),[e.blocked]),n.useUnmountEffect((function(){e.fullScreen&&l.DomHandler.removeClass(document.body,"p-overflow-hidden"),l.ZIndexUtils.clear(h.current)})),u.useImperativeHandle(t,(function(){return{block:I,unblock:j}}));var S=l.ObjectUtils.findDiffKeys(e,b.defaultProps),U=function(){if(v){var t=e.fullScreen?document.body:"self",n=l.classNames("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":e.fullScreen},e.className),o=e.template?l.ObjectUtils.getJSXElement(e.template,e):null;return u.createElement(r.Portal,{element:u.createElement("div",{ref:h,className:n,style:e.style},o),appendTo:t,onMounted:O})}return null}();return u.createElement("div",i({id:e.id,className:"p-blockui-container"},S),e.children,U)}));b.displayName="BlockUI",b.defaultProps={__TYPE:"BlockUI",id:null,blocked:!1,fullScreen:!1,baseZIndex:0,autoZIndex:!0,style:null,className:null,template:null,onBlocked:null,onUnblocked:null},exports.BlockUI=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/hooks"),r=require("primereact/portal"),l=require("primereact/utils");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=u(e),c=o(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}function d(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,o=[],u=!0,a=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(o.push(r.value),!t||o.length!==t);u=!0);}catch(e){a=!0,l=e}finally{try{u||null==n.return||n.return()}finally{if(a)throw l}}return o}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function p(e,t){if(e){if("string"==typeof e)return s(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)?s(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var b=a.forwardRef((function(e,t){var o,u,s=a.useState(e.blocked),y=(u=2,d(o=s)||f(o,u)||p(o,u)||m()),v=y[0],k=y[1],h=a.useRef(null),I=a.useRef(null),j=function(){k(!0)},O=function(){var t=function(){k(!1),e.fullScreen&&l.DomHandler.removeClass(document.body,"p-overflow-hidden"),e.onUnblocked&&e.onUnblocked()};I.current?(l.DomHandler.addClass(I.current,"p-component-overlay-leave"),I.current.addEventListener("animationend",(function(){l.ZIndexUtils.clear(I.current),t()}))):t()},S=function(){if(e.fullScreen&&(l.DomHandler.addClass(document.body,"p-overflow-hidden"),document.activeElement.blur()),e.autoZIndex){var t=e.fullScreen?"modal":"overlay";l.ZIndexUtils.set(t,I.current,c.default.autoZIndex,e.baseZIndex||c.default.zIndex[t])}e.onBlocked&&e.onBlocked()};n.useMountEffect((function(){v&&j()})),n.useUpdateEffect((function(){e.blocked?j():O()}),[e.blocked]),n.useUnmountEffect((function(){e.fullScreen&&l.DomHandler.removeClass(document.body,"p-overflow-hidden"),l.ZIndexUtils.clear(I.current)})),a.useImperativeHandle(t,(function(){return{props:e,block:j,unblock:O,getElement:function(){return h.current}}}));var U=l.ObjectUtils.findDiffKeys(e,b.defaultProps),g=function(){if(v){var t=e.fullScreen?document.body:"self",n=l.classNames("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":e.fullScreen},e.className),o=e.template?l.ObjectUtils.getJSXElement(e.template,e):null;return a.createElement(r.Portal,{element:a.createElement("div",{ref:I,className:n,style:e.style},o),appendTo:t,onMounted:S})}return null}();return a.createElement("div",i({id:e.id,ref:h,className:"p-blockui-container"},U),e.children,g)}));b.displayName="BlockUI",b.defaultProps={__TYPE:"BlockUI",id:null,blocked:!1,fullScreen:!1,baseZIndex:0,autoZIndex:!0,style:null,className:null,template:null,onBlocked:null,onUnblocked:null},exports.BlockUI=b;

package/blockui/blockui.d.ts

@@ -2,14 +2,11 @@ import * as React from 'react';
 
 type BlockUITemplateType = React.ReactNode | ((props: BlockUIProps) => React.ReactNode);
 
-export interface BlockUIProps {
-    id?: string;
+export interface BlockUIProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     blocked?: boolean;
     fullScreen?: boolean;
     baseZIndex?: number;
     autoZIndex?: boolean;
-    style?: object;
-    className?: string;
     template?: BlockUITemplateType;
     onBlocked?(): void;
     onUnblocked?(): void;
@@ -19,4 +16,5 @@ export interface BlockUIProps {
 export declare class BlockUI extends React.Component<BlockUIProps, any> {
     public block(): void;
     public unblock(): void;
+    public getElement(): HTMLDivElement;
 }