primereact 8.2.0 → 8.5.0

package/message/message.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{ObjectUtils as n,classNames as t}from"primereact/utils";function r(){return r=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},r.apply(this,arguments)}var i=e.memo(e.forwardRef((function(s,a){var l=n.findDiffKeys(s,i.defaultProps),c=t("p-inline-message p-component",{"p-inline-message-info":"info"===s.severity,"p-inline-message-warn":"warn"===s.severity,"p-inline-message-error":"error"===s.severity,"p-inline-message-success":"success"===s.severity,"p-inline-message-icon-only":!s.text},s.className),o=function(){if(s.content)return n.getJSXElement(s.content,s);var r=n.getJSXElement(s.text,s),i=t("p-inline-message-icon pi",{"pi-info-circle":"info"===s.severity,"pi-exclamation-triangle":"warn"===s.severity,"pi-times-circle":"error"===s.severity,"pi-check":"success"===s.severity});return e.createElement(e.Fragment,null,e.createElement("span",{className:i}),e.createElement("span",{className:"p-inline-message-text"},r))}();return e.createElement("div",r({id:s.id,className:c,style:s.style},l,{role:"alert","aria-live":"polite"}),o)})));i.displayName="Message",i.defaultProps={__TYPE:"Message",id:null,className:null,style:null,text:null,severity:"info",content:null};export{i as Message};
+import*as e from"react";import{ObjectUtils as n,classNames as r,IconUtils as t}from"primereact/utils";function i(){return i=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},i.apply(this,arguments)}var s=e.memo(e.forwardRef((function(a,l){var o=e.useRef(null);e.useImperativeHandle(l,(function(){return{props:a,getElement:function(){return o.current}}}));var c=n.findDiffKeys(a,s.defaultProps),p=r("p-inline-message p-component",{"p-inline-message-info":"info"===a.severity,"p-inline-message-warn":"warn"===a.severity,"p-inline-message-error":"error"===a.severity,"p-inline-message-success":"success"===a.severity,"p-inline-message-icon-only":!a.text},a.className),m=function(){if(a.content)return n.getJSXElement(a.content,a);var i=n.getJSXElement(a.text,a),s=a.icon;s||(s=r("pi",{"pi-info-circle":"info"===a.severity,"pi-exclamation-triangle":"warn"===a.severity,"pi-times-circle":"error"===a.severity,"pi-check":"success"===a.severity}));var l=t.getJSXIcon(s,{className:"p-inline-message-icon"},{props:a});return e.createElement(e.Fragment,null,l,e.createElement("span",{className:"p-inline-message-text"},i))}();return e.createElement("div",i({id:a.id,ref:o,className:p,style:a.style},c,{role:"alert","aria-live":"polite"}),m)})));s.displayName="Message",s.defaultProps={__TYPE:"Message",id:null,className:null,style:null,text:null,icon:null,severity:"info",content:null};export{s as Message};

package/message/message.js

