primereact 10.9.6 → 10.9.8

package/terminal/terminal.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.terminal=function(e,n,t,r,a,o,i){"use strict";function l(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 c=l(n);function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function u(e){if(Array.isArray(e))return s(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return s(e,n);var t={}.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)?s(e,n):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return u(e)||m(e)||p(e)||f()}function v(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,l=[],c=!0,s=!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)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}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 b(e,n){return v(e)||y(e,n)||p(e,n)||h()}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0},css:{classes:{root:"p-terminal p-component",content:"p-terminal-content",container:"p-terminal-prompt-container",command:"p-terminal-command",commandText:"p-terminal-input",prompt:"p-terminal-prompt",response:"p-terminal-response"},styles:"\n@layer primereact {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n    \n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n    \n    .p-terminal-input::-ms-clear {\n        display: none;\n    }        \n}\n"}}),E=c.memo(c.forwardRef((function(e,n){var l=a.useMergeProps(),s=c.useContext(t.PrimeReactContext),u=g.getProps(e,s),m=b(c.useState(""),2),p=m[0],f=m[1],v=b(c.useState([]),2),y=v[0],h=v[1],E=b(c.useState(0),2),S=E[0],T=E[1],w=b(c.useState(""),2),x=w[0],N=w[1],j=c.useRef(null),O=c.useRef(null),A=c.useRef(!1),M=g.setMetaData({props:u,state:{commandText:p,commands:y}}),P=M.ptm,C=M.cx;r.useHandleStyle(g.css.styles,M.isUnstyled,{name:"terminal"});var _=l({className:C("prompt")},P("prompt")),k=function(e){f(e.target.value)},I=function(e){switch(e.code){case"ArrowUp":if(y&&y.length){var n=S-1<0?y.length-1:S-1,t=y[n];T(n),f(t.text)}break;case"Enter":case"NumpadEnter":if(p){var r=d(y);r.push({text:p}),T((function(e){return e+1})),f(""),h(r),N(p),A.current=!0}}};c.useImperativeHandle(n,(function(){return{props:u,focus:function(){return i.DomHandler.focus(O.current)},getElement:function(){return j.current}}})),c.useEffect((function(){var e=function(e){if(y&&y.length>0){var n=d(y);n[n.length-1].response=e,h(n)}},n=function(){h([]),T(0)};return o.TerminalService.on("response",e),o.TerminalService.on("clear",n),function(){o.TerminalService.off("response",e),o.TerminalService.off("clear",n)}}),[y]),c.useEffect((function(){A.current&&(o.TerminalService.emit("command",x),A.current=!1),j.current.scrollTop=j.current.scrollHeight}));var R,D,H=function(e,n){var t=e.text,r=e.response,a=l({key:t+"_"+n},P("commands")),o=l({className:C("command")},P("command")),i=l({className:C("response"),"aria-live":"polite"},P("response"));return c.createElement("div",a,c.createElement("span",_,u.prompt," "),c.createElement("span",o,t),c.createElement("div",i,r))},U=function(){if(u.welcomeMessage){var e=l(P("welcomeMessage"));return c.createElement("div",e,u.welcomeMessage)}return null}(),z=function(){var e=y.map(H),n=l({className:C("content")},P("content"));return c.createElement("div",n,e)}(),B=(R=l({className:C("container")},P("container")),D=l({ref:O,value:p,type:"text",className:C("commandText"),autoComplete:"off",onChange:function(e){return k(e)},onKeyDown:I},P("commandText")),c.createElement("div",R,c.createElement("span",_,u.prompt," "),c.createElement("input",D))),K=l({id:u.id,ref:j,className:i.classNames(u.className,C("root")),style:u.style,onClick:function(){i.DomHandler.focus(O.current)}},g.getOtherProps(u),P("root"));return c.createElement("div",K,U,z,B)})));return E.displayName="Terminal",e.Terminal=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.terminalservice,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.terminal=function(e,n,t,r,a,o,i){"use strict";function l(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 c=l(n);function s(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function u(e){if(Array.isArray(e))return s(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,n){if(e){if("string"==typeof e)return s(e,n);var t={}.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)?s(e,n):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function d(e){return u(e)||m(e)||p(e)||f()}function v(e){if(Array.isArray(e))return e}function y(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,o,i,l=[],c=!0,s=!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)&&(l.push(r.value),l.length!==n);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)throw a}}return l}}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 b(e,n){return v(e)||y(e,n)||p(e,n)||h()}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0},css:{classes:{root:"p-terminal p-component",content:"p-terminal-content",container:"p-terminal-prompt-container",command:"p-terminal-command",commandText:"p-terminal-input",prompt:"p-terminal-prompt",response:"p-terminal-response"},styles:"\n@layer primereact {\n    .p-terminal {\n        height: 18rem;\n        overflow: auto;\n    }\n    \n    .p-terminal-prompt-container {\n        display: flex;\n        align-items: center;\n    }\n    \n    .p-terminal-input {\n        flex: 1 1 auto;\n        border: 0 none;\n        background-color: transparent;\n        color: inherit;\n        padding: 0;\n        outline: 0 none;\n    }\n    \n    .p-terminal-input::-ms-clear {\n        display: none;\n    }        \n}\n"}}),E=c.memo(c.forwardRef(function(e,n){var l=a.useMergeProps(),s=c.useContext(t.PrimeReactContext),u=g.getProps(e,s),m=b(c.useState(""),2),p=m[0],f=m[1],v=b(c.useState([]),2),y=v[0],h=v[1],E=b(c.useState(0),2),S=E[0],T=E[1],w=b(c.useState(""),2),x=w[0],N=w[1],j=c.useRef(null),O=c.useRef(null),A=c.useRef(!1),M=g.setMetaData({props:u,state:{commandText:p,commands:y}}),P=M.ptm,C=M.cx;r.useHandleStyle(g.css.styles,M.isUnstyled,{name:"terminal"});var _=l({className:C("prompt")},P("prompt")),k=function(e){f(e.target.value)},I=function(e){switch(e.code){case"ArrowUp":if(y&&y.length){var n=S-1<0?y.length-1:S-1,t=y[n];T(n),f(t.text)}break;case"Enter":case"NumpadEnter":if(p){var r=d(y);r.push({text:p}),T(function(e){return e+1}),f(""),h(r),N(p),A.current=!0}}};c.useImperativeHandle(n,function(){return{props:u,focus:function(){return i.DomHandler.focus(O.current)},getElement:function(){return j.current}}}),c.useEffect(function(){var e=function(e){if(y&&y.length>0){var n=d(y);n[n.length-1].response=e,h(n)}},n=function(){h([]),T(0)};return o.TerminalService.on("response",e),o.TerminalService.on("clear",n),function(){o.TerminalService.off("response",e),o.TerminalService.off("clear",n)}},[y]),c.useEffect(function(){A.current&&(o.TerminalService.emit("command",x),A.current=!1),j.current.scrollTop=j.current.scrollHeight});var R,D,H=function(e,n){var t=e.text,r=e.response,a=l({key:t+"_"+n},P("commands")),o=l({className:C("command")},P("command")),i=l({className:C("response"),"aria-live":"polite"},P("response"));return c.createElement("div",a,c.createElement("span",_,u.prompt," "),c.createElement("span",o,t),c.createElement("div",i,r))},U=function(){if(u.welcomeMessage){var e=l(P("welcomeMessage"));return c.createElement("div",e,u.welcomeMessage)}return null}(),z=function(){var e=y.map(H),n=l({className:C("content")},P("content"));return c.createElement("div",n,e)}(),B=(R=l({className:C("container")},P("container")),D=l({ref:O,value:p,type:"text",className:C("commandText"),autoComplete:"off",onChange:function(e){return k(e)},onKeyDown:I},P("commandText")),c.createElement("div",R,c.createElement("span",_,u.prompt," "),c.createElement("input",D))),K=l({id:u.id,ref:j,className:i.classNames(u.className,C("root")),style:u.style,onClick:function(){i.DomHandler.focus(O.current)}},g.getOtherProps(u),P("root"));return c.createElement("div",K,U,z,B)}));return E.displayName="Terminal",e.Terminal=E,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.terminalservice,primereact.utils);

