primereact 8.7.0 → 8.7.2

package/mention/mention.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,i,l,a,o,u,s){"use strict";function c(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 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 p=f(t),d=c(n);function g(){return g=Object.assign?Object.assign.bind():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},g.apply(this,arguments)}function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function y(e){if(Array.isArray(e))return e}function h(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,l=[],a=!0,o=!1;try{for(n=n.call(e);!(a=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);a=!0);}catch(e){o=!0,i=e}finally{try{a||null==n.return||n.return()}finally{if(o)throw i}}return l}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function O(){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 E(e,t){return y(e)||h(e,t)||b(e,t)||O()}var x=p.memo(p.forwardRef((function(e,t){var n=p.useRef(t),r=p.useRef(0),i=function(e){var t=n.current;t&&a.DomHandler.isVisible(t)&&(r.current||(r.current=t.scrollHeight,t.style.overflow="hidden"),(r.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",r.current=t.scrollHeight))},o=n.current&&n.current.value,u=p.useMemo((function(){return a.ObjectUtils.isNotEmpty(e.value)||a.ObjectUtils.isNotEmpty(e.defaultValue)||a.ObjectUtils.isNotEmpty(o)}),[e.value,e.defaultValue,o]);p.useEffect((function(){a.ObjectUtils.combinedRefs(n,t)}),[n,t]),p.useEffect((function(){e.autoResize&&i(!0)}),[e.autoResize]);var s=a.ObjectUtils.isNotEmpty(e.tooltip),c=a.ObjectUtils.findDiffKeys(e,x.defaultProps),f=a.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":u,"p-inputtextarea-resizable":e.autoResize},e.className);return p.createElement(p.Fragment,null,p.createElement("textarea",g({ref:n},c,{className:f,onFocus:function(t){e.autoResize&&i(),e.onFocus&&e.onFocus(t)},onBlur:function(t){e.autoResize&&i(),e.onBlur&&e.onBlur(t)},onKeyUp:function(t){e.autoResize&&i(),e.onKeyUp&&e.onKeyUp(t)},onInput:function(t){e.autoResize&&i(),e.onInput&&e.onInput(t);var n=t.target;a.ObjectUtils.isNotEmpty(n.value)?a.DomHandler.addClass(n,"p-filled"):a.DomHandler.removeClass(n,"p-filled")}})),s&&p.createElement(l.Tooltip,g({target:n,content:e.tooltip},e.tooltipOptions)))})));function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(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){m(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}x.displayName="InputTextarea",x.defaultProps={__TYPE:"InputTextarea",autoResize:!1,tooltip:null,tooltipOptions:null,onInput:null};var w=p.memo(p.forwardRef((function(e,t){var n=E(p.useState(!1),2),l=n[0],c=n[1],f=E(p.useState(!1),2),m=f[0],y=f[1],h=E(p.useState(!1),2),v=h[0],b=h[1],O=E(p.useState(null),2),j=O[0],H=O[1],D=p.useRef(null),C=p.useRef(null),I=p.useRef(e.inputRef),N=p.useRef(null),R=p.useRef(null),U=E(i.useOverlayListener({target:D,overlay:C,listener:function(e,t){t.valid&&A()},when:l}),2),k=U[0],P=U[1],T=function(){c(!0)},A=function(){c(!1),b(!1),H(null)},z=function(){a.ZIndexUtils.set("overlay",C.current,d.default.autoZIndex,d.default.zIndex.overlay),K()},F=function(){e.autoHighlight&&e.suggestions&&e.suggestions.length&&a.DomHandler.addClass(N.current.firstChild,"p-highlight")},_=function(){k(),e.onShow&&e.onShow()},M=function(){P()},B=function(){a.ZIndexUtils.clear(C.current),e.onHide&&e.onHide()},K=function(){var e=j.key,t=j.index,n=I.current.value,r=a.DomHandler.getCursorOffset(I.current,n.substring(0,t-1),n.substring(t),e);C.current.style.transformOrigin="top",C.current.style.left="calc(".concat(r.left,"px + 1rem)"),C.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},V=function(e){o.OverlayService.emit("overlay-click",{originalEvent:e,target:D.current})},Z=function(t,n,r){if(!j){var i=Array.isArray(e.trigger)?e.trigger.find((function(e){return e===n})):e.trigger===n?e.trigger:null;if(i)return{key:i,index:r};var l=t.substring(0,r).lastIndexOf(" "),a=J(t,r);if(a.index>l)return a}return j},J=function(t,n){if(Array.isArray(e.trigger)){var r={};return e.trigger.forEach((function(e){var i=t.substring(0,n).lastIndexOf(e);-1!==i&&(i>r.index||!r.index)&&(r={key:e,index:-1!==i?i+1:-1})})),r}var i=t.substring(0,n).lastIndexOf(e.trigger);return{key:e.trigger,index:-1!==i?i+1:-1}},X=function(t){R.current&&clearTimeout(R.current);var n=t.target,r=n.value,i=n.selectionStart,l=r.substring(i-1,i);if(" "!==l){var a=Z(r,l,i);if(a&&a.index>-1){var o=r.substring(a.index,i);R.current=setTimeout((function(){Y(t,o,a)}),e.delay)}}else A()},Y=function(t,n,r){e.onSearch&&(b(!0),H(r),e.onSearch({originalEvent:t,trigger:r.key,query:n}))},q=function(t,n){var r=I.current.value,i=t.target.selectionStart,l=r.indexOf(" ",j.index),a=r.substring(j.index,l>-1?l:i),o=L(n).replace(/\s+/g,"");if(a.trim()!==o){for(var u=0;u<o.length;){var s=o.charAt(u),c=a.charAt(u);if(s!==c&&" "!==c)break;u++}var f=r.substring(0,j.index),p=r.substring(j.index+u);I.current.value="".concat(f).concat(o," ").concat(p),e.onChange&&e.onChange(t)}var d=j.index+o.length+1;I.current.setSelectionRange(d,d),A(),e.onSelect&&e.onSelect({originalEvent:t,suggestion:n})},L=function(t){if(t){var n=Array.isArray(e.field)?e.field[e.trigger.findIndex((function(e){return e===j.key}))]:e.field;return n?a.ObjectUtils.resolveFieldData(t,n):t}return""},$=function(e,t){a.DomHandler.focus(I.current),q(e,t)},G=I.current&&I.current.value,Q=p.useMemo((function(){return a.ObjectUtils.isNotEmpty(e.value)||a.ObjectUtils.isNotEmpty(e.defaultValue)||a.ObjectUtils.isNotEmpty(G)}),[e.value,e.defaultValue,G]);p.useImperativeHandle(t,(function(){return{props:e,show:T,hide:A,getElement:function(){return D.current},getOverlay:function(){return C.current},getInput:function(){return I.current}}})),p.useEffect((function(){a.ObjectUtils.combinedRefs(I,e.inputRef)}),[I,e.inputRef]),i.useUpdateEffect((function(){v&&(e.suggestions&&e.suggestions.length?T():A(),l&&K(),b(!1))}),[e.suggestions]),i.useUpdateEffect((function(){!Q&&a.DomHandler.hasClass(D.current,"p-inputwrapper-filled")&&a.DomHandler.removeClass(D.current,"p-inputwrapper-filled")}),[Q]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(C.current)}));var W,ee,te,ne,re,ie=function(t,n){var r=n+"_item",i=e.itemTemplate?a.ObjectUtils.getJSXElement(e.itemTemplate,t,{trigger:j?j.key:"",index:n}):L(t);return p.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return $(e,t)}},i,p.createElement(s.Ripple,null))},le=function(){if(e.suggestions){var t=e.suggestions.map(ie);return p.createElement("ul",{ref:N,className:"p-mention-items"},t)}return null},ae=a.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":Q,"p-inputwrapper-focus":m},e.className),oe=a.classNames("p-mention-input",e.inputClassName),ue=a.ObjectUtils.findDiffKeys(e,w.defaultProps),se=(W=a.classNames("p-mention-panel p-component",e.panelClassName),ee=S({maxHeight:e.scrollHeight},e.panelStyle),te=a.ObjectUtils.getJSXElement(e.headerTemplate,e),ne=a.ObjectUtils.getJSXElement(e.footerTemplate,e),re=le(),p.createElement(u.Portal,{element:p.createElement(r.CSSTransition,{nodeRef:C,classNames:"p-connected-overlay",in:l,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:z,onEntering:F,onEntered:_,onExit:M,onExited:B},p.createElement("div",{ref:C,className:W,style:ee,onClick:V},te,re,ne)),appendTo:"self"}));return p.createElement("div",{ref:D,id:e.id,className:ae,style:e.style},p.createElement(x,g({ref:I,id:e.inputId,className:oe,style:e.inputStyle},ue,{onFocus:function(t){y(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){y(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(t){if(l){var n=a.DomHandler.findSingle(C.current,"li.p-highlight");switch(t.which){case 40:if(n){var r=n.nextElementSibling;r&&(a.DomHandler.addClass(r,"p-highlight"),a.DomHandler.removeClass(n,"p-highlight"),a.DomHandler.scrollInView(C.current,r))}else(n=a.DomHandler.findSingle(C.current,"li"))&&a.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var i=n.previousElementSibling;i&&(a.DomHandler.addClass(i,"p-highlight"),a.DomHandler.removeClass(n,"p-highlight"),a.DomHandler.scrollInView(C.current,i))}t.preventDefault();break;case 8:var o=t.target,u=o.selectionStart;o.value.substring(u-1,u)===j.key&&A();break;case 13:n&&q(t,e.suggestions[a.DomHandler.index(n)]),t.preventDefault();break;case 27:A(),t.preventDefault()}}},onInput:function(t){e.onInput&&e.onInput(t),t.target.value.length>0?a.DomHandler.addClass(D.current,"p-inputwrapper-filled"):a.DomHandler.removeClass(D.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||X(e)},onChange:function(t){e.onChange&&e.onChange(t),X(t)}})),se)})));return w.displayName="Mention",w.defaultProps={__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null},e.Mention=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,l,i,o,a,u,s,c){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(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 d=p(t),g=f(n);function m(){return m=Object.assign?Object.assign.bind():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},m.apply(this,arguments)}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,l,i=[],o=!0,a=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(i.push(r.value),!t||i.length!==t);o=!0);}catch(e){a=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(a)throw l}}return i}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e,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 destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,t){return h(e)||v(e,t)||O(e,t)||E()}var j=d.memo(d.forwardRef((function(e,t){var n=d.useRef(t),r=d.useRef(0),l=function(e){var t=n.current;t&&a.DomHandler.isVisible(t)&&(r.current||(r.current=t.scrollHeight,t.style.overflow="hidden"),(r.current!==t.scrollHeight||e)&&(t.style.height="",t.style.height=t.scrollHeight+"px",parseFloat(t.style.height)>=parseFloat(t.style.maxHeight)?(t.style.overflowY="scroll",t.style.height=t.style.maxHeight):t.style.overflow="hidden",r.current=t.scrollHeight))},u=n.current&&n.current.value,s=d.useMemo((function(){return a.ObjectUtils.isNotEmpty(e.value)||a.ObjectUtils.isNotEmpty(e.defaultValue)||a.ObjectUtils.isNotEmpty(u)}),[e.value,e.defaultValue,u]);d.useEffect((function(){a.ObjectUtils.combinedRefs(n,t)}),[n,t]),d.useEffect((function(){e.autoResize&&l(!0)}),[e.autoResize]);var c=a.ObjectUtils.isNotEmpty(e.tooltip),f=a.ObjectUtils.findDiffKeys(e,j.defaultProps),p=a.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":e.disabled,"p-filled":s,"p-inputtextarea-resizable":e.autoResize},e.className);return d.createElement(d.Fragment,null,d.createElement("textarea",m({ref:n},f,{className:p,onFocus:function(t){e.autoResize&&l(),e.onFocus&&e.onFocus(t)},onBlur:function(t){e.autoResize&&l(),e.onBlur&&e.onBlur(t)},onKeyUp:function(t){e.autoResize&&l(),e.onKeyUp&&e.onKeyUp(t)},onKeyDown:function(t){e.onKeyDown&&e.onKeyDown(t),e.keyfilter&&i.KeyFilter.onKeyPress(t,e.keyfilter,e.validateOnly)},onInput:function(t){e.autoResize&&l(),e.onInput&&e.onInput(t);var n=t.target;a.ObjectUtils.isNotEmpty(n.value)?a.DomHandler.addClass(n,"p-filled"):a.DomHandler.removeClass(n,"p-filled")},onPaste:function(t){e.onPaste&&e.onPaste(t),e.keyfilter&&i.KeyFilter.onPaste(t,e.keyfilter,e.validateOnly)}})),c&&d.createElement(o.Tooltip,m({target:n,content:e.tooltip},e.tooltipOptions)))})));function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?w(Object(n),!0).forEach((function(t){y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}j.displayName="InputTextarea",j.defaultProps={__TYPE:"InputTextarea",autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1};var D=d.memo(d.forwardRef((function(e,t){var n=x(d.useState(!1),2),i=n[0],o=n[1],f=x(d.useState(!1),2),p=f[0],y=f[1],h=x(d.useState(!1),2),v=h[0],b=h[1],O=x(d.useState(null),2),E=O[0],w=O[1],H=d.useRef(null),C=d.useRef(null),I=d.useRef(e.inputRef),N=d.useRef(null),U=d.useRef(null),R=x(l.useOverlayListener({target:H,overlay:C,listener:function(e,t){t.valid&&K()},when:i}),2),k=R[0],P=R[1],T=function(){o(!0)},K=function(){o(!1),b(!1),w(null)},A=function(){a.ZIndexUtils.set("overlay",C.current,g.default.autoZIndex,g.default.zIndex.overlay),M()},F=function(){e.autoHighlight&&e.suggestions&&e.suggestions.length&&a.DomHandler.addClass(N.current.firstChild,"p-highlight")},z=function(){k(),e.onShow&&e.onShow()},_=function(){P()},B=function(){a.ZIndexUtils.clear(C.current),e.onHide&&e.onHide()},M=function(){var e=E.key,t=E.index,n=I.current.value,r=a.DomHandler.getCursorOffset(I.current,n.substring(0,t-1),n.substring(t),e);C.current.style.transformOrigin="top",C.current.style.left="calc(".concat(r.left,"px + 1rem)"),C.current.style.top="calc(".concat(r.top,"px + 1.2rem)")},V=function(e){u.OverlayService.emit("overlay-click",{originalEvent:e,target:H.current})},Z=function(t,n,r){if(!E){var l=Array.isArray(e.trigger)?e.trigger.find((function(e){return e===n})):e.trigger===n?e.trigger:null;if(l)return{key:l,index:r};var i=t.substring(0,r).lastIndexOf(" "),o=J(t,r);if(o.index>i)return o}return E},J=function(t,n){if(Array.isArray(e.trigger)){var r={};return e.trigger.forEach((function(e){var l=t.substring(0,n).lastIndexOf(e);-1!==l&&(l>r.index||!r.index)&&(r={key:e,index:-1!==l?l+1:-1})})),r}var l=t.substring(0,n).lastIndexOf(e.trigger);return{key:e.trigger,index:-1!==l?l+1:-1}},X=function(t){U.current&&clearTimeout(U.current);var n=t.target,r=n.value,l=n.selectionStart,i=r.substring(l-1,l);if(" "!==i){var o=Z(r,i,l);if(o&&o.index>-1){var a=r.substring(o.index,l);U.current=setTimeout((function(){Y(t,a,o)}),e.delay)}}else K()},Y=function(t,n,r){e.onSearch&&(b(!0),w(r),e.onSearch({originalEvent:t,trigger:r.key,query:n}))},q=function(t,n){var r=I.current.value,l=t.target.selectionStart,i=r.indexOf(" ",E.index),o=r.substring(E.index,i>-1?i:l),a=L(n).replace(/\s+/g,"");if(o.trim()!==a){for(var u=0;u<a.length;){var s=a.charAt(u),c=o.charAt(u);if(s!==c&&" "!==c)break;u++}var f=r.substring(0,E.index),p=r.substring(E.index+u);I.current.value="".concat(f).concat(a," ").concat(p),e.onChange&&e.onChange(t)}var d=E.index+a.length+1;I.current.setSelectionRange(d,d),K(),e.onSelect&&e.onSelect({originalEvent:t,suggestion:n})},L=function(t){if(t){var n=Array.isArray(e.field)?e.field[e.trigger.findIndex((function(e){return e===E.key}))]:e.field;return n?a.ObjectUtils.resolveFieldData(t,n):t}return""},$=function(e,t){a.DomHandler.focus(I.current),q(e,t)},G=I.current&&I.current.value,Q=d.useMemo((function(){return a.ObjectUtils.isNotEmpty(e.value)||a.ObjectUtils.isNotEmpty(e.defaultValue)||a.ObjectUtils.isNotEmpty(G)}),[e.value,e.defaultValue,G]);d.useImperativeHandle(t,(function(){return{props:e,show:T,hide:K,getElement:function(){return H.current},getOverlay:function(){return C.current},getInput:function(){return I.current}}})),d.useEffect((function(){a.ObjectUtils.combinedRefs(I,e.inputRef)}),[I,e.inputRef]),l.useUpdateEffect((function(){v&&(e.suggestions&&e.suggestions.length?T():K(),i&&M(),b(!1))}),[e.suggestions]),l.useUpdateEffect((function(){!Q&&a.DomHandler.hasClass(H.current,"p-inputwrapper-filled")&&a.DomHandler.removeClass(H.current,"p-inputwrapper-filled")}),[Q]),l.useUnmountEffect((function(){a.ZIndexUtils.clear(C.current)}));var W,ee,te,ne,re,le=function(t,n){var r=n+"_item",l=e.itemTemplate?a.ObjectUtils.getJSXElement(e.itemTemplate,t,{trigger:E?E.key:"",index:n}):L(t);return d.createElement("li",{key:r,className:"p-mention-item",onClick:function(e){return $(e,t)}},l,d.createElement(c.Ripple,null))},ie=function(){if(e.suggestions){var t=e.suggestions.map(le);return d.createElement("ul",{ref:N,className:"p-mention-items"},t)}return null},oe=a.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":Q,"p-inputwrapper-focus":p},e.className),ae=a.classNames("p-mention-input",e.inputClassName),ue=a.ObjectUtils.findDiffKeys(e,D.defaultProps),se=(W=a.classNames("p-mention-panel p-component",e.panelClassName),ee=S({maxHeight:e.scrollHeight},e.panelStyle),te=a.ObjectUtils.getJSXElement(e.headerTemplate,e),ne=a.ObjectUtils.getJSXElement(e.footerTemplate,e),re=ie(),d.createElement(s.Portal,{element:d.createElement(r.CSSTransition,{nodeRef:C,classNames:"p-connected-overlay",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:A,onEntering:F,onEntered:z,onExit:_,onExited:B},d.createElement("div",{ref:C,className:W,style:ee,onClick:V},te,re,ne)),appendTo:"self"}));return d.createElement("div",{ref:H,id:e.id,className:oe,style:e.style},d.createElement(j,m({ref:I,id:e.inputId,className:ae,style:e.inputStyle},ue,{onFocus:function(t){y(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){y(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(t){if(i){var n=a.DomHandler.findSingle(C.current,"li.p-highlight");switch(t.which){case 40:if(n){var r=n.nextElementSibling;r&&(a.DomHandler.addClass(r,"p-highlight"),a.DomHandler.removeClass(n,"p-highlight"),a.DomHandler.scrollInView(C.current,r))}else(n=a.DomHandler.findSingle(C.current,"li"))&&a.DomHandler.addClass(n,"p-highlight");t.preventDefault();break;case 38:if(n){var l=n.previousElementSibling;l&&(a.DomHandler.addClass(l,"p-highlight"),a.DomHandler.removeClass(n,"p-highlight"),a.DomHandler.scrollInView(C.current,l))}t.preventDefault();break;case 8:var o=t.target,u=o.selectionStart;o.value.substring(u-1,u)===E.key&&K();break;case 13:n&&q(t,e.suggestions[a.DomHandler.index(n)]),t.preventDefault();break;case 27:K(),t.preventDefault()}}},onInput:function(t){e.onInput&&e.onInput(t),t.target.value.length>0?a.DomHandler.addClass(H.current,"p-inputwrapper-filled"):a.DomHandler.removeClass(H.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||X(e)},onChange:function(t){e.onChange&&e.onChange(t),X(t)}})),se)})));return D.displayName="Mention",D.defaultProps={__TYPE:"Mention",autoHighlight:!0,className:null,delay:0,field:null,footerTemplate:null,headerTemplate:null,id:null,inputClassName:null,inputId:null,inputRef:null,inputStyle:null,itemTemplate:null,panelClassName:null,panelStyle:null,scrollHeight:"200px",style:null,suggestions:null,transitionOptions:null,trigger:"@",onBlur:null,onChange:null,onFocus:null,onHide:null,onInput:null,onSearch:null,onSelect:null,onShow:null},e.Mention=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "8.7.0",
+    "version": "8.7.2",
     "private": false,
     "author": "PrimeTek Informatics",
     "description": "PrimeReact is an open source UI library for React featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 280+ ready to use UI blocks to build spectacular applications in no time.",
@@ -35,7 +35,6 @@
     "main": "primereact.all.min.js",
     "module": "primereact.all.esm.min.js",
     "web-types": "web-types.json",
-    "types": "index.d.ts",
     "peerDependencies": {
         "@types/react": "^17.0.0 || ^18.0.0",
         "react": "^17.0.0 || ^18.0.0",

package/primereact.all.cjs.js

@@ -1997,6 +1997,8 @@ var ObjectUtils = /*#__PURE__*/function () {
       if (data && Object.keys(data).length && field) {
         if (this.isFunction(field)) {
           return field(data);
+        } else if (ObjectUtils.isNotEmpty(data[field])) {
+          return data[field];
         } else if (field.indexOf('.') === -1) {
           return data[field];
         } else {
@@ -3675,11 +3677,25 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
   };
 
   var onTouchStart = function onTouchStart(event) {
-    onMouseDown(event);
-    event.preventDefault();
+    var offset = DomHandler.getOffset(targetRef.current);
+    var offsetX = event.targetTouches[0].pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
+    var offsetY = event.targetTouches[0].pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
+    activateRipple(offsetX, offsetY);
   };
 
   var onMouseDown = function onMouseDown(event) {
+    if (DomHandler.isTouchDevice()) {
+      // already started ripple with onTouchStart
+      return;
+    }
+
+    var offset = DomHandler.getOffset(targetRef.current);
+    var offsetX = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
+    var offsetY = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
+    activateRipple(offsetX, offsetY);
+  };
+
+  var activateRipple = function activateRipple(offsetX, offsetY) {
     if (!inkRef.current || getComputedStyle(inkRef.current, null).display === 'none') {
       return;
     }
@@ -3692,11 +3708,8 @@ var Ripple = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.f
       inkRef.current.style.width = d + 'px';
     }
 
-    var offset = DomHandler.getOffset(targetRef.current);
-    var x = event.pageX - offset.left + document.body.scrollTop - DomHandler.getWidth(inkRef.current) / 2;
-    var y = event.pageY - offset.top + document.body.scrollLeft - DomHandler.getHeight(inkRef.current) / 2;
-    inkRef.current.style.top = y + 'px';
-    inkRef.current.style.left = x + 'px';
+    inkRef.current.style.top = offsetY + 'px';
+    inkRef.current.style.left = offsetX + 'px';
     DomHandler.addClass(inkRef.current, 'p-ink-active');
   };
 
@@ -4208,14 +4221,13 @@ var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
     }
   };
 
-  React__namespace.useEffect(function () {
+  useMountEffect(function () {
+    loadTargetEvents();
+
     if (visibleState && currentTargetRef.current && isDisabled(currentTargetRef.current)) {
       hide();
     }
   });
-  useMountEffect(function () {
-    loadTargetEvents();
-  });
   useUpdateEffect(function () {
     loadTargetEvents();
     return function () {
@@ -4486,8 +4498,9 @@ var KeyFilter = {
   validate: function validate(e, keyfilter) {
     var value = e.target.value,
         validatePattern = true;
+    var regex = this.getRegex(keyfilter);
 
-    if (value && !keyfilter.test(value)) {
+    if (value && !regex.test(value)) {
       validatePattern = false;
     }
 
@@ -4498,8 +4511,8 @@ var KeyFilter = {
 var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(ref);
 
-  var onKeyPress = function onKeyPress(event) {
-    props.onKeyPress && props.onKeyPress(event);
+  var onKeyDown = function onKeyDown(event) {
+    props.onKeyDown && props.onKeyDown(event);
 
     if (props.keyfilter) {
       KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
@@ -4547,7 +4560,7 @@ var InputText = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   }, otherProps, {
     className: className,
     onInput: onInput,
-    onKeyPress: onKeyPress,
+    onKeyDown: onKeyDown,
     onPaste: onPaste
   })), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
     target: elementRef,
@@ -4562,7 +4575,7 @@ InputText.defaultProps = {
   tooltip: null,
   tooltipOptions: null,
   onInput: null,
-  onKeyPress: null,
+  onKeyDown: null,
   onPaste: null
 };
 
@@ -5671,8 +5684,11 @@ var AutoComplete = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__names
       inputRef.current.value = '';
 
       if (!isSelected(option)) {
-        var newValue = props.value ? [].concat(_toConsumableArray(props.value), [option]) : [option];
-        updateModel(event, newValue);
+        // allows empty value/selectionlimit and within sectionlimit
+        if (!props.value || !props.selectionLimit || props.value.length < props.selectionLimit) {
+          var newValue = props.value ? [].concat(_toConsumableArray(props.value), [option]) : [option];
+          updateModel(event, newValue);
+        }
       }
     } else {
       updateInputField(option);
@@ -6274,6 +6290,7 @@ AutoComplete.defaultProps = {
   removeIcon: 'pi pi-times-circle',
   scrollHeight: '200px',
   selectedItemTemplate: null,
+  selectionLimit: null,
   showEmptyMessage: false,
   size: null,
   style: null,
@@ -8663,7 +8680,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (value) {
       try {
         if (isSingleSelection()) {
-          formattedValue = isValidDate(value) ? formatDateTime(value) : '';
+          formattedValue = isValidDate(value) ? formatDateTime(value) : props.keepInvalid ? value : '';
         } else if (isMultipleSelection()) {
           for (var i = 0; i < value.length; i++) {
             var selectedValue = value[i];
@@ -9218,8 +9235,33 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   }, [props.onViewDateChange, props.value]);
   useUpdateEffect(function () {
-    if (previousValue !== props.value && (!viewStateChanged.current || visible)) {
-      updateInputfield(props.value);
+    var newDate = props.value;
+
+    if (previousValue !== newDate) {
+      updateInputfield(newDate); // #3516 view date not updated when value set programatically
+
+      if (!visible && newDate) {
+        var viewDate = newDate;
+
+        if (isMultipleSelection()) {
+          if (newDate.length) {
+            viewDate = newDate[newDate.length - 1];
+          }
+        } else if (isRangeSelection()) {
+          if (newDate.length) {
+            var startDate = newDate[0];
+            var endDate = newDate[1];
+            viewDate = endDate || startDate;
+          }
+        }
+
+        if (viewDate instanceof Date) {
+          validateDate(viewDate);
+          setViewDateState(viewDate);
+          setCurrentMonth(viewDate.getMonth());
+          setCurrentYear(viewDate.getFullYear());
+        }
+      }
     }
   }, [props.value, visible]);
   useUpdateEffect(function () {
@@ -15027,7 +15069,12 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     if (inputRef.current) {
       var step = props.step * dir;
       var currentValue = parseValue(inputRef.current.value) || 0;
-      var newValue = validateValue(currentValue + step); // touch devices trigger the keyboard to display because of setSelectionRange
+      var newValue = validateValue(currentValue + step);
+
+      if (props.maxLength && props.maxLength < formatValue(newValue).length) {
+        return;
+      } // touch devices trigger the keyboard to display because of setSelectionRange
+
 
       !DomHandler.isTouchDevice() && updateInput(newValue, null, 'spin');
       updateModel(event, newValue);
@@ -15632,6 +15679,11 @@ var InputNumber = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     } else {
       var selectionStart = inputEl.selectionStart;
       var _selectionEnd = inputEl.selectionEnd;
+
+      if (props.maxLength && props.maxLength < newValue.length) {
+        return;
+      }
+
       inputEl.value = newValue;
       var newLength = newValue.length;
 
@@ -15949,6 +16001,7 @@ InputNumber.defaultProps = {
   localeMatcher: undefined,
   max: null,
   maxFractionDigits: undefined,
+  maxLength: null,
   min: null,
   minFractionDigits: undefined,
   mode: 'decimal',
@@ -18552,6 +18605,8 @@ var BodyCell = /*#__PURE__*/React__namespace.memo(function (props) {
       content = value;
     }
 
+    content = typeof content == 'boolean' ? content.toString() : content;
+
     if (!isRowEditor && editor) {
       /* eslint-disable */
       editorKeyHelper = /*#__PURE__*/React__namespace.createElement("a", {
@@ -26843,11 +26898,13 @@ Image.defaultProps = {
   imageClassName: null,
   imageStyle: null,
   onError: null,
+  onHide: null,
+  onShow: null,
   preview: false,
-  zoomSrc: null,
   src: null,
   template: null,
-  width: null
+  width: null,
+  zoomSrc: null
 };
 
 var InplaceDisplay = function InplaceDisplay(props) {
@@ -27751,6 +27808,22 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     props.onKeyUp && props.onKeyUp(event);
   };
 
+  var onKeyDown = function onKeyDown(event) {
+    props.onKeyDown && props.onKeyDown(event);
+
+    if (props.keyfilter) {
+      KeyFilter.onKeyPress(event, props.keyfilter, props.validateOnly);
+    }
+  };
+
+  var onPaste = function onPaste(event) {
+    props.onPaste && props.onPaste(event);
+
+    if (props.keyfilter) {
+      KeyFilter.onPaste(event, props.keyfilter, props.validateOnly);
+    }
+  };
+
   var onInput = function onInput(event) {
     if (props.autoResize) {
       resize();
@@ -27812,7 +27885,9 @@ var InputTextarea = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     onFocus: onFocus,
     onBlur: onBlur,
     onKeyUp: onKeyUp,
-    onInput: onInput
+    onKeyDown: onKeyDown,
+    onInput: onInput,
+    onPaste: onPaste
   })), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
@@ -27822,9 +27897,16 @@ InputTextarea.displayName = 'InputTextarea';
 InputTextarea.defaultProps = {
   __TYPE: 'InputTextarea',
   autoResize: false,
+  keyfilter: null,
+  onBlur: null,
+  onFocus: null,
+  onInput: null,
+  onKeyDown: null,
+  onKeyUp: null,
+  onPaste: null,
   tooltip: null,
   tooltipOptions: null,
-  onInput: null
+  validateOnly: false
 };
 
 var radius = 40;
@@ -37098,7 +37180,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var childrenLength = props.children && props.children.length;
 
   var panelSize = function panelSize(sizes, index) {
-    return index in sizes ? sizes[index] : (props.children[index].props.size || 100) / childrenLength;
+    return index in sizes ? sizes[index] : (props.children[index] && props.children[index].props.size || 100) / childrenLength;
   };
 
   var _useEventListener = useEventListener({
@@ -37220,7 +37302,7 @@ var Splitter = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     setPanelSizes(function (prev) {
       var sizes = [];
 
-      for (var index = 0; index < props.children.length; _readOnlyError("index")) {
+      for (var index = 0; index < props.children.length; index++) {
         sizes[index] = panelSize(prev, index);
       }
 
@@ -38614,7 +38696,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     }
 
     if (!item.items) {
-      onLeafClick();
+      onLeafClick(event);
     }
   };
 
@@ -38670,9 +38752,10 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     return prevItem ? DomHandler.hasClass(prevItem, 'p-disabled') || !DomHandler.hasClass(prevItem, 'p-menuitem') ? findPrevItem(prevItem) : prevItem : null;
   };
 
-  var onLeafClick = function onLeafClick() {
+  var onLeafClick = function onLeafClick(event) {
     setActiveItemState(null);
-    props.onLeafClick && props.onLeafClick();
+    props.onLeafClick && props.onLeafClick(event);
+    props.onHide && props.onHide(event);
   };
 
   useMountEffect(function () {
@@ -38863,9 +38946,11 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
 
   var hide = function hide(event) {
-    targetRef.current = event.currentTarget;
-    setVisibleState(false);
-    props.onHide && props.onHide(event);
+    if (props.popup) {
+      targetRef.current = event.currentTarget;
+      setVisibleState(false);
+      props.onHide && props.onHide(event);
+    }
   };
 
   var onEnter = function onEnter() {
@@ -38934,7 +39019,8 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       menuProps: props,
       model: props.model,
       root: true,
-      popup: props.popup
+      popup: props.popup,
+      onHide: hide
     })));
   };
 
@@ -42544,9 +42630,10 @@ var TreeTableHeader = /*#__PURE__*/React__namespace.memo(function (props) {
       var headerTooltip = column.props.headerTooltip;
       var hasTooltip = ObjectUtils.isNotEmpty(headerTooltip);
       var resizer = createResizer(column);
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("th", {
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
+        key: column.columnKey || column.field || options.index
+      }, /*#__PURE__*/React__namespace.createElement("th", {
         ref: headerCellRef,
-        key: column.columnKey || column.field || options.index,
         className: className,
         style: column.props.headerStyle || column.props.style,
         tabIndex: column.props.sortable ? props.tabIndex : null,