primereact 9.5.0 → 9.6.0

package/terminal/terminal.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/terminalservice"),t=require("primereact/utils"),n=require("primereact/componentbase");function a(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 o=a(e);function l(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 c(e){if(Array.isArray(e))return l(e)}function i(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 l(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)?l(e,r):void 0}}function s(){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 m(e){return c(e)||i(e)||u(e)||s()}function f(e){if(Array.isArray(e))return e}function p(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,l,c=[],i=!0,u=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;i=!1}else for(;!(i=(n=o.call(t)).done)&&(c.push(n.value),c.length!==r);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw a}}return c}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function v(e,r){return f(e)||p(e,r)||u(e,r)||d()}var y=n.ComponentBase.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0}}),g=o.memo(o.forwardRef((function(e,n){var a=y.getProps(e),l=v(o.useState(""),2),c=l[0],i=l[1],u=v(o.useState([]),2),s=u[0],f=u[1],p=v(o.useState(0),2),d=p[0],g=p[1],b=v(o.useState(""),2),h=b[0],E=b[1],S=o.useRef(null),P=o.useRef(null),w=o.useRef(!1),T=y.setMetaData({props:a,state:{commandText:c,commands:s}}).ptm,j=t.mergeProps({className:"p-terminal-prompt"},T("prompt")),O=function(e){i(e.target.value)},N=function(e){switch(e.which||e.keyCode){case 38:if(s&&s.length){var r=d-1<0?s.length-1:d-1,t=s[r];g(r),i(t.text)}break;case 13:if(c){var n=m(s);n.push({text:c}),g((function(e){return e+1})),i(""),f(n),E(c),w.current=!0}}};o.useImperativeHandle(n,(function(){return{props:a,focus:function(){return t.DomHandler.focus(P.current)},getElement:function(){return S.current}}})),o.useEffect((function(){var e=function(e){if(s&&s.length>0){var r=m(s);r[r.length-1].response=e,f(r)}},t=function(){f([]),g(0)};return r.TerminalService.on("response",e),r.TerminalService.on("clear",t),function(){r.TerminalService.off("response",e),r.TerminalService.off("clear",t)}}),[s]),o.useEffect((function(){w.current&&(r.TerminalService.emit("command",h),w.current=!1),S.current.scrollTop=S.current.scrollHeight}));var x,A,M=function(e,r){var n=e.text,l=e.response,c=t.mergeProps({key:n+"_"+r},T("commands")),i=t.mergeProps({className:"p-terminal-command"},T("command")),u=t.mergeProps({className:"p-terminal-response"},T("response"));return o.createElement("div",c,o.createElement("span",j,a.prompt," "),o.createElement("span",i,n),o.createElement("div",u,l))},_=t.classNames("p-terminal p-component",a.className),C=function(){if(a.welcomeMessage){var e=t.mergeProps(T("welcomeMessage"));return o.createElement("div",e,a.welcomeMessage)}return null}(),I=function(){var e=s.map(M),r=t.mergeProps({className:"p-terminal-content"},T("content"));return o.createElement("div",r,e)}(),k=(x=t.mergeProps({className:"p-terminal-prompt-container"},T("container")),A=t.mergeProps({ref:P,value:c,type:"text",className:"p-terminal-input",autoComplete:"off",onChange:function(e){return O(e)},onKeyDown:function(e){return N(e)}},T("commandText")),o.createElement("div",x,o.createElement("span",j,a.prompt," "),o.createElement("input",A))),D=t.mergeProps({id:a.id,ref:S,className:_,style:a.style,onClick:function(){t.DomHandler.focus(P.current)}},y.getOtherProps(a),T("root"));return o.createElement("div",D,C,I,k)})));g.displayName="Terminal",exports.Terminal=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("primereact/terminalservice"),t=require("primereact/utils"),n=require("primereact/componentbase"),a=require("primereact/api");function o(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 c=o(e);function i(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 l(e){if(Array.isArray(e))return i(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,r){if(e){if("string"==typeof e)return i(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)?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 f(e){return l(e)||u(e)||s(e)||m()}function p(e){if(Array.isArray(e))return e}function d(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,c,i=[],l=!0,u=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;l=!1}else for(;!(l=(n=o.call(t)).done)&&(i.push(n.value),i.length!==r);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(u)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 p(e)||d(e,r)||s(e,r)||v()}var g=n.ComponentBase.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0}}),b=c.memo(c.forwardRef((function(e,n){var o=c.useContext(a.PrimeReactContext),i=g.getProps(e,o),l=y(c.useState(""),2),u=l[0],s=l[1],m=y(c.useState([]),2),p=m[0],d=m[1],v=y(c.useState(0),2),b=v[0],h=v[1],E=y(c.useState(""),2),P=E[0],S=E[1],w=c.useRef(null),T=c.useRef(null),j=c.useRef(!1),x=g.setMetaData({props:i,state:{commandText:u,commands:p}}).ptm,O=t.mergeProps({className:"p-terminal-prompt"},x("prompt")),N=function(e){s(e.target.value)},A=function(e){switch(e.which||e.keyCode){case 38:if(p&&p.length){var r=b-1<0?p.length-1:b-1,t=p[r];h(r),s(t.text)}break;case 13:if(u){var n=f(p);n.push({text:u}),h((function(e){return e+1})),s(""),d(n),S(u),j.current=!0}}};c.useImperativeHandle(n,(function(){return{props:i,focus:function(){return t.DomHandler.focus(T.current)},getElement:function(){return w.current}}})),c.useEffect((function(){var e=function(e){if(p&&p.length>0){var r=f(p);r[r.length-1].response=e,d(r)}},t=function(){d([]),h(0)};return r.TerminalService.on("response",e),r.TerminalService.on("clear",t),function(){r.TerminalService.off("response",e),r.TerminalService.off("clear",t)}}),[p]),c.useEffect((function(){j.current&&(r.TerminalService.emit("command",P),j.current=!1),w.current.scrollTop=w.current.scrollHeight}));var C,M,_=function(e,r){var n=e.text,a=e.response,o=t.mergeProps({key:n+"_"+r},x("commands")),l=t.mergeProps({className:"p-terminal-command"},x("command")),u=t.mergeProps({className:"p-terminal-response"},x("response"));return c.createElement("div",o,c.createElement("span",O,i.prompt," "),c.createElement("span",l,n),c.createElement("div",u,a))},I=t.classNames("p-terminal p-component",i.className),k=function(){if(i.welcomeMessage){var e=t.mergeProps(x("welcomeMessage"));return c.createElement("div",e,i.welcomeMessage)}return null}(),q=function(){var e=p.map(_),r=t.mergeProps({className:"p-terminal-content"},x("content"));return c.createElement("div",r,e)}(),D=(C=t.mergeProps({className:"p-terminal-prompt-container"},x("container")),M=t.mergeProps({ref:T,value:u,type:"text",className:"p-terminal-input",autoComplete:"off",onChange:function(e){return N(e)},onKeyDown:function(e){return A(e)}},x("commandText")),c.createElement("div",C,c.createElement("span",O,i.prompt," "),c.createElement("input",M))),R=t.mergeProps({id:i.id,ref:w,className:I,style:i.style,onClick:function(){t.DomHandler.focus(T.current)}},g.getOtherProps(i),x("root"));return c.createElement("div",R,k,q,D)})));b.displayName="Terminal",exports.Terminal=b;

package/terminal/terminal.esm.js

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

