primereact 9.3.0 → 9.4.0

package/tag/tag.esm.js

@@ -1,20 +1,6 @@
 import * as React from 'react';
-import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
+import { classNames, mergeProps, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -57,7 +43,7 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var TagBase = {
+var TagBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Tag',
     value: null,
@@ -67,24 +53,24 @@ var TagBase = {
     style: null,
     className: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, TagBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, TagBase.defaultProps);
   }
-};
+});
 
+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 (inProps, ref) {
   var _classNames;
   var props = TagBase.getProps(inProps);
+  var _TagBase$setMetaData = TagBase.setMetaData({
+      props: props
+    }),
+    ptm = _TagBase$setMetaData.ptm;
   var elementRef = React.useRef(null);
-  var otherProps = TagBase.getOtherProps(props);
   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, {
+  var iconProps = mergeProps({
     className: 'p-tag-icon'
-  }, {
+  }, ptm('icon'));
+  var icon = IconUtils.getJSXIcon(props.icon, _objectSpread({}, iconProps), {
     props: props
   });
   React.useImperativeHandle(ref, function () {
@@ -95,13 +81,15 @@ var Tag = /*#__PURE__*/React.forwardRef(function (inProps, ref) {
       }
     };
   });
-  return /*#__PURE__*/React.createElement("span", _extends({
+  var rootProps = mergeProps({
     ref: elementRef,
     className: className,
     style: props.style
-  }, otherProps), icon, /*#__PURE__*/React.createElement("span", {
-    className: "p-tag-value"
-  }, props.value), /*#__PURE__*/React.createElement("span", null, props.children));
+  }, TagBase.getOtherProps(props), ptm('root'));
+  var valueProps = mergeProps({
+    className: 'p-tag-value'
+  }, ptm('value'));
+  return /*#__PURE__*/React.createElement("span", rootProps, icon, /*#__PURE__*/React.createElement("span", valueProps, props.value), /*#__PURE__*/React.createElement("span", null, props.children));
 });
 Tag.displayName = 'Tag';
 

