primereact 8.1.1 → 8.4.0

package/message/message.js

@@ -41,6 +41,8 @@ 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);
@@ -60,6 +62,14 @@ this.primereact.message = (function (exports, React, utils) {
       }, 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 +81,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, {

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,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=s.useRef(null);s.useImperativeHandle(t,(function(){return{props:e,getElement:function(){return n.current}}}));var l=r.ObjectUtils.findDiffKeys(e,a.defaultProps),c=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),o=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,ref:n,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,severity:"info",content:null},e.Message=a,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);

package/messages/messages.cjs.js

@@ -208,9 +208,11 @@ 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 = [];
+      var messages;
 
       if (Array.isArray(value)) {
         for (var i = 0; i < value.length; i++) {
@@ -231,7 +233,8 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   var replace = function replace(value) {
-    setMessagesState(value);
+    var replaced = Array.isArray(value) ? value : [value];
+    setMessagesState(replaced);
   };
 
   var onClose = function onClose(message) {
@@ -243,14 +246,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"),t=require("react-transition-group"),r=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 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=o(e);function l(){return l=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},l.apply(this,arguments)}function c(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 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,t){if(e){if("string"==typeof e)return c(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)?c(e,t):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,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 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,t){return d(e)||v(e,t)||f(e,t)||g()}var h=s.memo(s.forwardRef((function(e,t){var r=e.message,o=r.severity,l=r.content,c=r.summary,u=r.detail,m=r.closable,f=b(a.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=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 t=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:t}),s.createElement("span",{className:"p-message-summary"},c),s.createElement("span",{className:"p-message-detail"},u))}return null}();return s.createElement("div",{ref:t,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 t=[];if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=E++,t=[].concat(y(o),y(e));else e.id=E++,t=o?[].concat(y(o),[e]):[e];c(t)}},m=function(){c([])},f=function(e){c(e)},p=function(t){c(o.filter((function(e){return e.id!==t.id}))),e.onRemove&&e.onRemove(t)};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(t.TransitionGroup,null,o.map((function(t){var n=s.createRef();return s.createElement(r.CSSTransition,{nodeRef:n,key:t.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:e.transitionOptions},s.createElement(h,{ref:n,message:t,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=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=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,7 +1,7 @@
 import * as React from 'react';
 import { CSSTransitionProps } from '../csstransition';
 
-type MessagesSeverityType = 'success' | 'info' | 'warn' | 'error' | (string & {});
+type MessagesSeverityType = 'success' | 'info' | 'warn' | 'error';
 
 type MessagesMessageType = MessagesMessage | MessagesMessage[];
 
@@ -15,10 +15,7 @@ export interface MessagesMessage {
     life?: number;
 }
 
-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 +26,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

@@ -184,9 +184,11 @@ 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 = [];
+      var messages;
 
       if (Array.isArray(value)) {
         for (var i = 0; i < value.length; i++) {
@@ -207,7 +209,8 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var replace = function replace(value) {
-    setMessagesState(value);
+    var replaced = Array.isArray(value) ? value : [value];
+    setMessagesState(replaced);
   };
 
   var onClose = function onClose(message) {
@@ -219,14 +222,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 t}from"react-transition-group";import{CSSTransition as r}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 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},l.apply(this,arguments)}function s(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 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,t){if(e){if("string"==typeof e)return s(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)?s(e,t):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,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,o=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==r.return||r.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,t){return y(e)||d(e,t)||u(e,t)||v()}var b=e.memo(e.forwardRef((function(t,r){var a=t.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(),t.onClose&&t.onClose(t.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(t.message){var r=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:r}),e.createElement("span",{className:"p-message-summary"},c),e.createElement("span",{className:"p-message-detail"},m))}return null}();return e.createElement("div",{ref:r,className:y,onClick:function(){t.onClick&&t.onClick(t.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 t=[];if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=h++,t=[].concat(p(s),p(e));else e.id=h++,t=s?[].concat(p(s),[e]):[e];c(t)}},u=function(){c([])},f=function(e){c(e)},y=function(e){c(s.filter((function(t){return t.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(t,null,s.map((function(t){var a=e.createRef();return e.createElement(r,{nodeRef:a,key:t.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:n.transitionOptions},e.createElement(b,{ref:a,message:t,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,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 u(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function m(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)||u(e)||m(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)||m(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,u=a.detail,m=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!==m?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"},u))}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],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=h++,r=[].concat(p(s),p(e));else e.id=h++,r=s?[].concat(p(s),[e]):[e];c(r)}},f=function(){c([])},y=function(e){var r=Array.isArray(e)?e:[e];c(r)},d=function(e){c(s.filter((function(r){return r.id!==e.id}))),n.onRemove&&n.onRemove(e)};e.useImperativeHandle(o,(function(){return{props:n,show:m,replace:y,clear:f,getElement:function(){return u.current}}}));var v=a.findDiffKeys(n,E.defaultProps);return e.createElement("div",l({id:n.id,ref:u,className:n.className,style:n.style},v),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:d}))}))))})));E.displayName="Messages",E.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null};export{E as Messages};

package/messages/messages.js

@@ -201,9 +201,11 @@ 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 = [];
+        var messages;
 
         if (Array.isArray(value)) {
           for (var i = 0; i < value.length; i++) {
@@ -224,7 +226,8 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     };
 
     var replace = function replace(value) {
-      setMessagesState(value);
+      var replaced = Array.isArray(value) ? value : [value];
+      setMessagesState(replaced);
     };
 
     var onClose = function onClose(message) {
@@ -236,14 +239,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){s(e)},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=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=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,27 @@ 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,
+      if (inputRef.current.checked === _checked) {
+        var value = _checked ? props.falseValue : props.trueValue;
+        props.onChange({
+          originalEvent: event,
           value: props.value,
-          checked: value
-        }
-      });
-      inputRef.current.checked = !_checked;
-      inputRef.current.focus();
+          checked: value,
+          stopPropagation: function stopPropagation() {},
+          preventDefault: function preventDefault() {},
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        });
+        inputRef.current.checked = !_checked;
+      }
+
+      utils.DomHandler.focus(inputRef.current);
+      event.preventDefault();
     }
   };
 
@@ -192,6 +196,17 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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]);
@@ -277,6 +292,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 +323,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 +336,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;
@@ -390,6 +429,7 @@ var MultiSelectItem = /*#__PURE__*/React__namespace.memo(function (props) {
   var tabIndex = props.disabled ? null : props.tabIndex || 0;
   return /*#__PURE__*/React__namespace.createElement("li", {
     className: className,
+    style: props.style,
     onClick: onClick,
     tabIndex: tabIndex,
     onKeyDown: onKeyDown,
@@ -441,6 +481,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,
@@ -462,7 +503,7 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
     return null;
   };
 
-  var createGroupChildren = function createGroupChildren(optionGroup) {
+  var createGroupChildren = function createGroupChildren(optionGroup, style) {
     var groupChildren = props.getOptionGroupChildren(optionGroup);
     return groupChildren.map(function (option, j) {
       var optionLabel = props.getOptionLabel(option);
@@ -474,6 +515,7 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
         key: optionKey,
         label: optionLabel,
         option: option,
+        style: style,
         template: props.itemTemplate,
         selected: selected,
         onClick: props.onOptionSelect,
@@ -492,14 +534,20 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
   };
 
   var createItem = function createItem(option, index) {
+    var scrollerOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var style = {
+      height: scrollerOptions.props ? scrollerOptions.props.itemSize : undefined
+    };
+
     if (props.optionGroupLabel) {
       var groupContent = props.optionGroupTemplate ? utils.ObjectUtils.getJSXElement(props.optionGroupTemplate, option, index) : props.getOptionGroupLabel(option);
-      var groupChildrenContent = createGroupChildren(option);
+      var groupChildrenContent = createGroupChildren(option, style);
       var key = index + '_' + props.getOptionGroupRenderKey(option);
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
         key: key
       }, /*#__PURE__*/React__namespace.createElement("li", {
-        className: "p-multiselect-item-group"
+        className: "p-multiselect-item-group",
+        style: style
       }, groupContent), groupChildrenContent);
     } else {
       var optionLabel = props.getOptionLabel(option);
@@ -511,6 +559,7 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
         key: optionKey,
         label: optionLabel,
         option: option,
+        style: style,
         template: props.itemTemplate,
         selected: selected,
         onClick: props.onOptionSelect,
@@ -539,13 +588,14 @@ var MultiSelectPanel = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__n
         }),
         className: utils.classNames('p-multiselect-items-wrapper', props.virtualScrollerOptions.className),
         items: props.visibleOptions,
+        autoSize: true,
         onLazyLoad: function onLazyLoad(event) {
           return props.virtualScrollerOptions.onLazyLoad(_objectSpread$1(_objectSpread$1({}, event), {
             filter: props.filterValue
           }));
         },
         itemTemplate: function itemTemplate(item, options) {
-          return item && createItem(item, options.index);
+          return item && createItem(item, options.index, options);
         },
         contentTemplate: function contentTemplate(options) {
           var className = utils.classNames('p-multiselect-items p-component', options.className);
@@ -722,7 +772,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 
       case 27:
         hide();
-        inputRef.current.focus();
+        utils.DomHandler.focus(inputRef.current);
         break;
     }
   };
@@ -740,7 +790,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var onClick = function onClick(event) {
     if (!props.disabled && !isPanelClicked(event) && !utils.DomHandler.hasClass(event.target, 'p-multiselect-token-icon') && !isClearClicked(event)) {
       overlayVisibleState ? hide() : show();
-      inputRef.current.focus();
+      utils.DomHandler.focus(inputRef.current);
       event.preventDefault();
     }
   };
@@ -917,7 +967,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 
   var onCloseClick = function onCloseClick(event) {
     hide();
-    inputRef.current.focus();
+    utils.DomHandler.focus(inputRef.current);
     event.preventDefault();
     event.stopPropagation();
   };
@@ -1110,7 +1160,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     var label;
 
     if (!empty && !props.fixedPlaceholder) {
-      if (props.maxSelectedLabels && props.value.length > props.maxSelectedLabels) {
+      if (utils.ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
         return getSelectedItemsLabel();
       } else {
         return props.value.reduce(function (acc, value, index) {
@@ -1125,7 +1175,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
   var getLabelContent = function getLabelContent() {
     if (props.selectedItemTemplate) {
       if (!empty) {
-        if (props.maxSelectedLabels && props.value.length > props.maxSelectedLabels) {
+        if (utils.ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
           return getSelectedItemsLabel();
         } else {
           return props.value.map(function (val, index) {
@@ -1199,6 +1249,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]);
@@ -1290,6 +1356,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     filterValue: filterState,
     hasFilter: hasFilter,
     onFilterInputChange: onFilterInputChange,
+    resetFilter: resetFilter,
     onCloseClick: onCloseClick,
     onSelectAll: onSelectAll,
     getOptionLabel: getOptionLabel,
@@ -1328,6 +1395,7 @@ MultiSelect.defaultProps = {
   optionGroupLabel: null,
   optionGroupChildren: null,
   optionGroupTemplate: null,
+  filterTemplate: null,
   display: 'comma',
   style: null,
   className: null,