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

package/terminal/terminal.d.ts

@@ -1,12 +1,11 @@
 import * as React from 'react';
 
-export interface TerminalProps {
-    id?: string;
-    style?: object;
-    className?: string;
+export interface TerminalProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     welcomeMessage?: string;
     prompt?: string;
     children?: React.ReactNode;
 }
 
-export declare class Terminal extends React.Component<TerminalProps, any> {}
+export declare class Terminal extends React.Component<TerminalProps, any> {
+    public getElement(): HTMLDivElement;
+}

package/terminal/terminal.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { TerminalService } from 'primereact/terminalservice';
-import { ObjectUtils, classNames } from 'primereact/utils';
+import { ObjectUtils, classNames, DomHandler } from 'primereact/utils';
 
 function _extends() {
   _extends = Object.assign || function (target) {
@@ -123,7 +123,7 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var isEmitted = React.useRef(false);
 
   var onClick = function onClick() {
-    inputRef.current.focus();
+    DomHandler.focus(inputRef.current);
   };
 
   var onInputChange = function onInputChange(e) {
@@ -166,6 +166,14 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   React.useEffect(function () {
     var response = function response(res) {
       if (commandsState && commandsState.length > 0) {

package/terminal/terminal.esm.min.js

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

package/terminal/terminal.js

@@ -143,7 +143,7 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
     var isEmitted = React__namespace.useRef(false);
 
     var onClick = function onClick() {
-      inputRef.current.focus();
+      utils.DomHandler.focus(inputRef.current);
     };
 
     var onInputChange = function onInputChange(e) {
@@ -186,6 +186,14 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
       }
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     React__namespace.useEffect(function () {
       var response = function response(res) {
         if (commandsState && commandsState.length > 0) {

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

package/tieredmenu/tieredmenu.cjs.js

@@ -284,7 +284,8 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
   };
 
   var createMenuItem = function createMenuItem(item, index) {
-    var _className = item.className,
+    item.id;
+        var _className = item.className,
         style = item.style,
         disabled = item.disabled,
         _icon = item.icon,
@@ -353,6 +354,7 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 
     return /*#__PURE__*/React__namespace.createElement("li", {
       key: key,
+      id: item,
       className: className,
       style: style,
       onMouseEnter: function onMouseEnter(event) {
@@ -458,9 +460,13 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
   });
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       toggle: toggle,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return menuRef.current;
+      }
     };
   });
 

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"),a=require("primereact/overlayservice"),l=require("primereact/portal"),o=require("primereact/utils"),u=require("primereact/ripple");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 s=c(e),p=i(n);function m(){return m=Object.assign||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},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l=[],o=!0,u=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);o=!0);}catch(e){u=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(u)throw a}}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 y(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 b(){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 f(e)||d(e,n)||y(e,n)||b()}var E=s.memo((function(e){var n=h(s.useState(null),2),t=n[0],a=n[1],l=s.useRef(null),i=h(r.useEventListener({type:"click",listener:function(e){l.current&&!l.current.contains(e.target)&&a(null)}}),1)[0],c=function(){if(l.current){var e=l.current.parentElement,n=o.DomHandler.getOffset(e),t=o.DomHandler.getViewport(),r=l.current.offsetParent?l.current.offsetWidth:o.DomHandler.getHiddenElementOuterWidth(l.current),a=o.DomHandler.getOuterWidth(e.children[0]);parseInt(n.left,10)+a+r>t.width-o.DomHandler.calculateScrollbarWidth()&&o.DomHandler.addClass(l.current,"p-submenu-list-flipped")}},p=function(n,r){r.disabled?n.preventDefault():e.root?(t||e.popup)&&a(r):a(r)},m=function(n,r){r.disabled?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.root&&r.items&&a(t&&r===t?null:r),r.items||b())},f=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var l=v(r);l&&l.children[0].focus(),n.preventDefault();break;case 38:var o=y(r);o&&o.children[0].focus(),n.preventDefault();break;case 39:t.items&&(a(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,r)},d=function(e,n){37===e.which&&(a(null),n.parentElement.previousElementSibling.focus())},v=function e(n){var t=n.nextElementSibling;return t?o.DomHandler.hasClass(t,"p-disabled")||!o.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},y=function e(n){var t=n.previousElementSibling;return t?o.DomHandler.hasClass(t,"p-disabled")||!o.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},b=function(){a(null),e.onLeafClick&&e.onLeafClick()};r.useMountEffect((function(){i()})),r.useUpdateEffect((function(){e.parentActive||a(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var g=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(n){return n.items?s.createElement(E,{menuProps:e.menuProps,model:n.items,onLeafClick:b,popup:e.popup,onKeyDown:d,parentActive:n===t}):null},N=function(n,r){var a=n.style,l=n.disabled,i=n.icon,c=n.label,d=n.items,v=n.target,y=n.url,b=n.template,h=c+"_"+r,E=t===n,g=o.classNames("p-menuitem",{"p-menuitem-active":E},n.className),N=o.classNames("p-menuitem-link",{"p-disabled":l}),w=o.classNames("p-menuitem-icon",i),O="p-submenu-icon pi pi-angle-right",S=o.IconUtils.getJSXIcon(i,{className:"p-menuitem-icon"},{props:e.menuProps}),x=c&&s.createElement("span",{className:"p-menuitem-text"},c),I=d&&s.createElement("span",{className:O}),C=D(n),H=s.createElement("a",{href:y||"#",className:N,target:v,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},"aria-disabled":l},S,x,I,s.createElement(u.Ripple,null));b&&(H=o.ObjectUtils.getJSXElement(b,n,{onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},className:N,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:O,element:H,props:e,active:E}));return s.createElement("li",{key:h,className:g,style:a,onMouseEnter:function(e){return p(e,n)},role:"none"},H,C)},w=function(e,n){return e.separator?g(n):N(e,n)},O=o.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(w):null;return s.createElement("ul",{ref:l,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));E.displayName="TieredMenuSub";var g=s.memo(s.forwardRef((function(e,n){var u=h(s.useState(!e.popup),2),i=u[0],c=u[1],f=s.useRef(null),d=s.useRef(null),v=h(r.useOverlayListener({target:d,overlay:f,listener:function(e,n){n.valid&&O(e)},when:i}),2),y=v[0],b=v[1],D=function(n){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:d.current})},N=function(n){e.popup&&(i?O(n):w(n))},w=function(n){d.current=n.currentTarget,c(!0),e.onShow&&e.onShow(n)},O=function(n){d.current=n.currentTarget,c(!1),e.onHide&&e.onHide(n)},S=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",f.current,p.default.autoZIndex,e.baseZIndex||p.default.zIndex.menu),o.DomHandler.absolutePosition(f.current,d.current)},x=function(){y()},I=function(){d.current=null,b()},C=function(){o.ZIndexUtils.clear(f.current)};r.useUnmountEffect((function(){o.ZIndexUtils.clear(f.current)})),s.useImperativeHandle(n,(function(){return{toggle:N,show:w,hide:O}}));var H,k,j=(H=o.ObjectUtils.findDiffKeys(e,g.defaultProps),k=o.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup},e.className),s.createElement(t.CSSTransition,{nodeRef:f,classNames:"p-connected-overlay",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:I,onExited:C},s.createElement("div",m({ref:f,id:e.id,className:k,style:e.style},H,{onClick:D}),s.createElement(E,{menuProps:e,model:e.model,root:!0,popup:e.popup}))));return e.popup?s.createElement(l.Portal,{element:j,appendTo:e.appendTo}):j})));g.displayName="TieredMenu",g.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.TieredMenu=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),n=require("primereact/api"),t=require("primereact/csstransition"),r=require("primereact/hooks"),a=require("primereact/overlayservice"),l=require("primereact/portal"),o=require("primereact/utils"),u=require("primereact/ripple");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(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 s=c(e),p=i(n);function m(){return m=Object.assign||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},m.apply(this,arguments)}function f(e){if(Array.isArray(e))return e}function d(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,a,l=[],o=!0,u=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);o=!0);}catch(e){u=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(u)throw a}}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 y(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 b(){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 f(e)||d(e,n)||y(e,n)||b()}var E=s.memo((function(e){var n=h(s.useState(null),2),t=n[0],a=n[1],l=s.useRef(null),i=h(r.useEventListener({type:"click",listener:function(e){l.current&&!l.current.contains(e.target)&&a(null)}}),1)[0],c=function(){if(l.current){var e=l.current.parentElement,n=o.DomHandler.getOffset(e),t=o.DomHandler.getViewport(),r=l.current.offsetParent?l.current.offsetWidth:o.DomHandler.getHiddenElementOuterWidth(l.current),a=o.DomHandler.getOuterWidth(e.children[0]);parseInt(n.left,10)+a+r>t.width-o.DomHandler.calculateScrollbarWidth()&&o.DomHandler.addClass(l.current,"p-submenu-list-flipped")}},p=function(n,r){r.disabled?n.preventDefault():e.root?(t||e.popup)&&a(r):a(r)},m=function(n,r){r.disabled?n.preventDefault():(r.url||n.preventDefault(),r.command&&r.command({originalEvent:n,item:r}),e.root&&r.items&&a(t&&r===t?null:r),r.items||b())},f=function(n,t){var r=n.currentTarget.parentElement;switch(n.which){case 40:var l=v(r);l&&l.children[0].focus(),n.preventDefault();break;case 38:var o=y(r);o&&o.children[0].focus(),n.preventDefault();break;case 39:t.items&&(a(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,r)},d=function(e,n){37===e.which&&(a(null),n.parentElement.previousElementSibling.focus())},v=function e(n){var t=n.nextElementSibling;return t?o.DomHandler.hasClass(t,"p-disabled")||!o.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},y=function e(n){var t=n.previousElementSibling;return t?o.DomHandler.hasClass(t,"p-disabled")||!o.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},b=function(){a(null),e.onLeafClick&&e.onLeafClick()};r.useMountEffect((function(){i()})),r.useUpdateEffect((function(){e.parentActive||a(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var g=function(e){return s.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(n){return n.items?s.createElement(E,{menuProps:e.menuProps,model:n.items,onLeafClick:b,popup:e.popup,onKeyDown:d,parentActive:n===t}):null},N=function(n,r){var a=n.style,l=n.disabled,i=n.icon,c=n.label,d=n.items,v=n.target,y=n.url,b=n.template,h=c+"_"+r,E=t===n,g=o.classNames("p-menuitem",{"p-menuitem-active":E},n.className),N=o.classNames("p-menuitem-link",{"p-disabled":l}),w=o.classNames("p-menuitem-icon",i),O="p-submenu-icon pi pi-angle-right",S=o.IconUtils.getJSXIcon(i,{className:"p-menuitem-icon"},{props:e.menuProps}),x=c&&s.createElement("span",{className:"p-menuitem-text"},c),I=d&&s.createElement("span",{className:O}),C=D(n),H=s.createElement("a",{href:y||"#",className:N,target:v,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},"aria-disabled":l},S,x,I,s.createElement(u.Ripple,null));b&&(H=o.ObjectUtils.getJSXElement(b,n,{onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},className:N,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:O,element:H,props:e,active:E}));return s.createElement("li",{key:h,id:n,className:g,style:a,onMouseEnter:function(e){return p(e,n)},role:"none"},H,C)},w=function(e,n){return e.separator?g(n):N(e,n)},O=o.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(w):null;return s.createElement("ul",{ref:l,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));E.displayName="TieredMenuSub";var g=s.memo(s.forwardRef((function(e,n){var u=h(s.useState(!e.popup),2),i=u[0],c=u[1],f=s.useRef(null),d=s.useRef(null),v=h(r.useOverlayListener({target:d,overlay:f,listener:function(e,n){n.valid&&O(e)},when:i}),2),y=v[0],b=v[1],D=function(n){e.popup&&a.OverlayService.emit("overlay-click",{originalEvent:n,target:d.current})},N=function(n){e.popup&&(i?O(n):w(n))},w=function(n){d.current=n.currentTarget,c(!0),e.onShow&&e.onShow(n)},O=function(n){d.current=n.currentTarget,c(!1),e.onHide&&e.onHide(n)},S=function(){e.autoZIndex&&o.ZIndexUtils.set("menu",f.current,p.default.autoZIndex,e.baseZIndex||p.default.zIndex.menu),o.DomHandler.absolutePosition(f.current,d.current)},x=function(){y()},I=function(){d.current=null,b()},C=function(){o.ZIndexUtils.clear(f.current)};r.useUnmountEffect((function(){o.ZIndexUtils.clear(f.current)})),s.useImperativeHandle(n,(function(){return{props:e,toggle:N,show:w,hide:O,getElement:function(){return f.current}}}));var H,k,j=(H=o.ObjectUtils.findDiffKeys(e,g.defaultProps),k=o.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup},e.className),s.createElement(t.CSSTransition,{nodeRef:f,classNames:"p-connected-overlay",in:i,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:I,onExited:C},s.createElement("div",m({ref:f,id:e.id,className:k,style:e.style},H,{onClick:D}),s.createElement(E,{menuProps:e,model:e.model,root:!0,popup:e.popup}))));return e.popup?s.createElement(l.Portal,{element:j,appendTo:e.appendTo}):j})));g.displayName="TieredMenu",g.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},exports.TieredMenu=g;

package/tieredmenu/tieredmenu.d.ts

@@ -4,12 +4,9 @@ import { CSSTransitionProps } from '../csstransition';
 
 type TieredMenuAppendToType = 'self' | HTMLElement | undefined | null;
 
-export interface TieredMenuProps {
-    id?: string;
+export interface TieredMenuProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     model?: MenuItem[];
     popup?: boolean;
-    style?: object;
-    className?: string;
     autoZIndex?: boolean;
     baseZIndex?: number;
     appendTo?: TieredMenuAppendToType;
@@ -21,4 +18,5 @@ export interface TieredMenuProps {
 
 export declare class TieredMenu extends React.Component<TieredMenuProps, any> {
     public toggle(event: React.SyntheticEvent): void;
+    public getElement(): HTMLDivElement;
 }

package/tieredmenu/tieredmenu.esm.js

@@ -257,7 +257,8 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
   };
 
   var createMenuItem = function createMenuItem(item, index) {
-    var _className = item.className,
+    item.id;
+        var _className = item.className,
         style = item.style,
         disabled = item.disabled,
         _icon = item.icon,
@@ -326,6 +327,7 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
 
     return /*#__PURE__*/React.createElement("li", {
       key: key,
+      id: item,
       className: className,
       style: style,
       onMouseEnter: function onMouseEnter(event) {
@@ -431,9 +433,13 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   });
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       toggle: toggle,
       show: show,
-      hide: hide
+      hide: hide,
+      getElement: function getElement() {
+        return menuRef.current;
+      }
     };
   });
 

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,useMountEffect as o,useUpdateEffect as a,useOverlayListener as i,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as u}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{classNames as s,DomHandler as p,IconUtils as m,ObjectUtils as f,ZIndexUtils as d}from"primereact/utils";import{Ripple as v}from"primereact/ripple";function h(){return h=Object.assign||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},h.apply(this,arguments)}function y(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,a=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==t.return||t.return()}finally{if(l)throw o}}return a}}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 E(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 w(){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 N(e,n){return y(e)||b(e,n)||E(e,n)||w()}var S=e.memo((function(n){var t=N(e.useState(null),2),i=t[0],l=t[1],u=e.useRef(null),c=N(r({type:"click",listener:function(e){u.current&&!u.current.contains(e.target)&&l(null)}}),1)[0],d=function(){if(u.current){var e=u.current.parentElement,n=p.getOffset(e),t=p.getViewport(),r=u.current.offsetParent?u.current.offsetWidth:p.getHiddenElementOuterWidth(u.current),o=p.getOuterWidth(e.children[0]);parseInt(n.left,10)+o+r>t.width-p.calculateScrollbarWidth()&&p.addClass(u.current,"p-submenu-list-flipped")}},h=function(e,t){t.disabled?e.preventDefault():n.root?(i||n.popup)&&l(t):l(t)},y=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),n.root&&t.items&&l(i&&t===i?null:t),t.items||x())},b=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var o=E(r);o&&o.children[0].focus(),e.preventDefault();break;case 38:var a=w(r);a&&a.children[0].focus(),e.preventDefault();break;case 39:t.items&&(l(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},g=function(e,n){37===e.which&&(l(null),n.parentElement.previousElementSibling.focus())},E=function e(n){var t=n.nextElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},w=function e(n){var t=n.previousElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},x=function(){l(null),n.onLeafClick&&n.onLeafClick()};o((function(){c()})),a((function(){n.parentActive||l(null),!n.root&&n.parentActive&&d()}),[n.parentActive]);var C=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},k=function(t){return t.items?e.createElement(S,{menuProps:n.menuProps,model:t.items,onLeafClick:x,popup:n.popup,onKeyDown:g,parentActive:t===i}):null},I=function(t,r){var o=t.style,a=t.disabled,l=t.icon,u=t.label,c=t.items,p=t.target,d=t.url,g=t.template,E=u+"_"+r,w=i===t,N=s("p-menuitem",{"p-menuitem-active":w},t.className),S=s("p-menuitem-link",{"p-disabled":a}),x=s("p-menuitem-icon",l),C="p-submenu-icon pi pi-angle-right",I=m.getJSXIcon(l,{className:"p-menuitem-icon"},{props:n.menuProps}),D=u&&e.createElement("span",{className:"p-menuitem-text"},u),T=c&&e.createElement("span",{className:C}),O=k(t),A=e.createElement("a",{href:d||"#",className:S,target:p,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return y(e,t)},onKeyDown:function(e){return b(e,t)},"aria-disabled":a},I,D,T,e.createElement(v,null));g&&(A=f.getJSXElement(g,t,{onClick:function(e){return y(e,t)},onKeyDown:function(e){return b(e,t)},className:S,labelClassName:"p-menuitem-text",iconClassName:x,submenuIconClassName:C,element:A,props:n,active:w}));return e.createElement("li",{key:E,className:N,style:o,onMouseEnter:function(e){return h(e,t)},role:"none"},A,O)},D=function(e,n){return e.separator?C(n):I(e,n)},T=s({"p-submenu-list":!n.root}),O=n.model?n.model.map(D):null;return e.createElement("ul",{ref:u,className:T,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},O)}));S.displayName="TieredMenuSub";var x=e.memo(e.forwardRef((function(r,o){var a=N(e.useState(!r.popup),2),m=a[0],v=a[1],y=e.useRef(null),b=e.useRef(null),g=N(i({target:b,overlay:y,listener:function(e,n){n.valid&&D(e)},when:m}),2),E=g[0],w=g[1],C=function(e){r.popup&&u.emit("overlay-click",{originalEvent:e,target:b.current})},k=function(e){r.popup&&(m?D(e):I(e))},I=function(e){b.current=e.currentTarget,v(!0),r.onShow&&r.onShow(e)},D=function(e){b.current=e.currentTarget,v(!1),r.onHide&&r.onHide(e)},T=function(){r.autoZIndex&&d.set("menu",y.current,n.autoZIndex,r.baseZIndex||n.zIndex.menu),p.absolutePosition(y.current,b.current)},O=function(){E()},A=function(){b.current=null,w()},P=function(){d.clear(y.current)};l((function(){d.clear(y.current)})),e.useImperativeHandle(o,(function(){return{toggle:k,show:I,hide:D}}));var K,j,H=(K=f.findDiffKeys(r,x.defaultProps),j=s("p-tieredmenu p-component",{"p-tieredmenu-overlay":r.popup},r.className),e.createElement(t,{nodeRef:y,classNames:"p-connected-overlay",in:m,timeout:{enter:120,exit:100},options:r.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:O,onExit:A,onExited:P},e.createElement("div",h({ref:y,id:r.id,className:j,style:r.style},K,{onClick:C}),e.createElement(S,{menuProps:r,model:r.model,root:!0,popup:r.popup}))));return r.popup?e.createElement(c,{element:H,appendTo:r.appendTo}):H})));x.displayName="TieredMenu",x.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{x as TieredMenu};
+import*as e from"react";import n from"primereact/api";import{CSSTransition as t}from"primereact/csstransition";import{useEventListener as r,useMountEffect as o,useUpdateEffect as a,useOverlayListener as i,useUnmountEffect as l}from"primereact/hooks";import{OverlayService as u}from"primereact/overlayservice";import{Portal as c}from"primereact/portal";import{classNames as s,DomHandler as p,IconUtils as m,ObjectUtils as f,ZIndexUtils as d}from"primereact/utils";import{Ripple as v}from"primereact/ripple";function h(){return h=Object.assign||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},h.apply(this,arguments)}function y(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,a=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(r=t.next()).done)&&(a.push(r.value),!n||a.length!==n);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==t.return||t.return()}finally{if(l)throw o}}return a}}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 E(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 w(){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 N(e,n){return y(e)||b(e,n)||E(e,n)||w()}var S=e.memo((function(n){var t=N(e.useState(null),2),i=t[0],l=t[1],u=e.useRef(null),c=N(r({type:"click",listener:function(e){u.current&&!u.current.contains(e.target)&&l(null)}}),1)[0],d=function(){if(u.current){var e=u.current.parentElement,n=p.getOffset(e),t=p.getViewport(),r=u.current.offsetParent?u.current.offsetWidth:p.getHiddenElementOuterWidth(u.current),o=p.getOuterWidth(e.children[0]);parseInt(n.left,10)+o+r>t.width-p.calculateScrollbarWidth()&&p.addClass(u.current,"p-submenu-list-flipped")}},h=function(e,t){t.disabled?e.preventDefault():n.root?(i||n.popup)&&l(t):l(t)},y=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),n.root&&t.items&&l(i&&t===i?null:t),t.items||x())},b=function(e,t){var r=e.currentTarget.parentElement;switch(e.which){case 40:var o=E(r);o&&o.children[0].focus(),e.preventDefault();break;case 38:var a=w(r);a&&a.children[0].focus(),e.preventDefault();break;case 39:t.items&&(l(t),setTimeout((function(){r.children[1].children[0].children[0].focus()}),50)),e.preventDefault()}n.onKeyDown&&n.onKeyDown(e,r)},g=function(e,n){37===e.which&&(l(null),n.parentElement.previousElementSibling.focus())},E=function e(n){var t=n.nextElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},w=function e(n){var t=n.previousElementSibling;return t?p.hasClass(t,"p-disabled")||!p.hasClass(t,"p-menuitem")?e(t):t:null},x=function(){l(null),n.onLeafClick&&n.onLeafClick()};o((function(){c()})),a((function(){n.parentActive||l(null),!n.root&&n.parentActive&&d()}),[n.parentActive]);var C=function(n){return e.createElement("li",{key:"separator_"+n,className:"p-menu-separator",role:"separator"})},k=function(t){return t.items?e.createElement(S,{menuProps:n.menuProps,model:t.items,onLeafClick:x,popup:n.popup,onKeyDown:g,parentActive:t===i}):null},I=function(t,r){var o=t.style,a=t.disabled,l=t.icon,u=t.label,c=t.items,p=t.target,d=t.url,g=t.template,E=u+"_"+r,w=i===t,N=s("p-menuitem",{"p-menuitem-active":w},t.className),S=s("p-menuitem-link",{"p-disabled":a}),x=s("p-menuitem-icon",l),C="p-submenu-icon pi pi-angle-right",I=m.getJSXIcon(l,{className:"p-menuitem-icon"},{props:n.menuProps}),D=u&&e.createElement("span",{className:"p-menuitem-text"},u),T=c&&e.createElement("span",{className:C}),O=k(t),A=e.createElement("a",{href:d||"#",className:S,target:p,role:"menuitem","aria-haspopup":null!=c,onClick:function(e){return y(e,t)},onKeyDown:function(e){return b(e,t)},"aria-disabled":a},I,D,T,e.createElement(v,null));g&&(A=f.getJSXElement(g,t,{onClick:function(e){return y(e,t)},onKeyDown:function(e){return b(e,t)},className:S,labelClassName:"p-menuitem-text",iconClassName:x,submenuIconClassName:C,element:A,props:n,active:w}));return e.createElement("li",{key:E,id:t,className:N,style:o,onMouseEnter:function(e){return h(e,t)},role:"none"},A,O)},D=function(e,n){return e.separator?C(n):I(e,n)},T=s({"p-submenu-list":!n.root}),O=n.model?n.model.map(D):null;return e.createElement("ul",{ref:u,className:T,role:n.root?"menubar":"menu","aria-orientation":"horizontal"},O)}));S.displayName="TieredMenuSub";var x=e.memo(e.forwardRef((function(r,o){var a=N(e.useState(!r.popup),2),m=a[0],v=a[1],y=e.useRef(null),b=e.useRef(null),g=N(i({target:b,overlay:y,listener:function(e,n){n.valid&&D(e)},when:m}),2),E=g[0],w=g[1],C=function(e){r.popup&&u.emit("overlay-click",{originalEvent:e,target:b.current})},k=function(e){r.popup&&(m?D(e):I(e))},I=function(e){b.current=e.currentTarget,v(!0),r.onShow&&r.onShow(e)},D=function(e){b.current=e.currentTarget,v(!1),r.onHide&&r.onHide(e)},T=function(){r.autoZIndex&&d.set("menu",y.current,n.autoZIndex,r.baseZIndex||n.zIndex.menu),p.absolutePosition(y.current,b.current)},O=function(){E()},A=function(){b.current=null,w()},P=function(){d.clear(y.current)};l((function(){d.clear(y.current)})),e.useImperativeHandle(o,(function(){return{props:r,toggle:k,show:I,hide:D,getElement:function(){return y.current}}}));var K,j,H=(K=f.findDiffKeys(r,x.defaultProps),j=s("p-tieredmenu p-component",{"p-tieredmenu-overlay":r.popup},r.className),e.createElement(t,{nodeRef:y,classNames:"p-connected-overlay",in:m,timeout:{enter:120,exit:100},options:r.transitionOptions,unmountOnExit:!0,onEnter:T,onEntered:O,onExit:A,onExited:P},e.createElement("div",h({ref:y,id:r.id,className:j,style:r.style},K,{onClick:C}),e.createElement(S,{menuProps:r,model:r.model,root:!0,popup:r.popup}))));return r.popup?e.createElement(c,{element:H,appendTo:r.appendTo}):H})));x.displayName="TieredMenu",x.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null};export{x as TieredMenu};

