primereact 8.4.0 → 8.5.0

package/primereact.all.js

@@ -214,7 +214,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
   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',
@@ -1327,7 +1327,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     }, {
       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",
@@ -1373,8 +1373,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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);
@@ -1407,10 +1407,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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'
         };
       }
     }, {
@@ -1442,7 +1442,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
@@ -1669,7 +1669,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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
@@ -2167,7 +2167,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         writeBuffer();
 
-        if (pos === options.mask.replace("?", "").length) {
+        if (pos === options.mask.replace('?', '').length) {
           caret(0, pos);
         } else {
           caret(pos);
@@ -2248,8 +2248,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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();
@@ -2459,7 +2459,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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",
@@ -2485,7 +2491,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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;
@@ -3759,24 +3765,29 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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
       };
     };
 
@@ -3989,24 +4000,32 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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);
+        });
       }
     };
 
@@ -4242,6 +4261,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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({
@@ -4264,7 +4287,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return !props.children && !props.label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-button-label p-c",
         dangerouslySetInnerHTML: {
-          __html: "&nbsp;"
+          __html: '&nbsp;'
         }
       });
     };
@@ -4335,49 +4358,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     },
 
     /* 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;
     },
@@ -4390,17 +4370,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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;
       }
 
@@ -4416,7 +4388,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       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)) {
@@ -5650,7 +5622,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     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) {
@@ -5911,12 +5885,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }) : 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;
     };
@@ -6483,6 +6451,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var home = props.home;
 
       if (home) {
+        if (home.visible === false) {
+          return null;
+        }
+
         var _icon = home.icon,
             target = home.target,
             url = home.url,
@@ -6539,6 +6511,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createMenuitem = function createMenuitem(item) {
+      if (item.visible === false) {
+        return null;
+      }
+
       var className = classNames(item.className, {
         'p-disabled': item.disabled
       });
@@ -6577,6 +6553,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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;
@@ -8225,8 +8205,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       return {
-        'month': m,
-        'year': y
+        month: m,
+        year: y
       };
     };
 
@@ -8242,8 +8222,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       return {
-        'month': m,
-        'year': y
+        month: m,
+        year: y
       };
     };
 
@@ -8387,7 +8367,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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;
             }
           }
@@ -8401,7 +8381,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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;
             }
           }
@@ -8676,7 +8656,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
@@ -8715,9 +8695,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
                 output += date.getTime() * 10000 + ticksTo1970;
                 break;
 
-              case '\'':
-                if (lookAhead('\'')) {
-                  output += '\'';
+              case "'":
+                if (lookAhead("'")) {
+                  output += "'";
                 } else {
                   literal = true;
                 }
@@ -8882,9 +8862,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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;
       }
 
@@ -8892,7 +8872,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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,
@@ -8910,9 +8890,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       },
           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) {
@@ -8978,39 +8958,39 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           }
         } 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();
@@ -9191,12 +9171,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     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'
         }
       };
@@ -9210,12 +9190,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     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'
         }
       };
@@ -9831,7 +9811,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             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);
         }));
@@ -9994,13 +9974,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     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
       });
     };
@@ -10626,7 +10606,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-carousel-items-content",
         style: {
-          'height': height
+          height: height
         },
         onTouchStart: onTouchStart,
         onTouchMove: onTouchMove,
@@ -10639,41 +10619,53 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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__namespace.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__namespace.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__namespace.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__namespace.createElement(Button, {
+          type: "button",
+          className: _className2,
+          icon: iconClassName,
+          onClick: navForward,
+          disabled: isDisabled,
+          "aria-label": ariaLabel('nextPageLabel')
+        });
+      }
+
+      return null;
     };
 
     var createIndicator = function createIndicator(index) {
@@ -10696,16 +10688,21 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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__namespace.createElement("ul", {
+          className: _className3
+        }, _indicators);
       }
 
-      return /*#__PURE__*/React__namespace.createElement("ul", {
-        className: className
-      }, indicators);
+      return null;
     };
 
     var otherProps = ObjectUtils.findDiffKeys(props, Carousel.defaultProps);
