primereact 8.7.2 → 9.0.0-beta.1

package/message/message.d.ts

@@ -1,20 +1,59 @@
+/**
+ *
+ * Message is used to display inline message with various severities.
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/message)
+ *
+ * @module message
+ *
+ */
 import * as React from 'react';
 import { IconType } from '../utils/utils';
 
-type MessageSeverityType = 'success' | 'info' | 'warn' | 'error';
-
-type MessageContentType = React.ReactNode | ((props: MessageProps) => React.ReactNode);
-
-type MessageTextType = React.ReactNode | ((props: MessageProps) => React.ReactNode);
-
+/**
+ * Defines valid properties in Message component. In addition to these, all properties of HTMLDivElement can be used in this component.
+ * @group Properties
+ */
 export interface MessageProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
-    text?: MessageTextType;
-    severity?: MessageSeverityType;
-    content?: MessageContentType;
-    icon?: IconType<MessageProps>;
-    children?: React.ReactNode;
+    /**
+     * Text of the message.
+     */
+    text?: React.ReactNode | ((props: MessageProps) => React.ReactNode);
+    /**
+     * Severity level of the message.
+     */
+    severity?: 'success' | 'info' | 'warn' | 'error' | undefined;
+    /**
+     * Custom template of the message.
+     */
+    content?: React.ReactNode | ((props: MessageProps) => React.ReactNode);
+    /**
+     * Icon for the message. If not set it will default to severity icon.
+     * @defaultValue based on severity
+     */
+    icon?: IconType<MessageProps> | undefined;
+    /**
+     * Used to get the child elements of the component.
+     * @readonly
+     */
+    children?: React.ReactNode | undefined;
 }
 
+/**
+ * **PrimeReact - Message**
+ *
+ * _Message is used to display inline message with various severities._
+ *
+ * [Live Demo](https://www.primefaces.org/primereact/message/)
+ * --- ---
+ * ![PrimeReact](https://www.primefaces.org/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
 export declare class Message extends React.Component<MessageProps, any> {
+    /**
+     * Used to get container element.
+     * @return {HTMLDivElement} Container element
+     */
     public getElement(): HTMLDivElement;
 }

package/message/message.esm.js

@@ -5,14 +5,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -20,15 +18,12 @@ function _extends() {
 
 var Message = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
-
   var createContent = function createContent() {
     if (props.content) {
       return ObjectUtils.getJSXElement(props.content, props);
     }
-
     var text = ObjectUtils.getJSXElement(props.text, props);
     var iconValue = props.icon;
-
     if (!iconValue) {
       iconValue = classNames('pi', {
         'pi-info-circle': props.severity === 'info',
@@ -37,7 +32,6 @@ var Message = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
         'pi-check': props.severity === 'success'
       });
     }
-
     var icon = IconUtils.getJSXIcon(iconValue, {
       className: 'p-inline-message-icon'
     }, {
@@ -47,7 +41,6 @@ var Message = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
       className: "p-inline-message-text"
     }, text));
   };