package/tieredmenu/tieredmenu.js

@@ -275,7 +275,8 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
     };
 
     var createMenuItem = function createMenuItem(item, index) {
-      var _className = item.className,
+      item.id;
+          var _className = item.className,
           style = item.style,
           disabled = item.disabled,
           _icon = item.icon,
@@ -344,6 +345,7 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
 
       return /*#__PURE__*/React__namespace.createElement("li", {
         key: key,
+        id: item,
         className: className,
         style: style,
         onMouseEnter: function onMouseEnter(event) {
@@ -449,9 +451,13 @@ this.primereact.tieredmenu = (function (exports, React, PrimeReact, csstransitio
     });
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         toggle: toggle,
         show: show,
-        hide: hide
+        hide: hide,
+        getElement: function getElement() {
+          return menuRef.current;
+        }
       };
     });
 

package/tieredmenu/tieredmenu.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,a,l,o,i,u){"use strict";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(n),m=c(t);function f(){return f=Object.assign||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 d(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,a,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return l}}function y(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 y(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)?y(e,n):void 0}}function b(){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 d(e)||v(e,n)||h(e,n)||b()}var g=p.memo((function(e){var n=E(p.useState(null),2),t=n[0],r=n[1],l=p.useRef(null),o=E(a.useEventListener({type:"click",listener:function(e){l.current&&!l.current.contains(e.target)&&r(null)}}),1)[0],c=function(){if(l.current){var e=l.current.parentElement,n=i.DomHandler.getOffset(e),t=i.DomHandler.getViewport(),r=l.current.offsetParent?l.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(l.current),a=i.DomHandler.getOuterWidth(e.children[0]);parseInt(n.left,10)+a+r>t.width-i.DomHandler.calculateScrollbarWidth()&&i.DomHandler.addClass(l.current,"p-submenu-list-flipped")}},s=function(n,a){a.disabled?n.preventDefault():e.root?(t||e.popup)&&r(a):r(a)},m=function(n,a){a.disabled?n.preventDefault():(a.url||n.preventDefault(),a.command&&a.command({originalEvent:n,item:a}),e.root&&a.items&&r(t&&a===t?null:a),a.items||h())},f=function(n,t){var a=n.currentTarget.parentElement;switch(n.which){case 40:var l=v(a);l&&l.children[0].focus(),n.preventDefault();break;case 38:var o=y(a);o&&o.children[0].focus(),n.preventDefault();break;case 39:t.items&&(r(t),setTimeout((function(){a.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,a)},d=function(e,n){37===e.which&&(r(null),n.parentElement.previousElementSibling.focus())},v=function e(n){var t=n.nextElementSibling;return t?i.DomHandler.hasClass(t,"p-disabled")||!i.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},y=function e(n){var t=n.previousElementSibling;return t?i.DomHandler.hasClass(t,"p-disabled")||!i.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},h=function(){r(null),e.onLeafClick&&e.onLeafClick()};a.useMountEffect((function(){o()})),a.useUpdateEffect((function(){e.parentActive||r(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var b=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(n){return n.items?p.createElement(g,{menuProps:e.menuProps,model:n.items,onLeafClick:h,popup:e.popup,onKeyDown:d,parentActive:n===t}):null},N=function(n,r){var a=n.style,l=n.disabled,o=n.icon,c=n.label,d=n.items,v=n.target,y=n.url,h=n.template,b=c+"_"+r,E=t===n,g=i.classNames("p-menuitem",{"p-menuitem-active":E},n.className),N=i.classNames("p-menuitem-link",{"p-disabled":l}),w=i.classNames("p-menuitem-icon",o),O="p-submenu-icon pi pi-angle-right",S=i.IconUtils.getJSXIcon(o,{className:"p-menuitem-icon"},{props:e.menuProps}),x=c&&p.createElement("span",{className:"p-menuitem-text"},c),I=d&&p.createElement("span",{className:O}),C=D(n),H=p.createElement("a",{href:y||"#",className:N,target:v,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},"aria-disabled":l},S,x,I,p.createElement(u.Ripple,null));h&&(H=i.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},className:N,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:O,element:H,props:e,active:E}));return p.createElement("li",{key:b,className:g,style:a,onMouseEnter:function(e){return s(e,n)},role:"none"},H,C)},w=function(e,n){return e.separator?b(n):N(e,n)},O=i.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(w):null;return p.createElement("ul",{ref:l,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));g.displayName="TieredMenuSub";var D=p.memo(p.forwardRef((function(e,n){var t=E(p.useState(!e.popup),2),u=t[0],c=t[1],s=p.useRef(null),d=p.useRef(null),v=E(a.useOverlayListener({target:d,overlay:s,listener:function(e,n){n.valid&&O(e)},when:u}),2),y=v[0],h=v[1],b=function(n){e.popup&&l.OverlayService.emit("overlay-click",{originalEvent:n,target:d.current})},N=function(n){e.popup&&(u?O(n):w(n))},w=function(n){d.current=n.currentTarget,c(!0),e.onShow&&e.onShow(n)},O=function(n){d.current=n.currentTarget,c(!1),e.onHide&&e.onHide(n)},S=function(){e.autoZIndex&&i.ZIndexUtils.set("menu",s.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),i.DomHandler.absolutePosition(s.current,d.current)},x=function(){y()},I=function(){d.current=null,h()},C=function(){i.ZIndexUtils.clear(s.current)};a.useUnmountEffect((function(){i.ZIndexUtils.clear(s.current)})),p.useImperativeHandle(n,(function(){return{toggle:N,show:w,hide:O}}));var H,k,j=(H=i.ObjectUtils.findDiffKeys(e,D.defaultProps),k=i.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup},e.className),p.createElement(r.CSSTransition,{nodeRef:s,classNames:"p-connected-overlay",in:u,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:I,onExited:C},p.createElement("div",f({ref:s,id:e.id,className:k,style:e.style},H,{onClick:b}),p.createElement(g,{menuProps:e,model:e.model,root:!0,popup:e.popup}))));return e.popup?p.createElement(o.Portal,{element:j,appendTo:e.appendTo}):j})));return D.displayName="TieredMenu",D.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.TieredMenu=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.tieredmenu=function(e,n,t,r,a,l,o,i,u){"use strict";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(n),m=c(t);function f(){return f=Object.assign||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 d(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,a,l=[],o=!0,i=!1;try{for(t=t.call(e);!(o=(r=t.next()).done)&&(l.push(r.value),!n||l.length!==n);o=!0);}catch(e){i=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(i)throw a}}return l}}function y(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 y(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)?y(e,n):void 0}}function b(){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 d(e)||v(e,n)||h(e,n)||b()}var g=p.memo((function(e){var n=E(p.useState(null),2),t=n[0],r=n[1],l=p.useRef(null),o=E(a.useEventListener({type:"click",listener:function(e){l.current&&!l.current.contains(e.target)&&r(null)}}),1)[0],c=function(){if(l.current){var e=l.current.parentElement,n=i.DomHandler.getOffset(e),t=i.DomHandler.getViewport(),r=l.current.offsetParent?l.current.offsetWidth:i.DomHandler.getHiddenElementOuterWidth(l.current),a=i.DomHandler.getOuterWidth(e.children[0]);parseInt(n.left,10)+a+r>t.width-i.DomHandler.calculateScrollbarWidth()&&i.DomHandler.addClass(l.current,"p-submenu-list-flipped")}},s=function(n,a){a.disabled?n.preventDefault():e.root?(t||e.popup)&&r(a):r(a)},m=function(n,a){a.disabled?n.preventDefault():(a.url||n.preventDefault(),a.command&&a.command({originalEvent:n,item:a}),e.root&&a.items&&r(t&&a===t?null:a),a.items||h())},f=function(n,t){var a=n.currentTarget.parentElement;switch(n.which){case 40:var l=v(a);l&&l.children[0].focus(),n.preventDefault();break;case 38:var o=y(a);o&&o.children[0].focus(),n.preventDefault();break;case 39:t.items&&(r(t),setTimeout((function(){a.children[1].children[0].children[0].focus()}),50)),n.preventDefault()}e.onKeyDown&&e.onKeyDown(n,a)},d=function(e,n){37===e.which&&(r(null),n.parentElement.previousElementSibling.focus())},v=function e(n){var t=n.nextElementSibling;return t?i.DomHandler.hasClass(t,"p-disabled")||!i.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},y=function e(n){var t=n.previousElementSibling;return t?i.DomHandler.hasClass(t,"p-disabled")||!i.DomHandler.hasClass(t,"p-menuitem")?e(t):t:null},h=function(){r(null),e.onLeafClick&&e.onLeafClick()};a.useMountEffect((function(){o()})),a.useUpdateEffect((function(){e.parentActive||r(null),!e.root&&e.parentActive&&c()}),[e.parentActive]);var b=function(e){return p.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},D=function(n){return n.items?p.createElement(g,{menuProps:e.menuProps,model:n.items,onLeafClick:h,popup:e.popup,onKeyDown:d,parentActive:n===t}):null},N=function(n,r){var a=n.style,l=n.disabled,o=n.icon,c=n.label,d=n.items,v=n.target,y=n.url,h=n.template,b=c+"_"+r,E=t===n,g=i.classNames("p-menuitem",{"p-menuitem-active":E},n.className),N=i.classNames("p-menuitem-link",{"p-disabled":l}),w=i.classNames("p-menuitem-icon",o),O="p-submenu-icon pi pi-angle-right",S=i.IconUtils.getJSXIcon(o,{className:"p-menuitem-icon"},{props:e.menuProps}),x=c&&p.createElement("span",{className:"p-menuitem-text"},c),I=d&&p.createElement("span",{className:O}),C=D(n),H=p.createElement("a",{href:y||"#",className:N,target:v,role:"menuitem","aria-haspopup":null!=d,onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},"aria-disabled":l},S,x,I,p.createElement(u.Ripple,null));h&&(H=i.ObjectUtils.getJSXElement(h,n,{onClick:function(e){return m(e,n)},onKeyDown:function(e){return f(e,n)},className:N,labelClassName:"p-menuitem-text",iconClassName:w,submenuIconClassName:O,element:H,props:e,active:E}));return p.createElement("li",{key:b,id:n,className:g,style:a,onMouseEnter:function(e){return s(e,n)},role:"none"},H,C)},w=function(e,n){return e.separator?b(n):N(e,n)},O=i.classNames({"p-submenu-list":!e.root}),S=e.model?e.model.map(w):null;return p.createElement("ul",{ref:l,className:O,role:e.root?"menubar":"menu","aria-orientation":"horizontal"},S)}));g.displayName="TieredMenuSub";var D=p.memo(p.forwardRef((function(e,n){var t=E(p.useState(!e.popup),2),u=t[0],c=t[1],s=p.useRef(null),d=p.useRef(null),v=E(a.useOverlayListener({target:d,overlay:s,listener:function(e,n){n.valid&&O(e)},when:u}),2),y=v[0],h=v[1],b=function(n){e.popup&&l.OverlayService.emit("overlay-click",{originalEvent:n,target:d.current})},N=function(n){e.popup&&(u?O(n):w(n))},w=function(n){d.current=n.currentTarget,c(!0),e.onShow&&e.onShow(n)},O=function(n){d.current=n.currentTarget,c(!1),e.onHide&&e.onHide(n)},S=function(){e.autoZIndex&&i.ZIndexUtils.set("menu",s.current,m.default.autoZIndex,e.baseZIndex||m.default.zIndex.menu),i.DomHandler.absolutePosition(s.current,d.current)},x=function(){y()},I=function(){d.current=null,h()},C=function(){i.ZIndexUtils.clear(s.current)};a.useUnmountEffect((function(){i.ZIndexUtils.clear(s.current)})),p.useImperativeHandle(n,(function(){return{props:e,toggle:N,show:w,hide:O,getElement:function(){return s.current}}}));var H,k,j=(H=i.ObjectUtils.findDiffKeys(e,D.defaultProps),k=i.classNames("p-tieredmenu p-component",{"p-tieredmenu-overlay":e.popup},e.className),p.createElement(r.CSSTransition,{nodeRef:s,classNames:"p-connected-overlay",in:u,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:S,onEntered:x,onExit:I,onExited:C},p.createElement("div",f({ref:s,id:e.id,className:k,style:e.style},H,{onClick:b}),p.createElement(g,{menuProps:e,model:e.model,root:!0,popup:e.popup}))));return e.popup?p.createElement(o.Portal,{element:j,appendTo:e.appendTo}):j})));return D.displayName="TieredMenu",D.defaultProps={__TYPE:"TieredMenu",id:null,model:null,popup:!1,style:null,className:null,autoZIndex:!0,baseZIndex:0,appendTo:null,transitionOptions:null,onShow:null,onHide:null},e.TieredMenu=D,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.csstransition,primereact.hooks,primereact.overlayservice,primereact.portal,primereact.utils,primereact.ripple);

package/timeline/timeline.cjs.js

@@ -61,6 +61,8 @@ function _defineProperty(obj, key, value) {
 var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _classNames;
 
+  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);
   };
@@ -88,11 +90,20 @@ var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     });
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Timeline.defaultProps);
   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({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), events);

