primereact 9.3.0 → 9.3.1

package/messages/messages.cjs.js

@@ -8,12 +8,12 @@ var csstransition = require('primereact/csstransition');
 var utils = require('primereact/utils');
 var api = require('primereact/api');
 var hooks = require('primereact/hooks');
-var ripple = require('primereact/ripple');
-var infocircle = require('primereact/icons/infocircle');
-var exclamationtriangle = require('primereact/icons/exclamationtriangle');
-var timescircle = require('primereact/icons/timescircle');
 var check = require('primereact/icons/check');
+var exclamationtriangle = require('primereact/icons/exclamationtriangle');
+var infocircle = require('primereact/icons/infocircle');
 var times = require('primereact/icons/times');
+var timescircle = require('primereact/icons/timescircle');
+var ripple = require('primereact/ripple');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -184,16 +184,21 @@ 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 _props$message = props.message,
-    severity = _props$message.severity,
-    content = _props$message.content,
-    summary = _props$message.summary,
-    detail = _props$message.detail,
-    closable = _props$message.closable,
-    life = _props$message.life,
-    sticky = _props$message.sticky,
-    _icon = _props$message.icon,
-    _closeIcon = _props$message.closeIcon;
+  var messageInfo = props.message;
+  var _messageInfo$message = messageInfo.message,
+    severity = _messageInfo$message.severity,
+    content = _messageInfo$message.content,
+    summary = _messageInfo$message.summary,
+    detail = _messageInfo$message.detail,
+    closable = _messageInfo$message.closable,
+    life = _messageInfo$message.life,
+    sticky = _messageInfo$message.sticky,
+    _className = _messageInfo$message.className,
+    style = _messageInfo$message.style,
+    _contentClassName = _messageInfo$message.contentClassName,
+    contentStyle = _messageInfo$message.contentStyle,
+    _icon = _messageInfo$message.icon,
+    _closeIcon = _messageInfo$message.closeIcon;
   var _useTimeout = hooks.useTimeout(function () {
       onClose(null);
     }, life || 3000, !sticky),
@@ -271,15 +276,18 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
     }
     return null;
   };
-  var className = utils.classNames('p-message p-component p-message-' + severity);
+  var className = utils.classNames('p-message p-component', _defineProperty({}, "p-message-".concat(severity), severity), _className);
+  var contentClassName = utils.classNames('p-message-wrapper', _contentClassName);
   var closeIcon = createCloseIcon();
   var message = createMessage();
   return /*#__PURE__*/React__namespace.createElement("div", {
     ref: ref,
     className: className,
+    style: style,
     onClick: onClick
   }, /*#__PURE__*/React__namespace.createElement("div", {
-    className: "p-message-wrapper"
+    className: contentClassName,
+    style: contentStyle
   }, message, closeIcon));
 }));
 UIMessage.displayName = 'UIMessage';
@@ -295,35 +303,33 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var show = function show(value) {
     if (value) {
       var messages = assignIdentifiers(value, true);
-      if (Array.isArray(value)) {
-        for (var i = 0; i < value.length; i++) {
-          value[i].id = messageIdx++;
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-        }
-      } else {
-        value.id = messageIdx++;
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
-      }
       setMessagesState(messages);
     }
   };