package/terminal/terminal.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{TerminalService as t}from"primereact/terminalservice";import{mergeProps as r,DomHandler as n,classNames as o}from"primereact/utils";import{ComponentBase as a}from"primereact/componentbase";function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e){if(Array.isArray(e))return l(e)}function i(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 l(e,t);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)?l(e,t):void 0}}function s(){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 m(e){return c(e)||i(e)||u(e)||s()}function f(e){if(Array.isArray(e))return e}function p(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,c=[],i=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}function d(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function y(e,t){return f(e)||p(e,t)||u(e,t)||d()}var v=a.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0}}),h=e.memo(e.forwardRef((function(a,l){var c=v.getProps(a),i=y(e.useState(""),2),u=i[0],s=i[1],f=y(e.useState([]),2),p=f[0],d=f[1],h=y(e.useState(0),2),b=h[0],g=h[1],E=y(e.useState(""),2),w=E[0],S=E[1],N=e.useRef(null),x=e.useRef(null),A=e.useRef(!1),T=v.setMetaData({props:c,state:{commandText:u,commands:p}}).ptm,j=r({className:"p-terminal-prompt"},T("prompt")),I=function(e){s(e.target.value)},M=function(e){switch(e.which||e.keyCode){case 38:if(p&&p.length){var t=b-1<0?p.length-1:b-1,r=p[t];g(t),s(r.text)}break;case 13:if(u){var n=m(p);n.push({text:u}),g((function(e){return e+1})),s(""),d(n),S(u),A.current=!0}}};e.useImperativeHandle(l,(function(){return{props:c,focus:function(){return n.focus(x.current)},getElement:function(){return N.current}}})),e.useEffect((function(){var e=function(e){if(p&&p.length>0){var t=m(p);t[t.length-1].response=e,d(t)}},r=function(){d([]),g(0)};return t.on("response",e),t.on("clear",r),function(){t.off("response",e),t.off("clear",r)}}),[p]),e.useEffect((function(){A.current&&(t.emit("command",w),A.current=!1),N.current.scrollTop=N.current.scrollHeight}));var C,O,k=function(t,n){var o=t.text,a=t.response,l=r({key:o+"_"+n},T("commands")),i=r({className:"p-terminal-command"},T("command")),u=r({className:"p-terminal-response"},T("response"));return e.createElement("div",l,e.createElement("span",j,c.prompt," "),e.createElement("span",i,o),e.createElement("div",u,a))},P=o("p-terminal p-component",c.className),R=function(){if(c.welcomeMessage){var t=r(T("welcomeMessage"));return e.createElement("div",t,c.welcomeMessage)}return null}(),_=function(){var t=p.map(k),n=r({className:"p-terminal-content"},T("content"));return e.createElement("div",n,t)}(),D=(C=r({className:"p-terminal-prompt-container"},T("container")),O=r({ref:x,value:u,type:"text",className:"p-terminal-input",autoComplete:"off",onChange:function(e){return I(e)},onKeyDown:function(e){return M(e)}},T("commandText")),e.createElement("div",C,e.createElement("span",j,c.prompt," "),e.createElement("input",O))),H=r({id:c.id,ref:N,className:P,style:c.style,onClick:function(){n.focus(x.current)}},v.getOtherProps(c),T("root"));return e.createElement("div",H,R,_,D)})));h.displayName="Terminal";export{h as Terminal};
+import*as e from"react";import{TerminalService as t}from"primereact/terminalservice";import{mergeProps as r,DomHandler as n,classNames as o}from"primereact/utils";import{ComponentBase as a}from"primereact/componentbase";import{PrimeReactContext as l}from"primereact/api";function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function i(e){if(Array.isArray(e))return c(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,t){if(e){if("string"==typeof e)return c(e,t);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,t):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 f(e){return i(e)||u(e)||s(e)||m()}function p(e){if(Array.isArray(e))return e}function d(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,l,c=[],i=!0,u=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;i=!1}else for(;!(i=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);i=!0);}catch(e){u=!0,o=e}finally{try{if(!i&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(u)throw o}}return c}}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 v(e,t){return p(e)||d(e,t)||s(e,t)||y()}var h=a.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0}}),b=e.memo(e.forwardRef((function(a,c){var i=e.useContext(l),u=h.getProps(a,i),s=v(e.useState(""),2),m=s[0],p=s[1],d=v(e.useState([]),2),y=d[0],b=d[1],g=v(e.useState(0),2),E=g[0],w=g[1],S=v(e.useState(""),2),x=S[0],N=S[1],A=e.useRef(null),T=e.useRef(null),j=e.useRef(!1),C=h.setMetaData({props:u,state:{commandText:m,commands:y}}).ptm,I=r({className:"p-terminal-prompt"},C("prompt")),M=function(e){p(e.target.value)},O=function(e){switch(e.which||e.keyCode){case 38:if(y&&y.length){var t=E-1<0?y.length-1:E-1,r=y[t];w(t),p(r.text)}break;case 13:if(m){var n=f(y);n.push({text:m}),w((function(e){return e+1})),p(""),b(n),N(m),j.current=!0}}};e.useImperativeHandle(c,(function(){return{props:u,focus:function(){return n.focus(T.current)},getElement:function(){return A.current}}})),e.useEffect((function(){var e=function(e){if(y&&y.length>0){var t=f(y);t[t.length-1].response=e,b(t)}},r=function(){b([]),w(0)};return t.on("response",e),t.on("clear",r),function(){t.off("response",e),t.off("clear",r)}}),[y]),e.useEffect((function(){j.current&&(t.emit("command",x),j.current=!1),A.current.scrollTop=A.current.scrollHeight}));var k,P,R=function(t,n){var o=t.text,a=t.response,l=r({key:o+"_"+n},C("commands")),c=r({className:"p-terminal-command"},C("command")),i=r({className:"p-terminal-response"},C("response"));return e.createElement("div",l,e.createElement("span",I,u.prompt," "),e.createElement("span",c,o),e.createElement("div",i,a))},_=o("p-terminal p-component",u.className),D=function(){if(u.welcomeMessage){var t=r(C("welcomeMessage"));return e.createElement("div",t,u.welcomeMessage)}return null}(),H=function(){var t=y.map(R),n=r({className:"p-terminal-content"},C("content"));return e.createElement("div",n,t)}(),K=(k=r({className:"p-terminal-prompt-container"},C("container")),P=r({ref:T,value:m,type:"text",className:"p-terminal-input",autoComplete:"off",onChange:function(e){return M(e)},onKeyDown:function(e){return O(e)}},C("commandText")),e.createElement("div",k,e.createElement("span",I,u.prompt," "),e.createElement("input",P))),U=r({id:u.id,ref:A,className:_,style:u.style,onClick:function(){n.focus(T.current)}},h.getOtherProps(u),C("root"));return e.createElement("div",U,D,H,K)})));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, terminalservice, utils, componentbase) {
+this.primereact.terminal = (function (exports, React, terminalservice, utils, componentbase, api) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -106,7 +106,8 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils, co
   });
 
   var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = TerminalBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = TerminalBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(''),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       commandTextState = _React$useState2[0],
@@ -280,4 +281,4 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils, co
 
   return exports;
 
-})({}, React, primereact.terminalservice, primereact.utils, primereact.componentbase);
+})({}, React, primereact.terminalservice, primereact.utils, primereact.componentbase, primereact.api);