@@ -10740,12 +10737,14 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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,
@@ -11295,7 +11294,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, /*#__PURE__*/React__namespace.createElement(CascadeSelectSub, {
         options: props.options,
         selectionPath: selectionPath.current,
-        className: "p-cascadeselect-items",
+        className: 'p-cascadeselect-items',
         optionLabel: props.optionLabel,
         optionValue: props.optionValue,
         level: 0,
@@ -11494,7 +11493,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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,
@@ -11510,7 +11513,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               checked: value
             }
           });
-          inputRef.current.checked = !_checked;
         }
 
         DomHandler.focus(inputRef.current);
@@ -11526,6 +11528,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setFocusedState(false);
     };
 
+    var onKeyDown = function onKeyDown(event) {
+      if (event.code === 'Space') {
+        onClick(event);
+      }
+    };
+
     var isChecked = function isChecked() {
       return props.checked === props.trueValue;
     };
@@ -11588,6 +11596,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       "aria-label": props['aria-label'],
       onFocus: onFocus,
       onBlur: onBlur,
+      onKeyDown: onKeyDown,
       disabled: props.disabled,
       readOnly: props.readOnly,
       required: props.required
@@ -11903,9 +11912,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       return props.max && props.value && props.max === props.value.length;
     };
 
+    var currentValue = inputRef.current && inputRef.current.value;
     var isFilled = React__namespace.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, {
@@ -12386,8 +12396,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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
       };
     };
 
@@ -12850,7 +12860,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         unbindDocumentDragEndListener = _useEventListener10[1];
 
     var onClose = function onClose(event) {
-      DomHandler.removeClass(document.body, 'p-overflow-hidden');
       props.onHide();
       event.preventDefault();
     };
@@ -13075,6 +13084,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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() {
@@ -13161,11 +13174,15 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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);
@@ -13451,7 +13468,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     };
 
-    return [show, hide];
+    return {
+      show: show,
+      hide: hide
+    };
   };
   var ConfirmDialog = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.visible),
@@ -13499,7 +13519,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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);
     };
@@ -13654,7 +13675,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       });
     };
 
-    return [show, hide];
+    return {
+      show: show,
+      hide: hide
+    };
   };
   var ConfirmPopup = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.visible),
@@ -13700,7 +13724,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             valid = _ref.valid;
 
         if (valid) {
-          type === 'outside' ? !isPanelClicked.current && hide() : hide();
+          type === 'outside' ? props.dismissable && !isPanelClicked.current && hide() : hide();
         }
 
         isPanelClicked.current = false;
@@ -13744,7 +13768,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setVisibleState(false);
       OverlayService.off('overlay-click', overlayEventListener.current);
       overlayEventListener.current = null;
-      callbackFromProp('onHide', result);
+
+      if (result) {
+        callbackFromProp('onHide', result);
+      }
     };
 
     var onEnter = function onEnter() {
@@ -14045,6 +14072,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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', {
@@ -14554,7 +14585,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         ref: contentRef,
         className: "p-datascroller-content",
         style: {
-          'maxHeight': props.scrollHeight
+          maxHeight: props.scrollHeight
         }
       }, /*#__PURE__*/React__namespace.createElement("ul", {
         className: "p-datascroller-list"
@@ -14606,7 +14637,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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__namespace.createElement("span", {
       className: "p-paginator-current"
     }, text);
@@ -16433,15 +16464,16 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       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);
@@ -16998,7 +17030,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         "aria-hidden": "true"
       }, /*#__PURE__*/React__namespace.createElement("option", {
         value: option.value
-      }, option.label), ";"));
+      }, option.label)));
     };
 
     var createKeyboardHelper = function createKeyboardHelper() {
@@ -21700,7 +21732,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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) {
@@ -22727,7 +22759,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var closeEditingCell = function closeEditingCell() {
-      if (props.editMode !== "row") {
+      if (props.editMode !== 'row') {
         document.body.click();
       }
     };
@@ -23818,6 +23850,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createItem = function createItem(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
+
       var disabled = item.disabled,
           _icon = item.icon,
           label = item.label,
@@ -24030,10 +24066,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         } // 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;
@@ -24387,7 +24423,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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);
@@ -24425,15 +24462,23 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     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__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", {
-          className: icon
-        }), /*#__PURE__*/React__namespace.createElement("span", {
+        return content || /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, iconContent, /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-message-summary"
         }, summary), /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-message-detail"
