primereact 8.1.1 → 8.2.0

package/menubar/menubar.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.menubar=function(e,t,n,r,a,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=o(t),c=u(n);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],u=!0,o=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);u=!0);}catch(e){o=!0,a=e}finally{try{u||null==n.return||n.return()}finally{if(o)throw a}}return l}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}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 v(e,t){return m(e)||f(e,t)||d(e,t)||b()}var y=i.memo(i.forwardRef((function(e,t){var n=v(i.useState(null),2),u=n[0],o=n[1],c=v(r.useEventListener({type:"click",listener:function(e){t&&t.current&&!t.current.contains(e.target)&&o(null)}}),1)[0],s=function(t,n){n.disabled||e.mobileActive?t.preventDefault():e.root?(u||e.popup)&&o(n):o(n)},m=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?o(u&&t===u?null:t):C())},f=function(t,n){var r=t.currentTarget.parentElement;switch(t.which){case 40:e.root?n.items&&d(n,r):h(r),t.preventDefault();break;case 38:!e.root&&E(r),t.preventDefault();break;case 39:if(e.root){var a=g(r);a&&a.children[0].focus()}else n.items&&d(n,r);t.preventDefault();break;case 37:e.root&&E(r),t.preventDefault()}e.onKeyDown&&e.onKeyDown(t,r)},p=function(t,n){e.root?38===t.which&&null==n.previousElementSibling&&b(n):37===t.which&&b(n)},d=function(e,t){o(e),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)},b=function(e){o(null),e.parentElement.previousElementSibling.focus()},h=function(e){var t=g(e);t&&t.children[0].focus()},E=function(e){var t=N(e);t&&t.children[0].focus()},g=function e(t){var n=t.nextElementSibling;return n?a.DomHandler.hasClass(n,"p-disabled")||!a.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},N=function e(t){var n=t.previousElementSibling;return n?a.DomHandler.hasClass(n,"p-disabled")||!a.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},C=function(){o(null),e.onLeafClick&&e.onLeafClick()};r.useMountEffect((function(){c()})),r.useUpdateEffect((function(){!e.parentActive&&o(null)}),[e.parentActive]);var D=function(e){return i.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(t){return t.items?i.createElement(y,{menuProps:e.menuProps,model:t.items,mobileActive:e.mobileActive,onLeafClick:C,onKeyDown:p,parentActive:t===u}):null},k=function(t,n){var r=t.label+"_"+n,o=a.classNames("p-menuitem",{"p-menuitem-active":u===t},t.className),c=a.classNames("p-menuitem-link",{"p-disabled":t.disabled}),p=a.classNames("p-menuitem-icon",t.icon),d=a.classNames("p-submenu-icon pi",{"pi-angle-down":e.root,"pi-angle-right":!e.root}),b=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),v=t.label&&i.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&i.createElement("span",{className:d}),h=w(t),E=i.createElement("a",{href:t.url||"#",role:"menuitem",className:c,target:t.target,"aria-haspopup":null!=t.items,onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)}},b,v,y,i.createElement(l.Ripple,null));t.template&&(E=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)},className:c,labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:d,element:E,props:e}));return i.createElement("li",{key:r,role:"none",className:o,style:t.style,onMouseEnter:function(e){return s(e,t)}},E,h)},j=function(e,t){return e.separator?D(t):k(e,t)},O=e.root?"menubar":"menu",S=a.classNames({"p-submenu-list":!e.root,"p-menubar-root-list":e.root}),A=e.model?e.model.map(j):null;return i.createElement("ul",{ref:t,className:S,role:O},A)})));y.displayName="MenubarSub";var h=i.memo(i.forwardRef((function(e,t){var n=v(i.useState(!1),2),l=n[0],u=n[1],o=i.useRef(null),m=i.useRef(null),f=v(r.useEventListener({type:"click",listener:function(e){l&&E(e)&&u(!1)}}),2),p=f[0],d=f[1],b=function(e){e.preventDefault(),u((function(e){return!e}))},E=function(e){return o.current!==e.target&&!o.current.contains(e.target)&&m.current!==e.target&&!m.current.contains(e.target)};r.useUpdateEffect((function(){l?(a.ZIndexUtils.set("menu",o.current,c.default.autoZIndex,c.default.zIndex.menu),p()):(d(),a.ZIndexUtils.clear(o.current))}),[l]),r.useUnmountEffect((function(){a.ZIndexUtils.clear(o.current)})),i.useImperativeHandle(t,(function(){return{toggle:b,useCustomContent:useCustomContent}}));var g=a.ObjectUtils.findDiffKeys(e,h.defaultProps),N=a.classNames("p-menubar p-component",{"p-menubar-mobile-active":l},e.className),C=function(){if(e.start){var t=a.ObjectUtils.getJSXElement(e.start,e);return i.createElement("div",{className:"p-menubar-start"},t)}return null}(),D=function(){if(e.end){var t=a.ObjectUtils.getJSXElement(e.end,e);return i.createElement("div",{className:"p-menubar-end"},t)}return null}(),w=i.createElement("a",{ref:m,href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:b},i.createElement("i",{className:"pi pi-bars"})),k=i.createElement(y,{ref:o,menuProps:e,model:e.model,root:!0,mobileActive:l,onLeafClick:function(){u(!1)}});return i.createElement("div",s({id:e.id,className:N,style:e.style},g),C,w,k,D)})));return h.displayName="Menubar",h.defaultProps={__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,end:null},e.Menubar=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.ripple);
+this.primereact=this.primereact||{},this.primereact.menubar=function(e,t,n,r,a,l){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=o(t),c=u(n);function s(){return s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s.apply(this,arguments)}function m(e){if(Array.isArray(e))return e}function f(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,a,l=[],u=!0,o=!1;try{for(n=n.call(e);!(u=(r=n.next()).done)&&(l.push(r.value),!t||l.length!==t);u=!0);}catch(e){o=!0,a=e}finally{try{u||null==n.return||n.return()}finally{if(o)throw a}}return l}}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function d(e,t){if(e){if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?p(e,t):void 0}}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 v(e,t){return m(e)||f(e,t)||d(e,t)||b()}var y=i.memo(i.forwardRef((function(e,t){var n=v(i.useState(null),2),u=n[0],o=n[1],c=v(r.useEventListener({type:"click",listener:function(e){t&&t.current&&!t.current.contains(e.target)&&o(null)}}),1)[0],s=function(t,n){n.disabled||e.mobileActive?t.preventDefault():e.root?(u||e.popup)&&o(n):o(n)},m=function(e,t){t.disabled?e.preventDefault():(t.url||e.preventDefault(),t.command&&t.command({originalEvent:e,item:t}),t.items?o(u&&t===u?null:t):C())},f=function(t,n){var r=t.currentTarget.parentElement;switch(t.which){case 40:e.root?n.items&&d(n,r):h(r),t.preventDefault();break;case 38:!e.root&&E(r),t.preventDefault();break;case 39:if(e.root){var a=g(r);a&&a.children[0].focus()}else n.items&&d(n,r);t.preventDefault();break;case 37:e.root&&E(r),t.preventDefault()}e.onKeyDown&&e.onKeyDown(t,r)},p=function(t,n){e.root?38===t.which&&null==n.previousElementSibling&&b(n):37===t.which&&b(n)},d=function(e,t){o(e),setTimeout((function(){t.children[1].children[0].children[0].focus()}),50)},b=function(e){o(null),e.parentElement.previousElementSibling.focus()},h=function(e){var t=g(e);t&&t.children[0].focus()},E=function(e){var t=N(e);t&&t.children[0].focus()},g=function e(t){var n=t.nextElementSibling;return n?a.DomHandler.hasClass(n,"p-disabled")||!a.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},N=function e(t){var n=t.previousElementSibling;return n?a.DomHandler.hasClass(n,"p-disabled")||!a.DomHandler.hasClass(n,"p-menuitem")?e(n):n:null},C=function(){o(null),e.onLeafClick&&e.onLeafClick()};r.useMountEffect((function(){c()})),r.useUpdateEffect((function(){!e.parentActive&&o(null)}),[e.parentActive]);var D=function(e){return i.createElement("li",{key:"separator_"+e,className:"p-menu-separator",role:"separator"})},w=function(t){return t.items?i.createElement(y,{menuProps:e.menuProps,model:t.items,mobileActive:e.mobileActive,onLeafClick:C,onKeyDown:p,parentActive:t===u}):null},k=function(t,n){var r=t.label+"_"+n,o=a.classNames("p-menuitem",{"p-menuitem-active":u===t},t.className),c=a.classNames("p-menuitem-link",{"p-disabled":t.disabled}),p=a.classNames("p-menuitem-icon",t.icon),d=a.classNames("p-submenu-icon pi",{"pi-angle-down":e.root,"pi-angle-right":!e.root}),b=a.IconUtils.getJSXIcon(t.icon,{className:"p-menuitem-icon"},{props:e.menuProps}),v=t.label&&i.createElement("span",{className:"p-menuitem-text"},t.label),y=t.items&&i.createElement("span",{className:d}),h=w(t),E=i.createElement("a",{href:t.url||"#",role:"menuitem",className:c,target:t.target,"aria-haspopup":null!=t.items,onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)}},b,v,y,i.createElement(l.Ripple,null));t.template&&(E=a.ObjectUtils.getJSXElement(t.template,t,{onClick:function(e){return m(e,t)},onKeyDown:function(e){return f(e,t)},className:c,labelClassName:"p-menuitem-text",iconClassName:p,submenuIconClassName:d,element:E,props:e}));return i.createElement("li",{key:r,role:"none",id:t.id,className:o,style:t.style,onMouseEnter:function(e){return s(e,t)}},E,h)},j=function(e,t){return e.separator?D(t):k(e,t)},O=e.root?"menubar":"menu",S=a.classNames({"p-submenu-list":!e.root,"p-menubar-root-list":e.root}),A=e.model?e.model.map(j):null;return i.createElement("ul",{ref:t,className:S,role:O},A)})));y.displayName="MenubarSub";var h=i.memo(i.forwardRef((function(e,t){var n=v(i.useState(!1),2),l=n[0],u=n[1],o=i.useRef(null),m=i.useRef(null),f=v(r.useEventListener({type:"click",listener:function(e){l&&E(e)&&u(!1)}}),2),p=f[0],d=f[1],b=function(e){e.preventDefault(),u((function(e){return!e}))},E=function(e){return o.current!==e.target&&!o.current.contains(e.target)&&m.current!==e.target&&!m.current.contains(e.target)};r.useUpdateEffect((function(){l?(a.ZIndexUtils.set("menu",o.current,c.default.autoZIndex,c.default.zIndex.menu),p()):(d(),a.ZIndexUtils.clear(o.current))}),[l]),r.useUnmountEffect((function(){a.ZIndexUtils.clear(o.current)})),i.useImperativeHandle(t,(function(){return{toggle:b,useCustomContent:useCustomContent}}));var g=a.ObjectUtils.findDiffKeys(e,h.defaultProps),N=a.classNames("p-menubar p-component",{"p-menubar-mobile-active":l},e.className),C=function(){if(e.start){var t=a.ObjectUtils.getJSXElement(e.start,e);return i.createElement("div",{className:"p-menubar-start"},t)}return null}(),D=function(){if(e.end){var t=a.ObjectUtils.getJSXElement(e.end,e);return i.createElement("div",{className:"p-menubar-end"},t)}return null}(),w=i.createElement("a",{ref:m,href:"#",role:"button",tabIndex:0,className:"p-menubar-button",onClick:b},i.createElement("i",{className:"pi pi-bars"})),k=i.createElement(y,{ref:o,menuProps:e,model:e.model,root:!0,mobileActive:l,onLeafClick:function(){u(!1)}});return i.createElement("div",s({id:e.id,className:N,style:e.style},g),C,w,k,D)})));return h.displayName="Menubar",h.defaultProps={__TYPE:"Menubar",id:null,model:null,style:null,className:null,start:null,end:null},e.Menubar=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.hooks,primereact.utils,primereact.ripple);

