primereact 10.2.1 → 10.3.1

package/tieredmenu/tieredmenu.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"),o=require("primereact/hooks"),i=require("primereact/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils"),l=require("primereact/icons/angleright"),s=require("primereact/ripple");function c(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(e),d=c(n);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){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,a=[],l=!0,s=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;l=!1}else for(;!(l=(r=i.call(t)).done)&&(a.push(r.value),a.length!==n);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(s)throw o}}return a}}function y(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,n){if(e){if("string"==typeof e)return y(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)?y(e,n):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return b(e)||v(e,n)||g(e,n)||h()}var O=t.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return a.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===d.default.ripple},n.className)},separator:"p-menu-separator",icon:function(e){return a.classNames("p-menuitem-icon",e._icon)},label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:function(e){return a.classNames("p-menuitem-link",{"p-disabled":e.disabled})},menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active":e.active},e._className)},menu:function(e){return a.classNames({"p-submenu-list":!e.subProps.root})},submenu:function(e){return a.classNames({"p-submenu-list":!e.subProps.root})},transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n    \n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n    \n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n    \n    .p-tieredmenu .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-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n    \n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n    \n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n    \n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n    \n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function P(e){return P="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},P(e)}function E(e,n){if("object"!==P(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==P(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=E(e,"string");return"symbol"===P(n)?n:String(n)}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 w(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,o,i;r=e,i=t[n],(o=S(o=n))in r?Object.defineProperty(r,o,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[o]=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 N=m.memo((function(e){var n=x(m.useState(null),2),t=n[0],r=n[1],i=m.useRef(null),u=e.ptm,c=e.cx,p=e.sx,d=function(n,r){return u(r,{hostName:e.hostName,context:{active:t===n}})},f=x(o.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||r(null)}}),1)[0],b=x(o.useResizeListener({listener:function(){!e.isMobileMode&&r(null)}}),1)[0],v=function(){if(i.current){var e=i.current.parentElement,n=a.DomHandler.getOffset(e),t=a.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(i.current),o=a.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+i.current.offsetHeight-a.DomHandler.getWindowScrollTop();i.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+r>t.width-a.DomHandler.calculateScrollbarWidth()&&a.DomHandler.addClass(i.current,"p-submenu-list-flipped")}},y=function(n,o){o.disabled||e.isMobileMode?n.preventDefault():e.root?(t||e.popup)&&r(o):r(o)},g=function(n,o){o.disabled?n.preventDefault():(o.url||n.preventDefault(),o.command&&o.command({originalEvent:n,item:o}),(e.root||e.isMobileMode)&&o.items&&r(t&&o===t?null:o),o.items||S(n))},h=function(n,t){var o=n.currentTarget.parentElement;switch(n.which){case 40:var i=P(o);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=E(o);u&&u.children[0].focus(),n.preventDefault();break;case 39:t.items&&(r(t),setTimeout((function(){o.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,o)},O=function(e,n){37===e.which&&(r(null),n.parentElement.previousElementSibling.focus())},P=function e(n){var t=n.nextElementSibling;return t?a.DomHandler.hasClass(t,"p-disabled")||!a.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},E=function e(n){var t=n.previousElementSibling;return t?a.DomHandler.hasClass(t,"p-disabled")||!a.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},S=function(n){e.isMobileMode&&!e.popup||(r(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};o.useMountEffect((function(){f(),b()})),o.useUpdateEffect((function(){e.parentActive||r(null),e.root||!e.parentActive||e.isMobileMode||v()}),[e.parentActive]),o.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var I=function(n){var t=a.mergeProps({key:"separator_"+n,className:c("separator"),role:"separator"},u("separator",{hostName:e.hostName}));return m.createElement("li",t)},D=function(n,r){return n.items?m.createElement(N,{id:e.id+"_"+r,menuProps:e.menuProps,model:n.items,onLeafClick:S,popup:e.popup,onKeyDown:O,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:c,sx:p}):null},M=function(n,r){if(!1===n.visible)return null;var o=n.className,i=n.style,u=n.disabled,p=n.icon,f=n.label,b=n.items,v=n.target,x=n.url,O=n.template,P=n.id||e.id+"_"+r,E=t===n,S=a.classNames("p-menuitem-link",{"p-disabled":u}),I=a.classNames("p-menuitem-icon",p),N=a.mergeProps({className:c("icon",{_icon:p})},d(n,"icon")),M=a.IconUtils.getJSXIcon(p,w({},N),{props:e.menuProps}),j=a.mergeProps({className:c("label")},d(n,"label")),H=f&&m.createElement("span",j,f),k=a.mergeProps({className:c("submenuIcon")},d(n,"submenuIcon")),T=n.items&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(l.AngleRightIcon,k),w({},k),{props:e.menuProps}),C=D(n,r),A=a.mergeProps({href:x||"#",className:c("action",{disabled:u}),target:v,role:"menuitem","aria-haspopup":null!=b,onClick:function(e){return g(e,n)},onKeyDown:function(e){return h(e,n)},"aria-disabled":u},d(n,"action")),U=m.createElement("a",A,M,H,T,m.createElement(s.Ripple,null));O&&(U=a.ObjectUtils.getJSXElement(O,n,{onClick:function(e){return g(e,n)},onKeyDown:function(e){return h(e,n)},className:S,labelClassName:"p-menuitem-text",iconClassName:I,submenuIconClassName:"p-submenu-icon",element:U,props:e,active:E,disabled:u}));var _=a.mergeProps({key:P,id:P,className:c("menuitem",{_className:o,active:E}),style:i,onMouseEnter:function(e){return y(e,n)},role:"none"},d(n,"menuitem"));return m.createElement("li",_,U,C)},j=e.model?e.model.map((function(e,n){return e.separator?I(n):M(e,n)})):null,H=e.root?"menu":"submenu",k=a.mergeProps({ref:i,className:c(H,{subProps:e}),style:p(H,{subProps:e}),role:e.root?"menubar":"menu","aria-orientation":"horizontal"},u(H,{hostName:e.hostName}));return m.createElement("ul",k,j)}));N.displayName="TieredMenuSub";var D=m.memo(m.forwardRef((function(e,l){var s=m.useContext(n.PrimeReactContext),c=O.getProps(e,s),p=x(m.useState(c.id),2),b=p[0],v=p[1],y=x(m.useState(!c.popup),2),g=y[0],h=y[1],P=x(m.useState(null),2),E=P[0],S=P[1],I=O.setMetaData({props:c,state:{id:b,visible:g,attributeSelector:E}}),w=I.ptm,D=I.cx,M=I.sx;t.useHandleStyle(O.css.styles,I.isUnstyled,{name:"tieredmenu"});var j=m.useRef(null),H=m.useRef(null),k=m.useRef(null),T=o.useMatchMedia("screen and (max-width: ".concat(c.breakpoint,")"),!!c.breakpoint),C=x(o.useOverlayListener({target:H,overlay:j,listener:function(e,n){n.valid&&Z(e)},when:g}),2),A=C[0],U=C[1],_=function(e){c.popup&&i.OverlayService.emit("overlay-click",{originalEvent:e,target:H.current})},q=function(e){c.popup&&(g?Z(e):R(e))},R=function(e){H.current=e.currentTarget,h(!0),c.onShow&&c.onShow(e)},Z=function(e){c.popup&&(H.current=e.currentTarget,h(!1),c.onHide&&c.onHide(e))},L=function(){c.popup&&T&&a.DomHandler.absolutePosition(j.current,H.current)},z=function(){if(!k.current){k.current=a.DomHandler.createInlineStyle(s&&s.nonce||d.default.nonce);var e="".concat(E),n="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(c.scrollHeight,";\n        overflow: ").concat(c.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(c.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");k.current.innerHTML=n}},K=function(){k.current=a.DomHandler.removeInlineStyle(k.current)},W=function(){c.autoZIndex&&a.ZIndexUtils.set("menu",j.current,s&&s.autoZIndex||d.default.autoZIndex,c.baseZIndex||s&&s.zIndex.menu||d.default.zIndex.menu),a.DomHandler.addStyles(j.current,{position:"absolute",top:"0",left:"0"}),a.DomHandler.absolutePosition(j.current,H.current),E&&c.breakpoint&&(j.current.setAttribute(E,""),z())},J=function(){A()},X=function(){H.current=null,U()},B=function(){a.ZIndexUtils.clear(j.current),K()};o.useMountEffect((function(){var e=a.UniqueComponentId();!b&&v(e),c.breakpoint&&!E&&S(e)})),o.useUpdateEffect((function(){return E&&j.current&&(j.current.setAttribute(E,""),z()),function(){K()}}),[E,c.breakpoint]),o.useUnmountEffect((function(){a.ZIndexUtils.clear(j.current)})),m.useImperativeHandle(l,(function(){return{props:c,toggle:q,show:R,hide:Z,getElement:function(){return j.current}}}));var V,Y,$=(V=a.mergeProps({ref:j,id:c.id,className:D("root"),style:c.style,onClick:_},O.getOtherProps(c),w("root")),Y=a.mergeProps({classNames:D("transition"),in:g,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:W,onEntered:J,onExit:X,onExited:B},w("transition")),m.createElement(r.CSSTransition,f({nodeRef:j},Y),m.createElement("div",V,m.createElement(N,{id:b,hostName:"TieredMenu",menuProps:c,model:c.model,root:!0,popup:c.popup,onHide:Z,isMobileMode:T,onItemToggle:L,submenuIcon:c.submenuIcon,ptm:w,cx:D,sx:M}))));return c.popup?m.createElement(u.Portal,{element:$,appendTo:c.appendTo}):$})));D.displayName="TieredMenu",exports.TieredMenu=D;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/componentbase"),r=require("primereact/csstransition"),i=require("primereact/hooks"),o=require("primereact/overlayservice"),u=require("primereact/portal"),a=require("primereact/utils"),c=require("primereact/icons/angleright"),l=require("primereact/ripple");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(e),d=s(n);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 v(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 y(e){var n=v(e,"string");return"symbol"===b(n)?n:String(n)}function g(e,n,t){return(n=y(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function h(e){if(Array.isArray(e))return e}function x(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,i,o,u,a=[],c=!0,l=!1;try{if(o=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=o.call(t)).done)&&(a.push(r.value),a.length!==n);c=!0);}catch(e){l=!0,i=e}finally{try{if(!c&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(l)throw i}}return a}}function I(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 O(e,n){if(e){if("string"==typeof e)return I(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)?I(e,n):void 0}}function E(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(e,n){return h(e)||x(e,n)||O(e,n)||E()}var P=t.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onFocus:null,onBlur:null,onHide:null,submenuIcon:null,children:void 0},css:{classes:{root:function(e){var n=e.props,t=e.context;return a.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":n.popup,"p-input-filled":t&&"filled"===t.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":t&&!1===t.ripple||!1===d.default.ripple},n.className)},separator:"p-menuitem-separator",icon:function(e){return a.classNames("p-menuitem-icon",e._icon)},content:"p-menuitem-content",label:"p-menuitem-text",submenuIcon:"p-submenu-icon",action:"p-menuitem-link",menuitem:function(e){return a.classNames("p-menuitem",{"p-menuitem-active p-highlight":e.active,"p-focus":e.focused,"p-disabled":e.disabled},e._className)},menu:"p-tieredmenu-root-list",submenu:"p-submenu-list",transition:"p-connected-overlay"},styles:"\n@layer primereact {\n    .p-tieredmenu-overlay {\n        position: absolute;\n    }\n\n    .p-tieredmenu ul {\n        margin: 0;\n        padding: 0;\n        list-style: none;\n    }\n\n    .p-tieredmenu .p-submenu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        display: none;\n    }\n\n    .p-tieredmenu .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-tieredmenu .p-menuitem-text {\n        line-height: 1;\n    }\n\n    .p-tieredmenu .p-menuitem {\n        position: relative;\n    }\n\n    .p-tieredmenu .p-menuitem-link .p-submenu-icon {\n        margin-left: auto;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list {\n        display: block;\n        left: 100%;\n        top: 0;\n    }\n\n    .p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n        left: -100%;\n    }\n}\n",inlineStyles:{submenu:function(e){var n=e.subProps;return{display:!n.root&&n.parentActive?"block":"none"}}}}});function j(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 S(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?j(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):j(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var D=m.memo(m.forwardRef((function(e,n){var t=m.useRef(null),r=e.ptm,o=e.cx,u=e.sx,s=function(n,t){return r(t,{hostName:e.hostName,context:{active:v(n)}})},p=function(){if(t.current){var e=t.current.parentElement,n=a.DomHandler.getOffset(e),r=a.DomHandler.getViewport(),i=t.current.offsetParent?t.current.offsetWidth:a.DomHandler.getHiddenElementOuterWidth(t.current),o=a.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+t.current.offsetHeight-a.DomHandler.getWindowScrollTop();t.current.style.top=u>r.height?r.height-u+"px":"0px",parseInt(n.left,10)+o+i>r.width-a.DomHandler.calculateScrollbarWidth()&&a.DomHandler.addClass(t.current,"p-submenu-list-flipped")}},d=function(n,t){var r=t.item;g(t)?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.onItemClick&&e.onItemClick({originalEvent:n,processedItem:t}))},f=function(n){return"".concat(e.menuId,"_").concat(n.key)},b=function(e,n,t){return e&&e.item?a.ObjectUtils.getItemValue(e.item[n],t):void 0},v=function(n){return e.activeItemPath.some((function(e){return e.key===n.key}))},y=function(e){return!1!==b(e,"visible")},g=function(e){return b(e,"disabled")},h=function(n){return e.focusedItemId===f(n)},x=function(e){return a.ObjectUtils.isNotEmpty(e.items)},I=function(n,t){e.onItemMouseEnter&&e.onItemMouseEnter({originalEvent:n,processedItem:t})},O=function(n){return n-e.model.slice(0,n).filter((function(e){return y(e)&&b(e,"separator")})).length+1};i.useUpdateEffect((function(){e.root||!e.parentActive||e.isMobileMode||p()}),[e.parentActive]),m.useImperativeHandle(n,(function(){return{getElement:function(){return t.current}}}));var E=function(n){var t=a.mergeProps({key:"separator_"+n,className:o("separator"),role:"separator"},r("separator",{hostName:e.hostName}));return m.createElement("li",t)},k=function(n,t){return x(n)?m.createElement(D,{id:e.id+"_"+t,menuProps:e.menuProps,model:n.items,menuId:e.menuId,ariaLabelledby:f(item),focusedItemId:e.focusedItemId,activeItemPath:e.activeItemPath,level:e.level+1,onItemClick:e.onItemClick,popup:e.popup,onItemMouseEnter:e.onItemMouseEnter,parentActive:v(n),isMobileMode:e.isMobileMode,submenuIcon:e.submenuIcon,ptm:e.ptm,cx:o,sx:u}):null},P=function(n,t){if(!1===y(n))return null;var r=n.item,i=b(n,"style"),u=b(n,"icon"),p=b(n,"target"),E=b(n,"url"),P=f(n),j=h(n),D=v(n),w=g(n),N=x(n),H=a.classNames("p-menuitem-link"),K=a.classNames("p-menuitem-icon",u),M=a.mergeProps({className:a.classNames(r.icon,"p-menuitem-icon","icon")},s(n,"icon")),U=a.IconUtils.getJSXIcon(u,S({},M),{props:e.menuProps}),T=a.mergeProps({className:o("label")},s(n,"label")),C=r.label&&m.createElement("span",T,r.label),A=a.mergeProps({className:o("submenuIcon")},s(n,"submenuIcon")),L=N&&a.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,A),S({},A),{props:e.menuProps}),R=k(n,t),_=a.mergeProps({href:E||"#","aria-hidden":!0,tabIndex:"-1",onFocus:function(e){return e.stopPropagation()},className:o("action"),target:p},s(n,"action")),q=m.createElement("a",_,U,C,L,m.createElement(l.Ripple,null));r.template&&(q=a.ObjectUtils.getJSXElement(r.template,r,{className:H,labelClassName:"p-menuitem-text",iconClassName:K,submenuIconClassName:"p-submenu-icon",element:q,props:e,active:D,disabled:w}));var W=a.mergeProps({onClick:function(e){return d(e,n)},onMouseEnter:function(e){return I(e,n)},className:o("content")},s(n,"content")),B=a.mergeProps({key:P,id:P,"aria-label":r.label,"aria-disabled":w,"aria-expanded":N?D:void 0,"aria-haspopup":N&&!E?"menu":void 0,"aria-level":e.level+1,"aria-setsize":e.model.filter((function(e){return y(e)&&!b(e,"separator")})).length,"aria-posinset":O(t),"data-p-highlight":D,"data-p-disabled":w,"data-p-visited":j,className:o("menuitem",{className:r.className,active:D,focused:j,disabled:w}),style:i,onMouseEnter:function(e){return I(e,r)},role:"menuitem"},s(n,"menuitem"));return m.createElement("li",B,m.createElement("div",W,q),R)},j=e.model?e.model.map((function(e,n){return b(e,"separator")?E(n):P(e,n)})):null,w=e.root?"menu":"submenu",N=a.mergeProps({ref:t,id:e.id,tabIndex:e.tabIndex,onFocus:e.onFocus,onBlur:e.onBlur,onKeyDown:e.onKeyDown,className:o(w,{subProps:e}),style:u(w,{subProps:e}),role:e.root?"menubar":"menu","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledby,"aria-orientation":e.ariaOrientation,"aria-activedescendant":e.focusedItemId},r(w,{hostName:e.hostName}));return m.createElement("ul",N,j)})));function w(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 N(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?w(Object(t),!0).forEach((function(n){g(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}D.displayName="TieredMenuSub";var H=m.memo(m.forwardRef((function(e,c){var l=m.useContext(n.PrimeReactContext),s=P.getProps(e,l),p=k(m.useState(s.id),2),b=p[0],v=p[1],y=k(m.useState(!s.popup),2),g=y[0],h=y[1],x=k(m.useState([]),2),I=x[0],O=x[1],E=k(m.useState(!1),2),j=E[0],S=E[1],w=k(m.useState(null),2),H=w[0],K=w[1],M=k(m.useState({index:-1,level:0,parentKey:""}),2),U=M[0],T=M[1],C=k(m.useState(!1),2),A=C[0],L=C[1],R=k(m.useState([]),2),_=R[0],q=R[1],W=k(m.useState([]),2),B=W[0],Z=W[1],F=k(m.useState(!1),2),z=F[0],V=F[1],J=k(m.useState(null),2),X=J[0],Y=J[1],$=P.setMetaData({props:s,state:{id:b,visible:g,attributeSelector:X}}),G=$.ptm,Q=$.cx,ee=$.sx;t.useHandleStyle(P.css.styles,$.isUnstyled,{name:"tieredmenu"});var ne=m.useRef(null),te=m.useRef(null),re=m.useRef(null),ie=m.useRef(null),oe=m.useRef(null),ue=m.useRef(null),ae=m.useRef(null),ce=i.useMatchMedia("screen and (max-width: ".concat(s.breakpoint,")"),!!s.breakpoint),le=k(i.useEventListener({type:"click",listener:function(e){var n=ne.current&&!ne.current.contains(e.target),t=!s.popup||!(re.current&&(re.current===e.target||re.current.contains(e.target)));n&&t&&ge(e,!s.popup)}}),2),se=le[0],pe=le[1],me=k(i.useResizeListener({listener:function(){!ce&&ge(event,!0)}}),2),de=me[0],fe=me[1],be=function(e){s.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:re.current})},ve=function(e){s.popup&&(g?ge(e):ye(e))},ye=function(e){s.popup&&(re.current=e.currentTarget,h(!0),s.onShow&&s.onShow(e),ie.current=e.relatedTarget||null),T({index:$e(),level:0,parentKey:""})},ge=function(e,n){s.popup&&(h(!1),s.onHide&&s.onHide(e));var t=Te();O([]),T({index:-1,level:0,parentKey:""}),n&&a.DomHandler.focus(ie.current||re.current||t),L(!1)},he=function(e){S(!0),T(-1!==U.index?U:{index:$e(),level:0,parentKey:""}),s.onFocus&&s.onFocus(e)},xe=function(e){S(!1),T({index:-1,level:0,parentKey:""}),ue.current="",L(!1),s.onBlur&&s.onBlur(e)},Ie=function(e){var n=e.metaKey||e.ctrlKey;switch(e.code){case"ArrowDown":Pe(e);break;case"ArrowUp":je(e);break;case"ArrowLeft":Se(e);break;case"ArrowRight":De(e);break;case"Home":we(e);break;case"End":Ne(e);break;case"Space":Ke(e);break;case"Enter":He(e);break;case"Escape":s.popup&&a.DomHandler.focus(re.current),Me(e);break;case"Tab":Ue(e);break;case"PageDown":case"PageUp":case"Backspace":case"ShiftLeft":case"ShiftRight":break;default:!n&&a.ObjectUtils.isPrintableCharacter(e.key)&&Qe(e.key)}},Oe=function(e){var n=e.processedItem,t=e.isFocus;if(!a.ObjectUtils.isEmpty(n)){var r=n.index,i=n.key,o=n.level,u=n.parentKey,c=a.ObjectUtils.isNotEmpty(n.items),l=I.filter((function(e){return e.parentKey!==u&&e.parentKey!==i}));c&&l.push(n),T({index:r,level:o,parentKey:u}),O(l),c&&L(!0),t&&a.DomHandler.focus(Te())}},Ee=function(e){var n=e.originalEvent,t=e.processedItem;if(!Le(t)&&!s.isMobileMode){var r=qe(t),i=a.ObjectUtils.isEmpty(t.parent),o=Fe(t),u=Te();if(o){var c=t.index,l=t.key,p=t.level,m=t.parentKey;O(I.filter((function(e){return l!==e.key&&l.startsWith(e.key)}))),T({index:c,level:p,parentKey:m}),r||L(!i),setTimeout((function(){a.DomHandler.focus(u),r&&L(!0)}),0)}else if(r)a.DomHandler.focus(u),Oe(e);else{var d=i?t:I.find((function(e){return""===e.parentKey})),f=d?d.index:-1;ge(n,!0),T({index:f,parentKey:d?d.parentKey:""})}}},ke=function(e){var n=e.originalEvent;Le(e.processedItem)||s.isMobileMode?n.preventDefault():A&&!s.popup&&Oe(e)},Pe=function(e){var n=-1!==U.index?Je(U.index):$e();en(n),e.preventDefault()},je=function(e){if(e.altKey){if(s.popup&&a.DomHandler.focus(re.current),-1!==U.index){var n=B[U.index];!qe(n)&&Oe({originalEvent:e,processedItem:n})}s.popup&&ge(e,!0),e.preventDefault()}else{var t=-1!==U.index?Xe(U.index):Ge();en(t),e.preventDefault()}},Se=function(e){var n=B[U.index],t=I.find((function(e){return e.key===n.parentKey}));a.ObjectUtils.isEmpty(n.parent)||(T({index:-1,parentKey:t?t.parentKey:""}),ue.current="",setTimeout((function(){return V(!0)}),0)),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),e.preventDefault()},De=function(e){var n=B[U.index];qe(n)&&(Oe({originalEvent:e,processedItem:n}),T({index:-1,parentKey:n.key}),ue.current="",setTimeout((function(){return V(!0)}),0)),e.preventDefault()},we=function(e){en(ze()),e.preventDefault()},Ne=function(e){en(Ve()),e.preventDefault()},He=function(e){if(-1!==U.index){var n=a.DomHandler.findSingle(Te(),'li[id="'.concat("".concat(H),'"]')),t=n&&a.DomHandler.findSingle(n,'[data-pc-section="action"]');s.popup&&a.DomHandler.focus(re.current),t?t.click():n&&n.click()}e.preventDefault()},Ke=function(e){He(e)},Me=function(e){ge(e,!0),!s.popup&&T(N(N({},U),{},{index:$e()})),e.preventDefault()},Ue=function(e){if(-1!==U.index){var n=B[U.index];!qe(n)&&Oe({originalEvent:e,processedItem:n})}ge(e)},Te=function(){return te.current.getElement()||null},Ce=function(e,n){return e?a.ObjectUtils.getItemValue(e[n]):void 0},Ae=function(e){return Ce(e,"label")},Le=function(e){return Ce(e,"disabled")},Re=function(e){return Ce(e,"separator")},_e=function(e){return e?Ae(e.item):void 0},qe=function(e){return e&&a.ObjectUtils.isNotEmpty(e.items)},We=function(e){return Be(e)&&_e(e).toLocaleLowerCase().startsWith(ue.current.toLocaleLowerCase())},Be=function(e){return!!e&&!Le(e.item)&&!Re(e.item)},Ze=function(e){return Be(e)&&Fe(e)},Fe=function(e){return I.some((function(n){return n.key===e.key}))},ze=function(){return B.findIndex((function(e){return Be(e)}))},Ve=function(){return a.ObjectUtils.findLastIndex(B,(function(e){return Be(e)}))},Je=function(e){var n=e<B.length-1?B.slice(e+1).findIndex((function(e){return Be(e)})):-1;return n>-1?n+e+1:e},Xe=function(e){var n=e>0?a.ObjectUtils.findLastIndex(B.slice(0,e),(function(e){return Be(e)})):-1;return n>-1?n:e},Ye=function(){return B.findIndex((function(e){return Ze(e)}))},$e=function(){var e=Ye();return e<0?ze():e},Ge=function(){var e=Ye();return e<0?Ve():e},Qe=function(e){ue.current=(ue.current||"")+e;var n=-1,t=!1;return-1!==(n=-1!==U.index?-1===(n=B.slice(U.index).findIndex((function(e){return We(e)})))?B.slice(0,U.index).findIndex((function(e){return We(e)})):n+U.index:B.findIndex((function(e){return We(e)})))&&(t=!0),-1===n&&-1===U.index&&(n=$e()),-1!==n&&en(n),ae.current&&clearTimeout(ae),ae.current=setTimeout((function(){ue.current="",ae.current=null}),500),t},en=function(e){U.index!==e&&(T(N(N({},U),{},{index:e})),nn())},nn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:-1,n=-1!==e?"".concat(b,"_").concat(e):H,t=a.DomHandler.findSingle(Te(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},tn=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"",o=[];return n&&n.forEach((function(n,u){var a=(""!==i?i+"_":"")+u,c={item:n,index:u,level:t,key:a,parent:r,parentKey:i};c.items=e(n.items,t+1,c,a),o.push(c)})),o},rn=function(){if(!oe.current){oe.current=a.DomHandler.createInlineStyle(l&&l.nonce||d.default.nonce,l&&l.styleContainer);var e="".concat(X),n="\n@media screen and (max-width: ".concat(s.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(s.scrollHeight,";\n        overflow: ").concat(s.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(s.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");oe.current.innerHTML=n}},on=function(){oe.current=a.DomHandler.removeInlineStyle(oe.current)},un=function(){s.autoZIndex&&a.ZIndexUtils.set("menu",ne.current,l&&l.autoZIndex||d.default.autoZIndex,s.baseZIndex||l&&l.zIndex.menu||d.default.zIndex.menu),a.DomHandler.addStyles(ne.current,{position:"absolute",top:"0",left:"0"}),a.DomHandler.absolutePosition(ne.current,re.current),a.DomHandler.getOuterWidth(re.current)>a.DomHandler.getOuterWidth(ne.current)&&(ne.current.style.minWidth=a.DomHandler.getOuterWidth(re.current)+"px"),a.DomHandler.focus(te.current.getElement()),nn(),X&&s.breakpoint&&(ne.current.setAttribute(X,""),rn())},an=function(){se(),de()},cn=function(){re.current=null,pe(),fe()},ln=function(){a.ZIndexUtils.clear(ne.current),on()};i.useMountEffect((function(){var e=a.UniqueComponentId();!b&&v(e),s.breakpoint&&!X&&Y(e)})),i.useUpdateEffect((function(){var e=tn(s.model||[]);q(e)}),s.model),i.useUpdateEffect((function(){var e=I.find((function(e){return e.key===U.parentKey}));Z(e?e.items:_)}),[I,U,_]),i.useUpdateEffect((function(){var e=-1!==U.index?"".concat(b).concat(a.ObjectUtils.isNotEmpty(U.parentKey)?"_"+U.parentKey:"","_").concat(U.index):null;K(e)}),[U]),i.useUpdateEffect((function(){s.popup||(a.ObjectUtils.isNotEmpty(I)?(se(),de()):(pe(),fe()))}),[I]),i.useUpdateEffect((function(){if(z){var e=-1!==U.index?Je(U.index):$e();en(e),O(I.filter((function(e){return e.parentKey!==U.parentKey}))),V(!1)}}),[z]),i.useUpdateEffect((function(){return X&&ne.current&&(ne.current.setAttribute(X,""),rn()),function(){on()}}),[X,s.breakpoint]),i.useUnmountEffect((function(){a.ZIndexUtils.clear(ne.current)})),m.useImperativeHandle(c,(function(){return{props:s,toggle:ve,show:ye,hide:ge,getElement:function(){return ne.current}}}));var sn,pn,mn=(sn=a.mergeProps({ref:ne,id:s.id,className:Q("root"),style:s.style,onClick:be},P.getOtherProps(s),G("root")),pn=a.mergeProps({classNames:Q("transition"),in:g,timeout:{enter:120,exit:100},options:s.transitionOptions,unmountOnExit:!0,onEnter:un,onEntered:an,onExit:cn,onExited:ln},G("transition")),m.createElement(r.CSSTransition,f({nodeRef:ne},pn),m.createElement("div",sn,m.createElement(D,{id:b+"_list",ref:te,hostName:"TieredMenu",menuProps:s,tabIndex:0,model:_,ariaLabel:s.ariaLabel,ariaLabelledBy:s.ariaLabelledBy,ariaOrientation:"vertical",ariaActiveDescendant:j?H:void 0,menuId:b,level:0,focusedItemId:H,activeItemPath:I,onFocus:he,onBlur:xe,onKeyDown:Ie,onItemClick:Ee,onItemMouseEnter:ke,root:!0,popup:s.popup,onHide:ge,isMobileMode:ce,submenuIcon:s.submenuIcon,ptm:G,cx:Q,sx:ee}))));return s.popup?m.createElement(u.Portal,{element:mn,appendTo:s.appendTo}):mn})));H.displayName="TieredMenu",exports.TieredMenu=H;

package/tieredmenu/tieredmenu.d.ts

@@ -142,7 +142,7 @@ export interface TieredMenuProps extends Omit<React.DetailedHTMLProps<React.HTML
      * 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;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      * @type {CSSTransitionProps}
@@ -162,6 +162,16 @@ export interface TieredMenuProps extends Omit<React.DetailedHTMLProps<React.HTML
      * @param {React.SyntheticEvent} event - Browser event.
      */
     onHide?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when menu receives focus.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onFocus?(event: React.SyntheticEvent): void;
+    /**
+     * Callback to invoke when menu loses focus.
+     * @param {React.SyntheticEvent} event - Browser event.
+     */
+    onBlur?(event: React.SyntheticEvent): void;
     /**
      * Used to get the child elements of the component.
      * @readonly