package/timeline/timeline.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=n(e);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=l.memo(l.forwardRef((function(e,n){var c,s=function(n,l){return e.dataKey?t.ObjectUtils.resolveFieldData(n,e.dataKey):"pr_id__".concat(l)},o=t.ObjectUtils.findDiffKeys(e,i.defaultProps),u=t.classNames("p-timeline p-component",(r(c={},"p-timeline-".concat(e.align),!0),r(c,"p-timeline-".concat(e.layout),!0),c),e.className),m=e.value&&e.value.map((function(n,a){var r=t.ObjectUtils.getJSXElement(e.opposite,n,a),i=t.ObjectUtils.getJSXElement(e.marker,n,a)||l.createElement("div",{className:"p-timeline-event-marker"}),c=a!==e.value.length-1&&l.createElement("div",{className:"p-timeline-event-connector"}),o=t.ObjectUtils.getJSXElement(e.content,n,a);return l.createElement("div",{key:s(n,a),className:"p-timeline-event"},l.createElement("div",{className:"p-timeline-event-opposite"},r),l.createElement("div",{className:"p-timeline-event-separator"},i,c),l.createElement("div",{className:"p-timeline-event-content"},o))}));return l.createElement("div",a({id:e.id,className:u,style:e.style},o),m)})));i.displayName="Timeline",i.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null},exports.Timeline=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/utils");function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var l=n(e);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},r.apply(this,arguments)}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=l.memo(l.forwardRef((function(e,n){var c,u=l.useRef(null),s=function(n,l){return e.dataKey?t.ObjectUtils.resolveFieldData(n,e.dataKey):"pr_id__".concat(l)};l.useImperativeHandle(n,(function(){return{props:e,getElement:function(){return u.current}}}));var o=t.ObjectUtils.findDiffKeys(e,i.defaultProps),m=t.classNames("p-timeline p-component",(a(c={},"p-timeline-".concat(e.align),!0),a(c,"p-timeline-".concat(e.layout),!0),c),e.className),p=e.value&&e.value.map((function(n,r){var a=t.ObjectUtils.getJSXElement(e.opposite,n,r),i=t.ObjectUtils.getJSXElement(e.marker,n,r)||l.createElement("div",{className:"p-timeline-event-marker"}),c=r!==e.value.length-1&&l.createElement("div",{className:"p-timeline-event-connector"}),u=t.ObjectUtils.getJSXElement(e.content,n,r);return l.createElement("div",{key:s(n,r),className:"p-timeline-event"},l.createElement("div",{className:"p-timeline-event-opposite"},a),l.createElement("div",{className:"p-timeline-event-separator"},i,c),l.createElement("div",{className:"p-timeline-event-content"},u))}));return l.createElement("div",r({id:e.id,ref:u,className:m,style:e.style},o),p)})));i.displayName="Timeline",i.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null},exports.Timeline=i;

