primereact 8.3.0 → 8.4.0

package/core/core.js

@@ -377,6 +377,8 @@ this.primereact.utils = (function (exports, React) {
         if (element) {
           if (element.classList) return element.classList.contains(className);else return new RegExp('(^| )' + className + '( |$)', 'gi').test(element.className);
         }
+
+        return false;
       }
     }, {
       key: "find",
@@ -950,7 +952,8 @@ this.primereact.utils = (function (exports, React) {
     }, {
       key: "isVisible",
       value: function isVisible(element) {
-        return element && element.offsetParent != null;
+        // https://stackoverflow.com/a/59096915/502366 (in future use IntersectionObserver)
+        return element && (element.clientHeight !== 0 || element.getClientRects().length !== 0 || getComputedStyle(element).display !== 'none');
       }
     }, {
       key: "isExist",
@@ -1168,6 +1171,100 @@ this.primereact.utils = (function (exports, React) {
           return element && element.nodeType === 9 || this.isExist(element) ? element : null;
         }
       }
+      /**
+       * Get the attribute names for an element and sorts them alpha for comparison
+       */
+
+    }, {
+      key: "getAttributeNames",
+      value: function getAttributeNames(node) {
+        var index, rv, attrs;
+        rv = [];
+        attrs = node.attributes;
+
+        for (index = 0; index < attrs.length; ++index) {
+          rv.push(attrs[index].nodeName);
+        }
+
+        rv.sort();
+        return rv;
+      }
+      /**
+       * Compare two elements for equality.  Even will compare if the style element
+       * is out of order for example:
+       *
+       * elem1 = style="color: red; font-size: 28px"
+       * elem2 = style="font-size: 28px; color: red"
+       */
+
+    }, {
+      key: "isEqualElement",
+      value: function isEqualElement(elm1, elm2) {
+        var attrs1, attrs2, name, node1, node2; // Compare attributes without order sensitivity
+
+        attrs1 = DomHandler.getAttributeNames(elm1);
+        attrs2 = DomHandler.getAttributeNames(elm2);
+
+        if (attrs1.join(",") !== attrs2.join(",")) {
+          // console.log("Found nodes with different sets of attributes; not equiv");
+          return false;
+        } // ...and values
+        // unless you want to compare DOM0 event handlers
+        // (onclick="...")
+
+
+        for (var index = 0; index < attrs1.length; ++index) {
+          name = attrs1[index];
+
+          if (name === 'style') {
+            var astyle = elm1.style;
+            var bstyle = elm2.style;
+            var rexDigitsOnly = /^\d+$/;
+
+            for (var _i3 = 0, _Object$keys = Object.keys(astyle); _i3 < _Object$keys.length; _i3++) {
+              var key = _Object$keys[_i3];
+
+              if (!rexDigitsOnly.test(key) && astyle[key] !== bstyle[key]) {
+                // Not equivalent, stop
+                //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;
+            }
+          }
+        } // Walk the children
+
+
+        for (node1 = elm1.firstChild, node2 = elm2.firstChild; node1 && node2; node1 = node1.nextSibling, node2 = node2.nextSibling) {
+          if (node1.nodeType !== node2.nodeType) {
+            // display("Found nodes of different types; not equiv");
+            return false;
+          }
+
+          if (node1.nodeType === 1) {
+            // Element
+            if (!DomHandler.isEqualElement(node1, node2)) {
+              return false;
+            }
+          } else if (node1.nodeValue !== node2.nodeValue) {
+            // console.log("Found nodes with mis-matched nodeValues; not equiv");
+            return false;
+          }
+        }
+
+        if (node1 || node2) {
+          // One of the elements had more nodes than the other
+          // console.log("Found more children of one element than the other; not equivalent");
+          return false;
+        } // Seem the same
+
+
+        return true;
+      }
     }]);
 
     return DomHandler;
@@ -1959,15 +2056,16 @@ this.primereact.utils = (function (exports, React) {
       value: function sort(value1, value2) {
         var order = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
         var locale = arguments.length > 3 ? arguments[3] : undefined;
+        var nullSortOrder = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 1;
         var result = null;
         var emptyValue1 = this.isEmpty(value1);
         var emptyValue2 = this.isEmpty(value2);
-        if (emptyValue1 && emptyValue2) result = 0;else if (emptyValue1) result = order; // sort nulls at bottom like Excel
-        else if (emptyValue2) result = -order; // sort nulls at bottom like Excel
-        else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, locale, {
+        if (emptyValue1 && emptyValue2) result = 0;else if (emptyValue1) result = order;else if (emptyValue2) result = -order;else if (typeof value1 === 'string' && typeof value2 === 'string') result = value1.localeCompare(value2, locale, {
           numeric: true
-        });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0;
-        return order * result;
+        });else result = value1 < value2 ? -1 : value1 > value2 ? 1 : 0; // nullSortOrder == 1 means Excel like sort nulls at bottom
+
+        var finalSortOrder = nullSortOrder === 1 ? order : nullSortOrder;
+        return finalSortOrder * result;
       }
     }]);
 
