primereact 10.5.2 → 10.6.0

package/core/core.js

@@ -95,7 +95,9 @@ this.primereact.utils = (function (exports, React) {
       var classes = [];
       for (var i = 0; i < args.length; i++) {
         var className = args[i];
-        if (!className) continue;
+        if (!className) {
+          continue;
+        }
         var type = _typeof(className);
         if (type === 'string' || type === 'number') {
           classes.push(className);
@@ -104,7 +106,7 @@ this.primereact.utils = (function (exports, React) {
             var _ref2 = _slicedToArray(_ref, 2),
               key = _ref2[0],
               value = _ref2[1];
-            return !!value ? key : null;
+            return value ? key : null;
           });
           classes = _classes.length ? classes.concat(_classes.filter(function (c) {
             return !!c;
@@ -200,7 +202,7 @@ this.primereact.utils = (function (exports, React) {
         if (el) {
           var width = el.offsetWidth;
           var style = getComputedStyle(el);
-          width += parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
+          width = width + (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight));
           return width;
         }
         return 0;
@@ -211,7 +213,7 @@ this.primereact.utils = (function (exports, React) {
         if (el) {
           var width = el.offsetWidth;
           var style = getComputedStyle(el);
-          width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight);
+          width = width - (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight));
           return width;
         }
         return 0;
@@ -240,7 +242,7 @@ this.primereact.utils = (function (exports, React) {
           var width = el.getBoundingClientRect().width || el.offsetWidth;
           if (margin) {
             var style = getComputedStyle(el);
-            width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
+            width = width + (parseFloat(style.marginLeft) + parseFloat(style.marginRight));
           }
           return width;
         }
@@ -253,7 +255,7 @@ this.primereact.utils = (function (exports, React) {
           var height = el.getBoundingClientRect().height || el.offsetHeight;
           if (margin) {
             var style = getComputedStyle(el);
-            height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
+            height = height + (parseFloat(style.marginTop) + parseFloat(style.marginBottom));
           }
           return height;
         }
@@ -266,7 +268,7 @@ this.primereact.utils = (function (exports, React) {
           var height = el.clientHeight;
           if (margin) {
             var style = getComputedStyle(el);
-            height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
+            height = height + (parseFloat(style.marginTop) + parseFloat(style.marginBottom));
           }
           return height;
         }
@@ -279,7 +281,7 @@ this.primereact.utils = (function (exports, React) {
           var width = el.clientWidth;
           if (margin) {
             var style = getComputedStyle(el);
-            width += parseFloat(style.marginLeft) + parseFloat(style.marginRight);
+            width = width + (parseFloat(style.marginLeft) + parseFloat(style.marginRight));
           }
           return width;
         }
@@ -288,12 +290,12 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "getViewport",
       value: function getViewport() {
-        var win = window,
-          d = document,
-          e = d.documentElement,
-          g = d.getElementsByTagName('body')[0],
-          w = win.innerWidth || e.clientWidth || g.clientWidth,
-          h = win.innerHeight || e.clientHeight || g.clientHeight;
+        var win = window;
+        var d = document;
+        var e = d.documentElement;
+        var g = d.getElementsByTagName('body')[0];
+        var w = win.innerWidth || e.clientWidth || g.clientWidth;
+        var h = win.innerHeight || e.clientHeight || g.clientHeight;
         return {
           width: w,
           height: h
@@ -321,8 +323,12 @@ this.primereact.utils = (function (exports, React) {
           var children = element.parentNode.childNodes;
           var num = 0;
           for (var i = 0; i < children.length; i++) {
-            if (children[i] === element) return num;
-            if (children[i].nodeType === 1) num++;
+            if (children[i] === element) {
+              return num;
+            }
+            if (children[i].nodeType === 1) {
+              num++;
+            }
           }
         }
         return -1;
@@ -339,7 +345,7 @@ this.primereact.utils = (function (exports, React) {
           } else {
             var _styles = className.split(' ');
             for (var _i = 0; _i < _styles.length; _i++) {
-              element.className += ' ' + _styles[_i];
+              element.className = element.className + (' ' + _styles[_i]);
             }
           }
         }
@@ -365,21 +371,32 @@ this.primereact.utils = (function (exports, React) {
       key: "addClass",
       value: function addClass(element, className) {
         if (element && className) {
-          if (element.classList) element.classList.add(className);else element.className += ' ' + className;
+          if (element.classList) {
+            element.classList.add(className);
+          } else {
+            element.className = element.className + (' ' + className);
+          }
         }
       }
     }, {
       key: "removeClass",
       value: function removeClass(element, className) {
         if (element && className) {
-          if (element.classList) element.classList.remove(className);else element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
+          if (element.classList) {
+            element.classList.remove(className);
+          } else {
+            element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
+          }
         }
       }
     }, {
       key: "hasClass",
       value: function hasClass(element, className) {
         if (element) {
-          if (element.classList) return element.classList.contains(className);else return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
+          if (element.classList) {
+            return element.classList.contains(className);
+          }
+          return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
         }
         return false;
       }
@@ -428,7 +445,7 @@ this.primereact.utils = (function (exports, React) {
                     var _ref4 = _slicedToArray(_ref3, 2),
                       _k = _ref4[0],
                       _v = _ref4[1];
-                    return rule === 'style' && (!!_v || _v === 0) ? "".concat(_k.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(), ":").concat(_v) : !!_v ? _k : undefined;
+                    return rule === 'style' && (!!_v || _v === 0) ? "".concat(_k.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase(), ":").concat(_v) : _v ? _k : undefined;
                   });
                   cv = _cv.length ? cv.concat(_cv.filter(function (c) {
                     return !!c;
@@ -488,7 +505,7 @@ this.primereact.utils = (function (exports, React) {
         if (el) {
           var height = el.offsetHeight;
           var style = getComputedStyle(el);
-          height -= parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+          height = height - (parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth));
           return height;
         }
         return 0;
@@ -499,7 +516,7 @@ this.primereact.utils = (function (exports, React) {
         if (el) {
           var width = el.offsetWidth;
           var style = getComputedStyle(el);
-          width -= parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth);
+          width = width - (parseFloat(style.paddingLeft) + parseFloat(style.paddingRight) + parseFloat(style.borderLeftWidth) + parseFloat(style.borderRightWidth));
           return width;
         }
         return 0;
@@ -534,7 +551,8 @@ this.primereact.utils = (function (exports, React) {
           var windowScrollTop = this.getWindowScrollTop();
           var windowScrollLeft = this.getWindowScrollLeft();
           var viewport = this.getViewport();
-          var top, left;
+          var top;
+          var left;
           if (targetOffset.top + targetOuterHeight + elementOuterHeight > viewport.height) {
             top = targetOffset.top + windowScrollTop - elementOuterHeight;
             if (top < 0) {
@@ -547,7 +565,11 @@ this.primereact.utils = (function (exports, React) {
           }
           var targetOffsetPx = targetOffset.left;
           var alignOffset = align === 'left' ? 0 : elementOuterWidth - targetOuterWidth;
-          if (targetOffsetPx + targetOuterWidth + elementOuterWidth > viewport.width) left = Math.max(0, targetOffsetPx + windowScrollLeft + targetOuterWidth - elementOuterWidth);else left = targetOffsetPx - alignOffset + windowScrollLeft;
+          if (targetOffsetPx + targetOuterWidth + elementOuterWidth > viewport.width) {
+            left = Math.max(0, targetOffsetPx + windowScrollLeft + targetOuterWidth - elementOuterWidth);
+          } else {
+            left = targetOffsetPx - alignOffset + windowScrollLeft;
+          }
           element.style.top = top + 'px';
           element.style.left = left + 'px';
         }
@@ -563,7 +585,8 @@ this.primereact.utils = (function (exports, React) {
           var targetHeight = target.offsetHeight;
           var targetOffset = target.getBoundingClientRect();
           var viewport = this.getViewport();
-          var top, left;
+          var top;
+          var left;
           if (targetOffset.top + targetHeight + elementDimensions.height > viewport.height) {
             top = -1 * elementDimensions.height;
             if (targetOffset.top + top < 0) {
@@ -748,7 +771,7 @@ this.primereact.utils = (function (exports, React) {
       key: "getParents",
       value: function getParents(element) {
         var parents = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-        return element['parentNode'] === null ? parents : this.getParents(element.parentNode, parents.concat([element.parentNode]));
+        return element.parentNode === null ? parents : this.getParents(element.parentNode, parents.concat([element.parentNode]));
       }
     }, {
       key: "getScrollableParents",
@@ -775,7 +798,7 @@ this.primereact.utils = (function (exports, React) {
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               var parent = _step.value;
-              var scrollSelectors = parent.nodeType === 1 && parent.dataset['scrollselectors'];
+              var scrollSelectors = parent.nodeType === 1 && parent.dataset.scrollselectors;
               if (scrollSelectors) {
                 var selectors = scrollSelectors.split(',');
                 var _iterator2 = _createForOfIteratorHelper$1(selectors),
@@ -877,11 +900,11 @@ this.primereact.utils = (function (exports, React) {
       key: "fadeOut",
       value: function fadeOut(element, duration) {
         if (element) {
-          var opacity = 1,
-            interval = 50,
-            gap = interval / duration;
+          var opacity = 1;
+          var interval = 50;
+          var gap = interval / duration;
           var fading = setInterval(function () {
-            opacity -= gap;
+            opacity = opacity - gap;
             if (opacity <= 0) {
               opacity = 0;
               clearInterval(fading);
@@ -898,7 +921,7 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "isIOS",
       value: function isIOS() {
-        return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window['MSStream'];
+        return /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
       }
     }, {
       key: "isAndroid",
@@ -928,12 +951,24 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "appendChild",
       value: function appendChild(element, target) {
-        if (this.isElement(target)) target.appendChild(element);else if (target.el && target.el.nativeElement) target.el.nativeElement.appendChild(element);else throw new Error('Cannot append ' + target + ' to ' + element);
+        if (this.isElement(target)) {
+          target.appendChild(element);
+        } else if (target.el && target.el.nativeElement) {
+          target.el.nativeElement.appendChild(element);
+        } else {
+          throw new Error('Cannot append ' + target + ' to ' + element);
+        }
       }
     }, {
       key: "removeChild",
       value: function removeChild(element, target) {
-        if (this.isElement(target)) target.removeChild(element);else if (target.el && target.el.nativeElement) target.el.nativeElement.removeChild(element);else throw new Error('Cannot remove ' + element + ' from ' + target);
+        if (this.isElement(target)) {
+          target.removeChild(element);
+        } else if (target.el && target.el.nativeElement) {
+          target.el.nativeElement.removeChild(element);
+        } else {
+          throw new Error('Cannot remove ' + element + ' from ' + target);
+        }
       }
     }, {
       key: "isElement",
@@ -968,9 +1003,9 @@ this.primereact.utils = (function (exports, React) {
           } else if (window.getSelection().removeAllRanges && window.getSelection().rangeCount > 0 && window.getSelection().getRangeAt(0).getClientRects().length > 0) {
             window.getSelection().removeAllRanges();
           }
-        } else if (document['selection'] && document['selection'].empty) {
+        } else if (document.selection && document.selection.empty) {
           try {
-            document['selection'].empty();
+            document.selection.empty();
           } catch (error) {
             //ignore IE bug
           }
@@ -982,16 +1017,17 @@ this.primereact.utils = (function (exports, React) {
         if (el) {
           var style = getComputedStyle(el);
           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';
-          document.body.appendChild(scrollDiv);
-          var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
-          document.body.removeChild(scrollDiv);
-          this.calculatedScrollbarWidth = scrollbarWidth;
-          return scrollbarWidth;
         }
+        if (this.calculatedScrollbarWidth != null) {
+          return this.calculatedScrollbarWidth;
+        }
+        var scrollDiv = document.createElement('div');
+        scrollDiv.className = 'p-scrollbar-measure';
+        document.body.appendChild(scrollDiv);
+        var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+        document.body.removeChild(scrollDiv);
+        this.calculatedScrollbarWidth = scrollbarWidth;
+        return scrollbarWidth;
       }
     }, {
       key: "calculateBodyScrollbarWidth",
@@ -1006,12 +1042,12 @@ this.primereact.utils = (function (exports, React) {
           this.browser = {};
           if (matched.browser) {
             this.browser[matched.browser] = true;
-            this.browser['version'] = matched.version;
+            this.browser.version = matched.version;
           }
-          if (this.browser['chrome']) {
-            this.browser['webkit'] = true;
-          } else if (this.browser['webkit']) {
-            this.browser['safari'] = true;
+          if (this.browser.chrome) {
+            this.browser.webkit = true;
+          } else if (this.browser.webkit) {
+            this.browser.safari = true;
           }
         }
         return this.browser;
@@ -1066,7 +1102,9 @@ this.primereact.utils = (function (exports, React) {
         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);
@@ -1113,7 +1151,9 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "focusFirstElement",
       value: function focusFirstElement(el, scrollTo) {
-        if (!el) return;
+        if (!el) {
+          return;
+        }
         var firstFocusableElement = DomHandler.getFirstFocusableElement(el);
         firstFocusableElement && DomHandler.focus(firstFocusableElement, scrollTo);
         return firstFocusableElement;
@@ -1258,20 +1298,21 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "getTargetElement",
       value: function getTargetElement(target) {
-        if (!target) return null;
+        if (!target) {
+          return null;
+        }
         if (target === 'document') {
           return document;
         } else if (target === 'window') {
           return window;
         } else if (_typeof(target) === 'object' && target.hasOwnProperty('current')) {
           return this.isExist(target.current) ? target.current : null;
-        } else {
-          var isFunction = function isFunction(obj) {
-            return !!(obj && obj.constructor && obj.call && obj.apply);
-          };
-          var element = isFunction(target) ? target() : target;
-          return element && element.nodeType === 9 || this.isExist(element) ? element : null;
         }
+        var isFunction = function isFunction(obj) {
+          return !!(obj && obj.constructor && obj.call && obj.apply);
+        };
+        var element = isFunction(target) ? target() : target;
+        return element && element.nodeType === 9 || this.isExist(element) ? element : null;
       }
 
       /**
@@ -1280,7 +1321,9 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "getAttributeNames",
       value: function getAttributeNames(node) {
-        var index, rv, attrs;
+        var index;
+        var rv;
+        var attrs;
         rv = [];
         attrs = node.attributes;
         for (index = 0; index < attrs.length; ++index) {
@@ -1300,7 +1343,11 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "isEqualElement",
       value: function isEqualElement(elm1, elm2) {
-        var attrs1, attrs2, name, node1, node2;
+        var attrs1;
+        var attrs2;
+        var name;
+        var node1;
+        var node2;
 
         // Compare attributes without order sensitivity
         attrs1 = DomHandler.getAttributeNames(elm1);
@@ -1327,11 +1374,9 @@ this.primereact.utils = (function (exports, React) {
                 return false;
               }
             }
-          } else {
-            if (elm1.getAttribute(name) !== elm2.getAttribute(name)) {
-              // console.log("Found nodes with mis-matched values for attribute '" + name + "'; not equiv");
-              return false;
-            }
+          } else if (elm1.getAttribute(name) !== elm2.getAttribute(name)) {
+            // console.log("Found nodes with mis-matched values for attribute '" + name + "'; not equiv");
+            return false;
           }
         }
 
@@ -1397,7 +1442,11 @@ this.primereact.utils = (function (exports, React) {
     return {
       on: function on(type, handler) {
         var handlers = allHandlers.get(type);
-        if (!handlers) handlers = [handler];else handlers.push(handler);
+        if (!handlers) {
+          handlers = [handler];
+        } else {
+          handlers.push(handler);
+        }
         allHandlers.set(type, handlers);
       },
       off: function off(type, handler) {
@@ -1453,35 +1502,61 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "deepEquals",
       value: function deepEquals(a, b) {
-        if (a === b) return true;
-        if (a && b && _typeof(a) == 'object' && _typeof(b) == 'object') {
-          var arrA = Array.isArray(a),
-            arrB = Array.isArray(b),
-            i,
-            length,
-            key;
+        if (a === b) {
+          return true;
+        }
+        if (a && b && _typeof(a) === 'object' && _typeof(b) === 'object') {
+          var arrA = Array.isArray(a);
+          var arrB = Array.isArray(b);
+          var i;
+          var length;
+          var key;
           if (arrA && arrB) {
             length = a.length;
-            if (length !== b.length) return false;
-            for (i = length; i-- !== 0;) if (!this.deepEquals(a[i], b[i])) return false;
+            if (length !== b.length) {
+              return false;
+            }
+            for (i = length; i-- !== 0;) {
+              if (!this.deepEquals(a[i], b[i])) {
+                return false;
+              }
+            }
             return true;
           }
-          if (arrA !== arrB) return false;
-          var dateA = a instanceof Date,
-            dateB = b instanceof Date;
-          if (dateA !== dateB) return false;
-          if (dateA && dateB) return a.getTime() === b.getTime();
-          var regexpA = a instanceof RegExp,
-            regexpB = b instanceof RegExp;
-          if (regexpA !== regexpB) return false;
-          if (regexpA && regexpB) return a.toString() === b.toString();
+          if (arrA !== arrB) {
+            return false;
+          }
+          var dateA = a instanceof Date;
+          var dateB = b instanceof Date;
+          if (dateA !== dateB) {
+            return false;
+          }
+          if (dateA && dateB) {
+            return a.getTime() === b.getTime();
+          }
+          var regexpA = a instanceof RegExp;
+          var regexpB = b instanceof RegExp;
+          if (regexpA !== regexpB) {
+            return false;
+          }
+          if (regexpA && regexpB) {
+            return a.toString() === b.toString();
+          }
           var keys = Object.keys(a);
           length = keys.length;
-          if (length !== Object.keys(b).length) return false;
-          for (i = length; i-- !== 0;) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+          if (length !== Object.keys(b).length) {
+            return false;
+          }
+          for (i = length; i-- !== 0;) {
+            if (!Object.prototype.hasOwnProperty.call(b, keys[i])) {
+              return false;
+            }
+          }
           for (i = length; i-- !== 0;) {
             key = keys[i];
-            if (!this.deepEquals(a[key], b[key])) return false;
+            if (!this.deepEquals(a[key], b[key])) {
+              return false;
+            }
           }
           return true;
         }
@@ -1498,7 +1573,9 @@ this.primereact.utils = (function (exports, React) {
         }
         try {
           var value = data[field];
-          if (this.isNotEmpty(value)) return value;
+          if (this.isNotEmpty(value)) {
+            return value;
+          }
         } catch (_unused) {
           // Performance optimization: https://github.com/primefaces/primereact/issues/4797
           // do nothing and continue to other methods to resolve field data
@@ -1510,17 +1587,16 @@ this.primereact.utils = (function (exports, React) {
             return data[field];
           } else if (field.indexOf('.') === -1) {
             return data[field];
-          } else {
-            var fields = field.split('.');
-            var _value = data;
-            for (var i = 0, len = fields.length; i < len; ++i) {
-              if (_value == null) {
-                return null;
-              }
-              _value = _value[fields[i]];
+          }
+          var fields = field.split('.');
+          var _value = data;
+          for (var i = 0, len = fields.length; i < len; ++i) {
+            if (_value == null) {
+              return null;
             }
-            return _value;
+            _value = _value[fields[i]];
           }
+          return _value;
         }
         return null;
       }
@@ -1567,8 +1643,8 @@ this.primereact.utils = (function (exports, React) {
       value: function reorderArray(value, from, to) {
         if (value && from !== to) {
           if (to >= value.length) {
-            to %= value.length;
-            from %= value.length;
+            to = to % value.length;
+            from = from % value.length;
           }
           value.splice(to, 0, value.splice(from, 1)[0]);
         }
@@ -1835,7 +1911,17 @@ this.primereact.utils = (function (exports, React) {
         var result = -1;
         var emptyValue1 = this.isEmpty(value1);
         var emptyValue2 = this.isEmpty(value2);
-        if (emptyValue1 && emptyValue2) result = 0;else if (emptyValue1) result = order;else if (emptyValue2) result = -order;else if (typeof value1 === 'string' && typeof value2 === 'string') result = comparator(value1, value2);else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+        if (emptyValue1 && emptyValue2) {
+          result = 0;
+        } else if (emptyValue1) {
+          result = order;
+        } else if (emptyValue2) {
+          result = -order;
+        } else if (typeof value1 === 'string' && typeof value2 === 'string') {
+          result = comparator(value1, value2);
+        } else {
+          result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
+        }
         return result;
       }
     }, {
@@ -1970,9 +2056,22 @@ this.primereact.utils = (function (exports, React) {
       onBlur: null
     };
     options = _objectSpread$1(_objectSpread$1({}, defaultOptions), options);
-    var tests, partialPosition, len, firstNonMaskPos, defs, androidChrome, lastRequiredNonMaskPos, oldVal, focusText, caretTimeoutId, buffer, defaultBuffer;
+    var tests;
+    var partialPosition;
+    var len;
+    var firstNonMaskPos;
+    var defs;
+    var androidChrome;
+    var lastRequiredNonMaskPos;
+    var oldVal;
+    var focusText;
+    var caretTimeoutId;
+    var buffer;
+    var defaultBuffer;
     var caret = function caret(first, last) {
-      var range, begin, end;
+      var range;
+      var begin;
+      var end;
       if (!el.offsetParent || el !== document.activeElement) {
         return;
       }
@@ -1981,8 +2080,8 @@ this.primereact.utils = (function (exports, React) {
         end = typeof last === 'number' ? last : begin;
         if (el.setSelectionRange) {
           el.setSelectionRange(begin, end);
-        } else if (el['createTextRange']) {
-          range = el['createTextRange']();
+        } else if (el.createTextRange) {
+          range = el.createTextRange();
           range.collapse(true);
           range.moveEnd('character', end);
           range.moveStart('character', begin);
@@ -1992,8 +2091,8 @@ this.primereact.utils = (function (exports, React) {
         if (el.setSelectionRange) {
           begin = el.selectionStart;
           end = el.selectionEnd;
-        } else if (document['selection'] && document['selection'].createRange) {
-          range = document['selection'].createRange();
+        } else if (document.selection && document.selection.createRange) {
+          range = document.selection.createRange();
           begin = 0 - range.duplicate().moveStart('character', -100000);
           end = begin + range.text.length;
         }
@@ -2021,15 +2120,16 @@ this.primereact.utils = (function (exports, React) {
       return options.unmask ? getUnmaskedValue() : el && el.value;
     };
     var seekNext = function seekNext(pos) {
-      while (++pos < len && !tests[pos]);
+      while (++pos < len && !tests[pos]) {}
       return pos;
     };
     var seekPrev = function seekPrev(pos) {
-      while (--pos >= 0 && !tests[pos]);
+      while (--pos >= 0 && !tests[pos]) {}
       return pos;
     };
     var shiftL = function shiftL(begin, end) {
-      var i, j;
+      var i;
+      var j;
       if (begin < 0) {
         return;
       }
@@ -2048,7 +2148,10 @@ this.primereact.utils = (function (exports, React) {
       caret(Math.max(firstNonMaskPos, begin));
     };
     var shiftR = function shiftR(pos) {
-      var i, c, j, t;
+      var i;
+      var c;
+      var j;
+      var t;
       for (i = pos, c = getPlaceholder(pos); i < len; i++) {
         if (tests[i]) {
           j = seekNext(i);
@@ -2068,14 +2171,20 @@ this.primereact.utils = (function (exports, React) {
       if (oldVal && oldVal.length && oldVal.length > curVal.length) {
         // a deletion or backspace happened
         checkVal(true);
-        while (pos.begin > 0 && !tests[pos.begin - 1]) pos.begin--;
+        while (pos.begin > 0 && !tests[pos.begin - 1]) {
+          pos.begin--;
+        }
         if (pos.begin === 0) {
-          while (pos.begin < firstNonMaskPos && !tests[pos.begin]) pos.begin++;
+          while (pos.begin < firstNonMaskPos && !tests[pos.begin]) {
+            pos.begin++;
+          }
         }
         caret(pos.begin, pos.begin);
       } else {
         checkVal(true);
-        while (pos.begin < len && !tests[pos.begin]) pos.begin++;
+        while (pos.begin < len && !tests[pos.begin]) {
+          pos.begin++;
+        }
         caret(pos.begin, pos.begin);
       }
       if (options.onComplete && isCompleted()) {
@@ -2099,10 +2208,10 @@ this.primereact.utils = (function (exports, React) {
       if (options.readOnly) {
         return;
       }
-      var k = e.which || e.keyCode,
-        pos,
-        begin,
-        end;
+      var k = e.which || e.keyCode;
+      var pos;
+      var begin;
+      var end;
       oldVal = el.value;
 
       //backspace, delete, and escape get special treatment
@@ -2134,12 +2243,12 @@ this.primereact.utils = (function (exports, React) {
       if (options.readOnly) {
         return;
       }
-      var k = e.which || e.keyCode,
-        pos = caret(),
-        p,
-        c,
-        next,
-        completed;
+      var k = e.which || e.keyCode;
+      var pos = caret();
+      var p;
+      var c;
+      var next;
+      var completed;
       if (e.ctrlKey || e.altKey || e.metaKey || k < 32) {
         //Ignore
         return;
@@ -2193,11 +2302,11 @@ this.primereact.utils = (function (exports, React) {
     };
     var checkVal = function checkVal(allow) {
       //try to place characters where they belong
-      var test = el.value,
-        lastMatch = -1,
-        i,
-        c,
-        pos;
+      var test = el.value;
+      var lastMatch = -1;
+      var i;
+      var c;
+      var pos;
       for (i = 0, pos = 0; i < len; i++) {
         if (tests[i]) {
           buffer[i] = getPlaceholder(i);
@@ -2228,7 +2337,9 @@ this.primereact.utils = (function (exports, React) {
         if (options.autoClear || buffer.join('') === defaultBuffer) {
           // Invalid value. Remove it and replace it with the
           // mask, which is the default behavior.
-          if (el.value) el.value = '';
+          if (el.value) {
+            el.value = '';
+          }
           clearBuffer(0, len);
         } else {
           // Invalid value, but we opt to show the value to the
@@ -2265,7 +2376,11 @@ this.primereact.utils = (function (exports, React) {
       }
     };
     var onInput = function onInput(event) {
-      if (androidChrome) handleAndroidInput(event);else handleInputChange(event);
+      if (androidChrome) {
+        handleAndroidInput(event);
+      } else {
+        handleInputChange(event);
+      }
     };
     var handleInputChange = function handleInputChange(e) {
       if (options.readOnly) {
@@ -2358,7 +2473,11 @@ this.primereact.utils = (function (exports, React) {
       for (var _i = 0; _i < maskTokens.length; _i++) {
         var _c = maskTokens[_i];
         if (_c !== '?') {
-          if (defs[_c]) buffer.push(getPlaceholder(_i));else buffer.push(_c);
+          if (defs[_c]) {
+            buffer.push(getPlaceholder(_i));
+          } else {
+            buffer.push(_c);
+          }
         }
       }
       defaultBuffer = buffer.join('');
@@ -2389,26 +2508,30 @@ this.primereact.utils = (function (exports, React) {
    */
   function mergeProps(props) {
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    if (!props) return undefined;
+    if (!props) {
+      return undefined;
+    }
     var isFunction = function isFunction(obj) {
       return typeof obj === 'function';
     };
     var classNameMergeFunction = options.classNameMergeFunction;
     var hasMergeFunction = isFunction(classNameMergeFunction);
     return props.reduce(function (merged, ps) {
-      if (!ps) return merged;
+      if (!ps) {
+        return merged;
+      }
       var _loop = function _loop() {
         var value = ps[key];
         if (key === 'style') {
-          merged['style'] = _objectSpread(_objectSpread({}, merged['style']), ps['style']);
+          merged.style = _objectSpread(_objectSpread({}, merged.style), ps.style);
         } else if (key === 'className') {
           var newClassName = '';
           if (hasMergeFunction) {
-            newClassName = classNameMergeFunction(merged['className'], ps['className']);
+            newClassName = classNameMergeFunction(merged.className, ps.className);
           } else {
-            newClassName = [merged['className'], ps['className']].join(' ').trim();
+            newClassName = [merged.className, ps.className].join(' ').trim();
           }
-          merged['className'] = newClassName || undefined;
+          merged.className = newClassName || undefined;
         } else if (isFunction(value)) {
           var existingFn = merged[key];
           merged[key] = existingFn ? function () {
@@ -2631,7 +2754,10 @@ this.primereact.api = (function (exports, utils, React) {
           if (value === undefined || value === null) {
             return false;
           }
-          if (value.getTime && filter.getTime) return value.getTime() === filter.getTime();else return utils.ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) === utils.ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
+          if (value.getTime && filter.getTime) {
+            return value.getTime() === filter.getTime();
+          }
+          return utils.ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) === utils.ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
         },
         notEquals: function notEquals(value, filter, filterLocale) {
           if (filter === undefined || filter === null || typeof filter === 'string' && filter.trim() === '') {
@@ -2640,7 +2766,10 @@ this.primereact.api = (function (exports, utils, React) {
           if (value === undefined || value === null) {
             return true;
           }
-          if (value.getTime && filter.getTime) return value.getTime() !== filter.getTime();else return utils.ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) !== utils.ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
+          if (value.getTime && filter.getTime) {
+            return value.getTime() !== filter.getTime();
+          }
+          return utils.ObjectUtils.removeAccents(value.toString()).toLocaleLowerCase(filterLocale) !== utils.ObjectUtils.removeAccents(filter.toString()).toLocaleLowerCase(filterLocale);
         },
         "in": function _in(value, filter) {
           if (filter === undefined || filter === null || filter.length === 0) {
@@ -2653,6 +2782,17 @@ this.primereact.api = (function (exports, utils, React) {
           }
           return false;
         },
+        notIn: function notIn(value, filter) {
+          if (filter === undefined || filter === null || filter.length === 0) {
+            return true;
+          }
+          for (var i = 0; i < filter.length; i++) {
+            if (utils.ObjectUtils.equals(value, filter[i])) {
+              return false;
+            }
+          }
+          return true;
+        },
         between: function between(value, filter) {
           if (filter == null || filter[0] == null || filter[1] == null) {
             return true;
@@ -2660,7 +2800,10 @@ this.primereact.api = (function (exports, utils, React) {
           if (value === undefined || value === null) {
             return false;
           }
-          if (value.getTime) return filter[0].getTime() <= value.getTime() && value.getTime() <= filter[1].getTime();else return filter[0] <= value && value <= filter[1];
+          if (value.getTime) {
+            return filter[0].getTime() <= value.getTime() && value.getTime() <= filter[1].getTime();
+          }
+          return filter[0] <= value && value <= filter[1];
         },
         lt: function lt(value, filter) {
           if (filter === undefined || filter === null) {
@@ -2669,7 +2812,10 @@ this.primereact.api = (function (exports, utils, React) {
           if (value === undefined || value === null) {
             return false;
           }
-          if (value.getTime && filter.getTime) return value.getTime() < filter.getTime();else return value < filter;
+          if (value.getTime && filter.getTime) {
+            return value.getTime() < filter.getTime();
+          }
+          return value < filter;
         },
         lte: function lte(value, filter) {
           if (filter === undefined || filter === null) {
@@ -2678,7 +2824,10 @@ this.primereact.api = (function (exports, utils, React) {
           if (value === undefined || value === null) {
             return false;
           }
-          if (value.getTime && filter.getTime) return value.getTime() <= filter.getTime();else return value <= filter;
+          if (value.getTime && filter.getTime) {
+            return value.getTime() <= filter.getTime();
+          }
+          return value <= filter;
         },
         gt: function gt(value, filter) {
           if (filter === undefined || filter === null) {
@@ -2687,7 +2836,10 @@ this.primereact.api = (function (exports, utils, React) {
           if (value === undefined || value === null) {
             return false;
           }
-          if (value.getTime && filter.getTime) return value.getTime() > filter.getTime();else return value > filter;
+          if (value.getTime && filter.getTime) {
+            return value.getTime() > filter.getTime();
+          }
+          return value > filter;
         },
         gte: function gte(value, filter) {
           if (filter === undefined || filter === null) {
@@ -2696,7 +2848,10 @@ this.primereact.api = (function (exports, utils, React) {
           if (value === undefined || value === null) {
             return false;
           }
-          if (value.getTime && filter.getTime) return value.getTime() >= filter.getTime();else return value >= filter;
+          if (value.getTime && filter.getTime) {
+            return value.getTime() >= filter.getTime();
+          }
+          return value >= filter;
         },
         dateIs: function dateIs(value, filter) {
           if (filter === undefined || filter === null) {
@@ -2986,7 +3141,7 @@ this.primereact.api = (function (exports, utils, React) {
       };
     }
     function addLocale(locale, options) {
-      locales[locale] = _objectSpread(_objectSpread({}, locales['en']), options);
+      locales[locale] = _objectSpread(_objectSpread({}, locales.en), options);
     }
     function updateLocaleOption(key, value, locale) {
       localeOptions(locale)[key] = value;
@@ -3019,7 +3174,7 @@ this.primereact.api = (function (exports, utils, React) {
     function ariaLabel(ariaKey, options) {
       var _locale = PrimeReact$1.locale;
       try {
-        var _ariaLabel = localeOptions(_locale)['aria'][ariaKey];
+        var _ariaLabel = localeOptions(_locale).aria[ariaKey];
         if (_ariaLabel) {
           for (var key in options) {
             if (options.hasOwnProperty(key)) {
@@ -3630,7 +3785,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var baseStyle = "\n.p-hidden-accessible {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n    transform: scale(0);\n}\n\n.p-overflow-hidden {\n    overflow: hidden;\n    padding-right: var(--scrollbar-width);\n}\n";
-  var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-buttonset .p-button {\n    margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
+  var buttonStyles = "\n.p-button {\n    margin: 0;\n    display: inline-flex;\n    cursor: pointer;\n    user-select: none;\n    align-items: center;\n    vertical-align: bottom;\n    text-align: center;\n    overflow: hidden;\n    position: relative;\n}\n\n.p-button-label {\n    flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n    order: 1;\n}\n\n.p-button:disabled {\n    cursor: default;\n}\n\n.p-button-icon-only {\n    justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n    visibility: hidden;\n    width: 0;\n    flex: 0 0 auto;\n}\n\n.p-button-vertical {\n    flex-direction: column;\n}\n\n.p-button-icon-bottom {\n    order: 2;\n}\n\n.p-button-group .p-button {\n    margin: 0;\n}\n\n.p-button-group .p-button:not(:last-child) {\n    border-right: 0 none;\n}\n\n.p-button-group .p-button:not(:first-of-type):not(:last-of-type) {\n    border-radius: 0;\n}\n\n.p-button-group .p-button:first-of-type {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n\n.p-button-group .p-button:last-of-type {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n.p-button-group .p-button:focus {\n    position: relative;\n    z-index: 1;\n}\n";
   var inputTextStyles = "\n.p-inputtext {\n    margin: 0;\n}\n\n.p-fluid .p-inputtext {\n    width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup-addon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n    display: flex;\n    align-items: stretch;\n    width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n    flex: 1 1 auto;\n    width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n    display: block;\n    position: relative;\n}\n\n.p-float-label label {\n    position: absolute;\n    pointer-events: none;\n    top: 50%;\n    margin-top: -0.5rem;\n    transition-property: all;\n    transition-timing-function: ease;\n    line-height: 1;\n}\n\n.p-float-label textarea ~ label,\n.p-float-label .p-mention ~ label {\n    top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label,\n.p-float-label .p-tooltip-target-wrapper ~ label {\n    top: -0.75rem;\n    font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n    opacity: 0;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n    opacity: 1;\n    transition-property: all;\n    transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n    position: relative;\n    display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n    display: block;\n    width: 100%;\n}\n";
   var iconStyles = "\n.p-icon {\n    display: inline-block;\n}\n\n.p-icon-spin {\n    -webkit-animation: p-icon-spin 2s infinite linear;\n    animation: p-icon-spin 2s infinite linear;\n}\n\nsvg.p-icon {\n    pointer-events: auto;\n}\n\nsvg.p-icon g,\n.p-disabled svg.p-icon {\n    pointer-events: none;\n}\n\n@-webkit-keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n\n@keyframes p-icon-spin {\n    0% {\n        -webkit-transform: rotate(0deg);\n        transform: rotate(0deg);\n    }\n    100% {\n        -webkit-transform: rotate(359deg);\n        transform: rotate(359deg);\n    }\n}\n";
   var commonStyle = "\n@layer primereact {\n    .p-component, .p-component * {\n        box-sizing: border-box;\n    }\n\n    .p-hidden {\n        display: none;\n    }\n\n    .p-hidden-space {\n        visibility: hidden;\n    }\n\n    .p-reset {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        outline: 0;\n        text-decoration: none;\n        font-size: 100%;\n        list-style: none;\n    }\n\n    .p-disabled, .p-disabled * {\n        cursor: default;\n        pointer-events: none;\n        user-select: none;\n    }\n\n    .p-component-overlay {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-unselectable-text {\n        user-select: none;\n    }\n\n    .p-scrollbar-measure {\n        width: 100px;\n        height: 100px;\n        overflow: scroll;\n        position: absolute;\n        top: -9999px;\n    }\n\n    @-webkit-keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n    @keyframes p-fadein {\n      0%   { opacity: 0; }\n      100% { opacity: 1; }\n    }\n\n    .p-link {\n        text-align: left;\n        background-color: transparent;\n        margin: 0;\n        padding: 0;\n        border: none;\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-link:disabled {\n        cursor: default;\n    }\n\n    /* Non react overlay animations */\n    .p-connected-overlay {\n        opacity: 0;\n        transform: scaleY(0.8);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-visible {\n        opacity: 1;\n        transform: scaleY(1);\n    }\n\n    .p-connected-overlay-hidden {\n        opacity: 0;\n        transform: scaleY(1);\n        transition: opacity .1s linear;\n    }\n\n    /* React based overlay animations */\n    .p-connected-overlay-enter {\n        opacity: 0;\n        transform: scaleY(0.8);\n    }\n\n    .p-connected-overlay-enter-active {\n        opacity: 1;\n        transform: scaleY(1);\n        transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);\n    }\n\n    .p-connected-overlay-enter-done {\n        transform: none;\n    }\n\n    .p-connected-overlay-exit {\n        opacity: 1;\n    }\n\n    .p-connected-overlay-exit-active {\n        opacity: 0;\n        transition: opacity .1s linear;\n    }\n\n    /* Toggleable Content */\n    .p-toggleable-content-enter {\n        max-height: 0;\n    }\n\n    .p-toggleable-content-enter-active {\n        overflow: hidden;\n        max-height: 1000px;\n        transition: max-height 1s ease-in-out;\n    }\n\n    .p-toggleable-content-enter-done {\n        transform: none;\n    }\n\n    .p-toggleable-content-exit {\n        max-height: 1000px;\n    }\n\n    .p-toggleable-content-exit-active {\n        overflow: hidden;\n        max-height: 0;\n        transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n    }\n\n    .p-sr-only {\n        border: 0;\n        clip: rect(1px, 1px, 1px, 1px);\n        clip-path: inset(50%);\n        height: 1px;\n        margin: -1px;\n        overflow: hidden;\n        padding: 0;\n        position: absolute;\n        width: 1px;\n        word-wrap: normal;\n    }\n\n    /* @todo Refactor */\n    .p-menu .p-menuitem-link {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        overflow: hidden;\n        position: relative;\n    }\n\n    ".concat(buttonStyles, "\n    ").concat(inputTextStyles, "\n    ").concat(iconStyles, "\n}\n");
@@ -3694,12 +3849,16 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
           useMergeProps = _ref$mergeProps === void 0 ? false : _ref$mergeProps;
         var getPTClassValue = function getPTClassValue() {
           var value = getOptionValue.apply(void 0, arguments);
-          if (Array.isArray(value)) return {
-            className: utils.classNames.apply(void 0, _toConsumableArray(value))
-          };
-          if (utils.ObjectUtils.isString(value)) return {
-            className: value
-          };
+          if (Array.isArray(value)) {
+            return {
+              className: utils.classNames.apply(void 0, _toConsumableArray(value))
+            };
+          }
+          if (utils.ObjectUtils.isString(value)) {
+            return {
+              className: value
+            };
+          }
           if (value !== null && value !== void 0 && value.hasOwnProperty('className') && Array.isArray(value.className)) {
             return {
               className: utils.classNames.apply(void 0, _toConsumableArray(value.className))
@@ -3790,7 +3949,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
   var _getPT = function _getPT(pt) {
     var key = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
     var callback = arguments.length > 2 ? arguments[2] : undefined;
-    var _usept = pt === null || pt === void 0 ? void 0 : pt['_usept'];
+    var _usept = pt === null || pt === void 0 ? void 0 : pt._usept;
     var getValue = function getValue(value) {
       var _ref3;
       var checkSameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
@@ -3809,7 +3968,7 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
       return callback(value, key, params);
     };
     if (pt !== null && pt !== void 0 && pt.hasOwnProperty('_usept')) {
-      var _ref4 = pt['_usept'] || ComponentBase.context.ptOptions || {},
+      var _ref4 = pt._usept || ComponentBase.context.ptOptions || {},
         _ref4$mergeSections = _ref4.mergeSections,
         mergeSections = _ref4$mergeSections === void 0 ? true : _ref4$mergeSections,
         _ref4$mergeProps = _ref4.mergeProps,
@@ -3817,7 +3976,13 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
         classNameMergeFunction = _ref4.classNameMergeFunction;
       var originalValue = fn(pt.originalValue);
       var value = fn(pt.value);
-      if (originalValue === undefined && value === undefined) return undefined;else if (utils.ObjectUtils.isString(value)) return value;else if (utils.ObjectUtils.isString(originalValue)) return originalValue;
+      if (originalValue === undefined && value === undefined) {
+        return undefined;
+      } else if (utils.ObjectUtils.isString(value)) {
+        return value;
+      } else if (utils.ObjectUtils.isString(originalValue)) {
+        return originalValue;
+      }
       return mergeSections || !mergeSections && value ? useMergeProps ? utils.mergeProps([originalValue, value], {
         classNameMergeFunction: classNameMergeFunction
       }) : _objectSpread(_objectSpread({}, originalValue), value) : value;
@@ -3882,7 +4047,9 @@ this.primereact.componentbase = (function (exports, PrimeReact, hooks, utils) {
       loadBaseStyle();
       loadGlobalStyle();
       loadCommonStyle();
-      if (!styled) load();
+      if (!styled) {
+        load();
+      }
     });
     hooks.useUpdateEffect(function () {
       hook('useUpdateEffect');
@@ -4196,7 +4363,9 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
           var lastOrder = utils.ObjectUtils.findLastIndex(groupToDisplayedElements[group], function (el) {
             return el !== undefined;
           });
-          if (lastOrder !== lastIndex) groupToDisplayedElements[group].splice(lastOrder + 1);
+          if (lastOrder !== lastIndex) {
+            groupToDisplayedElements[group].splice(lastOrder + 1);
+          }
           setDisplayOrder(undefined);
         };
       }
@@ -4284,7 +4453,9 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
      */
     onGlobalKeyDown: function onGlobalKeyDown(event) {
       // Do nothing if not an "esc" key is pressed:
-      if (event.code !== 'Escape') return;
+      if (event.code !== 'Escape') {
+        return;
+      }
       var escKeyListeners = globalEscKeyHandlingLogic.escKeyListeners;
       var maxPrimaryPriority = Math.max.apply(Math, _toConsumableArray(escKeyListeners.keys()));
       var theMostImportantEscHandlersSet = escKeyListeners.get(maxPrimaryPriority);
@@ -4338,7 +4509,9 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       when = _ref3.when,
       priority = _ref3.priority;
     React.useEffect(function () {
-      if (!when) return;
+      if (!when) {
+        return;
+      }
       return globalEscKeyHandlingLogic.addListener(callback, priority);
     }, [callback, when, priority]);
   };
@@ -4350,7 +4523,9 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       isElementVisible = _React$useState2[0],
       setIsElementVisible = _React$useState2[1];
     React__namespace.useEffect(function () {
-      if (!ref.current) return;
+      if (!ref.current) {
+        return;
+      }
       var observer = new IntersectionObserver(function (_ref) {
         var _ref2 = _slicedToArray(_ref, 1),
           entry = _ref2[0];
@@ -4506,7 +4681,8 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       setPosition = _React$useState2[1];
     var ref = React__namespace.useRef(null);
     var handleMouseMove = React__namespace.useCallback(function (event) {
-      var x, y;
+      var x;
+      var y;
       if (ref.current) {
         var rect = event.currentTarget.getBoundingClientRect();
         x = event.pageX - rect.left - (window.pageXOffset || window.scrollX);
@@ -5071,27 +5247,39 @@ this.primereact.hooks = (function (exports, React, utils, PrimeReact) {
       isLoaded && css !== newCSS && (styleRef.current.textContent = newCSS);
     };
     var load = function load() {
-      if (!document || isLoaded) return;
+      if (!document || isLoaded) {
+        return;
+      }
       var styleContainer = (context === null || context === void 0 ? void 0 : context.styleContainer) || document.head;
       styleRef.current = getCurrentStyleRef(styleContainer);
       if (!styleRef.current.isConnected) {
         styleRef.current.type = 'text/css';
-        if (id) styleRef.current.id = id;
-        if (media) styleRef.current.media = media;
+        if (id) {
+          styleRef.current.id = id;
+        }
+        if (media) {
+          styleRef.current.media = media;
+        }
         utils.DomHandler.addNonce(styleRef.current, context && context.nonce || PrimeReact__default["default"].nonce);
         styleContainer.appendChild(styleRef.current);
-        if (name) styleRef.current.setAttribute('data-primereact-style-id', name);
+        if (name) {
+          styleRef.current.setAttribute('data-primereact-style-id', name);
+        }
       }
       styleRef.current.textContent = css;
       setIsLoaded(true);
     };
     var unload = function unload() {
-      if (!document || !styleRef.current) return;
+      if (!document || !styleRef.current) {
+        return;
+      }
       utils.DomHandler.removeInlineStyle(styleRef.current);
       setIsLoaded(false);
     };
     React.useEffect(function () {
-      if (!manual) load();
+      if (!manual) {
+        load();
+      }
 
       // return () => {if (!manual) unload()}; /* @todo */
       // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -5438,7 +5626,9 @@ this.primereact.ripple = (function (exports, React, PrimeReact, hooks, utils, co
         unbindEvents();
       }
     });
-    if (!isRippleActive) return null;
+    if (!isRippleActive) {
+      return null;
+    }
     var rootProps = mergeProps({
       'aria-hidden': true,
       className: utils.classNames(cx('root'))
@@ -5594,25 +5784,24 @@ this.primereact.csstransition = (function (exports, React, reactTransitionGroup,
     }, [props["in"]]);
     if (disabled) {
       return props["in"] ? props.children : null;
-    } else {
-      var immutableProps = {
-        nodeRef: props.nodeRef,
-        "in": props["in"],
-        onEnter: onEnter,
-        onEntering: onEntering,
-        onEntered: onEntered,
-        onExit: onExit,
-        onExiting: onExiting,
-        onExited: onExited
-      };
-      var mutableProps = {
-        classNames: props.classNames,
-        timeout: props.timeout,
-        unmountOnExit: props.unmountOnExit
-      };
-      var mergedProps = _objectSpread(_objectSpread(_objectSpread({}, mutableProps), props.options || {}), immutableProps);
-      return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
     }
+    var immutableProps = {
+      nodeRef: props.nodeRef,
+      "in": props["in"],
+      onEnter: onEnter,
+      onEntering: onEntering,
+      onEntered: onEntered,
+      onExit: onExit,
+      onExiting: onExiting,
+      onExited: onExited
+    };
+    var mutableProps = {
+      classNames: props.classNames,
+      timeout: props.timeout,
+      unmountOnExit: props.unmountOnExit
+    };
+    var mergedProps = _objectSpread(_objectSpread(_objectSpread({}, mutableProps), props.options || {}), immutableProps);
+    return /*#__PURE__*/React__namespace.createElement(reactTransitionGroup.CSSTransition, mergedProps, props.children);
   });
   CSSTransition.displayName = 'CSSTransition';
 
@@ -5864,8 +6053,8 @@ this.primereact.keyfilter = (function (exports, utils) {
       }
     },
     validate: function validate(e, keyfilter) {
-      var value = e.target.value,
-        validatePattern = true;
+      var value = e.target.value;
+      var validatePattern = true;
       var regex = this.getRegex(keyfilter);
       if (value && !regex.test(value)) {
         validatePattern = false;
@@ -9245,7 +9434,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
           x = _currentMouseEvent$cu.pageX,
           y = _currentMouseEvent$cu.pageY;
         if (props.autoZIndex && !utils.ZIndexUtils.get(elementRef.current)) {
-          utils.ZIndexUtils.set('tooltip', elementRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['tooltip'] || PrimeReact__default["default"].zIndex['tooltip']);
+          utils.ZIndexUtils.set('tooltip', elementRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex.tooltip || PrimeReact__default["default"].zIndex.tooltip);
         }
         elementRef.current.style.left = '';
         elementRef.current.style.top = '';
@@ -9318,9 +9507,9 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
       }
     };
     var align = function align(target, coordinate, position) {
-      var left = 0,
-        top = 0,
-        currentPosition = position || positionState;
+      var left = 0;
+      var top = 0;
+      var currentPosition = position || positionState;
       if ((isMouseTrack(target) || currentPosition == 'mouse') && coordinate) {
         var _containerSize = {
           width: utils.DomHandler.getOuterWidth(elementRef.current),
@@ -9333,21 +9522,21 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
           mouseTrackLeft = _getMouseTrackPositio.left;
         switch (currentPosition) {
           case 'left':
-            left -= _containerSize.width + mouseTrackLeft;
-            top -= _containerSize.height / 2 - mouseTrackTop;
+            left = left - (_containerSize.width + mouseTrackLeft);
+            top = top - (_containerSize.height / 2 - mouseTrackTop);
             break;
           case 'right':
           case 'mouse':
-            left += mouseTrackLeft;
-            top -= _containerSize.height / 2 - mouseTrackTop;
+            left = left + mouseTrackLeft;
+            top = top - (_containerSize.height / 2 - mouseTrackTop);
             break;
           case 'top':
-            left -= _containerSize.width / 2 - mouseTrackLeft;
-            top -= _containerSize.height + mouseTrackTop;
+            left = left - (_containerSize.width / 2 - mouseTrackLeft);
+            top = top - (_containerSize.height + mouseTrackTop);
             break;
           case 'bottom':
-            left -= _containerSize.width / 2 - mouseTrackLeft;
-            top += mouseTrackTop;
+            left = left - (_containerSize.width / 2 - mouseTrackLeft);
+            top = top + mouseTrackTop;
             break;
         }
         if (left <= 0 || containerSize.current.width > _containerSize.width) {
@@ -9380,7 +9569,11 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
     var updateContainerPosition = function updateContainerPosition(position) {
       if (elementRef.current) {
         var style = getComputedStyle(elementRef.current);
-        if (position === 'left') elementRef.current.style.left = parseFloat(style.left) - parseFloat(style.paddingLeft) * 2 + 'px';else if (position === 'top') elementRef.current.style.top = parseFloat(style.top) - parseFloat(style.paddingTop) * 2 + 'px';
+        if (position === 'left') {
+          elementRef.current.style.left = parseFloat(style.left) - parseFloat(style.paddingLeft) * 2 + 'px';
+        } else if (position === 'top') {
+          elementRef.current.style.top = parseFloat(style.top) - parseFloat(style.paddingTop) * 2 + 'px';
+        }
       }
     };
     var _onMouseEnter = function onMouseEnter() {
@@ -9425,7 +9618,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
     var applyDelay = function applyDelay(delayProp, callback) {
       clearTimeouts();
       var delay = getTargetOption(currentTargetRef.current, delayProp.toLowerCase()) || props[delayProp];
-      !!delay ? timeouts.current["".concat(delayProp)] = setTimeout(function () {
+      delay ? timeouts.current["".concat(delayProp)] = setTimeout(function () {
         return callback();
       }, delay) : callback();
     };
@@ -9454,7 +9647,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
             var wrapper = document.createElement('div');
             var isInputElement = target.nodeName === 'INPUT';
             if (isInputElement) {
-              utils.DomHandler.addMultipleClasses(wrapper, "p-tooltip-target-wrapper p-inputwrapper");
+              utils.DomHandler.addMultipleClasses(wrapper, 'p-tooltip-target-wrapper p-inputwrapper');
             } else {
               utils.DomHandler.addClass(wrapper, 'p-tooltip-target-wrapper');
             }
@@ -9462,9 +9655,8 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, componentbase,
             wrapper.appendChild(target);
             target.hasWrapper = true;
             return wrapper;
-          } else {
-            return target.parentElement;
           }
+          return target.parentElement;
         } else if (target.hasWrapper) {
           var _target$parentElement;
           (_target$parentElement = target.parentElement).replaceWith.apply(_target$parentElement, _toConsumableArray(target.parentElement.childNodes));
@@ -9980,11 +10172,9 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
             } else if (viewport.first.cols - first.cols > index[1]) {
               scrollToItem((viewport.first.cols - 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
             }
-          } else {
-            if (viewport.first - first > index) {
-              var pos = (viewport.first - 1) * props.itemSize;
-              horizontal ? scrollToItem(pos, 0) : scrollToItem(0, pos);
-            }
+          } else if (viewport.first - first > index) {
+            var pos = (viewport.first - 1) * props.itemSize;
+            horizontal ? scrollToItem(pos, 0) : scrollToItem(0, pos);
           }
         } else if (isToEnd) {
           if (both) {
@@ -9993,11 +10183,9 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
             } else if (viewport.last.cols - first.cols <= index[1] + 1) {
               scrollToItem((viewport.first.cols + 1) * props.itemSize[1], viewport.first.rows * props.itemSize[0]);
             }
-          } else {
-            if (viewport.last - first <= index + 1) {
-              var _pos2 = (viewport.first + 1) * props.itemSize;
-              horizontal ? scrollToItem(_pos2, 0) : scrollToItem(0, _pos2);
-            }
+          } else if (viewport.last - first <= index + 1) {
+            var _pos2 = (viewport.first + 1) * props.itemSize;
+            horizontal ? scrollToItem(_pos2, 0) : scrollToItem(0, _pos2);
           }
         }
       } else {
@@ -10228,12 +10416,15 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
         return _currentIndex <= _numT ? _numT : _isScrollDownOrRight ? _last - _num - _numT : _first + _numT - 1;
       };
       var calculateFirst = function calculateFirst(_currentIndex, _triggerIndex, _first, _last, _num, _numT, _isScrollDownOrRight) {
-        if (_currentIndex <= _numT) return 0;else return Math.max(0, _isScrollDownOrRight ? _currentIndex < _triggerIndex ? _first : _currentIndex - _numT : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
+        if (_currentIndex <= _numT) {
+          return 0;
+        }
+        return Math.max(0, _isScrollDownOrRight ? _currentIndex < _triggerIndex ? _first : _currentIndex - _numT : _currentIndex > _triggerIndex ? _first : _currentIndex - 2 * _numT);
       };
       var calculateLast = function calculateLast(_currentIndex, _first, _last, _num, _numT, _isCols) {
         var lastValue = _first + _num + 2 * _numT;
         if (_currentIndex >= _numT) {
-          lastValue += _numT + 1;
+          lastValue = lastValue + (_numT + 1);
         }
         return getLast(lastValue, _isCols);
       };
@@ -10393,9 +10584,14 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
     var loadedItems = function loadedItems() {
       var items = props.items;
       if (items && !loadingState) {
-        if (both) return items.slice(props.appendOnly ? 0 : firstState.rows, lastState.rows).map(function (item) {
-          return props.columns ? item : item.slice(props.appendOnly ? 0 : firstState.cols, lastState.cols);
-        });else if (horizontal && props.columns) return items;else return items.slice(props.appendOnly ? 0 : firstState, lastState);
+        if (both) {
+          return items.slice(props.appendOnly ? 0 : firstState.rows, lastState.rows).map(function (item) {
+            return props.columns ? item : item.slice(props.appendOnly ? 0 : firstState.cols, lastState.cols);
+          });
+        } else if (horizontal && props.columns) {
+          return items;
+        }
+        return items.slice(props.appendOnly ? 0 : firstState, lastState);
       }
       return [];
     };
@@ -10481,12 +10677,12 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
         props: props
       });
       if (!props.loaderDisabled && props.showLoader && loadingState) {
-        var className = utils.classNames('p-virtualscroller-loader', {
+        var _className = utils.classNames('p-virtualscroller-loader', {
           'p-component-overlay': !props.loadingTemplate
         });
-        var content = loadingIcon;
+        var _content = loadingIcon;
         if (props.loadingTemplate) {
-          content = loaderArrState.map(function (_, index) {
+          _content = loaderArrState.map(function (_, index) {
             return createLoaderItem(index, both && {
               numCols: numItemsInViewportState.cols
             });
@@ -10494,15 +10690,15 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
         } else if (props.loaderIconTemplate) {
           var defaultContentOptions = {
             iconClassName: iconClassName,
-            element: content,
+            element: _content,
             props: props
           };
-          content = utils.ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
+          _content = utils.ObjectUtils.getJSXElement(props.loaderIconTemplate, defaultContentOptions);
         }
         var loaderProps = mergeProps({
-          className: className
+          className: _className
         }, ptm('loader'));
-        return /*#__PURE__*/React__namespace.createElement("div", loaderProps, content);
+        return /*#__PURE__*/React__namespace.createElement("div", loaderProps, _content);
       }
       return null;
     };
@@ -10577,32 +10773,31 @@ this.primereact.virtualscroller = (function (exports, React, api, hooks, spinner
       return content;
     };
     if (props.disabled) {
-      var content = utils.ObjectUtils.getJSXElement(props.contentTemplate, {
+      var _content2 = utils.ObjectUtils.getJSXElement(props.contentTemplate, {
         items: props.items,
         rows: props.items,
         columns: props.columns
       });
-      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, props.children, content);
-    } else {
-      var className = utils.classNames('p-virtualscroller', {
-        'p-virtualscroller-inline': props.inline,
-        'p-virtualscroller-both p-both-scroll': both,
-        'p-virtualscroller-horizontal p-horizontal-scroll': horizontal
-      }, props.className);
-      var loader = createLoader();
-      var _content = createContent();
-      var spacer = createSpacer();
-      var rootProps = mergeProps({
-        ref: elementRef,
-        className: className,
-        tabIndex: props.tabIndex,
-        style: props.style,
-        onScroll: function onScroll(e) {
-          return _onScroll(e);
-        }
-      }, VirtualScrollerBase.getOtherProps(props), ptm('root'));
-      return /*#__PURE__*/React__namespace.createElement("div", rootProps, _content, spacer, loader);
+      return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, props.children, _content2);
     }
+    var className = utils.classNames('p-virtualscroller', {
+      'p-virtualscroller-inline': props.inline,
+      'p-virtualscroller-both p-both-scroll': both,
+      'p-virtualscroller-horizontal p-horizontal-scroll': horizontal
+    }, props.className);
+    var loader = createLoader();
+    var content = createContent();
+    var spacer = createSpacer();
+    var rootProps = mergeProps({
+      ref: elementRef,
+      className: className,
+      tabIndex: props.tabIndex,
+      style: props.style,
+      onScroll: function onScroll(e) {
+        return _onScroll(e);
+      }
+    }, VirtualScrollerBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, content, spacer, loader);
   }));
   VirtualScroller.displayName = 'VirtualScroller';
 
@@ -10752,7 +10947,6 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
       invalid: false,
       name: null,
       onChange: null,
-      onClick: null,
       onContextMenu: null,
       onMouseDown: null,
       readOnly: false,
@@ -10799,6 +10993,7 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
         return;
       }
       if (props.onChange) {
+        var _props$onChange;
         var _checked = isChecked();
         var value = _checked ? props.falseValue : props.trueValue;
         var eventData = {
@@ -10806,10 +11001,10 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
           value: props.value,
           checked: value,
           stopPropagation: function stopPropagation() {
-            event.stopPropagation();
+            event === null || event === void 0 || event.stopPropagation();
           },
           preventDefault: function preventDefault() {
-            event.preventDefault();
+            event === null || event === void 0 || event.preventDefault();
           },
           target: {
             type: 'checkbox',
@@ -10819,7 +11014,7 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
             checked: value
           }
         };
-        props.onChange && props.onChange(eventData);
+        props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, eventData);
 
         // do not continue if the user defined click wants to prevent
         if (event.defaultPrevented) {
@@ -10883,7 +11078,6 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
         className: cx('input'),
         name: props.name,
         tabIndex: props.tabIndex,
-        defaultChecked: checked,
         onFocus: function onFocus(e) {
           return _onFocus();
         },
@@ -10897,7 +11091,7 @@ this.primereact.checkbox = (function (exports, React, api, componentbase, hooks,
         readOnly: props.readOnly,
         required: props.required,
         'aria-invalid': props.invalid,
-        checked: isChecked()
+        checked: checked
       }, ariaProps), ptm('input'));
       return /*#__PURE__*/React__namespace.createElement("input", _extends({
         ref: inputRef
@@ -11825,7 +12019,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         });
         return new RegExp("[".concat(formatter.format(1).replace(/\s/g, '').replace(_numeral.current, '').replace(_group.current, ''), "]"), 'g');
       }
-      return new RegExp("[]", 'g');
+      return new RegExp('[]', 'g');
     };
     var getPrefixExpression = function getPrefixExpression() {
       if (props.prefix) {
@@ -11880,9 +12074,10 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var parseValue = function parseValue(text) {
       var filteredText = text.replace(_suffix.current, '').replace(_prefix.current, '').trim().replace(/\s/g, '').replace(_currency.current, '').replace(_group.current, '').replace(_minusSign.current, '-').replace(_decimal.current, '.').replace(_numeral.current, _index.current);
       if (filteredText) {
-        if (filteredText === '-')
+        if (filteredText === '-') {
           // Minus sign
           return filteredText;
+        }
         var parsedValue = +filteredText;
         return isNaN(parsedValue) ? null : parsedValue;
       }
@@ -11979,7 +12174,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       if (props.disabled || props.readOnly) {
         return;
       }
-      if (event.shiftKey || event.altKey) {
+      if (event.shiftKey || event.altKey || event.ctrlKey || event.metaKey) {
         isSpecialChar.current = true;
         return;
       }
@@ -12027,6 +12222,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         case 'Tab':
         case 'NumpadEnter':
         case 'Enter':
+        case 'NumpadEnter':
           newValueStr = validateValue(parseValue(inputValue));
           inputRef.current.value = formatValue(newValueStr);
           inputRef.current.setAttribute('aria-valuenow', newValueStr);
@@ -12144,7 +12340,7 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       if (props.disabled || props.readOnly) {
         return;
       }
-      var data = (event.clipboardData || window['clipboardData']).getData('Text');
+      var data = (event.clipboardData || window.clipboardData).getData('Text');
       if (data) {
         var filteredData = parseValue(data);
         if (filteredData != null) {
@@ -12181,7 +12377,9 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
     var isFloat = function isFloat(val) {
       var formatter = new Intl.NumberFormat(_locale, getOptions());
       var parseVal = parseValue(formatter.format(val));
-      if (parseVal === null) return false;
+      if (parseVal === null) {
+        return false;
+      }
       return parseVal % 1 !== 0;
     };
     var getDecimalCharIndexes = function getDecimalCharIndexes(val) {
@@ -12283,16 +12481,23 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
         return text + value.slice(suffix);
       } else if (end === value.length) {
         return value.slice(0, start) + text;
-      } else {
-        var selectionValue = value.slice(start, end);
-        // Fix: if the suffix starts with a space, the input will be cleared after pasting
-        var space = /\s$/.test(selectionValue) ? ' ' : '';
-        return value.slice(0, start) + text + space + value.slice(end);
       }
+      var selectionValue = value.slice(start, end);
+      // Fix: if the suffix starts with a space, the input will be cleared after pasting
+      var space = /\s$/.test(selectionValue) ? ' ' : '';
+      return value.slice(0, start) + text + space + value.slice(end);
     };
     var deleteRange = function deleteRange(value, start, end) {
       var newValueStr;
-      if (end - start === value.length) newValueStr = '';else if (start === 0) newValueStr = value.slice(end);else if (end === value.length) newValueStr = value.slice(0, start);else newValueStr = value.slice(0, start) + value.slice(end);
+      if (end - start === value.length) {
+        newValueStr = '';
+      } else if (start === 0) {
+        newValueStr = value.slice(end);
+      } else if (end === value.length) {
+        newValueStr = value.slice(0, start);
+      } else {
+        newValueStr = value.slice(0, start) + value.slice(end);
+      }
       return newValueStr;
     };
     var initCursor = function initCursor() {
@@ -12350,9 +12555,8 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
       if (_char5.length === 1 && (_numeral.current.test(_char5) || _decimal.current.test(_char5) || _group.current.test(_char5) || _minusSign.current.test(_char5))) {
         resetRegex();
         return true;
-      } else {
-        return false;
       }
+      return false;
     };
     var resetRegex = function resetRegex() {
       _numeral.current.lastIndex = 0;
@@ -12462,9 +12666,9 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
           var diff = currentLength - newLength;
           var isGroupChar = _group.current.test(nextChar);
           if (isGroupChar && diff === 1) {
-            _selectionEnd += 1;
+            _selectionEnd = _selectionEnd + 1;
           } else if (!isGroupChar && isNumeralChar(prevChar)) {
-            _selectionEnd += -1 * diff + 1;
+            _selectionEnd = _selectionEnd + (-1 * diff + 1);
           }
           _group.current.lastIndex = 0;
           inputEl.setSelectionRange(_selectionEnd, _selectionEnd);
@@ -12517,10 +12721,10 @@ this.primereact.inputnumber = (function (exports, React, PrimeReact, componentba
           originalEvent: event,
           value: value,
           stopPropagation: function stopPropagation() {
-            event.stopPropagation();
+            event === null || event === void 0 || event.stopPropagation();
           },
           preventDefault: function preventDefault() {
-            event.preventDefault();
+            event === null || event === void 0 || event.preventDefault();
           },
           target: {
             name: props.name,
@@ -12935,6 +13139,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var UIMessage = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
+    var mergeProps = hooks.useMergeProps();
     var messageInfo = props.message,
       parentMetaData = props.metaData,
       _props$ptCallbacks = props.ptCallbacks,
@@ -12985,7 +13190,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     var createCloseIcon = function createCloseIcon() {
       if (closable !== false) {
         var ariaLabel = api.localeOption('close');
-        var buttonIconProps = utils.mergeProps({
+        var buttonIconProps = mergeProps({
           className: cx('uimessage.buttonicon')
         }, getPTOptions('buttonicon', parentParams), ptmo(pt, 'buttonicon', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
@@ -12994,7 +13199,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
         var _closeIcon2 = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, buttonIconProps), {
           props: props
         });
-        var buttonProps = utils.mergeProps({
+        var buttonProps = mergeProps({
           type: 'button',
           className: cx('uimessage.button'),
           'aria-label': ariaLabel,
@@ -13008,7 +13213,7 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     };
     var createMessage = function createMessage() {
       if (props.message) {
-        var iconProps = utils.mergeProps({
+        var iconProps = mergeProps({
           className: cx('uimessage.icon')
         }, getPTOptions('icon', parentParams), ptmo(pt, 'icon', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
@@ -13033,12 +13238,12 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
         var iconContent = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, iconProps), {
           props: props
         });
-        var summaryProps = utils.mergeProps({
+        var summaryProps = mergeProps({
           className: cx('uimessage.summary')
         }, getPTOptions('summary', parentParams), ptmo(pt, 'summary', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
         })));
-        var detailProps = utils.mergeProps({
+        var detailProps = mergeProps({
           className: cx('uimessage.detail')
         }, getPTOptions('detail', parentParams), ptmo(pt, 'detail', _objectSpread$1(_objectSpread$1({}, params), {}, {
           hostName: props.hostName
@@ -13049,13 +13254,13 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, api,
     };
     var closeIcon = createCloseIcon();
     var message = createMessage();
-    var wrapperProps = utils.mergeProps({
+    var wrapperProps = mergeProps({
       className: utils.classNames(_contentClassName, cx('uimessage.wrapper')),
       style: contentStyle
     }, getPTOptions('wrapper', parentParams), ptmo(pt, 'wrapper', _objectSpread$1(_objectSpread$1({}, params), {}, {
       hostName: props.hostName
     })));
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: ref,
       className: utils.classNames(_className, cx('uimessage.root', {
         severity: severity
@@ -13412,7 +13617,12 @@ this.primereact.progressbar = (function (exports, React, api, componentbase, hoo
         }
       };
     });
-    if (props.mode === 'determinate') return createDeterminate();else if (props.mode === 'indeterminate') return createIndeterminate();else throw new Error(props.mode + " is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'");
+    if (props.mode === 'determinate') {
+      return createDeterminate();
+    } else if (props.mode === 'indeterminate') {
+      return createIndeterminate();
+    }
+    throw new Error(props.mode + " is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'");
   }));
   ProgressBar.displayName = 'ProgressBar';
 
@@ -13700,6 +13910,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       optionDisabled: null,
       optionGroupChildren: 'items',
       selectOnFocus: false,
+      focusOnHover: true,
       autoOptionFocus: false,
       optionGroupLabel: null,
       optionGroupTemplate: null,
@@ -13794,6 +14005,9 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       onClick: function onClick(e) {
         return _onClick(e);
       },
+      onMouseMove: function onMouseMove(e) {
+        return props === null || props === void 0 ? void 0 : props.onMouseMove(e, index);
+      },
       'aria-label': label,
       'aria-selected': selected,
       'data-p-highlight': selected,
@@ -13809,12 +14023,11 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           className: cx('checkIcon')
         }, getPTOptions('checIcon'));
         return /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkIconProps);
-      } else {
-        var blankIconProps = mergeProps({
-          className: cx('blankIcon')
-        }, getPTOptions('blankIcon'));
-        return /*#__PURE__*/React__namespace.createElement(BlankIcon, blankIconProps);
       }
+      var blankIconProps = mergeProps({
+        className: cx('blankIcon')
+      }, getPTOptions('blankIcon'));
+      return /*#__PURE__*/React__namespace.createElement(BlankIcon, blankIconProps);
     };
     return /*#__PURE__*/React__namespace.createElement("li", itemProps, checkmark && iconRenderer(), /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, content), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   });
@@ -13828,7 +14041,6 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       cx = props.cx,
       sx = props.sx;
     var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
-    React__namespace.useRef(null);
     var filterInputRef = React__namespace.useRef(null);
     var isEmptyFilter = !(props.visibleOptions && props.visibleOptions.length) && props.hasFilter;
     var filterOptions = {
@@ -13877,6 +14089,12 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }
       return null;
     };
+    var changeFocusedItemOnHover = function changeFocusedItemOnHover(event, index) {
+      if (props.focusOnHover) {
+        var _props$changeFocusedO;
+        props === null || props === void 0 || (_props$changeFocusedO = props.changeFocusedOptionIndex) === null || _props$changeFocusedO === void 0 || _props$changeFocusedO.call(props, event, index);
+      }
+    };
     var createGroupChildren = function createGroupChildren(optionGroup, style) {
       var groupChildren = props.getOptionGroupChildren(optionGroup);
       return groupChildren.map(function (option, j) {
@@ -13895,6 +14113,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           highlightOnSelect: props.highlightOnSelect,
           disabled: disabled,
           onClick: props.onOptionClick,
+          onMouseMove: changeFocusedItemOnHover,
           ptm: ptm,
           cx: cx,
           checkmark: props.checkmark
@@ -13932,27 +14151,27 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, {
           key: key
         }, /*#__PURE__*/React__namespace.createElement("li", itemGroupProps, /*#__PURE__*/React__namespace.createElement("span", itemGroupLabelProps, groupContent)), groupChildrenContent);
-      } else {
-        var optionLabel = props.getOptionLabel(option);
-        var optionKey = index + '_' + props.getOptionRenderKey(option);
-        var disabled = props.isOptionDisabled(option);
-        return /*#__PURE__*/React__namespace.createElement(DropdownItem, {
-          key: optionKey,
-          label: optionLabel,
-          index: index,
-          focusedOptionIndex: props.focusedOptionIndex,
-          option: option,
-          style: style,
-          template: props.itemTemplate,
-          selected: props.isSelected(option),
-          highlightOnSelect: props.highlightOnSelect,
-          disabled: disabled,
-          onClick: props.onOptionClick,
-          ptm: ptm,
-          cx: cx,
-          checkmark: props.checkmark
-        });
       }
+      var optionLabel = props.getOptionLabel(option);
+      var optionKey = index + '_' + props.getOptionRenderKey(option);
+      var disabled = props.isOptionDisabled(option);
+      return /*#__PURE__*/React__namespace.createElement(DropdownItem, {
+        key: optionKey,
+        label: optionLabel,
+        index: index,
+        focusedOptionIndex: props.focusedOptionIndex,
+        option: option,
+        style: style,
+        template: props.itemTemplate,
+        selected: props.isSelected(option),
+        highlightOnSelect: props.highlightOnSelect,
+        disabled: disabled,
+        onClick: props.onOptionClick,
+        onMouseMove: changeFocusedItemOnHover,
+        ptm: ptm,
+        cx: cx,
+        checkmark: props.checkmark
+      });
     };
     var createItems = function createItems() {
       if (utils.ObjectUtils.isNotEmpty(props.visibleOptions)) {
@@ -14068,18 +14287,17 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
         }, virtualScrollerProps, {
           pt: ptm('virtualScroller')
         }));
-      } else {
-        var items = createItems();
-        var wrapperProps = mergeProps({
-          className: cx('wrapper'),
-          style: sx('wrapper')
-        }, getPTOptions('wrapper'));
-        var listProps = mergeProps({
-          className: cx('list'),
-          role: 'listbox'
-        }, getPTOptions('list'));
-        return /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement("ul", listProps, items));
       }
+      var items = createItems();
+      var wrapperProps = mergeProps({
+        className: cx('wrapper'),
+        style: sx('wrapper')
+      }, getPTOptions('wrapper'));
+      var listProps = mergeProps({
+        className: cx('list'),
+        role: 'listbox'
+      }, getPTOptions('list'));
+      return /*#__PURE__*/React__namespace.createElement("div", wrapperProps, /*#__PURE__*/React__namespace.createElement("ul", listProps, items));
     };
     var createElement = function createElement() {
       var filter = createFilter();
@@ -14212,12 +14430,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
             _iterator.f();
           }
           return filteredGroups;
-        } else {
-          return PrimeReact.FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
         }
-      } else {
-        return props.options;
+        return PrimeReact.FilterService.filter(props.options, searchFields, filterValue, props.filterMatchMode, props.filterLocale);
       }
+      return props.options;
     };
     var onFirstHiddenFocus = function onFirstHiddenFocus(event) {
       var focusableEl = event.relatedTarget === focusInputRef.current ? utils.DomHandler.getFirstFocusableElement(overlayRef.current, ':not([data-p-hidden-focusable="true"])') : focusInputRef.current;
@@ -14365,6 +14581,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           break;
         case 'Escape':
         case 'Enter':
+        case 'NumpadEnter':
           onEnterKey(event);
           event.preventDefault();
           break;
@@ -14629,10 +14846,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           originalEvent: event,
           value: undefined,
           stopPropagation: function stopPropagation() {
-            event.stopPropagation();
+            event === null || event === void 0 || event.stopPropagation();
           },
           preventDefault: function preventDefault() {
-            event.preventDefault();
+            event === null || event === void 0 || event.preventDefault();
           },
           target: {
             name: props.name,
@@ -14717,7 +14934,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }
     };
     var onOverlayEnter = function onOverlayEnter(callback) {
-      utils.ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex['overlay'] || PrimeReact__default["default"].zIndex['overlay']);
+      utils.ZIndexUtils.set('overlay', overlayRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, context && context.zIndex.overlay || PrimeReact__default["default"].zIndex.overlay);
       utils.DomHandler.addStyles(overlayRef.current, {
         position: 'absolute',
         top: '0',
@@ -14764,10 +14981,10 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       }
     };
     var getOptionLabel = function getOptionLabel(option) {
-      return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option['label'] !== undefined ? option['label'] : option;
+      return props.optionLabel ? utils.ObjectUtils.resolveFieldData(option, props.optionLabel) : option && option.label !== undefined ? option.label : option;
     };
     var getOptionValue = function getOptionValue(option) {
-      return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option && option['value'] !== undefined ? option['value'] : option;
+      return props.optionValue ? utils.ObjectUtils.resolveFieldData(option, props.optionValue) : option && option.value !== undefined ? option.value : option;
     };
     var getOptionRenderKey = function getOptionRenderKey(option) {
       return props.dataKey ? utils.ObjectUtils.resolveFieldData(option, props.dataKey) : getOptionLabel(option);
@@ -14779,7 +14996,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       if (props.optionDisabled) {
         return utils.ObjectUtils.isFunction(props.optionDisabled) ? props.optionDisabled(option) : utils.ObjectUtils.resolveFieldData(option, props.optionDisabled);
       }
-      return option && option['disabled'] !== undefined ? option['disabled'] : false;
+      return option && option.disabled !== undefined ? option.disabled : false;
     };
     var getOptionGroupRenderKey = function getOptionGroupRenderKey(optionGroup) {
       return utils.ObjectUtils.resolveFieldData(optionGroup, props.optionGroupLabel);
@@ -14921,7 +15138,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       var label = utils.ObjectUtils.isNotEmpty(selectedOption) ? getOptionLabel(selectedOption) : null;
       if (props.editable) {
         var value = label || props.value || '';
-        var inputProps = mergeProps(_objectSpread({
+        var _inputProps = mergeProps(_objectSpread({
           ref: inputRef,
           type: 'text',
           defaultValue: value,
@@ -14938,18 +15155,17 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
           tabIndex: !props.disabled ? props.tabIndex || 0 : -1,
           'aria-haspopup': 'listbox'
         }, ariaProps), ptm('input'));
-        return /*#__PURE__*/React__namespace.createElement("input", inputProps);
-      } else {
-        var content = props.valueTemplate ? utils.ObjectUtils.getJSXElement(props.valueTemplate, selectedOption, props) : label || props.placeholder || 'empty';
-        var _inputProps = mergeProps({
-          ref: inputRef,
-          className: cx('input', {
-            label: label
-          }),
-          tabIndex: '-1'
-        }, ptm('input'));
-        return /*#__PURE__*/React__namespace.createElement("span", _inputProps, content);
+        return /*#__PURE__*/React__namespace.createElement("input", _inputProps);
       }
+      var content = props.valueTemplate ? utils.ObjectUtils.getJSXElement(props.valueTemplate, selectedOption, props) : label || props.placeholder || 'empty';
+      var inputProps = mergeProps({
+        ref: inputRef,
+        className: cx('input', {
+          label: label
+        }),
+        tabIndex: '-1'
+      }, ptm('input'));
+      return /*#__PURE__*/React__namespace.createElement("span", inputProps, content);
     };
     var createClearIcon = function createClearIcon() {
       if (props.value != null && props.showClear && !props.disabled) {
@@ -15082,7 +15298,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, componentbase,
       onOptionClick: onOptionClick,
       ptm: ptm,
       resetFilter: resetFilter,
-      setFocusedOptionIndex: setFocusedOptionIndex,
+      changeFocusedOptionIndex: changeFocusedOptionIndex,
       firstFocusableElement: /*#__PURE__*/React__namespace.createElement("span", firstHiddenFocusableElementProps),
       lastFocusableElement: /*#__PURE__*/React__namespace.createElement("span", lastHiddenFocusableElementProps),
       sx: sx
@@ -15562,9 +15778,15 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           } else {
             var focusedIndex = focusableElements.indexOf(document.activeElement);
             if (event.shiftKey) {
-              if (focusedIndex === -1 || focusedIndex === 0) focusableElements[focusableElements.length - 1].focus();else focusableElements[focusedIndex - 1].focus();
+              if (focusedIndex === -1 || focusedIndex === 0) {
+                focusableElements[focusableElements.length - 1].focus();
+              } else {
+                focusableElements[focusedIndex - 1].focus();
+              }
+            } else if (focusedIndex === -1 || focusedIndex === focusableElements.length - 1) {
+              focusableElements[0].focus();
             } else {
-              if (focusedIndex === -1 || focusedIndex === focusableElements.length - 1) focusableElements[0].focus();else focusableElements[focusedIndex + 1].focus();
+              focusableElements[focusedIndex + 1].focus();
             }
           }
         }
@@ -15653,8 +15875,8 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
         var newWidth = width + deltaX;
         var newHeight = height + deltaY;
         if (hasBeenDragged) {
-          newWidth += deltaX;
-          newHeight += deltaY;
+          newWidth = newWidth + deltaX;
+          newHeight = newHeight + deltaY;
         }
         if ((!minWidth || newWidth > minWidth) && offset.left + newWidth < viewport.width) {
           dialogRef.current.style.width = newWidth + 'px';
@@ -15776,7 +15998,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
       styleElement.current = utils.DomHandler.createInlineStyle(context && context.nonce || PrimeReact__default["default"].nonce, context && context.styleContainer);
       var innerHTML = '';
       for (var breakpoint in props.breakpoints) {
-        innerHTML += "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                     [data-pc-name=\"dialog\"][").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], " !important;\n                    }\n                }\n            ");
+        innerHTML = innerHTML + "\n                @media screen and (max-width: ".concat(breakpoint, ") {\n                     [data-pc-name=\"dialog\"][").concat(attributeSelector.current, "] {\n                        width: ").concat(props.breakpoints[breakpoint], " !important;\n                    }\n                }\n            ");
       }
       styleElement.current.innerHTML = innerHTML;
     };
@@ -15813,7 +16035,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
     }, [props.visible, maskVisibleState]);
     hooks.useUpdateEffect(function () {
       if (maskVisibleState) {
-        utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex['modal'] || PrimeReact__default["default"].zIndex['modal']);
+        utils.ZIndexUtils.set('modal', maskRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex.modal || PrimeReact__default["default"].zIndex.modal);
         setVisibleState(true);
       }
     }, [maskVisibleState]);
@@ -16034,18 +16256,17 @@ this.primereact.dialog = (function (exports, React, PrimeReact, componentbase, c
           appendTo: props.appendTo,
           visible: true
         });
-      } else {
-        var element = createElement({
-          maskProps: maskProps,
-          rootProps: rootProps,
-          transitionProps: transitionProps
-        });
-        return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
-          element: element,
-          appendTo: props.appendTo,
-          visible: true
-        });
       }
+      var element = createElement({
+        maskProps: maskProps,
+        rootProps: rootProps,
+        transitionProps: transitionProps
+      });
+      return /*#__PURE__*/React__namespace.createElement(portal.Portal, {
+        element: element,
+        appendTo: props.appendTo,
+        visible: true
+      });
     };
     return maskVisibleState && createDialog();
   });
@@ -16663,7 +16884,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
   function ariaLabel(ariaKey, options) {
     var _locale = PrimeReact.locale;
     try {
-      var _ariaLabel = localeOptions(_locale)['aria'][ariaKey];
+      var _ariaLabel = localeOptions(_locale).aria[ariaKey];
       if (_ariaLabel) {
         for (var key in options) {
           if (options.hasOwnProperty(key)) {
@@ -16691,7 +16912,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
         props.onChange(props.rows * (event.value - 1), props.rows);
       }
     };
-    var value = props.pageCount > 0 ? props.page + 1 : 0;
+    var value = props.totalPages > 0 ? props.page + 1 : 0;
     var element = /*#__PURE__*/React__namespace.createElement(inputnumber.InputNumber, {
       value: value,
       onChange: onChange,
@@ -17265,25 +17486,24 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
     };
     if (!props.alwaysShow && totalPages <= 1) {
       return null;
-    } else {
-      var leftContent = utils.ObjectUtils.getJSXElement(props.leftContent, props);
-      var rightContent = utils.ObjectUtils.getJSXElement(props.rightContent, props);
-      var elements = createElements();
-      var leftProps = mergeProps({
-        className: cx('left')
-      }, ptm('left'));
-      var leftElement = leftContent && /*#__PURE__*/React__namespace.createElement("div", leftProps, leftContent);
-      var endProps = mergeProps({
-        className: cx('end')
-      }, ptm('end'));
-      var rightElement = rightContent && /*#__PURE__*/React__namespace.createElement("div", endProps, rightContent);
-      var rootProps = mergeProps({
-        ref: elementRef,
-        className: utils.classNames(props.className, cx('root')),
-        style: props.style
-      }, PaginatorBase.getOtherProps(props), ptm('root'));
-      return /*#__PURE__*/React__namespace.createElement("div", rootProps, leftElement, elements, rightElement);
     }
+    var leftContent = utils.ObjectUtils.getJSXElement(props.leftContent, props);
+    var rightContent = utils.ObjectUtils.getJSXElement(props.rightContent, props);
+    var elements = createElements();
+    var leftProps = mergeProps({
+      className: cx('left')
+    }, ptm('left'));
+    var leftElement = leftContent && /*#__PURE__*/React__namespace.createElement("div", leftProps, leftContent);
+    var endProps = mergeProps({
+      className: cx('end')
+    }, ptm('end'));
+    var rightElement = rightContent && /*#__PURE__*/React__namespace.createElement("div", endProps, rightContent);
+    var rootProps = mergeProps({
+      ref: elementRef,
+      className: utils.classNames(props.className, cx('root')),
+      style: props.style
+    }, PaginatorBase.getOtherProps(props), ptm('root'));
+    return /*#__PURE__*/React__namespace.createElement("div", rootProps, leftElement, elements, rightElement);
   }));
   Paginator.displayName = 'Paginator';
 
@@ -17296,7 +17516,7 @@ this.primereact.paginator = (function (exports, React, api, componentbase, hooks
 })({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils, primereact.icons.angledoubleleft, primereact.ripple, primereact.inputnumber, primereact.icons.angledoubleright, primereact.icons.angleright, primereact.icons.angleleft, primereact.dropdown);
 
 this.primereact = this.primereact || {};
-this.primereact.tree = (function (exports, React, api, componentbase, hooks, search, spinner, utils, check, chevrondown, chevronright, minus, ripple) {
+this.primereact.tree = (function (exports, React, api, componentbase, hooks, search, spinner, utils, check, chevrondown, chevronright, minus, ripple, tooltip) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -17459,16 +17679,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
   };
   /* eslint-enable */
 
-  var classes = {
-    container: 'p-tree-container',
-    loadingIcon: 'p-tree-loading-icon',
-    loadingOverlay: 'p-tree-loading-overlay p-component-overlay',
-    searchIcon: 'p-tree-filter-icon',
-    emptyMessage: 'p-treenode p-tree-empty-message',
-    filterContainer: 'p-tree-filter-container',
-    input: 'p-tree-filter p-inputtext p-component',
-    header: 'p-tree-header',
-    footer: 'p-tree-footer',
+  var classes$1 = {
     root: function root(_ref) {
       var props = _ref.props;
       return utils.classNames('p-tree p-component', {
@@ -17477,23 +17688,18 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         'p-disabled': props.disabled
       });
     },
-    label: 'p-treenode-label',
-    checkboxIcon: 'p-checkbox-icon p-c',
-    checkboxContainer: 'p-checkbox p-component',
-    checkbox: function checkbox(_ref2) {
-      var props = _ref2.nodeProps,
-        checked = _ref2.checked,
-        partialChecked = _ref2.partialChecked;
-      return utils.classNames('p-checkbox-box', {
-        'p-highlight': checked,
-        'p-indeterminate': partialChecked,
-        'p-disabled': props.disabled
+    loadingOverlay: 'p-tree-loading-overlay p-component-overlay',
+    loadingIcon: 'p-tree-loading-icon',
+    filterContainer: 'p-tree-filter-container',
+    input: 'p-tree-filter p-inputtext p-component',
+    searchIcon: 'p-tree-filter-icon',
+    container: 'p-tree-container',
+    node: function node(_ref2) {
+      var isLeaf = _ref2.isLeaf;
+      return utils.classNames('p-treenode', {
+        'p-treenode-leaf': isLeaf
       });
     },
-    nodeIcon: 'p-treenode-icon',
-    togglerIcon: 'p-tree-toggler-icon',
-    toggler: 'p-tree-toggler p-link',
-    droppoint: 'p-treenode-droppoint',
     content: function content(_ref3) {
       var props = _ref3.nodeProps,
         checked = _ref3.checked,
@@ -17506,15 +17712,22 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         'p-disabled': props.disabled
       });
     },
-    subgroup: 'p-treenode-children',
-    node: function node(_ref4) {
-      var isLeaf = _ref4.isLeaf;
-      return utils.classNames('p-treenode', {
-        'p-treenode-leaf': isLeaf
+    toggler: 'p-tree-toggler p-link',
+    togglerIcon: 'p-tree-toggler-icon',
+    nodeCheckbox: function nodeCheckbox(_ref4) {
+      var partialChecked = _ref4.partialChecked;
+      return utils.classNames({
+        'p-indeterminate': partialChecked
       });
-    }
+    },
+    nodeIcon: 'p-treenode-icon',
+    label: 'p-treenode-label',
+    subgroup: 'p-treenode-children',
+    emptyMessage: 'p-treenode p-tree-empty-message',
+    droppoint: 'p-treenode-droppoint',
+    header: 'p-tree-header',
+    footer: 'p-tree-footer'
   };
-  var styles = "\n@layer primereact {\n    .p-tree-container {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n        overflow: auto;\n    }\n\n    .p-treenode-children {\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-treenode-selectable {\n        cursor: pointer;\n        user-select: none;\n    }\n\n    .p-tree-toggler {\n        cursor: pointer;\n        user-select: none;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        overflow: hidden;\n        position: relative;\n    }\n\n    .p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n        visibility: hidden;\n    }\n\n    .p-treenode-content {\n        display: flex;\n        align-items: center;\n    }\n\n    .p-tree-filter {\n        width: 100%;\n    }\n\n    .p-tree-filter-container {\n        position: relative;\n        display: block;\n        width: 100%;\n    }\n\n    .p-tree-filter-icon {\n        position: absolute;\n        top: 50%;\n        margin-top: -.5rem;\n    }\n\n    .p-tree-loading {\n        position: relative;\n        min-height: 4rem;\n    }\n\n    .p-tree .p-tree-loading-overlay {\n        position: absolute;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
   var TreeBase = componentbase.ComponentBase.extend({
     defaultProps: {
       __TYPE: 'Tree',
@@ -17571,11 +17784,218 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       children: undefined
     },
     css: {
-      classes: classes,
-      styles: styles
+      classes: classes$1
+    }
+  });
+
+  var classes = {
+    box: 'p-checkbox-box',
+    input: 'p-checkbox-input',
+    icon: 'p-checkbox-icon',
+    root: function root(_ref) {
+      var props = _ref.props,
+        checked = _ref.checked;
+      return utils.classNames('p-checkbox p-component', {
+        'p-highlight': checked,
+        'p-disabled': props.disabled,
+        'p-invalid': props.invalid,
+        'p-variant-filled': props.variant === 'filled'
+      });
+    }
+  };
+  var CheckboxBase = componentbase.ComponentBase.extend({
+    defaultProps: {
+      __TYPE: 'Checkbox',
+      autoFocus: false,
+      checked: false,
+      className: null,
+      disabled: false,
+      falseValue: false,
+      icon: null,
+      id: null,
+      inputId: null,
+      inputRef: null,
+      invalid: false,
+      name: null,
+      onChange: null,
+      onContextMenu: null,
+      onMouseDown: null,
+      readOnly: false,
+      required: false,
+      style: null,
+      tabIndex: null,
+      tooltip: null,
+      tooltipOptions: null,
+      trueValue: true,
+      value: null,
+      children: undefined
+    },
+    css: {
+      classes: classes
     }
   });
 
+  function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+  function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+  var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
+    var context = React__namespace.useContext(api.PrimeReactContext);
+    var props = CheckboxBase.getProps(inProps, context);
+    var _CheckboxBase$setMeta = CheckboxBase.setMetaData({
+        props: props,
+        context: {
+          checked: props.checked === props.trueValue,
+          disabled: props.disabled
+        }
+      }),
+      ptm = _CheckboxBase$setMeta.ptm,
+      cx = _CheckboxBase$setMeta.cx,
+      isUnstyled = _CheckboxBase$setMeta.isUnstyled;
+    componentbase.useHandleStyle(CheckboxBase.css.styles, isUnstyled, {
+      name: 'checkbox'
+    });
+    var elementRef = React__namespace.useRef(null);
+    var inputRef = React__namespace.useRef(props.inputRef);
+    var isChecked = function isChecked() {
+      return props.checked === props.trueValue;
+    };
+    var _onChange = function onChange(event) {
+      if (props.disabled || props.readonly) {
+        return;
+      }
+      if (props.onChange) {
+        var _props$onChange;
+        var _checked = isChecked();
+        var value = _checked ? props.falseValue : props.trueValue;
+        var eventData = {
+          originalEvent: event,
+          value: props.value,
+          checked: value,
+          stopPropagation: function stopPropagation() {
+            event === null || event === void 0 || event.stopPropagation();
+          },
+          preventDefault: function preventDefault() {
+            event === null || event === void 0 || event.preventDefault();
+          },
+          target: {
+            type: 'checkbox',
+            name: props.name,
+            id: props.id,
+            value: props.value,
+            checked: value
+          }
+        };
+        props === null || props === void 0 || (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, eventData);
+
+        // do not continue if the user defined click wants to prevent
+        if (event.defaultPrevented) {
+          return;
+        }
+        utils.DomHandler.focus(inputRef.current);
+      }
+    };
+    var _onFocus = function onFocus() {
+      var _props$onFocus;
+      props === null || props === void 0 || (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 || _props$onFocus.call(props);
+    };
+    var _onBlur = function onBlur() {
+      var _props$onBlur;
+      props === null || props === void 0 || (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 || _props$onBlur.call(props);
+    };
+    React__namespace.useImperativeHandle(ref, function () {
+      return {
+        props: props,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
+        getElement: function getElement() {
+          return elementRef.current;
+        },
+        getInput: function getInput() {
+          return inputRef.current;
+        }
+      };
+    });
+    React__namespace.useEffect(function () {
+      utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
+    }, [inputRef, props.inputRef]);
+    hooks.useUpdateEffect(function () {
+      inputRef.current.checked = isChecked();
+    }, [props.checked, props.trueValue]);
+    hooks.useMountEffect(function () {
+      if (props.autoFocus) {
+        utils.DomHandler.focus(inputRef.current, props.autoFocus);
+      }
+    });
+    var checked = isChecked();
+    var hasTooltip = utils.ObjectUtils.isNotEmpty(props.tooltip);
+    var otherProps = CheckboxBase.getOtherProps(props);
+    var rootProps = mergeProps({
+      id: props.id,
+      className: utils.classNames(props.className, cx('root', {
+        checked: checked
+      })),
+      style: props.style,
+      'data-p-highlight': checked,
+      'data-p-disabled': props.disabled,
+      onContextMenu: props.onContextMenu,
+      onMouseDown: props.onMouseDown
+    }, otherProps, ptm('root'));
+    var createInputElement = function createInputElement() {
+      var ariaProps = utils.ObjectUtils.reduceKeys(otherProps, utils.DomHandler.ARIA_PROPS);
+      var inputProps = mergeProps(_objectSpread$2({
+        id: props.inputId,
+        type: 'checkbox',
+        className: cx('input'),
+        name: props.name,
+        tabIndex: props.tabIndex,
+        onFocus: function onFocus(e) {
+          return _onFocus();
+        },
+        onBlur: function onBlur(e) {
+          return _onBlur();
+        },
+        onChange: function onChange(e) {
+          return _onChange(e);
+        },
+        disabled: props.disabled,
+        readOnly: props.readOnly,
+        required: props.required,
+        'aria-invalid': props.invalid,
+        checked: checked
+      }, ariaProps), ptm('input'));
+      return /*#__PURE__*/React__namespace.createElement("input", _extends({
+        ref: inputRef
+      }, inputProps));
+    };
+    var createBoxElement = function createBoxElement() {
+      var iconProps = mergeProps({
+        className: cx('icon')
+      }, ptm('icon'));
+      var boxProps = mergeProps({
+        className: cx('box', {
+          checked: checked
+        }),
+        'data-p-highlight': checked,
+        'data-p-disabled': props.disabled
+      }, ptm('box'));
+      var icon = checked ? props.icon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, iconProps) : null;
+      var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$2({}, iconProps), {
+        props: props,
+        checked: checked
+      });
+      return /*#__PURE__*/React__namespace.createElement("div", boxProps, checkboxIcon);
+    };
+    return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", _extends({
+      ref: elementRef
+    }, rootProps), createInputElement(), createBoxElement()), hasTooltip && /*#__PURE__*/React__namespace.createElement(tooltip.Tooltip, _extends({
+      target: elementRef,
+      content: props.tooltip,
+      pt: ptm('tooltip')
+    }, props.tooltipOptions)));
+  }));
+  Checkbox.displayName = 'Checkbox';
+
   function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
   function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
   function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
@@ -17638,13 +18058,11 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
             node: props.node
           });
         }
-      } else {
-        if (props.onCollapse) {
-          props.onCollapse({
-            originalEvent: event,
-            node: props.node
-          });
-        }
+      } else if (props.onCollapse) {
+        props.onCollapse({
+          originalEvent: event,
+          node: props.node
+        });
       }
     };
     var findNextSiblingOfAncestor = function findNextSiblingOfAncestor(nodeElement) {
@@ -17656,9 +18074,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       if (childrenListElement) {
         var lastChildElement = childrenListElement.children[childrenListElement.children.length - 1];
         return findLastVisibleDescendant(lastChildElement);
-      } else {
-        return nodeElement;
       }
+      return nodeElement;
     };
     var getParentNodeElement = function getParentNodeElement(nodeElement) {
       var parentNodeElement = nodeElement.parentElement.parentElement;
@@ -17684,7 +18101,11 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
           var checked = isChecked();
           selectionKeys = props.selectionKeys ? _objectSpread$1({}, props.selectionKeys) : {};
           if (checked) {
-            if (props.propagateSelectionDown) propagateDown(props.node, false, selectionKeys);else delete selectionKeys[props.node.key];
+            if (props.propagateSelectionDown) {
+              propagateDown(props.node, false, selectionKeys);
+            } else {
+              delete selectionKeys[props.node.key];
+            }
             if (props.propagateSelectionUp && props.onPropagateUp) {
               props.onPropagateUp({
                 originalEvent: event,
@@ -17699,9 +18120,13 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
               });
             }
           } else {
-            if (props.propagateSelectionDown) propagateDown(props.node, true, selectionKeys);else selectionKeys[props.node.key] = {
-              checked: true
-            };
+            if (props.propagateSelectionDown) {
+              propagateDown(props.node, true, selectionKeys);
+            } else {
+              selectionKeys[props.node.key] = {
+                checked: true
+              };
+            }
             if (props.propagateSelectionUp && props.onPropagateUp) {
               props.onPropagateUp({
                 originalEvent: event,
@@ -17748,46 +18173,42 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
                 });
               }
             }
-          } else {
-            if (isSingleSelectionMode()) {
-              if (selected) {
-                selectionKeys = null;
-                if (props.onUnselect) {
-                  props.onUnselect({
-                    originalEvent: event,
-                    node: props.node
-                  });
-                }
-              } else {
-                selectionKeys = props.node.key;
-                if (props.onSelect) {
-                  props.onSelect({
-                    originalEvent: event,
-                    node: props.node
-                  });
-                }
+          } else if (isSingleSelectionMode()) {
+            if (selected) {
+              selectionKeys = null;
+              if (props.onUnselect) {
+                props.onUnselect({
+                  originalEvent: event,
+                  node: props.node
+                });
               }
             } else {
-              if (selected) {
-                selectionKeys = _objectSpread$1({}, props.selectionKeys);
-                delete selectionKeys[props.node.key];
-                if (props.onUnselect) {
-                  props.onUnselect({
-                    originalEvent: event,
-                    node: props.node
-                  });
-                }
-              } else {
-                selectionKeys = props.selectionKeys ? _objectSpread$1({}, props.selectionKeys) : {};
-                selectionKeys[props.node.key] = true;
-                if (props.onSelect) {
-                  props.onSelect({
-                    originalEvent: event,
-                    node: props.node
-                  });
-                }
+              selectionKeys = props.node.key;
+              if (props.onSelect) {
+                props.onSelect({
+                  originalEvent: event,
+                  node: props.node
+                });
               }
             }
+          } else if (selected) {
+            selectionKeys = _objectSpread$1({}, props.selectionKeys);
+            delete selectionKeys[props.node.key];
+            if (props.onUnselect) {
+              props.onUnselect({
+                originalEvent: event,
+                node: props.node
+              });
+            }
+          } else {
+            selectionKeys = props.selectionKeys ? _objectSpread$1({}, props.selectionKeys) : {};
+            selectionKeys[props.node.key] = true;
+            if (props.onSelect) {
+              props.onSelect({
+                originalEvent: event,
+                node: props.node
+              });
+            }
           }
         }
         if (props.onSelectionChange) {
@@ -17826,7 +18247,9 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       }
     };
     var onKeyDown = function onKeyDown(event) {
-      if (!isSameNode(event)) return;
+      if (!isSameNode(event)) {
+        return;
+      }
       switch (event.code) {
         case 'Tab':
           onTabKey();
@@ -17855,14 +18278,12 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       var listElement = nodeElement.children[1];
       if (listElement) {
         focusRowChange(nodeElement, listElement.children[0]);
+      } else if (nodeElement.nextElementSibling) {
+        focusRowChange(nodeElement, nodeElement.nextElementSibling);
       } else {
-        if (nodeElement.nextElementSibling) {
-          focusRowChange(nodeElement, nodeElement.nextElementSibling);
-        } else {
-          var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
-          if (nextSiblingAncestor) {
-            focusRowChange(nodeElement, nextSiblingAncestor);
-          }
+        var nextSiblingAncestor = findNextSiblingOfAncestor(nodeElement);
+        if (nextSiblingAncestor) {
+          focusRowChange(nodeElement, nextSiblingAncestor);
         }
       }
       event.preventDefault();
@@ -17880,7 +18301,9 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       event.preventDefault();
     };
     var onArrowRight = function onArrowRight(event) {
-      if (isLeaf || expanded) return;
+      if (isLeaf || expanded) {
+        return;
+      }
       event.currentTarget.tabIndex = -1;
       expand(event, true);
     };
@@ -17959,7 +18382,9 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var child = _step.value;
-          if (selectionKeys[child.key] && selectionKeys[child.key].checked) checkedChildCount++;
+          if (selectionKeys[child.key] && selectionKeys[child.key].checked) {
+            checkedChildCount++;
+          }
         }
       } catch (err) {
         _iterator.e(err);
@@ -17997,10 +18422,14 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       }
     };
     var propagateDown = function propagateDown(node, check, selectionKeys) {
-      if (check) selectionKeys[node.key] = {
-        checked: true,
-        partialChecked: false
-      };else delete selectionKeys[node.key];
+      if (check) {
+        selectionKeys[node.key] = {
+          checked: true,
+          partialChecked: false
+        };
+      } else {
+        delete selectionKeys[node.key];
+      }
       if (node.children && node.children.length) {
         for (var i = 0; i < node.children.length; i++) {
           propagateDown(node.children[i], check, selectionKeys);
@@ -18008,7 +18437,10 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
       }
     };
     var isSelected = function isSelected() {
-      if (props.selectionMode && props.selectionKeys) return isSingleSelectionMode() ? props.selectionKeys === props.node.key : props.selectionKeys[props.node.key] !== undefined;else return false;
+      if (props.selectionMode && props.selectionKeys) {
+        return isSingleSelectionMode() ? props.selectionKeys === props.node.key : props.selectionKeys[props.node.key] !== undefined;
+      }
+      return false;
     };
     var isChecked = function isChecked() {
       return (props.selectionKeys ? props.selectionKeys[props.node.key] && props.selectionKeys[props.node.key].checked : false) || false;
@@ -18133,26 +18565,24 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
     };
     var createCheckbox = function createCheckbox() {
       if (isCheckboxSelectionMode() && props.node.selectable !== false) {
+        var _props$isUnstyled;
         var checked = isChecked();
         var partialChecked = isPartialChecked();
-        var checkboxIconProps = mergeProps({
-          className: cx('checkboxIcon')
-        }, getPTOptions('checkboxIcon'));
-        var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, checkboxIconProps) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, checkboxIconProps) : null;
-        var checkboxIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread$1({}, checkboxIconProps), props);
-        var checkboxContainerProps = mergeProps({
-          'aria-hidden': true,
-          className: cx('checkboxContainer')
-        }, getPTOptions('checkboxContainer'));
+        var icon = checked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(check.CheckIcon, null) : partialChecked ? props.checkboxIcon || /*#__PURE__*/React__namespace.createElement(minus.MinusIcon, null) : null;
+        var checkboxIcon = utils.IconUtils.getJSXIcon(icon, {}, props);
         var checkboxProps = mergeProps({
-          className: cx('checkbox', {
-            checked: checked,
-            partialChecked: partialChecked,
-            nodeProps: props
+          className: cx('nodeCheckbox', {
+            partialChecked: partialChecked
           }),
-          role: 'checkbox'
-        }, getPTOptions('checkbox'));
-        return /*#__PURE__*/React__namespace.createElement("div", checkboxContainerProps, /*#__PURE__*/React__namespace.createElement("div", checkboxProps, checkboxIcon));
+          checked: checked || partialChecked,
+          icon: checkboxIcon,
+          tabIndex: -1,
+          unstyled: props === null || props === void 0 || (_props$isUnstyled = props.isUnstyled) === null || _props$isUnstyled === void 0 ? void 0 : _props$isUnstyled.call(props),
+          'data-p-checked': checked,
+          'data-p-partialchecked': partialChecked,
+          onChange: onClick
+        }, getPTOptions('nodeCheckbox'));
+        return /*#__PURE__*/React__namespace.createElement(Checkbox, checkboxProps);
       }
       return null;
     };
@@ -18443,7 +18873,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
           }
         }
         return result;
-      } else return value;
+      }
+      return value;
     };
     var onDrop = function onDrop(event) {
       var _dragState$current;
@@ -18454,8 +18885,16 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         var dragNodeParent = findNode(value, dragPaths);
         var dragNode = dragNodeParent ? dragNodeParent.children[dragState.current.index] : value[dragState.current.index];
         var dropNode = findNode(value, event.path.split('-'));
-        if (dropNode.children) dropNode.children.push(dragNode);else dropNode.children = [dragNode];
-        if (dragNodeParent) dragNodeParent.children.splice(dragState.current.index, 1);else value.splice(dragState.current.index, 1);
+        if (dropNode.children) {
+          dropNode.children.push(dragNode);
+        } else {
+          dropNode.children = [dragNode];
+        }
+        if (dragNodeParent) {
+          dragNodeParent.children.splice(dragState.current.index, 1);
+        } else {
+          value.splice(dragState.current.index, 1);
+        }
         if (props.onDragDrop) {
           props.onDragDrop({
             originalEvent: event.originalEvent,
@@ -18478,12 +18917,22 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         var dropNodeParent = findNode(value, dropPaths);
         var dragNode = dragNodeParent ? dragNodeParent.children[dragState.current.index] : value[dragState.current.index];
         var siblings = areSiblings(dragState.current.path, event.path);
-        if (dragNodeParent) dragNodeParent.children.splice(dragState.current.index, 1);else value.splice(dragState.current.index, 1);
+        if (dragNodeParent) {
+          dragNodeParent.children.splice(dragState.current.index, 1);
+        } else {
+          value.splice(dragState.current.index, 1);
+        }
         if (event.position < 0) {
           var dropIndex = siblings ? dragState.current.index > event.index ? event.index : event.index - 1 : event.index;
-          if (dropNodeParent) dropNodeParent.children.splice(dropIndex, 0, dragNode);else value.splice(dropIndex, 0, dragNode);
+          if (dropNodeParent) {
+            dropNodeParent.children.splice(dropIndex, 0, dragNode);
+          } else {
+            value.splice(dropIndex, 0, dragNode);
+          }
+        } else if (dropNodeParent) {
+          dropNodeParent.children.push(dragNode);
         } else {
-          if (dropNodeParent) dropNodeParent.children.push(dragNode);else value.push(dragNode);
+          value.push(dragNode);
         }
         if (props.onDragDrop) {
           props.onDragDrop({
@@ -18499,18 +18948,18 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
     var validateDrop = function validateDrop(dragPath, dropPath) {
       if (!dragPath) {
         return false;
-      } else {
-        //same node
-        if (dragPath === dropPath) {
-          return false;
-        }
+      }
 
-        //parent dropped on an descendant
-        if (dropPath.indexOf(dragPath) === 0) {
-          return false;
-        }
-        return true;
+      //same node
+      if (dragPath === dropPath) {
+        return false;
+      }
+
+      //parent dropped on an descendant
+      if (dropPath.indexOf(dragPath) === 0) {
+        return false;
       }
+      return true;
     };
     var validateDropNode = function validateDropNode(dragPath, dropPath) {
       var _validateDrop = validateDrop(dragPath, dropPath);
@@ -18520,9 +18969,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
           return false;
         }
         return true;
-      } else {
-        return false;
       }
+      return false;
     };
     var validateDropPoint = function validateDropPoint(event) {
       var _dragState$current2;
@@ -18533,26 +18981,26 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
           return false;
         }
         return true;
-      } else {
-        return false;
       }
+      return false;
     };
     var areSiblings = function areSiblings(path1, path2) {
-      if (path1.length === 1 && path2.length === 1) return true;else return path1.substring(0, path1.lastIndexOf('-')) === path2.substring(0, path2.lastIndexOf('-'));
+      if (path1.length === 1 && path2.length === 1) {
+        return true;
+      }
+      return path1.substring(0, path1.lastIndexOf('-')) === path2.substring(0, path2.lastIndexOf('-'));
     };
     var findNode = function findNode(value, path) {
       if (path.length === 0) {
         return null;
-      } else {
-        var index = parseInt(path[0], 10);
-        var nextSearchRoot = value.children ? value.children[index] : value[index];
-        if (path.length === 1) {
-          return nextSearchRoot;
-        } else {
-          path.shift();
-          return findNode(nextSearchRoot, path);
-        }
       }
+      var index = parseInt(path[0], 10);
+      var nextSearchRoot = value.children ? value.children[index] : value[index];
+      if (path.length === 1) {
+        return nextSearchRoot;
+      }
+      path.shift();
+      return findNode(nextSearchRoot, path);
     };
     var isNodeLeaf = function isNodeLeaf(node) {
       return node.leaf === false ? false : !(node.children && node.children.length);
@@ -18723,7 +19171,8 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         ptm: ptm,
         selectionKeys: props.selectionKeys,
         selectionMode: props.selectionMode,
-        togglerTemplate: props.togglerTemplate
+        togglerTemplate: props.togglerTemplate,
+        isUnstyled: isUnstyled
       });
     };
     var createEmptyMessageNode = function createEmptyMessageNode() {
@@ -18761,10 +19210,9 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
         if (value.length > 0) {
           var rootNodes = createRootChildren(value);
           return createRootChildrenContainer(rootNodes);
-        } else {
-          var emptyMessageNode = createEmptyMessageNode();
-          return createRootChildrenContainer(emptyMessageNode);
         }
+        var emptyMessageNode = createEmptyMessageNode();
+        return createRootChildrenContainer(emptyMessageNode);
       }
       return null;
     };
@@ -18882,7 +19330,7 @@ this.primereact.tree = (function (exports, React, api, componentbase, hooks, sea
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.search, primereact.icons.spinner, primereact.utils, primereact.icons.check, primereact.icons.chevrondown, primereact.icons.chevronright, primereact.icons.minus, primereact.ripple);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.icons.search, primereact.icons.spinner, primereact.utils, primereact.icons.check, primereact.icons.chevrondown, primereact.icons.chevronright, primereact.icons.minus, primereact.ripple, primereact.tooltip);
 
 undefined
 undefined