package/timeline/timeline.d.ts

@@ -6,18 +6,17 @@ type TimelineLayoutType = 'vertical' | 'horizontal';
 
 type TimelineTemplateType = React.ReactNode | ((item: any, index: number) => React.ReactNode);
 
-export interface TimelineProps {
-    id?: string;
+export interface TimelineProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     value?: any[];
     align?: TimelineAlignType;
     layout?: TimelineLayoutType;
     dataKey?: string;
-    className?: string;
-    style?: object;
     opposite?: TimelineTemplateType;
     marker?: TimelineTemplateType;
     content?: TimelineTemplateType;
     children?: React.ReactNode;
 }
 
-export declare class Timeline extends React.Component<TimelineProps, any> { }
+export declare class Timeline extends React.Component<TimelineProps, any> { 
+    public getElement(): HTMLDivElement;
+}

package/timeline/timeline.esm.js

@@ -37,6 +37,8 @@ function _defineProperty(obj, key, value) {
 var Timeline = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
+  var elementRef = React.useRef(null);
+
   var getKey = function getKey(item, index) {
     return props.dataKey ? ObjectUtils.resolveFieldData(item, props.dataKey) : "pr_id__".concat(index);
   };
@@ -64,11 +66,20 @@ var Timeline = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     });
   };
 
