primereact 10.5.0 → 10.5.2

package/mention/mention.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as l,useOverlayListener as a,useUpdateEffect as u,useUnmountEffect as s}from"primereact/hooks";import{KeyFilter as c}from"primereact/keyfilter";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,ObjectUtils as m,DomHandler as d,ZIndexUtils as y}from"primereact/utils";import{OverlayService as g}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{Ripple as b}from"primereact/ripple";function h(){return h=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},h.apply(this,arguments)}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return x(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return O(e)||w(e)||S(e)||E()}function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function I(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=I(e,"string");return"symbol"===j(t)?t:String(t)}function R(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e,t){return N(e)||C(e,t)||S(e,t)||D()}var T=r.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props;return f("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function F(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 H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=e.memo(e.forwardRef((function(t,r){var o=l(),a=e.useContext(n),u=T.getProps(t,a),s=e.useRef(r),f=e.useRef(0),y=T.setMetaData(H(H({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),g=y.ptm,v=y.cx;i(T.css.styles,y.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=s.current;t&&d.isVisible(t)&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))};e.useEffect((function(){m.combinedRefs(s,r)}),[s,r]),e.useEffect((function(){u.autoResize&&b(!0)}),[u.autoResize]);var x=e.useMemo((function(){return m.isNotEmpty(u.value)||m.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),O=m.isNotEmpty(u.tooltip),w=o({ref:s,className:v("root",{isFilled:x}),onFocus:function(e){u.autoResize&&b(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&b(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&b(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&c.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&c.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&b(m.isEmpty(t.value)),u.onInput&&u.onInput(e),m.isNotEmpty(t.value)?d.addClass(t,"p-filled"):d.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&c.onPaste(e,u.keyfilter,u.validateOnly)}},T.getOtherProps(u),g("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",w),O&&e.createElement(p,h({target:s,content:u.tooltip},u.tooltipOptions,{pt:g("tooltip")})))})));z.displayName="InputTextarea";var B=r.extend({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,children:void 0},css:{classes:{item:function(e){return f("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return f("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return f("p-mention-input",e.props.inputClassName)},root:function(e){return f("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState},e.props.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(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){R(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 M=e.memo(e.forwardRef((function(r,c){var p=l(),f=e.useContext(n),x=B.getProps(r,f),O=A(e.useState(!1),2),w=O[0],S=O[1],E=A(e.useState(!1),2),j=E[0],I=E[1],k=A(e.useState(!1),2),R=k[0],N=k[1],C=A(e.useState(null),2),D=C[0],T=C[1],F=A(e.useState([]),2),H=F[0],K=F[1],M=e.useRef(null),U=e.useRef(null),V=e.useRef(x.inputRef),J=e.useRef(null),X=e.useRef(null),Y={props:x,state:{overlayVisible:w,focused:j,searching:R,trigger:D}},q=B.setMetaData(Y),Z=q.ptm,$=q.cx,G=q.isUnstyled;i(B.css.styles,G,{name:"mention"});var L=function(e,t,n){return Z(t,{context:{trigger:D?D.key:""},state:_({},n)})},Q=A(a({target:M,overlay:U,listener:function(e,t){t.valid&&ne()},when:w}),2),W=Q[0],ee=Q[1],te=function(){S(!0)},ne=function(){S(!1),N(!1),T(null)},re=function(){y.set("overlay",U.current,f&&f.autoZIndex||t.autoZIndex,f&&f.zIndex.overlay||t.zIndex.overlay),d.addStyles(U.current,{position:"absolute",top:"0",left:"0"}),ue()},ie=function(){x.autoHighlight&&x.suggestions&&x.suggestions.length&&K((function(e){var t=P(e);return t[0]=!0,t}))},oe=function(){W(),x.onShow&&x.onShow()},le=function(){ee()},ae=function(){y.clear(U.current),x.onHide&&x.onHide()},ue=function(){if(D){var e=D.key,t=D.index,n=V.current.value,r=d.getCursorOffset(V.current,n.substring(0,t-1),n.substring(t),e);U.current.style.transformOrigin="top",U.current.style.left="calc(".concat(r.left,"px + 1rem)"),U.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},se=function(e){g.emit("overlay-click",{originalEvent:e,target:M.current})},ce=function(e,t,n){if(!D){var r=Array.isArray(x.trigger)?x.trigger.find((function(e){return e===t})):x.trigger===t?x.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=pe(e,n);if(o.index>i)return o}return D},pe=function(e,t){if(Array.isArray(x.trigger)){var n={};return x.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(x.trigger);return{key:x.trigger,index:-1!==r?r+1:-1}},fe=function(e){X.current&&clearTimeout(X.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=ce(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);X.current=setTimeout((function(){me(e,l,o)}),x.delay)}}else ne()},me=function(e,t,n){x.onSearch&&(N(!0),T(n),x.onSearch({originalEvent:e,trigger:n.key,query:t}))},de=function(e,t){var n=V.current.value,r=e.target.selectionStart,i=n.indexOf(" ",D.index),o=n.substring(D.index,i>-1?i:r),l=ye(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,D.index),u=n.substring(i>-1?r:D.index+o.length);V.current.value="".concat(a).concat(l," ").concat(u),e.target=V.current,x.onChange&&x.onChange(e)}var s=D.index+l.length+1;V.current.setSelectionRange(s,s),ne(),x.onSelect&&x.onSelect({originalEvent:e,suggestion:t})},ye=function(e){if(e){var t=Array.isArray(x.field)?x.field[x.trigger.findIndex((function(e){return e===D.key}))]:x.field;return t?m.resolveFieldData(e,t):e}return""},ge=function(e,t){d.focus(V.current),de(e,t)},ve=V.current&&V.current.value,be=e.useMemo((function(){return m.isNotEmpty(x.value)||m.isNotEmpty(x.defaultValue)||m.isNotEmpty(ve)}),[x.value,x.defaultValue,ve]);e.useImperativeHandle(c,(function(){return{props:x,show:te,hide:ne,focus:function(){return d.focus(V.current)},getElement:function(){return M.current},getOverlay:function(){return U.current},getInput:function(){return V.current}}})),e.useEffect((function(){m.combinedRefs(V,x.inputRef)}),[V,x.inputRef]),u((function(){var e=x.suggestions&&x.suggestions.length;if(e){var t=x.suggestions.map((function(){return!1}));K(t)}R&&(e?te():ne(),w&&ue(),N(!1))}),[x.suggestions]),u((function(){var e=G(),t=e?d.isAttributeEquals(M.current,"data-p-inputwrapper-filled",!0):d.hasClass(M.current,"p-inputwrapper-filled");!be&&t&&(e?d.setAttributes(M.current,{"data-p-inputwrapper-filled":!1}):d.removeClass(M.current,"p-inputwrapper-filled"))}),[be]),s((function(){y.clear(U.current)}));var he=function(t,n){var r=n+"_item",i=x.itemTemplate?m.getJSXElement(x.itemTemplate,t,{trigger:D?D.key:"",index:n}):ye(t),o=H[n],l=p({key:r,className:$("item",{isSelected:o}),onClick:function(e){return ge(e,t)},"data-p-highlight":o},L(0,"item",{selected:o}));return e.createElement("li",l,i,e.createElement(b,null))},xe=function(){var t=p({ref:J,className:$("items")},Z("items"));if(x.suggestions){var n=x.suggestions.map(he);return e.createElement("ul",t,n)}return null},Oe=B.getOtherProps(x),we=function(){var t=m.getJSXElement(x.headerTemplate,x),n=m.getJSXElement(x.footerTemplate,x),r=xe(),i=p({ref:U,className:$("panel"),style:_({maxHeight:x.scrollHeight},x.panelStyle),onClick:se},Z("panel")),l=p({classNames:$("transition"),in:w,timeout:{enter:120,exit:100},options:x.transitionOptions,unmountOnExit:!0,onEnter:re,onEntering:ie,onEntered:oe,onExit:le,onExited:ae},Z("transition")),a=e.createElement(o,h({nodeRef:U},l),e.createElement("div",i,t,r,n));return e.createElement(v,{element:a,appendTo:"self"})}(),Se=p(_(_({ref:V,id:x.inputId,className:$("input"),style:x.inputStyle},Oe),{},{onFocus:function(e){I(!0),x.onFocus&&x.onFocus(e)},onBlur:function(e){I(!1),x.onBlur&&x.onBlur(e)},onKeyDown:function(e){if(w){var t=d.findSingle(U.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=d.index(n),i=d.index(t);K((function(e){var t=P(e);return t[r]=!0,t[i]=!1,t})),d.scrollInView(U.current,n)}}else if(t=d.findSingle(U.current,"li")){var o=d.index(t);K((function(e){var t=P(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=d.index(l),u=d.index(t);K((function(e){var t=P(e);return t[a]=!0,t[u]=!1,t})),d.scrollInView(U.current,l)}}e.preventDefault();break;case 8:var s=e.target,c=s.selectionStart;s.value.substring(c-1,c)===D.key&&ne();break;case 13:t&&de(e,x.suggestions[d.index(t)]),e.preventDefault();break;case 27:ne(),e.preventDefault()}}},onInput:function(e){x.onInput&&x.onInput(e);var t=e.target.value.length>0;G()?d.setAttributes(M.current,{"data-p-inputwrapper-filled":t}):t?d.addClass(M.current,"p-inputwrapper-filled"):d.removeClass(M.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||fe(e)},onChange:function(e){x.onChange&&x.onChange(e),fe(e)},__parentMetadata:{parent:Y}}),Z("input")),Ee=p({ref:M,id:x.id,className:$("root",{focusedState:j,isFilled:be}),style:x.style},B.getOtherProps(x),Z("root"));return e.createElement("div",Ee,e.createElement(z,Se),we)})));M.displayName="Mention";export{M as Mention};
+import*as e from"react";import t,{PrimeReactContext as n}from"primereact/api";import{ComponentBase as r,useHandleStyle as i}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as l,useOverlayListener as a,useUpdateEffect as u,useUnmountEffect as s}from"primereact/hooks";import{KeyFilter as c}from"primereact/keyfilter";import{Tooltip as p}from"primereact/tooltip";import{classNames as f,ObjectUtils as m,DomHandler as d,ZIndexUtils as y}from"primereact/utils";import{OverlayService as g}from"primereact/overlayservice";import{Portal as v}from"primereact/portal";import{Ripple as b}from"primereact/ripple";function h(){return h=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},h.apply(this,arguments)}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e){if(Array.isArray(e))return x(e)}function w(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,t){if(e){if("string"==typeof e)return x(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)?x(e,t):void 0}}function E(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e){return O(e)||w(e)||S(e)||E()}function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function I(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function k(e){var t=I(e,"string");return"symbol"===j(t)?t:String(t)}function R(e,t,n){return(t=k(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e){if(Array.isArray(e))return e}function C(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function D(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function A(e,t){return N(e)||C(e,t)||S(e,t)||D()}var T=r.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props;return f("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function F(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 H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){R(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var z=e.memo(e.forwardRef((function(t,r){var o=l(),a=e.useContext(n),u=T.getProps(t,a),s=e.useRef(r),f=e.useRef(0),y=T.setMetaData(H(H({props:u},u.__parentMetadata),{},{context:{disabled:u.disabled}})),g=y.ptm,v=y.cx;i(T.css.styles,y.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=s.current;t&&d.isVisible(t)&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))};e.useEffect((function(){m.combinedRefs(s,r)}),[s,r]),e.useEffect((function(){u.autoResize&&b(!0)}),[u.autoResize]);var x=e.useMemo((function(){return m.isNotEmpty(u.value)||m.isNotEmpty(u.defaultValue)}),[u.value,u.defaultValue]),O=m.isNotEmpty(u.tooltip),w=o({ref:s,className:v("root",{isFilled:x}),onFocus:function(e){u.autoResize&&b(),u.onFocus&&u.onFocus(e)},onBlur:function(e){u.autoResize&&b(),u.onBlur&&u.onBlur(e)},onKeyUp:function(e){u.autoResize&&b(),u.onKeyUp&&u.onKeyUp(e)},onKeyDown:function(e){u.onKeyDown&&u.onKeyDown(e),u.keyfilter&&c.onKeyPress(e,u.keyfilter,u.validateOnly)},onBeforeInput:function(e){u.onBeforeInput&&u.onBeforeInput(e),u.keyfilter&&c.onBeforeInput(e,u.keyfilter,u.validateOnly)},onInput:function(e){var t=e.target;u.autoResize&&b(m.isEmpty(t.value)),u.onInput&&u.onInput(e),m.isNotEmpty(t.value)?d.addClass(t,"p-filled"):d.removeClass(t,"p-filled")},onPaste:function(e){u.onPaste&&u.onPaste(e),u.keyfilter&&c.onPaste(e,u.keyfilter,u.validateOnly)}},T.getOtherProps(u),g("root"));return e.createElement(e.Fragment,null,e.createElement("textarea",w),O&&e.createElement(p,h({target:s,content:u.tooltip,pt:g("tooltip")},u.tooltipOptions)))})));z.displayName="InputTextarea";var B=r.extend({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,children:void 0},css:{classes:{item:function(e){return f("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return f("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return f("p-mention-input",e.props.inputClassName)},root:function(e){return f("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState},e.props.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function K(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(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){R(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 M=e.memo(e.forwardRef((function(r,c){var p=l(),f=e.useContext(n),x=B.getProps(r,f),O=A(e.useState(!1),2),w=O[0],S=O[1],E=A(e.useState(!1),2),j=E[0],I=E[1],k=A(e.useState(!1),2),R=k[0],N=k[1],C=A(e.useState(null),2),D=C[0],T=C[1],F=A(e.useState([]),2),H=F[0],K=F[1],M=e.useRef(null),U=e.useRef(null),V=e.useRef(x.inputRef),J=e.useRef(null),X=e.useRef(null),Y={props:x,state:{overlayVisible:w,focused:j,searching:R,trigger:D}},q=B.setMetaData(Y),Z=q.ptm,$=q.cx,G=q.isUnstyled;i(B.css.styles,G,{name:"mention"});var L=function(e,t,n){return Z(t,{context:{trigger:D?D.key:""},state:_({},n)})},Q=A(a({target:M,overlay:U,listener:function(e,t){t.valid&&ne()},when:w}),2),W=Q[0],ee=Q[1],te=function(){S(!0)},ne=function(){S(!1),N(!1),T(null)},re=function(){y.set("overlay",U.current,f&&f.autoZIndex||t.autoZIndex,f&&f.zIndex.overlay||t.zIndex.overlay),d.addStyles(U.current,{position:"absolute",top:"0",left:"0"}),ue()},ie=function(){x.autoHighlight&&x.suggestions&&x.suggestions.length&&K((function(e){var t=P(e);return t[0]=!0,t}))},oe=function(){W(),x.onShow&&x.onShow()},le=function(){ee()},ae=function(){y.clear(U.current),x.onHide&&x.onHide()},ue=function(){if(D){var e=D.key,t=D.index,n=V.current.value,r=d.getCursorOffset(V.current,n.substring(0,t-1),n.substring(t),e);U.current.style.transformOrigin="top",U.current.style.left="calc(".concat(r.left,"px + 1rem)"),U.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},se=function(e){g.emit("overlay-click",{originalEvent:e,target:M.current})},ce=function(e,t,n){if(!D){var r=Array.isArray(x.trigger)?x.trigger.find((function(e){return e===t})):x.trigger===t?x.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=pe(e,n);if(o.index>i)return o}return D},pe=function(e,t){if(Array.isArray(x.trigger)){var n={};return x.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(x.trigger);return{key:x.trigger,index:-1!==r?r+1:-1}},fe=function(e){X.current&&clearTimeout(X.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=ce(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);X.current=setTimeout((function(){me(e,l,o)}),x.delay)}}else ne()},me=function(e,t,n){x.onSearch&&(N(!0),T(n),x.onSearch({originalEvent:e,trigger:n.key,query:t}))},de=function(e,t){var n=V.current.value,r=e.target.selectionStart,i=n.indexOf(" ",D.index),o=n.substring(D.index,i>-1?i:r),l=ye(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,D.index),u=n.substring(i>-1?r:D.index+o.length);V.current.value="".concat(a).concat(l," ").concat(u),e.target=V.current,x.onChange&&x.onChange(e)}var s=D.index+l.length+1;V.current.setSelectionRange(s,s),ne(),x.onSelect&&x.onSelect({originalEvent:e,suggestion:t})},ye=function(e){if(e){var t=Array.isArray(x.field)?x.field[x.trigger.findIndex((function(e){return e===D.key}))]:x.field;return t?m.resolveFieldData(e,t):e}return""},ge=function(e,t){d.focus(V.current),de(e,t)},ve=V.current&&V.current.value,be=e.useMemo((function(){return m.isNotEmpty(x.value)||m.isNotEmpty(x.defaultValue)||m.isNotEmpty(ve)}),[x.value,x.defaultValue,ve]);e.useImperativeHandle(c,(function(){return{props:x,show:te,hide:ne,focus:function(){return d.focus(V.current)},getElement:function(){return M.current},getOverlay:function(){return U.current},getInput:function(){return V.current}}})),e.useEffect((function(){m.combinedRefs(V,x.inputRef)}),[V,x.inputRef]),u((function(){var e=x.suggestions&&x.suggestions.length;if(e){var t=x.suggestions.map((function(){return!1}));K(t)}R&&(e?te():ne(),w&&ue(),N(!1))}),[x.suggestions]),u((function(){var e=G(),t=e?d.isAttributeEquals(M.current,"data-p-inputwrapper-filled",!0):d.hasClass(M.current,"p-inputwrapper-filled");!be&&t&&(e?d.setAttributes(M.current,{"data-p-inputwrapper-filled":!1}):d.removeClass(M.current,"p-inputwrapper-filled"))}),[be]),s((function(){y.clear(U.current)}));var he=function(t,n){var r=n+"_item",i=x.itemTemplate?m.getJSXElement(x.itemTemplate,t,{trigger:D?D.key:"",index:n}):ye(t),o=H[n],l=p({key:r,className:$("item",{isSelected:o}),onClick:function(e){return ge(e,t)},"data-p-highlight":o},L(0,"item",{selected:o}));return e.createElement("li",l,i,e.createElement(b,null))},xe=function(){var t=p({ref:J,className:$("items")},Z("items"));if(x.suggestions){var n=x.suggestions.map(he);return e.createElement("ul",t,n)}return null},Oe=B.getOtherProps(x),we=function(){var t=m.getJSXElement(x.headerTemplate,x),n=m.getJSXElement(x.footerTemplate,x),r=xe(),i=p({ref:U,className:$("panel"),style:_({maxHeight:x.scrollHeight},x.panelStyle),onClick:se},Z("panel")),l=p({classNames:$("transition"),in:w,timeout:{enter:120,exit:100},options:x.transitionOptions,unmountOnExit:!0,onEnter:re,onEntering:ie,onEntered:oe,onExit:le,onExited:ae},Z("transition")),a=e.createElement(o,h({nodeRef:U},l),e.createElement("div",i,t,r,n));return e.createElement(v,{element:a,appendTo:"self"})}(),Se=p(_(_({ref:V,id:x.inputId,className:$("input"),style:x.inputStyle},Oe),{},{onFocus:function(e){I(!0),x.onFocus&&x.onFocus(e)},onBlur:function(e){I(!1),x.onBlur&&x.onBlur(e)},onKeyDown:function(e){if(w){var t=d.findSingle(U.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=d.index(n),i=d.index(t);K((function(e){var t=P(e);return t[r]=!0,t[i]=!1,t})),d.scrollInView(U.current,n)}}else if(t=d.findSingle(U.current,"li")){var o=d.index(t);K((function(e){var t=P(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=d.index(l),u=d.index(t);K((function(e){var t=P(e);return t[a]=!0,t[u]=!1,t})),d.scrollInView(U.current,l)}}e.preventDefault();break;case 8:var s=e.target,c=s.selectionStart;s.value.substring(c-1,c)===D.key&&ne();break;case 13:t&&de(e,x.suggestions[d.index(t)]),e.preventDefault();break;case 27:ne(),e.preventDefault()}}},onInput:function(e){x.onInput&&x.onInput(e);var t=e.target.value.length>0;G()?d.setAttributes(M.current,{"data-p-inputwrapper-filled":t}):t?d.addClass(M.current,"p-inputwrapper-filled"):d.removeClass(M.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||fe(e)},onChange:function(e){x.onChange&&x.onChange(e),fe(e)},__parentMetadata:{parent:Y}}),Z("input")),Ee=p({ref:M,id:x.id,className:$("root",{focusedState:j,isFilled:be}),style:x.style},B.getOtherProps(x),Z("root"));return e.createElement("div",Ee,e.createElement(z,Se),we)})));M.displayName="Mention";export{M as Mention};

package/mention/mention.js

@@ -159,7 +159,8 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
       return utils.classNames('p-inputtextarea p-inputtext p-component', {
         'p-disabled': props.disabled,
         'p-filled': isFilled,
-        'p-inputtextarea-resizable': props.autoResize
+        'p-inputtextarea-resizable': props.autoResize,
+        'p-invalid': props.invalid
       }, props.className);
     }
   };
@@ -169,6 +170,7 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
       __TYPE: 'InputTextarea',
       __parentMetadata: null,
       autoResize: false,
+      invalid: false,
       keyfilter: null,
       onBlur: null,
       onFocus: null,
@@ -300,10 +302,9 @@ this.primereact.mention = (function (exports, React, PrimeReact, componentbase,
     }, InputTextareaBase.getOtherProps(props), ptm('root'));
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("textarea", rootProps), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
       target: elementRef,
-      content: props.tooltip
-    }, props.tooltipOptions, {
+      content: props.tooltip,
       pt: ptm('tooltip')
-    })));
+    }, props.tooltipOptions)));
   }));
   InputTextarea.displayName = 'InputTextarea';
 

