primereact 8.1.0 → 8.3.0

package/messages/messages.cjs.js

@@ -47,6 +47,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -201,6 +216,9 @@ var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespac
 }));
 UIMessage.displayName = 'UIMessage';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var messageIdx = 0;
 var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState([]),
@@ -208,9 +226,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 +251,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) {
@@ -242,15 +263,19 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   React__namespace.useImperativeHandle(ref, function () {
-    return {
+    return _objectSpread({
       show: show,
       replace: replace,
-      clear: clear
-    };
+      clear: clear,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
   });
   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"),o=require("primereact/ripple");function i(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var l=i(e);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,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function u(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function f(e){if(Array.isArray(e))return u(e)}function m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function p(e,r){if(e){if("string"==typeof e)return u(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,r):void 0}}function y(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function b(e){return f(e)||m(e)||p(e)||y()}function d(e){if(Array.isArray(e))return e}function g(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o=[],i=!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 O(e,r){return d(e)||g(e,r)||p(e,r)||v()}var j=l.memo(l.forwardRef((function(e,r){var t=e.message,i=t.severity,s=t.content,c=t.summary,u=t.detail,f=t.closable,m=O(a.useTimeout((function(){p(null)}),t.life||3e3,!t.sticky),1)[0],p=function(r){m(),e.onClose&&e.onClose(e.message),r&&(r.preventDefault(),r.stopPropagation())},y=n.classNames("p-message p-component p-message-"+i),b=!1!==f?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,d=function(){if(e.message){var r=n.classNames("p-message-icon pi ",{"pi-info-circle":"info"===i,"pi-check":"success"===i,"pi-exclamation-triangle":"warn"===i,"pi-times-circle":"error"===i});return s||l.createElement(l.Fragment,null,l.createElement("span",{className:r}),l.createElement("span",{className:"p-message-summary"},c),l.createElement("span",{className:"p-message-detail"},u))}return null}();return l.createElement("div",{ref:r,className:y,onClick:function(){e.onClick&&e.onClick(e.message)}},l.createElement("div",{className:"p-message-wrapper"},d,b))})));function h(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function E(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?h(Object(t),!0).forEach((function(r){c(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}j.displayName="UIMessage";var w=0,P=l.memo(l.forwardRef((function(e,a){var o=O(l.useState([]),2),i=o[0],c=o[1],u=l.useRef(null),f=function(e){if(e){var r;if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t].id=w++,r=[].concat(b(i),b(e));else e.id=w++,r=i?[].concat(b(i),[e]):[e];c(r)}},m=function(){c([])},p=function(e){var r=Array.isArray(e)?e:[e];c(r)},y=function(r){c(i.filter((function(e){return e.id!==r.id}))),e.onRemove&&e.onRemove(r)};l.useImperativeHandle(a,(function(){return E({show:f,replace:p,clear:m,getElement:function(){return u.current}},e)}));var d=n.ObjectUtils.findDiffKeys(e,P.defaultProps);return l.createElement("div",s({id:e.id,ref:u,className:e.className,style:e.style},d),l.createElement(r.TransitionGroup,null,i.map((function(r){var n=l.createRef();return l.createElement(t.CSSTransition,{nodeRef:n,key:r.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:e.transitionOptions},l.createElement(j,{ref:n,message:r,onClick:e.onClick,onClose:y}))}))))})));P.displayName="Messages",P.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null},exports.Messages=P;

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

@@ -23,6 +23,21 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
 
@@ -177,6 +192,9 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 }));
 UIMessage.displayName = 'UIMessage';
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var messageIdx = 0;
 var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState([]),
@@ -184,9 +202,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 +227,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) {
@@ -218,15 +239,19 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   React.useImperativeHandle(ref, function () {
-    return {
+    return _objectSpread({
       show: show,
       replace: replace,
-      clear: clear
-    };
+      clear: clear,
+      getElement: function getElement() {
+        return elementRef.current;
+      }
+    }, props);
   });
   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,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}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 b(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 v(e,r){return d(e)||b(e,r)||f(e,r)||g()}var O=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=v(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,b=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"},b,d))})));function h(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function E(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?h(Object(t),!0).forEach((function(r){s(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):h(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}O.displayName="UIMessage";var w=0,j=e.memo(e.forwardRef((function(n,o){var i=v(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=w++,r=[].concat(y(s),y(e));else e.id=w++,r=s?[].concat(y(s),[e]):[e];c(r)}},f=function(){c([])},p=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 E({show:m,replace:p,clear:f,getElement:function(){return u.current}},n)}));var b=a.findDiffKeys(n,j.defaultProps);return e.createElement("div",l({id:n.id,ref:u,className:n.className,style:n.style},b),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(O,{ref:a,message:r,onClick:n.onClick,onClose:d}))}))))})));j.displayName="Messages",j.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null};export{j as Messages};

package/messages/messages.js

@@ -40,6 +40,21 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     return _extends.apply(this, arguments);
   }
 
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
+  }
+
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -194,6 +209,9 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
   }));
   UIMessage.displayName = 'UIMessage';
 
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var messageIdx = 0;
   var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState([]),
