primereact 10.3.1 → 10.3.3

package/terminal/terminal.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{PrimeReactContext as n}from"primereact/api";import{ComponentBase as t,useHandleStyle as r}from"primereact/componentbase";import{TerminalService as o}from"primereact/terminalservice";import{mergeProps as a,DomHandler as l,classNames as i}from"primereact/utils";function c(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function s(e){if(Array.isArray(e))return c(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,n){if(e){if("string"==typeof e)return c(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,n):void 0}}function p(){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 f(e){return s(e)||m(e)||u(e)||p()}function d(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,o,a,l,i=[],c=!0,s=!1;try{if(a=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;c=!1}else for(;!(c=(r=a.call(t)).done)&&(i.push(r.value),i.length!==n);c=!0);}catch(e){s=!0,o=e}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(s)throw o}}return i}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,n){return d(e)||y(e,n)||u(e,n)||v()}var g=t.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"}}),b=e.memo(e.forwardRef((function(t,c){var s=e.useContext(n),m=g.getProps(t,s),u=h(e.useState(""),2),p=u[0],d=u[1],y=h(e.useState([]),2),v=y[0],b=y[1],E=h(e.useState(0),2),w=E[0],x=E[1],S=h(e.useState(""),2),A=S[0],N=S[1],T=e.useRef(null),j=e.useRef(null),I=e.useRef(!1),M=g.setMetaData({props:m,state:{commandText:p,commands:v}}),C=M.ptm,O=M.cx;r(g.css.styles,M.isUnstyled,{name:"terminal"});var k=a({className:O("prompt")},C("prompt")),P=function(e){d(e.target.value)},R=function(e){switch(e.code){case"ArrowUp":if(v&&v.length){var n=w-1<0?v.length-1:w-1,t=v[n];x(n),d(t.text)}break;case"Enter":if(p){var r=f(v);r.push({text:p}),x((function(e){return e+1})),d(""),b(r),N(p),I.current=!0}}};e.useImperativeHandle(c,(function(){return{props:m,focus:function(){return l.focus(j.current)},getElement:function(){return T.current}}})),e.useEffect((function(){var e=function(e){if(v&&v.length>0){var n=f(v);n[n.length-1].response=e,b(n)}},n=function(){b([]),x(0)};return o.on("response",e),o.on("clear",n),function(){o.off("response",e),o.off("clear",n)}}),[v]),e.useEffect((function(){I.current&&(o.emit("command",A),I.current=!1),T.current.scrollTop=T.current.scrollHeight}));var U,_,D=function(n,t){var r=n.text,o=n.response,l=a({key:r+"_"+t},C("commands")),i=a({className:O("command")},C("command")),c=a({className:O("response"),"aria-live":"polite"},C("response"));return e.createElement("div",l,e.createElement("span",k,m.prompt," "),e.createElement("span",i,r),e.createElement("div",c,o))},H=function(){if(m.welcomeMessage){var n=a(C("welcomeMessage"));return e.createElement("div",n,m.welcomeMessage)}return null}(),K=function(){var n=v.map(D),t=a({className:O("content")},C("content"));return e.createElement("div",t,n)}(),Y=(U=a({className:O("container")},C("container")),_=a({ref:j,value:p,type:"text",className:O("commandText"),autoComplete:"off",onChange:function(e){return P(e)},onKeyDown:R},C("commandText")),e.createElement("div",U,e.createElement("span",k,m.prompt," "),e.createElement("input",_))),$=a({id:m.id,ref:T,className:i(m.className,O("root")),style:m.style,onClick:function(){l.focus(j.current)}},g.getOtherProps(m),C("root"));return e.createElement("div",$,H,K,Y)})));b.displayName="Terminal";export{b as Terminal};
+import*as e from"react";import{PrimeReactContext as t}from"primereact/api";import{ComponentBase as n,useHandleStyle as r}from"primereact/componentbase";import{useMergeProps as o}from"primereact/hooks";import{TerminalService as a}from"primereact/terminalservice";import{DomHandler as l,classNames as i}from"primereact/utils";function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function m(e){if(Array.isArray(e))return c(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,t){if(e){if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?c(e,t):void 0}}function p(){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 f(e){return m(e)||s(e)||u(e)||p()}function d(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a,l,i=[],c=!0,m=!1;try{if(a=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=a.call(n)).done)&&(i.push(r.value),i.length!==t);c=!0);}catch(e){m=!0,o=e}finally{try{if(!c&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(m)throw o}}return i}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,t){return d(e)||y(e,t)||u(e,t)||v()}var g=n.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"}}),b=e.memo(e.forwardRef((function(n,c){var m=o(),s=e.useContext(t),u=g.getProps(n,s),p=h(e.useState(""),2),d=p[0],y=p[1],v=h(e.useState([]),2),b=v[0],E=v[1],w=h(e.useState(0),2),x=w[0],S=w[1],A=h(e.useState(""),2),N=A[0],T=A[1],j=e.useRef(null),I=e.useRef(null),M=e.useRef(!1),k=g.setMetaData({props:u,state:{commandText:d,commands:b}}),C=k.ptm,O=k.cx;r(g.css.styles,k.isUnstyled,{name:"terminal"});var P=m({className:O("prompt")},C("prompt")),R=function(e){y(e.target.value)},U=function(e){switch(e.code){case"ArrowUp":if(b&&b.length){var t=x-1<0?b.length-1:x-1,n=b[t];S(t),y(n.text)}break;case"Enter":if(d){var r=f(b);r.push({text:d}),S((function(e){return e+1})),y(""),E(r),T(d),M.current=!0}}};e.useImperativeHandle(c,(function(){return{props:u,focus:function(){return l.focus(I.current)},getElement:function(){return j.current}}})),e.useEffect((function(){var e=function(e){if(b&&b.length>0){var t=f(b);t[t.length-1].response=e,E(t)}},t=function(){E([]),S(0)};return a.on("response",e),a.on("clear",t),function(){a.off("response",e),a.off("clear",t)}}),[b]),e.useEffect((function(){M.current&&(a.emit("command",N),M.current=!1),j.current.scrollTop=j.current.scrollHeight}));var _,D,H=function(t,n){var r=t.text,o=t.response,a=m({key:r+"_"+n},C("commands")),l=m({className:O("command")},C("command")),i=m({className:O("response"),"aria-live":"polite"},C("response"));return e.createElement("div",a,e.createElement("span",P,u.prompt," "),e.createElement("span",l,r),e.createElement("div",i,o))},K=function(){if(u.welcomeMessage){var t=m(C("welcomeMessage"));return e.createElement("div",t,u.welcomeMessage)}return null}(),Y=function(){var t=b.map(H),n=m({className:O("content")},C("content"));return e.createElement("div",n,t)}(),$=(_=m({className:O("container")},C("container")),D=m({ref:I,value:d,type:"text",className:O("commandText"),autoComplete:"off",onChange:function(e){return R(e)},onKeyDown:U},C("commandText")),e.createElement("div",_,e.createElement("span",P,u.prompt," "),e.createElement("input",D))),q=m({id:u.id,ref:j,className:i(u.className,O("root")),style:u.style,onClick:function(){l.focus(I.current)}},g.getOtherProps(u),C("root"));return e.createElement("div",q,K,Y,$)})));b.displayName="Terminal";export{b as Terminal};

