primereact 9.4.0 → 9.5.0

package/messages/messages.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var reactTransitionGroup = require('react-transition-group');
 var csstransition = require('primereact/csstransition');
-var utils = require('primereact/utils');
+var componentbase = require('primereact/componentbase');
 var api = require('primereact/api');
 var hooks = require('primereact/hooks');
 var check = require('primereact/icons/check');
@@ -14,6 +14,7 @@ var infocircle = require('primereact/icons/infocircle');
 var times = require('primereact/icons/times');
 var timescircle = require('primereact/icons/timescircle');
 var ripple = require('primereact/ripple');
+var utils = require('primereact/utils');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -35,21 +36,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];
@@ -121,7 +107,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var MessagesBase = {
+var MessagesBase = componentbase.ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Messages',
     id: null,
@@ -131,14 +117,8 @@ var MessagesBase = {
     onRemove: null,
     onClick: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return utils.ObjectUtils.getMergedProps(props, MessagesBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return utils.ObjectUtils.getDiffProps(props, MessagesBase.defaultProps);
   }
-};
+});
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -184,7 +164,12 @@ function _defineProperty(obj, key, value) {
 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 UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
-  var messageInfo = props.message;
+  var messageInfo = props.message,
+    parentMetaData = props.metaData,
+    _props$ptCallbacks = props.ptCallbacks,
+    ptm = _props$ptCallbacks.ptm,
+    ptmo = _props$ptCallbacks.ptmo,
+    index = props.index;
   var _messageInfo$message = messageInfo.message,
     severity = _messageInfo$message.severity,
     content = _messageInfo$message.content,
@@ -198,7 +183,12 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     _contentClassName = _messageInfo$message.contentClassName,
     contentStyle = _messageInfo$message.contentStyle,
     _icon = _messageInfo$message.icon,
-    _closeIcon = _messageInfo$message.closeIcon;
+    _closeIcon = _messageInfo$message.closeIcon,
+    pt = _messageInfo$message.pt;
+  var params = {
+    index: index
+  };
+  var parentParams = _objectSpread(_objectSpread({}, parentMetaData), params);
   var _useTimeout = hooks.useTimeout(function () {
       onClose(null);
     }, life || 3000, !sticky),
@@ -222,57 +212,56 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         className: 'p-message-close-icon',
         'aria-hidden': true
       };
-      var icon = _closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, iconProps);
-      var _closeIcon2 = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      var buttonIconProps = utils.mergeProps({
+        className: iconProps
+      }, ptm('buttonicon', parentParams), ptmo(pt, 'buttonicon', params));
+      var icon = _closeIcon || /*#__PURE__*/React__namespace.createElement(times.TimesIcon, buttonIconProps);
+      var _closeIcon2 = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, buttonIconProps), {
         props: props
       });
-      return /*#__PURE__*/React__namespace.createElement("button", {
-        type: "button",
-        className: "p-message-close p-link",
-        "aria-label": ariaLabel,
+      var buttonProps = utils.mergeProps({
+        type: 'button',
+        className: 'p-message-close p-link',
+        'aria-label': ariaLabel,
         onClick: onClose
-      }, _closeIcon2, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+      }, ptm('button', parentParams), ptmo(pt, 'button', params));
+      return /*#__PURE__*/React__namespace.createElement("button", buttonProps, _closeIcon2, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
     return null;
   };
   var createMessage = function createMessage() {
     if (props.message) {
       var iconClassName = 'p-message-icon';
+      var iconProps = utils.mergeProps({
+        className: iconClassName
+      }, ptm('icon', parentParams), ptmo(pt, 'icon', params));
       var icon = _icon;
       if (!_icon) {
         switch (severity) {
           case 'info':
-            icon = /*#__PURE__*/React__namespace.createElement(infocircle.InfoCircleIcon, {
-              className: iconClassName
-            });
+            icon = /*#__PURE__*/React__namespace.createElement(infocircle.InfoCircleIcon, iconProps);
             break;
           case 'warn':
-            icon = /*#__PURE__*/React__namespace.createElement(exclamationtriangle.ExclamationTriangleIcon, {
-              className: iconClassName
-            });
+            icon = /*#__PURE__*/React__namespace.createElement(exclamationtriangle.ExclamationTriangleIcon, iconProps);
             break;
           case 'error':
-            icon = /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, {
-              className: iconClassName
-            });
+            icon = /*#__PURE__*/React__namespace.createElement(timescircle.TimesCircleIcon, iconProps);
             break;
           case 'success':
-            icon = /*#__PURE__*/React__namespace.createElement(check.CheckIcon, {
-              className: iconClassName
-            });
+            icon = /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps);
             break;
         }
       }
-      var iconContent = utils.IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      var iconContent = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
         props: props
       });