@@ -201,9 +219,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 +244,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) {
@@ -235,15 +256,19 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     };
 
     React__namespace.useImperativeHandle(ref, function () {
-      return {
+      return _objectSpread({
         show: show,
         replace: replace,
-        clear: clear
-      };
+        clear: clear,
+        getElement: function getElement() {
+          return elementRef.current;
+        }
+      }, props);
     });
     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,o,i){"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,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function m(e){if(Array.isArray(e))return f(e)}function p(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function y(e,t){if(e){if("string"==typeof e)return f(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?f(e,t):void 0}}function b(){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)||p(e)||y(e)||b()}function g(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,o=[],i=!0,s=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){s=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(s)throw a}}return o}}function O(){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 g(e)||v(e,t)||y(e,t)||O()}var j=l.memo(l.forwardRef((function(e,t){var r=e.message,n=r.severity,s=r.content,c=r.summary,u=r.detail,f=r.closable,m=h(o.useTimeout((function(){p(null)}),r.life||3e3,!r.sticky),1)[0],p=function(t){m(),e.onClose&&e.onClose(e.message),t&&(t.preventDefault(),t.stopPropagation())},y=a.classNames("p-message p-component p-message-"+n),b=!1!==f?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(i.Ripple,null)):null,d=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"},d,b))})));function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){u(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}j.displayName="UIMessage";var P=0,N=l.memo(l.forwardRef((function(e,t){var o=h(l.useState([]),2),i=o[0],s=o[1],u=l.useRef(null),f=function(e){if(e){var t;if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=P++,t=[].concat(d(i),d(e));else e.id=P++,t=i?[].concat(d(i),[e]):[e];s(t)}},m=function(){s([])},p=function(e){var t=Array.isArray(e)?e:[e];s(t)},y=function(t){s(i.filter((function(e){return e.id!==t.id}))),e.onRemove&&e.onRemove(t)};l.useImperativeHandle(t,(function(){return w({show:f,replace:p,clear:m,getElement:function(){return u.current}},e)}));var b=a.ObjectUtils.findDiffKeys(e,N.defaultProps);return l.createElement("div",c({id:e.id,ref:u,className:e.className,style:e.style},b),l.createElement(r.TransitionGroup,null,i.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(j,{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

@@ -147,6 +147,9 @@ function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$1(arr, i) || _nonIterableRest();
 }
 
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var _React$useState = React__namespace.useState(false),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -176,7 +179,8 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
       });
       inputRef.current.checked = !_checked;
-      inputRef.current.focus();
+      utils.DomHandler.focus(inputRef.current);
+      event.preventDefault();
     }
   };
 
@@ -192,6 +196,16 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return props.checked === props.trueValue;
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread$2({
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    }, props);
+  });
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
@@ -277,6 +291,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 +322,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 +335,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 +428,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 +480,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 +502,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 +514,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 +533,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 +558,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 +587,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 +771,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 
       case 27:
         hide();
-        inputRef.current.focus();
+        utils.DomHandler.focus(inputRef.current);
         break;
     }
   };
@@ -740,7 +789,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 +966,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 +1159,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 +1174,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 +1248,21 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
     }
   };
 
+  React__namespace.useImperativeHandle(ref, function () {
+    return _objectSpread({
+      show: show,
+      hide: hide,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getOverlay: function getOverlay() {
+        return overlayRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
+    }, props);
+  });
   React__namespace.useEffect(function () {
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
@@ -1290,6 +1354,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 +1393,7 @@ MultiSelect.defaultProps = {
   optionGroupLabel: null,
   optionGroupChildren: null,
   optionGroupTemplate: null,
+  filterTemplate: null,
   display: 'comma',
   style: null,
   className: null,