package/terminal/terminal.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.terminal = (function (exports, React, api, componentbase, terminalservice, utils) {
+this.primereact.terminal = (function (exports, React, api, componentbase, hooks, terminalservice, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -120,6 +120,7 @@ this.primereact.terminal = (function (exports, React, api, componentbase, termin
   });
 
   var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = TerminalBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(''),
@@ -154,7 +155,7 @@ this.primereact.terminal = (function (exports, React, api, componentbase, termin
     componentbase.useHandleStyle(TerminalBase.css.styles, isUnstyled, {
       name: 'terminal'
     });
-    var promptProps = utils.mergeProps({
+    var promptProps = mergeProps({
       className: cx('prompt')
     }, ptm('prompt'));
     var onClick = function onClick() {
@@ -229,7 +230,7 @@ this.primereact.terminal = (function (exports, React, api, componentbase, termin
     });
     var createWelcomeMessage = function createWelcomeMessage() {
       if (props.welcomeMessage) {
-        var welcomeMessageProps = utils.mergeProps(ptm('welcomeMessage'));
+        var welcomeMessageProps = mergeProps(ptm('welcomeMessage'));
         return /*#__PURE__*/React__namespace.createElement("div", welcomeMessageProps, props.welcomeMessage);
       }
       return null;
@@ -238,13 +239,13 @@ this.primereact.terminal = (function (exports, React, api, componentbase, termin
       var text = command.text,
         response = command.response;
       var key = text + '_' + index;
-      var commandsProps = utils.mergeProps({
+      var commandsProps = mergeProps({
         key: key
       }, ptm('commands'));
-      var commandProps = utils.mergeProps({
+      var commandProps = mergeProps({
         className: cx('command')
       }, ptm('command'));
-      var responseProps = utils.mergeProps({
+      var responseProps = mergeProps({
         className: cx('response'),
         'aria-live': 'polite'
       }, ptm('response'));
@@ -252,16 +253,16 @@ this.primereact.terminal = (function (exports, React, api, componentbase, termin
     };
     var createContent = function createContent() {
       var content = commandsState.map(createCommand);
-      var contentProps = utils.mergeProps({
+      var contentProps = mergeProps({
         className: cx('content')
       }, ptm('content'));
       return /*#__PURE__*/React__namespace.createElement("div", contentProps, content);
     };
     var createPromptContainer = function createPromptContainer() {
-      var containerProps = utils.mergeProps({
+      var containerProps = mergeProps({
         className: cx('container')
       }, ptm('container'));
-      var commandTextProps = utils.mergeProps({
+      var commandTextProps = mergeProps({
         ref: inputRef,
         value: commandTextState,
         type: 'text',
@@ -277,7 +278,7 @@ this.primereact.terminal = (function (exports, React, api, componentbase, termin
     var welcomeMessage = createWelcomeMessage();
     var content = createContent();
     var prompt = createPromptContainer();
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       id: props.id,
       ref: elementRef,
       className: utils.classNames(props.className, cx('root')),
@@ -294,4 +295,4 @@ this.primereact.terminal = (function (exports, React, api, componentbase, termin
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.terminalservice, primereact.utils);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.terminalservice, primereact.utils);

package/terminal/terminal.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.terminal=function(e,r,t,n,a,o){"use strict";function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=i(r);function c(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function s(e){if(Array.isArray(e))return c(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,r){if(e){if("string"==typeof e)return c(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?c(e,r):void 0}}function p(){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 f(e){return s(e)||m(e)||u(e)||p()}function d(e){if(Array.isArray(e))return e}function y(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,i,l=[],c=!0,s=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=o.call(t)).done)&&(l.push(n.value),l.length!==r);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 v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,r){return d(e)||y(e,r)||u(e,r)||v()}var b=n.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"}}),h=l.memo(l.forwardRef((function(e,r){var i=l.useContext(t.PrimeReactContext),c=b.getProps(e,i),s=g(l.useState(""),2),m=s[0],u=s[1],p=g(l.useState([]),2),d=p[0],y=p[1],v=g(l.useState(0),2),h=v[0],E=v[1],S=g(l.useState(""),2),P=S[0],w=S[1],T=l.useRef(null),x=l.useRef(null),j=l.useRef(!1),O=b.setMetaData({props:c,state:{commandText:m,commands:d}}),N=O.ptm,A=O.cx;n.useHandleStyle(b.css.styles,O.isUnstyled,{name:"terminal"});var M=o.mergeProps({className:A("prompt")},N("prompt")),C=function(e){u(e.target.value)},_=function(e){switch(e.code){case"ArrowUp":if(d&&d.length){var r=h-1<0?d.length-1:h-1,t=d[r];E(r),u(t.text)}break;case"Enter":if(m){var n=f(d);n.push({text:m}),E((function(e){return e+1})),u(""),y(n),w(m),j.current=!0}}};l.useImperativeHandle(r,(function(){return{props:c,focus:function(){return o.DomHandler.focus(x.current)},getElement:function(){return T.current}}})),l.useEffect((function(){var e=function(e){if(d&&d.length>0){var r=f(d);r[r.length-1].response=e,y(r)}},r=function(){y([]),E(0)};return a.TerminalService.on("response",e),a.TerminalService.on("clear",r),function(){a.TerminalService.off("response",e),a.TerminalService.off("clear",r)}}),[d]),l.useEffect((function(){j.current&&(a.TerminalService.emit("command",P),j.current=!1),T.current.scrollTop=T.current.scrollHeight}));var I,R,k=function(e,r){var t=e.text,n=e.response,a=o.mergeProps({key:t+"_"+r},N("commands")),i=o.mergeProps({className:A("command")},N("command")),s=o.mergeProps({className:A("response"),"aria-live":"polite"},N("response"));return l.createElement("div",a,l.createElement("span",M,c.prompt," "),l.createElement("span",i,t),l.createElement("div",s,n))},D=function(){if(c.welcomeMessage){var e=o.mergeProps(N("welcomeMessage"));return l.createElement("div",e,c.welcomeMessage)}return null}(),H=function(){var e=d.map(k),r=o.mergeProps({className:A("content")},N("content"));return l.createElement("div",r,e)}(),U=(I=o.mergeProps({className:A("container")},N("container")),R=o.mergeProps({ref:x,value:m,type:"text",className:A("commandText"),autoComplete:"off",onChange:function(e){return C(e)},onKeyDown:_},N("commandText")),l.createElement("div",I,l.createElement("span",M,c.prompt," "),l.createElement("input",R))),z=o.mergeProps({id:c.id,ref:T,className:o.classNames(c.className,A("root")),style:c.style,onClick:function(){o.DomHandler.focus(x.current)}},b.getOtherProps(c),N("root"));return l.createElement("div",z,D,H,U)})));return h.displayName="Terminal",e.Terminal=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.terminalservice,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.terminal=function(e,t,n,r,a,o,i){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var c=l(t);function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function 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,t){if(e){if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?s(e,t):void 0}}function 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 y(e){if(Array.isArray(e))return e}function v(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,o,i,l=[],c=!0,s=!1;try{if(o=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=o.call(n)).done)&&(l.push(r.value),l.length!==t);c=!0);}catch(e){s=!0,a=e}finally{try{if(!c&&null!=n.return&&(i=n.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,t){return y(e)||v(e,t)||p(e,t)||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,t){var l=a.useMergeProps(),s=c.useContext(n.PrimeReactContext),u=g.getProps(e,s),m=b(c.useState(""),2),p=m[0],f=m[1],y=b(c.useState([]),2),v=y[0],h=y[1],E=b(c.useState(0),2),S=E[0],w=E[1],T=b(c.useState(""),2),x=T[0],j=T[1],O=c.useRef(null),N=c.useRef(null),A=c.useRef(!1),M=g.setMetaData({props:u,state:{commandText:p,commands:v}}),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(v&&v.length){var t=S-1<0?v.length-1:S-1,n=v[t];w(t),f(n.text)}break;case"Enter":if(p){var r=d(v);r.push({text:p}),w((function(e){return e+1})),f(""),h(r),j(p),A.current=!0}}};c.useImperativeHandle(t,(function(){return{props:u,focus:function(){return i.DomHandler.focus(N.current)},getElement:function(){return O.current}}})),c.useEffect((function(){var e=function(e){if(v&&v.length>0){var t=d(v);t[t.length-1].response=e,h(t)}},t=function(){h([]),w(0)};return o.TerminalService.on("response",e),o.TerminalService.on("clear",t),function(){o.TerminalService.off("response",e),o.TerminalService.off("clear",t)}}),[v]),c.useEffect((function(){A.current&&(o.TerminalService.emit("command",x),A.current=!1),O.current.scrollTop=O.current.scrollHeight}));var R,D,H=function(e,t){var n=e.text,r=e.response,a=l({key:n+"_"+t},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,n),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=v.map(H),t=l({className:C("content")},P("content"));return c.createElement("div",t,e)}(),B=(R=l({className:C("container")},P("container")),D=l({ref:N,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:O,className:i.classNames(u.className,C("root")),style:u.style,onClick:function(){i.DomHandler.focus(N.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/tieredmenu/tieredmenu.cjs.js

@@ -223,6 +223,7 @@ function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var elementRef = React__namespace.useRef(null);
+  var mergeProps = hooks.useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     sx = props.sx;
@@ -325,7 +326,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   });
   var createSeparator = function createSeparator(index) {
     var key = 'separator_' + index;
-    var separatorProps = utils.mergeProps({
+    var separatorProps = mergeProps({
       key: key,
       className: cx('separator'),
       role: 'separator'
@@ -341,7 +342,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
         menuProps: props.menuProps,
         model: processedItem.items,
         menuId: props.menuId,
-        ariaLabelledby: getItemId(item),
+        ariaLabelledby: getItemId(processedItem),
         focusedItemId: props.focusedItemId,
         activeItemPath: props.activeItemPath,
         level: props.level + 1,
@@ -374,25 +375,25 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
     var grouped = isItemGroup(processedItem);
     var linkClassName = utils.classNames('p-menuitem-link');
     var iconClassName = utils.classNames('p-menuitem-icon', _icon);
-    var iconProps = utils.mergeProps({
+    var iconProps = mergeProps({
       className: utils.classNames(item.icon, 'p-menuitem-icon', 'icon')
     }, getPTOptions(processedItem, 'icon'));
     var icon = utils.IconUtils.getJSXIcon(_icon, _objectSpread$1({}, iconProps), {
       props: props.menuProps
     });
-    var labelProps = utils.mergeProps({
+    var labelProps = mergeProps({
       className: cx('label')
     }, getPTOptions(processedItem, 'label'));
     var label = item.label && /*#__PURE__*/React__namespace.createElement("span", labelProps, item.label);
     var submenuIconClassName = 'p-submenu-icon';
-    var submenuIconProps = utils.mergeProps({
+    var submenuIconProps = mergeProps({
       className: cx('submenuIcon')
     }, getPTOptions(processedItem, 'submenuIcon'));
     var submenuIcon = grouped && utils.IconUtils.getJSXIcon(props.submenuIcon || /*#__PURE__*/React__namespace.createElement(angleright.AngleRightIcon, submenuIconProps), _objectSpread$1({}, submenuIconProps), {
       props: props.menuProps
     });
     var submenu = createSubmenu(processedItem, index);
-    var actionProps = utils.mergeProps({
+    var actionProps = mergeProps({
       href: url || '#',
       'aria-hidden': true,
       tabIndex: '-1',
@@ -416,7 +417,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       };
       content = utils.ObjectUtils.getJSXElement(item.template, item, defaultContentOptions);
     }
-    var contentProps = utils.mergeProps({
+    var contentProps = mergeProps({
       onClick: function onClick(event) {
         return onItemClick(event, processedItem);
       },
@@ -425,7 +426,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
       },
       className: cx('content')
     }, getPTOptions(processedItem, 'content'));
-    var menuitemProps = utils.mergeProps({
+    var menuitemProps = mergeProps({
       key: key,
       id: key,
       'aria-label': item.label,
@@ -460,7 +461,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__name
   };
   var submenu = createMenu();
   var ptKey = props.root ? 'menu' : 'submenu';
-  var menuProps = utils.mergeProps({
+  var menuProps = mergeProps({
     ref: elementRef,
     id: props.id,
     tabIndex: props.tabIndex,
@@ -488,6 +489,7 @@ TieredMenuSub.displayName = 'TieredMenuSub';
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = TieredMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(props.id),
@@ -1003,7 +1005,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       });
     }
   };
-  var createProcessedItems = function createProcessedItems(items) {
+  var createProcessedItems = React__namespace.useCallback(function (items) {
     var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
@@ -1022,7 +1024,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       processedItems.push(newItem);
     });
     return processedItems;
-  };
+  }, []);
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
       styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
@@ -1078,11 +1080,11 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
       !attributeSelectorState && setAttributeSelectorState(uniqueId);
     }
   });
-  hooks.useUpdateEffect(function () {
+  React__namespace.useEffect(function () {
     var itemsToProcess = props.model || [];
     var processed = createProcessedItems(itemsToProcess);
     setProcessedItems(processed);
-  }, props.model);
+  }, [props.model, createProcessedItems]);
   hooks.useUpdateEffect(function () {
     var processedItem = activeItemPath.find(function (p) {
       return p.key === focusedItemInfo.parentKey;
@@ -1139,14 +1141,14 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     };
   });
   var createElement = function createElement() {
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: containerRef,
       id: props.id,
       className: cx('root'),
       style: props.style,
       onClick: onPanelClick
     }, TieredMenuBase.getOtherProps(props), ptm('root'));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": visibleState,
       timeout: {

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

package/tieredmenu/tieredmenu.esm.js

@@ -3,10 +3,10 @@ import * as React from 'react';
 import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
 import { CSSTransition } from 'primereact/csstransition';
-import { useUpdateEffect, useMatchMedia, useEventListener, useResizeListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
+import { useMergeProps, useUpdateEffect, useMatchMedia, useEventListener, useResizeListener, useMountEffect, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
 import { Portal } from 'primereact/portal';
-import { classNames, mergeProps, DomHandler, ObjectUtils, IconUtils, UniqueComponentId, ZIndexUtils } from 'primereact/utils';
+import { classNames, DomHandler, ObjectUtils, IconUtils, UniqueComponentId, ZIndexUtils } from 'primereact/utils';
 import { AngleRightIcon } from 'primereact/icons/angleright';
 import { Ripple } from 'primereact/ripple';
 
@@ -196,6 +196,7 @@ function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TieredMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
+  var mergeProps = useMergeProps();
   var ptm = props.ptm,
     cx = props.cx,
     sx = props.sx;
@@ -314,7 +315,7 @@ var TieredMenuSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
         menuProps: props.menuProps,
         model: processedItem.items,
         menuId: props.menuId,
-        ariaLabelledby: getItemId(item),
+        ariaLabelledby: getItemId(processedItem),
         focusedItemId: props.focusedItemId,
         activeItemPath: props.activeItemPath,
         level: props.level + 1,
@@ -461,6 +462,7 @@ TieredMenuSub.displayName = 'TieredMenuSub';
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = TieredMenuBase.getProps(inProps, context);
   var _React$useState = React.useState(props.id),
@@ -976,7 +978,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       });
     }
   };
-  var createProcessedItems = function createProcessedItems(items) {
+  var createProcessedItems = React.useCallback(function (items) {
     var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     var parentKey = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
@@ -995,7 +997,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       processedItems.push(newItem);
     });
     return processedItems;
-  };
+  }, []);
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
       styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
@@ -1051,11 +1053,11 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       !attributeSelectorState && setAttributeSelectorState(uniqueId);
     }
   });
-  useUpdateEffect(function () {
+  React.useEffect(function () {
     var itemsToProcess = props.model || [];
     var processed = createProcessedItems(itemsToProcess);
     setProcessedItems(processed);
-  }, props.model);
+  }, [props.model, createProcessedItems]);
   useUpdateEffect(function () {
     var processedItem = activeItemPath.find(function (p) {
       return p.key === focusedItemInfo.parentKey;

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