primereact 8.4.0 → 8.5.0

package/primereact.all.esm.js

@@ -192,7 +192,7 @@ function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var locales = {
-  'en': {
+  en: {
     startsWith: 'Starts with',
     contains: 'Contains',
     notContains: 'Not contains',
@@ -1305,7 +1305,7 @@ var DomHandler = /*#__PURE__*/function () {
   }, {
     key: "isElement",
     value: function isElement(obj) {
-      return (typeof HTMLElement === "undefined" ? "undefined" : _typeof(HTMLElement)) === "object" ? obj instanceof HTMLElement : obj && _typeof(obj) === "object" && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === "string";
+      return (typeof HTMLElement === "undefined" ? "undefined" : _typeof(HTMLElement)) === 'object' ? obj instanceof HTMLElement : obj && _typeof(obj) === 'object' && obj !== null && obj.nodeType === 1 && typeof obj.nodeName === 'string';
     }
   }, {
     key: "scrollInView",
@@ -1351,8 +1351,8 @@ var DomHandler = /*#__PURE__*/function () {
         return el.offsetWidth - el.clientWidth - parseFloat(style.borderLeftWidth) - parseFloat(style.borderRightWidth);
       } else {
         if (this.calculatedScrollbarWidth != null) return this.calculatedScrollbarWidth;
-        var scrollDiv = document.createElement("div");
-        scrollDiv.className = "p-scrollbar-measure";
+        var scrollDiv = document.createElement('div');
+        scrollDiv.className = 'p-scrollbar-measure';
         document.body.appendChild(scrollDiv);
         var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
         document.body.removeChild(scrollDiv);
@@ -1385,10 +1385,10 @@ var DomHandler = /*#__PURE__*/function () {
     key: "resolveUserAgent",
     value: function resolveUserAgent() {
       var ua = navigator.userAgent.toLowerCase();
-      var match = /(chrome)[ ]([\w.]+)/.exec(ua) || /(webkit)[ ]([\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ ]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) || [];
+      var match = /(chrome)[ ]([\w.]+)/.exec(ua) || /(webkit)[ ]([\w.]+)/.exec(ua) || /(opera)(?:.*version|)[ ]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || ua.indexOf('compatible') < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) || [];
       return {
-        browser: match[1] || "",
-        version: match[2] || "0"
+        browser: match[1] || '',
+        version: match[2] || '0'
       };
     }
   }, {
@@ -1420,7 +1420,7 @@ var DomHandler = /*#__PURE__*/function () {
       try {
         for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
           var focusableElement = _step3.value;
-          if (getComputedStyle(focusableElement).display !== "none" && getComputedStyle(focusableElement).visibility !== "hidden") visibleFocusableElements.push(focusableElement);
+          if (getComputedStyle(focusableElement).display !== 'none' && getComputedStyle(focusableElement).visibility !== 'hidden') visibleFocusableElements.push(focusableElement);
         }
       } catch (err) {
         _iterator3.e(err);
@@ -1647,7 +1647,7 @@ var DomHandler = /*#__PURE__*/function () {
       attrs1 = DomHandler.getAttributeNames(elm1);
       attrs2 = DomHandler.getAttributeNames(elm2);
 
-      if (attrs1.join(",") !== attrs2.join(",")) {
+      if (attrs1.join(',') !== attrs2.join(',')) {
         // console.log("Found nodes with different sets of attributes; not equiv");
         return false;
       } // ...and values
@@ -2145,7 +2145,7 @@ function mask(el, options) {
 
       writeBuffer();
 
-      if (pos === options.mask.replace("?", "").length) {
+      if (pos === options.mask.replace('?', '').length) {
         caret(0, pos);
       } else {
         caret(pos);
@@ -2226,8 +2226,8 @@ function mask(el, options) {
     len = options.mask.length;
     firstNonMaskPos = null;
     defs = {
-      '9': '[0-9]',
-      'a': '[A-Za-z]',
+      9: '[0-9]',
+      a: '[A-Za-z]',
       '*': '[A-Za-z0-9]'
     };
     var ua = DomHandler.getUserAgent();
@@ -2437,7 +2437,13 @@ var ObjectUtils = /*#__PURE__*/function () {
         params[_key2 - 1] = arguments[_key2];
       }
 
-      return this.isFunction(obj) ? obj.apply(void 0, params) : obj;
+      var methodParams = params;
+
+      if (params && params.length === 1) {
+        methodParams = params[0];
+      }
+
+      return this.isFunction(obj) ? obj.apply(void 0, _toConsumableArray(methodParams)) : obj;
     }
   }, {
     key: "getRefElement",
@@ -2463,7 +2469,7 @@ var ObjectUtils = /*#__PURE__*/function () {
     key: "removeAccents",
     value: function removeAccents(str) {
       if (str && str.search(/[\xC0-\xFF]/g) > -1) {
-        str = str.replace(/[\xC0-\xC5]/g, "A").replace(/[\xC6]/g, "AE").replace(/[\xC7]/g, "C").replace(/[\xC8-\xCB]/g, "E").replace(/[\xCC-\xCF]/g, "I").replace(/[\xD0]/g, "D").replace(/[\xD1]/g, "N").replace(/[\xD2-\xD6\xD8]/g, "O").replace(/[\xD9-\xDC]/g, "U").replace(/[\xDD]/g, "Y").replace(/[\xDE]/g, "P").replace(/[\xE0-\xE5]/g, "a").replace(/[\xE6]/g, "ae").replace(/[\xE7]/g, "c").replace(/[\xE8-\xEB]/g, "e").replace(/[\xEC-\xEF]/g, "i").replace(/[\xF1]/g, "n").replace(/[\xF2-\xF6\xF8]/g, "o").replace(/[\xF9-\xFC]/g, "u").replace(/[\xFE]/g, "p").replace(/[\xFD\xFF]/g, "y");
+        str = str.replace(/[\xC0-\xC5]/g, 'A').replace(/[\xC6]/g, 'AE').replace(/[\xC7]/g, 'C').replace(/[\xC8-\xCB]/g, 'E').replace(/[\xCC-\xCF]/g, 'I').replace(/[\xD0]/g, 'D').replace(/[\xD1]/g, 'N').replace(/[\xD2-\xD6\xD8]/g, 'O').replace(/[\xD9-\xDC]/g, 'U').replace(/[\xDD]/g, 'Y').replace(/[\xDE]/g, 'P').replace(/[\xE0-\xE5]/g, 'a').replace(/[\xE6]/g, 'ae').replace(/[\xE7]/g, 'c').replace(/[\xE8-\xEB]/g, 'e').replace(/[\xEC-\xEF]/g, 'i').replace(/[\xF1]/g, 'n').replace(/[\xF2-\xF6\xF8]/g, 'o').replace(/[\xF9-\xFC]/g, 'u').replace(/[\xFE]/g, 'p').replace(/[\xFD\xFF]/g, 'y');
       }
 
       return str;
@@ -3737,24 +3743,29 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   };
 
   var getEvents = function getEvents(target) {
-    var showEvent = getTargetOption(target, 'showevent') || props.showEvent;
-    var hideEvent = getTargetOption(target, 'hideevent') || props.hideEvent;
+    var showEvents = [getTargetOption(target, 'showevent') || props.showEvent];
+    var hideEvents = [getTargetOption(target, 'hideevent') || props.hideEvent];
 
     if (isMouseTrack(target)) {
-      showEvent = 'mousemove';
-      hideEvent = 'mouseleave';
+      showEvents = ['mousemove'];
+      hideEvents = ['mouseleave'];
     } else {
       var event = getTargetOption(target, 'event') || props.event;
 
       if (event === 'focus') {
-        showEvent = 'focus';
-        hideEvent = 'blur';
+        showEvents = ['focus'];
+        hideEvents = ['blur'];
+      }
+
+      if (event === 'both') {
+        showEvents = ['focus', 'mouseenter'];
+        hideEvents = ['blur', 'mouseleave'];
       }
     }
 
     return {
-      showEvent: showEvent,
-      hideEvent: hideEvent
+      showEvents: showEvents,
+      hideEvents: hideEvents
     };
   };
 
@@ -3967,24 +3978,32 @@ var Tooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   var bindTargetEvent = function bindTargetEvent(target) {
     if (target) {
       var _getEvents = getEvents(target),
-          showEvent = _getEvents.showEvent,
-          hideEvent = _getEvents.hideEvent;
+          showEvents = _getEvents.showEvents,
+          hideEvents = _getEvents.hideEvents;
 
       var currentTarget = getTarget(target);
-      currentTarget.addEventListener(showEvent, show);
-      currentTarget.addEventListener(hideEvent, hide);
+      showEvents.forEach(function (event) {
+        return currentTarget.addEventListener(event, show);
+      });
+      hideEvents.forEach(function (event) {
+        return currentTarget.addEventListener(event, hide);
+      });
     }
   };
 
   var unbindTargetEvent = function unbindTargetEvent(target) {
     if (target) {
       var _getEvents2 = getEvents(target),
-          showEvent = _getEvents2.showEvent,
-          hideEvent = _getEvents2.hideEvent;
+          showEvents = _getEvents2.showEvents,
+          hideEvents = _getEvents2.hideEvents;
 
       var currentTarget = getTarget(target);
-      currentTarget.removeEventListener(showEvent, show);
-      currentTarget.removeEventListener(hideEvent, hide);
+      showEvents.forEach(function (event) {
+        return currentTarget.removeEventListener(event, show);
+      });
+      hideEvents.forEach(function (event) {
+        return currentTarget.removeEventListener(event, hide);
+      });
     }
   };
 
@@ -4220,6 +4239,10 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);
 
+  if (props.visible === false) {
+    return null;
+  }
+
   var createIcon = function createIcon() {
     var icon = props.loading ? props.loadingIcon : props.icon;
     var className = classNames('p-button-icon p-c', _defineProperty({
@@ -4242,7 +4265,7 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     return !props.children && !props.label && /*#__PURE__*/React.createElement("span", {
       className: "p-button-label p-c",
       dangerouslySetInnerHTML: {
-        __html: "&nbsp;"
+        __html: '&nbsp;'
       }
     });
   };
@@ -4313,49 +4336,6 @@ var KeyFilter = {
   },
 
   /* eslint-enable */
-  KEYS: {
-    TAB: 9,
-    RETURN: 13,
-    ESC: 27,
-    BACKSPACE: 8,
-    DELETE: 46
-  },
-  SAFARI_KEYS: {
-    63234: 37,
-    // left
-    63235: 39,
-    // right
-    63232: 38,
-    // up
-    63233: 40,
-    // down
-    63276: 33,
-    // page up
-    63277: 34,
-    // page down
-    63272: 46,
-    // delete
-    63273: 36,
-    // home
-    63275: 35 // end
-
-  },
-  isNavKeyPress: function isNavKeyPress(e) {
-    var k = e.keyCode;
-    k = DomHandler.getBrowser().safari ? KeyFilter.SAFARI_KEYS[k] || k : k;
-    return k >= 33 && k <= 40 || k === KeyFilter.KEYS.RETURN || k === KeyFilter.KEYS.TAB || k === KeyFilter.KEYS.ESC;
-  },
-  isSpecialKey: function isSpecialKey(e) {
-    var k = e.keyCode;
-    return k === 9 || k === 13 || k === 27 || k === 16 || k === 17 || k >= 18 && k <= 20 || DomHandler.getBrowser().opera && !e.shiftKey && (k === 8 || k >= 33 && k <= 35 || k >= 36 && k <= 39 || k >= 44 && k <= 45);
-  },
-  getKey: function getKey(e) {
-    var k = e.keyCode || e.charCode;
-    return DomHandler.getBrowser().safari ? KeyFilter.SAFARI_KEYS[k] || k : k;
-  },
-  getCharCode: function getCharCode(e) {
-    return e.charCode || e.keyCode || e.which;
-  },
   getRegex: function getRegex(keyfilter) {
     return KeyFilter.DEFAULT_MASKS[keyfilter] ? KeyFilter.DEFAULT_MASKS[keyfilter] : keyfilter;
   },
@@ -4368,17 +4348,9 @@ var KeyFilter = {
       return;
     }
 
-    var browser = DomHandler.getBrowser();
-    var k = this.getKey(e);
+    var isPrintableKey = e.key.length === 1;
 
-    if (browser.mozilla && (this.isNavKeyPress(e) || k === KeyFilter.KEYS.BACKSPACE || k === KeyFilter.KEYS.DELETE && e.charCode === 0)) {
-      return;
-    }
-
-    var c = this.getCharCode(e);
-    var cc = String.fromCharCode(c);
-
-    if (browser.mozilla && (this.isSpecialKey(e) || !cc)) {
+    if (!isPrintableKey) {
       return;
     }
 
@@ -4394,7 +4366,7 @@ var KeyFilter = {
     }
 
     var regex = this.getRegex(keyfilter);
-    var clipboard = e.clipboardData.getData("text"); // loop over each letter pasted and if any fail prevent the paste
+    var clipboard = e.clipboardData.getData('text'); // loop over each letter pasted and if any fail prevent the paste
 
     _toConsumableArray(clipboard).forEach(function (c) {
       if (!regex.test(c)) {
@@ -5628,7 +5600,9 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   var formatValue = function formatValue(value) {
     if (value) {
-      if (props.selectedItemTemplate && (props.multiple ? isSelected(value) : findOptionIndex(value) > -1)) {
+      if (typeof value === 'string') {
+        return value;
+      } else if (props.selectedItemTemplate) {
         var resolvedFieldData = ObjectUtils.getJSXElement(props.selectedItemTemplate, value);
         return resolvedFieldData ? resolvedFieldData : value;
       } else if (props.field) {
@@ -5889,12 +5863,6 @@ var AutoComplete = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     }) : false;
   };
 
-  var findOptionIndex = function findOptionIndex(option) {
-    return props.suggestions ? props.suggestions.findIndex(function (s) {
-      return ObjectUtils.equals(s, option);
-    }) : -1;
-  };
-
   var getScrollableElement = function getScrollableElement() {
     return virtualScrollerRef.current ? overlayRef.current.firstChild : overlayRef.current;
   };
@@ -6461,6 +6429,10 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var home = props.home;
 
     if (home) {
+      if (home.visible === false) {
+        return null;
+      }
+
       var _icon = home.icon,
           target = home.target,
           url = home.url,
@@ -6517,6 +6489,10 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var createMenuitem = function createMenuitem(item) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var className = classNames(item.className, {
       'p-disabled': item.disabled
     });
@@ -6555,6 +6531,10 @@ var BreadCrumb = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var createMenuitems = function createMenuitems() {
     if (props.model) {
       var _items = props.model.map(function (item, index) {
+        if (item.visible === false) {
+          return null;
+        }
+
         var menuitem = createMenuitem(item);
         var separator = index === props.model.length - 1 ? null : createSeparator();
         var key = item.label + '_' + index;
@@ -8203,8 +8183,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
 
     return {
-      'month': m,
-      'year': y
+      month: m,
+      year: y
     };
   };
 
@@ -8220,8 +8200,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
 
     return {
-      'month': m,
-      'year': y
+      month: m,
+      year: y
     };
   };
 
@@ -8365,7 +8345,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         if (props.minDate.getMonth() > month) {
           validMin = false;
         } else if (props.minDate.getMonth() === month) {
-          if (props.minDate.getDate() > day) {
+          if (day > 0 && props.minDate.getDate() > day) {
             validMin = false;
           }
         }
@@ -8379,7 +8359,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         if (props.maxDate.getMonth() < month) {
           validMax = false;
         } else if (props.maxDate.getMonth() === month) {
-          if (props.maxDate.getDate() < day) {
+          if (day > 0 && props.maxDate.getDate() < day) {
             validMax = false;
           }
         }
@@ -8654,7 +8634,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (date) {
       for (iFormat = 0; iFormat < format.length; iFormat++) {
         if (literal) {
-          if (format.charAt(iFormat) === '\'' && !lookAhead('\'')) {
+          if (format.charAt(iFormat) === "'" && !lookAhead("'")) {
             literal = false;
           } else {
             output += format.charAt(iFormat);
@@ -8693,9 +8673,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
               output += date.getTime() * 10000 + ticksTo1970;
               break;
 
-            case '\'':
-              if (lookAhead('\'')) {
-                output += '\'';
+            case "'":
+              if (lookAhead("'")) {
+                output += "'";
               } else {
                 literal = true;
               }
@@ -8860,9 +8840,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       throw new Error('Invalid arguments');
     }
 
-    value = _typeof(value) === "object" ? value.toString() : value + "";
+    value = _typeof(value) === 'object' ? value.toString() : value + '';
 
-    if (value === "") {
+    if (value === '') {
       return null;
     }
 
@@ -8870,7 +8850,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         dim,
         extra,
         iValue = 0,
-        shortYearCutoff = typeof props.shortYearCutoff !== "string" ? props.shortYearCutoff : new Date().getFullYear() % 100 + parseInt(props.shortYearCutoff, 10),
+        shortYearCutoff = typeof props.shortYearCutoff !== 'string' ? props.shortYearCutoff : new Date().getFullYear() % 100 + parseInt(props.shortYearCutoff, 10),
         year = -1,
         month = -1,
         day = -1,
@@ -8888,9 +8868,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     },
         getNumber = function getNumber(match) {
       var isDoubled = lookAhead(match),
-          size = match === "@" ? 14 : match === "!" ? 20 : match === "y" && isDoubled ? 4 : match === "o" ? 3 : 2,
-          minSize = match === "y" ? size : 1,
-          digits = new RegExp("^\\d{" + minSize + "," + size + "}"),
+          size = match === '@' ? 14 : match === '!' ? 20 : match === 'y' && isDoubled ? 4 : match === 'o' ? 3 : 2,
+          minSize = match === 'y' ? size : 1,
+          digits = new RegExp('^\\d{' + minSize + ',' + size + '}'),
           num = value.substring(iValue).match(digits);
 
       if (!num) {
@@ -8956,39 +8936,39 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       } else {
         switch (format.charAt(iFormat)) {
-          case "d":
-            day = getNumber("d");
+          case 'd':
+            day = getNumber('d');
             break;
 
-          case "D":
-            getName("D", dayNamesShort, dayNames);
+          case 'D':
+            getName('D', dayNamesShort, dayNames);
             break;
 
-          case "o":
-            doy = getNumber("o");
+          case 'o':
+            doy = getNumber('o');
             break;
 
-          case "m":
-            month = getNumber("m");
+          case 'm':
+            month = getNumber('m');
             break;
 
-          case "M":
-            month = getName("M", monthNamesShort, monthNames);
+          case 'M':
+            month = getName('M', monthNamesShort, monthNames);
             break;
 
-          case "y":
-            year = getNumber("y");
+          case 'y':
+            year = getNumber('y');
             break;
 
-          case "@":
-            date = new Date(getNumber("@"));
+          case '@':
+            date = new Date(getNumber('@'));
             year = date.getFullYear();
             month = date.getMonth() + 1;
             day = date.getDate();
             break;
 
-          case "!":
-            date = new Date((getNumber("!") - ticksTo1970) / 10000);
+          case '!':
+            date = new Date((getNumber('!') - ticksTo1970) / 10000);
             year = date.getFullYear();
             month = date.getMonth() + 1;
             day = date.getDate();
@@ -9169,12 +9149,12 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   var createBackwardNavigator = function createBackwardNavigator(isVisible) {
     var navigatorProps = isVisible ? {
-      'onClick': onPrevButtonClick,
-      'onKeyDown': function onKeyDown(e) {
+      onClick: onPrevButtonClick,
+      onKeyDown: function onKeyDown(e) {
         return onContainerButtonKeydown(e);
       }
     } : {
-      'style': {
+      style: {
         visibility: 'hidden'
       }
     };
@@ -9188,12 +9168,12 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   var createForwardNavigator = function createForwardNavigator(isVisible) {
     var navigatorProps = isVisible ? {
-      'onClick': onNextButtonClick,
-      'onKeyDown': function onKeyDown(e) {
+      onClick: onNextButtonClick,
+      onKeyDown: function onKeyDown(e) {
         return onContainerButtonKeydown(e);
       }
     } : {
-      'style': {
+      style: {
         visibility: 'hidden'
       }
     };
@@ -9809,7 +9789,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           key: "month".concat(i + 1),
           className: classNames('p-monthpicker-month', {
             'p-highlight': isMonthSelected(i),
-            'p-disabled': !isSelectable(1, i, currentYear)
+            'p-disabled': !isSelectable(0, i, currentYear)
           })
         }, m);
       }));
@@ -9972,13 +9952,13 @@ var Captcha = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
 
   var init = function init() {
     instance.current = window.grecaptcha.render(elementRef.current, {
-      'sitekey': props.siteKey,
-      'theme': props.theme,
-      'type': props.type,
-      'size': props.size,
-      'tabindex': props.tabIndex,
-      'hl': props.language,
-      'callback': recaptchaCallback,
+      sitekey: props.siteKey,
+      theme: props.theme,
+      type: props.type,
+      size: props.size,
+      tabindex: props.tabIndex,
+      hl: props.language,
+      callback: recaptchaCallback,
       'expired-callback': recaptchaExpiredCallback
     });
   };
@@ -10604,7 +10584,7 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }, backwardNavigator, /*#__PURE__*/React.createElement("div", {
       className: "p-carousel-items-content",
       style: {
-        'height': height
+        height: height
       },
       onTouchStart: onTouchStart,
       onTouchMove: onTouchMove,
@@ -10617,41 +10597,53 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var createBackwardNavigator = function createBackwardNavigator() {
-    var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && currentPage === 0;
-    var className = classNames('p-carousel-prev p-link', {
-      'p-disabled': isDisabled
-    });
-    var iconClassName = classNames('p-carousel-prev-icon pi', {
-      'pi-chevron-left': !isVertical,
-      'pi-chevron-up': isVertical
-    });
-    return /*#__PURE__*/React.createElement(Button, {
-      type: "button",
-      className: className,
-      icon: iconClassName,
-      onClick: navBackward,
-      disabled: isDisabled,
-      "aria-label": ariaLabel('previousPageLabel')
-    });
+    if (props.showNavigators) {
+      var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && currentPage === 0;
+
+      var _className = classNames('p-carousel-prev p-link', {
+        'p-disabled': isDisabled
+      });
+
+      var iconClassName = classNames('p-carousel-prev-icon pi', {
+        'pi-chevron-left': !isVertical,
+        'pi-chevron-up': isVertical
+      });
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "button",
+        className: _className,
+        icon: iconClassName,
+        onClick: navBackward,
+        disabled: isDisabled,
+        "aria-label": ariaLabel('previousPageLabel')
+      });
+    }
+
+    return null;
   };
 
   var createForwardNavigator = function createForwardNavigator() {
-    var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && (currentPage === totalIndicators - 1 || totalIndicators === 0);
-    var className = classNames('p-carousel-next p-link', {
-      'p-disabled': isDisabled
-    });
-    var iconClassName = classNames('p-carousel-next-icon pi', {
-      'pi-chevron-right': !isVertical,
-      'pi-chevron-down': isVertical
-    });
-    return /*#__PURE__*/React.createElement(Button, {
-      type: "button",
-      className: className,
-      icon: iconClassName,
-      onClick: navForward,
-      disabled: isDisabled,
-      "aria-label": ariaLabel('nextPageLabel')
-    });
+    if (props.showNavigators) {
+      var isDisabled = (!circular || props.value && props.value.length < numVisibleState) && (currentPage === totalIndicators - 1 || totalIndicators === 0);
+
+      var _className2 = classNames('p-carousel-next p-link', {
+        'p-disabled': isDisabled
+      });
+
+      var iconClassName = classNames('p-carousel-next-icon pi', {
+        'pi-chevron-right': !isVertical,
+        'pi-chevron-down': isVertical
+      });
+      return /*#__PURE__*/React.createElement(Button, {
+        type: "button",
+        className: _className2,
+        icon: iconClassName,
+        onClick: navForward,
+        disabled: isDisabled,
+        "aria-label": ariaLabel('nextPageLabel')
+      });
+    }
+
+    return null;
   };
 
   var createIndicator = function createIndicator(index) {
@@ -10674,16 +10666,21 @@ var Carousel = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var createIndicators = function createIndicators() {
-    var className = classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
-    var indicators = [];
+    if (props.showIndicators) {
+      var _className3 = classNames('p-carousel-indicators p-reset', props.indicatorsContentClassName);
+
+      var _indicators = [];
+
+      for (var i = 0; i < totalIndicators; i++) {
+        _indicators.push(createIndicator(i));
+      }
 
-    for (var i = 0; i < totalIndicators; i++) {
-      indicators.push(createIndicator(i));
+      return /*#__PURE__*/React.createElement("ul", {
+        className: _className3
+      }, _indicators);
     }
 
-    return /*#__PURE__*/React.createElement("ul", {
-      className: className
-    }, indicators);
+    return null;
   };
 
   var otherProps = ObjectUtils.findDiffKeys(props, Carousel.defaultProps);
@@ -10718,12 +10715,14 @@ Carousel.defaultProps = {
   className: null,
   itemTemplate: null,
   circular: false,
+  showIndicators: true,
+  showNavigators: true,
   autoplayInterval: 0,
   numVisible: 1,
   numScroll: 1,
   responsiveOptions: null,
-  orientation: "horizontal",
-  verticalViewPortHeight: "300px",
+  orientation: 'horizontal',
+  verticalViewPortHeight: '300px',
   contentClassName: null,
   containerClassName: null,
   indicatorsContentClassName: null,
@@ -11273,7 +11272,7 @@ var CascadeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     }, /*#__PURE__*/React.createElement(CascadeSelectSub, {
       options: props.options,
       selectionPath: selectionPath.current,
-      className: "p-cascadeselect-items",
+      className: 'p-cascadeselect-items',
       optionLabel: props.optionLabel,
       optionValue: props.optionValue,
       level: 0,
@@ -11472,7 +11471,11 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (!props.disabled && !props.readOnly && props.onChange) {
       var _checked = isChecked();
 
-      if (inputRef.current.checked === _checked) {
+      var checkboxClicked = event.target instanceof HTMLDivElement || event.target instanceof HTMLSpanElement;
+      var isInputToggled = event.target === inputRef.current;
+      var isCheckboxToggled = checkboxClicked && event.target.checked !== _checked;
+
+      if (isInputToggled || isCheckboxToggled) {
         var value = _checked ? props.falseValue : props.trueValue;
         props.onChange({
           originalEvent: event,
@@ -11488,7 +11491,6 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
             checked: value
           }
         });
-        inputRef.current.checked = !_checked;
       }
 
       DomHandler.focus(inputRef.current);
@@ -11504,6 +11506,12 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     setFocusedState(false);
   };
 
+  var onKeyDown = function onKeyDown(event) {
+    if (event.code === 'Space') {
+      onClick(event);
+    }
+  };
+
   var isChecked = function isChecked() {
     return props.checked === props.trueValue;
   };
@@ -11566,6 +11574,7 @@ var Checkbox = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     disabled: props.disabled,
     readOnly: props.readOnly,
     required: props.required
@@ -11881,9 +11890,10 @@ var Chips = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     return props.max && props.value && props.max === props.value.length;
   };
 
+  var currentValue = inputRef.current && inputRef.current.value;
   var isFilled = React.useMemo(function () {
-    return props.value && props.value.length || inputRef.current && inputRef.current.value && inputRef.current.value.length;
-  }, [props.value]);
+    return ObjectUtils.isNotEmpty(props.value) || ObjectUtils.isNotEmpty(currentValue);
+  }, [props.value, currentValue]);
 
   var isRemovable = function isRemovable(value, index) {
     return ObjectUtils.getPropValue(props.removable, {
@@ -12364,8 +12374,8 @@ var ColorPicker = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     var hexValue = parseInt(hex.indexOf('#') > -1 ? hex.substring(1) : hex, 16);
     return {
       r: hexValue >> 16,
-      g: (hexValue & 0x00FF00) >> 8,
-      b: hexValue & 0x0000FF
+      g: (hexValue & 0x00ff00) >> 8,
+      b: hexValue & 0x0000ff
     };
   };
 
@@ -12828,7 +12838,6 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
       unbindDocumentDragEndListener = _useEventListener10[1];
 
   var onClose = function onClose(event) {
-    DomHandler.removeClass(document.body, 'p-overflow-hidden');
     props.onHide();
     event.preventDefault();
   };
@@ -13053,6 +13062,10 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (props.modal) {
       DomHandler.addClass(maskRef.current, 'p-component-overlay-leave');
     }
+
+    if (props.blockScroll) {
+      DomHandler.removeClass(document.body, 'p-overflow-hidden');
+    }
   };
 
   var onExited = function onExited() {
@@ -13139,11 +13152,15 @@ var Dialog = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   useMountEffect(function () {
+    var unqiueId = UniqueComponentId();
+
     if (!idState) {
-      setIdState(UniqueComponentId());
+      setIdState(unqiueId);
     }
 
-    attributeSelector.current = UniqueComponentId();
+    if (!attributeSelector.current) {
+      attributeSelector.current = unqiueId;
+    }
 
     if (props.visible) {
       setMaskVisibleState(true);
@@ -13429,7 +13446,10 @@ var confirmDialog = function confirmDialog() {
     });
   };
 
-  return [show, hide];
+  return {
+    show: show,
+    hide: hide
+  };
 };
 var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.visible),
@@ -13477,7 +13497,8 @@ var ConfirmDialog = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(funct
     setVisibleState(true);
   };
 
-  var hide = function hide(result) {
+  var hide = function hide() {
+    var result = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'cancel';
     setVisibleState(false);
     callbackFromProp('onHide', result);
   };
@@ -13632,7 +13653,10 @@ var confirmPopup = function confirmPopup() {
     });
   };
 
-  return [show, hide];
+  return {
+    show: show,
+    hide: hide
+  };
 };
 var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.visible),
@@ -13678,7 +13702,7 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
           valid = _ref.valid;
 
       if (valid) {
-        type === 'outside' ? !isPanelClicked.current && hide() : hide();
+        type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
       }
 
       isPanelClicked.current = false;
@@ -13722,7 +13746,10 @@ var ConfirmPopup = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
     setVisibleState(false);
     OverlayService.off('overlay-click', overlayEventListener.current);
     overlayEventListener.current = null;
-    callbackFromProp('onHide', result);
+
+    if (result) {
+      callbackFromProp('onHide', result);
+    }
   };
 
   var onEnter = function onEnter() {
@@ -14023,6 +14050,10 @@ var ContextMenuSub = /*#__PURE__*/React.memo(function (props) {
   };
 
   var createMenuItem = function createMenuItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var active = activeItemState === item;
     var key = item.label + '_' + index;
     var className = classNames('p-menuitem', {
@@ -14532,7 +14563,7 @@ var DataScroller = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
       ref: contentRef,
       className: "p-datascroller-content",
       style: {
-        'maxHeight': props.scrollHeight
+        maxHeight: props.scrollHeight
       }
     }, /*#__PURE__*/React.createElement("ul", {
       className: "p-datascroller-list"
@@ -14584,7 +14615,7 @@ var CurrentPageReport = /*#__PURE__*/React.memo(function (props) {
     rows: props.rows,
     totalRecords: props.totalRecords
   };
-  var text = props.reportTemplate.replace("{currentPage}", report.currentPage).replace("{totalPages}", report.totalPages).replace("{first}", report.first).replace("{last}", report.last).replace("{rows}", report.rows).replace("{totalRecords}", report.totalRecords);
+  var text = props.reportTemplate.replace('{currentPage}', report.currentPage).replace('{totalPages}', report.totalPages).replace('{first}', report.first).replace('{last}', report.last).replace('{rows}', report.rows).replace('{totalRecords}', report.totalRecords);
   var element = /*#__PURE__*/React.createElement("span", {
     className: "p-paginator-current"
   }, text);
@@ -16411,15 +16442,16 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     if (props.onBlur) {
       setTimeout(function () {
+        var currentValue = inputRef.current ? inputRef.current.value : undefined;
         props.onBlur({
           originalEvent: event.originalEvent,
-          value: inputRef.current.value,
+          value: currentValue,
           stopPropagation: function stopPropagation() {},
           preventDefault: function preventDefault() {},
           target: {
             name: props.name,
             id: props.id,
-            value: inputRef.current.value
+            value: currentValue
           }
         });
       }, 200);
@@ -16976,7 +17008,7 @@ var Dropdown = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       "aria-hidden": "true"
     }, /*#__PURE__*/React.createElement("option", {
       value: option.value
-    }, option.label), ";"));
+    }, option.label)));
   };
 
   var createKeyboardHelper = function createKeyboardHelper() {
@@ -21678,7 +21710,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
       var dateFormat = /\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}.\d{3}Z/;
 
       var reviver = function reviver(key, value) {
-        return typeof value === "string" && dateFormat.test(value) ? new Date(value) : value;
+        return typeof value === 'string' && dateFormat.test(value) ? new Date(value) : value;
       };
 
       if (stateString) {
@@ -22705,7 +22737,7 @@ var DataTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var closeEditingCell = function closeEditingCell() {
-    if (props.editMode !== "row") {
+    if (props.editMode !== 'row') {
       document.body.click();
     }
   };
@@ -23796,6 +23828,10 @@ var Dock = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
   };
 
   var createItem = function createItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var disabled = item.disabled,
         _icon = item.icon,
         label = item.label,
@@ -24008,10 +24044,10 @@ var Editor = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
       } // GitHub #2271 prevent infinite loop on clipboard paste of HTML
 
 
-      if (source === "api") {
+      if (source === 'api') {
         var htmlValue = contentRef.current.children[0];
-        var editorValue = document.createElement("div");
-        editorValue.innerHTML = props.value || ""; // this is necessary because Quill rearranged style elements
+        var editorValue = document.createElement('div');
+        editorValue.innerHTML = props.value || ''; // this is necessary because Quill rearranged style elements
 
         if (DomHandler.isEqualElement(htmlValue, editorValue)) {
           return;
@@ -24365,7 +24401,8 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       detail = _props$message.detail,
       closable = _props$message.closable,
       life = _props$message.life,
-      sticky = _props$message.sticky;
+      sticky = _props$message.sticky,
+      icon = _props$message.icon;
 
   var _useTimeout = useTimeout(function () {
     onClose(null);
@@ -24403,15 +24440,23 @@ var UIMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var createMessage = function createMessage() {
     if (props.message) {
-      var icon = classNames('p-message-icon pi ', {
-        'pi-info-circle': severity === 'info',
-        'pi-check': severity === 'success',
-        'pi-exclamation-triangle': severity === 'warn',
-        'pi-times-circle': severity === 'error'
+      var iconValue = icon;
+
+      if (!iconValue) {
+        iconValue = classNames('pi', {
+          'pi-info-circle': severity === 'info',
+          'pi-exclamation-triangle': severity === 'warn',
+          'pi-times-circle': severity === 'error',
+          'pi-check': severity === 'success'
+        });
+      }
+
+      var iconContent = IconUtils.getJSXIcon(iconValue, {
+        className: 'p-message-icon'
+      }, {
+        props: props
       });
-      return content || /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-        className: icon
-      }), /*#__PURE__*/React.createElement("span", {
+      return content || /*#__PURE__*/React.createElement(React.Fragment, null, iconContent, /*#__PURE__*/React.createElement("span", {
         className: "p-message-summary"
       }, summary), /*#__PURE__*/React.createElement("span", {
         className: "p-message-detail"
@@ -24694,7 +24739,10 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var onFileSelect = function onFileSelect(event) {
     // give caller a chance to stop the selection
-    if (props.onBeforeSelect && props.onBeforeSelect(event) === false) {
+    if (props.onBeforeSelect && props.onBeforeSelect({
+      originalEvent: event,
+      files: filesState
+    }) === false) {
       return;
     }
 
@@ -24805,8 +24853,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
       if (props.onBeforeUpload) {
         props.onBeforeUpload({
-          'xhr': xhr,
-          'formData': formData
+          xhr: xhr,
+          formData: formData
         });
       }
 
@@ -24871,8 +24919,8 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
       if (props.onBeforeSend) {
         props.onBeforeSend({
-          'xhr': xhr,
-          'formData': formData
+          xhr: xhr,
+          formData: formData
         });
       }
 
@@ -24965,6 +25013,9 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       },
       getContent: function getContent() {
         return contentRef.current;
+      },
+      getFiles: function getFiles() {
+        return filesState;
       }
     };
   });
@@ -24984,7 +25035,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var label = iconOnly ? /*#__PURE__*/React.createElement("span", {
       className: labelClassName,
       dangerouslySetInnerHTML: {
-        __html: "&nbsp;"
+        __html: '&nbsp;'
       }
     }) : /*#__PURE__*/React.createElement("span", {
       className: labelClassName
@@ -25169,7 +25220,7 @@ var FileUpload = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
     var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React.createElement("span", {
       className: labelClassName,
       dangerouslySetInnerHTML: {
-        __html: "&nbsp;"
+        __html: '&nbsp;'
       }
     }) : /*#__PURE__*/React.createElement("span", {
       className: labelClassName
@@ -25909,7 +25960,7 @@ var GalleriaThumbnails = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(
     }, backwardNavigator, /*#__PURE__*/React.createElement("div", {
       className: "p-galleria-thumbnail-items-container",
       style: {
-        'height': height
+        height: height
       }
     }, /*#__PURE__*/React.createElement("div", {
       ref: itemsContainerRef,
@@ -26192,11 +26243,11 @@ Galleria.defaultProps = {
   autoPlay: false,
   transitionInterval: 4000,
   showThumbnails: true,
-  thumbnailsPosition: "bottom",
-  verticalThumbnailViewPortHeight: "300px",
+  thumbnailsPosition: 'bottom',
+  verticalThumbnailViewPortHeight: '300px',
   showIndicators: false,
   showIndicatorsOnItem: false,
-  indicatorsPosition: "bottom",
+  indicatorsPosition: 'bottom',
   baseZIndex: 0,
   transitionOptions: null,
   onItemChange: null
@@ -27143,7 +27194,7 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
       writeBuffer();
 
-      if (pos === props.mask.replace("?", "").length) {
+      if (pos === props.mask.replace('?', '').length) {
         caret(0, pos);
       } else {
         caret(pos);
@@ -27245,8 +27296,8 @@ var InputMask = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       len.current = props.mask.length;
       firstNonMaskPos.current = null;
       var defs = {
-        '9': '[0-9]',
-        'a': '[A-Za-z]',
+        9: '[0-9]',
+        a: '[A-Za-z]',
         '*': '[A-Za-z0-9]'
       };
       var ua = DomHandler.getUserAgent();
@@ -27723,7 +27774,7 @@ var Knob = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
   var valuePath = "M ".concat(zeroX(), " ").concat(zeroY(), " A ").concat(radius, " ").concat(radius, " 0 ").concat(largeArc(), " ").concat(sweep(), " ").concat(valueX(), " ").concat(valueY());
 
   var valueToDisplay = function valueToDisplay() {
-    return props.valueTemplate.replace("{value}", props.value.toString());
+    return props.valueTemplate.replace('{value}', props.value.toString());
   };
 
   var updateValue = function updateValue(offsetX, offsetY) {
@@ -28650,6 +28701,10 @@ var MegaMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var createSubmenuItem = function createSubmenuItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     if (item.separator) {
       return createSeparator(index);
     } else {
@@ -29516,6 +29571,10 @@ var Menu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (prop
   };
 
   var createMenuItem = function createMenuItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var className = classNames('p-menuitem', item.className);
     var linkClassName = classNames('p-menuitem-link', {
       'p-disabled': item.disabled
@@ -29812,6 +29871,10 @@ var MenubarSub = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var createMenuitem = function createMenuitem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var key = item.label + '_' + index;
     var className = classNames('p-menuitem', {
       'p-menuitem-active': activeItemState === item
@@ -29993,7 +30056,12 @@ var Menubar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   };
 
   var createMenuButton = function createMenuButton() {
+    if (props.model && props.model.length < 1) {
+      return null;
+    }
     /* eslint-disable */
+
+
     var button = /*#__PURE__*/React.createElement("a", {
       ref: menuButtonRef,
       href: '#',
@@ -30050,15 +30118,23 @@ var Message = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
     }
 
     var text = ObjectUtils.getJSXElement(props.text, props);
-    var icon = classNames('p-inline-message-icon pi', {
-      'pi-info-circle': props.severity === 'info',
-      'pi-exclamation-triangle': props.severity === 'warn',
-      'pi-times-circle': props.severity === 'error',
-      'pi-check': props.severity === 'success'
+    var iconValue = props.icon;
+
+    if (!iconValue) {
+      iconValue = classNames('pi', {
+        'pi-info-circle': props.severity === 'info',
+        'pi-exclamation-triangle': props.severity === 'warn',
+        'pi-times-circle': props.severity === 'error',
+        'pi-check': props.severity === 'success'
+      });
+    }
+
+    var icon = IconUtils.getJSXIcon(iconValue, {
+      className: 'p-inline-message-icon'
+    }, {
+      props: props
     });
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
-      className: icon
-    }), /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, icon, /*#__PURE__*/React.createElement("span", {
       className: "p-inline-message-text"
     }, text));
   };
@@ -30097,6 +30173,7 @@ Message.defaultProps = {
   className: null,
   style: null,
   text: null,
+  icon: null,
   severity: 'info',
   content: null
 };
@@ -31422,7 +31499,7 @@ MultiStateCheckbox.defaultProps = {
   disabled: false,
   readOnly: false,
   empty: true,
-  tabIndex: "0",
+  tabIndex: '0',
   'aria-label': null,
   'aria-labelledby': null,
   tooltip: null,
@@ -32784,6 +32861,10 @@ var PanelMenuSub = /*#__PURE__*/React.memo(function (props) {
   };
 
   var createMenuItem = function createMenuItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var key = item.label + '_' + index;
     var active = isItemActive(item);
     var className = classNames('p-menuitem', item.className);
@@ -32965,6 +33046,10 @@ var PanelMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var createPanel = function createPanel(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var key = item.label + '_' + index;
     var active = isItemActive(item);
     var className = classNames('p-panelmenu-panel', item.className);
@@ -34376,15 +34461,18 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
   var inputRef = React.useRef(props.inputRef);
 
   var select = function select(e) {
-    inputRef.current.checked = true;
     onClick(e);
   };
 
   var onClick = function onClick(e) {
     if (!props.disabled && props.onChange) {
       var checked = props.checked;
+      var radioClicked = e.target instanceof HTMLDivElement;
+      var inputClicked = e.target === inputRef.current;
+      var isInputToggled = inputClicked && e.target.checked !== checked;
+      var isRadioToggled = radioClicked && !e.target.checked;
 
-      if (inputRef.current.checked === checked) {
+      if (isInputToggled || isRadioToggled) {
         var value = !checked;
         props.onChange({
           originalEvent: e,
@@ -34400,7 +34488,6 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
             checked: value
           }
         });
-        inputRef.current.checked = value;
       }
 
       DomHandler.focus(inputRef.current);
@@ -34416,6 +34503,12 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     setFocusedState(false);
   };
 
+  var onKeyDown = function onKeyDown(event) {
+    if (event.code === 'Space') {
+      onClick(event);
+    }
+  };
+
   React.useEffect(function () {
     if (inputRef.current) {
       inputRef.current.checked = props.checked;
@@ -34467,6 +34560,7 @@ var RadioButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     "aria-label": props['aria-label'],
     onFocus: onFocus,
     onBlur: onBlur,
+    onKeyDown: onKeyDown,
     disabled: props.disabled,
     required: props.required,
     tabIndex: props.tabIndex
@@ -34500,6 +34594,9 @@ RadioButton.defaultProps = {
   onChange: null
 };
 
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var elementRef = React.useRef(null);
   var enabled = !props.disabled && !props.readOnly;
@@ -34553,38 +34650,55 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     }
   };
 
-  var createStars = function createStars() {
+  var createIcons = function createIcons() {
     return Array.from({
       length: props.stars
     }, function (_, i) {
       return i + 1;
     }).map(function (value) {
-      var iconClassName = classNames('p-rating-icon', {
-        'pi pi-star': !props.value || value > props.value,
-        'pi pi-star-fill': value <= props.value
+      var active = value <= props.value;
+      var className = classNames('p-rating-item', {
+        'p-rating-item-active': active
+      });
+      var icon = active ? {
+        type: props.onIcon,
+        props: props.onIconProps
+      } : {
+        type: props.offIcon,
+        props: props.offIconProps
+      };
+      var content = IconUtils.getJSXIcon(icon.type, _objectSpread$9({
+        className: 'p-rating-icon'
+      }, icon.props), {
+        props: props
       });
-      return /*#__PURE__*/React.createElement("span", {
-        className: iconClassName,
+      return /*#__PURE__*/React.createElement("div", {
+        key: value,
+        className: className,
+        tabIndex: tabIndex,
         onClick: function onClick(e) {
           return rate(e, value);
         },
-        key: value,
-        tabIndex: tabIndex,
         onKeyDown: function onKeyDown(e) {
           return onStarKeyDown(e, value);
         }
-      });
+      }, content);
     });
   };
 
   var createCancelIcon = function createCancelIcon() {
     if (props.cancel) {
-      return /*#__PURE__*/React.createElement("span", {
-        className: "p-rating-icon p-rating-cancel pi pi-ban",
+      var content = IconUtils.getJSXIcon(props.cancelIcon, _objectSpread$9({
+        className: 'p-rating-icon p-rating-cancel'
+      }, props.cancelIconProps), {
+        props: props
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: "p-rating-item p-rating-cancel-item",
         onClick: clear,
         tabIndex: tabIndex,
         onKeyDown: onCancelKeyDown
-      });
+      }, content);
     }
 
     return null;
@@ -34605,13 +34719,13 @@ var Rating = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     'p-readonly': props.readOnly
   }, props.className);
   var cancelIcon = createCancelIcon();
-  var stars = createStars();
+  var icons = createIcons();
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
     ref: elementRef,
     id: props.id,
     className: className,
     style: props.style
-  }, otherProps), cancelIcon, stars), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
+  }, otherProps), cancelIcon, icons), hasTooltip && /*#__PURE__*/React.createElement(Tooltip, _extends({
     target: elementRef,
     content: props.tooltip
   }, props.tooltipOptions)));
@@ -34629,7 +34743,13 @@ Rating.defaultProps = {
   className: null,
   tooltip: null,
   tooltipOptions: null,
-  onChange: null
+  onChange: null,
+  onIcon: 'pi pi-star-fill',
+  offIcon: 'pi pi-star',
+  cancelIcon: 'pi pi-ban',
+  cancelIconProps: null,
+  onIconProps: null,
+  offIconProps: null
 };
 
 var Row = function Row(props) {
@@ -34669,7 +34789,7 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
         containerRef.current.style.height = containerStyles['max-height'];
       } else {
-        containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + "px";
+        containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
       }
     }
   };
@@ -35449,9 +35569,9 @@ Skeleton.defaultProps = {
   className: null
 };
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
   var _React$useState = React.useState(null),
       _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -35482,7 +35602,7 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
 
     if (item.items) {
       var key = createKey(item, index);
-      setRenderSubMenu(_objectSpread$9(_objectSpread$9({}, renderSubMenu), {}, _defineProperty({}, key, true)));
+      setRenderSubMenu(_objectSpread$8(_objectSpread$8({}, renderSubMenu), {}, _defineProperty({}, key, true)));
       setActiveItemState(item);
       props.onForward();
     }
@@ -35519,6 +35639,10 @@ var SlideMenuSub = /*#__PURE__*/React.memo(function (props) {
   };
 
   var createMenuitem = function createMenuitem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var key = createKey(item, index);
     var active = activeItemState === item;
     var className = classNames('p-menuitem', {
@@ -36108,9 +36232,9 @@ Slider.defaultProps = {
   'aria-labelledby': null
 };
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _classNames2;
 
@@ -36255,7 +36379,7 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var getItemStyle = function getItemStyle(index) {
     var transitionDelay = calculateTransitionDelay(index);
     var pointStyle = calculatePointStyle(index);
-    return _objectSpread$8({
+    return _objectSpread$7({
       transitionDelay: "".concat(transitionDelay, "ms")
     }, pointStyle);
   };
@@ -36295,6 +36419,10 @@ var SpeedDial = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   });
 
   var createItem = function createItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var style = getItemStyle(index);
     var disabled = item.disabled,
         _icon = item.icon,
@@ -36473,6 +36601,10 @@ var SplitButtonItem = /*#__PURE__*/React.memo(function (props) {
   };
 
   var createMenuitem = function createMenuitem() {
+    if (props.menuitem.visible === false) {
+      return null;
+    }
+
     var _props$menuitem = props.menuitem,
         disabled = _props$menuitem.disabled,
         _icon = _props$menuitem.icon,
@@ -36675,6 +36807,10 @@ var SplitButton = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functio
     return null;
   };
 
+  if (props.visible === false) {
+    return null;
+  }
+
   var hasTooltip = ObjectUtils.isNotEmpty(props.tooltip);
   var otherProps = ObjectUtils.findDiffKeys(props, SplitButton.defaultProps);
   var className = classNames('p-splitbutton p-component', props.className, {
@@ -37084,6 +37220,10 @@ var Steps = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
   };
 
   var createItem = function createItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var key = item.label + '_' + index;
     var active = index === props.activeIndex;
     var disabled = item.disabled || index !== props.activeIndex && props.readOnly;
@@ -37476,6 +37616,10 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
   });
 
   var createMenuItem = function createMenuItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     var _className = item.className,
         style = item.style,
         disabled = item.disabled,
@@ -37522,7 +37666,8 @@ var TabMenu = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (p
         element: content,
         props: props,
         active: active,
-        index: index
+        index: index,
+        disabled: disabled
       };
       content = ObjectUtils.getJSXElement(template, item, defaultContentOptions);
     }
@@ -37575,9 +37720,9 @@ TabMenu.defaultProps = {
   onTabChange: null
 };
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TabPanel = function TabPanel() {};
 var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _React$useState = React.useState(props.id),
@@ -37777,7 +37922,7 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
         headerTemplate = _tab$props.headerTemplate,
         closable = _tab$props.closable;
 
-    var style = _objectSpread$7(_objectSpread$7({}, headerStyle || {}), _style || {});
+    var style = _objectSpread$6(_objectSpread$6({}, headerStyle || {}), _style || {});
 
     var className = classNames('p-unselectable-text', {
       'p-tabview-selected p-highlight': selected,
@@ -37884,7 +38029,7 @@ var TabView = /*#__PURE__*/React.forwardRef(function (props, ref) {
       if (shouldUseTab(tab, index) && (!props.renderActiveOnly || isSelected(index))) {
         var selected = isSelected(index);
 
-        var style = _objectSpread$7(_objectSpread$7({}, tab.props.contentStyle || {}), tab.props.style || {});
+        var style = _objectSpread$6(_objectSpread$6({}, tab.props.contentStyle || {}), tab.props.style || {});
 
         var _className2 = classNames(tab.props.contentClassName, tab.props.className, 'p-tabview-panel', {
           'p-hidden': !selected
@@ -38374,6 +38519,10 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
   };
 
   var createMenuItem = function createMenuItem(item, index) {
+    if (item.visible === false) {
+      return null;
+    }
+
     item.id;
         var _className = item.className,
         style = item.style,
@@ -38437,7 +38586,8 @@ var TieredMenuSub = /*#__PURE__*/React.memo(function (props) {
         submenuIconClassName: submenuIconClassName,
         element: content,
         props: props,
-        active: active
+        active: active,
+        disabled: disabled
       };
       content = ObjectUtils.getJSXElement(template, item, defaultContentOptions);
     }
@@ -38681,22 +38831,20 @@ Timeline.defaultProps = {
   content: null
 };
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _props$message = props.message,
-      severity = _props$message.severity,
-      content = _props$message.content,
-      summary = _props$message.summary,
-      detail = _props$message.detail,
-      closable = _props$message.closable,
-      life = _props$message.life,
-      sticky = _props$message.sticky,
-      _className = _props$message.className,
-      style = _props$message.style,
-      _contentClassName = _props$message.contentClassName,
-      contentStyle = _props$message.contentStyle;
+  var messageInfo = props.messageInfo;
+  var _messageInfo$message = messageInfo.message,
+      severity = _messageInfo$message.severity,
+      content = _messageInfo$message.content,
+      summary = _messageInfo$message.summary,
+      detail = _messageInfo$message.detail,
+      closable = _messageInfo$message.closable,
+      life = _messageInfo$message.life,
+      sticky = _messageInfo$message.sticky,
+      _className = _messageInfo$message.className,
+      style = _messageInfo$message.style,
+      _contentClassName = _messageInfo$message.contentClassName,
+      contentStyle = _messageInfo$message.contentStyle;
 
   var _useTimeout = useTimeout(function () {
     onClose();
@@ -38706,12 +38854,12 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
 
   var onClose = function onClose() {
     clearTimer();
-    props.onClose && props.onClose(props.message);
+    props.onClose && props.onClose(messageInfo);
   };
 
   var onClick = function onClick(event) {
     if (props.onClick && !(DomHandler.hasClass(event.target, 'p-toast-icon-close') || DomHandler.hasClass(event.target, 'p-toast-icon-close-icon'))) {
-      props.onClick(props.message);
+      props.onClick(messageInfo.message);
     }
   };
 
@@ -38730,10 +38878,12 @@ var ToastMessage = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(functi
   };
 
   var createMessage = function createMessage() {
-    if (props.message) {
-      var contentEl = ObjectUtils.getJSXElement(content, _objectSpread$6(_objectSpread$6({}, props), {}, {
+    if (messageInfo) {
+      var contentEl = ObjectUtils.getJSXElement(content, {
+        message: messageInfo.message,
+        onClick: onClick,
         onClose: onClose
-      }));
+      });
       var iconClassName = classNames('p-toast-message-icon pi', {
         'pi-info-circle': severity === 'info',
         'pi-exclamation-triangle': severity === 'warn',
@@ -38787,13 +38937,20 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       var messages;
 
       if (Array.isArray(value)) {
-        for (var i = 0; i < value.length; i++) {
-          value[i].id = messageIdx++;
-          messages = [].concat(_toConsumableArray(messagesState), _toConsumableArray(value));
-        }
+        var multipleMessages = value.reduce(function (acc, message) {
+          acc.push({
+            _pId: messageIdx++,
+            message: message
+          });
+          return acc;
+        }, []);
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), _toConsumableArray(multipleMessages)) : multipleMessages;
       } else {
-        value.id = messageIdx++;
-        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [value]) : [value];
+        var message = {
+          _pId: messageIdx++,
+          message: value
+        };
+        messages = messagesState ? [].concat(_toConsumableArray(messagesState), [message]) : [message];
       }
 
       messagesState.length === 0 && ZIndexUtils.set('toast', containerRef.current, PrimeReact.autoZIndex, props.baseZIndex || PrimeReact.zIndex['toast']);
@@ -38811,12 +38968,12 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
     setMessagesState(replaced);
   };
 
-  var onClose = function onClose(message) {
+  var onClose = function onClose(messageInfo) {
     var messages = messagesState.filter(function (msg) {
-      return msg.id !== message.id;
+      return msg._pId !== messageInfo._pId;
     });
     setMessagesState(messages);
-    props.onRemove && props.onRemove(message);
+    props.onRemove && props.onRemove(messageInfo.message);
   };
 
   var onEntered = function onEntered() {
@@ -38851,11 +39008,11 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), /*#__PURE__*/React.createElement(TransitionGroup, null, messagesState.map(function (message) {
+    }, otherProps), /*#__PURE__*/React.createElement(TransitionGroup, null, messagesState.map(function (messageInfo) {
       var messageRef = /*#__PURE__*/React.createRef();
       return /*#__PURE__*/React.createElement(CSSTransition, {
         nodeRef: messageRef,
-        key: message.id,
+        key: messageInfo._pId,
         classNames: "p-toast-message",
         unmountOnExit: true,
         timeout: {
@@ -38867,7 +39024,7 @@ var Toast = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pro
         options: props.transitionOptions
       }, /*#__PURE__*/React.createElement(ToastMessage, {
         ref: messageRef,
-        message: message,
+        messageInfo: messageInfo,
         onClick: props.onClick,
         onClose: onClose
       }));
@@ -39545,7 +39702,7 @@ var UITreeNode = /*#__PURE__*/React.memo(function (props) {
   };
 
   var onDragStart = function onDragStart(event) {
-    event.dataTransfer.setData("text", props.dragdropScope);
+    event.dataTransfer.setData('text', props.dragdropScope);
     event.dataTransfer.setData(props.dragdropScope, props.dragdropScope);
 
     if (props.onDragStart) {
@@ -40393,7 +40550,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       overlayVisibleState = _React$useState4[0],
       setOverlayVisibleState = _React$useState4[1];
 
-  var _React$useState5 = React.useState({}),
+  var _React$useState5 = React.useState(props.expandedKeys),
       _React$useState6 = _slicedToArray(_React$useState5, 2),
       expandedKeysState = _React$useState6[0],
       setExpandedKeysState = _React$useState6[1];
@@ -40409,6 +40566,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   var focusInputRef = React.useRef(null);
   var triggerRef = React.useRef(null);
   var selfChange = React.useRef(null);
+  var expandedKeys = props.onToggle ? props.expandedKeys : expandedKeysState;
   var filteredValue = props.onFilterValueChange ? props.filterValue : filterValueState;
   var isValueEmpty = ObjectUtils.isEmpty(props.value);
   var hasNoOptions = ObjectUtils.isEmpty(props.options);
@@ -40492,7 +40650,11 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
   };
 
   var onNodeToggle = function onNodeToggle(e) {
-    setExpandedKeysState(e.value);
+    if (props.onToggle) {
+      props.onToggle(e);
+    } else {
+      setExpandedKeysState(e.value);
+    }
   };
 
   var onFilterValueChange = function onFilterValueChange(e) {
@@ -40704,7 +40866,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
 
   var expandPath = function expandPath(path) {
     if (path.length > 0) {
-      var expandedKeys = _objectSpread$3({}, expandedKeysState || {});
+      var _expandedKeys = _objectSpread$3({}, expandedKeysState || {});
 
       var _iterator5 = _createForOfIteratorHelper$4(path),
           _step5;
@@ -40712,7 +40874,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       try {
         for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
           var key = _step5.value;
-          expandedKeys[key] = true;
+          _expandedKeys[key] = true;
         }
       } catch (err) {
         _iterator5.e(err);
@@ -40720,7 +40882,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
         _iterator5.f();
       }
 
-      setExpandedKeysState(expandedKeys);
+      setExpandedKeysState(_expandedKeys);
     }
   };
 
@@ -40845,7 +41007,7 @@ var TreeSelect = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function
       onSelectionChange: onSelectionChange,
       onSelect: onNodeSelect,
       onUnselect: onNodeUnselect,
-      expandedKeys: expandedKeysState,
+      expandedKeys: expandedKeys,
       onToggle: onNodeToggle,
       onExpand: props.onNodeExpand,
       onCollapse: props.onNodeCollapse,
@@ -40988,6 +41150,7 @@ TreeSelect.defaultProps = {
   ariaLabel: null,
   ariaLabelledBy: null,
   selectionMode: 'single',
+  expandedKeys: null,
   panelStyle: null,
   panelClassName: null,
   appendTo: null,
@@ -41142,7 +41305,7 @@ var TreeTableBodyCell = function TreeTableBodyCell(props) {
       field: props.field,
       rowIndex: props.rowIndex,
       props: props
-    });else throw new Error("Editor is not found on column.");
+    });else throw new Error('Editor is not found on column.');
   } else {
     if (props.body) content = ObjectUtils.getJSXElement(props.body, props.node, {
       field: props.field,
@@ -42775,7 +42938,7 @@ var TreeTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
           nextCol.style.width = nextColumnWidth + 'px';
         }
       } else {
-        throw new Error("Scrollable tables require a colgroup to support resizable columns");
+        throw new Error('Scrollable tables require a colgroup to support resizable columns');
       }
     }
   };
@@ -43658,7 +43821,7 @@ TriStateCheckbox.defaultProps = {
   className: null,
   disabled: false,
   readOnly: false,
-  tabIndex: "0",
+  tabIndex: '0',
   'aria-label': null,
   'aria-labelledby': null,
   tooltip: null,