primereact 9.3.0 → 9.4.0

package/terminal/terminal.esm.js

@@ -1,21 +1,7 @@
 import * as React from 'react';
 import { TerminalService } from 'primereact/terminalservice';
-import { ObjectUtils, DomHandler, classNames } from 'primereact/utils';
-
-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);
-}
+import { mergeProps, DomHandler, classNames } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -88,7 +74,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var TerminalBase = {
+var TerminalBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Terminal',
     id: null,
@@ -97,14 +83,8 @@ var TerminalBase = {
     welcomeMessage: null,
     prompt: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, TerminalBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, TerminalBase.defaultProps);
   }
-};
+});
 
 var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
   var props = TerminalBase.getProps(inProps);
@@ -127,6 +107,17 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var elementRef = React.useRef(null);
   var inputRef = React.useRef(null);
   var isEmitted = React.useRef(false);
+  var _TerminalBase$setMeta = TerminalBase.setMetaData({
+      props: props,
+      state: {
+        commandText: commandTextState,
+        commands: commandsState
+      }
+    }),
+    ptm = _TerminalBase$setMeta.ptm;
+  var promptProps = mergeProps({
+    className: 'p-terminal-prompt'
+  }, ptm('prompt'));
   var onClick = function onClick() {
     DomHandler.focus(inputRef.current);
   };
@@ -203,7 +194,8 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   });
   var createWelcomeMessage = function createWelcomeMessage() {
     if (props.welcomeMessage) {
-      return /*#__PURE__*/React.createElement("div", null, props.welcomeMessage);
+      var welcomeMessageProps = mergeProps(ptm('welcomeMessage'));
+      return /*#__PURE__*/React.createElement("div", welcomeMessageProps, props.welcomeMessage);
     }
     return null;
   };
@@ -211,50 +203,55 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var text = command.text,
       response = command.response;
     var key = text + '_' + index;
-    return /*#__PURE__*/React.createElement("div", {
+    var commandsProps = mergeProps({
       key: key
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "p-terminal-prompt"
-    }, props.prompt, "\xA0"), /*#__PURE__*/React.createElement("span", {
-      className: "p-terminal-command"
-    }, text), /*#__PURE__*/React.createElement("div", {
-      className: "p-terminal-response"
-    }, response));
+    }, ptm('commands'));
+    var commandProps = mergeProps({
+      className: 'p-terminal-command'
+    }, ptm('command'));
+    var responseProps = mergeProps({
+      className: 'p-terminal-response'
+    }, ptm('response'));
+    return /*#__PURE__*/React.createElement("div", commandsProps, /*#__PURE__*/React.createElement("span", promptProps, props.prompt, "\xA0"), /*#__PURE__*/React.createElement("span", commandProps, text), /*#__PURE__*/React.createElement("div", responseProps, response));
   };
   var createContent = function createContent() {
     var content = commandsState.map(createCommand);
-    return /*#__PURE__*/React.createElement("div", {
-      className: "p-terminal-content"
-    }, content);
+    var contentProps = mergeProps({
+      className: 'p-terminal-content'
+    }, ptm('content'));
+    return /*#__PURE__*/React.createElement("div", contentProps, content);
   };
   var createPromptContainer = function createPromptContainer() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "p-terminal-prompt-container"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "p-terminal-prompt"
-    }, props.prompt, "\xA0"), /*#__PURE__*/React.createElement("input", {
+    var containerProps = mergeProps({
+      className: 'p-terminal-prompt-container'
+    }, ptm('container'));
+    var commandTextProps = mergeProps({
       ref: inputRef,
-      type: "text",
       value: commandTextState,
-      className: "p-terminal-input",
-      autoComplete: "off",
-      onChange: onInputChange,
-      onKeyDown: onInputKeyDown
-    }));
+      type: 'text',
+      className: 'p-terminal-input',
+      autoComplete: 'off',
+      onChange: function onChange(e) {
+        return onInputChange(e);
+      },
+      onKeyDown: function onKeyDown(e) {
+        return onInputKeyDown(e);
+      }
+    }, ptm('commandText'));
+    return /*#__PURE__*/React.createElement("div", containerProps, /*#__PURE__*/React.createElement("span", promptProps, props.prompt, "\xA0"), /*#__PURE__*/React.createElement("input", commandTextProps));
   };
-  var otherProps = TerminalBase.getOtherProps(props);
   var className = classNames('p-terminal p-component', props.className);
   var welcomeMessage = createWelcomeMessage();
   var content = createContent();
   var prompt = createPromptContainer();
-  return /*#__PURE__*/React.createElement("div", _extends({
-    ref: elementRef,
+  var rootProps = mergeProps({
     id: props.id,
+    ref: elementRef,
     className: className,
-    style: props.style
-  }, otherProps, {
+    style: props.style,
     onClick: onClick
-  }), welcomeMessage, content, prompt);
+  }, TerminalBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, welcomeMessage, content, prompt);
 }));
 Terminal.displayName = 'Terminal';
 

package/terminal/terminal.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{TerminalService as t}from"primereact/terminalservice";import{ObjectUtils as r,DomHandler as n,classNames as a}from"primereact/utils";function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}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 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 c(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 f(e){return i(e)||u(e)||c(e)||s()}function m(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,a,o,l,i=[],u=!0,c=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;u=!1}else for(;!(u=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);u=!0);}catch(e){c=!0,a=e}finally{try{if(!u&&null!=r.return&&(l=r.return(),Object(l)!==l))return}finally{if(c)throw a}}return i}}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 m(e)||p(e,t)||c(e,t)||d()}var v={defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0},getProps:function(e){return r.getMergedProps(e,v.defaultProps)},getOtherProps:function(e){return r.getDiffProps(e,v.defaultProps)}},h=e.memo(e.forwardRef((function(r,l){var i=v.getProps(r),u=y(e.useState(""),2),c=u[0],s=u[1],m=y(e.useState([]),2),p=m[0],d=m[1],h=y(e.useState(0),2),g=h[0],b=h[1],E=y(e.useState(""),2),w=E[0],S=E[1],N=e.useRef(null),P=e.useRef(null),O=e.useRef(!1),j=function(e){s(e.target.value)},A=function(e){switch(e.which||e.keyCode){case 38:if(p&&p.length){var t=g-1<0?p.length-1:g-1,r=p[t];b(t),s(r.text)}break;case 13:if(c){var n=f(p);n.push({text:c}),b((function(e){return e+1})),s(""),d(n),S(c),O.current=!0}}};e.useImperativeHandle(l,(function(){return{props:i,focus:function(){return n.focus(P.current)},getElement:function(){return N.current}}})),e.useEffect((function(){var e=function(e){if(p&&p.length>0){var t=f(p);t[t.length-1].response=e,d(t)}},r=function(){d([]),b(0)};return t.on("response",e),t.on("clear",r),function(){t.off("response",e),t.off("clear",r)}}),[p]),e.useEffect((function(){O.current&&(t.emit("command",w),O.current=!1),N.current.scrollTop=N.current.scrollHeight}));var x=function(t,r){var n=t.text,a=t.response;return e.createElement("div",{key:n+"_"+r},e.createElement("span",{className:"p-terminal-prompt"},i.prompt," "),e.createElement("span",{className:"p-terminal-command"},n),e.createElement("div",{className:"p-terminal-response"},a))},I=v.getOtherProps(i),T=a("p-terminal p-component",i.className),C=i.welcomeMessage?e.createElement("div",null,i.welcomeMessage):null,M=function(){var t=p.map(x);return e.createElement("div",{className:"p-terminal-content"},t)}(),k=e.createElement("div",{className:"p-terminal-prompt-container"},e.createElement("span",{className:"p-terminal-prompt"},i.prompt," "),e.createElement("input",{ref:P,type:"text",value:c,className:"p-terminal-input",autoComplete:"off",onChange:j,onKeyDown:A}));return e.createElement("div",o({ref:N,id:i.id,className:T,style:i.style},I,{onClick:function(){n.focus(P.current)}}),C,M,k)})));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";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};

