primereact 10.3.0 → 10.3.2

package/tag/tag.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tag=function(e,t,r,n,o){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=a(t);function c(e){return c="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},c(e)}function l(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=l(e,"string");return"symbol"===c(t)?t:String(t)}function u(e,t,r){return(t=s(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var p=n.ComponentBase.extend({defaultProps:{__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null,children:void 0},css:{classes:{value:"p-tag-value",icon:"p-tag-icon",root:function(e){var t=e.props;return o.classNames("p-tag p-component",u(u({},"p-tag-".concat(t.severity),null!==t.severity),"p-tag-rounded",t.rounded))}},styles:"\n@layer primereact {\n    .p-tag {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tag-icon,\n    .p-tag-value,\n    .p-tag-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-tag.p-tag-rounded {\n        border-radius: 10rem;\n    }\n}\n"}});function f(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?f(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var y=i.forwardRef((function(e,t){var a=i.useContext(r.PrimeReactContext),c=p.getProps(e,a),l=p.setMetaData({props:c}),s=l.ptm,u=l.cx;n.useHandleStyle(p.css.styles,l.isUnstyled,{name:"tag"});var f=i.useRef(null),y=o.mergeProps({className:u("icon")},s("icon")),g=o.IconUtils.getJSXIcon(c.icon,m({},y),{props:c});i.useImperativeHandle(t,(function(){return{props:c,getElement:function(){return f.current}}}));var b=o.mergeProps({ref:f,className:o.classNames(c.className,u("root")),style:c.style},p.getOtherProps(c),s("root")),v=o.mergeProps({className:u("value")},s("value"));return i.createElement("span",b,g,i.createElement("span",v,c.value),i.createElement("span",null,c.children))}));return y.displayName="Tag",e.Tag=y,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tag=function(e,t,r,n,o,a){"use strict";function i(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var c=i(t);function l(e){return l="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},l(e)}function u(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function s(e){var t=u(e,"string");return"symbol"===l(t)?t:String(t)}function p(e,t,r){return(t=s(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var f=n.ComponentBase.extend({defaultProps:{__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null,children:void 0},css:{classes:{value:"p-tag-value",icon:"p-tag-icon",root:function(e){var t=e.props;return a.classNames("p-tag p-component",p(p({},"p-tag-".concat(t.severity),null!==t.severity),"p-tag-rounded",t.rounded))}},styles:"\n@layer primereact {\n    .p-tag {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-tag-icon,\n    .p-tag-value,\n    .p-tag-icon.pi {\n        line-height: 1.5;\n    }\n    \n    .p-tag.p-tag-rounded {\n        border-radius: 10rem;\n    }\n}\n"}});function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach((function(t){p(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var b=c.forwardRef((function(e,t){var i=o.useMergeProps(),l=c.useContext(r.PrimeReactContext),u=f.getProps(e,l),s=f.setMetaData({props:u}),p=s.ptm,m=s.cx;n.useHandleStyle(f.css.styles,s.isUnstyled,{name:"tag"});var b=c.useRef(null),g=i({className:m("icon")},p("icon")),v=a.IconUtils.getJSXIcon(u.icon,y({},g),{props:u});c.useImperativeHandle(t,(function(){return{props:u,getElement:function(){return b.current}}}));var d=i({ref:b,className:a.classNames(u.className,m("root")),style:u.style},f.getOtherProps(u),p("root")),O=i({className:m("value")},p("value"));return c.createElement("span",d,v,c.createElement("span",O,u.value),c.createElement("span",null,u.children))}));return b.displayName="Tag",e.Tag=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils);

package/terminal/terminal.cjs.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var api = require('primereact/api');
 var componentbase = require('primereact/componentbase');
+var hooks = require('primereact/hooks');
 var terminalservice = require('primereact/terminalservice');
 var utils = require('primereact/utils');
 
@@ -127,6 +128,7 @@ var TerminalBase = componentbase.ComponentBase.extend({
 });
 
 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(''),
@@ -161,7 +163,7 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   componentbase.useHandleStyle(TerminalBase.css.styles, isUnstyled, {
     name: 'terminal'
   });
-  var promptProps = utils.mergeProps({
+  var promptProps = mergeProps({
     className: cx('prompt')
   }, ptm('prompt'));
   var onClick = function onClick() {
@@ -236,7 +238,7 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   });
   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;
@@ -245,13 +247,13 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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'));
@@ -259,16 +261,16 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   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',
@@ -284,7 +286,7 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   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')),

package/terminal/terminal.cjs.min.js

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

package/terminal/terminal.esm.js

@@ -2,8 +2,9 @@
 import * as React from 'react';
 import { PrimeReactContext } from 'primereact/api';
 import { ComponentBase, useHandleStyle } from 'primereact/componentbase';
+import { useMergeProps } from 'primereact/hooks';
 import { TerminalService } from 'primereact/terminalservice';
-import { mergeProps, DomHandler, classNames } from 'primereact/utils';
+import { DomHandler, classNames } from 'primereact/utils';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -103,6 +104,7 @@ var TerminalBase = ComponentBase.extend({
 });
 
 var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var mergeProps = useMergeProps();
   var context = React.useContext(PrimeReactContext);
   var props = TerminalBase.getProps(inProps, context);
   var _React$useState = React.useState(''),

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),
@@ -1025,7 +1027,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
+      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
       var selector = "".concat(attributeSelectorState);
       var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-tieredmenu[").concat(selector, "] > ul {\n        max-height: ").concat(props.scrollHeight, ";\n        overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(selector, "] .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(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-icon:before {\n        content: \"\\e930\";\n    }\n\n    ").concat(!props.popup ? ".p-tieredmenu[".concat(selector, "] { width: 100%; }") : '', "\n}\n");
       styleElementRef.current.innerHTML = innerHTML;
@@ -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);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")),T=a.IconUtils.getJSXIcon(s,D({},U),{props:e.menuProps}),C=r({className:u("label")},p(n,"label")),A=i.label&&m.createElement("span",C,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,T,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),T=U[0],C=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),C({index:Ye(),level:0,parentKey:""})},he=function(e,n){p.popup&&(x(!1),p.onHide&&p.onHide(e));var t=Ce();E([]),C({index:-1,level:0,parentKey:""}),n&&a.DomHandler.focus(oe.current||ie.current||t),R(!1)},xe=function(e){P(!0),C(-1!==T.index?T:{index:Ye(),level:0,parentKey:""}),p.onFocus&&p.onFocus(e)},Ie=function(e){P(!1),C({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":Te(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),C({index:r,level:o,parentKey:u}),E(l),c&&R(!0),t&&a.DomHandler.focus(Ce())}},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=Ce();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)}))),C({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),C({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!==T.index?Ve(T.index):Ye();Qe(n),e.preventDefault()},De=function(e){if(e.altKey){if(p.popup&&a.DomHandler.focus(ie.current),-1!==T.index){var n=Z[T.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}p.popup&&he(e,!0),e.preventDefault()}else{var t=-1!==T.index?Je(T.index):$e();Qe(t),e.preventDefault()}},we=function(e){var n=Z[T.index],t=O.find((function(e){return e.key===n.parentKey}));a.ObjectUtils.isEmpty(n.parent)||(C({index:-1,parentKey:t?t.parentKey:""}),ae.current="",setTimeout((function(){return J(!0)}),0)),E(O.filter((function(e){return e.parentKey!==T.parentKey}))),e.preventDefault()},Pe=function(e){var n=Z[T.index];_e(n)&&(Ee({originalEvent:e,processedItem:n}),C({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!==T.index){var n=a.DomHandler.findSingle(Ce(),'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&&C(N(N({},T),{},{index:Ye()})),e.preventDefault()},Te=function(e){if(-1!==T.index){var n=Z[T.index];!_e(n)&&Ee({originalEvent:e,processedItem:n})}he(e)},Ce=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!==T.index?-1===(n=Z.slice(T.index).findIndex((function(e){return qe(e)})))?Z.slice(0,T.index).findIndex((function(e){return qe(e)})):n+T.index:Z.findIndex((function(e){return qe(e)})))&&(t=!0),-1===n&&-1===T.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){T.index!==e&&(C(N(N({},T),{},{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(Ce(),'li[id="'.concat(n,'"]'));t&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"start"})},nn=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},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)})),i.useUpdateEffect((function(){var e=nn(p.model||[]);W(e)}),p.model),i.useUpdateEffect((function(){var e=O.find((function(e){return e.key===T.parentKey}));F(e?e.items:q)}),[O,T,q]),i.useUpdateEffect((function(){var e=-1!==T.index?"".concat(v).concat(a.ObjectUtils.isNotEmpty(T.parentKey)?"_"+T.parentKey:"","_").concat(T.index):null;K(e)}),[T]),i.useUpdateEffect((function(){p.popup||(a.ObjectUtils.isNotEmpty(O)?(pe(),fe()):(me(),be()))}),[O]),i.useUpdateEffect((function(){if(V){var e=-1!==T.index?Ve(T.index):Ye();Qe(e),E(O.filter((function(e){return e.parentKey!==T.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.d.ts

@@ -142,7 +142,7 @@ export interface TieredMenuProps extends Omit<React.DetailedHTMLProps<React.HTML
      * DOM element instance where the overlay panel should be mounted. Valid values are any DOM Element and 'self'. The self value is used to render a component where it is located.
      * @defaultValue document.body
      */
-    appendTo?: 'self' | HTMLElement | null | undefined;
+    appendTo?: 'self' | HTMLElement | undefined | null | (() => HTMLElement);
     /**
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      * @type {CSSTransitionProps}

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),
@@ -998,7 +1000,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce);
+      styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce, context && context.styleContainer);
       var selector = "".concat(attributeSelectorState);
       var innerHTML = "\n@media screen and (max-width: ".concat(props.breakpoint, ") {\n    .p-tieredmenu[").concat(selector, "] > ul {\n        max-height: ").concat(props.scrollHeight, ";\n        overflow: ").concat(props.scrollHeight ? 'auto' : '', ";\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(selector, "] .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(selector, "] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(selector, "] .p-submenu-icon:before {\n        content: \"\\e930\";\n    }\n\n    ").concat(!props.popup ? ".p-tieredmenu[".concat(selector, "] { width: 100%; }") : '', "\n}\n");
       styleElementRef.current.innerHTML = innerHTML;