+  React.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    };
+  });
   var otherProps = ObjectUtils.findDiffKeys(props, Timeline.defaultProps);
   var className = 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.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), events);

package/timeline/timeline.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,classNames as n}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},l.apply(this,arguments)}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=e.memo(e.forwardRef((function(r,m){var c,o=function(e,n){return r.dataKey?t.resolveFieldData(e,r.dataKey):"pr_id__".concat(n)},s=t.findDiffKeys(r,i.defaultProps),p=n("p-timeline p-component",(a(c={},"p-timeline-".concat(r.align),!0),a(c,"p-timeline-".concat(r.layout),!0),c),r.className),u=r.value&&r.value.map((function(n,l){var a=t.getJSXElement(r.opposite,n,l),i=t.getJSXElement(r.marker,n,l)||e.createElement("div",{className:"p-timeline-event-marker"}),m=l!==r.value.length-1&&e.createElement("div",{className:"p-timeline-event-connector"}),c=t.getJSXElement(r.content,n,l);return e.createElement("div",{key:o(n,l),className:"p-timeline-event"},e.createElement("div",{className:"p-timeline-event-opposite"},a),e.createElement("div",{className:"p-timeline-event-separator"},i,m),e.createElement("div",{className:"p-timeline-event-content"},c))}));return e.createElement("div",l({id:r.id,className:p,style:r.style},s),u)})));i.displayName="Timeline",i.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null};export{i as Timeline};
+import*as e from"react";import{ObjectUtils as t,classNames as n}from"primereact/utils";function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},l.apply(this,arguments)}function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var r=e.memo(e.forwardRef((function(i,m){var c,o=e.useRef(null),u=function(e,n){return i.dataKey?t.resolveFieldData(e,i.dataKey):"pr_id__".concat(n)};e.useImperativeHandle(m,(function(){return{props:i,getElement:function(){return o.current}}}));var s=t.findDiffKeys(i,r.defaultProps),p=n("p-timeline p-component",(a(c={},"p-timeline-".concat(i.align),!0),a(c,"p-timeline-".concat(i.layout),!0),c),i.className),v=i.value&&i.value.map((function(n,l){var a=t.getJSXElement(i.opposite,n,l),r=t.getJSXElement(i.marker,n,l)||e.createElement("div",{className:"p-timeline-event-marker"}),m=l!==i.value.length-1&&e.createElement("div",{className:"p-timeline-event-connector"}),c=t.getJSXElement(i.content,n,l);return e.createElement("div",{key:u(n,l),className:"p-timeline-event"},e.createElement("div",{className:"p-timeline-event-opposite"},a),e.createElement("div",{className:"p-timeline-event-separator"},r,m),e.createElement("div",{className:"p-timeline-event-content"},c))}));return e.createElement("div",l({id:i.id,ref:o,className:p,style:i.style},s),v)})));r.displayName="Timeline",r.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null};export{r as Timeline};