-  var assignIdentifiers = function assignIdentifiers(value, copy) {
+  var assignIdentifiers = function assignIdentifiers(messageInfo, copy) {
     var messages;
-    if (Array.isArray(value)) {
-      for (var i = 0; i < value.length; i++) {
-        value[i].id = messageIdx++;
-        if (copy) {
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-        } else {
-          messages = value;
-        }
+    if (Array.isArray(messageInfo)) {
+      var multipleMessages = messageInfo.reduce(function (acc, message) {
+        acc.push({
+          _pId: messageIdx++,
+          message: message
+        });
+        return acc;
+      }, []);
+      if (copy) {
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
+      } else {
+        messages = multipleMessages;
       }
     } else {
-      value.id = messageIdx++;
+      var message = {
+        _pId: messageIdx++,
+        message: messageInfo
+      };
       if (copy) {
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
       } else {
-        messages = [value];
+        messages = [message];
       }
     }
     return messages;
@@ -331,21 +337,26 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var clear = function clear() {
     setMessagesState([]);
   };
-  var replace = function replace(value) {
-    var replaced = assignIdentifiers(value, false);
+  var replace = function replace(messageInfo) {
+    var replaced = assignIdentifiers(messageInfo, false);
     setMessagesState(replaced);
   };
-  var onClose = function onClose(message) {
-    setMessagesState(messagesState.filter(function (msg) {
-      return msg.id !== message.id;
-    }));
-    props.onRemove && props.onRemove(message);
+  var remove = function remove(messageInfo) {
+    var messages = messagesState.filter(function (msg) {
+      return msg._pId !== messageInfo._pId;
+    });
+    setMessagesState(messages);
+    props.onRemove && props.onRemove(messageInfo.message);
+  };
+  var onClose = function onClose(messageInfo) {
+    remove(messageInfo);
   };
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
       show: show,
       replace: replace,
+      remove: remove,
       clear: clear,
       getElement: function getElement() {
         return elementRef.current;
@@ -362,7 +373,7 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var messageRef = /*#__PURE__*/React__namespace.createRef();
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: messageRef,
-      key: message.id,
+      key: message._pId,
       classNames: "p-message",
       unmountOnExit: true,
       timeout: {

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/ripple"),c=require("primereact/icons/infocircle"),l=require("primereact/icons/exclamationtriangle"),s=require("primereact/icons/timescircle"),u=require("primereact/icons/check"),f=require("primereact/icons/times");function m(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=m(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=[],l=!0,s=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;l=!1}else for(;!(l=(n=a.call(t)).done)&&(c.push(n.value),c.length!==r);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)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 j(e)||E(e,r)||v(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.ObjectUtils.getMergedProps(e,S.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.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 q(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 T=p.memo(p.forwardRef((function(e,r){var t=e.message,m=t.severity,y=t.content,b=t.summary,g=t.detail,d=t.closable,v=t.icon,O=t.closeIcon,h=w(a.useTimeout((function(){j(null)}),t.life||3e3,!t.sticky),1)[0],j=function(r){h(),e.onClose&&e.onClose(e.message),r&&(r.preventDefault(),r.stopPropagation())},E=n.classNames("p-message p-component p-message-"+m),P=function(){if(!1!==d){var r=o.localeOption("close"),t={className:"p-message-close-icon","aria-hidden":!0},a=n.IconUtils.getJSXIcon(O||p.createElement(f.TimesIcon,t),q({},t),{props:e});return p.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":r,onClick:j},a,p.createElement(i.Ripple,null))}return null}(),S=function(){if(e.message){var r="p-message-icon",t=v;if(!v)switch(m){case"info":t=p.createElement(c.InfoCircleIcon,{className:r});break;case"warn":t=p.createElement(l.ExclamationTriangleIcon,{className:r});break;case"error":t=p.createElement(s.TimesCircleIcon,{className:r});break;case"success":t=p.createElement(u.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:E,onClick:function(){e.onClick&&e.onClick(e.message)}},p.createElement("div",{className:"p-message-wrapper"},S,P))})));T.displayName="UIMessage";var R=0,M=p.memo(p.forwardRef((function(e,n){var o=S.getProps(e),a=w(p.useState([]),2),i=a[0],c=a[1],l=p.useRef(null),s=function(e){if(e){var r=u(e,!0);if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t].id=R++,r=[].concat(h(i),h(e));else e.id=R++,r=i?[].concat(h(i),[e]):[e];c(r)}},u=function(e,r){var t;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=R++,t=r?[].concat(h(i),h(e)):e;else e.id=R++,t=r&&i?[].concat(h(i),[e]):[e];return t},f=function(){c([])},m=function(e){var r=u(e,!1);c(r)},b=function(e){c(i.filter((function(r){return r.id!==e.id}))),o.onRemove&&o.onRemove(e)};p.useImperativeHandle(n,(function(){return{props:o,show:s,replace:m,clear:f,getElement:function(){return l.current}}}));var g=S.getOtherProps(o);return p.createElement("div",y({id:o.id,ref:l,className:o.className,style:o.style},g),p.createElement(r.TransitionGroup,null,i&&i.map((function(e){var r=p.createRef();return p.createElement(t.CSSTransition,{nodeRef:r,key:e.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:o.transitionOptions},p.createElement(T,{ref:r,message:e,onClick:o.onClick,onClose:b}))}))))})));M.displayName="Messages",exports.Messages=M;
+"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 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 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)||d(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,v=t.closable,d=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),d),k=n.classNames("p-message-wrapper",h),q=function(){if(!1!==v){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){if(e){var r=u(e,!0);c(r)}},u=function(e,r){var t;if(Array.isArray(e)){var n=e.reduce((function(e,r){return e.push({_pId:T++,message:r}),e}),[]);t=r&&i?[].concat(h(i),h(n)):n}else{var o={_pId:T++,message:e};t=r&&i?[].concat(h(i),[o]):[o]}return t},m=function(){c([])},f=function(e){var r=u(e,!1);c(r)},b=function(e){var r=i.filter((function(r){return r._pId!==e._pId}));c(r),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 v=w.getOtherProps(o);return p.createElement("div",y({id:o.id,ref:s,className:o.className,style:o.style},v),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;

package/messages/messages.d.ts

@@ -109,6 +109,11 @@ export declare class Messages extends React.Component<MessagesProps, any> {
      * @param {MessagesMessage | MessagesMessage[]} message - New message.
      */
     public replace(message: MessagesMessage | MessagesMessage[]): void;
+    /**
+     * Used to remove messages.
+     * @param {MessagesMessage | MessagesMessage[]} message - Message to remove
+     */
+    public remove(message: MessagesMessage | MessagesMessage[]): void;
     /**
      * Used to get container element.
      * @return {HTMLDivElement} Container element

package/messages/messages.esm.js

@@ -4,12 +4,12 @@ import { CSSTransition } from 'primereact/csstransition';
 import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
 import { localeOption } from 'primereact/api';
 import { useTimeout } from 'primereact/hooks';
-import { Ripple } from 'primereact/ripple';
-import { InfoCircleIcon } from 'primereact/icons/infocircle';
-import { ExclamationTriangleIcon } from 'primereact/icons/exclamationtriangle';
-import { TimesCircleIcon } from 'primereact/icons/timescircle';
 import { CheckIcon } from 'primereact/icons/check';
+import { ExclamationTriangleIcon } from 'primereact/icons/exclamationtriangle';
+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) {
@@ -160,16 +160,21 @@ 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 _props$message = props.message,
-    severity = _props$message.severity,
-    content = _props$message.content,
-    summary = _props$message.summary,
-    detail = _props$message.detail,
-    closable = _props$message.closable,
-    life = _props$message.life,
-    sticky = _props$message.sticky,
-    _icon = _props$message.icon,
-    _closeIcon = _props$message.closeIcon;
+  var messageInfo = props.message;
+  var _messageInfo$message = messageInfo.message,
+    severity = _messageInfo$message.severity,
+    content = _messageInfo$message.content,
+    summary = _messageInfo$message.summary,
+    detail = _messageInfo$message.detail,
+    closable = _messageInfo$message.closable,
+    life = _messageInfo$message.life,
+    sticky = _messageInfo$message.sticky,
+    _className = _messageInfo$message.className,
+    style = _messageInfo$message.style,
+    _contentClassName = _messageInfo$message.contentClassName,
+    contentStyle = _messageInfo$message.contentStyle,
+    _icon = _messageInfo$message.icon,
+    _closeIcon = _messageInfo$message.closeIcon;
   var _useTimeout = useTimeout(function () {
       onClose(null);
     }, life || 3000, !sticky),
@@ -247,15 +252,18 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     }
     return null;
   };
-  var className = classNames('p-message p-component p-message-' + severity);
+  var className = classNames('p-message p-component', _defineProperty({}, "p-message-".concat(severity), severity), _className);
+  var contentClassName = classNames('p-message-wrapper', _contentClassName);
   var closeIcon = createCloseIcon();
   var message = createMessage();
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
     className: className,
+    style: style,
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
-    className: "p-message-wrapper"
+    className: contentClassName,
+    style: contentStyle
   }, message, closeIcon));
 }));
 UIMessage.displayName = 'UIMessage';
@@ -271,35 +279,33 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var show = function show(value) {
     if (value) {
       var messages = assignIdentifiers(value, true);
-      if (Array.isArray(value)) {
-        for (var i = 0; i < value.length; i++) {
-          value[i].id = messageIdx++;
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-        }
-      } else {
-        value.id = messageIdx++;
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
-      }
       setMessagesState(messages);
     }
   };
-  var assignIdentifiers = function assignIdentifiers(value, copy) {
+  var assignIdentifiers = function assignIdentifiers(messageInfo, copy) {
     var messages;
-    if (Array.isArray(value)) {
-      for (var i = 0; i < value.length; i++) {
-        value[i].id = messageIdx++;
-        if (copy) {
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-        } else {
-          messages = value;
-        }
+    if (Array.isArray(messageInfo)) {
+      var multipleMessages = messageInfo.reduce(function (acc, message) {
+        acc.push({
+          _pId: messageIdx++,
+          message: message
+        });
+        return acc;
+      }, []);
+      if (copy) {
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
+      } else {
+        messages = multipleMessages;
       }
     } else {
-      value.id = messageIdx++;
+      var message = {
+        _pId: messageIdx++,
+        message: messageInfo
+      };
       if (copy) {
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
       } else {
-        messages = [value];
+        messages = [message];
       }
     }
     return messages;
@@ -307,21 +313,26 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   var clear = function clear() {
     setMessagesState([]);
   };
-  var replace = function replace(value) {
-    var replaced = assignIdentifiers(value, false);
+  var replace = function replace(messageInfo) {
+    var replaced = assignIdentifiers(messageInfo, false);
     setMessagesState(replaced);
   };
-  var onClose = function onClose(message) {
-    setMessagesState(messagesState.filter(function (msg) {
-      return msg.id !== message.id;
-    }));
-    props.onRemove && props.onRemove(message);
+  var remove = function remove(messageInfo) {
+    var messages = messagesState.filter(function (msg) {
+      return msg._pId !== messageInfo._pId;
+    });
+    setMessagesState(messages);
+    props.onRemove && props.onRemove(messageInfo.message);
+  };
+  var onClose = function onClose(messageInfo) {
+    remove(messageInfo);
   };
   React.useImperativeHandle(ref, function () {
     return {
       props: props,
       show: show,
       replace: replace,
+      remove: remove,
       clear: clear,
       getElement: function getElement() {
         return elementRef.current;
@@ -338,7 +349,7 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     var messageRef = /*#__PURE__*/React.createRef();
     return /*#__PURE__*/React.createElement(CSSTransition, {
       nodeRef: messageRef,
-      key: message.id,
+      key: message._pId,
       classNames: "p-message",
       unmountOnExit: true,
       timeout: {

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{Ripple as l}from"primereact/ripple";import{InfoCircleIcon as s}from"primereact/icons/infocircle";import{ExclamationTriangleIcon as u}from"primereact/icons/exclamationtriangle";import{TimesCircleIcon as m}from"primereact/icons/timescircle";import{CheckIcon as f}from"primereact/icons/check";import{TimesIcon as p}from"primereact/icons/times";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=[],l=!0,s=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;l=!1}else for(;!(l=(n=a.call(t)).done)&&(c.push(n.value),c.length!==r);l=!0);}catch(e){s=!0,o=e}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(s)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 A(e){var r=k(e,"string");return"symbol"===N(r)?r:String(r)}function C(e,r,t){return(r=A(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function I(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?I(Object(t),!0).forEach((function(r){C(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var D=e.memo(e.forwardRef((function(r,t){var n=r.message,y=n.severity,b=n.content,g=n.summary,v=n.detail,d=n.closable,O=n.icon,h=n.closeIcon,E=w(c((function(){j(null)}),n.life||3e3,!n.sticky),1)[0],j=function(e){E(),r.onClose&&r.onClose(r.message),e&&(e.preventDefault(),e.stopPropagation())},P=o("p-message p-component p-message-"+y),S=function(){if(!1!==d){var t=i("close"),n={className:"p-message-close-icon","aria-hidden":!0},o=a.getJSXIcon(h||e.createElement(p,n),R({},n),{props:r});return e.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":t,onClick:j},o,e.createElement(l,null))}return null}(),N=function(){if(r.message){var t="p-message-icon",n=O;if(!O)switch(y){case"info":n=e.createElement(s,{className:t});break;case"warn":n=e.createElement(u,{className:t});break;case"error":n=e.createElement(m,{className:t});break;case"success":n=e.createElement(f,{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:P,onClick:function(){r.onClick&&r.onClick(r.message)}},e.createElement("div",{className:"p-message-wrapper"},N,S))})));D.displayName="UIMessage";var x=0,M=e.memo(e.forwardRef((function(n,o){var a=S.getProps(n),i=w(e.useState([]),2),c=i[0],l=i[1],s=e.useRef(null),u=function(e){if(e){var r=m(e,!0);if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t].id=x++,r=[].concat(h(c),h(e));else e.id=x++,r=c?[].concat(h(c),[e]):[e];l(r)}},m=function(e,r){var t;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=x++,t=r?[].concat(h(c),h(e)):e;else e.id=x++,t=r&&c?[].concat(h(c),[e]):[e];return t},f=function(){l([])},p=function(e){var r=m(e,!1);l(r)},b=function(e){l(c.filter((function(r){return r.id!==e.id}))),a.onRemove&&a.onRemove(e)};e.useImperativeHandle(o,(function(){return{props:a,show:u,replace:p,clear:f,getElement:function(){return s.current}}}));var g=S.getOtherProps(a);return e.createElement("div",y({id:a.id,ref:s,className:a.className,style:a.style},g),e.createElement(r,null,c&&c.map((function(r){var n=e.createRef();return e.createElement(t,{nodeRef:n,key:r.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:a.transitionOptions},e.createElement(D,{ref:n,message:r,onClick:a.onClick,onClose:b}))}))))})));M.displayName="Messages";export{M as Messages};
+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){if(e){var r=m(e,!0);s(r)}},m=function(e,r){var t;if(Array.isArray(e)){var n=e.reduce((function(e,r){return e.push({_pId:D++,message:r}),e}),[]);t=r&&c?[].concat(h(c),h(n)):n}else{var o={_pId:D++,message:e};t=r&&c?[].concat(h(c),[o]):[o]}return t},f=function(){s([])},p=function(e){var r=m(e,!1);s(r)},b=function(e){var r=c.filter((function(r){return r._pId!==e._pId}));s(r),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};

package/messages/messages.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.messages = (function (exports, React, reactTransitionGroup, csstransition, utils, api, hooks, ripple, infocircle, exclamationtriangle, timescircle, check, times) {
+this.primereact.messages = (function (exports, React, reactTransitionGroup, csstransition, utils, api, hooks, check, exclamationtriangle, infocircle, times, timescircle, ripple) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -171,16 +171,21 @@ 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 _props$message = props.message,
-      severity = _props$message.severity,
-      content = _props$message.content,
-      summary = _props$message.summary,
-      detail = _props$message.detail,
-      closable = _props$message.closable,
-      life = _props$message.life,
-      sticky = _props$message.sticky,
-      _icon = _props$message.icon,
-      _closeIcon = _props$message.closeIcon;
+    var messageInfo = props.message;
+    var _messageInfo$message = messageInfo.message,
+      severity = _messageInfo$message.severity,
+      content = _messageInfo$message.content,
+      summary = _messageInfo$message.summary,
+      detail = _messageInfo$message.detail,
+      closable = _messageInfo$message.closable,
+      life = _messageInfo$message.life,
+      sticky = _messageInfo$message.sticky,
+      _className = _messageInfo$message.className,
+      style = _messageInfo$message.style,
+      _contentClassName = _messageInfo$message.contentClassName,
+      contentStyle = _messageInfo$message.contentStyle,
+      _icon = _messageInfo$message.icon,
+      _closeIcon = _messageInfo$message.closeIcon;
     var _useTimeout = hooks.useTimeout(function () {
         onClose(null);
       }, life || 3000, !sticky),
@@ -258,15 +263,18 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
       }
       return null;
     };
-    var className = utils.classNames('p-message p-component p-message-' + severity);
+    var className = utils.classNames('p-message p-component', _defineProperty({}, "p-message-".concat(severity), severity), _className);
+    var contentClassName = utils.classNames('p-message-wrapper', _contentClassName);
     var closeIcon = createCloseIcon();
     var message = createMessage();
     return /*#__PURE__*/React__namespace.createElement("div", {
       ref: ref,
       className: className,
+      style: style,
       onClick: onClick
     }, /*#__PURE__*/React__namespace.createElement("div", {
-      className: "p-message-wrapper"
+      className: contentClassName,
+      style: contentStyle
     }, message, closeIcon));
   }));
   UIMessage.displayName = 'UIMessage';
@@ -282,35 +290,33 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     var show = function show(value) {
       if (value) {
         var messages = assignIdentifiers(value, true);
-        if (Array.isArray(value)) {
-          for (var i = 0; i < value.length; i++) {
-            value[i].id = messageIdx++;
-            messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-          }
-        } else {
-          value.id = messageIdx++;
-          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
-        }
         setMessagesState(messages);
       }
     };
-    var assignIdentifiers = function assignIdentifiers(value, copy) {
+    var assignIdentifiers = function assignIdentifiers(messageInfo, copy) {
       var messages;
-      if (Array.isArray(value)) {
-        for (var i = 0; i < value.length; i++) {
-          value[i].id = messageIdx++;
-          if (copy) {
-            messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-          } else {
-            messages = value;
-          }
+      if (Array.isArray(messageInfo)) {
+        var multipleMessages = messageInfo.reduce(function (acc, message) {
+          acc.push({
+            _pId: messageIdx++,
+            message: message
+          });
+          return acc;
+        }, []);
+        if (copy) {
+          messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
+        } else {
+          messages = multipleMessages;
         }
       } else {
-        value.id = messageIdx++;
+        var message = {
+          _pId: messageIdx++,
+          message: messageInfo
+        };
         if (copy) {
-          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
+          messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
         } else {
-          messages = [value];
+          messages = [message];
         }
       }
       return messages;
@@ -318,21 +324,26 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     var clear = function clear() {
       setMessagesState([]);
     };
-    var replace = function replace(value) {
-      var replaced = assignIdentifiers(value, false);
+    var replace = function replace(messageInfo) {
+      var replaced = assignIdentifiers(messageInfo, false);
       setMessagesState(replaced);
     };
-    var onClose = function onClose(message) {
-      setMessagesState(messagesState.filter(function (msg) {
-        return msg.id !== message.id;
-      }));
-      props.onRemove && props.onRemove(message);
+    var remove = function remove(messageInfo) {
+      var messages = messagesState.filter(function (msg) {
+        return msg._pId !== messageInfo._pId;
+      });
+      setMessagesState(messages);
+      props.onRemove && props.onRemove(messageInfo.message);
+    };
+    var onClose = function onClose(messageInfo) {
+      remove(messageInfo);
     };
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,
         show: show,
         replace: replace,
+        remove: remove,
         clear: clear,
         getElement: function getElement() {
           return elementRef.current;
@@ -349,7 +360,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
       var messageRef = /*#__PURE__*/React__namespace.createRef();
       return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
         nodeRef: messageRef,
-        key: message.id,
+        key: message._pId,
         classNames: "p-message",
         unmountOnExit: true,
         timeout: {
@@ -373,4 +384,4 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
 
   return exports;
 
-})({}, React, ReactTransitionGroup, primereact.csstransition, primereact.utils, primereact.api, primereact.hooks, primereact.ripple, primereact.icons/infocircle, primereact.icons/exclamationtriangle, primereact.icons/timescircle, primereact.icons/check, primereact.icons/times);
+})({}, 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);

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,f,m){"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 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 E(e)||P(e,t)||O(e,t)||w()}var N={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,N.defaultProps)},getOtherProps:function(e){return o.ObjectUtils.getDiffProps(e,N.defaultProps)}};function k(e){return k="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},k(e)}function I(e,t){if("object"!==k(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!==k(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function C(e){var t=I(e,"string");return"symbol"===k(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 M=y.memo(y.forwardRef((function(e,t){var r=e.message,n=r.severity,p=r.content,b=r.summary,g=r.detail,d=r.closable,v=r.icon,O=r.closeIcon,h=S(i.useTimeout((function(){j(null)}),r.life||3e3,!r.sticky),1)[0],j=function(t){h(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},E=o.classNames("p-message p-component p-message-"+n),P=function(){if(!1!==d){var t=a.localeOption("close"),r={className:"p-message-close-icon","aria-hidden":!0},n=o.IconUtils.getJSXIcon(O||y.createElement(m.TimesIcon,r),T({},r),{props:e});return y.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":t,onClick:j},n,y.createElement(c.Ripple,null))}return null}(),w=function(){if(e.message){var t="p-message-icon",r=v;if(!v)switch(n){case"info":r=y.createElement(s.InfoCircleIcon,{className:t});break;case"warn":r=y.createElement(l.ExclamationTriangleIcon,{className:t});break;case"error":r=y.createElement(u.TimesCircleIcon,{className:t});break;case"success":r=y.createElement(f.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:E,onClick:function(){e.onClick&&e.onClick(e.message)}},y.createElement("div",{className:"p-message-wrapper"},w,P))})));M.displayName="UIMessage";var D=0,U=y.memo(y.forwardRef((function(e,t){var o=N.getProps(e),a=S(y.useState([]),2),i=a[0],c=a[1],s=y.useRef(null),l=function(e){if(e){var t=u(e,!0);if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=D++,t=[].concat(j(i),j(e));else e.id=D++,t=i?[].concat(j(i),[e]):[e];c(t)}},u=function(e,t){var r;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=D++,r=t?[].concat(j(i),j(e)):e;else e.id=D++,r=t&&i?[].concat(j(i),[e]):[e];return r},f=function(){c([])},m=function(e){var t=u(e,!1);c(t)},p=function(e){c(i.filter((function(t){return t.id!==e.id}))),o.onRemove&&o.onRemove(e)};y.useImperativeHandle(t,(function(){return{props:o,show:l,replace:m,clear:f,getElement:function(){return s.current}}}));var g=N.getOtherProps(o);return y.createElement("div",b({id:o.id,ref:s,className:o.className,style:o.style},g),y.createElement(r.TransitionGroup,null,i&&i.map((function(e){var t=y.createRef();return y.createElement(n.CSSTransition,{nodeRef:t,key:e.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:o.transitionOptions},y.createElement(M,{ref:t,message:e,onClick:o.onClick,onClose:p}))}))))})));return U.displayName="Messages",e.Messages=U,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.csstransition,primereact.utils,primereact.api,primereact.hooks,primereact.ripple,primereact.icons/infocircle,primereact.icons/exclamationtriangle,primereact.icons/timescircle,primereact.icons/check,primereact.icons/times);
+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 v(e){if(Array.isArray(e))return g(e)}function d(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 v(e)||d(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,v=r.closable,d=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),d),k=o.classNames("p-message-wrapper",h),C=function(){if(!1!==v){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){if(e){var t=u(e,!0);c(t)}},u=function(e,t){var r;if(Array.isArray(e)){var n=e.reduce((function(e,t){return e.push({_pId:M++,message:t}),e}),[]);r=t&&i?[].concat(j(i),j(n)):n}else{var o={_pId:M++,message:e};r=t&&i?[].concat(j(i),[o]):[o]}return r},m=function(){c([])},f=function(e){var t=u(e,!1);c(t)},p=function(e){var t=i.filter((function(t){return t._pId!==e._pId}));c(t),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 v=I.getOtherProps(o);return y.createElement("div",b({id:o.id,ref:s,className:o.className,style:o.style},v),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);