package/menuitem/menuitem.d.ts

@@ -17,6 +17,7 @@ interface MenuItemOptions {
 type MenuItemTemplateType = React.ReactNode | ((item: MenuItem, options: MenuItemOptions) => React.ReactNode);
 
 export interface MenuItem {
+    id?: string;
     label?: string;
     icon?: any;
     url?: string;
@@ -29,4 +30,5 @@ export interface MenuItem {
     className?: string;
     command?(e: MenuItemCommandParams): void;
     template?: MenuItemTemplateType;
+    data?: any;
 }

package/message/message.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-type MessageSeverityType = 'success' | 'info' | 'warn' | 'error' | (string & {});
+type MessageSeverityType = 'success' | 'info' | 'warn' | 'error';
 
 type MessageContentType = React.ReactNode | ((props: MessageProps) => React.ReactNode);
 

package/messages/messages.cjs.js

@@ -210,7 +210,7 @@ var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
   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 +231,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) {

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=function(e){if(e){var r;if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t].id=E++,r=[].concat(y(o),y(e));else e.id=E++,r=o?[].concat(y(o),[e]):[e];c(r)}},m=function(){c([])},f=function(e){var r=Array.isArray(e)?e:[e];c(r)},p=function(r){c(o.filter((function(e){return e.id!==r.id}))),e.onRemove&&e.onRemove(r)};s.useImperativeHandle(a,(function(){return{show:u,replace:f,clear:m}}));var d=n.ObjectUtils.findDiffKeys(e,O.defaultProps);return s.createElement("div",l({id:e.id,className:e.className,style:e.style},d),s.createElement(r.TransitionGroup,null,o.map((function(r){var n=s.createRef();return s.createElement(t.CSSTransition,{nodeRef:n,key:r.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:e.transitionOptions},s.createElement(h,{ref:n,message:r,onClick:e.onClick,onClose:p}))}))))})));O.displayName="Messages",O.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null},exports.Messages=O;

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[];
 

package/messages/messages.esm.js

@@ -186,7 +186,7 @@ var Messages = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   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 +207,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) {

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 m(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function u(e,r){if(e){if("string"==typeof e)return s(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?s(e,r):void 0}}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function p(e){return c(e)||m(e)||u(e)||f()}function y(e){if(Array.isArray(e))return e}function d(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,a,o=[],i=!0,l=!1;try{for(t=t.call(e);!(i=(n=t.next()).done)&&(o.push(n.value),!r||o.length!==r);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==t.return||t.return()}finally{if(l)throw a}}return o}}function v(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function g(e,r){return y(e)||d(e,r)||u(e,r)||v()}var b=e.memo(e.forwardRef((function(r,t){var a=r.message,l=a.severity,s=a.content,c=a.summary,m=a.detail,u=a.closable,f=g(o((function(){p(null)}),a.life||3e3,!a.sticky),1)[0],p=function(e){f(),r.onClose&&r.onClose(r.message),e&&(e.preventDefault(),e.stopPropagation())},y=n("p-message p-component p-message-"+l),d=!1!==u?e.createElement("button",{type:"button",className:"p-message-close p-link",onClick:p},e.createElement("i",{className:"p-message-close-icon pi pi-times"}),e.createElement(i,null)):null,v=function(){if(r.message){var t=n("p-message-icon pi ",{"pi-info-circle":"info"===l,"pi-check":"success"===l,"pi-exclamation-triangle":"warn"===l,"pi-times-circle":"error"===l});return s||e.createElement(e.Fragment,null,e.createElement("span",{className:t}),e.createElement("span",{className:"p-message-summary"},c),e.createElement("span",{className:"p-message-detail"},m))}return null}();return e.createElement("div",{ref:t,className:y,onClick:function(){r.onClick&&r.onClick(r.message)}},e.createElement("div",{className:"p-message-wrapper"},v,d))})));b.displayName="UIMessage";var h=0,E=e.memo(e.forwardRef((function(n,o){var i=g(e.useState([]),2),s=i[0],c=i[1],m=function(e){if(e){var r;if(Array.isArray(e))for(var t=0;t<e.length;t++)e[t].id=h++,r=[].concat(p(s),p(e));else e.id=h++,r=s?[].concat(p(s),[e]):[e];c(r)}},u=function(){c([])},f=function(e){var r=Array.isArray(e)?e:[e];c(r)},y=function(e){c(s.filter((function(r){return r.id!==e.id}))),n.onRemove&&n.onRemove(e)};e.useImperativeHandle(o,(function(){return{show:m,replace:f,clear:u}}));var d=a.findDiffKeys(n,E.defaultProps);return e.createElement("div",l({id:n.id,className:n.className,style:n.style},d),e.createElement(r,null,s.map((function(r){var a=e.createRef();return e.createElement(t,{nodeRef:a,key:r.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:n.transitionOptions},e.createElement(b,{ref:a,message:r,onClick:n.onClick,onClose:y}))}))))})));E.displayName="Messages",E.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null};export{E as Messages};

package/messages/messages.js

@@ -203,7 +203,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
 
     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 +224,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) {

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=function(e){if(e){var t;if(Array.isArray(e))for(var r=0;r<e.length;r++)e[r].id=O++,t=[].concat(d(o),d(e));else e.id=O++,t=o?[].concat(d(o),[e]):[e];s(t)}},m=function(){s([])},f=function(e){var t=Array.isArray(e)?e:[e];s(t)},p=function(t){s(o.filter((function(e){return e.id!==t.id}))),e.onRemove&&e.onRemove(t)};l.useImperativeHandle(t,(function(){return{show:u,replace:f,clear:m}}));var y=a.ObjectUtils.findDiffKeys(e,N.defaultProps);return l.createElement("div",c({id:e.id,className:e.className,style:e.style},y),l.createElement(r.TransitionGroup,null,o.map((function(t){var r=l.createRef();return l.createElement(n.CSSTransition,{nodeRef:r,key:t.id,classNames:"p-message",unmountOnExit:!0,timeout:{enter:300,exit:300},options:e.transitionOptions},l.createElement(E,{ref:r,message:t,onClick:e.onClick,onClose:p}))}))))})));return N.displayName="Messages",N.defaultProps={__TYPE:"Messages",id:null,className:null,style:null,transitionOptions:null,onRemove:null,onClick:null},e.Messages=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,ReactTransitionGroup,primereact.csstransition,primereact.utils,primereact.hooks,primereact.ripple);