@@ -41,25 +41,43 @@ 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 icon = utils.classNames('p-inline-message-icon pi', {
-        'pi-info-circle': props.severity === 'info',
-        'pi-exclamation-triangle': props.severity === 'warn',
-        'pi-times-circle': props.severity === 'error',
-        'pi-check': props.severity === 'success'
+      var iconValue = props.icon;
+
+      if (!iconValue) {
+        iconValue = utils.classNames('pi', {
+          'pi-info-circle': props.severity === 'info',
+          'pi-exclamation-triangle': props.severity === 'warn',
+          'pi-times-circle': props.severity === 'error',
+          'pi-check': props.severity === 'success'
+        });
+      }
+
+      var icon = utils.IconUtils.getJSXIcon(iconValue, {
+        className: 'p-inline-message-icon'
+      }, {
+        props: props
       });
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", {
-        className: icon
-      }), /*#__PURE__*/React__namespace.createElement("span", {
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, icon, /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-inline-message-text"
       }, text));
     };
 
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      };
+    });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Message.defaultProps);
     var className = utils.classNames('p-inline-message p-component', {
       'p-inline-message-info': props.severity === 'info',
@@ -71,6 +89,7 @@ this.primereact.message = (function (exports, React, utils) {
     var content = createContent();
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: className,
       style: props.style
     }, otherProps, {
@@ -85,6 +104,7 @@ this.primereact.message = (function (exports, React, utils) {
     className: null,
     style: null,
     text: null,
+    icon: null,
     severity: 'info',
     content: null
   };

package/message/message.min.js

@@ -1 +1 @@
-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||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=s.memo(s.forwardRef((function(e,t){var n=r.ObjectUtils.findDiffKeys(e,a.defaultProps),l=r.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),c=function(){if(e.content)return r.ObjectUtils.getJSXElement(e.content,e);var t=r.ObjectUtils.getJSXElement(e.text,e),n=r.classNames("p-inline-message-icon pi",{"pi-info-circle":"info"===e.severity,"pi-exclamation-triangle":"warn"===e.severity,"pi-times-circle":"error"===e.severity,"pi-check":"success"===e.severity});return s.createElement(s.Fragment,null,s.createElement("span",{className:n}),s.createElement("span",{className:"p-inline-message-text"},t))}();return s.createElement("div",i({id:e.id,className:l,style:e.style},n,{role:"alert","aria-live":"polite"}),c)})));return a.displayName="Message",a.defaultProps={__TYPE:"Message",id:null,className:null,style:null,text: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,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||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);

package/messages/messages.cjs.js

@@ -132,7 +132,8 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
       detail = _props$message.detail,
       closable = _props$message.closable,
       life = _props$message.life,
-      sticky = _props$message.sticky;
+      sticky = _props$message.sticky,
+      icon = _props$message.icon;
 
   var _useTimeout = hooks.useTimeout(function () {
     onClose(null);
@@ -170,15 +171,23 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 
   var createMessage = function createMessage() {
     if (props.message) {
-      var icon = utils.classNames('p-message-icon pi ', {
-        'pi-info-circle': severity === 'info',
-        'pi-check': severity === 'success',
-        'pi-exclamation-triangle': severity === 'warn',
-        'pi-times-circle': severity === 'error'
+      var iconValue = icon;
+
+      if (!iconValue) {
+        iconValue = utils.classNames('pi', {
+          'pi-info-circle': severity === 'info',
+          'pi-exclamation-triangle': severity === 'warn',
+          'pi-times-circle': severity === 'error',
+          'pi-check': severity === 'success'
+        });
+      }
+
+      var iconContent = utils.IconUtils.getJSXIcon(iconValue, {
+        className: 'p-message-icon'
+      }, {
+        props: props
       });
-      return content || /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", {
-        className: icon
-      }), /*#__PURE__*/React__namespace.createElement("span", {
+      return content || /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, iconContent, /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-message-summary"
       }, summary), /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-message-detail"
@@ -208,6 +217,8 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       messagesState = _React$useState2[0],
       setMessagesState = _React$useState2[1];
 
+  var elementRef = React__namespace.useRef(null);
+
   var show = function show(value) {
     if (value) {
       var messages;
@@ -244,14 +255,19 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
   React__namespace.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
       replace: replace,
-      clear: clear
+      clear: clear,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
     };
   });
   var otherProps = utils.ObjectUtils.findDiffKeys(props, Messages.defaultProps);
   return /*#__PURE__*/React__namespace.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: props.className,
     style: props.style
   }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState.map(function (message) {

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/hooks"),i=require("primereact/ripple");function o(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=o(e);function l(){return l=Object.assign||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},l.apply(this,arguments)}function c(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 u(e){if(Array.isArray(e))return c(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,r){if(e){if("string"==typeof e)return c(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)?c(e,r):void 0}}function p(){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 u(e)||m(e)||f(e)||p()}function d(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=!0,s=!1;try{for(t=t.call(e);!(o=(n=t.next()).done)&&(i.push(n.value),!r||i.length!==r);o=!0);}catch(e){s=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(s)throw a}}return i}}function g(){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 b(e,r){return d(e)||v(e,r)||f(e,r)||g()}var h=s.memo(s.forwardRef((function(e,r){var t=e.message,o=t.severity,l=t.content,c=t.summary,u=t.detail,m=t.closable,f=b(a.useTimeout((function(){p(null)}),t.life||3e3,!t.sticky),1)[0],p=function(r){f(),e.onClose&&e.onClose(e.message),r&&(r.preventDefault(),r.stopPropagation())},y=n.classNames("p-message p-component p-message-"+o),d=!1!==m?s.createElement("button",{type:"button",className:"p-message-close p-link",onClick:p},s.createElement("i",{className:"p-message-close-icon pi pi-times"}),s.createElement(i.Ripple,null)):null,v=function(){if(e.message){var r=n.classNames("p-message-icon pi ",{"pi-info-circle":"info"===o,"pi-check":"success"===o,"pi-exclamation-triangle":"warn"===o,"pi-times-circle":"error"===o});return l||s.createElement(s.Fragment,null,s.createElement("span",{className:r}),s.createElement("span",{className:"p-message-summary"},c),s.createElement("span",{className:"p-message-detail"},u))}return null}();return s.createElement("div",{ref:r,className:y,onClick:function(){e.onClick&&e.onClick(e.message)}},s.createElement("div",{className:"p-message-wrapper"},v,d))})));h.displayName="UIMessage";var E=0,O=s.memo(s.forwardRef((function(e,a){var i=b(s.useState([]),2),o=i[0],c=i[1],u=function(e){if(e){var r;if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t].id=E++,r=[].concat(y(o),y(e));else e.id=E++,r=o?[].concat(y(o),[e]):[e];c(r)}},m=function(){c([])},f=function(e){var r=Array.isArray(e)?e:[e];c(r)},p=function(r){c(o.filter((function(e){return e.id!==r.id}))),e.onRemove&&e.onRemove(r)};s.useImperativeHandle(a,(function(){return{show:u,replace:f,clear:m}}));var d=n.ObjectUtils.findDiffKeys(e,O.defaultProps);return s.createElement("div",l({id:e.id,className:e.className,style:e.style},d),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(h,{ref:n,message:r,onClick:e.onClick,onClose:p}))}))))})));O.displayName="Messages",O.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null},exports.Messages=O;
+"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/hooks"),i=require("primereact/ripple");function o(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=o(e);function l(){return l=Object.assign||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},l.apply(this,arguments)}function c(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 u(e){if(Array.isArray(e))return c(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function f(e,r){if(e){if("string"==typeof e)return c(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)?c(e,r):void 0}}function p(){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 u(e)||m(e)||f(e)||p()}function d(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=!0,s=!1;try{for(t=t.call(e);!(o=(n=t.next()).done)&&(i.push(n.value),!r||i.length!==r);o=!0);}catch(e){s=!0,a=e}finally{try{o||null==t.return||t.return()}finally{if(s)throw a}}return i}}function g(){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 b(e,r){return d(e)||v(e,r)||f(e,r)||g()}var h=s.memo(s.forwardRef((function(e,r){var t=e.message,o=t.severity,l=t.content,c=t.summary,u=t.detail,m=t.closable,f=t.icon,p=b(a.useTimeout((function(){y(null)}),t.life||3e3,!t.sticky),1)[0],y=function(r){p(),e.onClose&&e.onClose(e.message),r&&(r.preventDefault(),r.stopPropagation())},d=n.classNames("p-message p-component p-message-"+o),v=!1!==m?s.createElement("button",{type:"button",className:"p-message-close p-link",onClick:y},s.createElement("i",{className:"p-message-close-icon pi pi-times"}),s.createElement(i.Ripple,null)):null,g=function(){if(e.message){var r=f;r||(r=n.classNames("pi",{"pi-info-circle":"info"===o,"pi-exclamation-triangle":"warn"===o,"pi-times-circle":"error"===o,"pi-check":"success"===o}));var t=n.IconUtils.getJSXIcon(r,{className:"p-message-icon"},{props:e});return l||s.createElement(s.Fragment,null,t,s.createElement("span",{className:"p-message-summary"},c),s.createElement("span",{className:"p-message-detail"},u))}return null}();return s.createElement("div",{ref:r,className:d,onClick:function(){e.onClick&&e.onClick(e.message)}},s.createElement("div",{className:"p-message-wrapper"},g,v))})));h.displayName="UIMessage";var E=0,O=s.memo(s.forwardRef((function(e,a){var i=b(s.useState([]),2),o=i[0],c=i[1],u=s.useRef(null),m=function(e){if(e){var r;if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t].id=E++,r=[].concat(y(o),y(e));else e.id=E++,r=o?[].concat(y(o),[e]):[e];c(r)}},f=function(){c([])},p=function(e){var r=Array.isArray(e)?e:[e];c(r)},d=function(r){c(o.filter((function(e){return e.id!==r.id}))),e.onRemove&&e.onRemove(r)};s.useImperativeHandle(a,(function(){return{props:e,show:m,replace:p,clear:f,getElement:function(){return u.current}}}));var v=n.ObjectUtils.findDiffKeys(e,O.defaultProps);return s.createElement("div",l({id:e.id,ref:u,className:e.className,style:e.style},v),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(h,{ref:n,message:r,onClick:e.onClick,onClose:d}))}))))})));O.displayName="Messages",O.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null},exports.Messages=O;

package/messages/messages.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
+import { IconType } from '../utils/utils';
 
 type MessagesSeverityType = 'success' | 'info' | 'warn' | 'error';
 
@@ -8,17 +9,16 @@ type MessagesMessageType = MessagesMessage | MessagesMessage[];
 export interface MessagesMessage {
     id?: string;
     severity?: MessagesSeverityType;
+    content?: React.ReactNode;
     summary?: React.ReactNode;
     detail?: React.ReactNode;
     closable?: boolean;
     sticky?: boolean;
     life?: number;
+    icon?: IconType<MessagesProps>;
 }
 
-export interface MessagesProps {
-    id?: string;
-    className?: string;
-    style?: object;
+export interface MessagesProps extends Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, 'ref'> {
     transitionOptions?: CSSTransitionProps;
     onRemove?(message: MessagesMessage): void;
     onClick?(message: MessagesMessage): void;
@@ -29,4 +29,5 @@ export declare class Messages extends React.Component<MessagesProps, any> {
     public show(message: MessagesMessageType): void;
     public clear(): void;
     public replace(message: MessagesMessageType): void;
+    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, ObjectUtils } from 'primereact/utils';
+import { classNames, IconUtils, ObjectUtils } from 'primereact/utils';
 import { useTimeout } from 'primereact/hooks';
 import { Ripple } from 'primereact/ripple';
 
@@ -108,7 +108,8 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       detail = _props$message.detail,
       closable = _props$message.closable,
       life = _props$message.life,
-      sticky = _props$message.sticky;
+      sticky = _props$message.sticky,
+      icon = _props$message.icon;
 
   var _useTimeout = useTimeout(function () {
     onClose(null);
@@ -146,15 +147,23 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var createMessage = function createMessage() {
     if (props.message) {
-      var icon = classNames('p-message-icon pi ', {
-        'pi-info-circle': severity === 'info',
-        'pi-check': severity === 'success',
-        'pi-exclamation-triangle': severity === 'warn',
-        'pi-times-circle': severity === 'error'
+      var iconValue = icon;
+
+      if (!iconValue) {
+        iconValue = classNames('pi', {
+          'pi-info-circle': severity === 'info',
+          'pi-exclamation-triangle': severity === 'warn',
+          'pi-times-circle': severity === 'error',
+          'pi-check': severity === 'success'
+        });
+      }
+
+      var iconContent = IconUtils.getJSXIcon(iconValue, {
+        className: 'p-message-icon'
+      }, {
+        props: props
       });
-      return content || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: icon
-      }), /*#__PURE__*/React.createElement("span", {
+      return content || /*#__PURE__*/React.createElement(React.Fragment, null, iconContent, /*#__PURE__*/React.createElement("span", {
         className: "p-message-summary"
       }, summary), /*#__PURE__*/React.createElement("span", {
         className: "p-message-detail"
@@ -184,6 +193,8 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       messagesState = _React$useState2[0],
       setMessagesState = _React$useState2[1];
 
+  var elementRef = React.useRef(null);
+
   var show = function show(value) {
     if (value) {
       var messages;
@@ -220,14 +231,19 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
       replace: replace,
-      clear: clear
+      clear: clear,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
     };
   });
   var otherProps = ObjectUtils.findDiffKeys(props, Messages.defaultProps);
   return /*#__PURE__*/React.createElement("div", _extends({
     id: props.id,
+    ref: elementRef,
     className: props.className,
     style: props.style
   }, otherProps), /*#__PURE__*/React.createElement(TransitionGroup, null, messagesState.map(function (message) {

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

package/messages/messages.js

@@ -125,7 +125,8 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
         detail = _props$message.detail,
         closable = _props$message.closable,
         life = _props$message.life,
-        sticky = _props$message.sticky;
+        sticky = _props$message.sticky,
+        icon = _props$message.icon;
 
     var _useTimeout = hooks.useTimeout(function () {
       onClose(null);
@@ -163,15 +164,23 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
 
     var createMessage = function createMessage() {
       if (props.message) {
-        var icon = utils.classNames('p-message-icon pi ', {
-          'pi-info-circle': severity === 'info',
-          'pi-check': severity === 'success',
-          'pi-exclamation-triangle': severity === 'warn',
-          'pi-times-circle': severity === 'error'
+        var iconValue = icon;
+
+        if (!iconValue) {
+          iconValue = utils.classNames('pi', {
+            'pi-info-circle': severity === 'info',
+            'pi-exclamation-triangle': severity === 'warn',
+            'pi-times-circle': severity === 'error',
+            'pi-check': severity === 'success'
+          });
+        }
+
+        var iconContent = utils.IconUtils.getJSXIcon(iconValue, {
+          className: 'p-message-icon'
+        }, {
+          props: props
         });
-        return content || /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", {
-          className: icon
-        }), /*#__PURE__*/React__namespace.createElement("span", {
+        return content || /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, iconContent, /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-message-summary"
         }, summary), /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-message-detail"
@@ -201,6 +210,8 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
         messagesState = _React$useState2[0],
         setMessagesState = _React$useState2[1];
 
+    var elementRef = React__namespace.useRef(null);
+
     var show = function show(value) {
       if (value) {
         var messages;
@@ -237,14 +248,19 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
 
     React__namespace.useImperativeHandle(ref, function () {
       return {
+        props: props,
         show: show,
         replace: replace,
-        clear: clear
+        clear: clear,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
       };
     });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Messages.defaultProps);
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
       id: props.id,
+      ref: elementRef,
       className: props.className,
       style: props.style
     }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState.map(function (message) {

package/messages/messages.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.messages=function(e,t,r,n,a,i,o){"use strict";function s(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 l=s(t);function c(){return c=Object.assign||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},c.apply(this,arguments)}function u(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 u(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return u(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)?u(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 d(e){return m(e)||f(e)||p(e)||y()}function v(e){if(Array.isArray(e))return e}function g(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i=[],o=!0,s=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{o||null==r.return||r.return()}finally{if(s)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,t){return v(e)||g(e,t)||p(e,t)||b()}var E=l.memo(l.forwardRef((function(e,t){var r=e.message,n=r.severity,s=r.content,c=r.summary,u=r.detail,m=r.closable,f=h(i.useTimeout((function(){p(null)}),r.life||3e3,!r.sticky),1)[0],p=function(t){f(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},y=a.classNames("p-message p-component p-message-"+n),d=!1!==m?l.createElement("button",{type:"button",className:"p-message-close p-link",onClick:p},l.createElement("i",{className:"p-message-close-icon pi pi-times"}),l.createElement(o.Ripple,null)):null,v=function(){if(e.message){var t=a.classNames("p-message-icon pi ",{"pi-info-circle":"info"===n,"pi-check":"success"===n,"pi-exclamation-triangle":"warn"===n,"pi-times-circle":"error"===n});return s||l.createElement(l.Fragment,null,l.createElement("span",{className:t}),l.createElement("span",{className:"p-message-summary"},c),l.createElement("span",{className:"p-message-detail"},u))}return null}();return l.createElement("div",{ref:t,className:y,onClick:function(){e.onClick&&e.onClick(e.message)}},l.createElement("div",{className:"p-message-wrapper"},v,d))})));E.displayName="UIMessage";var O=0,N=l.memo(l.forwardRef((function(e,t){var i=h(l.useState([]),2),o=i[0],s=i[1],u=function(e){if(e){var t;if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=O++,t=[].concat(d(o),d(e));else e.id=O++,t=o?[].concat(d(o),[e]):[e];s(t)}},m=function(){s([])},f=function(e){var t=Array.isArray(e)?e:[e];s(t)},p=function(t){s(o.filter((function(e){return e.id!==t.id}))),e.onRemove&&e.onRemove(t)};l.useImperativeHandle(t,(function(){return{show:u,replace:f,clear:m}}));var y=a.ObjectUtils.findDiffKeys(e,N.defaultProps);return l.createElement("div",c({id:e.id,className:e.className,style:e.style},y),l.createElement(r.TransitionGroup,null,o.map((function(t){var r=l.createRef();return l.createElement(n.CSSTransition,{nodeRef:r,key:t.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:e.transitionOptions},l.createElement(E,{ref:r,message:t,onClick:e.onClick,onClose:p}))}))))})));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.hooks,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.messages=function(e,t,r,n,a,i,o){"use strict";function s(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 l=s(t);function c(){return c=Object.assign||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},c.apply(this,arguments)}function u(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 u(e)}function f(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,t){if(e){if("string"==typeof e)return u(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)?u(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 d(e){return m(e)||f(e)||p(e)||y()}function v(e){if(Array.isArray(e))return e}function g(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i=[],o=!0,s=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);o=!0);}catch(e){s=!0,a=e}finally{try{o||null==r.return||r.return()}finally{if(s)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,t){return v(e)||g(e,t)||p(e,t)||b()}var E=l.memo(l.forwardRef((function(e,t){var r=e.message,n=r.severity,s=r.content,c=r.summary,u=r.detail,m=r.closable,f=r.icon,p=h(i.useTimeout((function(){y(null)}),r.life||3e3,!r.sticky),1)[0],y=function(t){p(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},d=a.classNames("p-message p-component p-message-"+n),v=!1!==m?l.createElement("button",{type:"button",className:"p-message-close p-link",onClick:y},l.createElement("i",{className:"p-message-close-icon pi pi-times"}),l.createElement(o.Ripple,null)):null,g=function(){if(e.message){var t=f;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 s||l.createElement(l.Fragment,null,r,l.createElement("span",{className:"p-message-summary"},c),l.createElement("span",{className:"p-message-detail"},u))}return null}();return l.createElement("div",{ref:t,className:d,onClick:function(){e.onClick&&e.onClick(e.message)}},l.createElement("div",{className:"p-message-wrapper"},g,v))})));E.displayName="UIMessage";var O=0,N=l.memo(l.forwardRef((function(e,t){var i=h(l.useState([]),2),o=i[0],s=i[1],u=l.useRef(null),m=function(e){if(e){var t;if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=O++,t=[].concat(d(o),d(e));else e.id=O++,t=o?[].concat(d(o),[e]):[e];s(t)}},f=function(){s([])},p=function(e){var t=Array.isArray(e)?e:[e];s(t)},y=function(t){s(o.filter((function(e){return e.id!==t.id}))),e.onRemove&&e.onRemove(t)};l.useImperativeHandle(t,(function(){return{props:e,show:m,replace:p,clear:f,getElement:function(){return u.current}}}));var v=a.ObjectUtils.findDiffKeys(e,N.defaultProps);return l.createElement("div",c({id:e.id,ref:u,className:e.className,style:e.style},v),l.createElement(r.TransitionGroup,null,o.map((function(t){var r=l.createRef();return l.createElement(n.CSSTransition,{nodeRef:r,key:t.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:e.transitionOptions},l.createElement(E,{ref:r,message:t,onClick:e.onClick,onClose:y}))}))))})));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.hooks,primereact.ripple);

package/multiselect/multiselect.cjs.js

@@ -160,23 +160,30 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
 
-      var value = _checked ? props.falseValue : props.trueValue;
-      props.onChange({
-        originalEvent: event,
-        value: props.value,
-        checked: value,
-        stopPropagation: function stopPropagation() {},
-        preventDefault: function preventDefault() {},
-        target: {
-          type: 'checkbox',
-          name: props.name,
-          id: props.id,
+      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+      var isInputToggled = event.target === inputRef.current;
+      var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
+
+      if (isInputToggled || isCheckboxToggled) {
+        var value = _checked ? props.falseValue : props.trueValue;
+        props.onChange({
+          originalEvent: event,
           value: props.value,
-          checked: value
-        }
-      });
-      inputRef.current.checked = !_checked;
+          checked: value,
+          stopPropagation: function stopPropagation() {},
+          preventDefault: function preventDefault() {},
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        });
+      }
+
       utils.DomHandler.focus(inputRef.current);
+      event.preventDefault();
     }
   };
 
@@ -188,10 +195,27 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     setFocusedState(false);
   };
 
+  var onKeyDown = function onKeyDown(event) {
+    if (event.code === 'Space') {
+      onClick(event);
+    }
+  };
+
   var isChecked = function isChecked() {
     return props.checked === props.trueValue;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
@@ -239,6 +263,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     disabled: props.disabled,
     readOnly: props.readOnly,
     required: props.required
@@ -277,6 +302,15 @@ Checkbox.defaultProps = {
 };
 
 var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
+  var filterOptions = {
+    filter: function filter(e) {
+      return onFilter(e);
+    },
+    reset: function reset() {
+      return props.resetFilter();
+    }
+  };
+
   var onFilter = function onFilter(event) {
     if (props.onFilter) {
       props.onFilter({
@@ -299,8 +333,9 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
 
   var createFilterElement = function createFilterElement() {
     if (props.filter) {
-      return /*#__PURE__*/React__namespace.createElement("div", {
-        className: "p-multiselect-filter-container"
+      var containerClassName = utils.classNames('p-multiselect-filter-container');
+      var content = /*#__PURE__*/React__namespace.createElement("div", {
+        className: containerClassName
       }, /*#__PURE__*/React__namespace.createElement(inputtext.InputText, {
         type: "text",
         role: "textbox",
@@ -311,6 +346,20 @@ var MultiSelectHeader = /*#__PURE__*/React__namespace.memo(function (props) {
       }), /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-multiselect-filter-icon pi pi-search"
       }));
+
+      if (props.filterTemplate) {
+        var defaultContentOptions = {
+          className: containerClassName,
+          element: content,
+          filterOptions: filterOptions,
+          onFilter: onFilter,
+          filterIconClassName: 'p-multeselect-filter-icon pi pi-search',
+          props: props
+        };
+        content = utils.ObjectUtils.getJSXElement(props.filterTemplate, defaultContentOptions);
+      }
+
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, content);
     }
 
     return null;
@@ -442,6 +491,7 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
     return /*#__PURE__*/React__namespace.createElement(MultiSelectHeader, {
       filter: props.filter,
       filterValue: props.filterValue,
+      filterTemplate: props.filterTemplate,
       onFilter: onFilterInputChange,
       filterPlaceholder: props.filterPlaceholder,
       onClose: props.onCloseClick,
@@ -1209,6 +1259,22 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     }
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return {
+      props: props,
+      show: show,
+      hide: hide,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getOverlay: function getOverlay() {
+        return overlayRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    };
+  });
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
@@ -1300,6 +1366,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     filterValue: filterState,
     hasFilter: hasFilter,
     onFilterInputChange: onFilterInputChange,
+    resetFilter: resetFilter,
     onCloseClick: onCloseClick,
     onSelectAll: onSelectAll,
     getOptionLabel: getOptionLabel,
@@ -1338,6 +1405,7 @@ MultiSelect.defaultProps = {
   optionGroupLabel: null,
   optionGroupChildren: null,
   optionGroupTemplate: null,
+  filterTemplate: null,
   display: 'comma',
   style: null,
   className: null,