package/terminal/terminal.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.terminal = (function (exports, React, terminalservice, utils) {
+this.primereact.terminal = (function (exports, React, terminalservice, utils, componentbase) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,21 +22,6 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
 
   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 _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -108,7 +93,7 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var TerminalBase = {
+  var TerminalBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Terminal',
       id: null,
@@ -117,14 +102,8 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
       welcomeMessage: null,
       prompt: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, TerminalBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, TerminalBase.defaultProps);
     }
-  };
+  });
 
   var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
     var props = TerminalBase.getProps(inProps);
@@ -147,6 +126,17 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
     var elementRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(null);
     var isEmitted = React__namespace.useRef(false);
+    var _TerminalBase$setMeta = TerminalBase.setMetaData({
+        props: props,
+        state: {
+          commandText: commandTextState,
+          commands: commandsState
+        }
+      }),
+      ptm = _TerminalBase$setMeta.ptm;
+    var promptProps = utils.mergeProps({
+      className: 'p-terminal-prompt'
+    }, ptm('prompt'));
     var onClick = function onClick() {
       utils.DomHandler.focus(inputRef.current);
     };
@@ -223,7 +213,8 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
     });
     var createWelcomeMessage = function createWelcomeMessage() {
       if (props.welcomeMessage) {
-        return /*#__PURE__*/React__namespace.createElement("div", null, props.welcomeMessage);
+        var welcomeMessageProps = utils.mergeProps(ptm('welcomeMessage'));
+        return /*#__PURE__*/React__namespace.createElement("div", welcomeMessageProps, props.welcomeMessage);
       }
       return null;
     };
@@ -231,50 +222,55 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
       var text = command.text,
         response = command.response;
       var key = text + '_' + index;
-      return /*#__PURE__*/React__namespace.createElement("div", {
+      var commandsProps = utils.mergeProps({
         key: key
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-terminal-prompt"
-      }, props.prompt, "\xA0"), /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-terminal-command"
-      }, text), /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-terminal-response"
-      }, response));
+      }, ptm('commands'));
+      var commandProps = utils.mergeProps({
+        className: 'p-terminal-command'
+      }, ptm('command'));
+      var responseProps = utils.mergeProps({
+        className: 'p-terminal-response'
+      }, ptm('response'));
+      return /*#__PURE__*/React__namespace.createElement("div", commandsProps, /*#__PURE__*/React__namespace.createElement("span", promptProps, props.prompt, "\xA0"), /*#__PURE__*/React__namespace.createElement("span", commandProps, text), /*#__PURE__*/React__namespace.createElement("div", responseProps, response));
     };
     var createContent = function createContent() {
       var content = commandsState.map(createCommand);
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-terminal-content"
-      }, content);
+      var contentProps = utils.mergeProps({
+        className: 'p-terminal-content'
+      }, ptm('content'));
+      return /*#__PURE__*/React__namespace.createElement("div", contentProps, content);
     };
     var createPromptContainer = function createPromptContainer() {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-terminal-prompt-container"
-      }, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-terminal-prompt"
-      }, props.prompt, "\xA0"), /*#__PURE__*/React__namespace.createElement("input", {
+      var containerProps = utils.mergeProps({
+        className: 'p-terminal-prompt-container'
+      }, ptm('container'));
+      var commandTextProps = utils.mergeProps({
         ref: inputRef,
-        type: "text",
         value: commandTextState,
-        className: "p-terminal-input",
-        autoComplete: "off",
-        onChange: onInputChange,
-        onKeyDown: onInputKeyDown
-      }));
+        type: 'text',
+        className: 'p-terminal-input',
+        autoComplete: 'off',
+        onChange: function onChange(e) {
+          return onInputChange(e);
+        },
+        onKeyDown: function onKeyDown(e) {
+          return onInputKeyDown(e);
+        }
+      }, ptm('commandText'));
+      return /*#__PURE__*/React__namespace.createElement("div", containerProps, /*#__PURE__*/React__namespace.createElement("span", promptProps, props.prompt, "\xA0"), /*#__PURE__*/React__namespace.createElement("input", commandTextProps));
     };
-    var otherProps = TerminalBase.getOtherProps(props);
     var className = utils.classNames('p-terminal p-component', props.className);
     var welcomeMessage = createWelcomeMessage();
     var content = createContent();
     var prompt = createPromptContainer();
-    return /*#__PURE__*/React__namespace.createElement("div", _extends({
-      ref: elementRef,
+    var rootProps = utils.mergeProps({
       id: props.id,
+      ref: elementRef,
       className: className,
-      style: props.style
-    }, otherProps, {
+      style: props.style,
       onClick: onClick
-    }), welcomeMessage, content, prompt);
+    }, TerminalBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, welcomeMessage, content, prompt);
   }));
   Terminal.displayName = 'Terminal';
 
@@ -284,4 +280,4 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
 
   return exports;
 
-})({}, React, primereact.terminalservice, primereact.utils);
+})({}, React, primereact.terminalservice, primereact.utils, primereact.componentbase);