package/multiselect/multiselect.cjs.js

@@ -176,7 +176,7 @@ var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
       });
       inputRef.current.checked = !_checked;
-      inputRef.current.focus();
+      utils.DomHandler.focus(inputRef.current);
     }
   };
 
@@ -390,6 +390,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,
@@ -462,7 +463,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 +475,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 +494,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 +519,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 +548,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 +732,7 @@ var MultiSelect = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namesp
 
       case 27:
         hide();
-        inputRef.current.focus();
+        utils.DomHandler.focus(inputRef.current);
         break;
     }
   };
@@ -740,7 +750,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 +927,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 +1120,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 +1135,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) {

package/multiselect/multiselect.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),l=require("primereact/hooks"),n=require("primereact/overlayservice"),r=require("primereact/tooltip"),i=require("primereact/utils"),o=require("primereact/csstransition"),a=require("primereact/portal"),c=require("primereact/virtualscroller"),u=require("primereact/inputtext"),s=require("primereact/ripple");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,n.get?n:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var m=f(e),d=p(t);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},b.apply(this,arguments)}function v(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}function h(e){if(Array.isArray(e))return y(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?y(e,t):void 0}}function E(){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 S(e){return h(e)||g(e)||O(e)||E()}function x(e){if(Array.isArray(e))return e}function k(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n,r,i=[],o=!0,a=!1;try{for(l=l.call(e);!(o=(n=l.next()).done)&&(i.push(n.value),!t||i.length!==t);o=!0);}catch(e){a=!0,r=e}finally{try{o||null==l.return||l.return()}finally{if(a)throw r}}return i}}function j(){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 w(e,t){return x(e)||k(e,t)||O(e,t)||j()}var N=m.memo(m.forwardRef((function(e,t){var n=w(m.useState(!1),2),o=n[0],a=n[1],c=m.useRef(null),u=m.useRef(e.inputRef),s=function(){return e.checked===e.trueValue};m.useEffect((function(){i.ObjectUtils.combinedRefs(u,e.inputRef)}),[u,e.inputRef]),l.useUpdateEffect((function(){u.current.checked=s()}),[e.checked,e.trueValue]);var p=s(),f=i.ObjectUtils.isNotEmpty(e.tooltip),d=i.ObjectUtils.findDiffKeys(e,N.defaultProps),v=i.classNames("p-checkbox p-component",{"p-checkbox-checked":p,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":o},e.className),y=i.classNames("p-checkbox-box",{"p-highlight":p,"p-disabled":e.disabled,"p-focus":o}),h=i.IconUtils.getJSXIcon(p?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:p});return m.createElement(m.Fragment,null,m.createElement("div",b({ref:c,id:e.id,className:v,style:e.style},d,{onClick:function(t){if(!e.disabled&&!e.readOnly&&e.onChange){var l=s(),n=l?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:n,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:n}}),u.current.checked=!l,u.current.focus()}},onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),m.createElement("div",{className:"p-hidden-accessible"},m.createElement("input",{ref:u,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:p,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){a(!0)},onBlur:function(){a(!1)},disabled:e.disabled,readOnly:e.readOnly,required:e.required})),m.createElement("div",{className:y},h)),f&&m.createElement(r.Tooltip,b({target:c,content:e.tooltip},e.tooltipOptions)))})));N.displayName="Checkbox",N.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null};var I=m.memo((function(e){var t=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},l=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},n=e.filter?m.createElement("div",{className:"p-multiselect-filter-container"},m.createElement(u.InputText,{type:"text",role:"textbox",value:e.filterValue,onChange:t,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),m.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null,r=e.showSelectAll&&m.createElement(N,{checked:e.selectAll,onChange:l,role:"checkbox","aria-checked":e.selectAll}),o=m.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:e.onClose},m.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),m.createElement(s.Ripple,null)),a=m.createElement("div",{className:"p-multiselect-header"},r,n,o);return e.template?i.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:r,checked:e.selectAll,onChange:l,filterElement:n,closeElement:o,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:e.onClose,element:a,props:e}):a}));I.displayName="MultiSelectHeader";var C=m.memo((function(e){var t=i.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.option.className),l=i.classNames("p-checkbox-box",{"p-highlight":e.selected}),n=i.classNames("p-checkbox-icon p-c",{"pi pi-check":e.selected}),r=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return m.createElement("li",{className:t,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},m.createElement("div",{className:"p-checkbox p-component"},m.createElement("div",{className:l},m.createElement("span",{className:n}))),m.createElement("span",null,r),m.createElement(s.Ripple,null))}));function D(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function L(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?D(Object(l),!0).forEach((function(t){v(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):D(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}C.displayName="MultiSelectItem";var F=m.memo(m.forwardRef((function(e,l){var n,r,u,s,p,f=m.useRef(null),d=function(){e.onEnter((function(){if(f.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return f.current.scrollToIndex(t)}),0)}}))},v=function(t){f.current&&f.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(){if(e.panelFooterTemplate){var t=i.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return m.createElement("div",{className:"p-multiselect-footer"},t)}return null},h=function(){var l=i.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage");return m.createElement("li",{className:"p-multiselect-empty-message"},l)},g=function(t,l){if(e.optionGroupLabel){var n=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,l):e.getOptionGroupLabel(t),r=e.getOptionGroupChildren(t).map((function(t,l){var n=e.getOptionLabel(t),r=l+"_"+e.getOptionRenderKey(t),i=e.isOptionDisabled(t),o=i?null:e.tabIndex||0,a=e.isSelected(t);return m.createElement(C,{key:r,label:n,option:t,template:e.itemTemplate,selected:a,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:o,disabled:i})})),o=l+"_"+e.getOptionGroupRenderKey(t);return m.createElement(m.Fragment,{key:o},m.createElement("li",{className:"p-multiselect-item-group"},n),r)}var a=e.getOptionLabel(t),c=l+"_"+e.getOptionRenderKey(t),u=e.isOptionDisabled(t),s=u?null:e.tabIndex||0,p=e.isSelected(t);return m.createElement(C,{key:c,label:a,option:t,template:e.itemTemplate,selected:p,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:s,disabled:u})},O=function(){if(e.virtualScrollerOptions){var t=L(L({},e.virtualScrollerOptions),{style:L(L({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:i.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(L(L({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&g(e,t.index)},contentTemplate:function(t){var l=i.classNames("p-multiselect-items p-component",t.className),n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:h();return m.createElement("ul",{ref:t.contentRef,className:l,role:"listbox","aria-multiselectable":!0},n)}});return m.createElement(c.VirtualScroller,b({ref:f},t))}var l=i.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(g):e.hasFilter?h():null;return m.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},m.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},l))},E=(n=e.allowOptionSelect(),r=i.classNames("p-multiselect-panel p-component",{"p-multiselect-limited":!n},e.panelClassName),u=m.createElement(I,{filter:e.filter,filterValue:e.filterValue,onFilter:v,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate}),s=O(),p=y(),m.createElement(o.CSSTransition,{nodeRef:l,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:d,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},m.createElement("div",{ref:l,className:r,style:e.panelStyle,onClick:e.onClick},u,s,p)));return m.createElement(a.Portal,{element:E,appendTo:e.appendTo})})));function U(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function P(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?U(Object(l),!0).forEach((function(t){v(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):U(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}function A(e,t){var l="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!l){if(Array.isArray(e)||(l=T(e))||t&&e&&"number"==typeof e.length){l&&(e=l);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){l=l.call(e)},n:function(){var e=l.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==l.return||l.return()}finally{if(a)throw i}}}}function T(e,t){if(e){if("string"==typeof e)return R(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?R(e,t):void 0}}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}F.displayName="MultiSelectPanel";var M=m.memo(m.forwardRef((function(e,o){var a=w(m.useState(""),2),c=a[0],u=a[1],s=w(m.useState(!1),2),p=s[0],f=s[1],y=w(m.useState(!1),2),h=y[0],g=y[1],O=m.useRef(null),E=m.useRef(e.inputRef),x=m.useRef(null),k=m.useRef(null),j=c&&c.trim().length>0,N=i.ObjectUtils.isEmpty(e.value),I=e.optionValue?null:e.dataKey,C=w(l.useOverlayListener({target:O,overlay:k,listener:function(e,t){t.valid&&("outside"===t.type?!_(e)&&K():K())},when:h}),2),D=C[0],L=C[1],U=function(){return!e.selectionLimit||!e.value||e.value&&e.value.length<e.selectionLimit},T=function(t){var l=t.originalEvent,n=t.option;if(!e.disabled&&!W(n)){var r=$(n),o=ee(n),a=X(n),c=U();a?q(l,e.value.filter((function(e){return!i.ObjectUtils.equals(o?e:$(e),r,I)}))):c&&q(l,[].concat(S(e.value||[]),[r]))}},R=function e(t){var l=t.nextElementSibling;return l?i.DomHandler.hasClass(l,"p-disabled")||i.DomHandler.hasClass(l,"p-multiselect-item-group")?e(l):l:null},H=function e(t){var l=t.previousElementSibling;return l?i.DomHandler.hasClass(l,"p-disabled")||i.DomHandler.hasClass(l,"p-multiselect-item-group")?e(l):l:null},q=function(t,l){e.onChange&&e.onChange({originalEvent:t,value:l,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:l}})},G=function(){g(!0)},K=function(){g(!1)},V=function(){i.DomHandler.alignOverlay(k.current,x.current.parentElement,e.appendTo||d.default.appendTo)},_=function(e){return i.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},B=function(e){return k.current&&k.current.contains(e.target)},J=function(e,t){return t.findIndex((function(t){return e.some((function(e){return i.ObjectUtils.equals(e,$(t),I)}))}))},X=function(t){if(e.value){var l=$(t),n=ee(t);return e.value.some((function(e){return i.ObjectUtils.equals(n?e:$(e),l,I)}))}return!1},z=function(t){var l;if(e.options)if(e.optionGroupLabel){var n,r=A(e.options);try{for(r.s();!(n=r.n()).done;){if(l=Z(t,Q(n.value)))break}}catch(e){r.e(e)}finally{r.f()}}else l=Z(t,e.options);return l?Y(l):null},Z=function(e,t){return t.find((function(t){return i.ObjectUtils.equals($(t),e,I)}))},Y=function(t){return e.optionLabel?i.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},$=function(t){if(e.optionValue){var l=i.ObjectUtils.resolveFieldData(t,e.optionValue);return null!==l?l:t}return t&&void 0!==t.value?t.value:t},Q=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},W=function(t){return e.optionDisabled?i.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):i.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},ee=function(t){return e.optionValue||t&&void 0!==t.value},te=function(t,l){var n=e.value.filter((function(e){return!i.ObjectUtils.equals(e,l,I)}));q(t,n)},le=function(){var t=/{(.*?)}/;return t.test(e.selectedItemsLabel)?e.selectedItemsLabel.replace(e.selectedItemsLabel.match(t)[0],e.value.length+""):e.selectedItemsLabel},ne=function(){if(!N&&!e.fixedPlaceholder)return e.maxSelectedLabels&&e.value.length>e.maxSelectedLabels?le():e.value.reduce((function(e,t,l){return e+(0!==l?",":"")+z(t)}),"")};m.useEffect((function(){i.ObjectUtils.combinedRefs(E,e.inputRef)}),[E,e.inputRef]),l.useUpdateEffect((function(){h&&j&&V()}),[h,j]),l.useUnmountEffect((function(){i.ZIndexUtils.clear(k.current)}));var re=function(){if(j){var l=c.trim().toLocaleLowerCase(e.filterLocale),n=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var r,i=[],o=A(e.options);try{for(o.s();!(r=o.n()).done;){var a=r.value,u=t.FilterService.filter(Q(a),n,l,e.filterMatchMode,e.filterLocale);u&&u.length&&i.push(P(P({},a),v({},e.optionGroupChildren,u)))}}catch(e){o.e(e)}finally{o.f()}return i}return t.FilterService.filter(e.options,n,l,e.filterMatchMode,e.filterLocale)}return e.options}(),ie=i.ObjectUtils.isNotEmpty(e.tooltip),oe=i.ObjectUtils.findDiffKeys(e,M.defaultProps),ae=i.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-multiselect-clearable":e.showClear&&!e.disabled,"p-focus":p,"p-inputwrapper-filled":i.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":p||h},e.className),ce=function(){var t=e.selectedItemTemplate?N?i.ObjectUtils.getJSXElement(e.selectedItemTemplate):e.maxSelectedLabels&&e.value.length>e.maxSelectedLabels?le():e.value.map((function(t,l){var n=i.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return m.createElement(m.Fragment,{key:l},n)})):"chip"!==e.display||N?ne():e.value.slice(0,e.maxSelectedLabels||e.value.length).map((function(t){var l=z(t),n=!e.disabled&&i.IconUtils.getJSXIcon(e.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return te(e,t)}},{props:e});return m.createElement("div",{className:"p-multiselect-token",key:l},m.createElement("span",{className:"p-multiselect-token-label"},l),n)})),l=i.classNames("p-multiselect-label",{"p-placeholder":N&&e.placeholder,"p-multiselect-label-empty":N&&!e.placeholder&&!e.selectedItemTemplate,"p-multiselect-items-label":!N&&"chip"!==e.display&&e.value.length>e.maxSelectedLabels});return m.createElement("div",{ref:x,className:"p-multiselect-label-container"},m.createElement("div",{className:l},t||e.placeholder||"empty"))}(),ue=N||!e.showClear||e.disabled?null:m.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return q(e,null)}});return m.createElement(m.Fragment,null,m.createElement("div",b({ref:O,id:e.id,style:e.style,className:ae},oe,{onClick:function(t){e.disabled||B(t)||i.DomHandler.hasClass(t.target,"p-multiselect-token-icon")||_(t)||(h?K():G(),E.current.focus(),t.preventDefault())}}),m.createElement("div",{className:"p-hidden-accessible"},m.createElement("input",{ref:E,id:e.inputId,name:e.name,readOnly:!0,type:"text",onFocus:function(t){f(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){f(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(e){switch(e.which){case 40:!h&&e.altKey&&(G(),e.preventDefault());break;case 32:h?K():G(),e.preventDefault();break;case 27:K();break;case 9:if(h){var t=i.DomHandler.getFirstFocusableElement(k.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-labelledby":e.ariaLabelledBy,"aria-expanded":h,disabled:e.disabled,tabIndex:e.tabIndex})),ce,ue,m.createElement("div",{className:"p-multiselect-trigger"},i.IconUtils.getJSXIcon(e.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:e})),m.createElement(F,b({ref:k,visibleOptions:re},e,{onClick:function(e){n.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onOverlayHide:K,filterValue:c,hasFilter:j,onFilterInputChange:function(t){var l=t.query;u(l),e.onFilter&&e.onFilter({originalEvent:t,filter:l})},onCloseClick:function(e){K(),E.current.focus(),e.preventDefault(),e.stopPropagation()},onSelectAll:function(t){if(e.onSelectAll)e.onSelectAll(t);else{var l=null;if(t.checked){if(l=[],re){var n=re.filter((function(e){return W(e)&&X(e)}));l=n.map((function(e){return $(e)}))}}else if(re){var r=re.filter((function(e){return!W(e)}));e.optionGroupLabel?(l=[],r.forEach((function(e){return l=[].concat(S(l),S(Q(e).filter((function(e){return!W(e)})).map((function(e){return $(e)}))))}))):l=r.map((function(e){return $(e)}))}q(t.originalEvent,l)}},getOptionLabel:Y,getOptionRenderKey:function(t){return e.dataKey?i.ObjectUtils.resolveFieldData(t,e.dataKey):Y(t)},isOptionDisabled:W,getOptionGroupChildren:Q,getOptionGroupLabel:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:X,getSelectedOptionIndex:function(){if(null!=e.value&&e.options){if(e.optionGroupLabel){var t=0,l=e.options.findIndex((function(l,n){return(t=n)&&-1!==J(e.value,Q(l))}));return-1!==l?{group:t,option:l}:-1}return J(e.value,e.options)}return-1},isAllSelected:function(){if(e.onSelectAll)return e.selectAll;if(i.ObjectUtils.isEmpty(re))return!1;var t=re.filter((function(e){return!W(e)}));if(!e.optionGroupLabel)return!t.some((function(e){return!X(e)}));var l,n=A(t);try{for(n.s();!(l=n.n()).done;){return!Q(l.value).filter((function(e){return!W(e)})).some((function(e){return!X(e)}))}}catch(e){n.e(e)}finally{n.f()}return!0},onOptionSelect:T,allowOptionSelect:U,onOptionKeyDown:function(e){var t=e.originalEvent,l=t.currentTarget;switch(t.which){case 40:var n=R(l);n&&n.focus(),t.preventDefault();break;case 38:var r=H(l);r&&r.focus(),t.preventDefault();break;case 13:case 32:T(e),t.preventDefault();break;case 27:K(),E.current.focus()}},in:h,onEnter:function(e){var t;i.ZIndexUtils.set("overlay",k.current,d.default.autoZIndex,d.default.zIndex.overlay),V(),(t=i.DomHandler.findSingle(k.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(){D(),e.onShow&&e.onShow()},onExit:function(){L()},onExited:function(){e.filter&&e.resetFilterOnHide&&(u(""),e.onFilter&&e.onFilter({filter:""})),i.ZIndexUtils.clear(k.current),e.onHide&&e.onHide()}}))),ie&&m.createElement(r.Tooltip,b({target:O,content:e.tooltip},e.tooltipOptions)))})));M.displayName="MultiSelect",M.defaultProps={__TYPE:"MultiSelect",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:null,resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:null,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null},exports.MultiSelect=M;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/api"),l=require("primereact/hooks"),n=require("primereact/overlayservice"),r=require("primereact/tooltip"),i=require("primereact/utils"),o=require("primereact/csstransition"),a=require("primereact/portal"),c=require("primereact/virtualscroller"),u=require("primereact/inputtext"),s=require("primereact/ripple");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function f(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(l){if("default"!==l){var n=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,n.get?n:{enumerable:!0,get:function(){return e[l]}})}})),t.default=e,Object.freeze(t)}var m=f(e),d=p(t);function b(){return b=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)Object.prototype.hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},b.apply(this,arguments)}function v(e,t,l){return t in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}function h(e){if(Array.isArray(e))return y(e)}function g(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e,t){if(e){if("string"==typeof e)return y(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?y(e,t):void 0}}function E(){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 S(e){return h(e)||g(e)||O(e)||E()}function x(e){if(Array.isArray(e))return e}function k(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var n,r,i=[],o=!0,a=!1;try{for(l=l.call(e);!(o=(n=l.next()).done)&&(i.push(n.value),!t||i.length!==t);o=!0);}catch(e){a=!0,r=e}finally{try{o||null==l.return||l.return()}finally{if(a)throw r}}return i}}function j(){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 w(e,t){return x(e)||k(e,t)||O(e,t)||j()}var N=m.memo(m.forwardRef((function(e,t){var n=w(m.useState(!1),2),o=n[0],a=n[1],c=m.useRef(null),u=m.useRef(e.inputRef),s=function(){return e.checked===e.trueValue};m.useEffect((function(){i.ObjectUtils.combinedRefs(u,e.inputRef)}),[u,e.inputRef]),l.useUpdateEffect((function(){u.current.checked=s()}),[e.checked,e.trueValue]);var p=s(),f=i.ObjectUtils.isNotEmpty(e.tooltip),d=i.ObjectUtils.findDiffKeys(e,N.defaultProps),v=i.classNames("p-checkbox p-component",{"p-checkbox-checked":p,"p-checkbox-disabled":e.disabled,"p-checkbox-focused":o},e.className),y=i.classNames("p-checkbox-box",{"p-highlight":p,"p-disabled":e.disabled,"p-focus":o}),h=i.IconUtils.getJSXIcon(p?e.icon:"",{className:"p-checkbox-icon p-c"},{props:e,checked:p});return m.createElement(m.Fragment,null,m.createElement("div",b({ref:c,id:e.id,className:v,style:e.style},d,{onClick:function(t){if(!e.disabled&&!e.readOnly&&e.onChange){var l=s(),n=l?e.falseValue:e.trueValue;e.onChange({originalEvent:t,value:e.value,checked:n,stopPropagation:function(){},preventDefault:function(){},target:{type:"checkbox",name:e.name,id:e.id,value:e.value,checked:n}}),u.current.checked=!l,i.DomHandler.focus(u.current)}},onContextMenu:e.onContextMenu,onMouseDown:e.onMouseDown}),m.createElement("div",{className:"p-hidden-accessible"},m.createElement("input",{ref:u,type:"checkbox",id:e.inputId,name:e.name,tabIndex:e.tabIndex,defaultChecked:p,"aria-labelledby":e["aria-labelledby"],"aria-label":e["aria-label"],onFocus:function(){a(!0)},onBlur:function(){a(!1)},disabled:e.disabled,readOnly:e.readOnly,required:e.required})),m.createElement("div",{className:y},h)),f&&m.createElement(r.Tooltip,b({target:c,content:e.tooltip},e.tooltipOptions)))})));N.displayName="Checkbox",N.defaultProps={__TYPE:"Checkbox",id:null,inputRef:null,inputId:null,value:null,name:null,checked:!1,trueValue:!0,falseValue:!1,style:null,className:null,disabled:!1,required:!1,readOnly:!1,tabIndex:null,icon:"pi pi-check",tooltip:null,tooltipOptions:null,"aria-label":null,"aria-labelledby":null,onChange:null,onMouseDown:null,onContextMenu:null};var D=m.memo((function(e){var t=function(t){e.onFilter&&e.onFilter({originalEvent:t,query:t.target.value})},l=function(t){e.onSelectAll&&e.onSelectAll({originalEvent:t,checked:e.selectAll}),t.preventDefault()},n=e.filter?m.createElement("div",{className:"p-multiselect-filter-container"},m.createElement(u.InputText,{type:"text",role:"textbox",value:e.filterValue,onChange:t,className:"p-multiselect-filter",placeholder:e.filterPlaceholder}),m.createElement("span",{className:"p-multiselect-filter-icon pi pi-search"})):null,r=e.showSelectAll&&m.createElement(N,{checked:e.selectAll,onChange:l,role:"checkbox","aria-checked":e.selectAll}),o=m.createElement("button",{type:"button",className:"p-multiselect-close p-link",onClick:e.onClose},m.createElement("span",{className:"p-multiselect-close-icon pi pi-times"}),m.createElement(s.Ripple,null)),a=m.createElement("div",{className:"p-multiselect-header"},r,n,o);return e.template?i.ObjectUtils.getJSXElement(e.template,{className:"p-multiselect-header",checkboxElement:r,checked:e.selectAll,onChange:l,filterElement:n,closeElement:o,closeElementClassName:"p-multiselect-close p-link",closeIconClassName:"p-multiselect-close-icon pi pi-times",onCloseClick:e.onClose,element:a,props:e}):a}));D.displayName="MultiSelectHeader";var I=m.memo((function(e){var t=i.classNames("p-multiselect-item",{"p-highlight":e.selected,"p-disabled":e.disabled},e.option.className),l=i.classNames("p-checkbox-box",{"p-highlight":e.selected}),n=i.classNames("p-checkbox-icon p-c",{"pi pi-check":e.selected}),r=e.template?i.ObjectUtils.getJSXElement(e.template,e.option):e.label;return m.createElement("li",{className:t,style:e.style,onClick:function(t){e.onClick&&e.onClick({originalEvent:t,option:e.option}),t.preventDefault()},tabIndex:e.disabled?null:e.tabIndex||0,onKeyDown:function(t){e.onKeyDown&&e.onKeyDown({originalEvent:t,option:e.option})},role:"option","aria-selected":e.selected},m.createElement("div",{className:"p-checkbox p-component"},m.createElement("div",{className:l},m.createElement("span",{className:n}))),m.createElement("span",null,r),m.createElement(s.Ripple,null))}));function C(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function L(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?C(Object(l),!0).forEach((function(t){v(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):C(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}I.displayName="MultiSelectItem";var F=m.memo(m.forwardRef((function(e,l){var n,r,u,s,p,f=m.useRef(null),d=function(){e.onEnter((function(){if(f.current){var t=e.getSelectedOptionIndex();-1!==t&&setTimeout((function(){return f.current.scrollToIndex(t)}),0)}}))},v=function(t){f.current&&f.current.scrollToIndex(0),e.onFilterInputChange&&e.onFilterInputChange(t)},y=function(){if(e.panelFooterTemplate){var t=i.ObjectUtils.getJSXElement(e.panelFooterTemplate,e,e.onOverlayHide);return m.createElement("div",{className:"p-multiselect-footer"},t)}return null},h=function(t,l){return e.getOptionGroupChildren(t).map((function(t,n){var r=e.getOptionLabel(t),i=n+"_"+e.getOptionRenderKey(t),o=e.isOptionDisabled(t),a=o?null:e.tabIndex||0,c=e.isSelected(t);return m.createElement(I,{key:i,label:r,option:t,style:l,template:e.itemTemplate,selected:c,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:a,disabled:o})}))},g=function(){var l=i.ObjectUtils.getJSXElement(e.emptyFilterMessage,e)||t.localeOption("emptyFilterMessage");return m.createElement("li",{className:"p-multiselect-empty-message"},l)},O=function(t,l){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r={height:n.props?n.props.itemSize:void 0};if(e.optionGroupLabel){var o=e.optionGroupTemplate?i.ObjectUtils.getJSXElement(e.optionGroupTemplate,t,l):e.getOptionGroupLabel(t),a=h(t,r),c=l+"_"+e.getOptionGroupRenderKey(t);return m.createElement(m.Fragment,{key:c},m.createElement("li",{className:"p-multiselect-item-group",style:r},o),a)}var u=e.getOptionLabel(t),s=l+"_"+e.getOptionRenderKey(t),p=e.isOptionDisabled(t),f=p?null:e.tabIndex||0,d=e.isSelected(t);return m.createElement(I,{key:s,label:u,option:t,style:r,template:e.itemTemplate,selected:d,onClick:e.onOptionSelect,onKeyDown:e.onOptionKeyDown,tabIndex:f,disabled:p})},E=function(){if(e.virtualScrollerOptions){var t=L(L({},e.virtualScrollerOptions),{style:L(L({},e.virtualScrollerOptions.style),{height:e.scrollHeight}),className:i.classNames("p-multiselect-items-wrapper",e.virtualScrollerOptions.className),items:e.visibleOptions,autoSize:!0,onLazyLoad:function(t){return e.virtualScrollerOptions.onLazyLoad(L(L({},t),{filter:e.filterValue}))},itemTemplate:function(e,t){return e&&O(e,t.index,t)},contentTemplate:function(t){var l=i.classNames("p-multiselect-items p-component",t.className),n=e.visibleOptions&&e.visibleOptions.length||!e.hasFilter?t.children:g();return m.createElement("ul",{ref:t.contentRef,className:l,role:"listbox","aria-multiselectable":!0},n)}});return m.createElement(c.VirtualScroller,b({ref:f},t))}var l=i.ObjectUtils.isNotEmpty(e.visibleOptions)?e.visibleOptions.map(O):e.hasFilter?g():null;return m.createElement("div",{className:"p-multiselect-items-wrapper",style:{maxHeight:e.scrollHeight}},m.createElement("ul",{className:"p-multiselect-items p-component",role:"listbox","aria-multiselectable":!0},l))},S=(n=e.allowOptionSelect(),r=i.classNames("p-multiselect-panel p-component",{"p-multiselect-limited":!n},e.panelClassName),u=m.createElement(D,{filter:e.filter,filterValue:e.filterValue,onFilter:v,filterPlaceholder:e.filterPlaceholder,onClose:e.onCloseClick,showSelectAll:e.showSelectAll,selectAll:e.isAllSelected(),onSelectAll:e.onSelectAll,template:e.panelHeaderTemplate}),s=E(),p=y(),m.createElement(o.CSSTransition,{nodeRef:l,classNames:"p-connected-overlay",in:e.in,timeout:{enter:120,exit:100},options:e.transitionOptions,unmountOnExit:!0,onEnter:d,onEntered:e.onEntered,onExit:e.onExit,onExited:e.onExited},m.createElement("div",{ref:l,className:r,style:e.panelStyle,onClick:e.onClick},u,s,p)));return m.createElement(a.Portal,{element:S,appendTo:e.appendTo})})));function U(e,t){var l=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),l.push.apply(l,n)}return l}function P(e){for(var t=1;t<arguments.length;t++){var l=null!=arguments[t]?arguments[t]:{};t%2?U(Object(l),!0).forEach((function(t){v(e,t,l[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(l)):U(Object(l)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(l,t))}))}return e}function A(e,t){var l="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!l){if(Array.isArray(e)||(l=T(e))||t&&e&&"number"==typeof e.length){l&&(e=l);var n=0,r=function(){};return{s:r,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){l=l.call(e)},n:function(){var e=l.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==l.return||l.return()}finally{if(a)throw i}}}}function T(e,t){if(e){if("string"==typeof e)return R(e,t);var l=Object.prototype.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l||"Set"===l?Array.from(e):"Arguments"===l||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(l)?R(e,t):void 0}}function R(e,t){(null==t||t>e.length)&&(t=e.length);for(var l=0,n=new Array(t);l<t;l++)n[l]=e[l];return n}F.displayName="MultiSelectPanel";var H=m.memo(m.forwardRef((function(e,o){var a=w(m.useState(""),2),c=a[0],u=a[1],s=w(m.useState(!1),2),p=s[0],f=s[1],y=w(m.useState(!1),2),h=y[0],g=y[1],O=m.useRef(null),E=m.useRef(e.inputRef),x=m.useRef(null),k=m.useRef(null),j=c&&c.trim().length>0,N=i.ObjectUtils.isEmpty(e.value),D=e.optionValue?null:e.dataKey,I=w(l.useOverlayListener({target:O,overlay:k,listener:function(e,t){t.valid&&("outside"===t.type?!_(e)&&K():K())},when:h}),2),C=I[0],L=I[1],U=function(){return!e.selectionLimit||!e.value||e.value&&e.value.length<e.selectionLimit},T=function(t){var l=t.originalEvent,n=t.option;if(!e.disabled&&!W(n)){var r=$(n),o=ee(n),a=X(n),c=U();a?q(l,e.value.filter((function(e){return!i.ObjectUtils.equals(o?e:$(e),r,D)}))):c&&q(l,[].concat(S(e.value||[]),[r]))}},R=function e(t){var l=t.nextElementSibling;return l?i.DomHandler.hasClass(l,"p-disabled")||i.DomHandler.hasClass(l,"p-multiselect-item-group")?e(l):l:null},M=function e(t){var l=t.previousElementSibling;return l?i.DomHandler.hasClass(l,"p-disabled")||i.DomHandler.hasClass(l,"p-multiselect-item-group")?e(l):l:null},q=function(t,l){e.onChange&&e.onChange({originalEvent:t,value:l,stopPropagation:function(){},preventDefault:function(){},target:{name:e.name,id:e.id,value:l}})},G=function(){g(!0)},K=function(){g(!1)},V=function(){i.DomHandler.alignOverlay(k.current,x.current.parentElement,e.appendTo||d.default.appendTo)},_=function(e){return i.DomHandler.hasClass(e.target,"p-multiselect-clear-icon")},B=function(e){return k.current&&k.current.contains(e.target)},J=function(e,t){return t.findIndex((function(t){return e.some((function(e){return i.ObjectUtils.equals(e,$(t),D)}))}))},X=function(t){if(e.value){var l=$(t),n=ee(t);return e.value.some((function(e){return i.ObjectUtils.equals(n?e:$(e),l,D)}))}return!1},z=function(t){var l;if(e.options)if(e.optionGroupLabel){var n,r=A(e.options);try{for(r.s();!(n=r.n()).done;){if(l=Z(t,Q(n.value)))break}}catch(e){r.e(e)}finally{r.f()}}else l=Z(t,e.options);return l?Y(l):null},Z=function(e,t){return t.find((function(t){return i.ObjectUtils.equals($(t),e,D)}))},Y=function(t){return e.optionLabel?i.ObjectUtils.resolveFieldData(t,e.optionLabel):t&&void 0!==t.label?t.label:t},$=function(t){if(e.optionValue){var l=i.ObjectUtils.resolveFieldData(t,e.optionValue);return null!==l?l:t}return t&&void 0!==t.value?t.value:t},Q=function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupChildren)},W=function(t){return e.optionDisabled?i.ObjectUtils.isFunction(e.optionDisabled)?e.optionDisabled(t):i.ObjectUtils.resolveFieldData(t,e.optionDisabled):!(!t||void 0===t.disabled)&&t.disabled},ee=function(t){return e.optionValue||t&&void 0!==t.value},te=function(t,l){var n=e.value.filter((function(e){return!i.ObjectUtils.equals(e,l,D)}));q(t,n)},le=function(){var t=/{(.*?)}/;return t.test(e.selectedItemsLabel)?e.selectedItemsLabel.replace(e.selectedItemsLabel.match(t)[0],e.value.length+""):e.selectedItemsLabel},ne=function(){if(!N&&!e.fixedPlaceholder)return i.ObjectUtils.isNotEmpty(e.maxSelectedLabels)&&e.value.length>e.maxSelectedLabels?le():e.value.reduce((function(e,t,l){return e+(0!==l?",":"")+z(t)}),"")};m.useEffect((function(){i.ObjectUtils.combinedRefs(E,e.inputRef)}),[E,e.inputRef]),l.useUpdateEffect((function(){h&&j&&V()}),[h,j]),l.useUnmountEffect((function(){i.ZIndexUtils.clear(k.current)}));var re=function(){if(j){var l=c.trim().toLocaleLowerCase(e.filterLocale),n=e.filterBy?e.filterBy.split(","):[e.optionLabel||"label"];if(e.optionGroupLabel){var r,i=[],o=A(e.options);try{for(o.s();!(r=o.n()).done;){var a=r.value,u=t.FilterService.filter(Q(a),n,l,e.filterMatchMode,e.filterLocale);u&&u.length&&i.push(P(P({},a),v({},e.optionGroupChildren,u)))}}catch(e){o.e(e)}finally{o.f()}return i}return t.FilterService.filter(e.options,n,l,e.filterMatchMode,e.filterLocale)}return e.options}(),ie=i.ObjectUtils.isNotEmpty(e.tooltip),oe=i.ObjectUtils.findDiffKeys(e,H.defaultProps),ae=i.classNames("p-multiselect p-component p-inputwrapper",{"p-multiselect-chip":"chip"===e.display,"p-disabled":e.disabled,"p-multiselect-clearable":e.showClear&&!e.disabled,"p-focus":p,"p-inputwrapper-filled":i.ObjectUtils.isNotEmpty(e.value),"p-inputwrapper-focus":p||h},e.className),ce=function(){var t=e.selectedItemTemplate?N?i.ObjectUtils.getJSXElement(e.selectedItemTemplate):i.ObjectUtils.isNotEmpty(e.maxSelectedLabels)&&e.value.length>e.maxSelectedLabels?le():e.value.map((function(t,l){var n=i.ObjectUtils.getJSXElement(e.selectedItemTemplate,t);return m.createElement(m.Fragment,{key:l},n)})):"chip"!==e.display||N?ne():e.value.slice(0,e.maxSelectedLabels||e.value.length).map((function(t){var l=z(t),n=!e.disabled&&i.IconUtils.getJSXIcon(e.removeIcon,{className:"p-multiselect-token-icon",onClick:function(e){return te(e,t)}},{props:e});return m.createElement("div",{className:"p-multiselect-token",key:l},m.createElement("span",{className:"p-multiselect-token-label"},l),n)})),l=i.classNames("p-multiselect-label",{"p-placeholder":N&&e.placeholder,"p-multiselect-label-empty":N&&!e.placeholder&&!e.selectedItemTemplate,"p-multiselect-items-label":!N&&"chip"!==e.display&&e.value.length>e.maxSelectedLabels});return m.createElement("div",{ref:x,className:"p-multiselect-label-container"},m.createElement("div",{className:l},t||e.placeholder||"empty"))}(),ue=N||!e.showClear||e.disabled?null:m.createElement("i",{className:"p-multiselect-clear-icon pi pi-times",onClick:function(e){return q(e,null)}});return m.createElement(m.Fragment,null,m.createElement("div",b({ref:O,id:e.id,style:e.style,className:ae},oe,{onClick:function(t){e.disabled||B(t)||i.DomHandler.hasClass(t.target,"p-multiselect-token-icon")||_(t)||(h?K():G(),i.DomHandler.focus(E.current),t.preventDefault())}}),m.createElement("div",{className:"p-hidden-accessible"},m.createElement("input",{ref:E,id:e.inputId,name:e.name,readOnly:!0,type:"text",onFocus:function(t){f(!0),e.onFocus&&e.onFocus(t)},onBlur:function(t){f(!1),e.onBlur&&e.onBlur(t)},onKeyDown:function(e){switch(e.which){case 40:!h&&e.altKey&&(G(),e.preventDefault());break;case 32:h?K():G(),e.preventDefault();break;case 27:K();break;case 9:if(h){var t=i.DomHandler.getFirstFocusableElement(k.current);t&&(t.focus(),e.preventDefault())}}},role:"listbox","aria-labelledby":e.ariaLabelledBy,"aria-expanded":h,disabled:e.disabled,tabIndex:e.tabIndex})),ce,ue,m.createElement("div",{className:"p-multiselect-trigger"},i.IconUtils.getJSXIcon(e.dropdownIcon,{className:"p-multiselect-trigger-icon p-c"},{props:e})),m.createElement(F,b({ref:k,visibleOptions:re},e,{onClick:function(e){n.OverlayService.emit("overlay-click",{originalEvent:e,target:O.current})},onOverlayHide:K,filterValue:c,hasFilter:j,onFilterInputChange:function(t){var l=t.query;u(l),e.onFilter&&e.onFilter({originalEvent:t,filter:l})},onCloseClick:function(e){K(),i.DomHandler.focus(E.current),e.preventDefault(),e.stopPropagation()},onSelectAll:function(t){if(e.onSelectAll)e.onSelectAll(t);else{var l=null;if(t.checked){if(l=[],re){var n=re.filter((function(e){return W(e)&&X(e)}));l=n.map((function(e){return $(e)}))}}else if(re){var r=re.filter((function(e){return!W(e)}));e.optionGroupLabel?(l=[],r.forEach((function(e){return l=[].concat(S(l),S(Q(e).filter((function(e){return!W(e)})).map((function(e){return $(e)}))))}))):l=r.map((function(e){return $(e)}))}q(t.originalEvent,l)}},getOptionLabel:Y,getOptionRenderKey:function(t){return e.dataKey?i.ObjectUtils.resolveFieldData(t,e.dataKey):Y(t)},isOptionDisabled:W,getOptionGroupChildren:Q,getOptionGroupLabel:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},getOptionGroupRenderKey:function(t){return i.ObjectUtils.resolveFieldData(t,e.optionGroupLabel)},isSelected:X,getSelectedOptionIndex:function(){if(null!=e.value&&e.options){if(e.optionGroupLabel){var t=0,l=e.options.findIndex((function(l,n){return(t=n)&&-1!==J(e.value,Q(l))}));return-1!==l?{group:t,option:l}:-1}return J(e.value,e.options)}return-1},isAllSelected:function(){if(e.onSelectAll)return e.selectAll;if(i.ObjectUtils.isEmpty(re))return!1;var t=re.filter((function(e){return!W(e)}));if(!e.optionGroupLabel)return!t.some((function(e){return!X(e)}));var l,n=A(t);try{for(n.s();!(l=n.n()).done;){return!Q(l.value).filter((function(e){return!W(e)})).some((function(e){return!X(e)}))}}catch(e){n.e(e)}finally{n.f()}return!0},onOptionSelect:T,allowOptionSelect:U,onOptionKeyDown:function(e){var t=e.originalEvent,l=t.currentTarget;switch(t.which){case 40:var n=R(l);n&&n.focus(),t.preventDefault();break;case 38:var r=M(l);r&&r.focus(),t.preventDefault();break;case 13:case 32:T(e),t.preventDefault();break;case 27:K(),i.DomHandler.focus(E.current)}},in:h,onEnter:function(e){var t;i.ZIndexUtils.set("overlay",k.current,d.default.autoZIndex,d.default.zIndex.overlay),V(),(t=i.DomHandler.findSingle(k.current,"li.p-highlight"))&&t.scrollIntoView&&t.scrollIntoView({block:"nearest",inline:"nearest"}),e&&e()},onEntered:function(){C(),e.onShow&&e.onShow()},onExit:function(){L()},onExited:function(){e.filter&&e.resetFilterOnHide&&(u(""),e.onFilter&&e.onFilter({filter:""})),i.ZIndexUtils.clear(k.current),e.onHide&&e.onHide()}}))),ie&&m.createElement(r.Tooltip,b({target:O,content:e.tooltip},e.tooltipOptions)))})));H.displayName="MultiSelect",H.defaultProps={__TYPE:"MultiSelect",id:null,inputRef:null,name:null,value:null,options:null,optionLabel:null,optionValue:null,optionDisabled:null,optionGroupLabel:null,optionGroupChildren:null,optionGroupTemplate:null,display:"comma",style:null,className:null,panelClassName:null,panelStyle:null,virtualScrollerOptions:null,scrollHeight:"200px",placeholder:null,fixedPlaceholder:!1,disabled:!1,showClear:!1,filter:!1,filterBy:null,filterMatchMode:"contains",filterPlaceholder:null,filterLocale:void 0,emptyFilterMessage:null,resetFilterOnHide:!1,tabIndex:0,dataKey:null,inputId:null,appendTo:null,tooltip:null,tooltipOptions:null,maxSelectedLabels:null,selectionLimit:null,selectedItemsLabel:"{0} items selected",ariaLabelledBy:null,itemTemplate:null,selectedItemTemplate:null,panelHeaderTemplate:null,panelFooterTemplate:null,transitionOptions:null,dropdownIcon:"pi pi-chevron-down",removeIcon:"pi pi-times-circle",showSelectAll:!0,selectAll:!1,onChange:null,onFocus:null,onBlur:null,onShow:null,onHide:null,onFilter:null,onSelectAll:null},exports.MultiSelect=H;