package/terminalservice/terminalservice.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.terminalservice=function(e,r){"use strict";var t=primereact.utils.EventBus();return e.TerminalService=t,Object.defineProperty(e,"__esModule",{value:!0}),e}({});
+this.primereact=this.primereact||{},this.primereact.terminalservice=function(e){"use strict";var r=primereact.utils.EventBus();return e.TerminalService=r,Object.defineProperty(e,"__esModule",{value:!0}),e}({});

package/tieredmenu/tieredmenu.cjs.js

@@ -264,6 +264,9 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
     }
   };
   var getItemId = function getItemId(processedItem) {
+    if (processedItem.item && processedItem.item.id) {
+      return processedItem.item.id;
+    }
     return "".concat(props.menuId, "_").concat(processedItem.key);
   };
   var getItemProp = function getItemProp(processedItem, name, params) {
@@ -317,13 +320,14 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
     var separatorProps = mergeProps({
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator', {
       hostName: props.hostName
     }));
-    return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenu = function createSubmenu(processedItem, index) {
     if (isItemGroup(processedItem)) {
@@ -417,7 +421,6 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
       className: cx('content')
     }, getPTOptions(processedItem, 'content'));
     var menuitemProps = mergeProps({
-      key: key,
       id: key,
       'aria-label': item.label,
       'aria-disabled': disabled,
@@ -440,10 +443,12 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__names
       },
       role: 'menuitem'
     }, getPTOptions(processedItem, 'menuitem'));