package/timeline/timeline.js

@@ -58,6 +58,8 @@ this.primereact.timeline = (function (exports, React, utils) {
   var Timeline = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _classNames;
 
+    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);
     };
@@ -85,11 +87,20 @@ this.primereact.timeline = (function (exports, React, utils) {
       });
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Timeline.defaultProps);
     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({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), events);

package/timeline/timeline.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.timeline=function(e,t,n){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var a=l(t);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=a.memo(a.forwardRef((function(e,t){var l,s=function(t,l){return e.dataKey?n.ObjectUtils.resolveFieldData(t,e.dataKey):"pr_id__".concat(l)},o=n.ObjectUtils.findDiffKeys(e,c.defaultProps),u=n.classNames("p-timeline p-component",(r(l={},"p-timeline-".concat(e.align),!0),r(l,"p-timeline-".concat(e.layout),!0),l),e.className),m=e.value&&e.value.map((function(t,l){var i=n.ObjectUtils.getJSXElement(e.opposite,t,l),r=n.ObjectUtils.getJSXElement(e.marker,t,l)||a.createElement("div",{className:"p-timeline-event-marker"}),c=l!==e.value.length-1&&a.createElement("div",{className:"p-timeline-event-connector"}),o=n.ObjectUtils.getJSXElement(e.content,t,l);return a.createElement("div",{key:s(t,l),className:"p-timeline-event"},a.createElement("div",{className:"p-timeline-event-opposite"},i),a.createElement("div",{className:"p-timeline-event-separator"},r,c),a.createElement("div",{className:"p-timeline-event-content"},o))}));return a.createElement("div",i({id:e.id,className:u,style:e.style},o),m)})));return c.displayName="Timeline",c.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null},e.Timeline=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.timeline=function(e,t,n){"use strict";function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var r=l(t);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},a.apply(this,arguments)}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=r.memo(r.forwardRef((function(e,t){var l,u=r.useRef(null),s=function(t,l){return e.dataKey?n.ObjectUtils.resolveFieldData(t,e.dataKey):"pr_id__".concat(l)};r.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return u.current}}}));var o=n.ObjectUtils.findDiffKeys(e,c.defaultProps),m=n.classNames("p-timeline p-component",(i(l={},"p-timeline-".concat(e.align),!0),i(l,"p-timeline-".concat(e.layout),!0),l),e.className),p=e.value&&e.value.map((function(t,l){var a=n.ObjectUtils.getJSXElement(e.opposite,t,l),i=n.ObjectUtils.getJSXElement(e.marker,t,l)||r.createElement("div",{className:"p-timeline-event-marker"}),c=l!==e.value.length-1&&r.createElement("div",{className:"p-timeline-event-connector"}),u=n.ObjectUtils.getJSXElement(e.content,t,l);return r.createElement("div",{key:s(t,l),className:"p-timeline-event"},r.createElement("div",{className:"p-timeline-event-opposite"},a),r.createElement("div",{className:"p-timeline-event-separator"},i,c),r.createElement("div",{className:"p-timeline-event-content"},u))}));return r.createElement("div",a({id:e.id,ref:u,className:m,style:e.style},o),p)})));return c.displayName="Timeline",c.defaultProps={__TYPE:"Timeline",id:null,value:null,align:"left",layout:"vertical",dataKey:null,className:null,style:null,opposite:null,marker:null,content:null},e.Timeline=c,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);