package/multiselect/multiselect.d.ts

@@ -3,7 +3,7 @@ import TooltipOptions from '../tooltip/tooltipoptions';
 import { CSSTransitionProps } from '../csstransition';
 import { IconType } from '../utils';
 import { VirtualScrollerProps } from '../virtualscroller';
-import { SelectItemOptionsType } from '../selectitem/SelectItem';
+import { SelectItemOptionsType } from '../selectitem/selectitem';
 
 type MultiSelectOptionGroupTemplateType = React.ReactNode | ((option: any, index: number) => React.ReactNode);
 

package/multiselect/multiselect.esm.js

@@ -149,7 +149,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       });
       inputRef.current.checked = !_checked;
-      inputRef.current.focus();
+      DomHandler.focus(inputRef.current);
     }
   };
 
@@ -363,6 +363,7 @@ var MultiSelectItem = /*#__PURE__*/React.memo(function (props) {
   var tabIndex = props.disabled ? null : props.tabIndex || 0;
   return /*#__PURE__*/React.createElement("li", {
     className: className,
+    style: props.style,
     onClick: onClick,
     tabIndex: tabIndex,
     onKeyDown: onKeyDown,
@@ -435,7 +436,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
     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);
@@ -447,6 +448,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
         key: optionKey,
         label: optionLabel,
         option: option,
+        style: style,
         template: props.itemTemplate,
         selected: selected,
         onClick: props.onOptionSelect,
@@ -465,14 +467,20 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
   };
 
   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 ? 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.createElement(React.Fragment, {
         key: key
       }, /*#__PURE__*/React.createElement("li", {
-        className: "p-multiselect-item-group"
+        className: "p-multiselect-item-group",
+        style: style
       }, groupContent), groupChildrenContent);
     } else {
       var optionLabel = props.getOptionLabel(option);
@@ -484,6 +492,7 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
         key: optionKey,
         label: optionLabel,
         option: option,
+        style: style,
         template: props.itemTemplate,
         selected: selected,
         onClick: props.onOptionSelect,
@@ -512,13 +521,14 @@ var MultiSelectPanel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(fu
         }),
         className: 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 = classNames('p-multiselect-items p-component', options.className);
@@ -695,7 +705,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
 
       case 27:
         hide();
-        inputRef.current.focus();
+        DomHandler.focus(inputRef.current);
         break;
     }
   };
