primereact 8.1.0 → 8.3.0

package/tag/tag.esm.js

@@ -34,9 +34,13 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames;
 
+  var elementRef = React.useRef(null);
   var otherProps = ObjectUtils.findDiffKeys(props, Tag.defaultProps);
   var className = classNames('p-tag p-component', (_classNames = {}, _defineProperty(_classNames, "p-tag-".concat(props.severity), props.severity !== null), _defineProperty(_classNames, 'p-tag-rounded', props.rounded), _classNames), props.className);
   var icon = IconUtils.getJSXIcon(props.icon, {
@@ -44,7 +48,15 @@ var Tag = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, {
     props: props
   });
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   return /*#__PURE__*/React.createElement("span", _extends({
+    ref: elementRef,
     className: className,
     style: props.style
   }, otherProps), icon, /*#__PURE__*/React.createElement("span", {

package/tag/tag.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as a,classNames as r,IconUtils as t}from"primereact/utils";function n(){return n=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var r=arguments[a];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},n.apply(this,arguments)}function l(e,a,r){return a in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}var o=e.forwardRef((function(s,c){var u,i=a.findDiffKeys(s,o.defaultProps),p=r("p-tag p-component",(l(u={},"p-tag-".concat(s.severity),null!==s.severity),l(u,"p-tag-rounded",s.rounded),u),s.className),f=t.getJSXIcon(s.icon,{className:"p-tag-icon"},{props:s});return e.createElement("span",n({className:p,style:s.style},i),f,e.createElement("span",{className:"p-tag-value"},s.value),e.createElement("span",null,s.children))}));o.displayName="Tag",o.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null};export{o as Tag};
+import*as e from"react";import{ObjectUtils as r,classNames as t,IconUtils as n}from"primereact/utils";function a(){return a=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},a.apply(this,arguments)}function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function c(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?l(Object(t),!0).forEach((function(r){o(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var u=e.forwardRef((function(l,s){var i,p=e.useRef(null),f=r.findDiffKeys(l,u.defaultProps),y=t("p-tag p-component",(o(i={},"p-tag-".concat(l.severity),null!==l.severity),o(i,"p-tag-rounded",l.rounded),i),l.className),m=n.getJSXIcon(l.icon,{className:"p-tag-icon"},{props:l});return e.useImperativeHandle(s,(function(){return c({getElement:function(){return p.current}},l)})),e.createElement("span",a({ref:p,className:y,style:l.style},f),m,e.createElement("span",{className:"p-tag-value"},l.value),e.createElement("span",null,l.children))}));u.displayName="Tag",u.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null};export{u as Tag};

package/tag/tag.js

@@ -55,9 +55,13 @@ this.primereact.tag = (function (exports, React, utils) {
     return obj;
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Tag = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _classNames;
 
+    var elementRef = React__namespace.useRef(null);
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Tag.defaultProps);
     var className = utils.classNames('p-tag p-component', (_classNames = {}, _defineProperty(_classNames, "p-tag-".concat(props.severity), props.severity !== null), _defineProperty(_classNames, 'p-tag-rounded', props.rounded), _classNames), props.className);
     var icon = utils.IconUtils.getJSXIcon(props.icon, {
@@ -65,7 +69,15 @@ this.primereact.tag = (function (exports, React, utils) {
     }, {
       props: props
     });
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     return /*#__PURE__*/React__namespace.createElement("span", _extends({
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps), icon, /*#__PURE__*/React__namespace.createElement("span", {

package/tag/tag.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.tag=function(e,t,r){"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 a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var n=a(t);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}function c(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var s=n.forwardRef((function(e,t){var a,u=r.ObjectUtils.findDiffKeys(e,s.defaultProps),i=r.classNames("p-tag p-component",(c(a={},"p-tag-".concat(e.severity),null!==e.severity),c(a,"p-tag-rounded",e.rounded),a),e.className),o=r.IconUtils.getJSXIcon(e.icon,{className:"p-tag-icon"},{props:e});return n.createElement("span",l({className:i,style:e.style},u),o,n.createElement("span",{className:"p-tag-value"},e.value),n.createElement("span",null,e.children))}));return s.displayName="Tag",s.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null},e.Tag=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tag=function(e,t,r){"use strict";function n(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 a=n(t);function c(){return c=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},c.apply(this,arguments)}function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var i=a.forwardRef((function(e,t){var n,u=a.useRef(null),s=r.ObjectUtils.findDiffKeys(e,i.defaultProps),p=r.classNames("p-tag p-component",(l(n={},"p-tag-".concat(e.severity),null!==e.severity),l(n,"p-tag-rounded",e.rounded),n),e.className),f=r.IconUtils.getJSXIcon(e.icon,{className:"p-tag-icon"},{props:e});return a.useImperativeHandle(t,(function(){return o({getElement:function(){return u.current}},e)})),a.createElement("span",c({ref:u,className:p,style:e.style},s),f,a.createElement("span",{className:"p-tag-value"},e.value),a.createElement("span",null,e.children))}));return i.displayName="Tag",i.defaultProps={__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null},e.Tag=i,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/terminal/terminal.cjs.js

@@ -44,6 +44,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -121,6 +136,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(''),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -147,7 +165,7 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var isEmitted = React__namespace.useRef(false);
 
   var onClick = function onClick() {
-    inputRef.current.focus();
+    utils.DomHandler.focus(inputRef.current);
   };
 
   var onInputChange = function onInputChange(e) {
@@ -190,6 +208,13 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   React__namespace.useEffect(function () {
     var response = function response(res) {
       if (commandsState && commandsState.length > 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 o(){return o=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},o.apply(this,arguments)}function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function 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,r){if(e){if("string"==typeof e)return i(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,r):void 0}}function 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,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o=[],l=!0,i=!1;try{for(t=t.call(e);!(l=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);l=!0);}catch(e){i=!0,a=e}finally{try{l||null==t.return||t.return()}finally{if(i)throw a}}return o}}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 b(e,r){return p(e)||y(e,r)||s(e,r)||v()}function d(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function O(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?d(Object(t),!0).forEach((function(r){l(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):d(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var g=a.memo(a.forwardRef((function(e,n){var l=b(a.useState(""),2),i=l[0],c=l[1],u=b(a.useState([]),2),s=u[0],f=u[1],p=b(a.useState(0),2),y=p[0],v=p[1],d=b(a.useState(""),2),h=d[0],j=d[1],w=a.useRef(null),E=a.useRef(null),S=a.useRef(!1),P=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];v(r),c(t.text)}break;case 13:if(i){var n=m(s);n.push({text:i}),v((function(e){return e+1})),c(""),f(n),j(i),S.current=!0}}};a.useImperativeHandle(n,(function(){return O({getElement:function(){return w.current}},e)})),a.useEffect((function(){var e=function(e){if(s&&s.length>0){var r=m(s);r[r.length-1].response=e,f(r)}},t=function(){f([]),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]),a.useEffect((function(){S.current&&(r.TerminalService.emit("command",h),S.current=!1),w.current.scrollTop=w.current.scrollHeight}));var T=function(r,t){var n=r.text,o=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"},o))},A=t.ObjectUtils.findDiffKeys(e,g.defaultProps),D=t.classNames("p-terminal p-component",e.className),x=e.welcomeMessage?a.createElement("div",null,e.welcomeMessage):null,_=function(){var e=s.map(T);return a.createElement("div",{className:"p-terminal-content"},e)}(),k=a.createElement("div",{className:"p-terminal-prompt-container"},a.createElement("span",{className:"p-terminal-prompt"},e.prompt," "),a.createElement("input",{ref:E,type:"text",value:i,className:"p-terminal-input",autoComplete:"off",onChange:P,onKeyDown:N}));return a.createElement("div",o({ref:w,id:e.id,className:D,style:e.style},A,{onClick:function(){t.DomHandler.focus(E.current)}}),x,_,k)})));g.displayName="Terminal",g.defaultProps={__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null},exports.Terminal=g;

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) {
@@ -20,6 +20,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -97,6 +112,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(''),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -123,7 +141,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 +184,13 @@ var Terminal = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
   };
 
+  React.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
+  });
   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,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}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,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 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 v(e,t){return p(e)||y(e,t)||s(e,t)||b()}function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function h(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=e.memo(e.forwardRef((function(l,i){var c=v(e.useState(""),2),u=c[0],s=c[1],f=v(e.useState([]),2),p=f[0],y=f[1],b=v(e.useState(0),2),d=b[0],O=b[1],w=v(e.useState(""),2),j=w[0],E=w[1],S=e.useRef(null),P=e.useRef(null),N=e.useRef(!1),A=function(e){s(e.target.value)},x=function(e){switch(e.which||e.keyCode){case 38:if(p&&p.length){var t=d-1<0?p.length-1:d-1,r=p[t];O(t),s(r.text)}break;case 13:if(u){var n=m(p);n.push({text:u}),O((function(e){return e+1})),s(""),y(n),E(u),N.current=!0}}};e.useImperativeHandle(i,(function(){return h({getElement:function(){return S.current}},l)})),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([]),O(0)};return t.on("response",e),t.on("clear",r),function(){t.off("response",e),t.off("clear",r)}}),[p]),e.useEffect((function(){N.current&&(t.emit("command",j),N.current=!1),S.current.scrollTop=S.current.scrollHeight}));var D=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))},I=r.findDiffKeys(l,g.defaultProps),T=n("p-terminal p-component",l.className),k=l.welcomeMessage?e.createElement("div",null,l.welcomeMessage):null,C=function(){var t=p.map(D);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"},l.prompt," "),e.createElement("input",{ref:P,type:"text",value:u,className:"p-terminal-input",autoComplete:"off",onChange:A,onKeyDown:x}));return e.createElement("div",o({ref:S,id:l.id,className:T,style:l.style},I,{onClick:function(){a.focus(P.current)}}),k,C,M)})));g.displayName="Terminal",g.defaultProps={__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null};export{g as Terminal};

package/terminal/terminal.js

@@ -40,6 +40,21 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -117,6 +132,9 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(''),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -143,7 +161,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 +204,13 @@ this.primereact.terminal = (function (exports, React, terminalservice, utils) {
       }
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return _objectSpread({
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
+    });
     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 o=a(t);function l(){return l=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},l.apply(this,arguments)}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function u(e){if(Array.isArray(e))return c(e)}function s(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,t){if(e){if("string"==typeof e)return c(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?c(e,t):void 0}}function m(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return u(e)||s(e)||f(e)||m()}function y(e){if(Array.isArray(e))return e}function v(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 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 d(e,t){return y(e)||v(e,t)||f(e,t)||b()}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function O(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){i(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=o.memo(o.forwardRef((function(e,t){var a=d(o.useState(""),2),i=a[0],c=a[1],u=d(o.useState([]),2),s=u[0],f=u[1],m=d(o.useState(0),2),y=m[0],v=m[1],b=d(o.useState(""),2),h=b[0],j=b[1],w=o.useRef(null),E=o.useRef(null),S=o.useRef(!1),P=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=p(s);n.push({text:i}),v((function(e){return e+1})),c(""),f(n),j(i),S.current=!0}}};o.useImperativeHandle(t,(function(){return O({getElement:function(){return w.current}},e)})),o.useEffect((function(){var e=function(e){if(s&&s.length>0){var t=p(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]),o.useEffect((function(){S.current&&(r.TerminalService.emit("command",h),S.current=!1),w.current.scrollTop=w.current.scrollHeight}));var T=function(t,r){var n=t.text,a=t.response;return o.createElement("div",{key:n+"_"+r},o.createElement("span",{className:"p-terminal-prompt"},e.prompt," "),o.createElement("span",{className:"p-terminal-command"},n),o.createElement("div",{className:"p-terminal-response"},a))},A=n.ObjectUtils.findDiffKeys(e,g.defaultProps),D=n.classNames("p-terminal p-component",e.className),_=e.welcomeMessage?o.createElement("div",null,e.welcomeMessage):null,k=function(){var e=s.map(T);return o.createElement("div",{className:"p-terminal-content"},e)}(),I=o.createElement("div",{className:"p-terminal-prompt-container"},o.createElement("span",{className:"p-terminal-prompt"},e.prompt," "),o.createElement("input",{ref:E,type:"text",value:i,className:"p-terminal-input",autoComplete:"off",onChange:P,onKeyDown:N}));return o.createElement("div",l({ref:w,id:e.id,className:D,style:e.style},A,{onClick:function(){n.DomHandler.focus(E.current)}}),_,k,I)})));return g.displayName="Terminal",g.defaultProps={__TYPE:"Terminal",id:null,style:null,className:null,welcomeMessage:null,prompt:null},e.Terminal=g,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.terminalservice,primereact.utils);

package/tieredmenu/tieredmenu.cjs.js

@@ -52,6 +52,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -284,7 +299,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 +369,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) {
@@ -383,6 +400,9 @@ var TieredMenuSub = /*#__PURE__*/React__namespace.memo(function (props) {
 });
 TieredMenuSub.displayName = 'TieredMenuSub';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(!props.popup),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -457,11 +477,14 @@ var TieredMenu = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespa
     utils.ZIndexUtils.clear(menuRef.current);
   });
   React__namespace.useImperativeHandle(ref, function () {
-    return {
+    return _objectSpread({
       toggle: toggle,
       show: show,
-      hide: hide
-    };
+      hide: hide,
+      getElement: function getElement() {
+        return menuRef.current;
+      }
+    }, props);
   });
 
   var createElement = function createElement() {

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

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

@@ -25,6 +25,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -257,7 +272,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 +342,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) {
@@ -356,6 +373,9 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
 });
 TieredMenuSub.displayName = 'TieredMenuSub';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(!props.popup),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -430,11 +450,14 @@ var TieredMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     ZIndexUtils.clear(menuRef.current);
   });
   React.useImperativeHandle(ref, function () {
-    return {
+    return _objectSpread({
       toggle: toggle,
       show: show,
-      hide: hide
-    };
+      hide: hide,
+      getElement: function getElement() {
+        return menuRef.current;
+      }
+    }, props);
   });
 
   var createElement = function createElement() {

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