-    return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content), submenu);
+    return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuitemProps, {
+      key: key
+    }), /*#__PURE__*/React__namespace.createElement("div", contentProps, content), submenu);
   };
   var createItem = function createItem(processedItem, index) {
-    if (processedItem.visible === false) {
+    if (isItemVisible(processedItem) === false) {
       return null;
     }
     return getItemProp(processedItem, 'separator') ? createSeparator(index) : createMenuItem(processedItem, index);
@@ -501,37 +506,37 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
     focused = _React$useState8[0],
     setFocused = _React$useState8[1];
   var _React$useState9 = React__namespace.useState(null),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    focusedItemId = _React$useState10[0],
-    setFocusedItemId = _React$useState10[1];
-  var _React$useState11 = React__namespace.useState({
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    focusedItemId = _React$useState0[0],
+    setFocusedItemId = _React$useState0[1];
+  var _React$useState1 = React__namespace.useState({
       index: -1,
       level: 0,
       parentKey: ''
     }),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    focusedItemInfo = _React$useState10[0],
+    setFocusedItemInfo = _React$useState10[1];
+  var _React$useState11 = React__namespace.useState(false),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    focusedItemInfo = _React$useState12[0],
-    setFocusedItemInfo = _React$useState12[1];
-  var _React$useState13 = React__namespace.useState(false),
+    dirty = _React$useState12[0],
+    setDirty = _React$useState12[1];
+  var _React$useState13 = React__namespace.useState([]),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    dirty = _React$useState14[0],
-    setDirty = _React$useState14[1];
+    processedItems = _React$useState14[0],
+    setProcessedItems = _React$useState14[1];
   var _React$useState15 = React__namespace.useState([]),
     _React$useState16 = _slicedToArray(_React$useState15, 2),
-    processedItems = _React$useState16[0],
-    setProcessedItems = _React$useState16[1];
-  var _React$useState17 = React__namespace.useState([]),
+    visibleItems = _React$useState16[0],
+    setVisibleItems = _React$useState16[1];
+  var _React$useState17 = React__namespace.useState(false),
     _React$useState18 = _slicedToArray(_React$useState17, 2),
-    visibleItems = _React$useState18[0],
-    setVisibleItems = _React$useState18[1];
-  var _React$useState19 = React__namespace.useState(false),
+    focusTrigger = _React$useState18[0],
+    setFocusTrigger = _React$useState18[1];
+  var _React$useState19 = React__namespace.useState(null),
     _React$useState20 = _slicedToArray(_React$useState19, 2),
-    focusTrigger = _React$useState20[0],
-    setFocusTrigger = _React$useState20[1];
-  var _React$useState21 = React__namespace.useState(null),
-    _React$useState22 = _slicedToArray(_React$useState21, 2),
-    attributeSelectorState = _React$useState22[0],
-    setAttributeSelectorState = _React$useState22[1];
+    attributeSelectorState = _React$useState20[0],
+    setAttributeSelectorState = _React$useState20[1];
   var metaData = _objectSpread(_objectSpread({
     props: props
   }, props.__parentMetadata), {}, {
@@ -769,7 +774,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo(/*#__PURE__*/React__namespac
       originalEvent.preventDefault();
       return;
     }
-    if (dirty && !props.popup) {
+    if (dirty) {
       onItemChange(event);
     }
   };

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

package/tieredmenu/tieredmenu.esm.js

@@ -237,6 +237,9 @@ var TieredMenuSub = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
     }
   };
   var getItemId = function getItemId(processedItem) {
+    if (processedItem.item && processedItem.item.id) {
+      return processedItem.item.id;
+    }
     return "".concat(props.menuId, "_").concat(processedItem.key);
   };
   var getItemProp = function getItemProp(processedItem, name, params) {
@@ -290,13 +293,14 @@ var TieredMenuSub = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
     var separatorProps = mergeProps({
-      key: key,
       className: cx('separator'),
       role: 'separator'
     }, ptm('separator', {
       hostName: props.hostName
     }));
-    return /*#__PURE__*/React.createElement("li", separatorProps);
+    return /*#__PURE__*/React.createElement("li", _extends({}, separatorProps, {
+      key: key
+    }));
   };
   var createSubmenu = function createSubmenu(processedItem, index) {
     if (isItemGroup(processedItem)) {
@@ -390,7 +394,6 @@ var TieredMenuSub = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
       className: cx('content')
     }, getPTOptions(processedItem, 'content'));
     var menuitemProps = mergeProps({
-      key: key,
       id: key,
       'aria-label': item.label,
       'aria-disabled': disabled,
@@ -413,10 +416,12 @@ var TieredMenuSub = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(functi
       },
       role: 'menuitem'
     }, getPTOptions(processedItem, 'menuitem'));
-    return /*#__PURE__*/React.createElement("li", menuitemProps, /*#__PURE__*/React.createElement("div", contentProps, content), submenu);
+    return /*#__PURE__*/React.createElement("li", _extends({}, menuitemProps, {
+      key: key
+    }), /*#__PURE__*/React.createElement("div", contentProps, content), submenu);
   };
   var createItem = function createItem(processedItem, index) {
-    if (processedItem.visible === false) {
+    if (isItemVisible(processedItem) === false) {
       return null;
     }
     return getItemProp(processedItem, 'separator') ? createSeparator(index) : createMenuItem(processedItem, index);
@@ -474,37 +479,37 @@ var TieredMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
     focused = _React$useState8[0],
     setFocused = _React$useState8[1];
   var _React$useState9 = React.useState(null),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    focusedItemId = _React$useState10[0],
-    setFocusedItemId = _React$useState10[1];
-  var _React$useState11 = React.useState({
+    _React$useState0 = _slicedToArray(_React$useState9, 2),
+    focusedItemId = _React$useState0[0],
+    setFocusedItemId = _React$useState0[1];
+  var _React$useState1 = React.useState({
       index: -1,
       level: 0,
       parentKey: ''
     }),
+    _React$useState10 = _slicedToArray(_React$useState1, 2),
+    focusedItemInfo = _React$useState10[0],
+    setFocusedItemInfo = _React$useState10[1];
+  var _React$useState11 = React.useState(false),
     _React$useState12 = _slicedToArray(_React$useState11, 2),
-    focusedItemInfo = _React$useState12[0],
-    setFocusedItemInfo = _React$useState12[1];
-  var _React$useState13 = React.useState(false),
+    dirty = _React$useState12[0],
+    setDirty = _React$useState12[1];
+  var _React$useState13 = React.useState([]),
     _React$useState14 = _slicedToArray(_React$useState13, 2),
-    dirty = _React$useState14[0],
-    setDirty = _React$useState14[1];
+    processedItems = _React$useState14[0],
+    setProcessedItems = _React$useState14[1];
   var _React$useState15 = React.useState([]),
     _React$useState16 = _slicedToArray(_React$useState15, 2),
-    processedItems = _React$useState16[0],
-    setProcessedItems = _React$useState16[1];
-  var _React$useState17 = React.useState([]),
+    visibleItems = _React$useState16[0],
+    setVisibleItems = _React$useState16[1];
+  var _React$useState17 = React.useState(false),
     _React$useState18 = _slicedToArray(_React$useState17, 2),
-    visibleItems = _React$useState18[0],
-    setVisibleItems = _React$useState18[1];
-  var _React$useState19 = React.useState(false),
+    focusTrigger = _React$useState18[0],
+    setFocusTrigger = _React$useState18[1];
+  var _React$useState19 = React.useState(null),
     _React$useState20 = _slicedToArray(_React$useState19, 2),
-    focusTrigger = _React$useState20[0],
-    setFocusTrigger = _React$useState20[1];
-  var _React$useState21 = React.useState(null),
-    _React$useState22 = _slicedToArray(_React$useState21, 2),
-    attributeSelectorState = _React$useState22[0],
-    setAttributeSelectorState = _React$useState22[1];
+    attributeSelectorState = _React$useState20[0],
+    setAttributeSelectorState = _React$useState20[1];
   var metaData = _objectSpread(_objectSpread({
     props: props
   }, props.__parentMetadata), {}, {
@@ -742,7 +747,7 @@ var TieredMenu = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
       originalEvent.preventDefault();
       return;
     }
-    if (dirty && !props.popup) {
+    if (dirty) {
       onItemChange(event);
     }
   };

package/tieredmenu/tieredmenu.esm.min.js

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

package/tieredmenu/tieredmenu.js

@@ -252,6 +252,9 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
       }
     };
     var getItemId = function getItemId(processedItem) {
+      if (processedItem.item && processedItem.item.id) {
+        return processedItem.item.id;
+      }
       return "".concat(props.menuId, "_").concat(processedItem.key);
     };
     var getItemProp = function getItemProp(processedItem, name, params) {
@@ -305,13 +308,14 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
     var createSeparator = function createSeparator(index) {
       var key = 'separator_' + index;
       var separatorProps = mergeProps({
-        key: key,
         className: cx('separator'),
         role: 'separator'
       }, ptm('separator', {
         hostName: props.hostName
       }));
-      return /*#__PURE__*/React__namespace.createElement("li", separatorProps);
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({}, separatorProps, {
+        key: key
+      }));
     };
     var createSubmenu = function createSubmenu(processedItem, index) {
       if (isItemGroup(processedItem)) {
@@ -405,7 +409,6 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
         className: cx('content')
       }, getPTOptions(processedItem, 'content'));
       var menuitemProps = mergeProps({
-        key: key,
         id: key,
         'aria-label': item.label,
         'aria-disabled': disabled,
@@ -428,10 +431,12 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
         },
         role: 'menuitem'
       }, getPTOptions(processedItem, 'menuitem'));
-      return /*#__PURE__*/React__namespace.createElement("li", menuitemProps, /*#__PURE__*/React__namespace.createElement("div", contentProps, content), submenu);
+      return /*#__PURE__*/React__namespace.createElement("li", _extends({}, menuitemProps, {
+        key: key
+      }), /*#__PURE__*/React__namespace.createElement("div", contentProps, content), submenu);
     };
     var createItem = function createItem(processedItem, index) {
-      if (processedItem.visible === false) {
+      if (isItemVisible(processedItem) === false) {
         return null;
       }
       return getItemProp(processedItem, 'separator') ? createSeparator(index) : createMenuItem(processedItem, index);
@@ -489,37 +494,37 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
       focused = _React$useState8[0],
       setFocused = _React$useState8[1];
     var _React$useState9 = React__namespace.useState(null),
-      _React$useState10 = _slicedToArray(_React$useState9, 2),
-      focusedItemId = _React$useState10[0],
-      setFocusedItemId = _React$useState10[1];
-    var _React$useState11 = React__namespace.useState({
+      _React$useState0 = _slicedToArray(_React$useState9, 2),
+      focusedItemId = _React$useState0[0],
+      setFocusedItemId = _React$useState0[1];
+    var _React$useState1 = React__namespace.useState({
         index: -1,
         level: 0,
         parentKey: ''
       }),
+      _React$useState10 = _slicedToArray(_React$useState1, 2),
+      focusedItemInfo = _React$useState10[0],
+      setFocusedItemInfo = _React$useState10[1];
+    var _React$useState11 = React__namespace.useState(false),
       _React$useState12 = _slicedToArray(_React$useState11, 2),
-      focusedItemInfo = _React$useState12[0],
-      setFocusedItemInfo = _React$useState12[1];
-    var _React$useState13 = React__namespace.useState(false),
+      dirty = _React$useState12[0],
+      setDirty = _React$useState12[1];
+    var _React$useState13 = React__namespace.useState([]),
       _React$useState14 = _slicedToArray(_React$useState13, 2),
-      dirty = _React$useState14[0],
-      setDirty = _React$useState14[1];
+      processedItems = _React$useState14[0],
+      setProcessedItems = _React$useState14[1];
     var _React$useState15 = React__namespace.useState([]),
       _React$useState16 = _slicedToArray(_React$useState15, 2),
-      processedItems = _React$useState16[0],
-      setProcessedItems = _React$useState16[1];
-    var _React$useState17 = React__namespace.useState([]),
+      visibleItems = _React$useState16[0],
+      setVisibleItems = _React$useState16[1];
+    var _React$useState17 = React__namespace.useState(false),
       _React$useState18 = _slicedToArray(_React$useState17, 2),
-      visibleItems = _React$useState18[0],
-      setVisibleItems = _React$useState18[1];
-    var _React$useState19 = React__namespace.useState(false),
+      focusTrigger = _React$useState18[0],
+      setFocusTrigger = _React$useState18[1];
+    var _React$useState19 = React__namespace.useState(null),
       _React$useState20 = _slicedToArray(_React$useState19, 2),
-      focusTrigger = _React$useState20[0],
-      setFocusTrigger = _React$useState20[1];
-    var _React$useState21 = React__namespace.useState(null),
-      _React$useState22 = _slicedToArray(_React$useState21, 2),
-      attributeSelectorState = _React$useState22[0],
-      setAttributeSelectorState = _React$useState22[1];
+      attributeSelectorState = _React$useState20[0],
+      setAttributeSelectorState = _React$useState20[1];
     var metaData = _objectSpread(_objectSpread({
       props: props
     }, props.__parentMetadata), {}, {
@@ -757,7 +762,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, componentbas
         originalEvent.preventDefault();
         return;
       }
-      if (dirty && !props.popup) {
+      if (dirty) {
         onItemChange(event);
       }
     };