@@ -713,7 +723,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var onClick = function onClick(event) {
     if (!props.disabled && !isPanelClicked(event) && !DomHandler.hasClass(event.target, 'p-multiselect-token-icon') && !isClearClicked(event)) {
       overlayVisibleState ? hide() : show();
-      inputRef.current.focus();
+      DomHandler.focus(inputRef.current);
       event.preventDefault();
     }
   };
@@ -890,7 +900,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
 
   var onCloseClick = function onCloseClick(event) {
     hide();
-    inputRef.current.focus();
+    DomHandler.focus(inputRef.current);
     event.preventDefault();
     event.stopPropagation();
   };
@@ -1083,7 +1093,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     var label;
 
     if (!empty && !props.fixedPlaceholder) {
-      if (props.maxSelectedLabels && props.value.length > props.maxSelectedLabels) {
+      if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
         return getSelectedItemsLabel();
       } else {
         return props.value.reduce(function (acc, value, index) {
@@ -1098,7 +1108,7 @@ var MultiSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var getLabelContent = function getLabelContent() {
     if (props.selectedItemTemplate) {
       if (!empty) {
-        if (props.maxSelectedLabels && props.value.length > props.maxSelectedLabels) {
+        if (ObjectUtils.isNotEmpty(props.maxSelectedLabels) && props.value.length > props.maxSelectedLabels) {
           return getSelectedItemsLabel();
         } else {
           return props.value.map(function (val, index) {