@@ -2210,6 +2308,8 @@ this.primereact.api = (function (exports, utils) {
 
   _defineProperty(PrimeReact, "nonce", null);
 
+  _defineProperty(PrimeReact, "nullSortOrder", 1);
+
   _defineProperty(PrimeReact, "zIndex", {
     modal: 1100,
     overlay: 1000,
@@ -3845,13 +3945,11 @@ this.primereact.keyfilter = (function (exports, utils) {
         return;
       }
 
-      var regex = this.getRegex(keyfilter);
-      var browser = utils.DomHandler.getBrowser();
-
       if (e.ctrlKey || e.altKey) {
         return;
       }
 
+      var browser = utils.DomHandler.getBrowser();
       var k = this.getKey(e);
 
       if (browser.mozilla && (this.isNavKeyPress(e) || k === KeyFilter.KEYS.BACKSPACE || k === KeyFilter.KEYS.DELETE && e.charCode === 0)) {
@@ -3865,7 +3963,9 @@ this.primereact.keyfilter = (function (exports, utils) {
         return;
       }
 
-      if (!regex.test(cc)) {
+      var regex = this.getRegex(keyfilter);
+
+      if (!regex.test(e.key)) {
         e.preventDefault();
       }
     },
@@ -4041,9 +4141,6 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Tooltip = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -4399,7 +4496,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
     };
 
     var clearTimeouts = function clearTimeouts() {
-      Object.keys(timeouts.current).forEach(function (t) {
+      Object.values(timeouts.current).forEach(function (t) {
         return clearTimeout(t);
       });
     };
@@ -4519,7 +4616,8 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
       utils.ZIndexUtils.clear(elementRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {
-      return _objectSpread({
+      return {
+        props: props,
         updateTargetEvents: updateTargetEvents,
         loadTargetEvents: loadTargetEvents,
         unloadTargetEvents: unloadTargetEvents,
@@ -4529,7 +4627,7 @@ this.primereact.tooltip = (function (exports, React, PrimeReact, hooks, portal,
         getTarget: function getTarget() {
           return currentTargetRef.current;
         }
-      }, props);
+      };
     });
 
     var createElement = function createElement() {
@@ -5396,13 +5494,14 @@ this.primereact.virtualscroller = (function (exports, React, hooks, utils) {
       } : 0;
     }, [props.orientation]);
     React__namespace.useImperativeHandle(ref, function () {
-      return _objectSpread({
+      return {
+        props: props,
         getElementRef: getElementRef,
         scrollTo: scrollTo,
         scrollToIndex: scrollToIndex,
         scrollInView: scrollInView,
         getRenderedRange: getRenderedRange
-      }, props);
+      };
     });
 
     var createLoaderItem = function createLoaderItem(index) {
@@ -5654,21 +5753,6 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     return _extends.apply(this, arguments);
   }
 
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
   function _arrayWithHoles(arr) {
     if (Array.isArray(arr)) return arr;
   }
@@ -5730,9 +5814,6 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Checkbox = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(false),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -5746,22 +5827,25 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
       if (!props.disabled && !props.readOnly && props.onChange) {
         var _checked = isChecked();
 
-        var value = _checked ? props.falseValue : props.trueValue;
-        props.onChange({
-          originalEvent: event,
-          value: props.value,
-          checked: value,
-          stopPropagation: function stopPropagation() {},
-          preventDefault: function preventDefault() {},
-          target: {
-            type: 'checkbox',
-            name: props.name,
-            id: props.id,
+        if (inputRef.current.checked === _checked) {
+          var value = _checked ? props.falseValue : props.trueValue;
+          props.onChange({
+            originalEvent: event,
             value: props.value,
-            checked: value
-          }
-        });
-        inputRef.current.checked = !_checked;
+            checked: value,
+            stopPropagation: function stopPropagation() {},
+            preventDefault: function preventDefault() {},
+            target: {
+              type: 'checkbox',
+              name: props.name,
+              id: props.id,
+              value: props.value,
+              checked: value
+            }
+          });
+          inputRef.current.checked = !_checked;
+        }
+
         utils.DomHandler.focus(inputRef.current);
         event.preventDefault();
       }
@@ -5780,14 +5864,15 @@ this.primereact.checkbox = (function (exports, React, hooks, tooltip, utils) {
     };
 
     React__namespace.useImperativeHandle(ref, function () {
-      return _objectSpread({
+      return {
+        props: props,
         getElement: function getElement() {
           return elementRef.current;
         },
         getInput: function getInput() {
           return inputRef.current;
         }
-      }, props);
+      };
     });
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -6106,9 +6191,10 @@ this.primereact.inputtext = (function (exports, React, keyfilter, tooltip, utils
       }
     };
 
+    var currentValue = elementRef.current && elementRef.current.value;
     var isFilled = React__namespace.useMemo(function () {
-      return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || elementRef.current && utils.ObjectUtils.isNotEmpty(elementRef.current.value);
-    }, [props.value, props.defaultValue]);
+      return utils.ObjectUtils.isNotEmpty(props.value) || utils.ObjectUtils.isNotEmpty(props.defaultValue) || utils.ObjectUtils.isNotEmpty(currentValue);
+    }, [props.value, props.defaultValue, currentValue]);
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(elementRef, ref);
     }, [elementRef, ref]);
@@ -6648,9 +6734,10 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
           }
 
           break;
-        //enter
+        //enter and tab
 
         case 13:
+        case 9:
           newValueStr = validateValue(parseValue(inputValue));
           inputRef.current.value = formatValue(newValueStr);
           inputRef.current.setAttribute('aria-valuenow', newValueStr);
@@ -7227,15 +7314,16 @@ this.primereact.inputnumber = (function (exports, React, hooks, inputtext, rippl
     };
 
     React__namespace.useImperativeHandle(ref, function () {
-      return _objectSpread({
+      return {
+        props: props,
         getFormatter: getFormatter,
         getElement: function getElement() {
           return elementRef.current;
         },
         getInput: function getInput() {
-          return elementRef.current;
+          return inputRef.current;
         }
-      }, props);
+      };
     });
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -7475,21 +7563,6 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     return _extends.apply(this, arguments);
   }
 
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -7644,9 +7717,6 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
   }));
   UIMessage.displayName = 'UIMessage';
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var messageIdx = 0;
   var Messages = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState([]),
@@ -7691,14 +7761,15 @@ this.primereact.messages = (function (exports, React, reactTransitionGroup, csst
     };
 
     React__namespace.useImperativeHandle(ref, function () {
-      return _objectSpread({
+      return {
+        props: props,
         show: show,
         replace: replace,
         clear: clear,
         getElement: function getElement() {
           return elementRef.current;
         }
-      }, props);
+      };
     });
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Messages.defaultProps);
     return /*#__PURE__*/React__namespace.createElement("div", _extends({
@@ -7769,21 +7840,6 @@ this.primereact.progressbar = (function (exports, React, utils) {
 
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
   function _extends() {
     _extends = Object.assign || function (target) {
       for (var i = 1; i < arguments.length; i++) {
@@ -7802,9 +7858,6 @@ this.primereact.progressbar = (function (exports, React, utils) {
     return _extends.apply(this, arguments);
   }
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var ProgressBar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
 
@@ -7862,11 +7915,12 @@ this.primereact.progressbar = (function (exports, React, utils) {
     };
 
     React__namespace.useImperativeHandle(ref, function () {
-      return _objectSpread({
+      return {
+        props: props,
         getElement: function getElement() {
           return elementRef.current;
         }
-      }, props);
+      };
     });
     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'");
   }));
@@ -7937,6 +7991,22 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
     return _extends.apply(this, arguments);
   }
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
   function _defineProperty(obj, key, value) {
     if (key in obj) {
       Object.defineProperty(obj, key, {
@@ -8409,7 +8479,22 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
 
     var onInputBlur = function onInputBlur(event) {
       setFocusedState(false);
-      props.onBlur && props.onBlur(event);
+
+      if (props.onBlur) {
+        setTimeout(function () {
+          props.onBlur({
+            originalEvent: event.originalEvent,
+            value: inputRef.current.value,
+            stopPropagation: function stopPropagation() {},
+            preventDefault: function preventDefault() {},
+            target: {
+              name: props.name,
+              id: props.id,
+              value: inputRef.current.value
+            }
+          });
+        }, 200);
+      }
     };
 
     var onPanelClick = function onPanelClick(event) {
@@ -8565,6 +8650,11 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
       }
 
       var _char = event.key;
+
+      if (_char === 'Shift' || _char === 'Control' || _char === 'Alt') {
+        return;
+      }
+
       if (currentSearchChar.current === _char) searchValue.current = _char;else searchValue.current = searchValue.current ? searchValue.current + _char : _char;
       currentSearchChar.current = _char;
 
@@ -8879,7 +8969,8 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
     };
 
     React__namespace.useImperativeHandle(ref, function () {
-      return _objectSpread({
+      return {
+        props: props,
         show: show,
         hide: hide,
         getElement: function getElement() {
@@ -8894,7 +8985,7 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
         getFocusInput: function getFocusInput() {
           return focusInputRef.current;
         }
-      }, props);
+      };
     });
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
@@ -8930,21 +9021,33 @@ this.primereact.dropdown = (function (exports, React, PrimeReact, hooks, overlay
     });
 
     var createHiddenSelect = function createHiddenSelect() {
-      var placeHolderOption = /*#__PURE__*/React__namespace.createElement("option", {
-        value: ""
-      }, props.placeholder);
-      var option = selectedOption ? /*#__PURE__*/React__namespace.createElement("option", {
-        value: selectedOption.value
-      }, getOptionLabel(selectedOption)) : null;
+      var option = {
+        value: '',
+        label: props.placeholder
+      };
+
+      if (selectedOption) {
+        var optionValue = getOptionValue(selectedOption);
+        option = {
+          value: _typeof(optionValue) === 'object' ? props.options.findIndex(function (o) {
+            return o === optionValue;
+          }) : optionValue,
+          label: getOptionLabel(selectedOption)
+        };
+      }
+
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-hidden-accessible p-dropdown-hidden-select"
       }, /*#__PURE__*/React__namespace.createElement("select", {
         ref: inputRef,
         required: props.required,
+        defaultValue: option.value,
         name: props.name,
         tabIndex: -1,
         "aria-hidden": "true"
-      }, placeHolderOption, option));
+      }, /*#__PURE__*/React__namespace.createElement("option", {
+        value: option.value
+      }, option.label), ";"));
     };
 
     var createKeyboardHelper = function createKeyboardHelper() {
@@ -9193,21 +9296,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     return _extends.apply(this, arguments);
   }
 
-  function _defineProperty(obj, key, value) {
-    if (key in obj) {
-      Object.defineProperty(obj, key, {
-        value: value,
-        enumerable: true,
-        configurable: true,
-        writable: true
-      });
-    } else {
-      obj[key] = value;
-    }
-
-    return obj;
-  }
-
   function _arrayLikeToArray(arr, len) {
     if (len == null || len > arr.length) len = arr.length;
 
@@ -9285,9 +9373,6 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
     return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
   }
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Dialog = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var _React$useState = React__namespace.useState(props.id),
         _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -9386,6 +9471,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
         unbindDocumentDragEndListener = _useEventListener10[1];
 
     var onClose = function onClose(event) {
+      utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
       props.onHide();
       event.preventDefault();
     };
@@ -9734,7 +9820,8 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
       utils.ZIndexUtils.clear(maskRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {
-      return _objectSpread({
+      return {
+        props: props,
         resetPosition: resetPosition,
         getElement: function getElement() {
           return dialogRef.current;
@@ -9754,7 +9841,7 @@ this.primereact.dialog = (function (exports, React, PrimeReact, csstransition, h
         getCloseButton: function getCloseButton() {
           return closeRef.current;
         }
-      }, props);
+      };
     });
 
     var createCloseIcon = function createCloseIcon() {
@@ -10104,9 +10191,9 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
     return obj;
   }
 
-  function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-  function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var CurrentPageReport = /*#__PURE__*/React__namespace.memo(function (props) {
     var report = {
       currentPage: props.page + 1,
@@ -10122,7 +10209,7 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
     }, text);
 
     if (props.template) {
-      var defaultOptions = _objectSpread$1(_objectSpread$1({}, report), {
+      var defaultOptions = _objectSpread(_objectSpread({}, report), {
         className: 'p-paginator-current',
         element: element,
         props: props
@@ -10449,9 +10536,6 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
     disabled: false
   };
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
   var Paginator = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
     var elementRef = React__namespace.useRef(null);
     var rppChanged = React__namespace.useRef(false);
@@ -10535,11 +10619,12 @@ this.primereact.paginator = (function (exports, React, hooks, utils, api, button
     };
 
     React__namespace.useImperativeHandle(ref, function () {
-      return _objectSpread({
+      return {
+        props: props,
         getElement: function getElement() {
           return elementRef.current;
         }
-      }, props);
+      };
     });
     hooks.useUpdateEffect(function () {
       if (!rppChanged.current) {
@@ -11935,12 +12020,13 @@ this.primereact.tree = (function (exports, React, utils, ripple) {
     };
 
     React__namespace.useImperativeHandle(ref, function () {
-      return _objectSpread({
+      return {
+        props: props,
         filter: filter,
         getElement: function getElement() {
           return elementRef.current;
         }
-      }, props);
+      };
     });
 
     var createRootChild = function createRootChild(node, index, last) {