package/tag/tag.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as t,classNames as r,IconUtils as n}from"primereact/utils";function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function u(e,t){if("object"!==l(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function a(e){var t=u(e,"string");return"symbol"===l(t)?t:String(t)}function i(e,t,r){return(t=a(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var s={defaultProps:{__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null,children:void 0},getProps:function(e){return t.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return t.getDiffProps(e,s.defaultProps)}},c=e.forwardRef((function(t,l){var u,a=s.getProps(t),c=e.useRef(null),p=s.getOtherProps(a),f=r("p-tag p-component",(i(u={},"p-tag-".concat(a.severity),null!==a.severity),i(u,"p-tag-rounded",a.rounded),u),a.className),m=n.getJSXIcon(a.icon,{className:"p-tag-icon"},{props:a});return e.useImperativeHandle(l,(function(){return{props:a,getElement:function(){return c.current}}})),e.createElement("span",o({ref:c,className:f,style:a.style},p),m,e.createElement("span",{className:"p-tag-value"},a.value),e.createElement("span",null,a.children))}));c.displayName="Tag";export{c as Tag};
+import*as e from"react";import{classNames as t,mergeProps as r,IconUtils as n}from"primereact/utils";import{ComponentBase as o}from"primereact/componentbase";function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function i(e,t){if("object"!==a(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e){var t=i(e,"string");return"symbol"===a(t)?t:String(t)}function c(e,t,r){return(t=l(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var u=o.extend({defaultProps:{__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null,children:void 0}});function p(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 s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){c(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var f=e.forwardRef((function(o,a){var i,l=u.getProps(o),p=u.setMetaData({props:l}).ptm,f=e.useRef(null),m=t("p-tag p-component",(c(i={},"p-tag-".concat(l.severity),null!==l.severity),c(i,"p-tag-rounded",l.rounded),i),l.className),y=r({className:"p-tag-icon"},p("icon")),b=n.getJSXIcon(l.icon,s({},y),{props:l});e.useImperativeHandle(a,(function(){return{props:l,getElement:function(){return f.current}}}));var v=r({ref:f,className:m,style:l.style},u.getOtherProps(l),p("root")),g=r({className:"p-tag-value"},p("value"));return e.createElement("span",v,b,e.createElement("span",g,l.value),e.createElement("span",null,l.children))}));f.displayName="Tag";export{f as Tag};

package/tag/tag.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.tag = (function (exports, React, utils) {
+this.primereact.tag = (function (exports, React, utils, componentbase) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,21 +22,6 @@ this.primereact.tag = (function (exports, React, utils) {
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
   function _typeof(obj) {
     "@babel/helpers - typeof";
 
@@ -78,7 +63,7 @@ this.primereact.tag = (function (exports, React, utils) {
     return obj;
   }
 
-  var TagBase = {
+  var TagBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Tag',
       value: null,
@@ -88,24 +73,24 @@ this.primereact.tag = (function (exports, React, utils) {
       style: null,
       className: null,
       children: undefined
-    },
-    getProps: function getProps(props) {
-      return utils.ObjectUtils.getMergedProps(props, TagBase.defaultProps);
-    },
-    getOtherProps: function getOtherProps(props) {
-      return utils.ObjectUtils.getDiffProps(props, TagBase.defaultProps);
     }
-  };
+  });
 
+  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 (inProps, ref) {
     var _classNames;
     var props = TagBase.getProps(inProps);
+    var _TagBase$setMetaData = TagBase.setMetaData({
+        props: props
+      }),
+      ptm = _TagBase$setMetaData.ptm;
     var elementRef = React__namespace.useRef(null);
-    var otherProps = TagBase.getOtherProps(props);
     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, {
+    var iconProps = utils.mergeProps({
       className: 'p-tag-icon'
-    }, {
+    }, ptm('icon'));
+    var icon = utils.IconUtils.getJSXIcon(props.icon, _objectSpread({}, iconProps), {
       props: props
     });
     React__namespace.useImperativeHandle(ref, function () {
@@ -116,13 +101,15 @@ this.primereact.tag = (function (exports, React, utils) {
         }
       };
     });
-    return /*#__PURE__*/React__namespace.createElement("span", _extends({
+    var rootProps = utils.mergeProps({
       ref: elementRef,
       className: className,
       style: props.style
-    }, otherProps), icon, /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-tag-value"
-    }, props.value), /*#__PURE__*/React__namespace.createElement("span", null, props.children));
+    }, TagBase.getOtherProps(props), ptm('root'));
+    var valueProps = utils.mergeProps({
+      className: 'p-tag-value'
+    }, ptm('value'));
+    return /*#__PURE__*/React__namespace.createElement("span", rootProps, icon, /*#__PURE__*/React__namespace.createElement("span", valueProps, props.value), /*#__PURE__*/React__namespace.createElement("span", null, props.children));
   });
   Tag.displayName = 'Tag';
 
@@ -132,4 +119,4 @@ this.primereact.tag = (function (exports, React, utils) {
 
   return exports;
 
-})({}, React, primereact.utils);
+})({}, React, primereact.utils, primereact.componentbase);

package/tag/tag.min.js

@@ -1 +1 @@
-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 o=n(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function i(e,t){if("object"!==a(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function l(e){var t=i(e,"string");return"symbol"===a(t)?t:String(t)}function c(e,t,r){return(t=l(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var s={defaultProps:{__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,s.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,s.defaultProps)}},f=o.forwardRef((function(e,t){var n,a=s.getProps(e),i=o.useRef(null),l=s.getOtherProps(a),f=r.classNames("p-tag p-component",(c(n={},"p-tag-".concat(a.severity),null!==a.severity),c(n,"p-tag-rounded",a.rounded),n),a.className),p=r.IconUtils.getJSXIcon(a.icon,{className:"p-tag-icon"},{props:a});return o.useImperativeHandle(t,(function(){return{props:a,getElement:function(){return i.current}}})),o.createElement("span",u({ref:i,className:f,style:a.style},l),p,o.createElement("span",{className:"p-tag-value"},a.value),o.createElement("span",null,a.children))}));return f.displayName="Tag",e.Tag=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.tag=function(e,t,r,n){"use strict";function o(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=o(t);function c(e){return c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},c(e)}function i(e,t){if("object"!==c(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==c(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function u(e){var t=i(e,"string");return"symbol"===c(t)?t:String(t)}function l(e,t,r){return(t=u(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var s=n.ComponentBase.extend({defaultProps:{__TYPE:"Tag",value:null,severity:null,rounded:!1,icon:null,style:null,className:null,children:void 0}});function p(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 f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){l(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=a.forwardRef((function(e,t){var n,o=s.getProps(e),c=s.setMetaData({props:o}).ptm,i=a.useRef(null),u=r.classNames("p-tag p-component",(l(n={},"p-tag-".concat(o.severity),null!==o.severity),l(n,"p-tag-rounded",o.rounded),n),o.className),p=r.mergeProps({className:"p-tag-icon"},c("icon")),m=r.IconUtils.getJSXIcon(o.icon,f({},p),{props:o});a.useImperativeHandle(t,(function(){return{props:o,getElement:function(){return i.current}}}));var y=r.mergeProps({ref:i,className:u,style:o.style},s.getOtherProps(o),c("root")),b=r.mergeProps({className:"p-tag-value"},c("value"));return a.createElement("span",y,m,a.createElement("span",b,o.value),a.createElement("span",null,o.children))}));return m.displayName="Tag",e.Tag=m,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils,primereact.componentbase);

package/terminal/terminal.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var terminalservice = require('primereact/terminalservice');
 var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -26,21 +27,6 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -112,7 +98,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var TerminalBase = {
+var TerminalBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Terminal',
     id: null,
@@ -121,14 +107,8 @@ var TerminalBase = {
     welcomeMessage: null,
     prompt: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, TerminalBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, TerminalBase.defaultProps);
   }
-};
+});
 
 var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
   var props = TerminalBase.getProps(inProps);
@@ -151,6 +131,17 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var elementRef = React__namespace.useRef(null);
   var inputRef = React__namespace.useRef(null);
   var isEmitted = React__namespace.useRef(false);
+  var _TerminalBase$setMeta = TerminalBase.setMetaData({
+      props: props,
+      state: {
+        commandText: commandTextState,
+        commands: commandsState
+      }
+    }),
+    ptm = _TerminalBase$setMeta.ptm;
+  var promptProps = utils.mergeProps({
+    className: 'p-terminal-prompt'
+  }, ptm('prompt'));
   var onClick = function onClick() {
     utils.DomHandler.focus(inputRef.current);
   };
@@ -227,7 +218,8 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   });
   var createWelcomeMessage = function createWelcomeMessage() {
     if (props.welcomeMessage) {
-      return /*#__PURE__*/React__namespace.createElement("div", null, props.welcomeMessage);
+      var welcomeMessageProps = utils.mergeProps(ptm('welcomeMessage'));
+      return /*#__PURE__*/React__namespace.createElement("div", welcomeMessageProps, props.welcomeMessage);
     }
     return null;
   };
@@ -235,50 +227,55 @@ var Terminal = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var text = command.text,
       response = command.response;
     var key = text + '_' + index;
-    return /*#__PURE__*/React__namespace.createElement("div", {
+    var commandsProps = utils.mergeProps({
       key: key
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-terminal-prompt"
-    }, props.prompt, "\xA0"), /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-terminal-command"
-    }, text), /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-terminal-response"
-    }, response));
+    }, ptm('commands'));
+    var commandProps = utils.mergeProps({
+      className: 'p-terminal-command'
+    }, ptm('command'));
+    var responseProps = utils.mergeProps({
+      className: 'p-terminal-response'
+    }, ptm('response'));
+    return /*#__PURE__*/React__namespace.createElement("div", commandsProps, /*#__PURE__*/React__namespace.createElement("span", promptProps, props.prompt, "\xA0"), /*#__PURE__*/React__namespace.createElement("span", commandProps, text), /*#__PURE__*/React__namespace.createElement("div", responseProps, response));
   };
   var createContent = function createContent() {
     var content = commandsState.map(createCommand);
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-terminal-content"
-    }, content);
+    var contentProps = utils.mergeProps({
+      className: 'p-terminal-content'
+    }, ptm('content'));
+    return /*#__PURE__*/React__namespace.createElement("div", contentProps, content);
   };
   var createPromptContainer = function createPromptContainer() {
-    return /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-terminal-prompt-container"
-    }, /*#__PURE__*/React__namespace.createElement("span", {
-      className: "p-terminal-prompt"
-    }, props.prompt, "\xA0"), /*#__PURE__*/React__namespace.createElement("input", {
+    var containerProps = utils.mergeProps({
+      className: 'p-terminal-prompt-container'
+    }, ptm('container'));
+    var commandTextProps = utils.mergeProps({
       ref: inputRef,
-      type: "text",
       value: commandTextState,
-      className: "p-terminal-input",
-      autoComplete: "off",
-      onChange: onInputChange,
-      onKeyDown: onInputKeyDown
-    }));
+      type: 'text',
+      className: 'p-terminal-input',
+      autoComplete: 'off',
+      onChange: function onChange(e) {
+        return onInputChange(e);
+      },
+      onKeyDown: function onKeyDown(e) {
+        return onInputKeyDown(e);
+      }
+    }, ptm('commandText'));
+    return /*#__PURE__*/React__namespace.createElement("div", containerProps, /*#__PURE__*/React__namespace.createElement("span", promptProps, props.prompt, "\xA0"), /*#__PURE__*/React__namespace.createElement("input", commandTextProps));
   };
-  var otherProps = TerminalBase.getOtherProps(props);
   var className = utils.classNames('p-terminal p-component', props.className);
   var welcomeMessage = createWelcomeMessage();
   var content = createContent();
   var prompt = createPromptContainer();
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
-    ref: elementRef,
+  var rootProps = utils.mergeProps({
     id: props.id,
+    ref: elementRef,
     className: className,
-    style: props.style
-  }, otherProps, {
+    style: props.style,
     onClick: onClick
-  }), welcomeMessage, content, prompt);
+  }, TerminalBase.getOtherProps(props), ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, welcomeMessage, content, prompt);
 }));
 Terminal.displayName = 'Terminal';
 

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

package/terminal/terminal.d.ts

@@ -8,6 +8,74 @@
  *
  */
 import * as React from 'react';
+import { PassThroughType } from '../utils';
+
+export declare type TerminalPassThroughType<T> = PassThroughType<T, TerminalPassThroughMethodOptions>;
+
+/**
+ * Defines current inline state in Terminal component.
+ */
+export interface TerminalState {
+    /**
+     * Current command text as a string.
+     */
+    commandText: string;
+    /**
+     * Current commands as an array.
+     */
+    commands: string[];
+}
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface TerminalPassThroughMethodOptions {
+    props: TerminalProps;
+    state: TerminalState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link TerminalProps.pt}
+ */
+export interface TerminalPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: TerminalPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the welcome message's DOM element.
+     */
+    welcomeMessage?: TerminalPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the content's DOM element.
+     */
+    content?: TerminalPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the commands' DOM element.
+     */
+    commands?: TerminalPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the prompt's DOM element.
+     */
+    prompt?: TerminalPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the command's DOM element.
+     */
+    command?: TerminalPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the response's DOM element.
+     */
+    response?: TerminalPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the container's DOM element.
+     */
+    container?: TerminalPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the command text's DOM element.
+     */
+    commandText?: TerminalPassThroughType<React.HTMLAttributes<HTMLInputElement>>;
+}
 
 /**
  * Defines valid properties in Terminal component. In addition to these, all properties of HTMLDivElement can be used in this component.
@@ -27,6 +95,11 @@ export interface TerminalProps extends Omit<React.DetailedHTMLProps<React.HTMLAt
      * @readonly
      */
     children?: React.ReactNode | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {TerminalPassThroughOptions}
+     */
+    pt?: TerminalPassThroughOptions;
 }
 
 /**