primereact 8.7.3 → 9.0.0-beta.1

package/mention/mention.min.js

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

package/menu/menu.cjs.js

@@ -313,7 +313,9 @@ var Menu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.for
     if (props.model) {
       var otherProps = utils.ObjectUtils.findDiffKeys(props, Menu.defaultProps);
       var className = utils.classNames('p-menu p-component', {
-        'p-menu-overlay': props.popup
+        'p-menu-overlay': props.popup,
+        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
       }, props.className);
       var menuitems = createMenu();
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {

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/csstransition"),r=require("primereact/hooks"),a=require("primereact/overlayservice"),l=require("primereact/portal"),u=require("primereact/utils");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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 s=o(e),c=i(n);function m(){return m=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},m.apply(this,arguments)}function p(e){if(Array.isArray(e))return e}function f(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l,u,i=[],o=!0,s=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;o=!1}else for(;!(o=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(s)throw a}}return i}}function d(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 b(e,n){if(e){if("string"==typeof e)return d(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)?d(e,n):void 0}}function v(){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 y(e,n){return p(e)||f(e,n)||b(e,n)||v()}var g=s.memo(s.forwardRef((function(e,n){var i=y(s.useState(!e.popup),2),o=i[0],p=i[1],f=s.useRef(null),d=s.useRef(null),b=y(r.useOverlayListener({target:d,overlay:f,listener:function(e,n){n.valid&&S(e)},when:o}),2),v=b[0],h=b[1],E=function(n){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:d.current})},N=function(n,t){t.disabled?n.preventDefault():(t.url||n.preventDefault(),t.command&&t.command({originalEvent:n,item:t}),e.popup&&S(n))},O=function(e,n){var t=e.currentTarget.parentElement;switch(e.which){case 40:var r=x(t);r&&r.children[0].focus(),e.preventDefault();break;case 38:var a=j(t);a&&a.children[0].focus(),e.preventDefault()}},x=function e(n){var t=n.nextElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},j=function e(n){var t=n.previousElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},w=function(n){e.popup&&(o?S(n):I(n))},I=function(n){d.current=n.currentTarget,p(!0),e.onShow&&e.onShow(n)},S=function(n){d.current=n.currentTarget,p(!1),e.onHide&&e.onHide(n)},D=function(){u.ZIndexUtils.set("menu",f.current,c.default.autoZIndex,e.baseZIndex||c.default.zIndex.menu),u.DomHandler.absolutePosition(f.current,d.current)},k=function(){v()},C=function(){d.current=null,h()},T=function(){u.ZIndexUtils.clear(f.current)};r.useUnmountEffect((function(){u.ZIndexUtils.clear(f.current)})),s.useImperativeHandle(n,(function(){return{props:e,toggle:w,show:I,hide:S,getElement:function(){return f.current},getTarget:function(){return d.current}}}));var H=function(e,n){var t=e.label+"_"+n,r=u.classNames("p-submenu-header",{"p-disabled":e.disabled},e.className),a=e.items.map(_);return s.createElement(s.Fragment,{key:t},s.createElement("li",{className:r,style:e.style,role:"presentation"},e.label),a)},P=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},_=function(n,t){if(!1===n.visible)return null;var r=u.classNames("p-menuitem",n.className),a=u.classNames("p-menuitem-link",{"p-disabled":n.disabled}),l=u.classNames("p-menuitem-icon",n.icon),i=u.IconUtils.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:e}),o=n.disabled?null:0,c=n.label+"_"+t,m=s.createElement("a",{href:n.url||"#",className:a,role:"menuitem",target:n.target,onClick:function(e){return N(e,n)},onKeyDown:function(e){return O(e)},tabIndex:o,"aria-disabled":n.disabled},i,n.label&&s.createElement("span",{className:"p-menuitem-text"},n.label));n.template&&(m=u.ObjectUtils.getJSXElement(n.template,n,{onClick:function(e){return N(e,n)},onKeyDown:function(e){return O(e)},className:a,tabIndex:o,labelClassName:"p-menuitem-text",iconClassName:l,element:m,props:e}));return s.createElement("li",{key:c,className:r,style:n.style,role:"none"},m)},U=function(e,n){return e.separator?P(n):e.items?H(e,n):_(e,n)},q=function(){if(e.model){var n=u.ObjectUtils.findDiffKeys(e,g.defaultProps),r=u.classNames("p-menu p-component",{"p-menu-overlay":e.popup},e.className),a=e.model.map(U);return s.createElement(t.CSSTransition,{nodeRef:f,classNames:"p-connected-overlay",in:o,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:D,onEntered:k,onExit:C,onExited:T},s.createElement("div",m({ref:f,id:e.id,className:r,style:e.style},n,{onClick:E}),s.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},a)))}return null}();return e.popup?s.createElement(l.Portal,{element:q,appendTo:e.appendTo}):q})));g.displayName="Menu",g.defaultProps={__TYPE:"Menu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.Menu=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),n=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/overlayservice"),l=require("primereact/portal"),i=require("primereact/utils");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(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 s=o(e),c=u(t);function p(){return p=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},p.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,u=[],o=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return u}}function d(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e,t){if(e){if("string"==typeof e)return d(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)?d(e,t):void 0}}function v(){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 y(e,t){return m(e)||f(e,t)||b(e,t)||v()}var g=s.memo(s.forwardRef((function(e,t){var u=y(s.useState(!e.popup),2),o=u[0],m=u[1],f=s.useRef(null),d=s.useRef(null),b=y(r.useOverlayListener({target:d,overlay:f,listener:function(e,t){t.valid&&I(e)},when:o}),2),v=b[0],h=b[1],E=function(t){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:t,target:d.current})},N=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.popup&&I(t))},O=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var r=x(n);r&&r.children[0].focus(),e.preventDefault();break;case 38:var a=j(n);a&&a.children[0].focus(),e.preventDefault()}},x=function e(t){var n=t.nextElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||!i.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},j=function e(t){var n=t.previousElementSibling;return n?i.DomHandler.hasClass(n,"p-disabled")||!i.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},S=function(t){e.popup&&(o?I(t):w(t))},w=function(t){d.current=t.currentTarget,m(!0),e.onShow&&e.onShow(t)},I=function(t){d.current=t.currentTarget,m(!1),e.onHide&&e.onHide(t)},D=function(){i.ZIndexUtils.set("menu",f.current,c.default.autoZIndex,e.baseZIndex||c.default.zIndex.menu),i.DomHandler.absolutePosition(f.current,d.current)},k=function(){v()},C=function(){d.current=null,h()},T=function(){i.ZIndexUtils.clear(f.current)};r.useUnmountEffect((function(){i.ZIndexUtils.clear(f.current)})),s.useImperativeHandle(t,(function(){return{props:e,toggle:S,show:w,hide:I,getElement:function(){return f.current},getTarget:function(){return d.current}}}));var H=function(e,t){var n=e.label+"_"+t,r=i.classNames("p-submenu-header",{"p-disabled":e.disabled},e.className),a=e.items.map(_);return s.createElement(s.Fragment,{key:n},s.createElement("li",{className:r,style:e.style,role:"presentation"},e.label),a)},P=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},_=function(t,n){if(!1===t.visible)return null;var r=i.classNames("p-menuitem",t.className),a=i.classNames("p-menuitem-link",{"p-disabled":t.disabled}),l=i.classNames("p-menuitem-icon",t.icon),u=i.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),o=t.disabled?null:0,c=t.label+"_"+n,p=s.createElement("a",{href:t.url||"#",className:a,role:"menuitem",target:t.target,onClick:function(e){return N(e,t)},onKeyDown:function(e){return O(e)},tabIndex:o,"aria-disabled":t.disabled},u,t.label&&s.createElement("span",{className:"p-menuitem-text"},t.label));t.template&&(p=i.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return N(e,t)},onKeyDown:function(e){return O(e)},className:a,tabIndex:o,labelClassName:"p-menuitem-text",iconClassName:l,element:p,props:e}));return s.createElement("li",{key:c,className:r,style:t.style,role:"none"},p)},U=function(e,t){return e.separator?P(t):e.items?H(e,t):_(e,t)},q=function(){if(e.model){var t=i.ObjectUtils.findDiffKeys(e,g.defaultProps),r=i.classNames("p-menu p-component",{"p-menu-overlay":e.popup,"p-input-filled":"filled"===c.default.inputStyle,"p-ripple-disabled":!1===c.default.ripple},e.className),a=e.model.map(U);return s.createElement(n.CSSTransition,{nodeRef:f,classNames:"p-connected-overlay",in:o,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:D,onEntered:k,onExit:C,onExited:T},s.createElement("div",p({ref:f,id:e.id,className:r,style:e.style},t,{onClick:E}),s.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},a)))}return null}();return e.popup?s.createElement(l.Portal,{element:q,appendTo:e.appendTo}):q})));g.displayName="Menu",g.defaultProps={__TYPE:"Menu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.Menu=g;

package/menu/menu.d.ts

@@ -1,25 +1,102 @@
+/**
+ *
+ * Menu is a navigation/command component that supports dynamic and static positioning.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/menu/)
+ *
+ * @module menu
+ *
+ */
 import * as React from 'react';
-import { MenuItem } from '../menuitem';
 import { CSSTransitionProps } from '../csstransition';
+import { MenuItem } from '../menuitem';
 
-type MenuAppendToType = 'self' | HTMLElement | undefined | null;
-
+/**
+ * Defines valid properties in Menu component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface MenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    model?: MenuItem[];
-    popup?: boolean;
-    autoZIndex?: boolean;
-    baseZIndex?: number;
-    appendTo?: MenuAppendToType;
-    transitionOptions?: CSSTransitionProps;
-    onShow?(e: React.SyntheticEvent): void;
-    onHide?(e: React.SyntheticEvent): void;
-    children?: React.ReactNode;
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * Defines if menu would displayed as a popup.
+     * @defaultValue false
+     */
+    popup?: boolean | undefined;
+    /**
+     * Whether to automatically manage layering.
+     * @defaultValue true
+     */
+    autoZIndex?: boolean | undefined;
+    /**
+     * Base zIndex value to use in layering.
+     * @defaultValue 0
+     */
+    baseZIndex?: number | undefined;
+    /**
+     * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
+     * @defaultValue document.body
+     */
+    appendTo?: 'self' | HTMLElement | null | undefined;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     * @type {CSSTransitionProps}
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Callback to invoke when a popup menu is shown.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onShow?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when a popup menu is hidden.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onHide?(event: React.SyntheticEvent): void;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Menu**
+ *
+ * _Menu is a navigation/command component that supports dynamic and static positioning._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/menu/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Menu extends React.Component<MenuProps, any> {
+    /**
+     * Toggles the visibility of the popup menu.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
     public toggle(event: React.SyntheticEvent): void;
+    /**
+     * Displays the popup menu.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
     public show(event: React.SyntheticEvent): void;
+    /**
+     * Hides the popup menu.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
     public hide(event: React.SyntheticEvent): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to get target element.
+     * @return {EventTarget} Target element
+     */
     public getTarget(): EventTarget | null;
 }

package/menu/menu.esm.js

@@ -286,7 +286,9 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
     if (props.model) {
       var otherProps = ObjectUtils.findDiffKeys(props, Menu.defaultProps);
       var className = classNames('p-menu p-component', {
-        'p-menu-overlay': props.popup
+        'p-menu-overlay': props.popup,
+        'p-input-filled': PrimeReact.inputStyle === 'filled',
+        'p-ripple-disabled': PrimeReact.ripple === false
       }, props.className);
       var menuitems = createMenu();
       return /*#__PURE__*/React.createElement(CSSTransition, {

package/menu/menu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useOverlayListener as r,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as l}from"primereact/overlayservice";import{Portal as o}from"primereact/portal";import{ZIndexUtils as i,ObjectUtils as u,classNames as c,DomHandler as s,IconUtils as m}from"primereact/utils";function p(){return p=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},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l,o,i=[],u=!0,c=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=l.call(t)).done)&&(i.push(r.value),i.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 i}}function b(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 v(e,n){if(e){if("string"==typeof e)return b(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)?b(e,n):void 0}}function y(){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 h(e,n){return f(e)||d(e,n)||v(e,n)||y()}var g=e.memo(e.forwardRef((function(f,d){var b=h(e.useState(!f.popup),2),v=b[0],y=b[1],E=e.useRef(null),N=e.useRef(null),x=h(r({target:N,overlay:E,listener:function(e,n){n.valid&&A(e)},when:v}),2),w=x[0],S=x[1],I=function(e){f.popup&&l.emit("overlay-click",{originalEvent:e,target:N.current})},O=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),f.popup&&A(e))},k=function(e,n){var t=e.currentTarget.parentElement;switch(e.which){case 40:var r=C(t);r&&r.children[0].focus(),e.preventDefault();break;case 38:var a=T(t);a&&a.children[0].focus(),e.preventDefault()}},C=function e(n){var t=n.nextElementSibling;return t?s.hasClass(t,"p-disabled")||!s.hasClass(t,"p-menuitem")?e(t):t:null},T=function e(n){var t=n.previousElementSibling;return t?s.hasClass(t,"p-disabled")||!s.hasClass(t,"p-menuitem")?e(t):t:null},j=function(e){f.popup&&(v?A(e):D(e))},D=function(e){N.current=e.currentTarget,y(!0),f.onShow&&f.onShow(e)},A=function(e){N.current=e.currentTarget,y(!1),f.onHide&&f.onHide(e)},P=function(){i.set("menu",E.current,n.autoZIndex,f.baseZIndex||n.zIndex.menu),s.absolutePosition(E.current,N.current)},_=function(){w()},H=function(){N.current=null,S()},R=function(){i.clear(E.current)};a((function(){i.clear(E.current)})),e.useImperativeHandle(d,(function(){return{props:f,toggle:j,show:D,hide:A,getElement:function(){return E.current},getTarget:function(){return N.current}}}));var Z=function(n,t){var r=n.label+"_"+t,a=c("p-submenu-header",{"p-disabled":n.disabled},n.className),l=n.items.map(M);return e.createElement(e.Fragment,{key:r},e.createElement("li",{className:a,style:n.style,role:"presentation"},n.label),l)},K=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},M=function(n,t){if(!1===n.visible)return null;var r=c("p-menuitem",n.className),a=c("p-menuitem-link",{"p-disabled":n.disabled}),l=c("p-menuitem-icon",n.icon),o=m.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:f}),i=n.disabled?null:0,s=n.label+"_"+t,p=e.createElement("a",{href:n.url||"#",className:a,role:"menuitem",target:n.target,onClick:function(e){return O(e,n)},onKeyDown:function(e){return k(e)},tabIndex:i,"aria-disabled":n.disabled},o,n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label));n.template&&(p=u.getJSXElement(n.template,n,{onClick:function(e){return O(e,n)},onKeyDown:function(e){return k(e)},className:a,tabIndex:i,labelClassName:"p-menuitem-text",iconClassName:l,element:p,props:f}));return e.createElement("li",{key:s,className:r,style:n.style,role:"none"},p)},J=function(e,n){return e.separator?K(n):e.items?Z(e,n):M(e,n)},X=function(){if(f.model){var n=u.findDiffKeys(f,g.defaultProps),r=c("p-menu p-component",{"p-menu-overlay":f.popup},f.className),a=f.model.map(J);return e.createElement(t,{nodeRef:E,classNames:"p-connected-overlay",in:v,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:P,onEntered:_,onExit:H,onExited:R},e.createElement("div",p({ref:E,id:f.id,className:r,style:f.style},n,{onClick:I}),e.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},a)))}return null}();return f.popup?e.createElement(o,{element:X,appendTo:f.appendTo}):X})));g.displayName="Menu",g.defaultProps={__TYPE:"Menu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{g as Menu};
+import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useOverlayListener as r,useUnmountEffect as a}from"primereact/hooks";import{OverlayService as l}from"primereact/overlayservice";import{Portal as o}from"primereact/portal";import{ZIndexUtils as i,ObjectUtils as u,classNames as s,DomHandler as c,IconUtils as p}from"primereact/utils";function m(){return m=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},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l,o,i=[],u=!0,s=!1;try{if(l=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;u=!1}else for(;!(u=(r=l.call(t)).done)&&(i.push(r.value),i.length!==n);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function b(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 y(e,n){if(e){if("string"==typeof e)return b(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)?b(e,n):void 0}}function v(){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 h(e,n){return f(e)||d(e,n)||y(e,n)||v()}var g=e.memo(e.forwardRef((function(f,d){var b=h(e.useState(!f.popup),2),y=b[0],v=b[1],E=e.useRef(null),N=e.useRef(null),x=h(r({target:N,overlay:E,listener:function(e,n){n.valid&&A(e)},when:y}),2),w=x[0],S=x[1],I=function(e){f.popup&&l.emit("overlay-click",{originalEvent:e,target:N.current})},O=function(e,n){n.disabled?e.preventDefault():(n.url||e.preventDefault(),n.command&&n.command({originalEvent:e,item:n}),f.popup&&A(e))},k=function(e,n){var t=e.currentTarget.parentElement;switch(e.which){case 40:var r=C(t);r&&r.children[0].focus(),e.preventDefault();break;case 38:var a=T(t);a&&a.children[0].focus(),e.preventDefault()}},C=function e(n){var t=n.nextElementSibling;return t?c.hasClass(t,"p-disabled")||!c.hasClass(t,"p-menuitem")?e(t):t:null},T=function e(n){var t=n.previousElementSibling;return t?c.hasClass(t,"p-disabled")||!c.hasClass(t,"p-menuitem")?e(t):t:null},j=function(e){f.popup&&(y?A(e):D(e))},D=function(e){N.current=e.currentTarget,v(!0),f.onShow&&f.onShow(e)},A=function(e){N.current=e.currentTarget,v(!1),f.onHide&&f.onHide(e)},P=function(){i.set("menu",E.current,n.autoZIndex,f.baseZIndex||n.zIndex.menu),c.absolutePosition(E.current,N.current)},_=function(){w()},H=function(){N.current=null,S()},R=function(){i.clear(E.current)};a((function(){i.clear(E.current)})),e.useImperativeHandle(d,(function(){return{props:f,toggle:j,show:D,hide:A,getElement:function(){return E.current},getTarget:function(){return N.current}}}));var Z=function(n,t){var r=n.label+"_"+t,a=s("p-submenu-header",{"p-disabled":n.disabled},n.className),l=n.items.map(M);return e.createElement(e.Fragment,{key:r},e.createElement("li",{className:a,style:n.style,role:"presentation"},n.label),l)},K=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},M=function(n,t){if(!1===n.visible)return null;var r=s("p-menuitem",n.className),a=s("p-menuitem-link",{"p-disabled":n.disabled}),l=s("p-menuitem-icon",n.icon),o=p.getJSXIcon(n.icon,{className:"p-menuitem-icon"},{props:f}),i=n.disabled?null:0,c=n.label+"_"+t,m=e.createElement("a",{href:n.url||"#",className:a,role:"menuitem",target:n.target,onClick:function(e){return O(e,n)},onKeyDown:function(e){return k(e)},tabIndex:i,"aria-disabled":n.disabled},o,n.label&&e.createElement("span",{className:"p-menuitem-text"},n.label));n.template&&(m=u.getJSXElement(n.template,n,{onClick:function(e){return O(e,n)},onKeyDown:function(e){return k(e)},className:a,tabIndex:i,labelClassName:"p-menuitem-text",iconClassName:l,element:m,props:f}));return e.createElement("li",{key:c,className:r,style:n.style,role:"none"},m)},J=function(e,n){return e.separator?K(n):e.items?Z(e,n):M(e,n)},X=function(){if(f.model){var r=u.findDiffKeys(f,g.defaultProps),a=s("p-menu p-component",{"p-menu-overlay":f.popup,"p-input-filled":"filled"===n.inputStyle,"p-ripple-disabled":!1===n.ripple},f.className),l=f.model.map(J);return e.createElement(t,{nodeRef:E,classNames:"p-connected-overlay",in:y,timeout:{enter:120,exit:100},options:f.transitionOptions,unmountOnExit:!0,onEnter:P,onEntered:_,onExit:H,onExited:R},e.createElement("div",m({ref:E,id:f.id,className:a,style:f.style},r,{onClick:I}),e.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},l)))}return null}();return f.popup?e.createElement(o,{element:X,appendTo:f.appendTo}):X})));g.displayName="Menu",g.defaultProps={__TYPE:"Menu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{g as Menu};

package/menu/menu.js

@@ -305,7 +305,9 @@ this.primereact.menu = (function (exports, React, PrimeReact, csstransition, hoo
       if (props.model) {
         var otherProps = utils.ObjectUtils.findDiffKeys(props, Menu.defaultProps);
         var className = utils.classNames('p-menu p-component', {
-          'p-menu-overlay': props.popup
+          'p-menu-overlay': props.popup,
+          'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+          'p-ripple-disabled': PrimeReact__default["default"].ripple === false
         }, props.className);
         var menuitems = createMenu();
         return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {

package/menu/menu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.menu=function(e,t,n,r,a,l,i,o){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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 c=s(t),m=u(n);function p(){return p=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},p.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,o=[],u=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(o.push(r.value),o.length!==t);u=!0);}catch(e){s=!0,a=e}finally{try{if(!u&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return o}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function y(){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 h(e,t){return f(e)||d(e,t)||v(e,t)||y()}var g=c.memo(c.forwardRef((function(e,t){var n=h(c.useState(!e.popup),2),u=n[0],s=n[1],f=c.useRef(null),d=c.useRef(null),b=h(a.useOverlayListener({target:d,overlay:f,listener:function(e,t){t.valid&&S(e)},when:u}),2),v=b[0],y=b[1],E=function(t){e.popup&&l.OverlayService.emit("overlay-click",{originalEvent:t,target:d.current})},N=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.popup&&S(t))},O=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var r=x(n);r&&r.children[0].focus(),e.preventDefault();break;case 38:var a=j(n);a&&a.children[0].focus(),e.preventDefault()}},x=function e(t){var n=t.nextElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},j=function e(t){var n=t.previousElementSibling;return n?o.DomHandler.hasClass(n,"p-disabled")||!o.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},w=function(t){e.popup&&(u?S(t):I(t))},I=function(t){d.current=t.currentTarget,s(!0),e.onShow&&e.onShow(t)},S=function(t){d.current=t.currentTarget,s(!1),e.onHide&&e.onHide(t)},D=function(){o.ZIndexUtils.set("menu",f.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),o.DomHandler.absolutePosition(f.current,d.current)},k=function(){v()},C=function(){d.current=null,y()},T=function(){o.ZIndexUtils.clear(f.current)};a.useUnmountEffect((function(){o.ZIndexUtils.clear(f.current)})),c.useImperativeHandle(t,(function(){return{props:e,toggle:w,show:I,hide:S,getElement:function(){return f.current},getTarget:function(){return d.current}}}));var H=function(e,t){var n=e.label+"_"+t,r=o.classNames("p-submenu-header",{"p-disabled":e.disabled},e.className),a=e.items.map(_);return c.createElement(c.Fragment,{key:n},c.createElement("li",{className:r,style:e.style,role:"presentation"},e.label),a)},P=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},_=function(t,n){if(!1===t.visible)return null;var r=o.classNames("p-menuitem",t.className),a=o.classNames("p-menuitem-link",{"p-disabled":t.disabled}),l=o.classNames("p-menuitem-icon",t.icon),i=o.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),u=t.disabled?null:0,s=t.label+"_"+n,m=c.createElement("a",{href:t.url||"#",className:a,role:"menuitem",target:t.target,onClick:function(e){return N(e,t)},onKeyDown:function(e){return O(e)},tabIndex:u,"aria-disabled":t.disabled},i,t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label));t.template&&(m=o.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return N(e,t)},onKeyDown:function(e){return O(e)},className:a,tabIndex:u,labelClassName:"p-menuitem-text",iconClassName:l,element:m,props:e}));return c.createElement("li",{key:s,className:r,style:t.style,role:"none"},m)},U=function(e,t){return e.separator?P(t):e.items?H(e,t):_(e,t)},Z=function(){if(e.model){var t=o.ObjectUtils.findDiffKeys(e,g.defaultProps),n=o.classNames("p-menu p-component",{"p-menu-overlay":e.popup},e.className),a=e.model.map(U);return c.createElement(r.CSSTransition,{nodeRef:f,classNames:"p-connected-overlay",in:u,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:D,onEntered:k,onExit:C,onExited:T},c.createElement("div",p({ref:f,id:e.id,className:n,style:e.style},t,{onClick:E}),c.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},a)))}return null}();return e.popup?c.createElement(i.Portal,{element:Z,appendTo:e.appendTo}):Z})));return g.displayName="Menu",g.defaultProps={__TYPE:"Menu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.Menu=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.menu=function(e,t,n,r,a,l,i,u){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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 c=s(t),p=o(n);function m(){return m=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l,i,u=[],o=!0,s=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;o=!1}else for(;!(o=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{if(!o&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(s)throw a}}return u}}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e,t){if(e){if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?b(e,t):void 0}}function v(){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 h(e,t){return f(e)||d(e,t)||y(e,t)||v()}var g=c.memo(c.forwardRef((function(e,t){var n=h(c.useState(!e.popup),2),o=n[0],s=n[1],f=c.useRef(null),d=c.useRef(null),b=h(a.useOverlayListener({target:d,overlay:f,listener:function(e,t){t.valid&&I(e)},when:o}),2),y=b[0],v=b[1],E=function(t){e.popup&&l.OverlayService.emit("overlay-click",{originalEvent:t,target:d.current})},N=function(t,n){n.disabled?t.preventDefault():(n.url||t.preventDefault(),n.command&&n.command({originalEvent:t,item:n}),e.popup&&I(t))},O=function(e,t){var n=e.currentTarget.parentElement;switch(e.which){case 40:var r=x(n);r&&r.children[0].focus(),e.preventDefault();break;case 38:var a=j(n);a&&a.children[0].focus(),e.preventDefault()}},x=function e(t){var n=t.nextElementSibling;return n?u.DomHandler.hasClass(n,"p-disabled")||!u.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},j=function e(t){var n=t.previousElementSibling;return n?u.DomHandler.hasClass(n,"p-disabled")||!u.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},S=function(t){e.popup&&(o?I(t):w(t))},w=function(t){d.current=t.currentTarget,s(!0),e.onShow&&e.onShow(t)},I=function(t){d.current=t.currentTarget,s(!1),e.onHide&&e.onHide(t)},D=function(){u.ZIndexUtils.set("menu",f.current,p.default.autoZIndex,e.baseZIndex||p.default.zIndex.menu),u.DomHandler.absolutePosition(f.current,d.current)},k=function(){y()},C=function(){d.current=null,v()},T=function(){u.ZIndexUtils.clear(f.current)};a.useUnmountEffect((function(){u.ZIndexUtils.clear(f.current)})),c.useImperativeHandle(t,(function(){return{props:e,toggle:S,show:w,hide:I,getElement:function(){return f.current},getTarget:function(){return d.current}}}));var H=function(e,t){var n=e.label+"_"+t,r=u.classNames("p-submenu-header",{"p-disabled":e.disabled},e.className),a=e.items.map(_);return c.createElement(c.Fragment,{key:n},c.createElement("li",{className:r,style:e.style,role:"presentation"},e.label),a)},P=function(e){return c.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},_=function(t,n){if(!1===t.visible)return null;var r=u.classNames("p-menuitem",t.className),a=u.classNames("p-menuitem-link",{"p-disabled":t.disabled}),l=u.classNames("p-menuitem-icon",t.icon),i=u.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e}),o=t.disabled?null:0,s=t.label+"_"+n,p=c.createElement("a",{href:t.url||"#",className:a,role:"menuitem",target:t.target,onClick:function(e){return N(e,t)},onKeyDown:function(e){return O(e)},tabIndex:o,"aria-disabled":t.disabled},i,t.label&&c.createElement("span",{className:"p-menuitem-text"},t.label));t.template&&(p=u.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return N(e,t)},onKeyDown:function(e){return O(e)},className:a,tabIndex:o,labelClassName:"p-menuitem-text",iconClassName:l,element:p,props:e}));return c.createElement("li",{key:s,className:r,style:t.style,role:"none"},p)},U=function(e,t){return e.separator?P(t):e.items?H(e,t):_(e,t)},Z=function(){if(e.model){var t=u.ObjectUtils.findDiffKeys(e,g.defaultProps),n=u.classNames("p-menu p-component",{"p-menu-overlay":e.popup,"p-input-filled":"filled"===p.default.inputStyle,"p-ripple-disabled":!1===p.default.ripple},e.className),a=e.model.map(U);return c.createElement(r.CSSTransition,{nodeRef:f,classNames:"p-connected-overlay",in:o,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:D,onEntered:k,onExit:C,onExited:T},c.createElement("div",m({ref:f,id:e.id,className:n,style:e.style},t,{onClick:E}),c.createElement("ul",{className:"p-menu-list p-reset",role:"menu"},a)))}return null}();return e.popup?c.createElement(i.Portal,{element:Z,appendTo:e.appendTo}):Z})));return g.displayName="Menu",g.defaultProps={__TYPE:"Menu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.Menu=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils);

package/menubar/menubar.d.ts

@@ -1,19 +1,64 @@
+/**
+ *
+ * Manubar is an input component that provides real-time suggestions when being typed.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/menubar/)
+ *
+ * @module menubar
+ *
+ */
 import * as React from 'react';
 import { MenuItem } from '../menuitem';
 
-type MenubarStartTemplate = React.ReactNode | ((props: MenubarProps) => React.ReactNode);
-
-type MenubarEndTemplate = React.ReactNode | ((props: MenubarProps) => React.ReactNode);
-
+/**
+ * Defines valid properties in Menubar component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface MenubarProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    model?: MenuItem[];
-    start?: MenubarStartTemplate;
-    end?: MenubarEndTemplate;
-    children?: React.ReactNode;
+    /**
+     * An array of menuitems.
+     */
+    model?: MenuItem[] | undefined;
+    /**
+     * The template of starting element.
+     */
+    start?: React.ReactNode | ((props: MenubarProps) => React.ReactNode);
+    /**
+     * The template of trailing element.
+     */
+    end?: React.ReactNode | ((props: MenubarProps) => React.ReactNode);
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Menubar**
+ *
+ * _Manubar is an input component that provides real-time suggestions when being typed._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/menubar/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Menubar extends React.Component<MenubarProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
+    /**
+     * Used to get root menu element.
+     * @return {HTMLElement} Root menu element
+     */
     public getRootMenu(): HTMLElement;
+    /**
+     * Used to get menu button element.
+     * @return {HTMLElement} Menu button element
+     */
     public getMenuButton(): HTMLElement;
 }