@@ -24716,7 +24761,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     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;
       }
 
@@ -24827,8 +24875,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (props.onBeforeUpload) {
           props.onBeforeUpload({
-            'xhr': xhr,
-            'formData': formData
+            xhr: xhr,
+            formData: formData
           });
         }
 
@@ -24893,8 +24941,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         if (props.onBeforeSend) {
           props.onBeforeSend({
-            'xhr': xhr,
-            'formData': formData
+            xhr: xhr,
+            formData: formData
           });
         }
 
@@ -24987,6 +25035,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         },
         getContent: function getContent() {
           return contentRef.current;
+        },
+        getFiles: function getFiles() {
+          return filesState;
         }
       };
     });
@@ -25006,7 +25057,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var label = iconOnly ? /*#__PURE__*/React__namespace.createElement("span", {
         className: labelClassName,
         dangerouslySetInnerHTML: {
-          __html: "&nbsp;"
+          __html: '&nbsp;'
         }
       }) : /*#__PURE__*/React__namespace.createElement("span", {
         className: labelClassName
@@ -25191,7 +25242,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       var chooseLabel = chooseOptions.iconOnly ? /*#__PURE__*/React__namespace.createElement("span", {
         className: labelClassName,
         dangerouslySetInnerHTML: {
-          __html: "&nbsp;"
+          __html: '&nbsp;'
         }
       }) : /*#__PURE__*/React__namespace.createElement("span", {
         className: labelClassName
@@ -25931,7 +25982,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-galleria-thumbnail-items-container",
         style: {
-          'height': height
+          height: height
         }
       }, /*#__PURE__*/React__namespace.createElement("div", {
         ref: itemsContainerRef,
@@ -26214,11 +26265,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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
@@ -27165,7 +27216,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
         writeBuffer();
 
-        if (pos === props.mask.replace("?", "").length) {
+        if (pos === props.mask.replace('?', '').length) {
           caret(0, pos);
         } else {
           caret(pos);
@@ -27267,8 +27318,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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();
@@ -27745,7 +27796,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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) {
@@ -28672,6 +28723,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createSubmenuItem = function createSubmenuItem(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
+
       if (item.separator) {
         return createSeparator(index);
       } else {
@@ -29538,6 +29593,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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
@@ -29834,6 +29893,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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
@@ -30015,7 +30078,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createMenuButton = function createMenuButton() {
+      if (props.model && props.model.length < 1) {
+        return null;
+      }
       /* eslint-disable */
+
+
       var button = /*#__PURE__*/React__namespace.createElement("a", {
         ref: menuButtonRef,
         href: '#',
@@ -30072,15 +30140,23 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
 
       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__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("span", {
-        className: icon
-      }), /*#__PURE__*/React__namespace.createElement("span", {
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, icon, /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-inline-message-text"
       }, text));
     };
@@ -30119,6 +30195,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     className: null,
     style: null,
     text: null,
+    icon: null,
     severity: 'info',
     content: null
   };
@@ -31444,7 +31521,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     disabled: false,
     readOnly: false,
     empty: true,
-    tabIndex: "0",
+    tabIndex: '0',
     'aria-label': null,
     'aria-labelledby': null,
     tooltip: null,
@@ -32806,6 +32883,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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);
@@ -32987,6 +33068,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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);
@@ -34398,15 +34483,18 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var inputRef = React__namespace.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,
@@ -34422,7 +34510,6 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
               checked: value
             }
           });
-          inputRef.current.checked = value;
         }
 
         DomHandler.focus(inputRef.current);
@@ -34438,6 +34525,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       setFocusedState(false);
     };
 
+    var onKeyDown = function onKeyDown(event) {
+      if (event.code === 'Space') {
+        onClick(event);
+      }
+    };
+
     React__namespace.useEffect(function () {
       if (inputRef.current) {
         inputRef.current.checked = props.checked;
@@ -34489,6 +34582,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       "aria-label": props['aria-label'],
       onFocus: onFocus,
       onBlur: onBlur,
+      onKeyDown: onKeyDown,
       disabled: props.disabled,
       required: props.required,
       tabIndex: props.tabIndex
@@ -34522,6 +34616,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
     var enabled = !props.disabled && !props.readOnly;
@@ -34575,38 +34672,55 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       }
     };
 
-    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__namespace.createElement("span", {
-          className: iconClassName,
+        return /*#__PURE__*/React__namespace.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__namespace.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__namespace.createElement("div", {
+          className: "p-rating-item p-rating-cancel-item",
           onClick: clear,
           tabIndex: tabIndex,
           onKeyDown: onCancelKeyDown
-        });
+        }, content);
       }
 
       return null;
@@ -34627,13 +34741,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       'p-readonly': props.readOnly
     }, props.className);
     var cancelIcon = createCancelIcon();