package/mention/mention.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,i,o,l,a,u,s,c,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var 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 m=d(t),y=f(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 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){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(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 x(){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){return b(e)||h(e)||O(e)||x()}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function j(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=j(e,"string");return"symbol"===S(t)?t:String(t)}function D(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(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,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function I(){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 k(e,t){return P(e)||H(e,t)||O(e,t)||I()}var N=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props;return u.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function R(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 U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=m.memo(m.forwardRef((function(e,t){var i=o.useMergeProps(),s=m.useContext(n.PrimeReactContext),c=N.getProps(e,s),p=m.useRef(t),f=m.useRef(0),d=N.setMetaData(U(U({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),y=d.ptm,v=d.cx;r.useHandleStyle(N.css.styles,d.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&u.DomHandler.isVisible(t)&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))};m.useEffect((function(){u.ObjectUtils.combinedRefs(p,t)}),[p,t]),m.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize]);var h=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(c.value)||u.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),O=u.ObjectUtils.isNotEmpty(c.tooltip),x=i({ref:p,className:v("root",{isFilled:h}),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&l.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&l.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(u.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),u.ObjectUtils.isNotEmpty(t.value)?u.DomHandler.addClass(t,"p-filled"):u.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&l.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),y("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",x),O&&m.createElement(a.Tooltip,g({target:p,content:c.tooltip},c.tooltipOptions,{pt:y("tooltip")})))})));C.displayName="InputTextarea";var F=r.ComponentBase.extend({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,children:void 0},css:{classes:{item:function(e){return u.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return u.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return u.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return u.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState},e.props.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function T(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=m.memo(m.forwardRef((function(e,t){var l=o.useMergeProps(),a=m.useContext(n.PrimeReactContext),f=F.getProps(e,a),d=k(m.useState(!1),2),v=d[0],b=d[1],h=k(m.useState(!1),2),O=h[0],x=h[1],S=k(m.useState(!1),2),j=S[0],E=S[1],D=k(m.useState(null),2),P=D[0],H=D[1],I=k(m.useState([]),2),N=I[0],R=I[1],U=m.useRef(null),T=m.useRef(null),B=m.useRef(f.inputRef),M=m.useRef(null),_=m.useRef(null),z={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=F.setMetaData(z),V=K.ptm,Z=K.cx,J=K.isUnstyled;r.useHandleStyle(F.css.styles,J,{name:"mention"});var X=function(e,t,n){return V(t,{context:{trigger:P?P.key:""},state:A({},n)})},Y=k(o.useOverlayListener({target:U,overlay:T,listener:function(e,t){t.valid&&G()},when:v}),2),q=Y[0],L=Y[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){u.ZIndexUtils.set("overlay",T.current,a&&a.autoZIndex||y.default.autoZIndex,a&&a.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&R((function(e){var t=w(e);return t[0]=!0,t}))},ee=function(){q(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){u.ZIndexUtils.clear(T.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=B.current.value,r=u.DomHandler.getCursorOffset(B.current,n.substring(0,t-1),n.substring(t),e);T.current.style.transformOrigin="top",T.current.style.left="calc(".concat(r.left,"px + 1rem)"),T.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){s.OverlayService.emit("overlay-click",{originalEvent:e,target:U.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){_.current&&clearTimeout(_.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);_.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=B.current.value,r=e.target.selectionStart,i=n.indexOf(" ",P.index),o=n.substring(P.index,i>-1?i:r),l=ce(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,P.index),u=n.substring(i>-1?r:P.index+o.length);B.current.value="".concat(a).concat(l," ").concat(u),e.target=B.current,f.onChange&&f.onChange(e)}var s=P.index+l.length+1;B.current.setSelectionRange(s,s),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?u.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){u.DomHandler.focus(B.current),se(e,t)},fe=B.current&&B.current.value,de=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(f.value)||u.ObjectUtils.isNotEmpty(f.defaultValue)||u.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);m.useImperativeHandle(t,(function(){return{props:f,show:$,hide:G,focus:function(){return u.DomHandler.focus(B.current)},getElement:function(){return U.current},getOverlay:function(){return T.current},getInput:function(){return B.current}}})),m.useEffect((function(){u.ObjectUtils.combinedRefs(B,f.inputRef)}),[B,f.inputRef]),o.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));R(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),o.useUpdateEffect((function(){var e=J(),t=e?u.DomHandler.isAttributeEquals(U.current,"data-p-inputwrapper-filled",!0):u.DomHandler.hasClass(U.current,"p-inputwrapper-filled");!de&&t&&(e?u.DomHandler.setAttributes(U.current,{"data-p-inputwrapper-filled":!1}):u.DomHandler.removeClass(U.current,"p-inputwrapper-filled"))}),[de]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?u.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=N[t],o=l({key:n,className:Z("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},X(0,"item",{selected:i}));return m.createElement("li",o,r,m.createElement(p.Ripple,null))},ye=function(){var e=l({ref:M,className:Z("items")},V("items"));if(f.suggestions){var t=f.suggestions.map(me);return m.createElement("ul",e,t)}return null},ge=F.getOtherProps(f),ve=function(){var e=u.ObjectUtils.getJSXElement(f.headerTemplate,f),t=u.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),r=l({ref:T,className:Z("panel"),style:A({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},V("panel")),o=l({classNames:Z("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},V("transition")),a=m.createElement(i.CSSTransition,g({nodeRef:T},o),m.createElement("div",r,e,n,t));return m.createElement(c.Portal,{element:a,appendTo:"self"})}(),be=l(A(A({ref:B,id:f.inputId,className:Z("input"),style:f.inputStyle},ge),{},{onFocus:function(e){x(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){x(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=u.DomHandler.findSingle(T.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=u.DomHandler.index(n),i=u.DomHandler.index(t);R((function(e){var t=w(e);return t[r]=!0,t[i]=!1,t})),u.DomHandler.scrollInView(T.current,n)}}else if(t=u.DomHandler.findSingle(T.current,"li")){var o=u.DomHandler.index(t);R((function(e){var t=w(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=u.DomHandler.index(l),s=u.DomHandler.index(t);R((function(e){var t=w(e);return t[a]=!0,t[s]=!1,t})),u.DomHandler.scrollInView(T.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[u.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;J()?u.DomHandler.setAttributes(U.current,{"data-p-inputwrapper-filled":t}):t?u.DomHandler.addClass(U.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(U.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:z}}),V("input")),he=l({ref:U,id:f.id,className:Z("root",{focusedState:O,isFilled:de}),style:f.style},F.getOtherProps(f),V("root"));return m.createElement("div",he,m.createElement(C,be),ve)})));return B.displayName="Mention",e.Mention=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.mention=function(e,t,n,r,i,o,l,a,u,s,c,p){"use strict";function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function d(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var 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 m=d(t),y=f(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 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){if(Array.isArray(e))return v(e)}function h(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(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 x(){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){return b(e)||h(e)||O(e)||x()}function S(e){return S="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},S(e)}function j(e,t){if("object"!==S(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function E(e){var t=j(e,"string");return"symbol"===S(t)?t:String(t)}function D(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(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,o,l,a=[],u=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=o.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,i=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw i}}return a}}function I(){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 k(e,t){return P(e)||H(e,t)||O(e,t)||I()}var N=r.ComponentBase.extend({defaultProps:{__TYPE:"InputTextarea",__parentMetadata:null,autoResize:!1,invalid:!1,keyfilter:null,onBlur:null,onFocus:null,onBeforeInput:null,onInput:null,onKeyDown:null,onKeyUp:null,onPaste:null,tooltip:null,tooltipOptions:null,validateOnly:!1,children:void 0},css:{classes:{root:function(e){var t=e.props;return u.classNames("p-inputtextarea p-inputtext p-component",{"p-disabled":t.disabled,"p-filled":e.isFilled,"p-inputtextarea-resizable":t.autoResize,"p-invalid":t.invalid},t.className)}},styles:"\n@layer primereact {\n    .p-inputtextarea-resizable {\n        overflow: hidden;\n        resize: none;\n    }\n    \n    .p-fluid .p-inputtextarea {\n        width: 100%;\n    }\n}\n"}});function R(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 U(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var C=m.memo(m.forwardRef((function(e,t){var i=o.useMergeProps(),s=m.useContext(n.PrimeReactContext),c=N.getProps(e,s),p=m.useRef(t),f=m.useRef(0),d=N.setMetaData(U(U({props:c},c.__parentMetadata),{},{context:{disabled:c.disabled}})),y=d.ptm,v=d.cx;r.useHandleStyle(N.css.styles,d.isUnstyled,{name:"inputtextarea"});var b=function(e){var t=p.current;t&&u.DomHandler.isVisible(t)&&(f.current||(f.current=t.scrollHeight,t.style.overflow="hidden"),(f.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",f.current=t.scrollHeight))};m.useEffect((function(){u.ObjectUtils.combinedRefs(p,t)}),[p,t]),m.useEffect((function(){c.autoResize&&b(!0)}),[c.autoResize]);var h=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(c.value)||u.ObjectUtils.isNotEmpty(c.defaultValue)}),[c.value,c.defaultValue]),O=u.ObjectUtils.isNotEmpty(c.tooltip),x=i({ref:p,className:v("root",{isFilled:h}),onFocus:function(e){c.autoResize&&b(),c.onFocus&&c.onFocus(e)},onBlur:function(e){c.autoResize&&b(),c.onBlur&&c.onBlur(e)},onKeyUp:function(e){c.autoResize&&b(),c.onKeyUp&&c.onKeyUp(e)},onKeyDown:function(e){c.onKeyDown&&c.onKeyDown(e),c.keyfilter&&l.KeyFilter.onKeyPress(e,c.keyfilter,c.validateOnly)},onBeforeInput:function(e){c.onBeforeInput&&c.onBeforeInput(e),c.keyfilter&&l.KeyFilter.onBeforeInput(e,c.keyfilter,c.validateOnly)},onInput:function(e){var t=e.target;c.autoResize&&b(u.ObjectUtils.isEmpty(t.value)),c.onInput&&c.onInput(e),u.ObjectUtils.isNotEmpty(t.value)?u.DomHandler.addClass(t,"p-filled"):u.DomHandler.removeClass(t,"p-filled")},onPaste:function(e){c.onPaste&&c.onPaste(e),c.keyfilter&&l.KeyFilter.onPaste(e,c.keyfilter,c.validateOnly)}},N.getOtherProps(c),y("root"));return m.createElement(m.Fragment,null,m.createElement("textarea",x),O&&m.createElement(a.Tooltip,g({target:p,content:c.tooltip,pt:y("tooltip")},c.tooltipOptions)))})));C.displayName="InputTextarea";var F=r.ComponentBase.extend({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,children:void 0},css:{classes:{item:function(e){return u.classNames("p-mention-item",{"p-highlight":e.isSelected})},items:"p-mention-items",panel:function(e){return u.classNames("p-mention-panel p-component",e.props.panelClassName)},input:function(e){return u.classNames("p-mention-input",e.props.inputClassName)},root:function(e){return u.classNames("p-mention p-component p-inputwrapper",{"p-inputwrapper-filled":e.isFilled,"p-inputwrapper-focus":e.focusedState},e.props.className)},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-mention {\n        display: inline-flex;\n        position: relative;\n    }\n    \n    .p-autocomplete-loader {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n    \n    .p-mention .p-mention-panel {\n        min-width: 100%;\n    }\n    \n    .p-mention-panel {\n        position: absolute;\n        top: 0;\n        left: 0;\n        overflow: auto;\n    }\n    \n    .p-mention-items {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n    \n    .p-mention-item {\n        cursor: pointer;\n        white-space: nowrap;\n        position: relative;\n        overflow: hidden;\n    }\n    \n    .p-fluid .p-mention {\n        display: flex;\n    }\n}\n"}});function T(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 A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){D(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var B=m.memo(m.forwardRef((function(e,t){var l=o.useMergeProps(),a=m.useContext(n.PrimeReactContext),f=F.getProps(e,a),d=k(m.useState(!1),2),v=d[0],b=d[1],h=k(m.useState(!1),2),O=h[0],x=h[1],S=k(m.useState(!1),2),j=S[0],E=S[1],D=k(m.useState(null),2),P=D[0],H=D[1],I=k(m.useState([]),2),N=I[0],R=I[1],U=m.useRef(null),T=m.useRef(null),B=m.useRef(f.inputRef),M=m.useRef(null),_=m.useRef(null),z={props:f,state:{overlayVisible:v,focused:O,searching:j,trigger:P}},K=F.setMetaData(z),V=K.ptm,Z=K.cx,J=K.isUnstyled;r.useHandleStyle(F.css.styles,J,{name:"mention"});var X=function(e,t,n){return V(t,{context:{trigger:P?P.key:""},state:A({},n)})},Y=k(o.useOverlayListener({target:U,overlay:T,listener:function(e,t){t.valid&&G()},when:v}),2),q=Y[0],L=Y[1],$=function(){b(!0)},G=function(){b(!1),E(!1),H(null)},Q=function(){u.ZIndexUtils.set("overlay",T.current,a&&a.autoZIndex||y.default.autoZIndex,a&&a.zIndex.overlay||y.default.zIndex.overlay),u.DomHandler.addStyles(T.current,{position:"absolute",top:"0",left:"0"}),re()},W=function(){f.autoHighlight&&f.suggestions&&f.suggestions.length&&R((function(e){var t=w(e);return t[0]=!0,t}))},ee=function(){q(),f.onShow&&f.onShow()},te=function(){L()},ne=function(){u.ZIndexUtils.clear(T.current),f.onHide&&f.onHide()},re=function(){if(P){var e=P.key,t=P.index,n=B.current.value,r=u.DomHandler.getCursorOffset(B.current,n.substring(0,t-1),n.substring(t),e);T.current.style.transformOrigin="top",T.current.style.left="calc(".concat(r.left,"px + 1rem)"),T.current.style.top="calc(".concat(r.top,"px + 1.2rem)")}},ie=function(e){s.OverlayService.emit("overlay-click",{originalEvent:e,target:U.current})},oe=function(e,t,n){if(!P){var r=Array.isArray(f.trigger)?f.trigger.find((function(e){return e===t})):f.trigger===t?f.trigger:null;if(r)return{key:r,index:n};var i=e.substring(0,n).lastIndexOf(" "),o=le(e,n);if(o.index>i)return o}return P},le=function(e,t){if(Array.isArray(f.trigger)){var n={};return f.trigger.forEach((function(r){var i=e.substring(0,t).lastIndexOf(r);-1!==i&&(i>n.index||!n.index)&&(n={key:r,index:-1!==i?i+1:-1})})),n}var r=e.substring(0,t).lastIndexOf(f.trigger);return{key:f.trigger,index:-1!==r?r+1:-1}},ae=function(e){_.current&&clearTimeout(_.current);var t=e.target,n=t.value,r=t.selectionStart,i=n.substring(r-1,r);if(" "!==i){var o=oe(n,i,r);if(o&&o.index>-1){var l=n.substring(o.index,r);_.current=setTimeout((function(){ue(e,l,o)}),f.delay)}}else G()},ue=function(e,t,n){f.onSearch&&(E(!0),H(n),f.onSearch({originalEvent:e,trigger:n.key,query:t}))},se=function(e,t){var n=B.current.value,r=e.target.selectionStart,i=n.indexOf(" ",P.index),o=n.substring(P.index,i>-1?i:r),l=ce(t).replace(/\s+/g,"");if(o.trim()!==l){var a=n.substring(0,P.index),u=n.substring(i>-1?r:P.index+o.length);B.current.value="".concat(a).concat(l," ").concat(u),e.target=B.current,f.onChange&&f.onChange(e)}var s=P.index+l.length+1;B.current.setSelectionRange(s,s),G(),f.onSelect&&f.onSelect({originalEvent:e,suggestion:t})},ce=function(e){if(e){var t=Array.isArray(f.field)?f.field[f.trigger.findIndex((function(e){return e===P.key}))]:f.field;return t?u.ObjectUtils.resolveFieldData(e,t):e}return""},pe=function(e,t){u.DomHandler.focus(B.current),se(e,t)},fe=B.current&&B.current.value,de=m.useMemo((function(){return u.ObjectUtils.isNotEmpty(f.value)||u.ObjectUtils.isNotEmpty(f.defaultValue)||u.ObjectUtils.isNotEmpty(fe)}),[f.value,f.defaultValue,fe]);m.useImperativeHandle(t,(function(){return{props:f,show:$,hide:G,focus:function(){return u.DomHandler.focus(B.current)},getElement:function(){return U.current},getOverlay:function(){return T.current},getInput:function(){return B.current}}})),m.useEffect((function(){u.ObjectUtils.combinedRefs(B,f.inputRef)}),[B,f.inputRef]),o.useUpdateEffect((function(){var e=f.suggestions&&f.suggestions.length;if(e){var t=f.suggestions.map((function(){return!1}));R(t)}j&&(e?$():G(),v&&re(),E(!1))}),[f.suggestions]),o.useUpdateEffect((function(){var e=J(),t=e?u.DomHandler.isAttributeEquals(U.current,"data-p-inputwrapper-filled",!0):u.DomHandler.hasClass(U.current,"p-inputwrapper-filled");!de&&t&&(e?u.DomHandler.setAttributes(U.current,{"data-p-inputwrapper-filled":!1}):u.DomHandler.removeClass(U.current,"p-inputwrapper-filled"))}),[de]),o.useUnmountEffect((function(){u.ZIndexUtils.clear(T.current)}));var me=function(e,t){var n=t+"_item",r=f.itemTemplate?u.ObjectUtils.getJSXElement(f.itemTemplate,e,{trigger:P?P.key:"",index:t}):ce(e),i=N[t],o=l({key:n,className:Z("item",{isSelected:i}),onClick:function(t){return pe(t,e)},"data-p-highlight":i},X(0,"item",{selected:i}));return m.createElement("li",o,r,m.createElement(p.Ripple,null))},ye=function(){var e=l({ref:M,className:Z("items")},V("items"));if(f.suggestions){var t=f.suggestions.map(me);return m.createElement("ul",e,t)}return null},ge=F.getOtherProps(f),ve=function(){var e=u.ObjectUtils.getJSXElement(f.headerTemplate,f),t=u.ObjectUtils.getJSXElement(f.footerTemplate,f),n=ye(),r=l({ref:T,className:Z("panel"),style:A({maxHeight:f.scrollHeight},f.panelStyle),onClick:ie},V("panel")),o=l({classNames:Z("transition"),in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:Q,onEntering:W,onEntered:ee,onExit:te,onExited:ne},V("transition")),a=m.createElement(i.CSSTransition,g({nodeRef:T},o),m.createElement("div",r,e,n,t));return m.createElement(c.Portal,{element:a,appendTo:"self"})}(),be=l(A(A({ref:B,id:f.inputId,className:Z("input"),style:f.inputStyle},ge),{},{onFocus:function(e){x(!0),f.onFocus&&f.onFocus(e)},onBlur:function(e){x(!1),f.onBlur&&f.onBlur(e)},onKeyDown:function(e){if(v){var t=u.DomHandler.findSingle(T.current,'li[data-p-highlight="true"]');switch(e.which){case 40:if(t){var n=t.nextElementSibling;if(n){var r=u.DomHandler.index(n),i=u.DomHandler.index(t);R((function(e){var t=w(e);return t[r]=!0,t[i]=!1,t})),u.DomHandler.scrollInView(T.current,n)}}else if(t=u.DomHandler.findSingle(T.current,"li")){var o=u.DomHandler.index(t);R((function(e){var t=w(e);return t[o]=!0,t}))}e.preventDefault();break;case 38:if(t){var l=t.previousElementSibling;if(l){var a=u.DomHandler.index(l),s=u.DomHandler.index(t);R((function(e){var t=w(e);return t[a]=!0,t[s]=!1,t})),u.DomHandler.scrollInView(T.current,l)}}e.preventDefault();break;case 8:var c=e.target,p=c.selectionStart;c.value.substring(p-1,p)===P.key&&G();break;case 13:t&&se(e,f.suggestions[u.DomHandler.index(t)]),e.preventDefault();break;case 27:G(),e.preventDefault()}}},onInput:function(e){f.onInput&&f.onInput(e);var t=e.target.value.length>0;J()?u.DomHandler.setAttributes(U.current,{"data-p-inputwrapper-filled":t}):t?u.DomHandler.addClass(U.current,"p-inputwrapper-filled"):u.DomHandler.removeClass(U.current,"p-inputwrapper-filled")},onKeyUp:function(e){37!==e.which&&39!==e.which||ae(e)},onChange:function(e){f.onChange&&f.onChange(e),ae(e)},__parentMetadata:{parent:z}}),V("input")),he=l({ref:U,id:f.id,className:Z("root",{focusedState:O,isFilled:de}),style:f.style},F.getOtherProps(f),V("root"));return m.createElement("div",he,m.createElement(C,be),ve)})));return B.displayName="Mention",e.Mention=B,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.keyfilter,primereact.tooltip,primereact.utils,primereact.overlayservice,primereact.portal,primereact.ripple);

package/menu/menu.cjs.js

@@ -283,12 +283,13 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
   var menuRef = React__namespace.useRef(null);
   var listRef = React__namespace.useRef(null);
   var targetRef = React__namespace.useRef(null);
-  var popupMenuDisplayOrder = hooks.useDisplayOrder('menu', !!(visibleState && props.popup));
+  var isCloseOnEscape = !!(visibleState && props.popup && props.closeOnEscape);
+  var popupMenuDisplayOrder = hooks.useDisplayOrder('menu', isCloseOnEscape);
   hooks.useGlobalOnEscapeKey({
     callback: function callback(event) {
       hide(event);
     },
-    when: visibleState && props.popup && props.closeOnEscape && popupMenuDisplayOrder,
+    when: isCloseOnEscape && popupMenuDisplayOrder,
     priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.MENU, popupMenuDisplayOrder]
   });
   var _useOverlayListener = hooks.useOverlayListener({

package/menu/menu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),i=require("primereact/overlayservice"),o=require("primereact/portal"),l=require("primereact/ripple"),u=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=s(e),m=c(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"===f(n)?n:String(n)}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function g(e){if(Array.isArray(e))return v(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return g(e)||O(e)||h(e)||S()}function x(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return l}}function N(){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 w(e,n){return x(e)||j(e,n)||h(e,n)||N()}var D=t.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return u.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===m.default.ripple})},menu:"p-menu-list p-reset",content:"p-menuitem-content",action:function(e){return u.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return u.classNames("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return u.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){var r,a,i;r=e,i=t[n],(a=y(a=n))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=p.memo(p.forwardRef((function(e,c){var s=a.useMergeProps(),f=p.useContext(n.PrimeReactContext),b=D.getProps(e,f),y=w(p.useState(b.id),2),v=y[0],g=y[1],O=w(p.useState(!b.popup),2),h=O[0],S=O[1],x=w(p.useState(-1),2),j=x[0],N=x[1],I=w(p.useState(-1),2),k=I[0],H=I[1],A=w(p.useState(!1),2),_=A[0],T=A[1],C=D.setMetaData({props:b,state:{id:v,visible:h,focused:_}}),U=C.ptm,q=C.cx,M=C.sx;t.useHandleStyle(D.css.styles,C.isUnstyled,{name:"menu"});var R=p.useRef(null),Z=p.useRef(null),B=p.useRef(null),F=a.useDisplayOrder("menu",!(!h||!b.popup));a.useGlobalOnEscapeKey({callback:function(e){ue(e)},when:h&&b.popup&&b.closeOnEscape&&F,priority:[a.ESC_KEY_HANDLING_PRIORITIES.MENU,F]});var L=w(a.useOverlayListener({target:B,overlay:R,listener:function(e,n){n.valid&&(ue(e),N(-1))},when:h}),2),K=L[0],z=L[1],G=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),b.popup&&ue(e),b.popup||j===t||N(t),n.url||(e.preventDefault(),e.stopPropagation()))},J=function(e){T(!0),b.popup||(-1!==k?(ae(k),H(-1)):ae(0)),b.onFocus&&b.onFocus(e)},X=function(e){T(!1),N(-1),b.onBlur&&b.onBlur(e)},Y=function(e){switch(e.code){case"ArrowDown":$(e);break;case"ArrowUp":Q(e);break;case"Home":V(e);break;case"End":W(e);break;case"Enter":ee(e);break;case"Space":ne(e);break;case"Escape":b.popup&&(u.DomHandler.focus(B.current),ue(e));case"Tab":b.popup&&h&&ue(e)}},$=function(e){var n=te(j);ae(n),e.preventDefault()},Q=function(e){if(e.altKey&&b.popup)u.DomHandler.focus(B.current),ue(e),e.preventDefault();else{var n=re(j);ae(n),e.preventDefault()}},V=function(e){ae(0),e.preventDefault()},W=function(e){ae(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},ee=function(e){var n=u.DomHandler.findSingle(R.current,'li[id="'.concat("".concat(j),'"]')),t=n&&u.DomHandler.findSingle(n,'a[data-pc-section="action"]');b.popup&&u.DomHandler.focus(B.current),t?t.click():n&&n.click(),e.preventDefault()},ne=function(e){ee(e)},te=function(e){var n=E(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},re=function(e){var n=E(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},ae=function(e){var n=u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&N(n[t].getAttribute("id"))},ie=function(){return-1!==j?j:null},oe=function(e){b.popup&&(h?ue(e):le(e))},le=function(e){B.current=e.currentTarget,S(!0),b.onShow&&b.onShow(e)},ue=function(e){B.current=e.currentTarget,S(!1),b.onHide&&b.onHide(e)},ce=function(){u.DomHandler.addStyles(R.current,{position:"absolute",top:"0",left:"0"}),u.ZIndexUtils.set("menu",R.current,f&&f.autoZIndex||m.default.autoZIndex,b.baseZIndex||f&&f.zIndex.menu||m.default.zIndex.menu),u.DomHandler.absolutePosition(R.current,B.current,b.popupAlignment),b.popup&&(u.DomHandler.focus(Z.current),ae(0))},se=function(){K()},pe=function(){B.current=null,z()},me=function(){u.ZIndexUtils.clear(R.current)};a.useMountEffect((function(){v||g(u.UniqueComponentId())})),a.useUnmountEffect((function(){u.ZIndexUtils.clear(R.current)})),p.useImperativeHandle(c,(function(){return{props:b,toggle:oe,show:le,hide:ue,getElement:function(){return R.current},getTarget:function(){return B.current}}}));var de=function(e,n){var t=v+"_sub_"+n,r=e.items.map((function(e,n){return be(e,n,t)})),a=s({id:t,key:t,role:"none",className:u.classNames(e.className,q("submenuHeader",{submenu:e})),style:M("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},U("submenuHeader"));return p.createElement(p.Fragment,{key:t},p.createElement("li",a,e.label),r)},fe=function(e){var n=v+"_separator_"+e,t=s({id:n,key:n,className:q("separator"),role:"separator"},U("separator"));return p.createElement("li",t)},be=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===e.visible)return null;var r=u.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=u.classNames("p-menuitem-icon",e.icon),i=s({className:q("icon")},U("icon")),o=u.IconUtils.getJSXIcon(e.icon,P({},i),{props:b}),c=s({className:q("label")},U("label")),m=e.label&&p.createElement("span",c,e.label),d=e.id||(t||v)+"_"+n,f=s({onClick:function(n){return G(n,e,d)},className:q("content")},U("content")),y=s({href:e.url||"#",className:q("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-hidden":!0,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},U("action")),g=p.createElement("div",f,p.createElement("a",y,o,m,p.createElement(l.Ripple,null)));e.template&&(g=u.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return G(n,e,d)},className:r,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:a,element:g,props:b}));var O=s({id:d,key:d,className:u.classNames(e.className,q("menuitem",{focused:j===d})),style:M("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":ie()===d,"data-p-disabled":e.disabled||!1},U("menuitem"));return p.createElement("li",O,g)},ye=function(e,n){return e.separator?fe(n):e.items?de(e,n):be(e,n)},ve=function(){if(b.model){var e=b.model.map(ye),n=s({className:u.classNames(b.className,q("root",{context:f})),style:b.style,onClick:function(e){return n=e,void(b.popup&&i.OverlayService.emit("overlay-click",{originalEvent:n,target:B.current}));var n}},D.getOtherProps(b),U("root")),t=s({ref:Z,className:q("menu"),id:v+"_list",tabIndex:b.tabIndex||"0",role:"menu","aria-label":b.ariaLabel,"aria-labelledby":b.ariaLabelledBy,"aria-activedescendant":_?ie():void 0,onFocus:J,onKeyDown:Y,onBlur:X},U("menu")),a=s({classNames:q("transition"),in:h,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:ce,onEntered:se,onExit:pe,onExited:me},U("transition"));return p.createElement(r.CSSTransition,d({nodeRef:R},a),p.createElement("div",d({id:b.id,ref:R},n),p.createElement("ul",t,e)))}return null}();return b.popup?p.createElement(o.Portal,{element:ve,appendTo:b.appendTo}):ve})));k.displayName="Menu",exports.Menu=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),a=require("primereact/hooks"),i=require("primereact/overlayservice"),o=require("primereact/portal"),l=require("primereact/ripple"),u=require("primereact/utils");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var p=s(e),m=c(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function b(e,n){if("object"!==f(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==f(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function y(e){var n=b(e,"string");return"symbol"===f(n)?n:String(n)}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function g(e){if(Array.isArray(e))return v(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function h(e,n){if(e){if("string"==typeof e)return v(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?v(e,n):void 0}}function S(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e){return g(e)||O(e)||h(e)||S()}function x(e){if(Array.isArray(e))return e}function j(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return l}}function N(){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 w(e,n){return x(e)||j(e,n)||h(e,n)||N()}var D=t.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return u.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===m.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===m.default.ripple})},menu:"p-menu-list p-reset",content:"p-menuitem-content",action:function(e){return u.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return u.classNames("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return u.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function I(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach((function(n){var r,a,i;r=e,i=t[n],(a=y(a=n))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var k=p.memo(p.forwardRef((function(e,c){var s=a.useMergeProps(),f=p.useContext(n.PrimeReactContext),b=D.getProps(e,f),y=w(p.useState(b.id),2),v=y[0],g=y[1],O=w(p.useState(!b.popup),2),h=O[0],S=O[1],x=w(p.useState(-1),2),j=x[0],N=x[1],I=w(p.useState(-1),2),k=I[0],H=I[1],A=w(p.useState(!1),2),_=A[0],T=A[1],C=D.setMetaData({props:b,state:{id:v,visible:h,focused:_}}),U=C.ptm,q=C.cx,M=C.sx;t.useHandleStyle(D.css.styles,C.isUnstyled,{name:"menu"});var R=p.useRef(null),Z=p.useRef(null),B=p.useRef(null),F=!!(h&&b.popup&&b.closeOnEscape),L=a.useDisplayOrder("menu",F);a.useGlobalOnEscapeKey({callback:function(e){ce(e)},when:F&&L,priority:[a.ESC_KEY_HANDLING_PRIORITIES.MENU,L]});var K=w(a.useOverlayListener({target:B,overlay:R,listener:function(e,n){n.valid&&(ce(e),N(-1))},when:h}),2),z=K[0],G=K[1],J=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),b.popup&&ce(e),b.popup||j===t||N(t),n.url||(e.preventDefault(),e.stopPropagation()))},X=function(e){T(!0),b.popup||(-1!==k?(ie(k),H(-1)):ie(0)),b.onFocus&&b.onFocus(e)},Y=function(e){T(!1),N(-1),b.onBlur&&b.onBlur(e)},$=function(e){switch(e.code){case"ArrowDown":Q(e);break;case"ArrowUp":V(e);break;case"Home":W(e);break;case"End":ee(e);break;case"Enter":ne(e);break;case"Space":te(e);break;case"Escape":b.popup&&(u.DomHandler.focus(B.current),ce(e));case"Tab":b.popup&&h&&ce(e)}},Q=function(e){var n=re(j);ie(n),e.preventDefault()},V=function(e){if(e.altKey&&b.popup)u.DomHandler.focus(B.current),ce(e),e.preventDefault();else{var n=ae(j);ie(n),e.preventDefault()}},W=function(e){ie(0),e.preventDefault()},ee=function(e){ie(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},ne=function(e){var n=u.DomHandler.findSingle(R.current,'li[id="'.concat("".concat(j),'"]')),t=n&&u.DomHandler.findSingle(n,'a[data-pc-section="action"]');b.popup&&u.DomHandler.focus(B.current),t?t.click():n&&n.click(),e.preventDefault()},te=function(e){ne(e)},re=function(e){var n=E(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},ae=function(e){var n=E(u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},ie=function(e){var n=u.DomHandler.find(R.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&N(n[t].getAttribute("id"))},oe=function(){return-1!==j?j:null},le=function(e){b.popup&&(h?ce(e):ue(e))},ue=function(e){B.current=e.currentTarget,S(!0),b.onShow&&b.onShow(e)},ce=function(e){B.current=e.currentTarget,S(!1),b.onHide&&b.onHide(e)},se=function(){u.DomHandler.addStyles(R.current,{position:"absolute",top:"0",left:"0"}),u.ZIndexUtils.set("menu",R.current,f&&f.autoZIndex||m.default.autoZIndex,b.baseZIndex||f&&f.zIndex.menu||m.default.zIndex.menu),u.DomHandler.absolutePosition(R.current,B.current,b.popupAlignment),b.popup&&(u.DomHandler.focus(Z.current),ie(0))},pe=function(){z()},me=function(){B.current=null,G()},de=function(){u.ZIndexUtils.clear(R.current)};a.useMountEffect((function(){v||g(u.UniqueComponentId())})),a.useUnmountEffect((function(){u.ZIndexUtils.clear(R.current)})),p.useImperativeHandle(c,(function(){return{props:b,toggle:le,show:ue,hide:ce,getElement:function(){return R.current},getTarget:function(){return B.current}}}));var fe=function(e,n){var t=v+"_sub_"+n,r=e.items.map((function(e,n){return ye(e,n,t)})),a=s({id:t,key:t,role:"none",className:u.classNames(e.className,q("submenuHeader",{submenu:e})),style:M("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},U("submenuHeader"));return p.createElement(p.Fragment,{key:t},p.createElement("li",a,e.label),r)},be=function(e){var n=v+"_separator_"+e,t=s({id:n,key:n,className:q("separator"),role:"separator"},U("separator"));return p.createElement("li",t)},ye=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===e.visible)return null;var r=u.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=u.classNames("p-menuitem-icon",e.icon),i=s({className:q("icon")},U("icon")),o=u.IconUtils.getJSXIcon(e.icon,P({},i),{props:b}),c=s({className:q("label")},U("label")),m=e.label&&p.createElement("span",c,e.label),d=e.id||(t||v)+"_"+n,f=s({onClick:function(n){return J(n,e,d)},className:q("content")},U("content")),y=s({href:e.url||"#",className:q("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-hidden":!0,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},U("action")),g=p.createElement("div",f,p.createElement("a",y,o,m,p.createElement(l.Ripple,null)));e.template&&(g=u.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return J(n,e,d)},className:r,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:a,element:g,props:b}));var O=s({id:d,key:d,className:u.classNames(e.className,q("menuitem",{focused:j===d})),style:M("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":oe()===d,"data-p-disabled":e.disabled||!1},U("menuitem"));return p.createElement("li",O,g)},ve=function(e,n){return e.separator?be(n):e.items?fe(e,n):ye(e,n)},ge=function(){if(b.model){var e=b.model.map(ve),n=s({className:u.classNames(b.className,q("root",{context:f})),style:b.style,onClick:function(e){return n=e,void(b.popup&&i.OverlayService.emit("overlay-click",{originalEvent:n,target:B.current}));var n}},D.getOtherProps(b),U("root")),t=s({ref:Z,className:q("menu"),id:v+"_list",tabIndex:b.tabIndex||"0",role:"menu","aria-label":b.ariaLabel,"aria-labelledby":b.ariaLabelledBy,"aria-activedescendant":_?oe():void 0,onFocus:X,onKeyDown:$,onBlur:Y},U("menu")),a=s({classNames:q("transition"),in:h,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:se,onEntered:pe,onExit:me,onExited:de},U("transition"));return p.createElement(r.CSSTransition,d({nodeRef:R},a),p.createElement("div",d({id:b.id,ref:R},n),p.createElement("ul",t,e)))}return null}();return b.popup?p.createElement(o.Portal,{element:ge,appendTo:b.appendTo}):ge})));k.displayName="Menu",exports.Menu=k;

package/menu/menu.esm.js

@@ -256,12 +256,13 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inPr
   var menuRef = React.useRef(null);
   var listRef = React.useRef(null);
   var targetRef = React.useRef(null);
-  var popupMenuDisplayOrder = useDisplayOrder('menu', !!(visibleState && props.popup));
+  var isCloseOnEscape = !!(visibleState && props.popup && props.closeOnEscape);
+  var popupMenuDisplayOrder = useDisplayOrder('menu', isCloseOnEscape);
   useGlobalOnEscapeKey({
     callback: function callback(event) {
       hide(event);
     },
-    when: visibleState && props.popup && props.closeOnEscape && popupMenuDisplayOrder,
+    when: isCloseOnEscape && popupMenuDisplayOrder,
     priority: [ESC_KEY_HANDLING_PRIORITIES.MENU, popupMenuDisplayOrder]
   });
   var _useOverlayListener = useOverlayListener({

package/menu/menu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as i,useDisplayOrder as u,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as c,useOverlayListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as d}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as y,UniqueComponentId as v,ZIndexUtils as g,DomHandler as h,IconUtils as S,ObjectUtils as x}from"primereact/utils";function E(){return E=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},E.apply(this,arguments)}function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function k(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function I(e){if(Array.isArray(e))return k(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(e,n){if(e){if("string"==typeof e)return k(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(e,n):void 0}}function D(){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 A(e){return I(e)||N(e)||P(e)||D()}function T(e){if(Array.isArray(e))return e}function H(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,u=[],l=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}function _(){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 C(e,n){return T(e)||H(e,n)||P(e,n)||_()}var B=r.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return y("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},menu:"p-menu-list p-reset",content:"p-menuitem-content",action:function(e){return y("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return y("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return y("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function F(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){var r,a,o;r=e,o=t[n],(a=j(a=n))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=e.memo(e.forwardRef((function(r,O){var w=i(),j=e.useContext(t),k=B.getProps(r,j),I=C(e.useState(k.id),2),N=I[0],P=I[1],D=C(e.useState(!k.popup),2),T=D[0],H=D[1],_=C(e.useState(-1),2),F=_[0],R=_[1],Z=C(e.useState(-1),2),L=Z[0],U=Z[1],z=C(e.useState(!1),2),J=z[0],K=z[1],X=B.setMetaData({props:k,state:{id:N,visible:T,focused:J}}),G=X.ptm,Y=X.cx,$=X.sx;a(B.css.styles,X.isUnstyled,{name:"menu"});var q=e.useRef(null),Q=e.useRef(null),V=e.useRef(null),W=u("menu",!(!T||!k.popup));l({callback:function(e){he(e)},when:T&&k.popup&&k.closeOnEscape&&W,priority:[c.MENU,W]});var ee=C(s({target:V,overlay:q,listener:function(e,n){n.valid&&(he(e),R(-1))},when:T}),2),ne=ee[0],te=ee[1],re=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),k.popup&&he(e),k.popup||F===t||R(t),n.url||(e.preventDefault(),e.stopPropagation()))},ae=function(e){K(!0),k.popup||(-1!==L?(be(L),U(-1)):be(0)),k.onFocus&&k.onFocus(e)},oe=function(e){K(!1),R(-1),k.onBlur&&k.onBlur(e)},ie=function(e){switch(e.code){case"ArrowDown":ue(e);break;case"ArrowUp":le(e);break;case"Home":ce(e);break;case"End":se(e);break;case"Enter":pe(e);break;case"Space":me(e);break;case"Escape":k.popup&&(h.focus(V.current),he(e));case"Tab":k.popup&&T&&he(e)}},ue=function(e){var n=de(F);be(n),e.preventDefault()},le=function(e){if(e.altKey&&k.popup)h.focus(V.current),he(e),e.preventDefault();else{var n=fe(F);be(n),e.preventDefault()}},ce=function(e){be(0),e.preventDefault()},se=function(e){be(h.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},pe=function(e){var n=h.findSingle(q.current,'li[id="'.concat("".concat(F),'"]')),t=n&&h.findSingle(n,'a[data-pc-section="action"]');k.popup&&h.focus(V.current),t?t.click():n&&n.click(),e.preventDefault()},me=function(e){pe(e)},de=function(e){var n=A(h.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},fe=function(e){var n=A(h.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},be=function(e){var n=h.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&R(n[t].getAttribute("id"))},ye=function(){return-1!==F?F:null},ve=function(e){k.popup&&(T?he(e):ge(e))},ge=function(e){V.current=e.currentTarget,H(!0),k.onShow&&k.onShow(e)},he=function(e){V.current=e.currentTarget,H(!1),k.onHide&&k.onHide(e)},Se=function(){h.addStyles(q.current,{position:"absolute",top:"0",left:"0"}),g.set("menu",q.current,j&&j.autoZIndex||n.autoZIndex,k.baseZIndex||j&&j.zIndex.menu||n.zIndex.menu),h.absolutePosition(q.current,V.current,k.popupAlignment),k.popup&&(h.focus(Q.current),be(0))},xe=function(){ne()},Ee=function(){V.current=null,te()},Oe=function(){g.clear(q.current)};p((function(){N||P(v())})),m((function(){g.clear(q.current)})),e.useImperativeHandle(O,(function(){return{props:k,toggle:ve,show:ge,hide:he,getElement:function(){return q.current},getTarget:function(){return V.current}}}));var we=function(n,t){var r=N+"_sub_"+t,a=n.items.map((function(e,n){return ke(e,n,r)})),o=w({id:r,key:r,role:"none",className:y(n.className,Y("submenuHeader",{submenu:n})),style:$("submenuHeader",{submenu:n}),"data-p-disabled":n.disabled},G("submenuHeader"));return e.createElement(e.Fragment,{key:r},e.createElement("li",o,n.label),a)},je=function(n){var t=N+"_separator_"+n,r=w({id:t,key:t,className:Y("separator"),role:"separator"},G("separator"));return e.createElement("li",r)},ke=function(n,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===n.visible)return null;var a=y("p-menuitem-link",{"p-disabled":n.disabled}),o=y("p-menuitem-icon",n.icon),i=w({className:Y("icon")},G("icon")),u=S.getJSXIcon(n.icon,M({},i),{props:k}),l=w({className:Y("label")},G("label")),c=n.label&&e.createElement("span",l,n.label),s=n.id||(r||N)+"_"+t,p=w({onClick:function(e){return re(e,n,s)},className:Y("content")},G("content")),m=w({href:n.url||"#",className:Y("action",{item:n}),onFocus:function(e){return e.stopPropagation()},target:n.target,tabIndex:"-1","aria-label":n.label,"aria-hidden":!0,"aria-disabled":n.disabled,"data-p-disabled":n.disabled},G("action")),d=e.createElement("div",p,e.createElement("a",m,u,c,e.createElement(b,null)));n.template&&(d=x.getJSXElement(n.template,n,{onClick:function(e){return re(e,n,s)},className:a,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:o,element:d,props:k}));var f=w({id:s,key:s,className:y(n.className,Y("menuitem",{focused:F===s})),style:$("menuitem",{item:n}),role:"menuitem","aria-label":n.label,"aria-disabled":n.disabled,"data-p-focused":ye()===s,"data-p-disabled":n.disabled||!1},G("menuitem"));return e.createElement("li",f,d)},Ie=function(e,n){return e.separator?je(n):e.items?we(e,n):ke(e,n)},Ne=function(){if(k.model){var n=k.model.map(Ie),t=w({className:y(k.className,Y("root",{context:j})),style:k.style,onClick:function(e){return n=e,void(k.popup&&d.emit("overlay-click",{originalEvent:n,target:V.current}));var n}},B.getOtherProps(k),G("root")),r=w({ref:Q,className:Y("menu"),id:N+"_list",tabIndex:k.tabIndex||"0",role:"menu","aria-label":k.ariaLabel,"aria-labelledby":k.ariaLabelledBy,"aria-activedescendant":J?ye():void 0,onFocus:ae,onKeyDown:ie,onBlur:oe},G("menu")),a=w({classNames:Y("transition"),in:T,timeout:{enter:120,exit:100},options:k.transitionOptions,unmountOnExit:!0,onEnter:Se,onEntered:xe,onExit:Ee,onExited:Oe},G("transition"));return e.createElement(o,E({nodeRef:q},a),e.createElement("div",E({id:k.id,ref:q},t),e.createElement("ul",r,n)))}return null}();return k.popup?e.createElement(f,{element:Ne,appendTo:k.appendTo}):Ne})));R.displayName="Menu";export{R as Menu};
+import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{ComponentBase as r,useHandleStyle as a}from"primereact/componentbase";import{CSSTransition as o}from"primereact/csstransition";import{useMergeProps as i,useDisplayOrder as u,useGlobalOnEscapeKey as l,ESC_KEY_HANDLING_PRIORITIES as c,useOverlayListener as s,useMountEffect as p,useUnmountEffect as m}from"primereact/hooks";import{OverlayService as d}from"primereact/overlayservice";import{Portal as f}from"primereact/portal";import{Ripple as b}from"primereact/ripple";import{classNames as y,UniqueComponentId as v,ZIndexUtils as g,DomHandler as h,IconUtils as S,ObjectUtils as x}from"primereact/utils";function E(){return E=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},E.apply(this,arguments)}function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function w(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function j(e){var n=w(e,"string");return"symbol"===O(n)?n:String(n)}function k(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function I(e){if(Array.isArray(e))return k(e)}function N(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function P(e,n){if(e){if("string"==typeof e)return k(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?k(e,n):void 0}}function D(){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 A(e){return I(e)||N(e)||P(e)||D()}function T(e){if(Array.isArray(e))return e}function H(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,u=[],l=!0,c=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=o.call(t)).done)&&(u.push(r.value),u.length!==n);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return u}}function _(){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 C(e,n){return T(e)||H(e,n)||P(e,n)||_()}var B=r.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var t=e.context;return y("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===n.ripple})},menu:"p-menu-list p-reset",content:"p-menuitem-content",action:function(e){return y("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return y("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return y("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function F(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?F(Object(t),!0).forEach((function(n){var r,a,o;r=e,o=t[n],(a=j(a=n))in r?Object.defineProperty(r,a,{value:o,enumerable:!0,configurable:!0,writable:!0}):r[a]=o})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):F(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=e.memo(e.forwardRef((function(r,O){var w=i(),j=e.useContext(t),k=B.getProps(r,j),I=C(e.useState(k.id),2),N=I[0],P=I[1],D=C(e.useState(!k.popup),2),T=D[0],H=D[1],_=C(e.useState(-1),2),F=_[0],R=_[1],Z=C(e.useState(-1),2),L=Z[0],U=Z[1],z=C(e.useState(!1),2),J=z[0],K=z[1],X=B.setMetaData({props:k,state:{id:N,visible:T,focused:J}}),G=X.ptm,Y=X.cx,$=X.sx;a(B.css.styles,X.isUnstyled,{name:"menu"});var q=e.useRef(null),Q=e.useRef(null),V=e.useRef(null),W=!!(T&&k.popup&&k.closeOnEscape),ee=u("menu",W);l({callback:function(e){Se(e)},when:W&&ee,priority:[c.MENU,ee]});var ne=C(s({target:V,overlay:q,listener:function(e,n){n.valid&&(Se(e),R(-1))},when:T}),2),te=ne[0],re=ne[1],ae=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),k.popup&&Se(e),k.popup||F===t||R(t),n.url||(e.preventDefault(),e.stopPropagation()))},oe=function(e){K(!0),k.popup||(-1!==L?(ye(L),U(-1)):ye(0)),k.onFocus&&k.onFocus(e)},ie=function(e){K(!1),R(-1),k.onBlur&&k.onBlur(e)},ue=function(e){switch(e.code){case"ArrowDown":le(e);break;case"ArrowUp":ce(e);break;case"Home":se(e);break;case"End":pe(e);break;case"Enter":me(e);break;case"Space":de(e);break;case"Escape":k.popup&&(h.focus(V.current),Se(e));case"Tab":k.popup&&T&&Se(e)}},le=function(e){var n=fe(F);ye(n),e.preventDefault()},ce=function(e){if(e.altKey&&k.popup)h.focus(V.current),Se(e),e.preventDefault();else{var n=be(F);ye(n),e.preventDefault()}},se=function(e){ye(0),e.preventDefault()},pe=function(e){ye(h.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},me=function(e){var n=h.findSingle(q.current,'li[id="'.concat("".concat(F),'"]')),t=n&&h.findSingle(n,'a[data-pc-section="action"]');k.popup&&h.focus(V.current),t?t.click():n&&n.click(),e.preventDefault()},de=function(e){me(e)},fe=function(e){var n=A(h.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},be=function(e){var n=A(h.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},ye=function(e){var n=h.find(q.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&R(n[t].getAttribute("id"))},ve=function(){return-1!==F?F:null},ge=function(e){k.popup&&(T?Se(e):he(e))},he=function(e){V.current=e.currentTarget,H(!0),k.onShow&&k.onShow(e)},Se=function(e){V.current=e.currentTarget,H(!1),k.onHide&&k.onHide(e)},xe=function(){h.addStyles(q.current,{position:"absolute",top:"0",left:"0"}),g.set("menu",q.current,j&&j.autoZIndex||n.autoZIndex,k.baseZIndex||j&&j.zIndex.menu||n.zIndex.menu),h.absolutePosition(q.current,V.current,k.popupAlignment),k.popup&&(h.focus(Q.current),ye(0))},Ee=function(){te()},Oe=function(){V.current=null,re()},we=function(){g.clear(q.current)};p((function(){N||P(v())})),m((function(){g.clear(q.current)})),e.useImperativeHandle(O,(function(){return{props:k,toggle:ge,show:he,hide:Se,getElement:function(){return q.current},getTarget:function(){return V.current}}}));var je=function(n,t){var r=N+"_sub_"+t,a=n.items.map((function(e,n){return Ie(e,n,r)})),o=w({id:r,key:r,role:"none",className:y(n.className,Y("submenuHeader",{submenu:n})),style:$("submenuHeader",{submenu:n}),"data-p-disabled":n.disabled},G("submenuHeader"));return e.createElement(e.Fragment,{key:r},e.createElement("li",o,n.label),a)},ke=function(n){var t=N+"_separator_"+n,r=w({id:t,key:t,className:Y("separator"),role:"separator"},G("separator"));return e.createElement("li",r)},Ie=function(n,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===n.visible)return null;var a=y("p-menuitem-link",{"p-disabled":n.disabled}),o=y("p-menuitem-icon",n.icon),i=w({className:Y("icon")},G("icon")),u=S.getJSXIcon(n.icon,M({},i),{props:k}),l=w({className:Y("label")},G("label")),c=n.label&&e.createElement("span",l,n.label),s=n.id||(r||N)+"_"+t,p=w({onClick:function(e){return ae(e,n,s)},className:Y("content")},G("content")),m=w({href:n.url||"#",className:Y("action",{item:n}),onFocus:function(e){return e.stopPropagation()},target:n.target,tabIndex:"-1","aria-label":n.label,"aria-hidden":!0,"aria-disabled":n.disabled,"data-p-disabled":n.disabled},G("action")),d=e.createElement("div",p,e.createElement("a",m,u,c,e.createElement(b,null)));n.template&&(d=x.getJSXElement(n.template,n,{onClick:function(e){return ae(e,n,s)},className:a,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:o,element:d,props:k}));var f=w({id:s,key:s,className:y(n.className,Y("menuitem",{focused:F===s})),style:$("menuitem",{item:n}),role:"menuitem","aria-label":n.label,"aria-disabled":n.disabled,"data-p-focused":ve()===s,"data-p-disabled":n.disabled||!1},G("menuitem"));return e.createElement("li",f,d)},Ne=function(e,n){return e.separator?ke(n):e.items?je(e,n):Ie(e,n)},Pe=function(){if(k.model){var n=k.model.map(Ne),t=w({className:y(k.className,Y("root",{context:j})),style:k.style,onClick:function(e){return n=e,void(k.popup&&d.emit("overlay-click",{originalEvent:n,target:V.current}));var n}},B.getOtherProps(k),G("root")),r=w({ref:Q,className:Y("menu"),id:N+"_list",tabIndex:k.tabIndex||"0",role:"menu","aria-label":k.ariaLabel,"aria-labelledby":k.ariaLabelledBy,"aria-activedescendant":J?ve():void 0,onFocus:oe,onKeyDown:ue,onBlur:ie},G("menu")),a=w({classNames:Y("transition"),in:T,timeout:{enter:120,exit:100},options:k.transitionOptions,unmountOnExit:!0,onEnter:xe,onEntered:Ee,onExit:Oe,onExited:we},G("transition"));return e.createElement(o,E({nodeRef:q},a),e.createElement("div",E({id:k.id,ref:q},t),e.createElement("ul",r,n)))}return null}();return k.popup?e.createElement(f,{element:Pe,appendTo:k.appendTo}):Pe})));R.displayName="Menu";export{R as Menu};

package/menu/menu.js

@@ -272,12 +272,13 @@ this.primereact.menu = (function (exports, React, PrimeReact, componentbase, css
     var menuRef = React__namespace.useRef(null);
     var listRef = React__namespace.useRef(null);
     var targetRef = React__namespace.useRef(null);
-    var popupMenuDisplayOrder = hooks.useDisplayOrder('menu', !!(visibleState && props.popup));
+    var isCloseOnEscape = !!(visibleState && props.popup && props.closeOnEscape);
+    var popupMenuDisplayOrder = hooks.useDisplayOrder('menu', isCloseOnEscape);
     hooks.useGlobalOnEscapeKey({
       callback: function callback(event) {
         hide(event);
       },
-      when: visibleState && props.popup && props.closeOnEscape && popupMenuDisplayOrder,
+      when: isCloseOnEscape && popupMenuDisplayOrder,
       priority: [hooks.ESC_KEY_HANDLING_PRIORITIES.MENU, popupMenuDisplayOrder]
     });
     var _useOverlayListener = hooks.useOverlayListener({

package/menu/menu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.menu=function(e,n,t,r,a,i,o,l,u,c){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(n),d=s(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e){if(Array.isArray(e))return g(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){return h(e)||O(e)||S(e)||E()}function j(e){if(Array.isArray(e))return e}function N(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return l}}function w(){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 D(e,n){return j(e)||N(e,n)||S(e,n)||w()}var I=r.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return c.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===d.default.ripple})},menu:"p-menu-list p-reset",content:"p-menuitem-content",action:function(e){return c.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return c.classNames("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return c.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function k(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){var r,a,i;r=e,i=t[n],(a=v(a=n))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=m.memo(m.forwardRef((function(e,n){var s=i.useMergeProps(),p=m.useContext(t.PrimeReactContext),b=I.getProps(e,p),y=D(m.useState(b.id),2),v=y[0],g=y[1],h=D(m.useState(!b.popup),2),O=h[0],S=h[1],E=D(m.useState(-1),2),j=E[0],N=E[1],w=D(m.useState(-1),2),P=w[0],H=w[1],A=D(m.useState(!1),2),_=A[0],T=A[1],C=I.setMetaData({props:b,state:{id:v,visible:O,focused:_}}),U=C.ptm,M=C.cx,R=C.sx;r.useHandleStyle(I.css.styles,C.isUnstyled,{name:"menu"});var Z=m.useRef(null),B=m.useRef(null),F=m.useRef(null),L=i.useDisplayOrder("menu",!(!O||!b.popup));i.useGlobalOnEscapeKey({callback:function(e){ue(e)},when:O&&b.popup&&b.closeOnEscape&&L,priority:[i.ESC_KEY_HANDLING_PRIORITIES.MENU,L]});var K=D(i.useOverlayListener({target:F,overlay:Z,listener:function(e,n){n.valid&&(ue(e),N(-1))},when:O}),2),z=K[0],G=K[1],J=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),b.popup&&ue(e),b.popup||j===t||N(t),n.url||(e.preventDefault(),e.stopPropagation()))},X=function(e){T(!0),b.popup||(-1!==P?(ae(P),H(-1)):ae(0)),b.onFocus&&b.onFocus(e)},Y=function(e){T(!1),N(-1),b.onBlur&&b.onBlur(e)},q=function(e){switch(e.code){case"ArrowDown":$(e);break;case"ArrowUp":Q(e);break;case"Home":V(e);break;case"End":W(e);break;case"Enter":ee(e);break;case"Space":ne(e);break;case"Escape":b.popup&&(c.DomHandler.focus(F.current),ue(e));case"Tab":b.popup&&O&&ue(e)}},$=function(e){var n=te(j);ae(n),e.preventDefault()},Q=function(e){if(e.altKey&&b.popup)c.DomHandler.focus(F.current),ue(e),e.preventDefault();else{var n=re(j);ae(n),e.preventDefault()}},V=function(e){ae(0),e.preventDefault()},W=function(e){ae(c.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},ee=function(e){var n=c.DomHandler.findSingle(Z.current,'li[id="'.concat("".concat(j),'"]')),t=n&&c.DomHandler.findSingle(n,'a[data-pc-section="action"]');b.popup&&c.DomHandler.focus(F.current),t?t.click():n&&n.click(),e.preventDefault()},ne=function(e){ee(e)},te=function(e){var n=x(c.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},re=function(e){var n=x(c.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},ae=function(e){var n=c.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&N(n[t].getAttribute("id"))},ie=function(){return-1!==j?j:null},oe=function(e){b.popup&&(O?ue(e):le(e))},le=function(e){F.current=e.currentTarget,S(!0),b.onShow&&b.onShow(e)},ue=function(e){F.current=e.currentTarget,S(!1),b.onHide&&b.onHide(e)},ce=function(){c.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),c.ZIndexUtils.set("menu",Z.current,p&&p.autoZIndex||d.default.autoZIndex,b.baseZIndex||p&&p.zIndex.menu||d.default.zIndex.menu),c.DomHandler.absolutePosition(Z.current,F.current,b.popupAlignment),b.popup&&(c.DomHandler.focus(B.current),ae(0))},se=function(){z()},pe=function(){F.current=null,G()},me=function(){c.ZIndexUtils.clear(Z.current)};i.useMountEffect((function(){v||g(c.UniqueComponentId())})),i.useUnmountEffect((function(){c.ZIndexUtils.clear(Z.current)})),m.useImperativeHandle(n,(function(){return{props:b,toggle:oe,show:le,hide:ue,getElement:function(){return Z.current},getTarget:function(){return F.current}}}));var de=function(e,n){var t=v+"_sub_"+n,r=e.items.map((function(e,n){return be(e,n,t)})),a=s({id:t,key:t,role:"none",className:c.classNames(e.className,M("submenuHeader",{submenu:e})),style:R("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},U("submenuHeader"));return m.createElement(m.Fragment,{key:t},m.createElement("li",a,e.label),r)},fe=function(e){var n=v+"_separator_"+e,t=s({id:n,key:n,className:M("separator"),role:"separator"},U("separator"));return m.createElement("li",t)},be=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===e.visible)return null;var r=c.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=c.classNames("p-menuitem-icon",e.icon),i=s({className:M("icon")},U("icon")),o=c.IconUtils.getJSXIcon(e.icon,k({},i),{props:b}),l=s({className:M("label")},U("label")),p=e.label&&m.createElement("span",l,e.label),d=e.id||(t||v)+"_"+n,f=s({onClick:function(n){return J(n,e,d)},className:M("content")},U("content")),y=s({href:e.url||"#",className:M("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-hidden":!0,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},U("action")),g=m.createElement("div",f,m.createElement("a",y,o,p,m.createElement(u.Ripple,null)));e.template&&(g=c.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return J(n,e,d)},className:r,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:a,element:g,props:b}));var h=s({id:d,key:d,className:c.classNames(e.className,M("menuitem",{focused:j===d})),style:R("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":ie()===d,"data-p-disabled":e.disabled||!1},U("menuitem"));return m.createElement("li",h,g)},ye=function(e,n){return e.separator?fe(n):e.items?de(e,n):be(e,n)},ve=function(){if(b.model){var e=b.model.map(ye),n=s({className:c.classNames(b.className,M("root",{context:p})),style:b.style,onClick:function(e){return n=e,void(b.popup&&o.OverlayService.emit("overlay-click",{originalEvent:n,target:F.current}));var n}},I.getOtherProps(b),U("root")),t=s({ref:B,className:M("menu"),id:v+"_list",tabIndex:b.tabIndex||"0",role:"menu","aria-label":b.ariaLabel,"aria-labelledby":b.ariaLabelledBy,"aria-activedescendant":_?ie():void 0,onFocus:X,onKeyDown:q,onBlur:Y},U("menu")),r=s({classNames:M("transition"),in:O,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:ce,onEntered:se,onExit:pe,onExited:me},U("transition"));return m.createElement(a.CSSTransition,f({nodeRef:Z},r),m.createElement("div",f({id:b.id,ref:Z},n),m.createElement("ul",t,e)))}return null}();return b.popup?m.createElement(l.Portal,{element:ve,appendTo:b.appendTo}):ve})));return H.displayName="Menu",e.Menu=H,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.menu=function(e,n,t,r,a,i,o,l,u,c){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),n.default=e,Object.freeze(n)}var m=p(n),d=s(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function y(e,n){if("object"!==b(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==b(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function v(e){var n=y(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function h(e){if(Array.isArray(e))return g(e)}function O(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function S(e,n){if(e){if("string"==typeof e)return g(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?g(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e){return h(e)||O(e)||S(e)||E()}function j(e){if(Array.isArray(e))return e}function N(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,i,o,l=[],u=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return l}}function w(){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 D(e,n){return j(e)||N(e,n)||S(e,n)||w()}var I=r.ComponentBase.extend({defaultProps:{__TYPE:"Menu",id:null,ariaLabel:null,ariaLabelledBy:null,tabIndex:0,model:null,popup:!1,popupAlignment:"left",style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,onFocus:null,onBlur:null,transitionOptions:null,onShow:null,onHide:null,children:void 0,closeOnEscape:!0},css:{classes:{root:function(e){var n=e.context;return c.classNames("p-menu p-component",{"p-menu-overlay":e.props.popup,"p-input-filled":n&&"filled"===n.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":n&&!1===n.ripple||!1===d.default.ripple})},menu:"p-menu-list p-reset",content:"p-menuitem-content",action:function(e){return c.classNames("p-menuitem-link",{"p-disabled":e.item.disabled})},menuitem:function(e){return c.classNames("p-menuitem",{"p-focus":e.focused})},submenuHeader:function(e){return c.classNames("p-submenu-header",{"p-disabled":e.submenu.disabled})},separator:"p-menu-separator",label:"p-menuitem-text",icon:"p-menuitem-icon",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-menu-overlay {\n        position: absolute;\n        /* Github #3122: Prevent animation flickering  */\n        top: -9999px;\n        left: -9999px;\n    }\n\n    .p-menu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-menu .p-menuitem-text {\n        line-height: 1;\n    }\n}\n",inlineStyles:{submenuHeader:function(e){return e.submenu.style},menuitem:function(e){return e.item.style}}}});function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function k(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){var r,a,i;r=e,i=t[n],(a=v(a=n))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=m.memo(m.forwardRef((function(e,n){var s=i.useMergeProps(),p=m.useContext(t.PrimeReactContext),b=I.getProps(e,p),y=D(m.useState(b.id),2),v=y[0],g=y[1],h=D(m.useState(!b.popup),2),O=h[0],S=h[1],E=D(m.useState(-1),2),j=E[0],N=E[1],w=D(m.useState(-1),2),P=w[0],H=w[1],A=D(m.useState(!1),2),_=A[0],T=A[1],C=I.setMetaData({props:b,state:{id:v,visible:O,focused:_}}),U=C.ptm,M=C.cx,R=C.sx;r.useHandleStyle(I.css.styles,C.isUnstyled,{name:"menu"});var Z=m.useRef(null),B=m.useRef(null),F=m.useRef(null),L=!!(O&&b.popup&&b.closeOnEscape),K=i.useDisplayOrder("menu",L);i.useGlobalOnEscapeKey({callback:function(e){ce(e)},when:L&&K,priority:[i.ESC_KEY_HANDLING_PRIORITIES.MENU,K]});var z=D(i.useOverlayListener({target:F,overlay:Z,listener:function(e,n){n.valid&&(ce(e),N(-1))},when:O}),2),G=z[0],J=z[1],X=function(e,n,t){n.disabled?e.preventDefault():(n.command&&n.command({originalEvent:e,item:n}),b.popup&&ce(e),b.popup||j===t||N(t),n.url||(e.preventDefault(),e.stopPropagation()))},Y=function(e){T(!0),b.popup||(-1!==P?(ie(P),H(-1)):ie(0)),b.onFocus&&b.onFocus(e)},q=function(e){T(!1),N(-1),b.onBlur&&b.onBlur(e)},$=function(e){switch(e.code){case"ArrowDown":Q(e);break;case"ArrowUp":V(e);break;case"Home":W(e);break;case"End":ee(e);break;case"Enter":ne(e);break;case"Space":te(e);break;case"Escape":b.popup&&(c.DomHandler.focus(F.current),ce(e));case"Tab":b.popup&&O&&ce(e)}},Q=function(e){var n=re(j);ie(n),e.preventDefault()},V=function(e){if(e.altKey&&b.popup)c.DomHandler.focus(F.current),ce(e),e.preventDefault();else{var n=ae(j);ie(n),e.preventDefault()}},W=function(e){ie(0),e.preventDefault()},ee=function(e){ie(c.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]').length-1),e.preventDefault()},ne=function(e){var n=c.DomHandler.findSingle(Z.current,'li[id="'.concat("".concat(j),'"]')),t=n&&c.DomHandler.findSingle(n,'a[data-pc-section="action"]');b.popup&&c.DomHandler.focus(F.current),t?t.click():n&&n.click(),e.preventDefault()},te=function(e){ne(e)},re=function(e){var n=x(c.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n+1:0},ae=function(e){var n=x(c.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]')).findIndex((function(n){return n.id===e}));return n>-1?n-1:0},ie=function(e){var n=c.DomHandler.find(Z.current,'li[data-pc-section="menuitem"][data-p-disabled="false"]'),t=e>=n.length?n.length-1:e<0?0:e;t>-1&&N(n[t].getAttribute("id"))},oe=function(){return-1!==j?j:null},le=function(e){b.popup&&(O?ce(e):ue(e))},ue=function(e){F.current=e.currentTarget,S(!0),b.onShow&&b.onShow(e)},ce=function(e){F.current=e.currentTarget,S(!1),b.onHide&&b.onHide(e)},se=function(){c.DomHandler.addStyles(Z.current,{position:"absolute",top:"0",left:"0"}),c.ZIndexUtils.set("menu",Z.current,p&&p.autoZIndex||d.default.autoZIndex,b.baseZIndex||p&&p.zIndex.menu||d.default.zIndex.menu),c.DomHandler.absolutePosition(Z.current,F.current,b.popupAlignment),b.popup&&(c.DomHandler.focus(B.current),ie(0))},pe=function(){G()},me=function(){F.current=null,J()},de=function(){c.ZIndexUtils.clear(Z.current)};i.useMountEffect((function(){v||g(c.UniqueComponentId())})),i.useUnmountEffect((function(){c.ZIndexUtils.clear(Z.current)})),m.useImperativeHandle(n,(function(){return{props:b,toggle:le,show:ue,hide:ce,getElement:function(){return Z.current},getTarget:function(){return F.current}}}));var fe=function(e,n){var t=v+"_sub_"+n,r=e.items.map((function(e,n){return ye(e,n,t)})),a=s({id:t,key:t,role:"none",className:c.classNames(e.className,M("submenuHeader",{submenu:e})),style:R("submenuHeader",{submenu:e}),"data-p-disabled":e.disabled},U("submenuHeader"));return m.createElement(m.Fragment,{key:t},m.createElement("li",a,e.label),r)},be=function(e){var n=v+"_separator_"+e,t=s({id:n,key:n,className:M("separator"),role:"separator"},U("separator"));return m.createElement("li",t)},ye=function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;if(!1===e.visible)return null;var r=c.classNames("p-menuitem-link",{"p-disabled":e.disabled}),a=c.classNames("p-menuitem-icon",e.icon),i=s({className:M("icon")},U("icon")),o=c.IconUtils.getJSXIcon(e.icon,k({},i),{props:b}),l=s({className:M("label")},U("label")),p=e.label&&m.createElement("span",l,e.label),d=e.id||(t||v)+"_"+n,f=s({onClick:function(n){return X(n,e,d)},className:M("content")},U("content")),y=s({href:e.url||"#",className:M("action",{item:e}),onFocus:function(e){return e.stopPropagation()},target:e.target,tabIndex:"-1","aria-label":e.label,"aria-hidden":!0,"aria-disabled":e.disabled,"data-p-disabled":e.disabled},U("action")),g=m.createElement("div",f,m.createElement("a",y,o,p,m.createElement(u.Ripple,null)));e.template&&(g=c.ObjectUtils.getJSXElement(e.template,e,{onClick:function(n){return X(n,e,d)},className:r,tabIndex:"-1",labelClassName:"p-menuitem-text",iconClassName:a,element:g,props:b}));var h=s({id:d,key:d,className:c.classNames(e.className,M("menuitem",{focused:j===d})),style:R("menuitem",{item:e}),role:"menuitem","aria-label":e.label,"aria-disabled":e.disabled,"data-p-focused":oe()===d,"data-p-disabled":e.disabled||!1},U("menuitem"));return m.createElement("li",h,g)},ve=function(e,n){return e.separator?be(n):e.items?fe(e,n):ye(e,n)},ge=function(){if(b.model){var e=b.model.map(ve),n=s({className:c.classNames(b.className,M("root",{context:p})),style:b.style,onClick:function(e){return n=e,void(b.popup&&o.OverlayService.emit("overlay-click",{originalEvent:n,target:F.current}));var n}},I.getOtherProps(b),U("root")),t=s({ref:B,className:M("menu"),id:v+"_list",tabIndex:b.tabIndex||"0",role:"menu","aria-label":b.ariaLabel,"aria-labelledby":b.ariaLabelledBy,"aria-activedescendant":_?oe():void 0,onFocus:Y,onKeyDown:$,onBlur:q},U("menu")),r=s({classNames:M("transition"),in:O,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:se,onEntered:pe,onExit:me,onExited:de},U("transition"));return m.createElement(a.CSSTransition,f({nodeRef:Z},r),m.createElement("div",f({id:b.id,ref:Z},n),m.createElement("ul",t,e)))}return null}();return b.popup?m.createElement(l.Portal,{element:ge,appendTo:b.appendTo}):ge})));return H.displayName="Menu",e.Menu=H,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.ripple,primereact.utils);

package/menubar/menubar.cjs.js

@@ -226,9 +226,6 @@ var MenubarSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       event.preventDefault();
       return;
     }
-    if (!item.url) {
-      event.preventDefault();
-    }
     if (item.command) {
       item.command({
         originalEvent: event,
@@ -240,14 +237,19 @@ var MenubarSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       processedItem: processedItem,
       isFocus: true
     });
+    if (!item.url) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
   };
   var onLeafClick = function onLeafClick(event) {
     props.onLeafClick && props.onLeafClick(event);
   };
   var getItemId = function getItemId(processedItem) {
-    if (processedItem.item && processedItem.item.id) {
-      return processedItem.item.id;
-    }
+    var _processedItem$item;
+    return (_processedItem$item = processedItem.item) === null || _processedItem$item === void 0 ? void 0 : _processedItem$item.id;
+  };
+  var getItemDataId = function getItemDataId(processedItem) {
     return "".concat(props.id, "_").concat(processedItem.key);
   };
   var getItemProp = function getItemProp(processedItem, name, params) {
@@ -265,7 +267,7 @@ var MenubarSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     return getItemProp(processedItem, 'disabled');
   };
   var isItemFocused = function isItemFocused(processedItem) {
-    return props.focusedItemId === getItemId(processedItem);
+    return props.focusedItemId === getItemDataId(processedItem);
   };
   var isItemGroup = function isItemGroup(processedItem) {
     return utils.ObjectUtils.isNotEmpty(processedItem.items);
@@ -283,8 +285,8 @@ var MenubarSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   var createSeparator = function createSeparator(index) {
     var key = props.id + '_separator_' + index;
     var separatorProps = mergeProps({
-      id: key,
       key: key,
+      'data-id': key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator', {
@@ -320,7 +322,8 @@ var MenubarSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     if (!isItemVisible(processedItem)) {
       return null;
     }
-    var key = getItemId(processedItem);
+    var id = getItemId(processedItem);
+    var dataId = getItemDataId(processedItem);
     var active = isItemActive(processedItem);
     var focused = isItemFocused(processedItem);
     var disabled = isItemDisabled(processedItem) || false;
@@ -386,8 +389,9 @@ var MenubarSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     }, getPTOptions(processedItem, 'content', index));
     var itemClassName = getItemProp(processedItem, 'className');
     var menuitemProps = mergeProps(_defineProperty({
-      id: key,
-      key: key,
+      id: id,
+      key: dataId,
+      'data-id': dataId,
       role: 'menuitem',
       'aria-label': item.label,
       'aria-disabled': disabled,
@@ -424,7 +428,7 @@ var MenubarSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     onFocus: props.onFocus,
     onBlur: props.onBlur,
     onKeyDown: props.onKeyDown,
-    id: props.id,
+    'data-id': props.id,
     tabIndex: tabIndex,
     'aria-activedescendant': props.ariaActivedescendant,
     style: props.style,
@@ -847,7 +851,7 @@ var Menubar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   };
   var onEnterKey = function onEnterKey(event) {
     if (focusedItemInfo.index !== -1) {
-      var element = utils.DomHandler.findSingle(rootMenuRef.current, "li[id=\"".concat("".concat(focusedItemId), "\"]"));
+      var element = utils.DomHandler.findSingle(rootMenuRef.current, "li[data-id=\"".concat("".concat(focusedItemId), "\"]"));
       var anchorElement = element && utils.DomHandler.findSingle(element, 'a[data-pc-section="action"]');
       anchorElement ? anchorElement.click() : element && element.click();
     }
@@ -968,7 +972,7 @@ var Menubar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.
   var scrollInView = function scrollInView() {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     var id = index !== -1 ? "".concat(idState, "_").concat(index) : focusedItemId;
-    var element = utils.DomHandler.findSingle(rootMenuRef.current, "li[id=\"".concat(id, "\"]"));
+    var element = utils.DomHandler.findSingle(rootMenuRef.current, "li[data-id=\"".concat(id, "\"]"));
     if (element) {
       element.scrollIntoView && element.scrollIntoView({
         block: 'nearest',