package/terminal/terminal.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.terminal=function(e,t,r,n){"use strict";function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=a(t);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}function i(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 i(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 i(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)?i(e,t):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function m(e){return c(e)||u(e)||s(e)||f()}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,a,o,l,i=[],c=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;c=!1}else for(;!(c=(n=o.call(r)).done)&&(i.push(n.value),i.length!==t);c=!0);}catch(e){u=!0,a=e}finally{try{if(!c&&null!=r.return&&(l=r.return(),Object(l)!==l))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,t){return p(e)||d(e,t)||s(e,t)||v()}var b={defaultProps:{__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,b.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,b.defaultProps)}},h=o.memo(o.forwardRef((function(e,t){var a=b.getProps(e),i=y(o.useState(""),2),c=i[0],u=i[1],s=y(o.useState([]),2),f=s[0],p=s[1],d=y(o.useState(0),2),v=d[0],h=d[1],g=y(o.useState(""),2),O=g[0],j=g[1],E=o.useRef(null),S=o.useRef(null),w=o.useRef(!1),P=function(e){u(e.target.value)},N=function(e){switch(e.which||e.keyCode){case 38:if(f&&f.length){var t=v-1<0?f.length-1:v-1,r=f[t];h(t),u(r.text)}break;case 13:if(c){var n=m(f);n.push({text:c}),h((function(e){return e+1})),u(""),p(n),j(c),w.current=!0}}};o.useImperativeHandle(t,(function(){return{props:a,focus:function(){return n.DomHandler.focus(S.current)},getElement:function(){return E.current}}})),o.useEffect((function(){var e=function(e){if(f&&f.length>0){var t=m(f);t[t.length-1].response=e,p(t)}},t=function(){p([]),h(0)};return r.TerminalService.on("response",e),r.TerminalService.on("clear",t),function(){r.TerminalService.off("response",e),r.TerminalService.off("clear",t)}}),[f]),o.useEffect((function(){w.current&&(r.TerminalService.emit("command",O),w.current=!1),E.current.scrollTop=E.current.scrollHeight}));var T=function(e,t){var r=e.text,n=e.response;return o.createElement("div",{key:r+"_"+t},o.createElement("span",{className:"p-terminal-prompt"},a.prompt," "),o.createElement("span",{className:"p-terminal-command"},r),o.createElement("div",{className:"p-terminal-response"},n))},A=b.getOtherProps(a),M=n.classNames("p-terminal p-component",a.className),_=a.welcomeMessage?o.createElement("div",null,a.welcomeMessage):null,I=function(){var e=f.map(T);return o.createElement("div",{className:"p-terminal-content"},e)}(),k=o.createElement("div",{className:"p-terminal-prompt-container"},o.createElement("span",{className:"p-terminal-prompt"},a.prompt," "),o.createElement("input",{ref:S,type:"text",value:c,className:"p-terminal-input",autoComplete:"off",onChange:P,onKeyDown:N}));return o.createElement("div",l({ref:E,id:a.id,className:M,style:a.style},A,{onClick:function(){n.DomHandler.focus(S.current)}}),_,I,k)})));return h.displayName="Terminal",e.Terminal=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.terminalservice,primereact.utils);
+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);

package/terminalservice/terminalservice.d.ts