-    var stars = createStars();
+    var icons = createIcons();
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
       ref: elementRef,
       id: props.id,
       className: className,
       style: props.style
-    }, otherProps), cancelIcon, stars), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
+    }, otherProps), cancelIcon, icons), hasTooltip && /*#__PURE__*/React__namespace.createElement(Tooltip, _extends({
       target: elementRef,
       content: props.tooltip
     }, props.tooltipOptions)));
@@ -34651,7 +34765,13 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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) {
@@ -34691,7 +34811,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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';
         }
       }
     };
@@ -35471,9 +35591,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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__namespace.memo(function (props) {
     var _React$useState = React__namespace.useState(null),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -35504,7 +35624,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
       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();
       }
@@ -35541,6 +35661,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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', {
@@ -36130,9 +36254,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     '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__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _classNames2;
 
@@ -36277,7 +36401,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var getItemStyle = function getItemStyle(index) {
       var transitionDelay = calculateTransitionDelay(index);
       var pointStyle = calculatePointStyle(index);
-      return _objectSpread$8({
+      return _objectSpread$7({
         transitionDelay: "".concat(transitionDelay, "ms")
       }, pointStyle);
     };
@@ -36317,6 +36441,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
 
     var createItem = function createItem(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
+
       var style = getItemStyle(index);
       var disabled = item.disabled,
           _icon = item.icon,
@@ -36495,6 +36623,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createMenuitem = function createMenuitem() {
+      if (props.menuitem.visible === false) {
+        return null;
+      }
+
       var _props$menuitem = props.menuitem,
           disabled = _props$menuitem.disabled,
           _icon = _props$menuitem.icon,
@@ -36697,6 +36829,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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, {
@@ -37106,6 +37242,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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;
@@ -37498,6 +37638,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     });
 
     var createMenuItem = function createMenuItem(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
+
       var _className = item.className,
           style = item.style,
           disabled = item.disabled,
@@ -37544,7 +37688,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           element: content,
           props: props,
           active: active,
-          index: index
+          index: index,
+          disabled: disabled
         };
         content = ObjectUtils.getJSXElement(template, item, defaultContentOptions);
       }
@@ -37597,9 +37742,9 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.id),
@@ -37799,7 +37944,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           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,
@@ -37906,7 +38051,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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
@@ -38396,6 +38541,10 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var createMenuItem = function createMenuItem(item, index) {
+      if (item.visible === false) {
+        return null;
+      }
+
       item.id;
           var _className = item.className,
           style = item.style,
@@ -38459,7 +38608,8 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           submenuIconClassName: submenuIconClassName,
           element: content,
           props: props,
-          active: active
+          active: active,
+          disabled: disabled
         };
         content = ObjectUtils.getJSXElement(template, item, defaultContentOptions);
       }
@@ -38703,22 +38853,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     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__namespace.memo( /*#__PURE__*/React__namespace.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();
@@ -38728,12 +38876,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     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);
       }
     };
 