-
   React.useImperativeHandle(ref, function () {
     return {
       props: props,

package/message/message.js

@@ -26,14 +26,12 @@ this.primereact.message = (function (exports, React, utils) {
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
@@ -41,15 +39,12 @@ this.primereact.message = (function (exports, React, utils) {
 
   var Message = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
-
     var createContent = function createContent() {
       if (props.content) {
         return utils.ObjectUtils.getJSXElement(props.content, props);
       }
-
       var text = utils.ObjectUtils.getJSXElement(props.text, props);
       var iconValue = props.icon;
-
       if (!iconValue) {
         iconValue = utils.classNames('pi', {
           'pi-info-circle': props.severity === 'info',
@@ -58,7 +53,6 @@ this.primereact.message = (function (exports, React, utils) {
           'pi-check': props.severity === 'success'
         });
       }
-
       var icon = utils.IconUtils.getJSXIcon(iconValue, {
         className: 'p-inline-message-icon'
       }, {
@@ -68,7 +62,6 @@ this.primereact.message = (function (exports, React, utils) {
         className: "p-inline-message-text"
       }, text));
     };
-
     React__namespace.useImperativeHandle(ref, function () {
       return {
         props: props,

package/messages/messages.cjs.js

@@ -34,14 +34,12 @@ function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
   return _extends.apply(this, arguments);
@@ -49,11 +47,9 @@ 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];
   }
-
   return arr2;
 }
 
@@ -87,33 +83,33 @@ function _arrayWithHoles(arr) {
 }
 
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
+      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) {
+        ;
+      }
+    } catch (err) {
+      _d = !0, _e = err;
     } finally {
-      if (_d) throw _e;
+      try {
+        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
     }
+    return _arr;
   }
-
-  return _arr;
 }
 
 function _nonIterableRest() {
@@ -126,35 +122,30 @@ function _slicedToArray(arr, i) {
 
 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;
-
+    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;
   var _useTimeout = hooks.useTimeout(function () {
-    onClose(null);
-  }, life || 3000, !sticky),
-      _useTimeout2 = _slicedToArray(_useTimeout, 1),
-      clearTimer = _useTimeout2[0];
-
+      onClose(null);
+    }, life || 3000, !sticky),
+    _useTimeout2 = _slicedToArray(_useTimeout, 1),
+    clearTimer = _useTimeout2[0];
   var onClose = function onClose(event) {
     clearTimer();
     props.onClose && props.onClose(props.message);
-
     if (event) {
       event.preventDefault();
       event.stopPropagation();
     }
   };
-
   var onClick = function onClick() {
     props.onClick && props.onClick(props.message);
   };
-
   var createCloseIcon = function createCloseIcon() {
     if (closable !== false) {
       var ariaLabel = api.localeOption('close');
@@ -168,14 +159,11 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         "aria-hidden": "true"
       }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     }
-
     return null;
   };
-
   var createMessage = function createMessage() {
     if (props.message) {
       var iconValue = icon;
-
       if (!iconValue) {
         iconValue = utils.classNames('pi', {
           'pi-info-circle': severity === 'info',
@@ -184,7 +172,6 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
           'pi-check': severity === 'success'
         });
       }
-
       var iconContent = utils.IconUtils.getJSXIcon(iconValue, {
         className: 'p-message-icon'
       }, {
@@ -196,10 +183,8 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
         className: "p-message-detail"
       }, detail));
     }
-
     return null;
   };
-
   var className = utils.classNames('p-message p-component p-message-' + severity);
   var closeIcon = createCloseIcon();
   var message = createMessage();
@@ -216,16 +201,13 @@ UIMessage.displayName = 'UIMessage';
 var messageIdx = 0;
 var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      messagesState = _React$useState2[0],
-      setMessagesState = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    messagesState = _React$useState2[0],
+    setMessagesState = _React$useState2[1];
   var elementRef = React__namespace.useRef(null);
-
   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++;
@@ -235,18 +217,14 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         value.id = messageIdx++;
         messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
       }
-
       setMessagesState(messages);
     }
   };
-
   var assignIdentifiers = function assignIdentifiers(value, 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 {
@@ -255,33 +233,27 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
     } else {
       value.id = messageIdx++;
-
       if (copy) {
         messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
       } else {
         messages = [value];
       }
     }
-
     return messages;
   };
-
   var clear = function clear() {
     setMessagesState([]);
   };
-
   var replace = function replace(value) {
     var replaced = assignIdentifiers(value, false);
     setMessagesState(replaced);
   };
-
   var onClose = function onClose(message) {
     setMessagesState(messagesState.filter(function (msg) {
       return msg.id !== message.id;
     }));
     props.onRemove && props.onRemove(message);
   };
-
   React__namespace.useImperativeHandle(ref, function () {
     return {
       props: props,
@@ -299,7 +271,7 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     ref: elementRef,
     className: props.className,
     style: props.style
-  }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState.map(function (message) {
+  }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState && messagesState.map(function (message) {
     var messageRef = /*#__PURE__*/React__namespace.createRef();
     return /*#__PURE__*/React__namespace.createElement(csstransition.CSSTransition, {
       nodeRef: messageRef,

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=!0,l=!1;try{for(t=t.call(e);!(o=(n=t.next()).done)&&(i.push(n.value),!r||i.length!==r);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(l)throw a}}return i}}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=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))})));E.displayName="UIMessage";var O=0,N=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=O++,r=[].concat(d(o),d(e));else e.id=O++,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=O++,t=r?[].concat(d(o),d(e)):e;else e.id=O++,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,N.defaultProps);return s.createElement("div",c({id:e.id,ref:u,className:e.className,style:e.style},g),s.createElement(r.TransitionGroup,null,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(E,{ref:n,message:r,onClick:e.onClick,onClose:v}))}))))})));N.displayName="Messages",N.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null},exports.Messages=N;
+"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;

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://www.primefaces.org/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;
 }