@@ -4,7 +4,7 @@
  *
  * [Live Demo](https://www.primereact.org/terminal/)
  *
- * @module terminal
+ * @module terminalservice
  *
  */
 

package/tieredmenu/tieredmenu.cjs.js

@@ -375,7 +375,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
     }
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
-      id: item,
+      id: item.id,
       className: className,
       style: style,
       onMouseEnter: function onMouseEnter(event) {

package/tieredmenu/tieredmenu.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/csstransition"),r=require("primereact/hooks"),o=require("primereact/overlayservice"),i=require("primereact/portal"),u=require("primereact/utils"),l=require("primereact/ripple"),a=require("primereact/icons/angleright");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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 p=s(e),m=c(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function f(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 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 y(e,n){return f(e)||b(e,n)||g(e,n)||h()}var E={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},getProps:function(e){return u.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,E.defaultProps)}},I=p.memo((function(e){var n=y(p.useState(null),2),t=n[0],o=n[1],i=p.useRef(null),c=y(r.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||o(null)}}),1)[0],s=y(r.useResizeListener({listener:function(){!e.isMobileMode&&o(null)}}),1)[0],m=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)},f=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||E(n))},b=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var i=g(r);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=h(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)},v=function(e,n){37===e.which&&(o(null),n.parentElement.previousElementSibling.focus())},g=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},h=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},E=function(n){e.isMobileMode&&!e.popup||(o(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};r.useMountEffect((function(){c(),s()})),r.useUpdateEffect((function(){e.parentActive||o(null),e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),r.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var M=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(n){return n.items?p.createElement(I,{menuProps:e.menuProps,model:n.items,onLeafClick:E,popup:e.popup,onKeyDown:v,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon}):null},D=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,c=n.icon,s=n.label,m=n.items,v=n.target,g=n.url,h=n.template,y=s+"_"+r,E=t===n,I=u.classNames("p-menuitem",{"p-menuitem-active":E},n.className),M=u.classNames("p-menuitem-link",{"p-disabled":i}),D=u.classNames("p-menuitem-icon",c),H=u.IconUtils.getJSXIcon(c,{className:"p-menuitem-icon"},{props:e.menuProps}),O=s&&p.createElement("span",{className:"p-menuitem-text"},s),x="p-submenu-icon",S=n.items&&u.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(a.AngleRightIcon,{className:x}),{className:x},{props:e.menuProps}),N=w(n),k=p.createElement("a",{href:g||"#",className:M,target:v,role:"menuitem","aria-haspopup":null!=m,onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},"aria-disabled":i},H,O,S,p.createElement(l.Ripple,null));h&&(k=u.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},className:M,labelClassName:"p-menuitem-text",iconClassName:D,submenuIconClassName:x,element:k,props:e,active:E,disabled:i}));return p.createElement("li",{key:y,id:n,className:I,style:o,onMouseEnter:function(e){return d(e,n)},role:"none"},k,N)},H=function(e,n){return e.separator?M(n):D(e,n)},O=u.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(H):null;return p.createElement("ul",{ref:i,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},x)}));I.displayName="TieredMenuSub";var M=p.memo(p.forwardRef((function(e,n){var l=E.getProps(e),a=y(p.useState(!l.popup),2),c=a[0],s=a[1],f=y(p.useState(null),2),b=f[0],v=f[1],g=p.useRef(null),h=p.useRef(null),M=p.useRef(null),w=r.useMatchMedia("screen and (max-width: ".concat(l.breakpoint,")"),!!l.breakpoint),D=y(r.useOverlayListener({target:h,overlay:g,listener:function(e,n){n.valid&&k(e)},when:c}),2),H=D[0],O=D[1],x=function(e){l.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},S=function(e){l.popup&&(c?k(e):N(e))},N=function(e){h.current=e.currentTarget,s(!0),l.onShow&&l.onShow(e)},k=function(e){l.popup&&(h.current=e.currentTarget,s(!1),l.onHide&&l.onHide(e))},P=function(){l.popup&&w&&u.DomHandler.absolutePosition(g.current,h.current)},T=function(){if(!M.current){M.current=u.DomHandler.createInlineStyle(m.default.nonce);var e="".concat(b),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");M.current.innerHTML=n}},j=function(){M.current=u.DomHandler.removeInlineStyle(M.current)},C=function(){l.autoZIndex&&u.ZIndexUtils.set("menu",g.current,m.default.autoZIndex,l.baseZIndex||m.default.zIndex.menu),u.DomHandler.absolutePosition(g.current,h.current),b&&l.breakpoint&&(g.current.setAttribute(b,""),T())},U=function(){H()},A=function(){h.current=null,O()},q=function(){u.ZIndexUtils.clear(g.current),j()};r.useMountEffect((function(){l.breakpoint&&!b&&v(u.UniqueComponentId())})),r.useUpdateEffect((function(){return b&&g.current&&(g.current.setAttribute(b,""),T()),function(){j()}}),[b,l.breakpoint]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(g.current)})),p.useImperativeHandle(n,(function(){return{props:l,toggle:S,show:N,hide:k,getElement:function(){return g.current}}}));var R,Z,_=(R=E.getOtherProps(l),Z=u.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":l.popup,"p-input-filled":"filled"===m.default.inputStyle,"p-ripple-disabled":!1===m.default.ripple},l.className),p.createElement(t.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:c,timeout:{enter:120,exit:100},options:l.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:U,onExit:A,onExited:q},p.createElement("div",d({ref:g,id:l.id,className:Z,style:l.style},R,{onClick:x}),p.createElement(I,{menuProps:l,model:l.model,root:!0,popup:l.popup,onHide:k,isMobileMode:w,onItemToggle:P,submenuIcon:l.submenuIcon}))));return l.popup?p.createElement(i.Portal,{element:_,appendTo:l.appendTo}):_})));M.displayName="TieredMenu",exports.TieredMenu=M;
+"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/ripple"),a=require("primereact/icons/angleright");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(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 p=s(e),m=c(n);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},d.apply(this,arguments)}function f(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 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 y(e,n){return f(e)||b(e,n)||g(e,n)||h()}var E={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},getProps:function(e){return u.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return u.ObjectUtils.getDiffProps(e,E.defaultProps)}},I=p.memo((function(e){var n=y(p.useState(null),2),t=n[0],o=n[1],i=p.useRef(null),c=y(r.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||o(null)}}),1)[0],s=y(r.useResizeListener({listener:function(){!e.isMobileMode&&o(null)}}),1)[0],m=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)},f=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||E(n))},b=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var i=g(r);i&&i.children[0].focus(),n.preventDefault();break;case 38:var u=h(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)},v=function(e,n){37===e.which&&(o(null),n.parentElement.previousElementSibling.focus())},g=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},h=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},E=function(n){e.isMobileMode&&!e.popup||(o(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};r.useMountEffect((function(){c(),s()})),r.useUpdateEffect((function(){e.parentActive||o(null),e.root||!e.parentActive||e.isMobileMode||m()}),[e.parentActive]),r.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var M=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(n){return n.items?p.createElement(I,{menuProps:e.menuProps,model:n.items,onLeafClick:E,popup:e.popup,onKeyDown:v,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon}):null},D=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,c=n.icon,s=n.label,m=n.items,v=n.target,g=n.url,h=n.template,y=s+"_"+r,E=t===n,I=u.classNames("p-menuitem",{"p-menuitem-active":E},n.className),M=u.classNames("p-menuitem-link",{"p-disabled":i}),D=u.classNames("p-menuitem-icon",c),H=u.IconUtils.getJSXIcon(c,{className:"p-menuitem-icon"},{props:e.menuProps}),O=s&&p.createElement("span",{className:"p-menuitem-text"},s),x="p-submenu-icon",S=n.items&&u.IconUtils.getJSXIcon(e.submenuIcon||p.createElement(a.AngleRightIcon,{className:x}),{className:x},{props:e.menuProps}),N=w(n),k=p.createElement("a",{href:g||"#",className:M,target:v,role:"menuitem","aria-haspopup":null!=m,onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},"aria-disabled":i},H,O,S,p.createElement(l.Ripple,null));h&&(k=u.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},className:M,labelClassName:"p-menuitem-text",iconClassName:D,submenuIconClassName:x,element:k,props:e,active:E,disabled:i}));return p.createElement("li",{key:y,id:n.id,className:I,style:o,onMouseEnter:function(e){return d(e,n)},role:"none"},k,N)},H=function(e,n){return e.separator?M(n):D(e,n)},O=u.classNames({"p-submenu-list":!e.root}),x=e.model?e.model.map(H):null;return p.createElement("ul",{ref:i,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},x)}));I.displayName="TieredMenuSub";var M=p.memo(p.forwardRef((function(e,n){var l=E.getProps(e),a=y(p.useState(!l.popup),2),c=a[0],s=a[1],f=y(p.useState(null),2),b=f[0],v=f[1],g=p.useRef(null),h=p.useRef(null),M=p.useRef(null),w=r.useMatchMedia("screen and (max-width: ".concat(l.breakpoint,")"),!!l.breakpoint),D=y(r.useOverlayListener({target:h,overlay:g,listener:function(e,n){n.valid&&k(e)},when:c}),2),H=D[0],O=D[1],x=function(e){l.popup&&o.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},S=function(e){l.popup&&(c?k(e):N(e))},N=function(e){h.current=e.currentTarget,s(!0),l.onShow&&l.onShow(e)},k=function(e){l.popup&&(h.current=e.currentTarget,s(!1),l.onHide&&l.onHide(e))},P=function(){l.popup&&w&&u.DomHandler.absolutePosition(g.current,h.current)},T=function(){if(!M.current){M.current=u.DomHandler.createInlineStyle(m.default.nonce);var e="".concat(b),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");M.current.innerHTML=n}},j=function(){M.current=u.DomHandler.removeInlineStyle(M.current)},C=function(){l.autoZIndex&&u.ZIndexUtils.set("menu",g.current,m.default.autoZIndex,l.baseZIndex||m.default.zIndex.menu),u.DomHandler.absolutePosition(g.current,h.current),b&&l.breakpoint&&(g.current.setAttribute(b,""),T())},U=function(){H()},A=function(){h.current=null,O()},q=function(){u.ZIndexUtils.clear(g.current),j()};r.useMountEffect((function(){l.breakpoint&&!b&&v(u.UniqueComponentId())})),r.useUpdateEffect((function(){return b&&g.current&&(g.current.setAttribute(b,""),T()),function(){j()}}),[b,l.breakpoint]),r.useUnmountEffect((function(){u.ZIndexUtils.clear(g.current)})),p.useImperativeHandle(n,(function(){return{props:l,toggle:S,show:N,hide:k,getElement:function(){return g.current}}}));var R,Z,_=(R=E.getOtherProps(l),Z=u.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":l.popup,"p-input-filled":"filled"===m.default.inputStyle,"p-ripple-disabled":!1===m.default.ripple},l.className),p.createElement(t.CSSTransition,{nodeRef:g,classNames:"p-connected-overlay",in:c,timeout:{enter:120,exit:100},options:l.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:U,onExit:A,onExited:q},p.createElement("div",d({ref:g,id:l.id,className:Z,style:l.style},R,{onClick:x}),p.createElement(I,{menuProps:l,model:l.model,root:!0,popup:l.popup,onHide:k,isMobileMode:w,onItemToggle:P,submenuIcon:l.submenuIcon}))));return l.popup?p.createElement(i.Portal,{element:_,appendTo:l.appendTo}):_})));M.displayName="TieredMenu",exports.TieredMenu=M;