@@ -38752,10 +38900,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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',
@@ -38809,13 +38959,20 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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']);
@@ -38833,12 +38990,12 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
       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() {
@@ -38873,11 +39030,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         id: props.id,
         className: className,
         style: props.style
-      }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState.map(function (message) {
+      }, otherProps), /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.TransitionGroup, null, messagesState.map(function (messageInfo) {
         var messageRef = /*#__PURE__*/React__namespace.createRef();
         return /*#__PURE__*/React__namespace.createElement(CSSTransition, {
           nodeRef: messageRef,
-          key: message.id,
+          key: messageInfo._pId,
           classNames: "p-toast-message",
           unmountOnExit: true,
           timeout: {
@@ -38889,7 +39046,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           options: props.transitionOptions
         }, /*#__PURE__*/React__namespace.createElement(ToastMessage, {
           ref: messageRef,
-          message: message,
+          messageInfo: messageInfo,
           onClick: props.onClick,
           onClose: onClose
         }));
@@ -39567,7 +39724,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     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) {
@@ -40415,7 +40572,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         overlayVisibleState = _React$useState4[0],
         setOverlayVisibleState = _React$useState4[1];
 
-    var _React$useState5 = React__namespace.useState({}),
+    var _React$useState5 = React__namespace.useState(props.expandedKeys),
         _React$useState6 = _slicedToArray(_React$useState5, 2),
         expandedKeysState = _React$useState6[0],
         setExpandedKeysState = _React$useState6[1];
@@ -40431,6 +40588,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     var focusInputRef = React__namespace.useRef(null);
     var triggerRef = React__namespace.useRef(null);
     var selfChange = React__namespace.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);
@@ -40514,7 +40672,11 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     };
 
     var onNodeToggle = function onNodeToggle(e) {
-      setExpandedKeysState(e.value);
+      if (props.onToggle) {
+        props.onToggle(e);
+      } else {
+        setExpandedKeysState(e.value);
+      }
     };
 
     var onFilterValueChange = function onFilterValueChange(e) {
@@ -40726,7 +40888,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
 
     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;
@@ -40734,7 +40896,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         try {
           for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
             var key = _step5.value;
-            expandedKeys[key] = true;
+            _expandedKeys[key] = true;
           }
         } catch (err) {
           _iterator5.e(err);
@@ -40742,7 +40904,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
           _iterator5.f();
         }
 
-        setExpandedKeysState(expandedKeys);
+        setExpandedKeysState(_expandedKeys);
       }
     };
 
@@ -40867,7 +41029,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         onSelectionChange: onSelectionChange,
         onSelect: onNodeSelect,
         onUnselect: onNodeUnselect,
-        expandedKeys: expandedKeysState,
+        expandedKeys: expandedKeys,
         onToggle: onNodeToggle,
         onExpand: props.onNodeExpand,
         onCollapse: props.onNodeCollapse,
@@ -41010,6 +41172,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     ariaLabel: null,
     ariaLabelledBy: null,
     selectionMode: 'single',
+    expandedKeys: null,
     panelStyle: null,
     panelClassName: null,
     appendTo: null,
@@ -41164,7 +41327,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
         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,
@@ -42797,7 +42960,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
             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');
         }
       }
     };
@@ -43680,7 +43843,7 @@ var primereact = (function (exports, React, reactTransitionGroup, ReactDOM) {
     className: null,
     disabled: false,
     readOnly: false,
-    tabIndex: "0",
+    tabIndex: '0',
     'aria-label': null,
     'aria-labelledby': null,
     tooltip: null,