-      return content || /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, iconContent, /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-message-summary"
-      }, summary), /*#__PURE__*/React__namespace.createElement("span", {
-        className: "p-message-detail"
-      }, detail));
+      var summaryProps = utils.mergeProps({
+        className: 'p-message-summary'
+      }, ptm('summary', parentParams), ptmo(pt, 'summary', params));
+      var detailProps = utils.mergeProps({
+        className: 'p-message-detail'
+      }, ptm('detail', parentParams), ptmo(pt, 'detail', params));
+      return content || /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, iconContent, /*#__PURE__*/React__namespace.createElement("span", summaryProps, summary), /*#__PURE__*/React__namespace.createElement("span", detailProps, detail));
     }
     return null;
   };
@@ -280,15 +269,17 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
   var contentClassName = utils.classNames('p-message-wrapper', _contentClassName);
   var closeIcon = createCloseIcon();
   var message = createMessage();
-  return /*#__PURE__*/React__namespace.createElement("div", {
+  var wrapperProps = utils.mergeProps({
+    className: contentClassName,
+    style: contentStyle
+  }, ptm('wrapper', parentParams), ptmo(pt, 'wrapper', params));
+  var rootProps = utils.mergeProps({
     ref: ref,
     className: className,
     style: style,
     onClick: onClick
-  }, /*#__PURE__*/React__namespace.createElement("div", {
-    className: contentClassName,
-    style: contentStyle
-  }, message, closeIcon));
+  }, ptm('root', parentParams), ptmo(pt, 'root', params));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement("div", wrapperProps, message, closeIcon));
 }));
 UIMessage.displayName = 'UIMessage';
 
@@ -300,6 +291,13 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     messagesState = _React$useState2[0],
     setMessagesState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
+  var metaData = {
+    props: props,
+    state: {
+      messages: messagesState
+    }
+  };
+  var ptCallbacks = MessagesBase.setMetaData(metaData);
   var show = function show(messageInfo) {
     if (messageInfo) {
       setMessagesState(function (prev) {
@@ -366,13 +364,13 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
     };
   });
-  var otherProps = MessagesBase.getOtherProps(props);
-  return /*#__PURE__*/React__namespace.createElement("div", _extends({
+  var rootProps = utils.mergeProps({
     id: props.id,
     ref: elementRef,
     className: props.className,
     style: props.style
-  }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState && messagesState.map(function (message) {
+  }, MessagesBase.getOtherProps(props), ptCallbacks.ptm('root'));
+  return /*#__PURE__*/React__namespace.createElement("div", rootProps, /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState && messagesState.map(function (message, index) {
     var messageRef = /*#__PURE__*/React__namespace.createRef();
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: messageRef,
@@ -388,7 +386,10 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       ref: messageRef,
       message: message,
       onClick: props.onClick,
-      onClose: onClose
+      onClose: onClose,
+      ptCallbacks: ptCallbacks,
+      metaData: metaData,
+      index: index
     }));
   })));
 }));