package/terminal/terminal.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.terminal=function(e,r,t,n,a){"use strict";function o(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 c=o(r);function l(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 i(e){if(Array.isArray(e))return l(e)}function u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function s(e,r){if(e){if("string"==typeof e)return l(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)?l(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 f(e){return i(e)||u(e)||s(e)||m()}function p(e){if(Array.isArray(e))return e}function d(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,c,l=[],i=!0,u=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;i=!1}else for(;!(i=(n=o.call(t)).done)&&(l.push(n.value),l.length!==r);i=!0);}catch(e){u=!0,a=e}finally{try{if(!i&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(u)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 y(e,r){return p(e)||d(e,r)||s(e,r)||v()}var g=a.ComponentBase.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0}}),h=c.memo(c.forwardRef((function(e,r){var a=g.getProps(e),o=y(c.useState(""),2),l=o[0],i=o[1],u=y(c.useState([]),2),s=u[0],m=u[1],p=y(c.useState(0),2),d=p[0],v=p[1],h=y(c.useState(""),2),b=h[0],E=h[1],S=c.useRef(null),P=c.useRef(null),w=c.useRef(!1),T=g.setMetaData({props:a,state:{commandText:l,commands:s}}).ptm,j=n.mergeProps({className:"p-terminal-prompt"},T("prompt")),O=function(e){i(e.target.value)},N=function(e){switch(e.which||e.keyCode){case 38:if(s&&s.length){var r=d-1<0?s.length-1:d-1,t=s[r];v(r),i(t.text)}break;case 13:if(l){var n=f(s);n.push({text:l}),v((function(e){return e+1})),i(""),m(n),E(l),w.current=!0}}};c.useImperativeHandle(r,(function(){return{props:a,focus:function(){return n.DomHandler.focus(P.current)},getElement:function(){return S.current}}})),c.useEffect((function(){var e=function(e){if(s&&s.length>0){var r=f(s);r[r.length-1].response=e,m(r)}},r=function(){m([]),v(0)};return t.TerminalService.on("response",e),t.TerminalService.on("clear",r),function(){t.TerminalService.off("response",e),t.TerminalService.off("clear",r)}}),[s]),c.useEffect((function(){w.current&&(t.TerminalService.emit("command",b),w.current=!1),S.current.scrollTop=S.current.scrollHeight}));var A,x,M=function(e,r){var t=e.text,o=e.response,l=n.mergeProps({key:t+"_"+r},T("commands")),i=n.mergeProps({className:"p-terminal-command"},T("command")),u=n.mergeProps({className:"p-terminal-response"},T("response"));return c.createElement("div",l,c.createElement("span",j,a.prompt," "),c.createElement("span",i,t),c.createElement("div",u,o))},_=n.classNames("p-terminal p-component",a.className),C=function(){if(a.welcomeMessage){var e=n.mergeProps(T("welcomeMessage"));return c.createElement("div",e,a.welcomeMessage)}return null}(),I=function(){var e=s.map(M),r=n.mergeProps({className:"p-terminal-content"},T("content"));return c.createElement("div",r,e)}(),k=(A=n.mergeProps({className:"p-terminal-prompt-container"},T("container")),x=n.mergeProps({ref:P,value:l,type:"text",className:"p-terminal-input",autoComplete:"off",onChange:function(e){return O(e)},onKeyDown:function(e){return N(e)}},T("commandText")),c.createElement("div",A,c.createElement("span",j,a.prompt," "),c.createElement("input",x))),D=n.mergeProps({id:a.id,ref:S,className:_,style:a.style,onClick:function(){n.DomHandler.focus(P.current)}},g.getOtherProps(a),T("root"));return c.createElement("div",D,C,I,k)})));return h.displayName="Terminal",e.Terminal=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.terminalservice,primereact.utils,primereact.componentbase);
+this.primereact=this.primereact||{},this.primereact.terminal=function(e,r,t,n,a,o){"use strict";function c(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 i=c(r);function l(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 u(e){if(Array.isArray(e))return l(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(e,r){if(e){if("string"==typeof e)return l(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)?l(e,r):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 p(e){return u(e)||s(e)||m(e)||f()}function d(e){if(Array.isArray(e))return e}function v(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,c,i=[],l=!0,u=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;l=!1}else for(;!(l=(n=o.call(t)).done)&&(i.push(n.value),i.length!==r);l=!0);}catch(e){u=!0,a=e}finally{try{if(!l&&null!=t.return&&(c=t.return(),Object(c)!==c))return}finally{if(u)throw a}}return i}}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 g(e,r){return d(e)||v(e,r)||m(e,r)||y()}var h=a.ComponentBase.extend({defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0}}),b=i.memo(i.forwardRef((function(e,r){var a=i.useContext(o.PrimeReactContext),c=h.getProps(e,a),l=g(i.useState(""),2),u=l[0],s=l[1],m=g(i.useState([]),2),f=m[0],d=m[1],v=g(i.useState(0),2),y=v[0],b=v[1],E=g(i.useState(""),2),P=E[0],S=E[1],w=i.useRef(null),T=i.useRef(null),j=i.useRef(!1),O=h.setMetaData({props:c,state:{commandText:u,commands:f}}).ptm,N=n.mergeProps({className:"p-terminal-prompt"},O("prompt")),x=function(e){s(e.target.value)},A=function(e){switch(e.which||e.keyCode){case 38:if(f&&f.length){var r=y-1<0?f.length-1:y-1,t=f[r];b(r),s(t.text)}break;case 13:if(u){var n=p(f);n.push({text:u}),b((function(e){return e+1})),s(""),d(n),S(u),j.current=!0}}};i.useImperativeHandle(r,(function(){return{props:c,focus:function(){return n.DomHandler.focus(T.current)},getElement:function(){return w.current}}})),i.useEffect((function(){var e=function(e){if(f&&f.length>0){var r=p(f);r[r.length-1].response=e,d(r)}},r=function(){d([]),b(0)};return t.TerminalService.on("response",e),t.TerminalService.on("clear",r),function(){t.TerminalService.off("response",e),t.TerminalService.off("clear",r)}}),[f]),i.useEffect((function(){j.current&&(t.TerminalService.emit("command",P),j.current=!1),w.current.scrollTop=w.current.scrollHeight}));var C,M,_=function(e,r){var t=e.text,a=e.response,o=n.mergeProps({key:t+"_"+r},O("commands")),l=n.mergeProps({className:"p-terminal-command"},O("command")),u=n.mergeProps({className:"p-terminal-response"},O("response"));return i.createElement("div",o,i.createElement("span",N,c.prompt," "),i.createElement("span",l,t),i.createElement("div",u,a))},I=n.classNames("p-terminal p-component",c.className),R=function(){if(c.welcomeMessage){var e=n.mergeProps(O("welcomeMessage"));return i.createElement("div",e,c.welcomeMessage)}return null}(),k=function(){var e=f.map(_),r=n.mergeProps({className:"p-terminal-content"},O("content"));return i.createElement("div",r,e)}(),D=(C=n.mergeProps({className:"p-terminal-prompt-container"},O("container")),M=n.mergeProps({ref:T,value:u,type:"text",className:"p-terminal-input",autoComplete:"off",onChange:function(e){return x(e)},onKeyDown:function(e){return A(e)}},O("commandText")),i.createElement("div",C,i.createElement("span",N,c.prompt," "),i.createElement("input",M))),H=n.mergeProps({id:c.id,ref:w,className:I,style:c.style,onClick:function(){n.DomHandler.focus(T.current)}},h.getOtherProps(c),O("root"));return i.createElement("div",H,R,k,D)})));return b.displayName="Terminal",e.Terminal=b,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.terminalservice,primereact.utils,primereact.componentbase,primereact.api);

package/tieredmenu/tieredmenu.cjs.js

@@ -440,7 +440,8 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 TieredMenuSub.displayName = 'TieredMenuSub';
 
 var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-  var props = TieredMenuBase.getProps(inProps);
+  var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+  var props = TieredMenuBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(!props.popup),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -505,7 +506,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+      styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
       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 !important;\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;
@@ -516,7 +517,7 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   };
   var onEnter = function onEnter() {
     if (props.autoZIndex) {
-      utils.ZIndexUtils.set('menu', menuRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['menu']);
+      utils.ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
     }
     utils.DomHandler.absolutePosition(menuRef.current, targetRef.current);
     if (attributeSelectorState && props.breakpoint) {
@@ -567,8 +568,8 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     TieredMenuBase.getOtherProps(props);
     var className = utils.classNames('p-tieredmenu p-component', {
       'p-tieredmenu-overlay': props.popup,
-      'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
     }, props.className);
     var rootProps = utils.mergeProps({
       ref: menuRef,

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/csstransition"),r=require("primereact/hooks"),o=require("primereact/overlayservice"),i=require("primereact/portal"),u=require("primereact/utils"),l=require("primereact/componentbase"),a=require("primereact/ripple"),c=require("primereact/icons/angleright");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),f=s(n);function d(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function g(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,n){return d(e)||b(e,n)||g(e,n)||y()}var E=l.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function S(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function w(e){var n=S(e,"string");return"symbol"===O(n)?n:String(n)}function I(e,n,t){return(n=w(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}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 D(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){I(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}var M=m.memo((function(e){var n=h(m.useState(null),2),t=n[0],o=n[1],i=m.useRef(null),l=function(n,r){return e.ptm(r,{context:{active:t===n}})},s=h(r.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||o(null)}}),1)[0],p=h(r.useResizeListener({listener:function(){!e.isMobileMode&&o(null)}}),1)[0],f=function(){if(i.current){var e=i.current.parentElement,n=u.DomHandler.getOffset(e),t=u.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(i.current),o=u.DomHandler.getOuterWidth(e.children[0]),l=parseInt(n.top,10)+i.current.offsetHeight-u.DomHandler.getWindowScrollTop();i.current.style.top=l>t.height?t.height-l+"px":"0px",parseInt(n.left,10)+o+r>t.width-u.DomHandler.calculateScrollbarWidth()&&u.DomHandler.addClass(i.current,"p-submenu-list-flipped")}},d=function(n,r){r.disabled||e.isMobileMode?n.preventDefault():e.root?(t||e.popup)&&o(r):o(r)},b=function(n,r){r.disabled?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),(e.root||e.isMobileMode)&&r.items&&o(t&&r===t?null:r),r.items||O(n))},v=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var i=y(r);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=E(r);u&&u.children[0].focus(),n.preventDefault();break;case 39:t.items&&(o(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,r)},g=function(e,n){37===e.which&&(o(null),n.parentElement.previousElementSibling.focus())},y=function e(n){var t=n.nextElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},E=function e(n){var t=n.previousElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},O=function(n){e.isMobileMode&&!e.popup||(o(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};r.useMountEffect((function(){s(),p()})),r.useUpdateEffect((function(){e.parentActive||o(null),e.root||!e.parentActive||e.isMobileMode||f()}),[e.parentActive]),r.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var S=function(n){var t=u.mergeProps({key:"separator_"+n,className:"p-menu-separator",role:"separator"},e.ptm("separator"));return m.createElement("li",t)},w=function(n){return n.items?m.createElement(M,{menuProps:e.menuProps,model:n.items,onLeafClick:O,popup:e.popup,onKeyDown:g,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon,ptm:e.ptm}):null},I=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,s=n.icon,p=n.label,f=n.items,g=n.target,y=n.url,h=n.template,E=p+"_"+r,O=t===n,S=u.classNames("p-menuitem",{"p-menuitem-active":O},n.className),I=u.classNames("p-menuitem-link",{"p-disabled":i}),P=u.classNames("p-menuitem-icon",s),M=u.mergeProps({className:P},l(n,"icon")),x=u.IconUtils.getJSXIcon(s,D({},M),{props:e.menuProps}),H=u.mergeProps({className:"p-menuitem-text"},l(n,"label")),j=p&&m.createElement("span",H,p),k="p-submenu-icon",N=u.mergeProps({className:k},l(n,"submenuIcon")),T=n.items&&u.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,N),D({},N),{props:e.menuProps}),C=w(n),A=u.mergeProps({href:y||"#",className:I,target:g,role:"menuitem","aria-haspopup":null!=f,onClick:function(e){return b(e,n)},onKeyDown:function(e){return v(e,n)},"aria-disabled":i},l(n,"action")),U=m.createElement("a",A,x,j,T,m.createElement(a.Ripple,null));h&&(U=u.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return b(e,n)},onKeyDown:function(e){return v(e,n)},className:I,labelClassName:"p-menuitem-text",iconClassName:P,submenuIconClassName:k,element:U,props:e,active:O,disabled:i}));var q=u.mergeProps({key:E,id:n.id,className:S,style:o,onMouseEnter:function(e){return d(e,n)},role:"none"},l(n,"menuitem"));return m.createElement("li",q,U,C)},P=function(e,n){return e.separator?S(n):I(e,n)},x=u.classNames({"p-submenu-list":!e.root}),H=e.model?e.model.map(P):null,j=u.mergeProps({ref:i,className:x,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},e.ptm("menu"));return m.createElement("ul",j,H)}));M.displayName="TieredMenuSub";var x=m.memo(m.forwardRef((function(e,n){var l=E.getProps(e),a=h(m.useState(!l.popup),2),c=a[0],s=a[1],p=h(m.useState(null),2),d=p[0],b=p[1],v=E.setMetaData({props:l,state:{visible:c,attributeSelector:d}}).ptm,g=m.useRef(null),y=m.useRef(null),O=m.useRef(null),S=r.useMatchMedia("screen and (max-width: ".concat(l.breakpoint,")"),!!l.breakpoint),w=h(r.useOverlayListener({target:y,overlay:g,listener:function(e,n){n.valid&&j(e)},when:c}),2),I=w[0],P=w[1],D=function(e){l.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},x=function(e){l.popup&&(c?j(e):H(e))},H=function(e){y.current=e.currentTarget,s(!0),l.onShow&&l.onShow(e)},j=function(e){l.popup&&(y.current=e.currentTarget,s(!1),l.onHide&&l.onHide(e))},k=function(){l.popup&&S&&u.DomHandler.absolutePosition(g.current,y.current)},N=function(){if(!O.current){O.current=u.DomHandler.createInlineStyle(f.default.nonce);var e="".concat(d),n="\n@media screen and (max-width: ".concat(l.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(l.scrollHeight,";\n        overflow: ").concat(l.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 !important;\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(l.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");O.current.innerHTML=n}},T=function(){O.current=u.DomHandler.removeInlineStyle(O.current)},C=function(){l.autoZIndex&&u.ZIndexUtils.set("menu",g.current,f.default.autoZIndex,l.baseZIndex||f.default.zIndex.menu),u.DomHandler.absolutePosition(g.current,y.current),d&&l.breakpoint&&(g.current.setAttribute(d,""),N())},A=function(){I()},U=function(){y.current=null,P()},q=function(){u.ZIndexUtils.clear(g.current),T()};r.useMountEffect((function(){l.breakpoint&&!d&&b(u.UniqueComponentId())})),r.useUpdateEffect((function(){return d&&g.current&&(g.current.setAttribute(d,""),N()),function(){T()}}),[d,l.breakpoint]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(g.current)})),m.useImperativeHandle(n,(function(){return{props:l,toggle:x,show:H,hide:j,getElement:function(){return g.current}}}));var R=function(){E.getOtherProps(l);var e=u.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":l.popup,"p-input-filled":"filled"===f.default.inputStyle,"p-ripple-disabled":!1===f.default.ripple},l.className),n=u.mergeProps({ref:g,id:l.id,className:e,style:l.style,onClick:D},E.getOtherProps(l),v("root"));return m.createElement(t.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:c,timeout:{enter:120,exit:100},options:l.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:A,onExit:U,onExited:q},m.createElement("div",n,m.createElement(M,{menuProps:l,model:l.model,root:!0,popup:l.popup,onHide:j,isMobileMode:S,onItemToggle:k,submenuIcon:l.submenuIcon,ptm:v})))}();return l.popup?m.createElement(i.Portal,{element:R,appendTo:l.appendTo}):R})));x.displayName="TieredMenu",exports.TieredMenu=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/overlayservice"),i=require("primereact/portal"),u=require("primereact/utils"),l=require("primereact/componentbase"),a=require("primereact/ripple"),c=require("primereact/icons/angleright");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),f=s(n);function d(e){if(Array.isArray(e))return e}function b(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function v(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function g(e,n){if(e){if("string"==typeof e)return v(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)?v(e,n):void 0}}function y(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,n){return d(e)||b(e,n)||g(e,n)||y()}var E=l.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});function O(e){return O="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},O(e)}function I(e,n){if("object"!==O(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==O(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function S(e){var n=I(e,"string");return"symbol"===O(n)?n:String(n)}function P(e,n,t){return(n=S(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function 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 x(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){P(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}var D=m.memo((function(e){var n=h(m.useState(null),2),t=n[0],o=n[1],i=m.useRef(null),l=function(n,r){return e.ptm(r,{context:{active:t===n}})},s=h(r.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||o(null)}}),1)[0],p=h(r.useResizeListener({listener:function(){!e.isMobileMode&&o(null)}}),1)[0],f=function(){if(i.current){var e=i.current.parentElement,n=u.DomHandler.getOffset(e),t=u.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:u.DomHandler.getHiddenElementOuterWidth(i.current),o=u.DomHandler.getOuterWidth(e.children[0]),l=parseInt(n.top,10)+i.current.offsetHeight-u.DomHandler.getWindowScrollTop();i.current.style.top=l>t.height?t.height-l+"px":"0px",parseInt(n.left,10)+o+r>t.width-u.DomHandler.calculateScrollbarWidth()&&u.DomHandler.addClass(i.current,"p-submenu-list-flipped")}},d=function(n,r){r.disabled||e.isMobileMode?n.preventDefault():e.root?(t||e.popup)&&o(r):o(r)},b=function(n,r){r.disabled?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),(e.root||e.isMobileMode)&&r.items&&o(t&&r===t?null:r),r.items||O(n))},v=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var i=y(r);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=E(r);u&&u.children[0].focus(),n.preventDefault();break;case 39:t.items&&(o(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,r)},g=function(e,n){37===e.which&&(o(null),n.parentElement.previousElementSibling.focus())},y=function e(n){var t=n.nextElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},E=function e(n){var t=n.previousElementSibling;return t?u.DomHandler.hasClass(t,"p-disabled")||!u.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},O=function(n){e.isMobileMode&&!e.popup||(o(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};r.useMountEffect((function(){s(),p()})),r.useUpdateEffect((function(){e.parentActive||o(null),e.root||!e.parentActive||e.isMobileMode||f()}),[e.parentActive]),r.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var I=function(n){var t=u.mergeProps({key:"separator_"+n,className:"p-menu-separator",role:"separator"},e.ptm("separator"));return m.createElement("li",t)},S=function(n){return n.items?m.createElement(D,{menuProps:e.menuProps,model:n.items,onLeafClick:O,popup:e.popup,onKeyDown:g,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon,ptm:e.ptm}):null},P=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,s=n.icon,p=n.label,f=n.items,g=n.target,y=n.url,h=n.template,E=p+"_"+r,O=t===n,I=u.classNames("p-menuitem",{"p-menuitem-active":O},n.className),P=u.classNames("p-menuitem-link",{"p-disabled":i}),w=u.classNames("p-menuitem-icon",s),D=u.mergeProps({className:w},l(n,"icon")),M=u.IconUtils.getJSXIcon(s,x({},D),{props:e.menuProps}),H=u.mergeProps({className:"p-menuitem-text"},l(n,"label")),j=p&&m.createElement("span",H,p),k="p-submenu-icon",N=u.mergeProps({className:k},l(n,"submenuIcon")),T=n.items&&u.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,N),x({},N),{props:e.menuProps}),C=S(n),A=u.mergeProps({href:y||"#",className:P,target:g,role:"menuitem","aria-haspopup":null!=f,onClick:function(e){return b(e,n)},onKeyDown:function(e){return v(e,n)},"aria-disabled":i},l(n,"action")),U=m.createElement("a",A,M,j,T,m.createElement(a.Ripple,null));h&&(U=u.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return b(e,n)},onKeyDown:function(e){return v(e,n)},className:P,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:k,element:U,props:e,active:O,disabled:i}));var q=u.mergeProps({key:E,id:n.id,className:I,style:o,onMouseEnter:function(e){return d(e,n)},role:"none"},l(n,"menuitem"));return m.createElement("li",q,U,C)},w=function(e,n){return e.separator?I(n):P(e,n)},M=u.classNames({"p-submenu-list":!e.root}),H=e.model?e.model.map(w):null,j=u.mergeProps({ref:i,className:M,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},e.ptm("menu"));return m.createElement("ul",j,H)}));D.displayName="TieredMenuSub";var M=m.memo(m.forwardRef((function(e,l){var a=m.useContext(n.PrimeReactContext),c=E.getProps(e,a),s=h(m.useState(!c.popup),2),p=s[0],d=s[1],b=h(m.useState(null),2),v=b[0],g=b[1],y=E.setMetaData({props:c,state:{visible:p,attributeSelector:v}}).ptm,O=m.useRef(null),I=m.useRef(null),S=m.useRef(null),P=r.useMatchMedia("screen and (max-width: ".concat(c.breakpoint,")"),!!c.breakpoint),w=h(r.useOverlayListener({target:I,overlay:O,listener:function(e,n){n.valid&&N(e)},when:p}),2),x=w[0],M=w[1],H=function(e){c.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},j=function(e){c.popup&&(p?N(e):k(e))},k=function(e){I.current=e.currentTarget,d(!0),c.onShow&&c.onShow(e)},N=function(e){c.popup&&(I.current=e.currentTarget,d(!1),c.onHide&&c.onHide(e))},T=function(){c.popup&&P&&u.DomHandler.absolutePosition(O.current,I.current)},C=function(){if(!S.current){S.current=u.DomHandler.createInlineStyle(a&&a.nonce||f.default.nonce);var e="".concat(v),n="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(c.scrollHeight,";\n        overflow: ").concat(c.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(c.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");S.current.innerHTML=n}},A=function(){S.current=u.DomHandler.removeInlineStyle(S.current)},U=function(){c.autoZIndex&&u.ZIndexUtils.set("menu",O.current,a&&a.autoZIndex||f.default.autoZIndex,c.baseZIndex||a&&a.zIndex.menu||f.default.zIndex.menu),u.DomHandler.absolutePosition(O.current,I.current),v&&c.breakpoint&&(O.current.setAttribute(v,""),C())},q=function(){x()},R=function(){I.current=null,M()},Z=function(){u.ZIndexUtils.clear(O.current),A()};r.useMountEffect((function(){c.breakpoint&&!v&&g(u.UniqueComponentId())})),r.useUpdateEffect((function(){return v&&O.current&&(O.current.setAttribute(v,""),C()),function(){A()}}),[v,c.breakpoint]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(O.current)})),m.useImperativeHandle(l,(function(){return{props:c,toggle:j,show:k,hide:N,getElement:function(){return O.current}}}));var _=function(){E.getOtherProps(c);var e=u.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":c.popup,"p-input-filled":a&&"filled"===a.inputStyle||"filled"===f.default.inputStyle,"p-ripple-disabled":a&&!1===a.ripple||!1===f.default.ripple},c.className),n=u.mergeProps({ref:O,id:c.id,className:e,style:c.style,onClick:H},E.getOtherProps(c),y("root"));return m.createElement(t.CSSTransition,{nodeRef:O,classNames:"p-connected-overlay",in:p,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:U,onEntered:q,onExit:R,onExited:Z},m.createElement("div",n,m.createElement(D,{menuProps:c,model:c.model,root:!0,popup:c.popup,onHide:N,isMobileMode:P,onItemToggle:T,submenuIcon:c.submenuIcon,ptm:y})))}();return c.popup?m.createElement(i.Portal,{element:_,appendTo:c.appendTo}):_})));M.displayName="TieredMenu",exports.TieredMenu=M;

package/tieredmenu/tieredmenu.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import PrimeReact from 'primereact/api';
+import PrimeReact, { PrimeReactContext } from 'primereact/api';
 import { CSSTransition } from 'primereact/csstransition';
 import { useEventListener, useResizeListener, useMountEffect, useUpdateEffect, useMatchMedia, useOverlayListener, useUnmountEffect } from 'primereact/hooks';
 import { OverlayService } from 'primereact/overlayservice';
@@ -413,7 +413,8 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
 TieredMenuSub.displayName = 'TieredMenuSub';
 
 var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
-  var props = TieredMenuBase.getProps(inProps);
+  var context = React.useContext(PrimeReactContext);
+  var props = TieredMenuBase.getProps(inProps, context);
   var _React$useState = React.useState(!props.popup),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     visibleState = _React$useState2[0],
@@ -478,7 +479,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var createStyle = function createStyle() {
     if (!styleElementRef.current) {
-      styleElementRef.current = DomHandler.createInlineStyle(PrimeReact.nonce);
+      styleElementRef.current = DomHandler.createInlineStyle(context && context.nonce || PrimeReact.nonce);
       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 !important;\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;
@@ -489,7 +490,7 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
   var onEnter = function onEnter() {
     if (props.autoZIndex) {
-      ZIndexUtils.set('menu', menuRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['menu']);
+      ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact.autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact.zIndex['menu']);
     }
     DomHandler.absolutePosition(menuRef.current, targetRef.current);
     if (attributeSelectorState && props.breakpoint) {
@@ -540,8 +541,8 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     TieredMenuBase.getOtherProps(props);
     var className = classNames('p-tieredmenu p-component', {
       'p-tieredmenu-overlay': props.popup,
-      'p-input-filled': PrimeReact.inputStyle === 'filled',
-      'p-ripple-disabled': PrimeReact.ripple === false
+      'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact.inputStyle === 'filled',
+      'p-ripple-disabled': context && context.ripple === false || PrimeReact.ripple === false
     }, props.className);
     var rootProps = mergeProps({
       ref: menuRef,

package/tieredmenu/tieredmenu.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useResizeListener as o,useMountEffect as i,useUpdateEffect as u,useMatchMedia as l,useOverlayListener as a,useUnmountEffect as c}from"primereact/hooks";import{OverlayService as p}from"primereact/overlayservice";import{Portal as s}from"primereact/portal";import{classNames as m,mergeProps as f,DomHandler as d,IconUtils as b,ObjectUtils as v,UniqueComponentId as y,ZIndexUtils as g}from"primereact/utils";import{ComponentBase as h}from"primereact/componentbase";import{Ripple as w}from"primereact/ripple";import{AngleRightIcon as E}from"primereact/icons/angleright";function S(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}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 M(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 x(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function P(e,n){return S(e)||O(e,n)||M(e,n)||x()}var k=h.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});function T(e){return T="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},T(e)}function j(e,n){if("object"!==T(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==T(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function N(e){var n=j(e,"string");return"symbol"===T(n)?n:String(n)}function D(e,n,t){return(n=N(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function C(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function H(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?C(Object(t),!0).forEach((function(n){D(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):C(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var A=e.memo((function(n){var t=P(e.useState(null),2),l=t[0],a=t[1],c=e.useRef(null),p=function(e,t){return n.ptm(t,{context:{active:l===e}})},s=P(r({type:"click",listener:function(e){n.isMobileMode||!c.current||c.current.contains(e.target)||a(null)}}),1)[0],y=P(o({listener:function(){!n.isMobileMode&&a(null)}}),1)[0],g=function(){if(c.current){var e=c.current.parentElement,n=d.getOffset(e),t=d.getViewport(),r=c.current.offsetParent?c.current.offsetWidth:d.getHiddenElementOuterWidth(c.current),o=d.getOuterWidth(e.children[0]),i=parseInt(n.top,10)+c.current.offsetHeight-d.getWindowScrollTop();c.current.style.top=i>t.height?t.height-i+"px":"0px",parseInt(n.left,10)+o+r>t.width-d.calculateScrollbarWidth()&&d.addClass(c.current,"p-submenu-list-flipped")}},h=function(e,t){t.disabled||n.isMobileMode?e.preventDefault():n.root?(l||n.popup)&&a(t):a(t)},S=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),(n.root||n.isMobileMode)&&t.items&&a(l&&t===l?null:t),t.items||k(e))},O=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var o=M(r);o&&o.children[0].focus(),e.preventDefault();break;case 38:var i=x(r);i&&i.children[0].focus(),e.preventDefault();break;case 39:t.items&&(a(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},I=function(e,n){37===e.which&&(a(null),n.parentElement.previousElementSibling.focus())},M=function e(n){var t=n.nextElementSibling;return t?d.hasClass(t,"p-disabled")||!d.hasClass(t,"p-menuitem")?e(t):t:null},x=function e(n){var t=n.previousElementSibling;return t?d.hasClass(t,"p-disabled")||!d.hasClass(t,"p-menuitem")?e(t):t:null},k=function(e){n.isMobileMode&&!n.popup||(a(null),n.onLeafClick&&n.onLeafClick(e),n.onHide&&n.onHide(e))};i((function(){s(),y()})),u((function(){n.parentActive||a(null),n.root||!n.parentActive||n.isMobileMode||g()}),[n.parentActive]),u((function(){n.onItemToggle&&n.onItemToggle()}),[l]);var T=function(t){var r=f({key:"separator_"+t,className:"p-menu-separator",role:"separator"},n.ptm("separator"));return e.createElement("li",r)},j=function(t){return t.items?e.createElement(A,{menuProps:n.menuProps,model:t.items,onLeafClick:k,popup:n.popup,onKeyDown:I,parentActive:t===l,isMobileMode:n.isMobileMode,onItemToggle:n.onItemToggle,submenuIcon:n.submenuIcon,ptm:n.ptm}):null},N=function(t,r){if(!1===t.visible)return null;var o=t.style,i=t.disabled,u=t.icon,a=t.label,c=t.items,s=t.target,d=t.url,y=t.template,g=a+"_"+r,I=l===t,M=m("p-menuitem",{"p-menuitem-active":I},t.className),x=m("p-menuitem-link",{"p-disabled":i}),P=m("p-menuitem-icon",u),k=f({className:P},p(t,"icon")),T=b.getJSXIcon(u,H({},k),{props:n.menuProps}),N=f({className:"p-menuitem-text"},p(t,"label")),D=a&&e.createElement("span",N,a),C="p-submenu-icon",A=f({className:C},p(t,"submenuIcon")),R=t.items&&b.getJSXIcon(n.submenuIcon||e.createElement(E,A),H({},A),{props:n.menuProps}),K=j(t),W=f({href:d||"#",className:x,target:s,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return S(e,t)},onKeyDown:function(e){return O(e,t)},"aria-disabled":i},p(t,"action")),Z=e.createElement("a",W,T,D,R,e.createElement(w,null));y&&(Z=v.getJSXElement(y,t,{onClick:function(e){return S(e,t)},onKeyDown:function(e){return O(e,t)},className:x,labelClassName:"p-menuitem-text",iconClassName:P,submenuIconClassName:C,element:Z,props:n,active:I,disabled:i}));var L=f({key:g,id:t.id,className:M,style:o,onMouseEnter:function(e){return h(e,t)},role:"none"},p(t,"menuitem"));return e.createElement("li",L,Z,K)},D=function(e,n){return e.separator?T(n):N(e,n)},C=m({"p-submenu-list":!n.root}),R=n.model?n.model.map(D):null,K=f({ref:c,className:C,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},n.ptm("menu"));return e.createElement("ul",K,R)}));A.displayName="TieredMenuSub";var R=e.memo(e.forwardRef((function(r,o){var b=k.getProps(r),v=P(e.useState(!b.popup),2),h=v[0],w=v[1],E=P(e.useState(null),2),S=E[0],O=E[1],I=k.setMetaData({props:b,state:{visible:h,attributeSelector:S}}).ptm,M=e.useRef(null),x=e.useRef(null),T=e.useRef(null),j=l("screen and (max-width: ".concat(b.breakpoint,")"),!!b.breakpoint),N=P(a({target:x,overlay:M,listener:function(e,n){n.valid&&W(e)},when:h}),2),D=N[0],C=N[1],H=function(e){b.popup&&p.emit("overlay-click",{originalEvent:e,target:x.current})},R=function(e){b.popup&&(h?W(e):K(e))},K=function(e){x.current=e.currentTarget,w(!0),b.onShow&&b.onShow(e)},W=function(e){b.popup&&(x.current=e.currentTarget,w(!1),b.onHide&&b.onHide(e))},Z=function(){b.popup&&j&&d.absolutePosition(M.current,x.current)},L=function(){if(!T.current){T.current=d.createInlineStyle(n.nonce);var e="".concat(S),t="\n@media screen and (max-width: ".concat(b.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(b.scrollHeight,";\n        overflow: ").concat(b.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 !important;\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(b.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");T.current.innerHTML=t}},_=function(){T.current=d.removeInlineStyle(T.current)},J=function(){b.autoZIndex&&g.set("menu",M.current,n.autoZIndex,b.baseZIndex||n.zIndex.menu),d.absolutePosition(M.current,x.current),S&&b.breakpoint&&(M.current.setAttribute(S,""),L())},X=function(){D()},z=function(){x.current=null,C()},U=function(){g.clear(M.current),_()};i((function(){b.breakpoint&&!S&&O(y())})),u((function(){return S&&M.current&&(M.current.setAttribute(S,""),L()),function(){_()}}),[S,b.breakpoint]),c((function(){g.clear(M.current)})),e.useImperativeHandle(o,(function(){return{props:b,toggle:R,show:K,hide:W,getElement:function(){return M.current}}}));var V=function(){k.getOtherProps(b);var r=m("p-tieredmenu p-component",{"p-tieredmenu-overlay":b.popup,"p-input-filled":"filled"===n.inputStyle,"p-ripple-disabled":!1===n.ripple},b.className),o=f({ref:M,id:b.id,className:r,style:b.style,onClick:H},k.getOtherProps(b),I("root"));return e.createElement(t,{nodeRef:M,classNames:"p-connected-overlay",in:h,timeout:{enter:120,exit:100},options:b.transitionOptions,unmountOnExit:!0,onEnter:J,onEntered:X,onExit:z,onExited:U},e.createElement("div",o,e.createElement(A,{menuProps:b,model:b.model,root:!0,popup:b.popup,onHide:W,isMobileMode:j,onItemToggle:Z,submenuIcon:b.submenuIcon,ptm:I})))}();return b.popup?e.createElement(s,{element:V,appendTo:b.appendTo}):V})));R.displayName="TieredMenu";export{R as TieredMenu};
+import*as e from"react";import n,{PrimeReactContext as t}from"primereact/api";import{CSSTransition as r}from"primereact/csstransition";import{useEventListener as o,useResizeListener as i,useMountEffect as u,useUpdateEffect as l,useMatchMedia as a,useOverlayListener as c,useUnmountEffect as p}from"primereact/hooks";import{OverlayService as s}from"primereact/overlayservice";import{Portal as m}from"primereact/portal";import{classNames as f,mergeProps as d,DomHandler as b,IconUtils as v,ObjectUtils as y,UniqueComponentId as g,ZIndexUtils as h}from"primereact/utils";import{ComponentBase as w}from"primereact/componentbase";import{Ripple as S}from"primereact/ripple";import{AngleRightIcon as E}from"primereact/icons/angleright";function I(e){if(Array.isArray(e))return e}function O(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function x(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 M(e,n){if(e){if("string"==typeof e)return x(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)?x(e,n):void 0}}function P(){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 I(e)||O(e,n)||M(e,n)||P()}var T=w.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});function j(e){return j="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},j(e)}function N(e,n){if("object"!==j(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==j(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function C(e){var n=N(e,"string");return"symbol"===j(n)?n:String(n)}function D(e,n,t){return(n=C(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function H(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function A(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?H(Object(t),!0).forEach((function(n){D(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):H(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var R=e.memo((function(n){var t=k(e.useState(null),2),r=t[0],a=t[1],c=e.useRef(null),p=function(e,t){return n.ptm(t,{context:{active:r===e}})},s=k(o({type:"click",listener:function(e){n.isMobileMode||!c.current||c.current.contains(e.target)||a(null)}}),1)[0],m=k(i({listener:function(){!n.isMobileMode&&a(null)}}),1)[0],g=function(){if(c.current){var e=c.current.parentElement,n=b.getOffset(e),t=b.getViewport(),r=c.current.offsetParent?c.current.offsetWidth:b.getHiddenElementOuterWidth(c.current),o=b.getOuterWidth(e.children[0]),i=parseInt(n.top,10)+c.current.offsetHeight-b.getWindowScrollTop();c.current.style.top=i>t.height?t.height-i+"px":"0px",parseInt(n.left,10)+o+r>t.width-b.calculateScrollbarWidth()&&b.addClass(c.current,"p-submenu-list-flipped")}},h=function(e,t){t.disabled||n.isMobileMode?e.preventDefault():n.root?(r||n.popup)&&a(t):a(t)},w=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),(n.root||n.isMobileMode)&&t.items&&a(r&&t===r?null:t),t.items||P(e))},I=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var o=x(r);o&&o.children[0].focus(),e.preventDefault();break;case 38:var i=M(r);i&&i.children[0].focus(),e.preventDefault();break;case 39:t.items&&(a(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},O=function(e,n){37===e.which&&(a(null),n.parentElement.previousElementSibling.focus())},x=function e(n){var t=n.nextElementSibling;return t?b.hasClass(t,"p-disabled")||!b.hasClass(t,"p-menuitem")?e(t):t:null},M=function e(n){var t=n.previousElementSibling;return t?b.hasClass(t,"p-disabled")||!b.hasClass(t,"p-menuitem")?e(t):t:null},P=function(e){n.isMobileMode&&!n.popup||(a(null),n.onLeafClick&&n.onLeafClick(e),n.onHide&&n.onHide(e))};u((function(){s(),m()})),l((function(){n.parentActive||a(null),n.root||!n.parentActive||n.isMobileMode||g()}),[n.parentActive]),l((function(){n.onItemToggle&&n.onItemToggle()}),[r]);var T=function(t){var r=d({key:"separator_"+t,className:"p-menu-separator",role:"separator"},n.ptm("separator"));return e.createElement("li",r)},j=function(t){return t.items?e.createElement(R,{menuProps:n.menuProps,model:t.items,onLeafClick:P,popup:n.popup,onKeyDown:O,parentActive:t===r,isMobileMode:n.isMobileMode,onItemToggle:n.onItemToggle,submenuIcon:n.submenuIcon,ptm:n.ptm}):null},N=function(t,o){if(!1===t.visible)return null;var i=t.style,u=t.disabled,l=t.icon,a=t.label,c=t.items,s=t.target,m=t.url,b=t.template,g=a+"_"+o,O=r===t,x=f("p-menuitem",{"p-menuitem-active":O},t.className),M=f("p-menuitem-link",{"p-disabled":u}),P=f("p-menuitem-icon",l),k=d({className:P},p(t,"icon")),T=v.getJSXIcon(l,A({},k),{props:n.menuProps}),N=d({className:"p-menuitem-text"},p(t,"label")),C=a&&e.createElement("span",N,a),D="p-submenu-icon",H=d({className:D},p(t,"submenuIcon")),R=t.items&&v.getJSXIcon(n.submenuIcon||e.createElement(E,H),A({},H),{props:n.menuProps}),Z=j(t),K=d({href:m||"#",className:M,target:s,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return w(e,t)},onKeyDown:function(e){return I(e,t)},"aria-disabled":u},p(t,"action")),W=e.createElement("a",K,T,C,R,e.createElement(S,null));b&&(W=y.getJSXElement(b,t,{onClick:function(e){return w(e,t)},onKeyDown:function(e){return I(e,t)},className:M,labelClassName:"p-menuitem-text",iconClassName:P,submenuIconClassName:D,element:W,props:n,active:O,disabled:u}));var L=d({key:g,id:t.id,className:x,style:i,onMouseEnter:function(e){return h(e,t)},role:"none"},p(t,"menuitem"));return e.createElement("li",L,W,Z)},C=function(e,n){return e.separator?T(n):N(e,n)},D=f({"p-submenu-list":!n.root}),H=n.model?n.model.map(C):null,Z=d({ref:c,className:D,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},n.ptm("menu"));return e.createElement("ul",Z,H)}));R.displayName="TieredMenuSub";var Z=e.memo(e.forwardRef((function(o,i){var v=e.useContext(t),y=T.getProps(o,v),w=k(e.useState(!y.popup),2),S=w[0],E=w[1],I=k(e.useState(null),2),O=I[0],x=I[1],M=T.setMetaData({props:y,state:{visible:S,attributeSelector:O}}).ptm,P=e.useRef(null),j=e.useRef(null),N=e.useRef(null),C=a("screen and (max-width: ".concat(y.breakpoint,")"),!!y.breakpoint),D=k(c({target:j,overlay:P,listener:function(e,n){n.valid&&L(e)},when:S}),2),H=D[0],A=D[1],Z=function(e){y.popup&&s.emit("overlay-click",{originalEvent:e,target:j.current})},K=function(e){y.popup&&(S?L(e):W(e))},W=function(e){j.current=e.currentTarget,E(!0),y.onShow&&y.onShow(e)},L=function(e){y.popup&&(j.current=e.currentTarget,E(!1),y.onHide&&y.onHide(e))},_=function(){y.popup&&C&&b.absolutePosition(P.current,j.current)},z=function(){if(!N.current){N.current=b.createInlineStyle(v&&v.nonce||n.nonce);var e="".concat(O),t="\n@media screen and (max-width: ".concat(y.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(y.scrollHeight,";\n        overflow: ").concat(y.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 !important;\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(y.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");N.current.innerHTML=t}},J=function(){N.current=b.removeInlineStyle(N.current)},X=function(){y.autoZIndex&&h.set("menu",P.current,v&&v.autoZIndex||n.autoZIndex,y.baseZIndex||v&&v.zIndex.menu||n.zIndex.menu),b.absolutePosition(P.current,j.current),O&&y.breakpoint&&(P.current.setAttribute(O,""),z())},U=function(){H()},V=function(){j.current=null,A()},Y=function(){h.clear(P.current),J()};u((function(){y.breakpoint&&!O&&x(g())})),l((function(){return O&&P.current&&(P.current.setAttribute(O,""),z()),function(){J()}}),[O,y.breakpoint]),p((function(){h.clear(P.current)})),e.useImperativeHandle(i,(function(){return{props:y,toggle:K,show:W,hide:L,getElement:function(){return P.current}}}));var $=function(){T.getOtherProps(y);var t=f("p-tieredmenu p-component",{"p-tieredmenu-overlay":y.popup,"p-input-filled":v&&"filled"===v.inputStyle||"filled"===n.inputStyle,"p-ripple-disabled":v&&!1===v.ripple||!1===n.ripple},y.className),o=d({ref:P,id:y.id,className:t,style:y.style,onClick:Z},T.getOtherProps(y),M("root"));return e.createElement(r,{nodeRef:P,classNames:"p-connected-overlay",in:S,timeout:{enter:120,exit:100},options:y.transitionOptions,unmountOnExit:!0,onEnter:X,onEntered:U,onExit:V,onExited:Y},e.createElement("div",o,e.createElement(R,{menuProps:y,model:y.model,root:!0,popup:y.popup,onHide:L,isMobileMode:C,onItemToggle:_,submenuIcon:y.submenuIcon,ptm:M})))}();return y.popup?e.createElement(m,{element:$,appendTo:y.appendTo}):$})));Z.displayName="TieredMenu";export{Z as TieredMenu};

package/tieredmenu/tieredmenu.js

@@ -429,7 +429,8 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
   TieredMenuSub.displayName = 'TieredMenuSub';
 
   var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = TieredMenuBase.getProps(inProps);
+    var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
+    var props = TieredMenuBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState(!props.popup),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       visibleState = _React$useState2[0],
@@ -494,7 +495,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
     };
     var createStyle = function createStyle() {
       if (!styleElementRef.current) {
-        styleElementRef.current = utils.DomHandler.createInlineStyle(PrimeReact__default["default"].nonce);
+        styleElementRef.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce);
         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 !important;\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;
@@ -505,7 +506,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
     };
     var onEnter = function onEnter() {
       if (props.autoZIndex) {
-        utils.ZIndexUtils.set('menu', menuRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex['menu']);
+        utils.ZIndexUtils.set('menu', menuRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['menu'] || PrimeReact__default["default"].zIndex['menu']);
       }
       utils.DomHandler.absolutePosition(menuRef.current, targetRef.current);
       if (attributeSelectorState && props.breakpoint) {
@@ -556,8 +557,8 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
       TieredMenuBase.getOtherProps(props);
       var className = utils.classNames('p-tieredmenu p-component', {
         'p-tieredmenu-overlay': props.popup,
-        'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
-        'p-ripple-disabled': PrimeReact__default["default"].ripple === false
+        'p-input-filled': context && context.inputStyle === 'filled' || PrimeReact__default["default"].inputStyle === 'filled',
+        'p-ripple-disabled': context && context.ripple === false || PrimeReact__default["default"].ripple === false
       }, props.className);
       var rootProps = utils.mergeProps({
         ref: menuRef,

package/tieredmenu/tieredmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,o,i,u,l,a,c,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 f=m(n),d=p(t);function b(e){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,n){return b(e)||v(e,n)||y(e,n)||h()}var O=a.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});function S(e){return S="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},S(e)}function w(e,n){if("object"!==S(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==S(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function I(e){var n=w(e,"string");return"symbol"===S(n)?n:String(n)}function P(e,n,t){return(n=I(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function D(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 M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){P(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var H=f.memo((function(e){var n=E(f.useState(null),2),t=n[0],r=n[1],i=f.useRef(null),u=function(n,r){return e.ptm(r,{context:{active:t===n}})},a=E(o.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||r(null)}}),1)[0],p=E(o.useResizeListener({listener:function(){!e.isMobileMode&&r(null)}}),1)[0],m=function(){if(i.current){var e=i.current.parentElement,n=l.DomHandler.getOffset(e),t=l.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(i.current),o=l.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+i.current.offsetHeight-l.DomHandler.getWindowScrollTop();i.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+r>t.width-l.DomHandler.calculateScrollbarWidth()&&l.DomHandler.addClass(i.current,"p-submenu-list-flipped")}},d=function(n,o){o.disabled||e.isMobileMode?n.preventDefault():e.root?(t||e.popup)&&r(o):r(o)},b=function(n,o){o.disabled?n.preventDefault():(o.url||n.preventDefault(),o.command&&o.command({originalEvent:n,item:o}),(e.root||e.isMobileMode)&&o.items&&r(t&&o===t?null:o),o.items||O(n))},v=function(n,t){var o=n.currentTarget.parentElement;switch(n.which){case 40:var i=y(o);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=h(o);u&&u.children[0].focus(),n.preventDefault();break;case 39:t.items&&(r(t),setTimeout((function(){o.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,o)},g=function(e,n){37===e.which&&(r(null),n.parentElement.previousElementSibling.focus())},y=function e(n){var t=n.nextElementSibling;return t?l.DomHandler.hasClass(t,"p-disabled")||!l.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},h=function e(n){var t=n.previousElementSibling;return t?l.DomHandler.hasClass(t,"p-disabled")||!l.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},O=function(n){e.isMobileMode&&!e.popup||(r(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};o.useMountEffect((function(){a(),p()})),o.useUpdateEffect((function(){e.parentActive||r(null),e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),o.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var S=function(n){var t=l.mergeProps({key:"separator_"+n,className:"p-menu-separator",role:"separator"},e.ptm("separator"));return f.createElement("li",t)},w=function(n){return n.items?f.createElement(H,{menuProps:e.menuProps,model:n.items,onLeafClick:O,popup:e.popup,onKeyDown:g,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon,ptm:e.ptm}):null},I=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,a=n.icon,p=n.label,m=n.items,g=n.target,y=n.url,h=n.template,E=p+"_"+r,O=t===n,S=l.classNames("p-menuitem",{"p-menuitem-active":O},n.className),I=l.classNames("p-menuitem-link",{"p-disabled":i}),P=l.classNames("p-menuitem-icon",a),D=l.mergeProps({className:P},u(n,"icon")),H=l.IconUtils.getJSXIcon(a,M({},D),{props:e.menuProps}),j=l.mergeProps({className:"p-menuitem-text"},u(n,"label")),x=p&&f.createElement("span",j,p),k="p-submenu-icon",N=l.mergeProps({className:k},u(n,"submenuIcon")),T=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||f.createElement(s.AngleRightIcon,N),M({},N),{props:e.menuProps}),C=w(n),A=l.mergeProps({href:y||"#",className:I,target:g,role:"menuitem","aria-haspopup":null!=m,onClick:function(e){return b(e,n)},onKeyDown:function(e){return v(e,n)},"aria-disabled":i},u(n,"action")),U=f.createElement("a",A,H,x,T,f.createElement(c.Ripple,null));h&&(U=l.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return b(e,n)},onKeyDown:function(e){return v(e,n)},className:I,labelClassName:"p-menuitem-text",iconClassName:P,submenuIconClassName:k,element:U,props:e,active:O,disabled:i}));var R=l.mergeProps({key:E,id:n.id,className:S,style:o,onMouseEnter:function(e){return d(e,n)},role:"none"},u(n,"menuitem"));return f.createElement("li",R,U,C)},P=function(e,n){return e.separator?S(n):I(e,n)},D=l.classNames({"p-submenu-list":!e.root}),j=e.model?e.model.map(P):null,x=l.mergeProps({ref:i,className:D,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},e.ptm("menu"));return f.createElement("ul",x,j)}));H.displayName="TieredMenuSub";var j=f.memo(f.forwardRef((function(e,n){var t=O.getProps(e),a=E(f.useState(!t.popup),2),c=a[0],s=a[1],p=E(f.useState(null),2),m=p[0],b=p[1],v=O.setMetaData({props:t,state:{visible:c,attributeSelector:m}}).ptm,g=f.useRef(null),y=f.useRef(null),h=f.useRef(null),S=o.useMatchMedia("screen and (max-width: ".concat(t.breakpoint,")"),!!t.breakpoint),w=E(o.useOverlayListener({target:y,overlay:g,listener:function(e,n){n.valid&&x(e)},when:c}),2),I=w[0],P=w[1],D=function(e){t.popup&&i.OverlayService.emit("overlay-click",{originalEvent:e,target:y.current})},M=function(e){t.popup&&(c?x(e):j(e))},j=function(e){y.current=e.currentTarget,s(!0),t.onShow&&t.onShow(e)},x=function(e){t.popup&&(y.current=e.currentTarget,s(!1),t.onHide&&t.onHide(e))},k=function(){t.popup&&S&&l.DomHandler.absolutePosition(g.current,y.current)},N=function(){if(!h.current){h.current=l.DomHandler.createInlineStyle(d.default.nonce);var e="".concat(m),n="\n@media screen and (max-width: ".concat(t.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(t.scrollHeight,";\n        overflow: ").concat(t.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 !important;\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(t.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");h.current.innerHTML=n}},T=function(){h.current=l.DomHandler.removeInlineStyle(h.current)},C=function(){t.autoZIndex&&l.ZIndexUtils.set("menu",g.current,d.default.autoZIndex,t.baseZIndex||d.default.zIndex.menu),l.DomHandler.absolutePosition(g.current,y.current),m&&t.breakpoint&&(g.current.setAttribute(m,""),N())},A=function(){I()},U=function(){y.current=null,P()},R=function(){l.ZIndexUtils.clear(g.current),T()};o.useMountEffect((function(){t.breakpoint&&!m&&b(l.UniqueComponentId())})),o.useUpdateEffect((function(){return m&&g.current&&(g.current.setAttribute(m,""),N()),function(){T()}}),[m,t.breakpoint]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(g.current)})),f.useImperativeHandle(n,(function(){return{props:t,toggle:M,show:j,hide:x,getElement:function(){return g.current}}}));var Z=function(){O.getOtherProps(t);var e=l.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":t.popup,"p-input-filled":"filled"===d.default.inputStyle,"p-ripple-disabled":!1===d.default.ripple},t.className),n=l.mergeProps({ref:g,id:t.id,className:e,style:t.style,onClick:D},O.getOtherProps(t),v("root"));return f.createElement(r.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:c,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:A,onExit:U,onExited:R},f.createElement("div",n,f.createElement(H,{menuProps:t,model:t.model,root:!0,popup:t.popup,onHide:x,isMobileMode:S,onItemToggle:k,submenuIcon:t.submenuIcon,ptm:v})))}();return t.popup?f.createElement(u.Portal,{element:Z,appendTo:t.appendTo}):Z})));return j.displayName="TieredMenu",e.TieredMenu=j,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.componentbase,primereact.ripple,primereact.icons.angleright);
+this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,o,i,u,l,a,c,s){"use strict";function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(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 f=m(n),d=p(t);function b(e){if(Array.isArray(e))return e}function v(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i,u,l=[],a=!0,c=!1;try{if(i=(t=t.call(e)).next,0===n){if(Object(t)!==t)return;a=!1}else for(;!(a=(r=i.call(t)).done)&&(l.push(r.value),l.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(c)throw o}}return l}}function g(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function y(e,n){if(e){if("string"==typeof e)return g(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)?g(e,n):void 0}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function E(e,n){return b(e)||v(e,n)||y(e,n)||h()}var O=a.ComponentBase.extend({defaultProps:{__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,breakpoint:void 0,scrollHeight:"400px",appendTo:null,transitionOptions:null,onShow:null,onHide:null,submenuIcon:null,children:void 0}});function I(e){return I="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},I(e)}function S(e,n){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!==I(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}function P(e){var n=S(e,"string");return"symbol"===I(n)?n:String(n)}function w(e,n,t){return(n=P(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function D(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 M(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?D(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):D(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var x=f.memo((function(e){var n=E(f.useState(null),2),t=n[0],r=n[1],i=f.useRef(null),u=function(n,r){return e.ptm(r,{context:{active:t===n}})},a=E(o.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||r(null)}}),1)[0],p=E(o.useResizeListener({listener:function(){!e.isMobileMode&&r(null)}}),1)[0],m=function(){if(i.current){var e=i.current.parentElement,n=l.DomHandler.getOffset(e),t=l.DomHandler.getViewport(),r=i.current.offsetParent?i.current.offsetWidth:l.DomHandler.getHiddenElementOuterWidth(i.current),o=l.DomHandler.getOuterWidth(e.children[0]),u=parseInt(n.top,10)+i.current.offsetHeight-l.DomHandler.getWindowScrollTop();i.current.style.top=u>t.height?t.height-u+"px":"0px",parseInt(n.left,10)+o+r>t.width-l.DomHandler.calculateScrollbarWidth()&&l.DomHandler.addClass(i.current,"p-submenu-list-flipped")}},d=function(n,o){o.disabled||e.isMobileMode?n.preventDefault():e.root?(t||e.popup)&&r(o):r(o)},b=function(n,o){o.disabled?n.preventDefault():(o.url||n.preventDefault(),o.command&&o.command({originalEvent:n,item:o}),(e.root||e.isMobileMode)&&o.items&&r(t&&o===t?null:o),o.items||O(n))},v=function(n,t){var o=n.currentTarget.parentElement;switch(n.which){case 40:var i=y(o);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=h(o);u&&u.children[0].focus(),n.preventDefault();break;case 39:t.items&&(r(t),setTimeout((function(){o.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,o)},g=function(e,n){37===e.which&&(r(null),n.parentElement.previousElementSibling.focus())},y=function e(n){var t=n.nextElementSibling;return t?l.DomHandler.hasClass(t,"p-disabled")||!l.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},h=function e(n){var t=n.previousElementSibling;return t?l.DomHandler.hasClass(t,"p-disabled")||!l.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},O=function(n){e.isMobileMode&&!e.popup||(r(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};o.useMountEffect((function(){a(),p()})),o.useUpdateEffect((function(){e.parentActive||r(null),e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),o.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var I=function(n){var t=l.mergeProps({key:"separator_"+n,className:"p-menu-separator",role:"separator"},e.ptm("separator"));return f.createElement("li",t)},S=function(n){return n.items?f.createElement(x,{menuProps:e.menuProps,model:n.items,onLeafClick:O,popup:e.popup,onKeyDown:g,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon,ptm:e.ptm}):null},P=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,a=n.icon,p=n.label,m=n.items,g=n.target,y=n.url,h=n.template,E=p+"_"+r,O=t===n,I=l.classNames("p-menuitem",{"p-menuitem-active":O},n.className),P=l.classNames("p-menuitem-link",{"p-disabled":i}),w=l.classNames("p-menuitem-icon",a),D=l.mergeProps({className:w},u(n,"icon")),x=l.IconUtils.getJSXIcon(a,M({},D),{props:e.menuProps}),H=l.mergeProps({className:"p-menuitem-text"},u(n,"label")),j=p&&f.createElement("span",H,p),k="p-submenu-icon",N=l.mergeProps({className:k},u(n,"submenuIcon")),T=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||f.createElement(s.AngleRightIcon,N),M({},N),{props:e.menuProps}),C=S(n),A=l.mergeProps({href:y||"#",className:P,target:g,role:"menuitem","aria-haspopup":null!=m,onClick:function(e){return b(e,n)},onKeyDown:function(e){return v(e,n)},"aria-disabled":i},u(n,"action")),U=f.createElement("a",A,x,j,T,f.createElement(c.Ripple,null));h&&(U=l.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return b(e,n)},onKeyDown:function(e){return v(e,n)},className:P,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:k,element:U,props:e,active:O,disabled:i}));var R=l.mergeProps({key:E,id:n.id,className:I,style:o,onMouseEnter:function(e){return d(e,n)},role:"none"},u(n,"menuitem"));return f.createElement("li",R,U,C)},w=function(e,n){return e.separator?I(n):P(e,n)},D=l.classNames({"p-submenu-list":!e.root}),H=e.model?e.model.map(w):null,j=l.mergeProps({ref:i,className:D,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},e.ptm("menu"));return f.createElement("ul",j,H)}));x.displayName="TieredMenuSub";var H=f.memo(f.forwardRef((function(e,n){var a=f.useContext(t.PrimeReactContext),c=O.getProps(e,a),s=E(f.useState(!c.popup),2),p=s[0],m=s[1],b=E(f.useState(null),2),v=b[0],g=b[1],y=O.setMetaData({props:c,state:{visible:p,attributeSelector:v}}).ptm,h=f.useRef(null),I=f.useRef(null),S=f.useRef(null),P=o.useMatchMedia("screen and (max-width: ".concat(c.breakpoint,")"),!!c.breakpoint),w=E(o.useOverlayListener({target:I,overlay:h,listener:function(e,n){n.valid&&N(e)},when:p}),2),D=w[0],M=w[1],H=function(e){c.popup&&i.OverlayService.emit("overlay-click",{originalEvent:e,target:I.current})},j=function(e){c.popup&&(p?N(e):k(e))},k=function(e){I.current=e.currentTarget,m(!0),c.onShow&&c.onShow(e)},N=function(e){c.popup&&(I.current=e.currentTarget,m(!1),c.onHide&&c.onHide(e))},T=function(){c.popup&&P&&l.DomHandler.absolutePosition(h.current,I.current)},C=function(){if(!S.current){S.current=l.DomHandler.createInlineStyle(a&&a.nonce||d.default.nonce);var e="".concat(v),n="\n@media screen and (max-width: ".concat(c.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(c.scrollHeight,";\n        overflow: ").concat(c.scrollHeight?"auto":"",";\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-submenu-list {\n        position: relative;\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-submenu-list {\n        left: 0 !important;\n        box-shadow: none;\n        border-radius: 0;\n        padding: 0 0 0 calc(var(--inline-spacing) * 2); /* @todo */\n    }\n\n    .p-tieredmenu[").concat(e,"] .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {\n        transform: rotate(-180deg);\n    }\n\n    .p-tieredmenu[").concat(e,'] .p-submenu-icon:before {\n        content: "\\e930";\n    }\n\n    ').concat(c.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");S.current.innerHTML=n}},A=function(){S.current=l.DomHandler.removeInlineStyle(S.current)},U=function(){c.autoZIndex&&l.ZIndexUtils.set("menu",h.current,a&&a.autoZIndex||d.default.autoZIndex,c.baseZIndex||a&&a.zIndex.menu||d.default.zIndex.menu),l.DomHandler.absolutePosition(h.current,I.current),v&&c.breakpoint&&(h.current.setAttribute(v,""),C())},R=function(){D()},Z=function(){I.current=null,M()},_=function(){l.ZIndexUtils.clear(h.current),A()};o.useMountEffect((function(){c.breakpoint&&!v&&g(l.UniqueComponentId())})),o.useUpdateEffect((function(){return v&&h.current&&(h.current.setAttribute(v,""),C()),function(){A()}}),[v,c.breakpoint]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(h.current)})),f.useImperativeHandle(n,(function(){return{props:c,toggle:j,show:k,hide:N,getElement:function(){return h.current}}}));var L=function(){O.getOtherProps(c);var e=l.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":c.popup,"p-input-filled":a&&"filled"===a.inputStyle||"filled"===d.default.inputStyle,"p-ripple-disabled":a&&!1===a.ripple||!1===d.default.ripple},c.className),n=l.mergeProps({ref:h,id:c.id,className:e,style:c.style,onClick:H},O.getOtherProps(c),y("root"));return f.createElement(r.CSSTransition,{nodeRef:h,classNames:"p-connected-overlay",in:p,timeout:{enter:120,exit:100},options:c.transitionOptions,unmountOnExit:!0,onEnter:U,onEntered:R,onExit:Z,onExited:_},f.createElement("div",n,f.createElement(x,{menuProps:c,model:c.model,root:!0,popup:c.popup,onHide:N,isMobileMode:P,onItemToggle:T,submenuIcon:c.submenuIcon,ptm:y})))}();return c.popup?f.createElement(u.Portal,{element:L,appendTo:c.appendTo}):L})));return H.displayName="TieredMenu",e.TieredMenu=H,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.componentbase,primereact.ripple,primereact.icons.angleright);

package/timeline/timeline.cjs.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
+var api = require('primereact/api');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -25,21 +27,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -81,7 +68,22 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var TimelineBase = {
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+var TimelineBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Timeline',
     align: 'left',
@@ -93,18 +95,17 @@ var TimelineBase = {
     opposite: null,
     value: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, TimelineBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, TimelineBase.defaultProps);
   }
-};
+});
 
 var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var _classNames;
-  var props = TimelineBase.getProps(inProps);
+  var context = React__namespace.useContext(api.PrimeReactContext);
+  var props = TimelineBase.getProps(inProps, context);
+  var _TimelineBase$setMeta = TimelineBase.setMetaData({
+      props: props
+    }),
+    ptm = _TimelineBase$setMeta.ptm;
   var elementRef = React__namespace.useRef(null);
   var getKey = function getKey(item, index) {
     return props.dataKey ? utils.ObjectUtils.resolveFieldData(item, props.dataKey) : "pr_id__".concat(index);
@@ -112,23 +113,30 @@ var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var createEvents = function createEvents() {
     return props.value && props.value.map(function (item, index) {
       var opposite = utils.ObjectUtils.getJSXElement(props.opposite, item, index);
-      var marker = utils.ObjectUtils.getJSXElement(props.marker, item, index) || /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-timeline-event-marker"
-      });
-      var connector = index !== props.value.length - 1 && /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-timeline-event-connector"
-      });
+      var markerProps = utils.mergeProps({
+        className: 'p-timeline-event-marker'
+      }, ptm('marker'));
+      var marker = utils.ObjectUtils.getJSXElement(props.marker, item, index) || /*#__PURE__*/React__namespace.createElement("div", markerProps);
+      var connectorProps = utils.mergeProps({
+        className: 'p-timeline-event-connector'
+      }, ptm('connector'));
+      var connector = index !== props.value.length - 1 && /*#__PURE__*/React__namespace.createElement("div", connectorProps);
       var content = utils.ObjectUtils.getJSXElement(props.content, item, index);
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        key: getKey(item, index),
-        className: "p-timeline-event"
-      }, /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-timeline-event-opposite"
-      }, opposite), /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-timeline-event-separator"
-      }, marker, connector), /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-timeline-event-content"
-      }, content));
+      var eventProps = utils.mergeProps({
+        className: 'p-timeline-event'
+      }, ptm('event'));
+      var oppositeProps = utils.mergeProps({
+        className: 'p-timeline-event-opposite'
+      }, ptm('opposite'));
+      var separatorProps = utils.mergeProps({
+        className: 'p-timeline-event-separator'
+      }, ptm('separator'));
+      var contentProps = utils.mergeProps({
+        className: 'p-timeline-event-content'
+      }, ptm('content'));
+      return /*#__PURE__*/React__namespace.createElement("div", _extends({
+        key: getKey(item, index)
+      }, eventProps), /*#__PURE__*/React__namespace.createElement("div", oppositeProps, opposite), /*#__PURE__*/React__namespace.createElement("div", separatorProps, marker, connector), /*#__PURE__*/React__namespace.createElement("div", contentProps, content));
     });
   };
   React__namespace.useImperativeHandle(ref, function () {
@@ -139,13 +147,13 @@ var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
     };
   });
-  var otherProps = TimelineBase.getOtherProps(props);
   var className = utils.classNames('p-timeline p-component', (_classNames = {}, _defineProperty(_classNames, "p-timeline-".concat(props.align), true), _defineProperty(_classNames, "p-timeline-".concat(props.layout), true), _classNames), props.className);
   var events = createEvents();
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     ref: elementRef,
     className: className
-  }, otherProps), events);
+  }, TimelineBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, events);
 }));
 Timeline.displayName = 'Timeline';