primereact 9.4.0 → 9.6.0

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

package/messages/messages.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.messages = (function (exports, React, reactTransitionGroup, csstransition, utils, api, hooks, check, exclamationtriangle, infocircle, times, timescircle, ripple) {
+this.primereact.messages = (function (exports, React, reactTransitionGroup, csstransition, componentbase, api, hooks, check, exclamationtriangle, infocircle, times, timescircle, ripple, utils) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -22,21 +22,6 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _extends() {
-    _extends = Object.assign ? Object.assign.bind() : function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends.apply(this, arguments);
-  }
-
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -108,7 +93,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  var MessagesBase = {
+  var MessagesBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Messages',
       id: null,
@@ -118,14 +103,8 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
       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";
@@ -171,7 +150,12 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
   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,
@@ -185,7 +169,12 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
       _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),
@@ -209,57 +198,56 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
           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;
     };
@@ -267,26 +255,36 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     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';
 
   var messageIdx = 0;
   var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
-    var props = MessagesBase.getProps(inProps);
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = MessagesBase.getProps(inProps, context);
     var _React$useState = React__namespace.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       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) {
@@ -353,13 +351,13 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
         }
       };
     });
-    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,
@@ -375,7 +373,10 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
         ref: messageRef,
         message: message,
         onClick: props.onClick,
-        onClose: onClose
+        onClose: onClose,
+        ptCallbacks: ptCallbacks,
+        metaData: metaData,
+        index: index
       }));
     })));
   }));
@@ -387,4 +388,4 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
 
   return exports;
 
-})({}, React, ReactTransitionGroup, primereact.csstransition, primereact.utils, primereact.api, primereact.hooks, primereact.icons.check, primereact.icons.exclamationtriangle, primereact.icons.infocircle, primereact.icons.times, primereact.icons.timescircle, primereact.ripple);
+})({}, React, ReactTransitionGroup, primereact.csstransition, primereact.componentbase, primereact.api, primereact.hooks, primereact.icons.check, primereact.icons.exclamationtriangle, primereact.icons.infocircle, primereact.icons.times, primereact.icons.timescircle, primereact.ripple, primereact.utils);

package/messages/messages.min.js

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