package/messages/messages.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-transition-group"),t=require("primereact/csstransition"),n=require("primereact/utils"),o=require("primereact/api"),a=require("primereact/hooks"),i=require("primereact/icons/check"),c=require("primereact/icons/exclamationtriangle"),s=require("primereact/icons/infocircle"),l=require("primereact/icons/times"),u=require("primereact/icons/timescircle"),m=require("primereact/ripple");function f(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 p=f(e);function y(){return y=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},y.apply(this,arguments)}function b(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 g(e){if(Array.isArray(e))return b(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,r){if(e){if("string"==typeof e)return b(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)?b(e,r):void 0}}function O(){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 h(e){return g(e)||d(e)||v(e)||O()}function j(e){if(Array.isArray(e))return e}function E(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a,i,c=[],s=!0,l=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=a.call(t)).done)&&(c.push(n.value),c.length!==r);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}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 S(e,r){return j(e)||E(e,r)||v(e,r)||P()}var w={defaultProps:{__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0},getProps:function(e){return n.ObjectUtils.getMergedProps(e,w.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,w.defaultProps)}};function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function N(e,r){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==I(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function k(e){var r=N(e,"string");return"symbol"===I(r)?r:String(r)}function C(e,r,t){return(r=k(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function q(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 A(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?q(Object(t),!0).forEach((function(r){C(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var _=p.memo(p.forwardRef((function(e,r){var t=e.message.message,f=t.severity,y=t.content,b=t.summary,g=t.detail,d=t.closable,v=t.className,O=t.style,h=t.contentClassName,j=t.contentStyle,E=t.icon,P=t.closeIcon,w=S(a.useTimeout((function(){I(null)}),t.life||3e3,!t.sticky),1)[0],I=function(r){w(),e.onClose&&e.onClose(e.message),r&&(r.preventDefault(),r.stopPropagation())},N=n.classNames("p-message p-component",C({},"p-message-".concat(f),f),v),k=n.classNames("p-message-wrapper",h),q=function(){if(!1!==d){var r=o.localeOption("close"),t={className:"p-message-close-icon","aria-hidden":!0},a=n.IconUtils.getJSXIcon(P||p.createElement(l.TimesIcon,t),A({},t),{props:e});return p.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":r,onClick:I},a,p.createElement(m.Ripple,null))}return null}(),_=function(){if(e.message){var r="p-message-icon",t=E;if(!E)switch(f){case"info":t=p.createElement(s.InfoCircleIcon,{className:r});break;case"warn":t=p.createElement(c.ExclamationTriangleIcon,{className:r});break;case"error":t=p.createElement(u.TimesCircleIcon,{className:r});break;case"success":t=p.createElement(i.CheckIcon,{className:r})}var o=n.IconUtils.getJSXIcon(t,{className:r},{props:e});return y||p.createElement(p.Fragment,null,o,p.createElement("span",{className:"p-message-summary"},b),p.createElement("span",{className:"p-message-detail"},g))}return null}();return p.createElement("div",{ref:r,className:N,style:O,onClick:function(){e.onClick&&e.onClick(e.message)}},p.createElement("div",{className:k,style:j},_,q))})));_.displayName="UIMessage";var T=0,R=p.memo(p.forwardRef((function(e,n){var o=w.getProps(e),a=S(p.useState([]),2),i=a[0],c=a[1],s=p.useRef(null),l=function(e){e&&c((function(r){return u(r,e,!0)}))},u=function(e,r,t){var n;if(Array.isArray(r)){var o=r.reduce((function(e,r){return e.push({_pId:T++,message:r}),e}),[]);n=t&&e?[].concat(h(e),h(o)):o}else{var a={_pId:T++,message:r};n=t&&e?[].concat(h(e),[a]):[a]}return n},m=function(){c([])},f=function(e){c((function(r){return u(r,e,!1)}))},b=function(e){c((function(r){return r.filter((function(r){return r._pId!==e._pId}))})),o.onRemove&&o.onRemove(e.message)},g=function(e){b(e)};p.useImperativeHandle(n,(function(){return{props:o,show:l,replace:f,remove:b,clear:m,getElement:function(){return s.current}}}));var d=w.getOtherProps(o);return p.createElement("div",y({id:o.id,ref:s,className:o.className,style:o.style},d),p.createElement(r.TransitionGroup,null,i&&i.map((function(e){var r=p.createRef();return p.createElement(t.CSSTransition,{nodeRef:r,key:e._pId,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:o.transitionOptions},p.createElement(_,{ref:r,message:e,onClick:o.onClick,onClose:g}))}))))})));R.displayName="Messages",exports.Messages=R;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-transition-group"),t=require("primereact/csstransition"),n=require("primereact/componentbase"),o=require("primereact/api"),a=require("primereact/hooks"),i=require("primereact/icons/check"),c=require("primereact/icons/exclamationtriangle"),s=require("primereact/icons/infocircle"),l=require("primereact/icons/times"),u=require("primereact/icons/timescircle"),m=require("primereact/ripple"),p=require("primereact/utils");function f(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 y=f(e);function b(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 g(e){if(Array.isArray(e))return b(e)}function d(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,r){if(e){if("string"==typeof e)return b(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)?b(e,r):void 0}}function O(){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 h(e){return g(e)||d(e)||v(e)||O()}function P(e){if(Array.isArray(e))return e}function j(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a,i,c=[],s=!0,l=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=a.call(t)).done)&&(c.push(n.value),c.length!==r);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}function E(){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 w(e,r){return P(e)||j(e,r)||v(e,r)||E()}var S=n.ComponentBase.extend({defaultProps:{__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0}});function I(e){return I="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(e)}function k(e,r){if("object"!==I(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==I(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function C(e){var r=k(e,"string");return"symbol"===I(r)?r:String(r)}function N(e,r,t){return(r=C(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function q(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 x(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?q(Object(t),!0).forEach((function(r){N(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):q(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var A=y.memo(y.forwardRef((function(e,r){var t=e.ptCallbacks,n=t.ptm,f=t.ptmo,b=e.message.message,g=b.severity,d=b.content,v=b.summary,O=b.detail,h=b.closable,P=b.life,j=b.sticky,E=b.className,S=b.style,I=b.contentClassName,k=b.contentStyle,C=b.icon,q=b.closeIcon,A=b.pt,_={index:e.index},T=x(x({},e.metaData),_),D=w(a.useTimeout((function(){R(null)}),P||3e3,!j),1)[0],R=function(r){D(),e.onClose&&e.onClose(e.message),r&&(r.preventDefault(),r.stopPropagation())},M=p.classNames("p-message p-component",N({},"p-message-".concat(g),g),E),U=p.classNames("p-message-wrapper",I),J=function(){if(!1!==h){var r=o.localeOption("close"),t=p.mergeProps({className:{className:"p-message-close-icon","aria-hidden":!0}},n("buttonicon",T),f(A,"buttonicon",_)),a=p.IconUtils.getJSXIcon(q||y.createElement(l.TimesIcon,t),x({},t),{props:e}),i=p.mergeProps({type:"button",className:"p-message-close p-link","aria-label":r,onClick:R},n("button",T),f(A,"button",_));return y.createElement("button",i,a,y.createElement(m.Ripple,null))}return null}(),X=function(){if(e.message){var r=p.mergeProps({className:"p-message-icon"},n("icon",T),f(A,"icon",_)),t=C;if(!C)switch(g){case"info":t=y.createElement(s.InfoCircleIcon,r);break;case"warn":t=y.createElement(c.ExclamationTriangleIcon,r);break;case"error":t=y.createElement(u.TimesCircleIcon,r);break;case"success":t=y.createElement(i.CheckIcon,r)}var o=p.IconUtils.getJSXIcon(t,x({},r),{props:e}),a=p.mergeProps({className:"p-message-summary"},n("summary",T),f(A,"summary",_)),l=p.mergeProps({className:"p-message-detail"},n("detail",T),f(A,"detail",_));return d||y.createElement(y.Fragment,null,o,y.createElement("span",a,v),y.createElement("span",l,O))}return null}(),z=p.mergeProps({className:U,style:k},n("wrapper",T),f(A,"wrapper",_)),B=p.mergeProps({ref:r,className:M,style:S,onClick:function(){e.onClick&&e.onClick(e.message)}},n("root",T),f(A,"root",_));return y.createElement("div",B,y.createElement("div",z,X,J))})));A.displayName="UIMessage";var _=0,T=y.memo(y.forwardRef((function(e,n){var o=S.getProps(e),a=w(y.useState([]),2),i=a[0],c=a[1],s=y.useRef(null),l={props:o,state:{messages:i}},u=S.setMetaData(l),m=function(e){e&&c((function(r){return f(r,e,!0)}))},f=function(e,r,t){var n;if(Array.isArray(r)){var o=r.reduce((function(e,r){return e.push({_pId:_++,message:r}),e}),[]);n=t&&e?[].concat(h(e),h(o)):o}else{var a={_pId:_++,message:r};n=t&&e?[].concat(h(e),[a]):[a]}return n},b=function(){c([])},g=function(e){c((function(r){return f(r,e,!1)}))},d=function(e){c((function(r){return r.filter((function(r){return r._pId!==e._pId}))})),o.onRemove&&o.onRemove(e.message)},v=function(e){d(e)};y.useImperativeHandle(n,(function(){return{props:o,show:m,replace:g,remove:d,clear:b,getElement:function(){return s.current}}}));var O=p.mergeProps({id:o.id,ref:s,className:o.className,style:o.style},S.getOtherProps(o),u.ptm("root"));return y.createElement("div",O,y.createElement(r.TransitionGroup,null,i&&i.map((function(e,r){var n=y.createRef();return y.createElement(t.CSSTransition,{nodeRef:n,key:e._pId,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:o.transitionOptions},y.createElement(A,{ref:n,message:e,onClick:o.onClick,onClose:v,ptCallbacks:u,metaData:l,index:r}))}))))})));T.displayName="Messages",exports.Messages=T;

package/messages/messages.d.ts

@@ -9,7 +9,51 @@
  */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
-import { IconType } from '../utils/utils';
+import { IconType, PassThroughType } from '../utils/utils';
+
+export declare type MessagesPassThroughType<T> = PassThroughType<T, MessagesPassThroughMethodOptions>;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface MessagesPassThroughMethodOptions {
+    props: MessagesProps;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link MessagesProps.pt}
+ */
+export interface MessagesPassThroughOptions {
+    /**
+     * Uses to pass attributes to the root's DOM element.
+     */
+    root?: MessagesPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the wrapper's DOM element.
+     */
+    wrapper?: MessagesPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Uses to pass attributes to the icon's DOM element.
+     */
+    icon?: MessagesPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the summary's DOM element.
+     */
+    summary?: MessagesPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the detail's DOM element.
+     */
+    detail?: MessagesPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Uses to pass attributes to the button's DOM element.
+     */
+    button?: MessagesPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Uses to pass attributes to the button icon's DOM element.
+     */
+    buttonIcon?: MessagesPassThroughType<React.SVGProps<SVGSVGElement> | React.HTMLAttributes<HTMLSpanElement>>;
+}
 
 export interface MessagesMessage {
     /**
@@ -55,13 +99,18 @@ export interface MessagesMessage {
      * @defaultValue Defaults to severity icon
      */
     icon?: IconType<MessagesProps> | undefined;
+    /**
+     * Uses to pass attributes to DOM elements inside the component.
+     * @type {MessagesPassThroughOptions}
+     */
+    pt?: MessagesPassThroughOptions;
 }
 
 /**
  * Defines valid properties in Messages component. In addition to these, all properties of HTMLDivElement can be used in this component.
  * @group Properties
  */
-export interface MessagesProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
+export interface MessagesProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref' | 'pt'> {
     /**
      * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
      */

package/messages/messages.esm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { TransitionGroup } from 'react-transition-group';
 import { CSSTransition } from 'primereact/csstransition';
-import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
+import { ComponentBase } from 'primereact/componentbase';
 import { localeOption } from 'primereact/api';
 import { useTimeout } from 'primereact/hooks';
 import { CheckIcon } from 'primereact/icons/check';
@@ -10,21 +10,7 @@ import { InfoCircleIcon } from 'primereact/icons/infocircle';
 import { TimesIcon } from 'primereact/icons/times';
 import { TimesCircleIcon } from 'primereact/icons/timescircle';
 import { Ripple } from 'primereact/ripple';
-
-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';
 
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -97,7 +83,7 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
-var MessagesBase = {
+var MessagesBase = ComponentBase.extend({
   defaultProps: {
     __TYPE: 'Messages',
     id: null,
@@ -107,14 +93,8 @@ var MessagesBase = {
     onRemove: null,
     onClick: null,
     children: undefined
-  },
-  getProps: function getProps(props) {
-    return ObjectUtils.getMergedProps(props, MessagesBase.defaultProps);
-  },
-  getOtherProps: function getOtherProps(props) {
-    return ObjectUtils.getDiffProps(props, MessagesBase.defaultProps);
   }
-};
+});
 
 function _typeof(obj) {
   "@babel/helpers - typeof";
@@ -160,7 +140,12 @@ function _defineProperty(obj, key, value) {
 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 UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var messageInfo = props.message;
+  var messageInfo = props.message,
+    parentMetaData = props.metaData,
+    _props$ptCallbacks = props.ptCallbacks,
+    ptm = _props$ptCallbacks.ptm,
+    ptmo = _props$ptCallbacks.ptmo,
+    index = props.index;
   var _messageInfo$message = messageInfo.message,
     severity = _messageInfo$message.severity,
     content = _messageInfo$message.content,
@@ -174,7 +159,12 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     _contentClassName = _messageInfo$message.contentClassName,
     contentStyle = _messageInfo$message.contentStyle,
     _icon = _messageInfo$message.icon,
-    _closeIcon = _messageInfo$message.closeIcon;
+    _closeIcon = _messageInfo$message.closeIcon,
+    pt = _messageInfo$message.pt;
+  var params = {
+    index: index
+  };
+  var parentParams = _objectSpread(_objectSpread({}, parentMetaData), params);
   var _useTimeout = useTimeout(function () {
       onClose(null);
     }, life || 3000, !sticky),
@@ -198,57 +188,56 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         className: 'p-message-close-icon',
         'aria-hidden': true
       };
-      var icon = _closeIcon || /*#__PURE__*/React.createElement(TimesIcon, iconProps);
-      var _closeIcon2 = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
+      var buttonIconProps = mergeProps({
+        className: iconProps
+      }, ptm('buttonicon', parentParams), ptmo(pt, 'buttonicon', params));
+      var icon = _closeIcon || /*#__PURE__*/React.createElement(TimesIcon, buttonIconProps);
+      var _closeIcon2 = IconUtils.getJSXIcon(icon, _objectSpread({}, buttonIconProps), {
         props: props
       });
-      return /*#__PURE__*/React.createElement("button", {
-        type: "button",
-        className: "p-message-close p-link",
-        "aria-label": ariaLabel,
+      var buttonProps = mergeProps({
+        type: 'button',
+        className: 'p-message-close p-link',
+        'aria-label': ariaLabel,
         onClick: onClose
-      }, _closeIcon2, /*#__PURE__*/React.createElement(Ripple, null));
+      }, ptm('button', parentParams), ptmo(pt, 'button', params));
+      return /*#__PURE__*/React.createElement("button", buttonProps, _closeIcon2, /*#__PURE__*/React.createElement(Ripple, null));
     }
     return null;
   };
   var createMessage = function createMessage() {
     if (props.message) {
       var iconClassName = 'p-message-icon';
+      var iconProps = mergeProps({
+        className: iconClassName
+      }, ptm('icon', parentParams), ptmo(pt, 'icon', params));
       var icon = _icon;
       if (!_icon) {
         switch (severity) {
           case 'info':
-            icon = /*#__PURE__*/React.createElement(InfoCircleIcon, {
-              className: iconClassName
-            });
+            icon = /*#__PURE__*/React.createElement(InfoCircleIcon, iconProps);
             break;
           case 'warn':
-            icon = /*#__PURE__*/React.createElement(ExclamationTriangleIcon, {
-              className: iconClassName
-            });
+            icon = /*#__PURE__*/React.createElement(ExclamationTriangleIcon, iconProps);
             break;
           case 'error':
-            icon = /*#__PURE__*/React.createElement(TimesCircleIcon, {
-              className: iconClassName
-            });
+            icon = /*#__PURE__*/React.createElement(TimesCircleIcon, iconProps);
             break;
           case 'success':
-            icon = /*#__PURE__*/React.createElement(CheckIcon, {
-              className: iconClassName
-            });
+            icon = /*#__PURE__*/React.createElement(CheckIcon, iconProps);
             break;
         }
       }
-      var iconContent = IconUtils.getJSXIcon(icon, {
-        className: iconClassName
-      }, {
+      var iconContent = IconUtils.getJSXIcon(icon, _objectSpread({}, iconProps), {
         props: props
       });
-      return content || /*#__PURE__*/React.createElement(React.Fragment, null, iconContent, /*#__PURE__*/React.createElement("span", {
-        className: "p-message-summary"
-      }, summary), /*#__PURE__*/React.createElement("span", {
-        className: "p-message-detail"
-      }, detail));
+      var summaryProps = mergeProps({
+        className: 'p-message-summary'
+      }, ptm('summary', parentParams), ptmo(pt, 'summary', params));
+      var detailProps = mergeProps({
+        className: 'p-message-detail'
+      }, ptm('detail', parentParams), ptmo(pt, 'detail', params));
+      return content || /*#__PURE__*/React.createElement(React.Fragment, null, iconContent, /*#__PURE__*/React.createElement("span", summaryProps, summary), /*#__PURE__*/React.createElement("span", detailProps, detail));
     }
     return null;
   };
@@ -256,15 +245,17 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var contentClassName = classNames('p-message-wrapper', _contentClassName);
   var closeIcon = createCloseIcon();
   var message = createMessage();
-  return /*#__PURE__*/React.createElement("div", {
+  var wrapperProps = mergeProps({
+    className: contentClassName,
+    style: contentStyle
+  }, ptm('wrapper', parentParams), ptmo(pt, 'wrapper', params));
+  var rootProps = mergeProps({
     ref: ref,
     className: className,
     style: style,
     onClick: onClick
-  }, /*#__PURE__*/React.createElement("div", {
-    className: contentClassName,
-    style: contentStyle
-  }, message, closeIcon));
+  }, ptm('root', parentParams), ptmo(pt, 'root', params));
+  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement("div", wrapperProps, message, closeIcon));
 }));
 UIMessage.displayName = 'UIMessage';
 
@@ -276,6 +267,13 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     messagesState = _React$useState2[0],
     setMessagesState = _React$useState2[1];
   var elementRef = React.useRef(null);
+  var metaData = {
+    props: props,
+    state: {
+      messages: messagesState
+    }
+  };
+  var ptCallbacks = MessagesBase.setMetaData(metaData);
   var show = function show(messageInfo) {
     if (messageInfo) {
       setMessagesState(function (prev) {
@@ -342,13 +340,13 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }
     };
   });
-  var otherProps = MessagesBase.getOtherProps(props);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  var rootProps = mergeProps({
     id: props.id,
     ref: elementRef,
     className: props.className,
     style: props.style
-  }, otherProps), /*#__PURE__*/React.createElement(TransitionGroup, null, messagesState && messagesState.map(function (message) {
+  }, MessagesBase.getOtherProps(props), ptCallbacks.ptm('root'));
+  return /*#__PURE__*/React.createElement("div", rootProps, /*#__PURE__*/React.createElement(TransitionGroup, null, messagesState && messagesState.map(function (message, index) {
     var messageRef = /*#__PURE__*/React.createRef();
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: messageRef,
@@ -364,7 +362,10 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       ref: messageRef,
       message: message,
       onClick: props.onClick,
-      onClose: onClose
+      onClose: onClose,
+      ptCallbacks: ptCallbacks,
+      metaData: metaData,
+      index: index
     }));
   })));
 }));

package/messages/messages.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{TransitionGroup as r}from"react-transition-group";import{CSSTransition as t}from"primereact/csstransition";import{ObjectUtils as n,classNames as o,IconUtils as a}from"primereact/utils";import{localeOption as i}from"primereact/api";import{useTimeout as c}from"primereact/hooks";import{CheckIcon as s}from"primereact/icons/check";import{ExclamationTriangleIcon as l}from"primereact/icons/exclamationtriangle";import{InfoCircleIcon as u}from"primereact/icons/infocircle";import{TimesIcon as m}from"primereact/icons/times";import{TimesCircleIcon as f}from"primereact/icons/timescircle";import{Ripple as p}from"primereact/ripple";function y(){return y=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},y.apply(this,arguments)}function b(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 g(e){if(Array.isArray(e))return b(e)}function v(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,r){if(e){if("string"==typeof e)return b(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)?b(e,r):void 0}}function O(){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 h(e){return g(e)||v(e)||d(e)||O()}function E(e){if(Array.isArray(e))return e}function j(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,o,a,i,c=[],s=!0,l=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=a.call(t)).done)&&(c.push(n.value),c.length!==r);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}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 w(e,r){return E(e)||j(e,r)||d(e,r)||P()}var S={defaultProps:{__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0},getProps:function(e){return n.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,S.defaultProps)}};function N(e){return N="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},N(e)}function k(e,r){if("object"!==N(e)||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!==N(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}function I(e){var r=k(e,"string");return"symbol"===N(r)?r:String(r)}function C(e,r,t){return(r=I(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function A(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 R(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?A(Object(t),!0).forEach((function(r){C(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):A(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var _=e.memo(e.forwardRef((function(r,t){var n=r.message.message,y=n.severity,b=n.content,g=n.summary,v=n.detail,d=n.closable,O=n.className,h=n.style,E=n.contentClassName,j=n.contentStyle,P=n.icon,S=n.closeIcon,N=w(c((function(){k(null)}),n.life||3e3,!n.sticky),1)[0],k=function(e){N(),r.onClose&&r.onClose(r.message),e&&(e.preventDefault(),e.stopPropagation())},I=o("p-message p-component",C({},"p-message-".concat(y),y),O),A=o("p-message-wrapper",E),_=function(){if(!1!==d){var t=i("close"),n={className:"p-message-close-icon","aria-hidden":!0},o=a.getJSXIcon(S||e.createElement(m,n),R({},n),{props:r});return e.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":t,onClick:k},o,e.createElement(p,null))}return null}(),D=function(){if(r.message){var t="p-message-icon",n=P;if(!P)switch(y){case"info":n=e.createElement(u,{className:t});break;case"warn":n=e.createElement(l,{className:t});break;case"error":n=e.createElement(f,{className:t});break;case"success":n=e.createElement(s,{className:t})}var o=a.getJSXIcon(n,{className:t},{props:r});return b||e.createElement(e.Fragment,null,o,e.createElement("span",{className:"p-message-summary"},g),e.createElement("span",{className:"p-message-detail"},v))}return null}();return e.createElement("div",{ref:t,className:I,style:h,onClick:function(){r.onClick&&r.onClick(r.message)}},e.createElement("div",{className:A,style:j},D,_))})));_.displayName="UIMessage";var D=0,x=e.memo(e.forwardRef((function(n,o){var a=S.getProps(n),i=w(e.useState([]),2),c=i[0],s=i[1],l=e.useRef(null),u=function(e){e&&s((function(r){return m(r,e,!0)}))},m=function(e,r,t){var n;if(Array.isArray(r)){var o=r.reduce((function(e,r){return e.push({_pId:D++,message:r}),e}),[]);n=t&&e?[].concat(h(e),h(o)):o}else{var a={_pId:D++,message:r};n=t&&e?[].concat(h(e),[a]):[a]}return n},f=function(){s([])},p=function(e){s((function(r){return m(r,e,!1)}))},b=function(e){s((function(r){return r.filter((function(r){return r._pId!==e._pId}))})),a.onRemove&&a.onRemove(e.message)},g=function(e){b(e)};e.useImperativeHandle(o,(function(){return{props:a,show:u,replace:p,remove:b,clear:f,getElement:function(){return l.current}}}));var v=S.getOtherProps(a);return e.createElement("div",y({id:a.id,ref:l,className:a.className,style:a.style},v),e.createElement(r,null,c&&c.map((function(r){var n=e.createRef();return e.createElement(t,{nodeRef:n,key:r._pId,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:a.transitionOptions},e.createElement(_,{ref:n,message:r,onClick:a.onClick,onClose:g}))}))))})));x.displayName="Messages";export{x as Messages};
+import*as e from"react";import{TransitionGroup as t}from"react-transition-group";import{CSSTransition as r}from"primereact/csstransition";import{ComponentBase as n}from"primereact/componentbase";import{localeOption as o}from"primereact/api";import{useTimeout as a}from"primereact/hooks";import{CheckIcon as i}from"primereact/icons/check";import{ExclamationTriangleIcon as c}from"primereact/icons/exclamationtriangle";import{InfoCircleIcon as s}from"primereact/icons/infocircle";import{TimesIcon as l}from"primereact/icons/times";import{TimesCircleIcon as m}from"primereact/icons/timescircle";import{Ripple as u}from"primereact/ripple";import{classNames as p,mergeProps as f,IconUtils as y}from"primereact/utils";function b(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 d(e){if(Array.isArray(e))return b(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function v(e,t){if(e){if("string"==typeof e)return b(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)?b(e,t):void 0}}function O(){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 h(e){return d(e)||g(e)||v(e)||O()}function E(e){if(Array.isArray(e))return e}function w(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,c=[],s=!0,l=!1;try{if(a=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=a.call(r)).done)&&(c.push(n.value),c.length!==t);s=!0);}catch(e){l=!0,o=e}finally{try{if(!s&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return c}}function S(){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 j(e,t){return E(e)||w(e,t)||v(e,t)||S()}var k=n.extend({defaultProps:{__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0}});function N(e){return N="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},N(e)}function P(e,t){if("object"!==N(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==N(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function I(e){var t=P(e,"string");return"symbol"===N(t)?t:String(t)}function C(e,t,r){return(t=I(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function A(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 x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?A(Object(r),!0).forEach((function(t){C(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):A(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=e.memo(e.forwardRef((function(t,r){var n=t.ptCallbacks,b=n.ptm,d=n.ptmo,g=t.message.message,v=g.severity,O=g.content,h=g.summary,E=g.detail,w=g.closable,S=g.life,k=g.sticky,N=g.className,P=g.style,I=g.contentClassName,A=g.contentStyle,D=g.icon,R=g.closeIcon,_=g.pt,M={index:t.index},T=x(x({},t.metaData),M),J=j(a((function(){U(null)}),S||3e3,!k),1)[0],U=function(e){J(),t.onClose&&t.onClose(t.message),e&&(e.preventDefault(),e.stopPropagation())},X=p("p-message p-component",C({},"p-message-".concat(v),v),N),F=p("p-message-wrapper",I),H=function(){if(!1!==w){var r=o("close"),n=f({className:{className:"p-message-close-icon","aria-hidden":!0}},b("buttonicon",T),d(_,"buttonicon",M)),a=y.getJSXIcon(R||e.createElement(l,n),x({},n),{props:t}),i=f({type:"button",className:"p-message-close p-link","aria-label":r,onClick:U},b("button",T),d(_,"button",M));return e.createElement("button",i,a,e.createElement(u,null))}return null}(),Y=function(){if(t.message){var r=f({className:"p-message-icon"},b("icon",T),d(_,"icon",M)),n=D;if(!D)switch(v){case"info":n=e.createElement(s,r);break;case"warn":n=e.createElement(c,r);break;case"error":n=e.createElement(m,r);break;case"success":n=e.createElement(i,r)}var o=y.getJSXIcon(n,x({},r),{props:t}),a=f({className:"p-message-summary"},b("summary",T),d(_,"summary",M)),l=f({className:"p-message-detail"},b("detail",T),d(_,"detail",M));return O||e.createElement(e.Fragment,null,o,e.createElement("span",a,h),e.createElement("span",l,E))}return null}(),$=f({className:F,style:A},b("wrapper",T),d(_,"wrapper",M)),q=f({ref:r,className:X,style:P,onClick:function(){t.onClick&&t.onClick(t.message)}},b("root",T),d(_,"root",M));return e.createElement("div",q,e.createElement("div",$,Y,H))})));D.displayName="UIMessage";var R=0,_=e.memo(e.forwardRef((function(n,o){var a=k.getProps(n),i=j(e.useState([]),2),c=i[0],s=i[1],l=e.useRef(null),m={props:a,state:{messages:c}},u=k.setMetaData(m),p=function(e){e&&s((function(t){return y(t,e,!0)}))},y=function(e,t,r){var n;if(Array.isArray(t)){var o=t.reduce((function(e,t){return e.push({_pId:R++,message:t}),e}),[]);n=r&&e?[].concat(h(e),h(o)):o}else{var a={_pId:R++,message:t};n=r&&e?[].concat(h(e),[a]):[a]}return n},b=function(){s([])},d=function(e){s((function(t){return y(t,e,!1)}))},g=function(e){s((function(t){return t.filter((function(t){return t._pId!==e._pId}))})),a.onRemove&&a.onRemove(e.message)},v=function(e){g(e)};e.useImperativeHandle(o,(function(){return{props:a,show:p,replace:d,remove:g,clear:b,getElement:function(){return l.current}}}));var O=f({id:a.id,ref:l,className:a.className,style:a.style},k.getOtherProps(a),u.ptm("root"));return e.createElement("div",O,e.createElement(t,null,c&&c.map((function(t,n){var o=e.createRef();return e.createElement(r,{nodeRef:o,key:t._pId,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:a.transitionOptions},e.createElement(D,{ref:o,message:t,onClick:a.onClick,onClose:v,ptCallbacks:u,metaData:m,index:n}))}))))})));_.displayName="Messages";export{_ as Messages};