package/menuitem/menuitem.d.ts

@@ -1,35 +1,130 @@
-import React from 'react';
+/**
+ *
+ * PrimeReact menus components share a common api to specify the menuitems and submenus.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/menumodel/)
+ *
+ * @module menuitem
+ *
+ */
+import * as React from 'react';
 
-interface MenuItemCommandParams {
+/**
+ * Custom command event.
+ * @see {@link MenuItem.command}
+ * @event
+ */
+interface MenuItemCommandEvent {
+    /**
+     * Browser event
+     */
     originalEvent: React.SyntheticEvent;
+    /**
+     * Selected item instance.
+     */
     item: MenuItem;
 }
 
+/**
+ * Menu item options
+ * @group Misc
+ */
 interface MenuItemOptions {
+    /**
+     * Callback to invoke on click.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
     onClick(event: React.SyntheticEvent): void;
+    /**
+     * Style class of the component.
+     */
     className: string;
+    /**
+     * Style class of the label element.
+     */
     labelClassName: string;
+    /**
+     * Class name of the options icon.
+     */
     iconClassName: string;
+    /**
+     * Default element created by the component.
+     */
     element: React.ReactNode;
+    /**
+     * All component props
+     */
     props: any;
 }
 
-type MenuItemTemplateType = React.ReactNode | ((item: MenuItem, options: MenuItemOptions) => React.ReactNode);
-
+/**
+ * Defines valid properties in MenuItem API.
+ * @group Properties
+ */
 export interface MenuItem {
-    id?: string;
-    label?: string;
-    icon?: any;
-    url?: string;
-    items?: MenuItem[] | MenuItem[][];
-    expanded?: boolean;
-    disabled?: boolean;
-    visible?: boolean;
-    target?: string;
-    separator?: boolean;
-    style?: React.CSSProperties;
-    className?: string;
-    command?(e: MenuItemCommandParams): void;
-    template?: MenuItemTemplateType;
-    data?: any;
+    /**
+     * Unique identifier of the menuitem.
+     */
+    id?: string | undefined;
+    /**
+     * Text of the menuitem.
+     */
+    label?: string | undefined;
+    /**
+     * Icon of the item. It can be a string, JSX.Element or method.
+     */
+    icon?: any | undefined;
+    /**
+     * External link to navigate when item is clicked.
+     */
+    url?: string | undefined;
+    /**
+     * An array of children the menuitems.
+     */
+    items?: MenuItem[] | MenuItem[][] | undefined;
+    /**
+     * Visibility of submenu.
+     * @defaultValue false
+     */
+    expanded?: boolean | undefined;
+    /**
+     * When set as true, disables the menuitem.
+     * @defaultValue false
+     */
+    disabled?: boolean | undefined;
+    /**
+     * When set as false, hides the menuitem.
+     * @defaultValue true
+     */
+    visible?: boolean | undefined;
+    /**
+     * Specifies where to open the linked document.
+     */
+    target?: string | undefined;
+    /**
+     * Defines the item as a separator.
+     * @defaultValue false
+     */
+    separator?: boolean | undefined;
+    /**
+     * Inline style of the menuitem.
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * Style class of the menuitem.
+     */
+    className?: string | undefined;
+    /**
+     * Callback to execute when item is clicked.
+     * @param {MenuItemCommandEvent} event - Custom command event.
+     */
+    command?(event: MenuItemCommandEvent): void;
+    /**
+     * Template of the menuitem.
+     */
+    template?: React.ReactNode | ((item: MenuItem, options: MenuItemOptions) => React.ReactNode);
+    /**
+     * The data of the menuitem.
+     */
+    data?: any | undefined;
 }

package/message/message.d.ts

@@ -1,20 +1,59 @@
+/**
+ *
+ * Message is used to display inline message with various severities.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/message)
+ *
+ * @module message
+ *
+ */
 import * as React from 'react';
 import { IconType } from '../utils/utils';
 
-type MessageSeverityType = 'success' | 'info' | 'warn' | 'error';
-
-type MessageContentType = React.ReactNode | ((props: MessageProps) => React.ReactNode);
-
-type MessageTextType = React.ReactNode | ((props: MessageProps) => React.ReactNode);
-
+/**
+ * Defines valid properties in Message component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface MessageProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    text?: MessageTextType;
-    severity?: MessageSeverityType;
-    content?: MessageContentType;
-    icon?: IconType<MessageProps>;
-    children?: React.ReactNode;
+    /**
+     * Text of the message.
+     */
+    text?: React.ReactNode | ((props: MessageProps) => React.ReactNode);
+    /**
+     * Severity level of the message.
+     */
+    severity?: 'success' | 'info' | 'warn' | 'error' | undefined;
+    /**
+     * Custom template of the message.
+     */
+    content?: React.ReactNode | ((props: MessageProps) => React.ReactNode);
+    /**
+     * Icon for the message. If not set it will default to severity icon.
+     * @defaultValue based on severity
+     */
+    icon?: IconType<MessageProps> | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Message**
+ *
+ * _Message is used to display inline message with various severities._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/message/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Message extends React.Component<MessageProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }