primereact 8.7.3 → 9.0.0-rc.1

package/message/message.js

@@ -37,7 +37,28 @@ this.primereact.message = (function (exports, React, utils) {
     return _extends.apply(this, arguments);
   }
 
-  var Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var MessageBase = {
+    defaultProps: {
+      __TYPE: 'Message',
+      id: null,
+      className: null,
+      style: null,
+      text: null,
+      icon: null,
+      severity: 'info',
+      content: null,
+      children: undefined
+    },
+    getProps: function getProps(props) {
+      return utils.ObjectUtils.getMergedProps(props, MessageBase.defaultProps);
+    },
+    getOtherProps: function getOtherProps(props) {
+      return utils.ObjectUtils.getDiffProps(props, MessageBase.defaultProps);
+    }
+  };
+
+  var Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = MessageBase.getProps(inProps);
     var elementRef = React__namespace.useRef(null);
     var createContent = function createContent() {
       if (props.content) {
@@ -70,7 +91,7 @@ this.primereact.message = (function (exports, React, utils) {
         }
       };
     });
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Message.defaultProps);
+    var otherProps = MessageBase.getOtherProps(props);
     var className = utils.classNames('p-inline-message p-component', {
       'p-inline-message-info': props.severity === 'info',
       'p-inline-message-warn': props.severity === 'warn',
@@ -90,16 +111,6 @@ this.primereact.message = (function (exports, React, utils) {
     }), content);
   }));
   Message.displayName = 'Message';
-  Message.defaultProps = {
-    __TYPE: 'Message',
-    id: null,
-    className: null,
-    style: null,
-    text: null,
-    icon: null,
-    severity: 'info',
-    content: null
-  };
 
   exports.Message = Message;
 

package/message/message.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.message=function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var s=r(t);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i.apply(this,arguments)}var a=s.memo(s.forwardRef((function(e,t){var r=s.useRef(null);s.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return r.current}}}));var l=n.ObjectUtils.findDiffKeys(e,a.defaultProps),c=n.classNames("p-inline-message p-component",{"p-inline-message-info":"info"===e.severity,"p-inline-message-warn":"warn"===e.severity,"p-inline-message-error":"error"===e.severity,"p-inline-message-success":"success"===e.severity,"p-inline-message-icon-only":!e.text},e.className),o=function(){if(e.content)return n.ObjectUtils.getJSXElement(e.content,e);var t=n.ObjectUtils.getJSXElement(e.text,e),r=e.icon;r||(r=n.classNames("pi",{"pi-info-circle":"info"===e.severity,"pi-exclamation-triangle":"warn"===e.severity,"pi-times-circle":"error"===e.severity,"pi-check":"success"===e.severity}));var i=n.IconUtils.getJSXIcon(r,{className:"p-inline-message-icon"},{props:e});return s.createElement(s.Fragment,null,i,s.createElement("span",{className:"p-inline-message-text"},t))}();return s.createElement("div",i({id:e.id,ref:r,className:c,style:e.style},l,{role:"alert","aria-live":"polite"}),o)})));return a.displayName="Message",a.defaultProps={__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null},e.Message=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.message=function(e,t,r){"use strict";function n(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=n(t);function i(){return i=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},i.apply(this,arguments)}var a={defaultProps:{__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null,children:void 0},getProps:function(e){return r.ObjectUtils.getMergedProps(e,a.defaultProps)},getOtherProps:function(e){return r.ObjectUtils.getDiffProps(e,a.defaultProps)}},l=s.memo(s.forwardRef((function(e,t){var n=a.getProps(e),l=s.useRef(null);s.useImperativeHandle(t,(function(){return{props:n,getElement:function(){return l.current}}}));var c=a.getOtherProps(n),o=r.classNames("p-inline-message p-component",{"p-inline-message-info":"info"===n.severity,"p-inline-message-warn":"warn"===n.severity,"p-inline-message-error":"error"===n.severity,"p-inline-message-success":"success"===n.severity,"p-inline-message-icon-only":!n.text},n.className),u=function(){if(n.content)return r.ObjectUtils.getJSXElement(n.content,n);var e=r.ObjectUtils.getJSXElement(n.text,n),t=n.icon;t||(t=r.classNames("pi",{"pi-info-circle":"info"===n.severity,"pi-exclamation-triangle":"warn"===n.severity,"pi-times-circle":"error"===n.severity,"pi-check":"success"===n.severity}));var i=r.IconUtils.getJSXIcon(t,{className:"p-inline-message-icon"},{props:n});return s.createElement(s.Fragment,null,i,s.createElement("span",{className:"p-inline-message-text"},e))}();return s.createElement("div",i({id:n.id,ref:l,className:o,style:n.style},c,{role:"alert","aria-live":"polite"}),u)})));return l.displayName="Message",e.Message=l,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/message/package.json

@@ -2,5 +2,6 @@
     "main": "./message.cjs.js",
     "module": "./message.esm.js",
     "unpkg": "./message.min.js",
-    "types": "./message.d.ts"
+    "types": "./message.d.ts",
+    "sideEffects": false
 }

package/messages/messages.cjs.js

@@ -47,9 +47,7 @@ function _extends() {
 
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -96,9 +94,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -120,6 +116,25 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var MessagesBase = {
+  defaultProps: {
+    __TYPE: 'Messages',
+    id: null,
+    className: null,
+    style: null,
+    transitionOptions: null,
+    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);
+  }
+};
+
 var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _props$message = props.message,
     severity = _props$message.severity,
@@ -199,7 +214,8 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 UIMessage.displayName = 'UIMessage';
 
 var messageIdx = 0;
-var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var props = MessagesBase.getProps(inProps);
   var _React$useState = React__namespace.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     messagesState = _React$useState2[0],
@@ -265,7 +281,7 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
     };
   });
-  var otherProps = utils.ObjectUtils.findDiffKeys(props, Messages.defaultProps);
+  var otherProps = MessagesBase.getOtherProps(props);
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
     ref: elementRef,
@@ -292,14 +308,5 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   })));
 }));
 Messages.displayName = 'Messages';
-Messages.defaultProps = {
-  __TYPE: 'Messages',
-  id: null,
-  className: null,
-  style: null,
-  transitionOptions: null,
-  onRemove: null,
-  onClick: null
-};
 
 exports.Messages = Messages;

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"),a=require("primereact/api"),i=require("primereact/hooks"),o=require("primereact/ripple");function l(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 s=l(e);function c(){return c=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},c.apply(this,arguments)}function u(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 f(e){if(Array.isArray(e))return u(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,r){if(e){if("string"==typeof e)return u(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)?u(e,r):void 0}}function y(){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 d(e){return f(e)||m(e)||p(e)||y()}function v(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,i,o,l=[],s=!0,c=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=i.call(t)).done)&&(l.push(n.value),l.length!==r);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return l}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,r){return v(e)||g(e,r)||p(e,r)||b()}var O=s.memo(s.forwardRef((function(e,r){var t=e.message,l=t.severity,c=t.content,u=t.summary,f=t.detail,m=t.closable,p=t.icon,y=h(i.useTimeout((function(){d(null)}),t.life||3e3,!t.sticky),1)[0],d=function(r){y(),e.onClose&&e.onClose(e.message),r&&(r.preventDefault(),r.stopPropagation())},v=n.classNames("p-message p-component p-message-"+l),g=function(){if(!1!==m){var e=a.localeOption("close");return s.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":e,onClick:d},s.createElement("i",{className:"p-message-close-icon pi pi-times","aria-hidden":"true"}),s.createElement(o.Ripple,null))}return null}(),b=function(){if(e.message){var r=p;r||(r=n.classNames("pi",{"pi-info-circle":"info"===l,"pi-exclamation-triangle":"warn"===l,"pi-times-circle":"error"===l,"pi-check":"success"===l}));var t=n.IconUtils.getJSXIcon(r,{className:"p-message-icon"},{props:e});return c||s.createElement(s.Fragment,null,t,s.createElement("span",{className:"p-message-summary"},u),s.createElement("span",{className:"p-message-detail"},f))}return null}();return s.createElement("div",{ref:r,className:v,onClick:function(){e.onClick&&e.onClick(e.message)}},s.createElement("div",{className:"p-message-wrapper"},b,g))})));O.displayName="UIMessage";var E=0,j=s.memo(s.forwardRef((function(e,a){var i=h(s.useState([]),2),o=i[0],l=i[1],u=s.useRef(null),f=function(e){if(e){var r=m(e,!0);if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t].id=E++,r=[].concat(d(o),d(e));else e.id=E++,r=o?[].concat(d(o),[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=E++,t=r?[].concat(d(o),d(e)):e;else e.id=E++,t=r&&o?[].concat(d(o),[e]):[e];return t},p=function(){l([])},y=function(e){var r=m(e,!1);l(r)},v=function(r){l(o.filter((function(e){return e.id!==r.id}))),e.onRemove&&e.onRemove(r)};s.useImperativeHandle(a,(function(){return{props:e,show:f,replace:y,clear:p,getElement:function(){return u.current}}}));var g=n.ObjectUtils.findDiffKeys(e,j.defaultProps);return s.createElement("div",c({id:e.id,ref:u,className:e.className,style:e.style},g),s.createElement(r.TransitionGroup,null,o&&o.map((function(r){var n=s.createRef();return s.createElement(t.CSSTransition,{nodeRef:n,key:r.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:e.transitionOptions},s.createElement(O,{ref:n,message:r,onClick:e.onClick,onClose:v}))}))))})));j.displayName="Messages",j.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null},exports.Messages=j;
+"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"),a=require("primereact/api"),i=require("primereact/hooks"),o=require("primereact/ripple");function s(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 l=s(e);function c(){return c=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},c.apply(this,arguments)}function u(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 f(e){if(Array.isArray(e))return u(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,r){if(e){if("string"==typeof e)return u(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)?u(e,r):void 0}}function d(){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 y(e){return f(e)||m(e)||p(e)||d()}function g(e){if(Array.isArray(e))return e}function v(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,i,o,s=[],l=!0,c=!1;try{if(i=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;l=!1}else for(;!(l=(n=i.call(t)).done)&&(s.push(n.value),s.length!==r);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=t.return&&(o=t.return(),Object(o)!==o))return}finally{if(c)throw a}}return s}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,r){return g(e)||v(e,r)||p(e,r)||b()}var O={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,O.defaultProps)},getOtherProps:function(e){return n.ObjectUtils.getDiffProps(e,O.defaultProps)}},E=l.memo(l.forwardRef((function(e,r){var t=e.message,s=t.severity,c=t.content,u=t.summary,f=t.detail,m=t.closable,p=t.icon,d=h(i.useTimeout((function(){y(null)}),t.life||3e3,!t.sticky),1)[0],y=function(r){d(),e.onClose&&e.onClose(e.message),r&&(r.preventDefault(),r.stopPropagation())},g=n.classNames("p-message p-component p-message-"+s),v=function(){if(!1!==m){var e=a.localeOption("close");return l.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":e,onClick:y},l.createElement("i",{className:"p-message-close-icon pi pi-times","aria-hidden":"true"}),l.createElement(o.Ripple,null))}return null}(),b=function(){if(e.message){var r=p;r||(r=n.classNames("pi",{"pi-info-circle":"info"===s,"pi-exclamation-triangle":"warn"===s,"pi-times-circle":"error"===s,"pi-check":"success"===s}));var t=n.IconUtils.getJSXIcon(r,{className:"p-message-icon"},{props:e});return c||l.createElement(l.Fragment,null,t,l.createElement("span",{className:"p-message-summary"},u),l.createElement("span",{className:"p-message-detail"},f))}return null}();return l.createElement("div",{ref:r,className:g,onClick:function(){e.onClick&&e.onClick(e.message)}},l.createElement("div",{className:"p-message-wrapper"},b,v))})));E.displayName="UIMessage";var j=0,N=l.memo(l.forwardRef((function(e,n){var a=O.getProps(e),i=h(l.useState([]),2),o=i[0],s=i[1],u=l.useRef(null),f=function(e){if(e){var r=m(e,!0);if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t].id=j++,r=[].concat(y(o),y(e));else e.id=j++,r=o?[].concat(y(o),[e]):[e];s(r)}},m=function(e,r){var t;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=j++,t=r?[].concat(y(o),y(e)):e;else e.id=j++,t=r&&o?[].concat(y(o),[e]):[e];return t},p=function(){s([])},d=function(e){var r=m(e,!1);s(r)},g=function(e){s(o.filter((function(r){return r.id!==e.id}))),a.onRemove&&a.onRemove(e)};l.useImperativeHandle(n,(function(){return{props:a,show:f,replace:d,clear:p,getElement:function(){return u.current}}}));var v=O.getOtherProps(a);return l.createElement("div",c({id:a.id,ref:u,className:a.className,style:a.style},v),l.createElement(r.TransitionGroup,null,o&&o.map((function(e){var r=l.createRef();return l.createElement(t.CSSTransition,{nodeRef:r,key:e.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:a.transitionOptions},l.createElement(E,{ref:r,message:e,onClick:a.onClick,onClose:g}))}))))})));N.displayName="Messages",exports.Messages=N;

package/messages/messages.d.ts

@@ -1,33 +1,113 @@
+/**
+ *
+ * Messages is used to display inline messages with various severities.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/messages)
+ *
+ * @module messages
+ *
+ */
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 import { IconType } from '../utils/utils';
 
-type MessagesSeverityType = 'success' | 'info' | 'warn' | 'error';
-
-type MessagesMessageType = MessagesMessage | MessagesMessage[];
-
 export interface MessagesMessage {
-    id?: string;
-    severity?: MessagesSeverityType;
-    content?: React.ReactNode;
+    /**
+     * Unique id of the message.
+     */
+    id?: string | undefined;
+    /**
+     * Severity of the message.
+     */
+    severity?: 'success' | 'info' | 'warn' | 'error' | undefined;
+    /**
+     * Custom template of the message.
+     */
+    content?: React.ReactNode | undefined;
+    /**
+     * Summary content of the message.
+     */
     summary?: React.ReactNode;
+    /**
+     * Detail content of the message.
+     */
     detail?: React.ReactNode;
+    /**
+     * Whether the message can be closed manually using the close icon.
+     * @defaultValue true
+     */
     closable?: boolean;
+    /**
+     * When enabled, message is not removed automatically.
+     */
     sticky?: boolean;
+    /**
+     * Delay in milliseconds to close the message automatically.
+     * @defaultValue 3000
+     */
     life?: number;
+    /**
+     * Defines the icon to display.
+     * @defaultValue Defaults to severity icon
+     */
     icon?: IconType<MessagesProps>;
 }
 
+/**
+ * Defines valid properties in Messages component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface MessagesProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    transitionOptions?: CSSTransitionProps;
+    /**
+     * The properties of CSSTransition can be customized, except for "nodeRef" and "in" properties.
+     */
+    transitionOptions?: CSSTransitionProps | undefined;
+    /**
+     * Callback to invoke when a message is removed.
+     * @param {MessagesMessage} message - Removed message.
+     */
     onRemove?(message: MessagesMessage): void;
+    /**
+     * Callback to invoke when a message gets clicked.
+     * @param {MessagesMessage} message - Clicked message.
+     */
     onClick?(message: MessagesMessage): void;
-    children?: React.ReactNode;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Messages**
+ *
+ * _Messages is used to display inline messages with various severities._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/messages/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Messages extends React.Component<MessagesProps, any> {
-    public show(message: MessagesMessageType): void;
+    /**
+     * Used to show the message.
+     * @param {MessagesMessage | MessagesMessage[]} message - Showed message.
+     */
+    public show(message: MessagesMessage | MessagesMessage[]): void;
+    /**
+     * Used to clear the shown messages.
+     */
     public clear(): void;
-    public replace(message: MessagesMessageType): void;
+    /**
+     * Used to add new messages after removing all old messages.
+     * @param {MessagesMessage | MessagesMessage[]} message - New message.
+     */
+    public replace(message: MessagesMessage | MessagesMessage[]): void;
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/messages/messages.esm.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { TransitionGroup } from 'react-transition-group';
 import { CSSTransition } from 'primereact/csstransition';
-import { classNames, IconUtils, ObjectUtils } from 'primereact/utils';
+import { ObjectUtils, classNames, IconUtils } from 'primereact/utils';
 import { localeOption } from 'primereact/api';
 import { useTimeout } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
@@ -23,9 +23,7 @@ function _extends() {
 
 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];
-  }
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 
@@ -72,9 +70,7 @@ function _iterableToArrayLimit(arr, i) {
       if (_x = (_i = _i.call(arr)).next, 0 === i) {
         if (Object(_i) !== _i) return;
         _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-        ;
-      }
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
     } catch (err) {
       _d = !0, _e = err;
     } finally {
@@ -96,6 +92,25 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
 
+var MessagesBase = {
+  defaultProps: {
+    __TYPE: 'Messages',
+    id: null,
+    className: null,
+    style: null,
+    transitionOptions: null,
+    onRemove: null,
+    onClick: null,
+    children: undefined
+  },
+  getProps: function getProps(props) {
+    return ObjectUtils.getMergedProps(props, MessagesBase.defaultProps);
+  },
+  getOtherProps: function getOtherProps(props) {
+    return ObjectUtils.getDiffProps(props, MessagesBase.defaultProps);
+  }
+};
+
 var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$message = props.message,
     severity = _props$message.severity,
@@ -175,7 +190,8 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 UIMessage.displayName = 'UIMessage';
 
 var messageIdx = 0;
-var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
+var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (inProps, ref) {
+  var props = MessagesBase.getProps(inProps);
   var _React$useState = React.useState([]),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     messagesState = _React$useState2[0],
@@ -241,7 +257,7 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       }
     };
   });
-  var otherProps = ObjectUtils.findDiffKeys(props, Messages.defaultProps);
+  var otherProps = MessagesBase.getOtherProps(props);
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
     ref: elementRef,
@@ -268,14 +284,5 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   })));
 }));
 Messages.displayName = 'Messages';
-Messages.defaultProps = {
-  __TYPE: 'Messages',
-  id: null,
-  className: null,
-  style: null,
-  transitionOptions: null,
-  onRemove: null,
-  onClick: null
-};
 
 export { Messages };

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{classNames as n,IconUtils as a,ObjectUtils as o}from"primereact/utils";import{localeOption as i}from"primereact/api";import{useTimeout as l}from"primereact/hooks";import{Ripple as s}from"primereact/ripple";function c(){return c=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},c.apply(this,arguments)}function u(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 m(e){if(Array.isArray(e))return u(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,r){if(e){if("string"==typeof e)return u(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)?u(e,r):void 0}}function y(){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 d(e){return m(e)||f(e)||p(e)||y()}function v(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,i,l=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=o.call(t)).done)&&(l.push(n.value),l.length!==r);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,r){return v(e)||g(e,r)||p(e,r)||b()}var E=e.memo(e.forwardRef((function(r,t){var o=r.message,c=o.severity,u=o.content,m=o.summary,f=o.detail,p=o.closable,y=o.icon,d=h(l((function(){v(null)}),o.life||3e3,!o.sticky),1)[0],v=function(e){d(),r.onClose&&r.onClose(r.message),e&&(e.preventDefault(),e.stopPropagation())},g=n("p-message p-component p-message-"+c),b=function(){if(!1!==p){var r=i("close");return e.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":r,onClick:v},e.createElement("i",{className:"p-message-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(s,null))}return null}(),E=function(){if(r.message){var t=y;t||(t=n("pi",{"pi-info-circle":"info"===c,"pi-exclamation-triangle":"warn"===c,"pi-times-circle":"error"===c,"pi-check":"success"===c}));var o=a.getJSXIcon(t,{className:"p-message-icon"},{props:r});return u||e.createElement(e.Fragment,null,o,e.createElement("span",{className:"p-message-summary"},m),e.createElement("span",{className:"p-message-detail"},f))}return null}();return e.createElement("div",{ref:t,className:g,onClick:function(){r.onClick&&r.onClick(r.message)}},e.createElement("div",{className:"p-message-wrapper"},E,b))})));E.displayName="UIMessage";var A=0,N=e.memo(e.forwardRef((function(n,a){var i=h(e.useState([]),2),l=i[0],s=i[1],u=e.useRef(null),m=function(e){if(e){var r=f(e,!0);if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t].id=A++,r=[].concat(d(l),d(e));else e.id=A++,r=l?[].concat(d(l),[e]):[e];s(r)}},f=function(e,r){var t;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=A++,t=r?[].concat(d(l),d(e)):e;else e.id=A++,t=r&&l?[].concat(d(l),[e]):[e];return t},p=function(){s([])},y=function(e){var r=f(e,!1);s(r)},v=function(e){s(l.filter((function(r){return r.id!==e.id}))),n.onRemove&&n.onRemove(e)};e.useImperativeHandle(a,(function(){return{props:n,show:m,replace:y,clear:p,getElement:function(){return u.current}}}));var g=o.findDiffKeys(n,N.defaultProps);return e.createElement("div",c({id:n.id,ref:u,className:n.className,style:n.style},g),e.createElement(r,null,l&&l.map((function(r){var a=e.createRef();return e.createElement(t,{nodeRef:a,key:r.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:n.transitionOptions},e.createElement(E,{ref:a,message:r,onClick:n.onClick,onClose:v}))}))))})));N.displayName="Messages",N.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null};export{N 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 a,IconUtils as o}from"primereact/utils";import{localeOption as i}from"primereact/api";import{useTimeout as l}from"primereact/hooks";import{Ripple as s}from"primereact/ripple";function c(){return c=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},c.apply(this,arguments)}function u(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 m(e){if(Array.isArray(e))return u(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,r){if(e){if("string"==typeof e)return u(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)?u(e,r):void 0}}function d(){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 y(e){return m(e)||f(e)||p(e)||d()}function g(e){if(Array.isArray(e))return e}function v(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o,i,l=[],s=!0,c=!1;try{if(o=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;s=!1}else for(;!(s=(n=o.call(t)).done)&&(l.push(n.value),l.length!==r);s=!0);}catch(e){c=!0,a=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw a}}return l}}function b(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function h(e,r){return g(e)||v(e,r)||p(e,r)||b()}var E={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,E.defaultProps)},getOtherProps:function(e){return n.getDiffProps(e,E.defaultProps)}},A=e.memo(e.forwardRef((function(r,t){var n=r.message,c=n.severity,u=n.content,m=n.summary,f=n.detail,p=n.closable,d=n.icon,y=h(l((function(){g(null)}),n.life||3e3,!n.sticky),1)[0],g=function(e){y(),r.onClose&&r.onClose(r.message),e&&(e.preventDefault(),e.stopPropagation())},v=a("p-message p-component p-message-"+c),b=function(){if(!1!==p){var r=i("close");return e.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":r,onClick:g},e.createElement("i",{className:"p-message-close-icon pi pi-times","aria-hidden":"true"}),e.createElement(s,null))}return null}(),E=function(){if(r.message){var t=d;t||(t=a("pi",{"pi-info-circle":"info"===c,"pi-exclamation-triangle":"warn"===c,"pi-times-circle":"error"===c,"pi-check":"success"===c}));var n=o.getJSXIcon(t,{className:"p-message-icon"},{props:r});return u||e.createElement(e.Fragment,null,n,e.createElement("span",{className:"p-message-summary"},m),e.createElement("span",{className:"p-message-detail"},f))}return null}();return e.createElement("div",{ref:t,className:v,onClick:function(){r.onClick&&r.onClick(r.message)}},e.createElement("div",{className:"p-message-wrapper"},E,b))})));A.displayName="UIMessage";var N=0,O=e.memo(e.forwardRef((function(n,a){var o=E.getProps(n),i=h(e.useState([]),2),l=i[0],s=i[1],u=e.useRef(null),m=function(e){if(e){var r=f(e,!0);if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t].id=N++,r=[].concat(y(l),y(e));else e.id=N++,r=l?[].concat(y(l),[e]):[e];s(r)}},f=function(e,r){var t;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=N++,t=r?[].concat(y(l),y(e)):e;else e.id=N++,t=r&&l?[].concat(y(l),[e]):[e];return t},p=function(){s([])},d=function(e){var r=f(e,!1);s(r)},g=function(e){s(l.filter((function(r){return r.id!==e.id}))),o.onRemove&&o.onRemove(e)};e.useImperativeHandle(a,(function(){return{props:o,show:m,replace:d,clear:p,getElement:function(){return u.current}}}));var v=E.getOtherProps(o);return e.createElement("div",c({id:o.id,ref:u,className:o.className,style:o.style},v),e.createElement(r,null,l&&l.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:o.transitionOptions},e.createElement(A,{ref:n,message:r,onClick:o.onClick,onClose:g}))}))))})));O.displayName="Messages";export{O as Messages};

package/messages/messages.js

@@ -39,9 +39,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
 
   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];
-    }
+    for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
 
@@ -88,9 +86,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
         if (_x = (_i = _i.call(arr)).next, 0 === i) {
           if (Object(_i) !== _i) return;
           _n = !1;
-        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
-          ;
-        }
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
       } catch (err) {
         _d = !0, _e = err;
       } finally {
@@ -112,6 +108,25 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
+  var MessagesBase = {
+    defaultProps: {
+      __TYPE: 'Messages',
+      id: null,
+      className: null,
+      style: null,
+      transitionOptions: null,
+      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);
+    }
+  };
+
   var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _props$message = props.message,
       severity = _props$message.severity,
@@ -191,7 +206,8 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
   UIMessage.displayName = 'UIMessage';
 
   var messageIdx = 0;
-  var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+  var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var props = MessagesBase.getProps(inProps);
     var _React$useState = React__namespace.useState([]),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       messagesState = _React$useState2[0],
@@ -257,7 +273,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
         }
       };
     });
-    var otherProps = utils.ObjectUtils.findDiffKeys(props, Messages.defaultProps);
+    var otherProps = MessagesBase.getOtherProps(props);
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
       ref: elementRef,
@@ -284,15 +300,6 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     })));
   }));
   Messages.displayName = 'Messages';
-  Messages.defaultProps = {
-    __TYPE: 'Messages',
-    id: null,
-    className: null,
-    style: null,
-    transitionOptions: null,
-    onRemove: null,
-    onClick: null
-  };
 
   exports.Messages = Messages;
 

package/messages/messages.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.messages=function(e,t,r,n,a,i,o,s){"use strict";function l(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 c=l(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function f(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 m(e){if(Array.isArray(e))return f(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function d(){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 v(e){return m(e)||p(e)||y(e)||d()}function g(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,o,s=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return s}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return g(e)||b(e,t)||y(e,t)||h()}var E=c.memo(c.forwardRef((function(e,t){var r=e.message,n=r.severity,l=r.content,u=r.summary,f=r.detail,m=r.closable,p=r.icon,y=O(o.useTimeout((function(){d(null)}),r.life||3e3,!r.sticky),1)[0],d=function(t){y(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},v=a.classNames("p-message p-component p-message-"+n),g=function(){if(!1!==m){var e=i.localeOption("close");return c.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":e,onClick:d},c.createElement("i",{className:"p-message-close-icon pi pi-times","aria-hidden":"true"}),c.createElement(s.Ripple,null))}return null}(),b=function(){if(e.message){var t=p;t||(t=a.classNames("pi",{"pi-info-circle":"info"===n,"pi-exclamation-triangle":"warn"===n,"pi-times-circle":"error"===n,"pi-check":"success"===n}));var r=a.IconUtils.getJSXIcon(t,{className:"p-message-icon"},{props:e});return l||c.createElement(c.Fragment,null,r,c.createElement("span",{className:"p-message-summary"},u),c.createElement("span",{className:"p-message-detail"},f))}return null}();return c.createElement("div",{ref:t,className:v,onClick:function(){e.onClick&&e.onClick(e.message)}},c.createElement("div",{className:"p-message-wrapper"},b,g))})));E.displayName="UIMessage";var j=0,N=c.memo(c.forwardRef((function(e,t){var i=O(c.useState([]),2),o=i[0],s=i[1],l=c.useRef(null),f=function(e){if(e){var t=m(e,!0);if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=j++,t=[].concat(v(o),v(e));else e.id=j++,t=o?[].concat(v(o),[e]):[e];s(t)}},m=function(e,t){var r;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=j++,r=t?[].concat(v(o),v(e)):e;else e.id=j++,r=t&&o?[].concat(v(o),[e]):[e];return r},p=function(){s([])},y=function(e){var t=m(e,!1);s(t)},d=function(t){s(o.filter((function(e){return e.id!==t.id}))),e.onRemove&&e.onRemove(t)};c.useImperativeHandle(t,(function(){return{props:e,show:f,replace:y,clear:p,getElement:function(){return l.current}}}));var g=a.ObjectUtils.findDiffKeys(e,N.defaultProps);return c.createElement("div",u({id:e.id,ref:l,className:e.className,style:e.style},g),c.createElement(r.TransitionGroup,null,o&&o.map((function(t){var r=c.createRef();return c.createElement(n.CSSTransition,{nodeRef:r,key:t.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:e.transitionOptions},c.createElement(E,{ref:r,message:t,onClick:e.onClick,onClose:d}))}))))})));return N.displayName="Messages",N.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null},e.Messages=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.csstransition,primereact.utils,primereact.api,primereact.hooks,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.messages=function(e,t,r,n,a,i,o,s){"use strict";function l(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 c=l(t);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},u.apply(this,arguments)}function f(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 m(e){if(Array.isArray(e))return f(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function d(e,t){if(e){if("string"==typeof e)return f(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)?f(e,t):void 0}}function y(){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 g(e){return m(e)||p(e)||d(e)||y()}function v(e){if(Array.isArray(e))return e}function b(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i,o,s=[],l=!0,c=!1;try{if(i=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(s.push(n.value),s.length!==t);l=!0);}catch(e){c=!0,a=e}finally{try{if(!l&&null!=r.return&&(o=r.return(),Object(o)!==o))return}finally{if(c)throw a}}return s}}function h(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function O(e,t){return v(e)||b(e,t)||d(e,t)||h()}var E={defaultProps:{__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,E.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,E.defaultProps)}},j=c.memo(c.forwardRef((function(e,t){var r=e.message,n=r.severity,l=r.content,u=r.summary,f=r.detail,m=r.closable,p=r.icon,d=O(o.useTimeout((function(){y(null)}),r.life||3e3,!r.sticky),1)[0],y=function(t){d(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},g=a.classNames("p-message p-component p-message-"+n),v=function(){if(!1!==m){var e=i.localeOption("close");return c.createElement("button",{type:"button",className:"p-message-close p-link","aria-label":e,onClick:y},c.createElement("i",{className:"p-message-close-icon pi pi-times","aria-hidden":"true"}),c.createElement(s.Ripple,null))}return null}(),b=function(){if(e.message){var t=p;t||(t=a.classNames("pi",{"pi-info-circle":"info"===n,"pi-exclamation-triangle":"warn"===n,"pi-times-circle":"error"===n,"pi-check":"success"===n}));var r=a.IconUtils.getJSXIcon(t,{className:"p-message-icon"},{props:e});return l||c.createElement(c.Fragment,null,r,c.createElement("span",{className:"p-message-summary"},u),c.createElement("span",{className:"p-message-detail"},f))}return null}();return c.createElement("div",{ref:t,className:g,onClick:function(){e.onClick&&e.onClick(e.message)}},c.createElement("div",{className:"p-message-wrapper"},b,v))})));j.displayName="UIMessage";var N=0,P=c.memo(c.forwardRef((function(e,t){var a=E.getProps(e),i=O(c.useState([]),2),o=i[0],s=i[1],l=c.useRef(null),f=function(e){if(e){var t=m(e,!0);if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=N++,t=[].concat(g(o),g(e));else e.id=N++,t=o?[].concat(g(o),[e]):[e];s(t)}},m=function(e,t){var r;if(Array.isArray(e))for(var n=0;n<e.length;n++)e[n].id=N++,r=t?[].concat(g(o),g(e)):e;else e.id=N++,r=t&&o?[].concat(g(o),[e]):[e];return r},p=function(){s([])},d=function(e){var t=m(e,!1);s(t)},y=function(e){s(o.filter((function(t){return t.id!==e.id}))),a.onRemove&&a.onRemove(e)};c.useImperativeHandle(t,(function(){return{props:a,show:f,replace:d,clear:p,getElement:function(){return l.current}}}));var v=E.getOtherProps(a);return c.createElement("div",u({id:a.id,ref:l,className:a.className,style:a.style},v),c.createElement(r.TransitionGroup,null,o&&o.map((function(e){var t=c.createRef();return c.createElement(n.CSSTransition,{nodeRef:t,key:e.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:a.transitionOptions},c.createElement(j,{ref:t,message:e,onClick:a.onClick,onClose:y}))}))))})));return P.displayName="Messages",e.Messages=P,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.csstransition,primereact.utils,primereact.api,primereact.hooks,primereact.ripple);

package/messages/package.json

@@ -2,5 +2,6 @@
     "main": "./messages.cjs.js",
     "module": "./messages.esm.js",
     "unpkg": "./messages.min.js",
-    "types": "./messages.d.ts"
+    "types": "./messages.d.ts",
+    "sideEffects": false
 }