package/tieredmenu/tieredmenu.esm.js

@@ -348,7 +348,7 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
     }
     return /*#__PURE__*/React.createElement("li", {
       key: key,
-      id: item,
+      id: item.id,
       className: className,
       style: style,
       onMouseEnter: function onMouseEnter(event) {

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 s}from"primereact/overlayservice";import{Portal as p}from"primereact/portal";import{ObjectUtils as m,classNames as f,DomHandler as d,IconUtils as b,UniqueComponentId as g,ZIndexUtils as h}from"primereact/utils";import{Ripple as v}from"primereact/ripple";import{AngleRightIcon as y}from"primereact/icons/angleright";function E(){return E=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},E.apply(this,arguments)}function I(e){if(Array.isArray(e))return e}function w(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 M(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function S(e,n){if(e){if("string"==typeof e)return M(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)?M(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return I(e)||w(e,n)||S(e,n)||k()}var N={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},getProps:function(e){return m.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return m.getDiffProps(e,N.defaultProps)}},P=e.memo((function(n){var t=x(e.useState(null),2),l=t[0],a=t[1],c=e.useRef(null),s=x(r({type:"click",listener:function(e){n.isMobileMode||!c.current||c.current.contains(e.target)||a(null)}}),1)[0],p=x(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)},E=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))},I=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=S(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)},w=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},S=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(),p()})),u((function(){n.parentActive||a(null),n.root||!n.parentActive||n.isMobileMode||g()}),[n.parentActive]),u((function(){n.onItemToggle&&n.onItemToggle()}),[l]);var N=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},T=function(t){return t.items?e.createElement(P,{menuProps:n.menuProps,model:t.items,onLeafClick:k,popup:n.popup,onKeyDown:w,parentActive:t===l,isMobileMode:n.isMobileMode,onItemToggle:n.onItemToggle,submenuIcon:n.submenuIcon}):null},O=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,p=t.url,d=t.template,g=a+"_"+r,w=l===t,M=f("p-menuitem",{"p-menuitem-active":w},t.className),S=f("p-menuitem-link",{"p-disabled":i}),k=f("p-menuitem-icon",u),x=b.getJSXIcon(u,{className:"p-menuitem-icon"},{props:n.menuProps}),N=a&&e.createElement("span",{className:"p-menuitem-text"},a),P="p-submenu-icon",O=t.items&&b.getJSXIcon(n.submenuIcon||e.createElement(y,{className:P}),{className:P},{props:n.menuProps}),C=T(t),H=e.createElement("a",{href:p||"#",className:S,target:s,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return E(e,t)},onKeyDown:function(e){return I(e,t)},"aria-disabled":i},x,N,O,e.createElement(v,null));d&&(H=m.getJSXElement(d,t,{onClick:function(e){return E(e,t)},onKeyDown:function(e){return I(e,t)},className:S,labelClassName:"p-menuitem-text",iconClassName:k,submenuIconClassName:P,element:H,props:n,active:w,disabled:i}));return e.createElement("li",{key:g,id:t,className:M,style:o,onMouseEnter:function(e){return h(e,t)},role:"none"},H,C)},C=function(e,n){return e.separator?N(n):O(e,n)},H=f({"p-submenu-list":!n.root}),A=n.model?n.model.map(C):null;return e.createElement("ul",{ref:c,className:H,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},A)}));P.displayName="TieredMenuSub";var T=e.memo(e.forwardRef((function(r,o){var m=N.getProps(r),b=x(e.useState(!m.popup),2),v=b[0],y=b[1],I=x(e.useState(null),2),w=I[0],M=I[1],S=e.useRef(null),k=e.useRef(null),T=e.useRef(null),O=l("screen and (max-width: ".concat(m.breakpoint,")"),!!m.breakpoint),C=x(a({target:k,overlay:S,listener:function(e,n){n.valid&&K(e)},when:v}),2),H=C[0],A=C[1],D=function(e){m.popup&&s.emit("overlay-click",{originalEvent:e,target:k.current})},j=function(e){m.popup&&(v?K(e):R(e))},R=function(e){k.current=e.currentTarget,y(!0),m.onShow&&m.onShow(e)},K=function(e){m.popup&&(k.current=e.currentTarget,y(!1),m.onHide&&m.onHide(e))},W=function(){m.popup&&O&&d.absolutePosition(S.current,k.current)},Z=function(){if(!T.current){T.current=d.createInlineStyle(n.nonce);var e="".concat(w),t="\n@media screen and (max-width: ".concat(m.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(m.scrollHeight,";\n        overflow: ").concat(m.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(m.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");T.current.innerHTML=t}},L=function(){T.current=d.removeInlineStyle(T.current)},_=function(){m.autoZIndex&&h.set("menu",S.current,n.autoZIndex,m.baseZIndex||n.zIndex.menu),d.absolutePosition(S.current,k.current),w&&m.breakpoint&&(S.current.setAttribute(w,""),Z())},J=function(){H()},X=function(){k.current=null,A()},z=function(){h.clear(S.current),L()};i((function(){m.breakpoint&&!w&&M(g())})),u((function(){return w&&S.current&&(S.current.setAttribute(w,""),Z()),function(){L()}}),[w,m.breakpoint]),c((function(){h.clear(S.current)})),e.useImperativeHandle(o,(function(){return{props:m,toggle:j,show:R,hide:K,getElement:function(){return S.current}}}));var U,V,Y=(U=N.getOtherProps(m),V=f("p-tieredmenu p-component",{"p-tieredmenu-overlay":m.popup,"p-input-filled":"filled"===n.inputStyle,"p-ripple-disabled":!1===n.ripple},m.className),e.createElement(t,{nodeRef:S,classNames:"p-connected-overlay",in:v,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:_,onEntered:J,onExit:X,onExited:z},e.createElement("div",E({ref:S,id:m.id,className:V,style:m.style},U,{onClick:D}),e.createElement(P,{menuProps:m,model:m.model,root:!0,popup:m.popup,onHide:K,isMobileMode:O,onItemToggle:W,submenuIcon:m.submenuIcon}))));return m.popup?e.createElement(p,{element:Y,appendTo:m.appendTo}):Y})));T.displayName="TieredMenu";export{T as TieredMenu};
+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 s}from"primereact/overlayservice";import{Portal as p}from"primereact/portal";import{ObjectUtils as m,classNames as f,DomHandler as d,IconUtils as b,UniqueComponentId as g,ZIndexUtils as h}from"primereact/utils";import{Ripple as v}from"primereact/ripple";import{AngleRightIcon as y}from"primereact/icons/angleright";function E(){return E=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},E.apply(this,arguments)}function I(e){if(Array.isArray(e))return e}function w(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 M(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function S(e,n){if(e){if("string"==typeof e)return M(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)?M(e,n):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function x(e,n){return I(e)||w(e,n)||S(e,n)||k()}var N={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},getProps:function(e){return m.getMergedProps(e,N.defaultProps)},getOtherProps:function(e){return m.getDiffProps(e,N.defaultProps)}},P=e.memo((function(n){var t=x(e.useState(null),2),l=t[0],a=t[1],c=e.useRef(null),s=x(r({type:"click",listener:function(e){n.isMobileMode||!c.current||c.current.contains(e.target)||a(null)}}),1)[0],p=x(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)},E=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))},I=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=S(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)},w=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},S=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(),p()})),u((function(){n.parentActive||a(null),n.root||!n.parentActive||n.isMobileMode||g()}),[n.parentActive]),u((function(){n.onItemToggle&&n.onItemToggle()}),[l]);var N=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},T=function(t){return t.items?e.createElement(P,{menuProps:n.menuProps,model:t.items,onLeafClick:k,popup:n.popup,onKeyDown:w,parentActive:t===l,isMobileMode:n.isMobileMode,onItemToggle:n.onItemToggle,submenuIcon:n.submenuIcon}):null},O=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,p=t.url,d=t.template,g=a+"_"+r,w=l===t,M=f("p-menuitem",{"p-menuitem-active":w},t.className),S=f("p-menuitem-link",{"p-disabled":i}),k=f("p-menuitem-icon",u),x=b.getJSXIcon(u,{className:"p-menuitem-icon"},{props:n.menuProps}),N=a&&e.createElement("span",{className:"p-menuitem-text"},a),P="p-submenu-icon",O=t.items&&b.getJSXIcon(n.submenuIcon||e.createElement(y,{className:P}),{className:P},{props:n.menuProps}),C=T(t),H=e.createElement("a",{href:p||"#",className:S,target:s,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return E(e,t)},onKeyDown:function(e){return I(e,t)},"aria-disabled":i},x,N,O,e.createElement(v,null));d&&(H=m.getJSXElement(d,t,{onClick:function(e){return E(e,t)},onKeyDown:function(e){return I(e,t)},className:S,labelClassName:"p-menuitem-text",iconClassName:k,submenuIconClassName:P,element:H,props:n,active:w,disabled:i}));return e.createElement("li",{key:g,id:t.id,className:M,style:o,onMouseEnter:function(e){return h(e,t)},role:"none"},H,C)},C=function(e,n){return e.separator?N(n):O(e,n)},H=f({"p-submenu-list":!n.root}),A=n.model?n.model.map(C):null;return e.createElement("ul",{ref:c,className:H,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},A)}));P.displayName="TieredMenuSub";var T=e.memo(e.forwardRef((function(r,o){var m=N.getProps(r),b=x(e.useState(!m.popup),2),v=b[0],y=b[1],I=x(e.useState(null),2),w=I[0],M=I[1],S=e.useRef(null),k=e.useRef(null),T=e.useRef(null),O=l("screen and (max-width: ".concat(m.breakpoint,")"),!!m.breakpoint),C=x(a({target:k,overlay:S,listener:function(e,n){n.valid&&K(e)},when:v}),2),H=C[0],A=C[1],D=function(e){m.popup&&s.emit("overlay-click",{originalEvent:e,target:k.current})},j=function(e){m.popup&&(v?K(e):R(e))},R=function(e){k.current=e.currentTarget,y(!0),m.onShow&&m.onShow(e)},K=function(e){m.popup&&(k.current=e.currentTarget,y(!1),m.onHide&&m.onHide(e))},W=function(){m.popup&&O&&d.absolutePosition(S.current,k.current)},Z=function(){if(!T.current){T.current=d.createInlineStyle(n.nonce);var e="".concat(w),t="\n@media screen and (max-width: ".concat(m.breakpoint,") {\n    .p-tieredmenu[").concat(e,"] > ul {\n        max-height: ").concat(m.scrollHeight,";\n        overflow: ").concat(m.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(m.popup?"":".p-tieredmenu[".concat(e,"] { width: 100%; }"),"\n}\n");T.current.innerHTML=t}},L=function(){T.current=d.removeInlineStyle(T.current)},_=function(){m.autoZIndex&&h.set("menu",S.current,n.autoZIndex,m.baseZIndex||n.zIndex.menu),d.absolutePosition(S.current,k.current),w&&m.breakpoint&&(S.current.setAttribute(w,""),Z())},J=function(){H()},X=function(){k.current=null,A()},z=function(){h.clear(S.current),L()};i((function(){m.breakpoint&&!w&&M(g())})),u((function(){return w&&S.current&&(S.current.setAttribute(w,""),Z()),function(){L()}}),[w,m.breakpoint]),c((function(){h.clear(S.current)})),e.useImperativeHandle(o,(function(){return{props:m,toggle:j,show:R,hide:K,getElement:function(){return S.current}}}));var U,V,Y=(U=N.getOtherProps(m),V=f("p-tieredmenu p-component",{"p-tieredmenu-overlay":m.popup,"p-input-filled":"filled"===n.inputStyle,"p-ripple-disabled":!1===n.ripple},m.className),e.createElement(t,{nodeRef:S,classNames:"p-connected-overlay",in:v,timeout:{enter:120,exit:100},options:m.transitionOptions,unmountOnExit:!0,onEnter:_,onEntered:J,onExit:X,onExited:z},e.createElement("div",E({ref:S,id:m.id,className:V,style:m.style},U,{onClick:D}),e.createElement(P,{menuProps:m,model:m.model,root:!0,popup:m.popup,onHide:K,isMobileMode:O,onItemToggle:W,submenuIcon:m.submenuIcon}))));return m.popup?e.createElement(p,{element:Y,appendTo:m.appendTo}):Y})));T.displayName="TieredMenu";export{T as TieredMenu};

package/tieredmenu/tieredmenu.js

@@ -365,7 +365,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
       }
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
-        id: item,
+        id: item.id,
         className: className,
         style: style,
         onMouseEnter: function onMouseEnter(event) {
@@ -562,4 +562,4 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
 
   return exports;
 
-})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.overlayservice, primereact.portal, primereact.utils, primereact.ripple, primereact.icons/angleright);
+})({}, React, primereact.api, primereact.csstransition, primereact.hooks, primereact.overlayservice, primereact.portal, primereact.utils, primereact.ripple, primereact.icons.angleright);

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){"use strict";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(n),d=s(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function g(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 h(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 E(e,n){return b(e)||g(e,n)||h(e,n)||y()}var I={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},getProps:function(e){return l.ObjectUtils.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,I.defaultProps)}},M=m.memo((function(e){var n=E(m.useState(null),2),t=n[0],r=n[1],i=m.useRef(null),u=E(o.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||r(null)}}),1)[0],s=E(o.useResizeListener({listener:function(){!e.isMobileMode&&r(null)}}),1)[0],p=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)},f=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||y(n))},b=function(n,t){var o=n.currentTarget.parentElement;switch(n.which){case 40:var i=v(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())},v=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},y=function(n){e.isMobileMode&&!e.popup||(r(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};o.useMountEffect((function(){u(),s()})),o.useUpdateEffect((function(){e.parentActive||r(null),e.root||!e.parentActive||e.isMobileMode||p()}),[e.parentActive]),o.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var I=function(e){return m.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(n){return n.items?m.createElement(M,{menuProps:e.menuProps,model:n.items,onLeafClick:y,popup:e.popup,onKeyDown:g,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon}):null},D=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,u=n.icon,s=n.label,p=n.items,g=n.target,v=n.url,h=n.template,y=s+"_"+r,E=t===n,I=l.classNames("p-menuitem",{"p-menuitem-active":E},n.className),M=l.classNames("p-menuitem-link",{"p-disabled":i}),D=l.classNames("p-menuitem-icon",u),H=l.IconUtils.getJSXIcon(u,{className:"p-menuitem-icon"},{props:e.menuProps}),O=s&&m.createElement("span",{className:"p-menuitem-text"},s),S="p-submenu-icon",x=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,{className:S}),{className:S},{props:e.menuProps}),N=w(n),k=m.createElement("a",{href:v||"#",className:M,target:g,role:"menuitem","aria-haspopup":null!=p,onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},"aria-disabled":i},H,O,x,m.createElement(a.Ripple,null));h&&(k=l.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},className:M,labelClassName:"p-menuitem-text",iconClassName:D,submenuIconClassName:S,element:k,props:e,active:E,disabled:i}));return m.createElement("li",{key:y,id:n,className:I,style:o,onMouseEnter:function(e){return d(e,n)},role:"none"},k,N)},H=function(e,n){return e.separator?I(n):D(e,n)},O=l.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(H):null;return m.createElement("ul",{ref:i,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));M.displayName="TieredMenuSub";var w=m.memo(m.forwardRef((function(e,n){var t=I.getProps(e),a=E(m.useState(!t.popup),2),c=a[0],s=a[1],p=E(m.useState(null),2),b=p[0],g=p[1],v=m.useRef(null),h=m.useRef(null),y=m.useRef(null),w=o.useMatchMedia("screen and (max-width: ".concat(t.breakpoint,")"),!!t.breakpoint),D=E(o.useOverlayListener({target:h,overlay:v,listener:function(e,n){n.valid&&k(e)},when:c}),2),H=D[0],O=D[1],S=function(e){t.popup&&i.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},x=function(e){t.popup&&(c?k(e):N(e))},N=function(e){h.current=e.currentTarget,s(!0),t.onShow&&t.onShow(e)},k=function(e){t.popup&&(h.current=e.currentTarget,s(!1),t.onHide&&t.onHide(e))},P=function(){t.popup&&w&&l.DomHandler.absolutePosition(v.current,h.current)},T=function(){if(!y.current){y.current=l.DomHandler.createInlineStyle(d.default.nonce);var e="".concat(b),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");y.current.innerHTML=n}},j=function(){y.current=l.DomHandler.removeInlineStyle(y.current)},C=function(){t.autoZIndex&&l.ZIndexUtils.set("menu",v.current,d.default.autoZIndex,t.baseZIndex||d.default.zIndex.menu),l.DomHandler.absolutePosition(v.current,h.current),b&&t.breakpoint&&(v.current.setAttribute(b,""),T())},U=function(){H()},A=function(){h.current=null,O()},R=function(){l.ZIndexUtils.clear(v.current),j()};o.useMountEffect((function(){t.breakpoint&&!b&&g(l.UniqueComponentId())})),o.useUpdateEffect((function(){return b&&v.current&&(v.current.setAttribute(b,""),T()),function(){j()}}),[b,t.breakpoint]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(v.current)})),m.useImperativeHandle(n,(function(){return{props:t,toggle:x,show:N,hide:k,getElement:function(){return v.current}}}));var Z,_,L=(Z=I.getOtherProps(t),_=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),m.createElement(r.CSSTransition,{nodeRef:v,classNames:"p-connected-overlay",in:c,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:U,onExit:A,onExited:R},m.createElement("div",f({ref:v,id:t.id,className:_,style:t.style},Z,{onClick:S}),m.createElement(M,{menuProps:t,model:t.model,root:!0,popup:t.popup,onHide:k,isMobileMode:w,onItemToggle:P,submenuIcon:t.submenuIcon}))));return t.popup?m.createElement(u.Portal,{element:L,appendTo:t.appendTo}):L})));return w.displayName="TieredMenu",e.TieredMenu=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.ripple,primereact.icons/angleright);
+this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,o,i,u,l,a,c){"use strict";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(n),d=s(t);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},f.apply(this,arguments)}function b(e){if(Array.isArray(e))return e}function g(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 h(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 E(e,n){return b(e)||g(e,n)||h(e,n)||y()}var I={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},getProps:function(e){return l.ObjectUtils.getMergedProps(e,I.defaultProps)},getOtherProps:function(e){return l.ObjectUtils.getDiffProps(e,I.defaultProps)}},M=m.memo((function(e){var n=E(m.useState(null),2),t=n[0],r=n[1],i=m.useRef(null),u=E(o.useEventListener({type:"click",listener:function(n){e.isMobileMode||!i.current||i.current.contains(n.target)||r(null)}}),1)[0],s=E(o.useResizeListener({listener:function(){!e.isMobileMode&&r(null)}}),1)[0],p=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)},f=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||y(n))},b=function(n,t){var o=n.currentTarget.parentElement;switch(n.which){case 40:var i=v(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())},v=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},y=function(n){e.isMobileMode&&!e.popup||(r(null),e.onLeafClick&&e.onLeafClick(n),e.onHide&&e.onHide(n))};o.useMountEffect((function(){u(),s()})),o.useUpdateEffect((function(){e.parentActive||r(null),e.root||!e.parentActive||e.isMobileMode||p()}),[e.parentActive]),o.useUpdateEffect((function(){e.onItemToggle&&e.onItemToggle()}),[t]);var I=function(e){return m.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(n){return n.items?m.createElement(M,{menuProps:e.menuProps,model:n.items,onLeafClick:y,popup:e.popup,onKeyDown:g,parentActive:n===t,isMobileMode:e.isMobileMode,onItemToggle:e.onItemToggle,submenuIcon:e.submenuIcon}):null},D=function(n,r){if(!1===n.visible)return null;var o=n.style,i=n.disabled,u=n.icon,s=n.label,p=n.items,g=n.target,v=n.url,h=n.template,y=s+"_"+r,E=t===n,I=l.classNames("p-menuitem",{"p-menuitem-active":E},n.className),M=l.classNames("p-menuitem-link",{"p-disabled":i}),D=l.classNames("p-menuitem-icon",u),H=l.IconUtils.getJSXIcon(u,{className:"p-menuitem-icon"},{props:e.menuProps}),O=s&&m.createElement("span",{className:"p-menuitem-text"},s),S="p-submenu-icon",x=n.items&&l.IconUtils.getJSXIcon(e.submenuIcon||m.createElement(c.AngleRightIcon,{className:S}),{className:S},{props:e.menuProps}),N=w(n),k=m.createElement("a",{href:v||"#",className:M,target:g,role:"menuitem","aria-haspopup":null!=p,onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},"aria-disabled":i},H,O,x,m.createElement(a.Ripple,null));h&&(k=l.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return f(e,n)},onKeyDown:function(e){return b(e,n)},className:M,labelClassName:"p-menuitem-text",iconClassName:D,submenuIconClassName:S,element:k,props:e,active:E,disabled:i}));return m.createElement("li",{key:y,id:n.id,className:I,style:o,onMouseEnter:function(e){return d(e,n)},role:"none"},k,N)},H=function(e,n){return e.separator?I(n):D(e,n)},O=l.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(H):null;return m.createElement("ul",{ref:i,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));M.displayName="TieredMenuSub";var w=m.memo(m.forwardRef((function(e,n){var t=I.getProps(e),a=E(m.useState(!t.popup),2),c=a[0],s=a[1],p=E(m.useState(null),2),b=p[0],g=p[1],v=m.useRef(null),h=m.useRef(null),y=m.useRef(null),w=o.useMatchMedia("screen and (max-width: ".concat(t.breakpoint,")"),!!t.breakpoint),D=E(o.useOverlayListener({target:h,overlay:v,listener:function(e,n){n.valid&&k(e)},when:c}),2),H=D[0],O=D[1],S=function(e){t.popup&&i.OverlayService.emit("overlay-click",{originalEvent:e,target:h.current})},x=function(e){t.popup&&(c?k(e):N(e))},N=function(e){h.current=e.currentTarget,s(!0),t.onShow&&t.onShow(e)},k=function(e){t.popup&&(h.current=e.currentTarget,s(!1),t.onHide&&t.onHide(e))},P=function(){t.popup&&w&&l.DomHandler.absolutePosition(v.current,h.current)},T=function(){if(!y.current){y.current=l.DomHandler.createInlineStyle(d.default.nonce);var e="".concat(b),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");y.current.innerHTML=n}},j=function(){y.current=l.DomHandler.removeInlineStyle(y.current)},C=function(){t.autoZIndex&&l.ZIndexUtils.set("menu",v.current,d.default.autoZIndex,t.baseZIndex||d.default.zIndex.menu),l.DomHandler.absolutePosition(v.current,h.current),b&&t.breakpoint&&(v.current.setAttribute(b,""),T())},U=function(){H()},A=function(){h.current=null,O()},R=function(){l.ZIndexUtils.clear(v.current),j()};o.useMountEffect((function(){t.breakpoint&&!b&&g(l.UniqueComponentId())})),o.useUpdateEffect((function(){return b&&v.current&&(v.current.setAttribute(b,""),T()),function(){j()}}),[b,t.breakpoint]),o.useUnmountEffect((function(){l.ZIndexUtils.clear(v.current)})),m.useImperativeHandle(n,(function(){return{props:t,toggle:x,show:N,hide:k,getElement:function(){return v.current}}}));var Z,_,L=(Z=I.getOtherProps(t),_=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),m.createElement(r.CSSTransition,{nodeRef:v,classNames:"p-connected-overlay",in:c,timeout:{enter:120,exit:100},options:t.transitionOptions,unmountOnExit:!0,onEnter:C,onEntered:U,onExit:A,onExited:R},m.createElement("div",f({ref:v,id:t.id,className:_,style:t.style},Z,{onClick:S}),m.createElement(M,{menuProps:t,model:t.model,root:!0,popup:t.popup,onHide:k,isMobileMode:w,onItemToggle:P,submenuIcon:t.submenuIcon}))));return t.popup?m.createElement(u.Portal,{element:L,appendTo:t.appendTo}):L})));return w.displayName="TieredMenu",e.TieredMenu=w,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.ripple,primereact.icons.angleright);

package/timeline/timeline.d.ts

@@ -13,7 +13,7 @@ import * as React from 'react';
  * Defines valid properties in Timeline component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface TimelineProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+export interface TimelineProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'content'> {
     /**
      * Position of the timeline bar relative to the content. Valid values are "left", "right for vertical layout and "top", "bottom" for horizontal layout.
      * @defaultValue left